:root{
  --zemin:#f6f6f3;--ink:#141a18;--ikincil:#4d5552;--altin:#7d5f0c;--beyaz:#fff;
  --garnet:#7a1c3a;--malakit:#12463a;--lapis:#1f3fa8;--uyari:#a3122a;
  --kenar:clamp(16px,2.6vw,40px);
  --gosterim:clamp(3.3rem,10.4vw,12rem);--baslik:clamp(2.5rem,5.6vw,6rem);--lead:clamp(1.25rem,1.05rem + .8vw,1.75rem);--govde:clamp(1.0625rem,1rem + .2vw,1.1875rem);--kucuk:.9rem;
  --serif:'Bodoni Moda',Georgia,serif;--sans:'Hanken Grotesk',system-ui,sans-serif;
  --yay:cubic-bezier(.2,.8,.2,1);--zipla:cubic-bezier(.34,1.56,.64,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--zemin);color:var(--ink);font:400 var(--govde)/1.55 var(--sans);transition:background-color .9s ease;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0;letter-spacing:-.02em;font-optical-sizing:auto}
h2{font-size:var(--baslik);line-height:1}
h3{font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);line-height:1.1}
p{margin:0}
.lead{font-size:var(--lead);line-height:1.35;max-width:32ch}
.kucuk,small{font-size:var(--kucuk);color:var(--ikincil)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
section{padding:clamp(72px,8vw,120px) var(--kenar)}

.ilerleme{position:fixed;inset:0 0 auto;height:5px;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;z-index:30}
.ust{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px var(--kenar) 0}
.marka{font:500 1.4rem/1 var(--serif);text-decoration:none}
.ust nav{display:flex;gap:clamp(14px,2.4vw,36px)}
.ust nav a{text-decoration:none;position:relative;padding:6px 0}
.ust nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s var(--yay)}
.ust nav a:hover::after,.ust nav a:focus-visible::after{transform:scaleX(1);transform-origin:0 50%}

.dugme{display:inline-block;background:var(--ink);color:#fff;border:0;padding:18px 34px;font:600 1.0625rem/1 var(--sans);text-decoration:none;cursor:pointer;transition:transform .35s var(--yay),background-color .35s}
.dugme:hover{background:var(--altin);transform:translateY(-3px)}
.dugme:active{transform:translateY(1px) scale(.98)}
.kucuk-dugme{padding:12px 20px;font-size:1rem}
.ikincil{background:#fff;color:var(--ink)}
.ikincil:hover{color:#fff}

/* Kahraman */
.kahraman{padding:clamp(20px,3vw,44px) var(--kenar) clamp(24px,3vw,40px);position:relative}
.kahraman h1{font-size:var(--gosterim);line-height:.98;letter-spacing:-.035em;font-weight:400;white-space:nowrap}
.sat{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.sat>span{display:inline-block}
.js .sat>span{transform:translateY(112%);animation:yuksel 1.2s var(--yay) forwards}
.sat:nth-child(1)>span:nth-child(1){animation-delay:.05s}.sat:nth-child(1)>span:nth-child(2){animation-delay:.13s}.sat:nth-child(1)>span:nth-child(3){animation-delay:.21s}
.sat:nth-child(2)>span:nth-child(1){animation-delay:.33s}.sat:nth-child(2)>span:nth-child(2){animation-delay:.41s}
@keyframes yuksel{to{transform:none}}
.kahraman-alt{margin-top:clamp(24px,3vw,44px)}
.kahraman-yazi{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:42vw;min-height:calc(100svh - 21vw - 150px)}
.uc-kapi{margin-top:auto;width:100%}
.uc-kapi a{display:flex;justify-content:space-between;align-items:baseline;font:400 clamp(1.9rem,2.9vw,3rem)/1.2 var(--serif);text-decoration:none;transition:transform .5s var(--yay)}
.uc-kapi a::after{content:"→";font-family:var(--sans);font-size:.6em;transition:transform .5s var(--yay)}
.uc-kapi a:hover{transform:translateX(10px)}
.uc-kapi a:hover::after{transform:translateX(-10px)}
.kahraman-resim{position:absolute;left:49vw;right:0;top:calc(clamp(20px,3vw,44px) + var(--gosterim)*.98 + 6px);bottom:0;overflow:hidden}
.kahraman-resim img{width:100%;height:100%;object-fit:cover;will-change:transform;transform:scale(calc(1.08 + var(--k,0)*.1)) translateY(calc(var(--k,0)*-3%))}
.js .kahraman-resim img{animation:yakin 2.4s var(--yay) both}
@keyframes yakin{from{scale:1.18}to{scale:1}}
.kahraman-resim figcaption{position:absolute;left:0;bottom:0;background:var(--zemin);padding:8px 14px 0 0;font-size:var(--kucuk);max-width:70%}
.panjur{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr);pointer-events:none}
.panjur i{background:var(--zemin);transform:scaleY(0);transform-origin:50% 0}
.js .panjur i{transform:scaleY(1);animation:panjur 1.1s var(--yay) forwards}
.panjur i:nth-child(1){animation-delay:.25s}.panjur i:nth-child(2){animation-delay:.32s}.panjur i:nth-child(3){animation-delay:.39s}.panjur i:nth-child(4){animation-delay:.46s}.panjur i:nth-child(5){animation-delay:.53s}.panjur i:nth-child(6){animation-delay:.6s}.panjur i:nth-child(7){animation-delay:.67s}
@keyframes panjur{to{transform:scaleY(0)}}

/* Giriş hareketi */
.js [data-giris]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--yay),transform .9s var(--yay);transition-delay:var(--g,0ms)}
.js [data-giris].gor{opacity:1;transform:none}
.js [data-acil] img{transition:clip-path 1.3s var(--yay),transform 1.8s var(--yay)}
.js [data-acil]:not(.gor) img{clip-path:inset(100% 0 0 0);transform:scale(1.2)}

/* Gerçek */
.gercek h2{max-width:14ch}
.soz{font:400 clamp(1.5rem,1.1rem + 1.6vw,2.25rem)/1.25 var(--serif);max-width:38ch;margin:clamp(28px,3vw,48px) 0 clamp(56px,7vw,110px) auto}
.uc-duzey{display:grid;grid-template-columns:5fr 4fr 3fr;gap:clamp(12px,1.4vw,20px);align-items:end}
.duzey{padding:clamp(22px,2.6vw,40px);transition:transform .6s var(--yay)}
.duzey:hover{transform:translateY(-8px)}
.duzey h3{font-size:clamp(2rem,3.2vw,3.5rem);margin-bottom:8px}
.duzey>p{margin-bottom:22px}
.duzey li{padding:7px 0;font-weight:500}
.d1{background:var(--ink);color:#fff;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end}
.d2{background:#dfe2dd;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end}
.d3{background:#eceee9;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end}
.d3 li{text-decoration:line-through;text-decoration-thickness:2px}

/* Plan */
.plan h2{margin-bottom:clamp(36px,4vw,64px)}
.plan-gövde{display:grid;grid-template-columns:minmax(300px,4fr) minmax(0,8fr);gap:clamp(24px,3.5vw,56px);align-items:start}
.plan-gövde>*{min-width:0}
.secim{position:sticky;top:24px}
.secim fieldset{border:0;padding:0;margin:0 0 26px}
.secim fieldset[hidden]{display:none}
.secim legend{font-weight:600;padding:0;margin-bottom:10px}
.secenek{display:flex;flex-wrap:wrap;gap:8px}
.secenek label{cursor:pointer;position:relative}
.secenek input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.secenek span{display:block;padding:11px 15px;background:#fff;line-height:1.2;transition:background-color .3s,color .3s,transform .35s var(--zipla)}
.secenek label:hover span{transform:translateY(-2px)}
.secenek input:checked+span{background:var(--ink);color:#fff}
.secenek input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.gun-sira{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gun-not{margin:12px 0 clamp(24px,3vw,40px)}
.yuva{background:#fff;padding:18px 14px;min-height:clamp(220px,30vh,320px);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.yuva h3{font-size:clamp(1.4rem,2vw,2rem)}
.yuva::before{content:"";position:absolute;right:14px;top:20px;width:20px;height:20px;border-radius:50%;background:var(--altin)}
.yuva[data-slot=aksam]::before{background:#8c3b24}
.yuva-ic{display:flex;flex-direction:column;gap:14px}
.yuva-bos{color:var(--ikincil);font-size:var(--kucuk)}
.tane{display:block;text-decoration:none;animation:dus .75s var(--zipla) both;animation-delay:var(--g,0ms)}
@keyframes dus{from{opacity:0;transform:translateY(-70px) rotate(-14deg)}to{opacity:1;transform:none}}
.kapsul{width:min(100%,92px);height:auto;display:block;transition:transform .5s var(--zipla)}
.tane:hover .kapsul{transform:rotate(-8deg) scale(1.08)}
.tane b{display:block;margin-top:8px;line-height:1.2}
.tane span{display:block;font-size:var(--kucuk);color:var(--ikincil);line-height:1.3}
#yazdir{white-space:nowrap;flex:none}
.plan-yan{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-top:clamp(24px,3vw,40px)}
.plan-uyari{margin-top:clamp(20px,2.4vw,32px)}
.plan-uyari p{background:var(--ink);color:#fff;padding:16px 18px;margin-bottom:8px}
#planYok h3{margin-bottom:10px}
#planYok ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px}
#planYok li{padding:7px 0}
#planYok b{display:block}

/* Tablolar */
.tablo-kap{overflow-x:auto}
table{border-collapse:collapse;width:100%;background:transparent}
caption{text-align:left;font-size:var(--kucuk);padding-bottom:8px;color:var(--ikincil)}
th,td{text-align:left;padding:13px 16px 13px 0;vertical-align:top;border-bottom:1px solid #14201c33;font-variant-numeric:tabular-nums}
thead th{font-weight:600;font-size:var(--kucuk)}
tbody th{font-weight:600}
.doz tbody th{font-family:var(--serif);font-weight:500;font-size:1.3rem;min-width:9ch}
.doz td:nth-child(2){font-weight:600;white-space:nowrap}
.doz small{display:block;margin-bottom:4px}
.yeni-satir{animation:satir .7s var(--yay) both;animation-delay:var(--g,0ms)}
@keyframes satir{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}

/* Kadın */
.kadin{--vurgu:var(--garnet)}
.kadin h2,.kadin .yol button[aria-selected=true] span{color:var(--garnet)}
.kadin-ust{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.kadin-resim{height:clamp(280px,34vw,500px);overflow:hidden;margin-right:calc(var(--kenar)*-1);border-radius:300px 0 0 0}
.kadin-resim img{width:100%;height:100%;object-fit:cover}
.yol{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-bottom:clamp(28px,3vw,48px);position:relative}
.yol button{background:none;border:0;font:inherit;color:inherit;text-align:left;padding:18px 12px 18px 0;cursor:pointer;position:relative}
.yol button::before{content:"";display:block;height:8px;background:#7a1c3a2e;margin-bottom:14px;transition:background-color .4s}
.yol button::after{content:"";position:absolute;left:0;top:18px;height:8px;width:100%;background:var(--garnet);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--yay)}
.yol button[aria-selected=true]::after{transform:scaleX(1)}
.yol button:hover::before{background:#7a1c3a66}
.yol span{display:block;font:500 clamp(1.1rem,1.6vw,1.6rem)/1.15 var(--serif)}
.yol small{display:block;margin-top:4px}
.kpanel{display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,3vw,48px);align-items:start}
.js .kpanel[data-gizli]{display:none}
.kpanel:not([data-gizli]){animation:satir .7s var(--yay)}

/* Erkek */
.erkek{display:grid;grid-template-columns:5fr 7fr;gap:clamp(30px,5vw,90px);align-items:start}
.erkek h2,.erkek h3{color:var(--malakit)}
.erkek-sol{position:sticky;top:30px}
.erkek-sol .lead{margin:24px 0 32px}
.erkek-resim{height:clamp(280px,44vh,480px);overflow:hidden}
.erkek-resim img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.erkek-yas{padding:0;margin-bottom:clamp(44px,5vw,80px)}
.erkek-yas h3{font-size:clamp(2rem,3.4vw,3.6rem);margin-bottom:18px}
.erkek-yas li{display:grid;grid-template-columns:minmax(120px,3fr) minmax(130px,3fr) 5fr;gap:16px;padding:14px 0;background:#ffffff66;padding-left:16px;margin-bottom:6px;transition:transform .5s var(--yay)}
.erkek-yas li:hover{transform:translateX(8px)}
.erkek-doz{font-weight:600}
.erkek-yok{background:var(--malakit);color:#fff;padding:clamp(24px,3vw,44px)}
.erkek-yok h3{color:#fff;margin-bottom:18px}
.erkek-yok li{font:400 clamp(1.7rem,3vw,3rem)/1.3 var(--serif)}

/* Çizgi çekme */
.ciz{position:relative;display:inline-block}
.ciz::after{content:"";position:absolute;left:-2px;right:-2px;top:54%;height:.08em;min-height:3px;background:currentColor;transform:scaleX(1);transform-origin:0 50%}
.js .ciz::after{transform:scaleX(0);transition:transform 1s var(--yay) .35s}
.js .gor .ciz::after{transform:scaleX(1)}

/* Çocuk */
.cocuk h2,.cocuk h3{color:var(--lapis)}
.cocuk-ust{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:end;margin-bottom:40px}
.merdiven{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,1vw,14px);align-items:end;height:clamp(300px,46vh,500px)}
.basamak{display:flex;flex-direction:column;justify-content:flex-end;height:100%;background:none;border:0;padding:0;font:inherit;color:var(--lapis);cursor:pointer;text-align:left}
.basamak-d{font:500 clamp(1.05rem,2.2vw,2.3rem)/1.1 var(--serif);margin-bottom:8px;transition:transform .5s var(--zipla)}
.basamak-cubuk{display:block;background:#a9b7e6;height:calc(var(--boy)*.76%);border-radius:clamp(14px,3vw,48px) clamp(14px,3vw,48px) 0 0;transform-origin:50% 100%;transition:background-color .4s,transform .5s var(--zipla)}
.js .merdiven:not(.gor) .basamak-cubuk{transform:scaleY(0)}
.merdiven.gor .basamak-cubuk{transition:background-color .4s,transform 1.2s var(--yay)}
.basamak:hover .basamak-cubuk{background:#7b8fd8}
.basamak:hover .basamak-d{transform:translateY(-5px)}
.basamak[aria-pressed=true] .basamak-cubuk{background:var(--lapis)}
.basamak-yas{padding-top:10px;font-weight:600;font-size:clamp(.82rem,1.2vw,1.1rem)}
.cocuk-sonuc{margin:clamp(24px,3vw,44px) 0 0;display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,3vw,48px);min-height:110px}
.cocuk-sonuc h3{font-size:clamp(1.8rem,3vw,3.2rem)}
.cocuk-sonuc p{font-size:var(--lead);line-height:1.35;max-width:48ch}
.js .cocuk-liste{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cocuk-liste li{padding:8px 0}
.cocuk-alt{display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,3vw,48px);margin-top:clamp(60px,7vw,110px);align-items:stretch}
.cocuk-resim{height:clamp(320px,42vw,600px);overflow:hidden;background:#fff}
.cocuk-resim img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.tehlike{background:var(--uyari);color:#fff;padding:clamp(26px,4vw,64px);display:flex;flex-direction:column;justify-content:flex-end;gap:18px}
.tehlike h3{color:#fff;font-size:clamp(2.2rem,4.4vw,4.8rem);line-height:1}
.tehlike p{max-width:56ch}
.tehlike a{font-weight:700;font-size:1.4em}

/* Koleksiyon */
.koleksiyon{padding:0}
.kol-bas{padding:clamp(90px,12vw,190px) var(--kenar) clamp(50px,6vw,90px);display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:end}
.kol-bas h2{font-size:clamp(3.2rem,10vw,11rem);letter-spacing:-.035em}
.kol-gövde{display:grid;grid-template-columns:6fr 6fr}
.sahne{position:sticky;top:0;height:100svh;overflow:hidden;background:#ddd;cursor:zoom-in}
.sahne-resim{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(100% 0 0 0);transform:scale(1.14);transition:clip-path 1.1s var(--yay),transform 1.7s var(--yay);z-index:1}
.sahne-resim.etkin{clip-path:inset(0);transform:none;z-index:2}
.sahne-resim.cikan{clip-path:inset(0);transform:none;z-index:1}
.buyutec{position:absolute;width:230px;height:230px;border-radius:50%;background-repeat:no-repeat;box-shadow:0 18px 50px #0006,inset 0 0 0 3px #fff; /* taste-skill-ignore */opacity:0;transform:scale(.5);transition:opacity .25s,transform .4s var(--zipla);pointer-events:none;z-index:5;left:0;top:0;margin:-115px 0 0 -115px}
.buyutec.acik{opacity:1;transform:scale(1)}
.parca{padding:clamp(70px,16vh,170px) clamp(24px,4vw,72px);min-height:100svh}
.parca-resim-mobil{display:none}
.parca h3{font-size:clamp(3rem,6.4vw,7rem);letter-spacing:-.03em;line-height:1}
.parca-tas{margin-top:14px;color:var(--ikincil);font-size:1rem}
.parca-ozet{font-size:var(--lead);line-height:1.35;margin:clamp(22px,3vw,40px) 0}
.uc-sayi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}
.uc-sayi dt{font-size:var(--kucuk);font-weight:600;margin-top:6px}
.uc-sayi dd{margin:0;font:400 clamp(2.2rem,4vw,4.6rem)/1 var(--serif);font-variant-numeric:lining-nums}
.birim{font-size:var(--kucuk);color:var(--ikincil);margin:10px 0 clamp(26px,3vw,40px)}
.uc-satir{margin:0}
.uc-satir div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0}
.uc-satir dt{font-weight:600}
.uc-satir dd{margin:0}
.tablo-ac{margin-top:20px}
.tablo-ac summary,.soru summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:baseline;transition:transform .4s var(--yay)}
summary::-webkit-details-marker{display:none}
.tablo-ac summary::after,.soru summary::after{content:"+";font:400 1.7em/1 var(--serif);transition:transform .5s var(--zipla)}
details[open]>summary::after{transform:rotate(135deg)}
.tablo-ac summary:hover,.soru summary:hover{transform:translateX(6px)}
.tablo-ac[open] .tablo-kap{animation:satir .6s var(--yay)}
.tablo-ac .kucuk{margin-top:10px}

/* Ayrı */
.ayri h2{margin-bottom:clamp(36px,5vw,70px)}
.poster{display:grid;grid-template-columns:7fr 2fr 3fr;gap:clamp(14px,2vw,32px);align-items:baseline;padding:clamp(16px,1.8vw,26px) 0;transition:transform .6s var(--yay),color .3s}
.poster:hover{transform:translateX(14px);color:var(--altin)}
.poster-ad{font:400 clamp(1.8rem,4vw,4.4rem)/1.05 var(--serif);letter-spacing:-.02em}
.poster-ara{font-weight:600;font-size:var(--lead);line-height:1.2}
.poster-not{color:var(--ikincil);color:inherit}

/* Kaçın */
.kacin h2{margin-bottom:clamp(36px,5vw,70px)}
.kacin-liste li{display:grid;grid-template-columns:7fr 5fr;gap:clamp(16px,3vw,48px);align-items:center;padding:clamp(18px,2vw,30px) 0}
.kacin-liste .ciz{font:400 clamp(2rem,4.1vw,4.6rem)/1.05 var(--serif);letter-spacing:-.02em;width:fit-content;white-space:nowrap}
.kacin-liste p{font-size:clamp(1.0625rem,1rem + .4vw,1.3rem);max-width:46ch}
.kacin-liste small{display:block;margin-top:4px}

/* SSS */
.sss{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,70px);align-items:start}
.sss h2{position:sticky;top:30px}
.soru{padding:20px 0;background:none}
.soru summary{font:500 clamp(1.3rem,1.1rem + .8vw,1.9rem)/1.2 var(--serif)}
.soru p{padding-top:12px;max-width:62ch}
.soru[open] p{animation:satir .6s var(--yay)}

/* Kaynaklar */
.kaynaklar{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,70px);align-items:start}
.kaynaklar .lead{margin:24px 0}
.not-kutu{background:#fff;padding:20px 22px;max-width:62ch}
.kaynak-liste li{padding:13px 0;display:grid;gap:2px}
.kaynak-liste a{font-weight:600;text-underline-offset:3px}
.kaynak-liste span{color:var(--ikincil);font-size:var(--kucuk)}

/* Son */
.son{background:var(--ink);color:#fff;padding:clamp(50px,6vw,90px) var(--kenar) 28px;overflow:hidden}
.son-acil{font-size:var(--lead)}
.son-acil a{font-weight:700;color:#fff}
.son-ad{display:block;font:400 clamp(3rem,12.6vw,15rem)/1 var(--serif);letter-spacing:-.04em;text-decoration:none;margin:clamp(30px,5vw,70px) 0;white-space:nowrap;transition:transform .9s var(--yay)}
.son-ad:hover{transform:translateX(1vw)}
.kredi{font-size:.8125rem;color:#c8cdca;max-width:75ch}
.kredi a{color:#fff}

/* İlerleme çubuğunun ucundaki kapsül */
.binici{position:fixed;top:-3px;left:0;width:34px;z-index:31;pointer-events:none;transform:translateX(calc(var(--s,0)*(100vw - 34px)))}
.binici .kapsul{width:100%}

/* Telefon ve tablet */
@media (max-width:980px){
  .ust nav{display:none}
  .kahraman-alt,.plan-gövde,.kadin-ust,.kpanel,.erkek,.cocuk-ust,.cocuk-sonuc,.cocuk-alt,.kol-bas,.sss,.kaynaklar{grid-template-columns:1fr}
  .kahraman-alt{display:flex;flex-direction:column}
  .kahraman-yazi{width:auto;min-height:0;display:contents}
  .kahraman-yazi .lead{order:1;max-width:none}
  .kahraman-yazi .dugme{order:2;align-self:flex-start;margin:20px 0}
  .uc-kapi{order:4;margin-top:20px}
  .kahraman-resim{position:relative;left:auto;right:auto;top:auto;bottom:auto;order:3;height:58vw;min-height:260px;margin:0 calc(var(--kenar)*-1)}
  .kahraman-resim figcaption{padding-left:var(--kenar)}
  .plan-gövde{grid-template-columns:minmax(0,1fr)}
  .uc-duzey{grid-template-columns:1fr;align-items:stretch}
  .d1,.d2,.d3{min-height:0}
  .secim{position:static}
  .yuva{min-height:200px}
  #planYok ul{grid-template-columns:1fr}
  .plan-yan{flex-direction:column;align-items:flex-start}
  .kadin-resim{border-radius:160px 0 0 0}
  .yol{grid-template-columns:repeat(3,1fr);gap:0 12px}
  .erkek-sol,.sss h2{position:static}
  .erkek-yas li{grid-template-columns:1fr 1fr}
  .erkek-yas li span:last-child{grid-column:1/-1}
  .kol-gövde{grid-template-columns:1fr}
  .sahne{display:none}
  .parca{min-height:0;padding:0 var(--kenar) 72px}
  .parca-resim-mobil{display:block;margin:0 calc(var(--kenar)*-1) 24px;height:92vw;max-height:620px;overflow:hidden}
  .parca-resim-mobil img{width:100%;height:100%;object-fit:cover}
  .poster,.kacin-liste li{grid-template-columns:1fr}
  .kacin-liste .ciz{white-space:normal;text-decoration:line-through;text-decoration-thickness:.06em}
  .kacin-liste .ciz::after{display:none}
  .poster{gap:6px}
}
@media (max-width:520px){
  :root{--gosterim:12.4vw}
  .secenek span{padding:11px 13px}
  .gun-sira{gap:4px}
  .yuva{padding:12px 8px}
  .yuva::before{display:none}
  .yol{grid-template-columns:repeat(2,1fr)}
  .merdiven{height:300px}
  .doz tbody th{font-size:1.15rem}
  th,td{padding-right:12px}
  .doz thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .doz,.doz tbody,.doz tr,.doz th,.doz td{display:block;width:100%}
  .doz tr{padding:14px 0;border-bottom:1px solid #14201c33}
  .doz th,.doz td{border:0;padding:3px 0}
  .doz td:nth-child(2){white-space:normal}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  .kahraman-resim img{transform:none}
}
@media print{
  .ust,.kahraman,.gercek,.kadin,.erkek,.cocuk,.koleksiyon,.ayri,.kacin,.sss,.son,.binici,.ilerleme,.secim,#yazdir,.kaynaklar{display:none!important}
  body{background:#fff!important}
  .plan{padding:0}.plan-gövde{display:block}
  .js [data-giris]{opacity:1;transform:none}
}