/* =========================================================
   VIP TRAVEL 1688 — ALT SAYFA TASARIM SİSTEMİ
   Ana sayfadaki renk / tipografi / boşluk ölçüleriyle birebir.
   Ana sayfa (index.php) bu dosyadaki hiçbir kuraldan etkilenmez;
   tüm sınıflar alt sayfalara özel yeni isimlerdir.
   ========================================================= */

:root{
  --pg-gold:#a47a28;
  --pg-gold-line:#b68a32;
  --pg-gold-soft:#d0ad5e;
  --pg-ink:#111;
  --pg-ink-soft:#676767;
  --pg-body:#222;
  --pg-bg:#fff;
  --pg-bg-alt:#f7f6f2;
  --pg-bg-tint:#faf8f4;
  --pg-line:#e8e2d8;
  --pg-line-soft:#ece6dc;
  --pg-dark:#0f0f0f;
}

/* ---------------------------------------------------------
   1. SAYFA HERO + BREADCRUMB
--------------------------------------------------------- */
.page-hero{
  position:relative;
  min-height:330px;
  display:flex;
  align-items:flex-end;
  background-image:var(--page-hero-bg);
  background-size:cover;
  background-position:center;
  border-bottom:1px solid var(--pg-line);
}

.page-hero__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(10,10,10,.32) 0%,rgba(10,10,10,.62) 55%,rgba(10,10,10,.82) 100%);
}

.page-hero__inner{
  position:relative;
  z-index:2;
  padding:62px 0 34px;
}

.page-hero__eyebrow{
  display:inline-block;
  margin-bottom:14px;
  padding:7px 14px;
  border:1px solid rgba(208,173,94,.55);
  color:var(--pg-gold-soft);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.16em;
}

.page-hero h1{
  margin:0;
  max-width:900px;
  color:#fff;
  font-size:42px;
  line-height:1.16;
  font-weight:700;
  letter-spacing:-.022em;
}

.page-hero p{
  margin:16px 0 0;
  max-width:720px;
  color:rgba(255,255,255,.82);
  font-size:16px;
  line-height:1.72;
}

.breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.16);
  font-size:12px;
  letter-spacing:.02em;
}

.breadcrumb a{color:rgba(255,255,255,.72);transition:color .18s ease}
.breadcrumb a:hover{color:var(--pg-gold-soft)}
.breadcrumb i{color:rgba(255,255,255,.34);font-style:normal}
.breadcrumb span[aria-current]{color:var(--pg-gold-soft);font-weight:600}

/* ---------------------------------------------------------
   2. BÖLÜM KABUĞU + BAŞLIKLAR
--------------------------------------------------------- */
.pg{
  background:var(--pg-bg);
  border-bottom:1px solid var(--pg-line);
  padding:68px 0 64px;
}

.pg--alt{background:var(--pg-bg-alt);border-bottom-color:#e7e0d4}
.pg--tint{background:var(--pg-bg-tint)}
.pg--tight{padding:52px 0 48px}
.pg--flush{border-bottom:0}

.pg__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.86fr);
  gap:56px;
  align-items:end;
  margin-bottom:38px;
}

.pg__head--center{
  grid-template-columns:1fr;
  justify-items:center;
  text-align:center;
  max-width:760px;
  margin-inline:auto;
  gap:0;
}

.pg__head--solo{grid-template-columns:1fr;gap:14px;align-items:start}

.pg__eyebrow{
  display:inline-block;
  margin-bottom:14px;
  color:var(--pg-gold);
  font-size:11px;
  font-weight:600;
  letter-spacing:.14em;
}

.pg__title{
  margin:0;
  max-width:640px;
  color:var(--pg-ink);
  font-size:34px;
  line-height:1.22;
  font-weight:700;
  letter-spacing:-.02em;
}

.pg__title--sm{font-size:27px}

.pg__lead{
  margin:0;
  max-width:640px;
  color:var(--pg-ink-soft);
  font-size:15px;
  line-height:1.82;
}

.pg__head--center .pg__title,
.pg__head--center .pg__lead{max-width:100%}
.pg__head--center .pg__lead{margin-top:16px}

/* ---------------------------------------------------------
   3. ZENGİN METİN (kurumsal / yasal sayfalar)
--------------------------------------------------------- */
.pg-prose{max-width:820px;color:var(--pg-ink-soft);font-size:15px;line-height:1.86}
.pg-prose > *:first-child{margin-top:0}
.pg-prose p{margin:0 0 16px}
.pg-prose strong{color:var(--pg-body)}
.pg-prose .lead{color:var(--pg-body);font-size:17px;line-height:1.72;font-weight:500;margin-bottom:18px}

.pg-prose h2{
  margin:34px 0 14px;
  color:var(--pg-ink);
  font-size:23px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:-.015em;
}

.pg-prose h3{
  margin:26px 0 10px;
  color:var(--pg-ink);
  font-size:17px;
  line-height:1.4;
  font-weight:700;
}

.pg-prose ul,.pg-prose ol{margin:0 0 18px;padding-left:0;list-style:none}
.pg-prose ol{counter-reset:pgol}

.pg-prose ul li{position:relative;padding-left:24px;margin-bottom:10px}
.pg-prose ul li:before{
  content:"";
  position:absolute;
  left:2px;top:10px;
  width:7px;height:7px;
  border:1px solid var(--pg-gold-line);
}

.pg-prose ol li{position:relative;padding-left:30px;margin-bottom:10px;counter-increment:pgol}
.pg-prose ol li:before{
  content:counter(pgol,decimal-leading-zero);
  position:absolute;left:0;top:0;
  color:var(--pg-gold);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
}

.pg-prose blockquote{
  margin:24px 0;
  padding:20px 24px;
  background:var(--pg-bg-tint);
  border-left:2px solid var(--pg-gold-line);
  color:var(--pg-body);
  font-size:16px;
  line-height:1.74;
}

/* ---------------------------------------------------------
   4. IZGARALAR
--------------------------------------------------------- */
.pg-grid{display:grid;gap:24px}
.pg-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ---------------------------------------------------------
   5. NUMARALI BİLGİ KARTI  (hizmet / avantaj listeleri)
--------------------------------------------------------- */
.info-card{
  position:relative;
  padding:30px 28px 28px;
  background:#fff;
  border:1px solid var(--pg-line);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.info-card:before{
  content:"";
  position:absolute;
  left:0;top:0;
  width:0;height:2px;
  background:var(--pg-gold-line);
  transition:width .24s ease;
}

.info-card:hover{
  border-color:#ded3c2;
  box-shadow:0 16px 34px rgba(0,0,0,.055);
  transform:translateY(-2px);
}

.info-card:hover:before{width:56px}

.info-card__index{
  display:block;
  margin-bottom:16px;
  color:var(--pg-gold);
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
}

.info-card__icon{
  width:44px;height:44px;
  margin-bottom:18px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--pg-line);
  color:var(--pg-gold);
}

.info-card__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.info-card h3{
  margin:0 0 10px;
  color:var(--pg-ink);
  font-size:17px;
  line-height:1.36;
  font-weight:700;
}

.info-card p{margin:0;color:var(--pg-ink-soft);font-size:14px;line-height:1.78}

.info-card__link{
  display:inline-flex;align-items:center;gap:9px;
  margin-top:16px;
  color:var(--pg-ink);
  font-size:13px;
  font-weight:600;
}
.info-card__link span{color:var(--pg-gold);font-size:15px;transition:transform .18s ease}
.info-card__link:hover span{transform:translateX(4px)}

/* ---------------------------------------------------------
   6. GÖRSEL + METİN İKİLİSİ
--------------------------------------------------------- */
.pg-split{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:70px;
  align-items:center;
}

.pg-split--flip .pg-split__media{order:2}
.pg-split--top{align-items:start}

.pg-split__media{position:relative}

.pg-split__image{
  height:440px;
  background-image:var(--split-bg);
  background-size:cover;
  background-position:center;
}

.pg-split__badge{
  position:absolute;
  right:-24px;bottom:-24px;
  min-width:210px;
  padding:20px 22px;
  background:var(--pg-dark);
  color:#fff;
}

.pg-split__badge small{
  display:block;
  margin-bottom:7px;
  color:var(--pg-gold-soft);
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
}

.pg-split__badge strong{display:block;font-size:16px;font-weight:700;line-height:1.35}
.pg-split__badge span{display:block;margin-top:6px;color:rgba(255,255,255,.6);font-size:12.5px;line-height:1.6}

/* ---------------------------------------------------------
   7. İSTATİSTİK ŞERİDİ
--------------------------------------------------------- */
.stat-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid var(--pg-line);
  background:#fff;
}

.stat-row__item{padding:28px 26px;border-right:1px solid var(--pg-line)}
.stat-row__item:last-child{border-right:0}
.stat-row__item strong{display:block;color:var(--pg-ink);font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1}
.stat-row__item strong i{color:var(--pg-gold);font-style:normal}
.stat-row__item span{display:block;margin-top:10px;color:var(--pg-ink-soft);font-size:13px;line-height:1.6}

/* ---------------------------------------------------------
   8. ETİKET LİSTESİ
--------------------------------------------------------- */
.chip-list{display:flex;flex-wrap:wrap;gap:10px}
.chip-list span,.chip-list a{
  display:inline-flex;align-items:center;
  padding:9px 15px;
  border:1px solid var(--pg-line);
  background:#fff;
  color:var(--pg-body);
  font-size:12.5px;
  font-weight:500;
}
.chip-list a:hover{border-color:var(--pg-gold-line);color:var(--pg-gold)}
.chip-list--gold span{border-color:rgba(182,138,50,.4);color:var(--pg-gold);background:var(--pg-bg-tint)}

/* ---------------------------------------------------------
   9. SSS AKORDİYON
--------------------------------------------------------- */
.faq{max-width:900px}
.faq__item{border:1px solid var(--pg-line);background:#fff;margin-bottom:12px}
.faq__item.is-open{border-color:#ded3c2;box-shadow:0 14px 30px rgba(0,0,0,.05)}

.faq__trigger{
  width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:20px 24px;
  background:none;border:0;
  color:var(--pg-ink);
  font-size:15.5px;font-weight:600;text-align:left;
  cursor:pointer;
}

.faq__trigger:hover{color:var(--pg-gold)}

.faq__sign{
  flex:0 0 auto;
  width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--pg-line);
  color:var(--pg-gold);
  font-size:15px;line-height:1;
  transition:transform .22s ease, background .22s ease, color .22s ease;
}

.faq__item.is-open .faq__sign{transform:rotate(45deg);background:var(--pg-gold-line);border-color:var(--pg-gold-line);color:#fff}

.faq__panel{display:none;padding:0 24px 22px}
.faq__item.is-open .faq__panel{display:block}
.faq__panel p{margin:0;color:var(--pg-ink-soft);font-size:14.5px;line-height:1.82}

/* ---------------------------------------------------------
   10. TUR KARTI (karusel dışı, ızgara için)
--------------------------------------------------------- */
.tour-item{
  display:flex;flex-direction:column;
  background:#fff;
  border:1px solid var(--pg-line);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.tour-item:hover{border-color:#ded3c2;box-shadow:0 18px 38px rgba(0,0,0,.07);transform:translateY(-3px)}

.tour-item__media{position:relative;display:block;height:222px;overflow:hidden}
.tour-item__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.tour-item:hover .tour-item__media img{transform:scale(1.05)}

.tour-item__label{
  position:absolute;left:14px;top:14px;
  padding:6px 12px;
  background:rgba(15,15,15,.82);
  color:var(--pg-gold-soft);
  font-size:10px;font-weight:700;letter-spacing:.14em;
}

.tour-item__price{
  position:absolute;right:14px;bottom:14px;
  padding:8px 13px;
  background:#fff;
  color:var(--pg-ink);
  font-size:13px;font-weight:700;
}
.tour-item__price small{display:block;color:var(--pg-gold);font-size:9.5px;font-weight:600;letter-spacing:.12em;margin-bottom:3px}

.tour-item__body{display:flex;flex-direction:column;flex:1;gap:14px;padding:22px 22px 20px}
.tour-item__meta{color:var(--pg-gold);font-size:11px;font-weight:600;letter-spacing:.1em}
.tour-item__body h3{margin:8px 0 0;color:var(--pg-ink);font-size:18px;line-height:1.34;font-weight:700}
.tour-item__body p{margin:8px 0 0;color:var(--pg-ink-soft);font-size:14px;line-height:1.75}

.tour-item__facts{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:14px;border-top:1px solid var(--pg-line-soft)}
.tour-item__facts span{display:inline-flex;align-items:center;gap:6px;color:var(--pg-ink-soft);font-size:12px}
.tour-item__facts b{color:var(--pg-gold);font-weight:700}

.tour-item__link{display:inline-flex;align-items:center;gap:9px;color:var(--pg-ink);font-size:13px;font-weight:600}
.tour-item__link span{color:var(--pg-gold);font-size:15px;transition:transform .18s ease}
.tour-item:hover .tour-item__link span{transform:translateX(4px)}

/* ---------------------------------------------------------
   11. ARAÇ (FİLO) KARTI
--------------------------------------------------------- */
.fleet-item{background:#fff;border:1px solid var(--pg-line);display:flex;flex-direction:column}
.fleet-item__media{height:250px;background:var(--pg-bg-tint)}
.fleet-item__media img{width:100%;height:100%;object-fit:cover}
.fleet-item__body{padding:24px 24px 22px;display:flex;flex-direction:column;flex:1}
.fleet-item__tag{color:var(--pg-gold);font-size:10.5px;font-weight:700;letter-spacing:.14em}
.fleet-item__body h3{margin:12px 0 8px;color:var(--pg-ink);font-size:19px;font-weight:700;line-height:1.3}
.fleet-item__body p{margin:0 0 18px;color:var(--pg-ink-soft);font-size:14px;line-height:1.76}

.fleet-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:auto;background:var(--pg-line)}
.fleet-specs div{background:#fff;padding:13px 14px}
.fleet-specs small{display:block;color:#8d8d8d;font-size:10.5px;letter-spacing:.08em;margin-bottom:5px}
.fleet-specs strong{color:var(--pg-ink);font-size:13.5px;font-weight:700}

/* ---------------------------------------------------------
   12. FİYAT TABLOSU
--------------------------------------------------------- */
.price-table__wrap{overflow-x:auto;border:1px solid var(--pg-line);background:#fff}
.price-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px}
.price-table thead th{
  padding:15px 18px;
  background:var(--pg-dark);
  color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.12em;text-align:left;
  white-space:nowrap;
}
.price-table thead th:not(:first-child){text-align:center}
.price-table tbody td{padding:14px 18px;border-bottom:1px solid var(--pg-line-soft);color:var(--pg-body)}
.price-table tbody td:not(:first-child){text-align:center;font-weight:600}
.price-table tbody tr:last-child td{border-bottom:0}
.price-table tbody tr:nth-child(even){background:var(--pg-bg-tint)}
.price-table tbody tr:hover{background:#f4efe6}
.price-table .price-table__route{font-weight:600;color:var(--pg-ink)}
.price-table .price-table__amount{color:var(--pg-gold);font-weight:700}
.price-note{margin:16px 0 0;color:var(--pg-ink-soft);font-size:13px;line-height:1.75}

/* ---------------------------------------------------------
   13. BLOG KARTI
--------------------------------------------------------- */
.blog-item{background:#fff;border:1px solid var(--pg-line);display:flex;flex-direction:column;transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease}
.blog-item:hover{border-color:#ded3c2;box-shadow:0 18px 38px rgba(0,0,0,.06);transform:translateY(-3px)}
.blog-item__media{display:block;height:210px;overflow:hidden}
.blog-item__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-item:hover .blog-item__media img{transform:scale(1.05)}
.blog-item__body{padding:22px;display:flex;flex-direction:column;flex:1}
.blog-item__meta{display:flex;gap:14px;color:var(--pg-gold);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:12px}
.blog-item__meta span:not(:first-child){color:#9a9a9a;font-weight:500;letter-spacing:0}
.blog-item__body h3{margin:0 0 10px;color:var(--pg-ink);font-size:17.5px;line-height:1.38;font-weight:700}
.blog-item__body p{margin:0 0 18px;color:var(--pg-ink-soft);font-size:14px;line-height:1.76}
.blog-item__link{margin-top:auto;display:inline-flex;align-items:center;gap:9px;color:var(--pg-ink);font-size:13px;font-weight:600}
.blog-item__link span{color:var(--pg-gold);font-size:15px;transition:transform .18s ease}
.blog-item:hover .blog-item__link span{transform:translateX(4px)}
/* ---------------------------------------------------------
   14. UYARI / BİLGİ KUTUSU
   (Form stilleri kaldırıldı: iletişim tamamen WhatsApp üzerinden.)
--------------------------------------------------------- */
.form-note{
  margin:16px 0 0;
  padding:13px 15px;
  background:var(--pg-bg-tint);
  border-left:2px solid var(--pg-gold-line);
  color:var(--pg-ink-soft);
  font-size:12.5px;
  line-height:1.7;
}
/* ---------------------------------------------------------
   15. BUTONLAR
--------------------------------------------------------- */
.pg-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:50px;padding:0 30px;
  border:1px solid var(--pg-gold-line);
  background:var(--pg-gold-line);
  color:#fff;
  font-size:13.5px;font-weight:600;letter-spacing:.03em;
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, color .18s ease;
}
.pg-btn:hover{background:#9a7326;border-color:#9a7326}
.pg-btn--ghost{background:transparent;color:var(--pg-ink)}
.pg-btn--ghost:hover{background:var(--pg-ink);border-color:var(--pg-ink);color:#fff}
.pg-btn--dark{background:var(--pg-dark);border-color:var(--pg-dark)}
.pg-btn--dark:hover{background:var(--pg-gold-line);border-color:var(--pg-gold-line)}
.pg-btn--light{background:#fff;border-color:#fff;color:var(--pg-ink)}
.pg-btn--light:hover{background:var(--pg-gold-line);border-color:var(--pg-gold-line);color:#fff}
.pg-btn--wide{width:100%}
.pg-btn--wa{background:#1faa54;border-color:#1faa54}
.pg-btn--wa:hover{background:#188f46;border-color:#188f46}
.pg-btn svg{width:17px;height:17px;fill:currentColor}

.pg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* ---------------------------------------------------------
   16. KOYU CTA ŞERİDİ
--------------------------------------------------------- */
.cta-band{
  position:relative;
  background:var(--pg-dark);
  background-image:var(--cta-bg);
  background-size:cover;background-position:center;
  padding:58px 0;
}
.cta-band:before{content:"";position:absolute;inset:0;background:rgba(10,10,10,.86)}
.cta-band .container{position:relative;z-index:2}
.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:44px;flex-wrap:wrap}
.cta-band small{display:block;margin-bottom:12px;color:var(--pg-gold-soft);font-size:10.5px;font-weight:700;letter-spacing:.16em}
.cta-band h2{margin:0;max-width:640px;color:#fff;font-size:29px;line-height:1.28;font-weight:700;letter-spacing:-.018em}
.cta-band p{margin:12px 0 0;max-width:560px;color:rgba(255,255,255,.66);font-size:14.5px;line-height:1.74}
.cta-band__actions{display:flex;flex-wrap:wrap;gap:12px}

/* ---------------------------------------------------------
   17. YAN PANEL (detay sayfaları)
--------------------------------------------------------- */
.pg-layout{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:56px;align-items:start}

.side-card{background:#fff;border:1px solid var(--pg-line);padding:26px 26px 24px;margin-bottom:20px}
.side-card--dark{background:var(--pg-dark);border-color:#232323}
.side-card__title{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--pg-line-soft);color:var(--pg-ink);font-size:15px;font-weight:700}
.side-card--dark .side-card__title{color:#fff;border-bottom-color:#242424}
.side-card__title:before{content:"";width:16px;height:2px;background:var(--pg-gold-line)}

.side-list{list-style:none;margin:0;padding:0}
.side-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--pg-line-soft);font-size:13.5px}
.side-list li:last-child{border-bottom:0}
.side-list span{color:var(--pg-ink-soft)}
.side-list strong{color:var(--pg-ink);font-weight:600;text-align:right}
.side-card--dark .side-list li{border-bottom-color:#212121}
.side-card--dark .side-list span{color:rgba(255,255,255,.55)}
.side-card--dark .side-list strong{color:#fff}

.side-nav{display:flex;flex-direction:column}
.side-nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--pg-line-soft);color:var(--pg-body);font-size:13.5px;font-weight:500;transition:color .18s ease,padding-left .18s ease}
.side-nav a:last-child{border-bottom:0}
.side-nav a:after{content:"→";color:var(--pg-gold);opacity:0;transition:opacity .18s ease}
.side-nav a:hover{color:var(--pg-gold);padding-left:5px}
.side-nav a:hover:after{opacity:1}
.side-nav a.is-active{color:var(--pg-gold);font-weight:700}

.side-cta{position:relative;padding:30px 26px;background:var(--pg-dark);color:#fff;text-align:center}
.side-cta small{display:block;margin-bottom:10px;color:var(--pg-gold-soft);font-size:10.5px;font-weight:700;letter-spacing:.15em}
.side-cta strong{display:block;font-size:19px;font-weight:700;line-height:1.35}
.side-cta p{margin:10px 0 20px;color:rgba(255,255,255,.6);font-size:13px;line-height:1.7}
.side-cta .pg-btn{width:100%}
.side-cta__phone{display:block;margin-top:14px;color:var(--pg-gold-soft);font-size:17px;font-weight:700}

/* ---------------------------------------------------------
   18. TUR PROGRAMI ZAMAN ÇİZELGESİ
--------------------------------------------------------- */
.timeline{position:relative;padding-left:32px}
.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:1px;background:var(--pg-line)}
.timeline__item{position:relative;padding-bottom:26px}
.timeline__item:last-child{padding-bottom:0}
.timeline__item:before{content:"";position:absolute;left:-28px;top:6px;width:9px;height:9px;background:#fff;border:1px solid var(--pg-gold-line)}
.timeline__item.is-key:before{background:var(--pg-gold-line)}
.timeline__time{display:block;margin-bottom:6px;color:var(--pg-gold);font-size:11.5px;font-weight:700;letter-spacing:.1em}
.timeline__item h4{margin:0 0 6px;color:var(--pg-ink);font-size:15.5px;font-weight:700;line-height:1.4}
.timeline__item p{margin:0;color:var(--pg-ink-soft);font-size:14px;line-height:1.78}

/* ---------------------------------------------------------
   19. DAHİL / DAHİL DEĞİL LİSTESİ
--------------------------------------------------------- */
.incl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.incl__box{padding:24px;background:#fff;border:1px solid var(--pg-line)}
.incl__box h4{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:var(--pg-ink);font-size:14.5px;font-weight:700}
.incl__box ul{list-style:none;margin:0;padding:0}
.incl__box li{position:relative;padding-left:24px;margin-bottom:9px;color:var(--pg-ink-soft);font-size:14px;line-height:1.7}
.incl__box li:last-child{margin-bottom:0}
.incl__box li:before{position:absolute;left:0;top:0;font-size:13px;font-weight:700}
.incl__box--yes li:before{content:"✓";color:#1faa54}
.incl__box--no li:before{content:"×";color:#c0392b;font-size:15px}

/* ---------------------------------------------------------
   20. İLETİŞİM KARTLARI + HARİTA
--------------------------------------------------------- */
.contact-card{padding:30px 28px;background:#fff;border:1px solid var(--pg-line);text-align:center}
.contact-card__icon{width:52px;height:52px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border:1px solid var(--pg-line);color:var(--pg-gold)}
.contact-card__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.contact-card h3{margin:0 0 10px;color:var(--pg-ink);font-size:15.5px;font-weight:700}
.contact-card a,.contact-card p{margin:0;color:var(--pg-ink-soft);font-size:14px;line-height:1.75;display:block}
.contact-card a:hover{color:var(--pg-gold)}
.contact-card strong{display:block;margin-top:4px;color:var(--pg-ink);font-size:15px;font-weight:700}

.map-frame{border:1px solid var(--pg-line);background:var(--pg-bg-tint);line-height:0}
.map-frame iframe{width:100%;height:420px;border:0;display:block;filter:grayscale(.35) contrast(1.02)}

/* ---------------------------------------------------------
   21. BLOG DETAY
--------------------------------------------------------- */
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--pg-line)}
.article-meta span{display:inline-flex;align-items:center;gap:7px;color:var(--pg-ink-soft);font-size:12.5px}
.article-meta b{color:var(--pg-gold);font-weight:700;letter-spacing:.06em;font-size:11px}
.article-figure{margin:28px 0}
.article-figure img{width:100%;height:auto;display:block}
.article-figure figcaption{margin-top:10px;color:#9a9a9a;font-size:12.5px;line-height:1.6}
.article-share{display:flex;align-items:center;gap:12px;margin-top:34px;padding-top:22px;border-top:1px solid var(--pg-line)}
.article-share strong{color:var(--pg-ink);font-size:13px;font-weight:700}
.article-share a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--pg-line);color:var(--pg-ink-soft);transition:.18s}
.article-share a:hover{border-color:var(--pg-gold-line);color:var(--pg-gold)}
.article-share svg{width:15px;height:15px;fill:currentColor}

/* ---------------------------------------------------------
   22. YARDIMCILAR
--------------------------------------------------------- */
.pg-mt-0{margin-top:0}
.pg-mt-24{margin-top:24px}
.pg-mt-32{margin-top:32px}
.pg-mt-40{margin-top:40px}
.pg-center{text-align:center}

/* ---------------------------------------------------------
   23. RESPONSIVE
--------------------------------------------------------- */
@media(max-width:1280px){
  .pg-layout{grid-template-columns:minmax(0,1fr) 330px;gap:40px}
  .pg-split{gap:48px}
  .page-hero h1{font-size:38px}
}

@media(max-width:1080px){
  .pg-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-row__item:nth-child(2n){border-right:0}
  .stat-row__item:nth-child(-n+2){border-bottom:1px solid var(--pg-line)}
  .pg-layout{grid-template-columns:1fr;gap:44px}
  .pg-split{grid-template-columns:1fr;gap:34px}
  .pg-split--flip .pg-split__media{order:0}
  .pg-split__image{height:340px}
  .pg-split__badge{right:16px;bottom:-18px}
}

@media(max-width:900px){
  .pg{padding:52px 0 48px}
  .pg__head{grid-template-columns:1fr;gap:18px;align-items:start;margin-bottom:30px}
  .pg-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-hero{min-height:270px}
  .page-hero h1{font-size:31px}
  .page-hero__inner{padding:44px 0 26px}
  .pg__title{font-size:28px}
  .cta-band__inner{flex-direction:column;align-items:flex-start;gap:26px}
  .cta-band h2{font-size:25px}
  .incl{grid-template-columns:1fr}
}

@media(max-width:680px){
  .pg{padding:42px 0 40px}
  .pg-grid--2,.pg-grid--3,.pg-grid--4{grid-template-columns:1fr}
  .stat-row{grid-template-columns:1fr}
  .stat-row__item{border-right:0;border-bottom:1px solid var(--pg-line)}
  .stat-row__item:last-child{border-bottom:0}
  .page-hero h1{font-size:26px}
  .page-hero p{font-size:14.5px}
  .pg__title{font-size:24px}
  .pg-prose h2{font-size:20px}
  .pg-split__image{height:250px}
  .pg-split__badge{position:static;margin-top:16px;width:100%}
  .map-frame iframe{height:320px}
  .pg-btn{width:100%}
  .article-meta{gap:12px}
}

/* ---------------------------------------------------------
   24. WHATSAPP HIZLI BAŞLAT KARTLARI
   Form yerine: hizmet seç → WhatsApp hazır mesajla açılır.
--------------------------------------------------------- */
.wa-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px 22px;
  background:#fff;
  border:1px solid var(--pg-line);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.wa-card:hover{
  border-color:#1faa54;
  box-shadow:0 16px 34px rgba(31,170,84,.12);
  transform:translateY(-2px);
}

.wa-card__icon{
  flex:0 0 auto;
  width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  background:#1faa54;
  color:#fff;
}
.wa-card__icon svg{width:20px;height:20px;fill:currentColor}

.wa-card__copy{flex:1;min-width:0}
.wa-card__copy strong{display:block;color:var(--pg-ink);font-size:15px;font-weight:700;line-height:1.35}
.wa-card__copy small{display:block;margin-top:5px;color:var(--pg-ink-soft);font-size:12.5px;line-height:1.6}

.wa-card__go{
  flex:0 0 auto;
  color:var(--pg-gold);
  font-size:17px;
  transition:transform .18s ease;
}
.wa-card:hover .wa-card__go{transform:translateX(4px);color:#1faa54}

/* Büyük tek adımlı WhatsApp bloğu */
.wa-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:36px;
  padding:34px 36px;
  background:var(--pg-dark);
  color:#fff;
}
.wa-panel small{display:block;margin-bottom:11px;color:var(--pg-gold-soft);font-size:10.5px;font-weight:700;letter-spacing:.15em}
.wa-panel strong{display:block;font-size:22px;font-weight:700;line-height:1.3}
.wa-panel p{margin:11px 0 0;max-width:560px;color:rgba(255,255,255,.62);font-size:14px;line-height:1.72}
.wa-panel__actions{display:flex;flex-direction:column;gap:10px;min-width:250px}
.wa-panel__phone{display:block;text-align:center;color:var(--pg-gold-soft);font-size:17px;font-weight:700}

@media(max-width:900px){
  .wa-panel{grid-template-columns:1fr;gap:24px;padding:26px 22px}
  .wa-panel strong{font-size:19px}
  .wa-panel__actions{min-width:0}
}

/* ---------------------------------------------------------
   14. PANEL EKLERİ
   Yönetim panelinden gelen yeni bileşenler için;
   mevcut kuralların hiçbiri değiştirilmemiştir.
--------------------------------------------------------- */

/* Yeni sosyal medya ikonları (X, TikTok, LinkedIn) */
.social-link--x svg,
.social-link--tiktok svg{fill:currentColor!important;stroke:none!important}
.social-link--linkedin svg{fill:none!important;stroke:currentColor!important;stroke-width:1.6!important}
.site-footer__socials a svg{fill:currentColor}
.site-footer__socials a[aria-label="LinkedIn"] svg{fill:none;stroke:currentColor;stroke-width:1.6}

/* Etkin filtre / sayfa etiketi */
.chip-list a.is-active{
  background:var(--pg-dark);
  border-color:var(--pg-dark);
  color:#fff;
}

/* İletişim formu */
.pg-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px 18px;
  margin-top:24px;
}
.pg-form__field{display:flex;flex-direction:column;gap:7px}
.pg-form__field--wide{grid-column:1/-1}
.pg-form label{
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.04em;
  color:#3d3d3d;
}
.pg-form input,
.pg-form textarea,
.pg-form select{
  width:100%;
  padding:13px 14px;
  font:inherit;
  font-size:14px;
  color:var(--pg-ink);
  background:var(--pg-bg-tint);
  border:1px solid var(--pg-line);
  outline:0;
  transition:.15s;
}
.pg-form textarea{min-height:130px;resize:vertical;line-height:1.7}
.pg-form input:focus,
.pg-form textarea:focus,
.pg-form select:focus{
  border-color:var(--pg-gold-line);
  background:#fff;
  box-shadow:0 0 0 3px rgba(182,138,50,.12);
}
.pg-form__consent{
  grid-column:1/-1;
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:12.5px;
  color:var(--pg-ink-soft);
  line-height:1.6;
}
.pg-form__consent input{width:16px;height:16px;flex:0 0 16px;margin-top:2px;padding:0}
.pg-form__consent a{color:var(--pg-gold);text-decoration:underline}
.pg-form__actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.pg-form__msg{
  grid-column:1/-1;
  padding:13px 16px;
  font-size:13.5px;
  border-left:3px solid var(--pg-gold-line);
  background:var(--pg-bg-tint);
}
.pg-form__msg--ok{border-color:#3f8f4f;background:#f3f8f3;color:#2c6236}
.pg-form__msg--err{border-color:#c0392b;background:#fdf3f3;color:#8c2c22}

@media(max-width:720px){
  .pg-form{grid-template-columns:1fr}
}