/* ohafalan hesap: giris penceresi, avatar, bildirim balonu, baslik dugmesi.
   Butun bolumlerde yuklenir (ana site, /yemek, /kaave). Yemek'in renk ve yazi degiskenleri
   bu ogelerin kendi icinde tanimli, ana sitede ve Kaave'de de ayni gorunsun diye. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,700;1,9..144,600;1,9..144,700&family=DM+Sans:opsz,wght@9..40,400..700&family=Montserrat:wght@800;900&display=swap');
.yOturumKat,.ohHesapDugme,.yBildirim,[data-oh-giris-sayfa]{
  --kagit:#F6EFE3; --kagit2:#EFE5D3; --kart:#FFFBF4; --murekkep:#2A1E17; --gri:#7A6A5C; --ince:#E3D6C2;
  --domates:#C8452B; --domates2:#A63722; --zeytin:#5F6B34; --hardal:#E0A43A;
  --serif:'Fraunces',Georgia,serif; --sans:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;
  font-family:var(--sans);-webkit-font-smoothing:antialiased;box-sizing:border-box}
.yOturumKat *,.ohHesapDugme *{box-sizing:border-box}
.yOturum h2,.yOturumBaslik{font-family:var(--serif);margin:0;color:var(--murekkep)}
.yOturum ul{list-style:none}
.yOturum img{max-width:none}
/* avatar: :where ile ozgulluk sifir, bolumlerin kendi olculeri gecerli */
:where(.yAvatar){position:relative;display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;overflow:hidden;
  background:linear-gradient(135deg,var(--domates,#C8452B),var(--hardal,#E0A43A));color:#fff;font:700 14px/1 var(--sans,system-ui)}
:where(.yAvatar) i{font-style:normal}
:where(.yAvatar) img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@keyframes balonGel{from{transform:scale(.6) translateY(16px);opacity:0}to{transform:none;opacity:1}}
@keyframes yDon{to{transform:rotate(360deg)}}
.yOturumKat[hidden]{display:none}
.yOturumKat{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;padding:20px;background:rgba(42,30,23,.55);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .22s}
.yOturumKat.acik{opacity:1}
.yOturum{position:relative;width:min(430px,100%);padding:92px 30px 24px;border-radius:30px;text-align:center;
  background:var(--kart) url('/yemek/desen.svg?v=4') 0 0/300px repeat;box-shadow:0 40px 80px -30px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.6)}
.yOturumKat .yOturum{transform:translateY(14px) scale(.96);transition:transform .32s cubic-bezier(.2,1.25,.4,1)}
.yOturumKat.acik .yOturum{transform:none}
.yOturumKapat{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:var(--kagit2);color:var(--murekkep);
  font-size:24px;line-height:1;cursor:pointer;z-index:2}
.yOturumKapat:hover{background:var(--murekkep);color:var(--kagit)}
.yOturumUst{position:absolute;left:0;right:0;top:-70px;height:150px;pointer-events:none}
.yOturumUsta{position:absolute;left:50%;top:0;width:118px;height:auto;transform:translateX(-50%);filter:drop-shadow(0 12px 14px rgba(42,30,23,.28));
  -webkit-mask:linear-gradient(#000 78%,transparent);mask:linear-gradient(#000 78%,transparent)}
.yOturumBalon{position:absolute;left:calc(50% + 48px);top:18px;padding:7px 12px 8px;border-radius:14px 14px 14px 4px;background:#fff;
  border:2px solid var(--murekkep);box-shadow:3px 3px 0 var(--hardal);font:700 italic 13.5px/1.2 var(--serif);color:var(--domates);white-space:nowrap;
  animation:balonGel .5s cubic-bezier(.2,1.4,.4,1) .35s both}
.yOturumBaslik{font-size:34px;line-height:1.05;font-weight:600;letter-spacing:-.02em}
.yOturumBaslik em{color:var(--domates)}
.yOturumAlt{margin:10px auto 18px;max-width:320px;color:var(--gri);font-size:16px;line-height:1.45}
.yOturumFayda{list-style:none;margin:0 0 22px;padding:14px 16px;display:grid;gap:10px;text-align:left;border-radius:18px;background:var(--kagit);
  box-shadow:inset 0 0 0 1px var(--ince)}
.yOturumFayda li{display:flex;align-items:center;gap:12px;font:500 15px/1.3 var(--sans)}
.yOturumFayda svg{flex:none;width:34px;height:34px;padding:8px;border-radius:11px;background:var(--kart);color:var(--domates);box-shadow:0 1px 0 var(--ince)}
.yOturumFayda li:first-child svg{color:var(--hardal)}
.yOturumFayda li:last-child svg{color:var(--zeytin)}
.yOturumGoogle{display:flex;justify-content:center;min-height:44px}
.yOturumYukle{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 22px;border-radius:999px;background:var(--kagit2);color:var(--gri);font:600 14px/1 var(--sans)}
.yOturumYukle i{width:16px;height:16px;border-radius:50%;border:2.5px solid var(--ince);border-top-color:var(--domates);animation:yDon .8s linear infinite}
@keyframes yDon{to{transform:rotate(360deg)}}
.yOturumDurum{min-height:1.4em;margin:12px 0 0;font:600 14.5px/1.4 var(--sans);color:var(--zeytin)}
.yOturumDurum.hata{color:var(--domates2)}
.yOturumDurum:empty{min-height:0;margin:0}
.yOturumKucuk{margin:16px 0 0;font-size:12.5px;line-height:1.5;color:var(--gri)}
.yOturumKucuk a{color:var(--murekkep);text-underline-offset:2px}
@media (max-width:560px){
  .yOturumKat{place-items:end center;padding:0}
  .yOturum{width:100%;padding:84px 20px calc(20px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}
  .yOturumKat .yOturum{transform:translateY(40px)}
  .yOturumUst{top:-58px}
  .yOturumUsta{width:104px}
  .yOturumBalon{left:auto;right:calc(50% + 44px);border-radius:14px 14px 4px 14px;box-shadow:-3px 3px 0 var(--hardal)}
  .yOturumBaslik{font-size:30px}
}
.yBildirim{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:2147483601;max-width:min(420px,calc(100vw - 32px));padding:13px 18px;border-radius:16px;
  background:var(--murekkep);color:var(--kagit);font:600 14.5px/1.4 var(--sans);box-shadow:0 18px 40px -16px rgba(0,0,0,.5);
  transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .25s,transform .3s cubic-bezier(.2,1.3,.4,1)}
.yBildirim.acik{opacity:1;transform:translate(-50%,0)}
/* baslik dugmesi ([data-oh-hesap]): ana site ve Kaave */
[data-oh-hesap]{display:inline-flex;align-items:center}
.ohHesapDugme{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 13px;flex:none;border-radius:999px;border:0;cursor:pointer;
  background:var(--murekkep);color:#fff;font:600 14.5px/1 var(--sans);text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s}
.ohHesapDugme:hover{background:var(--domates)}
.ohHesapDugme:active{transform:scale(.97)}
.ohHesapDugme.girisli{padding:0 15px 0 5px;background:#fff;color:var(--murekkep);box-shadow:inset 0 0 0 1.5px var(--ince)}
.ohHesapDugme.girisli:hover{box-shadow:inset 0 0 0 1.5px var(--murekkep);background:#fff}
.ohHesapDugme .yAvatar{width:32px;height:32px}
.ohHesapDugme span:not(.yAvatar){max-width:110px;overflow:hidden;text-overflow:ellipsis}
[data-oh-hesap="yuvarlak"] .ohHesapDugme,[data-oh-hesap="yuvarlak"] .ohHesapDugme.girisli{width:42px;padding:0;justify-content:center}
[data-oh-hesap="yuvarlak"] .ohHesapDugme span:not(.yAvatar){display:none}
[data-oh-hesap="yuvarlak"] .ohHesapDugme .yAvatar{width:36px;height:36px}
/* koyu zemin (Kaave) */
[data-oh-hesap="koyu"] .ohHesapDugme{background:#FCFB06;color:#14100c;height:36px;font-size:13px}
[data-oh-hesap="koyu"] .ohHesapDugme:hover{background:#fff}
[data-oh-hesap="koyu"] .ohHesapDugme.girisli{background:rgba(255,255,255,.08);color:#F6EFE3;box-shadow:inset 0 0 0 1px rgba(201,164,92,.45)}
[data-oh-hesap="koyu"] .ohHesapDugme.girisli .yAvatar{width:28px;height:28px}
@media (max-width:560px){ .ohHesapDugme span:not(.yAvatar){display:none} .ohHesapDugme,.ohHesapDugme.girisli{width:42px;padding:0;justify-content:center} [data-oh-hesap="koyu"] .ohHesapDugme{width:36px} }
/* baska bolumun yazi stilleri pencereye sizmasin (Kaave koyu zemin, egik basliklar) */
.yOturum{color:var(--murekkep);font-family:var(--sans);font-style:normal;letter-spacing:normal;text-transform:none;line-height:1.5}
.yOturum li,.yOturum p{color:inherit;font-style:normal}
.yOturum .yOturumAlt,.yOturum .yOturumKucuk{color:var(--gri)}
.yOturum .yOturumBaslik{font-style:normal;font-weight:600;text-transform:none;letter-spacing:-.02em}
.yOturum .yOturumBaslik em{font-style:italic;color:var(--domates)}
.yOturum a{color:var(--murekkep)}
.ohHesapDugme .yAvatar img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.ohHesapDugme .yAvatar{position:relative;display:inline-grid;place-items:center;flex:none;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--domates),var(--hardal));color:#fff;font:700 14px/1 var(--sans)}
.ohHesapDugme .yAvatar i{font-style:normal}

/* ---- giris penceresi: ohafalan kimligi, her bolumde ayni (beyaz kart, kalin siyah cerceve, sert golge, sari vurgu) ---- */
.yOturumKat{background:rgba(17,17,17,.62)}
.yOturum,.yOturumSayfa{padding:28px 30px 24px;background:#fff;border:3px solid #111;border-radius:26px;box-shadow:10px 10px 0 #111;font-family:'DM Sans',system-ui,sans-serif}
.yOturumKapat{top:14px;right:14px;background:#111;color:#fff;font-size:22px}
.yOturumKapat:hover{background:#FCFB06;color:#111}
.yOturumLogo{display:flex;justify-content:center;margin:2px 0 20px}
.yOturumLogo img{height:64px;width:auto;max-width:80%}
.yOturum .yOturumBaslik{font:900 31px/1.08 'Montserrat','DM Sans',system-ui,sans-serif;letter-spacing:-.015em;color:#111}
.yOturum .yOturumBaslik em{font-style:normal;color:#111;padding:0 4px;background:linear-gradient(transparent 56%,#FCFB06 56%,#FCFB06 92%,transparent 92%)}
.yOturum .yOturumAlt{color:#4a4a4a;font-size:15.5px}
.yOturumFayda{background:#fff;box-shadow:none;border:2px solid #111;border-radius:16px;padding:6px 16px}
.yOturumFayda li{padding:10px 0;font-weight:600;color:#111}
.yOturumFayda li + li{border-top:1.5px dashed #d8d8d8}
.yOturumFayda svg,.yOturumFayda li:first-child svg,.yOturumFayda li:last-child svg{width:34px;height:34px;padding:8px;border-radius:50%;background:#FCFB06;color:#111;box-shadow:inset 0 0 0 2px #111}
.yOturum .yOturumKucuk{color:#6b6b6b}
.yOturum .yOturumKucuk a{color:#111}
.yOturumYukle{background:#f2f2f2;color:#555}
.yOturumYukle i{border-top-color:#111}
.yOturumDurum{color:#2E7D32}
.yHesapGiris{padding-top:48px}
@media (max-width:560px){
  .yOturum{padding:24px 18px calc(18px + env(safe-area-inset-bottom));border-width:3px 3px 0;border-radius:24px 24px 0 0;box-shadow:none}
  .yOturumLogo img{height:52px}
  .yOturum .yOturumBaslik{font-size:26px}
  .yOturumSayfa{border-width:3px;border-radius:24px;box-shadow:6px 6px 0 #111}
}
/* genis pencere: uc bolum yan yana, her bolum kendi imzasiyla */
.yOturumKat .yOturum{width:min(900px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:30px 34px 24px}
.yOturumSayfa{width:min(900px,100%)}
.yOturum .yOturumAlt{max-width:none;margin:8px auto 22px}
.yOturumBolumler{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 24px;text-align:left}
.yOturumBolum{padding:16px 16px 12px;border:2px solid #111;border-radius:18px;background:#fff}
.yOturumBolum h3{display:inline-flex;align-items:center;margin:0 0 10px;min-height:30px}
.yOturumBolum.b-haber h3{padding:0 2px;font:900 15px/1 'Montserrat','DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#111;background:linear-gradient(transparent 60%,#FCFB06 60%)}
.yOturumBolum.b-yemek h3{font:italic 700 25px/1 'Fraunces',Georgia,serif;letter-spacing:-.01em;color:#C8452B}
.yOturumBolum.b-kaave h3{padding:0 11px;height:30px;border-radius:7px;background:#14100c;color:#FCFB06;font:900 13px/1 'Montserrat','DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;
  text-shadow:0 0 6px rgba(252,251,6,.75),0 0 14px rgba(252,251,6,.35);box-shadow:inset 0 0 0 1px rgba(252,251,6,.35)}
.yOturumBolum ul{list-style:none;margin:0;padding:0}
.yOturumBolum li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font:600 14px/1.4 'DM Sans',system-ui,sans-serif;color:#111}
.yOturumBolum li + li{border-top:1.5px dashed #dcdcdc}
.yOturumBolum li svg{flex:none;width:30px;height:30px;padding:7px;border-radius:50%;background:#FCFB06;color:#111;box-shadow:inset 0 0 0 2px #111}
.yOturumBolum li span{padding-top:5px}
.yOturumBolum .yakinda{display:inline-block;margin-left:2px;padding:2px 7px;border-radius:99px;background:#f0f0f0;color:#777;font:700 10.5px/1.4 'DM Sans',sans-serif;font-style:normal;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}
@media (max-width:820px){
  .yOturumBolumler{grid-template-columns:1fr;gap:10px}
  .yOturumBolum{padding:12px 14px 6px}
  .yOturumBolum h3{margin-bottom:4px}
}
@media (max-width:560px){ .yOturumKat .yOturum{max-height:92vh;padding:22px 16px calc(18px + env(safe-area-inset-bottom))} .yOturumBolum li{padding:6px 0;font-size:13.5px} }
/* ana sitenin harf araligi pencereye sizmasin */
.yOturum li,.yOturum p,.yOturum span,.yOturum a{letter-spacing:0}
/* telefonda once Google dugmesi, bolumler altta */
@media (max-width:820px){
  .yOturumKat .yOturum,.yOturumSayfa{display:flex;flex-direction:column}
  .yOturumBolumler{order:5;margin:4px 0 14px}
  .yOturumKucuk{order:6}
  .yOturumGoogle{margin-bottom:6px}
}

/* ===== sade gorunum (2026-09-29): ince acik cerceve, yumusak golge; siyah yalniz yazi ve ana dugmede ===== */
.yOturumKat{background:rgba(24,26,30,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.yOturum,.yOturumSayfa{border:1px solid #E6E4DE;border-radius:22px;box-shadow:0 1px 2px rgba(20,20,20,.04),0 24px 60px -24px rgba(20,20,20,.35);background:#fff}
.yOturumKapat{background:#F2F1EC;color:#1B1F24}
.yOturumKapat:hover{background:#E6E4DE;color:#1B1F24}
.yOturum .yOturumBaslik{font-weight:800;color:#1B1F24}
.yOturum .yOturumBaslik em{background:none;padding:0;color:#1B1F24;box-shadow:inset 0 -.28em 0 rgba(252,251,6,.75)}
.yOturum .yOturumAlt{color:#6B7079}
.yOturumBolum{border:1px solid #E6E4DE;border-radius:16px;background:#FAFAF7}
.yOturumBolum li + li{border-top:1px solid #EDECE7}
.yOturumBolum li svg,.yOturumFayda svg{background:#FFFBD1;color:#1B1F24;box-shadow:none}
.yOturumBolum li{color:#2A2E35;font-weight:500}
.yOturumBolum .yakinda{background:#EEEDE8;color:#8A8F98}
.yOturumBolum.b-haber h3{background:none;box-shadow:inset 0 -6px 0 rgba(252,251,6,.8)}
@media (max-width:560px){ .yOturum{border-width:1px 1px 0;box-shadow:0 -12px 40px -16px rgba(20,20,20,.35)} .yOturumSayfa{box-shadow:0 12px 32px -18px rgba(20,20,20,.3)} }
[data-oh-hesap] .ohHesapDugme:not(.girisli){background:#1B1F24}

/* ================= Hesabim sayfasi (.hSayfa) =================
   Sakin bir hesap sayfasi: beyaz baslik bandi, alt cizgili sekmeler, tek beyaz panelde ince cizgilerle ayrilan satirlar.
   Tek yazi ailesi (DM Sans), yalniz ad Montserrat. Renk: murekkep #16181D, gri #6B7079, cizgi #E8E6E0. */
.hSayfa{--m:#16181D;--gr:#6B7079;--gr2:#9AA0A8;--c:#E8E6E0;--c2:#F0EFEA;--z:#F7F7F4;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--m);-webkit-font-smoothing:antialiased}
body.y-hesap{background:#F7F7F4!important}
.hSayfa *,.hSayfa *::before,.hSayfa *::after{box-sizing:border-box}
.hSayfa button{font-family:inherit}
/* baslik bandi */
.hBas{background:#fff;border-bottom:1px solid var(--c)}
.hBasIc{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding-top:40px;padding-bottom:28px}
.hBasAv{position:relative;padding:0;border:0;background:none;border-radius:50%;cursor:pointer}
.hSayfa .hBasFoto{width:112px;height:112px;font-size:44px;box-shadow:0 0 0 1px var(--c)}
.hBasKamera{position:absolute;right:2px;bottom:2px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--m);box-shadow:0 0 0 1px var(--c),0 2px 6px rgba(20,20,20,.12);opacity:.92;transition:opacity .15s}
.hBasAv:hover .hBasKamera{opacity:1}
.hBasBilgi{min-width:0}
.hBasBilgi h1{margin:0;font:800 32px/1.1 'Montserrat','DM Sans',sans-serif;letter-spacing:-.02em;color:var(--m)}
.hBasKim{margin:6px 0 0;font-size:14.5px;color:var(--gr)}
.hBasKim span{margin:0 8px;color:var(--gr2)}
.hBasBio{max-width:62ch;margin:10px 0 0;font-size:16px;line-height:1.5;color:#2A2E35}
.hBasBioEkle{margin:10px 0 0;padding:0;border:0;background:none;font-size:14.5px;color:var(--gr);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
.hBasBioEkle:hover{color:var(--m)}
.hBasSayi{display:flex;flex-wrap:wrap;gap:4px 20px;margin:14px 0 0}
.hBasSayi button{padding:0;border:0;background:none;font-size:14.5px;color:var(--gr);cursor:pointer}
.hBasSayi button:hover{color:var(--m)}
.hBasSayi b{font-weight:700;color:var(--m)}
.hBasEylem{display:flex;gap:8px;align-self:start;margin-top:4px}
/* dugmeler */
.hBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border:1px solid #DAD8D1;border-radius:10px;background:#fff;color:var(--m);
  font:600 14px/1 'DM Sans',sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}
.hBtn:hover{background:var(--z);border-color:#C9C7BF}
.hBtnAna{background:var(--m);border-color:var(--m);color:#fff}
.hBtnAna:hover{background:#2C3038;border-color:#2C3038}
.hBtnTehlike{color:#A63722;border-color:#EBC3B8}
.hBtnTehlike:hover{background:#FBEFEB;border-color:#DFA696}
.hMetinBtn{padding:6px 8px;border:0;border-radius:8px;background:none;color:var(--gr);font:600 13px/1 'DM Sans',sans-serif;cursor:pointer}
.hMetinBtn:hover{background:var(--c2);color:#A63722}
/* sekmeler */
.hNav{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none}
.hNav::-webkit-scrollbar{display:none}
.hNav button{display:inline-flex;align-items:center;gap:7px;flex:none;padding:14px 0 13px;border:0;background:none;color:var(--gr);font:600 14.5px/1 'DM Sans',sans-serif;cursor:pointer;box-shadow:inset 0 -2px 0 transparent;transition:color .15s,box-shadow .15s}
.hNav button:hover{color:var(--m)}
.hNav button[aria-selected="true"]{color:var(--m);box-shadow:inset 0 -2px 0 var(--m)}
.hNav i,.hSegment i{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--c2);color:var(--gr);font:700 11.5px/20px 'DM Sans',sans-serif;font-style:normal;text-align:center}
/* icerik */
.hIcerik{padding-top:28px;padding-bottom:64px}
.hPanel{background:#fff;border:1px solid var(--c);border-radius:16px;overflow:hidden}
.hPanel[hidden],.hSayfa [data-bpanel][hidden],.hSayfa [data-tpanel][hidden]{display:none}
.hPanelBas{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--c2)}
.hPanelBas h2{margin:0;font:700 18px/1.25 'DM Sans',sans-serif;letter-spacing:-.005em;color:var(--m)}
.hPanelBas p{margin:4px 0 0;font-size:14px;line-height:1.45;color:var(--gr)}
.hSegment{display:inline-flex;flex:none;gap:2px;padding:3px;border-radius:11px;background:var(--c2)}
.hSegment button{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--gr);font:600 13.5px/1 'DM Sans',sans-serif;cursor:pointer}
.hSegment button[aria-selected="true"]{background:#fff;color:var(--m);box-shadow:0 1px 2px rgba(20,20,20,.08),0 0 0 1px rgba(20,20,20,.04)}
.hSegment button[aria-selected="true"] i{background:var(--m);color:#fff}
.hNokta{width:7px;height:7px;border-radius:50%}
.n-haber{background:#E5CF00}.n-yemek{background:#C8452B}
/* satirlar */
.hListe{list-style:none;margin:0;padding:0}
.hListe > li + li{border-top:1px solid var(--c2)}
.hListe > li > a,.hSatir{display:flex;align-items:center;gap:14px;padding:12px 24px;color:var(--m);text-decoration:none;transition:background .12s}
.hListe > li > a:hover,a.hSatir:hover{background:#FAFAF8}
.hListe .yBGorsel{flex:none;width:72px;height:48px;border-radius:8px;overflow:hidden;background:var(--c2)}
.hListe .yBGorsel img{width:100%;height:100%;object-fit:cover}
.hListe .yBYazi,.hMetin{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.hListe .yBYazi b,.hMetin b{font:600 15px/1.35 'DM Sans',sans-serif;color:var(--m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hMetin b a{color:inherit;text-decoration:none}.hMetin b a:hover{text-decoration:underline}
.hListe .yBYazi small,.hMetin small{font-size:13px;color:var(--gr);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hListe .yBYildiz{flex:none;font-style:normal;font-size:13px;letter-spacing:1px;color:#D9A441}
.hNot{margin-top:4px;padding:8px 10px;border-radius:8px;background:var(--z);font:italic 400 13.5px/1.45 'DM Sans',sans-serif;color:#3A3F47;white-space:normal}
.hAv{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#C8452B,#E0A43A);color:#fff;font:700 17px/1 'DM Sans',sans-serif}
.hAv i{font-style:normal}.hAv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hRozet{display:inline-flex;align-items:center;gap:4px;flex:none;padding:4px 9px;border-radius:99px;background:var(--c2);color:var(--gr);font:600 11.5px/1 'DM Sans',sans-serif}
.hDurum{flex:none;padding:5px 10px;border-radius:99px;font:600 12px/1 'DM Sans',sans-serif;background:#FFF5D1;color:#7A5D00}
.hDurum.d-yayinda{background:#E6F4EA;color:#1E7B3A}.hDurum.d-reddedildi{background:#FBECE8;color:#A63722}
.hBos{padding:44px 24px;text-align:center}
.hBos b{display:block;font:700 16px/1.3 'DM Sans',sans-serif;color:var(--m)}
.hBos p{max-width:46ch;margin:6px auto 16px;font-size:14.5px;line-height:1.5;color:var(--gr)}
.hBos .yProfilAdres{max-width:380px;margin:0 auto}
.hAltBag{display:flex;align-items:center;gap:8px;padding:14px 24px;border-top:1px solid var(--c2);color:var(--m);font:600 14px/1 'DM Sans',sans-serif;text-decoration:none}
.hAltBag:hover{background:#FAFAF8}
.hAltBag span{min-width:22px;height:22px;padding:0 7px;border-radius:99px;background:var(--c2);color:var(--gr);font-size:12px;line-height:22px;text-align:center}
.hAltBag b{margin-left:auto;color:var(--gr2)}
/* skorlar */
.hSkor{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:20px 24px 24px}
.hSkor .yBOyun{border-radius:14px;padding:16px 16px 14px}
/* hesap tablosu */
.hTablo{margin:0}
.hTablo > div{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:center;padding:16px 24px}
.hTablo > div + div{border-top:1px solid var(--c2)}
.hTablo dt{font-size:14px;font-weight:600;color:var(--gr)}
.hTablo dd{margin:0;font-size:15px;color:var(--m)}
.hTablo dd small{display:block;margin-top:2px;font-size:12.5px;color:var(--gr2)}
.hSayfa .yProfilAdres{margin:0}
.hSayfa .yProfilAdresIc{max-width:420px;height:40px;border:1px solid var(--c);border-radius:10px;background:#fff;box-shadow:none}
.hSayfa .yProfilAdresIc a{font-size:14.5px}
.hSayfa .yProfilAdresIc button{width:32px;height:32px;border-radius:8px}
.hSayfa .yProfilAdresIc button:hover{background:var(--c2)}
.hTehlike{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-top:1px solid var(--c);background:#FDFBFA}
.hTehlike b{font:700 15px/1.3 'DM Sans',sans-serif;color:#A63722}
.hTehlike p{margin:3px 0 0;font-size:13.5px;color:var(--gr)}
.hEsit{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 0;font-size:13px;color:var(--gr2)}
.hEsit i{width:7px;height:7px;border-radius:50%;background:#3E9B4F}
.hEsit.yeni{color:var(--m)}
/* telefon */
@media (max-width:720px){
  .hBasIc{grid-template-columns:auto 1fr;gap:16px 18px;padding-top:24px;padding-bottom:18px}
  .hSayfa .hBasFoto{width:76px;height:76px;font-size:30px}
  .hBasKamera{width:26px;height:26px;right:0;bottom:0}
  .hBasBilgi h1{font-size:24px}
  .hBasKim{font-size:13.5px}
  .hBasEylem{grid-column:1/-1;margin:0}
  .hBasEylem .hBtn{flex:1}
  .hNav{gap:20px}
  .hIcerik{padding-top:16px}
  .hPanelBas{flex-direction:column;align-items:stretch;padding:16px}
  .hSegment{align-self:flex-start}
  .hListe > li > a,.hSatir{padding:12px 16px}
  .hListe .yBGorsel{width:60px;height:42px}
  .hTablo > div{grid-template-columns:1fr;gap:6px;padding:14px 16px}
  .hTehlike{flex-direction:column;align-items:stretch;padding:16px}
  .hSkor{padding:16px;grid-template-columns:1fr 1fr}
  .hBos{padding:32px 16px}
}