:root{--gold:#e9a900;--ink:#171717;--muted:#666;--line:#ece8df;--cream:#faf7ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white}
.site-header{height:92px;display:flex;align-items:center;gap:28px;padding:10px 5vw;border-bottom:1px solid #eee;position:sticky;top:0;background:rgba(255,255,255,.96);z-index:20}
.brand img{width:160px;display:block}.nav{display:flex;gap:24px;margin-left:auto}.nav a,.langs{font-size:14px;color:#222;text-decoration:none}.nav a:hover{color:var(--gold)}.langs{white-space:nowrap}.langs span{color:#bbb}.menu-btn{display:none;border:0;background:none;font-size:28px}
.hero{min-height:570px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#d9d1c1}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#38404b,#9f8d6a 48%,#c7b078);opacity:.82}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,.05) 60%)}
.hero-content{position:relative;z-index:2;color:white;padding:0 7vw 65px;max-width:1050px}.hero h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,76px);line-height:.98;margin:8px 0 16px}.hero p{font-size:18px;line-height:1.5}.hero strong{display:inline-block;margin-top:12px;border:1px solid rgba(255,255,255,.7);padding:10px 15px;border-radius:99px}
.eyebrow{font-size:12px!important;letter-spacing:.18em;font-weight:bold;color:var(--gold);text-transform:uppercase}
.quick{display:grid;grid-template-columns:repeat(5,1fr);max-width:1050px;margin:-25px auto 0;position:relative;z-index:3;background:white;border-radius:16px;box-shadow:0 12px 35px #00000012;padding:22px}
.quick div{text-align:center;border-right:1px solid var(--line)}.quick div:last-child{border:0}.quick b{display:block;font-size:22px;color:var(--gold)}.quick span{font-size:13px;color:var(--muted)}
.section{max-width:1120px;margin:0 auto;padding:80px 30px}.section h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);margin:8px 0 25px}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.intro p{line-height:1.75;color:#555}.route-card{background:var(--cream);border-radius:20px;padding:34px}.route-card h3{margin-top:0}.route-card p{font-weight:bold;color:#333}
.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:grid;grid-template-columns:110px 1fr;padding:22px 4px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary b{color:var(--gold)}details p{padding:0 0 24px 110px;max-width:900px;line-height:1.7;color:#555}
.gallery{background:#fff}.gallery-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);overflow-x:auto;gap:14px;padding-bottom:10px;scroll-snap-type:x mandatory}.gallery-row div{height:260px;border-radius:16px;background:linear-gradient(135deg,#c7b078,#5d6570);display:flex;align-items:flex-end;padding:20px;color:white;font-family:Georgia,serif;font-size:22px;scroll-snap-align:start}
.request{max-width:none;background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-left:max(30px,calc((100vw - 1060px)/2));padding-right:max(30px,calc((100vw - 1060px)/2))}
form{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea{width:100%;padding:15px;border:1px solid #ddd;border-radius:8px;font:inherit;background:white}textarea,form button{grid-column:1/-1}button[type=submit]{padding:16px;border:0;border-radius:8px;background:var(--gold);font-weight:bold;cursor:pointer}.hp{position:absolute;left:-9999px}
footer{padding:42px 5vw;text-align:center;border-top:1px solid #eee;color:#777}footer img{width:135px}
@media(max-width:900px){.site-header{height:76px}.brand img{width:135px}.menu-btn{display:block;margin-left:auto}.nav,.langs{display:none}.site-header.open{flex-wrap:wrap;height:auto}.site-header.open .nav{display:flex;width:100%;flex-direction:column;gap:0}.site-header.open .nav a{padding:12px 0;border-top:1px solid #eee}.site-header.open .langs{display:block;padding:12px 0}.hero{min-height:520px}.hero-content{padding:0 24px 42px}.quick{margin:-18px 16px 0;overflow-x:auto;grid-template-columns:repeat(5,115px);padding:16px}.intro,.request{grid-template-columns:1fr;gap:25px}.section{padding:58px 22px}summary{grid-template-columns:80px 1fr}details p{padding-left:80px}form{grid-template-columns:1fr}textarea,form button{grid-column:auto}}

/* v2: replace image files with approved destination photographs */
.hero-bg{background-image:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.08)),url('images/kapadokya-kapak.jpg');background-size:cover;background-position:center;opacity:1}
.route-card{padding:0;overflow:hidden}.route-graphic{display:block;width:100%;height:auto}.photo-card{position:relative;overflow:hidden}.gallery-row .photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gallery-row .photo-card span{position:relative;z-index:1;text-shadow:0 1px 8px #000;padding:0}.gallery-row .photo-card:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0008)}
/* Büyük rota haritası */
.intro{
  grid-template-columns:1fr;
}

.route-card{
  width:100%;
  max-width:1050px;
  margin:25px auto 0;
  padding:0;
  background:transparent;
  border-radius:18px;
  overflow:hidden;
}

.route-card .route-graphic{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
}/* Akdamar ana kapak fotoğrafı */
.hero-bg{
  background-image:url("images/kapadokya-kapak.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:1;
}/* Kapadokya kapak kadrajı */
.hero-bg{
  background-size:cover;
  background-position:center 65%;
}/* Günlük program metinleri */
.accordion details p{
  font-size:16px;
  line-height:1.75;
  color:#444;
  margin:8px 0 20px 100px;
  max-width:850px;
}

@media(max-width:900px){
  .accordion details p{
    margin:8px 0 20px 0;
    font-size:15px;
    line-height:1.7;
  }
}

/* Galeri büyütme - Lightbox */
.lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.88);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
  padding:30px;
}

.lightbox.active{
  display:flex;
}

.lightbox-image{
  max-width:90vw;
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:10px;
  box-shadow:0 10px 40px rgba(0,0,0,.5);
}

.lightbox-close,
.lightbox-prev,
.lightbox-next{
  position:absolute;
  border:0;
  background:rgba(0,0,0,.35);
  color:#fff;
  cursor:pointer;
  z-index:10000;
}

.lightbox-close{
  top:20px;
  right:25px;
  font-size:42px;
  width:55px;
  height:55px;
  border-radius:50%;
}

.lightbox-prev,
.lightbox-next{
  top:50%;
  transform:translateY(-50%);
  font-size:46px;
  width:60px;
  height:80px;
  border-radius:10px;
}

.lightbox-prev{left:25px;}
.lightbox-next{right:25px;}

@media(max-width:700px){
  .lightbox{padding:12px;}
  .lightbox-image{max-width:96vw;max-height:82vh;}
  .lightbox-prev{left:5px;}
  .lightbox-next{right:5px;}
}

/* Program putovanja şehir başlıkları */
.accordion summary{
  font-weight:700;
}

/* Galeri kartlarını büyüt */
.gallery-row .photo-card{
  min-width:320px;
  height:360px;
}

/* Galeri kartları arasındaki boşluk */
.gallery-row{
  gap:16px;
}
/* Galeri kaydırma çubuğu - Iskra rengi */
.gallery-row::-webkit-scrollbar{
  height:8px;
}

.gallery-row::-webkit-scrollbar-track{
  background:#eee;
  border-radius:10px;
}

.gallery-row::-webkit-scrollbar-thumb{
  background:#d5a500;
  border-radius:10px;
}

.gallery-row{
  scrollbar-color:#d5a500 #eee;
  scrollbar-width:thin;
}

/* Iskra logo */
.site-header > img {
    width: 250px !important;
    height: auto !important;
    max-width: 250px !important;
    object-fit: contain !important;
    display: block !important;
}
.nav a{
  font-weight:800 !important;
  font-size:15px !important;
}

#onama,
#kontakt {
    min-height: 100vh !important;
    scroll-margin-top: 110px;
}

/* ANA SAYFA - NASE TURE KAYAN SERIT */
#ture .cards{
    display:flex !important;
    gap:20px !important;
    overflow-x:auto !important;
    scroll-behavior:smooth;
    padding:10px 0 20px;
    scroll-snap-type:x mandatory;
}

#ture .card{
    flex:0 0 320px !important;
    height:360px !important;
    min-height:360px !important;
    position:relative;
    overflow:hidden;
    border-radius:18px;
    scroll-snap-align:start;
}

#ture .card img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

#ture .card span{
    position:absolute;
    left:20px;
    bottom:20px;
    color:white;
    font-size:22px;
    font-weight:700;
    text-shadow:0 2px 12px #000;
}