/* ===== Villa Calandra — Bold Luxury ===== */

/* ===== Self-hosted fonts (variable, latin + latin-ext) ===== */
@font-face{
  font-family:'Inter';font-style:normal;font-weight:300 800;font-display:swap;
  src:url(../fonts/inter-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:300 800;font-display:swap;
  src:url(../fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;
  src:url(../fonts/playfair-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;
  src:url(../fonts/playfair-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  /* Marka rengi artık MAVİ (logo: lacivert + yeşil kuş). İsimler eski kaldı ama değerler mavi. */
  --yesil:#1d4e74;       /* ana mavi */
  --yesil-acik:#3d86b8;  /* açık mavi (hover/vurgu) */
  --kus:#8bc34a;         /* logodaki yeşil kuş — küçük vurgular için */
  --altin:#c9a84c;
  --altin-acik:#e8c97a;
  --cizgi-koyu:rgba(255,255,255,.1); /* koyu zeminlerde ince nötr ayraç */
  --koyu:#0f2438;        /* koyu lacivert (metin + koyu bölümler) */
  --koyu2:#15314a;
  --gri:#5b6b7d;
  --acik:#f4f8fb;
  --beyaz:#ffffff;
  --kenar:#e2e8f0;
  --golge:0 8px 32px rgba(15,36,56,.1);
  --golge2:0 24px 64px rgba(15,36,56,.15);
  --max:1240px;
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--koyu);line-height:1.7;background:var(--beyaz)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 28px}
section{padding:96px 0}
p{color:var(--gri)}

/* ===== TİPOGRAFİ ===== */
h1,h2{font-family:var(--serif);letter-spacing:-.5px}
h1{font-size:3.8rem;font-weight:900;line-height:1.1}
h2{font-size:2.8rem;font-weight:700;line-height:1.2}
h3{font-family:var(--sans);font-size:1.4rem;font-weight:700}
h4{font-family:var(--sans);font-size:1rem;font-weight:700}

/* ===== BUTONLAR ===== */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--yesil);color:#fff;padding:17px 36px;
  border-radius:6px;font-weight:600;font-size:1rem;letter-spacing:.3px;
  transition:.3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;
}
.btn:hover{background:var(--yesil-acik);transform:translateY(-2px);box-shadow:0 10px 28px rgba(29,78,116,.3)}
.btn-altin{background:var(--kus);color:var(--koyu)}
.btn-altin:hover{background:#7ab33f;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.btn-outline{background:transparent;border:2px solid #fff;color:#fff}
.btn-outline:hover{background:#fff;color:var(--yesil);box-shadow:0 10px 28px rgba(0,0,0,.15)}
.btn-outline-dark{background:transparent;border:2px solid var(--yesil);color:var(--yesil)}
.btn-outline-dark:hover{background:var(--yesil);color:#fff}

/* ===== HEADER ===== */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.97);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--kenar);
  transition:.3s;
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;height:78px}
.logo{display:flex;align-items:center;flex:none}
.logo-img{max-height:44px}
/* yazı lockup: ikon + isim + ayraç + slogan */
.logo-lockup{display:flex;align-items:center;gap:12px}
.logo-mark{color:var(--yesil);display:flex;align-items:center;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.logo:hover .logo-mark{transform:rotateY(360deg)}
.logo-isim{font-family:var(--serif);font-size:1.5rem;font-weight:700;color:var(--yesil);letter-spacing:.5px;line-height:1}
.logo-divider{width:1px;height:32px;background:var(--kenar)}
.logo-slogan{
  font-size:.66rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--gri);line-height:1.35;
}
.main-nav{display:flex;align-items:center;gap:30px}
.main-nav > a{font-weight:500;font-size:.95rem;color:var(--koyu);letter-spacing:.3px;position:relative;
  white-space:nowrap;transition:color .25s}
.main-nav > a::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--yesil);transition:.3s}
.main-nav > a:hover::after,.main-nav > a.aktif::after{width:100%}
.main-nav > a:hover{color:var(--yesil)}

/* ===== NAV DROPDOWN ===== */
.nav-dd{position:relative}
.nav-dd-toggle{
  display:flex;align-items:center;gap:5px;white-space:nowrap;
  background:none;border:none;cursor:pointer;
  font-weight:500;font-size:.95rem;color:var(--koyu);letter-spacing:.3px;
  font-family:var(--sans);padding:0;transition:color .25s;
}
.nav-dd-toggle:hover{color:var(--yesil)}
.dd-ok{font-size:.7rem;transition:transform .25s;display:inline-block}
.nav-dd:hover .dd-ok,.nav-dd.open .dd-ok{transform:rotate(180deg)}
.nav-dd-menu{
  position:absolute;top:calc(100% + 16px);left:50%;
  transform:translateX(-50%) translateY(-6px);
  background:#fff;border-radius:10px;
  box-shadow:0 12px 40px rgba(15,36,56,.14);
  min-width:220px;padding:8px 0;
  opacity:0;visibility:hidden;
  transition:opacity .2s,transform .2s,visibility .2s;
  z-index:200;border:1px solid var(--kenar);white-space:nowrap;
}
.nav-dd:hover .nav-dd-menu,.nav-dd.open .nav-dd-menu{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}
.nav-dd-menu a{
  display:block;padding:12px 22px;
  color:var(--koyu);font-size:.9rem;font-weight:500;
  transition:background .15s,color .15s;
}
.nav-dd-menu a:hover{background:var(--acik);color:var(--yesil)}
.nav-cta{
  background:var(--yesil);color:#fff!important;padding:13px 28px;
  border-radius:6px;font-weight:700;letter-spacing:.3px;
  transition:.3s!important;
}
.nav-cta::after{display:none!important}
.nav-cta:hover{background:var(--yesil-acik)!important;transform:translateY(-1px)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-toggle span{width:26px;height:2px;background:var(--koyu);border-radius:2px;transition:.3s;display:block}

/* ===== HERO SLIDER ===== */
.hero{
  position:relative;height:90vh;min-height:580px;overflow:hidden;background:var(--koyu);
}
.slides{height:100%}
.slide{
  position:absolute;inset:0;opacity:0;
  transition:opacity 1.4s ease;
  background-size:cover;background-position:center;
}
.slide.active{opacity:1}
.slide::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,rgba(13,31,23,.72) 0%,rgba(13,31,23,.3) 60%,rgba(13,31,23,.1) 100%);
}
.hero-content{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;justify-content:center;
  padding-left:8%;
}
.hero-content .etiket{
  display:inline-block;background:var(--altin);color:var(--koyu);
  font-size:.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  padding:7px 18px;border-radius:4px;margin-bottom:24px;width:fit-content;
}
.hero-content h1{
  color:#fff;font-size:4.2rem;max-width:720px;margin-bottom:22px;
  text-shadow:0 2px 20px rgba(0,0,0,.2);
}
.hero-content p{
  color:rgba(255,255,255,.85);font-size:1.2rem;max-width:520px;margin-bottom:36px;font-weight:400;
}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap}
/* slider kontrolleri */
.slider-dots{position:absolute;bottom:36px;left:8%;z-index:3;display:flex;gap:10px;align-items:center}
.slider-dots button{width:36px;height:3px;border:none;background:rgba(255,255,255,.4);cursor:pointer;border-radius:2px;padding:0;transition:.3s}
.slider-dots button.active{background:#fff;width:56px}
.slider-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  background:rgba(255,255,255,.12);backdrop-filter:blur(4px);
  color:#fff;border:1px solid rgba(255,255,255,.25);
  width:54px;height:54px;border-radius:50%;font-size:1.3rem;cursor:pointer;transition:.3s;
}
.slider-arrow:hover{background:rgba(255,255,255,.25)}
.slider-arrow.prev{left:24px}.slider-arrow.next{right:24px}

/* ===== BÖLÜM BAŞLIĞI ===== */
.bolum-baslik{max-width:680px;margin:0 auto 64px;text-align:center}
.bolum-baslik .uste{
  display:inline-block;color:var(--yesil);font-weight:700;
  letter-spacing:3px;text-transform:uppercase;font-size:.78rem;margin-bottom:14px;
}
.bolum-baslik h2{margin-bottom:16px}
.bolum-baslik p{font-size:1.05rem;max-width:540px;margin:0 auto}

/* çizgi süsleme */
.bolum-baslik .uste::before{content:'—— ';opacity:.5}
.bolum-baslik .uste::after{content:' ——';opacity:.5}

/* ===== GRID & KARTLAR ===== */
.grid{display:grid;gap:32px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}

.kart{
  background:var(--beyaz);border-radius:16px;overflow:hidden;
  border:1px solid var(--kenar);box-shadow:var(--golge);
  transition:.4s cubic-bezier(.4,0,.2,1);position:relative;
}
.kart:hover{transform:translateY(-8px);box-shadow:var(--golge2)}
.kart .resim{
  aspect-ratio:4/3;background:var(--acik) center/cover no-repeat;
  overflow:hidden;position:relative;
}
.kart .resim::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(13,31,23,.35));
  opacity:0;transition:.4s;
}
.kart:hover .resim::after{opacity:1}
.kart-icerik{padding:28px 28px 24px}
.kart-icerik h3{margin-bottom:10px;color:var(--koyu)}
.kart-icerik p{color:var(--gri);margin-bottom:18px;font-size:.95rem;line-height:1.65}
.kart-link{
  color:var(--yesil);font-weight:700;font-size:.9rem;letter-spacing:.5px;
  display:inline-flex;align-items:center;gap:6px;transition:.2s;
}
.kart-link::after{content:'→';transition:.3s}
.kart:hover .kart-link::after{transform:translateX(4px)}

/* ===== BADGE ===== */
.badge{
  position:absolute;top:18px;left:18px;z-index:2;
  background:var(--kus);color:var(--koyu);
  font-size:.75rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  padding:6px 14px;border-radius:4px;
}
.badge-yesil{background:var(--yesil);color:#fff}
.badge-koyu{background:var(--koyu);color:#fff}
.badge-mavi{background:var(--yesil);color:#fff}

/* Blog yazı içeriği */
.yazi-icerik{font-size:1.08rem;line-height:1.9;color:#33414f}
.yazi-icerik p{color:#33414f;margin-bottom:22px}
.yazi-icerik h2{font-size:1.7rem;margin:40px 0 16px;color:var(--koyu)}
.yazi-icerik h3{font-size:1.22rem;margin:30px 0 12px;color:var(--koyu)}
.yazi-icerik ul{margin:0 0 24px;padding-left:22px}
.yazi-icerik li{margin-bottom:10px;color:#33414f}
.yazi-icerik strong{color:var(--koyu)}
.yazi-icerik em{font-style:italic}
/* yazı içi bağlantılar — site genelinde a{color:inherit} olduğu için
   yazı gövdesinde ayrıca belirginleştiriliyor */
.yazi-icerik a{color:var(--yesil);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:.2s}
.yazi-icerik a:hover{color:var(--koyu);text-decoration-thickness:2px}

/* kategori badge (ürün sayfası büyük etiket) */
.kategori-etiket{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--acik);border:1px solid var(--kenar);
  color:var(--yesil);font-weight:700;font-size:.82rem;letter-spacing:1.5px;text-transform:uppercase;
  padding:8px 18px;border-radius:40px;margin-bottom:20px;
}
.kategori-etiket::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--yesil);display:block}

/* ===== GALERİ ===== */
.galeri{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.galeri-item{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4/3}
.galeri-item img{width:100%;height:100%;object-fit:cover;transition:.5s}
.galeri-item:hover img{transform:scale(1.06)}

/* ===== NEDEN BİZ ===== */
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.ikili .resim-wrap{position:relative}
.ikili .resim-wrap img{border-radius:16px;box-shadow:var(--golge2)}
.ikili .resim-wrap::before{
  content:'';position:absolute;
  width:100%;height:100%;top:20px;left:20px;
  border:2px solid var(--yesil-acik);border-radius:16px;z-index:-1;opacity:.4;
}
.ikili h2{margin-bottom:22px}
.ikili p{color:var(--gri);margin-bottom:16px;line-height:1.8}
.ozellik-liste{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 32px}
.ozellik-liste li{
  list-style:none;display:flex;align-items:center;gap:10px;
  font-size:.9rem;font-weight:600;color:var(--koyu);
}
.ozellik-liste li::before{content:'✓';color:var(--yesil);font-weight:900;font-size:1rem}

/* ===== Özellik pinli fotoğraf (etiketler + bağlantı çizgileri) ===== */
.ozellik-foto-wrap{position:relative;padding:74px 6px}
.ozellik-foto-wrap img{width:100%;display:block;filter:drop-shadow(0 22px 32px rgba(15,36,56,.28))}
.ozellik-pin{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);z-index:2}
.ozellik-pin.ust{top:0}
.ozellik-pin.alt{bottom:0}
.ozellik-pin-etiket{
  background:var(--koyu);color:#fff;white-space:nowrap;
  font-size:.72rem;font-weight:700;letter-spacing:.2px;
  padding:7px 14px;border-radius:20px;box-shadow:0 6px 16px rgba(15,36,56,.2);
}
.ozellik-pin-cizgi{position:relative;width:0;height:34px;border-left:2px dashed rgba(15,36,56,.32)}
.ozellik-pin.ust .ozellik-pin-cizgi::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:9px;height:9px;border-radius:50%;background:var(--kus);box-shadow:0 0 0 3px #fff}
.ozellik-pin.alt .ozellik-pin-cizgi::after{content:'';position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:9px;height:9px;border-radius:50%;background:var(--kus);box-shadow:0 0 0 3px #fff}
@media(max-width:900px){
  .ozellik-foto-wrap{padding:0;margin-bottom:8px}
  .ozellik-pin{display:none}
}

/* ===== STATS / SAYILAR ===== */
.stats{display:flex;justify-content:center;align-items:center;max-width:820px;margin:0 auto}
.stat{position:relative;flex:1;padding:4px 22px;text-align:center}
.stat + .stat::before{
  content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:1px;height:48px;background:var(--kenar);
}
.stat .sayi{font-family:var(--serif);font-size:2.4rem;font-weight:800;color:var(--yesil);line-height:1;margin-bottom:8px}
.stat .aciklama{font-size:.72rem;font-weight:700;color:var(--gri);letter-spacing:1.6px;text-transform:uppercase}
@media(max-width:600px){
  .stat{padding:4px 8px}
  .stat .sayi{font-size:1.6rem;margin-bottom:5px}
  .stat .aciklama{font-size:.58rem;letter-spacing:.4px;line-height:1.3}
  .stat + .stat::before{height:36px}
}

/* ===== CTA ŞERİT ===== */
.serit{background:var(--koyu);color:#fff;text-align:center;padding:72px 0;position:relative;overflow:hidden}

/* Film şeridi (kayan ürün galerisi + sabit slogan) */
.film-kapsayici{padding:8px 0 40px;background:var(--acik)}
.film-serit{position:relative;height:200px;overflow:hidden;background:var(--koyu);border-radius:20px;box-shadow:0 18px 44px rgba(15,36,56,.18)}
/* Kenarlarda 3B oyuk/derinlik — görseller karanlıktan çıkıp giriyormuş gibi */
.film-serit::after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;
  box-shadow:
    inset 70px 0 55px -34px rgba(4,10,18,.9),
    inset -70px 0 55px -34px rgba(4,10,18,.9),
    inset 0 0 0 1px rgba(255,255,255,.07);
}
.film-track{display:flex;height:100%;width:max-content;animation:filmAkis 45s linear infinite}
.film-serit:hover .film-track{animation-play-state:paused}
.film-item{flex:none;width:270px;height:100%;overflow:hidden;border-right:3px solid var(--koyu)}
.film-item img{
  width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.6);
  transition:transform .5s cubic-bezier(.4,0,.2,1),filter .5s;
}
.film-item:hover{z-index:2}
.film-item:hover img{transform:scale(1.09);filter:brightness(.85)}
@keyframes filmAkis{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Kenarlardan boşluğa erime */
.film-fade{position:absolute;top:0;bottom:0;width:100px;z-index:3;pointer-events:none}
.film-fade.sol{left:0;background:linear-gradient(90deg,var(--koyu),transparent)}
.film-fade.sag{right:0;background:linear-gradient(270deg,var(--koyu),transparent)}
.film-slogan{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4}
.film-slogan p{
  margin:0;font-family:var(--serif);font-weight:700;font-size:2.2rem;letter-spacing:.5px;
  color:rgba(255,255,255,.95);text-shadow:0 3px 22px rgba(0,0,0,.65);
}
.film-slogan em{font-style:italic;color:var(--yesil-acik)}
@media(max-width:768px){
  .film-serit{height:140px}
  .film-item{width:180px}
  .film-fade{width:80px}
  .film-slogan p{font-size:1.35rem;padding:0 24px;text-align:center}
}

/* ===== TANITIM VİDEOSU (lite embed) ===== */
.video-cerceve{
  position:relative;max-width:900px;margin:0 auto;aspect-ratio:16/9;
  border-radius:20px;overflow:hidden;cursor:pointer;background:var(--koyu);
  box-shadow:0 24px 64px rgba(15,36,56,.18);
}
.video-cerceve img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s cubic-bezier(.4,0,.2,1)}
.video-cerceve::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,36,56,.08),rgba(15,36,56,.4));pointer-events:none}
.video-cerceve:hover img{transform:scale(1.04);filter:brightness(.82)}
.video-oynat{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
  width:84px;height:84px;border-radius:50%;background:var(--yesil);color:#fff;
  display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.85);
  cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px rgba(0,0,0,.32);
}
.video-oynat svg{margin-left:4px}
.video-cerceve:hover .video-oynat{transform:translate(-50%,-50%) scale(1.08);background:var(--yesil-acik)}
.video-cerceve iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:600px){
  .video-oynat{width:60px;height:60px}
  .video-oynat svg{width:20px;height:20px}
}

.serit::before{
  content:'';position:absolute;top:-50%;left:-20%;
  width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(61,134,184,.15),transparent 70%);
  pointer-events:none;
}
.serit .container{position:relative;z-index:1}
/* Anasayfa CTA: karartılmış villa fotoğrafı üstünde (sadece index) */
.serit-foto{
  background-image:url('../img/cta-narvik.webp');
  background-size:cover;background-position:center;
  padding:130px 0;
}
.serit-foto::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,24,39,.5) 0%,rgba(11,24,39,.6) 50%,rgba(11,24,39,.88) 100%);
}
.serit-uste{
  display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:rgba(255,255,255,.6);margin-bottom:18px;position:relative;padding:0 40px;
}
.serit-uste::before,.serit-uste::after{content:'';position:absolute;top:50%;width:26px;height:1px;background:rgba(255,255,255,.3)}
.serit-uste::before{left:0}
.serit-uste::after{right:0}
.serit h2{font-size:3rem;margin-bottom:18px;font-family:var(--serif)}
.serit p{font-size:1.15rem;opacity:.8;margin-bottom:36px;max-width:520px;margin-left:auto;margin-right:auto}
.serit-cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.serit-foto h2{text-shadow:0 2px 26px rgba(0,0,0,.55)}
.serit-foto p{color:rgba(255,255,255,.9);opacity:1;text-shadow:0 1px 14px rgba(0,0,0,.5)}

/* ===== FORM ===== */
.form-kutu{
  background:var(--beyaz);border:1px solid var(--kenar);border-radius:20px;
  padding:48px;box-shadow:var(--golge2);
}
.form-satir{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-grup{margin-bottom:22px}
.form-grup label{display:block;font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--koyu);letter-spacing:.3px}
.form-grup input,.form-grup textarea{
  width:100%;padding:15px 18px;border:1.5px solid var(--kenar);border-radius:10px;
  font-size:1rem;font-family:var(--sans);background:var(--acik);color:var(--koyu);transition:.2s;
}
.form-grup input:focus,.form-grup textarea:focus{
  outline:none;border-color:var(--yesil);background:#fff;
  box-shadow:0 0 0 4px rgba(29,78,116,.08);
}
.form-grup textarea{min-height:140px;resize:vertical}
.uyari{padding:18px 22px;border-radius:10px;margin-bottom:24px;border-left:4px solid}
.uyari.ok{background:#f0fdf4;color:#166534;border-left-color:var(--yesil)}
.uyari.hata{background:#fef2f2;color:#991b1b;border-left-color:#dc2626}

/* ===== İLETİŞİM ===== */
.iletisim-bilgi{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}
.iletisim-bilgi .kutu{
  background:var(--acik);border-radius:14px;padding:32px;text-align:center;
  border:1px solid var(--kenar);transition:.3s;
}
.iletisim-bilgi .kutu:hover{box-shadow:var(--golge);transform:translateY(-2px)}
.iletisim-bilgi h4{color:var(--yesil);margin-bottom:10px;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}
.iletisim-bilgi p{color:var(--koyu);font-weight:600;font-size:1rem}

/* ===== FOOTER ===== */
.site-footer{position:relative;background:var(--koyu);color:rgba(255,255,255,.65);padding:88px 0 0}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cizgi-koyu),transparent)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:56px;padding-bottom:64px}
.site-footer h3{font-family:var(--serif);color:#fff;font-size:1.5rem;margin-bottom:16px}
.site-footer h4{position:relative;color:#fff;margin-bottom:22px;padding-bottom:13px;font-size:.88rem;letter-spacing:1.5px;text-transform:uppercase}
.site-footer h4::after{content:'';position:absolute;left:0;bottom:0;width:28px;height:2px;background:rgba(255,255,255,.3)}
.site-footer a{display:block;color:rgba(255,255,255,.85);padding:5px 0;transition:.2s;font-size:.93rem}
.site-footer a:hover{color:#fff}
.footer-sosyal{display:flex;gap:10px;margin-top:20px}
.footer-sosyal a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);transition:.2s}
.footer-sosyal a:hover{background:rgba(255,255,255,.16);color:#fff;transform:translateY(-2px)}
.footer-grid>div>p{margin-bottom:10px;font-size:.93rem}
.footer-altin{color:var(--altin-acik);font-size:.88rem;margin-top:8px;font-style:italic}

/* İletişim: ikon + metin satırları */
.footer-iletisim{display:flex;flex-direction:column;gap:16px}
.site-footer .footer-ic-satir{display:flex;align-items:flex-start;gap:12px;padding:0;color:rgba(255,255,255,.85);font-size:.9rem;line-height:1.5;transition:.2s}
.footer-ic-satir .ikon{
  flex:none;width:32px;height:32px;border-radius:9px;margin-top:1px;
  background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;
}
a.footer-ic-satir:hover{color:#fff}

/* ===== WHATSAPP FLOAT ===== */
.wa-float{
  position:fixed;right:24px;bottom:24px;z-index:200;
  display:flex;align-items:center;gap:12px;
  background:#25d366;color:#fff;
  padding:16px 24px 16px 20px;
  border-radius:50px;
  box-shadow:0 8px 32px rgba(37,211,102,.35);
  transition:.35s cubic-bezier(.4,0,.2,1);
  font-weight:700;font-size:.95rem;letter-spacing:.2px;
}
.wa-float:hover{
  transform:translateY(-3px) scale(1.03);
  box-shadow:0 14px 40px rgba(37,211,102,.45);
  background:#20ba5a;
}
.wa-float svg{flex-shrink:0}
.wa-float span{white-space:nowrap}

/* ===== HERO FAN — Yatay 3D Perspektif ===== */
.hero-fan{
  position:relative;
  background:linear-gradient(180deg,#0f2437 0%,#0a1826 100%);
  display:flex;flex-direction:column;overflow:hidden;
}
.hero-fan::before{
  content:'';position:absolute;
  width:900px;height:900px;border-radius:50%;top:-300px;left:50%;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(61,134,184,.14) 0%,transparent 70%);
  pointer-events:none;
}
/* Üst metin alanı */
.hero-fan-ust{
  position:relative;z-index:2;text-align:center;
  padding:80px 24px 56px;
}
.hero-fan-ust .etiket{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(61,134,184,.12);border:1px solid rgba(61,134,184,.25);
  color:var(--yesil-acik);font-size:.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  padding:8px 20px;border-radius:40px;margin-bottom:24px;
}
.hero-fan-ust .etiket::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--yesil-acik);display:block;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero-fan-ust h1{
  color:#fff;font-size:3.8rem;margin:0 auto 18px;
  text-shadow:0 2px 40px rgba(0,0,0,.4);line-height:1.1;
}
.hero-fan-ust p{
  color:rgba(255,255,255,.65);font-size:1.1rem;max-width:520px;margin:0 auto 32px;
}
.hero-fan-ust .cta-group{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

/* Kart sahne — perspektif kapsayıcı */
.fan-sahne{
  position:relative;z-index:2;
  width:100%;
  perspective:1100px;
  perspective-origin:50% 0%;
  padding:110px 0 0;
  overflow:hidden;
}
/* İç ray — kartları tutan şerit, tüm grup birlikte eğilir */
.fan-ray{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:24px;
  transform:rotateX(14deg) translateY(0);
  transform-style:preserve-3d;
  transform-origin:center top;
  padding:0 40px 80px;
  /* KRİTİK: kartlar eğik olduğu için iç yarıları bu konteynerin 3B düzleminin
     ARKASINA düşüyor ve tıklamayı .fan-ray yutuyordu — yan kartların yaklaşık
     170px'lik iç kısmı ("İncele" butonu dahil) hiç tıklanmıyordu.
     Konteyner imleci hiç almasın, sadece kartlar alsın. */
  pointer-events:none;
}
.fan-kart{pointer-events:auto}
/* Genel kart stili */
.fan-kart{
  width:300px;flex-shrink:0;
  background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:0 40px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06);
  transition:.4s cubic-bezier(.4,0,.2,1);
  text-decoration:none;color:inherit;display:block;
  position:relative;
}
/* sol kart */
.fan-kart:nth-child(1){
  transform:rotateY(22deg) translateX(20px) translateY(20px) scale(.95);
  opacity:.85;
}
/* orta kart — öne ve yukarı */
.fan-kart:nth-child(2){
  transform:rotateY(0deg) translateY(-28px) scale(1.04);
  z-index:4;
  box-shadow:0 60px 120px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.1);
}
/* sağ kart */
.fan-kart:nth-child(3){
  transform:rotateY(-22deg) translateX(-20px) translateY(20px) scale(.95);
  opacity:.85;
}
/* hover — KARTIN GEOMETRİSİ HİÇ DEĞİŞMEZ (transform'a dokunulmuyor).
   Neden: kartlar preserve-3d içinde ve yan kartlar eğik olduğu için iç
   yarıları orta kartın arkasında kalıyor. Hover'da kart dönerse, kayarsa
   ya da büyürse bu kesişme bölgesi değişiyor; hangi kartın önde olduğu
   kararsızlaşıyor, hover açılıp kapanıyor ve kart tıklanamıyordu
   (özellikle yatay geçişlerde ve "İncele" çevresinde).
   Transform sabit kaldığı için tıklama alanı da sabit — titreme imkânsız.
   Hareket hissi kartın kutusunu değiştirmeyen özelliklerle veriliyor:
   parlaklık, gölge, fotoğraf yakınlaşması, içerik kayması, buton rengi. */
.fan-kart:hover{
  z-index:10;opacity:1;
  box-shadow:0 80px 140px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.15);
}
/* içerik ve fotoğraf hareket eder — ikisi de kartın dış kutusunu etkilemez */
.fan-kart .fan-icerik{transition:transform .35s cubic-bezier(.4,0,.2,1)}
.fan-kart:hover .fan-icerik{transform:translateY(-6px)}
.fan-kart .fan-resim{
  aspect-ratio:16/9;background:var(--acik) center/cover no-repeat;
  position:relative;overflow:hidden;
  transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.fan-kart:hover .fan-resim{transform:scale(1.10)}
.fan-kart .fan-resim::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.5));
}
.fan-kart .fan-badge{
  position:absolute;top:14px;left:14px;z-index:2;
  background:var(--kus);color:var(--koyu);
  font-size:.72rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  padding:5px 12px;border-radius:4px;
}
.fan-kart .fan-icerik{padding:20px 22px 24px}
.fan-kart .fan-icerik h3{font-size:1.15rem;margin-bottom:6px;color:var(--koyu)}
.fan-kart .fan-icerik p{font-size:.85rem;color:var(--gri);line-height:1.55;margin-bottom:14px}
.fan-kart .fan-link{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--yesil);color:#fff;font-size:.83rem;font-weight:700;
  padding:10px 18px;border-radius:6px;transition:.2s;
}
.fan-kart:hover .fan-link{background:var(--yesil-acik)}
.fan-ipucu{display:none}

/* ===== SAYFA BANNER ===== */
.sayfa-banner{
  background:linear-gradient(180deg,#0f2437 0%,#0a1826 100%);color:#fff;
  padding:112px 0 84px;text-align:center;position:relative;overflow:hidden;
}
.sayfa-banner::before{
  content:'';position:absolute;
  width:900px;height:900px;border-radius:50%;top:-360px;left:50%;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(61,134,184,.14) 0%,transparent 70%);
  pointer-events:none;
}
.sayfa-banner .container{position:relative;z-index:1}
.sayfa-banner h1{font-size:3rem;margin-bottom:14px;font-family:var(--serif)}
.sayfa-banner p{color:rgba(255,255,255,.75);font-weight:500;font-size:1.1rem}

/* ===== ÜRÜNLER — kompakt üst şerit ===== */
.urunler-ust{
  background:var(--acik);border-bottom:1px solid var(--kenar);
  padding:36px 0 32px;
}
.urunler-ust-icerik{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.urunler-ust h1{font-size:2.1rem;font-family:var(--serif);margin-bottom:6px;color:var(--koyu)}
.urunler-ust p{font-size:1rem;color:var(--gri);max-width:520px}
.urunler-ust-etiketler{display:flex;gap:8px;flex-wrap:wrap}
.urunler-ust .kategori-etiket{margin-bottom:0}
.urunler-ust h2{font-size:2.1rem;font-family:var(--serif);margin-bottom:6px;color:var(--koyu)}
.urunler-liste{padding:44px 0 80px}

/* Kategori sekmeleri (Modeller sayfası) */
.kat-sekmeler{background:var(--acik);padding:26px 0 0}
.kat-sekmeler .container{display:flex;flex-wrap:wrap;gap:10px}
.kat-sekme{
  display:inline-flex;align-items:center;
  padding:9px 18px;border-radius:999px;
  border:1px solid var(--kenar);background:#fff;
  color:var(--gri);font-size:.88rem;font-weight:700;letter-spacing:.2px;
  text-decoration:none;transition:.25s;
}
.kat-sekme:hover{border-color:var(--yesil);color:var(--yesil)}
.kat-sekme.aktif{background:var(--yesil);border-color:var(--yesil);color:#fff}
.urun-detay-btn{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--yesil);color:#fff;
  font-size:.84rem;font-weight:700;letter-spacing:.3px;
  padding:11px 18px;border-radius:8px;white-space:nowrap;
  transition:background .25s,gap .25s;
}
.urun-kart:hover .urun-detay-btn{background:var(--yesil-acik);gap:11px}

/* ===== MOBİL ===== */
/* Menü: bu kadar öğe geniş masaüstünde tek satıra sığar; altında hamburger */
@media(max-width:1200px){
  .nav-toggle{display:flex}
  .logo-divider,.logo-slogan{display:none}
  .main-nav{
    position:absolute;top:100%;left:0;right:0;
    background:#fff;flex-direction:column;align-items:stretch;
    gap:0;border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar);
    box-shadow:var(--golge);display:none;
  }
  .main-nav.open{display:flex}
  .main-nav > a{padding:16px 28px;border-bottom:1px solid var(--kenar);white-space:normal}
  .main-nav > a::after{display:none}
  .nav-cta{margin:12px 28px 16px;text-align:center}
  .nav-dd{width:100%}
  .nav-dd-toggle{padding:16px 28px;border-bottom:1px solid var(--kenar);width:100%;justify-content:space-between}
  .nav-dd-menu{
    position:static;transform:none!important;
    box-shadow:none;border:none;border-radius:0;
    background:var(--acik);opacity:1!important;visibility:visible!important;
    display:none;padding:0;min-width:unset;
  }
  .nav-dd.open .nav-dd-menu{display:block}
  .nav-dd-menu a{padding:14px 28px 14px 44px;border-bottom:1px solid var(--kenar)}
}

@media(max-width:900px){
  h1{font-size:2.4rem}
  h2{font-size:2rem}
  section{padding:72px 0}
  .grid-3,.grid-2,.ikili,.form-satir,.iletisim-bilgi,.footer-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(3,1fr);gap:12px}
  .stat{padding:24px 10px}
  .stat .sayi{font-size:2.1rem}
  .galeri{grid-template-columns:repeat(2,1fr)}
  .urunler-ust{padding:24px 0 22px}
  .urunler-ust h1{font-size:1.7rem}
  .urunler-ust p{font-size:.92rem}
  .urunler-ust-etiketler{display:none}
  .urunler-liste{padding:28px 0 56px}
  .hero{height:auto;min-height:520px}
  .hero-content{padding-left:0}
  .hero-content h1{font-size:2.4rem}
  .hero-content p{font-size:1rem}
  .slider-arrow{display:none}
  /* fan kartlar mobilde yatay kaydırmalı (swipe) carousel */
  .fan-sahne{
    perspective:none;padding:24px 0 36px;overflow:visible;
  }
  .fan-ray{
    flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;
    transform:none;gap:16px;padding:0 18px 18px;
    overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    /* mobilde 3B yok; parmakla kaydırma çalışsın diye imleci geri al */
    pointer-events:auto;
  }
  .fan-ray::-webkit-scrollbar{display:none}
  .fan-kart,.fan-kart:nth-child(1),.fan-kart:nth-child(2),.fan-kart:nth-child(3){
    transform:none!important;opacity:1!important;
    flex:0 0 82%;width:82%;max-width:320px;
    scroll-snap-align:center;
    box-shadow:0 18px 44px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.06)!important;
  }
  /* kaydırma ipucu */
  .fan-ipucu{
    display:flex;align-items:center;justify-content:center;gap:8px;
    color:rgba(255,255,255,.55);font-size:.8rem;letter-spacing:.5px;
    padding:0 0 32px;
  }
  .hero-fan-ust h1{font-size:2.5rem}
  .ikili .resim-wrap::before{display:none}
  .ozellik-liste{grid-template-columns:1fr}
  .serit h2{font-size:2.2rem}
  .hero-cta{padding:0 24px}
  .hero-content .etiket{margin-left:24px}
  .hero-content h1{padding:0 24px}
  .hero-content p{padding:0 24px}
  .wa-float span{display:none}
  .wa-float{padding:18px}
}

/* Karar Rehberi menü vurgusu */
.main-nav .nav-rehber{color:var(--yesil);font-weight:700}
.main-nav .nav-rehber::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--kus);margin-right:6px;vertical-align:middle}

/* ===== Sıkça Sorulan Sorular (native <details>) ===== */
.sss-bolum{background:var(--acik)}
.sss-liste{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.sss{background:#fff;border:1px solid var(--kenar);border-radius:12px;overflow:hidden;transition:box-shadow .2s}
.sss[open]{box-shadow:var(--golge)}
.sss summary{list-style:none;cursor:pointer;padding:20px 24px;font-weight:700;font-size:1.05rem;color:var(--koyu);display:flex;justify-content:space-between;align-items:center;gap:16px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:'+';font-size:1.6rem;font-weight:400;color:var(--yesil-acik);line-height:1;flex-shrink:0;transition:transform .25s}
.sss[open] summary::after{transform:rotate(45deg)}
.sss summary:hover{color:var(--yesil)}
.sss-cevap{padding:0 24px 22px}
.sss-cevap p{color:var(--gri);line-height:1.7;margin:0}
.sss-cevap a{color:var(--yesil);font-weight:600;text-decoration:underline}
@media(max-width:600px){
  .sss summary{padding:16px 18px;font-size:.98rem}
  .sss-cevap{padding:0 18px 18px}
  .stats{grid-template-columns:1fr;gap:14px}
  .stat{padding:32px 20px}
  .stat .sayi{font-size:2.6rem}
}

/* ===== Karar Rehberi girişi (anasayfa) ===== */
.rehber-giris{background:#fff;color:var(--koyu);text-align:center}
.rehber-giris-ust{max-width:600px;margin:0 auto 34px}
.rehber-giris-uste{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--yesil);background:var(--acik);padding:6px 15px;border-radius:30px;margin-bottom:14px}
.rehber-giris h2{color:var(--koyu);font-size:2.1rem;margin-bottom:10px}
.rehber-giris-alt-baslik{display:block;color:var(--yesil);font-weight:700;font-size:1rem;margin-bottom:10px}
.rehber-giris-ust p{color:var(--gri);font-size:1.02rem;line-height:1.6}
.rehber-giris-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto}
.rehber-giris-kart{display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border:1px solid var(--kenar);border-radius:14px;padding:18px 20px;text-decoration:none;box-shadow:0 4px 20px rgba(15,36,56,.05);transition:.2s cubic-bezier(.4,0,.2,1)}
.rehber-giris-kart:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,36,56,.13);border-color:var(--yesil-acik)}
.rehber-giris-ikon{flex:none;width:48px;height:48px;border-radius:12px;background:var(--acik);display:grid;place-items:center;color:var(--yesil)}
.rehber-giris-metin{font-weight:700;color:var(--koyu);font-size:1rem;line-height:1.3}
.rehber-giris-metin small{display:block;font-weight:400;color:var(--gri);font-size:.83rem;margin-top:4px}
.rehber-giris-ok{margin-left:auto;color:var(--kenar);transition:.2s}
.rehber-giris-kart:hover .rehber-giris-ok{color:var(--yesil);transform:translateX(4px)}
.rehber-giris-alt{display:inline-block;margin-top:28px;color:var(--yesil);font-weight:600;font-size:.95rem;text-decoration:none;border-bottom:1px solid var(--kenar);padding-bottom:2px;transition:.2s}
.rehber-giris-alt:hover{color:var(--yesil-acik);border-color:var(--yesil-acik)}
@media(max-width:820px){
  .rehber-giris-kartlar{grid-template-columns:1fr;max-width:460px}
  .rehber-giris h2{font-size:1.8rem}
}

/* ===== Üst şerit (telefon + sosyal) ===== */
.ust-bar{background:var(--koyu);color:rgba(255,255,255,.72);border-bottom:1px solid var(--cizgi-koyu)}
.ust-bar-ic{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding-top:7px;padding-bottom:7px}
.ust-bar-tel,.ust-bar-mail{display:inline-flex;align-items:center;gap:9px;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.8);letter-spacing:.2px;transition:.2s}
.ust-bar-tel svg,.ust-bar-mail svg{color:rgba(255,255,255,.5)}
.ust-bar-tel:hover,.ust-bar-mail:hover{color:#fff}
.ust-bar-sosyal{display:flex;align-items:center;gap:16px}
.ust-bar-sosyal a{display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);transition:.2s}
.ust-bar-sosyal a svg{width:22px;height:22px}
.ust-bar-sosyal a:hover{color:#fff;transform:translateY(-1px)}
@media(max-width:768px){
  .ust-bar-mail{display:none}
}

/* ===== Premium marka şeridi (kayan yazı) ===== */
.marka-serit{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#0c1e30,#0f2438);
  border-top:1px solid var(--cizgi-koyu);
  border-bottom:1px solid var(--cizgi-koyu);
}
/* kenarlardan yumuşak erime */
.marka-serit::before,.marka-serit::after{
  content:'';position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none;
}
.marka-serit::before{left:0;background:linear-gradient(90deg,#0f2438,transparent)}
.marka-serit::after{right:0;background:linear-gradient(270deg,#0f2438,transparent)}
.marka-serit-track{display:flex;width:max-content;animation:markaAkis 42s linear infinite}
.marka-serit:hover .marka-serit-track{animation-play-state:paused}
.marka-serit-grup{display:inline-flex;align-items:center;flex:none;padding:17px 0}
.marka-serit-grup span{
  font-family:var(--serif);font-weight:500;font-size:1.05rem;font-style:italic;
  letter-spacing:1px;color:rgba(255,255,255,.9);white-space:nowrap;padding:0 30px;
}
.marka-serit-grup i{font-style:normal;font-weight:300;color:rgba(255,255,255,.28);font-size:1rem}
@keyframes markaAkis{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@media(prefers-reduced-motion:reduce){
  .marka-serit-track{animation:none}
}
@media(max-width:600px){
  .marka-serit-grup span{font-size:.92rem;padding:0 20px}
  .marka-serit-grup{padding:14px 0}
}

/* ===== İletişim haritası ===== */
.harita{filter:grayscale(.15)}
@media(max-width:600px){
  .ust-bar-tel span{font-size:.8rem}
  .harita{height:320px}
}