@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap");
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Open Sans",Arial,sans-serif;color:#101820;background:#fff}.wrap{width:min(1460px,94%);margin:auto}.header{height:108px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.07);position:sticky;top:0;z-index:20}.hero{height:470px;position:relative;overflow:hidden;background:#052e61}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,35,76,.98) 0%,rgba(4,43,91,.86) 24%,rgba(4,43,91,.30) 53%,rgba(0,0,0,.03) 100%)}.hero-inner{position:relative;height:100%;display:flex;align-items:center}.hero-copy{color:#fff;width:650px}.eyebrow{font:800 17px Montserrat,sans-serif;letter-spacing:.3px}.hero h1{margin:12px 0 6px;font:800 68px/.95 Montserrat,sans-serif;letter-spacing:-2px}.hero h1 span{display:block;color:#fff}.hero h2{font:700 24px Montserrat,sans-serif;margin:12px 0 18px}.hero p{font-size:16px;line-height:1.65;max-width:630px;margin:0}.hero-buttons{display:flex;gap:14px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:45px;padding:0 23px;border-radius:2px;font:800 13px Montserrat,sans-serif;text-decoration:none;border:1px solid transparent;cursor:pointer}.btn.red{background:#f24730;color:#fff}.btn.outline{background:transparent;color:#fff;border-color:#fff}.products{padding:24px 0 22px}.section-title{text-align:center;margin-bottom:18px}.section-title>div{font:800 14px Montserrat;color:#f24730;display:flex;align-items:center;justify-content:center;gap:12px}.section-title>div span{width:28px;height:1px;background:#f24730}.section-title h2{font:800 29px Montserrat;color:#0c356d;margin:8px 0 0}.section-title p{color:#a7b5c6}.strength-strip{background:#f7f7f7;border-top:1px solid #eee;border-bottom:1px solid #eee}.strength-grid{display:grid;grid-template-columns:repeat(5,1fr)}.strength{min-height:95px;display:flex;align-items:center;gap:14px;padding:15px 24px;border-right:1px solid #ddd}.strength:last-child{border:0}.sicon{width:46px;height:46px;border-radius:50%;border:3px solid #0c356d;color:#0c356d;display:grid;place-items:center;font-size:23px;flex:none}.strength b{font:800 12px Montserrat;color:#0b356d}.strength p{margin:4px 0 0;font-size:11px;line-height:1.35}.about{padding:78px 0}.red-text{color:#f24730}.about h2{font:800 39px/1.12 Montserrat;color:#0b356d;margin:10px 0 20px}.about p{font-size:15px;line-height:1.8;color:#647287}.text-link{display:inline-block;margin-top:12px;color:#f24730;font:800 12px Montserrat;text-decoration:none}.manufacturing{padding:65px 0;background:#0b356d;color:#fff}.section-title.light h2,.section-title.light>div{color:#fff}.section-title.light>div span{background:#f24730}.industries{padding:70px 0}.quote{background:#eef3f8;padding:75px 0}.quote-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.quote h2{font:800 42px/1.1 Montserrat;color:#0b356d;margin:10px 0 18px}.quote h2 span{color:#f24730}.quote p{font-size:15px;line-height:1.8;color:#66778c;max-width:550px}.quote form{background:#fff;padding:28px;box-shadow:0 12px 30px rgba(0,0,0,.08)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote label{display:block;font:700 11px Montserrat;color:#273b55;margin-bottom:13px}.quote input,.quote select,.quote textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #d5dce5;font:13px "Open Sans";outline:0}.quote input:focus,.quote select:focus,.quote textarea:focus{border-color:#0b356d}.quote form small{display:block;color:#8a98a9;margin-top:10px}.footer{background:#08254e;color:#c6d2e0;padding:55px 0 0}.footer a{display:block;color:#c6d2e0;text-decoration:none;font-size:12px;margin:8px 0}.footer p{font-size:12px}@media(max-width:850px){.header{height:78px}.hero{height:570px}.hero-copy{width:100%;max-width:650px}.hero h1{font-size:54px}.hero h2{font-size:20px}.hero p{font-size:14px}.strength-grid{grid-template-columns:1fr 1fr}.strength{border-bottom:1px solid #ddd}.quote-inner{grid-template-columns:1fr;gap:35px}}@media(max-width:520px){.hero h1{font-size:43px}.hero h2{font-size:18px}.hero-buttons{flex-direction:column;align-items:flex-start}.strength-grid{grid-template-columns:1fr}.strength{border-right:0}.about h2,.quote h2{font-size:31px}}

/* V5: the supplied truck photograph is the only photographic asset on the site */

@media(max-width:850px){.hero-shade{background:linear-gradient(90deg,rgba(3,35,76,.96),rgba(4,43,91,.52),rgba(0,0,0,.10))}}

/* V11 header alignment and scale */
.header{height:116px}

@media(max-width:850px){
  .header{height:82px}

}

/* V12 polished corporate header */

.header{height:112px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.07);position:relative;z-index:20}

@media(max-width:850px){

 .header{height:82px}

}

/* V13: final header refinements */
/* Keep the utility bar clean and lightweight — not bold. */

/* V15 utility bar updates */

/* V18 — larger utility bar typography */

.product-showcase {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 35px;
}
.product-feature {
  background: #fff;
  border: 1px solid #e2e7ed;
  box-shadow: 0 5px 18px rgba(8, 35, 70, .07);
  transition: .2s;
  overflow: hidden;
  border-radius: 10px;
}
.product-feature:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(8,35,70,.13)}
.product-image{height:215px;overflow:hidden;background:#eef2f6}
.product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}
.product-feature:hover .product-image img{transform:scale(1.035)}
.product-info{position:relative;padding:20px 20px 22px;border-top:4px solid #0b356d;min-height:170px}

.product-info h3{font:800 19px Montserrat;color:#0b356d;margin:7px 0 8px}
.product-info p{font-size:12px;line-height:1.6;color:#69788b;margin:0 0 15px}

.product-cta{margin-top:22px;padding:22px 26px;background:#0b356d;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}
.product-cta>div{display:flex;flex-direction:column;gap:5px}
.product-cta span{font:800 10px Montserrat;color:#f24730;letter-spacing:.7px}
.product-cta strong{font:700 15px Montserrat}
@media(max-width:1000px){.product-showcase {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 35px;
}}
@media(max-width:850px){.product-showcase {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 35px;
}.product-image{height:190px}.product-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.product-showcase {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 35px;
}.product-image{height:220px}.product-cta{padding:20px}.product-cta strong{font-size:13px}}

.about-v21{padding:78px 0 0;background:#fff}@media(max-width:520px){.about-v21{padding-top:60px}}

/* V22 Manufacturing Facility */
.manufacturing-v22{padding:72px 0 58px;background:#082f66;color:#fff}
.manufacturing-v22 .section-title{margin-bottom:38px}
.manufacturing-v22 .section-title h2{font-size:32px}
.manufacturing-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center}

.mfg-bottom{margin-right: 60px;
margin-left: 60px;
margin-top: 38px;
border-top: 1px solid rgba(255, 255, 255, .18);
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.mfg-bottom>div{padding:20px 22px;border-right:1px solid rgba(255,255,255,.18)}
.mfg-bottom>div:last-child{border-right:0}
.mfg-bottom b{display:block;font:800 10px Montserrat;color:#f24730;letter-spacing:.7px;margin-bottom:5px}
.mfg-bottom span{font-size:11px;color:#c8d7e8}
@media(max-width:900px){.manufacturing-flow{grid-template-columns:1fr 1fr;gap:20px}.mfg-bottom{grid-template-columns:1fr}.mfg-bottom>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.mfg-bottom>div:last-child{border-bottom:0}}
@media(max-width:520px){.manufacturing-v22{padding:58px 0 45px}.manufacturing-v22 .section-title h2{font-size:27px}.manufacturing-flow{grid-template-columns:1fr}.mfg-bottom{margin-top:25px}}

/* V23 Industries We Serve */
.industries-v23 {
  padding: 72px 0;
  background: #eef3f8;
}
.industry-v23-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 40px;
  padding-left: 5%;
  padding-right: 5%;
}
.industry-v23-card{min-height:190px;background:#fff;border:1px solid #e0e6ed;text-decoration:none;display:flex;position:relative;overflow:hidden;transition:.2s;box-shadow:0 4px 14px rgba(8,35,70,.04)}
.industry-v23-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#0b356d;transition:.2s}
.industry-v23-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(8,35,70,.1)}
.industry-v23-card:hover:before{background:#f24730}
.industry-v23-number{padding:23px 15px;font:800 12px Montserrat;color:#f24730}
.industry-v23-body{padding:22px 20px 20px 8px;display:flex;flex-direction:column;justify-content:center}
.industry-v23-body h3{font:800 16px Montserrat;color:#0b356d;margin:0 0 8px}
.industry-v23-body p{font-size:11px;line-height:1.6;color:#6c7a8c;margin:0 0 14px}
.industry-v23-body span{font:800 9px Montserrat;color:#f24730;letter-spacing:.5px}

@media(max-width:850px){.industry-v23-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.industry-v23-grid{grid-template-columns:1fr}.industry-v23-card{min-height:165px}}

/* V24: Manufacturing Facility typography +2px */
.manufacturing-v22 .section-title > div{font-size:12px}
.manufacturing-v22 .section-title h2{font-size:34px}
.manufacturing-v22 .section-title p{font-size:14px}

.manufacturing-v22 .mfg-bottom b{font-size:12px}
.manufacturing-v22 .mfg-bottom span{font-size:13px}

/* V25: global website typography +2px */
body{font-size:18px}

.section-title>div{font-size:14px}
.section-title h2{font-size:36px}
.section-title p{font-size:14px}
.hero-copy h1{font-size:58px}
.hero-copy p{font-size:18px}
.hero-copy .eyebrow{font-size:14px}
.btn{font-size:12px}

.product-info h3{font-size:21px}
.product-info p{font-size:14px}

.product-cta span{font-size:12px}
.product-cta strong{font-size:17px}
.manufacturing-v22 .section-title h2{font-size:36px}

.manufacturing-v22 .mfg-bottom b{font-size:14px}
.manufacturing-v22 .mfg-bottom span{font-size:15px}
.industry-v23-body h3{font-size:18px}
.industry-v23-body p{font-size:13px}
.industry-v23-body span{font-size:11px}
.industry-v23-number{font-size:14px}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:520px){.form-row{grid-template-columns:1fr}}

/* V30 Footer */
.footer-v30{background:#062f68;color:#fff;padding:58px 0 0}.footer-v30-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr 1fr;gap:50px;padding-bottom:45px}.footer-brand img{width:290px;height:auto;filter:none;background:#fff;padding:5px 8px;box-sizing:border-box}.footer-brand p{font-size:14px;line-height:1.7;color:#c9d7e6;max-width:360px;margin:20px 0}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-col h4{font:800 12px Montserrat;letter-spacing:.6px;color:#fff;margin:2px 0 10px}.footer-col a,.footer-col span{font:400 13px/1.4 Roboto;color:#c9d7e6;text-decoration:none}.footer-col a:hover{color:#fff}.footer-contact a:first-of-type{font-weight:700;color:#fff;font-size:15px}.footer-v30-bottom{border-top:1px solid rgba(255,255,255,.16);padding:18px 0;display:flex;justify-content:space-between;gap:20px;font:400 11px Roboto;color:#aebfd1}.footer-v30-bottom span:last-child{font-weight:500;letter-spacing:.7px}@media(max-width:850px){.footer-v30-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:span 2}}@media(max-width:520px){.footer-v30{padding-top:45px}.footer-v30-grid{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.footer-brand img{width:245px}.footer-v30-bottom{flex-direction:column;gap:8px}}

/* V33 — Requested 30px section headings */
/* OUR PRODUCTS, MANUFACTURING FACILITY, INDUSTRIES WE SERVE, OUR BRANDS */
.section-title h2 {
  font-size: 30px !important;
  line-height: 1.2;
}

/* V34 — OUR PRODUCTS small label 21px */
#products .section-title > div {
  font-size: 21px !important;
  line-height: 1.2;
}

/* V35 — matching small labels at 21px */
/* Small section labels for the main homepage sections */
#products .section-title > div,
#manufacturing .section-title > div,
#industries .section-title > div,
#brands .section-title > div {
  font-size: 21px !important;
  line-height: 1.2;
}

/* V36 — supplied Dark Logo for the final footer section */
.footer-v30{background:#082f66;}
.footer-brand img {
  width: 330px;
  height: auto;
  padding: 0;
  background: transparent;
  display: block;
}
@media (max-width: 760px) {
  .footer-brand img {
    width: 280px;
  }
}

/* V37 — exact supplied footer logo */
.footer-v30 { background:#082f66; }
.footer-brand img {
  width:330px;
  height:auto;
  padding:0;
  background:transparent;
  display:block;
}
@media (max-width:760px) {
  .footer-brand img { width:280px; }
}

/* V38 — supplied footer logo with #082f66 matched background */
.footer-v30 {
  background: #082f66 !important;
}
.footer-brand img {
  width: 330px;
  height: auto;
  padding: 0;
  background: transparent;
  display: block;
}
@media (max-width:760px) {
  .footer-brand img {
    width: 280px;
  }
}

/* FINAL FOOTER LOGO FIX — tightly cropped supplied logo */
.footer-v30 {
  background: #082f66 !important;
}
.footer-brand img {
  width: 520px !important;
  max-width: 100%;
  height: auto !important;
  padding: 0 !important;
  margin: 0 auto !important;
  display: block;
  background: transparent !important;
  object-fit: contain;
}
@media (max-width: 900px) {
  .footer-brand img {
    width: 430px !important;
  }
}
@media (max-width: 600px) {
  .footer-brand img {
    width: 340px !important;
  }
}

/* FINAL FOOTER ALIGNMENT + TYPOGRAPHY */
.footer-v30 {
  background: #082f66 !important;
  padding: 68px 0 0 !important;
  color: #fff;
}

.footer-v30 > .wrap {
  width: min(1360px, 92%) !important;
  margin: 0 auto !important;
}

.footer-v30 .footer-v30-grid {
  display: grid !important;
  grid-template-columns: minmax(360px, 1.55fr) minmax(150px, .72fr) minmax(170px, .82fr) minmax(250px, 1fr) !important;
  column-gap: 62px !important;
  row-gap: 48px !important;
  align-items: start !important;
  padding: 0 0 54px !important;
}

.footer-v30 .footer-brand {
  min-width: 0 !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.footer-v30 .footer-brand img {
  width: 520px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.footer-v30 .footer-brand p {
  margin: 0 0 22px !important;
  max-width: 420px !important;
  font: 400 14px/1.7 Roboto, Arial, sans-serif !important;
  color: #c9d7e6 !important;
}

.footer-v30 .footer-col {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 11px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.footer-v30 .footer-col h4 {
  margin: 0 0 9px !important;
  padding: 0 !important;
  font: 700 18px/1.25 Montserrat, Arial, sans-serif !important;
  letter-spacing: .2px !important;
  color: #fff !important;
  text-transform: uppercase !important;
}

.footer-v30 .footer-col a,
.footer-v30 .footer-col span {
  margin: 0 !important;
  padding: 0 !important;
  font: 400 14px/1.55 Roboto, Arial, sans-serif !important;
  color: #c9d7e6 !important;
  text-decoration: none !important;
}

.footer-v30 .footer-col a:hover {
  color: #fff !important;
}

.footer-v30 .footer-contact a:first-of-type {
  font: 700 15px/1.5 Roboto, Arial, sans-serif !important;
  color: #fff !important;
}

.footer-v30 .footer-v30-bottom {
  min-height: 58px !important;
  box-sizing: border-box !important;
  border-top: 1px solid rgba(255,255,255,.16) !important;
  padding: 18px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  font: 400 11px/1.4 Roboto, Arial, sans-serif !important;
  color: #aebfd1 !important;
}

@media (max-width: 1050px) {
  .footer-v30 .footer-v30-grid {
    grid-template-columns: 1.4fr 1fr 1fr !important;
    column-gap: 42px !important;
  }
  .footer-v30 .footer-brand {
    grid-column: 1 / -1 !important;
  }
  .footer-v30 .footer-brand img {
    width: 480px !important;
  }
}

@media (max-width: 700px) {
  .footer-v30 {
    padding-top: 52px !important;
  }
  .footer-v30 .footer-v30-grid {
    grid-template-columns: 1fr 1fr !important;
    column-gap: 32px !important;
    row-gap: 38px !important;
  }
  .footer-v30 .footer-brand {
    grid-column: 1 / -1 !important;
  }
  .footer-v30 .footer-brand img {
    width: 410px !important;
  }
}

@media (max-width: 500px) {
  .footer-v30 .footer-v30-grid {
    grid-template-columns: 1fr !important;
    row-gap: 32px !important;
  }
  .footer-v30 .footer-brand {
    grid-column: auto !important;
  }
  .footer-v30 .footer-brand img {
    width: 340px !important;
    max-width: 100% !important;
  }
  .footer-v30 .footer-v30-bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
}

/* V40 — refined Our Brands showcase */
.brands-v40 {
  padding: 86px 0 82px;
  background: #f6f8fb;
}
.brands-v40-head .section-title p {
  max-width: 640px;
}
.brands-v40-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 40px !important;
  margin-top: 40px !important;
  padding-left: 5% !important;
  padding-right: 5% !important;
  align-items: stretch !important;
}
.brand-showcase {
  position: relative;
  background: #fff;
  border: 1px solid #dce4ec;
  box-shadow: 0 10px 30px rgba(8,35,70,.07);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.brand-showcase:hover {
  transform: translateY(-5px);
  box-shadow: 0 17px 36px rgba(8,35,70,.12);
}
.brand-showcase:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: #0b356d;
}
.brand-tirpal:before {
  background: #f24730;
}
.brand-showcase-top {
  height: 52px;
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5ebf1;
  box-sizing: border-box;
}
.brand-index {
  font: 800 12px Montserrat, sans-serif;
  color: #f24730;
}
.brand-category {
  font: 700 10px Montserrat, sans-serif;
  letter-spacing: .45px;
  color: #708093;
}
.brand-logo-panel {
  height: 245px;
  padding: 25px 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-sizing: border-box;
}
.brand-logo-panel img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.brand-showcase-bottom {
  min-height: 145px;
  padding: 23px 27px 25px;
  border-top: 1px solid #e5ebf1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 25px;
  box-sizing: border-box;
}
.brand-showcase-bottom h3 {
  margin: 0 0 7px;
  font: 800 18px/1.2 Montserrat, sans-serif;
  color: #0b356d;
}
.brand-showcase-bottom p {
  margin: 0;
  max-width: 430px;
  font: 400 13px/1.6 Roboto, sans-serif;
  color: #68788a;
}
.brand-showcase-bottom a {
  flex: 0 0 auto;
  font: 800 10px Montserrat, sans-serif;
  letter-spacing: .15px;
  color: #f24730;
  text-decoration: none;
  white-space: nowrap;
}
.brand-showcase-bottom a b {
  margin-left: 5px;
}
.brands-v40-footer {
  margin-top: 20px !important;
  padding: 26px 22px !important;
  background: #082f66;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
}
.brands-v40-footer span {
  font: 800 11px Montserrat, sans-serif;
  letter-spacing: .25px;
}
.brands-v40-footer a {
  font: 800 10px Montserrat, sans-serif;
  color: #fff;
  text-decoration: none;
}
.brands-v40-footer a b {
  color: #f24730;
  margin-left: 6px;
}
@media (max-width: 850px) {
  .brands-v40-grid {
    grid-template-columns: 1fr;
  }
  .brand-logo-panel {
    height: 220px;
  }
}
@media (max-width: 560px) {
  .brands-v40 {
    padding: 66px 0 64px;
  }
  .brand-showcase-top {
    padding: 0 20px;
  }
  .brand-logo-panel {
    height: 190px;
    padding: 22px 28px;
  }
  .brand-showcase-bottom {
    min-height: 0;
    padding: 21px 21px 23px;
    display: block;
  }
  .brand-showcase-bottom a {
    display: inline-block;
    margin-top: 17px;
  }
  .brands-v40-footer {
    padding: 18px 20px;
    align-items: flex-start;
    flex-direction: column;
  }
}

/* V41 — Our Brands spacing, panel size and typography refinement */
.brands-v40 {
  padding-top: 42px !important;
  padding-bottom: 68px !important;
}
.brands-v40-grid {
  gap: 20px !important;
  margin-top: 28px !important;
}
.brand-showcase-top {
  height: 46px !important;
  padding: 0 22px !important;
}
.brand-logo-panel {
  height: 205px !important;
  padding: 20px 36px !important;
}
.brand-showcase-bottom {
  min-height: 126px !important;
  padding: 20px 23px 22px !important;
  gap: 20px !important;
}
.brand-showcase-bottom h3 {
  font-size: 21px !important;
  margin-bottom: 8px !important;
}
.brand-showcase-bottom p {
  font-size: 15px !important;
  line-height: 1.65 !important;
}
.brand-showcase-bottom a {
  font-size: 11px !important;
}
.brands-v40-footer {
  margin-top: 14px !important;
  padding: 17px 22px !important;
}
@media (max-width: 850px) {
  .brands-v40 {
    padding-top: 42px !important;
  }
  .brand-logo-panel {
    height: 190px !important;
  }
}
@media (max-width: 560px) {
  .brands-v40 {
    padding-top: 34px !important;
    padding-bottom: 56px !important;
  }
  .brand-logo-panel {
    height: 170px !important;
    padding: 18px 28px !important;
  }
  .brand-showcase-bottom {
    min-height: 0 !important;
    padding: 19px 20px 21px !important;
  }
  .brand-showcase-bottom h3 {
    font-size: 20px !important;
  }
  .brand-showcase-bottom p {
    font-size: 14px !important;
  }
}

/* V43 — Center the Our Brands description line */
.brands-v40 .brands-v40-head .section-title p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 760px !important;
}

/* V44 — Properly center the complete Our Brands heading block */
.brands-v40 .brands-v40-head {
  width: 100% !important;
  text-align: center !important;
}
.brands-v40 .brands-v40-head .section-title {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.brands-v40 .brands-v40-head .section-title > div,
.brands-v40 .brands-v40-head .section-title > h2,
.brands-v40 .brands-v40-head .section-title > p {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.brands-v40 .brands-v40-head .section-title > p {
  max-width: 760px !important;
}

/* FINAL Floating WhatsApp Help Button */
.floating-whatsapp{position:fixed!important;right:24px!important;bottom:24px!important;z-index:999999!important;display:flex!important;align-items:center!important;gap:10px!important;padding:10px 17px 10px 10px!important;border-radius:999px!important;background:#25D366!important;color:#fff!important;text-decoration:none!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important;font-family:Roboto,Arial,sans-serif!important}
.floating-whatsapp-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:50%!important;background:#fff!important;color:#25D366!important;display:flex!important;align-items:center!important;justify-content:center!important}
.floating-whatsapp-icon svg{width:28px!important;height:28px!important;display:block!important}
.floating-whatsapp-copy{display:flex!important;flex-direction:column!important;text-align:left!important;line-height:1.2!important}
.floating-whatsapp-copy strong{font:700 13px/1.2 Montserrat,Arial,sans-serif!important}
.floating-whatsapp-copy span{margin-top:3px!important;font:400 12px/1.2 Roboto,Arial,sans-serif!important}
@media(max-width:600px){.floating-whatsapp{right:14px!important;bottom:14px!important;padding:8px 12px 8px 8px!important}.floating-whatsapp-icon{width:36px!important;height:36px!important;flex-basis:36px!important}.floating-whatsapp-icon svg{width:25px!important;height:25px!important}}

/* Remove legacy WA floating button */
.wa { display:none !important; }

/* WORKING HEADER — PREMIUM CORPORATE */
.header-premium {
  height: auto !important;
  min-height: 94px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  background: #fff !important;
  border-bottom: 1px solid #e3e8ee !important;
  box-shadow: 0 4px 16px rgba(8,35,70,.07) !important;
}
.header-premium-inner {
  min-height: 94px !important;
  display: flex !important;
  align-items: center !important;
  gap: 26px !important;
}
.header-premium-logo {
  width: 230px !important;
  flex: 0 0 230px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-decoration: none !important;
}
.header-premium-logo img {
  width: 210px !important;
  height: auto !important;
  max-height: 68px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.header-premium-nav {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 21px !important;
}
.header-premium-nav a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 94px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #082f66 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font: 700 12px/1 Montserrat,Arial,sans-serif !important;
}
.header-premium-nav a:after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 24px !important;
  height: 2px !important;
  background: transparent !important;
}
.header-premium-nav a:hover,
.header-premium-nav a.active {
  color: #f24730 !important;
}
.header-premium-nav a:hover:after,
.header-premium-nav a.active:after {
  background: #f24730 !important;
}
.header-premium-quote {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 14px 16px !important;
  background: #f24730 !important;
  color: #fff !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font: 800 10px/1 Montserrat,Arial,sans-serif !important;
}
.header-premium-quote:hover {
  background: #f24730 !important;
}
@media (max-width: 1120px) {
  .header-premium-inner { gap: 16px !important; }
  .header-premium-logo { width: 200px !important; flex-basis: 200px !important; }
  .header-premium-logo img { width: 185px !important; }
  .header-premium-nav { gap: 13px !important; }
  .header-premium-nav a { font-size: 10px !important; }
}
@media (max-width: 850px) {
  .header-premium { min-height: 78px !important; }
  .header-premium-inner { min-height: 78px !important; }
  .header-premium-nav { display: none !important; }
  .header-premium-logo { width: 220px !important; flex-basis: 220px !important; }
  .header-premium-logo img { width: 195px !important; }
  .header-premium-quote { margin-left: auto !important; }
}
@media (max-width: 480px) {
  .header-premium-inner { width: 94% !important; }
  .header-premium-logo { width: 170px !important; flex-basis: 170px !important; }
  .header-premium-logo img { width: 155px !important; }

  .header-premium-quote { padding: 11px 10px !important; font-size: 8px !important; }
}

/* REFINED FLOATING PREMIUM HEADER */
.header-premium {
  position: absolute !important;
  top: 22px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1240px, calc(100% - 64px)) !important;
  max-width: 1240px !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  background: #fff !important;
  border: 1px solid rgba(8,47,102,.10) !important;
  box-shadow: 0 12px 32px rgba(8,35,70,.16) !important;
  overflow: visible !important;
}
.header-premium-inner {
  min-height: 82px !important;
  height: 82px !important;
  padding: 0 22px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}
.header-premium-logo {
  width: 205px !important;
  flex: 0 0 205px !important;
  height: 64px !important;
  justify-content: center !important;
}
.header-premium-logo img {
  width: 178px !important;
  height: 52px !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.header-premium-nav {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 19px !important;
}
.header-premium-nav a {
  height: 82px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  font-size: 11px !important;
  letter-spacing: .05px !important;
  white-space: nowrap !important;
}
.header-premium-nav a:after {
  bottom: 18px !important;
  height: 2px !important;
}
.header-premium-quote {
  flex: 0 0 auto !important;
  min-width: 126px !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding: 13px 14px !important;
  font-size: 9px !important;
}

/* Give the hero enough top breathing room so the floating card does not
   collide visually with the hero content. */

@media (max-width: 1120px) {
  .header-premium {
    width: min(1080px, calc(100% - 42px)) !important;
  }
  .header-premium-inner {
    padding: 0 18px !important;
    gap: 16px !important;
  }
  .header-premium-logo {
    width: 185px !important;
    flex-basis: 185px !important;
  }
  .header-premium-logo img {
    width: 165px !important;
  }
  .header-premium-nav {
    gap: 12px !important;
  }
  .header-premium-nav a {
    font-size: 9.5px !important;
  }
  .header-premium-quote {
    min-width: 112px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 850px) {
  .header-premium {
    top: 14px !important;
    width: calc(100% - 28px) !important;
  }
  .header-premium-inner {
    height: 72px !important;
    min-height: 72px !important;
  }
  .header-premium-logo {
    height: 58px !important;
    width: 195px !important;
    flex-basis: 195px !important;
  }
  .header-premium-logo img {
    width: 175px !important;
    height: 48px !important;
  }
  .header-premium-nav {
    display: none !important;
  }
  .header-premium-quote {
    margin-left: auto !important;
  }
}

@media (max-width: 480px) {
  .header-premium {
    top: 10px !important;
    width: calc(100% - 20px) !important;
  }
  .header-premium-inner {
    padding: 0 12px !important;
  }
  .header-premium-logo {
    width: 160px !important;
    flex-basis: 160px !important;
  }
  .header-premium-logo img {
    width: 145px !important;
  }

  .header-premium-quote {
    min-width: 105px !important;
    font-size: 8px !important;
    padding: 11px 8px !important;
  }
}

/* FINAL FLOATING HEADER — no top utility bar */

.header-premium {
  top: 22px !important;
}

/* HERO POSITION — restored */
.hero { margin-top: 0 !important; }

/* FINAL HERO TEXT POSITION — 100px from top */
.hero .hero-inner {
  padding-top: 100px !important;
  box-sizing: border-box !important;
}

/* FINAL HERO — 600px height with responsive image cover */
.hero {
  height: 600px !important;
  min-height: 600px !important;
  margin-top: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

.hero .hero-inner {
  height: 600px !important;
  min-height: 600px !important;
  padding-top: 100px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: flex-start !important;
}

@media (max-width: 768px) {
  .hero {
    height: 600px !important;
    min-height: 600px !important;
  }
  .hero .hero-inner {
    height: 600px !important;
    min-height: 600px !important;
    padding-top: 90px !important;
  }

}

/* FINAL HERO TEXT + FLOATING BAR TYPOGRAPHY */
.hero .hero-inner {
  padding-top: 150px !important;
}

/* Floating navigation — increase all navigation labels to 18px */
.header-premium-nav a {
  font-size: 18px !important;
}

.header-premium-quote {
  font-size: 18px !important;
}

@media (max-width: 1180px) {
  .header-premium-nav a {
    font-size: 16px !important;
  }
  .header-premium-quote {
    font-size: 15px !important;
  }
}

@media (max-width: 900px) {
  .header-premium-nav a {
    font-size: 14px !important;
  }
  .header-premium-quote {
    font-size: 13px !important;
  }
}

/* APPLE-INSPIRED TRANSLUCENT FLOATING HEADER */
.header-premium {
  background: rgba(255, 255, 255, 0.72) !important;
  -webkit-backdrop-filter: saturate(180%) blur(18px) !important;
  backdrop-filter: saturate(180%) blur(18px) !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  box-shadow:
    0 8px 28px rgba(8, 35, 70, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

.header-premium-nav a {
  text-shadow: 0 1px 1px rgba(255,255,255,.35);
}

.header-premium-quote {
  background: rgba(210,32,39,0.92) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}

@media (max-width: 900px) {
  .header-premium {
    background: rgba(255, 255, 255, 0.78) !important;
    -webkit-backdrop-filter: saturate(180%) blur(16px) !important;
    backdrop-filter: saturate(180%) blur(16px) !important;
  }
}

/* FINAL HEADER — ALIGNED GLASS VERSION */
.header-premium {
  position: fixed !important;
  top: 18px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: min(1260px, calc(100% - 56px)) !important;
  height: 86px !important;
  min-height: 86px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  z-index: 99999 !important;

  /* translucent glass */
  background: rgba(255,255,255,.46) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  border-radius: 5px !important;
  box-shadow:
    0 10px 30px rgba(8,35,70,.15),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}

.header-premium-inner {
  width: 100% !important;
  height: 86px !important;
  min-height: 86px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 205px minmax(0,1fr) 145px !important;
  align-items: center !important;
  column-gap: 18px !important;
}

.header-premium-logo {
  width: 205px !important;
  height: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.header-premium-logo img {
  width: 185px !important;
  height: 49px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

.header-premium-nav {
  width: 100% !important;
  height: 86px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important;
}

.header-premium-nav a {
  position: relative !important;
  height: 86px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #082f66 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  font: 700 16px/1 Montserrat,Arial,sans-serif !important;
  letter-spacing: 0 !important;
}

.header-premium-nav a:after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 17px !important;
  height: 2px !important;
  background: transparent !important;
}

.header-premium-nav a:hover,
.header-premium-nav a.active {
  color: #f24730 !important;
}

.header-premium-nav a:hover:after,
.header-premium-nav a.active:after {
  background: #f24730 !important;
}

.header-premium-quote {
  width: 145px !important;
  min-width: 145px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 2px !important;
  background: rgba(210,32,39,.92) !important;
  color: #fff !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  font: 800 12px/1 Montserrat,Arial,sans-serif !important;
}

/* Tablet: preserve alignment without crowding */
@media (max-width: 1180px) {
  .header-premium {
    width: calc(100% - 42px) !important;
  }
  .header-premium-inner {
    grid-template-columns: 190px minmax(0,1fr) 130px !important;
    column-gap: 12px !important;
    padding: 0 14px !important;
  }
  .header-premium-logo,
.header-premium-logo img {
    width: 175px !important;
  }
  .header-premium-nav {
    gap: 9px !important;
  }
  .header-premium-nav a {
    font-size: 13px !important;
  }
  .header-premium-quote {
    width: 130px !important;
    min-width: 130px !important;
    font-size: 10px !important;
  }
}

/* Mobile */
@media (max-width: 850px) {
  .header-premium {
    width: calc(100% - 28px) !important;
    height: 76px !important;
    min-height: 76px !important;
    background: rgba(255,255,255,.58) !important;
    -webkit-backdrop-filter: blur(17px) saturate(180%) !important;
    backdrop-filter: blur(17px) saturate(180%) !important;
  }
  .header-premium-inner {
    height: 76px !important;
    min-height: 76px !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 12px !important;
  }
  .header-premium-logo {
    width: 180px !important;
    flex: 0 0 180px !important;
  }
  .header-premium-logo img {
    width: 165px !important;
  }

  .header-premium-nav {
    display: none !important;
  }
  .header-premium-quote {
    width: 125px !important;
    min-width: 125px !important;
    height: 39px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 480px) {
  .header-premium {
    width: calc(100% - 18px) !important;
    top: 9px !important;
  }
  .header-premium-logo {
    width: 155px !important;
    flex-basis: 155px !important;
  }
  .header-premium-logo img {
    width: 145px !important;
  }
  .header-premium-quote {
    width: 108px !important;
    min-width: 108px !important;
    font-size: 8px !important;
  }
}

/* FINAL GLASS SURFACE — keep translucency visible */
.header-premium {
  background: rgba(255,255,255,0.36) !important;
  background-color: rgba(255,255,255,0.36) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255,255,255,0.62) !important;
  box-shadow:
    0 12px 34px rgba(8,35,70,0.16),
    inset 0 1px 0 rgba(255,255,255,0.72) !important;
  isolation: isolate !important;
}

.header-premium::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background: rgba(255,255,255,0.22) !important;
  pointer-events: none !important;
}

.header-premium-inner {
  background: transparent !important;
}

@supports not ((backdrop-filter: blur(1px))) {
  .header-premium {
    background: rgba(255,255,255,0.72) !important;
  }
}

/* USER-SUPPLIED LOGO — FLOATING BAR */
.header-premium-logo img {
  width: 205px !important;
  height: 58px !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
}

.header-premium-logo {
  width: 220px !important;
  flex-basis: 220px !important;
}

@media (max-width: 1180px) {
  .header-premium-logo {
    width: 195px !important;
    flex-basis: 195px !important;
  }
  .header-premium-logo img {
    width: 185px !important;
  }
}

@media (max-width: 850px) {
  .header-premium-logo {
    width: 190px !important;
    flex-basis: 190px !important;
  }
  .header-premium-logo img {
    width: 175px !important;
  }
}

/* FLOATING BAR — SLIGHTLY LARGER LOGO */
.header-premium-logo {
  width: 240px !important;
  flex-basis: 240px !important;
}

.header-premium-logo img {
  width: 225px !important;
  height: 64px !important;
}

@media (max-width: 1180px) {
  .header-premium-logo {
    width: 210px !important;
    flex-basis: 210px !important;
  }
  .header-premium-logo img {
    width: 200px !important;
  }
  .header-premium-logo img {
    height: 58px !important;
  }
}

@media (max-width: 850px) {
  .header-premium-logo {
    width: 195px !important;
    flex-basis: 195px !important;
  }
  .header-premium-logo img {
    width: 180px !important;
  }
  .header-premium-logo img {
    height: 54px !important;
  }
}

/* FLOATING BAR — EXTRA LARGE LOGO */
.header-premium-inner {
  grid-template-columns: 285px minmax(0,1fr) 145px !important;
  column-gap: 14px !important;
}

.header-premium-logo {
  width: 285px !important;
  flex-basis: 285px !important;
}

.header-premium-logo img {
  width: 270px !important;
  height: 76px !important;
}

.header-premium-nav {
  gap: 12px !important;
}

@media (max-width: 1180px) {
  .header-premium-inner {
    grid-template-columns: 235px minmax(0,1fr) 130px !important;
    column-gap: 10px !important;
  }
  .header-premium-logo {
    width: 235px !important;
    flex-basis: 235px !important;
  }
  .header-premium-logo img {
    width: 220px !important;
    height: 64px !important;
  }

  .header-premium-nav {
    gap: 8px !important;
  }
}

@media (max-width: 850px) {
  .header-premium-inner {
    display: flex !important;
  }
  .header-premium-logo {
    width: 225px !important;
    flex-basis: 225px !important;
  }
  .header-premium-logo img {
    width: 210px !important;
    height: 62px !important;
  }

}

@media (max-width: 480px) {
  .header-premium-logo {
    width: 190px !important;
    flex-basis: 190px !important;
  }
  .header-premium-logo img {
    width: 178px !important;
    height: 54px !important;
  }

}

/* REFERENCE-MATCHED FLOATING BAR
   Proportions tuned to the supplied 1536px reference:
   wide glass panel, balanced logo block, 14px navigation, compact CTA. */
.header-premium {
  top: 14px !important;
  width: calc(100% - 78px) !important;
  max-width: none !important;
  height: 116px !important;
  min-height: 116px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.48) !important;
  background-color: rgba(255,255,255,.48) !important;
  -webkit-backdrop-filter: blur(24px) saturate(175%) !important;
  backdrop-filter: blur(24px) saturate(175%) !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  box-shadow: 0 10px 30px rgba(8,35,70,.16), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.header-premium-inner {
  height: 116px !important;
  min-height: 116px !important;
  padding: 0 22px !important;
  grid-template-columns: 250px minmax(0,1fr) 171px !important;
  column-gap: 20px !important;
}

.header-premium-logo {
  width: 250px !important;
  flex-basis: 250px !important;
  height: 94px !important;
}

.header-premium-logo img {
  width: 225px !important;
  height: 70px !important;
  object-fit: contain !important;
  object-position: center !important;
}

.header-premium-nav {
  height: 116px !important;
  gap: 32px !important;
  justify-content: center !important;
}

.header-premium-nav a {
  height: 116px !important;
  font: 700 14px/1 Montserrat, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  color: #082f66 !important;
}

.header-premium-nav a:after {
  bottom: 25px !important;
  height: 2px !important;
}

.header-premium-quote {
  width: 171px !important;
  min-width: 171px !important;
  height: 46px !important;
  border-radius: 5px !important;
  font: 800 13px/1 Montserrat, Arial, sans-serif !important;
  background: rgba(210,32,39,.94) !important;
}

/* Match the reference's generous desktop proportions without allowing
   the navigation to collide with the logo or CTA. */
@media (max-width: 1280px) {
  .header-premium {
    width: calc(100% - 48px) !important;
  }
  .header-premium-inner {
    grid-template-columns: 225px minmax(0,1fr) 155px !important;
    column-gap: 14px !important;
  }
  .header-premium-logo {
    width: 225px !important;
    flex-basis: 225px !important;
  }
  .header-premium-logo img {
    width: 205px !important;
  }
  .header-premium-nav {
    gap: 19px !important;
  }
  .header-premium-nav a {
    font-size: 12px !important;
  }
  .header-premium-quote {
    width: 155px !important;
    min-width: 155px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 900px) {
  .header-premium {
    top: 10px !important;
    width: calc(100% - 28px) !important;
    height: 86px !important;
    min-height: 86px !important;
    border-radius: 14px !important;
  }
  .header-premium-inner {
    height: 86px !important;
    min-height: 86px !important;
    display: flex !important;
    padding: 0 14px !important;
  }
  .header-premium-logo {
    width: 215px !important;
    flex-basis: 215px !important;
    height: 74px !important;
  }
  .header-premium-logo img {
    width: 200px !important;
    height: 58px !important;
  }

  .header-premium-nav {
    display: none !important;
  }
  .header-premium-quote {
    width: 145px !important;
    min-width: 145px !important;
    height: 42px !important;
    margin-left: auto !important;
    font-size: 10px !important;
  }
}

@media (max-width: 480px) {
  .header-premium {
    width: calc(100% - 18px) !important;
    height: 76px !important;
    min-height: 76px !important;
    border-radius: 12px !important;
  }
  .header-premium-inner {
    height: 76px !important;
    min-height: 76px !important;
    padding: 0 9px !important;
  }
  .header-premium-logo {
    width: 170px !important;
    flex-basis: 170px !important;
    height: 66px !important;
  }
  .header-premium-logo img {
    width: 158px !important;
    height: 48px !important;
  }

  .header-premium-quote {
    width: 112px !important;
    min-width: 112px !important;
    height: 38px !important;
    font-size: 8px !important;
  }
}

/* FINAL FLOATING BAR — MORE ROUNDED + LARGER LOGO + SYMMETRICAL EDGE MARGINS */
.header-premium {
  width: calc(100% - 78px) !important;
  height: 116px !important;
  min-height: 116px !important;
  border-radius: 30px !important;
  overflow: visible !important;
}
.header-premium-inner {
  height: 116px !important;
  min-height: 116px !important;
  padding: 0 39px !important;
  box-sizing: border-box !important;
  grid-template-columns: 285px minmax(0,1fr) 171px !important;
  column-gap: 18px !important;
}
.header-premium-logo {
  width: 285px !important;
  flex-basis: 285px !important;
  height: 102px !important;
  justify-self: start !important;
}
.header-premium-logo img {
  width: 255px !important;
  height: 78px !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.header-premium-quote {
  width: 171px !important;
  min-width: 171px !important;
  justify-self: end !important;
}
.header-premium-nav {
  gap: 30px !important;
  justify-content: center !important;
}
@media (max-width: 1280px) {
  .header-premium {
    width: calc(100% - 48px) !important;
    border-radius: 26px !important;
  }
  .header-premium-inner {
    padding: 0 24px !important;
    grid-template-columns: 250px minmax(0,1fr) 155px !important;
    column-gap: 12px !important;
  }
  .header-premium-logo {
    width: 250px !important;
    flex-basis: 250px !important;
  }
  .header-premium-logo img {
    width: 225px !important;
  }
  .header-premium-logo img { height: 68px !important; }
  .header-premium-nav { gap: 18px !important; }
  .header-premium-quote {
    width: 155px !important;
    min-width: 155px !important;
  }
}
@media (max-width: 900px) {
  .header-premium {
    width: calc(100% - 28px) !important;
    height: 86px !important;
    min-height: 86px !important;
    border-radius: 20px !important;
  }
  .header-premium-inner {
    height: 86px !important;
    min-height: 86px !important;
    padding: 0 16px !important;
    display: flex !important;
  }
  .header-premium-logo {
    width: 220px !important;
    flex-basis: 220px !important;
    height: 76px !important;
  }
  .header-premium-logo img {
    width: 205px !important;
    height: 60px !important;
  }

  .header-premium-nav { display: none !important; }
  .header-premium-quote {
    width: 145px !important;
    min-width: 145px !important;
    height: 42px !important;
    margin-left: auto !important;
  }
}
@media (max-width: 480px) {
  .header-premium {
    width: calc(100% - 18px) !important;
    height: 76px !important;
    min-height: 76px !important;
    border-radius: 17px !important;
  }
  .header-premium-inner {
    height: 76px !important;
    min-height: 76px !important;
    padding: 0 10px !important;
  }
  .header-premium-logo {
    width: 170px !important;
    flex-basis: 170px !important;
  }
  .header-premium-logo img {
    width: 158px !important;
    height: 48px !important;
  }

  .header-premium-quote {
    width: 112px !important;
    min-width: 112px !important;
    height: 38px !important;
    font-size: 8px !important;
  }
}

/* FINAL FLOATING BAR NAVIGATION — LARGER, BALANCED TYPE */
.header-premium-nav a {
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 1280px) {
  .header-premium-nav a {
    font-size: 14px !important;
  }
}

@media (max-width: 900px) {
  .header-premium-nav a {
    font-size: 13px !important;
  }
}

/* FLOATING BAR — SHRINK ON SCROLL */
.header-premium {
  transition:
    width .28s ease,
    height .28s ease,
    min-height .28s ease,
    border-radius .28s ease,
    top .28s ease,
    box-shadow .28s ease,
    background-color .28s ease !important;
}

.header-premium-inner,
.header-premium-logo,
.header-premium-logo img,
.header-premium-nav,
.header-premium-nav a,
.header-premium-quote {
  transition:
    width .28s ease,
    height .28s ease,
    min-height .28s ease,
    padding .28s ease,
    gap .28s ease,
    font-size .28s ease,
    border-radius .28s ease,
    opacity .28s ease !important;
}

.header-premium.header-scrolled {
  top: 10px !important;
  width: calc(100% - 110px) !important;
  height: 78px !important;
  min-height: 78px !important;
  border-radius: 20px !important;
}

.header-premium.header-scrolled .header-premium-inner {
  height: 78px !important;
  min-height: 78px !important;
  padding: 0 30px !important;
  grid-template-columns: 225px minmax(0,1fr) 145px !important;
  column-gap: 14px !important;
}

.header-premium.header-scrolled .header-premium-logo {
  width: 225px !important;
  flex-basis: 225px !important;
  height: 68px !important;
}

.header-premium.header-scrolled .header-premium-logo img {
  width: 200px !important;
  height: 56px !important;
}

.header-premium.header-scrolled .header-premium-nav {
  height: 78px !important;
  gap: 22px !important;
}

.header-premium.header-scrolled .header-premium-nav a {
  height: 78px !important;
  font-size: 14px !important;
}

.header-premium.header-scrolled .header-premium-nav a:after {
  bottom: 15px !important;
}

.header-premium.header-scrolled .header-premium-quote {
  width: 145px !important;
  min-width: 145px !important;
  height: 40px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
}

@media (max-width: 1280px) {
  .header-premium.header-scrolled {
    width: calc(100% - 64px) !important;
  }
  .header-premium.header-scrolled .header-premium-inner {
    grid-template-columns: 205px minmax(0,1fr) 135px !important;
    padding: 0 24px !important;
  }
  .header-premium.header-scrolled .header-premium-logo {
    width: 205px !important;
    flex-basis: 205px !important;
  }
  .header-premium.header-scrolled .header-premium-logo img {
    width: 185px !important;
  }
  .header-premium.header-scrolled .header-premium-logo img {
    height: 52px !important;
  }
  .header-premium.header-scrolled .header-premium-nav {
    gap: 15px !important;
  }
  .header-premium.header-scrolled .header-premium-nav a {
    font-size: 13px !important;
  }
}

@media (max-width: 900px) {
  .header-premium.header-scrolled {
    width: calc(100% - 36px) !important;
    height: 68px !important;
    min-height: 68px !important;
    top: 8px !important;
    border-radius: 17px !important;
  }
  .header-premium.header-scrolled .header-premium-inner {
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 12px !important;
    display: flex !important;
  }
  .header-premium.header-scrolled .header-premium-logo {
    width: 190px !important;
    flex-basis: 190px !important;
    height: 60px !important;
  }
  .header-premium.header-scrolled .header-premium-logo img {
    width: 178px !important;
    height: 48px !important;
  }

  .header-premium.header-scrolled .header-premium-quote {
    width: 125px !important;
    min-width: 125px !important;
    height: 37px !important;
    font-size: 9px !important;
  }
}

/* HERO — 4 SLIDE CAROUSEL */
.hero-carousel {
  position: relative !important;
  height: 600px !important;
  min-height: 600px !important;
  margin-top: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.hero-slides {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
}

.hero-slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  opacity: 0 !important;
  transform: scale(1.02) !important;
  transition: opacity .8s ease, transform 4.8s ease !important;
}

.hero-slide.is-active {
  opacity: 1 !important;
  transform: scale(1) !important;
}

.hero-carousel .hero-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(0,0,0,.60) 0%, rgba(0,0,0,.35) 48%, rgba(0,0,0,.12) 100%) !important;
  pointer-events: none !important;
}

.hero-carousel .hero-inner {
  position: relative !important;
  z-index: 2 !important;
  height: 600px !important;
  min-height: 600px !important;
  padding-top: 150px !important;
  box-sizing: border-box !important;
}

.hero-carousel-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 4 !important;
  width: 46px !important;
  height: 46px !important;
  margin-top: -23px !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  font: 400 34px/40px Arial, sans-serif !important;
  cursor: pointer !important;
  transition: background .2s ease, transform .2s ease !important;
}

.hero-carousel-arrow:hover {
  background: rgba(255,255,255,.30) !important;
  transform: scale(1.06) !important;
}

.hero-carousel-prev { left: 28px !important; }
.hero-carousel-next { right: 28px !important; }

.hero-carousel-dots {
  position: absolute !important;
  left: 50% !important;
  bottom: 24px !important;
  transform: translateX(-50%) !important;
  z-index: 4 !important;
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}

.hero-carousel-dots button {
  width: 9px !important;
  height: 9px !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.85) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.30) !important;
  cursor: pointer !important;
  transition: width .25s ease, border-radius .25s ease, background .25s ease !important;
}

.hero-carousel-dots button.active {
  width: 27px !important;
  border-radius: 9px !important;
  background: #fff !important;
}

@media (max-width: 768px) {
  .hero-carousel {
    height: 600px !important;
    min-height: 600px !important;
  }
  .hero-carousel .hero-inner {
    height: 600px !important;
    min-height: 600px !important;
    padding-top: 130px !important;
  }
  .hero-carousel-arrow {
    width: 38px !important;
    height: 38px !important;
    margin-top: -19px !important;
    font-size: 28px !important;
    line-height: 32px !important;
  }
  .hero-carousel-prev { left: 12px !important; }
  .hero-carousel-next { right: 12px !important; }
  .hero-carousel-dots { bottom: 18px !important; }
}

/* HERO PRODUCT SLIDES */
.hero-product-title {
  display: block !important;
  max-width: 620px !important;
}
.hero-product-description {
  max-width: 520px !important;
}
@media (max-width: 768px) {
  .hero-product-title {
    max-width: 85vw !important;
  }
  .hero-product-description {
    max-width: 88vw !important;
  }
}

/* HERO PRODUCT TITLES — WEBSITE THEME RED */
.hero-product-title {
  color: #f24730 !important;
  font-weight: 800 !important;
}

/* HERO HEIGHT — 10% INCREASE */
.hero-carousel {
  height: 660px !important;
  min-height: 660px !important;
}

.hero-carousel .hero-inner {
  height: 660px !important;
  min-height: 660px !important;
}

@media (max-width: 768px) {
  .hero-carousel {
    height: 660px !important;
    min-height: 660px !important;
  }

  .hero-carousel .hero-inner {
    height: 660px !important;
    min-height: 660px !important;
  }
}

/* HERO COPY — FINAL POSITION */
.hero-carousel .hero-copy {
  transform: translate(10%, 26px) !important;
}

/* HERO CAROUSEL ARROWS — CLEAN CHEVRONS, NO OUTER CIRCLE */
.hero-carousel-arrow {
  width: 44px !important;
  height: 70px !important;
  margin-top: -35px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: #fff !important;
  font: 300 54px/62px Arial, sans-serif !important;
  opacity: .92 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.45) !important;
}

.hero-carousel-arrow:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: scale(1.08) !important;
  opacity: 1 !important;
}

.hero-carousel-prev {
  left: 22px !important;
}

.hero-carousel-next {
  right: 22px !important;
}

@media (max-width: 768px) {
  .hero-carousel .hero-copy {
    transform: translate(5%, 26px) !important;
  }

  .hero-carousel-arrow {
    width: 34px !important;
    height: 60px !important;
    margin-top: -30px !important;
    font-size: 44px !important;
    line-height: 54px !important;
  }

  .hero-carousel-prev {
    left: 8px !important;
  }

  .hero-carousel-next {
    right: 8px !important;
  }
}

/* HERO HEIGHT — REDUCED 10% FROM 660px TO 594px */
.hero-carousel {
  height: 594px !important;
  min-height: 594px !important;
}

.hero-carousel .hero-inner {
  height: 594px !important;
  min-height: 594px !important;
}

@media (max-width: 768px) {
  .hero-carousel {
    height: 594px !important;
    min-height: 594px !important;
  }

  .hero-carousel .hero-inner {
    height: 594px !important;
    min-height: 594px !important;
  }
}

/* FINAL CAROUSEL STABILITY */
.hero-carousel .hero-slide {
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.hero-carousel .hero-slide.is-active {
  opacity: 1 !important;
  z-index: 1 !important;
}
.hero-carousel .hero-shade { z-index: 2 !important; }
.hero-carousel .hero-inner { z-index: 3 !important; }
.hero-carousel .hero-carousel-arrow,
.hero-carousel .hero-carousel-dots { z-index: 4 !important; }

/* AUTOPLAY CAROUSEL — ACTIVE SLIDE VISIBILITY */
.hero-carousel .hero-slide {
  opacity: 0 !important;
  pointer-events: none !important;
}
.hero-carousel .hero-slide.is-active {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* FINAL FLOATING BAR RED — #f24730 */
.header-premium .header-premium-quote,
.header-premium .header-premium-quote:hover,
.header-premium .header-premium-quote:focus,
.header-premium .header-premium-quote:active {
  background: #f24730 !important;
  background-color: #f24730 !important;
  border-color: #f24730 !important;
  color: #fff !important;
}

.header-premium .header-premium-nav a:hover,
.header-premium .header-premium-nav a.active {
  color: #f24730 !important;
}

.header-premium .header-premium-nav a:hover:after,
.header-premium .header-premium-nav a.active:after {
  background: #f24730 !important;
}

/* MANUFACTURING FLOW — CORRECTED TWO-PANEL LAYOUT */
.manufacturing-v22 .manufacturing-flow {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 1px minmax(0,1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 34px auto 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.manufacturing-v22 .mfg-flow-panel {
  min-width: 0 !important;
  padding: 30px 28px 34px !important;
  box-sizing: border-box !important;
}

.manufacturing-v22 .mfg-flow-divider {
  width: 1px !important;
  min-width: 1px !important;
  margin: 24px 0 !important;
  background: rgba(255,255,255,.30) !important;
}

.manufacturing-v22 .mfg-flow-panel-title {
  margin: 0 0 25px !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
  color: #fff !important;
}

.manufacturing-v22 .mfg-flow-steps {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
}

.manufacturing-v22 .mfg-flow-step {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  text-align: center !important;
}

.manufacturing-v22 .mfg-flow-number {
  display: block !important;
  margin-bottom: 8px !important;
  color: #f24730 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .8px !important;
}

.manufacturing-v22 .mfg-flow-step strong {
  display: block !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.manufacturing-v22 .mfg-flow-arrow {
  flex: 0 0 auto !important;
  color: #f24730 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

@media (max-width: 1050px) {
  .manufacturing-v22 .mfg-flow-panel {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .manufacturing-v22 .mfg-flow-steps {
    gap: 5px !important;
  }
  .manufacturing-v22 .mfg-flow-step strong {
    font-size: 11px !important;
  }
  .manufacturing-v22 .mfg-flow-arrow {
    font-size: 16px !important;
  }
}

@media (max-width: 760px) {
  .manufacturing-v22 .manufacturing-flow {
    grid-template-columns: 1fr !important;
  }

  .manufacturing-v22 .mfg-flow-divider {
    width: auto !important;
    height: 1px !important;
    min-width: 0 !important;
    margin: 0 24px !important;
  }

  .manufacturing-v22 .mfg-flow-panel {
    padding: 28px 16px 30px !important;
  }

  .manufacturing-v22 .mfg-flow-steps {
    flex-wrap: wrap !important;
    row-gap: 18px !important;
  }

  .manufacturing-v22 .mfg-flow-step {
    flex: 1 1 20% !important;
    min-width: 90px !important;
  }
}

/* RESTORED INFORMATION-BLOCK ICONS */

/* MANUFACTURING STEP ICONS — RESTORED */
.manufacturing-v22 .mfg-step-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto 9px !important;
  border: 1px solid rgba(210,32,39,.55) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.08) !important;
  color: #f24730 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  box-sizing: border-box !important;
}

.manufacturing-v22 .mfg-flow-step .mfg-flow-number {
  display: block !important;
  margin-bottom: 6px !important;
}

@media (max-width: 760px) {
  .manufacturing-v22 .mfg-step-icon {
    width: 38px !important;
    height: 38px !important;
    font-size: 18px !important;
  }
}

/* MANUFACTURING FLOW — WHITE ICONS & NUMBERS */
.manufacturing-v22 .mfg-step-icon {
  color: #fff !important;
  border-color: rgba(255,255,255,.60) !important;
}

.manufacturing-v22 .mfg-flow-step .mfg-flow-number {
  color: #fff !important;
}

/* TWO-FACILITY MANUFACTURING FLOW */
.manufacturing-v22 .mfg-integrated-intro {
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto 30px !important;
}

.manufacturing-v22 .mfg-integrated-intro h3 {
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

.manufacturing-v22 .mfg-integrated-intro p {
  margin: 0 auto !important;
  max-width: 780px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.manufacturing-v22 .mfg-flow-panel-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
}

.manufacturing-v22 .mfg-flow-kicker {
  display: block !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
  line-height: 1.2 !important;
}

@media (max-width: 760px) {
  .manufacturing-v22 .mfg-integrated-intro h3 {
    font-size: 19px !important;
  }

  .manufacturing-v22 .mfg-integrated-intro p {
    font-size: 12px !important;
    padding: 0 8px !important;
  }

}

/* ONLY THE THREE REQUESTED MFG ICONS */
.manufacturing-v22 .mfg-step-icon.mfg-image-icon {
  border: 0 !important;
  background: transparent !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 9px !important;
  border-radius: 0 !important;
}
.manufacturing-v22 .mfg-step-icon.mfg-image-icon img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
}

/* INSPECTION + DISPATCH SUPPLIED WHITE ICONS */
.manufacturing-v22 .mfg-step-icon.mfg-image-icon {
  border: 0 !important;
  background: transparent !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 9px !important;
  border-radius: 0 !important;
}
.manufacturing-v22 .mfg-step-icon.mfg-image-icon img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
}

/* USER-SUPPLIED QUALITY CHECK ICON */
.manufacturing-v22 .mfg-step-icon.mfg-image-icon {
  border: 0 !important;
  background: transparent !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 9px !important;
  border-radius: 0 !important;
}
.manufacturing-v22 .mfg-step-icon.mfg-image-icon img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
}

/* USER-SUPPLIED RAW MATERIAL ICON */
.manufacturing-v22 .mfg-step-icon.mfg-image-icon {
  border: 0 !important;
  background: transparent !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 9px !important;
  border-radius: 0 !important;
}
.manufacturing-v22 .mfg-step-icon.mfg-image-icon img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
}

/* USER-SUPPLIED FABRICATION ICON */
.manufacturing-v22 .mfg-step-icon.mfg-image-icon {
  border: 0 !important;
  background: transparent !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 9px !important;
  border-radius: 0 !important;
}
.manufacturing-v22 .mfg-step-icon.mfg-image-icon img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
}

/* FACILITY HEADER — MATCHING THE SUPPLIED REFERENCE */
.manufacturing-v22 .mfg-facility-heading {
  display: grid !important;
  grid-template-columns: minmax(175px, 43%) minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 18px !important;
  min-height: 128px !important;
  margin: 0 0 28px !important;
  padding: 4px 16px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.22) !important;
  box-sizing: border-box !important;
}

.manufacturing-v22 .mfg-facility-heading-text {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  min-width: 0 !important;
}

.manufacturing-v22 .mfg-facility-heading .mfg-flow-kicker {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 21px !important;
  line-height: 1.08 !important;
  letter-spacing: 1px !important;
  font-weight: 800 !important;
  text-align: left !important;
}

.manufacturing-v22 .mfg-facility-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 88px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.manufacturing-v22 .mfg-facility-logo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}

.manufacturing-v22 .mfg-sn-logo {
  cursor: pointer !important;
  transition: transform .2s ease, opacity .2s ease !important;
}

.manufacturing-v22 .mfg-sn-logo:hover {
  transform: translateY(-1px) !important;
  opacity: .92 !important;
}

.manufacturing-v22 .mfg-spt-logo {
  justify-content: flex-start !important;
}

@media (max-width: 900px) {
  .manufacturing-v22 .mfg-facility-heading {
    grid-template-columns: minmax(145px, 43%) minmax(0, 1fr) !important;
    column-gap: 12px !important;
    min-height: 104px !important;
  }

  .manufacturing-v22 .mfg-facility-heading .mfg-flow-kicker {
    font-size: 16px !important;
  }

  .manufacturing-v22 .mfg-facility-logo {
    height: 72px !important;
  }
}

@media (max-width: 680px) {
  .manufacturing-v22 .mfg-facility-heading {
    grid-template-columns: 1fr !important;
    row-gap: 8px !important;
    min-height: 0 !important;
    padding: 0 0 16px !important;
  }

  .manufacturing-v22 .mfg-facility-heading-text {
    justify-content: center !important;
    text-align: center !important;
  }

  .manufacturing-v22 .mfg-facility-heading .mfg-flow-kicker {
    text-align: center !important;
  }

  .manufacturing-v22 .mfg-facility-logo,
  .manufacturing-v22 .mfg-spt-logo {
    justify-content: center !important;
    height: 62px !important;
  }
}

/* FACILITY HEADINGS — MONTSERRAT */
.manufacturing-v22 .mfg-facility-heading .mfg-flow-kicker {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
}

/* FACILITY LOGOS — TRUE TRANSPARENT WHITE */
.manufacturing-v22 .mfg-facility-logo {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.manufacturing-v22 .mfg-facility-logo img {
  background: transparent !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  filter: none !important;
  object-fit: contain !important;
}
.manufacturing-v22 .mfg-sn-logo img {
  width: min(100%, 430px) !important;
  height: 82px !important;
}
.manufacturing-v22 .mfg-spt-logo img {
  width: min(100%, 430px) !important;
  height: 82px !important;
}

/* FINISHING & QUALITY FACILITY — RESTORED FULL-COLOR LOGO, 10% LARGER */
.manufacturing-v22 .mfg-spt-logo img {
  width: min(100%, 473px) !important;
  height: 165px !important;
  object-fit: contain !important;
  background: transparent !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* SHIFT SPT LOGO 10% TO THE RIGHT */
.manufacturing-v22 .mfg-spt-logo img {
  transform: translateX(10%) !important;
}

/* RESTORED ORIGINAL MANUFACTURING CSS */
/* MANUFACTURING FLOW — CORRECTED TWO-PANEL LAYOUT */
.manufacturing-v22 .manufacturing-flow {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 1px minmax(0,1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 34px auto 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.manufacturing-v22 .mfg-flow-panel {
  min-width: 0 !important;
  padding: 30px 28px 34px !important;
  box-sizing: border-box !important;
}

.manufacturing-v22 .mfg-flow-divider {
  width: 1px !important;
  min-width: 1px !important;
  margin: 24px 0 !important;
  background: rgba(255,255,255,.30) !important;
}

.manufacturing-v22 .mfg-flow-panel-title {
  margin: 0 0 25px !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
  color: #fff !important;
}

.manufacturing-v22 .mfg-flow-steps {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
}

.manufacturing-v22 .mfg-flow-step {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  text-align: center !important;
}

.manufacturing-v22 .mfg-flow-number {
  display: block !important;
  margin-bottom: 8px !important;
  color: #f24730 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .8px !important;
}

.manufacturing-v22 .mfg-flow-step strong {
  display: block !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.manufacturing-v22 .mfg-flow-arrow {
  flex: 0 0 auto !important;
  color: #f24730 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

@media (max-width: 1050px) {
  .manufacturing-v22 .mfg-flow-panel {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .manufacturing-v22 .mfg-flow-steps {
    gap: 5px !important;
  }
  .manufacturing-v22 .mfg-flow-step strong {
    font-size: 11px !important;
  }
  .manufacturing-v22 .mfg-flow-arrow {
    font-size: 16px !important;
  }
}

@media (max-width: 760px) {
  .manufacturing-v22 .manufacturing-flow {
    grid-template-columns: 1fr !important;
  }

  .manufacturing-v22 .mfg-flow-divider {
    width: auto !important;
    height: 1px !important;
    min-width: 0 !important;
    margin: 0 24px !important;
  }

  .manufacturing-v22 .mfg-flow-panel {
    padding: 28px 16px 30px !important;
  }

  .manufacturing-v22 .mfg-flow-steps {
    flex-wrap: wrap !important;
    row-gap: 18px !important;
  }

  .manufacturing-v22 .mfg-flow-step {
    flex: 1 1 20% !important;
    min-width: 90px !important;
  }
}

/* RESTORED INFORMATION-BLOCK ICONS */

/* MANUFACTURING STEP ICONS — RESTORED */
.manufacturing-v22 .mfg-step-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto 9px !important;
  border: 1px solid rgba(210,32,39,.55) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.08) !important;
  color: #f24730 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  box-sizing: border-box !important;
}

.manufacturing-v22 .mfg-flow-step .mfg-flow-number {
  display: block !important;
  margin-bottom: 6px !important;
}

@media (max-width: 760px) {
  .manufacturing-v22 .mfg-step-icon {
    width: 38px !important;
    height: 38px !important;
    font-size: 18px !important;
  }
}

/* MANUFACTURING FLOW — WHITE ICONS & NUMBERS */
.manufacturing-v22 .mfg-step-icon {
  color: #fff !important;
  border-color: rgba(255,255,255,.60) !important;
}

.manufacturing-v22 .mfg-flow-step .mfg-flow-number {
  color: #fff !important;
}

/* TWO-FACILITY MANUFACTURING FLOW */
.manufacturing-v22 .mfg-integrated-intro {
  text-align: center !important;
  max-width: 900px !important;
  margin: 0 auto 30px !important;
}

.manufacturing-v22 .mfg-integrated-intro h3 {
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

.manufacturing-v22 .mfg-integrated-intro p {
  margin: 0 auto !important;
  max-width: 780px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.manufacturing-v22 .mfg-flow-panel-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
}

.manufacturing-v22 .mfg-flow-kicker {
  display: block !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1.4px !important;
  line-height: 1.2 !important;
}

@media (max-width: 760px) {
  .manufacturing-v22 .mfg-integrated-intro h3 {
    font-size: 19px !important;
  }

  .manufacturing-v22 .mfg-integrated-intro p {
    font-size: 12px !important;
    padding: 0 8px !important;
  }

}

/* ONLY THE THREE REQUESTED MFG ICONS */
.manufacturing-v22 .mfg-step-icon.mfg-image-icon {
  border: 0 !important;
  background: transparent !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 9px !important;
  border-radius: 0 !important;
}
.manufacturing-v22 .mfg-step-icon.mfg-image-icon img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
}

/* INSPECTION + DISPATCH SUPPLIED WHITE ICONS */
.manufacturing-v22 .mfg-step-icon.mfg-image-icon {
  border: 0 !important;
  background: transparent !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 9px !important;
  border-radius: 0 !important;
}
.manufacturing-v22 .mfg-step-icon.mfg-image-icon img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
}

/* USER-SUPPLIED QUALITY CHECK ICON */
.manufacturing-v22 .mfg-step-icon.mfg-image-icon {
  border: 0 !important;
  background: transparent !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 9px !important;
  border-radius: 0 !important;
}
.manufacturing-v22 .mfg-step-icon.mfg-image-icon img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
}

/* USER-SUPPLIED RAW MATERIAL ICON */
.manufacturing-v22 .mfg-step-icon.mfg-image-icon {
  border: 0 !important;
  background: transparent !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 9px !important;
  border-radius: 0 !important;
}
.manufacturing-v22 .mfg-step-icon.mfg-image-icon img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
}

/* USER-SUPPLIED FABRICATION ICON */
.manufacturing-v22 .mfg-step-icon.mfg-image-icon {
  border: 0 !important;
  background: transparent !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 9px !important;
  border-radius: 0 !important;
}
.manufacturing-v22 .mfg-step-icon.mfg-image-icon img {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
}

/* FACILITY HEADER — MATCHING THE SUPPLIED REFERENCE */
.manufacturing-v22 .mfg-facility-heading {
  display: grid !important;
  grid-template-columns: minmax(175px, 43%) minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 18px !important;
  min-height: 128px !important;
  margin: 0 0 28px !important;
  padding: 4px 16px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.22) !important;
  box-sizing: border-box !important;
}

.manufacturing-v22 .mfg-facility-heading-text {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  min-width: 0 !important;
}

.manufacturing-v22 .mfg-facility-heading .mfg-flow-kicker {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 21px !important;
  line-height: 1.08 !important;
  letter-spacing: 1px !important;
  font-weight: 800 !important;
  text-align: left !important;
}

.manufacturing-v22 .mfg-facility-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 88px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.manufacturing-v22 .mfg-facility-logo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}

.manufacturing-v22 .mfg-sn-logo {
  cursor: pointer !important;
  transition: transform .2s ease, opacity .2s ease !important;
}

.manufacturing-v22 .mfg-sn-logo:hover {
  transform: translateY(-1px) !important;
  opacity: .92 !important;
}

.manufacturing-v22 .mfg-spt-logo {
  justify-content: flex-start !important;
}

@media (max-width: 900px) {
  .manufacturing-v22 .mfg-facility-heading {
    grid-template-columns: minmax(145px, 43%) minmax(0, 1fr) !important;
    column-gap: 12px !important;
    min-height: 104px !important;
  }

  .manufacturing-v22 .mfg-facility-heading .mfg-flow-kicker {
    font-size: 16px !important;
  }

  .manufacturing-v22 .mfg-facility-logo {
    height: 72px !important;
  }
}

@media (max-width: 680px) {
  .manufacturing-v22 .mfg-facility-heading {
    grid-template-columns: 1fr !important;
    row-gap: 8px !important;
    min-height: 0 !important;
    padding: 0 0 16px !important;
  }

  .manufacturing-v22 .mfg-facility-heading-text {
    justify-content: center !important;
    text-align: center !important;
  }

  .manufacturing-v22 .mfg-facility-heading .mfg-flow-kicker {
    text-align: center !important;
  }

  .manufacturing-v22 .mfg-facility-logo,
  .manufacturing-v22 .mfg-spt-logo {
    justify-content: center !important;
    height: 62px !important;
  }
}

/* FACILITY HEADINGS — MONTSERRAT */
.manufacturing-v22 .mfg-facility-heading .mfg-flow-kicker {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
}

/* ABOUT US MAP — FULLY SCOPED */
.about-v23 { position:relative!important; isolation:isolate!important; width:100%!important; box-sizing:border-box!important; clear:both!important; padding:92px 0 96px!important; background:#fff!important; }
.about-v23 .about-v23-grid { display:grid!important; grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)!important; gap:64px!important; align-items:stretch!important; box-sizing:border-box!important; }
.about-v23 .about-v23-copy { display:flex!important; flex-direction:column!important; justify-content:center!important; padding:18px 0!important; box-sizing:border-box!important; }
.about-v23 .about-v23-eyebrow { font-size:21px!important; line-height:1.15!important; font-weight:800!important; letter-spacing:1.2px!important; margin-bottom:12px!important; }
.about-v23 .about-v23-copy h2 { margin:14px 0 22px!important; font-size:clamp(38px,4vw,62px)!important; line-height:1.08!important; color:#0b2f6b!important; font-weight:800!important; }
.about-v23 .about-v23-copy h2 span { color:#173f80!important; }
.about-v23 .about-v23-copy>p { max-width:640px!important; margin:0 0 14px!important; color:#4e5663!important; font-size:16px!important; line-height:1.75!important; }

.about-v23 .about-v23-map-card { position:relative!important; overflow:hidden!important; min-height:570px!important; border-radius:28px!important; background:#0b2f6b!important; box-shadow:0 22px 55px rgba(11,47,107,.18)!important; }
.about-v23 .about-v23-map-heading { display:flex!important; align-items:center!important; justify-content:space-between!important; padding:25px 28px 20px!important; color:#fff!important; }
.about-v23 .about-v23-map-kicker { display:block!important; color:rgba(255,255,255,.68)!important; font-size:11px!important; font-weight:800!important; letter-spacing:1.7px!important; }
.about-v23 .about-v23-map-heading h3 { margin:0!important; color:#fff!important; font-size:24px!important; font-weight:800!important; }
.about-v23 .about-v23-map-pin { display:flex!important; align-items:center!important; justify-content:center!important; width:38px!important; height:38px!important; border-radius:50%!important; background:#f24730!important; color:#fff!important; }
.about-v23 .about-v23-map { position:relative!important; height:355px!important; margin:0 12px!important; overflow:hidden!important; border-radius:20px!important; }
.about-v23 .about-v23-map iframe { display:block!important; width:100%!important; height:100%!important; border:0!important; max-width:none!important; }
.about-v23 .about-v23-map-footer { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:22px!important; padding:21px 28px 24px!important; }
.about-v23 .about-v23-map-footer b { color:#fff!important; font-size:14px!important; }
.about-v23 .about-v23-map-footer p { margin:5px 0 0!important; color:rgba(255,255,255,.72)!important; font-size:12px!important; line-height:1.55!important; }
.about-v23 .about-v23-map-footer a { color:#fff!important; font-size:11px!important; font-weight:800!important; letter-spacing:.7px!important; text-decoration:none!important; padding:11px 14px!important; border:1px solid rgba(255,255,255,.35)!important; border-radius:10px!important; }
@media(max-width:1050px){.about-v23 .about-v23-grid{grid-template-columns:1fr!important;gap:42px!important}}
@media(max-width:650px){.about-v23{padding:64px 0 70px!important}.about-v23 .about-v23-copy h2{font-size:39px!important}.about-v23 .about-v23-map-card{min-height:500px!important;border-radius:20px!important}.about-v23 .about-v23-map{height:310px!important}.about-v23 .about-v23-map-footer{flex-direction:column!important;align-items:flex-start!important}}

/* ABOUT US HEADLINE — 27PX */
.about-v23 .about-v23-copy h2 {
  font-size: 27px !important;
}

/* STRENGTH STRIP — PART OF ABOUT US */
.about-v23 + .strength-strip {
  margin-top: 0 !important;
  border-top: 0 !important;
  clear: both !important;
  position: relative !important;
}

.about-v23 + .strength-strip .wrap {
  box-sizing: border-box !important;
}

/* ABOUT US MAIN HEADLINE — 40PX */
.about-v23 .about-v23-copy h2 {
  font-size: 40px !important;
}

/* ABOUT US — TOP MARGIN REDUCED BY 20% */
.about-v23 {
  padding-top: 74px !important;
}

/* FINAL SPT LOGO SIZE */
.manufacturing-v22 .mfg-spt-logo img {
  width: min(100%, 473px) !important;
  height: 165px !important;
}

/* PRODUCT DETAIL PAGES */
.product-detail-page { background:#fff; min-height:100vh; }

/* MAKE ENTIRE PRODUCT FEATURE CARDS CLICKABLE */
.product-feature[data-product-link] {
  cursor: pointer !important;
}
.product-feature[data-product-link]:focus-visible {
  outline: 2px solid #f24730 !important;
  outline-offset: 4px !important;
}

/* =========================================================
   PRODUCT PAGES — FIXED LEFT SIDEBAR / SCROLLING CONTENT
   ========================================================= */

/* Sidebar remains fixed on screen below the floating header. */

/*
 * Footer boundary: as the document reaches the footer, the sidebar is
 * constrained by the product-page wrapper rather than covering the footer.
 * The wrapper reserves the sidebar's vertical footprint.
 */

/* =========================================================
   PRODUCT PAGES — COMPACT FOOTER
   ========================================================= */
body.product-detail-page .footer-v30 {
  padding: 30px 0 0 !important;
}
body.product-detail-page .footer-v30-grid {
  gap: 28px !important;
  padding-bottom: 24px !important;
}
body.product-detail-page .footer-v30 .footer-brand p {
  font-size: 12px !important;
  line-height: 1.5 !important;
  margin: 8px 0 12px !important;
}
body.product-detail-page .footer-v30 .footer-col h4 {
  font-size: 11px !important;
  margin-bottom: 9px !important;
}
body.product-detail-page .footer-v30 .footer-col a,
body.product-detail-page .footer-v30 .footer-col span {
  font-size: 11px !important;
  line-height: 1.5 !important;
}

body.product-detail-page .footer-v30-bottom {
  padding: 11px 0 !important;
  font-size: 10px !important;
}

@media (max-width: 800px) {

  body.product-detail-page .footer-v30 {
    padding: 24px 0 0 !important;
  }
  body.product-detail-page .footer-v30-grid {
    gap: 22px !important;
    padding-bottom: 18px !important;
  }
}

/* PRODUCT DESCRIPTION PAGES — FOOTER FONT +20% */
body.product-detail-page .footer-v30 .footer-brand p {
  font-size: 14.4px !important;
}
body.product-detail-page .footer-v30 .footer-col h4 {
  font-size: 13.2px !important;
}
body.product-detail-page .footer-v30 .footer-col a,
body.product-detail-page .footer-v30 .footer-col span {
  font-size: 13.2px !important;
}

body.product-detail-page .footer-v30-bottom {
  font-size: 12px !important;
}

/* PRODUCT DESCRIPTION PAGES — FOOTER LOGO 50% SMALLER */
body.product-detail-page .footer-v30 .footer-brand img {
  width: 50% !important;
  height: auto !important;
  max-width: 50% !important;
}

/* HDPE PRODUCT PAGE — TWO ROWS */

.hdpe-details-row {
  display: grid;
  gap: 32px;
  align-items: stretch;
}

.hdpe-details-row .hdpe-panel {
  min-width: 0;
}

@media (max-width: 560px) {

  .hdpe-details-row {
    gap: 24px;
  }

}

/* HDPE PAGE — EXACT REFERENCE-STYLE LOWER ALIGNMENT */

.hdpe-spec-column {
  background: #fff;
  border-radius: 9px;
  box-shadow: 0 3px 14px rgba(13,38,72,.12);
  padding: 16px 17px 12px;
}
.hdpe-spec-column h3 {
  margin-bottom: 8px;
}
.hdpe-spec-column .hdpe-specs {
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}
.hdpe-spec-column .hdpe-spec-row {
  grid-template-columns: 39% 61%;
  padding: 5px 0;
  font-size: 11.5px;
  line-height: 1.28;
}
.hdpe-structure-reference {
  height: 272px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.hdpe-structure-reference img {
  display: block;
  width: 100%;
  max-width: 350px;
  height: 270px;
  object-fit: contain;
}
.hdpe-app-column {
  padding-left: 1px;
}

@media (max-width: 1100px) {

  .hdpe-app-column {
    grid-column: 1 / -1;
  }

}
@media (max-width: 760px) {

  .hdpe-app-column {
    grid-column: auto;
  }

  .hdpe-structure-reference {
    height: auto;
  }
}

/* HDPE PRODUCT PAGE — TWO ROW ALIGNMENT */
.hdpe-details-two-rows {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 14px;
}
.hdpe-details-row {
  display: grid;
  gap: 32px;
  align-items: stretch;
}

.hdpe-details-row-two {
  grid-template-columns: minmax(0, 1fr);
}
.hdpe-details-row-one .hdpe-panel {
  min-width: 0;
}
.hdpe-details-row-one .hdpe-spec-column {
  display: flex;
  flex-direction: column;
}
.hdpe-details-row-one .hdpe-specs {
  flex: 1;
}
.hdpe-details-row-two .hdpe-app-column {
  width: 100%;
  min-width: 0;
}

@media (max-width: 560px) {
  .hdpe-details-two-rows {
    gap: 24px;
  }
  .hdpe-details-row {
    gap: 24px;
  }

}

/* FINAL HDPE DETAILS FONT SIZE */
.wrap.hdpe-details-two-rows,.wrap.hdpe-details-two-rows .hdpe-spec-row,.wrap.hdpe-details-two-rows .hdpe-spec-row b,.wrap.hdpe-details-two-rows .hdpe-spec-row span { font-size: 13.5px !important; }

/* FINAL: Footer logo reduced by exactly 20% from the current 520px desktop size */
.footer-v30 .footer-brand img { width: 416px !important; }
@media (max-width: 900px) { .footer-v30 .footer-brand img { width: 344px !important; } }
@media (max-width: 600px) { .footer-v30 .footer-brand img { width: 272px !important; } }

/* FINAL PRODUCT-PAGE HERO TOP OFFSET */
.hdpe-hero {
  position: relative;
  margin-top: 144px !important;
  z-index: 1;
}

@media (max-width: 900px) {
  .hdpe-hero { margin-top: 116px !important; }
}
@media (max-width: 600px) {
  .hdpe-hero { margin-top: 104px !important; }
}

/* PRODUCTS DROPDOWN — FINAL AUTHORITATIVE STYLES */
.header-premium-nav{display:flex;align-items:center;gap:24px}
.header-premium-nav>a,.header-premium-nav .nav-products-toggle{color:#0c356d}
.header-premium-nav>.nav-products-dropdown{position:relative;display:inline-flex;align-items:center;height:100%}
.header-premium-nav>.nav-products-dropdown>.nav-products-toggle{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;padding:0!important;white-space:nowrap}
.header-premium-nav>.nav-products-dropdown .nav-chevron{display:inline-block!important;color:#f24730!important;font-size:12px!important;line-height:1!important}
.header-premium-nav>.nav-products-dropdown>.nav-products-menu{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;width:300px!important;min-width:0!important;max-width:none!important;padding:6px 0!important;margin:0!important;background:#071526!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:6px!important;box-shadow:0 12px 28px rgba(0,0,0,.32)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(6px)!important;z-index:100000!important;overflow:hidden!important;transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important}
.header-premium-nav>.nav-products-dropdown>.nav-products-menu:before{content:"";position:absolute;top:-7px;left:22px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #071526}
.header-premium-nav>.nav-products-dropdown>.nav-products-menu>a{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:10px 14px!important;color:#fff!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;text-decoration:none!important;white-space:nowrap!important;font-size:12px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:.1px!important}
.header-premium-nav>.nav-products-dropdown>.nav-products-menu>a:last-child{border-bottom:0!important}
.header-premium-nav>.nav-products-dropdown>.nav-products-menu>a:hover,.header-premium-nav>.nav-products-dropdown>.nav-products-menu>a:focus{color:#fff!important;background:#f24730!important}

.header-premium-nav>.nav-products-dropdown:hover>.nav-products-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
@media(max-width:900px){.header-premium-nav>.nav-products-dropdown>.nav-products-menu{left:auto!important;right:0!important}}

/* =========================================================
   FINAL PRODUCTS DROPDOWN — IDENTICAL ON ALL 7 PAGES
   ========================================================= */
.header-premium .header-premium-nav{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  overflow:visible !important;
}

.header-premium .header-premium-nav > .nav-products-dropdown{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  align-self:stretch !important;
  height:100% !important;
  overflow:visible !important;
}

/* Remove the hover gap: the menu starts exactly at the bottom of PRODUCTS. */
.header-premium .nav-products-dropdown > .nav-products-menu{
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  right:auto !important;
  width:270px !important;
  min-width:270px !important;
  max-width:270px !important;
  height:auto !important;
  margin:0 !important;
  padding:5px 0 !important;
  box-sizing:border-box !important;
  background:#071526 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:5px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28) !important;
  overflow:hidden !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(3px) !important;
  z-index:100000 !important;
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease !important;
}

/* Invisible hover bridge makes the menu impossible to lose while moving
   from PRODUCTS into the dropdown. */
.header-premium .nav-products-dropdown::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:100% !important;
  width:270px !important;
  height:8px !important;
  background:transparent !important;
  display:block !important;
  z-index:99999 !important;
}

.header-premium .nav-products-dropdown:hover > .nav-products-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

/* Compact rows, strictly left-aligned text, white text. */
.header-premium .nav-products-menu > a{
  position:relative !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:100% !important;
  height:31px !important;
  min-height:31px !important;
  max-height:31px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 12px !important;
  color:#ffffff !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  border-radius:0 !important;
  text-align:left !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  font-family:Montserrat,Arial,sans-serif !important;
  font-size:11px !important;
  line-height:31px !important;
  font-weight:600 !important;
  letter-spacing:.05px !important;
}

.header-premium .nav-products-menu > a:last-child{
  border-bottom:0 !important;
}

/* Kill the main-nav underline/after-effect inside the dropdown. */
.header-premium .nav-products-menu > a::after{
  content:none !important;
  display:none !important;
}

.header-premium .nav-products-menu > a:hover,
.header-premium .nav-products-menu > a:focus{
  color:#fff !important;
  background:#f24730 !important;
}

/* Products label itself stays aligned with the other utility-bar items. */
.header-premium .nav-products-toggle{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:5px !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#111 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.header-premium .nav-products-toggle::after{
  content:none !important;
  display:none !important;
}

.header-premium .nav-products-toggle:hover{
  color:#f24730 !important;
}

.header-premium .nav-products-toggle .nav-chevron{
  display:inline-block !important;
  color:#f24730 !important;
  font-size:11px !important;
  line-height:1 !important;
  margin:0 !important;
}

/* Keep dropdown safely inside the viewport on narrower desktop widths. */
@media (max-width:1100px){
  .header-premium .nav-products-menu{
    left:50% !important;
    transform:translate(-50%,3px) !important;
  }
  .header-premium .nav-products-dropdown::after{
    left:50% !important;
    transform:translateX(-50%) !important;
  }
  .header-premium .nav-products-dropdown:hover > .nav-products-menu{
    transform:translate(-50%,0) !important;
  }
}

/* CLEAN PRODUCTS DROPDOWN — DOES NOT ALTER UTILITY BAR LAYOUT */
.nav-products-dropdown{position:relative!important;display:inline-flex!important;align-items:center!important;overflow:visible!important}
.nav-products-dropdown>.nav-products-toggle{display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}
.nav-products-dropdown>.nav-products-menu{
 position:absolute!important;
 top:calc(100% + 2px)!important;
 left:50%!important;
 width:230px!important;
 min-width:230px!important;
 max-width:230px!important;
 margin:0!important;
 padding:4px 0!important;
 background:#071526!important;
 border:1px solid rgba(255,255,255,.18)!important;
 border-radius:5px!important;
 box-shadow:0 9px 20px rgba(0,0,0,.25)!important;
 opacity:0!important;
 visibility:hidden!important;
 pointer-events:none!important;
 transform:translate(-50%,2px)!important;
 z-index:100000!important;
 overflow:hidden!important;
 transition:opacity .1s ease,visibility .1s ease,transform .1s ease!important
}
.nav-products-dropdown>.nav-products-menu:before{content:""!important;position:absolute!important;top:-2px!important;left:0!important;right:0!important;height:2px!important}
.nav-products-dropdown>.nav-products-menu>a{
 display:block!important;
 width:100%!important;
 height:29px!important;
 min-height:29px!important;
 box-sizing:border-box!important;
 margin:0!important;
 padding:0 12px!important;
 background:transparent!important;
 color:#fff!important;
 border:0!important;
 border-bottom:1px solid rgba(255,255,255,.09)!important;
 border-radius:0!important;
 text-align:left!important;
 font-size:10.5px!important;
 line-height:29px!important;
 font-weight:600!important;
 white-space:nowrap!important;
 text-decoration:none!important
}
.nav-products-dropdown>.nav-products-menu>a:last-child{border-bottom:0!important}
.nav-products-dropdown>.nav-products-menu>a:after{display:none!important;content:none!important}
.nav-products-dropdown>.nav-products-menu>a:hover,
.nav-products-dropdown>.nav-products-menu>a:focus{
 background:#f24730!important;
 color:#fff!important
}
.nav-products-dropdown:hover>.nav-products-menu{
 opacity:1!important;
 visibility:visible!important;
 pointer-events:auto!important;
 transform:translate(-50%,0)!important
}
/* Hover bridge: eliminates the tiny gap between Products and menu. */
.nav-products-dropdown:after{
 content:""!important;
 position:absolute!important;
 left:0!important;
 top:100%!important;
 width:230px!important;
 height:8px!important;
 background:transparent!important;
 z-index:99999!important
}

/* =========================================================
   PRODUCT SPECIFICATION PAGES — HEADER CLEARANCE
   One shared rule for all six product pages.
   The floating header is fixed at top:14px and 116px high,
   so the document starts below it with a controlled 20px gap.
   ========================================================= */
body.product-detail-page{
  padding-top:150px !important;
  box-sizing:border-box !important;
}

body.product-detail-page .hdpe-hero{
  margin-top:0 !important;
  position:relative !important;
  z-index:1 !important;
}

/* Override the old HDPE-only spacing so it cannot double-stack. */

@media (max-width:1180px) and (min-width:901px){
  body.product-detail-page{
    padding-top:142px !important;
  }
}

@media (max-width:900px){
  body.product-detail-page{
    padding-top:108px !important;
  }
  body.product-detail-page .hdpe-hero{
    margin-top:0 !important;
  }
}

@media (max-width:480px){
  body.product-detail-page{
    padding-top:96px !important;
  }
}

/* FINAL: utility bar/header directly meets product hero */
body.product-detail-page{
  padding-top:0 !important;
}
body.product-detail-page .hdpe-hero{
  margin-top:0 !important;
  padding-top:0 !important;
}

@media (max-width:900px){
  body.product-detail-page{
    padding-top:0 !important;
  }
  body.product-detail-page .hdpe-hero{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}

/* =========================================================
   PRODUCT HERO — TOUCH THE BOTTOM OF THE UTILITY HEADER
   The hero top edge is deliberately aligned to the header's
   bottom edge. This is NOT an extra-gap layout.
   ========================================================= */
body.product-detail-page{
  padding-top:0 !important;
  margin-top:0 !important;
}

body.product-detail-page .hdpe-hero{
  margin-top:0 !important;
  padding-top:0 !important;
  position:relative !important;
  top:0 !important;
}

/* Header-to-hero contact point.
   The existing premium header occupies 104px from the top
   (utility/header stack); the hero is placed immediately after it. */
body.product-detail-page .hdpe-hero{
  margin-top:104px !important;
}

body.product-detail-page .hdpe-hero:first-child{
  margin-top:104px !important;
}

@media (max-width:900px){
  body.product-detail-page .hdpe-hero{
    margin-top:96px !important;
  }
}

@media (max-width:600px){
  body.product-detail-page .hdpe-hero{
    margin-top:88px !important;
  }
}

/* FINAL OVERLAP FIX — HERO STARTS AT THE ACTUAL BOTTOM OF FIXED HEADER */
body.product-detail-page .hdpe-hero{
  margin-top:130px !important;
  padding-top:0 !important;
  top:0 !important;
  position:relative !important;
  z-index:1 !important;
}

@media (max-width:900px){
  body.product-detail-page .hdpe-hero{
    margin-top:96px !important;
  }
}

@media (max-width:600px){
  body.product-detail-page .hdpe-hero{
    margin-top:86px !important;
  }
}

/* FINAL HEADER/HERO CONTACT — HEADER IS IN NORMAL DOCUMENT FLOW */
body.product-detail-page{
  padding-top:0 !important;
  margin-top:0 !important;
}

body.product-detail-page .hdpe-hero{
  margin-top:0 !important;
  padding-top:0 !important;
  top:0 !important;
  transform:none !important;
}

@media (max-width:900px){
  body.product-detail-page .hdpe-hero{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}

@media (max-width:600px){
  body.product-detail-page .hdpe-hero{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}

/* USER REQUEST: product hero first-child top margin */
body.product-detail-page .hdpe-hero:first-child {
  margin-top: 131px !important;
}

/* HDPE APPLICATIONS — FIXED, FULLY SCOPED */
.hdpe-details-row-two.hdpe-app-fixed{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  height:auto !important;
}
.hdpe-app-fixed-inner{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#fff !important;
  overflow:hidden !important;
}

.hdpe-app-fixed-heading h3{
  margin:0 !important;
  padding:0 !important;
  color:#10284f !important;
  font-family:Montserrat,Arial,sans-serif !important;
  font-size:30px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
}
.hdpe-app-fixed-heading span{
  display:block !important;
  width:58px !important;
  height:4px !important;
  margin:10px auto 9px !important;
  background:#c62828 !important;
}
.hdpe-app-fixed-heading p{
  margin:0 !important;
  padding:0 !important;
  color:#27364a !important;
  font-family:Montserrat,Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.4 !important;
}
.hdpe-app-fixed-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  width:100% !important;
  gap:2px !important;
  margin:0 !important;
  padding:0 !important;
}
.hdpe-app-fixed-tile{
  position:relative !important;
  width:100% !important;
  aspect-ratio:632 / 265 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#eef1f4 !important;
}
.hdpe-app-fixed-tile img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center !important;
}
.hdpe-app-fixed-label{
  position:absolute !important;
  z-index:2 !important;
  display:block !important;
  margin:0 !important;
  padding:7px 13px !important;
  background:#0b2347 !important;
  color:#fff !important;
  font-family:Montserrat,Arial,sans-serif !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
.hdpe-app-fixed-label::before{
  content:"" !important;
  display:inline-block !important;
  width:4px !important;
  height:17px !important;
  margin-right:8px !important;
  vertical-align:middle !important;
  background:#d71920 !important;
}
.hdpe-app-left{left:0 !important}
.hdpe-app-right{right:0 !important}
.hdpe-app-top{top:10px !important}

.hdpe-app-right::before{margin-right:0 !important;margin-left:8px !important}
.hdpe-app-fixed-features{
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#fff !important;
  border-top:1px solid #d9dee4 !important;
}
.hdpe-app-fixed-features>div{
  min-width:0 !important;
  height:142px !important;
  padding:13px 6px 9px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  box-sizing:border-box !important;
  border-right:1px solid #cfd5dd !important;
  overflow:hidden !important;
}
.hdpe-app-fixed-features>div:last-child{border-right:0 !important}
.hdpe-app-fixed-features>div>span{
  width:46px !important;
  height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 0 8px !important;
  color:#c62828 !important;
  font:32px/1 Arial,sans-serif !important;
}

.hdpe-app-fixed-features>div>i{
  display:block !important;
  width:29px !important;
  height:3px !important;
  margin:10px 0 0 !important;
  background:#c62828 !important;
}
@media(max-width:1050px){
  .hdpe-app-fixed-heading h3{font-size:24px !important}
  .hdpe-app-fixed-features{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media(max-width:700px){
  .hdpe-app-fixed-grid{grid-template-columns:1fr !important}
  .hdpe-app-fixed-tile{aspect-ratio:16/9 !important}
  .hdpe-app-fixed-features{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .hdpe-app-fixed-features>div{height:125px !important}
}

/* Pond Liner Structure Showcase */
.pond-structure-showcase{background:#f7fbfe;padding:42px 0 48px;color:#10284f}

@media(max-width:680px){.pond-structure-showcase{padding:30px 0 34px}}

/* POND LINER — HEADER / HERO CONTACT FIX
   Keep the shared product header styling, but remove the 22px
   vertical offset that caused the header to overlap the pond hero. */
body.pond-page .header-premium,
body.pond-page .header-premium.header-scrolled {
  top: 0 !important;
}
body.pond-page .pond-hero {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Final exact Brands V40 footer correction */
.brands-v40 .brands-v40-footer {
  margin-top: 20px !important;
  padding: 26px 22px !important;
  background: #082f66;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  margin-left: 68px;
  margin-right: 68px;
}
.brands-v40 .brands-v40-footer span {
  font-size: 15px !important;
}
.brands-v40 .brands-v40-footer a {
  font-size: 15px !important;
}

/* Final mfg-bottom specification */
.mfg-bottom {
  margin-top: 38px !important;
  border-top: 1px solid rgba(255, 255, 255, .18) !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  margin-left: 60px !important;
  margin-right: 60px !important;
}

/* Quote inner — requested 5% horizontal padding */
.wrap.quote-inner {
  padding-left: 5% !important;
  padding-right: 5% !important;
  box-sizing: border-box;
}

/* PVC Tarpaulin hero — transparent image/background */
body.product-detail-page .hdpe-hero-image {
  background: transparent !important;
}
body.product-detail-page .hdpe-hero-image img {
  background: transparent !important;
}

/* Final product-showcase specification */

.product-showcase {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
  margin-top: 35px;
}

/* HDPE application heading specification */
.hdpe-app-fixed-heading {
  width: 100% !important;
  padding: 50px 12px 16px !important;
  text-align: center !important;
}

/* PRODUCT SPECIFICATION + STRUCTURE — SIDE-BY-SIDE GRID */
.hdpe-details-row-one {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 28px !important;
  width: 100% !important;
}
.hdpe-details-row-one > .hdpe-spec-column,
.hdpe-details-row-one > .hdpe-structure-reference {
  min-width: 0 !important;
  width: 100% !important;
}
@media (max-width: 1100px) {
  .hdpe-details-row-one {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
}
@media (max-width: 700px) {
  .hdpe-details-row-one {
    grid-template-columns: 1fr !important;
  }
}

section.hdpe-details > .wrap.hdpe-details-two-rows {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 40px;
  box-sizing: border-box !important;
}

.pond-structure p {
  margin: 0px 0 22px;
  color: #dceaf3;
  font-size: 14px;
}

.pond-structure-showcase .pond-structure-title {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
  color: #fff !important;
  text-align: center !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 36px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

/* ===== Mobile navigation toggle (hamburger) — responsive fix ===== */

/* Fix: .header-premium-inner had a gap between 851-900px where it was already
   flex but never got justify-content, causing logo+quote to bunch left with
   a big empty gap on the right in that range. */
@media(max-width:900px){
  .header-premium-inner{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }
}

.header-premium-toggle{
  display:none;
  width:36px;height:36px;
  border:0;background:transparent;
  cursor:pointer;
  padding:0;
  flex:0 0 auto;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.header-premium-toggle span{
  display:block;width:24px;height:2px;background:#0c356d;border-radius:2px;
  transition:transform .2s ease,opacity .2s ease;
}
.header-premium-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.header-premium-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.header-premium-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media(max-width:900px){
  .header-premium-toggle{
    display:flex!important;
    margin-left:auto!important;
    margin-right:14px!important;
  }

  /* NOTE: an existing unconditional rule ".header-premium .header-premium-nav
     { display:flex !important }" elsewhere in this file has specificity
     (0,2,0) and beats a plain ".header-premium-nav{display:none}". These
     rules match that same specificity so the cascade resolves correctly. */
  .header-premium .header-premium-nav{
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;right:0!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100vh - 90px)!important;
    overflow-y:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    background:#fff!important;
    padding:6px 24px 22px!important;
    box-shadow:0 18px 32px rgba(8,35,70,.2)!important;
    gap:0!important;
    border-radius:0 0 16px 16px!important;
  }
  .header-premium .header-premium-nav.open{display:flex!important;}
  .header-premium .header-premium-nav>a{
    height:auto!important;
    width:100%!important;
    justify-content:flex-start!important;
    padding:14px 2px!important;
    border-bottom:1px solid #eef1f5!important;
    font-size:14px!important;
  }
  .header-premium .header-premium-nav>a:after{display:none!important;}
  .header-premium .header-premium-nav>.nav-products-dropdown{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
  }
  .header-premium .header-premium-nav>.nav-products-dropdown>.nav-products-toggle{
    height:auto!important;
    width:100%!important;
    justify-content:flex-start!important;
    padding:14px 2px!important;
    border-bottom:1px solid #eef1f5!important;
    font-size:14px!important;
    pointer-events:none!important;
  }
  .header-premium .header-premium-nav>.nav-products-dropdown .nav-chevron{display:none!important;}
  .header-premium .header-premium-nav>.nav-products-dropdown>.nav-products-menu{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:#f7f9fc!important;
    border:0!important;
    border-radius:8px!important;
    box-shadow:none!important;
    padding:2px 0 8px!important;
    margin:0 0 6px!important;
  }
  .header-premium .header-premium-nav>.nav-products-dropdown>.nav-products-menu:before{display:none!important;}
  .header-premium .header-premium-nav>.nav-products-dropdown>.nav-products-menu>a{
    color:#0c356d!important;
    padding:10px 16px!important;
    font-size:13px!important;
    border-bottom:1px solid #e6ebf2!important;
    background:transparent!important;
  }
  .header-premium .header-premium-nav>.nav-products-dropdown>.nav-products-menu>a:hover{background:#eef3f8!important;color:#0c356d!important;}
}

/* Extra-narrow phones (iPhone SE etc.) — the 480px sizes still don't leave
   enough room once the hamburger toggle is added alongside the logo and
   quote button, causing overflow at ~320-360px. */
@media(max-width:360px){
  .header-premium-logo{width:110px!important;flex-basis:110px!important}
  .header-premium-quote{width:88px!important;min-width:88px!important;font-size:8px!important;padding:0 6px!important}
  .header-premium-toggle{margin-right:6px!important}
}

/* Fix: .header-premium-logo img/span were never actually scaled down to
   match their shrinking container at any breakpoint below ~1900px — the
   container correctly narrows via media queries, but the image/text inside
   stayed at a fixed pixel width and silently overflowed past the container
   (invisible to width-based overflow checks since the container itself
   has overflow:visible, so it doesn't stretch — the image just visually
   spills out over whatever sits next to it, in this case now overlapping
   the new mobile menu button). Clamping to the container's own width fixes
   every breakpoint at once without touching the desktop-only case where it
   already fits. */
.header-premium-logo img{max-width:100%!important}

/* Fix: .product-showcase has 5 duplicate copies of the same rule across
   different media queries (1000/850/520px) that were clearly meant to be
   progressively narrower, but all 5 are identical repeat(3,1fr) — no
   mobile stacking was ever actually written, so the product cards render
   as 3 columns of ~82px on a phone. */
@media(max-width:900px){
  .product-showcase{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}
}
@media(max-width:560px){
  .product-showcase{grid-template-columns:1fr!important;gap:18px!important}
}

/* Fix: .brands-v40-grid's base rule has grid-template-columns with
   !important, but the responsive 1-column attempt at a narrower breakpoint
   doesn't have !important — so the 2-column layout always won regardless
   of screen size, making both brand cards cramped and hard to read on
   phones. */
@media(max-width:700px){
  .brands-v40-grid{grid-template-columns:1fr!important}
}

/* Fix: a "Final mfg-bottom specification" rule near the end of this file
   unconditionally re-asserts grid-template-columns:repeat(3,1fr)!important
   at every screen size, undoing the @media(max-width:900px) single-column
   stacking rule that appears earlier — the manufacturing "QUALITY MINDED"
   etc. cards were rendering as 3 squeezed columns with overflowing text. */
@media(max-width:900px){
  .mfg-bottom{grid-template-columns:1fr!important}
  .mfg-bottom>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important}
  .mfg-bottom>div:last-child{border-bottom:0!important}
}

/* Fix: .strength-grid items (the 5 feature badges: Premium Quality,
   Advanced Technology, etc.) use grid-template-columns:repeat(5,1fr), but
   grid items have an implicit min-width:auto that prevents them shrinking
   below their own text's natural width — "ADVANCED TECHNOLOGY" etc. forced
   the row wider than its container at some screen sizes. */
.strength-grid>.strength{min-width:0!important}

/* Fix: .hdpe-app-fixed-label uses white-space:nowrap with a long label
   ("AGRICULTURAL HAY & CROP PROTECTION"), which is wider than its card at
   mobile widths. Since it's anchored with right:0, the overflow spills off
   the left edge of the screen instead of just clipping, cutting off the
   first few letters. Allow wrapping and constrain to the card width. */
@media(max-width:600px){
  .hdpe-app-fixed-label{
    white-space:normal!important;
    max-width:calc(100% - 26px)!important;
    font-size:11px!important;
  }
}

/* Move the "Request a Quote" button inside the mobile menu panel (as its
   own prominent button at the bottom), and let the hamburger sit alone at
   the right of the collapsed mobile header. */
.header-premium-quote-mobile{display:none}

@media(max-width:900px){
  .header-premium-quote{display:none!important}
  .header-premium-toggle{margin-right:0!important}

  .header-premium .header-premium-nav>.header-premium-quote-mobile{
    display:block!important;
    margin-top:14px!important;
    padding:15px 0!important;
    background:#f24730!important;
    color:#fff!important;
    text-align:center!important;
    border-radius:8px!important;
    font-weight:800!important;
    font-size:14px!important;
    border-bottom:0!important;
  }
}