@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap";:root{--store-primary:#03d595;--store-primary-hover:#02b87f;--store-primary-glow:#03d59540;--store-on-primary:#000101;--store-surface:#0a1612;--store-surface-muted:#02291a;--store-surface-elevated:#0f1f19;--store-text:#fff;--store-text-muted:#ffffffa6;--store-border:#03d59526;--store-page-bg:#000101;--store-danger:#ff6b6b;--store-success:#03d595;--font-store-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-store-heading:"Plus Jakarta Sans", system-ui, sans-serif;--store-radius:clamp(10px, 1.2vw, 16px);--store-radius-sm:clamp(8px, .9vw, 12px);--store-radius-lg:clamp(14px, 1.5vw, 20px);--store-header-h:56px;--store-gutter:clamp(.75rem, 2.5vw, 1.5rem);--store-tap:clamp(38px, 4.5vw, 44px);--store-product-min:clamp(10rem, 28vw, 16rem);--shadow-sm:0 1px 2px #00000040;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 30px #00000059;--shadow-glow:0 0 20px var(--store-primary-glow);--shadow-card:0 2px 8px #0003;--shadow-card-hover:0 12px 40px -8px #03d59533, 0 4px 16px #0000004d;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s var(--ease-out);--transition-normal:.25s var(--ease-out);--transition-slow:.4s var(--ease-out)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cartBounce{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes successCheck{0%{opacity:0;transform:scale(0)rotate(-45deg)}50%{transform:scale(1.15)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(-45deg)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%}body{font-family:var(--font-store-sans);color:var(--store-text);background:var(--store-page-bg);-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:clamp(.8125rem,.78rem + .2vw,.9375rem);line-height:1.6}#root{flex-direction:column;min-height:100dvh;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3{font-family:var(--font-store-heading);color:var(--store-text);letter-spacing:-.02em;font-weight:700;line-height:1.15}h1{margin:0 0 .5rem;font-size:clamp(1.5rem,3.5vw + .4rem,2.1rem)}a{color:var(--store-primary);text-underline-offset:3px;transition:color var(--transition-fast)}a:hover{color:var(--store-primary-hover)}img{vertical-align:middle;max-width:100%;height:auto}::selection{background:var(--store-primary);color:var(--store-on-primary)}.store-shell{flex-direction:column;flex:1;min-height:100dvh;display:flex}.store-header{z-index:40;background:color-mix(in srgb, var(--store-surface) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.8);border-bottom:1px solid var(--store-border);position:sticky;top:0}.store-header__inner{width:100%;max-width:1400px;padding:clamp(.5rem, 1vw, .7rem) var(--store-gutter);align-items:center;gap:clamp(.5rem,1.5vw,1rem);margin:0 auto;display:flex}.store-header__left{flex-shrink:0;align-items:center;gap:clamp(.5rem,1.5vw,1.25rem);display:flex}.store-header__brand{color:inherit;min-width:0;transition:opacity var(--transition-fast);flex-shrink:0;align-items:center;gap:.55rem;text-decoration:none;display:flex}.store-header__brand:hover{opacity:.85;color:inherit}.store-header__brand-text{flex-direction:column;min-width:0;display:flex}.store-header__logo{object-fit:contain;border-radius:6px;width:auto;height:2rem}.store-header__name{font-family:var(--font-store-heading);letter-spacing:-.03em;color:var(--store-text);background:linear-gradient(135deg, var(--store-text) 60%, var(--store-primary));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:clamp(.9rem,.85rem + .3vw,1.15rem);font-weight:800}.store-nav--desktop{display:none}@media (width>=768px){.store-nav--desktop{align-items:center;gap:.15rem;display:flex}}.store-nav__link{border-radius:var(--store-radius-sm);min-height:36px;color:var(--store-text-muted);white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:.3rem;padding:0 clamp(.5rem,1vw,.75rem);font-size:clamp(.8rem,.76rem + .18vw,.875rem);font-weight:500;text-decoration:none;display:inline-flex}.store-nav__link:hover{background:color-mix(in srgb, var(--store-surface-muted) 80%, transparent);color:var(--store-text)}.store-nav__link--active{color:var(--store-primary);background:color-mix(in srgb, var(--store-primary) 10%, transparent);font-weight:600}.store-header__search{flex:1 1 0;align-items:center;min-width:0;max-width:28rem;margin:0 auto;display:flex;position:relative}.store-header__search-icon{color:var(--store-text-muted);opacity:.5;pointer-events:none;transition:opacity var(--transition-fast), color var(--transition-fast);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.store-header__search:focus-within .store-header__search-icon{color:var(--store-primary);opacity:.9}[dir=rtl] .store-header__search-icon{left:auto;right:.75rem}.store-header__search-input{border:1.5px solid var(--store-border);background:color-mix(in srgb, var(--store-surface-muted) 50%, transparent);min-width:0;min-height:38px;color:var(--store-text);font:inherit;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;flex:1;padding:0 .75rem 0 2.25rem;font-size:clamp(.78rem,.74rem + .18vw,.85rem)}[dir=rtl] .store-header__search-input{padding:0 2.25rem 0 .75rem}.store-header__search-input::placeholder{color:var(--store-text-muted);opacity:.6}.store-header__search-input:focus{border-color:var(--store-primary);background:var(--store-surface-muted);box-shadow:0 0 0 3px var(--store-primary-glow);outline:none}.store-header__right{flex-shrink:0;align-items:center;gap:clamp(.4rem,1vw,.75rem);display:flex}.store-header__cart-btn{border-radius:var(--store-radius-sm);background:color-mix(in srgb, var(--store-primary) 10%, transparent);width:40px;height:40px;color:var(--store-text);transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.store-header__cart-btn:hover{background:color-mix(in srgb, var(--store-primary) 20%, transparent);color:var(--store-text);transform:translateY(-1px);box-shadow:0 4px 12px #03d59526}.store-header__cart-btn--active{background:color-mix(in srgb, var(--store-primary) 18%, transparent);color:var(--store-primary)}.store-header__cart-icon{width:20px;height:20px}.store-header__cart-badge{top:-4px;background:var(--store-primary);min-width:18px;height:18px;color:var(--store-on-primary);animation:cartBounce .35s var(--ease-spring);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:.6rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;inset-inline-end:-4px;box-shadow:0 2px 8px #03d59559}.store-header__settings{align-items:center;gap:.35rem;display:flex}.store-header__right>.store-header__settings:before{content:"";background:var(--store-border);width:1px;height:24px;margin-inline-end:.15rem;display:block}.store-lang-toggle{border-radius:var(--store-radius-sm);border:1.5px solid var(--store-border);display:inline-flex;overflow:hidden}.store-lang-toggle__btn{color:var(--store-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:.22rem .5rem;font-family:inherit;font-size:.68rem;font-weight:600;line-height:1.3}.store-lang-toggle__btn:hover{background:var(--store-surface-muted);color:var(--store-text)}.store-lang-toggle__btn--active{background:var(--store-primary);color:var(--store-on-primary)}.store-lang-toggle__btn--active:hover{color:var(--store-on-primary);background:var(--store-primary-hover)}.store-theme-toggle{border-radius:var(--store-radius-sm);border:1.5px solid var(--store-border);background:color-mix(in srgb, var(--store-surface-muted) 50%, transparent);cursor:pointer;width:36px;min-width:36px;height:36px;color:var(--store-text);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.store-theme-toggle:hover{background:color-mix(in srgb, var(--store-primary) 14%, var(--store-surface-muted));border-color:var(--store-primary);transform:rotate(15deg)}.store-theme-toggle__icon{transition:transform var(--transition-normal);font-size:1rem;line-height:1}.store-theme-toggle:hover .store-theme-toggle__icon{transform:scale(1.1)}@media (width<=767px){.store-header__inner{flex-wrap:wrap}.store-header__left{flex:auto;order:1}.store-header__right{order:2}.store-header__search{flex:100%;order:3;max-width:none;margin:0}}.store-main{width:100%;max-width:1400px;padding:clamp(1rem, 3vw, 1.75rem) var(--store-gutter) clamp(1.5rem, 4vw, 3rem);flex:1;margin:0 auto;animation:.3s fadeIn}.store-footer{border-top:1px solid var(--store-border);background:var(--store-surface);padding:clamp(1.25rem, 3vw, 2rem) var(--store-gutter);text-align:center}.store-footer__inner{flex-direction:column;align-items:center;gap:.75rem;max-width:1400px;margin:0 auto;display:flex}.store-footer__brand{font-family:var(--font-store-heading);color:var(--store-text);margin:0;font-size:clamp(.95rem,.9rem + .2vw,1.1rem);font-weight:700}.store-footer__links{flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.store-footer__links a{color:var(--store-text-muted);transition:color var(--transition-fast);font-size:clamp(.75rem,.72rem + .15vw,.8125rem);text-decoration:none}.store-footer__links a:hover{color:var(--store-primary)}.store-footer__copy{color:var(--store-text-muted);opacity:.7;margin:0;font-size:clamp(.7rem,.68rem + .12vw,.78rem)}.store-footer__divider{background:linear-gradient(90deg, transparent, var(--store-primary), transparent);opacity:.4;border:none;width:60px;height:2px;margin:0}.page-fallback{text-align:center;color:var(--store-text-muted);padding:3rem 1rem;animation:1.5s infinite pulse}.skeleton{background:linear-gradient(90deg, var(--store-surface-muted) 25%, color-mix(in srgb, var(--store-surface-muted) 60%, var(--store-surface)) 50%, var(--store-surface-muted) 75%);border-radius:var(--store-radius-sm);background-size:200% 100%;animation:1.8s ease-in-out infinite shimmer}.skeleton-card{border-radius:var(--store-radius);height:280px}.skeleton-text{width:80%;height:1rem;margin-bottom:.5rem}.skeleton-text--short{width:50%}.btn{min-height:var(--store-tap);border-radius:var(--store-radius-sm);font:inherit;cursor:pointer;isolation:isolate;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:0 clamp(.85rem,2vw,1.15rem);font-size:clamp(.8125rem,.78rem + .15vw,.9rem);font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--store-primary);color:var(--store-on-primary);box-shadow:0 2px 8px #03d59533}.btn--primary:hover:not(:disabled){background:var(--store-primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #03d5954d}.btn--primary:active:not(:disabled){transform:translateY(0)scale(.97);box-shadow:0 1px 4px #03d59533}.btn--ghost{color:var(--store-text);border-color:var(--store-border);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--store-surface-muted);border-color:color-mix(in srgb, var(--store-primary) 40%, var(--store-border));color:var(--store-text);transform:translateY(-1px)}.btn--text{color:var(--store-primary);background:0 0;border:none;min-height:auto;padding:.3rem .5rem;font-weight:500}.btn--text:hover:not(:disabled){color:var(--store-primary-hover);background:color-mix(in srgb, var(--store-primary) 8%, transparent);border-radius:var(--store-radius-sm)}.btn--danger-text{color:var(--store-danger);background:0 0;border:none;min-height:auto;padding:.3rem .5rem;font-size:.78rem;font-weight:500}.btn--danger-text:hover:not(:disabled){background:color-mix(in srgb, var(--store-danger) 10%, transparent);border-radius:var(--store-radius-sm)}.btn--lg{border-radius:var(--store-radius);letter-spacing:-.01em;min-height:clamp(42px,5.5vw,48px);padding-inline:clamp(1.15rem,2.5vw,1.5rem);font-size:clamp(.875rem,.84rem + .2vw,1rem)}.btn--full{width:100%}.page-heading{animation:fadeInUp .4s var(--ease-out);margin-bottom:clamp(1rem,2.5vw,1.5rem)}.page-heading h1{margin-bottom:.35rem}.page-heading__sub{color:var(--store-text-muted);margin:0;font-size:clamp(.8125rem,.78rem + .15vw,.9rem)}.product-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--store-product-min)), 1fr));gap:clamp(.85rem,2vw,1.25rem);margin:0;padding:0;list-style:none;display:grid}.product-grid>li{animation:fadeInUp .4s var(--ease-out) both}.product-grid>li:first-child{animation-delay:0s}.product-grid>li:nth-child(2){animation-delay:40ms}.product-grid>li:nth-child(3){animation-delay:80ms}.product-grid>li:nth-child(4){animation-delay:.12s}.product-grid>li:nth-child(5){animation-delay:.16s}.product-grid>li:nth-child(6){animation-delay:.2s}.product-grid>li:nth-child(7){animation-delay:.24s}.product-grid>li:nth-child(8){animation-delay:.28s}.product-grid>li:nth-child(n+9){animation-delay:.3s}.product-card{background:var(--store-surface);border:1px solid var(--store-border);border-radius:var(--store-radius);height:100%;box-shadow:var(--shadow-card);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-card-hover);border-color:color-mix(in srgb, var(--store-primary) 35%, var(--store-border));transform:translateY(-4px)}.product-card__media-wrap{position:relative;overflow:hidden}.product-card__sale-badge{top:clamp(.5rem,1.2vw,.7rem);z-index:1;background:color-mix(in srgb, var(--store-danger) 92%, transparent);color:#fff;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;border-radius:6px;padding:.2rem .55rem;font-size:clamp(.62rem,.58rem + .12vw,.72rem);font-weight:800;position:absolute;inset-inline-start:clamp(.5rem,1.2vw,.7rem);box-shadow:0 2px 8px #00000059}.product-card__media{aspect-ratio:1;background:var(--store-surface-muted);display:block;overflow:hidden}.product-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out)}.product-card:hover .product-card__media img{transform:scale(1.08)}.product-card__no-image{background:var(--store-surface-muted);width:100%;height:100%;color:var(--store-text-muted);opacity:.3;justify-content:center;align-items:center;font-size:2.5rem;display:flex}.product-card__no-image:after{content:"📦"}.product-card__no-image--lg{min-height:280px;font-size:4rem}.product-card__cart-badge{top:clamp(.5rem,1.2vw,.7rem);background:var(--store-primary);color:var(--store-on-primary);pointer-events:none;animation:scaleIn .25s var(--ease-spring);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;align-items:center;gap:.2rem;padding:.3rem .5rem;font-size:clamp(.65rem,.62rem + .15vw,.75rem);font-weight:700;line-height:1;display:inline-flex;position:absolute;inset-inline-end:clamp(.5rem,1.2vw,.7rem);box-shadow:0 2px 10px #0000004d}.product-card__cart-badge-icon{stroke-width:2.25px;width:clamp(12px,2.5vw,15px);height:clamp(12px,2.5vw,15px)}.product-card__body{flex-direction:column;flex:1;padding:clamp(.75rem,1.8vw,1rem);display:flex}.product-card__title{margin:0 0 .35rem;font-size:clamp(.85rem,.8rem + .2vw,.95rem);font-weight:600;line-height:1.3}.product-card__title a{color:var(--store-text);transition:color var(--transition-fast);text-decoration:none}.product-card__title a:hover{color:var(--store-primary)}.product-card__desc{color:var(--store-text-muted);-webkit-line-clamp:2;opacity:.75;-webkit-box-orient:vertical;margin:0 0 .35rem;font-size:clamp(.72rem,.7rem + .1vw,.8rem);line-height:1.4;display:-webkit-box;overflow:hidden}.product-card__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;margin-top:auto;padding-top:.4rem;display:flex}.product-card__price-block{flex-direction:column;flex:auto;align-items:flex-start;gap:.1rem;display:flex}.product-card__price{color:var(--store-primary);flex:auto;margin:0;font-size:clamp(.9rem,.85rem + .2vw,1rem);font-weight:700}.product-card__price--was{color:var(--store-text-muted);font-size:clamp(.72rem,.68rem + .12vw,.8rem);font-weight:500;text-decoration:line-through}.product-card__price--sale{color:var(--store-primary);font-size:clamp(.95rem,.88rem + .22vw,1.05rem)}.product-card__add{border-radius:999px;min-height:clamp(32px,4.5vw,38px);padding-inline:clamp(.75rem,1.8vw,1rem);font-size:clamp(.78rem,.74rem + .15vw,.85rem)}.product-detail{animation:fadeInUp .4s var(--ease-out);gap:clamp(1rem,2.5vw,1.5rem);display:grid}@media (width>=768px){.product-detail{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(1.5rem,3.5vw,2.5rem)}}.product-detail__media{border-radius:var(--store-radius-lg);border:1px solid var(--store-border);background:var(--store-surface-muted);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.product-detail__media img{width:100%;transition:transform .6s var(--ease-out);display:block}.product-detail__media:hover img{transform:scale(1.03)}.product-detail__info{animation:fadeInUp .5s var(--ease-out) .1s both}@media (width>=768px){.product-detail__info{top:calc(var(--store-header-h) + 1.5rem);position:sticky}}.product-detail__crumb{color:var(--store-text-muted);flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 .75rem;font-size:clamp(.78rem,.74rem + .15vw,.85rem);display:flex}.product-detail__crumb a{transition:color var(--transition-fast);text-decoration:none}.product-detail__crumb a:hover{color:var(--store-primary)}.product-detail__price{flex-direction:column;align-items:flex-start;gap:.15rem;margin:.5rem 0 .85rem;display:flex}.product-detail__price-was{color:var(--store-text-muted);margin:0;font-size:clamp(.95rem,.85rem + .35vw,1.1rem);font-weight:500;text-decoration:line-through}.product-detail__price-now{color:var(--store-primary);letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,1.1rem + 1.2vw,1.7rem);font-weight:800}.product-detail__price-note{color:var(--store-danger);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:clamp(.7rem,.66rem + .12vw,.78rem);font-weight:600}.product-detail__desc{color:var(--store-text-muted);max-width:38rem;margin:0 0 1.25rem;font-size:clamp(.8125rem,.78rem + .2vw,.9375rem);line-height:1.7}.product-detail__out-of-stock{color:var(--store-text-muted);background:color-mix(in srgb, var(--store-text-muted) 10%, transparent);border-radius:var(--store-radius-sm);align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:600;display:inline-flex}.cart-list{flex-direction:column;gap:.85rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.cart-list>li{animation:fadeInUp .3s var(--ease-out) both}.cart-list>li:first-child{animation-delay:0s}.cart-list>li:nth-child(2){animation-delay:50ms}.cart-list>li:nth-child(3){animation-delay:.1s}.cart-list>li:nth-child(4){animation-delay:.15s}.cart-list>li:nth-child(n+5){animation-delay:.2s}.cart-line{background:var(--store-surface);border:1px solid var(--store-border);border-radius:var(--store-radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-normal), border-color var(--transition-normal);grid-template-columns:clamp(64px,12vw,88px) 1fr auto;align-items:center;gap:clamp(.75rem,1.8vw,1rem);padding:clamp(.75rem,1.8vw,1rem);display:grid}.cart-line:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--store-primary) 25%, var(--store-border))}@media (width<=480px){.cart-line{grid-template-rows:auto auto;grid-template-columns:clamp(56px,16vw,72px) 1fr}.cart-line__subtotal{grid-column:1/-1;justify-self:end}}.cart-line__thumb{border-radius:var(--store-radius-sm);display:block;overflow:hidden}.cart-line__thumb img{border-radius:var(--store-radius-sm);object-fit:cover;width:clamp(64px,12vw,88px);height:clamp(64px,12vw,88px);transition:transform var(--transition-normal);display:block}.cart-line__thumb:hover img{transform:scale(1.05)}.cart-line__title{color:var(--store-text);transition:color var(--transition-fast);font-size:clamp(.85rem,.8rem + .2vw,.95rem);font-weight:600;text-decoration:none}.cart-line__title:hover{color:var(--store-primary)}.cart-line__price{color:var(--store-text-muted);margin:.2rem 0;font-size:.8rem}.cart-line__qty{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.8rem;display:flex}.cart-line__qty label{color:var(--store-text-muted);margin-right:.2rem;font-weight:500}.cart-line__qty-controls{border-radius:var(--store-radius-sm);border:1.5px solid var(--store-border);align-items:center;display:inline-flex;overflow:hidden}.cart-line__qty-btn{background:var(--store-surface-muted);width:32px;height:32px;color:var(--store-text);font:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:inline-flex}.cart-line__qty-btn:hover{background:var(--store-primary);color:var(--store-on-primary)}.cart-line__qty-value{text-align:center;min-width:2.5rem;color:var(--store-text);padding:0 .35rem;font-size:.85rem;font-weight:600}.cart-line__subtotal{color:var(--store-primary);align-self:center;margin:0;font-size:clamp(.9rem,.85rem + .2vw,1rem);font-weight:700}.cart-summary{background:var(--store-surface);border:1.5px solid var(--store-border);border-radius:var(--store-radius);box-shadow:var(--shadow-md);animation:fadeInUp .4s var(--ease-out);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1rem,2vw,1.25rem);display:flex}.cart-summary__total{color:var(--store-text);margin:0;font-size:clamp(1rem,.95rem + .3vw,1.15rem);font-weight:600}.cart-summary__total strong{color:var(--store-primary);font-size:1.1em}.checkout-grid{animation:fadeInUp .4s var(--ease-out);gap:1.5rem;display:grid}@media (width>=900px){.checkout-grid{grid-template-columns:1fr minmax(300px,clamp(320px,30vw,400px));align-items:start;gap:clamp(1.75rem,3.5vw,3rem)}}.checkout-form fieldset{border:none;margin:0 0 1rem;padding:0}.checkout-form legend{color:var(--store-text);margin-bottom:.75rem;padding:0;font-size:clamp(.9rem,.85rem + .2vw,1rem);font-weight:700}.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.field span{color:var(--store-text-muted);letter-spacing:.01em;font-size:.8rem;font-weight:600}.field .field-hint{color:var(--store-text-muted);opacity:.92;font-size:.75rem;font-weight:400;line-height:1.35}.field input,.field textarea{min-height:var(--store-tap);border-radius:var(--store-radius-sm);border:1.5px solid var(--store-border);font:inherit;background:var(--store-surface);color:var(--store-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);padding:0 .85rem}.field select{min-height:var(--store-tap);border-radius:var(--store-radius-sm);border:1.5px solid var(--store-border);font:inherit;color:var(--store-text);cursor:pointer;appearance:none;background-color:var(--store-surface);background-image:linear-gradient(45deg, transparent 50%, var(--store-text-muted) 50%), linear-gradient(135deg, var(--store-text-muted) 50%, transparent 50%);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);background-position:calc(100% - 1.1rem),calc(100% - .75rem);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:0 .85rem;padding-inline-end:2rem}.field input:hover,.field textarea:hover,.field select:hover{border-color:color-mix(in srgb, var(--store-primary) 40%, var(--store-border))}.field input:focus,.field textarea:focus{border-color:var(--store-primary);box-shadow:0 0 0 3px var(--store-primary-glow);background:var(--store-surface-elevated);outline:none}.field select:focus{border-color:var(--store-primary);box-shadow:0 0 0 3px var(--store-primary-glow);background-color:var(--store-surface-elevated);background-image:linear-gradient(45deg, transparent 50%, var(--store-primary) 50%), linear-gradient(135deg, var(--store-primary) 50%, transparent 50%);outline:none}.checkout-error{background:color-mix(in srgb, var(--store-danger) 10%, transparent);border:1.5px solid color-mix(in srgb, var(--store-danger) 30%, transparent);border-radius:var(--store-radius-sm);color:var(--store-danger);animation:slideDown .3s var(--ease-out);margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500}.checkout-aside{background:var(--store-surface);border:1.5px solid var(--store-border);border-radius:var(--store-radius);box-shadow:var(--shadow-md);top:calc(var(--store-header-h) + 1.5rem);padding:clamp(1rem,2vw,1.25rem);position:sticky}.checkout-aside h2{color:var(--store-text);margin:0 0 .85rem;font-size:clamp(.9rem,.85rem + .2vw,1rem)}.checkout-lines{flex-direction:column;gap:.6rem;margin:0 0 .85rem;padding:0;font-size:.85rem;list-style:none;display:flex}.checkout-lines li{color:var(--store-text-muted);border-bottom:1px solid color-mix(in srgb, var(--store-border) 50%, transparent);justify-content:space-between;gap:1rem;padding-bottom:.6rem;display:flex}.checkout-lines li:last-child{border-bottom:none;padding-bottom:0}.checkout-total{color:var(--store-text);border-top:1.5px solid var(--store-border);margin:0 0 .85rem;padding-top:.75rem;font-size:1rem;font-weight:600}.checkout-total strong{color:var(--store-primary)}.checkout-summary-row{color:var(--store-text-muted);justify-content:space-between;align-items:baseline;gap:1rem;margin:0 0 .5rem;font-size:.85rem;display:flex}.checkout-summary-row--muted{font-size:.8rem}.checkout-summary-row__strike{opacity:.65;margin-inline-end:.35rem;text-decoration:line-through}.checkout-shipping-hint{color:var(--store-text-muted);margin:-.35rem 0 .75rem;font-size:.78rem;line-height:1.35}.empty-state{text-align:center;max-width:28rem;animation:fadeInUp .4s var(--ease-out);margin:0 auto;padding:clamp(2rem,5vw,3.5rem) 1rem}.empty-state__icon{opacity:.7;margin-bottom:1rem;font-size:3.5rem;animation:3s ease-in-out infinite float;display:block}.empty-state h1{margin-bottom:.6rem;font-size:clamp(1.2rem,2.5vw,1.5rem)}.empty-state p{color:var(--store-text-muted);margin:0 0 1.5rem;font-size:clamp(.85rem,.8rem + .15vw,.95rem);line-height:1.6}.success-state{text-align:center;max-width:28rem;animation:fadeInUp .4s var(--ease-out);margin:0 auto;padding:clamp(2rem,5vw,4rem) 1rem}.success-state__check{background:linear-gradient(135deg, var(--store-primary), var(--store-primary-hover));width:72px;height:72px;animation:scaleIn .5s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;display:inline-flex;box-shadow:0 8px 32px #03d5954d}.success-state__check-icon{width:32px;height:32px;color:var(--store-on-primary)}.success-state h1{margin-bottom:.5rem;font-size:clamp(1.4rem,3vw,1.8rem)}.success-state p{color:var(--store-text-muted);margin:0 0 1.5rem;line-height:1.6}.home-store{width:100%}.home-layout{flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem);display:flex}@media (width>=900px){.home-layout{grid-template-columns:minmax(min(220px,100%),clamp(220px,20vw,280px)) 1fr;align-items:start;gap:clamp(1rem,2.5vw,1.75rem);display:grid}}@media (width>=1280px){.home-layout{grid-template-columns:minmax(240px,280px) 1fr}}.announcement-banner{border-radius:var(--store-radius-sm);border:1px solid color-mix(in srgb, var(--store-primary) 25%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--store-primary) 12%, transparent) 0%, color-mix(in srgb, var(--store-primary) 4%, transparent) 100%);animation:slideDown .4s var(--ease-out);margin-bottom:clamp(1rem,2.5vw,1.35rem);padding:clamp(.6rem,1.5vw,.85rem) clamp(.85rem,2.5vw,1.25rem);position:relative;overflow:hidden}.announcement-banner:before{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--store-primary) 6%, transparent) 50%, transparent 100%);background-size:200% 100%;animation:4s ease-in-out infinite shimmer;position:absolute;inset:0}.announcement-banner__text{color:var(--store-primary);text-align:center;margin:0;font-size:clamp(.78rem,.74rem + .25vw,.9rem);font-weight:600;line-height:1.4;position:relative}.home-sidebar{flex-direction:column;gap:clamp(.75rem,1.5vw,1rem);display:flex}@media (width>=900px){.home-sidebar{top:calc(var(--store-header-h) + 1.25rem);position:sticky}}.home-sidebar__block{background:var(--store-surface);border:1px solid var(--store-border);border-radius:var(--store-radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal);padding:clamp(.75rem,1.8vw,1rem)}.home-sidebar__block:hover{box-shadow:var(--shadow-md)}.home-sidebar__heading{text-transform:uppercase;letter-spacing:.06em;color:var(--store-text-muted);margin:0 0 clamp(.5rem,1.2vw,.7rem);font-size:clamp(.7rem,.66rem + .15vw,.78rem);font-weight:700}.home-category-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.home-category-btn{border-radius:var(--store-radius-sm);width:100%;min-height:clamp(34px,4.5vw,40px);color:var(--store-text-muted);font:inherit;text-align:start;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), padding-inline-start var(--transition-fast);background:0 0;border:none;padding:.35rem clamp(.55rem,1.2vw,.7rem);font-size:clamp(.8125rem,.78rem + .15vw,.9rem)}.home-category-btn:hover{background:color-mix(in srgb, var(--store-surface-muted) 80%, transparent);color:var(--store-text);padding-inline-start:clamp(.7rem,1.4vw,.85rem)}.home-category-btn--active{background:color-mix(in srgb, var(--store-primary) 12%, transparent);color:var(--store-primary);border-inline-start:3px solid var(--store-primary);padding-inline-start:clamp(.7rem,1.4vw,.85rem);font-weight:600}.home-sidebar-cart__head{align-items:center;gap:.4rem;margin-bottom:.55rem;display:flex}.home-sidebar-cart__icon{color:var(--store-primary);flex-shrink:0;width:clamp(18px,2.5vw,22px);height:clamp(18px,2.5vw,22px)}.home-sidebar-cart__title{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;margin:0;font-size:clamp(.7rem,.66rem + .15vw,.78rem);display:inline-flex}.home-sidebar-cart__count{background:var(--store-primary);min-width:1.15rem;height:1.15rem;color:var(--store-on-primary);animation:cartBounce .35s var(--ease-spring);border-radius:999px;justify-content:center;align-items:center;padding:0 .25rem;font-size:.6rem;font-weight:800;display:inline-flex}.home-sidebar-cart__empty{color:var(--store-text-muted);margin:0 0 .55rem;font-size:.78rem}.home-sidebar-cart__list{flex-direction:column;gap:clamp(.4rem,1vw,.55rem);max-height:clamp(200px,30vh,280px);margin:0 0 .45rem;padding:0;list-style:none;display:flex;overflow-y:auto}.home-sidebar-cart__list::-webkit-scrollbar{width:4px}.home-sidebar-cart__list::-webkit-scrollbar-thumb{background:var(--store-border);border-radius:2px}.home-sidebar-cart__line{border-radius:var(--store-radius-sm);transition:background var(--transition-fast);grid-template-columns:clamp(38px,7vw,44px) 1fr;align-items:center;gap:clamp(.4rem,1vw,.55rem);padding:.35rem;display:grid}.home-sidebar-cart__line:hover{background:color-mix(in srgb, var(--store-surface-muted) 50%, transparent)}.home-sidebar-cart__thumb img{object-fit:cover;border:1px solid var(--store-border);border-radius:8px;width:clamp(38px,7vw,44px);height:clamp(38px,7vw,44px);display:block}.home-sidebar-cart__meta{min-width:0}.home-sidebar-cart__name{color:var(--store-text);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-fast);font-size:clamp(.72rem,.7rem + .12vw,.82rem);font-weight:600;text-decoration:none;display:block;overflow:hidden}.home-sidebar-cart__name:hover{color:var(--store-primary)}.home-sidebar-cart__qty{color:var(--store-text-muted);font-size:clamp(.65rem,.62rem + .1vw,.75rem)}.home-sidebar-cart__more{color:var(--store-text-muted);margin:0 0 .4rem;font-size:.72rem}.home-sidebar-cart__subtotal{color:var(--store-text-muted);margin:0 0 .6rem;font-size:clamp(.78rem,.74rem + .15vw,.85rem)}.home-sidebar-cart__subtotal strong{color:var(--store-primary)}.home-sidebar-cart__cta{width:100%}.home-main{min-width:0}.home-main__intro{background:linear-gradient(135deg, color-mix(in srgb, var(--store-primary) 8%, var(--store-surface)) 0%, var(--store-surface) 100%);border:1px solid var(--store-border);border-radius:var(--store-radius-lg);animation:fadeInUp .4s var(--ease-out);margin-bottom:clamp(1.25rem,3vw,2rem);padding:clamp(1rem,2.5vw,1.75rem) clamp(1rem,2.5vw,1.5rem);position:relative;overflow:hidden}.home-main__intro:before{content:"";top:-50%;background:radial-gradient(circle, var(--store-primary-glow) 0%, transparent 70%);opacity:.4;pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute;inset-inline-end:-20%}.home-main__title{background:linear-gradient(135deg, var(--store-primary) 0%, color-mix(in srgb, var(--store-primary) 50%, #fff) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:clamp(1.6rem,4.5vw + .3rem,2.4rem);font-weight:800;line-height:1.1;animation:6s ease-in-out infinite gradientShift;position:relative}.home-main__tagline,.home-main__search-hint{color:var(--store-text-muted);max-width:min(42rem,100%);margin:0 0 .75rem;font-size:clamp(.85rem,.8rem + .18vw,.95rem);line-height:1.55;position:relative}.order-id-inline{color:var(--store-primary);unicode-bidi:isolate;font-weight:700}.home-main__catalog-link{color:var(--store-on-primary);background:var(--store-primary);transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), gap var(--transition-fast);border-radius:999px;align-items:center;gap:.35rem;padding:.5rem 1.15rem;font-size:clamp(.8125rem,.78rem + .2vw,.9rem);font-weight:600;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 2px 8px #03d59533}.home-main__catalog-link:hover{background:var(--store-primary-hover);color:#fff;gap:.5rem;transform:translateY(-1px);box-shadow:0 4px 16px #03d5954d}.home-main__empty{color:var(--store-text-muted);text-align:center;margin:0;padding:2rem 0;font-size:.9rem}.home-product-grid{margin-top:.25rem}.checkout-steps{justify-content:center;align-items:center;gap:0;margin-bottom:clamp(1.25rem,3vw,2rem);padding:0;list-style:none;display:flex}.checkout-step{color:var(--store-text-muted);opacity:.5;transition:opacity var(--transition-normal);align-items:center;gap:.5rem;font-size:clamp(.75rem,.72rem + .15vw,.85rem);font-weight:500;display:flex}.checkout-step--active{opacity:1;color:var(--store-primary);font-weight:600}.checkout-step--done{opacity:.8;color:var(--store-primary)}.checkout-step__number{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:inline-flex}.checkout-step--active .checkout-step__number,.checkout-step--done .checkout-step__number{background:var(--store-primary);color:var(--store-on-primary);border-color:var(--store-primary)}.checkout-step__connector{background:var(--store-border);width:clamp(24px,5vw,48px);height:2px;margin:0 .25rem}.checkout-step--done+.checkout-step__connector,.checkout-step--done~.checkout-step__connector{background:var(--store-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--store-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--store-primary) 40%, var(--store-border))}.toast-added{background:var(--store-surface-elevated);border:1.5px solid var(--store-primary);border-radius:var(--store-radius);box-shadow:var(--shadow-lg), var(--shadow-glow);color:var(--store-text);z-index:1000;opacity:0;transition:transform .4s var(--ease-spring), opacity .4s var(--ease-out);pointer-events:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(100px)}.toast-added--visible{opacity:1;transform:translate(-50%)translateY(0)}.toast-added__icon{color:var(--store-primary);font-size:1.2rem}.pagination{border-top:1px solid var(--store-border);animation:fadeInUp .3s var(--ease-out);flex-direction:column;align-items:center;gap:.75rem;margin-top:clamp(1.5rem,3vw,2.5rem);padding-top:clamp(1rem,2vw,1.5rem);display:flex}.pagination__info{color:var(--store-text-muted);margin:0;font-size:.8rem}.pagination__nav{align-items:center;gap:.3rem;display:flex}.pagination__btn{border-radius:var(--store-radius-sm);min-width:36px;height:36px;color:var(--store-text-muted);font:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;border:1.5px solid #0000;justify-content:center;align-items:center;padding:0 .4rem;font-size:.8rem;font-weight:600;display:inline-flex}.pagination__btn:hover:not(:disabled){background:var(--store-surface-muted);color:var(--store-text);transform:translateY(-1px)}.pagination__btn--active{background:var(--store-primary);color:var(--store-on-primary);border-color:var(--store-primary);box-shadow:0 2px 8px #03d59533}.pagination__btn--active:hover:not(:disabled){background:var(--store-primary-hover);color:#fff;border-color:var(--store-primary-hover)}.pagination__btn--arrow{color:var(--store-text-muted)}.pagination__btn--arrow:hover:not(:disabled){color:var(--store-primary);background:color-mix(in srgb, var(--store-primary) 10%, transparent)}.pagination__btn:disabled{opacity:.3;cursor:not-allowed}.pagination__ellipsis{width:28px;height:36px;color:var(--store-text-muted);letter-spacing:.1em;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}:focus-visible{outline:2px solid var(--store-primary);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}
