/* ═══════════════════════════════════════
   EDITORIAL.CSS — Auroncar Blog Styles
   Prestige.css'e ek olarak yüklenir
═══════════════════════════════════════ */

/* ── Blog Hero ── */
.blog-hero {
  position: relative;
  min-height: 90vh;
  background: linear-gradient(140deg, #050c1e 0%, #0c0620 45%, #080f1e 100%);
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-top: 80px;
}
.blog-hero-bg { position: absolute; inset: 0; }

.blog-hero-map {
  position: absolute;
  right: -4%;
  top: 50%;
  transform: translateY(-50%);
  width: 54%;
  max-width: 660px;
  opacity: .06;
  pointer-events: none;
}

.blog-hero-glow {
  position: absolute;
  width: 700px; height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(227,30,36,.14) 0%, transparent 70%);
  top: -200px; left: -200px;
  pointer-events: none;
}
.blog-hero-glow2 {
  position: absolute;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(80,30,140,.12) 0%, transparent 70%);
  bottom: -100px; right: 20%;
  pointer-events: none;
}

.blog-hero-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 4rem var(--container-pad);
}
.blog-hero-content { max-width: 720px; }

.article-cat-badge {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(227,30,36,.15);
  border: 1px solid rgba(227,30,36,.35);
  color: #ff8888;
  padding: .4rem 1.15rem;
  border-radius: 100px;
  font-size: .71rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 1.35rem;
}
.article-cat-badge-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--red);
  animation: blink 1.6s ease-in-out infinite;
}

.article-hero-title {
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 5vw, 3.7rem);
  color: #fff;
  line-height: 1.14;
  margin-bottom: 1.25rem;
  letter-spacing: -.01em;
}
.article-hero-desc {
  font-size: 1.05rem;
  color: rgba(255,255,255,.58);
  line-height: 1.82;
  margin-bottom: 2rem;
  max-width: 580px;
}

.article-meta-row {
  display: flex;
  gap: 1.75rem;
  align-items: center;
  flex-wrap: wrap;
  padding: 1.25rem 0;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.1);
  margin-bottom: 2.5rem;
}
.meta-item {
  display: flex;
  align-items: center;
  gap: .55rem;
  font-size: .79rem;
  color: rgba(255,255,255,.48);
}
.meta-item svg { color: var(--red); flex-shrink: 0; }
.meta-item strong { color: rgba(255,255,255,.82); font-weight: 500; }

.hero-stats-row { display: flex; gap: 2.5rem; flex-wrap: wrap; }
.hero-stat { display: flex; flex-direction: column; }
.hero-stat-num {
  font-family: var(--font-display);
  font-size: 2rem;
  color: #fff;
  line-height: 1;
  margin-bottom: .2rem;
}
.hero-stat-num span { color: var(--red); }
.hero-stat-label {
  font-size: .67rem;
  color: rgba(255,255,255,.38);
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* ── Breadcrumb ── */
.breadcrumb-bar {
  background: #fff;
  border-bottom: 1px solid var(--gray-200);
  padding: .8rem 0;
}
.breadcrumb-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 var(--container-pad);
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .77rem;
  color: #bbb;
  flex-wrap: wrap;
}
.breadcrumb-inner a { color: #888; text-decoration: none; transition: color .2s; }
.breadcrumb-inner a:hover { color: var(--red); }
.bc-sep { color: #ddd; }
.bc-current { color: #333; font-weight: 500; }

/* ── Article Layout ── */
.article-outer {
  max-width: 1180px;
  margin: 0 auto;
  padding: 4.5rem var(--container-pad);
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 4.5rem;
  align-items: start;
}
.article-main { min-width: 0; }

/* ── Sidebar ── */
.toc-card {
  background: #fafafd;
  border: 1px solid var(--gray-200);
  border-radius: 18px;
  padding: 1.6rem;
  position: sticky;
  top: 96px;
}
.toc-title {
  font-family: var(--font-display);
  font-size: .95rem;
  color: #1a1a2e;
  margin-bottom: 1rem;
  padding-bottom: .8rem;
  border-bottom: 2px solid var(--red);
  display: flex;
  align-items: center;
  gap: .55rem;
}
.toc-title svg { color: var(--red); }
.toc-list { list-style: none; padding: 0; margin: 0 0 1.5rem; }
.toc-list li a {
  display: flex;
  align-items: center;
  gap: .65rem;
  font-size: .79rem;
  color: #888;
  padding: .48rem .65rem;
  border-radius: 9px;
  text-decoration: none;
  transition: all .22s;
  border-left: 2px solid transparent;
  margin-bottom: 2px;
  line-height: 1.4;
}
.toc-list li a:hover,
.toc-list li a.toc-active {
  color: var(--red);
  background: rgba(227,30,36,.05);
  border-left-color: var(--red);
  padding-left: .9rem;
}
.toc-num {
  width: 18px; height: 18px; flex-shrink: 0;
  background: var(--gray-200); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: .6rem; font-weight: 700; color: #999;
  transition: background .22s, color .22s;
}
.toc-list li a.toc-active .toc-num { background: rgba(227,30,36,.15); color: var(--red); }

.sidebar-cta {
  background: linear-gradient(145deg, #0a0820, #090f22);
  border-radius: 18px;
  padding: 1.75rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-top: 1.25rem;
}
.sidebar-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 25%, rgba(227,30,36,.22) 0%, transparent 65%);
  pointer-events: none;
}
.sidebar-cta-tag {
  font-family: var(--font-script);
  font-size: 1.15rem;
  color: rgba(227,30,36,.85);
  margin-bottom: .4rem;
  position: relative;
}
.sidebar-cta h3 {
  font-family: var(--font-display);
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: .65rem;
  line-height: 1.35;
  position: relative;
}
.sidebar-cta p {
  font-size: .79rem;
  color: rgba(255,255,255,.45);
  line-height: 1.7;
  margin-bottom: 1.25rem;
  position: relative;
}

/* ── Article Sections ── */
.art-section {
  margin-bottom: 3.75rem;
  padding-bottom: 3.75rem;
  border-bottom: 1px solid var(--gray-200);
  scroll-margin-top: 100px;
}
.art-section:last-of-type { border-bottom: none; margin-bottom: 0; }

.art-h2 {
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 3vw, 1.95rem);
  color: #111827;
  margin-bottom: 1rem;
  line-height: 1.28;
}
.art-h3 {
  font-family: var(--font-display);
  font-size: 1.15rem;
  color: #1a1a2e;
  margin: 2rem 0 .8rem;
}
.art-lead {
  font-size: 1.07rem;
  line-height: 1.88;
  color: #374151;
  margin-bottom: 1.25rem;
  font-weight: 400;
}
.art-p { font-size: .95rem; line-height: 1.88; color: #555; margin-bottom: 1rem; }

/* ── Feature Cards 3-col ── */
.feature-cards-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  margin: 2rem 0;
}
.fc3-card {
  background: linear-gradient(145deg, #f8f9fd, #fff);
  border: 1px solid var(--gray-200);
  border-radius: 18px;
  padding: 1.6rem 1.3rem;
  text-align: center;
  transition: transform .32s ease, box-shadow .32s ease;
}
.fc3-card:hover { transform: translateY(-7px); box-shadow: 0 18px 44px rgba(0,0,0,.09); }
.fc3-icon {
  width: 58px; height: 58px;
  border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 1.1rem;
}
.fc3-icon.red   { background: rgba(227,30,36,.1);  color: var(--red); }
.fc3-icon.blue  { background: rgba(21,101,192,.1); color: #1565c0; }
.fc3-icon.green { background: rgba(46,125,50,.1);  color: #2e7d32; }
.fc3-title { font-family: var(--font-display); font-size: 1rem; color: #1a1a2e; margin-bottom: .45rem; }
.fc3-desc  { font-size: .83rem; color: #888; line-height: 1.68; }

/* ── Info Boxes ── */
.info-box {
  border-radius: 16px;
  padding: 1.3rem 1.6rem;
  margin: 2rem 0;
  display: flex;
  gap: 1.15rem;
  align-items: flex-start;
}
.info-box.warning   { background: rgba(255,152,0,.07);  border: 1.5px solid rgba(255,152,0,.28); }
.info-box.tip       { background: rgba(33,150,243,.06); border: 1.5px solid rgba(33,150,243,.22); }
.info-box.important { background: rgba(227,30,36,.06);  border: 1.5px solid rgba(227,30,36,.2); }

.info-box-ico {
  width: 44px; height: 44px; flex-shrink: 0;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.info-box.warning   .info-box-ico { background: rgba(255,152,0,.15);  color: #d84600; }
.info-box.tip       .info-box-ico { background: rgba(33,150,243,.12); color: #1565c0; }
.info-box.important .info-box-ico { background: rgba(227,30,36,.12);  color: var(--red); }
.info-box-body strong { display: block; font-size: .95rem; font-weight: 700; color: #1a1a2e; margin-bottom: .4rem; }
.info-box-body p { font-size: .87rem; color: #666; line-height: 1.78; margin: 0; }

/* ── Car Compare Cards ── */
.car-compare { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin: 2rem 0; }
.ccomp-card {
  border-radius: 18px;
  padding: 1.5rem 1.35rem;
  border: 2px solid transparent;
  transition: transform .32s, box-shadow .32s;
}
.ccomp-card:hover { transform: translateY(-6px); box-shadow: 0 14px 36px rgba(0,0,0,.09); }
.ccomp-card.economy { background: linear-gradient(145deg, #eff4ff, #e8f0fe); border-color: rgba(66,133,244,.2); }
.ccomp-card.suv     { background: linear-gradient(145deg, #f0faf1, #e8f5e9); border-color: rgba(46,125,50,.22); }
.ccomp-card.premium { background: linear-gradient(145deg, #fdf9ee, #fdf3e2); border-color: rgba(201,162,58,.26); }
.ccomp-label { font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; margin-bottom: .4rem; }
.ccomp-card.economy .ccomp-label { color: #3c7af5; }
.ccomp-card.suv     .ccomp-label { color: #2e7d32; }
.ccomp-card.premium .ccomp-label { color: #a07820; }
.ccomp-icon { font-size: 2.2rem; margin-bottom: .7rem; line-height: 1; }
.ccomp-name { font-family: var(--font-display); font-size: 1.05rem; color: #1a1a2e; margin-bottom: .9rem; }
.ccomp-list { list-style: none; padding: 0; margin: 0; }
.ccomp-list li {
  display: flex; align-items: flex-start; gap: .5rem;
  font-size: .83rem; color: #555; margin-bottom: .38rem; line-height: 1.55;
}
.ccomp-list li::before { content: '✓'; color: var(--red); font-weight: 700; flex-shrink: 0; margin-top: 1px; }

/* ── Destination Cards ── */
.dest-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; margin: 2.25rem 0; }
.dest-grid .dest-featured { grid-column: 1 / -1; }
.dest-card {
  border-radius: 22px;
  overflow: hidden;
  position: relative;
  min-height: 205px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: transform .38s, box-shadow .38s;
}
.dest-card:hover { transform: translateY(-6px); box-shadow: 0 20px 52px rgba(0,0,0,.2); }
.dest-featured { min-height: 270px; }

.dest-bg { position: absolute; inset: 0; transition: transform .55s ease; }
.dest-card:hover .dest-bg { transform: scale(1.05); }

.dest-card.girne      .dest-bg { background: linear-gradient(155deg, rgba(7,27,58,.6) 0%, rgba(14,53,98,.45) 55%, rgba(6,18,42,.65) 100%), url('asset/sehir/girnekalesi&limani.webp') center/cover no-repeat; }
.dest-card.gazimagusa .dest-bg { background: linear-gradient(155deg, rgba(30,15,5,.6) 0%, rgba(92,46,12,.45) 55%, rgba(19,8,2,.65) 100%), url('asset/sehir/OthelloKalesi.jpg') center/cover no-repeat; }
.dest-card.karpaz     .dest-bg { background: linear-gradient(155deg, rgba(6,30,14,.55) 0%, rgba(14,66,38,.4) 55%, rgba(3,18,8,.6) 100%), url('asset/sehir/karpaz.png') center/cover no-repeat; }
.dest-card.lefkosa    .dest-bg { background: linear-gradient(155deg, rgba(14,14,34,.55) 0%, rgba(34,34,78,.4) 55%, rgba(8,8,24,.6) 100%), url('asset/sehir/altinsaat.png') center/cover no-repeat; }
.dest-card.bafra      .dest-bg { background: linear-gradient(155deg, #041c1c 0%, #083a3a 55%, #021010 100%); }
.dest-card.turtle      .dest-bg { background: linear-gradient(155deg, #042230 0%, #0a4d68 55%, #021018 100%); }
.dest-card.buffavento   .dest-bg { background: linear-gradient(155deg, rgba(26,20,34,.55) 0%, rgba(58,42,82,.4) 55%, rgba(16,10,24,.6) 100%), url('asset/sehir/Buffavento.png') center/cover no-repeat; }
.dest-card.antiphonitis .dest-bg { background: linear-gradient(155deg, #0e1a0a 0%, #2c4a1a 55%, #081005 100%); }
.dest-card.sadrazamkoy  .dest-bg { background: linear-gradient(155deg, #061826 0%, #134a6a 55%, #03101a 100%); }
.dest-card.kantara      .dest-bg { background: linear-gradient(155deg, rgba(36,16,8,.6) 0%, rgba(106,46,16,.45) 55%, rgba(22,7,2,.65) 100%), url('asset/sehir/KantaraKalesi.jpg') center/cover no-repeat; }
.dest-card.galinoporni  .dest-bg { background: linear-gradient(155deg, #1c1606 0%, #5a4414 55%, #100c03 100%); }
.dest-card.goldenbeach  .dest-bg { background: linear-gradient(155deg, rgba(34,24,8,.6) 0%, rgba(110,78,16,.45) 55%, rgba(20,14,4,.65) 100%), url('asset/sehir/AltınKumsal.jpg') center/cover no-repeat; }
.dest-card.guzelyurt    .dest-bg { background: linear-gradient(155deg, #1e1604 0%, #5c4408 55%, #120c02 100%); }
.dest-card.ercan        .dest-bg { background: linear-gradient(155deg, rgba(6,24,36,.6) 0%, rgba(14,60,82,.45) 55%, rgba(3,16,26,.65) 100%), url('asset/sehir/ercanhavalimanı.webp') center/cover no-repeat; }
.dest-card.salamis      .dest-bg { background: linear-gradient(155deg, rgba(28,20,8,.6) 0%, rgba(84,60,16,.45) 55%, rgba(16,10,4,.65) 100%), url('asset/sehir/ncyprus-trip-tour-salamis.jpg') center/cover no-repeat; }
.dest-card.varosha      .dest-bg { background: linear-gradient(155deg, rgba(10,22,32,.6) 0%, rgba(30,58,78,.45) 55%, rgba(6,14,22,.65) 100%), url('asset/sehir/varosha.png') center/cover no-repeat; }
.dest-card.bellapais    .dest-bg { background: linear-gradient(155deg, rgba(20,28,14,.6) 0%, rgba(52,72,30,.45) 55%, rgba(10,16,8,.65) 100%), url('asset/sehir/Bellapais Manastiri 2.jpg') center/cover no-repeat; }
.dest-card.harbour      .dest-bg { background: linear-gradient(155deg, rgba(5,24,38,.6) 0%, rgba(12,62,90,.45) 55%, rgba(3,15,24,.65) 100%), url('asset/sehir/girnekalesi&limani.webp') center/cover no-repeat; }
.dest-card.vouni        .dest-bg { background: linear-gradient(155deg, rgba(26,16,6,.6) 0%, rgba(74,48,16,.45) 55%, rgba(14,8,4,.65) 100%), url('asset/sehir/VouniSarayi.jpg') center/cover no-repeat; }
.dest-card.buyukhan     .dest-bg { background: linear-gradient(155deg, rgba(30,22,8,.6) 0%, rgba(90,64,20,.45) 55%, rgba(18,12,4,.65) 100%), url('asset/sehir/buyukhan.jpg') center/cover no-repeat; }
.dest-card.selimiye     .dest-bg { background: linear-gradient(155deg, rgba(22,20,14,.6) 0%, rgba(68,58,34,.45) 55%, rgba(12,10,6,.65) 100%), url('asset/sehir/SelimiyeCamiikibris.jpg') center/cover no-repeat; }
.dest-card.dereboyu     .dest-bg { background: linear-gradient(155deg, rgba(26,14,28,.6) 0%, rgba(74,32,80,.45) 55%, rgba(16,10,18,.65) 100%), url('asset/sehir/lefkosa-dereboyu-caddesi.jpg') center/cover no-repeat; }
.dest-card.othello      .dest-bg { background: linear-gradient(155deg, rgba(20,24,28,.6) 0%, rgba(56,68,76,.45) 55%, rgba(10,12,14,.65) 100%), url('asset/sehir/OthelloKalesi.jpg') center/cover no-repeat; }
.dest-card.lalamustafa  .dest-bg { background: linear-gradient(155deg, rgba(22,18,8,.6) 0%, rgba(70,60,28,.45) 55%, rgba(12,10,4,.65) 100%), url('asset/sehir/LalaMustafapasaCamii.jpg') center/cover no-repeat; }
.dest-card.sthilarion   .dest-bg { background: linear-gradient(155deg, rgba(14,26,20,.6) 0%, rgba(36,74,52,.45) 55%, rgba(6,14,10,.65) 100%), url('asset/sehir/Kyrenia_-_Girne_Burg_St._Hilarion_2.jpg') center/cover no-repeat; }
.dest-card.karaoglanoglu .dest-bg { background: linear-gradient(155deg, #051620 0%, #0c3848 55%, #030e14 100%); }
.dest-card.apostolosandreas .dest-bg { background: linear-gradient(155deg, rgba(12,22,32,.6) 0%, rgba(30,60,80,.45) 55%, rgba(6,14,22,.65) 100%), url('asset/sehir/ApostolosAndreasManastırı.jpg') center/cover no-repeat; }
.dest-card.lefke        .dest-bg { background: linear-gradient(155deg, rgba(22,22,4,.6) 0%, rgba(74,72,16,.45) 55%, rgba(12,12,2,.65) 100%), url('asset/sehir/Lefke.webp') center/cover no-repeat; }
.dest-card.soli         .dest-bg { background: linear-gradient(155deg, rgba(24,18,6,.6) 0%, rgba(76,56,20,.45) 55%, rgba(14,10,4,.65) 100%), url('asset/sehir/SoliAntikKenti.jpg') center/cover no-repeat; }

.dest-illustration {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  opacity: .2;
  transition: opacity .38s;
}
.dest-card:hover .dest-illustration { opacity: .3; }

.dest-overlay {
  position: relative;
  z-index: 2;
  padding: 1.5rem 1.75rem;
  background: linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.18) 65%, transparent 100%);
}
.dest-badge {
  position: absolute;
  top: 1.1rem; left: 1.2rem;
  z-index: 3;
  background: rgba(255,255,255,.13);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
  font-size: .67rem; font-weight: 700;
  padding: .3rem .85rem;
  border-radius: 100px;
  text-transform: uppercase; letter-spacing: .06em;
}
.dest-name { font-family: var(--font-display); font-size: 1.25rem; color: #fff; margin-bottom: .3rem; line-height: 1.2; }
.dest-featured .dest-name { font-size: 1.55rem; }
.dest-desc { font-size: .8rem; color: rgba(255,255,255,.65); line-height: 1.58; }
.dest-pop { margin-top: .85rem; }
.dest-pop-label { font-size: .66rem; color: rgba(255,255,255,.42); margin-bottom: .3rem; text-transform: uppercase; letter-spacing: .06em; }
.dest-pop-bar { height: 3px; background: rgba(255,255,255,.14); border-radius: 10px; overflow: hidden; }
.dest-pop-fill { height: 100%; background: linear-gradient(90deg, var(--red), #ff7070); border-radius: 10px; transition: width 1.2s ease; }

/* ── Checklist ── */
.art-checklist { list-style: none; padding: 0; margin: 1.75rem 0; }
.art-checklist li {
  display: flex; align-items: flex-start; gap: 1rem;
  padding: 1rem 1.3rem;
  background: #f9f9fc;
  border-radius: 13px;
  margin-bottom: .6rem;
  font-size: .9rem; color: #444; line-height: 1.62;
  border: 1px solid var(--gray-200);
  transition: border-color .25s, background .25s;
}
.art-checklist li:hover { border-color: rgba(227,30,36,.28); background: rgba(227,30,36,.03); }
.chk-ico {
  width: 27px; height: 27px; flex-shrink: 0;
  background: rgba(227,30,36,.1); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: var(--red); margin-top: 1px;
}

/* ── Tip Cards ── */
.tip-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.1rem; margin: 1.75rem 0; }
.tip-card {
  display: flex; gap: 1rem; align-items: flex-start;
  background: #fff; border: 1px solid var(--gray-200);
  border-radius: 16px; padding: 1.25rem;
  transition: transform .3s, box-shadow .3s, border-color .3s;
}
.tip-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0,0,0,.07);
  border-color: rgba(227,30,36,.22);
}
.tip-num {
  width: 42px; height: 42px; flex-shrink: 0;
  background: linear-gradient(135deg, var(--red), #b5101c);
  color: #fff; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-size: 1rem; font-weight: 700;
}
.tip-body strong { display: block; font-size: .9rem; color: #1a1a2e; margin-bottom: .3rem; font-weight: 600; }
.tip-body p { font-size: .8rem; color: #888; line-height: 1.62; margin: 0; }

/* ── FAQ Accordion ── */
.faq-list { margin: 1.75rem 0; }
.faq-item { border: 1px solid var(--gray-200); border-radius: 14px; margin-bottom: .7rem; overflow: hidden; transition: border-color .25s; }
.faq-item.open { border-color: rgba(227,30,36,.28); }
.faq-q {
  display: flex; justify-content: space-between; align-items: center;
  padding: 1.15rem 1.45rem; cursor: pointer; user-select: none;
  font-size: .93rem; font-weight: 600; color: #1a1a2e; gap: 1rem;
  transition: background .2s;
}
.faq-q:hover { background: rgba(227,30,36,.03); }
.faq-ico {
  width: 28px; height: 28px; flex-shrink: 0;
  background: rgba(227,30,36,.08); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: var(--red); transition: transform .32s, background .32s, color .32s;
}
.faq-item.open .faq-ico { transform: rotate(45deg); background: var(--red); color: #fff; }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .4s ease; }
.faq-item.open .faq-a { max-height: 350px; }
.faq-a p { padding: 0 1.45rem 1.35rem; font-size: .87rem; color: #666; line-height: 1.82; margin: 0; }

/* ── Article CTA Box ── */
.art-cta-box {
  background: linear-gradient(140deg, #070e24, #10062c, #08141e);
  border-radius: 24px; padding: 3.25rem 2.5rem; text-align: center;
  margin: 2.5rem 0; position: relative; overflow: hidden;
}
.art-cta-box::before {
  content: '';
  position: absolute;
  width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(227,30,36,.18) 0%, transparent 68%);
  top: -250px; left: 50%; transform: translateX(-50%);
  pointer-events: none;
}
.art-cta-tag { font-family: var(--font-script); font-size: 1.35rem; color: rgba(227,30,36,.85); margin-bottom: .5rem; position: relative; }
.art-cta-title { font-family: var(--font-display); font-size: clamp(1.45rem, 3vw, 2rem); color: #fff; margin-bottom: .75rem; position: relative; }
.art-cta-sub { font-size: .9rem; color: rgba(255,255,255,.52); margin-bottom: 2rem; line-height: 1.72; position: relative; }

/* ── Share Row ── */
.art-share { display: flex; gap: .75rem; align-items: center; margin-top: 2.5rem; padding-top: 1.75rem; border-top: 1px solid var(--gray-200); flex-wrap: wrap; }
.art-share-label { font-size: .73rem; color: #bbb; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin-right: .25rem; }
.share-btn {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .5rem 1.15rem; border-radius: 100px;
  font-size: .78rem; font-weight: 600;
  text-decoration: none; border: none; cursor: pointer;
  transition: transform .2s, opacity .2s;
}
.share-btn:hover { transform: translateY(-2px); opacity: .88; }
.share-btn.wa { background: #25d366; color: #fff; }
.share-btn.tw { background: #1da1f2; color: #fff; }
.share-btn.cp { background: #f0f2f5; color: #555; }

/* ── Related Section ── */
.related-section { background: #f7f8fc; padding: 5.5rem var(--container-pad); }
.related-inner { max-width: 1180px; margin: 0 auto; }
.related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2.5rem; }

.rel-card { background: #fff; border-radius: 20px; overflow: hidden; border: 1px solid var(--gray-200); transition: transform .32s, box-shadow .32s; text-decoration: none; display: block; color: inherit; }
.rel-card:hover { transform: translateY(-7px); box-shadow: 0 18px 44px rgba(0,0,0,.1); }

.rel-img { height: 165px; position: relative; overflow: hidden; }
.rel-img-bg { position: absolute; inset: 0; transition: transform .5s; }
.rel-card:hover .rel-img-bg { transform: scale(1.07); }
.rel-card:nth-child(1) .rel-img-bg { background: linear-gradient(155deg, #0c1838 0%, #183070 55%, #080e22 100%); }
.rel-card:nth-child(2) .rel-img-bg { background: linear-gradient(155deg, #0a2010 0%, #144a20 55%, #060e08 100%); }
.rel-card:nth-child(3) .rel-img-bg { background: linear-gradient(155deg, #1a0c22 0%, #38164a 55%, #0e0814 100%); }
.rel-img-ill { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: .22; }

.rel-body { padding: 1.3rem; }
.rel-cat { font-size: .67rem; font-weight: 700; color: var(--red); text-transform: uppercase; letter-spacing: .08em; margin-bottom: .4rem; }
.rel-title { font-family: var(--font-display); font-size: .97rem; color: #1a1a2e; margin-bottom: .55rem; line-height: 1.4; }
.rel-meta { font-size: .73rem; color: #bbb; display: flex; align-items: center; gap: .5rem; }

/* ── Lang blocks ── */
.lang-block[hidden] { display: none !important; }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .article-outer { grid-template-columns: 1fr; gap: 0; }
  .article-sidebar { display: none; }
  .feature-cards-3 { grid-template-columns: repeat(2, 1fr); }
  .related-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
  .feature-cards-3 { grid-template-columns: 1fr; }
  .car-compare { grid-template-columns: 1fr; }
  .tip-cards { grid-template-columns: 1fr; }
  .dest-grid { grid-template-columns: 1fr; }
  .dest-grid .dest-featured { grid-column: 1; }
  .related-grid { grid-template-columns: 1fr; }
  .article-outer { padding: 2.5rem var(--container-pad); }
  .blog-hero { min-height: 65vh; }
  .blog-hero-map { display: none; }
}

/* ═══════════════════════════════════════
   LOCATION PAGES — Lefkoşa, Girne, Gazimağusa, İskele, Güzelyurt, Ercan
═══════════════════════════════════════ */
.loc-hero-photo {
  position: absolute; inset: 0;
  background-size: cover; background-position: center;
}
.loc-hero-photo::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(140deg, rgba(5,12,30,.86) 0%, rgba(12,6,32,.72) 45%, rgba(8,15,30,.88) 100%);
}

/* ── Delivery / pickup point cards ── */
.loc-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin: 2rem 0; }
.loc-info-card {
  background: linear-gradient(145deg, #f8f9fd, #fff);
  border: 1px solid var(--gray-200);
  border-radius: 18px;
  padding: 1.4rem 1.3rem;
  text-align: center;
}
.loc-info-num { font-family: var(--font-display); font-size: 1.6rem; color: var(--red); margin-bottom: .3rem; }
.loc-info-num span { font-size: .95rem; color: #888; font-weight: 400; }
.loc-info-label { font-size: .8rem; color: #555; font-weight: 600; }

@media (max-width: 720px) {
  .loc-info-grid { grid-template-columns: 1fr; }
}