/* ═══════════════ ÜRÜN KARTI · stiller (29.09.2026) ═══════════════
   Bütün kurallar `.ukt*` önekli ve `.uktEkran` altında; `index.html`deki
   tek `<link>` satırı silinince modül kalkar. `marka.css`e YAZILMADI.

   ⚠️ KOYU TEMA: renkler YALNIZ token; karanlık karşılığı
   `:root[data-theme="dark"] .uktEkran` içinde (CLAUDE.md → "KOYU TEMA").
   Yazı ile dolgu/zemin ayrı token.
   ═════════════════════════════════════════════════════════════════ */

.uktEkran{
  --uktLac:#16294d; --uktLacYazi:#ffffff; --uktLac2:#24406f;
  --uktVurgu:#2f6fd6; --uktVurguY:#1f55ad; --uktVurguZ:#e8f0fb;
  --uktIyiD:#2f9e64;  --uktIyiY:#15653d;  --uktIyiZ:#e5f4ec;
  --uktOrtaD:#d8a03a; --uktOrtaY:#7a4d0a; --uktOrtaZ:#fbf0dc;
  --uktKotuD:#d9483b; --uktKotuY:#a3261b; --uktKotuZ:#fbe9e7;
  --uktIz:#e9ecf1; --uktLy:#9aa6b8; --uktKart:var(--surface); --uktKart2:var(--surface2);
  --uktFotoZ:#f3f4f6; --uktGolge:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(16,24,40,.06);
  --uktHero1:#16294d; --uktHero2:#2c4f8a;
  --uktMor:#8a63d2;
  --uktHeroYazi:#ffffff; --uktHeroArti:#9be7bd; --uktHeroEksi:#ffb4aa; --uktKanalYazi:#ffffff;
  /* B-RATE rozeti: zemin koyu (iki temada da), yazı açık; kademe = halka/şerit rengi */
  --uktBrZ1:#0f1f3d; --uktBrZ2:#23427a; --uktBrYazi:#ffffff; --uktBrSoluk:rgba(255,255,255,.66);
  --uktBrUst:#35d08a; --uktBrIyi:#6fb3ff; --uktBrOrta:#f2b544; --uktBrZayif:#ff7a6b; --uktBrYok:#8a97ab;
}
:root[data-theme="dark"] .uktEkran{
  --uktLac:#22304a; --uktLacYazi:#eef3fa; --uktLac2:#2d3f60;
  --uktVurgu:#7ea6e0; --uktVurguY:#a9c6f0; --uktVurguZ:#1b2a42;
  --uktIyiD:#4fbf85;  --uktIyiY:#86dfb0;  --uktIyiZ:#132c22;
  --uktOrtaD:#e3b04b; --uktOrtaY:#f1ca7f; --uktOrtaZ:#2e2410;
  --uktKotuD:#ef7a6c; --uktKotuY:#f6a89e; --uktKotuZ:#3a1d1a;
  --uktIz:#243044; --uktLy:#6f7d93;
  --uktFotoZ:#1c2533; --uktGolge:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.25);
  --uktHero1:#1a2740; --uktHero2:#243a5f; --uktMor:#b39af0;
  --uktBrZ1:#0b1424; --uktBrZ2:#1d3358; --uktBrYazi:#eef3fa; --uktBrSoluk:rgba(238,243,250,.66);
  --uktBrUst:#4fd99a; --uktBrIyi:#8cc4ff; --uktBrOrta:#f4c261; --uktBrZayif:#ff9486; --uktBrYok:#7c8aa0;
}
.uktEkran{color:var(--ink)}
.uktEkran *{box-sizing:border-box}

/* ---------- arama bandı ---------- */
.uktUst{position:relative;background:linear-gradient(120deg,var(--uktHero1),var(--uktHero2));color:var(--uktLacYazi);
  border-radius:14px;padding:16px 18px;margin-bottom:14px;box-shadow:var(--uktGolge)}
.uktUstSatir{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}
.uktBaslik{font-size:19px;font-weight:700;margin:0;color:var(--uktLacYazi);letter-spacing:-.01em}
.uktAraKap{position:relative;flex:1 1 320px;min-width:0;max-width:640px}
.uktAra{width:100%;font:inherit;font-size:15px;padding:11px 14px 11px 40px;border-radius:999px;border:0;
  background:rgba(255,255,255,.14);color:var(--uktLacYazi);outline:none;transition:background .15s}
.uktAra::placeholder{color:rgba(255,255,255,.7)}
.uktAra:focus{background:rgba(255,255,255,.22)}
.uktAraIkon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.8;pointer-events:none}
.uktUstBtn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;cursor:pointer;color:var(--uktLacYazi);
  padding:7px 13px;border-radius:999px;border:0;background:rgba(255,255,255,.14)}
.uktUstBtn:hover{background:rgba(255,255,255,.24)}
.uktUstBtn[hidden]{display:none}
.uktOneri{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:var(--surface);color:var(--ink);
  border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);max-height:420px;overflow:auto;padding:6px}
.uktOneri[hidden]{display:none}
.uktOn{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;cursor:pointer}
.uktOn:hover,.uktOn.sec{background:var(--uktVurguZ)}
.uktOnFoto{width:40px;height:40px;border-radius:8px;background:var(--uktFotoZ);object-fit:contain;flex:none}
.uktOnAd{font-weight:650;font-size:14px}
.uktOnAlt{font-size:12px;color:var(--muted-aa)}
.uktOnBos{padding:12px;color:var(--muted-aa);font-size:13px}

/* ---------- açılış: hızlı seçim ---------- */
.uktBosBaslik{font-size:13px;font-weight:650;color:var(--muted-aa);text-transform:uppercase;letter-spacing:.5px;margin:6px 2px 10px}
.uktHizli{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.uktHk{background:var(--uktKart);border:1px solid var(--line);border-radius:12px;padding:10px;cursor:pointer;
  transition:transform .12s,box-shadow .12s;box-shadow:var(--uktGolge);text-align:left;font:inherit;color:inherit}
.uktHk:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(16,24,40,.12)}
.uktHk img,.uktHkYok{width:100%;aspect-ratio:1;object-fit:contain;background:var(--uktFotoZ);border-radius:8px;display:block}
.uktHkAd{font-weight:700;font-size:13.5px;margin-top:8px;line-height:1.25}
.uktHkAlt{font-size:12px;color:var(--muted-aa);margin-top:2px}

/* ---------- kahraman ---------- */
.uktHero{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:18px;background:var(--uktKart);
  border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--uktGolge);margin-bottom:14px}
.uktGaleri{min-width:0;position:relative}
/* ---------- B-RATE rozeti (görselin sağ üst köşesi) ---------- */
.uktBrKap{position:absolute;top:10px;right:10px;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.uktBr{--uktBrK:var(--uktBrYok);font:inherit;text-align:right;cursor:pointer;border:0;border-radius:14px;padding:8px 12px 8px 14px;
  background:linear-gradient(135deg,var(--uktBrZ1),var(--uktBrZ2));color:var(--uktBrYazi);
  box-shadow:inset 4px 0 0 var(--uktBrK),0 6px 18px rgba(0,0,0,.28);min-width:118px}
.uktBr:disabled{cursor:default}
.uktBr.ust{--uktBrK:var(--uktBrUst)} .uktBr.iyi{--uktBrK:var(--uktBrIyi)} .uktBr.orta{--uktBrK:var(--uktBrOrta)} .uktBr.zayif{--uktBrK:var(--uktBrZayif)}
.uktBr small{display:block;font-size:10px;font-weight:800;letter-spacing:2.4px;color:var(--uktBrK)}
.uktBr small em{font-style:normal;letter-spacing:.5px;color:var(--uktBrSoluk);margin-left:2px}
.uktBrN{display:block;font-size:30px;font-weight:900;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.uktBrN.yok{font-size:14px;font-weight:700;line-height:1.4;letter-spacing:0;color:var(--uktBrSoluk)}
.uktBrAlt{display:flex;gap:6px;justify-content:flex-end;align-items:center;font-size:11.5px;font-weight:650;color:var(--uktBrSoluk);margin-top:2px}
.uktBrOk{font-style:normal;font-weight:900;color:var(--uktBrYazi)} .uktBrOk.a{color:var(--uktBrUst)} .uktBrOk.d{color:var(--uktBrZayif)}
.uktBrDg{color:var(--uktBrOrta)}
.uktBrDetay{background:linear-gradient(135deg,var(--uktBrZ1),var(--uktBrZ2));color:var(--uktBrYazi);border-radius:12px;padding:10px 12px;
  width:230px;box-shadow:0 10px 26px rgba(0,0,0,.3);font-size:12px}
.uktBrDetay[hidden]{display:none}
.uktBrGrup{font-weight:700;color:var(--uktBrSoluk);margin-bottom:6px}
.uktBrSat{display:grid;grid-template-columns:74px minmax(0,1fr) 52px;gap:8px;align-items:center;margin:4px 0}
.uktBrSat .c{height:6px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
.uktBrSat .c i{display:block;height:100%;background:var(--uktBrIyi);border-radius:3px}
.uktBrSat b{text-align:right;font-variant-numeric:tabular-nums}
.uktBrPot{margin-top:6px;color:var(--uktBrSoluk)} .uktBrPot b{color:var(--uktBrYazi)}
.uktRkBr{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.3px;padding:1px 7px;border-radius:999px;margin-left:4px;vertical-align:1px;
  background:var(--uktBrZ1);color:var(--uktBrYazi);box-shadow:inset 3px 0 0 var(--uktBrYok)}
.uktRkBr.ust{box-shadow:inset 3px 0 0 var(--uktBrUst)} .uktRkBr.iyi{box-shadow:inset 3px 0 0 var(--uktBrIyi)}
.uktRkBr.orta{box-shadow:inset 3px 0 0 var(--uktBrOrta)} .uktRkBr.zayif{box-shadow:inset 3px 0 0 var(--uktBrZayif)}
@media (max-width:560px){ .uktBr{min-width:96px;padding:6px 10px 6px 12px} .uktBrN{font-size:24px} .uktBrDetay{width:210px} }
.uktFotoBuyuk{position:relative;aspect-ratio:1;background:var(--uktFotoZ);border-radius:12px;overflow:hidden;cursor:zoom-in}
.uktFotoBuyuk img{width:100%;height:100%;object-fit:contain;display:block}
.uktFotoYok{display:grid;place-items:center;height:100%;color:var(--muted-aa);font-size:13px}
.uktFotoEt{position:absolute;left:10px;bottom:10px;background:rgba(22,41,77,.82);color:#fff;font-size:12px;font-weight:650;
  padding:4px 10px;border-radius:999px}
.uktRenkSec{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;max-height:150px;overflow:auto}
.uktRs{width:44px;height:44px;border-radius:8px;border:2px solid transparent;background:var(--uktFotoZ);cursor:pointer;padding:0;overflow:hidden;
  display:grid;place-items:center;font-size:10px;color:var(--muted-aa);font-weight:650}
.uktRs img{width:100%;height:100%;object-fit:contain}
.uktRs.sec{border-color:var(--uktVurgu)}
.uktRs.tumu{font-size:11.5px;font-weight:800;color:var(--ink);letter-spacing:.2px}
.uktKarneRenk{color:var(--uktVurguY)}
.uktKyT td,.uktKyT th{white-space:nowrap}
.uktKyT td b{font-weight:800}
.uktKyT em{font-style:normal;font-weight:750;font-size:12.5px}
.uktKyT tr.suren td{background:color-mix(in srgb,var(--uktVurgu) 7%,transparent)}
.uktKyBar{display:inline-block;position:relative;width:90px;height:8px;border-radius:4px;background:var(--line);vertical-align:middle;margin-right:10px;overflow:hidden}
.uktKyBar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:repeating-linear-gradient(135deg,var(--uktVurgu) 0 4px,var(--uktVurguZ) 4px 7px)}
.uktKyBar i:first-child:last-child{background:var(--uktVurgu)}
.uktKyBar i.g{background:var(--uktVurgu)}
.uktBilgi{min-width:0;display:flex;flex-direction:column;gap:10px}
.uktAd{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.1;color:var(--ink)}
.uktShort{font-size:15px;color:var(--ink2);font-style:italic}
.uktRozetler{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
/* yıl yıl satış (üretim yılı rozetinin yanında) */
.uktYil{display:inline-flex;align-items:flex-end;gap:12px;padding:6px 12px 5px;border:1px solid var(--line);border-radius:12px;background:var(--uktKart)}
.uktYilK{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:40px}
.uktYilK b{font-size:12.5px;font-weight:800;color:var(--ink);white-space:nowrap}
.uktYilBar{display:flex;flex-direction:column;justify-content:flex-end;width:24px;border-radius:4px 4px 0 0;background:var(--uktVurgu);overflow:hidden}
.uktYilK.tah .uktYilBar{background:repeating-linear-gradient(135deg,var(--uktVurgu) 0 4px,var(--uktVurguZ) 4px 7px)}
.uktYilK.tah .uktYilBar i{display:block;width:100%;background:var(--uktVurgu)}
.uktYilK small{font-size:11px;font-weight:700;color:var(--muted-aa);line-height:1.2}
.uktYilK em{font-style:normal;font-size:11px;font-weight:750;min-height:13px;line-height:1.2}
.uktRozet{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:650;padding:4px 10px;border-radius:999px;
  background:var(--uktKart2);border:1px solid var(--line);color:var(--ink2)}
.uktRozet.vurgu{background:var(--uktVurguZ);border-color:transparent;color:var(--uktVurguY)}
.uktRozet.iyi{background:var(--uktIyiZ);border-color:transparent;color:var(--uktIyiY)}
.uktRozet.kotu{background:var(--uktKotuZ);border-color:transparent;color:var(--uktKotuY)}
.uktRozet.orta{background:var(--uktOrtaZ);border-color:transparent;color:var(--uktOrtaY)}
.uktBasSat{display:flex;justify-content:space-between;align-items:flex-start;gap:8px 18px;flex-wrap:wrap}
.uktKimlik{min-width:0;flex:1 1 260px}
.uktKimlik .uktShort{margin-top:6px}
.uktShort span{font-style:normal;color:var(--muted-aa)}
.uktFiyatB{text-align:right}
.uktFiyatB b{display:block;font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.1}
.uktFiyatB small{display:block;font-size:12px;color:var(--muted-aa);margin-top:3px}
/* fiyat bölümü: PSF · maliyet · MU · brüt kâr/adet · marj · outlet */
.uktFiyatKpi{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;margin-bottom:18px}
/* barkodlar: kod seçimi, seç-indir */
.uktBkUst{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-bottom:10px}
.uktBkKod{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:12.5px;font-weight:650;color:var(--muted-aa)}
.uktBkKod select{font:inherit;font-family:ui-monospace,Consolas,monospace;font-size:13px;padding:5px 8px;border-radius:8px;border:1px solid var(--line);background:var(--uktKart);color:var(--ink)}
.uktBkSay{font-size:13px;color:var(--ink2);margin-left:auto}
.uktBkBtn{font:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:8px;border:1px solid transparent;background:var(--uktLac);color:var(--uktLacYazi);cursor:pointer}
.uktBkBtn:disabled{background:var(--uktKart2);color:var(--muted-aa);border-color:var(--line);cursor:default}
.uktBkTablo input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--uktVurgu)}
.uktBkTablo tr.sec td{background:var(--uktVurguZ)}
/* sezon karnesi: satış · stok · satıldı · haftada */
.uktKarne{background:var(--uktKart2);border:1px solid var(--line2);border-radius:14px;padding:12px 14px 14px}
.uktKarneBas{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-bottom:10px}
.uktKarneBas>b{font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink)}
.uktKarne .uktSec{background:var(--uktKart)}
.uktKarneIc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 0}
.uktKarneIc>div{min-width:0;padding:0 14px;border-left:1px solid var(--line)}
.uktKarneIc>div:first-child{padding-left:0;border-left:0}
.uktKarneIc small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:var(--muted-aa)}
.uktKarneIc b{display:block;font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.01em;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uktKarneIc b em{font-style:normal;font-size:13px;font-weight:650;color:var(--muted-aa)}
.uktKarneIc .alt{font-size:12.5px;color:var(--ink2);margin-top:3px}
.uktKarneIc .alt i{font-style:normal;font-weight:700}
.uktKarneIc .uktCubuk{margin-top:6px}
/* hafta hafta satış: sütunun üstünde adet, altında haftanın ilk günü */
.uktHg{margin-top:auto;padding-top:4px}
.uktHgBas{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap;margin-bottom:8px}
.uktHgBas>b{font-size:14px;color:var(--ink)}
.uktHgBas small{font-weight:600;color:var(--muted-aa);font-size:12px}
.uktHgLej{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted-aa)}
.uktHgLej span{display:inline-flex;align-items:center;gap:6px}
.uktHgLej i{display:inline-block}
.uktHgLej i.bu{width:10px;height:10px;border-radius:3px;background:var(--uktVurgu)}
.uktHgLej i.ly{width:16px;height:3px;border-radius:2px;background:var(--ink);opacity:.7}
.uktHgIzgara{display:grid;gap:6px;align-items:end;height:142px;border-bottom:1px solid var(--line)}
.uktHgK{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;height:100%}
.uktHgD{font-size:12.5px;font-weight:750;color:var(--ink);margin-bottom:4px;white-space:nowrap}
.uktHgBar{display:block;width:100%;max-width:64px;background:var(--uktVurgu);border-radius:5px 5px 0 0}
.uktHgK.yarim .uktHgBar{background:repeating-linear-gradient(135deg,var(--uktVurgu) 0 5px,var(--uktVurguZ) 5px 9px)}
.uktHgK.yarim .uktHgD{color:var(--muted-aa)}
.uktHgLy{position:absolute;left:50%;transform:translateX(-50%);width:calc(100% + 4px);max-width:70px;height:3px;border-radius:2px;background:var(--ink);opacity:.7}
.uktHgEt{display:grid;gap:6px;margin-top:5px}
.uktHgEt span{font-size:11.5px;color:var(--muted-aa);text-align:center;white-space:nowrap}
.uktHgEt span.yarim{font-weight:700;color:var(--ink2)}
.uktHg.kisa .uktHgIzgara,.uktHg.kisa .uktHgEt{gap:3px}
.uktHg.kisa .uktHgD{font-size:10px}
.uktHg.kisa .uktHgEt span{text-align:left}
.uktHgAlt{font-size:12.5px;color:var(--muted-aa);margin-top:8px}
.uktHgAlt b{color:var(--ink)}
.uktKunye{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 14px;margin-top:4px}
.uktKunye div{min-width:0}
.uktKunye small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted-aa);font-weight:650}
.uktKunye span{font-size:13.5px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.uktKunye .uktKod{display:inline-block}
.uktKpi3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.uktKanallar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px}
.uktKanalK{border:1px solid var(--line);border-left:4px solid var(--kr);border-radius:12px;padding:12px 14px;background:var(--uktKart)}
.uktKanalK small{display:block;font-size:11.5px;font-weight:700;color:var(--muted-aa);text-transform:uppercase;letter-spacing:.4px}
.uktKanalK b{display:block;font-size:24px;font-weight:800;color:var(--ink);margin-top:4px}
.uktKanalK .alt{font-size:12.5px;color:var(--ink2);margin-top:2px}
.uktFiyatGr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.uktKodlar{display:flex;gap:6px;flex-wrap:wrap}
.uktKod{font-family:ui-monospace,Consolas,monospace;font-size:12px;padding:3px 8px;border-radius:6px;background:var(--uktKart2);border:1px solid var(--line);color:var(--ink2)}

/* ---------- KPI ---------- */
.uktKapsam{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin:-2px 0 12px}
.uktKapsamAd{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-aa)}
.uktKapsamNot{font-size:12.5px;color:var(--muted-aa);min-width:0}
.uktKpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px;margin-bottom:14px}
@media (min-width:1100px){.uktKpi{grid-template-columns:repeat(5,minmax(0,1fr))}}
.uktK{background:var(--uktKart);border:1px solid var(--line);border-radius:14px;padding:13px 14px;box-shadow:var(--uktGolge);min-width:0;position:relative;overflow:hidden}
.uktK small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-aa);font-weight:700}
.uktK b{display:block;font-size:24px;font-weight:800;margin-top:4px;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uktK .alt{font-size:12px;color:var(--muted-aa);margin-top:3px}
.uktK .alt i{font-style:normal;font-weight:700}
.uktArti{color:var(--uktIyiY)} .uktEksi{color:var(--uktKotuY)}
.uktK.vurgu{background:linear-gradient(135deg,var(--uktHero1),var(--uktHero2));border-color:transparent}
.uktK.vurgu small,.uktK.vurgu .alt{color:rgba(255,255,255,.78)} .uktK.vurgu b{color:var(--uktHeroYazi)}
.uktK.vurgu .uktArti{color:var(--uktHeroArti)} .uktK.vurgu .uktEksi{color:var(--uktHeroEksi)}
.uktCubuk{display:flex;height:6px;border-radius:99px;overflow:hidden;background:var(--uktIz);margin-top:8px}
.uktCubuk i{display:block;height:100%}
.uktHalka{position:absolute;right:12px;top:12px}

/* ---------- bölümler ---------- */
.uktAraclar{display:flex;justify-content:flex-end;gap:8px;margin:-4px 0 8px}
.uktLinkBtn{font:inherit;font-size:12.5px;color:var(--uktVurguY);background:none;border:0;cursor:pointer;padding:4px 6px;font-weight:650}
.uktBolum{background:var(--uktKart);border:1px solid var(--line);border-radius:14px;box-shadow:var(--uktGolge);margin-bottom:12px;overflow:hidden}
.uktBolum>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:13px 16px;cursor:pointer;user-select:none}
.uktBolum>summary::-webkit-details-marker{display:none}
.uktBolum>summary:hover{background:var(--uktKart2)}
.uktBIkon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--uktVurguZ);color:var(--uktVurguY);flex:none}
.uktBIkon svg{width:18px;height:18px}
.uktBAd{font-weight:750;font-size:15px;color:var(--ink)}
.uktBOzet{margin-left:auto;font-size:12.5px;color:var(--muted-aa);text-align:right;min-width:0}
.uktOk{width:18px;height:18px;flex:none;transition:transform .18s;color:var(--muted-aa)}
.uktBolum[open]>summary .uktOk{transform:rotate(180deg)}
.uktBolum[open]>summary{border-bottom:1px solid var(--line)}
.uktBIc{padding:14px 16px 16px;min-width:0}
.uktNot{font-size:12px;color:var(--muted-aa);margin-top:8px}

/* ---------- küçük seçici ---------- */
.uktSec{display:inline-flex;background:var(--uktKart2);border:1px solid var(--line);border-radius:9px;padding:3px;gap:2px;flex-wrap:wrap}
.uktSec button{font:inherit;font-size:12.5px;font-weight:650;border:0;background:none;color:var(--muted-aa);padding:5px 10px;border-radius:7px;cursor:pointer}
.uktSec button.on{background:var(--uktLac);color:var(--uktLacYazi)}
.uktSatirB{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}

/* ---------- grafik ---------- */
.uktGrafik{width:100%;height:auto;display:block;overflow:visible}
.uktGrafik .bar{fill:var(--uktVurgu)} .uktGrafik .bar.son{fill:var(--uktLac)}
:root[data-theme="dark"] .uktEkran .uktGrafik .bar.son{fill:#a9c6f0}
.uktGrafik .ly{fill:none;stroke:var(--uktLy);stroke-width:2;stroke-dasharray:4 4}
.uktGrafik .eks{stroke:var(--uktIz);stroke-width:1}
.uktGrafik text{fill:var(--muted-aa);font-size:10.5px}
.uktGrafik .ipucu{fill:transparent}
.uktGrafik .ipucu:hover{fill:var(--uktVurguZ);opacity:.5}
.uktLejant{display:flex;gap:14px;font-size:12px;color:var(--muted-aa);margin-top:6px;flex-wrap:wrap}
.uktLejant i{display:inline-block;width:12px;height:3px;border-radius:2px;vertical-align:middle;margin-right:5px}
.uktIsi{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));gap:2px;margin-top:12px}
.uktIsi i{display:block;aspect-ratio:1;border-radius:2px;background:var(--uktVurgu)}

/* ---------- renk kartları ---------- */
.uktRenkler{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.uktRk{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;background:var(--uktKart)}
.uktRk img,.uktRkYok{width:78px;height:78px;object-fit:contain;background:var(--uktFotoZ);border-radius:8px;cursor:zoom-in}
.uktRkAd{font-weight:750;font-size:14px}
.uktRkK{font-size:11.5px;color:var(--muted-aa)}
.uktRkS{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:6px}
.uktRkS div{font-size:11px;color:var(--muted-aa)} .uktRkS b{display:block;font-size:14px;color:var(--ink)}

/* ---------- tablolar ---------- */
.uktTabloKap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.uktTablo{width:100%;border-collapse:collapse;font-size:13px}
.uktTablo th{background:var(--uktKart2);white-space:nowrap;cursor:default}
.uktTablo th.sir{cursor:pointer} .uktTablo th.sir:hover{color:var(--uktVurguY)}
.uktTablo td{padding:7px 10px;border-bottom:1px solid var(--line2);white-space:nowrap}
.uktTablo td.n,.uktTablo th.n{text-align:right;font-variant-numeric:tabular-nums}
.uktTablo tr:last-child td{border-bottom:0}
.uktTablo tfoot td{font-weight:750;background:var(--uktKart2);border-top:1px solid var(--line)}
.uktNokta{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
.uktNokta.kotu{background:var(--uktKotuD)} .uktNokta.orta{background:var(--uktOrtaD)} .uktNokta.iyi{background:var(--uktIyiD)}
.uktMini{display:inline-block;width:60px;height:6px;border-radius:99px;background:var(--uktIz);vertical-align:middle;overflow:hidden;margin-right:6px}
.uktMini i{display:block;height:100%;background:var(--uktVurgu)}

/* ---------- beden matrisi ---------- */
.uktMatris td.h{text-align:center;font-variant-numeric:tabular-nums;font-weight:650}
.uktMatris td.h0{color:var(--muted-aa);font-weight:400}
.uktEgri{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:14px}
.uktEgri div{text-align:center;font-size:11.5px;color:var(--muted-aa)}
.uktEgriC{height:90px;display:flex;align-items:flex-end;justify-content:center;gap:3px;margin-bottom:4px}
.uktEgriC i{display:block;width:14px;border-radius:3px 3px 0 0}
.uktEgriC .s{background:var(--uktVurgu)} .uktEgriC .k{background:var(--uktOrtaD)}

/* ---------- kanal ---------- */
.uktKanal{display:flex;height:34px;border-radius:9px;overflow:hidden;background:var(--uktIz)}
.uktKanal i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11.5px;font-weight:700;color:var(--uktKanalYazi);min-width:0;overflow:hidden;white-space:nowrap}
.uktKL{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:12.5px;color:var(--ink2)}
.uktKL span i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}

/* ---------- liste satırları ---------- */
.uktBar{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) 60px;gap:10px;align-items:center;font-size:13px;margin:5px 0}
.uktBar .c{height:10px;border-radius:99px;background:var(--uktIz);overflow:hidden}
.uktBar .c i{display:block;height:100%;background:var(--uktVurgu)}
.uktBar .n{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.uktIki{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}
.uktAltB{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-aa);margin:0 0 8px}
.uktAciklama{white-space:pre-wrap;font-size:13.5px;line-height:1.55;color:var(--ink2);background:var(--uktKart2);border-radius:10px;padding:12px 14px}
.uktZaman{border-left:2px solid var(--uktIz);padding-left:14px;margin-left:4px}
.uktZaman div{position:relative;margin-bottom:10px;font-size:13px}
.uktZaman div::before{content:"";position:absolute;left:-19px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--uktVurgu)}
.uktZaman small{color:var(--muted-aa)}
.uktBos{color:var(--muted-aa);font-size:13px;padding:6px 0}

/* ---------- büyük fotoğraf ---------- */
.uktLb{position:fixed;inset:0;z-index:9000;background:rgba(10,16,28,.82);display:grid;place-items:center;cursor:zoom-out;padding:24px}
.uktLb img{max-width:min(92vw,720px);max-height:88vh;object-fit:contain;background:#fff;border-radius:12px}

/* ---------- telefon ---------- */
@media (max-width:980px){
  .uktHero{grid-template-columns:minmax(0,260px) minmax(0,1fr)}
  .uktAd{font-size:26px}
}
@media (max-width:560px){
  .uktDarGizle{display:none}
  .uktBIc{padding:12px 10px 14px}
  .uktTablo{font-size:12.5px}
  .uktTablo td,.uktTablo th{padding:6px 7px}
  .uktBolum>summary{padding:11px 12px;gap:10px}
  .uktHg.kisa .uktHgD{display:none}
  .uktHgD{font-size:11px}
  .uktKunye{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* SVG viewBox telefonda yarıya küçülüyor — yazı okunur kalsın */
  .uktGrafik text{font-size:26px}
  .uktKanalK b{font-size:20px}
}
@media (max-width:720px){
  .uktHero{grid-template-columns:minmax(0,1fr);padding:12px}
  .uktAd{font-size:24px}
  .uktFiyatB{text-align:left}
  .uktKarneIc{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}
  .uktKarneIc>div:nth-child(odd){padding-left:0;border-left:0}
  .uktKarneIc b{font-size:22px}
  .uktKpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .uktK b{font-size:19px}
  .uktBOzet{display:none}
  .uktBar{grid-template-columns:minmax(0,110px) minmax(0,1fr) 48px}
  .uktIsi{grid-template-columns:repeat(30,minmax(0,1fr))}
  .uktIsi i:nth-child(-n+30){display:none}
}
@media print{ .uktUst,.uktAraclar{display:none} .uktBolum{break-inside:avoid} }

/* ---------- ana ekran kartı paleti (anaekran.js > AE_IKON.urunkarti) ---------- */
.avR-urunkarti{--avZ:#e6eefb;--avV:#2f5fb3;--avY:#15305f}
:root[data-theme="dark"] .avR-urunkarti{--avZ:#16233a;--avV:#8fb4ef;--avY:#dde8fb}

/* yan tutulmuş telefon: ekran alçak — görsel küçük, bilgi yanında */
@media (max-height:500px) and (orientation:landscape){
  .uktHero{grid-template-columns:minmax(0,200px) minmax(0,1fr)}
  .uktAd{font-size:24px}
  .uktKpi{grid-template-columns:repeat(4,minmax(0,1fr))}
}