/* T-197: ürün sayfası — yoruma mağaza yanıtı, "faydalı mı?" oyu ve Soru-Cevap sekmesi. Yalnız token + mos-* sınıfları; pdp.css'e ek. */

/* Mağaza yanıtı: girintili kutu, marka renginde ince sol çizgi (yorum kartında ve soru yanıtında ortak) */
.pdp-reply { margin-left: var(--space-5); padding: var(--space-3) var(--space-4); border-left: 3px solid var(--color-primary); border-radius: 0 var(--radius-md) var(--radius-md) 0; background: var(--color-primary-tint); display: grid; gap: var(--space-1); }
.pdp-reply__head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); font-size: var(--fs-sm); color: var(--color-muted); }
.pdp-reply__head i { color: var(--color-primary-text); }
.pdp-reply__head strong { color: var(--color-primary-text); font-weight: 700; }
.pdp-reply__text { margin: 0; font-size: 15px; line-height: 1.6; color: var(--color-text); overflow-wrap: anywhere; white-space: pre-line; }
@media (max-width: 575.98px) { .pdp-reply { margin-left: var(--space-3); padding: var(--space-3); } }

/* Faydalı mı? oyu */
.pdp-rvote { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); padding-top: var(--space-2); }
.pdp-rvote__q { font-size: var(--fs-sm); color: var(--color-muted); margin-right: var(--space-1); }
.pdp-rvote__btn { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 var(--space-3); border: 1px solid var(--color-border-input); border-radius: var(--radius-btn); background: var(--color-surface); color: var(--color-text); font: 600 var(--fs-sm) var(--font-body); cursor: pointer; transition: background-color var(--dur, 160ms) var(--ease, ease), border-color var(--dur, 160ms) var(--ease, ease); }
.pdp-rvote__btn::after { content: ""; position: absolute; inset: -4px -2px; }   /* dokunma alanı ≥ 44px */
.pdp-rvote__btn:hover { border-color: var(--color-primary); background: var(--color-primary-soft); }
.pdp-rvote__btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.pdp-rvote__btn[aria-pressed="true"] { border-color: var(--color-primary); background: var(--color-primary-soft); color: var(--color-primary-text); }
.pdp-rvote__btn[aria-busy="true"] { opacity: .6; cursor: progress; }
.pdp-rvote__btn i { font-size: 15px; }
.pdp-rvote--static { gap: var(--space-4); }
.pdp-rvote__stat { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-sm); color: var(--color-muted); }
.pdp-rvote__hint { flex-basis: 100%; margin: 0; font-size: var(--fs-sm); color: var(--color-muted); }
.pdp-rvote__hint a { color: var(--color-primary-text); font-weight: 600; }
@media (max-width: 575.98px) { .pdp-rvote__btn { min-height: 44px; } .pdp-rvote__q { flex-basis: 100%; } }

/* Soru-Cevap */
.pdp-qa { gap: var(--space-5); }   /* display yalnız açık panelde (29) */
.pdp-panel.is-active .pdp-panel__body.pdp-qa { display: grid; }
.pdp-qa__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4); }
.pdp-qa__ask { min-height: 48px; padding-inline: var(--space-6); }
.pdp-qa__search { position: relative; flex: 1 1 240px; max-width: 360px; margin-left: auto; }
.pdp-qa__search[hidden] { display: none; }
.pdp-qa__search > i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--color-muted); pointer-events: none; }
.pdp-qa__input { padding-left: 40px; }
@media (max-width: 575.98px) { .pdp-qa__bar { flex-direction: column; align-items: stretch; } .pdp-qa__ask { width: 100%; } .pdp-qa__search { flex: 0 0 auto; max-width: none; margin-left: 0; } }
.pdp-qa__list { display: grid; gap: var(--space-4); }
.pdp-qa__list:empty { display: none; }
.pdp-qa__empty[hidden], .pdp-qa__done[hidden] { display: none; }
.pdp-qa__empty { border: 1px dashed var(--color-border); border-radius: var(--radius-lg); background: var(--color-bg); padding: var(--space-6) var(--space-4); }
.pdp-qa__empty .mos-empty__title { margin: 0; }

.pdp-qitem { padding: var(--space-5); border-radius: var(--radius-lg); background: var(--color-surface); border: 1px solid var(--color-border); display: grid; gap: var(--space-4); }
.pdp-qitem__q { display: flex; gap: var(--space-3); align-items: flex-start; }
.pdp-qitem__badge { flex: none; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: var(--color-bg); border: 1px solid var(--color-border); color: var(--color-muted); font-weight: 800; font-size: 13px; }
.pdp-qitem__body { min-width: 0; display: grid; gap: 4px; }
.pdp-qitem__text { margin: 0; font-size: 15px; line-height: 1.6; font-weight: 600; color: var(--color-text); overflow-wrap: anywhere; white-space: pre-line; }
.pdp-qitem__meta { margin: 0; font-size: var(--fs-caption); color: var(--color-muted); }
.pdp-qitem .pdp-reply { margin-left: 44px; }
@media (max-width: 575.98px) { .pdp-qitem { padding: var(--space-4); } .pdp-qitem .pdp-reply { margin-left: 0; } }

/* Soru formu: bal kabı görünmez (ekran okuyucuya da gizli), diğer alanlar yorum formuyla aynı dil */
.pdp-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pdp-qform .mos-field { display: grid; gap: var(--space-1); align-content: start; }
.pdp-qform .mos-error { margin: 0; color: var(--color-danger-text); font-size: var(--fs-sm); }
.pdp-qform .mos-error.mos-hidden { display: none; }
.pdp-qform .has-error .mos-input, .pdp-qform .has-error .mos-textarea { border-color: var(--color-danger-text); }