/* TGC Mobile Hotfix v5 — final visual tightening based on latest iPhone review */
@media (max-width: 760px){
  /* overflow-x:hidden was removed here: it hid the broken tablet/desktop nav
     layout instead of fixing it. See assets/css/tgc-foundation.css. */
  html, body{background:#f7fafc !important;}
  .floating-rfq{display:none !important; visibility:hidden !important; pointer-events:none !important; opacity:0 !important;}

  /* keep sections from feeling oversized on iPhone */
  .tgc-final-container{width:min(100% - 28px, 1180px) !important;}
  .tgc-section-head span{ letter-spacing:.24em !important; margin-bottom:10px !important;}
  .tgc-section-head h2{ margin-bottom:10px !important;}
  .tgc-section-head p{ max-width:34em !important; margin-inline:auto !important;}

  /* Hero: keep premium but reduce tall feeling */
  .tgc-hero-wrap{padding:40px 0 30px !important; gap:14px !important;}
  .tgc-hero-content h1{ margin-bottom:9px !important;}
  .tgc-hero-content h2{ margin-bottom:11px !important;}
  .tgc-hero-actions{margin-top:15px !important;}
  .tgc-hero-card{margin-top:12px !important; padding:8px 12px !important; border-radius:18px !important;}
  .tgc-hero-card div{padding:7px 0 !important;}
  .tgc-hero-card strong{font-size:21px !important;}
  .tgc-hero-card span{font-size:11.8px !important;}

  /* Why TGC: less empty, more balanced */
  .tgc-value-grid{gap:13px !important;}
  .tgc-value-card{padding:18px 18px 19px !important; border-radius:20px !important; box-shadow:0 10px 28px rgba(8,30,54,.055) !important;}
  .tgc-card-code{font-size:11.5px !important; margin:0 0 9px !important;}
  .tgc-value-card h3{font-size:19.5px !important; line-height:1.38 !important; margin-bottom:7px !important;}
  .tgc-value-card p{font-size:13.2px !important; line-height:1.85 !important;}

  /* Product cards: clean vertical catalog cards */
  .tgc-product-group + .tgc-product-group{margin-top:36px !important;}
  .tgc-product-group h3{font-size:25px !important; margin-bottom:16px !important; line-height:1.32 !important;}
  .tgc-product-card{border-radius:22px !important; margin-bottom:16px !important; overflow:hidden !important; box-shadow:0 14px 38px rgba(8,30,54,.075) !important;}
  .tgc-product-card img{height:178px !important; min-height:178px !important; max-height:178px !important; width:100% !important; object-fit:cover !important; object-position:center !important; display:block !important;}
  .tgc-product-card>div{padding:18px 16px 20px !important; text-align:center !important;}
  .tgc-product-card h4{font-size:20px !important; line-height:1.35 !important; margin:0 0 7px !important;}
  .tgc-product-card p{font-size:13.2px !important; line-height:1.65 !important; margin:0 0 5px !important;}
  .tgc-product-card small{font-size:12.8px !important; line-height:1.65 !important;}
  .tgc-mini-actions{justify-content:center !important; gap:10px !important; padding-top:12px !important;}
  .tgc-mini-actions a{min-width:118px !important; padding:10px 14px !important; border-radius:999px !important; font-size:12.8px !important; text-align:center !important;}

  /* Industries: currently too blank; make cards compact and more intentional */
  .tgc-industry-grid{gap:13px !important;}
  .tgc-industry-grid a{
    min-height:auto !important;
    padding:18px 18px 18px 56px !important;
    border-radius:20px !important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
    box-shadow:0 10px 28px rgba(8,30,54,.055) !important;
  }
  .tgc-industry-grid a:before{
    position:absolute !important;
    left:17px !important;
    top:20px !important;
    width:25px !important;
    height:25px !important;
    border-radius:9px !important;
    margin:0 !important;
    background:linear-gradient(135deg,#e4f6fb,#ffffff) !important;
    border:1px solid #d5edf5 !important;
  }
  .tgc-industry-grid a:after{width:48px !important;height:48px !important;inset-inline-end:auto !important;left:-18px !important;bottom:-18px !important;opacity:.7 !important;}
  .tgc-industry-grid b{font-size:18px !important; line-height:1.45 !important; margin:0 0 5px !important;}
  .tgc-industry-grid span{font-size:13px !important; line-height:1.8 !important;}

  /* Dark standards + CTA: avoid overly tall boxes */
  .tgc-badges{gap:8px !important;}
  .tgc-badges span{padding:8px 11px !important; font-size:11.4px !important; border-radius:999px !important;}
  .tgc-safe-copy{padding:17px 16px !important; font-size:13.2px !important; line-height:1.9 !important;}
  .tgc-final-cta .tgc-section-head h2{color:#fff !important; -webkit-text-fill-color:#fff !important;}
}

@media (max-width: 420px){
  .tgc-final-container{width:min(100% - 24px, 1180px) !important;}
  .tgc-product-card img{height:168px !important; min-height:168px !important; max-height:168px !important;}
  .tgc-mini-actions a{min-width:112px !important; padding:9px 12px !important; font-size:12.4px !important;}
  .tgc-industry-grid a{padding:17px 16px 17px 52px !important;}
  .tgc-value-card{padding:17px 17px 18px !important;}
}