/* Phone and tablet layout; desktop presentation stays in style.css. */
@media(max-width:900px){
 html{scroll-padding-top:82px}body{zoom:1}main,header,.sitefooter{max-width:100%}img{max-width:100%}
 header{height:68px;padding:6px 20px;gap:10px;background:#fff;box-shadow:0 1px 12px #12241510}
 .brand{width:155px;height:54px;margin-right:auto}.brand img{width:214px;height:107px;transform:translate(-29px,-30px)}
 .menu{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;font-size:23px;border-radius:10px;flex-shrink:0}
 .lang{font-size:11px;padding:10px 11px;flex-shrink:0}.headerquote{display:none}
 nav{top:68px;padding:14px 20px 20px;gap:0;display:none;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #e6ede3}
 nav.open{display:grid}nav a{font-size:14px;padding:13px 12px;border-radius:7px}nav a:hover{background:#f2f8ee}
 .wrap{width:calc(100% - 40px)}.section{padding-top:30px;padding-bottom:8px}
 .hero{display:flex;flex-direction:column;background:#fff!important;height:auto;min-height:0;clip-path:none;margin:0;padding:0;overflow:visible}
 .hero:before{display:none}.hero-content{width:calc(100% - 40px);margin:0 auto;padding:26px 0 18px;max-width:600px}
 .hero .eyebrow{font-size:9px;line-height:1.5;letter-spacing:.25px;margin-bottom:10px;gap:8px}.hero .eyebrow:before{width:20px}
 .hero h1{font-size:clamp(34px,6vw,48px);letter-spacing:-1.25px;line-height:1.05;max-width:500px}
 .hero-description{font-size:14px;line-height:1.55;max-width:540px;margin:14px 0 18px}.hero-description>span{white-space:normal;display:inline;width:auto;text-align:start;text-align-last:auto}
 .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:430px}.actions .btn{padding:13px 7px;min-height:44px;font-size:12px;white-space:nowrap;gap:4px}
 .benefits{width:100%;max-width:430px;margin:20px 0 0;transform:none}.benefits>div{padding:0 4px;min-width:0}.benefits b{height:28px;width:28px;margin:0 auto 7px}.benefits .icon{height:28px;width:28px}.benefits span{font-size:8px;line-height:1.4;max-width:90px;white-space:normal}
 .hero-scene{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:center bottom;flex:none}.hero .visual-note{right:8px;bottom:7px;font-size:8px;padding:3px 5px}
 .categories{width:calc(100% - 32px);margin:16px auto 0;padding:18px 5px;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0;border:1px solid #edf1e9;border-radius:12px;box-shadow:0 4px 16px #17272408}
 .categories a{font-size:10px;line-height:1.35;padding:0 7px;gap:8px;min-width:0}.categories a:nth-child(3n){border:0}.categories .icon{width:28px;height:28px}
 h2{font-size:28px;line-height:1.12;letter-spacing:-.7px}.eyebrow{font-size:10px}.section-head{display:block}.section-head p:not(.eyebrow){font-size:13px;line-height:1.5;margin:0 0 8px}.section-head .textlink{display:inline-block;margin:0 0 16px;font-size:12px}.applications-link{float:none;display:inline-block;margin:4px 0 0;font-size:12px}
 .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product{min-width:0}.product>img{height:190px;max-height:none;object-fit:contain;padding:14px 20px 0}.product>div{padding:16px}.product h3{font-size:16px;line-height:1.3}.product p{font-size:13px;line-height:1.45}.product footer{gap:12px}.product footer span{gap:6px}.product i{font-size:11px}.product footer .icon{width:21px;height:21px}.round{min-width:36px;min-height:36px}.catalog-note{font-size:10px;line-height:1.5}
 .application-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.application{height:180px}.application span{font-size:12px;line-height:1.3;padding:28px 10px 12px}.application:last-child{grid-column:1/-1;height:180px}
 .sustain{margin-top:28px;min-height:0;background-position:70% bottom;background-size:auto 100%}.sustain:before{background:linear-gradient(90deg,#fffffffa,#ffffffe8 60%,#ffffffc5)}.sustain .wrap{width:calc(100% - 40px);padding:28px 0}.sustain h2{font-size:28px}.sustain-copy{max-width:100%}.sustain-copy p:not(.eyebrow){font-size:13px;line-height:1.6;margin:12px 0 18px}.sustain .btn{font-size:12px;padding:13px 18px}.sustain-icons{width:100%;margin:24px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.sustain-icons>div{width:auto;font-size:9px;line-height:1.4;padding:0 5px}.sustain-icons svg{width:25px;height:25px}
 .manufacturing{grid-template-columns:1fr;padding:30px 0;gap:22px}.manufacturing h2{font-size:28px}.manufacturing>div>p:not(.eyebrow){font-size:13px;line-height:1.6}.manufacturing .btn{font-size:12px;padding:13px 18px}.quality-grid{gap:10px}.quality-grid img{height:110px}.quality-grid h3{font-size:12px;padding:10px 9px 0}.quality-grid p{font-size:11px;line-height:1.45;padding:0 9px 12px}
 .sitefooter{padding:28px 0 18px}.sitefooter>.footer-grid:first-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px}.sitefooter .footer-brand{grid-column:1/-1;max-width:210px}.sitefooter .footer-motto{grid-column:auto;align-self:center;font-size:11px}.sitefooter .footer-grid>div{min-width:0}.sitefooter .copyright{line-height:1.7;margin-top:24px}
 dialog{width:calc(100% - 28px);max-height:88dvh;padding:30px 20px}dialog h2{font-size:25px}.formrow{grid-template-columns:1fr}.detail-gallery>img{height:190px}
 [dir=rtl] .hero-content{align-items:stretch;text-align:right}[dir=rtl] .hero h1{font-size:clamp(32px,6vw,46px);width:100%;letter-spacing:0}[dir=rtl] .hero .eyebrow,[dir=rtl] .hero-description{width:auto}
}
@media(max-width:600px){
 header{height:64px;padding-inline:16px;gap:8px}.brand{width:146px;height:51px}.brand img{width:202px;height:101px;transform:translate(-27px,-28px)}nav{top:64px}
 .hero-content{padding-top:24px}.hero h1{font-size:clamp(32px,8.5vw,38px);max-width:370px}.hero-description{font-size:13px;margin:12px 0 16px}.hero-description br{display:none}.hero-description>span:first-child:after{content:' '}
 .products{grid-template-columns:1fr;gap:18px}.product>img{height:200px}.product h3{font-size:17px}.product>div{padding:16px 18px 18px}.product footer{gap:18px}
 .application{height:160px}.application:last-child{height:170px}.quality-grid{grid-template-columns:1fr;gap:12px}.quality-grid article{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto;column-gap:4px}.quality-grid img{height:100%;min-height:108px;grid-row:1/3;object-fit:cover}.quality-grid h3{font-size:14px;padding:14px 12px 0;margin:0}.quality-grid p{font-size:12px;padding:5px 12px 14px}
 .sitefooter .footer-motto{grid-column:1/-1}.sitefooter .footer-brand{max-width:200px}.sitefooter h4{font-size:14px}
}
@media(max-width:360px){header{padding-inline:12px;gap:6px}.brand{width:132px;height:46px}.brand img{width:183px;height:91.5px;transform:translate(-25px,-25px)}.lang{font-size:10px;padding-inline:8px}.hero .eyebrow{font-size:8px}.actions .btn{font-size:11px}.benefits span{font-size:7px}}

@media(max-width:900px){.hero-visual{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1.45;flex:none}.hero-visual .hero-scene{width:150%;max-width:none;height:auto;aspect-ratio:auto;object-fit:contain;transform:translate(-33.333%,-22%)}.hero-visual .visual-note{bottom:7px;right:8px}}
@media(max-width:900px){.hero-visual,.brand{direction:ltr}.hero-visual .hero-scene{display:block}}

/* Phone-only bottom crop: finish just below the complete front tyre. */
@media(max-width:600px){.hero-visual{aspect-ratio:1.84}}
/* Compact, balanced footer for phones only. */
@media(max-width:600px){
 .sitefooter{padding:24px 0 16px}
 .sitefooter>.footer-grid:first-child{width:calc(100% - 40px);grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;align-items:start}
 .sitefooter .footer-brand{width:170px;max-width:100%;justify-self:center;grid-column:1/-1;margin:0 0 2px}
 .sitefooter .footer-grid>div{gap:7px;font-size:12px;line-height:1.4}
 .sitefooter h4{font-size:13px;margin:0 0 5px}
 .sitefooter .footer-grid a:not(.footer-brand),.sitefooter .footer-grid button{font-size:12px;line-height:1.5}
 .sitefooter .footer-grid>div:nth-child(4){grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:10px 14px;padding-top:18px;border-top:1px solid #ffffff18}
 .sitefooter .footer-grid>div:nth-child(4)>h4{grid-column:1/-1;margin:0}
 .sitefooter .footer-grid>div:nth-child(4)>button[data-quote]{grid-column:1/-1;background:#078c12;color:#fff;min-height:44px;padding:11px 14px;border-radius:8px;text-align:center;font-weight:600}
 .sitefooter .footer-grid>div:nth-child(4)>small{grid-column:1;grid-row:3;margin:0;max-width:210px;font-size:11px;line-height:1.5}
 .sitefooter .footer-grid>div:nth-child(4)>#privacy{grid-column:2;grid-row:3;align-self:start;font-size:11px;text-align:end}
 .sitefooter .footer-motto{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:12px;padding-top:17px;border-top:1px solid #ffffff18;font-size:10px;line-height:1.5;letter-spacing:.5px}
 .sitefooter .footer-motto>.icon{width:32px;height:32px}
 .sitefooter .copyright{width:calc(100% - 40px);margin-top:18px;padding-top:14px;text-align:center;font-size:10px;line-height:1.5}
}