/* STLBEAST V389 — final mobile polish.
   Purpose: keep the approved V388 direction, but reduce header height, tighten hero spacing,
   improve category/product rhythm, and make footer less dense on mobile.
   Safe CSS-only patch: no product data, checkout, PayPal, downloads, prices, or membership logic changes. */

/* Overall mobile rhythm */
@media(max-width:820px){
  body{overflow-x:hidden !important;}

  /* Header: keep the clear logo but reduce vertical bulk. */
  .stlb376-header-wrap{
    padding:6px 6px 8px !important;
  }
  .stlb376-header .stlb376-mainbar{
    padding:7px !important;
    gap:6px !important;
    border-radius:16px !important;
  }
  .stlb376-header .stlb376-brand{
    padding:4px 6px !important;
    border-radius:14px !important;
    min-height:0 !important;
  }
  .stlb376-header .stlb376-brand img{
    width:min(390px,96vw) !important;
  }
  .stlb376-search{
    height:38px !important;
    border-radius:13px !important;
  }
  .stlb376-search input{
    font-size:12px !important;
  }
  .stlb376-search-icon{
    font-size:17px !important;
  }
  .stlb376-search button{
    height:30px !important;
    min-width:58px !important;
    font-size:9px !important;
    padding:0 8px !important;
  }
  .stlb376-cta-cluster{
    gap:6px !important;
  }
  .stlb376-ghost-btn,
  .stlb376-primary-btn{
    padding:8px 7px !important;
    border-radius:10px !important;
    font-size:9px !important;
  }
  .stlb376-navrail{
    margin-top:6px !important;
    padding:6px !important;
    border-radius:14px !important;
  }
  .stlb376-nav a{
    font-size:8.5px !important;
    padding:7px 8px !important;
    border-radius:10px !important;
    gap:5px !important;
  }

  /* Hero copy: more compact but still dramatic. */
  .stlb375-hero-grid{
    padding:26px 12px 30px !important;
    gap:22px !important;
  }
  .stlb375-kicker{
    font-size:10px !important;
    margin-bottom:6px !important;
  }
  .stlb375-hero-copy h1{
    font-size:38px !important;
    line-height:.94 !important;
    letter-spacing:-.05em !important;
  }
  .stlb375-lead{
    font-size:13px !important;
    line-height:1.42 !important;
    margin:10px 0 !important;
  }
  .stlb376-hero-mini-grid,
  .stlb375-proof-row{
    gap:5px !important;
    margin-bottom:9px !important;
  }
  .stlb376-hero-mini-grid span,
  .stlb375-proof-row span{
    font-size:8.5px !important;
    padding:5px 7px !important;
  }
  .stlb375-hero-actions{
    gap:7px !important;
  }
  .stlb375-btn{
    min-height:38px !important;
    font-size:10px !important;
    border-radius:10px !important;
  }

  /* Wraith showcase: keep busy, reduce cramped/tall feeling. */
  .stlb388-showcase-console{
    gap:10px !important;
  }
  .stlb388-main-product{
    padding:9px !important;
    border-radius:18px !important;
  }
  .stlb388-main-product img{
    max-height:255px !important;
  }
  .stlb388-main-product span{
    left:14px !important;
    top:14px !important;
    padding:5px 8px !important;
    font-size:8.5px !important;
  }
  .stlb388-side-console{
    gap:8px !important;
  }
  .stlb388-validated-card{
    padding:11px 12px !important;
    border-radius:15px !important;
  }
  .stlb388-validated-card b{
    font-size:17px !important;
  }
  .stlb388-validated-card span{
    font-size:9px !important;
  }
  .stlb388-product-mosaic{
    gap:7px !important;
  }
  .stlb388-mosaic-item{
    min-height:76px !important;
    border-radius:12px !important;
    padding:5px !important;
  }
  .stlb388-mosaic-item span{
    font-size:8px !important;
    line-height:1.05 !important;
    padding:18px 5px 5px !important;
  }
  .stlb388-hero-metrics{
    gap:6px !important;
  }
  .stlb388-hero-metrics span{
    min-height:29px !important;
    font-size:8px !important;
    border-radius:9px !important;
    padding:5px !important;
  }

  /* Sections: reduce long-scroll fatigue. */
  .stlb375-cats,
  .stlb375-products,
  .stlb375-ai,
  .stlb375-membership,
  .stlb375-hub-promo,
  .stlb375-community{
    padding:22px 0 !important;
  }
  .stlb375-section-head{
    margin-bottom:12px !important;
  }
  .stlb375-section-head h2{
    font-size:22px !important;
  }
  .stlb376-section-sub,
  .stlb375-section-head p:not(.stlb375-kicker){
    font-size:12px !important;
    line-height:1.42 !important;
  }

  /* Category cards: better readable rhythm. */
  .stlb375-cat-grid{
    gap:9px !important;
  }
  .stlb375-cat-card{
    min-height:132px !important;
    border-radius:14px !important;
    padding:10px !important;
  }
  .stlb375-cat-card img{
    inset:6px !important;
    width:calc(100% - 12px) !important;
    height:calc(100% - 12px) !important;
    opacity:.64 !important;
  }
  .stlb375-cat-card span{
    font-size:12px !important;
    line-height:1.05 !important;
  }
  .stlb375-cat-card small{
    font-size:9px !important;
    line-height:1.2 !important;
  }

  /* Detail panels: less padded and more even. */
  .stlb375-value-grid div,
  .stlb375-ai-card,
  .stlb375-member-card,
  .stlb375-hub-grid,
  .stlb375-community-card,
  .stlb381-bonus-compact-card{
    padding:15px !important;
    border-radius:17px !important;
  }
  .stlb375-ai-copy h2,
  .stlb375-member-card h2,
  .stlb375-hub-grid h2,
  .stlb375-community-card h2{
    font-size:23px !important;
    line-height:1.05 !important;
  }
  .stlb375-ai-copy p:not(.stlb375-kicker),
  .stlb375-hub-grid p,
  .stlb375-community-card p{
    font-size:12px !important;
    line-height:1.45 !important;
  }
  .stlb375-ai-flow div{
    min-height:72px !important;
    padding:13px !important;
    border-radius:13px !important;
  }

  /* Product cards: cleaner, less crowded, full product visible. */
  .stlb375-product-grid{
    gap:12px !important;
  }
  .stlb375-product-card{
    border-radius:15px !important;
  }
  .stlb375-product-media{
    aspect-ratio:1/1.04 !important;
    padding:7px !important;
  }
  .stlb375-product-media span{
    left:8px !important;
    top:8px !important;
    padding:4px 7px !important;
    font-size:8px !important;
  }
  .stlb375-product-copy{
    padding:10px !important;
  }
  .stlb375-product-copy h3{
    font-size:13px !important;
    line-height:1.1 !important;
    margin-bottom:5px !important;
  }
  .stlb375-product-copy p{
    font-size:10px !important;
    margin-bottom:6px !important;
  }
  .stlb375-stars{
    font-size:10px !important;
  }
  .stlb375-product-copy b{
    font-size:13px !important;
  }

  /* Footer: easier to scan on mobile. */
  .stlb316-footer{
    margin-top:20px !important;
    padding-top:22px !important;
  }
  .stlb316-footer-grid{
    gap:18px !important;
  }
  .stlb316-footer p,
  .stlb371-footer-legal{
    font-size:11px !important;
    line-height:1.45 !important;
  }
  .stlb316-footer nav b{
    font-size:11px !important;
    margin-bottom:7px !important;
  }
  .stlb316-footer nav a{
    font-size:11px !important;
    line-height:1.2 !important;
    padding:3px 0 !important;
  }
}

/* Very small phones */
@media(max-width:390px){
  .stlb376-header .stlb376-brand img{
    width:min(320px,95vw) !important;
  }
  .stlb375-hero-copy h1{
    font-size:34px !important;
  }
  .stlb388-main-product img{
    max-height:230px !important;
  }
  .stlb388-mosaic-item{
    min-height:70px !important;
  }
  .stlb375-cat-card{
    min-height:122px !important;
  }
}