/* sipnik Signage web oynatıcı (2026-11-08). Sahne tasarım ölçüsünde (1920×1080 ya da 1080×1920) çizilir, pencereye sığdırılır/döndürülür. */
/* yazı tipleri: sipnik.com ile aynı dosyalar, aynı kökenden (Google'a bağlı değil) */
@font-face { font-family:Outfit; font-weight:400; font-style:normal; font-display:swap; src:url(/varlik/font/outfit-400.woff2) format('woff2'); }
@font-face { font-family:Outfit; font-weight:500; font-style:normal; font-display:swap; src:url(/varlik/font/outfit-500.woff2) format('woff2'); }
@font-face { font-family:Outfit; font-weight:600; font-style:normal; font-display:swap; src:url(/varlik/font/outfit-600.woff2) format('woff2'); }
@font-face { font-family:Outfit; font-weight:700 900; font-style:normal; font-display:swap; src:url(/varlik/font/outfit-700.woff2) format('woff2'); }
@font-face { font-family:SipnikLogo; font-weight:600; font-style:normal; font-display:block; src:url(/varlik/font/logo.woff2) format('woff2'); }
:root { --yazi:Outfit, "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; --m:#1F4D3A; --v:#C4A055; --krem:#F3EDE2; --mm:#13241C; --gece:#121826; --gece3:#262F45; --mercan:#FF5A36; }
* { box-sizing:border-box; margin:0; padding:0; }
html, body { width:100%; height:100%; overflow:hidden; background:#000; color:var(--krem); font-family:var(--yazi); -webkit-font-smoothing:antialiased; }
body.gizli-imlec, body.gizli-imlec * { cursor:none !important; }
#sahne { position:absolute; left:50%; top:50%; transform-origin:50% 50%; overflow:hidden; background:var(--mm); }
.katman { position:absolute; inset:0; overflow:hidden; opacity:0; transition:opacity .45s ease; }
.katman.gor { opacity:1; }
.yay { position:absolute; top:0; height:100%; }
.ust-katman { position:absolute; inset:0; z-index:30; pointer-events:none; }   /* bazı TV tarayıcıları videoyu üstte çizer: üst katman ayrı yığın */
.katman video { position:relative; z-index:0; }
.yay img, .yay video, .katman > img, .katman > video { width:100%; height:100%; object-fit:cover; display:block; background:#000; }

/* eşleştirme */
.esles { position:absolute; inset:0; background:var(--gece); display:flex; align-items:center; justify-content:center; gap:120px; padding:80px; }
.dikey .esles { flex-direction:column; gap:80px; }
.esles .sol { display:flex; flex-direction:column; gap:30px; max-width:880px; }
.esles .sp { display:flex; align-items:center; gap:18px; font:600 46px var(--yazi); color:var(--krem); }
.esles .sp .lg { font-family:SipnikLogo, var(--yazi); font-weight:600; letter-spacing:-.01em; }
.esles .sp i { width:66px; height:66px; border-radius:20px; background:var(--mercan); display:grid; place-items:center; }
.esles .sp i svg { width:40px; height:40px; fill:#fff; }
.esles h1 { font:600 66px/1.08 var(--yazi); letter-spacing:-.02em; }
.esles p { font-size:32px; line-height:1.35; color:rgba(243,237,226,.66); }
.esles p b { color:var(--krem); font-weight:600; }
.esles .kod { display:flex; gap:18px; }
.esles .kod span { width:112px; height:140px; border-radius:28px; background:var(--gece3); display:grid; place-items:center; font:700 76px var(--yazi); color:#fff; }
.esles .kod em { width:22px; }
.esles .qr { background:#fff; padding:28px; border-radius:32px; display:grid; gap:14px; justify-items:center; color:#2B3142; font-size:24px; font-weight:600; }
.esles .qr img, .esles .qr canvas { width:340px !important; height:340px !important; }
.esles .alt { font-size:24px; color:rgba(243,237,226,.45); }
.esles .durum { font-size:26px; color:var(--v); min-height:34px; }

/* bekleme ekranı (liste yokken): logosuz, marka renklerinde saat (2026-11-08) */
.bos { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:28px; background:var(--m); color:var(--krem); text-align:center;
  background-image:radial-gradient(120% 90% at 50% 40%, rgba(255,255,255,.07), transparent 60%); }
.bos .saat { font:700 360px/0.9 var(--yazi); letter-spacing:-.04em; font-variant-numeric:tabular-nums; color:var(--krem); }
.dikey .bos .saat { font-size:280px; }
.bos .saat i { font-style:normal; color:var(--v); animation:nokta 2s steps(1) infinite; position:relative; top:-.06em; }
@keyframes nokta { 50% { opacity:.25; } }
.bos .tarih { font:500 54px var(--yazi); color:var(--v); letter-spacing:.01em; }
.bos .tarih::first-letter { text-transform:uppercase; }

/* menü panosu */
.pano { position:absolute; inset:0; background:var(--krem); color:var(--mm); padding:calc(56px * var(--o, 1)) calc(64px * var(--o, 1)); display:flex; flex-direction:column; gap:calc(36px * var(--o, 1)); font-size:calc(34px * var(--o, 1)); }
.pano .ust { display:flex; align-items:center; gap:24px; flex:none; }
.pano .ust .lg { width:calc(88px * var(--o, 1)); height:calc(88px * var(--o, 1)); border-radius:calc(24px * var(--o, 1)); background:var(--m); color:var(--krem); display:grid; place-items:center; overflow:hidden; font:800 calc(34px * var(--o, 1)) var(--yazi); flex:none; }
.pano .ust .lg img { width:100%; height:100%; object-fit:cover; }
.pano .ust b { display:block; font:700 calc(42px * var(--o, 1))/1 var(--yazi); color:var(--m); }
.pano .ust small { font-size:calc(24px * var(--o, 1)); color:#7b8a80; }
.pano .ust .bas { font:700 calc(56px * var(--o, 1)) var(--yazi); color:var(--m); letter-spacing:-.01em; }
.pano .govde { flex:1; min-height:0; display:grid; gap:calc(40px * var(--o, 1)); align-content:start; }
.pano h2 { font:700 calc(48px * var(--o, 1)) var(--yazi); color:var(--m); border-bottom:calc(4px * var(--o, 1)) solid var(--v); padding-bottom:calc(12px * var(--o, 1)); margin-bottom:calc(8px * var(--o, 1)); }
.pano .kat { display:flex; flex-direction:column; gap:calc(16px * var(--o, 1)); min-width:0; }
.pano .u { display:flex; align-items:center; gap:calc(20px * var(--o, 1)); min-width:0; }
.pano .u img { width:calc(100px * var(--o, 1)); height:calc(100px * var(--o, 1)); border-radius:calc(22px * var(--o, 1)); object-fit:cover; flex:none; background:#e9e1d2; }
.pano .u .ad { flex:1; font-weight:600; min-width:0; }
.pano .u .ad small { display:block; font-size:.66em; font-weight:400; color:#7b8a80; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pano .u .f { font-weight:700; color:var(--m); white-space:nowrap; }
.pano .u.tuk { color:#a7a69f; } .pano .u.tuk .ad > span { text-decoration:line-through; } .pano .u.tuk .f { color:#b06a3b; font-size:.78em; letter-spacing:.04em; text-transform:uppercase; }
.pano .u.tuk img { filter:grayscale(1); opacity:.5; }
.pano.liste .u { padding:calc(12px * var(--o, 1)) 0; border-bottom:calc(2px * var(--o, 1)) dashed #d9d0bf; }
.pano.buyuk .kat .izg { display:grid; grid-template-columns:repeat(var(--sut, 4), 1fr); gap:calc(26px * var(--o, 1)); }
.pano.buyuk .kart { background:#fff; border-radius:calc(30px * var(--o, 1)); overflow:hidden; box-shadow:0 10px 30px rgba(19,36,28,.06); display:flex; flex-direction:column; }
.pano.buyuk .kart img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; background:#e9e1d2; }
.pano.buyuk .kart div { padding:calc(18px * var(--o, 1)) calc(22px * var(--o, 1)); display:flex; justify-content:space-between; gap:12px; align-items:baseline; }
.pano.buyuk .kart b { font-weight:600; } .pano.buyuk .kart .f { font-weight:700; color:var(--m); white-space:nowrap; }
.pano.buyuk .kart.tuk { opacity:.5; } .pano.buyuk .kart.tuk .f { color:#b06a3b; font-size:.8em; text-transform:uppercase; }

/* üst katmanlar */
.serit { position:absolute; left:0; right:0; bottom:0; height:96px; background:var(--v); color:var(--mm); display:flex; align-items:center; overflow:hidden; z-index:20; font:600 40px var(--yazi); white-space:nowrap; }
.serit .saat { height:100%; display:flex; align-items:center; padding:0 34px; background:var(--mm); color:var(--krem); font-weight:700; flex:none; font-variant-numeric:tabular-nums; position:relative; z-index:2; }
.serit .akis { display:inline-block; padding-left:100%; animation:akis var(--sure, 30s) linear infinite; }
@keyframes akis { from { transform:translateX(0); } to { transform:translateX(-100%); } }
.tamduyuru { position:absolute; inset:0; z-index:25; background:var(--m); color:var(--krem); display:flex; align-items:center; justify-content:center; text-align:center; padding:120px; font:700 110px/1.1 var(--yazi); letter-spacing:-.02em; }
.numara { position:absolute; inset:0; z-index:40; background:rgba(0,0,0,.72); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; color:#fff; }
.numara b { font:800 520px/1 var(--yazi); color:var(--mercan); }
.numara b.uzun { font-size:240px; letter-spacing:.06em; }
.numara span { font-size:44px; font-weight:600; opacity:.85; }
.karanlik { position:absolute; inset:0; z-index:50; background:#000; }
.ipucu { position:fixed; left:50%; bottom:36px; transform:translateX(-50%); z-index:60; background:rgba(18,24,38,.86); color:#fff; padding:14px 26px; border-radius:999px; font:500 18px var(--yazi); transition:opacity .5s; }

/* kanal kimliği (2026-11-08): köşe logosu, saat, program geçiş kartı */
.kanal-logo { position:absolute; right:44px; top:40px; width:96px; height:96px; border-radius:26px; overflow:hidden; opacity:.82; z-index:22; box-shadow:0 8px 24px rgba(0,0,0,.25); }
.kanal-logo img { width:100%; height:100%; object-fit:cover; display:block; }
.kanal-saat { position:absolute; left:44px; top:40px; z-index:22; font:700 48px var(--yazi); color:#fff; background:rgba(19,36,28,.55); padding:10px 22px; border-radius:18px; font-variant-numeric:tabular-nums; }
.gecis { position:absolute; left:64px; bottom:140px; z-index:24; background:var(--m); color:var(--krem); border-radius:30px; padding:28px 40px; display:flex; flex-direction:column; gap:6px;
  box-shadow:0 20px 60px rgba(0,0,0,.35); animation:gecis 6s ease forwards; min-width:520px; }
.gecis .sm { font:600 26px var(--yazi); color:var(--v); letter-spacing:.06em; text-transform:uppercase; }
.gecis b { font:700 58px/1.05 var(--yazi); }
.gecis .sr { font:500 28px var(--yazi); opacity:.8; margin-top:6px; }
@keyframes gecis { 0% { transform:translateY(40px); opacity:0; } 8%, 88% { transform:none; opacity:1; } 100% { transform:translateY(20px); opacity:0; } }

/* ── hazır şablonlar (2026-11-08) — marka renkleri: --m ana, --v vurgu; yazı tipi var(--yazi). Sahne birimleri: yatay 1920×1080, dikey 1080×1920 ── */
.sb { position:absolute; inset:0; overflow:hidden; display:flex; font-family:var(--yazi); background:var(--m); color:var(--krem); }
.sb.acik { background:var(--krem); color:var(--mm); }
.sb-yazi { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; gap:28px; min-width:0; }
.sb-et { align-self:flex-start; font:700 30px/1 var(--yazi); letter-spacing:.06em; text-transform:uppercase; padding:16px 26px; border-radius:999px; background:var(--v); color:var(--mm); }
.sb-b { font:800 112px/1.02 var(--yazi); letter-spacing:-.025em; text-wrap:balance; }
.sb-b.k { font-size:84px; }
.sb-p { font:400 40px/1.35 var(--yazi); opacity:.85; max-width:30ch; text-wrap:pretty; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.sb-p.uzun { -webkit-line-clamp:8; max-width:36ch; font-size:38px; }
.sb-f { font:800 96px/1 var(--yazi); color:var(--m); display:flex; align-items:baseline; gap:24px; font-variant-numeric:tabular-nums; }
.sb-f.b { font-size:132px; }
.sb-f s { font-size:.42em; font-weight:500; opacity:.55; }
.sb:not(.acik) .sb-f { color:var(--v); }
.sb-f.tuk { color:var(--mercan); font-size:64px; }
.sb-alt { font:500 32px/1.3 var(--yazi); opacity:.8; display:flex; flex-wrap:wrap; gap:6px 18px; } .sb-alt b { opacity:.5; }
.sb-deger { font:900 260px/.9 var(--yazi); letter-spacing:-.04em; color:var(--v); font-variant-numeric:tabular-nums; }
.sb-deger.k { font-size:120px; }
.sb-durum { align-self:flex-start; display:flex; align-items:center; gap:16px; font:600 38px/1 var(--yazi); padding:20px 30px; border-radius:999px; background:rgba(255,255,255,.12); }
.sb.acik .sb-durum { background:rgba(19,36,28,.08); }
.sb-durum i { width:20px; height:20px; border-radius:50%; background:rgba(255,255,255,.5); }
.sb-durum.on i { background:#3DDC84; box-shadow:0 0 0 0 rgba(61,220,132,.6); animation:sbNabiz 2s ease-out infinite; }
@keyframes sbNabiz { 0% { box-shadow:0 0 0 0 rgba(61,220,132,.55); } 100% { box-shadow:0 0 0 22px rgba(61,220,132,0); } }

/* kahraman: görsel + yazı */
.sb-kahraman { display:grid; grid-template-columns:1.05fr 1fr; }
.sb-kahraman.medyasiz { grid-template-columns:1fr; }
.sb-kahraman .sb-resim { position:relative; overflow:hidden; } .sb-kahraman .sb-resim img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sb-kahraman .sb-yazi { padding:110px 120px 110px 110px; }
.sb-kahraman.medyasiz .sb-yazi { padding:120px 180px; }
body.dikey .sb-kahraman { grid-template-columns:1fr; grid-template-rows:52% 1fr; }
body.dikey .sb-kahraman.medyasiz { grid-template-rows:1fr; }
body.dikey .sb-kahraman .sb-yazi { padding:80px 90px 110px; justify-content:flex-start; }

/* büyük yazı: ortada, halkalar */
.sb-buyuk { align-items:center; justify-content:center; text-align:left; }
.sb-buyuk .sb-yazi { padding:120px 170px; max-width:1500px; width:100%; }
.sb-buyuk .sb-p { max-width:34ch; }
.sb-halka { position:absolute; border-radius:50%; border:70px solid var(--v); opacity:.14; }
.sb-halka.a { width:900px; height:900px; right:-260px; top:-300px; }
.sb-halka.b { width:520px; height:520px; left:-200px; bottom:-220px; border-width:46px; opacity:.1; }
body.dikey .sb-buyuk .sb-yazi { padding:120px 90px; }
.sb-buyuk.kutlama { background:radial-gradient(circle at 18% 22%, var(--v) 0 10px, transparent 11px) 0 0/160px 160px, radial-gradient(circle at 70% 64%, rgba(255,255,255,.35) 0 7px, transparent 8px) 0 0/210px 210px, var(--m); }
.sb-buyuk.kutlama .sb-b { font-size:150px; } .sb-buyuk.kutlama .sb-yazi { align-items:center; text-align:center; } .sb-buyuk.kutlama .sb-p { max-width:28ch; }
.sb-buyuk.bilgi .sb-saat { font:800 220px/1 var(--yazi); letter-spacing:-.03em; font-variant-numeric:tabular-nums; display:flex; gap:28px; align-items:baseline; }
.sb-buyuk.bilgi .sb-saat em { font-style:normal; color:var(--v); }
body.dikey .sb-buyuk.bilgi .sb-saat { font-size:150px; flex-direction:column; gap:0; } body.dikey .sb-buyuk.bilgi .sb-saat em { display:none; }
.sb-tarih { display:flex; align-items:center; gap:30px; } .sb-tarih b { font:900 200px/.85 var(--yazi); color:var(--v); } .sb-tarih span { font:600 44px/1.2 var(--yazi); }

/* QR düzeni: yazı + QR kartları */
.sb-qrd { align-items:center; gap:90px; padding:110px 140px; }
.sb-qrd .sb-yazi { flex:1; }
.sb-qrlar { display:flex; gap:44px; flex:none; }
.sb-qr { background:#fff; border-radius:44px; padding:40px; display:flex; flex-direction:column; align-items:center; gap:22px; box-shadow:0 30px 80px rgba(0,0,0,.28); }
.sb-qr .kod { width:420px; height:420px; } .sb-qr .kod img, .sb-qr .kod canvas { width:420px !important; height:420px !important; display:block; }
.sb-qr span { font:700 32px/1 var(--yazi); color:var(--mm); }
.sb-qrlar:has(.sb-qr + .sb-qr) .kod, .sb-qrlar:has(.sb-qr + .sb-qr) .kod img, .sb-qrlar:has(.sb-qr + .sb-qr) .kod canvas { width:330px !important; height:330px !important; }
body.dikey .sb-qrd { flex-direction:column; justify-content:center; padding:110px 90px; gap:80px; } body.dikey .sb-qrd .sb-yazi { flex:none; width:100%; }
.sb-dl { display:grid; grid-template-columns:auto 1fr; gap:14px 34px; align-items:baseline; } .sb-dl dt { font:500 34px var(--yazi); opacity:.7; } .sb-dl dd { font:700 64px/1.1 var(--yazi); word-break:break-all; }
.sb-ikon { width:150px; height:150px; border-radius:36px; object-fit:cover; box-shadow:0 14px 40px rgba(0,0,0,.25); }
.sb-sos { list-style:none; display:grid; gap:18px; } .sb-sos li { display:flex; align-items:baseline; gap:22px; font:500 44px var(--yazi); } .sb-sos b { font-weight:700; color:var(--v); min-width:5.2em; }
.sb-tel { font:800 92px/1 var(--yazi); color:var(--v); font-variant-numeric:tabular-nums; letter-spacing:-.01em; }
.sb-yildiz { font-size:84px; letter-spacing:10px; color:var(--v); line-height:1; }
.sb-qrd.wa { background:#0F5132; } .sb-qrd.wa .sb-et { background:#25D366; color:#062F1C; } .sb-qrd.wa .sb-tel { color:#7CF0A9; }

/* ızgara: ikili, vitrin, kampanyalar */
.sb-izgara { flex-direction:column; padding:90px 110px; gap:56px; }
.sb-ust { display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap; }
.sb-rozet { font:800 56px/1 var(--yazi); background:var(--m); color:var(--krem); padding:24px 40px; border-radius:999px; }
.sb-kartlar { flex:1; min-height:0; display:grid; gap:36px; grid-template-columns:repeat(3, minmax(0,1fr)); grid-auto-rows:minmax(0,1fr); }
.sb-kart { background:#fff; border-radius:40px; overflow:hidden; display:grid; grid-template-rows:minmax(0,1fr) auto; box-shadow:0 18px 50px rgba(19,36,28,.12); min-height:0; }
.sb-kart.tuk { opacity:.55; }
.sb-kr { position:relative; min-height:0; background:#E9E2D4; } .sb-kr img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sb-ka { padding:30px 36px 34px; display:grid; gap:10px; } .sb-ka b { font:700 44px/1.1 var(--yazi); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .sb-ka .sb-f { font-size:56px; } .sb-ka .sb-f.tuk { font-size:40px; }
.ikili .sb-kartlar { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:stretch; }
.sb-arti { font:300 160px/1 var(--yazi); color:var(--v); align-self:center; font-style:normal; }
.vitrin.n1 .sb-kartlar, .vitrin.n2 .sb-kartlar, .vitrin.n4 .sb-kartlar { grid-template-columns:repeat(2, minmax(0,1fr)); }
.vitrin.n1 .sb-kartlar { grid-template-columns:minmax(0,1fr); }
.kampanyalar .sb-kartlar { grid-template-columns:repeat(3, minmax(0,1fr)); }
.kampanyalar.n1 .sb-kartlar { grid-template-columns:1fr; } .kampanyalar.n2 .sb-kartlar, .kampanyalar.n4 .sb-kartlar { grid-template-columns:repeat(2, minmax(0,1fr)); }
.sb-kk { background:rgba(255,255,255,.08); border:2px solid rgba(255,255,255,.14); border-radius:40px; padding:44px; display:flex; flex-direction:column; gap:20px; justify-content:center; min-height:0; overflow:hidden; }
.sb-kk > b { font:700 46px/1.15 var(--yazi); } .sb-kk .sb-alt { font-size:28px; } .sb-kk .sb-et { font-size:24px; padding:12px 20px; }
body.dikey .sb-izgara { padding:90px 70px; } body.dikey .sb-kartlar { grid-template-columns:repeat(2, minmax(0,1fr)); }
body.dikey .ikili .sb-kartlar { grid-template-columns:1fr; grid-template-rows:minmax(0,1fr) auto minmax(0,1fr); } body.dikey .sb-arti { justify-self:center; }
body.dikey .kampanyalar .sb-kartlar, body.dikey .vitrin.n1 .sb-kartlar { grid-template-columns:1fr; }

/* yan yana 1–4 ürün */
.yanyana .sb-kartlar { grid-template-columns:repeat(var(--n, 3), minmax(0,1fr)); }
.yanyana.n1 { --n:1; } .yanyana.n2 { --n:2; } .yanyana.n3 { --n:3; } .yanyana.n4 { --n:4; }
.yanyana.basliksiz { padding-top:70px; }
.yanyana.n1 .sb-kart { grid-template-columns:1.1fr 1fr; grid-template-rows:1fr; } .yanyana.n1 .sb-ka { align-content:center; padding:70px; gap:24px; } .yanyana.n1 .sb-ka b { font-size:90px; white-space:normal; }
.yanyana.n1 .sb-ka .sb-f, .yanyana.n2 .sb-ka .sb-f { font-size:84px; } .yanyana.n2 .sb-ka b { font-size:56px; white-space:normal; }
.yanyana.n4 .sb-ka b { font-size:38px; } .yanyana.n4 .sb-ka .sb-f { font-size:48px; }
.sb-ac { font:400 30px/1.35 var(--yazi); opacity:.7; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
body.dikey .yanyana .sb-kartlar { grid-template-columns:1fr; } body.dikey .yanyana.n4 .sb-kartlar { grid-template-columns:repeat(2, minmax(0,1fr)); }
body.dikey .yanyana.n1 .sb-kart { grid-template-columns:1fr; grid-template-rows:1.1fr auto; }
body.dikey .yanyana.n2 .sb-kart, body.dikey .yanyana.n3 .sb-kart { grid-template-columns:1fr 1fr; grid-template-rows:1fr; } body.dikey .yanyana.n2 .sb-ka, body.dikey .yanyana.n3 .sb-ka { align-content:center; }

/* hava */
.sb-hava { align-items:center; justify-content:space-between; padding:110px 150px; gap:80px; }
.sb-hs { display:flex; align-items:center; gap:40px; } .sb-hs b { font:800 260px/.9 var(--yazi); letter-spacing:-.04em; }
.ik { display:inline-flex; color:var(--v); } .ik svg { width:100%; height:100%; } .sb-hs .ik { width:230px; height:230px; }
.sb-gunler { display:flex; gap:30px; } .sb-gunler .g { background:rgba(255,255,255,.08); border-radius:36px; padding:40px 44px; display:flex; flex-direction:column; align-items:center; gap:16px; min-width:230px; }
.sb-gunler .g span { font:600 34px var(--yazi); } .sb-gunler .g .ik { width:110px; height:110px; } .sb-gunler .g b { font:800 64px/1 var(--yazi); } .sb-gunler .g small { font:500 36px var(--yazi); opacity:.65; }
body.dikey .sb-hava { flex-direction:column; justify-content:center; padding:120px 80px; }

/* hoş geldiniz */
.sb-hos { align-items:flex-end; } .sb-hos .arka { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sb-hos::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.72)); z-index:1; }
.sb-hos.kapaksiz::after { display:none; } .sb-hos.kapaksiz { align-items:center; justify-content:center; } .sb-hos.kapaksiz .sb-yazi { align-items:center; text-align:center; }
.sb-hos .sb-yazi { padding:120px 140px; color:#fff; } .sb-hos .sb-b { font-size:150px; } .sb-hos .sb-p { opacity:.92; }

/* giriş hareketi (yalnız opaklık ve kaydırma: zayıf kutularda da akıcı) */
.katman .sb-yazi > *, .katman .sb-qr, .katman .sb-kart, .katman .sb-kk, .katman .sb-gunler .g { opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
.katman.gor .sb-yazi > *, .katman.gor .sb-qr, .katman.gor .sb-kart, .katman.gor .sb-kk, .katman.gor .sb-gunler .g { opacity:1; transform:none; }
.katman.gor .sb-yazi > :nth-child(2), .katman.gor .sb-kart:nth-child(2), .katman.gor .sb-kk:nth-child(2), .katman.gor .sb-gunler .g:nth-child(2) { transition-delay:.12s; }
.katman.gor .sb-yazi > :nth-child(3), .katman.gor .sb-kart:nth-child(3), .katman.gor .sb-kk:nth-child(3), .katman.gor .sb-gunler .g:nth-child(3) { transition-delay:.24s; }
.katman.gor .sb-yazi > :nth-child(n+4), .katman.gor .sb-kart:nth-child(n+4), .katman.gor .sb-kk:nth-child(n+4), .katman.gor .sb-qr { transition-delay:.36s; }

/* panel önizlemesi: yayında atlanacaksa neden */
.onizle-not { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; background:var(--gece); color:var(--krem); text-align:center; padding:120px; }
.onizle-not b { font:700 64px var(--yazi); } .onizle-not span { font:400 42px/1.35 var(--yazi); opacity:.8; max-width:30ch; }