/* JGKIT Homepage Mobile Polish v1.0.0 */

@media (max-width: 760px){
  html, body{overflow-x:hidden!important;}
  body.home{padding-bottom:72px!important;}

  /* Header / hero readability */
  body.home .jgkit-showcase-hero h1{
    font-size:clamp(31px,9vw,36px)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
    margin-bottom:14px!important;
    overflow-wrap:normal!important;
  }
  body.home .jgkit-showcase-hero .jgkit-showcase-eyebrow{
    font-size:10.5px!important;
    line-height:1.35!important;
    letter-spacing:.045em!important;
  }
  body.home .jgkit-showcase-hero .jgkit-showcase-lead{
    font-size:14px!important;
    line-height:1.52!important;
  }
  body.home .jgkit-showcase-hero .jgkit-showcase-primary,
  body.home .jgkit-showcase-hero .jgkit-showcase-secondary{
    min-height:44px!important;
    font-size:14px!important;
  }

  /* Current Scheme A hero capability cards: keep a compact 2 x 2 layout. */
  body.home .jgkit-schemea-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:14px!important;
  }
  body.home .jgkit-schemea-card{
    min-height:108px!important;
    padding:12px 10px!important;
    border-radius:10px!important;
  }
  body.home .jgkit-schemea-icon{
    width:30px!important;
    height:30px!important;
    margin-bottom:7px!important;
    font-size:15px!important;
  }
  body.home .jgkit-schemea-title{
    margin-bottom:5px!important;
    font-size:12px!important;
    line-height:1.28!important;
  }
  body.home .jgkit-schemea-desc{
    font-size:10.5px!important;
    line-height:1.35!important;
  }

  /* Sportswear Categories: same content, substantially less vertical space. */
  body.home .jgkit-category-heading{
    margin-bottom:18px!important;
    font-size:clamp(31px,8vw,36px)!important;
    line-height:1.05!important;
  }
  body.home .jgkit-category-kicker{
    font-size:10px!important;
    letter-spacing:.09em!important;
  }
  body.home .jgkit-category-card{
    border-radius:14px!important;
    box-shadow:0 8px 22px rgba(14,31,52,.06)!important;
  }
  body.home .jgkit-category-media{
    padding:8px!important;
    aspect-ratio:16/8.8!important;
  }
  body.home .jgkit-category-media img{
    border-radius:9px!important;
  }
  body.home .jgkit-category-card .jgkit-category-title,
  body.home .jgkit-category-card .jgkit-category-desc,
  body.home .jgkit-category-card .jgkit-category-use,
  body.home .jgkit-category-card .jgkit-category-link{
    margin-left:16px!important;
    margin-right:16px!important;
  }
  body.home .jgkit-category-title{
    margin-top:14px!important;
    margin-bottom:8px!important;
    font-size:22px!important;
    line-height:1.18!important;
  }
  body.home .jgkit-category-desc{
    min-height:0!important;
    margin-bottom:7px!important;
    font-size:14px!important;
    line-height:1.48!important;
  }
  body.home .jgkit-category-use{
    margin-bottom:7px!important;
    padding-top:3px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  body.home .jgkit-category-link{
    margin-bottom:17px!important;
    font-size:14px!important;
  }
  body.home .jgkit-mobile-category-grid{
    row-gap:16px!important;
  }

  /* Final combined conversion section: reduce page length while retaining evidence. */
  body.home .jgkit-home-tail-combined{
    width:calc(100vw - 20px)!important;
    margin:30px 0 36px!important;
    padding:22px 12px 14px!important;
    border-radius:16px!important;
  }
  body.home .jgkit-tail-head{
    margin-bottom:16px!important;
  }
  body.home .jgkit-tail-head h2{
    margin:6px 0 8px!important;
    font-size:30px!important;
    line-height:1.06!important;
  }
  body.home .jgkit-tail-head p{
    font-size:13px!important;
    line-height:1.5!important;
  }
  body.home .jgkit-tail-kicker,
  body.home .jgkit-tail-subhead,
  body.home .jgkit-tail-audience{
    font-size:9.5px!important;
    letter-spacing:.09em!important;
  }

  body.home .jgkit-tail-trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body.home .jgkit-tail-trust-card{
    min-height:148px!important;
    padding:13px!important;
    border-radius:13px!important;
  }
  body.home .jgkit-tail-badge{
    min-height:23px!important;
    margin-bottom:9px!important;
    padding:4px 7px!important;
    font-size:8.5px!important;
  }
  body.home .jgkit-tail-trust-card h3{
    margin-bottom:6px!important;
    font-size:14px!important;
    line-height:1.22!important;
  }
  body.home .jgkit-tail-trust-card p{
    font-size:11px!important;
    line-height:1.43!important;
  }

  body.home .jgkit-tail-custom{
    margin:14px 0!important;
    padding:13px!important;
    border-radius:13px!important;
  }
  body.home .jgkit-tail-chip-row{
    gap:6px!important;
    margin-top:9px!important;
  }
  body.home .jgkit-tail-chip{
    min-height:28px!important;
    padding:5px 8px!important;
    font-size:10px!important;
  }

  body.home .jgkit-tail-lower{
    gap:10px!important;
  }
  body.home .jgkit-tail-process,
  body.home .jgkit-tail-lead,
  body.home .jgkit-tail-cta{
    padding:13px!important;
    border-radius:14px!important;
  }
  body.home .jgkit-tail-step-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:10px!important;
  }
  body.home .jgkit-tail-step{
    display:block!important;
    padding:10px!important;
    border-radius:10px!important;
  }
  body.home .jgkit-tail-step-no{
    width:24px!important;
    height:24px!important;
    margin-bottom:7px!important;
    font-size:10px!important;
  }
  body.home .jgkit-tail-step-body h3{
    margin-bottom:3px!important;
    font-size:12px!important;
  }
  body.home .jgkit-tail-step-body p{
    font-size:10px!important;
    line-height:1.35!important;
  }
  body.home .jgkit-tail-lead-row{
    padding:9px 0!important;
  }
  body.home .jgkit-tail-lead-row strong,
  body.home .jgkit-tail-lead-row span{
    font-size:11.5px!important;
  }
  body.home .jgkit-tail-note{
    margin-top:9px!important;
    font-size:10px!important;
  }
  body.home .jgkit-tail-cta{
    gap:14px!important;
    margin-top:12px!important;
  }
  body.home .jgkit-tail-cta h2{
    font-size:24px!important;
  }
  body.home .jgkit-tail-cta p{
    font-size:12px!important;
  }
  body.home .jgkit-tail-btn{
    min-height:42px!important;
    padding:9px 12px!important;
    font-size:12px!important;
  }

  /* The mobile footer already provides WhatsApp. Hide the duplicate floating quote. */
  body.home .jgkit-mobile-hide-floating-quote{
    display:none!important;
  }
}

/* Extra protection for longer Spanish labels on phones. */
@media (max-width:760px){
  html[lang^="es"] body.home .jgkit-showcase-hero h1{
    font-size:30px!important;
    overflow-wrap:anywhere!important;
  }
  html[lang^="es"] body.home .jgkit-schemea-title{
    font-size:11px!important;
  }
  html[lang^="es"] body.home .jgkit-category-title{
    font-size:20px!important;
  }
  html[lang^="es"] body.home .jgkit-tail-trust-card h3{
    font-size:13px!important;
  }
  html[lang^="es"] body.home .jgkit-tail-chip{
    font-size:9.5px!important;
  }
}

/* v1.0.1: final mobile hero spacing refinement */
@media (max-width:760px){
  /* The hero background stays full bleed; only the actual content column gets a safe gutter. */
  body.home .jgkit-mobile-hero-left-101{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding-left:16px!important;
    padding-right:16px!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translateY(-28px)!important;
  }

  /* Keep all major hero elements inside the same visual gutter. */
  body.home .jgkit-mobile-hero-left-101 .jgkit-showcase-eyebrow,
  body.home .jgkit-mobile-hero-left-101 h1,
  body.home .jgkit-mobile-hero-left-101 .jgkit-showcase-lead{
    max-width:100%!important;
  }

  /* Prevent wide buttons/cards from touching either phone edge. */
  body.home .jgkit-mobile-hero-left-101 .jgkit-showcase-primary,
  body.home .jgkit-mobile-hero-left-101 .jgkit-showcase-secondary{
    box-sizing:border-box!important;
  }

  body.home .jgkit-mobile-hero-left-101 .jgkit-schemea-grid{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Slightly reduce the visual dead zone above the first line of hero copy. */
  body.home .jgkit-mobile-hero-left-101 .jgkit-showcase-eyebrow{
    margin-top:0!important;
    margin-bottom:10px!important;
  }

  /* Preserve comfortable breathing room before the next homepage section. */
  body.home .jgkit-mobile-hero-left-101 .jgkit-schemea-grid{
    margin-bottom:2px!important;
  }
}

@media (max-width:390px){
  body.home .jgkit-mobile-hero-left-101{
    padding-left:14px!important;
    padding-right:14px!important;
    transform:translateY(-24px)!important;
  }
}