/* STLBEAST V211 — Premium Product Section Upgrade
   Reliability-first: clearer readiness, premium cards, filters, guarded checkout states. */

.stlb211-catalog-hero,
.stlb211-filter-panel,
.stlb211-product-section,
.stlb211-trust-panel,
.stlb211-product-hero,
.stlb211-gallery-panel,
.stlb211-details-grid,
.stlb211-more-panel{
  box-sizing:border-box!important;
  width:min(1180px,calc(100vw - 24px))!important;
  margin:18px auto!important;
  color:#eef8ff!important;
}

.stlb211-catalog-hero,
.stlb211-product-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(330px,.75fr)!important;
  gap:22px!important;
  align-items:stretch!important;
  padding:28px!important;
  border-radius:28px!important;
  border:1px solid rgba(32,217,255,.32)!important;
  background:
    radial-gradient(circle at 9% 12%,rgba(32,217,255,.20),transparent 36%),
    radial-gradient(circle at 92% 10%,rgba(226,43,255,.18),transparent 34%),
    linear-gradient(135deg,rgba(5,18,31,.98),rgba(4,9,24,.98))!important;
  box-shadow:0 30px 86px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.035)!important;
}

.stlb211-kicker{
  display:inline-flex!important;
  width:max-content!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(32,217,255,.43)!important;
  background:rgba(32,217,255,.12)!important;
  color:#8cefff!important;
  font-size:.72rem!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.085em!important;
}

.stlb211-catalog-hero h1,
.stlb211-product-copy h1{
  margin:15px 0 12px!important;
  color:#fff!important;
  font-size:clamp(2.6rem,6vw,5.6rem)!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
  text-transform:uppercase!important;
}

.stlb211-catalog-hero h1 span,
.stlb211-product-copy h1 span{
  display:block!important;
  color:#27cfff!important;
  text-shadow:0 0 24px rgba(32,217,255,.16)!important;
}

.stlb211-catalog-hero p,
.stlb211-product-copy p,
.stlb211-note{
  max-width:790px!important;
  color:rgba(225,240,255,.80)!important;
  line-height:1.65!important;
}

.stlb211-actions,
.stlb211-card-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:16px!important;
}

.stlb211-btn{
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0 17px!important;
  border-radius:999px!important;
  border:1px solid rgba(120,205,255,.22)!important;
  background:rgba(255,255,255,.055)!important;
  color:#f4fbff!important;
  text-decoration:none!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

.stlb211-btn.primary{
  border:0!important;
  background:linear-gradient(135deg,#29d7ff,#ff29d5)!important;
  color:#06101c!important;
  box-shadow:0 0 26px rgba(32,217,255,.24)!important;
}

.stlb211-btn.disabled{
  opacity:.74!important;
  cursor:not-allowed!important;
  border-color:rgba(251,146,60,.28)!important;
  color:#ffd7a8!important;
  background:rgba(251,146,60,.10)!important;
}

.stlb211-catalog-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-content:center!important;
}

.stlb211-catalog-stats div{
  padding:16px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(255,255,255,.045)!important;
}

.stlb211-catalog-stats div.good{border-color:rgba(34,197,94,.34)!important;background:rgba(34,197,94,.08)!important}
.stlb211-catalog-stats div.warn{border-color:rgba(251,146,60,.38)!important;background:rgba(251,146,60,.09)!important}

.stlb211-catalog-stats b{
  display:block!important;
  color:#fff!important;
  font-size:2rem!important;
  line-height:1!important;
}

.stlb211-catalog-stats span{
  display:block!important;
  margin-top:7px!important;
  color:rgba(225,240,255,.72)!important;
  font-size:.78rem!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

.stlb211-filter-panel,
.stlb211-product-section,
.stlb211-gallery-panel,
.stlb211-more-panel{
  padding:22px!important;
  border-radius:26px!important;
  border:1px solid rgba(32,217,255,.25)!important;
  background:linear-gradient(145deg,rgba(3,16,31,.95),rgba(5,9,25,.97))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.28)!important;
}

.stlb211-filter-head,
.stlb211-section-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:16px!important;
}

.stlb211-filter-head h2,
.stlb211-section-head h2{
  margin:5px 0 0!important;
  color:#fff!important;
  font-size:clamp(1.7rem,3vw,2.8rem)!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:-.04em!important;
}

.stlb211-view{
  display:inline-flex!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  color:#9fe8ff!important;
  border:1px solid rgba(32,217,255,.28)!important;
  background:rgba(32,217,255,.08)!important;
  font-size:.76rem!important;
  font-weight:900!important;
}

.stlb211-filter-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
}

.stlb211-filter{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(120,205,255,.20)!important;
  background:rgba(255,255,255,.055)!important;
  color:#eaf8ff!important;
  font-size:.72rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
  cursor:pointer!important;
}

.stlb211-filter.is-active{
  background:linear-gradient(135deg,#29d7ff,#8a5cff)!important;
  color:#06101c!important;
  border:0!important;
}

.stlb211-product-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}

.stlb211-product-card{
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(120,205,255,.18)!important;
  background:linear-gradient(180deg,rgba(8,24,43,.95),rgba(5,10,24,.98))!important;
  box-shadow:0 22px 54px rgba(0,0,0,.25)!important;
}

.stlb211-media{
  position:relative!important;
  display:block!important;
  min-height:240px!important;
  background:#020812!important;
  overflow:hidden!important;
}

.stlb211-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:240px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:saturate(1.06) contrast(1.04)!important;
}

.stlb211-status{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  z-index:2!important;
  display:inline-flex!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:.66rem!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
  backdrop-filter:blur(10px)!important;
}

.stlb211-status.ready{
  color:#bbf7d0!important;
  border:1px solid rgba(34,197,94,.38)!important;
  background:rgba(34,197,94,.16)!important;
}

.stlb211-status.guarded{
  color:#fed7aa!important;
  border:1px solid rgba(251,146,60,.40)!important;
  background:rgba(251,146,60,.17)!important;
}

.stlb211-card-body{
  display:grid!important;
  gap:10px!important;
  padding:16px!important;
}

.stlb211-type{
  color:#8cefff!important;
  font-size:.68rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

.stlb211-card-body h3{
  margin:0!important;
  color:#fff!important;
  font-size:1.05rem!important;
  line-height:1.13!important;
}

.stlb211-card-body p{
  margin:0!important;
  color:rgba(225,240,255,.72)!important;
  line-height:1.46!important;
  font-size:.9rem!important;
}

.stlb211-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

.stlb211-badges span{
  display:inline-flex!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(120,205,255,.18)!important;
  background:rgba(255,255,255,.055)!important;
  color:#dff7ff!important;
  font-size:.66rem!important;
  font-weight:850!important;
}

.stlb211-price-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-top:2px!important;
}

.stlb211-price-row strong{
  color:#fff!important;
  font-size:1.22rem!important;
}

.stlb211-price-row small{
  color:#9fb5ce!important;
}

.stlb211-trust-panel{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

.stlb211-trust-panel article,
.stlb211-details-grid article,
.stlb211-link-grid a{
  padding:18px!important;
  border-radius:18px!important;
  border:1px solid rgba(120,205,255,.16)!important;
  background:linear-gradient(180deg,rgba(8,24,43,.86),rgba(4,12,25,.94))!important;
}

.stlb211-trust-panel b,
.stlb211-details-grid h3,
.stlb211-link-grid strong{
  display:block!important;
  margin:0 0 8px!important;
  color:#fff!important;
  text-transform:uppercase!important;
  letter-spacing:-.02em!important;
}

.stlb211-trust-panel span,
.stlb211-details-grid p,
.stlb211-link-grid span,
.stlb211-details-grid li{
  color:rgba(225,240,255,.75)!important;
  line-height:1.55!important;
}

.stlb211-product-media{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  min-height:540px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(120,205,255,.18)!important;
  background:#020812!important;
}

.stlb211-product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

.stlb211-subtitle{
  color:#9fe8ff!important;
  font-weight:800!important;
}

.stlb211-product-meta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:14px 0!important;
}

.stlb211-product-meta div{
  padding:12px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
}

.stlb211-product-meta b{
  display:block!important;
  color:#8cefff!important;
  font-size:.7rem!important;
  text-transform:uppercase!important;
}

.stlb211-product-meta span{
  display:block!important;
  margin-top:5px!important;
  color:#fff!important;
  font-size:.85rem!important;
}

.stlb211-product-gallery{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

.stlb211-product-gallery article{
  min-height:320px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  border:1px solid rgba(120,205,255,.16)!important;
  background:#020812!important;
}

.stlb211-product-gallery img{
  width:100%!important;
  height:100%!important;
  min-height:320px!important;
  object-fit:contain!important;
}

.stlb211-details-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

.stlb211-details-grid ul{
  margin:0!important;
  padding-left:18px!important;
}

.stlb211-link-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

.stlb211-link-grid a{
  display:block!important;
  text-decoration:none!important;
}

@media(max-width:1100px){
  .stlb211-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stlb211-catalog-hero,
  .stlb211-product-hero{grid-template-columns:1fr!important}
  .stlb211-product-media{min-height:420px!important}
}

@media(max-width:760px){
  .stlb211-catalog-hero,
  .stlb211-filter-panel,
  .stlb211-product-section,
  .stlb211-product-hero,
  .stlb211-gallery-panel,
  .stlb211-more-panel{
    width:calc(100vw - 16px)!important;
    padding:16px!important;
  }
  .stlb211-product-grid,
  .stlb211-trust-panel,
  .stlb211-product-gallery,
  .stlb211-details-grid,
  .stlb211-link-grid,
  .stlb211-product-meta,
  .stlb211-catalog-stats{
    grid-template-columns:1fr!important;
  }
  .stlb211-catalog-hero h1,
  .stlb211-product-copy h1{
    font-size:clamp(2.2rem,12vw,4rem)!important;
  }
  .stlb211-actions,
  .stlb211-card-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .stlb211-btn{width:100%!important}
  .stlb211-media,
  .stlb211-media img{min-height:270px!important}
  .stlb211-product-media{min-height:340px!important}
}