/* ═══════════════════════════════════════════════════════════════════
   ÜRÜN DETAY — ORTAK TASARIM
   Tek doğruluk kaynağı. Alyans ve generic ürün sayfalarının ALT
   BÖLÜMLERİ buradan biçimlenir; ikisi ayrışamaz.

   TEK ŞABLON: app/Views/front/product-detail.php
   Tüm ürün tipleri aynı tasarımı kullanır; ürün tipi yalnız hangi
   seçenek bloğunun görüneceğini belirler. Ayrı generic sınıf ailesi YOKTUR.

   Alyans sayfasının kendi satır içi stilleri gövdede ve sonra geldiği
   için burada !important kullanılır. Dosya alyans sayfasında da EN
   SONDA yüklenir.

   Bir şeyi değiştireceksen SADECE burayı değiştir.
   ═══════════════════════════════════════════════════════════════════ */

:root {
  --ud-cizgi:  #EDE6DD;
  --ud-cizgi2: #F3EDE6;
  --ud-ince:   #F0EBE5;
  --ud-metin:  #241D16;
  --ud-soluk:  #8A7F72;
  --ud-soluk2: #8D8272;
  --ud-krem:   #FBF6F1;
  --ud-bordo:  #8B142A;
}


/* ═══════════════════════════════════════════════════════════════════
   1) TABAN KURALLAR — alyans sayfasından OLDUĞU GİBİ alındı.
   Alt bölümlerin işaretlemesi (özellik şeridi, akordeonlar, teknik
   tablo, yorumlar) iki sayfada da app/Views/partials/urun-alt-bolumler.php
   dosyasından geliyor; stilleri de burada olmalı ki generic sayfada
   biçimsiz kalmasın.
   ELLE DÜZENLEME: aşağıdaki (2) bölümünden yap, burası kopyadır.
   ═══════════════════════════════════════════════════════════════════ */

/* Spec özeti — tek kolon, zebra liste, premium başlıklı */
  .pd-spec-wrap {
    margin: 16px 0 0;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
  }
.pd-spec-head {
    display: flex; align-items: center; gap: 8px;
    padding: 11px 16px;
    background: linear-gradient(135deg, #f8f3e9 0%, #faf7f0 100%);
    border-bottom: 1px solid var(--line);
    font-size: 12.5px; font-weight: 600;
    color: var(--ink); letter-spacing: 0.3px;
    text-transform: uppercase;
  }
.pd-spec-head svg { width: 15px; height: 15px; color: var(--bordo); flex-shrink: 0; }
.pd-spec-summary {
    margin: 0;
    padding: 0;
    display: flex; flex-direction: column;
  }
.pd-spec-summary .spec-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 16px;
    font-size: 12.5px; line-height: 1.4;
    border-bottom: 1px solid var(--line);
    transition: background 0.15s;
  }
.pd-spec-summary .spec-row:last-child { border-bottom: none; }
.pd-spec-summary .spec-row:nth-child(even) { background: var(--cream); }
.pd-spec-summary .spec-row dt {
    color: var(--muted); font-weight: 400;
    letter-spacing: 0.1px;
  }
.pd-spec-summary .spec-row dd {
    color: var(--ink); font-weight: 600;
    margin: 0; text-align: right;
    font-variant-numeric: tabular-nums;
  }
.pd-spec-more {
    display: inline-flex; align-items: center; gap: 4px;
    margin-top: 10px; font-size: 12px;
    color: var(--bordo); font-weight: 500;
    text-decoration: none; letter-spacing: 0.2px;
  }
.pd-spec-more:hover { color: var(--bordo-dark); text-decoration: underline; }
/* Bilgi akordeon — Açıklama / Taksit / Kargo & İade — Premium */
  .pd-info-accordion {
    margin: 16px 0;
    display: flex; flex-direction: column;
    border: 1px solid var(--line);
    border-radius: 12px;
    overflow: hidden;
    background: var(--white);
    box-shadow: 0 1px 2px rgba(0,0,0,0.02);
  }
.pd-info-accordion details + details { border-top: 1px solid var(--line); }
.pd-info-accordion details {
    transition: background 0.18s;
    position: relative;
  }
.pd-info-accordion details[open] {
    background: linear-gradient(180deg, rgba(184, 137, 61, 0.04) 0%, rgba(184, 137, 61, 0.015) 100%);
  }
/* Açık akordeon için sol bordo accent şerit */
  .pd-info-accordion details[open]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #a02236, var(--bordo));
    z-index: 1;
  }
.pd-info-accordion summary {
    list-style: none; cursor: pointer;
    display: flex; align-items: center; gap: 12px;
    padding: 15px 18px;
    font-size: 13.5px; font-weight: 600;
    color: var(--ink); letter-spacing: 0.2px;
    user-select: none;
    transition: background 0.15s;
    position: relative;
  }
.pd-info-accordion summary::-webkit-details-marker,
  .pd-info-accordion summary::marker { display: none; }
.pd-info-accordion summary:hover { background: rgba(184, 137, 61, 0.04); }
.pd-info-accordion details[open] summary {
    border-bottom: 1px solid rgba(184, 137, 61, 0.2);
  }
/* Daire ikon (kategoriye göre değişen SVG) */
  .pd-info-accordion .acc-icon {
    width: 34px; height: 34px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(184, 137, 61, 0.22);
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--bordo);
    flex-shrink: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    transition: all 0.2s;
  }
.pd-info-accordion .acc-icon svg { width: 16px; height: 16px; }
.pd-info-accordion details[open] .acc-icon {
    background: var(--bordo);
    border-color: var(--bordo);
    color: #fff;
    box-shadow: 0 2px 6px rgba(122, 26, 46, 0.25);
  }
/* Başlık + alt etiket sütun */
  .pd-info-accordion .acc-title {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; gap: 1px;
  }
.pd-info-accordion .acc-title .acc-h {
    font-size: 13.5px; font-weight: 600; color: var(--ink);
    letter-spacing: 0.2px; line-height: 1.3;
  }
.pd-info-accordion .acc-title .acc-sub {
    font-size: 11px; color: var(--muted);
    font-weight: 400; letter-spacing: 0.3px;
    line-height: 1.3;
  }
.pd-info-accordion summary em { font-style: normal; color: var(--muted); font-weight: 400; font-size: 12px; }
.pd-info-accordion .acc-chev {
    color: var(--muted); flex-shrink: 0;
    transition: transform 0.25s, color 0.2s;
    width: 16px; height: 16px;
  }
.pd-info-accordion details[open] .acc-chev { transform: rotate(180deg); color: var(--bordo); }
.pd-info-accordion .acc-body {
    padding: 14px 18px 18px;
    padding-left: 21px;       /* sol accent şerit için ek pay */
    font-size: 13px; line-height: 1.65; color: #4a4538;
  }
@media (max-width: 380px) {
  .pd-info-accordion summary { padding: 12px 12px; gap: 9px; }
  .pd-info-accordion .acc-icon { width: 28px; height: 28px; }
  .pd-info-accordion .acc-icon svg { width: 13px; height: 13px; }
  .pd-info-accordion .acc-title .acc-h { font-size: 12.5px; }
  .pd-info-accordion .acc-title .acc-sub { font-size: 10px; }
}
.pd-info-accordion .acc-body p { margin: 0 0 10px; }
.pd-info-accordion .acc-body p:last-child { margin-bottom: 0; }
.pd-info-accordion .acc-spec-table {
    width: 100%; border-collapse: collapse; font-size: 12.5px;
  }
.pd-info-accordion .acc-spec-table td {
    padding: 8px 0; border-bottom: 1px solid var(--line);
    color: #4a4538;
  }
.pd-info-accordion .acc-spec-table td:first-child { color: var(--muted); font-weight: 500; }
.pd-info-accordion .acc-spec-table td:last-child { text-align: right; font-weight: 600; color: var(--ink); }
.pd-info-accordion .acc-spec-table tr:last-child td { border-bottom: none; }
.pd-info-accordion .acc-review-summary {
    display: flex; align-items: baseline; gap: 8px;
    margin-bottom: 12px; padding-bottom: 10px;
    border-bottom: 1px solid var(--line);
  }
.pd-info-accordion .acc-review-summary .big {
    font-size: 22px; font-weight: 700; color: var(--bordo);
  }
.pd-info-accordion .acc-review-summary .stars { color: var(--gold); font-size: 14px; }
.pd-info-accordion .acc-review-summary small { color: var(--muted); font-size: 11.5px; }
.pd-info-accordion .acc-review-item {
    padding: 10px 0; border-bottom: 1px solid var(--line);
  }
.pd-info-accordion .acc-review-item:last-child { border-bottom: none; }
.pd-info-accordion .acc-review-meta {
    display: flex; gap: 8px; align-items: center;
    font-size: 11.5px; color: var(--muted);
    margin-bottom: 4px;
  }
.pd-info-accordion .acc-review-meta strong { color: var(--ink); font-weight: 600; }
.pd-info-accordion .acc-review-meta .stars { color: var(--gold); }
.pd-info-accordion .acc-empty {
    text-align: center; padding: 16px 0; color: var(--muted); font-size: 12.5px;
  }
/* Taksit tablosu — PayTR */
  .acc-taksit-intro {
    font-size: 12.5px; color: var(--muted);
    padding-bottom: 8px; margin-bottom: 10px !important;
    border-bottom: 1px solid var(--line);
  }
.acc-taksit-intro strong { color: var(--ink); font-weight: 600; }
.acc-taksit-wrap { overflow-x: auto; margin-bottom: 12px; }
.acc-taksit-table {
    width: 100%; border-collapse: collapse;
    font-size: 12px;
  }
.acc-taksit-table thead th {
    text-align: left;
    padding: 8px 10px;
    background: var(--cream);
    color: var(--bordo);
    font-size: 10px; font-weight: 700;
    letter-spacing: 0.8px; text-transform: uppercase;
    border-bottom: 1px solid var(--line);
  }
.acc-taksit-table thead th:nth-child(2),
  .acc-taksit-table thead th:nth-child(3) { text-align: right; }
.acc-taksit-table thead th:nth-child(4) { text-align: center; }
.acc-taksit-table tbody td {
    padding: 9px 10px; border-bottom: 1px solid var(--line);
    color: var(--ink);
  }
.acc-taksit-table tbody td:first-child { font-size: 13px; }
.acc-taksit-table tbody td:first-child small { color: var(--muted); font-size: 11px; margin-left: 2px; }
.acc-taksit-table tbody td:nth-child(2),
  .acc-taksit-table tbody td:nth-child(3) {
    text-align: right; font-variant-numeric: tabular-nums; font-weight: 600;
  }
.acc-taksit-table tbody td:nth-child(3) { color: var(--muted); font-weight: 500; }
.acc-taksit-table tbody td:nth-child(4) { text-align: center; }
.acc-taksit-table tbody tr:last-child td { border-bottom: none; }
.acc-taksit-table tbody tr.zero-rate { background: rgba(31, 138, 77, 0.03); }
.acc-taksit-table tbody tr.zero-rate td:nth-child(2) { color: var(--bordo); }
.acc-taksit-banks {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
    margin: 10px 0 !important;
  }
.acc-taksit-banks small { color: var(--muted); font-size: 11.5px; margin-right: 4px; }
.acc-taksit-banks .bank-tag {
    padding: 3px 9px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 10.5px; font-weight: 600;
    color: var(--ink);
    letter-spacing: 0.2px;
  }
.acc-taksit-note {
    font-size: 11px; color: var(--muted);
    font-style: italic;
    border-top: 1px solid var(--line);
    padding-top: 8px; margin-top: 8px !important;
  }
/* 2x2 Bilgi Grid */
  .pd-info-grid {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 8px 16px;
    margin: 14px 0 6px;
    padding: 14px 16px;
    background: var(--cream); border-radius: 8px;
  }
.pd-info-grid .info-item {
    display: flex; align-items: center; gap: 10px;
    font-size: 12.5px; color: var(--ink); line-height: 1.3;
  }
.pd-info-grid .info-item svg {
    width: 20px; height: 20px; flex-shrink: 0;
    color: var(--bordo);
  }
@media (max-width: 480px) {
  .pd-info-grid { grid-template-columns: 1fr; gap: 8px; padding: 12px 14px; }
}
/* Mobil-only elemanlar — masaüstünde asla görünmez */
  .pd-ok, .pd-dots,
  .pd-microtag, .pd-stock-line, .pd-customize-head, .pd-size-unknown,
  .pd-trust-mini, .pd-benefits, .pdm-counter, .pdm-overlay-actions,
  .engrave-preview, .engrave-count, .pd-spec-toggle { display: none; }
@media (max-width: 768px) {
  .pd-spec-wrap { margin: 16px 0 0 !important; }
  .pd-info-accordion { margin: 16px 0 !important; }
  /* ── 25: trust list standardı ── */
    .pd-info-grid { gap: 0 !important; padding: 4px 14px !important; border-radius: 10px; }
  .pd-info-grid .info-item {
      min-height: 48px;
      font-size: 13px !important;
      border-bottom: 1px solid rgba(0,0,0,0.04);
    }
  .pd-info-grid .info-item:last-child { border-bottom: none; }
  .pd-info-grid .info-item svg { width: 20px; height: 20px; }
  /* ── 29/45: teknik özellikler mobilde kısaltılır (JS toggle) ── */
    .pd-spec-wrap.pd-clamped .pd-spec-summary { max-height: 205px; overflow: hidden; position: relative; }
  .pd-spec-wrap.pd-clamped .pd-spec-summary::after {
      content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 44px;
      background: linear-gradient(180deg, rgba(255,255,255,0), #fff);
      pointer-events: none;
    }
  .pd-spec-toggle {
      display: flex; align-items: center; justify-content: center; gap: 6px;
      width: 100%; min-height: 44px;
      background: #fff; border: none; border-top: 1px solid var(--line);
      color: var(--bordo); font-family: var(--sans);
      font-size: 12.5px; font-weight: 600; cursor: pointer;
    }
  .pd-spec-toggle svg { width: 14px; height: 14px; transition: transform 0.2s; }
  .pd-spec-wrap:not(.pd-clamped) .pd-spec-toggle svg { transform: rotate(180deg); }
}
@media (min-width: 769px) {
  .pd-alt-icerik { }
}
@media (min-width: 769px) and (max-height: 860px) {
  .pd-ozellik-band { margin-top: 34px; padding-block: 30px; }
}
@media (min-width: 769px) {
  /* ── Sağ kolondaki eski teknik liste ve yardımcı şeritler gizli (bilgi artık bantta + altta) ── */
  .pd-spec-wrap, .pd-benefits, .pd-rating { display: none !important; }
  /* ── Ürün Özellikleri bandı ── */
  .pd-ozellik-band { width: 100%; margin: 44px 0 0; background: #FBF8F5; padding: 38px 16px 36px; box-sizing: border-box; }
  .pob-ic { max-width: 1080px; margin: 0 auto; }
  .pob-baslik { font-family: var(--serif, Georgia, serif); font-size: 22px; font-weight: 600; text-align: center; color: #241D16; margin: 0 0 26px; }
  .pob-grid { display: flex; justify-content: center; gap: 6px; }
  .pob-oz { flex: 1 1 0; max-width: 170px; }
  .pob-oz { text-align: center; padding: 10px 4px; display: flex; flex-direction: column; align-items: center; gap: 6px; }
  .pob-oz b { font-size: 14px; font-weight: 600; color: #2B211D; }
  .pob-oz span { font-size: 12px; color: #817870; }
  /* ── Alt içerik: 880px ortalanmış açıklama + çizgisel akordiyonlar ── */
  .pd-alt-icerik { max-width: 920px; margin: 48px auto 0; }
  .pd-alt-icerik .acc-body p { margin: 0 0 12px !important; color: #2F2820 !important; }
  .pd-alt-icerik .pd-info-accordion { border: none !important; background: none !important; box-shadow: none !important; padding: 0 !important; }
  .pd-alt-icerik .pd-info-accordion details { border: none !important; border-bottom: 1px solid #EEEAE6 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; margin: 0 !important; }
  .pd-alt-icerik .pd-info-accordion details::before { display: none !important; }
  .pd-alt-icerik .pd-info-accordion summary { padding: 17px 6px !important; min-height: 52px; box-sizing: border-box; background: none !important; align-items: center; }
  .pd-alt-icerik .pd-info-accordion summary:hover { background: #FCFAF8 !important; }
  .pd-alt-icerik .acc-icon { display: none !important; }
  .pd-alt-icerik .acc-title .acc-h { font-size: 14px !important; font-weight: 600 !important; color: #241D16 !important; }
  .pd-alt-icerik .acc-title .acc-sub { display: none !important; }
  .pd-alt-icerik .acc-body { padding: 0 6px 16px !important; font-size: 14.5px !important; line-height: 1.75 !important; color: #3E362E !important; }
  /* İlk blok = Ürün Açıklaması: hep açık, başlık serif ve solda */
  .pd-alt-icerik .pd-info-accordion details:first-of-type { border-bottom: none !important; margin-bottom: 20px !important; }
  .pd-alt-icerik .pd-info-accordion details:first-of-type summary { pointer-events: none; padding: 0 0 12px !important; }
  .pd-alt-icerik .pd-info-accordion details:first-of-type .acc-h { font-family: var(--serif, Georgia, serif); font-size: 22px !important; font-weight: 600 !important; }
  .pd-alt-icerik .pd-info-accordion details:first-of-type .acc-chev { display: none !important; }
  .pd-alt-icerik .pd-info-accordion details:first-of-type .acc-body { padding: 0 0 8px !important; font-size: 15px !important; }
  /* Eski yardımcı bilgi şeridi gizli */
  .pd-alt-icerik .pd-info-grid { display: none !important; }
  /* Accordion: ok yerine + / − (mockup) */
  .pd-alt-icerik .acc-chev { display: none !important; }
  .pd-alt-icerik .pd-info-accordion details summary::after { content: "+"; color: #9B8F80; font-size: 18px; margin-left: auto; }
  .pd-alt-icerik .pd-info-accordion details[open] summary::after { content: "−"; }
  .pd-alt-icerik .pd-info-accordion details:first-of-type summary::after { display: none; }
  /* Teknik Detaylar: eski kart görünümü sadeleşir */
  .pd-teknik .pd-spec-wrap { display: block !important; background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
  .pd-teknik .pd-spec-head { display: none !important; }
  .pd-teknik .spec-row { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; border-bottom: 1px dashed #F0EBE5; font-size: 13.5px; }
  .pd-teknik .spec-row dt { color: #8D8272; }
  .pd-teknik .spec-row dd { margin: 0; color: #241D16; font-weight: 500; text-align: right; }
}
.pob-mb { display: none; }
.hv-l-web, .hv-ico-w, .pd-zoom-btn, .pd-benzer-link, .pp-right { display: none; }
.pob-txt { display: flex; flex-direction: column; align-items: inherit; gap: 4px; }
@media (min-width: 769px) {
  /* Ürün Özellikleri (referans): başlıksız tek beyaz kutu, ayraçlı yatay öğeler (bordo ikon | serif değer + açıklama) */
  .pd-ozellik-band { background: #fff !important; margin-top: 34px !important; padding: 0 !important; }
  .pob-ic { max-width: var(--container, 1240px) !important; margin: 0 auto !important; padding: 0 24px !important; border: none !important; background: none !important; }
  .pob-baslik { display: none !important; }
  .pob-grid { display: flex !important; gap: 0 !important; justify-content: space-between; border: 1px solid #E8E2DA; border-radius: 12px; background: #fff; padding: 24px 12px; }
  .pob-oz, .pob-omur { flex: 1 1 0 !important; max-width: none !important; min-width: 0; flex-direction: row !important; align-items: center !important; text-align: left !important; gap: 0 !important; padding: 4px 14px !important; border: none !important; border-right: 1px solid #E8E2DA !important; border-radius: 0 !important; background: none !important; }
  .pob-oz:last-child { border-right: none !important; }
  .pob-oz > svg { width: 34px !important; height: 34px !important; padding: 0; background: none; border-radius: 0; flex: 0 0 auto; margin-right: 14px; }
  .pob-oz .pob-txt { align-items: flex-start !important; gap: 4px !important; padding-left: 0; border-left: none; min-width: 0; }
  .pob-oz b { font-family: var(--serif, Georgia, serif) !important; font-size: 17px !important; font-weight: 600 !important; color: #241D16 !important; white-space: normal; line-height: 1.2; }
  .pob-oz span { font-size: 12.5px !important; color: #6B6156 !important; white-space: normal; line-height: 1.3; }
  /* Akordeonlar (referans): her biri ayrı kart, büyük serif başlık, sağda ince "+"; açıkken başlık pembe; Teknik Detaylar üstte ve açık */
  .pd-alt-icerik { max-width: none !important; margin: 16px auto 0 !important; }
  .pd-info-accordion { display: flex !important; flex-direction: column; gap: 16px; }
  .pd-info-accordion details { order: 1; border: 1px solid #E8E2DA !important; border-radius: 12px !important; background: #fff !important; margin: 0 !important; overflow: hidden; }
  .pd-info-accordion details.pd-teknik { order: 0; }
  .pd-info-accordion details:first-of-type { border-top: 1px solid #E8E2DA !important; }
  .pd-info-accordion summary { padding: 24px 36px !important; background: #fff !important; display: flex !important; align-items: center; gap: 16px; cursor: pointer; transition: background .2s ease; }
  .pd-info-accordion summary:hover { background: #FDFBF9 !important; }
  .pd-info-accordion details[open] summary { background: #FBF1F2 !important; }
  .pd-info-accordion summary .acc-icon, .pd-info-accordion summary .acc-sub, .pd-info-accordion summary .acc-chev { display: none !important; }
  .pd-info-accordion summary .acc-title { flex: 1; display: flex; flex-direction: column; }
  .pd-info-accordion summary .acc-h { font-family: var(--serif, Georgia, serif) !important; font-size: 26px !important; font-weight: 400 !important; color: #241D16 !important; letter-spacing: .1px; }
  .pd-info-accordion summary::after { content: "+"; font-family: Georgia, serif; font-size: 30px; line-height: 1; color: var(--bordo, #8B142A); font-weight: 300; margin-left: 12px; width: auto; height: auto; display: block; border: none; background: none; flex: 0 0 auto; }
  .pd-info-accordion details[open] summary::after { content: "−"; background: none; }
  .pd-info-accordion .acc-body { padding: 26px 36px 30px !important; }
  .pd-alt-icerik .pd-info-accordion details:first-of-type { border-bottom: 1px solid #E8E2DA !important; margin-bottom: 0 !important; }
  .pd-alt-icerik .pd-info-accordion details:first-of-type summary { pointer-events: auto !important; padding: 24px 36px !important; cursor: pointer; }
  .pd-alt-icerik .pd-info-accordion details:first-of-type .acc-h { font-size: 26px !important; font-weight: 400 !important; }
  .pd-alt-icerik .pd-info-accordion details:first-of-type summary::after { display: block !important; }
  .pd-alt-icerik .pd-info-accordion details:first-of-type .acc-body { padding: 26px 36px 30px !important; }
  /* Teknik Detaylar gövdesi: iki sütunlu etiket | değer tablosu, ortada dikey ayraç */
  .pd-teknik .pd-spec-wrap { border: none !important; background: none !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; }
  .pd-teknik .pd-spec-head { display: none !important; }
  .pd-teknik .pd-spec-summary { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 72px; row-gap: 0; position: relative; margin: 0 !important; }
  .pd-teknik .pd-spec-summary::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #E8E2DA; }
  .pd-teknik .spec-row { display: grid !important; grid-template-columns: 200px 1fr; align-items: center; padding: 14px 0 !important; border-bottom: 1px solid #EDE7E1 !important; margin: 0 !important; background: none !important; }
  .pd-teknik .spec-row dt { font-family: var(--serif, Georgia, serif) !important; font-size: 15px !important; font-weight: 400 !important; color: #8D8272 !important; margin: 0 !important; }
  .pd-teknik .spec-row dd { font-size: 15px !important; color: #241D16 !important; margin: 0 !important; font-weight: 400 !important; }
  /* Taksit bölümü: tek açıklama satırı, kartlar tam genişlik */
  .acc-taksit-intro { display: none !important; }
  /* Benzer ürünler başlığı + sağda link */
  .pd-benzer-head { display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important; gap: 16px; margin-bottom: 18px !important; }
  .pd-benzer-head .section-title { text-align: left !important; margin: 0 !important; }
  .pd-benzer-link { display: inline-block !important; font-size: 13px; font-weight: 600; color: var(--bordo, #8B142A); text-decoration: none; white-space: nowrap; }
}

/* ═══════════════════════════════════════════════════════════════════
   2) ORTAK TASARIM — iki sayfayı hizalayan kurallar
   ═══════════════════════════════════════════════════════════════════ */.pd-trust-mini {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  gap: 9px 14px !important;
  margin: 16px 0 0 !important;
  padding: 13px 15px !important;
  background: var(--ud-krem) !important;
  border-radius: 10px !important;
}

.pd-trust-mini span {
  display: inline-flex !important; align-items: center; gap: 7px;
  font-size: 11.5px !important; font-weight: 500; color: var(--ud-metin) !important;
  letter-spacing: .1px; white-space: normal;
}

.pd-trust-mini svg { width: 16px !important; height: 16px !important; color: var(--ud-bordo) !important; flex: 0 0 auto; }

/* ── SAYFA KABI ─────────────────────────────────────────────────
   Generic sayfa alyansla AYNI genişlikte olmalı. Alyanstaki ölçüler:
     ürün satırı / benzer ürünler : max 1340px,
24px yan boşluk
     özellik şeridi               : max 1200px,
ortalı
     akordeonlar                  : tam genişlik { margin-inline: auto !important; padding-inline: 24px !important; box-sizing: border-box; }

.pd-ozellik-band.pd-ozellik-band .pob-grid {
  max-width: 1200px !important; margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  gap: 0 !important;
  margin: 30px 0 22px !important;
  border: 1px solid var(--ud-cizgi) !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.pd-ozellik-band.pd-ozellik-band .pob-oz {
  display: flex !important; align-items: center; gap: 11px !important;
  padding: 15px 16px !important;
  border: none !important; border-right: 1px solid var(--ud-cizgi2) !important;
  border-radius: 0 !important; background: none !important; box-shadow: none !important;
}

.pd-ozellik-band.pd-ozellik-band .pob-oz:last-child { border-right: none !important; }

.pd-ozellik-band.pd-ozellik-band .pob-oz svg { flex: 0 0 auto; width: 22px !important; height: 22px !important; }

.pd-ozellik-band.pd-ozellik-band .pob-txt b {
  /* Alyansta serif (Cormorant) miras alınıyordu; generic'teki gövde
     yazı tipiyle aynı olsun diye açıkça veriliyor. */
  font-family: var(--sans, Inter, system-ui, -apple-system, sans-serif) !important;
  display: block !important; font-size: 13.5px !important; font-weight: 600 !important;
  color: var(--ud-metin) !important; line-height: 1.25 !important;
}

.pd-ozellik-band.pd-ozellik-band .pob-txt span {
  font-family: var(--sans, Inter, system-ui, -apple-system, sans-serif) !important;
  display: block !important; font-size: 11.5px !important; color: var(--ud-soluk) !important;
  margin-top: 2px !important; line-height: 1.3 !important;
}

/* Şeridin üstündeki "Ürün Özellikleri" başlığı — generic'te yok,
burada da gizli */
.pd-ozellik-band.pd-ozellik-band .pob-baslik { display: none !important; }

.pd-ozellik-band { background: none !important; border: none !important; padding: 0 !important; }

/* ── AKORDEONLAR ────────────────────────────────────────────────── */
/* NOT: Alyans sayfasında bu bloklar için .pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .acc-title .acc-h
   gibi (0,
3,
0)-(0,
4,
.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion > details {
  border: none !important;
  border-bottom: 1px solid var(--ud-cizgi) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion > details:first-of-type { border-top: 1px solid var(--ud-cizgi) !important; }

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion > details > summary,
.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion > details[open] > summary {
  display: flex !important; align-items: center !important; gap: 10px !important;
  padding: 16px 4px !important;
  cursor: pointer; list-style: none;
  background: none !important; border: none !important;
  font-size: inherit !important;
}

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion > details > summary::-webkit-details-marker { display: none; }

/* Alyanstaki +/− göstergesi kaldırıldı — tek tip ok kullanılır */
.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion > details > summary::after,
.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion > details[open] > summary::after { content: none !important; display: none !important; }

/* Alyansta .acc-sub ve .acc-chev display:none ile gizlenmişti — geri getirilir */
.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion summary .acc-sub,
.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion .acc-title .acc-sub { display: inline !important; }

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion summary .acc-chev { display: block !important; }

/* Başlık ikonu — sade görünüm için kaldırıldı */
.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion .acc-icon { display: none !important; }

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion .acc-title {
  /* Alyansta flex-direction: column idi; başlık ve alt başlık alt alta
     düşüyordu. Generic sayfada yan yana duruyor, aynısı yapılır. */
  display: flex !important; flex-direction: row !important;
  align-items: baseline !important; gap: 10px !important; flex-wrap: wrap !important;
  flex: 1 1 auto !important;
}

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion .acc-title .acc-h,
.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion details:first-of-type .acc-h {
  font-family: var(--serif, Georgia, serif) !important;
  display: inline !important;
  font-size: 16.5px !important; font-weight: 500 !important;
  color: var(--ud-metin) !important; letter-spacing: 0 !important; text-transform: none !important;
  line-height: 1.3 !important;
}

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion .acc-title .acc-sub {
  font-family: var(--sans, Inter, system-ui, -apple-system, sans-serif) !important;
  font-size: 12px !important; color: #9B8F80 !important; font-weight: 400 !important;
}

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion > details > summary .acc-chev {
  margin-left: auto !important; flex: 0 0 auto;
  width: 18px !important; height: 18px !important;
  color: var(--ud-soluk) !important;
  transform: rotate(0deg); transition: transform .18s ease;
}

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion > details[open] > summary .acc-chev { transform: rotate(180deg); }

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion .acc-body {
  padding: 2px 4px 20px !important;
  background: none !important; border: none !important;
}

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-teknik .pd-spec-summary {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 36px !important;
}

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-teknik .spec-row {
  display: flex !important; align-items: baseline; justify-content: space-between;
  gap: 16px !important; padding: 8px 0 !important;
  border-bottom: 1px dashed var(--ud-ince) !important;
}

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-teknik .spec-row dt {
  font-family: var(--sans, Inter, system-ui, -apple-system, sans-serif) !important;
  font-size: 13px !important; color: var(--ud-soluk2) !important; font-weight: 400 !important;
}

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-teknik .spec-row dd {
  font-family: var(--sans, Inter, system-ui, -apple-system, sans-serif) !important;
  margin: 0 !important; font-size: 13.5px !important; color: var(--ud-metin) !important;
  font-weight: 500 !important; text-align: right !important;
}

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion .acc-body > p { margin: 0 0 12px !important; font-size: 13.5px !important; line-height: 1.7 !important; color: #4A4238 !important; }

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion .acc-body > p:last-child { margin-bottom: 0 !important; }

.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion .acc-body > p strong { color: var(--ud-metin) !important; }

.pd-benzer-head.pd-benzer-head.pd-benzer-head {
  display: flex !important; flex-direction: row !important;
  align-items: baseline !important; justify-content: space-between !important;
  gap: 14px !important; flex-wrap: wrap; margin-bottom: 16px !important; text-align: left !important;
}

.pd-benzer-head.pd-benzer-head.pd-benzer-head .section-title {
  /* width:100% veriliyordu, bağlantıyı alt satıra atıyordu */
  text-align: left !important; margin: 0 !important;
  width: auto !important; flex: 0 1 auto !important;
}

.pd-benzer-link.pd-benzer-link { font-size: 13px !important; color: var(--ud-bordo) !important; text-decoration: none; white-space: nowrap; }

.pd-benzer-link.pd-benzer-link:hover { text-decoration: underline; }

.pd-paket {
  display: block !important;
  margin: 34px 0 44px !important; padding: 22px !important;
  border: 1px solid var(--ud-cizgi) !important; border-radius: 10px !important;
  background: var(--ud-krem) !important;
}

.pd-paket .pd-paket-baslik {
  font-family: var(--serif, Georgia, serif) !important; font-size: 19px !important;
  font-weight: 500 !important; color: var(--ud-metin) !important; margin: 0 0 6px !important;
}

.pd-paket .pd-paket-metin { font-size: 13px !important; color: #6B6156 !important; margin: 0 0 16px !important; line-height: 1.6 !important; }

.pd-paket .pd-paket-grid {
  display: grid !important; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important; gap: 12px !important;
}

.pd-paket .pd-paket-grid span { display: inline-flex !important; align-items: center; gap: 9px !important; font-size: 13px !important; color: #4A4238 !important; }

/* ── MOBİL ──────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .pd-ozellik-band.pd-ozellik-band .pob-oz { border-right: none !important; border-bottom: 1px solid var(--ud-cizgi2) !important; }
  .pd-ozellik-band.pd-ozellik-band .pob-oz:last-child { border-bottom: none !important; }
  .pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-teknik.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-teknik .pd-spec-summary { grid-template-columns: minmax(0, 1fr) !important; column-gap: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {.pd-alt-icerik.pd-alt-icerik.pd-alt-icerik .pd-info-accordion > details > summary .acc-chev { transition: none !important; }


}



/* ── ADET KUTUSU ────────────────────────────────────────────────
   Alyansta gizli kalır (sayfanın kendi kuralları). Generic üründe
   CTA'nın yanında görünür. AYNI bileşen: .qty-wrap + .btn-cart-large */
.pd-actions-inline.pd-adet-acik {
  display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
  align-items: stretch !important; gap: 10px !important;
  grid-template-columns: none !important; grid-template-areas: none !important;
}
/* Adet kutusu SABİT genişlik. Mobil kuralları ona %100 genişlik verip
   "Sepete Ekle" butonunu ekran dışına itiyordu. */
.pd-actions-inline.pd-adet-acik .qty-wrap.qty-inline,
.pd-actions-inline.pd-adet-acik .qty-wrap {
  display: inline-flex !important;
  flex: 0 0 122px !important; width: 122px !important;
  min-width: 122px !important; max-width: 122px !important;
  grid-area: auto !important; justify-content: space-between;
}
.pd-actions-inline.pd-adet-acik.pd-adet-acik .btn-cart-large.btn-cart-large {
  /* flex-grow mobil kuralla 0'a çekiliyordu; buton kalan alanı doldurmalı */
  flex: 1 1 0% !important; width: auto !important; min-width: 0 !important;
  grid-area: auto !important; white-space: nowrap;
}
/* Büyük kalp bu düzende yer kaplamasın — favori zaten görselin üstünde */
.pd-actions-inline.pd-adet-acik .btn-wishlist-large { display: none !important; }

@media (max-width: 768px) {
  .pd-actions-inline.pd-adet-acik { gap: 8px !important; }
  .pd-actions-inline.pd-adet-acik .qty-wrap.qty-inline,
  .pd-actions-inline.pd-adet-acik .qty-wrap {
    flex: 0 0 108px !important; width: 108px !important;
    min-width: 108px !important; max-width: 108px !important; height: 48px !important;
  }
  .pd-actions-inline.pd-adet-acik .qty-wrap .qty-btn { width: 32px !important; }
  .pd-actions-inline.pd-adet-acik .qty-wrap .qty-input { width: 36px !important; }
  .pd-actions-inline.pd-adet-acik.pd-adet-acik .btn-cart-large.btn-cart-large {
    flex: 1 1 0% !important; width: auto !important;
    height: 48px !important; font-size: 14px !important; padding: 0 12px !important;
  }
}

/* ── ÜRÜN ÖZETİ (generic ürünlerde sağ panel) ───────────────────
   Alyansta bu bilgiler özellik şeridinde; generic üründe şerit
   sayfanın altında kaldığı için üstte kısa bir özet gösterilir. */
.pd-ozet { border: 1px solid var(--ud-cizgi); border-radius: 10px; background: #FBF8F5; margin: 14px 0 0; overflow: hidden; }
.pd-ozet-bas { padding: 10px 14px; font-size: 13px; font-weight: 600; color: var(--ud-metin); border-bottom: 1px solid var(--ud-cizgi2); }
.pd-ozet-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pd-ozet-satir { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 14px; border-bottom: 1px solid var(--ud-cizgi2); font-size: 12.5px; }
.pd-ozet-satir span { color: var(--ud-soluk2); }
.pd-ozet-satir b { color: var(--ud-metin); font-weight: 500; text-align: right; }
.pd-ozet-grid > .pd-ozet-satir:nth-child(odd) { border-right: 1px solid var(--ud-cizgi2); }
@media (max-width: 600px) {
  .pd-ozet-grid { grid-template-columns: minmax(0, 1fr); }
  .pd-ozet-grid > .pd-ozet-satir:nth-child(odd) { border-right: none; }
}

/* ── ZİNCİR UZUNLUĞU ────────────────────────────────────────────
   Renk çipiyle AYNI bileşen; ayrı tasarım yok. */
.pd-zincir { margin-top: 12px; }
.pd-zincir .color-pill { padding-left: 14px; }