/* 2026-10-12: preview store title is <p class="h"> (one H1 per page); this restores the browser h1 defaults the old <h1> had */
:where(.st .h){display:block;font-size:2em;font-weight:700;margin-block:.67em;margin-inline:0}
/* "Type your shop name, see your store" v3 r2: style modules (hero/card), 32 styles + typed-activity company style, type picker, share link, currency, feature chips, local-only logo and product photos. */

:root{--petrol:#0A1636;--deep:#060E26;--blue:#3D7BFF;--soft:#A9B8DD;--line:rgba(169,184,221,.18);--wa:#D61F35}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(900px 600px at 30% 55%,rgba(61,123,255,.16),transparent 60%),var(--deep);color:#fff;font:400 17px/1.8 "Alexandria",sans-serif;min-height:100vh;overflow-x:clip}
.wrap{max-width:1320px;margin:0 auto;padding:56px 24px 72px;display:grid;grid-template-columns:400px 1fr;gap:56px;align-items:center}
.eyebrow{color:var(--blue);font-size:14px;font-weight:500}
h2{font:800 clamp(30px,3.6vw,50px)/1.25 "Alexandria";margin:6px 0 12px}
.sub{color:var(--soft);margin:0 0 26px}
label.f{display:block;font-weight:700;font-size:15px;margin:0 0 8px}
input[type=text]{width:100%;height:58px;border-radius:14px;border:1px solid rgba(169,184,221,.35);background:rgba(255,255,255,.05);color:#fff;font:700 20px "Alexandria";padding:0 18px}
input[type=text]:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.f2{margin-top:22px}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 22px}
.cats button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font:700 15px/1.4 "Alexandria";cursor:pointer;text-align:start;transition:border-color .2s,background .2s}
.cats button small{font:400 11px/1.4 "Alexandria";color:var(--soft)}
.cats button .sw{display:flex;gap:3px;margin-bottom:4px}
.cats button .sw i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.cats button[aria-pressed=true]{border-color:var(--blue);background:rgba(61,123,255,.16);box-shadow:0 0 0 1px var(--blue)}
.cats button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.cols{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.cols button,.cols label{width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;position:relative;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.cols button[aria-pressed=true],.cols label.on{box-shadow:0 0 0 3px var(--deep),0 0 0 5px #fff}
.cols .orig{width:auto;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font:500 13px "Alexandria"}
.cols label{background:conic-gradient(#FF2E4D,#FFB800,#3DDC84,#3D7BFF,#B44CFF,#FF2E4D)}
.cols label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.cols button:focus-visible,.cols label:focus-within,.seg button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px;margin:0 0 26px}
.seg button{height:38px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#fff;font:500 14px "Alexandria";cursor:pointer}
.seg button[aria-pressed=true]{background:var(--blue);font-weight:700}
.btn{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 26px;border-radius:14px;background:var(--wa);color:#fff;text-decoration:none;font:700 17px "Alexandria"}
.btn:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.hint{color:var(--soft);font-size:13px;margin-top:12px}

/* ---- device stage ---- */
.stage{position:relative;perspective:1800px;padding:0 0 60px 120px}
.rig{transform:rotateY(-9deg) rotateX(5deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.laptop .lid{aspect-ratio:16/10;background:#0B1022;border-radius:18px 18px 6px 6px;padding:14px 14px 18px;box-shadow:0 60px 110px rgba(0,0,0,.6),inset 0 0 0 2px #26324F}
.browser{height:100%;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.chrome{height:30px;flex:none;background:#E7EAF0;display:flex;align-items:center;gap:6px;padding:0 10px;direction:ltr}
.chrome i{width:10px;height:10px;border-radius:50%;background:#FF5F57}.chrome i+i{background:#FEBC2E}.chrome i+i+i{background:#28C840}
.url{flex:1;margin-inline-start:10px;height:20px;border-radius:6px;background:#fff;color:#4A5468;font:500 11px/20px "Alexandria";padding:0 10px;direction:rtl;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.vp{flex:1;position:relative;overflow:hidden}
.base{height:16px;margin:0 -7%;background:linear-gradient(#D5DAE4,#8D95A8);border-radius:2px 2px 16px 16px;box-shadow:0 18px 30px rgba(0,0,0,.45)}
.base:before{content:"";display:block;width:16%;height:6px;margin:0 auto;background:#A9B0C0;border-radius:0 0 8px 8px}
.phone{position:absolute;left:0;bottom:0;width:25%;max-width:200px;aspect-ratio:9/19.3;border-radius:34px;background:#0B1022;padding:9px;box-shadow:0 40px 70px rgba(0,0,0,.6),inset 0 0 0 2px #26324F;transform:translateZ(80px) rotateY(6deg)}
.phone .vp{height:100%;border-radius:26px}
.notch{position:absolute;top:14px;left:50%;width:30%;height:16px;margin-left:-15%;border-radius:10px;background:#0B1022;z-index:3}
.scroller{position:absolute;top:0;right:0;transform-origin:top right;will-change:transform}
.scroller.run{animation:tour var(--dur,14s) ease-in-out 1.2s infinite}
@keyframes tour{0%,12%{translate:0 0}48%,62%{translate:0 var(--dist)}100%{translate:0 0}}
.caption{margin:20px 120px 0 0;color:var(--soft);font-size:14px;text-align:center}
.caption b{color:#fff}

/* ---- the mock store (rendered at real size, then scaled) ---- */
.st{width:1280px;direction:rtl;background:var(--bg);color:var(--ink);font:400 16px/1.7 var(--fb);padding-bottom:40px}
.st.m{width:390px;font-size:14px;padding-bottom:28px}
.st *{box-sizing:border-box}
.st-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 56px;border-bottom:1px solid var(--ln);background:var(--navbg,transparent)}
.st-logo{display:flex;align-items:center;gap:12px}
.mark{width:46px;height:46px;border-radius:var(--r);background:var(--acc);color:var(--accInk);display:grid;place-items:center;font:700 22px/1 var(--fh)}
.st-logo b{font:700 26px/1.2 var(--fh);max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-nav nav{display:flex;gap:30px;font-size:15px;opacity:.85}
.ic{display:flex;gap:16px;font-size:20px}
.burger{display:none}
.st-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;padding:56px}
.st-hero small{display:inline-block;font-size:14px;color:var(--acc2,var(--acc));font-weight:700;letter-spacing:.02em}
.st-hero .h{font:700 58px/1.22 var(--fh);margin:8px 0 14px}
.st-hero p:where(:not(.h)){margin:0 0 24px;opacity:.78;font-size:18px;max-width:470px}
.cta{display:inline-block;background:var(--acc);color:var(--accInk);padding:14px 30px;border-radius:var(--r);font-weight:700}
.art{height:380px;border-radius:var(--rl);background:var(--artbg);display:grid;place-items:center;position:relative;overflow:hidden}
.art>span{font-size:170px;line-height:1;filter:drop-shadow(0 24px 30px rgba(0,0,0,.28))}
.art em{position:absolute;font-style:normal;font-size:64px;line-height:1}
.art em:nth-of-type(1){top:12%;right:12%;rotate:-14deg}.art em:nth-of-type(2){bottom:12%;left:12%;rotate:12deg}
.strip{display:flex;gap:36px;justify-content:center;padding:15px 20px;background:var(--sbg);color:var(--sink);font-size:14px;font-weight:700;white-space:nowrap}
.prods{padding:44px 56px 0}
.prods h3{font:700 32px/1.3 var(--fh);margin:0 0 22px;display:flex;justify-content:space-between;align-items:baseline}
.prods h3 a{font:500 14px var(--fb);opacity:.7}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pd{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:14px;position:relative}
.pd i{display:grid;place-items:center;aspect-ratio:var(--ar,1);font-size:70px;font-style:normal;background:var(--tile);border-radius:calc(var(--r) * .7);margin-bottom:12px}
.pd b{display:block;font:700 17px/1.4 var(--fh)}
.pd em{font-style:normal;font-weight:700;color:var(--price,var(--acc))}
.pd .tag{position:absolute;top:22px;right:22px;background:var(--acc);color:var(--accInk);font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px}
.pd .add{display:none}
.pd small{display:block;font-size:12px;opacity:.65;margin:2px 0 6px}
.srch{display:none}
.badge{position:absolute;top:22px;left:22px;width:110px;height:110px;border-radius:50%;background:#E8302A;color:#fff;display:grid;place-items:center;font:800 30px/1 var(--fh);rotate:-12deg;z-index:2}
.m .badge{width:64px;height:64px;font-size:17px;top:12px;left:12px}
/* customer-picked background, overrides the style's own surface colors */
.st.bg-light{--bg:#FFFFFF;--ink:#16181D;--ln:rgba(0,0,0,.1);--card:#fff;--tile:color-mix(in srgb,var(--acc) 10%,#F4F5F7)}
.st.bg-dark{--bg:#0E1015;--ink:#EEF0F5;--ln:rgba(255,255,255,.13);--card:rgba(255,255,255,.04);--tile:color-mix(in srgb,var(--acc) 20%,#171A21)}
/* mobile layout of the same store */
.m .st-nav{padding:14px 16px}
.m .mark{width:36px;height:36px;font-size:17px}
.m .st-logo{gap:9px}.m .st-logo b{font-size:19px;max-width:190px}
/* fixes1 #21: a long shop name next to a logo wraps to 2 lines (slightly smaller) instead of being cut to «حلويات أ» */
.st.m .st-logo{flex:1 1 auto;min-width:0}.st.m .st-logo b{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.3;max-width:none;overflow-wrap:anywhere}
.st.m .st-logo .mark.has~b{font-size:16px}
#scM .st.m .st-nav{padding-top:max(14px,var(--nt,14px))}
.copied .cpyx{display:block;width:100%;margin-top:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(169,184,221,.35);background:rgba(255,255,255,.06);color:#fff;font:500 12px/1.4 monospace}
.m .st-nav nav{display:none}.m .burger{display:block}.m .ic{font-size:17px;gap:12px}
.m .st-hero{grid-template-columns:1fr;gap:18px;padding:20px 16px 24px}
.m .st-hero .h{font-size:31px;margin:4px 0 8px}.m .st-hero p:where(:not(.h)){font-size:14px;margin-bottom:16px}
.m .cta{padding:11px 22px}
.m .art{height:210px;order:-1}.m .art>span{font-size:110px}.m .art em{font-size:40px}
.m .strip{gap:16px;font-size:12px;padding:11px;justify-content:flex-start;overflow:hidden}
.m .prods{padding:26px 16px 0}.m .prods h3{font-size:22px;margin-bottom:14px}
.m .grid{grid-template-columns:1fr 1fr;gap:12px}
.m .pd{padding:10px}.m .pd i{font-size:46px}.m .pd b{font-size:14px}.m .pd .tag{top:16px;right:16px;font-size:10px}

/* 1. coffee roastery: dark espresso, Amiri, round art, products as a café menu */
.t-coffee{--bg:#1A110B;--ink:#F3E6D3;--acc:#C8873A;--accInk:#1A110B;--ln:rgba(243,230,211,.16);--card:transparent;--tile:#2A1C12;--artbg:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--acc) 45%,#2A1C12),#2A1C12 70%);--sbg:var(--acc);--sink:#1A110B;--fh:"Amiri",serif;--fb:"Alexandria",sans-serif;--r:6px;--rl:50%}
.t-coffee .art{width:380px;justify-self:center;box-shadow:0 0 0 14px color-mix(in srgb,var(--acc) 12%,transparent),0 0 0 28px color-mix(in srgb,var(--acc) 6%,transparent)}
.t-coffee .st-hero .h{font-size:64px}
.t-coffee .grid{grid-template-columns:1fr 1fr;gap:0 56px}
.t-coffee .pd{display:flex;align-items:center;gap:18px;border:0;border-bottom:1px dashed var(--ln);border-radius:0;padding:16px 0}
.t-coffee .pd i{width:66px;aspect-ratio:1;font-size:34px;border-radius:50%;margin:0;flex:none}
.t-coffee .pd b{font-size:22px}.t-coffee .pd em{margin-inline-start:auto;font-size:18px}
.t-coffee .pd .tag{position:static;order:3;font-size:11px}
.t-coffee.m .art{width:200px;height:200px;box-shadow:0 0 0 9px color-mix(in srgb,var(--acc) 12%,transparent)}
.t-coffee.m .st-hero{text-align:center;justify-items:center}.t-coffee.m .st-hero .h{font-size:34px}
.t-coffee.m .grid{grid-template-columns:1fr}.t-coffee.m .pd{padding:10px 0;gap:12px}.t-coffee.m .pd i{width:46px;font-size:24px}.t-coffee.m .pd b{font-size:17px}

/* 2. fashion boutique: editorial white, Reem Kufi, full-bleed hero, tall portrait tiles, square corners */
.t-fashion{--bg:#FFFFFF;--ink:#111111;--acc:#111111;--accInk:#fff;--acc2:#fff;--ln:#E6E6E6;--card:transparent;--tile:#EFEDEA;--artbg:linear-gradient(115deg,#2B2B2B,#6D5C55 55%,#B49C8E);--sbg:var(--acc);--sink:var(--accInk);--fh:"Reem Kufi",sans-serif;--fb:"Alexandria",sans-serif;--r:0px;--rl:0px;--ar:3/4;--price:var(--acc)}
.st.bg-dark.t-fashion{--acc:#fff;--accInk:#111}
.t-fashion .st-nav{justify-content:space-between;border-bottom:0}
.t-fashion .st-logo b{letter-spacing:.06em;font-size:30px}.t-fashion .mark{display:none}
.t-fashion .st-hero{grid-template-columns:1fr;padding:0 56px;position:relative}
.t-fashion .art{height:520px}.t-fashion .art>span{font-size:240px;position:absolute;left:12%}
.t-fashion .st-hero>div:first-child{position:absolute;right:112px;bottom:64px;z-index:2;color:#fff;max-width:520px}
.t-fashion .st-hero .h{font-size:72px;line-height:1.1}.t-fashion .st-hero p:where(:not(.h)){opacity:.9}
.t-fashion .cta{background:#fff;color:#111}
.t-fashion .pd{border:0;padding:0}.t-fashion .pd i{border-radius:0;font-size:80px}
.t-fashion .pd b{font:500 16px "Alexandria"}
.t-fashion .pd .tag{border-radius:0;top:10px;right:10px}
.t-fashion.m .st-hero{padding:0}.t-fashion.m .art{height:430px;order:0}.t-fashion.m .art>span{font-size:150px;left:8%;top:12%}
.t-fashion.m .st-hero>div:first-child{right:18px;left:18px;bottom:24px}.t-fashion.m .st-hero .h{font-size:38px}
.t-fashion.m .st-logo b{font-size:22px}.t-fashion.m .pd i{font-size:54px}.t-fashion.m .pd .tag{top:8px;right:8px}

/* 3. electronics: deep navy, Changa, glowing glass cards, spec chips */
.t-tech{--bg:#070B16;--ink:#E8EEFF;--acc:#4C7DFF;--accInk:#fff;--acc2:#7CF3FF;--ln:rgba(124,163,255,.18);--card:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));--tile:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--acc) 35%,transparent),transparent 70%);--artbg:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--acc) 55%,transparent),rgba(124,243,255,.08) 45%,transparent 70%),#0B1224;--sbg:linear-gradient(90deg,var(--acc),var(--acc2));--sink:#06101F;--fh:"Changa",sans-serif;--fb:"Changa",sans-serif;--r:16px;--rl:28px;--price:#7CF3FF}
.t-tech .st-nav{--navbg:rgba(255,255,255,.03)}
.t-tech .art{border:1px solid var(--ln)}
.t-tech .art:after{content:"";position:absolute;inset:auto 15% 10%;height:18px;border-radius:50%;background:color-mix(in srgb,var(--acc) 60%,transparent);filter:blur(18px)}
.t-tech .st-hero .h{font-weight:700;letter-spacing:-.01em}
.t-tech .pd{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.t-tech .pd small{display:block;font-size:12px;opacity:.6;margin:2px 0 6px}
.t-tech .pd .tag{background:#7CF3FF;color:#06101F}

/* 4. sweets & bakery: pastel pink, Lalezar, blobs, big round add buttons */
.t-sweets{--bg:color-mix(in srgb,var(--acc) 8%,#fff);--ink:#4A1830;--acc:#FF4F86;--accInk:#fff;--ln:rgba(74,24,48,.08);--card:#fff;--tile:color-mix(in srgb,var(--acc) 16%,#fff);--artbg:color-mix(in srgb,var(--acc) 32%,#fff);--sbg:#4A1830;--sink:#FFE1EA;--fh:"Lalezar",sans-serif;--fb:"Alexandria",sans-serif;--r:26px;--rl:58% 42% 52% 48% / 48% 56% 44% 52%}
.t-sweets .st-hero .h{font-weight:400;font-size:66px;line-height:1.15}
.t-sweets .cta{border-radius:999px;box-shadow:0 10px 0 color-mix(in srgb,var(--acc) 70%,#000)}
.t-sweets .pd{box-shadow:0 14px 30px color-mix(in srgb,var(--acc) 14%,transparent);border:0;text-align:center}
.t-sweets .pd b{font-weight:400;font-size:21px}
.t-sweets .pd .add{display:block;margin:10px auto 0;width:42px;height:42px;border-radius:50%;background:var(--acc);color:var(--accInk);font:700 24px/42px "Alexandria"}
.t-sweets.m .st-hero .h{font-size:38px}.t-sweets.m .pd b{font-size:17px}.t-sweets.m .pd .add{width:34px;height:34px;line-height:34px;font-size:20px}

/* 5. perfumes: black and gold, Amiri, centered arch hero, hairline gold frames */
.t-perfume{--bg:#0B0A08;--ink:#EDE3CF;--acc:#C9A45C;--accInk:#0B0A08;--ln:color-mix(in srgb,var(--acc) 35%,transparent);--card:transparent;--tile:linear-gradient(180deg,#1A1610,#0F0D0A);--artbg:linear-gradient(180deg,#2A2216,#0F0D0A);--sbg:transparent;--sink:var(--acc);--fh:"Amiri",serif;--fb:"Alexandria",sans-serif;--r:2px;--rl:220px 220px 0 0;--ar:4/5}
.t-perfume .st-nav{justify-content:space-between}
.t-perfume .st-hero{grid-template-columns:1fr;text-align:center;justify-items:center;padding-top:44px}
.t-perfume .art{width:300px;height:380px;border:1px solid var(--ln);order:-1}
.t-perfume .st-hero .h{font-size:60px;font-weight:400}.t-perfume .st-hero p:where(:not(.h)){margin-inline:auto}
.t-perfume .cta{background:transparent;color:var(--acc);border:1px solid var(--acc)}
.t-perfume .strip{border-block:1px solid var(--ln)}
.t-perfume .prods h3{justify-content:center;font-weight:400}.t-perfume .prods h3 a{display:none}
.t-perfume .pd{text-align:center;padding:10px}.t-perfume .pd b{font-weight:400;font-size:20px}
.t-perfume.m .art{width:170px;height:210px}.t-perfume.m .st-hero .h{font-size:34px}.t-perfume.m .pd b{font-size:16px}

/* 6. restaurant delivery: bold yellow and red, Lemonada, chunky outlined cards with hard shadows */
.t-food{--bg:#FFF6DC;--ink:#1D1300;--acc:#E8302A;--accInk:#fff;--ln:#1D1300;--card:#fff;--tile:#FFD43B;--artbg:#FFD43B;--sbg:var(--acc);--sink:#fff;--fh:"Lemonada",sans-serif;--fb:"Alexandria",sans-serif;--r:18px;--rl:28px}
.t-food .st-nav{border-bottom:3px solid var(--ln)}
.t-food .art{border:3px solid var(--ln);box-shadow:10px 10px 0 var(--ln)}
.t-food .st-hero .h{font-size:52px}
.t-food .cta{border:3px solid var(--ln);box-shadow:5px 5px 0 var(--ln)}
.t-food .pd{border:3px solid var(--ln);box-shadow:6px 6px 0 var(--ln)}
.t-food .pd i{border:2px solid var(--ln)}
.t-food .pd .add{display:block;margin-top:10px;text-align:center;background:var(--acc);color:var(--accInk);border-radius:12px;font-weight:700;padding:6px}
.t-food.m .st-hero .h{font-size:28px}.t-food.m .art{box-shadow:6px 6px 0 var(--ln)}.t-food.m .pd{box-shadow:4px 4px 0 var(--ln)}

/* 7. pharmacy: clinical white + teal, IBM Plex, hero built around a big search box */
.t-pharma{--bg:#F5FAFC;--ink:#0E2A38;--acc:#0FA3B1;--accInk:#fff;--ln:#DCE9EF;--card:#fff;--tile:color-mix(in srgb,var(--acc) 9%,#fff);--artbg:linear-gradient(135deg,color-mix(in srgb,var(--acc) 22%,#fff),#fff);--sbg:transparent;--sink:var(--ink);--fh:"IBM Plex Sans Arabic",sans-serif;--fb:"IBM Plex Sans Arabic",sans-serif;--r:14px;--rl:24px}
.t-pharma .srch{display:flex;align-items:center;gap:12px;height:60px;border:2px solid var(--acc);border-radius:14px;background:#fff;color:#7A8B95;padding:0 18px 0 6px;margin:0 0 18px;font-size:16px;max-width:520px}
.t-pharma .srch b{margin-inline-start:auto;background:var(--acc);color:var(--accInk);border-radius:10px;padding:8px 22px}
.t-pharma .cta{background:transparent;color:var(--acc);border:2px solid var(--acc)}
.t-pharma .strip{gap:14px}.t-pharma .strip span{background:var(--card);border:1px solid var(--ln);border-radius:999px;padding:6px 16px}
.t-pharma .pd small{color:#119A5B;opacity:1}
.m.t-pharma .srch{height:46px;font-size:13px;padding:0 12px 0 4px}.m.t-pharma .srch b{padding:5px 12px}
.m.t-pharma .strip span{padding:4px 10px}

/* 8. supermarket: busy orange promo banner, Cairo black, dense 5-column grid with quantity steppers */
.t-market{--bg:#FFFFFF;--ink:#1F1A14;--acc:#FF7A00;--accInk:#fff;--acc2:#fff;--ln:#EEE7DF;--card:#fff;--tile:color-mix(in srgb,var(--acc) 9%,#fff);--artbg:rgba(255,255,255,.16);--sbg:#1F1A14;--sink:#fff;--fh:"Cairo",sans-serif;--fb:"Cairo",sans-serif;--r:12px;--rl:20px}
.t-market .st-hero{margin:24px 56px 0;border-radius:24px;background:linear-gradient(120deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#FFD000));color:#fff;padding:40px 56px}
.t-market .st-hero .h{font-weight:800}.t-market .art{height:300px}
.t-market .cta{background:#fff;color:#1F1A14}
.t-market .strip{margin-top:24px}
.t-market .grid{grid-template-columns:repeat(5,1fr);gap:16px}
.t-market .pd b{font-weight:800}
.t-market .pd .add{display:flex;justify-content:space-between;align-items:center;margin-top:8px;border:1px solid var(--ln);border-radius:10px;padding:2px 12px;font-weight:800}
.t-market .pd .add span:first-child{color:var(--acc);font-size:20px}
.m.t-market .st-hero{margin:12px 12px 0;padding:18px;border-radius:18px}.m.t-market .art{height:170px}
.m.t-market .grid{grid-template-columns:1fr 1fr}

/* 9. beauty salon: blush nude, Aref Ruqaa calligraphy, circles everywhere, booking-first */
.t-beauty{--bg:#FBF3EF;--ink:#3B2A28;--acc:#C77D7A;--accInk:#fff;--ln:color-mix(in srgb,var(--acc) 30%,transparent);--card:transparent;--tile:color-mix(in srgb,var(--acc) 18%,#FBF3EF);--artbg:color-mix(in srgb,var(--acc) 30%,#FBF3EF);--sbg:transparent;--sink:var(--ink);--fh:"Aref Ruqaa",serif;--fb:"Alexandria",sans-serif;--r:999px;--rl:50%}
.t-beauty .st-hero .h{font-size:68px;font-weight:700;line-height:1.3}
.t-beauty .art{width:400px;height:400px;justify-self:center;outline:1px solid var(--ln);outline-offset:18px}
.t-beauty .strip{border-block:1px solid var(--ln)}
.t-beauty .pd{border:0;text-align:center}.t-beauty .pd i{border-radius:50%}
.t-beauty .pd b{font-size:22px}
.m.t-beauty .art{width:200px;height:200px;outline-offset:10px}.m.t-beauty .st-hero{text-align:center;justify-items:center}.m.t-beauty .st-hero .h{font-size:36px}.m.t-beauty .pd b{font-size:17px}

/* 10. furniture: warm sand + olive, Noto Kufi, big asymmetric gallery with one hero product */
.t-home{--bg:#F1EDE6;--ink:#2C2A25;--acc:#6B7A4B;--accInk:#fff;--ln:rgba(44,42,37,.14);--card:transparent;--tile:#E3DDD2;--artbg:linear-gradient(160deg,#D9D1C3,#BFB4A2);--sbg:var(--acc);--sink:var(--accInk);--fh:"Noto Kufi Arabic",sans-serif;--fb:"Noto Kufi Arabic",sans-serif;--r:4px;--rl:4px}
.t-home .st-hero{grid-template-columns:.8fr 1.2fr}.t-home .art{height:440px}
.t-home .st-hero .h{font-size:50px;font-weight:700}
.t-home .pd{border:0;padding:0}
.t-home .pd:first-child{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}
.t-home .pd:first-child i{flex:1;aspect-ratio:auto;font-size:150px}
.m.t-home .st-hero{grid-template-columns:1fr}.m.t-home .art{height:220px}.m.t-home .pd:first-child{grid-row:auto}.m.t-home .pd:first-child i{aspect-ratio:16/10;font-size:90px}

/* 11. toys & kids: candy colors, Baloo, tilted bouncy cards */
.t-kids{--bg:#F3F8FF;--ink:#23264A;--acc:#6C5CE7;--accInk:#fff;--ln:transparent;--card:#fff;--tile:#FFE66D;--artbg:radial-gradient(circle at 25% 30%,#FFE66D,transparent 38%),radial-gradient(circle at 78% 72%,#FFAEBC,transparent 42%),color-mix(in srgb,var(--acc) 22%,#fff);--sbg:var(--acc);--sink:var(--accInk);--fh:"Baloo Bhaijaan 2",sans-serif;--fb:"Baloo Bhaijaan 2",sans-serif;--r:22px;--rl:40px}
.t-kids .st-hero .h{font-weight:800;font-size:62px}
.t-kids .cta{border-radius:999px;box-shadow:0 8px 0 color-mix(in srgb,var(--acc) 65%,#000)}
.t-kids .pd{box-shadow:0 10px 0 color-mix(in srgb,var(--acc) 22%,transparent);text-align:center}
.t-kids .pd:nth-child(odd){rotate:-2deg}.t-kids .pd:nth-child(even){rotate:2deg}
.t-kids .pd:nth-child(4n+2) i{background:#A0E7E5}.t-kids .pd:nth-child(4n+3) i{background:#FFAEBC}.t-kids .pd:nth-child(4n) i{background:#B4F8C8}
.t-kids .pd b{font-weight:800;font-size:19px}
.m.t-kids .st-hero .h{font-size:34px}.m.t-kids .pd b{font-size:15px}

/* 12. gym & supplements: black + volt, Kufam, hazard stripes, cut corners, skewed ticker */
.t-gym{--bg:#0A0A0A;--ink:#F5F5F5;--acc:#D4FF3A;--accInk:#0A0A0A;--ln:rgba(255,255,255,.1);--card:#151515;--tile:#1E1E1E;--artbg:repeating-linear-gradient(-45deg,#151515 0 22px,#1C1C1C 22px 44px);--sbg:var(--acc);--sink:var(--accInk);--fh:"Kufam",sans-serif;--fb:"Alexandria",sans-serif;--r:0px;--rl:0px}
.t-gym .st-hero .h{font-weight:800;font-size:66px;line-height:1.15}
.t-gym .art{border-inline-end:8px solid var(--acc)}
.t-gym .strip{transform:skewY(-2deg);margin:26px 0 10px;font-family:var(--fh)}
.t-gym .cta{clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);padding-inline:38px}
.t-gym .pd{border:0;clip-path:polygon(0 0,100% 0,100% 100%,22px 100%,0 calc(100% - 22px))}
.t-gym .pd em{font:800 20px var(--fh)}
.m.t-gym .st-hero .h{font-size:34px}.m.t-gym .pd em{font-size:16px}

/* ---- v3 controls ---- */
input[type=search]{width:100%;height:48px;border-radius:12px;border:1px solid rgba(169,184,221,.35);background:rgba(255,255,255,.05);color:#fff;font:500 15px "Alexandria";padding:0 16px;margin:0 0 10px}
input[type=search]:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
input::placeholder{color:rgba(169,184,221,.7)}
.grp,.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.chips{margin-bottom:8px}
.grp button,.chips button,.more{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font:500 13px/1.3 "Alexandria";cursor:pointer}
.grp button[aria-pressed=true],.chips button[aria-pressed=true]{border-color:var(--blue);background:rgba(61,123,255,.18);box-shadow:0 0 0 1px var(--blue);font-weight:700}
.grp button:focus-visible,.chips button:focus-visible,.more:focus-visible,.ghost:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.more{display:block;margin:-6px 0 22px;color:var(--soft)}
.none{color:var(--soft);font-size:14px;margin:0 0 14px}
.seg{flex-wrap:wrap;max-width:100%;margin-bottom:8px}
.seg button{padding:0 13px}
.fxnote{color:var(--soft);font-size:12.5px;margin:0 0 22px}
.acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ghost{display:inline-flex;align-items:center;gap:8px;height:56px;padding:0 20px;border-radius:14px;border:1px solid rgba(169,184,221,.4);background:rgba(255,255,255,.06);color:#fff;font:700 15px "Alexandria";cursor:pointer}
.copied{min-height:22px;color:var(--soft);font-size:13px;margin:8px 0 0}
.wab{position:absolute;left:12px;bottom:12px;z-index:5;width:44px;height:44px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.phone .wab{width:30px;height:30px;left:8px;bottom:8px}
.phone .wab svg{width:16px;height:16px}
.wab[hidden]{display:none}

/* ---- v3 feature chips inside the mock ---- */
.fx{display:flex;gap:10px;flex-wrap:wrap;padding:16px 56px 0}
.fx span{background:var(--tile);border:1px solid var(--ln);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:700}
.pays{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:28px 56px 0;font-size:13px;font-weight:700}
.pays span{border:1px solid var(--ln);background:var(--card);border-radius:8px;padding:3px 12px}
.nbk{background:var(--acc);color:var(--accInk);border-radius:999px;padding:0 14px;font:700 13px/30px var(--fb);white-space:nowrap}
.ins{display:block;font-size:11px;font-weight:600;opacity:.75;margin-top:2px}
.pre{display:block;font-size:12px;font-weight:500;opacity:.75}
.u{font-size:.7em;font-weight:500;opacity:.8}
.m .fx{padding:12px 16px 0;gap:6px}.m .fx span{font-size:11px;padding:2px 10px}
.m .pays{padding:20px 16px 0;font-size:11px}
.m .nbk{font-size:11px;padding:0 10px;line-height:26px}

/* ---- v3 new styles. Desktop layout rules use :not(.m) where they collide with the shared mobile rules ---- */
/* 13. clinic: mint + navy, Readex Pro, doctor profile + booking slots, service rows */
.t-clinic{--bg:#EAF7F4;--ink:#0B3B5C;--acc:#36C2A5;--accInk:#0B3B5C;--ln:rgba(11,59,92,.12);--card:#fff;--tile:color-mix(in srgb,var(--acc) 16%,#fff);--sbg:var(--acc);--sink:var(--accInk);--fh:"Readex Pro",sans-serif;--fb:"Readex Pro",sans-serif;--r:14px;--rl:24px}
.t-clinic:not(.m) .st-hero{grid-template-columns:1fr 1fr}
.t-clinic .st-hero .h{font-size:52px}.t-clinic .cta{border-radius:999px}
.t-clinic .doc{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);padding:24px;box-shadow:0 24px 60px rgba(11,59,92,.14)}
.t-clinic .dp{display:flex;gap:16px;align-items:center;padding-bottom:16px;border-bottom:1px dashed var(--ln)}
.t-clinic .av{width:80px;height:80px;border-radius:50%;background:var(--tile);display:grid;place-items:center;font-size:44px;flex:none;box-shadow:0 0 0 4px var(--acc)}
.t-clinic .dp b{display:block;font:700 19px/1.3 var(--fh)}.t-clinic .dp em{display:block;font-style:normal;font-size:12.5px;opacity:.7}
.t-clinic .rt{display:block;font-size:13px;font-weight:700;color:#C98200}.t-clinic .rt u{text-decoration:none;font-weight:400;opacity:.7;color:var(--ink)}
.t-clinic .bk h4{margin:14px 0 10px;font:700 15px var(--fh)}
.t-clinic .days{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.t-clinic .days span{padding:5px 14px;border-radius:999px;border:1px solid var(--ln);font-size:13px}
.t-clinic .days .on{background:var(--acc);color:var(--accInk);border-color:var(--acc);font-weight:700}
.t-clinic .slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.t-clinic .slots span{text-align:center;padding:7px;border-radius:10px;border:1px solid var(--acc);font-weight:700;font-size:14px;direction:ltr}
.t-clinic .slots .x{border-color:var(--ln);opacity:.4;text-decoration:line-through}
.t-clinic:not(.m) .grid{grid-template-columns:1fr 1fr;gap:14px 22px}
.sv{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:14px 18px}
.sv i{width:54px;height:54px;border-radius:50%;background:var(--tile);display:grid;place-items:center;font-size:28px;font-style:normal;flex:none}
.sv>div{flex:1;min-width:0}.sv b{display:block;font:700 17px/1.4 var(--fh)}.sv small{display:block;opacity:.65;font-size:12.5px}
.sv .pp{text-align:end;flex:none}.sv .pp em{display:block;font-style:normal;font-weight:700;font-size:17px}
.sv .bt{display:inline-block;margin-top:4px;padding:2px 14px;border-radius:999px;background:var(--acc);color:var(--accInk);font-weight:700;font-size:12px}
.t-clinic.m .st-hero .h{font-size:30px}.t-clinic.m .doc{padding:16px}.t-clinic.m .av{width:56px;height:56px;font-size:30px}.t-clinic.m .dp b{font-size:16px}
.t-clinic.m .grid{grid-template-columns:1fr;gap:10px}.t-clinic.m .sv{padding:10px 12px;gap:10px}.t-clinic.m .sv i{width:42px;height:42px;font-size:22px}.t-clinic.m .sv b{font-size:14px}.t-clinic.m .sv .pp em{font-size:14px}

/* 14. real estate: navy + sand gold, Almarai, search panel overlapping the hero, listing cards */
.t-realty{--bg:#F4F1EA;--ink:#0F2A44;--acc:#C9A86A;--accInk:#0F2A44;--acc2:#E4CB93;--ln:rgba(15,42,68,.14);--card:#fff;--tile:color-mix(in srgb,var(--acc) 24%,#F4F1EA);--sbg:#0F2A44;--sink:#F4F1EA;--fh:"Almarai",sans-serif;--fb:"Almarai",sans-serif;--r:12px;--rl:0px}
.t-realty .st-hero{display:block;padding:0;position:relative;margin-bottom:64px}
.t-realty .hb{position:relative;overflow:hidden;background:linear-gradient(120deg,#0F2A44,#1C4468 60%,#1E7F6E);color:#fff;padding:64px 56px 110px}
.t-realty .hb .tx{position:relative;z-index:2;max-width:560px}.t-realty .hb .h{font-weight:800;font-size:56px}
.t-realty .hb em{position:absolute;left:6%;bottom:-6%;font-size:300px;line-height:1;font-style:normal;opacity:.22;filter:grayscale(.3)}
.t-realty .sp{position:absolute;left:56px;right:56px;bottom:-44px;z-index:3;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:0;background:#fff;color:#0F2A44;border-radius:16px;box-shadow:0 20px 50px rgba(15,42,68,.25);padding:14px 16px}
.t-realty .sp label{padding:4px 18px;border-inline-start:1px solid #E3E7EC}.t-realty .sp label:first-child{border:0}
.t-realty .sp small{display:block;font-size:12px;opacity:.6;color:#0F2A44}.t-realty .sp b{font-size:16px}
.t-realty .sp .go{align-self:center;background:var(--acc);color:var(--accInk);font-weight:800;padding:12px 30px;border-radius:12px}
.tabs{display:flex;gap:8px;margin:-8px 0 18px}.tabs span{padding:6px 20px;border-radius:999px;border:1px solid var(--ln);font-weight:700;font-size:14px}
.tabs .on{background:var(--ink);color:var(--bg)}
.t-realty:not(.m) .grid{grid-template-columns:1fr 1fr;gap:20px}
.ls{display:flex;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;position:relative}
.ls i{width:150px;flex:none;display:grid;place-items:center;font-size:64px;font-style:normal;background:var(--tile)}
.ls>div{padding:14px 18px;flex:1;min-width:0}.ls b{display:block;font:800 18px/1.4 var(--fh)}
.ls .lc{display:block;font-size:13px;opacity:.7;margin-bottom:6px}
.ls .sp2{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.ls .sp2 u{text-decoration:none;font-size:12px;background:var(--tile);border-radius:6px;padding:1px 8px}
.ls em{font-style:normal;font-weight:800;font-size:22px;color:var(--price,var(--ink))}
.ls .tg{position:absolute;top:10px;right:10px;background:#1E7F6E;color:#fff;font-size:11px;font-weight:700;padding:1px 10px;border-radius:999px}
.t-realty.m .hb{padding:26px 16px 80px}.t-realty.m .hb .h{font-size:30px}.t-realty.m .hb em{font-size:150px}
.t-realty.m .st-hero{margin-bottom:200px}
.t-realty.m .sp{left:14px;right:14px;grid-template-columns:1fr 1fr;bottom:-176px;gap:6px}.t-realty.m .sp label{border:0;border-bottom:1px solid #E3E7EC;padding:4px 6px}.t-realty.m .sp .go{grid-column:1/-1;text-align:center}
.t-realty.m .grid{grid-template-columns:1fr;gap:12px}.t-realty.m .ls i{width:100px;font-size:44px}.t-realty.m .ls b{font-size:15px}.t-realty.m .ls em{font-size:17px}
.t-realty.m .ls>div{padding:10px 12px}

/* 15. abaya: cocoa + camel, Scheherazade New, twin arches */
.t-abaya{--bg:#F7F3EE;--ink:#3E2C23;--acc:#3E2C23;--accInk:#F7F3EE;--ln:rgba(62,44,35,.16);--card:transparent;--tile:#EDE3D4;--sbg:var(--acc);--sink:var(--accInk);--fh:"Scheherazade New",serif;--fb:"Alexandria",sans-serif;--r:4px;--rl:0}
.t-abaya .st-hero .h{font-size:72px;font-weight:700;line-height:1.15}.t-abaya .st-hero p:where(:not(.h)){font-size:19px}
.t-abaya .cta{border-radius:999px;padding-inline:36px}
.arches{display:flex;gap:18px;justify-content:center;align-items:flex-end}
.arches span{display:grid;place-items:end center;width:210px;height:400px;border-radius:999px 999px 0 0;font-size:130px;line-height:1;padding-bottom:30px;background:#D8C3A5}
.arches span+span{background:#8A9A7B;height:340px}
.t-abaya .strip{letter-spacing:.04em}
.ab{text-align:center}.ab i{display:grid;place-items:center;aspect-ratio:3/4;font-size:90px;font-style:normal;background:var(--tile);border-radius:999px 999px 0 0;margin-bottom:12px}
.ab:nth-child(even) i{background:color-mix(in srgb,#8A9A7B 28%,var(--tile))}
.ab b{display:block;font:700 22px/1.3 var(--fh)}.ab em{font-style:normal;font-weight:700;color:var(--ink)}
.ab .dots{display:flex;gap:6px;justify-content:center;margin:6px 0}.ab .dots u{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px var(--ln)}
.ab .sz{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.ab .sz u{text-decoration:none;font-size:11px;border:1px solid var(--ln);border-radius:4px;padding:0 6px}
.t-abaya.m .st-hero .h{font-size:40px}.t-abaya.m .arches span{width:130px;height:240px;font-size:70px;padding-bottom:16px}.t-abaya.m .arches span+span{height:200px}
.t-abaya.m .ab b{font-size:17px}.t-abaya.m .ab i{font-size:56px}

/* 16. honey and dates: cream + honey, Rakkas, honeycomb hero, hex tiles, kraft strip */
.t-honey{--bg:#FFF4D6;--ink:#3B2412;--acc:#F2A900;--accInk:#3B2412;--ln:rgba(59,36,18,.16);--card:#fff;--tile:color-mix(in srgb,var(--acc) 30%,#FFF4D6);--sbg:#C9A56B;--sink:#3B2412;--fh:"Rakkas",serif;--fb:"Alexandria",sans-serif;--r:18px;--rl:30px}
.t-honey .st-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0 34L0 84V50m56 34-28 16' fill='none' stroke='%23F2A900' stroke-opacity='.4' stroke-width='2'/%3E%3C/svg%3E")}
.t-honey .st-hero .h{font-weight:400;font-size:64px}.t-honey .cta{border-radius:999px;box-shadow:0 8px 0 color-mix(in srgb,var(--acc) 60%,#3B2412)}
.hv{position:relative;height:380px;display:grid;place-items:center}
.hv .jar{font-size:210px;line-height:1;filter:drop-shadow(0 24px 24px rgba(59,36,18,.3))}
.hv em{position:absolute;font-style:normal;font-size:70px}.hv em:nth-of-type(1){top:6%;right:8%}.hv em:nth-of-type(2){bottom:10%;left:10%}
.hv .seal{position:absolute;left:6%;top:4%;width:116px;height:116px;border-radius:50%;background:var(--acc);color:var(--accInk);display:grid;place-items:center;text-align:center;font:400 17px/1.2 var(--fh);rotate:-14deg;box-shadow:0 0 0 5px var(--bg),0 0 0 7px var(--acc)}
.hx{text-align:center;position:relative}
.hx i{display:grid;place-items:center;aspect-ratio:1/1.1547;font-size:70px;font-style:normal;background:var(--tile);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);margin-bottom:10px}
.hx b{display:block;font:400 22px/1.3 var(--fh)}.hx em{font-style:normal;font-weight:700}
.hx .og{position:absolute;top:0;right:4px;width:62px;height:62px;border-radius:50%;background:#6B8E23;color:#fff;font:400 13px/1.1 var(--fh);display:grid;place-items:center;text-align:center;rotate:12deg;z-index:2;box-shadow:0 0 0 3px var(--bg)}
.hx .wt{display:flex;gap:5px;justify-content:center;margin:6px 0}.hx .wt u{text-decoration:none;font-size:12px;border:1px solid var(--ln);border-radius:999px;padding:0 10px}.hx .wt .on{background:var(--acc);color:var(--accInk);border-color:var(--acc);font-weight:700}
.t-honey.m .st-hero .h{font-size:36px}.t-honey.m .hv{height:200px}.t-honey.m .hv .jar{font-size:110px}.t-honey.m .hv .seal{width:76px;height:76px;font-size:11px}.t-honey.m .hv em{font-size:40px}
.t-honey.m .hx b{font-size:16px}.t-honey.m .hx i{font-size:44px}.t-honey.m .hx .og{width:46px;height:46px;font-size:10px}

/* 17. QR menu: cream + green, Marhey, table tent + single-column menu rows */
.t-qrmenu{--bg:#F4EFE6;--ink:#264653;--acc:#2F6B4F;--accInk:#fff;--acc2:#E76F51;--ln:rgba(38,70,83,.14);--card:#fff;--tile:color-mix(in srgb,var(--acc) 12%,#F4EFE6);--sbg:var(--acc);--sink:var(--accInk);--fh:"Marhey",sans-serif;--fb:"Marhey",sans-serif;--r:16px;--rl:28px}
.t-qrmenu .st-hero .h{font-size:54px}.t-qrmenu .cta{border-radius:999px}
.tent{display:grid;place-items:center;height:400px;perspective:900px}
.tent .tn{width:290px;background:#fff;color:#264653;border-radius:20px;padding:22px;text-align:center;box-shadow:0 30px 50px rgba(38,70,83,.3);rotate:-3deg;border-top:10px solid var(--acc)}
.tent .tn b{display:block;font:700 22px/1.3 var(--fh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tent .qr{display:block;width:170px;height:170px;margin:10px auto;color:#264653}.tent .qr svg{width:100%;height:100%;display:block}
.tent em{display:block;font-style:normal;font-weight:700;font-size:17px}
.tent u{text-decoration:none;display:inline-block;margin-top:6px;background:var(--acc);color:var(--accInk);border-radius:999px;padding:0 20px;font-weight:700}
.ctabs{display:flex;gap:8px;margin:0 0 14px;padding:8px 0;position:sticky;top:0;background:var(--bg);overflow:hidden}
.ctabs span{padding:5px 20px;border-radius:999px;border:1px solid var(--ln);font-weight:700;font-size:15px;white-space:nowrap}.ctabs .on{background:var(--acc);color:var(--accInk);border-color:var(--acc)}
.t-qrmenu:not(.m) .grid{grid-template-columns:1fr;max-width:760px;margin-inline:auto;gap:10px}
.t-qrmenu:not(.m) .ctabs{max-width:760px;margin-inline:auto}
.mn{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:10px 14px}
.mn i{width:68px;height:68px;border-radius:14px;background:var(--tile);display:grid;place-items:center;font-size:36px;font-style:normal;flex:none}
.mn>div{flex:1;min-width:0}.mn b{display:block;font:700 17px/1.4 var(--fh)}.mn small{display:block;opacity:.65;font-size:12.5px}
.mn em{font-style:normal;font-weight:700;font-size:17px;flex:none}
.mn .pl{width:34px;height:34px;border-radius:50%;background:var(--acc);color:var(--accInk);display:grid;place-items:center;font-weight:700;font-size:20px;flex:none}
.cartbar{display:flex;justify-content:space-between;align-items:center;max-width:760px;margin:22px auto 0;background:var(--acc);color:var(--accInk);border-radius:999px;padding:12px 26px;font-weight:700;box-shadow:0 14px 30px rgba(38,70,83,.25)}
.cartbar u{text-decoration:none;background:var(--accInk);color:var(--acc);border-radius:999px;padding:2px 16px;font-size:14px}
.t-qrmenu.m .grid{grid-template-columns:minmax(0,1fr)}.t-qrmenu.m .st-hero .h{font-size:30px}.t-qrmenu.m .tent{height:250px}.t-qrmenu.m .tent .tn{width:210px;padding:14px}.t-qrmenu.m .tent .qr{width:116px;height:116px}
.t-qrmenu.m .cartbar{margin:16px 16px 0;padding:10px 16px;font-size:13px}.t-qrmenu.m .mn{padding:8px 10px;gap:10px}.t-qrmenu.m .mn i{width:50px;height:50px;font-size:26px}.t-qrmenu.m .mn b{font-size:14px}
.t-qrmenu.m .ctabs span{padding:4px 14px;font-size:13px}

/* 18. car rental: asphalt + taxi yellow, Rubik, ticket booking bar, wide vehicle cards */
.t-carrent{--bg:#111418;--ink:#E9ECEF;--acc:#F5C400;--accInk:#111418;--ln:rgba(233,236,239,.14);--card:#2D3138;--tile:#1B1F25;--artbg:radial-gradient(circle at 50% 60%,rgba(245,196,0,.22),transparent 65%);--sbg:var(--acc);--sink:var(--accInk);--fh:"Rubik",sans-serif;--fb:"Rubik",sans-serif;--r:14px;--rl:24px}
.t-carrent .st-hero .h{font-size:56px;font-weight:700}.t-carrent .cta{border-radius:10px}
.t-carrent .art{border-bottom:6px dashed var(--ln)}.t-carrent .art>span{font-size:190px}
.bb{position:relative;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:0;margin:-8px 56px 26px;background:var(--card);border:1px solid var(--ln);border-radius:16px;padding:16px 10px}
.bb:before,.bb:after{content:"";position:absolute;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--bg);border:1px solid var(--ln)}
.bb:before{right:-15px}.bb:after{left:-15px}
.bb span{padding:2px 22px;border-inline-start:2px dashed var(--ln)}.bb span:first-child{border:0}.bb small{display:block;font-size:12px;opacity:.65}.bb b{font-size:16px}
.bb .go{align-self:center;background:var(--acc);color:var(--accInk);font-weight:700;border-radius:10px;padding:12px 26px;border:0}
.t-carrent:not(.m) .grid{grid-template-columns:1fr 1fr;gap:20px}
.vh{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden}
.vh i{display:grid;place-items:center;font-size:84px;font-style:normal;background:var(--tile);border-bottom:6px dashed var(--ln);padding:14px 0 8px}
.vh>div{padding:16px 20px}.vh b{display:block;font:700 18px/1.4 var(--fh)}
.vh .ch{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.vh .ch u{text-decoration:none;font-size:12px;border:1px solid var(--ln);border-radius:999px;padding:0 10px}
.vh em{font-style:normal;font-weight:700;font-size:26px;color:var(--acc)}
.vh .tg{position:absolute;top:10px;right:10px;z-index:2;background:var(--acc);color:var(--accInk);font-size:11px;font-weight:700;border-radius:999px;padding:0 10px}
.t-carrent.m .st-hero .h{font-size:32px}.t-carrent.m .art>span{font-size:100px}
.t-carrent.m .bb{margin:0 16px 18px;grid-template-columns:1fr 1fr;row-gap:8px;padding:12px 6px}.t-carrent.m .bb span{padding:2px 12px}.t-carrent.m .bb span:nth-child(2){border-inline-start:2px dashed var(--ln)}.t-carrent.m .bb span:nth-child(3){border:0}
.t-carrent.m .bb .go{grid-column:1/-1;text-align:center}.t-carrent.m .grid{grid-template-columns:1fr;gap:12px}.t-carrent.m .vh i{font-size:56px}.t-carrent.m .vh>div{padding:10px 12px}.t-carrent.m .vh b{font-size:14px}.t-carrent.m .vh em{font-size:19px}

/* 19. courses: indigo + amber, Tajawal, stat hero, course cards with avatar, accordion */
.t-courses{--bg:#F6F4FF;--ink:#1B1464;--acc:#FFB703;--accInk:#1B1464;--acc2:#2EC4B6;--ln:rgba(27,20,100,.12);--card:#fff;--tile:#EEEAFF;--sbg:#1B1464;--sink:#fff;--fh:"Tajawal",sans-serif;--fb:"Tajawal",sans-serif;--r:18px;--rl:28px}
.t-courses .st-hero{margin:24px 56px 0;border-radius:28px;background:linear-gradient(120deg,#1B1464,#3A2BA8);color:#fff;padding:48px 56px;position:relative;overflow:hidden}
.t-courses .st-hero small{color:var(--acc)}.t-courses .st-hero .h{font-size:54px;font-weight:800}
.t-courses .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.t-courses .stats div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:22px 12px;text-align:center}
.t-courses .stats b{display:block;font:800 36px/1.2 var(--fh);color:var(--acc)}.t-courses .stats span{font-size:15px;opacity:.9}
.cr{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;position:relative}
.cr .bn{height:118px;display:grid;place-items:center;font-size:56px;background:#1B1464}
.cr:nth-child(4n+2) .bn{background:#2EC4B6}.cr:nth-child(4n+3) .bn{background:#FFB703}.cr:nth-child(4n) .bn{background:#E5547A}
.cr .in{position:absolute;top:92px;right:16px;width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid var(--card);display:grid;place-items:center;font-size:26px}
.cr .bd{padding:34px 16px 16px}.cr b{display:block;font:800 17px/1.4 var(--fh)}.cr .mt{font-size:12.5px;opacity:.7;margin:2px 0 8px}
.cr em{font-style:normal;font-weight:800;font-size:19px}
.cr .pg{height:7px;border-radius:99px;background:var(--tile);margin:8px 0 2px;overflow:hidden}.cr .pg u{display:block;height:100%;background:var(--acc2)}.cr .pgt{font-size:11.5px;color:#117F75;font-weight:700}
.t-courses.bg-dark .cr .pgt{color:#7EE3D9}
.acc{padding:30px 56px 0}.acc h4{font:800 22px var(--fh);margin:0 0 12px}
.acc div{border:1px solid var(--ln);background:var(--card);border-radius:14px;padding:11px 20px;margin-bottom:8px;display:flex;justify-content:space-between;font-weight:700}
.acc div span{opacity:.55;font-weight:500;font-size:13px}.acc .op{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.t-courses.m .st-hero{margin:12px 12px 0;padding:22px 16px;border-radius:20px}.t-courses.m .st-hero .h{font-size:28px}.t-courses.m .stats{gap:8px}.t-courses.m .stats b{font-size:20px}.t-courses.m .stats div{padding:12px 4px}.t-courses.m .stats span{font-size:11px}
.t-courses.m .cr .bn{height:80px;font-size:38px}.t-courses.m .cr .in{top:58px;width:40px;height:40px;font-size:20px;right:10px}.t-courses.m .cr .bd{padding:26px 10px 12px}.t-courses.m .cr b{font-size:14px}.t-courses.m .cr em{font-size:15px}
.t-courses.m .acc{padding:22px 16px 0}.t-courses.m .acc div{padding:8px 12px;font-size:13px}

/* 20. jewellery: ivory + garnet velvet + gold, Markazi Text, price ticker, spotlight, velvet trays */
.t-jewel{--bg:#F5EFE6;--ink:#14110F;--acc:#D4AF37;--accInk:#14110F;--ln:rgba(20,17,15,.14);--card:transparent;--tile:#7A1F2B;--sbg:#14110F;--sink:#D4AF37;--fh:"Markazi Text",serif;--fb:"Alexandria",sans-serif;--r:6px;--rl:28px}
.tk{overflow:hidden;white-space:nowrap;background:#14110F;color:#D4AF37;font:700 15px/36px "Alexandria"}
.tk>div{display:inline-block;animation:mq 26s linear infinite}.tk span{padding:0 26px}
@keyframes mq{to{transform:translateX(50%)}}
.t-jewel .st-hero{margin:24px 56px 0;border-radius:28px;color:#F5EFE6;padding:48px 56px;position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 120% at 25% -10%,rgba(255,236,170,.5),transparent 60%),#7A1F2B}
.t-jewel .st-hero small{color:#E9D28A}.t-jewel .st-hero .h{font-size:68px;font-weight:700;line-height:1.1}.t-jewel .st-hero p:where(:not(.h)){font-size:20px}
.t-jewel .cta{background:#D4AF37;color:#14110F;border-radius:999px}
.spot{position:relative;height:380px;display:grid;place-items:center}
.spot:before{content:"";position:absolute;top:-60px;left:50%;width:360px;height:340px;margin-left:-180px;background:linear-gradient(180deg,rgba(255,240,190,.55),transparent);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}
.spot .dc{position:relative;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#A83546,#4A0F18 75%);display:grid;place-items:center;box-shadow:0 30px 40px rgba(0,0,0,.4),0 0 0 6px rgba(212,175,55,.5)}
.spot .dc span{font-size:130px;line-height:1;filter:drop-shadow(0 12px 16px rgba(0,0,0,.45))}
.spot em{position:absolute;font-style:normal;font-size:56px}.spot em:nth-of-type(1){top:10%;right:6%}.spot em:nth-of-type(2){bottom:8%;left:6%}
.t-jewel:not(.m) .grid{gap:26px}
.tr{text-align:center}.tr .dc2{display:grid;place-items:center;width:78%;aspect-ratio:1;margin:0 auto 12px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#A83546,#4A0F18 78%);box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--acc);font-size:72px}
.tr b{display:block;font:700 22px/1.3 var(--fh)}.tr .ch{display:flex;gap:6px;justify-content:center;margin:4px 0}.tr .ch u{text-decoration:none;font-size:12px;border:1px solid var(--acc);border-radius:999px;padding:0 10px}
.tr em{font-style:normal;font-weight:700;font-size:18px}.tr .pre{font-size:11.5px}
.t-jewel.m .st-hero{margin:12px 12px 0;padding:22px 16px;border-radius:20px}.t-jewel.m .st-hero .h{font-size:38px}.t-jewel.m .spot{height:210px}.t-jewel.m .spot .dc{width:150px;height:150px}.t-jewel.m .spot .dc span{font-size:76px}.t-jewel.m .spot em{font-size:34px}.t-jewel.m .spot:before{height:200px;top:-40px}
.t-jewel.m .tr b{font-size:16px}.t-jewel.m .tr .dc2{font-size:44px}.t-jewel.m .tr em{font-size:14px}.t-jewel.m .tr .ch{flex-wrap:wrap}

/* ================= round 2 ================= */
/* controls: logo, headline, custom activity, product panel */
.up{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 6px}
.upb{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;border:1px dashed rgba(169,184,221,.6);background:rgba(255,255,255,.05);color:#fff;font:700 14px "Alexandria";cursor:pointer;position:relative}
.upb input,.pth2 input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;font-size:0}
.upb:focus-within,.pth2:focus-within{outline:3px solid var(--blue);outline-offset:3px}
.mini{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;font:500 13px "Alexandria";cursor:pointer}
.mini:focus-visible,.pr .x:focus-visible,.pnl summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.lgp{width:44px;height:44px;border-radius:10px;background:#fff;object-fit:contain;padding:3px}
.lgp[hidden],.mini[hidden]{display:none}
.msg{min-height:20px;color:var(--soft);font-size:12.5px;margin:0 0 4px}
.msg.err{color:#FF9AA7}
.fxnote.k{margin-top:0}
.cust{margin:-6px 0 14px;color:#fff;border-style:dashed}
.cust[aria-pressed=true]{border-color:var(--blue);background:rgba(61,123,255,.18);font-weight:700}
#custBox{margin:0 0 22px}
#custBox[hidden]{display:none}
#act{height:50px;font-size:16px}
.pnl{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);margin:0 0 22px;padding:0 14px 6px}
.pnl summary{min-height:48px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;font-size:15px;list-style:none}
.pnl summary::-webkit-details-marker{display:none}
.pnl summary small{font-weight:400;color:var(--soft)}
.pnl summary:after{content:"\25BE";margin-inline-start:auto;transition:transform .2s}
.pnl[open] summary:after{transform:rotate(180deg)}
.pr{display:grid;grid-template-columns:46px minmax(0,1fr) 84px 32px;gap:8px;align-items:center;margin:0 0 8px}
.pr input[type=text]{height:44px;font:500 14px "Alexandria";padding:0 10px;border-radius:10px;min-width:0}
.pr input.pp{text-align:center;direction:ltr}
.pth2{position:relative;width:46px;height:46px;border-radius:10px;border:1px dashed rgba(169,184,221,.6);display:grid;place-items:center;cursor:pointer;overflow:hidden;background:rgba(255,255,255,.05);font-size:20px}
.pth2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pth2 img[hidden]{display:none}
.pr .x{width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font-size:13px}
.pr .x.off{visibility:hidden}

/* uploads inside the mock */
.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
*:has(>.ph){position:relative;overflow:hidden}
.mark.has{background:#fff;padding:3px;overflow:hidden;box-shadow:0 0 0 1px var(--ln)}
.mark.has img{width:100%;height:100%;object-fit:contain;display:block}
.t-fashion .mark.has{display:grid}
.tl{display:block;height:46px;max-width:160px;object-fit:contain;margin:0 auto 8px}
.xc{position:relative}
.xc .tag{position:absolute;top:10px;right:10px;z-index:3;background:var(--acc);color:var(--accInk);font-size:11px;font-weight:700;padding:0 10px;border-radius:999px;line-height:20px}
.xc .ch{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}
.xc .ch u{text-decoration:none;font-size:12px;border:1px solid var(--ln);border-radius:999px;padding:0 10px;background:var(--tile)}
.xc .bt{display:inline-block;background:var(--acc);color:var(--accInk);border-radius:999px;padding:2px 16px;font-weight:700;font-size:13px}
.xc em{font-style:normal;font-weight:700;color:var(--price,var(--acc))}
.m .xc .tag{top:8px;right:8px;font-size:10px;line-height:18px}

/* 21. travel agency / umrah: sea + sunset, El Messiri, postcard hero, boarding-pass cards */
.t-travel{--bg:#FFF8EE;--ink:#0E4D64;--acc:#F28F3B;--accInk:#1F1300;--acc2:#1B998B;--ln:rgba(14,77,100,.16);--card:#fff;--tile:color-mix(in srgb,var(--acc) 16%,#FFF8EE);--sbg:#0E4D64;--sink:#FFF8EE;--fh:"El Messiri",sans-serif;--fb:"Alexandria",sans-serif;--r:14px;--rl:22px;--price:#0E4D64}
.t-travel .st-hero .h{font-size:54px}.t-travel .cta{border-radius:999px}
.pc{position:relative;height:380px;border-radius:22px;background:linear-gradient(160deg,#9FE0E8,#FFE2B8 62%,#F6B77A);border:10px solid #fff;box-shadow:0 24px 50px rgba(14,77,100,.25);rotate:2deg;overflow:hidden}
.pc .sun{position:absolute;top:14%;left:14%;width:86px;height:86px;border-radius:50%;background:#FFD166;box-shadow:0 0 0 14px rgba(255,209,102,.35)}
.pc .wv{position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(#2AA5B5,#0E4D64)}
.pc .fp{position:absolute;top:22%;left:8%;width:84%;height:120px}
.pc .pl{position:absolute;top:128px;right:9%;font-size:38px;line-height:1;rotate:14deg}
.pc .big{position:absolute;bottom:9%;left:50%;translate:-50% 0;font-size:112px;line-height:1}
.pc .stamp{position:absolute;top:14px;right:14px;rotate:8deg;border:3px double #C2410C;color:#C2410C;background:#fff;padding:2px 12px;font:700 16px/1.5 var(--fh)}
.t-travel:not(.m) .grid{grid-template-columns:1fr 1fr;gap:24px}
.bp{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 168px;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);box-shadow:0 12px 30px rgba(14,77,100,.1);color:#0E4D64}
.bp .l{padding:16px 22px;min-width:0}
.bp .l small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--acc2);margin-bottom:6px}
.bp .rt2{display:flex;align-items:center;gap:10px;font:700 24px/1.3 var(--fh)}
.bp .rt2 span{flex:1;text-align:center;color:var(--acc);font-size:20px;scale:-1 1}
.bp strong{display:block;font:700 15px/1.5 var(--fb);margin:6px 0 8px}
.bp .mt2{display:flex;gap:8px;flex-wrap:wrap}.bp .mt2 u{text-decoration:none;font-size:12px;background:var(--tile);border-radius:8px;padding:1px 10px}
.bp .s{position:relative;border-inline-start:2px dashed rgba(14,77,100,.25);padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.bp .s:before,.bp .s:after{content:"";position:absolute;right:-12px;width:22px;height:22px;border-radius:50%;background:var(--bg)}
.bp .s:before{top:-12px}.bp .s:after{bottom:-12px}
.bp .s i{width:54px;height:54px;border-radius:50%;background:var(--tile);display:grid;place-items:center;font-size:28px;font-style:normal}
.bp .s em{font-size:17px;color:#0E4D64}
.t-travel.m .st-hero .h{font-size:30px}.t-travel.m .pc{height:230px;border-width:6px}.t-travel.m .pc .big{font-size:64px}.t-travel.m .pc .sun{width:50px;height:50px}.t-travel.m .pc .fp{height:80px}.t-travel.m .pc .pl{top:80px;font-size:26px}.t-travel.m .pc .stamp{font-size:12px;padding:0 8px}
.t-travel.m .grid{grid-template-columns:minmax(0,1fr);gap:16px}.t-travel.m .bp{grid-template-columns:minmax(0,1fr) 112px}.t-travel.m .bp .l{padding:12px}.t-travel.m .bp .rt2{font-size:17px}.t-travel.m .bp strong{font-size:13px}
.t-travel.m .bp .s{padding:10px 4px}.t-travel.m .bp .s i{width:38px;height:38px;font-size:20px}.t-travel.m .bp .s em{font-size:14px}.t-travel.m .bp .mt2 u{font-size:11px}

/* 22. resort: deep teal + gold, Noto Naskh, full-bleed sunset hero + booking bar, room cards */
.t-resort{--bg:#F7F1E8;--ink:#0B3C49;--acc:#D9A441;--accInk:#1D1400;--ln:rgba(11,60,73,.14);--card:#fff;--tile:#E7DCC8;--sbg:#0B3C49;--sink:#F7F1E8;--fh:"Noto Naskh Arabic",serif;--fb:"Noto Naskh Arabic",serif;--r:10px;--rl:0px;--price:#0B3C49}
.t-resort .st-hero{display:block;padding:0}
.rh{position:relative;height:540px;overflow:hidden;background:linear-gradient(180deg,#F8CF93 0%,#F3A06C 30%,#D56F7C 50%,#2F7C93 50.2%,#0B3C49 100%);color:#fff}
.rh:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(11,60,73,.8),transparent 72%)}
.rh .sunr{position:absolute;left:24%;top:calc(50% - 64px);width:128px;height:128px;border-radius:50%;background:#FFE29A;box-shadow:0 0 90px 30px rgba(255,226,154,.5)}
.rh .palm{position:absolute;left:4%;bottom:-24px;font-size:250px;line-height:1;z-index:1}
.rh .tx{position:absolute;right:56px;top:96px;z-index:2;max-width:560px}
.rh .h{font-size:62px;font-weight:700;text-shadow:0 4px 24px rgba(0,0,0,.35)}.rh small{color:#FFE29A}.rh .cta{border-radius:999px}
.rb{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr) auto;margin:-44px 56px 32px;background:#fff;color:#0B3C49;border-radius:16px;box-shadow:0 20px 50px rgba(11,60,73,.25);padding:14px 16px}
.rb .f{padding:4px 20px;border-inline-start:1px solid #E3E7EC}.rb .f:first-child{border:0}
.rb small{display:block;font-size:12px;opacity:.6;color:#0B3C49}.rb b{font-size:16px}
.rb .go{align-self:center;background:var(--acc);color:var(--accInk);font-weight:700;padding:12px 30px;border-radius:12px}
.rm{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;color:#0B3C49}
.rm i{display:grid;place-items:center;height:170px;font-size:72px;font-style:normal;background:linear-gradient(135deg,#BFE3E8,#F3D9B1)}
.rm:nth-child(even) i{background:linear-gradient(135deg,#F3D9B1,#E9B7A0)}
.rm .bd{padding:14px 16px 16px}.rm b{display:block;font:700 18px/1.5 var(--fh)}
.rm .ft{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.rm .ft em{font-size:19px;color:#0B3C49}
.rm .bk{background:#0B3C49;color:#fff;border-radius:999px;padding:2px 14px;font-size:13px;font-weight:700;white-space:nowrap}
.t-resort.m .rh{height:420px}.t-resort.m .rh .tx{right:16px;left:16px;top:40px}.t-resort.m .rh .h{font-size:32px}.t-resort.m .rh .palm{font-size:140px}.t-resort.m .rh .sunr{width:70px;height:70px;top:calc(50% - 38px)}
.t-resort.m .rb{grid-template-columns:1fr 1fr;margin:-30px 14px 20px;row-gap:6px;padding:12px 8px}.t-resort.m .rb .f{padding:2px 10px}.t-resort.m .rb .go{grid-column:1/-1;text-align:center}
.t-resort.m .grid{grid-template-columns:minmax(0,1fr);gap:14px}.t-resort.m .rm i{height:120px;font-size:56px}.t-resort.m .rm b{font-size:16px}

/* 23. day tours: bright aqua + orange, Zain, sticker-circle hero, trip cards with duration and pickup */
.t-tours{--bg:#F1FAF7;--ink:#12343B;--acc:#FF6B35;--accInk:#fff;--acc2:#00A6A6;--ln:rgba(18,52,59,.13);--card:#fff;--tile:color-mix(in srgb,var(--acc2) 14%,#fff);--sbg:#12343B;--sink:#fff;--fh:"Zain",sans-serif;--fb:"Zain",sans-serif;--r:18px;--rl:28px;--price:#12343B}
.t-tours .st-hero .h{font-size:62px;font-weight:800;line-height:1.15}.t-tours .cta{border-radius:12px;box-shadow:0 6px 0 color-mix(in srgb,var(--acc) 60%,#000)}
.dt{position:relative;height:400px}
.dt>span{position:absolute;display:grid;place-items:center;border-radius:50%;line-height:1;border:8px solid #fff;box-shadow:0 18px 40px rgba(18,52,59,.18)}
.dt .d1{right:6%;top:2%;width:250px;height:250px;font-size:120px;background:linear-gradient(135deg,#FFD7B8,#FFB68A)}
.dt .d2{left:6%;top:12%;width:170px;height:170px;font-size:80px;background:linear-gradient(135deg,#BDF0EA,#7FD6CF)}
.dt .d3{left:26%;bottom:2%;width:150px;height:150px;font-size:70px;background:#FFE29A}
.dt .tkt{position:absolute;right:12%;bottom:4%;background:#12343B;color:#fff;border-radius:14px;padding:10px 18px;rotate:-4deg;box-shadow:0 14px 30px rgba(18,52,59,.3);text-align:center}
.dt .tkt small{display:block;font-size:12px;color:#9FE3DC}.dt .tkt b{display:block;font:800 20px var(--fh)}.dt .tkt u{text-decoration:none;display:inline-block;background:var(--acc);color:var(--accInk);border-radius:8px;padding:0 14px;font-weight:800;font-size:14px}
.tp{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;color:#12343B}
.tp i{display:grid;place-items:center;height:150px;font-size:66px;font-style:normal;background:linear-gradient(135deg,#FFD7B8,#9FE3DC)}
.tp:nth-child(even) i{background:linear-gradient(135deg,#BDF0EA,#FFE29A)}
.tp .dur{position:absolute;top:10px;left:10px;z-index:2;background:#12343B;color:#fff;border-radius:999px;padding:0 12px;font-size:12px;font-weight:700;line-height:24px}
.tp .bd{padding:12px 14px 14px}.tp b{display:block;font:800 18px/1.4 var(--fh)}.tp .pk{display:block;font-size:12.5px;opacity:.8}
.tp .ft{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:8px}.tp .ft em{font-size:18px;color:#12343B}
.tp .bk{background:var(--acc);color:var(--accInk);border-radius:10px;padding:3px 14px;font-weight:800;font-size:13px;white-space:nowrap}
.tp .left{display:block;color:#C2330C;font-size:12px;font-weight:700;margin-top:4px}
.t-tours.m .st-hero .h{font-size:34px}.t-tours.m .dt{height:230px}.t-tours.m .dt .d1{width:140px;height:140px;font-size:68px;border-width:5px}.t-tours.m .dt .d2{width:96px;height:96px;font-size:44px;border-width:5px}.t-tours.m .dt .d3{width:84px;height:84px;font-size:38px;border-width:5px}
.t-tours.m .dt .tkt{padding:6px 12px}.t-tours.m .dt .tkt b{font-size:15px}
.t-tours.m .grid{grid-template-columns:minmax(0,1fr);gap:14px}.t-tours.m .tp i{height:116px;font-size:52px}

/* 24. company (typed activity, no ready style): clean navy + teal, Almarai, quote form hero, services grid */
.t-corp{--bg:#F4F6F9;--ink:#14213D;--acc:#0B7285;--accInk:#fff;--ln:rgba(20,33,61,.12);--card:#fff;--tile:color-mix(in srgb,var(--acc) 12%,#fff);--sbg:#14213D;--sink:#fff;--fh:"Almarai",sans-serif;--fb:"Almarai",sans-serif;--r:12px;--rl:20px}
.t-corp .st-hero .h{font-size:50px;font-weight:800;overflow-wrap:anywhere}
.qf{background:#fff;color:#14213D;border:1px solid var(--ln);border-radius:var(--rl);padding:24px;box-shadow:0 24px 60px rgba(20,33,61,.12);display:grid;gap:10px}
.qf>b{font:800 20px var(--fh)}.qf .fl{display:block;border:1px solid rgba(20,33,61,.15);border-radius:10px;padding:10px 14px;color:#6B7487;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qf .go{text-align:center;background:var(--acc);color:var(--accInk);border-radius:10px;padding:11px;font-weight:800}
.sc{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:20px;min-width:0}
.sc i{width:60px;height:60px;border-radius:14px;background:var(--tile);display:grid;place-items:center;font-size:30px;font-style:normal;margin-bottom:12px}
.sc b{display:block;font:800 18px/1.4 var(--fh);overflow-wrap:anywhere}.sc small{display:block;opacity:.7;margin:4px 0 10px;font-size:13.5px}
.sc .lk{color:var(--acc);font-weight:800;font-size:14px}
.ab2{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin:44px 56px 0;padding:34px 40px;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl)}
.ab2 small{color:var(--acc);font-weight:800;display:block;overflow-wrap:anywhere}.ab2 h4{font:800 28px/1.3 var(--fh);margin:4px 0 8px}.ab2 p:where(:not(.h)){margin:0;opacity:.75}
.ab2 .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.ab2 .nums span{background:var(--tile);border-radius:14px;padding:16px 6px;font-size:13px}.ab2 .nums b{display:block;font:800 28px var(--fh);color:var(--acc)}
.cn{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 56px 0;padding:28px 40px;background:#14213D;color:#fff;border-radius:var(--rl)}
.cn b{font:800 26px var(--fh);display:block}.cn span{opacity:.8}.cn u{text-decoration:none;background:var(--acc);color:var(--accInk);padding:12px 28px;border-radius:12px;font-weight:800;white-space:nowrap;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.t-corp.m .st-hero .h{font-size:28px}.t-corp.m .qf{padding:16px}.t-corp.m .grid{grid-template-columns:minmax(0,1fr);gap:10px}.t-corp.m .sc{padding:14px;display:grid;grid-template-columns:50px 1fr;column-gap:12px}.t-corp.m .sc i{width:50px;height:50px;grid-row:1/4;margin:0}
.t-corp.m .ab2{grid-template-columns:minmax(0,1fr);margin:26px 16px 0;padding:20px;gap:16px}.t-corp.m .ab2 h4{font-size:21px}.t-corp.m .ab2 .nums b{font-size:20px}
.t-corp.m .cn{flex-direction:column;align-items:flex-start;margin:16px 16px 0;padding:20px}.t-corp.m .cn b{font-size:20px}

/* 25. flowers: blush + leaf green, Vibes headings, tilted gift card, masonry */
.t-flowers{--bg:#FFF7F5;--ink:#2F4F3A;--acc:#E5547A;--accInk:#fff;--ln:rgba(47,79,58,.14);--card:#fff;--tile:#F9C9D4;--sbg:#2F4F3A;--sink:#FFF7F5;--fh:"Vibes","Alexandria",sans-serif;--fb:"Alexandria",sans-serif;--r:22px;--rl:40px}
.t-flowers .st-hero .h{font-size:68px;font-weight:400;line-height:1.35}.t-flowers .cta{border-radius:999px}
.gc{position:relative;background:#fff;color:#2F4F3A;border-radius:18px;padding:26px;rotate:-3deg;box-shadow:0 24px 50px rgba(229,84,122,.22);max-width:420px;justify-self:center;width:100%}
.gc:before{content:"";position:absolute;inset:10px;border:2px dashed rgba(47,79,58,.2);border-radius:12px;pointer-events:none}
.gc .bq{display:block;font-size:110px;line-height:1.1;text-align:center}
.gc .nt{text-align:center}.gc .nt small{color:var(--acc);display:block}.gc .nt b{display:block;font:400 34px/1.5 var(--fh)}.gc .nt em{font-style:normal;font-weight:700;display:block;margin-top:4px;overflow-wrap:anywhere}
.gc .dl{display:flex;justify-content:space-between;margin-top:14px;font-size:12px}.gc .dl u{text-decoration:none;background:var(--tile);border-radius:999px;padding:0 12px}
.occ{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 18px}.occ span{padding:5px 18px;border-radius:999px;border:1px solid var(--ln);font-weight:700;font-size:14px;background:var(--card)}.occ .on{background:var(--acc);color:var(--accInk);border-color:var(--acc)}
.t-flowers .grid{display:block;columns:4;column-gap:20px}
.mo{break-inside:avoid;margin-bottom:20px;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:12px}
.mo i{display:grid;place-items:center;border-radius:calc(var(--r) - 6px);background:var(--tile);font-size:80px;font-style:normal;aspect-ratio:4/5;margin-bottom:10px}
.mo:nth-child(2) i{aspect-ratio:1;background:#CFE5D3}.mo:nth-child(3) i{aspect-ratio:3/4;background:#FFE3A8}.mo:nth-child(4) i{aspect-ratio:1.2;background:#E6D4F2}
.mo b{display:block;font:700 16px/1.4 var(--fb)}
.t-flowers.m .grid{columns:2;column-gap:12px}.t-flowers.m .mo{margin-bottom:12px;padding:8px}.t-flowers.m .mo i{font-size:50px}.t-flowers.m .mo b{font-size:13.5px}.t-flowers.m .st-hero .h{font-size:42px}.t-flowers.m .gc{padding:16px}.t-flowers.m .gc .bq{font-size:70px}.t-flowers.m .gc .nt b{font-size:26px}

/* 26. laundry: sky blue, Zain, 3-step timeline hero, price table, subscription plans */
.t-laundry{--bg:#E8F6FF;--ink:#0D2B45;--acc:#1E88E5;--accInk:#fff;--ln:rgba(13,43,69,.12);--card:#fff;--tile:#D4EEFC;--sbg:#0D2B45;--sink:#E8F6FF;--fh:"Zain",sans-serif;--fb:"Zain",sans-serif;--r:16px;--rl:28px}
.t-laundry .st-hero{position:relative;overflow:hidden}
.t-laundry .st-hero:before,.t-laundry .st-hero:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,rgba(126,214,223,.35));opacity:.7}
.t-laundry .st-hero:before{width:160px;height:160px;left:5%;top:-40px}.t-laundry .st-hero:after{width:90px;height:90px;left:34%;bottom:14px}
.t-laundry .st-hero .h{font-size:56px;font-weight:800}.t-laundry .cta{border-radius:999px}
.stp{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative}
.stp:before{content:"";position:absolute;top:30px;bottom:30px;right:39px;border-inline-start:3px dashed #7ED6DF}
.stp li{position:relative;display:flex;align-items:center;gap:16px;background:#fff;color:#0D2B45;border-radius:20px;padding:14px 18px;box-shadow:0 10px 30px rgba(30,136,229,.12)}
.stp i{width:44px;height:44px;border-radius:50%;background:var(--acc);color:var(--accInk);display:grid;place-items:center;font:800 20px var(--fh);font-style:normal;flex:none;position:relative;z-index:1}
.stp b{font:800 19px var(--fh);flex:1}.stp span{font-size:34px}
.t-laundry .grid{grid-template-columns:minmax(0,1fr);gap:8px}
.pt{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:8px;align-items:center;padding:10px 18px;background:var(--card);border:1px solid var(--ln);border-radius:14px;font-weight:700}
.pt .nm{display:flex;align-items:center;gap:12px;min-width:0}.pt .nm i{width:40px;height:40px;border-radius:12px;background:var(--tile);display:grid;place-items:center;font-size:22px;font-style:normal;flex:none}
.pth{background:transparent;border:0;opacity:.7;font-size:13px;padding-block:0}
.plans{padding:30px 56px 0}.plans h4{font:800 24px var(--fh);margin:0 0 14px}.pg3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pl3{background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);padding:20px;text-align:center}
.pl3.hot{background:var(--acc);color:var(--accInk);transform:translateY(-8px);box-shadow:0 18px 40px rgba(30,136,229,.3)}
.pl3 b{display:block;font:800 18px var(--fh)}.pl3 em{display:block;font-style:normal;font:800 28px var(--fh);margin:6px 0}.pl3 small{opacity:.8}
.t-laundry.m .st-hero .h{font-size:32px}.t-laundry.m .stp li{padding:10px 14px;gap:12px}.t-laundry.m .stp b{font-size:16px}.t-laundry.m .stp span{font-size:26px}.t-laundry.m .stp:before{right:31px}
.t-laundry.m .pt{grid-template-columns:1.7fr 1fr 1fr 1fr;padding:8px 10px;gap:4px;font-size:11.5px}.t-laundry.m .pt .nm{gap:6px;font-size:12px}.t-laundry.m .pt .nm i{width:30px;height:30px;font-size:16px;border-radius:8px}
.t-laundry.m .plans{padding:22px 16px 0}.t-laundry.m .pg3{grid-template-columns:minmax(0,1fr);gap:10px}.t-laundry.m .pl3.hot{transform:none}

/* 27. auto parts: blueprint grid + safety yellow, Handjet, fitment finder, SKU rows */
.t-parts{--bg:#F2F2F2;--ink:#1C1C1C;--acc:#FFC300;--accInk:#1C1C1C;--ln:rgba(28,28,28,.14);--card:#fff;--tile:#E9E9E9;--sbg:#1C1C1C;--sink:#FFC300;--fh:"Handjet","Alexandria",sans-serif;--fb:"Alexandria",sans-serif;--r:6px;--rl:8px;--price:#1C1C1C;background-image:linear-gradient(rgba(28,28,28,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(28,28,28,.05) 1px,transparent 1px);background-size:28px 28px}
.t-parts .st-hero .h{font-size:76px;font-weight:700;line-height:1}.t-parts .cta{border-radius:4px}
.fit{background:#fff;color:#1C1C1C;border:2px solid #1C1C1C;border-radius:var(--r);padding:20px;display:grid;gap:10px;box-shadow:8px 8px 0 var(--acc)}
.fit>b{font:700 32px/1 var(--fh)}
.fit .sel{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(28,28,28,.2);border-radius:6px;padding:8px 14px;background:#FAFAFA;font-weight:700}
.fit .sel small{font-weight:400;opacity:.6;font-size:12px;color:#1C1C1C;display:inline}
.fit .ok{background:#E3F6E8;color:#14682F;border-radius:6px;padding:9px 14px;font-weight:700;font-size:14px}
.t-parts .grid{grid-template-columns:minmax(0,1fr);gap:8px}
.sk{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:8px 16px;font-size:14px}
.sk i{width:52px;height:52px;border-radius:6px;background:var(--tile);display:grid;place-items:center;font-size:28px;font-style:normal;flex:none}
.sk .nm{flex:1;min-width:0}.sk .nm b{display:block;font:700 17px/1.3 var(--fb)}.sk code{font:700 17px var(--fh);opacity:.6;letter-spacing:.06em}
.sk .cp{color:#14682F;font-weight:700;font-size:13px;flex:none}.sk .stk{font-weight:700;font-size:13px;flex:none;width:70px;text-align:center}.sk .lo{color:#E63946}
.sk .qty{display:flex;align-items:center;gap:10px;border:1px solid var(--ln);border-radius:6px;padding:0 10px;flex:none;font-weight:700}
.sk>em{font-size:18px;flex:none;min-width:90px;text-align:end}
.t-parts.m .st-hero .h{font-size:46px}.t-parts.m .sk{flex-wrap:wrap;gap:4px 10px;padding:8px 10px}.t-parts.m .sk i{width:40px;height:40px;font-size:22px}.t-parts.m .sk .nm{flex:1 1 calc(100% - 52px)}.t-parts.m .sk .nm b{font-size:14px}
.t-parts.m .sk .cp,.t-parts.m .sk .stk{font-size:12px}.t-parts.m .sk .stk{width:auto}.t-parts.m .sk>em{min-width:0;margin-inline-start:auto;font-size:15px}

/* 28. printing: white + CMYK, Badeen Display, registration marks, quote calculator, tier cards */
.t-print{--bg:#fff;--ink:#1A1A1A;--acc:#EC008C;--accInk:#fff;--acc2:#00AEEF;--ln:rgba(26,26,26,.14);--card:#fff;--tile:#F5F5F5;--sbg:#1A1A1A;--sink:#fff;--fh:"Badeen Display","Alexandria",sans-serif;--fb:"Alexandria",sans-serif;--r:6px;--rl:10px}
.cmyk{display:flex;height:10px}.cmyk i{flex:1}.cmyk i:nth-child(1){background:#00AEEF}.cmyk i:nth-child(2){background:#EC008C}.cmyk i:nth-child(3){background:#FFF200}.cmyk i:nth-child(4){background:#1A1A1A}
.t-print .st-hero{position:relative}.t-print .st-hero .h{font-size:54px;font-weight:400}.t-print .cta{border-radius:4px}
.rg{position:absolute;font:400 28px/1 var(--fb);font-style:normal;opacity:.55}.rg.r1{top:10px;right:14px}.rg.r2{top:10px;left:14px}.rg.r3{bottom:10px;right:14px}.rg.r4{bottom:10px;left:14px}
.qc{border:2px solid #1A1A1A;border-radius:var(--rl);padding:22px;display:grid;gap:12px;background:#fff;color:#1A1A1A;box-shadow:8px 8px 0 var(--acc2)}
.qc>b{font:400 26px var(--fh)}.ql{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ql small{width:56px;opacity:.65;font-size:13px;color:#1A1A1A;display:inline}
.ql span{border:1px solid rgba(26,26,26,.2);border-radius:8px;padding:2px 14px;font-weight:700}.ql .on{background:#1A1A1A;color:#fff;border-color:#1A1A1A}
.qp{display:flex;align-items:baseline;gap:10px;border-top:2px dashed rgba(26,26,26,.2);padding-top:10px}.qp small{color:#1A1A1A;display:inline;opacity:.65}.qp em{font:400 36px var(--fh);font-style:normal;color:var(--acc)}
.dz{border:2px dashed var(--acc2);border-radius:var(--r);padding:14px;text-align:center;color:#0080B0;font-weight:700}
.tr2{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:14px;border-top:5px solid var(--acc2)}
.tr2:nth-child(2){border-top-color:var(--acc)}.tr2:nth-child(3){border-top-color:#FFF200}.tr2:nth-child(4){border-top-color:#1A1A1A}
.tr2 i{display:grid;place-items:center;aspect-ratio:1.3;font-size:58px;font-style:normal;background:var(--tile);border-radius:var(--r);margin-bottom:10px}
.tr2 b{display:block;font:400 19px/1.5 var(--fh)}
.t-print.m .st-hero .h{font-size:30px}.t-print.m .qc{padding:14px}.t-print.m .qc>b{font-size:20px}.t-print.m .qp em{font-size:28px}.t-print.m .tr2 i{font-size:40px}.t-print.m .tr2 b{font-size:15px}

/* 29. weddings and events: ivory + champagne, Ruwudu, invitation card hero, 3 package tiers */
.t-events{--bg:#FBF8F3;--ink:#2E3A2F;--acc:#B08D57;--accInk:#fff;--ln:rgba(46,58,47,.16);--card:#fff;--tile:#F1E8D8;--sbg:#2E3A2F;--sink:#E8D9C5;--fh:"Ruwudu","Alexandria",serif;--fb:"Alexandria",sans-serif;--r:6px;--rl:4px}
.t-events .st-hero{display:block}
.inv{max-width:720px;margin:0 auto;padding:12px;border:1px solid var(--acc);background:#fff;color:#2E3A2F}
.inb{border:4px double var(--acc);padding:36px 40px;text-align:center}
.inb small{display:block;color:var(--acc);letter-spacing:.1em}
.inb .by{font:400 24px/1.5 var(--fh);margin:6px auto 10px;max-width:none;opacity:1;overflow-wrap:anywhere}
.inb .h{font:700 50px/1.3 var(--fh);margin:0 0 10px;overflow-wrap:anywhere}.inb p:where(:not(.h)){margin-inline:auto}
.inb .cta{border-radius:0}
.cd{display:flex;gap:12px;justify-content:center;margin:16px 0 22px}.cd span{width:92px;border:1px solid var(--acc);padding:8px 0;font-size:13px}.cd b{display:block;font:700 34px/1.2 var(--fh);color:var(--acc)}
.t-events .grid{grid-template-columns:repeat(3,1fr);gap:24px;align-items:end}
.tc{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:24px 18px;text-align:center;color:#2E3A2F}
.tc.hot{border:2px solid var(--acc);padding-block:38px;box-shadow:0 20px 50px rgba(176,141,87,.28)}
.tc .hotb{position:absolute;top:-13px;left:50%;translate:-50% 0;background:var(--acc);color:var(--accInk);border-radius:999px;padding:0 16px;font-size:12px;font-weight:700;white-space:nowrap}
.tc small{display:block;color:var(--acc);font-weight:700;letter-spacing:.1em}.tc i{width:120px;height:120px;margin:10px auto;border-radius:50%;background:var(--tile);display:grid;place-items:center;font-size:56px;font-style:normal}
.tc b{display:block;font:700 22px/1.4 var(--fh)}.tc ul{list-style:none;padding:0;margin:10px 0 14px;font-size:14px;opacity:.85}
.film{display:flex;gap:10px;padding:30px 56px 0;overflow:hidden}
.film span{flex:1;min-width:0;aspect-ratio:1.3;display:grid;place-items:center;font-size:44px;background:var(--tile);border:6px solid #fff;box-shadow:0 0 0 1px var(--ln)}
.t-events.m .inb{padding:22px 14px}.t-events.m .inb .h{font-size:28px}.t-events.m .inb .by{font-size:18px}.t-events.m .cd{gap:6px}.t-events.m .cd span{width:70px}.t-events.m .cd b{font-size:24px}
.t-events.m .grid{grid-template-columns:minmax(0,1fr);gap:22px}.t-events.m .tc.hot{padding-block:24px}.t-events.m .film{padding:20px 16px 0;gap:6px}.t-events.m .film span{font-size:24px;border-width:3px}

/* 30. B2B supplier: steel + orange, Mada, KPI hero, filter sidebar, tiered-price rows */
.t-b2b{--bg:#F5F7FA;--ink:#1F3A5F;--acc:#F28C28;--accInk:#1A0F00;--ln:#E1E6EC;--card:#fff;--tile:#EAEEF3;--sbg:#fff;--sink:#1F3A5F;--fh:"Mada","Alexandria",sans-serif;--fb:"Mada","Alexandria",sans-serif;--r:8px;--rl:12px;--price:#1F3A5F}
.t-b2b .strip{border-block:1px solid var(--ln);gap:28px}.t-b2b .strip span{opacity:.7;letter-spacing:.04em}
.t-b2b .st-hero .h{font-size:52px;font-weight:800}.t-b2b .cta{border-radius:6px}
.kp{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kp div{background:#fff;border:1px solid var(--ln);border-radius:var(--rl);padding:20px;color:#1F3A5F}.kp b{display:block;font:800 34px/1.2 var(--fh);color:var(--acc)}.kp span{font-size:14px;opacity:.75}
.t-b2b:not(.m) .prods{display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:24px}
.t-b2b .prods h3{grid-column:1/-1}
.sb{grid-column:1;grid-row:2/4;align-self:start;background:#fff;border:1px solid var(--ln);border-radius:var(--rl);padding:16px;display:grid;gap:8px;font-size:14px;color:#1F3A5F}
.sb b{font:800 15px var(--fh)}.sb .ck{opacity:.8}.sb .on{font-weight:700;opacity:1}.sb small{opacity:.65}
.sb .rng{height:6px;border-radius:9px;background:var(--ln);position:relative}.sb .rng i{position:absolute;inset:0 40% 0 0;background:var(--acc);border-radius:9px}
.t-b2b .grid{grid-template-columns:minmax(0,1fr);gap:8px}
.tw{display:grid;grid-template-columns:54px 2fr repeat(3,1fr) 124px;gap:10px;align-items:center;background:#fff;border:1px solid var(--ln);border-radius:var(--r);padding:8px 14px;font-weight:700;font-size:14px;color:#1F3A5F}
.tw i{width:54px;height:54px;border-radius:6px;background:var(--tile);display:grid;place-items:center;font-size:28px;font-style:normal}
.tw .nm{min-width:0}.tw .nm b{display:block;font:800 15px/1.4 var(--fh)}.tw .moq{display:inline-block;background:#FFF1DE;color:#9A4F00;border-radius:4px;padding:0 8px;font-size:11.5px}
.tw .tp3 small{display:none;font-size:10px;opacity:.6;color:#1F3A5F}
.tw .rfq{background:var(--acc);color:var(--accInk);border-radius:6px;text-align:center;padding:5px 6px;font-size:13px;font-weight:800}
.tth{background:transparent;border:0;font-size:12px;opacity:.65;padding-block:0;margin-bottom:-2px}
.t-b2b.m .st-hero .h{font-size:30px}.t-b2b.m .kp{gap:8px}.t-b2b.m .kp div{padding:12px}.t-b2b.m .kp b{font-size:22px}.t-b2b.m .kp span{font-size:12px}
.t-b2b.m .sb,.t-b2b.m .tth{display:none}
.t-b2b.m .tw{grid-template-columns:44px repeat(3,minmax(0,1fr));row-gap:6px;padding:8px 10px;font-size:12px}.t-b2b.m .tw i{width:44px;height:44px;grid-row:1/3;font-size:22px}.t-b2b.m .tw .nm{grid-column:2/-1}
.t-b2b.m .tw .tp3 small{display:block}.t-b2b.m .tw .rfq{grid-column:1/-1}

/* 31. pets: warm cream + orange, Playpen Sans Arabic, pet picker hero, blob product shapes, vet card */
.t-pets{--bg:#FFF8E7;--ink:#3D405B;--acc:#FF8C42;--accInk:#2A1400;--ln:rgba(61,64,91,.14);--card:#fff;--tile:#F2CC8F;--sbg:#81B29A;--sink:#10281D;--fh:"Playpen Sans Arabic","Alexandria",sans-serif;--fb:"Playpen Sans Arabic","Alexandria",sans-serif;--r:24px;--rl:40px}
.t-pets .st-hero .h{font-size:50px;font-weight:700;line-height:1.35}.t-pets .cta{border-radius:999px;box-shadow:0 7px 0 color-mix(in srgb,var(--acc) 60%,#000)}
.pkr{background:#fff;color:#3D405B;border-radius:var(--rl);padding:24px;box-shadow:0 20px 50px rgba(61,64,91,.12);text-align:center}
.pkr>b{display:block;font:700 20px var(--fh);margin-bottom:14px}
.pk4{display:grid;grid-template-columns:repeat(2,130px);gap:14px;justify-content:center}
.pk4 span{display:grid;place-content:center;aspect-ratio:1;border-radius:50%;background:#FFF1D6;font-weight:700;font-size:15px}.pk4 span.on{background:var(--acc);color:var(--accInk)}
.pk4 i{font-style:normal;font-size:50px;line-height:1.1}
.pkr .paws{display:block;margin-top:12px;opacity:.35;letter-spacing:.3em}
.bl{text-align:center;background:var(--card);border-radius:var(--r);padding:14px;border:1px solid var(--ln)}
.bl i{display:grid;place-items:center;aspect-ratio:1;font-size:70px;font-style:normal;background:var(--tile);border-radius:58% 42% 55% 45% / 50% 55% 45% 50%;margin-bottom:10px}
.bl:nth-child(even) i{border-radius:42% 58% 45% 55% / 55% 45% 55% 45%;background:#B9DCC9}
.bl b{display:block;font:700 15px/1.6 var(--fh)}
.vet{margin:30px 56px 0;display:flex;align-items:center;gap:20px;background:#81B29A;color:#10281D;border-radius:var(--rl);padding:22px 30px}
.vet .vi{font-size:48px;line-height:1}.vet div{flex:1;min-width:0}.vet b{display:block;font:700 20px var(--fh)}.vet u{text-decoration:none;background:#10281D;color:#fff;border-radius:999px;padding:6px 22px;font-weight:700;white-space:nowrap}
.t-pets.m .st-hero .h{font-size:28px}.t-pets.m .pk4{grid-template-columns:repeat(2,100px);gap:10px}.t-pets.m .pk4 i{font-size:36px}.t-pets.m .pk4 span{font-size:13px}.t-pets.m .pkr{padding:16px}
.t-pets.m .bl{padding:8px}.t-pets.m .bl i{font-size:44px}.t-pets.m .bl b{font-size:12.5px}
.t-pets.m .vet{margin:22px 16px 0;padding:16px;flex-wrap:wrap;gap:10px}.t-pets.m .vet .vi{font-size:34px}

/* 32. home food: warm cream + tomato, Mirza, weekly menu row, handwritten note, checkered strip */
.t-homefood{--bg:#FFF3E0;--ink:#4E342E;--acc:#C0392B;--accInk:#fff;--ln:rgba(78,52,46,.16);--card:#fff;--tile:#F4D35E;--sbg:var(--acc);--sink:var(--accInk);--fh:"Mirza","Alexandria",serif;--fb:"Alexandria",sans-serif;--r:14px;--rl:26px}
.t-homefood .st-hero .h{font-size:60px;font-weight:700;line-height:1.2}.t-homefood .cta{border-radius:999px}
.t-homefood .strip{background-color:var(--acc);background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%),linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%);background-size:28px 28px;background-position:0 0,14px 14px;color:var(--accInk)}
.hn{position:relative;justify-self:center;text-align:center;padding-bottom:20px}
.hn .plate{width:300px;height:300px;border-radius:50%;background:#fff;border:10px solid #F4D35E;display:grid;place-items:center;font-size:140px;line-height:1;box-shadow:0 20px 40px rgba(78,52,46,.2)}
.hn blockquote{position:absolute;bottom:0;left:-40px;margin:0;width:220px;background:#FFF9C4;color:#4E342E;padding:12px 14px;rotate:-5deg;box-shadow:0 8px 20px rgba(0,0,0,.15);font:400 18px/1.5 var(--fh)}.hn cite{display:block;font:700 12px var(--fb);font-style:normal}
.wk{display:flex;gap:8px;margin:-6px 0 16px;flex-wrap:wrap}.wk span{padding:4px 18px;border-radius:999px;background:var(--card);border:1px dashed var(--acc);font-weight:700;font-size:14px}.wk .on{background:var(--acc);color:var(--accInk);border-style:solid}
.dy{background:var(--card);border:2px dashed var(--ln);border-radius:var(--r);padding:12px;text-align:center;color:#4E342E}
.dy .dn{display:inline-block;background:var(--acc);color:var(--accInk);border-radius:999px;padding:0 16px;font-weight:700;font-size:13px;margin-bottom:8px}
.dy i{display:grid;place-items:center;aspect-ratio:1.2;font-size:64px;font-style:normal;background:var(--tile);border-radius:10px;margin-bottom:8px}
.dy b{display:block;font:400 21px/1.4 var(--fh)}.dy small{display:block;font-size:11.5px;color:var(--acc);font-weight:700;margin:2px 0 6px}
.t-homefood.m .st-hero .h{font-size:34px}.t-homefood.m .hn .plate{width:180px;height:180px;font-size:86px;border-width:6px}.t-homefood.m .hn blockquote{position:relative;left:0;margin:-24px auto 0;width:200px;font-size:15px}
.t-homefood.m .dy{padding:8px}.t-homefood.m .dy i{font-size:42px}.t-homefood.m .dy b{font-size:16px}.t-homefood.m .wk span{padding:2px 12px;font-size:12px}

/* round 2 polish */
.st-nav{gap:12px}.st-logo{min-width:0}.st-logo b{min-width:0}.ic{flex:none}
.m .st-nav{gap:8px}
.bb span{min-width:0}.bb b{overflow-wrap:anywhere}
.bp .tag{top:-9px;right:18px}
.m .strip{flex-wrap:wrap;white-space:normal;gap:4px 14px;justify-content:center}
.t-flowers .st-logo b{font-family:var(--fb);font-weight:700}
.t-flowers .st-hero .h{-webkit-text-stroke:.7px currentColor}
.t-flowers .prods h3{font-size:46px;font-weight:400;-webkit-text-stroke:.5px currentColor}.t-flowers.m .prods h3{font-size:32px}
.t-print .st-logo b,.t-print .prods h3,.t-print .qc>b,.t-print .tr2 b,.t-print .qp em{font-family:var(--fb)}
.t-print .st-logo b,.t-print .prods h3{font-weight:800}.t-print .qc>b{font-weight:800;font-size:20px}.t-print .qp em{font-weight:800;font-size:30px}.t-print .tr2 b{font-weight:700;font-size:16px}
.t-events .st-logo b,.tc b{font-family:var(--fb)}.tc b{font-size:18px;font-weight:700}
.t-events .inb .by{font-family:var(--fb);font-weight:600;font-size:20px}
.t-events .prods h3{font-size:42px}.t-events.m .prods h3{font-size:28px}
.pt>span:not(.nm){text-align:center}
@media (max-width:1100px){.wrap{grid-template-columns:minmax(0,1fr);gap:40px}.stage{padding:0 0 50px 110px}}
@media (max-width:640px){.wrap{padding:36px 16px 56px}.cats{gap:8px}.cats button{padding:8px;font-size:13px}.cats button small{font-size:10px}.stage{padding:30px 0 40px 64px}.rig{transform:rotateY(-6deg) rotateX(3deg)}.laptop .lid{padding:7px 7px 9px;border-radius:12px 12px 4px 4px}.chrome{height:20px}.url{height:14px;line-height:14px;font-size:9px}.phone{width:31%;border-radius:20px;padding:5px}.phone .vp{border-radius:17px}.notch{top:9px;height:10px}.caption{margin-right:70px;font-size:13px}.wab{width:34px;height:34px;left:8px;bottom:8px}}
@media (max-width:360px){.cats button small{display:none}}
@media (prefers-reduced-motion:reduce){.scroller.run{animation:none}.rig,.phone{transition:none}.tk>div{animation:none}}
.cats{grid-template-columns:repeat(3,minmax(0,1fr))}.cats button{min-width:0;overflow-wrap:anywhere}

/* ======== /try/ shell: header, wizard, sticky preview, dialog, consent ======== */
[hidden]{display:none!important}
html.lock{overflow:hidden}
body{font-size:16px}
.p-top,.p-intro,.p-attr,.p-shell{max-width:1320px;margin-inline:auto}
.p-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px}
.p-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:500 14px/1.3 "Alexandria",sans-serif;min-height:44px}
.p-brand img{height:34px;width:auto;display:block}
.p-wal{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(37,211,102,.6);color:#6FF0A0;text-decoration:none;font:700 14px "Alexandria",sans-serif}
.p-brand:focus-visible,.p-wal:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.p-intro{padding:10px 24px 22px}
.p-intro h1{font:800 clamp(24px,3.2vw,44px)/1.25 "Alexandria",sans-serif;margin:0 0 6px}
.p-intro .sub{margin:0;color:var(--soft)}
.p-attr{margin-bottom:14px;padding:10px 18px;border-radius:14px;background:rgba(61,123,255,.16);border:1px solid rgba(61,123,255,.45);font-weight:700;width:calc(100% - 48px)}
.p-shell{padding:0 24px 56px;display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:48px;align-items:start}
.pv{position:sticky;top:16px;min-width:0}
.zoom{display:none}
.stage{padding:0 0 60px 120px}

.stepper{list-style:none;margin:0 0 6px;padding:0;display:flex;gap:6px}
.stepper li{flex:1;min-width:0}
.stepper button{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;color:var(--soft);font:500 12.5px/1.35 "Alexandria",sans-serif;cursor:pointer;padding:6px 2px;min-height:44px}
.stepper .n,.sh .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line);font:700 13px/1 "Alexandria",sans-serif;flex:none;transition:background .2s,border-color .2s}
.stepper li.done .n{background:var(--blue);border-color:var(--blue);color:#fff}
.stepper li[aria-current] .n{background:#fff;border-color:#fff;color:var(--deep)}
.stepper li[aria-current] button{color:#fff;font-weight:700}
.stepper button:focus-visible,.sh button:focus-visible,.skip:focus-visible,.bar button:focus-visible,.bar a:focus-visible,.keep button:focus-visible,.zoom:focus-visible,.dx:focus-visible,.consent button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.now{display:none}
.opt{font-weight:400;color:var(--soft)}

.keep{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px;padding:12px 14px;border-radius:14px;background:rgba(242,183,5,.12);border:1px solid rgba(242,183,5,.5);font-size:15px}
.keep span{display:flex;gap:8px;flex-wrap:wrap}
.keep button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;font:700 14px "Alexandria",sans-serif;cursor:pointer}
.keep #keepYes{background:var(--blue);border-color:var(--blue)}

.step{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);margin:0 0 12px}
.step.cur{border-color:rgba(61,123,255,.5)}
.sh{margin:0}
.sh button{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;border-radius:18px;color:#fff;font:700 16px "Alexandria",sans-serif;padding:12px 16px;cursor:pointer;text-align:start;min-height:56px}
.step.cur .sh .n{background:var(--blue);border-color:var(--blue)}
.p-sb{padding:4px 16px 18px}
.step:not(.cur) .p-sb{display:none}
.skip{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;padding:0 6px;background:none;border:0;color:var(--soft);font:500 14px "Alexandria",sans-serif;text-decoration:underline;cursor:pointer}
.p-sb .seg{margin-bottom:12px}

.bar{display:flex;align-items:center;gap:8px;position:sticky;bottom:0;z-index:20;padding:16px 0 10px;background:linear-gradient(rgba(6,14,38,0),var(--deep) 36%)}
.bar button,.bar a{min-height:48px;border-radius:12px;font:700 15px "Alexandria",sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.p-bk{padding:0 18px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff}
.p-bk:disabled{opacity:.4;cursor:default}
.nx{flex:1;border:0;background:var(--blue);color:#fff;padding:0 20px}
.wam{width:48px;background:#25D366;color:#fff}
.bar .lbl{flex:none;color:var(--soft);font-size:12px;white-space:nowrap}
.bar:has(.nx[hidden]) .lbl{flex:1;text-align:center}

.card{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.05);padding:16px;margin:0 0 14px}
.ct{display:block;font-size:15px;margin-bottom:8px}
#sum{margin:0;display:grid;gap:6px}
#sum div{display:flex;justify-content:space-between;gap:12px;font-size:14px;border-bottom:1px dashed var(--line);padding-bottom:6px;min-width:0}
#sum dt{color:var(--soft);flex:none}
#sum dd{margin:0;font-weight:700;text-align:end;overflow-wrap:anywhere;min-width:0}
#sum .dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-inline-end:6px;box-shadow:0 0 0 1px rgba(255,255,255,.4)}
.quote{background:linear-gradient(160deg,rgba(61,123,255,.2),rgba(255,255,255,.04));border-color:rgba(61,123,255,.5)}
.qh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.qn{font:800 20px/1.3 "Alexandria",sans-serif}
.p-qp{font:700 18px "Alexandria",sans-serif}.p-qp bdi{font-size:30px;font-weight:800}
.quote p:where(:not(.h)){margin:6px 0}
.p-ql{font-size:15px}.p-ql small{display:block;color:var(--soft);font-size:12px;line-height:1.5}
.qi{font-weight:700;font-size:14px}
.qinst{font-size:14px;color:#8FE3B0;font-weight:700}
.p-tl{list-style:none;margin:14px 0 4px;padding:0;position:relative}
.p-tl li{position:relative;padding:0 30px 14px 0;font-size:14px}
.p-tl li:before{content:"";position:absolute;right:5px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(61,123,255,.25)}
.p-tl li:not(:last-child):after{content:"";position:absolute;right:10px;top:22px;bottom:-4px;width:2px;background:var(--line)}
.p-tl li:last-child:before{background:#2ED47A;box-shadow:0 0 0 4px rgba(46,212,122,.25)}
.tlc{color:var(--soft);font-size:12.5px}
.p-sb .acts .btn,.p-sb .acts .ghost{flex:1 1 220px;justify-content:center}

.dlg{border:0;padding:0;margin:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:#050B1E;color:#fff;overflow:hidden}
.dlg[open]{display:grid;place-items:center;padding:56px 0 12px}
.dlg::backdrop{background:#000}
.dlg .phone{height:auto;position:relative;left:auto;bottom:auto;transform:none;max-width:none;width:min(calc(100vw - 24px),calc((100dvh - 72px) * 9 / 19.3))}
.dlg .vp{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.dlg .p-sz{position:relative;width:100%}
.dlg .scroller{animation:none}
.dx{position:absolute;top:8px;left:50%;margin-left:-22px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#111;font-size:20px;cursor:pointer}

.consent{position:fixed;inset:auto 12px 12px 12px;z-index:70;max-width:720px;margin-inline:auto;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;background:#0F1C42;border:1px solid rgba(169,184,221,.4);box-shadow:0 14px 40px rgba(0,0,0,.5);font-size:13.5px;line-height:1.6}
.consent p:where(:not(.h)){margin:0;flex:1 1 260px}
.cbtn{display:flex;gap:8px}
.consent button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;font:700 13px "Alexandria",sans-serif;cursor:pointer}
.consent #cAccept{background:var(--blue);border-color:var(--blue)}

@media (max-width:1100px){.p-shell{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:28px}.stage{padding:0 0 40px 50px}.caption{margin-right:50px}}
@media (max-width:760px){
  body{padding-bottom:84px}
  .p-top{padding:6px 16px}.p-brand img{height:30px}.p-brand span{font-size:13px}
  .p-intro{padding:2px 16px 10px}.p-intro h1{font-size:22px}.p-intro .sub{font-size:13px;line-height:1.55}
  .p-attr{width:calc(100% - 32px);padding:8px 14px;font-size:14px;margin-bottom:8px}
  .p-shell{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:0 16px 24px}
  .pv{order:-1;position:sticky;top:0;z-index:30;height:36vh;margin:0 -16px;background:var(--deep);border-bottom:1px solid var(--line);overflow:hidden}
  .stage{padding:0;height:100%;perspective:none}
  .rig{transform:none!important;height:100%;display:flex;align-items:center;justify-content:center}
  .laptop{display:none}
  .phone{position:relative;left:auto;bottom:auto;transform:none;height:calc(36vh - 14px);width:auto;max-width:none;border-radius:26px;padding:6px}
  .phone .vp{border-radius:20px}
  .notch{top:9px;height:9px}
  .zoom{display:block;position:absolute;inset:0;width:100%;background:transparent;border:0;cursor:zoom-in;padding:0;color:#fff}
  .zoom span{position:absolute;inset-inline-start:12px;bottom:10px;padding:6px 12px;border-radius:999px;background:rgba(61,123,255,.9);font:700 12px "Alexandria",sans-serif}
  .caption{display:none}
  .stepper{margin:2px 0 0;justify-content:center}
  .stepper li{flex:none;width:44px}
  .stepper .p-l{display:none}
  .stepper button{min-height:44px;justify-content:center;padding:0}
  .stepper .n{width:14px;height:14px;font-size:0;border-width:2px}
  .stepper li[aria-current] .n{width:18px;height:18px}
  .now{display:block;margin:0 0 8px;text-align:center;font:700 15px "Alexandria",sans-serif}
  .step{border:0;background:none;margin:0}
  .step:not(.cur){display:none}
  .sh{display:none}
  .p-sb{padding:0}
  #stepper{scroll-margin-top:calc(36vh + 8px)}
  .bar{position:fixed;inset:auto 0 0 0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#060E26;border-top:1px solid var(--line)}
  .consent{inset:auto 10px 78px 10px}
  .cats{gap:8px}
}
@media (max-width:360px){.bar .lbl{display:none}.p-bk{padding:0 12px}.stepper li{width:38px}}
@media (prefers-reduced-motion:reduce){.stepper .n{transition:none}}

/* ===== Batch B (2026-10-10): save/resume + exit intent, domain check, real examples + trust row, payments footer, app preview ===== */

/* B5: resume banner, save buttons, exit-intent modal */
.resume{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 24px 16px;padding:12px 16px;border-radius:14px;background:rgba(61,123,255,.16);border:1px solid rgba(61,123,255,.5);font-size:15px}
.resume[hidden]{display:none}
.resume p:where(:not(.h)){margin:0;flex:1 1 240px;font-weight:700;overflow-wrap:anywhere;min-width:0}
.rbtn{display:flex;gap:8px;flex-wrap:wrap}
.rbtn button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;font:700 14px "Alexandria",sans-serif;cursor:pointer}
.rbtn #resumeYes{background:var(--blue);border-color:var(--blue)}
.rbtn button:focus-visible,.exa button:focus-visible,.exa a:focus-visible,.exx:focus-visible,.dlist button:focus-visible,.exl:focus-visible,.vsw button:focus-visible,.ap-hb:focus-visible,.ai.me:focus-visible,.svm:focus-visible,.p-sb .acts a:focus-visible,.p-sb .acts button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
a.ghost{text-decoration:none}
.bar .svm{width:48px;flex:none;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;font-size:20px}
.bar .svm[hidden]{display:none}
.exm{border:1px solid rgba(169,184,221,.4);border-radius:20px;background:#0F1C42;color:#fff;width:min(420px,calc(100vw - 32px));padding:28px 22px 22px;box-shadow:0 30px 80px rgba(0,0,0,.6);font-family:"Alexandria",sans-serif}
.exm::backdrop{background:rgba(3,8,24,.72)}
.exm h2{font:800 22px/1.4 "Alexandria",sans-serif;margin:0 0 6px;padding-inline-end:36px}
.exm p:where(:not(.h)){margin:0 0 16px;color:var(--soft);font-size:14px}
.exm .exm-msg{margin:12px 0 0;min-height:20px;font-size:13px}
.exa{display:flex;flex-direction:column;gap:10px}
.exa button,.exa a{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;font:700 15px "Alexandria",sans-serif;text-decoration:none;cursor:pointer}
.exa #exSave{background:var(--blue);border-color:var(--blue)}
.exa #exWa{background:#25D366;border-color:#25D366;color:#06210F}
.exx{position:absolute;top:10px;inset-inline-end:10px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:18px;cursor:pointer}

/* B6: domain card */
.dom .f{font-size:13px;color:var(--soft);font-weight:500;margin:0 0 8px}
.dwrap{position:relative}
.dwrap input{direction:ltr;text-align:left;height:50px;font:700 17px "Alexandria",sans-serif;padding:0 60px 0 14px}
.dtld{position:absolute;right:14px;top:0;height:50px;display:flex;align-items:center;color:var(--soft);font-weight:700;pointer-events:none}
.dlist{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.dlist li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 10px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.dlist .dn{font:700 14px "Alexandria",sans-serif;overflow-wrap:anywhere;min-width:0;text-align:left}
.dlist .stt{font-size:12.5px;font-weight:700;white-space:nowrap;color:var(--soft)}
.dlist li.available .stt{color:#7CE3A6}.dlist li.taken .stt{color:#FF9AA7}.dlist li.unknown .stt{color:#F2D36B}
.dlist li.taken{opacity:.7}
.dlist button{min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--blue);background:transparent;color:#fff;font:700 13px "Alexandria",sans-serif;cursor:pointer}
.dlist button[aria-pressed=true]{background:var(--blue)}
.domfb{margin:10px 0 0;color:#F2D36B;font-size:13px;font-weight:700}
.domfb:empty{display:none}
.domnote{margin:10px 0 0;color:#8FE3B0;font-weight:700}
@media (max-width:420px){.dlist li{grid-template-columns:minmax(0,1fr) auto}.dlist li button{grid-column:1/-1}}

/* B7: real example + trust row */
.exl{display:block;color:#fff;text-decoration:none;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.exl img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;background:#0B1022}
.exl span{display:block;padding:10px 12px;font-weight:700;font-size:14px}
.exall{border-style:dashed}.exall span{padding:14px 12px;text-align:center}
.trust .tr1{display:block;font-size:15px;margin-bottom:10px}
.pmrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pmrow span{border:1px solid var(--line);border-radius:8px;padding:2px 10px;font-size:12.5px;font-weight:700;background:rgba(255,255,255,.06)}
.pmrow img,.pays img{height:24px;width:auto;background:#fff;border-radius:6px;padding:2px 6px;display:block}
.trust small{display:block;margin-top:8px;color:var(--soft);font-size:12px}

/* B8: payments footer in the store mock */
.st-ft .pays b{font-weight:700}
.st-ft .pays img{height:26px}
.pcap{display:block;padding:8px 56px 0;font-size:12px;opacity:.7}
.sdom{padding:8px 56px 0;font:700 13px var(--fb);opacity:.85;text-align:left}
.m .pays img{height:18px}
.m .pcap{padding:6px 16px 0;font-size:10px}
.m .sdom{padding:6px 16px 0;font-size:11px}

/* B8: site / app switch */
.vsw{display:flex;width:max-content;max-width:100%;margin:0 auto 14px}
.vsw button{min-height:44px}
@media (max-width:760px){
  .vsw{position:absolute;inset-inline-start:8px;top:50%;transform:translateY(-50%);z-index:6;flex-direction:column;margin:0;padding:3px;gap:3px;background:rgba(6,14,38,.82)}
  .vsw button{padding:0 8px;font-size:13px;min-height:44px}
}
@media (min-width:761px){
  body[data-view=app] .laptop{display:none}
  body[data-view=app] .rig{transform:none!important}
  body[data-view=app] .stage{padding:0 0 24px}
  body[data-view=app] .phone{position:relative;left:auto;bottom:auto;width:max(200px,min(260px,calc((100vh - 230px) * .4663)));max-width:none;margin:0 auto;transform:none}
  body[data-view=app] .caption{margin:12px 0 0}
}

/* B8: phone home screen + splash */
.app{display:none;position:absolute;inset:9px;z-index:2;border-radius:26px;overflow:hidden;container-type:inline-size;background:linear-gradient(165deg,#1d2c5e,#0a1331 58%,#2b2058);color:#fff;font-family:"Alexandria",sans-serif}
@media (max-width:760px){.app{inset:6px;border-radius:20px}}
body[data-view=app] .app{display:block}
body[data-view=app]:not([data-app=open]) .phone .vp{visibility:hidden}
.ap-s{display:flex;justify-content:space-between;padding:5cqw 9cqw 0;font-size:max(4.4cqw,7px);font-weight:700}
.ap-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3.5cqw 1.5cqw;padding:9cqw 4cqw 0}
.ai{display:flex;flex-direction:column;align-items:center;gap:1cqw;min-width:0;background:none;border:0;padding:0;margin:0;color:#fff;font:inherit;cursor:default}
.ai i{width:17cqw;height:17cqw;border-radius:4.2cqw;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:9cqw;font-style:normal;line-height:1;overflow:hidden}
.ai i img{width:100%;height:100%;object-fit:cover;display:block}
.ai i b{font-size:9.5cqw;font-weight:800;line-height:1}
.ai em{font-style:normal;font-weight:500;font-size:max(4.6cqw,7px);line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai.me{cursor:pointer}
.ap-d{position:absolute;left:4cqw;right:4cqw;bottom:8cqw;display:flex;justify-content:space-around;padding:3cqw;border-radius:7cqw;background:rgba(255,255,255,.16)}
.ap-d .ai i{width:15cqw;height:15cqw}
.ap-hb{position:absolute;left:50%;bottom:0;width:36cqw;height:7cqw;margin-left:-18cqw;background:none;border:0;padding:0;z-index:5;cursor:pointer}
.ap-hb:after{content:"";position:absolute;left:50%;bottom:2cqw;width:28cqw;height:1.4cqw;margin-left:-14cqw;border-radius:2cqw;background:rgba(255,255,255,.75)}
.ap-sp{display:none;position:absolute;inset:0;z-index:4;flex-direction:column;align-items:center;justify-content:center;gap:5cqw}
.ap-sp .sp-i{width:30cqw;height:30cqw;border-radius:7cqw;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.18);font-size:16cqw;animation:apin .55s cubic-bezier(.2,.8,.2,1) both}
.ap-sp .sp-i img{width:100%;height:100%;object-fit:cover}
.ap-sp .sp-i b{font-weight:800;line-height:1}
.ap-sp em{font-style:normal;font-weight:700;font-size:max(6cqw,8px);max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-app=splash] .ap-sp{display:flex}
body[data-app=open] .app{background:none;pointer-events:none}
body[data-app=open] .ap-s,body[data-app=open] .ap-g,body[data-app=open] .ap-d{display:none}
body[data-app=open] .ap-hb{pointer-events:auto}
@keyframes apin{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.ap-sp .sp-i{animation:none}}

/* ===== Batch C (2026-10-10): C9 suggestions, C10 referral card + completeness meter ===== */
.sgw{position:relative}
.sgw input{padding-inline-end:100px;text-overflow:ellipsis}
.sug{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(61,123,255,.65);background:rgba(61,123,255,.2);color:#fff;font:700 13px "Alexandria",sans-serif;cursor:pointer;white-space:nowrap}
.sug:hover{background:rgba(61,123,255,.38)}
.sug:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.sgw .sug{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%)}
.sugn{margin:6px 0 0;font-size:12.5px;color:#8FE3B0}
.sugn[hidden]{display:none}
.pr .psl{grid-column:2/4;display:flex;align-items:center;gap:8px;min-width:0;margin-top:-2px}
.pr .psl .sug{min-height:34px;font-size:12px;padding:0 10px;flex:none}
.pr .psl .sugn{margin:0;font-size:12px;min-width:0}
.mtr{display:flex;align-items:center;gap:12px;margin:0 0 10px;min-width:0}
.mtt{margin:0;flex:none;font:700 13.5px/1.3 "Alexandria",sans-serif;white-space:nowrap}
.mbar{flex:1 1 60px;min-width:40px;height:8px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.mbar i{display:block;height:100%;width:20%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#7CF3FF);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.mtr.ready .mtt{color:#8FE3B0}
.mtr.ready .mbar i{background:#2ED47A}
#send.ready,#sendMini.ready{box-shadow:0 0 0 3px rgba(46,212,122,.7);animation:rdGlow 2.4s ease-in-out 3}
@keyframes rdGlow{50%{box-shadow:0 0 0 7px rgba(46,212,122,.25)}}
.ref p:where(:not(.h)){margin:0 0 10px;font-size:14px;color:var(--soft)}
.ref .ghost{width:100%;justify-content:center;height:50px;text-decoration:none}
.ref .ghost:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.ref .refoffer{margin:10px 0 0;font-weight:700;color:#8FE3B0}
.ref .refoffer[hidden]{display:none}
@media (max-width:760px){.mtr{margin:6px 0 2px}}
@media (prefers-reduced-motion:reduce){.mbar i{transition:none}#send.ready,#sendMini.ready{animation:none}.sug{transition:none}}

.lnote{margin:0 24px 16px;padding:12px 16px;border-radius:14px;background:rgba(255,184,0,.14);border:1px solid rgba(255,184,0,.5);font-size:15px;font-weight:700}
.lnote[hidden]{display:none}
.lnote a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* ===== Round 5 (2026-10-10): factory / agriculture / import-export styles, scrollable group chips, «اللي هتاخده», style description ===== */

/* group chips: ONE horizontally scrollable row at every width (no wrapping, no page overflow) */
#grps{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;max-width:100%;min-width:0;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:6px;margin:-6px -6px 6px;scroll-padding-inline:6px}
#grps button{flex:none;scroll-snap-align:start;white-space:nowrap;min-height:44px;padding:0 16px}
#grps button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.p-sb,.step,.ctrl{min-width:0}

/* step 4: «اللي هتاخده» + style description */
.gets{padding-bottom:6px}
.gets .gg{margin:0 0 12px}
.gets h4{margin:0 0 6px;font:800 14px/1.4 "Alexandria",sans-serif;color:var(--soft)}
.gets ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.gets li{position:relative;padding-inline-start:26px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.gets li:before{content:"✓";position:absolute;inset-inline-start:0;top:1px;width:18px;height:18px;border-radius:50%;background:rgba(46,212,122,.2);color:#6FE3A5;font:700 12px/18px "Alexandria",sans-serif;text-align:center}
.gets .none0{margin:0;font-size:13px;color:var(--soft)}
#sum .sdsc{display:block;font-weight:400;font-size:12px;line-height:1.55;color:var(--soft);margin-top:2px}

/* ---------- 35. factory: blueprint steel + safety yellow, Vazirmatn, capacity stats, spec-line cards ---------- */
.t-factory{--bg:#0D1B2A;--ink:#E6EEF7;--acc:#FFC400;--accInk:#111111;--acc2:#8FB8DE;--ln:rgba(143,184,222,.3);--card:#12263B;--tile:#0A1626;--sbg:#FFC400;--sink:#111111;--fh:"Vazirmatn","Alexandria",sans-serif;--fb:"Vazirmatn","Alexandria",sans-serif;--r:3px;--rl:4px;--price:#FFC400;background-image:linear-gradient(rgba(143,184,222,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(143,184,222,.08) 1px,transparent 1px);background-size:28px 28px}
.t-factory .st-nav{border-bottom:2px solid var(--acc)}
.t-factory .strip{letter-spacing:.02em;gap:30px}
.t-factory .st-hero .h{font-size:50px;font-weight:800}.t-factory .st-hero small{color:var(--acc)}
.t-factory .cta{border-radius:2px;box-shadow:5px 5px 0 rgba(255,196,0,.28)}
.fc-hero{grid-template-columns:1fr 1fr}
.fc-bp{position:relative;height:330px;border:1px dashed var(--acc2);background:rgba(10,22,38,.6);overflow:hidden}
.fc-bp:before,.fc-bp:after{content:"";position:absolute;width:22px;height:22px;border:3px solid var(--acc)}
.fc-bp:before{top:8px;right:8px;border-left:0;border-bottom:0}.fc-bp:after{bottom:8px;left:8px;border-right:0;border-top:0}
.fc-lb{position:absolute;top:14px;left:16px;font:700 12px var(--fb);letter-spacing:.06em;color:var(--acc2);border:1px solid var(--acc2);padding:0 8px}
.fc-fac{position:absolute;inset:0;display:grid;place-items:center;font-size:150px;line-height:1;filter:grayscale(.3) drop-shadow(0 0 22px rgba(255,196,0,.28))}
.fc-bp em{position:absolute;font-style:normal;font-size:50px;line-height:1;opacity:.85}
.fc-g1{top:14%;right:12%}.fc-g2{bottom:20%;left:10%}
.fc-dm{position:absolute;background:var(--acc2);opacity:.8}
.fc-dh{left:14%;right:14%;bottom:12%;height:1px}.fc-dh:before,.fc-dh:after{content:"";position:absolute;top:-5px;width:1px;height:11px;background:var(--acc2)}.fc-dh:before{left:0}.fc-dh:after{right:0}
.fc-dv{top:20%;bottom:20%;right:7%;width:1px}.fc-dv:before,.fc-dv:after{content:"";position:absolute;right:-5px;height:1px;width:11px;background:var(--acc2)}.fc-dv:before{top:0}.fc-dv:after{bottom:0}
.fc-st{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fc-st div{background:var(--card);border:1px solid var(--ln);border-top:4px solid var(--acc);padding:14px 18px}
.fc-st b{display:block;font:800 40px/1.15 var(--fh);color:var(--acc)}
.fc-st span{font-size:14px;opacity:.85}
.fc-st .nt,.ag-st .nt{grid-column:1/-1;display:block;font:400 11px/1.4 var(--fb);color:inherit;opacity:.6}
.t-factory .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fc-pl{display:grid;grid-template-columns:96px minmax(0,1fr);gap:6px 16px;background:var(--card);border:1px solid var(--ln);border-top:3px solid var(--acc);padding:16px}
.fc-pl>i{display:grid;place-items:center;height:96px;font-size:50px;font-style:normal;background:var(--tile);border:1px solid var(--ln)}
.fc-pl .bd{min-width:0}
.fc-pl b{display:block;font:800 19px/1.4 var(--fh);margin-bottom:6px}
.fc-sp{margin:0;display:grid;gap:3px}
.fc-sp div{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-bottom:1px dotted var(--ln);padding-bottom:3px;min-width:0}
.fc-sp dt{opacity:.7;flex:none}.fc-sp dd{margin:0;font-weight:700;text-align:end;min-width:0;overflow-wrap:anywhere}
.fc-rq{grid-column:1/-1;margin-top:8px;text-align:center;background:var(--acc);color:var(--accInk);font-weight:800;font-size:14px;padding:8px 10px}
.fc-q{padding:36px 56px 0}.fc-q h4{margin:0 0 14px;font:800 24px/1.3 var(--fh)}
.fc-qc{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.fc-qc span{display:flex;align-items:center;gap:8px;border:1px solid var(--ln);background:var(--card);padding:8px 16px;font-weight:700;font-size:14px}
.fc-qc i{font-style:normal;color:var(--acc)}
.fc-cb{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--acc);color:var(--accInk);padding:18px 24px}
.fc-cb b{font:800 20px/1.4 var(--fh)}.fc-cb u{text-decoration:none;background:#111;color:var(--acc);padding:9px 22px;font-weight:800}
.t-factory.m .st-hero .h{font-size:29px}.t-factory.m .fc-hero{gap:14px}.t-factory.m .fc-bp{height:200px;order:-1}.t-factory.m .fc-fac{font-size:96px}.t-factory.m .fc-bp em{font-size:32px}.t-factory.m .fc-lb{font-size:10px}
.t-factory.m .fc-st{gap:8px}.t-factory.m .fc-st div{padding:10px 8px}.t-factory.m .fc-st b{font-size:22px}.t-factory.m .fc-st span{font-size:11px;line-height:1.4;display:block}
.t-factory.m .grid{grid-template-columns:minmax(0,1fr);gap:12px}.t-factory.m .fc-pl{grid-template-columns:72px minmax(0,1fr);padding:12px;gap:4px 12px}.t-factory.m .fc-pl>i{height:72px;font-size:36px}.t-factory.m .fc-pl b{font-size:16px}.t-factory.m .fc-sp div{font-size:12px}
.t-factory.m .fc-q{padding:24px 16px 0}.t-factory.m .fc-q h4{font-size:19px}.t-factory.m .fc-qc span{padding:6px 12px;font-size:12px}.t-factory.m .fc-cb{padding:14px 16px}.t-factory.m .fc-cb b{font-size:16px}

/* ---------- 36. agriculture: fresh greens + earth, Harmattan, farm scene hero, crop/season cards ---------- */
.t-agri{--bg:#F4F8EC;--ink:#23311C;--acc:#2E8B3E;--accInk:#FFFFFF;--acc2:#8A5A2B;--ln:rgba(46,100,40,.2);--card:#FFFFFF;--tile:#E4EFD3;--sbg:#2E8B3E;--sink:#FFFFFF;--fh:"Harmattan","Alexandria",sans-serif;--fb:"Harmattan","Alexandria",sans-serif;--r:20px;--rl:28px;--price:#2E6B2B}
.t-agri .st-hero .h{font-size:60px;font-weight:700;color:#1E5A27}.t-agri .st-hero small{color:var(--acc2)}
.t-agri .cta{border-radius:999px;padding:14px 34px}
.t-agri .strip{border-radius:0}
.ag-hero{grid-template-columns:1fr 1fr}
.ag-sc{position:relative;height:370px;border-radius:var(--rl);overflow:hidden;background:linear-gradient(180deg,#FFF3C4 0%,#E3F2C1 55%,#CFE8A5 100%)}
.ag-sun{position:absolute;top:26px;left:34px;width:84px;height:84px;border-radius:50%;background:#FFC93C;box-shadow:0 0 0 14px rgba(255,201,60,.28),0 0 0 30px rgba(255,201,60,.14)}
.ag-hl{position:absolute;border-radius:50%;left:-10%;right:-10%}
.ag-hl.h1{bottom:-150px;height:260px;background:#7BBF5A}.ag-hl.h2{bottom:-190px;height:260px;background:#4E9F3C;left:-30%;right:12%}
.ag-cr{position:absolute;inset:0 0 40px;display:grid;place-items:center;font-size:150px;line-height:1;filter:drop-shadow(0 18px 18px rgba(30,70,20,.25))}
.ag-sc em{position:absolute;font-style:normal;font-size:60px;line-height:1}.ag-c2{top:14%;right:16%;rotate:-12deg}.ag-c3{bottom:22%;left:14%;rotate:10deg}
.ag-rw{position:absolute;inset:auto 0 0 0;height:56px;display:flex;gap:12px;justify-content:center;align-items:flex-end}
.ag-rw u{flex:none;width:17%;height:56px;border-radius:50% 50% 0 0/100% 100% 0 0;background:#2F7A2E}
.ag-st{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ag-st div{background:var(--card);border:2px solid var(--ln);border-radius:var(--rl);padding:14px 20px;text-align:center}
.ag-st b{display:block;font:700 36px/1.2 var(--fh);color:var(--acc)}.ag-st span{font-size:14px;opacity:.8}
.ag-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 18px}
.ag-tabs span{padding:6px 18px;border-radius:999px;border:2px solid var(--ln);font-weight:700;font-size:14px}.ag-tabs .on{background:var(--acc);border-color:var(--acc);color:var(--accInk)}
.t-agri .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ag-cp{background:var(--card);border:2px solid var(--ln);border-radius:var(--rl);padding:18px 16px 16px;text-align:center;display:flex;flex-direction:column;gap:6px}
.ag-ss{position:absolute;top:12px;right:12px;background:var(--acc2);color:#fff;border-radius:999px;font:700 11px/1 var(--fb);padding:5px 10px;z-index:1}
.ag-cp>i{display:grid;place-items:center;height:104px;margin:14px 0 2px;font-size:64px;font-style:normal;background:var(--tile);border-radius:50%;aspect-ratio:1;width:104px;align-self:center}
.ag-cp>b{font:700 22px/1.3 var(--fh)}
.ag-sp{margin:0;display:grid;gap:2px;text-align:start}
.ag-sp div{display:flex;justify-content:space-between;gap:8px;font-size:13px;min-width:0}.ag-sp dt{opacity:.65;flex:none}.ag-sp dd{margin:0;font-weight:700;text-align:end;min-width:0;overflow-wrap:anywhere}
.ag-mk{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.ag-mk u{text-decoration:none;border:2px solid var(--ln);border-radius:999px;padding:1px 12px;font-size:12px;font-weight:700}.ag-mk u.ex{background:var(--acc);border-color:var(--acc);color:var(--accInk)}
.ag-rq{margin-top:auto;background:#1E5A27;color:#fff;border-radius:999px;padding:8px 10px;font-weight:700;font-size:14px}
.ag-q{margin:36px 56px 0;border-radius:var(--rl);background:linear-gradient(120deg,#1E5A27,#2E8B3E);color:#fff;padding:24px 32px;display:grid;gap:12px}
.ag-qb b{font:700 28px/1.3 var(--fh);display:block}.ag-qb span{opacity:.9}
.ag-qs{display:flex;gap:10px;flex-wrap:wrap}.ag-qs span{background:rgba(255,255,255,.16);border-radius:999px;padding:5px 16px;font-size:14px;font-weight:700}
.ag-q u{text-decoration:none;justify-self:start;background:#FFC93C;color:#2B1B00;border-radius:999px;padding:9px 26px;font-weight:700}
.t-agri.m .st-hero .h{font-size:34px}.t-agri.m .ag-hero{gap:14px}.t-agri.m .ag-sc{height:210px;order:-1}.t-agri.m .ag-cr{font-size:92px;inset:0 0 26px}.t-agri.m .ag-sc em{font-size:34px}.t-agri.m .ag-sun{width:50px;height:50px;top:16px;left:20px}.t-agri.m .ag-rw{height:34px}.t-agri.m .ag-rw u{height:34px}
.t-agri.m .ag-st{gap:8px}.t-agri.m .ag-st div{padding:10px 6px;border-radius:18px}.t-agri.m .ag-st b{font-size:22px}.t-agri.m .ag-st span{font-size:11px}
.t-agri.m .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.t-agri.m .ag-cp{padding:14px 10px 12px;border-radius:22px}.t-agri.m .ag-cp>i{width:72px;height:72px;font-size:42px;margin-top:16px}.t-agri.m .ag-cp>b{font-size:17px}.t-agri.m .ag-sp div{font-size:11.5px}.t-agri.m .ag-ss{font-size:10px;top:8px;right:8px}.t-agri.m .ag-rq{font-size:12.5px}
.t-agri.m .ag-q{margin:24px 16px 0;padding:18px 18px}.t-agri.m .ag-qb b{font-size:20px}.t-agri.m .ag-qs span{font-size:12px;padding:4px 12px}
.t-agri.m .ag-tabs span{padding:4px 14px;font-size:13px}

/* ---------- 37. import / export: navy + teal, Noto Sans Arabic, route map hero, origin -> destination lane cards ---------- */
.t-trade{--bg:#F2F6FB;--ink:#0B2545;--acc:#13C4A3;--accInk:#04241D;--acc2:#0B6E99;--ln:#D5E1EE;--card:#FFFFFF;--tile:#E6EEF8;--sbg:#0B2545;--sink:#FFFFFF;--fh:"Noto Sans Arabic","Alexandria",sans-serif;--fb:"Noto Sans Arabic","Alexandria",sans-serif;--r:12px;--rl:18px;--price:#0B6E99}
.t-trade .st-nav{background:#0B2545;color:#fff;border-bottom:0}.t-trade .mark{color:#04241D}
.t-trade .td-hero{background:linear-gradient(135deg,#0B2545,#0B4F6C 62%,#0B6E99);color:#fff;gap:36px}
.t-trade .td-hero .h{font-size:50px;font-weight:800;color:#fff}.t-trade .td-hero small{color:#5EEBD0}
.t-trade .td-hero .cta{border-radius:10px}
.td-map{position:relative;height:330px;border-radius:var(--rl);overflow:hidden;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle,rgba(255,255,255,.2) 1.3px,transparent 1.6px) 0 0/15px 15px,rgba(4,20,40,.45)}
.td-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.td-map path{fill:none;stroke-width:2.6;stroke-dasharray:3 9;stroke-linecap:round}.td-map .r1{stroke:#13C4A3}.td-map .r2{stroke:#FFB84D}
.td-gl{position:absolute;right:8%;top:6%;font-size:120px;line-height:1;opacity:.14}
.td-p{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;background:#fff;color:#0B2545;border-radius:999px;padding:5px 14px 5px 12px;font:700 13px/1.3 var(--fb);white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.28)}
.td-p b{font-size:16px;line-height:1}
.td-p.p1{left:15%;top:68%}.td-p.p2{left:50%;top:54.5%}.td-p.p3{left:85%;top:32%}
.td-sh,.td-bx{position:absolute;transform:translate(-50%,-50%);font-size:34px;line-height:1;filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}
.td-sh{left:42.7%;top:22%}.td-bx{left:70%;top:80.7%}
.td-lg{position:absolute;left:14px;bottom:12px;display:flex;gap:8px}
.td-lg u{text-decoration:none;font:700 11px/1 var(--fb);padding:5px 10px;border-radius:999px;background:rgba(19,196,163,.22);color:#5EEBD0;border:1px solid #13C4A3}.td-lg u.ex{background:rgba(255,184,77,.2);color:#FFC96E;border-color:#FFB84D}
.td-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 16px}
.td-tabs span{padding:5px 16px;border-radius:999px;border:1px solid var(--ln);background:var(--card);font-weight:700;font-size:14px}.td-tabs .on{background:#0B2545;border-color:#0B2545;color:#fff}
.t-trade .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.td-ln{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px 16px;background:var(--card);border:1px solid var(--ln);border-radius:var(--rl);padding:16px;box-shadow:0 8px 22px rgba(11,37,69,.06)}
.td-ln>i{display:grid;place-items:center;height:76px;font-size:38px;font-style:normal;background:var(--tile);border-radius:14px}
.td-ln .bd{min-width:0}.td-ln b{display:block;font:800 18px/1.4 var(--fh);margin-bottom:6px}
.td-ln .tag{top:12px;right:auto;left:12px;background:#0B2545;color:#fff;font-size:11px}
.td-rt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:700}
.td-rt span{background:var(--tile);border-radius:999px;padding:2px 12px;white-space:nowrap}.td-rt u{text-decoration:none;color:var(--acc);font-weight:800;font-size:18px;line-height:1}
.td-ic{display:flex;gap:6px;margin-top:8px}.td-ic u{text-decoration:none;font:800 12px/1 var(--fb);letter-spacing:.06em;border:1.5px solid #0B2545;border-radius:6px;padding:4px 9px;color:#0B2545}
.td-q{grid-column:1/-1;margin-top:4px;text-align:center;background:#0B2545;color:#fff;border-radius:10px;padding:9px 10px;font-weight:800;font-size:14px}
.td-ct{margin:34px 56px 0;border-radius:var(--rl);background:linear-gradient(120deg,#0B2545,#0B6E99);color:#fff;padding:24px 28px;display:grid;gap:14px}
.td-ch b{display:block;font:800 26px/1.3 var(--fh)}.td-ch span{opacity:.85}
.td-cs{display:flex;gap:10px;flex-wrap:wrap}.td-cs span{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:8px 16px;font-weight:700;font-size:14px}.td-cs i{font-style:normal;font-size:20px}
.td-ct u{text-decoration:none;justify-self:start;background:#13C4A3;color:#04241D;border-radius:10px;padding:10px 24px;font-weight:800}
.t-trade.m .td-hero{gap:16px}.t-trade.m .td-hero .h{font-size:29px}.t-trade.m .td-map{height:224px;order:-1}
.t-trade.m .td-p{font-size:11px;padding:3px 9px 3px 8px}.t-trade.m .td-p b{font-size:13px}.t-trade.m .td-sh,.t-trade.m .td-bx{font-size:24px}.t-trade.m .td-gl{font-size:70px}.t-trade.m .td-lg{left:8px;bottom:6px}.t-trade.m .td-lg u{font-size:10px;padding:4px 8px}
.t-trade.m .grid{grid-template-columns:minmax(0,1fr);gap:12px}.t-trade.m .td-ln{grid-template-columns:60px minmax(0,1fr);padding:12px;gap:6px 12px}.t-trade.m .td-ln>i{height:60px;font-size:30px}.t-trade.m .td-ln b{font-size:15.5px}.t-trade.m .td-rt{font-size:12px}
.t-trade.m .td-ct{margin:24px 16px 0;padding:18px}.t-trade.m .td-ch b{font-size:19px}.t-trade.m .td-cs span{font-size:12px;padding:6px 12px}
/* agri: Harmattan runs small, so its text sizes are lifted */
.t-agri .st-hero p:where(:not(.h)){font-size:21px}.t-agri .st-hero small,.t-agri .strip{font-size:16px}.t-agri .st-nav nav{font-size:17px}.t-agri .ag-sp div{font-size:15px}.t-agri .ag-st span{font-size:16px}.t-agri .ag-mk u{font-size:14px}.t-agri .ag-ss{font-size:13px}.t-agri .ag-rq{font-size:16px}.t-agri .ag-tabs span{font-size:16px}.t-agri .ag-qs span{font-size:16px}.t-agri .ag-qb span{font-size:18px}.t-agri .prods h3{font-size:38px}
.t-agri.m .st-hero p:where(:not(.h)){font-size:17px}.t-agri.m .st-hero small,.t-agri.m .strip{font-size:14px}.t-agri.m .ag-sp div{font-size:13.5px}.t-agri.m .ag-st span{font-size:13px}.t-agri.m .ag-mk u{font-size:12.5px}.t-agri.m .ag-ss{font-size:11.5px}.t-agri.m .ag-rq{font-size:14px}.t-agri.m .ag-tabs span{font-size:14px}.t-agri.m .ag-qs span{font-size:13.5px}.t-agri.m .prods h3{font-size:27px}.t-agri.m .ag-qb span{font-size:15px}
.td-ln .tag{position:absolute;width:max-content;padding:2px 10px;border-radius:999px;z-index:1}
.t-trade.m .td-ln b{padding-top:14px}

/* ===================== ROUND 6 (2026-10-10): store-preview art direction =====================
   Spec: try-ideas/ART-DIRECTION.md. Real photos (redesign/img/styles/<key>/), one material + one signature
   detail per style, tinted shadows, contrast-checked hero scrims. Token names map the spec onto the existing
   ones: spec --on-acc = --accInk, spec --acc-tx = --price. The visitor's colour/background override --acc,
   --accInk and --price inline (try.js storeHTML), the .bg-light / .bg-dark classes swap the surfaces.
   Rules are prefixed .st.t-<key> so they win over the round 1-5 rules without !important. */

/* ---- shared ---- */
.st{position:relative;isolation:isolate;overflow-x:clip;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--grain:0;--hero-ink:#fff;--ov:20,20,20;--ov-a:.76;--shc:var(--ink);--sh:0 1px 2px color-mix(in srgb,var(--shc) 10%,transparent),0 18px 40px -18px color-mix(in srgb,var(--shc) 38%,transparent)}
.st::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--noise) 0 0/160px 160px;opacity:var(--grain);pointer-events:none}
.st.bg-light,.st.bg-dark{--grain:0}
.st.bg-light{--mut:#555B66;--shc:#16181D}
.st.bg-dark{--mut:#A9AFBC;--shc:#000}
.st.bg-light,.st.bg-dark{background:radial-gradient(70% 40% at 85% 0,color-mix(in srgb,var(--acc) 12%,transparent),transparent 70%),var(--bg)}
.st img.sph{opacity:0;transition:opacity .45s ease,scale .6s cubic-bezier(.2,.7,.2,1)}
.st img.sph.ok{opacity:1}
.st:not(.ph6) .s6{display:none}
.st .s6{pointer-events:none}
/* full-bleed hero photo layer + spec 1.5 scrim (text on the right / RTL start) */
.st.fbh .st-hero{position:relative;isolation:isolate;overflow:hidden}
.st .hl6{position:absolute;inset:0;z-index:-1;overflow:hidden;background:var(--g2,#222)}
.st .hl6 img{object-position:var(--hop,50% 50%)}
.st .hl6::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(var(--ov),var(--ov-a)) 0 46%,rgba(var(--ov),calc(var(--ov-a)*.35)) 78%,rgba(var(--ov),.08))}
.st.m .hl6::after{background:linear-gradient(180deg,rgba(var(--ov),calc(var(--ov-a)*.45)),rgba(var(--ov),var(--ov-a)) 38% 100%)}
/* split heroes that go full-bleed: the text column is held inside the 0-46% scrim band */
.st.fbh:is(.t-coffee,.t-tech,.t-food,.t-market,.t-home,.t-gym) .st-hero{grid-template-columns:minmax(0,46%) 1fr;min-height:560px;color:var(--hero-ink)}
.st.fbh:is(.t-coffee,.t-tech,.t-food,.t-market,.t-home,.t-gym) .st-hero .art{position:absolute;inset:0;width:auto;height:auto;margin:0;border:0;outline:0;box-shadow:none;border-radius:0;background:none;pointer-events:none;z-index:0}
.st.fbh:is(.t-coffee,.t-tech,.t-food,.t-market,.t-home,.t-gym) .st-hero .art>span,.st.fbh:is(.t-coffee,.t-tech,.t-food,.t-market,.t-home,.t-gym) .st-hero .art>em,.st.fbh .st-hero .art::after{display:none}
.st.fbh .st-hero .sx,.st.fbh .st-hero .tx{position:relative;z-index:1}
.st.fbh .st-hero :is(.sx,.tx) .h{text-shadow:0 1px 18px rgba(var(--ov),.35)}
.st.fbh .st-hero :is(.sx,.tx)>p:where(:not(.h)){opacity:1}
.st.fbh .st-hero :is(.sx,.tx)>small{color:var(--hero-ink);display:inline-flex;align-items:center;gap:10px}
.st.fbh .st-hero :is(.sx,.tx)>small::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--acc2,var(--acc));flex:none}
.st.fbh.m:is(.t-coffee,.t-tech,.t-food,.t-market,.t-home,.t-gym) .st-hero{grid-template-columns:minmax(0,1fr);min-height:560px;align-content:end;padding-top:230px}
/* framed photos: the frame element carries the photo; its emoji stays underneath as the fallback */
.st.ph6 .art>img.sph~span,.st.ph6 .art>img.sph~em{visibility:hidden}
/* product cards: photos fill their tile; tinted shadows */
.st .grid>*{min-width:0}
.st.ph6 .st-hero{position:relative}
.st .st-hero :is(.sx,.tx)>small{color:var(--price)}
.st .pd .tag{z-index:3}
.st .ph{object-fit:cover}
/* entrance when the style changes (transform + opacity only) */
@keyframes in6{from{opacity:0;transform:translateY(16px)}}
@keyframes kb6{from{scale:1.08}}
.st.enter .st-hero :is(.sx,.tx,.art,.doc,.hv,.tent,.spot,.pc,.gc,.lsx,.fit,.pwx,.inv,.kp,.pkw,.hn,.fc-bp,.td-map,.arches,.qf,.cst,.stats){animation:in6 .6s cubic-bezier(.2,.7,.2,1) both}
.st.enter .st-hero :is(.art,.doc,.hv,.tent,.spot,.pc,.gc,.lsx,.fit,.pwx,.kp,.pkw,.hn,.fc-bp,.td-map,.arches,.qf,.cst){animation-delay:.12s}
.st.enter .hl6 img{animation:kb6 1.4s cubic-bezier(.2,.7,.2,1) both}
.st.enter .grid>*{animation:in6 .55s cubic-bezier(.2,.7,.2,1) both}
.st.enter .grid>:nth-child(2){animation-delay:.07s}.st.enter .grid>:nth-child(3){animation-delay:.14s}.st.enter .grid>:nth-child(4){animation-delay:.21s}.st.enter .grid>:nth-child(n+5){animation-delay:.28s}
/* desktop-only hover depth */
@media (hover:hover){
  .st:not(.m) .grid>*{transition:translate .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1),rotate .5s}
  .st:not(.m) .grid>*:hover{translate:0 -4px}
  .st:not(.m) .grid>*:hover img.ph{scale:1.045}
}

/* =============== 1. coffee · Roastery Noir =============== */
.t-coffee{--bg:#140C07;--card:#22150D;--tile:#2E1D12;--acc:#D08A3C;--acc2:#E9C38F;--ink:#F6E9D6;--mut:#C7AE93;--accInk:#1A0F08;--price:#E3A55E;--g1:#4A2614;--g2:#22150D;--g3:#140C07;--ov:20,12,7;--ov-a:.78;--hero-ink:#FBF1E3;--ln:rgba(233,195,143,.16);--sbg:linear-gradient(90deg,#A8662A,#D08A3C 50%,#A8662A);--sink:#1A0F08;--grain:.08;--shc:#000;--hop:50% 60%}
.st.t-coffee:not(.bg-light):not(.bg-dark){background:radial-gradient(120% 80% at 85% -10%,var(--g1) 0,transparent 55%),radial-gradient(80% 60% at 0 100%,#2E1A0E 0,transparent 60%),var(--bg)}
.st.t-coffee .hl6 img{transform:scaleX(-1)}
.st.t-coffee .st-hero .h{font-weight:700}
.st.t-coffee .cup6{position:absolute;left:16%;top:21%;width:250px;height:250px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:90px;background:radial-gradient(#E9C38F 0 38%,#C98A4B 39% 46%,#2E1D12 47%);box-shadow:0 0 0 8px rgba(233,195,143,.14),0 0 0 9px rgba(233,195,143,.4),0 40px 60px -20px #000;z-index:0}
.st.t-coffee .cup6 img{object-position:50% 58%;scale:1.25}
.st.t-coffee .steam6{position:absolute;left:calc(16% + 65px);top:calc(21% - 120px);width:120px;height:170px;fill:none;stroke:#F6E9D6;stroke-width:5;stroke-linecap:round;opacity:.35;z-index:0}
.st.t-coffee .steam6 path{stroke-dasharray:60 200;animation:steam6 6s linear infinite}
.st.t-coffee .steam6 path:nth-child(2){animation-delay:-2s}.st.t-coffee .steam6 path:nth-child(3){animation-delay:-4s}
@keyframes steam6{from{stroke-dashoffset:260}to{stroke-dashoffset:0}}
.st.t-coffee .prods h3{position:relative}
.st.t-coffee .prods h3::before{content:"";position:absolute;right:-40px;top:-46px;width:150px;height:150px;border-radius:50%;background:radial-gradient(closest-side,transparent 78%,rgba(208,138,60,.22) 82%,rgba(208,138,60,.08) 90%,transparent 96%);opacity:.5;z-index:-1}
.st.t-coffee .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}
.st.t-coffee .pd{display:flex;align-items:center;gap:18px;background:linear-gradient(180deg,rgba(233,195,143,.05),transparent),var(--card);border:1px solid rgba(233,195,143,.14);border-radius:20px;padding:14px 20px 14px 14px;box-shadow:0 18px 40px -24px #000}
.st.t-coffee .pd i{width:96px;height:120px;aspect-ratio:auto;border-radius:20px 20px 6px 6px;margin:0;flex:none;font-size:40px;background:var(--tile);box-shadow:inset 0 0 0 1px rgba(233,195,143,.12)}
.st.t-coffee .pd:nth-child(n+5) i{border-radius:50%;width:84px;height:84px;margin:18px 6px;background:radial-gradient(#E9C38F 0 38%,#C98A4B 39% 46%,transparent 47%);font-size:30px}
.st.t-coffee .pd b{font-size:23px}
.st.t-coffee .pd em{margin-inline-start:auto;font-size:19px;color:var(--price)}
.st.t-coffee .pd .tag{background:var(--acc2);color:#1A0F08}
@media (hover:hover){.st.t-coffee:not(.m) .pd:hover{box-shadow:0 0 0 1px #E9C38F55,0 20px 40px -20px #000}}
.st.t-coffee.m .cup6{width:132px;height:132px;left:22px;top:70px;font-size:50px}
.st.t-coffee.m .steam6{left:56px;top:-6px;width:64px;height:90px;stroke-width:6}
.st.t-coffee.m .st-hero{text-align:start;justify-items:stretch;--hop:88% 70%}
.st.t-coffee.m .grid{grid-template-columns:minmax(0,1fr);gap:10px}
.st.t-coffee.m .pd{gap:12px;padding:10px 14px 10px 10px;border-radius:16px}
.st.t-coffee.m .pd i{width:64px;height:80px;font-size:28px;border-radius:16px 16px 5px 5px}
.st.t-coffee.m .pd:nth-child(n+5) i{width:60px;height:60px;margin:10px 2px;font-size:22px}
.st.t-coffee.m .pd b{font-size:17px}.st.t-coffee.m .pd em{font-size:15px}

/* =============== 2. fashion · Atelier Monochrome =============== */
.t-fashion{--bg:#F4F1EC;--card:#FFFFFF;--tile:#E9E3DA;--acc:#141414;--acc2:#B88A6A;--ink:#141414;--mut:#5E5853;--accInk:#FFFFFF;--price:#8A4F36;--g1:#F4F1EC;--g2:#E6DDD1;--g3:#CFC2B2;--ov:244,241,236;--ov-a:.86;--hero-ink:#141414;--ln:#DDD5CB;--sbg:#141414;--sink:#F4F1EC;--grain:.05;--hop:50% 30%}
.st.t-fashion:not(.bg-light):not(.bg-dark){background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#1414140F 0 25%),var(--bg)}
.st.t-fashion.ph6 .st-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);padding:56px 56px 64px;align-items:center;position:relative}
.st.t-fashion.ph6 .st-hero>.sx{position:static;color:var(--ink);max-width:none}
.st.t-fashion.ph6 .st-hero .h{font-size:76px;line-height:1.08;letter-spacing:-.01em}
.st.t-fashion.ph6 .st-hero small{color:var(--price);letter-spacing:.12em}
.st.t-fashion.ph6 .st-hero p:where(:not(.h)){opacity:1;color:var(--mut)}
.st.t-fashion.ph6 .cta{background:var(--acc);color:var(--accInk);border-radius:0;padding:16px 38px;letter-spacing:.06em}
.st.t-fashion.ph6 .art{width:380px;height:auto;aspect-ratio:3/4;justify-self:center;outline:1px solid var(--ink);outline-offset:10px;background:var(--tile);border-radius:0;box-shadow:24px 30px 0 -8px #E6DDD1}
.st.t-fashion.ph6 .art img{object-position:50% 40%}
.st.t-fashion .vtx6{position:absolute;left:22px;top:50%;translate:0 -50%;writing-mode:vertical-rl;font:500 11px/1 "Alexandria",sans-serif;letter-spacing:.4em;color:var(--mut);white-space:nowrap}
.st.t-fashion .strip{position:relative;letter-spacing:.08em}
.st.t-fashion .strip::after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:14px;background:repeating-linear-gradient(90deg,#141414 0 1px,transparent 1px 10px) 0 0/100% 6px no-repeat,repeating-linear-gradient(90deg,#141414 0 1px,transparent 1px 50px) 0 0/100% 12px no-repeat,#E9DCC6;opacity:.9}
.st.t-fashion .prods{padding-top:56px}
.st.t-fashion .pd{background:transparent}
.st.t-fashion .pd i{aspect-ratio:3/4;border-radius:0;background:var(--tile)}
.st.t-fashion .pd i img{object-position:50% 30%}
.st.t-fashion .pd b{font:500 15px/1.5 "Alexandria",sans-serif;letter-spacing:.06em;display:inline-block;background:linear-gradient(var(--ink),var(--ink)) 100% 100%/0 2px no-repeat;transition:background-size .5s}
.st.t-fashion .pd em{display:block;color:var(--price)}
@media (hover:hover){.st.t-fashion:not(.m) .pd:hover b{background-size:100% 2px}}
.st.t-fashion.m.ph6 .st-hero{grid-template-columns:minmax(0,1fr);padding:22px 22px 30px}
.st.t-fashion.m.ph6 .art{order:-1;width:auto;justify-self:stretch;height:auto;aspect-ratio:4/5;outline-offset:6px;margin:6px;box-shadow:12px 14px 0 -4px #E6DDD1}
.st.t-fashion.m.ph6 .st-hero .h{font-size:40px}
.st.t-fashion.m .vtx6{left:6px;top:200px;font-size:9px}

/* =============== 3. tech · Neon Grid =============== */
.t-tech{--bg:#060914;--card:#0E1530;--tile:#111B3D;--acc:#5B8CFF;--acc2:#7CF3FF;--ink:#EAF0FF;--mut:#A3B1D6;--accInk:#060914;--price:#8FB0FF;--g1:#1B2A6B;--g2:#0A1030;--g3:#060914;--ov:6,9,20;--ov-a:.80;--hero-ink:#F2F6FF;--ln:rgba(124,163,255,.18);--sbg:linear-gradient(90deg,#5B8CFF,#7CF3FF);--sink:#060914;--shc:#000;--hop:60% 50%}
.st.t-tech:not(.bg-light):not(.bg-dark){background:radial-gradient(60% 50% at 80% 0,#1B2A6Bcc,transparent),radial-gradient(40% 40% at 10% 90%,#0E5C7A66,transparent),var(--bg)}
.st.t-tech .hl6 img{filter:grayscale(1) contrast(1.1)}
.st.t-tech .hl6::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,#5B8CFF,#7CF3FF);mix-blend-mode:color;opacity:.7}
.st.t-tech .hl6::after{z-index:2}
.st.t-tech .flr6{position:absolute;left:-10%;right:-10%;bottom:-60px;height:220px;z-index:-1;background:linear-gradient(#7CF3FF55 1px,transparent 1px) 0 0/100% 28px,linear-gradient(90deg,#7CF3FF55 1px,transparent 1px) 0 0/28px 100%;transform:perspective(400px) rotateX(60deg);transform-origin:50% 100%;mask:linear-gradient(transparent,#000 70%)}
.st.t-tech .scan6{position:absolute;left:0;right:0;top:0;height:2px;background:#7CF3FF55;box-shadow:0 0 12px #7CF3FF88;z-index:0;animation:scan6 7s linear infinite}
@keyframes scan6{from{translate:0 0}to{translate:0 560px}}
.st.t-tech .cta{border-radius:12px;box-shadow:0 0 0 1px #7CF3FF66,0 10px 30px -8px #5B8CFFaa}
.st.t-tech .pd{border:1px solid transparent;border-radius:18px;background:linear-gradient(180deg,#ffffff12,#ffffff04) padding-box,linear-gradient(var(--card),var(--card)) padding-box,conic-gradient(from 210deg,#5B8CFF,#7CF3FF,#5B8CFF,#2A3F8F,#5B8CFF) border-box;box-shadow:0 20px 40px -24px #000}
.st.t-tech .pd i{border-radius:14px;background:radial-gradient(#1B2A6B,#0E1530 70%)}
.st.t-tech .pd small{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;opacity:1;color:#A3B1D6;unicode-bidi:plaintext;text-align:start}
.st.t-tech .pd:first-child small::after{content:"";display:inline-block;width:7px;height:13px;margin-inline-start:4px;vertical-align:-2px;background:#7CF3FF;animation:caret6 1s steps(1) infinite}
@keyframes caret6{50%{opacity:0}}
.st.t-tech .pd em{color:var(--price)}
@media (hover:hover){.st.t-tech:not(.m) .pd:hover{box-shadow:0 0 0 1px #7CF3FF55,0 24px 50px -20px #5B8CFF88}}

/* =============== 4. sweets · Candy Bakery =============== */
.t-sweets{--bg:#FFF0F5;--card:#FFFFFF;--tile:#FFE1EB;--acc:#D62F68;--acc2:#FFB547;--ink:#4A1830;--mut:#7E4A60;--accInk:#FFFFFF;--price:#B81E55;--g1:#FFD6E4;--g2:#FFF0F5;--g3:#FFE9C7;--ln:rgba(74,24,48,.08);--sbg:#D62F68;--sink:#FFFFFF;--shc:#D62F68}
.st.t-sweets:not(.bg-light):not(.bg-dark){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg opacity='.45'%3E%3Crect x='6' y='8' width='2.6' height='8' rx='1.3' fill='%23FF8FB1' transform='rotate(30 7 12)'/%3E%3Crect x='30' y='4' width='2.6' height='8' rx='1.3' fill='%23FFB547' transform='rotate(-40 31 8)'/%3E%3Crect x='20' y='24' width='2.6' height='8' rx='1.3' fill='%237AD3C9' transform='rotate(70 21 28)'/%3E%3Crect x='40' y='30' width='2.6' height='8' rx='1.3' fill='%23B79CFF' transform='rotate(15 41 34)'/%3E%3Crect x='8' y='36' width='2.6' height='8' rx='1.3' fill='%23FFB547' transform='rotate(-65 9 40)'/%3E%3Crect x='28' y='40' width='2.6' height='7' rx='1.3' fill='%23FF8FB1' transform='rotate(50 29 43)'/%3E%3C/g%3E%3C/svg%3E") 0 0/48px 48px,linear-gradient(160deg,#FFD6E4,#FFF0F5 45%,#FFE9C7)}
.st.t-sweets.ph6 .art{width:440px;height:390px;justify-self:center;border-radius:62% 38% 46% 54%/55% 44% 56% 45%;background:var(--tile);box-shadow:0 0 0 10px #fff,0 30px 60px -25px #D62F6866,0 40px 0 -20px #FFB54733}
.st.t-sweets .stk6{position:absolute;left:52px;top:46px;width:112px;height:112px;border-radius:50%;background:#FFB547;color:#4A1830;display:grid;place-items:center;text-align:center;font:400 19px/1.15 var(--fh);rotate:-14deg;box-shadow:inset 0 0 0 6px #FFB547,inset 0 0 0 8px #4A1830,0 12px 24px -10px #4A183066;z-index:2;outline:2px dashed #4A183055;outline-offset:-14px}
.st.t-sweets .cta{box-shadow:0 10px 0 #8E1A44}
.st.t-sweets .strip{position:relative;margin-top:22px}
.st.t-sweets .strip::before{content:"";position:absolute;left:0;right:0;top:-15px;height:16px;background:radial-gradient(circle at 12px 0,transparent 11px,#D62F68 12px) 0 0/24px 16px repeat-x}
.st.t-sweets .pd{border:0;border-radius:28px 28px 0 0;padding:12px 12px 26px;background:var(--card);box-shadow:var(--sh);-webkit-mask:radial-gradient(10px at 50% 100%,#0000 98%,#000) 50% 0/20px 100%;mask:radial-gradient(10px at 50% 100%,#0000 98%,#000) 50% 0/20px 100%}
.st.t-sweets .pd i{border-radius:22px;background:var(--tile)}
.st.t-sweets .pd em{color:var(--price)}
.st.t-sweets .pd .tag{background:#FFB547;color:#4A1830}
@media (hover:hover){.st.t-sweets:not(.m) .pd:hover{rotate:-1.5deg}}
.st.t-sweets.m.ph6 .art{width:300px;height:250px;justify-self:center}
.st.t-sweets.m .stk6{width:80px;height:80px;font-size:14px;left:18px;top:14px;outline-offset:-11px}
.st.t-sweets.m .pd{padding:8px 8px 22px;border-radius:22px 22px 0 0}

/* =============== 5. perfume · Oud Noir =============== */
.t-perfume{--bg:#0A0907;--card:#15120D;--tile:#1E1912;--acc:#C9A45C;--acc2:#7A1A2B;--ink:#F2E8D5;--mut:#BFB29A;--accInk:#120E08;--price:#D9B872;--g1:#3A2A12;--g2:#15120D;--g3:#0A0907;--ln:rgba(201,164,92,.25);--sbg:transparent;--sink:#D9B872;--shc:#000;--grain:.05}
.st.t-perfume:not(.bg-light):not(.bg-dark){background:radial-gradient(50% 60% at 50% 0,#3A2A12 0,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%23C9A45C' stroke-width='.7' stroke-opacity='.16'%3E%3Cpath d='M28 6l6 16 16 6-16 6-6 16-6-16-16-6 16-6z'/%3E%3Crect x='16' y='16' width='24' height='24' transform='rotate(45 28 28)'/%3E%3Cpath d='M0 28h6M50 28h6M28 0v6M28 50v6'/%3E%3C/g%3E%3C/svg%3E") 0 0/56px 56px,var(--bg)}
.st.t-perfume.ph6 .st-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);text-align:start;justify-items:stretch;padding:56px 56px 64px;position:relative;isolation:isolate}
.st.t-perfume.ph6 .st-hero>.sx{order:0}
.st.t-perfume.ph6 .st-hero .h{font-size:66px;font-weight:700;line-height:1.15}
.st.t-perfume.ph6 .st-hero p:where(:not(.h)){margin-inline:0;color:var(--mut);opacity:1}
.st.t-perfume.ph6 .st-hero small{color:var(--price);letter-spacing:.1em}
.st.t-perfume.ph6 .art{order:1;width:310px;height:auto;aspect-ratio:3/4;justify-self:center;border-radius:999px 999px 18px 18px;border:1px solid #C9A45C;outline:1px solid #C9A45C66;outline-offset:6px;background:var(--tile);box-shadow:0 0 0 1px #0A0907,0 40px 80px -30px #000;position:relative;z-index:1}
.st.t-perfume.ph6 .art::before{content:"";position:absolute;inset:-140px -160px;z-index:-1;background:radial-gradient(closest-side,#C9A45C33,transparent)}
.st.t-perfume .smoke6{position:absolute;left:calc(25% - 100px);top:-10px;width:200px;height:300px;fill:none;stroke:#F2E8D5;stroke-width:22;stroke-linecap:round;opacity:.06;filter:blur(14px);z-index:0;animation:smoke6 12s ease-in-out infinite alternate}
@keyframes smoke6{from{translate:0 20px;opacity:.04}to{translate:-14px -20px;opacity:.08}}
.st.t-perfume .cta{border-radius:0;letter-spacing:.08em;padding:14px 34px}
.st.t-perfume .prods h3{font-size:36px;letter-spacing:.02em}
.st.t-perfume .pd{border:1px solid #C9A45C40;border-radius:999px 999px 6px 6px;padding:12px 12px 18px;background:linear-gradient(180deg,#C9A45C0d,transparent 40%),var(--card);position:relative;overflow:hidden}
.st.t-perfume .pd i{aspect-ratio:3/4;border-radius:999px 999px 4px 4px;background:var(--tile)}
.st.t-perfume .pd::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,#ffffff1f 50%,transparent 60%) 200% 0/250% 100% no-repeat;pointer-events:none;transition:background-position .9s}
.st.t-perfume .pd b{font-family:var(--fh);font-weight:700;font-size:22px}
.st.t-perfume .pd em{color:var(--price)}
.st.t-perfume .pd .tag{top:16px;right:50%;translate:50% 0}
@media (hover:hover){.st.t-perfume:not(.m) .pd:hover{border-color:#C9A45C}.st.t-perfume:not(.m) .pd:hover::after{background-position:-50% 0}}
.st.t-perfume.m.ph6 .st-hero{grid-template-columns:minmax(0,1fr);padding:26px 18px 30px;text-align:center;justify-items:center}
.st.t-perfume.m.ph6 .art{order:-1;width:70%}
.st.t-perfume.m.ph6 .st-hero .h{font-size:36px}
.st.t-perfume.m.ph6 .st-hero p:where(:not(.h)){margin-inline:auto}
.st.t-perfume.m .smoke6{left:calc(50% - 70px);width:140px;height:220px}
.st.t-perfume.m .pd{padding:8px 8px 12px}.st.t-perfume.m .pd b{font-size:16px}

/* =============== 6. food · Street Bold =============== */
.t-food{--bg:#FFF3D6;--card:#FFFFFF;--tile:#FFE7A8;--acc:#E0261F;--acc2:#FFC529;--ink:#1E1410;--mut:#5B4636;--accInk:#FFFFFF;--price:#C11F19;--g1:#FFC529;--g2:#FFE08A;--g3:#FFF3D6;--ov:30,20,16;--ov-a:.74;--hero-ink:#FFFFFF;--ln:#1E1410;--sbg:#1E1410;--sink:#FFC529;--hop:50% 55%}
.st.t-food:not(.bg-light):not(.bg-dark){background:radial-gradient(#E0261F22 1.2px,transparent 1.6px) 0 0/14px 14px,var(--bg)}
.st.t-food.fbh .hl6::after{display:none}
.st.t-food.fbh .st-hero{padding:0 0 0 56px;min-height:540px;border-bottom:4px solid var(--ink)}
.st.t-food.fbh .st-hero .sx{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#E0261F;color:#fff;padding:56px 56px 56px 120px;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.st.t-food.fbh .st-hero .sx>small::before{background:#FFC529}
.st.t-food.fbh .st-hero .h{font-size:54px;text-shadow:none}
.st.t-food.fbh .cta{background:#FFC529;color:#1E1410;border:3px solid #1E1410;box-shadow:5px 5px 0 #1E1410}
.st.t-food .burst6{position:absolute;left:40px;top:34px;width:150px;height:150px;display:grid;place-items:center;rotate:-12deg;z-index:2;background:#FFC529;clip-path:polygon(50% 0,59% 15%,75% 7%,77% 24%,93% 25%,85% 40%,100% 50%,85% 60%,93% 75%,77% 76%,75% 93%,59% 85%,50% 100%,41% 85%,25% 93%,23% 76%,7% 75%,15% 60%,0 50%,15% 40%,7% 25%,23% 24%,25% 7%,41% 15%);filter:drop-shadow(0 0 0 #1E1410)}
.st.t-food .burst6::before{content:"";position:absolute;inset:6px;background:#FFC529;clip-path:inherit;box-shadow:inset 0 0 0 3px #1E1410}
.st.t-food .burst6 b{position:relative;font:700 28px/1 var(--fh);color:#1E1410}
.st.t-food .arrow6{position:absolute;left:69%;bottom:84px;width:120px;height:60px;fill:none;stroke:#FFF3D6;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 6;z-index:2;opacity:.95}
.st.t-food .strip{font-family:var(--fh);letter-spacing:.02em}
.st.t-food .pd{border:3px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 #1E1410;padding:12px;transition:translate .25s,box-shadow .25s}
.st.t-food .pd i{aspect-ratio:4/3;border:2px solid var(--ink);border-radius:12px;background:var(--tile)}
.st.t-food .pd em{color:var(--price);font-size:18px}
.st.t-food .pd .add{background:#FFC529;color:#1E1410;border:2px solid #1E1410;border-radius:12px;box-shadow:3px 3px 0 #1E1410}
.st.t-food .pd .tag{background:#1E1410;color:#FFC529}
@media (hover:hover){.st.t-food:not(.m) .pd:hover{translate:-3px -3px;box-shadow:9px 9px 0 #1E1410}}
.st.t-food.m.fbh .st-hero{padding:240px 0 0;min-height:0;--hop:40% 60%}
.st.t-food.m.fbh .st-hero .sx{padding:44px 18px 26px;clip-path:polygon(0 9%,100% 0,100% 100%,0 100%)}
.st.t-food.m.fbh .st-hero .h{font-size:30px}
.st.t-food.m .burst6{width:96px;height:96px;left:16px;top:18px}.st.t-food.m .burst6 b{font-size:18px}
.st.t-food.m .arrow6{display:none}
.st.t-food.m .pd{box-shadow:4px 4px 0 #1E1410;padding:8px}

/* =============== 7. pharma · Clinical Mint =============== */
.t-pharma{--bg:#F3FAFB;--card:#FFFFFF;--tile:#E1F3F4;--acc:#0B7F8C;--acc2:#7DD3C8;--ink:#0E2A38;--mut:#4A6472;--accInk:#FFFFFF;--price:#0A7380;--g1:#D9F2F0;--g2:#F3FAFB;--g3:#E8F1FF;--ln:#0E2A3814;--sbg:transparent;--sink:#0E2A38;--shc:#0E2A38}
.st.t-pharma:not(.bg-light):not(.bg-dark){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M18 13h4v5h5v4h-5v5h-4v-5h-5v-4h5z' fill='%230B7F8C' fill-opacity='.07'/%3E%3C/svg%3E") 0 0/40px 40px,linear-gradient(180deg,#D9F2F0,#F3FAFB 40%)}
.st.t-pharma.ph6 .st-hero{position:relative}
.st.t-pharma.ph6 .art{height:400px;border-radius:28px;background:var(--tile);box-shadow:0 0 0 8px #fff,0 30px 70px -28px #0B7F8C99,0 0 80px -20px #7DD3C866;overflow:visible}
.st.t-pharma.ph6 .art img{border-radius:28px}
.st.t-pharma .st-hero .h{position:relative;padding-bottom:30px}
.st.t-pharma .st-hero .h::after{content:"";position:absolute;right:0;bottom:2px;width:240px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 40'%3E%3Cstyle%3E.a%7Bstroke-dasharray:60 400;animation:d 3s linear infinite%7D@keyframes d%7Bfrom%7Bstroke-dashoffset:60%7Dto%7Bstroke-dashoffset:-400%7D%7D%3C/style%3E%3Cpolyline points='0,20 70,20 82,6 94,34 106,20 130,20 140,2 150,38 160,20 240,20' fill='none' stroke='%230B7F8C' stroke-opacity='.35' stroke-width='3' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpolyline class='a' points='0,20 70,20 82,6 94,34 106,20 130,20 140,2 150,38 160,20 240,20' fill='none' stroke='%230B7F8C' stroke-width='3' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.st.t-pharma .pill6{position:absolute;z-index:3;background:#ffffffcc;border:1px solid #fff;box-shadow:0 12px 30px -12px #0E2A3840;border-radius:999px;padding:7px 18px;font:700 14px/1.4 var(--fb);color:#0E2A38;white-space:nowrap}
.st.t-pharma .pill6.q1{left:28px;top:84px}.st.t-pharma .pill6.q2{left:calc(45% - 40px);top:200px}.st.t-pharma .pill6.q3{left:60px;bottom:70px}
.st.t-pharma .srch{border-radius:999px;border:0;box-shadow:0 0 0 2px var(--acc),var(--sh);background:#fff}
.st.t-pharma .srch b{border-radius:999px;background:linear-gradient(90deg,var(--acc) 50%,#0A6873 50%)}
.st.t-pharma .cta{border-radius:999px;border:0;color:#0E2A38;background:linear-gradient(90deg,#7DD3C8 50%,#A6E3DB 50%);padding-inline:34px}
.st.t-pharma .strip span{background:linear-gradient(90deg,#fff 50%,#EAF7F6 50%);box-shadow:0 6px 16px -10px #0E2A3840}
.st.t-pharma .pd{border:1px solid #0E2A3814;border-radius:16px;box-shadow:var(--sh)}
.st.t-pharma .pd i{border-radius:12px;background:var(--tile)}
.st.t-pharma .pd small{color:#157A45;font-weight:700}
.st.t-pharma .pd em{color:var(--price)}
.st.t-pharma.m.ph6 .art{height:220px}
.st.t-pharma.m .pill6{font-size:11px;padding:4px 11px}
.st.t-pharma.m .pill6.q1{left:auto;right:30px;top:96px}.st.t-pharma.m .pill6.q2{left:26px;top:196px}.st.t-pharma.m .pill6.q3{display:none}
.st.t-pharma.m .st-hero .h::after{width:170px;height:20px}

/* =============== 8. market · Fresh Crate =============== */
.t-market{--bg:#FFFDF7;--card:#FFFFFF;--tile:#FFF1DE;--acc:#F26B0F;--acc2:#1F9D47;--ink:#1F1A14;--mut:#5E554A;--accInk:#1F1A14;--price:#B84A00;--g1:#FF8A1F;--g2:#FFB23F;--g3:#FFD66B;--ov:31,26,20;--ov-a:.70;--hero-ink:#FFFFFF;--ln:#EEE7DF;--sbg:#1F1A14;--sink:#fff;--shc:#5E3A10}
.st.t-market:not(.bg-light):not(.bg-dark){background:var(--bg)}
.st.t-market.fbh .st-hero{margin:24px 56px 0;border-radius:28px;padding:48px 56px;min-height:500px;background:none}
.st.t-market .hl6{border-radius:inherit}
.st.t-market .hl6::after{background:linear-gradient(270deg,#F26B0F66,transparent 60%),linear-gradient(270deg,rgba(31,26,20,.70) 0 46%,rgba(31,26,20,.25) 80%,rgba(31,26,20,.08))}
.st.t-market.m .hl6::after{background:linear-gradient(180deg,rgba(31,26,20,.3),rgba(31,26,20,.72) 38% 100%)}
.st.t-market.fbh .cta{background:#FFD200;color:#1F1A14}
.st.t-market.fbh .badge{top:34px;left:44px;width:auto;height:auto;border-radius:0;rotate:-8deg;background:#FFD200;color:#1F1A14;padding:16px 26px 16px 46px;font-size:40px;clip-path:polygon(22px 0,100% 0,100% 100%,22px 100%,0 50%);box-shadow:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}
.st.t-market.fbh .badge::before{content:"";position:absolute;left:16px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#7a5a00;box-shadow:inset 0 2px 2px rgba(0,0,0,.4)}
.st.t-market .prods h3{display:flex;padding:8px 18px;margin-inline:-18px;border-radius:12px;background:var(--noise) 0 0/160px,#F3E3C7;background-blend-mode:soft-light}
.st.t-market .grid{gap:16px}
.st.t-market .pd{border:0;border-radius:20px;box-shadow:var(--sh);padding:12px;overflow:hidden}
.st.t-market .pd i{border-radius:16px;background:var(--tile)}
.st.t-market .pd:nth-child(4n+1){--tile:#FFE3D6}.st.t-market .pd:nth-child(4n+2){--tile:#E8F4FF}.st.t-market .pd:nth-child(4n+3){--tile:#FFF4CC}.st.t-market .pd:nth-child(4n){--tile:#F5E6D0}
.st.t-market .pd em{display:inline-block;position:relative;background:#FFD200;color:#1F1A14;padding:2px 14px 2px 22px;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);font-weight:800;margin-top:4px}
.st.t-market .pd em::before{content:"";position:absolute;left:8px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#fff}
.st.t-market .pd .tag{top:18px;right:-34px;width:130px;text-align:center;rotate:40deg;border-radius:0;background:#157A3A;color:#fff;padding:3px 0;z-index:3}
.st.t-market .pd .add{border-color:#1F9D4755}
.st.t-market .pd .add span:first-child{color:#1F9D47}
.st.t-market.m.fbh .st-hero{margin:12px 12px 0;padding:200px 18px 22px;min-height:0;border-radius:22px}
.st.t-market.m.fbh .badge{top:16px;left:16px;font-size:22px;padding:10px 16px 10px 32px;clip-path:polygon(16px 0,100% 0,100% 100%,16px 100%,0 50%)}
.st.t-market.m.fbh .badge::before{left:11px;width:9px;height:9px;margin-top:-4.5px}
.st.t-market.m .prods h3{margin-inline:-8px;padding:6px 10px}

/* =============== 9. beauty · Rose Silk =============== */
.t-beauty{--bg:#FBF1EE;--card:#FFFFFF;--tile:#F6E1DC;--acc:#A9505A;--acc2:#E8C4B8;--ink:#3B2A28;--mut:#6E5551;--accInk:#FFFFFF;--price:#9A4650;--g1:#F3D3CB;--g2:#FBF1EE;--g3:#EFD9E6;--ln:rgba(169,80,90,.22);--sbg:transparent;--sink:#3B2A28;--shc:#A9505A}
.st.t-beauty:not(.bg-light):not(.bg-dark){background:radial-gradient(70% 50% at 100% 0,#F3D3CB,transparent 60%),radial-gradient(60% 60% at 0 100%,#EFD9E6,transparent 60%),var(--bg)}
.st.t-beauty.ph6 .st-hero{position:relative;isolation:isolate}
.st.t-beauty.ph6 .art{width:330px;height:auto;aspect-ratio:3/4;border-radius:50%/40%;outline:0;rotate:-4deg;background:var(--tile);box-shadow:0 0 0 8px #fff,0 30px 60px -28px #A9505A88;overflow:hidden}
.st.t-beauty.ph6 .art::before{content:"";position:absolute;inset:0;z-index:-1}
.st.t-beauty.ph6 .art img{rotate:4deg;scale:1.1}
.st.t-beauty .ov2{position:absolute;left:96px;bottom:46px;width:150px;height:190px;border-radius:50%/42%;overflow:hidden;display:grid;place-items:center;font-size:60px;background:var(--tile);rotate:8deg;box-shadow:0 0 0 6px #fff,0 20px 40px -16px #A9505A88;z-index:2}
.st.t-beauty .silk6{position:absolute;left:-40px;right:30%;top:90px;height:240px;width:auto;fill:none;stroke:#E8C4B8;stroke-width:16;stroke-linecap:round;opacity:.7;z-index:-1}
.st.t-beauty .silk6 path+path{stroke:#F6E1DC;stroke-width:10}
.st.t-beauty .st-hero::after{content:"";position:absolute;left:5%;top:8%;width:460px;height:420px;border-radius:58% 42% 55% 45%/48% 52% 48% 52%;background:radial-gradient(circle at 40% 40%,#F3D3CB,#EFD9E6 70%);z-index:-2}
.st.t-beauty .cta{border-radius:999px;box-shadow:0 14px 30px -14px #A9505A}
.st.t-beauty .strip span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:inset 0 -2px 4px #E8C4B8,0 1px 2px #A9505A44;margin-inline-end:8px;vertical-align:1px}
.st.t-beauty .pd{background:var(--card);border-radius:22px;padding:12px 12px 16px;box-shadow:0 18px 40px -22px #A9505A55}
.st.t-beauty .pd i{aspect-ratio:4/5;border-radius:50% 50% 16px 16px/34% 34% 16px 16px;background:var(--tile)}
.st.t-beauty .pd em{color:var(--price)}
@media (hover:hover){.st.t-beauty:not(.m) .pd:hover img.ph{filter:saturate(1.1)}}
.st.t-beauty.m.ph6 .art{width:190px;justify-self:center}
.st.t-beauty.m .ov2{width:86px;height:110px;left:40px;bottom:auto;top:170px;font-size:36px}
.st.t-beauty.m .st-hero::after{left:50%;translate:-50% 0;top:12px;width:280px;height:260px}
.st.t-beauty.m .silk6{top:40px;left:-20px;right:-20px;height:160px}

/* =============== 10. home · Calm Oak =============== */
.t-home{--bg:#F1ECE3;--card:#FBF8F2;--tile:#E6DDCF;--acc:#55623A;--acc2:#B88A5A;--ink:#2C2A25;--mut:#5F5A50;--accInk:#FFFFFF;--price:#4D5934;--g1:#E6DDCF;--g2:#F1ECE3;--g3:#DCE0CF;--ov:44,42,37;--ov-a:.70;--hero-ink:#FFFFFF;--sbg:#55623A;--sink:#fff;--shc:#2C2A25;--hop:50% 55%}
.st.t-home:not(.bg-light):not(.bg-dark){background:repeating-linear-gradient(0deg,#2C2A2507 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#2C2A2507 0 1px,transparent 1px 3px),var(--bg)}
.st.t-home .dim6{position:absolute;left:56px;right:56%;bottom:34px;height:1px;background:#fff;opacity:.9;z-index:1}
.st.t-home .dim6::before,.st.t-home .dim6::after{content:"";position:absolute;top:-6px;width:1px;height:13px;background:#fff}
.st.t-home .dim6::before{left:0}.st.t-home .dim6::after{right:0}
.st.t-home .dim6 b{position:absolute;left:50%;top:-11px;translate:-50% 0;background:rgba(44,42,37,.7);color:#fff;font:700 12px/22px var(--fb);padding:0 10px;border-radius:999px;letter-spacing:.06em}
.st.t-home .cta{border-radius:4px;letter-spacing:.04em}
.st.t-home .prods{position:relative}
.st.t-home .prods::before{content:"";display:block;height:18px;margin:0 0 26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='18'%3E%3Cg fill='none' stroke='%23B88A5A' stroke-opacity='.45' stroke-width='1.2'%3E%3Cpath d='M0 3c40 3 80-3 120 0s80 3 120 0'/%3E%3Cpath d='M0 7c30 4 70-4 120 1s90 1 120-1'/%3E%3Cpath d='M0 11c50-3 70 3 120 0s70-3 120 1'/%3E%3Cpath d='M0 15c40 2 80-2 120 0s80 2 120 0'/%3E%3C/g%3E%3C/svg%3E") 0 0/240px 18px repeat-x}
.st.t-home .pd{background:var(--card);border-radius:10px;padding:10px 10px 14px;box-shadow:0 1px 0 #fff inset,var(--sh)}
.st.t-home .pd i{aspect-ratio:4/3;border-radius:6px;background:var(--tile)}
.st.t-home .pd b{font-size:16px}.st.t-home .pd em{color:var(--price)}
.st.t-home .pd:first-child i{aspect-ratio:auto}
.st.t-home .pd:nth-child(n+5) i{background:repeating-linear-gradient(100deg,#D9C7AE 0 3px,#CDB89B 3px 5px)}
.st.t-home.m .dim6{left:18px;right:18px;bottom:auto;top:200px}
.st.t-home.m .prods::before{margin-bottom:16px}

/* =============== 11. kids · Playroom Pop =============== */
.t-kids{--bg:#F4F7FF;--card:#FFFFFF;--tile:#E9E6FF;--acc:#5B4BD6;--acc2:#FFD84D;--ink:#24205A;--mut:#57538A;--accInk:#FFFFFF;--price:#4F3FCC;--g1:#C9C2FF;--g2:#FFE58A;--g3:#9EE6D5;--sbg:#5B4BD6;--sink:#fff;--shc:#24205A}
.st.t-kids:not(.bg-light):not(.bg-dark){background:radial-gradient(18% 22% at 8% 20%,#FFE58A99,transparent 70%),radial-gradient(16% 20% at 92% 12%,#9EE6D599,transparent 70%),radial-gradient(22% 26% at 70% 95%,#C9C2FF99,transparent 70%),var(--bg)}
.st.t-kids.ph6 .st-hero{position:relative}
.st.t-kids.ph6 .art{height:380px;border-radius:32px;rotate:3deg;background:var(--tile);box-shadow:0 0 0 10px #fff,10px 12px 0 10px #FFD84D;margin:10px 18px 22px 10px}
.st.t-kids .doo6{position:absolute;fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;z-index:2}
.st.t-kids .doo6.d1{left:34%;top:30px;width:120px;height:60px;stroke:#FF6B8B}
.st.t-kids .doo6.d2{left:40px;bottom:36px;width:58px;height:58px;stroke:#1FB5A0;fill:#FFD84D}
.st.t-kids .cta{box-shadow:0 6px 0 #3E30A8}
.st.t-kids .strip{position:relative;margin-top:16px}
.st.t-kids .strip::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:linear-gradient(90deg,#FF6B8B 0 25%,#FFB020 0 50%,#1FB5A0 0 75%,#5B4BD6 0) 0 0/96px 12px repeat-x;-webkit-mask:radial-gradient(circle at 12px 0,#000 4px,transparent 4.5px) 0 0/24px 12px,linear-gradient(#000,#000) 0 4px/100% 100% no-repeat;mask:radial-gradient(circle at 12px 0,#000 4px,transparent 4.5px) 0 0/24px 12px,linear-gradient(#000,#000) 0 4px/100% 100% no-repeat}
.st.t-kids .pd{border:4px solid #5B4BD6;border-radius:24px;box-shadow:0 10px 0 #24205A14;padding:10px}
.st.t-kids .pd:nth-child(4n+2){border-color:#FF6B8B}.st.t-kids .pd:nth-child(4n+3){border-color:#1FB5A0}.st.t-kids .pd:nth-child(4n){border-color:#FFB020}
.st.t-kids .pd i,.st.t-kids .pd:nth-child(n) i{border-radius:18px}
.st.t-kids .pd em{color:var(--price)}
@media (hover:hover){.st.t-kids:not(.m) .pd:nth-child(odd):hover{rotate:-3deg}.st.t-kids:not(.m) .pd:nth-child(even):hover{rotate:3deg}}
.st.t-kids.m.ph6 .art{height:220px;margin:8px 14px 14px 8px;box-shadow:0 0 0 7px #fff,7px 8px 0 7px #FFD84D}
.st.t-kids.m .doo6.d1{left:auto;right:16px;top:8px;width:70px}.st.t-kids.m .doo6.d2{left:14px;bottom:auto;top:12px;width:40px;height:40px}
.st.t-kids.m .pd{border-width:3px;border-radius:20px;padding:8px}

/* =============== 12. gym · Volt Iron =============== */
.t-gym{--bg:#0B0B0B;--card:#161616;--tile:#1F1F1F;--acc:#D4FF3A;--acc2:#FF4D2E;--ink:#F5F5F5;--mut:#B3B3B3;--accInk:#0B0B0B;--price:#D4FF3A;--g1:#2A2A2A;--g2:#121212;--g3:#0B0B0B;--ov:11,11,11;--ov-a:.80;--hero-ink:#FFFFFF;--grain:.1;--shc:#000;--hop:50% 50%}
.st.t-gym:not(.bg-light):not(.bg-dark){background:repeating-linear-gradient(-55deg,#ffffff06 0 2px,transparent 2px 14px),var(--bg)}
.st.t-gym.fbh .st-hero{clip-path:polygon(0 0,100% 0,100% 88%,0 100%);padding-bottom:90px}
.st.t-gym .hl6 img{filter:grayscale(1) contrast(1.25)}
.st.t-gym .st-hero .h mark,.st.t-gym .st-hero .h mark{background:none;color:var(--acc)}
.st.t-gym.fbh .st-hero .h{font-size:70px}
.st.t-gym .tape6{position:absolute;left:-70px;top:56px;width:380px;rotate:-24deg;background:#D4FF3A;color:#0B0B0B;font:800 14px/34px var(--fh);text-align:center;letter-spacing:.06em;box-shadow:0 10px 24px -8px #000;z-index:2;white-space:nowrap}
.st.t-gym .strip{transform:skewY(-2deg)}
.st.t-gym .grid{counter-reset:g6}
.st.t-gym .pd{counter-increment:g6;position:relative;background:var(--card);border-bottom:3px solid var(--acc);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);padding:14px;isolation:isolate}
.st.t-gym .pd::before{content:counter(g6,decimal-leading-zero);position:absolute;left:4px;bottom:-26px;font:800 120px/1 var(--fh);color:transparent;-webkit-text-stroke:1px #D4FF3A40;z-index:-1}
.st.t-gym .pd i{background:var(--tile)}
.st.t-gym .pd i img{filter:grayscale(1) contrast(1.1);transition:opacity .45s,scale .6s cubic-bezier(.2,.7,.2,1),filter .5s}
@media (hover:hover){.st.t-gym:not(.m) .pd:hover i img{filter:none}}
.st.t-gym .pd em{color:var(--price)}
.st.t-gym.m.fbh .st-hero{padding-bottom:60px;clip-path:polygon(0 0,100% 0,100% 94%,0 100%)}
.st.t-gym.m.fbh .st-hero .h{font-size:38px}
.st.t-gym.m .tape6{width:240px;left:-50px;top:30px;font-size:11px;line-height:26px}
.st.t-gym.m .pd::before{font-size:84px;bottom:-18px}

/* =============== 13. clinic · Bright Smile =============== */
.t-clinic{--bg:#F1FAF7;--card:#FFFFFF;--tile:#DDF3EC;--acc:#13806B;--acc2:#36C2A5;--ink:#0B3B5C;--mut:#46647A;--accInk:#FFFFFF;--price:#0F7562;--g1:#CDEFE6;--g2:#F1FAF7;--g3:#DCEBFA;--sbg:#13806B;--sink:#fff;--shc:#0B3B5C}
.st.t-clinic:not(.bg-light):not(.bg-dark){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M30 18l3 9 9 3-9 3-3 9-3-9-9-3 9-3z' fill='%23fff' fill-opacity='.5'/%3E%3Cpath d='M90 76l2 6 6 2-6 2-2 6-2-6-6-2 6-2z' fill='%23fff' fill-opacity='.5'/%3E%3C/svg%3E") 0 0/120px 120px,linear-gradient(160deg,#CDEFE6,#F1FAF7 45%,#DCEBFA)}
.st.t-clinic .st-hero .h{position:relative;padding-bottom:22px}
.st.t-clinic .st-hero .h::after{content:"";position:absolute;right:4px;bottom:0;width:200px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 22'%3E%3Cpath d='M4 4C60 26 140 26 196 4' fill='none' stroke='%2336C2A5' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.st.t-clinic .cta{background:var(--acc);color:var(--accInk)}
.st.t-clinic .doc{position:relative;padding:14px 14px 20px;border-radius:30px;box-shadow:var(--sh)}
.st.t-clinic .cph{position:relative;height:210px;border-radius:24px;overflow:hidden;background:var(--tile);box-shadow:0 0 0 4px #DDF3EC;margin-bottom:14px}
.st.t-clinic .cph~.dp{margin:-56px 10px 0;position:relative;z-index:2;background:#ffffffeb;border:1px solid #fff;border-radius:18px;padding:12px 14px;box-shadow:0 14px 30px -18px #0B3B5C55}
.st.t-clinic .cph~.dp .av{width:58px;height:58px;font-size:30px;box-shadow:0 0 0 3px var(--acc2)}
.st.t-clinic .bk{padding:0 10px}
.st.t-clinic .slots span{border-color:#36C2A5;background:#F4FBF9}
.st.t-clinic .slots span:nth-child(3){background:var(--acc);color:#fff;border-color:var(--acc)}
.st.t-clinic .gl6{position:absolute;width:22px;height:22px;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);z-index:3;animation:gl6 2.4s ease-in-out infinite}
.st.t-clinic .gl6.g1{left:calc(50% - 300px);top:76px}.st.t-clinic .gl6.g2{left:96px;top:250px;width:14px;height:14px;animation-delay:-.8s}.st.t-clinic .gl6.g3{left:calc(50% - 90px);top:60px;width:16px;height:16px;animation-delay:-1.6s}
@keyframes gl6{0%,100%{scale:.2;opacity:0}50%{scale:1;opacity:1}}
.st.t-clinic .sv{border-radius:20px;box-shadow:var(--sh);transition:background .3s}
.st.t-clinic .sv i{width:72px;height:72px;border-radius:50%;box-shadow:0 0 0 4px #DDF3EC;background:var(--tile)}
.st.t-clinic .sv .pp em{color:var(--price)}
@media (hover:hover){.st.t-clinic:not(.m) .sv:hover{background:#F4FBF9}}
.st.t-clinic.m .cph{height:150px}
.st.t-clinic.m .gl6.g1{left:auto;right:30px;top:300px}.st.t-clinic.m .gl6.g2{left:30px;top:300px}.st.t-clinic.m .gl6.g3{display:none}
.st.t-clinic.m .sv i{width:54px;height:54px}

/* =============== 14. realty · Blueprint Navy =============== */
.t-realty{--bg:#F4F1EA;--card:#FFFFFF;--tile:#E7E1D3;--acc:#0F2A44;--acc2:#C9A86A;--ink:#0F2A44;--mut:#4F5D6B;--accInk:#FFFFFF;--price:#7E5F24;--g1:#0F2A44;--g2:#1C4266;--g3:#C9A86A;--ov:15,42,68;--ov-a:.76;--hero-ink:#FFFFFF;--sbg:#0F2A44;--sink:#F4F1EA;--shc:#0F2A44;--hop:50% 60%}
.st.t-realty:not(.bg-light):not(.bg-dark){background:var(--bg)}
.st.t-realty.fbh .st-hero{overflow:visible}
.st.t-realty .hb{background:linear-gradient(#ffffff14 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff14 1px,transparent 1px) 0 0/32px 32px,linear-gradient(160deg,#0F2A44,#1C4266);min-height:480px;isolation:isolate}
.st.t-realty.ph6 .hb>em{display:none}
.st.t-realty .hl6::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(#ffffff10 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff10 1px,transparent 1px) 0 0/32px 32px;mask:linear-gradient(90deg,#000,transparent 50%)}
.st.t-realty .hl6::after{z-index:2}
.st.t-realty .hb .tx>small{color:#fff}
.st.t-realty .hb .cta{background:#C9A86A;color:#0F2A44}
.st.t-realty .sp{border-top:3px solid #C9A86A;border-radius:6px 6px 16px 16px}
.st.t-realty .sp .go{background:var(--acc);color:var(--accInk)}
.st.t-realty .cmp6{position:absolute;left:44px;top:34px;width:64px;height:88px;fill:none;stroke:#fff;stroke-width:1.2;z-index:3;opacity:.85}
.st.t-realty .cmp6 path{fill:#ffffff33}.st.t-realty .cmp6 text{fill:#fff;stroke:none;font:700 13px/1 var(--fb)}
.st.t-realty .scl6{position:absolute;left:124px;top:96px;z-index:3;display:flex;flex-direction:column;gap:4px;color:#fff;font:600 10px/1 var(--fb);opacity:.85;letter-spacing:.06em}
.st.t-realty .scl6 i{display:block;width:120px;height:6px;border:1px solid #fff;background:linear-gradient(90deg,#fff 50%,transparent 50%) 0 0/40px 100%}
.st.t-realty .prods{position:relative;isolation:isolate}
.st.t-realty .prods::before{content:"";position:absolute;inset:20px 40px 0;z-index:-1;opacity:.06;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='260'%3E%3Cg fill='none' stroke='%230F2A44' stroke-width='3' stroke-dasharray='10 6'%3E%3Crect x='10' y='10' width='400' height='240'/%3E%3Cpath d='M180 10v130h230M180 90H10M300 140v110M120 140v110M10 180h110'/%3E%3C/g%3E%3C/svg%3E") 50% 0/600px auto repeat-y}
.st.t-realty .ls{border-radius:14px;box-shadow:var(--sh);border:0}
.st.t-realty .ls i{width:220px;background:var(--tile)}
.st.t-realty .ls em{display:inline-block;background:#0F2A44;color:#fff;border-radius:999px;padding:2px 16px;font-size:19px}
.st.t-realty .ls .tg{background:#C9A86A;color:#0F2A44}
.st.t-realty .ls .lc{color:var(--mut);opacity:1}
.st.t-realty .tabs .on{background:#0F2A44;color:#fff;border-color:#0F2A44}
.st.t-realty.m .hb{min-height:0;padding-top:120px}
.st.t-realty.m .cmp6{left:16px;top:14px;width:44px;height:60px}.st.t-realty.m .scl6{left:70px;top:56px}.st.t-realty.m .scl6 i{width:80px}
.st.t-realty.m .ls i{width:118px}.st.t-realty.m .ls em{font-size:15px;padding:1px 12px}

/* =============== 15. abaya · Sand & Silk =============== */
.t-abaya{--bg:#F6F1EA;--card:#FFFDF9;--tile:#EDE3D4;--acc:#3E2C23;--acc2:#B89B72;--ink:#2A1E18;--mut:#62544A;--accInk:#FFFFFF;--price:#6E4E33;--g1:#EDE3D4;--g2:#F6F1EA;--g3:#E3D3BC;--sbg:#3E2C23;--sink:#F6F1EA;--shc:#3E2C23}
.st.t-abaya:not(.bg-light):not(.bg-dark){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M22 3l5 9 10-1-6 8 6 8-10-1-5 9-5-9-10 1 6-8-6-8 10 1z' fill='none' stroke='%23B89B72' stroke-width='.8' stroke-opacity='.22'/%3E%3C/svg%3E") 0 0/44px 44px,linear-gradient(180deg,#EDE3D4,#F6F1EA 50%)}
.st.t-abaya .st-hero .h{position:relative;padding-bottom:26px}
.st.t-abaya .st-hero .h::after{content:"";position:absolute;right:0;bottom:0;width:230px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 24'%3E%3Cpath d='M2 12C40 2 70 22 115 12S190 2 228 12M115 12c-8-8-2-12 4-10M115 12c8 8 2 12-4 10' fill='none' stroke='%23B89B72' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.st.t-abaya .cta{background:var(--acc);color:var(--accInk)}
.st.t-abaya.ph6 .arches{filter:drop-shadow(0 40px 30px #3E2C2340)}
.st.t-abaya.ph6 .arches span{position:relative;overflow:hidden;width:230px;height:420px;background:var(--tile)}
.st.t-abaya.ph6 .arches span+span{height:360px;background:#8A9A7B}
.st.t-abaya.ph6 .arches span::after{content:"";position:absolute;inset:8px;z-index:2;border:2px solid #B89B72;border-radius:999px 999px 0 0;border-bottom:0;pointer-events:none}
.st.t-abaya.ph6 .arches span::before{content:"";position:absolute;inset:0 0 auto;height:42%;z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M22 3l5 9 10-1-6 8 6 8-10-1-5 9-5-9-10 1 6-8-6-8 10 1z' fill='none' stroke='%23F6E7C8' stroke-width='1' stroke-opacity='.5'/%3E%3C/svg%3E") 0 0/44px 44px;mask:linear-gradient(#000,transparent);opacity:.9}
.st.t-abaya.ph6 .arches span+span img{object-position:50% 40%}
.st.t-abaya .ab i{border-radius:999px 999px 6px 6px;background:var(--tile);box-shadow:var(--sh)}
.st.t-abaya .ab em{color:var(--price)}
.st.t-abaya .ab .sz u{border-color:#3E2C2333}
.st.t-abaya.m.ph6 .arches span{width:140px;height:250px}.st.t-abaya.m.ph6 .arches span+span{height:212px}
.st.t-abaya.m .st-hero .h::after{width:170px}

/* =============== 16. honey · Golden Hive =============== */
.t-honey{--bg:#FFF4D6;--card:#FFFBEF;--tile:#FFE7A3;--acc:#F2A900;--acc2:#7A4A12;--ink:#3B2412;--mut:#6B4E2E;--accInk:#3B2412;--price:#8A5300;--g1:#FFC93C;--g2:#F2A900;--g3:#C77700;--sbg:#7A4A12;--sink:#FFF4D6;--shc:#7A4A12}
.st.t-honey:not(.bg-light):not(.bg-dark){background:radial-gradient(60% 50% at 80% 0,#FFE08A,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97'%3E%3Cpath d='M28 1l27 15.5v32L28 64 1 48.5v-32zM28 64v33M1 48.5l-1 .6M55 48.5l1 .6' fill='none' stroke='%23F2A900' stroke-opacity='.2' stroke-width='1'/%3E%3C/svg%3E") 0 0/56px 97px,var(--bg)}
.st.t-honey .st-hero{background:none;position:relative;padding-bottom:56px}
.st.t-honey .strip{padding-top:40px}
.st.t-honey.ph6 .hv{filter:drop-shadow(0 24px 30px #C7770055)}
.st.t-honey.ph6 .hv .jar{position:relative;width:360px;height:320px;display:grid;place-items:center;font-size:150px;background:linear-gradient(160deg,#FFC93C,#C77700);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}
.st.t-honey.ph6 .hv em{display:none}
.st.t-honey .hv .seal{z-index:2}
.st.t-honey .drip6{position:absolute;left:0;bottom:-58px;width:100%;height:90px;fill:#F2A900;filter:drop-shadow(0 4px 0 #B86E00);z-index:2}
.st.t-honey .drip6 .hl{fill:none;stroke:#FFE08A;stroke-width:3;opacity:.8}
.st.t-honey .strip{background:#7A4A12}
.st.t-honey .hx i{background:var(--tile)}
.st.t-honey .hx .og{background:#F2A900;color:#3B2412;border-radius:6px 6px 0 6px;width:auto;height:auto;padding:4px 10px;rotate:-6deg;font-size:14px}
.st.t-honey .hx em{color:var(--price)}
.st.t-honey.m .st-hero{padding-bottom:56px}
.st.t-honey.m.ph6 .hv .jar{width:220px;height:196px}
.st.t-honey.m .drip6{height:60px;bottom:-38px}
.st.t-honey.m .strip{padding-top:30px}

/* =============== 17. qrmenu · Table Tent =============== */
.t-qrmenu{--bg:#F4EFE6;--card:#FFFDF8;--tile:#E7DECF;--acc:#2F6B4F;--acc2:#E07A3F;--ink:#22312B;--mut:#56645D;--accInk:#FFFFFF;--price:#2A6147;--g1:#2F6B4F;--g2:#3E8463;--g3:#F4EFE6;--ov:34,49,43;--ov-a:.74;--hero-ink:#FFFFFF;--grain:.09;--sbg:#2F6B4F;--sink:#fff;--shc:#22312B;--hop:50% 60%}
.st.t-qrmenu:not(.bg-light):not(.bg-dark){background:radial-gradient(closest-side,transparent 86%,#7A4A1214 88%,#7A4A120a 93%,transparent 96%) 88% 640px/180px 180px no-repeat,var(--bg)}
.st.t-qrmenu.fbh .st-hero{color:#fff;min-height:540px;grid-template-columns:minmax(0,46%) 1fr}
.st.t-qrmenu.fbh .tx>small{color:#fff}
.st.t-qrmenu .tent .tn{background:linear-gradient(180deg,#fff 0 3px,var(--card) 3px);border-top:0;border-radius:6px;position:relative;box-shadow:0 2px 0 #E7DECF,0 40px 60px -20px rgba(0,0,0,.6);-webkit-mask:radial-gradient(circle at 0 10px,transparent 5px,#000 5.5px) 0 0/50.5% 20px repeat-y,radial-gradient(circle at 100% 10px,transparent 5px,#000 5.5px) 100% 0/50.5% 20px repeat-y;mask:radial-gradient(circle at 0 10px,transparent 5px,#000 5.5px) 0 0/50.5% 20px repeat-y,radial-gradient(circle at 100% 10px,transparent 5px,#000 5.5px) 100% 0/50.5% 20px repeat-y}
.st.t-qrmenu .tent .tn::before{content:"";display:block;height:10px;margin:-22px -22px 14px;background:var(--acc)}
.st.t-qrmenu .note6{position:absolute;left:58px;bottom:44px;rotate:-6deg;background:#FFFDF8;color:#B4531F;font:700 20px/1.3 var(--fh);padding:8px 18px;box-shadow:0 14px 30px -12px rgba(0,0,0,.5);z-index:2}
.st.t-qrmenu .ctabs{background:transparent}
.st.t-qrmenu .ctabs span{border-radius:12px 12px 0 0;border-bottom:0;background:#E7DECF}
.st.t-qrmenu .ctabs .on{background:var(--acc);color:#fff}
.st.t-qrmenu .mn{border-radius:18px;box-shadow:var(--sh);border:0}
.st.t-qrmenu .mn i{width:64px;height:64px;border-radius:16px;background:var(--tile)}
.st.t-qrmenu .mn>div::after{content:"";display:block;height:6px;margin-top:4px;background:radial-gradient(#22312B66 1px,transparent 1.5px) 0 50%/6px 6px repeat-x}
.st.t-qrmenu .mn em{color:var(--price)}
.st.t-qrmenu .cartbar{position:relative;border-radius:8px;-webkit-mask:radial-gradient(circle at 50% 0,transparent 4px,#000 4.5px) 0 0/14px 51% repeat-x,radial-gradient(circle at 50% 100%,transparent 4px,#000 4.5px) 0 100%/14px 51% repeat-x;mask:radial-gradient(circle at 50% 0,transparent 4px,#000 4.5px) 0 0/14px 51% repeat-x,radial-gradient(circle at 50% 100%,transparent 4px,#000 4.5px) 0 100%/14px 51% repeat-x}
.st.t-qrmenu.m.fbh .st-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:24px}
.st.t-qrmenu.m.fbh .tent{order:-1;height:240px}
.st.t-qrmenu.m .note6{font-size:14px;left:14px;bottom:auto;top:200px}
.st.t-qrmenu.m .cartbar{border-radius:8px}

/* =============== 18. carrent · Midnight Drive =============== */
.t-carrent{--bg:#0F1215;--card:#1A1F24;--tile:#232A31;--acc:#F5C400;--acc2:#FF5A36;--ink:#F1F3F5;--mut:#AAB3BC;--accInk:#111418;--price:#F5C400;--g1:#2A3139;--g2:#151A1F;--g3:#0F1215;--ov:15,18,21;--ov-a:.78;--hero-ink:#FFFFFF;--ln:rgba(241,243,245,.12);--grain:.14;--sbg:#F5C400;--sink:#111418;--shc:#000;--hop:50% 60%}
.st.t-carrent:not(.bg-light):not(.bg-dark){background:linear-gradient(180deg,#151A1F,#0F1215)}
.st.t-carrent.fbh .st-hero{grid-template-columns:minmax(0,46%) 1fr;min-height:520px;color:#fff}
.st.t-carrent.fbh .st-hero .art{visibility:hidden}
.st.t-carrent .hl6::before{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:34%;z-index:1;background:repeating-linear-gradient(90deg,transparent 0 40px,#F5C40022 40px 42px);transform:skewX(-12deg);mask:linear-gradient(transparent,#000)}
.st.t-carrent .hl6::after{z-index:2}
.st.t-carrent:not(.m) .hl6 img{right:24%;width:76%;-webkit-mask:linear-gradient(270deg,transparent,#000 22%);mask:linear-gradient(270deg,transparent,#000 22%)}
.st.t-carrent .bb{background:#F1F3F5;color:#111418;border:0;box-shadow:0 30px 60px -30px #000;margin-top:-50px;z-index:2}
.st.t-carrent .bb small{color:#111418;opacity:.7}
.st.t-carrent .bb span{border-color:#11141822}
.st.t-carrent .bb:before,.st.t-carrent .bb:after{background:var(--bg);border:0}
.st.t-carrent .strip{position:relative}
.st.t-carrent .strip::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:4px;background:repeating-linear-gradient(90deg,#F5C400 0 34px,transparent 34px 60px)}
.st.t-carrent .prods{padding-top:56px}
.st.t-carrent .vh{border:1px solid var(--ln);box-shadow:0 30px 50px -30px #000}
.st.t-carrent .vh i{border-bottom:0;padding:0;aspect-ratio:16/9;background:radial-gradient(120% 70% at 50% 100%,#2A3139,#151A1F 70%);-webkit-box-reflect:below 0 linear-gradient(transparent 70%,#ffffff22)}
.st.t-carrent .vh em{color:var(--price)}
.st.t-carrent .vh .tg{background:#FF5A36;color:#111418}
.st.t-carrent .vh .ch u{border-color:#F1F3F533;background:transparent}
.st.t-carrent .vh:nth-child(2) em{display:inline-block;padding:4px 18px 2px;border-radius:999px 999px 0 0;border:3px solid #F5C40066;border-bottom:0}
.st.t-carrent.m.fbh .st-hero{grid-template-columns:minmax(0,1fr);min-height:460px;align-content:end;padding-top:200px}
.st.t-carrent.m .bb{margin-top:-16px}

/* =============== 19. courses · Notebook Indigo =============== */
.t-courses{--bg:#F6F4FF;--card:#FFFFFF;--tile:#E8E4FF;--acc:#3B2DB3;--acc2:#FFB703;--ink:#1B1464;--mut:#4F4A86;--accInk:#FFFFFF;--price:#3B2DB3;--g1:#3B2DB3;--g2:#6A5CFF;--g3:#F6F4FF;--sbg:#1B1464;--sink:#fff;--shc:#1B1464}
.st.t-courses:not(.bg-light):not(.bg-dark){background:linear-gradient(90deg,transparent calc(100% - 42px),#FF6B8B55 calc(100% - 42px) calc(100% - 40px),transparent calc(100% - 40px)),repeating-linear-gradient(180deg,transparent 0 31px,#3B2DB314 31px 32px),var(--bg)}
.st.t-courses.ph6 .st-hero{background:none;color:var(--ink);margin:0;border-radius:0;padding:56px;overflow:visible}
.st.t-courses.ph6 .st-hero small{color:var(--acc)}
.st.t-courses .st-hero .h mark{color:inherit;background:linear-gradient(transparent 60%,#FFB70399 60% 92%,transparent 92%);padding:0 4px}
.st.t-courses.ph6 .cta{background:var(--acc);color:var(--accInk);border-radius:14px;box-shadow:0 8px 0 #1B1464}
.st.t-courses .cst{position:relative}
.st.t-courses .cph{position:relative;height:330px;border-radius:22px;overflow:hidden;rotate:-2deg;background:var(--tile);box-shadow:0 0 0 8px #fff,0 30px 50px -24px #1B146466}
.st.t-courses .clip6{position:absolute;top:-10px;left:40px;width:24px;height:70px;border:4px solid #8C8FA8;border-radius:12px;z-index:3;rotate:8deg}
.st.t-courses.ph6 .cph{overflow:visible}
.st.t-courses.ph6 .cph img{border-radius:22px}
.st.t-courses.ph6 .stats{position:relative;margin:-60px 20px 0;z-index:2}
.st.t-courses.ph6 .stats div{border:0;border-radius:3px;color:#1B1464;box-shadow:0 12px 20px -10px #1B146455;padding:16px 8px;rotate:-2deg}
.st.t-courses.ph6 .stats div:nth-child(1){background:#FFE58A}.st.t-courses.ph6 .stats div:nth-child(2){background:#C9F1E3;rotate:1.5deg}.st.t-courses.ph6 .stats div:nth-child(3){background:#E2DBFF;rotate:-1deg}
.st.t-courses.ph6 .stats b{color:#1B1464;font-size:30px}.st.t-courses.ph6 .stats span{opacity:1}
.st.t-courses .doo6{position:absolute;right:20px;top:20px;width:40px;height:40px;fill:none;stroke:#FFB703;stroke-width:4;stroke-linejoin:round}
.st.t-courses .cr{border-radius:16px;box-shadow:var(--sh);border:0}
.st.t-courses .cr .bn{height:auto;aspect-ratio:16/9;position:relative}
.st.t-courses .cr .bn::after{content:"▶";position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:#ffffffe6;color:#3B2DB3;display:grid;place-items:center;font-size:18px;opacity:0;scale:.8;transition:opacity .4s,scale .4s;z-index:2}
@media (hover:hover){.st.t-courses:not(.m) .cr:hover .bn::after{opacity:1;scale:1}}
.st.t-courses .cr .in{top:auto;bottom:auto;margin-top:-26px;position:relative;right:auto;margin-inline-start:16px;float:none;display:grid}
.st.t-courses .cr .bd{padding:6px 16px 16px}
.st.t-courses .cr .pg{background:#E8E4FF}.st.t-courses .cr .pg u{background:linear-gradient(90deg,#3B2DB3,#6A5CFF)}
.st.t-courses .cr em{color:var(--price)}
.st.t-courses.m.ph6 .st-hero{padding:22px 16px 26px}
.st.t-courses.m .cph{height:200px;order:-1}
.st.t-courses.m.ph6 .stats{margin:-40px 8px 0}.st.t-courses.m.ph6 .stats b{font-size:20px}
.st.t-courses.m .cst{order:-1}
.st.t-courses.m .cr .in{margin-top:-20px;margin-inline-start:10px}
.st.t-courses.m .cr .bd{padding:4px 10px 12px}

/* =============== 20. jewel · Velvet Vault =============== */
.t-jewel{--bg:#1E0A10;--card:#2B1018;--tile:#3A1520;--acc:#D4AF37;--acc2:#F3E3B5;--ink:#FAF1E4;--mut:#D2BFAE;--accInk:#1E0A10;--price:#E3C25A;--g1:#5A1A2A;--g2:#2B1018;--g3:#1E0A10;--ln:rgba(212,175,55,.28);--grain:.12;--sbg:#140608;--sink:#E3C25A;--shc:#000}
.st.t-jewel:not(.bg-light):not(.bg-dark){background:radial-gradient(80% 60% at 50% 0,#5A1A2A,transparent 70%),var(--bg)}
.st.t-jewel .tk{background:linear-gradient(90deg,#B8902A,#F3E3B5 50%,#B8902A);color:#1E0A10}
.st.t-jewel .st-hero{background:radial-gradient(70% 90% at 30% 0,#6A2234,transparent 70%),linear-gradient(160deg,#3A1520,#1E0A10);border:1px solid #D4AF3733;color:#FAF1E4}
.st.t-jewel .st-hero small{color:#F3E3B5}
.st.t-jewel .cta{background:linear-gradient(90deg,#B8902A,#F3E3B5 50%,#D4AF37);color:#1E0A10}
.st.t-jewel .spot::before{top:-48px;width:420px;margin-left:-210px;height:430px;background:conic-gradient(from 160deg at 50% -20%,transparent,#F3E3B522 20deg,transparent 40deg);clip-path:none}
.st.t-jewel.ph6 .spot .dc{width:290px;height:290px;overflow:hidden;background:#3A1520;box-shadow:0 0 0 1px #D4AF37,0 0 0 10px #2B1018,0 0 0 11px #D4AF3766,0 40px 60px -20px #000}
.st.t-jewel.ph6 .spot em{display:none}
.st.t-jewel .gl6{position:absolute;width:26px;height:26px;background:#F3E3B5;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);z-index:3;animation:gl6 2.4s ease-in-out infinite;filter:drop-shadow(0 0 6px #F3E3B5)}
.st.t-jewel .gl6.g1{left:calc(25% - 150px);top:100px}.st.t-jewel .gl6.g2{left:calc(25% + 120px);top:150px;width:18px;height:18px;animation-delay:-.6s}.st.t-jewel .gl6.g3{left:calc(25% - 120px);bottom:90px;width:16px;height:16px;animation-delay:-1.2s}.st.t-jewel .gl6.g4{left:calc(25% + 100px);bottom:70px;animation-delay:-1.8s}
@keyframes gl6{0%,100%{scale:.2;opacity:0}50%{scale:1;opacity:1}}
.st.t-jewel .tr{background:radial-gradient(90% 70% at 50% 0,#3A1520,#2B1018);border-radius:20px;padding:18px 12px 16px;box-shadow:inset 0 8px 20px #0009,0 0 0 1px #D4AF3722}
.st.t-jewel .tr .dc2{background:#140608;box-shadow:inset 0 8px 20px #000c,0 0 0 2px #D4AF37aa,0 0 0 6px #2B1018,0 0 0 7px #D4AF3755;overflow:hidden}
.st.t-jewel .tr .ch u{border-color:#D4AF37;color:#F3E3B5}
.st.t-jewel .tr em{color:var(--price)}
.st.t-jewel.m.ph6 .spot .dc{width:170px;height:170px}
.st.t-jewel.m .gl6.g1{left:calc(50% - 110px);top:30px}.st.t-jewel.m .gl6.g2{left:calc(50% + 80px);top:60px}.st.t-jewel.m .gl6.g3{left:calc(50% - 100px);top:190px;bottom:auto}.st.t-jewel.m .gl6.g4{display:none}
.st.t-jewel.m .tr{padding:12px 8px}

/* =============== 21. travel · Boarding Pass =============== */
.t-travel{--bg:#FFF8EE;--card:#FFFFFF;--tile:#FDE9D2;--acc:#0E4D64;--acc2:#F28F3B;--ink:#0E2A33;--mut:#4D6670;--accInk:#FFFFFF;--price:#B4560F;--g1:#FFD8A8;--g2:#FFF8EE;--g3:#CDE8EE;--sbg:#0E4D64;--sink:#FFF8EE;--shc:#0E2A33}
.st.t-travel:not(.bg-light):not(.bg-dark){background:linear-gradient(180deg,#FFD8A8 0,#FFF8EE 22%,#FFF8EE 60%,#CDE8EE 100%)}
.st.t-travel .st-hero small{color:#B4560F}
.st.t-travel.ph6 .pc{border:12px solid #fff;border-radius:6px;rotate:-2deg;box-shadow:0 2px 0 #f1e6d6,0 30px 60px -24px #0E2A3399,0 8px 20px -10px #0E2A3355;background:#9FE0E8}
.st.t-travel.ph6 .pc :is(.sun,.wv,.big){display:none}
.st.t-travel.ph6 .pc .fp path{stroke:#fff;stroke-dasharray:6 10}
.st.t-travel.ph6 .pc .fp,.st.t-travel.ph6 .pc .pl,.st.t-travel.ph6 .pc .stamp{z-index:2}
.st.t-travel.ph6 .pc .stamp{top:auto;bottom:16px;right:16px}
.st.t-travel .st-hero{position:relative}
.st.t-travel .pstp6{position:absolute;left:62px;top:40px;width:84px;height:100px;padding:7px;rotate:6deg;z-index:3;font-size:34px;display:grid;place-items:center;background:radial-gradient(circle,transparent 3px,#fff 3.5px) -5px -5px/10px 10px;filter:drop-shadow(0 6px 10px #0E2A3366)}
.st.t-travel .pstp6 img{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px)}
.st.t-travel .pmk6{position:absolute;left:140px;top:112px;width:92px;height:92px;border-radius:50%;border:3px double #0E4D64b3;color:#0E4D64;background:#ffffff59;display:grid;place-content:center;text-align:center;font:700 12px/1.3 var(--fb);rotate:-14deg;z-index:4}
.st.t-travel .pmk6 b{font-size:18px}
.st.t-travel .prods{position:relative;isolation:isolate}
.st.t-travel .prods::before{content:"";position:absolute;inset:40px 30px 0;z-index:-1;background:radial-gradient(#0E2A33 1.2px,transparent 1.6px) 0 0/12px 12px;opacity:.07;-webkit-mask:radial-gradient(22% 28% at 20% 30%,#000 60%,transparent 62%),radial-gradient(14% 30% at 30% 72%,#000 60%,transparent 62%),radial-gradient(26% 22% at 62% 28%,#000 60%,transparent 62%),radial-gradient(12% 20% at 56% 62%,#000 60%,transparent 62%),radial-gradient(12% 12% at 84% 74%,#000 60%,transparent 62%);mask:radial-gradient(22% 28% at 20% 30%,#000 60%,transparent 62%),radial-gradient(14% 30% at 30% 72%,#000 60%,transparent 62%),radial-gradient(26% 22% at 62% 28%,#000 60%,transparent 62%),radial-gradient(12% 20% at 56% 62%,#000 60%,transparent 62%),radial-gradient(12% 12% at 84% 74%,#000 60%,transparent 62%)}
.st.t-travel .bp{border:0;box-shadow:var(--sh);overflow:visible;padding-top:6px;background:linear-gradient(var(--card),var(--card)) padding-box}
.st.t-travel .bp::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:var(--r) var(--r) 0 0;background:repeating-linear-gradient(135deg,#E04B3A 0 10px,#fff 10px 20px,#0E4D64 20px 30px,#fff 30px 40px)}
.st.t-travel .bp .s i{width:120px;height:120px;border-radius:12px;background:var(--tile)}
.st.t-travel .bp .s em{color:var(--price)}
.st.t-travel .bp .rt2 b{font-variant-numeric:tabular-nums}
.st.t-travel .bp .rt2 span{color:#F28F3B}
.st.t-travel.m.ph6 .pc{border-width:8px}
.st.t-travel.m .pstp6{width:56px;height:68px;left:20px;top:auto;bottom:150px;padding:5px}
.st.t-travel.m .pstp6 img{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}
.st.t-travel.m .pmk6{display:none}
.st.t-travel.m .bp .s i{width:72px;height:72px}

/* =============== 22. resort · Lagoon Dusk =============== */
.t-resort{--bg:#F7F1E8;--card:#FFFFFF;--tile:#E6EFEE;--acc:#0B5C6B;--acc2:#D9A441;--ink:#0B3C49;--mut:#4C6870;--accInk:#FFFFFF;--price:#0B5C6B;--g1:#F5B971;--g2:#E8836B;--g3:#0B3C49;--ov:11,60,73;--ov-a:.74;--hero-ink:#FFFFFF;--sbg:#0B3C49;--sink:#F7F1E8;--shc:#0B3C49;--hop:50% 70%}
.st.t-resort:not(.bg-light):not(.bg-dark){background:var(--bg)}
.st.t-resort.ph6 .rh{background:#0B3C49}
.st.t-resort.ph6 .rh:after{display:none}
.st.t-resort .hl6{z-index:0}
.st.t-resort .hl6::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#F5B97155,#E8836B33 40%,transparent 60%)}
.st.t-resort .hl6::after{z-index:2}
.st.t-resort.ph6 .rh .palm{display:none}
.st.t-resort.ph6 .rh .sunr{z-index:1;left:18%;top:60px;width:150px;height:150px;background:radial-gradient(circle,#FFE6A8 0 22%,#D9A441cc 36%,#D9A44133 56%,transparent 70%);box-shadow:none;opacity:.9}
.st.t-resort.ph6 .rh::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:40px;z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 40' preserveAspectRatio='none'%3E%3Cpath d='M0 24C160 0 320 44 480 22S800 0 960 20s240 18 320 4V40H0z' fill='%23F7F1E8'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.st.t-resort .rh .tx{z-index:4}
.st.t-resort .rh .cta{background:#D9A441;color:#1D1400}
.st.t-resort .rb{border-radius:20px;margin-top:-30px;box-shadow:0 30px 60px -30px #0B3C4999}
.st.t-resort .rb .go{background:var(--acc);color:#fff}
.st.t-resort .rm{border-radius:20px;border:0;box-shadow:var(--sh)}
.st.t-resort .rm i{height:auto;aspect-ratio:3/2;background:var(--tile)}
.st.t-resort .rm i img{transition:opacity .45s,scale 1.2s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.st.t-resort:not(.m) .rm:hover i img{scale:1.06}}
.st.t-resort .rm .ch u{background:#ffffffd9;border-color:#0B3C4922}
.st.t-resort .rm .ft em{color:var(--price)}
.st.t-resort .rm .bk{background:var(--acc)}
.st.t-resort.m.ph6 .rh .sunr{display:none}
.st.t-resort.m .rh{height:480px}
.st.t-resort.m .hl6::after{background:linear-gradient(180deg,rgba(11,60,73,.78),rgba(11,60,73,.74) 62%,rgba(11,60,73,.35))}

/* =============== 23. tours · Sun & Sand Expedition =============== */
.t-tours{--bg:#FFF7EC;--card:#FFFFFF;--tile:#FBE6CF;--acc:#C23C10;--acc2:#16A6A0;--ink:#12343B;--mut:#4E6266;--accInk:#FFFFFF;--price:#B83C14;--g1:#FFB36B;--g2:#FFF7EC;--g3:#BFEDE9;--ov:18,52,59;--ov-a:.72;--hero-ink:#FFFFFF;--sbg:#12343B;--sink:#fff;--shc:#12343B;--hop:50% 45%}
.st.t-tours:not(.bg-light):not(.bg-dark){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='none' stroke='%2312343B' stroke-opacity='.08' stroke-width='.8'%3E%3Cpath d='M110 30c50 0 80 30 76 76s-40 80-82 78-74-40-72-80 28-74 78-74z'/%3E%3Cpath d='M110 52c36 0 58 22 55 55s-30 58-60 57-54-30-52-58 20-54 57-54z'/%3E%3Cpath d='M110 74c22 0 36 14 34 34s-18 36-37 35-33-18-32-36 13-33 35-33z'/%3E%3Cpath d='M110 94c10 0 16 6 15 15s-8 16-16 16-15-8-14-16 6-15 15-15z'/%3E%3Cpath d='M0 200c40-20 80 10 120-6s70-30 100-10'/%3E%3C/g%3E%3C/svg%3E") 0 0/220px 220px,var(--bg)}
.st.t-tours.fbh .st-hero{grid-template-columns:minmax(0,46%) 1fr;min-height:560px;color:#fff;padding-bottom:90px}
.st.t-tours.fbh .tx>small{color:#fff}
.st.t-tours.fbh .dt>span{display:none}
.st.t-tours.fbh .dt{height:auto;align-self:end;position:static}
.st.t-tours.fbh .dt .tkt{position:absolute;right:auto;left:60px;bottom:110px;rotate:-6deg;background:#FFF7EC;color:#12343B;border-radius:12px 12px 12px 30px;padding:14px 22px 14px 40px;box-shadow:0 20px 40px -16px #000}
.st.t-tours.fbh .dt .tkt::before{content:"";position:absolute;left:14px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#12343B33;box-shadow:inset 0 0 0 3px #12343B}
.st.t-tours.fbh .dt .tkt::after{content:"";position:absolute;left:-46px;top:50%;width:52px;height:2px;background:#fff;rotate:-14deg;transform-origin:100% 50%}
.st.t-tours.fbh .dt .tkt small{color:#4E6266}
.st.t-tours.fbh .st-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:34px;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 34' preserveAspectRatio='none'%3E%3Cpath d='M0 14l22 6 18-9 26 10 20-7 30 9 16-11 34 12 22-8 26 6 20-10 28 11 18-6 30 8 24-12 22 10 30-6 16 8 28-10 26 9 20-7 32 10 18-8 24 6 30-11 20 9 26-5 22 8 28-10 18 7 30-6 20 9 26-8 22 10 28-7 16 6 32-10 20 8 26-6 24 9 18-7 30 8 22-10 28 9 20-6 26 8 24-9 30 7 16-5 28 8 22-9 28 7L1280 12V34H0z' fill='%23FFF7EC'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.st.t-tours .pass6{position:absolute;left:calc(27% - 70px);top:70px;width:140px;height:140px;border-radius:50%;border:4px solid #C23C10b3;box-shadow:inset 0 0 0 5px transparent,inset 0 0 0 7px #C23C10b3;display:grid;place-items:center;rotate:-12deg;color:#C23C10;background:#FFF7ECcc;z-index:2}
.st.t-tours .pass6 b{font:800 22px/1.1 var(--fh);text-align:center}
.st.t-tours .grid{gap:26px}
.st.t-tours .tp{border:0;border-radius:4px;padding:10px 10px 0;box-shadow:var(--sh);rotate:-1.2deg}
.st.t-tours .tp:nth-child(even){rotate:1.2deg}
.st.t-tours .tp i{height:auto;aspect-ratio:4/3;border-radius:2px;background:var(--tile)}
.st.t-tours .tp .bd{padding:12px 6px 14px}
.st.t-tours .tp .ft em{color:var(--price)}
.st.t-tours .tp .left{display:flex;align-items:center;gap:8px;color:#B83C14}
.st.t-tours .tp .left::after{content:"";flex:1;height:5px;border-radius:9px;background:linear-gradient(270deg,var(--acc) 30%,#F2D9CC 30%)}
.st.t-tours.m.fbh .st-hero{grid-template-columns:minmax(0,1fr);min-height:540px;align-content:end;padding-top:220px;padding-bottom:60px}
.st.t-tours.m.fbh .dt .tkt{left:16px;bottom:auto;top:130px;padding:8px 14px 8px 30px}
.st.t-tours.m .pass6{left:auto;right:18px;top:24px;width:96px;height:96px}.st.t-tours.m .pass6 b{font-size:15px}
.st.t-tours.m .tp{rotate:0deg}.st.t-tours.m .tp:nth-child(even){rotate:0deg}

/* =============== 24. corp · Executive Slate =============== */
.t-corp{--bg:#F4F6F9;--card:#FFFFFF;--tile:#E6ECF2;--acc:#0B7285;--acc2:#14213D;--ink:#14213D;--mut:#4F5B6E;--accInk:#FFFFFF;--price:#0A6675;--g1:#14213D;--g2:#1E3A5F;--g3:#0B7285;--ov:20,33,61;--ov-a:.78;--hero-ink:#FFFFFF;--sbg:#14213D;--sink:#fff;--shc:#14213D}
.st.t-corp:not(.bg-light):not(.bg-dark){background:repeating-linear-gradient(45deg,#14213D08 0 1px,transparent 1px 22px),var(--bg)}
.st.t-corp.fbh .st-hero{min-height:520px;color:#fff}
.st.t-corp.fbh .tx>small{color:#fff}
.st.t-corp .qf{border-top:4px solid var(--acc);box-shadow:0 30px 60px -30px #14213D66;position:relative;z-index:1}
.st.t-corp .grid{counter-reset:c6}
.st.t-corp .sc{counter-increment:c6;position:relative;padding:0 0 18px;overflow:hidden;border:0;border-inline-start:3px solid var(--acc);box-shadow:var(--sh)}
.st.t-corp .sc i{width:100%;height:auto;aspect-ratio:16/9;border-radius:0;margin:0 0 14px;background:var(--tile)}
.st.t-corp .sc :is(b,small,.lk,em){margin-inline:18px}
.st.t-corp .sc b::before{content:counter(c6,decimal-leading-zero);display:block;font:800 13px/1.6 var(--fb);color:var(--price);font-variant-numeric:tabular-nums;letter-spacing:.12em}
.st.t-corp .sc .lk{color:var(--price)}
.st.t-corp .ab2,.st.t-corp .cn{position:relative}
.st.t-corp .cn::before{content:"";position:absolute;right:40px;top:-24px;height:24px;border-inline-start:2px dashed var(--acc)}
.st.t-corp .ab2 small{color:var(--price)}.st.t-corp .ab2 .nums b{color:var(--price)}
.st.t-corp.m.fbh .st-hero{grid-template-columns:minmax(0,1fr);padding-top:150px}
.st.t-corp.m .sc{display:block;padding:0 0 14px}
.st.t-corp.m .sc i{width:100%;height:auto;margin:0 0 10px}


/* =============== 25. flowers · Petal Garden =============== */
.t-flowers{--bg:#FFF6F4;--card:#FFFFFF;--tile:#FDE3E6;--acc:#C7365F;--acc2:#2F4F3A;--ink:#2B1B21;--mut:#6A535A;--accInk:#FFFFFF;--price:#B12E54;--g1:#FFD9DF;--g2:#FFF6F4;--g3:#E3EFE1;--sbg:#C7365F;--sink:#fff;--shc:#C7365F}
.st.t-flowers:not(.bg-light):not(.bg-dark){background:radial-gradient(50% 40% at 90% 10%,#FFD9DF,transparent 70%),radial-gradient(40% 40% at 0 80%,#E3EFE1,transparent 70%),var(--bg)}
.st.t-flowers.ph6 .gc{background:none;box-shadow:none;padding:0 0 60px;rotate:0deg;max-width:480px}
.st.t-flowers.ph6 .gc:before{display:none}
.st.t-flowers.ph6 .gc .bq{position:relative;height:420px;border-radius:24px;overflow:hidden;background:var(--tile);box-shadow:0 30px 60px -28px #C7365F88;font-size:120px;display:grid;place-items:center}
.st.t-flowers.ph6 .gc .nt{position:absolute;right:-26px;bottom:6px;width:250px;background:#FFFBF2;padding:16px 20px;rotate:4deg;box-shadow:0 18px 30px -14px #2B1B2155;z-index:2}
.st.t-flowers.ph6 .gc .nt::before{content:"";position:absolute;top:-10px;left:18px;width:46px;height:22px;background:linear-gradient(90deg,#C7365F,#E26B8C);clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%,18% 50%);rotate:-8deg}
.st.t-flowers.ph6 .gc .nt b{font-size:30px;color:#2B1B21}
.st.t-flowers.ph6 .gc .dl{position:absolute;left:16px;top:16px;flex-direction:column;gap:6px;z-index:2;margin:0}
.st.t-flowers.ph6 .gc .dl u{background:#ffffffd9;color:#2B1B21;padding:2px 12px;font-weight:700}
.st.t-flowers .pt6{position:absolute;top:-20px;width:16px;height:22px;border-radius:80% 0 80% 0;background:#F7B6C6;z-index:3;animation:pt6 11s linear infinite;opacity:0}
.st.t-flowers .pt6.a{left:12%;animation-duration:12s}.st.t-flowers .pt6.b{left:24%;background:#C7365F;animation-delay:-4s;animation-duration:14s}.st.t-flowers .pt6.c{left:36%;background:#FFD9DF;animation-delay:-7s}.st.t-flowers .pt6.d{left:8%;background:#E3EFE1;animation-delay:-2s;animation-duration:9s}.st.t-flowers .pt6.e{left:30%;animation-delay:-9s;animation-duration:13s}
@keyframes pt6{0%{translate:0 0;rotate:0deg;opacity:0}10%{opacity:.9}90%{opacity:.9}100%{translate:60px 560px;rotate:300deg;opacity:0}}
.st.t-flowers .st-hero{position:relative;overflow:hidden}
.st.t-flowers .strip{background:linear-gradient(180deg,#D24670,#C7365F 45%,#A82C50);box-shadow:inset 0 1px 0 #ffffff55}
.st.t-flowers .mo{border:0;border-radius:18px;box-shadow:0 18px 36px -22px #C7365F77}
.st.t-flowers .mo i{border-radius:14px}
.st.t-flowers .mo:nth-child(4) i{aspect-ratio:1}
.st.t-flowers .mo em{color:var(--price)}
.st.t-flowers.m.ph6 .gc{padding-bottom:40px}
.st.t-flowers.m.ph6 .gc .bq{height:260px}
.st.t-flowers.m.ph6 .gc .nt{right:-6px;width:190px;padding:10px 14px}.st.t-flowers.m.ph6 .gc .nt b{font-size:22px}
.st.t-flowers.m .pt6{animation-name:pt6m}
@keyframes pt6m{0%{translate:0 0;rotate:0deg;opacity:0}10%{opacity:.9}90%{opacity:.9}100%{translate:40px 420px;rotate:300deg;opacity:0}}

/* =============== 26. laundry · Fresh Linen =============== */
.t-laundry{--bg:#EEF7FF;--card:#FFFFFF;--tile:#DCEEFF;--acc:#1565C0;--acc2:#7FD3FF;--ink:#0D2B45;--mut:#45627C;--accInk:#FFFFFF;--price:#1565C0;--g1:#BFE6FF;--g2:#EEF7FF;--g3:#FFFFFF;--sbg:#0D2B45;--sink:#EEF7FF;--shc:#0D2B45}
.st.t-laundry:not(.bg-light):not(.bg-dark){background:var(--bg)}
.st.t-laundry .st-hero{background:radial-gradient(circle at 30% 30%,#fff 0 8%,#BFE6FF55 30%,transparent 62%) 6% 12%/140px 140px no-repeat,radial-gradient(circle at 30% 30%,#fff 0 8%,#BFE6FF55 30%,transparent 62%) 40% 80%/80px 80px no-repeat,radial-gradient(circle at 30% 30%,#fff 0 8%,#BFE6FF55 30%,transparent 62%) 92% 6%/60px 60px no-repeat,linear-gradient(180deg,#BFE6FF,#EEF7FF)}
.st.t-laundry.ph6 .st-hero:before,.st.t-laundry.ph6 .st-hero:after{display:none}
.st.t-laundry .lsx{position:relative}
.st.t-laundry .lph{position:relative;height:250px;border-radius:24px;overflow:hidden;background:var(--tile);box-shadow:0 30px 50px -28px #0D2B4599}
.st.t-laundry .lph~.stp{margin:-64px 26px 0;gap:10px}
.st.t-laundry .stp:before{border-color:#7FD3FF;border-style:dashed}
.st.t-laundry .stp li{border-radius:999px;padding:10px 14px;box-shadow:0 14px 30px -16px #1565C066}
.st.t-laundry .stp i{background:radial-gradient(circle at 32% 30%,#fff 0 10%,#7FD3FF 32%,#1565C0 80%);box-shadow:inset 0 -3px 6px #0D2B4544}
.st.t-laundry .bb6{position:absolute;bottom:-40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff 0 12%,#BFE6FF88 34%,transparent 66%);box-shadow:inset 0 0 0 1px #ffffff99;animation:bb6 9s linear infinite;z-index:0}
.st.t-laundry .bb6.a{left:8%;width:40px;height:40px}.st.t-laundry .bb6.b{left:20%;width:24px;height:24px;animation-delay:-3s;animation-duration:7s}.st.t-laundry .bb6.c{left:33%;width:56px;height:56px;animation-delay:-5s;animation-duration:11s}.st.t-laundry .bb6.d{left:44%;width:20px;height:20px;animation-delay:-1s}.st.t-laundry .bb6.e{left:3%;width:30px;height:30px;animation-delay:-6s;animation-duration:10s}
@keyframes bb6{from{translate:0 0;opacity:0}15%{opacity:1}to{translate:20px -600px;opacity:0}}
.st.t-laundry .st-hero{position:relative;overflow:hidden;isolation:isolate}
.st.t-laundry .st-hero>:is(.tx,.lsx){position:relative;z-index:1}
.st.t-laundry .pt{position:relative;border-radius:16px;border:0;box-shadow:var(--sh);overflow:hidden}
.st.t-laundry .pt:not(.pth)::after{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:linear-gradient(#ffffffaa,#ffffffaa) 0 0/100% 1px no-repeat,linear-gradient(#0D2B4514,#0D2B4514) 0 1px/100% 1px no-repeat;pointer-events:none}
.st.t-laundry .pt .nm i{width:56px;height:56px;border-radius:50%;background:var(--tile)}
.st.t-laundry .pt:not(.pth)>span:not(.nm){border-radius:999px;padding:6px 4px;font-weight:700}
.st.t-laundry .pt:not(.pth)>span:nth-child(2){background:#DCEEFF}.st.t-laundry .pt:not(.pth)>span:nth-child(3){background:#E5F7EF}.st.t-laundry .pt:not(.pth)>span:nth-child(4){background:#FFF0DC}
.st.t-laundry .pth{box-shadow:none}
.st.t-laundry .pl3{border:0;box-shadow:var(--sh)}
.st.t-laundry.m .lph{height:180px}
.st.t-laundry.m .lph~.stp{margin:-50px 12px 0}
.st.t-laundry.m .pt .nm i{width:38px;height:38px}
.st.t-laundry.m .pt:not(.pth)>span:not(.nm){padding:4px 2px}

/* =============== 27. parts · Workshop Steel =============== */
.t-parts{--bg:#E9EAEC;--card:#F8F8F9;--tile:#DADCDF;--acc:#FFC300;--acc2:#1C1C1C;--ink:#1C1C1C;--mut:#4D5157;--accInk:#1C1C1C;--price:#8A5D00;--g1:#C9CCD1;--g2:#E9EAEC;--g3:#F8F8F9;--ov:28,28,28;--ov-a:.78;--hero-ink:#FFFFFF;--sbg:#1C1C1C;--sink:#FFC300;--shc:#1C1C1C;--hop:50% 50%}
.st.t-parts:not(.bg-light):not(.bg-dark){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg opacity='.25'%3E%3Cpath d='M4 10l5-5 2 2-5 5z' fill='%23fff'/%3E%3Cpath d='M6 12l5-5 1 1-5 5z' fill='%239aa0a8'/%3E%3Cpath d='M16 22l5-5 2 2-5 5z' fill='%23fff'/%3E%3Cpath d='M18 24l5-5 1 1-5 5z' fill='%239aa0a8'/%3E%3Cpath d='M14 4l5 5-2 2-5-5z' fill='%23fff'/%3E%3Cpath d='M2 16l5 5-2 2-5-5z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") 0 0/24px 24px,linear-gradient(180deg,#F8F8F9,#E9EAEC 40%,#DADCDF)}
.st.t-parts.fbh .st-hero{min-height:520px;color:#fff;border-bottom:10px solid transparent;border-image:repeating-linear-gradient(-45deg,#FFC300 0 14px,#1C1C1C 14px 28px) 10}
.st.t-parts.fbh .tx>small{color:#fff}
.st.t-parts .hl6 img{filter:contrast(1.05)}
.st.t-parts .fit{background:#1C1C1C;color:#F8F8F9;border:0;box-shadow:0 0 0 3px #FFC300,0 30px 60px -20px #000;position:relative;z-index:1}
.st.t-parts .fit .sel{background:#2A2A2A;border-color:#ffffff22;color:#F8F8F9}
.st.t-parts .fit .sel small{color:#C9CCD1;opacity:1}
.st.t-parts .fit .sel:first-of-type{box-shadow:0 0 0 2px #FFC300}
.st.t-parts .sk{position:relative;border:0;border-radius:6px;box-shadow:inset 0 1px 0 #fff,0 1px 0 #A9ADB3,var(--sh);background:radial-gradient(circle,#9AA0A8 0 2px,#fff 2.5px,transparent 3.5px) left 5px top 5px/8px 8px no-repeat,radial-gradient(circle,#9AA0A8 0 2px,#fff 2.5px,transparent 3.5px) right 5px top 5px/8px 8px no-repeat,radial-gradient(circle,#9AA0A8 0 2px,#fff 2.5px,transparent 3.5px) left 5px bottom 5px/8px 8px no-repeat,radial-gradient(circle,#9AA0A8 0 2px,#fff 2.5px,transparent 3.5px) right 5px bottom 5px/8px 8px no-repeat,linear-gradient(180deg,#FCFCFD,#EEF0F2)}
.st.t-parts .sk i{width:80px;height:80px;border:1px solid #fff;box-shadow:0 0 0 1px #A9ADB3,inset 0 -2px 0 #C9CCD1;background:#fff}
.st.t-parts .sk code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;letter-spacing:.18em;opacity:1;color:#1C1C1Cb3;text-transform:uppercase}
.st.t-parts .sk>em{color:var(--price)}
.st.t-parts .sk .stk{position:relative;padding-bottom:6px}
.st.t-parts .sk .stk::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:4px;border-radius:4px;background:linear-gradient(90deg,#14682F 70%,#DADCDF 70%)}
.st.t-parts .sk .lo::after{background:linear-gradient(90deg,#E63946 20%,#DADCDF 20%)}
.st.t-parts.m.fbh .st-hero{grid-template-columns:minmax(0,1fr);padding-top:140px}
.st.t-parts.m .sk i{width:54px;height:54px}

/* =============== 28. print · CMYK Press =============== */
.t-print{--bg:#FFFFFF;--card:#FFFFFF;--tile:#F2F4F7;--acc:#D1007A;--acc2:#00AEEF;--ink:#111111;--mut:#555555;--accInk:#FFFFFF;--price:#C10070;--g1:#00AEEF;--g2:#D1007A;--g3:#FFE600;--sbg:#111111;--sink:#fff;--shc:#111111}
.st.t-print:not(.bg-light):not(.bg-dark){background:var(--bg)}
.st.t-print:not(.bg-light):not(.bg-dark)::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background:radial-gradient(#00AEEF 1.2px,transparent 1.7px) 0 0/10px 10px,radial-gradient(#D1007A 1.2px,transparent 1.7px) 3px 3px/10px 10px,radial-gradient(#FFE600 1.4px,transparent 1.9px) 6px 6px/10px 10px;-webkit-mask:radial-gradient(circle at 0 0,#000,transparent 300px),radial-gradient(circle at 100% 0,#000,transparent 300px),radial-gradient(circle at 0 100%,#000,transparent 260px),radial-gradient(circle at 100% 100%,#000,transparent 260px);mask:radial-gradient(circle at 0 0,#000,transparent 300px),radial-gradient(circle at 100% 0,#000,transparent 300px),radial-gradient(circle at 0 100%,#000,transparent 260px),radial-gradient(circle at 100% 100%,#000,transparent 260px)}
.st.t-print .cmyk{flex-direction:column;height:16px}.st.t-print .cmyk i{flex:none;height:4px}
.st.t-print .pwx{position:relative}
.st.t-print .prph{position:relative;height:250px;border-radius:4px;overflow:hidden;background:var(--tile);box-shadow:-6px -6px 0 #00AEEF,6px 6px 0 #D1007A,0 12px 0 #FFE600;margin:6px 0 0 6px}
.st.t-print .prph~.qc{margin:-80px 0 0 70px;position:relative;z-index:1}
.st.t-print .rg{opacity:.8;color:#111}
.st.t-print .tr2{border:0;border-top:5px solid var(--acc2);box-shadow:var(--sh);border-radius:6px}
.st.t-print .tr2 i{aspect-ratio:4/3;border-radius:0;background:var(--tile);margin:6px;overflow:visible}
.st.t-print .tr2 i::after{content:"";position:absolute;inset:-6px;pointer-events:none;background:linear-gradient(#111,#111) 0 0/10px 1px,linear-gradient(#111,#111) 0 0/1px 10px,linear-gradient(#111,#111) 100% 0/10px 1px,linear-gradient(#111,#111) 100% 0/1px 10px,linear-gradient(#111,#111) 0 100%/10px 1px,linear-gradient(#111,#111) 0 100%/1px 10px,linear-gradient(#111,#111) 100% 100%/10px 1px,linear-gradient(#111,#111) 100% 100%/1px 10px;background-repeat:no-repeat;z-index:2}
.st.t-print .tr2 .ch u:nth-child(1){background:#E3F6FD;border-color:#00AEEF55}.st.t-print .tr2 .ch u:nth-child(2){background:#FBE3F0;border-color:#D1007A44}.st.t-print .tr2 .ch u:nth-child(3){background:#FFFBD1;border-color:#C9B80044}
.st.t-print .tr2 em{color:var(--price)}
.st.t-print .qp em{color:var(--price)}
.st.t-print.m .prph{height:170px}
.st.t-print.m .prph~.qc{margin:-50px 0 0 24px}

/* =============== 29. events · Ivory Invitation =============== */
.t-events{--bg:#FBF8F3;--card:#FFFDF8;--tile:#F1E9DC;--acc:#2E3A2F;--acc2:#B08D57;--ink:#2E3A2F;--mut:#5E655D;--accInk:#FFFFFF;--price:#7F612F;--g1:#EADBC0;--g2:#FBF8F3;--g3:#E4E9DE;--grain:.06;--sbg:#2E3A2F;--sink:#EADBC0;--shc:#2E3A2F}
.st.t-events:not(.bg-light):not(.bg-dark){background:radial-gradient(80% 60% at 50% 0,#EADBC0,transparent 70%),var(--bg)}
.st.t-events .inv{position:relative;border:1px solid #B08D57;outline:1px solid #B08D57;outline-offset:-8px;padding:16px;background:var(--card);box-shadow:0 30px 60px -36px #2E3A2F88}
.st.t-events .inb{border:0;padding:18px 40px 40px}
.st.t-events .inb small{color:#7F612F}
.st.t-events .iph{position:relative;width:62%;height:270px;margin:16px auto 0;border-radius:999px 999px 4px 4px;overflow:hidden;background:var(--tile);box-shadow:0 0 0 1px #B08D57,0 0 0 7px var(--card),0 0 0 8px #B08D5766}
.st.t-events .wax6{position:absolute;left:50%;bottom:-28px;translate:-50% 0;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#F3D6B0;font:700 24px/1 var(--fh);background:radial-gradient(circle at 35% 30%,#A33241,#7A1F2B 60%,#5C1520);box-shadow:inset 0 0 0 5px #8A2433,inset 0 0 0 7px #6A1A25,0 8px 14px -6px #000a;z-index:3;text-shadow:0 1px 0 #4a0f18}
.st.t-events .cd span{border-color:#B08D57;background:#fff}
.st.t-events .cd b{color:#7F612F}
.st.t-events .inb .cta{background:var(--acc);color:#fff}
.st.t-events .prods{padding-top:64px}
.st.t-events .tc{border:1px solid #B08D5744;box-shadow:var(--sh);padding:14px 14px 22px}
.st.t-events .tc i{width:100%;height:auto;aspect-ratio:3/2;border-radius:4px;margin:8px 0 12px;background:var(--tile)}
.st.t-events .tc small{font:700 28px/1.3 var(--fh);letter-spacing:0;color:#7F612F;background:linear-gradient(100deg,#6E5225,#C9A86A 45%,#6E5225);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.st.t-events .tc em{color:var(--price)}
.st.t-events .film{gap:0;padding:34px 56px 0;position:relative}
.st.t-events .film span{position:relative;border:0;border-block:18px solid #1E1E1E;box-shadow:none;background:#2a2a2a;font-size:36px;overflow:hidden}
.st.t-events .film span::before,.st.t-events .film span::after{content:"";position:absolute;left:0;right:0;height:8px;z-index:2;background:radial-gradient(circle,#FBF8F3 0 2.5px,transparent 3px) 0 0/14px 8px repeat-x}
.st.t-events .film span::before{top:-13px}.st.t-events .film span::after{bottom:-13px}
.st.t-events .film span+span{border-inline-start:4px solid #1E1E1E}
.st.t-events.m .iph{width:78%;height:170px}
.st.t-events.m .inb{padding:14px 12px 30px}
.st.t-events.m .tc small{font-size:22px}
.st.t-events.m .film{padding:24px 16px 0}.st.t-events.m .film span{border-block-width:12px;font-size:20px}
.st.t-events.m .film span::before{top:-10px;height:6px;background-size:10px 6px}.st.t-events.m .film span::after{bottom:-10px;height:6px;background-size:10px 6px}

/* =============== 30. b2b · Warehouse Ledger =============== */
.t-b2b{--bg:#F3F5F8;--card:#FFFFFF;--tile:#E4E9F0;--acc:#F28C28;--acc2:#1F3A5F;--ink:#172B45;--mut:#4F5E70;--accInk:#172B45;--price:#A85A00;--g1:#1F3A5F;--g2:#2C5282;--g3:#F3F5F8;--ov:23,43,69;--ov-a:.78;--hero-ink:#FFFFFF;--sbg:#fff;--sink:#172B45;--shc:#172B45;--hop:50% 50%}
.st.t-b2b:not(.bg-light):not(.bg-dark){background:var(--bg)}
.st.t-b2b.fbh .st-hero{min-height:520px;color:#fff}
.st.t-b2b.fbh .tx>small{color:#fff}
.st.t-b2b .kp{position:relative;z-index:1}
.st.t-b2b .kp div{border:0;border-inline-start:3px solid var(--acc);border-radius:10px;box-shadow:0 20px 40px -24px #000}
.st.t-b2b .kp b{font-variant-numeric:tabular-nums;color:#A85A00}
.st.t-b2b .pal6{position:absolute;left:56px;top:34px;z-index:2;background:#F5E7CF;color:#172B45;border:2px solid #172B45;padding:6px 14px 4px;rotate:-3deg;font:800 14px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.2em;display:flex;flex-direction:column;gap:5px}
.st.t-b2b .pal6 i{display:block;height:16px;width:110px;background:repeating-linear-gradient(90deg,#172B45 0 2px,transparent 2px 3px,#172B45 3px 4px,transparent 4px 7px)}
.st.t-b2b .prods{background:repeating-linear-gradient(180deg,transparent 0 35px,#1F3A5F0D 35px 36px)}
.st.t-b2b .sb{box-shadow:var(--sh);border:0}
.st.t-b2b .tw{grid-template-columns:76px 2fr repeat(3,1fr) 124px;border:0;box-shadow:var(--sh)}
.st.t-b2b .grid>.tw:nth-child(even){background:#F8FAFC}
.st.t-b2b .tw i{width:76px;height:76px;border-radius:2px;border:3px solid #C99A5B;box-shadow:inset 0 0 0 1px #E6C28F;background:linear-gradient(#C99A5B,#C99A5B) 0 33%/100% 2px no-repeat,linear-gradient(#C99A5B,#C99A5B) 0 66%/100% 2px no-repeat,#F2DDBB}
.st.t-b2b .tw .moq{background:#F28C28;color:#172B45;font-weight:800;letter-spacing:.02em}
.st.t-b2b .tw .nm::after{content:"";display:block;width:64px;height:12px;margin-top:4px;background:repeating-linear-gradient(90deg,#172B45 0 2px,transparent 2px 3px,#172B45 3px 4px,transparent 4px 7px);opacity:.7}
.st.t-b2b .tw .tp3{color:var(--ink)}
.st.t-b2b.m.fbh .st-hero{grid-template-columns:minmax(0,1fr);padding-top:120px}
.st.t-b2b.m .pal6{left:16px;top:18px;font-size:11px}.st.t-b2b.m .pal6 i{width:80px;height:12px}
.st.t-b2b.m .tw{grid-template-columns:52px repeat(3,minmax(0,1fr))}
.st.t-b2b.m .tw i{width:52px;height:52px}

/* =============== 31. pets · Paw Park =============== */
.t-pets{--bg:#FFF8E7;--card:#FFFFFF;--tile:#FFE9C7;--acc:#BF5512;--acc2:#3D405B;--ink:#3D405B;--mut:#5F6178;--accInk:#FFFFFF;--price:#B4500F;--g1:#FFD9A8;--g2:#FFF8E7;--g3:#D9F0E6;--sbg:#3D405B;--sink:#FFF8E7;--shc:#3D405B}
.st.t-pets:not(.bg-light):not(.bg-dark){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cg fill='%233D405B' fill-opacity='.06'%3E%3Cellipse cx='24' cy='30' rx='8' ry='7'/%3E%3Ccircle cx='15' cy='19' r='3'/%3E%3Ccircle cx='21' cy='15' r='3'/%3E%3Ccircle cx='28' cy='15' r='3'/%3E%3Ccircle cx='34' cy='19' r='3'/%3E%3Cellipse cx='66' cy='72' rx='8' ry='7'/%3E%3Ccircle cx='57' cy='61' r='3'/%3E%3Ccircle cx='63' cy='57' r='3'/%3E%3Ccircle cx='70' cy='57' r='3'/%3E%3Ccircle cx='76' cy='61' r='3'/%3E%3C/g%3E%3C/svg%3E") 0 0/90px 90px,var(--bg)}
.st.t-pets .cta{background:var(--acc);color:#fff;box-shadow:0 7px 0 #7E370A}
.st.t-pets .pkw{position:relative}
.st.t-pets .pbl{position:relative;height:360px;margin:0 40px;border-radius:58% 42% 55% 45%/48% 52% 48% 52%;overflow:hidden;background:var(--tile);box-shadow:-24px 18px 0 0 #D9F0E6}
.st.t-pets .pbl~.pkr{margin:-70px 0 0;position:relative;z-index:1;padding:16px}
.st.t-pets .pbl~.pkr .pk4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.st.t-pets .pbl~.pkr .pk4 span{aspect-ratio:auto;border-radius:999px;padding:6px 4px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px}
.st.t-pets .pbl~.pkr .pk4 i{font-size:20px}
.st.t-pets .pbl~.pkr>b{margin-bottom:10px}
.st.t-pets .pbl~.pkr .paws{display:none}
.st.t-pets .pk4 span.on{background:var(--acc);color:#fff}
.st.t-pets .wag6{position:absolute;left:52px;top:46px;width:70px;height:70px;border-radius:50%;background:#FFD9A8;color:#fff;display:grid;place-items:center;font-size:30px;z-index:2;transform-origin:50% 90%;animation:wag6 1.6s ease-in-out infinite;box-shadow:0 0 0 5px #FFF8E7}
@keyframes wag6{0%,100%{rotate:-6deg}50%{rotate:6deg}}
.st.t-pets .vet{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='60'%3E%3Cg fill='%2310281D' fill-opacity='.12'%3E%3Cellipse cx='20' cy='40' rx='6' ry='5'/%3E%3Ccircle cx='14' cy='32' r='2.2'/%3E%3Ccircle cx='19' cy='29' r='2.2'/%3E%3Ccircle cx='25' cy='30' r='2.2'/%3E%3Cellipse cx='80' cy='22' rx='6' ry='5'/%3E%3Ccircle cx='74' cy='14' r='2.2'/%3E%3Ccircle cx='79' cy='11' r='2.2'/%3E%3Ccircle cx='85' cy='12' r='2.2'/%3E%3Cellipse cx='140' cy='40' rx='6' ry='5'/%3E%3Ccircle cx='134' cy='32' r='2.2'/%3E%3Ccircle cx='139' cy='29' r='2.2'/%3E%3Ccircle cx='145' cy='30' r='2.2'/%3E%3Cellipse cx='200' cy='22' rx='6' ry='5'/%3E%3Ccircle cx='194' cy='14' r='2.2'/%3E%3Ccircle cx='199' cy='11' r='2.2'/%3E%3Ccircle cx='205' cy='12' r='2.2'/%3E%3C/g%3E%3C/svg%3E") 0 50%/240px 60px repeat-x,#81B29A}
.st.t-pets .bl{border:0;box-shadow:var(--sh);border-radius:24px}
.st.t-pets .bl i{background:var(--tile)}
.st.t-pets .bl:nth-child(4n+1) i{border-radius:58% 42% 55% 45%/48% 52% 48% 52%}
.st.t-pets .bl:nth-child(4n+2) i{border-radius:42% 58% 45% 55%/55% 45% 55% 45%;background:#D9F0E6}
.st.t-pets .bl:nth-child(4n+3) i{border-radius:50% 50% 42% 58%/60% 40% 60% 40%}
.st.t-pets .bl:nth-child(4n) i{border-radius:62% 38% 50% 50%/45% 55% 45% 55%;background:#D9F0E6}
.st.t-pets .bl em{color:var(--price)}
.st.t-pets.m .pbl{height:220px;margin:0 22px}
.st.t-pets.m .pbl~.pkr{margin-top:-46px;padding:12px}
.st.t-pets.m .pbl~.pkr .pk4{grid-template-columns:repeat(2,minmax(0,1fr))}
.st.t-pets.m .wag6{width:50px;height:50px;font-size:22px;left:24px;top:auto;bottom:150px}

/* =============== 32. homefood · Mama's Kitchen =============== */
.t-homefood{--bg:#FFF3E0;--card:#FFFBF4;--tile:#FBE3C2;--acc:#B83224;--acc2:#F2B134;--ink:#4E342E;--mut:#6F534A;--accInk:#FFFFFF;--price:#A82C1F;--g1:#FFD9A0;--g2:#FFF3E0;--g3:#F7CBB5;--sbg:#B83224;--sink:#fff;--shc:#4E342E}
.st.t-homefood:not(.bg-light):not(.bg-dark){background:var(--bg)}
.st.t-homefood .st-hero{position:relative;background:linear-gradient(90deg,#B8322422 50%,transparent 0) 0 0/28px 28px,linear-gradient(#B8322422 50%,transparent 0) 0 0/28px 28px,#FFF3E0}
.st.t-homefood .st-hero .tx{background:#FFF3E0eb;padding:22px 26px;border-radius:20px;box-shadow:0 20px 40px -30px #4E342E}
.st.t-homefood.ph6 .hn .plate{position:relative;overflow:hidden;width:340px;height:340px;border:12px solid #fff;box-shadow:inset 0 0 0 1px #0000001a,0 0 0 1px #E8D6C2,0 30px 50px -20px #4E342E88}
.st.t-homefood.ph6 .hn .plate img{border-radius:50%}
.st.t-homefood .stc6{position:absolute;left:calc(25% - 40px);top:14px;width:80px;height:80px;fill:none;stroke:#F2B134;stroke-width:7;stroke-linecap:round;z-index:2}
.st.t-homefood .wk span{border-radius:12px 12px 0 0;border:1px solid #B8322444;border-bottom:3px solid #B83224;background:var(--card)}
.st.t-homefood .wk .on{background:var(--acc);color:#fff}
.st.t-homefood .dy{position:relative;border:0;border-radius:14px;box-shadow:var(--sh);padding:12px 12px 16px;background:var(--card)}
.st.t-homefood .dy i{aspect-ratio:4/3;border-radius:10px;background:var(--tile)}
.st.t-homefood .dy .dn{position:absolute;top:2px;right:18px;z-index:4;background:#F2B134cc;color:#4E342E;border-radius:0;padding:4px 18px;rotate:-4deg;font-weight:800;clip-path:polygon(0 8%,6% 0,12% 10%,20% 0,30% 8%,40% 0,50% 10%,60% 0,70% 8%,80% 0,90% 10%,100% 2%,100% 92%,94% 100%,86% 90%,76% 100%,66% 92%,56% 100%,46% 90%,36% 100%,26% 92%,16% 100%,6% 92%,0 100%)}
.st.t-homefood .dy em{font:700 22px/1.3 var(--fh);color:var(--price)}
.st.t-homefood .dy small{color:#A82C1F}
.st.t-homefood.m.ph6 .hn .plate{width:200px;height:200px;border-width:8px}
.st.t-homefood.m .stc6{left:calc(50% - 30px);top:-4px;width:56px;height:56px}
.st.t-homefood.m .st-hero .tx{padding:14px 14px}

/* =============== 35. factory · Production Line =============== */
.t-factory{--bg:#0D1B2A;--card:#13263A;--tile:#1A3149;--acc:#FFC400;--acc2:#8FB8DE;--ink:#EAF2FA;--mut:#A9BDD2;--accInk:#0D1B2A;--price:#FFC400;--g1:#1B3A5C;--g2:#13263A;--g3:#0D1B2A;--ov:13,27,42;--ov-a:.78;--hero-ink:#FFFFFF;--sbg:#FFC400;--sink:#0D1B2A;--shc:#000}
.st.t-factory:not(.bg-light):not(.bg-dark){background:linear-gradient(#8FB8DE1F 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,#8FB8DE1F 1px,transparent 1px) 0 0/64px 64px,linear-gradient(#8FB8DE0D 1px,transparent 1px) 0 0/16px 16px,linear-gradient(90deg,#8FB8DE0D 1px,transparent 1px) 0 0/16px 16px,radial-gradient(70% 60% at 85% 0,#1B3A5C,transparent 70%),var(--bg)}
.st.t-factory.ph6 .fc-bp{height:380px;border:1px solid #8FB8DE66;background:#13263A}
.st.t-factory.ph6 .fc-bp img{filter:grayscale(1) contrast(1.15) sepia(.35) hue-rotate(175deg) saturate(1.8) brightness(.9)}
.st.t-factory.ph6 .fc-bp::before,.st.t-factory.ph6 .fc-bp::after{z-index:3}
.st.t-factory.ph6 .fc-bp :is(.fc-fac,em){display:none}
.st.t-factory.ph6 .fc-bp .fc-lb,.st.t-factory.ph6 .fc-bp .fc-dm{z-index:3}
.st.t-factory.ph6 .fc-bp .fc-lb{background:#0D1B2Acc;color:#CFE2F4;border-color:#8FB8DE}
.st.t-factory.ph6 .fc-bp .fc-dm{background:#CFE2F4}
.st.t-factory .fc-bp>img.ph{z-index:0}
.st.t-factory .cal6{position:absolute;left:34%;top:36%;z-index:3;width:34px;height:34px;border-radius:50%;border:2px solid #CFE2F4;color:#fff;background:#0D1B2Acc;display:grid;place-items:center;font:800 14px/1 var(--fb)}
.st.t-factory .cal6::after{content:"";position:absolute;left:100%;top:50%;width:60px;height:2px;background:#CFE2F4;rotate:20deg;transform-origin:0 50%}
.st.t-factory .cal6.b{left:auto;right:16%;top:auto;bottom:24%}
.st.t-factory .cal6.b::after{left:auto;right:100%;transform-origin:100% 50%;rotate:-25deg}
.st.t-factory .fc-st div{box-shadow:0 20px 40px -24px #000}
.st.t-factory .strip{border-top:10px solid transparent;border-image:repeating-linear-gradient(-45deg,#FFC400 0 14px,#0D1B2A 14px 28px) 10;border-bottom:0;border-left:0;border-right:0}
.st.t-factory .fc-pl{box-shadow:0 24px 40px -26px #000}
.st.t-factory .fc-pl>i{aspect-ratio:4/3;height:auto;width:100%;align-self:start;background:var(--tile);overflow:hidden}
.st.t-factory .fc-pl>i::after{content:"";position:absolute;inset:4px;z-index:2;pointer-events:none;background:linear-gradient(#8FB8DE,#8FB8DE) 0 0/14px 2px,linear-gradient(#8FB8DE,#8FB8DE) 0 0/2px 14px,linear-gradient(#8FB8DE,#8FB8DE) 100% 0/14px 2px,linear-gradient(#8FB8DE,#8FB8DE) 100% 0/2px 14px,linear-gradient(#8FB8DE,#8FB8DE) 0 100%/14px 2px,linear-gradient(#8FB8DE,#8FB8DE) 0 100%/2px 14px,linear-gradient(#8FB8DE,#8FB8DE) 100% 100%/14px 2px,linear-gradient(#8FB8DE,#8FB8DE) 100% 100%/2px 14px;background-repeat:no-repeat}
.st.t-factory .fc-pl{grid-template-columns:150px minmax(0,1fr)}
.st.t-factory .fc-sp dd{font-variant-numeric:tabular-nums}
.st.t-factory.m.ph6 .fc-bp{height:220px}
.st.t-factory.m .fc-pl{grid-template-columns:96px minmax(0,1fr)}
.st.t-factory.m .cal6{width:26px;height:26px;font-size:11px}.st.t-factory.m .cal6::after{width:36px}

/* =============== 36. trade · Global Route =============== */
.t-trade{--bg:#EEF4FB;--card:#FFFFFF;--tile:#DCE8F5;--acc:#0A7D6B;--acc2:#13C4A3;--ink:#0B2545;--mut:#4A5D75;--accInk:#FFFFFF;--price:#08705F;--g1:#0B2545;--g2:#13406E;--g3:#13C4A3;--ov:11,37,69;--ov-a:.78;--hero-ink:#FFFFFF;--sbg:#0B2545;--sink:#fff;--shc:#0B2545}
.st.t-trade:not(.bg-light):not(.bg-dark){background:var(--bg)}
.st.t-trade .td-hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.07' stroke-width='.6'%3E%3Ccircle cx='50' cy='50' r='40'/%3E%3Ccircle cx='50' cy='50' r='30'/%3E%3Cpath d='M50 4v92M4 50h92M50 10l6 40-6 40-6-40z'/%3E%3C/g%3E%3C/svg%3E") 4% 50%/300px no-repeat,linear-gradient(160deg,#0B2545,#13406E)}
.st.t-trade.ph6 .td-map{background:#0B2545;border:1px solid #ffffff33;box-shadow:0 30px 60px -30px #000}
.st.t-trade .td-map>img.ph{filter:saturate(.9)}
.st.t-trade.ph6 .td-map::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,37,69,.55),rgba(11,37,69,.35) 50%,rgba(11,37,69,.6)),radial-gradient(circle,rgba(255,255,255,.18) 1.2px,transparent 1.6px) 0 0/15px 15px}
.st.t-trade.ph6 .td-map>:not(img){z-index:2}
.st.t-trade.ph6 .td-map svg{z-index:2}
.st.t-trade.ph6 .td-map :is(.td-gl,.td-sh,.td-bx){display:none}
.st.t-trade .td-map path{stroke-width:3;animation:arc6 5s linear infinite}
@keyframes arc6{to{stroke-dashoffset:-120}}
.st.t-trade .td-tabs .on{background:#0B2545}
.st.t-trade .td-hero .tx>small{color:#5EEBD0}
.st.t-trade .prods{position:relative;isolation:isolate}
.st.t-trade .prods::before{content:"";position:absolute;inset:60px 30px 0;z-index:-1;background:radial-gradient(#0B2545 1.2px,transparent 1.6px) 0 0/12px 12px;opacity:.07;-webkit-mask:radial-gradient(22% 28% at 20% 30%,#000 60%,transparent 62%),radial-gradient(14% 30% at 30% 72%,#000 60%,transparent 62%),radial-gradient(26% 22% at 62% 28%,#000 60%,transparent 62%),radial-gradient(12% 20% at 56% 62%,#000 60%,transparent 62%),radial-gradient(12% 12% at 84% 74%,#000 60%,transparent 62%);mask:radial-gradient(22% 28% at 20% 30%,#000 60%,transparent 62%),radial-gradient(14% 30% at 30% 72%,#000 60%,transparent 62%),radial-gradient(26% 22% at 62% 28%,#000 60%,transparent 62%),radial-gradient(12% 20% at 56% 62%,#000 60%,transparent 62%),radial-gradient(12% 12% at 84% 74%,#000 60%,transparent 62%)}
.st.t-trade .td-ln{--cc:#0A7D6B;position:relative;padding-top:30px;overflow:hidden;border:0;box-shadow:var(--sh);grid-template-columns:120px minmax(0,1fr)}
.st.t-trade .td-ln:nth-child(4n+2){--cc:#C2410C}.st.t-trade .td-ln:nth-child(4n+3){--cc:#1D4ED8}.st.t-trade .td-ln:nth-child(4n){--cc:#A16207}
.st.t-trade .td-ln::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:repeating-linear-gradient(90deg,var(--cc) 0 6px,color-mix(in srgb,var(--cc) 80%,#000) 6px 9px)}
.st.t-trade .td-ln>i{height:auto;aspect-ratio:4/3;background:var(--tile)}
.st.t-trade .td-ln .tag{top:20px}
.st.t-trade .td-ln em{color:var(--price)}
.st.t-trade .td-q{background:#0B2545}
.st.t-trade.m .td-ln{grid-template-columns:84px minmax(0,1fr);padding-top:24px}
.st.t-trade.m .td-ln b{padding-top:8px}

/* =============== 37. agri · From the Farm =============== */
.t-agri{--bg:#F4F8EC;--card:#FFFFFF;--tile:#E2EED2;--acc:#2E7D32;--acc2:#E8A33D;--ink:#22331A;--mut:#4F5F45;--accInk:#FFFFFF;--price:#2A722E;--g1:#CFE8B5;--g2:#F4F8EC;--g3:#FFF1D6;--ov:34,51,26;--ov-a:.74;--hero-ink:#FFFFFF;--sbg:#2E7D32;--sink:#fff;--shc:#22331A;--hop:50% 40%}
.st.t-agri:not(.bg-light):not(.bg-dark){background:radial-gradient(60% 40% at 80% 0,#CFE8B5,transparent 70%),radial-gradient(50% 40% at 0 100%,#FFF1D6,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%232E7D32' stroke-opacity='.08' stroke-width='1'%3E%3Cpath d='M10 30C10 16 22 8 30 8c0 12-8 22-20 22zM10 30L28 10'/%3E%3Cpath d='M40 58c0-12 10-20 18-20 0 10-8 20-18 20zM40 58l16-18'/%3E%3C/g%3E%3C/svg%3E") 0 0/64px 64px,var(--bg)}
.st.t-agri.fbh .ag-hero{min-height:600px;color:#fff;padding-bottom:40px}
.st.t-agri.fbh .ag-hero .h{color:#fff}
.st.t-agri.fbh .ag-hero .tx>small{color:#fff}
.st.t-agri.fbh .ag-sc{visibility:hidden;height:300px}
.st.t-agri.fbh .ag-st{position:relative;z-index:2}
.st.t-agri.fbh .ag-st div{border:0;box-shadow:0 20px 40px -20px #22331A99;background:#ffffffeb;color:var(--ink)}
.st.t-agri.fbh .ag-st .nt{background:rgba(34,51,26,.8);color:#fff;opacity:1;justify-self:start;padding:3px 12px;border-radius:999px}
.st.t-agri .fur6{position:absolute;left:0;right:0;bottom:0;width:100%;height:90px;fill:none;stroke:#5A3E1B;stroke-opacity:.35;stroke-width:2;z-index:1}
.st.t-agri .cta{box-shadow:0 10px 24px -10px #000}
.st.t-agri .ag-tabs span{border:0;color:#22331A}
.st.t-agri .ag-tabs span:nth-child(1){background:#2E7D32;color:#fff}.st.t-agri .ag-tabs span:nth-child(2){background:#CFE8B5}.st.t-agri .ag-tabs span:nth-child(3){background:#F6D9A0}.st.t-agri .ag-tabs span:nth-child(4){background:#F2B88A}
.st.t-agri .ag-cp{border:0;box-shadow:var(--sh)}
.st.t-agri .ag-cp>i{width:150px;height:150px;border-radius:60% 0 60% 0;background:var(--tile);position:relative}
.st.t-agri .ag-cp:nth-child(even)>i{border-radius:0 60% 0 60%}
.st.t-agri .ag-cp>i::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 30% 20%,#fff 0 3px,#ffffff66 4px,transparent 7px),radial-gradient(circle at 46% 12%,#fff 0 2px,#ffffff55 3px,transparent 5px),radial-gradient(circle at 70% 26%,#fff 0 2.5px,#ffffff55 3.5px,transparent 6px)}
.st.t-agri .ag-ss{background:#E8A33D;color:#22331A}
.st.t-agri .ag-rq{background:var(--acc)}
.st.t-agri.m.fbh .ag-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:24px}
.st.t-agri.m.fbh .ag-sc{height:170px;order:-1}
.st.t-agri.m .ag-cp>i{width:100px;height:100px}
.st.t-agri.m .fur6{height:50px}

/* ---- reduced motion: no transforms, no animated signatures ---- */
@media (prefers-reduced-motion:reduce){
  .st .s6,.st .s6 *,.st.enter *,.st .hl6 img,.st .pd small::after,.st.t-pharma .st-hero .h::after{animation:none!important}
  .st .grid>*,.st .grid>*:hover{translate:none!important;transition:none!important}
  .st .grid>*:hover img.ph{scale:none!important}
  .st.t-flowers .pt6,.st.t-laundry .bb6,.st.t-tech .scan6{display:none}
}

/* fix 2026-10-10: resort mobile hero paragraph was clipped at the left edge */
.st.t-resort.m .rh .tx{max-width:358px}.st.t-resort.m .rh .tx p:where(:not(.h)){max-width:100%;white-space:normal;overflow-wrap:anywhere;margin-inline:0}

/* ---- round 7 (2026-10-10): polish tech / carrent / coffee / print / events ---- */
/* tech: real-colour electric-blue photo (img/styles/tech2/) instead of the murky grey duotone; navy scrim only behind the copy, cyan + blue neon glow on the product side */
.st.t-tech .hl6{background:#0A1440}
.st.t-tech .hl6 img{filter:saturate(1.18) brightness(1.05) contrast(1.05)}
.st.t-tech .hl6::before{background:radial-gradient(34% 52% at 22% 50%,#7CF3FF38,transparent 72%),radial-gradient(28% 40% at 4% 8%,#5B8CFF66,transparent 70%),linear-gradient(0deg,#7CF3FF26,transparent 30%);mix-blend-mode:screen;opacity:1}
.st.t-tech .hl6::after{background:linear-gradient(270deg,rgba(5,8,24,.88) 0 30%,rgba(7,12,40,.62) 50%,rgba(10,20,64,.12) 74%,transparent)}
.st.t-tech.m .hl6::after{background:linear-gradient(180deg,rgba(5,8,24,.30),rgba(5,8,24,.04) 20%,rgba(5,8,24,.10) 36%,rgba(5,8,24,.80) 54%,rgba(5,8,24,.90) 66% 100%)}
.st.t-tech.m .st-hero{--hop:30% 50%}
.st.t-tech.fbh .st-hero .h{text-shadow:0 0 28px #5B8CFF66,0 2px 10px rgba(5,8,24,.55)}
.st.t-tech.fbh .st-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:1;background:linear-gradient(90deg,transparent,#7CF3FF 30%,#5B8CFF 70%,transparent);box-shadow:0 0 14px #7CF3FF,0 0 30px #5B8CFF}

/* coffee: the hero cup has its own top-down latte photo (coffee2/cup.webp), so p2 is only used by the menu card */
.st.t-coffee .cup6 img{object-position:50% 50%;scale:1.04}

/* carrent (mobile): no empty sky above the headline. The hidden .art row is removed, the photo is zoomed so the
   car fills the top band edge to edge, and the copy + booking bar sit directly under it */
.st.t-carrent.m.fbh .st-hero{min-height:0;padding-top:220px}
.st.t-carrent.m.fbh .st-hero .art{display:none}
.st.t-carrent.m .hl6 img{inset:auto;top:0;left:-64.6%;width:235%;height:auto;max-width:none;margin-top:-25%;-webkit-mask:linear-gradient(#000 80%,transparent);mask:linear-gradient(#000 80%,transparent)}
.st.t-carrent.m .hl6::after{background:linear-gradient(180deg,rgba(15,18,21,.50),rgba(15,18,21,.06) 16%,rgba(15,18,21,.04) 34%,rgba(15,18,21,.80) 50%,rgba(15,18,21,.92) 62% 100%)}
.st.t-carrent.m .hl6::before{height:26%}

/* print (mobile): registration marks get their own gutter, never touching the tagline or the calculator */
.st.t-print.m .st-hero{padding-top:50px;padding-bottom:54px}
.st.t-print.m .rg{font-size:22px}
.st.t-print.m .rg.r1,.st.t-print.m .rg.r2{top:12px}
.st.t-print.m .rg.r3,.st.t-print.m .rg.r4{bottom:12px}

/* events: gold-foil tier names darker + heavier (lightest foil stop #8A6A30 = 4.9:1 on the card), foil sheen kept */
.st.t-events .tc small{background:linear-gradient(100deg,#5A4118,#8A6A30 45%,#5A4118);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.6px #5A4118;filter:drop-shadow(0 1px 0 #fff);width:fit-content;max-width:100%;margin-inline:auto}
.st.t-events.bg-dark .tc small{background:linear-gradient(100deg,#E2C68C,#F8E9C4 45%,#E2C68C);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0;filter:none}

/* ===================== ROUND 8 (2026-10-10): «جرّب شكل تاني ✨» — looks 1-2 per main type =====================
   The store root gets .lk .lk-<key><v> .lkh-<hero> .lkc-<card> instead of .t-<key>, so none of the type's own
   rules apply. Tokens live on the single .lk-<key><v> class so .st.bg-light / .st.bg-dark still win.
   Text never sits on a photo: heroes put copy on solid panes/slabs/page, badges have solid fills. */

/* ---- controls: style name + look button above the preview, and in step 2 ---- */
.lkbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin:0 auto 12px;max-width:100%}
.lkt{margin:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-weight:700;font-size:15px;min-width:0}
.lkt small{color:var(--soft);font-weight:500;font-size:13px}
.lkb{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,214,102,.55);background:linear-gradient(135deg,rgba(255,214,102,.18),rgba(61,123,255,.18));color:#fff;font:700 14px "Alexandria",sans-serif;cursor:pointer;white-space:nowrap}
.lkb:hover{border-color:#FFD666}
.lkb:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.lkrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.lkrow .f{margin:0;flex:1 1 160px;font-weight:500}
.lkrow .f b{font-weight:700}
.lkrow .lkl{flex:1 0 100%;color:var(--soft);font-size:13px}
@media (max-width:760px){
  .lkbar{position:absolute;inset-inline-end:8px;top:8px;z-index:6;flex-direction:column;align-items:stretch;gap:3px;margin:0;width:118px;padding:4px;border-radius:14px;background:rgba(6,14,38,.85)}
  .lkt{display:block;text-align:center}
  .lkt>span{display:none}
  .lkt small{display:block;font-size:10.5px;line-height:1.35;color:#C9D4F2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lkbar .lkb{white-space:normal;line-height:1.3;padding:4px 8px;font-size:12px;min-height:44px;border-radius:12px}
}

/* ---- shared store chrome ---- */
.lk{--r:14px;--rl:26px;--kick:var(--price);--pane:var(--card);--paneInk:var(--ink);--slab:var(--acc);--slabInk:var(--accInk);--sh:0 1px 2px color-mix(in srgb,var(--shc,#000) 12%,transparent),0 22px 44px -22px color-mix(in srgb,var(--shc,#000) 45%,transparent)}
.st.lk .st-nav{background:var(--navbg,transparent)}
.st.lk .st-nav nav{opacity:1;color:var(--mut)}
.st.lk .st-hero{position:relative;isolation:isolate}
.st.lk .st-hero small{color:var(--kick);font-size:14px;letter-spacing:.02em}
.st.lk .st-hero .h{font:800 56px/1.15 var(--fh);margin:10px 0 14px;color:inherit}
.st.lk .st-hero p:where(:not(.h)){opacity:1;color:var(--mut);font-size:18px;max-width:500px}
.lk-ph{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--tile);font-size:96px;line-height:1;font-style:normal}
.st.lk .lk-ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st.lk.m .st-hero .h{font-size:31px;margin:6px 0 8px}
.st.lk.m .st-hero p:where(:not(.h)){font-size:14px;margin-bottom:14px}
.st.m .lk-ph{font-size:60px}
.st.lk .lk-sg{position:absolute;pointer-events:none}
.st.lk .ins{opacity:1;color:var(--mut)}
/* widget card inside the hero */
.st.lk .lk-w{background:var(--card);color:var(--ink);border:1px solid var(--ln);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh);font-size:14px;line-height:1.45;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;max-width:460px}
.st.lk .lk-w small{color:var(--mut);font-size:12px;letter-spacing:0}
.st.lk .lk-w u{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:4px 10px;border-radius:999px;border:1px solid var(--ln);font-weight:700;font-size:13px}
.st.lk .lk-w u.on{background:var(--acc);color:var(--accInk);border-color:var(--acc)}
.st.lk .lk-w em{font-style:normal;font-weight:800;color:var(--price)}
.lk-wst span{display:flex;flex-direction:column;min-width:90px;font-size:12.5px;color:var(--mut)}
.lk-wst b{font:800 26px/1.15 var(--fh);color:var(--ink)}
.lk-wst small{flex-basis:100%}
.lk-wrt span{display:flex;align-items:center;gap:6px;font-weight:700}.lk-wrt b{font-size:18px}
.lk-wrt i{flex:1 1 18px;min-width:18px;height:0;border-top:2px dashed var(--price)}
.lk-wrt small{flex-basis:100%;font-weight:700}
.lk-wsz span{display:flex;gap:6px;flex-wrap:wrap}
.lk-wsz small{flex-basis:100%}
.lk-dt i{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 1px var(--ln)}
.lk-wdoc .lk-av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--tile);font-size:24px}
.lk-wdoc .lk-dn{display:flex;flex-direction:column;flex:1 1 150px}.lk-wdoc .lk-dn b{font-size:15px}
.lk-wdoc .lk-sl{display:flex;gap:6px}
.lk-wor span{display:flex;flex-direction:column;flex:1 1 140px}.lk-wor small{flex-basis:100%}
.st.lk .lk-wor u{background:var(--acc);color:var(--accInk);border-color:var(--acc)}
.lk-wrs span{display:flex;gap:6px}
.lk-wsp{flex-direction:column;align-items:flex-start}.lk-wsp code{font:600 13px/1.4 ui-monospace,Consolas,monospace;color:var(--mut)}
.lk-wtk span{display:flex;align-items:center;gap:10px;font-size:18px}.lk-wtk i{font-style:normal;color:var(--price)}
.lk-wsr span{display:flex;flex-direction:column;font-weight:700;flex:1 1 90px}
.st.lk .lk-wsr u{background:var(--acc);color:var(--accInk);border-color:var(--acc);padding:8px 18px}
.st.lk.m .lk-w{padding:11px 12px;font-size:12.5px;gap:6px 10px}
.st.lk.m .lk-wst span{min-width:0;flex:1 1 30%;font-size:11px}.st.lk.m .lk-wst b{font-size:19px}
/* closing call-to-action band */
.st.lk .lk-end{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:48px 56px 0;padding:26px 32px;border-radius:var(--rl);background:var(--endbg,var(--card));color:var(--endInk,var(--ink));border:1px solid var(--ln)}
.st.lk .lk-end div{display:flex;flex-direction:column;min-width:0}
.st.lk .lk-end small{color:var(--endMut,var(--mut));font-weight:700}
.st.lk .lk-end b{font:800 30px/1.25 var(--fh);overflow-wrap:anywhere}
.st.lk .lk-end u{text-decoration:none;flex:none;background:var(--acc);color:var(--accInk);padding:13px 26px;border-radius:var(--r);font-weight:700}
.st.lk.m .lk-end{margin:28px 16px 0;padding:18px;flex-direction:column;align-items:stretch;text-align:center}
.st.lk.m .lk-end b{font-size:22px}
/* marquee strip (split heroes) */
.st.lk .lk-marq{overflow:hidden;display:block;padding:0}
.st.lk .lk-marq>div{display:inline-flex;gap:40px;padding:15px 0;white-space:nowrap;animation:lkmq 38s linear infinite}
@keyframes lkmq{to{transform:translateX(33.333%)}}
.st.lk.m .lk-marq>div{gap:22px;padding:11px 0}

/* ---- hero: band (wide photo with crop marks, copy + widget on the page below) ---- */
.lkh-band .st-hero{display:block;padding:30px 56px 0}
.lk-bandph{position:relative;height:350px;border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh)}
.lk-bandph>.lk-ph{position:absolute;inset:0}
.lk-cm{position:absolute;width:28px;height:28px;border:0 solid var(--cm,#fff);z-index:2}
.lk-cm.a{top:16px;right:16px;border-top-width:3px;border-right-width:3px}.lk-cm.b{top:16px;left:16px;border-top-width:3px;border-left-width:3px}
.lk-cm.c{bottom:16px;right:16px;border-bottom-width:3px;border-right-width:3px}.lk-cm.d{bottom:16px;left:16px;border-bottom-width:3px;border-left-width:3px}
.lk-bandin{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:end;padding:30px 0 8px}
.lk-bandin .lk-w{justify-self:end}
.st.m.lkh-band .st-hero{padding:14px 16px 0}
.st.m .lk-bandph{height:205px;border-radius:calc(var(--rl)*.7)}
.st.m .lk-cm{width:18px;height:18px}
.st.m .lk-bandin{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 0 4px}
.st.m .lk-bandin .lk-w{justify-self:stretch}

/* ---- hero: slab (photo full-bleed, copy on a solid slanted slab) ---- */
.lkh-slab .st-hero{align-items:stretch;display:grid;grid-template-columns:minmax(0,54%) 1fr;min-height:560px;padding:0;overflow:hidden;gap:0}
.lk-bg{position:absolute;inset:0;z-index:-2}.lk-bg>.lk-ph{position:absolute;inset:0}
.lk-slab{position:relative;overflow:hidden;background:var(--slab);color:var(--slabInk);padding:70px 56px 60px 110px;clip-path:polygon(0 0,100% 0,100% 100%,16% 100%);display:flex;align-items:center}
.st.lk .lk-slab .lk-tx small,.st.lk .lk-slab .lk-tx p:where(:not(.h)){color:var(--slabInk)}
.st.lk .lk-slab .cta{background:var(--slabInk);color:var(--slab)}
.lk-slab .lk-tx{position:relative;z-index:1}
.lk-ghost{position:absolute;bottom:-34px;left:60px;font:800 190px/1 var(--fh);color:transparent;-webkit-text-stroke:2px var(--slabInk);opacity:.16;white-space:nowrap;z-index:0}
.lkh-slab .st-hero>.lk-w{position:absolute;left:40px;bottom:40px;max-width:380px}
.st.m.lkh-slab .st-hero{display:flex;flex-direction:column;min-height:0}
.st.m .lk-bg{position:relative;inset:auto;height:240px;z-index:0}
.st.m .lk-slab{margin-top:-34px;padding:46px 16px 24px;clip-path:polygon(0 0,100% 34px,100% 100%,0 100%)}
.st.m .lk-ghost{font-size:96px;left:10px;bottom:-16px}
.st.m.lkh-slab .st-hero>.lk-w{position:relative;left:auto;bottom:auto;margin:14px 16px 0;max-width:none}

/* ---- hero: arch (copy beside a framed photo + two round accents) ---- */
.lkh-arch .st-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding:56px}
.lk-archw{position:relative;height:480px}
.lk-arch{position:absolute;inset:0 80px 20px;border-radius:var(--archr,240px 240px 26px 26px);overflow:hidden;box-shadow:var(--sh)}
.lk-arch>.lk-ph{position:absolute;inset:0}
.lk-orb{position:absolute;width:150px;height:150px;border-radius:var(--orbr,50%);overflow:hidden;border:6px solid var(--card);box-shadow:var(--sh);z-index:2}
.lk-orb>.lk-ph{position:absolute;inset:0;font-size:56px}
.lk-orb.o1{top:30px;right:0}.lk-orb.o2{top:190px;left:0}
.lk-archw>.lk-w{position:absolute;right:40px;left:40px;bottom:-10px;z-index:3;max-width:none}
.st.m.lkh-arch .st-hero{grid-template-columns:minmax(0,1fr);gap:22px;padding:20px 16px 24px}
.st.m .lk-archw{order:-1;height:auto;padding-top:282px}
.st.m .lk-arch{inset:0 46px auto;height:270px;border-radius:var(--archrm,150px 150px 18px 18px)}
.st.m .lk-orb{width:84px;height:84px;border-width:4px}.st.m .lk-orb>.lk-ph{font-size:34px}
.st.m .lk-orb.o1{top:16px;right:0}.st.m .lk-orb.o2{top:120px;left:0}
.st.m .lk-archw>.lk-w{position:relative;right:auto;left:auto;bottom:auto}

/* ---- hero: split (solid colour pane with the copy | photo half) ---- */
.lkh-split .st-hero{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;min-height:540px}
.lk-pane{position:relative;overflow:hidden;background:var(--pane);color:var(--paneInk);padding:60px 56px;display:flex;flex-direction:column;justify-content:center;gap:24px}
.st.lk .lk-pane .lk-tx small,.st.lk .lk-pane .lk-tx p:where(:not(.h)){color:var(--paneInk)}
.lk-pane .lk-tx{position:relative;z-index:1}
.lk-pane .lk-w{position:relative;z-index:1}
.lk-half{position:relative;min-height:300px}.lk-half>.lk-ph{position:absolute;inset:0}
.st.m.lkh-split .st-hero{grid-template-columns:minmax(0,1fr);min-height:0}
.st.m .lk-half{order:-1;min-height:240px}
.st.m .lk-pane{padding:24px 16px;gap:16px}

/* ---- hero: collage (copy + taped instant photos) ---- */
.lkh-collage .st-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;padding:50px 56px}
.lk-col{position:relative;height:490px}
.lk-pc{position:absolute;display:block;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 20px 36px -18px rgba(0,0,0,.45);z-index:1}
.lk-pc>.lk-ph{position:absolute;inset:12px 12px 44px}
.lk-pc::before{content:"";position:absolute;top:-12px;left:50%;width:96px;height:26px;margin-left:-48px;background:var(--tape,rgba(255,236,170,.75));rotate:-4deg;z-index:2}
.lk-pc.a{width:370px;height:330px;top:20px;right:30px;rotate:3deg}
.lk-pc.b{width:210px;height:230px;bottom:6px;right:0;rotate:-6deg;z-index:2}
.lk-pc.c{width:200px;height:220px;top:190px;left:0;rotate:5deg;z-index:2}
.lk-col>.lk-w{position:absolute;left:30px;bottom:-6px;z-index:3;max-width:290px}
.st.m.lkh-collage .st-hero{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px 16px}
.st.m .lk-col{order:-1;height:auto;padding-top:300px}
.st.m .lk-pc>.lk-ph{inset:8px 8px 30px}
.st.m .lk-pc::before{width:60px;height:18px;margin-left:-30px;top:-8px}
.st.m .lk-pc.a{width:230px;height:210px;top:6px;right:14px}
.st.m .lk-pc.b{width:132px;height:146px;top:150px;bottom:auto;right:0}
.st.m .lk-pc.c{width:128px;height:140px;top:120px;left:0}
.st.m .lk-col>.lk-w{position:relative;left:auto;bottom:auto;max-width:none}

/* ---- hero: mag (masthead + headline across the page + photo/aside) ---- */
.lkh-mag .st-hero{display:block;padding:34px 56px 10px}
.lk-mh{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:10px}
.lk-no{font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--mut)}
.st.lk.lkh-mag .st-hero .h{font-size:86px;line-height:1.08;margin:24px 0 28px;max-width:1120px}
.lk-mb{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:36px;align-items:stretch}
.lk-mp{position:relative;height:340px;border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh)}
.lk-mp>.lk-ph{position:absolute;inset:0}
.lk-ms{display:flex;flex-direction:column;justify-content:space-between;gap:18px;align-items:flex-start}
.lk-ms p:where(:not(.h)){margin:0}
.st.m.lkh-mag .st-hero{padding:18px 16px 6px}
.st.m .lk-mh{padding-bottom:8px}.st.m .lk-mh small{font-size:12px}.st.m .lk-no{font-size:11px}
.st.lk.m.lkh-mag .st-hero .h{font-size:38px;margin:14px 0 16px}
.st.m .lk-mb{grid-template-columns:minmax(0,1fr);gap:16px}
.st.m .lk-mp{height:210px}

/* ---- cards (shared bits) ---- */
.st.lk .lkg{gap:22px}
.st.lk .lk-c{position:relative;min-width:0;color:var(--ink)}
.st.lk .lk-c .lk-th{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--tile);font-style:normal;font-size:64px;line-height:1}
.st.lk .lk-c .lk-th>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st.lk .lk-c b{display:block;font:700 18px/1.35 var(--fh)}
.st.lk .lk-c em{font-style:normal;font-weight:800;color:var(--price);font-size:17px}
.st.lk .lk-c em .pre,.st.lk .lk-c em .u{font-weight:600;font-size:12px;color:var(--mut);margin-inline:4px}
.st.lk .lk-m{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 8px}
.st.lk .lk-m u{text-decoration:none;font-size:12px;line-height:1.4;padding:2px 9px;border-radius:999px;background:var(--chip,var(--tile));color:var(--ink)}
.st.lk .lk-pr{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.st.lk .lk-go{display:inline-flex;align-items:center;font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;background:var(--acc);color:var(--accInk);white-space:nowrap}
.st.lk .lk-c .tag{position:absolute;top:12px;right:12px;z-index:3;background:var(--acc);color:var(--accInk);font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px}
.st.lk.m .lk-c b{font-size:14px}.st.lk.m .lk-c em{font-size:14px}
.st.lk.m .lk-m u{font-size:10.5px;padding:1px 7px}
.st.lk.m .lk-go{font-size:11px;padding:4px 10px}
.st.lk.m .lk-c .lk-th{font-size:44px}
.st.lk.m .lk-c .tag{font-size:10px;top:8px;right:8px}

/* row: numbered horizontal rows */
.lkc-row .lkg{grid-template-columns:repeat(2,minmax(0,1fr))}
.lkc-row .lk-c{display:grid;grid-template-columns:auto 96px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 18px;background:var(--card);border:1px solid var(--ln);border-radius:var(--r)}
.lkc-row .lk-i{font:800 22px/1 var(--fh);color:var(--price)}
.lkc-row .lk-th{width:96px;height:96px;border-radius:calc(var(--r)*.8)}
.lkc-row .lk-pr{flex-direction:column;align-items:flex-end}
.lkc-row .lk-c .tag{top:-10px;right:18px}
.st.m.lkc-row .lkg{grid-template-columns:minmax(0,1fr);gap:10px}
.st.m.lkc-row .lk-c{grid-template-columns:auto 64px minmax(0,1fr);gap:10px;padding:10px 12px}
.st.m.lkc-row .lk-th{width:64px;height:64px;font-size:34px}
.st.m.lkc-row .lk-i{font-size:15px}
.st.m.lkc-row .lk-pr{grid-column:2/-1;flex-direction:row;align-items:center}

/* over: tall photo + solid panel overlapping its bottom */
.lkc-over .lk-c{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--card);box-shadow:var(--sh)}
.lkc-over .lk-th{aspect-ratio:3/4}
.lkc-over .lk-b{position:relative;margin:-64px 12px 12px;padding:14px;border-radius:calc(var(--r)*.8);background:var(--card);border:1px solid var(--ln);z-index:2}
.st.m.lkc-over .lk-b{margin:-40px 7px 7px;padding:10px}

/* edit: editorial index, no box */
.lkc-edit .lk-c{display:flex;flex-direction:column}
.lkc-edit .lk-th{aspect-ratio:4/5;border-radius:var(--editr,4px)}
.lkc-edit .lk-i{position:absolute;top:-18px;left:-6px;z-index:3;font:800 58px/1 var(--fh);color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.lkc-edit .lk-c>b{margin-top:14px;padding-top:10px;border-top:2px solid var(--ink)}
.st.lk.lkc-edit .lk-go{background:none;color:var(--price);padding:0;text-decoration:underline;text-underline-offset:4px}
.st.m.lkc-edit .lk-i{font-size:36px;top:-12px;left:-2px}
.st.m.lkc-edit .lk-c>b{margin-top:10px;padding-top:7px}

/* ticket: label with notches, dashed tear line and barcode */
.lkc-ticket .lk-c{display:flex;flex-direction:column;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--ln)}
.lkc-ticket .lk-th{aspect-ratio:1;border-radius:var(--r) var(--r) 0 0}
.lkc-ticket .lk-b{position:relative;padding:16px;border-top:2px dashed var(--ln)}
.lkc-ticket .lk-b::before,.lkc-ticket .lk-b::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--bg)}
.lkc-ticket .lk-b::before{right:-12px}.lkc-ticket .lk-b::after{left:-12px}
.lk-bc{display:flex;align-items:center;gap:10px;margin-top:12px}
.lk-bc i{flex:1;height:26px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 7px,transparent 7px 9px,var(--ink) 9px 10px,transparent 10px 13px);opacity:.85}
.lk-bc small{font:600 11px/1 ui-monospace,Consolas,monospace;color:var(--mut)}
.st.m.lkc-ticket .lk-b{padding:10px}
.st.m .lk-bc i{height:16px}.st.m .lk-bc small{font-size:8.5px}

/* poly: instant photos */
.lkc-poly .lk-c{display:flex;flex-direction:column;background:#fff;color:#222;padding:12px 12px 16px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 18px 32px -18px rgba(0,0,0,.4);rotate:-1.5deg}
.lkc-poly .lk-c:nth-child(even){rotate:1.8deg}
.lkc-poly .lk-th{aspect-ratio:1}
.lkc-poly .lk-c>b{margin-top:12px;font-size:20px}
.st.lk.lkc-poly .lk-c{--ink:#222;--mut:#555}
.st.m.lkc-poly .lk-c{padding:8px 8px 10px}
.st.m.lkc-poly .lk-c>b{font-size:15px;margin-top:8px}

/* circ: round photos with a ring, centred copy */
.lkc-circ .lk-c{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 14px 18px;border-radius:var(--rl);background:var(--card);border:1px solid var(--ln)}
.lkc-circ .lk-th{width:78%;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 6px var(--card),0 0 0 9px var(--ring,var(--acc))}
.lkc-circ .lk-c>b{margin-top:16px}
.lkc-circ .lk-m{justify-content:center}
.lkc-circ .lk-pr{justify-content:center;margin:2px 0 10px}
.st.m.lkc-circ .lk-c{padding:12px 8px}
.st.m.lkc-circ .lk-th{box-shadow:0 0 0 4px var(--card),0 0 0 6px var(--ring,var(--acc))}

/* =================== per look =================== */
/* factory 1 · داتاشيت: concrete grey, safety orange, Rubik, crop-marked band photo, numbered spec rows */
.lk-factory1{--bg:#ECEDE8;--card:#FFFFFF;--tile:#DADCD5;--ink:#1B1F23;--mut:#4A5058;--acc:#C2410C;--accInk:#FFFFFF;--price:#B23A0A;--ln:rgba(27,31,35,.14);--sbg:#1B1F23;--sink:#F2F2EE;--fh:"Rubik",sans-serif;--fb:"Rubik","Alexandria",sans-serif;--r:6px;--rl:10px;--cm:#FFB000;--shc:#1B1F23}
.st.lk-factory1:not(.bg-light):not(.bg-dark){background:linear-gradient(rgba(27,31,35,.05) 1px,transparent 1px) 0 0/100% 32px,var(--bg)}
.st.lk-factory1 .lk-bandph img{filter:saturate(.75) contrast(1.05)}
.st.lk-factory1 .lk-plate{right:60px;bottom:22px;z-index:3;background:#FFB000;color:#1B1F23;font:800 15px/1 "Rubik";padding:9px 14px;border-radius:3px;letter-spacing:.04em;box-shadow:0 0 0 2px #1B1F23}
.st.lk-factory1 .lk-rule{left:0;right:0;bottom:0;height:14px;z-index:2;background:repeating-linear-gradient(90deg,#FFB000 0 2px,transparent 2px 12px),repeating-linear-gradient(90deg,#FFB000 0 2px,transparent 2px 60px);background-size:auto 8px,auto 14px;background-repeat:repeat-x;background-position:bottom}
.st.lk-factory1 .lk-c{border-inline-start:4px solid var(--acc)}
.st.m.lk-factory1 .lk-plate{right:26px;bottom:18px;font-size:11px;padding:6px 9px}

/* factory 2 · حديد ونار: iron black, molten orange slab, Lalezar */
.lk-factory2{--bg:#121212;--card:#1C1C1C;--tile:#262626;--ink:#F2F0EB;--mut:#B5B0A6;--acc:#FF6A13;--accInk:#111111;--price:#FF8A3D;--ln:rgba(242,240,235,.14);--sbg:#FF6A13;--sink:#111111;--fh:"Lalezar",sans-serif;--fb:"Alexandria",sans-serif;--r:4px;--rl:4px;--slab:linear-gradient(160deg,#FF7A1A,#F0501A);--slabInk:#111111;--shc:#000}
.st.lk-factory2:not(.bg-light):not(.bg-dark){background:radial-gradient(60% 40% at 20% 0,rgba(255,106,19,.14),transparent 70%),var(--bg)}
.st.lk.lk-factory2 .st-hero .h{font-weight:400;font-size:70px;line-height:1.1}
.st.lk.m.lk-factory2 .st-hero .h{font-size:40px}
.st.lk-factory2 .lk-bg img{filter:grayscale(.6) contrast(1.15) brightness(.85)}
.st.lk-factory2 .lk-c b{font-weight:400;font-size:22px}
.st.lk-factory2 .lk-spark{left:70px;top:60px;width:220px;height:160px;background:radial-gradient(circle,#FFC46B 0 2px,transparent 3px) 0 0/34px 30px,radial-gradient(circle,#FF8A3D 0 1.5px,transparent 2.5px) 12px 14px/26px 22px;opacity:.85;mask-image:radial-gradient(closest-side,#000,transparent)}
.st.lk-factory2 .lk-haz{left:0;right:0;bottom:0;height:12px;background:repeating-linear-gradient(-45deg,#FF6A13 0 14px,#111 14px 28px)}
.st.lk-factory2 .lk-c{border-top:3px solid var(--acc)}
.st.m.lk-factory2 .lk-spark{display:none}

/* trade 1 · بحري كلاسيك: chart paper, navy + brass, Noto Naskh, porthole photo, catalogue cards */
.lk-trade1{--bg:#F5EFE2;--card:#FFFBF2;--tile:#E8DEC8;--ink:#13233A;--mut:#4E5A6B;--acc:#1F3A5F;--accInk:#FFFFFF;--price:#1F3A5F;--ln:rgba(19,35,58,.16);--sbg:#1F3A5F;--sink:#F5EFE2;--fh:"Noto Naskh Arabic",serif;--fb:"Alexandria",sans-serif;--r:8px;--rl:12px;--archr:50%;--archrm:50%;--kick:#7A5A1E;--shc:#13233A}
.st.lk-trade1:not(.bg-light):not(.bg-dark){background:repeating-linear-gradient(0deg,transparent 0 79px,rgba(19,35,58,.06) 79px 80px),repeating-linear-gradient(90deg,transparent 0 79px,rgba(19,35,58,.06) 79px 80px),var(--bg)}
.st.lk-trade1 .lk-arch{inset:10px 60px 30px;border-radius:50%;border:12px solid #B08A3E;box-shadow:0 0 0 3px #1F3A5F,0 0 0 10px #F5EFE2,0 0 0 12px #B08A3E,var(--sh)}
.st.m.lk-trade1 .lk-arch{inset:10px 40px 70px;border-width:8px}
.st.lk-trade1 .lk-orb{border-color:#B08A3E}
.st.lk-trade1 .lk-comp{width:120px;height:120px;top:-6px;left:24px;z-index:3;fill:none;stroke:#7A5A1E;stroke-width:1.5}
.st.lk-trade1 .lk-comp path{fill:rgba(176,138,62,.35)}
.st.lk-trade1 .lk-comp text{fill:#7A5A1E;stroke:none;font:700 12px "Alexandria"}
.st.m.lk-trade1 .lk-comp{width:64px;height:64px;left:auto;right:0;top:206px;bottom:auto}
.st.lk-trade1 .lk-c .lk-th{border:6px solid #FFFBF2;box-shadow:0 0 0 1px #B08A3E}
.st.lk-trade1 .lk-i{-webkit-text-stroke-color:#7A5A1E}
.st.lk-trade1 .strip{border-block:3px double #B08A3E}

/* trade 2 · حاويات: container rust + blue, Reem Kufi, corrugated pane, shipping labels */
.lk-trade2{--bg:#F3F1EC;--card:#FFFFFF;--tile:#E6E2DA;--ink:#1A1A1A;--mut:#50504C;--acc:#C2410C;--accInk:#FFFFFF;--price:#B23A0A;--ln:rgba(26,26,26,.15);--sbg:#C2410C;--sink:#FFFFFF;--fh:"Reem Kufi",sans-serif;--fb:"Alexandria",sans-serif;--r:6px;--rl:6px;--pane:#1D4ED8;--paneInk:#FFFFFF;--shc:#1A1A1A}
.st.lk-trade2 .lk-pane{background:repeating-linear-gradient(90deg,rgba(255,255,255,0) 0 18px,rgba(0,0,0,.14) 18px 22px,rgba(255,255,255,.08) 22px 26px),var(--pane)}
.st.lk-trade2 .lk-pane .cta{background:#FFFFFF;color:#1D4ED8}
.st.lk-trade2 .lk-ctn{left:24px;bottom:18px;z-index:2;font:700 13px/1 ui-monospace,Consolas,monospace;color:#fff;border:2px solid rgba(255,255,255,.8);padding:7px 10px;border-radius:3px}
.st.m.lk-trade2 .lk-ctn{display:none}
.st.lk-trade2 .lk-c .lk-th{border-bottom:12px solid;border-image:repeating-linear-gradient(90deg,#C2410C 0 8px,#A8370A 8px 12px) 12}
.st.lk-trade2 .lk-c:nth-child(4n+2) .lk-th{border-image:repeating-linear-gradient(90deg,#1D4ED8 0 8px,#173FB0 8px 12px) 12}
.st.lk-trade2 .lk-c:nth-child(4n+3) .lk-th{border-image:repeating-linear-gradient(90deg,#0A7D6B 0 8px,#086455 8px 12px) 12}
.st.lk-trade2 .lk-c:nth-child(4n+4) .lk-th{border-image:repeating-linear-gradient(90deg,#A16207 0 8px,#82500A 8px 12px) 12}

/* agri 1 · سوق الفلاحين: kraft paper, field green, Aref Ruqaa, taped collage + polaroids */
.lk-agri1{--bg:#EFE4CF;--card:#FFFDF7;--tile:#E3D3B2;--ink:#2D2416;--mut:#5E5140;--acc:#2F6B2F;--accInk:#FFFFFF;--price:#2F6B2F;--ln:rgba(45,36,22,.16);--sbg:#2F6B2F;--sink:#FFFDF7;--fh:"Aref Ruqaa",serif;--fb:"Alexandria",sans-serif;--r:10px;--rl:16px;--kick:#7A3E12;--chip:#F1E7D0;--shc:#2D2416}
.st.lk-agri1:not(.bg-light):not(.bg-dark){--grain:.09;background:radial-gradient(60% 50% at 90% 0,#F7EEDC,transparent 70%),var(--bg)}
.st.lk.lk-agri1 .st-hero .h{font-size:64px;line-height:1.25}
.st.lk.m.lk-agri1 .st-hero .h{font-size:36px}
.st.lk-agri1 .lk-stamp{top:-18px;left:120px;z-index:4;width:104px;height:104px;border-radius:50%;border:3px double #7A3E12;color:#7A3E12;display:grid;place-items:center;text-align:center;font:700 16px/1.2 "Aref Ruqaa";rotate:-14deg;background:rgba(255,253,247,.9)}
.st.lk-agri1 .lk-sun{top:300px;right:-34px;width:70px;height:70px;fill:none;stroke:#C7781A;stroke-width:3;stroke-linecap:round;z-index:0}
.st.m.lk-agri1 .lk-stamp{width:70px;height:70px;font-size:12px;top:-6px;left:150px}
.st.m.lk-agri1 .lk-sun{display:none}
.st.lk-agri1 .lk-c::after{content:"";position:absolute;top:-10px;left:50%;width:70px;height:20px;margin-left:-35px;background:rgba(199,120,26,.35);rotate:3deg}

/* agri 2 · أخضر مودرن: forest + lime, Tajawal, band photo, ringed circles */
.lk-agri2{--bg:#10261A;--card:#173323;--tile:#1F4230;--ink:#EEF6E8;--mut:#A9C3A8;--acc:#C6F432;--accInk:#10261A;--price:#C6F432;--ln:rgba(238,246,232,.14);--sbg:#C6F432;--sink:#10261A;--fh:"Tajawal",sans-serif;--fb:"Tajawal","Alexandria",sans-serif;--r:16px;--rl:32px;--cm:#C6F432;--ring:#C6F432;--shc:#000}
.st.lk-agri2:not(.bg-light):not(.bg-dark){background:radial-gradient(50% 40% at 100% 0,rgba(198,244,50,.12),transparent 70%),radial-gradient(40% 30% at 0 60%,rgba(46,125,50,.25),transparent 70%),var(--bg)}
.st.lk.lk-agri2 .st-hero .h{font-weight:800;font-size:62px;letter-spacing:-.01em}
.st.lk.m.lk-agri2 .st-hero .h{font-size:34px}
.st.lk-agri2 .lk-bandph{border-radius:200px 32px 32px 32px}
.st.m.lk-agri2 .lk-bandph{border-radius:90px 20px 20px 20px}
.st.lk-agri2 .lk-leaf{left:40px;top:30px;width:110px;height:146px;z-index:2;fill:rgba(198,244,50,.18);stroke:#C6F432;stroke-width:2.5;stroke-linecap:round}
.st.m.lk-agri2 .lk-leaf{width:56px;height:74px;left:16px;top:14px}
.st.lk-agri2 .lk-w{background:#1F4230}

/* fashion 1 · ألوان مودرن: peach + lilac pane + plum, Readex Pro, colour-block circles */
.lk-fashion1{--bg:#FCEFE6;--card:#FFFFFF;--tile:#F6D9C9;--ink:#2B1B17;--mut:#6B4E44;--acc:#7A2E8E;--accInk:#FFFFFF;--price:#7A2E8E;--ln:rgba(43,27,23,.12);--sbg:#2B1B17;--sink:#FCEFE6;--fh:"Readex Pro",sans-serif;--fb:"Readex Pro","Alexandria",sans-serif;--r:999px;--rl:36px;--pane:#CDB4F5;--paneInk:#2B1B17;--shc:#7A2E8E}
.st.lk.lk-fashion1 .st-hero .h{font-size:64px;letter-spacing:-.02em}
.st.lk.m.lk-fashion1 .st-hero .h{font-size:36px}
.st.lk-fashion1 .lk-half{border-radius:0 0 0 220px;overflow:hidden}
.st.m.lk-fashion1 .lk-half{border-radius:0 0 0 110px}
.st.lk-fashion1 .lk-blob{border-radius:50%;z-index:0}
.st.lk-fashion1 .lk-blob.a{width:260px;height:260px;left:-80px;top:-80px;background:#FFD7A8}
.st.lk-fashion1 .lk-blob.b{width:160px;height:160px;left:40%;bottom:-70px;background:#B6F0D8}
.st.lk-fashion1 .lk-new{left:40px;bottom:40px;z-index:2;width:84px;height:84px;border-radius:50%;background:#2B1B17;color:#FCEFE6;display:grid;place-items:center;text-align:center;font:800 15px/1.1 "Readex Pro";rotate:-12deg}
.st.m.lk-fashion1 .lk-new{width:56px;height:56px;font-size:11px;left:14px;bottom:auto;top:14px}
.st.lk-fashion1 .lk-c{border:0;background:transparent}
.st.lk-fashion1 .lk-c:nth-child(4n+1){--ring:#CDB4F5}.lk-fashion1 .lk-c:nth-child(4n+2){--ring:#FFB38A}.lk-fashion1 .lk-c:nth-child(4n+3){--ring:#8FDDBE}.lk-fashion1 .lk-c:nth-child(4n+4){--ring:#FFD666}
.st.lk-fashion1 .lk-c .lk-th{box-shadow:0 0 0 10px var(--ring)}
.st.lk-fashion1 .lk-end{--endbg:#2B1B17;--endInk:#FCEFE6;--endMut:#E8CFC2}

/* fashion 2 · ستريت جريء: newsprint + black slab + red, Jomhuria, hang-tag tickets */
.lk-fashion2{--bg:#EDEBE6;--card:#FFFFFF;--tile:#DEDBD3;--ink:#111111;--mut:#4A4A46;--acc:#E10600;--accInk:#FFFFFF;--price:#C00500;--ln:rgba(17,17,17,.16);--sbg:#E10600;--sink:#FFFFFF;--fh:"Jomhuria",sans-serif;--fb:"Alexandria",sans-serif;--r:2px;--rl:2px;--slab:#111111;--slabInk:#FFFFFF;--shc:#111}
.st.lk-fashion2:not(.bg-light):not(.bg-dark){--grain:.07;background:var(--bg)}
.st.lk.lk-fashion2 .st-hero .h{font-weight:400;font-size:118px;line-height:.95;letter-spacing:.01em}
.st.lk.m.lk-fashion2 .st-hero .h{font-size:62px}
.st.lk-fashion2 .lk-c b{font-weight:400;font-size:46px;line-height:.9}
.st.m.lk-fashion2 .lk-c b{font-size:34px}
.st.lk-fashion2 .st-logo b{font-weight:400;font-size:44px}
.st.m.lk-fashion2 .st-logo b{font-size:34px}
.st.lk.lk-fashion2 .lk-end b{font-weight:400;font-size:48px;line-height:1}
.st.lk.lk-fashion2 .prods h3{font-weight:400;font-size:56px}
.st.lk-fashion2 .lk-bg img{filter:grayscale(1) contrast(1.1)}
.st.lk-fashion2 .lk-tape{left:-40px;right:50%;top:70px;z-index:2;background:#E10600;color:#fff;font:800 15px/1 "Alexandria";padding:12px 0;rotate:-5deg;white-space:nowrap;overflow:hidden;text-align:center;letter-spacing:.08em}
.st.m.lk-fashion2 .lk-tape{right:-40px;top:150px;font-size:11px;padding:8px 0}
.st.lk-fashion2 .lk-c{border-radius:2px}
.st.lk-fashion2 .lk-c::before{content:"";position:absolute;top:12px;left:14px;z-index:3;width:16px;height:16px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px #111}

/* clinic 1 · هادي: warm linen + sage, Almarai, tall arch, ringed services */
.lk-clinic1{--bg:#F4F1EA;--card:#FFFFFF;--tile:#E4E9DD;--ink:#23362B;--mut:#55665A;--acc:#4E7A5A;--accInk:#FFFFFF;--price:#3F6A4A;--ln:rgba(35,54,43,.12);--sbg:#E4E9DD;--sink:#23362B;--fh:"Almarai",sans-serif;--fb:"Almarai","Alexandria",sans-serif;--r:18px;--rl:28px;--archr:999px 999px 28px 28px;--archrm:999px 999px 20px 20px;--orbr:50%;--ring:#C9D6C0;--shc:#23362B}
.st.lk-clinic1:not(.bg-light):not(.bg-dark){background:radial-gradient(50% 50% at 80% 10%,#E9EFE2,transparent 70%),var(--bg)}
.st.lk-clinic1 .lk-sprig{left:10px;bottom:70px;width:70px;height:110px;z-index:3;fill:rgba(78,122,90,.22);stroke:#4E7A5A;stroke-width:2;stroke-linecap:round}
.st.m.lk-clinic1 .lk-sprig{width:44px;height:70px;top:200px;bottom:auto;left:4px}
.st.lk-clinic1 .lk-arch{box-shadow:0 0 0 10px #E4E9DD,var(--sh)}

/* clinic 2 · مودرن: cobalt, IBM Plex Sans Arabic, masthead headline, numbered rows */
.lk-clinic2{--bg:#EEF3FF;--card:#FFFFFF;--tile:#DCE6FF;--ink:#0B1B3F;--mut:#44506B;--acc:#2453FF;--accInk:#FFFFFF;--price:#1F48E0;--ln:rgba(11,27,63,.12);--sbg:#0B1B3F;--sink:#FFFFFF;--fh:"IBM Plex Sans Arabic",sans-serif;--fb:"IBM Plex Sans Arabic","Alexandria",sans-serif;--r:14px;--rl:24px;--shc:#0B1B3F}
.st.lk-clinic2:not(.bg-light):not(.bg-dark){background:linear-gradient(rgba(36,83,255,.07) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(36,83,255,.07) 1px,transparent 1px) 0 0/24px 24px,var(--bg)}
.st.lk-clinic2 .lk-mh{border-color:#2453FF}
.st.lk-clinic2 .lk-plus{right:22px;top:22px;width:64px;height:64px;z-index:2;background:linear-gradient(#fff,#fff) center/20px 64px no-repeat,linear-gradient(#fff,#fff) center/64px 20px no-repeat;filter:drop-shadow(0 4px 10px rgba(11,27,63,.4))}
.st.lk-clinic2 .lk-plus::after{content:"";position:absolute;inset:4px;background:linear-gradient(#2453FF,#2453FF) center/12px 56px no-repeat,linear-gradient(#2453FF,#2453FF) center/56px 12px no-repeat}
.st.m.lk-clinic2 .lk-plus{transform:scale(.6);transform-origin:top right;right:14px;top:14px}

/* food 1 · بيسترو كلاسيك: menu paper + burgundy, Markazi Text, masthead, dotted menu rows */
.lk-food1{--bg:#F6EFE1;--card:#FFFAF0;--tile:#EADFC8;--ink:#2A1D14;--mut:#5C4B3B;--acc:#7B1E1E;--accInk:#FFFFFF;--price:#7B1E1E;--ln:rgba(42,29,20,.18);--sbg:#7B1E1E;--sink:#FFFAF0;--fh:"Markazi Text",serif;--fb:"Alexandria",sans-serif;--r:4px;--rl:6px;--shc:#2A1D14}
.st.lk.lk-food1 .st-hero .h{font-size:96px;font-weight:700}
.st.lk.m.lk-food1 .st-hero .h{font-size:44px}
.st.lk-food1 .lk-mh{border-bottom:3px double #2A1D14}
.st.lk-food1 .lk-c{background:transparent;border:0;border-bottom:2px dotted rgba(42,29,20,.35);border-radius:0;padding-inline:0}
.st.lk-food1 .lk-c .lk-th{border-radius:50%}
.st.lk-food1 .lk-c b{font-size:24px}
.st.m.lk-food1 .lk-c b{font-size:18px}
.st.lk-food1 .lk-check{left:0;right:0;bottom:0;height:22px;z-index:2;background:repeating-conic-gradient(#7B1E1E 0 25%,#FFFAF0 0 50%) 0 0/22px 22px}
.st.lk-food1 .lk-orn{left:18px;top:14px;z-index:2;width:48px;height:48px;border-radius:50%;background:#FFFAF0;color:#7B1E1E;display:grid;place-items:center;font-size:26px}
.st.lk-food1 .prods h3{border-bottom:3px double #2A1D14;padding-bottom:8px}

/* food 2 · نيون ليلي: night violet + neon pink pane + yellow, Baloo Bhaijaan 2, tall cards */
.lk-food2{--bg:#120B1F;--card:#1D1330;--tile:#2A1C45;--ink:#FFF4E8;--mut:#C9B8E0;--acc:#FFD23F;--accInk:#120B1F;--price:#FFD23F;--ln:rgba(255,244,232,.14);--sbg:#FFD23F;--sink:#120B1F;--fh:"Baloo Bhaijaan 2",sans-serif;--fb:"Alexandria",sans-serif;--r:20px;--rl:28px;--pane:#FF3D7F;--paneInk:#120B1F;--shc:#000}
.st.lk-food2:not(.bg-light):not(.bg-dark){background:radial-gradient(40% 30% at 0 40%,rgba(255,61,127,.16),transparent 70%),radial-gradient(40% 30% at 100% 80%,rgba(255,210,63,.1),transparent 70%),var(--bg)}
.st.lk.lk-food2 .st-hero .h{font-size:66px}
.st.lk.m.lk-food2 .st-hero .h{font-size:36px}
.st.lk-food2 .lk-pane .cta{background:#120B1F;color:#FFD23F}
.st.lk-food2 .lk-neon{left:30px;top:26px;z-index:2;padding:8px 16px;border:2px solid #fff;border-radius:999px;color:#120B1F;font:800 15px/1 "Baloo Bhaijaan 2";box-shadow:0 0 12px #fff,inset 0 0 8px rgba(255,255,255,.7);rotate:-6deg}
.st.m.lk-food2 .lk-neon{top:12px;left:12px;font-size:12px;padding:6px 12px}
.st.lk-food2 .lk-c{box-shadow:0 0 0 1px rgba(255,61,127,.5),0 0 24px -6px rgba(255,61,127,.55)}
.st.lk-food2 .lk-c .tag{background:#FF3D7F;color:#120B1F}

/* coffee 1 · لاتيه مودرن: latte cream + brown, Noto Kufi, band photo + latte rings, editorial cards */
.lk-coffee1{--bg:#F7F1E8;--card:#FFFFFF;--tile:#EADCC8;--ink:#2B1D14;--mut:#6A5646;--acc:#6F4E37;--accInk:#FFFFFF;--price:#6F4E37;--ln:rgba(43,29,20,.12);--sbg:#EADCC8;--sink:#2B1D14;--fh:"Noto Kufi Arabic",sans-serif;--fb:"Alexandria",sans-serif;--r:16px;--rl:30px;--cm:#F7F1E8;--editr:22px;--shc:#2B1D14}
.st.lk.lk-coffee1 .st-hero .h{font-weight:800;letter-spacing:-.01em}
.st.lk-coffee1 .lk-latte{left:-60px;top:-60px;width:300px;height:300px;z-index:1;border-radius:50%;background:repeating-radial-gradient(circle,rgba(247,241,232,.0) 0 18px,rgba(247,241,232,.55) 18px 22px);mask-image:radial-gradient(closest-side,#000 60%,transparent)}
.st.m.lk-coffee1 .lk-latte{width:170px;height:170px;left:-40px;top:-40px}
.st.lk-coffee1 .lk-i{-webkit-text-stroke-color:#6F4E37}

/* coffee 2 · ريترو جريء: cream + espresso slab with sun rays + orange, Rakkas, polaroids */
.lk-coffee2{--bg:#F2E3C6;--card:#FFF8EA;--tile:#E9CFA0;--ink:#3A1F12;--mut:#6B4A33;--acc:#B5381A;--accInk:#FFFFFF;--price:#B5381A;--ln:rgba(58,31,18,.18);--sbg:#3A1F12;--sink:#F2E3C6;--fh:"Rakkas",serif;--fb:"Alexandria",sans-serif;--r:12px;--rl:12px;--slab:#3A1F12;--slabInk:#F7E9CF;--shc:#3A1F12}
.st.lk.lk-coffee2 .st-hero .h{font-weight:400;font-size:66px;line-height:1.2}
.st.lk.m.lk-coffee2 .st-hero .h{font-size:38px}
.st.lk-coffee2 .lk-c b{font-weight:400}
.st.lk.lk-coffee2 .prods h3{font-weight:400}
.st.lk-coffee2 .lk-slab{background:repeating-conic-gradient(from 0deg at 100% 100%,rgba(242,227,198,.07) 0 6deg,transparent 6deg 12deg),var(--slab)}
.st.lk-coffee2 .lk-slab .cta{background:#E8A33D;color:#3A1F12}
.st.lk-coffee2 .lk-rays{left:0;right:0;bottom:0;height:16px;z-index:2;background:repeating-linear-gradient(90deg,#B5381A 0 30px,#E8A33D 30px 60px,#F2E3C6 60px 90px)}
.st.lk-coffee2 .lk-badge{left:60px;top:46px;z-index:2;width:116px;height:116px;border-radius:50%;background:#E8A33D;color:#3A1F12;display:grid;place-content:center;text-align:center;font:400 18px/1.2 "Rakkas";box-shadow:0 0 0 6px #F2E3C6,0 0 0 8px #3A1F12;rotate:10deg}
.st.lk-coffee2 .lk-badge b{font-weight:400;font-size:24px;display:block}
.st.m.lk-coffee2 .lk-badge{width:70px;height:70px;font-size:12px;left:14px;top:14px}.st.m.lk-coffee2 .lk-badge b{font-size:15px}

/* tech 1 · مينيمال: white, Vazirmatn, squircle photo with orbit ring, quiet editorial cards */
.lk-tech1{--bg:#F5F5F7;--card:#FFFFFF;--tile:#ECECF0;--ink:#111114;--mut:#5A5A63;--acc:#0071E3;--accInk:#FFFFFF;--price:#0062C4;--ln:rgba(17,17,20,.1);--sbg:#FFFFFF;--sink:#111114;--fh:"Vazirmatn",sans-serif;--fb:"Vazirmatn","Alexandria",sans-serif;--r:18px;--rl:36px;--archr:56px;--archrm:36px;--orbr:28px;--editr:26px;--shc:#111114}
.st.lk.lk-tech1 .st-hero .h{font-weight:800;font-size:60px;letter-spacing:-.02em}
.st.lk.m.lk-tech1 .st-hero .h{font-size:34px}
.st.lk-tech1 .strip{border-block:1px solid var(--ln)}
.st.lk-tech1 .lk-orbit{inset:-24px 40px -4px;z-index:-1;border-radius:50%;border:1.5px solid rgba(0,113,227,.35);rotate:-14deg}
.st.lk-tech1 .lk-orbit::after{content:"";position:absolute;top:14%;left:8%;width:14px;height:14px;border-radius:50%;background:#0071E3;box-shadow:0 0 14px #0071E3}
.st.lk-tech1 .lk-arch{background:radial-gradient(circle at 50% 30%,#fff,#E8E8ED)}
.st.lk-tech1 .lk-i{-webkit-text-stroke:1px #C4C4CC}
.st.lk-tech1 .lk-c>b{border-top-width:1px;border-color:var(--ln)}

/* tech 2 · أسيد جريء: black + acid lime, Handjet, giant masthead headline, spec labels */
.lk-tech2{--bg:#0A0A0A;--card:#141414;--tile:#1E1E1E;--ink:#F0F0F0;--mut:#A8A8A8;--acc:#C6FF00;--accInk:#0A0A0A;--price:#C6FF00;--ln:rgba(240,240,240,.16);--sbg:#C6FF00;--sink:#0A0A0A;--fh:"Handjet",sans-serif;--fb:"Alexandria",sans-serif;--r:0px;--rl:0px;--shc:#000}
.st.lk-tech2:not(.bg-light):not(.bg-dark){background:linear-gradient(rgba(198,255,0,.06) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(198,255,0,.06) 1px,transparent 1px) 0 0/40px 40px,var(--bg)}
.st.lk.lk-tech2.lkh-mag .st-hero .h{font-weight:700;font-size:120px;line-height:.98}
.st.lk.m.lk-tech2.lkh-mag .st-hero .h{font-size:54px}
.st.lk-tech2 .lk-c b{font-size:26px;font-weight:700}
.st.m.lk-tech2 .lk-c b{font-size:20px}
.st.lk.lk-tech2 .prods h3{font-size:44px}
.st.lk-tech2 .lk-mh{border-color:#C6FF00}
.st.lk-tech2 .lk-mp{outline:2px solid #C6FF00;outline-offset:-2px}
.st.lk-tech2 .lk-term{direction:ltr;left:16px;bottom:16px;z-index:2;background:#0A0A0A;color:#C6FF00;font:600 14px/1 ui-monospace,Consolas,monospace;padding:9px 12px;border:1px solid #C6FF00}
.st.lk-tech2 .lk-term i{display:inline-block;width:8px;height:14px;margin-inline-start:4px;vertical-align:-2px;background:#C6FF00;animation:lkblink 1s steps(1) infinite}
@keyframes lkblink{50%{opacity:0}}
.st.lk-tech2 .lk-c{border-color:rgba(198,255,0,.35)}
.st.lk-tech2 .lk-c .lk-b::before,.lk-tech2 .lk-c .lk-b::after{background:var(--bg)}

/* travel 1 · فاخر: midnight navy + gold, Amiri, arch with fine gold frame, tall cards */
.lk-travel1{--bg:#0E1B2C;--card:#14253A;--tile:#1C3149;--ink:#F4ECDD;--mut:#BFB39C;--acc:#C9A35A;--accInk:#0E1B2C;--price:#D9B676;--ln:rgba(201,163,90,.25);--sbg:#C9A35A;--sink:#0E1B2C;--fh:"Amiri",serif;--fb:"Alexandria",sans-serif;--r:4px;--rl:6px;--archr:999px 999px 6px 6px;--archrm:999px 999px 6px 6px;--shc:#000}
.st.lk-travel1:not(.bg-light):not(.bg-dark){background:radial-gradient(60% 50% at 70% 0,#1E3654,transparent 70%),var(--bg)}
.st.lk.lk-travel1 .st-hero .h{font-size:62px;line-height:1.3}
.st.lk.m.lk-travel1 .st-hero .h{font-size:36px}
.st.lk-travel1 .lk-arch{box-shadow:0 0 0 1px #C9A35A,0 0 0 10px #0E1B2C,0 0 0 11px #C9A35A,var(--sh)}
.st.lk-travel1 .lk-orb{border-color:#C9A35A;border-width:2px}
.st.lk-travel1 .lk-star{right:30px;bottom:110px;z-index:3;color:#C9A35A;font-size:34px}
.st.lk-travel1 .lk-star.b{right:auto;left:70px;top:20px;bottom:auto;font-size:22px}
.st.lk-travel1 .lk-c{border:1px solid rgba(201,163,90,.45)}

/* travel 2 · صيفي مرح: sunshine + sea blue + coral, Lemonada, collage + polaroids */
.lk-travel2{--bg:#FFF4D9;--card:#FFFFFF;--tile:#FFE3A3;--ink:#1F2A44;--mut:#4D5670;--acc:#007A93;--accInk:#FFFFFF;--price:#007A93;--ln:rgba(31,42,68,.14);--sbg:#FF5A5F;--sink:#1F2A44;--fh:"Lemonada",sans-serif;--fb:"Alexandria",sans-serif;--r:16px;--rl:24px;--tape:rgba(255,90,95,.55);--kick:#B8282D;--shc:#1F2A44}
.st.lk-travel2:not(.bg-light):not(.bg-dark){background:radial-gradient(circle at 6% 16%,#FFD45C 0 70px,transparent 71px),radial-gradient(40% 30% at 0 100%,#BDEAF2,transparent 70%),var(--bg)}
.st.lk.lk-travel2 .st-hero .h{font-size:54px;line-height:1.35}
.st.lk.m.lk-travel2 .st-hero .h{font-size:30px}
.st.lk-travel2 .lk-stp{top:-6px;left:150px;z-index:4;width:70px;height:80px;background:#FF5A5F;color:#fff;display:grid;place-items:center;font-size:30px;rotate:8deg;mask:radial-gradient(circle 5px at 5px 5px,#0000 98%,#000) -5px -5px/10px 10px}
.st.m.lk-travel2 .lk-stp{width:46px;height:54px;font-size:20px;left:150px}
.st.lk-travel2 .lk-wave{left:-56px;right:-56px;bottom:-30px;height:40px;fill:none;stroke:#007A93;stroke-width:3;z-index:0}
.st.lk-travel2 .strip{color:#1F2A44}

/* realty 1 · معماري مودرن: gallery white + terracotta, Mada, masthead + floor-plan lines, editorial cards */
.lk-realty1{--bg:#F2F2EF;--card:#FFFFFF;--tile:#E2E2DC;--ink:#1C1C1A;--mut:#575752;--acc:#1C1C1A;--accInk:#FFFFFF;--price:#A14D2A;--ln:rgba(28,28,26,.12);--sbg:#1C1C1A;--sink:#F2F2EF;--fh:"Mada",sans-serif;--fb:"Mada","Alexandria",sans-serif;--r:2px;--rl:2px;--editr:0;--shc:#1C1C1A}
.st.lk.lk-realty1 .st-hero .h{font-weight:800;letter-spacing:-.02em}
.st.lk-realty1 .lk-plan{left:20px;bottom:20px;width:180px;height:126px;z-index:2;fill:rgba(242,242,239,.9);stroke:#1C1C1A;stroke-width:2}
.st.lk-realty1 .lk-plan text{fill:#1C1C1A;stroke:none;font:700 12px "Mada"}
.st.m.lk-realty1 .lk-plan{width:110px;height:78px;left:10px;bottom:10px}
.st.lk-realty1 .lk-c .lk-th::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.75)}
.st.lk-realty1 .lk-i{-webkit-text-stroke-color:#A14D2A}

/* realty 2 · فاخر ليلي: black + champagne pane, El Messiri, tall gold-edged cards */
.lk-realty2{--bg:#101010;--card:#1A1A1A;--tile:#242424;--ink:#F3EEE6;--mut:#B9B0A2;--acc:#B8925A;--accInk:#101010;--price:#C9A66B;--ln:rgba(184,146,90,.28);--sbg:#1A1A1A;--sink:#C9A66B;--fh:"El Messiri",sans-serif;--fb:"Alexandria",sans-serif;--r:2px;--rl:2px;--pane:#B8925A;--paneInk:#101010;--shc:#000}
.st.lk.lk-realty2 .st-hero .h{font-size:62px}
.st.lk.m.lk-realty2 .st-hero .h{font-size:34px}
.st.lk-realty2 .lk-pane{background:linear-gradient(150deg,#C9A66B,#B8925A 55%,#A88350)}
.st.lk-realty2 .lk-pane .cta{background:#101010;color:#E2C58F}
.st.lk-realty2 .lk-pane .lk-w{background:#101010;color:#F3EEE6;border-color:#101010}
.st.lk-realty2 .lk-frame{inset:18px;border:1px solid rgba(16,16,16,.45);z-index:0}
.st.lk-realty2 .lk-c{border:1px solid rgba(184,146,90,.5)}
.st.lk-realty2 .strip{border-block:1px solid rgba(184,146,90,.4)}

@media (prefers-reduced-motion:reduce){.st.lk .lk-marq>div,.lk-tech2 .lk-term i{animation:none}}
/* coffee looks: the beans scoop sits at the photo's bottom-right; show it in the band, mirror it onto the open side of the slab */
.st.lk-coffee1 .lk-bandph img{object-position:50% 92%}
.st.lk-coffee2 .lk-bg img{transform:scaleX(-1);object-position:50% 80%}
.st.lk-factory2 .lk-slab .cta{background:#111111;color:#FF8A3D}

/* ===================== ROUND 9 (2026-10-10): «جرّب شكل تاني ✨» for the remaining 25 types =====================
   Same rules as round 8: tokens on .lk-<key><v>, copy never on a photo (solid card / pane / page), badges solid.
   New shared pieces: hero frame + center, cards dome + brut, and the round-9 business blocks (.lk-w*). */

/* ---- hero: frame (wide framed photo, copy on a solid card overlapping its lower edge) ---- */
.lkh-frame .st-hero{display:block;padding:30px 56px 0}
.lk-fr{position:relative;height:440px;border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh)}
.lk-fr>.lk-ph{position:absolute;inset:0}
.lk-frc{position:relative;z-index:3;width:min(640px,58%);margin:-170px 40px 0 auto;background:var(--pane);color:var(--paneInk);padding:36px 40px;border-radius:var(--r);box-shadow:var(--sh);display:flex;flex-direction:column;gap:20px}
.st.lk .lk-frc .lk-tx small{color:var(--frKick,var(--paneInk))}
.st.lk .lk-frc .lk-tx p:where(:not(.h)){color:var(--frMut,var(--paneInk));margin-bottom:22px}
.lk-frc .lk-w{max-width:none}
.st.m.lkh-frame .st-hero{padding:14px 16px 0}
.st.m .lk-fr{height:220px}
.st.m .lk-frc{width:auto;margin:-46px 10px 0;padding:20px 16px;gap:14px}

/* ---- hero: center (centred copy, then a p1 | hero | p2 gallery) ---- */
.lkh-center .st-hero{display:block;padding:54px 56px 40px;text-align:center}
.lk-ct{position:relative;z-index:2;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px}
.st.lk .lk-ct p:where(:not(.h)){margin-inline:auto}
.lk-ct .lk-w{justify-content:center;text-align:start}
.lk-gal{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr) minmax(0,1fr);gap:20px;align-items:end;margin-top:44px}
.lk-g{position:relative;display:block;overflow:hidden;border-radius:var(--galr,var(--rl));box-shadow:var(--sh);z-index:1}
.lk-g>.lk-ph{position:absolute;inset:0}
.lk-g.g0{height:360px}.lk-g.g1,.lk-g.g2{height:250px}
.st.m.lkh-center .st-hero{padding:22px 16px 22px}
.st.m .lk-ct{gap:14px}
.st.m .lk-gal{gap:8px;margin-top:22px}
.st.m .lk-g.g0{height:190px}.st.m .lk-g.g1,.st.m .lk-g.g2{height:120px}
.st.m .lk-g>.lk-ph{font-size:40px}

/* dome: arched photo window, centred copy */
.lkc-dome .lk-c{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 12px 18px;background:var(--card);border:1px solid var(--ln);border-radius:999px 999px var(--r) var(--r)}
.lkc-dome .lk-th{width:100%;aspect-ratio:4/5;border-radius:999px 999px calc(var(--r)*.7) calc(var(--r)*.7)}
.lkc-dome .lk-c>b{margin-top:14px}
.lkc-dome .lk-m{justify-content:center}
.lkc-dome .lk-pr{justify-content:center;margin:2px 0 10px}
.st.lk.lkc-dome .lk-c .tag{top:14px;right:50%;translate:50% 0}
.st.m.lkc-dome .lk-c{padding:7px 7px 12px}
.st.m.lkc-dome .lk-c>b{margin-top:9px}

/* brut: thick outline + hard offset shadow */
.lkc-brut .lk-c{display:flex;flex-direction:column;background:var(--card);border:3px solid var(--bline,var(--ink));box-shadow:7px 7px 0 var(--bshadow,var(--ink));border-radius:var(--r)}
.lkc-brut .lk-th{aspect-ratio:1;border-bottom:3px solid var(--bline,var(--ink));border-radius:calc(var(--r) - 3px) calc(var(--r) - 3px) 0 0}
.lkc-brut .lk-b{padding:14px 14px 16px}
.st.m.lkc-brut .lk-c{box-shadow:4px 4px 0 var(--bshadow,var(--ink));border-width:2px}
.st.m.lkc-brut .lk-th{border-bottom-width:2px}
.st.m.lkc-brut .lk-b{padding:9px}

/* round-9 business blocks */
.st.lk :is(.lk-wck,.lk-wml,.lk-wqt,.lk-wbk,.lk-wdm,.lk-wage,.lk-wfl,.lk-wkg,.lk-wau,.lk-wfit,.lk-wpet,.lk-wwk,.lk-wcalc,.lk-wcd,.lk-wtier,.lk-wrx)>small:first-child{flex-basis:100%}
.lk-wck .lk-cn{flex-basis:100%;font:700 20px/1.3 var(--fh);color:var(--ink)}
.lk-wck>span:not(.lk-cn),.lk-wml>span,.lk-wbk>span{display:flex;gap:6px;flex-wrap:wrap}
.lk-wml small{flex-basis:100%}
.lk-srch{flex:1 1 100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 6px 14px;border:1px solid var(--ln);border-radius:999px;color:var(--mut)}
.lk-srch b{background:var(--acc);color:var(--accInk);padding:4px 14px;border-radius:999px;font-size:13px}
.lk-wrx small{flex-basis:100%}
.lk-wqt .lk-qn{display:flex;flex-direction:column;flex:1 1 140px}
.lk-qty{display:flex;align-items:center;gap:8px}.lk-qty b{min-width:16px;text-align:center}
.lk-wdm>span:not(.lk-dt){display:flex;flex-direction:column;font-size:12px;color:var(--mut)}
.lk-wdm>span:not(.lk-dt) b{font:800 24px/1.1 var(--fh);color:var(--ink)}
.lk-wdm .lk-dt{display:flex;gap:6px}
.st.lk.m .lk-wck .lk-cn{font-size:16px}
.st.lk.m .lk-wdm>span:not(.lk-dt) b{font-size:18px}

/* =================== per look (round 9) =================== */
/* sweets 1 · باتيسري: cream + pistachio + chocolate, El Messiri, arch on a lace doily, arched cards */
.lk-sweets1{--bg:#F4EFE3;--card:#FFFDF8;--tile:#E6E9D3;--ink:#3B2418;--mut:#6B5444;--acc:#5E7D2E;--accInk:#FFFFFF;--price:#5A3A22;--ln:rgba(59,36,24,.14);--sbg:#5E7D2E;--sink:#FFFFFF;--fh:"El Messiri",serif;--fb:"Alexandria",sans-serif;--r:18px;--rl:28px;--archr:999px 999px 28px 28px;--archrm:999px 999px 20px 20px;--kick:#8A4B1F;--shc:#3B2418}
.st.lk-sweets1:not(.bg-light):not(.bg-dark){background:radial-gradient(circle,rgba(94,125,46,.13) 1.5px,transparent 2px) 0 0/22px 22px,radial-gradient(50% 50% at 85% 10%,#EAF0D8,transparent 70%),var(--bg)}
.st.lk.lk-sweets1 .st-hero .h{font-size:62px;line-height:1.3}
.st.lk.m.lk-sweets1 .st-hero .h{font-size:34px}
.st.lk-sweets1 .lk-arch{z-index:1;box-shadow:0 0 0 8px #FFFDF8,var(--sh)}
.st.lk-sweets1 .lk-orb{border-color:#FFFDF8}
.st.lk-sweets1 .lk-doily{top:6px;left:50%;width:470px;height:470px;margin-left:-235px;z-index:0;fill:#FFFDF8;stroke:#D2C29B;stroke-width:1.2}
.st.lk-sweets1 .lk-mac{left:6px;bottom:96px;z-index:3;display:flex;flex-direction:column;gap:3px}
.st.lk-sweets1 .lk-mac i{display:block;width:62px;height:26px;border-radius:30px;background:#F2A7B8;box-shadow:inset 0 -7px 0 rgba(59,36,24,.10),0 6px 12px -6px rgba(59,36,24,.5)}
.st.lk-sweets1 .lk-mac i:nth-child(2){background:#C8D9A0;width:58px;margin-inline:2px}.st.lk-sweets1 .lk-mac i:nth-child(3){background:#F6D58E}
.st.m.lk-sweets1 .lk-doily{width:300px;height:300px;margin-left:-150px;top:-12px}
.st.m.lk-sweets1 .lk-mac{bottom:auto;top:200px;left:2px;transform:scale(.62);transform-origin:left top}
.st.lk-sweets1 .lk-c{border-color:#E3D7BC}
.st.lk-sweets1 .lk-c .lk-th{box-shadow:0 0 0 5px #FFFDF8,0 0 0 6px #D2C29B}

/* sweets 2 · سبرنكلز: butter + cherry + sky, Reem Kufi Fun, framed photo with sprinkles, brutal cards */
.lk-sweets2{--bg:#FFF3C4;--card:#FFFFFF;--tile:#FFE08A;--ink:#2A1B3D;--mut:#584A6A;--acc:#D7263D;--accInk:#FFFFFF;--price:#B81D33;--ln:rgba(42,27,61,.16);--sbg:#2A1B3D;--sink:#FFF3C4;--fh:"Reem Kufi Fun",sans-serif;--fb:"Alexandria",sans-serif;--r:16px;--rl:30px;--pane:#7FC8F8;--paneInk:#2A1B3D;--shc:#2A1B3D}
.st.lk-sweets2:not(.bg-light):not(.bg-dark){background:radial-gradient(circle at 94% 6%,#FFD6E0 0 90px,transparent 91px),radial-gradient(circle at 3% 58%,#BDE4FA 0 64px,transparent 65px),var(--bg)}
.st.lk.lk-sweets2 .st-hero .h{font-size:60px;font-weight:700}
.st.lk.m.lk-sweets2 .st-hero .h{font-size:33px}
.st.lk-sweets2 .lk-fr{border:3px solid #2A1B3D}
.st.lk-sweets2 .lk-frc{border:3px solid #2A1B3D;box-shadow:9px 9px 0 #2A1B3D;border-radius:24px}
.st.lk-sweets2 .lk-frc .cta{background:#D7263D;color:#fff}
.st.lk-sweets2 .lk-c b,.st.lk-sweets2 .lk-wck .lk-cn{font-family:var(--fb);font-weight:700}
.st.lk-sweets2 .lk-fr img{object-position:50% 78%;transform:scale(1.12)}
.st.lk-sweets2 .lk-spr{left:0;top:0;width:46%;height:100%;z-index:2}
.st.lk-sweets2 .lk-stk2{left:40px;bottom:190px;z-index:3;width:124px;height:124px;border-radius:50%;background:#D7263D;color:#fff;display:grid;place-items:center;text-align:center;font:800 16px/1.3 "Alexandria",sans-serif;rotate:-10deg;box-shadow:0 0 0 5px #FFF3C4,0 0 0 8px #2A1B3D}
.st.m.lk-sweets2 .lk-spr{width:60%}
.st.m.lk-sweets2 .lk-stk2{width:74px;height:74px;font-size:11px;left:12px;top:12px;bottom:auto}
.st.m.lk-sweets2 .lk-frc{box-shadow:5px 5px 0 #2A1B3D}
.st.lk-sweets2 .lk-c:nth-child(4n+1) .lk-th{background:#FFD6E0}.st.lk-sweets2 .lk-c:nth-child(4n+2) .lk-th{background:#BDE4FA}.st.lk-sweets2 .lk-c:nth-child(4n+4) .lk-th{background:#C8F0D8}

/* perfume 1 · زهري فرنسي: powder pink + plum, Reem Kufi, pane with a flacon line, arched photo window, round cards */
.lk-perfume1{--bg:#F8ECEA;--card:#FFFFFF;--tile:#F1D9D6;--ink:#3A1F2B;--mut:#6E4E5A;--acc:#9E4B63;--accInk:#FFFFFF;--price:#8E3F56;--ln:rgba(58,31,43,.12);--sbg:#3A1F2B;--sink:#F8ECEA;--fh:"Reem Kufi",sans-serif;--fb:"Alexandria",sans-serif;--r:999px;--rl:30px;--pane:#EBCFCB;--paneInk:#3A1F2B;--ring:#E2B9B3;--shc:#3A1F2B}
.st.lk.lk-perfume1 .st-hero .h{font-size:66px;font-weight:700}
.st.lk.m.lk-perfume1 .st-hero .h{font-size:36px}
.st.lk-perfume1 .lk-half{background:#F3DDD9}
.st.lk-perfume1 .lk-half>.lk-ph{inset:44px 64px 0;border-radius:400px 400px 0 0}
.st.m.lk-perfume1 .lk-half>.lk-ph{inset:16px 70px 0;border-radius:200px 200px 0 0}
.st.lk-perfume1 .lk-flc{left:34px;bottom:30px;width:110px;height:165px;fill:none;stroke:rgba(58,31,43,.32);stroke-width:2;z-index:0}
.st.lk-perfume1 .lk-pet{width:64px;height:64px;border-radius:0 60% 0 60%;background:#D98A9C;opacity:.55;z-index:0}
.st.lk-perfume1 .lk-pet.a{top:34px;left:46%}.st.lk-perfume1 .lk-pet.b{width:40px;height:40px;bottom:150px;left:160px;rotate:50deg;background:#B76E79}
.st.m.lk-perfume1 .lk-flc{width:54px;height:80px;left:8px;bottom:8px}
.st.m.lk-perfume1 .lk-pet{display:none}
.st.lk-perfume1 .lk-c{border:0}
.st.lk-perfume1 .lk-c>b{font-family:var(--fb)}
.st.lk-perfume1 .lk-pane .cta{background:#3A1F2B;color:#F8ECEA}

/* perfume 2 · صحراء ملكي: sand + deep teal + brass, Aref Ruqaa, masthead with an eight-point star, arched editorial cards */
.lk-perfume2{--bg:#EFE3CC;--card:#FBF5E9;--tile:#E2D2B3;--ink:#1E2B2A;--mut:#4F5A55;--acc:#0F4C4A;--accInk:#FFFFFF;--price:#0F4C4A;--ln:rgba(30,43,42,.16);--sbg:#0F4C4A;--sink:#F3E6C8;--fh:"Aref Ruqaa",serif;--fb:"Alexandria",sans-serif;--r:4px;--rl:6px;--kick:#7C4A12;--editr:200px 200px 4px 4px;--shc:#1E2B2A}
.st.lk-perfume2:not(.bg-light):not(.bg-dark){--grain:.08;background:radial-gradient(60% 50% at 80% 0,#F6EDDA,transparent 70%),var(--bg)}
.st.lk.lk-perfume2.lkh-mag .st-hero .h{font-size:94px;font-weight:700;line-height:1.25}
.st.lk.m.lk-perfume2.lkh-mag .st-hero .h{font-size:44px}
.st.lk-perfume2 .lk-mh{border-bottom:2px solid #A0702E}
.st.lk-perfume2 .lk-mp{border-radius:200px 200px 6px 6px}
.st.m.lk-perfume2 .lk-mp{border-radius:120px 120px 6px 6px}
.st.lk-perfume2 .lk-khat{left:18px;top:18px;width:100px;height:100px;fill:rgba(239,227,204,.9);stroke:#A0702E;stroke-width:2;z-index:2}
.st.m.lk-perfume2 .lk-khat{width:60px;height:60px;left:10px;top:10px}
.st.lk-perfume2 .lk-arab{left:0;right:0;bottom:0;height:22px;z-index:2;background:conic-gradient(from 45deg,#A0702E 25%,#0F4C4A 0 50%,#A0702E 0 75%,#0F4C4A 0) 0 0/22px 22px}
.st.lk-perfume2 .lk-c>b{font-family:var(--fb)}
.st.lk-perfume2 .lk-i{-webkit-text-stroke-color:#A0702E}
.st.lk-perfume2 .lk-c .lk-th{box-shadow:0 0 0 1px #A0702E,0 0 0 6px #FBF5E9,0 0 0 7px #A0702E}
.st.lk-perfume2 .strip{border-block:3px double #A0702E}

/* pharma 1 · عشبي طبيعي: sage + cream, Almarai, leaf-cut band photo, round cards */
.lk-pharma1{--bg:#F1F4EA;--card:#FFFFFF;--tile:#DDE6CF;--ink:#1F3324;--mut:#4C5E4F;--acc:#3E6B3A;--accInk:#FFFFFF;--price:#3E6B3A;--ln:rgba(31,51,36,.12);--sbg:#DDE6CF;--sink:#1F3324;--fh:"Almarai",sans-serif;--fb:"Almarai","Alexandria",sans-serif;--r:16px;--rl:30px;--cm:#F1F4EA;--ring:#BFD3AE;--kick:#6B4F1D;--shc:#1F3324}
.st.lk-pharma1:not(.bg-light):not(.bg-dark){background:radial-gradient(45% 40% at 0 30%,#E3EBD6,transparent 70%),var(--bg)}
.st.lk.lk-pharma1 .st-hero .h{font-weight:800;font-size:58px}
.st.lk.m.lk-pharma1 .st-hero .h{font-size:32px}
.st.lk-pharma1 .lk-bandph{border-radius:30px 220px 30px 30px}
.st.lk-pharma1 .lk-bandph img{object-position:50% 25%;filter:saturate(.6) hue-rotate(-12deg) brightness(1.04)}
.st.m.lk-pharma1 .lk-bandph{border-radius:20px 110px 20px 20px}
.st.lk-pharma1 .lk-leafd{left:28px;top:24px;width:110px;height:110px;z-index:3;fill:rgba(241,244,234,.9);stroke:#3E6B3A;stroke-width:2.5;stroke-linecap:round}
.st.lk-pharma1 .lk-drop{left:150px;top:40px;width:34px;height:34px;border-radius:0 50% 50% 50%;rotate:45deg;background:#7FB7A4;border:3px solid #F1F4EA;z-index:3}
.st.m.lk-pharma1 .lk-leafd{width:58px;height:58px;left:14px;top:14px}
.st.m.lk-pharma1 .lk-drop{left:82px;top:22px;width:20px;height:20px;border-width:2px}
.st.lk-pharma1 .lk-c{border:0;box-shadow:0 1px 2px rgba(31,51,36,.08),0 16px 30px -20px rgba(31,51,36,.45)}

/* pharma 2 · مودرن جريء: navy pane + cobalt + coral, Rubik, giant capsule, numbered rows */
.lk-pharma2{--bg:#F3F5FF;--card:#FFFFFF;--tile:#E1E6FF;--ink:#0E1A4A;--mut:#48517A;--acc:#1D3FD6;--accInk:#FFFFFF;--price:#1D3FD6;--ln:rgba(14,26,74,.12);--sbg:#FF6B5A;--sink:#0E1A4A;--fh:"Rubik",sans-serif;--fb:"Rubik","Alexandria",sans-serif;--r:12px;--rl:22px;--pane:#0E1A4A;--paneInk:#FFFFFF;--shc:#0E1A4A}
.st.lk.lk-pharma2 .st-hero .h{font-weight:800;font-size:64px;letter-spacing:-.01em}
.st.lk.m.lk-pharma2 .st-hero .h{font-size:35px}
.st.lk-pharma2 .lk-pane .cta{background:#FF6B5A;color:#0E1A4A}
.st.lk-pharma2 .lk-caps{left:-50px;bottom:64px;width:280px;height:100px;border-radius:999px;rotate:-28deg;background:linear-gradient(90deg,#FF6B5A 50%,#FFFFFF 50%);opacity:.16;z-index:0}
.st.lk-pharma2 .lk-dots{left:0;top:0;width:200px;height:130px;background:radial-gradient(circle,rgba(255,255,255,.28) 2px,transparent 2.5px) 0 0/18px 18px;z-index:0}
.st.m.lk-pharma2 .lk-caps{width:150px;height:54px;left:-30px;bottom:24px}
.st.m.lk-pharma2 .lk-dots{width:110px;height:70px}
.st.lk-pharma2 .lk-half::after{content:"";position:absolute;right:0;top:0;bottom:0;width:12px;background:#FF6B5A}
.st.m.lk-pharma2 .lk-half::after{width:auto;height:8px;top:auto;left:0}
.st.lk-pharma2 .lk-c{border-inline-start:4px solid #FF6B5A}

/* market 1 · سوق طازة: kraft + green + tomato red, Lalezar, taped collage with a chalkboard, polaroids */
.lk-market1{--bg:#EFE6D2;--card:#FFFBF2;--tile:#E4D6B8;--ink:#2B2416;--mut:#5C5040;--acc:#2F7D32;--accInk:#FFFFFF;--price:#A3261B;--ln:rgba(43,36,22,.16);--sbg:#2F7D32;--sink:#FFFFFF;--fh:"Lalezar",sans-serif;--fb:"Alexandria",sans-serif;--r:10px;--rl:16px;--kick:#A3261B;--tape:rgba(47,125,50,.45);--shc:#2B2416}
.st.lk-market1:not(.bg-light):not(.bg-dark){--grain:.1;background:repeating-linear-gradient(0deg,transparent 0 46px,rgba(43,36,22,.05) 46px 48px),var(--bg)}
.st.lk.lk-market1 .st-hero .h{font-weight:400;font-size:68px;line-height:1.2}
.st.lk.m.lk-market1 .st-hero .h{font-size:38px}
.st.lk-market1 .lk-c b,.st.lk.lk-market1 .prods h3,.st.lk.lk-market1 .lk-end b{font-weight:400}
.st.lk-market1 .lk-chalk{left:-14px;top:-22px;z-index:4;background:#2E3A33;color:#F4F1E6;padding:12px 20px;border:6px solid #8B6A3E;border-radius:6px;rotate:-5deg;display:flex;flex-direction:column;align-items:center;font:400 26px/1.2 "Lalezar";box-shadow:var(--sh)}
.st.lk-market1 .lk-chalk small{font:500 12px/1.4 "Alexandria";color:#DCE5DD;letter-spacing:0}
.st.m.lk-market1 .lk-chalk{left:0;top:-6px;font-size:16px;padding:6px 10px;border-width:4px}
.st.m.lk-market1 .lk-chalk small{font-size:9.5px}
.st.lk-market1 .lk-c em{display:inline-block;background:#FFF0A8;padding:2px 9px;rotate:-2deg}

/* market 2 · هايبر مودرن: deep green slab + orange, Tajawal, receipt on the photo, coupon cards */
.lk-market2{--bg:#F2F7F2;--card:#FFFFFF;--tile:#DCEBDC;--ink:#0F2A1A;--mut:#44594B;--acc:#FF7A00;--accInk:#111111;--price:#B23A0A;--ln:rgba(15,42,26,.14);--sbg:#FF7A00;--sink:#111111;--fh:"Tajawal",sans-serif;--fb:"Tajawal","Alexandria",sans-serif;--r:12px;--rl:12px;--slab:#0F5132;--slabInk:#FFFFFF;--shc:#0F2A1A}
.st.lk.lk-market2 .st-hero .h{font-weight:800;font-size:66px}
.st.lk.m.lk-market2 .st-hero .h{font-size:36px}
.st.lk-market2 .lk-slab .cta{background:#FF7A00;color:#111}
.st.lk-market2 .lk-rcpt{left:64px;top:52px;z-index:2;width:190px;background:#fff;color:#0F2A1A;padding:16px 16px 28px;font:500 13px/1.8 "Tajawal";display:flex;flex-direction:column;rotate:4deg;filter:drop-shadow(0 14px 18px rgba(15,42,26,.35));-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/16px 10px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/16px 10px repeat-x}
.st.lk-market2 .lk-rcpt b{font-weight:800;border-bottom:1px dashed #0F2A1A;margin-bottom:4px}
.st.lk-market2 .lk-rcpt span::before{content:"✓ ";color:#0F5132;font-weight:800}
.st.lk-market2 .lk-rcpt i{display:block;height:22px;margin-top:8px;background:repeating-linear-gradient(90deg,#0F2A1A 0 2px,transparent 2px 4px,#0F2A1A 4px 7px,transparent 7px 9px)}
.st.m.lk-market2 .lk-rcpt{left:14px;top:14px;width:118px;font-size:10px;padding:10px 10px 20px;line-height:1.6}
.st.m.lk-market2 .lk-rcpt i{height:12px}
.st.lk-market2 .lk-c{border:2px dashed rgba(15,81,50,.45);box-shadow:none}

/* beauty 1 · سبا هادي: eucalyptus + sand, Noto Kufi, pill-shaped photo with spa stones, editorial cards */
.lk-beauty1{--bg:#EEF0EA;--card:#FAFAF6;--tile:#DCE2D6;--ink:#26302A;--mut:#56605A;--acc:#4F6559;--accInk:#FFFFFF;--price:#4A5E53;--ln:rgba(38,48,42,.12);--sbg:#DCE2D6;--sink:#26302A;--fh:"Noto Kufi Arabic",sans-serif;--fb:"Alexandria",sans-serif;--r:22px;--rl:32px;--archr:999px;--archrm:999px;--orbr:50%;--editr:999px 999px 22px 22px;--kick:#7A5A43;--shc:#26302A}
.st.lk-beauty1:not(.bg-light):not(.bg-dark){background:radial-gradient(45% 45% at 15% 20%,#E2E8DD,transparent 70%),var(--bg)}
.st.lk.lk-beauty1 .st-hero .h{font-weight:700;font-size:54px;line-height:1.35}
.st.lk.m.lk-beauty1 .st-hero .h{font-size:30px}
.st.lk-beauty1 .lk-arch{inset:0 100px 30px}
.st.m.lk-beauty1 .lk-arch{inset:0 60px auto}
.st.lk-beauty1 .lk-stones{left:24px;bottom:60px;z-index:3;display:flex;flex-direction:column;align-items:center}
.st.lk-beauty1 .lk-stones i{display:block;width:54px;height:24px;border-radius:50%;background:#CFC6B6;margin-top:-5px;box-shadow:inset 0 -5px 0 rgba(0,0,0,.08),0 8px 14px -8px rgba(38,48,42,.6)}
.st.lk-beauty1 .lk-stones i:nth-child(2){width:74px;height:28px;background:#8E9A8C}.st.lk-beauty1 .lk-stones i:nth-child(3){width:96px;height:32px;background:#B9C2B4}
.st.lk-beauty1 .lk-rip{right:0;top:-34px;width:210px;height:210px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 14px,rgba(79,101,89,.2) 14px 15.5px);z-index:-1}
.st.m.lk-beauty1 .lk-stones{transform:scale(.6);transform-origin:left bottom;bottom:auto;top:200px;left:4px}
.st.m.lk-beauty1 .lk-rip{width:120px;height:120px;top:-10px}
.st.lk-beauty1 .lk-i{-webkit-text-stroke-color:#7A5A43}
.st.lk-beauty1 .lk-c>b{border-top:1px solid var(--ln)}

/* beauty 2 · جلامور: black + fuchsia, Amiri, magazine masthead with a lipstick swipe, tall cards */
.lk-beauty2{--bg:#120E10;--card:#1E171A;--tile:#2A2025;--ink:#F7EDEF;--mut:#C7B5BB;--acc:#F05A8E;--accInk:#120E10;--price:#FF8DB2;--ln:rgba(247,237,239,.14);--sbg:#F05A8E;--sink:#120E10;--fh:"Amiri",serif;--fb:"Alexandria",sans-serif;--r:4px;--rl:4px;--kick:#FF8DB2;--shc:#000}
.st.lk-beauty2:not(.bg-light):not(.bg-dark){background:radial-gradient(40% 30% at 100% 0,rgba(240,90,142,.16),transparent 70%),var(--bg)}
.st.lk.lk-beauty2.lkh-mag .st-hero .h{font-size:96px;font-weight:700;line-height:1.2}
.st.lk.m.lk-beauty2.lkh-mag .st-hero .h{font-size:44px}
.st.lk-beauty2 .lk-mh{border-color:#F05A8E}
.st.lk-beauty2 .lk-swipe{left:-6px;bottom:26px;width:300px;height:80px;fill:none;stroke:#F05A8E;stroke-width:22;stroke-linecap:round;z-index:2;opacity:.92}
.st.m.lk-beauty2 .lk-swipe{width:160px;height:44px;bottom:12px}
.st.lk-beauty2 .lk-c{box-shadow:0 0 0 1px rgba(240,90,142,.35)}
.st.lk-beauty2 .lk-c b{font-size:21px}
.st.m.lk-beauty2 .lk-c b{font-size:15px}

/* home 1 · سكندنافي: light oak + white + blue-grey, Vazirmatn, picture-framed photo with fabric swatches, editorial cards */
.lk-home1{--bg:#F3F1EC;--card:#FFFFFF;--tile:#E6E1D7;--ink:#22262B;--mut:#585E66;--acc:#3F5A73;--accInk:#FFFFFF;--price:#3F5A73;--ln:rgba(34,38,43,.12);--sbg:#22262B;--sink:#F3F1EC;--fh:"Vazirmatn",sans-serif;--fb:"Vazirmatn","Alexandria",sans-serif;--r:6px;--rl:8px;--pane:#FFFFFF;--paneInk:#22262B;--frKick:#7A5A2E;--frMut:#585E66;--editr:6px;--shc:#22262B}
.st.lk.lk-home1 .st-hero .h{font-weight:800;font-size:58px;letter-spacing:-.01em}
.st.lk.m.lk-home1 .st-hero .h{font-size:32px}
.st.lk-home1 .lk-fr img{object-position:20% 45%}
.st.lk-home1 .lk-fr{border:14px solid #E6D5B8;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),var(--sh)}
.st.m.lk-home1 .lk-fr{border-width:8px}
.st.lk-home1 .lk-sw{left:40px;top:36px;z-index:3;display:flex}
.st.lk-home1 .lk-sw i{display:block;width:50px;height:70px;border:4px solid #fff;margin-inline-start:-16px;border-radius:3px;box-shadow:0 8px 16px -8px rgba(34,38,43,.6);background:#CFC6B4}
.st.lk-home1 .lk-sw i:nth-child(1){rotate:-8deg}.st.lk-home1 .lk-sw i:nth-child(2){background:#7D8FA0;rotate:-2deg}.st.lk-home1 .lk-sw i:nth-child(3){background:#9AA88C;rotate:4deg}.st.lk-home1 .lk-sw i:nth-child(4){background:#E9DFCC;rotate:9deg}
.st.m.lk-home1 .lk-sw{left:14px;top:12px}.st.m.lk-home1 .lk-sw i{width:28px;height:40px;border-width:3px;margin-inline-start:-10px}
.st.lk-home1 .lk-i{-webkit-text-stroke-color:#3F5A73}

/* home 2 · تيراكوتا: terracotta + mustard + cream, Rakkas, centred headline over sun arcs, arched gallery + arched cards */
.lk-home2{--bg:#F5E6D3;--card:#FFF8EE;--tile:#EBCDB0;--ink:#3A2116;--mut:#6B4A3A;--acc:#9C3D1F;--accInk:#FFFFFF;--price:#9C3D1F;--ln:rgba(58,33,22,.15);--sbg:#C8892F;--sink:#2A160D;--fh:"Rakkas",serif;--fb:"Alexandria",sans-serif;--r:16px;--rl:26px;--galr:999px 999px 18px 18px;--kick:#8A4A12;--shc:#3A2116}
.st.lk-home2:not(.bg-light):not(.bg-dark){--grain:.08;background:radial-gradient(60% 40% at 50% 0,#FAEEDD,transparent 70%),var(--bg)}
.st.lk.lk-home2 .st-hero .h{font-weight:400;font-size:70px;line-height:1.2}
.st.lk.m.lk-home2 .st-hero .h{font-size:40px}
.st.lk.lk-home2 .prods h3,.st.lk.lk-home2 .lk-end b{font-weight:400}
.st.lk-home2 .lk-c b{font-family:var(--fb);font-weight:700}
.st.lk-home2 .lk-gal .g0 img{object-position:50% 60%}
.st.lk-home2 .lk-sunarc{left:50%;margin-left:-170px;top:-118px;width:340px;height:187px;z-index:0;fill:none;stroke:#C8892F;stroke-width:3}
.st.lk-home2 .lk-sunarc path:first-child{fill:rgba(200,137,47,.2)}
.st.m.lk-home2 .lk-sunarc{width:200px;height:110px;margin-left:-100px;top:-64px}
.st.lk-home2 .lk-g.g1,.st.lk-home2 .lk-g.g2{border-radius:18px 18px 999px 999px}
.st.lk-home2 .lk-c{border-color:#E2C4A4}

/* round-9 business blocks (batch 2) */
.lk-wage>span,.lk-wfl>span,.lk-wkg>span{display:flex;gap:6px;flex-wrap:wrap}
.lk-wage small:last-child{flex-basis:100%}
.lk-wqr{flex-wrap:nowrap!important}
.lk-qrc{flex:none;width:74px;height:74px;padding:6px;background:#fff;color:#111;border-radius:8px;box-shadow:0 0 0 1px var(--ln)}
.lk-qrc svg{display:block;width:100%;height:100%}
.lk-qrt{display:flex;flex-direction:column}.lk-qrt b{font:800 20px/1.3 var(--fh)}
.st.lk.m .lk-qrc{width:56px;height:56px;padding:4px}
.st.lk.m .lk-qrt b{font-size:16px}
.lk-wbb>span{font-size:13.5px}

/* kids 1 · باستيل: mint + peach + lilac pastels, Marhey, collage with a rainbow and a cloud, ringed round cards */
.lk-kids1{--bg:#EAF6F0;--card:#FFFFFF;--tile:#FCE3D6;--ink:#2D2A4A;--mut:#57547A;--acc:#6A4FB6;--accInk:#FFFFFF;--price:#5B3FA8;--ln:rgba(45,42,74,.12);--sbg:#FCE3D6;--sink:#2D2A4A;--fh:"Marhey",sans-serif;--fb:"Alexandria",sans-serif;--r:22px;--rl:30px;--tape:rgba(106,79,182,.3);--kick:#9C3D5A;--shc:#2D2A4A}
.st.lk-kids1:not(.bg-light):not(.bg-dark){background:radial-gradient(circle at 8% 12%,#FDE2E4 0 70px,transparent 71px),radial-gradient(circle at 96% 40%,#E3DBFA 0 90px,transparent 91px),var(--bg)}
.st.lk.lk-kids1 .st-hero .h{font-weight:700;font-size:60px;line-height:1.35}
.st.lk.m.lk-kids1 .st-hero .h{font-size:33px}
.st.lk-kids1 .lk-pc{border-radius:18px}
.st.lk-kids1 .lk-pc>.lk-ph{border-radius:12px}
.st.lk-kids1 .lk-rainbow{left:150px;top:-26px;width:220px;height:121px;z-index:0;fill:none;stroke-width:13;stroke-linecap:round}
.st.lk-kids1 .lk-rainbow path:nth-child(1){stroke:#F7A6B5}.st.lk-kids1 .lk-rainbow path:nth-child(2){stroke:#FFD58A}.st.lk-kids1 .lk-rainbow path:nth-child(3){stroke:#9FD8C1}
.st.lk-kids1 .lk-cloud{right:-10px;bottom:120px;z-index:3;width:110px;height:42px;border-radius:30px;background:#fff;box-shadow:0 10px 20px -12px rgba(45,42,74,.5)}
.st.lk-kids1 .lk-cloud::before,.st.lk-kids1 .lk-cloud::after{content:"";position:absolute;background:#fff;border-radius:50%}
.st.lk-kids1 .lk-cloud::before{width:50px;height:50px;top:-26px;right:18px}.st.lk-kids1 .lk-cloud::after{width:36px;height:36px;top:-16px;left:18px}
.st.m.lk-kids1 .lk-rainbow{width:120px;height:66px;left:auto;right:4px;top:180px;stroke-width:10}
.st.m.lk-kids1 .lk-cloud{transform:scale(.6);transform-origin:right bottom;bottom:auto;top:250px}
.st.lk-kids1 .lk-c{border:0;box-shadow:0 1px 2px rgba(45,42,74,.06),0 16px 30px -22px rgba(45,42,74,.5)}
.st.lk-kids1 .lk-c:nth-child(4n+1){--ring:#F7A6B5}.st.lk-kids1 .lk-c:nth-child(4n+2){--ring:#FFD58A}.st.lk-kids1 .lk-c:nth-child(4n+3){--ring:#9FD8C1}.st.lk-kids1 .lk-c:nth-child(4n+4){--ring:#C3B4F0}

/* kids 2 · بلوكات: primary red / yellow / blue, Lalezar, yellow slab with letter blocks, brutal cards */
.lk-kids2{--bg:#F4F1EA;--card:#FFFFFF;--tile:#FFE9A8;--ink:#1A1A2E;--mut:#4A4A5E;--acc:#1F5BD6;--accInk:#FFFFFF;--price:#C81D25;--ln:rgba(26,26,46,.16);--sbg:#C81D25;--sink:#FFFFFF;--fh:"Lalezar",sans-serif;--fb:"Alexandria",sans-serif;--r:8px;--rl:8px;--slab:#FFD23F;--slabInk:#1A1A2E;--shc:#1A1A2E}
.st.lk.lk-kids2 .st-hero .h{font-weight:400;font-size:72px;line-height:1.15}
.st.lk.m.lk-kids2 .st-hero .h{font-size:40px}
.st.lk.lk-kids2 .prods h3,.st.lk.lk-kids2 .lk-end b{font-weight:400}
.st.lk-kids2 .lk-slab .cta{background:#C81D25;color:#fff}
.st.lk-kids2 .lk-bg img{object-position:30% 50%}
.st.lk-kids2 .lk-blocks{left:44px;top:46px;z-index:2;display:flex;gap:6px;align-items:flex-end}
.st.lk-kids2 .lk-blocks i{display:grid;place-items:center;width:70px;height:70px;font:400 40px/1 "Lalezar";font-style:normal;color:#fff;background:#C81D25;border-radius:8px;box-shadow:inset -6px -6px 0 rgba(0,0,0,.18),0 10px 18px -10px rgba(0,0,0,.6)}
.st.lk-kids2 .lk-blocks i:nth-child(2){background:#1F5BD6;translate:0 -24px;rotate:8deg}.st.lk-kids2 .lk-blocks i:nth-child(3){background:#2A9D4B;rotate:-6deg}
.st.lk-kids2 .lk-scrib{right:60px;bottom:36px;width:200px;height:60px;fill:none;stroke:#1A1A2E;stroke-width:5;stroke-linecap:round;z-index:1;opacity:.85}
.st.m.lk-kids2 .lk-blocks{left:14px;top:14px;transform:scale(.55);transform-origin:left top}
.st.m.lk-kids2 .lk-scrib{display:none}
.st.lk-kids2 .lk-c:nth-child(4n+1){--bshadow:#C81D25}.st.lk-kids2 .lk-c:nth-child(4n+2){--bshadow:#1F5BD6}.st.lk-kids2 .lk-c:nth-child(4n+3){--bshadow:#FFD23F}.st.lk-kids2 .lk-c:nth-child(4n+4){--bshadow:#2A9D4B}

/* gym 1 · رياضي نظيف: white + electric blue, IBM Plex, band photo with a pulse line, numbered rows */
.lk-gym1{--bg:#F2F5F9;--card:#FFFFFF;--tile:#E2E8F0;--ink:#0B1220;--mut:#4A5568;--acc:#0057FF;--accInk:#FFFFFF;--price:#0047D1;--ln:rgba(11,18,32,.1);--sbg:#0B1220;--sink:#FFFFFF;--fh:"IBM Plex Sans Arabic",sans-serif;--fb:"IBM Plex Sans Arabic","Alexandria",sans-serif;--r:10px;--rl:18px;--cm:#FFFFFF;--shc:#0B1220}
.st.lk-gym1:not(.bg-light):not(.bg-dark){background:linear-gradient(115deg,transparent 0 62%,rgba(0,87,255,.07) 62% 70%,transparent 70%),var(--bg)}
.st.lk.lk-gym1 .st-hero .h{font-weight:700;font-size:62px;letter-spacing:-.01em}
.st.lk.m.lk-gym1 .st-hero .h{font-size:34px}
.st.lk-gym1 .lk-bandph img{object-position:50% 35%;filter:grayscale(.35) contrast(1.05)}
.st.lk-gym1 .lk-pulse{left:0;right:0;bottom:34px;width:100%;height:80px;z-index:2;fill:none;stroke:#00D1FF;stroke-width:4;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(0,209,255,.8))}
.st.lk-gym1 .lk-watch{left:34px;top:30px;z-index:3;width:84px;height:84px;border-radius:50%;background:conic-gradient(#0057FF 0 72%,rgba(255,255,255,.35) 0);-webkit-mask:radial-gradient(closest-side,transparent 72%,#000 73%);mask:radial-gradient(closest-side,transparent 72%,#000 73%)}
.st.m.lk-gym1 .lk-pulse{bottom:16px;height:44px}
.st.m.lk-gym1 .lk-watch{width:50px;height:50px;left:14px;top:14px}
.st.lk-gym1 .lk-c{border-inline-start:4px solid #0057FF}

/* gym 2 · أولد سكول: cream + red + black, Changa, framed photo with a black varsity card, ticket cards */
.lk-gym2{--bg:#F1E9DA;--card:#FFFBF2;--tile:#E6DAC4;--ink:#1B1B1B;--mut:#4D4A45;--acc:#C1121F;--accInk:#FFFFFF;--price:#A30F1A;--ln:rgba(27,27,27,.16);--sbg:#1B1B1B;--sink:#F1E9DA;--fh:"Changa",sans-serif;--fb:"Alexandria",sans-serif;--r:6px;--rl:10px;--pane:#1B1B1B;--paneInk:#F1E9DA;--frKick:#F7C548;--frMut:#D9D2C5;--shc:#1B1B1B}
.st.lk-gym2:not(.bg-light):not(.bg-dark){--grain:.09;background:var(--bg)}
.st.lk.lk-gym2 .st-hero .h{font-weight:800;font-size:64px;line-height:1.15}
.st.lk.m.lk-gym2 .st-hero .h{font-size:36px}
.st.lk-gym2 .lk-fr img{object-position:50% 65%;filter:sepia(.25) contrast(1.08)}
.st.lk-gym2 .lk-frc{border-top:10px solid;border-image:linear-gradient(#C1121F 0 33%,#F1E9DA 33% 66%,#C1121F 66%) 10}
.st.lk-gym2 .lk-frc .cta{background:#C1121F;color:#fff}
.st.lk-gym2 .lk-frc .lk-w{background:#2A2A2A;color:#F1E9DA;border-color:#2A2A2A;--mut:#D9D2C5;--ln:rgba(241,233,218,.25);--price:#F7C548}
.st.lk-gym2 .lk-kg{left:40px;top:34px;z-index:3;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#F1E9DA 0 13px,#1B1B1B 14px 30px,#2C2C2C 31px 33px,#1B1B1B 34px);color:#F1E9DA;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px;font:800 12px/1 "Changa";letter-spacing:.2em;box-shadow:0 12px 20px -10px rgba(0,0,0,.6)}
.st.lk-gym2 .lk-kg b{position:absolute;top:12px;font-size:18px;letter-spacing:0}
.st.lk-gym2 .lk-vars{left:0;right:0;top:0;height:16px;z-index:2;background:linear-gradient(#C1121F 0 33%,#F1E9DA 33% 66%,#1B1B1B 66%)}
.st.m.lk-gym2 .lk-kg{transform:scale(.55);transform-origin:left top;left:12px;top:22px}
.st.lk-gym2 .lk-c b{font-size:20px;font-weight:800}
.st.m.lk-gym2 .lk-c b{font-size:15px}

/* abaya 1 · ليل حرير: night plum + burgundy pane + gold, Noto Naskh, crescent and a gold ornament line, arched cards */
.lk-abaya1{--bg:#17121A;--card:#221A26;--tile:#2E2433;--ink:#F4ECE4;--mut:#C9BBB4;--acc:#C9A35A;--accInk:#17121A;--price:#D8B776;--ln:rgba(201,163,90,.26);--sbg:#C9A35A;--sink:#17121A;--fh:"Noto Naskh Arabic",serif;--fb:"Alexandria",sans-serif;--r:6px;--rl:8px;--pane:#5A1F33;--paneInk:#F8EEE6;--shc:#000}
.st.lk-abaya1:not(.bg-light):not(.bg-dark){background:radial-gradient(50% 40% at 0 100%,rgba(90,31,51,.4),transparent 70%),var(--bg)}
.st.lk.lk-abaya1 .st-hero .h{font-weight:700;font-size:60px;line-height:1.4}
.st.lk.m.lk-abaya1 .st-hero .h{font-size:33px}
.st.lk-abaya1 .lk-pane{background:radial-gradient(70% 60% at 100% 0,#6E2A41,transparent 70%),var(--pane)}
.st.lk-abaya1 .lk-pane .cta{background:#C9A35A;color:#17121A}
.st.lk-abaya1 .lk-pane .lk-w{background:#17121A;border-color:rgba(201,163,90,.4)}
.st.lk-abaya1 .lk-half img{object-position:50% 20%}
.st.lk-abaya1 .lk-half::after{content:"";position:absolute;inset:22px;border:1px solid rgba(201,163,90,.8);pointer-events:none}
.st.lk-abaya1 .lk-cres{left:40px;top:34px;width:64px;height:64px;fill:#C9A35A;z-index:0;opacity:.9}
.st.lk-abaya1 .lk-arline{left:56px;right:56px;bottom:26px;width:auto;height:30px;fill:none;stroke:#C9A35A;stroke-width:1.5;z-index:0}
.st.lk-abaya1 .lk-arline circle{fill:#C9A35A}
.st.m.lk-abaya1 .lk-cres{width:36px;height:36px;left:14px;top:14px}
.st.m.lk-abaya1 .lk-arline{left:16px;right:16px;bottom:8px;height:20px}
.st.lk-abaya1 .lk-c{border-color:rgba(201,163,90,.4)}
.st.lk-abaya1 .lk-c .lk-th{box-shadow:0 0 0 1px rgba(201,163,90,.6)}

/* abaya 2 · مينيمال: stone grey + olive, Readex Pro, centred headline + gallery with a tailor's tape, catalogue cards */
.lk-abaya2{--bg:#EEECE8;--card:#FFFFFF;--tile:#DEDBD4;--ink:#23221F;--mut:#5A5852;--acc:#5B6142;--accInk:#FFFFFF;--price:#5B6142;--ln:rgba(35,34,31,.12);--sbg:#23221F;--sink:#EEECE8;--fh:"Readex Pro",sans-serif;--fb:"Readex Pro","Alexandria",sans-serif;--r:2px;--rl:2px;--galr:2px;--editr:2px;--kick:#7A5A2E;--shc:#23221F}
.st.lk.lk-abaya2 .st-hero .h{font-weight:400;font-size:60px;letter-spacing:-.01em}
.st.lk.m.lk-abaya2 .st-hero .h{font-size:33px}
.st.lk-abaya2 .lk-g.g0 img{object-position:50% 15%}
.st.lk-abaya2 .lk-tape2{left:-56px;right:-56px;bottom:-12px;height:30px;z-index:3;display:flex;justify-content:space-around;align-items:center;background:repeating-linear-gradient(90deg,#23221F 0 1px,transparent 1px 12px) bottom/100% 9px no-repeat,#E9D27C;rotate:-1.5deg;box-shadow:0 8px 14px -10px rgba(0,0,0,.5)}
.st.lk-abaya2 .lk-tape2 b{font:700 12px/1 "Readex Pro";color:#23221F}
.st.m.lk-abaya2 .lk-tape2{left:-16px;right:-16px;height:22px}
.st.m.lk-abaya2 .lk-tape2 b{font-size:9px}
.st.lk-abaya2 .lk-i{-webkit-text-stroke-color:#5B6142}
.st.lk-abaya2 .lk-c .lk-th{aspect-ratio:3/4}

/* honey 1 · واحة تمور: sand + date brown + palm green, Aref Ruqaa, arch with a palm frond and dates, polaroids */
.lk-honey1{--bg:#F3E7D3;--card:#FFFBF2;--tile:#E6D3B3;--ink:#3B2412;--mut:#6A5240;--acc:#6B3E1F;--accInk:#FFFFFF;--price:#6B3E1F;--ln:rgba(59,36,18,.16);--sbg:#3F5B2A;--sink:#FFFFFF;--fh:"Aref Ruqaa",serif;--fb:"Alexandria",sans-serif;--r:12px;--rl:20px;--archr:999px 999px 20px 20px;--archrm:999px 999px 16px 16px;--kick:#3F5B2A;--shc:#3B2412}
.st.lk-honey1:not(.bg-light):not(.bg-dark){--grain:.08;background:radial-gradient(60% 50% at 100% 0,#F8EEDD,transparent 70%),var(--bg)}
.st.lk.lk-honey1 .st-hero .h{font-weight:700;font-size:58px;line-height:1.35}
.st.lk.m.lk-honey1 .st-hero .h{font-size:32px}
.st.lk-honey1 .lk-arch{z-index:1;box-shadow:0 0 0 8px #FFFBF2,0 0 0 10px #C49A5A,var(--sh)}
.st.lk-honey1 .lk-arch img{object-position:50% 70%}
.st.lk-honey1 .lk-orb{border-color:#FFFBF2}
.st.lk-honey1 .lk-palm{left:-14px;bottom:70px;width:130px;height:150px;fill:none;stroke:#3F5B2A;stroke-width:4;stroke-linecap:round;z-index:2}
.st.lk-honey1 .lk-dates{right:24px;bottom:50px;z-index:3;display:flex;gap:2px}
.st.lk-honey1 .lk-dates i{display:block;width:22px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#A8652F,#5A2E12 70%);rotate:-20deg}
.st.lk-honey1 .lk-dates i:nth-child(2){rotate:10deg;translate:0 -6px}
.st.m.lk-honey1 .lk-palm{width:70px;height:80px;bottom:auto;top:190px;left:-6px}
.st.m.lk-honey1 .lk-dates{display:none}
.st.lk-honey1 .lk-c b{font-family:var(--fb)}
.st.lk-honey1 .lk-c::after{content:"";position:absolute;top:-10px;left:50%;width:64px;height:20px;margin-left:-32px;background:rgba(63,91,42,.35);rotate:-3deg}

/* honey 2 · منحل مودرن: black + honey yellow, Rubik, band photo with a dipper and hexes, honey-edged brutal cards */
.lk-honey2{--bg:#141210;--card:#1F1B17;--tile:#2A241D;--ink:#FFF6E0;--mut:#C9BC9F;--acc:#F2A900;--accInk:#141210;--price:#FFC233;--ln:rgba(255,246,224,.14);--sbg:#F2A900;--sink:#141210;--fh:"Rubik",sans-serif;--fb:"Rubik","Alexandria",sans-serif;--r:14px;--rl:22px;--cm:#F2A900;--bline:#F2A900;--bshadow:#F2A900;--shc:#000}
.st.lk-honey2:not(.bg-light):not(.bg-dark){background:radial-gradient(50% 40% at 0 0,rgba(242,169,0,.14),transparent 70%),var(--bg)}
.st.lk.lk-honey2 .st-hero .h{font-weight:800;font-size:60px}
.st.lk.m.lk-honey2 .st-hero .h{font-size:33px}
.st.lk-honey2 .lk-bandph img{object-position:50% 40%}
.st.lk-honey2 .lk-dip{left:70px;top:-6px;width:66px;height:165px;fill:rgba(242,169,0,.85);stroke:#141210;stroke-width:3;z-index:3}
.st.lk-honey2 .lk-dip path:first-child{stroke:#F2A900;stroke-width:6}
.st.lk-honey2 .lk-hexs{right:0;top:0;bottom:0;width:240px;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97'%3E%3Cpath d='M28 1l27 16v31L28 64 1 48V17zM28 64v33' fill='none' stroke='%23F2A900' stroke-width='2'/%3E%3C/svg%3E") 0 0/42px 73px;-webkit-mask:linear-gradient(270deg,#000,transparent);mask:linear-gradient(270deg,#000,transparent);opacity:.9}
.st.m.lk-honey2 .lk-dip{width:36px;height:90px;left:20px}
.st.m.lk-honey2 .lk-hexs{width:120px}
.st.lk-honey2 .lk-w{background:#2A241D}

/* qrmenu 1 · كافيه أبيض: white + caramel, Mada, framed photo with a table QR card, numbered menu rows */
.lk-qrmenu1{--bg:#FAFAF7;--card:#FFFFFF;--tile:#EFE9DF;--ink:#1E2421;--mut:#56605B;--acc:#9A5418;--accInk:#FFFFFF;--price:#9A5418;--ln:rgba(30,36,33,.1);--sbg:#EFE9DF;--sink:#1E2421;--fh:"Mada",sans-serif;--fb:"Mada","Alexandria",sans-serif;--r:14px;--rl:22px;--pane:#FFFFFF;--paneInk:#1E2421;--frKick:#9A5418;--frMut:#56605B;--shc:#1E2421}
.st.lk.lk-qrmenu1 .st-hero .h{font-weight:800;font-size:56px;line-height:1.25}
.st.lk.m.lk-qrmenu1 .st-hero .h{font-size:31px}
.st.lk-qrmenu1 .lk-fr img{object-position:50% 70%}
.st.lk-qrmenu1 .lk-tent{left:44px;top:40px;z-index:3;width:150px;padding:14px 14px 12px;background:#fff;color:#1E2421;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px;rotate:-4deg;box-shadow:0 18px 30px -14px rgba(0,0,0,.55);font:800 14px/1 "Mada"}
.st.lk-qrmenu1 .lk-tent span{width:110px;height:110px;color:#1E2421}.st.lk-qrmenu1 .lk-tent svg{display:block;width:100%;height:100%}
.st.m.lk-qrmenu1 .lk-tent{transform:scale(.55);transform-origin:left top;left:12px;top:12px}
.st.lk-qrmenu1 .lk-c{border:0;box-shadow:0 1px 2px rgba(30,36,33,.06),0 14px 28px -20px rgba(30,36,33,.5)}

/* qrmenu 2 · ليلي: night navy + green pane + yellow, Baloo Bhaijaan 2, a phone scanning the code, tall cards */
.lk-qrmenu2{--bg:#101820;--card:#18232D;--tile:#22303C;--ink:#F2EEE6;--mut:#B4BCC2;--acc:#F2C14E;--accInk:#101820;--price:#F2C14E;--ln:rgba(242,238,230,.14);--sbg:#F2C14E;--sink:#101820;--fh:"Baloo Bhaijaan 2",sans-serif;--fb:"Alexandria",sans-serif;--r:18px;--rl:26px;--pane:#1F6F5C;--paneInk:#FFFFFF;--shc:#000}
.st.lk.lk-qrmenu2 .st-hero .h{font-weight:800;font-size:58px;line-height:1.25}
.st.lk.m.lk-qrmenu2 .st-hero .h{font-size:32px}
.st.lk-qrmenu2 .lk-pane .cta{background:#F2C14E;color:#101820}
.st.lk-qrmenu2 .lk-pane .lk-w{background:#101820;color:#F2EEE6;border-color:#101820;--mut:#B4BCC2}
.st.lk-qrmenu2 .lk-half img{object-position:40% 50%}
.st.lk-qrmenu2 .lk-pane{overflow:visible}
.st.lk-qrmenu2 .lk-phn{left:-84px;top:70px;z-index:5;width:124px;height:230px;border-radius:26px;border:6px solid #101820;background:#F2EEE6;display:grid;place-items:center;rotate:-10deg;opacity:.95;box-shadow:0 20px 40px -18px rgba(0,0,0,.7)}
.st.lk-qrmenu2 .lk-phn span{width:84px;height:84px;color:#101820}.st.lk-qrmenu2 .lk-phn svg{display:block;width:100%;height:100%}
.st.lk-qrmenu2 .lk-phn i{position:absolute;left:12px;right:12px;top:48%;height:3px;background:#F2C14E;box-shadow:0 0 12px 3px rgba(242,193,78,.8)}
.st.m.lk-qrmenu2 .lk-phn{display:none}
.st.lk-qrmenu2 .lk-c{box-shadow:0 0 0 1px rgba(31,111,92,.6)}

/* carrent 1 · رود تريب: desert sand + orange + brown slab, Reem Kufi, road line and a road sign, rental-contract tickets */
.lk-carrent1{--bg:#F4E9D8;--card:#FFFBF3;--tile:#E8D7BC;--ink:#2B1D12;--mut:#5E4B3A;--acc:#C2410C;--accInk:#FFFFFF;--price:#B23A0A;--ln:rgba(43,29,18,.16);--sbg:#C2410C;--sink:#FFFFFF;--fh:"Reem Kufi",sans-serif;--fb:"Alexandria",sans-serif;--r:8px;--rl:8px;--slab:#2B1D12;--slabInk:#F4E9D8;--shc:#2B1D12}
.st.lk.lk-carrent1 .st-hero .h{font-weight:700;font-size:62px;line-height:1.3}
.st.lk.m.lk-carrent1 .st-hero .h{font-size:34px}
.st.lk-carrent1 .lk-slab .cta{background:#F08A3E;color:#2B1D12}
.st.lk.lk-carrent1 .st-hero>.lk-w{max-width:470px}
.st.lk-carrent1 .lk-c b{font-family:var(--fb)}
.st.lk-carrent1 .lk-bg img{filter:sepia(.3) saturate(1.1);object-position:50% 70%}
.st.lk-carrent1 .lk-road{left:0;right:0;bottom:0;height:46px;z-index:1;background:linear-gradient(90deg,#F5C400 0 60%,transparent 60%) 0 50%/80px 6px repeat-x,#2F2F2F}
.st.lk-carrent1 .lk-sign{left:56px;top:56px;z-index:2;background:#1F6F43;color:#fff;border:3px solid #fff;outline:2px solid #1F6F43;border-radius:8px;padding:10px 18px;display:flex;flex-direction:column;align-items:center;font:700 22px/1.3 "Reem Kufi";box-shadow:0 14px 24px -12px rgba(0,0,0,.6)}
.st.lk-carrent1 .lk-sign small{font:600 13px/1.3 "Alexandria";color:#fff;letter-spacing:0}
.st.m.lk-carrent1 .lk-road{height:26px;background-size:60px 4px,auto}
.st.m.lk-carrent1 .lk-sign{left:14px;top:14px;font-size:15px;padding:6px 10px}
.st.m.lk-carrent1 .lk-sign small{font-size:10px}
.st.lk-carrent1 .lk-c .lk-bc i{background:repeating-linear-gradient(90deg,#2B1D12 0 2px,transparent 2px 5px)}

/* carrent 2 · فاخر: white + racing green + brass, El Messiri, masthead with a key fob, tall cards */
.lk-carrent2{--bg:#F5F5F2;--card:#FFFFFF;--tile:#E4E6E1;--ink:#10231B;--mut:#4D5A54;--acc:#1B4D3E;--accInk:#FFFFFF;--price:#1B4D3E;--ln:rgba(16,35,27,.12);--sbg:#1B4D3E;--sink:#F5F5F2;--fh:"El Messiri",sans-serif;--fb:"Alexandria",sans-serif;--r:4px;--rl:4px;--kick:#7A5A2E;--shc:#10231B}
.st.lk.lk-carrent2.lkh-mag .st-hero .h{font-weight:700;font-size:80px;line-height:1.2}
.st.lk.m.lk-carrent2.lkh-mag .st-hero .h{font-size:38px}
.st.lk-carrent2 .lk-mh{border-color:#1B4D3E}
.st.lk-carrent2 .lk-mp img{object-position:50% 60%}
.st.lk-carrent2 .lk-fob{left:26px;top:-4px;z-index:2;width:74px;height:120px;display:flex;flex-direction:column;align-items:center}
.st.lk-carrent2 .lk-fob i{width:40px;height:40px;border-radius:50%;border:5px solid #B08A3E;margin-bottom:-6px}
.st.lk-carrent2 .lk-fob b{display:grid;place-items:center;width:74px;height:80px;border-radius:14px 14px 37px 37px;background:#1B4D3E;color:#F5E6C4;font:700 30px/1 "El Messiri";box-shadow:inset 0 0 0 3px #B08A3E,0 16px 24px -12px rgba(0,0,0,.6)}
.st.m.lk-carrent2 .lk-fob{transform:scale(.6);transform-origin:left top;left:12px}
.st.lk-carrent2 .lk-c{box-shadow:0 0 0 1px rgba(176,138,62,.5)}
.st.lk-carrent2 .lk-b{border-top:3px solid #B08A3E}

/* round-9 business blocks (batch 3) */
.st.lk .lk-wcr{flex-direction:column;align-items:stretch;flex-wrap:nowrap}
.lk-pg{display:block;height:10px;border-radius:999px;background:var(--tile);overflow:hidden}
.st.lk .lk-w .lk-pg u{display:block;height:100%;border-radius:999px;background:var(--acc);min-width:0;padding:0;border:0}
.lk-wau>span{display:flex;gap:6px;flex-wrap:wrap}.lk-wau small:last-child{flex-basis:100%}
.st.lk .lk-wtt{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:4px}.lk-wtt b{font:700 17px/1.35 var(--fh)}
.st.lk .lk-wqf{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:8px;min-width:min(340px,100%)}
.lk-wqf>b{font:800 18px/1.3 var(--fh)}
.lk-wqf>span{padding:8px 12px;border:1px solid var(--ln);border-radius:calc(var(--r)*.6);color:var(--mut);font-size:13px;background:var(--bg)}
.st.lk .lk-wqf>u{background:var(--acc);color:var(--accInk);border-color:var(--acc);padding:9px 14px;border-radius:calc(var(--r)*.6)}
.st.lk .lk-wnt{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:4px}
.lk-wnt .lk-cn{font:700 22px/1.35 var(--fh);color:var(--ink)}
.st.lk.m .lk-wnt .lk-cn{font-size:17px}

/* courses 1 · كراسة: ruled notebook paper + ink blue + red margin, Playpen Sans Arabic, pencil on the photo, polaroids */
.lk-courses1{--bg:#FDFBF3;--card:#FFFFFF;--tile:#E8EEF9;--ink:#1F2A44;--mut:#4E5872;--acc:#2B59C3;--accInk:#FFFFFF;--price:#2B59C3;--ln:rgba(31,42,68,.12);--sbg:#2B59C3;--sink:#FFFFFF;--fh:"Playpen Sans Arabic",sans-serif;--fb:"Alexandria",sans-serif;--r:10px;--rl:14px;--cm:#FDFBF3;--kick:#B03A2E;--shc:#1F2A44}
.st.lk-courses1:not(.bg-light):not(.bg-dark){background:linear-gradient(90deg,transparent 0 calc(100% - 46px),rgba(192,57,43,.45) calc(100% - 46px) calc(100% - 44px),transparent calc(100% - 44px)),repeating-linear-gradient(0deg,transparent 0 33px,rgba(43,89,195,.13) 33px 34px),var(--bg)}
.st.lk.lk-courses1 .st-hero .h{font-weight:700;font-size:56px;line-height:1.4}
.st.lk.m.lk-courses1 .st-hero .h{font-size:30px}
.st.lk-courses1 .lk-bandph{border-radius:6px;rotate:-.6deg}
.st.lk-courses1 .lk-bandph img{object-position:50% 40%}
.st.lk-courses1 .lk-pencil{left:40px;bottom:30px;z-index:3;width:300px;height:22px;rotate:-14deg;background:linear-gradient(90deg,#F4C9B2 0 20px,#F2B705 20px calc(100% - 34px),#C9C3B6 calc(100% - 34px) calc(100% - 22px),#F49AA8 calc(100% - 22px));clip-path:polygon(0 50%,20px 0,100% 0,100% 100%,20px 100%);box-shadow:0 10px 16px -8px rgba(0,0,0,.5)}
.st.lk-courses1 .lk-pencil i{position:absolute;left:0;top:7px;width:7px;height:8px;background:#333;clip-path:polygon(0 50%,100% 0,100% 100%)}
.st.lk-courses1 .lk-margin{top:0;bottom:0;right:22px;width:2px;background:#C0392B;opacity:.7;z-index:2}
.st.lk-courses1 .lk-star9{right:60px;top:24px;width:46px;height:46px;fill:#F2B705;stroke:#1F2A44;stroke-width:2;z-index:3;rotate:12deg}
.st.m.lk-courses1 .lk-pencil{width:150px;height:12px;left:16px;bottom:16px}
.st.m.lk-courses1 .lk-pencil i{top:3px;width:4px;height:6px}
.st.m.lk-courses1 .lk-star9{width:28px;height:28px;right:30px;top:12px}
.st.lk-courses1 .lk-c{rotate:0deg!important;border-top:14px solid rgba(43,89,195,.12)}
.st.lk-courses1 .lk-c:nth-child(even){rotate:0deg}

/* courses 2 · تك أونلاين: dark indigo + coral pane, Cairo, a video player on the pane, certificate tickets */
.lk-courses2{--bg:#0F1029;--card:#181A3A;--tile:#22254D;--ink:#EEF0FF;--mut:#B3B6D9;--acc:#FF7A59;--accInk:#0F1029;--price:#FF9C80;--ln:rgba(238,240,255,.14);--sbg:#FF7A59;--sink:#0F1029;--fh:"Cairo",sans-serif;--fb:"Cairo","Alexandria",sans-serif;--r:14px;--rl:22px;--pane:#FF7A59;--paneInk:#0F1029;--shc:#000}
.st.lk-courses2:not(.bg-light):not(.bg-dark){background:radial-gradient(40% 30% at 100% 100%,rgba(255,122,89,.12),transparent 70%),linear-gradient(rgba(179,182,217,.06) 1px,transparent 1px) 0 0/100% 28px,var(--bg)}
.st.lk.lk-courses2 .st-hero .h{font-weight:800;font-size:62px;line-height:1.3}
.st.lk.m.lk-courses2 .st-hero .h{font-size:34px}
.st.lk-courses2 .lk-pane .cta{background:#0F1029;color:#FFB59F}
.st.lk-courses2 .lk-pane .lk-w{background:#0F1029;color:#EEF0FF;border-color:#0F1029;--mut:#B3B6D9;--tile:#2A2D5C}
.st.lk-courses2 .lk-half img{object-position:50% 45%}
.st.lk-courses2 .lk-play{left:40px;top:40px;z-index:0;width:90px;height:90px;border-radius:50%;background:#0F1029;opacity:.92}
.st.lk-courses2 .lk-play i{position:absolute;left:36px;top:28px;border-left:26px solid #FF9C80;border-top:17px solid transparent;border-bottom:17px solid transparent}
.st.lk-courses2 .lk-code{left:150px;top:62px;z-index:0;font:800 30px/1 ui-monospace,Consolas,monospace;color:#0F1029;opacity:.55;direction:ltr}
.st.m.lk-courses2 .lk-play{transform:scale(.5);transform-origin:left top;left:12px;top:12px}
.st.m.lk-courses2 .lk-code{display:none}
.st.lk-courses2 .lk-c{border-color:rgba(255,122,89,.35)}
.st.lk-courses2 .lk-c .lk-b::before,.st.lk-courses2 .lk-c .lk-b::after{background:var(--bg)}

/* jewel 1 · لؤلؤ: ivory + navy + gold, Scheherazade New, arch with a pearl strand, round cards */
.lk-jewel1{--bg:#F6F2EC;--card:#FFFFFF;--tile:#ECE5DA;--ink:#1F2433;--mut:#555B6E;--acc:#1F2D4D;--accInk:#FFFFFF;--price:#8A6420;--ln:rgba(31,36,51,.12);--sbg:#1F2D4D;--sink:#F1E3C4;--fh:"Scheherazade New",serif;--fb:"Alexandria",sans-serif;--r:999px;--rl:30px;--archr:999px 999px 30px 30px;--archrm:999px 999px 20px 20px;--ring:#D9C08A;--kick:#8A6420;--shc:#1F2433}
.st.lk-jewel1:not(.bg-light):not(.bg-dark){background:radial-gradient(50% 50% at 25% 30%,#FFFFFF,transparent 70%),var(--bg)}
.st.lk.lk-jewel1 .st-hero .h{font-weight:700;font-size:64px;line-height:1.35}
.st.lk.m.lk-jewel1 .st-hero .h{font-size:36px}
.st.lk-jewel1 .lk-arch{box-shadow:0 0 0 1px #D9C08A,0 0 0 9px #F6F2EC,0 0 0 10px #D9C08A,var(--sh)}
.st.lk-jewel1 .lk-orb{border-color:#fff}
.st.lk-jewel1 .lk-pearl{left:30px;top:250px;width:300px;height:120px;z-index:3;fill:#FBF8F2;stroke:#CFC3AE;stroke-width:1.5;filter:drop-shadow(0 4px 4px rgba(31,36,51,.25))}
.st.m.lk-jewel1 .lk-pearl{width:170px;height:68px;left:20px;top:150px}
.st.lk-jewel1 .lk-c{border:0}

/* jewel 2 · زمرد: emerald + gold, Reem Kufi, centred headline + gallery under a diamond, catalogue cards */
.lk-jewel2{--bg:#0E2A22;--card:#143629;--tile:#1B4434;--ink:#F3EBD7;--mut:#C3BC9F;--acc:#D4AF37;--accInk:#0E2A22;--price:#E3C25A;--ln:rgba(212,175,55,.26);--sbg:#D4AF37;--sink:#0E2A22;--fh:"Reem Kufi",sans-serif;--fb:"Alexandria",sans-serif;--r:4px;--rl:4px;--galr:4px;--editr:4px;--kick:#E3C25A;--shc:#000}
.st.lk-jewel2:not(.bg-light):not(.bg-dark){background:radial-gradient(50% 35% at 50% 0,#17463A,transparent 70%),var(--bg)}
.st.lk.lk-jewel2 .st-hero .h{font-weight:700;font-size:66px}
.st.lk.m.lk-jewel2 .st-hero .h{font-size:36px}
.st.lk-jewel2 .lk-g{box-shadow:0 0 0 1px #D4AF37,0 0 0 6px #0E2A22,0 0 0 7px rgba(212,175,55,.6)}
.st.lk-jewel2 .lk-gem{left:50%;margin-left:-40px;top:-48px;width:80px;height:66px;fill:rgba(212,175,55,.18);stroke:#D4AF37;stroke-width:2;z-index:3}
.st.m.lk-jewel2 .lk-gem{width:50px;height:42px;margin-left:-25px;top:-30px}
.st.lk-jewel2 .lk-c>b{font-family:var(--fb)}
.st.lk-jewel2 .lk-i{-webkit-text-stroke-color:#D4AF37}
.st.lk-jewel2 .lk-c>b{border-top-color:#D4AF37}
.st.lk-jewel2 .strip{border-block:1px solid #D4AF37}

/* resort 1 · ريفييرا: sea blue + white, Lemonada, navy pane under a striped awning with a life ring, tall cards */
.lk-resort1{--bg:#F4F8FB;--card:#FFFFFF;--tile:#DCE9F3;--ink:#0B2540;--mut:#46586B;--acc:#0A5C99;--accInk:#FFFFFF;--price:#0A5C99;--ln:rgba(11,37,64,.12);--sbg:#0A3D62;--sink:#FFFFFF;--fh:"Lemonada",sans-serif;--fb:"Alexandria",sans-serif;--r:16px;--rl:24px;--pane:#0A3D62;--paneInk:#FFFFFF;--shc:#0B2540}
.st.lk.lk-resort1 .st-hero .h{font-weight:700;font-size:52px;line-height:1.45}
.st.lk.m.lk-resort1 .st-hero .h{font-size:29px}
.st.lk-resort1 .lk-pane{padding-top:96px}
.st.lk-resort1 .lk-pane .cta{background:#FFFFFF;color:#0A3D62}
.st.lk-resort1 .lk-pane .lk-w{background:#FFFFFF}
.st.lk-resort1 .lk-half img{object-position:50% 60%}
.st.lk-resort1 .lk-awn{left:0;right:0;top:0;height:46px;z-index:2;background:repeating-linear-gradient(90deg,#FFFFFF 0 34px,#5FA8D3 34px 68px);-webkit-mask:radial-gradient(17px at 17px 46px,#0000 98%,#000) 0 0/34px 100%;mask:radial-gradient(17px at 17px 46px,#0000 98%,#000) 0 0/34px 100%}
.st.lk-resort1 .lk-buoy{left:34px;top:70px;z-index:0;width:96px;height:96px;border-radius:50%;background:conic-gradient(#E4572E 0 12.5%,#FFFFFF 0 25%,#E4572E 0 37.5%,#FFFFFF 0 50%,#E4572E 0 62.5%,#FFFFFF 0 75%,#E4572E 0 87.5%,#FFFFFF 0);-webkit-mask:radial-gradient(closest-side,#0000 52%,#000 53%);mask:radial-gradient(closest-side,#0000 52%,#000 53%);rotate:15deg}
.st.m.lk-resort1 .lk-pane{padding-top:58px}
.st.m.lk-resort1 .lk-awn{height:30px;-webkit-mask-size:24px 100%;mask-size:24px 100%;background-size:48px 100%;-webkit-mask-image:radial-gradient(12px at 12px 30px,#0000 98%,#000);mask-image:radial-gradient(12px at 12px 30px,#0000 98%,#000);background-image:repeating-linear-gradient(90deg,#FFFFFF 0 24px,#5FA8D3 24px 48px)}
.st.m.lk-resort1 .lk-buoy{display:none}

/* resort 2 · غروب: sunset peach + terracotta, Markazi Text, centred headline over a setting sun, arched cards */
.lk-resort2{--bg:#FBEDE3;--card:#FFF8F2;--tile:#F4D6C3;--ink:#3A1E1A;--mut:#6B4A42;--acc:#A63D24;--accInk:#FFFFFF;--price:#A63D24;--ln:rgba(58,30,26,.14);--sbg:#3A1E1A;--sink:#FBEDE3;--fh:"Markazi Text",serif;--fb:"Alexandria",sans-serif;--r:16px;--rl:24px;--galr:999px 999px 16px 16px;--kick:#8A3A1E;--shc:#3A1E1A}
.st.lk-resort2:not(.bg-light):not(.bg-dark){background:linear-gradient(180deg,#F9D9C2 0,var(--bg) 520px)}
.st.lk.lk-resort2 .st-hero .h{font-weight:700;font-size:78px;line-height:1.2}
.st.lk.m.lk-resort2 .st-hero .h{font-size:42px}
.st.lk-resort2 .lk-g.g0 img{object-position:50% 35%}
.st.lk-resort2 .lk-sun9{left:50%;margin-left:-220px;top:-170px;width:440px;height:220px;border-radius:440px 440px 0 0;z-index:0;background:linear-gradient(180deg,#F4A261,#E76F51);-webkit-mask:repeating-linear-gradient(180deg,#000 0 26px,transparent 26px 34px);mask:repeating-linear-gradient(180deg,#000 0 26px,transparent 26px 34px);opacity:.85}
.st.m.lk-resort2 .lk-sun9{width:240px;height:120px;margin-left:-120px;top:-90px;-webkit-mask-size:auto;mask-size:auto}
.st.lk-resort2 .lk-c{border-color:#EBC9B3}

/* tours 1 · مغامرة: khaki + olive slab + orange, Jomhuria, contour lines + compass, trip tickets */
.lk-tours1{--bg:#EDE6D6;--card:#FFFDF7;--tile:#DDD3BC;--ink:#2A2A1F;--mut:#57574A;--acc:#C04A00;--accInk:#FFFFFF;--price:#A63F00;--ln:rgba(42,42,31,.16);--sbg:#3D4A2A;--sink:#F5EFE0;--fh:"Jomhuria",sans-serif;--fb:"Alexandria",sans-serif;--r:6px;--rl:6px;--slab:#3D4A2A;--slabInk:#F5EFE0;--shc:#2A2A1F}
.st.lk-tours1:not(.bg-light):not(.bg-dark){--grain:.09;background:var(--bg)}
.st.lk.lk-tours1 .st-hero .h{font-weight:400;font-size:104px;line-height:.95}
.st.lk.m.lk-tours1 .st-hero .h{font-size:58px}
.st.lk-tours1 .lk-c b,.st.lk.lk-tours1 .prods h3,.st.lk.lk-tours1 .lk-end b{font-weight:400;font-size:40px;line-height:1}
.st.lk.lk-tours1 .prods h3{font-size:58px}
.st.m.lk-tours1 .lk-c b{font-size:28px}
.st.lk-tours1 .lk-wtt b{font:700 16px/1.4 var(--fb)}
.st.lk-tours1 .lk-slab{background:repeating-radial-gradient(circle at 20% 80%,transparent 0 22px,rgba(245,239,224,.08) 22px 24px),var(--slab)}
.st.lk-tours1 .lk-slab .cta{background:#E07A2E;color:#2A2A1F}
.st.lk-tours1 .lk-bg img{object-position:40% 50%}
.st.lk-tours1 .lk-topo{left:0;top:0;width:46%;height:100%;z-index:0;background:repeating-radial-gradient(ellipse at 30% 60%,transparent 0 26px,rgba(255,255,255,.35) 26px 28px);-webkit-mask:linear-gradient(90deg,#000 30%,transparent);mask:linear-gradient(90deg,#000 30%,transparent)}
.st.lk-tours1 .lk-comp9{left:46px;top:46px;width:96px;height:96px;fill:rgba(245,239,224,.92);stroke:#3D4A2A;stroke-width:2.5;z-index:2}
.st.lk-tours1 .lk-comp9 path{fill:#C04A00;stroke:none}
.st.lk-tours1 .lk-comp9 text{fill:#3D4A2A;stroke:none;font:700 14px "Alexandria"}
.st.m.lk-tours1 .lk-topo{width:100%;height:240px}
.st.m.lk-tours1 .lk-comp9{width:54px;height:54px;left:14px;top:14px}

/* tours 2 · بحري: aqua + coral, Marhey, collage with waves and a life ring, polaroids */
.lk-tours2{--bg:#E6F6F7;--card:#FFFFFF;--tile:#C9ECEF;--ink:#0E3440;--mut:#3F5F68;--acc:#C63D27;--accInk:#FFFFFF;--price:#0B6E7F;--ln:rgba(14,52,64,.14);--sbg:#0B6E7F;--sink:#FFFFFF;--fh:"Marhey",sans-serif;--fb:"Alexandria",sans-serif;--r:14px;--rl:20px;--tape:rgba(198,61,39,.4);--kick:#A8321F;--shc:#0E3440}
.st.lk-tours2:not(.bg-light):not(.bg-dark){background:radial-gradient(40% 40% at 0 0,#C9ECEF,transparent 70%),radial-gradient(30% 30% at 100% 90%,#FFE3D6,transparent 70%),var(--bg)}
.st.lk.lk-tours2 .st-hero .h{font-weight:700;font-size:58px;line-height:1.35}
.st.lk.m.lk-tours2 .st-hero .h{font-size:32px}
.st.lk-tours2 .lk-pc>.lk-ph{border-radius:6px}
.st.lk-tours2 .lk-wave9{left:-56px;right:-56px;bottom:-34px;width:auto;height:40px;fill:none;stroke:#0B6E7F;stroke-width:3;z-index:0}
.st.lk-tours2 .lk-buoy{right:-18px;top:-16px;z-index:4;width:84px;height:84px;border-radius:50%;background:conic-gradient(#C63D27 0 12.5%,#FFFFFF 0 25%,#C63D27 0 37.5%,#FFFFFF 0 50%,#C63D27 0 62.5%,#FFFFFF 0 75%,#C63D27 0 87.5%,#FFFFFF 0);-webkit-mask:radial-gradient(closest-side,#0000 50%,#000 51%);mask:radial-gradient(closest-side,#0000 50%,#000 51%);rotate:20deg;filter:drop-shadow(0 8px 10px rgba(14,52,64,.35))}
.st.m.lk-tours2 .lk-buoy{width:50px;height:50px;right:0;top:-4px}
.st.m.lk-tours2 .lk-wave9{display:none}
.st.lk-tours2 .lk-c{rotate:1deg}

/* corp 1 · مكتب كلاسيك: paper + navy + brass, Noto Naskh, masthead with a monogram seal, numbered catalogue cards */
.lk-corp1{--bg:#F3EFE6;--card:#FFFDF8;--tile:#E6DFD0;--ink:#14213D;--mut:#4A5468;--acc:#14213D;--accInk:#FFFFFF;--price:#14213D;--ln:rgba(20,33,61,.14);--sbg:#14213D;--sink:#F3EFE6;--fh:"Noto Naskh Arabic",serif;--fb:"Alexandria",sans-serif;--r:2px;--rl:2px;--editr:2px;--kick:#7A5A22;--shc:#14213D}
.st.lk-corp1:not(.bg-light):not(.bg-dark){--grain:.06;background:var(--bg)}
.st.lk.lk-corp1.lkh-mag .st-hero .h{font-weight:700;font-size:64px;line-height:1.4}
.st.lk.m.lk-corp1.lkh-mag .st-hero .h{font-size:32px}
.st.lk-corp1 .lk-mh{border-bottom:3px double #14213D}
.st.lk-corp1 .lk-seal{left:22px;bottom:22px;z-index:2;width:96px;height:96px;border-radius:50%;background:#14213D;color:#F1E3C4;display:grid;place-items:center;box-shadow:0 0 0 5px #F3EFE6,0 0 0 7px #B08A3E,0 14px 24px -10px rgba(0,0,0,.6)}
.st.lk-corp1 .lk-seal b{font:700 40px/1 "Noto Naskh Arabic";border:1px solid rgba(241,227,196,.6);border-radius:50%;width:76px;height:76px;display:grid;place-items:center}
.st.m.lk-corp1 .lk-seal{transform:scale(.6);transform-origin:left bottom;left:12px;bottom:12px}
.st.lk-corp1 .lk-i{-webkit-text-stroke-color:#B08A3E}
.st.lk-corp1 .lk-c .lk-th{border-bottom:4px solid #B08A3E}

/* corp 2 · جريء مودرن: black pane + orange, Kufam, geometric blocks, brutal cards */
.lk-corp2{--bg:#F2F2F0;--card:#FFFFFF;--tile:#E2E2DE;--ink:#111111;--mut:#4A4A4A;--acc:#FF4F00;--accInk:#111111;--price:#C23A00;--ln:rgba(17,17,17,.14);--sbg:#FF4F00;--sink:#111111;--fh:"Kufam",sans-serif;--fb:"Alexandria",sans-serif;--r:0px;--rl:0px;--pane:#111111;--paneInk:#FFFFFF;--shc:#111}
.st.lk.lk-corp2 .st-hero .h{font-weight:800;font-size:50px;line-height:1.3}
.st.lk.m.lk-corp2 .st-hero .h{font-size:31px}
.st.lk-corp2 .lk-pane .cta{background:#FF4F00;color:#111}
.st.lk-corp2 .lk-half img{filter:grayscale(.7) contrast(1.1)}
.st.lk-corp2 .lk-geo{left:0;bottom:0;z-index:0;width:200px;height:160px}
.st.lk-corp2 .lk-geo i{position:absolute;display:block}
.st.lk-corp2 .lk-geo i:nth-child(1){left:0;bottom:0;width:110px;height:110px;background:#FF4F00}
.st.lk-corp2 .lk-geo i:nth-child(2){left:70px;bottom:60px;width:90px;height:90px;border-radius:50%;border:3px solid #FFFFFF}
.st.lk-corp2 .lk-geo i:nth-child(3){left:150px;bottom:0;width:0;height:0;border-left:50px solid transparent;border-bottom:60px solid #3A3A3A}
.st.m.lk-corp2 .lk-geo{transform:scale(.45);transform-origin:left bottom}
.st.lk-corp2 .lk-pane .lk-w{border:2px solid #FF4F00}

/* flowers 1 · زهور مجففة: kraft + dusty rose, Aref Ruqaa, framed photo with a gift tag on twine, arched cards */
.lk-flowers1{--bg:#EFE5D8;--card:#FFFBF5;--tile:#E3D3C0;--ink:#3A2A22;--mut:#66544A;--acc:#8C4B4B;--accInk:#FFFFFF;--price:#8C4B4B;--ln:rgba(58,42,34,.16);--sbg:#8C4B4B;--sink:#FFFFFF;--fh:"Aref Ruqaa",serif;--fb:"Alexandria",sans-serif;--r:14px;--rl:18px;--pane:#FFFBF5;--paneInk:#3A2A22;--frKick:#8C4B4B;--frMut:#66544A;--shc:#3A2A22}
.st.lk-flowers1:not(.bg-light):not(.bg-dark){--grain:.1;background:var(--bg)}
.st.lk.lk-flowers1 .st-hero .h{font-weight:700;font-size:62px;line-height:1.35}
.st.lk.m.lk-flowers1 .st-hero .h{font-size:35px}
.st.lk-flowers1 .lk-c b{font-family:var(--fb)}
.st.lk-flowers1 .lk-wnt .lk-cn{font-size:27px}
.st.lk-flowers1 .lk-fr img{object-position:50% 40%;filter:sepia(.2) saturate(.9)}
.st.lk-flowers1 .lk-frc{border:1px dashed #A08670;outline:8px solid #FFFBF5}
.st.lk-flowers1 .lk-twine{left:0;right:0;top:60px;height:3px;z-index:2;background:repeating-linear-gradient(90deg,#B08B60 0 6px,#8A6A44 6px 9px);rotate:-3deg}
.st.lk-flowers1 .lk-tag9{left:90px;top:56px;z-index:3;width:120px;height:66px;background:#E8D5B5;color:#3A2A22;display:grid;place-items:center;font:700 22px/1 "Aref Ruqaa";clip-path:polygon(18% 0,100% 0,100% 100%,18% 100%,0 50%);rotate:-3deg;transform-origin:left top;box-shadow:0 8px 14px -8px rgba(0,0,0,.5)}
.st.lk-flowers1 .lk-tag9::before{content:"";position:absolute;left:10px;top:28px;width:10px;height:10px;border-radius:50%;background:#EFE5D8}
.st.m.lk-flowers1 .lk-tag9{width:80px;height:44px;font-size:15px;left:30px;top:30px}
.st.m.lk-flowers1 .lk-twine{top:36px}
.st.lk-flowers1 .lk-c .lk-th{box-shadow:0 0 0 4px #FFFBF5,0 0 0 5px #C9A99A}

/* flowers 2 · بوتيك أسود: black + blush pane, Amiri, satin bow, tall cards */
.lk-flowers2{--bg:#0F0D0E;--card:#1A1718;--tile:#262123;--ink:#F6EDEE;--mut:#C2B4B6;--acc:#F2B8C6;--accInk:#2A1418;--price:#F2B8C6;--ln:rgba(242,184,198,.22);--sbg:#F2B8C6;--sink:#2A1418;--fh:"Amiri",serif;--fb:"Alexandria",sans-serif;--r:2px;--rl:2px;--pane:#F2B8C6;--paneInk:#2A1418;--shc:#000}
.st.lk.lk-flowers2 .st-hero .h{font-weight:700;font-size:70px;line-height:1.3}
.st.lk.m.lk-flowers2 .st-hero .h{font-size:38px}
.st.lk-flowers2 .lk-pane .cta{background:#2A1418;color:#F6D7DF}
.st.lk-flowers2 .lk-pane .lk-w{background:#0F0D0E;color:#F6EDEE;border-color:#0F0D0E;--mut:#C2B4B6}
.st.lk-flowers2 .lk-pane .lk-w .lk-cn{color:#F6EDEE}
.st.lk-flowers2 .lk-half img{object-position:50% 30%}
.st.lk-flowers2 .lk-bow{left:30px;top:26px;width:150px;height:103px;z-index:0;fill:rgba(42,20,24,.16);stroke:#2A1418;stroke-width:2.5;stroke-linejoin:round}
.st.m.lk-flowers2 .lk-bow{width:70px;height:48px;left:12px;top:12px}
.st.lk-flowers2 .lk-c{box-shadow:0 0 0 1px rgba(242,184,198,.35)}

/* round-9 business blocks (batch 4) */
.st.lk .lk-wst3{flex-wrap:nowrap;align-items:stretch;min-width:min(380px,100%)}
.lk-wst3>span{flex:1 1 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;font-weight:700;font-size:13px}
.lk-wst3 b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--acc);color:var(--accInk);font-size:16px}
.lk-wfit>span,.lk-wpet>span,.lk-wwk>span,.lk-wcalc>span{display:flex;gap:6px;flex-wrap:wrap}
.lk-wfit small:last-child,.lk-wwk small:last-child{flex-basis:100%}
.st.lk .lk-wfit .lk-okf{color:var(--price);font-weight:700}
.st.lk .lk-wcalc em{font-size:20px}
.lk-wcd>span,.lk-wtier>span{display:flex;flex-direction:column;align-items:center;min-width:64px;font-size:12px;color:var(--mut)}
.lk-wcd b{font:800 28px/1.1 var(--fh);color:var(--ink)}
.lk-wtier b{font-size:15px;color:var(--price)}
.lk-wtier small:last-child{flex-basis:100%}
.st.lk.m .lk-wcd b{font-size:21px}
.st.lk.m .lk-wst3>span{font-size:11px}

/* laundry 1 · لينن هادي: linen + blue-grey, Almarai, band photo under a clothesline, numbered price rows */
.lk-laundry1{--bg:#F4F1EA;--card:#FFFFFF;--tile:#E5E0D4;--ink:#23303B;--mut:#55606B;--acc:#3D5A80;--accInk:#FFFFFF;--price:#3D5A80;--ln:rgba(35,48,59,.12);--sbg:#3D5A80;--sink:#FFFFFF;--fh:"Almarai",sans-serif;--fb:"Almarai","Alexandria",sans-serif;--r:10px;--rl:16px;--cm:#F4F1EA;--kick:#7A5A2E;--shc:#23303B}
.st.lk-laundry1:not(.bg-light):not(.bg-dark){--grain:.07;background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(35,48,59,.025) 3px 4px),var(--bg)}
.st.lk.lk-laundry1 .st-hero .h{font-weight:800;font-size:52px;line-height:1.35}
.st.lk.m.lk-laundry1 .st-hero .h{font-size:29px}
.st.lk-laundry1 .lk-bandph{margin-top:34px;overflow:visible}
.st.lk-laundry1 .lk-bandph>.lk-ph{border-radius:var(--rl)}
.st.lk-laundry1 .lk-bandph img{object-position:50% 55%}
.st.lk-laundry1 .lk-line{left:-20px;right:-20px;top:-30px;height:70px;z-index:3;border-top:2px solid #8A7F6E;border-radius:50% 50% 0 0/30px 30px 0 0}
.st.lk-laundry1 .lk-line i{position:absolute;top:-6px;width:12px;height:30px;border-radius:3px;background:#C9A06A;box-shadow:inset 0 -10px 0 #B08850}
.st.lk-laundry1 .lk-line i:nth-child(1){right:12%}.st.lk-laundry1 .lk-line i:nth-child(2){right:36%;background:#9DB4CF}.st.lk-laundry1 .lk-line i:nth-child(3){right:62%}.st.lk-laundry1 .lk-line i:nth-child(4){right:86%;background:#9DB4CF}
.st.m.lk-laundry1 .lk-bandph{margin-top:22px}
.st.m.lk-laundry1 .lk-line{top:-18px;left:-8px;right:-8px}
.st.m.lk-laundry1 .lk-line i{width:8px;height:20px}
.st.lk-laundry1 .lk-c{border-inline-start:4px solid #9DB4CF}

/* laundry 2 · بابلز: sky + lemon card, Lemonada, framed photo with soap bubbles, round cards */
.lk-laundry2{--bg:#E8F7FB;--card:#FFFFFF;--tile:#CDEDF6;--ink:#0D2B45;--mut:#3F5A70;--acc:#0077B6;--accInk:#FFFFFF;--price:#0069A3;--ln:rgba(13,43,69,.12);--sbg:#0D2B45;--sink:#FFFFFF;--fh:"Lemonada",sans-serif;--fb:"Alexandria",sans-serif;--r:24px;--rl:34px;--pane:#FFE45E;--paneInk:#0D2B45;--ring:#9ED8EE;--shc:#0D2B45}
.st.lk-laundry2:not(.bg-light):not(.bg-dark){background:radial-gradient(circle at 92% 12%,rgba(255,255,255,.9) 0 46px,transparent 47px),radial-gradient(circle at 6% 70%,rgba(255,255,255,.8) 0 70px,transparent 71px),var(--bg)}
.st.lk.lk-laundry2 .st-hero .h{font-weight:700;font-size:48px;line-height:1.5}
.st.lk.m.lk-laundry2 .st-hero .h{font-size:27px}
.st.lk-laundry2 .lk-fr img{object-position:50% 35%}
.st.lk-laundry2 .lk-frc .cta{background:#0D2B45;color:#FFE45E}
.st.lk-laundry2 .lk-bub{left:0;top:0;width:40%;height:100%;z-index:2}
.st.lk-laundry2 .lk-bub i{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95) 0 10%,rgba(255,255,255,.18) 30%,rgba(158,216,238,.35) 70%,rgba(255,255,255,.7) 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}
.st.lk-laundry2 .lk-bub i:nth-child(1){width:110px;height:110px;left:40px;top:40px}.st.lk-laundry2 .lk-bub i:nth-child(2){width:60px;height:60px;left:170px;top:30px}.st.lk-laundry2 .lk-bub i:nth-child(3){width:80px;height:80px;left:120px;top:170px}.st.lk-laundry2 .lk-bub i:nth-child(4){width:40px;height:40px;left:30px;top:200px}.st.lk-laundry2 .lk-bub i:nth-child(5){width:30px;height:30px;left:230px;top:120px}
.st.m.lk-laundry2 .lk-bub{transform:scale(.5);transform-origin:left top;width:80%}
.st.lk-laundry2 .lk-c{border:0;box-shadow:0 16px 30px -22px rgba(13,43,69,.5)}

/* parts 1 · ريسنج: black slab + racing red, Changa, checkered flag + speed lines, race tickets */
.lk-parts1{--bg:#F0F0F0;--card:#FFFFFF;--tile:#E2E2E2;--ink:#111111;--mut:#4A4A4A;--acc:#D90429;--accInk:#FFFFFF;--price:#B00020;--ln:rgba(17,17,17,.14);--sbg:#111111;--sink:#FFFFFF;--fh:"Changa",sans-serif;--fb:"Alexandria",sans-serif;--r:4px;--rl:4px;--slab:#111111;--slabInk:#FFFFFF;--shc:#111}
.st.lk.lk-parts1 .st-hero .h{font-weight:800;font-size:64px;line-height:1.2;font-style:italic}
.st.lk.m.lk-parts1 .st-hero .h{font-size:35px}
.st.lk-parts1 .lk-slab{background:linear-gradient(180deg,#D90429 0 6px,transparent 6px),var(--slab)}
.st.lk-parts1 .lk-slab .cta{background:#D90429;color:#fff}
.st.lk-parts1 .lk-bg img{filter:grayscale(.4) contrast(1.15)}
.st.lk-parts1 .lk-chk{left:0;right:0;bottom:0;height:24px;z-index:1;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0 0/24px 24px}
.st.lk-parts1 .lk-speed{left:50px;top:60px;z-index:2;display:flex;flex-direction:column;gap:10px}
.st.lk-parts1 .lk-speed i{display:block;height:8px;width:160px;background:#D90429;border-radius:4px;transform:skewX(-30deg)}
.st.lk-parts1 .lk-speed i:nth-child(2){width:110px;margin-inline-start:30px}.st.lk-parts1 .lk-speed i:nth-child(3){width:70px;margin-inline-start:60px}
.st.m.lk-parts1 .lk-speed{transform:scale(.5);transform-origin:left top;left:14px;top:14px}
.st.m.lk-parts1 .lk-chk{height:14px;background-size:14px 14px}
.st.lk-parts1 .lk-c{border-top:4px solid #D90429}

/* parts 2 · كتالوج تقني: blueprint grey + blue, IBM Plex, masthead with an exploded gear, numbered rows */
.lk-parts2{--bg:#EEF2F6;--card:#FFFFFF;--tile:#DDE4EC;--ink:#0F1E2E;--mut:#4A5A6A;--acc:#0B5FA5;--accInk:#FFFFFF;--price:#0B5FA5;--ln:rgba(15,30,46,.12);--sbg:#0F1E2E;--sink:#FFFFFF;--fh:"IBM Plex Sans Arabic",sans-serif;--fb:"IBM Plex Sans Arabic","Alexandria",sans-serif;--r:4px;--rl:6px;--shc:#0F1E2E}
.st.lk-parts2:not(.bg-light):not(.bg-dark){background:linear-gradient(rgba(11,95,165,.07) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(11,95,165,.07) 1px,transparent 1px) 0 0/20px 20px,var(--bg)}
.st.lk.lk-parts2.lkh-mag .st-hero .h{font-weight:700;font-size:70px;line-height:1.25}
.st.lk.m.lk-parts2.lkh-mag .st-hero .h{font-size:34px}
.st.lk-parts2 .lk-mh{border-color:#0B5FA5}
.st.lk-parts2 .lk-mp img{filter:grayscale(.5)}
.st.lk-parts2 .lk-gear{left:24px;top:24px;width:110px;height:110px;fill:rgba(238,242,246,.88);stroke:#0B5FA5;stroke-width:2;z-index:2}
.st.lk-parts2 .lk-dim{left:150px;top:62px;z-index:2;background:#0B5FA5;color:#fff;padding:5px 10px;font:600 12px/1 ui-monospace,Consolas,monospace;border-radius:3px}
.st.lk-parts2 .lk-dim b{font-weight:600}
.st.m.lk-parts2 .lk-gear{width:60px;height:60px;left:12px;top:12px}
.st.m.lk-parts2 .lk-dim{left:80px;top:30px;font-size:10px}
.st.lk-parts2 .lk-c{border-style:dashed;border-color:rgba(11,95,165,.4)}

/* print 1 · ريسو: riso pink + blue on paper, Rakkas, registration marks and an off-register overprint, blue-shadow brutal cards */
.lk-print1{--bg:#F7F3EC;--card:#FFFFFF;--tile:#FCD7EA;--ink:#1E1E3F;--mut:#4C4C6A;--acc:#FF48B0;--accInk:#1E1E3F;--price:#C2187F;--ln:rgba(30,30,63,.14);--sbg:#0078BF;--sink:#FFFFFF;--fh:"Rakkas",serif;--fb:"Alexandria",sans-serif;--r:6px;--rl:10px;--tape:rgba(0,120,191,.35);--bshadow:#0078BF;--kick:#B5146F;--shc:#1E1E3F}
.st.lk-print1:not(.bg-light):not(.bg-dark){--grain:.12;background:var(--bg)}
.st.lk.lk-print1 .st-hero .h{font-weight:400;font-size:72px;line-height:1.2;color:#1E1E3F;text-shadow:3px 2px 0 rgba(255,72,176,.55)}
.st.lk.m.lk-print1 .st-hero .h{font-size:40px}
.st.lk.lk-print1 .prods h3,.st.lk.lk-print1 .lk-end b{font-weight:400}
.st.lk-print1 .lk-c b{font-family:var(--fb)}
.st.lk-print1 .lk-pc img{filter:saturate(1.15)}
.st.lk-print1 .lk-reg{width:34px;height:34px;z-index:4;border:2px solid #1E1E3F;border-radius:50%;background:linear-gradient(#1E1E3F,#1E1E3F) center/2px 100% no-repeat,linear-gradient(#1E1E3F,#1E1E3F) center/100% 2px no-repeat}
.st.lk-print1 .lk-reg.a{top:-14px;right:-14px}.st.lk-print1 .lk-reg.b{bottom:30px;left:-14px}
.st.lk-print1 .lk-ovp{right:30px;bottom:-30px;z-index:0;width:180px;height:120px}
.st.lk-print1 .lk-ovp i{position:absolute;width:110px;height:110px;border-radius:50%;mix-blend-mode:multiply}
.st.lk-print1 .lk-ovp i:nth-child(1){background:#FF48B0;right:0;top:0}.st.lk-print1 .lk-ovp i:nth-child(2){background:#3BB8F0;right:50px;top:10px}
.st.m.lk-print1 .lk-ovp{display:none}
.st.m.lk-print1 .lk-reg{width:22px;height:22px}
.st.m.lk-print1 .lk-reg.b{bottom:auto;top:250px}

/* print 2 · ورق فاخر: cotton paper + forest green + brass, Scheherazade New, arch with a debossed monogram, catalogue cards */
.lk-print2{--bg:#F4F0E6;--card:#FFFDF7;--tile:#E7E0CF;--ink:#1F3326;--mut:#4F5E52;--acc:#1F4D36;--accInk:#FFFFFF;--price:#1F4D36;--ln:rgba(31,51,38,.14);--sbg:#1F4D36;--sink:#F4F0E6;--fh:"Scheherazade New",serif;--fb:"Alexandria",sans-serif;--r:4px;--rl:6px;--archr:999px 999px 6px 6px;--archrm:999px 999px 6px 6px;--orbr:6px;--kick:#7A5A22;--editr:4px;--shc:#1F3326}
.st.lk-print2:not(.bg-light):not(.bg-dark){--grain:.1;background:var(--bg)}
.st.lk.lk-print2 .st-hero .h{font-weight:700;font-size:62px;line-height:1.4}
.st.lk.m.lk-print2 .st-hero .h{font-size:34px}
.st.lk-print2 .lk-arch{box-shadow:0 0 0 10px #FFFDF7,0 0 0 11px #B08A3E,var(--sh)}
.st.lk-print2 .lk-orb{border-color:#FFFDF7}
.st.lk-print2 .lk-stamp9{right:-10px;top:210px;z-index:3;width:104px;height:104px;border-radius:50%;background:#E9E2D0;display:grid;place-items:center;box-shadow:inset 3px 3px 6px rgba(0,0,0,.18),inset -3px -3px 6px rgba(255,255,255,.9),0 0 0 2px #B08A3E}
.st.lk-print2 .lk-stamp9 b{font:700 46px/1 "Scheherazade New";color:#C9BFA6;text-shadow:-1px -1px 0 rgba(0,0,0,.18),1px 1px 0 #fff}
.st.lk-print2 .lk-stack{right:60px;bottom:-4px;z-index:0;width:280px;height:30px;background:repeating-linear-gradient(0deg,#FFFDF7 0 3px,#D9D0BB 3px 4px);border-radius:2px}
.st.m.lk-print2 .lk-stamp9{transform:scale(.55);transform-origin:right top;top:200px;right:0}
.st.m.lk-print2 .lk-stack{display:none}
.st.lk-print2 .lk-c b{font-family:var(--fb)}
.st.lk-print2 .lk-i{-webkit-text-stroke-color:#B08A3E}

/* events 1 · جاردن: sage + cream + blush, Mirza, arch under a leaf wreath, ringed round cards */
.lk-events1{--bg:#F1F3EC;--card:#FFFFFF;--tile:#E1E7D8;--ink:#2F3A2C;--mut:#5A6656;--acc:#5C7050;--accInk:#FFFFFF;--price:#5C7050;--ln:rgba(47,58,44,.12);--sbg:#5C7050;--sink:#FFFFFF;--fh:"Mirza",serif;--fb:"Alexandria",sans-serif;--r:999px;--rl:30px;--archr:999px 999px 30px 30px;--archrm:999px 999px 20px 20px;--ring:#E9C6CF;--kick:#9C4A5E;--shc:#2F3A2C}
.st.lk-events1:not(.bg-light):not(.bg-dark){background:radial-gradient(circle at 10% 20%,rgba(233,198,207,.5) 0 60px,transparent 61px),radial-gradient(50% 40% at 90% 0,#E6EBDF,transparent 70%),var(--bg)}
.st.lk.lk-events1 .st-hero .h{font-weight:700;font-size:64px;line-height:1.3}
.st.lk.m.lk-events1 .st-hero .h{font-size:36px}
.st.lk-events1 .lk-arch{z-index:1}
.st.lk-events1 .lk-arch img{object-position:50% 30%}
.st.lk-events1 .lk-wreath{left:50%;margin-left:-180px;top:-26px;width:360px;height:192px;z-index:2;fill:#7E9670;stroke:none}
.st.lk-events1 .lk-wreath path{fill:none;stroke:#7E9670;stroke-width:2}
.st.lk-events1 .lk-wreath ellipse:nth-child(3n){fill:#E9C6CF}
.st.m.lk-events1 .lk-wreath{width:240px;height:128px;margin-left:-120px;top:-14px}
.st.lk.lk-events1 .lkg,.st.lk.lk-events2 .lkg{grid-template-columns:repeat(3,minmax(0,1fr))}
.st.lk.m.lk-events1 .lkg,.st.lk.m.lk-events2 .lkg{grid-template-columns:repeat(2,minmax(0,1fr))}
.st.lk-events1 .lk-c{border:0}

/* events 2 · ليلة ذهبية: black + gold, El Messiri, masthead with gold sparkles, tall cards */
.lk-events2{--bg:#0D0C10;--card:#18161D;--tile:#24212B;--ink:#F6EFE2;--mut:#C6BCA8;--acc:#D4AF6A;--accInk:#0D0C10;--price:#E0BF7E;--ln:rgba(212,175,106,.25);--sbg:#D4AF6A;--sink:#0D0C10;--fh:"El Messiri",sans-serif;--fb:"Alexandria",sans-serif;--r:2px;--rl:2px;--kick:#E0BF7E;--shc:#000}
.st.lk-events2:not(.bg-light):not(.bg-dark){background:radial-gradient(40% 30% at 50% 0,rgba(212,175,106,.16),transparent 70%),var(--bg)}
.st.lk.lk-events2.lkh-mag .st-hero .h{font-weight:700;font-size:90px;line-height:1.2;color:#EED39A;text-shadow:0 1px 0 #6B5320,0 0 24px rgba(212,175,106,.35)}
.st.lk.m.lk-events2.lkh-mag .st-hero .h{font-size:42px}
.st.lk-events2 .lk-mh{border-color:#D4AF6A}
.st.lk-events2 .lk-mp{box-shadow:0 0 0 1px #D4AF6A,0 0 0 8px #0D0C10,0 0 0 9px rgba(212,175,106,.6)}
.st.lk-events2 .lk-spark9{left:16px;top:16px;width:200px;height:120px;fill:#F3D99A;z-index:2;filter:drop-shadow(0 0 6px rgba(243,217,154,.8))}
.st.m.lk-events2 .lk-spark9{width:110px;height:66px}
.st.lk-events2 .lk-c{box-shadow:0 0 0 1px rgba(212,175,106,.45)}

/* b2b 1 · مستودع: cardboard + black + brown, Rubik, band photo with packing tape and shipping marks, numbered rows */
.lk-b2b1{--bg:#EDE4D3;--card:#FFFBF2;--tile:#E0D3BA;--ink:#2A2117;--mut:#5B4E3E;--acc:#1F1F1F;--accInk:#FFFFFF;--price:#8A4B12;--ln:rgba(42,33,23,.16);--sbg:#1F1F1F;--sink:#EDE4D3;--fh:"Rubik",sans-serif;--fb:"Rubik","Alexandria",sans-serif;--r:4px;--rl:6px;--cm:#E8B04A;--kick:#8A4B12;--shc:#2A2117}
.st.lk-b2b1:not(.bg-light):not(.bg-dark){--grain:.1;background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(42,33,23,.035) 10px 12px),var(--bg)}
.st.lk.lk-b2b1 .st-hero .h{font-weight:800;font-size:56px;line-height:1.3}
.st.lk.m.lk-b2b1 .st-hero .h{font-size:30px}
.st.lk-b2b1 .lk-bandph img{object-position:50% 60%;filter:sepia(.25)}
.st.lk-b2b1 .lk-ptape{left:-40px;right:-40px;top:40px;z-index:3;background:rgba(214,170,90,.92);color:#2A2117;padding:10px 0;rotate:-4deg;text-align:center;font:800 14px/1 "Rubik";letter-spacing:.1em;white-space:nowrap;overflow:hidden;box-shadow:0 6px 10px -6px rgba(0,0,0,.4)}
.st.lk-b2b1 .lk-arw{left:40px;bottom:30px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;background:#FFFBF2;border:3px solid #2A2117;padding:8px 12px;font:800 13px/1 "Rubik";color:#2A2117;letter-spacing:.12em}
.st.lk-b2b1 .lk-arw i{font-style:normal;font-size:22px;letter-spacing:0}
.st.m.lk-b2b1 .lk-ptape{top:20px;font-size:10px;padding:6px 0}
.st.m.lk-b2b1 .lk-arw{transform:scale(.6);transform-origin:left bottom;left:12px;bottom:12px}
.st.lk-b2b1 .lk-c{border:2px solid #2A2117}

/* b2b 2 · لوحة بيانات: white + navy + teal, Cairo, centred headline + gallery with a bar chart, waybill tickets */
.lk-b2b2{--bg:#F3F6FA;--card:#FFFFFF;--tile:#E1E8F0;--ink:#12233A;--mut:#4A5870;--acc:#0E7C86;--accInk:#FFFFFF;--price:#0B6C75;--ln:rgba(18,35,58,.12);--sbg:#12233A;--sink:#FFFFFF;--fh:"Cairo",sans-serif;--fb:"Cairo","Alexandria",sans-serif;--r:12px;--rl:18px;--galr:14px;--shc:#12233A}
.st.lk-b2b2:not(.bg-light):not(.bg-dark){background:linear-gradient(rgba(18,35,58,.05) 1px,transparent 1px) 0 0/100% 40px,var(--bg)}
.st.lk.lk-b2b2 .st-hero .h{font-weight:800;font-size:58px;line-height:1.35}
.st.lk.m.lk-b2b2 .st-hero .h{font-size:31px}
.st.lk-b2b2 .lk-bars{left:50%;margin-left:-110px;top:-74px;width:220px;height:90px;z-index:2;display:flex;align-items:flex-end;gap:10px;padding:0 14px 8px;background:#FFFFFF;border-radius:12px;box-shadow:var(--sh)}
.st.lk-b2b2 .lk-bars i{flex:1;border-radius:4px 4px 0 0;background:#0E7C86}
.st.lk-b2b2 .lk-bars i:nth-child(1){height:30%;background:#9FD3D8}.st.lk-b2b2 .lk-bars i:nth-child(2){height:48%;background:#6BBBC2}.st.lk-b2b2 .lk-bars i:nth-child(3){height:40%;background:#6BBBC2}.st.lk-b2b2 .lk-bars i:nth-child(4){height:66%}.st.lk-b2b2 .lk-bars i:nth-child(5){height:84%;background:#F28C28}
.st.lk-b2b2 .lk-ct{margin-bottom:80px}
.st.m.lk-b2b2 .lk-bars{width:140px;height:58px;margin-left:-70px;top:-46px;padding:0 8px 6px;gap:6px}
.st.m.lk-b2b2 .lk-ct{margin-bottom:40px}
.st.lk-b2b2 .lk-c .lk-b::before,.st.lk-b2b2 .lk-c .lk-b::after{background:var(--bg)}

/* pets 1 · بارك: grass green + sun yellow card, Reem Kufi Fun, framed photo with a bone and paw prints, brutal cards */
.lk-pets1{--bg:#EAF4E1;--card:#FFFFFF;--tile:#D3E8C3;--ink:#213018;--mut:#4F5F45;--acc:#2E7D32;--accInk:#FFFFFF;--price:#2E6B2E;--ln:rgba(33,48,24,.14);--sbg:#213018;--sink:#FFD23F;--fh:"Reem Kufi Fun",sans-serif;--fb:"Alexandria",sans-serif;--r:16px;--rl:30px;--pane:#FFD23F;--paneInk:#213018;--shc:#213018}
.st.lk-pets1:not(.bg-light):not(.bg-dark){background:radial-gradient(60% 30% at 50% 100%,#D3E8C3,transparent 70%),var(--bg)}
.st.lk.lk-pets1 .st-hero .h{font-weight:700;font-size:58px}
.st.lk.m.lk-pets1 .st-hero .h{font-size:32px}
.st.lk-pets1 .lk-c b{font-family:var(--fb)}
.st.lk-pets1 .lk-fr{border:3px solid #213018}
.st.lk-pets1 .lk-fr img{object-position:50% 40%}
.st.lk-pets1 .lk-frc{border:3px solid #213018;box-shadow:8px 8px 0 #213018;border-radius:26px}
.st.lk-pets1 .lk-frc .cta{background:#213018;color:#FFD23F}
.st.lk-pets1 .lk-bone{left:40px;top:40px;z-index:3;width:120px;height:34px;border-radius:16px;background:#FFFFFF;rotate:-18deg;box-shadow:0 10px 18px -10px rgba(0,0,0,.6)}
.st.lk-pets1 .lk-bone::before,.st.lk-pets1 .lk-bone::after{content:"";position:absolute;top:-12px;width:32px;height:58px;background:radial-gradient(circle at 50% 14px,#fff 14px,transparent 15px),radial-gradient(circle at 50% 44px,#fff 14px,transparent 15px)}
.st.lk-pets1 .lk-bone::before{left:-14px}.st.lk-pets1 .lk-bone::after{right:-14px}
.st.lk-pets1 .lk-paws{left:200px;top:30px;z-index:3;font-size:26px;rotate:20deg;letter-spacing:10px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}
.st.m.lk-pets1 .lk-bone{transform:scale(.55);transform-origin:left top;left:14px;top:22px}
.st.m.lk-pets1 .lk-paws{left:100px;top:14px;font-size:15px}
.st.m.lk-pets1 .lk-frc{box-shadow:5px 5px 0 #213018}
.st.lk-pets1 .lk-c:nth-child(4n+2){--bshadow:#2E7D32}.st.lk-pets1 .lk-c:nth-child(4n+3){--bshadow:#E0A800}

/* pets 2 · بوتيك: cream + navy + camel, Readex Pro, arch with a collar tag, arched cards */
.lk-pets2{--bg:#F6F0E7;--card:#FFFFFF;--tile:#EADFCF;--ink:#1E2A44;--mut:#4E5872;--acc:#1E2A44;--accInk:#FFFFFF;--price:#8A5A2B;--ln:rgba(30,42,68,.12);--sbg:#1E2A44;--sink:#F6F0E7;--fh:"Readex Pro",sans-serif;--fb:"Readex Pro","Alexandria",sans-serif;--r:16px;--rl:26px;--archr:999px 999px 26px 26px;--archrm:999px 999px 18px 18px;--kick:#8A5A2B;--shc:#1E2A44}
.st.lk.lk-pets2 .st-hero .h{font-weight:700;font-size:56px;line-height:1.35;letter-spacing:-.01em}
.st.lk.m.lk-pets2 .st-hero .h{font-size:31px}
.st.lk-pets2 .lk-arch{box-shadow:0 0 0 8px #FFFFFF,0 0 0 9px #C8A57A,var(--sh)}
.st.lk-pets2 .lk-arch img{object-position:50% 45%}
.st.lk-pets2 .lk-ctag{left:24px;bottom:110px;z-index:3;display:flex;flex-direction:column;align-items:center}
.st.lk-pets2 .lk-ctag i{width:22px;height:22px;border-radius:50%;border:4px solid #C8A57A;margin-bottom:-4px}
.st.lk-pets2 .lk-ctag b{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#E9C98F,#B08442 70%);color:#1E2A44;font:700 30px/1 "Readex Pro";box-shadow:inset 0 0 0 4px rgba(255,255,255,.35),0 12px 20px -10px rgba(0,0,0,.55)}
.st.m.lk-pets2 .lk-ctag{transform:scale(.6);transform-origin:left bottom;bottom:auto;top:180px;left:6px}
.st.lk-pets2 .lk-c{border-color:#E3D4BE}

/* homefood 1 · طبلية: cream + red gingham, Lalezar, centred headline + gallery on a checked tablecloth, polaroids */
.lk-homefood1{--bg:#FFF4E6;--card:#FFFFFF;--tile:#F6DFC4;--ink:#3B2314;--mut:#6A4E3C;--acc:#B3261E;--accInk:#FFFFFF;--price:#A32019;--ln:rgba(59,35,20,.14);--sbg:#2F6B3A;--sink:#FFFFFF;--fh:"Lalezar",sans-serif;--fb:"Alexandria",sans-serif;--r:12px;--rl:18px;--galr:14px;--kick:#2F6B3A;--shc:#3B2314}
.st.lk-homefood1:not(.bg-light):not(.bg-dark){--grain:.08;background:var(--bg)}
.st.lk.lk-homefood1 .st-hero .h{font-weight:400;font-size:74px;line-height:1.2}
.st.lk.m.lk-homefood1 .st-hero .h{font-size:40px}
.st.lk.lk-homefood1 .prods h3,.st.lk.lk-homefood1 .lk-end b{font-weight:400}
.st.lk-homefood1 .lk-c b{font-family:var(--fb)}
.st.lk-homefood1 .lk-gal{padding-bottom:28px}
.st.lk-homefood1 .lk-ging{left:-56px;right:-56px;bottom:-40px;height:110px;z-index:0;background:repeating-linear-gradient(90deg,rgba(179,38,30,.55) 0 22px,transparent 22px 44px),repeating-linear-gradient(0deg,rgba(179,38,30,.55) 0 22px,#FFFFFF 22px 44px)}
.st.lk-homefood1 .lk-steam9{left:50%;margin-left:-40px;top:-80px;width:80px;height:80px;fill:none;stroke:#B3261E;stroke-width:3.5;stroke-linecap:round;z-index:2;opacity:.75}
.st.m.lk-homefood1 .lk-ging{left:-16px;right:-16px;bottom:-22px;height:60px;background-size:auto}
.st.m.lk-homefood1 .lk-steam9{width:44px;height:44px;margin-left:-22px;top:-46px}
.st.m.lk-homefood1 .lk-gal{padding-bottom:16px}

/* homefood 2 · دفتر وصفات: paper + ink blue + red, Amiri, masthead with a handwritten recipe card, catalogue cards */
.lk-homefood2{--bg:#F7F1E3;--card:#FFFDF6;--tile:#ECE2CC;--ink:#1F2A4A;--mut:#4E566E;--acc:#1F2A4A;--accInk:#FFFFFF;--price:#8A2B1E;--ln:rgba(31,42,74,.14);--sbg:#8A2B1E;--sink:#FFFFFF;--fh:"Amiri",serif;--fb:"Alexandria",sans-serif;--r:4px;--rl:6px;--kick:#8A2B1E;--editr:4px;--shc:#1F2A4A}
.st.lk-homefood2:not(.bg-light):not(.bg-dark){--grain:.09;background:var(--bg)}
.st.lk.lk-homefood2.lkh-mag .st-hero .h{font-weight:700;font-size:84px;line-height:1.25}
.st.lk.m.lk-homefood2.lkh-mag .st-hero .h{font-size:40px}
.st.lk-homefood2 .lk-mh{border-bottom:2px dashed #1F2A4A}
.st.lk-homefood2 .lk-recipe{left:22px;top:22px;z-index:2;width:220px;padding:14px 16px 16px;background:repeating-linear-gradient(0deg,#FFFDF6 0 21px,#C9D3E8 21px 22px);border-top:16px solid #8A2B1E;rotate:-4deg;display:flex;flex-direction:column;gap:9px;box-shadow:0 16px 26px -14px rgba(0,0,0,.55)}
.st.lk-homefood2 .lk-recipe b{font:700 20px/1.2 "Amiri";color:#1F2A4A}
.st.lk-homefood2 .lk-recipe i{display:block;height:2px;width:80%;background:#1F2A4A;opacity:.55;border-radius:2px}
.st.lk-homefood2 .lk-recipe i:nth-child(3){width:60%}.st.lk-homefood2 .lk-recipe i:nth-child(4){width:70%}
.st.m.lk-homefood2 .lk-recipe{transform:scale(.6);transform-origin:left top;left:10px;top:10px}
.st.lk-homefood2 .lk-i{-webkit-text-stroke-color:#8A2B1E}
.st.lk-homefood2 .lk-c>b{font-family:var(--fb)}