@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";.site-header{z-index:var(--z-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:all var(--t-fast);background:#fffffffa;position:sticky;top:0;box-shadow:0 4px 20px #00000008}.site-header--scrolled{box-shadow:0 4px 25px #00000014}.header-announcement{background:var(--color-primary-dark);color:#fff;letter-spacing:.5px;padding:6px 0;font-size:12px;font-weight:600}.header-announcement__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.header-announcement__left,.header-announcement__right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.header-main__inner{justify-content:space-between;align-items:center;gap:var(--space-4);height:72px;display:flex}.header-logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.header-logo__img{object-fit:contain;width:160px;max-width:100%;height:auto;display:block}.header-logo__text{font-family:var(--font-family);font-size:var(--font-size-2xl);color:var(--color-primary-dark);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;max-width:min(42vw,280px);font-weight:800;overflow:hidden}.header-search{background-color:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-width:550px;transition:all var(--t-fast);flex:1;align-items:center;margin:0 auto;display:flex;overflow:hidden}.header-search--focused,.header-search:focus-within{background-color:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.header-search__icon{color:var(--color-text-muted);margin-left:var(--space-3);flex-shrink:0}.header-search__input{padding:0 var(--space-3);height:42px;font-size:var(--font-size-sm);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-weight:500}.header-search__input::placeholder{color:var(--color-text-muted)}.header-search__input::-webkit-search-cancel-button{-webkit-appearance:none}.header-search__btn{height:100%;padding:0 var(--space-4);background:var(--color-primary);color:#fff;font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;transition:all var(--t-fast);border:none;justify-content:center;align-items:center;font-weight:600;display:flex}.header-search__btn:hover{background:var(--color-primary-dark)}.header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.header-action-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-weight:600;font-size:var(--font-size-sm);transition:all var(--t-fast);text-decoration:none;display:flex}.header-action-link:hover{background-color:var(--color-surface-subtle);color:var(--color-primary)}.header-cart-icon-wrap{display:flex;position:relative}.header-cart-badge{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px;box-shadow:0 2px 4px #0000001a}.header-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-nav__inner{justify-content:flex-start;align-items:center;gap:var(--space-6);scrollbar-width:none;height:48px;display:flex;overflow-x:auto}.header-nav__inner::-webkit-scrollbar{display:none}.header-nav__link{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;height:100%;transition:color var(--t-fast);align-items:center;text-decoration:none;display:flex;position:relative}.header-nav__link:hover,.header-nav__link.active{color:var(--color-primary)}.header-nav__link:after{content:"";background-color:var(--color-primary);opacity:0;width:100%;height:2px;transition:opacity var(--t-fast);position:absolute;bottom:-1px;left:0}.header-nav__link:hover:after,.header-nav__link.active:after{opacity:1}.header-mobile-controls{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.header-mobile-search-toggle{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.header-mobile-search-toggle:hover,.header-mobile-search-toggle:focus-visible{background:var(--color-surface-subtle)}.header-mobile-search{align-items:center;gap:var(--space-3);padding:0 var(--space-4) var(--space-3);color:var(--color-text-muted);display:flex}.header-mobile-search input{min-width:0;height:42px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text);font:inherit;flex:1}.header-mobile-search input:focus{border-color:var(--color-primary);outline:2px solid var(--color-primary-light)}.header-mobile-search button{height:42px;padding:0 var(--space-4);border-radius:var(--radius-sm);color:#fff;background:var(--color-primary);font:inherit;cursor:pointer;border:0;font-weight:600}.header-hamburger{width:40px;height:40px;color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.header-hamburger:hover{background:var(--color-surface-subtle)}.mobile-overlay{z-index:var(--z-drawer);display:flex;position:fixed;inset:0}.mobile-overlay__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a80;position:absolute;inset:0}.mobile-drawer{z-index:1;background:#fff;flex-direction:column;width:320px;max-width:85vw;height:100%;display:flex;position:relative;overflow-y:auto}.mobile-drawer__header{padding:var(--space-4) var(--space-6);background:var(--color-surface-subtle);justify-content:space-between;align-items:center;display:flex}.mobile-drawer__title{font-size:var(--font-size-lg);color:var(--color-text);font-weight:700}.mobile-drawer__close{width:32px;height:32px;color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;border:none;border:1px solid var(--color-border);background:#fff;justify-content:center;align-items:center;display:flex}.mobile-drawer__search{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:#fff}.mobile-search-wrap{align-items:center;display:flex;position:relative}.mobile-search__icon{left:var(--space-3);color:var(--color-text-muted);position:absolute}.mobile-search__input{width:100%;height:44px;padding-left:40px;padding-right:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-surface-subtle);outline:none}.mobile-search__input:focus{border-color:var(--color-primary);background:#fff}.mobile-drawer__section{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.mobile-drawer__section-title{padding:0 var(--space-6) var(--space-2);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.mobile-drawer__item{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;display:flex}.mobile-drawer__item:hover{background-color:var(--color-surface-subtle);color:var(--color-primary)}.mobile-drawer__chevron{color:var(--color-text-muted);margin-left:auto}.mobile-drawer__cart-count{background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-full);margin-left:auto;margin-right:var(--space-2);padding:2px 8px;font-weight:700}.mobile-drawer__section--footer{padding:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.mobile-drawer__link-small{color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-sm);text-decoration:none}@media (width>=1025px){.header-mobile-controls,.header-mobile-search{display:none}}@media (width<=1024px){.header-nav,.header-search,.header-actions{display:none}.header-logo__text{font-size:var(--font-size-xl)}.header-main__inner{height:64px}}@media (width<=480px){.header-main__inner{gap:var(--space-2)}.header-logo{min-width:0}.header-logo__img{width:min(36vw,144px)}.header-mobile-controls{flex-shrink:0;gap:2px}.header-mobile-controls .header-action-link{flex-shrink:0;padding:4px}.header-mobile-search-toggle,.header-hamburger{flex:0 0 36px;width:36px;height:40px}.header-announcement__inner{text-align:center;flex-direction:column;justify-content:center;gap:4px;padding:2px 0}.header-announcement__left,.header-announcement__right{justify-content:center;gap:10px}.header-logo__text{max-width:46vw}}.site-footer__subscribe{min-width:0}@media (width<=768px){.site-footer__grid{gap:var(--space-8)!important;padding-block:var(--space-8)!important}}@media (width<=480px){.site-footer__newsletter{padding-block:var(--space-6)!important}.site-footer__grid{gap:var(--space-6)!important;padding-block:var(--space-6)!important}.site-footer__subscribe{flex-direction:column;max-width:100%!important}.site-footer__subscribe input{width:100%}.site-footer__subscribe .btn{width:100%;height:44px}}.product-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;cursor:pointer;height:100%;transition:box-shadow var(--t-fast), border-color var(--t-fast);z-index:1;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);z-index:2}.product-card--oos{opacity:.6;filter:grayscale(.2)}.product-card__image-wrap{aspect-ratio:1;border-bottom:1px solid var(--color-border);background-color:#fff;flex-shrink:0;width:100%;position:relative;overflow:hidden}.product-card__image{width:100%;height:100%;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.product-card__image img{object-fit:contain;width:100%;height:100%;transition:transform var(--t-fast)}.product-card:hover .product-card__image img{transform:scale(1.03)}.product-card__badge{top:var(--space-3);left:var(--space-3);font-family:var(--font-family);border-radius:var(--radius-sm);text-transform:uppercase;z-index:2;white-space:nowrap;letter-spacing:.5px;padding:4px 8px;font-size:.65rem;font-weight:700;line-height:1;position:absolute}.product-card__badge--discount{background:var(--color-accent);color:#fff}.product-card__badge--oos{background-color:var(--color-text-secondary);color:#fff}.product-card__badge--low-stock{background-color:var(--color-warning);color:#fff}.product-card__quick-add{bottom:var(--space-3);right:var(--space-3);background:var(--color-surface);width:36px;height:36px;color:#0000;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:all var(--t-fast);z-index:3;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(10px)}.product-card__quick-add svg{color:var(--color-text)}.product-card:hover .product-card__quick-add{opacity:1;transform:translateY(0)}.product-card__quick-add:hover{background:var(--color-primary);border-color:var(--color-primary)}.product-card__quick-add:hover svg{color:#fff}.product-card__quick-add:disabled{cursor:not-allowed;opacity:.7;background:var(--color-surface-subtle)}@media (width<=768px){.product-card__quick-add{opacity:1;bottom:var(--space-2);right:var(--space-2);transform:none}.product-card__info{padding:var(--space-2) var(--space-2) 0}.product-card__actions{padding:0 var(--space-2) var(--space-2)}.product-card__name{font-size:.8rem}}.product-card__info{padding:var(--space-3) var(--space-3) 0 var(--space-3);background:var(--color-surface);flex-direction:column;flex:1;display:flex}.product-card__category{font-family:var(--font-family);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;margin:0 0 2px;font-size:.65rem;font-weight:600}.product-card__name{font-family:var(--font-family);color:var(--color-text);margin:0 0 var(--space-2) 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.21rem;font-size:.85rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card__pricing{align-items:center;gap:var(--space-2);margin-top:auto;margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.product-card__price{color:var(--color-text);font-size:1rem;font-weight:700;line-height:1}.product-card__compare{color:var(--color-text-muted);font-size:.75rem;font-weight:500;line-height:1;text-decoration:line-through}.product-card__actions{width:100%;padding:0 var(--space-3) var(--space-3) var(--space-3);margin-top:auto}.product-card__btn{width:100%;height:32px;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--t-fast);background:#fff;justify-content:center;align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.product-card__btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.product-card__btn:disabled{background:var(--color-surface-subtle);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}@media (width<=360px){.product-card__info,.product-card__actions{padding-inline:8px}.product-card__btn{letter-spacing:0;white-space:nowrap;gap:4px;font-size:.65rem}}.product-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);width:100%;display:grid}@media (width<=1200px){.product-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.product-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.product-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.product-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}}.hero-slider-section{padding-top:var(--space-4);padding-bottom:var(--space-6)}.hero-slider{border-radius:var(--radius-md);width:100%;height:300px;box-shadow:var(--shadow-sm);background:var(--color-surface-subtle);z-index:1;touch-action:pan-y;position:relative;overflow:hidden}.hero-slide{padding:var(--space-6) var(--space-12);opacity:0;visibility:hidden;color:#fff;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.hero-slide.active{opacity:1;visibility:visible}.hero-slide__content{z-index:2;max-width:500px;position:relative}.hero-slide__title{margin-bottom:var(--space-3);text-shadow:0 2px 10px #0000001a;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.hero-slide__subtitle{font-size:var(--font-size-lg);margin-bottom:var(--space-6);opacity:.95;font-weight:500}.hero-slide__btn{color:var(--color-primary-dark);background:#fff;border:1px solid #fff}.hero-slide__btn:hover{color:#fff;background:0 0}.hero-slider__dots{bottom:var(--space-4);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#00000047;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero-slider__dots .dot{cursor:pointer;width:6px;height:6px;transition:all var(--t-fast);background:#fff6;border:none;border-radius:50%}.hero-slider__dots .dot.active{border-radius:var(--radius-full);background:#fff;width:18px;height:6px}.home-section-head{margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.home-section-head__title{font-size:var(--font-size-xl);color:var(--color-text);margin:0;font-weight:700}.home-section-head__link{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600;text-decoration:none;display:inline-flex}.home-section-head__link:hover{text-decoration:underline}.home-categories-scroll{gap:var(--space-4);padding-bottom:var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.home-categories-scroll::-webkit-scrollbar{display:none}.home-cat-bubble{min-width:90px;color:var(--color-text);cursor:pointer;transition:opacity var(--t-fast);flex-direction:column;align-items:center;text-decoration:none;display:flex}.home-cat-bubble:hover{opacity:.8}.home-cat-bubble__img-wrap{background:var(--color-surface);width:80px;height:80px;margin-bottom:var(--space-2);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden}.home-cat-bubble__img-wrap img{object-fit:cover;border-radius:50%;width:100%;height:100%}.home-cat-bubble__name{font-size:var(--font-size-xs);text-align:center;color:var(--color-text);font-weight:600;line-height:1.2}.offer-strip{margin-block:var(--space-6)}.offer-strip__inner{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.offer-strip__text h3{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:2px;font-weight:700}.offer-strip__text p{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.home-features{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-6) 0}.features-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.feature-item{align-items:center;gap:var(--space-4);justify-content:center;display:flex}.feature-icon{background:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.feature-text h4{font-size:var(--font-size-md);margin-bottom:2px;font-weight:700}.feature-text p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.promo-banner-full{margin:var(--space-12) 0}.promo-banner-full__inner{border-radius:var(--radius-xl);padding:var(--space-16) var(--space-12);text-align:center;color:#fff;box-shadow:var(--shadow-lg);background-color:#0000;background-image:linear-gradient(135deg,#1d1d1ff2 0%,#000000e6 100%),url(https://images.unsplash.com/photo-1445205170230-053b83016050?auto=format&fit=crop&q=80&w=1200);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:relative;overflow:hidden}.promo-banner-full__inner:before{content:"";background:radial-gradient(circle,#4f46e54d 0%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.promo-banner-full__content{z-index:2;max-width:600px;margin:0 auto;position:relative}.promo-banner-full__content h3{color:var(--color-accent);font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-2)}.promo-banner-full__content h2{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);font-weight:900;line-height:1.1}.promo-banner-full__content p{font-size:var(--font-size-lg);color:#fffc;margin-bottom:var(--space-8)}@media (width<=1024px){.hero-slider{height:260px}.hero-slide{padding:var(--space-6) var(--space-8)}.features-grid{gap:var(--space-4)}}@media (width<=768px){.hero-slider{height:220px}.hero-slide{padding:var(--space-4);justify-content:flex-start}.hero-slide__title{font-size:1.75rem}.hero-slide__subtitle{font-size:1rem}.home-section-head{gap:var(--space-2)}.home-section-head__title{font-size:var(--font-size-lg)}.home-page>.section{padding-block:var(--space-8)}.features-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.feature-item{justify-content:center;gap:var(--space-2)}.promo-banner-full__inner{padding:var(--space-8) var(--space-4)}.promo-banner-full__content h2{font-size:clamp(1.75rem,8vw,2.5rem)}.promo-banner-full__content p{font-size:var(--font-size-base)}.promo-banner-full{margin-block:var(--space-8)}}@media (width<=480px){.hero-slider{height:200px}.hero-slide__title{font-size:1.4rem}.hero-slide__subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.offer-strip__inner{padding:var(--space-3) var(--space-4)}.promo-banner-full{margin-block:var(--space-6)}.home-page>.section{padding-block:var(--space-4)}}.home-products-scroll{gap:var(--space-6);padding-bottom:var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.home-products-scroll::-webkit-scrollbar{display:none}.home-products-scroll__item{flex:0 0 240px}@media (width<=768px){.home-products-scroll__item{flex:0 0 160px}}.deals-zone{background:var(--color-surface-subtle);padding:var(--space-8) 0}.deals-zone__inner{gap:var(--space-6);flex-direction:column;display:flex}.deals-zone__banner{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:#fff;border-radius:var(--radius-lg);padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-6);box-shadow:var(--shadow-md);flex-direction:column;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr) auto;display:grid}.deals-zone__banner h2{font-size:var(--font-size-3xl);color:#fff;margin:0;font-weight:800;line-height:1.1}.deals-zone__banner p{font-size:var(--font-size-md);opacity:1;color:#fff;margin:0}.deals-zone__banner .btn{color:var(--color-primary-dark);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:all var(--t-fast);background:#fff;font-weight:700;text-decoration:none}.deals-zone__banner .btn:hover{background:var(--color-surface);transform:translateY(-2px)}.deals-zone__grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=1024px){.deals-zone__banner{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.deals-zone__banner .btn{grid-column:1/-1;justify-self:center}.deals-zone__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.deals-zone__banner{padding:var(--space-6);text-align:center;grid-template-columns:1fr}.deals-zone__banner .btn{grid-column:auto;justify-self:center}.deals-zone__banner h2{font-size:var(--font-size-2xl)}}@media (width<=640px){.home-features{padding:var(--space-4) 0}.features-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.feature-item{text-align:center;flex-direction:column;justify-content:flex-start;gap:7px}.feature-icon{width:38px;height:38px}.feature-icon svg{width:19px;height:19px}.feature-text h4{font-size:.76rem;line-height:1.2}.feature-text p{font-size:.66rem;line-height:1.25}.home-categories-scroll{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:0;display:grid;overflow:visible}.home-categories-scroll>:nth-child(n+9){display:none}.home-cat-bubble{width:100%;min-width:0}.home-cat-bubble__img-wrap{width:clamp(52px,16vw,64px);height:clamp(52px,16vw,64px)}.deals-zone__grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.home-products-scroll{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0;display:grid;overflow:visible}.home-products-scroll__item{flex:initial;width:auto;min-width:0}.home-products-scroll--arrivals .home-products-scroll__item--featured{grid-column:1/-1}.home-products-scroll--arrivals .home-products-scroll__item--featured .product-card{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,42%) minmax(0,1fr);height:168px;display:grid}.home-products-scroll--arrivals .home-products-scroll__item--featured .product-card__image-wrap{aspect-ratio:auto;border-right:1px solid var(--color-border);border-bottom:0;grid-area:1/1/3;width:100%;height:100%}.home-products-scroll--arrivals .home-products-scroll__item--featured .product-card__info{min-width:0;padding:var(--space-3) var(--space-3) 0;grid-area:1/2}.home-products-scroll--arrivals .home-products-scroll__item--featured .product-card__actions{padding:0 var(--space-3) var(--space-3);grid-area:2/2}.home-products-scroll--fashion .product-card{border-top:3px solid var(--color-primary-light)}.home-products-scroll--fashion .product-card__image-wrap{aspect-ratio:4/3;background:var(--color-surface-subtle)}.home-page .product-grid>:nth-child(n+5),.home-page .home-products-scroll>:nth-child(n+5){display:none}}@media (width<=360px){.features-grid{gap:6px}.feature-text h4{font-size:.7rem}.feature-text p{font-size:.61rem}}.categories-page{padding-block:var(--space-6);background-color:var(--color-bg);min-height:80vh}.categories-page__header{margin-bottom:var(--space-8);text-align:center}.categories-page__title{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--space-3);font-weight:800}.categories-page__subtitle{font-size:var(--font-size-md);color:var(--color-text-muted);max-width:500px;margin:0 auto var(--space-8);line-height:var(--line-height-relaxed)}.categories-search{width:100%;max-width:500px;margin:0 auto;position:relative}.categories-search__input{width:100%;height:48px;padding:0 var(--space-12) 0 var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-surface);transition:all var(--t-fast);box-shadow:var(--shadow-sm);outline:none}.categories-search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.categories-search__icon{right:var(--space-4);color:var(--color-primary);position:absolute;top:50%;transform:translateY(-50%)}.categories-wrapper{background:0 0;padding:0}.category-group{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6) var(--space-8);border:1px solid var(--color-border);margin-bottom:var(--space-8)}.category-group__header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.category-group__title{font-size:var(--font-size-xl);color:var(--color-text);transition:color var(--t-fast);margin:0;font-weight:800}.category-group__title:hover{color:var(--color-primary)}.category-group__link{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600;text-decoration:none;display:flex}.category-group__link:hover{text-decoration:underline}.categories-grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));justify-items:center;display:grid}.category-item{color:var(--color-text);width:100%;transition:transform var(--t-bouncy);flex-direction:column;align-items:center;text-decoration:none;display:flex}.category-item:hover{transform:translateY(-5px)}.category-item__img-wrap{background-color:var(--color-surface-subtle);width:100px;height:100px;margin-bottom:var(--space-3);transition:all var(--t-fast);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden}.category-item:hover .category-item__img-wrap{border-color:var(--color-primary-light);background-color:#fff;box-shadow:0 8px 20px #6366f126}.category-item__img-wrap img{object-fit:cover;border-radius:50%;width:100%;height:100%}.category-item__name{font-size:var(--font-size-sm);text-align:center;font-weight:600;line-height:1.2}.categories-empty{text-align:center;padding:var(--space-12);color:var(--color-text-muted);font-size:var(--font-size-md)}@media (width<=768px){.categories-page{padding-block:var(--space-4)}.categories-wrapper{border-left:none;border-right:none;border-radius:0;padding:0}.category-group{padding:var(--space-4)}.category-group__header{gap:var(--space-2);flex-wrap:wrap}.categories-grid{gap:var(--space-6) var(--space-2);grid-template-columns:repeat(3,1fr)}.category-item__img-wrap{width:80px;height:80px}.category-item__name{font-size:.75rem}.categories-page__title{font-size:var(--font-size-xl)}}@media (width<=480px){.categories-grid{grid-template-columns:repeat(2,1fr)}.category-item__img-wrap{width:70px;height:70px}}.products-breadcrumb{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.products-breadcrumb__inner{align-items:center;gap:var(--space-2);padding:var(--space-4) 0;font-size:var(--font-size-sm);font-weight:500;display:flex}.breadcrumb-link{color:var(--color-text-muted);transition:color var(--t-fast);text-decoration:none}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-sep{color:var(--color-border-strong)}.breadcrumb-current{color:var(--color-text);font-weight:var(--font-weight-medium)}.products-page{min-height:60vh}.products-layout{gap:var(--space-6);padding-top:var(--space-5);padding-bottom:var(--space-12);grid-template-columns:260px 1fr;align-items:start;display:grid}.products-sidebar{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);top:calc(var(--header-total-h) + var(--space-4));transition:box-shadow var(--t-fast);position:sticky;overflow:hidden}.products-sidebar:hover{box-shadow:var(--shadow-md)}.products-sidebar__header{padding:var(--space-6) var(--space-6);background:var(--color-gradient-1);justify-content:space-between;align-items:center;min-height:80px;display:flex}.products-sidebar__title{align-items:center;gap:var(--space-3);text-transform:uppercase;letter-spacing:.5px;color:#fff;white-space:nowrap;margin:0;font-size:.9rem;font-weight:800;display:flex}.products-sidebar__title svg{color:#fff}.products-sidebar__header .btn-ghost{color:#fff;border-radius:var(--radius-full);white-space:nowrap;background:#ffffff40;padding:4px 12px;font-size:.75rem;font-weight:600}.products-sidebar__header .btn-ghost:hover{color:#fff;background:#fff6}.filter-panel__form{gap:var(--space-6);padding:var(--space-8) 0;flex-direction:column;display:flex}.filter-group{gap:var(--space-4);padding:0 var(--space-6);background-color:var(--color-surface);flex-direction:column;display:flex}.filter-group__label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:0;font-size:.7rem;font-weight:700}.filter-search-wrap{align-items:center;display:flex;position:relative}.filter-search-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;position:absolute}.filter-search-input{width:100%;height:40px;padding-left:36px;padding-right:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.75rem;font-family:var(--font-family);color:var(--color-text);background-color:var(--color-surface-subtle);transition:all var(--t-fast);outline:none}.filter-search-input::-webkit-search-cancel-button{-webkit-appearance:none}.filter-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background-color:#fff}.filter-select{width:100%;height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.75rem;font-family:var(--font-family);color:var(--color-text);background-color:var(--color-surface-subtle);appearance:none;cursor:pointer;transition:all var(--t-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;outline:none}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background-color:#fff}.filter-price-row{align-items:center;gap:var(--space-2);display:flex}.filter-price-input{min-width:0;height:40px;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.75rem;font-family:var(--font-family);color:var(--color-text);background-color:var(--color-surface-subtle);transition:all var(--t-fast);outline:none;flex:1}.filter-price-input::-webkit-outer-spin-button{-webkit-appearance:none}.filter-price-input::-webkit-inner-spin-button{-webkit-appearance:none}.filter-price-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background-color:#fff}.filter-price-sep{color:var(--color-text-muted);flex-shrink:0;font-size:.75rem;font-weight:700}.filter-actions{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);background-color:var(--color-surface);flex-direction:row;display:flex}.filter-apply-btn{height:40px;padding:0 var(--space-4);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:.75rem;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--t-fast);white-space:nowrap;border:none;flex:1;justify-content:center;align-items:center;min-width:0;font-weight:700;display:flex;box-shadow:0 4px 12px #f9731640}.filter-apply-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #f9731659}.filter-clear-btn{height:40px;padding:0 var(--space-4);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.75rem;font-family:var(--font-family);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;background-color:#0000;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;font-weight:600;display:flex}.filter-clear-btn:hover{background-color:var(--color-surface-subtle);color:var(--color-text);border-color:var(--color-border-strong)}.products-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);flex-wrap:wrap;display:flex}.products-toolbar__left{align-items:center;gap:var(--space-4);display:flex}.products-toolbar__right{align-items:center;gap:var(--space-3);display:flex}.products-filter-btn{flex-shrink:0}.filter-count-badge{background-color:var(--color-primary);color:#fff;width:16px;height:16px;font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.products-count{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;font-weight:400}.products-count strong{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:800}.sort-label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;font-weight:500}.sort-select-wrap{align-items:center;display:flex;position:relative}.sort-select{height:36px;padding-left:var(--space-3);padding-right:var(--space-6);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background-color:var(--color-surface);appearance:none;cursor:pointer;transition:all var(--t-fast);outline:none;font-weight:500}.sort-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.sort-select-chevron{right:var(--space-3);color:var(--color-primary);pointer-events:none;position:absolute}.filter-chips{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filter-chip{align-items:center;gap:var(--space-2);height:28px;padding-inline:var(--space-3);color:var(--color-text);font-size:var(--font-size-xs);border-radius:var(--radius-full);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm);background-color:#fff;font-weight:500;display:inline-flex}.filter-chip button{color:var(--color-text-muted);cursor:pointer;transition:color var(--t-fast);background:0 0;border:none;align-items:center;padding:0;display:flex}.filter-chip button:hover{color:var(--color-danger)}.pagination{justify-content:center;align-items:center;gap:var(--space-1);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-border-strong);flex-wrap:wrap;display:flex}.pagination__btn{min-width:32px;height:32px;padding-inline:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;display:inline-flex}.pagination__btn:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination__btn--active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff!important}.pagination__ellipsis{min-width:32px;height:32px;color:var(--color-text-muted);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:inline-flex}.pagination-info{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.mobile-filter-overlay{z-index:var(--z-drawer);flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-filter-overlay__backdrop{animation:fadeIn var(--t-normal);background-color:#0006;position:absolute;inset:0}.mobile-filter-drawer{z-index:1;background-color:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh;box-shadow:var(--shadow-xl);animation:slideUp var(--t-normal);flex-direction:column;display:flex;position:relative}.mobile-filter-drawer__header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.mobile-filter-drawer__close{background:var(--color-surface-subtle);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);transition:background-color var(--t-fast);border:none;justify-content:center;align-items:center;display:flex}.mobile-filter-drawer__close:hover{background-color:var(--color-border)}.mobile-filter-drawer__body{padding-bottom:var(--space-6);flex:1;overflow-y:auto}@media (width<=1024px){.products-layout{grid-template-columns:1fr}.products-sidebar{display:none}.products-filter-btn{display:inline-flex}.products-breadcrumb__inner{flex-wrap:wrap}}@media (width<=768px){.products-layout{padding-block:var(--space-3)}.products-toolbar{gap:var(--space-2)}.products-count{font-size:var(--font-size-sm)}.products-count strong{font-size:var(--font-size-base)}}@media (width<=480px){.sort-select{max-width:160px}}.pd-loading{justify-content:center;align-items:center;min-height:50vh;display:flex}.pd-breadcrumb{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.pd-breadcrumb__inner{align-items:center;gap:var(--space-1-5);height:36px;font-size:var(--font-size-xs);flex-wrap:wrap;min-width:0;display:flex;overflow:hidden}.pd-breadcrumb__inner>*{min-width:0}.pd-breadcrumb__inner .breadcrumb-current{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pd-page{background-color:var(--color-bg)}.pd-layout{gap:var(--space-10);padding-block:var(--space-6);grid-template-columns:minmax(0,45%) minmax(0,1fr);align-items:start;display:grid}.pd-gallery{gap:var(--space-4);top:calc(var(--header-total-h) + var(--space-4));flex-direction:row-reverse;align-items:start;display:flex;position:sticky}.pd-gallery__main{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);aspect-ratio:1;flex:1;justify-content:center;align-items:center;max-height:550px;display:flex;position:relative;overflow:hidden}.pd-gallery__main-img{inset:0;width:100%!important;height:100%!important;position:absolute!important}.pd-gallery__main-img img{object-fit:contain;width:100%;height:100%;padding:var(--space-4)}.pd-gallery__discount-badge{top:var(--space-3);left:var(--space-3);background-color:var(--color-success);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:3px var(--space-2);border-radius:var(--radius-sm);z-index:2;position:absolute}.pd-gallery__thumbs{gap:var(--space-2);scrollbar-width:none;flex-direction:column;width:64px;max-height:550px;display:flex;overflow-y:auto}.pd-gallery__thumbs::-webkit-scrollbar{display:none}.pd-gallery__thumb{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);cursor:pointer;width:64px;height:64px;transition:border-color var(--t-fast);flex-shrink:0;padding:4px;overflow:hidden}.pd-gallery__thumb:hover{border-color:var(--color-border-strong)}.pd-gallery__thumb--active{border-color:var(--color-primary)}.pd-gallery__thumb-img{width:100%!important;height:100%!important}.pd-gallery__thumb-img img{object-fit:contain;width:100%;height:100%}.pd-info{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.pd-info__category{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);text-decoration:none}.pd-info__category:hover{color:var(--color-primary-hover)}.pd-info__title{font-size:var(--font-size-xl);color:var(--color-text);font-weight:600;line-height:var(--line-height-snug);overflow-wrap:anywhere;margin:0}.pd-info__sku{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.pd-divider{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-2)}.pd-pricing{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.pd-pricing__current{font-size:var(--font-size-xl);color:var(--color-text);font-weight:700;line-height:1}.pd-pricing__compare{font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1;text-decoration:line-through}.pd-pricing__discount{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-success);background-color:var(--color-success-light);padding:2px var(--space-1-5);border-radius:var(--radius-sm)}.pd-stock{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pd-stock__available{align-items:center;gap:var(--space-1);color:var(--color-success);display:inline-flex}.pd-stock__low{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.pd-stock__oos{align-items:center;gap:var(--space-1);color:var(--color-error);font-weight:var(--font-weight-semibold);display:inline-flex}.pd-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.pd-qty{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);flex-shrink:0;align-items:center;display:inline-flex;overflow:hidden}.pd-qty__btn{width:32px;height:38px;color:var(--color-text);cursor:pointer;transition:background-color var(--t-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.pd-qty__btn:hover:not(:disabled){background-color:var(--color-surface-subtle)}.pd-qty__btn:disabled{opacity:.35;cursor:not-allowed}.pd-qty__value{min-width:32px;height:38px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-inline:1.5px solid var(--color-border);justify-content:center;align-items:center;display:flex}.pd-add-success{align-items:center;gap:var(--space-1-5);font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium);animation:fadeIn var(--t-normal);display:flex}.pd-description__heading{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-1);font-weight:600}.pd-description__body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);white-space:pre-line}@media (width<=1024px){.pd-layout{gap:var(--space-6);padding-block:var(--space-4);grid-template-columns:1fr}.pd-gallery{flex-direction:column;width:min(100%,480px);margin-inline:auto;position:static}.pd-gallery__main{max-height:min(480px, calc(100vh - var(--header-total-h) - 180px));width:100%}.pd-gallery__thumbs{width:100%;max-height:none;padding-bottom:var(--space-1);flex-direction:row;overflow:auto hidden}.pd-info__title,.pd-pricing__current{font-size:var(--font-size-xl)}.pd-actions{flex-wrap:wrap}}@media (width<=480px){.pd-breadcrumb__inner{height:auto;padding-block:var(--space-2);gap:var(--space-1);flex-wrap:nowrap;line-height:1.5}.pd-breadcrumb__category-link,.pd-breadcrumb__category-sep--before{display:none}.pd-gallery{width:100%}.pd-gallery__main{border-radius:var(--radius-sm);flex:none;align-self:center;width:min(100%,220px);max-height:none}.pd-gallery__thumb{width:58px;height:58px}.pd-gallery__thumbs{justify-content:center}.pd-layout{gap:var(--space-4);padding-block:var(--space-3)}.pd-info{gap:var(--space-1-5)}.pd-info__title{font-size:1.0625rem}.pd-pricing{gap:var(--space-2)}.pd-pricing__current{font-size:1rem}.pd-pricing__compare{font-size:.8125rem}.pd-pricing__discount{font-size:var(--font-size-xs)}.pd-actions{align-items:center;gap:var(--space-2);flex-direction:row}.pd-qty{width:auto}.pd-actions .btn{white-space:nowrap;width:auto;padding-inline:var(--space-3);flex:1;min-width:0!important}}.auth-page{min-height:calc(100vh - var(--header-total-h) - 60px);padding:var(--space-8) var(--space-4);background-color:var(--color-bg);justify-content:center;align-items:center;display:flex}.auth-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-md);padding:var(--space-8)}.auth-card__header{margin-bottom:var(--space-6);text-align:center}.auth-card__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);color:var(--color-text)}.auth-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.auth-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);white-space:pre-wrap;border:1px solid;line-height:1.5}.auth-alert--error{background-color:var(--color-error-light);color:var(--color-error);border-color:#c6282833}.auth-alert--success{background-color:var(--color-success-light);color:var(--color-success);border-color:#2e7d3233}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-password-fields{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-field{gap:var(--space-1-5);flex-direction:column;display:flex}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.auth-forgot{font-size:var(--font-size-xs);color:var(--color-primary);text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;flex-shrink:0;position:absolute}.auth-input{width:100%;height:40px;padding-left:36px;padding-right:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background-color:var(--color-surface);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none}.auth-input::placeholder{color:var(--color-text-muted)}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.auth-input:disabled{background-color:var(--color-disabled-bg);cursor:not-allowed}.auth-eye-btn{right:var(--space-2-5);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--t-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.auth-eye-btn:hover{color:var(--color-text)}.auth-input--no-icon{padding-left:var(--space-3)}.auth-footer-link{text-align:center;margin-top:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-footer-link a{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.auth-footer-link a:hover{text-decoration:underline}.otp-inputs{gap:var(--space-2);justify-content:center;display:flex}.otp-input{text-align:center;width:48px;height:52px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none}.otp-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.auth-divider{align-items:center;gap:var(--space-2);margin-block:var(--space-1);display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid var(--color-border);flex:1}.auth-divider span{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}@media (width<=480px){.auth-password-fields{grid-template-columns:1fr}.auth-card{padding:var(--space-6) var(--space-4);box-shadow:none;background-color:#0000;border:none;max-width:100%}.auth-page{padding:var(--space-4) var(--space-3);align-items:flex-start;min-height:auto}.auth-card__title{font-size:var(--font-size-xl)}.otp-input{width:40px;height:46px;font-size:var(--font-size-lg)}.otp-inputs{gap:var(--space-1)}}.account-page{background-color:var(--color-bg);min-height:60vh;padding-block:var(--space-6)}.account-layout{gap:var(--space-8);grid-template-columns:280px 1fr;align-items:start;display:grid}.account-sidebar{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);top:calc(var(--header-total-h) + var(--space-4));position:sticky;overflow:hidden}.account-sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-subtle);display:flex}.account-sidebar__avatar{background-color:var(--color-primary);color:#fff;width:40px;height:40px;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-sidebar__user-info{min-width:0}.account-sidebar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.account-sidebar__user-email{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;overflow:hidden}.account-sidebar__nav{padding:var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.account-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--t-fast);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;text-decoration:none;display:flex}.account-nav-link:hover{background-color:var(--color-surface-subtle);color:var(--color-text)}.account-nav-link--active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-bold)}.account-nav-link--logout{color:var(--color-error);margin-top:var(--space-2)}.account-nav-link--logout:hover{background-color:var(--color-error-light);color:var(--color-error)}.account-mobile-nav{margin-bottom:var(--space-4)}.account-mobile-select{width:100%;height:40px;padding-inline:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background-color:var(--color-surface);cursor:pointer;outline:none}.account-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:0;padding:var(--space-6)}.address-page-heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.address-form-row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.address-form-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}@media (width<=1024px){.account-layout{grid-template-columns:1fr}.account-content{padding:var(--space-5)}}@media (width<=768px){.account-page{padding-block:var(--space-4)}.account-content{padding:var(--space-4)}}@media (width<=480px){.address-page-heading{flex-direction:column;align-items:stretch}.address-form-row{grid-template-columns:1fr}.address-form-actions>*{flex:140px}}.orders-page,.order-details-page{padding:0}.orders-title{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-6);font-weight:600}.orders-loading{padding:var(--space-12) 0;justify-content:center;display:flex}.orders-error,.orders-empty{text-align:center;padding:var(--space-12) var(--space-4);background-color:var(--color-surface-subtle);border-radius:var(--radius-lg);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.orders-error{color:var(--color-error)}.orders-list{gap:var(--space-4);flex-direction:column;display:flex}.order-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.order-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.order-meta{gap:var(--space-1);flex-direction:column;display:flex}.order-number{font-weight:600;font-size:var(--font-size-md);color:var(--color-text)}.order-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}.order-info-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));display:grid}.info-item{gap:var(--space-1);flex-direction:column;display:flex}.info-label{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px}.info-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.back-link{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-4);text-decoration:none;transition:color .15s;display:inline-flex}.details-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.details-header .orders-title{margin-bottom:0}.details-badges{gap:var(--space-2);display:flex}.details-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=1024px){.details-grid{grid-template-columns:2fr 1fr}}@media (width<=768px){.order-item-row{align-items:flex-start}.details-badges{flex-wrap:wrap}.item-total{margin-left:auto}}.details-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.section-title{font-size:var(--font-size-md);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);font-weight:600}.order-items-list{gap:var(--space-4);flex-direction:column;display:flex}.order-item-row{align-items:center;gap:var(--space-4);min-width:0;display:flex}.item-image{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);width:60px;height:60px}.item-info{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.item-name{color:var(--color-text);overflow-wrap:anywhere;font-weight:500;text-decoration:none}.item-name:hover{color:var(--color-primary)}.item-price-qty{font-size:var(--font-size-sm);color:var(--color-text-muted)}.item-total{color:var(--color-text);font-weight:600}.summary-list,.info-list{gap:var(--space-2);flex-direction:column;display:flex}.summary-row,.info-row{font-size:var(--font-size-sm);justify-content:space-between;display:flex}.summary-total{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);font-weight:600;font-size:var(--font-size-md)}.text-success{color:#10b981}.shipping-address{font-style:normal;font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.status-badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;width:max-content;padding:4px 10px;font-weight:600;display:inline-block}.badge-success{color:#065f46;background-color:#d1fae5}.badge-warning{color:#92400e;background-color:#fef3c7}.badge-error{color:#991b1b;background-color:#fee2e2}.badge-info{color:#1e40af;background-color:#dbeafe}.support-list-page,.support-details-page,.support-create-page{padding:0}.support-list-header,.support-create-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.support-title{font-size:var(--font-size-xl);color:var(--color-foreground);font-weight:600}.support-loading{padding:var(--space-12) 0;justify-content:center;display:flex}.support-error,.support-empty{text-align:center;padding:var(--space-12) var(--space-4);background-color:var(--color-background-alt);border-radius:var(--radius-lg);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.support-error{color:var(--color-error)}.empty-icon{color:var(--color-muted);margin-bottom:var(--space-2)}.tickets-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.ticket-card{padding:var(--space-4);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--t-fast);flex-direction:column;text-decoration:none;display:flex}.ticket-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.ticket-card-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.ticket-number{font-size:var(--font-size-sm);color:var(--color-muted);font-weight:600}.status-badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background-color:var(--color-muted);color:#fff;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.status-open{background-color:#3b82f6}.status-progress{background-color:#eab308}.status-resolved{background-color:#10b981}.status-closed{background-color:var(--color-muted)}.ticket-subject{font-size:var(--font-size-md);color:var(--color-foreground);margin-bottom:var(--space-2);font-weight:500}.ticket-meta{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.meta-dot{opacity:.5}.priority-low{color:#10b981}.priority-medium{color:#f59e0b}.priority-high{color:#ef4444}.priority-urgent{color:#dc2626;font-weight:700}.support-details-header{margin-bottom:var(--space-6)}.back-link{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-4);transition:color var(--t-fast);text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-primary)}.details-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.details-title{font-size:var(--font-size-xl);color:var(--color-foreground);font-weight:600}.details-meta-grid{gap:var(--space-4);padding:var(--space-4);background-color:var(--color-background-alt);border-radius:var(--radius-md);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));display:grid}.meta-item{gap:var(--space-1);flex-direction:column;display:flex}.meta-label{font-size:var(--font-size-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:var(--font-size-sm);color:var(--color-foreground);font-weight:500}.messages-container{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.message-bubble{max-width:80%;padding:var(--space-4);border-radius:var(--radius-md);flex-direction:column;display:flex}.message-customer{background-color:var(--color-primary);color:#fff;border-bottom-right-radius:0;align-self:flex-end}.message-admin{background-color:var(--color-background-alt);color:var(--color-foreground);border-bottom-left-radius:0;align-self:flex-start}.message-header{margin-bottom:var(--space-2);font-size:var(--font-size-xs);opacity:.8;justify-content:space-between;align-items:center;display:flex}.message-sender{font-weight:600}.message-body{font-size:var(--font-size-md);white-space:pre-wrap;line-height:1.5}.message-attachments{margin-top:var(--space-3);gap:var(--space-2);flex-wrap:wrap;display:flex}.attachment-link{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:inherit;background-color:#0000001a;text-decoration:none;display:inline-flex}.attachment-link:hover{background-color:#0003}.reply-form{gap:var(--space-3);padding:var(--space-4);background-color:var(--color-background-alt);border-radius:var(--radius-md);flex-direction:column;display:flex}.reply-textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);width:100%;min-height:120px;color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--t-fast);resize:vertical;outline:none;padding:12px 16px;font-family:inherit}.reply-textarea:focus{border-color:var(--color-primary)}.reply-actions{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.upload-button{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--font-size-sm);cursor:pointer;display:inline-flex}.upload-button input[type=file]{display:none}.create-ticket-form{gap:var(--space-4);flex-direction:column;max-width:600px;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.form-input,.form-select{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--t-fast);outline:none;padding:12px 16px;font-family:inherit}.form-input:focus,.form-select:focus{border-color:var(--color-primary)}.form-error{font-size:var(--font-size-xs);color:var(--color-error)}.form-actions{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}@media (width<=768px){.message-bubble{max-width:100%}.details-title{font-size:var(--font-size-lg)}}@media (width<=480px){.form-actions .btn,.form-actions button{width:100%}}.cart-page{padding-block:var(--space-6);min-height:60vh}.cart-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:300px;color:var(--color-text-muted);flex-direction:column;display:flex}.cart-loading__spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.cart-error{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;min-height:300px;color:var(--color-error);flex-direction:column;display:flex}.cart-error h2{font-size:var(--font-size-xl);color:var(--color-error);margin:0}.cart-error p{color:var(--color-text-muted);margin:0}.cart-empty{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;min-height:360px;display:flex}.cart-empty__icon{background-color:var(--color-surface-subtle);width:80px;height:80px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;display:flex}.cart-empty__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.cart-empty__sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.cart-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.cart-header__title{align-items:baseline;gap:var(--space-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;display:flex}.cart-header__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.cart-header__clear{color:var(--color-error)!important}.cart-header__clear:hover{background-color:var(--color-error-light)!important;color:var(--color-error)!important}.cart-layout{gap:var(--space-6);grid-template-columns:1fr 340px;align-items:start;display:grid}.cart-items{gap:var(--space-3);flex-direction:column;display:flex}.cart-item{gap:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:opacity var(--t-fast);display:flex;position:relative}.cart-item--error{border-color:var(--color-error);background-color:var(--color-error-light)}.cart-item--updating{opacity:.5;pointer-events:none}.cart-item__image-wrap{border-radius:var(--radius-md);background-color:var(--color-surface-subtle);border:1px solid var(--color-border);flex-shrink:0;width:80px;height:80px;display:block;overflow:hidden}.cart-item__image{width:100%!important;height:100%!important}.cart-item__image img{object-fit:contain;width:100%;height:100%;padding:var(--space-1)}.cart-item__details{align-items:center;gap:var(--space-6);flex:1;grid-template-columns:minmax(0,1fr) auto auto auto;min-width:0;display:grid}.cart-item__meta{gap:var(--space-1);flex-direction:column;display:flex}.cart-item__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-snug);text-decoration:none;display:block}.cart-item__name:hover{color:var(--color-primary)}.cart-item__status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:0}.cart-item__status--ok{color:var(--color-success)}.cart-item__status--warn{color:var(--color-warning)}.cart-item__status--error{color:var(--color-error)}.cart-item__unit-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);margin:0}.cart-item__pricing{align-items:center;display:flex}.cart-item__line-total{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text)}.cart-item__remove{background:var(--color-surface-subtle);width:36px;height:36px;color:var(--color-error);border-radius:var(--radius-md);cursor:pointer;transition:all var(--t-fast);border:none;justify-content:center;align-items:center;display:flex}.cart-item__remove:hover{background-color:var(--color-error);color:#fff}.cart-item__remove:disabled{opacity:.4;cursor:not-allowed}.cart-qty{border:1.5px solid var(--color-border);border-radius:var(--radius-md);align-items:center;display:inline-flex;overflow:hidden}.cart-qty__btn{width:28px;height:28px;color:var(--color-text);cursor:pointer;transition:background-color var(--t-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cart-qty__btn:hover:not(:disabled){background-color:var(--color-surface-subtle)}.cart-qty__btn:disabled{opacity:.3;cursor:not-allowed}.cart-qty__value{min-width:28px;height:28px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-inline:1.5px solid var(--color-border);background-color:var(--color-surface);justify-content:center;align-items:center;display:flex}.cart-summary{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);top:calc(var(--header-total-h) + var(--space-6));height:max-content;box-shadow:var(--shadow-sm);flex-direction:column;align-self:flex-start;display:flex;position:sticky}.cart-summary__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);border-bottom:none;margin:0 0 16px;padding-bottom:0}.cart-summary__rows{border-bottom:1px solid var(--color-border);flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.cart-summary__row{font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.cart-summary__row span:last-child{font-weight:var(--font-weight-semibold);color:var(--color-text)}.cart-summary__row--muted span:last-child{font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.cart-summary__total{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);border-top:none;justify-content:space-between;align-items:center;margin-top:16px;padding-top:0;display:flex}.cart-summary__total span:last-child{font-size:var(--font-size-xl)}.cart-summary__alert{align-items:center;gap:var(--space-1-5);font-size:var(--font-size-xs);color:var(--color-warning);background-color:var(--color-warning-light);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);display:flex}.cart-summary__checkout{width:100%;height:48px;font-size:var(--font-size-sm);margin-top:16px}.cart-summary__checkout:disabled{opacity:.5;cursor:not-allowed}.cart-summary__continue{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--t-fast);margin-top:8px;text-decoration:none}.cart-summary__continue:hover{color:var(--color-primary)}@media (width<=1024px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-item__details{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cart-item__meta{width:100%}}@media (width<=768px){.cart-page{padding-block:var(--space-4)}.cart-header{gap:var(--space-3);flex-wrap:wrap}.cart-header__title{font-size:var(--font-size-xl)}.cart-item__image-wrap{width:72px;height:72px}.cart-qty{margin-right:auto}.cart-item__pricing{margin-right:var(--space-3)}.cart-item{align-items:flex-start}}@media (width<=480px){.cart-item{gap:var(--space-3);padding:var(--space-3)}.cart-item__image-wrap{width:64px;height:64px}.cart-item__name{font-size:var(--font-size-sm)}.cart-summary{padding:var(--space-4)}}.checkout-page{padding-block:var(--space-8);min-height:60vh}.checkout-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6)}.checkout-error{background-color:var(--color-error-light);color:var(--color-error);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.checkout-layout{gap:var(--space-8);grid-template-columns:1fr 380px;align-items:start;display:grid}.checkout-main{gap:var(--space-6);flex-direction:column;display:flex}.checkout-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.checkout-section__header{margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.checkout-section__header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.checkout-empty-msg{color:var(--color-text-muted)}.checkout-addresses{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));display:grid}.checkout-address-card{border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:all var(--t-fast);background-color:var(--color-surface)}.checkout-address-card:hover{border-color:var(--color-primary-light)}.checkout-address-card.is-selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.checkout-address-card__header{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.checkout-address-card__default{background-color:var(--color-surface-subtle);font-size:var(--font-size-xs);border-radius:var(--radius-full);padding:2px 8px}.checkout-address-card__details{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.checkout-address-card__phone{margin-top:var(--space-2);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.checkout-items{gap:var(--space-4);flex-direction:column;display:flex}.checkout-item{gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px dashed var(--color-border);display:flex}.checkout-item:last-child{border-bottom:none;padding-bottom:0}.checkout-item__image{background-color:var(--color-surface-subtle);border-radius:var(--radius-md);object-fit:contain;flex-shrink:0;width:80px;height:80px}.checkout-item__info{flex:1}.checkout-item__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);margin:0 0 var(--space-1) 0}.checkout-item__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.checkout-item__price{font-weight:var(--font-weight-bold);font-size:var(--font-size-md)}.checkout-summary{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);top:calc(var(--header-total-h) + var(--space-6));height:max-content;box-shadow:var(--shadow-sm);align-self:flex-start;position:sticky}.checkout-summary__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-bottom:none;margin:0 0 16px;padding-bottom:0}.checkout-summary__rows{border-bottom:1px solid var(--color-border);flex-direction:column;gap:12px;margin-bottom:0;padding-bottom:16px;display:flex}.checkout-summary__row{font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;display:flex}.checkout-summary__row span:last-child{font-weight:var(--font-weight-semibold);color:var(--color-text)}.checkout-summary__total{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:16px;display:flex}.checkout-summary__total span:last-child{font-size:var(--font-size-xl)}.checkout-summary__footer{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:8px}@media (width<=1024px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}}@media (width<=768px){.checkout-page{padding-block:var(--space-4)}.checkout-title{font-size:var(--font-size-xl)}.checkout-layout{gap:var(--space-4)}.checkout-section{padding:var(--space-4)}.checkout-section__header{gap:var(--space-2);flex-wrap:wrap}.checkout-section__header h2{font-size:var(--font-size-md)}.checkout-item{align-items:flex-start}.checkout-item__image{width:72px;height:72px}.checkout-item__name,.checkout-item__price{font-size:var(--font-size-sm)}.checkout-summary{padding:var(--space-4)}.checkout-summary__title{font-size:var(--font-size-lg);margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.checkout-summary__total{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}}@media (width<=480px){.checkout-item__image{width:64px;height:64px}}.contact-card{background-color:var(--color-surface);border-radius:var(--radius-xl);max-width:1200px;box-shadow:var(--shadow-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:0;margin:0 auto;display:grid;overflow:hidden}.contact-card__info{background:var(--color-gradient-1);padding:var(--space-12) var(--space-8);color:#fff;flex-direction:column;justify-content:center;display:flex}.contact-card__form{padding:var(--space-12) var(--space-8)}.contact-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.contact-card{border-radius:var(--radius-lg)}.contact-card__info,.contact-card__form{padding:var(--space-8) var(--space-5)}.contact-card__info h1{font-size:var(--font-size-2xl)!important}.contact-card__form h2{font-size:var(--font-size-xl)!important}}@media (width<=480px){.contact-form-row{grid-template-columns:1fr}.contact-card__info,.contact-card__form{padding:var(--space-6) var(--space-4)}}.tracking-page{background:var(--color-bg)}.tracking-hero{text-align:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);padding:4rem 1.5rem 5rem;position:relative;overflow:clip}.tracking-hero:before{content:"";pointer-events:none;background:radial-gradient(#f973161f 0%,#0000 70%);width:60%;height:200%;position:absolute;top:-50%;left:-20%}.tracking-hero:after{content:"";pointer-events:none;background:radial-gradient(#ec48991a 0%,#0000 70%);width:60%;height:200%;position:absolute;top:-30%;right:-20%}.tracking-hero-inner{z-index:1;max-width:640px;margin:0 auto;position:relative}.tracking-icon-wrap{color:#fff;background:linear-gradient(135deg,#f97316,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex;box-shadow:0 0 32px #f9731666}.tracking-title{color:#fff;letter-spacing:-.5px;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.tracking-subtitle{color:#94a3b8;margin-bottom:2.5rem;font-size:1rem}.tracking-form{width:100%}.tracking-input-wrap{background:#1e293b;border:1.5px solid #f9731659;border-radius:999px;align-items:center;gap:.75rem;padding:.35rem .35rem .35rem 1.25rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 0 0 4px #f9731614}.tracking-input-wrap:focus-within{border-color:#f97316;box-shadow:0 0 0 4px #f973162e}.tracking-search-icon{color:#64748b;flex-shrink:0}.tracking-input{color:#f1f5f9;font-size:.95rem;font-family:var(--font-family);letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1}.tracking-input::placeholder{color:#475569}.tracking-btn{color:#fff;cursor:pointer;white-space:nowrap;font-size:.9rem;font-weight:600;font-family:var(--font-family);background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:999px;padding:.65rem 1.75rem;transition:opacity .2s,transform .15s}.tracking-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.tracking-btn:disabled{opacity:.5;cursor:not-allowed}.tracking-content{z-index:2;max-width:860px;margin:-2rem auto 0;padding:0 1.5rem 4rem;position:relative}.tracking-loading{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;display:flex}.tracking-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tracking-error,.tracking-empty{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.tracking-error{color:var(--color-error)}.tracking-empty{color:var(--color-text-muted)}.tracking-hint{color:var(--color-text-muted);font-size:.875rem}.tracking-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1rem;padding:1.5rem}.tracking-section-title{color:var(--color-text);border-bottom:1px solid var(--color-border);margin-bottom:1.25rem;padding-bottom:.625rem;font-size:1rem;font-weight:600}.order-header-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.order-header-info h2{color:var(--color-text);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.order-date{color:var(--color-text-muted);font-size:.875rem}.order-header-badges{flex-wrap:wrap;gap:.5rem;display:flex}.track-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;align-items:center;gap:.35rem;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#065f46;background:#d1fae5}.badge-warning{color:#92400e;background:#fef3c7}.badge-error{color:#991b1b;background:#fee2e2}.badge-info{color:#1e40af;background:#dbeafe}.stepper{justify-content:space-between;align-items:flex-start;padding:.5rem 0;display:flex;position:relative;overflow-x:auto}.step{flex-direction:column;flex:1;align-items:center;min-width:80px;display:flex;position:relative}.step-circle{background:var(--color-surface-subtle);border:2px solid var(--color-border);width:42px;height:42px;color:var(--color-text-muted);z-index:1;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.step-done .step-circle{color:#fff;background:linear-gradient(135deg,#f97316,#ec4899);border-color:#0000;box-shadow:0 4px 12px #f9731659}.step-active .step-circle{animation:1.5s ease-out infinite pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 #f9731680}70%{box-shadow:0 0 0 10px #f9731600}to{box-shadow:0 0 #f9731600}}.step-label{color:var(--color-text-muted);text-align:center;text-transform:uppercase;letter-spacing:.3px;margin-top:.5rem;font-size:.7rem;font-weight:600}.step-done .step-label{color:var(--color-primary)}.step-line{background:var(--color-border);z-index:0;width:calc(100% - 42px);height:2px;position:absolute;top:20px;left:calc(50% + 21px)}.line-done{background:linear-gradient(90deg,#f97316,#ec4899)}.cancelled-card{text-align:center;color:var(--color-error);flex-direction:column;align-items:center;gap:.5rem;display:flex}.cancelled-card p{color:var(--color-text-secondary);font-size:.9rem}.tracking-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.tracking-grid{grid-template-columns:3fr 2fr}}@media (width<=768px){.tracking-hero{padding:2.5rem 1rem 3.5rem}.tracking-title{font-size:1.75rem}.tracking-content{padding:0 1rem 3rem}}@media (width<=480px){.tracking-input-wrap{border-radius:var(--radius-lg);flex-wrap:wrap;padding:.5rem}.tracking-input{flex:100%;width:100%;min-width:0;padding:.35rem .5rem}.tracking-btn{width:100%}.tracking-title{font-size:1.5rem}.step-label{font-size:.6rem}.track-item{flex-wrap:wrap}.track-item-meta{white-space:normal;text-align:left}}.track-items-list{flex-direction:column;gap:.75rem;display:flex}.track-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.75rem;font-size:.875rem;display:flex}.track-item:last-of-type{border-bottom:none}.track-item-name{color:var(--color-text);font-weight:500}.track-item-meta{color:var(--color-text-muted);text-align:right;white-space:nowrap}.track-item-meta strong{color:var(--color-text)}.track-total{border-top:2px solid var(--color-border);color:var(--color-text);justify-content:space-between;margin-top:.25rem;padding-top:.75rem;font-size:.95rem;font-weight:600;display:flex}.track-address{color:var(--color-text);font-size:.9rem;line-height:1.75}:root{--color-primary:#f97316;--color-primary-hover:#ea580c;--color-primary-light:#ffedd5;--color-primary-dark:#c2410c;--color-accent:#ec4899;--color-accent-hover:#db2777;--color-warning:#f59e0b;--color-success:#10b981;--color-success-light:#d1fae5;--color-error:#ef4444;--color-error-light:#fee2e2;--color-gradient-1:linear-gradient(135deg, #f97316 0%, #ec4899 100%);--color-gradient-2:linear-gradient(135deg, #f43f5e 0%, #fb923c 100%);--color-bg:#f8fafc;--color-surface:#fff;--color-surface-subtle:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--font-family:"Outfit", system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 4px 10px #00000008;--shadow-md:0 10px 25px #0000000d;--shadow-lg:0 20px 40px #00000014;--shadow-color:0 10px 30px #4f46e540;--t-bouncy:.4s cubic-bezier(.175, .885, .32, 1.1);--t-fast:.2s ease;--z-header:100;--z-drawer:200;--z-toast:300;--z-modal:400;--container-max:1280px;--container-padding:var(--space-4);--header-total-h:166px}@media (width<=1024px){:root{--header-total-h:118px}}@media (width<=480px){:root{--container-padding:var(--space-3);--header-total-h:128px}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);width:100%;max-width:100%;overflow-x:hidden}img,video,canvas{max-width:100%}.app-layout{flex-direction:column;width:100%;min-height:100dvh;display:flex;overflow-x:clip}.main-content{flex:1;width:100%;min-width:0}@media (width>=1025px){.mobile-only{display:none!important}}@media (width<=1024px){.desktop-only{display:none!important}.section{padding-block:var(--space-8)}}@media (width<=480px){.section{padding-block:var(--space-6)}}h1{letter-spacing:-.02em;font-weight:700}h2{letter-spacing:-.01em;font-weight:700}h3,h4{letter-spacing:0;font-weight:600}a{color:inherit;text-decoration:none}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #f43f5e66}70%{box-shadow:0 0 0 15px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-slide-up{animation:slideUpFade .6s var(--t-bouncy) forwards}.w-full{width:100%}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-padding);margin-inline:auto}.section{padding-block:var(--space-12)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--t-fast);cursor:pointer;letter-spacing:.3px;border:none;max-width:100%;display:inline-flex}.btn-lg{height:48px;font-size:var(--font-size-base);padding:0 24px}.btn-md{height:40px;font-size:var(--font-size-sm);padding:0 20px}.btn-sm{height:32px;font-size:var(--font-size-xs);padding:0 16px}.btn-xs{height:26px;padding:0 12px;font-size:.7rem}.btn-accent{background:var(--color-gradient-2);color:#fff;box-shadow:var(--shadow-color)}.btn-accent:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 35px #f43f5e80}.btn-primary{background:var(--color-gradient-1);color:#fff;box-shadow:0 4px 12px #f9731626}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #f9731640}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary-light);transform:translateY(-2px)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:1px;padding:4px 10px;font-size:.7rem;font-weight:800}.badge-discount{background:var(--color-gradient-2);color:#fff;box-shadow:0 4px 10px #f43f5e4d}.badge-oos{color:#fff;background:#333}select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230f172a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px!important}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-sm{padding:var(--space-4)}.card-flat{background:0 0;border:none}.card-hover{transition:box-shadow var(--t-fast), border-color var(--t-fast)}.card-hover:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-strong)}.form-input{width:100%;height:40px;padding:0 var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background-color:var(--color-surface);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input:disabled{background-color:var(--color-surface-subtle);cursor:not-allowed;opacity:.7}.form-input--error{border-color:var(--color-error)}.legal-page img,.legal-page table,.legal-page iframe{max-width:100%}.legal-page{overflow-wrap:anywhere}