/* SADA / Ink Navy for program, store, help and checkout pages — the homepage identity.
   Presentation only. No payment, access, recovery or storage rules. */
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/readex-pro-600.woff2') format('woff2'),url('/assets/fonts/readex-pro-600.ttf') format('truetype')}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/readex-pro-700.woff2') format('woff2'),url('/assets/fonts/readex-pro-700.ttf') format('truetype')}
body.clarity-page:not(.atelier-home),body.sada-checkout{
 --ink:#101f35;--ink-deep:#0b1728;--leaf:#1b5b59;--leaf-2:#164a48;--ease-leaf:#101f35;
 --mint:#eef1f5;--mint-2:#f4f5f7;--cream:#f8f7f3;--paper:#f8f7f3;--line:#dfe3e7;--muted:#596579;
 --copper:#8a6d3b;--copper-soft:#f1e9da;--champagne:#c4aa79;
 background:#f8f7f3;color:#101f35}
:is(body.clarity-page:not(.atelier-home),body.sada-checkout) .announcement{background:#0b1728;color:#e5dfd2;letter-spacing:.02em}
:is(body.clarity-page:not(.atelier-home),body.sada-checkout) .header{background:rgba(248,247,243,.96);border-bottom:1px solid #dfe3e7;box-shadow:none}
:is(body.clarity-page:not(.atelier-home),body.sada-checkout) .brand img{border-radius:12px;display:block}
:is(body.clarity-page:not(.atelier-home),body.sada-checkout) .brand small{color:#596579}
:is(body.clarity-page:not(.atelier-home),body.sada-checkout) :is(h1,h2,h3){font-family:'Readex Pro','IBM Plex Sans Arabic',sans-serif;color:#101f35;letter-spacing:-.02em}
:is(body.clarity-page:not(.atelier-home),body.sada-checkout) .eyebrow{color:#1b5b59}
:is(body.clarity-page:not(.atelier-home),body.sada-checkout) .btn.primary{background:#101f35;border-color:#101f35;color:#fff}
:is(body.clarity-page:not(.atelier-home),body.sada-checkout) .btn.primary:hover{background:#0b1728;border-color:#0b1728}
:is(body.clarity-page:not(.atelier-home),body.sada-checkout) .btn.secondary{border-color:#bdc6ce;color:#101f35}
:is(body.clarity-page:not(.atelier-home),body.sada-checkout) .btn.primary.disabled,:is(body.clarity-page:not(.atelier-home),body.sada-checkout) .btn.primary[aria-disabled="true"]{background:#596579;border-color:#596579}
:is(body.clarity-page:not(.atelier-home),body.sada-checkout) .clarity-purchase,:is(body.clarity-page:not(.atelier-home),body.sada-checkout) .weight-review{border-color:#c4aa79}
/* Supervising physician, shown once near the top of each program page */
.supervisor-line{margin:14px 0 0;padding-inline-start:12px;border-inline-start:3px solid #c4aa79;color:#596579;font-size:14px;line-height:1.8}
.supervisor-line b{color:#101f35}.supervisor-line a{color:#1b5b59;white-space:nowrap}
.weight-hero-links{margin:12px 0 0;font-size:14px;color:#596579}.weight-hero-links a{color:#1b5b59}
/* Store cards: price, buy and details wrap cleanly on small screens */
.clarity-card-bottom{flex-wrap:wrap;gap:10px}
.clarity-card-bottom .clarity-card-buy{flex:1 1 100%;text-align:center}
.clarity-card-bottom .btn.secondary{flex:1 1 100%;text-align:center}
/* Masar + Etizan: one purchase, two guides */
.bowel-pair{border:1px solid #c4aa79;border-radius:16px;background:#fff;padding:18px;margin:16px 0}
.bowel-pair-title{display:block;font-family:'Readex Pro','IBM Plex Sans Arabic',sans-serif;font-size:18px;color:#101f35;margin-bottom:12px}
.bowel-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bowel-pair-grid>div{background:#f4f5f7;border-radius:12px;padding:12px 14px}
.bowel-pair-grid span{display:block;font-weight:700;color:#1b5b59;margin-bottom:4px}
.bowel-pair-grid p{margin:0;font-size:15px;line-height:1.8}
.bowel-pair>p{margin:12px 0 0;font-size:14px;color:#596579;line-height:1.8}
@media(max-width:560px){.bowel-pair-grid{grid-template-columns:1fr}}
.clarity-includes{margin:6px 0 0;font-size:14px;font-weight:600;color:#1b5b59}
/* Sticky buy bar: keep the price on one line with its label */
.value-mobile-buy .btn.primary{white-space:nowrap;font-size:15px;padding-inline:14px}
@media(max-width:430px){.value-mobile-buy .btn.primary{grid-column:1/-1;grid-row:2;width:100%}.value-mobile-buy .value-buy-details{grid-column:1/-1}.value-has-mobile-buy{padding-bottom:calc(150px + env(safe-area-inset-bottom))}}
/* Mobile menu: free tools and your programs as labelled groups */
.mobile-nav .mobile-nav-group{display:block;padding:14px 0 4px;font-size:12px;font-weight:700;letter-spacing:.02em;color:#8a6d3b;border:0}
