:root{--karis-red:#e31b23;--karis-red-hover:#c41820;--karis-red-soft:#fef2f2;--karis-red-muted:#e31b231f;--karis-red-glow:#e31b2333;--karis-blue:#2aabda;--karis-blue-hover:#1e96c4;--karis-blue-soft:#e8f6fc;--karis-blue-dim:#1e96c4;--karis-black:#121212;--karis-charcoal:#1c1c1e;--bg:#f3f1ec;--bg-white:#fdfcfa;--bg-elevated:#fff;--bg-muted:#ebe8e2;--bg-warm:#faf8f5;--border:#12121212;--border-strong:#1212121f;--border-accent:#2aabda38;--text:#3d424c;--text-muted:#6b7280;--text-heading:#0f1114;--text-inverse:#fff;--gradient-hero:linear-gradient(165deg, #fdfcfa 0%, #f5f0ea 50%, #ebe6df 100%);--gradient-brand:linear-gradient(120deg, var(--karis-charcoal) 0%, var(--karis-blue) 55%, #5cc4e8 100%);--gradient-cta:linear-gradient(135deg, var(--karis-red) 0%, #d42a32 50%, var(--karis-red-hover) 100%);--gradient-accent:linear-gradient(135deg, var(--karis-blue) 0%, var(--karis-blue-hover) 100%);--gradient-gold-line:linear-gradient(90deg, transparent, #2aabda59 50%, transparent);--gradient-card:linear-gradient(180deg, #fff 0%, #faf8f5 100%);--gradient-shine:linear-gradient(105deg, transparent 40%, #fff6 50%, transparent 60%);--font-serif:"Fraunces", "Georgia", serif;--font-body:"DM Sans", system-ui, sans-serif;--font-display:"Syne", system-ui, sans-serif;--font-label:"Syne", system-ui, sans-serif;--font-serif-soft:"SOFT" 85, "WONK" 0;--font-serif-crisp:"SOFT" 50, "WONK" 1;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:32px;--radius-full:999px;--shadow-xs:0 1px 2px #1212120a;--shadow-sm:0 4px 16px #1212120f;--shadow-md:0 12px 40px #12121214;--shadow-lg:0 24px 64px #1212121a;--shadow-card:0 8px 32px #1212120f, 0 1px 0 #fffc inset;--shadow-card-hover:0 16px 40px #1212121a, 0 4px 12px #1212120d;--shadow-focus:0 0 0 3px var(--bg-white), 0 0 0 6px #2aabda59;--header-h:84px;--container-padding-x:clamp(1rem, 2.75vw, 2rem);--container-padding:var(--container-padding-x);--page-padding:var(--container-padding-x);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-smooth:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);font-family:var(--font-body);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-circuit:url(/frontend/circuit-pattern.svg);font-size:16px;line-height:1.65}body{background-color:#f4f6fa;background-image:var(--bg-circuit), radial-gradient(ellipse 90% 60% at 50% -15%, #2aabda12, transparent 55%), radial-gradient(ellipse 70% 50% at 100% 30%, #e31b230a, transparent 50%), radial-gradient(ellipse 60% 45% at 0% 70%, #2aabda0d, transparent 45%), linear-gradient(180deg, #fafbfd 0%, #f0f3f8 100%);background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:140px 140px,100% 100%,100% 100%,100% 100%,100% 100%;background-attachment:fixed,fixed,fixed,fixed,fixed}.app,main{background:0 0}.page-section--white,.page-section--muted{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fdfcfab8}.page-section--shop.page-section--muted{background:#f3f1ecc7}.section-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb}.site-header{background:#fdfcfae6}.site-footer{background:#fdfcfaf0}body{font-feature-settings:"kern" 1, "liga" 1, "calt" 1}h1,h2,h3{font-family:var(--font-serif);font-variation-settings:var(--font-serif-soft);color:var(--text-heading);letter-spacing:-.03em;font-weight:600;line-height:1.1}.section-head__title,.hero__title,.checkout-title,.product-detail__title,.promo-strip__title,.promo-strip__eyebrow,.category-sidebar__head h2,.product-card__price,.product-detail__price,.hero__stats strong,.checkout-summary__total strong{font-family:var(--font-serif);font-variation-settings:var(--font-serif-soft)}.hero__title{letter-spacing:-.035em;font-weight:600}.section-head__title{letter-spacing:-.03em;font-weight:600}.product-card__price,.product-detail__price{letter-spacing:-.03em;font-weight:650}.section-head__eyebrow,.hero__badge,.product-card__brand,.product-detail__brand,.product-detail__cat-tag,.stock,.category-marquee__cta,.logo-wordmark,.site-footer__cols h3,.btn,.search-bar__btn,.checkout-form h2,.checkout-summary h2{font-family:var(--font-label);letter-spacing:.08em}.section-head__eyebrow,.hero__badge,.product-card__brand,.product-detail__brand,.promo-strip__eyebrow{text-transform:uppercase;color:var(--karis-blue);font-weight:600}.product-card__name,.product-detail__desc,.product-detail__specs,.section-head__lead,.hero__subtitle,.site-header__nav a,.category-sidebar__label strong,.checkout-sub,input,select,textarea,button{font-family:var(--font-body)}.product-card__name{letter-spacing:-.02em;font-weight:600}.hero__subtitle{letter-spacing:.01em;font-size:1.1rem;font-weight:400}.section-head__lead{letter-spacing:.005em;font-size:1.05rem}.site-header__nav a{letter-spacing:.01em;font-weight:500}.btn{letter-spacing:.04em;font-weight:600}.app,.site-main{width:100%;min-width:0;max-width:100%}.site-main{flex:1}.container,.container-fluid{box-sizing:border-box;width:100%;max-width:100%;padding-inline:max(var(--container-padding-x), env(safe-area-inset-left,0px)) max(var(--container-padding-x), env(safe-area-inset-right,0px));margin-inline:auto}.container--narrow{max-width:40rem;margin-inline:auto}.container--wide{max-width:100%}.hero .container{padding-inline:max(var(--container-padding-x), env(safe-area-inset-left,0px)) max(var(--container-padding-x), env(safe-area-inset-right,0px))}.section-head{margin-bottom:2.25rem}.section-head--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem;display:flex}.section-head__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--karis-blue);margin:0 0 .6rem;font-size:.72rem;font-weight:700}.section-head__title{color:var(--text-heading);margin:0;font-size:clamp(2.1rem,3.8vw,3rem);font-weight:650;line-height:1.06}.section-head__lead{color:var(--text-muted);max-width:50ch;margin:.75rem 0 0;font-size:1.02rem;line-height:1.7}.section-head__link{color:var(--text-heading);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-white);box-shadow:var(--shadow-xs);align-items:center;gap:.4rem;padding:.6rem 1.15rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .25s,color .25s,box-shadow .25s,transform .2s;display:inline-flex}.section-head__link:hover{border-color:var(--karis-blue);color:var(--karis-blue);background:var(--karis-blue-soft);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.page-section{border-top:1px solid var(--border);box-sizing:border-box;width:100%;max-width:100%;padding-block:clamp(3rem,5vw,4.5rem);position:relative}.page-section:first-of-type,.page-section--flush-top{border-top:none}.page-section--white{background:var(--bg-white)}.page-section--muted{background:var(--bg)}.page-section--dark{background:var(--karis-black);border-top-color:#ffffff14}.section-divider{background:var(--gradient-brand);border:none;flex-shrink:0;width:100%;height:4px;margin:0}.section-divider--subtle{background:var(--border);height:1px}.section-panel{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.section-panel__header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--bg-white) 0%, var(--bg-muted) 100%);padding:1.5rem 1.75rem}.section-panel__body{padding:1.75rem}.shop-section-intro__title-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.shop-section-intro__title-row .section-head__title{flex:1;min-width:0;margin:0}.shop-section-intro--compact{margin-bottom:1rem;padding-bottom:0}@media (width>=961px){.section-panel--shop{grid-template-columns:minmax(240px,280px) 1fr;align-items:start;display:grid;overflow:visible}.section-panel--shop .category-sidebar{border:none;border-right:1px solid var(--border);box-shadow:none;border-radius:0}.section-panel--shop .shop-layout__main{padding-block:1.75rem;padding-inline:1.75rem}}@media (width<=768px){:root{--container-padding-x:clamp(.875rem, 4vw, 1.25rem)}.page-section{padding-block:clamp(1.25rem,4vw,2rem)}.page-section--shop,.page-section--shop.page-section--muted,.category-landing__shop{padding-block:clamp(1rem,3vw,1.5rem);-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.section-panel,.section-panel--shop{box-shadow:none;border:none;border-radius:0;overflow:visible;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.shop-layout__main{background:0 0;padding:0}.shop-section-intro{margin-bottom:1rem;padding-bottom:.85rem}.shop-section-intro__title-row{margin-bottom:.25rem}.shop-section-intro__title-row .section-head__title{font-size:clamp(1.35rem,5.5vw,1.65rem);line-height:1.2}.shop-section-intro--compact{margin-bottom:.75rem}.shop-section-intro:after{display:none}.section-head{margin-bottom:1.25rem}.section-head__title{font-size:clamp(1.65rem,6vw,2rem)}.section-head__lead{font-size:.9rem}.page-section--promo{padding-block:clamp(2rem,5vw,3rem)}.product-detail .container{padding-block:1rem 2.5rem}.product-detail__layout{box-shadow:none;background:0 0;border:none;border-radius:0;gap:1.25rem;padding:0}.category-sidebar__footer{padding-inline:0}}::selection{background:var(--karis-blue-soft);color:var(--karis-blue-hover)}.section-head__eyebrow{align-items:center;gap:.5rem;display:inline-flex}.section-head__eyebrow:before{content:"";background:var(--gradient-brand);width:24px;height:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.shop-layout__grid .product-card{animation:fadeUp .6s var(--ease-out) backwards}.shop-layout__grid .product-card:first-child{animation-delay:50ms}.shop-layout__grid .product-card:nth-child(2){animation-delay:.1s}.shop-layout__grid .product-card:nth-child(3){animation-delay:.15s}.shop-layout__grid .product-card:nth-child(4){animation-delay:.2s}.shop-layout__grid .product-card:nth-child(5){animation-delay:.25s}.shop-layout__grid .product-card:nth-child(6){animation-delay:.3s}.shop-layout__grid .product-card:nth-child(7){animation-delay:.35s}.shop-layout__grid .product-card:nth-child(8){animation-delay:.4s}@media (prefers-reduced-motion:reduce){.shop-layout__grid .product-card,.hero__bg-image{animation:none}}.section-panel{background:var(--gradient-card);border:1px solid var(--border);box-shadow:var(--shadow-card)}.shop-section-intro{position:relative}.shop-section-intro:after{content:"";background:var(--gradient-gold-line);height:1px;position:absolute;bottom:0;left:0;right:0}.section-divider{background:var(--gradient-brand);opacity:.55;height:2px}.section-divider--subtle{opacity:.35;height:1px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;height:100%}body{background:var(--bg);-webkit-font-smoothing:antialiased;width:100%;min-height:100dvh;margin:0;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100dvh;display:flex}a{color:var(--karis-blue);transition:color .2s}a:hover{color:var(--karis-blue-hover)}img{max-width:100%;height:auto}.floating-whatsapp{right:max(1rem, env(safe-area-inset-right,0px));bottom:max(1.25rem, env(safe-area-inset-bottom,0px));z-index:180;color:#fff;border-radius:var(--radius-full);transition:transform .25s var(--ease-out), box-shadow .25s;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);align-items:center;gap:.5rem;padding:.7rem 1.1rem .7rem .85rem;font-family:inherit;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 6px 24px #25d36673,0 2px 8px #00000026}.floating-whatsapp:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 32px #25d36680,0 4px 12px #0000001f}.floating-whatsapp:active{transform:translateY(-1px)scale(1)}.floating-whatsapp svg{flex-shrink:0}@media (width<=480px){.floating-whatsapp{padding:.65rem .95rem .65rem .75rem;font-size:.85rem}}.logo-img{object-fit:contain;object-position:left center;width:auto;max-width:min(220px,58vw);height:48px;display:block}.logo-img--compact{max-width:min(180px,50vw);height:40px}.site-footer__logo.logo-img{max-width:min(240px,70vw);height:52px}.site-footer{color:#ffffffe0;background:linear-gradient(165deg,#141418 0%,#1a1f28 42%,#152028 100%);border-top:none;width:100%;margin-top:auto;position:relative;overflow:hidden}.site-footer:before{content:"";opacity:.35;pointer-events:none;background:radial-gradient(70% 55% at 0 100%,#2aabda2e,#0000 55%) 0 0/100% 100%,radial-gradient(50% 40% at 100% 0,#e31b231a,#0000 50%) 0 0/100% 100%,url(/frontend/circuit-pattern.svg) 0 0/120px 120px;position:absolute;inset:0}.site-footer__accent{z-index:1;background:var(--gradient-brand);height:4px;position:relative;box-shadow:0 0 24px #2aabda73}.site-footer__inner{z-index:1;gap:2.5rem;padding-top:clamp(2.5rem,5vw,3.5rem);padding-bottom:clamp(2rem,4vw,3rem);display:grid;position:relative}@media (width>=768px){.site-footer__inner{grid-template-columns:minmax(260px,1fr) 1.5fr;align-items:start;gap:3rem}}.site-footer__slogan{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#7dd3fc,#a8e4ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:1rem 0 1.25rem;font-size:.78rem;font-weight:700}.site-footer__phones{flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem;display:flex}.site-footer__phone-chip{color:#e8f6fc;border-radius:var(--radius-full);background:#2aabda26;border:1px solid #2aabda59;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.site-footer__phone-chip:hover{color:#fff;background:#2aabda47;border-color:#7dd3fc99;transform:translateY(-1px)}.site-footer__phone-chip svg{color:#7dd3fc;flex-shrink:0}.site-footer__email{color:#ffffffa6;margin-bottom:1.15rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.site-footer__email:hover{color:#7dd3fc}.site-footer__visit{border:1px solid #ffffff1a;border-left:3px solid var(--karis-blue);border-radius:var(--radius-md);background:#ffffff0d;margin-bottom:1.25rem;padding:1rem 1.1rem}.site-footer__visit-label{letter-spacing:.1em;text-transform:uppercase;color:#7dd3fc;margin:0 0 .35rem;font-size:.68rem;font-weight:700}.site-footer__visit-address{color:#ffffffeb;margin:0;font-size:.9rem;font-weight:500;line-height:1.55}.site-footer__cta{letter-spacing:.02em;color:#fff;background:var(--gradient-cta);border-radius:var(--radius-full);box-shadow:0 6px 20px var(--karis-red-glow);justify-content:center;align-items:center;padding:.75rem 1.35rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .25s;display:inline-flex}.site-footer__cta:hover{box-shadow:0 10px 28px var(--karis-red-glow);transform:translateY(-2px)}.site-footer__cols{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.75rem 2rem;display:grid}@media (width>=768px){.site-footer__cols{padding-top:.25rem}}.site-footer__col h3{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:#fff;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.72rem;font-weight:700;display:flex}.site-footer__col-dot{background:var(--gradient-accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #2aabdab3}.site-footer__col ul{margin:0;padding:0;list-style:none}.site-footer__col a{color:#ffffff9e;padding:.35rem 0;font-size:.88rem;text-decoration:none;transition:color .2s,padding-left .2s;display:block}.site-footer__col a:hover{color:#7dd3fc;padding-left:.25rem}.site-footer__hours{color:#ffffffbf;border-radius:var(--radius-sm);background:#2aabda1a;align-items:flex-start;gap:.45rem;margin:1.1rem 0 0;padding:.65rem .75rem;font-size:.8rem;line-height:1.45;display:flex}.site-footer__hours svg{color:#7dd3fc;flex-shrink:0;margin-top:.1rem}.site-footer__bar{z-index:1;background:#00000059;border-top:1px solid #ffffff14;position:relative}.site-footer__bar-inner{color:#ffffff80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1.5rem;padding-top:1.1rem;padding-bottom:1.1rem;font-size:.8rem;display:flex}.site-footer__bar p{margin:0}.site-footer__bar-address{text-align:right;max-width:28rem;line-height:1.45}@media (width<=640px){.site-footer__bar-inner{flex-direction:column;align-items:flex-start}.site-footer__bar-address{text-align:left}}.search-bar{border-radius:var(--radius-full);background:#fffffff7;border:1px solid #fff3;flex:1;align-items:center;gap:.5rem;min-width:0;padding:.35rem .35rem .35rem 1.15rem;transition:border-color .25s,box-shadow .25s;display:flex}.search-bar:focus-within{box-shadow:var(--shadow-focus);border-color:#2aabda80}.search-bar__icon{color:var(--text-muted);flex-shrink:0}.search-bar__input{min-width:0;color:var(--text-heading);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.search-bar__input::placeholder{color:#9ca3af}.search-bar__btn{color:#fff;background:linear-gradient(135deg, var(--karis-charcoal), #2d2d32);border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;padding:.65rem 1.25rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .25s,box-shadow .25s}.search-bar__btn:hover{background:var(--gradient-cta);box-shadow:0 4px 16px var(--karis-red-glow)}.search-bar--live .search-bar__input{padding-right:.25rem}.search-bar__live-dot{background:var(--karis-blue);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:.35rem;animation:1.2s ease-in-out infinite search-pulse;box-shadow:0 0 0 3px #2aabda40}@keyframes search-pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.search-bar--header{background:var(--bg-white);border-color:var(--border);flex:1;max-width:min(480px,36vw)}.search-bar--hero{border-color:#ffffff38}.search-bar--hero .search-bar__input{color:var(--text-heading)}.search-bar--mobile-header{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-full);width:100%;box-shadow:var(--shadow-md);padding:.5rem .5rem .5rem 1rem}.search-bar--mobile-header:focus-within{border-color:var(--karis-blue);box-shadow:var(--shadow-focus), var(--shadow-md)}@media (width<=1099px){.search-bar--header{display:none}}.site-header{z-index:200;-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);border-bottom:1px solid var(--border);background:#fdfcfad9;width:100%;position:sticky;top:0;box-shadow:0 1px #ffffffe6}.site-header__announce{border-bottom:2px solid #0000;border-image:var(--gradient-brand) 1;color:#ffffffe0;letter-spacing:.02em;background:linear-gradient(90deg,#1a1a1e 0%,#2a1c1e 45%,#1a2228 100%);font-size:.74rem}.site-header__announce-inner{justify-content:space-between;align-items:center;gap:1rem;padding-top:.55rem;padding-bottom:.55rem;display:flex}.site-header__announce-inner>span{background:linear-gradient(90deg,#fff,#ffffffbf);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:500}.site-header__announce-links{gap:1.5rem;display:flex}.site-header__announce-links a{color:#ffffffa6;text-decoration:none;transition:color .2s}.site-header__announce-links a:hover{color:#7dd3fc}.site-header__inner{min-height:var(--header-h);align-items:center;gap:1.35rem;padding-top:1rem;padding-bottom:1rem;display:flex}.site-header__brand{flex-shrink:0;text-decoration:none}.site-header__nav-link{color:var(--text);border-radius:var(--radius-full);padding:.5rem .9rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.site-header__nav-link:hover{color:var(--karis-blue);background:var(--karis-blue-soft)}.site-header__nav-link.is-active{color:var(--karis-blue-hover);background:var(--karis-blue-soft);box-shadow:inset 0 0 0 1px var(--border-accent);font-weight:600}.icon-btn--search{display:none}@media (width<=1099px){.icon-btn--search{display:flex}.icon-btn--search.is-active{background:var(--karis-blue-soft);border-color:var(--karis-blue);color:var(--karis-blue);box-shadow:var(--shadow-focus)}}.header-mobile-search{opacity:0;pointer-events:none;transition:grid-template-rows .35s var(--ease-out), opacity .3s ease;border-bottom:1px solid #0000;grid-template-rows:0fr;display:grid}.header-mobile-search.is-open{opacity:1;pointer-events:auto;border-bottom-color:var(--border);background:linear-gradient(180deg, var(--bg-white) 0%, var(--bg-muted) 100%);grid-template-rows:1fr;box-shadow:0 12px 28px #12121214}.header-mobile-search__inner{transition:padding .35s var(--ease-out);padding-block:0;overflow:hidden}.header-mobile-search.is-open .header-mobile-search__inner{padding-block:.85rem 1rem}.header-mobile-search__hint{color:var(--text-muted);letter-spacing:.02em;margin:.5rem 0 0;padding-left:.15rem;font-size:.75rem;font-weight:500}.site-header--search-open .site-header__main{box-shadow:0 4px 24px #1212120f}.icon-btn{width:2.75rem;height:2.75rem;color:var(--text-heading);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-xs);justify-content:center;align-items:center;text-decoration:none;transition:background .25s,color .25s,border-color .25s,box-shadow .25s;display:flex}.icon-btn:hover{background:var(--karis-blue-soft);border-color:var(--border-accent);color:var(--karis-blue);box-shadow:var(--shadow-sm)}.icon-btn--cart{position:relative}.cart-btn__count{text-align:center;color:#fff;background:var(--gradient-accent);border-radius:999px;min-width:1.15rem;height:1.15rem;padding:0 5px;font-size:.62rem;font-weight:700;line-height:1.15rem;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 8px #2aabda59}.site-header__nav{align-items:center;gap:.2rem;margin-left:auto;display:none}@media (width>=1100px){.site-header__nav{display:flex}}@media (width<=1099px){.site-header__nav.is-open{padding:1rem var(--container-padding-x) 1.25rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);background:#fdfcfafa;flex-direction:column;align-items:stretch;gap:.25rem;display:flex;position:absolute;top:100%;left:0;right:0}}.site-header__main{position:relative}.site-header__actions{align-items:center;gap:.55rem;margin-left:auto;display:flex}@media (width>=1100px){.site-header__actions{margin-left:0}}.nav-dropdown{position:relative}.nav-dropdown__trigger{color:var(--text);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:.5rem .9rem;font-family:inherit;font-size:.88rem;font-weight:500;display:inline-flex}.nav-dropdown__trigger:hover{color:var(--text-heading);background:#1212120d}.nav-dropdown__menu{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-lg);z-index:60;padding:.5rem;position:absolute;top:calc(100% + 10px);right:0}.nav-dropdown__menu a{color:var(--text);border-radius:var(--radius-sm);padding:.65rem .9rem;font-size:.88rem;text-decoration:none;transition:background .2s,color .2s;display:block}.nav-dropdown__menu a:hover{background:var(--karis-blue-soft);color:var(--karis-blue)}.icon-btn--menu{flex-direction:column;gap:5px;display:flex}@media (width>=1100px){.icon-btn--menu{display:none}}.icon-btn--menu span{background:currentColor;border-radius:2px;width:18px;height:2px;display:block}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;letter-spacing:.02em;transition:transform .25s var(--ease-out), box-shadow .3s, background .25s, color .25s, border-color .25s;border:none;justify-content:center;align-items:center;gap:.45rem;padding:.8rem 1.65rem;font-family:inherit;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{color:#fff;background:var(--gradient-cta);box-shadow:0 6px 20px var(--karis-red-glow), 0 1px 0 #ffffff26 inset;background-size:200% 100%}.btn--primary:hover{box-shadow:0 8px 26px var(--karis-red-glow);background-position:100% 0}.btn--secondary{background:var(--bg-white);color:var(--text-heading);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs)}.btn--secondary:hover{border-color:var(--karis-blue);color:var(--karis-blue);background:var(--karis-blue-soft);box-shadow:var(--shadow-sm)}.btn--ghost{color:var(--text-muted);background:0 0;padding:.5rem .9rem}.btn--ghost:hover{color:var(--text-heading);background:#1212120a}.hero{flex-direction:column;justify-content:flex-end;width:100%;max-width:100%;min-height:clamp(440px,58vh,580px);display:flex;position:relative;overflow:clip visible}.hero__bg-image,.hero__overlay{overflow:hidden}.hero__bg-image{background-position:50% 30%;background-size:cover;animation:24s ease-in-out infinite alternate heroKenBurns;position:absolute;inset:0}@keyframes heroKenBurns{0%{transform:scale(1.05)}to{transform:scale(1.12)}}.hero__overlay{background:linear-gradient(105deg,#121212eb 0%,#121212bf 42%,#12121273 100%),radial-gradient(at 75% 75%,#2aabda24,#0000 50%);position:absolute;inset:0}.hero__content{z-index:1;box-sizing:border-box;width:100%;max-width:100%;padding-block:clamp(2.25rem,4vh + 1rem,3.25rem) clamp(1.5rem,2.5vh,2rem);position:relative}.hero__badge{letter-spacing:.14em;text-transform:uppercase;color:#ffffffe6;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:.75rem;max-width:100%;margin-bottom:1rem;padding:.45rem 1rem .45rem .85rem;font-size:.72rem;font-weight:600;display:inline-flex}.hero__badge-line{background:var(--gradient-brand);border-radius:2px;flex-shrink:0;width:36px;height:2px;box-shadow:0 0 10px #2aabda59}.hero__title{color:#fff;text-shadow:0 2px 40px #0000004d;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;margin:0 0 .85rem;font-size:clamp(2.85rem,6.5vw,4.5rem);font-weight:650;line-height:1.08}.hero__title em{font-variation-settings:"SOFT" 100, "WONK" 1;color:#a8e4ff;font-style:italic;font-weight:550}.hero__subtitle{color:#ffffffc7;overflow-wrap:break-word;max-width:min(46ch,100%);margin:0 0 1.25rem;font-size:1.08rem;font-weight:400;line-height:1.75}.hero__search{width:100%;max-width:min(540px,100%);margin-bottom:1.5rem;box-shadow:0 16px 48px #00000040,inset 0 0 0 1px #ffffff1a}.hero__actions{flex-wrap:wrap;gap:.85rem;margin-bottom:1.5rem;display:flex}.hero__stats{border-top:1px solid #ffffff1f;flex-wrap:wrap;gap:2rem 2.75rem;margin:0;padding:1.25rem 0 0;list-style:none;display:flex}.hero__stats li{position:relative}.hero__stats li:not(:last-child):after{content:"";background:#ffffff26;width:1px;height:2rem;position:absolute;top:50%;right:-1.75rem;transform:translateY(-50%)}.hero__stats strong{font-family:var(--font-serif);color:#fff;font-size:2.25rem;font-weight:600;line-height:1;display:block}.hero__stats span{color:#ffffff8c;letter-spacing:.02em;font-size:.8rem}.hero .btn--primary{box-shadow:0 6px 22px var(--karis-red-glow);padding:.85rem 1.75rem;font-size:.95rem}.hero .btn--secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff59}.hero .btn--secondary:hover{color:#fff;background:#ffffff24;border-color:#fff9}.category-marquee{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#00000059;border-top:1px solid #ffffff1a;margin-top:auto;position:relative}.hero--page{justify-content:flex-end;min-height:clamp(260px,38vh,380px)}.hero--page-dark .hero__overlay{background:linear-gradient(105deg,#0c0c0cf0 0%,#0c0c0ce0 40%,#0c0c0cb8 100%),linear-gradient(#0000 45%,#0000008c 100%),radial-gradient(at 75% 75%,#2aabda1a,#0000 50%)}.hero--page .hero__title{color:#fff;font-size:clamp(1.75rem,5.5vw,3.25rem);line-height:1.12}.hero--page .hero__subtitle{color:#ffffffc7}.hero--page-product{min-height:clamp(300px,42vh,440px)}.hero--page-product .hero__eyebrow{letter-spacing:.1em;color:#fff;border-radius:var(--radius-full);background:#e31b23e0;border:1px solid #fff3;margin-bottom:1rem;padding:.55rem 1.15rem;font-size:clamp(1rem,2.8vw,1.35rem);font-weight:700;box-shadow:0 4px 20px #e31b2359}.hero__eyebrow--action{cursor:pointer;border:1px solid #fff3;font-family:inherit;transition:background .2s,box-shadow .2s}.hero__eyebrow--action:hover{background:#e31b23;box-shadow:0 6px 24px #e31b2373}.hero__eyebrow--action:active{transform:scale(.98)}.hero__eyebrow--action:focus-visible{outline-offset:3px;outline:2px solid #fff}.hero--page-product .hero__badge-line{width:28px;height:3px}.hero--page-product .hero__title{margin-bottom:1rem;font-size:clamp(1.85rem,5.5vw,3.5rem)}.hero--page-product .hero__subtitle{color:#ffffffe6;text-wrap:pretty;max-width:min(62ch,100%);font-size:clamp(1.02rem,2.4vw,1.18rem);font-weight:400;line-height:1.75}.hero__eyebrow{max-width:100%;font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:#ffffffe6;align-items:center;gap:.75rem;margin:0 0 .85rem;font-size:.72rem;font-weight:600;display:inline-flex}.hero__breadcrumb{color:#ffffff8c;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;max-width:100%;margin-bottom:1.15rem;font-size:.82rem;display:flex}.hero__breadcrumb a{color:#ffffffd9;font-weight:500;text-decoration:none}.hero__breadcrumb a:hover{color:#a8e4ff}.hero__breadcrumb span:last-child{color:#ffffffa6}@media (width<=768px){.hero--page{justify-content:flex-start;min-height:auto}.hero--page .hero__content{padding-block:clamp(1.5rem,5vw,2rem) clamp(1.35rem,4vw,1.75rem)}.hero--page .hero__title{font-size:clamp(1.5rem,7vw,2.15rem)}}@media (width<=640px){.hero{justify-content:flex-start;min-height:auto}.hero__content{padding-block:clamp(1.35rem,5vw,1.75rem) clamp(1.25rem,4vw,1.5rem)}.hero__copy{width:100%;min-width:0}.hero__title{font-size:clamp(1.65rem,7.5vw,2.35rem);line-height:1.1}.hero__subtitle{margin-bottom:1rem;font-size:1rem}.hero__actions{width:100%}.hero__actions .btn{flex:auto;min-width:0}.hero__stats{gap:1rem 1.25rem;width:100%;padding-top:1rem}.hero__stats li:not(:last-child):after{display:none}.hero__stats strong{font-size:1.5rem}.category-marquee{margin-top:0}}.checkout-page{background:var(--bg);border-top:1px solid var(--border);min-height:60vh;padding-block:clamp(2rem,4vw,3rem) clamp(3rem,6vw,5rem)}.checkout-back{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.checkout-back:hover{color:var(--karis-blue)}.checkout-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .35rem;font-size:2rem;font-weight:700}.checkout-sub{color:var(--text-muted);margin:0 0 2rem}.checkout-grid{gap:2rem;display:grid}@media (width>=768px){.checkout-grid{grid-template-columns:minmax(280px,380px) 1fr;align-items:start}.checkout-summary{top:calc(var(--header-h) + 1rem);position:sticky}}.checkout-form,.checkout-summary{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:2rem}.checkout-form h2,.checkout-summary h2{color:var(--text-heading);margin:0 0 1.25rem;font-size:1rem;font-weight:700}.checkout-form label{color:var(--text-muted);flex-direction:column;gap:.4rem;margin-bottom:1rem;font-size:.82rem;font-weight:600;display:flex}.checkout-form input,.checkout-form select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-heading);background:var(--bg);padding:.7rem .9rem;font-family:inherit;font-size:.95rem}.checkout-form input:focus,.checkout-form select:focus{border-color:var(--karis-blue);box-shadow:var(--shadow-focus);outline:none}.checkout-error{color:#b91c1c;border-radius:var(--radius-sm);background:#fef2f2;margin:0 0 1rem;padding:.75rem 1rem;font-size:.88rem}.checkout-pay-btn{letter-spacing:.02em;color:#fff;background:var(--gradient-cta);border-radius:var(--radius-full);cursor:pointer;width:100%;box-shadow:0 6px 20px var(--karis-red-glow);border:none;margin-top:.5rem;padding:1.05rem;font-family:inherit;font-size:1rem;font-weight:700;transition:background .25s,box-shadow .25s,transform .2s}.checkout-pay-btn:hover:not(:disabled){box-shadow:0 10px 28px var(--karis-red-glow);transform:translateY(-1px)}.checkout-pay-btn:disabled{opacity:.65;cursor:wait}.checkout-items{margin:0 0 1rem;padding:0;list-style:none}.checkout-item{border-bottom:1px solid var(--border);padding:1rem 0}.checkout-item:last-child{border-bottom:none}.checkout-item__top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.checkout-item__info{flex:1;min-width:0}.checkout-item__name{color:var(--text-heading);font-size:.9rem;font-weight:600;line-height:1.35;display:block}.checkout-item__unit{color:var(--text-muted);margin-top:.2rem;font-size:.78rem;display:block}.checkout-item__line-total{color:var(--text-heading);white-space:nowrap;flex-shrink:0;font-size:.95rem;font-weight:700}.checkout-item__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.checkout-qty{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-white);align-items:center;display:inline-flex;overflow:hidden}.checkout-qty__btn{width:2.25rem;height:2.25rem;color:var(--text-heading);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.1rem;font-weight:600;line-height:1;transition:background .2s,color .2s;display:flex}.checkout-qty__btn:hover:not(:disabled){background:var(--karis-blue-soft);color:var(--karis-blue)}.checkout-qty__btn:disabled{opacity:.35;cursor:not-allowed}.checkout-qty__input{text-align:center;width:2.75rem;color:var(--text-heading);border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg);appearance:textfield;padding:.35rem .15rem;font-family:inherit;font-size:.9rem;font-weight:600}.checkout-qty__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.checkout-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.checkout-qty__input:focus{background:var(--karis-blue-soft);outline:none}.checkout-item__remove{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:.4rem .65rem;font-family:inherit;font-size:.78rem;font-weight:600;text-decoration:underline;transition:color .2s}.checkout-item__remove:hover{color:#b91c1c}.checkout-summary__total{color:var(--text-heading);justify-content:space-between;padding-top:1rem;font-size:1.1rem;font-weight:700;display:flex}.checkout-pesapal-logo{opacity:.85;max-width:120px;height:auto;margin-top:1.25rem}.checkout-empty{text-align:center;background:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:4rem 2rem}.checkout-empty h1{font-family:var(--font-display);margin:0 0 .5rem}.category-sidebar{top:calc(var(--header-h) + 1rem);z-index:5;width:100%;max-height:calc(100dvh - var(--header-h) - 2rem);background:linear-gradient(#f7f5f1 0%,#efede8 100%);border-radius:0;flex-direction:column;align-self:start;display:flex;position:sticky;overflow:hidden}.section-panel--shop .category-sidebar{background:linear-gradient(#f7f5f1 0%,#efede8 100%)}.category-sidebar__head{border-bottom:1px solid var(--border);background:linear-gradient(#fff9 0%,#0000 100%);flex-shrink:0;padding:1.5rem 1.35rem 1rem}.category-sidebar__head h2{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-heading);margin:0;font-size:1.35rem;font-weight:600}.category-sidebar__head p{color:var(--text-muted);margin:.35rem 0 0;font-size:.82rem}.category-sidebar__nav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#12121238 transparent;flex-direction:column;flex:1;gap:.15rem;min-height:0;padding:.65rem;display:flex;overflow:hidden auto}.category-sidebar__nav::-webkit-scrollbar{width:6px}.category-sidebar__nav::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#1212122e}.category-sidebar__nav::-webkit-scrollbar-thumb:hover{background:#12121247}.category-sidebar__item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background .25s, border-color .25s, transform .2s var(--ease-out);background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:.85rem;padding:.7rem .85rem;font-family:inherit;display:flex;position:relative}.category-sidebar__item:hover{border-color:var(--border);background:#ffffffb3}.category-sidebar__item.is-active{background:linear-gradient(90deg, var(--karis-blue-soft) 0%, var(--bg-white) 55%);border-color:var(--border-accent);box-shadow:var(--shadow-sm);transform:translate(2px)}.category-sidebar__item.is-active:before{content:"";background:var(--gradient-brand);border-radius:0 2px 2px 0;width:3px;height:60%;position:absolute;left:0}.category-sidebar__item.is-active .category-sidebar__icon-wrap{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 14px #2aabda38}.category-sidebar__icon-wrap{border-radius:var(--radius-sm);background:var(--bg-white);width:2.35rem;height:2.35rem;color:var(--text-muted);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;transition:background .25s,color .25s,box-shadow .25s;display:flex}.category-sidebar__icon-wrap--all{color:var(--text-heading)}.category-sidebar__label strong{color:var(--text-heading);font-size:.9rem;font-weight:600;line-height:1.3}.category-sidebar__label small{color:var(--text-muted);font-size:.72rem}.category-sidebar__footer{border-top:1px solid var(--border);background:#ffffff80;flex-shrink:0;padding:1rem 1.25rem 1.25rem}.category-sidebar__link{color:var(--karis-blue);font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s}.category-sidebar__link:hover{color:var(--karis-blue-hover)}.category-sidebar__toggle{color:var(--text-heading);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;align-items:center;gap:.35rem;padding:.45rem .75rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:none}.category-sidebar__toggle:hover{border-color:var(--karis-blue);color:var(--karis-blue)}.category-sidebar__toggle-icon{transition:transform .25s var(--ease-out)}.category-sidebar__toggle-icon.is-open{transform:rotate(180deg)}@media (width<=960px){.category-sidebar{z-index:auto;background:0 0;max-height:none;position:static;overflow:visible}.category-sidebar__nav{flex:none;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));min-height:auto;max-height:min(320px,50vh);display:grid;overflow-y:auto}}@media (width<=768px){.shop-section-intro__title-row .category-sidebar__toggle{display:inline-flex}.category-sidebar__head,.category-sidebar.is-collapsed .category-sidebar__nav,.category-sidebar.is-collapsed .category-sidebar__footer{display:none}.category-sidebar.is-expanded .category-sidebar__nav{display:grid}.category-sidebar__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;max-height:min(280px,45vh);padding-inline:0}.category-sidebar__footer{padding-inline:0}}@media (width>=769px){.category-sidebar.is-collapsed .category-sidebar__nav,.category-sidebar.is-collapsed .category-sidebar__footer{display:flex}.category-sidebar.is-collapsed .category-sidebar__nav{flex-direction:column;display:flex}}.product-image{object-fit:cover;width:100%;height:100%;display:block}.product-image--photo{transition:transform .55s var(--ease-smooth)}.product-card:hover .product-image--photo{transform:scale(1.04)}.product-image--placeholder{background:linear-gradient(155deg,#eceae6 0%,#ddd9d2 50%,#d4cfc6 100%);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex;position:relative;overflow:hidden}.product-image__glow{pointer-events:none;background:radial-gradient(circle,#2aabda38 0%,#0000 70%);border-radius:50%;width:80%;height:80%;position:absolute}.product-image__icon{z-index:1;width:clamp(3.5rem,42%,5rem);height:auto;color:var(--karis-blue);filter:drop-shadow(0 4px 12px #2aabda40);position:relative}.product-image__initial-badge{z-index:1;width:2rem;height:2rem;font-family:var(--font-serif);color:#fff;background:linear-gradient(135deg, var(--karis-charcoal), #2a2a2e);border-radius:50%;justify-content:center;align-items:center;margin-top:-.15rem;font-size:.95rem;font-weight:650;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.product-image__cat{z-index:2;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);white-space:nowrap;text-overflow:ellipsis;background:#fffffff2;max-width:90%;padding:.35rem .7rem;font-size:.62rem;font-weight:700;position:relative;overflow:hidden}.product-image__no-photo{z-index:2;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-radius:var(--radius-full);border:1px solid var(--border);background:#ffffffe0;padding:.2rem .45rem;font-size:.58rem;font-weight:700;position:absolute;top:.55rem;right:.55rem}.product-card{background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .55s var(--ease-smooth), box-shadow .55s var(--ease-smooth), border-color .4s ease;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:focus-visible{outline:2px solid var(--karis-blue);outline-offset:2px}.product-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:0;background:linear-gradient(145deg,#ffffffe6,#fff0);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.product-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}.product-card:hover:before{opacity:1}.product-card__media{aspect-ratio:1;background:linear-gradient(160deg,#f0eeea 0%,#e4e0d8 100%);display:block;position:relative;overflow:hidden}.product-card__media:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 55%,#1212120a 100%);position:absolute;inset:0}.product-card__body{background:linear-gradient(180deg, var(--bg-elevated) 0%, #faf8f5 100%);flex-direction:column;flex:1;gap:.15rem;padding:1.25rem 1.35rem 1.4rem;display:flex}.product-card__brand{letter-spacing:.12em;text-transform:uppercase;color:var(--karis-blue);margin:0;font-size:.68rem;font-weight:700}.product-card__name{color:var(--text-heading);margin:.15rem 0 0;font-size:.98rem;line-height:1.38}.product-card__name a{color:inherit;text-decoration:none;transition:color .25s}.product-card__name a:hover{color:var(--karis-blue)}.product-card__cat{color:var(--text-muted);margin:.35rem 0 .85rem;font-size:.8rem}.product-card__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.85rem;display:flex}.product-card__price{color:var(--text-heading);margin:0;font-size:1.55rem;font-weight:650}.product-card__currency{font-family:var(--font-body);color:var(--text-muted);letter-spacing:.08em;vertical-align:middle;margin-right:.3rem;font-size:.65rem;font-weight:700}.stock{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full);padding:.35rem .6rem;font-size:.65rem;font-weight:700}.stock--in{color:#0d6b4d;background:linear-gradient(#ecfdf5,#d1fae5);border:1px solid #0d6b4d26}.product-card__cart-btn{letter-spacing:.02em;color:#fff;background:linear-gradient(135deg, var(--karis-charcoal) 0%, #2a2a2e 100%);border-radius:var(--radius-full);cursor:pointer;width:100%;transition:background .3s var(--ease-out), transform .2s var(--ease-spring), box-shadow .3s;border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.15rem;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #12121226}.product-card__cart-btn:hover:not(:disabled){background:var(--gradient-cta);box-shadow:0 6px 20px var(--karis-red-glow);transform:translateY(-1px)}.product-card__cart-btn:active:not(:disabled){transform:scale(.98)}.product-card__cart-btn:disabled{color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border-strong);cursor:not-allowed;box-shadow:none;opacity:1}.product-card--compact .product-card__cart-btn:disabled{letter-spacing:.02em;font-size:.7rem}.product-card__cart-btn svg{flex-shrink:0}.product-card--added .product-card__cart-btn{background:linear-gradient(135deg,#0d6b4d 0%,#059669 100%)}.product-card__name a,.product-card__media{color:inherit;text-decoration:none}.product-card--compact .product-card__body{padding:.75rem .65rem .85rem}.product-card--compact .product-card__brand{font-size:.6rem}.product-card--compact .product-card__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card--compact .product-card__cat{display:none}.product-card--compact .product-card__footer{flex-direction:column;align-items:flex-start;gap:.25rem;padding-top:.5rem}.product-card--compact .product-card__price{font-size:1.1rem}.product-card--compact .stock{padding:.2rem .4rem;font-size:.58rem}.product-card--compact .product-card__cart-btn{margin-top:.5rem;padding:.5rem .65rem;font-size:.75rem}.product-card--compact .product-card__cart-btn svg{display:none}.product-card--compact:hover{transform:translateY(-3px)}.category-landing__shop{padding-block:clamp(2rem,4vw,3rem)}.category-landing__status{color:var(--text-muted);margin:0 0 1.25rem;font-size:.9rem}.spare-category-page .shop-section-intro{margin-bottom:1.25rem}.category-marquee{width:100%;margin-top:auto;padding:.75rem 0;overflow:hidden}.category-marquee__track{width:max-content;animation:80s linear infinite marquee;display:flex}.category-marquee__track:hover{animation-play-state:paused}.category-marquee__item{letter-spacing:.02em;color:#ffffffeb;white-space:nowrap;align-items:center;gap:.75rem;padding:.5rem 2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.category-marquee__item:hover{color:#fff}.category-marquee__item--placeholder{opacity:.7;pointer-events:none}.category-marquee__item:hover .category-marquee__cta{color:#7dd3fc;text-underline-offset:3px;text-decoration:underline}.category-marquee__dot{background:var(--gradient-brand);border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 6px #2aabda66}.category-marquee__cta{color:#ffffff80;letter-spacing:.04em;font-size:.72rem;font-weight:600;transition:color .2s}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.promo-strip{width:100%;padding:0}.promo-strip__card{border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0a inset;background:linear-gradient(135deg,#1a1a1e 0%,#121214 50%,#141a1e 100%);border:1px solid #ffffff0f;align-items:center;gap:2.5rem;padding:clamp(2.5rem,5vw,4rem);display:grid;position:relative;overflow:hidden}.promo-strip__card:before{content:"";pointer-events:none;background:radial-gradient(circle,#e31b2338 0%,#0000 55%),radial-gradient(circle at 80%,#2aabda2e 0%,#0000 50%);width:60%;height:160%;position:absolute;top:-50%;right:-20%}.promo-strip__card:after{content:"";pointer-events:none;background:radial-gradient(circle,#2aabda33 0%,#0000 65%);width:50%;height:100%;position:absolute;bottom:-30%;left:-10%}@media (width>=768px){.promo-strip__card{grid-template-columns:1.15fr .85fr}}.promo-strip__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#7dd3fc;margin:0 0 .75rem;font-size:.7rem;font-weight:700;position:relative}.promo-strip__title{font-family:var(--font-serif);letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.85rem,3.5vw,2.65rem);font-weight:600;line-height:1.08;position:relative}.promo-strip__text{color:#ffffffad;max-width:44ch;margin:0 0 1.75rem;font-size:1rem;line-height:1.7;position:relative}.promo-strip__deco{justify-content:center;align-items:center;min-height:180px;display:flex;position:relative}.promo-strip__ring{background:radial-gradient(circle at 30% 30%,#2aabda33,#0000);border:1px solid #ffffff1a;border-radius:50%;width:160px;height:160px;animation:4s ease-in-out infinite pulseRing}@keyframes pulseRing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.promo-strip__stat{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff1a;flex-direction:column;align-items:center;padding:1.35rem 1.65rem;display:flex;position:absolute;box-shadow:0 8px 32px #0003}.promo-strip__stat strong{font-family:var(--font-serif);color:#fff;font-size:2.35rem;font-weight:600}.promo-strip__stat span{color:#ffffff8c;margin-top:.25rem;font-size:.82rem}.promo-strip .btn--primary{z-index:1;position:relative}.page-section--shop{background:var(--bg);background-image:radial-gradient(100% 80% at 50% 0,#ffffff80,#0000)}.shop-layout__main--search .shop-layout__grid{transition:opacity .12s}.shop-section-intro{margin-bottom:2rem;padding-bottom:2rem}.page-section--promo{background:var(--bg-white);padding-block:clamp(3.5rem,5vw,5rem)}.shop-layout__main{background:var(--bg-white);min-width:0;padding-block:1.25rem;padding-inline:0}@media (width>=961px){.shop-layout__main{padding-block:1.75rem;padding-inline:1.75rem}}.shop-layout__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.35rem;display:grid}@media (width<=960px){.section-panel--shop{flex-direction:column;display:flex}.shop-layout__grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (width<=640px){.shop-layout__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}}.shop-layout__loader{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;padding:2rem 1rem;font-size:.88rem;display:flex}.shop-layout__spinner{border:2px solid var(--border);border-top-color:var(--karis-blue);border-radius:50%;width:1.25rem;height:1.25rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shop-layout__end{text-align:center;color:var(--text-muted);margin:0;padding:1.5rem;font-size:.85rem}.shop-layout__empty{text-align:center;color:var(--text-muted);background:var(--bg-muted);border-radius:var(--radius-lg);border:1px dashed var(--border-strong);grid-column:1/-1;padding:3rem 1.5rem}.search-page__bar-wrap{padding-block:1.25rem .5rem}.search-page__bar-wrap .search-bar{max-width:640px}.search-page__results{padding-block:clamp(1.5rem,4vw,2.5rem)}.search-page__hint,.search-page__notice{color:var(--text-muted);margin:0 0 1.25rem;font-size:.95rem}.search-page__notice{background:var(--karis-blue-soft);border-radius:var(--radius-sm);color:var(--karis-blue-hover);padding:.75rem 1rem}.search-related-notice{color:var(--text-heading);background:linear-gradient(90deg, var(--karis-blue-soft) 0%, transparent 100%);border-left:3px solid var(--karis-blue);border-radius:var(--radius-sm);margin:0 0 1.25rem;padding:.85rem 1.1rem;font-size:.92rem;line-height:1.5}.contact-page__body{padding-block:clamp(2rem,5vw,3.5rem)}.contact-grid{gap:1.25rem;display:grid}@media (width>=640px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.contact-card--phones{grid-row:span 2}}.contact-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:1.5rem 1.35rem}.contact-card__icon{width:2.75rem;height:2.75rem;color:var(--karis-blue);background:var(--karis-blue-soft);border-radius:var(--radius-md);justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.contact-card__icon--whatsapp{color:#fff;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%)}.contact-whatsapp-btn{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);align-items:center;gap:.55rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .25s;display:inline-flex;box-shadow:0 6px 20px #25d36659}.contact-whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #25d36673}.contact-whatsapp-btn__num{opacity:.9;font-size:.82rem;font-weight:600}.contact-card h2{font-family:var(--font-display);color:var(--text-heading);margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.contact-card__lead,.contact-card__note{color:var(--text-muted);margin:0 0 .85rem;font-size:.88rem;line-height:1.55}.contact-card__note{margin-top:.75rem;margin-bottom:0}.contact-phones{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.contact-phones__link{color:var(--text-heading);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;padding:.55rem .85rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.contact-phones__link:hover{color:var(--karis-blue);border-color:var(--karis-blue);background:var(--karis-blue-soft)}.contact-address{color:var(--text-heading);margin:0 0 1rem;font-size:1rem;font-style:normal;font-weight:500;line-height:1.65}.contact-address__city{color:var(--text-muted);margin-top:.35rem;font-size:.88rem;font-weight:500;display:block}.contact-map-link{color:var(--karis-blue);font-size:.88rem;font-weight:600;text-decoration:none}.contact-map-link:hover{color:var(--karis-blue-hover);text-underline-offset:3px;text-decoration:underline}.contact-hours{color:var(--text-heading);margin:0;font-size:1.05rem;font-weight:600}.contact-email{color:var(--karis-blue);word-break:break-all;font-size:.95rem;font-weight:600;text-decoration:none}.contact-email:hover{color:var(--karis-blue-hover);text-decoration:underline}.static-info-page__body{max-width:42rem;font-size:1.05rem;line-height:1.65}.static-info-page__body a{color:var(--brand-red,#e31b23);font-weight:600}.image-lightbox{z-index:10000;justify-content:center;align-items:center;padding:clamp(1rem,4vw,2rem);display:flex;position:fixed;inset:0}.image-lightbox__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;background:#08080ae0;border:none;margin:0;padding:0;position:absolute;inset:0}.image-lightbox__panel{z-index:1;width:100%;max-width:min(96vw,1200px);max-height:92vh;animation:lightbox-in .22s var(--ease-smooth);flex-direction:column;align-items:center;display:flex;position:relative}@keyframes lightbox-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.image-lightbox__close{z-index:2;color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;transition:background .2s;display:flex;position:absolute;top:-.25rem;right:0}.image-lightbox__close:hover{background:#ffffff38}.image-lightbox__figure{flex-direction:column;align-items:center;gap:.75rem;width:100%;max-height:92vh;margin:0;display:flex}.image-lightbox__img{object-fit:contain;border-radius:var(--radius-lg);background:#111;width:auto;max-width:100%;height:auto;max-height:min(82vh,900px);display:block;box-shadow:0 24px 64px #00000073}.image-lightbox__caption{color:#ffffffd1;text-align:center;max-width:48ch;margin:0;padding:0 1rem;font-size:.9rem;line-height:1.45}.product-detail .container{padding-block:clamp(1.5rem,4vw,2.5rem) 4rem}.product-detail{background:var(--bg-warm);border-top:1px solid var(--border);min-height:60vh;padding-block:0}.product-detail__breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin-bottom:1.75rem;font-size:.82rem;display:flex}.product-detail__breadcrumb a{color:var(--karis-blue);font-weight:500;text-decoration:none}.product-detail__breadcrumb a:hover{color:var(--karis-blue-hover)}.product-detail__layout{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);gap:2rem;padding:1.5rem;display:grid}@media (width>=768px){.product-detail__layout{grid-template-columns:1fr 1.1fr;gap:2.5rem;padding:2rem}}.product-detail__image-wrap{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--bg-muted);border:1px solid var(--border);overflow:hidden}.product-detail__image-wrap--zoomable{cursor:zoom-in}.product-detail__image-btn{cursor:zoom-in;width:100%;height:100%;text-align:inherit;background:0 0;border:none;margin:0;padding:0;display:block;position:relative}.product-detail__image-btn:focus-visible{outline:2px solid var(--karis-blue);outline-offset:3px;border-radius:var(--radius-lg)}.product-detail__image-btn:hover .product-image--photo{transform:scale(1.03)}.product-detail__zoom-hint{z-index:2;letter-spacing:.02em;color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:0;background:#121212b8;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.72rem;font-weight:600;transition:opacity .2s;display:inline-flex;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.product-detail__image-btn:hover .product-detail__zoom-hint,.product-detail__image-btn:focus-visible .product-detail__zoom-hint{opacity:1}@media (hover:none){.product-detail__zoom-hint{opacity:1}}.product-detail__cat-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--karis-blue);text-align:center;margin:.85rem 0 0;font-size:.72rem;font-weight:700}.product-detail__brand{letter-spacing:.12em;text-transform:uppercase;color:var(--karis-blue);margin:0 0 .35rem;font-size:.75rem;font-weight:700}.product-detail__title{color:var(--text-heading);margin:0 0 1.25rem;font-size:clamp(1.85rem,4.5vw,2.65rem)}.product-detail__meta{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.product-detail__price{color:var(--text-heading);margin:0;font-size:clamp(1.9rem,4vw,2.5rem);font-weight:650}.product-detail__currency{font-family:var(--font-body);color:var(--text-muted);margin-right:.35rem;font-size:.75rem;font-weight:700}.product-detail__stock{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);padding:.4rem .75rem;font-size:.72rem;font-weight:700}.product-detail__stock.in-stock{color:#047857;background:#ecfdf5}.product-detail__stock.out-stock{color:#b91c1c;background:#fef2f2}.product-detail__desc{color:var(--text);text-wrap:pretty;margin:0 0 1.25rem;font-size:1.02rem;line-height:1.8}.product-detail__seo-tags{flex-wrap:wrap;gap:.45rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.product-detail__seo-tags li{border-radius:var(--radius-full);background:var(--bg-muted);color:var(--text-muted);border:1px solid var(--border);text-transform:capitalize;padding:.35rem .65rem;font-size:.72rem;font-weight:600}.product-detail__specs{gap:.85rem;margin:0 0 1.75rem;display:grid}.product-detail__specs div{border-bottom:1px solid var(--border);grid-template-columns:110px 1fr;gap:.75rem;padding-bottom:.85rem;font-size:.9rem;display:grid}.product-detail__specs dt{color:var(--text-muted);font-weight:600}.product-detail__specs dd{color:var(--text-heading);margin:0}.product-detail__sku{word-break:break-all;color:var(--text-muted);font-size:.8rem}.product-detail__actions{flex-direction:column;gap:.65rem;margin-bottom:1.5rem;display:flex}@media (width>=480px){.product-detail__actions{flex-flow:wrap}}.product-detail__cart-btn{color:#fff;background:linear-gradient(135deg, var(--karis-charcoal), #2a2a2e);border-radius:var(--radius-full);cursor:pointer;min-width:160px;box-shadow:var(--shadow-sm);border:none;flex:1;padding:.9rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .25s,transform .2s}.product-detail__cart-btn:hover:not(:disabled){background:var(--gradient-cta);box-shadow:0 6px 20px var(--karis-red-glow);transform:translateY(-1px)}.product-detail__cart-btn.is-added{background:linear-gradient(135deg,#059669,#047857)}.product-detail__cart-btn:disabled{opacity:.45;cursor:not-allowed}.product-detail__trust{color:var(--text-muted);margin:0;padding:0;font-size:.88rem;line-height:1.9;list-style:none}.product-detail__related{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.product-detail__related .section-head__title{margin-bottom:1.25rem;font-size:1.75rem}.product-detail__related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}@media (width>=640px){.product-detail__related-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}}.product-detail__loading-text{text-align:center;color:var(--text-muted);margin:1rem 0 0;font-size:.95rem}.product-detail--missing{text-align:center;padding:3rem 1.5rem}.product-detail--missing h1{margin:0 0 .75rem;font-size:1.75rem}.product-detail--missing p{color:var(--text-muted);margin:0 0 1.5rem;max-width:36rem;margin-inline:auto}.product-detail__missing-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.product-detail__back-link{color:var(--karis-blue);font-weight:600;text-decoration:none}.product-detail__back-link--muted{color:var(--text-muted)}.product-detail--loading .product-detail__skeleton{border-radius:var(--radius-xl);background:linear-gradient(90deg, var(--bg-muted) 25%, #e8e6e1 50%, var(--bg-muted) 75%);background-size:200% 100%;height:420px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app{flex-direction:column;width:100%;min-height:100dvh;display:flex}.site-main{flex:1;width:100%;min-width:0}