/* Atolye sitesi. Renkler /tema.css icinden gelir. a rengi her zaman tanimli. */
:root{
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,"Noto Serif",Georgia,serif;
  --sans:"Segoe UI",system-ui,-apple-system,Roboto,"Noto Sans",sans-serif;
  --kenar:clamp(16px,5vw,72px);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:var(--zemin);color:var(--yazi);font:400 18px/1.68 var(--serif);font-variant-numeric:oldstyle-nums;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a,a:visited{color:var(--baglanti)}
.koyu a,.koyu a:visited{color:var(--baglanti-koyu)}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--vurgu);outline-offset:3px}
h1,h2{font-weight:500;letter-spacing:-.012em;line-height:1.08;margin:0}
h2{font-size:clamp(32px,4.6vw,56px)}
.ust-yazi{font:600 12.5px/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--vurgu);margin:0 0 14px}
.koyu .ust-yazi{color:var(--baglanti-koyu)}
.atla{position:absolute;left:-999px;top:8px;background:var(--ana);padding:8px 12px;z-index:9}
.atla,.atla:visited{color:var(--ana-yazi)}
.atla:focus{left:8px}

/* Ust serit ve baslik */
.serit{height:46px;background:var(--bordur) center/auto 46px repeat-x}
.ust{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;padding:16px var(--kenar)}
.marka,.marka:visited{display:inline-flex;align-items:center;gap:12px;color:var(--yazi);text-decoration:none;font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1.15}
.amblem{flex:none}
.ust nav{display:flex;gap:6px 24px;flex-wrap:wrap;font:500 15px/1.2 var(--sans)}
.ust nav a,.ust nav a:visited{color:var(--yazi);text-decoration:none;padding:7px 0;border-bottom:2px solid transparent}
.ust nav a:hover,.ust nav a[aria-current]{border-bottom-color:var(--vurgu)}

/* Kahraman: buyuk tabak sag kenardan tasar, ad sol tarafta yatar */
.kahraman{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;min-height:min(84vh,820px);padding:12px 0 56px var(--kenar);overflow:clip;isolation:isolate}
.kahraman::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--karo-acik) 0 0/240px;opacity:.13}
.k-metin{padding-right:24px;position:relative;z-index:1}
.k-ad{font-size:clamp(56px,8.6vw,124px);font-weight:500;line-height:.98;letter-spacing:-.025em;text-wrap:balance;hyphens:manual}
.k-ad.uzun{font-size:clamp(44px,6vw,88px)}
.k-soz{font-size:clamp(21px,2.3vw,29px);font-style:italic;line-height:1.3;color:var(--soluk);margin:24px 0 30px;max-width:30ch}
.k-tabak{justify-self:end;width:min(56vw,780px);margin-right:-9vw}
.tabak{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 26px 34px rgba(30,20,10,.24))}
.foto-tabak{display:block;aspect-ratio:1;border-radius:50%;overflow:hidden;border:clamp(12px,1.6vw,22px) solid var(--ana);outline:2px solid var(--ana);outline-offset:5px;box-shadow:0 26px 40px rgba(30,20,10,.24)}
.foto-tabak img{width:100%;height:100%;object-fit:cover}

/* Tahrir kendini cizer, ardindan boya sinir */
.tahrir use,.tahrir path,.tahrir circle{stroke-dasharray:1;stroke-dashoffset:1;animation:ciz 1.25s cubic-bezier(.45,.05,.3,1) forwards;animation-delay:calc(var(--g,0)*.17s)}
.boya{opacity:0;animation:sur 1.5s ease-out 1.8s forwards}
.parlak{opacity:0;animation:sur 1s ease-out 2.8s forwards}
@keyframes ciz{to{stroke-dashoffset:0}}
@keyframes sur{to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .tahrir use,.tahrir path,.tahrir circle{animation:none;stroke-dashoffset:0}
  .boya,.parlak{animation:none;opacity:1}
}

/* Dugmeler */
.dugmeler{display:flex;flex-wrap:wrap;gap:12px}
.dugme,.dugme:visited{display:inline-block;padding:14px 26px;font:600 15.5px/1.2 var(--sans);text-decoration:none;border:2px solid var(--ana);border-radius:2px 18px 2px 18px;transition:border-radius .25s,background .2s}
.dugme:hover{border-radius:18px 2px 18px 2px}
.dugme.ana,.dugme.ana:visited{background:var(--ana);color:var(--ana-yazi)}
.dugme.cerceve,.dugme.cerceve:visited{background:transparent;color:var(--yazi);border-color:var(--yazi)}

/* Raf: urunler kemerli nislerde durur */
.raf{padding:64px var(--kenar) 72px}
.raf.duz{padding-top:24px}
.raf-bas{margin-bottom:38px}
.kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px clamp(20px,3vw,44px)}
.raf:not(.duz) .kart:nth-child(3n+2){margin-top:44px}
.kart,.kart:visited{display:block;color:var(--yazi);text-decoration:none}
.nis{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--zemin2);border-radius:50% 50% 3px 3px/30% 30% 3px 3px;box-shadow:0 0 0 1px var(--cizgi),0 0 0 7px var(--zemin),0 0 0 8px var(--cizgi)}
.nis img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.kart:hover .nis img{transform:scale(1.045)}
.kart-ad{display:block;margin-top:24px;font-size:23px;line-height:1.2;font-weight:500;text-decoration:underline transparent;text-underline-offset:4px;transition:text-decoration-color .2s}
.kart:hover .kart-ad{text-decoration-color:var(--vurgu)}
.kart-alt{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-size:16px;color:var(--soluk)}
.kart-alt b{font-weight:600;color:var(--yazi);margin-left:auto;white-space:nowrap}
.raf-son{margin:40px 0 0;text-align:right;font-size:20px;font-style:italic}

/* Hikaye bandi: koyu sir ustunde karo deseni */
.hikaye{position:relative;background:var(--koyu);color:var(--koyu-yazi);isolation:isolate;overflow:clip}
.hikaye::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--karo-koyu) 0 0/240px;opacity:.16}
.hikaye-ic{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px clamp(32px,6vw,90px);padding:84px var(--kenar)}
.hikaye-ic.fotolu figure{grid-column:1/-1;margin:12px 0 0}
.hikaye-ic.fotolu figure img{width:100%;max-height:520px;object-fit:cover;border-radius:2px}
.hikaye-metin{font-size:20px;line-height:1.72}
.hikaye-metin p{margin:0 0 1em;max-width:58ch}
.hikaye-metin p:last-child{margin-bottom:0}
.bas-harf{float:left;width:92px;height:92px;margin:6px 16px 4px 0;display:grid;place-items:center;font-size:62px;line-height:1;color:var(--koyu);background:var(--baglanti-koyu);border-radius:2px 26px 2px 26px;box-shadow:0 0 0 4px var(--koyu),0 0 0 5px var(--baglanti-koyu)}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Uretim asamalari */
.asama{padding:72px var(--kenar) 40px}
.asama ol{list-style:none;counter-reset:a;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.asama li{counter-increment:a;padding:0 clamp(12px,1.6vw,24px);border-left:1px solid var(--cizgi);display:grid;gap:6px;align-content:start}
.asama li:first-child{border-left:0;padding-left:0}
.asama li::before{content:counter(a);font-size:50px;line-height:1;color:var(--ana);font-style:italic}
.asama b{font-size:23px;font-weight:600}
.asama span{font-size:16.5px;line-height:1.45;color:var(--soluk)}

/* Iletisim ozeti ve sayfasi */
.ozet{padding:56px var(--kenar) 84px}
.ozet h2{margin-bottom:26px}
dl{margin:0}
.ozet dl,.iletisim dl{display:grid;gap:0;border-top:1px solid var(--cizgi);margin-bottom:26px}
.ozet dl>div,.iletisim dl>div{display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr);gap:4px 24px;padding:15px 0;border-bottom:1px solid var(--cizgi)}
dt{font:600 12.5px/1.8 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--soluk)}
dd{margin:0}
.sayfa-bas{padding:44px var(--kenar) 26px}
.sayfa-bas h1{font-size:clamp(44px,6.6vw,84px)}
.sayfa-bas .dugme{margin-top:26px}
.iletisim{padding:12px var(--kenar) 84px;max-width:940px}
.kategoriler{display:flex;gap:8px 26px;flex-wrap:wrap;padding:6px var(--kenar) 26px;font:500 16px/1.2 var(--sans)}
.kategoriler a,.kategoriler a:visited{color:var(--soluk);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.kategoriler a:hover,.kategoriler a[aria-current]{color:var(--yazi);border-bottom-color:var(--vurgu)}
.bos{font-style:italic;color:var(--soluk);padding:32px 0}

/* Urun detayi */
.urun{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px clamp(28px,5vw,72px);padding:32px var(--kenar) 56px;align-items:start}
.buyuk{aspect-ratio:4/5;background:var(--zemin2);overflow:hidden;border-radius:50% 50% 3px 3px/24% 24% 3px 3px;box-shadow:0 0 0 1px var(--cizgi),0 0 0 9px var(--zemin),0 0 0 10px var(--cizgi)}
.buyuk img{width:100%;height:100%;object-fit:cover}
.temsili{font-size:15px;font-style:italic;color:var(--soluk);margin:22px 0 0;text-align:center}
.minikler{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.minikler button{padding:0;border:2px solid transparent;background:none;cursor:pointer;width:72px;height:72px;border-radius:3px;overflow:hidden}
.minikler button[aria-current]{border-color:var(--vurgu)}
.minikler img{width:100%;height:100%;object-fit:cover}
.kirinti{font:500 14px/1.4 var(--sans);color:var(--soluk);margin:0 0 18px}
.urun h1{font-size:clamp(38px,4.8vw,64px)}
.urun-fiyat{font-size:30px;margin:16px 0 22px;color:var(--ana)}
.urun-metin{margin-bottom:22px}
.urun-metin p{margin:0 0 1em}
.olcu{display:flex;gap:16px;align-items:baseline;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);padding:12px 0;margin-bottom:26px}

/* Sepet ve odeme */
button.dugme{cursor:pointer}
button.dugme:disabled{opacity:.55;cursor:wait}
.stok-az{font:600 14px/1.3 var(--sans);color:var(--vurgu);margin:-12px 0 18px}
.sepet-not{font:500 15px/1.4 var(--sans);margin:14px 0 0}
.sepet-alan{padding:8px var(--kenar) 84px;max-width:880px}
.sepet-satir{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(92px,auto);gap:8px 18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--cizgi)}
.sepet-satir.dusen{opacity:.7}
.sepet-ad a,.sepet-ad a:visited{color:var(--yazi);font-size:20px;line-height:1.25}
.sepet-ad small{display:block;font:400 14.5px/1.4 var(--sans);color:var(--soluk)}
.sepet-tutar{text-align:right;font-weight:600;white-space:nowrap}
.adet{display:flex;align-items:center;gap:10px;font-family:var(--sans)}
.adet button{width:44px;height:44px;font-size:20px;border:1px solid var(--yazi);background:transparent;color:var(--yazi);border-radius:4px;cursor:pointer}
.adet button:disabled{opacity:.35;cursor:not-allowed}
.sepet-ozet{margin:14px 0 40px auto;max-width:340px}
.sepet-ozet div{display:flex;justify-content:space-between;gap:20px;padding:7px 0}
.sepet-ozet div:last-child{border-top:2px solid var(--yazi);margin-top:6px;padding-top:12px;font-size:24px}
.sepet-ozet dt{font:inherit;letter-spacing:0;text-transform:none;color:inherit}
.odeme{display:grid;gap:18px}
.odeme h2{font-size:clamp(28px,3.4vw,40px)}
.odeme label{display:grid;gap:6px;font:600 14.5px/1.3 var(--sans)}
.odeme input:not([type=checkbox]),.odeme textarea{width:100%;font:400 16px/1.4 var(--sans);color:var(--yazi);background:var(--zemin);border:1px solid var(--soluk);border-radius:3px;padding:12px;min-height:48px}
.iki-sutun{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gizli-alan{position:absolute;left:-9999px;height:1px;overflow:hidden}
.odeme label.onay{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:15.5px;line-height:1.5}
.onay input{width:24px;height:24px;flex:none;margin:1px 0 0}
.odeme-kutu{background:var(--zemin2);border-left:4px solid var(--ana);padding:14px 18px;font-size:16.5px}
.odeme-kutu p{margin:4px 0 0}
.odeme-kutu.buyuk-kutu{margin-bottom:32px;padding:22px}
.buyuk-kutu h2{font-size:30px;margin-bottom:14px}
.buyuk-kutu .dugmeler{margin-top:18px}
.banka{margin-bottom:18px}
.banka div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:4px 16px;padding:9px 0;border-bottom:1px solid var(--cizgi)}
.banka dd{overflow-wrap:anywhere}
.kopya{font:600 13.5px/1 var(--sans);padding:8px 10px;margin-left:6px;border:1px solid var(--yazi);background:transparent;color:var(--yazi);border-radius:3px;cursor:pointer}
.form-hata{color:#a61b12;font:600 15px/1.4 var(--sans);margin:0;min-height:1em}
.ozet-tablo{width:100%;border-collapse:collapse;margin-bottom:22px}
.ozet-tablo td{padding:10px 0;border-bottom:1px solid var(--cizgi)}
.ozet-tablo td:last-child{text-align:right;white-space:nowrap;padding-left:16px}
.ozet-tablo span{color:var(--soluk)}
.ozet-tablo .top td{font-size:23px;font-weight:600;border-bottom:0}
.kucuk{font-size:15.5px;color:var(--soluk)}
.yasal{padding:8px var(--kenar) 84px;max-width:820px;font-size:17px;line-height:1.65}
.yasal h2{font-size:26px;margin:32px 0 10px}
.yasal h3{font-size:19px;margin:18px 0 8px}
.yasal-kisi div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:4px 16px;padding:6px 0;border-bottom:1px solid var(--cizgi)}
.yasal-tablo{width:100%;border-collapse:collapse;margin:8px 0;font-size:16px}
.yasal-tablo th,.yasal-tablo td{text-align:left;padding:7px 8px 7px 0;border-bottom:1px solid var(--cizgi)}

/* Alt bilgi */
.alt{background:var(--koyu);color:var(--koyu-yazi);padding:0 0 92px}
.alt::before{content:"";display:block;height:46px;background:var(--bordur) center/auto 46px repeat-x}
.alt-ic{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:24px clamp(24px,5vw,64px);padding:44px var(--kenar) 14px}
.alt p{margin:0 0 7px}
.alt-ad{font-size:27px;line-height:1.15}
.alt-soz{font-style:italic;color:var(--koyu-soluk)}
.alt-bag{display:flex;flex-direction:column;gap:7px}
.alt-not{padding:0 var(--kenar);font-size:14.5px;color:var(--koyu-soluk)}

/* WhatsApp: yesil zemin beyaz yazi, link rengini kendi tanimlar */
.wa,.wa:visited{position:fixed;right:16px;bottom:16px;z-index:20;display:flex;align-items:center;gap:8px;padding:12px 18px 12px 14px;background:#157a47;color:#fff;font:600 15px/1 var(--sans);text-decoration:none;border-radius:24px;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.wa:hover{background:#106339}

/* ---- Carsi vitrini modeli: sade magaza duzeni. Klasik kurallarin ustune yazar. ---- */
[data-duzen=carsi] body{font:400 17px/1.6 var(--sans);font-variant-numeric:normal}
[data-duzen=carsi] h1,[data-duzen=carsi] h2{font-family:var(--sans);font-weight:700;letter-spacing:-.025em}
[data-duzen=carsi] h2{font-size:clamp(28px,3.4vw,42px)}
[data-duzen=carsi] .serit,[data-duzen=carsi] .alt::before{display:none}
[data-duzen=carsi] .ust{position:sticky;top:0;z-index:15;background:var(--koyu);padding-top:12px;padding-bottom:12px}
[data-duzen=carsi] .ust .marka,[data-duzen=carsi] .ust .marka:visited,[data-duzen=carsi] .ust nav a,[data-duzen=carsi] .ust nav a:visited{color:var(--koyu-yazi)}
[data-duzen=carsi] .ust nav a:hover,[data-duzen=carsi] .ust nav a[aria-current]{border-bottom-color:var(--baglanti-koyu)}
[data-duzen=carsi] .dugme,[data-duzen=carsi] .dugme:hover{border-radius:999px}
.vitrin{position:relative;isolation:isolate;overflow:clip;padding:clamp(64px,11vw,132px) var(--kenar);text-align:center;background:var(--ana);color:var(--ana-yazi)}
.vitrin::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--vitrin-foto,var(--karo-koyu)) center/var(--vitrin-boy,260px);opacity:.2}
.vitrin[style]{--vitrin-boy:cover}
.vitrin[style]::before{opacity:.32}
.v-ic{max-width:900px;margin:0 auto}
.vitrin .ust-yazi{color:var(--ana-yazi);opacity:.85}
.v-ad{font-size:clamp(44px,7.4vw,100px);line-height:1;text-wrap:balance}
.v-soz{font-size:clamp(19px,2vw,24px);line-height:1.4;margin:18px auto 32px;max-width:36ch;opacity:.92}
.vitrin .dugmeler{justify-content:center}
.vitrin .dugme.ana,.vitrin .dugme.ana:visited{background:var(--ana-yazi);color:var(--ana);border-color:var(--ana-yazi)}
.vitrin .dugme.cerceve,.vitrin .dugme.cerceve:visited{color:var(--ana-yazi);border-color:var(--ana-yazi)}
.guven{list-style:none;margin:0;padding:0 var(--kenar);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));background:var(--sir);border-bottom:1px solid var(--cizgi)}
.guven li{display:grid;gap:2px;padding:20px 22px;border-left:1px solid var(--cizgi)}
.guven li:first-child{border-left:0;padding-left:0}
.guven b{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu)}
.guven span{font-size:16px}
.reyonlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.reyon,.reyon:visited{display:block;background:var(--sir);border:1px solid var(--cizgi);border-radius:14px;overflow:hidden;color:var(--yazi);text-decoration:none;transition:transform .2s,box-shadow .2s}
.reyon:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(0,0,0,.12)}
.reyon img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--zemin2)}
.reyon span{display:block;padding:12px 16px;font-weight:700}
[data-duzen=carsi] .reyon-raf{padding-bottom:16px}
[data-duzen=carsi] .kartlar{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px 22px}
[data-duzen=carsi] .raf:not(.duz) .kart:nth-child(n){margin-top:0}
[data-duzen=carsi] .nis{aspect-ratio:1;border-radius:14px;box-shadow:none;border:1px solid var(--cizgi)}
[data-duzen=carsi] .kart-ad{font-size:18px;font-weight:600;margin-top:14px}
[data-duzen=carsi] .raf-son{text-align:left;font-style:normal;font-size:17px;font-weight:600}
[data-duzen=carsi] .buyuk{border-radius:14px;box-shadow:none;border:1px solid var(--cizgi)}
[data-duzen=carsi] .bas-harf{display:none}
[data-duzen=carsi] .hikaye-metin .gizli{position:static;width:auto;height:auto;clip-path:none}

/* ---- Modern galeri modeli: tam ekran giris, ince buyuk yazi, mozaik secki. Klasik kurallarin ustune yazar. ---- */
[data-duzen=galeri] body{font:400 17px/1.65 var(--sans);font-variant-numeric:normal}
[data-duzen=galeri] h1,[data-duzen=galeri] h2{font-family:var(--sans);font-weight:300;letter-spacing:-.035em}
[data-duzen=galeri] h2{font-size:clamp(34px,4.4vw,60px)}
[data-duzen=galeri] .serit,[data-duzen=galeri] .alt::before{display:none}
[data-duzen=galeri] .ust{position:sticky;top:0;z-index:15;background:color-mix(in srgb,var(--zemin) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi);padding-top:12px;padding-bottom:12px}
[data-duzen=galeri] .marka{font-family:var(--sans);font-weight:500;letter-spacing:-.02em}
[data-duzen=galeri] .ust nav{letter-spacing:.04em}
[data-duzen=galeri] .dugme,[data-duzen=galeri] .dugme:hover{border-radius:999px;padding:15px 30px}
[data-duzen=galeri] .dugme.ana:hover{filter:brightness(1.12)}
.g-kahraman{position:relative;isolation:isolate;overflow:clip;min-height:min(86vh,880px);display:grid;align-items:end;padding:clamp(56px,8vw,104px) var(--kenar);background:var(--koyu);color:var(--koyu-yazi)}
.g-kahraman::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--karo-koyu) 0 0/220px;opacity:.1}
.g-kahraman.fotolu{color:#fff}
.g-kahraman.fotolu::before{background:var(--g-foto) center/cover no-repeat;opacity:1;animation:yaklas 14s ease-out forwards}
.g-kahraman.fotolu::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.08) 25%,rgba(0,0,0,.72))}
@keyframes yaklas{from{transform:scale(1.08)}to{transform:scale(1)}}
.g-tabak{position:absolute;z-index:-1;right:-14vw;top:46%;width:min(80vw,1000px);translate:0 -50%;animation:don 160s linear infinite;opacity:.95}
@keyframes don{to{rotate:360deg}}
.g-ic{max-width:1040px;position:relative}
.g-kahraman .ust-yazi{color:var(--baglanti-koyu)}
.g-kahraman.fotolu .ust-yazi{color:#fff;opacity:.85}
.g-ad{font:200 clamp(56px,10.4vw,156px)/.9 var(--sans);letter-spacing:-.05em;text-wrap:balance;hyphens:manual}
.g-ad.uzun{font-size:clamp(46px,7.2vw,108px)}
.g-soz{font-size:clamp(19px,2vw,25px);line-height:1.4;max-width:34ch;margin:24px 0 34px;color:var(--koyu-soluk)}
.g-kahraman.fotolu .g-soz{color:rgba(255,255,255,.86)}
.g-kahraman .dugme.cerceve,.g-kahraman .dugme.cerceve:visited{color:inherit;border-color:currentColor}
.g-asagi,.g-asagi:visited{position:absolute;right:var(--kenar);bottom:clamp(56px,8vw,104px);width:56px;height:56px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:inherit;text-decoration:none;font:300 22px/1 var(--sans);animation:zipla 2.4s ease-in-out infinite}
@keyframes zipla{50%{transform:translateY(8px)}}
.g-bant{overflow:hidden;background:var(--ana);color:var(--ana-yazi);padding:18px 0;white-space:nowrap}
.g-bant-ic{display:inline-flex;animation:kay 42s linear infinite}
.g-bant span{display:inline-flex;align-items:center;gap:28px;padding-right:28px;font:300 clamp(22px,2.6vw,36px)/1 var(--sans);letter-spacing:-.015em}
.g-bant span::after{content:"";width:12px;height:12px;background:currentColor;opacity:.6;transform:rotate(45deg)}
@keyframes kay{to{transform:translateX(-50%)}}
.g-mozaik{padding:clamp(64px,8vw,112px) var(--kenar)}
.g-bas{display:flex;justify-content:space-between;align-items:end;gap:16px 24px;flex-wrap:wrap}
.g-tumu,.g-tumu:visited{font:600 15px/1.2 var(--sans);color:var(--yazi);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.g-tumu:hover{color:var(--vurgu)}
.g-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,20px)}
.g-kart,.g-kart:visited{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:6px;background:var(--zemin2);color:#fff;text-decoration:none}
.g-kart:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.g-kart img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.g-kart:hover img{transform:scale(1.06)}
.g-kart-bilgi{position:absolute;inset:auto 0 0;display:grid;gap:3px;padding:56px clamp(14px,1.6vw,22px) clamp(14px,1.6vw,20px);background:linear-gradient(transparent,rgba(0,0,0,.68));font-family:var(--sans)}
.g-kart-bilgi b{font-weight:500;font-size:clamp(17px,1.5vw,21px);line-height:1.2}
.g-kart-bilgi span{font-size:14px;opacity:.86}
.g-kart:first-child .g-kart-bilgi b{font-size:clamp(22px,2.4vw,34px);font-weight:300;letter-spacing:-.02em}
[data-duzen=galeri] .hikaye-metin{font:300 clamp(18.5px,1.5vw,21px)/1.75 var(--sans)}
[data-duzen=galeri] .bas-harf{display:none}
[data-duzen=galeri] .hikaye-metin .gizli{position:static;width:auto;height:auto;clip-path:none}
[data-duzen=galeri] .asama{padding-top:clamp(64px,8vw,104px)}
[data-duzen=galeri] .asama li::before{content:counter(a,decimal-leading-zero);font:200 clamp(46px,5vw,76px)/1 var(--sans);font-style:normal;color:transparent;-webkit-text-stroke:1.2px var(--ana)}
[data-duzen=galeri] .asama b{font-weight:500;font-size:21px}
[data-duzen=galeri] .kartlar{gap:34px clamp(16px,2vw,28px)}
[data-duzen=galeri] .raf:not(.duz) .kart:nth-child(n){margin-top:0}
[data-duzen=galeri] .nis,[data-duzen=galeri] .buyuk{aspect-ratio:1;border-radius:6px;box-shadow:none}
[data-duzen=galeri] .kart-ad{font-size:19px;font-weight:500;margin-top:14px}
[data-duzen=galeri] .raf-son{font-style:normal;font-size:16px;font-weight:600}
/* Bolumler ekrana girince belirir; site.js sinifi yalniz hareket azaltma istenmemisse ekler */
.belir{opacity:0;transform:translateY(32px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.belir.gorundu{opacity:1;transform:none}
.g-kart.belir:nth-child(2){transition-delay:.08s}
.g-kart.belir:nth-child(3){transition-delay:.16s}
.g-kart.belir:nth-child(5){transition-delay:.08s}
.g-kart.belir:nth-child(6){transition-delay:.16s}
@media (prefers-reduced-motion:reduce){
  .g-tabak,.g-bant-ic,.g-asagi,.g-kahraman.fotolu::before{animation:none}
}
@media (max-width:880px){
  [data-duzen=galeri] .ust{position:static}
  .g-kahraman{min-height:78vh;padding-bottom:48px}
  .g-tabak{width:120vw;right:-50vw;top:30%}
  .g-ad{font-size:clamp(48px,14vw,92px)}
  .g-ad.uzun{font-size:clamp(38px,10.5vw,66px)}
  .g-asagi{display:none}
  .g-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-kart:first-child{grid-row:auto;aspect-ratio:1}
  .g-kart-bilgi{padding-top:40px}
  .g-kart-bilgi span{font-size:13px}
}

@media (max-width:880px){
  [data-duzen=carsi] .ust{position:static}
  .guven li,.guven li:first-child{border-left:0;border-top:1px solid var(--cizgi);padding:14px 0}
  .guven li:first-child{border-top:0}
  .reyonlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  [data-duzen=carsi] .kartlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}
  [data-duzen=carsi] .raf:not(.duz) .kart:nth-child(2n){margin-top:0}
  body{font-size:17px}
  .ust{padding-top:12px;padding-bottom:10px}
  .ust nav{gap:4px 18px;font-size:14.5px;width:100%;justify-content:space-between}
  .kahraman{display:flex;flex-direction:column-reverse;align-items:stretch;min-height:0;padding:0 var(--kenar) 44px}
  .k-tabak{align-self:center;width:104vw;max-width:640px;margin:-12vw 0 -5vw;justify-self:auto}
  .k-metin{padding-right:0}
  .k-metin .dugme.cerceve{display:none}
  .k-ad{font-size:clamp(46px,14vw,86px)}
  .k-ad.uzun{font-size:clamp(38px,10.5vw,64px)}
  .k-soz{margin:16px 0 24px}
  .kartlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px}
  .raf:not(.duz) .kart:nth-child(3n+2){margin-top:0}
  .raf:not(.duz) .kart:nth-child(2n){margin-top:28px}
  .kart-ad{font-size:19px;margin-top:18px}
  .kart-alt{flex-wrap:wrap;font-size:15px;gap:0 10px}
  .kart-alt b{margin-left:0}
  .raf{padding:48px var(--kenar) 52px}
  .hikaye-ic{grid-template-columns:minmax(0,1fr);padding:60px var(--kenar)}
  .hikaye-metin{font-size:18.5px}
  .bas-harf{width:74px;height:74px;font-size:48px;margin-right:13px}
  .asama{padding:56px var(--kenar) 24px}
  .asama ol{grid-template-columns:minmax(0,1fr)}
  .asama li,.asama li:first-child{grid-template-columns:52px minmax(0,1fr);border-left:0;border-top:1px solid var(--cizgi);padding:14px 0;gap:0 8px}
  .asama li::before{grid-row:1/3;font-size:38px}
  .urun{grid-template-columns:minmax(0,1fr)}
  .sepet-satir{grid-template-columns:minmax(0,1fr) auto}
  .sepet-ad{grid-column:1/-1}
  .iki-sutun{grid-template-columns:minmax(0,1fr)}
  .banka div,.yasal-kisi div{grid-template-columns:minmax(0,1fr)}
  .alt-ic{grid-template-columns:minmax(0,1fr)}
  .alt{padding-bottom:84px}
  .ozet dl>div,.iletisim dl>div{grid-template-columns:minmax(0,1fr)}
}

/* Dil anahtari ve talep formu */
.ust nav a.dil{font-weight:600;border:1px solid currentColor;border-radius:3px;padding:6px 10px;margin-left:4px}
.ust nav a.dil:hover{border-bottom-color:currentColor;background:var(--zemin2)}
[data-duzen=carsi] .ust nav a.dil:hover{background:transparent;color:var(--baglanti-koyu)}
.odeme select{width:100%;font:400 16px/1.4 var(--sans);color:var(--yazi);background:var(--zemin);border:1px solid var(--soluk);border-radius:3px;padding:12px;min-height:48px}
.odeme input[type=date]{appearance:none;-webkit-appearance:none}
.talep-alan .kucuk{margin:0}
.talep-alan .odeme-kutu:focus{outline:2px solid var(--ana);outline-offset:3px}

/* Kunye, islem rehberi, odeme oncesi ozet (yasal bilgilendirme) */
.kunye{padding-top:0}
.kunye h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:14px}
.rehber{padding-left:1.3em}.rehber li{margin-bottom:14px}.rehber p{margin:4px 0 0}
.odeme-ozet h3{margin:6px 0 8px;font-size:22px}
.banka.kisa{margin:0}.banka.kisa div{grid-template-columns:150px minmax(0,1fr)}