/* Wahj Studio landing pages (tools/build_pages.py). Same tokens and type as index.html; no GSAP, mobile first. */

/* ===== fonts: self-hosted Alexandria (variable 300-700) ===== */
@font-face{font-family:"Alexandria";font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/alexandria-arabic.woff2) format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEFF}
@font-face{font-family:"Alexandria";font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/alexandria-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ===== tokens, reset, base ===== */
:root{
  color-scheme:dark;
  --bg:#0A0908; --bg-2:#110F0C; --card:#141210;
  --text:#F1EBDF; --text-2:#BDB4A5; --muted:#8C8478; --prose:#E4DDD0;
  --gold:#C9A66B; --gold-hi:#EDD5A3; --gold-deep:#8A7048;
  --hair:rgba(241,235,223,.14); --hair-2:rgba(241,235,223,.3); --hair-gold:rgba(201,166,107,.35);
  --f-sans:"Alexandria","Segoe UI",Tahoma,sans-serif;
  --gut:clamp(16px,4vw,56px); --max:1240px; --read:44rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px;scroll-padding-bottom:84px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-sans);font-size:16px;line-height:1.7;overflow-wrap:break-word}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 .94  0 0 0 0 .84  0 0 0 .7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
[hidden]{display:none!important}
img,svg{display:block;max-width:100%}
img{height:auto}
picture>source{display:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
.dim{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;white-space:nowrap}   /* a phone number never breaks inside */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip:focus{position:fixed;top:8px;right:8px;width:auto;height:auto;clip-path:none;z-index:120;background:var(--gold);color:var(--bg);padding:.6rem 1rem;border-radius:999px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
[tabindex="-1"]:focus:not(:focus-visible){outline:none}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.7rem 1.25rem;border:1px solid transparent;border-radius:999px;background:transparent;font-size:.9rem;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}
.btn svg{width:20px;height:20px;flex:none}
.btn .arr{width:10px;height:10px}
.btn-primary{background:var(--gold);border-color:var(--gold);color:#0A0908}
.btn-primary:hover{background:var(--gold-hi);border-color:var(--gold-hi)}
.btn-ghost{border-color:rgba(201,166,107,.5);color:var(--text)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-hi)}

/* ===== header: brand + CTA on one row; on phones the links get their own sideways-scrolling row ===== */
.top{position:relative;z-index:50;background:rgba(10,9,8,.9);border-bottom:1px solid var(--hair)}
.top-in{max-width:var(--max);margin-inline:auto;padding:8px var(--gut) 0;display:flex;flex-wrap:wrap;align-items:center;column-gap:16px}
.brand{display:flex;align-items:center;gap:9px;min-height:48px;margin-inline-end:auto}
.brand picture{display:contents}
.brand-mark{height:19px;width:auto}.brand-ar{height:25px;width:auto}
.top-cta{order:2;min-height:40px;padding:.55rem 1rem;font-size:.85rem}
.top-nav{order:3;flex:1 0 100%;min-width:0;margin-inline:calc(-1 * var(--gut));overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.top-nav::-webkit-scrollbar{display:none}
.top-nav ul{display:flex;gap:2px;width:max-content;list-style:none;margin:0;padding:2px calc(var(--gut) - 10px) 4px}
.top-nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 10px;border-radius:999px;font-size:.875rem;font-weight:500;color:var(--text-2);white-space:nowrap;transition:color .25s,background-color .25s}
.top-nav a:hover{color:var(--gold-hi)}
.top-nav a[aria-current="page"]{color:var(--gold-hi);background:rgba(201,166,107,.12)}
@media (min-width:900px){
  .top{position:sticky;top:0;background:rgba(10,9,8,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  html{scroll-padding-top:88px}
  .top-in{flex-wrap:nowrap;padding-block:10px;column-gap:28px}
  .brand-mark{height:22px}.brand-ar{height:28px}
  .top-nav{order:0;flex:0 1 auto;margin:0;overflow:visible}
  .top-nav ul{gap:6px;padding:0}
  .top-nav a{padding:0 12px;font-size:.9rem}
  .top-cta{min-height:44px;padding:.7rem 1.25rem;font-size:.9rem}
}

/* ===== hero ===== */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:18px var(--gut) clamp(36px,6vw,72px)}
.hero::before{content:"";position:absolute;z-index:-1;top:-38%;right:-45%;width:min(1400px,190vw);aspect-ratio:1.5;pointer-events:none;
  background:radial-gradient(closest-side,rgba(219,137,51,.3),rgba(212,144,70,.2) 30%,rgba(207,149,83,.09) 55%,rgba(204,151,89,.025) 75%,rgba(204,151,89,0))}
.hero-in{max-width:var(--max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:0 56px}
.crumbs{grid-column:1/-1}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0 0 clamp(18px,3vw,32px);padding:0;font-size:.8125rem;color:var(--muted)}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li::before{content:"/";margin-inline:.55rem;color:var(--gold-deep)}
.crumbs a{display:inline-flex;align-items:center;min-height:32px;color:var(--text-2)}
.crumbs a:hover{color:var(--gold-hi)}
.crumbs [aria-current]{color:var(--muted)}
.eyebrow{margin:0 0 .7rem;font-size:.8125rem;font-weight:500;color:var(--gold)}
/* padding: background-clip:text paints only inside the box, so the last line needs room for its descender dots (في) */
.hero h1{margin:0 0 -.3em;font-weight:700;font-size:clamp(2rem,7.2vw,3.4rem);line-height:1.25;text-wrap:balance;padding-bottom:.38em;
  color:var(--gold-hi);background:linear-gradient(180deg,#EAD2A0 0%,#CDAA6E 55%,#A8854F 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lead{margin:1rem 0 0;max-width:38rem;font-size:clamp(1.05rem,2.4vw,1.2rem);line-height:1.85;color:var(--prose);text-wrap:pretty}
.hero-acts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.hero-facts{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:1.8rem 0 0;padding:0;border-top:1px solid var(--hair-gold)}
.hero-facts li{display:flex;flex-direction:column;gap:.1rem;padding:.8rem 0 0;margin-inline-end:clamp(1.4rem,4vw,2.6rem)}
.hero-facts span{font-size:.8125rem;color:var(--muted)}
.hero-facts b{font-weight:600;font-size:.95rem;color:var(--text)}
.hero-facts a{display:inline-flex;align-items:center;min-height:32px;color:var(--gold-hi);text-decoration:underline;text-decoration-color:rgba(201,166,107,.45);text-underline-offset:5px}
.hero-facts a:hover{text-decoration-color:var(--gold-hi)}
.hero-fig{margin:28px 0 0;padding:8px;background:#0D0B09;border:1px solid rgba(201,166,107,.5);outline:1px solid rgba(201,166,107,.2);outline-offset:-5px}
.hero-fig picture{display:contents}
.hero-fig img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 45%;background:#1B1814}
/* portraits whose head sits near the top: the 3:2 phone crop keeps the face and cap (data-img = the page's first image) */
.hero-fig[data-img="g-grad-uni"] img{object-position:50% 0}
@media (min-width:900px){
  .hero{padding-top:24px}
  .hero::before{top:-60%;right:-18%;width:min(1500px,120vw)}
  .hero-in{grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:center}
  .hero-fig{margin:0;align-self:start}
  .hero-fig img{aspect-ratio:4/5}
}

/* ===== long-form content ===== */
.content>section:not(.band){max-width:calc(var(--read) + 2 * var(--gut));margin-inline:auto;padding:clamp(30px,4.5vw,48px) var(--gut);display:flow-root}
.content>section:not(.band)+section:not(.band){position:relative}
.content>section:not(.band)+section:not(.band)::before{content:"";position:absolute;top:0;inset-inline:var(--gut);height:1px;background:linear-gradient(270deg,var(--hair-gold),rgba(201,166,107,.08))}
.content h2{position:relative;margin:0 0 1rem;font-size:clamp(1.45rem,4.2vw,2rem);font-weight:600;line-height:1.4;text-wrap:balance}
.content section:not(.band)>h2::after{content:"";display:block;width:40px;height:2px;margin-top:.65rem;background:linear-gradient(270deg,var(--gold),rgba(201,166,107,0))}
.content h3{margin:1.6rem 0 .5rem;font-size:1.12rem;font-weight:600;line-height:1.55;color:var(--text)}
.content section:not(.band) p{margin:0 0 1.05rem;max-width:65ch;font-size:1.0625rem;line-height:1.95;color:var(--prose)}
.content section:not(.band) :is(ul,ol):not([class]){margin:0 0 1.2rem;padding-inline-start:1.35rem;max-width:65ch}
.content section:not(.band) :is(ul,ol):not([class])>li{margin-bottom:.45rem;padding-inline-start:.2rem;font-size:1.0625rem;line-height:1.9;color:var(--prose)}
.content :is(ul,ol):not([class])>li::marker{color:var(--gold)}
.content strong{font-weight:600;color:var(--text)}
.content section:not(.band) a:not(.btn):not([class]){color:var(--gold-hi);text-decoration:underline;text-decoration-color:rgba(201,166,107,.45);text-underline-offset:5px;text-decoration-thickness:1px}
.content section:not(.band) a:not(.btn):not([class]):hover{text-decoration-color:var(--gold-hi)}
.content blockquote,.note{margin:1.2rem 0;padding:1rem 1.2rem;border-inline-start:2px solid var(--gold);background:rgba(201,166,107,.06);color:var(--prose)}
.note p:last-child,.content blockquote p:last-child{margin-bottom:0}
.page-updated{max-width:calc(var(--read) + 2 * var(--gut));margin:0 auto;padding:0 var(--gut) clamp(28px,4vw,40px);font-size:.8125rem;color:var(--muted)}

/* price table */
.price-wrap{position:relative;margin:1.3rem 0 1.5rem;padding:clamp(16px,3vw,26px);border:1px solid rgba(201,166,107,.22);background:rgba(20,18,16,.55)}
.price-wrap::before{content:"";position:absolute;top:-1px;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent)}
.price-table{width:100%;border-collapse:collapse}
.price-table caption{caption-side:top;text-align:start;padding:0 0 .7rem;font-size:1.05rem;font-weight:600;color:var(--gold-hi)}
.price-table thead th{padding:.35rem 0;border-bottom:1px solid var(--hair-gold);font-size:.8125rem;font-weight:500;color:var(--muted);text-align:start}
.price-table thead th:last-child{text-align:end}
.price-table tbody th{padding:.7rem 0;border-bottom:1px solid var(--hair);font-size:.98rem;font-weight:500;line-height:1.6;text-align:start;color:var(--text)}
.price-table td{padding:.7rem 0;padding-inline-start:1rem;border-bottom:1px solid var(--hair);text-align:end;white-space:nowrap;font-size:.875rem;color:var(--text-2)}
.price-table td b{font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--gold-hi)}
.price-table tbody tr:last-child>*{border-bottom:0}
.price-note{margin:.7rem 0 0!important;font-size:.8125rem!important;line-height:1.7!important;color:var(--muted)!important}

/* figure */
.fig{margin:1.4rem auto 1.6rem;max-width:400px}
.fig picture{display:contents}
.fig img{width:100%;aspect-ratio:4/5;object-fit:cover;padding:8px;background:#0D0B09;border:1px solid rgba(201,166,107,.5);outline:1px solid rgba(201,166,107,.2);outline-offset:-5px}
.fig figcaption{margin-top:.6rem;font-size:.875rem;line-height:1.7;color:var(--text-2)}
@media (min-width:760px){
  .fig{float:left;width:min(42%,300px);margin:.35rem 0 1rem 2.2rem}
}

/* steps */
.steps{list-style:none;margin:1.2rem 0 1.4rem;padding:0}
.steps li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding-bottom:1.1rem}
.steps li:not(:last-child)::after{content:"";position:absolute;top:44px;bottom:4px;right:19.5px;width:1px;background:linear-gradient(180deg,var(--hair-gold),rgba(201,166,107,.05))}
.step-n{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(201,166,107,.55);border-radius:50%;font-weight:600;color:var(--gold);font-variant-numeric:tabular-nums;background:var(--bg)}
.content .steps h3{margin:.35rem 0 .15rem;font-size:1.05rem}
.content section:not(.band) .steps p{margin:0;font-size:1rem;line-height:1.85;color:var(--text-2)}

/* nearby chips */
.nearby{margin:1.2rem 0 1.4rem}
.content section:not(.band) .nearby-h{margin:0 0 .6rem;font-size:.9rem;font-weight:600;line-height:1.6;color:var(--gold-hi)}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1.2rem;padding:0}
.chips li{display:inline-flex;align-items:baseline;gap:.5rem;padding:.35rem .9rem;border:1px solid var(--hair-gold);border-radius:999px;background:rgba(20,18,16,.55);font-size:.92rem;line-height:1.6}
.chips.core li{border-color:rgba(201,166,107,.6)}
.chips b{font-weight:600}
.chips span{font-size:.8125rem;color:var(--text-2);white-space:nowrap}
.content section:not(.band) .nearby-note{margin:0;font-size:.8125rem;line-height:1.7;color:var(--muted)}

/* branch cards (tap-to-load map, same behaviour as the home page) */
.branches{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;margin:1.2rem 0 1.4rem;padding:0}
@media (min-width:640px){.branches:not(.one){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.branches:not(.one){margin-inline:-90px}}   /* wide screens: the two cards step out of the reading column so each keeps its buttons on one row */
.branch{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.7rem;padding:16px 18px;border:1px solid rgba(201,166,107,.22);background:rgba(20,18,16,.55)}
.branch>svg{grid-row:1/3;width:18px;height:18px;margin-top:.4rem;color:var(--gold)}
.content .branch-name{margin:0;font-size:1.05rem;font-weight:600;line-height:1.6}
.content section:not(.band) .branch-area{margin:0;font-size:.875rem;line-height:1.7;color:var(--text-2)}
.content section:not(.band) .branch-more{grid-column:2;margin:.1rem 0 0;font-size:.875rem;line-height:1.7}
.content section:not(.band) .branch-more a{display:inline-flex;align-items:center;min-height:32px;color:var(--gold-hi);text-decoration:underline;text-decoration-color:rgba(201,166,107,.45);text-underline-offset:5px}
.branch-acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
.branch-acts{column-gap:.4rem}
.branch-acts .btn{padding:.5rem .8rem;font-size:.84rem;gap:.45rem}
.branch-map{grid-column:1/-1;position:relative;width:100%;aspect-ratio:4/3;max-height:max(180px,calc(100vh - 160px));max-height:max(180px,calc(100svh - 160px));margin-top:.8rem;background:#1B1814;border:1px solid var(--hair);overflow:hidden}
.branch-map::before{content:"جارٍ تحميل الخريطة…";position:absolute;inset:0;display:grid;place-items:center;font-size:.875rem;color:var(--muted)}
.branch-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ===== full-width bands: related, FAQ, CTA ===== */
.band{padding:clamp(40px,6vw,72px) var(--gut)}
.band-in{max-width:var(--max);margin-inline:auto}
.band-in.narrow{max-width:var(--read)}
.band h2{margin-bottom:1.3rem}
.related{background:var(--bg-2);border-block:1px solid var(--hair)}
.cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px;margin:0;padding:0}
.card a{display:flex;flex-direction:column;gap:.45rem;height:100%;padding:20px 22px;border:1px solid rgba(201,166,107,.22);background:rgba(10,9,8,.45);transition:border-color .25s,background-color .25s}
.card a:hover{border-color:rgba(201,166,107,.6);background:rgba(20,18,16,.8)}
.content .card h3{margin:0;font-size:1.05rem;line-height:1.6}
.card p{margin:0;font-size:.9rem;line-height:1.75;color:var(--text-2)}
.card-go{margin-top:auto;padding-top:.5rem;font-size:.85rem;font-weight:600;color:var(--gold)}
.card a:hover .card-go{color:var(--gold-hi)}

.faq-list{border-bottom:1px solid var(--hair-2)}
.qa{border-top:1px solid var(--hair-2)}
.qa summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;padding:1.05rem 0;font-size:clamp(1.02rem,2.6vw,1.2rem);font-weight:600;line-height:1.6;cursor:pointer;transition:color .25s}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover,.qa[open] summary{color:var(--gold-hi)}
.plus{position:relative;flex:none;width:14px;height:14px;transition:transform .3s}
.plus::before,.plus::after{content:"";position:absolute;inset:6px 0;height:2px;background:currentColor}
.plus::after{transform:rotate(90deg)}
.qa[open] .plus{transform:rotate(45deg)}
.qa-a p{margin:0;padding-bottom:1.25rem;max-width:65ch;font-size:1.0625rem;line-height:1.95;color:var(--text-2)}

.cta-band{position:relative;isolation:isolate;overflow:hidden;text-align:center;border-block:1px solid var(--hair-gold)}
.cta-band::before{content:"";position:absolute;z-index:-1;left:50%;top:100%;width:min(1100px,170vw);aspect-ratio:1.6;translate:-50% -50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(219,137,51,.26),rgba(209,147,76,.12) 45%,rgba(204,151,89,.03) 75%,rgba(204,151,89,0))}
.cta-band h2{margin:0 auto .7rem;max-width:30rem}
.cta-band p{margin:0 auto;max-width:34rem;font-size:1.05rem;line-height:1.85;color:var(--prose)}
.cta-acts{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.4rem;margin-top:1.5rem}
.cta-num{display:inline-flex;align-items:center;min-height:44px;font-size:1.2rem;font-weight:600;color:var(--text)}
.cta-num:hover{color:var(--gold-hi)}

/* ===== footer ===== */
.foot{padding:clamp(44px,6vw,72px) var(--gut) 0;background:radial-gradient(80% 55% at 50% 0,rgba(201,166,107,.08),transparent 70%) var(--bg)}
.foot-in{max-width:var(--max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
.foot-brand{display:inline-block}
.foot-brand picture{display:contents}
.foot-logo{width:112px}
.foot-lead p{max-width:24rem;margin:1rem 0 1.3rem;color:var(--text-2)}
.foot-h{margin:0 0 .5rem;font-size:.8125rem;font-weight:600;color:var(--muted)}
.foot ul{list-style:none;margin:0;padding:0}
.foot-col li>a{display:inline-flex;align-items:center;min-height:44px;font-size:.95rem;font-weight:600}
.foot-col li>a:hover{color:var(--gold-hi)}
.foot-branches li{display:flex;flex-wrap:wrap;align-items:center;column-gap:1rem}
.foot-col .foot-map{font-size:.85rem;font-weight:500;color:var(--text-2)}
.foot-map svg,.foot-wa svg{width:16px;height:16px;flex:none;margin-inline-end:.45rem;color:var(--gold)}
.foot-wa{font-size:1.05rem}
@media (min-width:640px){.foot-in{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-lead{grid-column:1/-1}}
@media (min-width:1000px){.foot-in{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,.8fr)}.foot-lead{grid-column:auto}}
.foot-bottom{max-width:var(--max);margin:clamp(32px,5vw,56px) auto 0;padding:1.3rem 0 calc(88px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--hair)}
.foot-bottom p{margin:0;font-size:.875rem;font-weight:600;line-height:1.8;color:var(--text-2)}
.foot-sub{display:block;font-weight:400;color:var(--muted)}
@media (min-width:641px){.foot-bottom{padding-bottom:calc(32px + env(safe-area-inset-bottom))}}

/* ===== WhatsApp pill (always visible, bottom-left like the home page) ===== */
.wa-pill{position:fixed;left:clamp(12px,2vw,24px);bottom:calc(clamp(12px,2vw,24px) + env(safe-area-inset-bottom));z-index:55;display:flex;align-items:center;gap:.5rem;min-height:48px;padding:.6rem 1.1rem;border-radius:999px;background:var(--gold);color:#0A0908;font-weight:600;font-size:.9rem;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:background-color .25s}
.wa-pill:hover{background:var(--gold-hi)}
.wa-pill svg{flex:none}
@media (max-width:640px),(max-height:500px){.wa-pill{width:52px;height:52px;padding:0;justify-content:center}.wa-pill span{display:none}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{
  body::after,.wa-pill,.top-nav,.top-cta,.branch-acts,.branch-map,.hero::before,.cta-band::before{display:none!important}
  body{background:#fff;color:#000}
  .hero h1{-webkit-text-fill-color:currentColor;background:none;color:#000}
}