
/* STLBEAST Main V444 — Product Page Mobile Polish
   Screenshot-driven cleanup for product detail pages: title readability, gallery sizing,
   CTA hierarchy, specs, footer, and mobile spacing.
*/

@media(max-width:760px){
  body{
    overflow-x:hidden;
  }

  .product-page,
  .stlb-product-page,
  main{
    max-width:100%;
  }

  .stlb421-product,
  .stlb335-product,
  .stlb-product-detail,
  .product-detail,
  .product-layout,
  .stlb-product-layout{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .stlb421-product-hero,
  .stlb335-product-hero,
  .product-hero,
  .stlb-product-hero,
  .stlb421-gallery,
  .stlb335-gallery,
  .product-gallery{
    padding-top:10px !important;
  }

  .stlb421-main-render,
  .stlb335-main-render,
  .product-main-image,
  .product-gallery-main,
  figure[class*="main"]{
    min-height:260px !important;
    max-height:320px !important;
    border-radius:20px !important;
    padding:10px !important;
    background:
      radial-gradient(circle at 50% 28%,rgba(14,165,233,.15),transparent 48%),
      linear-gradient(180deg,#071a31,#020711) !important;
  }

  .stlb421-main-render img,
  .stlb335-main-render img,
  .product-main-image img,
  .product-gallery-main img,
  figure[class*="main"] img{
    max-height:285px !important;
    width:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }

  .stlb421-thumbs,
  .stlb335-angle-grid,
  .product-thumbs,
  .gallery-thumbs{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:9px !important;
  }

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

  .stlb421-thumb-image img,
  .stlb335-angle-grid img,
  .product-thumb img,
  .gallery-thumb img{
    max-height:78px !important;
    object-fit:contain !important;
    transform:none !important;
  }

  .stlb421-product-copy,
  .stlb335-product-copy,
  .product-summary,
  .product-info,
  .product-copy{
    padding-top:6px !important;
  }

  .stlb421-product-copy h1,
  .stlb335-product-copy h1,
  .product-summary h1,
  .product-info h1,
  .product-copy h1,
  h1.product-title{
    font-size:clamp(1.85rem,8.4vw,2.65rem) !important;
    line-height:1.02 !important;
    letter-spacing:-.05em !important;
    max-width:14ch !important;
    margin-bottom:10px !important;
  }

  .stlb421-product-copy p,
  .stlb335-product-copy p,
  .product-summary p,
  .product-info p,
  .product-copy p{
    font-size:.92rem !important;
    line-height:1.48 !important;
  }

  .price,
  .product-price,
  .stlb-price,
  .stlb421-price,
  .stlb335-price{
    display:block !important;
    font-size:1.25rem !important;
    line-height:1.15 !important;
    padding:14px !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,rgba(14,165,233,.13),rgba(14,165,233,.055)) !important;
    border:1px solid rgba(103,232,249,.14) !important;
  }

  .product-actions,
  .stlb421-actions,
  .stlb335-actions,
  .buy-actions,
  .checkout-actions,
  .cta-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    width:100% !important;
    margin-top:12px !important;
  }

  .product-actions a,
  .stlb421-actions a,
  .stlb335-actions a,
  .buy-actions a,
  .checkout-actions a,
  .cta-actions a,
  a[href*="checkout.php"],
  a[href*="payment"]{
    width:100% !important;
    min-height:44px !important;
    justify-content:center !important;
    border-radius:14px !important;
    font-size:.84rem !important;
  }

  .stlb421-trust-row,
  .stlb335-trust-row,
  .trust-row,
  .product-trust,
  .stlb-product-badges{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
  }

  .stlb421-trust-row span,
  .stlb335-trust-row span,
  .trust-row span,
  .product-trust span,
  .stlb-product-badges span{
    min-height:34px !important;
    padding:8px 10px !important;
    border-radius:12px !important;
    font-size:.78rem !important;
  }

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

  .stlb421-card-grid,
  .stlb335-card-grid,
  .product-card-grid,
  .feature-grid,
  .spec-grid,
  .license-grid,
  .included-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

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

  .stlb421-card h3,
  .stlb335-card h3,
  .feature-card h3,
  .spec-card h3,
  .license-card h3,
  .included-card h3{
    font-size:.98rem !important;
    line-height:1.18 !important;
  }

  .stlb421-card p,
  .stlb335-card p,
  .feature-card p,
  .spec-card p,
  .license-card p,
  .included-card p{
    font-size:.84rem !important;
    line-height:1.42 !important;
  }

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

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

  .stlb421-related,
  .related-products,
  .recommended-products{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .stlb421-related .stlb375-product-media,
  .related-products .stlb375-product-media,
  .recommended-products .stlb375-product-media{
    min-height:190px !important;
    max-height:230px !important;
  }

  .stlb-footer,
  footer{
    margin-top:24px !important;
  }

  .stlb-footer .wrap,
  footer .wrap{
    gap:18px !important;
  }
}

/* Product-page-only admin/status message cleanup. */
@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:2.05rem !important;
  }

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