/* Prototip ortak stil (V2).
   Görsel dil: hafif isli gri zemin, koyu yeşil menüler, turuncu işlem düğmeleri. Sponsorlu alanlar ayrı zemin + "Sponsorlu" etiketi. */
:root{
  --paper:#F5F5F3; --surface:#FFFFFF; --sunk:#EDEEEA; --ink:#222325; --ink-2:#62646A; --muted:#5B6168; --line:#E2E3E0;
  --green:#0E5A36; --green-d:#0A4329; --green-soft:#E3EFE7; --on-green:#FFFFFF;
  --act:#C84F0A; --act-h:#AE4408; --act-bright:#F26B1D; --act-soft:#FCEBDF; --on-act:#FFFFFF;
  --svc:#B24A0C; --svc-soft:#FCEBDF; --svc-tape:#F4B46F;
  --eqp:#0E5A36; --eqp-soft:#E3EFE7; --eqp-tape:#8FC9A6;
  --ven:#1E7A4A; --ven-soft:#DDF1E5; --ven-tape:#8FD3B4;
  --ok:#1D7F4F; --ok-soft:#DDF2E7; --warn:#93600C; --warn-soft:#F8EBD3; --bad:#A33A2C; --bad-soft:#F8E1DD;
  --spon-bg:#FBF3EA; --spon-line:#EBCFB2;
  --on-accent:#FFFFFF;
  --shadow:0 1px 2px rgb(20 30 25 / .06), 0 8px 24px -12px rgb(20 30 25 / .18);
  --f-display:"Inter","Segoe UI",system-ui,sans-serif;
  --f-body:"Inter","Segoe UI",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#101412; --surface:#171C19; --sunk:#1E2420; --ink:#E6ECE8; --ink-2:#A9B0AC; --muted:#9BA69F; --line:#2A322D;
  --green:#123F29; --green-d:#0C2E1D; --green-soft:#16301F; --on-green:#E6ECE8;
  --act:#F07A30; --act-h:#F59152; --act-bright:#F07A30; --act-soft:#3A2416; --on-act:#111412;
  --svc:#F29A45; --svc-soft:#3A2614; --svc-tape:#8A4C14;
  --eqp:#6FCB98; --eqp-soft:#16301F; --eqp-tape:#1F6A42;
  --ven:#5CC79E; --ven-soft:#12302A; --ven-tape:#1F6A52;
  --ok:#5CC892; --ok-soft:#123324; --warn:#E6B45E; --warn-soft:#382A11; --bad:#F08A7A; --bad-soft:#3A1A16;
  --spon-bg:#221B14; --spon-line:#4A3624; --on-accent:#111412;
  --shadow:0 1px 2px rgb(0 0 0 / .4), 0 8px 24px -12px rgb(0 0 0 / .6);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --paper:#101412; --surface:#171C19; --sunk:#1E2420; --ink:#E6ECE8; --ink-2:#A9B0AC; --muted:#9BA69F; --line:#2A322D;
  --green:#123F29; --green-d:#0C2E1D; --green-soft:#16301F; --on-green:#E6ECE8;
  --act:#F07A30; --act-h:#F59152; --act-bright:#F07A30; --act-soft:#3A2416; --on-act:#111412;
  --svc:#F29A45; --svc-soft:#3A2614; --svc-tape:#8A4C14;
  --eqp:#6FCB98; --eqp-soft:#16301F; --eqp-tape:#1F6A42;
  --ven:#5CC79E; --ven-soft:#12302A; --ven-tape:#1F6A52;
  --ok:#5CC892; --ok-soft:#123324; --warn:#E6B45E; --warn-soft:#382A11; --bad:#F08A7A; --bad-soft:#3A1A16;
  --spon-bg:#221B14; --spon-line:#4A3624; --on-accent:#111412;
  --shadow:0 1px 2px rgb(0 0 0 / .4), 0 8px 24px -12px rgb(0 0 0 / .6);
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--eqp);outline-offset:2px}
h1,h2,h3{font-family:var(--f-display);line-height:1.12;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
a{color:inherit}
.eyebrow{font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.sub{font-size:12.5px;color:var(--muted)}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
/* KALICI KURAL: üst bar (logo + Ne arıyorsunuz + İl/ilçe + Tarih + Ara) her sayfada aynı genişlik ve görünümde; sayfaya göre değiştirilmez. */
.proto .wrap,.hdr .wrap{max-width:1440px}
.num{font-variant-numeric:tabular-nums}
.sample{display:inline-flex;align-items:center;gap:4px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--line);border-radius:4px;padding:1px 6px;white-space:nowrap;background:var(--surface)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* prototip çubuğu */
.proto{background:var(--paper);color:var(--ink-2);font-size:12.5px;padding-block:6px;border-bottom:1px solid var(--line)}
.proto .wrap{display:flex;gap:6px 14px;flex-wrap:wrap;justify-content:space-between}
.proto b{font-weight:600}
.proto a{color:inherit}

/* başlık */
/* V3 başlık: beyaz üst satır (logo, arama, bağlantılar, işlemler) + kategori şeridi. Başlık yapışkan değildir; sayfadaki yapışkan kutular üstten 16px'te durur. */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--surface)}
.hdr{position:relative;z-index:30;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.hdr-ust{display:flex;align-items:center;gap:18px;height:72px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--f-display);font-weight:800;font-size:25px;letter-spacing:-.02em;flex:none;color:var(--green)}
.logo span{color:var(--ink)}
.logo small{font-family:var(--f-mono);font-weight:500;font-size:9.5px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;align-self:flex-start;margin-top:6px}
.hdr .logo{color:var(--green)}
.hdr .logo span{color:var(--green)}
.g-ara{position:relative;flex:1;display:flex;align-items:center;gap:8px;min-width:0}
.g-ara input{flex:1;min-width:0;border:0;background:none;outline:0;color:var(--ink)}
.g-oneri{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;z-index:50;max-height:60vh;overflow-y:auto;color:var(--ink);text-align:left}
.g-oneri a{display:grid;gap:1px;padding:9px 12px;text-decoration:none;border-top:1px solid var(--line);color:var(--ink)}
.g-oneri a:first-child{border-top:0}
.g-oneri a:hover,.g-oneri a.on{background:var(--green-soft)}
.g-oneri small{font-family:var(--f-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.g-oneri span{font-size:12.5px;color:var(--muted)}
.hdr-actions{display:flex;gap:10px;align-items:center;flex:none}
.hdr-actions .btn{min-height:42px;font-size:16px;padding:9px 18px}
.hdr .btn.ghost{background:var(--surface);border-color:var(--green);color:var(--green)}
.hdr .btn.ghost:hover{background:var(--green-soft)}
.hdr .logo small{display:none}
.hdr-link{display:flex;align-items:center;gap:2px;margin-left:auto}
.hdr-link a{display:flex;align-items:center;padding:0 12px;min-height:42px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:500;font-size:16px;white-space:nowrap}
.hdr-link a:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.menu-btn{display:none;border:0;background:transparent;color:var(--ink);border-radius:9px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}
/* üst arama (iç sayfalar) */
.u-ara{position:relative;flex:1 1 700px;max-width:780px;min-width:0;display:flex;align-items:stretch;border:1px solid var(--line);border-radius:10px;background:var(--surface);height:46px}
.u-ne,.u-il,.u-tarih{position:relative;display:flex;align-items:center;gap:7px;padding:0 12px;color:var(--ink-2);min-width:0}
.u-il,.u-tarih{border-left:1px solid var(--line);flex:0 1 190px}
.u-tarih{flex-basis:180px}
.u-ne input,.u-il input{border:0;background:none;outline:0;color:var(--ink);font-size:15px;min-width:0;width:100%;height:100%}
.u-ne{flex:1}
.u-ne input{flex:1}
.u-ara:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.u-ara-b{height:46px;margin:-1px -1px -1px 0;border-radius:0 10px 10px 0;padding:0 20px;font-size:16px}
/* il / ilçe kutusu ve tarih seçici (bütün aramalarda ortak) */
.yer-l{position:absolute;left:0;top:calc(100% + 6px);z-index:60;min-width:min(300px,calc(100vw - 32px));width:100%;max-height:320px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);color:var(--ink);text-align:left}
.yer-l [role=option]{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 12px;cursor:pointer;border-top:1px solid var(--line)}
.yer-l [role=option]:first-child{border-top:0}
.yer-l [role=option] b{font-weight:500;font-size:15px}
.yer-l [role=option] small{font-size:13px;color:var(--ink-2)}
.yer-l [role=option]:hover,.yer-l [role=option].on{background:var(--green-soft)}
.yer-yok{padding:10px 12px;font-size:14px;color:var(--ink-2)}
.tk{position:relative;flex:1;min-width:0;height:100%}
.tk-kutu{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-2)}
.tk-kutu:focus-within{border-color:var(--eqp);box-shadow:0 0 0 3px var(--eqp-soft)}
.tk-btn{display:flex;align-items:center;width:100%;height:100%;min-height:40px;border:0;background:none;padding:0;font:inherit;font-size:15px;color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-btn.tk-bos{color:var(--muted)}
.tk-btn:disabled{cursor:not-allowed;opacity:.55}
.tk-btn .tk-y{overflow:hidden;text-overflow:ellipsis}
.tk-pop{position:absolute;top:calc(100% + 8px);left:-12px;z-index:60;width:318px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px;color:var(--ink);cursor:default}
.tk-ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.tk-ust b{font-size:16px;font-weight:600}
.tk-nav{width:36px;height:36px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:20px;line-height:1;color:var(--ink);cursor:pointer}
.tk-nav:disabled{opacity:.35;cursor:default}
.tk-hg,.tk-iz{display:grid;grid-template-columns:repeat(7,1fr);gap:2px 0;text-align:center}
.tk-hg span{font-size:12px;color:var(--ink-2);padding:4px 0}
.tk-g{height:38px;border:0;background:none;font:inherit;font-size:14.5px;color:var(--ink);cursor:pointer;border-radius:999px}
.tk-g:hover:not(:disabled){background:var(--green-soft)}
.tk-g:disabled{color:var(--muted);opacity:.45;cursor:default}
.tk-g.bugun{text-decoration:underline;text-underline-offset:3px}
.tk-g.ara{background:var(--green-soft);border-radius:0}
.tk-g.bas,.tk-g.bit,.tk-g.bas:hover:not(:disabled),.tk-g.bit:hover:not(:disabled){background:var(--green);color:#fff;font-weight:600}
.tk-g.bas.bit{border-radius:999px}
.tk-g:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.tk-ip{font-size:13px;color:var(--ink-2);margin:10px 0 0;line-height:1.4}
.tk-alt{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
/* kategori şeridi */
.kserit{border-top:1px solid var(--line);background:var(--surface)}
.ks-ic{overflow-x:auto;scrollbar-width:none}
.ks-ic::-webkit-scrollbar{display:none}
.ks-liste{list-style:none;margin:0;padding:0;display:flex;gap:30px;white-space:nowrap}
.ks-a{display:flex;align-items:center;gap:5px;height:50px;font-size:16.5px;font-weight:400;color:var(--ink-2);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.ks-a:hover,.ks-a[aria-expanded="true"]{color:var(--ink)}
.ks-a[aria-current],.ks-a[aria-expanded="true"]{border-bottom-color:var(--green);color:var(--ink)}
.ks-a[aria-current]{font-weight:500}
.ks-ok{transition:transform .15s}
.ks-a[aria-expanded="true"] .ks-ok{transform:rotate(180deg)}
.ks-rozet{font-size:11px;font-weight:500;color:var(--ink-2);background:var(--sunk);border-radius:6px;padding:2px 6px}
/* açılan menü */
.mm{position:absolute;left:0;right:0;top:100%;z-index:45;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 18px 40px -20px rgb(20 30 25 / .35);white-space:normal;max-height:calc(100vh - 140px);overflow-y:auto}
.mm-ic{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0}
.mm-ana{padding:24px 28px 0 0;display:flex;flex-direction:column}
.mm-sutun{columns:4 200px;column-gap:32px}
.mm-g{break-inside:avoid;margin-bottom:22px}
.mm-gb{display:block;font-size:17px;font-weight:600;color:var(--ink);text-decoration:none;margin-bottom:8px;line-height:1.35}
.mm-g ul{list-style:none;margin:0;padding:0;display:grid}
.mm-g li a{display:block;padding:3px 0;font-size:15.5px;line-height:1.45;color:var(--ink-2);text-decoration:none}
.mm-g li a:hover,.mm-gb:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.mm-alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;border-top:1px solid var(--line);padding:14px 0 16px;margin-top:auto;font-size:14px;color:var(--ink-2)}
.mm-alt a{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:var(--green);text-decoration:none}
.mm-alt a:hover{text-decoration:underline}
.mm-yan{background:var(--paper);padding:24px 22px;display:grid;align-content:start;gap:12px;border-left:1px solid var(--line)}
.mm-yan h4{margin:6px 0 0;font-size:14px;font-weight:600;color:var(--ink)}
.mm-sik{display:flex;flex-wrap:wrap;gap:8px}
.mm-sik a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:15px;color:var(--ink);text-decoration:none}
.mm-sik a:hover{border-color:var(--green);color:var(--green)}
.mm-gb small{font-size:13px;font-weight:400;color:var(--ink-2)}
span.mm-gb{cursor:default}
.mm-g li a.mm-tum{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-weight:600;color:var(--green)}
.mm-sutun.mm-az{columns:2 220px;max-width:640px}
.mm-yan p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.mm-yan p a{color:var(--green);font-weight:600}
.mm-yan .btn{justify-content:center;width:100%;margin-bottom:6px}
/* Gizli bölüm notu (odaklı açılış): başlığın hemen altında, sayfa çalışmaya devam eder. */
.yakinda-not{background:var(--act-soft);border-bottom:1px solid var(--spon-line);color:var(--ink)}
.yakinda-not .wrap{display:flex;align-items:center;gap:10px;padding-top:10px;padding-bottom:10px;font-size:15px;line-height:1.45}
.yakinda-not svg{flex:none;color:var(--act)}
.ksh-not{margin:0;padding:14px 16px;font-size:14px;color:var(--ink-2)}
.msheet{border-bottom:1px solid var(--line);background:var(--surface)}
.msheet .wrap{display:grid;padding-block:8px}
.msheet a,.msheet button{padding:12px 2px;text-decoration:none;font-weight:600;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer}
.msheet > .wrap > :last-child{border-bottom:0}
.modal-h{display:flex;justify-content:space-between;align-items:center;gap:10px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;border:1px solid var(--line);background:var(--surface);padding:9px 14px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1.2}
.btn:hover{border-color:var(--muted)}
.btn.primary,.btn.act{background:var(--act);color:var(--on-act);border-color:var(--act)}
.btn.svc{background:var(--act);color:var(--on-act);border-color:var(--act)}
.btn.eqp{background:var(--act);color:var(--on-act);border-color:var(--act)}
.btn.ven{background:var(--act);color:var(--on-act);border-color:var(--act)}
.btn.primary:hover,.btn.act:hover,.btn.svc:hover,.btn.eqp:hover,.btn.ven:hover{background:var(--act-h);border-color:var(--act-h)}
.btn.ghost{background:transparent}
.btn.sm{padding:6px 10px;font-size:13px;border-radius:8px}
.link{background:none;border:0;padding:0;color:var(--eqp);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* rozetler */
.st{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st.ok{background:var(--ok-soft);color:var(--ok)}
.st.warn{background:var(--warn-soft);color:var(--warn)}
.st.bad{background:var(--bad-soft);color:var(--bad)}
.st.ask{background:var(--sunk);color:var(--muted)}
.st.ven{background:var(--ven-soft);color:var(--ven)}
.st.eqp{background:var(--eqp-soft);color:var(--eqp)}
.badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--muted);white-space:nowrap}
.badge.ver{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}
.badge.alt{color:var(--eqp);border-color:color-mix(in srgb,var(--eqp) 40%,var(--line))}
.tags{display:flex;flex-wrap:wrap;gap:4px}
.tags span{font-size:11.5px;border:1px solid var(--line);border-radius:4px;padding:0 6px;color:var(--muted)}

/* sponsorlu */
.spon{background:var(--spon-bg);border:1px solid var(--spon-line);border-radius:14px;padding:12px}
.spon-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12px;color:var(--muted)}
.spon-tag{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink);font-size:12px;letter-spacing:.02em}
.spon-tag::before{content:"Sponsorlu";font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--muted);border-radius:4px;padding:0 5px;color:var(--ink)}
.spon-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}

/* fotoğraf */
.ph{position:relative;aspect-ratio:16/10;max-width:100%;background:var(--sunk);overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover}
.ph .sample{position:absolute;left:8px;top:8px}
.ph.noimg{background:repeating-linear-gradient(135deg,var(--sunk) 0 14px,color-mix(in srgb,var(--sunk) 70%,var(--line)) 14px 28px)}
.ph.noimg::after{content:attr(data-alt);position:absolute;inset:auto 10px 10px 10px;font-size:12px;color:var(--muted)}

/* kartlar */
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-width:0;text-decoration:none;color:inherit}
a.card:hover{border-color:var(--muted)}
.card-b{padding:12px 14px;display:grid;gap:6px;align-content:start;min-width:0}
.card-b b{font-weight:600;line-height:1.3}
.card-b .meta{font-size:12.5px;color:var(--muted)}
.price{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:4px;padding-top:8px;border-top:1px solid var(--line)}
.price strong{font-variant-numeric:tabular-nums;font-size:15px}
.price small{color:var(--muted);font-size:12px}
.rating{font-size:13px;display:flex;gap:6px;align-items:baseline}
.rating .s{font-weight:600}
.rating .none{color:var(--muted);font-size:12.5px}
.avatar{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;background:var(--sunk);flex:none}

/* sekmeler */
.tabs{display:inline-flex;background:var(--sunk);border-radius:11px;padding:3px;gap:3px;max-width:100%;overflow-x:auto}
.tabs button{border:0;background:transparent;padding:8px 13px;border-radius:8px;font-weight:600;cursor:pointer;color:var(--muted);display:flex;gap:7px;align-items:center;white-space:nowrap}
.tabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.dot{width:8px;height:8px;border-radius:50%;flex:none}

/* form */
.field{display:grid;gap:4px;min-width:0}
.field label,.flabel{font-size:12px;font-weight:600;color:var(--muted)}
.input,.field input,.field select,.field textarea{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:0 12px;min-width:0}
.field textarea{height:auto;min-height:80px;padding:10px 12px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--eqp);outline:none;box-shadow:0 0 0 3px var(--eqp-soft)}
.check{display:flex;gap:9px;align-items:flex-start;cursor:pointer;font-size:14px;line-height:1.35}
.check input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--ink);flex:none}
.chipset{display:flex;flex-wrap:wrap;gap:6px}
.chipset label{position:relative;cursor:pointer}
.chipset input{position:absolute;opacity:0;width:1px;height:1px}
.chipset span{display:inline-block;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 11px;font-size:13px}
.chipset input:checked + span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chipset input:focus-visible + span{outline:2px solid var(--eqp);outline-offset:2px}

/* bölümler */
section.block{padding-block:40px}
.sec-h{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin-bottom:20px}
.sec-h h2{font-size:clamp(22px,2.6vw,32px);font-weight:700}
.sec-h p{color:var(--muted);max-width:62ch;margin-top:6px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

/* alt bilgi */
.foot{background:#123A26;color:rgb(255 255 255 / .82);margin-top:48px;padding-block:44px 36px;font-size:15px}
.foot .logo,.foot .logo span{color:var(--on-green)}
.foot .logo small{color:inherit}
.foot-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:24px}
.foot-marka{border-right:1px solid rgb(255 255 255 / .2);padding-right:20px}
.foot-marka p{margin-top:10px}
.foot-sos{display:flex;gap:6px;margin-top:14px}
.foot .sos{display:grid;place-items:center;width:40px;height:40px;border:0;background:none;color:inherit;border-radius:8px;cursor:pointer}
.foot .sos:hover{background:rgb(255 255 255 / .12)}
.foot-ek a{text-decoration:underline}
.foot-alt{display:flex;justify-content:space-between;gap:6px 20px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid rgb(255 255 255 / .2);font-size:12.5px}
.foot h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#fff}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a,.foot .lnk{text-decoration:none;color:inherit;text-align:left}
.foot a:hover,.foot .lnk:hover{color:var(--on-green);text-decoration:underline}
.disclose{margin-top:24px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--on-green) 22%,transparent);border-radius:10px;color:var(--on-green);font-size:13px;display:grid;gap:4px}
.disclose .sub{color:inherit;opacity:.8}

/* mobil alt gezinme */
.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);
  padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(4px,env(safe-area-inset-left,0px));padding-right:max(4px,env(safe-area-inset-right,0px))}
.tabbar .in{display:grid;grid-template-columns:repeat(5,1fr)}
.tabbar a{display:grid;justify-items:center;gap:2px;padding:7px 2px 8px;min-height:52px;font-size:11px;font-weight:600;color:var(--muted);text-decoration:none}
.tabbar a[aria-current="page"]{color:var(--green)}

/* bildirim */
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:90;background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:12px;width:max-content;max-width:min(520px,calc(100vw - 32px));font-size:14px;box-shadow:var(--shadow)}
.toast small{display:block;opacity:.7;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}

/* pencere (modal) */
.modal-bg{position:fixed;inset:0;background:rgb(10 12 16 / .45);z-index:80;display:grid;place-items:center;padding:16px}
.modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow);width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:20px;display:grid;gap:14px}
.modal h3{font-size:22px}
.modal .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.modal-foot{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.notice{border:1px solid var(--line);background:var(--sunk);border-radius:10px;padding:10px 12px;font-size:13px}

@media (max-width:1100px){
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-marka{grid-column:1 / -1;border-right:0;padding-right:0}
}
@media (max-width:1280px){
  .hdr-arama .hdr-link{display:none}
  .hdr-arama .hdr-actions{margin-left:auto}
}
@media (max-width:1100px){
  .hdr-arama .hdr-ust{height:auto;flex-wrap:wrap;padding-block:10px;row-gap:10px}
  .hdr-arama .u-ara{order:5;flex:1 0 100%;max-width:none}
}
@media (max-width:760px){
  .u-ara{flex-wrap:wrap;height:auto}
  .u-ne{flex:1 0 100%;height:44px;border-bottom:1px solid var(--line)}
  .u-il{flex:1 1 0;border-left:0;height:44px}
  .u-tarih{flex:1 1 0;height:44px}
  .u-ara-b{height:44px;margin:0 -1px -1px 0;border-radius:0 0 10px 0;padding:0 14px}
  .tk-pop{position:fixed;left:8px;right:8px;top:auto;bottom:calc(72px + env(safe-area-inset-bottom,0px));width:auto}
  .yer-l{position:fixed;left:8px;right:8px;width:auto;top:auto;bottom:calc(72px + env(safe-area-inset-bottom,0px));max-height:45vh}
}
@media (max-width:1180px){
  .hdr-ust{gap:12px}
  .mm-ic{grid-template-columns:minmax(0,1fr)}
  .mm-yan{display:none}
  .mm-ana{padding-right:0}
}
@media (max-width:900px){
  .hdr-link a{padding:0 8px;font-size:15px}
}
@media (max-width:760px){
  .hdr-ust{height:60px;flex-wrap:nowrap}
  .hdr-link{display:none}
  .hdr-actions{margin-left:auto}
  .hdr-actions .btn{display:none}
  .menu-btn{display:inline-flex}
  .ks-liste{gap:22px}
  .ks-a{height:46px;font-size:16px}
  .mm{position:fixed;top:auto;bottom:0;max-height:calc(100vh - 130px)}
  .mm-sutun,.mm-sutun.mm-az{columns:1}
  .mm-ana{padding-top:16px}
  .grid3{grid-template-columns:1fr}
  section.block{padding-block:28px}
  .tabbar{display:block}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .toast{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .foot-grid > div:first-child{grid-column:1 / -1}
  .modal .row{grid-template-columns:1fr}
}
@media (min-width:761px){.msheet{display:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ---------- sonuç sayfaları ---------- */
.res-head{padding-block:22px 6px}
.res-head h1{font-size:clamp(26px,3vw,36px);font-weight:700}
.res-head .ctx{color:var(--muted);margin-top:4px}
.res{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start;padding-bottom:20px}
.panel{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px);max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.panel-h{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:600}
.panel-h button{display:none}
.panel-foot{display:none}
.fg{border-bottom:1px solid var(--line)}
.fg:last-child{border-bottom:0}
.fg summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:600;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.fg summary::-webkit-details-marker{display:none}
.fg summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.fg[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.fg-b{padding:0 14px 14px;display:grid;gap:10px}
.fg-b .field input,.fg-b .field select{height:40px}
.res-top{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-bottom:10px}
.res-top .count{font-weight:600;font-size:16px}
.res-top .sort{display:flex;align-items:center;gap:8px}
.res-top .sort select{height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:0 10px}
.filtre-btn{display:none;position:relative}
.filtre-btn b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--ink);color:var(--paper);font-size:11.5px;padding:0 6px}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}
.chips:empty{display:none}
.fchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 10px;font-size:13px;cursor:pointer}
.fchip:hover{border-color:var(--bad);color:var(--bad)}
.fchip span{font-size:15px;line-height:1}
.oneri{display:grid;gap:8px;margin-bottom:14px;padding:12px;border:1px dashed var(--line);border-radius:12px}
.oneri:empty{display:none}
#sponsor:not(:empty){margin-bottom:16px}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.liste-h{margin:18px 0 10px;display:grid;gap:2px}
.liste-h:first-child{margin-top:0}
.liste-h h2{font-size:18px;font-family:var(--f-body);font-weight:600}
.bos{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}
.bos h2{font-size:20px;margin-bottom:6px}
.perde{position:fixed;inset:0;background:rgb(10 12 16 / .45);z-index:70}
html.kilit{overflow:hidden}
@media (max-width:900px){
  .res{grid-template-columns:1fr}
  .filtre-btn{display:inline-flex}
  .panel{position:fixed;inset:auto 0 0 0;top:auto;max-height:88vh;z-index:75;border-radius:18px 18px 0 0;transform:translateY(105%);transition:transform .22s ease;display:flex;flex-direction:column;visibility:hidden}
  .panel.open{transform:none;visibility:visible}
  .panel form{overflow:auto;flex:1}
  .panel-h button{display:inline-flex}
  .panel-foot{display:flex;gap:8px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface)}
  .panel-foot .btn{flex:1}
}

/* ---------- mekân detayı ---------- */
.det{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;margin-top:22px}
.det h1{font-size:clamp(26px,3.2vw,38px);font-weight:700}
.det section{margin-top:28px}
.det h2{font-size:20px;margin-bottom:10px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.tbl{overflow-x:auto}
.tbl table{border-collapse:collapse;width:100%;font-size:13.5px;min-width:560px}
.tbl th{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-align:left;font-weight:500;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--sunk)}
.tbl th.r,.tbl td.r{text-align:right}
.tbl td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl td.r{font-variant-numeric:tabular-nums;font-family:var(--f-mono);font-size:12.5px}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.facts div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px}
.facts b{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:2px}
.side{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px);display:grid;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}
.crumb{font-size:13px;color:var(--muted);margin-top:14px}
.crumb a{color:inherit}
@media (max-width:900px){
  .det{grid-template-columns:1fr}
  .side{position:static}
}

/* ---------- çok kalemli kiralama talebi ---------- */
.kalem{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:10px}
.kalem-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.kalem-h b{font-weight:600;font-size:15.5px}
.bar{height:8px;border-radius:99px;background:var(--sunk);overflow:hidden;display:flex}
.bar i{display:block;height:100%;background:var(--eqp)}
.bar i.bek{background:color-mix(in srgb,var(--eqp) 35%,transparent)}
.teklif{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13.5px;border-top:1px dashed var(--line);padding-top:8px}
.adim{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:a}
.adim div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;background:var(--surface)}
.adim div::before{counter-increment:a;content:counter(a);font-family:var(--f-mono);font-size:11px;color:var(--eqp);display:block}
@media (max-width:760px){.adim{grid-template-columns:1fr 1fr}}

/* ---------- ana sayfa (V2 revizyon: referans görsele göre) ---------- */
body.ana-sayfa .wrap,body.dugun-sayfa .wrap{max-width:1440px}
.hm{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start;max-width:1440px;margin:0 auto;padding:14px 18px 8px;background:var(--paper)}
#ana{min-width:0}
.hp{background:var(--surface);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;position:sticky;top:16px;max-height:calc(100vh - 32px)}
.hp-ic{overflow:auto;overscroll-behavior:contain}
.hp-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 6px}
.hp-h h2{font-family:var(--f-body);font-size:17px;font-weight:700;letter-spacing:0}
.hp-h .btn{display:none}
.hp-h h2{flex:1}
.hp-sifirla{font-size:12.5px;font-weight:600;color:var(--green);min-height:28px;padding:0 4px}
.hp-sifirla:hover{text-decoration:underline}
.hp-firma{margin-top:10px;background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 20%,var(--line));border-radius:10px;padding:14px 12px;display:grid;gap:8px;justify-items:start}
.hp-firma b{font-size:14.5px;line-height:1.25}
.hp-firma p{color:var(--muted);font-size:12px;line-height:1.4}
.hp-firma .btn{width:100%;justify-content:center;min-height:36px;font-size:13px}
.hp-ic{padding:2px 12px 16px;display:grid;gap:6px;align-content:start}
.hp-g{border:0;margin:0;padding:0 0 6px;border-bottom:1px solid var(--line);display:grid;gap:3px;min-width:0}
.hp-2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hp .field{gap:1px}
.hp .field label{font-size:11px;font-weight:500;color:var(--ink);line-height:1.2}
.hp .field label small{font-weight:400;color:var(--muted)}
.hp .field input,.hp .field select{height:26px;padding:0 6px;font-size:12px;border-radius:6px;background:var(--paper)}
.hp-saat summary{cursor:pointer;font-size:11.5px;font-weight:600;color:var(--green);min-height:22px;display:flex;align-items:center;gap:5px}
.hp-saat summary small{font-weight:400;color:var(--muted)}
.hp-saat[open] summary{margin-bottom:2px}
.hp-ozet{font-size:11.5px;line-height:1.2}
.hp-ozet .lnk{color:var(--muted)}
.hp-ara{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:0 8px;height:28px;color:var(--muted)}
.hp-ara input{flex:1;min-width:0;border:0;background:none;outline:0;font-size:12px;color:var(--ink);height:26px}
.hp-ara:focus-within{border-color:var(--green)}
.hp-agac,.hp-agac ul{list-style:none;margin:0;padding:0}
.hp-agac > li{margin-top:4px}
.hp-ac,.hp-a{display:flex;align-items:center;gap:7px;width:100%;min-height:26px;padding:2px 4px 2px calc(var(--d,0) * 12px + 4px);border:0;background:none;text-align:left;text-decoration:none;color:var(--ink);font-size:12.5px;line-height:1.25;cursor:pointer;border-radius:6px}
.hp-ac > span:not(.hp-ik):not(.hp-ok),.hp-a > span:not(.hp-ik):not(.hp-ok){flex:1;min-width:0}
.hp-agac > li > .hp-ac{font-weight:700;font-size:13px;min-height:32px}
.hp-ac:hover,.hp-a:hover{background:var(--green-soft)}
.hp-ac[aria-expanded=true]{background:var(--green-soft);color:var(--green-d)}
.hp-agac > li > .hp-ac[aria-expanded=true]{background:none;color:var(--ink)}
.hp-a small{display:block;font-size:10.5px;color:var(--muted);flex-basis:100%;padding-left:24px}
.hp-a:has(small){flex-wrap:wrap}
.hp-ik{color:var(--green);display:grid;place-items:center;flex:none}
.hp-ok{color:var(--muted);flex:none;display:grid;transition:transform .15s}
.hp-ac[aria-expanded=true] .hp-ok{transform:rotate(90deg)}
.hp-sonuc{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:1px}
.hp-sonuc a{display:grid;padding:5px 6px;border-radius:6px;text-decoration:none;color:inherit;font-size:12.5px}
.hp-sonuc a:hover{background:var(--green-soft)}
.hp-sonuc small{font-size:11px;color:var(--muted)}
#hp-sonuc .sub{font-size:11.5px}
.hm-mob{display:none}
.hp-kok{font-weight:700;font-size:13px;min-height:32px}
.hp-rozet{font-style:normal;font-size:10.5px;font-weight:500;color:var(--muted);background:var(--sunk);border:1px solid var(--line);border-radius:5px;padding:1px 7px;flex:none}

/* resim kutusu: fotoğraf yüklenemezse sade zemin */
.rs{position:relative;overflow:hidden;background:var(--sunk)}
.rs img{width:100%;height:100%;object-fit:cover;display:block}
.rs .sample{position:absolute;left:6px;bottom:6px;font-size:9px;opacity:.85}
.rs.yok{background:linear-gradient(135deg,var(--green-soft),var(--sunk))}
.rs.yok .sample{display:none}

/* üst kısım: solda sponsorlu reklam, sağda teklif formu */
.ust-iki{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:14px;align-items:stretch}
.tf{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:8px;align-content:start;min-width:0}
.tf h2{font-size:16px;font-weight:700;letter-spacing:0}
.tf-ara-k{position:relative}
.tf-ara{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:0 10px;height:38px;color:var(--muted);background:var(--surface)}
.tf-ara:focus-within{border-color:var(--green);box-shadow:0 0 0 2px var(--green-soft)}
.tf-ara svg{flex:none}
.tf-ara input{flex:1;min-width:0;border:0;background:none;outline:0;height:36px;color:var(--ink);font-size:13px}
.tf-oneri{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:300px;overflow-y:auto;padding:4px}
.tf-oneri button{display:grid;gap:1px;width:100%;text-align:left;border:0;background:none;padding:7px 9px;border-radius:7px;cursor:pointer;color:var(--ink);font:inherit}
.tf-oneri button:hover,.tf-oneri button.on{background:var(--green-soft)}
.tf-oneri b{font-size:13px;font-weight:600}
.tf-oneri small{font-size:11px;color:var(--muted)}
.tf-oneri > p{padding:8px 10px;font-size:12.5px;color:var(--muted)}
.tf-secili{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--green-soft);border-radius:7px;padding:6px 10px}
.tf-secili[hidden]{display:none}
.tf-secili span{display:grid;min-width:0}
.tf-secili b{font-size:13px}
.tf-secili small{font-size:11px;color:var(--muted)}
.tf-soru{display:grid;gap:8px}
.tf-soru:empty{display:none}
.tf-soru-b{font-size:12.5px;font-weight:600;color:var(--green)}
.tf-soru-b small{font-weight:400;color:var(--muted)}
.tf-coklu{border:0;margin:0;padding:0;display:grid;gap:4px;min-width:0}
.tf-coklu legend{font-size:11.5px;font-weight:600;padding:0;margin-bottom:3px}
.tf-coklu .chipset{display:flex;flex-wrap:wrap;gap:5px}
.chip-c{position:relative;display:inline-flex}
.chip-c input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip-c span{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px;background:var(--surface)}
.chip-c input:checked + span{background:var(--green);border-color:var(--green);color:var(--on-green)}
.chip-c input:focus-visible + span{outline:2px solid var(--green);outline-offset:2px}
.tf-evet{font-size:12.5px}
.tf-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tf .field{gap:2px}
.tf .field label{font-size:11.5px;font-weight:600;color:var(--ink)}
.tf .field input,.tf .field select{height:34px;font-size:12.5px;padding:0 8px;border-radius:7px;background:var(--surface)}
.tf-btn{justify-content:center;min-height:40px;margin-top:2px}
.tf-ozet{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:13.5px}
.tf-ozet dt{color:var(--muted)}
.tf-ozet dd{margin:0;font-weight:500}

/* sponsorlu örnek reklam alanı: reklam veren kendi görselini ve yazısını kullanır */
.reklam{position:relative;border-radius:10px;overflow:hidden;color:#fff;min-height:260px;display:grid;align-items:center;background:#120d1c}
.reklam > .rs{position:absolute;inset:0}
.reklam > .rs.yok{background:radial-gradient(90% 120% at 75% 30%,#5b2d8a 0,#1d1030 55%,#0d0815 100%)}
.reklam::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(10 8 16 / .88) 0%,rgb(10 8 16 / .55) 42%,rgb(10 8 16 / 0) 70%)}
.reklam-y{position:relative;z-index:1;padding:20px 26px;display:grid;gap:6px;justify-items:start;max-width:560px}
.reklam-tag{font-size:11.5px;background:rgb(255 255 255 / .16);border:1px solid rgb(255 255 255 / .25);border-radius:5px;padding:2px 8px}
.reklam h2{font-family:var(--f-display);font-size:clamp(24px,2.7vw,38px);font-weight:800;line-height:1.05;color:#fff;letter-spacing:-.02em}
.reklam-y > p:not(.reklam-tag){font-size:clamp(13px,1.2vw,16px)}
.reklam-btn{margin-top:6px;background:transparent;color:#fff;border:1.5px solid #fff;border-radius:999px;min-height:38px}
.reklam-btn:hover{background:rgb(255 255 255 / .12)}

/* bölüm başlıkları */
.hm-b{margin-top:22px}
.hm-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin-bottom:10px}
.hm-h h2{font-size:clamp(18px,1.6vw,21px);font-weight:700;letter-spacing:-.01em}
.lnk-ok{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:13px;color:var(--green);text-decoration:none;min-height:32px}
.lnk-ok:hover{text-decoration:underline}
.hm-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hm-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}

/* görselli kartlar */
.gk{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;min-width:0}
.gk:hover{border-color:var(--green)}
.gk > .rs{aspect-ratio:16/8.6}
.gk-genis > .rs{aspect-ratio:16/5.6}
/* hizmet kartları: referans görseldeki fotoğraf/metin oranı */
section[aria-labelledby=hz-b] .gk > .rs{aspect-ratio:324/114}
section[aria-labelledby=hz-b] .gk-b{padding:10px 10px 10px 12px;gap:10px}
section[aria-labelledby=hz-b] .gk-y b{font-size:14.5px}
section[aria-labelledby=hz-b] .gk-y small{font-size:11.5px}
.gk-b{display:flex;align-items:center;gap:10px;padding:8px 10px}
.gk-genis .gk-b{padding:6px 12px}
.gk-genis .gk-y b{font-size:13px}
.gk-genis .gk-y small{font-size:11px}
.gk-ik{color:var(--green);flex:none;display:grid}
.gk-y{flex:1;min-width:0;display:grid;gap:1px}
.gk-y b{font-weight:600;font-size:13.5px;line-height:1.25}
.gk-y small{font-size:11.5px;color:var(--muted);line-height:1.3}
.gk-ok{flex:none;color:var(--ink);display:grid}

/* ekipman */
.ek-sekme{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.ek-sekme button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:0 16px;min-height:32px;font-size:13px;font-weight:500;cursor:pointer;color:var(--ink)}
.ek-sekme button[aria-selected=true]{background:var(--green);border-color:var(--green);color:var(--on-green);font-weight:600}
.ek-k{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0;display:grid;grid-template-rows:auto 1fr}
.ek-k > .rs{aspect-ratio:327/170}
.ek-ornek{position:absolute;right:8px;top:8px;font-size:11.5px;font-weight:500;background:#fff;color:var(--ink);border-radius:6px;padding:3px 9px;box-shadow:0 1px 4px rgb(0 0 0 / .18)}
.ek-b{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}
.ek-b .btn{flex:none;padding-inline:10px}
.ek-y{display:grid;gap:2px;min-width:0}
.ek-y b{font-size:14px;font-weight:600;line-height:1.25}
.ek-y small{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:3px}
.btn.cizgi{background:var(--surface);color:var(--act);border-color:var(--act)}
.btn.cizgi:hover{background:var(--act-soft);border-color:var(--act)}

/* tanıtım bantları */
.tanit{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tanit-k{position:relative;display:grid;min-height:172px;border-radius:6px;overflow:hidden;text-decoration:none;color:#fff;background:#121212}
.tanit-k > .rs{position:absolute;inset:0 0 0 41%}
.tanit-k:last-child > .rs{inset:0 0 0 40%}
.tanit-k > .rs.yok{background:linear-gradient(120deg,#1c1c1c,#2a2a2a)}
.tanit-k::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#121212 0%,#121212 40%,rgb(18 18 18 / .55) 45%,rgb(18 18 18 / 0) 56%)}
.tanit-y{position:relative;z-index:1;display:grid;gap:5px;align-content:center;justify-items:start;padding:14px 20px;max-width:47%}
.tanit-y b{font-family:var(--f-body);font-size:clamp(16px,1.42vw,22px);font-weight:700;line-height:1.2;white-space:nowrap}
.tanit-y small{font-size:clamp(12px,.95vw,13.5px);opacity:.92;line-height:1.4}
.tanit-y .btn{margin-top:6px;min-height:34px;font-size:13px;padding-inline:16px;border-radius:5px}



/* iş fırsatları */
.is-iki{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.is-kutu{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 12px;display:grid;gap:4px;align-content:start}
.is-kh{display:flex;justify-content:space-between;align-items:center;gap:8px}
.is-kh h3{font-family:var(--f-body);font-size:14px;font-weight:700;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.is-kh h3 small{font-weight:400;font-size:11.5px;color:var(--muted)}
.lnk-k{font-size:12px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:4px;min-height:32px}
.lnk-k:hover{text-decoration:underline}
.is-kutu ul{list-style:none;margin:0;padding:0;display:grid}
.is-kutu li{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 0;border-top:1px solid var(--line)}
.is-kutu li > .rs{height:42px;border-radius:4px}
.is-kutu li a{display:grid;gap:2px;text-decoration:none;color:inherit;min-width:0}
.is-kutu li a:hover b{text-decoration:underline}
.is-kutu li b{font-size:13px;font-weight:600}
.is-kutu li small{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:3px}
.is-ornek{font-size:11px;color:var(--muted);background:var(--sunk);border:1px solid var(--line);border-radius:5px;padding:3px 9px;white-space:nowrap}

/* nasıl çalışır, firma bandı, SSS */
.adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.adimlar li{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:12px;display:flex;align-items:center;gap:12px}
.ad-n{width:26px;height:26px;border-radius:50%;background:var(--green);color:var(--on-green);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.ad-ik{color:var(--ink);flex:none;display:grid}
.adimlar li > span:last-child{display:grid;gap:2px;min-width:0}
.adimlar b{font-size:13.5px}
.adimlar small{font-size:11.5px;color:var(--muted);line-height:1.35}
.sss{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.sss details + details{border-top:1px solid var(--line)}
.sss summary{cursor:pointer;padding:9px 14px;font-size:13px;font-weight:500;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none}
.sss summary::-webkit-details-marker{display:none}
.sss summary::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink);flex:none}
.sss summary::after{content:"";width:7px;height:7px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);margin-left:auto;flex:none}
.sss details[open] summary::after{transform:rotate(-135deg)}
.sss p{padding:0 14px 12px 29px;color:var(--muted);font-size:13px}
#nasil:focus,#sss:focus{outline:none}

@media (max-width:1180px){
  .ust-iki{grid-template-columns:1fr}
  .hm-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hm-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .hm{grid-template-columns:1fr;padding:12px 16px 8px}
  .hm-mob{display:block;margin-top:12px}
  .hm-mob .filtre-btn{display:flex;width:100%;min-height:48px;justify-content:flex-start}
  .hm-mob .filtre-btn small{font-weight:400;color:var(--muted);margin-left:auto}
  .hp{position:fixed;inset:0;z-index:75;border:0;border-radius:0;display:none;min-height:0;max-height:none}
  .hp.open{display:flex}
  .hp-h{padding:calc(12px + env(safe-area-inset-top,0px)) 14px 10px;border-bottom:1px solid var(--line)}
  .hp-h .btn{display:inline-flex;min-height:44px}
  .hp-ic{flex:1;overflow:auto;overscroll-behavior:contain;padding:12px 14px calc(16px + env(safe-area-inset-bottom,0px))}
  .hp-ara{height:46px}
  .hp-ara input{height:44px;font-size:14px}
  .hp .field label{font-size:12.5px}
  .hp-saat summary{min-height:44px}
  .hp-ac,.hp-a,.hp-agac > li > .hp-ac{min-height:44px;font-size:14px}
  .tanit,.is-iki{grid-template-columns:1fr}
  .tanit-k{aspect-ratio:auto;min-height:170px}
  .adimlar{grid-template-columns:1fr}
  .ust-iki .tf{order:-1}
  .reklam{min-height:190px}
}
@media (max-width:700px){.hm-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .tf .field input,.tf .field select,.tf-ara{height:44px}
  .tf-ara input{height:42px;font-size:14px}
  .chip-c span{padding:8px 12px;font-size:13px}
  .tf-btn{min-height:46px}
  .hm-b{margin-top:20px}
  .hm-grid3{grid-template-columns:1fr}
  .tanit-y{max-width:none}
  /* telefonda tanıtım fotoğrafı kesilmeden üstte, metin altta */
  .tanit-k{min-height:0;grid-template-rows:auto auto}
  .tanit-k > .rs,.tanit-k:last-child > .rs{position:relative;inset:auto;aspect-ratio:400/191}
  .tanit-k::after{display:none}
  .tanit-y{padding:12px 16px 16px}
  section[aria-labelledby=hz-b] .gk > .rs{aspect-ratio:16/10}
  section[aria-labelledby=hz-b] .gk-y small,section[aria-labelledby=hz-b] .gk-ok{display:none}
  section[aria-labelledby=hz-b] .gk-b{min-height:52px}
  .reklam-btn{justify-content:center}
  .reklam::after{background:linear-gradient(90deg,rgb(10 8 16 / .9),rgb(10 8 16 / .6))}
  .is-kutu li{grid-template-columns:64px minmax(0,1fr)}
  .is-ornek{grid-column:2;justify-self:start}
  .ek-sekme button,.lnk-ok,.lnk-k{min-height:44px}
}
@media (max-width:380px){.hp-2{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hp-ok{transition:none}}
.card .st{white-space:normal}
@media (max-width:560px){.grid4{grid-template-columns:1fr}}
@media (max-width:560px){
  .rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;padding-bottom:4px}
  .rail > *{scroll-snap-align:start}
}

/* ---------- Keşfet: sol kategori ağacı + filtre paneli ---------- */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ks{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start;padding-block:18px 28px}
.ks-h{font-size:clamp(24px,2.6vw,34px);font-weight:700;margin:4px 0 12px}
.ks .crumb{margin-top:0}
.lnk{background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer;font:inherit}
.kp{background:var(--surface);border:1px solid var(--line);border-radius:14px}
.kp-h,.kp-foot{display:none}
.kp-ic{display:grid}
.pg{padding:14px;border-top:1px solid var(--line);display:grid;gap:10px}
.pg:first-child{border-top:0}
.pg h3{font-size:14px;font-family:var(--f-body,inherit);font-weight:700;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.pg h3 small{font-weight:500;color:var(--muted);font-size:12px;text-align:right}
.pg summary{cursor:pointer;font-weight:600;font-size:14px}
.pg .field{display:grid;gap:4px}
.pg input[type=text],.pg input[type=search],.pg input[type=number],.pg select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:0 10px;font:inherit;color:inherit}
.pg .sub{font-size:12px}
.sub.hata{color:var(--bad)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fs{border:0;padding:0;margin:0;display:grid;gap:6px;min-width:0}
.radios{display:grid;gap:6px}
.ara-k{display:flex;gap:6px}
.ara-k input{flex:1;min-width:0}
.kat-sonuc{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:2px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.kat-sonuc button{width:100%;text-align:left;background:var(--surface);border:0;padding:8px 10px;display:grid;gap:1px;cursor:pointer;font:inherit}
.kat-sonuc button:hover,.kat-sonuc button:focus-visible{background:var(--sunk)}
.kat-sonuc small{color:var(--muted);font-size:11.5px}
.sec-yol{font-size:12.5px;line-height:1.45;margin-bottom:6px}
.agac,.agac ul{list-style:none;margin:0;padding:0}
.ag-s{display:flex;align-items:stretch;gap:2px;padding-left:calc(var(--d) * 14px);border-radius:8px}
.ag-s:hover{background:var(--sunk)}
.ag-s.sec{background:var(--green);color:var(--on-green)}
.ag-s.sec .ag-n,.ag-s.sec .ag-ok{color:var(--on-green)}
.ag-s.yolda>.ag-ad{font-weight:700}
.ag-ok{width:30px;min-height:34px;flex:none;display:grid;place-items:center;border:0;background:none;color:var(--muted);cursor:pointer;border-radius:6px}
.ag-ok svg{transition:transform .15s ease}
.ag-ok[aria-expanded=true] svg{transform:rotate(90deg)}
.ag-bos{width:30px;flex:none}
.ag-ad{flex:1;min-width:0;display:flex;align-items:center;gap:6px;border:0;background:none;padding:6px 6px 6px 0;text-align:left;cursor:pointer;font:inherit;font-size:14px;color:inherit;line-height:1.3}
.ag-ad>span{flex:1;min-width:0}
.ag-n{font-family:var(--f-mono);font-size:11px;color:var(--muted);flex:none}
.agac>li>.ag-s>.ag-ad{font-weight:700}
.ag-ref .ag-ad{display:grid;padding-left:calc(var(--d) * 14px + 30px);font-size:13px;color:var(--muted)}
.ag-ref small{font-size:11px}
.tag-p{font-style:normal;font-family:var(--f-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;border:1px dashed currentColor;border-radius:4px;padding:0 4px;color:var(--muted);flex:none}
.plan>.ag-s{opacity:.85}
/* Keşfet sol paneli ana sayfanın "Tüm Kategoriler" paneliyle aynı görünür (2026-10-26): geniş sayfa, 250 px panel, simgeli sık satırlar, ok sağda. */
body.kesfet .wrap{max-width:1440px}
@media (min-width:901px){body.kesfet .ks{grid-template-columns:250px minmax(0,1fr);gap:16px;padding-top:14px}}
body.kesfet .kp{border-radius:10px}
.kp .pg-ara{padding:0 12px 8px;gap:6px}
.kp .pg-ara .hp-h{padding:14px 2px 0}
.kp .pg-ara .hp-ara input{min-height:0;height:26px;border:0;padding:0;background:none;font-size:12px}
.kp .pg-agac{padding:6px 12px 12px;gap:4px}
.kp .sec-yol{font-size:11.5px;color:var(--muted)}
.kp .agac>li{margin-top:4px}
.kp .ag-s{padding-left:calc(var(--d) * 12px);border-radius:6px;gap:0}
.kp .ag-s:hover{background:var(--green-soft)}
.kp .ag-ok{order:2;width:24px;min-height:26px;color:var(--ink)}
.kp .ag-bos{width:0}
.kp .ag-ad{padding:2px 4px;gap:7px;font-size:12.5px;line-height:1.25;min-height:26px}
.kp .agac>li>.ag-s>.ag-ad{font-size:13px;min-height:32px}
.kp .ag-s.sec{background:var(--green-soft);color:var(--green-d)}
.kp .ag-s.sec .ag-ok{color:var(--green-d)}
.kp .ag-s.sec>.ag-ad{font-weight:700}
.kp .ag-ref .ag-ad{padding-left:calc(var(--d) * 12px + 4px);font-size:12px}
.kp .hp-ik{color:var(--green)}
.kp .ag-ad>.hp-ik{flex:none}
.eylem{display:flex;flex-wrap:wrap;gap:6px}
.kayitli{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:4px;font-size:13px}
.ks-mob{display:none}
.capraz{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:14px}
.capraz:empty{display:none}
.capraz a{display:grid;gap:2px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;text-decoration:none;color:inherit;background:var(--surface)}
.capraz a:hover{border-color:var(--ink)}
.capraz small{font-size:11.5px;color:var(--muted)}
.fchip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.oneri .fchip:hover{border-color:var(--ink);color:inherit}
.kart-ust{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.kart-ust>b,.kart-ust>div{flex:1;min-width:0}
.kart-e{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.kart-e .btn{white-space:normal;text-align:center}
.fav{width:34px;height:34px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--line)}
.fav[aria-pressed=true]{color:var(--bad);border-color:currentColor}
.rgrid.tek{grid-template-columns:1fr}
.is-k .tbl table{width:100%;font-size:13px;min-width:0}
.is-k .tbl th,.is-k .tbl td{padding:8px 10px}
.is-k .tbl{overflow-x:auto}
.liste-h{font-size:17px;margin:4px 0 10px}
.liste-h small{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.giris{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.giris-k{padding:16px}
.giris-k h2{font-size:18px;margin-bottom:8px}
.giris-k ul{list-style:none;padding:0;margin:0;display:grid;gap:5px;font-size:14px}
.ozel small{align-self:center}
#durum:empty{display:none}
html.kilit,html.kilit body{overflow:hidden}

@media (max-width:900px){
  .ks{grid-template-columns:1fr;padding-top:12px}
  .ks-mob{display:grid;gap:6px;margin-bottom:10px}
  .ks-mob .filtre-btn{display:inline-flex;justify-content:space-between;width:100%;min-height:44px}
  .kp{position:fixed;inset:0;z-index:75;border-radius:0;border:0;display:none;flex-direction:column}
  .kp.open{display:flex}
  .kp-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line);position:sticky;top:0}
  .kp-h .btn{min-height:44px}
  .kp-ic{flex:1;overflow:auto;overscroll-behavior:contain}
  .kp-foot{display:flex;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface)}
  .kp-foot .btn{flex:1;min-height:44px}
  .kp-foot .primary{flex:2}
  .ag-ok{width:44px;min-height:44px}
  .ag-bos{width:44px}
  .ag-ad{min-height:44px}
  .ag-ref .ag-ad{padding-left:calc(var(--d) * 14px + 44px)}
  .kp .ag-ok{width:44px;min-height:44px}
  .kp .ag-ad,.kp .agac>li>.ag-s>.ag-ad{min-height:44px;font-size:14px}
  .kp .ag-ref .ag-ad{padding-left:calc(var(--d) * 12px + 4px)}
  .chipset span{padding:9px 12px}
  .check{min-height:32px;align-items:center}
  .pg input,.pg select{min-height:44px!important}
  .ks .res-top{align-items:flex-start}
}
@media (max-width:480px){
  .row2{grid-template-columns:1fr}
  .kart-e .btn{flex:1}
}
@media (prefers-reduced-motion:reduce){.ag-ok svg{transition:none}}
/* Kapsama tablosu */
.kps .facts b{font-size:22px;color:var(--ink);font-family:var(--f-display)}
.kps .tbl td{vertical-align:top}
.kps .tbl td a{color:inherit}
.kontrol{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14px}
.kontrol li{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px}

/* Müsaitlik durumları (Keşfet) */
.drum{display:grid;gap:1px;border-left:3px solid currentColor;padding:5px 9px;border-radius:0 8px 8px 0;font-size:12.5px;line-height:1.35}
.drum b{font-weight:700}
.drum span{color:var(--ink);opacity:.85}
.drum.ok{color:var(--ok);background:var(--ok-soft)}
.drum.warn{color:var(--warn);background:var(--warn-soft)}
.drum.bad{color:var(--bad);background:var(--bad-soft)}
.dgrup{margin-bottom:22px}
.dgrup .liste-h{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.dgrup-ac{margin-bottom:10px}
.dnokta{width:10px;height:10px;border-radius:50%;flex:none}
.dgrup.musait .dnokta{background:var(--ok)}
.dgrup.teyit .dnokta{background:var(--warn)}
.dgrup.degil .dnokta{background:var(--bad)}
.gizli-not{font-size:13px;color:var(--muted);margin:6px 0}
.yakin{display:grid;gap:8px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--act);border-radius:12px;padding:14px 16px;margin-bottom:16px}
.yakin-s{display:grid;gap:6px}
.yakin .btn{white-space:normal;text-align:left;min-height:40px}
.filtre-btn svg{flex:none}
@media (max-width:900px){.yakin .btn{min-height:44px}}

/* ---------- etkinlik talebi ---------- */
.et{padding-bottom:20px}
.et-h{margin:8px 0 18px;display:grid;gap:6px}
.et-h h1{font-size:clamp(26px,3vw,36px)}
.et-iki{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.et-form{display:grid;gap:14px}
.et-adim{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;margin:0;display:grid;gap:12px;min-width:0}
.et-adim legend{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px;padding:0 4px}
.et-adim legend span{width:26px;height:26px;border-radius:50%;background:var(--green);color:var(--on-green);display:grid;place-items:center;font-size:13px}
.et-kisi{max-width:240px}
.radios{display:grid;gap:8px}
.onr{font-size:10.5px;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.04em;opacity:.75}
.et-e{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.et-e .btn{min-height:44px}
.et-hatalar{border:1px solid var(--bad);background:var(--bad-soft);border-radius:12px;padding:12px 14px;font-size:14px}
.et-hatalar ul{margin:6px 0 0;padding-left:18px}
.et-hatalar a{color:var(--bad)}
[aria-invalid=true]{border-color:var(--bad)!important}
.et-ozet{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px);background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--act);border-radius:14px;padding:16px;display:grid;gap:10px}
.et-ozet h2{font-size:18px}
.et-ozet dl,.et-ozet-dl{margin:0;display:grid;gap:8px}
.et-ozet dt,.et-ozet-dl dt{font-size:12px;font-weight:600;color:var(--muted)}
.et-ozet dd,.et-ozet-dl dd{margin:0;font-size:14px}
.et-sonuc{padding:20px;display:grid;gap:12px}
.et-sonuc:focus{outline:none}
.et-sonuc h2{font-size:24px}
.et-sonuc h3{font-size:17px}
@media (max-width:900px){.et-iki{grid-template-columns:1fr}.et-ozet{position:static}}
@media (max-width:480px){.et-e .btn{flex:1}}

/* ---------- firma paneli ---------- */
.fp{padding-block:18px 20px}
.fp-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.fp-h h1{font-size:clamp(24px,2.8vw,32px);margin-top:6px}
.fp-sekme{margin-bottom:14px}
.fp-sekme button{min-height:42px}
.fp-iki{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:start}
.fp-form,.fp-durum{padding:16px;display:grid;gap:12px}
.fp-form h2,.fp-durum h2{font-size:18px}
.fp-durum h3{font-size:15px;margin-top:4px}
.fp-lh{font-size:18px;margin:22px 0 10px}
.fp-kapali{padding:22px;display:grid;gap:12px;max-width:640px;margin:24px auto}
.fp .tbl table{min-width:640px}
@media (max-width:900px){.fp-iki{grid-template-columns:1fr}}

/* --- Keşif: üst arama çubuğu (il, ilçe, başlangıç–bitiş tarihi). Sol panelde konum ve tarih tekrarlanmaz. --- */
.ust-ara{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;margin:0 0 16px;box-shadow:var(--shadow)}
.ua-alan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:8px;align-items:end}
.ua-f{display:grid;gap:4px;min-width:0}
.ua-f label,.ua-l{font-size:12px;color:var(--muted)}
.ua-g{position:relative;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:0 10px;height:42px;background:var(--surface);color:var(--muted);min-width:0}
.ua-g:focus-within{outline:2px solid var(--green);outline-offset:1px}
.ua-g input,.ua-g select{border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:var(--ink);width:100%;min-width:0;height:40px;padding:0}
.ua-g :disabled{color:var(--muted)}
.ua-ara{height:42px;padding:0 26px;gap:8px}
.ua-alt{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-top:8px}
.ua-alt:not(:has(*:not([hidden]))){display:none}
.ua-alt .check{font-size:13px}
.gorunum{display:inline-flex;gap:6px}
.gorunum .btn{gap:6px}
.gorunum .btn.on{background:var(--green);color:var(--on-green);border-color:var(--green)}

/* --- Keşif paneli: açılıp kapanan mekân filtre bölümleri --- */
.pk h3{display:block}
.pk-b{all:unset;box-sizing:border-box;display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;font-weight:700;font-size:14px;border-radius:6px}
.pk-b:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.pk-b svg{transition:transform .15s;color:var(--muted)}
.pk.kapali .pk-b svg{transform:rotate(180deg)}
.pk.kapali .pk-ic{display:none}
.pk-ic{display:grid;gap:8px}
.pk-ic select,.pk-ic input[type=number]{height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 10px;font:inherit;font-size:14px;width:100%;min-width:0;color:var(--ink)}
.dlist{display:grid;gap:7px}
.dlist.iki{grid-template-columns:1fr 1fr;gap:7px 10px}
.dlist .check{font-size:13.5px}
.seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.seg span{display:block;text-align:center;font-size:13px;font-weight:600;padding:9px 6px}
.seg input:checked + span{background:var(--green);color:var(--on-green)}
.seg input:focus-visible + span{outline:2px solid var(--act);outline-offset:-3px}
.pk-temizle{width:100%;gap:8px;min-height:42px;border-color:var(--ink)}

/* --- Mekân kartı (keşif) --- */
.mk-kart{grid-template-rows:auto 1fr;border-radius:10px}
.mk-foto{position:relative;display:block}
.mk-foto .ph{aspect-ratio:332/178}
.mk-foto .ph .sample{left:auto;right:8px;top:auto;bottom:8px;opacity:.9}
.mk-rozet{position:absolute;left:10px;top:10px;background:rgb(255 255 255 / .92);color:#1B2420;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;box-shadow:0 1px 3px rgb(0 0 0 / .15)}
.mk-kart .card-b{padding:12px 12px 12px;gap:7px}
.mk-ad{font-size:16px;font-weight:700;line-height:1.3;font-family:var(--f-body)}
.mk-ad a{color:inherit;text-decoration:none}
.mk-ad a:hover{text-decoration:underline}
.mk-satir{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink)}
.mk-satir svg{flex:none;color:var(--muted)}
.mk-ayr{color:var(--line);margin:0 8px}
.mk-etiket{display:flex;flex-wrap:wrap;gap:6px}
.mk-etiket span{background:var(--green-soft);color:var(--green);font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:6px}
.mk-bilgi{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.mk-k{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12.5px;min-width:0;background:var(--paper)}
.mk-k > svg{flex:none;color:var(--muted)}
.mk-k .st{background:none;padding:0;font-weight:500;color:var(--ink);white-space:normal}
.mk-k .st.ok{color:var(--ok)} .mk-k .st.bad{color:var(--bad)} .mk-k .st.warn{color:var(--warn)}
.mk-k .drum{padding:0;border:0;background:none}
.mk-k.price span{display:grid;line-height:1.25}
.mk-k.price small{font-size:11px;color:var(--muted)}
.mk-eylem{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.mk-eylem .btn{min-height:40px;justify-content:center;font-weight:600}
.mk-eylem .btn:not(.act){border-color:var(--green);color:var(--green)}
.mk-band{display:flex;align-items:center;gap:14px;margin-top:16px;padding:12px 16px;border-radius:10px;background:var(--green-soft);color:var(--green);text-decoration:none}
.mk-band span{display:grid;gap:2px;flex:1;color:var(--ink)}
.mk-band small{color:var(--muted);font-size:12.5px}
.mk-band .ok{color:var(--ink)}
.mk-band:hover b{text-decoration:underline}
@media (min-width:901px){ .ks-mekan .rgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} }
@media (max-width:1100px){ .ua-alan{grid-template-columns:repeat(2,minmax(0,1fr))} .ua-ara{grid-column:1 / -1} }
@media (min-width:901px){ .pk-temizle-k{display:grid} }
@media (max-width:900px){ .pk-temizle-k{display:none} }
@media (max-width:420px){ .mk-bilgi{grid-template-columns:1fr} }
@media (max-width:340px){ .mk-eylem{grid-template-columns:1fr} }
.mk-k.price{justify-content:flex-start;text-align:left}

h2.liste-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#hiz-tum{justify-self:start}

/* --- Mekân detayı --- */
.md-bas{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:10px}
.md-bas h1{font-size:clamp(24px,2.8vw,32px);font-weight:700;line-height:1.15}
.md-alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;font-size:14px;color:var(--muted)}
.md-alt svg{color:var(--muted)}
.md-ornek{background:var(--act-soft);color:var(--act);font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:6px;margin-left:6px}
.md-eylem{display:flex;gap:8px;flex:none}
.md-eylem .btn{gap:6px;font-size:13px}
.md-eylem .btn[aria-pressed=true] svg path{fill:currentColor}
.mgal{position:relative;display:grid;gap:6px;margin-top:14px;border-radius:12px;overflow:hidden;grid-template-columns:2.5fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));height:clamp(240px,30vw,360px)}
.mgal .ph{aspect-ratio:auto;height:100%;border-radius:0}
.mgal .ph:first-child{grid-row:1 / 3}
.mgal.n1{grid-template-columns:1fr}
.mgal.n2{grid-template-columns:2fr 1fr}
.mgal.n2 .ph:nth-child(2){grid-column:2;grid-row:1 / 3}
.mgal.n3 .ph:nth-child(n+2){grid-column:2}
.mgal.n3{grid-template-columns:2.5fr 1fr}
.mgal.n4 .ph:nth-child(4){grid-column:2 / 4}
.mgal-tum{position:absolute;right:10px;bottom:10px;gap:6px;background:rgb(20 26 23 / .82);color:#fff;border-color:transparent}
.mgal-tum:hover{background:rgb(20 26 23 / .95)}
.msekme{display:flex;gap:4px;margin-top:14px;border-bottom:1px solid var(--line);overflow-x:auto;position:sticky;top:0;background:var(--paper);z-index:5;scrollbar-width:none}
.msekme a{padding:11px 12px;font-size:14px;color:var(--ink);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.msekme a[aria-current]{color:var(--green);font-weight:700;border-bottom-color:var(--green)}
.det.md{margin-top:6px}
.det.md section{margin-top:22px;scroll-margin-top:56px}
.det.md h2{font-size:19px;margin-bottom:8px}
.md-h3{font-size:16px;font-weight:700;margin:18px 0 8px;font-family:var(--f-body)}
.md-h2s{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;margin-bottom:8px}
.md-h2s h2{margin-bottom:0}
.md-h2s a{font-size:13px;color:var(--ink)}
.md-chip{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.md-chip span{background:var(--green-soft);color:var(--green);font-size:12.5px;font-weight:500;padding:4px 12px;border-radius:999px}
.m-tbl td,.m-tbl th{font-size:13.5px}
.m-tbl.iki td:first-child{width:50%}
.md-ikon{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.md-ikon div{display:grid;justify-items:center;gap:6px;text-align:center;font-size:12.5px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px 6px;color:var(--ink)}
.md-ikon svg{color:var(--green)}
.md-ikon.kucuk{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
.md-iki{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}
.kps-p{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:6px}
.kps-p.ok{background:var(--ok-soft);color:var(--ok)} .kps-p.warn{background:var(--act-soft);color:var(--act)}
.kps-p.ven{background:#E2EDFA;color:#1F5B9B} .kps-p.ask{background:#EEE7F8;color:#5B3E91}
.md-harita{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);height:130px}
.md-harita svg{width:100%;height:100%;display:block}
.md-pin{position:absolute;left:44%;top:22%;color:var(--green)}
.md-pin svg{width:36px;height:36px}
.md-pin-k{position:absolute;left:calc(44% + 44px);top:16%;display:grid;background:var(--surface);border-radius:8px;padding:8px 12px;box-shadow:var(--shadow);font-size:13px}
.md-pin-k small{color:var(--muted)}
.md-akordeon{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}
.md-akordeon details+details{border-top:1px solid var(--line)}
.md-akordeon summary{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;font-size:14px;list-style:none}
.md-akordeon summary::-webkit-details-marker{display:none}
.md-akordeon summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s}
.md-akordeon details[open] summary::after{transform:rotate(-135deg)}
.md-akordeon summary svg{color:var(--muted);width:18px;height:18px}
.md-akordeon p{padding:0 14px 12px 44px;font-size:13.5px;color:var(--muted)}
.md-form form{display:grid;gap:12px}
.md-form h2{font-size:19px}
.md-form .btn{min-height:44px;justify-content:center;font-weight:700}
.md-gezi{border-color:var(--green);color:var(--green)}
.md-bilgi{display:flex;gap:8px;align-items:flex-start}
.md-bilgi svg{flex:none;margin-top:2px}
.md-form textarea{resize:vertical}
.md-benzer{margin:28px 0 8px}
.md-benzer h2{font-size:19px}
.md-bz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.md-bz .ph{aspect-ratio:16/7}
.md-tumfoto{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:65vh;overflow:auto}
.md-tumfoto .ph{aspect-ratio:16/10}
.ozet-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:10px 0;font-size:14px}
.ozet-dl dt{color:var(--muted)}
@media (max-width:900px){
  .md-bas{flex-direction:column}
  .mgal{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}
  .mgal .ph{aspect-ratio:16/10}
  .mgal .ph:first-child{grid-column:1 / -1;grid-row:auto}
  .mgal .ph:nth-child(n+4){display:none}
  .mgal.n2 .ph:nth-child(2),.mgal.n3 .ph:nth-child(n+2),.mgal.n4 .ph:nth-child(4){grid-column:auto}
  .md-iki{grid-template-columns:1fr}
  .md-bz{grid-template-columns:1fr}
  .md-pin{left:30%} .md-pin-k{left:calc(30% + 44px)}
}
.mgal .ph:not(:first-child) .sample{display:none}
.md-bz .card-b .sample{justify-self:start}
.tbl table.m-tbl{min-width:0}
@media (max-width:560px){ .tbl .m-tbl th,.tbl .m-tbl td{padding:9px 8px} .tbl .m-tbl td.r{font-size:12px} .kps-p{white-space:nowrap} }

/* --- Fuar ve stant: keşif kartları, tanıtım alanı, firma kartı --- */
.ks-acik{font-size:clamp(15px,1.4vw,18px);color:var(--muted);margin:-6px 0 14px}
.ua-alan.hiz{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr)) auto}
.fs-tanitim{position:relative;display:block;border-radius:10px;overflow:hidden;aspect-ratio:1180/189;margin:0 0 18px;background:var(--sunk)}
.fs-tanitim img{width:100%;height:100%;object-fit:cover;display:block}
.fs-t-k{position:absolute;left:2%;bottom:12%;display:grid;gap:4px;background:rgb(14 58 40 / .94);color:#fff;border-radius:8px;padding:14px 20px;max-width:46%}
.fs-t-k b{font-size:clamp(15px,1.7vw,22px);font-family:var(--f-display)}
.fs-t-k span{font-size:clamp(12px,1.1vw,15px)}
.fs-tanitim .sample{position:absolute;right:10px;top:10px}
.fs-h2{font-size:clamp(19px,1.8vw,24px);margin:6px 0 12px}
.fs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fs-kart{display:grid;gap:6px;text-decoration:none;color:inherit}
.fs-foto{position:relative;display:block;border-radius:8px;overflow:hidden;aspect-ratio:383/128;background:var(--sunk)}
.fs-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.fs-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .72),rgb(0 0 0 / 0) 60%)}
.fs-foto b{position:absolute;left:14px;bottom:10px;right:10px;z-index:1;color:#fff;font-size:clamp(14px,1.3vw,17px);line-height:1.25}
.fs-kart:hover img{transform:scale(1.03)}
.fs-kart:focus-visible{outline:3px solid var(--act);outline-offset:3px;border-radius:8px}
.fs-acik{font-size:12.5px;color:var(--muted);line-height:1.35}
.fs-diger{margin-top:22px}
.fs-bag{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:10px}
.fs-bag a{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-decoration:none;color:var(--ink);font-size:13.5px}
.fs-bag small{font-size:11.5px;color:var(--muted)}
.fs-bag a:hover b{text-decoration:underline}
.fs-bant{display:flex;align-items:center;gap:16px;margin-top:18px;padding:14px 18px;border-radius:10px;background:var(--green-soft);color:var(--green)}
.fs-bant > span{display:grid;gap:2px;flex:1;color:var(--ink)}
.fs-bant small{color:var(--muted);font-size:13px}
.fs-bant .btn{flex:none;min-height:44px;padding:0 22px}
.rgrid:has(.fs-firma){grid-template-columns:1fr}
.fs-firma{grid-template-columns:260px minmax(0,1fr) auto;grid-template-rows:auto;align-items:stretch}
.fs-ff{display:block;position:relative;min-height:190px}
.fs-ff .ph{position:absolute;inset:0;height:100%;aspect-ratio:auto;border-radius:0}
.fs-firma .mk-satir{flex-wrap:wrap;gap:4px 8px}
.fs-firma .card-b{padding:14px 16px;gap:7px}
.fs-ust{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.fs-ust h3{font-size:18px;font-family:var(--f-body);font-weight:700}
.fs-ust h3 a{color:inherit;text-decoration:none}
.fs-ust h3 a:hover{text-decoration:underline}
.fs-acik2{font-size:13.5px;color:var(--muted)}
.fs-kapsam{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}
.fs-kapsam span:not(.sub){background:var(--green-soft);color:var(--green);padding:2px 8px;border-radius:6px}
.fs-firma .drum,.fs-firma > .card-b > .st{justify-self:start}
.fs-eylem{display:grid;gap:8px;align-content:center;padding:14px 16px;border-left:1px solid var(--line);min-width:170px}
.fs-eylem .btn{min-height:42px;justify-content:center;font-weight:600}
.olcu-sonuc{min-height:22px}
.olcu-m2{display:inline-flex;align-items:center;gap:8px;background:var(--green-soft);color:var(--green);border-radius:8px;padding:8px 12px;font-size:16px}
.olcu-m2 b{color:var(--ink)}
@media (max-width:1100px){ .ua-alan.hiz{grid-template-columns:repeat(2,minmax(0,1fr))} .ua-alan.hiz > .ua-f:first-child{grid-column:1 / -1} .ua-alan.hiz .ua-ara{grid-column:1 / -1} .fs-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:900px){
  .ks-mob{grid-template-columns:1fr 1fr} .ks-mob #ozet{grid-column:1 / -1}
  .fs-firma{grid-template-columns:1fr}
  .fs-ff{min-height:0}
  .fs-ff .ph{position:relative;aspect-ratio:16/7}
  .fs-eylem{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .fs-grid{grid-template-columns:1fr}
  .fs-t-k{position:static;max-width:none;border-radius:0}
  .fs-tanitim{aspect-ratio:auto}
  .fs-tanitim img{aspect-ratio:1180/360;height:auto}
  .fs-bant{flex-wrap:wrap} .fs-bant .btn{width:100%}
  .ua-alan,.ua-alan.hiz{grid-template-columns:1fr}
}
/* firma profili */
.md-chip a{background:var(--green-soft);color:var(--green);font-size:12.5px;font-weight:500;padding:4px 12px;border-radius:999px;text-decoration:none}
.md-chip a:hover{text-decoration:underline}
.fr-dl{display:grid;gap:6px;margin:0}
.fr-dl > div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;border-bottom:1px solid var(--line);padding-bottom:6px}
.fr-dl dt{color:var(--muted)}
.fr-dl dd{margin:0;text-align:right;font-weight:600;min-width:0;overflow-wrap:anywhere}
.fr-oz{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
.fr-kapsam{max-width:460px}
.fr-portfoy{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.fr-portfoy figure{margin:0}
.fr-portfoy .card-b{gap:3px}
.fr-ekip{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px;max-width:460px}
.fr-ekip li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;align-items:center}
.md-form .hata{color:var(--bad)}
@media (max-width:640px){ .fr-oz{grid-template-columns:1fr} }
/* fuar teklif formu */
.ft-bas{margin-top:10px}
.ft-bas h1{font-size:clamp(24px,2.8vw,32px);font-weight:700}
.ft-bas h1:focus{outline:none}
.ft-adimlar{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;counter-reset:a}
.ft-adimlar li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--muted);padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);min-width:0}
.ft-adimlar li span{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--sunk);color:var(--muted);font-size:13px}
.ft-adimlar li[aria-current]{color:var(--ink);border-color:var(--green)}
.ft-adimlar li[aria-current] span{background:var(--green);color:var(--on-green)}
.ft-adimlar li.ok span{background:var(--green-soft);color:var(--green)}
/* Düğün teklif akışı (/dugun/teklif-al): 4 adım, hizmet kutuları, hizmete özel sorular, "Ne olacak?" kutusu */
.ft-adimlar.ft-a4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dg-hz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.dg-hz label.check{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:14px;min-width:0}
.dg-hz label.check:has(input:checked){border-color:var(--green);background:var(--green-soft)}
.dg-soru legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dg-et{font-size:11.5px;font-weight:600;color:var(--green);background:var(--green-soft);border-radius:999px;padding:2px 9px}
.dg-tarih{align-items:start}
.dg-yer-k{position:relative}.dg-yer-k .yer-g{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 12px;font:inherit;color:inherit}
.dg-tel{display:flex;gap:6px;align-items:center}.dg-tel input{flex:1 1 auto;min-width:0}.dg-tel .btn{flex:none;white-space:nowrap}
.dg-ok{color:var(--green)}
.dg-hb summary{cursor:pointer;font-weight:600;margin:6px 0}
.dg-ne{margin:14px 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:13px}
.dg-ne ul{margin:6px 0 0;padding-left:18px}.dg-ne li{margin:3px 0}
/* Teklif karşılaştırma (/hesabim/talepler/[no]) ve firmanın teklif önizlemesi */
.tt-ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:12px 16px;border-radius:12px;background:var(--sunk)}
.tt-ust .btn{background:var(--surface)}
.tt-sek{display:flex;gap:4px;overflow-x:auto;margin-top:18px;border-bottom:1px solid var(--line)}
.tt-sek button{flex:none;border:0;background:none;padding:10px 12px;font:inherit;font-size:14.5px;color:var(--ink-2);border-bottom:2px solid transparent;cursor:pointer}
.tt-sek button[aria-selected=true]{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}
.tt-sek button small{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;border-radius:999px;background:var(--act);color:#fff;font-size:11.5px;font-weight:700}
.tt-durum{margin:12px 0}
.tt-k table{min-width:760px;font-size:13.5px}
.tt th[scope=row]{position:sticky;left:0;z-index:1;background:var(--bg);font-family:inherit;font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--ink-2);font-weight:500;background:none;width:150px}
.tt thead th{font-family:inherit;letter-spacing:0;text-transform:none;font-size:13px;color:var(--ink);background:none;vertical-align:bottom}
.tt-f .tt-fb{display:flex;gap:10px;align-items:flex-start}.tt-f .op-logo{width:38px;height:38px;font-size:14px;flex:none}
.tt-f a,.tt-f b{display:block;font-weight:700;font-size:14.5px}.tt-f .sub{display:block}
.tt-fiyat{font-size:20px!important;margin-top:8px}
.tt-rozet{display:inline-block;margin-top:6px;font-size:11.5px;font-weight:700;border-radius:6px;padding:2px 8px;background:var(--green-soft);color:var(--green)}
.tt-en,.tt td.tt-en{background:color-mix(in srgb,var(--green-soft) 55%,transparent)}
.tt-g th{background:var(--sunk)!important;font-family:inherit!important;font-size:13.5px!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;font-weight:700!important}
.tt-d{font-weight:600}.tt-d.ok{color:var(--green)}.tt-d.bad{color:#b42318}.tt-d.warn{color:#9a5b00}
.tt-bek{color:var(--muted)}th.tt-bek b{display:block;color:var(--ink)}th.tt-bek .sub{display:block}
.tt-e td{vertical-align:top}.tt-e .btn{display:flex;width:100%;justify-content:center;margin-top:6px}
.tt-alt{margin-top:14px}
@media (max-width:760px){.tt th[scope=row]{width:110px;min-width:110px}.ft-adimlar.ft-a4 li{font-size:11.5px}.dg-hz{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-tel{flex-wrap:wrap}.dg-tel .btn{width:100%}}
.ft-det{margin-top:14px}
#ft-form{display:grid;gap:14px;min-width:0}
.ft-bol{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:16px;margin:0;display:grid;gap:12px;min-width:0}
.ft-bol legend,.ft-bol > h2{font-family:var(--f-body);font-size:17px;font-weight:700;padding:0;float:left;width:100%;margin:0}
.ft-bol legend + *{clear:both}
.ft-hata{border:1px solid var(--bad);background:var(--bad-soft);border-radius:10px;padding:10px 14px;font-size:13.5px}
.ft-hata ul{margin:6px 0 0;padding-left:18px}
.ft-hata a{color:var(--ink)}
#ft-form .hata{color:var(--bad);font-size:12.5px}
#ft-form [aria-invalid="true"]{border-color:var(--bad)}
.ft-stant{border:1px dashed var(--line);border-radius:12px;padding:12px;display:grid;gap:10px;margin-bottom:10px}
.ft-stant-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ft-olcu{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:8px;align-items:end}
.ft-x{padding-bottom:12px;color:var(--muted)}
.ft-m2{min-height:44px;display:flex;align-items:center;gap:4px;padding:0 12px;border-radius:8px;background:var(--green-soft);color:var(--green);font-size:14px;white-space:nowrap}
.ft-m2 b{font-size:17px;color:var(--ink)}
.ft-cephe{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.ft-cephe label{position:relative;cursor:pointer}
.ft-cephe input{position:absolute;opacity:0;inset:0;cursor:pointer}
.ft-cephe span{display:grid;gap:2px;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:13px;height:100%}
.ft-cephe small{color:var(--muted);font-size:11.5px}
.ft-cephe input:checked + span{border-color:var(--green);background:var(--green-soft)}
.ft-cephe input:focus-visible + span{outline:2px solid var(--act);outline-offset:1px}
.ft-toplam{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.ft-tarih{border:0;padding:0;margin:0;min-width:0}
.ft-tarih legend{font-size:13.5px;font-weight:700;margin-bottom:6px;padding:0}
.ft-t4{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:8px}
.ft-org{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:end}
.ft-org .check{padding-bottom:12px;white-space:nowrap}
.ft-dosya{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:4px}
.ft-dosya li{display:flex;align-items:center;gap:8px;font-size:13.5px;min-width:0}
.ft-dosya li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.ft-gruplar{display:grid;gap:8px}
.ft-gruplar:focus{outline:none}
.ft-grup{border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.ft-grup.acik{border-color:var(--green);background:linear-gradient(var(--green-soft),var(--green-soft)) top/100% 0 no-repeat}
.ft-grup-b span{display:grid;gap:2px}
.ft-grup-i{display:grid;gap:10px;margin:10px 0 2px 26px}
.seg3{grid-template-columns:repeat(3,1fr)}
.ft-cips{display:flex;flex-wrap:wrap;gap:6px}
.ft-cips label{position:relative;cursor:pointer}
.ft-cips input{position:absolute;opacity:0;inset:0;cursor:pointer}
.ft-cips span{display:block;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;background:var(--surface)}
.ft-cips input:checked + span{border-color:var(--green);background:var(--green-soft);color:var(--green);font-weight:600}
.ft-cips input:focus-visible + span{outline:2px solid var(--act);outline-offset:1px}
.ft-led{display:grid;gap:8px}
.ft-ozet-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.ft-ozet-h h2{font-family:var(--f-body);font-size:17px;font-weight:700;margin:0}
.ft-ozet-h a{font-size:13.5px;color:var(--ink)}
.ft-tablo{overflow-x:auto}
.ft-tablo .m-tbl{min-width:560px}
.ft-radyo{display:grid;gap:10px}
.ft-radyo span{display:grid;gap:2px}
.ft-alt{display:flex;justify-content:space-between;gap:10px}
.ft-alt .btn{min-height:46px;padding:0 22px}
.ft-alt .act{margin-left:auto}
.ft-yan h2{font-family:var(--f-body);font-size:17px;font-weight:700;margin:0}
.ft-firma{display:grid;gap:2px;justify-items:start;padding:10px;border-radius:10px;background:var(--sunk)}
.ft-org-kutu{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:4px;font-size:13.5px}
.ft-sonuc{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px;display:grid;gap:8px}
.ft-sonuc h2{margin:0}
.ft-sonuc:focus{outline:none}
.ft-sonuc-e{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
@media (max-width:900px){ .ft-det{grid-template-columns:1fr} .ft-yan{position:static} .ft-cephe{grid-template-columns:repeat(3,minmax(0,1fr))} .ft-t4{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)} }
@media (max-width:560px){
  .ft-adimlar li{flex-direction:column;gap:4px;text-align:center;font-size:12px;padding:8px 4px}
  .ft-cephe{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-olcu{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .ft-olcu .ft-m2,.ft-olcu > .btn{grid-column:1 / -1}
  .ft-org{grid-template-columns:1fr} .ft-org .check{padding-bottom:0}
  .ft-grup-i{margin-left:0}
  .seg3 span{font-size:12px;padding:9px 2px}
}
#ft-govde{display:grid;gap:14px;min-width:0}
#ft-govde section.ft-bol{margin-top:0}
.ft-tablo th,.ft-tablo td{text-align:left}
/* Mice ve Organizasyon: liste */
.org-bant{position:relative;margin-top:14px;border-radius:14px;overflow:hidden;width:100%;height:clamp(150px,17vw,240px);background:var(--ink)}
.org-bant img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.org-bant::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(10 18 14 / .82),rgb(10 18 14 / .35) 55%,transparent)}
.org-bant-k{position:absolute;left:clamp(16px,3vw,32px);bottom:clamp(14px,2.6vw,28px);z-index:1;display:grid;gap:4px;color:#fff;max-width:80%}
.org-bant-k b{font-family:var(--f-display,inherit);font-size:clamp(20px,2.6vw,30px);line-height:1.15}
.org-bant-k span{font-size:clamp(13px,1.4vw,16px);opacity:.92}
.org-bant .sample{position:absolute;top:10px;right:10px;z-index:1}
.org-cip{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.org-c{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:500;cursor:pointer;min-height:36px}
.org-c:hover{border-color:var(--green)}
.org-c.on{background:var(--green);border-color:var(--green);color:var(--on-green)}
.org-c:focus-visible{outline:2px solid var(--act);outline-offset:2px}
.org-not{margin-top:10px}
#org-ara:not(:empty){margin:10px 0 4px}
.org-q{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 12px;min-height:46px;max-width:520px}
.org-q svg{color:var(--muted);flex:none}
.org-q input{border:0;outline:0;background:transparent;flex:1;min-width:0;font:inherit;font-size:16px;min-height:44px}
.org-q:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.rgrid:has(.org-kart){grid-template-columns:repeat(2,minmax(0,1fr))}
.org-kart{grid-template-rows:auto 1fr}
.org-foto{position:relative;display:block}
.org-foto .ph{aspect-ratio:16/8;border-radius:0}
.org-rozet{position:absolute;left:10px;bottom:10px;background:rgb(20 26 23 / .78);color:#fff;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px}
.org-kart .card-b{gap:7px}
.org-kart h3{font-family:var(--f-body);font-size:18px;font-weight:700;line-height:1.25}
.org-kart h3 a{color:inherit;text-decoration:none}
.org-kart h3 a:hover{text-decoration:underline}
.org-kart .mk-satir{flex-wrap:wrap;gap:4px 8px;font-size:13px}
.org-eylem{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:4px}
.org-eylem .btn{min-height:44px;justify-content:center;font-weight:600}
.pager{display:flex;justify-content:center;gap:6px;margin-top:18px;flex-wrap:wrap}
.pager .btn{min-width:40px;min-height:40px;justify-content:center}
.pager .btn.on{background:var(--act);border-color:var(--act);color:#fff}
.pager .btn:disabled{opacity:.45;cursor:default}
.org-b{margin-top:30px}
.org-b h2{font-size:20px;margin-bottom:12px}
.org-ilgili{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.org-ilgili a{display:grid;gap:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px;color:var(--ink);text-decoration:none;font-size:14px}
.org-ilgili a:hover{border-color:var(--green)}
.org-ilgili small{color:var(--muted);font-size:12px}
.org-nasil{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:n}
.org-nasil li{counter-increment:n;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:start;font-size:14px}
.org-nasil li::before{content:counter(n);grid-row:1 / 3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:700}
.org-nasil span{color:var(--muted);font-size:13.5px}
.org-sss{display:grid;gap:8px}
.org-sss details{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 14px}
.org-sss summary{cursor:pointer;padding:13px 0;font-weight:600;font-size:14.5px;min-height:44px}
.org-sss p{margin:0 0 14px;font-size:14px;color:var(--muted)}
@media (max-width:640px){ .rgrid:has(.org-kart){grid-template-columns:1fr} .org-nasil{grid-template-columns:1fr} .org-bant{height:auto;aspect-ratio:16/7} }
/* Mice ve Organizasyon: ajans profili */
.op-kapak{margin-top:12px;border-radius:14px;overflow:hidden}
.op-kapak .ph{aspect-ratio:auto;height:clamp(180px,26vw,320px);border-radius:0}
.op-kart{position:relative;display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px;margin:-48px 20px 0}
.op-logo{flex:none;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--paper);border:1px solid var(--line);font:700 26px var(--f-display);color:var(--ink)}
.op-k{flex:1 1 260px;min-width:0}
.op-k h1{font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.15}
.op-tip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:15px}
.op-tip .md-ornek{margin-left:0}
.op-cta{min-height:44px}
.op-sekme{display:flex;gap:4px;margin-top:22px;border-bottom:1px solid var(--line);overflow-x:auto}
.op-sekme button{background:none;border:0;border-bottom:3px solid transparent;padding:10px 14px;font:600 14.5px var(--f-body);color:var(--muted);cursor:pointer;white-space:nowrap}
.op-sekme button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--act)}
.op-sekme button:focus-visible{outline:2px solid var(--act);outline-offset:-2px}
.op-det{margin-top:6px}
.op-det section:focus-visible{outline:2px solid var(--act);outline-offset:4px;border-radius:6px}
.op-hz{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.op-hz div{display:grid;gap:8px;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;font-size:14px}
.op-hz svg{color:var(--green)}
.org-pg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.org-pk{display:grid;text-decoration:none;color:inherit}
.org-pk .ph{aspect-ratio:16/10}
.org-pk .card-b{display:grid;gap:4px}
.org-pk .card-b .sample{justify-self:start;position:static}
.org-pk .meta{display:flex;align-items:center;gap:5px}
.org-pk-et{justify-self:start;font-size:12px;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:2px 8px;margin-top:4px}
.org-pk:hover b{text-decoration:underline}
.op-yapiskan{display:none}
@media (max-width:900px){.org-pg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .op-kart{margin:-32px 8px 0;padding:14px;gap:12px}
  .op-logo{width:60px;height:60px;font-size:19px}
  .op-k{flex-basis:calc(100% - 80px)}
  .op-kart .op-cta{display:none}
  .org-pg{grid-template-columns:1fr}
  .op-yapiskan{display:block;position:sticky;bottom:0;z-index:20;background:var(--surface);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));margin:16px -16px 0}
  .op-yapiskan .btn{width:100%;justify-content:center;min-height:46px;font-weight:700}
}
/* Mice ve Organizasyon: proje detayı ve galeri */
.pj-gal{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:6px;margin-top:12px;border-radius:14px;overflow:hidden;height:clamp(240px,34vw,420px)}
.pj-gal button{position:relative;display:block;padding:0;border:0;background:none;cursor:zoom-in;min-height:0}
.pj-gal button:focus-visible{outline:3px solid var(--act);outline-offset:-3px}
.pj-gal .ph{aspect-ratio:auto;height:100%;border-radius:0}
.pj-kucuk{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;min-height:0}
.pj-arti{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:rgba(0,0,0,.55);color:#fff;font-weight:700;font-size:20px}
.pj-arti small{font-size:12px;font-weight:500}
.pj-bas h1{font-size:clamp(24px,2.8vw,32px);font-weight:700;margin:6px 0 4px}
.pj-bas .sample{position:static}
.pj-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 18px;padding-left:20px;margin:0 0 8px}
.pj-firma{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}
.pj-firma .op-logo{width:56px;height:56px;font-size:17px}
.lb{position:fixed;inset:0;z-index:100;background:#0b0f0d;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;grid-template-rows:auto minmax(0,1fr);align-items:center;padding:12px}
.lb-ust{grid-column:1 / -1;display:flex;align-items:center;gap:12px;color:#fff;font-size:14px;padding-bottom:8px}
.lb-ust .btn{margin-left:auto}
.lb-ust .sample{position:static}
.lb-img{height:100%;display:grid;place-items:center;min-height:0}
.lb-img img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
.lb-ok{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:28px;line-height:1;cursor:pointer;justify-self:center}
.lb-ok:focus-visible,.lb .btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:640px){
  .pj-gal{grid-template-columns:1fr;height:auto}
  .pj-gal .pj-ana .ph{aspect-ratio:4/3}
  .pj-kucuk{grid-template-columns:repeat(4,1fr);grid-template-rows:none}
  .pj-kucuk .ph{aspect-ratio:1}
  .pj-arti{font-size:15px}.pj-arti small{display:none}
  .lb{grid-template-columns:40px minmax(0,1fr) 40px;padding:8px}
  .lb-ok{width:36px;height:36px;font-size:22px}
}
.md-benzer h2{margin-bottom:10px}
@media (max-width:640px){
  .pj-firma > div{flex-basis:calc(100% - 70px)}
  .pj-firma .btn{width:100%;justify-content:center}
  .pj-gal + .det .fr-oz,.op-det .fr-oz{grid-template-columns:1fr}
}
.lb .lb-ust .btn{background:#fff;color:#111;border-color:#fff}
.pj-kucuk .sample{display:none}
/* Mice ve Organizasyon: teklif formu */
.og-iki{display:flex;flex-wrap:wrap;gap:6px 18px}
.og-butce{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);gap:8px}
.og-tel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:6px}
.og-pz{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:10px}
.og-duraklar{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:8px}
.og-duraklar li{display:grid;grid-template-columns:auto minmax(0,1.4fr) minmax(0,1fr) auto;gap:8px;align-items:end;border:1px dashed var(--line);border-radius:10px;padding:10px}
.og-no{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:700;font-size:13px;margin-bottom:9px}
.og-sira{display:flex;gap:4px;padding-bottom:4px}
.og-alici{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:12px;font-size:13.5px}
.og-af{display:flex;gap:10px;align-items:center}
.og-af .op-logo{width:48px;height:48px;font-size:15px}
.og-af .sample{position:static;display:inline-block;margin-top:2px}
.og-spin{display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:8px;vertical-align:-2px;animation:og-don .8s linear infinite}
@keyframes og-don{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.og-spin{animation-duration:2.4s}}
#ot-form{display:grid;gap:14px;min-width:0}
#ot-form .hata{color:var(--bad);font-size:12.5px}
#ot-form [aria-invalid="true"]{border-color:var(--bad)}
@media (max-width:640px){
  .og-butce{grid-template-columns:1fr 1fr}.og-butce .field:last-child{grid-column:1 / -1}
  .og-tel{grid-template-columns:1fr}
  .og-duraklar li{grid-template-columns:auto minmax(0,1fr)}
  .og-duraklar li > .field,.og-sira{grid-column:2}
}
/* Yapışkan teklif düğmeleri mobil alt gezinmenin üstünde durur. */
@media (max-width:900px){
  .op-yapiskan,#ot-form .ft-alt{bottom:calc(57px + env(safe-area-inset-bottom,0px))}
  .op-yapiskan{padding-bottom:10px}
  #ot-form .ft-alt{position:sticky;z-index:5;background:var(--paper);padding:10px 0;border-top:1px solid var(--line)}
}
/* Talep detayı */
.td-durum{list-style:none;padding:0;margin:0;display:grid;gap:0;border-left:2px solid var(--line);margin-left:8px}
.td-durum li{position:relative;display:grid;gap:2px;padding:4px 0 12px 18px;font-size:14px}
.td-durum li::before{content:"";position:absolute;left:-7px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--line)}
.td-durum li.ok::before{background:var(--green);border-color:var(--green)}
.td-durum li.bekle b{color:var(--muted);font-weight:600}

/* ---------- Yiyecek-içecek ve Müzik-gösteri: kart, grup sayfası ---------- */
.hk-tip{font-size:13.5px;font-weight:600;color:var(--green)}
.hk-hz{font-size:14px;font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:3px;min-height:24px}
.hk-hz:hover{color:var(--ink)}
.hk-hz-yok{font-size:13px}
.hk-kara{margin-bottom:14px}
.hk-gk{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;gap:8px;align-content:start;grid-template-rows:auto auto 1fr auto}
.hk-gk .fs-foto{border-radius:0;aspect-ratio:16/10}
.hk-gk .fs-acik{padding:0 14px;font-size:13.5px}
.hk-gk-e{display:flex;align-items:center;justify-content:center;margin:4px 14px 14px;padding:10px 12px;border-radius:10px;background:var(--act);color:var(--on-act);font-weight:600;min-height:44px}
.hk-gk:hover .hk-gk-e{background:var(--act-h)}
@media (max-width:900px){.hk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.hk-grid{grid-template-columns:1fr}}
.hk-gk[hidden]{display:none}
.hk-portfoy{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.hk-portfoy li{display:grid;gap:2px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:12px 14px}
.hk-portfoy a{color:var(--ink)}
/* Hizmet detayı */
.hd-bas{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:12px}
.hd-bas h1{font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.15}
.hd-bas h1 .md-ornek{vertical-align:middle;margin-left:4px}
.hd-saglayan{display:flex;align-items:center;gap:10px;margin-top:10px}
.hd-saglayan>span:last-child{display:grid;gap:2px}
.hd-saglayan a{color:var(--ink)}
.hd-saglayan small{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted)}
.hd-logo{width:48px;height:48px;font-size:15px}
.hd-eylem{display:flex;gap:8px;flex-wrap:wrap}
.hd-eylem .btn{min-height:44px}
.hd-galeri{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hd-g{position:relative;padding:0;border:0;background:var(--sunk);border-radius:12px;overflow:hidden;cursor:zoom-in;min-height:0;aspect-ratio:16/10}
/* Büyük ana görsel + altta küçük görsel şeridi: küçük görseller büyütülmediği için netliği korunur, boş hücre kalmaz. */
.hd-g:not(.ana){flex:0 0 168px}
.hd-g.ana{flex:1 1 100%;aspect-ratio:auto;height:clamp(240px,42vw,540px)}
.hd-g.ana img{object-position:center 30%}
.hd-g .ph{height:100%;aspect-ratio:auto;border-radius:0}
.hd-g img{width:100%;height:100%;object-fit:cover}
.hd-g:focus-visible{outline:3px solid var(--act);outline-offset:2px}
.hd-arti{position:absolute;inset:0;display:grid;place-items:center;background:rgb(10 18 14 / .55);color:#fff;font:700 22px var(--f-body)}
.hd-det{margin-top:8px}
.hd-kutu2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hd-kutu2>div{border-radius:12px;padding:14px 16px;border:1px solid var(--line)}
.hd-dahil{background:var(--green-soft)}
.hd-ayrica{background:var(--act-soft)}
.hd-kutu2 h3{font-size:15px;margin-bottom:8px}
.hd-kutu2 ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14px}
.hd-kutu2 li{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start}
.hd-dahil svg{color:var(--green)}
.hd-ayrica svg{color:var(--act)}
.hd-bolum{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.hd-bolum>div{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px 16px}
.hd-bolum h3{font-size:14.5px;margin-bottom:4px}
.hd-bolum p{font-size:14px;color:var(--muted);margin:0}
.hd-liste{display:grid;gap:10px}
.hd-l{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px}
.hd-l .sub{grid-column:1}
.hd-l .btn{grid-column:2;grid-row:1 / 3;min-height:44px}
.hd-side .btn{width:100%;justify-content:center;min-height:44px}
.hd-lb{margin:0;display:grid;gap:8px}
.hd-lb img{width:100%;max-height:62vh;object-fit:contain;border-radius:10px;background:var(--sunk)}
.hd-mh{font-size:14.5px;margin:12px 0 6px}
.hd-ml{margin:0 0 10px;padding-left:20px;display:grid;gap:4px;font-size:14px}
@media (max-width:760px){
  .hd-g:not(.ana){flex:1 1 0}
  .hd-g.ana{height:auto;aspect-ratio:16/10}
  .hd-g:nth-child(n+5){display:none}
  .hd-kutu2{grid-template-columns:1fr}
  .hd-eylem{width:100%}.hd-eylem .btn{flex:1;justify-content:center}
}
/* Hizmet teklif formu: sayı + birim + "henüz belli değil" satırı */
.hk-bil-s{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end}
.hk-bil-s .field{margin:0}
.hk-yok{display:flex;align-items:flex-end;min-height:44px}
.hk-yok .check{min-height:44px;align-items:center}
.hk-birim{display:flex;align-items:center;min-height:44px;font-weight:600}
@media (max-width:560px){.hk-bil-s{grid-template-columns:1fr 1fr}.hk-bil-s .hk-yok{grid-column:1 / 3}}
/* Ses, ışık ve görüntü: sekmeli hizmet detayı (S01–S07) */
.hd-alt{font-size:17px;font-weight:600;color:var(--green);margin:4px 0 0}
.hd-yer{display:flex;align-items:flex-start;gap:4px;margin-top:6px}
.hd-yer svg{flex:none;margin-top:3px}
.hd-sekme{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin;margin-bottom:16px}
.hd-sekme button{flex:0 0 auto;border:0;background:none;color:var(--muted);font:600 14.5px var(--f-body);padding:12px 14px;min-height:44px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.hd-sekme button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--act)}
.hd-sekme button:focus-visible{outline:2px solid var(--act);outline-offset:-2px}
.hd-panel{display:grid;gap:18px}
.hd-panel:focus-visible{outline:2px solid var(--act);outline-offset:4px}
.hd-panel h2{font-size:20px}
.hd-not{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14.5px}
.hd-eq{margin:0}
.hd-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.hd-pk{display:grid;gap:4px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:0 0 12px;overflow:hidden;cursor:zoom-in;color:var(--ink);font:inherit;position:relative}
.hd-pk .ph,.hd-pk img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.hd-pk b,.hd-pk small{padding:0 12px}
.hd-pk[hidden]{display:none}
.hd-pk:focus-visible{outline:3px solid var(--act);outline-offset:2px}
.hd-pt{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.02em;background:var(--green-soft);color:var(--green);border-radius:6px;padding:2px 7px}
.hd-pk .hd-pt{position:absolute;left:8px;top:8px;background:rgb(10 18 14 / .7);color:#fff}
.hd-eqara{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.hd-eqara select{min-height:44px}
.hd-eqliste{display:grid;gap:8px}
.hd-eq-s{display:grid;grid-template-columns:minmax(0,2.2fr) 1fr 1fr minmax(0,1.3fr);gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px}
.hd-eq-s[hidden]{display:none}
.hd-eq-s>div{display:grid;gap:2px;min-width:0}
.hd-eq-e{justify-items:start}
.hd-eq-e .btn{min-height:40px}
.hd-taslak{color:var(--warn)}
.hd-kapsam{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.hd-kr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);font-size:14.5px}
.hd-kb{border-top:0;background:var(--sunk);font-weight:700;font-size:13px}
.hd-kd{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;border:1px solid currentColor}
.hd-kd::before{font-weight:700}
.hd-kd.ok{color:var(--ok);background:var(--ok-soft)}.hd-kd.ok::before{content:"✓"}
.hd-kd.ek{color:var(--act);background:var(--act-soft)}.hd-kd.ek::before{content:"+"}
.hd-kd.dis{color:var(--green);background:var(--green-soft)}.hd-kd.dis::before{content:"↗"}
.hd-kd.tek{color:var(--warn);background:var(--warn-soft)}.hd-kd.tek::before{content:"…"}
.hd-kd.yok{color:var(--bad);background:var(--bad-soft)}.hd-kd.yok::before{content:"–"}
.hd-kd.bil{color:var(--muted);background:var(--sunk)}.hd-kd.bil::before{content:"?"}
.hd-lejant summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.hd-dosya{display:grid;gap:8px}
.hd-ds{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px}
.hd-ds .btn{min-height:40px}
.hd-yap{gap:8px}
@media (max-width:900px){.hd-yap{display:flex}.hd-yap .btn{flex:1}}
@media (max-width:760px){
  .hd-eq-s{grid-template-columns:1fr 1fr}.hd-eq-s>div:first-child,.hd-eq-e{grid-column:1 / 3}
  .hd-ds{grid-template-columns:1fr auto}.hd-ds .sub{grid-column:1;grid-row:2}.hd-ds .btn{grid-row:1 / 3;grid-column:2}
  .hd-eqara{grid-template-columns:1fr}
  .hd-sekme{flex-wrap:wrap;overflow:visible;gap:0 2px}.hd-sekme button{padding:10px 10px}
}
.hk-av-not{margin-top:10px}
/* Ses, ışık ve görüntü teklif formu: satır editörü, sorumluluk ve zaman dilimleri (S08) */
.av-satirlar{display:grid;gap:10px;counter-reset:avs}
.av-satir{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px;margin:0;min-width:0}
.av-satir legend{font-weight:700;font-size:14.5px;padding:0 4px}
.av-satir-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 10px;align-items:end}
.av-satir-g .field{margin:0}
.av-satir-g .genis{grid-column:1 / -1}
.av-satir-e{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-top:10px}
.av-satir-e .btn{min-height:40px}
.av-satir-t{font-weight:700;font-size:15px}
.av-toplam{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;border:1px solid var(--green);background:var(--green-soft);border-radius:12px;padding:12px 14px;font-size:15px}
.av-toplam b{font-size:17px}
.av-toplam.eksik{border-color:var(--warn);background:var(--warn-soft)}
.av-geri{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.av-sr{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:6px 12px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.av-sr:first-of-type{border-top:0}
.av-sr .ft-cips{margin:0}
.av-op{display:grid;gap:8px}
.av-op-s{display:grid;grid-template-columns:minmax(120px,160px) repeat(4,minmax(0,1fr)) auto;gap:8px;align-items:end;border-top:1px solid var(--line);padding-top:8px}
.av-op-s:first-child{border-top:0;padding-top:0}
.av-op-s .field{margin:0}
.av-op-s>b{align-self:center}
.av-ekli{display:grid;gap:8px}
.av-tercuman{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
@media (max-width:760px){
  .av-sr{grid-template-columns:1fr}
  .av-op-s{grid-template-columns:1fr 1fr}.av-op-s>b,.av-op-s .hk-yok{grid-column:1 / 3}
}

/* Sahne ve geçici yapılar: ölçü durumu, keşif paneli, bilgi etiketleri, hizmet seçenekleri, belge bilgisi */
.sg-olcu-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sg-fark,.sg-sira{margin-top:8px}
.sg-kesif{border:1px solid var(--green);background:var(--green-soft)}
.sg-kesif-yok{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border:1px dashed var(--line);border-radius:12px;padding:12px 14px;background:var(--surface);margin:8px 0 14px}
.sg-kesif-ok{margin:8px 0 14px}
.sg-etiket{display:inline-block;font-size:12px;font-weight:600;line-height:1.4;border-radius:999px;padding:2px 9px;background:var(--warn-soft);color:var(--warn);vertical-align:middle}
.sg-etiket.firma{background:var(--green-soft);color:var(--green)}
:root[data-theme="dark"] .sg-etiket.firma{color:var(--eqp)}
.hd-secenek{display:flex;flex-wrap:wrap;gap:8px}
.hd-secenek a.org-c,a.org-c{text-decoration:none;display:inline-flex;align-items:center}
.hd-tek dd{display:block}
.hd-tek dd .sg-etiket{margin-right:8px}
.hd-dsm{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:12.5px;color:var(--muted);grid-column:1 / -1}
.hd-dsm div{display:flex;gap:4px}.hd-dsm dt{font-weight:600}.hd-dsm dd{margin:0}
.td-bilgi{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:8px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sg-etiket.firma{color:var(--eqp)}}
.hd-ds .hd-dsm{grid-row:2}
@media (max-width:760px){.hd-ds .hd-dsm{grid-row:3}}
.hd-tek>div{display:grid;grid-template-columns:minmax(120px,.35fr) 1fr;gap:6px 14px;align-items:baseline}
.hd-tek dd{justify-content:flex-start;text-align:left;font-weight:400}
@media (max-width:560px){.hd-tek>div{grid-template-columns:1fr}}
.sg-olcu-g{align-items:end}
/* Enerji ve elektrik: boyutlandırma notu ve yük alanı */
.en-not{margin-bottom:12px}
.en-yuk{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
/* Personel hizmetleri: profil sekmeleri, ekip görevleri, kapsam tablosu ve talep formundaki görev/vardiya editörü */
.pe-iki{display:grid;gap:12px;margin:12px 0}
.pe-yet{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.pe-yg{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface);display:grid;gap:8px}
.pe-yg h3{margin:0;font-size:15px}
.pe-yg .tags span{font-size:13px;padding:2px 8px;color:var(--ink)}
.pe-ekip{display:grid;gap:8px}
.pe-eg{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.pe-eg>summary{cursor:pointer;padding:12px 14px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.pe-eg>div{padding:0 14px 14px;display:grid;gap:8px}
.pe-kap .hd-kr{grid-template-columns:minmax(0,1fr) auto auto}
.pe-kap .hd-kr>span:last-child{min-width:150px;text-align:right}
.pe-teyit{margin:8px 0 12px}
.hk-pe-dil{font-size:13px}
.pe-gorev{display:grid;gap:10px}
.pe-vardiyalar{display:grid;gap:10px}
.pe-vardiya{border:1px dashed var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:8px;margin:0}
.pe-vardiya legend{font-weight:700;font-size:13.5px;padding:0 4px}
.ft-t4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pe-ks:empty{display:none}
.pe-uyari{margin:0}
.pe-gr{margin-top:16px}
@media (max-width:760px){
  .pe-kap .hd-kr{grid-template-columns:1fr;gap:4px}
  .pe-kap .hd-kb>span:not(:first-child){display:none}
  .pe-kap .hd-kr>span:last-child{min-width:0;text-align:left}
  .ft-t4{grid-template-columns:1fr 1fr}
}
.pe-ust{align-items:start}
.hd-eq-s .hd-set{display:block;margin-top:2px}
/* Saha altyapısı, Güvenlik ve sağlık, İzin / telif / sigorta: kalem detayı, örnek saha planı, uygulama kapsamı, belge grupları, danışmanlık süreci */
.hk-acil{border-color:var(--bad);background:var(--bad-soft)}
.hk-kd-ayr{margin:6px 0;font-size:14px}.hk-kd-ayr summary{cursor:pointer;font-weight:600;color:var(--green);min-height:32px;display:flex;align-items:center}
.hk-kd-ayr .fr-dl{margin:6px 0}.hk-kd-ayr .fr-dl dd{text-align:left}
.hk-modul{display:grid;gap:4px;margin:8px 0;max-width:320px}.hk-modul input{min-height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;background:var(--surface);color:inherit}
.hk-plan{margin:12px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px}.hk-plan figcaption{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.hk-plan-svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;color:var(--ink,#1d2a24)}
.hk-sor{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:14px}.hk-sor th,.hk-sor td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}.hk-sor thead th{font-size:13px;color:var(--muted);font-weight:600}
.hk-rev{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:flex-start;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px}.hk-rev>div{min-width:0;flex:1 1 220px}.hk-rev .btn{min-height:44px}
.hk-bgrup{margin:14px 0}.hk-bgrup h3{margin:0 0 4px}
.hk-surec{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.hk-surec li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 12px}.hk-surec p{margin:2px 0 0}
.hk-sn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:700}
.hk-ozet{border:1px dashed var(--line);border-radius:12px;padding:12px 14px;background:var(--sunk)}.hk-ozet p{margin:4px 0 0}
@media (max-width:560px){.hk-surec li{grid-template-columns:28px minmax(0,1fr)}.hk-surec li>.hd-kd{grid-column:2}.hk-sor th,.hk-sor td{padding:8px 6px}}
.hd-eq-s>.hk-kd-ayr{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:6px}

/* Davetiye / baskı ve biletleme süreç ekranları (surec.html, açık demo) */
.sr-demo{margin-top:14px}
.sr-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr-secili td{background:var(--sunk)}
.sr-sor select{min-width:150px}
.sr-onizle{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:28px 18px;display:grid;gap:6px;text-align:center;max-width:360px;aspect-ratio:5/7;align-content:center;font-family:"Bricolage Grotesque",serif}
.sr-onizle.dijital{aspect-ratio:9/16;max-width:240px}
.sr-onizle.levha{aspect-ratio:7/10}
.sr-onizle small{color:var(--muted);font-family:"Instrument Sans",sans-serif;font-size:12px}
.sr-onizle b{font-size:22px}
.sr-satir{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px}
.sr-satir>b{align-self:center;font-size:13px}
.sr-liste{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
.sr-liste li{border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:grid;font-size:14px}
.sr-liste li span{color:var(--muted);font-size:13px}
.sr-qr{display:inline-grid;gap:6px;justify-items:center;border:1px dashed var(--bad);border-radius:12px;padding:14px;color:var(--ink)}
.sr-qr svg{width:150px;height:150px;fill:currentColor;opacity:.55}
.sr-qr b{color:var(--bad);letter-spacing:.06em}
.sr-durum{display:flex;flex-wrap:wrap;gap:6px}
.sr-durum .fchip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sr-kart{border:1px solid var(--line);border-radius:12px;padding:18px 14px;display:grid;gap:4px;justify-items:center;text-align:center;aspect-ratio:9/13;max-width:230px;margin:0 auto;align-content:center;background:var(--surface)}
.sr-kart small{color:var(--muted);font-size:11px}
.sr-kart b{font-size:20px}
.sr-kart i{font-style:normal;font-weight:700;background:var(--ink);color:var(--paper);padding:3px 10px;border-radius:6px;margin-top:6px}
.sr-kart-qr{width:64px;height:64px;margin-top:8px;background:repeating-conic-gradient(var(--ink) 0 25%,transparent 0 50%) 0 0/16px 16px;opacity:.5}
.sr-kart em{font-style:normal;color:var(--bad);font-size:11px;font-weight:700}
@media (max-width:720px){.sr-satir{grid-template-columns:1fr}.sr-onizle{max-width:240px}.sr-onizle b{font-size:18px}}
.md-duzen{margin-top:10px;font-size:14px}
.md-duzen summary{cursor:pointer;font-weight:600}
.g-tercih{border:0;padding:0;margin:0}
.g-tercih legend{font-weight:600;font-size:14px;margin-bottom:4px}

/* ---------- V3 ana sayfa ---------- */
.v3 .rs{display:block;position:relative;overflow:hidden;background:var(--sunk)}
.v3 .rs img{width:100%;height:100%;object-fit:cover}
.v3-b{margin-top:44px}
.v3-h3{font-size:18px;font-weight:600;margin-bottom:14px}
.v3-bh{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px}
.v3-bh h2{font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:-.02em}
.v3-bh p{color:var(--ink-2);margin-top:4px}
.v3-bh > a{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-weight:600;text-decoration:none;white-space:nowrap;font-size:16px}
.v3-bh > a:hover{text-decoration:underline}
.bolum-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.bolum-k{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.bolum-k:hover{border-color:var(--green);box-shadow:var(--shadow)}
.bk-ik{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:var(--r,var(--green));background:color-mix(in srgb,var(--r,var(--green)) 14%,transparent)}
.bk-y{display:grid;gap:1px;min-width:0}
.bolum-k b{font-size:15.5px;font-weight:600;line-height:1.25}
.bk-y > span{font-size:13.5px;color:var(--ink-2);line-height:1.3}
.spon-et{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#fff;color:var(--ink);border-radius:5px;padding:3px 8px}
.spon-btn{display:inline-flex;align-items:center;gap:6px;margin-top:6px;border:1px solid rgb(255 255 255 / .7);border-radius:999px;padding:6px 14px;font-size:14.5px;font-weight:600}
/* Sponsorlu alan (ana sayfa) */
.spon-bk{background:#1b1b1b;text-decoration:none}
.spon-bk .fb-y b{font-size:clamp(24px,2.6vw,32px);font-weight:700;letter-spacing:-.01em}
.spon-bk .fb-y > span:nth-child(3){font-size:16px;opacity:.9;max-width:52ch}
.pop-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.pop-k{display:grid;grid-template-rows:auto 1fr;gap:10px;padding:14px 12px 12px;border-radius:12px;background:var(--green);color:#fff;text-decoration:none;min-height:250px;transition:transform .15s}
.pop-k:hover{transform:translateY(-2px)}
.pop-k b{font-size:16.5px;font-weight:600;line-height:1.3}
.pop-k .rs{border-radius:8px;min-height:170px}
.neden-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.neden-k{display:grid;gap:6px;align-content:start}
.nk-ik{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--sunk);color:var(--green);margin-bottom:4px}
.neden-k b{font-size:16px;font-weight:600}
.neden-k p{font-size:15px;color:var(--ink-2);line-height:1.6}
.adim-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.adim-k{display:grid;gap:6px;align-content:start;padding:22px;border-radius:12px;background:var(--sunk)}
.ad-no{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:700;margin-bottom:8px}
.adim-k b{font-size:16.5px;font-weight:600}
.adim-k p{font-size:15px;color:var(--ink-2);line-height:1.6}
.tur-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.tur-k{position:relative;display:block;aspect-ratio:4/5;border-radius:12px;overflow:hidden;color:#fff;text-decoration:none}
.tur-k .rs{position:absolute;inset:0}
.tur-k .rs::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(0 0 0 / .72),transparent 55%)}
.tur-k b{position:absolute;left:14px;right:14px;bottom:12px;font-size:16px;font-weight:600}
.tur-k:hover .rs img{transform:scale(1.04)}
.tur-k .rs img{transition:transform .3s}
.firma-bant{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);border-radius:16px;overflow:hidden;background:var(--green);color:#fff}
.fb-y{padding:40px;display:grid;gap:14px;align-content:center;justify-items:start}
.fb-g .rs{height:100%;min-height:260px}
.rehber-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rehber-k{display:grid;gap:6px;text-align:left;border:0;background:none;padding:0;cursor:pointer;color:var(--ink)}
.rehber-k .rs{aspect-ratio:16/9;border-radius:12px;margin-bottom:6px}
.rehber-k b{font-size:16.5px;font-weight:600}
.rehber-k span:last-child{font-size:14.5px;color:var(--ink-2)}
.sehir-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 24px}
.sehir-g h3{font-size:16px;font-weight:600;margin-bottom:8px}
.sehir-g ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sehir-g a{display:inline-flex;align-items:center;gap:5px;color:var(--green);text-decoration:none;font-size:15px}
.sehir-g a:hover{text-decoration:underline}
/* ---------- V4 ana sayfa (odaklı açılış) ---------- */
.v4-hero{position:relative;margin-top:24px;border-radius:18px;overflow:hidden;background:#101512;color:#fff;min-height:360px;display:flex;align-items:center}
.v4-hero > .rs{position:absolute;inset:0;background:#101512}
.v4-hero > .rs::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(8 14 11 / .9) 0%,rgb(8 14 11 / .62) 55%,rgb(8 14 11 / .25))}
.v4h-ic{position:relative;display:grid;gap:16px;justify-items:start;padding:44px 48px;max-width:860px}
.v4h-ic h1{font-size:clamp(28px,3.6vw,46px);font-weight:800;letter-spacing:-.025em;line-height:1.1}
.v4h-ic p{font-size:clamp(16px,1.4vw,19px);opacity:.92;max-width:58ch;line-height:1.5}
.v4h-btn{display:flex;flex-wrap:wrap;gap:12px}
.v4h-btn .btn{min-height:48px;padding:0 22px;font-size:16px}
.v4h-ikinci{background:#fff;color:var(--green);border-color:#fff}
.v4h-sik{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}
.v4h-sik span{font-size:15px;opacity:.85;margin-right:2px}
.v4h-sik a{border:1px solid rgb(255 255 255 / .55);border-radius:999px;padding:6px 14px;font-size:15px;color:#fff;text-decoration:none}
.v4h-sik a:hover{background:rgb(255 255 255 / .14)}
.v4-bolum{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.v4-bolum .bolum-k{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}
.v4-bolum .bk-y{gap:4px}
.v4-bolum .bolum-k b{font-size:16.5px}
.v4-bolum em{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-style:normal;font-size:14.5px;font-weight:600;color:var(--green)}
.kim-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kim-k{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.kim-k > .rs{aspect-ratio:16/8}
.kim-ic{display:grid;gap:8px;align-content:start;padding:18px 20px 20px}
.kim-ic h3{font-size:18px;font-weight:700}
.kim-ic p{font-size:15px;color:var(--ink-2);line-height:1.55}
.kim-ic ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:15px}
.kim-ic li::before{content:"✓ ";color:var(--green);font-weight:700}
.kim-a{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--green);font-weight:600;font-size:15.5px;text-decoration:none}
.kim-a:hover{text-decoration:underline}
.v4-firma{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);border-radius:16px;overflow:hidden;background:var(--green);color:#fff}
.v4f-ic{padding:40px;display:grid;gap:14px;align-content:center;justify-items:start}
.v4f-ic h2{font-size:clamp(24px,2.6vw,32px);font-weight:700}
.v4f-ic p{opacity:.92;max-width:62ch;line-height:1.55}
.v4f-ic ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:15px}
.v4f-ic li::before{content:"✓ ";font-weight:700}
.v4-firma > .rs{min-height:260px}
div.rehber-k{cursor:default}
button.rehber-k:hover b{text-decoration:underline}
.rh-yakinda{justify-self:start;font-size:12px;font-weight:600;color:var(--ink-2);background:var(--sunk);border-radius:6px;padding:2px 8px}
.sehir-g .sub{font-size:14px}
.sehir-not{margin-top:10px}
@media (max-width:1100px){ .v4-bolum{grid-template-columns:repeat(3,minmax(0,1fr))} .kim-g{grid-template-columns:1fr 1fr} }
@media (max-width:760px){
  .v4-hero{min-height:0;border-radius:14px;margin-top:14px}
  .v4h-ic{padding:26px 20px;gap:12px}
  .v4-bolum{grid-template-columns:1fr 1fr;gap:10px}
  .v4-bolum .bolum-k{padding:14px;gap:8px}
  .kim-g{grid-template-columns:1fr}
  .v4-firma{grid-template-columns:1fr}
  .v4-firma > .rs{min-height:180px}
  .v4f-ic{padding:26px 20px}
}
@media (max-width:1100px){
  .bolum-g,.pop-g,.tur-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .neden-g,.sehir-g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .v3-b{margin-top:32px}
  .bolum-g,.pop-g,.tur-g,.rehber-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adim-g,.neden-g,.sehir-g{grid-template-columns:1fr}
  .firma-bant{grid-template-columns:1fr}
  .fb-y{padding:24px}
  .fb-g .rs{min-height:180px}
  .pop-k{min-height:200px}
  .pop-k .rs{min-height:130px}
  .v3-bh{flex-wrap:wrap}
}

/* ---------- V3 grup sayfası ve ilan kartı ---------- */
.v3-yol{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--ink-2);padding-top:16px}
.v3-yol a{color:var(--ink-2);text-decoration:none}
.v3-yol a:hover{text-decoration:underline}
.v3-yol [aria-current]{color:var(--ink);font-weight:500}
.g-bas{position:relative;display:flex;align-items:center;gap:24px;min-height:180px;margin-top:12px;border-radius:14px;overflow:hidden;background:#173a28;color:#fff;padding:28px 32px}
.g-bas-f{position:absolute;inset:0}
.g-bas-f img{width:100%;height:100%;object-fit:cover;opacity:.4}
.g-bas-f::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(12 30 20 / .9),rgb(12 30 20 / .45))}
.g-bas-y{position:relative;flex:1;display:grid;gap:8px}
.g-bas-y h1{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.02em}
.g-bas-y p{font-size:16.5px;opacity:.92;max-width:62ch}
.g-bas-s{position:relative;display:flex;gap:28px;margin:0}
.g-bas-s div{display:grid;justify-items:center}
.g-bas-s dd{order:-1;margin:0;font-size:34px;font-weight:700;line-height:1.1}
.g-bas-s dt{font-size:13px;opacity:.85}
.g-spon{display:grid;justify-items:start;gap:4px;margin-top:14px;padding:22px 28px;border-radius:14px;background:linear-gradient(100deg,#2a1240,#5a1f6a 55%,#8a2f5a);color:#fff}
.g-spon b{font-size:clamp(19px,2vw,24px);font-weight:700}
.g-spon > span:last-child{font-size:15px;opacity:.88}
.g-alt{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.g-alt-k{display:grid;grid-template-rows:auto auto 1fr;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);padding-bottom:12px;transition:border-color .15s,box-shadow .15s}
.g-alt-k:hover{border-color:var(--green);box-shadow:var(--shadow)}
.g-alt-k .rs{aspect-ratio:16/10;margin-bottom:6px;display:grid;place-items:center;color:var(--green)}
.g-alt-k .rs.yok{background:var(--green-soft)}
.g-alt-k b{font-size:15px;font-weight:600;padding:0 12px;line-height:1.35}
.g-alt-k small{font-size:13.5px;color:var(--ink-2);padding:0 12px}
.g-alt-tum{place-content:center;text-align:center;justify-items:center;padding:16px;background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 30%,var(--line));color:var(--green);font-weight:600;font-size:15px;display:flex;align-items:center;gap:6px}
.g-cip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.cip,.cip-b{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:15px;cursor:pointer;text-decoration:none;white-space:nowrap}
.cip:hover,.cip-b:hover{border-color:var(--ink-2)}
.cip[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
.g-ust{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.g-ust b{font-size:17px}
.g-sira{margin-left:auto;font-size:14.5px;color:var(--ink-2);display:flex;align-items:center;gap:6px}
.g-sira select{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:8px 10px;font-size:15px;color:var(--ink)}
.v3-kartlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}
.g-daha-k{display:flex;justify-content:center;margin-top:20px}
.g-daha-k .btn{border-radius:999px;padding:10px 22px}
.v3k{position:relative;display:grid;align-content:start;gap:10px}
.v3k-f{display:block;border-radius:12px;overflow:hidden;aspect-ratio:4/3}
.v3k-f .ph{height:100%;aspect-ratio:auto;border-radius:0}
.v3k-f img{transition:transform .3s}
.v3k:hover .v3k-f img{transform:scale(1.03)}
.v3k-kay{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:rgb(255 255 255 / .92);color:var(--ink);cursor:pointer;box-shadow:0 1px 4px rgb(0 0 0 / .15)}
.v3k-b{display:grid;gap:5px}
.v3k-firma{display:flex;align-items:center;gap:7px;min-width:0;font-size:14px}
.v3k-av{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;font-weight:700}
.v3k-ad{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.v3k-et{margin-left:auto;flex:none;font-size:12px;color:var(--ink-2);background:var(--sunk);border-radius:5px;padding:2px 7px;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3k h3{font-family:var(--f-body);font-size:16px;font-weight:400;line-height:1.45;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v3k h3 a{text-decoration:none;color:var(--ink)}
.v3k h3 a:hover{text-decoration:underline}
.v3k-puan{font-size:14.5px;font-weight:600}
.v3k-puan span{font-weight:400;color:var(--ink-2)}
.v3k-fiyat{display:grid;margin-top:2px}
.v3k-fiyat small{font-size:12.5px;color:var(--ink-2)}
.v3k-fiyat b{font-size:17px;font-weight:700}
.v3k-d{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:6px}
.v3k-d::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.v3k-d.ok{color:var(--ok)}.v3k-d.warn{color:var(--warn)}.v3k-d.bad{color:var(--bad)}
.g-iki{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
.g-kutu{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.g-kutu h2{font-size:19px;font-weight:600;margin-bottom:12px}
.g-kutu h3{font-size:16px;font-weight:600;margin:4px 0 8px}
.g-kutu h3 + ul + h3{margin-top:16px}
.g-hangi{list-style:none;margin:0;padding:0;display:grid}
.g-hangi li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:15px}
.g-hangi li:first-child{border-top:0}
.g-hangi a{display:inline-flex;align-items:center;gap:6px;color:var(--green);text-decoration:none;white-space:nowrap;font-weight:500}
.g-hangi a:hover{text-decoration:underline}
.v3-sss details{border-top:1px solid var(--line)}
.v3-sss details:first-child{border-top:0}
.v3-sss summary{cursor:pointer;padding:11px 0;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;gap:10px}
.v3-sss summary::after{content:"+";color:var(--ink-2);font-size:20px;line-height:1}
.v3-sss details[open] summary::after{content:"−"}
.v3-sss summary::-webkit-details-marker{display:none}
.v3-sss p{padding:0 0 12px;color:var(--ink-2);font-size:15px;line-height:1.65}
.g-metin{display:grid;gap:10px;align-content:start}
.g-metin h2{font-size:20px;font-weight:600}
.g-metin p{line-height:1.7;color:var(--ink)}
.g-metin p.sub{font-size:13.5px}
.g-bag{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.g-bag a{display:inline-flex;align-items:center;gap:5px;color:var(--green);text-decoration:none;font-size:15px}
.g-bag a:hover{text-decoration:underline}
.g-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--green);color:#fff;border-radius:14px;padding:22px 28px}
.g-cta > div{display:flex;align-items:center;gap:14px}
.g-cta > div > span{display:grid}
.g-cta b{font-size:18px}
.g-cta span span{opacity:.9;font-size:15px}
@media (max-width:1100px){
  .g-alt{grid-template-columns:repeat(4,minmax(0,1fr))}
  .v3-kartlar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .g-iki{grid-template-columns:1fr}
}
@media (max-width:760px){
  .g-bas{flex-direction:column;align-items:flex-start;padding:22px 18px}
  .g-bas-s dd{font-size:26px}
  .g-alt{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v3-kartlar{grid-template-columns:1fr 1fr;gap:16px 12px}
  .g-cip{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}
  .g-hangi li{flex-direction:column;gap:2px}
  .g-bag{grid-template-columns:1fr}
  .g-spon{padding:18px}
}
@media (max-width:430px){.v3-kartlar{grid-template-columns:1fr}}
/* V3 yazı ölçüsü (16px) ile dar ekranda uzun satırlar kabı genişletmesin. */
.ft-det > *,.ft-bol > *,.card > *,.card-b > *{min-width:0}
@media (max-width:430px){.btn{white-space:normal;text-align:center}.org-eylem{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* ---------- V3 sonuç sayfası (sonuc.html): sol panel yok; "Tüm filtreler" sağdan açılan çekmece ---------- */
body.v3s .ks{grid-template-columns:minmax(0,1fr);padding-top:4px}
body.v3s .ks-mob{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 12px}
body.v3s .ks-mob .filtre-btn{display:inline-flex;width:auto;min-height:42px;border-radius:999px;padding:0 18px;font-size:15px;font-weight:500}
body.v3s #filtre-ac{background:var(--green);border-color:var(--green);color:#fff}
body.v3s #filtre-ac b{background:rgb(255 255 255 / .22);border-radius:999px;padding:0 7px;font-size:13px}
body.v3s .ks-mob #ozet{flex-basis:100%;font-size:14px;color:var(--ink-2)}
body.v3s .kp{position:fixed;top:0;bottom:0;right:0;left:auto;width:min(460px,100vw);z-index:75;border-radius:0;border:0;border-left:1px solid var(--line);display:none;flex-direction:column;box-shadow:-20px 0 40px -20px rgb(0 0 0 / .35)}
body.v3s .kp.open{display:flex}
body.v3s .kp-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line)}
body.v3s .kp-h b{font-size:18px}
body.v3s .kp-ic{flex:1;overflow:auto;overscroll-behavior:contain}
body.v3s .kp-foot{display:flex;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface)}
body.v3s .kp-foot .btn{flex:1;min-height:46px}
body.v3s .kp-foot .primary{flex:2}
body.v3s .ks-h{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.02em}
body.v3s .crumb{font-size:14px;color:var(--ink-2)}
body.v3s .ks-acik{color:var(--ink-2);font-size:16px}
@media (max-width:760px){body.v3s .kp{width:100vw;border-left:0}}
body.v3s .rgrid:has(.org-kart){grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px 16px}
body.v3s .org-kart{border:0;background:none;box-shadow:none}
body.v3s .org-kart .org-foto{border-radius:12px;overflow:hidden}
body.v3s .org-kart .card-b{padding:10px 2px 0}
body.v3s .ust-ara{box-shadow:none}

/* ---------- V3 ilan detay ---------- */
.il-duzen{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start;margin-top:10px}
.il-sol h1{font-size:clamp(24px,2.6vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.2}
.il-firma{display:flex;align-items:center;gap:10px;margin:12px 0 16px;font-size:15px}
.il-firma > div{flex:1;min-width:0}
.il-firma a{color:var(--ink);text-decoration:none}
.il-firma a:hover{text-decoration:underline}
.il-firma .v3k-av{width:40px;height:40px;font-size:14px}
.il-galeri{position:relative;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:420px;border-radius:14px;overflow:hidden}
.il-galeri > span{display:block;min-height:0}
.il-galeri .ph{height:100%;aspect-ratio:auto;border-radius:0}
.ig-0{grid-row:1 / 3}
.ig-say{position:absolute;right:12px;bottom:12px;background:rgb(255 255 255 / .94);color:var(--ink);border-radius:8px;padding:6px 10px;font-size:13.5px;font-weight:600}
.il-b{margin-top:32px;display:grid;gap:10px}
.il-b h2{font-size:21px;font-weight:600}
.il-b > p{line-height:1.7}
.il-tablo{border:1px solid var(--line);border-radius:12px;overflow-x:auto;background:var(--surface)}
.il-tablo table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.il-tablo th,.il-tablo td{padding:11px 14px;border-top:1px solid var(--line);text-align:center}
.il-tablo thead th{border-top:0;background:var(--paper);font-weight:600}
.il-tablo tbody th{text-align:left;font-weight:400;color:var(--ink)}
.pk-v{color:var(--ok);font-weight:700}.pk-x{color:var(--bad)}.pk-m{font-size:14px}
.il-fiyat th,.il-fiyat td{font-weight:700!important}
.il-cip{display:flex;flex-wrap:wrap;gap:8px}
.il-cip span{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:14.5px}
.il-kutu{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px 18px}
.il-bos{padding:16px 18px;display:grid;gap:6px}
.il-bos p{color:var(--ink-2);font-size:15px}
.il-sag{position:sticky;top:16px;display:grid;gap:14px}
.pk-kutu{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.pk-sekme{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.pk-sekme button{border:0;background:none;padding:14px 6px;font-size:15.5px;color:var(--ink-2);cursor:pointer;border-bottom:3px solid transparent}
.pk-sekme [aria-selected="true"]{color:var(--green);font-weight:600;border-bottom-color:var(--green)}
.pk-ic{padding:18px;display:grid;gap:12px}
.pk-fiyat{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pk-fiyat b{font-size:26px;font-weight:700}
.pk-fiyat small{color:var(--ink-2);font-size:14px}
.pk-ic .sample{justify-self:start}
.pk-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px}
.pk-liste li{color:var(--ink)}
.pk-liste li:not(.yok)::first-letter{color:var(--ok)}
.pk-liste li.yok{color:var(--ink-2)}
.pk-tarih{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:15px}
.pk-tarih .tk{flex:1}
.pk-durum{font-size:14px;border-radius:8px;padding:8px 12px;background:var(--sunk);color:var(--ink-2)}
.pk-durum.warn{background:var(--warn-soft);color:var(--warn)}
.pk-b,.pk-b2{min-height:48px;font-size:16px;width:100%}
.pk-b2{border-color:var(--green);color:var(--green)}
.pk-soru{justify-self:center;display:inline-flex;align-items:center;gap:6px;color:var(--green);font-weight:600}
.pk-not{font-size:13px;color:var(--ink-2);text-align:center}
.il-fkutu{display:grid;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:14.5px}
.il-fkutu span{color:var(--ink-2)}
.il-fkutu .btn{margin-top:8px}
@media (max-width:1024px){.il-duzen{grid-template-columns:1fr}.il-sag{position:static}}
@media (max-width:760px){.il-galeri{grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr 1fr;height:420px}.ig-0{grid-row:auto;grid-column:1 / -1}.ig-3,.ig-4{display:none}}
.il-tablo th,.il-tablo td{font-family:var(--f-body);text-transform:none;letter-spacing:0;font-size:15px;color:var(--ink)}
.il-tablo thead th{font-size:15.5px}
.il-tablo tbody th{background:none}
.pk-b,.pk-b2{display:flex;justify-content:center;text-align:center}

/* ---------- V4 kiralık ekipman ürün sayfası (urun.html) ---------- */
.ilan-sayfa .il-sol{min-width:0}
.ur-yok{margin:10px 0 0;border:1px solid var(--bad);background:var(--bad-soft);color:var(--bad);border-radius:10px;padding:12px 16px;font-size:15px}
.ur-rozet{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}
.ur-r{font-size:12.5px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:2px 9px;background:var(--surface)}
.ur-ozet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}
.ur-ozet > div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface);display:grid;gap:2px;min-width:0}
.ur-ozet small{font-size:12.5px;color:var(--ink-2)}
.ur-ozet b{font-size:16px;font-weight:700;overflow-wrap:anywhere}
.ur-ozet .ok{background:var(--ok-soft);border-color:transparent}.ur-ozet .ok b{color:var(--ok)}
.ur-ozet .warn{background:var(--warn-soft);border-color:transparent}.ur-ozet .warn b{color:var(--warn)}
.ur-ozet .bad{background:var(--bad-soft);border-color:transparent}.ur-ozet .bad b{color:var(--bad)}
.ur-soluk,.ur-ozet .soluk b{opacity:.55}
.ur-sekme{position:sticky;top:0;z-index:5;display:flex;gap:4px;overflow-x:auto;background:var(--paper);border-bottom:1px solid var(--line);margin-top:20px;scrollbar-width:none}
.ur-sekme a{flex:none;padding:12px 10px;color:var(--ink-2);text-decoration:none;font-size:14.5px;font-weight:500;border-bottom:2px solid transparent}
.ur-sekme a:hover{color:var(--ink);border-bottom-color:var(--line)}
.il-b[id^="ur-"]{scroll-margin-top:56px;grid-template-columns:minmax(0,1fr)}
.ur-tablo td,.ur-tablo th{text-align:left;vertical-align:top}
.ur-tablo small{display:block;color:var(--ink-2);font-size:13px;font-weight:400}
.ur-tablo tr.on{background:var(--eqp-soft)}
.ur-olcu{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface)}
.ur-olcu-g{display:grid;gap:12px;align-content:start}
.ur-olcu-in{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
.ur-olcu-in label{font-size:13px;color:var(--ink-2);grid-row:1}
.ur-olcu-in input{height:44px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font:inherit;font-size:16px;background:var(--surface);color:var(--ink);min-width:0}
.ur-ekran{position:relative;aspect-ratio:calc(var(--kx,12) / var(--ky,6));max-height:200px;border-radius:6px;background:#10182c;
  background-image:linear-gradient(90deg,rgb(255 255 255 / .16) 1px,transparent 1px),linear-gradient(rgb(255 255 255 / .16) 1px,transparent 1px);
  background-size:calc(100% / var(--kx,12)) calc(100% / var(--ky,6));display:grid;place-items:center}
.ur-ekran span{color:#fff;font-size:13px;font-weight:600;background:rgb(0 0 0 / .45);padding:3px 8px;border-radius:6px}
.ur-sonuc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.ur-sonuc > div{background:var(--sunk);border-radius:8px;padding:8px 10px}
.ur-sonuc dt{font-size:12.5px;color:var(--ink-2)}
.ur-sonuc dd{margin:0;font-weight:700;font-size:15px}
.ur-sonuc .ur-uyari{grid-column:1 / -1;background:var(--warn-soft);color:var(--warn);font-size:14px}
.ur-kosul{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0;border:1px solid var(--line);border-radius:12px;padding:4px 16px;background:var(--surface)}
.ur-kosul > div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.ur-kosul dt{color:var(--ink-2)}
.ur-kosul dd{margin:0;font-weight:600;text-align:right}
.ur-dahil{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ur-dahil li{display:flex;gap:8px;align-items:baseline;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:var(--surface);font-size:14.5px}
.ur-ekle{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.ur-ekle-k{display:grid;gap:2px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface)}
.ur-ekle-k a{color:var(--ink);text-decoration:none}.ur-ekle-k a:hover{text-decoration:underline}
.ur-ekle-k small{color:var(--ink-2);font-size:12.5px}
.ur-ekle-k .lnk{justify-self:start;color:var(--eqp);font-weight:600;margin-top:4px}
.ur-tk{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface);max-width:520px}
.ur-tk-b{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ur-tk-b h3{font-size:16px}
.ur-tk-g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.ur-tk-g i{font-style:normal;font-size:12px;color:var(--ink-2);text-align:center;padding:2px 0}
.ur-g{display:grid;place-items:center;align-content:center;min-height:42px;border-radius:6px;font-size:13.5px;line-height:1.1}
.ur-g small{font-size:10.5px}
.ur-g.tam,.ur-lej .tam{background:var(--ok-soft);color:var(--ok)}
.ur-g.kismen,.ur-lej .kismen{background:var(--warn-soft);color:var(--warn)}
.ur-g.dolu,.ur-lej .dolu{background:var(--sunk);color:var(--muted);text-decoration:line-through}
.ur-g.kur,.ur-lej .kur{background:repeating-linear-gradient(135deg,var(--sunk) 0 4px,var(--surface) 4px 8px);color:var(--ink);border:1px dashed var(--line)}
.ur-g.etk,.ur-lej .etk{background:var(--eqp);color:#fff;font-weight:700}
.ur-lej{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px}
.ur-lej li{display:flex;align-items:center;gap:6px}
.ur-lej i{width:14px;height:14px;border-radius:4px;display:inline-block;text-decoration:none}
.ur-firma-k{margin-top:32px;display:flex;gap:16px;align-items:center;justify-content:space-between;background:var(--warn-soft);border-radius:12px;padding:16px 18px}
.ur-firma-k p{color:var(--ink-2);font-size:14.5px;margin-top:4px}
.ur-ic{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:14.5px}
.ur-ic a{display:inline-flex;align-items:center;gap:4px;color:var(--eqp);font-weight:600}
.ur-k-b{font-size:19px;font-weight:700}
.ur-alan{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14.5px;min-height:48px;flex-wrap:wrap}
.ur-alan > span:first-child,.ur-alan > label{color:var(--ink-2)}
.ur-alan .tk{flex:1;display:flex;justify-content:flex-end}
.ur-alan input[type=number],.ur-alan select{width:auto;max-width:170px;height:36px}
.ur-alan .yer-g{flex:1;min-width:0;border:0;background:none;font:inherit;text-align:right;color:var(--ink);order:2}
.ur-alan > span[aria-hidden]{order:1;color:var(--ink-2)}
.ur-tutar{font-size:14.5px;background:var(--sunk);border-radius:8px;padding:10px 12px;display:grid;gap:2px}
.ur-tutar:empty{display:none}
.ur-tutar small{color:var(--ink-2);font-size:12.5px}
.pk-durum.ok{background:var(--ok-soft);color:var(--ok)}
.pk-durum.bad{background:var(--bad-soft);color:var(--bad)}
.ur-kutu button[disabled]{opacity:.5;cursor:not-allowed}
.ur-git{display:none}
#ur-kutu{scroll-margin-top:16px}
@media (max-width:1024px){.ur-ozet{grid-template-columns:repeat(3,minmax(0,1fr))}.ur-git{display:flex;justify-content:center;margin-top:10px;min-height:46px}}
@media (max-width:760px){.ur-ozet{grid-template-columns:1fr 1fr}.ur-olcu,.ur-kosul,.ur-dahil{grid-template-columns:1fr}.ur-firma-k{flex-direction:column;align-items:stretch}.ur-sonuc{grid-template-columns:1fr 1fr}}
.card .kart-ust b a{color:inherit;text-decoration:none}.card .kart-ust b a:hover{text-decoration:underline}
/* Kiralama talebi: ürün sayfalarından eklenen kalemler */
.kl-liste{display:grid;gap:8px}
.kl-k{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--surface)}
.kl-k small{display:block;color:var(--ink-2);font-size:13px}

/* ---------- V3 telefon ---------- */
.kalp-btn{display:none;border:0;background:none;color:var(--ink);width:44px;height:44px;align-items:center;justify-content:center;border-radius:9px;cursor:pointer}
.tabbar a,.tabbar button{display:grid;justify-items:center;align-content:center;gap:2px;padding:7px 2px 8px;min-height:56px;font-size:11.5px;font-weight:500;color:var(--ink-2);text-decoration:none;border:0;background:none;cursor:pointer;font-family:inherit}
.tabbar a[aria-current="page"],.tabbar button[aria-expanded="true"]{color:var(--green);font-weight:700}
.kat-sheet{position:fixed;inset:0;z-index:85;background:var(--surface);display:flex;flex-direction:column}
.kat-sheet[hidden]{display:none}
.ksh-h{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line)}
.ksh-h h2{font-size:19px;font-weight:700}
.ksh-kapat{width:44px;height:44px;border:0;background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.ksh-sekme{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;border-bottom:1px solid var(--line);scrollbar-width:none}
.ksh-sekme button{flex:none;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:15px;color:var(--ink);cursor:pointer}
.ksh-sekme [aria-selected="true"]{background:var(--green);border-color:var(--green);color:#fff}
.ksh-ic{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.ksh-tum{display:flex;align-items:center;gap:6px;padding:14px 16px;color:var(--green);font-weight:600;text-decoration:none;border-bottom:1px solid var(--line)}
.ksh-ac{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 16px;border:0;border-bottom:1px solid var(--line);background:none;font-size:16px;font-weight:500;color:var(--ink);text-align:left;cursor:pointer}
.ksh-ac span{color:var(--ink-2);font-size:20px}
.ksh-ac[aria-expanded="true"]{background:var(--green-soft);color:var(--green)}
.ksh-ac[aria-expanded="true"] span{transform:rotate(45deg)}
.ksh-g ul{list-style:none;margin:0;padding:0}
.ksh-g li a{display:flex;align-items:center;gap:6px;min-height:48px;padding:0 16px 0 32px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:15.5px}
.ksh-gt{color:var(--green)!important;font-weight:600}
@media (max-width:760px){
  .kserit{display:none}
  .kalp-btn{display:inline-flex}
  .hdr-actions{gap:2px}
  .bolum-g{gap:8px}
  .bolum-k{padding:8px 10px;gap:8px}
  .bk-ik{width:32px;height:32px}
  .bk-y > span{display:none}
  .bolum-k b{font-size:14px}
}

/* ---------- Düğün giriş sayfası (/dugun, dugun.js) ---------- */
.dg-giris{position:relative;min-height:420px;display:grid;align-items:center;color:#fff;background:#1d2620;overflow:hidden}
.dg-giris-f{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.dg-giris::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgb(16 28 20 / .92) 0%,rgb(16 28 20 / .72) 38%,rgb(16 28 20 / .1) 70%)}
.dg-giris-ic{position:relative;z-index:2;padding-block:48px;display:grid;gap:14px;width:100%}
.dg-giris-ic > *{max-width:640px}
.dg-yol{font-size:14.5px;opacity:.9}.dg-yol a{color:#fff}
.dg-giris h1{font-size:clamp(30px,3.6vw,46px);line-height:1.12;letter-spacing:-.02em;font-weight:800}
.dg-giris p{font-size:17px;line-height:1.5;opacity:.95}
.dg-kisa{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.dg-kisa a{color:#fff;text-decoration:none;border:1px solid rgb(255 255 255 / .55);background:rgb(255 255 255 / .1);border-radius:999px;padding:8px 16px;font-size:15px;min-height:40px;display:inline-flex;align-items:center}
.dg-kisa a:hover{background:rgb(255 255 255 / .22)}
.dg-h3{font-size:18px;font-weight:700;margin-bottom:12px}
.dg-neden{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dg-neden > div{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}
.dg-neden span{grid-row:span 2;color:var(--green)}
.dg-neden b{font-size:16px}.dg-neden p{font-size:14.5px;color:var(--ink-2)}
.dg-spon{position:relative;display:grid;align-items:center;min-height:170px;border-radius:14px;overflow:hidden;background:#1b1b1b;color:#fff}
.dg-spon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dg-spon::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgb(0 0 0 / .85) 0%,rgb(0 0 0 / .55) 40%,rgb(0 0 0 / 0) 75%)}
.dg-spon > div{position:relative;z-index:2;display:grid;gap:8px;justify-items:start;padding:24px 32px}
.dg-spon b{font-size:clamp(22px,2.2vw,30px);font-weight:700}
.dg-spon > div > span:last-child{font-size:15.5px;opacity:.92}
.dg-sekme{display:flex;gap:4px 22px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}
.dg-sekme button{border:0;background:none;padding:10px 0;font-size:16px;color:var(--ink-2);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;min-height:44px}
.dg-sekme button[aria-selected=true]{color:var(--ink);font-weight:600;border-color:var(--act)}
.dg-kamp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dg-kc{display:grid;gap:4px;align-content:start;color:var(--ink);text-decoration:none}
.dg-kc-f{position:relative;display:block;margin-bottom:6px}
.dg-kc-f .rs{aspect-ratio:16/9;border-radius:12px}
.dg-oran{position:absolute;top:10px;left:10px;background:var(--act);color:#fff;font-weight:700;border-radius:7px;padding:3px 9px;font-size:14px}
.dg-tem,.dg-kk-tem{position:absolute;right:8px;bottom:8px;font-size:10.5px;font-weight:600;text-transform:uppercase;background:rgb(0 0 0 / .6);color:#fff;border-radius:4px;padding:2px 6px}
.dg-kc b{font-size:16px}.dg-kc:hover b{text-decoration:underline}
.dg-son-gun{justify-self:start;background:var(--act-soft);color:var(--act);font-weight:600;font-size:13.5px;border-radius:6px;padding:3px 9px;margin-top:4px}
.dg-kc .sample{justify-self:start}
.dg-kat{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.dg-kk{position:relative;display:grid;align-content:end;min-height:150px;border-radius:12px;overflow:hidden;color:#fff;text-decoration:none;padding:12px 14px}
.dg-kk .rs{position:absolute;inset:0}
.dg-kk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .08) 20%,rgb(0 0 0 / .82) 100%)}
.dg-kk b,.dg-kk > span{position:relative;z-index:1}
.dg-kk b{font-size:16px;line-height:1.25}.dg-kk > span{font-size:13px;opacity:.92}
.dg-kk:hover b{text-decoration:underline}
.dg-yakinda{filter:grayscale(1);opacity:.75}
.dg-sehir{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.dg-sehir a{display:grid;gap:4px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px 18px;color:var(--ink);text-decoration:none}
.dg-sehir a:hover{border-color:var(--green)}
.dg-sehir b{font-size:17px}.dg-sehir span{font-size:14px;color:var(--ink-2)}
.dg-vitrin{display:grid;gap:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px}
.dg-sira{display:grid;gap:12px;min-width:0}
.dg-sira-h{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.dg-sira-h h3{font-size:18px;font-weight:700}
.dg-ok{margin-left:auto;display:flex;gap:8px}
.dg-kay{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:20px;cursor:pointer;color:var(--ink)}
.dg-kay:hover{border-color:var(--green)}
.dg-serit{list-style:none;margin:0;padding:0 0 6px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * 16px) / 6);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.dg-marka{display:grid;gap:3px;align-content:start;scroll-snap-align:start}
.dg-marka > b{font-size:16px;margin-top:6px}
.dg-marka .sub a{color:var(--green)}
.dg-ig{position:relative;display:grid;place-content:center;justify-items:center;gap:6px;aspect-ratio:4/5;border-radius:12px;background:linear-gradient(160deg,#f6efe6,#e9dfd2);color:#4b3f33;text-align:center;padding:12px}
.dg-ig b{font-size:19px;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.02em}
.dg-ig small{font-size:12px;opacity:.8}
.dg-no{position:absolute;left:10px;bottom:10px;background:var(--green);color:#fff;font-size:12.5px;font-weight:700;border-radius:6px;padding:2px 8px}
.dg-tr{grid-template-columns:repeat(4,minmax(0,1fr))}
.dg-ekle{display:grid;place-content:center;gap:6px;text-align:center;border:1.5px dashed var(--line);border-radius:12px;padding:20px;color:var(--ink);text-decoration:none;min-height:200px}
.dg-ekle b{color:var(--green)}.dg-ekle span{font-size:14px;color:var(--ink-2)}
.dg-not{font-size:13.5px}
.dg-galeri{display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,170px);gap:14px}
.dg-galeri figure{position:relative;margin:0;border-radius:12px;overflow:hidden}
.dg-galeri .rs{height:100%}
.dg-galeri .dg-gb{grid-row:span 2}
.dg-galeri figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 14px 10px;color:#fff;font-weight:600;background:linear-gradient(180deg,rgb(0 0 0 / 0),rgb(0 0 0 / .65))}
.dugun-sayfa .rehber-g{grid-template-columns:repeat(4,minmax(0,1fr))}
.dg-talep{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--green);color:#fff;border-radius:14px;padding:22px 26px;flex-wrap:wrap}
.dg-talep > div{display:grid;gap:4px}
.dg-talep b{font-size:19px}.dg-talep span{opacity:.92}
.dg-son{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:56px}
.dg-son h2{font-size:20px;margin-bottom:10px}
.dg-son p{color:var(--ink-2);line-height:1.6}
@media (max-width:1100px){
  .dg-kat,.dg-sehir{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dg-neden,.dg-kamp,.dugun-sayfa .rehber-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dg-serit{grid-auto-columns:calc((100% - 3 * 16px) / 4)}
  .dg-tr{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .dg-giris{min-height:380px}
  .dg-giris::before{background:linear-gradient(180deg,rgb(16 28 20 / .55) 0%,rgb(16 28 20 / .88) 70%)}
  .dg-giris-f{object-position:72% center}
  .dg-kat,.dg-sehir,.dg-tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dg-neden,.dg-son{grid-template-columns:1fr}
  .dg-serit{grid-auto-columns:46%}
  .dg-galeri{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:140px}
  .dg-galeri .dg-gb{grid-column:span 2;grid-row:auto}
  .dg-vitrin{padding:16px}
  .dg-spon > div{padding:20px}
}
@media (max-width:430px){.dg-kamp,.dugun-sayfa .rehber-g{grid-template-columns:1fr}}

/* ---------- Düğün sonuç sayfası (sonuc.html, body.dg): yaka-ilçe, tür, açılır menüler, hızlı filtreler, V3 kart ekleri ---------- */
.v3k-m{font-size:13px;color:var(--ink-2);margin-top:-6px}
.v3k-tek{font-size:15.5px}
.v3k-dahil{background:var(--green-soft,#e8f1ec);color:var(--ink);border-radius:6px;padding:6px 9px;font-size:13px;line-height:1.35}
.v3k-spon{background:#fff8e6;outline:1px solid #f0d58c;border-radius:14px;padding:8px;margin:-8px}
.v3k-sp{justify-self:start;background:#fff;border:1px solid #f0d58c;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:3px 8px;margin-bottom:-2px}
body.dg #ust-ara,body.dg .ks-mob,body.dg #org-ara{display:none}
.dg-spon-s{margin:6px 0 18px}
#org-ust .dg-sat{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.dg-yaka{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.dg-yaka button{border:0;background:none;padding:0 16px;min-height:42px;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer}
.dg-yaka button[aria-pressed="true"]{background:var(--green);color:var(--on-green)}
.dg-ilce select{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:14.5px;background:var(--surface);color:var(--ink)}
.dg-menu{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 12px}
.dg-ddb{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 14px;font:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
.dg-ddb b{color:var(--green)}
.dg-ddb[aria-expanded="true"],.dg-dd-on .dg-ddb{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.dg-ddb[aria-expanded="true"] > svg:last-child{transform:rotate(180deg)}
.dg-dd{position:relative}
.dg-dd-f{position:static}
.dg-ddp{position:absolute;z-index:40;top:calc(100% + 8px);left:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 48px -20px rgb(0 0 0 / .35);padding:18px 22px;min-width:260px}
.dg-dd-f .dg-ddp{right:0;max-width:1180px}
.dg-ddp ul,.dg-fm ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dg-ml{display:block;padding:6px 0;color:var(--ink);text-decoration:none;font-size:15px}
a.dg-ml:hover{color:var(--green);text-decoration:underline}
.dg-ml.on{color:var(--green);font-weight:700}
.dg-ml.on::after{content:" ✓"}
.dg-yk{color:var(--muted)}
.dg-menu-n{font-size:13.5px}
.dg-fm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(260px,1.3fr);gap:8px 28px}
.dg-fm5{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(260px,1.3fr)}
.dg-mh{margin:10px 0 4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.dg-fm > div > .dg-mh:first-child{margin-top:0}
.dg-pop{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dg-pop a{position:relative;display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;color:#fff;text-decoration:none;background:#222}
.dg-pop img{width:100%;height:100%;object-fit:cover}
.dg-pop a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / 0) 40%,rgb(0 0 0 / .75) 100%)}
.dg-pop b{position:absolute;z-index:1;left:10px;bottom:8px;font-size:14px}
.dg-hiz{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.dg-h{display:inline-flex;align-items:center;gap:6px;min-height:40px;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:0 15px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer}
.dg-h[aria-pressed="true"],.dg-h.on{background:var(--green);border-color:var(--green);color:var(--on-green)}
.dg-h b{background:var(--green);color:var(--on-green);border-radius:999px;padding:0 7px;font-size:12.5px}
.dg-tnot svg{flex:none}
.dg-tnot{display:flex;gap:8px;align-items:center;background:var(--bg-2,#f4f5f3);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--ink-2);margin:0 0 6px}
body.dg .org-cip{margin:0 0 4px}
.dg-kartlar{margin-top:6px}
.dg-daha{display:flex;justify-content:center;margin:22px 0 6px}
.dg-ayrac{display:flex;align-items:center;gap:12px;margin:26px 0 16px;color:var(--ink-2);font-size:14px}
.dg-ayrac::before,.dg-ayrac::after{content:"";flex:1;border-top:1px solid var(--line)}
#org-alt .dg-sizin{border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:34px 0 22px;background:var(--surface)}
.dg-sizin h2,.dg-son2 h2{font-size:21px;margin:0 0 4px}
.dg-sizin > .sub{margin:0 0 16px}
.dg-son2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;margin:28px 0 10px;align-items:start}
.dg-son2 h3{font-size:16px;margin:18px 0 8px}
.dg-son2 aside{display:grid;gap:18px;border:1px solid var(--line);border-radius:14px;padding:20px}
.dg-yk-g{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0}
.dg-yk-g ul,.dg-ilgili{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:5px;font-size:14.5px}
.dg-yk-a{font-weight:700;color:var(--green)}
.dg-yk-g small{color:var(--muted)}
.dg-ilgili{grid-template-columns:1fr 1fr}
.dg-ilgili a,.dg-yk-g a{color:var(--green)}
/* Filtre paneli */
.dg-pg{margin:12px 0 6px;font-size:13px;font-weight:600;color:var(--ink-2)}
.dg-pcs{display:flex;flex-wrap:wrap;gap:6px}
.dg-pc{display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--line);border-radius:999px;padding:0 12px;font-size:13.5px;color:var(--ink);text-decoration:none;background:var(--surface)}
.dg-pc.on{background:var(--green);border-color:var(--green);color:var(--on-green)}
span.dg-pc.dg-yk{color:var(--muted);border-style:dashed}
section[aria-labelledby="pg-dgkat"]{background:#fff8ee}
.dg-seg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.dg-seg label{position:relative;cursor:pointer}
.dg-seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.dg-seg span{display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--line);border-radius:999px;padding:0 13px;font-size:13.5px}
.dg-seg input:checked + span{background:var(--green);border-color:var(--green);color:var(--on-green)}
.dg-seg input:focus-visible + span{outline:2px solid var(--green);outline-offset:2px}
#p-dg-ilce{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font:inherit}
.dg-aralik input{width:100%}
/* ---------- Düğün mekânları (body.dm): tür kartları, mekân kartı, karşılaştırma, iki sütunlu filtre paneli ---------- */
.dm-tur{margin:4px 0 6px}
.dm-tur h2{font-size:16px;font-weight:700;margin:0 0 10px}
.dm-tur h2 small{font-weight:400;color:var(--ink-2);font-size:13.5px}
.dm-tk{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.dm-tkk{position:relative;display:grid;align-content:end;min-height:96px;border-radius:10px;overflow:hidden;color:#fff;text-decoration:none;padding:8px 10px;background:#222}
.dm-tkk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dm-tkk::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .05) 25%,rgb(0 0 0 / .8) 100%)}
.dm-tkk b,.dm-tkk span{position:relative;z-index:1}
.dm-tkk b{font-size:15px}.dm-tkk span{font-size:12.5px;opacity:.9}
.dm-tkk:hover b{text-decoration:underline}
.dm-tkk.on{outline:3px solid var(--green);outline-offset:2px}
.dm-tb{margin-top:10px}
.v3m-fiyat{display:grid;gap:1px}
.v3m-f small{font-size:12.5px;color:var(--ink-2)}
.v3m-f b{font-size:16.5px}
.v3m-f + .v3m-f b{font-size:14.5px}
.v3m-rozet{display:flex;flex-wrap:wrap;gap:5px}
.v3m-rozet span{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:12.5px;color:var(--ink-2)}
.v3m-kap svg{width:13px;height:13px;color:var(--green)}
.v3m-kar{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;cursor:pointer;justify-self:start;min-height:32px}
.v3m-kar input{width:17px;height:17px;accent-color:var(--green)}
.dm-kars{position:sticky;bottom:12px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:20px 0 4px;background:var(--green);color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 12px 30px -12px rgb(0 0 0 / .45)}
.dm-kars[hidden]{display:none}
.dm-kars-l{display:flex;flex-wrap:wrap;gap:6px}
.dm-kc{border:1px solid rgb(255 255 255 / .5);background:rgb(255 255 255 / .12);color:#fff;border-radius:7px;padding:4px 9px;font:inherit;font-size:13px;cursor:pointer;min-height:32px}
.dm-kars-n{font-size:13px;opacity:.85}
.dm-kars .btn{margin-left:auto}
.dm-kt-k{overflow-x:auto;max-width:100%}
.dm-kt{border-collapse:collapse;font-size:14px;min-width:520px;width:100%}
.dm-kt th,.dm-kt td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.dm-kt tbody th{color:var(--ink-2);font-weight:500;white-space:nowrap}
.dm-kt thead a{color:var(--green)}
.modal:has(.dm-kt){width:min(980px,96vw);max-width:none}
.dm-talep{margin-top:26px}
body.dm .kp{width:min(980px,100vw)}
.dm-p{display:grid;grid-template-columns:1fr 1fr}
.dm-s + .dm-s{border-left:1px solid var(--line)}
.dm-g{border-bottom:1px solid var(--line);padding:14px 18px}
.dm-g > summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px;font-weight:700;cursor:pointer;list-style:none;min-height:30px}
.dm-g > summary::-webkit-details-marker{display:none}
.dm-g > summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(225deg);flex:none}
.dm-g:not([open]) > summary::after{transform:rotate(45deg)}
.dm-g > summary small{font-weight:400;color:var(--ink-2);font-size:12.5px}
.dm-no{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--act);color:#fff;font-size:12px;flex:none}
.dm-gi{display:grid;gap:10px;margin-top:10px}
.dm-vurgu{background:var(--green-soft,#e8f1ec)}
.dm-alt{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:4px 0 -2px}
.dm-cl{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.dm-cb{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:14px;min-height:32px;cursor:pointer}
.dm-cb input{width:17px;height:17px;accent-color:var(--green)}
.dm-cb small,.dm-c small{color:var(--muted);font-size:12px}
.dm-cs{display:flex;flex-wrap:wrap;gap:6px}
.dm-c{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:34px;border:1px solid var(--line);border-radius:999px;padding:0 12px;font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink);cursor:pointer}
.dm-c input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dm-c:has(input:checked),.dm-c[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--on-green)}
.dm-c:has(input:checked) small,.dm-c[aria-pressed="true"] small{color:inherit;opacity:.85}
.dm-c:has(input:focus-visible){outline:2px solid var(--green);outline-offset:2px}
.sifir{opacity:.45}
#o-kisi,body.dm .dg-aralik input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font:inherit}
@media (max-width:1100px){.dm-tk{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .dm-tk{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dm-p{grid-template-columns:1fr}.dm-s + .dm-s{border-left:0}
  .dm-g{padding:12px 14px}
  .dm-kars .btn{margin-left:0;flex-basis:100%}
}
/* Düğün mekânı sayfası (mekan.html, body.dm-sayfa) */
.dm-det{margin-top:12px}
.dm-bas{display:flex;gap:12px;align-items:flex-start;min-width:0}
.dm-av{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--green);color:#fff;font-weight:700}
.dm-rozet{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dm-rozet span{border:1px solid var(--line);border-radius:6px;padding:3px 9px;font-size:13px;color:var(--ink-2);background:var(--surface)}
.dm-rozet .kamp{color:var(--act);border-color:var(--act);font-weight:600}
.dm-rozet .md-ornek{border:0;margin-left:0}
.dm-ozet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}
.dm-ozet div{display:grid;gap:2px;background:var(--sunk);border-radius:10px;padding:10px 12px}
.dm-ozet small{font-size:12.5px;color:var(--ink-2)}.dm-ozet b{font-size:16px}
.dm-tbl td,.dm-tbl th{vertical-align:top}
.dm-eski td{color:var(--muted)}.dm-eski small{color:var(--warn)}
.dm-tkv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start;max-width:620px}
.dm-iz{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.dm-gun{min-height:38px;border:0;border-radius:6px;font:inherit;font-size:14px;cursor:pointer;background:var(--sunk);color:var(--ink)}
.dm-gun.musait{background:#e3f1e7;color:#1e5b35}
.dm-gun.teyit{background:#fdeedd;color:#8a4b0f}
.dm-gun.dolu{background:#eceeec;color:var(--muted);text-decoration:line-through}
.dm-gun.gecmis{background:none;color:var(--muted);cursor:default}
.dm-gun.sec{background:var(--green-d,#1d4d32);color:#fff;text-decoration:none}
.dm-gun:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.dm-lej{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13.5px}
.dm-lej li{display:flex;align-items:center;gap:8px}
.dm-lej li::before{content:"";width:14px;height:14px;border-radius:4px;background:#e3f1e7}
.dm-lej .teyit::before{background:#fdeedd}.dm-lej .dolu::before{background:#eceeec}.dm-lej .sec::before{background:var(--green-d,#1d4d32)}
.dm-kurallar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dm-kural{display:grid;gap:3px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--surface);font-size:14px}
.dm-kural .ok{color:var(--ok)}.dm-kural .bad{color:var(--bad)}
.dm-oz{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0}
.dm-oz div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:9px 0;font-size:14px}
.dm-oz dt{color:var(--ink-2)}.dm-oz dd{margin:0;font-weight:600;text-align:right}
.dm-puan{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;background:var(--sunk);border-radius:12px;padding:16px 20px;margin-bottom:8px}
.dm-puan-b{display:grid;justify-items:center;text-align:center}.dm-puan-b b{font-size:34px}.dm-puan-b small{font-size:12.5px;color:var(--ink-2);max-width:120px}
.dm-puan ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.dm-puan li{display:grid;grid-template-columns:100px 1fr 24px;align-items:center;gap:10px;font-size:13.5px}
.dm-puan i{height:7px;border-radius:9px;background:var(--line)}
.dm-kutu .dm-tahmin{background:var(--sunk);border-radius:8px;padding:10px 12px;font-size:14px;margin:0}
.dm-kutu .dm-tahmin small{display:block;color:var(--ink-2);font-size:12.5px;margin-top:2px}
body.dm-sayfa .md-benzer .v3-kartlar{margin-top:8px}
@media (max-width:1100px){.dm-ozet{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .dm-ozet{grid-template-columns:1fr 1fr}
  .dm-tkv{grid-template-columns:1fr}.dm-lej{grid-template-columns:1fr 1fr}
  .dm-kurallar,.dm-oz{grid-template-columns:1fr}
  .dm-puan{grid-template-columns:1fr}
  .tbl table.dm-tbl{min-width:560px}
}
@media (max-width:1100px){.dg-fm,.dg-fm5{grid-template-columns:repeat(3,minmax(0,1fr))}.dg-fm > div:last-child{grid-column:1 / -1}.dg-pop{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){
  .dg-fm,.dg-fm5{grid-template-columns:1fr 1fr}.dg-pop{grid-template-columns:1fr 1fr}
  .dg-dd{position:static}.dg-ddp{left:0;right:0;max-height:70vh;overflow:auto}
  .dg-son2{grid-template-columns:1fr}
  .dg-yaka{display:flex;width:100%}.dg-yaka button{flex:1;padding:0 8px;font-size:13.5px}
  .dg-menu-n{flex-basis:100%}
}
@media (max-width:430px){.dg-ilgili{grid-template-columns:1fr}.dg-yk-g{grid-template-columns:1fr}}
/* Alt puan çubuğu (doğrulanmış değerlendirme varsa dolar) */
.dm-puan i em{display:block;height:100%;border-radius:9px;background:var(--green)}
/* Düğün firması sayfası (dugun-firma.js) */
.fy-yan{position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px);display:grid;gap:14px;align-self:start}
.fy-yan .side{position:static}
.fy-adres{display:grid;gap:4px;background:var(--sunk);border-radius:14px;padding:16px;font-size:14px}
.fy-adres h2{font-size:16px;margin-bottom:4px}.fy-adres p{margin:0}
.fy-adres .md-harita{margin-top:8px;height:110px}
.fy-kamp{display:flex;align-items:center;gap:16px;background:var(--spon-bg,#fff8e6);border:1px solid var(--spon-line,#f1d58a);border-radius:12px;padding:14px 18px}
.fy-kamp-o{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:10px;background:var(--act);color:var(--on-act,#fff);font-weight:800;font-size:18px}
.fy-kamp > div{display:grid;gap:3px;flex:1;min-width:0;font-size:14px}.fy-kamp b{font-size:16px}.fy-kamp small{color:var(--ink-2);font-size:12.5px}
.fy-kamp .lnk{flex:none;font-weight:700;color:var(--green)}
.fy-paket{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.fy-paket .card{display:grid;text-decoration:none;color:inherit}.fy-paket .card-b{display:grid;gap:4px}
.fy-yorum{border-bottom:1px solid var(--line);padding:12px 0;display:grid;gap:4px}.fy-yorum p{margin:0}
.fy-y-ust span{color:var(--ink-2);font-size:13px;margin-left:8px}
.fy-yildiz{color:var(--act)}
.fy-dog{justify-self:start;font-size:12.5px;color:var(--green);background:var(--green-soft);border-radius:6px;padding:2px 8px}
.fy-yanit{background:var(--sunk);border-radius:8px;padding:8px 12px;font-size:14px}
/* Türkiye geneli düğün organizasyonu (/dugun-organizasyonu) */
.dg-oneri{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--green-soft);border-radius:12px;padding:10px 14px;margin:4px 0 12px;font-size:14.5px}
.dg-oneri > span{flex:1;min-width:200px}
.dg-oneri-x{border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:var(--ink-2);padding:4px}
.dg-tr{margin:22px 0 8px}.dg-tr h2{font-size:22px;margin-bottom:4px;scroll-margin-top:16px}.dg-tr > .sub{margin:0 0 12px}
.dg-trk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:12px}
.dg-trk3{grid-template-columns:1fr 1fr 2fr}
.dg-trc{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.dg-trf{position:relative;display:block;aspect-ratio:16/10;background:#222;color:#fff;text-decoration:none}
.dg-trf img{width:100%;height:100%;object-fit:cover}
.dg-trf::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / 0) 45%,rgb(0 0 0 / .7) 100%)}
.dg-trf b{position:absolute;z-index:1;left:14px;bottom:10px;font-size:24px;font-weight:800}
.dg-trf i{position:absolute;z-index:1;left:10px;top:10px;font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--act);color:#fff;font-size:13px;font-weight:700}
.dg-trf i.dg-tre{width:auto;border-radius:6px;padding:0 8px}
.dg-trb{display:grid;align-content:start;gap:6px;padding:12px 14px;font-size:14px}
.dg-trb small{color:var(--ink-2)}
.dg-trb ul,.dg-diger ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.dg-trb a,.dg-diger a{color:var(--green);text-decoration:none;font-weight:600}.dg-trb a:hover,.dg-diger a:hover{text-decoration:underline}
.dg-diger{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--sunk);font-size:14px;display:grid;gap:8px;align-content:start}
.dg-diger p{margin:0}.dg-diger ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px}
.dg-diger details summary{cursor:pointer;color:var(--green);font-weight:600;margin:2px 0 8px}
.dg-gri{color:var(--muted)}.dg-trc.dg-gri .dg-trf{filter:grayscale(1);opacity:.6}
.dg-ddp .dg-ml small{color:var(--ink-2);font-size:12.5px}
#dg-p-sehir ul{max-height:340px;overflow:auto;grid-template-columns:repeat(3,minmax(140px,1fr));gap:0 18px}
@media (max-width:1100px){.dg-trk{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-trk3{grid-template-columns:1fr 1fr}.dg-trk3 .dg-diger{grid-column:1 / -1}}
@media (max-width:760px){
  .dg-trk,.dg-trk3{grid-template-columns:1fr 1fr;gap:10px}.dg-trf b{font-size:19px}
  .dg-diger ul{grid-template-columns:1fr 1fr}
  #dg-p-sehir ul{grid-template-columns:1fr 1fr}
  .fy-yan{position:static}
  .fy-kamp{flex-wrap:wrap}.fy-kamp > div{flex-basis:calc(100% - 74px)}
}
/* firma paneli: düğün teklif talepleri */
.tv-l{display:grid;gap:10px}
.tv-k{padding:14px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.tv-k p{margin:4px 0 0}
.tv-e{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tv-kap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}
.tv-kap select{min-width:130px}
.tv-fs{border:0;padding:0;margin:0;min-width:0}.tv-fs legend{font-weight:600;font-size:13px;margin-bottom:6px;padding:0}
/* düğün giriş sayfası: farklı fikirler bağlantıları */
.dg-fikir-b{font-size:18px;margin:22px 0 10px}
.dg-fikir{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.dg-fikir a{display:inline-block;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 14px;color:var(--ink);text-decoration:none;font-size:14px}
.dg-fikir a:hover{border-color:var(--green)}
/* firma kaydı (kayit.html): 5 adım, yan panel */
.ky{padding-block:14px 48px}
.ky h1{font-size:30px;margin:8px 0 6px}
.ky-alt{color:var(--ink-2);margin:0 0 14px;max-width:820px}
.ky input:not([type=checkbox]):not([type=radio]):not([type=file]),.ky select{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:0 12px;min-width:0;color:var(--ink);font:inherit;font-size:15px}
.ky input:focus,.ky select:focus{border-color:var(--eqp);outline:none;box-shadow:0 0 0 3px var(--eqp-soft)}
.ky input:disabled{opacity:.55}
.ky-adim{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.ky-adim button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:6px 10px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink-2);cursor:pointer;text-align:left}
.ky-adim button:disabled{cursor:default;opacity:.6}
.ky-adim-n{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:999px;background:var(--sunk);font-size:12.5px}
.ky-adim li.ok .ky-adim-n{background:var(--ok-soft);color:var(--ok)}
.ky-adim li[aria-current] button{border-color:var(--green);color:var(--ink);box-shadow:inset 0 -3px 0 var(--green)}
.ky-adim li[aria-current] .ky-adim-n{background:var(--green);color:var(--on-green)}
.ky-duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.ky-ana{display:grid;gap:14px;min-width:0}
.ky-kart{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:16px;display:grid;gap:12px;min-width:0}
.ky-kart h2{font-size:18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ky-kart > .sub,.ky-kart p{margin:0}
.ky-g2,.ky-g3{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ky-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ky-ist{font-weight:400;color:var(--muted)}
.ky-tur{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ky-tur3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ky-sk{position:relative;cursor:pointer}
.ky-sk input{position:absolute;opacity:0;inset:0;cursor:pointer}
.ky-sk span{display:grid;gap:3px;height:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface)}
.ky-sk small{font-size:12.5px;color:var(--muted);line-height:1.35}
.ky-sk input:checked + span{border-color:var(--green);background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green)}
.ky-sk input:focus-visible + span{outline:2px solid var(--act);outline-offset:2px}
.ky-bolge{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ky-cip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 12px;font-size:13.5px;background:var(--sunk)}
.ky-cip.on{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 40%,var(--line))}
.ky-cip button{border:0;background:none;width:28px;height:28px;border-radius:999px;cursor:pointer;color:var(--ink-2);font-size:16px}
.ky .ky-il-ekle{width:auto;height:36px;border-radius:999px;font-size:13.5px}
.ky-tr{margin-left:4px}
.ky-yer{position:relative}
.ky-tel{display:flex;gap:8px;align-items:center}
.ky-tel .lnk,.ky-tel .sub{white-space:nowrap;flex:none}
.ky-kod-o{background:var(--warn-soft);border-radius:9px;padding:8px 12px;font-size:13.5px}
.ky-kod-o b{font-family:var(--f-mono);font-size:16px;letter-spacing:.12em}
.ky-ok{color:var(--ok);font-weight:600}
.ky-hata-y{color:var(--bad);font-weight:600;font-size:13.5px}
.ky-hata{border:1px solid color-mix(in srgb,var(--bad) 40%,var(--line));background:var(--bad-soft);color:var(--ink);border-radius:10px;padding:10px 14px;font-size:14px}
.ky-hata ul{margin:4px 0 0;padding-left:18px}
.ky-alt-d{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ky-yb{display:flex;gap:8px;flex-wrap:wrap}
.ky-alt-d .btn{min-height:44px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.ky-son{margin:0}
.ky-yan{position:sticky;top:12px}
.ky-yan-k{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:16px;display:grid;gap:12px}
.ky-yan-b{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ky-yan-b h2{font-size:17px}
.ky-dl{margin:0;display:grid;gap:6px;font-size:13.5px}
.ky-dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px}
.ky-dl dt{color:var(--muted)}.ky-dl dd{margin:0;overflow-wrap:anywhere}
.ky-dol{margin:0;font-size:13.5px}
.ky-bar{height:6px;border-radius:999px;background:var(--sunk);overflow:hidden}
.ky-bar i{display:block;height:100%;background:var(--green)}
.ky-adimlar{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:13.5px}
.ky-adimlar li{position:relative;padding-left:22px;color:var(--ink-2)}
.ky-adimlar li > span[aria-hidden]{position:absolute;left:0;width:14px;text-align:center}
.ky-adimlar li.on span[aria-hidden]{color:var(--ok)}.ky-adimlar li.su{color:var(--ink);font-weight:600}
.ky-ip{border:1px solid var(--line);background:var(--sunk);border-radius:10px;padding:10px 12px;font-size:13.5px}
.ky-ip p{margin:4px 0 0}.ky-ip ul{margin:4px 0 0;padding-left:18px;display:grid;gap:3px}
.ky-not{margin:0}
.ky-et{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;border-radius:5px;padding:1px 7px;background:var(--eqp-soft);color:var(--eqp);white-space:nowrap}
.ky-et.gri{background:var(--sunk);color:var(--muted)}
.ky-et.tur{background:var(--act-soft);color:var(--svc)}
/* 2. adım */
.ky-kat{list-style:none;margin:0;padding:0;display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ky-kat li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 12px;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}
.ky-kat li:first-child{border-top:0}
.ky-kat li > div{display:grid;min-width:0}
.ky-oneri-b{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.ky-oneri{border:1px dashed var(--line);border-radius:10px;padding:12px;display:grid;gap:10px}
.ky-foto{display:grid;gap:4px;font-size:14px}
.ky-foto input[type=file]{font-size:13px;max-width:100%}
.ky-birim{display:flex;align-items:center;gap:6px}
.ky-birim span{flex:none;font-size:13px;color:var(--ink-2)}
.ky-ul{display:grid;gap:10px}
.ky-u{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.ky-u.acik{border-color:var(--green)}
.ky-u-b{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) auto auto;gap:6px 12px;align-items:center;padding:10px 12px}
.ky-u-ad{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;min-width:0}
.ky-u-ad .sub{flex-basis:100%}
.ky-u-oz{font-size:13.5px;color:var(--ink-2);min-width:0}
.ky-u-d{display:flex;gap:12px;white-space:nowrap}
.ky-u-d .lnk{min-height:32px;font-size:13.5px}
.ky-sil{color:var(--bad)}
.ky-eks{margin:0;padding:0 12px 10px;font-size:13px;color:var(--bad)}
.ky-u-ic{border-top:1px solid var(--line);padding:12px;display:grid;gap:12px}
.ky-led{display:grid;gap:3px;border-radius:9px;background:var(--eqp-soft);padding:8px 12px;font-size:13.5px;align-content:center}
.ky-goster{align-self:center}
.ky-goster small{display:block}
.ky-bt{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ky-bt-b{display:grid;grid-template-columns:minmax(0,1.6fr) 110px minmax(0,auto) minmax(0,1fr);gap:10px;padding:6px 12px;background:var(--sunk);font-size:12px;font-weight:600;color:var(--muted)}
.ky-bt-b span:last-child{grid-column:3 / -1}
.ky-bs{display:grid;grid-template-columns:minmax(0,1.6fr) 110px minmax(0,auto) minmax(0,1fr);gap:8px 10px;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}
.ky-bs .check span{display:grid;gap:2px}
.ky-bs .check small{font-size:12px;color:var(--muted);font-weight:400}
.ky-bs:not(.on) .ky-fi{grid-column:3 / -1}
.ky-fk{font-size:11px;color:var(--eqp);font-weight:600}
.ky-fb{font-size:13px;color:var(--ink-2)}
.ky-ft{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex-wrap:wrap}
.ky-ft button{border:0;background:var(--surface);padding:7px 10px;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer;min-height:36px}
.ky-ft button + button{border-left:1px solid var(--line)}
.ky-ft button[aria-pressed=true]{background:var(--green);color:var(--on-green)}
.ky-aks{display:grid;gap:8px}
.ky-aks h4{margin:0;font-size:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
.ky-ak{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:6px 10px;font-size:13.5px}
.ky-ak > span{flex:1 1 160px}
.ky-ak-e{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ky-ak-e input,.ky-ak-e select{flex:1 1 200px;width:auto!important}
.ky .ky-kisa{width:84px!important;flex:none!important}
.ky-not2{font-size:13px;color:var(--ink-2);background:var(--sunk);border-radius:9px;padding:8px 12px}
.ky-toplu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ky-toplu > div{border:1px dashed var(--line);border-radius:10px;padding:12px;display:grid;gap:6px;align-content:start;font-size:14px}
.ky-toplu p{margin:0}
.ky-dosya{position:relative;overflow:hidden}
.ky-dosya input{position:absolute;inset:0;opacity:0;cursor:pointer}
/* 3. adım */
.ky-gr{display:flex;flex-wrap:wrap;gap:8px}
.ky-gk{display:grid;border:1px solid color-mix(in srgb,var(--green) 40%,var(--line));background:var(--green-soft);border-radius:10px;padding:8px 12px;font-size:14px}
.ky-gk small{color:var(--ink-2)}
.ky-hg{display:grid;gap:8px}
.ky-hg-b{display:flex;justify-content:space-between;gap:8px}
.ky-hl{display:flex;flex-wrap:wrap;gap:6px}
.ky-h{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:2px}
.ky-h button{border:0;background:none;font:inherit;font-size:13.5px;padding:6px 10px;border-radius:999px;cursor:pointer;color:var(--ink);min-height:34px}
.ky-h.on{border-color:var(--green);background:var(--green-soft)}
.ky-h.on button{font-weight:600}
.ky .ky-h select{height:32px;width:auto;border-radius:999px;font-size:12.5px;padding:0 8px}
.ky-lej{margin:0}
.ky-ekip{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ky-ekip-s{display:grid;grid-template-columns:minmax(0,1.6fr) 100px 120px minmax(0,1fr);gap:10px;align-items:center;padding:8px 12px;border-top:1px solid var(--line);font-size:14px}
.ky-ekip-b{background:var(--sunk);font-size:12px;font-weight:600;color:var(--muted);border-top:0}
.ky-ekip-s input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink)}
.ky-bag small,.ky-bag b{display:block}
.ky-rad{display:grid;gap:6px}
.ky-min{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ky-min .ky-birim{flex:0 1 180px}
/* 4. adım */
.ky-tk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:14px;align-items:start}
.ky-tk > div:first-child{display:grid;gap:10px}
.ky-tk-f{display:grid;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px}
.ky-dolu{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13.5px}
.ky-dolu li{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;padding:8px 12px}
.ky-akis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:a}
.ky-akis li{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:3px;font-size:13px;color:var(--ink-2)}
.ky-akis li b{color:var(--ink);font-size:14px}
.ky-akis li.on{border-color:var(--green);background:var(--green-soft)}
/* 5. adım */
.ky-vno{display:flex;gap:10px;align-items:center}
.ky-vno .sub{flex:none;white-space:nowrap}
.ky-dg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ky-dk{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:6px;align-content:start;font-size:13.5px}
.ky-dk p{margin:0;color:var(--ink-2)}
.ky-dk.ok{border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.ky-dk.ok b{color:var(--ok)}
.ky-dk.bad b{color:var(--bad)}.ky-dk.warn b{color:var(--warn)}
.ky-yk{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ky-yk li{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.ky-yk li div{display:grid}
.ky-yk-i{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:999px;font-size:12px;font-weight:700}
.ky-yk-i.ok{background:var(--ok-soft);color:var(--ok)}.ky-yk-i.bad{background:var(--bad-soft);color:var(--bad)}.ky-yk-i.warn{background:var(--warn-soft);color:var(--warn)}
.ky-yayin{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;border-color:color-mix(in srgb,var(--ok) 40%,var(--line));background:var(--ok-soft)}
.ky-kurtar{margin:0;padding-left:18px;display:grid;gap:8px;font-size:14px}
@media (max-width:1100px){.ky-duzen{grid-template-columns:1fr}.ky-yan{position:static}.ky-tur{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .ky h1{font-size:24px}
  .ky-adim button{justify-content:center;padding:6px;font-size:0}.ky-adim-n{font-size:12.5px}
  .ky-adim li[aria-current] button{font-size:12px;flex-direction:column;gap:2px}
  .ky-g2,.ky-g3,.ky-tur,.ky-tur3,.ky-toplu,.ky-dg,.ky-tk,.ky-akis{grid-template-columns:1fr}
  .ky-adim{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ky-tel,.ky-vno{flex-wrap:wrap}
  .ky-kat li{grid-template-columns:minmax(0,1fr) auto}.ky-kat li > .sub{grid-column:1}
  /* telefonda ürün satırı kart olur */
  .ky-u-b{grid-template-columns:minmax(0,1fr) auto}
  .ky-u-oz{grid-column:1 / -1;order:3}
  .ky-u-d{grid-column:1 / -1;order:4}
  .ky-bt-b{display:none}
  .ky-bs{grid-template-columns:minmax(0,1fr) auto}
  .ky-bs .check{grid-column:1 / -1}
  .ky-bs .ky-ft{grid-column:1 / -1}
  .ky-bs:not(.on) .ky-fi{grid-column:1 / -1}
  .ky-ekip-b{display:none}
  .ky-ekip-s{grid-template-columns:minmax(0,1fr) 84px 84px 28px}
  .ky-alt-d .btn,.ky-yb{flex:1 1 100%}
  .ky-yb .btn{flex:1 1 100%}
}
/* firma sayfası (kiralama firması) ve kayıt önizlemesi */
.fe-yerel{margin:10px 0}
.fe-ust{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:12px 0 14px}
.fe-ust h1{font-size:28px}
.fe-ust-b{display:grid;gap:6px;min-width:0}
.fe-ust-d{display:flex;gap:8px;flex-wrap:wrap}
.fe-logo{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:var(--green);color:var(--on-green);font-weight:800;font-size:22px;flex:none}
.fe-r{display:flex;flex-wrap:wrap;gap:6px}
.fe-sekme{margin-bottom:14px}
.fe-tarih{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px}
.fe-tarih > .tk-kutu{position:relative;flex:0 1 280px}
.fe-grup{margin-bottom:12px}
.fe-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.fe-k{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.fe-kb{padding:10px 12px 12px;display:grid;gap:6px;align-content:start}
.fe-kb h3{font-size:15px;line-height:1.3}
.fe-kb h3 a{color:var(--ink);text-decoration:none}.fe-kb h3 a:hover{text-decoration:underline}
.fe-kb p{margin:0}
.fe-et{justify-self:start;font-size:11.5px;font-weight:600;border-radius:5px;padding:1px 7px;background:var(--eqp-soft);color:var(--eqp)}
.fe-fy{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline;font-size:14px}
.fe-bc{font-size:12.5px;color:var(--ink-2)}
.fe-d{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:8px}
.fe-adet{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}
.fe-adet input{width:80px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:0 8px;color:var(--ink)}
.fe-dr{display:grid;gap:3px;justify-items:start}
.fe-not{margin-top:14px}
.fe-hz{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fe-hz li{display:grid;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface)}
.fe-hz a{color:var(--green);text-decoration:none}.fe-hz a:hover{text-decoration:underline}
.fe-on{display:grid;gap:10px;border:1px dashed var(--line);border-radius:12px;padding:12px;background:var(--paper)}
.fe-on .fe-g{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.fe-bas{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.fe-bas h3{font-size:18px}.fe-bas p{margin:2px 0 6px}
.fe-bas .fe-logo{width:48px;height:48px;font-size:17px;border-radius:12px}
.fe-sekme-o{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:6px;color:var(--ink-2)}
.fe-sekme-o b{color:var(--ink);box-shadow:inset 0 -2px 0 var(--green)}
@media (max-width:760px){
  .fe-sekme{flex-wrap:wrap;overflow:visible}.fe-sekme button{padding:10px 10px}
  .fe-ust{grid-template-columns:auto minmax(0,1fr)}.fe-ust-d{grid-column:1 / -1}.fe-ust-d .btn{flex:1}
  .fe-ust h1{font-size:22px}.fe-logo{width:52px;height:52px}
  .fe-bas{grid-template-columns:auto minmax(0,1fr)}.fe-bas .sample{grid-column:1 / -1;justify-self:start}
  .fe-g,.fe-on .fe-g{grid-template-columns:1fr}
}
/* aynı modeli kiralayan firmalar: model sayfası ve ürün sayfası */
.kr-l{display:grid;gap:10px}
.kr-s{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,auto);gap:10px 14px;align-items:start;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px}
.kr-s > div{display:grid;gap:3px;min-width:0;font-size:14px}
.kr-s small{font-size:11.5px;color:var(--muted);font-weight:600}
.kr-f a{color:var(--ink);text-decoration:none}.kr-f a:hover{text-decoration:underline}
.kr-r{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.kr-teyit{font-size:11.5px;color:var(--ink-2)}
.kr-u{font-size:13px;color:var(--green)!important}
.kr-m{justify-items:start}
.kr-tahmin{font-weight:400!important;color:var(--ink-2)!important}
.kr-d{display:grid;gap:6px}
.kr-d .btn{white-space:normal;text-align:center}
.kr-farkli{background:var(--sunk)}
.kr-yok{color:var(--warn)}
.kr-h{font-size:16px;margin:16px 0 4px}
.kr-not{margin:12px 0 0}
@media (max-width:1100px){.kr-s{grid-template-columns:repeat(2,minmax(0,1fr))}.kr-f,.kr-d{grid-column:1 / -1}.kr-d{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.kr-s{grid-template-columns:1fr}.kr-d{grid-template-columns:1fr}}
/* model sayfası */
.mo-h1{font-size:28px;margin:10px 0 4px}
.mo-alt{margin:0 0 16px}
.mo-duzen{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start;padding-bottom:40px}
.mo-sol{display:grid;gap:10px;position:sticky;top:12px}
.mo-foto{position:relative;border-radius:12px;overflow:hidden}
.mo-temsil{position:absolute;right:8px;bottom:8px;font-size:11px;background:var(--surface);border-radius:5px;padding:1px 6px;color:var(--ink-2)}
.mo-sag{display:grid;gap:12px;min-width:0}
.mo-sag h2{font-size:20px}
.mo-ayar{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) 110px minmax(0,1fr) auto;gap:10px;align-items:end;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px}
.mo-a{display:grid;gap:4px;min-width:0;position:relative;font-size:12px;font-weight:600;color:var(--muted)}
.mo-a input,.mo-a select{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:0 12px;min-width:0;color:var(--ink);font:inherit;font-size:15px;font-weight:400}
.mo-yer{grid-template-columns:1fr 1fr;align-items:end}
.mo-sira{align-self:center}.mo-sira b{color:var(--ink);font-size:13.5px}
.mo-toplu{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px dashed var(--line);border-radius:12px;padding:12px}
.mo-toplu p{margin:2px 0 0;max-width:640px}
.mo-benzer{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px}
.mo-benzer a{color:var(--green)}
@media (max-width:1100px){.mo-ayar{grid-template-columns:1fr 1fr}.mo-yer{grid-column:1 / -1}}
@media (max-width:900px){.mo-duzen{grid-template-columns:1fr}.mo-sol{position:static}}
@media (max-width:560px){.mo-ayar,.mo-yer{grid-template-columns:1fr}.mo-h1{font-size:22px}}
.ky .field{align-content:start}
.ky-dk .sample{justify-self:start}
.ky-sk span{align-content:start}
.ky-sk b{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mo-oz{grid-template-columns:1fr}

/* ---------- Kiralama talebi, teklif, karşılaştırma ve kabul (5a, 5b, 5c, 6): kt- ---------- */
.kt-h1{font-size:clamp(24px,3vw,34px);font-weight:700;margin-top:10px}
.kt-alt{font-size:14px;margin-top:4px}
.kt-duzen{margin-top:18px}
.kt-sol{display:grid;gap:16px;min-width:0}
.kt-kl{display:grid;gap:0;border-top:1px solid var(--line)}
.kt-k{display:grid;grid-template-columns:minmax(150px,1.2fr) 110px minmax(0,1.6fr) minmax(0,1.3fr) auto;grid-template-areas:"ad mik bic sart sil" "ad mik firma firma firma" "uy uy uy uy uy";gap:10px 14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.kt-k-ad{grid-area:ad;display:grid;gap:3px;min-width:0}
.kt-k-ad a{color:inherit}
.kt-mik{grid-area:mik}
.kt-k-alan{display:grid;gap:6px;align-content:start;min-width:0}
.kt-k > .kt-k-alan:nth-of-type(3){grid-area:bic}
.kt-k > .kt-k-alan:nth-of-type(4){grid-area:sart}
.kt-firma{grid-area:firma}
.kt-sil{grid-area:sil;font-size:13px;color:var(--muted);justify-self:end}
.kt-k .kt-uyari{grid-column:1 / -1}
.kt-mik input{width:76px}
.kt-sel{height:36px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink);max-width:100%}
.kt-fc{display:flex;flex-wrap:wrap;gap:6px}
.kt-f{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600;cursor:pointer;background:var(--surface);min-height:32px}
.kt-f.on{border-color:var(--green);background:var(--ok-soft)}
.kt-f input{margin:0;accent-color:var(--green)}
.kt-f small{font-weight:500;color:var(--muted)}
.kt-fd{border-radius:999px;padding:0 6px;font-size:11px}
.kt-fd.musait{background:var(--ok-soft);color:var(--ok)} .kt-fd.kismen,.kt-fd.teyit{background:var(--warn-soft);color:var(--warn)} .kt-fd.degil{background:var(--bad-soft);color:var(--bad)}
.kt-uyari{margin:0;background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 35%,var(--line));border-radius:10px;padding:8px 12px;font-size:13px}
.kt-uyari .lnk{font-weight:600}
.kt-gs{display:flex;gap:6px}
.kt-gs select,.kt-gs input{min-width:0;flex:1}
.kt-yer{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--surface);position:relative;min-height:42px}
.kt-yer input{border:0;flex:1;min-width:0;height:40px;font:inherit;background:none;color:var(--ink)}
.kt-yer input:focus{outline:none}
.kt-yer .yer-l{top:100%;left:0;right:0}
.kt-alt-e{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.kt-dl{display:grid;gap:8px;margin:0;font-size:14px}
.kt-dl > div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:6px}
.kt-dl dt{color:var(--muted)} .kt-dl dd{margin:0;font-weight:600;text-align:right}
.kt-bilgi{background:var(--sunk);border-radius:10px;padding:10px 12px;font-size:13px;display:grid;gap:4px}
.kt-bilgi ul{margin:0;padding-left:16px;display:grid;gap:3px}
.kt-bilgi p{margin:0}
.kt-bilgi.warn{background:var(--warn-soft)}
@media (max-width:1100px){
  .kt-k{grid-template-columns:minmax(0,1fr) 110px;grid-template-areas:"ad sil" "mik mik" "bic bic" "sart sart" "firma firma" "uy uy"}
}
.kt-k .ky-ft{flex-wrap:nowrap}
.kt-k .ky-ft button{padding:7px 8px}
.kt-adim{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.kt-adim li{border-top:4px solid var(--line);padding-top:6px;font-size:12px;color:var(--muted);font-weight:600}
.kt-adim li.ok{border-color:var(--green);color:var(--ink)}
.kt-adim li.simdi{border-color:var(--act);color:var(--act)}
.kt-ornek-not{margin-top:14px}
.kt-tw{position:relative;overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.kt-tab{border-collapse:collapse;width:100%;min-width:620px;font-size:13.5px}
.kt-tab th,.kt-tab td{border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}
.kt-tab thead th{background:var(--sunk);font-size:13px}
.kt-tab th[scope=row]{width:190px;border-left:0;font-weight:500;background:var(--surface)}
.kt-tab th[scope=row] b{display:block}
.kt-tab small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.kt-tab tr:last-child > *{border-bottom:0}
.kt-tk.sec{background:var(--ok-soft);box-shadow:inset 0 0 0 2px var(--green)}
.kt-tk.uyumsuz{background:var(--sunk)}
.kt-tk.uyumsuz .kt-tk-u{color:var(--muted)}
.kt-bos{color:var(--muted)}
.kt-sec{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:var(--muted)}
.kt-sec input{width:72px;height:34px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:inherit;background:var(--surface);color:var(--ink)}
.kt-hepsi,.kt-sart{display:block;font-size:12px;margin-top:4px;text-align:left}
.kt-ted{color:var(--warn);font-size:12.5px;font-weight:600;margin:0}
.kt-ek td{font-size:12.5px}
.kt-notlar{display:grid;gap:6px}
.kt-notlar p{margin:0}
.kt-hata{margin:0;background:var(--bad-soft);border:1px solid color-mix(in srgb,var(--bad) 35%,var(--line));border-radius:10px;padding:8px 12px;font-size:13px}
.kt-tamam{margin:0;background:var(--ok-soft);border-radius:10px;padding:8px 12px;font-size:13px}
.kt-dl .kt-top dt,.kt-dl .kt-top dd{font-weight:700;color:var(--ink)}
.kt-neden{margin:0;padding:8px 12px 8px 26px;background:var(--bad-soft);border-radius:10px;font-size:12.5px;color:var(--bad);display:grid;gap:3px}
.kt-isler{display:grid;gap:10px}
.kt-is{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:6px}
.kt-is p{margin:0}
.kt-is-b{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.kt-mesajlar{display:grid;gap:6px}
.kt-m{margin:0;background:var(--sunk);border-radius:10px;padding:8px 10px;font-size:13.5px;max-width:85%}
.kt-m.ben{justify-self:end;background:var(--ok-soft)}
.kt-kayit summary{cursor:pointer}
.kt-kayit h3{font-size:14px;margin:6px 0 0}
.kt-kayit ul{margin:0;padding-left:18px;font-size:13px;display:grid;gap:3px}
@media (max-width:760px){
  .kt-adim{grid-template-columns:repeat(4,minmax(0,1fr))}
  .kt-tab th[scope=row]{width:140px}
}
.kt-hesap{max-width:360px;margin-top:12px}
.kt-sayac{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 4px}
.kt-sayac > div{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 12px}
.kt-sayac dt{font-size:12px;color:var(--muted);font-weight:600}
.kt-sayac dd{margin:2px 0 0;font-size:24px;font-weight:700}
.kt-ozet p{margin:4px 0 0;font-size:13.5px}
.kt-tv{display:grid;grid-template-columns:minmax(120px,1fr) 120px minmax(0,1.7fr) 120px 100px;gap:10px 14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.kt-tv > div{display:grid;gap:5px;align-content:start;min-width:0}
.kt-tv small{color:var(--muted);font-size:12px}
.kt-tv .ky-birim input,.kt-in{width:100%;height:38px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:inherit;background:var(--surface);color:var(--ink)}
.kt-tv .ky-ft{flex-wrap:nowrap}
.kt-tv .ky-ft button{padding:7px 8px}
.kt-fk{font-size:11px;color:var(--green);font-weight:600}
.kt-rv{display:grid;gap:10px}
@media (max-width:1100px){.kt-tv{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kt-tv-ad,.kt-tv-t{grid-column:1 / -1}}
@media (max-width:760px){.kt-sayac{grid-template-columns:repeat(2,minmax(0,1fr))}.kt-sayac dd{font-size:20px}}
.kt-segler{display:flex;flex-wrap:wrap;gap:10px}
.fb-tab td small{display:block;color:var(--muted);font-size:12px}
.fb-tab tr.fb-sec td{background:var(--ok-soft)}
.kt-kontrol{background:var(--warn-soft)}

/* ---------- Kiralama firmaları için (/firmalar-icin) ---------- */
.fi{display:grid;gap:16px;padding-bottom:40px}
.fi .btn.lg{padding:12px 20px;font-size:16px}
.fi-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:12px 0}
.fi-hero h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 12px}
.fi-lead{font-size:17px;color:var(--ink-2);margin:0 0 18px}
.fi-btn{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.fi-ornek{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--sunk);padding:18px;display:grid;gap:10px}
.fi-ornek > .sample{position:absolute;top:10px;right:10px}
.fi-bil{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:4px;font-size:14px}
.fi-bil b{color:var(--green)}
.fi-ornek > p{margin:0;font-size:13px}
.fi-adim{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fi-adim p,.fi-fark p{margin:4px 0 0;color:var(--ink-2);font-size:14px}
.fi-fark{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fi-fark h2{font-size:17px}
.fi-gor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fi-gor a{display:grid;gap:4px;border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--ink);text-decoration:none;font-size:14px}
.fi-gor a:hover{border-color:var(--green)}
.fi-gf{display:block;height:72px;border-radius:8px;background:var(--sunk);margin-bottom:6px}
.fi-sss{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0}
.fi-sss dt{font-weight:600}
.fi-sss dd{margin:4px 0 0;color:var(--ink-2);font-size:14px}
.fi-pilot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--green);color:var(--on-green);border-radius:14px;padding:22px 24px}
.fi-pilot h2{margin:0 0 4px;font-size:20px}
.fi-pilot p{margin:0}
@media (max-width:900px){.fi-hero{grid-template-columns:1fr}.fi-adim,.fi-gor{grid-template-columns:repeat(2,minmax(0,1fr))}.fi-fark,.fi-sss{grid-template-columns:1fr}}
@media (max-width:520px){.fi-adim,.fi-gor{grid-template-columns:1fr}.fi-btn .btn{flex:1 1 100%;text-align:center}}

/* ---------- Personel profili (/personel/[ad]) ---------- */
.pe{display:grid;gap:16px;padding-bottom:40px}
.pe-bas{grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.pe-av{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--eqp-soft);color:var(--eqp);font-weight:800;font-size:24px}
.pe-b h1{margin:0 0 4px;font-size:28px}
.pe-b p{margin:0 0 4px}
.pe-rz{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pe-d{display:grid;gap:8px;min-width:220px}
.pe-g{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.pe-ana,.pe-yan{display:grid;gap:16px;min-width:0}
.pe-dl{margin:0;display:grid}
.pe-dl > div{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.pe-dl > div:last-child{border-bottom:0}
.pe-dl dt{color:var(--ink-2)}
.pe-dl dd{margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pe-et{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--eqp-soft);color:var(--eqp);font-size:13px}
.pe-et.gri{background:var(--sunk);color:var(--ink-2)}
.pe-tw{position:relative;overflow-x:auto}
.pe-tab{width:100%;border-collapse:collapse;font-size:14px}
.pe-tab th,.pe-tab td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}
.pe-tab thead th{background:var(--sunk);font-weight:600}
.pe-tab tbody th{font-weight:500}
.pe-is{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pe-is figure{margin:0;display:grid;gap:6px}
.pe-if{height:96px;border-radius:10px;background:var(--sunk);display:flex;align-items:flex-end;padding:6px 8px;font-size:11px;color:var(--muted)}
.pe-is figcaption{display:grid;gap:2px;font-size:14px}
.pe-is figcaption .pe-et{justify-self:start}
.pe-md{margin:6px 0 0;font-weight:600}
.pe-md.ok{color:var(--ok)}.pe-md.bad{color:var(--bad)}.pe-md.warn{color:var(--warn)}
.pe-not{background:var(--sunk);border-radius:10px;padding:10px 12px}
.pe-not p{margin:4px 0 0}
.pe-dv{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.pe-dk{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px}
.pe-dk > div{display:flex;gap:8px}
.pe-sahip{border-style:dashed}
.pe-bz{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pe-bz li{display:grid}
@media (max-width:900px){.pe-g{grid-template-columns:1fr}.pe-bas{grid-template-columns:auto 1fr}.pe-d{grid-column:1/-1;min-width:0}}
@media (max-width:560px){.pe-is{grid-template-columns:1fr}.pe-dl > div{grid-template-columns:1fr;gap:4px}}
.fp-dv{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fp-dv li{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* ---------- Firma paneli ana ekranı (Özet ve kiralama sekmeleri) ---------- */
.fp-rz{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0 4px}
.fp-hs{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.fp-hs .field{min-width:220px}
.fp-donem{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:4px 0}
.fp-donem h2{font-size:18px;margin:0}
.fp-sayac > div{display:grid;gap:2px}
.fp-sayac small{font-size:12px}
.fp-oz{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start;margin-top:14px}
.fp-oz-a{display:grid;gap:16px;min-width:0}
.fp-tbl{overflow-x:auto}
.fp-tbl table{width:100%;border-collapse:collapse;font-size:14px}
.fp-tbl th,.fp-tbl td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.fp-tbl thead th{background:var(--sunk);font-weight:600;font-size:13px}
.fp-tbl td small{display:block;margin-top:2px}
.fp-tbl td.r{text-align:right;white-space:nowrap}
.fp-tbl td.r .lnk{margin-left:8px}
.fp-yap{list-style:none;margin:0;padding:0;display:grid}
.fp-yap li{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.fp-yap li.warn > span{color:var(--warn);font-weight:700}
.fp-yap li.ok > span{color:var(--ok);font-weight:700}
.fp-uye{background:var(--sunk);border-radius:10px;padding:10px 12px;font-size:14px}
.fp-uye p{margin:4px 0 0}
.fp-kosul{max-width:760px}
@media (max-width:1000px){.fp-oz{grid-template-columns:1fr}}

/* ---------- Personel kaydı (/personel/katil) ---------- */
.pk-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--act);color:#fff;font-size:13px;font-weight:700;flex:none}
.pk-seg{max-width:560px}
.pk-seg span{font-size:12.5px;padding:8px 6px}
.pk-rg,.pk-soru{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}
.pk-rg legend{font-weight:600;font-size:14px;padding:0;margin-bottom:6px}
.pk-soru{border-top:1px solid var(--line);padding-top:12px}
.pk-cip{display:flex;flex-wrap:wrap;gap:6px 10px}
.pk-rol{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13.5px}
.pk-rol.on{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 40%,var(--line))}
.pk-hesap{margin:0}
.pk-satirlar{display:grid;gap:10px}
.pk-satir{display:grid;grid-template-columns:minmax(0,1.4fr) 90px minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.2fr) auto;gap:8px 10px;align-items:end;border:1px solid var(--line);border-radius:10px;padding:10px}
.pk-satir.eksik{border-color:color-mix(in srgb,var(--warn) 55%,var(--line))}
.pk-sil{align-self:center}
.pk-h3{font-size:15px;margin:6px 0 0}
.pk-isler{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pk-isler li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.pk-dv{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.pk-dv p{margin:4px 0 0}
.pk-dv-d{display:flex;gap:8px;flex:none}
.fp-pr{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:13px}
.fp-pr > *{padding:8px 12px}
.fp-pr-on{background:var(--green);color:var(--on-green);font-weight:600}
.fr-ekip{margin-top:12px}
@media (max-width:1000px){.pk-satir{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pk-satir > .field:first-child,.pk-satir > .field:nth-child(3){grid-column:1 / -1}.pk-dv{flex-direction:column;align-items:flex-start}}

/* Yönetim paneli (/yonetim) */
.yn{padding-block:18px 48px}
.yn-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.yn-h h1{margin:0;flex:1 1 auto}
.yn-sayi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 4px}
.yn-s{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:2px}
.yn-s span,.yn-s small{color:var(--muted);font-size:12.5px}
.yn-s b{font-size:22px}
.yn-duzen{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin-top:16px;align-items:start}
.yn-fs{display:flex;gap:12px;flex-wrap:wrap;align-items:end;justify-content:space-between;margin-bottom:12px}
.yn-sira{margin:0;min-width:170px}
.yn-kart{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px;display:grid;gap:10px}
.yn-kart.bitti{opacity:.8}
.yn-kb{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.yn-kb b{font-size:15.5px}
.yn-tur{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--sunk)}
.yn-tur.isletme{background:var(--ok-soft);color:var(--ok)}
.yn-tur.katalog{background:var(--eqp-soft);color:var(--eqp)}
.yn-tur.eksik{background:var(--warn-soft);color:var(--warn)}
.yn-tur.sikayet{background:var(--bad-soft);color:var(--bad)}
.yn-yz{margin-left:auto;font-size:12px;color:var(--muted);border:1px dashed var(--line);border-radius:6px;padding:1px 6px}
.yn-uc{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px}
.yn-uc h4{margin:0 0 4px;font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.yn-uc p{margin:0 0 6px}
.yn-tab{width:100%;border-collapse:collapse;font-size:13.5px}
.yn-tab th,.yn-tab td{text-align:left;padding:5px 6px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:break-word}
.yn-tab thead th{font-size:12px;color:var(--muted);font-weight:600}
.yn-tab tr.fark td,.yn-tab tr.fark th{background:var(--warn-soft)}
.yn-f{font-size:11.5px;color:var(--warn);font-weight:600}
.yn-et ul{margin:4px 0;padding-left:18px}
.yn-d{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.yn-d .sub{margin:0 auto 0 0}
.yn-form{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:8px}
.yn-form h4{margin:0}
.yn-soru{border-top:1px solid var(--line);padding-top:10px}
.yn-soru p{margin:0 0 8px}
.yn-karar{margin:0}
.yn-yan{display:grid;gap:12px}
.yn-y{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.yn-y h2,.yn-y h3{margin:0 0 8px;font-size:15px}
.yn-y p{margin:6px 0 0;font-size:13.5px}
.yn-ik{margin:0;padding-left:20px;font-size:13px;display:grid;gap:6px;max-height:320px;overflow:auto}
@media (max-width:1100px){.yn-duzen{grid-template-columns:minmax(0,1fr)}.yn-sayi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.yn-uc{grid-template-columns:minmax(0,1fr)}.yn-sayi{grid-template-columns:repeat(2,minmax(0,1fr))}.yn-yz{margin-left:0}.yn-sira{min-width:0;width:100%}}

/* Müşteri hesabı (/hesabim) */
.hs{padding-block:18px 48px}
.hs-giris{max-width:760px}
.hs-giris .ky-kart{margin-top:14px}
.hs-alt{display:flex;align-items:end}
.hs-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hs-h h1{margin:0}
.hs-ad{font-size:13px;color:var(--ink-2);background:var(--sunk);border-radius:999px;padding:2px 10px}
.hs-pr{font-size:13px;color:var(--ink-2)}
.hs-h [data-cikis]{margin-left:auto}
.hs-sekme{display:flex;gap:4px 20px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:16px 0}
.hs-sekme button{background:none;border:0;border-bottom:3px solid transparent;padding:8px 0;font:inherit;font-size:15px;color:var(--ink-2);cursor:pointer}
.hs-sekme button[aria-selected="true"]{color:var(--ink);font-weight:600;border-color:var(--green)}
.hs-duzen{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.hs-ana{display:grid;gap:16px}
.hs-ana > .ky-kart h2{margin-top:0}
.hs-tab{width:100%;border-collapse:collapse;font-size:14px}
.hs-tab th,.hs-tab td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top}
.hs-tab thead th{font-size:12.5px;color:var(--muted);font-weight:600;background:var(--sunk)}
.hs-tab td > b,.hs-tab td > .sub,.hs-tab td > .st{display:block;width:fit-content}
.hs-tab td > .st + .sub,.hs-tab td > b + .sub{margin-top:3px}
.hs-d{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.hs-dg{display:grid;gap:4px;justify-items:start}
.hs-form-s td{background:var(--sunk)}
.hs-form{display:grid;gap:10px}
.hs-form h3{margin:0}
.hs-puan{border:0;margin:0;padding:0;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.hs-puan legend{font-size:13.5px;font-weight:600;padding:0;margin-bottom:4px;float:left;width:100%}
.hs-puan label{position:relative}
.hs-puan input{position:absolute;opacity:0;inset:0;cursor:pointer}
.hs-puan span{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-weight:600}
.hs-puan input:checked + span{background:var(--green);color:var(--on-green);border-color:var(--green)}
.hs-puan input:focus-visible + span{outline:2px solid var(--act);outline-offset:2px}
.hs-alt-p{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hs-bilgi{background:var(--sunk);border-radius:10px;padding:10px 12px;margin-top:12px;font-size:13.5px}
.hs-bilgi p{margin:4px 0 0;color:var(--ink-2)}
.hs-yan .ky-kart h2{margin:0 0 8px;font-size:17px}
.hs-dl{margin:0;display:grid}
.hs-dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.hs-dl dt{color:var(--muted)}
.hs-dl dd{margin:0;text-align:right;font-weight:600}
.hs-l,.hs-y{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.hs-l li,.hs-y li{display:grid;gap:2px;border-bottom:1px solid var(--line);padding-bottom:8px}
.hs-y p{margin:4px 0 0}
.hs-yanit{background:var(--sunk);border-radius:8px;padding:8px 10px;font-size:13.5px}
@media (max-width:1000px){.hs-duzen{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.hs-alt-p{grid-template-columns:minmax(0,1fr)}.hs-h [data-cikis]{margin-left:0}}

/* Nasıl çalışır? (/nasil-calisir): dört adım masaüstünde dört eşit kart, telefonda 2×2 */
.nc-bas h1{font-size:clamp(26px,3.6vw,38px);line-height:1.15;margin:8px 0 10px}
.nc-adim{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.nc-adim li{margin:0;display:grid;align-content:start;gap:6px}
.nc-adim h2{font-size:16.5px;margin:4px 0 0}
.nc-adim p{margin:0;color:var(--ink-2);font-size:14px}
.nc-n{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:var(--on-green);font-weight:700}
.nc-guven{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}
.nc-guven dt{font-weight:600}
.nc-guven dd{margin:4px 0 0;color:var(--ink-2);font-size:14px}
.nc .fi-pilot .nc-ac{background:var(--surface);color:var(--green)}
@media (max-width:900px){.nc-adim{grid-template-columns:repeat(2,minmax(0,1fr))}.nc-guven{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.nc-adim{gap:10px}.nc-adim li{padding:12px}.nc-adim h2{font-size:15px}.nc-adim p{font-size:13px}.nc-guven{grid-template-columns:1fr}}
@media (max-width:640px){
  .hs-tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .hs-tab,.hs-tab tbody,.hs-tab tr,.hs-tab td{display:block;width:auto}
  .hs-tab tr{border-bottom:1px solid var(--line);padding:8px 0}
  .hs-tab td{border:0;padding:3px 0}
  .hs-tab .hs-d{justify-content:flex-start}
  .hs-form-s td{padding:10px}
}