@media (max-width: 767px) { .hp-hide-mobile { display: none !important; } }
@media (min-width: 768px) and (max-width: 1199px) { .hp-hide-tablet { display: none !important; } }
@media (min-width: 1200px) { .hp-hide-desktop { display: none !important; } }

:root{
  --primary:#fad845;
  --secondary:#0d6efd;
  --accent:#ffc107;
  --bg:#ffffff;
  --text:#333333;
  --border:3px solid var(--text);
  --border-thin:1.5px solid var(--text);
  --fs-lede:clamp(24px,3.8vw,42px);
  --fs-display:clamp(40px,6.5vw,88px);
  --fs-h2:clamp(22px,3vw,36px);
  --fs-h3:clamp(16px,1.9vw,22px);
  --fs-body:clamp(14px,1vw,16px);
  --fs-small:13px;
  --fs-eyebrow:11px;
  --mono:"Courier New",Courier,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Barlow Semi Condensed",sans-serif;
  background:var(--bg);
  color:var(--text);
  font-size:var(--fs-body);
  line-height:1.4;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit}

h1,h2,h3,h4{font-family:"Epilogue",sans-serif;line-height:1.05}
.eyebrow{
  font-size:var(--fs-eyebrow);
  text-transform:uppercase;
  letter-spacing:.22em;
  font-weight:600;
}
.ascii{
  font-family:var(--mono);
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  border-top:var(--border-thin);
  border-bottom:var(--border-thin);
  padding:4px 0;
  letter-spacing:2px;
  user-select:none;
}
.section-title{
  font-size:var(--fs-h2);
  text-transform:uppercase;
  text-decoration:underline;
  text-underline-offset:6px;
  font-weight:900;
  margin-bottom:1.2rem;
}
section{padding:clamp(1.6rem,4vw,3.2rem) clamp(1rem,3.5vw,2.8rem)}

/* HEADER */
#site-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px clamp(1.2rem,5vw,4rem);
  border-bottom:var(--border-thin);
  background:var(--bg);
}
#site-header img{height:48px;width:auto}
.header-phone{
  font-size:var(--fs-small);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:600;
}

/* HERO */
#hero-form{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:clamp(1.5rem,4vw,3.5rem);
  align-items:start;
  padding-top:clamp(2.5rem,5vw,4.5rem);
  padding-bottom:clamp(2.5rem,5vw,4.5rem);
}
.lede-block{align-self:center}
.lede-block .eyebrow{margin-bottom:1.4rem;display:block}
.lede{
  font-family:"Epilogue",sans-serif;
  font-size:var(--fs-lede);
  font-weight:800;
  line-height:1.05;
  max-width:18em;
}
.lede .title-phrase{text-decoration:underline;text-underline-offset:4px}
.lede .lede-sub{font-weight:400;font-size:.62em;line-height:1.2;display:block;margin-top:.7em}
.lede-cta{
  display:inline-block;
  margin-top:1.6rem;
  font-size:var(--fs-small);
  text-transform:uppercase;
  letter-spacing:.12em;
  text-decoration:underline;
  text-underline-offset:4px;
  font-weight:600;
}

.lede-cta:hover{background:rgb(250,216,69) !important;color:#111 !important;text-decoration:none;border-color:rgb(250,216,69) !important;}.lede-cta:hover span{color:#111 !important;}

/* FORM */
#quote-form{
  background:var(--primary);
  border:var(--border);
  padding:clamp(1.2rem,2.5vw,1.8rem);
}
#quote-form h2{
  font-size:var(--fs-h3);
  text-transform:uppercase;
  text-decoration:underline;
  text-underline-offset:4px;
  margin-bottom:1rem;
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.field{display:flex;flex-direction:column}
.field.full{grid-column:1/-1}
.field label{
  font-size:var(--fs-small);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:600;
  margin-bottom:3px;
}
.field input,.field select,.field textarea{
  font-family:"Barlow Semi Condensed",sans-serif;
  font-size:var(--fs-body);
  border:var(--border-thin);
  background:var(--bg);
  padding:.5rem;
  border-radius:8px;
  width:100%;
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:3px solid var(--secondary);
  outline-offset:0;
}
.field textarea{resize:vertical;min-height:70px}
.field input[type=file]{padding:.35rem;background:var(--bg);font-size:var(--fs-small)}
.field .err{background:var(--text);color:#ffffff;font-size:11px;padding:2px 5px;margin-top:3px;display:none;text-transform:uppercase;letter-spacing:.05em}
.field.invalid .err{display:block}
.field.invalid input,.field.invalid select,.field.invalid textarea{outline:3px solid var(--secondary)}
.submit-btn{
  grid-column:1/-1;
  background:var(--secondary);
  color:#fff;
  border:var(--border);
  font-family:"Epilogue",sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:var(--fs-body);
  padding:1rem;
  cursor:pointer;
  transition:background .18s ease,color .18s ease;
  border-radius:10px;
  width:70%;
  display:block;
  margin:0 auto;
}

.submit-btn:hover{background:var(--text);color:var(--primary)}
.risk-badge{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:.5rem;
  border:var(--border-thin);
  background:var(--bg);
  padding:.5rem .7rem;
  font-size:var(--fs-small);
  margin-top:.6rem;
  font-weight:500;
}
.risk-badge .shield{font-weight:900}

/* TRUST BAR */
#trust-bar { display: block; padding: 0; }
#trust-bar .hero-photo{border:var(--border);overflow:hidden}
#trust-bar .hero-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}
.metrics{display:flex;flex-direction:column;gap:1.5rem}
.metric{border-bottom:var(--border)}
.metric:last-child{border-bottom:none}
.metric .num{font-family:"Epilogue",sans-serif;font-weight:900;font-size:var(--fs-display);line-height:.9}
.metric.fill{background:var(--primary);border:var(--border);padding:1rem 1.2rem}
.metric .lbl{font-size:var(--fs-body);text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-top:.4rem}
.badge-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.9rem;margin-top:1.5rem;align-items:stretch}
.badge{
  border:var(--border);
  padding:.9rem;
  text-transform:uppercase;
  font-size:var(--fs-small);
  font-weight:600;
  letter-spacing:.05em;
  transition:background .18s ease,color .18s ease;
}
.badge strong{display:block;font-family:"Epilogue",sans-serif;font-weight:900;font-size:var(--fs-h3);letter-spacing:0}

.cert-detail{border:var(--border);overflow:hidden;grid-column:span 1}
.cert-detail img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.trust-foot{margin-top:1.4rem;font-size:var(--fs-body);text-transform:uppercase;letter-spacing:.05em;font-weight:600;border-left:8px solid var(--primary);padding-left:.8rem}

/* PRODUCTS */
#products{}

.prod-img{border:var(--border);overflow:hidden}
.prod-img.cab img{width:100%;object-fit:cover;aspect-ratio:3/4}
.prod-img.crew img{width:100%;object-fit:cover;aspect-ratio:4/3}
.prod-img .cap{font-family:var(--mono);font-size:11px;padding:5px;border-top:var(--border-thin);text-transform:uppercase}
.prow .pname { font-family:"Epilogue",sans-serif; font-weight:700; font-size:clamp(13px,1.1vw,16px); text-transform:uppercase; padding:.8rem 1rem .3rem; color:var(--text); }
.prow .pprice { font-size:clamp(14px,1.1vw,16px); font-weight:600; color:var(--text); padding:.1rem 1rem .8rem; } .pprice small { display:inline; font-size:.8em; font-weight:400; margin-right:.25em; color:#666; }
.prow .pprice small{display:block;font-size:11px;font-weight:400;text-transform:uppercase}
.prow .pcta { display:block; margin:auto 1rem 1rem; padding:.7rem 1rem; background:var(--primary); color:var(--text); font-family:"Barlow Semi Condensed",sans-serif; font-weight:700; font-size:clamp(13px,1vw,15px); text-transform:uppercase; letter-spacing:.1em; text-align:center; text-decoration:none; border-radius:8px; border:2px solid var(--text); margin-top:auto; }

.prow:hover .pprice { font-size:clamp(14px,1.1vw,16px); font-weight:600; color:var(--text); padding:.1rem 1rem .8rem; } .pprice small { display:inline; font-size:.8em; font-weight:400; margin-right:.25em; color:#666; }
.prow:hover .pcta { display:block; margin:auto 1rem 1rem; padding:.7rem 1rem; background:var(--primary); color:var(--text); font-family:"Barlow Semi Condensed",sans-serif; font-weight:700; font-size:clamp(13px,1vw,15px); text-transform:uppercase; letter-spacing:.1em; text-align:center; text-decoration:none; border-radius:8px; border:2px solid var(--text); margin-top:auto; }
.prow .pcta:hover{background:#111;color:rgb(250,216,69);}

/* HOW IT WORKS */
#how-it-works .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}
.step{border:var(--border);padding:1.2rem 1rem;display:flex;flex-direction:column}
.step:nth-child(odd){background:var(--primary)}
.step .sn{font-family:"Epilogue",sans-serif;font-weight:900;font-size:var(--fs-display);line-height:.85;color:var(--secondary)}
.step:nth-child(odd) .sn{color:var(--text)}
.step h3{font-size:var(--fs-h3);text-transform:uppercase;margin:.6rem 0 .4rem}
.step p{font-size:var(--fs-body)}
.hiw-cta-wrap{margin-top:1.8rem}
.btn-blue{
  display:inline-block;
  background:var(--secondary);
  color:#fff;
  border:var(--border);
  font-family:"Epilogue",sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:var(--fs-body);
  padding:1rem 1.6rem;
  text-decoration:none;
  transition:background .18s ease,color .18s ease;
}
.btn-blue:hover{background:var(--text);color:var(--primary)}

/* APPLICATIONS */
#applications .app-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  grid-template-rows:auto auto;
  gap:1rem;
  margin-top:1.5rem;
}
.app-img{border:var(--border);overflow:hidden}
.app-img img{width:100%;height:100%;object-fit:cover;display:block}
.app-img.wide{grid-column:1/-1}
.app-img.wide img{aspect-ratio:16/9}
.app-img.inst img{aspect-ratio:4/3}
.app-img.res img{aspect-ratio:4/3}
.sectors{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-top:.5rem}
.sector{
  border:var(--border);
  padding:.9rem;
  text-transform:uppercase;
  font-family:"Epilogue",sans-serif;
  font-weight:800;
  font-size:var(--fs-h3);
  transition:background .18s ease,color .18s ease;
}
.sector:hover{background:var(--text);color:var(--bg)}
.app-emph{margin-top:1.4rem;font-size:var(--fs-body);font-weight:600;border-left:8px solid var(--primary);padding-left:.9rem;text-transform:uppercase;letter-spacing:.03em}

/* LOGOS */
#logos .logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}
.logo-box{
  border:var(--border);
  padding:1.4rem .8rem;
  text-align:center;
  font-family:var(--mono);
  font-weight:700;
  text-transform:uppercase;
  font-size:var(--fs-h3);
  letter-spacing:1px;
  transition:background .18s ease,color .18s ease;
}
.logo-box:hover{background:var(--text);color:var(--bg)}

/* FAQ */
#faq .acc{border:var(--border);margin-top:1.5rem}
.acc-item{border-bottom:var(--border)}
.acc-item:last-child{border-bottom:none}
.acc-q{
  width:100%;
  text-align:left;
  background:var(--bg);
  border:none;
  font-family:"Epilogue",sans-serif;
  font-weight:800;
  font-size:var(--fs-h3);
  padding:1rem 1.2rem;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  transition:background .18s ease,color .18s ease;
}
.acc-q:hover,.acc-item.open .acc-q{background:var(--text);color:var(--bg)}
.acc-q .pm{font-family:var(--mono);font-weight:700;flex-shrink:0}
.acc-a{display:none;padding:0 1.2rem 1.2rem;font-size:var(--fs-body);max-width:70ch}
.acc-item.open .acc-a{display:block}


/* FINAL CTA */
#final-cta{
  background:var(--secondary);
  color:#fff;
  position:relative;
}
.final-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
#final-cta h2{
  font-size:var(--fs-h2);
  text-transform:uppercase;
  text-decoration:underline;
  text-underline-offset:6px;
  font-weight:900;
  margin-bottom:1rem;
}
#final-cta p{font-size:var(--fs-body);margin-bottom:1.4rem}
.btn-yellow{
  display:inline-block;
  background:var(--primary);
  color:var(--text);
  border:var(--border);
  border-color:#fff;
  font-family:"Epilogue",sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:var(--fs-h3);
  padding:1.1rem 1.8rem;
  text-decoration:none;
  transition:background .18s ease,color .18s ease;
}
.btn-yellow:hover{background:var(--text);color:var(--primary)}
.final-risk{display:inline-flex;align-items:center;gap:.5rem;border:2px solid #fff;padding:.5rem .8rem;font-size:var(--fs-small);margin-top:1rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.contact-list{list-style:none;border:var(--border);border-color:#fff;background:var(--secondary)}
.contact-list li{border-bottom:2px solid #fff;padding:.8rem 1rem;font-family:var(--mono);font-size:var(--fs-body)}
.contact-list li:last-child{border-bottom:none}
.contact-list li span{display:block;font-family:"Barlow Semi Condensed",sans-serif;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em;opacity:.85}
.final-img{border:var(--border);border-color:#fff;overflow:hidden;margin-top:1.5rem;grid-column:1/-1}
.final-img img{width:100%;aspect-ratio:16/9;object-fit:cover}

/* STICKY CTA */
#sticky-cta{
  position:fixed;
  bottom:0;left:0;right:0;
  background:var(--primary);
  border-top:var(--border);
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.7rem clamp(1rem,4vw,2rem);
  z-index:50;
}
#sticky-cta.show{display:flex}
#sticky-cta .sc-txt{font-family:"Epilogue",sans-serif;font-weight:800;text-transform:uppercase;font-size:var(--fs-small);letter-spacing:.04em}
#sticky-cta a{
  background:var(--secondary);color:#fff;border:var(--border-thin);
  font-family:"Epilogue",sans-serif;font-weight:900;text-transform:uppercase;
  font-size:var(--fs-small);padding:.7rem 1rem;text-decoration:none;white-space:nowrap;
  transition:background .18s ease,color .18s ease;
}
#sticky-cta a:hover{background:var(--text);color:var(--primary)}

footer{padding:2rem clamp(1.2rem,5vw,4rem);border-top:var(--border);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.05em;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}

@media(max-width:1024px){
  #trust-bar{grid-template-columns:1fr}
  .products-wrap{grid-template-columns:1fr}
  #how-it-works .steps{grid-template-columns:repeat(2,1fr)}
  #applications .app-grid{grid-template-columns:1fr}
  #logos .logo-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  #hero-form{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .field.half{grid-column:auto}
  #how-it-works .steps{grid-template-columns:1fr}
  #logos .logo-grid{grid-template-columns:repeat(2,1fr)}
  .badge-row{grid-template-columns:1fr}
  .final-grid{grid-template-columns:1fr}
  .price-table{grid-template-columns:1fr!important;gap:.4rem}
  .products-wrap{padding:.8rem .5rem!important}
  .prow-img{aspect-ratio:1/1;max-height:none}
  .prow .pname{font-size:11px;padding:.5rem .6rem .2rem}
  .pprice{font-size:12px;padding:.1rem .6rem .5rem}
  .pbtn-row{padding:0 .6rem .3rem;gap:.3rem;flex-direction:column}
  .pfolleto,.pgallery{font-size:10px;padding:.35rem .5rem;text-align:center;width:100%;box-sizing:border-box}
  .pcta,.prow .pcta{margin:.3rem .6rem .6rem;padding:.5rem .6rem;font-size:12px}
  .prow .pcta { display:block; margin:auto 1rem 1rem; padding:.7rem 1rem; background:var(--primary); color:var(--text); font-family:"Barlow Semi Condensed",sans-serif; font-weight:700; font-size:clamp(13px,1vw,15px); text-transform:uppercase; letter-spacing:.1em; text-align:center; text-decoration:none; border-radius:8px; border:2px solid var(--text); margin-top:auto; }
}


.price-table { display:grid; grid-template-columns:repeat(3,minmax(0,350px)); gap:2.5rem; justify-content:center; }
.prow { display:flex; flex-direction:column; align-items:stretch; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.07); padding:0; }
.prow-img { width:100%; aspect-ratio:4/3; object-fit:contain; background:#f5f5f5; display:block; cursor:zoom-in; max-height:200px; }
@media(max-width:640px){
  
  .pprice { font-size:clamp(14px,1.1vw,16px); font-weight:600; color:var(--text); padding:.1rem 1rem .8rem; } .pprice small { display:inline; font-size:.8em; font-weight:400; margin-right:.25em; color:#666; }
  .pcta { display:block; margin:auto 1rem 1rem; padding:.7rem 1rem; background:var(--primary); color:var(--text); font-family:"Barlow Semi Condensed",sans-serif; font-weight:700; font-size:clamp(13px,1vw,15px); text-transform:uppercase; letter-spacing:.1em; text-align:center; text-decoration:none; border-radius:8px; border:2px solid var(--text); margin-top:auto; }
  
}

.pfolleto { display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:.4rem .7rem; border:1.5px solid var(--text); border-radius:6px; background:#fff; color:var(--text); text-decoration:none; white-space:nowrap; }
.pfolleto:hover { background:#f8d844; color:#111; opacity:1; }

.pgallery { display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:.4rem .7rem; border:1.5px solid var(--text); border-radius:6px; background:#fff; color:var(--text); text-decoration:none; white-space:nowrap; }
.pgallery:hover { background:#f8d844; color:#111; }
#lb-nav { display:flex; align-items:center; justify-content:space-between; position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); padding:0 12px; pointer-events:none; }
#lb-prev, #lb-next { pointer-events:all; background:rgba(0,0,0,.55); border:none; color:#fff; font-size:2rem; cursor:pointer; border-radius:50%; width:48px; height:48px; display:flex; align-items:center; justify-content:center; transition:background .18s; }
#lb-prev:hover, #lb-next:hover { background:rgba(248,216,68,.85); color:#111; }
#lb-counter { position:absolute; bottom:52px; left:50%; transform:translateX(-50%); color:#fff; font-size:0.8rem; opacity:0.7; }

#products { background:#f5f5f5; } .products-wrap { display:block; padding:2rem 3rem; }
.products-building { position:relative; min-height:300px; overflow:hidden; border-radius:4px; }
.products-building img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
@media(max-width:768px){
  .products-wrap { grid-template-columns:1fr; }
  .products-building { min-height:220px; position:relative; }
  .products-building img { position:absolute; }
}

.factory-address { font-size:0.88rem; color:var(--text); opacity:0.85; margin-top:0.6rem; line-height:1.5; text-align:center; }
.building-col { display:flex; flex-direction:column; }
@media(max-width:480px) {
  .hero-photo img { max-width:100%; height:auto; }
  .badge-row { display:flex; flex-direction:column; align-items:center; gap:1rem; }
  .badge { width:100%; max-width:280px; }
  .logo-grid { grid-template-columns:repeat(2,1fr) !important; gap:0.8rem; }
  .logo-box img { width:auto !important; max-width:100% !important; }
  .logo-box { padding:0.4rem; min-height:80px; display:flex; align-items:center; justify-content:center; }
  #trust-bar { padding: 1.5rem 1rem; }
  .metrics { flex-direction:column; gap:1rem; }
  .metric .num { font-size:clamp(2rem,10vw,3.5rem) !important; }
  #site-header img { max-width:140px; }
  .header-phone { font-size:0.75rem; }
  section { padding-left:1rem; padding-right:1rem; box-sizing:border-box; }
  * { max-width:100%; box-sizing:border-box; }
  img { max-width:100%; height:auto; }
}

html, body { max-width:100%; overflow-x:hidden; }


@media(max-width:768px) {
  html, body { max-width:100vw; overflow-x:hidden; }
  section, header, footer, div { max-width:100%; }
  #trust-bar { grid-template-columns:1fr; padding:1.5rem 1rem; display:flex !important; flex-direction:column !important; }
  .hero-photo { width:100% !important; max-width:100% !important; }
  .hero-photo img { width:100% !important; height:auto !important; max-width:100% !important; display:block; }
  .metrics { display:flex !important; flex-direction:column !important; gap:1rem; }
  .metric .num { font-size:clamp(2rem,10vw,3.5rem) !important; }
  .badge-row { display:flex !important; grid-template-columns:1fr; gap:1.2rem; width:100%; flex-direction:column !important; align-items:flex-start !important; }
  .badge { max-width:100%; width:100%; }
  .cert-detail { display:none; }
  #logos .logo-grid { grid-template-columns:repeat(2,1fr) !important; gap:0.8rem; }
  .logo-box img { width:auto !important; max-width:80% !important; height:auto !important; max-height:70px !important; object-fit:contain !important; }
  
  .pprice { font-size:clamp(14px,1.1vw,16px); font-weight:600; color:var(--text); padding:.1rem 1rem .8rem; } .pprice small { display:inline; font-size:.8em; font-weight:400; margin-right:.25em; color:#666; }
  
  .products-wrap { grid-template-columns:1fr !important; }
  .final-grid { grid-template-columns:1fr; }
  .form-grid { grid-template-columns:1fr; }
  .field.half { grid-column:auto; }
  img { max-width:100%; height:auto; }
  .ascii { white-space:nowrap; overflow:hidden; max-width:100%; letter-spacing:0; font-size:10px; }
  .metrics-wrap { width:100%; }
  #logos section, #logos { padding-left:1rem !important; padding-right:1rem !important; }
  section { padding-left:1rem !important; padding-right:1rem !important; overflow:hidden; }
  .contact-list { width:100%; }
  .final-img { display:none; }
}



.field input:required:invalid:not(:placeholder-shown),
.field select:required:invalid { border-color:#ffffff; }
.field .err { color:#ffffff; font-size:0.7rem; display:none; }
.field.invalid .err { display:block; }

.pbtn-row { display:flex; gap:.5rem; padding:0 1rem .5rem; }
@media(max-width:768px){
  #fabricantes > div{grid-template-columns:1fr}
  #fabricantes > div > div:last-child{min-height:280px}
.badge-row .badge:nth-child(1),
  .badge-row .badge:nth-child(2){
    border-right:none!important;
    border-bottom:1.5px solid rgba(51,51,51,0.2);
    padding-bottom:1rem;
  }
}

@media(min-width:769px){
  .badge-row .badge:nth-child(1),
  .badge-row .badge:nth-child(2){
    border-right:1.5px solid rgba(51,51,51,0.2);
  }
#hero-carousel{
    margin-left:clamp(1rem,4vw,3rem);
  }
}


@media(max-width:768px){
  #highlights > div { grid-template-columns:1fr!important; width:100%; box-sizing:border-box; }
  #highlights > div > div { border-right:none!important; border-bottom:1.5px solid rgba(255,255,255,0.15); padding:1.2rem 1rem; width:100%; box-sizing:border-box; }
  #highlights > div > div:last-child { border-bottom:none; }
  #hero-carousel {
    max-width:100%!important;
    width:100%!important;
    margin:1rem 0!important;
  }
  #hero-carousel .hc-slide {
    min-width:100%;
  }
  #highlights {padding:1.5rem 1rem!important;overflow:hidden;}
}


@media(min-width:769px){
  #hero-carousel{margin:2rem 0 2rem clamp(0.8rem,3vw,2rem)!important;}
}
@media(max-width:768px){
  #hero-carousel{max-width:100%!important;width:100%!important;margin:1rem 0!important;}
}
#logos .logo-box, #logos .logo-box *{ cursor:default !important; pointer-events:none; }
.pinfo:hover{background:#fad845!important;color:#333!important;}

@media (max-width: 767px){
[data-nova-id="n-ny9qiba"]{max-width:150%!important;height:40px!important}
[data-nova-id="n-sr3jubv"]{font-size:26px!important}
[data-nova-id="n-7b35iab"]{max-width:100%!important}
[data-nova-id="n-0pzps0o"]{position:static!important;width:355px!important;display:block!important}
}



a.lede-cta:hover, a.lede-cta:active { 
  background-color: rgb(250, 216, 69) !important; border-color: rgb(250, 216, 69) !important; 
  color: #111 !important; 
} 
a.lede-cta:hover span, a.lede-cta:active span { 
  color: #111 !important; 
}


/* === FABRICANTES === */
  #fabricantes { margin: 0 !important; }
  #fabricantes + section { margin-top: 0 !important; }

  /* === TRUST-BAR CAROUSEL: constrained, centered === */
  #factory-carousel {
    max-width: 900px !important;
    margin: 0 auto !important;
  }

  /* === METRICS: 3-col on desktop === */
  #metrics-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
  #certs-row {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
  }

  /* === MOBILE overrides === */
  @media (max-width: 767px) {

    /* Fabricantes: image on top, text below */
    #fabricantes > div {
      display: flex !important;
      flex-direction: column-reverse !important;
    }
    #fabricantes > div > div:first-child {
      width: 100% !important;
      min-height: 0 !important;
    }
    #fabricantes > div > div:last-child {
      width: 100% !important;
      min-height: 220px !important;
      height: 220px !important;
    }

    /* Yellow cards: stack 1 per row */
    #fabricantes + section > div {
      grid-template-columns: 1fr !important;
    }
    /* Also target the section with the 3 yellow cards by background */
    section[style*="background-color: rgb(0, 0, 0)"] > div,
    section[style*="background-color: rgb(252, 216, 70)"] > div {
      grid-template-columns: 1fr !important;
    }

    /* Footer: stack on mobile */
    body > section:last-of-type > div {
      grid-template-columns: 1fr !important;
      gap: 2rem !important;
    }
    body > section:last-of-type > div > div:last-child {
      align-items: flex-start !important;
    }

    /* Metrics: stack on mobile (already natural since grid is reset) */
    #metrics-grid {
      grid-template-columns: 1fr !important;
      gap: 1rem !important;
    }
    #certs-row {
      grid-template-columns: 1fr !important;
    }

    /* Trust-bar carousel: full width on mobile */
    #factory-carousel {
      max-width: 100% !important;
    }
/* Ensure "Encuentra con NOSOTROS" text is visible above button */
    #fabricantes > div > div:first-child {
      min-height: 280px !important;
      justify-content: center !important;
    }
    /* Yellow cards section: prevent overflow cutting */
    #fabricantes + section,
    section[style*="background-color: rgb(0, 0, 0)"] {
      overflow: visible !important;
      height: auto !important;
    }
    section[style*="background-color: rgb(0, 0, 0)"] > div {
      grid-template-columns: 1fr !important;
      overflow: visible !important;
    }
    /* Yellow card items: full width */
    section[style*="background-color: rgb(0, 0, 0)"] > div > div {
      border-right: none !important;
      width: 100% !important;
    }
  }



  


@media (max-width: 768px) {
    .logo-grid {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 0.5rem;
    }
    .logo-box {
      padding: 0.6rem 0.4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 70px;
    }
    #logos .logo-box img {
      max-width: 85% !important;
      max-height: 50px !important;
      width: auto !important;
      height: auto !important;
      object-fit: contain !important;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: crisp-edges;
    }
}