/* ============================================================================
   Depo teması — ürün detay sayfası tasarım katmanı.
   Yalnızca ürün sayfasında yüklenir; depo.css'ten sonra gelir.
   Sayfanın işlevsel yapısı (varyant, kampanya, taksit, dosya, yorum blokları)
   korunur; tipografi, renk, kenar ve boşluk düzeni depo diline çevrilir.
   ========================================================================== */

/* ─────────────────────────────────────────────── sayfa çerçevesi ─── */
/* Genişlik viewport'a göre verilir; üst konteynerin payı iki kez uygulanmasın. */
.depo .product-detail-wrap {
  width: min(1240px, 92vw) !important; max-width: none !important;
  margin-inline: auto !important; padding-inline: 0 !important;
}
@media (max-width: 760px) { .depo .product-detail-wrap { width: 93vw !important; } }

/* Kolon dengesi — depo ızgarasında orta kolona nefes alanı */
@media (min-width: 992px) {
  .depo .product-gallery-col-custom { flex: 0 0 42% !important; max-width: 42% !important; }
  .depo .product-info-col-custom    { flex: 0 0 34% !important; max-width: 34% !important; }
  .depo .product-sidebar-col-custom { flex: 0 0 24% !important; max-width: 24% !important; }
  .depo .product-row-no-sidebar .product-gallery-col-custom,
  .depo .product-row-no-sidebar .product-info-col-custom { flex: 0 0 50% !important; max-width: 50% !important; }
}

/* Tema geneli "gölge yok" kuralını depo kartları için geri açar */
.depo .product-detail-wrap .pd-buy,
.depo .product-detail-wrap .product-tabs-container { box-shadow: 0 8px 25px #1d160c0a !important; }

/* ───────────────────────────────────────────────────── kırıntı yolu ─── */
/* Kart değil, içeriğin üstüne oturan ince bir künye satırı: altındaki saç
   çizgisi galeriyle aynı hizada başlar, böylece boşlukta asılı kalmaz. */
.depo main { padding-top: 6px !important; }
.depo main > .container { padding-top: 0 !important; }
.depo nav.pd-breadcrumb {
  background: none !important; background-color: transparent !important;
  border: 0 !important; border-bottom: 1px solid #ece7dd !important; border-radius: 0 !important;
  padding: 0 0 7px !important; margin: 10px 0 10px !important;
  font-size: 11.5px !important; letter-spacing: .2px !important;
  line-height: 1.25 !important; color: var(--d-muted) !important;
  display: flex !important; align-items: center !important;
}
.depo .pd-breadcrumb a { color: var(--d-muted) !important; font-weight: 500 !important; flex: 0 0 auto; }
.depo .pd-breadcrumb a:hover { color: var(--d-gold) !important; }
.depo .pd-breadcrumb .sep { margin: 0 8px !important; color: #d3ccbd !important; flex: 0 0 auto; }
/* Uzun ürün adları kırıntı yolunu ele geçirmesin */
.depo .pd-breadcrumb .current {
  color: var(--d-ink) !important; font-weight: 500 !important;
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ─────────────────────────────────────────────────────────── galeri ─── */
/* Masaüstünde .product-gallery-card şeffaf bir sarmalayıcıdır (küçük görsel
   şeridi solda mutlak konumlu); çerçeve bu yüzden ana görselin kutusuna verilir. */
.depo .product-gallery-card { background: transparent !important; border: 0 !important; }
.depo .product-gallery-card > .position-relative {
  /* Ürün görsellerinin çoğu beyaz zeminli; çerçeve de beyaz olunca görsel
     kutuya kaynıyor, krem zeminde olduğu gibi ikinci bir dikdörtgen çıkmıyor. */
  background: #fff !important; border: 1px solid #e3ded5 !important;
  border-radius: var(--d-radius) !important; overflow: hidden; position: relative;
}
.depo .product-gallery-card > .position-relative::after {
  content: ''; position: absolute; inset: 10px; z-index: 4; pointer-events: none;
  border: 1px solid #e3d3a94d; border-radius: 3px;
}
.depo .product-main-image { background: #fff !important; }

.depo .carousel-thumb {
  border: 1px solid #e3ded5 !important; border-radius: 4px !important;
  background: #faf9f6 !important; overflow: hidden; box-shadow: none !important;
}
.depo .carousel-thumb:hover { border-color: #cbb991 !important; transform: none !important; }
.depo .carousel-thumb.active {
  border-color: var(--d-gold) !important;
  box-shadow: inset 0 0 0 1px var(--d-gold) !important;
}
.depo .sidebar-nav-btn,
.depo .product-carousel-arrow {
  border: 1px solid #e3ded5 !important; border-radius: 50% !important;
  background: #fff !important; color: var(--d-ink) !important;
}
.depo .sidebar-nav-btn:hover,
.depo .product-carousel-arrow:hover { background: var(--d-dark) !important; color: #fff !important; border-color: var(--d-dark) !important; }

/* ────────────────────────────────────────────────── ürün bilgileri ─── */
.depo .product-info-col .product-info-inner {
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  padding: 2px 0 0 !important; box-shadow: none !important;
}
@media (max-width: 991px) {
  .depo .product-info-col .product-info-inner { padding: 16px 0 0 !important; }
}
/* Başlık: dar orta kolonda 34px satırları paramparça ediyordu; ölçü kolon
   genişliğine göre esner, satır yüksekliği sıkılaşır. */
.depo .product-detail-name {
  font-family: var(--d-font-head) !important; font-weight: 500 !important;
  font-size: clamp(23px, 2vw, 30px) !important; line-height: 1.22 !important;
  letter-spacing: -.3px !important; color: var(--d-ink) !important;
  margin: 0 !important; text-wrap: balance;
}
@media (max-width: 760px) { .depo .product-detail-name { font-size: 25px !important; } }

/* Başlık satırı: favori düğmesi başlığın ilk satırıyla hizalı sabit bir daire */
.depo .product-info-inner > .d-flex.align-items-start {
  gap: 16px !important; margin-bottom: 14px !important; align-items: flex-start !important;
}
.depo .product-info-inner #js-fav-add {
  width: 42px !important; height: 42px !important; flex: 0 0 42px !important;
  padding: 0 !important; margin-top: 2px !important;
  display: grid !important; place-items: center !important;
  font-size: 17px !important;
}

/* Meta satırı: marka · değerlendirme · stok kodu — tek hizada, tek saç çizgisi */
.depo .pd-meta {
  display: flex; flex-wrap: wrap; align-items: center; column-gap: 15px; row-gap: 5px;
  padding-bottom: 15px; margin-bottom: 20px;
  border-bottom: 1px solid #ece7dd;
  font-size: 12px; line-height: 1.5; color: var(--d-muted);
}
.depo .pd-meta .pd-meta-brand { margin: 0 !important; display: inline-flex; align-items: center; gap: 4px; }
.depo .pd-meta .pd-meta-brand span,
.depo .pd-meta .pd-meta-brand a { font-size: 12px !important; }
.depo .pd-meta .pd-meta-brand > span:first-child { color: var(--d-muted) !important; }
.depo .pd-meta .pd-meta-brand a,
.depo .pd-meta .pd-meta-brand > span:last-child { color: var(--d-ink) !important; font-weight: 600 !important; }
.depo .pd-meta .pd-meta-brand a:hover { color: var(--d-gold) !important; }
.depo .pd-meta .product-rating-row {
  margin: 0 !important; padding: 0 !important; border: 0 !important;
  gap: 8px !important; align-items: center !important;
  color: var(--d-muted) !important; font-size: 12px !important;
}
.depo .pd-meta .product-rating-row .stars i { color: var(--d-gold) !important; font-size: 13px !important; }
.depo .pd-meta .product-rating-row .count,
.depo .pd-meta .product-rating-row .sku { font-size: 12px !important; color: var(--d-muted) !important; }
.depo .pd-meta .product-rating-row .sku b { color: var(--d-ink) !important; font-weight: 600 !important; }
.depo .pd-meta .product-rating-row .sep {
  width: 1px !important; height: 11px !important; background: #ded7c9 !important;
  margin: 0 6px !important; padding: 0 !important; border-radius: 0 !important;
}

/* Üretim notu — meta ile kampanya kutusu arasında sakin bir satır */
.depo .product-info-inner .delivery-quick-info {
  border: 0 !important; border-top: 0 !important; background: none !important;
  padding: 0 0 18px !important; margin: 0 0 18px !important;
  border-bottom: 1px solid #f2eee6 !important;
  font-size: 13px !important; color: var(--d-ink) !important;
  display: flex !important; align-items: center !important; gap: 10px !important;
}
.depo .product-info-inner .delivery-quick-info i { color: var(--d-gold) !important; font-size: 17px !important; }
.depo .product-info-inner .delivery-quick-info strong { font-weight: 600 !important; color: var(--d-ink) !important; }

/* Güvence satırları: dar kolonda üç ortalanmış hücre metni parçalıyordu.
   Sola hizalı tek sütunlu liste — satır sayısı yöneticiden gelmeye devam eder. */
.depo .product-info-inner .delivery-info-list,
.depo .product-info-inner .delivery-info-list.d-lg-block {
  display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important;
  border: 1px solid #e8e2d7 !important; border-radius: var(--d-radius) !important;
  background: #fdfcf9 !important; overflow: hidden;
  margin: 18px 0 16px !important; padding: 0 !important;
}
.depo .product-info-inner .delivery-info-item {
  display: flex !important; flex-direction: row !important;
  align-items: center !important; text-align: left !important;
  gap: 11px !important; padding: 11px 14px !important;
  border: 0 !important; border-top: 1px solid #f1ece2 !important;
  font-size: 12.5px !important; line-height: 1.45 !important; color: var(--d-muted) !important;
}
.depo .product-info-inner .delivery-info-item:first-child { border-top: 0 !important; }
.depo .product-info-inner .delivery-info-item:nth-child(n+5) { display: flex !important; }
.depo .product-info-inner .delivery-info-item i {
  font-size: 16px !important; color: var(--d-gold) !important;
  margin: 0 !important; width: 18px; flex: 0 0 18px; text-align: center;
}
.depo .product-info-inner .delivery-info-item strong {
  display: inline !important; font-weight: 600 !important; color: var(--d-ink) !important;
}

/* Favori butonu — depo yuvarlağı */
.depo .product-info-inner .pcard-fav,
.depo .product-info-inner button[onclick*="toggleFavorite"] {
  border: 1px solid #e5ded2 !important; border-radius: 50% !important;
  background: #fff !important; color: var(--d-ink) !important;
}
.depo .product-info-inner button[onclick*="toggleFavorite"].is-active { color: #9e3f32 !important; border-color: #e2c3bc !important; }

/* ───────────────────────────────────────────────── kampanya kutusu ─── */
.depo .kp-box {
  background: linear-gradient(140deg, #fdfbf6, #f4efe3) !important;
  border: 1px solid #ddd0b2 !important; border-radius: 4px !important;
}
.depo .kp-box b, .depo .kp-box strong { color: #6b5326 !important; }
.depo .kp-chip {
  background: #fff !important; border: 1px solid #ddd0b2 !important;
  color: #6b5326 !important; border-radius: 3px !important;
}
.depo .kp-chip.save { background: #f1ece0 !important; color: #5c4a22 !important; }
.depo .kp-cta {
  background: var(--d-dark) !important; color: #fff !important;
  border: 0 !important; border-radius: 3px !important; font-weight: 600 !important;
}
.depo .kp-cta:hover { background: var(--d-gold) !important; }
.depo .kp-eq-cell { border-color: #ddd0b2 !important; border-radius: 4px !important; }
.depo .kp-eq-cell.is-on, .depo .kp-eq-cell.selected { border-color: var(--d-gold) !important; }

/* ───────────────────────────────────────────────────────── varyant ─── */
.depo .product-variant-section > label {
  font-size: 11px !important; letter-spacing: 1.2px !important; text-transform: uppercase !important;
  color: #9a7e4e !important; font-weight: 600 !important;
}
.depo .variant-btn {
  border: 1px solid #e3ded5 !important; border-radius: 4px !important;
  background: #fff !important; color: var(--d-ink) !important;
}
.depo .variant-btn:hover { border-color: #cbb991 !important; }
.depo .variant-btn.selected {
  border-color: var(--d-gold) !important; background: #faf7f0 !important;
  box-shadow: inset 0 0 0 1px var(--d-gold) !important;
}
.depo .variant-btn .variant-price { color: var(--d-muted) !important; }
.depo .variant-btn-media { border-radius: 3px !important; }

/* ────────────────────────────────────────────────── satın alma kutusu ─── */
.depo .pd-buy {
  background: #fff !important; border: 1px solid #e3ded5 !important;
  border-radius: var(--d-radius) !important; position: relative; overflow: hidden;
}
.depo .pd-buy::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--d-gold), transparent);
}
.depo .product-price-main .price-value {
  font-size: 38px !important; font-weight: 700 !important;
  color: var(--d-ink) !important; letter-spacing: -1px !important;
}
.depo .product-price-main .price-symbol { color: var(--d-ink) !important; font-weight: 600 !important; }
.depo .product-price-main .price-original { color: var(--d-muted) !important; }
.depo .product-price-main .discount-badge {
  background: #fff !important; color: #5f4a26 !important;
  border: 1px solid #d9c59c !important; border-radius: 3px !important;
  font-size: 10px !important; letter-spacing: .5px !important;
}
.depo .pd-save {
  background: #f2ede1 !important; color: #5c4a22 !important;
  border: 1px solid #e0d4b8 !important; border-radius: 3px !important;
  font-size: 11px !important; font-weight: 600 !important;
}
.depo .pd-vat { color: var(--d-muted) !important; font-size: 11px !important; }

.depo .product-qty-section {
  border: 1px solid #e3ded5 !important; border-radius: 4px !important; background: #fff !important;
}
.depo .product-qty-section .qty-label {
  font-size: 12px !important; color: var(--d-muted) !important; font-weight: 500 !important;
}
.depo .qty-box { border-left: 1px solid #efeae1 !important; }
.depo .qty-box button { background: none !important; color: var(--d-ink) !important; border: 0 !important; }
.depo .qty-box button:hover { background: #f5f1e9 !important; color: var(--d-gold) !important; }
.depo .qty-box input { color: var(--d-ink) !important; font-weight: 700 !important; }

/* Aksiyon butonları */
.depo .btn-add-cart {
  background: var(--d-dark) !important; color: #fff !important;
  border: 1px solid var(--d-dark) !important; border-radius: 3px !important;
  font-weight: 600 !important; letter-spacing: .2px !important; text-transform: none !important;
}
.depo .btn-add-cart:hover { background: var(--d-gold) !important; border-color: var(--d-gold) !important; }
.depo .btn-add-cart:disabled { background: #d8d3c8 !important; border-color: #d8d3c8 !important; color: #fff !important; }
.depo .btn-buy-now {
  background: #fff !important; color: var(--d-ink) !important;
  border: 1px solid #ddd8ce !important; border-radius: 3px !important; font-weight: 600 !important;
}
.depo .btn-buy-now:hover { border-color: var(--d-gold) !important; color: var(--d-gold) !important; background: #fff !important; }

/* ───────────────────────────────────── yan kartlar / taksit / güvence ─── */
.depo .sidebar-card,
.depo .pd-side-card {
  background: #fff !important; border: 1px solid #e3ded5 !important;
  border-radius: var(--d-radius) !important;
}
.depo .sidebar-card-icon, .depo .pd-side-ico {
  background: #f5f1e9 !important; color: var(--d-gold) !important;
  border: 1px solid #e6dcc6 !important; border-radius: 4px !important;
}
.depo .sidebar-card-title, .depo .pd-side-txt strong { color: var(--d-ink) !important; }
.depo .sidebar-card-desc { color: var(--d-muted) !important; }
.depo .sidebar-card-link, .depo .pd-side-link { color: var(--d-gold) !important; font-weight: 600 !important; }

.depo .delivery-info-item i,
.depo .da-item-icon,
.depo .da-icon-wrap { color: var(--d-gold) !important; }
.depo .delivery-accordion-btn,
.depo .delivery-info-list { border-color: #e9e4da !important; }
.depo .pd-note { color: var(--d-muted) !important; font-size: 12px !important; }
.depo .pd-note.low { color: #9e3f32 !important; }
.depo .pd-wa-ico { background: #f5f1e9 !important; color: var(--d-gold) !important; }

/* ───────────────────────────────────────────────────────── sekmeler ─── */
.depo .product-tabs-container {
  background: #fff !important; border: 1px solid #e3ded5 !important;
  border-radius: var(--d-radius) !important;
}
.depo .product-tabs { border-bottom: 1px solid #e9e4da !important; }
.depo .product-tabs .nav-link {
  border: 0 !important; border-radius: 0 !important; background: none !important;
  color: var(--d-muted) !important; font-size: 13px !important; font-weight: 600 !important;
  position: relative;
}
.depo .product-tabs .nav-link:hover { color: var(--d-ink) !important; }
.depo .product-tabs .nav-link.active { color: var(--d-ink) !important; }
.depo .product-tabs .nav-link.active::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--d-gold);
}
.depo .product-description { font-size: 14px; line-height: 1.85; color: #3d3a34; }
.depo .product-description h1, .depo .product-description h2,
.depo .product-description h3, .depo .product-description h4 {
  font-family: var(--d-font-head); font-weight: 600; letter-spacing: -.2px; color: var(--d-ink);
}
.depo .product-description strong, .depo .product-description b { color: var(--d-ink); }

/* Yorumlar & puan özeti */
.depo .reviews-section .rating-star,
.depo .reviews-section .bi-star-fill { color: var(--d-gold) !important; }
.depo .review-item { border-color: #efeae1 !important; }

/* Taksit tablosu */
.depo .product-tabs-wrap table { font-size: 13px; }
.depo .product-tabs-wrap table thead th {
  background: #faf7f0 !important; color: var(--d-ink) !important;
  border-color: #e9e4da !important; font-weight: 600 !important;
  font-size: 11px !important; letter-spacing: .6px; text-transform: uppercase;
}
.depo .product-tabs-wrap table td { border-color: #efeae1 !important; }

/* ────────────────────────────────────────────────── benzer ürünler ─── */
.depo .pcard-badge,
.depo .product-card .pcard-badge {
  background: #fff !important; color: #5f4a26 !important;
  border: 1px solid #d9c59c !important; border-radius: 3px !important;
  font-size: 9px !important; font-weight: 600 !important; letter-spacing: .5px !important;
}
.depo .pcard-badge--kp { background: #f2ede1 !important; }
.depo .pcard-brand { color: #9a7e4e !important; letter-spacing: .8px !important; }
.depo .pcard-price { color: var(--d-ink) !important; }
.depo .pcard-price-old { color: var(--d-muted) !important; }

/* Sayfa altı sabit çubuk (mobil) */
.depo .bar-price-now { color: var(--d-ink) !important; }
.depo .bar-price-off { background: #f2ede1 !important; color: #5c4a22 !important; border-radius: 3px !important; }

/* ═══════════════════════════════════════════════════ son rötuşlar ═══ */

/* Küçük görsel şeridi: içerik kadar yer kaplasın, boş sütun bırakmasın */
@media (min-width: 992px) {
  .depo .product-thumbs-horizontal { width: 78px !important; bottom: auto !important; height: auto !important; gap: 8px !important; }
  .depo .carousel-thumb { width: 78px !important; height: 98px !important; flex: 0 0 98px !important; }
  .depo .product-gallery-card > .position-relative,
  .depo .product-gallery-card > *:not(.product-thumbs-horizontal):not(.position-relative) { margin-left: 90px !important; }
}

/* Kampanya kutusundaki yeşil kalıntıları temizle */
.depo .kp-box .text-success,
.depo .kp-box .kp-eq-sum,
.depo .kp-box b, .depo .kp-box strong, .depo .kp-box em { color: #6b5326 !important; }
.depo .kp-eq-cell.is-on::after,
.depo .kp-eq-cell .kp-check,
.depo .kp-box .bi-check-circle-fill,
.depo .kp-box .bi-check-lg { color: var(--d-gold) !important; }
.depo .kp-eq-cell .badge,
.depo .kp-box .badge { background: var(--d-gold) !important; color: #fff !important; }

/* Ürün adı yanındaki favori butonu */
.depo #js-fav-add {
  width: 40px; height: 40px; display: grid; place-items: center;
  border: 1px solid #e5ded2 !important; border-radius: 50% !important; background: #fff !important;
}
.depo #js-fav-add i { font-size: 17px !important; color: var(--d-ink) !important; }
.depo #js-fav-add:hover i { color: var(--d-gold) !important; transform: none !important; }
.depo #js-fav-add[data-state="on"] i { color: #9e3f32 !important; }

/* Güvence rozetleri — tek satır, sakin tipografi */
.depo .delivery-quick-info,
.depo .product-info-inner .row.text-center { border-top: 1px solid #efeae1 !important; }
.depo .product-info-inner .row.text-center small,
.depo .product-info-inner .row.text-center span { font-size: 11px !important; line-height: 1.5 !important; color: var(--d-muted) !important; }
.depo .product-info-inner .row.text-center strong,
.depo .product-info-inner .row.text-center b { color: var(--d-ink) !important; font-weight: 600 !important; }

/* Bölümler arası nefes — boşluk dış karta verilir; iç sarmalayıcıya verilince
   beyaz kartın içinde boş bir şerit açılıyordu. */
.depo .product-tabs-wrap { margin-top: 0 !important; }
.depo .product-detail-wrap > .bg-white,
.depo .product-detail-wrap .bg-white.rounded-4 {
  margin-top: 34px !important;
  border: 1px solid #e3ded5 !important; border-radius: var(--d-radius) !important;
}
.depo .similar-products, .depo .cross-sell-products { margin-top: 40px; }
.depo .similar-products h2, .depo .cross-sell-products h2 {
  font-family: var(--d-font-body) !important; font-size: 22px !important; font-weight: 700 !important;
  letter-spacing: -.6px !important; color: var(--d-ink) !important;
}

/* ═══════════════════════════════ satır içi stilli bloklar ═══ */
/* Hediye bilgisi kutusu şablonda satır içi stille yazılmış (yeşil);
   satır içi stil yalnızca !important ile ezilebilir. */
.depo .product-info-inner div[style*="ecfdf5"] {
  background: #f7f3e9 !important;
  border: 1px dashed #c9b184 !important;
  border-radius: 4px !important;
}
.depo .product-info-inner div[style*="ecfdf5"] i,
.depo .product-info-inner .bi-gift-fill { color: var(--d-gold) !important; }
.depo .product-info-inner div[style*="ecfdf5"] span { color: #6b5326 !important; }

/* Kalan yeşil metin/ikonlar (satır içi renkli) */
.depo .product-detail-wrap [style*="#16a34a"],
.depo .product-detail-wrap [style*="#15803d"],
.depo .product-detail-wrap [style*="#177245"] { color: #6b5326 !important; }

/* ═══════════════════════════════════════ galeri oranı ═══ */
/* 2/3 çok uzundu; depo ürün kartlarıyla aynı 3/4 oranına çekildi. */
.depo .product-main-image { aspect-ratio: 3/4 !important; }
@media (min-width: 992px) {
  .depo .product-thumbs-horizontal { justify-content: flex-start; }
}

/* ═════════════════════════════════════ sekme kartı ═══ */
.depo .product-tabs-container { padding-top: 0 !important; }
.depo .product-tabs { padding: 0 6px !important; }
.depo .product-tabs .nav-link { padding: 16px 14px !important; }

/* Ana görsel: kutu oranını tam doldursun — altta gri bant kalmasın */
.depo .product-main-image .carousel-item,
.depo .product-main-image .carousel-item > .position-relative { height: 100% !important; }
.depo .product-main-image .carousel-item img,
.depo .product-main-image .carousel-item video { width: 100% !important; height: 100% !important; }

/* Sekme sarmalayıcısı: kartın üstünde boş beyaz şerit bırakmasın */
.depo .product-tabs-wrap {
  background: transparent !important; border: 0 !important;
  padding: 0 !important; box-shadow: none !important;
}

/* ══════════════════════════════════════════════════════════════════════
   Galeri şeridi ve varyant ızgarası — depo düzeltmeleri
   ══════════════════════════════════════════════════════════════════════ */

/* Şerit masaüstünde ana görselin solunda kalır. Sorun konumu değil yüksekliğiydi:
   `bottom:0` başka bir kural tarafından eziliyor, şerit 8-10 görselli üründe
   kartın çok altına taşıyordu. Yükseklik karta sabitlenip kendi içinde kaydırılır. */
@media (min-width: 992px) {
  .depo .product-gallery-card { position: relative !important; }
  /* Ana görsel şeride yer bırakır: 78px şerit + 12px boşluk */
  .depo .product-gallery-card > .position-relative,
  .depo .product-gallery-card > *:not(.product-thumbs-horizontal):not(.position-relative) {
    margin-left: 90px !important;
  }
  .depo .product-thumbs-horizontal {
    position: absolute !important;
    left: 0 !important; top: 0 !important; right: auto !important; bottom: auto !important;
    width: 78px !important; height: 100% !important; max-height: 100% !important;
    display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important;
    gap: 8px !important; margin: 0 !important; padding: 0 !important;
    overflow-y: auto !important; overflow-x: hidden !important;
    scrollbar-width: none; overscroll-behavior: contain;
  }
  .depo .product-thumbs-horizontal::-webkit-scrollbar { display: none; }
  .depo .carousel-thumb {
    width: 78px !important; height: 96px !important;
    flex: 0 0 96px !important; min-width: 78px !important;
    transform: none !important;
  }
  /* Şerit taşarsa alt kenarda soluma — devamı olduğu belli olsun */
  .depo .product-gallery-card::after {
    content: ''; position: absolute; left: 0; bottom: 0; width: 78px; height: 40px;
    pointer-events: none; background: linear-gradient(180deg, #fff0, var(--d-bg) 88%);
  }
}

/* Ana görsel: oran Tema Ayarları → Ürün Kartı'ndan gelir (varsayılan 4/5).
   Görselin çerçeveyi tamamen kaplaması da oradaki "Yerleşim" ayarına bağlı;
   varsayılan "Doldur" olduğu için kenarlarda boşluk kalmaz. */
.depo .product-main-image { aspect-ratio: var(--d-pdp-ratio, 2/3) !important; }
.depo .product-main-image .carousel-item,
.depo .product-main-image .carousel-item > img,
.depo .product-main-image .carousel-item > video {
  height: 100% !important; width: 100% !important;
}

/* ────────────────────────────────────────────────── varyant ızgarası ─── */
/* 10 seçenekli üründe 58px'lik iki sütunluk düğmeler orta kolonu şişiriyordu.
   Ölçüler küçültüldü; ızgara kolon genişliğine göre 2-3 sütuna yerleşir. */
.depo .variant-btn-group {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)) !important;
  gap: 8px !important;
}
.depo .variant-btn-group label { display: block; }
.depo .variant-btn {
  width: 100% !important; min-width: 0 !important; min-height: 44px !important;
  padding: 7px 11px !important; gap: 8px !important;
  font-size: 12.5px !important; font-weight: 600 !important;
  background: #fff !important; box-shadow: none !important;
  transform: none !important;
}
.depo .variant-btn:hover { transform: none !important; box-shadow: none !important; }
.depo .variant-btn-text { min-height: 0 !important; line-height: 1.25 !important; }
.depo .variant-btn-media {
  width: 26px !important; height: 26px !important;
  background: #f6f3ec !important; border: 1px solid #e3ded5 !important; box-shadow: none !important;
}
.depo .variant-btn .variant-price { font-size: 10.5px !important; margin-top: 1px !important; }

/* Bölüm başlıkları arasındaki ritmi sıkılaştır */
.depo .product-variant-section { margin-bottom: 16px !important; }
.depo .product-variant-section > label { margin-bottom: 8px !important; gap: 10px !important; }
.depo .product-variant-section > label::after {
  background: #ece7dd !important; height: 1px !important;
}

/* ══════════════════════════════════════════════════════════════════════
   Orta kolon — hiyerarşi
   Blokların hepsi aynı ağırlıktaydı: hediye şeridi ile güvence listesi
   birbiriyle yarışıyor, başlık öne çıkmıyordu. Sıralama artık
   etiket → başlık → künye → üretim notu → HEDİYE (vurgu) → güvence (sakin).
   ══════════════════════════════════════════════════════════════════════ */

/* Kategori etiketi — tasarımdaki altın "overline" */
.depo .pd-eyebrow {
  display: flex; align-items: center; gap: 10px;
  font-size: 10px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase;
  color: #9a7e4e; margin: 0 0 10px;
}
.depo .pd-eyebrow::after {
  content: ''; flex: 1; height: 1px;
  background: linear-gradient(90deg, #e0d3b3, #e0d3b300);
}

/* Başlık biraz daha nefes alsın */
.depo .product-info-inner > .d-flex.align-items-start { margin-bottom: 12px !important; }

/* Üretim notu — altın halkalı ikon, sakin metin */
.depo .product-info-inner .delivery-quick-info {
  padding: 0 0 16px !important; margin: 0 0 16px !important;
  font-size: 13px !important; color: var(--d-muted) !important;
  gap: 11px !important;
}
.depo .product-info-inner .delivery-quick-info i {
  width: 30px; height: 30px; flex: 0 0 30px;
  display: grid; place-items: center;
  border: 1px solid #e6dcc6; border-radius: 50%;
  background: #fdfbf6; color: var(--d-gold) !important; font-size: 14px !important;
}
.depo .product-info-inner .delivery-quick-info strong { color: var(--d-ink) !important; font-weight: 600 !important; }

/* Hediye / sepet kampanyası şeridi — kolonun vurgu öğesi */
.depo .product-info-inner div[style*="ecfdf5"],
.depo .product-info-inner div[style*="fef2f2"] {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, #fdfaf2, #f4ecdb) !important;
  border: 1px solid #e4d6b4 !important; border-left: 0 !important;
  border-radius: 5px !important;
  padding: 13px 16px 13px 18px !important;
  margin: 0 0 18px !important;
  gap: 12px !important;
  box-shadow: 0 10px 26px #a5853d14 !important;
}
.depo .product-info-inner div[style*="ecfdf5"]::before,
.depo .product-info-inner div[style*="fef2f2"]::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(180deg, #cbb078, #9a7e4e);
}
.depo .product-info-inner div[style*="ecfdf5"] i,
.depo .product-info-inner div[style*="fef2f2"] i {
  width: 32px; height: 32px; flex: 0 0 32px;
  display: grid; place-items: center;
  background: #fff; border: 1px solid #e0d0aa; border-radius: 50%;
  color: #9a7e4e !important; font-size: 15px !important;
}
.depo .product-info-inner div[style*="ecfdf5"] span,
.depo .product-info-inner div[style*="fef2f2"] span {
  color: #5f4a26 !important; font-size: 13px !important; font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* Güvence satırları — kart değil, sessiz bir liste */
.depo .product-info-inner .delivery-info-list,
.depo .product-info-inner .delivery-info-list.d-lg-block {
  border: 0 !important; border-top: 1px solid #efeae1 !important;
  background: none !important; border-radius: 0 !important;
  margin: 0 !important; padding: 0 !important;
}
.depo .product-info-inner .delivery-info-item {
  padding: 10px 2px !important;
  border-top: 0 !important; border-bottom: 1px solid #f4f0e8 !important;
  font-size: 12.5px !important; color: var(--d-muted) !important;
}
.depo .product-info-inner .delivery-info-item:last-child { border-bottom: 0 !important; }
.depo .product-info-inner .delivery-info-item i {
  font-size: 15px !important; color: #b89f6d !important; width: 20px; flex: 0 0 20px;
}
.depo .product-info-inner .delivery-info-item strong { font-weight: 600 !important; color: var(--d-ink) !important; }

/* "Sepette %X indirim" kutusunun kırmızı varyantı da depo paletine çekilir */
.depo .product-info-inner div[style*="2px solid #ef4444"] {
  border: 1px solid #e4d6b4 !important; border-radius: 5px !important; margin: 0 0 18px !important;
}
.depo .product-info-inner div[style*="2px solid #ef4444"] > div:first-child {
  background: #fdfaf2 !important; border-bottom: 1px solid #e4d6b4 !important;
}
.depo .product-info-inner div[style*="2px solid #ef4444"] > div:first-child span { color: #9a7e4e !important; }
.depo .product-info-inner div[style*="2px solid #ef4444"] > div:last-child {
  background: var(--d-dark) !important;
}

/* İkon sol kenarları not / güvence satırlarında aynı çizgide dursun */
.depo .product-info-inner .delivery-info-item i { margin-left: 5px !important; }

/* ══════════════════════════════════════════════════════════════════════
   Orta kolon — BEYAZ KART + KOMPAKT RİTİM
   Kolon şeffaf bir zemin üzerinde serbest akıyordu: soldaki görsel kartı ve
   sağdaki satın alma kutusu çerçeveliyken orta alan tanımsız kalıyordu.
   Artık o da kendi beyaz kartının içinde; blok araları ve tipografi
   ölçüleri kısaldığı için sayfa ilk ekranda çok daha fazlasını gösteriyor.
   Kart yalnızca masaüstünde açılır — mobilde kolon tam genişlik akmaya
   devam eder, üst üste iki çerçeve olmaz.
   ══════════════════════════════════════════════════════════════════════ */
@media (min-width: 992px) {
  .depo .product-info-col .product-info-inner {
    background: #fff !important;
    border: 1px solid #e6e0d6 !important;
    border-radius: var(--d-radius) !important;
    padding: 24px 26px 22px !important;
    box-shadow: 0 1px 2px #1c160c08 !important;
  }
}

/* ── künye: marka · değerlendirme · stok kodu, tek satır ───────────── */
.depo .pd-meta {
  column-gap: 11px; row-gap: 4px;
  padding-bottom: 12px; margin-bottom: 15px;
  font-size: 11.5px;
}
.depo .pd-meta .pd-meta-brand span,
.depo .pd-meta .pd-meta-brand a,
.depo .pd-meta .product-rating-row .count,
.depo .pd-meta .product-rating-row .sku { font-size: 11.5px !important; }
/* Marka ile değerlendirme arasında da aynı saç çizgisi ayracı */
.depo .pd-meta .pd-meta-brand + .product-rating-row::before {
  content: ''; width: 1px; height: 11px; background: #ded7c9; flex: 0 0 1px;
}
.depo .pd-meta .product-rating-row { flex-wrap: nowrap !important; }
.depo .pd-meta .product-rating-row .stars i { font-size: 12px !important; }
.depo .pd-meta .product-rating-row .sep { margin: 0 3px !important; }

/* ── başlık bloğu: dar kolonda 4 satıra yayılıyordu ────────────────── */
.depo .pd-eyebrow { font-size: 9.5px; letter-spacing: 1.5px; margin: 0 0 7px; gap: 9px; }
.depo .product-detail-name {
  font-size: clamp(21px, 1.55vw, 26px) !important;
  line-height: 1.2 !important;
}
.depo .product-info-inner > .d-flex.align-items-start {
  gap: 12px !important; margin-bottom: 9px !important;
}
.depo .product-info-inner #js-fav-add {
  width: 38px !important; height: 38px !important; flex: 0 0 38px !important;
  font-size: 15px !important; margin-top: 0 !important;
}

/* ── üretim notu: halka ikon küçüldü, satır tek satırda kalıyor ────── */
.depo .product-info-inner .delivery-quick-info {
  padding: 0 0 12px !important; margin: 0 0 12px !important;
  font-size: 12.5px !important; gap: 9px !important;
}
.depo .product-info-inner .delivery-quick-info i {
  width: 26px; height: 26px; flex: 0 0 26px; font-size: 12.5px !important;
}

/* ── hediye / kampanya şeridi ──────────────────────────────────────── */
.depo .product-info-inner div[style*="ecfdf5"],
.depo .product-info-inner div[style*="fef2f2"] {
  padding: 10px 13px 10px 15px !important;
  margin: 0 0 14px !important; gap: 10px !important;
  box-shadow: 0 6px 16px #a5853d12 !important;
}
.depo .product-info-inner div[style*="ecfdf5"] i,
.depo .product-info-inner div[style*="fef2f2"] i {
  width: 27px; height: 27px; flex: 0 0 27px; font-size: 13px !important;
}
.depo .product-info-inner div[style*="ecfdf5"] span,
.depo .product-info-inner div[style*="fef2f2"] span {
  font-size: 12.5px !important; line-height: 1.38 !important;
}

/* ── varyantlar ────────────────────────────────────────────────────── */
.depo .product-variant-section { margin-bottom: 13px !important; }
.depo .product-variant-section > label {
  margin-bottom: 6px !important; font-size: 10px !important; letter-spacing: 1.4px !important;
}
.depo .variant-btn-group {
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)) !important;
  gap: 6px !important;
}
.depo .variant-btn { min-height: 40px !important; padding: 6px 10px !important; font-size: 12px !important; }
.depo .variant-btn-media { width: 23px !important; height: 23px !important; }

/* ── güvence satırları ─────────────────────────────────────────────── */
.depo .product-info-inner .delivery-info-list,
.depo .product-info-inner .delivery-info-list.d-lg-block { margin-top: 4px !important; }
.depo .product-info-inner .delivery-info-item {
  padding: 8px 2px !important; font-size: 12px !important;
}
.depo .product-info-inner .delivery-info-item i { font-size: 14px !important; }

@media (max-width: 760px) {
  .depo .product-detail-name { font-size: 23px !important; }
}
/* Eski tema, güvence ikonlarına 36×36'lık bir kutu veriyordu; satırlar bu
   yüzden 53px yüksekliğe çıkıyordu. İkon kendi satırı kadar yer kaplar. */
.depo .product-info-inner .delivery-info-item i {
  height: auto !important; min-height: 0 !important;
  width: 18px !important; flex: 0 0 18px !important;
  background: none !important; margin-left: 3px !important;
}

/* Güvence listesi şablonda `d-none d-lg-block` ile geliyor; yukarıdaki
   `display:grid !important` bunu mobilde de görünür kılıyordu ve akordiyonla
   birlikte satırlar iki kez basılıyordu. Mobilde yalnızca akordiyon kalır. */
@media (max-width: 991.98px) {
  .depo .product-info-inner .delivery-info-list.d-none { display: none !important; }
}

/* ══════════════════════════════════════════════════════════════════════
   SATIN ALMA KUTUSU — yeniden düzen
   Fiyat alanı esnek bir sarmalda akıyordu: rozet ile eski fiyat kutunun iki
   ucuna savruluyor, tasarruf rozeti ve KDV notu ayrı satırlara dağılıyordu.
   Artık üç satırlık sabit bir ızgara:  rozet+eski fiyat / tutar+tasarruf /
   KDV notu. Varyant değişince JS bu düğümleri gizleyip gösterdiği için
   ızgara alanları görünürlükten bağımsız tanımlı.
   ══════════════════════════════════════════════════════════════════════ */
.depo .pd-buy { padding: 20px 18px 18px !important; gap: 0 !important; }
.depo .pd-buy::before {
  height: 2px !important;
  background: linear-gradient(90deg, #e6d8b4, var(--d-gold) 45%, #e6d8b4) !important;
}

.depo .pd-buy .product-price-main {
  display: grid !important;
  grid-template-columns: auto auto minmax(0, 1fr);
  grid-template-areas:
    "badge old  old"
    "val   sym  ."
    "save  save save"
    "vat   vat  vat";
  align-items: baseline; justify-items: start;
  column-gap: 9px !important; row-gap: 8px !important;
  padding-bottom: 16px !important; margin-bottom: 16px !important;
  border-bottom: 1px solid #ece7dd !important;
}
.depo .pd-buy .discount-badge {
  grid-area: badge; order: 0 !important; flex: none !important; max-width: none !important;
  display: inline-flex !important; align-items: center;
  padding: 4px 9px !important; font-weight: 600 !important;
  background: #fdfaf2 !important; color: #6b5326 !important;
  border: 1px solid #e0d0aa !important; border-radius: 3px !important;
  font-size: 10px !important; letter-spacing: .9px !important;
}
.depo .pd-buy .discount-badge i { color: var(--d-gold) !important; }
.depo .pd-buy .price-original {
  grid-area: old; order: 0 !important; flex: none !important; max-width: none !important;
  align-self: center; font-size: 13px !important; font-weight: 400 !important;
  text-decoration-thickness: 1px;
}
.depo .pd-buy .price-value {
  grid-area: val; order: 0 !important;
  font-size: 36px !important; line-height: .95 !important; letter-spacing: -1.4px !important;
}
.depo .pd-buy .price-symbol {
  grid-area: sym; order: 0 !important;
  font-size: 17px !important; line-height: 1 !important; color: var(--d-muted) !important;
}
.depo .pd-buy .pd-save {
  grid-area: save; justify-self: start; align-self: center;
  display: inline-flex !important; align-items: center; gap: 6px;
  background: none !important; border: 0 !important; padding: 0 !important;
  color: #9a7e4e !important; font-size: 11.5px !important; font-weight: 600 !important;
  letter-spacing: .2px; line-height: 1 !important; white-space: nowrap;
}
.depo .pd-buy .pd-save::before {
  content: ''; width: 4px; height: 4px; border-radius: 50%; background: var(--d-gold); flex: none;
}
.depo .pd-buy .pd-vat {
  grid-area: vat; margin: 0 !important; line-height: 1.45 !important;
}

@media (max-width: 991.98px) {
  .depo .pd-buy { padding: 16px 14px 14px !important; }
  .depo .pd-buy .price-value { font-size: 30px !important; }
  .depo .pd-buy .product-price-main { grid-template-columns: auto auto minmax(0, 1fr); }
}

/* ── kutunun gövdesi: tek dolu dikdörtgen, gerisi tipografi + saç çizgisi ──
   Adet alanı çerçeveli bir kutuydu; satın alma butonuyla aynı ağırlıkta iki
   dikdörtgen yan yana durunca göz nereye bakacağını bilemiyordu. Adet artık
   iki saç çizgisi arasında bir satır; kutudaki tek dolu yüzey "Sepete Ekle".  */
.depo .pd-buy .product-qty-section {
  border: 0 !important; border-top: 1px solid #ece7dd !important;
  border-bottom: 1px solid #ece7dd !important; border-radius: 0 !important;
  background: none !important;
  padding: 9px 0 !important; margin: 0 0 18px !important;
}
.depo .pd-buy .qty-label {
  padding: 0 !important; font-size: 11px !important; font-weight: 600 !important;
  letter-spacing: 1.3px !important; text-transform: uppercase !important;
  color: #9a7e4e !important;
}
.depo .pd-buy .qty-box { border: 0 !important; background: none !important; gap: 2px; }
.depo .pd-buy .qty-box button {
  width: 30px !important; height: 30px !important; font-size: 14px !important;
  background: none !important; border: 1px solid #e6e0d6 !important; border-radius: 3px !important;
  color: var(--d-ink) !important;
}
.depo .pd-buy .qty-box button:hover { border-color: var(--d-gold) !important; background: #fdfaf2 !important; }
.depo .pd-buy .qty-box input {
  width: 40px !important; height: 30px !important; background: none !important;
  border: 0 !important; font-size: 14px !important; font-weight: 600 !important;
}

/* Butonlar: birincil dolu ve yüksek, ikincil yalnızca çizgi */
.depo .pd-buy .product-action-btns,
.depo .pd-buy .product-action-main { gap: 10px !important; }
.depo .pd-buy .btn-add-cart {
  min-height: 54px !important; border-radius: 3px !important;
  font-size: 13px !important; font-weight: 600 !important;
  letter-spacing: 1.4px !important; text-transform: uppercase !important;
  box-shadow: 0 12px 26px -16px #1b1b1ba6 !important;
}
.depo .pd-buy .btn-add-cart:hover { box-shadow: 0 14px 28px -16px #9a7e4ecc !important; }
.depo .pd-buy .btn-buy-now {
  min-height: 46px !important; border-radius: 3px !important;
  font-size: 12.5px !important; font-weight: 500 !important;
  letter-spacing: .3px !important; text-transform: none !important;
  color: #4a463f !important; border-color: #e6e0d6 !important;
}
.depo .pd-buy .btn-buy-now:hover { color: var(--d-ink) !important; border-color: var(--d-gold) !important; }
.depo .pd-buy .btn-add-cart i { font-size: 15px !important; }
.depo .pd-buy .btn-buy-now i { font-size: 14px !important; }

.depo .pd-buy .pd-notes {
  padding-top: 15px !important; margin-top: 16px !important;
  border-top: 1px solid #f2eee6 !important; gap: 8px !important;
}

/* Taksit kartı — kutuyla aynı ritim */
.depo .pd-side-card { padding: 13px 14px !important; gap: 11px !important; margin-bottom: 10px !important; }
.depo .pd-side-ico { width: 34px !important; height: 34px !important; font-size: 14px !important; }
.depo .pd-side-txt b { font-size: 12.5px !important; font-weight: 600 !important; }
.depo .pd-side-txt span { font-size: 11.5px !important; color: var(--d-muted) !important; }
.depo .pd-side-link { font-size: 11px !important; letter-spacing: .3px !important; }

/* ── yapışkan sütun ────────────────────────────────────────────────────
   Sağ sütun, ürün alanı satırı boyunca ekranla birlikte iner: uzun orta
   kolonu okurken fiyat ve "Sepete Ekle" görüş alanından çıkmaz. Üst boşluk
   yapışkan başlığın yüksekliğinden hesaplanır. Satır bitince kendiliğinden
   serbest kalır. */
@media (min-width: 992px) {
  .depo .product-sidebar-col-custom {
    position: sticky !important;
    top: calc(var(--d-header-h, 76px) + 18px);
    align-self: start !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   MOBİL — ürün sayfası
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width: 991.98px) {
  /* Ana görsel: telefonda tam genişlik olduğu için 2:3 tek başına bütün ilk
     ekranı yiyor, ürün adı kaydırmadan görünmüyordu. Oran Tema Ayarları'ndan
     ayrı gelir (Ürün Kartı → Ana Görsel Oranı (mobil)). */
  .depo .product-main-image { aspect-ratio: var(--d-pdp-ratio-m, 4/5) !important; }

  /* Satın alma kutusu: adet ve butonlar mobilde alt çubuğa taşındığı için
     fiyat bloğunun altındaki ayraç ve boşluk boşa kalıyordu. */
  .depo .pd-buy { padding: 15px 14px !important; }
  .depo .pd-buy .product-price-main {
    border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important;
    row-gap: 6px !important;
  }
  .depo .pd-buy .price-value { font-size: 30px !important; }
  .depo .pd-buy .price-symbol { font-size: 15px !important; }

  /* ── alt sabit çubuk ── depo diline çekilir ───────────────────────── */
  .depo .product-action-btns {
    left: 10px !important; right: 10px !important; bottom: 10px !important;
    padding: 9px 10px !important;
    background: #fffefb !important;
    border: 1px solid #e3ded5 !important;
    border-radius: var(--d-radius) !important;
    box-shadow: 0 -2px 10px #1d160c0a, 0 16px 34px -18px #1d160c66 !important;
  }
  .depo .bar-price-row {
    padding: 0 2px 8px !important; margin-bottom: 3px !important;
    border-bottom: 1px solid #efeae1 !important;
  }
  .depo .bar-price-old { color: var(--d-muted) !important; font-weight: 400 !important; font-size: 11.5px !important; }
  .depo .bar-price-now {
    font-size: 19px !important; font-weight: 700 !important; letter-spacing: -.6px !important;
    color: var(--d-ink) !important;
  }
  .depo .bar-price-off {
    background: #fdfaf2 !important; color: #6b5326 !important;
    border: 1px solid #e0d0aa !important; border-radius: 3px !important;
    font-size: 10px !important; font-weight: 600 !important; letter-spacing: .6px !important;
    text-transform: uppercase; padding: 3px 8px !important;
  }
  .depo .product-action-btns .mobile-qty-box,
  .depo .product-action-btns .qty-box {
    border: 1px solid #e6e0d6 !important; border-radius: 3px !important;
    background: #fff !important; overflow: hidden;
  }
  .depo .product-action-btns .mobile-qty-box button { background: none !important; color: var(--d-ink) !important; }
  .depo .product-action-btns .mobile-qty-box input {
    background: none !important; color: var(--d-ink) !important; font-weight: 600 !important;
    border-left: 1px solid #efeae1 !important; border-right: 1px solid #efeae1 !important;
  }
  .depo .product-action-btns .btn-add-cart {
    border-radius: 3px !important; min-height: 46px !important;
    font-size: 12.5px !important; font-weight: 600 !important;
    letter-spacing: 1.2px !important; text-transform: uppercase !important;
    box-shadow: none !important;
  }
  .depo .mobile-variant-inline { border-bottom-color: #efeae1 !important; }
  .depo .mobile-variant-inline-label {
    color: #9a7e4e !important; font-weight: 600 !important; letter-spacing: 1px !important;
    text-transform: uppercase;
  }
  .depo .mobile-variant-chip {
    border: 1px solid #e6e0d6 !important; border-radius: 3px !important; background: #fff !important;
    color: var(--d-ink) !important;
  }
  .depo .mobile-variant-chip.selected {
    border-color: var(--d-gold) !important; background: #fdfaf2 !important;
    box-shadow: inset 0 0 0 1px var(--d-gold) !important;
  }

  /* Sayfa sonu, sabit çubuğun altında kalmasın */
  .depo .site-footer { padding-bottom: 96px !important; }
}

/* ══════════════════════════════════════════════════════════════════════
   Varyant seçim kutusu
   6'dan fazla seçenekli gruplar (beden, ölçü) düğme ızgarası yerine tek
   satırlık bir kutu olur; 20 bedenli yüzükte orta kolon ekranın altına
   uzuyordu. Seçenekler açılan panelde sıkı bir ızgarada durur.
   ══════════════════════════════════════════════════════════════════════ */
.depo .variant-select { position: relative; }
.depo .variant-select-trigger {
  display: flex; align-items: center; gap: 12px; width: 100%;
  min-height: 52px; padding: 7px 10px 7px 16px;
  background: #fff; color: var(--d-ink);
  border: 1px solid #e3ded5; border-radius: 10px;
  font: inherit; text-align: left; cursor: pointer;
  transition: border-color .18s, box-shadow .18s, border-radius .18s;
}
.depo .variant-select-trigger:hover { border-color: #cbb991; }
.depo .variant-select.is-open .variant-select-trigger,
.depo .variant-select-trigger:focus-visible {
  border-color: var(--d-gold); outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--d-gold) 14%, transparent);
}
.depo .variant-select-media {
  width: 34px; height: 34px; flex: 0 0 34px; border-radius: 3px; overflow: hidden;
  background: #f6f3ec; border: 1px solid #e3ded5;
}
.depo .variant-select-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.depo .variant-select-value {
  flex: 1; min-width: 0; font-size: 15px; font-weight: 600; letter-spacing: .2px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.depo .variant-select-count {
  font-size: 11px; font-weight: 600; letter-spacing: .2px; color: #8a7350; white-space: nowrap;
  background: #f6f1e7; border-radius: 999px; padding: 4px 10px;
}
.depo .variant-select-caret {
  width: 30px; height: 30px; flex: none; display: grid; place-items: center; border-radius: 50%;
  font-size: 12px; color: #9a7e4e; background: #faf7f1; transition: transform .2s, background .2s;
}
.depo .variant-select.is-open .variant-select-caret { transform: rotate(180deg); background: #f3ecdf; }

/* Panel sayfa akışında açılır: mutlak konumlu panel bilgi kartının taşma
   gizlemesine takılıp alttan kesiliyordu. Açıkken kartı uzatır, kapalıyken yer kaplamaz. */
.depo .variant-select-panel {
  position: static; margin-top: 8px;
  background: #fbf9f5; border: 1px solid #ece6da; border-radius: 12px;
  padding: 12px;
  animation: depoSelectIn .18s ease-out;
}
.depo .variant-select-panel[hidden] { display: none; }
@keyframes depoSelectIn { from { opacity: 0; transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) {
  .depo .variant-select-panel { animation: none; }
}
/* Hemen üstteki kutu açıp kapattığı için panel başlığı tekrar ediyordu */
.depo .variant-select-head { display: none; }
.depo .variant-select-close {
  width: 26px; height: 26px; display: grid; place-items: center;
  border: 0; border-radius: 50%; background: transparent; color: var(--d-muted);
  font-size: 11px; cursor: pointer;
}
.depo .variant-select-close:hover { background: #f6f3ec; color: var(--d-ink); }

/* Panel ızgarası — üstteki genel varyant ızgarası kurallarını yener */
.depo .variant-select .variant-btn-group {
  grid-template-columns: repeat(auto-fill, minmax(58px, 1fr)) !important;
  gap: 8px !important;
  max-height: 336px; overflow-y: auto; overscroll-behavior: contain;
  padding: 2px; margin: -2px;
}
.depo .variant-select.has-media .variant-btn-group {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
}
.depo .variant-select .variant-btn {
  min-height: 44px !important; padding: 6px 8px !important;
  justify-content: center !important; text-align: center !important;
  font-size: 14px !important; font-weight: 600 !important; font-variant-numeric: tabular-nums;
  border: 1px solid #e8e2d6 !important; border-radius: 9px !important;
  background: #fff !important; box-shadow: 0 1px 1px #1d160c08 !important; transform: none !important;
  transition: border-color .15s, background .15s, color .15s, box-shadow .15s !important;
}
.depo .variant-select.has-media .variant-btn { justify-content: flex-start !important; text-align: left !important; }
.depo .variant-select .variant-btn-text { flex: 0 1 auto !important; justify-content: center; }
.depo .variant-select .variant-btn:hover { border-color: #cbb991 !important; background: #fffdf9 !important; }
.depo .variant-select .variant-btn:focus-visible { outline: 2px solid var(--d-gold); outline-offset: 1px; }
.depo .variant-select .variant-btn.selected {
  background: var(--d-dark) !important; border-color: var(--d-dark) !important;
  color: #fff !important; box-shadow: 0 0 0 2px #fbf9f5, 0 0 0 3px var(--d-gold) !important;
}
.depo .variant-select .variant-btn::after { display: none !important; }