/* ============================================================
   EFSANEVİ GEZİ REHBERİ — V56 SUPREME CSS
   V53 tabanı + V54 CLS & Performans düzeltmeleri:
   ─ font-display: swap (CLS azaltma)
   ─ Galeri img'lere width/height desteği (CLS sıfır)
   ─ Video container'a poster desteği (CLS sıfır)
   ─ Lightbox counter & a11y iyileştirmeleri
   ─ print stili genişletme
   ─ Geri kalan HER ŞEY V53 ile BİREBİR AYNI
   ============================================================ */

/* ─────────────────────────────────────────
   0. RESET & TEMEL DEĞİŞKENLER
───────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; }
body { margin: 0; padding: 0; overflow-x: hidden; }

:root {
    /* Renkler */
    --gz-orange:      var(--gbc-turuncu);
    --gz-orange-lt:   var(--gbc-turuncu);
    --gz-orange-pale: var(--gbc-marka-zemin);
    --gz-dark:        #1a1a1a;
    --gz-text:        #383838;
    --gz-text-light:  #666;
    --gz-bg:          #fdfdfd;
    --gz-border:      #e8e8e8;
    --gz-border-lt:   #f0f0f0;

    /* Köşeler */
    --gz-radius:    14px;
    --gz-radius-sm:  8px;
    --gz-radius-xs:  6px;

    /* Gölgeler */
    --gz-shadow-sm: 0 2px 8px  rgba(0,0,0,.05);
    --gz-shadow:    0 4px 16px rgba(0,0,0,.07);
    --gz-shadow-md: 0 8px 28px rgba(0,0,0,.11);
    --gz-shadow-lg: 0 16px 48px rgba(0,0,0,.13);

    /* Geçiş */
    --gz-ease: 0.24s ease;

    /* Okunabilirlik */
    --gz-read: 70ch;

    /* Spinner inline SVG */
    --gz-spinner: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 50 50"><path fill="%23e65100" d="M25,5A20.14,20.14,0,0,1,45,22.88a2.51,2.51,0,0,0,2.49,2.26h0A2.52,2.52,0,0,0,50,22.33a25.14,25.14,0,0,0-50,0,2.52,2.52,0,0,0,2.5,2.81h0A2.51,2.51,0,0,0,5,22.88,20.14,20.14,0,0,1,25,5Z"><animateTransform attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.8s" repeatCount="indefinite"/></path></svg>');
}

/* V54: font-display swap — CLS azaltma */
/* Eğer Google Fonts veya özel font kullanılıyorsa */
@font-face {
    font-family: inherit;
    font-display: swap;
    src: local('Segoe UI');
}

/* ─────────────────────────────────────────
   1. REKLAM YUVASI (CLS = 0)
───────────────────────────────────────── */
/* v57: .gz-ad-slot-top:empty silindi — şablonda böyle bir eleman yok,
   üstelik virgülle .gz-full-wrapper kuralına yapışmıştı. */

/* ─────────────────────────────────────────
   2. ANA SARICI
───────────────────────────────────────── */
.gz-full-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 28px auto;
    padding: 0 20px;
    font-family: inherit;
    color: var(--gz-text);
}
.gz-full-wrapper *,
.gz-full-wrapper *::before,
.gz-full-wrapper *::after {
    max-width: 100%;
    box-sizing: border-box;
}

/* Yardımcılar */


.gz-section-block { margin-bottom: 32px; }

/* ─────────────────────────────────────────
   3. IZGARA SİSTEMİ
───────────────────────────────────────── */
.gz-top-grid {
    display: grid;
    grid-template-columns: 2.3fr 1fr;
    gap: 28px;
    align-items: start;
    margin-bottom: 28px;
}




.gz-top-grid > ins.adsbygoogle,
.gz-grid-2   > ins.adsbygoogle{
    grid-column: 1 / -1;
    width: 100% !important;
    display: block !important;
}

/* ─────────────────────────────────────────
   4. VİDEO CONTAINER — V54: poster desteği
───────────────────────────────────────── */
.gz-video-container {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #111;
    border-radius: var(--gz-radius);
    overflow: hidden;
    margin-bottom: 16px;
    box-shadow: var(--gz-shadow-md);
    background-image: var(--gz-spinner);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px 36px;
    /* V54: CLS — sabit min-height fallback */
    min-height: 200px;
}
.gz-video-container > * {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    object-fit: cover !important;
    background: transparent;
}

/* ─────────────────────────────────────────
   5. HARİTA CONTAINER
───────────────────────────────────────── */
.gz-map-container {
    position: relative;
    width: 100%;
    height: 360px;
    border-radius: var(--gz-radius);
    overflow: hidden;
    box-shadow: var(--gz-shadow-md);
    border: 2px solid var(--gz-border-lt);
    margin-bottom: 20px;
    background: #f5f5f5 var(--gz-spinner) no-repeat center / 36px 36px;
}
.gz-map-container iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    margin: 0 !important;
    background: transparent;
}

/* Sidebar haritası */



/* ─────────────────────────────────────────
   6. SİDEBAR
───────────────────────────────────────── */
.gz-sidebar-column  { position: relative; }
.gz-sticky-wrapper  {
    position: sticky;
    top: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    z-index: 10;
}
.gz-sidebar-card {
    background: #fff;
    border: 1px solid var(--gz-border);
    border-radius: var(--gz-radius);
    overflow: hidden;
    box-shadow: var(--gz-shadow);
    transition: box-shadow var(--gz-ease);
}
.gz-sidebar-card:hover { box-shadow: var(--gz-shadow-md); }



/* ─────────────────────────────────────────
   7. SIDEBAR BİLGİ SATIRI
───────────────────────────────────────── */
.gz-list-row {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 6px;
    border-bottom: 1px solid var(--gz-border-lt);
    padding: 9px 0;
    font-size: 13px;
    line-height: 1.5;
    align-items: baseline;
}
.gz-list-row:last-child { border-bottom: none; }

.gz-lbl-col {
    display: flex;
    align-items: baseline;
    font-weight: 700;
    color: #555;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .4px;
    white-space: nowrap;
}
.gz-lbl-sep { margin: 0 2px; opacity: .35; }

.gz-val-col {
    color: var(--gz-text);
    font-weight: 500;
    word-break: break-word;
    font-size: 13px;
    line-height: 1.55;
    text-align: left;
}

.gz-val-col a,
.gz-val-col a:link,
.gz-val-col a:visited,
.gz-val-col span a,
.gz-val-col p a {
    color: var(--gz-orange) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: inline !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal !important;
    vertical-align: baseline !important;
}
.gz-val-col a:hover {
    text-decoration: underline !important;
    text-underline-offset: 2px;
    background: none !important;
}

/* Canlı gösterge */
.gz-live-weather { display: inline-flex; align-items: center; gap: 5px; }
.gz-live-blink {
    animation: gz-blink 1.5s infinite;
    color: var(--gz-orange);
    font-size: 8px;
}
@keyframes gz-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

/* ─────────────────────────────────────────
   8. KART & KUTU
───────────────────────────────────────── */
.gz-content-box {
    background: #fff;
    border: 1px solid var(--gz-border);
    border-radius: var(--gz-radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    box-shadow: var(--gz-shadow-sm);
    min-height: 80px;
    height: 100%;
    transition: box-shadow var(--gz-ease), transform var(--gz-ease);
}
.gz-content-box:hover {
    box-shadow: var(--gz-shadow-md);
    transform: translateY(-2px);
}

.gz-box-body {
    padding: 22px 24px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.gz-no-pad { padding: 0 !important; }

/* Başlık şeritleri */
.gz-card-title {
    background: linear-gradient(135deg, var(--gz-orange) 0%, var(--gbc-turuncu-metin) 100%);
    color: #fff;
    padding: 11px 16px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.gz-box-header {
    padding: 14px 22px;
    color: #fff;
}
.header-orange {
    background: linear-gradient(135deg, var(--gz-orange) 0%, var(--gbc-turuncu-metin) 100%);
}
.header-green  { background: var(--gbc-onay); }


.gz-box-header h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}


/* ─────────────────────────────────────────
   9. BUTON — shimmer efekti
───────────────────────────────────────── */
.gz-btn-wrap {
    padding-bottom: 4px;
    padding-top: 0;
    border-top: none;
    border-bottom: 1px dashed var(--gz-border-lt);
    text-align: center;
    /* v62: order:-1 idi. Eski düzende butonu yukarı çekmek için konmuştu;
       yeni düzende bölümün EN ÜSTÜNE fırlatıyordu — içerikten önce buton
       görünüyordu. DOM sırası artık geçerli. */
    order: 0;
    margin-bottom: 16px;
}
.gz-oval-btn {
    display: inline-block;
    width: 100%;
    /* v62: degrade + parlama efekti kalktı, mockup düz renk kullanıyor. */
    background: var(--gbc-turuncu-metin);
    color: #fff;
    padding: 13px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14.5px;
    transition: transform var(--gz-ease), box-shadow var(--gz-ease), filter var(--gz-ease);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    border: none;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    letter-spacing: .4px;
    position: relative;
    overflow: hidden;
}
.gz-oval-btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.25) 50%, transparent 60%);
    transform: translateX(-100%);
    transition: transform .5s ease;
}
.gz-oval-btn:hover::after { transform: translateX(100%); }
.gz-oval-btn:hover,
.gz-oval-btn:focus-visible {
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(191,54,12,.35);
    color: #fff;
    outline: none;
}

/* ─────────────────────────────────────────
   10. ULAŞIM KARTI
───────────────────────────────────────── */
.gz-trans-main-list  { display: flex; flex-direction: column; }
.gz-trans-main-item  {
    display: flex;
    align-items: flex-start;
    padding: 18px 22px;
    border-bottom: 1px solid var(--gz-border-lt);
    transition: background var(--gz-ease);
    gap: 0;
}
.gz-trans-main-item:last-child { border-bottom: none; }
.gz-trans-main-item:hover      { background: #fafafa; }

.gz-trans-left-icon {
    width: 72px;
    min-width: 72px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--gz-orange-pale);
    border-radius: var(--gz-radius-sm);
    padding: 10px 5px;
    margin-right: 18px;
    border: 1px dashed var(--gbc-cerceve-sicak);
    flex-shrink: 0;
    transition: background var(--gz-ease);
}
.gz-trans-main-item:hover .gz-trans-left-icon { background: var(--gbc-cerceve-sicak); }

.gz-ti-text {
    font-size: 10px;
    font-weight: 700;
    color: var(--gz-orange);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .3px;
}
.gz-trans-right-content {
    flex-grow: 1;
    font-size: 14.5px;
    color: #444;
    line-height: 1.7;
}
.gz-trans-right-content p { margin: 0 0 8px; }
.gz-trans-right-content p:last-child { margin: 0; }

/* ─────────────────────────────────────────
   11. TAG PILLS
───────────────────────────────────────── */
.gz-inner-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 14px;
    align-items: center;
}
.gz-inner-tags b {
    background: #f5f5f5;
    color: #555;
    border: 1px solid #e2e2e2;
    padding: 4px 11px;
    border-radius: var(--gz-radius-xs);
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    line-height: 1.3;
    font-style: normal;
    text-transform: none;
    transition: background var(--gz-ease), border-color var(--gz-ease);
}
.gz-inner-tags b:hover {
    background: var(--gz-orange-pale);
    border-color: var(--gbc-cerceve-sicak);
}

/* ─────────────────────────────────────────
   12. MİNİ KART / İPUCU
───────────────────────────────────────── */
.gz-mini-card-box {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: var(--gz-radius-sm);
    font-size: 14.5px;
    line-height: 1.65;
    border-left: 4px solid transparent;
}
.gz-mini-head {
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 7px;
    display: block;
}


.gz-tip-bg  { background: var(--gbc-uyari-zemin); border-color: var(--gbc-uyari-cerceve); color: var(--gbc-uyari); }
.gz-tip-bg  .gz-mini-head { color: var(--gbc-uyari); }
.gz-chef-bg { background: var(--gbc-marka-zemin); border-color: var(--gbc-cerceve-sicak); color: #383838; }
.gz-chef-bg .gz-mini-head { color: var(--gbc-turuncu-metin); }

/* ─────────────────────────────────────────
   13. METİN ALANLARI
───────────────────────────────────────── */
.gz-h1 {
    font-size: 27px !important;
    font-weight: 800 !important;
    color: var(--gz-dark) !important;
    margin: 12px 0 8px !important;
    line-height: 1.25 !important;
    letter-spacing: -.3px;
}
.gz-intro-text {
    font-size: 15.5px;
    line-height: 1.75;
    color: #555;
    margin-bottom: 20px;
    max-width: var(--gz-read);
}

.gz-text-area,
/* gbc-ux-ui kural 3: govde 18px altina inmez, mobilde 16px taban.
   Olculdu: kart metinleri masaustunde 15px, 480px altinda 14.5px idi.
   Bolumun kendisi 17px; kart icine girince metin kuculuyordu ve
   "yoruyor" hissinin asil sebebi buydu. 17px / mobil 16px. */
.gz-text-area,
.gz-dictionary-content { font-size: 17px !important; line-height: 1.75 !important; }

.gz-text-area h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--gz-orange);
    margin: 20px 0 8px;
}
.gz-text-area ul,
.gz-text-area ol { padding-left: 22px; margin-bottom: 12px; }
.gz-text-area li  { margin-bottom: 5px; }

/* V54: Text area içindeki img'lere CLS koruması */
.gz-text-area img,
.gz-dictionary-content img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: var(--gz-radius-sm);
}




/* ─────────────────────────────────────────
   14. MEVSIM / SEZON
───────────────────────────────────────── */






/* ─────────────────────────────────────────
   15. ROTA KARTI (oval)
───────────────────────────────────────── */




/* ─────────────────────────────────────────
   16. INSTAGRAM EMBED
───────────────────────────────────────── */
.gz-insta-sidebar { border: none !important; overflow: hidden; }
.gz-insta-sidebar .inst-grad {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #fff;
}
.gz-insta-embed-wrap {
    padding: 10px;
    background: #fff;
    display: flex;
    justify-content: center;
    min-height: 180px;
    align-items: center;
}
.gz-insta-embed-wrap iframe {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: var(--gz-radius-sm);
    margin: 0 !important;
    display: block;
}

/* ─────────────────────────────────────────
   17. FOTOĞRAF GALERİSİ — V54: width/height desteği
───────────────────────────────────────── */
.gz-gallery-section {
    background: #fff;
    border: 1px solid var(--gz-border);
    border-radius: var(--gz-radius);
    padding: 40px;
    box-shadow: var(--gz-shadow);
    margin-bottom: 28px;
    margin-top: 8px;
    width: 100%;
}
.gz-gallery-title {
    font-size: 18px;
    font-weight: 800;
    color: var(--gz-orange);
    margin: 0 0 25px;
    text-transform: uppercase;
    letter-spacing: .4px;
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 15px;
}

.gz-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
}

.gz-gallery-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    aspect-ratio: 1 / 1;
    background: #f0f0f0;
    background-image: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: gz-skeleton 1.4s ease infinite;
}
.gz-gallery-item:has(img[src]) {
    background-image: none;
    animation: none;
}
.gz-gallery-item:focus-visible {
    outline: 3px solid var(--gz-orange);
    outline-offset: 2px;
}

@keyframes gz-skeleton {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.gz-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    display: block;
    /* V54: CLS — aspect-ratio container zaten var, img taşmasın */
    aspect-ratio: 1 / 1;
}
.gz-gallery-item:hover img { transform: scale(1.05); }

.gz-gallery-item::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    transition: background 0.28s ease;
    pointer-events: none;
}
.gz-gallery-item:hover::after { background: rgba(0,0,0,.18); }

/* v57: .gz-lightbox-trigger silindi — hiçbir şablon/ACF içeriği bu sınıfı basmıyor. */

/* ─────────────────────────────────────────
   18. LİGHTBOX — V54: counter + a11y
───────────────────────────────────────── */
.gz-lightbox-overlay {
    display: none;
    position: fixed;
    z-index: 999999;
    padding: 20px;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,.9);
    align-items: center;
    justify-content: center;
    overscroll-behavior: contain;
}

.gz-lightbox-content {
    max-width: 90%;
    max-height: 85vh;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,.5);
    object-fit: contain;
    animation: gz-lb-fadein 0.3s ease;
    display: block;
}
@keyframes gz-lb-fadein {
    from { opacity: 0; transform: scale(0.95); }
    to   { opacity: 1; transform: scale(1); }
}

.gz-lightbox-close {
    position: absolute;
    top: 20px; right: 30px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: color .3s, transform .3s;
    user-select: none;
    line-height: 1;
}
.gz-lightbox-close:hover {
    color: var(--gz-orange);
    transform: rotate(90deg);
}
/* V54: a11y focus */
.gz-lightbox-close:focus-visible,
.gz-lightbox-prev:focus-visible,
.gz-lightbox-next:focus-visible {
    outline: 2px solid var(--gz-orange);
    outline-offset: 4px;
}

.gz-lightbox-prev,
.gz-lightbox-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 16px;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    transition: background .3s ease;
    user-select: none;
    background-color: rgba(0,0,0,.3);
    border-radius: 5px;
    line-height: 1;
}
.gz-lightbox-prev { left: 20px; }
.gz-lightbox-next { right: 20px; }
.gz-lightbox-prev:hover,
.gz-lightbox-next:hover { background-color: var(--gz-orange); }

/* ─────────────────────────────────────────
   19. SSS / FAQ
───────────────────────────────────────── */
.gz-faq-list {
    counter-reset: faq-counter;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.gz-faq-item {
    border: 1px solid var(--gz-border-lt);
    border-radius: var(--gz-radius-sm);
    overflow: hidden;
    background: #fff;
    transition: box-shadow var(--gz-ease);
}
.gz-faq-item[open] {
    box-shadow: 0 4px 16px rgba(230,81,0,.1);
    border-color: var(--gbc-cerceve-sicak);
}
.gz-faq-item summary {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 15px 18px;
    cursor: pointer;
    font-weight: 600;
    color: var(--gz-dark);
    transition: background var(--gz-ease);
    gap: 0;
    font-size: 14.5px;
}
.gz-faq-item summary::-webkit-details-marker { display: none; }
.gz-faq-item summary:hover         { background: #fafafa; }
.gz-faq-item[open] summary         { background: var(--gz-orange-pale); color: var(--gz-orange); }





.gz-faq-q          { flex-grow: 1; }
.gz-faq-icon       {
    font-size: 20px;
    font-weight: 300;
    color: #ccc;
    margin-left: 10px;
    transition: transform 0.22s ease, color 0.22s ease;
    flex-shrink: 0;
}
.gz-faq-item[open] .gz-faq-icon { transform: rotate(45deg); color: var(--gz-orange); }

.gz-faq-ans {
    padding: 0 18px 18px 54px;
    color: #555;
    font-size: 14.5px;
    line-height: 1.75;
}
.gz-faq-item[open] .gz-faq-ans {
    border-top: 1px solid rgba(230,81,0,.1);
    padding-top: 14px;
}

/* ─────────────────────────────────────────
   20. YER KARTI
───────────────────────────────────────── */
.gz-places-wrapper {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 14px;
    counter-reset: gz-place-counter;
}
.gz-place-card {
    position: relative;
    background: #fff;
    border: 1px solid var(--gz-border);
    border-radius: var(--gz-radius);
    padding: 24px 24px 24px 74px;
    box-shadow: var(--gz-shadow-sm);
    display: flex;
    flex-direction: column;
    counter-increment: gz-place-counter;
    transition: box-shadow var(--gz-ease), transform var(--gz-ease);
}
.gz-place-card:hover {
    box-shadow: var(--gz-shadow-md);
    transform: translateY(-2px);
}
.gz-place-card .gz-num-badge {
    position: absolute;
    top: 24px;
    left: 18px;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--gz-orange-lt), var(--gz-orange));
    border-radius: 10px 10px 14px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 800;
    font-size: 17px;
    box-shadow: 2px 3px 8px rgba(230,81,0,.3);
}
/* Rozet renk temalari (2026-09-05). Varsayilan turuncu; bolumun konusuna gore
   degisir. Hepsi beyaz metinle kontrast >= 4.5:1. */
.gz-place-card .gz-num-badge.gz-mavi{
    background: var(--gbc-bilgi) !important;
    box-shadow: 2px 3px 8px rgba(15,92,107,.3) !important;
}
.gz-place-card .gz-num-badge.gz-yesil{
    background: var(--gbc-onay) !important;
    box-shadow: 2px 3px 8px rgba(4,120,87,.3) !important;
}
.gz-place-card .gz-num-badge.gz-kirmizi{
    background: var(--gbc-turuncu-metin) !important;
    box-shadow: 2px 3px 8px rgba(191,54,12,.3) !important;
}
/* Grup basligi ayni temayi izler: KOYLAR mavi, YEME ICME kirmizi vb. */
.gz-plan-baslik.gz-mavi{ border-left-color: var(--gbc-bilgi) !important; }
.gz-plan-baslik.gz-mavi .gz-plan-no{ background: var(--gbc-bilgi) !important; }
.gz-plan-baslik.gz-yesil{ border-left-color: var(--gbc-onay) !important; }
.gz-plan-baslik.gz-yesil .gz-plan-no{ background: var(--gbc-onay) !important; }
.gz-plan-baslik.gz-kirmizi{ border-left-color: var(--gbc-turuncu-metin) !important; }
.gz-plan-baslik.gz-kirmizi .gz-plan-no{ background: var(--gbc-turuncu-metin) !important; }
.gz-plan-baslik.gz-mavi{ background: linear-gradient(90deg, #EFF7FD 0%, #FAFDFF 62%, #fff 100%) !important; }
.gz-plan-baslik.gz-yesil{ background: linear-gradient(90deg, #F0F7F1 0%, #FAFEFB 62%, #fff 100%) !important; }
.gz-plan-baslik.gz-kirmizi{ background: linear-gradient(90deg, #FEF2F2 0%, #FFFAFA 62%, #fff 100%) !important; }
.gz-place-card .gz-num-badge:empty::before { content: counter(gz-place-counter); }
/* GBC 2026-09-06: durak adi artik h3 (22607'de etiket cevriliyor). Tema h3
   varsayilanlari devreye girmesin ve 23855'teki "div.gz-inner-title" kurali
   h3'e uymadigi icin olculen degerler burada etiketli secicide tekrarlaniyor:
   olcum oncesi 20px / 800 / 0 0 10px / 1.3, sonrasi ayni. */
.entry-content .gz-place-card h3.gz-inner-title {
    font-size: 20px !important; font-weight: 800 !important; color: #000 !important;
    margin: 0 0 10px !important; line-height: 1.3 !important;
}
.gz-place-card .gz-inner-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #222 !important;
    margin: 0 0 10px !important;
    line-height: 1.3 !important;
}

/* ─────────────────────────────────────────
   21. PERFORMANS: EKRAN DIŞI DEFER
───────────────────────────────────────── */
.gz-section-block {
    content-visibility: auto;
    contain-intrinsic-size: 0 420px;
}
.gz-top-grid {
    content-visibility: visible;
    contain-intrinsic-size: none;
}

/* ─────────────────────────────────────────
   22. MOBİL (≤ 992px)
───────────────────────────────────────── */
@media (max-width: 992px) {

    .gz-full-wrapper {
        padding: 0;
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

    .gz-top-grid { grid-template-columns: 100%; gap: 0; margin-bottom: 0; }

    /* ── MOBİL SIRA (v2 · 26 Ağu 2026) ──────────────────────────────────
       ÖLÇÜLDÜ: eskiden .gz-sidebar-column{order:2} yüzünden "Hızlı Bilgiler"
       (vize, para, saat, priz) 13.583 kelimelik makalenin ALTINDA kalıyordu.
       Seyahat aramalarının çoğu telefonda; insanın ilk aradığı bilgi en sondaydı.

       ÇÖZÜM: iki sütunu da display:contents ile çözüyoruz. Kartlar
       .gz-top-grid'in doğrudan çocuğu oluyor ve tek tek sıralanabiliyor.

       SIRA (v58 · niyete göre): video → H1 → İÇİNDEKİLER → tek cümle cevap →
                  Hızlı Bilgiler → İdeal Zaman → silo pill'leri → Ulaşım →
                  18 bölüm → harita → Instagram

       NEDEN İÇİNDEKİLER BAŞLIĞIN TAM ALTINDA: kutu mobilde KAPALI açılır,
       yani tek satır yer kaplıyor. Kullanıcı daha başlıkta sayfanın
       haritasını görüyor; 13.583 kelimelik tek kaydırma yerine gideceği
       bölümü seçiyor. Oturum süresini artıran tek kaldıraç bu.

       PILL'LER 7. SIRADA: onlar siteden ÇIKIŞ kapısı. Önce sayfanın
       kendi cevabı ve haritası gösterilir, çıkış ondan sonra sunulur.

       Instagram bilerek en sonda: üçüncü parti gömme, mobil ilk boyamayı
       (sitenin tek zayıf metriği, 3.2 s) yukarıda yükseltir.

       MALİYET: aside aria-label'ı mobilde erişilebilirlik ağacından düşer.
       Kartların kendi başlıkları durduğu için kayıp küçük ama sıfır değil.

       GERİ ALMAK: bu bloğu sil, yerine şu üç satırı koy:
         .gz-sidebar-column { order: 2; margin-top: 0; }
         .gz-main-column    { order: 1; }
         .gz-sticky-wrapper { position: static; gap: 0; }
    ─────────────────────────────────────────────────────────────────── */
    .gz-main-column,
    .gz-sidebar-column,
    .gz-sticky-wrapper { display: contents; }
    .gz-sticky-wrapper { position: static; }

    .gz-main-column > *                   { order: 50; }  /* gövde: ulaşım + 18 bölüm */
    .gz-main-column > .gz-video-container { order: 1; }   /* 1. video — kanca */
    .gz-main-column > .gz-h1              { order: 2; }   /* 2. başlık */
    .gz-main-column > #gbc-toc            { order: 3; }   /* 3. İÇİNDEKİLER — başlığın tam altı */
    .gz-main-column > .gz-intro-text      { order: 4; }   /* 4. tek cümle cevap */

    .gz-sticky-wrapper > .gz-sidebar-card             { order: 60; }  /* harita vb. */
    .gz-sticky-wrapper > .gz-sidebar-card:first-child { order: 5; }   /* 5. HIZLI BİLGİLER */
   /* 6. İDEAL ZAMAN */

   /* 7. silo pill'leri — çıkış kapısı */

    .gz-sticky-wrapper > .gz-insta-sidebar            { order: 70; }  /* Instagram en sona */

    .gz-h1 { font-size: 21px !important; margin: 14px 15px 8px !important; }
    .gz-intro-text { margin: 0 15px 16px; max-width: 100%; font-size: 15px; }





    .gz-content-box,
    .gz-sidebar-card {
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
        margin-bottom: 8px !important;
        width: 100% !important;
        box-shadow: none !important;
        transform: none !important;
    }


    .gz-content-box .gz-box-header,
    .gz-content-box .gz-card-title { border-radius: 0 !important; }

    .gz-box-body { padding: 14px 13px; }



    .gz-place-card,
    .gz-gallery-section {
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
        margin-bottom: 8px !important;
        width: 100% !important;
        box-shadow: none !important;
        transform: none !important;
    }




    .gz-oval-btn { width: 100%; text-align: center; display: block; padding: 11px; font-size: 12px; }

    /* v62: eskiden mobilde satır dikey oluyordu ve ikon kutusu %100 genişlikte
       ortalanmış turuncu bir bant hâline geliyordu. Mockup'ta ikon solda küçük
       bir sütun; masaüstüyle aynı mantık, sadece daha dar. */
    .gz-trans-main-item {
        flex-direction: row;
        align-items: flex-start;
        text-align: left;
        padding: 14px 14px;
    }
    .gz-trans-left-icon {
        width: 56px; min-width: 56px;
        margin-right: 12px; margin-bottom: 0;
        flex-direction: column; gap: 3px;
        padding: 8px 4px;
    }

    .gz-ti-text { font-size: 9.5px; }
    .gz-trans-right-content { text-align: left; width: auto; flex: 1 1 auto; font-size: 15px; }

    .gz-map-container {
        height: 220px; margin-bottom: 0;
        border-radius: 0 !important;
        border: none !important;
    }


    .gz-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .gz-gallery-section { padding: 20px 12px 24px; }
    .gz-gallery-title   { font-size: 15px; }

    .gz-place-card { padding: 62px 13px 16px; }
    .gz-place-card .gz-num-badge { top: 14px; left: 12px; }

    .gz-lightbox-prev, .gz-lightbox-next { font-size: 20px; padding: 10px 14px; }

    .gz-video-container { border-radius: 0; margin-bottom: 0; }

    .gz-section-block { contain-intrinsic-size: 0 300px; padding: 0; }

    .gz-sidebar-card { margin-bottom: 6px !important; }
}

/* ─────────────────────────────────────────
   23. KÜÇÜK MOBİL (≤ 480px)
───────────────────────────────────────── */
@media (max-width: 480px) {
    .gz-h1 { font-size: 18px !important; }
    .gz-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 6px; }
    .gz-faq-ans  { padding-left: 18px; }

    .gz-lightbox-prev, .gz-lightbox-next { padding: 8px 12px; font-size: 17px; }
    .gz-text-area { font-size: 16px !important; }
    .gz-gallery-section { padding: 14px 10px 18px; }


}

/* ─────────────────────────────────────────
   24. TABLET (993–1199px)
───────────────────────────────────────── */
@media (min-width: 993px) and (max-width: 1199px) {
    .gz-full-wrapper { padding: 0 15px; }
    .gz-gallery-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }

}

/* ─────────────────────────────────────────
   25. PRINT — V54: genişletildi
───────────────────────────────────────── */
@media print {
    .gz-sticky-wrapper    { position: static; }
    .gz-lightbox-overlay  { display: none !important; }
    .gz-oval-btn          { display: none; }
    .gz-full-wrapper      { max-width: 100%; padding: 0; }
    .gz-video-container   { display: none; }
    .gz-insta-embed-wrap  { display: none; }

    .gz-map-container     { display: none; }
    .gz-content-box       { break-inside: avoid; page-break-inside: avoid; }
    .gz-gallery-item      { break-inside: avoid; }
    .gz-section-block     { content-visibility: visible; }
}

/* ─────────────────────────────────────────
   26. REDUCED MOTION — V54 yeni
───────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .gz-gallery-item { animation: none; }
    .gz-content-box:hover { transform: none; }

}

/* ═══════════════════════════════════════════════════════════
   ✨ GEZİ — BAŞLIK ALTI İLGİLİ İÇERİK LEJANTI (eklendi)
   rel_places/rel_routes/rel_food/rel_shop/rel_budget dolu olanlar
   otomatik oval pill olarak gelir. Linkler iç yönlendirmeli.
═══════════════════════════════════════════════════════════ */





/* ═══════════════════════════════════════════════════════════
   ✨ GEZİ — TAM GENİŞLİK (full-bleed) + GİRİŞ METNİ DOLGUSU
   Astra'nın 1200px kilidini aşar; içerik kenardan kenara.
   Giriş metni sütunu doldurur (arada kalmış görünmesin).
═══════════════════════════════════════════════════════════ */
@media (min-width:993px){
  /* Masaüstü: tam-ekran (100vw) KAPALI — içerik tek hizada, ortalı (site ile uyumlu) */
  .gz-full-wrapper.gz-full-wrapper{
    width:auto !important; max-width:1200px !important;
    margin-left:auto !important; margin-right:auto !important;
    padding-left:20px !important; padding-right:20px !important;
    overflow-x:hidden;
  }
}
.gz-full-wrapper img, .gz-full-wrapper iframe, .gz-full-wrapper table{ max-width:100% !important; }

/* dev ekranlarda içerik absürt uzamasın ama geniş dursun: makul kapak + ortala */
@media (min-width:993px){
  /* Tüm bölümler aynı genişlikte ve hizada: sarmalayıcıyı doldur, ayrı ortalama yok */
  .gz-top-grid, .gz-section-block, .gz-gallery-section, .gz-faq-list{
    max-width:100%; margin-left:0; margin-right:0;
  }
}

/* Giriş metni: sütunu doldursun (öksüz/arada kalmış görünmesin) */
.gz-main-column .gz-intro-text{ max-width:100% !important; }

/* Mobil: kenardan kenara */
@media (max-width:992px){
  /* MOBİL: Liste gibi TAM EKRAN — kartlar kenardan kenara (padding:0).
     Metin zaten iç marjlı (.gz-h1/.gz-intro margin:0 15px) → kenara yapışmaz. */
  .gz-full-wrapper.gz-full-wrapper{
    width:100vw !important; max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
    padding-left:0 !important; padding-right:0 !important;
  }
  /* Lejant (badge/pill satırı) da H1/giriş gibi 15px içeride başlasın (sola yapışmasın) */

  html, body{ overflow-x:hidden; }
}

/* ── Hero: video yoksa öne çıkan görsel (16:9, kesintisiz) ── */



/* ── FAQ: masaüstünde daha okunur/büyük (mobil aynı kalır) ── */
@media (min-width:993px){
  .gz-faq-item summary{ font-size:var(--gbc-sss-soru-punto); padding:18px 22px; }
  .gz-faq-q{ line-height:1.45; }
  .gz-faq-ans{ font-size:var(--gbc-sss-cevap-punto); line-height:var(--gbc-govde-satir); padding:2px 22px 20px 58px; }

  .gz-faq-icon{ font-size:24px; }
}

/* ─────────────────────────────────────────
   26. NOT KUTULARI — 4 TİP  (v56 · 26 Ağu 2026)

   ÖLÇÜLDÜ: .gz-chef-note'un hiçbir kutu stili yoktu — arka plan yok,
   çerçeve yok, padding yok. Sayfadaki 40 kutu sıradan paragraf gibi
   görünüyordu. Etiketlerin 35 ayrı hâle dağılmasının sebebi de buydu:
   hiç çerçevelenmemişlerdi.

   Renkler gbc-ux-ui/02'den, hepsinin kontrastı ölçüldü:
     Gitmeden Bil    var(--gbc-turuncu-metin)  5.60:1
     Dikkat          #B91C1C  6.47:1
     Cepten Tasarruf #047857  5.48:1
     Şef Notu        #9A3412  7.31:1

   Renk tek başına anlam taşımıyor — her tipte renk + ikon + kelime birlikte.
   İkonlar CSS'te data-URI SVG; içerikte emoji ya da SVG taşımıyoruz.
   Tipi olmayan kutular (konu başlığı taşıyanlar) nötr gri kalır.
───────────────────────────────────────── */
.entry-content .gz-chef-note {
    position: relative;
    background: #fafafa;
    border: 1px solid #ececec;
    border-left: 3px solid #cfcfcf;
    border-radius: 0 10px 10px 0;
    padding: 13px 17px 13px 46px;
    margin: 14px 0;
    font-size: var(--gbc-not-punto) !important;
    line-height: 1.7;
}
.entry-content .gz-chef-note::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    opacity: .9;
}
.entry-content .gz-chef-note strong { font-weight: 700; letter-spacing: -.01em; }

/* ── Gitmeden Bil — deneyimden gelen tüyo ── */
.entry-content .gz-not--bil { background: #fff7f2; border-color: var(--gbc-cerceve-sicak); border-left-color: var(--gbc-turuncu); }
.entry-content .gz-not--bil::before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23BF360C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18h6M10 22h4"/><path d="M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z"/></svg>'); }
.entry-content .gz-not--bil strong { color: var(--gbc-turuncu-metin) !important; }

/* ── Dikkat — gerçek uyarı ── */
.entry-content .gz-not--dikkat { background: #fdf3f3; border-color: #f3d6d6; border-left-color: #B91C1C; }
.entry-content .gz-not--dikkat::before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23B91C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/><path d="M12 9v4M12 17h.01"/></svg>'); }
.entry-content .gz-not--dikkat strong { color: #B91C1C !important; }

/* ── Cepten Tasarruf — para kazandıran bilgi ── */
.entry-content .gz-not--tasarruf { background: #f1f9f6; border-color: #cfe8de; border-left-color: #047857; }
.entry-content .gz-not--tasarruf::before { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23047857" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M14.5 9.2a3 3 0 0 0-5 2.2c0 2.6 5 1.4 5 4a3 3 0 0 1-5 2.2M12 6.5v11"/></svg>'); }
.entry-content .gz-not--tasarruf strong { color: #047857 !important; }

/* ── Şef Notu — yemekle ilgili, burada şef hak edilmiş ── */




@media (max-width: 640px) {
    .entry-content .gz-chef-note { padding: 12px 14px 12px 42px; font-size: 16.5px !important; }
    .entry-content .gz-chef-note::before { left: 13px; top: 14px; width: 18px; height: 18px; background-size: 18px 18px; }
}
/* ═══════════════════════════════════════════════════════════════════════════
   v59 · MOCKUP UYUMU
   ───────────────────────────────────────────────────────────────────────────
   Bu blok mevcut kuralları SİLMEZ, üzerine yazar. Geri almak için
   sadece bu bloğu sil — dosyanın geri kalanı v58 ile birebir aynı.
   Amaç: canlı sayfayı mockup'taki görünüme çekmek.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · Degradeler kalktı, düz renk ────────────────────────────────────────
   Mockup tek düz marka rengi kullanıyor: var(--gbc-turuncu-metin) (beyaz üstü 5.60:1, AA geçer).
   Yeşil/kırmızı bantlar da düzleşti ama RENGİNİ KORUDU — uyarı bandının
   diğerleriyle aynı renge dönmesi anlamı öldürürdü.
   #047857 = 5.48:1 · #B91C1C = 6.47:1, ikisi de AA. */
.gz-box-header.header-orange,
.gz-card-title,
.small-header,
.gz-insta-sidebar .inst-grad { background: var(--gbc-turuncu-metin) !important; }
.header-green { background: #047857 !important; }


/* ── 2 · Kart başlıkları: BÜYÜK HARF değil, cümle düzeni ────────────────── */
.gz-card-title {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 14.5px !important;
}


/* ── 3 · Instagram gömülüsü yan sütunu yemesin ──────────────────────────────
   Ölçüm: gömülü ~700px yer kaplıyordu, yan sütunun dörtte biri. */
.gz-insta-embed-wrap {
    max-height: 420px;
    overflow: hidden;
    position: relative;
}
.gz-insta-embed-wrap::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 56px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
    pointer-events: none;
}

/* ── 4 · Dolmayan reklam 280px boşluk bırakmasın ────────────────────────────
   Ölçüm: yazının ortasında ~720px beyaz delik vardı (280px dolmamış AdSense
   birimi + 442px boş iframe). AdSense dolduramadığında kendi elementine
   data-ad-status="unfilled" yazıyor; onu yakalıyoruz. */
ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; }
.gbc-ad:not(:has(iframe)) {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ── 5 · Bölüm arası nefes payı ─────────────────────────────────────────────
   Mockup'ta bölümler 28px aralıklı; canlıda bazıları bitişikti. */
.gz-section-block + .gz-section-block { margin-top: 28px; }

/* ── 6 · Yan sütun kartları mockup ölçüsünde ────────────────────────────── */
.gz-sidebar-card {
    border: 1px solid #E8E8E8;
    border-radius: 14px;
    overflow: hidden;
}
.gz-sidebar-card + .gz-sidebar-card { margin-top: 16px; }

/* ── 7 · Mobilde bantlar köşesiz kalmasın ───────────────────────────────── */
@media (max-width: 900px) {
    .gz-card-title, .small-header { font-size: 14px !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   v60 · MOCKUP DÜZENİ
   Yeni PHP (v60) ile birlikte gelir. Öncekiler duruyor; bu blok üzerine yazar.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Bölüm aralığı · bölümler artık SOL SÜTUNDA (786px) ─────────────────── */
.gz-main-column > .gz-sec { margin-top: 24px; }
.gz-main-column > .gz-sec:first-of-type { margin-top: 20px; }

/* ── Vitrin videosu + alt şerit ─────────────────────────────────────────── */
.gz-hero-video { position: relative; border-radius: 14px; overflow: hidden; }
.gz-video-bar {
    position: absolute; left: 0; right: 0; bottom: 0;
    display: flex; align-items: center; gap: 10px;
    padding: 10px 14px; background: rgba(0,0,0,.62); color: #fff;
    font-size: 13px; pointer-events: none;
}
.gz-vb-time { font-weight: 700; font-variant-numeric: tabular-nums; }
.gz-vb-txt  { opacity: .92; }

/* ── Yazar satırı (H1'in altı) ──────────────────────────────────────────── */

.gz-author-img { width: 44px; height: 44px; border-radius: 50%; flex: none; }






/* ── Bütçe: 3 sütun ─────────────────────────────────────────────────────── */
.gz-budget-grid {
    display: grid; grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 1px; background: #EDEDED;
    border: 1px solid #EDEDED; border-radius: 12px; overflow: hidden;
}
.gz-budget-col {
    background: #fff; padding: 16px 14px; text-align: center;
    display: flex; flex-direction: column; gap: 4px;
}
.gz-budget-col.is-pick { background: #FFF7F2; }
.gz-bg-lbl  { font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #8A8A8A; }
.gz-budget-col.is-pick .gz-bg-lbl { color: var(--gbc-turuncu-metin); }
.gz-bg-price{ font-size: 30px; font-weight: 800; line-height: 1.05; color: #1A1A1A; font-variant-numeric: tabular-nums; }
.gz-bg-desc { font-size: 12.5px; color: #6E6E6E; line-height: 1.4; }

/* ── Mevsim kutuları: 2×2 ───────────────────────────────────────────────── */
.gz-season-grid {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 1px; background: #EDEDED;
}
.gz-season-cell {
    background: #fff; padding: 11px 12px;
    display: flex; flex-direction: column; gap: 2px;
}
.gz-sc-ay { font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #9A9A9A; }
.gz-sc-t  { font-size: 19px; font-weight: 800; line-height: 1.1; color: #1A1A1A; font-variant-numeric: tabular-nums; }
.gz-sc-d  { font-size: 11.5px; font-weight: 600; }
.gz-season-cell.gz-s-ok  { background: #F1F9F6; } .gz-s-ok  .gz-sc-d { color: #047857; }
.gz-season-cell.gz-s-hot { background: #FDF3F3; } .gz-s-hot .gz-sc-d { color: #B91C1C; }
.gz-season-cell.gz-s-yog { background: #FFF8EC; }
.gz-s-yog .gz-sc-d { color: var(--gbc-turuncu-metin); }
.gz-season-cell.gz-s-serin { background: #F2F7FC; }
.gz-s-serin .gz-sc-d { color: var(--gbc-bilgi); }
.gz-season-cell.gz-s-nt  .gz-sc-d { color: #7A7A7A; }

/* ── Kaç günün var ──────────────────────────────────────────────────────── */
/* GBC 2026-09-03: kart basligi artik gercek baslik etiketi (h2) olabiliyor.
   "X Kac Gunde Gezilir?" ayda 390 aranan bir soru; div icinde durmasi yazikti.
   Tema h2 varsayilanlari gorunumu bozmasin diye burada sifirlaniyor. */
h2.gz-card-title,h3.gz-card-title{font-size:14.5px;line-height:1.3;font-weight:700;margin:0;padding:11px 16px}
/* Kartin ustunde tek cumlelik cevap (AEO). Alan bos ise hic basilmaz. */
.gz-gun-cevap{margin:0;padding:12px 16px 14px;font-size:15px;line-height:1.5;color:#1a1a1a}
.gz-gun-cevap strong{color:var(--gbc-turuncu-metin)}
/* GBC 2026-09-04: govde ici ortaklik baglantisi. Buton degil; sitenin dis
   baglanti dili (turuncu metin + yukari capraz ok). Yasal aciklama altinda. */



/* GBC 2026-09-04: baglantinin yanindaki kisa etiket + sayfa sonundaki tek aciklama (snippet 30204) */

.gz-aff-son{margin:32px 0 8px;padding:14px 16px;border-top:2px solid #eee;font-size:15px;line-height:1.6;color:#555}
.gz-aff-son strong{color:#1a1a1a}
.gz-aff-son a{color:var(--gbc-turuncu-metin)}
.gz-gun-cevap p{margin:0 0 10px;font-size:15px;line-height:1.5}
.gz-gun-cevap p:last-child{margin-bottom:0}
.gz-gun-cevap ol,.gz-gun-cevap ul{margin:0 0 10px;padding:0;list-style:none}
.gz-gun-cevap li{padding:7px 0;border-top:1px solid #ececec;font-size:15px;line-height:1.5}
.gz-gun-cevap li:first-child{border-top:0}
.gz-gun-cevap li b{display:block;color:var(--gbc-turuncu-metin);font-size:13.5px;letter-spacing:.02em}

.gz-days-list { display: flex; flex-direction: column; }
.gz-day-row {
    display: flex; align-items: center; gap: 11px;
    padding: 10px 16px; border-bottom: 1px solid #F0F0F0;
    color: inherit; text-decoration: none;
}
.gz-day-row:last-child { border-bottom: 0; }
.gz-day-row:hover { background: #FFF7F2; }
.gz-day-no {
    flex: none; width: 26px; height: 26px; border-radius: 50%;
    background: #FFF7F2; color: var(--gbc-turuncu-metin);
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 13px;
}
.gz-day-txt { display: flex; flex-direction: column; min-width: 0; }
.gz-day-lbl { font-weight: 600; font-size: 14px; color: #1A1A1A; }
.gz-day-sub { font-size: 12px; color: #8A8A8A; }

/* ── v78: KAÇ GÜNÜN VAR kartı ───────────────────────────────────────────
   Koyu başlık + harita ikonu, kare rozet, önerilen satır vurgusu.
   Ok yalnızca rel_routes dolu olan sayfalarda basılır (PHP tarafında). */
.entry-content .gz-k-gun .gz-card-title,
.gz-k-gun .gz-card-title{
    /* Customizer (23855) turuncuyu !important ile basiyor, tek ezme burada. */
    background: #1A1A1A !important;
    display: flex; align-items: center; gap: 9px;
    font-size: 12.5px; letter-spacing: .06em;
}
.gz-k-gun .gz-card-title::before{
    content: ""; flex: none; width: 17px; height: 17px;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"/%3E%3Cline x1="8" y1="2" x2="8" y2="18"/%3E%3Cline x1="16" y1="6" x2="16" y2="22"/%3E%3C/svg%3E') center/contain no-repeat;
}
.gz-k-gun .gz-day-row{ padding: 12px 16px; gap: 13px; }
.gz-k-gun .gz-day-no{
    width: 34px; height: 34px; border-radius: 9px;
    font-size: 15px; font-weight: 800;
}
.gz-k-gun .gz-day-lbl{ font-size: 15px; font-weight: 700; }
.gz-k-gun .gz-day-sub{ font-size: 13px; color: #7A7A7A; margin-top: 1px; }
.gz-k-gun .gz-day-akt{ background: #FFF6F1; }
.gz-k-gun .gz-day-akt .gz-day-no{ background: var(--gbc-turuncu-metin); color: #fff; }
.gz-k-gun .gz-day-ok{
    margin-left: auto; flex: none;
    color: var(--gbc-turuncu-metin); font-size: 17px; line-height: 1;
}

/* ── v78: NE YENİR girişi + lezzet ipucu tek satırda ─────────────────────
   İpucu kutusu eskiden kartların altındaydı, konuyu ikiye bölüyordu.
   Artık girişin sağında duruyor ve geniş düzende sağ boşluğu kapatıyor. */
.gz-yemek-giris{ margin: 0 0 22px; }
.gz-yemek-giris .gz-yg-lead{ margin: 0; }




@media (min-width: 993px){
    .gz-genis .gz-s-yemek .gz-yemek-giris .gz-yg-lead{ max-width: none; }
}


/* ── v79: MOBİLDE KART ARASI ÇİFT ÇİZGİ ──────────────────────────────────
   Sarmalayici flex-column + 18px bosluk, kartin da ust ve alt kenarligi
   vardi: alt kenarlik, 18px bosluk, ust kenarlik = iki ince cizgi.
   Tek cizgiye indirildi, ilk kartin ustundeki ve son kartin altindaki
   cizgi kaldirildi. */
@media (max-width: 992px){
    .entry-content .gz-places-wrapper{ gap: 0; }
    .entry-content .gz-places-wrapper > .gz-place-card{
        border-top: 0 !important;
    }
    .entry-content .gz-places-wrapper > .gz-place-card:last-child{
        border-bottom: 0 !important;
    }
    .entry-content .gz-places-wrapper > .gz-plan-baslik{ margin-top: 24px; }
}

/* ── v79: SSS masaustunde iki sutun ─────────────────────────────────────
   Sekiz soru tek sutunda cok uzuyordu. */
@media (min-width: 993px){
    .gz-genis .gz-s-sss .gz-faq-list{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 26px;
        align-items: start;
    }
}

/* ── v79: "Bu rehber nasil hazirlandi" tam genislik, uc sutun ───────────
   Metin 70ch okunabilirlik kapaginda 626px'de kaliyordu; kutu genisken
   sola yapisik duruyordu. Uc paragraf uc sutuna dagitildi. */
.gz-howmade-body p{ max-width: none !important; }
@media (min-width: 993px){
    .gz-genis .gz-howmade{ padding: 22px 26px; }
    .gz-genis .gz-howmade-body{
        display: grid;
        /* 1 Eki 2026 — SUTUN SAYISI ICERIGE GORE.
           Eskiden sabit repeat(3, ...) idi: kutuda uc paragraf varsa guzel
           duruyordu ama TEK paragraf olan sayfalarda (strazburg, atina)
           metin 1/3 genislikte sola sikisip saginda ~800px bosluk
           birakiyordu. auto-fit ile: 1 paragraf -> tam genislik,
           2 -> yari yariya, 3 -> uc sutun. Uc paragrafli sayfalarin
           (tinos, ibiza) gorunumu AYNI kaliyor. */
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 26px;
    }
    .gz-genis .gz-howmade-body p{ margin: 0; }
}

/* ── v79: is birligi bildirimi tam genislik kutu ────────────────────────
   Ayni 70ch kapagi bu kutuyu 435px'e sikistiriyordu. */
.entry-content .gz-aff-bildirim{
    max-width: none !important;
    padding: 15px 18px;
    border-left: 3px solid #D8D8D8;
}
.entry-content .gz-aff-bildirim p{ max-width: none !important; margin: 0; }

/* ── v82: bolum sonu haritasi ───────────────────────────────────────────
   Harita artik duraklarin ALTINDA. Genis duzende 360px cok basik
   kaliyordu, 4 katmanli My Maps icin 440px daha rahat. */
.entry-content .gz-harita-not{
    font-size: 13.5px !important;
    color: #8A8A8A !important;
    max-width: none !important;
    margin: 24px 0 10px !important;
}
.gz-genis .gz-s-yerler .gz-map-container{ height: 440px; }

/* ── v83: gorselsiz kartlarda rozet baslikla ayni satirda ───────────────
   Rozet position:absolute, kart da ona yer acmak icin ust dolgusunu
   buyutuyordu: rozet tek basina bir satir kapliyor, sagindaki yer bos
   kaliyordu. Artik baslik rozetin yanina geciyor.
   Olculdu (390px): kart yuksekligi 335px'ten 293px'e indi, dort kartta
   168px kazanc. Gorselli kartlara (gezilecek yerler, ne yenir)
   dokunulmuyor, orada rozet gorselin uzerinde duruyor. */
.entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)){
    padding-top: 22px !important;
    padding-left: 24px !important;
}
.entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) .gz-num-badge{
    top: 20px !important;
}
.entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) .gz-inner-title{
    display: block; min-height: 0;
    margin-left: 0 !important;
}
.entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) .gz-inner-tags,
.entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) > p,
.entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) .gz-chef-note{
    margin-left: 0 !important;
}
.entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)){
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    align-content: start;
    column-gap: 14px;
    align-items: start;
}
.entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) > *{
    grid-column: 2;
}
.entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) > .gz-num-badge{
    position: static !important; grid-column: 1; grid-row: 1; margin: 0;
}
.entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) > .gz-inner-title{
    grid-column: 2; grid-row: 1; align-self: center;
}
@media (max-width: 700px){
    .entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) .gz-num-badge{
        width: 34px !important; height: 34px !important;
        font-size: 15px !important; left: 16px !important;
    }
    .entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) .gz-inner-title{
        margin-left: 0 !important; min-height: 0;
    }
    .entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) .gz-inner-tags,
    .entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) > p,
    .entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) .gz-chef-note{
        margin-left: 0 !important;
    }
    .entry-content .gz-places-wrapper > .gz-place-card:not(:has(.gz-place-img img)) .gz-num-badge{
        margin: 0 10px 4px 0;
    }
}
@media (max-width: 700px){
    .gz-s-yerler .gz-map-container{ height: 340px; }
}


/* ── Videoda en iyi anlar ───────────────────────────────────────────────── */
.gz-chap-list { display: flex; flex-direction: column; }
.gz-chap-row {
    display: flex; align-items: baseline; gap: 10px;
    padding: 9px 16px; border-bottom: 1px solid #F0F0F0;
    color: inherit; text-decoration: none; font-size: 13.5px;
}
.gz-chap-row:last-child { border-bottom: 0; }
.gz-chap-row:hover { background: #FFF7F2; }
.gz-chap-t { flex: none; font-weight: 700; color: var(--gbc-turuncu-metin); font-variant-numeric: tabular-nums; }
.gz-chap-a { color: #1A1A1A; line-height: 1.35; font-weight: 600; }
/* Ikna satiri: kanca basligin altinda, daha sonuk. Merak eden tiklar. */
.gz-chap-a em {
    display: block; margin-top: 2px;
    font-style: normal; font-weight: 400;
    font-size: 12px; line-height: 1.35; color: #8A8A8A;
}
.gz-chap-row:hover .gz-chap-a { color: #9A3412; }
.gz-chap-row:has(+ .gz-chap-all) { border-bottom: 0; }
.gz-chap-all {
    display: flex; align-items: center; gap: 7px;
    padding: 10px 16px; border-top: 1px solid #F0F0F0;
    font-size: 12.5px; font-weight: 700; color: var(--gbc-turuncu-metin);
    text-decoration: none;
}
/* YouTube disari cikiyor: yukari ok. Kural: → site ici, ↗ site disi. */
.gz-chap-all::after {
    content: ""; width: 13px; height: 13px; background: currentColor;
    -webkit-mask: var(--gbc-ok-capraz) center / 13px 13px no-repeat;
            mask: var(--gbc-ok-capraz) center / 13px 13px no-repeat;
    transition: transform .18s ease;
}
/* Site ici durak satiri: saga ok */
.gz-next-row:not(.gz-next-aff) .gz-next-ad::after{
  content:""; display:inline-block; vertical-align:-1px;
  width:12px; height:12px; margin-left:6px; background:var(--gbc-turuncu-metin);
  -webkit-mask:var(--gbc-ok-sag) center / 12px 12px no-repeat;
          mask:var(--gbc-ok-sag) center / 12px 12px no-repeat;
}
.gz-chap-all span { display: block; line-height: 1.35; }
.gz-chap-all em {
    display: block; margin-top: 2px;
    font-style: normal; font-weight: 400;
    font-size: 11.5px; color: #8A8A8A;
}
.gz-chap-all:hover { background: #FFF7F2; color: #9A3412; }
.gz-chap-all:hover::after { transform: translateX(3px); }

/* ── Seri / sıradaki durak ──────────────────────────────────────────────── */
.gz-serie-list { display: flex; flex-direction: column; }
.gz-serie-row, .gz-next-row {
    display: flex; align-items: center; gap: 11px;
    padding: 9px 16px; border-bottom: 1px solid #F0F0F0;
    color: inherit; text-decoration: none;
}
.gz-serie-row:last-child, .gz-next-row:last-child { border-bottom: 0; }
.gz-serie-row:hover, .gz-next-row:hover { background: #FFF7F2; }
.gz-serie-th { flex: none; width: 46px; height: 34px; border-radius: 6px; overflow: hidden; background: #F0EEEA; }
/* GBC 2026-09-06: seri kutusundaki kapak kirpik duruyordu. Kutu 16:9'a
   getirildi (PHP tarafinda da 'thumbnail' yerine kirpilmamis 'medium'
   boyut cagriliyor) ve ic linkin yanina turuncu ok kondu. */
.gz-serie-th{ width:60px !important; height:34px !important; }
.entry-content .gz-serie-row .gz-serie-txt small{
    display:inline-block; width:100%; margin-top:2px;
    font-size:12px; font-weight:500; line-height:1.4;
    color:#4a4a4a !important; text-decoration:none !important;
}
.entry-content .gz-serie-row:has(small){ align-items:flex-start; }
.entry-content .gz-serie-row:has(small) .gz-serie-th{ margin-top:2px; }
/* GBC 2026-09-06: gezilecek yerler bolumunun giris paragrafi grid'in tek
   kolonuna sikisiyordu; tam genislige alindi ve altindaki bosluk kisildi. */
.entry-content .gz-places-wrapper > .gz-places-intro{
    grid-column:1 / -1; max-width:none; margin:0 !important;
}
.entry-content .gz-places-wrapper > .gz-places-intro + .gz-plan-baslik{
    margin-top:8px !important;
}
/* GBC 2026-09-06: yan sutun "Yakin Yerler" kartinin satirlari. Bunlar site
   disina gidiyor, ic link oku basilmaz; oku ve etiketi ortaklik motoru
   (30204) kendisi ekliyor. */
.entry-content .gz-yakin-row .gz-serie-txt::after{ content:none !important; }
.entry-content .gz-yakin-row{ align-items:flex-start; }
.entry-content .gz-yakin-row .gz-serie-txt{ display:block; }
.entry-content .gz-yakin-row .gz-serie-txt small{
    display:inline; font-size:12.5px; font-weight:500;
    line-height:1.45; color:#4a4a4a;
}
.entry-content .gz-yakin-row .gz-serie-txt small,
.entry-content .gz-yakin-row .gz-serie-txt small *{
    color:#4a4a4a !important; text-decoration:none !important;
    border-bottom:0 !important; background:none !important;
}
/* Etiket, bagliginin bittigi satirda dursun: liste iki kolonlu grid,
   baglanti sol kolon, "is birligi" sag kolon, ikisi de ustten hizali. */
/* GBC 2026-09-06: etiketi olmayan satir ikinci kolona kaciyordu; Viyana satiri
   32px genislige sikisip 1693px uzuyordu. Bagi 1. kolona, etiketi 2. kolona
   sabitliyoruz, boylece etiketsiz satir da kendi satirini aciyor. */
.entry-content .gz-k-durak .gz-serie-list > a,
.entry-content .gz-k-yakin .gz-serie-list > a{ grid-column:1; }
.entry-content .gz-k-durak .gz-serie-list > .gbc-in-et,
.entry-content .gz-k-yakin .gz-serie-list > .gbc-in-et{ grid-column:2; }
.entry-content .gz-k-durak .gz-serie-list,
.entry-content .gz-k-yakin .gz-serie-list{
    display:grid; grid-template-columns:minmax(0,1fr) max-content;
    align-items:start; column-gap:6px;
}
.entry-content .gz-k-durak .gbc-in-et,
.entry-content .gz-k-yakin .gbc-in-et{
    font-size:11px; color:#767676;
    margin:0; padding:11px 14px 0 0; white-space:nowrap;
}
.entry-content .gz-k-yakin .gz-serie-row{ padding-bottom:4px; border-bottom:0; }
.entry-content .gz-k-yakin .gbc-in-et + .gz-serie-row{
    border-top:1px solid #f0f0f0; padding-top:10px;
}

.entry-content .gz-serie-row .gz-serie-ad{ font-weight:600; }
.entry-content .gz-serie-row .gz-serie-ad::after{
    content:""; display:inline-block; width:var(--gbc-ok-boy); height:var(--gbc-ok-boy); margin-left:var(--gbc-ok-bosluk); vertical-align:var(--gbc-ok-hiza); background-color:var(--gbc-turuncu-metin); -webkit-mask:var(--gbc-ok-sag) center/contain no-repeat; mask:var(--gbc-ok-sag) center/contain no-repeat;
}
.entry-content a.gz-yakin-row.gbc-in::after,
.entry-content a.gz-next-row.gbc-in::after{ content:none !important; display:none !important; }
/* Sonra Nereye satiri ortaklik baglantisi oldugunda okun notun altina ayri
   satira dusmesi engellendi; ok zaten .gz-next-ad::after ile basliktan sonra. */
.entry-content .gz-yakin-row .gz-serie-ad{ display:block; margin-bottom:3px; }
/* GBC 2026-09-06: Alakali YouTube Videolari satirlari. Kucuk resim dikeyde
   ortalanip basligi asagi itiyordu; ustten hizalandi. Baglantilar YouTube'a,
   yani site disina gidiyor: ic link oku degil dis link oku (kural 4). */
.entry-content .gz-yv-row{ align-items:flex-start !important; }
.entry-content .gz-yv-row .gz-serie-txt{ color:var(--gbc-turuncu-metin); }
.entry-content .gz-yv-row .gz-yv-col{ padding-top:1px; }
.entry-content .gz-yakin-row .gz-serie-txt{ line-height:1.45; }
/* GBC 2026-09-06: yan sutun satirlari gövdenin 32px satir yuksekligini
   miras aliyordu; 13,5px yazi 32px satirda iki katli duruyordu.
   Not rengi de 3,5:1 kontrasttaydi, 4,5:1 esigine cekildi. */
.entry-content .gz-next-row .gz-next-ad,
.entry-content .gz-serie-row .gz-serie-txt,
.entry-content .gz-serie-row .gz-serie-ad{ line-height:1.35 !important; }
.entry-content .gz-next-not{
    font-size:12.5px !important; line-height:1.45 !important;
    color:#4a4a4a !important; margin-top:3px !important;
}
.gz-serie-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gz-serie-txt { font-size: 13.5px; font-weight: 600; color: #1A1A1A; }
.gz-next-row { flex-direction: column; align-items: flex-start; gap: 1px; }
/* Ortaklik isareti KART BASLIGINDA, her satirda degil. Satir satir
   tekrar edince goz onu okumayi birakiyor ve uyari islevini yitiriyor.
   Baslikta bir kez, net. */
/* v75 (2026-09-05): Baslikdaki tek rozet kaldirildi. Etiket artik her
   baglantinin yaninda duruyor (motor 30204); baslikta da durunca okuyucu
   hangisinin ortaklik oldugunu karistiriyordu. 6502 zaten etiketin
   baglantinin yaninda olmasini istiyor. Kural asagida, kutu bicimi
   geri gerekirse display satirini sil. */
.gz-card-title .gz-kart-et{display:none}
.gz-card-title .gz-kart-et{
  margin-left:9px; padding:3px 8px; border-radius:5px;
  background:rgba(255,255,255,.22); color:#fff;
  font-size:10px; font-weight:800; letter-spacing:.06em;
  text-transform:uppercase; vertical-align:middle; white-space:nowrap;
}
/* Ortaklik satirinda marka renginde disari cikan ok */
.gz-next-aff .gz-next-ad{ color:var(--gbc-turuncu-metin); }
.gz-next-aff .gz-next-ad::after{
  content:""; display:inline-block; vertical-align:-1px;
  width:12px; height:12px; margin-left:6px; background:currentColor;
  -webkit-mask:var(--gbc-ok-capraz) center / 12px 12px no-repeat;
          mask:var(--gbc-ok-capraz) center / 12px 12px no-repeat;
  transition:transform .18s ease;
}
.gz-next-aff:hover .gz-next-ad{ color:#9A3412; }
.gz-next-aff:hover .gz-next-ad::after{ transform:translateX(3px); }
/* Alakalı YouTube videoları: kapak karesi 16:9, iki satır metin */
.gz-yv-row { align-items: center; gap: 12px; }
.gz-yv-th { width: 64px; height: 36px; border-radius: 5px; }
.gz-yv-col { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.gz-yv-row .gz-serie-txt { font-size: 13px; line-height: 1.3; }
.gz-next-ad  { font-size: 13.5px; font-weight: 600; color: #1A1A1A; }
.gz-next-not { font-size: 12px; color: #8A8A8A; }

/* ── Yan sütun videoları ────────────────────────────────────────────────── */
.gz-sidevid-list { display: flex; flex-direction: column; gap: 10px; padding: 12px 14px; }
.gz-sidevid { border-radius: 8px; overflow: hidden; }

/* ── Gitmeden bilmen gerekenler ─────────────────────────────────────────── */
.gz-know-list ul { list-style: none; margin: 0; padding: 0; }
.gz-know-list li {
    position: relative; padding: 11px 0 11px 22px;
    border-bottom: 1px solid #F2F2F2; line-height: var(--gbc-madde-satir);
}
.gz-know-list li:last-child { border-bottom: 0; }
.gz-know-list li::before {
    content: ""; position: absolute; left: 2px; top: 20px;
    width: 7px; height: 7px; border-radius: 50%; background: var(--gbc-turuncu-metin);
}

/* ── Bu rehber nasıl hazırlandı ─────────────────────────────────────────── */
.gz-howmade {
    margin-top: 24px; padding: 18px 20px;
    background: #FBFAF8; border: 1px solid #E8E8E8; border-radius: 14px;
}
.gz-howmade-head {
    font-size: 11.5px; font-weight: 700; letter-spacing: .06em;
    text-transform: uppercase; color: #8A8A8A; margin-bottom: 9px;
}
.gz-howmade-body { font-size: 14.5px; line-height: 1.6; }
.gz-howmade-body p:last-child { margin-bottom: 0; }

/* ── Widget yuvası · yükseklik AYIRMAZ, script gelince büyür (CLS 0) ─────
   Script'i buraya kendin koyacaksın; boşken görünmez. */
.gz-widget-slot:empty { display: none; }
.gz-widget-slot { margin: 14px 0 0; }

.gz-btn-inset { padding: 16px 22px; }

/* ── MOBİL ─────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
    .gz-budget-grid  { grid-template-columns: 1fr; }
    .gz-budget-col   { text-align: left; flex-direction: row; align-items: baseline; gap: 10px; flex-wrap: wrap; }
    .gz-bg-price     { font-size: 24px; }
    .gz-bg-desc      { flex: 1 0 100%; }


    .gz-video-bar    { font-size: 12px; padding: 8px 12px; }
    .gz-howmade      { padding: 15px 16px; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   v61 · MOBİL SIRALAMA — mockup'la birebir
   ───────────────────────────────────────────────────────────────────────────
   SORUN: yan sütun kartları <aside> kutusunun içinde. Flexbox "order" sadece
   KARDEŞ elemanları sıralar, o yüzden <aside> tek parça hâlinde yer değiştirir
   ve "Hızlı Bilgiler"i yazının ortasına sokamayız.

   ÇÖZÜM: display:contents. Mobilde .gz-main-column, .gz-sidebar-column ve
   .gz-sticky-wrapper kutuları ortadan kalkar (içerikleri kalır), böylece TÜM
   bölümler ve TÜM kartlar aynı flex kapsayıcının kardeşi olur. Artık her biri
   tek tek sıralanabiliyor.
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 900px) {

    /* v65: bu üç satır !important — ÖLÇÜLDÜ, tahmin değil.
       v61'de important'sız yazmıştım ve ikisi eziliyordu:
         .gz-top-grid       -> grid  kaldı (2 sütunluk ızgara mobilde de sürüyordu)
         .gz-sticky-wrapper -> flex  kaldı (kartlar düzleşmiyordu)
       Sonuç: H1 sayfanın 2.786. pikselinde kalıyordu, yan sütun en başa
       geçiyordu. Sayfada 61 stylesheet var; hangisinin ezdiğini aramak
       yerine layout modunu kesinleştiriyoruz. */
    .gz-top-grid {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        gap: 16px !important;
        /* v67 · KAYMANIN SEBEBİ BUYDU.
           Masaüstü ızgarasında align-items:start doğru — yan sütun ana sütun
           boyunca uzamasın diye. Ama flex-direction:column'da çapraz eksen
           YATAY olur ve start her ögeyi kendi içerik genişliğine büzer.
           Ölçüldü (390px, gerçek tarayıcı):
             içindekiler 208px · video 356px · H1 360px · kart 390px
           stretch ile hepsi aynı genişliğe oturuyor. */
        align-items: stretch !important;
    }
    /* Hepsi aynı sol kenardan başlasın — H1 ve giriş metninde 15px yan
       boşluk vardı, kartlarda yoktu. Boşluğu tek yerden veriyoruz. */
    .gz-top-grid > *,
    .gz-main-column > *,
    .gz-sticky-wrapper > * {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }
    /* .gz-full-wrapper mobilde margin:0 -12px ile Astra'nın yan boşluğunu
       iptal ediyor (kartlar kenardan kenara olsun diye). Ama o zaman H1 ve
       paragraf da ekran kenarına yapışıyor — okunmuyor. Boşluğu ızgaraya
       veriyoruz: hem kart hem metin aynı 14px'ten başlıyor. */
    .gz-top-grid {
        padding-left: 14px !important;
        padding-right: 14px !important;
        box-sizing: border-box !important;
    }

    /* "YEREL SAAT:15:15" — etiket sütunu daralınca iki nokta değere yapışıyordu. */



    .gz-main-column,
    .gz-sidebar-column,
    .gz-sticky-wrapper { display: contents !important; }

    /* Yakalanmayan her şey en sona.
       Seçiciler .gz-top-grid ile başlıyor — eski mobil bloğunun
       .gz-main-column > * kurallarından daha özgül, ezilmiyorlar. */
    .gz-top-grid .gz-main-column > *,
    .gz-top-grid .gz-sticky-wrapper > * { order: 90; }

    /* ── MOCKUP SIRASI ────────────────────────────────────────────────── */
    .gz-top-grid .gz-main-column    > .gz-hero-video   { order: 1; }
    .gz-top-grid .gz-main-column    > .gz-h1           { order: 2; }
    .gz-top-grid .gz-main-column    > #gbc-toc         { order: 3; }
    .gz-top-grid .gz-main-column    > .gz-intro-text   { order: 4; }

    .gz-top-grid .gz-sticky-wrapper > .gz-k-hizli      { order: 5; }
    .gz-top-grid .gz-sticky-wrapper > .gz-k-mevsim     { order: 6; }

    .gz-top-grid .gz-main-column    > .gz-s-butce      { order: 7; }
    .gz-top-grid .gz-main-column    > .gz-s-ulasim     { order: 8; }
    .gz-top-grid .gz-main-column    > .gz-s-yerler     { order: 9; }

    .gz-top-grid .gz-sticky-wrapper > .gz-k-gun        { order: 10; }

    .gz-top-grid .gz-main-column    > .gz-s-yemek      { order: 11; }
    .gz-top-grid .gz-main-column    > .gz-s-konak      { order: 12; }
    .gz-top-grid .gz-main-column    > .gz-s-bilgi      { order: 13; }
    .gz-top-grid .gz-main-column    > .gz-s-sss        { order: 14; }

    .gz-top-grid .gz-sticky-wrapper > .gz-k-anlar      { order: 15; }
    .gz-top-grid .gz-sticky-wrapper > .gz-k-video      { order: 16; }
    .gz-top-grid .gz-sticky-wrapper > .gz-insta-sidebar{ order: 17; }
    .gz-top-grid .gz-sticky-wrapper > .gz-k-seri       { order: 18; }
    .gz-top-grid .gz-sticky-wrapper > .gz-k-durak      { order: 19; }

    .gz-top-grid .gz-main-column    > .gz-howmade      { order: 20; }
    .gz-top-grid .gz-sticky-wrapper > .gz-widget-slot  { order: 21; }

    /* Kutu kalkınca sticky de anlamsız */
    .gz-sticky-wrapper { position: static !important; top: auto !important; }
    .gz-main-column > .gz-sec { margin-top: 0 !important; }

    /* Mobil ölçüler */
    .gz-budget-grid  { grid-template-columns: 1fr; }
    .gz-budget-col   { text-align: left; flex-direction: row; align-items: baseline; gap: 10px; flex-wrap: wrap; }
    .gz-bg-price     { font-size: 24px; }
    .gz-bg-desc      { flex: 1 0 100%; }
    .gz-video-bar    { font-size: 12px; padding: 8px 12px; }
    .gz-howmade      { padding: 15px 16px; }
    .gz-season-grid  { grid-template-columns: repeat(4, 1fr); }
    .gz-sc-t         { font-size: 16px; }
    .gz-sc-ay        { font-size: 9.5px; }
    .gz-sc-d         { font-size: 10.5px; }
}

/* display:contents erişilebilirlik notu: <aside> kutusu mobilde kaybolduğu
   için "tamamlayıcı bölge" işareti de kalkar. Kartların kendi başlıkları
   durduğundan ekran okuyucuda içerik kaybı olmuyor. */

/* v63 · mevsim "Kaçın" durumu (select'te var, CSS'te yoktu) */
.gz-season-cell.gz-s-kac { background: #FDF3F3; }
.gz-s-kac .gz-sc-d       { color: #B91C1C; }

/* ═══════════════════════════════════════════════════════════════════════════
   v68 · MOBİLDE KARTLAR YUVARLAK KALSIN
   ───────────────────────────────────────────────────────────────────────────
   22608'in mobil bloğunda (satır 1028–1047) şu duruyordu:

     .gz-content-box, .gz-sidebar-card {
         border-radius: 0 !important;
         border-left: none !important;  border-right: none !important;
         box-shadow: none !important;
     }
     .gz-content-box .gz-box-header,
     .gz-content-box .gz-card-title { border-radius: 0 !important; }

   Bu, eski "mobilde kartlar kenardan kenara olsun" tasarımıydı ve
   .gz-full-wrapper'ın margin:0 -12px kuralıyla birlikte anlamlıydı.
   v67'de ızgaraya 14px yan boşluk verdik — kartlar artık içeride, o yüzden
   köşesiz ve yan çerçevesiz durmaları yanlış görünüyor.
   Mockup'ta kartlar yuvarlak, çerçeveli ve bant üst köşeleri yuvarlak.
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 900px) {

    .gz-content-box,
    .gz-sidebar-card {
        border-radius: 14px !important;
        border-left: 1px solid #E8E8E8 !important;
        border-right: 1px solid #E8E8E8 !important;
        border-top: 1px solid #E8E8E8 !important;
        border-bottom: 1px solid #E8E8E8 !important;
        overflow: hidden !important;
        box-shadow: 0 1px 2px rgba(0,0,0,.05) !important;
        margin-bottom: 0 !important;
    }

    /* Bant kartın üst köşelerine otursun — kart overflow:hidden olduğu için
       aslında kırpılıyor, ama Safari'de kırpma bazen ıskalıyor; yarıçapı
       banda da veriyoruz. */
    .gz-content-box > .gz-box-header,
    .gz-sidebar-card > .gz-card-title {
        border-radius: 14px 14px 0 0 !important;
    }

    /* Bölüm içindeki iç ızgaralar (rota kartları vb.) tek sütuna insin ki
       yuvarlatma bozulmasın. */


}

/* ═══════════════════════════════════════════════════════════════════════════
   v69 · HIZLI BİLGİLER — mockup düzeni
   Canlı satırlar (hava, saat) vurgulu; oklu satırlar ilgili rehbere gider.
   ═══════════════════════════════════════════════════════════════════════════ */

.gz-hb-list { list-style: none; margin: 0; padding: 0; }

.gz-hb-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 16px;
    border-bottom: 1px solid #F0F0F0;
    font-size: 15px;
    line-height: 1.45;
}
.gz-hb-row:last-child { border-bottom: 0; }

/* Canlı veri satırı: hafif zemin + marka rengi etiket + yeşil nokta */
.gz-hb-row.is-canli { background: #FFF7F2; }
.gz-hb-row.is-canli .gz-hb-lbl { color: var(--gbc-turuncu-metin); font-weight: 700; }
.gz-hb-row.is-canli .gz-hb-ans::after {
    content: "";
    display: inline-block;
    width: 6px; height: 6px; border-radius: 50%;
    background: #047857;
    margin-left: 7px;
    vertical-align: middle;
}

.gz-hb-lbl {
    flex: 0 0 auto;
    color: #6E6E6E;
    font-weight: 500;
    white-space: nowrap;
}
.gz-hb-val {
    flex: 1 1 auto;
    min-width: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}
.gz-hb-ans { font-weight: 600; color: #1A1A1A; }

/* Bağlantı satırı — koyu marka rengi, altı çizili, ok ile.
   Beyaz üstünde var(--gbc-turuncu-metin) = 5.60:1, AA geçer. */
.gz-hb-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--gbc-turuncu-metin);
    font-weight: 600;
    font-size: 13.5px;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}
.gz-hb-link:hover { color: #9A3412; }
.gz-hb-link svg { flex: none; }

.gz-hb-not {
    padding: 10px 16px 12px;
    font-size: 12px;
    line-height: 1.5;
    color: #8A8A8A;
    border-top: 1px solid #F0F0F0;
}

@media (max-width: 900px) {
    .gz-hb-row { font-size: 15.5px; padding: 12px 16px; }
    .gz-hb-link { font-size: 14px; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   v70 · HIZLI BİLGİLER — incelt ve sadeleştir
   ───────────────────────────────────────────────────────────────────────────
   Sorun: Özelleştirici'deki ".entry-content li { font-size:18px !important }"
   kuralı bu satırlara da vuruyordu. Yan sütunda 18px çok iri duruyor ve uzun
   değerler sağa yaslı sarınca kaba görünüyor.
   ═══════════════════════════════════════════════════════════════════════════ */

.entry-content .gz-hb-row,
.gz-hb-row {
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    padding: 10px 16px;
    align-items: center;
}
.entry-content .gz-hb-lbl,
.gz-hb-lbl {
    font-size: 13.5px !important;
    color: #7A7A7A;
    font-weight: 500;
}
.entry-content .gz-hb-ans,
.gz-hb-ans {
    font-size: 14.5px !important;
    font-weight: 600;
    color: #1A1A1A;
}
.gz-hb-val { gap: 3px; }

/* Uzun değer sarınca sağa yaslı metin kaba duruyor; sarınca sola dönsün. */
.gz-hb-val { text-align: right; }
.gz-hb-ans { text-wrap: balance; }

/* Bağlantı satırı: daha ince, daha sakin */
.entry-content .gz-hb-link,
.gz-hb-link {
    font-size: 13px !important;
    font-weight: 600;
    color: var(--gbc-turuncu-metin) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(191,54,12,.35);
}
.gz-hb-link:hover { color: #9A3412 !important; text-decoration-color: #9A3412; }

/* Kart içindeki eski satır içi "buton" linkleri (mavi hap) artık basılmıyor,
   ama başka sayfalarda kalmış olabilir — kart içinde nötrleştir. */
.gz-hb-row a:not(.gz-hb-link) {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    color: var(--gbc-turuncu-metin) !important;
    font-size: inherit !important;
}

.entry-content .gz-hb-not,
.gz-hb-not { font-size: 11.5px !important; line-height: 1.45 !important; padding: 9px 16px 11px; }

/* Canlı satırın noktası biraz küçülsün */
.gz-hb-row.is-canli .gz-hb-ans::after { width: 5px; height: 5px; margin-left: 6px; }

@media (max-width: 900px) {
    .entry-content .gz-hb-row, .gz-hb-row { font-size: 15px !important; padding: 11px 16px; }
    .entry-content .gz-hb-ans, .gz-hb-ans  { font-size: 15px !important; }
    .entry-content .gz-hb-link, .gz-hb-link{ font-size: 13.5px !important; }
}

/* ===================================================================
   GBC · NASIL GIDILIR SATIRI — ikon rozeti + satir ici ortaklik
   2026-08-29

   OLCULDU (canli CSSOM, /atina-gezi-rehberi/, 1400px):
   .gz-trans-left-icon 72x84px, "1px dashed #FFE0B2" cerceve, hover var(--gbc-cerceve-sicak)
   .gz-ti-big 26px EMOJI (u2708 u1F68C u26F4 u1F697) · .gz-ti-text 10px CAPS
   Emoji ikon olarak kullanilmaz (gbc-ux-ui kural 8): her platformda baska
   ciziliyor, marka rengini almiyor, ekran okuyucu adini okuyor.

   22607'de emoji dizisi mod SINIFINA cevrildi (gz-ti--ucak / --otobus /
   --feribot / --tren / --arac). Ikon buradan maske olarak basiliyor:
   tek dolgu var(--gbc-turuncu-metin), beyaz uzerinde 5.60:1.
   Cerceve kaldirildi, kutu 72 -> 56px, etiket buyuk harften cikarildi.
   Geri almak icin bu blogu sil.
   =================================================================== */

.gz-trans-left-icon{
  width:56px !important; min-width:56px !important;
  border:0 !important; background:transparent !important;
  padding:2px 0 !important; margin-right:14px !important;
  gap:5px;
}
.gz-trans-main-item:hover .gz-trans-left-icon{ background:transparent !important; }

.gz-ti-ikon{
  width:24px; height:24px; display:block; flex:none;
  background:var(--gbc-turuncu-metin);
  -webkit-mask:var(--gz-i) center / 24px 24px no-repeat;
          mask:var(--gz-i) center / 24px 24px no-repeat;
}
/* ═══ BUTCE SERIDI SUTUN SAYISINA GORE UYARLANIR — 2026-08-30 ═══
   OLCULDU (/tinos-gezi-rehberi/, 1440px): .gz-budget-grid sabit
   "245px 245px 245px" idi. Tinos'ta tek ortalama gosterildigi icin
   bir sutun doluydu ve seridin ucte ikisi bos gri alan olarak
   kaliyordu. Sablon bos sutun basmiyor, sorun izgarada.
   Cozum: dolu sutun sayisina gore izgara daralir.
   Uc bant kullanan sayfalar (Atina) etkilenmez. ═══ */
/* Tek kutu: fiyat solda, açıklama sağda — tek satır olarak okunur */
.entry-content .gz-box-body:has(.gz-budget-grid .gz-budget-col:only-child){
  display:grid;
  grid-template-columns:minmax(240px,300px) minmax(0,1fr);
  gap:16px;
  align-items:stretch;
}
.entry-content .gz-box-body:has(.gz-budget-grid .gz-budget-col:only-child) > *:nth-child(n+3){
  grid-column:1 / -1;
}
.entry-content .gz-box-body:has(.gz-budget-grid .gz-budget-col:only-child) > .gz-budget-grid{
  margin:0 !important;
  height:100%;
}
.entry-content .gz-box-body:has(.gz-budget-grid .gz-budget-col:only-child) > .gz-budget-grid .gz-budget-col{
  height:100%;
  justify-content:center;
}
.entry-content .gz-box-body:has(.gz-budget-grid .gz-budget-col:only-child) > .gz-text-area:nth-child(2){
  margin:0 !important;
  align-self:center;
}
.entry-content .gz-box-body:has(.gz-budget-grid .gz-budget-col:only-child) > .gz-text-area:nth-child(2) > p:first-child{
  margin-top:0 !important;
}
.entry-content .gz-box-body:has(.gz-budget-grid .gz-budget-col:only-child) > .gz-text-area:nth-child(2) > p:last-child{
  margin-bottom:0 !important;
}
@media (max-width:700px){
  .entry-content .gz-box-body:has(.gz-budget-grid .gz-budget-col:only-child){
    display:block;
  }
  .entry-content .gz-box-body:has(.gz-budget-grid .gz-budget-col:only-child) > .gz-text-area:nth-child(2){
    margin-top:14px !important;
  }
}

.entry-content .gz-budget-grid:has(.gz-budget-col:only-child){
  grid-template-columns: 1fr !important;
  max-width: 340px;
}
.entry-content .gz-budget-grid:has(.gz-budget-col:nth-child(2):last-child){
  grid-template-columns: repeat(2, 1fr) !important;
  max-width: 560px;
}

.gz-ti-text{
  font-size:11px !important;
  font-weight:600 !important;
  color:#6B6B6B !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  line-height:1.2 !important;
}

.gz-ti--ucak{ --gz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2Z'/%3E%3C/svg%3E"); }

.gz-ti--otobus{ --gz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6v6M15 6v6M2 12h19.6'/%3E%3Cpath d='M18 18h3s.5-1.7.8-2.8c.1-.4.2-.8.2-1.2s-.1-.8-.2-1.2l-1.4-5C20.1 6.8 19.1 6 18 6H4a2 2 0 0 0-2 2v10h3'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Cpath d='M9 18h5'/%3E%3Ccircle cx='16' cy='18' r='2'/%3E%3C/svg%3E"); }

.gz-ti--feribot{ --gz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 10.2V14M12 2v3'/%3E%3Cpath d='M19 13V7a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v6'/%3E%3Cpath d='M19.4 20A11.6 11.6 0 0 0 21 14l-8.2-3.6a2 2 0 0 0-1.6 0L3 14a11.6 11.6 0 0 0 2.8 7.8'/%3E%3Cpath d='M2 21c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1'/%3E%3C/svg%3E"); }

.gz-ti--tren{ --gz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3.1V7a4 4 0 0 0 8 0V3.1'/%3E%3Cpath d='m9 15-1-1M15 15l1-1'/%3E%3Cpath d='M9 19c-2.8 0-5-2.2-5-5v-4a8 8 0 0 1 16 0v4c0 2.8-2.2 5-5 5Z'/%3E%3Cpath d='m8 19-2 3M16 19l2 3'/%3E%3C/svg%3E"); }

.gz-ti--arac{ --gz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E"); }

/* Ortaklik bagi: metnin hemen altinda, tiklanmak icin tasarlanmis.
   Gri kutu ve 4px cubuk kaldirildi, yerine uc katli dikey yigin geldi:
   etiket -> buton -> bildirim. Aradaki bosluk tek yerden (gap:6px)
   yonetiliyor, olu bosluk yok; paragrafla arasi 10px.

   YASAL: etiket ve komisyon bildirimi BAGLANTININ YANINDA kalir.
   Buton guzellesebilir, bildirim gizlenemez (6502 sayili kanun ve
   Ticari Reklam Yonetmeligi ticari iceriginin acikca belirtilmesini
   istiyor; footer'daki tek satir yeterli sayilmiyor).

   KONTRAST: beyaz / var(--gbc-turuncu-metin) = 5.60:1 · var(--gbc-turuncu-metin) / #FFF1EA = 5.2:1
   DOKUNMA : min-height 44px (gbc-ux-ui kural 9)
   CLS     : olcu statik CSS'ten geliyor, ilk boyamada kesin; 0.003 bozulmaz. */
.entry-content .gz-trans-right-content > p{ margin-bottom:0 !important; }

.entry-content .gz-sec .gbc-aff{
  display:flex; flex-direction:column; align-items:flex-start; gap:6px;
  background:transparent; border:0; border-radius:0;
  padding:0; margin:10px 0 0;
}
.entry-content .gz-sec .gbc-aff .gbc-aff-et{
  order:1; margin:0 !important; vertical-align:baseline;
  background:#FFF1EA; color:var(--gbc-turuncu-metin) !important;
  font-size:9.5px !important; font-weight:800; letter-spacing:.08em;
  padding:3px 7px; border-radius:4px;
}
.entry-content .gz-sec .gbc-aff > a{
  order:2; margin:0;
  display:inline-flex; align-items:center; gap:9px;
  min-height:44px; padding:0 18px;
  background:var(--gbc-turuncu-metin) !important; color:#fff !important;
  border-radius:10px;
  font-size:15.5px !important; font-weight:700;
  text-decoration:none !important;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.entry-content .gz-sec .gbc-aff > a::after{
  content:""; width:16px; height:16px; flex:none; background:#fff;
  -webkit-mask:var(--gbc-ok-sag) center / 16px 16px no-repeat;
          mask:var(--gbc-ok-sag) center / 16px 16px no-repeat;
  transition:transform .18s ease;
}
.entry-content .gz-sec .gbc-aff > a:hover{
  background:#9A3412; color:#fff !important;
  box-shadow:0 4px 14px rgba(191,54,12,.22);
}
.entry-content .gz-sec .gbc-aff > a:hover::after{ transform:translateX(3px); }
/* Ulasim satirlarinda sablonun kendi baglanti sifirlamasi arka plani
   eziyordu (olculdu: SSS'deki ayni buton var(--gbc-turuncu-metin), ulasimdaki seffaf).
   Ayni agirlikta ve daha sonra gelen kuralla karsilaniyor. */
.entry-content .gz-trans-main-item .gz-trans-right-content .gbc-aff > a{
  background:var(--gbc-turuncu-metin) !important; color:#fff !important;
}
.entry-content .gz-trans-main-item .gz-trans-right-content .gbc-aff > a:hover{
  background:#9A3412 !important;
}
.entry-content .gz-sec .gbc-aff small{
  order:3; margin:0 !important;
  font-size:11.5px !important; line-height:1.45 !important; color:#8A8A8A !important;
}
/* ── İş ortaklığı butonu: TAM KIRMIZI ─────────────────────────────
   Neden: bölüm başlıkları, rozetler ve numaralar zaten var(--gbc-turuncu-metin).
   Buton aynı renkte olunca sayfanın kendi süsüne karışıyordu.
   #C62828 gerçek kırmızı ve beyazla 5.62:1 — eski renkle (5.60:1)
   aynı kontrast seviyesi, WCAG AA korunuyor. Hover #B71C1C (7.0:1). */
.entry-content .gz-sec .gbc-aff > a,
.entry-content .gz-trans-main-item .gz-trans-right-content .gbc-aff > a{
  background:#1F1F1F !important;
}
.entry-content .gz-sec .gbc-aff > a:hover,
.entry-content .gz-trans-main-item .gz-trans-right-content .gbc-aff > a:hover{
  background:#000 !important;
  box-shadow:0 4px 14px rgba(0,0,0,.20);
}
/* Ok markasi turuncu kalsin: buton sakin, kimlik duruyor. */
.entry-content .gz-sec .gbc-aff > a::after{ background:var(--gbc-turuncu); }

/* ── Gezi planı başlıkları (gezilecek yerler gruplaması) ──────────
   Yerler listesi duz bir siraysa okuyucu "kac tane daha var" diye
   kaydiriyor. Gune ve ulasim bicimine gore gruplayinca liste plana
   donusuyor; My Maps katmanlariyla birebir eslesiyor. */
/* v76 (30 Agu) — ESKI HALI: tek satirda cip + baslik + gri not, altinda
   2px gri cizgi. 789px'lik sutunda idare ediyordu; genis duzende satir
   1.160px'e yayilinca uc parca birbirinden koptu, bosluga dagildi ve
   turuncu bolum basligiyla arasindaki hiyerarsi kayboldu.
   YENI: iki satirli, sol kenarinda marka cizgisi olan blok. 1. satir
   grup adi + baslik, 2. satir plan notu. Hemen altina gelen
   .gz-plan-not ayni sicak renk ailesini kullanir, boylece baslik ve o
   gruba ait is birligi baglantisi tek bir kume gibi okunur. */
.entry-content .gz-plan-baslik{
  display:flex; flex-wrap:wrap; align-items:center; gap:3px 12px;
  margin:36px 0 16px; padding:15px 18px 14px;
  background:linear-gradient(90deg,#FFF6F1 0%,#FFFCFA 62%,#FFFFFF 100%);
  border:1px solid #F2E4DC; border-left:4px solid var(--gbc-turuncu-metin);
  border-radius:0 12px 12px 0;
  font-size:19px; font-weight:800; color:#1A1A1A; line-height:1.3;
}
.entry-content .gz-places-wrapper > .gz-plan-baslik:first-child{ margin-top:6px; }
.entry-content .gz-plan-no{
  flex:none; display:inline-flex; align-items:center;
  height:23px; padding:0 11px; border-radius:12px;
  background:var(--gbc-turuncu-metin); color:#fff;
  font-size:11.5px; font-weight:800; letter-spacing:.06em;
  text-transform:uppercase;
}
/* Plan notu kendi satirina iner: uc parca tek satirda yan yana durunca
   goz hangisinin baslik hangisinin aciklama oldugunu ayirt edemiyordu. */
.entry-content .gz-plan-baslik em{
  flex-basis:100%; margin-top:3px;
  font-style:normal; font-weight:500; font-size:14px; color:#6E6E6E;
  line-height:1.45;
}
/* Grup notu artik AYRI kutu degil, basligin son katmani.
   ESKI HALI: .gz-plan-not diye ikinci bir kutu vardi ve icerigi
   basligin alt satiriyla cakisiyordu (ikisi de "16:00" diyordu).
   Umut'un tarifi: "bunu birlestirmen lazim, tek olacak". */
.entry-content .gz-plan-baslik small{
  flex-basis:100%; margin-top:10px; padding-top:11px;
  border-top:1px dashed rgba(191,54,12,.22);
  font-size:14.5px; font-weight:400; color:#3A3A3A; line-height:1.6;
  max-width:820px;
}
@media (max-width:544px){
  .entry-content .gz-plan-baslik small{ font-size:14px; margin-top:9px; padding-top:10px; }
}
@media (max-width:544px){
  .entry-content .gz-plan-baslik{
    font-size:17px; gap:3px 10px; margin:28px 0 14px; padding:13px 14px 12px;
  }
  .entry-content .gz-plan-baslik em{ font-size:13.5px; }
}

/* ── Kart görseli ────────────────────────────────────────────────
   Bos yuva HICBIR SEY basmaz (kesik cizgili kutu kaldirildi, kartin
   ortasinda delik gibi duruyordu). Gorsel eklenince masaustunde saga
   yaslaniyor ve metin etrafindan akiyor; mobilde tam genislik.
   Tiklaninca buyuyor (gz-kart-buyut). */
.entry-content .gz-place-img:empty{ display:none; }

/* Gorselli kart, v77 (30 Agu).
   OLCULDU: 9 karta gorsel eklenince bolum 1.623px'ten ~3.000px'e
   cikiyordu. Uc karar: (1) gorsel kartin ustunde tam genislikte,
   (2) 16/9 serit, dosyayi kesmeden object-fit ile, (3) numara rozeti
   gorselin uzerine cikiyor, boylece kartin 74px'lik sol payi kalkiyor
   ve metin tam genisligi kullaniyor.
   Gorseli olmayan kart eski duzeninde kalir. */
/* HATA (31 Agu, canli olculdu): yan bosluk kartin cocuklarina tek tek
   margin-left:20px ile veriliyordu. Basligin margin'ini baska bir kural
   sifirliyordu, o yuzden baslik 1px'te, etiketler ve metin 21px'te
   duruyordu. Goz bunu "baslik kaymasi" olarak goruyor.
   DOGRUSU: yan boslugu KARTIN kendisine ver, gorseli negatif margin ile
   disari tasir. Boylece butun cocuklar ayni sol kenardan baslar,
   hangi kural neyi ezmis diye ugrasmaya gerek kalmaz. */
.entry-content .gz-place-card:has(.gz-place-img img){
  display:flex; flex-direction:column;
  padding:0 20px 18px;
  overflow:hidden;
}
.entry-content .gz-place-card:has(.gz-place-img img)::after{ display:none; }
.entry-content .gz-place-card:has(.gz-place-img img) .gz-place-img{
  order:-1;
  float:none !important;
  /* max-width:none sart: .gz-full-wrapper * kurali %100'e sabitliyor,
     yoksa gorsel sola tasiyor ama sagda 20px eksik kaliyor. */
  max-width:none !important;
  width:calc(100% + 40px) !important;
  margin:0 -20px 14px !important; padding:0;
}
.entry-content .gz-place-card:has(.gz-place-img img) .gz-place-img img{
  display:block; width:100%; height:auto;
  aspect-ratio:16/9; object-fit:cover;
  border-radius:0;
}
/* Cocuklara ayri ayri yan margin VERILMEZ, yan bosluk kartta.
   Eskiden burada margin-left:20px vardi ve baslikta tutmuyordu. */
.entry-content .gz-place-card:has(.gz-place-img img) .gz-inner-title,
.entry-content .gz-place-card:has(.gz-place-img img) .gz-inner-tags,
.entry-content .gz-place-card:has(.gz-place-img img) p{
  margin-left:0 !important; margin-right:0 !important;
}
.entry-content .gz-place-card:has(.gz-place-img img) p{ margin-bottom:0; }
.entry-content .gz-place-card:has(.gz-place-img img) .gz-num-badge{
  top:12px !important; left:12px !important; z-index:3;
  box-shadow:0 2px 10px rgba(0,0,0,.45);
}
.entry-content .gz-place-card::after{ content:""; display:block; clear:both; }
.entry-content .gz-place-img img{
  display:block; width:100%; height:auto;
  border-radius:10px; cursor:zoom-in;
  transition:filter .18s ease;
}
.entry-content .gz-place-img img:hover{ filter:brightness(.94); }
@media (min-width:769px){
  .entry-content .gz-place-img{
    float:right; width:236px; margin:2px 0 12px 20px;
  }
}
@media (max-width:768px){
  .entry-content .gz-place-img{ margin:10px 0 12px; }
}
/* Büyütme katmani */
#gz-kb{
  position:fixed; inset:0; z-index:99998; display:none;
  align-items:center; justify-content:center;
  background:rgba(0,0,0,.88); padding:24px; cursor:zoom-out;
}
#gz-kb.acik{ display:flex; }
#gz-kb img{ max-width:100%; max-height:92vh; border-radius:10px; display:block; }
#gz-kb .gz-kb-kapat{
  position:absolute; top:14px; right:18px;
  font-size:34px; line-height:1; color:#fff; cursor:pointer;
  background:none; border:0; padding:6px 10px;
}
.entry-content .gbc-aff.gbc-aff--plan{ margin:6px 0 22px; }
/* Grup sonu notu: karta benzemesin, plan icinde bir ara cumle gibi dursun */

/* Basligin hemen altindaki not o gruba aittir: ayni sicak aileyi
   kullanir ve baslikla arasi kisalir, iki ayri kutu gibi durmaz. */


/* v73: mobil bolum sirasi CSS order ile kuruluyor (900px alti). Sablonda
   konaklamayi ulasimin altina tasidik; mobilde de ayni sirayi kurmak icin
   order degerlerini guncelliyoruz, yoksa masaustu ve mobil farkli okunur. */
@media (max-width:900px){
  .gz-top-grid .gz-main-column > .gz-s-konak{ order:9 !important; }
  .gz-top-grid .gz-main-column > .gz-s-yerler{ order:10 !important; }
}

/* ── "Biz burada kaldık" kutusu ──────────────────────────────────
   Numarali kart degil: numarali kart "listeden bir tanesi" demek,
   burasi ise tek ve ozel. Kenardaki kalin marka cizgisi ve etiket
   bunu bir tavsiye degil bir TANIKLIK olarak isaretliyor. */
.entry-content .gz-stay-biz{
  margin:18px 0 6px; padding:18px 20px;
  background:#FFFBF8; border:1px solid #F0E2DA; border-left:4px solid var(--gbc-turuncu-metin);
  border-radius:0 12px 12px 0;
}
.entry-content .gz-stay-et{
  display:inline-block; margin-bottom:6px;
  background:var(--gbc-turuncu-metin); color:#fff;
  font-size:10.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase;
  padding:4px 9px; border-radius:5px;
}
.entry-content .gz-stay-ad{
  font-size:21px; font-weight:800; color:#1A1A1A; line-height:1.25; margin:2px 0 12px;
}
/* Gorseller metnin YANINDA: alt alta koyunca kutu iki ekran boyu
   uzuyordu. Sagda dar bir sutun, metin solda; kutu kisaliyor ve
   gorsel ile yazi ayni anda goruluyor. 700px altinda alt alta. */
.entry-content .gz-stay-gorsel{
  /* Gorsel sayisi degisken: 1, 2 ya da 3. auto-fit ile mobilde tek
     gorsel tam genislik, iki gorsel yariya, uc gorsel uce boluniyor. */
  display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
  gap:8px; margin:0 0 14px;
}
/* Masaustu: iki sutun. Gorsel sutunu METNIN BOYU kadar; iki gorsel
   o yuksekligi esit bolusuyor ve object-fit ile kirpiliyor. Boylece
   gorseller ne minicik kaliyor ne de yaziyi asip kutuyu uzatiyor. */
@media (min-width:701px){
  .entry-content .gz-stay-biz{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    column-gap:22px;
    align-items:stretch;
  }
  .entry-content .gz-stay-metin{ grid-column:1; min-width:0; }
  .entry-content .gz-stay-biz > .gz-stay-gorsel{
    grid-column:2; margin:0; align-self:stretch;
    display:grid; grid-template-columns:1fr; grid-template-rows:none;
    grid-auto-rows:1fr; gap:10px;
    height:100%; min-height:0;
  }
  /* Gorseller mutlak konumlu: boyle yapmazsak kendi dogal yukseklikleri
     satiri buyutuyor ve kutu metnin iki katina cikiyordu (olculdu:
     759px). Simdi sutun metnin boyunu aliyor, gorseller o boya
     kirpiliyor: kutu 364px. */
  .entry-content .gz-stay-biz > .gz-stay-gorsel .gz-place-img{
    position:relative; min-height:120px; border-radius:10px; overflow:hidden;
  }
  .entry-content .gz-stay-biz > .gz-stay-gorsel .gz-place-img img{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; border-radius:0;
  }
}
.entry-content .gz-stay-gorsel .gz-place-img{ float:none !important; width:auto !important; margin:0 !important; }
.entry-content .gz-stay-biz p{ margin:0 0 12px; }
@media (max-width:544px){
  .entry-content .gz-stay-biz{ padding:15px 16px; }
  .entry-content .gz-stay-ad{ font-size:19px; }
  .entry-content .gz-stay-gorsel{ gap:8px; }
}

/* ── Sayfa sonu ortaklık bildirimi ──────────────────────────────── */
.entry-content .gz-aff-bildirim{
  margin:18px 0 6px; padding:14px 16px;
  background:#FAFAFA; border:1px solid #ECECEC; border-radius:10px;
  font-size:12.5px !important; line-height:1.6 !important; color:#7A7A7A !important;
}
.entry-content .gz-aff-bildirim strong{ color:#4A4A4A; }
.entry-content .gz-aff-bildirim em{ font-style:normal; font-weight:700; color:#6E6E6E; }
.entry-content .gz-aff-bildirim a{
  color:#7A7A7A !important; text-decoration:underline; text-underline-offset:2px;
}

/* ── Sosyal satırı (en alt) ─────────────────────────────────────── */
.entry-content .gz-social-row{
  display:flex; align-items:center; flex-wrap:wrap; gap:10px;
  padding:16px 18px; margin-top:6px;
  /* v80: yazar kutusuyla ayni dil (16px radius, #EDEDED cerceve, beyaz). */
  background:#fff; border:1px solid #EDEDED; border-radius:16px;
}
.entry-content .gz-social-lbl{
  font-size:14px; font-weight:600; color:#3A3A3A; margin-right:4px;
}
.entry-content a.gz-social-btn{
  display:inline-flex; align-items:center; gap:8px;
  min-height:44px; padding:0 16px;
  border:1px solid #E0E0E0; border-radius:10px;
  background:#fff !important; color:#1F1F1F !important;
  font-size:14px; font-weight:700; text-decoration:none !important;
  transition:border-color .15s ease, color .15s ease, background .15s ease;
}
.entry-content a.gz-social-btn svg{ flex:none; color:var(--gbc-turuncu-metin); }
.entry-content a.gz-social-btn:hover{
  border-color:var(--gbc-turuncu-metin); color:#9A3412 !important; background:#FFF7F2 !important;
}
@media (max-width:544px){
  .entry-content .gz-social-row{ padding:14px 15px; }
  .entry-content .gz-social-lbl{ width:100%; margin-bottom:2px; }
}

/* ── v81: takip seridi kaldirildi ───────────────────────────────────────
   Ayni YouTube + Instagram baglantilari hemen altindaki yazar kutusunda
   var; serit ayni soruyu ikinci kez soruyordu. Sablonda [hidden]
   isaretlendi, burada da kapatiliyor (display:flex kurali [hidden]
   varsayilanini eziyor, o yuzden bu satir sart).
   Geri acmak icin: 22607'deki hidden'i sil ve bu blogu kaldir. */
.entry-content .gz-social-row{ display: none !important; }
@media (max-width: 544px){
    .entry-content .gz-social-row{ display: none !important; }
}

/* ── Ulaşım satırı, mobil: ikon üstte yatay, metin tam genişlik ─────
   Olculdu (375px): ikon sutunu 48px, metine 257px kaliyordu ve satir
   301px yuksekligindeydi. Ikon yatay bir etikete donunce metin tam
   genislige yayiliyor, ayni icerik cok daha kisa sarilyor. */
@media all {
  .entry-content .gz-trans-main-item{ display:block; }
  .entry-content .gz-trans-main-item::after{ content:""; display:block; clear:both; }
  /* Ikon SOLA sabitlenir, metin ilk satirdan itibaren yanindan baslar ve
     ikonun altindan devam eder. Ikon ustte ayri satir olunca satir bir
     satir daha uzuyordu; boyle hicbir bosluk kalmiyor. */
  .entry-content .gz-trans-main-item .gz-trans-left-icon{
    float:left; width:auto; min-width:0;
    display:flex; flex-direction:column; align-items:center; gap:2px;
    margin:3px 14px 6px 0;
    /* Yumusak dolgu, cerceve YOK. Kartin kendisi zaten cerceveli,
       etiketler cerceveli; dorduncu bir cizgi gurultu olurdu.
       Dolgu ikonu tek parca yapiyor ve metnin neden oradan sardigini
       gozle acikliyor. */
    padding:7px 8px 6px !important; background:#FFF7F2 !important; border-radius:10px !important;
  }
  .entry-content .gz-trans-main-item .gz-trans-left-icon .gz-ti-text{
    font-size:11.5px; font-weight:700; color:#8A8A8A; white-space:nowrap;
  }
  .entry-content .gz-trans-main-item .gz-trans-right-content{
    width:auto; max-width:none; margin:0; padding:0;
  }
}

/* ── Satır içi ortaklık bağlantısı (mockup'taki "fiyatlara bak ↗") ──
   Ulasim satirlari BILGI satiri; kullanici once okuyor, sonra karar
   veriyor. Kocaman buton okumayi kesiyor ve satirin ritmini bozuyor.
   Cumlenin sonunda alti cizili bir baglanti akisi bozmadan tikliyor.
   Renk var(--gbc-turuncu-metin) beyaz zeminde 5.60:1, alti cizili oldugu icin renge
   bagimli degil (WCAG 1.4.1). */
.entry-content .gz-sec a.gbc-in{
  background:transparent !important;
  color:var(--gbc-turuncu-metin) !important;
  font-weight:700;
  text-decoration:underline !important;
  text-underline-offset:3px;
  text-decoration-thickness:1.5px;
  padding:1px 2px; border-radius:3px;
  transition:color .15s ease, background .15s ease;
}
/* GBC 2026-09-09 · SINIFSIZ IC BAGLANTI EMNIYETI
   OLCULDU (Budapeste 18573, 1440px canli): bolum icindeki 21 ic baglantinin
   18'i .gbc-in ile var(--gbc-turuncu-metin)/700/alti cizili basiliyor, 4 tanesi sinifsiz oldugu
   icin #1C0D0A/400/cizgisiz, yani duz govde metni gibi goruunuyordu. Silo
   yonlendirmesi (Pomo D'Oro), metro haritasi PDF'i ve butce capasi bunlardandi;
   okur tiklanabilir oldugunu anlamiyordu.
   Kural yalnizca PARAGRAF ICINDEKI sinifsiz baglantiyi hedefler; otel secici
   kartlarinin (.gbc-pick) baglantilari <div> altinda oldugu icin etkilenmez.
   Boylece bundan sonra sinif yazmayi atlayan her ic baglanti da dogru gorunur.
   Geri almak icin bu blogu sil. */
/* GBC 2026-09-09: Gezilecek yer / yemek / konaklama kartlarindaki DIKEY
   fotograf blogu gizlendi. Kaynak: snippet 29969 (BOLUM MEDYASI v2.5);
   her .gz-place-card icine .gbc-sm-kart-foto basiyor ve ayni fotografi
   240x300 dikey olarak ikinci kez gosteriyordu. Olculdu 2026-09-09:
   Atina'da 29 adet, Budapeste'de 0. Kartin kendi 16:9 gorseli
   (.gz-place-img, 544x227) zaten ustunde duruyor.
   NOT: bu blok Pinterest kaydet tetikleyicisini de tasiyor; gizlenince
   kart uzerindeki kaydet dugmesi de gorunmez olur. Geri almak icin
   asagidaki iki satiri sil. */
.entry-content .gz-place-card > .gbc-sm-kart-foto{ display:none !important; }
.entry-content .gz-place-card.gbc-sm-kartli{ position:relative; }

.entry-content .gz-sec p > a:not([class]){ color:var(--gbc-turuncu-metin); font-weight:700; text-decoration:underline; text-underline-offset:2px; }

.entry-content .gz-sec a.gbc-in::after,
.entry-content .gz-sidebar-card a.gbc-in::after,
.entry-content .gz-yakin-row .gz-serie-ad::after,
.entry-content .gz-yv-row .gz-serie-txt::after{
  content:""; display:inline-block; vertical-align:-1px;
  width:11px; height:11px; margin-left:4px; background:currentColor;
  -webkit-mask:var(--gbc-ok-capraz) center / 11px 11px no-repeat;
          mask:var(--gbc-ok-capraz) center / 11px 11px no-repeat;
}
.entry-content .gz-sec a.gbc-in:hover,
.entry-content .gz-trans-main-item .gz-trans-right-content a.gbc-in:hover{
  color:#9A3412 !important; background:#FFF7F2 !important;
}
.entry-content .gz-trans-main-item .gz-trans-right-content a.gbc-in{
  background:transparent !important; color:var(--gbc-turuncu-metin) !important;
}
/* Reklam Kurulu kilavuzu: acikliyici ibare KOLAY OKUNUR olmali.
   10px / #A0A0A0 govde metninin yaninda siliniyordu; 11.5px / #6E6E6E
   beyaz zeminde 5.7:1 ve gri kalarak baglantiyla yarismiyor. */
.entry-content .gbc-in-et{font-size:var(--gbc-rozet-punto);font-weight:700;letter-spacing:.03em;color:var(--gbc-rozet-renk);white-space:nowrap}
.entry-content .gz-serie-list .gbc-in-et{display:block;margin-top:2px}
.entry-content .gz-sec .gbc-in-et{
  font-size:var(--gbc-rozet-punto); font-weight:700; letter-spacing:.03em;
  color:var(--gbc-rozet-renk); white-space:nowrap;
}
/* v74: bolum bazli uzun sorumluluk cumlesi kaldirildi, sayfada bir kez
   en altta basiliyor (.gz-aff-bildirim). Eski icerikler icin duruyor. */
.entry-content .gz-sec .gbc-in-pol{
  display:block; margin-top:10px;
  font-size:11.5px !important; line-height:1.45 !important; color:#8A8A8A !important;
}
.entry-content .gz-sec .gbc-in-pol a{
  color:#8A8A8A !important; text-decoration:underline; text-underline-offset:2px;
}

/* ── İki seçenekli CTA: butonlar yan yana ──────────────────────────
   Uçuşta iki gerçek seçenek var (Mykonos / Atina). Alt alta iki buton
   listeye benziyor ve ikincisi görülmüyor; yan yana ikisi de eşit
   ağırlıkta duruyor. 620px altında alt alta düşüyor. */
.entry-content .gz-sec .gbc-aff.gbc-aff--2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 10px;
  align-items:stretch;
}
.entry-content .gz-sec .gbc-aff.gbc-aff--2 > .gbc-aff-et{ grid-column:1 / -1; justify-self:start; }
.entry-content .gz-sec .gbc-aff.gbc-aff--2 > small{ grid-column:1 / -1; }
.entry-content .gz-sec .gbc-aff.gbc-aff--2 > a{
  justify-content:center;
  text-align:center;
  padding:0 14px;
  font-size:15px !important;
  line-height:1.25;
}
@media (max-width:620px){
  .entry-content .gz-sec .gbc-aff.gbc-aff--2{ grid-template-columns:1fr; }
}

.entry-content .gz-sec .gbc-aff small a{
  color:#8A8A8A !important; text-decoration:underline; text-underline-offset:2px;
}
@media (prefers-reduced-motion: reduce){
  .entry-content .gz-sec .gbc-aff > a,
  .entry-content .gz-sec .gbc-aff > a::after{ transition:none; }
}

@media (max-width: 640px){
  .gz-trans-left-icon{ width:48px !important; min-width:48px !important; margin-right:12px !important; }
  .gz-ti-ikon{ width:22px; height:22px; -webkit-mask-size:22px 22px; mask-size:22px 22px; }
  .gz-ti-text{ font-size:10.5px !important; }
  .entry-content .gz-sec .gbc-aff > a{ font-size:14.5px !important; }
}

/* ─────────────────────────────────────────────────────────────
   GENIS DUZEN (v75 · 30 Agu 2026) · .gz-genis
   OLCULDU (Tinos 30152, 356px): yan sutundaki 5 kart toplam ~1.850px.
   Ana sutun ~10.300px (masaustunde kabaca 5.500px). Yani yan sutun
   sayfanin ust ucte birini dolduruyor, altinda ~3.500px sagdan bos.
   COZUM: sablon ust bolumleri .gz-main-column'da, Gezilecek Yerler'den
   itibarasini .gz-genis-blok'ta tutuyor. Genis duzende alt blok izgaranin
   2. satirinda iki sutunu birden kapliyor.
   OLCULDU (yerel 1440px kopya): genis 5.567px, dar 6.726px sayfa boyu.
   Yani ayni icerik 1.159px daha az kaydirma, yan sutun 1.933px'te bitiyor,
   genis blok 2.275px'te basliyor, 342px bosluk var.
   DIKKAT: yan sutunu uzun olan sayfalarda (hub kartlari, kac gun,
   seri karti dolu olanlar) bu anahtari ACMAYIN, bolum kartlarin
   ustune biner. Anahtar: post meta layout_genis = 1
   ───────────────────────────────────────────────────────────── */
@media (min-width: 993px) {

    /* Bolum kendi izgara sutunundan tasar: yan sutun genisligi
       (ana sutunun 1/2.3'u = %43.48) + 28px izgara boslugu.
       Yuzde kullaniyoruz ki 1200px alti ekranlarda da dogru olsun.
       max-width:none sart, cunku .gz-full-wrapper * kurali %100'e sabitliyor. */
    .gz-top-grid > .gz-main-column    { grid-column: 1; grid-row: 1; min-width: 0; }
    .gz-top-grid > .gz-genis-blok     { grid-column: 1; grid-row: 2; min-width: 0; }
    .gz-top-grid > .gz-sidebar-column { grid-column: 2; grid-row: 1 / -1; }

    /* Genis duzen: alt blok iki sutunu da kaplar, yan sutun ust satirda kalir.
       Izgara satirlari ayri oldugu icin cakisma matematiksel olarak imkansiz. */
    .gz-genis .gz-top-grid > .gz-genis-blok     { grid-column: 1 / -1; }
    .gz-genis .gz-top-grid > .gz-sidebar-column { grid-row: 1; }

    /* Kart genisleyince satir ~130 karaktere cikiyordu (hedef 60-75).
       Iki sutuna gecirip kart genisligini ~566px'de tutuyoruz. */
    .gz-genis .gz-s-yerler .gz-places-wrapper,
    .gz-genis .gz-s-yemek  .gz-places-wrapper,
    .gz-genis .gz-s-bilgi  .gz-places-wrapper {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        /* start degil stretch: yan yana duran iki kartin metin uzunlugu
           farkli oldugu icin altlari hizalanmiyordu, izgara kirik gorunuyordu.
           OLCULDU: ayni satirda 533px ve 500px kartlar vardi.
           stretch ile satirdaki kartlar ayni yuksekligi paylasiyor. */
        align-items: stretch;
    }

    /* Grup basliklari ve not bloklari iki sutunu da kaplar */
    .gz-genis .gz-places-wrapper > .gz-plan-baslik,
    .gz-genis .gz-places-wrapper > .gz-plan-not { grid-column: 1 / -1; }

    /* Iki sutunlu kartta saga sarilmis 236px gorsel metne 210px
       birakiyordu. Gorsel artik kartin uzerinde, tam genislikte. */
    /* Genis duzende kart 546px; 16/9 serit 307px oluyor ve bolum
       gereksiz uzuyor. 24/10'a indirince serit 227px, kart ~80px
       kisaliyor, 9 kartta ~400px kazanc. Fotograf hala tam genislikte
       ve etkili, sadece ust ve alttan biraz daha kirpiliyor. */
    .gz-genis .gz-place-card:has(.gz-place-img img) .gz-place-img img{
        aspect-ratio: 24/10;
    }

    /* Duz metin bloklari genislemesin, satir uzunlugu korunur. */
    /* HATA (30 Agu, canli masaustunde olculdu): buraya .gz-text-area'ya
       780px yazmistim. ACF kart listeleri de .gz-text-area icinde
       basiliyor, o yuzden 1160px'lik bolumde kart izgarasi 780px'te
       kaliyor ve kartlar sola toplaniyordu, sagda 360px bos kaliyordu.
       Dogrusu: kabi serbest birak, yalnizca DUZ METNI sinirla. */
    .gz-genis .gz-genis-blok .gz-text-area { max-width: none; }
    .gz-genis .gz-genis-blok .gz-text-area > p,
    .gz-genis .gz-genis-blok .gz-text-area > ul,
    .gz-genis .gz-genis-blok .gz-text-area > ol,
    .gz-genis .gz-genis-blok .gz-text-area > h3,
    .gz-genis .gz-genis-blok .gz-plan-not { max-width: 820px; }

    /* SEAM REKLAMI (30 Agu, canli olculdu).
       Reklam motoru bolumleri </article> sinirindan bolup reklami oraya
       basiyor. Konaklama ile Gezilecek Yerler arasindaki sinir ust blogun
       ICINDE kaldigi icin reklam 789px'te sikisiyordu. Oysa tam o nokta
       iki duzen arasindaki gecis: orada tam genislik hem 970x250 gibi
       yuksek CPM'li yatay formatlari acar hem de genislik degisimini
       "kaza" olmaktan cikarip "bilerek konmus ayrac"a cevirir.
       Guvenli, cunku .gz-genis yalnizca yan sutunu kisa olan sayfalarda
       acik ve bu reklam ust blogun SON cocugu, yani yan sutunun altinda.
       Olculdu: yan sutun 2.306px'te bitiyor, reklam 2.701px'te basliyor.
       Dolmayan reklam zaten :not(:has(iframe)) ile tamamen cokuyor. */
    /* GBC 2026-09-07 (GERI ALINDI, kayit icin duruyor): Gezi sablonuna yan sutun
   yapiskan reklami denendi ve KALDIRILDI. Sebep olculdu: gz-top-grid iki satirli
   bir grid, satir 1 = 3.266 px (govde + yan sutun), satir 2 = 16.979 px
   (.gz-genis-blok, TAM GENISLIK, yan sutun yok). Yani yan sutunun kosabilecegi
   mesafe 3.266 px; kartlar zaten 2.343 px tutuyor, geriye ~900 px kaliyor ve
   reklam sayfanin cok altinda kaliyordu. Liste sablonundaki cozum burada
   ise yaramiyor. Gercek cozum yan sutunu iki satira birden yaymak, bu bir
   yerlesim degisikligi ve Umut'un onayina bagli. Asagidaki eski kural aynen duruyor. */
/* ESKI DENEME (etkisiz, silindi):
   .gz-top-grid > .gz-sidebar-column{ align-self:stretch }
   .gz-sidebar-column > .gz-sticky-wrapper{ position:static }
   .gz-sidebar-column .gbc-ad-yan{ position:sticky; top:90px; min-height:600px } */
.gz-genis .gz-main-column > .gbc-ad:last-child {
        max-width: none;
        /* margin-right ile genisletmeyi denedim, tutmadi: dolmayan reklami
           cokerten .gbc-ad:not(:has(iframe)) kurali margin:0 !important
           yaziyor ve onu eziyordu. width ile genisletince o kural karismiyor,
           reklam dolmadiginda da yuksekligi zaten sifira iniyor. */
        /* GBC 2026-09-07: GENISLETME KALDIRILDI (eski deger: width:calc(143.48% + 28px)).
           O kural reklami 789 px'lik ana sutundan 1160 px'e cikariyordu ve
           "bu reklam yan sutunun ALTINDA kalir" varsayimina dayaniyordu.
           Tinos'ta olculdu: yan sutun 3.051 px'e kadar suruyor, reklam ise
           2.100 px civarinda basliyor, yani hala yan sutunun YANINDA.
           Genisleyen reklam yan sutun kartlarinin altina giriyor, kartlar
           reklamin uzerine biniyor ve "is birligi" etiketleri kutunun disina
           tasiyordu. Reklamin icerikle ust uste binmesi AdSense kurallarina da
           aykiri. Ana sutun genisligi zaten yeterli.
           Geri almak icin bu yorumu silip eski width satirini geri koy. */
        width: auto;
    }

    /* .gz-main-column > .gz-sec kurali artik alt bloktakileri yakalamiyor */
    .gz-genis-blok > .gz-sec { margin-top: 24px; }
    .gz-genis-blok > .gz-sec:first-of-type { margin-top: 0; }
}

/* ─────────────────────────────────────────────────────────────
   GENIS DUZEN, mobil karsiligi.
   Gezilecek Yerler'den itibaren bolumler .gz-genis-blok icinde.
   Mobilde o kutu da kalkmali (display:contents) ve icindekiler ayni
   sira degerlerini almali. Yoksa .gz-main-column > * order:90 kuralina
   takilmadiklari icin order:0 ile sayfanin en basina firlarlar.
   ───────────────────────────────────────────────────────────── */
@media (max-width: 992px) {
    .gz-genis-blok { display: contents !important; }

    .gz-top-grid .gz-genis-blok > * {
        order: 90;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }

    .gz-top-grid .gz-genis-blok > .gz-s-yerler     { order: 10; }
    .gz-top-grid .gz-genis-blok > .gz-s-yemek      { order: 11; }
    .gz-top-grid .gz-genis-blok > .gz-s-bilgi      { order: 13; }
    .gz-top-grid .gz-genis-blok > .gz-s-sss        { order: 14; }
    .gz-top-grid .gz-genis-blok > .gz-howmade      { order: 20; }
    .gz-top-grid .gz-genis-blok > .gz-aff-bildirim { order: 95; }

    .gz-genis-blok > .gz-sec { margin-top: 0 !important; }
}

/* GBC 2026-09-05: HUB YONLENDIRME SATIRI
   Eskiden bolum sonunda dolu turuncu bir buton vardi. AdSense bloklarinin
   yaninda reklam gibi gorunup goz ardi ediliyordu. Artik yan sutundaki
   "vlogu bastan sona izle" satiriyla ayni dil: acik zemin, ince cerceve,
   turuncu kalin metin, ok metnin icinde (&rarr;).
   Bes bolumun tamami (butce, ulasim, konaklama, yerler, yemek) bu
   gorunumu paylasir. Geri almak icin bu blogun tamamini sil. */
.entry-content .gz-btn-wrap{
    border-bottom: none;
    margin-bottom: 8px;
    text-align: left;
}
.entry-content .gz-oval-btn{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    /* !important: 23855'teki "birincil buton tek bicim" kurali dolu turuncu
       zemini !important ile dayatiyor. Bilesen kurali orada degil burada
       tanimli oldugu icin ustune yaziliyor. 23855'ten .gz-oval-btn satiri
       cikarilirsa bu !important'lar da kaldirilabilir. */
    background: transparent !important;
    color: var(--gbc-turuncu-metin) !important;
    border: none;
    border-top: 1px solid #f0f0f0;
    border-radius: 0 !important;
    padding: 14px 2px 4px;
    font-size: 16px !important;
    line-height: 1.35;
    font-weight: 700 !important;
    text-transform: none;
    letter-spacing: 0;
    text-align: left;
    box-shadow: none;
    transition: background .18s ease, color .18s ease;
}
.entry-content .gz-oval-btn::after{ content: none; }
/* GBC 2026-09-06: UCUS ARAMA KABI (Skyscanner widget)
   Widget calisma aninda iframe basiyor ve yuksekligini biz bilmiyoruz.
   Yer rezerve edilmezse altindaki her sey asagi ziplar; sitenin CLS'i
   0.003 ve bu sayiyi bozan degisiklik kabul edilmiyor. min-height
   olculerek belirlendi. Widget yuklenmezse kutu bos ama sabit kalir.
   Geri almak icin bu blogu ve icerikteki .gz-ucus-ara kabini sil. */
.entry-content .gz-ucus-ara{ margin:18px 0 4px; }
.entry-content .gz-ucus-bas{
    display:flex; align-items:center; gap:8px; flex-wrap:wrap;
    font-size:14px; font-weight:700; color:var(--gbc-turuncu-metin); margin-bottom:8px;
}
.entry-content .gz-ucus-kutu{
    min-height:400px;
    border:1px solid var(--gbc-cerceve-sicak); border-radius:12px;
    background:#fff9f6; padding:12px;
    contain:layout;
}
/* GBC 2026-09-06 duzeltme: Skyscanner loader iframe'e inline height:0 veriyor.
   Ic uygulama 0 yukseklikte olcum yapamadigi icin height-change mesajini hic
   gondermiyor ve kutu bos kaliyordu (canli olcum: sadece z-index mesaji geldi).
   Iframe'e olculmus taban yukseklik verilince uygulama olcuyor, mesaji
   gonderiyor; takvim acilinca inline height min-height'i asip buyuyor.
   374,59px widget'in kendi bildirdigi yukseklik, 320-700px arasi degismiyor. */
.entry-content .gz-ucus-kutu [data-skyscanner-widget]>div,
.entry-content .gz-ucus-kutu [data-skyscanner-widget] iframe{ min-height:376px; }
@media (max-width:781px){
    .entry-content .gz-ucus-kutu{ padding:10px; }
}

.entry-content .gz-oval-btn .gz-git-t{ display: block; }
.entry-content .gz-oval-btn .gz-git-t em{
    display: block;
    margin-top: 3px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #6b6b6b;
}
.entry-content .gz-oval-btn .gz-git-ok{
    margin-left: auto;
    flex: 0 0 auto;
    font-size: 18px;
    line-height: 1;
    transition: transform .18s ease;
}
.entry-content .gz-oval-btn:hover .gz-git-ok{ transform: translateX(3px); }
/* ── v84 (2026-09-08): FOTOGRAF GALERISI · dikey kareler ────────────────
   Kutu aspect-ratio 1/1 idi ve object-fit:cover ile dikey fotograflarin
   ustunden ve altindan yaklasik %25'i kirpiliyordu. Olculdu: kaynak
   768x1024 (Budapeste 3:4), kutu 204x204. Rodos galerisi 1080x1350 (4:5).
   Kutu 4/5'e cekildi: Rodos'ta kirpma sifir, Budapeste'de %25 -> ~%6.
   Bolum dolgusu 40px genisti 24px'e indi, baslik altindaki bosluk
   25px'ten 16px'e cekildi. Mobil dolgu kurallarina dokunulmadi.
   a.gz-gallery-link 22607'de eklendi (tam boy dosyaya giden baglanti,
   Google Gorseller icin); kutuyu doldursun diye block yapildi. */
.gz-gallery-item{ aspect-ratio: 4 / 5; }
.gz-gallery-section{ padding: 24px; }
.gz-gallery-title{ margin: 0 0 16px; padding-bottom: 12px; }
.gz-gallery-grid{ gap: 12px; }
.gz-gallery-item .gz-gallery-link{ display: block; width: 100%; height: 100%; }
.gz-gallery-item .gz-gallery-link img{ width: 100%; height: 100%; object-fit: cover; display: block; }
/* v84 devami: yukaridaki dolgu/bosluk kurallari kaynak sirasinda mobil
   media query'lerinden SONRA geldigi icin onlari eziyordu (olculdu: mobil
   yan dolgu 12px iken 24px'e cikiyordu). Mobil degerler burada geri veriliyor. */
@media (max-width: 992px){
    .gz-gallery-section{ padding: 20px 12px 24px; }
    .gz-gallery-grid{ gap: 10px; }
    .gz-gallery-title{ margin: 0 0 14px; padding-bottom: 10px; }
}
@media (max-width: 480px){
    .gz-gallery-section{ padding: 14px 10px 18px; }
    .gz-gallery-grid{ gap: 8px; }
}

/* ── v85 (2026-09-08): "Kac Gunde Gezilir" kartinda satir yuksekligi ────
   .gz-day-lbl ve .gz-day-sub, govdenin 32px satir yuksekligini miras
   aliyordu (yan sutun tuzagi, bkz. gbc 4c). Olculdu: 13.5px alt metin
   iki satirda 64px yer kapliyordu, "3. gun Szechenyi Hamami" satirinin
   altinda bir satir bosluk duruyordu. Baslik 15px yazi 32px satirda.
   Olcum: alt metin 64 -> 38px, baslik 32 -> 20px, satir 121 -> 83px,
   kart 302 -> 264px. Rota bir satirsa da cok satirsa da gecerli. */
.entry-content .gz-day-lbl{ line-height: 1.3 !important; }
.entry-content .gz-day-sub{ line-height: 1.42 !important; }
/* v85 devami: ayni tuzak yan sutunun uc yerinde daha vardi. Olculdu:
   "Ne Zaman Gidilir" karti 266 -> 194px, "Videoda En Iyi Anlar" karti
   488 -> 446px, bolum satiri 62 -> 55px, mevsim ay etiketi 32 -> 13px.
   .gz-day-no'ya DOKUNULMADI, o yuvarlak rozet, 34px kasitli. */
.entry-content .gz-sc-ay{ line-height: 1.25 !important; }
.entry-content .gz-sc-d{ line-height: 1.3 !important; }
.entry-content .gz-chap-t{ line-height: 1.35 !important; }
.entry-content .gz-oval-btn:hover,
.entry-content .gz-oval-btn:focus-visible{
    background: #fff9f6 !important;
    color: #9A3412 !important;
    filter: none;
    transform: none;
    box-shadow: none;
}
/* Govde ici site ici baglantilar gorunur olsun (2026-09-10) */
.entry-content p > a:not([class]),
.entry-content ul.gz2-facts a:not([class]),
.entry-content .gbc-step a:not([class]),
.entry-content .gz2-note a:not([class]){color:var(--gbc-turuncu-metin) !important;text-decoration:none !important;box-shadow:inset 0 -1px 0 rgba(191,54,12,.35)}
.entry-content p > a:not([class]):hover,
.entry-content ul.gz2-facts a:not([class]):hover,
.entry-content .gbc-step a:not([class]):hover,
.entry-content .gz2-note a:not([class]):hover{box-shadow:inset 0 -2px 0 var(--gbc-turuncu-metin)}

/* GBC 2026-09-10 · SABIT: SITE DISI BAGLANTI OKU (kural 4)
   Isaretciyi 22607'deki gbc_ok_bas basiyor: site ici = U+2192 metin,
   site disi = <span class="gz-ok-dis" aria-hidden="true"></span>.
   U+2197 glifi METIN olarak BASILMIYOR: sitenin fontunda yok, tarayici
   yedek fonta dusup tel gibi ince ciziyor. Maske ve olculer 23109'daki
   a.gbc-in::after kuralindan birebir alindi; yalnizca content bosluk
   satiri atlandi, cunku burada gercek bir eleman var, pseudo degil.
   Bir daha elle ok yazma; sablon otomatik basiyor. */
.entry-content .gz-ok-dis{
  display:inline-block;
  width:var(--gbc-ok-boy);
  height:var(--gbc-ok-boy);
  margin-left:var(--gbc-ok-bosluk);
  vertical-align:var(--gbc-ok-hiza);
  background-color:var(--gbc-turuncu-metin);
  vertical-align:-2px;
  -webkit-mask:var(--gbc-ok-capraz) no-repeat center / contain;
  mask:var(--gbc-ok-capraz) no-repeat center / contain;
}

@media (max-width: 781px){
    .entry-content .gz-oval-btn{
        display: flex;
        font-size: 15px;
        padding: 13px 15px;
        text-align: left;
    }
}

/* GBC 2026-09-30 · ICINDEKILER (TOC) · OK BASTIR
   Kural: #gbc-toc icinde hicbir ok gorunmeyecek.
   PHP motoru (gbc_ok_bas) JS-uretim linklere dokunamaz;
   bu kural CSS kaynakli olasiliga karsi tum ok gosterimini kapatir. */
#gbc-toc .gz-ok-ic,
#gbc-toc .gz-ok-dis { display: none !important; }
#gbc-toc a::after,
#gbc-toc a::before { content: none !important; display: none !important; }

/* GBC 2026-09-30 · MOBİL + MASAÜSTÜ · ORTAKLIK + ARALIK
   Her ekranda: bildirim ilk cümleye kısalır (komisyon satırı yok).
   Mobil: aralıklar 8px; bildirim order:6 ile videodan SONRA gelir.
   Video şablondan order:5 olarak geliyor → 6 > 5 → bildirim sonraya düşer. */

/* Her ekranda: ortaklık bildirimi kısa + silik */
.entry-content .gz-main-column .gbc-ortaklik-not {
  font-size: 0 !important;
}
.entry-content .gz-main-column .gbc-ortaklik-not::before {
  content: "Bu sayfadaki bazı bağlantılar iş ortaklığı bağlantısıdır. ";
  font-size: 13px;
  line-height: 1.5;
  color: #9A9A9A;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
.entry-content .gz-main-column .gbc-ortaklik-not a.gbc-ortaklik-link {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #9A9A9A !important;
}

/* Mobil: aralık azalt + bildirim videodan sonra */
@media (max-width: 781px) {
  .gz-top-grid {
    gap: 8px !important;
  }
  /* Tüm top-grid elemanlarının margin'ini sıfırla (başlık, TOC, intro, video) */
  .gz-main-column > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Intro içindeki paragraf margin'i */
  .gz-intro-text p {
    margin-bottom: 0 !important;
  }
  /* Video order:5 → bildirime order:6 ver → videodan sonra gelir */
  .entry-content .gz-top-grid .gbc-ortaklik-not { order: 5 !important; }
  /* Mobilde 11px */
  .entry-content .gz-main-column .gbc-ortaklik-not {
    margin: 0 !important;
    padding: 0 !important;
  }
  .entry-content .gz-main-column .gbc-ortaklik-not::before {
    font-size: 11px;
  }
  .entry-content .gz-main-column .gbc-ortaklik-not a.gbc-ortaklik-link {
    font-size: 11px !important;
  }
}

/* ── v86: harita-not kartların altında, haritanın hemen üstünde ────────
   gz-s-yerler içindeki gz-box-body flex container sıralaması:
   gz-text-area / kartlar (2) → gz-harita-not (3) → gz-map-container (4) */
.gz-s-yerler .gz-box-body > .gz-text-area     { order: 2; }
.gz-s-yerler .gz-box-body > .gz-harita-not    { order: 3; }
.gz-s-yerler .gz-box-body > .gz-map-container { order: 4; }