/* Scoped multilingual product layout. Logical properties keep Arabic usable. */
.roll-i18n{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",sans-serif}
.roll-i18n .roll-hero{text-align:start}
.roll-i18n .roll-hero h1{font-size:clamp(30px,3.2vw,46px);line-height:1.23;overflow-wrap:normal;word-break:normal;hyphens:auto}
.roll-i18n h2{overflow-wrap:normal;word-break:normal;hyphens:auto}
.roll-i18n h3,.roll-i18n p,.roll-i18n li,.roll-i18n dd,.roll-i18n figcaption{overflow-wrap:anywhere}
.roll-i18n .btn{height:auto;white-space:normal;text-align:center;line-height:1.45}
.roll-i18n .roll-actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;max-width:100%}
.roll-i18n .roll-series h3{font-size:22px;line-height:1.35}
.roll-i18n .roll-material-note{border-left:0;border-inline-start:3px solid var(--brand)}
.roll-i18n .roll-facts dt{font-size:20px;overflow-wrap:anywhere}
.roll-i18n .roll-facts div:nth-child(-n+2) dt{direction:ltr;unicode-bidi:isolate;text-align:start}
.roll-i18n .roll-series li::before{margin-right:0;margin-inline-end:8px}
.roll-i18n .spec-table th,.roll-i18n .spec-table td,.roll-i18n .compare-table th,.roll-i18n .compare-table td{text-align:start}
.roll-i18n .spec-table th{width:28%;min-width:110px}
.roll-i18n .compare-table-wrap{overflow:auto;overscroll-behavior-inline:contain}
.roll-i18n .compare-table{min-width:760px}
.roll-i18n .plan-buffer-tag,.roll-i18n .plan-court-tag{font-size:11px;line-height:1.3;max-width:88%;white-space:normal}
.roll-i18n .plan-buffer-tag{left:6%;right:6%;max-width:none}
.roll-i18n .design-card,.roll-i18n .scenario-copy,.roll-i18n .detail-panel-copy{text-align:start}
.roll-layer-diagram{list-style:none;display:grid;gap:7px;padding:32px 26px;background:linear-gradient(140deg,#edf4f3,#dce5eb);margin:0;min-height:410px;align-content:center;color:#16332e;counter-reset:layer}
.roll-layer-diagram li{display:flex;align-items:center;gap:12px;padding:10px 15px;border-radius:6px;background:#fff;border-inline-start:9px solid #55a9cd;box-shadow:0 3px 0 #bfd1d5;font-size:13px;line-height:1.3;min-height:43px}
.roll-layer-diagram li:nth-child(2n){border-color:#489984;background:#f8fbfa}
.roll-layer-diagram li:nth-child(n+5){border-color:#778c91}
.roll-layer-diagram li span{font-variant-numeric:tabular-nums;min-width:15px;color:#35626a}
.roll-layer-diagram li b{font-weight:550}
.roll-i18n .nav{gap:18px}
.roll-i18n .nav-links{gap:19px}
.roll-i18n .nav-links>li>a{font-size:13px;white-space:nowrap}
.roll-i18n .nav-cta{white-space:normal;max-width:none;flex:0 0 auto;gap:10px;text-align:center;font-size:12px;line-height:1.35}
.roll-i18n .nav-cta .btn-ghost{display:none}
.roll-i18n .mobile-menu{overflow-y:auto;overscroll-behavior:contain;padding-top:70px;transition:right .25s ease,left .25s ease}
.roll-i18n .mobile-menu-overlay{transition:opacity .2s ease}
.roll-i18n .mobile-menu-close{position:absolute;top:15px;right:15px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font-size:28px;cursor:pointer}
.roll-i18n .mobile-menu a:focus-visible,.roll-i18n button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.roll-i18n .skip-link{position:fixed;inset-inline-start:20px;top:-120px;z-index:2000;background:var(--brand);color:#001a10;padding:12px 20px}
.roll-i18n .skip-link:focus{top:10px}
html[dir=rtl] .roll-i18n .roll-facts div:nth-child(-n+2) dt{text-align:right}
html[dir=rtl] .roll-i18n .mobile-menu{right:auto;left:-100%;border-left:0;border-right:1px solid var(--line)}
html[dir=rtl] .roll-i18n .mobile-menu.active{left:0}
html[dir=rtl] .roll-i18n .mobile-menu-close{right:auto;left:15px}
html[dir=rtl] .roll-i18n #locvin-fab{right:auto;left:18px;align-items:flex-start}
html[dir=rtl] .roll-i18n .check-list li{padding-left:0;padding-right:26px}
html[dir=rtl] .roll-i18n .check-list li::before{left:auto;right:0}
html[dir=rtl] .roll-i18n .nav-links .dropdown{left:auto;right:0;text-align:right}
html[dir=rtl] .roll-i18n .roll-hero h1{overflow-wrap:normal;word-break:normal;text-wrap:wrap;hyphens:none}
html[dir=rtl] .roll-i18n .mobile-nav-toggle{right:auto;left:22px}
html[dir=rtl] .roll-i18n .locvin-language-quick{right:auto;left:70px}
html[dir=rtl] .roll-i18n .locvin-language-quick .locvin-language-menu{right:auto;left:0}
@media(max-width:1200px){.roll-i18n .nav-links{display:none}.roll-i18n .mobile-nav-toggle{display:flex}.roll-i18n .nav{gap:12px}.roll-i18n .nav-cta{display:none}.roll-i18n .logo{margin-inline-end:auto}}
@media(max-width:700px){.roll-i18n .roll-hero h1{font-size:clamp(29px,7.5vw,40px)}.roll-i18n .roll-facts{gap:12px}.roll-i18n .roll-facts dt{font-size:18px}.roll-i18n .roll-facts dd{font-size:11px}.roll-i18n .nav-cta{display:none}.roll-i18n .roll-actions{display:grid;grid-template-columns:1fr}.roll-i18n .roll-actions .btn{width:100%}.roll-i18n .roll-layer-diagram{padding:24px 16px;min-height:380px}.roll-i18n .roll-layer-diagram li{font-size:12px;padding:10px}.roll-i18n .spec-table th{width:32%;min-width:95px}.roll-i18n .foot-bot{overflow-wrap:anywhere;gap:12px}.roll-i18n .foot-grid{gap:28px}}
@media(prefers-reduced-motion:reduce){.roll-i18n .mobile-menu,.roll-i18n .mobile-menu-overlay{transition:none}}

@media(prefers-reduced-motion:reduce){html[data-locvin-localized-product="acrylic-roll"]{scroll-behavior:auto!important}}