/* STLBEAST V400 — Mobile Presentation Tightening + Storefront Final Polish
   CSS-only refinement layer on top of confirmed-good V399/V398.
   Goal: tighter mobile header, cleaner store flow, consistent product cards, improved product pages, compact footer. */

:root{
  --v400-blue:#19d7ff;
  --v400-purple:#9b5cff;
  --v400-border:rgba(97,208,255,.18);
  --v400-border-strong:rgba(120,230,255,.34);
  --v400-panel:rgba(8,18,34,.82);
  --v400-panel-soft:rgba(255,255,255,.055);
  --v400-muted:#a8bdd7;
  --v400-text:#f4fbff;
}

/* Overall vertical rhythm refinement */
.stlb375-home > section,
.stlb353-catalog-hero,
.stlb375-cats,
.stlb375-products,
.stlb375-ai,
.stlb375-membership,
.stlb375-hub-promo,
.stlb375-community{
  padding-block:clamp(34px,5vw,66px)!important;
}

.stlb375-section-head,
.section-head{
  margin-bottom:clamp(16px,3vw,28px)!important;
}

.stlb375-section-head h2,
.section-head h2{
  line-height:1.05!important;
}

.stlb375-section-head p,
.section-head p,
.stlb376-section-sub{
  max-width:720px;
}

/* Header tightening without changing header structure */
.stlb376-header-wrap{
  padding-block:clamp(7px,1.2vw,14px)!important;
}
.stlb376-utility{
  min-height:auto!important;
  padding-block:5px!important;
  gap:8px!important;
}
.stlb376-mainbar{
  gap:clamp(10px,2vw,20px)!important;
  padding-block:clamp(7px,1.4vw,12px)!important;
}
.stlb376-brand{
  min-width:0!important;
}
.stlb376-brand-mark{
  max-width:clamp(170px,26vw,300px)!important;
}
.stlb376-brand-mark img{
  max-height:clamp(54px,8vw,86px)!important;
}
.stlb376-brand-copy strong{
  letter-spacing:.02em;
}
.stlb376-search{
  min-height:40px!important;
}
.stlb376-search input,
.stlb376-search button{
  min-height:38px!important;
}
.stlb376-cta-cluster{
  gap:8px!important;
}
.stlb376-navrail{
  padding-block:7px!important;
}
.stlb376-nav{
  gap:7px!important;
}
.stlb376-nav a{
  min-height:34px!important;
  padding:8px 11px!important;
}

/* Homepage hero tightening */
.stlb375-hero{
  min-height:auto!important;
  padding-block:clamp(28px,5vw,60px)!important;
}
.stlb375-hero-copy{
  padding-block:clamp(10px,2vw,22px)!important;
}
.stlb375-hero-copy h1{
  margin-bottom:14px!important;
}
.stlb375-lead{
  margin-bottom:16px!important;
}
.stlb376-hero-mini-grid,
.stlb375-proof-row{
  gap:8px!important;
  margin-top:12px!important;
}
.stlb375-hero-actions{
  margin-top:18px!important;
}
.stlb375-hero-stage{
  padding:clamp(10px,2vw,20px)!important;
}
.stlb388-showcase-console{
  gap:clamp(10px,2vw,18px)!important;
}
.stlb388-side-console{
  gap:10px!important;
}
.stlb388-product-mosaic{
  gap:8px!important;
}
.stlb388-mosaic-item{
  min-height:88px!important;
}
.stlb388-hero-metrics{
  gap:8px!important;
}

/* Product grid consistency */
.stlb375-product-grid,
.products-grid,
.grid.products{
  align-items:stretch!important;
}

.stlb375-product-card,
.card.stlb316-card,
.stlb333-product-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}

.stlb375-product-media,
.card-img{
  aspect-ratio:1 / 0.88!important;
  min-height:220px!important;
  max-height:320px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

.stlb375-product-media img,
.card-img img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  padding:clamp(12px,2vw,22px)!important;
}

.stlb375-product-copy,
.card-body{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  gap:8px!important;
}

.stlb375-product-copy h3,
.card-body h3{
  min-height:2.55em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.stlb375-product-copy > div:last-child,
.stlb333-actions{
  margin-top:auto!important;
}

.stlb375-stars{
  white-space:nowrap;
}

/* Category cards consistency */
.stlb375-cat-grid{
  align-items:stretch!important;
}
.stlb375-cat-card{
  min-height:168px!important;
  display:grid!important;
  align-content:end!important;
}
.stlb375-cat-card img{
  object-fit:contain!important;
  max-height:120px!important;
  padding:8px!important;
}

/* Product page final polish */
.breadcrumbs{
  margin-block:14px 10px!important;
  font-size:.92rem!important;
}
.stlb335-product-hero{
  padding-top:clamp(12px,2vw,24px)!important;
  padding-bottom:clamp(28px,4vw,52px)!important;
}
.stlb335-gallery-panel,
.stlb335-buy-panel{
  padding:clamp(14px,2.4vw,26px)!important;
}
.stlb335-main-render{
  min-height:clamp(360px,48vw,620px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.stlb335-main-render img{
  width:100%!important;
  height:100%!important;
  max-height:620px!important;
  object-fit:contain!important;
  padding:clamp(10px,2vw,22px)!important;
}
.stlb335-angle-grid{
  gap:10px!important;
  margin-top:12px!important;
}
.stlb335-angle-grid figure{
  min-height:96px!important;
}
.stlb335-buy-panel{
  position:relative;
}
.stlb335-buy-panel h1{
  margin-bottom:10px!important;
}
.stlb335-sales-copy{
  margin-bottom:16px!important;
}
.stlb335-price-row{
  margin-block:14px!important;
}
.stlb339-buy-points{
  display:grid!important;
  gap:8px!important;
  margin-block:14px!important;
  padding:0!important;
}
.stlb339-buy-points li{
  list-style:none!important;
  padding:10px 12px!important;
}
.stlb348-confidence-panel{
  margin-top:14px!important;
}
.stlb335-details-grid,
.stlb377-compatibility-grid{
  gap:clamp(14px,2.4vw,24px)!important;
  padding-block:clamp(16px,3vw,34px)!important;
}
.stlb335-detail-card{
  padding:clamp(16px,2.5vw,24px)!important;
}
.specs{
  gap:10px!important;
}
.specs div{
  min-height:82px;
}

/* Make buy action more visually dominant, without changing checkout */
.stlb340-buy-form,
.stlb340-buy-form button,
.stlb336-buy-btn{
  width:100%!important;
}
.stlb336-buy-btn{
  min-height:48px!important;
  font-size:1rem!important;
}
.stlb336-member-btn{
  min-height:44px!important;
}

/* Value and trust sections */
.stlb375-value-grid,
.stlb375-ai-card,
.stlb375-member-card,
.stlb381-bonus-compact-card,
.stlb375-hub-grid,
.stlb375-community-card{
  gap:clamp(12px,2.4vw,22px)!important;
}
.stlb375-value-grid > div,
.stlb375-ai-flow div,
.stlb375-member-points span,
.stlb375-hub-list span,
.stlb375-stats{
  min-height:70px!important;
}

/* Footer compactness */
.stlb316-footer{
  padding-block:clamp(26px,4vw,48px)!important;
}
.stlb316-footer-grid{
  gap:clamp(18px,4vw,44px)!important;
}
.stlb316-footer-brand img{
  max-height:52px!important;
  width:auto!important;
}
.stlb316-footer nav{
  gap:7px!important;
}
.stlb316-footer nav a{
  padding-block:3px!important;
}

/* Desktop product-page buy panel sticky refinement */
@media(min-width:981px){
  .stlb335-buy-panel{
    position:sticky!important;
    top:18px!important;
  }
  .stlb335-product-hero{
    align-items:start!important;
  }
}

/* Tablet refinements */
@media(max-width:980px){
  .stlb376-mainbar{
    grid-template-columns:1fr!important;
  }
  .stlb376-brand{
    justify-content:center!important;
  }
  .stlb376-search{
    width:100%!important;
  }
  .stlb376-cta-cluster{
    justify-content:center!important;
  }
  .stlb376-navrail{
    gap:8px!important;
  }
  .stlb376-rail-promo{
    display:none!important;
  }
  .stlb375-product-media,
  .card-img{
    min-height:210px!important;
  }
}

/* Mobile final tightening */
@media(max-width:720px){
  .wrap{
    width:min(100% - 22px,1180px)!important;
  }

  .stlb376-header{
    position:relative!important;
  }
  .stlb376-header-wrap{
    padding-block:6px!important;
  }
  .stlb376-utility{
    display:none!important;
  }
  .stlb376-mainbar{
    padding:7px 0!important;
    gap:8px!important;
  }
  .stlb376-brand{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:3px!important;
  }
  .stlb376-brand-mark{
    max-width:min(78vw,248px)!important;
  }
  .stlb376-brand-mark img{
    max-height:64px!important;
  }
  .stlb376-brand-copy{
    text-align:center!important;
  }
  .stlb376-brand-copy strong{
    font-size:.86rem!important;
  }
  .stlb376-brand-copy small{
    font-size:.64rem!important;
  }
  .stlb376-search{
    min-height:34px!important;
    border-radius:999px!important;
  }
  .stlb376-search input,
  .stlb376-search button{
    min-height:34px!important;
    font-size:.78rem!important;
  }
  .stlb376-search-icon{
    display:none!important;
  }
  .stlb376-cta-cluster{
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .stlb376-cta-cluster a{
    width:100%!important;
    min-height:34px!important;
    padding:8px 12px!important;
    justify-content:center!important;
    font-size:.8rem!important;
  }
  .stlb376-navrail{
    padding-block:5px!important;
  }
  .stlb376-nav{
    display:flex!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:3px!important;
    scrollbar-width:none;
  }
  .stlb376-nav::-webkit-scrollbar{display:none}
  .stlb376-nav a{
    flex:0 0 auto!important;
    min-height:31px!important;
    padding:7px 10px!important;
    font-size:.78rem!important;
  }

  .stlb375-home > section,
  .stlb353-catalog-hero,
  .stlb375-cats,
  .stlb375-products,
  .stlb375-ai,
  .stlb375-membership,
  .stlb375-hub-promo,
  .stlb375-community{
    padding-block:28px!important;
  }

  .stlb375-hero{
    padding-block:22px 30px!important;
  }
  .stlb375-hero-copy h1{
    margin-top:6px!important;
    margin-bottom:10px!important;
  }
  .stlb375-lead{
    font-size:.98rem!important;
    margin-bottom:12px!important;
  }
  .stlb376-hero-mini-grid,
  .stlb375-proof-row,
  .stlb388-hero-metrics,
  .stlb375-value-grid,
  .stlb375-member-points,
  .stlb375-hub-list{
    grid-template-columns:1fr 1fr!important;
  }
  .stlb375-proof-row span,
  .stlb376-hero-mini-grid span,
  .stlb388-hero-metrics span{
    min-height:34px!important;
    padding:8px!important;
    font-size:.78rem!important;
  }

  .stlb375-hero-stage{
    margin-top:10px!important;
  }
  .stlb388-showcase-console{
    padding:10px!important;
  }
  .stlb381-main-product,
  .stlb388-main-product{
    min-height:260px!important;
  }
  .stlb388-product-mosaic{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .stlb388-mosaic-item{
    min-height:104px!important;
  }

  .stlb375-product-media,
  .card-img{
    min-height:230px!important;
    max-height:280px!important;
  }
  .stlb375-product-copy h3,
  .card-body h3{
    min-height:auto!important;
  }

  .stlb335-main-render{
    min-height:330px!important;
  }
  .stlb335-angle-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .stlb335-angle-grid figure{
    min-height:82px!important;
  }
  .stlb335-angle-grid figcaption{
    font-size:.68rem!important;
  }
  .stlb335-buy-panel h1{
    font-size:clamp(1.65rem,8vw,2.35rem)!important;
  }
  .stlb335-price-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .specs{
    grid-template-columns:1fr!important;
  }
  .specs div{
    min-height:auto!important;
  }

  .stlb316-footer{
    padding-block:24px!important;
  }
  .stlb316-footer-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .stlb316-footer-brand{
    align-items:center!important;
  }
  .stlb316-footer-brand img{
    max-height:46px!important;
  }
  .stlb316-footer nav{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px 10px!important;
  }
  .stlb316-footer nav b{
    grid-column:1 / -1;
    margin-top:6px;
  }
  .stlb316-footer nav a{
    font-size:.82rem!important;
  }
}

/* Very narrow phones */
@media(max-width:390px){
  .stlb376-brand-mark{
    max-width:230px!important;
  }
  .stlb376-brand-mark img{
    max-height:58px!important;
  }
  .stlb376-hero-mini-grid,
  .stlb375-proof-row,
  .stlb388-hero-metrics,
  .stlb375-value-grid,
  .stlb375-member-points,
  .stlb375-hub-list{
    grid-template-columns:1fr!important;
  }
  .stlb381-main-product,
  .stlb388-main-product{
    min-height:230px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}