/* ═══════════════════════════════════════════════════════════════════
   ELLE DUZENLEME. Bu dosya URETILIR.

   Kaynak : app/prototip/mobil-2/index.html
   Uretim : node tools/mobil-uret.js
   Bekci  : app/tests/mobil-hub.test.js  (kaynakla farki varsa kirmizi)

   Degisiklik PROTOTIPTE yapilir, sonra uretici calistirilir. Boylece
   sayfa ile prototip ayrisamaz — kurucunun istegi "birebir aynisi".
   ═══════════════════════════════════════════════════════════════════ */

/* Masaustunde HIC gorunmez. */
.hb{display:none}

@media(max-width:768px){

  /* Prototipin renkleri — yalniz bu kutunun icinde gecerli, sayfanin
     kendi degiskenlerine dokunmaz. */
  .hb{
    --ink:#102033;
    --kum:#63605A;
    --acik:#6E6A60;
    --pri:#0E3B34;
    --pri2:#124450;
    --yesil:#1B6142;
    --cizgi:#E4E0D8;
    --cizgi2:#F0EDE7;
    --zemin:#FFFFFF;
    --yumusak:#FAF9F6;
    --altin:#C08A3E;
  }
  .hb{display:block}

  /* Telefonda sayfanin kendi parcalari kapanir: bu ekran onlarin
     yerini aliyor, ayni bilgi iki kez gorunmesin. Masaustunde durur. */
  .ust,.bas,.kah,.ks,.bl,.msr,.kr-alt,.kr-cekmece{display:none}
  body{background:#fff}

  .hb-tel{max-width:460px;margin:0 auto;background:var(--zemin) !important;min-height:100vh;
  position:relative;padding-bottom:74px;overflow:hidden}
  .hb h1,.hb h2,.hb h3{font-family:"Source Serif 4",Georgia,serif;font-weight:600;letter-spacing:-.3px;margin:0}
  .hb-hero{background:var(--pri) !important;color:#fff !important;padding:16px 18px 26px}
  .hb-marka{display:flex;align-items:center;gap:9px;margin-bottom:22px}
  .hb-marka .hb-yuv{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);
  display:flex;align-items:center;justify-content:center;flex:none}
  .hb-marka svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:1.8}
  .hb-marka b{font-family:"Source Serif 4",Georgia,serif;font-size:19px;display:block;line-height:1.1}
  .hb-marka small{font-size:9px;letter-spacing:1.6px;opacity:.68;text-transform:uppercase}
  .hb-etiket{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.28);
  border-radius:999px;padding:6px 13px;font-size:10px;font-weight:700;letter-spacing:1.1px;
  text-transform:uppercase;color:rgba(255,255,255,.9) !important;margin-bottom:16px}
  .hb-etiket svg{width:12px;height:12px;stroke:var(--altin);fill:none;stroke-width:1.8}
  .hb-hero h1{font-size:35px;line-height:1.16;margin-bottom:24px}
  .hb-hero h1 .hb-soluk{color:#B9AE97 !important;display:block}
  .hb-ara{display:flex;gap:9px}
  .hb-ara-kutu{flex:1;display:flex;align-items:center;gap:9px;background:#fff !important;border-radius:11px;padding:0 13px;min-width:0}
  .hb-ara-kutu svg{width:16px;height:16px;stroke:var(--acik);fill:none;stroke-width:1.8;flex:none}
  .hb-ara-kutu input{flex:1;border:0;padding:15px 0;font-size:14.5px;color:var(--ink) !important;
  font-family:inherit;min-width:0;background:none !important}
  .hb-ara-kutu input:focus{outline:none}
  .hb-ara button{border:0;background:var(--altin) !important;color:#fff !important;padding:0 22px;border-radius:11px;
  font-size:14.5px;font-weight:700;font-family:inherit;cursor:pointer;min-height:48px}
  .hb-ara-not{font-size:11.5px;color:#E8D3AE !important;margin:9px 2px 0;min-height:15px}
  .hb-sayilar{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:24px;
  padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
  .hb-sayilar b{font-family:"Source Serif 4",Georgia,serif;font-size:29px;display:block;line-height:1}
  .hb-sayilar span{font-size:9.5px;letter-spacing:1.3px;text-transform:uppercase;
  color:rgba(255,255,255,.62) !important;display:block;margin-top:6px;line-height:1.4}
  .hb-hizli{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cizgi) !important;
  border-bottom:1px solid var(--cizgi)}
  .hb-hizli a{background:#fff !important;padding:14px 4px 12px;text-align:center;text-decoration:none;
  color:var(--ink) !important;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:74px;justify-content:center}
  .hb-hizli a:active{background:var(--yumusak) !important}
  .hb-hizli svg{width:22px;height:22px;stroke:var(--pri2);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .hb-hizli span{font-size:12.5px;font-weight:600}
  .hb-bolum{padding:30px 18px 14px;background:var(--yumusak) !important}
  .hb-bolum.hb-beyaz{background:#fff !important}
  .hb-bolum .hb-ust{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--acik) !important;font-weight:700;margin-bottom:9px}
  .hb-bolum h2{font-size:26px;line-height:1.24}
  .hb-bolum p.hb-alt{font-size:14.5px;color:var(--kum) !important;line-height:1.58;margin:9px 0 0}
  .hb-grup-bas{font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--acik) !important;
  font-weight:700;padding:20px 18px 9px;background:var(--yumusak) !important}
  .hb-satirlar{border-top:1px solid var(--cizgi2)}
  .hb-satir{display:flex;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;
  color:var(--ink) !important;border-bottom:1px solid var(--cizgi2);background:#fff !important;min-height:68px}
  .hb-satir:active{background:var(--yumusak) !important}
  .hb-satir .hb-ik{width:26px;flex:none;display:flex;align-items:center;justify-content:center}
  .hb-satir .hb-ik svg{width:21px;height:21px;stroke:var(--pri2);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .hb-satir .hb-yz{flex:1;min-width:0}
  .hb-satir .hb-ad{display:block;font-size:16px;font-weight:600;line-height:1.3}
  .hb-satir .hb-ac{display:block;font-size:13.5px;color:var(--kum) !important;line-height:1.4;margin-top:3px}
  .hb-satir .hb-ok{color:var(--acik) !important;font-size:19px;flex:none}
  .hb-rz{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 7px;
  border-radius:4px;margin-left:6px;vertical-align:1.5px}
  .hb-rz-ucr{background:#E7F1ED !important;color:var(--yesil) !important}
  .hb-rz-uzm{background:#FBF3E4 !important;color:#8A6117 !important}
  .hb-rz-gir{background:#EEF1F4 !important;color:#4B5866 !important}
  .hb-serit-bas{display:flex;align-items:center;gap:10px;padding:14px 18px 12px;background:#fff !important}
  .hb-ok-dug{width:44px;height:44px;border-radius:50%;border:1px solid var(--cizgi);background:#fff !important;
  display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;color:var(--ink) !important}
  .hb-ok-dug:disabled{opacity:.32}
  .hb-ok-dug svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .hb-serit-bas .hb-git{margin-left:auto;font-size:14px;font-weight:600;color:var(--pri2) !important;text-decoration:none;
  white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
  .hb-kaydir{display:flex;gap:13px;overflow-x:auto;padding:2px 18px 14px;background:#fff !important;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .hb-kaydir::-webkit-scrollbar{display:none}
  .hb-ilan{flex:0 0 292px;scroll-snap-align:start;text-decoration:none;color:var(--ink) !important;
  border:1px solid var(--cizgi);border-radius:14px;overflow:hidden;background:#fff !important;display:block}
  .hb-ilan-g{position:relative;aspect-ratio:4/3;background:var(--yumusak) !important}
  .hb-ilan-g img{width:100%;height:100%;display:block;object-fit:cover}
  .hb-mhr{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;
  font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 10px;border-radius:999px;
  background:rgba(14,59,52,.92) !important;color:#fff !important}
  .hb-m-kis{background:rgba(138,97,23,.92) !important}
  .hb-m-bey{background:rgba(75,88,102,.92) !important}
  .hb-m-ornek{left:auto;right:10px;background:rgba(16,32,51,.92) !important}
  .hb-ilan-b{padding:14px 15px 16px}
  .hb-ilan-f{font-family:"Source Serif 4",Georgia,serif;font-size:21px;font-weight:600}
  .hb-ilan-a{font-size:15px;font-weight:600;margin-top:5px;line-height:1.3}
  .hb-ilan-y{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--kum) !important;margin-top:7px}
  .hb-ilan-y svg{width:13px;height:13px;stroke:var(--kum);fill:none;stroke-width:1.6}
  .hb-ilan-o{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
  .hb-ilan-o span{font-size:11.5px;color:var(--kum) !important;background:var(--yumusak) !important;
  border:1px solid var(--cizgi2);border-radius:5px;padding:4px 8px}
  .hb-centik{display:flex;gap:4px;margin-top:11px}
  .hb-centik i{flex:1;height:3px;border-radius:2px;background:var(--cizgi) !important}
  .hb-centik i.hb-d{background:var(--yesil) !important}
  .hb-ilan-k{font-size:11.5px;color:var(--kum) !important;margin-top:8px;line-height:1.4}
  .hb-noktalar{display:flex;justify-content:center;gap:6px;padding:2px 0 8px;background:#fff !important}
  .hb-noktalar i{width:6px;height:6px;border-radius:50%;background:var(--cizgi) !important;transition:width .2s}
  .hb-noktalar i.hb-aktif{width:20px;border-radius:3px;background:var(--pri) !important}
  .hb-kaydir-not{text-align:center;font-size:12.5px;color:var(--acik) !important;padding:0 18px 18px;background:#fff !important;line-height:1.5}
  .hb-sekmeler{display:flex;gap:4px;padding:0 18px;background:#fff !important;border-bottom:1px solid var(--cizgi2);overflow-x:auto;scrollbar-width:none}
  .hb-sekmeler::-webkit-scrollbar{display:none}
  .hb-sekmeler button{border:0;background:none !important;font-family:inherit;font-size:14.5px;font-weight:600;
  color:var(--acik) !important;padding:14px 11px;cursor:pointer;white-space:nowrap;
  border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:7px;min-height:50px}
  .hb-sekmeler button svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
  .hb-sekmeler button.hb-aktif{color:var(--ink) !important;border-bottom-color:var(--ink) !important}
  .hb-sec-liste{padding:16px 18px 22px;background:#fff !important;display:grid;gap:10px}
  .hb-sec-liste[hidden]{display:none}
  .hb-sec{display:flex;align-items:center;gap:13px;border:1px solid var(--cizgi);border-radius:11px;
  padding:14px 15px;background:#fff !important;cursor:pointer;text-align:left;font-family:inherit;min-height:68px}
  .hb-sec.hb-secili{border-color:var(--yesil) !important;background:#F4FAF6 !important;box-shadow:inset 0 0 0 1px var(--yesil)}
  .hb-sec svg.hb-i{width:21px;height:21px;stroke:var(--pri2);fill:none;stroke-width:1.6;flex:none}
  .hb-sec .hb-yz{flex:1}
  .hb-sec .hb-ad{display:block;font-size:15.5px;font-weight:600}
  .hb-sec .hb-ac{display:block;font-size:13.5px;color:var(--kum) !important;margin-top:3px;line-height:1.4}
  .hb-sec .hb-tik{width:18px;height:18px;stroke:var(--yesil);fill:none;stroke-width:2.4;opacity:0;flex:none}
  .hb-sec.hb-secili .hb-tik{opacity:1}
  .hb-pbas{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:1.4px;
  text-transform:uppercase;color:var(--acik) !important;margin:4px 0 11px}
  .hb-pbas svg{width:14px;height:14px;stroke:var(--altin);fill:none;stroke-width:1.8}
  .hb-pbas:not(:first-child){margin-top:20px}
  .hb-cipler{display:flex;flex-wrap:wrap;gap:8px}
  .hb-cip{border:1px solid var(--cizgi);background:#fff !important;border-radius:999px;padding:0 16px;
  font-family:inherit;font-size:14px;font-weight:600;color:var(--ink) !important;cursor:pointer;
  min-height:44px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
  .hb-cip svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7}
  .hb-cip.hb-secili{background:var(--pri) !important;border-color:var(--pri) !important;color:#fff !important}
  .hb-pizgara{display:grid;gap:10px;grid-template-columns:1fr}
  @media(min-width:620px){.hb-pizgara{grid-template-columns:repeat(3,1fr)}.hb-pizgara.hb-iki{grid-template-columns:repeat(2,1fr)}}
  .hb-pkart{display:flex;align-items:center;gap:13px;border:1px solid var(--cizgi);border-radius:11px;
  padding:14px 15px;background:#fff !important;text-decoration:none;color:var(--ink) !important;
  font-family:inherit;text-align:left;cursor:pointer;min-height:70px;width:100%}
  .hb-pkart:active{background:var(--yumusak) !important}
  .hb-pkart .hb-yuv{width:40px;height:40px;border-radius:10px;background:var(--yumusak) !important;flex:none;
  display:flex;align-items:center;justify-content:center}
  .hb-pkart .hb-yuv svg{width:19px;height:19px;stroke:var(--pri2);fill:none;stroke-width:1.6;stroke-linecap:round}
  .hb-pkart b{display:block;font-size:15.5px;font-weight:600;line-height:1.3}
  .hb-pkart span{display:block;font-size:13.5px;color:var(--kum) !important;margin-top:3px;line-height:1.4}
  .hb-yakin{display:flex;align-items:center;justify-content:space-between;gap:12px;
  border:1px solid var(--cizgi);border-radius:11px;padding:13px 15px;background:#fff !important;
  text-decoration:none;color:var(--ink) !important;min-height:62px}
  .hb-yakin:active{background:var(--yumusak) !important}
  .hb-yakin .hb-ad{display:block;font-size:15.5px;font-weight:600;line-height:1.25}
  .hb-yakin .hb-il{display:block;font-size:13px;color:var(--acik) !important;margin-top:3px}
  .hb-yakin .hb-km{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;
  color:var(--altin) !important;flex:none;white-space:nowrap}
  .hb-yakin .hb-km svg{width:14px;height:14px;stroke:var(--altin);fill:none;stroke-width:1.8}
  .hb-pnot{display:flex;align-items:flex-start;gap:10px;background:var(--yumusak) !important;
  border:1px solid var(--cizgi2);border-radius:11px;padding:14px 15px;margin-top:18px;
  font-size:13.5px;color:var(--kum) !important;line-height:1.55}
  .hb-pnot svg{width:16px;height:16px;stroke:var(--acik);fill:none;stroke-width:1.7;flex:none;margin-top:2px}
  .hb-pnot a{color:var(--altin) !important;font-weight:600;text-decoration:none}
  .hb-yat-liste{background:#fff !important;padding:6px 18px 4px;display:grid;gap:0}
  .hb-yat-satir{display:flex;align-items:center;gap:13px;padding:14px 0;
  border-bottom:1px solid var(--cizgi2);text-decoration:none;color:var(--ink) !important;min-height:66px}
  .hb-yat-satir:last-child{border-bottom:0}
  .hb-yat-satir:active{background:var(--yumusak) !important}
  .hb-yat-sira{width:22px;flex:none;font-family:"Source Serif 4",Georgia,serif;
  font-size:16px;color:var(--acik) !important;text-align:center}
  .hb-yat-yz{flex:1;min-width:0}
  .hb-yat-ad{display:block;font-size:16px;font-weight:600;line-height:1.25}
  .hb-yat-ac{display:block;font-size:12.5px;color:var(--kum) !important;margin-top:3px}
  .hb-yat-sag{flex:none;text-align:right}
  .hb-yat-buyuk{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:19px;font-weight:600;line-height:1.1}
  .hb-yat-buyuk.hb-iyi{color:var(--yesil) !important}
  .hb-yat-buyuk.hb-dus{color:#9B4A2B !important}
  .hb-yat-kucuk{display:block;font-size:12px;color:var(--kum) !important;margin-top:4px}
  .hb-yat-not{margin:0;padding:12px 18px 22px;background:#fff !important;font-size:12.5px;
  color:var(--acik) !important;line-height:1.6}
  .hb-yat-bos{margin:0;padding:18px 0;font-size:14px;color:var(--kum) !important}
  .hb-arac-izgara{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:4px 18px 0;background:var(--yumusak) !important}
  .hb-arac{display:block;border:1px solid var(--cizgi);border-radius:13px;padding:15px 14px 16px;
  background:#fff !important;text-decoration:none;color:var(--ink) !important}
  .hb-arac:active{background:var(--yumusak) !important}
  .hb-arac .hb-yuv{width:38px;height:38px;border-radius:10px;background:var(--yumusak) !important;
  display:flex;align-items:center;justify-content:center;margin-bottom:11px}
  .hb-arac .hb-yuv svg{width:19px;height:19px;stroke:var(--pri2);fill:none;stroke-width:1.6;stroke-linecap:round}
  .hb-arac b{display:block;font-size:15px;font-weight:600;line-height:1.28}
  .hb-arac b .hb-rz{margin-left:5px;font-style:normal}
  .hb-arac span:not(.hb-yuv){display:block;font-size:12.5px;color:var(--kum) !important;line-height:1.45;margin-top:5px}
  .hb-arac-tum{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 18px 0;
  min-height:48px;border:1px solid var(--cizgi);border-radius:11px;background:#fff !important;
  font-size:14.5px;font-weight:600;color:var(--pri2) !important;text-decoration:none}
  .hb-arac-tum svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
  .hb-bilgi-serit{padding:4px 18px 16px}
  .hb-bilgi{flex:0 0 262px;scroll-snap-align:start;border:1px solid var(--cizgi);border-radius:14px;
  padding:16px;background:#fff !important;text-decoration:none;color:var(--ink) !important;display:flex;flex-direction:column}
  .hb-bilgi:active{background:var(--yumusak) !important}
  .hb-bilgi-et{display:inline-block;align-self:flex-start;font-size:10.5px;font-weight:700;
  letter-spacing:1.1px;text-transform:uppercase;color:var(--pri2) !important;
  background:#EEF3F4 !important;border-radius:5px;padding:4px 9px}
  .hb-bilgi b{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:18px;
  font-weight:600;line-height:1.25;margin:12px 0 6px}
  .hb-bilgi-ac{display:block;font-size:13px;color:var(--kum) !important;line-height:1.5;flex:1}
  .hb-bilgi-git{display:inline-flex;align-items:center;gap:6px;margin-top:13px;
  font-size:13.5px;font-weight:600;color:var(--altin) !important}
  .hb-bilgi-git svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
  .hb-skor-kart{margin:0 18px;background:#fff !important;border:1px solid var(--cizgi);border-radius:14px;
  padding:18px;display:flex;align-items:center;gap:18px}
  .hb-halka{position:relative;width:104px;height:104px;flex:none}
  .hb-halka svg{transform:rotate(-90deg)}
  .hb-halka .hb-ic{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .hb-halka .hb-ic b{font-family:"Source Serif 4",Georgia,serif;font-size:30px;line-height:1}
  .hb-halka .hb-ic span{font-size:10px;color:var(--acik) !important;margin-top:2px}
  .hb-skor-yazi .hb-yer{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--acik) !important;font-weight:700;line-height:1.5}
  .hb-skor-yazi h3{font-size:22px;margin:6px 0 10px;line-height:1.2}
  .hb-artis{display:inline-flex;align-items:center;gap:5px;background:#E7F1ED !important;color:var(--yesil) !important;
  font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:999px}
  .hb-kriterler{margin:14px 18px 0;background:#fff !important;border:1px solid var(--cizgi);border-radius:14px;overflow:hidden}
  .hb-kriter{padding:15px 17px;border-bottom:1px solid var(--cizgi2)}
  .hb-kriter:last-child{border-bottom:0}
  .hb-kriter .hb-st{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;gap:12px}
  .hb-kriter .hb-st b{font-family:"Source Serif 4",Georgia,serif;font-size:17.5px;font-weight:600}
  .hb-cubuk{height:4px;border-radius:2px;background:var(--cizgi2) !important;margin-top:9px;overflow:hidden}
  .hb-cubuk i{display:block;height:100%;background:var(--pri) !important;border-radius:2px}
  .hb-standart{margin:16px 18px 0;background:var(--pri) !important;color:#fff !important;border-radius:14px;padding:20px}
  .hb-standart .hb-bas{display:flex;align-items:center;gap:9px;margin-bottom:14px}
  .hb-standart .hb-bas svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.6}
  .hb-standart h3{font-size:21px;color:#fff !important}
  .hb-standart ol{list-style:none;margin:0;padding:0;display:grid;gap:13px}
  .hb-standart li{display:flex;align-items:center;gap:12px;font-size:15px;color:rgba(255,255,255,.9) !important;line-height:1.4}
  .hb-standart li i{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.34);
  display:flex;align-items:center;justify-content:center;font-size:12px;font-style:normal;flex:none}
  .hb-standart a{display:inline-flex;align-items:center;gap:5px;color:#E8D3AE !important;font-size:14.5px;
  font-weight:600;text-decoration:none;margin-top:10px;min-height:44px}
  .hb-butce{margin:12px 18px 0;background:var(--pri2) !important;color:#fff !important;border-radius:14px;padding:20px}
  .hb-butce .hb-bt-bas{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;
  letter-spacing:1.3px;text-transform:uppercase;color:#7FD1AE !important;margin-bottom:13px}
  .hb-butce .hb-nokta{width:6px;height:6px;border-radius:50%;background:#43A882 !important;flex:none}
  .hb-butce .hb-bt-soru{font-family:"Source Serif 4",Georgia,serif;font-size:17px;line-height:1.45;margin-bottom:15px}
  .hb-butce .hb-bt-soru b{color:#8FD3B6 !important;font-weight:600}
  .hb-kiyas{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(255,255,255,.14) !important;
  border-radius:11px;overflow:hidden}
  .hb-ky{background:rgba(255,255,255,.06) !important;padding:15px 14px}
  .hb-ky.hb-ust{background:rgba(67,168,130,.24) !important}
  .hb-ky-il{display:block;font-size:12.5px;color:rgba(255,255,255,.72) !important}
  .hb-ky-m2{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:30px;font-weight:600;line-height:1.1;margin-top:6px}
  .hb-ky-m2 small{font-size:14px;font-weight:400;color:rgba(255,255,255,.7) !important;margin-left:2px}
  .hb-ky-br{display:block;font-size:12.5px;color:rgba(255,255,255,.72) !important;margin-top:5px}
  .hb-bt-alt{margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);
  font-size:12.5px;color:#CFE3E7 !important;line-height:1.55}
  .hb-guncel{display:inline-block;font-size:12.5px;color:var(--kum) !important;border:1px solid var(--cizgi);
  border-radius:999px;padding:6px 13px;margin:0 18px 12px}
  .hb-bolgeler{margin:0 18px;border:1px solid var(--cizgi);border-radius:14px;overflow:hidden;background:#fff !important}
  .hb-bsatir{display:block;padding:16px 17px;border-bottom:1px solid var(--cizgi2);text-decoration:none;color:var(--ink) !important}
  .hb-bsatir:last-child{border-bottom:0}
  .hb-bsatir:active{background:var(--yumusak) !important}
  .hb-bsatir .hb-ust{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .hb-bsatir .hb-ad{font-size:16.5px;font-weight:600;line-height:1.22}
  .hb-bsatir .hb-il{font-size:12.5px;color:var(--acik) !important;margin-top:3px}
  .hb-bsatir .hb-skor{display:flex;align-items:center;gap:10px;flex:none}
  .hb-bsatir .hb-mini{width:56px;height:4px;border-radius:2px;background:var(--cizgi2) !important;overflow:hidden}
  .hb-bsatir .hb-mini i{display:block;height:100%;background:var(--pri) !important}
  .hb-bsatir .hb-sy{font-family:"Source Serif 4",Georgia,serif;font-size:19px;font-weight:600;min-width:24px;text-align:right}
  .hb-bsatir .hb-alt{display:flex;align-items:center;gap:13px;margin-top:10px}
  .hb-bsatir .hb-fy{font-size:15px;font-weight:600}
  .hb-bsatir .hb-yz{font-size:13.5px;font-weight:700;color:var(--altin) !important}
  .hb-durum{display:inline-block;font-size:11.5px;font-weight:600;background:#EEF3F0 !important;color:var(--yesil) !important;
  border-radius:5px;padding:4px 10px;margin-top:10px}
  .hb-kartlar{display:grid;gap:11px;padding:16px 18px 4px}
  .hb-kart{display:block;border:1px solid var(--cizgi);border-radius:13px;padding:17px 17px;
  background:#fff !important;text-decoration:none;color:var(--ink) !important}
  .hb-kart:active{background:var(--yumusak) !important}
  .hb-kart svg{width:21px;height:21px;stroke:var(--pri2);fill:none;stroke-width:1.6;stroke-linecap:round}
  .hb-kart b{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:600;margin:10px 0 5px}
  .hb-kart span{font-size:13.5px;color:var(--kum) !important;line-height:1.52}
  .hb-kesfet{background:var(--pri) !important;color:#fff !important;padding:26px 0 24px;margin-top:26px}
  .hb-kesfet .hb-ic{padding:0 18px}
  .hb-kesfet .hb-ust{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.55) !important;font-weight:700}
  .hb-kesfet h2{font-size:27px;margin:9px 0 11px;color:#fff !important}
  .hb-kesfet h2 em{font-style:normal;color:#B9AE97 !important}
  .hb-kesfet p{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.78) !important;margin:0 0 19px}
  .hb-bkaydir{display:flex;gap:12px;overflow-x:auto;padding:0 18px 4px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .hb-bkaydir::-webkit-scrollbar{display:none}
  .hb-bkart{flex:0 0 224px;scroll-snap-align:start;border:1px solid rgba(255,255,255,.22);
  border-radius:13px;padding:16px;text-decoration:none;color:#fff !important}
  .hb-bkart .hb-no{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;
  letter-spacing:1.3px;text-transform:uppercase;color:rgba(255,255,255,.55) !important;font-weight:700}
  .hb-bkart .hb-no svg{width:15px;height:15px;stroke:rgba(255,255,255,.55);fill:none;stroke-width:1.6}
  .hb-bkart b{display:block;font-family:"Source Serif 4",Georgia,serif;font-size:22.5px;font-weight:600;margin-top:13px}
  .hb-bkart .hb-il{font-size:13px;color:rgba(255,255,255,.62) !important;margin-top:3px}
  .hb-bkart hr{border:0;border-top:1px solid rgba(255,255,255,.18);margin:14px 0}
  .hb-bkart .hb-son{display:flex;align-items:flex-end;justify-content:space-between}
  .hb-bkart .hb-sk b{font-size:28px;margin:0}
  .hb-bkart .hb-sk span{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.55) !important;display:block;margin-top:4px}
  .hb-bkart .hb-ac{font-size:13.5px;font-weight:600;color:#E8D3AE !important}
  .hb-sss{margin:0 18px;border:1px solid var(--cizgi);border-radius:14px;background:#fff !important;overflow:hidden}
  .hb-sss .hb-bs{display:flex;align-items:center;gap:11px;padding:16px 16px 12px}
  .hb-sss .hb-bs .hb-yuv{width:34px;height:34px;border-radius:9px;background:var(--yumusak) !important;
  display:flex;align-items:center;justify-content:center;flex:none}
  .hb-sss .hb-bs svg{width:17px;height:17px;stroke:var(--pri2);fill:none;stroke-width:1.7}
  .hb-sss .hb-bs h3{font-size:18px}
  .hb-sss a{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:15px 17px;border-top:1px solid var(--cizgi2);font-size:15px;
  text-decoration:none;color:var(--ink) !important;min-height:52px}
  .hb-sss a span.hb-ok{color:var(--acik) !important;font-size:18px}
  .hb-iletisim{margin:12px 18px 0;border:1px solid var(--cizgi);border-radius:14px;background:#fff !important;padding:16px}
  .hb-iletisim .hb-bs{display:flex;align-items:center;gap:11px;margin-bottom:13px}
  .hb-iletisim .hb-yuv{width:34px;height:34px;border-radius:9px;background:var(--yumusak) !important;
  display:flex;align-items:center;justify-content:center;flex:none}
  .hb-iletisim svg{width:16px;height:16px;stroke:var(--pri2);fill:none;stroke-width:1.7}
  .hb-iletisim h3{font-size:18px}
  .hb-iletisim li{display:flex;align-items:center;gap:11px;font-size:15px;color:var(--kum) !important;padding:7px 0;list-style:none}
  .hb-iletisim ul{margin:0;padding:0}
  .hb-iletisim a{color:var(--pri2) !important;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
  .hb-dip{padding:24px 18px 28px;font-size:12.5px;color:var(--acik) !important;line-height:1.68;text-align:center;background:var(--yumusak) !important;margin-top:22px}
  .hb-altbar{position:fixed;bottom:0;left:0;right:0;max-width:460px;margin:0 auto;background:#fff !important;
  border-top:1px solid var(--cizgi);display:grid;grid-template-columns:repeat(5,1fr);
  padding-bottom:env(safe-area-inset-bottom);z-index:20}
  .hb-altbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  padding:9px 2px 8px;text-decoration:none;color:var(--acik) !important;min-height:56px}
  .hb-altbar svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .hb-altbar span{font-size:10.5px;font-weight:600}
  .hb-altbar a.hb-aktif{color:var(--pri) !important}
  .hb-ornek-not{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;
  letter-spacing:.4px;background:#EEF1F4 !important;color:#4B5866 !important;border-radius:5px;padding:4px 9px;margin-left:8px}
}