:root{--builder-primary: #e07b85;--builder-primary-light: #fff0f2;--builder-accent: #e07b85;--builder-bg: #faf8f5;--builder-gray: #eae3d7;--builder-charcoal: #2c2c2c;--builder-radius: 16px}body{background-color:var(--builder-bg)}.gift-builder-container{padding:40px 0 140px}.hp-builder-header{background:#fff;border-bottom:1px solid var(--builder-gray);padding:15px 0;position:sticky;top:0;z-index:950;box-shadow:0 2px 10px #00000005}.header-inner{display:flex;justify-content:space-between;align-items:center}.hp-btn-back-home{display:inline-flex;align-items:center;gap:10px;color:var(--builder-primary);text-decoration:none;font-family:var(--font-body);font-weight:600;font-size:1rem;transition:color .3s}.hp-btn-back-home:hover{color:var(--builder-accent)}.header-right-badges{display:flex;gap:15px;align-items:center}.header-price-badge{background:#dfba6b1a;padding:8px 18px;border-radius:50px;border:1px solid rgba(223,186,107,.2)}.header-price-badge .price-val{font-size:1.125rem;font-weight:700;color:var(--builder-accent)}.builder-grid{display:grid;grid-template-columns:220px 1fr 320px;gap:35px;align-items:start}.builder-sidebar{background:#fff;border:1px solid var(--builder-gray);border-radius:var(--builder-radius);padding:20px 15px;position:sticky;top:100px}.happe-stepper-sidebar-nav{display:flex;flex-direction:column;gap:12px}.happe-stepper-node{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s ease}.happe-stepper-node:hover{background:var(--builder-primary-light)}.happe-stepper-circle{width:32px;height:32px;border-radius:50%;border:1.5px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#999;background:#fff;transition:all .3s ease}.happe-stepper-label{font-family:Inter,sans-serif;font-size:.8125rem;color:#8c8276;font-weight:500;transition:all .3s ease}.happe-stepper-node.active{background:var(--builder-primary-light);border-left:4px solid var(--builder-primary);border-radius:0 8px 8px 0;padding-left:8px}.happe-stepper-node.active .happe-stepper-circle{border-color:var(--builder-primary);background:var(--builder-primary);color:#fff}.happe-stepper-node.active .happe-stepper-label{color:var(--builder-primary);font-weight:700}.happe-stepper-node.completed .happe-stepper-circle{border-color:var(--builder-accent);background:var(--builder-accent);color:#fff}.happe-stepper-node.completed .happe-stepper-label{color:var(--builder-charcoal)}.builder-summary{position:sticky;top:100px}.hp-preview-container{width:100%;background:#fff;border:1.5px solid #eae3d7;border-radius:20px;overflow:hidden;padding:16px;box-shadow:0 4px 20px #0000000a;box-sizing:border-box}.hp-thumb-preview-panel{display:flex;flex-direction:column;gap:14px;width:100%}.hp-preview-empty-card{padding:35px 20px;text-align:center;background:#faf8f5;border-radius:16px;border:1.5px dashed #e2dbce}.hp-preview-empty-icon{font-size:2.2rem;margin-bottom:8px}.hp-preview-empty-title{font-family:var(--font-heading, "Playfair Display", serif);font-size:1.05rem;color:#012d1d;margin:0 0 6px}.hp-preview-empty-sub{font-family:Inter,sans-serif;font-size:.8rem;color:#8c8276;margin:0}.hp-preview-focus-card{background:#fdfbf7;border:1px solid #efebe5;border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.hp-focus-img-wrap{width:100%;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:#fff;margin-bottom:10px}.hp-focus-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.hp-focus-info{display:flex;flex-direction:column;gap:2px}.hp-focus-category{font-family:Inter,sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#df2169}.hp-focus-title{font-family:var(--font-heading, "Playfair Display", serif);font-size:.95rem;font-weight:600;color:#012d1d}.hp-chain-section{display:flex;flex-direction:column;gap:8px;width:100%}.hp-chain-header{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.hp-chain-label{font-family:Inter,sans-serif;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#012d1d}.hp-chain-hint{font-family:Inter,sans-serif;font-size:.68rem;color:#94a3b8}.hp-chain-row{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin;scrollbar-color:#df2169 #f1ece4;-webkit-overflow-scrolling:touch}.hp-chain-row::-webkit-scrollbar{height:4px}.hp-chain-row::-webkit-scrollbar-thumb{background:#df2169;border-radius:4px}.hp-chain-thumb-card{flex:0 0 65px;width:65px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .25s ease;-webkit-user-select:none;user-select:none}.hp-thumb-img-box{width:65px;height:65px;border-radius:12px;border:1.5px solid #efebe5;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 2px 6px #00000008}.hp-thumb-img-box img{width:100%;height:100%;object-fit:cover}.hp-chain-thumb-card:hover .hp-thumb-img-box{border-color:#df2169;transform:translateY(-2px);box-shadow:0 5px 12px #df216926}.hp-chain-thumb-card.is-active .hp-thumb-img-box{border-color:#df2169;border-width:2px;box-shadow:0 0 0 3px #df216938}.hp-thumb-category-tag{font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65px}.hp-chain-thumb-card.is-active .hp-thumb-category-tag{color:#df2169;font-weight:700}.hp-chain-plus-badge{flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#fff5f8;border:1.5px solid #f9a8d4;color:#df2169;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 1px 12px;line-height:1}.builder-main{background:#fff;border:1px solid var(--builder-gray);border-radius:var(--builder-radius);padding:30px;min-height:50vh}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.item-card{background:#fff;border:1px solid var(--builder-gray);border-radius:var(--builder-radius);padding:15px;cursor:pointer;position:relative;transition:all .25s ease;outline:none;box-sizing:border-box}.item-card:hover{transform:translateY(-4px);border-color:var(--builder-accent);box-shadow:0 10px 25px #dfba6b1f}.item-card.selected{border:2px solid var(--builder-primary);background:var(--builder-primary-light);box-shadow:0 8px 20px #012d1d14}.item-image{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;margin-bottom:12px;background:#faf8f5}.item-image img{width:100%;height:100%;object-fit:cover}.item-info h3{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;margin:0 0 6px;color:var(--builder-primary)}.item-price{font-size:.875rem;font-weight:700;color:var(--builder-accent)}.selected-badge{position:absolute;top:10px;right:10px;background:var(--builder-primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;opacity:0;transform:scale(.8);transition:all .2s ease}.item-card.selected .selected-badge{opacity:1;transform:scale(1)}.builder-footer-bar{position:fixed;bottom:75px;left:20px;right:20px;max-width:1200px;margin:0 auto;background:#fff;border:1px solid var(--builder-gray);border-radius:50px;padding:14px 24px;z-index:2000;box-shadow:0 10px 30px #012d1d1a}.footer-bar-inner{display:flex;justify-content:space-between;align-items:center}.footer-center-price{text-align:center;display:flex;flex-direction:column}.footer-center-price .price-label{font-size:.75rem;color:#8c8276;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.footer-center-price .price-val{font-size:1.35rem;font-weight:700;color:var(--builder-accent)}.hp-pill-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 40px;border-radius:50px;font-family:var(--font-body);font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.btn-back{background:transparent;border:1px solid var(--builder-gray);color:var(--builder-primary)}.btn-back:hover{background:#f8f5f2;border-color:var(--builder-primary)}.btn-next,.btn-gold{background:var(--builder-accent);color:#fff;border:1px solid var(--builder-accent)}.btn-next:hover,.btn-gold:hover{background:#c09d53;border-color:#c09d53;box-shadow:0 4px 12px #dfba6b40}.summary-card{background:#fff;border:1px solid var(--builder-gray);border-radius:var(--builder-radius);padding:20px;box-sizing:border-box}.summary-card h3{font-family:Cormorant Garamond,serif;font-size:1.35rem;color:var(--builder-primary);font-weight:600;margin:0 0 15px;border-bottom:1px solid var(--builder-gray);padding-bottom:10px}.summary-list{display:flex;flex-direction:column;gap:10px;min-height:100px}.summary-item{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--builder-charcoal)}.summary-item .item-title{font-weight:500}.summary-item .item-price{font-weight:700;color:var(--builder-accent)}.summary-total{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.125rem;margin-top:15px;padding-top:15px;border-top:1px dashed var(--builder-gray)}.summary-note{font-size:.75rem;color:#8c8276;margin-top:10px;text-align:center}.personalization-form-wrapper,.delivery-scheduler-wrapper{display:flex;flex-direction:column;gap:15px;max-width:500px;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#888}.form-control{border:1px solid var(--builder-gray);background:var(--builder-bg);border-radius:8px;padding:10px 14px;font-size:.875rem;outline:none;transition:border-color .2s;box-sizing:border-box}.form-control:focus{border-color:var(--builder-primary)}@media(max-width:1024px){html,body{overflow-x:hidden!important;max-width:100vw!important}.gift-builder-container{padding:15px 0 100px!important}.builder-grid{display:grid!important;grid-template-columns:75px 1fr!important;gap:12px!important;align-items:start!important;width:100%!important;box-sizing:border-box!important}aside.builder-summary{display:block!important;grid-row:1!important;grid-column:1 / -1!important;position:relative!important;top:0!important;width:100%!important;margin-bottom:10px!important;box-sizing:border-box!important}aside.builder-summary .summary-card{display:none!important}.builder-sidebar{display:block!important;grid-row:2!important;grid-column:1!important;width:100%!important;max-width:75px!important;padding:0!important;position:sticky!important;top:65px!important;height:auto!important;border:none!important;background:transparent!important;z-index:10!important;box-sizing:border-box!important}.happe-stepper-sidebar-nav{display:flex!important;flex-direction:column!important;gap:8px!important}.happe-stepper-node{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:8px 4px!important;background:#fff!important;border:1px solid var(--builder-gray)!important;border-radius:12px!important;box-shadow:0 2px 6px #00000008!important;transition:all .25s ease!important;box-sizing:border-box!important}.happe-stepper-circle{width:36px!important;height:36px!important;border-radius:50%!important;font-size:1rem!important;margin:0!important}.happe-stepper-label{font-size:.62rem!important;text-align:center!important;line-height:1.15!important;white-space:normal!important;word-break:break-word!important;color:#8c8276!important;font-weight:500!important}.happe-stepper-node.active{background:var(--builder-primary-light)!important;border:2px solid var(--builder-primary)!important;border-radius:12px!important;padding-left:4px!important}.happe-stepper-node.active .happe-stepper-label{color:var(--builder-primary)!important;font-weight:700!important}.happe-stepper-node.completed{border-color:var(--builder-accent)!important}.builder-main{grid-row:2!important;grid-column:2!important;margin-left:0!important;width:100%!important;min-width:0!important;padding:0!important;border:none!important;background:transparent!important;min-height:auto!important;box-sizing:border-box!important}.builder-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding-bottom:10px!important;margin-bottom:12px!important;width:100%!important;box-sizing:border-box!important}.builder-header h1{font-size:1.25rem!important;line-height:1.25!important;margin:0!important;flex:1!important;min-width:0!important;word-break:break-word!important}.custom-filter-dropdown-container{flex-shrink:0!important}.filter-dropdown-btn{padding:6px 12px!important;font-size:.72rem!important;border-radius:20px!important;gap:5px!important;white-space:nowrap!important}.items-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important;box-sizing:border-box!important}.item-card{padding:8px!important;border-radius:12px!important;box-sizing:border-box!important;min-width:0!important}.item-image{margin-bottom:6px!important;border-radius:8px!important;aspect-ratio:1!important;width:100%!important}.item-info h3{font-size:.75rem!important;margin-bottom:3px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;height:2.5em!important}.item-price{font-size:.75rem!important;font-weight:700!important}.selected-badge{top:6px!important;right:6px!important;width:20px!important;height:20px!important;font-size:.7rem!important}.hp-preview-container{padding:12px!important;border-radius:16px!important}.hp-focus-img-wrap{height:140px!important;border-radius:8px!important;margin-bottom:6px!important}.hp-focus-img{max-height:100%!important;max-width:100%!important;object-fit:contain!important}.hp-focus-info{gap:1px!important}.hp-focus-category{font-size:.65rem!important}.hp-focus-title{font-size:.85rem!important;line-height:1.2!important}.hp-chain-section{gap:6px!important}.hp-chain-label{font-size:.65rem!important}.hp-chain-hint{font-size:.62rem!important}.hp-chain-row{gap:4px!important;padding:2px 0 4px!important}.hp-chain-thumb-card{flex:0 0 55px!important;width:55px!important}.hp-thumb-img-box{width:55px!important;height:55px!important;border-radius:10px!important}.hp-thumb-category-tag{max-width:55px!important;font-size:.62rem!important}.hp-chain-plus-badge{flex:0 0 16px!important;width:16px!important;height:16px!important;font-size:.65rem!important;margin:0 0 12px!important}.hp-builder-header{padding:8px 0!important}.hp-btn-back-home{font-size:.8rem!important;gap:6px!important;white-space:nowrap!important}.hp-btn-back-home svg{width:16px!important;height:16px!important}.header-price-badge{padding:4px 10px!important}.header-price-badge .price-val{font-size:.82rem!important}.hp-summary-toggle-btn{width:32px!important;height:32px!important}.hp-summary-toggle-btn svg{width:14px!important;height:14px!important}.builder-footer-bar{position:fixed!important;bottom:12px!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;padding:8px 12px!important;border-radius:40px!important;box-shadow:0 6px 20px #0000001f!important;background:#fff!important;z-index:1000!important}.footer-bar-inner{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:6px!important}.footer-center-price .price-label{font-size:.58rem!important;white-space:nowrap!important}.footer-center-price .price-val{font-size:.9rem!important;white-space:nowrap!important}.nav-right{display:flex!important;align-items:center!important;gap:6px!important}.hp-pill-btn{padding:8px 14px!important;font-size:.75rem!important;border-radius:20px!important;white-space:nowrap!important}#skip-step{font-size:.7rem!important;margin-right:4px!important;white-space:nowrap!important}.filter-flyout-panel{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 32px)!important;max-width:320px!important;max-height:80vh!important;z-index:2500!important;box-shadow:0 10px 40px #00000040!important}}@media(max-width:500px){.builder-grid{grid-template-columns:65px 1fr!important;gap:8px!important}.builder-sidebar{max-width:65px!important}.happe-stepper-circle{width:32px!important;height:32px!important;font-size:.9rem!important}.happe-stepper-label{font-size:.58rem!important}.builder-header h1{font-size:1.05rem!important}.items-grid{gap:8px!important}.item-card{padding:6px!important}.hp-focus-img-wrap{height:120px!important}.hp-chain-thumb-card{flex:0 0 48px!important;width:48px!important}.hp-thumb-img-box{width:48px!important;height:48px!important}.hp-thumb-category-tag{max-width:48px!important;font-size:.58rem!important}}.mobile-summary-drawer-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .3s ease}.mobile-summary-drawer-overlay.is-visible{display:block}.mobile-summary-drawer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -10px 30px #0000001a;transform:translateY(100%);transition:transform .35s cubic-bezier(.25,1,.5,1);z-index:1010;max-height:80vh;display:flex;flex-direction:column}.mobile-summary-drawer.is-open{transform:translateY(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--builder-gray)}.drawer-header h3{font-family:Cormorant Garamond,serif;font-size:1.35rem;color:var(--builder-primary);font-weight:600;margin:0}.btn-close{background:none;border:none;font-size:1.8rem;line-height:1;color:#8c8276;cursor:pointer;padding:0 10px}.drawer-body{padding:20px;overflow-y:auto}@media(min-width:1025px){.mobile-summary-drawer,.mobile-summary-drawer-overlay{display:none!important}}.filter-dropdown-btn:hover,.filter-dropdown-btn[aria-expanded=true]{border-color:var(--builder-primary)!important;color:var(--builder-primary)!important}.filter-flyout-panel{animation:filterFlyoutFadeIn .2s ease-out}@keyframes filterFlyoutFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.checkbox-list::-webkit-scrollbar{width:4px}.checkbox-list::-webkit-scrollbar-track{background:#f8f8f8;border-radius:2px}.checkbox-list::-webkit-scrollbar-thumb{background:#d4cfc8;border-radius:2px}.checkbox-list::-webkit-scrollbar-thumb:hover{background:var(--builder-accent)}.mobile-stepper-scroll-container{display:none}@media(max-width:1024px){.mobile-stepper-scroll-container{display:block;width:100%;overflow-x:auto;background:#fff;border-bottom:1.5px solid var(--builder-gray);padding:12px 0;margin-bottom:20px;-webkit-overflow-scrolling:touch}.mobile-stepper-scroll-container::-webkit-scrollbar{display:none}.mobile-stepper-nav{display:inline-flex;gap:10px;padding:0 15px}.mobile-stepper-node{display:inline-flex;align-items:center;gap:8px;background:#f8f6f2;border:1px solid var(--builder-gray);border-radius:50px;padding:6px 14px;cursor:pointer;white-space:nowrap;transition:all .3s ease}.mobile-stepper-node.active{background:var(--builder-primary);border-color:var(--builder-primary);color:#fff!important}.mobile-stepper-node.active .mobile-stepper-label{color:#fff!important;font-weight:700}.mobile-stepper-node.completed{background:#dfba6b1a;border-color:var(--builder-accent)}.mobile-stepper-node.completed .mobile-stepper-label{color:var(--builder-charcoal)}.mobile-stepper-circle{display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.mobile-stepper-label{font-family:Inter,sans-serif;font-size:.75rem;color:#8c8276;font-weight:500}}[dir=rtl] .hp-btn-back-home svg{transform:scaleX(-1)}[dir=rtl] .builder-header,[dir=rtl] .happe-stepper-sidebar-nav,[dir=rtl] .summary-card{text-align:right}[dir=rtl] .summary-total{font-family:Cairo,Tajawal,sans-serif}[dir=rtl] .builder-footer-bar{direction:rtl}[dir=rtl] #step-title{font-family:Cairo,Tajawal,sans-serif}
/*# sourceMappingURL=/cdn/shop/t/17/assets/builder.css.map */