/* Reserve intrinsic image space while retaining existing component height rules. */
img{height:auto}
.cp-language-choice{display:inline-flex;align-items:center;max-width:100%;margin-inline:8px}.cp-language-choice select{font:600 13px system-ui,sans-serif;color:#173f37;background:#fffdf7;border:1px solid #ad853c;border-radius:30px;padding:8px 25px 8px 12px;max-width:160px;min-height:38px;cursor:pointer}.cp-language-choice select:focus-visible{outline:3px solid #c9a84c;outline-offset:3px}.cp-legacy-language:not(.langbar){display:none!important}.cp-legacy-language.langbar button,#toolbar .langtb,.langs .lb{display:none!important}.cp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cp-catalogue-links{background:#f4f5ee;color:#173f37;padding:30px max(22px,calc((100vw - 1140px)/2));display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid #ced8cc;margin-bottom:65px;text-align:start}.cp-catalogue-links a{font:600 14px system-ui;color:#173f37;text-underline-offset:5px}.cp-catalogue-links p{font:13px/1.6 system-ui;flex-basis:100%;margin:0;color:#52645b;max-width:860px}.cp-pair-brands{display:flex;gap:15px;align-items:center}.cp-pair-brands img{width:90px;height:65px;object-fit:contain}.cp-video-language{font:12px/1.6 system-ui;color:inherit;opacity:.8;margin:8px 0}.cp-reader-bar{height:65px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;background:#0b2522;color:#fff}.cp-reader-bar a{color:#f6e5b4;font:600 14px system-ui}.cp-reader-bar~iframe{height:calc(100dvh - 65px)}html[dir=rtl] body{text-align:start}html[dir=rtl] input,html[dir=rtl] select{text-align:start}html[dir=rtl] .cpl-card-actions,html[dir=rtl] .cp-pair-brands{direction:rtl}html[dir=rtl] .hero h1{letter-spacing:0}html[dir=rtl] .cp-language-choice select{padding-inline:12px 25px}@media(max-width:640px){.cp-language-choice{margin-inline:4px}.cp-language-choice select{font-size:12px;max-width:125px;padding:7px 18px 7px 9px}.cp-catalogue-links{gap:18px;padding:24px 20px}.cp-pair-brands{flex-basis:100%}.cp-reader-bar{padding:8px 10px}.cp-reader-bar a{font-size:12px}.nav-inner{gap:7px!important}html[dir=rtl] .cp-catalogue-links{padding-inline:20px}}

/* Keep translated cards and tables inside their available mobile grid tracks. */
.grid>*,.steps>*,.wrap>*,.calcbox>*{min-width:0}
.grid .card,.grid .route,.ben,.tbl{overflow-wrap:anywhere}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-cp-page="404.html"] body{flex-direction:column;gap:28px}
html[data-cp-page="404.html"] .w{width:100%;min-width:0;overflow-wrap:anywhere}
html[data-cp-page="404.html"] .cp-catalogue-links{width:100%;margin-bottom:0}
@media(max-width:980px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.g3,.g2{grid-template-columns:minmax(0,1fr)}.tbl{width:100%;table-layout:fixed}.tbl th,.tbl td{overflow-wrap:anywhere}.cp-reader-bar{height:auto;min-height:65px;flex-wrap:wrap}.cp-reader-bar a{min-width:0;overflow-wrap:anywhere}.cp-reader-bar .cp-language-choice{margin-inline-start:auto}}
@media(max-width:480px){.g4{grid-template-columns:minmax(0,1fr)}}

html[data-cp-page="katalog.html"] body{display:flex;flex-direction:column;height:100dvh;overflow:hidden}html[data-cp-page="katalog.html"] .cp-reader-bar{flex:0 0 auto}html[data-cp-page="katalog.html"] iframe{flex:1 1 0;min-height:0;width:100%}

/* Fit portfolio cards and translated resource headings at narrow phone widths. */
html[data-cp-page="portfolio.html"] .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr))}
html[data-cp-page="portfolio.html"] .thead{flex-wrap:wrap}
html[data-cp-page="portfolio.html"] .thead h2{min-width:0;flex:1 1 170px;overflow-wrap:anywhere}
html[data-cp-page="portfolio.html"] .stats b,html[data-cp-page="manual.html"] .hero h1,.cp-resource-guide-copy{overflow-wrap:anywhere}
@media(max-width:640px){html[data-cp-page="portfolio.html"] .hero .bg{position:absolute;inset:0;height:100%}html[data-cp-page="portfolio.html"] .hero .ov{position:relative;inset:auto;min-height:230px}}
@media(max-width:380px){.cp-resource-visuals{grid-template-columns:minmax(0,1fr)}.cp-resource-product{grid-column:auto}}

@media(max-width:980px){nav.nav.mnav-open .nav-links>a{margin-inline:0}}

@media(max-width:380px){html[data-cp-page="portfolio.html"] .stats div{padding-inline:12px}html[data-cp-page="portfolio.html"] .stats b{font-size:18px;hyphens:auto}}


/* Keep translated desktop navigation inside landscape tablet widths. */
@media(min-width:981px) and (max-width:1180px){nav.nav .wrap{flex-wrap:wrap}nav.nav .nav-links{order:3;flex-basis:100%;margin-inline:0;justify-content:center;flex-wrap:wrap}}