/* Shared layout safeguards: keep wide data inside its own scroll container. */
main,.equipment-content,.catalog-detail-hero>div,.result-top>div{min-width:0}
button,input,select,textarea{max-width:100%}
.breadcrumb{flex-wrap:wrap;overflow-wrap:anywhere}
.native-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
:focus-visible{outline:3px solid #658c36;outline-offset:4px}
.about-values article{min-width:0}
.about-values h2{min-height:3.6em}
.about-value-body p+p{margin-top:16px}
@supports(grid-template-rows:subgrid){
 .about-values{row-gap:0;column-gap:35px}
 .about-values article{display:grid;grid-template-rows:subgrid;grid-row:span 3}
 .about-values h2{min-height:0}
}
@media(max-width:1100px){
 header{height:88px;padding-inline:4vw}
 header>.button.small{display:none}
 header .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0}
 header nav[aria-label="Principal"]{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #d9ddd3;padding:20px 4vw;box-shadow:0 12px 20px #0001;max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain}
 header nav[aria-label="Principal"].open{display:flex;flex-direction:column;align-items:stretch;gap:8px}
 header nav[aria-label="Principal"]>a,header .dealer-menu>summary{display:block;padding:12px 0;min-height:44px}
 header .solutions-dropdown{position:static;width:100%;min-width:0;max-width:none;max-height:none;box-shadow:none;margin-top:0}
 .solutions-dropdown a,.solutions-dropdown summary{min-height:44px}
}
@media(max-width:900px){
 .about-values article{display:block}
 .about-values h2{min-height:0}
 .about-values article+article{border-top:1px solid #455047;padding-top:30px}
 .about-values{row-gap:30px}
}
@media(max-width:700px){
 html{scroll-padding-top:88px}
 header{height:82px;padding-inline:16px;gap:10px}
 header .brand{gap:10px;min-width:0}
 header .brand strong{font-size:29px;white-space:nowrap}
 header .brand small{font-size:7px;letter-spacing:.06em;padding-left:10px;white-space:nowrap}
 header .brand b{font-size:8px;letter-spacing:.06em}
 header nav[aria-label="Principal"]{max-height:calc(100dvh - 82px)}
 .premium-hero-copy,.premium-hero-photo{min-width:0}
 .premium-hero h1{font-size:clamp(42px,10vw,66px);overflow-wrap:normal}
 .premium-lead{font-size:16px;line-height:1.7}
 .about-story p:not(.eyebrow){font-size:16px;line-height:1.75;margin-top:18px}
 .about-values p{font-size:16px;line-height:1.75}
 .about-values h2{font-size:27px}
 .about-intro h1{font-size:clamp(35px,9vw,48px)}
 .about-lead{font-size:18px}
 .about-region .actions,.datasheet-action{align-items:stretch;flex-direction:column}
 .about-region .button,.datasheet-action .button{width:100%;white-space:normal}
 .catalog-detail-hero h1{font-size:clamp(34px,9vw,48px)}
 .catalog-key-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
 .catalog-key-specs dd{overflow-wrap:anywhere}
 .product-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;max-width:100%;-webkit-overflow-scrolling:touch}
 .product-tabs a{flex:0 0 auto;min-height:48px;padding-inline:18px}
 .catalog-search-panel input,.catalog-search-panel select,.field input,.field select,.field textarea{font-size:16px}
 .result-top{align-items:flex-start}
 .result-top>div{overflow-wrap:anywhere}
 .kit-scroll{max-height:55dvh}
 .kit-row{padding:14px 12px;gap:12px}
 .kit-choice{width:22px;height:22px}
 #requirement-preview{max-height:88dvh;padding:20px 16px}
 .preview-actions .button{width:100%;justify-content:center}
 .dealer-article h1{font-size:clamp(34px,9vw,48px)}
 footer{flex-wrap:wrap;gap:24px}
}
@media(max-width:380px){
 header .brand strong{font-size:25px}header .brand small{font-size:6px;padding-left:7px}header .brand b{font-size:7px}header .brand{gap:7px}
 .catalog-key-specs{grid-template-columns:1fr}
 .result-top img{width:70px;height:95px}
}

/* Final pass: homepage-specific rules must share the mobile header dimensions. */
@media(max-width:700px){.home-premium header{height:82px;padding-inline:16px}.home-premium header .brand small{display:block;font-size:7px}.home-premium header .brand strong{font-size:29px}.home-premium .premium-hero h1{font-size:clamp(42px,10vw,66px)}.home-premium .premium-email{overflow-wrap:anywhere}.journey-option,.selector-panel{min-width:0}}
@media(max-width:380px){.home-premium header .brand strong{font-size:25px}.home-premium header .brand small{font-size:6px}.home-premium header .brand b{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.whatsapp-contact{transition:none}}

/* TYSIM mark on the right of TF Dealer's representation label. */
header .brand .header-tysim-logo{display:block;flex:0 0 auto;width:52px;height:auto;max-width:none;object-fit:contain;margin:0}
@media(max-width:700px){header .brand .header-tysim-logo{width:36px}header .brand{gap:8px}}
@media(max-width:380px){header .brand .header-tysim-logo{width:28px}header .brand{gap:5px}header .brand strong,.home-premium header .brand strong{font-size:22px}header .brand small,.home-premium header .brand small{padding-left:6px;font-size:5.5px}header .brand b,.home-premium header .brand b{font-size:6px}}
header .brand small,.home-premium header .brand small{display:block}