:root{--cream:#faf8f5;--cream-deep:#f4f1ea;--white-card:#fff;--border-soft:#e5e0d8;--border-light:#edebe7;--charcoal:#2c2a29;--charcoal-light:#4a4745;--taupe:#9b9189;--taupe-muted:#b5aea5;--sage:#7b9e87;--sage-light:#7b9e871a;--gold-accent:#c4a97d;--gold-light:#c4a97d1f;--font-serif:"Playfair Display", Georgia, "Times New Roman", serif;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow-soft:0 2px 16px #2c2a290d;--shadow-hover:0 8px 32px #2c2a2917;--shadow-card:0 1px 4px #2c2a290a;--ease-luxury:cubic-bezier(.25, .46, .45, .94);--transition-base:.35s var(--ease-luxury);--radius-sm:6px;--radius-md:12px;--radius-lg:16px}*,:before,:after{box-sizing:border-box}body{background-color:var(--cream);color:var(--charcoal);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:15px;font-weight:400;line-height:1.6}#root{max-width:100%;min-height:100svh;margin:0 auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--charcoal);font-weight:500;line-height:1.25}h1{letter-spacing:-.02em;font-size:2rem}h2{letter-spacing:-.01em;font-size:1.5rem}h3{font-size:1.15rem}h4{font-size:.8rem}p{color:var(--charcoal-light);margin:0}a{color:var(--charcoal);text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:3px}::selection{background:var(--gold-light);color:var(--charcoal)}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--border-light);background:#faf8f5d1;position:sticky;top:0}.navbar__inner{align-items:center;gap:32px;max-width:1120px;height:64px;margin:0 auto;padding:0 32px;display:flex}.navbar__logo{font-family:var(--font-serif);color:var(--charcoal);letter-spacing:-.03em;cursor:pointer;transition:opacity var(--transition-base);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.navbar__logo:hover{opacity:.65}.navbar__links{gap:4px;margin-left:8px;display:none}@media (width>=768px){.navbar__links{display:flex}}.navbar__link{font-family:var(--font-sans);color:var(--taupe);cursor:pointer;transition:color var(--transition-base), background-color var(--transition-base);background:0 0;border:none;border-radius:100px;align-items:center;padding:8px 16px;font-size:.84rem;font-weight:450;text-decoration:none;display:inline-flex}.navbar__link:hover{color:var(--charcoal);background:var(--cream-deep)}.navbar__link--active{color:var(--charcoal);font-weight:500}.navbar__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.navbar__menu-btn{border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--white-card);width:38px;height:38px;color:var(--charcoal);cursor:pointer;transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.navbar__menu-btn:hover{background:var(--cream-deep);border-color:var(--taupe-muted)}.navbar__mobile-menu{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-soft);animation:fadeDown .22s var(--ease-luxury);z-index:99;background:#faf8f5fa;flex-direction:column;gap:6px;padding:16px 20px 20px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 32px #2c2a2917}.navbar__mobile-link{font-family:var(--font-sans);color:var(--charcoal);border-radius:var(--radius-sm);transition:background-color var(--transition-base), color var(--transition-base);justify-content:space-between;align-items:center;padding:10px 14px;font-size:1rem;font-weight:500;text-decoration:none;display:flex}.navbar__mobile-link--active{color:var(--charcoal);background:var(--cream-deep);font-weight:600}.navbar__mobile-link:hover{background:var(--cream-deep)}.navbar__mobile-arrow{color:var(--taupe);font-size:1.1rem}.navbar__mobile-divider{background:var(--border-light);height:1px;margin:6px 0}.navbar__mobile-sublink{font-family:var(--font-sans);color:var(--taupe);transition:color var(--transition-base);padding:6px 14px;font-size:.85rem;text-decoration:none}.navbar__mobile-sublink:hover{color:var(--charcoal)}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.navbar__menu-btn,.navbar__mobile-menu{display:none!important}}.navbar__fav-btn{width:40px;height:40px;color:var(--taupe);cursor:pointer;transition:color var(--transition-base), background-color var(--transition-base), border-color var(--transition-base);background:0 0;border:1px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.navbar__fav-btn:hover{color:var(--charcoal);background:var(--cream-deep);border-color:var(--border-light)}.navbar__fav-btn--has-items{color:#b06b7a}.navbar__fav-btn--has-items:hover{color:#92364c;background:#b06b7a14;border-color:#b06b7a33}.navbar__fav-badge{color:#fff;min-width:17px;height:17px;font-family:var(--font-sans);text-align:center;animation:badgePop .25s var(--ease-luxury);pointer-events:none;background:#b06b7a;border-radius:100px;padding:0 4px;font-size:.6rem;font-weight:600;line-height:17px;position:absolute;top:1px;right:1px}@keyframes badgePop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.navbar__search-btn{font-family:var(--font-sans);color:var(--taupe-muted);background:var(--white-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-base), box-shadow var(--transition-base), color var(--transition-base);align-items:center;gap:8px;padding:9px 18px;font-size:.82rem;display:flex}.navbar__search-btn:hover{border-color:var(--border-soft);color:var(--charcoal-light);box-shadow:var(--shadow-card)}.navbar__search-label{font-weight:300}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.p-3{padding:.75rem}.pb-4{padding-bottom:1rem}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-\[100vw\]{max-width:100vw}.min-w-0{min-width:0}.min-w-\[600px\]{min-width:600px}.min-w-max{min-width:max-content}.block{display:block}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-x-auto{-webkit-overflow-scrolling:touch;overflow-x:auto}.break-words{overflow-wrap:break-word}.break-normal{overflow-wrap:normal;word-break:normal}.whitespace-nowrap{white-space:nowrap}.flex-wrap{flex-wrap:wrap}.hidden{display:none!important}.flex{display:flex!important}.flex-col{flex-direction:column}.items-center{align-items:center}.text-center{text-align:center}.justify-center{justify-content:center}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.gap-3{gap:.75rem}.gap-4{gap:1rem}@media (width>=768px){.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:p-5{padding:1.25rem}.md\:w-auto{width:auto}.md\:hidden{display:none!important}.md\:flex{display:flex!important}.md\:flex-row{flex-direction:row}.md\:justify-between{justify-content:space-between}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:gap-6{gap:1.5rem}}@media (width>=1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.border-t{border-top-style:solid;border-top-width:1px}.border-gray-200{border-color:#e5e7eb}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-gray-600{color:#4b5563}.text-gray-400{color:#9ca3af}.hover\:text-black:hover{color:#000}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-0{margin:0}@media (width>=640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:flex-row{flex-direction:row}.sm\:gap-6{gap:1.5rem}}@media (width>=768px){.md\:text-left{text-align:left}}.app-shell{max-width:1120px;margin:0 auto;padding:0 1rem 60px}@media (width>=768px){.app-shell{padding:0 2rem 80px}}.home-view{animation:fadeUp .55s var(--ease-luxury)}.hero{text-align:center;padding:80px 0 72px;position:relative;overflow:hidden}.hero__content{z-index:1;max-width:680px;margin:0 auto;position:relative}.hero__eyebrow{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.18em;color:var(--sage);margin:0 0 20px;font-size:.72rem;font-weight:500}.hero__title{font-family:var(--font-serif);color:var(--charcoal);letter-spacing:-.025em;margin:0 0 24px;font-size:2.85rem;font-weight:500;line-height:1.18}.hero__subtitle{color:var(--taupe);max-width:520px;margin:0 auto 40px;font-size:1.02rem;font-weight:300;line-height:1.7}.hero__cta{width:100%;font-family:var(--font-sans);letter-spacing:.03em;color:#fff;background:var(--charcoal);cursor:pointer;min-height:44px;transition:background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);border:none;border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-size:.88rem;font-weight:500;display:inline-flex}@media (width>=768px){.hero__cta{width:auto}}.hero__cta:hover{background:var(--charcoal-light);transform:translateY(-2px);box-shadow:0 8px 24px #2c2a292e}.hero__cta:active{transform:translateY(0)}.hero__cta-arrow{transition:transform var(--transition-base);font-size:1.1rem}.hero__cta:hover .hero__cta-arrow{transform:translate(3px)}.hero__visual{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero__glow{filter:blur(40px);background:radial-gradient(circle,#c4a97d14 0%,#7b9e870d 45%,#0000 70%);border-radius:50%;width:480px;height:480px}.home-section{margin-bottom:72px}.home-section__header{text-align:center;margin-bottom:40px}.home-section__title{font-family:var(--font-serif);color:var(--charcoal);letter-spacing:-.01em;margin:0 0 10px;font-size:1.65rem;font-weight:500}.home-section__subtitle{color:var(--taupe);margin:0;font-size:.92rem;font-weight:300}.categories-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.category-card{background:var(--white-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;text-align:center;font:inherit;transition:box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);flex-direction:column;padding:0;display:flex;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-soft);background-color:var(--white-card);transform:translateY(-4px)}.category-card__image-wrap{aspect-ratio:4/3;background:#fff;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.category-card__image{object-fit:contain;width:100%;height:100%;transition:transform .6s var(--ease-luxury)}.category-card:hover .category-card__image{transform:scale(1.08)}.category-card__overlay{pointer-events:none;background:linear-gradient(#0000 40%,#2c2a290d);position:absolute;inset:0}.category-card__body{flex-direction:column;gap:6px;padding:16px 20px 20px;display:flex}.category-card__label{font-family:var(--font-serif);color:var(--charcoal);margin:0 0 4px;font-size:1.05rem;font-weight:500}.category-card__desc{color:var(--taupe);margin:0;font-size:.78rem;font-weight:300}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.benefit-card{background:var(--white-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:center;transition:box-shadow var(--transition-base), border-color var(--transition-base);padding:32px 28px}.benefit-card:hover{box-shadow:var(--shadow-soft);border-color:var(--border-soft)}.benefit-card__icon{color:#374151;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto 16px;display:flex}.benefit-card__icon svg{width:100%;height:100%}.benefit-card__title{font-family:var(--font-serif);color:var(--charcoal);margin:0 0 10px;font-size:1.05rem;font-weight:500}.benefit-card__desc{color:var(--taupe);margin:0;font-size:.85rem;font-weight:300;line-height:1.65}.home-footer{border-top:1px solid var(--border-light);text-align:center;padding:32px 0}.home-footer__text{color:var(--taupe-muted);margin:0;font-size:.78rem;font-weight:300}.products-view{animation:fadeUp .45s var(--ease-luxury);padding-top:8px}.category-nav{border-bottom:1px solid var(--border-light);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:24px 0 20px;display:flex;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-nav__btn{font-family:var(--font-sans);letter-spacing:.01em;color:var(--taupe);cursor:pointer;white-space:nowrap;transition:color var(--transition-base), background-color var(--transition-base), border-color var(--transition-base);background:0 0;border:1px solid #0000;border-radius:100px;align-items:center;gap:7px;padding:9px 20px;font-size:.82rem;font-weight:450;display:inline-flex}.category-nav__btn:hover{color:var(--charcoal);background:var(--cream-deep)}.category-nav__btn--active{color:var(--charcoal);background:var(--white-card);border-color:var(--border-soft);box-shadow:var(--shadow-card);font-weight:500}.category-nav__count{color:var(--taupe-muted);background:var(--cream-deep);text-align:center;border-radius:100px;min-width:18px;padding:1px 7px;font-size:.68rem;font-weight:500;line-height:1.5}.category-nav__btn--active .category-nav__count{color:var(--charcoal-light)}.toolbar{align-items:center;gap:16px;padding:22px 0;display:flex}.search-wrap{flex:1;align-items:center;display:flex;position:relative}.search-wrap__icon{color:var(--taupe-muted);pointer-events:none;align-items:center;display:flex;position:absolute;left:16px}.search-wrap__input{width:100%;font-family:var(--font-sans);color:var(--charcoal);background:var(--white-card);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;padding:13px 44px;font-size:.88rem;font-weight:400}.search-wrap__input::placeholder{color:var(--taupe-muted);font-weight:300}.search-wrap__input:focus{border-color:var(--border-soft);box-shadow:0 0 0 3px #e5e0d866}.search-wrap__clear{color:var(--taupe-muted);cursor:pointer;transition:color var(--transition-base), background-color var(--transition-base);background:0 0;border:none;border-radius:50%;padding:4px 6px;font-size:1.2rem;line-height:1;position:absolute;right:12px}.search-wrap__clear:hover{color:var(--charcoal);background:var(--cream-deep)}.sort-wrap{flex-shrink:0;align-items:center;gap:10px;display:flex}.sort-wrap__label{font-family:var(--font-sans);color:var(--taupe);white-space:nowrap;font-size:.78rem;font-weight:400}.sort-wrap__select{font-family:var(--font-sans);color:var(--charcoal);background:var(--white-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;appearance:none;transition:border-color var(--transition-base), box-shadow var(--transition-base);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239B9189' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;padding:11px 36px 11px 14px;font-size:.85rem;font-weight:450}.sort-wrap__select:focus{border-color:var(--border-soft);box-shadow:0 0 0 3px #e5e0d866}.mobile-filter-btn{background:var(--white-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--charcoal);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:8px;padding:10px 16px;font-size:.82rem;font-weight:500;display:none}.mobile-filter-btn:hover{background:var(--cream-deep);border-color:var(--border-soft)}.mobile-filter-btn--active{border-color:var(--charcoal)}.mobile-filter-badge{background:var(--charcoal);color:#fff;border-radius:100px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:600;display:inline-flex}.catalog-layout{align-items:flex-start;gap:36px;max-width:80rem;margin:0 auto;padding:0 16px;display:flex;position:relative}.catalog-sidebar{background:var(--white-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-card);transition:transform var(--transition-base), box-shadow var(--transition-base);flex-shrink:0;padding:24px;position:sticky;top:96px}.filter-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.filter-header__title-group{align-items:center;gap:8px;display:flex}.filter-header__title{font-family:var(--font-serif);color:var(--charcoal);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:500}.filter-header__badge{font-family:var(--font-sans);color:var(--sage);background:var(--sage-light);letter-spacing:.04em;border-radius:100px;padding:2px 7px;font-size:.65rem;font-weight:500}.filter-clear-btn{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--taupe);cursor:pointer;transition:color var(--transition-base), background-color var(--transition-base);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:.72rem;font-weight:500}.filter-clear-btn:hover{color:var(--charcoal);background:var(--cream-deep)}.filter-close-btn{color:var(--taupe);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.4rem;line-height:1;display:none}.filter-group{border-bottom:1px solid var(--border-light);margin-bottom:24px;padding-bottom:20px}.filter-group:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:4px}.filter-group__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.filter-group__title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--taupe);margin:0;font-size:.72rem;font-weight:600}.filter-group__reset{font-family:var(--font-sans);color:var(--taupe-muted);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;padding:0;font-size:.68rem;font-weight:500}.filter-group__reset:hover{color:var(--charcoal)}.skin-type-pills{flex-wrap:wrap;gap:7px;display:flex}.skin-type-pill{font-family:var(--font-sans);color:var(--charcoal-light);background:var(--cream);border:1px solid var(--border-light);cursor:pointer;letter-spacing:.01em;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;border-radius:100px;padding:6px 13px;font-size:.76rem;font-weight:450}.skin-type-pill:hover{background:var(--cream-deep);border-color:var(--border-soft);color:var(--charcoal)}.skin-type-pill--active{background:var(--charcoal);color:#fff;border-color:var(--charcoal);box-shadow:0 2px 8px #2c2a2926}.skin-type-pill--active:hover{background:var(--charcoal-light);border-color:var(--charcoal-light);color:#fff}.filter-select-wrap{width:100%;position:relative}.filter-select{width:100%;font-family:var(--font-sans);color:var(--charcoal);background:var(--cream);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;appearance:none;transition:border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239B9189' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:10px 34px 10px 12px;font-size:.82rem;font-weight:450}.filter-select:hover{background-color:var(--cream-deep);border-color:var(--border-soft)}.filter-select:focus{border-color:var(--border-soft);box-shadow:0 0 0 3px #e5e0d873}.ingredient-quick-chips{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.ingredient-chip{font-family:var(--font-sans);color:var(--taupe);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-base);background:0 0;border-radius:4px;padding:3px 8px;font-size:.68rem;font-weight:450}.ingredient-chip:hover{color:var(--charcoal);border-color:var(--border-soft);background:var(--cream)}.ingredient-chip--active{color:#3b5f49;background:var(--sage-light);border-color:#7b9e8759;font-weight:500}.filter-checkbox-list{flex-direction:column;gap:10px;display:flex}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-base);align-items:center;gap:10px;display:flex}.checkbox-custom{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:relative}.checkbox-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.checkbox-box{border:1px solid var(--border-soft);background:var(--cream);color:#0000;width:18px;height:18px;transition:all var(--transition-base);border-radius:4px;justify-content:center;align-items:center;display:flex}.checkbox-label:hover .checkbox-box{border-color:var(--taupe)}.checkbox-input:checked+.checkbox-box{background:var(--charcoal);border-color:var(--charcoal);color:#fff}.checkbox-input:focus-visible+.checkbox-box{box-shadow:0 0 0 3px #e5e0d899}.checkbox-text{font-family:var(--font-sans);color:var(--charcoal-light);transition:color var(--transition-base);font-size:.82rem;font-weight:400}.checkbox-label--checked .checkbox-text{color:var(--charcoal);font-weight:500}.filter-mobile-footer{border-top:1px solid var(--border-light);margin-top:24px;padding-top:16px;display:none}.filter-apply-btn{background:var(--charcoal);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);cursor:pointer;letter-spacing:.02em;border:none;padding:12px;font-size:.85rem;font-weight:500}.catalog-main{flex:1;min-width:0}.active-filters-bar{background:var(--white-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-card);animation:fadeUp .3s var(--ease-luxury);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;display:flex}.active-filters-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--taupe);margin-right:4px;font-size:.72rem;font-weight:500}.active-filters-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.active-filter-tag{background:var(--cream-deep);border:1px solid var(--border-soft);font-family:var(--font-sans);color:var(--charcoal);letter-spacing:.01em;border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:450;display:inline-flex}.active-filter-tag__remove{color:var(--taupe);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:.95rem;line-height:1;display:inline-flex}.active-filter-tag__remove:hover{color:var(--charcoal)}.active-filters-clear-all{font-family:var(--font-sans);color:var(--taupe);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;padding:4px 8px;font-size:.72rem;font-weight:500;text-decoration:underline}.active-filters-clear-all:hover{color:var(--charcoal)}.results-count{color:var(--taupe);letter-spacing:.01em;margin-bottom:24px;font-size:.78rem;font-weight:400}.product-grid{max-width:80rem;animation:fadeUp .5s var(--ease-luxury);grid-template-columns:repeat(2,1fr);align-items:start;gap:12px;margin:0 auto;padding:0;display:grid}@media (width>=768px){.product-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (width>=1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.product-grid.product-grid--sidebar,.product-grid--sidebar{max-width:100%;margin:0;padding:0}@media (width>=1024px){.product-grid.product-grid--sidebar,.product-grid--sidebar{grid-template-columns:repeat(3,1fr)}}.product-card{background:var(--white-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base);flex-direction:column;height:auto;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-soft);transform:translateY(-4px)}.product-card__image-wrap{background:#fff;justify-content:center;align-items:center;width:100%;height:256px;padding:16px;display:flex;position:relative;overflow:hidden}.product-card__image{object-fit:contain;width:100%;height:100%;transition:transform .6s var(--ease-luxury)}.product-card:hover .product-card__image{transform:scale(1.06)}.product-card__category-tag{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--charcoal-light);-webkit-backdrop-filter:blur(8px);background:#ffffffe0;border-radius:100px;padding:5px 12px;font-size:.62rem;font-weight:500;position:absolute;top:14px;left:14px}.product-card__body{flex-direction:column;flex:1;padding:.75rem;display:flex}@media (width>=768px){.product-card__body{padding:1.25rem}}.product-card__brand{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.14em;color:var(--taupe);margin:0 0 6px;font-size:.66rem;font-weight:500}.product-card__name{font-family:var(--font-serif);color:var(--charcoal);flex:1;margin:0 0 16px;font-size:1rem;font-weight:500;line-height:1.35}.product-card__price-box{background:var(--cream-deep);border-radius:var(--radius-sm);justify-content:center;align-items:baseline;gap:8px;padding:12px 14px;display:flex}.product-card__price-label{color:var(--taupe);font-size:.75rem;font-weight:400}.product-card__price-value{font-family:var(--font-serif);color:var(--charcoal);font-size:1.15rem;font-weight:600}.product-card__meta{justify-content:center;align-items:center;margin-top:10px;display:flex}.product-card__vendors{color:var(--taupe-muted);font-size:.72rem;font-weight:400}.empty-state{text-align:center;animation:fadeUp .5s var(--ease-luxury);padding:64px 20px}.empty-state__icon{color:var(--taupe-muted);margin-bottom:16px;font-size:2rem}.empty-state__title{font-family:var(--font-serif);color:var(--charcoal);margin:0 0 8px;font-size:1.2rem}.empty-state__text{color:var(--taupe);margin:0 0 24px;font-size:.88rem}.empty-state__btn{font-family:var(--font-sans);color:var(--charcoal);background:var(--white-card);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-base), box-shadow var(--transition-base);padding:11px 24px;font-size:.82rem;font-weight:500}.empty-state__btn:hover{background:var(--cream-deep);box-shadow:var(--shadow-soft)}.detail-view{animation:fadeUp .45s var(--ease-luxury);padding-top:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.back-btn{font-family:var(--font-sans);color:var(--taupe);cursor:pointer;transition:color var(--transition-base);letter-spacing:.02em;background:0 0;border:none;align-items:center;gap:8px;margin:28px 0 36px;padding:0;font-size:.85rem;font-weight:400;display:inline-flex}.back-btn:hover{color:var(--charcoal)}.back-btn__arrow{transition:transform var(--transition-base);font-size:1.1rem}.back-btn:hover .back-btn__arrow{transform:translate(-3px)}.detail-layout{align-items:flex-start;gap:48px;display:flex}.detail-image-wrap{border-radius:var(--radius-lg);background:var(--cream-deep);border:1px solid var(--border-light);flex-shrink:0;width:380px;max-width:100%;position:sticky;top:88px;overflow:hidden}.detail-image{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.detail-info{flex:1;width:100%;min-width:0}.detail-meta-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.detail-category-badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--charcoal-light);background:var(--cream-deep);border:1px solid var(--border-light);border-radius:100px;padding:5px 14px;font-size:.65rem;font-weight:500}.detail-brand{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.14em;color:var(--taupe);margin:0 0 8px;font-size:.72rem;font-weight:500}.detail-name{font-family:var(--font-serif);color:var(--charcoal);letter-spacing:-.01em;margin:0 0 16px;font-size:1.6rem;font-weight:500;line-height:1.3}.detail-description{color:var(--charcoal-light);margin:0;font-size:.9rem;font-weight:300;line-height:1.75}.detail-attributes{background:var(--cream);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:border-color var(--transition-base);flex-direction:column;gap:14px;margin:22px 0 26px;padding:18px 20px;display:flex}.detail-attr-group{align-items:center;gap:16px;display:flex}.detail-attr-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--taupe);flex-shrink:0;min-width:125px;font-size:.7rem;font-weight:600}.detail-attr-tags{flex-wrap:wrap;gap:7px;display:flex}.detail-tag{font-family:var(--font-sans);letter-spacing:.01em;transition:all var(--transition-base);border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:.76rem;font-weight:450;line-height:1.4;display:inline-flex}.detail-tag--skin{background:var(--white-card);border:1px solid var(--border-soft);color:var(--charcoal);box-shadow:0 1px 2px #2c2a2905}.detail-tag__dot{background:var(--gold-accent);border-radius:50%;width:5px;height:5px;display:inline-block}.detail-tag--ingredient{background:var(--sage-light);color:#3b5f49;border:1px solid #7b9e8738}.detail-tag__icon{opacity:.85;flex-shrink:0}.detail-tag--feature{background:var(--white-card);border:1px solid var(--border-light);color:var(--charcoal-light)}.detail-tag--feature .detail-tag__icon{color:var(--sage)}.section-divider{background:var(--border-light);border:none;width:100%;height:1px;margin:32px 0}.comparison-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;display:flex}.detail-section-title{font-family:var(--font-serif);color:var(--charcoal);align-items:baseline;gap:12px;margin:0;font-size:1.15rem;font-weight:500;display:flex}.detail-section-count{font-family:var(--font-sans);color:var(--taupe);font-size:.72rem;font-weight:400}.shipping-toggle-container{align-items:center;display:flex}.shipping-toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-sans);color:var(--charcoal-light);background:var(--cream);border:1px solid var(--border-light);transition:all var(--transition-base);border-radius:100px;align-items:center;gap:12px;padding:7px 14px;font-size:.82rem;font-weight:500;display:inline-flex}.shipping-toggle-label:hover{background:var(--cream-deep);border-color:var(--border-soft);color:var(--charcoal)}.shipping-toggle-text{letter-spacing:.01em}.switch-track{background:var(--border-soft);width:38px;height:22px;transition:background-color var(--transition-base);border-radius:100px;flex-shrink:0;display:inline-block;position:relative}.switch-track .switch-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute}.switch-thumb{width:18px;height:18px;transition:transform var(--transition-base), background-color var(--transition-base);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #2c2a2933}.switch-track:has(.switch-input:checked){background:var(--charcoal)}.switch-track .switch-input:checked+.switch-thumb{transform:translate(16px)}.shipping-toggle-label:has(.switch-input:checked){border-color:var(--charcoal);background:var(--white-card);color:var(--charcoal);box-shadow:0 2px 8px #2c2a290f}.shipping-notice-banner{border-radius:var(--radius-sm);background:var(--sage-light);font-family:var(--font-sans);color:#3b5f49;letter-spacing:.01em;animation:fadeUp .3s var(--ease-luxury);border:1px solid #7b9e8740;align-items:center;gap:8px;margin-bottom:18px;padding:10px 16px;font-size:.78rem;display:flex}.shipping-notice-icon{color:var(--sage);font-size:.7rem}.table-scroll,.overflow-x-auto{-webkit-overflow-scrolling:touch;overflow-x:auto}.comparison-table{border-collapse:separate;border-spacing:0;width:100%;min-width:580px}.comparison-table thead th{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--taupe);text-align:left;border-bottom:1px solid var(--border-soft);padding:0 8px 10px 0;font-size:.64rem;font-weight:500}.comparison-table thead th:last-child{text-align:right;padding-right:0}.comparison-table tbody tr{transition:background-color var(--transition-base)}.comparison-table tbody tr:hover{background-color:var(--cream-deep)}.comparison-table tbody tr.best-row{background-color:var(--sage-light)}.comparison-table tbody tr.best-row:hover{background-color:#7b9e8724}.comparison-table tbody td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:12px 8px 12px 0}@media (width>=768px){.comparison-table thead th{padding:0 12px 14px 0;font-size:.68rem}.comparison-table tbody td{padding:18px 12px 18px 0}}.comparison-table tbody tr:last-child td{border-bottom:none}.vendor-name{color:var(--charcoal);font-size:.92rem;font-weight:500}.price-cell{font-family:var(--font-serif);color:var(--charcoal);font-size:1.08rem;font-weight:600}.price-cell--best{color:var(--sage)}.price-badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;background:var(--sage-light);color:var(--sage);vertical-align:middle;white-space:nowrap;border-radius:4px;margin-left:10px;padding:3px 8px;font-size:.58rem;font-weight:500;display:inline-block}.price-badge--total{color:#fff;background:#3b5f49;box-shadow:0 2px 6px #3b5f4940}.th-highlight{color:var(--charcoal)!important;font-weight:600!important}.comparison-table--total-mode .total-cell{font-size:1.05rem;font-family:var(--font-serif)}.comparison-table--total-mode .total-cell--best{color:var(--sage);font-weight:600}.total-cell{font-family:var(--font-sans);color:var(--charcoal-light);font-size:.88rem;font-weight:500}.total-cell--best{color:var(--sage);font-weight:600}.shipping-cell-wrap{flex-direction:column;gap:4px;display:flex}.shipping-cell{color:var(--taupe);font-size:.84rem}.shipping-free{color:var(--sage);font-weight:500}.shipping-note-wrap{outline:none;align-items:center;width:fit-content;display:inline-flex;position:relative}.shipping-note-badge{font-family:var(--font-sans);color:var(--taupe);background:var(--cream);border:1px solid var(--border-light);cursor:help;transition:all var(--transition-base);letter-spacing:.01em;-webkit-user-select:none;user-select:none;border-radius:100px;align-items:center;gap:4px;padding:2px 7px;font-size:.66rem;font-weight:450;display:inline-flex}.shipping-note-icon{opacity:.75}.shipping-note-badge:hover,.shipping-note-wrap:focus .shipping-note-badge{color:var(--charcoal);border-color:var(--border-soft);background:var(--cream-deep)}.shipping-tooltip{background:var(--charcoal);color:#fff;font-family:var(--font-sans);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:25;padding:6px 11px;font-size:.72rem;font-weight:400;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px);box-shadow:0 4px 16px #2c2a2940}.shipping-tooltip:after{content:"";border-style:solid;border-width:4px;border-color:var(--charcoal) transparent transparent transparent;position:absolute;top:100%;left:14px}.shipping-note-wrap:hover .shipping-tooltip,.shipping-note-wrap:focus .shipping-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.stock-badge{letter-spacing:.02em;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:.68rem;font-weight:500;display:inline-block}.stock-badge--in{background:var(--sage-light);color:var(--sage)}.stock-badge--limited{background:var(--gold-light);color:var(--gold-accent)}.buy-btn{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;background:var(--charcoal);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;min-height:44px;transition:background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);border:none;justify-content:center;align-items:center;gap:6px;padding:11px 24px;font-size:.78rem;font-weight:500;display:inline-flex}.buy-btn:hover{background:var(--charcoal-light);transform:translateY(-1px);box-shadow:0 4px 12px #2c2a292e}.buy-btn:active{transform:translateY(0)}.buy-btn__icon{transition:transform var(--transition-base);font-size:.95rem}.buy-btn:hover .buy-btn__icon{transform:translate(2px)}.comparison-table td:last-child{text-align:right;padding-right:0}@media (width<=900px){.categories-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{flex-direction:column;gap:20px}.mobile-filter-btn{display:inline-flex}.catalog-sidebar{z-index:1050;border-left:1px solid var(--border-soft);-webkit-overflow-scrolling:touch;border-top:none;border-bottom:none;border-right:none;border-radius:0;width:320px;max-width:85vw;height:100vh;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 32px #2c2a2929}.catalog-sidebar--open{transform:translate(0)}.catalog-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1040;background:#2c2a2959;animation:.2s ease-out fadeUp;position:fixed;inset:0}.filter-close-btn,.filter-mobile-footer{display:block}.product-grid--sidebar{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:1fr;gap:16px}.hero__title{font-size:2.1rem}}@media (width<=768px){.app-shell{padding:0 1rem 60px}.navbar__inner{gap:12px;padding:0 1rem}.navbar__search-label{display:none}.navbar__search-btn{padding:9px 12px}.hero{padding:48px 0 52px}.hero__title{font-size:1.8rem}.hero__subtitle{font-size:.92rem}.toolbar{flex-direction:column;gap:12px}.sort-wrap,.sort-wrap__select{width:100%}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.detail-layout{flex-direction:column;gap:28px;width:100%;min-width:0}.detail-image-wrap{width:100%;position:static}.detail-name{font-size:1.3rem}.comparison-table-header{flex-direction:column;align-items:flex-start;gap:12px}.shipping-toggle-container{width:100%}.shipping-toggle-label{justify-content:space-between;width:100%}.comparison-table{min-width:580px}.detail-attr-group{flex-direction:column;align-items:flex-start;gap:8px}.detail-attr-label{min-width:auto}}@media (width<=480px){.categories-grid{grid-template-columns:1fr;gap:14px}.product-grid,.product-grid--sidebar{grid-template-columns:repeat(2,1fr);gap:12px}.product-card__image-wrap{height:160px;padding:10px}.product-card__body{padding:12px 10px 14px}.product-card__name{margin-bottom:8px;font-size:.84rem}.product-card__price-box{flex-direction:column;align-items:center;gap:2px;padding:8px 6px}.product-card__price-value{font-size:.96rem}.category-nav{gap:4px;padding:18px 0 16px}.category-nav__btn{padding:7px 14px;font-size:.78rem}.hero__title{font-size:1.55rem}.hero__cta{justify-content:center;width:100%}}.fav-btn{z-index:2;-webkit-backdrop-filter:blur(8px);cursor:pointer;width:34px;height:34px;color:var(--taupe);opacity:0;transition:opacity .22s var(--ease-luxury), transform .22s var(--ease-luxury), color .22s var(--ease-luxury), background-color .22s var(--ease-luxury), box-shadow .22s var(--ease-luxury);background:#ffffffe0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px;transform:scale(.85);box-shadow:0 2px 8px #2c2a2914}.product-card:hover .fav-btn{opacity:1;transform:scale(1)}.fav-btn--active{color:#b06b7a;background:#fffffff2;opacity:1!important;transform:scale(1)!important}.fav-btn:hover{color:#b06b7a;background:#fffffffa;box-shadow:0 4px 14px #b06b7a2e;opacity:1!important;transform:scale(1.08)!important}.fav-btn--active:hover{color:#92364c}.fav-btn__icon{flex-shrink:0;width:16px;height:16px;display:block}.fav-btn--active .fav-btn__icon{animation:heartBeat .35s var(--ease-luxury)}@keyframes heartBeat{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.9)}to{transform:scale(1)}}.detail-fav-btn{opacity:1;background:#ffffffeb;width:44px;height:44px;top:auto;bottom:16px;right:16px;transform:scale(1);box-shadow:0 2px 12px #2c2a291f}.detail-fav-btn .fav-btn__icon{width:20px;height:20px}.drawer-backdrop{z-index:199;pointer-events:none;transition:background .38s var(--ease-luxury);background:#2c2a2900;position:fixed;inset:0}.drawer-backdrop--visible{pointer-events:all;-webkit-backdrop-filter:blur(2px);background:#2c2a2952}.favorites-drawer{z-index:200;background:var(--cream);border-left:1px solid var(--border-light);width:420px;max-width:95vw;transition:transform .38s var(--ease-luxury);will-change:transform;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #2c2a291a}.favorites-drawer--open{transform:translate(0)}.favorites-drawer__header{border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);background:#faf8f5f2;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.favorites-drawer__title-group{align-items:center;gap:10px;display:flex}.favorites-drawer__title-icon{color:#b06b7a;flex-shrink:0;width:18px;height:18px}.favorites-drawer__title{font-family:var(--font-serif);color:var(--charcoal);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:500}.favorites-drawer__count{font-family:var(--font-sans);color:#fff;background:#b06b7a;border-radius:100px;padding:2px 8px;font-size:.7rem;font-weight:600;line-height:1.5}.favorites-drawer__close{width:34px;height:34px;color:var(--taupe);cursor:pointer;transition:color var(--transition-base), background-color var(--transition-base);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.favorites-drawer__close:hover{color:var(--charcoal);background:var(--cream-deep)}.favorites-drawer__body{-webkit-overflow-scrolling:touch;flex:1;padding:0;overflow-y:auto}.favorites-drawer__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:64px 32px;display:flex}.favorites-drawer__empty-icon{width:56px;height:56px;color:var(--border-soft);margin-bottom:4px}.favorites-drawer__empty-icon svg{width:100%;height:100%}.favorites-drawer__empty-title{font-family:var(--font-serif);color:var(--charcoal);margin:0;font-size:1.1rem}.favorites-drawer__empty-text{color:var(--taupe);max-width:240px;margin:0;font-size:.85rem;font-weight:300;line-height:1.6}.favorites-drawer__list{margin:0;padding:8px 0;list-style:none}.fav-item{border-bottom:1px solid var(--border-light);transition:background-color var(--transition-base);animation:fadeUp .3s var(--ease-luxury);align-items:flex-start;gap:14px;padding:16px 24px;display:flex}.fav-item:hover{background:var(--cream-deep)}.fav-item:last-child{border-bottom:none}.fav-item__image-btn{border-radius:var(--radius-md);background:var(--white-card);border:1px solid var(--border-light);cursor:pointer;width:72px;height:72px;transition:box-shadow var(--transition-base), border-color var(--transition-base);flex-shrink:0;padding:0;overflow:hidden}.fav-item__image-btn:hover{box-shadow:var(--shadow-soft);border-color:var(--border-soft)}.fav-item__image{object-fit:contain;width:100%;height:100%;padding:8px}.fav-item__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.fav-item__brand{text-transform:uppercase;letter-spacing:.1em;color:var(--taupe);margin:0;font-size:.65rem;font-weight:500}.fav-item__name{font-family:var(--font-serif);color:var(--charcoal);text-align:left;cursor:pointer;transition:color var(--transition-base);white-space:normal;background:0 0;border:none;padding:0;font-size:.88rem;font-weight:500;line-height:1.3}.fav-item__name:hover{color:var(--charcoal-light)}.fav-item__footer{align-items:center;gap:8px;margin-top:4px;display:flex}.fav-item__price{font-family:var(--font-sans);color:var(--charcoal);font-size:.8rem;font-weight:600}.fav-item__vendors{color:var(--taupe-muted);font-size:.72rem}.fav-item__remove{width:28px;height:28px;color:var(--taupe-muted);cursor:pointer;transition:color var(--transition-base), background-color var(--transition-base);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex}.fav-item__remove:hover{color:#92364c;background:#b06b7a1a}.favorites-drawer__footer{border-top:1px solid var(--border-light);background:#faf8f5fa;flex-shrink:0;align-items:center;gap:12px;padding:20px 24px;display:flex}.favorites-drawer__clear{font-family:var(--font-sans);color:var(--taupe);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-base), border-color var(--transition-base);white-space:nowrap;background:0 0;padding:10px 18px;font-size:.78rem;font-weight:400}.favorites-drawer__clear:hover{color:var(--charcoal);border-color:var(--border-soft)}.favorites-drawer__cta{font-family:var(--font-sans);color:#fff;background:var(--charcoal);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-base), transform var(--transition-base);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:.82rem;font-weight:500;display:flex}.favorites-drawer__cta:hover{background:var(--charcoal-light);transform:translateY(-1px)}@media (width<=768px){.navbar__fav-badge{min-width:15px;height:15px;font-size:.55rem;line-height:15px}.favorites-drawer{width:100vw;max-width:100vw}}