/* ============================================================
   13-yorumlar.css — Yorumlar / "Ürün yorumu" (reviews)
   Sephora "Ürün yorumu" bloğunun Flatsome/WooCommerce uyarlaması.
   Yalnızca REFERANS — canlı temaya enqueue EDİLMEZ.

   ╔══ RE-DOĞRULAMA 2026-06-01 19:38 ("en-eski bölüm" rotasyonu) ══╗
   CANLI ÖLÇÜM: sephora.com.tr "Size up XL Maskara" PDP (P10061351),
   "Ürün yorumu" 262 ürün yorumu · 3.7/5; Chrome computed-style, vw1920;
   URL'ler JS çıktısından ayıklandı; ekran görüntüsü DONDU → DOM ölçümüne güvenildi.
   DÜZELTİLEN (canlı reviews-blok metin-linkleri td:none → KALICI altçizgi KALDIRILDI,
   hover'a taşındı; renk/boyut aynı kaldı):
     • .bks-rating-count  "(262 ürün yorumu)" düz <p> 16/500 → ALTÇİZGİSİZ (hover underline+kırmızı)
     • .bks-review-more   "Daha fazla gör" <button> 16/500 → ALTÇİZGİSİZ (hover underline+kırmızı)
     • .bks-report        "Bu içeriği bildir" <button> 16/400 (eski 500) → ALTÇİZGİSİZ (hover underline)
   RE-DOĞRULANAN (canlı ile BİREBİR, değişmedi): h2 24/700 lh32 ls.6 tt-none;
   skor "3.7/5" header <p> 16/500 (AYRICA dist-toggle <button> içi "3.7" 16/700 → mevcut
   rakam-700+den-500 kalıbı KORUNDU, thrash yok); sıralama etiketi 14/500 ls.35 lh20;
   sıralama kutusu #fafafa h48 r8 border0; dağılım track #e0e0e0 / dolgu #0d0d0d / h8 / pill;
   KART li 1px solid #d6d6d6 r8 (14 li ölçüldü, hepsi tutarlı), kart-arası 24px (ul row-gap),
   gölge YOK, kart-içi HR 1px solid #d6d6d6; tarih 14/500 lh20 ls.35; yazar 16/700; yaş/onaysız
   16/500; gri meta 14/500 #595959; yorum başlığı 16/700; gövde 16/500; öneri 16/700;
   "faydalı?" 16/500; "N yorumdan M gördünüz" 14/500.
   ÖLÇÜLDÜ ama UYARLANDI: canlı kart iç-boşluğu 16px 0px (yatay 0; Sephora React satırları
   kenara dayalı) → Flatsome li.review içeriğinin yatay payı olmadığından metin kenarlığa
   değmesin diye 16px TÜM-KENAR KORUNDU. Özet yıldızı canlı header'da 16px (widget'a göre
   değişken) → vurgu için 24px KORUNDU.
   ⚠️ ONEDRIVE SYNC: BISSOCOM bash/Linux mount yine partial-snapshot'ta (16 satır görüyor,
   _ilerleme gerçek 22); dosya Windows-yolu Edit/Read ile yazıldı, validasyon outputs
   köprü-kopyasında yapıldı (kullanıcı OneDrive senkronunu kontrol etmeli).
   ╚════════════════════════════════════════════════════════════════╝

   ╔══ RE-DOĞRULAMA 2026-06-01 (rotasyon: tablodaki eksik satır 13) ══╗
   CANLI ÖLÇÜM: sephora.com.tr "Size up XL Maskara" PDP (P10061351),
   "Ürün yorumu" 261 yorum · 3.7/5; Chrome computed-style, vw~1920.
   Yorum kartlarının render olması için sayfa kaydırılarak lazy-load
   tetiklendi; leaf düğümler ölçüldü (Next.js script düğümleri AYIKLANDI).
   DÜZELTİLEN ÖLÇÜLER (eski → ölçülen):
     • Kart aralığı:   margin-bottom 16 → 24px (liste UL flex gap=24)
     • Kart iç-boşluk: 20 → 16px (kart 16px düşey + iç satır 16px yatay)
     • Kart-içi ayraç (HR aksiyon bölücü): #e6e6e6 → #d6d6d6
                        (canlı HR border = 1px solid #d6d6d6; kart kenarı da #d6d6d6)
     • "Bu içeriği bildir" link: 14/500 lh20 → 16/500 lh24 (altçizgili)
     • Sıralama ETİKETİ: 16/400 ls.4 → 14/500 ls.35 lh20
     • "N yorumdan M gördünüz": 16/400 → 14/500
     • FAYDALI aksiyonu KİMLİK DÜZELTMESİ → #f2f2f2 DOLU PILL DEĞİL:
       canlıda ŞEFFAF/SADE ikon+adet butonu (bg yok · kenarlık yok · radius 0 ·
       16/500 · iki başparmak arası gap 24px). (Önceki "#f2f2f2 h48 pill"
       THE ORDINARY render'ındandı → bu çalıştırmada SADE butona çevrildi;
       Bisso hover/aktif = kırmızı METİN, dolgu değil.)
   YENİDEN DOĞRULANDI (değişmedi): başlık 24/700 lh32 ls.6; skor rakamı 16/700 +
     "/5" 16/500; adet "(261 Yorumlar)" 16/500 lh24 ALTÇİZGİLİ; dağılım track
     #e0e0e0 / dolgu #0d0d0d(→Bisso siyah) / h8 / pill; sıralama KUTUSU #fafafa
     h48 r8 border0 16/400 w343; kart kenarı 1px #d6d6d6 + radius8; tarih 14/500
     lh20 ls.35 (sağ-üst); yazar 16/700 lh24; gövde 16/500 lh24; "faydalı oldu mu"
     16/500. NOT: "Daha fazla yükle/Tümünü gör" tam-liste genişletici bu çalıştırmada
     temiz ölçülemedi (preview "2/261" + ayrı see-all) → buton stili korundu.
   ╚════════════════════════════════════════════════════════════════╝

   GERÇEK ÖLÇÜ (sephora.com.tr — THE ORDINARY Niacinamide 10%+Zinc 1%
   PDP /p/...-P3921091, "Ürün yorumu" 382 yorum · 4/5,
   2026-06-01 RE-ÖLÇÜM, Chrome computed-style, masaüstü pencere):

   >>> EN ÖNEMLİ DÜZELTME (kimlik) → YORUM KARTI artık TAM ÇERÇEVELİ
       YUVARLAK KART: her li.review = 1px solid #d6d6d6 · radius 8px ·
       iç boşluk ~20px · kartlar arası ~16px boşluk. (ESKİ "yalnız
       border-bottom #e6e6e6 / radius 0 / hairline satır" YANLIŞTI →
       Sephora yorumları çerçeveli yuvarlak kartlar halinde gösteriyor;
       ayraç rengi de #e6e6e6 değil #d6d6d6.)

   ÖLÇÜLEN değerler:
     • Başlık "Ürün yorumu":   h2 24/700 #000 ls.6 lh32 tt-none · margin 0
     • Özet skoru "4/5":       yıldız svg 24×24 + "4" 16/700 + "/5" 16/500
                               #000 lh24 ls.4 (DÜZELTME: rakam 700, eski 500)
     • Özet adedi "(382 Yorumlar)": 16/500 #000 lh24 ls.4 ALT-ÇİZGİLİ (link)
     • Dağılım çubuğu:         track #e0e0e0 · DOLGU #0d0d0d · H8 · tam pill
     • SIRALAMA:               etiket "Sıralama" 16/400 #000 ls.4 lh24
                               + dolu-kutu dropdown #fafafa · ~343×48 ·
                               radius 8 · border 0 · değer 16/400 #000
                               (sütun düzeni, etiket↔kutu gap 8px) — DOĞRULANDI
     • KART:                   bd 1px #d6d6d6 · radius 8 · pad 16 · gap 24 (2026-06-01 ölçüm)
       - tarih "27 May 2026":  14/500 #000 ls.35 lh20 (sağ üst)
       - yazar adı:            16/700 #000 ls.4 lh24
       - yaş/varyant "16 - 17":16/500 #000 lh24
       - "Satın alma onayı olmayan yorum": 16/500 #000 ls.4 lh24
       - gri meta "Ürünü kullanma süresi …": 14/500 #595959 ls.35 lh20
       - yorum başlığı:        16/700 #000 lh24
       - gövde:                16/500 #000 ls.4 lh24
       - "Daha fazla gör" iç-aç/kapa: 16/500 #000 lh24 ALT-ÇİZGİLİ
       - "Öneriyor: Evet":     16/700 #000 lh24
     • FAYDALI alanı (BU PDP'de RENDER EDİLDİ — eski "görünmüyor" notu GEÇERSİZ):
       - "Bu inceleme senin için faydalı oldu mu?": 16/500 #000 lh24
       - başparmak aksiyonu (yukarı "5"/aşağı "1"): 2026-06-01 ölçüm → ŞEFFAF/SADE
         ikon+adet butonu (dolgu/kenarlık/radius YOK · 16/500 · gap 24) ·
         (Bisso hover/aktif = kırmızı METİN). [Eski THE ORDINARY render: #f2f2f2 h48 pill]
       - "Bu içeriği bildir": metin link, ALT-ÇİZGİLİ, hover kırmızı
     • "383 yorumdan 2 tanesini gördünüz": 16/400 #000 lh24
     • "Daha fazla gör" (TÜMÜ-yükle butonu): BEYAZ dolgu · 2px solid #1a1a1a ·
       radius 8 · h48 · pad 10/18 · 16/400 #000 (site geneli button-revamp dili;
       kart/PDP "Sepete ekle" ile aynı çerçeve) → Bisso hover kırmızı dolgu
     • "Yorum yaz" CTA: bu PDP'de yok (giriş/uygunluk şartına bağlı) →
       #respond / .comment-form kuralları ileri-uyumluluk için korundu.

   DÜZELTİLENLER (eski → gerçek ölçü):
     - Kart: border-bottom #e6e6e6 / radius 0  →  TAM 1px #d6d6d6 / radius 8 / pad 16 / gap 24
     - Özet skoru 16/500                         →  rakam 16/700 (+ "/5" 16/500)
     - Özet adedi: alt-çizgi yoktu              →  16/500 ALT-ÇİZGİLİ
     - "Daha fazla gör" iç toggle 16/400        →  16/500 ALT-ÇİZGİLİ
     - Yükle butonu kenarlık                    →  2px solid #1a1a1a (net)
     - "Satın alma onayı olmayan yorum"          →  ayrı 16/500 #000 stili eklendi
     - "X yorumdan N gördünüz" sayacı           →  14/500 #000 (.bks-reviews-seen)
   DEĞİŞMEYENLER (yeniden doğrulandı): başlık 24/700; sort kutusu #fafafa h48 r8;
     dağılım track #e0e0e0; tarih 14/500; yazar 16/700; gri meta 14/500 #595959;
     gövde 16/500; öneri 16/700; yıldız → Bisso ALTIN.

   Bisso uyarlaması: yıldız ALTIN (Sephora siyah); dağılım dolgusu Bisso siyahı
   (#0a0a0a ≈ ölçülen #0d0d0d); aktif/hover Bisso kırmızı.
   ============================================================ */

/* ---- Bölüm sarmalayıcı + başlık ---- */
#reviews,
.woocommerce-Reviews,
.bks-reviews{ max-width:var(--bks-maxw); }

#reviews .woocommerce-Reviews-title,
.woocommerce-Reviews-title,
#reviews #comments > h2,
.bks-reviews-title{
  font-size:24px !important; font-weight:700 !important; color:var(--bks-black) !important;
  letter-spacing:.6px; text-transform:none !important; line-height:32px; margin:0 0 16px !important;
}

/* ============================================================
   ÖZET + PUAN DAĞILIMI  (Bisso yardımcı — WooCommerce'de yok)
   Şablona: <div class="bks-rating"> ... </div>
   ============================================================ */
.bks-rating{
  display:flex; flex-wrap:wrap; gap:24px 56px; align-items:center;
  padding:20px 0 24px; border-bottom:1px solid var(--bks-line); margin-bottom:8px;
}

/* Sol: skor + yıldız + adet — Sephora KOMPAKT (rakam BOLD) */
.bks-rating-summary{ display:flex; flex-direction:column; gap:6px; min-width:150px; }
.bks-rating-score{
  font-size:16px; font-weight:700; line-height:24px; color:var(--bks-black); letter-spacing:.4px;
  display:inline-flex; align-items:center; gap:6px;
}
.bks-rating-score small,
.bks-rating-score .den{ font-size:16px; font-weight:500; color:var(--bks-black); }
.bks-rating-summary .star-rating{ margin:2px 0; }
.bks-rating-count{
  font-size:16px; font-weight:500; color:var(--bks-black); line-height:24px; letter-spacing:.4px;
  text-decoration:none; cursor:pointer;            /* canlı reviews-blok: düz <p> 16/500, ALTÇİZGİ YOK (td:none) */
}
.bks-rating-count:hover{ color:var(--bks-red); text-decoration:underline; text-underline-offset:2px; }

/* Sağ: 5→1 dağılım çubukları */
.bks-rating-dist{ flex:1; min-width:260px; max-width:520px; display:flex; flex-direction:column; gap:10px; }
.bks-dist-row{ display:flex; align-items:center; gap:12px; font-size:16px; font-weight:500; line-height:24px; color:var(--bks-black); }
.bks-dist-label{
  flex:0 0 auto; width:30px; text-align:right; font-weight:400; color:var(--bks-black);
  display:inline-flex; align-items:center; justify-content:flex-end; gap:4px;
}
.bks-dist-label svg,
.bks-dist-label i{ color:var(--bks-gold); width:14px; height:14px; }
.bks-dist-track{
  flex:1; height:8px; background:#e0e0e0; border-radius:var(--bks-r-pill); overflow:hidden;
}
.bks-dist-fill{
  display:block; height:8px; background:var(--bks-black); border-radius:var(--bks-r-pill);
  width:0; transition:width var(--bks-t-slow);
}
.bks-dist-count{
  flex:0 0 auto; min-width:46px; text-align:right; color:var(--bks-black);
  font-weight:500; font-variant-numeric:tabular-nums;
}

/* ============================================================
   SIRALAMA / FİLTRE ARAÇ ÇUBUĞU
   Sephora: etiket "Sıralama" 14/500 + dolu-kutu dropdown
   (#fafafa, ~343×48, radius 8, border 0, 16/400). DOĞRULANDI.
   ============================================================ */
.bks-reviews-toolbar{
  display:flex; align-items:flex-end; justify-content:space-between; gap:16px;
  flex-wrap:wrap; margin:18px 0 6px;
}
.bks-reviews-toolbar .bks-reviews-total{ font-size:16px; font-weight:500; color:var(--bks-black); line-height:24px; }
.bks-reviews-sort-wrap{ display:flex; flex-direction:column; gap:8px; min-width:240px; }
.bks-reviews-sort-label{
  font-size:14px; font-weight:500; color:var(--bks-black); letter-spacing:.35px; line-height:20px; /* canlı 14/500 ls.35 */
}
.bks-reviews-sort,
.bks-reviews-toolbar select,
.woocommerce-Reviews select{
  font-size:16px; font-weight:400; color:var(--bks-black); background:#fafafa;
  letter-spacing:.4px; line-height:24px;
  border:0; border-radius:8px; height:48px; min-width:240px; padding:0 40px 0 16px; cursor:pointer;
  -webkit-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230a0a0a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 16px center;
}
.bks-reviews-sort:hover{ background-color:#f0f0f0; }

/* Filtre çipleri "Tümü (383)" — 16/500 */
.bks-reviews-filters{ display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 14px; }
.bks-reviews-filters .bks-chip{
  font-size:16px; font-weight:500; color:var(--bks-black); line-height:24px; letter-spacing:.4px;
  background:#fff; border:1px solid var(--bks-line); border-radius:var(--bks-r-pill);
  padding:6px 16px; cursor:pointer; transition:border-color var(--bks-t-fast),color var(--bks-t-fast),background var(--bks-t-fast);
}
.bks-reviews-filters .bks-chip:hover,
.bks-reviews-filters .bks-chip.is-active{ border-color:var(--bks-black); color:var(--bks-black); }

/* Metin link (ör. "Yorumların yayınlanma koşulları") */
.bks-reviews-policy{ font-size:16px; font-weight:500; color:var(--bks-black); line-height:24px; text-decoration:underline; text-underline-offset:2px; }
.bks-reviews-policy:hover{ color:var(--bks-red); }

/* ============================================================
   YILDIZLAR (WooCommerce .star-rating) — Bisso ALTIN
   ============================================================ */
.woocommerce .star-rating,
#reviews .star-rating,
.bks-rating .star-rating{
  color:var(--bks-gold) !important; font-size:1em; letter-spacing:2px;
}
.woocommerce .star-rating::before,
#reviews .star-rating::before{ color:var(--bks-line) !important; }      /* boş yıldız */
.woocommerce .star-rating span::before,
#reviews .star-rating span::before{ color:var(--bks-gold) !important; } /* dolu yıldız */
/* Özet yıldızı Sephora'da 24px */
.bks-rating-summary .star-rating{ font-size:24px; }

/* ============================================================
   YORUM LİSTESİ — TAM ÇERÇEVELİ YUVARLAK KART
   (ol.commentlist > li.review)  Sephora: 1px #d6d6d6 / radius 8 / pad 16 / gap 24
   ============================================================ */
#reviews ol.commentlist{ list-style:none; margin:16px 0 0; padding:0; }
#reviews ol.commentlist li.review,
#reviews ol.commentlist li.comment{
  padding:16px !important; margin:0 0 24px !important;   /* canlı: pad 16 · kart aralığı 24 */
  border:1px solid #d6d6d6 !important; border-radius:8px !important;
  background:var(--bks-bg) !important; box-shadow:none !important;
}
#reviews ol.commentlist li .comment_container{
  display:block; border:0; padding:0; background:transparent;
}
/* WooCommerce gravatarını gizle — Sephora baş harf/isim odaklı */
#reviews ol.commentlist li img.avatar{ display:none !important; }
#reviews ol.commentlist li .comment-text{ margin:0 !important; padding:0 !important; border:0 !important; }

/* Üst satır: yıldız (sol) + tarih (sağ) */
#reviews .comment-text > .star-rating,
#reviews .comment-text .bks-review-stars{ float:none; margin:0 0 8px; font-size:16px; }
#reviews .comment-text .meta,
#reviews .woocommerce-review__published-date,
.bks-review-date{
  font-size:14px !important; font-weight:500 !important; color:var(--bks-black) !important;
  letter-spacing:.35px; line-height:20px; margin:0;
}
/* Tarih sağa hizalı üst-satır kalıbı */
.bks-review-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }

/* Yazar adı */
#reviews .woocommerce-review__author,
.bks-review-author{
  font-size:16px !important; font-weight:700 !important; color:var(--bks-black) !important;
  letter-spacing:.4px; line-height:24px; font-style:normal !important; display:block;
}
/* Yaş / varyant ("16 - 17") + onaysız not ("Satın alma onayı olmayan yorum") */
.bks-review-age,
.bks-review-unverified{ font-size:16px; font-weight:500; color:var(--bks-black); letter-spacing:.4px; line-height:24px; }
/* Gri meta ("Ürünü kullanma süresi …") */
.bks-review-usage,
.bks-review-meta-grey{ font-size:14px; font-weight:500; color:#595959; letter-spacing:.35px; line-height:20px; }

/* Yorum başlığı */
.bks-review-title{ font-size:16px; font-weight:700; color:var(--bks-black); line-height:24px; margin:8px 0 4px; }
/* Gövde */
#reviews .comment-text p.description,
#reviews .comment-text > p,
.bks-review-body{ font-size:16px; font-weight:500; color:var(--bks-black); letter-spacing:.4px; line-height:24px; margin:0; }
/* "Daha fazla gör" iç aç/kapa — canlı td:none (altçizgi yalnız hover'da) */
.bks-review-more{
  display:inline; font-size:16px; font-weight:500; color:var(--bks-black); line-height:24px;
  background:none; border:0; padding:0; cursor:pointer;
  text-decoration:none;                            /* canlı: 16/500 <button>, ALTÇİZGİ YOK (td:none) */
}
.bks-review-more:hover{ color:var(--bks-red); text-decoration:underline; text-underline-offset:2px; }
/* "Öneriyor: Evet" */
.bks-review-recommend{ font-size:16px; font-weight:700; color:var(--bks-black); line-height:24px; margin:12px 0 0; }

/* ============================================================
   FAYDALI / BİLDİR AKSİYONLARI (kart içi alt blok)
   Sephora: ayraç + "Bu inceleme … faydalı oldu mu?" + başparmak butonları + bildir
   ============================================================ */
.bks-review-actions{
  margin-top:16px; padding-top:16px; border-top:1px solid #d6d6d6;   /* canlı HR = 1px #d6d6d6 */
  display:flex; flex-direction:column; gap:12px;
}
.bks-review-actions .bks-helpful-q{ font-size:16px; font-weight:500; color:var(--bks-black); line-height:24px; }
/* Canlı: ŞEFFAF/SADE ikon+adet butonu (dolgu/kenarlık/radius YOK · 16/500 · gap 24) */
.bks-helpful{ display:flex; gap:24px; flex-wrap:wrap; align-items:center; }
.bks-helpful button,
.bks-helpful .bks-helpful-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:24px; padding:8px 4px; flex:0 0 auto;
  font-size:16px; font-weight:500; color:var(--bks-black); line-height:24px;
  background:transparent; border:0; border-radius:0; cursor:pointer;
  transition:color var(--bks-t-fast);
}
.bks-helpful button svg,
.bks-helpful .bks-helpful-btn svg{ width:20px; height:20px; }
.bks-helpful button:hover,
.bks-helpful .bks-helpful-btn:hover{ color:var(--bks-red); }
.bks-helpful button.is-active,
.bks-helpful .bks-helpful-btn.is-active{ color:var(--bks-red); font-weight:700; }
/* "Bu içeriği bildir" */
.bks-report{
  align-self:flex-start; font-size:16px; font-weight:400; color:var(--bks-black); line-height:24px; /* canlı "Bu içeriği bildir" <button> 16/400 lh24 td:none */
  background:none; border:0; padding:0; cursor:pointer;
  text-decoration:none;
}
.bks-report:hover{ color:var(--bks-red); text-decoration:underline; text-underline-offset:2px; }

/* "383 yorumdan 2 tanesini gördünüz" sayacı */
.bks-reviews-seen{ font-size:14px; font-weight:500; color:var(--bks-black); line-height:20px; text-align:center; margin:8px 0 12px; } /* canlı 14/500 */

/* ============================================================
   DAHA FAZLA YÜKLE — site geneli button-revamp (beyaz / 2px #1a1a1a / r8 / h48)
   ============================================================ */
.bks-load-more,
#reviews .bks-load-more,
.woocommerce-Reviews .bks-load-more{
  display:inline-flex; align-items:center; justify-content:center;
  font-size:16px !important; font-weight:400 !important; color:var(--bks-black) !important;
  background:#fff !important; border:2px solid #1a1a1a !important; border-radius:8px !important;
  height:48px; padding:10px 18px !important; letter-spacing:.3px; cursor:pointer; text-transform:none !important;
  transition:background var(--bks-t),color var(--bks-t),border-color var(--bks-t);
}
.bks-load-more:hover{
  background:var(--bks-red) !important; color:#fff !important; border-color:var(--bks-red) !important;
}
.bks-load-more-wrap{ display:flex; justify-content:center; margin:8px 0 8px; }

/* ============================================================
   "YORUM YAZ" FORMU (#respond / .comment-form) — ileri-uyumluluk
   Bu PDP'de render edilmedi; ölçü taşımadı, site diliyle hizalı bırakıldı.
   ============================================================ */
#reviews #respond.comment-respond{ margin-top:24px; }
#reviews #reply-title,
.comment-reply-title{
  font-size:20px !important; font-weight:700 !important; color:var(--bks-black) !important;
  line-height:28px; letter-spacing:.4px; margin:0 0 12px;
}
#reviews .comment-form label{ font-size:14px; font-weight:500; color:var(--bks-black); letter-spacing:.35px; }
#reviews .comment-form input[type="text"],
#reviews .comment-form input[type="email"],
#reviews .comment-form textarea{
  background:#fafafa; border:1px solid var(--bks-line); border-radius:8px;
  padding:12px 14px; font-size:16px; color:var(--bks-black); width:100%;
}
#reviews .comment-form input:focus,
#reviews .comment-form textarea:focus{ border-color:var(--bks-black); outline:none; }
#reviews .comment-form .stars a{ color:var(--bks-gold) !important; }
#reviews .comment-form .form-submit input,
#reviews .comment-form #submit,
#reviews .comment-form .submit{
  background:var(--bks-black) !important; color:#f2f2f2 !important;
  border:2px solid var(--bks-black) !important; border-radius:8px !important;
  height:48px; padding:10px 18px !important; font-size:16px !important; font-weight:700 !important;
  letter-spacing:.3px; cursor:pointer; transition:background var(--bks-t),border-color var(--bks-t);
}
#reviews .comment-form .form-submit input:hover,
#reviews .comment-form #submit:hover,
#reviews .comment-form .submit:hover{
  background:var(--bks-red) !important; border-color:var(--bks-red) !important;
}

/* ---- Erişilebilirlik: A–Z/aksiyon odak halkası ---- */
.bks-review-more:focus-visible,
.bks-report:focus-visible,
.bks-load-more:focus-visible,
.bks-reviews-filters .bks-chip:focus-visible,
.bks-helpful button:focus-visible{
  outline:2px solid var(--bks-red); outline-offset:2px;
}