:root{
  --bg:#090c0a;--bg-2:#0f1410;--surface:#141a15;--surface-2:#1a211b;--paper:#f5f7f2;
  --text:#f7f9f4;--muted:#a8b0a6;--ink:#111510;--ink-muted:#657064;
  --lime:#c8ff32;--lime-2:#a7eb13;--cyan:#54e2d2;--purple:#a784ff;--orange:#ff9f45;
  --line:rgba(255,255,255,.11);--dark-line:rgba(17,21,16,.12);--radius:26px;--radius-sm:16px;
  --shadow:0 24px 70px rgba(0,0,0,.28);--container:min(1240px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans Arabic","Noto Kufi Arabic",Tahoma,Arial,sans-serif;line-height:1.6;overflow-x:clip}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:var(--container);margin-inline:auto}.skip-link{position:fixed;z-index:9999;top:12px;right:12px;padding:10px 16px;background:var(--lime);color:var(--ink);transform:translateY(-180%);border-radius:10px}.skip-link:focus{transform:none}.mobile-only{display:none}.view{display:none}.view.active{display:block}.section{padding:110px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-size:.79rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow i{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 18px var(--lime)}.btn{min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;transition:.25s ease}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--lime);color:var(--ink);box-shadow:0 12px 35px rgba(200,255,50,.18)}.btn--primary:hover{background:#d8ff6a}.btn--ghost{border-color:var(--line);background:transparent;color:var(--text)}.btn--glass{border-color:var(--line);background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}.btn--light{background:#fff;color:var(--ink)}.btn--full{width:100%}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:inherit}.text-link span{transition:.25s}.text-link:hover span{transform:translateX(-4px)}

/* age gate */
.age-gate{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px;background:rgba(4,6,4,.94);backdrop-filter:blur(18px);transition:.35s}.age-gate.hidden{opacity:0;visibility:hidden}.age-gate__glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(200,255,50,.18),transparent 70%);filter:blur(15px)}.age-card{position:relative;width:min(520px,100%);padding:44px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:32px;text-align:center;box-shadow:var(--shadow)}.age-card h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.2;margin:20px 0 14px}.age-card p{color:var(--muted);max-width:440px;margin:0 auto 24px}.age-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;justify-content:center;gap:8px;margin-top:18px;color:var(--muted);font-size:.9rem}.check input{accent-color:var(--lime)}

/* brand/header */
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;direction:ltr}.brand--center{justify-content:center;margin-bottom:28px}.brand__mark{width:40px;height:40px;border:2px solid var(--lime);display:grid;place-items:center;color:var(--lime);clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:8px;font-size:20px}.brand__text{font-size:1.08rem;letter-spacing:.06em}.brand__text span{color:var(--lime)}.announcement{height:34px;background:var(--lime);color:var(--ink);font-size:.76rem;font-weight:900;display:flex;align-items:center}.announcement__inner{display:flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;overflow:hidden}.announcement__dot{width:4px;height:4px;border-radius:50%;background:var(--ink)}.site-header{position:sticky;top:0;z-index:1000;background:rgba(9,12,10,.76);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line);background:rgba(9,12,10,.93)}.header-main{height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.desktop-nav{justify-self:center;display:flex;align-items:center;gap:22px;font-size:.9rem;font-weight:700;position:relative}.desktop-nav>a,.nav-dropdown-btn{color:#dfe5dd;background:none;border:0;padding:26px 0;position:relative}.desktop-nav>a::after,.nav-dropdown-btn::after{content:"";position:absolute;bottom:17px;right:0;width:0;height:2px;background:var(--lime);transition:.25s}.desktop-nav>a:hover::after,.desktop-nav>a.active::after,.nav-dropdown-btn:hover::after{width:100%}.nav-dropdown-btn{display:flex;gap:6px}.nav-mega{position:absolute;top:64px;right:50%;transform:translate(50%,12px);width:610px;padding:16px;background:#121713;border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;opacity:0;visibility:hidden;transition:.25s;box-shadow:var(--shadow)}.nav-dropdown-btn:hover+.nav-mega,.nav-mega:hover{opacity:1;visibility:visible;transform:translate(50%,0)}.nav-mega a{padding:15px;border-radius:14px;display:flex;flex-direction:column}.nav-mega a:hover{background:rgba(200,255,50,.08)}.nav-mega small{color:var(--muted)}.header-actions{display:flex;align-items:center;gap:8px;direction:ltr}.icon-btn,.cart-btn,.currency{height:42px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);border-radius:13px;display:grid;place-items:center;transition:.2s}.icon-btn,.cart-btn{width:42px}.icon-btn:hover,.cart-btn:hover,.currency:hover{border-color:rgba(200,255,50,.55);background:rgba(200,255,50,.08)}.icon-btn svg,.cart-btn svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cart-btn{position:relative}.cart-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:var(--lime);color:var(--ink);font-size:.7rem;font-weight:900;display:grid;place-items:center}.currency{width:66px;display:flex;gap:5px;font-size:.75rem;font-weight:900}.currency small{opacity:.6}

/* hero */
.hero{min-height:calc(100svh - 112px);position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#060509 0%,#0a0710 55%,#08060d 100%)}.hero__noise{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.hero__orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.22}.hero__orb--1{width:440px;height:440px;background:var(--lime);left:-120px;top:-180px}.hero__orb--2{width:360px;height:360px;background:var(--cyan);right:32%;bottom:-260px}.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:30px;padding-block:80px}.hero__content h1{font-size:clamp(3rem,7vw,6.7rem);line-height:.98;letter-spacing:-.045em;margin:22px 0 24px;max-width:780px}.hero__content h1 span{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.72)}.hero__content>p{color:var(--muted);font-size:1.12rem;max-width:620px;margin:0 0 30px}.hero__actions{display:flex;gap:12px;flex-wrap:wrap}.hero__proof{display:flex;gap:34px;margin-top:46px}.hero__proof div{display:flex;flex-direction:column}.hero__proof strong{font-size:1.45rem}.hero__proof span{color:var(--muted);font-size:.8rem}.hero__visual{position:relative;min-height:590px;display:grid;place-items:center}.hero-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)}.hero-ring--outer{width:540px;height:540px;animation:spin 18s linear infinite}.hero-ring--outer::before,.hero-ring--outer::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 28px var(--lime)}.hero-ring--outer::before{top:74px;left:80px}.hero-ring--outer::after{bottom:60px;right:100px}.hero-ring--inner{width:390px;height:390px;border-color:rgba(200,255,50,.17);border-style:dashed;animation:spin 13s linear infinite reverse}.product-stage{position:relative;width:350px;height:430px;filter:drop-shadow(0 35px 35px rgba(0,0,0,.45));transform:rotate(-6deg)}.vape{position:absolute;bottom:24px;border-radius:30px 30px 24px 24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 -22px 35px rgba(0,0,0,.28),0 30px 55px rgba(0,0,0,.38);display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:.12em}.vape::before{content:"";position:absolute;top:-18px;width:56%;height:25px;border-radius:16px 16px 7px 7px;background:#1c201d;box-shadow:inset 0 2px 5px rgba(255,255,255,.1)}.vape--back{width:130px;height:330px;right:16px;background:linear-gradient(150deg,#7c5aff,#c94cff 58%,#48217d);transform:rotate(10deg)}.vape--back span{writing-mode:vertical-rl;color:rgba(255,255,255,.7)}.vape--main{width:155px;height:390px;right:103px;background:linear-gradient(145deg,#27302a,#101411 45%,#252e27);z-index:3}.vape--main::after{content:"";position:absolute;inset:12px;border-radius:22px;background:linear-gradient(135deg,rgba(200,255,50,.25),transparent 35%,rgba(255,255,255,.06));pointer-events:none}.vape__screen{position:relative;z-index:2;border:1px solid rgba(200,255,50,.38);background:#090c0a;border-radius:15px;padding:16px 18px;color:#dce8d6;text-align:center;line-height:1.25;font-size:.75rem}.vape__screen b{color:var(--lime);font-size:1.05rem}.vape--front{width:105px;height:295px;left:4px;background:linear-gradient(145deg,#38d7c6,#167d74 58%,#0a4842);transform:rotate(-12deg);z-index:2;font-size:2rem;color:rgba(255,255,255,.58)}.float-chip{position:absolute;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);backdrop-filter:blur(12px);font-size:.76rem;font-weight:800;box-shadow:var(--shadow)}.float-chip--1{top:100px;right:8px}.float-chip--2{bottom:120px;right:15px;color:var(--lime)}.float-chip--3{left:0;top:190px}.scroll-cue{position:absolute;bottom:22px;right:50%;transform:translateX(50%);display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.75rem}.scroll-cue span{width:24px;height:38px;border:1px solid var(--line);border-radius:20px;position:relative}.scroll-cue span::after{content:"";position:absolute;width:4px;height:7px;border-radius:5px;background:var(--lime);top:7px;right:9px;animation:scrollCue 1.8s infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scrollCue{0%,100%{transform:translateY(0);opacity:1}60%{transform:translateY(14px);opacity:.2}}

/* trust/categories */
.trust-strip{border-block:1px solid var(--line);background:#0d110e}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid article{padding:24px 20px;display:flex;align-items:center;gap:13px;border-left:1px solid var(--line)}.trust-grid article:last-child{border-left:0}.feature-icon{width:42px;height:42px;border-radius:13px;background:rgba(200,255,50,.09);color:var(--lime);display:grid;place-items:center;font-weight:900}.trust-grid strong,.trust-grid small{display:block}.trust-grid strong{font-size:.9rem}.trust-grid small{color:var(--muted);font-size:.73rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-head h2,.story__content h2,.faq-intro h2{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.08;margin:8px 0 0;letter-spacing:-.04em}.categories{background:var(--paper);color:var(--ink)}.categories .eyebrow,.products-section--light .eyebrow,.faq-section .eyebrow{color:#6b8f00}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.category-card{position:relative;min-height:360px;padding:34px;border-radius:var(--radius);overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;transition:.35s}.category-card:hover{transform:translateY(-6px)}.category-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.05));z-index:-1}.category-card--lime{background:#d8ff68}.category-card--purple{background:#c5b5ff}.category-card--cyan{background:#8ceddf}.category-card--orange{background:#ffc782}.category-card__number{position:absolute;top:25px;right:28px;font-size:.8rem;font-weight:900;opacity:.5}.category-card>div:last-child{position:relative;z-index:3;width:58%}.category-card small{font-weight:800;opacity:.65}.category-card h3{font-size:2rem;margin:5px 0}.category-card p{font-size:.9rem;opacity:.72;margin:0 0 18px}.round-arrow{width:44px;height:44px;border:1px solid rgba(17,21,16,.3);border-radius:50%;display:grid;place-items:center;font-size:1.25rem}.category-visual{position:absolute;left:5%;top:9%;width:40%;height:78%;filter:drop-shadow(0 26px 24px rgba(0,0,0,.2));transition:.35s}.category-card:hover .category-visual{transform:rotate(-3deg) scale(1.04)}.disposable i{position:absolute;bottom:5%;width:27%;height:80%;border-radius:20px;background:linear-gradient(145deg,#252925,#090b0a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.disposable i:nth-child(1){left:4%;transform:rotate(-10deg);background:linear-gradient(145deg,#4cd6c6,#134b47)}.disposable i:nth-child(2){left:35%;height:93%;z-index:2}.disposable i:nth-child(3){right:3%;transform:rotate(10deg);background:linear-gradient(145deg,#8d65f5,#4d2379)}.liquid i{position:absolute;bottom:5%;width:44%;height:73%;border-radius:18px 18px 24px 24px;background:linear-gradient(145deg,#282c29,#0a0c0b)}.liquid i::before{content:"";position:absolute;top:-20px;right:28%;width:44%;height:25px;background:#111;border-radius:7px}.liquid i::after{content:"TOKYO";position:absolute;inset:28% 10% auto;background:#f5f7f2;color:#111;padding:12px 3px;text-align:center;font-size:.65rem;font-weight:900}.liquid i:nth-child(1){left:7%;transform:rotate(-9deg)}.liquid i:nth-child(2){right:7%;transform:rotate(7deg);background:linear-gradient(145deg,#f05f8b,#713051)}.devices i{position:absolute;bottom:4%;width:40%;height:87%;border-radius:24px;background:linear-gradient(145deg,#202520,#090b0a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.devices i::before{content:"";position:absolute;top:42%;right:23%;width:54%;height:18%;border-radius:10px;background:#0a0d0b;border:1px solid rgba(84,226,210,.5)}.devices i:nth-child(1){left:8%;transform:rotate(-8deg)}.devices i:nth-child(2){right:8%;height:75%;transform:rotate(8deg);background:linear-gradient(145deg,#4ed7c7,#0b5a53)}.coils i{position:absolute;bottom:12%;width:31%;aspect-ratio:1;border-radius:50%;border:13px solid #1c211d;background:radial-gradient(circle,#aab3aa 0 22%,#303631 23% 43%,#dce1db 44% 50%,#252a26 51%);box-shadow:0 12px 18px rgba(0,0,0,.2)}.coils i:nth-child(1){left:2%;transform:rotate(-8deg)}.coils i:nth-child(2){left:34%;bottom:27%;z-index:2}.coils i:nth-child(3){right:2%;transform:rotate(9deg)}

/* products */
.products-section{background:#0c100d}.products-section--light{background:var(--paper);color:var(--ink)}.slider-controls{display:flex;gap:8px;direction:ltr}.slider-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:inherit}.products-section--light .slider-controls button{border-color:var(--dark-line)}.product-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(275px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 2px 18px;scrollbar-width:none}.product-rail::-webkit-scrollbar{display:none}.product-card{scroll-snap-align:start;border-radius:22px;overflow:hidden;background:#141a15;border:1px solid var(--line);transition:.3s;position:relative}.products-section--light .product-card,.shop-view .product-card{background:#fff;border-color:var(--dark-line)}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.14)}.product-card__media{height:285px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(200,255,50,.17),transparent 44%),linear-gradient(145deg,#202720,#121612);overflow:hidden}.products-section--light .product-card__media,.shop-view .product-card__media{background:radial-gradient(circle at 50% 44%,rgba(200,255,50,.24),transparent 39%),#edf0ea}.product-card__media::after{content:"";position:absolute;bottom:25px;width:48%;height:18px;background:rgba(0,0,0,.25);filter:blur(14px);border-radius:50%}.product-art{position:relative;z-index:2;width:120px;height:205px;border-radius:24px 24px 19px 19px;background:var(--product-gradient,linear-gradient(145deg,#353b36,#111));box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 -25px 40px rgba(0,0,0,.23),0 26px 32px rgba(0,0,0,.24);transform:rotate(var(--tilt,-4deg));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;text-align:center;line-height:1.15;padding:12px;font-size:.83rem;letter-spacing:.04em}.product-art::before{content:"";position:absolute;top:-14px;width:54%;height:21px;border-radius:11px 11px 5px 5px;background:#160e20}.product-art.liquid-art{width:105px;height:175px;border-radius:18px 18px 25px 25px}.product-art.liquid-art::before{top:-23px;height:29px;border-radius:7px;background:#111;width:45%}.product-art.coil-art{width:135px;height:135px;border-radius:50%;border:20px solid #232a24;background:radial-gradient(circle,#d9dfda 0 15%,#4e5750 16% 31%,#e9ede8 32% 38%,#59615b 39%);padding:0;color:transparent}.product-art.coil-art::before{display:none}.product-badge{position:absolute;z-index:4;top:14px;right:14px;padding:6px 10px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:.68rem;font-weight:900}.wish-btn{position:absolute;z-index:4;top:14px;left:14px;width:36px;height:36px;border:1px solid rgba(255,255,255,.15);background:rgba(8,11,8,.55);backdrop-filter:blur(8px);color:#fff;border-radius:50%;font-size:1.1rem}.wish-btn.active{color:#ff7186}.product-card__body{padding:18px}.product-card__category{color:var(--lime);font-size:.7rem;font-weight:900}.products-section--light .product-card__category,.shop-view .product-card__category{color:#668900}.product-card h3{font-size:1rem;line-height:1.45;margin:7px 0 12px;min-height:46px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font-size:1.1rem;font-weight:900}.old-price{color:var(--muted);text-decoration:line-through;font-size:.78rem;margin-inline-start:7px}.add-btn{width:42px;height:42px;border:0;border-radius:13px;background:var(--lime);color:var(--ink);font-size:1.4rem;font-weight:900;display:grid;place-items:center;transition:.2s}.add-btn:hover{transform:rotate(-8deg) scale(1.06)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-grid .product-card__media{height:260px}

/* campaigns/brands/story */
.campaign{background:var(--paper);color:var(--ink);padding-top:20px}.campaign__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.campaign-card{min-height:500px;border-radius:30px;padding:52px;position:relative;overflow:hidden}.campaign-card h2{font-size:clamp(2.8rem,6vw,5.6rem);line-height:.95;margin:18px 0}.campaign-card p{max-width:420px;opacity:.72;margin-bottom:26px}.campaign-card--sale{background:var(--lime)}.campaign-card--sale .eyebrow{color:var(--ink)}.campaign-card--sale h2 b{font-size:1.2em}.campaign-card__giant{position:absolute;left:-10px;bottom:-110px;font-size:23rem;line-height:1;font-weight:900;color:rgba(17,21,16,.08);letter-spacing:-.1em}.campaign-card--fast{background:#100b18;color:#fff}.campaign-card--fast h2{position:relative;z-index:2}.speed-lines{position:absolute;inset:auto -100px -60px auto;width:420px;height:420px;transform:rotate(-23deg)}.speed-lines i{position:absolute;right:0;height:10px;border-radius:20px;background:linear-gradient(90deg,transparent,var(--lime));box-shadow:0 0 18px rgba(200,255,50,.3)}.speed-lines i:nth-child(1){width:300px;top:50px}.speed-lines i:nth-child(2){width:220px;top:110px}.speed-lines i:nth-child(3){width:340px;top:170px}.speed-lines i:nth-child(4){width:180px;top:230px}.brands-section{padding:42px 0;background:#0b0f0c;border-block:1px solid var(--line);overflow:hidden}.brands-section p{text-align:center;color:var(--muted);font-size:.8rem}.brand-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.brand-track{display:flex;width:max-content;gap:65px;align-items:center;animation:marquee 26s linear infinite;padding-top:20px}.brand-track span{font-size:1.25rem;font-weight:900;color:#e8ede5;letter-spacing:.08em;white-space:nowrap;opacity:.68}@keyframes marquee{to{transform:translateX(50%)}}.story{background:#09060e}.story__grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}.story__visual{min-height:600px;border-radius:32px;background:radial-gradient(circle at 50% 35%,rgba(200,255,50,.22),transparent 42%),linear-gradient(145deg,#160b22,#09060e);border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}.story__big-a{font-size:23rem;font-weight:900;color:transparent;-webkit-text-stroke:2px rgba(200,255,50,.35);line-height:1;transform:rotate(-8deg)}.story__badge{position:absolute;bottom:28px;left:28px;background:rgba(255,255,255,.07);border:1px solid var(--line);backdrop-filter:blur(10px);padding:17px 20px;border-radius:16px;display:flex;flex-direction:column}.story__badge span{font-size:.74rem;color:var(--muted)}.story__content>p{color:var(--muted);font-size:1.05rem}.story-list{margin-top:34px;border-top:1px solid var(--line)}.story-list>div{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.story-list>div>span{color:var(--lime);font-weight:900}.story-list p{margin:0;display:flex;flex-direction:column}.story-list small{color:var(--muted)}

/* faq/cta/footer */
.faq-section{background:var(--paper);color:var(--ink)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-intro p{color:var(--ink-muted);max-width:360px}.faq-item{border-bottom:1px solid var(--dark-line)}.faq-item button{width:100%;padding:23px 0;border:0;background:none;color:var(--ink);display:flex;align-items:center;justify-content:space-between;font-weight:900;text-align:right}.faq-item button i{font-style:normal;width:32px;height:32px;border:1px solid var(--dark-line);border-radius:50%;display:grid;place-items:center}.faq-item>div{display:grid;grid-template-rows:0fr;transition:.3s}.faq-item>div>p{overflow:hidden;margin:0;color:var(--ink-muted)}.faq-item.open>div{grid-template-rows:1fr}.faq-item.open>div>p{padding-bottom:22px}.cta-section{background:var(--paper);padding:0 0 100px;color:var(--ink)}.cta-box{background:#100b18;color:#fff;min-height:270px;border-radius:30px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}.cta-box::after{content:"A";position:absolute;left:8%;top:-75%;font-size:25rem;color:rgba(255,255,255,.03);font-weight:900}.cta-box h2{font-size:clamp(2rem,4vw,4rem);margin:5px 0}.footer{background:#080b09;border-top:1px solid var(--line);padding:75px 0 24px}.footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:60px}.footer__brand p{color:var(--muted);max-width:360px}.footer h4{margin:0 0 20px}.footer__grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer__grid a{color:var(--muted);font-size:.88rem}.footer__grid a:hover{color:var(--lime)}.socials{display:flex;gap:8px;margin-top:22px}.socials a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:900}.footer__bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:60px;display:flex;justify-content:space-between;color:#7d867d;font-size:.75rem}.whatsapp-float{position:fixed;z-index:900;bottom:20px;left:20px;height:52px;min-width:52px;padding:0 17px;border-radius:999px;background:#25d366;color:#062b15;display:flex;align-items:center;gap:9px;font-weight:900;box-shadow:0 12px 35px rgba(37,211,102,.25)}.whatsapp-float span{font-size:.78rem}

/* shop */
.shop-view{background:var(--paper);color:var(--ink);min-height:80vh}.shop-hero{padding:90px 0 62px;background:#101511;color:#fff;position:relative;overflow:hidden}.shop-hero::after{content:"SHOP";position:absolute;left:-20px;top:-75px;font-size:14rem;font-weight:900;color:rgba(255,255,255,.025)}.shop-hero h1{font-size:clamp(3rem,8vw,6.5rem);line-height:1;margin:12px 0}.shop-hero p{color:var(--muted)}.shop-layout{display:grid;grid-template-columns:250px 1fr;gap:38px;padding-block:60px 100px}.filters{position:sticky;top:120px;height:max-content;border:1px solid var(--dark-line);border-radius:20px;padding:22px;background:#fff}.filters__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--dark-line);padding-bottom:16px}.filters__head h3{margin:0}.filters__head button{border:0;background:none;color:#6e7900;font-size:.75rem}.filter-block{padding:20px 0;border-bottom:1px solid var(--dark-line)}.filter-block h4{margin:0 0 14px;font-size:.9rem}.filter-check{display:flex;align-items:center;justify-content:space-between;padding:7px 0;color:var(--ink-muted);font-size:.85rem}.filter-check label{display:flex;gap:8px}.filter-check input{accent-color:#7aa000}.filter-check small{background:#eef1eb;border-radius:20px;padding:2px 8px}.filter-block input[type=range]{width:100%;accent-color:#7aa000}.range-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ink-muted)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding-top:20px;font-weight:800;font-size:.86rem}.toggle-row input{display:none}.toggle-row i{width:42px;height:23px;background:#d4d9d1;border-radius:20px;position:relative;transition:.2s}.toggle-row i::after{content:"";position:absolute;top:3px;right:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}.toggle-row input:checked+i{background:#7ea600}.toggle-row input:checked+i::after{transform:translateX(-19px)}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.shop-toolbar>div{display:flex;align-items:center;gap:12px}.shop-toolbar select{border:1px solid var(--dark-line);background:#fff;border-radius:12px;padding:10px 13px;color:var(--ink)}.filter-mobile-btn{display:none}.product-grid--shop{grid-template-columns:repeat(3,1fr)}.empty-state{display:none;text-align:center;padding:80px 20px}.empty-state span{font-size:3rem}.empty-state p{color:var(--ink-muted)}

/* drawers/modals */
.overlay{position:fixed;inset:0;z-index:1500;background:rgba(0,0,0,.62);opacity:0;visibility:hidden;transition:.25s}.overlay.show{opacity:1;visibility:visible}.mobile-menu,.cart-drawer{position:fixed;z-index:1600;top:0;bottom:0;width:min(420px,90vw);background:#100b18;box-shadow:var(--shadow);transition:.32s;display:flex;flex-direction:column}.mobile-menu{right:0;transform:translateX(105%);padding:24px}.mobile-menu.show{transform:none}.mobile-menu__head,.drawer-head{display:flex;align-items:center;justify-content:space-between}.mobile-menu nav{display:flex;flex-direction:column;margin:30px 0 auto}.mobile-menu nav a{padding:15px 0;border-bottom:1px solid var(--line);font-weight:800}.cart-drawer{left:0;transform:translateX(-105%);padding:26px}.cart-drawer.show{transform:none}.drawer-head h2{margin:4px 0 0}.cart-items{overflow-y:auto;margin:25px 0;display:flex;flex-direction:column;gap:12px}.cart-line{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:10px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:15px}.cart-line__art{height:62px;border-radius:11px;background:var(--product-gradient,var(--lime))}.cart-line h4{margin:0;font-size:.82rem}.cart-line small{color:var(--muted)}.cart-line button{border:0;background:none;color:#ff7988}.cart-empty{margin:auto;text-align:center;color:var(--muted)}.cart-empty span{font-size:3rem}.cart-empty h3{color:#fff}.cart-summary{border-top:1px solid var(--line);padding-top:20px;margin-top:auto}.cart-summary>div{display:flex;justify-content:space-between;margin-bottom:18px}.cart-summary small{display:block;text-align:center;margin-top:10px;color:var(--muted)}.search-modal{position:fixed;z-index:1700;inset:0;background:rgba(5,7,5,.91);backdrop-filter:blur(18px);display:grid;place-items:start center;padding:11vh 20px 20px;opacity:0;visibility:hidden;transition:.25s}.search-modal.show{opacity:1;visibility:visible}.search-modal__box{width:min(760px,100%);position:relative}.search-close{position:absolute;left:0;top:-8px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#fff;font-size:1.7rem}.search-input-wrap{display:flex;align-items:center;border-bottom:2px solid var(--line);margin-top:25px}.search-input-wrap:focus-within{border-color:var(--lime)}.search-input-wrap svg{width:28px;fill:none;stroke:var(--lime);stroke-width:1.7}.search-input-wrap input{width:100%;height:80px;background:transparent;border:0;outline:0;color:#fff;font-size:clamp(1.3rem,4vw,2.6rem);padding:0 18px}.search-results{padding-top:25px;color:var(--muted)}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.search-result-item strong{color:#fff}.search-result-item small{color:var(--lime)}.toast{position:fixed;z-index:3000;bottom:25px;right:50%;transform:translate(50%,30px);background:#fff;color:var(--ink);padding:13px 20px;border-radius:999px;font-weight:800;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.25s}.toast.show{opacity:1;visibility:visible;transform:translate(50%,0)}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:.7s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}.reveal--delay{transition-delay:.15s}.reveal--delay-sm{transition-delay:.08s}

@media (max-width:1080px){
  .desktop-nav{gap:18px}.hero__grid{grid-template-columns:1fr 1fr}.hero__content h1{font-size:5rem}.hero-ring--outer{width:450px;height:450px}.hero-ring--inner{width:330px;height:330px}.product-stage{transform:scale(.88) rotate(-6deg)}.product-grid{grid-template-columns:repeat(3,1fr)}.product-grid--shop{grid-template-columns:repeat(2,1fr)}.campaign-card{padding:38px}.story__grid{gap:45px}.faq-grid{gap:50px}
}
@media (max-width:860px){
  :root{--container:min(100% - 30px,740px)}.desktop-nav,.desktop-only{display:none}.mobile-only{display:grid}.header-main{grid-template-columns:auto 1fr auto;gap:14px}.header-main>.brand{justify-self:center}.hero{min-height:auto}.hero__grid{grid-template-columns:1fr;padding-block:70px 90px}.hero__content{text-align:center}.hero__content>p{margin-inline:auto}.hero__actions,.hero__proof{justify-content:center}.hero__visual{min-height:490px}.hero-ring--outer{width:430px;height:430px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid article:nth-child(2){border-left:0}.trust-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.category-grid{grid-template-columns:1fr 1fr;gap:16px}.category-card{min-height:300px;padding:26px}.category-card h3{font-size:1.55rem}.product-grid{grid-template-columns:repeat(2,1fr)}.campaign__grid{grid-template-columns:1fr 1fr;gap:16px}.campaign-card{min-height:340px;padding:30px}.campaign-card h2{font-size:2.6rem}.campaign-card__giant{font-size:12rem;bottom:-45px}.story__grid,.faq-grid{grid-template-columns:1fr}.story__visual{min-height:450px}.story__big-a{font-size:18rem}.faq-grid{gap:30px}.footer__grid{grid-template-columns:1.3fr 1fr 1fr}.footer__grid>div:last-child{display:none}.shop-layout{grid-template-columns:1fr}.filters{position:fixed;z-index:1800;top:0;bottom:0;right:0;width:min(360px,90vw);border-radius:0;transform:translateX(105%);transition:.3s;overflow-y:auto}.filters.show{transform:none}.filter-mobile-btn{display:inline-flex;border:1px solid var(--dark-line);background:#fff;border-radius:10px;padding:9px 12px}.whatsapp-float span{display:none}.whatsapp-float{min-width:52px;justify-content:center;padding:0}
}
@media (max-width:600px){
  :root{--container:calc(100% - 24px);--radius:22px}.announcement__inner{justify-content:flex-start;animation:announce 15s linear infinite}.announcement__inner span:nth-of-type(2),.announcement__inner span:nth-of-type(3),.announcement__dot:nth-of-type(n+2){display:none}@keyframes announce{to{transform:translateX(20px)}}.header-main{height:66px}.brand__mark{width:34px;height:34px;font-size:16px}.brand__text{font-size:.9rem}.currency{display:none}.icon-btn,.cart-btn{width:39px;height:39px}.section{padding:78px 0}.hero__grid{padding-top:52px}.hero__content h1{font-size:clamp(3.2rem,16vw,4.8rem)}.hero__content>p{font-size:.98rem}.hero__actions{display:grid;grid-template-columns:1fr}.hero__proof{gap:16px;justify-content:space-between}.hero__proof strong{font-size:1.15rem}.hero__proof span{font-size:.66rem}.hero__visual{min-height:410px;margin-top:10px}.hero-ring--outer{width:340px;height:340px}.hero-ring--inner{width:270px;height:270px}.product-stage{transform:scale(.68) rotate(-6deg)}.float-chip{font-size:.65rem;padding:8px 10px}.float-chip--1{top:55px}.float-chip--2{bottom:65px}.float-chip--3{top:140px}.scroll-cue{display:none}.trust-grid{grid-template-columns:1fr}.trust-grid article{border-left:0!important;border-bottom:1px solid var(--line)!important}.trust-grid article:last-child{border-bottom:0!important}.section-head{align-items:flex-start;margin-bottom:28px}.section-head h2,.story__content h2,.faq-intro h2{font-size:2.5rem}.section-head .text-link{font-size:.78rem}.category-card{min-height:310px;padding:26px}.category-card>div:last-child{width:64%}.category-card h3{font-size:1.65rem}.category-visual{left:0;width:42%}.product-rail{grid-auto-columns:82vw}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-grid .product-card__media{height:190px}.product-card__media{height:250px}.product-art{transform:scale(.78) rotate(var(--tilt,-4deg))}.product-card__body{padding:13px}.product-card h3{font-size:.82rem;min-height:43px}.product-card__category{font-size:.6rem}.price{font-size:.9rem}.old-price{display:none}.add-btn{width:36px;height:36px}.campaign-card{padding:30px;min-height:390px}.campaign-card h2{font-size:3.5rem}.campaign-card__giant{font-size:17rem;bottom:-70px}.story__visual{min-height:360px}.story__big-a{font-size:14rem}.story__badge{left:18px;bottom:18px}.cta-box{padding:30px;flex-direction:column;align-items:flex-start}.footer__grid{grid-template-columns:1fr 1fr;gap:40px 22px}.footer__brand{grid-column:1/-1}.footer__grid>div:last-child{display:flex}.footer__bottom{flex-direction:column;gap:8px}.shop-hero{padding:65px 0 45px}.shop-layout{padding-top:34px}.product-grid--shop{grid-template-columns:1fr 1fr}.shop-toolbar select{max-width:155px;font-size:.78rem}.age-card{padding:30px 20px}.age-card__actions{grid-template-columns:1fr}.search-input-wrap input{height:65px}.whatsapp-float{bottom:14px;left:14px}.toast{bottom:18px;width:max-content;max-width:90%;font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.brand__logo{display:block;width:auto;height:44px;max-width:170px}.brand--center .brand__logo{height:58px;max-width:200px}@media(max-width:600px){.brand__logo{height:38px;max-width:135px}.brand--center .brand__logo{height:52px;max-width:180px}}

/* ============================================================
   AlmaniStore classic palette — original green / cyan identity
   Restored in version 1.2.1
   ============================================================ */
/* custom logo responsive sizes */
@media(max-width:1080px){
  .brand{min-width:150px}
  .brand__logo,img.brand__logo{width:170px!important;max-width:170px!important}
}
@media(max-width:860px){
  .header-main{height:84px}
  .brand{min-width:0;justify-content:center}
  .brand__logo,img.brand__logo{width:160px!important;max-width:160px!important}
  .mobile-menu .brand{justify-content:flex-start}
  .mobile-menu .brand__logo,.mobile-menu img.brand__logo{width:190px!important;max-width:190px!important}
}
@media(max-width:600px){
  .header-main{height:76px}
  .brand__logo,img.brand__logo{width:132px!important;max-width:132px!important;height:auto!important}
  .brand--center .brand__logo,.brand--center img.brand__logo{width:200px!important;max-width:200px!important}
  .mobile-menu .brand__logo,.mobile-menu img.brand__logo{width:165px!important;max-width:165px!important}
}

/* ============================================================
   AlmaniStore v1.2 — responsive polish, slider, testimonials,
   wishlist, About and Account pages. Uses the original green/cyan palette.
   ============================================================ */
:root{--header-h:78px}
.brand{min-width:180px;justify-content:flex-start}.brand__logo,img.brand__logo{display:block;width:190px!important;max-width:190px!important;height:auto!important;object-fit:contain}.brand--center .brand__logo{width:230px!important;max-width:230px!important}.wishlist-header-btn{position:relative}.wishlist-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:var(--lime);color:var(--text);font-size:.68rem;font-weight:900;display:grid;place-items:center}

/* Compact hero: no viewport-sized empty area. */
.hero{min-height:650px;height:auto}.hero__grid{padding-block:54px}.hero__visual{min-height:500px}.hero__content h1{font-size:clamp(3.1rem,6vw,5.7rem)}.scroll-cue{bottom:18px}

/* Homepage advertising slider */
.promo-slider-section{padding:42px 0 20px;background:var(--bg);overflow:hidden}.promo-slider{position:relative;min-height:360px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(135deg,#121713,#08060d)}.promo-slider__track{position:relative;min-height:360px}.promo-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .6s ease,transform .8s ease,visibility .6s;background-image:linear-gradient(90deg,rgba(7,10,7,.15),rgba(7,10,7,.88)),var(--slide-image,radial-gradient(circle at 22% 40%,rgba(178,74,255,.28),transparent 30%),linear-gradient(135deg,#19241c,#090c0a));background-size:cover;background-position:center}.promo-slide:nth-child(2){background-image:linear-gradient(90deg,rgba(7,10,7,.1),rgba(7,10,7,.9)),var(--slide-image,radial-gradient(circle at 20% 45%,rgba(151,44,255,.32),transparent 30%),linear-gradient(135deg,#1c1730,#090c0a))}.promo-slide:nth-child(3){background-image:linear-gradient(90deg,rgba(7,10,7,.08),rgba(7,10,7,.9)),var(--slide-image,radial-gradient(circle at 22% 45%,rgba(213,88,255,.28),transparent 32%),linear-gradient(135deg,#1b2616,#090c0a))}.promo-slide.is-active{opacity:1;visibility:visible;transform:none;z-index:2}.promo-slide__veil{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(7,10,7,.1) 42%,rgba(7,10,7,.88) 100%)}.promo-slide__content{position:relative;z-index:2;width:min(560px,72%);padding:54px;margin-right:4%}.promo-slide h2{font-size:clamp(2rem,4.3vw,4rem);line-height:1.1;margin:10px 0 12px}.promo-slide p{color:var(--muted);font-size:1rem;max-width:520px;margin:0 0 22px}.promo-slider__arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(9,12,10,.72);color:#fff;backdrop-filter:blur(8px);font-size:1.1rem}.promo-slider__arrow:hover{background:var(--lime);color:var(--text)}.promo-slider__arrow--prev{right:18px}.promo-slider__arrow--next{left:18px}.promo-slider__dots{position:absolute;z-index:5;bottom:18px;right:50%;transform:translateX(50%);display:flex;gap:8px}.promo-slider__dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.35);transition:.25s}.promo-slider__dots button.is-active{width:28px;background:var(--lime)}

/* Wishlist integration */
.product-card{position:relative}.almani-wishlist{margin:10px 0}.almani-wishlist--compact{position:absolute;z-index:8;top:13px;left:13px;margin:0}.almani-wishlist .yith-wcwl-add-to-wishlist{margin:0}.almani-wishlist .yith-wcwl-add-button>a,.almani-wishlist .yith-wcwl-wishlistaddedbrowse>a,.almani-wishlist .yith-wcwl-wishlistexistsbrowse>a{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 18px;border:1px solid var(--dark-line);border-radius:999px;background:#100b18;color:var(--text)!important;font-weight:800;text-decoration:none!important}.almani-wishlist--compact .yith-wcwl-add-button>a,.almani-wishlist--compact .yith-wcwl-wishlistaddedbrowse>a,.almani-wishlist--compact .yith-wcwl-wishlistexistsbrowse>a{width:38px;height:38px;min-height:38px;padding:0;border-radius:50%;font-size:0;background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(0,0,0,.12)}.almani-wishlist--compact a:before{content:"♡";font-size:1.25rem;line-height:1;color:var(--text)}.almani-wishlist--compact .yith-wcwl-wishlistaddedbrowse a:before,.almani-wishlist--compact .yith-wcwl-wishlistexistsbrowse a:before{content:"♥";color:#d13661}.almani-wishlist .feedback,.almani-wishlist .yith-wcwl-icon{display:none!important}

/* Testimonials */
.testimonials-section{background:#101411}.testimonials-score{display:flex;flex-direction:column;color:#e9b91e;font-size:1.2rem;letter-spacing:.15em}.testimonials-score small{color:var(--muted);letter-spacing:0;font-size:.72rem}.testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.testimonial-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));min-height:260px;display:flex;flex-direction:column}.testimonial-card__quote{position:absolute;left:22px;top:2px;font-family:Georgia,serif;font-size:5rem;color:rgba(182,76,255,.16);line-height:1}.testimonial-card__stars{color:#e9b91e;letter-spacing:.12em}.testimonial-card>p{font-size:1.03rem;color:#dfe5dd;flex:1;margin:22px 0}.testimonial-card footer{display:flex;align-items:center;gap:12px}.testimonial-card footer div{display:flex;flex-direction:column}.testimonial-card footer small{color:var(--muted)}.testimonial-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--text);font-weight:900}

/* About page */
.about-hero{padding:100px 0 90px;background:radial-gradient(circle at 15% 10%,rgba(178,74,255,.18),transparent 34%),linear-gradient(135deg,#060509,#0a0710);overflow:hidden}.about-hero__grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:70px}.about-hero h1{font-size:clamp(3.4rem,7vw,6rem);line-height:1.05;margin:20px 0}.about-hero h1 span{color:var(--lime)}.about-hero p{font-size:1.2rem;color:var(--muted)}.about-hero__art{min-height:390px;border:1px solid var(--line);border-radius:34px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(182,76,255,.16),transparent 50%),#100b18;overflow:hidden}.about-hero__art>span{font-size:17rem;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(190,86,255,.42)}.about-hero__art small{position:absolute;bottom:28px;right:28px;padding:14px 18px;border-radius:16px;background:rgba(0,0,0,.45);color:#fff}.about-intro{background:var(--paper);color:var(--text)}.narrow-copy{max-width:900px}.narrow-copy h2{font-size:clamp(2.2rem,5vw,4rem);margin-top:0}.narrow-copy p{font-size:1.15rem;color:var(--muted)}.narrow-copy blockquote{margin:36px 0 0;padding:24px 28px;border-right:4px solid var(--lime);border-radius:18px;background:#100b18;box-shadow:0 15px 45px rgba(0,0,0,.24);font-size:1.1rem}.about-offer{background:#0c0911;color:var(--text)}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-cards article{padding:30px;border-radius:22px;background:#100b18;border:1px solid var(--dark-line)}.about-cards b{color:#ad4fff;font-size:.85rem}.about-cards h3{font-size:1.5rem;margin:14px 0 8px}.about-cards p{color:var(--muted)}.about-why{background:#08060d}.about-split{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px}.about-visual-card{min-height:430px;border-radius:34px;background:radial-gradient(circle at 50% 35%,rgba(178,74,255,.24),transparent 38%),linear-gradient(145deg,#160b22,#060509);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center}.about-visual-card strong{font-size:8rem;color:var(--lime);line-height:1}.about-visual-card span{color:var(--muted)}.about-split h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.15}.about-split ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-split li:before{content:"✓";color:var(--lime);margin-left:8px}.about-split p{color:var(--muted)}.about-vision{background:var(--paper);color:var(--text)}

/* Account page */
.account-hero{padding:75px 0 65px;background:radial-gradient(circle at 20% 20%,rgba(178,74,255,.18),transparent 30%),linear-gradient(135deg,#09060e,#100b18)}.account-hero h1{font-size:clamp(2.8rem,6vw,5rem);margin:12px 0 0}.account-hero p{color:var(--muted);font-size:1.05rem}.account-shell{padding:55px 0;background:var(--paper);color:var(--text)}.account-shell .woocommerce{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px}.account-shell .woocommerce-MyAccount-navigation{background:#100b18;border:1px solid var(--dark-line);border-radius:20px;padding:15px;align-self:start;position:sticky;top:105px}.account-shell .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}.account-shell .woocommerce-MyAccount-navigation a{display:block;padding:13px 15px;border-radius:12px;font-weight:800}.account-shell .woocommerce-MyAccount-navigation li.is-active a,.account-shell .woocommerce-MyAccount-navigation a:hover{background:#1a1025;color:#d7a2ff}.account-shell .woocommerce-MyAccount-content{min-width:0}.account-welcome{padding:30px;border:1px solid var(--dark-line);border-radius:22px;background:#100b18}.account-welcome h2{font-size:clamp(1.7rem,3vw,2.6rem);margin:8px 0}.account-welcome p{color:var(--muted)}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.account-stats article{padding:22px;border-radius:18px;background:#100b18;color:#fff}.account-stats strong{display:block;font-size:1.7rem;color:var(--lime)}.account-stats span{color:var(--muted);font-size:.82rem}.account-quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.account-quick-links a{display:flex;align-items:center;gap:14px;padding:20px;background:#100b18;border:1px solid var(--dark-line);border-radius:18px;transition:.2s}.account-quick-links a:hover{transform:translateY(-2px);border-color:#9d32ff}.account-quick-links b{width:44px;height:44px;border-radius:14px;background:#1a1025;display:grid;place-items:center}.account-quick-links span{display:flex;flex-direction:column}.account-quick-links small{color:var(--muted)}.account-benefits{padding:40px 0 70px;background:#0c0911;color:var(--text);border-top:1px solid var(--dark-line)}.account-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.account-benefits article{text-align:center;padding:24px}.account-benefits b{font-size:2rem;color:#ba60ff}.account-benefits h3{margin:10px 0 4px}.account-benefits p{color:var(--muted);font-size:.86rem;margin:0}

@media(max-width:1080px){.brand__logo,img.brand__logo{width:160px!important;max-width:160px!important}.hero{min-height:610px}.hero__visual{min-height:450px}.promo-slider{min-height:330px}.promo-slider__track{min-height:330px}.testimonials-grid{grid-template-columns:repeat(2,1fr)}.testimonial-card:last-child{grid-column:1/-1}.about-hero__grid,.about-split{gap:40px}.account-shell .woocommerce{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:860px){:root{--header-h:72px}.brand{min-width:0;justify-content:center}.brand__logo,img.brand__logo{width:150px!important;max-width:150px!important}.hero{min-height:auto}.hero__grid{padding-block:55px 70px}.hero__visual{min-height:430px}.promo-slider-section{padding-top:28px}.promo-slide__content{width:82%;padding:38px;margin-right:3%}.about-hero__grid,.about-split{grid-template-columns:1fr}.about-hero{padding:70px 0}.about-hero__art{min-height:320px}.account-shell .woocommerce{grid-template-columns:1fr}.account-shell .woocommerce-MyAccount-navigation{position:static;overflow:auto}.account-shell .woocommerce-MyAccount-navigation ul{display:flex;gap:6px;min-width:max-content}.account-benefits__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.brand__logo,img.brand__logo{width:122px!important;max-width:122px!important}.wishlist-header-btn{display:grid}.hero__grid{padding-top:38px}.hero__content h1{font-size:clamp(2.8rem,15vw,4.2rem)}.hero__visual{min-height:360px}.promo-slider{min-height:390px;border-radius:22px}.promo-slider__track{min-height:390px}.promo-slide{align-items:flex-end;background-position:center}.promo-slide__veil{background:linear-gradient(0deg,rgba(7,10,7,.96),rgba(7,10,7,.22))}.promo-slide__content{width:100%;padding:30px 24px 58px;margin:0}.promo-slide h2{font-size:2.2rem}.promo-slide p{font-size:.9rem}.promo-slider__arrow{width:38px;height:38px;top:25px;transform:none}.promo-slider__arrow--prev{right:auto;left:62px}.promo-slider__arrow--next{left:18px}.testimonials-grid{grid-template-columns:1fr}.testimonial-card:last-child{grid-column:auto}.about-hero h1{font-size:3.2rem}.about-hero__art>span{font-size:12rem}.about-cards{grid-template-columns:1fr}.about-split ul{grid-template-columns:1fr}.about-visual-card{min-height:320px}.about-visual-card strong{font-size:6rem}.account-hero{padding:55px 0 45px}.account-shell{padding:30px 0}.account-stats{grid-template-columns:1fr}.account-quick-links{grid-template-columns:1fr}.account-benefits__grid{grid-template-columns:1fr 1fr}.almani-wishlist--compact{top:9px;left:9px}}
@media(max-width:420px){.header-main{gap:7px}.brand__logo,img.brand__logo{width:106px!important;max-width:106px!important}.header-actions{gap:4px}.icon-btn,.cart-btn{width:37px;height:37px}.wishlist-header-btn{display:none}.promo-slide__content{padding-inline:20px}.account-benefits__grid{grid-template-columns:1fr}.about-hero__art{min-height:270px}}



/* ============================================================
   Palette restoration refinements — v1.2.1
   These rules keep all v1.2 features while matching the first
   almanivape-modern theme: charcoal, lime, cyan and clean paper.
   ============================================================ */
:root{
  --bg:#090c0a;
  --bg-2:#0f1410;
  --surface:#141a15;
  --surface-2:#1a211b;
  --paper:#f5f7f2;
  --text:#f7f9f4;
  --muted:#a8b0a6;
  --ink:#111510;
  --ink-muted:#657064;
  --lime:#c8ff32;
  --lime-2:#a7eb13;
  --cyan:#54e2d2;
  --purple:#a784ff;
  --orange:#ff9f45;
  --line:rgba(255,255,255,.11);
  --dark-line:rgba(17,21,16,.12);
  --shadow:0 24px 70px rgba(0,0,0,.28);
}
::selection{background:var(--lime);color:var(--ink)}
.wishlist-count{color:var(--ink)}

/* Slider */
.promo-slider{background:linear-gradient(135deg,#121713,#080c0a)}
.promo-slide{
  background-image:linear-gradient(90deg,rgba(7,10,7,.15),rgba(7,10,7,.88)),var(--slide-image,radial-gradient(circle at 22% 40%,rgba(200,255,50,.25),transparent 30%),linear-gradient(135deg,#19241c,#090c0a));
}
.promo-slide:nth-child(2){
  background-image:linear-gradient(90deg,rgba(7,10,7,.1),rgba(7,10,7,.9)),var(--slide-image,radial-gradient(circle at 20% 45%,rgba(84,226,210,.28),transparent 30%),linear-gradient(135deg,#13231f,#090c0a));
}
.promo-slide:nth-child(3){
  background-image:linear-gradient(90deg,rgba(7,10,7,.08),rgba(7,10,7,.9)),var(--slide-image,radial-gradient(circle at 22% 45%,rgba(167,132,255,.23),transparent 32%),linear-gradient(135deg,#1b2616,#090c0a));
}
.promo-slider__arrow:hover{background:var(--lime);color:var(--ink)}

/* YITH Wishlist */
.almani-wishlist .yith-wcwl-add-button>a,
.almani-wishlist .yith-wcwl-wishlistaddedbrowse>a,
.almani-wishlist .yith-wcwl-wishlistexistsbrowse>a{background:#111612;color:#fff!important}
.almani-wishlist--compact .yith-wcwl-add-button>a,
.almani-wishlist--compact .yith-wcwl-wishlistaddedbrowse>a,
.almani-wishlist--compact .yith-wcwl-wishlistexistsbrowse>a{background:rgba(255,255,255,.94);color:var(--ink)!important}
.almani-wishlist--compact a:before{color:var(--ink)}

/* Testimonials */
.testimonials-section{background:#101411}
.testimonial-card__quote{color:rgba(200,255,50,.14)}
.testimonial-avatar{background:var(--lime);color:var(--ink)}

/* About */
.about-hero{background:radial-gradient(circle at 15% 10%,rgba(200,255,50,.14),transparent 34%),linear-gradient(135deg,#090c0a,#0f1410)}
.about-hero__art{background:radial-gradient(circle,rgba(84,226,210,.15),transparent 50%),#141a15}
.about-hero__art>span{-webkit-text-stroke:2px rgba(200,255,50,.34)}
.about-intro,.about-vision{background:var(--paper);color:var(--ink)}
.about-intro .narrow-copy p,.about-vision .narrow-copy p{color:var(--ink-muted)}
.narrow-copy blockquote{background:#fff;color:var(--ink);box-shadow:0 15px 45px rgba(17,21,16,.08)}
.about-offer{background:#0f1410;color:var(--text)}
.about-cards article{background:#141a15;border-color:var(--line)}
.about-cards b{color:var(--lime)}
.about-why{background:#090c0a}
.about-visual-card{background:radial-gradient(circle at 50% 35%,rgba(84,226,210,.18),transparent 38%),linear-gradient(145deg,#16231d,#090c0a)}

/* Account */
.account-hero{background:radial-gradient(circle at 20% 20%,rgba(200,255,50,.14),transparent 30%),linear-gradient(135deg,#090c0a,#141a15)}
.account-shell{background:var(--paper);color:var(--ink)}
.account-shell .woocommerce-MyAccount-navigation,
.account-welcome,
.account-stats article,
.account-quick-links a{background:#fff;color:var(--ink);border-color:var(--dark-line)}
.account-shell .woocommerce-MyAccount-navigation li.is-active a,
.account-shell .woocommerce-MyAccount-navigation a:hover{background:#eef6da;color:#3f5900}
.account-welcome p,.account-stats span,.account-quick-links small{color:var(--ink-muted)}
.account-quick-links a:hover{border-color:#9bc800}
.account-quick-links b{background:#eef6da;color:#4f6d00}
.account-benefits{background:#0f1410;color:var(--text);border-top-color:var(--line)}
.account-benefits b{color:var(--lime)}

/* ============================================================
   v1.3.0 — clarity and responsive refinements
   ============================================================ */

/* Advertising slider: preserve uploaded artwork and avoid a double-dark veil. */
.promo-slide{
  background-image:linear-gradient(90deg,rgba(7,10,7,.03),rgba(7,10,7,.58)),var(--slide-image,radial-gradient(circle at 22% 40%,rgba(200,255,50,.25),transparent 30%),linear-gradient(135deg,#19241c,#090c0a));
}
.promo-slide:nth-child(2){
  background-image:linear-gradient(90deg,rgba(7,10,7,.02),rgba(7,10,7,.6)),var(--slide-image,radial-gradient(circle at 20% 45%,rgba(84,226,210,.28),transparent 30%),linear-gradient(135deg,#13231f,#090c0a));
}
.promo-slide:nth-child(3){
  background-image:linear-gradient(90deg,rgba(7,10,7,.02),rgba(7,10,7,.6)),var(--slide-image,radial-gradient(circle at 22% 45%,rgba(167,132,255,.23),transparent 32%),linear-gradient(135deg,#1b2616,#090c0a));
}
.promo-slide__veil{background:linear-gradient(90deg,transparent 0%,rgba(7,10,7,.03) 48%,rgba(7,10,7,.42) 100%)}
.promo-slider{min-height:330px}
.promo-slider__track{min-height:330px}

/* Product photographs must retain their real colours. */
.product-card__media img.product-card__img,
.products-section:not(.products-section--light) .product-card__media img.product-card__img{
  mix-blend-mode:normal!important;
}

/* Drawer surfaces now follow the original charcoal/green identity. */
.mobile-menu,.cart-drawer{background:#0c100d}
.cart-drawer{width:min(470px,100vw);padding:clamp(18px,4vw,28px)}
.drawer-head{flex:0 0 auto;padding-bottom:16px;border-bottom:1px solid var(--line)}
.drawer-head h2{font-size:clamp(1.65rem,6vw,2.25rem);line-height:1.2}

@media(max-width:600px){
  .promo-slider,.promo-slider__track{min-height:330px}
  .promo-slide{background-position:center}
  .promo-slide__veil{background:linear-gradient(0deg,rgba(7,10,7,.82),rgba(7,10,7,.06) 65%)}
  .promo-slide__content{padding-bottom:52px}
}

/* ============================================================
   v1.3.1 — Mobile-first experience refinements
   Fixes narrow-screen clipping, crowded headings, category cards,
   wishlist overlays and third-party chat collisions.
   ============================================================ */

@media (max-width:700px){
  /* overflow-x:clip prevents sideways scroll WITHOUT making html/body a scroll
     container, so position:sticky (the header) keeps working. overflow-x:hidden
     here broke the sticky header on phones. */
  html,body{max-width:100%;overflow-x:clip}
  :root{--container:calc(100% - 28px)}

  /* Compact, balanced mobile header with a truly centred logo. */
  .announcement{height:28px;font-size:.68rem;overflow:hidden}
  .announcement__inner{height:28px;justify-content:center;animation:none!important;transform:none!important}
  .site-header{backdrop-filter:blur(16px)}
  .site-header .header-main{
    position:relative;display:flex;align-items:center;justify-content:space-between;
    height:64px!important;gap:8px;padding:0;
  }
  .header-main>.brand{
    position:absolute;left:50%;transform:translateX(-50%);z-index:1;
    width:auto;min-width:0!important;max-width:170px;justify-content:center!important;
  }
  .header-main>.brand .brand__logo,.header-main>.brand img.brand__logo{
    width:138px!important;max-width:138px!important;height:auto!important;
  }
  .header-main>.brand svg.brand__logo{width:auto!important;height:44px!important;max-width:180px!important}
  .header-main>.mobile-only,.header-actions{position:relative;z-index:2}
  .header-actions{gap:6px;margin-inline-start:auto}
  .icon-btn,.cart-btn{width:40px!important;height:40px!important;min-width:40px;border-radius:12px}
  .icon-btn svg,.cart-btn svg{width:19px}
  .wishlist-header-btn,.almani-currency{display:none!important}
  .cart-count{top:-5px;right:-5px}

  /* A concise mobile hero: no long decorative empty area and no text clipping. */
  .hero{min-height:auto!important;display:block}
  .hero__grid{display:block!important;padding:34px 0 38px!important}
  .hero__content{text-align:right!important;max-width:100%;min-width:0}
  .hero__content .eyebrow{font-size:.7rem;letter-spacing:0;max-width:100%}
  .hero__content h1{
    width:100%;max-width:100%;margin:14px 0 16px!important;
    font-size:clamp(2.25rem,11.5vw,3.2rem)!important;line-height:1.08!important;
    letter-spacing:-.035em!important;overflow-wrap:normal;word-break:normal;
  }
  .hero__content h1 span{display:block;-webkit-text-stroke:1px rgba(255,255,255,.72)}
  .hero__content>p{font-size:.9rem!important;line-height:1.85;margin:0 0 20px!important;max-width:none}
  .hero__actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .hero__actions .btn{width:100%;min-height:50px;padding-inline:18px}
  .hero__proof{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;
    margin-top:22px!important;text-align:center;
  }
  .hero__proof>div{padding:9px 5px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035)}
  .hero__proof strong{font-size:1rem!important;line-height:1.2}
  .hero__proof span{font-size:.58rem!important;line-height:1.45}
  /* v1.5.5 — compact hero showcase on phones: the desktop 3-D product
     stage, spinning rings and floating chips return at ~55% scale under
     the hero text (330px tall, so it never crowds the first screen). */
  .hero__visual{
    display:grid!important;place-items:center;position:relative;
    min-height:0!important;height:330px;margin-top:14px;
  }
  .hero-ring--outer{width:290px!important;height:290px!important}
  .hero-ring--outer::before{top:34px;left:40px}
  .hero-ring--outer::after{bottom:28px;right:46px}
  .hero-ring--inner{width:216px!important;height:216px!important}
  .product-stage{
    position:absolute;left:50%;top:50%;width:350px;height:430px;
    transform:translate(-50%,-52%) scale(.55) rotate(-6deg)!important;
  }
  .float-chip{font-size:.62rem!important;padding:7px 11px!important}
  .float-chip--1{top:20px!important;right:4px!important}
  .float-chip--2{bottom:26px!important;top:auto!important;right:8px!important}
  .float-chip--3{top:124px!important;left:2px!important}
  .scroll-cue{display:none!important}

  /* Keep service benefits compact instead of four tall rows. */
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .trust-grid article{
    min-width:0;padding:14px 10px!important;gap:9px;border-bottom:1px solid var(--line)!important;
  }
  .trust-grid article:nth-child(odd){border-left:1px solid var(--line)!important}
  .trust-grid article:nth-last-child(-n+2){border-bottom:0!important}
  .feature-icon{width:36px;height:36px;min-width:36px;border-radius:11px}
  .trust-grid strong{font-size:.75rem;line-height:1.45}
  .trust-grid small{display:none}

  /* Mobile section headings stack naturally, without squeezing the link. */
  .section{padding:56px 0!important}
  .section-head{
    width:100%;display:flex!important;flex-direction:column!important;align-items:stretch!important;
    justify-content:flex-start!important;gap:12px!important;margin-bottom:22px!important;
  }
  .section-head>div{min-width:0;width:100%}
  .section-head h2,.story__content h2,.faq-intro h2{
    max-width:100%;font-size:clamp(2rem,10vw,2.65rem)!important;line-height:1.12!important;
    letter-spacing:-.03em!important;margin-top:5px!important;overflow-wrap:anywhere;
  }
  .section-head .text-link{align-self:flex-start;font-size:.78rem;white-space:nowrap}
  .slider-controls{align-self:flex-start}
  .slider-controls button{width:40px;height:40px}

  /* Advertising slider remains readable and does not dominate the first screen. */
  .promo-slider-section{padding:22px 0 8px!important}
  .promo-slider,.promo-slider__track{min-height:290px!important}
  .promo-slider{border-radius:18px!important}
  .promo-slide{align-items:flex-end!important;background-position:center!important}
  .promo-slide__veil{background:linear-gradient(0deg,rgba(7,10,7,.88),rgba(7,10,7,.04) 68%)!important}
  .promo-slide__content{width:100%!important;margin:0!important;padding:24px 20px 48px!important}
  .promo-slide h2{font-size:clamp(1.65rem,8vw,2.25rem)!important;margin:6px 0 8px}
  .promo-slide p{font-size:.8rem!important;line-height:1.65;margin-bottom:14px}
  .promo-slide .btn{min-height:44px;padding-inline:17px;font-size:.82rem}
  .promo-slider__arrow{top:14px!important;transform:none!important;width:36px!important;height:36px!important}
  .promo-slider__arrow--prev{right:auto!important;left:56px!important}
  .promo-slider__arrow--next{left:14px!important}
  .promo-slider__dots{bottom:12px}

  /* Category cards: two per row on phones — compact vertical cards. */
  .category-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%}
  .category-card{
    width:100%;min-width:0;min-height:220px!important;padding:16px 15px 15px!important;border-radius:18px!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
  }
  .category-card>div:last-child{width:100%!important;min-width:0;margin-top:auto}
  .category-card__number{top:12px;right:14px;font-size:.72rem}
  .category-card h3{font-size:1.02rem!important;line-height:1.28;margin:3px 0 9px!important;overflow-wrap:anywhere}
  .category-card p{display:none!important}
  .category-card small{font-size:.66rem}
  /* The visual sits IN FLOW (not absolute) on phones, so it can never
     overlap the count/title no matter how long the title wraps. */
  .category-visual{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;flex:none;width:62%!important;height:84px!important;margin:16px auto 10px!important;
  }
  .round-arrow{width:34px;height:34px;font-size:.95rem}

  /* Product cards: readable touch targets, balanced image and stable snapping. */
  .product-rail{grid-auto-columns:min(84vw,305px)!important;gap:12px!important;scroll-padding-inline:2px}
  .product-card{border-radius:18px}
  .product-card__media{height:235px!important}
  .product-card__media img.product-card__img{padding:12px!important}
  .product-card__body{padding:14px!important}
  .product-card h3{font-size:.9rem!important;line-height:1.55;min-height:44px!important;margin:6px 0 10px}
  .product-card__category{font-size:.62rem!important}
  .price{font-size:.94rem!important}
  .add-btn{width:40px!important;height:40px!important;min-width:40px;border-radius:12px}
  .product-badge{top:10px;right:10px;font-size:.61rem}

  /* Universal YITH markup support (old and new plugin versions). */
  .product-card .almani-wishlist--compact{
    position:absolute!important;top:10px!important;left:10px!important;z-index:12!important;
    width:40px!important;height:40px!important;max-width:40px!important;margin:0!important;
  }
  .product-card .almani-wishlist--compact *{max-width:40px!important}
  .product-card .almani-wishlist--compact a,
  .product-card .almani-wishlist--compact button,
  .product-card .almani-wishlist--compact .button{
    position:relative!important;width:40px!important;height:40px!important;min-width:40px!important;
    min-height:40px!important;padding:0!important;margin:0!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;overflow:hidden!important;
    color:transparent!important;font-size:0!important;line-height:0!important;text-indent:-9999px!important;
    background:rgba(255,255,255,.96)!important;border:1px solid rgba(17,21,16,.12)!important;
    box-shadow:0 7px 20px rgba(0,0,0,.14)!important;
  }
  .product-card .almani-wishlist--compact a:before,
  .product-card .almani-wishlist--compact button:before{
    content:"♡"!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;
    color:var(--ink)!important;font-size:1.35rem!important;line-height:1!important;text-indent:0!important;
  }
  .product-card .almani-wishlist--compact .yith-wcwl-wishlistaddedbrowse a:before,
  .product-card .almani-wishlist--compact .yith-wcwl-wishlistexistsbrowse a:before,
  .product-card .almani-wishlist--compact a.delete_item:before{content:"♥"!important;color:#d13661!important}
  .product-card .almani-wishlist--compact .feedback,
  .product-card .almani-wishlist--compact span,
  .product-card .almani-wishlist--compact i{display:none!important}

  /* Other homepage blocks remain compact and touch friendly. */
  .campaign-card{min-height:330px!important;padding:24px!important;border-radius:20px}
  .campaign-card h2{font-size:2.65rem!important}
  .campaign-card__giant{font-size:13rem!important}
  .story__grid,.faq-grid{gap:26px!important}
  .story__visual{min-height:300px!important}
  .story__big-a{font-size:11rem!important}
  .testimonial-card{min-height:auto;padding:22px}
  .cta-box{padding:24px!important;border-radius:20px}
  .cta-box h2{font-size:1.8rem;line-height:1.25}

  /* Prevent common chat plugins from covering cards and buttons. */
  #tidio-chat-iframe,
  iframe#tidio-chat-iframe,
  body .tidio-chat,
  body #tidio-chat,
  body .chaty-widget,
  body .joinchat,
  body .ht-ctc-chat,
  body .wp-chatbot-ball,
  body .getbutton{
    bottom:calc(74px + env(safe-area-inset-bottom))!important;
    right:10px!important;
  }
  .whatsapp-float{bottom:calc(14px + env(safe-area-inset-bottom))!important;left:12px!important}
}

@media (max-width:380px){
  :root{--container:calc(100% - 20px)}
  .header-main>.brand{max-width:96px}
  .header-main>.brand .brand__logo,.header-main>.brand img.brand__logo{width:94px!important;max-width:94px!important}
  .header-actions{gap:4px}
  .icon-btn,.cart-btn{width:38px!important;height:38px!important;min-width:38px}
  .hero__grid{padding-top:28px!important}
  .hero__content h1{font-size:clamp(2.05rem,11.2vw,2.55rem)!important}
  .hero__proof{gap:5px!important}
  .hero__proof>div{padding-inline:2px}
  .section{padding:48px 0!important}
  .section-head h2,.story__content h2,.faq-intro h2{font-size:2rem!important}
  .category-card{min-height:196px!important;padding:14px 13px!important}
  .category-card>div:last-child{width:100%!important}
  .category-card p{display:none}
  .category-card h3{font-size:.92rem!important}
  /* Stays in flow (position/transform inherited from the ≤700 rules). */
  .category-visual{width:66%!important;height:72px!important;margin:14px auto 8px!important}
  .product-grid,.product-grid--shop{grid-template-columns:1fr!important}
  .product-grid .product-card__media{height:255px!important}
  .product-rail{grid-auto-columns:88vw!important}
  .trust-grid strong{font-size:.7rem}
}

@media (hover:none){
  .category-card:hover,.product-card:hover,.btn:hover{transform:none!important}
}

/* v1.3.2 — subtle product image zoom on hover (card lift already exists). */
.product-card__img{transition:transform .45s ease;will-change:transform}
.product-card:hover .product-card__img{transform:scale(1.06)}
@media (hover:none){.product-card:hover .product-card__img{transform:none}}

/* v1.3.2 — Shop-by-brand: clickable logo grid replaces the text marquee. */
.brands-section{padding:70px 0!important;background:#0b0f0c;border-block:1px solid var(--line);overflow:visible!important}
.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:6px}
.brand-card{display:grid;place-items:center;min-height:104px;padding:20px;background:#fff;border:1px solid var(--dark-line);border-radius:18px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.brand-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.28);border-color:var(--lime)}
.brand-card__logo{max-width:100%;max-height:58px;width:auto;height:auto;object-fit:contain}
.brand-card__name{color:var(--ink);font-weight:900;font-size:1.05rem;letter-spacing:.05em;text-align:center}
@media(max-width:1080px){.brand-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:768px){.brand-grid{grid-template-columns:repeat(3,1fr)}.brand-card{min-height:88px;padding:14px}.brand-card__logo{max-height:46px}}
@media(max-width:420px){.brand-grid{grid-template-columns:repeat(2,1fr)}}

/* v1.3.2 — Promo slider: uploaded images show in FULL on every device (no crop,
   no loss). The image is contained; a blurred copy fills the letterbox area so
   any aspect ratio looks intentional. Theme text overlay is hidden for image
   slides (the whole slide becomes a link). */
.promo-slide--has-image .promo-slide__veil,
.promo-slide--has-image .promo-slide__content{display:none}
.promo-slide--has-image::before{content:"";position:absolute;inset:0;z-index:0;background:var(--slide-image) center/cover no-repeat;filter:blur(26px) brightness(.55);transform:scale(1.12)}
.promo-slide--has-image::after{content:"";position:absolute;inset:0;z-index:1;background:var(--slide-image) center/contain no-repeat}
.promo-slide__link{position:absolute;inset:0;z-index:3}

/* v1.3.4 — Arabic hero headline fix: negative letter-spacing overlapped the
   connected Arabic glyphs, and the tight line-height crowded the diacritics
   (e.g. the damma on «يُلاحظ»). Arabic reads best with normal tracking. */
.hero__content h1{letter-spacing:normal;line-height:1.12}

/* v1.3.5 — The second headline line used -webkit-text-stroke (outlined glyphs).
   On CONNECTED Arabic the adjacent glyph outlines cross at the joins and look
   tangled/overlapping. Drop the stroke and use a clean fill so the line has no
   overlapping outlines.
   v1.3.6 — user chose lime for the second line (stronger accent than the
   ghosted white). Keep the stroke off so connected Arabic stays clean. */
.hero__content h1 span{-webkit-text-stroke:0;color:var(--lime)}

/* v1.4.2 — new brand identity: inline horizontal SVG logo (wide 430:84 ratio).
   The img.brand__logo caps above are img-specific, so give the inline <svg>
   its own responsive sizing to stay crisp and never overflow the header. */
/* !important needed to beat the theme's img/element .brand__logo{…!important} caps. */
svg.brand__logo{display:block!important;height:50px!important;width:auto!important;max-width:265px!important}
.brand--center svg.brand__logo{height:62px!important;max-width:320px!important}
.mobile-menu svg.brand__logo{height:46px!important;max-width:250px!important}
@media(max-width:1080px){svg.brand__logo{height:48px!important;max-width:250px!important}}
@media(max-width:600px){svg.brand__logo{height:42px!important;max-width:215px!important}.mobile-menu svg.brand__logo{height:44px!important;max-width:230px!important}}
@media(max-width:420px){.header-main svg.brand__logo{height:38px!important;max-width:185px!important}}

/* ============================================================
   v1.5.1 — Mobile layout requests:
   • Offers (campaign) cards side by side.
   • Best sellers / Brands / New arrivals become two-row swipe
     sliders showing two cards per row.
   Appended last so these win the cascade on phones.
   ============================================================ */
@media (max-width:700px){
  /* Offers: the two promo cards sit side by side instead of stacked. */
  .campaign__grid{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .campaign-card{min-height:250px!important;padding:16px 15px!important;border-radius:18px!important}
  .campaign-card .eyebrow{font-size:.62rem!important}
  .campaign-card h2{font-size:1.5rem!important;line-height:1.14!important;margin:8px 0!important}
  .campaign-card--sale h2 b{font-size:1.15em!important}
  .campaign-card p{font-size:.72rem!important;line-height:1.55!important;margin:0 0 14px!important;opacity:.72}
  .campaign-card .btn{width:100%!important;min-height:44px;padding-inline:12px!important;font-size:.78rem!important;justify-content:center}
  .campaign-card__giant{font-size:8rem!important;bottom:-30px!important;left:-6px!important}
  .campaign-card--fast .speed-lines{width:250px!important;height:250px!important;inset:auto -70px -40px auto!important}

  /* Two-row horizontal sliders: two cards per row, swipe for more. */
  .product-rail,
  .products-section--light .product-grid,
  .brand-grid{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-rows:auto auto!important;
    grid-template-columns:none!important;
    grid-auto-columns:47%!important;
    gap:14px 10px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;scroll-padding-inline:2px;
    -webkit-overflow-scrolling:touch;
    padding:2px 2px 12px!important;
    scrollbar-width:none;
  }
  .product-rail::-webkit-scrollbar,
  .products-section--light .product-grid::-webkit-scrollbar,
  .brand-grid::-webkit-scrollbar{display:none}
  .product-rail>*,
  .products-section--light .product-grid>*,
  .brand-grid>*{scroll-snap-align:start!important}

  /* Compact product cards inside the sliders. */
  .product-rail .product-card__media,
  .products-section--light .product-grid .product-card__media{height:150px!important}
  .product-rail .product-card__body,
  .products-section--light .product-grid .product-card__body{padding:12px!important}
  .brand-grid .brand-card{min-height:96px!important;margin:0!important}
}

/* ============================================================
   v1.5.3 — Alignment consistency (every breakpoint):
   Cards in the same row are equal height (grid stretch), and the
   price row / CTA is pinned to the card bottom, so the add (+)
   button and campaign buttons always line up regardless of how
   many lines a title or paragraph wraps to.
   ============================================================ */
.product-card{display:flex;flex-direction:column}
.product-card__media{flex:none}
.product-card__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.product-card__body h3{margin-bottom:12px}
.product-card__body .price-row{margin-top:auto}

@media (max-width:860px){
  .campaign-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
  .campaign-card .btn{margin-top:auto!important}
}

@media (max-width:700px){
  /* On phones a sale price stacks two lines (struck old price above the
     current one); bottom-align the row so the add (+) button never shifts. */
  .price-row{align-items:flex-end!important}
}

/* ============================================================
   v1.5.6 — Currency switcher lives in the mobile drawer:
   a labelled row above the WhatsApp button. The header instance
   stays hidden on phones (the centred logo needs the space).
   ============================================================ */
.mobile-menu__currency{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:16px 0 14px;padding:12px 14px;
  border:1px solid var(--line);border-radius:14px;
  background:rgba(255,255,255,.04);
}
.mobile-menu__currency>span{font-weight:800;font-size:.84rem;color:var(--muted)}
.mobile-menu__currency .almani-currency{position:relative;display:flex;align-items:center}
@media (max-width:700px){
  /* Beat the header's `.almani-currency{display:none!important}` rule
     for the drawer instance only. */
  .mobile-menu__currency .almani-currency{display:flex!important}
}

/* ============================================================
   v1.7.4 — Type & colour polish from the cross-device audit.
   Rule of thumb applied: no functional text below ~10.5px, and
   every text colour meets WCAG AA on its actual background.
   ============================================================ */
/* The lime-olive eyebrow on light sections measured 3.5:1 — darken to ~4.8:1.
   Same for the light-section card category label (#668900 ≈ 3.9:1). */
.categories .eyebrow,.products-section--light .eyebrow,.faq-section .eyebrow{color:#567500}
.products-section--light .product-card__category,.shop-view .product-card__category{color:#567500}

/* Small labels were 10.9–11.2px on desktop/tablet — one step up. */
.product-card__category{font-size:.75rem}
.product-badge{font-size:.72rem}

@media (max-width:700px){
  /* Everything here measured 9.3–10.6px on phones. */
  .hero__proof span{font-size:.68rem!important;line-height:1.5}
  .float-chip{font-size:.68rem!important}
  .product-card__category{font-size:.68rem!important}
  .product-badge{font-size:.66rem;padding:5px 9px}
  .campaign-card .eyebrow{font-size:.7rem!important}
  .category-card small{font-size:.7rem!important}
}
@media (max-width:380px){
  .hero__proof span{font-size:.66rem!important}
  .trust-grid strong{font-size:.73rem}
}
/* v1.8.0 — theme-native age gate (replaces the Age Gate plugin).
   Markup ships hidden on every page; a tiny inline script opens it client-side
   so LiteSpeed's shared guest cache stays valid. */
html.age-locked{overflow:hidden}
/* [hidden] must beat the display:grid below, or the closed gate stays an
   invisible full-screen layer that swallows every click and hover. */
.age-gate[hidden]{display:none!important}
.age-gate{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .5s ease}
.age-gate--open{opacity:1}
.age-gate--out{opacity:0;pointer-events:none;transition:opacity .55s ease}
.age-gate__backdrop{position:absolute;inset:0;background:radial-gradient(560px 420px at 82% 16%,rgba(167,235,19,.13),transparent 60%),radial-gradient(540px 480px at 10% 84%,rgba(140,92,255,.12),transparent 62%),radial-gradient(430px 390px at 28% 24%,rgba(45,212,191,.07),transparent 65%),rgba(7,10,8,.72);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
/* The custom cursor (motion.css, z-index 9990) must stay visible above the gate;
   the html prefix out-specifies motion.css, which loads after this file. */
html .cursor-dot,html .cursor-ring{z-index:100001}
.age-gate__card{position:relative;width:min(560px,100%);background:linear-gradient(160deg,#10150f,#0b0e0a);border:1px solid var(--line);border-radius:30px;padding:44px 42px 36px;text-align:center;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.55);transform:translateY(28px) scale(.96);transition:transform .6s cubic-bezier(.22,.9,.26,1)}
.age-gate--open .age-gate__card{transform:none}
.age-gate__giant{position:absolute;inset-inline-start:-14px;bottom:-64px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16rem;line-height:1;color:rgba(167,235,19,.05);pointer-events:none;user-select:none}
.age-gate__brand{display:flex;justify-content:center;margin-bottom:24px}
/* direction:ltr — inside the RTL page, SVG <text> would otherwise draw leftward
   from its x anchor and clip outside the viewBox (the header sets this too).
   translateX(11%) — the logo viewBox is 430 wide but its artwork ends at 335,
   so half the dead right side is shifted back to truly center the artwork. */
svg.age-gate__logo,img.age-gate__logo{height:40px;width:auto;max-width:230px;direction:ltr;transform:translateX(11%)}
.age-gate__badge{position:relative;width:96px;height:96px;margin:0 auto 20px;display:grid;place-items:center}
.age-gate__badge strong{position:relative;font-family:'Space Grotesk',sans-serif;font-size:1.45rem;color:var(--lime);letter-spacing:.02em}
.age-gate__ring{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(167,235,19,.5);animation:ageSpin 16s linear infinite}
.age-gate__ring::after{content:"";position:absolute;inset:9px;border-radius:50%;border:1px solid var(--line);background:rgba(167,235,19,.06)}
@keyframes ageSpin{to{transform:rotate(360deg)}}
.age-gate__eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--lime);margin-bottom:10px}
.age-gate__card h2{font-size:1.7rem;font-weight:900;color:var(--text);margin:0 0 12px;line-height:1.35}
.age-gate__ask p{color:var(--muted);font-size:.92rem;line-height:1.9;max-width:40ch;margin:0 auto}
.age-gate__actions{display:flex;gap:12px;justify-content:center;margin:26px 0 18px}
.age-gate__yes,.age-gate__no{font:inherit;font-weight:800;font-size:.95rem;border-radius:999px;padding:14px 30px;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease}
.age-gate__yes{background:var(--lime);color:#0a0d0b;border:1px solid var(--lime)}
.age-gate__yes:hover{transform:translateY(-2px);background:#b8f52e}
.age-gate__no{background:transparent;color:var(--text);border:1px solid var(--line)}
.age-gate__no:hover{border-color:rgba(255,255,255,.35);transform:translateY(-2px)}
.age-gate__yes:focus-visible,.age-gate__no:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.age-gate__ask small{display:block;color:rgba(255,255,255,.38);font-size:.7rem;line-height:1.8;max-width:46ch;margin:0 auto}
.age-gate__deny{display:none}
.age-gate--deny .age-gate__ask{display:none}
.age-gate--deny .age-gate__deny{display:block;animation:ageDenyIn .4s ease both}
.age-gate__deny p{color:var(--muted);font-size:.92rem;line-height:1.9}
@keyframes ageDenyIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:480px){
  .age-gate{padding:14px}
  .age-gate__card{padding:34px 22px 26px;border-radius:24px}
  .age-gate__card h2{font-size:1.4rem}
  .age-gate__giant{font-size:11rem;bottom:-44px}
  .age-gate__actions{flex-direction:column}
  .age-gate__yes,.age-gate__no{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .age-gate,.age-gate__card,.age-gate--out{transition:none}
  .age-gate__ring{animation:none}
  .age-gate--deny .age-gate__deny{animation:none}
}

/* v1.8.3 — header decongestion + working dropdowns.
   The desktop nav is now the curated 6-item structure (header.php); these rules
   stop items from wrapping onto two lines and style the brands mega panel. */
.desktop-nav>a,.nav-dropdown-btn{white-space:nowrap}
.desktop-nav{flex-wrap:nowrap}
@media (min-width:861px) and (max-width:1250px){.desktop-nav{gap:16px}}
@media (min-width:861px) and (max-width:1080px){
  .desktop-nav{gap:12px}
  .desktop-nav>a,.nav-dropdown-btn{font-size:.84rem}
}
/* keyboard access: the megas were hover-only */
.nav-dropdown-btn:focus-visible+.nav-mega,.nav-mega:focus-within{opacity:1;visibility:visible;transform:translate(50%,0)}
.nav-mega--brands{width:560px;grid-template-columns:repeat(3,1fr)}
.nav-mega--brands a{padding:12px 15px}
.nav-mega--brands strong{font-size:.9rem}
.nav-mega__all{grid-column:1/-1;flex-direction:row!important;justify-content:center;gap:8px;color:var(--lime)!important;font-weight:800;border-top:1px solid var(--line);border-radius:0 0 14px 14px!important;margin-top:4px}

/* v1.8.5 — real touch scroll-lock for drawers + 2-per-row shop grid on small phones.
   overflow:hidden on body does not stop touch scrolling on iOS; the JS lock now
   pins the body with position:fixed (scroll offset saved/restored in theme.js
   and features.js), and the panels scroll within themselves without chaining
   the gesture to the page behind. */
body.locked{position:fixed;left:0;right:0;width:100%;overflow:hidden}
.mobile-menu{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cart-drawer{overscroll-behavior:contain}
.cart-items{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.filters{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.overlay{touch-action:none;overscroll-behavior:contain}
@media (max-width:380px){
  /* The ≤380 block above forced 1fr!important; shop stays two-per-row like
     every other phone width (this later block wins the same-specificity tie). */
  .product-grid--shop{grid-template-columns:1fr 1fr!important}
  .product-grid--shop .product-card__media{height:175px!important}
}

/* v1.8.6 — "اكتشف المزيد" scroll cue was unclickable: it sits inside .hero as a
   sibling of .hero__grid, which has z-index:2, so the grid container painted over
   the cue (z-index:auto) and swallowed the click. Lift the cue above the grid. */
.scroll-cue{z-index:3}
/* land the jump below the sticky header instead of under it */
#categories{scroll-margin-top:96px}

/* v1.8.7 — header stays pinned on scroll-down (per request). The motion.js
   hide-on-scroll behaviour is removed; this neutralises any stale cached class. */
.site-header.header--hidden{transform:none!important}

/* v1.8.9 — red sale accents (user request). */
/* 3) Header "تخفيضات" link stands out in red on every device. */
.desktop-nav>a.nav-sale{color:#ff5c74}
.desktop-nav>a.nav-sale::after{background:#ff5c74}
.desktop-nav>a.nav-sale:hover{color:#ff8296}
/* 2b) Card sale badge matches: red pill instead of lime (جديد stays lime). */
.product-badge--sale{background:#e11d48!important;color:#fff!important;box-shadow:0 8px 20px rgba(225,29,72,.3)}
/* Mobile drawer: the sale item (WP menu link to the sale category) matches the
   red desktop nav accent. */
.mobile-menu nav a[href*="/sale/"]{color:#ff5c74}

/* ==================== v1.9.9 - Contact page (/contact-us/) ==================== */
.contact-hero{background:radial-gradient(circle at 85% 15%,rgba(200,255,50,.16),transparent 36%),radial-gradient(circle at 10% 90%,rgba(84,226,210,.12),transparent 40%),linear-gradient(135deg,#090c0a,#0f1410);padding:88px 0 66px;text-align:center;position:relative;overflow:hidden}
.contact-hero__inner{max-width:640px;margin:0 auto;position:relative;z-index:2}
.contact-hero h1{color:#fff;font-size:clamp(2.3rem,6vw,3.4rem);font-weight:900;margin:14px 0 12px}
.contact-hero h1 span{color:var(--lime)}
.contact-hero p{color:rgba(255,255,255,.75);font-size:1.02rem;line-height:1.9;margin:0}
.contact-channels{padding-top:54px}
.contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:920px;margin:0 auto}
.contact-card{background:#fff;border:1px solid #e4e8de;border-radius:24px;padding:36px 28px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;box-shadow:0 18px 50px rgba(17,21,16,.06);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.contact-card:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(17,21,16,.11)}
.contact-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px}
.contact-card--wa::before{background:linear-gradient(90deg,#25d366,#128c7e)}
.contact-card--ig::before{background:linear-gradient(90deg,#f58529,#dd2a7b,#8134af,#515bd4)}
.contact-card__icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;flex:none}
.contact-card--wa .contact-card__icon{background:rgba(37,211,102,.13);color:#128c7e}
.contact-card--ig .contact-card__icon{background:rgba(221,42,123,.1);color:#dd2a7b}
.contact-card__icon svg{width:30px;height:30px;fill:currentColor;display:block}
.contact-card h2{font-size:1.28rem;font-weight:900;margin:4px 0 0;color:#111510}
.contact-card>p{color:#5b6357;font-size:.92rem;line-height:1.8;margin:0;max-width:330px}
.contact-card__value{direction:ltr;font-weight:800;font-size:1.04rem;letter-spacing:.4px;color:#111510}
.btn.contact-card__btn{margin-top:8px;min-width:230px;min-height:52px;justify-content:center;border-radius:999px;font-weight:800}
.btn.contact-card__btn--wa{background:#25d366;color:#04240f;box-shadow:0 12px 28px rgba(37,211,102,.32)}
.btn.contact-card__btn--wa:hover{background:#1fc55b;transform:translateY(-2px)}
.btn.contact-card__btn--ig{background:linear-gradient(90deg,#f58529,#dd2a7b,#8134af);color:#fff;box-shadow:0 12px 28px rgba(221,42,123,.28)}
.btn.contact-card__btn--ig:hover{filter:brightness(1.08);transform:translateY(-2px)}
.contact-card small{color:#8a927f;font-size:.78rem;font-weight:600}
.contact-points{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:920px;margin:26px auto 0;padding:0}
.contact-points li{background:#f2f5ee;border:1px solid #e4e8de;border-radius:16px;padding:15px 12px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:.82rem;color:#26301f}
.contact-points li svg{width:17px;height:17px;flex:none;color:#567500}
.contact-cta{padding-top:10px}
@media(max-width:860px){.contact-cards{grid-template-columns:1fr;max-width:520px}.contact-points{grid-template-columns:repeat(2,1fr);max-width:520px}}
@media(max-width:700px){.contact-hero{padding:64px 0 48px}.contact-channels{padding-top:40px}.contact-card{padding:30px 20px 26px}}
@media(max-width:430px){.contact-points{gap:10px}.contact-points li{font-size:.75rem;padding:12px 8px;gap:7px}}

/* ==================== v1.10.0 - Footer socials logos + mobile footer centring + mobile header logo/wishlist ==================== */
/* 1) Footer social buttons: real WhatsApp/Instagram/Facebook marks. */
.socials a{color:#cfd6cc;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}
.socials a svg{width:17px;height:17px;fill:currentColor;display:block}
.socials a:hover{transform:translateY(-2px)}
.socials__wa:hover{background:#25d366;border-color:#25d366;color:#04240f}
.socials__ig:hover{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af);border-color:transparent;color:#fff}
.socials__fb:hover{background:#1877f2;border-color:#1877f2;color:#fff}

/* 2) Mobile footer: brand block truly centred. The wordmark SVG has dead space
   on its left (artwork ends ~x345 of the 430-unit viewBox), so nudge it right
   by 10% when centred — same trick as the age-gate logo. */
@media(max-width:860px){
  .footer__brand{display:flex;flex-direction:column;align-items:center;text-align:center}
  .footer__brand .brand{min-width:0;justify-content:center}
  .footer__brand svg.brand__logo{transform:translateX(10%)}
  .footer__brand p{max-width:420px}
  .footer__brand .socials{justify-content:center}
}

/* 3) Mobile header: swap the 3-line wordmark for a bigger one-line compact
   logo, and show a wishlist button beside the menu button (balanced: two
   controls each side of the centred logo, so nothing crowds). */
.wishlist-mobile-btn{display:none;position:relative}
@media(max-width:700px){
  .header-main>.brand{max-width:none}
  .header-main>.brand svg.brand__logo{display:block!important;width:min(47vw,190px)!important;max-width:none!important;height:auto!important;transform:translateX(10%)}
  .wishlist-mobile-btn{display:grid;place-items:center;z-index:2}
  .wishlist-mobile-btn svg{width:19px}
  .site-header .header-main{gap:6px}
}
@media(max-width:420px){
  .wishlist-mobile-btn{display:grid}
  .header-main>.brand svg.brand__logo{width:min(46vw,168px)!important}
}
@media(max-width:360px){
  .header-main>.brand svg.brand__logo{width:41vw!important}
}

/* v1.10.1: on phones the auto inline-start margin on .header-actions resolves
   to the WRONG side (computed margin-left:auto), stacking search+cart against
   the menu button and under the centred logo. Physical margin instead: in RTL
   the actions cluster must sit at the LEFT edge -> free space on its RIGHT. */
@media(max-width:700px){
  .site-header .header-main .header-actions{margin-inline:0!important;margin-left:0!important;margin-right:auto!important}
}

/* ==================== v1.10.5 - Owner-picked featured categories ==================== */
/* Homepage category grid adapts to how many categories the owner selected in
   the Customizer (data-count printed by front-page.php). Base grid is 4-col;
   phones keep the existing 2-col override (line ~346, !important). */
.category-grid[data-count="2"]{grid-template-columns:repeat(2,1fr)}
.category-grid[data-count="3"]{grid-template-columns:repeat(3,1fr)}
.category-grid[data-count="5"],.category-grid[data-count="6"]{grid-template-columns:repeat(3,1fr)}
@media(max-width:1080px){.category-grid[data-count="5"],.category-grid[data-count="6"]{grid-template-columns:repeat(2,1fr)}}

/* v1.10.7 — WP-menu-driven desktop nav can hold more top-level items than the
   old curated 6; tighten spacing on wide/laptop screens so up to ~9 items fit
   on one row before the existing <=1250 rules take over. */
@media (min-width:1251px) and (max-width:1480px){
  .desktop-nav{gap:17px}
  .desktop-nav>a,.nav-dropdown-btn{font-size:.86rem}
  .header-main{gap:18px}
}

/* v1.10.8 — mobile drawer now renders the full WP menu tree (depth 0), so nested
   items (categories under الأقسام, brands under تسوق حسب الماركة) stay reachable
   on phones. Parents are tappable links; children sit indented beneath them. */
.mobile-menu nav ul.mobile-nav,.mobile-menu nav .sub-menu{list-style:none;margin:0;padding:0}
.mobile-menu nav li{display:block}
.mobile-menu nav a{display:block}
/* The .desktop-nav/.mobile-menu ul+li are display:contents (woocommerce.css) to
   flatten menus; override here so the drawer's parent item and its sub-menu are
   real boxes — required for the toggle button (position) and the collapse
   animation (max-height clip). Higher specificity wins without !important. */
.mobile-menu nav .menu-item-has-children{position:relative;display:block}
.mobile-menu nav .submenu-toggle{position:absolute;top:0;left:0;width:54px;height:54px;padding:0;background:none;border:0;display:grid;place-items:center;cursor:pointer;z-index:2}
.mobile-menu nav .submenu-toggle__icon{width:9px;height:9px;border-right:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(45deg);transition:transform .28s ease}
.mobile-menu nav .menu-item-has-children.open>.submenu-toggle .submenu-toggle__icon{transform:rotate(-135deg)}
.mobile-menu nav .sub-menu{display:block;box-sizing:border-box;margin:0;padding-block:0;padding-inline-start:14px;border-inline-start:2px solid var(--line);overflow:hidden;max-height:0;transition:max-height .3s ease}
.mobile-menu nav .sub-menu li{display:block}
.mobile-menu nav .sub-menu a{padding:11px 0;border-bottom:0;font-weight:700;font-size:.95rem;color:var(--muted)}
.mobile-menu nav .sub-menu a:hover{color:var(--lime)}

/* ==================== v1.11.2 — Shop-by-brand page (slug: shopbrands) ==================== */
.brands-hero{background:radial-gradient(circle at 82% 12%,rgba(200,255,50,.16),transparent 38%),radial-gradient(circle at 12% 92%,rgba(167,132,255,.14),transparent 42%),linear-gradient(135deg,#090c0a,#0f1410);padding:84px 0 60px;text-align:center;position:relative;overflow:hidden}
.brands-hero__inner{max-width:660px;margin:0 auto;position:relative;z-index:2}
.brands-hero h1{color:#fff;font-size:clamp(2.3rem,6vw,3.4rem);font-weight:900;margin:14px 0 12px}
.brands-hero h1 span{color:var(--lime)}
.brands-hero p{color:rgba(255,255,255,.75);font-size:1.02rem;line-height:1.9;margin:0 auto;max-width:560px}
.brands-hero__stats{display:inline-flex;align-items:center;gap:16px;margin-top:22px;padding:11px 22px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03)}
.brands-hero__stats span{color:rgba(255,255,255,.72);font-size:.9rem;font-weight:700}
.brands-hero__stats strong{color:var(--lime);font-size:1.05rem;font-weight:900}
.brands-hero__stats .dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.28);padding:0}

.brands-section{padding-top:56px}
.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:20px;max-width:1160px;margin:0 auto}
.brand-card{position:relative;background:#fff;border:1px solid #e4e8de;border-radius:22px;padding:26px 20px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;box-shadow:0 16px 44px rgba(17,21,16,.06);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.brand-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}
.brand-card--lime::before{background:linear-gradient(90deg,var(--lime),var(--lime-2))}
.brand-card--purple::before{background:linear-gradient(90deg,var(--purple),#7c53f0)}
.brand-card--cyan::before{background:linear-gradient(90deg,var(--cyan),#22b9a6)}
.brand-card--orange::before{background:linear-gradient(90deg,var(--orange),#f5772a)}
.brand-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(17,21,16,.12);border-color:#d6dccc}
.brand-card:hover::before{transform:scaleX(1)}
.brand-card__logo{width:100%;height:96px;display:grid;place-items:center;background:#f5f7f2;border-radius:14px}
.brand-card__logo img{max-width:78%;max-height:70px;width:auto;height:auto;object-fit:contain;display:block;mix-blend-mode:multiply}
.brand-card__mono{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font-size:1.9rem;font-weight:900;color:#fff;line-height:1}
.brand-card--lime .brand-card__mono{background:linear-gradient(135deg,var(--lime-2),#6fae00);color:#0d1408}
.brand-card--purple .brand-card__mono{background:linear-gradient(135deg,var(--purple),#7c53f0)}
.brand-card--cyan .brand-card__mono{background:linear-gradient(135deg,var(--cyan),#22b9a6);color:#062b27}
.brand-card--orange .brand-card__mono{background:linear-gradient(135deg,var(--orange),#f5772a)}
.brand-card__name{font-size:1.12rem;font-weight:900;color:#111510;margin-top:2px}
.brand-card__count{font-size:.8rem;font-weight:700;color:#8a927f}
.brand-card__go{margin-top:6px;font-size:.86rem;font-weight:800;color:#567500;display:inline-flex;align-items:center;gap:6px;opacity:.55;transition:opacity .28s ease,gap .28s ease}
.brand-card__go b{transition:transform .28s ease}
.brand-card:hover .brand-card__go{opacity:1}
.brand-card:hover .brand-card__go b{transform:translateX(-4px)}
.brands-empty{text-align:center;color:var(--ink-muted);padding:40px 0}
.brands-cta{padding-top:12px}

@media(max-width:860px){
  .brands-hero{padding:64px 0 46px}
  .brands-section{padding-top:42px}
  .brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(max-width:430px){
  .brands-grid{gap:12px}
  .brand-card{padding:20px 14px 16px;border-radius:18px;gap:10px}
  .brand-card__logo{height:80px}
  .brand-card__logo img{max-height:56px}
  .brand-card__name{font-size:1rem}
}

/* ==================== v1.11.3 — nicer add-to-cart confirmation ==================== */
/* Hide WooCommerce's ajax-appended "عرض السلة" (added_to_cart wc-forward) link —
   it printed as a bare checkmark/text under the "+" button. We confirm on the
   button itself instead and keep the customer on the page. */
.added_to_cart.wc-forward{display:none!important}
/* "+" briefly becomes a green check after a successful add, then reverts. */
.add-btn.just-added{position:relative;background:#2ecc5f;color:transparent;pointer-events:none;animation:almani-add-pop .34s ease}
.add-btn.just-added::after{content:"";position:absolute;top:50%;left:50%;width:11px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:translate(-50%,-62%) rotate(-45deg);border-radius:1px}
@keyframes almani-add-pop{0%{transform:scale(.82)}55%{transform:scale(1.14)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.add-btn.just-added{animation:none}}

/* ==================== v1.11.4 — cache-safe cart & wishlist ==================== */
/* The wishlist badge ships hidden and is filled per-visitor by theme.js. Its
   .wishlist-count rule is display:grid, which beats the UA [hidden] rule, so an
   explicit override is required (same gotcha as the age gate). */
.wishlist-count[hidden]{display:none!important}

/* ==================== v1.11.6 — custom cache-safe wishlist heart button ==================== */
.almani-wish-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--dark-line);border-radius:999px;background:#100b18;color:var(--text);cursor:pointer;font-weight:800;font-size:.82rem;min-height:46px;padding:0 18px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}
.almani-wish-btn .almani-wish-heart{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;flex:none;transition:fill .2s ease,stroke .2s ease,transform .25s ease}
.almani-wish-btn[aria-pressed="true"]{color:#e11d48;border-color:rgba(225,29,72,.4)}
.almani-wish-btn[aria-pressed="true"] .almani-wish-heart{fill:#e11d48;stroke:#e11d48}
.almani-wish-btn.is-busy{opacity:.5;pointer-events:none}
.almani-wish-btn.just-toggled .almani-wish-heart{animation:almani-wish-pop .36s ease}
@keyframes almani-wish-pop{0%{transform:scale(.65)}55%{transform:scale(1.28)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.almani-wish-btn.just-toggled .almani-wish-heart{animation:none}}
/* compact = circular icon-only heart on product cards */
.almani-wishlist--compact .almani-wish-btn{width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.almani-wishlist--compact .almani-wish-btn .almani-wish-heart{width:19px;height:19px}
.almani-wishlist--compact .almani-wish-btn:hover{transform:scale(1.1);box-shadow:0 10px 26px rgba(0,0,0,.18)}
.almani-wishlist--compact .almani-wish-btn[aria-pressed="true"]{background:#fff;color:#e11d48}