/* Modern PDP styles */
.pdp-panels{margin-top:18px}
.pdp-block{padding:14px 0;border-top:1px solid rgba(0,0,0,.07)}
.pdp-block-head{display:flex;justify-content:space-between;margin-bottom:10px}
.pdp-chip span{border:1px solid #ccc;border-radius:999px;padding:6px 12px;cursor:pointer}
.pdp-chip input{display:none}
.pdp-chip input:checked+span{background:#111;color:#fff}
.pdp-swatch-dot{width:22px;height:22px;border-radius:50%;display:inline-block}
.pdp-accordion details{border-top:1px solid #eee;padding:10px 0}
.pdp-modal{display:none}
.pdp-modal.is-open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4)}
/* --- PDP Color UI polish (safe override) --- */
.pdp-block-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.pdp-swatches{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.pdp-swatch{
  display:inline-flex;
  align-items:center;
  cursor:pointer;
}

.pdp-swatch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.pdp-swatch-dot{
  width:16px;
  height:16px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.18);
  box-sizing:border-box;
}

.pdp-swatch input:checked + .pdp-swatch-dot{
  outline:2px solid #111;
  outline-offset:3px;
}
/* --- Thumbnail row spacing fix --- */
.product-thumb-row{
  display:flex;
  gap:12px;            /* boşluğu burada kontrol et */
  align-items:center;
  flex-wrap:nowrap;
}

.thumb-btn{
  margin:0 !important;
  padding:0;
  border:0;
  background:transparent;
  flex:0 0 auto;
}

.thumb-btn img{
  display:block;       /* inline image gap fix */
}
/* === PDP: sağ taraftaki boşluğu kaldır (safe override) === */

/* Beden/Renk bloğu her durumda tam genişlik kaplasın */
.pdp-panels{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  justify-self: stretch !important; /* parent grid ise */
  align-self: stretch !important;   /* parent flex ise */
}

/* Eğer parent grid ise (çok muhtemel), 2 kolonun tamamına yay */
.product-buy .pdp-panels{
  grid-column: 1 / -1 !important;
}

/* Bazen başlık satırları sağa itiliyor, hizayı sabitle */
.pdp-block-head{
  width: 100%;
}

/* swatch yuvarlaklar aynen kalsın */
.pdp-swatch-dot{
  border-radius: 999px;
}
/* Renk alanındaki "Seçiniz" yazısını kaldır */
#selectedColorText{
  display: none !important;
}
/* Favori butonunda yazıyı gizle, sadece kalp kalsın */
.btn-pill.btn-ghost{
  font-size: 0;          /* yazıyı yok et */
  padding: 8px 10px;
}

.btn-pill.btn-ghost::before{
  content: "♡";
  font-size: 16px;
}
/* Beden ölçüleri butonunu tamamen kaldır */
.pdp-link{
  display: none !important;
}
/* Sepete ekle + favori yan yana */
.pdp-buy-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:12px;
}

/* Favori ikon butonu */
.btn-fav{
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid #ddd;
  background:#fff;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .2s ease;
}

.btn-fav:hover{
  border-color:#111;
}

.btn-fav.is-active{
  background:#111;
  color:#fff;
  border-color:#111;
}
/* === FIX: Ürün adı görünmüyor (force show) === */
.product-title{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  font-size:28px !important;
  line-height:1.2 !important;
  color:#111 !important;

  margin:0 0 12px 0 !important;
}

.product-details .product-title{
  font-size: 28px !important;
  color: #111 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

.product-page{
  grid-template-columns: 1fr 1fr !important; /* eğer 2 kolon grid ise */
}

.product-details{
  min-width: 0 !important;
}
/* === FIX: Sağ kolon üstüne binme / görünmeme === */
.product-page{
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: 28px !important;
  align-items: start !important;
}

.product-gallery{
  position: relative !important;
  z-index: 1 !important;
}

.product-details{
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  overflow: visible !important;
}

/* Başlık kesin görünür */
.product-title{
  display:block !important;
  font-size:28px !important;
  line-height:1.2 !important;
  color:#111 !important;
  margin:0 0 12px 0 !important;
}

/* MOBILE PRODUCT SLIDER */
@media (max-width: 768px){
  .pdp-gallery{
    overflow-x: auto;
    display: flex;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .pdp-gallery::-webkit-scrollbar{
    display:none;
  }

  .pdp-gallery-item{
    min-width: 100%;
    scroll-snap-align: start;
    flex-shrink: 0;
  }

  .pdp-main-image{
    width:100%;
    height:auto;
    border-radius:18px;
  }

  /* thumb’ları mobilde gizle */
  .pdp-thumbs{
    display:none;
  }
}

/* ===== FIX 1: Slider okları başlığa taşmasın ===== */
.pdp-slider{
  position:relative !important; /* kritik */
}

/* mobilde başlık sliderdan sonra net boşluk alsın */
@media (max-width: 980px){
  .pdp-title{ margin-top: 14px !important; }
}

/* ===== FIX 2: Mobilde "Sepete Ekle / Satın Al" düzgün dursun ===== */
.btn-ghost{ color:#111 !important; } /* bazen görünmez gibi oluyordu */

@media (max-width: 980px){
  .pdp-actions{
    position: sticky;
    bottom: 10px;
    z-index: 50;

    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 10px;

    padding: 12px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.92) !important;
    backdrop-filter: blur(12px);
  }

  .pdp-actions .qty{
    grid-column: 1 / -1;  /* Adet üstte tek satır */
  }

  .pdp-actions button{
    width: 100%;
    min-height: 46px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
}