/*
 * Ürün detay sayfası — sağ sütun kartları, masaüstü fiyat şeridi ve sade görünüm.
 * Renkler kartlar ve menüyle aynı (cards-2026.css, header-2026.css). Önceki katmanları ezmek için #pdx-page tekrarı.
 */

/* ---------- Düzen: sağ sütun ---------- */
#pdx-page .pdx-side { grid-column: 2; grid-row: 1 / span 2; align-self: start; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
#pdx-page#pdx-page#pdx-page#pdx-page#pdx-page#pdx-page .pdx-buy { position: static !important; top: auto !important; grid-column: auto; grid-row: auto; margin: 0; order: 0; }
@media (max-width: 960px) {
  #pdx-page .pdx-side { grid-column: 1; grid-row: auto; margin-top: 22px; }
}

/* ---------- Sağ sütun kartları ---------- */
.pdx-side-card { background: #fff; border: 1px solid #EAECF0; border-radius: 10px; padding: 16px 18px; }
#pdx-page#pdx-page#pdx-page#pdx-page .pdx-side-h { font-family: inherit !important; font-size: .98rem !important; font-weight: 700 !important; color: #101828 !important; margin: 0 0 10px !important; letter-spacing: 0 !important; line-height: 1.35 !important; }
.pdx-side-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid #F2F4F7; color: #101828 !important; text-decoration: none !important; }
.pdx-side-row:hover .pdx-side-n { color: #037278; }
.pdx-side-row > span { display: flex; flex-direction: column; min-width: 0; }
.pdx-side-n { font-weight: 600; font-size: .9rem; line-height: 1.35; }
.pdx-side-row small { color: #667085; font-size: .78rem; }
.pdx-side-row b { font-variant-numeric: tabular-nums; white-space: nowrap; font-size: .92rem; }
.pdx-side-more { display: block; padding-top: 10px; border-top: 1px solid #F2F4F7; font-weight: 600; font-size: .88rem; color: #037278 !important; text-decoration: none !important; }
.pdx-side-more:hover { text-decoration: underline !important; text-underline-offset: 3px; }
.pdx-side-help { background: #F9FAFB; }
.pdx-side-help p { margin: 0 0 12px; color: #475467; font-size: .9rem; line-height: 1.55; }
.pdx-side-acts { display: flex; flex-wrap: wrap; gap: 8px; }
.pdx-side-acts a { flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 9px 12px; border: 1px solid #D0D5DD; border-radius: 6px; background: #fff; color: #101828 !important; font-weight: 600; font-size: .88rem; text-decoration: none !important; }
.pdx-side-acts a:hover { border-color: #037278; color: #037278 !important; }
.pdx-side-acts .fa-whatsapp { color: #128C4F; }
.pdx-side-link { display: block; padding: 8px 0; border-top: 1px solid #F2F4F7; color: #344054 !important; font-size: .9rem; text-decoration: none !important; }
.pdx-side-link:hover { color: #037278 !important; }

/* ---------- Sade görünüm ---------- */
#pdx-page#pdx-page#pdx-page#pdx-page#pdx-page .pdx-card { border-radius: 10px !important; border-color: #EAECF0 !important; box-shadow: 0 8px 24px -14px rgba(16, 24, 40, .22) !important; }
#pdx-page#pdx-page#pdx-page#pdx-page#pdx-page .pdx-rest .pdx-tabs { border-radius: 8px !important; box-shadow: none !important; border-color: #EAECF0 !important; }
#pdx-page#pdx-page#pdx-page#pdx-page#pdx-page .pdx-tabs a { border-radius: 6px !important; }
#pdx-page#pdx-page#pdx-page#pdx-page#pdx-page .pdx-tabs a.on { background: #DCF2F0 !important; color: #035B60 !important; }
#pdx-page#pdx-page#pdx-page#pdx-page#pdx-page :is(.pdx-term, .pdx-panel, .pdx-stat, .pdx-faq-item, .pdx-notice) { border-radius: 8px !important; }

/* ---------- Fiyat şeridi ---------- */
.pdx-mbar-n { display: none; }
@media (min-width: 961px) {
  #pdx-page#pdx-page#pdx-page .pdx-mbar {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 880;
    align-items: center; justify-content: flex-end; gap: 20px;
    padding: 12px max(24px, calc((100vw - 1240px) / 2 + 24px));
    background: #fff; border-top: 1px solid #EAECF0; box-shadow: 0 -10px 30px -20px rgba(16, 24, 40, .35);
    transform: translateY(110%); transition: transform .22s ease; visibility: hidden;
  }
  #pdx-page#pdx-page#pdx-page .pdx-mbar.show { transform: none; visibility: visible; }
  .pdx-mbar-p { display: flex; align-items: baseline; gap: 10px; margin-right: auto; }
  .pdx-mbar-n { display: inline; font-weight: 700; color: #101828; font-size: 1rem; }
  #pdx-page#pdx-page#pdx-page .pdx-mbar-p b { display: inline; font-size: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) { #pdx-page#pdx-page#pdx-page .pdx-mbar { transition: none; } }