/* Full-site language controls and layouts. Shared baseline styling stays in styles.css. */
.language-bar{display:flex;justify-content:flex-end;align-items:center;gap:16px;font-size:16px;position:relative;z-index:65;text-transform:none;letter-spacing:normal;flex-shrink:0}
html[data-site-language] .announcement{justify-content:space-between;gap:24px;padding:0 38px;min-height:44px;position:relative;z-index:65;overflow:visible}
.announcement-copy{display:flex;justify-content:center;align-items:center;gap:42px;flex:1;min-width:0}
.announcement .language-switcher summary{color:var(--white);min-height:44px}
.language-english-link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--evergreen);font:600 16px/1.4 var(--sans);text-decoration:underline;text-underline-offset:.2em;white-space:nowrap}
.announcement .language-english-link{color:var(--white);border:0}
html[data-site-language] .announcement-language{padding-block:10px}
.announcement-language .announcement-copy{justify-content:flex-start}
.language-service-note{max-width:960px;margin:0;font-size:16px;line-height:1.6;letter-spacing:normal;text-transform:none}
.language-icon{flex-shrink:0;display:block}
.language-switcher{position:relative;min-width:142px}
.language-switcher summary{display:flex;align-items:center;gap:10px;justify-content:space-between;min-height:36px;padding:4px 10px;cursor:pointer;font-size:16px;color:var(--evergreen);font-weight:600;list-style:none}
.language-switcher summary::-webkit-details-marker{display:none}
.language-options{position:absolute;inset-inline-end:0;top:calc(100% + 5px);min-width:300px;max-width:calc(100vw - 32px);background:var(--bone);border:1px solid var(--line);box-shadow:0 15px 35px #151a1620;padding:8px;z-index:60}
.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;direction:ltr}
.language-grid a[data-language=en]{grid-column:1/-1}
.language-grid a[data-language=hi]{grid-column:1;grid-row:4}
.language-grid a[data-language="zh-Hans"]{grid-column:1;grid-row:5}
.language-options a{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:9px 12px;border:0;border-radius:2px;font-size:16px;color:var(--ink);white-space:normal}
.language-switcher summary span,.language-options a span{display:inline}
.language-options a:hover,.language-options a:focus-visible{background:#0e513b12;outline:2px solid var(--evergreen);outline-offset:-2px}
.language-options a[aria-current]{background:var(--evergreen);color:var(--bone)}
.language-options p{font-size:14px;line-height:1.5;padding:12px;color:#526057;border-top:1px solid var(--line);margin-top:8px;max-width:300px}
.age-gate-panel>.language-bar{justify-content:flex-start;padding:0 0 18px;border:0;width:100%;z-index:2}
.age-gate-panel .language-switcher{position:static;min-width:0}
.age-gate-panel .language-switcher summary{justify-content:flex-start;gap:14px;width:max-content;max-width:100%}
.age-gate-panel .language-options{top:calc(100% - 12px);inset-inline-start:0;inset-inline-end:auto;width:min(300px,100%);min-width:0;max-width:100%;max-height:55svh;overflow:auto}
html[lang=fr] .site-nav,html[lang=es] .site-nav{gap:clamp(18px,2.2vw,34px)}
html[lang=fr] .hero h1,html[lang=es] .hero h1{font-size:clamp(52px,4.7vw,76px);line-height:1.04}
html[data-site-language] .hero-actions .button{white-space:normal;text-align:center;line-height:1.35}
html[data-site-language] .footer-bottom>div{flex-wrap:wrap;max-width:100%;row-gap:14px}
html[lang=hi]{--sans:'Nirmala UI','Noto Sans Devanagari',Mangal,sans-serif;--mono:var(--sans)}
html[lang="zh-Hans"]{--sans:'Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif;--mono:var(--sans)}
html:is([lang=hi],[lang="zh-Hans"]) :is(.eyebrow,.announcement,.button,.footer-label,.image-index,.age-gate-footnote *){letter-spacing:normal;text-transform:none}
html:is([lang=hi],[lang="zh-Hans"]) :is(h1,h2,h3){letter-spacing:normal;line-height:1.45}
html[lang=hi] .hero h1{font-size:clamp(44px,4.2vw,64px)}
html[lang="zh-Hans"] .hero h1{font-size:clamp(48px,4.5vw,72px)}
html:is([lang=hi],[lang="zh-Hans"]) .eyebrow{font-size:16px;line-height:1.7}
html:is([lang=hi],[lang="zh-Hans"]) :is(.hero-intro,.intro-copy>p,.section-heading>p,.guide-card-summary,.shop-way p){line-height:1.9}
html:is([lang=hi],[lang="zh-Hans"]) .hero-actions .button{line-height:1.6}
html:is([lang=hi],[lang="zh-Hans"]) .age-gate-panel h2{font-size:clamp(36px,4.3vw,62px)}
html[dir=rtl]{--sans:'Segoe UI',Tahoma,Arial,sans-serif;--mono:'Segoe UI',Tahoma,Arial,sans-serif}
html[dir=rtl] body{font-family:var(--sans)}
html[dir=rtl] .eyebrow,html[dir=rtl] .announcement,html[dir=rtl] .button,html[dir=rtl] .footer-label,html[dir=rtl] .image-index,html[dir=rtl] .age-gate-footnote *{letter-spacing:normal;text-transform:none}
html[dir=rtl] .hero h1{font-family:var(--sans);font-size:clamp(48px,4.5vw,72px);line-height:1.45;letter-spacing:normal;font-weight:700;max-width:100%}
html[lang=ur] .hero h1{font-size:clamp(38px,3.9vw,62px)}
html[dir=rtl] .eyebrow,html[dir=rtl] .hero-availability,html[dir=rtl] .hero-categories>span{font-size:16px;line-height:1.7}
html[data-site-language] .age-badge,html[dir=rtl] .footer-license,html[dir=rtl] .way-number,html[dir=rtl] .category-number{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:normal;line-height:1.5}
html[dir=rtl] .hero-intro,html[dir=rtl] .intro-copy>p,html[dir=rtl] .section-heading>p,html[dir=rtl] .guide-card-summary,html[dir=rtl] .shop-way p{line-height:1.9}
html[dir=rtl] .hero-copy,html[dir=rtl] .intro-copy,html[dir=rtl] .location-list{text-align:start}
html[dir=rtl] .hero-copy>.eyebrow{flex-wrap:wrap}
html[dir=rtl] .hero-categories{line-height:1.6;letter-spacing:normal}
html[dir=rtl] .location-switcher>div{right:auto;left:0}
html[dir=rtl] .location-list article{grid-template-columns:36px minmax(0,1fr) 40px}
html[dir=rtl] .location-list article p{line-height:1.7}
html[dir=rtl] .location-list article p[dir=ltr]{text-align:right}
html[dir=rtl] .footer-main>div>p[dir=ltr],html[dir=rtl] .footer-main a[dir=ltr]{text-align:right}
html[dir=rtl] .home-guides-grid>a{border-right:0;border-inline-end:1px solid var(--ink)}
html[dir=rtl] .home-guides-grid>a:last-child{border-inline-end:0}
html[dir=rtl] .age-gate-panel h2{font-size:clamp(38px,4.5vw,62px);line-height:1.5;letter-spacing:normal}
html[dir=rtl] .age-gate-panel>p:not(.eyebrow){line-height:1.9}
html[dir=rtl] .age-gate-topline{direction:ltr}
html[dir=rtl] .site-logo,html[dir=rtl] .footer-brand>img{direction:ltr}
html[dir=rtl] .analytics-consent p{line-height:1.8}
.language-bar :focus-visible{outline:2px solid var(--evergreen);outline-offset:3px}
@media(width<=1200px){html[data-site-language] .site-header{grid-template-columns:205px 1fr auto;gap:20px;padding:0 24px}html[data-site-language] .site-logo{width:200px}html[data-site-language] .site-nav{gap:20px}html[data-site-language] .age-badge,html[data-site-language] .location-switcher{display:none}}
@media(width<=800px){html[data-site-language] .announcement{gap:12px;padding-inline:14px}.announcement-copy{justify-content:flex-start;font-size:11px;letter-spacing:.02em}.announcement-copy>span{display:none}.language-switcher{min-width:130px}html[data-site-language] .site-header{grid-template-columns:1fr auto;gap:12px}html[data-site-language] .site-logo{width:160px}html[data-site-language] .site-nav{gap:0}html[lang=fr] .hero h1,html[lang=es] .hero h1{font-size:clamp(48px,12vw,76px)}html[dir=rtl] .hero h1{font-size:clamp(42px,10vw,64px)}html[dir=rtl] .home-guides-grid>a{border-inline-end:0}html[dir=rtl] .age-gate-panel h2{font-size:clamp(34px,8vw,52px)}html[dir=rtl] .hero-copy{padding-inline:24px}.age-gate-panel>.language-bar{justify-content:flex-start}.age-gate-actions{flex-wrap:wrap}.age-gate-actions .button{white-space:normal;line-height:1.5;text-align:center}.age-gate{overflow-y:auto}.age-gate-panel{margin-block:auto}}
@media(width<=520px){html[dir=rtl] .announcement,html[lang=fr] .announcement,html[lang=es] .announcement{font-size:11px;letter-spacing:.02em}.language-switcher summary{min-height:44px}html[dir=rtl] .hero-categories a{font-size:14px}html[dir=rtl] .age-gate-panel>p:not(.eyebrow){margin:14px 0 22px}.age-gate-topline{margin-bottom:20px}.age-gate-panel>.language-bar{padding-bottom:16px}.age-gate-footnote{margin-top:26px;line-height:1.7}.age-gate-footnote small,.age-gate-footnote span{font-size:12px;line-height:1.5}html[dir=rtl] .footer-main{gap:34px}}
@media(width<=800px){html[lang=hi] .hero h1{font-size:clamp(36px,9vw,54px)}html[lang="zh-Hans"] .hero h1{font-size:clamp(42px,10vw,64px)}html:is([lang=hi],[lang="zh-Hans"]) .age-gate-panel h2{font-size:clamp(32px,7.5vw,46px)}}
@media(width<=800px){html[data-site-language] .announcement-language{flex-direction:column;align-items:stretch;gap:4px;padding:8px 14px 14px}.announcement-language .announcement-copy{flex:none}.announcement-language .language-bar{order:-1;align-self:flex-end}.announcement-language .language-service-note{font-size:16px}}

/* Every route keeps a usable language selector and translated long-form layout. */
.standalone-language-bar{display:flex;justify-content:flex-end;padding:16px clamp(20px,4vw,60px);border-bottom:1px solid var(--line)}
html[data-site-language] .footer-bottom>div{min-width:0}
html[data-site-language] :is(.guide-hero-copy,.guide-content,.guide-rail,.guide-card,.inner-hero-copy,.privacy){min-width:0}
html[data-site-language] :is(.guide-hero-copy h1,.guides-intro h1,.inner-hero h1,.menu-hero h1,.privacy h1){overflow-wrap:anywhere}
html:not([lang=en]) :is(.guide-hero-copy h1,.guides-intro h1,.inner-hero h1){font-size:clamp(44px,4.8vw,76px);line-height:1.12}
html:is([dir=rtl],[lang=hi],[lang="zh-Hans"]) :is(.guide-hero-copy h1,.guides-intro h1,.inner-hero h1,.menu-hero h1,.privacy h1){font-family:var(--sans);line-height:1.4;letter-spacing:normal}
html:is([dir=rtl],[lang=hi],[lang="zh-Hans"]) :is(.guide-content p,.guide-content li,.guide-rail,.faq-list p,.privacy p){line-height:1.9}
html[dir=rtl] .guide-content :is(ul,ol){padding-left:0;padding-right:24px}
html[dir=rtl] .guide-rail{border-left:0;border-inline-end:1px solid var(--line);padding-right:0;padding-inline-end:24px}
html[dir=rtl] :is(.guide-section-number,.guide-card-index,.menu-facts a[href^="tel:"],.footer-license){direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .dutchie-mount{direction:ltr}
html[dir=rtl] .menu-toolbar-scroll{direction:rtl}
html[data-site-language] .analytics-consent{max-width:calc(100vw - 28px)}
html[data-site-language] .analytics-consent>div{flex-shrink:0}
html[data-site-language] .analytics-consent button{white-space:normal;line-height:1.4}
html[data-site-language] .announcement .language-bar span{display:inline}
html[data-site-language] .announcement .language-bar .language-icon{display:block}
@media(width<=800px){
 html:not([lang=en]) :is(.guide-hero-copy h1,.guides-intro h1,.inner-hero h1,.menu-hero h1){font-size:clamp(36px,9vw,60px)}
 html[dir=rtl] .guide-rail{border-inline-end:0;padding-inline-end:0}
 html[data-site-language] .announcement-copy>a{font-size:11px;line-height:1.6;text-align:start}
 html[data-site-language] .announcement:not(.announcement-language){min-height:54px}
 html[data-site-language] .announcement .language-bar{gap:8px}
 html[data-site-language] .announcement .language-english-link{font-size:13px}
 html[data-site-language] .footer-bottom>div{gap:14px}
}
@media(width<=520px){
 html[data-site-language] .announcement:not(.announcement-language){flex-wrap:wrap;justify-content:flex-end;gap:0 12px;padding-block:5px}
 html[data-site-language] .announcement-copy{flex-basis:120px}
 html[data-site-language] .announcement .language-switcher{min-width:0}
 html[data-site-language] .announcement .language-switcher summary{gap:7px;padding-inline:4px;font-size:14px}
 html[data-site-language] .analytics-consent>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(width<=520px){
 .standalone-language-bar{position:relative}
 .announcement .language-bar,.announcement .language-switcher,.standalone-language-bar .language-bar,.standalone-language-bar .language-switcher{position:static}
 .announcement .language-options,.standalone-language-bar .language-options{inset-inline:14px;top:100%;width:auto;min-width:0;max-width:none}
}
/* The card eyebrow already includes its number; avoid a duplicate over long mobile copy. */
@media(width<=800px){.guide-card-number{display:none}}
/* Keep each wide topic photograph intact in the article's existing split hero. */
.guide-hero-image{min-height:0;display:flex;align-items:center;background:#092a20}
.guide-hero-image img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block}
.standalone-language-bar{align-items:center;justify-content:space-between;gap:24px}
.standalone-language-bar>.language-service-note{flex:1}
@media(width<=800px){.standalone-language-bar{flex-direction:column;align-items:stretch;gap:12px}.standalone-language-bar>.language-bar{order:-1;align-self:flex-end}}