/* STLBEAST V333 premium product showcase and catalog flow */
.stlb333-showcase-grid,
.stlb333-catalog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.stlb333-showcase-grid{grid-auto-flow:dense}
.stlb333-product-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(70,196,255,.14), transparent 28%),
    linear-gradient(180deg, rgba(10,16,29,.98), rgba(5,9,18,.985));
  border:1px solid rgba(90,187,255,.14);
  box-shadow:0 22px 54px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.02);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.stlb333-product-card:hover{
  transform:translateY(-4px);
  border-color:rgba(101,211,255,.34);
  box-shadow:0 28px 72px rgba(0,0,0,.38), 0 0 0 1px rgba(53,167,255,.09);
}
.stlb333-product-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.025), transparent 28%);
}
.stlb333-product-card .card-img{
  position:relative;
  min-height:272px;
  padding:22px 22px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 74%, rgba(30,212,255,.18), transparent 35%),
    linear-gradient(180deg, #091221, #040914 78%);
  border-bottom:1px solid rgba(90,187,255,.10);
}
.stlb333-product-card .card-img:before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.05);
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.005));
}
.stlb333-product-card .card-img:after{
  content:"";
  position:absolute;
  left:19%;
  right:19%;
  bottom:16px;
  height:14px;
  border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(37,205,255,.42), transparent 72%);
}
.stlb333-product-card .card-img img{
  position:relative;
  z-index:1;
  width:100%;
  max-width:100%;
  max-height:255px;
  object-fit:contain;
  filter:drop-shadow(0 26px 30px rgba(0,0,0,.62));
}
.stlb333-product-card .card-body{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:18px 18px 20px;
  flex:1;
}
.stlb333-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.stlb333-chip,
.stlb333-sku{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:.70rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.stlb333-chip{
  color:#dff7ff;
  background:rgba(54,188,255,.10);
  border:1px solid rgba(54,188,255,.22);
}
.stlb333-sku{
  color:#9fe8ff;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
}
.stlb333-product-card .meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  color:#8fefff;
  font-size:.74rem;
  font-weight:950;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.stlb333-product-card .meta .price{
  color:#ffd07f;
  font-size:1rem;
  letter-spacing:.01em;
}
.stlb333-product-card h3{
  margin:0;
  font-size:1.25rem;
  line-height:1.08;
}
.stlb333-product-card h3 a{color:#fff;text-decoration:none}
.stlb333-product-card p{
  margin:0;
  color:#aebfd8;
  line-height:1.62;
  font-size:.95rem;
  flex:1;
}
.stlb333-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
}
.stlb333-note{
  color:#8ea5c1;
  font-size:.78rem;
  font-weight:700;
}
.stlb333-product-card .mini{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:14px;
  background:linear-gradient(135deg,#18d8ff,#2563eb);
  color:#fff;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(28,131,255,.28);
}
.stlb333-product-card .mini:hover{filter:brightness(1.06)}
/* homepage feature treatment */
.stlb333-showcase-grid .stlb333-product-card:first-child{
  grid-column:span 2;
  grid-row:span 2;
}
.stlb333-showcase-grid .stlb333-product-card:first-child .card-img{
  min-height:380px;
  padding:28px 28px 14px;
}
.stlb333-showcase-grid .stlb333-product-card:first-child .card-img img{
  max-height:340px;
}
.stlb333-showcase-grid .stlb333-product-card:first-child .card-body{
  padding:22px 22px 24px;
}
.stlb333-showcase-grid .stlb333-product-card:first-child h3{
  font-size:1.7rem;
}
.stlb333-showcase-grid .stlb333-product-card:first-child p{
  font-size:1rem;
  max-width:68ch;
}
.stlb333-showcase-grid .stlb333-product-card:first-child .mini{
  min-height:46px;
  padding:0 18px;
}
.stlb333-catalog-grid .stlb333-product-card .card-img{min-height:260px}
.stlb333-catalog-grid .stlb333-product-card .card-img img{max-height:235px}
.section-head .page-title{margin:0 0 10px;font-size:clamp(2.1rem,4.8vw,4rem);line-height:.95;letter-spacing:-.04em}
@media(max-width:1150px){
  .stlb333-showcase-grid,
  .stlb333-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .stlb333-showcase-grid .stlb333-product-card:first-child{grid-column:span 2;grid-row:auto}
}
@media(max-width:760px){
  .stlb333-showcase-grid,
  .stlb333-catalog-grid{grid-template-columns:1fr;gap:18px}
  .stlb333-showcase-grid .stlb333-product-card:first-child{grid-column:auto}
  .stlb333-product-card .card-img,
  .stlb333-showcase-grid .stlb333-product-card:first-child .card-img{min-height:280px;padding:20px 20px 12px}
  .stlb333-product-card .card-img img,
  .stlb333-showcase-grid .stlb333-product-card:first-child .card-img img{max-height:245px}
  .stlb333-showcase-grid .stlb333-product-card:first-child h3{font-size:1.35rem}
}