/* STLBEAST Main V445 — Product Mobile Readability Tighten
   Screenshot-driven follow-up after V444: reduce tall spacing, improve text legibility,
   make product details feel tighter and more premium on narrow phones.
*/

@media(max-width:760px){
  .wrap,
  .stlb-wrap,
  .container{
    width:min(100% - 18px, 1180px) !important;
  }

  .stlb421-product-copy h1,
  .stlb335-product-copy h1,
  .product-summary h1,
  .product-info h1,
  .product-copy h1,
  h1.product-title{
    max-width:16ch !important;
    font-size:clamp(1.72rem,7.8vw,2.28rem) !important;
    line-height:1.03 !important;
    margin-top:4px !important;
    margin-bottom:8px !important;
  }

  .stlb421-product-copy p,
  .stlb335-product-copy p,
  .product-summary p,
  .product-info p,
  .product-copy p,
  .stlb421-card p,
  .stlb335-card p,
  .feature-card p,
  .spec-card p,
  .license-card p,
  .included-card p{
    font-size:.88rem !important;
    line-height:1.5 !important;
    color:#b8c9dd !important;
  }

  .stlb375-kicker,
  .eyebrow,
  .kicker,
  .stlb421-kicker,
  .stlb335-kicker{
    font-size:.66rem !important;
    letter-spacing:.105em !important;
    padding:5px 8px !important;
    border-radius:999px !important;
  }

  .stlb421-main-render,
  .stlb335-main-render,
  .product-main-image,
  .product-gallery-main,
  figure[class*="main"]{
    min-height:225px !important;
    max-height:270px !important;
    padding:8px !important;
    border-radius:18px !important;
  }

  .stlb421-main-render img,
  .stlb335-main-render img,
  .product-main-image img,
  .product-gallery-main img,
  figure[class*="main"] img{
    max-height:245px !important;
  }

  .stlb421-thumbs,
  .stlb335-angle-grid,
  .product-thumbs,
  .gallery-thumbs{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .stlb421-thumb-image,
  .stlb335-angle-grid figure,
  .product-thumb,
  .gallery-thumb{
    height:70px !important;
    min-height:70px !important;
    border-radius:12px !important;
    padding:5px !important;
  }

  .stlb421-thumb-image img,
  .stlb335-angle-grid img,
  .product-thumb img,
  .gallery-thumb img{
    max-height:60px !important;
  }

  .price,
  .product-price,
  .stlb-price,
  .stlb421-price,
  .stlb335-price{
    padding:11px 12px !important;
    border-radius:14px !important;
    font-size:1.1rem !important;
  }

  .price small,
  .product-price small,
  .stlb-price small{
    display:block !important;
    margin-top:3px !important;
    font-size:.72rem !important;
    line-height:1.25 !important;
  }

  .product-actions,
  .stlb421-actions,
  .stlb335-actions,
  .buy-actions,
  .checkout-actions,
  .cta-actions{
    gap:7px !important;
    margin-top:9px !important;
  }

  .product-actions a,
  .stlb421-actions a,
  .stlb335-actions a,
  .buy-actions a,
  .checkout-actions a,
  .cta-actions a,
  a[href*="checkout.php"]{
    min-height:40px !important;
    padding:9px 12px !important;
    font-size:.8rem !important;
    border-radius:13px !important;
  }

  .stlb421-trust-row,
  .stlb335-trust-row,
  .trust-row,
  .product-trust,
  .stlb-product-badges{
    gap:6px !important;
  }

  .stlb421-trust-row span,
  .stlb335-trust-row span,
  .trust-row span,
  .product-trust span,
  .stlb-product-badges span{
    min-height:30px !important;
    padding:7px 9px !important;
    font-size:.74rem !important;
    line-height:1.2 !important;
  }

  .stlb421-section,
  .stlb335-section,
  .product-section,
  .stlb-product-section,
  section[class*="product"]{
    padding-top:14px !important;
    padding-bottom:14px !important;
  }

  .stlb421-card,
  .stlb335-card,
  .feature-card,
  .spec-card,
  .license-card,
  .included-card,
  .what-you-get-card{
    padding:11px !important;
    border-radius:14px !important;
  }

  .stlb421-card h3,
  .stlb335-card h3,
  .feature-card h3,
  .spec-card h3,
  .license-card h3,
  .included-card h3{
    font-size:.92rem !important;
    line-height:1.2 !important;
    margin-bottom:5px !important;
  }

  .stlb421-card-grid,
  .stlb335-card-grid,
  .product-card-grid,
  .feature-grid,
  .spec-grid,
  .license-grid,
  .included-grid{
    gap:8px !important;
  }

  .stlb421-spec-list li,
  .stlb335-spec-list li,
  .spec-list li,
  .product-spec-list li,
  .license-list li{
    padding:8px 10px !important;
    font-size:.8rem !important;
    line-height:1.35 !important;
  }

  .stlb421-spec-list,
  .stlb335-spec-list,
  .spec-list,
  .product-spec-list,
  .license-list{
    gap:5px !important;
  }

  .stlb428-panel,
  .stlb421-section,
  .stlb335-section,
  .product-section{
    margin-bottom:12px !important;
  }

  .stlb428-panel-head{
    padding:12px !important;
  }

  .stlb428-panel-head h2,
  .product-section h2,
  section[class*="product"] h2{
    font-size:1.08rem !important;
    line-height:1.2 !important;
  }

  .stlb428-panel-head p,
  .product-section > p,
  section[class*="product"] > p{
    font-size:.84rem !important;
    line-height:1.42 !important;
  }

  footer,
  .stlb-footer{
    font-size:.82rem !important;
  }

  footer .wrap,
  .stlb-footer .wrap{
    width:min(100% - 18px, 1180px) !important;
    gap:12px !important;
  }

  footer nav,
  .footer-nav{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:5px !important;
  }

  footer p,
  .stlb-footer p{
    line-height:1.42 !important;
  }
}

@media(max-width:420px){
  .stlb421-product-copy h1,
  .stlb335-product-copy h1,
  .product-summary h1,
  .product-info h1,
  .product-copy h1,
  h1.product-title{
    font-size:1.85rem !important;
  }

  .stlb421-main-render,
  .stlb335-main-render,
  .product-main-image,
  .product-gallery-main{
    min-height:205px !important;
  }

  .stlb421-thumbs,
  .stlb335-angle-grid,
  .product-thumbs,
  .gallery-thumbs{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}