/* =========================
   PRICE BLOCK (responsive)
   ========================= */

.price-block{
  padding-left: .25rem;
  padding-right: .25rem;
}

@media (max-width: 1199.98px){
  .price-block{
    max-width: 520px;
    margin-inline: auto;
  }
}

/* üst satır: eski fiyat + badge */
.price-top{
  margin-bottom: .1rem;
}

.price-old{
  white-space: nowrap;
  opacity: .85;
}

/* badge daha premium dursun */
.price-badge{
  font-size: .75rem;
  padding: .25rem .5rem;
  line-height: 1;
}

/* ana fiyat satırı */
.price-main{
  line-height: 1.05;
}

/* responsive font: mobile küçülür, desktop büyür */
.price-value{
  font-size: clamp(1.55rem, 5.3vw, 2.15rem);
  display: inline-block;
  letter-spacing: -0.2px;
}

.price-kdv{
  font-size: .85rem;
  font-weight: 600;
  opacity: .75;
  margin-left: .35rem;
  white-space: nowrap;
}

/* Mobilde +KDV alt satıra insin (daha temiz) */
@media (max-width: 575.98px){
  .price-kdv{
    display: block;
    margin-left: 0;
    margin-top: .15rem;
  }
}

/* =========================
   HAVALE / EFT BAR
   ========================= */

.price-havale{
  background: rgba(25,135,84,.06);
  border-color: rgba(25,135,84,.25) !important;
}

/* sağdaki havale fiyatı */
.price-havale-value{
  width: 100%;
  text-align: center;
}

@media (min-width: 576px){
  .price-havale-value{
    width: auto;
    text-align: right;
  }
}

/* havale fiyatının fontu ana fiyattan biraz küçük olsun */
.price-value-sm{
  font-size: clamp(1.05rem, 3.6vw, 1.25rem);
  display: inline-block;
  letter-spacing: -0.1px;
}



/* =========================
   YILDIZ İLE OYLAMA
   ========================= */

.star-rating {
    display: inline-flex;
    flex-direction: row-reverse; /* ters sıra, CSS ~ selector’ı için */
    font-size: 2rem;           /* yıldız boyutu */
}
.star-rating input {
    display: none;               /* gizli radio’lar */
}
.star-rating label {
    cursor: pointer;
    color: #ddd;                 /* boş yıldız rengi */
    transition: color .2s;
}

/* ======= Initial state: hover yokken checked yıldızı göster ======= */
.star-rating:not(:hover) input:checked ~ label {
    color: #ffc107;              /* dolu yıldız rengi */
}

/* ======= Hover’da yalnızca o değere kadar doldur ======= */
.star-rating:hover label:hover,
.star-rating:hover label:hover ~ label {
    color: #ffc107;
}