/* STLBEAST Main V441 — Mobile Homepage Polish
   Screenshot-driven cleanup: reduce cramped mobile stacking, improve storefront rhythm, cards, CTAs, and footer readability.
*/

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

  body{
    background:
      radial-gradient(circle at 50% 0%,rgba(14,165,233,.13),transparent 28rem),
      radial-gradient(circle at 80% 22rem,rgba(217,70,239,.10),transparent 22rem),
      #020711 !important;
  }

  .wrap,
  .stlb-wrap,
  .container{
    width:min(100% - 22px, 1180px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  header,
  .site-header,
  .stlb-header,
  .stlb375-header{
    position:relative;
    z-index:20;
  }

  .stlb-header-inner,
  .stlb375-header-inner,
  header .wrap{
    gap:10px !important;
  }

  .stlb-logo img,
  .stlb375-logo img,
  header img[src*="logo"],
  header img[src*="brand"]{
    max-width:172px !important;
    height:auto !important;
    object-fit:contain !important;
  }

  nav,
  .stlb-nav,
  .stlb375-nav{
    max-width:100%;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
  }

  nav::-webkit-scrollbar,
  .stlb-nav::-webkit-scrollbar,
  .stlb375-nav::-webkit-scrollbar{
    display:none;
  }

  nav a,
  .stlb-nav a,
  .stlb375-nav a{
    white-space:nowrap;
    min-height:34px;
    padding:7px 9px !important;
    font-size:.74rem !important;
    border-radius:999px !important;
  }

  .hero,
  .stlb-hero,
  .stlb375-hero,
  .stlb413-hero,
  .stlb423-hero{
    padding-top:22px !important;
    padding-bottom:24px !important;
    min-height:auto !important;
  }

  .hero h1,
  .stlb-hero h1,
  .stlb375-hero h1,
  .stlb413-hero h1,
  .stlb423-hero h1,
  h1{
    font-size:clamp(2.05rem,10vw,3.25rem) !important;
    line-height:.93 !important;
    letter-spacing:-.065em !important;
    max-width:11ch;
  }

  .hero p,
  .stlb-hero p,
  .stlb375-hero p,
  .stlb413-hero p,
  .stlb423-hero p{
    font-size:.95rem !important;
    line-height:1.45 !important;
    max-width:34rem;
  }

  .stlb375-kicker,
  .eyebrow,
  .kicker{
    font-size:.72rem !important;
    letter-spacing:.12em !important;
  }

  .btn,
  .button,
  .stlb-btn,
  .stlb375-btn,
  .stlb413-btn,
  .stlb423-btn,
  a[class*="btn"]{
    min-height:42px !important;
    padding:10px 13px !important;
    border-radius:14px !important;
    font-size:.82rem !important;
    justify-content:center;
  }

  .hero .actions,
  .stlb-hero .actions,
  .stlb375-actions,
  .stlb413-actions,
  .stlb423-actions,
  .cta-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
  }

  section{
    scroll-margin-top:82px;
  }

  section,
  .section,
  .stlb-section,
  .stlb375-section,
  .stlb413-section,
  .stlb423-section{
    padding-top:22px !important;
    padding-bottom:22px !important;
  }

  .card,
  .stlb-card,
  .stlb375-card,
  .stlb413-card,
  .stlb423-card,
  .stlb428-panel{
    border-radius:18px !important;
  }

  .grid,
  .product-grid,
  .stlb-grid,
  .stlb375-product-grid,
  .stlb408-product-grid,
  .stlb423-grid,
  .stlb413-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .stlb375-product-card,
  .stlb408-product-card,
  .stlb423-page-card,
  .product-card,
  article[class*="product"]{
    border-radius:18px !important;
    overflow:hidden !important;
  }

  .stlb375-product-media,
  .stlb408-product-media,
  .stlb423-drop-media,
  .product-card-media,
  .product-image,
  article[class*="product"] figure{
    min-height:210px !important;
    max-height:260px !important;
    border-radius:16px !important;
    margin:8px !important;
    background:
      radial-gradient(circle at 50% 24%,rgba(14,165,233,.16),transparent 48%),
      linear-gradient(180deg,#071427,#020711) !important;
  }

  .stlb375-product-media img,
  .stlb408-product-media img,
  .stlb423-drop-media img,
  .product-card-media img,
  .product-image img,
  article[class*="product"] figure img{
    object-fit:contain !important;
    object-position:center center !important;
    max-height:230px !important;
    transform:none !important;
  }

  .stlb375-product-card h3,
  .stlb408-product-card h3,
  .stlb423-page-card h3,
  .product-card h3,
  article[class*="product"] h3{
    font-size:1.05rem !important;
    line-height:1.18 !important;
    letter-spacing:-.025em !important;
  }

  .stlb375-product-card p,
  .stlb408-product-card p,
  .stlb423-page-card p,
  .product-card p,
  article[class*="product"] p{
    font-size:.86rem !important;
    line-height:1.42 !important;
  }

  .stlb375-product-actions,
  .stlb408-product-actions,
  .product-actions,
  article[class*="product"] .actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .stlb375-product-actions a,
  .stlb408-product-actions a,
  .product-actions a,
  article[class*="product"] .actions a{
    min-height:36px !important;
    font-size:.76rem !important;
    border-radius:12px !important;
  }

  .stlb428-grid,
  .stlb436-kpi-strip,
  .stlb439-priority-board,
  .stlb440-product-command-grid{
    grid-template-columns:1fr !important;
  }

  .stlb428-metric,
  .stlb436-kpi{
    min-height:74px !important;
    padding:12px !important;
  }

  .stlb428-metric b,
  .stlb436-kpi b{
    font-size:1.7rem !important;
  }

  table,
  .stlb428-table{
    font-size:.78rem !important;
  }

  .stlb428-table-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .stlb428-table th,
  .stlb428-table td{
    padding:8px !important;
  }

  footer,
  .site-footer,
  .stlb-footer,
  .stlb375-footer{
    padding-top:26px !important;
    padding-bottom:28px !important;
  }

  footer .wrap,
  .stlb-footer .wrap,
  .stlb375-footer .wrap{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    text-align:left !important;
  }

  footer img,
  .stlb-footer img,
  .stlb375-footer img{
    max-width:165px !important;
    height:auto !important;
    object-fit:contain !important;
  }

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

  footer nav a,
  .footer-nav a{
    font-size:.78rem !important;
    padding:6px 0 !important;
  }
}

@media(max-width:420px){
  .hero h1,
  .stlb-hero h1,
  .stlb375-hero h1,
  .stlb413-hero h1,
  .stlb423-hero h1,
  h1{
    font-size:2.35rem !important;
  }

  .stlb375-product-actions,
  .stlb408-product-actions,
  .product-actions,
  article[class*="product"] .actions{
    grid-template-columns:1fr !important;
  }
}