body,html{transition:all cubic-bezier(.175,.885,.32,1.275)}:root,.light,.light-orange{--color-brand-primary:#fd5236;--color-brand-secondary:#fff5f1;--color-brand-accent:#ff5000;--color-text-disabled:#d4d4d8;--color-brand-primary-hover:#e64800;--color-brand-secondary-hover:#feece3;--color-brand-accent-hover:#e64800;--color-text-primary:#27272a;--color-text-secondary:#71717a;--color-text-placeholder:#a1a1aa;--color-text-on-brand:#fff;--color-text-link:#fd5236;--color-bg-body:#f3f4f9;--color-bg-surface:#fff;--color-bg-surface-hover:#fafafa;--color-bg-secondary:#f4f4f5;--color-bg-accent:#fffffffa;--color-border-primary:#e4e4e7;--color-border-secondary:#e4e4e7;--color-bg-muted:#f4f4f5;--color-utility-success:#10b981;--color-utility-error:#ef4444;--color-utility-warning:#f59e0b;--color-utility-info:#3b82f6;--color-heading:#18181b;--auth-overlay-start:#fff6;--auth-overlay-end:#fff5f0e6;--shadow-color-rgb:0,0,0;--color-error:#ef4444}.dark,.dark-blue{--color-brand-primary:#3b82f6;--color-brand-primary-soft:#3b82f626;--color-brand-secondary:#3b82f61a;--color-brand-accent:#60a5fa;--color-brand-primary-hover:#60a5fa;--color-brand-secondary-hover:#3b82f633;--color-brand-accent-hover:#3b82f6;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-placeholder:#71717a;--color-text-on-brand:#fff;--color-text-link:#60a5fa;--color-bg-body:#09090b;--color-bg-surface:#121217;--color-bg-surface-hover:#18181b;--color-bg-secondary:#ffffff08;--color-bg-accent:#000000b3;--color-border-primary:#3f3f46;--color-border-secondary:#27272a;--color-bg-muted:#ffffff0f;--color-utility-success:#34d399;--color-utility-error:#ef4444;--color-utility-warning:#f59e0b;--color-utility-info:#60a5fa;--color-heading:#fff;--auth-overlay-start:#121212cc;--auth-overlay-end:#09090be6;--shadow-color-rgb:0,0,0;--color-error:#ef4444}.search-overlay-wrapper{z-index:1000;visibility:hidden;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.search-overlay-wrapper.is-open{visibility:visible}.search-overlay-wrapper.is-open .search-overlay-backdrop{opacity:1}.search-overlay-wrapper.is-open .search-overlay-container{opacity:1;transform:translateY(0)scale(1)}.search-overlay-wrapper.is-closing .search-overlay-backdrop{opacity:0}.search-overlay-wrapper.is-closing .search-overlay-container{opacity:0;transform:translateY(30px)}.search-overlay-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background-color:#0006;transition:opacity .4s;position:absolute;inset:0}.search-overlay-container{background-color:var(--color-bg-surface);opacity:0;flex-direction:column;width:100%;height:100%;padding:1rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translateY(100%)}@media (min-width:768px){.search-overlay-container{border-radius:24px;max-width:680px;height:80vh;max-height:800px;padding:2rem;transform:scale(.9);box-shadow:0 25px 50px -12px #00000040}}.search-overlay__mobile-header{margin-bottom:1.5rem}@media (min-width:768px){.search-overlay__mobile-header{display:none}}.search-overlay__back-btn{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:0;display:flex}.search-overlay__form,.search-overlay__input-wrapper{width:100%;position:relative}.search-overlay__input-wrapper .search-overlay__main-input{margin-bottom:0}.search-overlay__input-wrapper .search-overlay__main-input .ds-input__field{background-color:var(--color-bg-secondary);border-width:2px;border-radius:12px;height:56px;padding-left:3rem;font-size:1rem}.search-overlay__input-wrapper .search-overlay__main-input .ds-input__field:focus{background-color:var(--color-bg-surface);border-color:var(--color-brand-primary);box-shadow:0 0 0 4px rgba(var(--color-brand-primary),.1)}.search-overlay__input-wrapper .search-overlay__main-input .ds-input__icon{right:1.25rem}.search-overlay__input-actions{z-index:5;align-items:center;gap:.5rem;display:flex;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.search-overlay__clear-btn{background:var(--color-bg-surface);width:28px;height:28px;color:var(--color-text-placeholder);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.search-overlay__clear-btn:hover{background-color:var(--color-utility-error);color:#fff}.search-overlay__content{flex:1;margin-top:1rem;padding-left:.5rem;overflow-y:auto}.search-overlay__section{margin-top:2rem;animation:.5s backwards fadeInUp}.search-overlay__section:first-child{animation-delay:.1s}.search-overlay__section:nth-child(2){animation-delay:.2s}.search-overlay__section:nth-child(3){animation-delay:.3s}.search-overlay__section:nth-child(4){animation-delay:.4s}.search-overlay__section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.search-overlay__tag{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;border-radius:9999px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .3s}.search-overlay__tag:hover{background-color:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary);box-shadow:0 4px 12px rgba(var(--color-brand-primary),.2)}.search-overlay__history-list{flex-direction:column;gap:.25rem;display:flex}.search-overlay__history-row{border-radius:16px;justify-content:space-between;align-items:center;padding:.25rem .75rem;transition:background .2s;display:flex}.search-overlay__history-row:hover{background-color:var(--color-bg-secondary)}.search-overlay__history-row:hover .search-overlay__delete-history{opacity:1}.search-overlay__history-btn{cursor:pointer;text-align:right;background:0 0;border:none;flex:1;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.search-overlay__delete-history{opacity:0;color:var(--color-text-placeholder);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:.5rem;transition:all .2s}.search-overlay__delete-history:hover{color:var(--color-utility-error);background-color:rgba(var(--color-utility-error),.1)}@media (max-width:768px){.search-overlay__delete-history{opacity:1}}.search-overlay__results-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.search-overlay__result-item{background-color:var(--color-bg-surface);border:1px solid var(--color-border-primary);cursor:pointer;text-align:right;border-radius:24px;align-items:center;gap:1rem;width:100%;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.search-overlay__result-item.is-out-of-stock{opacity:.65;filter:grayscale(.8)}.search-overlay__result-item.is-out-of-stock:hover{opacity:.8;filter:grayscale(.2)}.search-overlay__result-item:hover{border-color:var(--color-brand-primary);background-color:var(--color-bg-secondary);box-shadow:0 4px 6px -1px rgba(var(--shadow-color-rgb),.1),0 2px 4px -2px rgba(var(--shadow-color-rgb),.1);transform:translateY(-2px)}.search-overlay__result-item:hover .action-icon{color:var(--color-brand-primary);transform:translate(-4px)}.search-overlay__result-img-wrapper{background-color:var(--color-bg-secondary);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:.25rem;display:flex;position:relative;overflow:visible}.search-overlay__result-img{object-fit:contain;mix-blend-mode:multiply;border-radius:calc(16px - .25rem);width:100%;height:100%}.search-overlay__discount-badge{background-color:var(--color-utility-error);color:var(--color-bg-body);box-shadow:0 1px 2px 0 rgba(var(--shadow-color-rgb),.05);z-index:2;border-radius:9999px;padding:2px 6px;font-size:.75rem;font-weight:900;position:absolute;top:-6px;right:-6px}.search-overlay__result-info{flex-direction:column;flex:1;justify-content:center;display:flex;overflow:hidden}.search-overlay__result-title{margin-bottom:.25rem;line-height:1.4}.search-overlay__result-rating{color:var(--color-text-primary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.search-overlay__result-rating .rating-icon{color:var(--color-utility-warning);fill:var(--color-utility-warning)}.search-overlay__result-price-row{align-items:center;margin-top:.25rem;display:flex}.search-overlay__result-pricing{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.search-overlay__result-price-new{color:var(--color-heading);font-size:1rem;font-weight:900}.search-overlay__result-price-new .currency{color:var(--color-text-primary);font-size:.75rem;font-weight:400}.search-overlay__result-price-old{color:var(--color-text-placeholder);font-size:.75rem;font-weight:500;text-decoration:line-through}.search-overlay__result-out-of-stock{color:var(--color-utility-error);background-color:rgba(var(--color-utility-error),.1);border-radius:8px;padding:.25rem .5rem;font-size:.875rem;font-weight:700}.search-overlay__result-action{justify-content:center;align-items:center;padding-left:.25rem;display:flex}.search-overlay__result-action .action-icon{color:var(--color-text-placeholder);transition:all .3s}.search-overlay__view-all{border-top:1px solid var(--color-border-secondary);justify-content:center;margin-top:1rem;padding:1rem 0 2rem;display:flex}.search-overlay__view-all-btn{background-color:var(--color-bg-secondary);color:var(--color-brand-primary);cursor:pointer;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.75rem;padding:.75rem 2rem;font-size:.875rem;font-weight:900;transition:all .3s;display:flex}.search-overlay__view-all-btn span{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.search-overlay__view-all-btn:hover{background-color:var(--color-brand-primary);color:#fff;box-shadow:0 8px 20px rgba(var(--color-brand-primary),.25);transform:translateY(-2px)}.search-overlay__view-all-btn:hover svg{transform:translate(-4px)}.search-overlay__view-all-btn svg{transition:transform .3s}@media (max-width:768px){.search-overlay__view-all-btn{justify-content:center;width:100%}}.search-overlay__empty-history,.search-overlay__empty-state{text-align:center;opacity:.6;padding:2.5rem 0}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
