/* ===============================
   SVORIS COMPACT PREMIUM CARD
================================ */

.s4-card{
  width:100%;
  background:#fff;
  border-radius:16px;
  padding:10px;
  text-align:center;
  transition:.25s ease;
  box-shadow:
    0 4px 14px rgba(0,0,0,.06);
}

.s4-card:hover{
  transform:translateY(-4px);
  box-shadow:
    0 12px 28px rgba(0,0,0,.10);
}

/* IMAGE */
.s4-imagebox{
  position:relative;
  width:100%;
  aspect-ratio:1/1;     /* 🔥 kare */
  border-radius:14px;
  overflow:hidden;
  background:#f4f4f4;
}

.s4-imagebox img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.3s ease;
}

.s4-card:hover .s4-imagebox img{
  transform:scale(1.06);
}

/* BADGE (üst ortada) */
.s4-badge{
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  background:linear-gradient(135deg,#ff7a18,#ffb020);
  color:#1a0e00;
  padding:6px 14px;
  font-size:11px;
  font-weight:800;
  border-radius:999px;
  box-shadow:0 8px 18px rgba(255,140,0,.25);
}

/* STOCK ALT */
.s4-stock{
  position:absolute;
  bottom:10px;
  left:50%;
  transform:translateX(-50%);
  background:#f59e0b;
  color:#1f1300;
  padding:6px 14px;
  font-size:10px;
  font-weight:900;
  border-radius:999px;
}

/* BRAND */
.s4-brand{
  font-size:12px;
  color:#9ca3af;
  margin-top:10px;
}

/* TITLE */
.s4-title{
  font-size:13px;
  font-weight:700;
  margin-top:4px;
  min-height:36px;
  line-height:1.3;
}

/* PRICE */
.s4-price{
  margin-top:8px;
  font-weight:900;
  font-size:15px;
}

.s4-price--discount{
  color:#dc2626;
}

.s4-old{
  font-size:12px;
  color:#9ca3af;
  text-decoration:line-through;
  margin-left:6px;
}

/* MOBILE */
@media (max-width:576px){
  .s4-imagebox{
    aspect-ratio:1/1;
  }

  .s4-title{
    font-size:12px;
  }

  .s4-price{
    font-size:14px;
  }
}