*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:var(--font);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1240px,calc(100% - 34px));margin-inline:auto}.announcement{background:var(--primary);color:#fff;font-size:.86rem}.announcement .container{min-height:38px;display:flex;align-items:center;justify-content:center;gap:22px}.announcement strong{color:var(--accent)}.site-header{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent)}.header-row{min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-weight:950;font-size:1.18rem;white-space:nowrap}.brand img{width:46px;height:46px;object-fit:contain;border-radius:13px}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 30%,transparent)}.main-nav{display:flex;justify-content:center;align-items:center;gap:28px;font-weight:750;font-size:.96rem}.main-nav a{position:relative;padding:27px 0}.main-nav a:after{content:"";position:absolute;inset:auto 0 18px;height:2px;background:var(--primary);transform:scaleX(0);transition:.2s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn,.currency-select,.lang-link{height:42px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);background:var(--surface);border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-weight:800;cursor:pointer}.icon-btn{min-width:42px}.cart-link{position:relative}.cart-link .count{position:absolute;top:-6px;inset-inline-end:-6px;background:var(--accent);color:#111827;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-size:.7rem;border:2px solid var(--surface)}.currency-select{padding-inline:9px}.currency-select select{border:0;background:transparent;outline:0;color:inherit;font-weight:800;max-width:75px}.menu-toggle{display:none}.alert{margin-top:16px;padding:13px 16px;border-radius:14px;border:1px solid}.alert.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.alert.error{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.hero{position:relative;overflow:hidden;padding:76px 0 52px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.28;pointer-events:none}.hero:before{width:430px;height:430px;background:var(--primary);top:-220px;inset-inline-start:-80px}.hero:after{width:420px;height:420px;background:var(--secondary);bottom:-220px;inset-inline-end:-80px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-weight:900;font-size:.82rem;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent)}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--secondary);box-shadow:0 0 0 5px color-mix(in srgb,var(--secondary) 15%,transparent)}.hero h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:1.03;letter-spacing:-.045em;margin:22px 0}.hero p{font-size:1.15rem;color:color-mix(in srgb,var(--text) 65%,transparent);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-proof{display:flex;align-items:center;gap:20px;margin-top:36px;color:color-mix(in srgb,var(--text) 65%,transparent);font-size:.9rem}.avatar-stack{display:flex}.avatar-stack span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--bg);margin-inline-start:-8px;font-size:.7rem;font-weight:900}.hero-visual{position:relative;min-height:540px}.hero-card{position:absolute;inset:30px 20px 30px 0;border-radius:calc(var(--radius) + 16px);background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 35%,#0f172a));box-shadow:var(--shadow);overflow:hidden;display:grid;place-items:center}.hero-card:before{content:"";position:absolute;width:370px;height:370px;border:1px solid rgba(255,255,255,.18);border-radius:50%;top:-100px;right:-80px;box-shadow:0 0 0 60px rgba(255,255,255,.05),0 0 0 120px rgba(255,255,255,.035)}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-monogram{font-size:10rem;color:rgba(255,255,255,.92);font-weight:950;letter-spacing:-.1em;z-index:1}.floating-note{position:absolute;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);box-shadow:0 22px 55px rgba(15,23,42,.16);border-radius:18px;padding:14px 18px;z-index:2}.floating-note.top{top:8px;inset-inline-start:-12px}.floating-note.bottom{bottom:8px;inset-inline-end:-8px}.floating-note strong{display:block;font-size:1.1rem}.floating-note small{color:color-mix(in srgb,var(--text) 60%,transparent)}.trust-strip{position:relative;z-index:2;margin-top:12px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius);box-shadow:0 18px 45px rgba(15,23,42,.06);overflow:hidden}.trust-item{padding:18px 22px;display:flex;align-items:center;gap:12px;border-inline-end:1px solid color-mix(in srgb,var(--text) 9%,transparent)}.trust-item:last-child{border:0}.trust-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:1.1rem}.trust-item strong{display:block;font-size:.9rem}.trust-item small{color:color-mix(in srgb,var(--text) 60%,transparent)}.section{padding:74px 0}.section.alt{background:color-mix(in srgb,var(--surface) 74%,var(--bg))}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-header .kicker{display:block;color:var(--primary);font-size:.78rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.section h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.15;margin:5px 0 0;letter-spacing:-.025em}.section-link{font-weight:900;color:var(--primary);display:flex;align-items:center;gap:6px}.muted{color:color-mix(in srgb,var(--text) 58%,transparent)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-card{position:relative;min-height:260px;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);box-shadow:0 16px 45px rgba(15,23,42,.06);transition:.25s}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,23,42,.82),rgba(15,23,42,.05) 65%)}.category-card.no-image{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),var(--surface))}.category-card .category-content{position:absolute;z-index:2;inset:auto 22px 20px}.category-card h3{color:#fff;margin:0;font-size:1.28rem}.category-card.no-image h3{color:var(--text)}.category-card p{display:none}.category-count{display:inline-flex;margin-top:7px;color:#fff;font-size:.83rem}.category-card.no-image .category-count{color:var(--primary)}.products-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:22px}.product-card{position:relative;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:var(--radius);overflow:hidden;transition:.28s;box-shadow:0 12px 35px rgba(15,23,42,.055)}.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.product-image{position:relative;display:block;aspect-ratio:1/1.05;background:color-mix(in srgb,var(--primary) 6%,var(--surface));overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.product-card:hover .product-image img{transform:scale(1.045)}.image-placeholder{height:100%;display:grid;place-items:center;color:color-mix(in srgb,var(--primary) 35%,transparent);font-size:1.5rem;font-weight:950}.sale-badge,.new-badge{position:absolute;top:13px;inset-inline-start:13px;background:#ef4444;color:#fff;padding:6px 11px;border-radius:999px;font-size:.72rem;font-weight:900;box-shadow:0 8px 18px rgba(239,68,68,.22)}.wishlist-btn{position:absolute;top:12px;inset-inline-end:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.9);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.12)}.product-body{padding:18px}.product-category{font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.product-body h3{margin:7px 0 10px;font-size:1.03rem;line-height:1.35;min-height:2.7em}.price-row{display:flex;gap:9px;align-items:center;margin-bottom:14px}.price-row strong{color:var(--primary);font-size:1.1rem}.price-row del{color:#94a3b8;font-size:.85rem}.product-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.quick-link{width:42px;border-radius:12px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);display:grid;place-items:center;background:var(--surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:0;border-radius:13px;font-weight:900;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,var(--secondary)));color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 25%,transparent)}.btn-secondary{background:var(--secondary);color:#0f172a}.btn-outline{border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:var(--surface)}.btn-dark{background:#111827;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.promo-banner{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:25px;padding:44px;border-radius:calc(var(--radius) + 8px);background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--secondary) 55%,#111827));color:#fff;overflow:hidden;position:relative}.promo-banner:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;border:70px solid rgba(255,255,255,.08);inset-inline-end:-120px;top:-90px}.promo-banner h2{font-size:2.5rem}.promo-banner p{color:rgba(255,255,255,.78)}.newsletter{padding:42px;border-radius:var(--radius);background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.newsletter-form{display:flex;min-width:430px}.newsletter-form input{border-radius:14px 0 0 14px;border-inline-end:0}.newsletter-form .btn{border-radius:0 14px 14px 0}.page-header{padding:52px 0;background:linear-gradient(180deg,var(--surface),var(--bg));border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent)}.page-header h1{margin:0;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.035em}.breadcrumb{display:flex;gap:8px;align-items:center;color:color-mix(in srgb,var(--text) 55%,transparent);font-size:.9rem;margin-top:8px}.content-card,.summary-card,.filters,.auth-card,.account-menu{background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius);box-shadow:0 14px 38px rgba(15,23,42,.05)}.content-card{padding:28px}.shop-layout{display:grid;grid-template-columns:270px 1fr;gap:30px}.filters{padding:20px;height:max-content;position:sticky;top:110px}.filters h3{margin-top:0}.filters label{display:block;font-weight:800;margin:13px 0 6px}.input,select,textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=datetime-local],input[type=date],input[type=url],input[type=tel]{width:100%;padding:12px 13px;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);border-radius:12px;background:var(--surface);color:var(--text);outline:0}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)}textarea{min-height:120px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:850;margin-bottom:6px}.product-page{display:grid;grid-template-columns:1.05fr .95fr;gap:58px}.product-main-image{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.08)}.product-main-image img{width:100%;aspect-ratio:1/1;object-fit:cover}.product-info h1{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.12;letter-spacing:-.035em}.product-info .big-price{font-size:1.85rem;color:var(--primary);font-weight:950}.qty-row{display:flex;gap:12px;align-items:end;margin-top:22px}.qty-row input{width:95px}.table-wrap{overflow:auto;background:var(--surface);border-radius:16px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent)}table{width:100%;border-collapse:collapse}th,td{padding:14px 15px;border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent);text-align:start}th{background:color-mix(in srgb,var(--primary) 5%,var(--surface));font-size:.84rem}.summary-card{padding:24px;position:sticky;top:110px;height:max-content}.summary-line{display:flex;justify-content:space-between;padding:9px 0;gap:15px}.summary-total{font-size:1.18rem;font-weight:950;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);margin-top:8px;padding-top:16px}.checkout-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:30px}.payment-option{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:14px;margin:9px 0;transition:.2s}.payment-option:has(input:checked){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 8%,transparent)}.payment-option input{margin-top:5px}.payment-logo{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));display:grid;place-items:center;font-weight:950;color:var(--primary)}.auth-card{max-width:540px;margin:65px auto;padding:32px}.account-grid{display:grid;grid-template-columns:230px 1fr;gap:28px}.account-menu{padding:16px;height:max-content}.account-menu a{display:block;padding:11px;border-radius:10px;font-weight:750}.account-menu a:hover{background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--primary)}.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#e2e8f0;font-size:.76rem;font-weight:850}.badge.new{background:#dbeafe;color:#1d4ed8}.badge.completed{background:#dcfce7;color:#166534}.badge.cancelled{background:#fee2e2;color:#991b1b}.pagination{display:flex;gap:8px;justify-content:center;margin-top:32px}.pagination a,.pagination span{padding:9px 13px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:10px}.pagination .active{background:var(--primary);color:#fff}.empty{padding:45px;text-align:center;background:var(--surface);border-radius:var(--radius);border:1px dashed color-mix(in srgb,var(--text) 18%,transparent)}.payment-result{max-width:680px;margin:40px auto;text-align:center;background:var(--surface);padding:50px;border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow)}.result-icon{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;font-size:2.2rem;font-weight:950;background:#ecfdf5;color:#059669}.payment-result.pending .result-icon{background:#fff7ed;color:#ea580c}.payment-result.failed .result-icon{background:#fef2f2;color:#dc2626}.order-reference{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--bg);padding:18px;border-radius:14px;margin:24px 0}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.site-footer{background:#0b1120;color:#cbd5e1;margin-top:80px;padding:64px 0 24px;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:var(--primary);filter:blur(120px);opacity:.15;right:-120px;top:-180px}.footer-grid{position:relative;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:42px}.footer-brand{font-size:1.5rem;color:#fff;font-weight:950}.site-footer h4{color:#fff;margin-top:0}.site-footer a{display:block;margin:7px 0;color:#94a3b8}.site-footer a:hover{color:#fff}.social-row{display:flex;gap:8px;flex-wrap:wrap}.social-row a{width:38px;height:38px;border-radius:10px;background:#172033;display:grid;place-items:center;margin:0}.copyright{border-top:1px solid #23314a;margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.86rem;color:#8290a7}.theme-luxe .hero-card{background:linear-gradient(145deg,#0b0b0b,#2b2415)}.theme-luxe .eyebrow{border-radius:0}.theme-luxe .btn,.theme-luxe .product-card,.theme-luxe .category-card{border-radius:4px}.theme-luxe .hero h1{font-family:Georgia,serif;font-weight:500}.theme-mono .hero:before,.theme-mono .hero:after{display:none}.theme-mono .hero-card{background:#111827}.theme-mono .product-card{box-shadow:none}.theme-sand .hero{background:linear-gradient(180deg,#fbf7f1,#f4eadc)}.theme-blush .hero-card{background:linear-gradient(145deg,#be185d,#7c3aed)}.theme-emerald .hero-card{background:linear-gradient(145deg,#0f766e,#365314)}@media(max-width:1080px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:35px}.header-row{grid-template-columns:auto auto 1fr}.main-nav{display:none;position:absolute;top:82px;left:16px;right:16px;background:var(--surface);padding:18px;flex-direction:column;align-items:stretch;border-radius:18px;box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.main-nav a{padding:10px}.main-nav a:after{display:none}.main-nav.open{display:flex}.menu-toggle{display:inline-flex}.header-actions{justify-content:flex-end}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-inline-end:0}.trust-item:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent)}}@media(max-width:850px){.hero-grid,.product-page,.checkout-grid,.shop-layout,.account-grid,.promo-banner{grid-template-columns:1fr}.hero-visual{min-height:420px}.filters,.summary-card{position:static}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.newsletter{grid-template-columns:1fr}.newsletter-form{min-width:0}.header-actions .account-text{display:none}}@media(max-width:650px){.container{width:min(100% - 22px,1240px)}.announcement{font-size:.72rem}.header-row{min-height:70px;gap:8px}.main-nav{top:70px}.brand span:last-child{display:none}.currency-select{display:none}.hero{padding-top:48px}.hero h1{font-size:2.85rem}.hero-visual{min-height:330px}.hero-card{inset:20px 0}.hero-monogram{font-size:7rem}.floating-note{padding:10px 12px}.trust-grid{grid-template-columns:1fr}.trust-item{border-inline-end:0;border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent)}.products-grid,.category-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.section{padding:52px 0}.section-header{align-items:flex-start}.product-actions{grid-template-columns:1fr}.quick-link{display:none}.newsletter{padding:26px}.newsletter-form{display:grid;gap:8px}.newsletter-form input,.newsletter-form .btn{border-radius:12px}.copyright{flex-direction:column}.order-reference{grid-template-columns:1fr}.content-card{padding:20px}}
/* v2 commerce components */
.hero-copy{position:relative;z-index:2}.hero-metrics{display:flex;gap:30px;margin-top:38px}.hero-metrics div{display:grid}.hero-metrics strong{font-size:1.25rem;color:var(--primary)}.hero-metrics span{font-size:.78rem;color:color-mix(in srgb,var(--text) 58%,transparent)}.hero-visual{position:relative;min-height:520px}.hero-product-stack{position:absolute;inset:0;border-radius:calc(var(--radius) + 16px);background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 90%,#111827),var(--secondary));box-shadow:var(--shadow);overflow:hidden}.hero-product-stack:before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.25);border-radius:50%}.hero-product-stack img{position:absolute;width:58%;aspect-ratio:1/1;object-fit:cover;border-radius:calc(var(--radius) + 5px);box-shadow:0 30px 70px rgba(0,0,0,.28)}.hero-product-stack img:first-child{inset-inline-start:8%;top:10%;transform:rotate(-6deg)}.hero-product-stack img:nth-child(2){inset-inline-end:6%;bottom:7%;transform:rotate(7deg)}.hero-product-stack .floating-note{position:absolute;z-index:3;inset-inline-start:30px;bottom:30px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);padding:12px 18px;border-radius:999px;font-weight:900;color:#111827}.trust-strip{background:var(--surface);border-block:1px solid color-mix(in srgb,var(--text) 9%,transparent)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:23px 20px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;border-inline-end:1px solid color-mix(in srgb,var(--text) 9%,transparent)}.trust-grid>div:last-child{border-inline-end:0}.trust-grid>div>span{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);display:grid;place-items:center;font-size:1.2rem}.trust-grid strong{font-size:.9rem}.trust-grid small{color:color-mix(in srgb,var(--text) 58%,transparent);font-size:.74rem}.section-soft{background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.text-link{font-weight:850;color:var(--primary)}.category-showcase{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:16px}.category-tile{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:0 15px 40px rgba(15,23,42,.07)}.category-tile-large{grid-column:span 2;grid-row:span 2}.category-tile img,.category-placeholder{width:100%;height:100%;object-fit:cover;transition:.35s}.category-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),var(--secondary));font-size:5rem;font-weight:950;color:#fff}.category-tile:hover img{transform:scale(1.045)}.category-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:linear-gradient(180deg,transparent 35%,rgba(10,15,25,.78));color:#fff}.category-overlay small{opacity:.75}.category-overlay strong{font-size:1.25rem}.category-tile-large .category-overlay strong{font-size:2rem}.empty-state{text-align:center;padding:55px;border:1px dashed color-mix(in srgb,var(--text) 18%,transparent);border-radius:var(--radius);background:var(--surface)}.empty-state strong{display:block;font-size:1.3rem}.rich-content{line-height:1.9}.newsletter{border-radius:0;margin:45px 0 0;background:#0d1526;color:#fff}.newsletter-inner{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:40px;padding:55px 0}.newsletter-inner h2{font-size:2rem;margin:12px 0}.newsletter-inner form{display:flex;gap:9px}.newsletter-inner input{background:#fff;color:#111827}.checkout-main{display:grid;gap:18px}.card-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.card-heading>span{width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);display:grid;place-items:center;font-weight:950}.card-heading h2{margin:0}.card-heading p{margin:3px 0 0;color:color-mix(in srgb,var(--text) 58%,transparent);font-size:.84rem}.option-grid{display:grid;gap:9px}.payment-option{align-items:center;position:relative;cursor:pointer;margin:0}.payment-option input{position:absolute;opacity:0}.option-check{width:21px;height:21px;border-radius:50%;border:2px solid color-mix(in srgb,var(--text) 22%,transparent);flex:none;position:relative}.payment-option input:checked+.option-check{border-color:var(--primary)}.payment-option input:checked+.option-check:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--primary)}.payment-option>span:nth-of-type(2){display:grid;flex:1}.payment-option small{color:color-mix(in srgb,var(--text) 58%,transparent)}.payment-option>b,.payment-option>em{font-style:normal;color:var(--primary);font-size:.8rem}.loyalty-box{margin-top:18px;padding:15px;border-radius:14px;background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.checkout-summary{height:max-content;position:sticky;top:110px}.checkout-summary>div:not(.summary-product){display:flex;justify-content:space-between;padding:8px 0}.summary-product{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent);font-size:.88rem}.secure-note{display:block;text-align:center;color:color-mix(in srgb,var(--text) 60%,transparent);margin:15px 0}.btn-block{width:100%;margin-top:8px}.btn-whatsapp{background:#16a34a;color:#fff}.btn-lg{padding:14px 22px}.promo-banner>.btn{position:relative;z-index:2;justify-self:end}.promo-banner b{background:rgba(255,255,255,.18);padding:3px 8px;border-radius:8px}
@media(max-width:900px){.category-showcase{grid-template-columns:repeat(2,1fr)}.category-tile-large{grid-column:span 2}.newsletter-inner{grid-template-columns:1fr}.checkout-summary{position:static}}
@media(max-width:650px){.hero-metrics{gap:14px;justify-content:space-between}.hero-product-stack img{width:65%}.category-showcase{grid-template-columns:1fr;grid-auto-rows:240px}.category-tile-large{grid-column:auto;grid-row:auto}.newsletter-inner form{display:grid}.promo-banner>.btn{justify-self:start}.payment-option{padding:12px}.trust-grid>div{border-inline-end:0}}

/* =========================================================
   NovixaLab Storefront v3 — production UI rebuild
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
body{font-family:var(--font),'Cairo','Segoe UI',Tahoma,Arial,sans-serif;background:var(--bg);font-size:15px}
.container{width:min(1320px,calc(100% - 42px))}.announcement{background:#0f172a}.announcement-inner{min-height:36px;justify-content:space-between!important;font-size:.78rem}.announcement strong{color:#fff}.site-header{box-shadow:0 1px 0 rgba(15,23,42,.04)}
.header-row{min-height:76px;grid-template-columns:auto auto minmax(220px,360px) auto;gap:25px}.brand{gap:11px}.brand img,.brand-mark{width:42px;height:42px;border-radius:12px}.brand-copy{display:grid;line-height:1.2}.brand-copy strong{font-size:1rem}.brand-copy small{font-size:.62rem;color:color-mix(in srgb,var(--text) 55%,transparent);font-weight:600;margin-top:4px}.main-nav{gap:22px;font-size:.87rem}.main-nav a{padding:25px 0}.main-nav a:after{bottom:18px}.header-search{height:42px;border:1px solid color-mix(in srgb,var(--text) 11%,transparent);background:color-mix(in srgb,var(--surface) 88%,var(--bg));border-radius:13px;display:flex;align-items:center;gap:8px;padding:0 12px;color:color-mix(in srgb,var(--text) 55%,transparent)}.header-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:.82rem}.header-actions{gap:7px}.icon-btn,.currency-select,.lang-link{height:40px;min-width:40px;border-radius:11px;padding:0 10px}.currency-select select{font-size:.75rem}.lang-link{font-size:.76rem}.cart-link .count{background:var(--primary);color:#fff;border-color:var(--surface)}
.hero{padding:72px 0 60px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,var(--bg)),var(--bg))}.hero-grid{gap:74px}.hero h1{font-size:clamp(2.7rem,5.4vw,5.3rem);max-width:720px}.hero p{font-size:1.06rem;max-width:620px}.hero-actions{margin-top:27px}.hero-metrics{padding-top:25px;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);max-width:610px}.hero-metrics strong{font-size:1.12rem}.hero-visual{min-height:500px}.hero-product-stack{border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 90px color-mix(in srgb,var(--primary) 28%,transparent)}.hero-product-stack img{border:8px solid rgba(255,255,255,.86)}
.btn{border-radius:11px;padding:11px 17px;font-size:.87rem}.btn-primary{box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 25%,transparent)}.btn-lg{padding:13px 21px}.trust-strip{margin:0;background:transparent;border:0}.trust-grid{margin-top:-20px;position:relative;z-index:4;border-radius:18px;box-shadow:0 18px 50px rgba(15,23,42,.08)}.trust-grid>div{padding:21px 18px}.trust-grid>div>span{width:39px;height:39px}.section{padding:68px 0}.section-header{margin-bottom:25px}.section h2{font-size:clamp(1.75rem,2.7vw,2.4rem)}.eyebrow{padding:6px 11px;font-size:.72rem}.category-showcase{grid-auto-rows:205px;gap:14px}.category-tile{border:1px solid color-mix(in srgb,var(--text) 8%,transparent);box-shadow:0 10px 28px rgba(15,23,42,.055)}.category-overlay{padding:19px}.products-grid{gap:18px}.product-card{border-radius:calc(var(--radius) - 4px);box-shadow:0 8px 25px rgba(15,23,42,.05)}.product-card:hover{transform:translateY(-5px)}.product-image{aspect-ratio:1/1}.product-body{padding:16px}.product-body h3{font-size:.96rem;margin:6px 0 9px}.product-category{font-size:.67rem}.price-row strong{font-size:1rem}.product-actions .btn{padding:9px 12px}.promo-banner{border-radius:24px;padding:40px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 35%,#0f172a));box-shadow:0 24px 65px color-mix(in srgb,var(--primary) 20%,transparent)}.newsletter{background:#0f172a}.newsletter-inner{padding:48px 0}.newsletter-inner input{border-radius:11px}.site-footer{margin-top:0;padding-top:58px}.footer-grid{gap:35px}.site-footer p,.site-footer a{font-size:.83rem}.content-card,.summary-card,.filters,.auth-card{box-shadow:0 12px 38px rgba(15,23,42,.06);border-color:color-mix(in srgb,var(--text) 9%,transparent)}
@media(max-width:1180px){.header-row{grid-template-columns:auto 1fr auto}.header-search{display:none}.main-nav{justify-content:flex-start}.hero-grid{gap:40px}}
@media(max-width:850px){.header-row{grid-template-columns:auto auto 1fr}.brand-copy small{display:none}.hero{padding-top:50px}.hero-grid{gap:30px}.hero-visual{min-height:410px}.trust-grid{margin-top:0}}
@media(max-width:650px){.container{width:min(100% - 24px,1320px)}.announcement-inner{justify-content:center!important}.announcement-inner span:last-child{display:none}.header-row{min-height:66px}.brand img,.brand-mark{width:38px;height:38px}.main-nav{top:66px}.header-actions{gap:5px}.icon-btn,.lang-link{height:38px;min-width:38px}.hero{padding:40px 0}.hero h1{font-size:2.45rem}.hero p{font-size:.95rem}.hero-metrics{gap:10px}.hero-metrics span{font-size:.68rem}.hero-visual{min-height:310px}.trust-grid>div{padding:17px}.section{padding:48px 0}.promo-banner{padding:27px}.newsletter-inner{padding:38px 0}}