/* safkan.app — Flatişler teslim paketi tasarımı (21 Ekim 2026) */
:root{
  --zemin:#0a0f0c; --zemin2:#0c130f; --kart:#16211a; --kart2:#1c2a21;
  --krem:#f5f3ee; --yesil:#3f8f52; --yesil2:#4a9f5e; --acik:#8fcf9c; --altin:#e3b35a;
  --koyu-yesil:#2f6e40;
  --cizgi:rgba(245,243,238,.08); --cizgi2:rgba(245,243,238,.14);
  --m88:rgba(245,243,238,.88); --m80:rgba(245,243,238,.8); --m78:rgba(245,243,238,.78);
  --m72:rgba(245,243,238,.72); --m65:rgba(245,243,238,.65); --m60:rgba(245,243,238,.6);
  --f-bas:'Barlow Condensed','Arial Narrow',sans-serif;
  --f-govde:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  --yan:clamp(20px,4vw,56px);
  --bolum:clamp(80px,10vw,140px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--krem);font-family:var(--f-govde);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--acik)}
a:hover{color:var(--krem)}
::selection{background:var(--yesil);color:var(--krem)}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--acik);outline-offset:3px}
h1,h2,h3,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.atla{position:absolute;left:-9999px}
.atla:focus{left:12px;top:12px;z-index:99;background:var(--yesil);color:var(--krem);padding:10px 16px;border-radius:4px}

.kap{max-width:1440px;margin:0 auto;padding-left:var(--yan);padding-right:var(--yan)}
.bolum{padding-top:var(--bolum);display:flex;flex-direction:column;gap:40px}
.bas-grup{display:flex;flex-direction:column;gap:14px}
.bas-grup.genis-bosluk{gap:22px}
.dar-bas{max-width:880px}
.ust-etiket{font-family:var(--f-bas);font-weight:600;font-size:16px;letter-spacing:.2em;text-transform:uppercase;color:var(--acik)}
.ust-etiket.kucuk{font-size:15px}
.b2{font-family:var(--f-bas);font-weight:800;font-style:italic;font-size:clamp(44px,5.4vw,80px);line-height:1;text-transform:uppercase;text-wrap:balance}
.govde{font-size:19px;line-height:1.55;color:var(--m78);text-wrap:pretty}
.govde.acik{color:var(--m80)}
.govde.acik2{color:var(--m88)}
.govde.acik3{color:rgba(245,243,238,.85);max-width:600px}
.soluk{color:var(--m65);font-size:17px}
.kucuk-metin{font-size:16px;line-height:1.5}

/* Düğmeler */
.dugmeler{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.dugme{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 28px;background:var(--yesil);border:1.5px solid var(--yesil);border-radius:4px;color:var(--krem);text-decoration:none;font-family:var(--f-bas);font-weight:700;font-size:20px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.dugme:hover{background:var(--yesil2);border-color:var(--yesil2);color:var(--krem)}
.dugme-cizgi{background:transparent;border-color:rgba(245,243,238,.55)}
.dugme-cizgi:hover{background:rgba(245,243,238,.06);border-color:var(--krem)}
.dugme-orta{height:52px;padding:0 24px;font-size:18px}
.dugme-kucuk{height:42px;padding:0 18px;font-size:16px}

/* Üst bilgi */
.ust{position:sticky;top:0;z-index:20;background:rgba(10,15,12,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;gap:28px;padding-top:12px;padding-bottom:12px}
.marka{display:flex;align-items:center;gap:10px;font-size:30px;color:var(--krem);text-decoration:none;flex:none}
.marka img{height:1.5em;width:auto}
.marka-yazi{display:flex;flex-direction:column;gap:2px}
.marka-ad,.alt-marka{display:flex;align-items:center;gap:.2em;font-family:var(--f-bas);font-weight:800;font-style:italic;line-height:1;text-transform:uppercase}
.egik{display:block;width:.15em;height:.74em;background:var(--yesil);transform:skewX(-20deg)}
.marka-alt{font-family:var(--f-bas);font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--acik);padding-left:.9em}
.ust-nav{display:flex;flex-wrap:wrap;gap:6px 22px;flex:1;min-width:0;font-family:var(--f-bas);font-weight:600;font-size:16px;letter-spacing:.12em;text-transform:uppercase}
.ust-nav a{color:var(--m80);text-decoration:none}
.ust-nav a:hover{color:var(--krem)}
.ust-takip{flex:none}
.menu-dugme{all:unset;display:none;cursor:pointer;margin-left:auto;width:44px;height:44px;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:4px;border:1.5px solid rgba(245,243,238,.3);box-sizing:border-box}
.menu-dugme span{display:block;width:20px;height:2px;background:var(--krem);transition:transform .2s,opacity .2s}
.menu-dugme[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-dugme[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-dugme[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.mobil-menu{display:flex;flex-direction:column;gap:16px;padding:4px 20px 24px;border-top:1px solid var(--cizgi);max-height:calc(100vh - 70px);overflow-y:auto}
.mobil-menu[hidden]{display:none}
.mobil-menu nav{display:flex;flex-direction:column}
.mobil-menu nav a{display:flex;align-items:center;min-height:54px;border-bottom:1px solid var(--cizgi);color:var(--krem);text-decoration:none;font-family:var(--f-bas);font-weight:700;font-size:24px;letter-spacing:.04em;text-transform:uppercase}
.mobil-menu .dugme{height:52px;font-size:18px}
@media (max-width:899px){
  .ust-nav,.ust-takip{display:none}
  .menu-dugme{display:flex}
}
@media (min-width:900px){.mobil-menu{display:none!important}}

/* Giriş */
.giris{position:relative;min-height:min(88vh,920px);display:flex;align-items:flex-end;overflow:hidden;background:var(--zemin)}
.giris-zemin{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.giris-ort1{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,12,.94) 0%,rgba(10,15,12,.78) 40%,rgba(10,15,12,.2) 100%)}
.giris-ort2{position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,rgba(10,15,12,0) 0%,var(--zemin) 100%)}
.giris-ic{position:relative;width:100%;padding-top:clamp(120px,16vh,200px);padding-bottom:clamp(56px,8vh,96px);display:flex;flex-direction:column;gap:28px}
.durum{display:flex;align-items:center;gap:10px;font-family:var(--f-bas);font-weight:600;font-size:16px;letter-spacing:.2em;text-transform:uppercase;color:var(--acik)}
.durum-nokta{width:9px;height:9px;border-radius:50%;background:currentColor;flex:none}
.giris h1{max-width:900px;font-family:var(--f-bas);font-weight:800;font-style:italic;font-size:clamp(52px,8.4vw,128px);line-height:.95;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
.giris-metin{max-width:620px;font-size:clamp(18px,1.5vw,22px);line-height:1.5;color:var(--m88);text-wrap:pretty}

/* Veri bandı */
.veri-bandi{border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);background:var(--zemin2)}
.veri-izgara{padding-top:36px;padding-bottom:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:28px 40px}
.veri-izgara div{display:flex;flex-direction:column;gap:4px}
.veri-izgara span:last-child{font-size:16px;color:var(--m72)}
.sayi{font-family:var(--f-bas);font-weight:800;font-style:italic;font-size:52px;line-height:1}
.sayi.altin{color:var(--altin)}

/* Medya */
#medya{gap:28px}
.bolum-bas.yatay{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px}
.fragman{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--kart)}
.fragman>img,.fragman iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.fragman-ort{position:absolute;inset:0;background:rgba(10,15,12,.6)}
.fragman-yok{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;font-size:18px;color:var(--m80)}
.fragman-bas{font-family:var(--f-bas);font-weight:800;font-style:italic;font-size:clamp(34px,4.4vw,64px);line-height:1;text-transform:uppercase;color:var(--krem)}
.fragman-oynat{all:unset;cursor:pointer;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.fragman-oynat[hidden]{display:none}
.oynat-daire{width:96px;height:96px;border-radius:50%;background:var(--yesil);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px rgba(0,0,0,.45)}
.oynat-ucgen{display:block;width:0;height:0;margin-left:7px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent var(--krem)}
.fragman-oynat-yazi{font-family:var(--f-bas);font-weight:700;font-size:22px;letter-spacing:.14em;text-transform:uppercase}
.galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}
.galeri button{all:unset;cursor:zoom-in;display:block;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--kart)}
.galeri button:hover,.galeri button:focus-visible{outline:2px solid var(--acik);outline-offset:2px}
.galeri img{width:100%;height:100%;object-fit:cover}

/* Roller */
#roller{gap:44px}
.iki-sutun-bas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:20px 64px;align-items:end}
.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.kart{display:flex;flex-direction:column;background:var(--kart);border-radius:8px;overflow:hidden}
.kart-gorsel{aspect-ratio:4/3;overflow:hidden}
.kart-gorsel img{width:100%;height:100%;object-fit:cover}
.kart-ic{display:flex;flex-direction:column;gap:12px;padding:26px 26px 30px}
.kart-bas{font-family:var(--f-bas);font-weight:800;font-style:italic;font-size:38px;line-height:1;text-transform:uppercase}
.kart-ic p{font-size:17px;line-height:1.55;color:var(--m80)}
.kart-not{font-size:15px;color:var(--acik)}
.modlar{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:17px;color:var(--m72)}
.modlar b{color:var(--krem)}

/* Yarış günü */
.sahne{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.sahne-gorsel{flex:2 1 560px;min-width:0;margin:0;position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--kart)}
.sahne-gorsel img{width:100%;height:100%;object-fit:cover}
.sahne-gorsel figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 24px 20px;background:linear-gradient(180deg,rgba(10,15,12,0) 0%,rgba(10,15,12,.9) 100%);display:flex;align-items:baseline;gap:14px;font-size:18px;line-height:1.45}
.sahne-no{font-family:var(--f-bas);font-weight:800;font-style:italic;font-size:28px;color:var(--acik)}
.sahne-liste{flex:1 1 260px;display:flex;flex-direction:column;gap:4px}
.sahne-liste button{all:unset;cursor:pointer;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:6px;border-left:3px solid transparent}
.sahne-liste button:hover{background:var(--kart)}
.sahne-liste button[aria-pressed="true"]{background:var(--kart);border-left-color:var(--yesil)}
.sahne-liste .no{font-family:var(--f-bas);font-weight:700;font-style:italic;font-size:20px;color:var(--acik);width:28px}
.sahne-liste .ad{font-family:var(--f-bas);font-weight:700;font-size:24px;letter-spacing:.04em;text-transform:uppercase;color:var(--m60)}
.sahne-liste button[aria-pressed="true"] .ad{color:var(--krem)}
.kameralar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.kameralar li{display:flex;flex-direction:column;gap:10px;font-size:16px}
.kameralar .soluk{font-size:16px}
.oran169{aspect-ratio:16/9;border-radius:6px;overflow:hidden}
.oran169 img{width:100%;height:100%;object-fit:cover}
.tuslar{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;padding:22px 26px;border-radius:8px;background:var(--zemin2);border:1px solid var(--cizgi)}
.tuslar>span{display:flex;align-items:center;gap:8px;font-size:16px}
.tuslar-bas{font-family:var(--f-bas);font-weight:600;font-size:15px!important;letter-spacing:.2em;text-transform:uppercase;color:var(--acik)}
kbd{font-family:var(--f-bas);font-weight:700;font-size:15px;padding:4px 10px;border-radius:4px;background:var(--kart);border:1px solid rgba(245,243,238,.2)}

/* Ses */
.ses-bolum{flex-direction:row;flex-wrap:wrap;gap:32px 64px;align-items:center}
.ses-sol{flex:1 1 420px}
.sesler{flex:1 1 440px;display:flex;flex-direction:column;gap:10px}
.ses-oge{display:flex;align-items:center;gap:18px;padding:14px 18px;border-radius:8px;background:var(--kart)}
.ses-dugme{all:unset;cursor:pointer;width:52px;height:52px;flex:none;border-radius:50%;background:var(--yesil);display:flex;align-items:center;justify-content:center}
.ses-dugme:hover{background:var(--yesil2)}
.ses-dugme:focus-visible{outline:2px solid var(--acik);outline-offset:3px}
.ikon-oynat{display:block;width:0;height:0;margin-left:4px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--krem)}
.ikon-dur{display:none;gap:5px}
.ikon-dur span{display:block;width:5px;height:18px;background:var(--krem);border-radius:1px}
.ses-oge.caliyor .ikon-oynat{display:none}
.ses-oge.caliyor .ikon-dur{display:flex}
.ses-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ses-ust{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ses-ad{font-family:var(--f-bas);font-weight:700;font-size:22px;letter-spacing:.03em;text-transform:uppercase}
.ses-not{font-size:15px;color:var(--m60)}
.ses-cubuk{height:4px;border-radius:2px;background:rgba(245,243,238,.12);overflow:hidden}
.ses-cubuk div{height:100%;width:0;background:var(--acik)}

/* At */
.at-bolum{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:48px 64px;align-items:center}
.cipler{display:flex;flex-wrap:wrap;gap:8px}
.cipler li{padding:6px 12px;border-radius:4px;background:var(--kart);font-size:15px;color:var(--m88)}
.ekran-cerceve{border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px rgba(245,243,238,.12)}
.ekran-cerceve img{width:100%;height:auto}
.ekran-cerceve.golge{box-shadow:0 0 0 1px rgba(245,243,238,.12),0 30px 60px rgba(0,0,0,.5)}

/* Yönetim */
.ilkeler{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px 40px;padding-bottom:8px}
.ilkeler div{display:flex;flex-direction:column;gap:8px;border-top:2px solid var(--yesil);padding-top:18px}
.ilkeler h3{font-family:var(--f-bas);font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:.03em}
.ilkeler p{font-size:17px;line-height:1.5;color:rgba(245,243,238,.75)}
.ekranlar{display:flex;flex-direction:column;gap:18px}
.sekmeler{display:flex;flex-wrap:wrap;gap:6px}
.sekmeler button{all:unset;cursor:pointer;flex:none;padding:10px 18px;border-radius:4px;background:var(--kart);color:rgba(245,243,238,.7);font-family:var(--f-bas);font-weight:700;font-size:18px;letter-spacing:.08em;text-transform:uppercase}
.sekmeler button:hover{color:var(--krem)}
.sekmeler button:focus-visible{outline:2px solid var(--acik);outline-offset:2px}
.sekmeler button[aria-selected="true"]{background:var(--yesil);color:var(--krem)}
.ekran-panel{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:flex-start}
.ekran-panel .ekran-cerceve{flex:3 1 600px;min-width:0}
.ekran-yazi{flex:1 1 240px;display:flex;flex-direction:column;gap:12px;font-size:18px;line-height:1.55;color:var(--m80)}
.ekran-ad{font-family:var(--f-bas);font-weight:800;font-style:italic;font-size:34px;line-height:1;text-transform:uppercase;color:var(--krem)}
.bahis-yok{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:18px 22px;border-radius:8px;background:var(--kart);font-size:17px;line-height:1.5;color:rgba(245,243,238,.85)}
.bahis-etiket{font-family:var(--f-bas);font-weight:700;font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:var(--altin);flex:none}

/* Yetiştiricilik */
.yetistir{flex-direction:row;flex-wrap:wrap;gap:48px 72px;align-items:center}
.yetistir-sol{flex:1 1 520px}
.adimlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px 24px}
.adimlar li{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid rgba(245,243,238,.1);font-size:17px}
.adimlar span{font-family:var(--f-bas);font-weight:700;font-style:italic;font-size:18px;color:var(--acik);width:24px;flex:none}
.tay{flex:1 1 400px;max-width:560px;display:flex;flex-direction:column;gap:16px}
.olay-karti{display:flex;flex-direction:column;gap:14px;padding:clamp(28px,4vw,44px);border-radius:10px;background:radial-gradient(120% 90% at 20% 0%,#24452f 0%,var(--kart) 60%);border-top:3px solid var(--altin);box-shadow:0 30px 60px rgba(0,0,0,.45)}
.olay-etiket{font-family:var(--f-bas);font-weight:600;font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:var(--altin)}
.olay-bas{font-family:var(--f-bas);font-weight:800;font-style:italic;font-size:clamp(56px,6vw,84px);line-height:.95;text-transform:uppercase}
.olay-alt{font-size:19px;color:rgba(245,243,238,.85)}
.olay-karti hr{border:0;height:1px;background:var(--cizgi2);margin:6px 0}
.olay-kucuk{font-family:var(--f-bas);font-weight:600;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--m60)}
.tay-ad{font-family:var(--f-bas);font-weight:800;font-style:italic;font-size:clamp(34px,3.6vw,48px);line-height:1;text-transform:uppercase;color:var(--altin);overflow-wrap:anywhere}
.tay-ad.bos{color:rgba(245,243,238,.35)}
.tay-etiket{display:flex;flex-direction:column;gap:8px}
.tay-etiket>span{font-size:16px;color:rgba(245,243,238,.75)}
.tay-etiket input,.bulten-form input[type=email]{height:52px;padding:0 16px;border-radius:4px;border:1.5px solid rgba(245,243,238,.3);background:var(--zemin2);color:var(--krem);font-family:var(--f-govde);font-size:17px;outline:none}
.tay-etiket input:focus,.bulten-form input[type=email]:focus{border-color:var(--acik)}
::placeholder{color:rgba(245,243,238,.5)}

/* Forma */
#forma{gap:36px}
.forma{display:flex;flex-wrap:wrap;gap:32px 48px;align-items:flex-start}
.forma[hidden]{display:none}
.forma-onizleme{flex:1 1 320px;max-width:460px;display:flex;flex-direction:column;gap:16px}
@media (min-width:900px){.forma-onizleme{position:sticky;top:96px}}
.forma-zemin{aspect-ratio:1;border-radius:10px;background:radial-gradient(80% 80% at 50% 40%,#24452f 0%,var(--kart) 75%);display:flex;align-items:center;justify-content:center}
.forma-zemin img{width:72%;height:auto}
.forma-metin{font-size:16px;line-height:1.5;color:var(--m80);min-height:3em}
.forma-secimler{flex:2 1 480px;min-width:0;display:flex;flex-direction:column;gap:26px}
.secim{display:flex;flex-direction:column;gap:10px;border:0;padding:0;margin:0;min-width:0}
.secim legend{padding:0;display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.secim-ad{font-family:var(--f-bas);font-weight:700;font-size:20px;letter-spacing:.04em;text-transform:uppercase}
.secim-cur{font-size:15px;color:var(--acik)}
.renkler{display:flex;flex-wrap:wrap;gap:8px}
.renkler button{all:unset;cursor:pointer;width:34px;height:34px;box-sizing:border-box;border-radius:50%;border:1px solid rgba(245,243,238,.25)}
.renkler button[aria-pressed="true"]{border:3px solid var(--krem)}
.renkler button:focus-visible{outline:2px solid var(--acik);outline-offset:2px}
.desenler{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.desenler button{all:unset;cursor:pointer;aspect-ratio:1;box-sizing:border-box;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid var(--cizgi2)}
.desenler button:hover{background:rgba(245,243,238,.06)}
.desenler button[aria-pressed="true"]{background:rgba(143,207,156,.16);border:2px solid var(--acik)}
.desenler button:focus-visible{outline:2px solid var(--acik);outline-offset:2px}
.desenler img{width:76%;height:auto}

/* Türkiye (krem bölüm) */
.krem-bolum{margin-top:var(--bolum);background:var(--krem);color:var(--kart)}
.krem-bolum ::selection{color:var(--krem)}
.turkiye-ic{padding-top:clamp(72px,9vw,120px);padding-bottom:clamp(72px,9vw,120px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:48px 72px}
.ust-etiket.koyu-yesil{color:var(--koyu-yesil)}
.govde.koyu{color:#2c3a31}
.koyu-soluk{color:#46524a}
.kosu-turleri{display:flex;flex-wrap:wrap;gap:8px}
.kosu-turleri li{padding:6px 12px;border-radius:4px;border:1.5px solid var(--kart);font-family:var(--f-bas);font-weight:700;font-size:17px;letter-spacing:.06em}
.kosu-turleri li.dolu{background:var(--kart);color:var(--krem)}
.hipodromlar li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(22,33,26,.16)}
.hipodromlar li span:first-child{font-family:var(--f-bas);font-weight:800;font-style:italic;font-size:30px;line-height:1;text-transform:uppercase}
.hipodromlar li span:last-child{font-family:var(--f-bas);font-weight:600;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#5a665e;text-align:right}
.hipodromlar li.ankara span:last-child{color:var(--koyu-yesil)}
.hipodromlar li.istanbul span:last-child{color:#8a5e0e}

/* Günlük */
.gunluk-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px}
.gunluk-kutu{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:8px;border:1px solid var(--cizgi2)}
.gunluk-kutu.dolu{background:var(--kart);border-color:var(--kart)}
.kutu-bas{font-family:var(--f-bas);font-weight:700;font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:var(--acik)}
.kutu-bas.altin{color:var(--altin)}
.tikli,.tireli{display:flex;flex-direction:column;gap:14px}
.tikli li,.tireli li{display:flex;gap:12px;font-size:17px;line-height:1.45}
.tikli li::before{content:"✓";color:var(--yesil2);font-weight:700}
.tireli li{color:rgba(245,243,238,.85)}
.tireli li::before{content:"—";color:var(--altin)}
.basliklar li{padding:10px 0;border-bottom:1px solid var(--cizgi);font-family:var(--f-bas);font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.03em}


/* SSS */
.sss{max-width:1040px;gap:28px}
.sss-liste{display:flex;flex-direction:column;border-top:1px solid var(--cizgi2)}
.sss-liste details{border-bottom:1px solid var(--cizgi2)}
.sss-liste summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-family:var(--f-bas);font-weight:700;font-size:26px;letter-spacing:.02em}
.sss-liste summary::-webkit-details-marker{display:none}
.sss-liste summary::after{content:"+";font-size:28px;color:var(--acik);flex:none}
.sss-liste details[open] summary::after{content:"−"}
.sss-liste summary:hover{color:var(--acik)}
.sss-liste details p{margin:0 0 24px;max-width:760px;font-size:18px;line-height:1.6;color:var(--m80)}

/* Son çağrı */
.takip{position:relative;margin-top:var(--bolum);overflow:hidden;background:var(--zemin)}
.takip-zemin{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.takip-ort{position:absolute;inset:0;background:rgba(10,15,12,.84)}
.takip-ic{position:relative;padding-top:clamp(80px,10vw,130px);padding-bottom:clamp(80px,10vw,130px);display:flex;flex-wrap:wrap;align-items:center;gap:48px 72px}
.takip-at{width:clamp(140px,16vw,240px);height:auto;flex:none}
.takip-sag{flex:1;min-width:min(100%,420px);display:flex;flex-direction:column;gap:22px}
.takip-bas{font-family:var(--f-bas);font-weight:800;font-style:italic;font-size:clamp(52px,7vw,104px);line-height:.95;text-transform:uppercase}
.bulten{display:flex;flex-direction:column;gap:10px;max-width:560px;padding-top:6px}
.bulten-form{display:flex;gap:10px;flex-wrap:wrap}
.bulten-form input[type=email]{flex:1;min-width:220px;background:rgba(10,15,12,.6)}
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.kaydol{all:unset;cursor:pointer;height:52px;padding:0 22px;border-radius:4px;background:var(--krem);color:var(--kart);display:flex;align-items:center;font-family:var(--f-bas);font-weight:700;font-size:18px;letter-spacing:.1em;text-transform:uppercase}
.kaydol:hover{background:#fff}
.kaydol:focus-visible{outline:2px solid var(--acik);outline-offset:3px}
.kaydol:disabled{opacity:.6;cursor:default}
.bulten-yanit{min-height:0;font-size:17px;line-height:1.5}
.bulten-yanit:empty{display:none}
.bulten-yanit.ok{color:var(--altin)}
.bulten-yanit.ok b{margin-right:8px}
.bulten-yanit.ok span{color:var(--m80)}
.bulten-yanit.hata{color:#ff9b8a}
.bulten-not{font-size:14px;line-height:1.5;color:var(--m60)}

/* Alt bilgi */
.alt{border-top:1px solid var(--cizgi)}
.alt-ic{padding-top:40px;padding-bottom:48px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
.alt-marka{font-size:34px;line-height:1.1;color:var(--krem);text-decoration:none}
.alt nav{display:flex;flex-wrap:wrap;gap:12px 28px;font-family:var(--f-bas);font-weight:600;font-size:16px;letter-spacing:.12em;text-transform:uppercase}
.alt nav a{color:rgba(245,243,238,.75);text-decoration:none}
.alt nav a:hover{color:var(--krem)}
.telif{font-size:15px;color:rgba(245,243,238,.55)}
.telif a{color:inherit;text-decoration:none}
.telif a:hover{color:var(--krem)}

/* Büyük görüntü */
.lb{border:0;padding:20px;margin:0;width:100vw;height:100vh;max-width:none;max-height:none;background:rgba(6,9,7,.95);color:var(--krem)}
.lb[open]{display:flex;align-items:center;justify-content:center}
.lb::backdrop{background:rgba(6,9,7,.95)}
.lb-ic{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(100%,1600px)}
.lb-ic img{max-width:100%;max-height:calc(100vh - 130px);object-fit:contain;border-radius:6px}
.lb-alt{display:flex;align-items:center;gap:12px;width:100%}
.lb-ad{flex:1;min-width:0;font-size:17px}
.lb-sira{font-size:15px;color:var(--m60)}
.lb-dugme{all:unset;cursor:pointer;width:48px;height:48px;flex:none;box-sizing:border-box;border-radius:50%;border:1.5px solid rgba(245,243,238,.35);display:flex;align-items:center;justify-content:center;font-family:var(--f-bas);font-weight:700;font-size:24px;color:var(--krem)}
.lb-dugme:hover{border-color:var(--krem)}
.lb-dugme:focus-visible{outline:2px solid var(--acik);outline-offset:2px}

@media (max-width:600px){
  .dugme{height:52px;padding:0 22px;font-size:18px}
  .sss-liste summary{font-size:22px}
  .lb-alt{flex-wrap:wrap}
  .lb-ad{flex-basis:100%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}