/* Tayfun Taşkın — v2.8 "Güven" tasarım sistemi
   Renk psikolojisi:
   - Lacivert (#12335a)  → güven, istikrar, uzmanlık (başlık, alt bilgi, ana yüzeyler)
   - Mavi (#1b5aa0)      → profesyonellik, bağlantılar, ikincil vurgu
   - Yeşil (#127a55)     → güvenlik, onay, "ödeme güvende" geri bildirimi
   - Amber (#f2a93b)     → sıcaklık ve eylem çağrısı (yalnızca ana düğmeler)
   - Sıcak kâğıt (#f7f5f0) → okuma rahatlığı; yazar kimliğine uygun
   Kırmızı yalnızca hata ve iptal durumlarında kullanılır; alarm hissi yaratmaması için vurgu rengi değildir. */
:root{
  --tt-navy:#12335a;--tt-navy-deep:#0b2342;--tt-blue:#1b5aa0;--tt-blue-soft:#e8eff7;
  --tt-green:#127a55;--tt-green-deep:#0c5e41;--tt-green-soft:#e6f4ee;
  --tt-amber:#f2a93b;--tt-amber-hover:#e29a2c;--tt-paper:#f7f5f0;--tt-card:#fff;
  --tt-ink:#17212f;--tt-muted:#5a6573;--tt-line:#dfe5ec;--tt-danger:#b3261e;--tt-danger-soft:#fdecea;
  --accent:var(--tt-navy);--accent-2:var(--tt-blue);--ux-red:var(--tt-navy);
}
html{color-scheme:light}
body{background:var(--tt-paper);color:var(--tt-ink)}
a{color:inherit}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--tt-blue);outline-offset:3px}
.cta-section :where(a,button):focus-visible,.site-footer :where(a,button):focus-visible,.pay-secure-banner :where(a,button):focus-visible{outline-color:var(--tt-amber)}
::selection{background:var(--tt-navy);color:#fff}

/* Üst menü */
.site-header,.site-header.scrolled,.book-page .site-header,.catalog-public-page .site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--tt-line)}
.site-header .brand-symbol{background:var(--tt-navy);color:#fff;border-radius:8px}
.site-header .brand-dot{color:var(--tt-amber)}
.site-header .brand-word small span{color:var(--tt-blue)}
.site-header .nav-item>a[aria-current=page]::after{background:var(--tt-amber);height:3px;border-radius:2px}
.site-header .nav-contact{background:var(--tt-amber);color:var(--tt-navy-deep);font-weight:800}
.site-header .nav-contact:hover,.site-header .nav-contact:focus-visible{background:var(--tt-amber-hover);color:var(--tt-navy-deep)}
.site-header .nav-toggle{border-color:var(--tt-line)}

/* Ana eylem düğmeleri: amber zemin + lacivert yazı (WCAG AA üstü kontrast) */
.btn-accent,.editorial-btn.primary,.editorial-btn-primary{background:var(--tt-amber);color:var(--tt-navy-deep);border-color:var(--tt-amber);font-weight:800}
.btn-accent:hover,.btn-accent:focus-visible{background:var(--tt-amber-hover);border-color:var(--tt-amber-hover);color:var(--tt-navy-deep)}
.cta-section{background:var(--tt-navy);color:#fff}
.cta-section .btn-accent{background:var(--tt-amber);color:var(--tt-navy-deep);border-color:var(--tt-amber)}
.cta-section em,.cta-layout em{color:var(--tt-amber)}
.editorial-ticker{background:var(--tt-navy)}
.editorial-ticker a{border-bottom-color:var(--tt-amber)}
.hero-visual-stamp{background:var(--tt-navy)}
.author-statement-mark{color:var(--tt-amber)}
.catalog-page-hero{background:linear-gradient(110deg,var(--tt-paper) 0%,var(--tt-paper) 67%,var(--tt-navy) 67%,var(--tt-navy) 100%)}
.catalog-detail-separator{background:var(--tt-amber)}
.site-footer{background:var(--tt-navy-deep)}
.service-card:hover{border-color:var(--tt-blue)}
.catalog-card-flag{background:var(--tt-navy);color:#fff}
.catalog-stock-status.available{color:var(--tt-green)}
.catalog-stock-status.soldout{color:var(--tt-danger)}

/* Güvenli ödeme paneli (ürün sayfası) */
.pay-panel{margin:26px 0 8px;padding:22px;background:var(--tt-card);border:1px solid var(--tt-line);border-radius:14px;box-shadow:0 10px 30px #12335a0f}
.pay-panel h2{font-size:17px;letter-spacing:-.01em;margin:0 0 4px;color:var(--tt-navy)}
.pay-panel>p{margin:0 0 16px;color:var(--tt-muted);font-size:13px;line-height:1.55}
.pay-options{display:grid;gap:10px}
.pay-option{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px;border:1.5px solid var(--tt-line);border-radius:12px;background:#fff;color:var(--tt-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.pay-option:hover,.pay-option:focus-visible{border-color:var(--tt-blue);box-shadow:0 8px 22px #1b5aa01c;transform:translateY(-1px)}
.pay-option .pay-icon{flex:none;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--tt-blue-soft);color:var(--tt-navy)}
.pay-option .pay-icon svg{width:22px;height:22px}
.pay-option .pay-text{display:grid;gap:2px;min-width:0;flex:1}
.pay-option .pay-text strong{font-size:15px;color:var(--tt-navy)}
.pay-option .pay-text small{font-size:12px;color:var(--tt-muted);line-height:1.4}
.pay-option .pay-go{flex:none;font-size:18px;color:var(--tt-blue)}
.pay-option.pay-bank .pay-icon{background:var(--tt-green-soft);color:var(--tt-green)}
.pay-option.pay-bank:hover,.pay-option.pay-bank:focus-visible{border-color:var(--tt-green);box-shadow:0 8px 22px #127a5520}
.pay-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 0;padding:14px 0 0;border-top:1px dashed var(--tt-line)}
.pay-trust li{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--tt-muted)}
.pay-trust svg{width:16px;height:16px;color:var(--tt-green);flex:none}
.pay-note{margin:12px 0 0;font-size:12px;color:var(--tt-muted)}

/* Havale sayfaları */
.bt-page{background:var(--tt-paper)}
.bt-wrap{padding:34px 0 90px}
.bt-crumbs{font-size:12px;color:var(--tt-muted);margin-bottom:18px}
.bt-crumbs a{color:var(--tt-blue);text-decoration:underline;text-underline-offset:3px}
.bt-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:28px;align-items:start}
.bt-card{background:var(--tt-card);border:1px solid var(--tt-line);border-radius:16px;padding:28px;box-shadow:0 12px 34px #12335a0d}
.bt-card h1,.bt-card h2{color:var(--tt-navy);letter-spacing:-.02em;margin:0 0 6px}
.bt-card h1{font-size:clamp(24px,3vw,32px)}
.bt-card h2{font-size:18px}
.bt-lead{color:var(--tt-muted);font-size:14px;margin:0 0 22px}
.bt-form{display:grid;gap:16px}
.bt-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bt-field{display:grid;gap:6px}
.bt-field label{font-size:13px;font-weight:700;color:var(--tt-navy)}
.bt-field label .req{color:var(--tt-danger)}
.bt-field input,.bt-field textarea,.bt-field select{width:100%;min-height:48px;padding:11px 14px;border:1.5px solid #c9d3de;border-radius:10px;background:#fff;color:var(--tt-ink);font-size:16px}
.bt-field textarea{min-height:92px;resize:vertical}
.bt-field input:focus,.bt-field textarea:focus,.bt-field select:focus{border-color:var(--tt-blue);box-shadow:0 0 0 3px #1b5aa026;outline:0}
.bt-field small{color:var(--tt-muted);font-size:12px}
.bt-check{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.55;color:var(--tt-ink)}
.bt-check input{width:22px;height:22px;margin-top:1px;flex:none;accent-color:var(--tt-navy)}
.bt-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.bt-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:14px 26px;border:0;border-radius:12px;background:var(--tt-amber);color:var(--tt-navy-deep);font-size:16px;font-weight:800;cursor:pointer;transition:background .15s,transform .15s}
.bt-submit:hover,.bt-submit:focus-visible{background:var(--tt-amber-hover);transform:translateY(-1px)}
.bt-errors{margin:0 0 18px;padding:14px 16px 14px 38px;border:1px solid #efb7b2;background:var(--tt-danger-soft);color:#7a1a14;border-radius:10px;font-size:14px}
.bt-summary{display:grid;gap:14px}
.bt-product{display:flex;gap:14px;align-items:center}
.bt-product img,.bt-product .bt-thumb{width:64px;height:84px;object-fit:cover;border-radius:6px;background:var(--tt-blue-soft);flex:none}
.bt-product strong{display:block;color:var(--tt-navy);font-size:15px;line-height:1.3}
.bt-product small{color:var(--tt-muted)}
.bt-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;border-top:1px solid var(--tt-line)}
.bt-total span{color:var(--tt-muted);font-size:13px}
.bt-total strong{font-size:26px;color:var(--tt-navy)}
.bt-assure{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.bt-assure li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--tt-ink);line-height:1.5}
.bt-assure svg{width:18px;height:18px;color:var(--tt-green);flex:none;margin-top:1px}

.pay-secure-banner{display:flex;gap:14px;align-items:center;padding:18px 20px;margin-bottom:22px;border-radius:14px;background:var(--tt-green-soft);border:1px solid #b7dfcb;color:var(--tt-green-deep)}
.pay-secure-banner svg{width:30px;height:30px;flex:none}
.pay-secure-banner strong{display:block;font-size:16px}
.pay-secure-banner span{font-size:13px}
.pay-secure-banner.is-pending{background:#fff7e8;border-color:#f3d79c;color:#7a5200}
.pay-secure-banner.is-bad{background:var(--tt-danger-soft);border-color:#efb7b2;color:#7a1a14}
.bt-code{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:14px;background:var(--tt-navy);color:#fff;margin-bottom:22px}
.bt-code small{display:block;color:#b9c9dd;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.bt-code strong{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:clamp(22px,4vw,30px);letter-spacing:.08em}
.bt-details{display:grid;gap:0;margin:0}
.bt-details>div{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--tt-line)}
.bt-details>div:last-child{border-bottom:0}
.bt-details dt{font-size:12px;color:var(--tt-muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.bt-details dd{margin:0;font-size:16px;color:var(--tt-ink);font-weight:700;overflow-wrap:anywhere}
.bt-details dd.mono{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em}
.bt-copy{min-height:40px;padding:8px 14px;border:1.5px solid var(--tt-blue);border-radius:9px;background:#fff;color:var(--tt-blue);font-weight:700;font-size:13px;cursor:pointer}
.bt-copy:hover,.bt-copy:focus-visible{background:var(--tt-blue);color:#fff}
.bt-copy.done{background:var(--tt-green);border-color:var(--tt-green);color:#fff}
.bt-steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;gap:14px}
.bt-steps li{counter-increment:s;display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55}
.bt-steps li:before{content:counter(s);flex:none;width:28px;height:28px;border-radius:50%;background:var(--tt-blue-soft);color:var(--tt-navy);display:grid;place-items:center;font-weight:800;font-size:13px}
.bt-warn{margin-top:18px;padding:14px 16px;border-radius:10px;background:#fff7e8;border:1px solid #f3d79c;color:#6b4800;font-size:13px;line-height:1.55}
.bt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media(max-width:900px){.bt-grid{grid-template-columns:1fr}.bt-card{padding:22px 18px}}
@media(max-width:600px){.bt-row{grid-template-columns:1fr}.bt-details>div{grid-template-columns:1fr auto;grid-template-areas:"t t" "v b"}.bt-details dt{grid-area:t}.bt-details dd{grid-area:v}.bt-details .bt-copy{grid-area:b}.pay-panel{padding:16px}.bt-submit{width:100%}}
@media(prefers-reduced-motion:reduce){.pay-option,.bt-submit{transition:none}.pay-option:hover,.bt-submit:hover{transform:none}}

/* Düzeltmeler: düğme ikonu boyutu, kapak yer tutucuları ve yazar rengi güven paletinde */
.bt-submit svg{width:22px;height:22px;flex:none}
.bt-wrap{padding-bottom:110px}
.catalog-detail-placeholder,.catalog-card-placeholder{background:linear-gradient(150deg,#12335a,#1b5aa0)!important}
.catalog-detail-placeholder *,.catalog-card-placeholder *{border-color:#f2a93b88}
.catalog-detail-author,.catalog-card-author{color:var(--tt-muted)}
.book-section{background:var(--tt-navy-deep)}
.mobile-quickbar a:last-child{background:var(--tt-navy);color:#fff}
.bt-field{align-content:start}.bt-row{align-items:start}

/* v3.0 — Havale koşullu fiyatlandırma ve indirim özeti */
.bt-campaign{display:grid;gap:4px;margin:0;padding:12px 14px;border-radius:10px;border:1px solid #d8bb83;background:#fff8ea;color:#684b1f;font-size:12px;line-height:1.5}
.bt-campaign strong{font-size:13px}
.bt-pricing{display:grid;gap:8px}
.bt-summary-line{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;color:var(--tt-muted)}
.bt-summary-line strong{font-size:15px;color:var(--tt-ink)}
.bt-discount-line,.bt-discount-line strong{color:#21784a}
.bt-discount-line[hidden]{display:none!important}
.bt-campaign-note{font-size:12px;line-height:1.4;margin:0;color:var(--tt-muted)}
.bt-pricing .bt-total{margin-top:2px}
.bt-details-discount dd{color:#21784a}
.bt-promo-admin .help{line-height:1.6}