/**
 * Marka Keşif Merkezi — /markalar/ sayfaya özel stiller.
 * Token + temel sınıflar (ap-btn/ap-section/ap-tag/ap-guide-card) theme.css'tedir.
 * YALNIZ /markalar/ (brand-center.php) sayfasında, theme.css'ten SONRA yüklenir.
 */
:root{--ap-amber:#E2A53B;--ap-d-line:rgba(255,255,255,.08);--ap-d-card:rgba(255,255,255,.03);--ap-d-text:#aab4c8;--ap-d-mute:#6f7c93;--grad-score:linear-gradient(90deg,#E4252B 0%,#E2A53B 45%,#23A26D 100%)}

.ap-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}

/* terminal section */
.ap-term{background:var(--ap-navy-950);color:#fff;position:relative;overflow:hidden}
.ap-term::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 78px,rgba(255,255,255,.015) 79px,rgba(255,255,255,.015) 80px);pointer-events:none}
.ap-term__inner{position:relative;padding:var(--sp-6) 0}
.ap-term .ap-section__title{color:#fff}.ap-term .ap-section__sub{color:var(--ap-d-text)}

/* hero + kpi */
.ap-cmp-hero{background:linear-gradient(180deg,var(--ap-navy-900),var(--ap-navy-800));color:#fff;padding:var(--sp-7) 0;position:relative;overflow:hidden}
.ap-cmp-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-cmp-hero__inner{position:relative}
.ap-cmp-hero__kicker{font-family:var(--ap-mono);font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--ap-red);font-weight:700;display:inline-flex;align-items:center;gap:7px}
.ap-cmp-hero__kicker .ap-live{width:7px;height:7px;border-radius:50%;background:var(--ap-pos);box-shadow:0 0 0 3px rgba(35,162,109,.2)}
.ap-cmp-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-cmp-hero__sub{color:var(--ap-d-text);font-size:var(--t-md);margin-top:var(--sp-4);max-width:62ch}
.ap-cmp-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}

/* gradient bar (paylaşılan) */
.ap-gbar{height:7px;border-radius:var(--r-pill);background:rgba(255,255,255,.08);overflow:hidden}
.ap-gbar__fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--grad-score);width:0;transition:width 1.1s cubic-bezier(.22,.61,.36,1)}
.ap-score-note{font-family:var(--ap-mono);font-size:var(--t-xs);color:var(--ap-d-mute);margin-top:var(--sp-4);text-align:center}

/* ===== MARKA KARTLARI ===== */
.ap-bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}
.ap-bcard{background:#fff;border:1px solid var(--ap-line);border-radius:var(--r-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:11px;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ap-bcard::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad-score);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.ap-bcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--ap-navy-600)}
.ap-bcard:hover::after{transform:scaleX(1)}
.ap-bcard__top{display:flex;align-items:center;gap:11px}
.ap-bcard__mark{width:46px;height:46px;border-radius:var(--r-md);background:var(--ap-surface-2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--t-lg);color:var(--ap-navy-700);flex:none;transition:.18s}
.ap-bcard:hover .ap-bcard__mark{background:var(--ap-navy-900);color:#fff}
.ap-bcard__mark--logo{background:#fff;border:1px solid var(--ap-line,#e6e8ec);padding:7px}
.ap-bcard:hover .ap-bcard__mark--logo{background:#fff}
.ap-bcard__mark--logo img{width:100%;height:100%;object-fit:contain;display:block}
.ap-bcard__id{flex:1;min-width:0}
.ap-bcard__name{font-weight:800;font-size:var(--t-sm);display:block}
.ap-bcard__meta{font-family:var(--ap-mono);font-size:10px;color:var(--ap-slate-2);text-transform:uppercase;letter-spacing:.04em}
.ap-bcard__score{font-family:var(--ap-mono);font-weight:800;font-size:var(--t-md);color:var(--ap-navy-900);background:var(--ap-surface);border:1px solid var(--ap-line);border-radius:var(--r-sm);padding:5px 9px;flex:none;font-variant-numeric:tabular-nums}
.ap-bcard__badges{display:flex;flex-wrap:wrap;gap:6px}
.ap-badge{font-family:var(--ap-mono);font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:var(--r-pill)}
.ap-badge--price{background:var(--ap-surface-2);color:var(--ap-slate)}
.ap-badge--ev{background:rgba(31,182,166,.12);color:#0e7a70}
.ap-badge--top{background:rgba(35,162,109,.14);color:#1a7a52}
.ap-bcard__bar{height:6px;border-radius:var(--r-pill);background:var(--ap-surface-2);overflow:hidden}
.ap-bcard__bar span{display:block;height:100%;border-radius:var(--r-pill)}
.ap-bcard__pop{display:flex;flex-wrap:wrap;gap:6px}
.ap-bcard__pop span{font-size:10px;font-weight:600;color:var(--ap-slate);background:var(--ap-surface);border:1px solid var(--ap-line-soft);border-radius:var(--r-sm);padding:3px 8px}
.ap-bcard__cta{font-family:var(--ap-mono);font-size:10px;font-weight:700;color:var(--ap-navy-700);margin-top:auto}
.ap-bcard:hover .ap-bcard__cta{color:var(--ap-red)}

/* ===== PERFORMANS ENDEKSİ ===== */
.ap-perfx{background:var(--ap-d-card);border:1px solid var(--ap-d-line);border-radius:var(--r-md);overflow:hidden}
.ap-perfx__row{display:grid;grid-template-columns:34px 40px 1fr 1.4fr 40px;gap:13px;align-items:center;padding:13px 18px;border-top:1px solid var(--ap-d-line);text-decoration:none;color:#fff;transition:background .15s}
.ap-perfx__row:first-child{border-top:none}
.ap-perfx__row:hover{background:rgba(255,255,255,.04)}
.ap-perfx__rank{font-family:var(--ap-mono);font-weight:800;font-size:var(--t-sm);color:var(--ap-d-mute);text-align:center}
.ap-perfx__mark{width:40px;height:40px;border-radius:var(--r-sm);background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;flex:none}
.ap-perfx__nm{font-weight:700;font-size:var(--t-sm)}
.ap-perfx__nm small{display:block;font-family:var(--ap-mono);font-size:10px;color:var(--ap-d-mute);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}
.ap-perfx__score{font-family:var(--ap-mono);font-weight:800;font-size:var(--t-md);text-align:right;font-variant-numeric:tabular-nums}

/* ===== RIVALRY ===== */
.ap-rcard{background:#fff;border:1px solid var(--ap-line);border-radius:var(--r-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:12px;transition:.15s}
.ap-rcard:hover{box-shadow:var(--shadow-card);border-color:var(--ap-navy-600)}
.ap-rcard__row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.ap-rcard__side{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none;color:inherit;padding:6px;border-radius:var(--r-sm);transition:background .15s}
.ap-rcard__side:hover{background:var(--ap-surface)}
.ap-rcard__side--r{align-items:flex-end;text-align:right}
.ap-rcard__mark{width:38px;height:38px;border-radius:var(--r-md);background:var(--ap-surface-2);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--ap-navy-700)}
.ap-rcard__nm{font-weight:800;font-size:var(--t-sm)}
.ap-rcard__sub{font-family:var(--ap-mono);font-size:10px;color:var(--ap-slate-2);font-variant-numeric:tabular-nums}
.ap-rcard__vs{width:30px;height:30px;border-radius:50%;background:var(--ap-navy-900);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--ap-mono);font-size:10px;font-weight:800;flex:none}
.ap-rcard__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--ap-line-soft);padding-top:10px;font-family:var(--ap-mono);font-size:10px;color:var(--ap-slate-2)}

/* ===== panel + pricebar (fiyat liderleri) ===== */
.ap-panel{background:#fff;border:1px solid var(--ap-line);border-radius:var(--r-md);padding:var(--sp-5)}
.ap-pricebar{display:flex;flex-direction:column;gap:12px}
.ap-pricebar__row{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:center;border-radius:var(--r-sm);transition:background .15s}
.ap-pricebar__row:hover{background:var(--ap-surface)}
.ap-pricebar__nm{font-weight:700;font-size:var(--t-sm)}
.ap-pricebar__track{height:24px;border-radius:var(--r-sm);background:var(--ap-surface-2);overflow:hidden}
.ap-pricebar__fill{height:100%;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--ap-navy-700),var(--ap-navy-500));width:0;transition:width 1.1s cubic-bezier(.22,.61,.36,1)}
.ap-pricebar__fill--lo{background:linear-gradient(90deg,#1a7a52,var(--ap-pos))}
.ap-pricebar__val{font-family:var(--ap-mono);font-weight:800;font-size:var(--t-sm);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:120px}
.ap-pricebar__val small{display:block;font-family:var(--ap-mono);font-size:10px;color:var(--ap-slate-2);font-weight:600}

/* ===== A-Z DİZİNİ ===== */
.ap-azwrap{display:flex;flex-direction:column;gap:var(--sp-4)}
.ap-azgroup{display:grid;grid-template-columns:54px 1fr;gap:var(--sp-4);align-items:start}
.ap-azgroup__letter{font-family:var(--ap-mono);font-weight:800;font-size:var(--t-xl);color:var(--ap-red);line-height:1;padding-top:6px}
.ap-azgroup__list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ap-azitem{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid var(--ap-line);border-radius:var(--r-sm);padding:10px 12px;text-decoration:none;color:inherit;transition:.15s}
.ap-azitem:hover{border-color:var(--ap-navy-600);box-shadow:var(--shadow-card)}
.ap-azitem__nm{font-weight:700;font-size:var(--t-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-azitem__meta{font-family:var(--ap-mono);font-size:10px;color:var(--ap-slate-2);white-space:nowrap;flex:none}

/* ===== responsive ===== */
@media(max-width:1024px){.ap-kpi{grid-template-columns:1fr 1fr}.ap-bgrid{grid-template-columns:repeat(3,1fr)}.ap-grid-3{grid-template-columns:repeat(2,1fr)}.ap-azgroup__list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){
  .ap-bgrid{grid-template-columns:repeat(2,1fr)}
  .ap-azgroup__list{grid-template-columns:repeat(2,1fr)}
  .ap-perfx__row{grid-template-columns:28px 34px 1fr 34px;grid-template-areas:"rank mark nm score" "bar bar bar bar";gap:8px 11px}
  .ap-perfx__rank{grid-area:rank}.ap-perfx__mark{grid-area:mark}.ap-perfx__nm{grid-area:nm}.ap-perfx__score{grid-area:score}.ap-perfx__bar{grid-area:bar}
  .ap-pricebar__row{grid-template-columns:110px 1fr;grid-template-areas:"nm bar" "val val"}
  .ap-pricebar__nm{grid-area:nm}.ap-pricebar__track{grid-area:bar}.ap-pricebar__val{grid-area:val;text-align:left;min-width:0}
}
@media(max-width:520px){
  .ap-kpi{grid-template-columns:1fr 1fr}.ap-bgrid,.ap-grid-3{grid-template-columns:1fr}
  .ap-azgroup{grid-template-columns:40px 1fr}.ap-azgroup__list{grid-template-columns:1fr 1fr}
}