/* Rachel Kahana · English version (loaded after site.css + pages.css on /en pages) */
html[lang=en]{--sans:'DM Sans',AssistantLocal,system-ui,sans-serif;--display:'Fraunces',Georgia,'Times New Roman',serif}
html[lang=en] body{font-family:var(--sans)}
html[lang=en] .h{font-family:var(--display);font-weight:600;letter-spacing:-.015em;line-height:1.06;font-variation-settings:"opsz" 96}
html[lang=en] .intro .h{font-size:68px}
html[lang=en] .intro .h .sub{font-family:var(--sans);letter-spacing:0}
html[lang=en] .bn-en{font:600 21px/1 var(--display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
html[lang=en] footer .bn-en{font-size:28px}
html[lang=en] .vt{font-family:var(--display);font-weight:600}
html[lang=en] .quote-one .q blockquote p,html[lang=en] .q blockquote p{font-family:var(--display);font-weight:500;letter-spacing:-.005em}
html[lang=en] .btn{font-weight:600;letter-spacing:.005em}
html[lang=en] .links a{font-size:15px}
html[lang=en] .strip-nav svg{transform:scaleX(-1)}
@media (max-width:767px){html[lang=en] .intro .h{font-size:42px}}
html[lang=en] .links a{white-space:nowrap;padding-inline:10px}
.bk-step h3:focus{outline:none}
html[lang=en] .choice .seg{display:flex;width:100%}
html[lang=en] .choice .seg button{flex:1;white-space:normal;line-height:1.15;height:auto;min-height:44px;padding:6px 8px}
@media (max-width:767px){html[lang=en] .pill .bn-en{font-size:17px}}

/* ---- mobile-r2 ---- */
/* floating buttons on the right in LTR, so they don't cover line starts */
html[lang=en] .wa{left:auto;right:16px}
html[lang=en] .astop{left:auto;right:20px}
@media (max-width:767px){html[lang=en] .astop{left:auto;right:10px}}
/* home voucher row: the couple chip wraps and stacks */
.gift-txt{min-width:0}
@media (max-width:520px){
  html[lang=en] .chips li{max-width:100%}
  html[lang=en] .chips li.pair{height:auto;flex-wrap:wrap;row-gap:6px;border-radius:24px;padding:6px 8px}
  html[lang=en] .chips li.pair .chip-b{white-space:normal;text-align:start}
}
/* voucher / booking cards: never wider than the column */
html[lang=en] .choice{min-width:0}
/* EN nav at 360-400: the CTA must fit next to the wordmark */
@media (max-width:400px){html[lang=en] .pill .bn-en{font-size:15px}html[lang=en] .nav-cta{flex:none;padding:0 9px;font-size:13px;white-space:nowrap}html[lang=en] .brand{gap:6px}html[lang=en] .brand .mark{width:26px;height:26px}}
/* EN nav at ≤374px (iPhone SE 1st gen, small Androids): wordmark + CTA + menu didn't fit, the menu button was cut off.
   The mandala mark stays (the link keeps its aria-label), the CTA gets back to a readable 14px */
@media (max-width:400px){html[lang=en] .nav-cta{font-size:14px}}
@media (max-width:374px){html[lang=en] .brand{min-width:44px;justify-content:center}html[lang=en] .pill .bn-en{display:none}html[lang=en] .brand .mark{width:30px;height:30px}}
/* EN nav at 1024-1199: five English links + wordmark squeezed the "Book a workshop" button to 52px (text cut off) */
html[lang=en] .nav-cta{flex:none}
@media (min-width:1024px) and (max-width:1199px){
  html[lang=en] .pill{gap:10px}
  html[lang=en] .links{gap:0}
  html[lang=en] .links a{font-size:14px;padding-inline:5px}
  html[lang=en] .pill .bn-en{font-size:19px}
  html[lang=en] .nav-cta{padding:0 18px}
}