@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700;800&family=Noto+Kufi+Arabic:wght@500;600;700;800;900&display=swap";:root{--teal:#099184;--teal-dark:#057167;--magenta:#c92769;--ink:#182326;--muted:#687477;--line:#dfe7e6;--soft:#f4f8f8;--surface:#fff;--shadow:0 18px 48px #1823261f;--radius:8px;--font-ui:"IBM Plex Sans Arabic", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Noto Kufi Arabic", "IBM Plex Sans Arabic", "Segoe UI", system-ui, sans-serif;font-family:var(--font-ui);color:var(--ink);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;font-family:var(--font-ui);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:linear-gradient(#fff 0% 44%,#f5fbfa 100%);margin:0;font-weight:500}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-float{0%{transform:scale(1.01)translate(0,0)}to{transform:scale(1.045)translateY(-10px)}}@keyframes badge-pop{0%{opacity:0;transform:scale(.78)}70%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes toast-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes check-pop{0%{opacity:0;transform:scale(.65)rotate(-12deg)}70%{opacity:1;transform:scale(1.08)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes route-in{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.992)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes hero-sweep{0%{transform:translate(60%)skew(-16deg)}to{transform:translate(-180%)skew(-16deg)}}@keyframes glint-drift{0%{opacity:0;transform:translateY(14px)rotate(28deg)scale(.75)}18%,70%{opacity:1}to{opacity:0;transform:translate(-34px,-42px)rotate(28deg)scale(1)}}@keyframes icon-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.06)}}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,.section-title span,.panel-title,.category-chips button,.primary-button,.secondary-button,.quick-add,.cart-button,.desktop-nav a,.desktop-nav button,.mobile-nav button,.mobile-nav a{font-family:var(--font-display)}.app{min-height:100vh;padding-bottom:0}.announcement-bar{color:#ffffffc7;background:#101b1e;justify-content:center;gap:clamp(16px,4vw,42px);min-height:38px;padding:8px 18px;font-size:13px;display:flex}.announcement-bar strong{color:#fff}.route-stage{transform-origin:50% 0;animation:.52s cubic-bezier(.2,.78,.2,1) both route-in}.motion-reveal{--reveal-y:34px;--reveal-scale:.985;opacity:0;filter:blur(8px);transition:opacity .72s cubic-bezier(.2,.78,.2,1),transform .72s cubic-bezier(.2,.78,.2,1),filter .72s cubic-bezier(.2,.78,.2,1);transition-delay:calc(var(--reveal-i,0) * 36ms);will-change:opacity, transform, filter}.motion-reveal:not(.product-card):not(.route-card):not(.info-card):not(.contact-card):not(.hero-media){transform:translateY(var(--reveal-y)) scale(var(--reveal-scale))}.motion-reveal.is-visible{--reveal-y:0px;--reveal-scale:1;opacity:1;filter:blur()}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #09918429;grid-template-columns:auto auto 1fr minmax(240px,360px) auto;align-items:center;gap:18px;min-height:74px;padding:10px clamp(18px,4vw,54px);transition:box-shadow .22s,border-color .22s,background .22s;display:grid;position:sticky;top:0}.site-header.scrolled{background:#fffffff7;border-bottom-color:#09918438;box-shadow:0 12px 30px #18232614}.brand{border-radius:var(--radius);background:#fff;border:1px solid #dfe7e6b8;align-items:center;padding:4px 10px;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.brand:hover{border-color:#09918438;transform:translateY(-1px);box-shadow:0 10px 24px #18232614}.brand img{object-fit:contain;width:174px;max-height:52px;display:block}.desktop-nav{align-items:center;gap:6px;display:flex}.desktop-nav a,.desktop-nav button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:color .18s,background .18s,transform .18s;position:relative}.desktop-nav a:after,.desktop-nav button:after{content:"";inset-inline:14px;background:linear-gradient(90deg, var(--magenta), var(--teal));opacity:0;transform-origin:50%;border-radius:999px;height:2px;transition:opacity .22s,transform .22s;position:absolute;bottom:5px;transform:scaleX(.2)}.desktop-nav .active,.desktop-nav a:hover,.desktop-nav button:hover{color:var(--teal-dark);background:#edf8f7;transform:translateY(-1px)}.desktop-nav .active:after,.desktop-nav a:hover:after,.desktop-nav button:hover:after{opacity:1;transform:scaleX(1)}.search-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:10px;min-width:0;height:44px;padding:0 13px;display:flex}.search-box svg{color:var(--teal);flex:none}.search-box input,.filters input,.filters select{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none}.header-actions{align-items:center;gap:8px;display:flex}.icon-button,.cart-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:42px;color:var(--ink);justify-content:center;align-items:center;gap:8px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s;display:inline-flex;position:relative}.icon-button{width:42px}.cart-button{padding:0 14px}.icon-button:hover,.cart-button:hover{color:var(--teal-dark);background:#f3fbfa;border-color:#09918447;transform:translateY(-1px);box-shadow:0 10px 20px #18232612}.cart-button b{background:var(--magenta);color:#fff;min-width:19px;height:19px;font-size:11px;font-family:var(--font-display);border-radius:999px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.favorite-header-button.active{color:var(--magenta);background:#fff0f6;border-color:#c9276947}.favorite-header-button b{inset-inline-start:-6px;background:var(--magenta);color:#fff;min-width:19px;height:19px;font-size:11px;font-family:var(--font-display);border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:inline-flex;position:absolute;top:-6px;box-shadow:0 6px 16px #c927693d}.mobile-only{display:none}.mobile-menu-panel{border-radius:var(--radius);background:#fffffffa;border:1px solid #09918424;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;display:none;box-shadow:0 18px 34px #1823261c}.mobile-menu-panel button{border:1px solid var(--line);border-radius:var(--radius);min-height:42px;color:var(--muted);text-align:start;background:#fff;justify-content:flex-start;align-items:center;gap:8px;padding:0 12px;font-weight:800;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.mobile-menu-panel button svg{color:var(--teal);flex:none}.mobile-menu-panel button.active{color:var(--teal-dark);background:linear-gradient(135deg,#fff0f6,#eefbf9);border-color:#c9276938;box-shadow:0 10px 22px #18232614}.mobile-menu-panel button.active svg{color:var(--magenta)}.mobile-menu-panel button:hover{color:var(--teal-dark);border-color:#0991843d;transform:translateY(-1px)}.hero{grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);align-items:center;gap:clamp(26px,5vw,76px);min-height:min(720px,100vh - 74px);padding:clamp(22px,4vw,52px) clamp(18px,6vw,86px) clamp(28px,5vw,66px);display:grid}.hero-copy{max-width:560px;animation:.68s cubic-bezier(.2,.78,.2,1) both fade-up}.hero h1{font-family:var(--font-display);letter-spacing:0;margin:0 0 16px;font-size:clamp(40px,6.2vw,76px);font-weight:900;line-height:1.22}.hero p{color:#405054;margin:0;font-size:clamp(17px,2vw,22px);font-weight:500;line-height:2}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-button,.secondary-button,.quick-add{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-weight:700;line-height:1.3;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex;position:relative;overflow:hidden}.primary-button:after,.quick-add:after{content:"";background:linear-gradient(90deg,#0000,#ffffff57,#0000);width:42%;transition:inset-inline-start .52s;position:absolute;inset-block:-45%;inset-inline-start:-65%;transform:skew(-18deg)}.primary-button:hover:after,.quick-add:hover:after{inset-inline-start:125%}.primary-button:disabled,.secondary-button:disabled,.quick-add:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}a.icon-button{text-decoration:none}.primary-button{background:var(--teal);color:#fff;box-shadow:0 10px 24px #09918438}.secondary-button{color:var(--teal-dark);border-color:var(--line);background:#fff}.primary-button:hover,.secondary-button:hover,.quick-add:hover{transform:translateY(-1px)}.full{width:100%}.hero-media{border-radius:var(--radius);min-height:460px;box-shadow:var(--shadow);transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--reveal-y,0px)) scale(var(--reveal-scale,1));transform-style:preserve-3d;background:#063f3c;transition:transform .22s,box-shadow .22s;animation:none;position:relative;overflow:hidden}.hero-media:before,.hero-media:after{content:"";pointer-events:none;z-index:2;position:absolute}.hero-media:before{background:linear-gradient(90deg,#0000,#ffffff3d,#0000);width:32%;animation:4.8s ease-in-out .9s infinite hero-sweep;inset-block:-20%;inset-inline-start:48%}.hero-media:after{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff29, transparent 32%), linear-gradient(135deg, #fff3, transparent 34%, #09918429);opacity:.72;mix-blend-mode:screen;inset:0}.hero-media:hover{--rx:1.1deg;--ry:-1.4deg;box-shadow:0 28px 70px #1823262e}.hero-media img{z-index:1;object-fit:cover;transform-origin:50%;width:100%;height:100%;min-height:460px;animation:7s ease-in-out infinite alternate soft-float;display:block;position:relative}.hero-glint{pointer-events:none;z-index:4;background:#ffffff73;border:1px solid #ffffffe6;width:10px;height:10px;animation:4.2s ease-in-out infinite glint-drift;position:absolute;transform:rotate(28deg);box-shadow:0 0 16px #ffffff5c}.glint-a{inset-inline-start:24%;top:19%}.glint-b{inset-inline-start:63%;animation-delay:1.1s;top:29%}.glint-c{inset-inline-start:78%;animation-delay:2.15s;top:63%}.hero-panel{z-index:5;inset-inline-start:24px;border-radius:var(--radius);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08222294;border:1px solid #ffffff42;gap:4px;width:min(280px,100% - 48px);padding:18px;animation:.76s cubic-bezier(.2,.78,.2,1) .32s both fade-up;display:grid;position:absolute;bottom:24px}.hero-panel strong{font-family:var(--font-display);font-size:24px;font-weight:800}.trust-strip,.section,.workspace,.checkout-preview{width:min(1420px,100% - 36px);margin-inline:auto}.trust-strip{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:34px;display:grid}.trust-strip div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:62px;color:var(--teal-dark);font-family:var(--font-display);animation:.52s cubic-bezier(.2,.78,.2,1) both fade-up;animation-delay:calc(var(--i,0) * 70ms);justify-content:center;align-items:center;gap:10px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.trust-strip div:hover{border-color:#09918447;transform:translateY(-2px);box-shadow:0 14px 28px #18232614}.collection-showcase,.category-explorer,.about-preview,.faq-section{width:min(1420px,100% - 36px);margin:46px auto 0}.collection-grid{grid-template-columns:1.15fr .9fr .9fr;gap:14px;display:grid}.collection-card{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius);color:#fff;text-align:start;background:#102425;align-content:end;min-height:260px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #1823261a}.collection-card img{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .52s;position:absolute;inset:0}.category-explorer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.category-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#09918414,#0000 42%),#fff;gap:12px;padding:16px;display:grid;box-shadow:0 14px 32px #18232612}.category-panel-head{color:var(--ink);text-align:start;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0;display:grid}.category-panel-head svg{color:var(--magenta)}.category-panel-head span{font-family:var(--font-display);font-weight:900}.category-panel-head b{color:var(--teal-dark);font-size:12px}.category-panel div{flex-wrap:wrap;gap:8px;display:flex}.category-panel div button,.subcategory-rail button,.mini-action{border:1px solid var(--line);min-height:34px;color:var(--teal-dark);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.subcategory-rail{flex-wrap:wrap;gap:8px;margin:12px 0 18px;display:flex}.subcategory-rail button.active{color:var(--magenta);background:#fff0f6;border-color:#c927693d}.collection-card:after{content:"";z-index:-1;background:linear-gradient(#0000 18%,#041516c7);position:absolute;inset:0}.collection-card:hover img{transform:scale(1.06)}.collection-card span{color:#fff;width:max-content;font-family:var(--font-display);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.collection-card strong{font-family:var(--font-display);margin-top:9px;font-size:clamp(20px,3vw,30px);line-height:1.35}.collection-card svg{margin-top:12px}.about-preview{border:1px solid var(--line);border-radius:var(--radius);background:#f5fbfa;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:clamp(20px,4vw,34px);display:grid}.about-preview h2,.about-preview p{margin:0}.about-preview p{color:var(--muted);margin-top:8px;line-height:1.9}.about-layout{grid-template-columns:minmax(0,1fr) 420px;gap:18px;width:min(1420px,100% - 36px);margin:0 auto 44px;display:grid}.about-layout>div,.about-points{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:clamp(20px,4vw,34px);box-shadow:0 10px 32px #1823260f}.about-layout h2,.about-layout p{margin:0}.about-layout p{color:var(--muted);margin:12px 0 22px;line-height:1.95}.about-points{gap:12px;display:grid}.about-points span{color:var(--teal-dark);align-items:center;gap:8px;font-weight:800;display:flex}.faq-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.faq-grid details{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px}.faq-grid summary{cursor:pointer;color:var(--ink);font-family:var(--font-display);font-weight:800}.faq-grid p{color:var(--muted);margin:10px 0 0;line-height:1.8}.page-shell{padding:28px 0 0}.page-shell .workspace{margin-top:0}.page-intro,.route-cards,.info-grid,.contact-grid{width:min(1420px,100% - 36px);margin-inline:auto}.page-intro{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;margin-bottom:28px;padding:22px 0 28px;animation:.56s cubic-bezier(.2,.78,.2,1) both fade-up;display:grid}.page-intro h1{margin:0;font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1.25}.page-intro p{max-width:760px;color:var(--muted);margin:10px 0 0;font-size:18px;line-height:1.9}.page-intro>span{color:var(--teal-dark);font-family:var(--font-display);background:#f1fbfa;border:1px solid #0991842e;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800}.route-cards,.info-grid,.contact-grid{gap:14px;display:grid}.route-cards{grid-template-columns:repeat(3,1fr);margin-top:26px;margin-bottom:44px}.route-card,.info-card,.contact-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);animation:none;animation-delay:calc(var(--i,0) * 70ms);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(calc(var(--reveal-y,0px) + var(--lift,0px))) scale(var(--reveal-scale,1));transform-style:preserve-3d;position:relative;overflow:hidden;box-shadow:0 10px 32px #1823260f}.route-card:before,.info-card:before,.contact-card:before{content:"";pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #0991841f, transparent 36%);opacity:0;transition:opacity .22s;position:absolute;inset:0}.route-card{min-height:118px;color:var(--ink);text-align:start;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.route-card:hover{--rx:1deg;--ry:-1.2deg;--lift:-4px;border-color:#09918452;box-shadow:0 18px 38px #1823261a}.route-card:hover:before,.info-card:hover:before,.contact-card:hover:before{opacity:1}.route-card svg{color:var(--teal);animation:3.6s ease-in-out infinite icon-breathe}.route-card strong{font-family:var(--font-display);font-size:18px}.route-card span{color:var(--muted);grid-column:2/-1;line-height:1.7}.info-grid,.contact-grid{grid-template-columns:repeat(4,1fr);margin-bottom:34px}.contact-grid{grid-template-columns:repeat(3,1fr)}.info-card,.contact-card{align-content:start;gap:10px;min-height:206px;padding:22px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid}.info-card:hover,.contact-card:hover{--rx:1deg;--ry:-1.2deg;--lift:-4px;border-color:#0991844d;box-shadow:0 18px 38px #1823261a}.info-card svg,.contact-card svg{color:var(--teal)}.info-card h2,.contact-card h2{margin:0;font-size:22px}.info-card p,.contact-card p{color:var(--muted);margin:0;line-height:1.85}.section{margin-top:46px}.section-title{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;animation:.56s cubic-bezier(.2,.78,.2,1) both fade-up;display:flex}.section-title h2{margin:0;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.35}.section-title span{color:var(--muted);font-size:13px;font-weight:700}.featured-section{margin-top:54px}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.featured-grid .product-card{min-width:0}.workspace{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:22px;margin-top:56px;display:grid}.filters,.admin-sidebar,.import-panel,.admin-table-wrap,.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 10px 32px #1823260f}.admin-filterbar{grid-template-columns:minmax(240px,1fr) 220px;gap:12px;margin-bottom:14px;display:grid}.admin-filterbar label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.admin-filterbar input,.admin-filterbar select{border:1px solid var(--line);border-radius:var(--radius);min-height:42px;color:var(--ink);font:inherit;background:#fff;padding:0 12px}.status-history{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.5;display:block}.order-items-cell{gap:8px;min-width:220px;display:grid}.order-items-cell>div{gap:4px;display:grid}.order-items-cell strong{font-size:12px}.filters{gap:16px;padding:16px;animation:.56s cubic-bezier(.2,.78,.2,1) 60ms both fade-up;display:grid;position:sticky;top:92px}.panel-title{color:var(--teal-dark);align-items:center;gap:8px;font-weight:800;display:flex}.filters label{color:var(--muted);gap:8px;font-size:13px;font-weight:700;display:grid}.filters input,.filters select{border:1px solid var(--line);border-radius:var(--radius);height:42px;color:var(--ink);background:#fff;padding:0 10px}.catalog-area{gap:16px;min-width:0;display:grid}.catalog-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);align-items:end;gap:18px;padding:18px;animation:.56s cubic-bezier(.2,.78,.2,1) .12s both fade-up;display:grid;box-shadow:0 10px 32px #1823260d}.catalog-toolbar h2,.catalog-toolbar p{margin:0}.catalog-toolbar h2{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.35}.catalog-toolbar p{color:var(--muted);margin-top:8px;line-height:1.9}.category-chips{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.category-chips button{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#fff;border-radius:999px;padding:0 14px;font-weight:800;transition:transform .16s,border-color .16s,background .16s,color .16s}.category-chips button.active,.category-chips button:hover{color:var(--teal-dark);background:#e8f7f5;border-color:#09918447;transform:translateY(-1px)}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:18px;display:grid}.product-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;animation:none;animation-delay:calc(var(--i,0) * 42ms);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(calc(var(--reveal-y,0px) + var(--lift,0px))) scale(var(--reveal-scale,1));transform-style:preserve-3d;will-change:transform;transition:transform .26s,box-shadow .24s,border-color .24s;position:relative;overflow:hidden}.product-card:before,.product-card:after{content:"";pointer-events:none;z-index:1;opacity:0;transition:opacity .24s;position:absolute;inset:0}.product-card:before{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffffad, transparent 30%);mix-blend-mode:screen}.product-card:after{background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:40%;transition:inset-inline-start .58s,opacity .18s;inset-inline-start:105%;transform:skew(-18deg)}.product-card:hover{--rx:1.1deg;--ry:-1.5deg;--lift:-8px;border-color:#0991846b;box-shadow:0 22px 42px #18232621}.product-card:hover:before{opacity:1}.product-card:hover:after{opacity:1;inset-inline-start:-45%}.product-card img{z-index:0;aspect-ratio:1;object-fit:cover;background:#f1f5f5;width:100%;transition:transform .42s;display:block;position:relative}.product-card:hover>img{transform:scale(1.045)}.favorite{inset-inline-end:10px;z-index:3;width:36px;height:36px;color:var(--magenta);background:#ffffffdb;border:1px solid #ffffffa6;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;position:absolute;top:10px}.favorite:hover{background:#fff;transform:scale(1.06);box-shadow:0 10px 20px #1823261f}.favorite.active{background:var(--magenta);color:#fff;border-color:#c927694d;box-shadow:0 12px 24px #c927693d}.favorite.active:hover{background:#b91d5b}.sale-badge{inset-inline-start:10px;z-index:3;background:var(--magenta);color:#fff;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;animation:.42s cubic-bezier(.2,.78,.2,1) .12s both badge-pop;display:inline-flex;position:absolute;top:10px}.product-info{z-index:2;align-content:start;gap:9px;padding:14px;display:grid;position:relative}.product-meta-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.product-category,.sku{color:var(--teal-dark);font-size:12px;font-family:var(--font-display);font-weight:800}.product-category{width:max-content;max-width:100%;min-height:28px;color:var(--teal-dark);background:linear-gradient(#f8fffe,#eef9f8);border:1px solid #09918429;border-radius:999px;justify-self:start;align-items:center;padding:0 10px;font-size:11px;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffffd1}.rating-pill,.product-rating span{color:#a46a00;font-size:12px;font-family:var(--font-display);align-items:center;gap:4px;font-weight:900;display:inline-flex}.rating-pill svg,.product-rating svg{fill:currentColor}.product-info h3{min-height:28px;margin:0;font-size:17px;font-weight:700;line-height:1.5}.product-info p{min-height:44px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:500;line-height:1.85;display:-webkit-box;overflow:hidden}.price-row{align-items:center;gap:8px;display:flex}.price-row strong{color:var(--magenta);font-family:var(--font-display);font-size:19px;font-weight:800}.price-row del{color:#97a2a4;font-size:13px;font-weight:500}.stock-note{color:var(--teal-dark);font-size:12px;font-family:var(--font-display);font-weight:900}.stock-note.low{color:#a35a00}.product-card-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.product-card-actions .mini-action{border-radius:var(--radius);min-height:36px;color:var(--muted);justify-content:center}.product-card-actions .mini-action:hover{color:var(--teal-dark);background:#f3fbfa;border-color:#09918442}.product-page{width:min(1240px,100% - 36px);margin:0 auto;padding:26px 0 70px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;font-weight:500;animation:.5s cubic-bezier(.2,.78,.2,1) both fade-up;display:flex}.breadcrumbs button{color:var(--teal-dark);font-family:var(--font-display);background:0 0;border:0;padding:0;font-weight:800}.breadcrumbs strong{color:var(--ink)}.product-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:24px;animation:.62s cubic-bezier(.2,.78,.2,1) 80ms both fade-up;display:grid}.product-gallery,.product-buybox,.product-info-band,.product-not-found{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 10px 32px #1823260f}.product-gallery{gap:12px;padding:14px;display:grid}.main-product-image{border-radius:var(--radius);background:#f3f7f7;position:relative;overflow:hidden}.main-product-image img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .52s;display:block}.main-product-image:hover img{transform:scale(1.025)}.thumb-rail{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px;display:grid}.thumb-rail button{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.thumb-rail button.active{border-color:var(--teal);box-shadow:0 0 0 2px #0991841f}.thumb-rail button:hover{border-color:#0991845c;transform:translateY(-2px)}.thumb-rail img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.product-buybox{gap:16px;padding:clamp(18px,3vw,28px);display:grid;position:sticky;top:92px}.product-buybox h1{margin:0;font-size:clamp(32px,4.6vw,54px);font-weight:900;line-height:1.32}.product-buybox p{color:var(--muted);margin:0;font-size:17px;line-height:2}.product-rating{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.product-rating b,.product-rating small{background:var(--soft);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.product-page-price{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.product-page-price strong{color:var(--magenta);font-family:var(--font-display);font-size:32px;font-weight:900}.product-page-price del{color:#9aa5a7;font-size:18px}.product-facts{flex-wrap:wrap;gap:8px;display:flex}.product-facts span{background:var(--soft);color:var(--teal-dark);font-size:13px;font-family:var(--font-display);border-radius:999px;padding:8px 12px;font-weight:900}.product-options{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#0991840f,#0000 44%),#fff;gap:14px;padding:14px;display:grid}.option-head{color:var(--teal-dark);font-family:var(--font-display);align-items:center;gap:8px;font-weight:900;display:flex}.option-group{gap:8px;display:grid}.option-group>span{color:var(--muted);font-size:13px;font-weight:800}.option-pills{flex-wrap:wrap;gap:8px;display:flex}.option-pills button,.order-mode-toggle button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-weight:900;display:inline-flex}.option-pills button.active,.order-mode-toggle button.active{color:var(--teal-dark);background:#eaf8f7;border-color:#09918452}.option-pills i{background:var(--swatch);border:1px solid #1823262e;border-radius:999px;width:14px;height:14px;box-shadow:inset 0 0 0 2px #ffffff8c}.custom-order-box,.custom-fields{gap:10px;display:grid}.order-mode-toggle{flex-wrap:wrap;gap:8px;display:flex}.custom-fields label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.custom-fields select,.custom-fields textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);font:inherit;background:#fff;padding:10px 12px}.custom-fields p{color:#a35a00;margin:0;font-size:12px;line-height:1.7}.product-actions{grid-template-columns:1.2fr .8fr;gap:10px;display:grid}.product-favorite-button.active{color:var(--magenta);background:#fff0f6;border-color:#c9276947;box-shadow:0 10px 22px #c9276914}.service-promises{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.service-promises div{border:1px solid var(--line);border-radius:var(--radius);min-height:46px;color:var(--teal-dark);font-size:12px;font-family:var(--font-display);justify-content:center;align-items:center;gap:6px;font-weight:900;transition:transform .18s,background .18s,border-color .18s;display:flex}.service-promises div:hover{background:#f4fbfa;border-color:#0991843d;transform:translateY(-1px)}.product-info-band{grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;padding:22px;animation:.62s cubic-bezier(.2,.78,.2,1) .18s both fade-up;display:grid}.product-info-band h2,.product-info-band p{margin:0}.product-info-band p{color:var(--muted);margin-top:8px;line-height:1.95}.product-related{width:100%}.product-related .product-card{cursor:pointer}.product-not-found{text-align:center;place-items:center;gap:12px;min-height:420px;padding:28px;display:grid}.product-not-found h1,.product-not-found p{margin:0}.quick-add{color:#fff;background:#101b1e;width:100%;min-height:40px}.quick-add:hover{background:#0a2f32;box-shadow:0 12px 22px #101b1e2e}.view-product-mobile{border-radius:var(--radius);width:100%;min-height:38px;color:var(--teal-dark);font-family:var(--font-display);background:#f3fbfa;border:1px solid #09918438;font-weight:900;display:none}.product-card.compact{scroll-snap-align:start}.product-card.compact p{display:none}.checkout-preview{border-radius:var(--radius);color:#fff;background:#102425;grid-template-columns:1fr auto auto;align-items:center;gap:22px;margin-top:64px;margin-bottom:70px;padding:clamp(20px,4vw,34px);animation:.64s cubic-bezier(.2,.78,.2,1) both fade-up;display:grid}.checkout-preview h2,.checkout-preview p{margin:0}.checkout-preview p{color:#ffffffb8;margin-top:8px;line-height:1.9}.steps{grid-template-columns:repeat(4,minmax(86px,1fr));gap:10px;display:grid}.steps div{border-radius:var(--radius);border:1px solid #ffffff2e;place-items:center;gap:8px;min-height:84px;transition:transform .18s,border-color .18s,background .18s;display:grid}.steps div:hover{background:#ffffff0d;border-color:#ffffff57;transform:translateY(-2px)}.checkout-total{border-radius:var(--radius);min-width:160px;color:var(--ink);background:#fff;gap:4px;padding:16px;display:grid}.checkout-total strong{color:var(--magenta);font-family:var(--font-display);font-size:24px;font-weight:800}.checkout-page{width:min(1240px,100% - 36px);margin:0 auto;padding:38px 0 70px}.checkout-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;animation:.54s cubic-bezier(.2,.78,.2,1) both fade-up;display:flex}.checkout-head h1,.checkout-head p{margin:0}.checkout-steps{grid-template-columns:repeat(4,1fr);gap:10px;width:min(1240px,100% - 36px);margin:0 auto 18px;display:grid}.checkout-steps div{border:1px solid var(--line);border-radius:var(--radius);min-height:48px;color:var(--muted);font-family:var(--font-display);background:#fff;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.checkout-steps div.active{color:var(--teal-dark);background:#eefaf8;border-color:#09918442}.checkout-head h1{font-size:clamp(32px,5vw,54px);font-weight:900;line-height:1.3}.checkout-head p{color:var(--muted);margin-top:8px;font-size:17px;line-height:1.9}.checkout-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:18px;display:grid}.checkout-form,.order-summary,.order-success,.login-card,.store-footer{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 10px 32px #1823260f}.checkout-form,.order-summary{padding:18px;animation:.58s cubic-bezier(.2,.78,.2,1) 80ms both fade-up}.checkout-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.checkout-options button{border:1px solid var(--line);border-radius:var(--radius);min-height:112px;color:var(--ink);text-align:start;background:#fff;gap:6px;padding:14px;display:grid}.checkout-options button svg{color:var(--teal)}.checkout-options button strong{font-family:var(--font-display)}.checkout-options button span{color:var(--muted);font-size:12px;line-height:1.7}.checkout-options button.active{background:linear-gradient(135deg,#edf9f8,#fff);border-color:#09918452;box-shadow:inset 0 0 0 1px #09918414}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label,.login-card label{color:var(--muted);font-size:13px;font-family:var(--font-display);gap:8px;font-weight:800;display:grid}.form-grid input,.form-grid select,.form-grid textarea,.login-card input{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:#fff;outline:none;padding:11px 12px;transition:border-color .16s,box-shadow .16s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.login-card input:focus,.search-box:focus-within{border-color:#09918473;box-shadow:0 0 0 3px #0991841a}.form-grid textarea{resize:vertical}.form-grid .wide{grid-column:1/-1}.order-summary{gap:14px;display:grid;position:sticky;top:92px}.summary-items{gap:10px;max-height:360px;display:grid;overflow:auto}.summary-item{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:74px 1fr;align-items:center;gap:10px;padding:9px;display:grid}.summary-item img{object-fit:cover;border-radius:8px;width:74px;height:74px}.summary-item>div{gap:6px;display:grid}.summary-item span{color:var(--magenta);font-family:var(--font-display);font-weight:800}.selected-options{flex-wrap:wrap;gap:5px;display:flex}.selected-options small{background:var(--soft);color:var(--muted);border-radius:999px;padding:4px 7px;font-size:10.5px;font-weight:800;line-height:1.4}.totals{border-top:1px solid var(--line);gap:10px;padding-top:12px;display:grid}.totals div{color:var(--muted);justify-content:space-between;align-items:center;font-weight:500;display:flex}.totals b{color:var(--ink)}.totals .grand{border-top:1px solid var(--line);color:var(--ink);font-size:18px;font-family:var(--font-display);padding-top:10px}.totals .grand b{color:var(--magenta);font-size:24px;font-weight:900}.order-success{text-align:center;place-items:center;gap:12px;min-height:520px;padding:36px;display:grid}.order-success svg{color:var(--teal);animation:.62s cubic-bezier(.2,.78,.2,1) both check-pop}.order-success h1,.order-success p{margin:0}.order-success h1{font-weight:900;line-height:1.35}.admin-login{background:radial-gradient(circle at 18% 20%,#c927691f,#0000 28%),radial-gradient(circle at 85% 10%,#09918429,#0000 30%),#f7fbfb;place-items:center;min-height:100vh;padding:22px;display:grid}.login-card{text-align:center;gap:14px;width:min(420px,100%);padding:28px;display:grid}.login-card img{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:220px;margin:0 auto;padding:8px 12px}.login-card svg{color:var(--teal);margin:0 auto}.login-card h1,.login-card p{margin:0}.login-card p{color:var(--muted);line-height:1.9}.login-card label{text-align:start}.form-error{color:#b42318;font-size:13px;font-weight:800}.admin-shell{background:#f5f8f9;grid-template-columns:260px minmax(0,1fr);gap:18px;min-height:calc(100vh - 74px);padding:22px clamp(16px,3vw,34px) 34px;display:grid}.admin-sidebar{flex-direction:column;gap:8px;height:calc(100vh - 118px);padding:16px;display:flex;position:sticky;top:96px}.admin-sidebar img{border-radius:var(--radius);background:#fff;border:1px solid #dfe7e6b8;width:178px;margin:0 auto 14px;padding:6px 10px}.admin-sidebar button{border-radius:var(--radius);min-height:42px;color:var(--muted);text-align:start;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;display:flex}.admin-sidebar button.active,.admin-sidebar button:hover{color:var(--teal-dark);background:#e8f5f4}.admin-content{gap:18px;display:grid}.admin-topbar{justify-content:space-between;align-items:center;gap:16px;min-height:92px;display:flex}.admin-topbar h1,.admin-topbar p{margin:0}.admin-topbar p{color:var(--muted);margin-top:8px}.admin-actions{gap:10px;display:flex}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{gap:8px;min-height:126px;padding:18px;display:grid}.stat-card svg{color:var(--teal)}.stat-card span{color:var(--muted);font-size:13px;font-weight:800}.stat-card strong{font-size:34px}.admin-overview{gap:18px;display:grid}.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.analytics-grid div,.compact-admin-list div{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.analytics-grid div{gap:8px;min-height:104px;padding:16px;display:grid}.analytics-grid span,.compact-admin-list span{color:var(--muted);font-size:12px;font-weight:800}.analytics-grid strong{color:var(--teal-dark);font-size:24px;font-family:var(--font-display)}.compact-admin-list{gap:9px;display:grid}.compact-admin-list div{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px;display:grid}.compact-admin-list img{object-fit:cover;border-radius:8px;width:42px;height:42px}.compact-admin-list b{color:var(--magenta);font-family:var(--font-display)}.admin-main{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.admin-table-wrap,.import-panel{padding:16px}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:start;white-space:nowrap;padding:12px 10px}.admin-table th{color:var(--muted);font-size:12px}.admin-table td:first-child{align-items:center;gap:10px;min-width:210px;display:flex}.admin-table img{object-fit:cover;border-radius:8px;width:42px;height:42px}.product-manager{min-width:0}.product-filterbar{grid-template-columns:1fr}.product-manager-layout{grid-template-columns:minmax(220px,.85fr) minmax(0,1.35fr);align-items:start;gap:14px;display:grid}.product-picker-list{gap:8px;max-height:720px;padding-inline-end:4px;display:grid;overflow:auto}.product-picker-list button{border:1px solid var(--line);border-radius:var(--radius);min-height:62px;color:var(--ink);text-align:start;background:#fff;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.product-picker-list button.active,.product-picker-list button:hover{background:#eefaf8;border-color:#09918447}.product-picker-list img,.product-edit-head img{object-fit:cover;border-radius:8px}.product-picker-list img{width:46px;height:46px}.product-picker-list span{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.product-picker-list b{color:var(--magenta);font-size:12px;font-family:var(--font-display)}.product-edit-panel{border-radius:var(--radius);background:linear-gradient(#fff,#f8fcfc);border:1px solid #09918424;gap:14px;padding:14px;display:grid}.product-edit-head{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;display:grid}.product-edit-head img{width:92px;height:92px}.product-edit-head h2,.product-edit-head p{margin:0}.product-edit-head h2{font-size:22px;line-height:1.35}.product-edit-head span,.product-edit-head p,.product-edit-actions span{color:var(--muted);font-size:12px;font-weight:800}.product-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.product-edit-grid label{color:var(--muted);gap:7px;font-size:12px;font-weight:900;display:grid}.product-edit-grid input,.product-edit-grid textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;outline:none;padding:9px 11px}.product-edit-grid textarea{resize:vertical;line-height:1.7}.product-edit-grid .wide{grid-column:1/-1}.product-switches{margin-bottom:0}.product-edit-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.status{border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;display:inline-flex}.status.good{color:var(--teal-dark);background:#e8f7f5}.status.warn{color:#9a5a00;background:#fff1d6}.status-select{border:1px solid var(--line);min-width:138px;height:38px;color:var(--ink);background:#fff;border-radius:8px;padding:0 10px;font-weight:800}.admin-wide{grid-column:1/-1}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-grid label{color:var(--muted);gap:8px;font-size:13px;font-weight:800;display:grid}.settings-grid input,.settings-grid textarea{border:1px solid var(--line);border-radius:8px;outline:none;height:44px;padding:0 12px}.settings-grid textarea{resize:vertical;height:auto;padding-block:10px;line-height:1.7}.admin-settings-stack{gap:18px;display:grid}.settings-switches{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.settings-switches label{border:1px solid var(--line);min-height:40px;color:var(--teal-dark);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-weight:900;display:inline-flex}.settings-switches input{accent-color:var(--teal)}.settings-note{color:var(--muted);margin:16px 0 0;line-height:1.8}.upload-box{border-radius:var(--radius);background:var(--soft);text-align:center;border:1px dashed #09918473;place-items:center;gap:8px;min-height:178px;padding:18px;display:grid}.upload-box svg{color:var(--teal)}.upload-box span{color:var(--muted);line-height:1.7}.product-create-panel{gap:14px;display:grid}.product-create-form{gap:10px;display:grid}.product-create-form label{color:var(--muted);gap:7px;font-size:12px;font-weight:900;display:grid}.product-create-form input,.product-create-form textarea{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;outline:none;padding:9px 11px}.product-create-form textarea{resize:vertical;line-height:1.7}.excel-import-box{border-radius:var(--radius);text-align:center;background:linear-gradient(#f8fffe,#eefaf8);border:1px dashed #0991846b;place-items:center;gap:9px;padding:16px;display:grid}.excel-import-box svg{color:var(--teal)}.excel-import-box span,.import-message{color:var(--muted);font-size:12px;line-height:1.75}.file-import-button{border-radius:var(--radius);color:#fff;min-height:40px;font-family:var(--font-display);cursor:pointer;background:#101b1e;justify-content:center;align-items:center;padding:0 14px;font-weight:900;display:inline-flex;position:relative;overflow:hidden}.file-import-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-message{border-radius:var(--radius);color:var(--magenta);background:#fff0f6;margin:0;padding:10px 12px;font-weight:900}.import-list{gap:10px;margin-top:14px;display:grid}.import-list div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:42px;display:flex}.cart-layer{pointer-events:none;z-index:50;opacity:0;transition:opacity .18s;position:fixed;inset:0}.cart-layer.open{pointer-events:auto;opacity:1}.cart-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0712146b;border:0;position:absolute;inset:0}.cart-drawer{background:#fff;grid-template-rows:auto 1fr auto;width:min(430px,100%);transition:transform .26s cubic-bezier(.2,.78,.2,1);display:grid;position:absolute;inset-block:0;inset-inline-end:0;transform:translate(-110%);box-shadow:-24px 0 60px #0712142e}.cart-layer.open .cart-drawer{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px;display:flex}.drawer-head h2{margin:0}.cart-items{align-content:start;gap:12px;padding:16px;display:grid;overflow:auto}.cart-item{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:82px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.cart-item img{object-fit:cover;border-radius:8px;width:82px;height:82px}.cart-item div{gap:6px;display:grid}.cart-item span{color:var(--magenta);font-weight:800}.quantity{border:1px solid var(--line);border-radius:8px;grid-template-columns:32px 34px 32px;align-items:center;width:max-content;overflow:hidden;display:inline-grid!important}.quantity button{background:var(--soft);border:0;height:30px}.quantity b{text-align:center}.empty-cart{color:var(--muted);place-items:center;padding:30px;display:grid}.cart-footer{border-top:1px solid var(--line);gap:10px;padding:18px;display:grid}.cart-footer strong{color:var(--magenta);font-size:26px}.store-footer{grid-template-columns:1.2fr .8fr .8fr;gap:24px;width:min(1420px,100% - 36px);margin:0 auto 42px;padding:24px;display:grid}.store-footer img{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:190px;padding:6px 10px}.store-footer div{align-content:start;gap:9px;display:grid}.store-footer p{color:var(--muted);margin:0;line-height:1.9}.store-footer a{color:var(--muted);text-decoration:none}.store-footer a:hover{color:var(--teal-dark)}.mobile-nav{display:none}.whatsapp-float{inset-inline-end:20px;z-index:45;color:#fff;min-width:126px;height:50px;font-family:var(--font-display);background:linear-gradient(135deg,#2ade75,#1fb85e);border:1px solid #ffffff8c;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;position:fixed;bottom:92px;box-shadow:0 18px 34px #25d36657}.whatsapp-float svg{filter:drop-shadow(0 1px #0000001f);flex:none}.whatsapp-float:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 22px 42px #25d3666b}.toast{pointer-events:none;inset-inline-end:clamp(16px,4vw,38px);z-index:70;border-radius:var(--radius);width:min(360px,100% - 32px);color:var(--ink);opacity:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #09918433;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:13px 14px;transition:opacity .18s,transform .18s;display:grid;position:fixed;bottom:26px;transform:translateY(18px)scale(.98);box-shadow:0 20px 48px #18232629}.toast.show{opacity:1;animation:.28s cubic-bezier(.2,.78,.2,1) both toast-rise;transform:translate(0,0)scale(1)}.toast svg{color:var(--teal)}.toast div{gap:2px;min-width:0;display:grid}.toast strong,.toast span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast span{color:var(--muted);font-size:13px}@media (width<=1180px){.site-header{grid-template-columns:auto 1fr auto}.desktop-nav{display:none}.search-box{order:3;grid-column:1/-1}.mobile-only{display:inline-flex}.mobile-menu-panel{display:grid}.hero,.workspace,.admin-shell,.admin-main,.checkout-layout,.product-layout,.info-grid{grid-template-columns:1fr}.filters,.admin-sidebar{position:static}.filters{grid-template-columns:repeat(4,1fr)}.route-cards,.contact-grid,.collection-grid,.category-explorer-grid,.faq-grid,.about-layout,.about-preview{grid-template-columns:1fr}.featured-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-related .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-title{grid-column:1/-1}.admin-sidebar{flex-direction:row;height:auto;overflow-x:auto}.analytics-grid,.product-manager-layout{grid-template-columns:1fr}.product-picker-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px}.order-summary,.product-buybox{position:static}.admin-sidebar img{display:none}}@media (width<=820px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app{padding-bottom:68px}.site-header{gap:10px;min-height:68px;padding:8px 14px}.mobile-menu-panel{display:grid}.announcement-bar{text-align:center;gap:2px;font-size:12px;display:grid}.brand img{width:150px}.header-actions .icon-button,.cart-button span{display:none}.hero{gap:16px;min-height:auto;padding:18px 14px 28px}.hero-copy{max-width:none}.hero h1{margin-bottom:10px;font-size:48px}.hero p{font-size:16px;line-height:1.9}.hero-actions{grid-template-columns:1fr;gap:10px;margin-top:18px;display:grid}.hero-media,.hero-media img{min-height:300px}.collection-card{min-height:210px}.about-preview{align-items:start}.trust-strip{grid-template-columns:repeat(2,1fr)}.checkout-preview,.catalog-toolbar,.product-info-band,.product-actions,.checkout-options,.checkout-steps,.admin-filterbar,.page-intro{grid-template-columns:1fr}.workspace{gap:16px}.page-shell{padding-top:16px}.page-intro{align-items:start;padding-top:8px}.page-intro h1{font-size:38px}.category-chips{justify-content:flex-start}.service-promises{grid-template-columns:1fr}.catalog-grid,.product-related .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{border-radius:8px}.product-info{gap:7px;padding:11px}.product-category{min-height:25px;padding:0 8px;font-size:10px}.product-info h3{min-height:auto;font-size:14px;line-height:1.55}.product-info p{min-height:40px;font-size:11.5px;line-height:1.75}.price-row{flex-wrap:wrap;gap:4px 7px}.price-row strong{font-size:16px}.quick-add{min-height:38px;padding-inline:10px;font-size:12px}.steps,.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-topbar{display:grid}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-picker-list,.product-edit-grid,.product-edit-actions{grid-template-columns:1fr}.product-edit-actions{display:grid}.admin-table-wrap{overflow-x:auto}.mobile-nav{inset-inline:0;z-index:35;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;grid-template-columns:repeat(4,1fr);min-height:64px;display:grid;position:fixed;bottom:0;box-shadow:0 -10px 26px #18232614}.whatsapp-float{inset-inline-end:14px;border:3px solid #fff;width:52px;min-width:0;height:52px;padding:0;bottom:82px;box-shadow:0 16px 30px #25d3665c}.whatsapp-float span{display:none}.toast{inset-inline:12px;width:auto;bottom:78px}.mobile-nav button{color:var(--muted);background:0 0;border:0;place-items:center;gap:3px;font-size:11px;font-weight:800;display:grid}.mobile-nav svg{color:var(--teal)}.mobile-nav a{color:var(--muted);place-items:center;gap:3px;font-size:11px;font-weight:800;text-decoration:none;display:grid}.mobile-nav a svg{color:var(--teal)}.store-footer{gap:14px;margin-bottom:92px;padding:18px}.store-footer img{width:156px}.store-footer div{gap:7px}.store-footer p,.store-footer a,.store-footer span{font-size:13px;line-height:1.8}}@media (width<=520px){.announcement-bar{padding:6px 12px;line-height:1.55}.announcement-bar span:last-child{display:none}.site-header{grid-template-columns:42px 1fr 42px;gap:8px}.brand{justify-content:center;padding:3px 8px}.brand img{width:136px;max-height:44px}.search-box{height:40px}.mobile-menu-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{text-align:center;font-size:40px}.hero p{text-align:center}.hero-media,.hero-media img{min-height:250px}.hero-panel{inset-inline:12px;width:auto;padding:12px;bottom:12px}.hero-panel strong{font-size:18px}.trust-strip,.filters,.steps,.stat-grid,.form-grid,.checkout-layout,.checkout-options,.checkout-steps,.admin-filterbar,.category-explorer-grid,.store-footer,.settings-grid{grid-template-columns:1fr}.checkout-head{display:grid}.order-summary{position:static}.featured-grid,.catalog-grid,.product-related .catalog-grid{grid-template-columns:1fr}.product-card{grid-template-columns:42% 1fr;min-height:184px;display:grid}.product-card img{aspect-ratio:auto;height:100%;min-height:184px}.product-card.compact{min-height:auto;display:block}.product-card.compact img{aspect-ratio:1;height:auto;min-height:0}.product-card.compact .product-info{padding:11px}.sale-badge{top:8px;min-height:24px;padding:0 8px;font-size:10px;inset-inline-start:8px}.favorite{top:8px;width:32px;height:32px;inset-inline-end:8px}.product-card-actions{display:none}.product-related{margin-top:28px;padding-top:8px}.product-related .section-title{align-items:center;margin-bottom:12px}.product-related .section-title h2{font-size:24px}.product-related .view-product-mobile{justify-content:center;align-items:center;display:inline-flex}.product-related .product-card .quick-add,.product-related .product-card .stock-note{display:none}.product-meta-row{align-items:start}.rating-pill{font-size:11px}.admin-actions,.hero-actions{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=820px){html,body,#root,.app{max-width:100%;overflow-x:hidden}.app{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.announcement-bar{grid-template-columns:1fr;gap:3px;min-height:auto;padding:5px 12px;font-size:11.5px;line-height:1.55}.announcement-bar span{display:none}.site-header{grid-template-columns:42px minmax(0,1fr) auto;gap:8px;min-height:auto;padding:7px 12px 8px}.site-header>.brand{justify-self:center;width:min(198px,100%);min-width:0;padding:3px 8px}.site-header>.brand img{width:100%;max-width:154px;max-height:44px}.site-header>.header-actions{justify-self:end;gap:6px}.site-header>.header-actions>a.icon-button{display:none}.site-header .favorite-header-button{width:40px;height:40px;display:inline-flex}.site-header .cart-button{width:40px;height:40px;padding:0;display:inline-flex}.site-header .cart-button b{inset-inline-start:-5px;position:absolute;top:-5px}.site-header>.search-box{display:none}.mobile-menu-panel{order:5;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px;padding:8px}.mobile-menu-panel button{min-width:0;min-height:48px;padding-inline:10px;font-size:12.5px;line-height:1.35}.page-shell,.product-page,.checkout-page{width:100%;padding-top:12px}.page-intro,.about-layout,.route-cards,.info-grid,.contact-grid,.trust-strip,.section,.workspace,.checkout-preview,.collection-showcase,.category-explorer,.about-preview,.faq-section,.product-page,.checkout-head,.checkout-steps,.checkout-layout,.store-footer{width:calc(100% - 24px);margin-inline:auto}.page-intro{align-items:start;gap:12px;margin-bottom:18px;padding:8px 0 16px;display:grid}.page-intro h1{font-size:32px;line-height:1.28}.page-intro p{max-width:none;margin-top:8px;font-size:14px;line-height:1.85}.page-intro>span{justify-self:start;padding:8px 11px;font-size:11.5px}.about-layout{gap:12px;margin-bottom:28px}.about-layout>div,.about-points,.contact-card,.info-card{border-radius:8px;padding:16px}.about-layout h2{font-size:22px;line-height:1.45}.about-layout p{margin:8px 0 14px;font-size:14px;line-height:1.9}.about-points span{align-items:flex-start;gap:8px;font-size:13px;line-height:1.7}.about-points svg{flex:none;margin-top:3px}.store-footer{margin-top:24px;margin-bottom:calc(86px + env(safe-area-inset-bottom,0px));text-align:center;gap:16px;padding:18px}.store-footer div{justify-items:center;gap:7px;min-width:0}.store-footer img{width:min(168px,100%)}.store-footer p,.store-footer a,.store-footer span{overflow-wrap:anywhere;max-width:100%;font-size:13px;line-height:1.8}.mobile-nav{min-height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav button{min-width:0;padding:6px 2px;line-height:1.25}.whatsapp-float{inset-inline-end:12px;bottom:calc(78px + env(safe-area-inset-bottom,0px));border-width:2px;width:44px;height:44px}.whatsapp-float svg{width:19px;height:19px}}@media (width<=420px){.site-header{padding-inline:10px}.site-header>.brand{width:min(176px,100%)}.page-intro h1{font-size:29px}.mobile-nav button{font-size:10.5px}}