/* =========================================================
   TPH Equipment & Scale-Up — responsive.css
   Desktop-first. Header switches to the mobile menu below 1100px.
   Page breakpoints (generated from the approved layouts):
   600 · 760 · 820 · 900 · 960 · 1024 · 1080 · 1200 · 1240 · 1280 · 1400 · 1700
   Each block below applies to one width band only.
   ========================================================= */

/* ---------- Header ---------- */
@media (max-width:1099.98px){
  .hdr-nav,.hdr-mega,.hdr-sol-menu{display:none!important}
}
@media (min-width:1100px){
  .hdr-burger,.hdr-mobile{display:none!important}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ---------- Page layouts by width band ---------- */

/* 0px–599px */
@media (max-width:599.98px){
.s3d{grid-template-columns:minmax(0px, 1fr)}
.s3i{grid-template-columns:repeat(4, 78%);gap:14px;overflow-x:auto;padding-bottom:8px}
.s3j{margin-top:0px}
.s3u{margin-top:0px}
.s3v{transform:none}
.s3y{margin-top:0px}
.s40{margin-top:0px}
.s5b{grid-template-columns:repeat(2, minmax(0px, 1fr))}
.s5c{grid-area:span 2 / span 2}
.s5m{grid-area:span 1 / span 1}
.s5p{font-size:13.5px}
.s5q{grid-area:span 2 / span 1}
.s5t{grid-area:span 1 / span 1}
.s5w{grid-area:span 1 / span 2}
.s5z{grid-area:span 1 / span 1}
.s62{grid-area:span 1 / span 1}
.s65{grid-area:span 1 / span 1}
.s68{grid-area:span 1 / span 1}
.s6b{grid-area:span 1 / span 1}
.s6e{grid-area:span 1 / span 2}
.s6j{grid-template-columns:minmax(0px, 1fr)}
.s6l{height:220px}
.s6t{height:280px}
.s6x{height:340px}
.s79{height:520px}
.s7s{display:none}
.s7w{grid-template-columns:minmax(0px, 1fr);min-height:0px}
.s7x{padding:clamp(72px, 9vw, 136px) clamp(20px, 4vw, 56px)}
.s87{min-height:420px;border-radius:12px}
.s8e{grid-template-columns:minmax(0px, 1fr)}
.s9h{grid-template-columns:repeat(2, minmax(0px, 1fr))}
.s9o{display:none!important}
.s9p{display:none!important}
.s9q{grid-template-columns:minmax(0px, 1fr)}
.s9y{display:none!important}
.s9z{display:none!important}
.sa0{display:none!important}
.sa2{flex-direction:column;align-items:stretch}
.sa3{width:auto}
.sa4{flex:0 0 auto}
.sa6{flex:0 0 150px}
.saw{min-height:480px}
.scc{grid-template-columns:minmax(0px, 1fr)}
.sd3{display:none!important}
.sd4{display:none!important}
.sd5{display:none!important}
.sd6{display:none!important}
.sd7{display:none!important}
.sd8{display:none!important}
.sd9{display:none!important}
.sda{display:none!important}
.sdc{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.sdd{position:relative;aspect-ratio:16 / 9;top:0px}
.sds{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.sdt{position:relative;aspect-ratio:16 / 9;order:0;top:0px}
.seh{grid-template-columns:minmax(0px, 1fr)}
.sfd{grid-template-columns:minmax(0px, 1fr)}
.she{display:none!important}
.shf{display:none!important}
.shg{display:none!important}
.shh{display:none!important}
.shi{display:none!important}
.shj{display:none!important}
.shl{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.shm{position:relative;top:0px}
.si0{aspect-ratio:4 / 3}
.si5{left:-15px;top:-15px;width:30px;height:30px}
.si6{display:none}
.sif{display:none}
.sij{grid-template-columns:repeat(2, minmax(0px, 1fr))}
.sit{grid-template-columns:repeat(2, minmax(0px, 1fr))}
.sky{aspect-ratio:4 / 3}
.skz{grid-template-columns:minmax(0px, 1fr)}
.sl0{position:static;order:2}
.slp{grid-template-columns:minmax(0px, 1fr)}
.slq{position:static}
}

/* 600px–759px */
@media (min-width:600px) and (max-width:759.98px){
.s3d{grid-template-columns:minmax(0px, 1fr)}
.s3i{grid-template-columns:repeat(4, 78%);gap:14px;overflow-x:auto;padding-bottom:8px}
.s3j{margin-top:0px}
.s3u{margin-top:0px}
.s3v{transform:none}
.s3y{margin-top:0px}
.s40{margin-top:0px}
.s5b{grid-template-columns:repeat(2, minmax(0px, 1fr))}
.s5c{grid-area:span 2 / span 2}
.s5m{grid-area:span 1 / span 1}
.s5p{font-size:13.5px}
.s5q{grid-area:span 2 / span 1}
.s5t{grid-area:span 1 / span 1}
.s5w{grid-area:span 1 / span 2}
.s5z{grid-area:span 1 / span 1}
.s62{grid-area:span 1 / span 1}
.s65{grid-area:span 1 / span 1}
.s68{grid-area:span 1 / span 1}
.s6b{grid-area:span 1 / span 1}
.s6e{grid-area:span 1 / span 2}
.s6j{grid-template-columns:minmax(0px, 1fr)}
.s6l{height:220px}
.s6t{height:280px}
.s6x{height:340px}
.s79{height:520px}
.s7s{display:none}
.s7w{grid-template-columns:minmax(0px, 1fr);min-height:0px}
.s7x{padding:clamp(72px, 9vw, 136px) clamp(20px, 4vw, 56px)}
.s87{min-height:420px;border-radius:12px}
.s8e{grid-template-columns:minmax(0px, 1fr)}
.s9h{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.s9o{display:none!important}
.s9p{display:none!important}
.s9q{grid-template-columns:minmax(0px, 1fr)}
.s9y{display:none!important}
.s9z{display:none!important}
.sa0{display:none!important}
.sa2{flex-direction:column;align-items:stretch}
.sa3{width:auto}
.sa4{flex:0 0 auto}
.sa6{flex:0 0 150px}
.saw{min-height:480px}
.scc{grid-template-columns:minmax(0px, 1fr)}
.sd3{display:none!important}
.sd4{display:none!important}
.sd5{display:none!important}
.sd6{display:none!important}
.sd7{display:none!important}
.sd8{display:none!important}
.sd9{display:none!important}
.sda{display:none!important}
.sdc{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.sdd{position:relative;aspect-ratio:16 / 9;top:0px}
.sds{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.sdt{position:relative;aspect-ratio:16 / 9;order:0;top:0px}
.seh{grid-template-columns:minmax(0px, 1fr)}
.sfd{grid-template-columns:minmax(0px, 1fr)}
.she{display:none!important}
.shf{display:none!important}
.shg{display:none!important}
.shh{display:none!important}
.shi{display:none!important}
.shj{display:none!important}
.shl{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.shm{position:relative;top:0px}
.si0{aspect-ratio:4 / 3}
.si5{left:-20px;top:-20px;width:40px;height:40px}
.si6{display:none}
.sif{display:none}
.sij{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sit{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sky{aspect-ratio:4 / 3}
.skz{grid-template-columns:minmax(0px, 1fr)}
.sl0{position:static;order:2}
.slp{grid-template-columns:minmax(0px, 1fr)}
.slq{position:static}
}

/* 760px–819px */
@media (min-width:760px) and (max-width:819.98px){
.s5b{grid-auto-rows:120px}
.s5p{font-size:13.5px}
.s6l{height:240px}
.s6t{height:320px}
.s6x{height:420px}
.s79{height:480px}
.s8e{grid-template-columns:minmax(0px, 1fr)}
.s9h{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sa2{flex-direction:column;align-items:stretch}
.sa3{width:auto}
.sa4{flex:0 0 auto}
.sa6{flex:0 0 calc(0.222222 * (100% - (3.5 * clamp(8px, 1vw, 14px))))}
.scc{grid-template-columns:minmax(0px, 1fr)}
.sd3{display:none!important}
.sd4{display:none!important}
.sd5{display:none!important}
.sd6{display:none!important}
.sd7{display:none!important}
.sd8{display:none!important}
.sd9{display:none!important}
.sda{display:none!important}
.sdc{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.sdd{position:relative;aspect-ratio:16 / 9;top:0px}
.sds{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.sdt{position:relative;aspect-ratio:16 / 9;order:0;top:0px}
.seh{grid-template-columns:minmax(0px, 1fr)}
.sfd{grid-template-columns:minmax(0px, 1fr)}
.she{display:none!important}
.shf{display:none!important}
.shg{display:none!important}
.shh{display:none!important}
.shi{display:none!important}
.shj{display:none!important}
.shl{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.shm{position:relative;top:0px}
.si0{aspect-ratio:4 / 3}
.si5{left:-20px;top:-20px;width:40px;height:40px}
.si6{display:none}
.sif{display:none}
.sij{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sit{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sky{aspect-ratio:4 / 3}
.skz{grid-template-columns:minmax(0px, 1fr)}
.sl0{position:static;order:2}
.slp{grid-template-columns:minmax(0px, 1fr)}
.slq{position:static}
}

/* 820px–899px */
@media (min-width:820px) and (max-width:899.98px){
.s5b{grid-auto-rows:120px}
.s5p{font-size:13.5px}
.s6l{height:240px}
.s6t{height:320px}
.s6x{height:420px}
.s79{height:480px}
.s8e{grid-template-columns:minmax(0px, 1fr)}
.s9h{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sa2{flex-direction:column;align-items:stretch}
.sa3{width:auto}
.sa4{flex:0 0 auto}
.sa6{flex:0 0 calc(0.222222 * (100% - (3.5 * clamp(8px, 1vw, 14px))))}
.sd3{display:none!important}
.sd4{display:none!important}
.sd5{display:none!important}
.sd6{display:none!important}
.sd7{display:none!important}
.sd8{display:none!important}
.sd9{display:none!important}
.sda{display:none!important}
.sdc{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.sdd{position:relative;aspect-ratio:16 / 9;top:0px}
.sds{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.sdt{position:relative;aspect-ratio:16 / 9;order:0;top:0px}
.seh{grid-template-columns:minmax(0px, 1fr)}
.sfd{grid-template-columns:minmax(0px, 1fr)}
.she{display:none!important}
.shf{display:none!important}
.shg{display:none!important}
.shh{display:none!important}
.shi{display:none!important}
.shj{display:none!important}
.shl{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.shm{position:relative;top:0px}
.si0{aspect-ratio:4 / 3}
.si5{left:-20px;top:-20px;width:40px;height:40px}
.si6{display:none}
.sif{display:none}
.sij{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sit{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sky{aspect-ratio:4 / 3}
.skz{grid-template-columns:minmax(0px, 1fr)}
.sl0{position:static;order:2}
.slp{grid-template-columns:minmax(0px, 1fr)}
.slq{position:static}
}

/* 900px–959px */
@media (min-width:900px) and (max-width:959.98px){
.s5b{grid-auto-rows:120px}
.s5p{font-size:13.5px}
.s6l{height:240px}
.s6t{height:320px}
.s6x{height:420px}
.s79{height:480px}
.s8e{grid-template-columns:minmax(0px, 1fr)}
.s9h{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sa2{flex-direction:column;align-items:stretch}
.sa3{width:auto}
.sa4{flex:0 0 auto}
.sa6{flex:0 0 calc(0.222222 * (100% - (3.5 * clamp(8px, 1vw, 14px))))}
.sd3{display:none!important}
.sd4{display:none!important}
.sd5{display:none!important}
.sd6{display:none!important}
.sd7{display:none!important}
.sd8{display:none!important}
.sd9{display:none!important}
.sda{display:none!important}
.sdc{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.sdd{position:relative;aspect-ratio:16 / 9;top:0px}
.sds{padding:0px clamp(20px, 4vw, 56px);grid-template-columns:minmax(0px, 1fr)}
.sdt{position:relative;aspect-ratio:16 / 9;order:0;top:0px}
.seh{grid-template-columns:minmax(0px, 1fr)}
.she{display:none!important}
.shf{display:none!important}
.shg{display:none!important}
.shh{display:none!important}
.shi{display:none!important}
.shj{display:none!important}
.shl{padding:0px clamp(20px, 4vw, 56px)}
.si6{display:none}
.sif{display:none}
.sij{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sit{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sky{aspect-ratio:4 / 3}
.skz{grid-template-columns:minmax(0px, 1fr)}
.sl0{position:static;order:2}
.slp{grid-template-columns:minmax(0px, 1fr)}
.slq{position:static}
}

/* 960px–1023px */
@media (min-width:960px) and (max-width:1023.98px){
.s5b{grid-auto-rows:120px}
.s5p{font-size:13.5px}
.s6l{height:240px}
.s6t{height:320px}
.s6x{height:420px}
.s79{height:480px}
.s8e{grid-template-columns:minmax(0px, 1fr)}
.s9h{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sa2{flex-direction:column;align-items:stretch}
.sa3{width:auto}
.sa4{flex:0 0 auto}
.sa6{flex:0 0 calc(0.222222 * (100% - (3.5 * clamp(8px, 1vw, 14px))))}
.sd3{display:none!important}
.sd4{display:none!important}
.sd5{display:none!important}
.sd6{display:none!important}
.sd7{display:none!important}
.sd8{display:none!important}
.sd9{display:none!important}
.sda{display:none!important}
.sdc{padding:0px clamp(20px, 4vw, 56px)}
.sds{padding:0px clamp(20px, 4vw, 56px)}
.she{display:none!important}
.shf{display:none!important}
.shg{display:none!important}
.shh{display:none!important}
.shi{display:none!important}
.shj{display:none!important}
.shl{padding:0px clamp(20px, 4vw, 56px)}
.si6{display:none}
.sif{display:none}
.sij{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sit{grid-template-columns:repeat(5, minmax(0px, 1fr))}
}

/* 1024px–1079px */
@media (min-width:1024px) and (max-width:1079.98px){
.s5b{grid-auto-rows:120px}
.s6l{height:240px}
.s6t{height:320px}
.s6x{height:420px}
.s79{height:480px}
.s8e{grid-template-columns:minmax(0px, 1fr)}
.s9h{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sa2{flex-direction:column;align-items:stretch}
.sa3{width:auto}
.sa4{flex:0 0 auto}
.sa6{flex:0 0 calc(0.222222 * (100% - (3.5 * clamp(8px, 1vw, 14px))))}
.sd3{display:none!important}
.sd4{display:none!important}
.sd5{display:none!important}
.sd6{display:none!important}
.sd7{display:none!important}
.sd8{display:none!important}
.sd9{display:none!important}
.sda{display:none!important}
.sdc{padding:0px clamp(20px, 4vw, 56px)}
.sds{padding:0px clamp(20px, 4vw, 56px)}
.she{display:none!important}
.shf{display:none!important}
.shg{display:none!important}
.shh{display:none!important}
.shi{display:none!important}
.shj{display:none!important}
.shl{padding:0px clamp(20px, 4vw, 56px)}
.si6{display:none}
.sif{display:none}
.sij{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sit{grid-template-columns:repeat(5, minmax(0px, 1fr))}
}

/* 1080px–1199px */
@media (min-width:1080px) and (max-width:1199.98px){
.s9h{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sd3{display:none!important}
.sd4{display:none!important}
.sd5{display:none!important}
.sd6{display:none!important}
.sd7{display:none!important}
.sd8{display:none!important}
.sd9{display:none!important}
.sda{display:none!important}
.sdc{padding:0px clamp(20px, 4vw, 56px)}
.sds{padding:0px clamp(20px, 4vw, 56px)}
.she{display:none!important}
.shf{display:none!important}
.shg{display:none!important}
.shh{display:none!important}
.shi{display:none!important}
.shj{display:none!important}
.shl{padding:0px clamp(20px, 4vw, 56px)}
.si6{display:none}
.sif{display:none}
.sij{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sit{grid-template-columns:repeat(5, minmax(0px, 1fr))}
}

/* 1200px–1239px */
@media (min-width:1200px) and (max-width:1239.98px){
.s9h{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.si6{display:none}
.sif{display:none}
.sij{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sit{grid-template-columns:repeat(5, minmax(0px, 1fr))}
}

/* 1240px–1279px */
@media (min-width:1240px) and (max-width:1279.98px){
.s9h{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.si6{display:none}
.sif{display:none}
.sij{grid-template-columns:repeat(5, minmax(0px, 1fr))}
.sit{grid-template-columns:repeat(5, minmax(0px, 1fr))}
}

/* 1280px–1399px */
@media (min-width:1280px) and (max-width:1399.98px){
.si6{display:none}
.sif{display:none}
}

/* 1700px+ */
@media (min-width:1700px){
.si6{max-width:120px}
.sif{max-width:120px}
}