/* STLBEAST Main V408 — Product Section Images + Layout Upgrade */

.stlb375-products .stlb375-section-head,
.stlb353-catalog-hero + .section .section-head{
  align-items:end;
}

/* Homepage featured products */
.stlb375-product-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}

.stlb408-home-card,
.stlb408-product-card{
  position:relative;
  border:1px solid rgba(103,232,249,.14) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,rgba(9,18,34,.96),rgba(3,7,16,.99)) !important;
  box-shadow:0 22px 65px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03) !important;
  overflow:hidden !important;
}

.stlb408-home-card::after,
.stlb408-product-card::after{
  content:"";
  position:absolute; inset:auto 0 0 0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(103,232,249,.6),transparent);
  opacity:.65;
}

.stlb408-product-media,
.stlb408-card-img,
.stlb353-category-img{
  position:relative;
  background:
    radial-gradient(circle at 50% 18%,rgba(37,99,235,.24),transparent 34%),
    radial-gradient(circle at 82% 90%,rgba(168,85,247,.14),transparent 28%),
    linear-gradient(180deg,#0a1424 0%,#040916 100%) !important;
}

.stlb408-product-media,
.stlb408-card-img{
  height:clamp(220px,21vw,300px) !important;
  aspect-ratio:auto !important;
  padding:12px !important;
}

.stlb408-product-media img,
.stlb408-card-img img,
.stlb353-category-img img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:18px;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.45));
}

.stlb408-product-media span,
.stlb408-card-badge{
  position:absolute;
  left:14px; top:14px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(5,10,20,.78);
  border:1px solid rgba(103,232,249,.22);
  color:#d8f7ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}

.stlb408-product-copy,
.stlb408-card-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px 16px 18px !important;
}

.stlb408-card-meta,
.stlb408-card-top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.stlb408-cat,
.stlb333-chip,
.stlb333-sku{
  display:inline-flex;
  align-items:center;
  min-height:0;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:rgba(103,232,249,.08) !important;
  border:1px solid rgba(103,232,249,.16) !important;
  color:#dff9ff !important;
  font-size:.72rem !important;
  font-weight:800 !important;
  letter-spacing:.02em;
}

.stlb333-sku{background:rgba(255,255,255,.04) !important; color:#bfd1e6 !important; border-color:rgba(255,255,255,.10) !important;}

.stlb408-price,
.stlb408-card-meta-row .price,
.stlb408-card-meta-row span:first-child{
  color:#7ee8ff !important;
  font-weight:900 !important;
  font-size:1.02rem !important;
}

.stlb408-home-card h3,
.stlb408-product-card h3,
.stlb375-product-copy h3,
.stlb333-product-card h3{
  margin:0 !important;
  font-size:1.15rem !important;
  line-height:1.12 !important;
}

.stlb408-home-card h3 a,
.stlb408-product-card h3 a,
.stlb375-product-copy h3 a,
.stlb333-product-card h3 a{color:#fff !important; text-decoration:none !important;}

.stlb408-home-card p,
.stlb408-product-card p,
.stlb375-product-copy p,
.stlb333-product-card p{
  margin:0 !important;
  color:#a8b8cd !important;
  font-size:.92rem !important;
  line-height:1.55 !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.stlb408-home-card p,
.stlb375-product-copy p{-webkit-line-clamp:2 !important;}
.stlb408-product-card p,
.stlb333-product-card p{-webkit-line-clamp:3 !important;}

.stlb408-card-actions,
.stlb408-card-meta-row,
.stlb408-card-actions .mini,
.stlb408-card-actions a,
.stlb408-card-actions span,
.stlb408-card-actions .stlb333-note,
.stlb408-card-actions .mini,
.stlb408-home-card .stlb408-card-actions{
  margin-top:auto;
}

.stlb408-card-actions,
.stlb408-home-card .stlb408-card-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}

.stlb408-card-meta-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  color:#8ea3ba !important;
  font-size:.82rem !important;
}

.stlb408-mini-btn,
.stlb408-card-actions .mini{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 14px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#269bff,#3466ff) !important;
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
  border:1px solid rgba(125,211,252,.28) !important;
  box-shadow:0 12px 26px rgba(37,99,235,.24) !important;
}

.stlb375-stars{
  color:#ffd45c !important;
  font-size:.86rem !important;
}

/* Catalog feature grid and category cards */
.stlb333-showcase-grid.stlb353-feature-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}

.stlb353-category-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

.stlb353-category-card{
  display:grid !important;
  grid-template-rows:auto 1fr;
  border-radius:24px !important;
  overflow:hidden !important;
  border:1px solid rgba(103,232,249,.12) !important;
  background:linear-gradient(180deg,rgba(9,18,34,.96),rgba(4,9,18,.98)) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.28) !important;
}

.stlb353-category-img{height:220px !important; padding:10px !important;}
.stlb353-category-card > div{padding:15px 16px 18px !important; display:flex; flex-direction:column; gap:8px;}
.stlb353-category-card h3{margin:0 !important; font-size:1.1rem !important; color:#fff !important;}
.stlb353-category-card p{margin:0 !important; color:#a8b8cd !important; line-height:1.5 !important;}
.stlb353-category-card a:last-child{margin-top:auto; color:#7ee8ff !important; font-weight:800 !important; text-decoration:none !important;}

@media (max-width:1180px){
  .stlb375-product-grid,
  .stlb333-showcase-grid.stlb353-feature-grid,
  .stlb353-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:720px){
  .stlb375-product-grid,
  .stlb333-showcase-grid.stlb353-feature-grid,
  .stlb353-category-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .stlb408-home-card,
  .stlb408-product-card,
  .stlb353-category-card{
    border-radius:20px !important;
  }

  .stlb408-home-card,
  .stlb408-product-card{
    display:grid !important;
    grid-template-columns:132px minmax(0,1fr) !important;
    align-items:stretch !important;
  }

  .stlb408-home-card .stlb408-product-media,
  .stlb408-product-card .stlb408-card-img{
    height:auto !important;
    min-height:132px !important;
    padding:10px !important;
    border-right:1px solid rgba(103,232,249,.10) !important;
  }

  .stlb408-home-card .stlb408-product-copy,
  .stlb408-product-card .stlb408-card-body{
    padding:12px !important;
    gap:8px !important;
  }

  .stlb408-home-card h3,
  .stlb408-product-card h3,
  .stlb375-product-copy h3,
  .stlb333-product-card h3{font-size:1rem !important;}

  .stlb408-home-card p,
  .stlb408-product-card p,
  .stlb375-product-copy p,
  .stlb333-product-card p{font-size:.84rem !important; line-height:1.45 !important;}

  .stlb408-card-meta,
  .stlb408-card-top{gap:6px !important;}

  .stlb408-cat,
  .stlb333-chip,
  .stlb333-sku,
  .stlb408-product-media span,
  .stlb408-card-badge{font-size:.62rem !important; padding:5px 8px !important;}

  .stlb408-price,
  .stlb408-card-meta-row span:first-child{font-size:.92rem !important;}

  .stlb408-card-actions,
  .stlb408-home-card .stlb408-card-actions{justify-content:flex-start !important; flex-wrap:wrap !important;}

  .stlb408-mini-btn,
  .stlb408-card-actions .mini{min-height:36px !important; padding:8px 12px !important; border-radius:12px !important;}

  .stlb353-category-card{grid-template-columns:120px minmax(0,1fr); grid-template-rows:none !important;}
  .stlb353-category-img{height:auto !important; min-height:120px !important; border-right:1px solid rgba(103,232,249,.10) !important;}
  .stlb353-category-card > div{padding:12px !important;}
}