/* Bulmaca Sihirbazı — Tasarım 2 (sunucusuz, yalnız açık tema). Çizimler ön planda,
   hafif hareket (sakin, küçük genlik, faz farkı; "az hareket"te durağan). */
@font-face{font-family:Gabarito;src:url(/fonts/Gabarito-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Gabarito;src:url(/fonts/Gabarito-Medium.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Gabarito;src:url(/fonts/Gabarito-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Gabarito;src:url(/fonts/Gabarito-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}
:root{color-scheme:light;--kagit:#F6F1EB;--yuzey:#fff;--murekkep:#1C1918;--soluk:#5F5652;--cizgi:#E8DFD6;--golge:#E6DCD2;
--pembe:#E4405A;--gul:#C8324B;--bordo:#9A2433;--pembeAcik:#FCE6EA;--sari:#FDF3CC;--mavi:#E7F0FC;--yesil:#E5F4EA}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kagit);color:var(--murekkep);font:400 18px/1.55 Gabarito,system-ui,-apple-system,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--gul)}
.atla{position:absolute;left:-999px}.atla:focus{left:12px;top:12px;background:#fff;padding:8px 12px;border-radius:10px;z-index:9}
:focus-visible{outline:3px solid var(--pembe);outline-offset:3px;border-radius:10px}

/* üst çubuk: sayfayı takip etmez */
.ust{max-width:1180px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:22px}
.marka{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--murekkep);text-decoration:none;margin-right:auto}
.marka img{border-radius:9px}
.ust nav{display:flex;gap:22px}.ust nav a{color:var(--murekkep);text-decoration:none;font-weight:700;font-size:15px}
@media(max-width:820px){.ust nav{display:none}}

/* düğmeler: yalnız gerekli yerlerde bizim kapsül, altında kremsi gölge */
.dugme{display:inline-block;border:none;border-radius:999px;background:var(--gul);color:#fff;font:800 18px/1 Gabarito,sans-serif;
padding:17px 30px;text-decoration:none;cursor:pointer;box-shadow:0 5px 0 var(--bordo);transition:transform .12s,box-shadow .12s}
.dugme:hover{transform:translateY(-1px)}.dugme:active{transform:translateY(5px);box-shadow:0 0 0 var(--bordo)}
.dugme.kucuk{padding:11px 18px;font-size:15px;box-shadow:0 3px 0 var(--bordo)}
.dugme.buyuk{padding:20px 38px;font-size:20px}
.bag{background:none;border:none;color:var(--gul);font:700 17px Gabarito,sans-serif;cursor:pointer;text-decoration:none;padding:8px 4px}
.bag:hover{text-decoration:underline;text-underline-offset:4px}

h1{font-weight:800;font-size:clamp(36px,4.8vw,62px);line-height:1.18;letter-spacing:-.025em;margin:.2em 0 .35em;text-wrap:balance}
h2{font-weight:800;line-height:1.1;letter-spacing:-.015em;text-wrap:balance}
h3{font-weight:800;margin:.2em 0}
.baslik{font-size:clamp(30px,4.2vw,48px);text-align:center;margin:0 0 26px}
.vurgu{color:var(--gul);background:linear-gradient(transparent 58%,var(--pembeAcik) 58%, var(--pembeAcik) 92%,transparent 92%);padding:0 .08em}
.alt{color:var(--soluk);font-size:clamp(18px,2vw,21px);max-width:32em;margin:0 0 26px}.alt.orta{margin:-10px auto 30px;text-align:center}
.etiket{display:inline-block;background:var(--pembeAcik);color:var(--bordo);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin:0}
main{max-width:1180px;margin:0 auto;padding:0 20px}
.bolum{padding:70px 0 10px;position:relative}

/* giriş */
.kahraman{display:grid;gap:10px;align-items:center;padding:20px 0 30px}
.kahraman-yazi{text-align:center}.kahraman-yazi .alt{margin-left:auto;margin-right:auto}
.dugmeler{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}
.kume{position:relative;width:min(100%,560px);aspect-ratio:1/.9;margin:0 auto}
.leke{position:absolute;border-radius:48% 52% 45% 55%/55% 45% 55% 45%}
.l1{inset:10% 8% 10% 10%;background:var(--pembeAcik)}
.kume-not{position:absolute;left:0;right:0;bottom:-4%;text-align:center;margin:0;font-weight:800;color:var(--bordo);font-size:18px}
.kume .c{position:absolute}
.c-mektup{width:46%;left:27%;top:26%}.c-yildiz{width:24%;left:4%;top:4%}.c-parilti{width:22%;right:6%;top:2%}
.c-buket{width:24%;left:2%;bottom:6%}.c-kalpler{width:28%;right:2%;bottom:6%}.c-ucak{width:22%;left:40%;top:0}
@media(min-width:900px){.kahraman{grid-template-columns:1.05fr 1fr;gap:40px;padding:40px 0 50px}.kahraman-yazi{text-align:left}
.kahraman-yazi .alt{margin-left:0}.dugmeler{justify-content:flex-start}}

/* hareket: rossark kuralları — küçük genlik, alttan dönme, faz farkı */
.yasa{animation:yasa 6.4s cubic-bezier(.45,0,.55,1) infinite;transform-origin:50% 92%}
.suzul{animation:suzul 7s cubic-bezier(.45,0,.55,1) infinite}
.parla{animation:parla 3.8s ease-in-out infinite}
.c-yildiz{animation-duration:5.6s;animation-delay:-1.2s}.c-mektup{animation-delay:-2.4s}.c-kalpler{animation-duration:7.6s;animation-delay:-3.6s}
@keyframes yasa{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-5px) rotate(-1.8deg)}70%{transform:translateY(-2px) rotate(1.4deg)}}
@keyframes suzul{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-8px)}}
@keyframes parla{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.06) rotate(6deg)}}
.durdu .yasa,.durdu .suzul,.durdu .parla{animation-play-state:paused}

/* adımlar */
.adimlar{list-style:none;padding:0;margin:0;display:grid;gap:22px}
.adim{background:var(--yuzey);border-radius:28px;padding:26px 24px;text-align:center;position:relative;z-index:1;box-shadow:0 5px 0 var(--golge)}
.adim img{height:150px;width:auto;max-width:80%;object-fit:contain;margin:0 auto 10px}
.adim h3{font-size:26px}.adim p{color:var(--soluk);margin:.2em 0 0}
.no{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--pembe);color:#fff;font-weight:800}
.yol{display:none}
@media(min-width:820px){.adimlar{grid-template-columns:repeat(3,1fr)}
.yol{display:block;position:absolute;left:10%;right:10%;top:52%;width:80%;opacity:.5;z-index:0;pointer-events:none}}

/* hazırla */
.hazirla-kart{max-width:760px;margin:0 auto;background:var(--yuzey);border-radius:32px;padding:30px clamp(18px,4vw,40px) 34px;box-shadow:0 6px 0 var(--golge)}
.hazirla h2{font-size:clamp(26px,3.6vw,36px);margin:.1em 0 .5em;text-align:center}
.ilerleme{display:flex;gap:8px;margin:0 auto 18px;max-width:240px}.ilerleme span{flex:1;height:7px;border-radius:9px;background:var(--cizgi)}
.ilerleme span.dolu{background:var(--pembe)}
.secenekler{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0 0 24px}
.secenekler button{font:700 17px Gabarito,sans-serif;color:var(--murekkep);background:var(--kagit);border:2px solid transparent;border-radius:18px;padding:16px 12px;cursor:pointer}
.secenekler button[aria-checked=true]{background:var(--pembeAcik);border-color:var(--pembe);color:var(--bordo)}
.sahne{text-align:center}.sahne .dugme{min-width:200px}
.not{color:var(--soluk);font-size:15px;margin:-8px 0 16px}
.sorular{display:grid;grid-template-columns:1fr;gap:10px;text-align:left;margin:0 0 22px}
@media(min-width:620px){.sorular{grid-template-columns:2fr 1fr}}
.sorular label{display:grid;gap:4px;font-weight:700;font-size:14px;color:var(--soluk)}
.sorular input{font:500 17px Gabarito,sans-serif;padding:13px 14px;border-radius:14px;border:2px solid var(--cizgi);background:var(--kagit);color:var(--murekkep);width:100%}
.sorular input:focus{outline:none;border-color:var(--pembe);background:#fff}
.sorular .cevap{text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.satir{display:flex;justify-content:center;gap:18px;align-items:center}
.son-cizim{width:150px;margin:0 auto}
.kareler{display:grid;gap:8px;justify-items:center;margin:14px 0 18px}
.kelime{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.kelime span{display:grid;place-items:center;width:clamp(34px,7vw,46px);aspect-ratio:1;border-radius:10px;background:var(--pembeAcik);color:var(--bordo);font-weight:800;font-size:clamp(17px,3vw,22px);
animation:dus .45s cubic-bezier(.22,1,.36,1) both}
@keyframes dus{from{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}
.yakinda-yazi{color:var(--soluk);max-width:30em;margin:0 auto 14px}
.magaza{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 10px}
.magaza span{background:var(--kagit);border-radius:999px;padding:8px 16px;font-weight:800;font-size:15px}

/* uygulama */
.telefonlar{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(10px,3vw,30px);margin:0 auto 40px;max-width:900px}
.tel{margin:0;width:clamp(120px,24vw,250px);padding:clamp(5px,1vw,9px);border-radius:clamp(22px,4vw,42px);background:#1C1918;box-shadow:0 7px 0 var(--golge)}
.tel img{border-radius:clamp(17px,3.2vw,34px);aspect-ratio:390/700;object-fit:cover;object-position:top;width:100%}
.tel-orta{transform:translateY(-22px)}
@media(max-width:560px){.tel:not(.tel-orta){display:none}.tel-orta{width:min(62vw,260px);transform:none}}
.tel-suz{position:absolute;width:clamp(60px,10vw,110px);pointer-events:none}.tel-suz.s1{right:2%;top:0}.tel-suz.s2{left:2%;bottom:6%}
.ozellikler{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}
.ozellik{border-radius:26px;padding:22px;display:grid;grid-template-columns:84px 1fr;gap:4px 16px;align-items:center}
.ozellik img{grid-row:span 2;width:84px;height:84px;object-fit:contain}.ozellik h3{font-size:22px;align-self:end}.ozellik p{margin:0;color:var(--soluk);align-self:start}
.ozellik.pembe{background:var(--pembeAcik)}.ozellik.sari{background:var(--sari)}.ozellik.mavi{background:var(--mavi)}.ozellik.yesil{background:var(--yesil)}

/* özel günler */
.gunler{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.gun{display:grid;justify-items:center;gap:6px;background:var(--yuzey);border-radius:22px;padding:18px 10px;text-decoration:none;color:var(--murekkep);font-weight:800;text-align:center;box-shadow:0 4px 0 var(--golge);transition:transform .2s}
.gun img{width:90px;height:90px;object-fit:contain}.gun:hover{transform:translateY(-3px)}

/* sss */
.sss{max-width:820px;margin:0 auto}
.sss details{background:var(--yuzey);border-radius:20px;padding:16px 22px;margin:0 0 10px;box-shadow:0 3px 0 var(--golge)}
.sss summary{font-weight:800;cursor:pointer;list-style:none}.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";float:right;color:var(--gul);font-size:22px;line-height:1}.sss details[open] summary::after{content:"−"}
.sss details p{margin:10px 0 0;color:var(--soluk)}
.konular{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-top:22px}
.konular a,.alt-baglar a{font-weight:700;text-decoration:none}

.son-cagri{text-align:center;display:grid;justify-items:center;gap:6px;padding-bottom:40px}
.son-cagri img{width:170px}

.alt-bilgi{max-width:1180px;margin:30px auto 0;padding:26px 20px 50px;border-top:1px solid var(--cizgi);text-align:center;font-size:15px;color:var(--soluk)}
.alt-baglar{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}.alt-baglar a{color:var(--soluk)}
.telif{margin-top:14px}

/* görünür olunca beliren */
.js .belir{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.js .belir.gor{opacity:1;transform:none}
.tel-orta.belir.gor{transform:translateY(-22px)}
@media(max-width:560px){.tel-orta.belir.gor{transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}.belir{opacity:1;transform:none}}
@media(max-width:480px){.ust .dugme.kucuk{display:none}}

/* 15 Kasım: daha seyrek giriş, alt yazı ikinci satırı kalın */
.kahraman .alt b{color:var(--murekkep);font-weight:800}
.kume .c{opacity:1}
/* hazırla: uzun akış */
.hazirla h3{font-size:clamp(24px,3.2vw,32px);margin:.1em 0 .5em;text-align:center}
.secenekler button{display:grid;justify-items:center;gap:6px}
.secenekler button img{width:56px;height:56px;object-fit:contain}
.alanlar{display:grid;gap:12px;margin:0 0 22px;text-align:left}@media(min-width:620px){.alanlar{grid-template-columns:1fr 1fr}.alanlar.tek{grid-template-columns:1fr}}
.alanlar label{display:grid;gap:4px;font-weight:700;font-size:14px;color:var(--soluk)}
.alanlar input,.soru-satiri input{font:500 17px Gabarito,sans-serif;padding:13px 14px;border-radius:14px;border:2px solid var(--cizgi);background:var(--kagit);color:var(--murekkep);width:100%}
.alanlar input:focus,.soru-satiri input:focus{outline:none;border-color:var(--pembe);background:#fff}
.alanlar .mesaj,.soru-satiri .cevap{text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.sorular{display:grid;gap:10px;margin:0 0 10px}
.soru-satiri{display:grid;gap:8px;grid-template-columns:1fr}@media(min-width:620px){.soru-satiri{grid-template-columns:2fr 1fr}}
.ekle{margin:0 0 16px}
.kurulum{list-style:none;padding:0;margin:10px auto 6px;max-width:420px;text-align:left;display:grid;gap:10px}
.kurulum li{padding:12px 16px 12px 44px;border-radius:14px;background:var(--kagit);color:var(--soluk);position:relative;transition:background .3s,color .3s}
.kurulum li::before{content:"";position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;border:2px solid var(--cizgi)}
.kurulum li.tamam{background:var(--pembeAcik);color:var(--bordo);font-weight:700}
.kurulum li.tamam::before{background:var(--pembe);border-color:var(--pembe)}
.kurulum-cizim{width:200px;margin:0 auto}
.gizli{margin:4px 0 16px}.gizli .kelime span{background:var(--gul);color:#fff}
/* telefon içi ekranlar: bizim çizimlerimizle */
.tel .ekran{aspect-ratio:390/700;border-radius:clamp(17px,3.2vw,34px);background:var(--kagit);overflow:hidden;padding:clamp(10px,2vw,20px) clamp(8px,1.6vw,16px);display:flex;flex-direction:column;gap:clamp(5px,1vw,9px)}
.e-ust{margin:0;font-size:clamp(9px,1.1vw,12px);color:var(--soluk);font-weight:700}
.e-baslik{margin:0 0 4px;font-weight:800;font-size:clamp(12px,1.7vw,19px);line-height:1.15}
.e-baslik u{text-decoration-color:var(--pembe);text-decoration-thickness:3px}
.e-satir{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:6px 8px}
.e-satir img{width:clamp(26px,4vw,44px);height:clamp(26px,4vw,44px);object-fit:contain}
.e-satir span{display:grid;line-height:1.15}.e-satir b{font-size:clamp(9px,1.2vw,14px)}.e-satir i{font-style:normal;font-size:clamp(8px,1vw,12px);color:var(--soluk)}
.e-izgara{display:grid;grid-template-columns:1fr 1fr;gap:clamp(5px,.8vw,8px)}
.e-izgara span{display:grid;justify-items:center;gap:3px;border-radius:12px;padding:clamp(6px,1vw,10px) 4px;font-weight:800;font-size:clamp(7px,1vw,11px);text-align:center}
.e-izgara img{width:clamp(28px,4.4vw,52px);height:clamp(28px,4.4vw,52px);object-fit:contain}
.e-izgara .sari{background:var(--sari)}.e-izgara .pembe{background:var(--pembeAcik)}.e-izgara .mavi{background:var(--mavi)}.e-izgara .yesil{background:var(--yesil)}
.e-bitti{align-items:center;justify-content:center;text-align:center}
.e-bitti img{width:55%}
.e-mesaj{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin:0}
.e-mesaj span{display:grid;place-items:center;width:clamp(12px,1.9vw,20px);aspect-ratio:1;border-radius:4px;background:var(--gul);color:#fff;font-weight:800;font-size:clamp(7px,1.1vw,12px)}
.tel-suz.s1{right:-6%;top:-4%}.tel-suz.s2{left:-7%;bottom:2%}@media(max-width:1100px){.tel-suz{display:none}}
@media(max-width:560px){.tel .ekran{padding:18px 12px;gap:10px;justify-content:center}.e-baslik{font-size:17px}.e-izgara{gap:8px}.e-izgara span{font-size:11px;padding:12px 4px;gap:6px}.e-izgara img{width:58px;height:58px}}

/* 15 Kasım (2): pembe leke yok; yarışma ve birlikte kartları; ayrı hazırla sayfası */
.leke{display:none}
.ikili{display:grid;gap:18px}@media(min-width:900px){.ikili{grid-template-columns:1fr 1fr}}
.buyuk-kart{border-radius:30px;padding:26px;display:grid;gap:16px;align-items:center}
@media(min-width:560px){.buyuk-kart{grid-template-columns:150px 1fr}}
.buyuk-kart img{width:150px;margin:0 auto}
.buyuk-kart h2{font-size:clamp(26px,3vw,34px);margin:.3em 0 .3em}
.buyuk-kart p{margin:0;color:var(--soluk)}.buyuk-kart p b{color:var(--murekkep)}
.buyuk-kart .etiket{color:var(--bordo)}
.buyuk-kart.pembe{background:var(--pembeAcik)}.buyuk-kart.krem{background:var(--yuzey);box-shadow:0 5px 0 var(--golge)}
.hazirla-sayfasi .ust{justify-content:space-between}
.hazirla-sayfasi main{padding-top:10px}
.hazirla h1{font-size:clamp(28px,4vw,40px);text-align:center;margin:.1em 0 .5em}
.ozet{max-width:560px;margin:10px auto 22px;text-align:left;display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;background:var(--kagit);border-radius:20px;padding:18px 20px}
.ozet dt{font-weight:800;color:var(--bordo)}.ozet dd{margin:0}
.ozet ol{margin:0;padding-left:20px}.ozet li{margin:2px 0}
@media(max-width:520px){.ozet{grid-template-columns:1fr}.ozet dd{margin-bottom:6px}}
.yakinda{background:var(--pembeAcik);border-radius:24px;padding:22px;margin:0 auto 16px;max-width:560px}
.yakinda h2{font-size:clamp(24px,3vw,30px);margin:0 0 6px}.yakinda p{margin:0 0 14px;color:var(--soluk)}
.magaza-dugmeleri{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.magaza-dugme{display:grid;line-height:1.15;text-align:left;background:var(--murekkep);color:#fff;border-radius:14px;padding:10px 20px;font-weight:800;font-size:19px;min-width:170px;cursor:default}
.magaza-dugme small{font-size:12px;font-weight:600;opacity:.8}
.tel-suz.s2{left:-12%}

/* 15 Kasım (3): büyük düğme ve iki çizimli giriş; farklar; birlikte; daha büyük hazırla sayfası */
.dugme.buyuk{padding:22px 40px;font-size:22px;box-shadow:0 6px 0 var(--bordo)}
.kume.az .c-ana{width:62%;left:19%;top:12%}
.kume.az .c-yan{width:34%;right:0;bottom:6%}
.farklar .fark-izgara{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.fark{background:var(--yuzey);border-radius:26px;padding:24px 18px;text-align:center;box-shadow:0 5px 0 var(--golge)}
.fark img{width:120px;height:120px;object-fit:contain;margin:0 auto 8px}
.fark h3{font-size:24px}.fark p{margin:.2em 0 0;color:var(--soluk)}
.birlikte{background:var(--pembeAcik);border-radius:30px;padding:30px 24px;text-align:center;display:grid;justify-items:center;gap:4px}
.birlikte img{width:140px}.birlikte h2{font-size:clamp(28px,3.6vw,40px);margin:.2em 0 0}.birlikte p{margin:0;color:var(--soluk);font-size:19px}
.birlikte .vurgu{background:linear-gradient(transparent 58%,#fff 58%,#fff 92%,transparent 92%)}
/* hazırla sayfası: ekranı doldurur */
.hazirla-sayfasi .hazirla-kart{max-width:1000px;min-height:calc(100vh - 210px);padding:40px clamp(18px,5vw,64px) 44px;display:flex;flex-direction:column}
.hazirla-sayfasi .sahne:not([hidden]){flex:1;display:flex;flex-direction:column;justify-content:center}
.hazirla-sayfasi .hazirla h1{font-size:clamp(32px,4.4vw,48px)}
.hazirla-sayfasi .secenekler{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.hazirla-sayfasi .secenekler button{padding:22px 12px;font-size:19px;border-radius:22px}
.hazirla-sayfasi .secenekler button img{width:84px;height:84px}
.hazirla-sayfasi .alanlar input,.hazirla-sayfasi .soru-satiri input{font-size:19px;padding:16px 16px}
.hazirla-sayfasi .ilerleme{max-width:360px;margin-bottom:24px}
.hazirla-sayfasi .ilerleme span{height:8px}
.hazirla-sayfasi .sahne .dugme{align-self:center}
.hazirla h1:focus{outline:none}
.soru-satiri input.hata{border-color:var(--pembe);background:#fff}
.uyari{color:var(--gul);font-weight:700;margin:0 0 12px}
/* kurulum satırları: işaretlenince kalınlaşıp kaymasın */
.kurulum li{font-weight:700;min-height:48px;display:flex;align-items:center}
.kurulum li.tamam{font-weight:700}
/* 15 Kasım (4): özellikler ayrı başlıklarla; yarışma bölümü; küçük birlikte şeridi; telefon karoları beyaz */
.e-izgara span{background:#fff}
.anlat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:clamp(20px,5vw,64px);max-width:980px;margin:clamp(28px,5vw,56px) auto 0}
.anlat img{width:min(100%,240px);height:auto;margin:0 auto}
.anlat.ters img{order:2}
.anlat h3{font-size:clamp(28px,3.4vw,40px);margin:0 0 .25em}
.anlat p{margin:0;font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--soluk)}
.yarisma-izgara{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:860px;margin:24px auto 0}
.yarisma-kart{background:var(--yuzey);border-radius:26px;padding:26px 22px;text-align:center;box-shadow:0 5px 0 var(--golge)}
.yarisma-kart img{width:120px;height:120px;object-fit:contain;margin:0 auto 6px}
.yarisma-kart h3{font-size:26px}.yarisma-kart p{margin:.3em 0 0;color:var(--soluk)}
.birlikte.kucuk{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 22px;max-width:560px;margin:0 auto;text-align:left;border-radius:22px}
.birlikte.kucuk img{width:72px;height:72px}
.birlikte.kucuk h3{font-size:21px;margin:0}.birlikte.kucuk p{font-size:16px}
@media(max-width:700px){.anlat{grid-template-columns:1fr;text-align:center}.anlat.ters img{order:0}.anlat img{width:170px}}
@media(max-width:700px){.anlat img.c{width:140px;height:140px}.anlat{gap:10px}}
/* 15 Kasım (5): görsellerde hareket yok; sorular alt alta; yeni özet; büyük özellik görselleri */
.c,.c-ana,.c-yan{animation:none!important}
.hazirla-sayfasi .sorular{grid-template-columns:1fr!important;max-width:660px;margin:6px auto 10px;width:100%}
.hazirla-sayfasi .soru-satiri{grid-template-columns:1fr}@media(min-width:620px){.hazirla-sayfasi .soru-satiri{grid-template-columns:1.8fr 1fr}}
.anlat img,.anlat img.c{width:min(100%,300px);height:auto}
.ozet{display:block;max-width:640px;margin:12px auto 26px;text-align:left;background:#fff;border:2px solid var(--cizgi);border-radius:26px;padding:24px clamp(18px,4vw,32px);box-shadow:0 6px 0 var(--golge)}
.ozet-ust{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.rozet{background:var(--pembe);color:#fff;font-weight:800;font-size:15px;padding:6px 14px;border-radius:999px}
.rozet.acik{background:var(--pembeAcik);color:var(--bordo)}
.ozet-ad{text-align:center;font:800 clamp(26px,3.4vw,34px)/1.15 Gabarito,sans-serif;margin:12px 0 6px;color:var(--murekkep)}
.ozet-baslik{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--bordo);margin:18px 0 10px;text-align:center}
.ozet-sorular{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ozet-sorular li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;background:var(--kagit);border-radius:16px;padding:10px 12px}
.ozet-sorular .no{width:30px;height:30px;border-radius:50%;background:var(--pembe);color:#fff;font-weight:800;display:grid;place-items:center;font-size:15px}
.ozet-sorular .soru{font-weight:600}
.kareler{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-end}
.kareler .harf{width:26px;height:30px;display:grid;place-items:center;background:#fff;border:2px solid var(--murekkep);border-radius:6px;font-weight:800;font-size:15px}
.kareler .bosluk{width:10px}
.mesaj-kareleri{justify-content:center}
.mesaj-kareleri .harf{background:var(--pembeAcik);border-color:var(--pembe);color:var(--bordo);width:30px;height:36px;font-size:18px}
@media(max-width:560px){.ozet-sorular li{grid-template-columns:30px 1fr}.ozet-sorular .kareler{grid-column:2;justify-content:flex-start}}
.ozet h3.ozet-baslik{font-size:14px;margin:18px 0 10px}
@media(max-width:560px){.ozet-sorular li{row-gap:6px;padding:10px}.ozet{padding:18px 14px}}
/* 15 Kasım (6): görseller eski boyuta; tek çizimli giriş */
.anlat img,.anlat img.c{width:min(100%,240px);height:auto}
@media(max-width:700px){.anlat img,.anlat img.c{width:140px;height:auto}}
.kume.az .c-ana{width:84%;left:8%;top:14%}
.anlat.birlikte-coz{margin-top:clamp(36px,6vw,64px)}
/* 15 Kasım (7): telefon ekranı dolu; 10 özel gün */
.tel-orta .ekran{justify-content:space-between}
.tel-orta .e-izgara{flex:1;grid-auto-rows:1fr}
.e-dugme{display:block;text-align:center;background:var(--pembe);color:#fff;font-weight:800;border-radius:999px;padding:clamp(5px,.9vw,10px);font-size:clamp(8px,1.1vw,13px);box-shadow:0 3px 0 var(--bordo)}
.e-izgara img{width:clamp(26px,4vw,48px);height:clamp(26px,4vw,48px)}
@media(min-width:900px){.hazirla-sayfasi .secenekler{grid-template-columns:repeat(5,1fr)}}
.hazirla-sayfasi .secenekler button img{width:76px;height:76px}
.tel-orta .e-izgara{gap:clamp(4px,.6vw,7px);min-height:0}
.tel-orta .e-izgara span{padding:clamp(3px,.5vw,6px) 3px;gap:2px;font-size:clamp(7px,.9vw,10px);min-height:0}
.tel-orta .e-izgara img{width:clamp(20px,3.1vw,38px);height:clamp(20px,3.1vw,38px)}
@media(max-width:560px){.tel-orta .e-izgara span{font-size:10px;padding:6px 3px}.tel-orta .e-izgara img{width:40px;height:40px}.tel-orta .ekran{justify-content:space-between}}