/* Pilot-only additions. Existing production styles remain the visual baseline. */
/* Pilot footers must fit the content viewport when Windows reserves scrollbar space. */
@media(max-width:768px){:is(.seo-main,.hub-main,.hsd-main,.cat-main) ~ .footer .home-footer__bottom{width:100%;max-width:100%;margin-inline:0}}
.pilot-languages{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px}
.pilot-languages a[aria-current]{text-decoration:underline;text-underline-offset:3px}
.pilot-languages [aria-disabled]{opacity:.55;cursor:not-allowed}
.topbar__inner{flex-wrap:wrap;gap:8px}
.mobile-header-language{background:transparent;border:0;color:inherit;font:inherit;cursor:pointer}
.hsd-breadcrumb [data-pilot-english-link]::after, main [data-pilot-english-link]::after{content:' EN';font-size:10px;font-weight:400;white-space:nowrap;opacity:.7}
@media(max-width:768px){.pilot-languages{gap:8px}}
@media(min-width:769px){
  .header__inner{height:auto;min-height:84px;gap:12px}
  .header__inner > .nav{min-width:0;flex:1;flex-wrap:wrap;justify-content:flex-end;row-gap:0}
  .nav > a,.nav > .nav-item{min-width:0;max-width:100%}
  .header__inner > .nav > a,.header__inner > .nav > .nav-item > a{padding-inline:8px}
  .header__inner .site-search-toggle{margin-inline-start:0}
  .header__inner .site-language-toggle{margin-inline-start:0}
  .nav-item--info-center .dropdown-menu{inset-inline-start:auto;inset-inline-end:0}
}
.cat-enhancement,.cat-enhancement__grid,.cat-enhancement__panel{min-inline-size:0}
.cat-enhancement__panel{overflow-wrap:anywhere}
.cat-enhancement table{width:100%;table-layout:fixed}
/* German compound words must not be clipped by the existing card/image shell. */
.product-card__body{min-inline-size:0}
.product-card__title{overflow-wrap:anywhere;hyphens:auto}
/* Blog headings and product CTA names can contain long German compounds. */
.blog-detail-card :is(h1,h2,h3),.blog-product-cta strong{overflow-wrap:anywhere;hyphens:auto}
/* Long German body/list compounds must wrap just like headings. */
html[lang="de"] .blog-detail-card :is(p,li,figcaption){overflow-wrap:anywhere;hyphens:auto}
html[lang="ar"] .blog-comparison-table :is(th,td){text-align:start}
/* Keep the intentional three-line mobile card clamp while wrapping compounds. */
html[lang="de"] body.blog-page .blog-card__title{overflow-wrap:anywhere;hyphens:auto}
html[lang="ar"] body.blog-page .blog-page-arrow{transform:scaleX(-1)}
.cat-page-title,.hsd-actions,.hsd-key-attributes,.seo-card{overflow-wrap:anywhere;hyphens:auto}
.hsd-hero > *,.seo-hero__inner > *,.seo-layout > *,.seo-main > *{min-inline-size:0}
/* German specification and related-product compounds must not expand the main grid. */
.hsd-main > *{min-inline-size:0}
html[lang="de"] .hsd-main :is(h2,h3,p,li,summary,th,td,figcaption,.sw-related-card span){overflow-wrap:anywhere;hyphens:auto}
.seo-hero__inner h1,.seo-hero__inner p{overflow-wrap:anywhere;hyphens:auto}
.cat-enhancement__cta a,.hsd-btn{max-inline-size:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
.nav-item--info-center > a{white-space:normal;overflow-wrap:anywhere}
[data-i18n-pilot] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #e8521a;outline-offset:3px}
.language-flag--de{background-image:linear-gradient(to bottom,#000 0 33.333%,#dd0000 33.333% 66.666%,#ffce00 66.666% 100%)}
/* Keep a modal above cookie/contact widgets, with reachable content at browser zoom. */
.site-language-dialog{z-index:10002;padding-block:min(8vh,104px) 16px}
.site-language-dialog__panel{max-block-size:calc(100dvh - min(8vh,104px) - 16px);overflow-y:auto}
.site-language-dialog__header h2{min-inline-size:0;overflow-wrap:anywhere}
.site-language-close{flex-shrink:0}
/* Arabic pilot: native RTL flow, without the legacy double reversal. */
html[lang="ar"] :is(.topbar__inner,.header__inner,.button-row,.home-footer__legal-links,.seo-breadcrumb){flex-direction:row}
html[lang="ar"] :is(h1,h2,h3,.nav a,.cat-name,.cat-sublink,.seo-eyebrow){letter-spacing:normal}
html[lang="ar"] :is(.hsd-attributes th,.hsd-attributes td,.hsd-spec-table th,.hsd-spec-table td,.cat-enhancement th,.cat-enhancement td,form label){text-align:start}
html[lang="ar"] input[dir="ltr"]{text-align:left;unicode-bidi:isolate}
/* The legacy off-screen honeypot expands RTL scroll bounds by 9999px. */
html[lang="ar"] input[name="website"][aria-hidden="true"]{left:auto!important;right:0!important;clip-path:inset(50%);pointer-events:none}
html[lang="ar"] :is(.media-prev,.product-lightbox__prev){left:auto;right:12px}
html[lang="ar"] :is(.media-next,.product-lightbox__next){right:auto;left:12px}
html[lang="ar"] :is(.media-arrow,.product-lightbox__nav){transform:translateY(-50%) scaleX(-1)}
html[lang="ar"] :is(.cat-page-btn.prev,.cat-page-btn.next){transform:scaleX(-1)}
html[lang="ar"] :is(.product-lightbox__counter,[data-lightbox-counter]){direction:ltr;unicode-bidi:isolate}
@media(min-width:769px){html[lang="ar"] .nav{flex-direction:row}}
@media(max-width:768px){
  html[lang="ar"] .nav{flex-direction:column}
  html[lang="ar"] .nav-item > a:first-child{justify-content:flex-start}
}
@media(max-width:768px){
  .mobile-category-nav .mobile-category-nav__tab{max-width:none;width:auto;flex:0 0 auto}
}
/* Keep localized hub compounds within the original grid and card widths. */
.hub-main .hub-hero > * { min-inline-size: 0; max-inline-size: 100%; }
.hub-main :is(h1, h2, h3, .hub-step strong),
.hub-inquiry-form button { overflow-wrap: anywhere; hyphens: auto; min-inline-size: 0; max-inline-size: 100%; }
/* Industrial sectional details must fit the narrowest supported mobile viewport. */
.sectional-main,.sectional-detail,.sectional-card,.sectional-contact-form{min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
.sectional-main :is(h1,h2,h3,p,li,th,td,label,button){overflow-wrap:anywhere}
.sectional-spec{inline-size:100%;table-layout:fixed}
.sectional-contact-form :is(input,select,textarea,button){min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
@media(max-width:360px){
  .sectional-wrap.sectional-main{padding-inline:10px}
  .sectional-card{padding-inline:16px}
}
/* Cold-storage detail sections and technical tables must not widen 320px screens. */
.cs-detail-main,.cs-detail-main>* ,.cs-section,.cs-contact-form{min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
.cs-detail-main :is(h1,h2,h3,p,li,th,td,label,button,figcaption){overflow-wrap:anywhere}
.cs-spec,.cs-attributes{inline-size:100%;table-layout:fixed}
.cs-contact-form :is(input,select,textarea,button,summary){min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
@media(max-width:360px){
  .cs-wrap.cs-detail-main{padding-inline:10px}
  .cs-section{padding-inline:16px}
}
/* SW-family product details must keep specifications and inquiry controls inside 320px screens. */
.sw-detail-main,.sw-detail-main>*,.sw-section,.sw-contact-inquiry,.sw-contact-form{min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
.sw-detail-main :is(h1,h2,h3,p,li,th,td,label,button,figcaption){overflow-wrap:anywhere}
.sw-spec{inline-size:100%;table-layout:fixed}
.sw-contact-form :is(input,select,textarea,button,summary){min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
@media(max-width:360px){
  .sw-wrap.sw-main{padding-inline:10px}
  .sw-section{padding-inline:16px}
  .sw-contact-inquiry{padding-inline:10px}
  .sw-contact-phone{grid-template-columns:84px minmax(0,1fr)}
}

/* Arabic Others copy follows native RTL while retaining the centered image group. */
html[lang="ar"] .others-product-content :is(.hsd-spec th,.hsd-spec td,.hsd-description-card figcaption){text-align:start}
@media(min-width:769px){html[lang="ar"] .others-product-content .hsd-card:has(> .hsd-description-grid) > :is(h2,p){text-align:start}}