/* Native-language links remain keyboard accessible and do not depend on flags. */
@font-face { font-family:"Noto Sans Arabic"; src:url("assets/fonts/NotoSansArabic-Variable.woff2") format("woff2"); font-weight:100 900; font-style:normal; font-display:swap; }
html.i18n-loading #app { visibility:hidden; }
#genius-locale-status { position:fixed; inset:40% 5% auto; text-align:center; font:500 20px/1.7 Inter,"Noto Sans Arabic","Segoe UI",Arial,sans-serif; }
.genius-form-trap { position:absolute !important; inline-size:1px !important; block-size:1px !important; opacity:0; pointer-events:none; overflow:hidden; clip-path:inset(100%); }
body.brand-blueprint .i18n-load-error { max-width:860px; margin:10vh auto; padding:32px; }
body.brand-blueprint .i18n-load-error nav { display:flex; flex-wrap:wrap; gap:18px; margin-top:32px; }
body.brand-blueprint .i18n-load-error a { font-size:19px; }
body.brand-blueprint .order-index a,body.brand-blueprint .cx-card-actions .btn,body.brand-blueprint .bp-nav-quote { overflow-wrap:anywhere; }
body.brand-blueprint .cx-card-actions .btn { white-space:normal; text-align:center; }
body.brand-blueprint .cx-nav-search input { min-width:0; }
body.brand-blueprint .cx-language-menu { position:relative; flex:none; }
body.brand-blueprint .cx-language-menu>summary { display:flex; align-items:center; gap:8px; min-height:48px; padding:8px; font-size:18px; font-weight:500; cursor:pointer; list-style:none; }
body.brand-blueprint .cx-language-menu>summary::-webkit-details-marker { display:none; }
body.brand-blueprint .cx-language-menu svg { fill:none; stroke:currentColor; stroke-width:1.5; }
body.brand-blueprint .cx-language-menu[open]>summary,body.brand-blueprint .cx-language-menu>summary:hover { color:var(--accent); }
body.brand-blueprint .cx-language-panel { position:absolute; right:0; top:calc(100% + 12px); width:390px; padding:24px; border:1px solid var(--line); border-top:3px solid var(--accent); background:var(--surface); box-shadow:0 14px 35px #0004; max-height:calc(100dvh - 140px); overflow-y:auto; }
body.brand-blueprint .cx-language-panel>p { margin:0 0 16px; color:var(--muted); font-size:18px !important; }
body.brand-blueprint .cx-language-panel nav { display:grid; grid-template-columns:1fr 1fr; gap:4px 10px; }
body.brand-blueprint .cx-language-panel a { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:46px; padding:10px 8px; font-size:18px; line-height:1.4; text-decoration:none; border-radius:3px; white-space:normal; }
body.brand-blueprint .cx-language-panel a:hover,body.brand-blueprint .cx-language-panel a[aria-current] { background:var(--bg); color:var(--accent); }
body.brand-blueprint .cx-language-panel a:focus-visible,body.brand-blueprint .cx-language-menu>summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
body.brand-blueprint .cx-language-note { color:var(--muted); font-size:18px !important; line-height:1.6; margin:0 0 24px; max-width:85ch; }
body.brand-blueprint .cx-language-pending { margin:22px 5% 0; }
body.brand-blueprint .cx-language-note a { text-decoration:underline; text-underline-offset:4px; margin-inline-start:10px; }
body.brand-blueprint .cx-blog-link { white-space:nowrap; }
body.brand-blueprint[data-locale=ja] .eyebrow,body.brand-blueprint[data-locale=zh-Hant] .eyebrow { letter-spacing:.06em; }
body.brand-blueprint:not([data-locale=en]) .order-index a { overflow-wrap:anywhere; }
@media(max-width:760px){
 body.brand-blueprint .cx-language-menu { position:static; }
 body.brand-blueprint .cx-language-panel { right:5%; left:5%; width:auto; top:100%; max-height:calc(100dvh - 120px); }
 body.brand-blueprint .bp-siteheader .bp-logo img { width:clamp(156px,31vw,235px); }
 body.brand-blueprint .cx-language-menu>summary { padding-inline:4px; gap:5px; }
 body.brand-blueprint .cx-language-chevron { display:none; }
}
@media(max-width:430px){
 body.brand-blueprint .bp-siteheader { padding-inline:4%; gap:5px; }
 body.brand-blueprint .bp-siteheader .bp-logo img { width:156px; }
 body.brand-blueprint .bp-search-link { display:none; }
 body.brand-blueprint .bp-nav-actions { gap:0; }
 body.brand-blueprint .cx-language-panel { padding:18px 14px; }
 body.brand-blueprint .cx-language-panel nav { gap:4px; }
 body.brand-blueprint .cx-language-menu>summary>svg:first-child { width:19px; }
}
@media print { body.brand-blueprint :is(.cx-language-menu,.cx-language-note) { display:none; } }
/* Longer labels retain their type size and use the existing menu earlier. */
@media(min-width:1381px) and (max-width:1600px){
 body.brand-blueprint:not([data-locale=en]) .bp-menu { display:inline-flex; }
 body.brand-blueprint:not([data-locale=en]) .bp-siteheader>nav { display:none; position:absolute; top:100%; left:0; right:0; width:100%; padding:24px 5%; border-bottom:1px solid var(--line); background:var(--bg); max-height:calc(100dvh - 125px); overflow-y:auto; box-shadow:0 18px 30px #0005; }
 body.brand-blueprint:not([data-locale=en]) .bp-siteheader>nav.is-open { display:flex; flex-direction:column; align-items:stretch; gap:8px; }
 body.brand-blueprint:not([data-locale=en]) .bp-siteheader>nav>a { min-height:54px; font-size:18px; border-top:1px solid var(--line); }
 body.brand-blueprint:not([data-locale=en]) .bp-siteheader nav a.bp-mobile-quote { display:flex; gap:12px; }
 body.brand-blueprint:not([data-locale=en]) .cx-mobile-search { display:block; margin-bottom:12px; }
 body.brand-blueprint:not([data-locale=en]) .cx-mega-menu { position:static; margin:0; padding:0 0 20px; max-width:none; background:transparent; border:0; box-shadow:none; }
}

/* Arabic follows the document direction; hardware identifiers keep their order. */
html[dir=rtl] body.brand-blueprint { --font-sans:Inter,"Noto Sans Arabic","Segoe UI",Arial,sans-serif; text-align:right; }
html[dir=rtl] body.brand-blueprint :is(h1,h2,h3,h4,h5,h6,.eyebrow,.smallcaps) { letter-spacing:0 !important; }
body.brand-blueprint[data-locale=ja] { --font-sans:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif; }
body.brand-blueprint[data-locale=zh-Hant] { --font-sans:Inter,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif; }
html[dir=rtl] body.brand-blueprint :is(p,li,dd) { line-height:1.85; }
html[dir=rtl] body.brand-blueprint :is(input[type=email],input[type=tel],input[type=url],input[type=number],input[type=date]) { direction:ltr; text-align:left; }
html[dir=rtl] body.brand-blueprint :is(.bp-logo,.cx-carousel-offer strong,.price strong,.cx-price-range,.kn-price-item>div>strong) { direction:ltr; unicode-bidi:isolate; }
html[dir=rtl] body.brand-blueprint .cx-language-panel { left:0; right:auto; }
html[dir=rtl] body.brand-blueprint .cx-language-panel nav { text-align:start; }
html[dir=rtl] body.brand-blueprint .cx-language-panel a { text-align:start; }
html[dir=rtl] body.brand-blueprint .order-stage-note { border-left:0; border-right:2px solid var(--accent); padding-left:0; padding-right:20px; }
html[dir=rtl] body.brand-blueprint .order-index a { border-right:0; border-left:1px solid var(--line); }
html[dir=rtl] body.brand-blueprint .order-index a:last-child { border-left:0; }
html[dir=rtl] body.brand-blueprint .order-index a:first-child { padding-left:14px; padding-right:0; }
html[dir=rtl] body.brand-blueprint .cx-hero-buying { border-left:0; border-right:1px solid var(--line); }
html[dir=rtl] body.brand-blueprint .cx-carousel-controls>button { transform:scaleX(-1); }
html[dir=rtl] body.brand-blueprint .cx-carousel-selectors { direction:ltr; }
html[dir=rtl] body.brand-blueprint .cx-carousel-selectors>button { direction:rtl; }
html[dir=rtl] body.brand-blueprint :is(.kn-prose ul,.sv-policy ul,.quote-side ul) { padding-left:0; padding-right:26px; }
html[dir=rtl] body.brand-blueprint .modal-close { right:auto; left:16px; }
@media(max-width:1150px){html[dir=rtl] body.brand-blueprint .order-index a:nth-child(3n) { border-left:0; }}
@media(max-width:760px){html[dir=rtl] body.brand-blueprint .cx-language-panel { left:5%; right:5%; }html[dir=rtl] body.brand-blueprint .cx-hero-buying { border-right:0; }}
@media(max-width:600px){html[dir=rtl] body.brand-blueprint .order-index a:nth-child(3n) { border-left:1px solid var(--line); }html[dir=rtl] body.brand-blueprint .order-index a:nth-child(2n) { border-left:0; }}
