/* kankai.app sayfaya özel stil (sablon/oyuncak/ornek-v.html'den yayin.py ile) */
/* V "oyuncak dükkân": T'nin sırası; görseller tuğladan bir bakkal. açılış dükkânın önü, sonra iki raf aynı derbi gününü oynar. */
.vitrin{position:relative;margin-top:8px;border-radius:30px;overflow:hidden;aspect-ratio:3/2;max-height:78vh;width:100%;background:#F2C68B}
.vitrin img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.vitrin-yazi{position:absolute;left:clamp(14px,3vw,36px);bottom:clamp(14px,3vw,36px);right:clamp(14px,3vw,36px);display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.vitrin-kart{background:#fff;border-radius:22px;padding:clamp(16px,2.4vw,26px) clamp(18px,2.6vw,30px);max-width:640px;box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}
.vitrin-kart h1{font-size:clamp(34px,5.4vw,74px);line-height:.95}
.vitrin-kart p{margin-top:12px;color:var(--metin);font-size:clamp(16px,1.6vw,19px)}
.vitrin-kart .dugme{margin-top:16px}

.isler{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);margin-top:clamp(40px,6vw,72px)}
.is{margin:0;display:grid;gap:12px;align-content:start}
.is img{border-radius:20px;aspect-ratio:3/2;object-fit:cover;width:100%}
.is b{display:block;font-weight:900;font-size:22px;line-height:1.15}
.is p{color:var(--metin);font-size:16px;margin-top:2px}

.raf-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.raf-bas p{color:var(--metin);margin-top:10px;max-width:34em}
.saat-kutu{display:flex;align-items:center;gap:14px}
.saat{font:800 clamp(40px,5vw,60px)/1 var(--sayi);letter-spacing:-.04em}
.saat-not{font-weight:800;font-size:15px;color:var(--gri);max-width:12em;line-height:1.3}
.zaman{position:relative;height:6px;background:var(--raf);border-radius:3px;margin-top:18px}
.zaman i{position:absolute;left:0;top:0;bottom:0;background:var(--murekkep);border-radius:3px;width:0}
.zaman .mac{position:absolute;top:-5px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--murekkep);transform:translateX(-50%)}
.zaman-etiket{display:flex;justify-content:space-between;font:700 13px var(--sayi);color:var(--gri);margin-top:6px}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px);margin-top:22px}
.ikili .oy-rozet{left:12px;top:12px}
.alt-yazi{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px);margin-top:14px}
.alt-yazi p{color:var(--metin);font-size:16px}
.alt-yazi b{font-weight:900}
.raf-kontrol{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}

.ekran-ikili{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(20px,3vw,40px);align-items:center;margin-top:28px}
.ekran-not{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.ekran-not li{display:grid;grid-template-columns:auto 1fr;gap:4px 12px}
.ekran-not i{grid-row:span 2;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font:900 15px var(--sayi);color:#fff;background:var(--tente);font-style:normal}
.ekran-not b{font-weight:900;font-size:18px}
.ekran-not span{color:var(--metin);font-size:15.5px}

.wa{margin-top:var(--bolum);background:#ECE7DF;padding:var(--bolum) 0}
.wa-ic{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(20px,4vw,56px);align-items:start}
.wa-ic>img{border-radius:24px;position:sticky;top:24px}
.wa-ust{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 22px}
.wa-ust p{color:var(--metin)}

@media (max-width:860px){
  .isler,.ikili,.alt-yazi,.ekran-ikili,.wa-ic{grid-template-columns:1fr}
  .wa-ic>img{position:static}
  .vitrin{aspect-ratio:auto;max-height:none;overflow:visible;background:none;border-radius:0}
  .vitrin img{aspect-ratio:4/3;border-radius:24px;object-position:50% 30%}
  .vitrin-yazi{position:relative;left:auto;right:auto;bottom:auto;margin:-48px 10px 0}
}
.s-a916b3{left:85.7% !important}
.s-553a64{margin-top:14px !important}
.s-aa3a2f{margin-top:26px !important}