/* Advenway koşu ayakkabısı seçici — onaylanan tasarımın ("Kosu Ayakkabisi
   Secici.dc.html", Kum teması) birebir karşılığı.

   Tasarımda dört tema vardı (Kömür / Gece mavisi / Orman / Kum); kullanıcı
   Kum'u seçti, üretimde tema anahtarı YOK. Diğer paletler gerekirse
   .advs üzerindeki değişkenleri değiştirmek yeterli.

   Renk defteri (tasarım dosyasındaki THEMES.kum):
     page #e6ded1 · panel #fffdf9 · head #f7f1e6 · ink #141210
     body #3a352f · muted #4d473f · faint #6d655b · chip #2a251f
     vurgu #c2410c · CTA linear-gradient(150deg,#f68a4d,#e2571c) · CTA yazı #1b1005
   Çizgiler rgba(27,24,21,α), vurgu tonları rgba(194,65,12,α). */

.advs{
  --page:#e6ded1; --panel:#fffdf9; --head:#f7f1e6;
  --ink:#141210; --body:#3a352f; --muted:#4d473f; --faint:#6d655b; --chip:#2a251f;
  --sec:#c2410c;
  --l03:rgba(27,24,21,.03); --l025:rgba(27,24,21,.025); --l05:rgba(27,24,21,.05);
  --l07:rgba(27,24,21,.07); --l08:rgba(27,24,21,.08); --l10:rgba(27,24,21,.10);
  --l12:rgba(27,24,21,.12); --l18:rgba(27,24,21,.18); --l30:rgba(27,24,21,.30);
  --s05:rgba(194,65,12,.05); --s07:rgba(194,65,12,.07); --s10:rgba(194,65,12,.10);
  --s14:rgba(194,65,12,.14); --s16:rgba(194,65,12,.16); --s24:rgba(194,65,12,.24);
  --s50:rgba(194,65,12,.50); --s55:rgba(194,65,12,.55);
  --f:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
  --bc:"Barlow Condensed",Impact,system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  font-family:var(--f); background:var(--page);
  padding:40px 20px 90px; display:flex; flex-direction:column; align-items:center; gap:26px;
}
.advs *{box-sizing:border-box}
.advs a{color:var(--sec);text-decoration:none}
.advs a:hover{color:#9e350a}
@keyframes advsPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}

/* ---- ekmek kırıntısı ---- */
.advs-crumb{width:100%;max-width:1080px;display:flex;align-items:center;gap:10px;
  font:600 12px/1 var(--f);letter-spacing:.16em;text-transform:uppercase}
.advs-rule{width:22px;height:2px;background:var(--sec);display:inline-block}
.advs-crumb .m{color:#8a8175}
.advs-crumb .f{color:#b8afa1}
.advs-crumb .i{color:#1b1815}

/* ---- panel ---- */
.advs-panel{width:100%;max-width:1080px;background:var(--panel);border-radius:22px;overflow:hidden;
  border:1px solid var(--l10);box-shadow:0 30px 70px -40px rgba(22,19,15,.55);position:relative}

.advs-header{padding:44px 44px 34px;position:relative;
  background:linear-gradient(180deg,var(--head) 0%,var(--panel) 100%);
  border-bottom:1px solid var(--l08)}
.advs-grain{position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(115deg,var(--s07) 0 1px,transparent 1px 9px)}
.advs-headin{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px}
.advs-headtxt{max-width:620px;display:flex;flex-direction:column;gap:14px}
.advs-eyebrow{display:flex;align-items:center;gap:8px;font:700 11px/1 var(--f);
  letter-spacing:.18em;text-transform:uppercase;color:var(--sec)}
.advs-dot{width:7px;height:7px;border-radius:50%;background:var(--sec);animation:advsPulse 2.4s ease-in-out infinite}
.advs h2.advs-h1{margin:0;font:600 clamp(34px,4.4vw,52px)/.95 var(--bc) !important;letter-spacing:-.01em;text-transform:uppercase !important;color:var(--ink)}
.advs h2.advs-h1 span{color:var(--sec)}
.advs p.advs-lead{margin:0;font:400 15.5px/1.6 var(--f);color:var(--body);max-width:520px}
.advs p.advs-lead strong{color:var(--ink);font-weight:700}
.advs-stats{display:flex;gap:14px}
.advs-stat{min-width:104px;padding:16px 18px;border:1px solid var(--l12);border-radius:14px;background:var(--l03)}
.advs-stat .n{font:600 34px/1 var(--bc);color:var(--ink)}
/* Barlow Condensed'in dar "+" glifi tire gibi okunuyordu; gövde fontunda. */
.advs-stat .n .arti{font:700 20px/1 var(--f);color:var(--sec);margin-left:2px;vertical-align:6px}
.advs-stat .l{margin-top:4px;font:600 10px/1.3 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

.advs-body{padding:34px 44px 40px;display:flex;flex-direction:column;gap:38px}
.advs-form{display:flex;flex-direction:column;gap:38px}

/* ---- sorular ---- */
.advs-q{display:flex;gap:20px;align-items:flex-start}
.advs-num{flex:0 0 auto;width:46px;padding:7px 0;border-radius:8px;text-align:center;
  font:600 15px/1 var(--bc);letter-spacing:.06em;
  color:var(--muted);background:var(--l05);border:1px solid var(--l10);
  transition:background .16s ease,color .16s ease,border-color .16s ease}
.advs-qbody{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:12px}
.advs-qhead{display:flex;flex-direction:column;gap:5px}
.advs-qtop{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
/* !important: CheerUp'ta başlıkların BÜYÜK HARFİNİ kapatan bir Ek CSS
   kuralı var (bkz. advenway-baslik-buyuk-harf); araç içindeki başlıklar
   ondan etkilenmemeli. */
.advs h4.advs-qtitle{margin:0;font:600 21px/1.15 var(--bc) !important;letter-spacing:.04em;
  text-transform:uppercase !important;color:var(--ink)}
.advs-tag{font:700 9.5px/1 var(--f);letter-spacing:.14em;text-transform:uppercase;
  padding:5px 8px;border-radius:99px;color:var(--faint);border:1px solid var(--l12)}
/* Cevaplanınca rozet küçük bir ✓ hâline gelir; "SEÇİLDİ" yazısı her
   başlıkta tekrarlanınca görsel kalabalık yapıyordu. */
.advs-tag .sec{display:none;font-size:11px;letter-spacing:0}
.advs p.advs-qhint{margin:0;font:400 13.5px/1.5 var(--f);color:var(--muted)}

/* Cevaplanan soru: numara kutusu ve rozet vurgulanır.
   :has() ile — JS gerekmiyor. */
.advs-q:has(input:checked) .advs-num{background:var(--sec);border-color:var(--sec);color:#fffdf9}
.advs-q:has(input:checked) .advs-tag{color:var(--sec);border-color:var(--s50);padding:4px 7px}
.advs-q:has(input:checked) .advs-tag .zor{display:none}
.advs-q:has(input:checked) .advs-tag .sec{display:inline}

/* ---- seçenek çipleri (radio + label, JS yok) ---- */
.advs-opts{display:flex;flex-wrap:wrap;gap:9px}
.advs-opts input{position:absolute;opacity:0;width:0;height:0}
.advs-opts label{display:inline-flex;align-items:center;padding:10px 15px;border-radius:10px;
  border:1px solid var(--l12);background:var(--l025);color:var(--chip);
  font:600 13.5px/1.2 var(--f);cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.advs-opts label:hover{border-color:var(--s50)}
.advs-opts input:checked + label{border-color:var(--sec);color:#1b1815;
  background:linear-gradient(160deg,var(--s16),var(--s05));box-shadow:0 0 0 3px var(--s14)}
.advs-opts input:focus-visible + label{outline:2px solid var(--sec);outline-offset:2px}

/* ---- gelişmiş filtreler ---- */
.advs-adv{border:1px dashed var(--l18);border-radius:16px;overflow:hidden}
.advs-adv summary{list-style:none;cursor:pointer;padding:18px 22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.advs-adv summary::-webkit-details-marker{display:none}
.advs-adv summary .sign{font:600 18px/1 var(--bc);color:var(--sec);margin-right:10px}
.advs-adv[open] summary .sign:before{content:"−"}
.advs-adv:not([open]) summary .sign:before{content:"+"}
.advs-adv summary .lbl{font:700 13px/1 var(--f);color:var(--ink)}
.advs-adv summary .note{font:500 12.5px/1 var(--f);color:var(--muted)}
.advs-advbody{padding:4px 22px 24px;display:flex;flex-direction:column;gap:22px}
.advs-advbody .advs-qtitle{font-size:18px}

/* ---- form durumu şeridi ---- */
.advs-band{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:22px;border-radius:18px;
  background:linear-gradient(100deg,var(--s10),var(--l03));border:1px solid var(--s24)}
.advs-bandl{flex:1 1 240px;min-width:200px;display:flex;flex-direction:column;gap:9px}
.advs-bandtop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.advs-bandlabel{font:700 11px/1 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.advs-bandcount{display:flex;flex-wrap:wrap;gap:6px 18px}
.advs-say{display:inline-flex;align-items:baseline;gap:7px;font:700 13px/1.3 var(--f);color:var(--sec)}
.advs-say b{font:600 10.5px/1.3 var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.advs-say.ops{color:var(--muted)}
.advs-track{height:6px;border-radius:99px;background:var(--l10);overflow:hidden}
.advs-fill{height:100%;border-radius:99px;width:0;
  background:linear-gradient(90deg,var(--sec),var(--s55));transition:width .28s cubic-bezier(.4,0,.2,1)}
.advs-bandtext{font:400 12.5px/1.4 var(--f);color:var(--body)}
.advs-bandr{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.advs-cta{appearance:none;border:none;cursor:pointer;padding:17px 26px;border-radius:12px;
  display:flex;align-items:center;gap:12px;font:800 14px/1 var(--f);letter-spacing:.1em;text-transform:uppercase;
  color:#1b1005;background:linear-gradient(150deg,#f68a4d,#e2571c);
  box-shadow:0 14px 30px -14px rgba(226,87,28,.7)}
.advs-cta .ok{font:600 20px/1 var(--bc)}
/* Yetersiz cevapta pasif görünüm — SADECE JS açıkken uygulanır.
   JS kapalıysa buton her zaman aktif kalır ve form yine çalışır. */
.advs-cta.pasif{cursor:not-allowed;color:var(--faint);background:var(--l07);box-shadow:none}
.advs-reset{appearance:none;background:none;border:none;cursor:pointer;padding:0;
  font:600 12.5px/1 var(--f);color:var(--muted);text-decoration:underline;
  text-decoration-color:var(--l30);text-underline-offset:3px}

/* ---- cevap özeti (sonuç görünümünün üstü) ---- */
.advs-ozet{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:12px 14px;border-radius:14px;background:var(--l025);border:1px solid var(--l10)}
.advs-ozetl{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:6px}
.advs-ozetlbl{font:700 10px/1 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.advs-ozetchips{display:flex;flex-wrap:wrap;gap:6px 14px}
.advs-ozetchip{font:500 12.5px/1.35 var(--f);color:var(--chip);white-space:nowrap}
.advs-ozetchip b{font-weight:700;color:var(--faint)}
.advs a.advs-degistir{flex:0 0 auto;padding:8px 13px;border-radius:9px;border:1px solid var(--s50);
  font:700 12px/1 var(--f);color:var(--sec)}
.advs a.advs-degistir:hover{background:var(--s07);color:var(--sec)}

/* ---- sonuçlar ---- */
.advs-res{display:flex;flex-direction:column;gap:22px;padding-top:8px;border-top:1px solid var(--l08)}
.advs-resintro{display:flex;flex-direction:column;gap:8px}
.advs-reskicker{font:700 11px/1 var(--f);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.advs h3.advs-resh{margin:0;font:600 25px/1.15 var(--bc) !important;letter-spacing:.02em;text-transform:uppercase !important;color:var(--ink)}
.advs p.advs-resnote{margin:0;font:400 14px/1.55 var(--f);color:var(--body);max-width:680px}
.advs p.advs-resnote b{color:var(--sec)}
.advs p.advs-profil{margin:0;font:600 13px/1.5 var(--f);color:var(--muted);
  padding:8px 12px;border-radius:10px;background:var(--l025);border:1px solid var(--l10);align-self:flex-start}
.advs-warn{margin:0;padding:13px 15px;border-radius:12px;border:1px solid var(--s24);
  background:var(--s07);font:500 13px/1.5 var(--f);color:var(--body)}
.advs-warn b{color:var(--ink)}
.advs-empty{padding:20px;border:1px solid var(--l12);border-radius:16px;
  font:400 14px/1.6 var(--f);color:var(--body)}
.advs-empty b{color:var(--ink)}

.advs-blok{display:flex;flex-direction:column;gap:12px}
.advs h4.advs-blokh{margin:0;font:600 17px/1.2 var(--bc) !important;letter-spacing:.06em;
  text-transform:uppercase !important;color:var(--muted)}

/* İlk üç: masaüstünde ÜÇÜ YAN YANA. "2 + 1" düzeni kullanılmıyor —
   yarım kalmış görünüyordu (kullanıcı uyarısı, 3 Ağu 2026).
   Dar alanda birinci tam genişlik, diğer ikisi altında yan yana. */
.advs-grid3{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);align-items:stretch}
@media(max-width:1000px){
  .advs-grid3{grid-template-columns:repeat(2,1fr)}
  .advs-grid3 > :first-child{grid-column:1 / -1}
}
@media(max-width:640px){
  .advs-grid3{grid-template-columns:1fr}
  .advs-grid3 > :first-child{grid-column:auto}
}
.advs-grid3.n1{grid-template-columns:minmax(0,420px)}
.advs-grid3.n2{grid-template-columns:repeat(2,1fr)}

/* Diğer kartlar: flex + wrap, böylece son satırda tek kalan kart
   kendi genişliğini koruyup ORTALANIYOR (grid'de mümkün değil). */
.advs-gridk{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;align-items:stretch}
.advs-gridk > *{flex:0 1 calc(33.333% - 7px);min-width:250px}
@media(max-width:900px){.advs-gridk > *{flex:0 1 calc(50% - 5px)}}
@media(max-width:560px){.advs-gridk > *{flex:1 1 100%;min-width:0}}

/* ---- kart ---- */
.advs-card{display:flex;flex-direction:column;border-radius:16px;
  background:var(--l025);border:1px solid var(--l10);min-width:0}
.advs-card.buyuk{gap:10px;padding:16px 16px 14px}
.advs-card.kompakt{gap:7px;padding:13px 13px 11px}
/* Aksiyon bloğu her kartta altta hizalanır → aynı satırdaki kartlar
   birbirine eşit görünür, açılır alan yüksekliği hesaba katılmaz. */
.advs-alt{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:8px}

.advs-cardtop{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px}
.advs-rol{font:800 9px/1.25 var(--f);letter-spacing:.12em;text-transform:uppercase;
  padding:5px 8px;border-radius:99px;color:#1b1005;background:linear-gradient(150deg,#f68a4d,#e2571c)}
.advs-rank{font:600 12px/1 var(--bc);color:var(--faint);flex:0 0 auto}
.advs-brand{font:700 10.5px/1 var(--f);letter-spacing:.18em;text-transform:uppercase;color:var(--sec)}
.advs h5.advs-model{margin:0;font:700 19px/1.2 var(--f) !important;color:var(--ink);
  letter-spacing:-.01em;text-transform:none !important;overflow-wrap:anywhere}
.advs-card.kompakt h5.advs-model{font-size:17px !important}
.advs-tags{display:flex;flex-wrap:wrap;gap:6px}
.advs-ctag{font:600 11px/1 var(--f);color:var(--chip);padding:5px 9px;border-radius:8px;border:1px solid var(--l12)}
.advs-ctag.eski{color:var(--sec);border-color:var(--s50)}

.advs-neden{display:flex;flex-direction:column;gap:3px}
.advs-nedenb{font:800 10px/1 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--sec)}
.advs .advs-neden p{margin:0;font:500 13.5px/1.5 var(--f);color:var(--body)}
.advs p.advs-kneden{margin:0;font:500 13px/1.5 var(--f);color:var(--body)}
.advs p.advs-dikkat{margin:0;font:400 12.5px/1.5 var(--f);color:var(--muted)}
.advs p.advs-dikkat b{color:var(--ink);font-weight:700}

.advs-teknik{font:500 11.5px/1.6 var(--mono);color:var(--faint);letter-spacing:-.01em;overflow-wrap:anywhere}
.advs .advs-detay p.advs-teknik{margin:6px 0 0}
.advs .advs-detay p.advs-miss{margin:6px 0 0;font:400 11.5px/1.5 var(--f);color:var(--faint);font-style:italic}

.advs-price{display:flex;flex-direction:column;gap:2px;font:800 17px/1.15 var(--f);color:var(--ink);overflow-wrap:anywhere}
.advs-price .lbl{font:600 9.5px/1 var(--f);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.advs-price .yok{font:500 12.5px/1.3 var(--f);color:var(--faint)}

.advs a.advs-cta2{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 18px;border-radius:10px;min-height:44px;
  font:700 13px/1 var(--f);color:#1b1005;background:linear-gradient(150deg,#f68a4d,#e2571c)}
.advs a.advs-cta2:hover{color:#1b1005;opacity:.92}
.advs-aksiyon{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.advs-hedef{font:500 11.5px/1.4 var(--f);color:var(--faint)}

/* Açılır alan: kapalıyken "+ Detayları gör", açıkken "− Detayları gizle" */
.advs-detay{width:100%}
.advs-detay summary{cursor:pointer;list-style:none;font:700 12px/1 var(--f);color:var(--sec);
  padding:6px 0;display:inline-flex;align-items:center;gap:6px}
.advs-detay summary::-webkit-details-marker{display:none}
.advs-detay summary:before{content:"+";font-weight:800}
.advs-detay[open] summary:before{content:"−"}
.advs-detay summary .kapa{display:none}
.advs-detay[open] summary .ac{display:none}
.advs-detay[open] summary .kapa{display:inline}
.advs-src{padding-top:9px;margin-top:6px;border-top:1px solid var(--l08);font:400 11px/1.4 var(--f);color:var(--faint)}

.advs-metod{padding:16px 18px;border-radius:14px;background:var(--l025);border:1px solid var(--l10);
  font:400 12.5px/1.6 var(--f);color:var(--muted)}
.advs-metod b{color:var(--ink);display:block;margin-bottom:5px;font:700 13px/1.3 var(--f)}
.advs .advs-metod p{margin:0}
.advs .advs-metod p b{display:inline;margin:0;font-size:inherit;color:var(--ink)}

.advs-foot{display:flex;flex-wrap:wrap;gap:10px 24px;padding:14px 16px;border-radius:12px;background:var(--l025);border:1px solid var(--l10);
  font:500 12.5px/1.5 var(--f);color:var(--muted)}

@media(max-width:760px){
  .advs{padding:24px 12px 60px}
  .advs-header{padding:28px 20px 24px}
  .advs-body{padding:24px 20px 30px;gap:30px}
  .advs-q{gap:12px}
  .advs-num{width:38px}
  .advs h4.advs-qtitle{font-size:18px}
  .advs-opts label{flex:1 1 calc(50% - 9px);justify-content:flex-start}
  .advs-stats{width:100%}
  .advs-stat{flex:1 1 0;min-width:0}
}

/* =========================================================================
   MODEL TEKİL SAYFASI (14. adım)
   Sonuç kartlarıyla aynı dili konuşur ama kart değil yazı: satır uzunluğu
   sınırlı, başlıklar seyrek, tablo YOK.
   ⚠️ `.advs a{color:var(--sec)}` (0,1,1) burada da rakip; profil metni içindeki
   linkler turuncu kalsın diye kasten dokunmuyoruz, ama başlık ve rozetlerin
   kendi seçicileri daha özgül yazıldı.
   ========================================================================= */

.advs-tekil .advs-body{gap:30px}

.advs-mhead{display:flex;flex-direction:column;gap:10px}
.advs-tekil .advs-brand{font:800 11px/1 var(--f);letter-spacing:.18em;text-transform:uppercase;color:var(--sec)}
.advs-tekil .advs-tags{display:flex;flex-wrap:wrap;gap:7px}

/* Profil metni — yazının kendisi. Satır boyu sınırlı, okunaklı. */
.advs-mprofil{max-width:68ch}
.advs .advs-mprofil p{margin:0 0 15px;font:400 16px/1.75 var(--f);color:var(--body)}
.advs .advs-mprofil p:last-child{margin-bottom:0}
/* ⚠️ YAZI BAŞLIKLARI BÜYÜK HARFE ÇEVRİLMEZ.
   Aracın kendi bölüm başlıkları (Barlow Condensed, versal) bilinçli bir
   tasarım tercihi; ama bunlar makale içi başlık. CheerUp'ın site genelinde
   zorladığı büyük harf zaten Ek CSS ile kapatılmıştı — burada geri
   getirmek "ADİSTAR 4'E GÖRE GELİŞİM" gibi okunmayan başlıklar üretiyordu. */
.advs .advs-mprofil h2,
.advs .advs-mprofil h3{margin:28px 0 10px;font:700 20px/1.35 var(--f) !important;
  letter-spacing:-.005em;text-transform:none !important;color:var(--ink)}
.advs .advs-mprofil h2:first-child,
.advs .advs-mprofil h3:first-child{margin-top:0}
.advs .advs-mprofil ul{margin:0 0 15px;padding:0;list-style:none !important}
.advs .advs-mprofil ul li{position:relative;padding-left:18px;margin:0 0 7px;
  font:400 15.5px/1.7 var(--f);color:var(--body);list-style:none !important}
.advs .advs-mprofil ul li::marker{content:""}
.advs .advs-mprofil ul li::before{content:"—";position:absolute;left:0;color:var(--sec);font-weight:700}
.advs .advs-mprofil strong{color:var(--ink);font-weight:700}

/* Blok başlıkları */
.advs-mblok{display:flex;flex-direction:column;gap:12px}
.advs h2.advs-mh{margin:0;font:600 22px/1.1 var(--bc) !important;
  letter-spacing:.005em;text-transform:uppercase !important;color:var(--ink)}


/* Araca davet */
.advs-mcta{padding:20px 22px;border-radius:16px;background:var(--l025);border:1px solid var(--l10);
  display:flex;flex-direction:column;gap:13px;align-items:flex-start}
.advs .advs-mcta p{margin:0;font:400 15px/1.6 var(--f);color:var(--muted);max-width:56ch}
.advs .advs-mcta p b{color:var(--ink);font-weight:700}

/* Kaynak — başlıksız tek satır */
.advs p.advs-mkaynak{margin:0;font:400 12px/1.6 var(--f);color:var(--faint)}

/* Sonuç kartından model sayfasına giden iç bağlantı */
.advs h5.advs-model a{color:var(--ink);text-decoration:none;
  border-bottom:1.5px solid var(--s50);padding-bottom:1px}
.advs h5.advs-model a:hover{color:var(--sec);border-bottom-color:var(--sec)}
.advs a.advs-icbag{display:inline-flex;align-items:center;gap:6px;margin-top:4px;
  font:700 12.5px/1 var(--f);color:var(--sec)}
.advs a.advs-icbag span{font-size:14px;transition:transform .18s ease}
.advs a.advs-icbag:hover span{transform:translateX(3px)}

@media(max-width:760px){
  .advs-mprofil{max-width:none}
  .advs .advs-mprofil p{font-size:15.5px}
  .advs-mcta{padding:17px 16px}
}

/* =========================================================================
   KATALOG SAYFASI (16. adım) — /kosu-ayakkabilari/
   234 satırlık tablo. Tek iş: her modele tek tıkla gidilebilsin ve satır
   okunurken hangi verinin olmadığı da görünsün.
   ========================================================================= */

.advs-katalog .advs-body{gap:26px}
.advs-katalog .advs-panel{max-width:1180px}

/* Katalogda başlık H1 — .advs h2.advs-h1 kuralı element'e bağlı olduğu için
   h1 sürümü ayrıca yazılmalı. Araçta h2 doğru (sayfanın H1'i tema basıyor),
   burada şablonu biz basıyoruz ve sayfanın tek H1'i bu. */
.advs h1.advs-h1{margin:0;font:600 clamp(34px,4.4vw,52px)/.95 var(--bc) !important;
  letter-spacing:-.01em;text-transform:uppercase !important;color:var(--ink)}
.advs h1.advs-h1 span{color:var(--sec)}

/* Marka çapa çubuğu */
.advk-nav{display:flex;flex-wrap:wrap;gap:7px}
.advs a.advk-nav-x{display:none}
.advs .advk-nav a{display:inline-flex;align-items:center;gap:6px;
  padding:7px 12px;border-radius:9px;border:1px solid var(--l12);background:var(--l025);
  font:600 12.5px/1 var(--f);color:var(--chip);text-decoration:none}
.advs .advk-nav a:hover{border-color:var(--s50);color:var(--sec)}
.advs .advk-nav a b{font:700 11px/1 var(--f);color:var(--faint)}
.advs .advk-nav a:hover b{color:var(--sec)}

/* Geniş tablo kendi kutusunda kayar; sayfa gövdesi yatay kaymaz */
.advk-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--l10);border-radius:14px;background:var(--panel)}

.advs table.advk-tablo{width:100%;border-collapse:collapse;margin:0;
  font:400 13.5px/1.45 var(--f);color:var(--body);min-width:760px}
.advs .advk-tablo th,
.advs .advk-tablo td{padding:10px 13px;text-align:left;vertical-align:middle;
  border-bottom:1px solid var(--l07)}
.advs .advk-tablo thead th{position:sticky;top:0;z-index:1;background:var(--head);
  font:700 10.5px/1.3 var(--f);letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);white-space:nowrap;border-bottom:1px solid var(--l10)}
.advs .advk-tablo tbody tr:last-child th,
.advs .advk-tablo tbody tr:last-child td{border-bottom:0}
.advs .advk-tablo tbody tr:hover{background:var(--l025)}

/* Model adı — satırın başlığı ve tek bağlantısı */
.advs .advk-tablo tbody th{font:700 14px/1.35 var(--f);color:var(--ink);white-space:nowrap}
.advs .advk-tablo tbody th a{color:var(--ink);text-decoration:none;
  border-bottom:1.5px solid var(--s50);padding-bottom:1px}
.advs .advk-tablo tbody th a:hover{color:var(--sec);border-bottom-color:var(--sec)}

/* Sayısal sütunlar: tek düzen okunsun diye monospace */
.advs .advk-tablo td:nth-child(n+5){font:500 12.5px/1.45 var(--mono);
  color:var(--faint);white-space:nowrap;letter-spacing:-.01em}
.advs .advk-tablo td:last-child{color:var(--ink);font-weight:600}

/* Marka yayınlamıyorsa: tahmin yok, tire var */
.advk-yok{color:var(--l30, #b9b1a6);font-weight:400}

@media(max-width:760px){
  .advs-katalog .advs-body{gap:22px}
  .advs .advk-nav a{padding:6px 10px;font-size:12px}
  .advs table.advk-tablo{font-size:13px}
  .advs .advk-tablo th,
  .advs .advk-tablo td{padding:9px 11px}
}

/* Kataloğa çıkış — panel başlığının altında, formu görür görmez fark edilsin.
   Sayfa içeriğine paragraf içi link olarak konduğunda %68 derinlikte kalıp
   görünmez olmuştu (ölçüm, 4 Ağu 2026). */
.advs a.advs-katlink{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  margin-top:2px;padding:9px 15px;border-radius:10px;
  border:1px solid var(--s50);background:var(--s07);
  font:700 13px/1 var(--f);color:var(--sec);text-decoration:none;
  transition:background .16s ease,border-color .16s ease}
.advs a.advs-katlink:hover{background:var(--s14);border-color:var(--sec);color:var(--sec)}
.advs a.advs-katlink span{font-size:15px;transition:transform .18s ease}
.advs a.advs-katlink:hover span{transform:translateX(3px)}
@media(max-width:760px){
  .advs a.advs-katlink{width:100%;justify-content:center}
}

/* =========================================================================
 * FİNAL DÜZENLEME — 4 Ağustos 2026
 *
 * Tasarım dili DEĞİŞMİYOR. Amaç okunabilirlik, hiyerarşi ve masaüstü/mobil
 * tutarlılığı. Kurallar dosyanın sonunda: aynı özgüllükte sonradan gelen
 * kazanır, böylece yukarıdaki bloklar olduğu gibi kalıyor ve neyin neden
 * değiştiği tek yerde okunuyor.
 * ===================================================================== */

/* ---- 1. FORM ---------------------------------------------------------- */

/*
 * 1.1–1.3 (hazır profil kartlarının başlığı, alt metni ve hover/seçili
 * durumu) BU LİSTEDEN DÜŞTÜ: kartlar 4 Ağustos 2026'da tümüyle kaldırıldı,
 * çünkü kullanıcının vermediği cevapları işaretliyorlardı. Gerekçe
 * inc/on-yuz.php içinde. İlgili kurallar da dosyadan silindi.
 */

/* 1.4  Sorular arası dikey boşluk ~%13 azaldı — 9 soru ekranda daha az
        kaydırmayla akıyor, gruplar hâlâ ayrışıyor. */
.advs-body{gap:33px}
.advs-form{gap:33px}
.advs-qbody{gap:10px}
.advs-qhead{gap:4px}
.advs-advbody{gap:19px}

/* 1.5  Numara kutusu başlıkla aynı hizada başlasın (kutu 31 px, başlık
        24 px'ti; kutu yukarıdan taşıyordu). */
.advs-num{padding:6px 0}

/* 1.6  Seçili şık: çerçeve ve açık zemin kalıyor, dış halka inceldi.
        Üç halka yan yana gelince şıklar birbirine yapışık görünüyordu. */
.advs-opts input:checked + label{box-shadow:0 0 0 2px var(--s10)}

/* 1.7  Şıklar tek ölçüde: farklı uzunluktaki metinler farklı yükseklik
        üretiyordu. */
.advs-opts label{min-height:40px;padding:9px 15px}

/* 1.9  Gelişmiş filtreler kutusunun başlığı biraz daha belirgin,
        üst boşluğu daha az. */
.advs-adv summary{padding:14px 22px}
.advs-adv summary .lbl{font:700 14px/1 var(--f)}

/* 1.10 İlerleme alanı: sayılar turuncu, etiketler koyu gri. Gelişmiş
        sayacı da turuncu — "temel 6/6" ve "gelişmiş 2/3" iki eşit
        okunur satır, ama çubuk yalnızca temel soruları yansıtıyor
        (gelişmiş sorular zorunlu değil, çubuğu doldurmamalı). */
.advs-say.ops{color:var(--sec)}
.advs-say b{color:var(--ink)}
.advs-bandcount{gap:6px 22px}

/* 1.11 Ana buton masaüstünde daha geniş, metinle ok arası daha açık. */
.advs-cta{gap:14px;padding:17px 30px;justify-content:center}
@media(min-width:761px){
  .advs-bandr{flex:0 0 auto}
  .advs-cta{min-width:290px}
}

/* ---- 2. SONUÇ --------------------------------------------------------- */

/* 2.1  Katalog bağlantısı sonuç ekranında ikincil: kullanıcı zaten cevap
        verdi, buradaki iş sonuçları okumak. Çerçevesiz, düz metin bağlantı. */
.advs a.advs-katlink.sonuc{padding:6px 0;border:none;background:none;
  font:600 12.5px/1.3 var(--f);color:var(--muted)}
.advs a.advs-katlink.sonuc:hover{background:none;color:var(--sec)}

/* 2.4  Rozet artık buton gibi durmuyor. Dolu turuncu zemin kartın asıl
        eylem butonuyla (Ürünü incele) yarışıyordu; ikisi de dolu turuncu
        olunca göz hangisinin tıklanacağını seçemiyordu. Rozet bir
        ETİKET: açık turuncu zemin, turuncu yazı, ince çerçeve. */
.advs-rol{font:700 9.5px/1.3 var(--f);letter-spacing:.09em;padding:4px 9px;
  color:var(--sec);background:var(--s10);border:1px solid var(--s24);
  white-space:nowrap}

/* 2.5  Model adındaki varsayılan alt çizgi kalktı — her kartta üç turuncu
        çizgi (rozet, ad, buton) kalabalık yapıyordu. Bağlantı olduğu
        üzerine gelince belli oluyor. */
.advs h5.advs-model a{border-bottom:none;padding-bottom:0}
.advs h5.advs-model a:hover{color:var(--sec);text-decoration:underline;text-underline-offset:3px}

/* 2.6  İki satıra taşan model adları (Supernova Comfortglide, uzun New
        Balance / Under Armour adları) satırları birbirine yapışıyordu.
        Ayrıca min-height ile başlık alanı her kartta 2 satır: tek satırlık
        adı olan kart, iki satırlıkla aynı yükseklikte başlıyor. */
.advs h5.advs-model{line-height:1.28 !important;overflow-wrap:break-word}
.advs-card.buyuk h5.advs-model{min-height:49px}
.advs-card.kompakt h5.advs-model{min-height:44px}

/* 2.8 / 2.15  Fiyat + detay + buton tek blok hâlinde kartın altına
        yaslanıyor (yapısal kısmı sonuc.php'de: fiyat .advs-alt'ın içine
        alındı). Böylece aynı satırdaki kartlarda fiyat ve buton aynı
        hizada duruyor, "neden" cümlesinin uzunluğu hizayı bozmuyor. */
.advs-alt{gap:10px;padding-top:10px}
.advs-card.kompakt .advs-alt{gap:8px}

/* 2.12  "Detayları gör" bir açılır kapanır kontrol, "Ürünü incele" ise
        siteden çıkış. Aynı yığında ayrımsız duruyorlardı; araya saç teli
        kalınlığında bir çizgi kondu. */
.advs-aksiyon{width:100%;padding-top:9px;border-top:1px solid var(--l08);gap:5px}

/* 2.11 / 2.15  Butonlar kart genişliğinde ve ortalanmış — kompakt
        kartlarda sola yaslı dar butonlar her kartta farklı yerde bitiyordu. */
.advs a.advs-cta2{width:100%}
.advs-hedef,.advs a.advs-icbag{align-self:flex-start}

/* =========================================================================
 * MODEL SAYFASI — 4 Ağustos 2026 düzenlemesi
 * Genel yapı korunuyor; okunabilirlik ve hiyerarşi düzenlemesi.
 * ===================================================================== */

/* Temanın başlık altına bastığı YAYIN TARİHİ gizlendi. Teknik veri
   sayfasında "4 Ağustos 2026" verinin doğrulanma tarihi sanılıyordu; gerçek
   tarih bilgisi sayfanın altındaki künyeye taşındı (bkz. advak_model_kaynak).
   Yalnızca .meta-below gizleniyor — H1 ve kategori aynı kapsayıcıda. */
.single-ayakkabi .the-post-meta .meta-below{display:none}

/* Model adı kartın içinde de görünüyor. Başlık etiketi DEĞİL, görsel. */
.advs-mname{font:700 26px/1.2 var(--f);color:var(--ink);letter-spacing:-.015em;
  overflow-wrap:break-word}

/* "Kısaca" özeti — metnin ilk paragrafı, gövdeden ayrılıp öne alındı. */
.advs-mkisa{display:flex;flex-direction:column;gap:7px;padding:16px 18px;
  border-radius:14px;border:1px solid var(--s24);background:var(--s07)}
.advs-mkisa .l{font:800 10px/1 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--sec)}
.advs .advs-mkisa p{margin:0;font:500 16px/1.65 var(--f);color:var(--ink)}

/* "Kimler için uygun?" maddeleri — gövde listesiyle aynı dil, biraz sıkı. */
.advs .advs-mprofil ul.advs-mkim{margin:0 0 15px;display:flex;flex-direction:column;gap:8px}
.advs .advs-mprofil ul.advs-mkim li{margin:0;padding-left:22px;font:400 15.5px/1.6 var(--f);color:var(--body)}
.advs .advs-mprofil ul.advs-mkim li::before{content:"→";font-weight:700}


/* Araç kutusu alçaltıldı — sayfanın sonundaki pano künyeyi ekrandan itiyordu. */
.advs-mcta{padding:15px 18px;gap:12px}
.advs .advs-mcta p{font:400 14.5px/1.55 var(--f)}

/* Kaynak künyesi — etiket / değer satırları. */
.advs-mkay{display:flex;flex-wrap:wrap;gap:6px 28px;padding-top:13px;
  border-top:1px solid var(--l08)}
.advs-mkay > div{display:flex;flex-direction:column;gap:2px}
.advs-mkay .l{font:700 9.5px/1 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.advs-mkay .v{font:500 12.5px/1.4 var(--f);color:var(--muted)}

/* -------------------------------------------------------------------------
 * Aksiyon bölgesi — sabit yükseklik (4 Ağustos 2026)
 *
 * Ölçüm: blok yüksekliği kartlar arasında 0 / 28 / 75 / 98 px değişiyordu
 * (dış bağlantı var mı, model sayfası yayında mı). Blok kartın altına yaslı
 * olduğu için bu fark fiyat satırını kaydırıyordu. Üç değişiklik birlikte
 * çalışıyor: blok her kartta basılıyor (boşken bile), hedef adı ile model
 * bağlantısı tek satıra indi, ve burada taban yükseklik veriliyor.
 * Sonuç: buton ALTA yaslı, fiyat her kartta aynı hizada.
 * ----------------------------------------------------------------------- */
.advs-aksiyon{min-height:64px;justify-content:flex-end}
.advs-akalt{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}

/* Dış bağlantısı olmayan kartta "Modeli incele" birincil butona terfi eder. */
.advs a.advs-cta2.ic{background:none;border:1px solid var(--s50);color:var(--sec)}
.advs a.advs-cta2.ic:hover{background:var(--s07);color:var(--sec);opacity:1}

/* Kompakt kartta ikincil satır tek öğe taşıyor (bkz. advak_cta_blogu),
   böylece blok 64 ya da 75 px oluyor; taban 75'e çekilince aynı satırdaki
   kompakt kartlarda da fiyat ve buton hizalanıyor. */
.advs-card.kompakt .advs-aksiyon{min-height:75px}

/* =========================================================================
 * MODEL SAYFASI — final düzenleme, 4 Ağustos 2026
 *
 * Ana şikâyet: sayfa yer yer "veri tabanı çıktısı" gibi duruyordu. Üç kaynağı
 * vardı ve üçü de burada kapatılıyor: monospace değerler, sert bölünmüş tablo,
 * ve bölümler arası düzensiz boşluk.
 * ===================================================================== */

/* ---- boşluk ritmi ----------------------------------------------------
   Ana bölümler arası 44 px, başlık–içerik arası 16 px. Tek yerden. */
.advs-tekil .advs-body{gap:44px}
.advs-mblok{gap:16px}
/* Kimlik + "Kısaca" tek grup: aralarında bölüm boşluğu değil, 16 px. */
.advs-must{display:flex;flex-direction:column;gap:16px}
.advs-mhead{gap:9px}
.advs .advs-mprofil p{margin:0 0 16px}
.advs .advs-mprofil h2,
.advs .advs-mprofil h3{margin:40px 0 16px}
.advs .advs-mprofil h2:first-child,
.advs .advs-mprofil h3:first-child{margin-top:0}

/* İKİ BAŞLIK SİSTEMİ birbiriyle yarışmasın: içerik başlıkları okunaklı
   gövde fontunda (yukarıda), teknik/yardımcı bölüm etiketleri dar fontta.
   Dar font 22 → 19 px: gövde başlıklarının yanında fazla sert duruyordu. */
.advs h2.advs-mh{font-size:19px !important;letter-spacing:.02em}

/* ---- üst kimlik ---- */
/* Etiketler model adının yanında zayıf kalıyordu. */
.advs-tekil .advs-ctag{font-size:12px;padding:6px 11px}

/* ---- "Kısaca" ----
   Kutu bir duyuru panosu değil, hızlı okunan özet. Metin gövdeyle aynı
   ölçekte ve normal ağırlıkta; çerçeve soluk, dikey padding düşük. */
.advs-mkisa{gap:5px;padding:13px 16px;border-color:var(--s24);background:var(--s05)}
.advs .advs-mkisa p{font:400 16.5px/1.6 var(--f);color:var(--body)}

/* ---- teknik özellik ızgarası (tablo DEĞİL) ---- */
.advs-ozgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.advs-ozk{display:flex;flex-direction:column;gap:4px;padding:12px 14px;
  border:1px solid var(--l10);border-radius:12px;background:var(--l025);min-width:0}
.advs-ozk .l{display:flex;align-items:center;gap:6px;
  font:700 10px/1.2 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
/* Monospace KALKTI: değerler gövde fontunda, teknik ama soğuk değil. */
.advs-ozk .v{font:700 17px/1.3 var(--f);color:var(--ink);overflow-wrap:break-word}

/* Bilgi ikonu — açıklama başlığın içine sıkıştırılmıyor. */
.advs-ipuc{position:relative;display:inline-flex;cursor:help}
.advs-ipuc .im{display:flex;align-items:center;justify-content:center;
  width:14px;height:14px;border-radius:50%;border:1px solid var(--s50);
  font:700 9px/1 var(--f);color:var(--sec);letter-spacing:0}
.advs-ipuc .ax{position:absolute;left:0;bottom:calc(100% + 7px);z-index:5;
  width:max-content;max-width:230px;padding:8px 10px;border-radius:9px;
  background:var(--ink);color:#fffdf9;text-transform:none;letter-spacing:0;
  font:400 12px/1.45 var(--f);opacity:0;visibility:hidden;transition:opacity .15s ease}
.advs-ipuc:hover .ax,.advs-ipuc:focus .ax,.advs-ipuc:focus-visible .ax{opacity:1;visibility:visible}
.advs-ipuc:focus-visible{outline:2px solid var(--sec);outline-offset:2px;border-radius:50%}

/* Paylaşılmayan veriler notu: tek satır, ikincil. */
.advs .advs-mblok p.advs-miss{margin:0;font:400 12.5px/1.55 var(--f);color:var(--faint);font-style:normal}
.advs .advs-mblok p.advs-miss b{color:var(--muted);font-weight:700}

/* ---- alternatif kartları ---- */
.advs-altgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.advs a.advs-altk,.advs .advs-altk{position:relative;display:flex;flex-direction:column;gap:3px;
  padding:13px 34px 13px 15px;border:1px solid var(--l10);border-radius:12px;
  background:var(--l025);color:var(--ink);text-decoration:none;
  transition:border-color .16s ease,background .16s ease}
.advs a.advs-altk:hover{border-color:var(--s50);background:var(--s05);color:var(--ink)}
.advs a.advs-altk:focus-visible{outline:2px solid var(--sec);outline-offset:2px}
.advs-altk .t{font:700 9.5px/1.2 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--sec)}
.advs-altk .m{font:700 16px/1.3 var(--f);color:var(--ink);overflow-wrap:break-word}
.advs-altk .n{font:400 13.5px/1.55 var(--f);color:var(--muted)}
.advs-altk .ok{position:absolute;top:13px;right:14px;font:600 17px/1 var(--bc);color:var(--sec);
  transition:transform .18s ease}
.advs a.advs-altk:hover .ok{transform:translateX(3px)}
.advs .advs-altk.pasif{cursor:default}

/* ---- araca davet: daha kompakt ---- */
.advs-mcta{padding:13px 18px;gap:9px}
.advs .advs-mcta p{font:400 14.5px/1.55 var(--f);max-width:60ch}
.advs-mcta .advs-cta2{min-height:40px;padding:10px 16px}

/* ---- kaynak künyesi: masaüstünde üç eşit kolon ---- */
.advs-mkay{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 24px;
  padding-top:15px;border-top:1px solid var(--l08)}
.advs-mkay > div{display:flex;flex-direction:column;gap:3px;min-width:0}
.advs-mkay .l{font:700 9.5px/1.2 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.advs-mkay .v{font:400 12.5px/1.5 var(--f);color:var(--muted);overflow-wrap:break-word}
/* CTA ile künye birbirine yakın dursun. */
.advs-tekil .advs-mcta + .advs-mkay{margin-top:-14px}

@media(max-width:640px){
  .advs-mkay{grid-template-columns:1fr;gap:13px}
  .advs-ozgrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .advs-altgrid{grid-template-columns:1fr}
  .advs .advs-mprofil h2,.advs .advs-mprofil h3{margin-top:32px}
  .advs-tekil .advs-body{gap:36px}
}

/* İkincil satır boşken de yer ayırır: butonun altında her kartta aynı
   yükseklik kalsın, buton hizası kaymasın (bkz. advak_cta_blogu). */
.advs-akalt{min-height:17px}

/* =========================================================================
 * SONUÇ EKRANI — geniş araç düzeni, 4 Ağustos 2026
 *
 * Ölçüm: tema makale şablonunda ana kolon 800 px, kenar çubuğu 400 px;
 * panele 730 px kalıyor ve üç kart 243 px'e sıkışıyordu. Araç ekranı bir
 * karşılaştırma yüzeyi, makale değil.
 * ===================================================================== */

/* ---- 1. tam genişlik (yalnızca .advak-tam gövdesinde) ---- */
body.advak-tam .col-4.sidebar,
body.advak-tam .ts-row > .sidebar{display:none !important}
body.advak-tam .ts-row > .main-content{
  width:100% !important;max-width:none !important;flex:0 0 100% !important;
  float:none !important;padding-right:0 !important}
/* Büyük ekranda sınırsız uzamasın: 1360 px tavan.
   width DE ezilmeli — CheerUp sarmalayıcıya sabit 1240 px genişlik veriyor,
   yalnızca max-width yazınca hiçbir şey değişmiyordu (ölçüldü, 0.16.0). */
body.advak-tam .main.wrap,
body.advak-tam .main-wrap > .wrap{width:100% !important;max-width:1360px !important}
body.advak-tam .advs-panel{max-width:1360px}
body.advak-tam .advs{padding-left:0;padding-right:0}

/* ---- 2. "Diğer uygun modeller" başlık + sıralama şeridi ---- */
.advs-blokust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.advs-blokbas{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.advs-bloksay{font:600 12px/1 var(--f);color:var(--faint);white-space:nowrap}
.advs p.advs-blokaciklama{margin:6px 0 0;font:400 13px/1.5 var(--f);color:var(--muted);max-width:62ch}

.advs-sirala{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.advs-siralbl{font:700 10px/1 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.advs select.advs-sirasec{appearance:none;-webkit-appearance:none;
  padding:9px 30px 9px 12px;min-height:40px;border-radius:10px;
  border:1px solid var(--l12);background:var(--panel);color:var(--chip);
  font:600 13px/1.2 var(--f);cursor:pointer;max-width:100%;
  background-image:linear-gradient(45deg,transparent 50%,var(--sec) 50%),linear-gradient(135deg,var(--sec) 50%,transparent 50%);
  background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.advs select.advs-sirasec:focus-visible{outline:2px solid var(--sec);outline-offset:2px}
.advs button.advs-sirabtn{appearance:none;cursor:pointer;min-height:40px;padding:9px 14px;
  border-radius:10px;border:1px solid var(--s50);background:var(--s07);
  font:700 12px/1 var(--f);color:var(--sec)}
/* JS varsa düğmeye gerek yok: seçim değişince kendiliğinden gönderiliyor. */
.advs-sirala.js button.advs-sirabtn{display:none}

/* ---- 3. kart ızgaraları ---- */
/* İlk üç: geniş ekranda da üç kolon. */
.advs-grid3{gap:16px}
/* Diğer modeller: dar üç kolondan GENİŞ İKİ kolona. */
.advs-gridk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.advs-gridk > *{flex:none;min-width:0}

/* Geniş kompakt kart YATAY: solda bilgi, sağda fiyat + aksiyon. */
.advs-card.kompakt{flex-direction:row;gap:16px;padding:15px 15px 14px}
.advs-kbody{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:7px}
.advs-card.kompakt > .advs-alt{flex:0 0 186px;margin-top:0;padding-top:0;justify-content:flex-end}
.advs-card.kompakt h5.advs-model{font-size:18px !important}

@media(max-width:1100px){
  .advs-gridk{grid-template-columns:1fr}
}
@media(max-width:620px){
  /* Dar ekranda kart tekrar dikey: 186 px'lik sağ kolon sığmıyor. */
  .advs-card.kompakt{flex-direction:column;gap:9px}
  .advs-card.kompakt > .advs-alt{flex:none;margin-top:auto;padding-top:10px}
  .advs-sirala{width:100%}
  .advs select.advs-sirasec{flex:1 1 auto}
  .advs-blokust{align-items:flex-start}
}

/* =========================================================================
 * SONUÇ EKRANI FİNAL — 4 Ağustos 2026
 * Öncelikli 10 madde. Ölçüm: site başlığı 489 px (üst şerit 48 + logo 440),
 * araç 676 px'te başlıyordu; araç dış kutusunun alt boşluğu 90 px.
 * ===================================================================== */

/* ---- 1. sıra numarası: HER kartta sağ üstte sabit ----
   Yatay kompakt kartta numara .advs-kbody'nin (sol kolon) sağ kenarına
   düşüyor, yani kartın ORTASINDA duruyordu. Artık karta göre konumlanıyor. */
.advs-card{position:relative}
.advs-card .advs-rank{position:absolute;top:14px;right:16px;z-index:1;
  font:600 12px/1 var(--bc);color:var(--faint)}
.advs-card.buyuk .advs-rank{top:16px;right:18px}
/* Rozet artık tek başına: aralarındaki space-between anlamsız kaldı. */
.advs-cardtop{justify-content:flex-start;padding-right:26px}

/* ---- 2. üstteki dev boşluk (YALNIZCA araç sayfasında) ----
   Ölçüldü: 440 px'lik logo alanı = 70 px üst padding + 300 px logo görseli
   + 70 px alt padding. Kaynak padding DEĞİL, görselin kendisi; ilk denemede
   sarmalayıcıya padding vererek alanı 476 px'e ÇIKARMIŞTIM.
   Logo burada 300 → 96 px, boşluklar 70 → 16 px. Site genelindeki logo
   olduğu gibi kalıyor. */
body.advak-tam .main-head .inner{padding-top:0;padding-bottom:0}
body.advak-tam .main-head .logo-wrap .title{padding-top:16px !important;padding-bottom:16px !important}
body.advak-tam .main-head .logo-image{height:96px !important;width:auto !important;max-height:96px !important}
body.advak-tam .post-header{padding-top:14px;padding-bottom:6px;margin-bottom:0}
body.advak-tam .main.wrap{padding-top:14px}

/* ---- 3. sayfa başlığı kompakt ---- */
body.advak-tam .post-header h1,
body.advak-tam h1.is-title{font-size:24px !important;line-height:1.25 !important;margin-bottom:6px}
/* Temanın turkuaz alt çizgisi Advenway turuncusuna. */
body.advak-tam .post-header h1:after,
body.advak-tam h1.is-title:after{background:var(--sec,#c2410c) !important}

/* ---- 4. araç kutusunun üstü ---- */
body.advak-tam .advs{padding-top:20px;padding-bottom:28px}   /* madde 19: bej boşluk */
.advs-crumb{margin-bottom:0}
.advs-header{padding:30px 34px 26px}                          /* ~%15 alçaldı */
.advs-headtxt{gap:11px}
.advs a.advs-katlink{margin-top:2px}

/* ---- 5. "Cevapların" kutusu ---- */
.advs-ozet{align-items:center}
.advs-ozetl{gap:8px 18px}

/* ---- 6. "Eşleşmen hazır" bloğu ---- */
.advs-resintro{gap:7px}
.advs p.advs-resnote{margin:0}
.advs p.advs-profil{margin:2px 0 0}
.advs-res{gap:26px}

/* ---- 7-8. ilk üç kart: fiyat/CTA altta sabit, kart biraz kısaldı ---- */
.advs-card.buyuk{padding:14px 16px 13px;gap:9px}
.advs .advs-neden p{line-height:1.5}
.advs p.advs-dikkat{line-height:1.45}
.advs-card.buyuk .advs-alt{margin-top:auto}

/* ---- 10-11. başlık + sıralama şeridi ---- */
.advs-blokbas{align-items:baseline}
.advs-sirala{gap:6px;padding:5px 6px 5px 12px;border:1px solid var(--l10);
  border-radius:12px;background:var(--l025)}
.advs-siralbl{margin-right:-2px}
.advs select.advs-sirasec{border-color:transparent;background-color:transparent;min-height:34px;padding-top:6px;padding-bottom:6px}
.advs button.advs-sirabtn{min-height:34px;padding:7px 12px}
.advs-sirala .advs-ipuc .im{width:13px;height:13px;font-size:8.5px}

/* ---- 12-14. diğer modeller: sol içerik / sağ aksiyon ---- */
.advs-card.kompakt > .advs-alt{flex:0 0 clamp(180px,34%,240px)}
/* Çizgi yalnızca gerçekten aksiyon varsa çıksın; boş blok çizgiyle
   ayrılmış boşluk gibi durmasın (madde 13). */
.advs-aksiyon:not(:has(a)){border-top:none}
/* Sol ve sağ arasında ÇOK açık bir ayırıcı — tablo hissi vermeyecek kadar. */
@media(min-width:621px){
  .advs-card.kompakt > .advs-alt{border-left:1px solid var(--l07);padding-left:15px}
}

/* ---- 15. tek kalan son kart satırı doldursun ---- */
.advs-gridk > *:last-child:nth-child(odd){grid-column:1 / -1}
.advs-gridk > *:last-child:nth-child(odd) .advs-kneden{max-width:62ch}

/* ---- 16-17. geniş ekranda yazılar biraz büyüdü ---- */
.advs-brand{font-size:11.5px}
.advs-ctag{font-size:12px;padding:5px 10px}
.advs p.advs-kneden{font-size:14px}
.advs .advs-neden p{font-size:14.5px}
.advs-hedef{font-size:12px}
/* Teknik satır: 1 px büyük ve rakamlar sabit genişlikte — değerler
   kartlar arasında aynı sütunda okunuyor. */
.advs-teknik{font-size:12.5px;font-variant-numeric:tabular-nums}

/* ---- 18. metodoloji kutusu: iki alan ---- */
.advs-metod{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 34px;padding:20px 22px}
.advs-metodk{display:flex;flex-direction:column;gap:6px}
.advs .advs-metodk p{margin:0;max-width:56ch}

/* ---- 20. araç ALTINDAKİ içerik araçla aynı dile geçiyor ---- */
body.advak-tam .post-content > h2{font:700 22px/1.3 var(--f,Manrope,sans-serif) !important;
  color:#141210;margin:38px 0 10px;text-transform:none !important}
body.advak-tam .post-content > p{font:400 15.5px/1.7 var(--f,Manrope,sans-serif);color:#3a352f;max-width:72ch}
.advs-bilgigrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}
.advs-bilgik{display:flex;flex-direction:column;gap:4px;padding:14px 16px;
  border:1px solid rgba(27,24,21,.10);border-radius:12px;background:rgba(27,24,21,.025)}
.advs-bilgik b{font:700 15px/1.35 var(--f,Manrope,sans-serif);color:#141210}
.advs-bilgik span{font:400 13.5px/1.6 var(--f,Manrope,sans-serif);color:#4d473f}

@media(max-width:760px){
  .advs-metod{grid-template-columns:1fr;gap:16px}
  .advs-bilgigrid{grid-template-columns:1fr}
  body.advak-tam .post-content > h2{font-size:20px !important;margin-top:30px}
  .advs-gridk > *:last-child:nth-child(odd){grid-column:auto}
}

/* Mobil dokunma alanı ve ipucu balonu (ölçüldü, 4 Ağu 2026).
   Dropdown 212x36 px çıkıyordu; 36 px parmak için sınırda, 44 px'e çekildi.
   İpucu balonu sağ kenardaki kontrolde ekranın 179 px dışına taşıyordu —
   gizli olduğu için kaydırma yapmıyor ama açılınca kırpılırdı. */
@media(max-width:620px){
  .advs-sirala{width:100%}
  .advs select.advs-sirasec{flex:1 1 auto;min-height:44px}
  .advs button.advs-sirabtn{min-height:44px}
  .advs-ipuc .ax{max-width:min(230px,calc(100vw - 40px))}
  /* Sıralama kutusundaki ikon sağ kenarda: balon sola doğru açılsın. */
  .advs-sirala .advs-ipuc .ax{left:auto;right:0}
}