/* ==========================================================================
   FONTLAR — kendi sunucumuzda, Türkçe için alt kümelenmiş
   Google Fonts'tan <link> ile çekmek render'ı ~950 ms bloke ediyordu.
   Ayrıca Google'ın latin + latin-ext ikilisi ağırlık başına iki dosya ve
   Doğu Avrupa'nın tamamını taşıyordu: 14 dosya / 337 KB. Burada ikisi
   birleştirilip yalnız Türkçe + temel latin karakterlere indirgendi:
   7 dosya / 113 KB. Karakter listesini değiştirmek gerekirse fontları
   Google'dan tekrar indirip pyftsubset ile aynı işlemi yinele.
   ========================================================================== */
@font-face{font-family:'Geologica';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/geologica-400.woff2) format('woff2')}
@font-face{font-family:'Geologica';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/geologica-500.woff2) format('woff2')}
@font-face{font-family:'Geologica';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/geologica-600.woff2) format('woff2')}
@font-face{font-family:'Geologica';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/geologica-700.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/playfairdisplay-500.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/playfairdisplay-500i.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/playfairdisplay-600.woff2) format('woff2')}

/* ==========================================================================
   Ünyespot — unyespot.com
   Saf statik stil. Tasarım tokenları referans tasarımdan birebir taşındı.
   Kırılımlar: 1100px, 840px
   ========================================================================== */

:root{
  /* Zemin */
  --bg:#0C0D10;
  --bg-hero:#0A0B0E;
  --bg-deep:#08090B;
  /* Metin */
  --tx:#F2EFE8;
  --tx-2:#B9B4A8;
  --tx-3:#8B867A;
  --rule:#4A463C;
  /* Altın */
  --gold:oklch(0.78 0.09 83);
  --gold-1:oklch(0.82 0.09 85);
  --gold-2:oklch(0.86 0.08 87);
  --gold-dark:oklch(0.48 0.11 78);
  --gold-border:rgba(217,184,119,.16);
  /* Açık bölümler */
  --lt-tx:#17181C;
  --lt-line:#EAE5D8;
  /* Tipografi */
  --sans:'Geologica',sans-serif;
  --serif:'Playfair Display',serif;
}

/* ---------- Temel ---------- */
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);font-family:var(--sans);color:var(--tx);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}
a{color:var(--gold)}
a:hover{color:var(--gold-2)}
::selection{background:oklch(0.8 0.09 85);color:var(--bg)}
h1,h2,p,figure,blockquote{margin:0}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
details[open] .arr{transform:rotate(45deg)}
:focus-visible{outline:2px solid var(--gold-1);outline-offset:3px}

/* ---------- Keyframe'ler ---------- */
@keyframes kaydirNudge{0%,100%{transform:translate(-50%,0);opacity:.7}50%{transform:translate(-50%,7px);opacity:1}}
@keyframes waPing{0%{transform:scale(1);opacity:.55}80%,100%{transform:scale(1.55);opacity:0}}
@keyframes introFade{from{opacity:0;transform:translateY(12px)}}
@keyframes introSwing{from{transform:rotateY(0)}to{transform:rotateY(-88deg)}}
@keyframes introLight{to{opacity:1}}
@keyframes introDim{to{opacity:0}}
/* kamera içeri girer: düz ölçek yerine gerçek derinlik */
@keyframes introPush{from{transform:translateZ(-190px)}to{transform:translateZ(210px)}}
@keyframes introOut{to{opacity:0;transform:scale(2.6);visibility:hidden}}

/* ==========================================================================
   GİRİŞ INTRO'SU
   ========================================================================== */
.intro{
  position:fixed;inset:0;z-index:100;
  background:radial-gradient(760px 520px at 50% 44%,rgba(217,184,119,.09),transparent 72%),var(--bg-deep);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;
  cursor:pointer;perspective:1150px;perspective-origin:50% 44%;
  animation:introOut .6s cubic-bezier(.6,.02,.9,.4) .95s forwards;
}

/* Gerçek 3B sahne: kapı boşluğu, iki yan sövesi, açılan kanat ve zemine
   düşen ışık huzmesi ayrı düzlemler. Düz bir dikdörtgeni ölçekleyen eski
   sürüm "kalitesiz" duruyordu; burada perspektif, kalınlık ve derinlik var.
   three.js kullanılmıyor — intro ilk boyamada görünmeli, 3D motoru
   beklemek ilk boyamayı saniyelerce geciktirirdi. */
.intro__stage{
  position:relative;width:min(268px,58vw);aspect-ratio:47/78;
  transform-style:preserve-3d;
  animation:introPush 1.55s cubic-bezier(.4,0,.25,1) both;
}

/* kapının ardındaki oda */
.intro__room{
  position:absolute;inset:0;overflow:hidden;border-radius:2px;
  /* koyu duvar, aşağı doğru ısınan bir dip — düz açık gri panel gibi durmasın */
  background:linear-gradient(180deg,#1d1509 0%,#33260f 38%,#54401d 74%,#7d6132 100%);
  transform:translateZ(-56px);transform-style:preserve-3d;
}
.intro__floor{
  position:absolute;left:-55%;right:-55%;bottom:0;height:64%;
  background:
    radial-gradient(58% 82% at 50% 0,rgba(255,243,212,.85),rgba(255,228,176,.3) 44%,transparent 76%),
    linear-gradient(180deg,#a4834a,#6a5029);
  transform:rotateX(74deg);transform-origin:50% 100%;
}
.intro__glow{
  position:absolute;left:-15%;right:-15%;top:-8%;height:80%;
  background:radial-gradient(48% 62% at 50% 4%,rgba(255,246,222,.95),rgba(242,214,156,.35) 42%,rgba(190,142,74,0) 74%);
  opacity:0;animation:introLight .8s ease .35s forwards;
}

/* söveler — gerçek kalınlık: iki dik düzlem içe döndürülmüş */
.intro__jamb{
  position:absolute;top:0;bottom:0;width:52px;
  background:linear-gradient(90deg,#2a1c0b,#6b4d26 62%,#8a6733);
  transform-style:preserve-3d;
}
.intro__jamb--l{left:0;transform-origin:left center;transform:rotateY(-90deg)}
.intro__jamb--r{right:0;transform-origin:right center;transform:rotateY(90deg);
  background:linear-gradient(270deg,#2a1c0b,#5c4120 62%,#7a5a2c)}
.intro__head{
  position:absolute;left:0;right:0;top:0;height:52px;
  background:linear-gradient(180deg,#3a2810,#241905);
  transform-origin:center top;transform:rotateX(90deg);
}

/* menteşe ekseni + kanat */
.intro__hinge{
  position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;
  animation:introSwing .85s cubic-bezier(.52,.02,.24,1) .32s both;
}
.intro__leaf{
  position:absolute;inset:0;transform-style:preserve-3d;
  background:
    linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 18%),
    linear-gradient(100deg,#8a6231 0%,#a97c42 38%,#7d5729 62%,#5d3f1d 100%);
  border-radius:2px;
  box-shadow:inset 0 0 0 1px rgba(247,228,183,.22),
             0 26px 52px -22px rgba(0,0,0,.85);
}
/* kanat kalınlığı — kenar düzlemi */
.intro__edge{
  position:absolute;top:0;bottom:0;right:0;width:15px;
  background:linear-gradient(90deg,#4a3115,#2a1b0a);
  transform-origin:right center;transform:rotateY(-90deg);
}
.intro__panel{
  position:absolute;left:15%;right:11%;border-radius:2px;
  background:linear-gradient(140deg,#6d4a22,#8e6634);
  box-shadow:inset 0 1px 0 rgba(247,228,183,.2),
             inset 0 0 0 1px rgba(0,0,0,.35),
             0 1px 0 rgba(247,228,183,.12);
}
.intro__panel--t{top:9%;height:34%}
.intro__panel--b{top:50%;height:38%}
.intro__lever{
  position:absolute;right:9%;top:50%;width:19px;height:5px;margin-top:-2.5px;border-radius:3px;
  background:linear-gradient(180deg,#F8E7BC,#C79A55 55%,#7E5B23);
  box-shadow:0 1px 3px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.55);
}

/* kasa pervazı — en öndeki düzlem, boşluğu çerçeveler */
.intro__casing{
  position:absolute;inset:-15px;border:15px solid transparent;border-radius:5px;
  background:linear-gradient(150deg,#F6E2B4,#C79A55 46%,#8F6A2F) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  transform:translateZ(16px);
  box-shadow:0 34px 74px -32px rgba(217,184,119,.5);
}

/* zemine düşen huzme — yatay düzlem, gerçek perspektifte uzuyor */
/* Zemine düşen huzme: yatay düzlem. filter kullanma — 3B bağlamı düzleştirip
   perspektifi bozuyor; yumuşaklığı degradenin kendisi veriyor. */
.intro__beam{
  position:absolute;left:50%;bottom:-1px;width:260%;height:420px;
  /* eşikten KAMERAYA doğru yatsın: negatif rotateX. Pozitifte düzlem
     arkaya yatıp kapının ardında kalıyor ve hiç görünmüyor. */
  transform:translateX(-50%) rotateX(-68deg);transform-origin:50% 0;
  background:radial-gradient(34% 88% at 50% 0,rgba(255,246,220,.9),rgba(255,236,192,.42) 34%,rgba(255,228,170,.12) 58%,transparent 78%);
  opacity:0;pointer-events:none;
  animation:introLight .8s ease .45s forwards;
}

/* Kamera içeri girerken kelime kapının üstüne biniyordu; kapı kadrajı
   doldurmadan önce sönsün. */
.intro__brand{display:grid;gap:7px;justify-items:center;text-align:center;
  animation:introFade .55s ease .1s both,introDim .35s ease .72s forwards}
.intro__name{font-weight:700;font-size:22px;letter-spacing:.24em;color:var(--tx)}
.intro__sub{font-size:10px;letter-spacing:.34em;color:var(--tx-3)}
.intro__skip{
  position:absolute;bottom:26px;left:0;right:0;text-align:center;
  font-size:11px;letter-spacing:.18em;color:#7F7A6C;
  animation:introFade .55s ease .35s both,introDim .35s ease .7s forwards;
}
@media (prefers-reduced-motion:reduce){.intro{display:none!important}}

/* ==========================================================================
   TOPBAR
   ========================================================================== */
.topbar{
  background:var(--bg-deep);border-bottom:1px solid var(--gold-border);
  text-align:center;padding:9px 20px;font-size:11.5px;letter-spacing:.16em;font-weight:500;
  color:var(--gold-1);
}
.topbar span{color:var(--rule);padding:0 16px}

/* ==========================================================================
   NAV
   ========================================================================== */
.nav{
  /* backdrop-filter kaldırıldı: yapışkan nav her kaydırma karesinde ardındaki
     alanı (ve altındaki WebGL tuvalini) yeniden bulanıklaştırıyordu. Zemin
     zaten %85 opak olduğu için bulanıklığın görsel katkısı yok denecek kadar
     azdı; opaklığı %93'e çıkarmak aynı görünümü bedavaya veriyor. */
  /* Zemin TAM opak. .93 iken, altından geçen beyaz vitrin kartları başlığın
     içinden hayalet gibi görünüyordu (bulanıklık kaldırıldığı için artık
     hiçbir şey onları dağıtmıyor). Opak zemin hem sorunu bitiriyor hem
     saydam zeminden daha ucuz. */
  position:sticky;top:0;z-index:40;background:#0C0D10;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.nav__wrap{max-width:1240px;margin:0 auto;padding:14px 40px;display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand__mark{width:40px;height:40px;border-radius:10px;overflow:hidden;display:block;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 8px -2px rgba(217,184,119,.5)}
.brand__mark svg{display:block}
.brand__text{display:block}
.brand__name{display:block;font-weight:700;font-size:16px;letter-spacing:.14em}
.brand__sub{display:block;font-size:9.5px;letter-spacing:.3em;color:var(--tx-3);margin-top:1px}
.nav__links{display:flex;align-items:center;gap:28px;font-size:13.5px;font-weight:500}
.nav__links a{text-decoration:none;color:var(--tx-2);transition:color .2s}
.nav__links a:hover{color:var(--tx)}
.nav__right{display:flex;align-items:center;gap:18px}
.nav__tel{font-size:13.5px;font-weight:700;letter-spacing:.03em}
.nav__tel a{color:inherit;text-decoration:none}

/* ---------- Butonlar ---------- */
.btn-wa{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(180deg,#2BCE6C,#149249);color:#fff;text-decoration:none;
  padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 0 0 1px rgba(8,82,40,.7),0 1px 2px rgba(0,0,0,.4),0 8px 16px -8px rgba(34,197,94,.45);
  transition:transform .18s ease,filter .18s ease;white-space:nowrap;
}
.btn-wa:hover{transform:translateY(-1px);filter:brightness(1.06);color:#fff}
.btn-wa--block{
  display:flex;justify-content:center;gap:9px;padding:13px;font-size:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 0 0 1px rgba(8,82,40,.7),0 1px 2px rgba(0,0,0,.2),0 10px 20px -10px rgba(34,197,94,.5);
}
.btn-gold{
  display:inline-block;
  background:linear-gradient(180deg,oklch(0.88 0.08 87),oklch(0.71 0.11 80));
  color:#241A07;text-decoration:none;padding:13px 22px;border-radius:10px;
  font-size:14px;font-weight:700;letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(110,82,26,.55),0 1px 2px rgba(0,0,0,.5),0 10px 20px -10px rgba(217,184,119,.5);
  transition:transform .18s ease,filter .18s ease;
}
.btn-gold:hover{transform:translateY(-1px);filter:brightness(1.05);color:#241A07}
.btn-dark{
  background:#17181C;color:var(--tx);text-decoration:none;padding:10px 16px;border-radius:9px;
  font-size:13px;font-weight:600;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgba(23,24,28,.3);
  transition:all .2s ease;
}
.btn-dark:hover{background:linear-gradient(180deg,oklch(0.87 0.08 87),oklch(0.71 0.11 80));color:#241A07;transform:translateY(-1px)}
.btn-ghost{
  text-decoration:none;padding:12px 22px;border-radius:10px;font-size:13.5px;font-weight:600;
  color:var(--lt-tx);background:#fff;
  box-shadow:inset 0 0 0 1px #D8D2C0,0 1px 2px rgba(23,24,28,.06);transition:all .2s ease;
}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px #17181C,0 1px 2px rgba(23,24,28,.1);transform:translateY(-1px);color:var(--lt-tx)}

/* ==========================================================================
   3D KAPI HERO
   ========================================================================== */
.hero{position:relative;height:280vh;background:var(--bg-hero)}
.hero__sticky{
  position:sticky;top:0;height:100vh;overflow:hidden;
  background:radial-gradient(760px 340px at 50% 32%,rgba(217,184,119,.07),transparent 65%),var(--bg-hero);
}
.hero__layer{position:absolute;inset:0;z-index:1;will-change:transform}
/* Sahne videosu. object-fit:cover ZORUNLU: video tek orana sabit, pencere
   degil. Iki kadraj (genis/dar) main.js'te secilyor, kalan farki cover
   kapatiyor. pointer-events:none olmasa video uzerinde sag tik menusu
   cikiyor ve altindaki basliga tiklanamiyor. */
.hero__video{position:absolute;left:0;top:0;width:100%;height:100%;
  object-fit:cover;display:block;pointer-events:none;background:var(--bg-hero)}

.hero__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero__fallback.is-hidden{display:none}
.hero__vignette{position:absolute;inset:0;background:radial-gradient(130% 100% at 50% 42%,transparent 52%,rgba(5,4,3,.55) 100%);pointer-events:none}

.hero__cap{position:absolute;top:50%;transform:translateY(-50%);z-index:4;max-width:330px;display:grid;gap:12px;opacity:0;
  /* 3D sahnenin üstünde okunabilir kalsın — renk değil, yalnızca gölge */
  text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 6px rgba(0,0,0,.7),0 8px 26px rgba(0,0,0,.55)}
/* Yazılar açık renkli eşyaların (buzdolabı, dolap) üstüne denk gelince
   kayboluyordu. Tipografi renkleri tasarımdaki gibi kalsın diye metnin
   ardına yumuşak bir karartma koyuyoruz — kenarı görünmesin diye elips. */
.hero__cap::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  /* Elips MUTLAKA kutunun kenarına varmadan saydama inmeli; merkezi kaydırırsan
     yakın kenarda yarı saydam kalır ve dikdörtgen köşe görünür (bir kez oldu). */
  background:radial-gradient(54% 56% at 50% 50%,
    rgba(6,4,3,.84) 0%,rgba(6,4,3,.7) 34%,rgba(6,4,3,.42) 58%,
    rgba(6,4,3,.15) 76%,rgba(6,4,3,0) 92%);
}
.hero__cap--l{left:6%}
/* dış kenara doğru bol pay — orası zaten kadraj dışı */
.hero__cap--l::before{inset:-70px -112px -70px -172px}
.hero__cap--r{right:6%;text-align:right;justify-items:end}
.hero__cap--r::before{inset:-70px -172px -70px -112px}
.hero__cap-kicker{font-size:11.5px;letter-spacing:.24em;color:var(--gold-1);font-weight:700}
.hero__cap-title{font:500 31px/1.28 var(--serif)}
.hero__cap-text{font-size:14.5px;line-height:1.65;color:var(--tx-2)}

.hero__head{
  position:absolute;left:0;right:0;top:0;z-index:3;padding:80px 40px 0;text-align:center;
  display:grid;gap:12px;justify-items:center;will-change:opacity;
}
.pill{
  display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);
  border-radius:999px;padding:7px 15px 7px 9px;box-shadow:inset 0 0 0 1px rgba(217,184,119,.28);
}
.pill__dot{width:20px;height:20px;border-radius:999px;background:rgba(217,184,119,.14);display:grid;place-items:center}
.pill__dot span{width:6px;height:6px;border-radius:999px;background:var(--gold-1)}
.pill__label{font-size:11px;letter-spacing:.22em;font-weight:600;color:var(--gold-1)}
.hero__h1{font:500 42px/1.14 var(--serif)}
.hero__h1 em{
  font-style:italic;background:linear-gradient(100deg,oklch(0.88 0.08 88),oklch(0.72 0.11 79));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero__p{font-size:16px;line-height:1.7;color:#A6A296;max-width:560px}
.hero__cta{display:flex;gap:14px;align-items:center;margin-top:2px}
.hero__nudge{
  position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;
  font-size:10.5px;letter-spacing:.26em;color:var(--tx-3);font-weight:600;
  animation:kaydirNudge 2.2s ease-in-out infinite;
}
/* Hero kadrajdan çıkınca sonsuz animasyon boşuna dönmesin. */
.hero.is-off .hero__nudge{animation-play-state:paused
}

/* ==========================================================================
   İSTATİSTİK ŞERİDİ
   ========================================================================== */
.strip{background:var(--bg);border-bottom:1px solid rgba(255,255,255,.06)}
.strip__wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.strip__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.strip__item{display:flex;gap:14px;align-items:center;padding:26px 24px;border-right:1px solid rgba(255,255,255,.07)}
.strip__item:first-child{padding-left:0}
.strip__item:last-child{padding-right:0;border-right:none}
.strip__ico{width:40px;height:40px;border-radius:10px;background:rgba(217,184,119,.12);display:grid;place-items:center;color:var(--gold-1);flex:none}
.strip__t{font-size:14px;font-weight:700}
.strip__s{font-size:12px;color:#847F73;margin-top:2px}

/* ==========================================================================
   ORTAK BÖLÜM İSKELETİ
   ========================================================================== */
/* Çapa linkleri sticky nav'ın altında kalmasın */
.sec[id]{scroll-margin-top:84px}

.sec__wrap{max-width:1240px;margin:0 auto;padding:96px 40px}
.sec__wrap--narrow{max-width:880px;padding:88px 40px}
.sec--light{background:linear-gradient(180deg,#F6F3EC,#F1EDE4);color:var(--lt-tx)}
.sec--light .sec__wrap{padding:92px 40px}
.sec--alim{
  background:radial-gradient(800px 420px at 14% 100%,rgba(217,184,119,.07),transparent 60%),linear-gradient(180deg,#0C0D10,#101116);
  border-top:1px solid rgba(255,255,255,.06);
}
.sec--dark2{background:linear-gradient(180deg,#0C0D10,#101116);border-top:1px solid rgba(255,255,255,.06)}
.sec--sss{background:linear-gradient(180deg,#F1EDE4,#F6F3EC);color:var(--lt-tx);border-top:1px solid #E4DECF}

.kicker{font-size:11px;letter-spacing:.28em;color:var(--gold-1);font-weight:700}
.kicker--dark{color:var(--gold-dark)}
.h2{font:500 42px var(--serif);letter-spacing:-.005em}
.center{display:flex;justify-content:center}
.mt40{margin-top:40px}
.mt28{margin-top:28px}

.sechead{display:flex;justify-content:space-between;align-items:end;margin:0 0 40px}
.sechead__l{display:grid;gap:12px}

/* ---------- Kategori çipleri ---------- */
.chips{display:flex;gap:8px}
.chip{
  font-family:inherit;border:0;cursor:pointer;
  background:#fff;color:#4A4844;padding:9px 16px;border-radius:9px;font-size:13px;font-weight:600;
  box-shadow:inset 0 0 0 1px #DFDACB,0 1px 2px rgba(23,24,28,.05);transition:all .2s ease;
}
.chip:hover{box-shadow:inset 0 0 0 1px #A8A28F,0 1px 2px rgba(23,24,28,.08)}
.chip.is-active{
  background:#17181C;color:var(--tx);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgba(23,24,28,.3);
}

/* ==========================================================================
   VİTRİN KARTLARI
   ========================================================================== */
.vitrin{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:24px}
.card{
  background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 1px 2px rgba(23,24,28,.05),0 20px 40px -26px rgba(23,24,28,.22),inset 0 0 0 1px var(--lt-line);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(23,24,28,.05),0 28px 52px -26px rgba(23,24,28,.32),inset 0 0 0 1px var(--lt-line)}
.card--feat{
  grid-row:span 2;display:grid;grid-template-rows:1fr auto;
  box-shadow:0 1px 2px rgba(23,24,28,.05),0 24px 48px -28px rgba(23,24,28,.25),inset 0 0 0 1px var(--lt-line);
}
.card--feat:hover{box-shadow:0 1px 2px rgba(23,24,28,.05),0 36px 64px -28px rgba(23,24,28,.35),inset 0 0 0 1px var(--lt-line)}
.card__media{position:relative;height:230px;background:#E9E4D7;overflow:hidden}
.card__media--feat{min-height:420px;height:auto}
/* object-fit:contain, cover DEĞİL. Ürün fotoğrafları dükkândan telefonla
   çekiliyor, yani çoğu DİKEY. 675x1200'lük bir buzdolabını 330x196'lık
   kutuya cover ile sığdırmak fotoğrafın %11'ini gösteriyordu: ekranda
   sadece gövdenin bir dilimi kalıyor, ürün tanınmıyordu (ölçüldü).
   contain ile tamamı görünüyor, boşluğu kart zemini dolduruyor. */
.card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;padding:10px}
/* Büyük kart kareye yakın (min 420px); orada cover kırpması sorun değil,
   tam kanama daha iyi duruyor. */
.card__media--feat img{object-fit:cover;padding:0}
.tag{position:absolute;top:14px;left:14px;font-size:10px;font-weight:700;letter-spacing:.1em;padding:5px 9px;border-radius:6px;pointer-events:none}
.tag--dark{background:#17181C;color:var(--tx)}
.tag--gold{
  background:linear-gradient(180deg,oklch(0.86 0.09 86),oklch(0.7 0.11 80));color:#241A07;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
}
.card--feat .tag{
  top:18px;left:18px;font-size:10.5px;padding:6px 10px;border-radius:7px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 6px -2px rgba(120,90,30,.5);
}
.card__body{padding:24px 28px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.card__info{display:grid;gap:5px}
.card__kicker{font-size:10.5px;letter-spacing:.18em;color:#767059;font-weight:600}
.card--feat .card__kicker{font-size:11px}
.card__title{font:500 25px var(--serif)}
.card__note{font-size:13px;color:#77725F}
.card__buy{display:grid;gap:10px;justify-items:end}
.card__price{font:600 27px var(--serif)}
.card__price--sm{font-size:21px}
/* Fiyatı henüz girilmemiş ürün: rakam yerine çağrı metni */
.card__price--ask{font:600 15px var(--sans);letter-spacing:.02em;color:#77725F}
.card__price--sm.card__price--ask{font-size:14px}
.mini__p--ask{font:600 12.5px var(--sans);letter-spacing:.01em;color:#77725F;white-space:nowrap}
.card__mini{padding:18px 22px 22px;display:grid;gap:4px}
.card__name{font-size:16px;font-weight:700}
.card__row{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}
.ask{font-size:12.5px;font-weight:700;color:oklch(0.52 0.11 78);text-decoration:none}
.ask:hover{color:oklch(0.42 0.1 78)}

/* ---------- Küçük ürün satırı ---------- */
.minigrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px}
/* .mini artik <a>: tum satir WhatsApp'a gidiyor. Baglanti oldugu icin
   varsayilan alti-cizili/mavi bicimini temizlemek sart. */
.mini{
  text-decoration:none;color:inherit;
  background:#fff;border-radius:12px;padding:18px 22px;
  box-shadow:inset 0 0 0 1px var(--lt-line),0 1px 2px rgba(23,24,28,.04);
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  transition:box-shadow .25s ease,transform .25s ease;
}
.mini:hover{box-shadow:inset 0 0 0 1px oklch(0.7 0.11 80),0 12px 26px -16px rgba(23,24,28,.3);transform:translateY(-3px)}
.mini:focus-visible{outline:2px solid oklch(0.7 0.11 80);outline-offset:3px}
/* Kartlarla ayni sebep: dikey telefon fotograflari 46x46'ya cover ile
   sigdirilinca ortadan bir serit kaliyordu. contain + acik zemin. */
.mini img{width:46px;height:46px;object-fit:contain;background:#E9E4D7;border-radius:9px;flex:none;box-shadow:inset 0 0 0 1px rgba(23,24,28,.1)}
.mini__body{flex:1;min-width:0}
.mini__t{font-size:14.5px;font-weight:700}
.mini__s{font-size:12px;color:#767059;margin-top:2px}
.mini__p{font:600 18px var(--serif)}

/* ==========================================================================
   EŞYA ALIMI
   ========================================================================== */
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.cols2--hakkimizda{grid-template-columns:1fr 1.05fr}
.alim__l{display:grid;gap:24px;justify-items:start}
.h2--alim{font:500 44px/1.2 var(--serif)}
.h2--alim em{font-style:italic;color:oklch(0.85 0.08 85)}
.lead{font-size:16px;line-height:1.75;color:#A6A296;max-width:480px}
.steps{display:grid;gap:14px}
.step{
  background:rgba(255,255,255,.035);border-radius:13px;padding:22px 26px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);display:flex;gap:20px;align-items:center;
  transition:box-shadow .25s ease,transform .25s ease;
}
.step:hover{box-shadow:inset 0 0 0 1px rgba(217,184,119,.45);transform:translateX(5px)}
.step__n{
  width:44px;height:44px;border-radius:11px;background:rgba(217,184,119,.12);
  display:grid;place-items:center;font:600 17px var(--serif);color:oklch(0.84 0.09 85);flex:none;
}
.step__t{font-size:15.5px;font-weight:700}
.step__s{font-size:13px;color:var(--tx-3);margin-top:3px}

/* ==========================================================================
   HAKKIMIZDA
   ========================================================================== */
.about__media{position:relative}
.about__frame{
  height:430px;border-radius:14px;overflow:hidden;background:#E9E4D7;position:relative;
  box-shadow:0 1px 2px rgba(23,24,28,.06),0 28px 60px -32px rgba(23,24,28,.4),inset 0 0 0 1px var(--lt-line);
}
.about__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.about__badge{
  position:absolute;right:-22px;bottom:-22px;background:#17181C;color:var(--tx);
  border-radius:12px;padding:20px 24px;box-shadow:0 20px 44px -18px rgba(23,24,28,.55);pointer-events:none;
}
.about__badge-t{font:500 24px var(--serif);color:oklch(0.85 0.08 85)}
.about__badge-s{font-size:12.5px;color:var(--tx-3);margin-top:4px}
.about__text{display:grid;gap:22px}
.h2--about{font:500 40px/1.25 var(--serif)}
.body-dark{font-size:15.5px;line-height:1.8;color:#6B665A}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.minicard{
  background:#fff;border-radius:12px;padding:18px 20px;
  box-shadow:inset 0 0 0 1px var(--lt-line),0 1px 2px rgba(23,24,28,.04);
  transition:transform .25s ease,box-shadow .25s ease;
}
.minicard:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px oklch(0.7 0.11 80),0 12px 26px -16px rgba(23,24,28,.3)}
.minicard__t{font:500 20px var(--serif)}
.minicard__s{font-size:12px;color:#767059;margin-top:4px}

/* ==========================================================================
   YORUMLAR
   ========================================================================== */
.gbadge{
  display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.04);
  border-radius:999px;padding:9px 18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
}
.stars{color:var(--gold-1);font-size:16px;letter-spacing:3px}
.stars--sm{font-size:13px;letter-spacing:2.5px}
.gbadge__t{font-size:12.5px;color:var(--tx-3);font-weight:500}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* ---- Kayan yorum şeridi ----------------------------------------------
   Akış transform ile: sol/margin animasyonu her karede yeniden yerleşim
   tetikler, transform etmez. Süre kart sayısına göre main.js'te ayarlanıyor
   ki 3 yorumla 30 yorum aynı HIZDA aksın (aynı sürede değil).
   Kenarlarda maske var: kartlar kesilmiş gibi değil, soluklaşarak girip
   çıkıyor. */
.kayan{position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.kayan__ray{display:flex;gap:24px;width:max-content;will-change:transform}
.kayan__ray>.rev{width:360px;flex:none}
/* Kopyalar eklenmeden akış başlamasın: yarım şeritle döngü zıplar. */
.kayan.is-hazir .kayan__ray{animation:kay var(--kay-sure,40s) linear infinite}
.kayan.is-hazir:hover .kayan__ray,
.kayan.is-hazir:focus-within .kayan__ray,
.kayan.is-dur .kayan__ray{animation-play-state:paused}
@keyframes kay{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 12px),0,0)}}

.rev{
  background:rgba(255,255,255,.035);border-radius:13px;padding:30px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);display:grid;gap:16px;align-content:start;
  transition:box-shadow .25s ease,transform .25s ease;
}
.rev:hover{box-shadow:inset 0 0 0 1px rgba(217,184,119,.4);transform:translateY(-3px)}
.rev__q{font-size:15.5px;line-height:1.7;color:#D9D4C8}
.rev__a{display:flex;align-items:center;gap:10px;margin-top:2px}
.rev__av{
  width:30px;height:30px;border-radius:999px;background:linear-gradient(180deg,#D9B877,#9C7439);
  color:#241A07;display:grid;place-items:center;font-size:12.5px;font-weight:700;flex:none;
}
.rev__n{font-size:13px;font-weight:700}
.rev__n span{font-weight:400;color:#847F73}

/* ==========================================================================
   SSS
   ========================================================================== */
.ssshead{display:grid;gap:12px;justify-items:center;text-align:center;margin-bottom:36px}
.h2--sss{font:500 40px var(--serif)}
.faq{display:grid;gap:12px}
.faq details{background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px var(--lt-line),0 1px 2px rgba(23,24,28,.04);overflow:hidden}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:15px;font-weight:700}
.arr{
  width:22px;height:22px;border-radius:99px;background:#F1EDE4;display:grid;place-items:center;
  color:#7d5f3a;font-weight:700;transition:transform .25s ease;flex:none;
}
.faq__a{padding:0 22px 18px;font-size:14px;line-height:1.7;color:#6B665A}

/* ==========================================================================
   HİZMET BÖLGELERİ
   ========================================================================== */
.bolgeler__lead{
  max-width:680px;margin:0 auto 34px;text-align:center;
  font-size:15.5px;line-height:1.8;color:#6B665A;
}
.bolgeler{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;
}
.bolge{
  display:grid;gap:3px;height:100%;
  background:#fff;border-radius:12px;padding:16px 18px;text-decoration:none;color:var(--lt-tx);
  box-shadow:inset 0 0 0 1px var(--lt-line),0 1px 2px rgba(23,24,28,.04);
  transition:transform .25s ease,box-shadow .25s ease;
}
.bolge:hover{
  transform:translateY(-3px);color:var(--lt-tx);
  box-shadow:inset 0 0 0 1px oklch(0.7 0.11 80),0 12px 26px -16px rgba(23,24,28,.3);
}
.bolge--merkez{
  background:#17181C;color:var(--tx);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 26px -18px rgba(23,24,28,.5);
}
.bolge--merkez:hover{color:var(--tx);box-shadow:inset 0 0 0 1px oklch(0.7 0.11 80),0 16px 32px -18px rgba(23,24,28,.55)}
.bolge__ad{font:500 21px var(--serif)}
.bolge--merkez .bolge__ad{color:oklch(0.85 0.08 85)}
.bolge__il{font-size:10.5px;letter-spacing:.18em;color:#767059;font-weight:600;text-transform:uppercase}
.bolge--merkez .bolge__il{color:var(--tx-3)}
.bolge__not{font-size:12px;line-height:1.5;color:#6B665A;margin-top:4px}
.bolge--merkez .bolge__not{color:#B9B4A8}

/* ==========================================================================
   İLETİŞİM
   ========================================================================== */
.cols2map{display:grid;grid-template-columns:1fr 1.35fr;gap:24px}
.contact{
  background:#fff;border-radius:14px;padding:38px;
  box-shadow:0 1px 2px rgba(23,24,28,.05),0 28px 60px -32px rgba(23,24,28,.3),inset 0 0 0 1px var(--lt-line);
  display:grid;gap:24px;align-content:start;
}
.contact__head{display:grid;gap:12px}
.h2--contact{font:500 33px var(--serif)}
.contact__list{display:grid;gap:16px;font-size:14px;line-height:1.6}
.crow{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--lt-line);padding-bottom:13px}
.crow--last{border-bottom:0;padding-bottom:0}
.crow__k{color:#767059}
.crow__v{text-align:right}
.crow__v a{color:inherit;text-decoration:none}
.crow__ig:hover{color:var(--gold-dark)}
.crow__all{color:oklch(0.52 0.11 78);text-decoration:none}
.crow__v--hours{display:inline-flex;align-items:center;gap:8px}
.open-badge{
  display:inline-flex;align-items:center;gap:6px;background:#E9F3EC;color:#1F7A4D;
  border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;white-space:nowrap;
}
.open-badge span{width:6px;height:6px;border-radius:99px;background:#1F7A4D}
.open-badge[hidden]{display:none}
.mapwrap{
  border-radius:14px;overflow:hidden;
  box-shadow:0 1px 2px rgba(23,24,28,.05),0 28px 60px -32px rgba(23,24,28,.3),inset 0 0 0 1px var(--lt-line);
  min-height:460px;background:#E9E4D7;position:relative;
}
.mapwrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mapwrap__pin{
  position:absolute;left:16px;bottom:16px;background:rgba(23,24,28,.92);color:var(--tx);
  border-radius:10px;padding:10px 16px;font-size:12.5px;font-weight:600;
  box-shadow:0 10px 24px -10px rgba(0,0,0,.5);pointer-events:none;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.foot{background:var(--bg-deep);border-top:1px solid var(--gold-border)}
.foot__wrap{max-width:1240px;margin:0 auto;padding:60px 40px 0}
.foot__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;padding-bottom:44px}
.foot__brand{display:grid;gap:16px;align-content:start}
.foot__logo{display:flex;align-items:center;gap:11px}
.foot__mark{width:36px;height:36px;border-radius:9px;overflow:hidden;display:block;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.foot__mark svg{display:block}
.foot__name{font-weight:700;font-size:14.5px;letter-spacing:.15em}
.foot__desc{font-size:13px;line-height:1.7;color:var(--tx-3);max-width:300px}
.foot__col{display:grid;gap:10px;align-content:start;font-size:13px}
.foot__col--plain{color:#9A958A}
.foot__h{color:var(--tx);font-weight:700;font-size:11px;letter-spacing:.22em;margin-bottom:6px}
.foot__col a{text-decoration:none;color:#9A958A;transition:color .2s}
.foot__col a:hover{color:var(--tx)}
.foot__tel{color:var(--tx)!important;font-weight:700}
.foot__bot{
  border-top:1px solid rgba(255,255,255,.07);padding:20px 0;display:flex;justify-content:space-between;
  font-size:12px;color:#7E7869;
}

/* ==========================================================================
   FAB
   ========================================================================== */
.fab{position:fixed;right:28px;bottom:28px;z-index:50;display:flex;flex-direction:column;align-items:center;gap:12px}
.fab__map{
  width:54px;height:54px;border-radius:999px;background:#fff;display:grid;place-items:center;
  text-decoration:none;box-shadow:inset 0 0 0 1px var(--lt-line),0 10px 24px -8px rgba(23,24,28,.35);
  transition:transform .22s ease;
}
.fab__map:hover{transform:scale(1.08)}
.fab__wa{
  position:relative;width:72px;height:72px;border-radius:999px;
  background:linear-gradient(180deg,#2BCE6C,#149249);display:grid;place-items:center;text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(8,82,40,.7),0 14px 30px -8px rgba(34,197,94,.55);
  transition:transform .22s ease;
}
.fab__wa:hover{transform:scale(1.07)}
.fab__ping{
  position:absolute;inset:0;border-radius:999px;box-shadow:0 0 0 2px rgba(43,206,108,.6);
  /* Sonsuz nabız kompozitörü hiç uyutmuyordu; dikkat çekme işini ilk
     ~19 sn'de görüyor, sonra duruyor. Buton yerinde kalıyor. */
  animation:waPing 2.4s ease-out 8;pointer-events:none;
}

/* ==========================================================================
   REVEAL (JS ile açılır; JS yoksa içerik görünür kalır)
   ========================================================================== */
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.js [data-reveal].is-in{opacity:1;transform:none}
[data-cat].is-dim{opacity:.18!important;filter:saturate(.3);pointer-events:none}

/* ==========================================================================
   KIRILIM: 1100px
   ========================================================================== */
/* Yüzen WhatsApp butonu, kart satırındaki "Sor →" linkinin üstüne biniyordu
   (360 / 390 / 412 px'te üçünde de ölçüldü). Link kartın tamamına yayıldı:
   buton yazının üstünü örtse bile kartın herhangi bir yerine dokunmak aynı
   WhatsApp mesajını açıyor. "Sor →" görsel ipucu olarak yerinde kalıyor.
   Öne çıkan kartın kendi WhatsApp butonu var, orada uygulanmıyor. */
.card:not(.card--feat){position:relative}
.card:not(.card--feat) .ask::after{content:"";position:absolute;inset:0;z-index:2}

@media (max-width:1100px){
  .nav__tel{display:none}
  .hero__cap{max-width:240px}
  .minigrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cols2,.cols2map{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vitrin{grid-template-columns:1.35fr repeat(2,minmax(0,1fr))}
  .grid3,.strip__grid,.foot__grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
  .bolgeler{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ==========================================================================
   KIRILIM: 840px
   ========================================================================== */
@media (max-width:840px){
  .nav__links,.nav__tel,.hero__cap{display:none!important}
  /* "İKİNCİ EL & SPOT EŞYA" 360-412 px'te iki satıra düşüp başlığı
     70 px'e şişiriyordu. Tek satırda kalacak kadar sıkıştırıldı. */
  .brand__sub{white-space:nowrap;font-size:7.5px;letter-spacing:.1em}
  .brand{min-width:0}
  .nav__wrap{padding:12px 16px;gap:12px}
  .sec[id]{scroll-margin-top:82px}
  .topbar{font-size:9px;letter-spacing:.1em;padding:7px 10px}
  .topbar span{padding:0 8px}

  .strip__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .strip__item{border-right:none;padding:14px 0}
  .strip__item:first-child,.strip__item:last-child{padding:14px 0}

  .sechead{flex-direction:column;align-items:flex-start;gap:16px}
  .chips{flex-wrap:wrap}
  .chip{min-height:44px}

  .vitrin,.minigrid,.cols2,.grid3,.cols2map,.foot__grid{grid-template-columns:minmax(0,1fr)!important}
  .kayan__ray>.rev{width:80vw;max-width:330px}
  .vitrin>*,.minigrid>*,.cols2>*,.grid3>*,.cols2map>*,.cards3>*,.strip__grid>*{min-width:0;max-width:100%}
  .card--feat{grid-row:auto}
  .cols2{gap:40px}
  .foot__grid{gap:28px}
  .card__media--feat{min-height:300px}
  .cards3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bolgeler{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .bolge{padding:14px 15px}
  .bolge__ad{font-size:18px}
  .bolgeler__lead{text-align:left;font-size:14.5px;margin-bottom:26px}
  .about__badge{right:10px;bottom:10px;padding:13px 16px}
  .contact{padding:26px 20px}
  .mapwrap{min-height:320px}
  .foot__bot{flex-direction:column;gap:6px;align-items:center;text-align:center}

  .fab{right:14px;bottom:14px;gap:10px}
  .fab__map{width:48px;height:48px}
  .fab__wa{width:62px;height:62px}

  .hero{height:230vh}
  .hero__head{padding:52px 18px 0}
  .hero__h1{font-size:30px}
  .hero__p{font-size:14px}

  .h2{font-size:28px}
  .h2--alim,.h2--about,.h2--sss,.h2--contact{font-size:28px}
  .sec__wrap,.sec--light .sec__wrap,.sec__wrap--narrow{padding:56px 18px}
  .foot__wrap{padding:44px 18px 0}
}

/* ==========================================================================
   HAREKET AZALTMA
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js [data-reveal]{opacity:1;transform:none}
  .kayan.is-hazir .kayan__ray{animation:none}
  .hero{height:auto}
  .hero__sticky{position:relative;height:auto;min-height:100vh}
}
/* 3B sahne hiç yüklenmediğinde (zayıf cihaz / yavaş bağlantı) hero,
   kaydırmaya bağlı olmadığı için 230vh yer kaplamamalı. */
.no3d .hero{height:auto}
.no3d .hero__sticky{position:relative;height:auto;min-height:100vh}

/* 840 px üstünde (yatay telefon, tablet, zayıf PC) hero yazıları görünür.
   Normalde kaydırdıkça sırayla açılıyorlar; 3B yokken statikKal() hepsini
   birden opacity:1 yapıyor ve mutlak konumlu oldukları için h1'in üstüne
   biniyorlardı — 932x430'da üç metin blogu üst üste gelip okunmaz oluyordu.
   Burada görselin ALTINA, normal akışta iki sütuna alınıyorlar; metin
   kayboluyor değil, yerini değiştiriyor. */
@media (min-width:841px){
  .no3d .hero__sticky{
    min-height:0;overflow:visible;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px 44px;padding:calc(100vh + 10px) 30px 40px;
  }
  .no3d .hero__layer{height:100vh;bottom:auto}
  .no3d .hero__nudge{bottom:auto;top:calc(100vh - 34px)}
  .no3d .hero__cap{
    position:static;transform:none!important;opacity:1!important;
    max-width:none;text-shadow:none;
  }
  .no3d .hero__cap--r{text-align:left;justify-items:start}
  .no3d .hero__cap::before{display:none}
}

/* ürün çapaları da sticky nav altında kalmasın */
.card[id],.mini[id]{scroll-margin-top:96px}