/* Business-type themes: header · hero · item layout · section feel, layered on the base skin chosen in js/verticals.js */
/* ---- quick info bar (hours · call · address · WhatsApp) ---- */
.s-qk{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;margin:-26px 24px 0;padding:14px 22px;background:#fff;border:1px solid var(--ln);border-radius:18px}
.s-qk>*{display:inline-flex;align-items:center;gap:8px;color:var(--fg);text-decoration:none;font-size:14.5px;min-width:0}
.s-qk svg{width:18px;height:18px;color:var(--ct);flex:none}.s-qk b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}
.s-qk a:hover b{color:var(--ct)}
:is([data-skin=lux],[data-skin=night]) .s-qk{background:var(--lcard);border-color:var(--ln)}
@media(max-width:700px){.s-qk{margin:-20px 12px 0;padding:12px 16px;gap:8px 16px}.s-qk b{max-width:200px}}

/* ---- row layout (menu / service list) ---- */
[data-vt=food] .grid,[data-vt=clinic] .grid,[data-vt=beauty] .grid,[data-vt=home] .grid,[data-vt=pro] .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px}
.it.rw,.it.tk{flex:none;width:auto;max-width:none}
.it.rw{flex-direction:row;align-items:stretch;gap:16px;padding:16px;overflow:visible}
.rw-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:start;padding:0}
.rw-b h3{margin:0;font-size:16.5px;font-weight:700;line-height:1.5;display:flex;align-items:center;gap:8px;flex-wrap:wrap;-webkit-line-clamp:unset;overflow:visible}
.rw-b p{margin:0;color:var(--mut);font-size:13.5px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rw-t{font-style:normal;font-size:12px;font-weight:700;padding:2px 10px;border-radius:99px;background:var(--cs);color:var(--ct)}
.rw-b .it-p{margin-top:auto;padding-top:6px;font-size:16px}
.rw-i{position:relative;flex:none;display:flex;align-items:flex-start}
.rw-i .ph-w{width:104px;height:104px;border-radius:14px}.rw-i .ph{aspect-ratio:1;border-radius:0}
.it.rw .add-w{margin:0;width:40px;height:40px;padding:0;border-radius:50%;flex:none;position:absolute;bottom:-10px;inset-inline-start:-10px;border:3px solid #fff;background:var(--c);color:var(--on)}
.it.rw:not(:has(.ph-w)) .rw-i{align-items:center}.it.rw:not(:has(.ph-w)) .add-w{position:static;border:1px solid var(--c)}.it.rw .add-w.on{width:auto;min-width:40px;padding:0 12px;border-radius:99px}
.it.rw:hover{border-color:var(--c)}
@media(max-width:700px){[data-vt=food] .grid,[data-vt=clinic] .grid,[data-vt=beauty] .grid,[data-vt=home] .grid,[data-vt=pro] .grid{grid-template-columns:1fr!important}.rw-i .ph-w{width:88px;height:88px}}

/* ---- tier layout (plans / packages / programs) ---- */
[data-vt=fit] .grid,[data-vt=auto] .grid,[data-vt=edu] .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:18px;align-items:stretch}
.it.tk{position:relative;padding:0;gap:0;overflow:hidden;border-radius:20px}
.it.tk .ph-w{height:150px}.it.tk .ph{height:150px;aspect-ratio:auto;border-radius:0}
.tk-h{padding:18px 20px 6px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:start}.tk-h h3{margin:0;font-size:18px;font-weight:800;line-height:1.45}
.tk-h .it-p{margin:0;padding:0;font-size:26px;font-weight:800;color:var(--ct)}
.tk-l{list-style:none;margin:0;padding:8px 20px 14px;display:flex;flex-direction:column;gap:9px;flex:1}
.tk-l li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.7;color:var(--mut)}
.tk-l svg{width:18px;height:18px;flex:none;color:var(--ct);margin-top:3px}.tk-l span{color:var(--fg)}
.it.tk .tk-a{margin:0 20px 20px;height:48px;border-radius:12px;background:var(--c);color:var(--on);border-color:var(--c);font-weight:700}
.it.tk .tk-a:hover:not(:disabled){filter:brightness(1.08)}
.tk-b{position:absolute;top:12px;inset-inline-end:12px;z-index:2;padding:4px 14px;border-radius:99px;background:var(--c);color:var(--on);font-size:12.5px;font-weight:700}
.it.tk.hot{border:2px solid var(--c)}
@media(max-width:700px){[data-vt=fit] .grid,[data-vt=auto] .grid,[data-vt=edu] .grid{grid-template-columns:1fr!important}.it.tk .ph-w,.it.tk .ph{height:130px}}

/* ---- section rhythm shared by all types ---- */
[data-vt] .s-hd2 h2{font-weight:800}
[data-vt] .s-bar{align-items:center}
[data-vt] .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}[data-vt] .tabs::-webkit-scrollbar{display:none}
[data-vt] .tabs button{white-space:nowrap}

/* ---- shop · متاجر ومنتجات: announcement bar, slim hero, round category rail, best-seller rail, sidebar + product grid ---- */
[data-vt=shop] .sh-s{width:340px;border-radius:12px}
.shp-ann{background:var(--c);color:var(--on);font-size:13px;font-weight:600}
.shp-ann .sh-w{display:flex;justify-content:center;gap:28px;padding-block:9px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.shp-ann .sh-w::-webkit-scrollbar{display:none}
.shp-ann span{display:inline-flex;align-items:center;gap:8px}.shp-ann svg{width:16px;height:16px}
[data-vt=shop] .s-hero{border-radius:20px;min-height:300px}
[data-vt=shop] .s-hero-t{max-width:560px}
[data-vt=shop] .s-hero h1{font-size:clamp(28px,4.2vw,44px)}
[data-vt=shop] .cats{display:flex;gap:18px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
[data-vt=shop] .cats::-webkit-scrollbar{display:none}
[data-vt=shop] .cc{flex:0 0 auto;flex-direction:column;align-items:center;gap:10px;min-width:96px;padding:0;background:none;border:0;box-shadow:none;text-align:center}
[data-vt=shop] .cc-i{width:88px;height:88px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--soft);border:2px solid var(--ln);transition:border-color .15s}
[data-vt=shop] .cc:hover .cc-i{border-color:var(--c)}
[data-vt=shop] .cc-b{align-items:center}[data-vt=shop] .cc-b b{font-size:14px}[data-vt=shop] .cc-b small,[data-vt=shop] .cc-b em{display:none}[data-vt=shop] .cc-b{padding:0}
.shp-rail{display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.shp-rail .it{flex:0 0 220px;scroll-snap-align:start}
.shp{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
.shp-f{position:sticky;top:88px;background:#fff;color:#14161B;border:1px solid var(--ln);border-radius:16px;padding:16px}
.shp-h{font-size:13px;font-weight:700;color:var(--mut);margin-bottom:10px;letter-spacing:.3px}
.shp-f .tabs{display:flex;flex-direction:column;gap:2px;overflow:visible;flex-wrap:wrap}
.shp-f .tabs button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:auto;text-align:start;padding:10px 12px;border-radius:10px;border:0;background:none;color:#14161B;font-size:14.5px;cursor:pointer}
.shp-f .tabs button:hover{background:#F3F4F7}
.shp-f .tabs button[aria-pressed=true]{background:var(--c);color:var(--on);font-weight:700}
.shp-f .tabs button em{font-style:normal;font-size:12px;opacity:.7}
.shp-m .s-bar{margin-bottom:12px}
[data-vt=shop] .shp-m .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
[data-vt=shop] .it .bdg.ft{background:#E03131;color:#fff}
[data-vt=shop] .it .ph{aspect-ratio:1/1}
[data-vt=shop] .it{border-radius:14px}
[data-vt=shop] .add-w{background:var(--c);color:var(--on);border-color:var(--c)}
[data-vt=shop] .add-w:hover:not(:disabled){filter:brightness(1.08)}
[data-vt=shop] .add-w:disabled{background:var(--soft);color:var(--mut);border-color:var(--ln)}
@media(max-width:900px){
  .shp{grid-template-columns:minmax(0,1fr);gap:14px}
  .shp-f{position:static;padding:0;border:0;background:none}.shp-h{display:none}
  .shp-f .tabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px}
  .shp-f .tabs button{width:auto;white-space:nowrap;border:1px solid var(--ln);border-radius:99px;padding:8px 14px}
  [data-vt=shop] .shp-m .grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .shp-rail .it{flex-basis:170px}
  [data-vt=shop] .cc-i{width:72px;height:72px}[data-vt=shop] .cc{min-width:80px}
}

/* ---- food · مطاعم وكافيهات: warm hero from the bottom, sticky category chips, dotted-price rows ---- */
[data-vt=food] .sh-hd{border-bottom:3px solid var(--c)}
[data-vt=food] .s-hero{min-height:380px;align-items:flex-end;border-radius:0 0 32px 32px;margin-top:0}
[data-vt=food] .s-hero::before{background:linear-gradient(to top,rgba(20,10,4,.82) 0%,rgba(20,10,4,.35) 55%,rgba(20,10,4,.05) 100%)}
[data-vt=food] .s-hero-t{max-width:680px;padding:36px 48px 64px}
[data-vt=food] .it.rw{border-style:dashed;border-radius:18px}
[data-vt=food] .rw-b .it-p{font-size:17px;color:var(--ct)}
[data-vt=food] .tabs button[aria-pressed=true]{background:var(--c);color:var(--on)}
@media(max-width:700px){[data-vt=food] .s-hero-t{padding:28px 20px 56px}}

/* ---- clinic · عيادات وصحة: calm, airy, appointment-first ---- */
[data-vt=clinic] .sh-hd{border-top:4px solid var(--c)}
[data-vt=clinic] .s-hero{border-radius:24px;min-height:420px;background-color:#F1FAFB}
[data-vt=clinic] .s-hero-b .btn.pri{height:54px;min-width:170px;border-radius:14px}
[data-vt=clinic] .it.rw{border-radius:16px;background:#fff}
[data-vt=clinic] .rw-i .ph-w{border-radius:50%}
[data-vt=clinic] .s-strip{background:#F1FAFB;border-color:#D3EEF1}
[data-vt=clinic] .cc{border-radius:18px}

/* ---- fit · رياضة ولياقة: dark, bold, heavy type ---- */
[data-vt=fit] .s-hero{border-radius:0;min-height:480px;margin-top:0}
[data-vt=fit] .s-hero h1{font-size:clamp(36px,6vw,68px);line-height:1.12;font-weight:900;letter-spacing:-.5px}
[data-vt=fit] .s-hero::after{content:"";position:absolute;inset-inline-end:-60px;top:0;bottom:0;width:38%;background:var(--c);opacity:.9;clip-path:polygon(32% 0,100% 0,100% 100%,0 100%)}
[data-vt=fit] .s-hero.img::after{opacity:.28}
[data-vt=fit] .s-hd2 h2{border-inline-start:6px solid var(--c);padding-inline-start:14px}
[data-vt=fit] .it.tk{background:var(--lcard)}
[data-vt=fit] .it.tk.hot{box-shadow:0 0 0 1px var(--c),0 18px 40px -18px var(--c)}
[data-vt=fit] .tk-h .it-p{font-size:30px}

/* ---- beauty · تجميل وعناية: soft, rounded, arch imagery ---- */
[data-vt=beauty] .s-hero{border-radius:36px;min-height:440px}
[data-vt=beauty] .s-hero-i{border-radius:28px}
[data-vt=beauty] .it.rw{border-radius:22px;border-color:color-mix(in srgb,var(--c) 22%,var(--ln))}
[data-vt=beauty] .rw-i .ph-w{border-radius:50%}
[data-vt=beauty] .rw-t{background:color-mix(in srgb,var(--c) 14%,#fff)}
[data-vt=beauty] .s-qk{border-radius:99px;justify-content:center}

/* ---- edu · تعليم وتدريب: course cards with a coloured spine ---- */
[data-vt=edu] .s-hero{border-radius:26px;min-height:420px}
[data-vt=edu] .it.tk{border-radius:16px;border-top:5px solid var(--c)}
[data-vt=edu] .it.tk .ph-w,[data-vt=edu] .it.tk .ph{height:120px}
[data-vt=edu] .tk-h .it-p{font-size:22px}
[data-vt=edu] .tk-l li{font-size:14px}
[data-vt=edu] .tk-b{border-radius:6px}

/* ---- auto · سيارات وخدماتها: dark, angled hero, package comparison ---- */
[data-vt=auto] .s-hero{border-radius:0 0 40px 40px;min-height:470px;margin-top:0}
[data-vt=auto] .s-hero::before{background:linear-gradient(115deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.1) 100%)}
[data-vt=auto] .s-hero h1{font-weight:900;font-size:clamp(34px,5.4vw,60px)}
[data-vt=auto] .it.tk{background:var(--lcard);border-radius:16px}
[data-vt=auto] .it.tk.hot{box-shadow:0 0 0 1px var(--c),0 20px 44px -20px var(--c);transform:translateY(-6px)}
[data-vt=auto] .s-hd2 h2::after{content:"";display:block;width:56px;height:4px;margin-top:10px;background:var(--c);border-radius:2px}
@media(max-width:700px){[data-vt=auto] .it.tk.hot{transform:none}}

/* ---- home · خدمات منزلية: friendly, numbered steps, coverage ---- */
[data-vt=home] .s-hero{border-radius:24px;min-height:420px}
[data-vt=home] .it.rw{border-radius:14px}
[data-vt=home] .rw-i .ph-w{border-radius:12px}
[data-vt=home] .mcs{counter-reset:st}[data-vt=home] .mc{position:relative;counter-increment:st}
[data-vt=home] .mc::after{content:counter(st);position:absolute;top:12px;inset-inline-end:14px;font-size:30px;font-weight:900;color:var(--c);opacity:.18}
[data-vt=home] .s-qk{background:var(--cs)}

/* ---- gift · هدايا وزهور: big photography, occasion pills ---- */
[data-vt=gift] .s-hero{border-radius:36px;min-height:460px;justify-content:center;text-align:center}
[data-vt=gift] .s-hero-t{align-items:center;max-width:640px}
[data-vt=gift] .s-hero-b{justify-content:center}
[data-vt=gift] .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}
[data-vt=gift] .it{border:0;background:transparent;gap:10px}
[data-vt=gift] .it .ph-w{border-radius:26px}[data-vt=gift] .it .ph{aspect-ratio:4/5}
[data-vt=gift] .it .it-b{padding:4px 6px 0;text-align:center;align-items:center}
[data-vt=gift] .it .add-w{margin:0 6px 8px;border-radius:99px}
[data-vt=gift] .mc{border-radius:99px;padding:14px 22px;flex-direction:row;gap:10px;align-items:center}
[data-vt=gift] .s-qk{border-radius:99px;justify-content:center}

/* ---- pro · خدمات مهنية: editorial list, hairlines, restrained ---- */
[data-vt=pro] .s-hero{border-radius:0;min-height:400px;margin-top:0}
[data-vt=pro] .s-hero h1{font-weight:700;font-size:clamp(32px,5vw,56px);line-height:1.2}
[data-vt=pro] .grid{grid-template-columns:1fr 1fr!important;gap:0 48px}
[data-vt=pro] .it.rw{border:0;border-bottom:1px solid var(--ln);border-radius:0;padding:22px 0;background:transparent}
[data-vt=pro] .it.rw:hover{border-color:var(--c)}
[data-vt=pro] .rw-i .ph-w{display:none}[data-vt=pro] .it.rw .add-w{border-radius:8px}
[data-vt=pro] .s-qk{border-radius:8px}
@media(max-width:700px){[data-vt=pro] .grid{grid-template-columns:1fr}}
.it.tk .ph,.rw-i .ph{background-position:center;background-size:cover}
/* meal-plan subscriptions */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}
.plan{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:20px;border:1px solid var(--ln);border-radius:16px;background:var(--bg)}
.plan .pl-t{font-size:18px}.plan .pl-m{font-size:28px;font-weight:800;color:var(--c)}.plan .pl-p{font-size:20px;font-weight:700}.plan small{opacity:.7}.plan .btn{margin-top:10px;width:100%}
.sub-me{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 18px;border-radius:14px;background:color-mix(in srgb,var(--c) 10%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.sub-me small{display:block;opacity:.7}.sub-n{text-align:center}.sub-n b{font-size:30px;line-height:1}
.sub-h{margin-top:8px;font-size:14px}.sub-h div{padding:4px 0;opacity:.8}.sub-r{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--ln)}

/* ---- أسلوب الاقتباس لباقي الأنشطة (عيادات · تجميل): نفس الهيكل بهوية كل نشاط ---- */
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story{display:flex;flex-direction:column;background:none;border-radius:0;gap:40px;text-align:center;overflow:visible}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story .pick-t{padding:0;align-items:center;max-width:820px;margin:0 auto;gap:6px}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story h3{font-size:clamp(30px,4.6vw,52px);font-weight:700;line-height:1.45;margin:8px 0 6px}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story h3 .q1{display:block;font-weight:300}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story h3 .q2{display:block;font-weight:700}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story p{color:var(--mut);font-size:17px;line-height:2;max-width:60ch;margin:0 auto}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story .pick-b{margin-top:14px}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story .btn{background:var(--dk);border-color:var(--dk);color:#F1E8DA;border-radius:999px;height:50px;padding:0 28px;width:auto}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story .pick-i{order:2;width:100%}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story .pick-i .ph{aspect-ratio:21/9;height:auto;border-radius:34px;overflow:hidden}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story .pick-i img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story .pick-i .ph{aspect-ratio:4/3}}

/* عبارة + 3 أعمدة مرقّمة (العينة) */
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .trust.tri{display:block;margin-top:clamp(50px,7vw,90px)}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .tri-q{text-align:center;font-size:clamp(28px,4.2vw,48px);line-height:1.5;margin:0 auto clamp(36px,5vw,60px);max-width:22em;text-wrap:balance}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .tri-q .q1{display:block;font-weight:300}:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .tri-q .q2{display:block;font-weight:700}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .tri-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .tri-g .tr{display:block;counter-increment:none;border-top:1.5px solid var(--fg);padding-top:14px}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .tri-g .tr::before{content:none}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .tri-g small{display:block;color:var(--mut);font-size:12.5px;letter-spacing:.06em}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .tri-g h3{font-size:21px;margin:2px 0 6px;font-weight:700}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .tri-g p{color:var(--mut);font-size:14.5px;line-height:1.9;margin:0}
@media(max-width:700px){:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .tri-g{grid-template-columns:1fr}}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story h3 .q1,:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story h3 .q2{display:inline}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story h3{max-width:none;text-wrap:balance}
:is([data-vt=clinic],[data-vt=beauty],[data-vt=fit],[data-vt=auto]) .pick.story .pick-b{display:none}
[data-vt=clinic] .tri-g .tr{border-top-color:var(--c)}
[data-vt=clinic] .tri-g small{color:var(--c);font-weight:700}
[data-vt=clinic] .tri-q .q2{color:var(--ct)}
[data-vt=beauty] .tri-g .tr{border-top:0;background:color-mix(in srgb,var(--c) 7%,#fff);border-radius:26px;padding:22px 22px 24px}
[data-vt=beauty] .tri-g small{color:var(--c);font-weight:700}
[data-vt=beauty] .tri-q .q2{color:var(--c)}
[data-vt=beauty] .pick.story h3 .q2{color:var(--c)}
[data-vt=clinic] .pick.story h3 .q2{color:var(--ct)}

/* هوية fit (عريضة، برتقالية) وauto (حادة، حمراء) على الخلفية الداكنة */
:is([data-vt=fit],[data-vt=auto]) .tri-q .q1{opacity:.78}
:is([data-vt=fit],[data-vt=auto]) .tri-g small{color:var(--c);font-weight:800}
[data-vt=fit] .tri-g .tr{border-top:3px solid var(--c);padding-top:16px}
[data-vt=fit] .tri-g h3{font-weight:900}
[data-vt=fit] .tri-q,[data-vt=fit] .pick.story h3{font-weight:900}
[data-vt=fit] .tri-q .q2,[data-vt=fit] .pick.story h3 .q2{color:var(--c)}
[data-vt=auto] .tri-g .tr{border-top:0;border-inline-start:3px solid var(--c);padding:4px 16px 6px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c) 8%,transparent))}
[data-vt=auto] .tri-q .q2,[data-vt=auto] .pick.story h3 .q2{color:var(--c)}
:is([data-vt=fit],[data-vt=auto]) .pick.story .btn{background:var(--c);border-color:var(--c);color:#fff}
/* dark mode: remaining hard-coded white surfaces */
[data-mode=dark] .sh-c,[data-mode=dark] .s-qk,[data-mode=dark] .mc,[data-mode=dark] .sc,[data-mode=dark] .rv,[data-mode=dark] details{background:var(--lcard);color:var(--fg);border-color:var(--ln)}
[data-mode=dark] .s-qk b,[data-mode=dark] .s-qk span,[data-mode=dark] .s-qk a{color:var(--fg)}
[data-mode=dark] .sh-c svg{color:var(--fg)}
[data-mode=dark] .sh-s,[data-mode=dark] .sh-s input{background:var(--lcard);color:var(--fg);border-color:var(--ln)}
[data-mode=dark] .sh-s input::placeholder{color:var(--mut)}
/* dark mode: vertical-theme surfaces that are light by default */
html[data-mode=dark][data-vt=beauty] .tri-g .tr{background:color-mix(in srgb,var(--c) 14%,#161B25);color:var(--fg)}
html[data-mode=dark][data-vt=beauty] .tri-g h3{color:var(--fg)}
html[data-mode=dark][data-vt=beauty] .rw-t{background:color-mix(in srgb,var(--c) 22%,#161B25)}
html[data-mode=dark][data-vt=clinic] .it.rw,html[data-mode=dark][data-vt=beauty] .it.rw{background:#161B25!important}
html[data-mode=dark] .s-qk,html[data-mode=dark] .shp-f{background:#161B25;color:var(--fg);border-color:var(--ln)}
/* beauty/services theme: full-width hero image, quieter sub-heading, readable dark-mode button */
[data-vt=beauty] .s-hero-i{width:100%}
:is([data-vt=beauty]) .tri-q{font-size:clamp(20px,2.6vw,30px);line-height:1.6;max-width:30em}
html[data-mode=dark][data-vt=beauty] .s-hero-b .btn.pri{background:color-mix(in srgb,var(--c) 35%,#03181b);border-color:transparent;color:#fff}