/**
 * Araç Maliyet Merkezi — /maliyet/ sayfaya özel stiller.
 * Token + temel sınıflar theme.css'te. theme.css'ten SONRA, yalnız bu şablonda.
 */
:root{--ap-gold:#C8911B;--ap-gold-2:#E2A53B;--ap-gold-tint:rgba(226,165,59,.14)}

.ap-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.ap-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}
.ap-section__kicker{color:var(--ap-gold)}
.ap-btn--gold{background:var(--ap-gold-2);color:#3a2a04;border-color:transparent}.ap-btn--gold:hover{background:#d49a2c}

/* hero */
.ap-cost-hero{background:radial-gradient(120% 140% at 85% -10%,rgba(226,165,59,.18),transparent 55%),linear-gradient(180deg,var(--ap-navy-900),var(--ap-navy-800));color:#fff;padding:var(--sp-7) 0;position:relative;overflow:hidden}
.ap-cost-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 78px,rgba(255,255,255,.018) 79px,rgba(255,255,255,.018) 80px);pointer-events:none}
.ap-cost-hero__inner{position:relative}
.ap-cost-hero__kicker{font-family:var(--ap-mono);font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--ap-gold-2);font-weight:700;display:inline-flex;align-items:center;gap:7px}
.ap-cost-hero__kicker .ap-live{width:7px;height:7px;border-radius:50%;background:var(--ap-gold-2);box-shadow:0 0 0 3px rgba(226,165,59,.22)}
.ap-cost-hero h1{font-size:var(--t-3xl);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-top:var(--sp-3);max-width:18ch}
.ap-cost-hero__sub{color:#aab4c8;font-size:var(--t-md);margin-top:var(--sp-4);max-width:62ch}
.ap-cost-hero__actions{display:flex;gap:10px;margin-top:var(--sp-5);flex-wrap:wrap}
.ap-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ap-navy-600);border:1px solid var(--ap-navy-600);border-radius:var(--r-md);overflow:hidden;margin-top:var(--sp-5)}
.ap-kpi__cell{background:var(--ap-navy-900);padding:var(--sp-5) var(--sp-4)}
.ap-kpi__k{font-family:var(--ap-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8a93a3}
.ap-kpi__v{font-family:var(--ap-mono);font-weight:800;font-size:var(--t-2xl);font-variant-numeric:tabular-nums;line-height:1.05;margin-top:6px}
.ap-kpi__sub{font-family:var(--ap-mono);font-size:10px;color:#9aa6bd;margin-top:4px}

/* hesaplayıcı */
.ap-calc-wrap{margin-top:var(--sp-5)}
.ap-calc{background:#fff;border:1px solid var(--ap-line);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);display:grid;grid-template-columns:1.35fr 1fr;overflow:hidden}
.ap-calc__form{padding:var(--sp-5)}
.ap-calc__title{display:flex;align-items:center;gap:9px;font-weight:800;font-size:var(--t-md)}
.ap-calc__title .dot{width:9px;height:9px;border-radius:50%;background:var(--ap-gold-2);box-shadow:0 0 0 4px var(--ap-gold-tint)}
.ap-calc__hint{color:var(--ap-slate);font-size:var(--t-sm);margin:4px 0 var(--sp-4)}
.ap-calc__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ap-ff{display:flex;flex-direction:column}.ap-ff--wide{grid-column:span 2}
.ap-ff label{font-family:var(--ap-mono);font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--ap-slate-2);font-weight:700;margin-bottom:5px}
.ap-ff select,.ap-ff input{width:100%;height:var(--ap-field-h,42px);background:#fff;border:1px solid var(--ap-line);color:var(--ap-ink);border-radius:var(--r-sm);padding:0 10px;font-size:var(--t-sm);font-family:var(--ap-sans)}
.ap-toggle{display:inline-flex;align-items:center;gap:7px;font-size:var(--t-xs);font-weight:600;color:var(--ap-slate);cursor:pointer;height:var(--ap-field-h,42px)}
.ap-toggle input{width:16px;height:16px;accent-color:var(--ap-gold-2)}
.ap-calc__cta{grid-column:span 4;margin-top:4px}
.ap-calc__result{background:linear-gradient(180deg,var(--ap-navy-900),var(--ap-navy-800));color:#fff;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);justify-content:center}
.ap-calc__rk{font-family:var(--ap-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8a93a3}
.ap-calc__rv{font-family:var(--ap-mono);font-weight:800;font-size:var(--t-2xl);font-variant-numeric:tabular-nums}

/* boş-durum */
.ap-pc-empty{background:#fff;border:1px dashed var(--ap-line);border-radius:var(--r-md);padding:var(--sp-6) var(--sp-5);text-align:center;color:var(--ap-slate)}
.ap-pc-empty--accent{border-color:rgba(228,37,43,.3)}
.ap-pc-empty__icon{font-size:28px;margin-bottom:var(--sp-2)}
.ap-pc-empty__title{font-weight:800;font-size:var(--t-sm);color:var(--ap-ink);margin-bottom:6px}
.ap-pc-empty p{font-size:var(--t-xs);max-width:46ch;margin:0 auto}

/* en uygun başlangıç (mini kart) */
.ap-cost-mini{background:#fff;border:1px solid var(--ap-line);border-radius:var(--r-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:9px;text-decoration:none;color:inherit;transition:.15s;border-top:3px solid var(--ap-gold-2)}
.ap-cost-mini:hover{box-shadow:var(--shadow-hover);border-color:var(--ap-navy-600);transform:translateY(-2px)}
.ap-cost-mini__nm{font-weight:800;font-size:var(--t-sm)}
.ap-cost-mini__price{font-family:var(--ap-mono);font-weight:800;font-size:var(--t-lg);font-variant-numeric:tabular-nums}
.ap-cost-mini__price small{display:block;font-family:var(--ap-mono);font-size:9px;color:var(--ap-slate-2);text-transform:uppercase;font-weight:600}
.ap-cost-mini__cta{font-family:var(--ap-mono);font-size:10px;font-weight:700;color:var(--ap-gold);margin-top:auto}

/* popüler */
.ap-pop-card{background:#fff;border:1px solid var(--ap-line);border-radius:var(--r-md);padding:var(--sp-4);display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:.15s}
.ap-pop-card:hover{box-shadow:var(--shadow-card);border-color:var(--ap-navy-600)}
.ap-pop-card__ico{width:40px;height:40px;border-radius:var(--r-md);background:var(--ap-gold-tint);display:flex;align-items:center;justify-content:center;color:var(--ap-gold);font-weight:800;flex:none}
.ap-pop-card__nm{font-weight:700;font-size:var(--t-sm)}
.ap-pop-card__sub{font-family:var(--ap-mono);font-size:10px;color:var(--ap-slate-2)}
.ap-pop-card__arrow{margin-left:auto;color:var(--ap-slate-2);font-weight:800}

/* guide + faq */
.ap-guide-card{background:#fff;border:1px solid var(--ap-line);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;transition:.15s}
.ap-guide-card:hover{box-shadow:var(--shadow-card);border-color:var(--ap-navy-600)}
.ap-guide-card__img{height:88px;background:linear-gradient(135deg,var(--ap-navy-800),var(--ap-gold));position:relative}
.ap-guide-card__cat{position:absolute;top:10px;left:10px;font-family:var(--ap-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#fff;background:rgba(255,255,255,.16);padding:3px 8px;border-radius:4px}
.ap-guide-card__body{padding:13px 15px;display:flex;flex-direction:column;gap:8px;flex:1}
.ap-guide-card__title{font-weight:700;font-size:var(--t-sm);line-height:1.35}
.ap-guide-card__meta{font-family:var(--ap-mono);font-size:10px;color:var(--ap-slate-2);margin-top:auto}
.ap-faq{background:#fff;border:1px solid var(--ap-line);border-radius:var(--r-md);overflow:hidden}
.ap-faq__item{border-top:1px solid var(--ap-line)}.ap-faq__item:first-child{border-top:none}
.ap-faq__q{width:100%;text-align:left;background:#fff;border:none;cursor:pointer;padding:16px 18px;font-weight:700;font-size:var(--t-sm);color:var(--ap-ink);display:flex;align-items:center;justify-content:space-between;gap:12px}
.ap-faq__q:hover{background:var(--ap-surface)}
.ap-faq__q .ico{font-family:var(--ap-mono);font-weight:800;color:var(--ap-gold);flex:none;transition:.2s}
.ap-faq__q[aria-expanded="true"] .ico{transform:rotate(45deg)}
.ap-faq__a{padding:0 18px;max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease}
.ap-faq__a.is-open{padding:0 18px 16px;max-height:340px}
.ap-faq__a p{font-size:var(--t-sm);color:var(--ap-slate);line-height:1.55}

.ap-cost-mobilebar{display:none}

@media(max-width:1024px){.ap-kpi{grid-template-columns:1fr 1fr}.ap-grid-4{grid-template-columns:repeat(2,1fr)}.ap-grid-3{grid-template-columns:repeat(2,1fr)}.ap-calc{grid-template-columns:1fr}}
@media(max-width:900px){.ap-footer__top{grid-template-columns:1fr 1fr}}
@media(max-width:780px){
  .ap-calc__grid{grid-template-columns:1fr 1fr}.ap-calc__cta{grid-column:span 2}.ap-ff--wide{grid-column:span 2}
  .ap-grid-3{grid-template-columns:1fr}
  .ap-cost-mobilebar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid var(--ap-line);padding:10px 12px;box-shadow:0 -6px 20px rgba(10,18,40,.10)}
  body{padding-bottom:72px}
}
@media(max-width:560px){.ap-kpi,.ap-grid-4{grid-template-columns:1fr}}

/* ---- Sahip Olma Maliyeti dağılımı (JS doldurur — Ownership Cost motoru) ---- */
.ap-calc__rsub { font-family: var(--ap-mono); font-size: 11px; color: #aab4c8; margin-top: 6px; }
.ap-cost-dist { background: #fff; border: 1px solid var(--ap-line); border-radius: var(--r-md); padding: var(--sp-4) var(--sp-5); }
.ap-cost-dist__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding-bottom: var(--sp-3); margin-bottom: var(--sp-3); border-bottom: 1px solid var(--ap-line); }
.ap-cost-dist__head span { font-weight: 800; font-size: var(--t-md); }
.ap-cost-dist__head strong { font-family: var(--ap-mono); font-weight: 800; font-size: var(--t-lg); color: var(--ap-red); }
.ap-cost-dist__row { display: grid; grid-template-columns: 180px 1fr 120px; align-items: center; gap: 12px; padding: 7px 0; }
.ap-cost-dist__l { font-size: var(--t-sm); color: var(--ap-slate); font-weight: 600; }
.ap-cost-dist__b { font-family: var(--ap-mono); font-size: 9px; text-transform: uppercase; letter-spacing: .04em; padding: 1px 5px; border-radius: 3px; margin-left: 4px; }
.ap-cost-dist__b--real { background: rgba(35, 162, 109, .12); color: #1c7a52; }
.ap-cost-dist__b--estimated { background: var(--ap-surface-2, #e9edf2); color: var(--ap-slate); }
.ap-cost-dist__b--demo { background: rgba(226, 165, 59, .14); color: #9a6e10; }
.ap-cost-dist__b--formula { background: rgba(59, 130, 246, .10); color: #1d3f73; }
.ap-cost-dist__bar { height: 8px; border-radius: var(--r-pill); background: var(--ap-surface-2, #e9edf2); overflow: hidden; }
.ap-cost-dist__bar i { display: block; height: 100%; background: var(--ap-navy-700); border-radius: var(--r-pill); }
.ap-cost-dist__v { font-family: var(--ap-mono); font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }
.ap-cost-dist__note { font-family: var(--ap-mono); font-size: 10px; color: var(--ap-slate); margin-top: var(--sp-3); line-height: 1.6; }
@media (max-width: 600px) {
  .ap-cost-dist__row { grid-template-columns: 1fr auto; }
  .ap-cost-dist__bar { display: none; }
}