/* Shared pillar section rhythm */
.yo-pillar-hub :is(.yo-guide-section, .yo-flight-section, .yo-tr-section) {
    padding-block: clamp(3rem, 6.4vw, 5.8rem);
}

.yo-pillar-hub :is(.yo-guide-section__head, .yo-flight-head, .yo-tr-section__head, .yo-pd-section__head) {
    display: grid;
    gap: .72rem;
    justify-items: center;
    max-width: 760px;
    margin: 0 auto clamp(26px, 3.4vw, 42px);
    text-align: center;
}

.yo-pillar-hub :is(.yo-guide-section__head, .yo-flight-head, .yo-tr-section__head, .yo-pd-section__head) :is(.yo-guide-eyebrow, .yo-flight-eyebrow, .yo-tr-eyebrow, .yo-pd-section__kicker, .yo-section__eyebrow) {
    justify-self: center;
    width: fit-content;
    margin: 0;
}

.yo-pillar-hub :is(.yo-guide-section__head, .yo-flight-head, .yo-tr-section__head, .yo-pd-section__head) h2 {
    max-width: 24ch;
    margin: 0;
    color: #17202c;
    font-size: clamp(1.85rem, 3.8vw, 3.1rem);
    line-height: 1.05;
    letter-spacing: 0;
    text-wrap: balance;
}

.yo-pillar-hub :is(.yo-guide-section__head, .yo-flight-head, .yo-tr-section__head, .yo-pd-section__head) p:not(.yo-guide-eyebrow, .yo-flight-eyebrow, .yo-tr-eyebrow, .yo-pd-section__kicker, .yo-section__eyebrow) {
    max-width: 44rem;
    margin: 0;
    color: #64707d;
    font-size: clamp(1rem, .96rem + .18vw, 1.12rem);
    line-height: 1.72;
}


/* Shared pillar meta chips */
     .yo-page--pillar .yo-breadcrumb { margin-bottom: 12px;
}
    .yo-page--pillar :is( .yo-tr-trust, .yo-press-stats, .yo-about-meta
 ) { display: flex; max-width: 820px; flex-wrap: wrap; gap: 8px; margin-top: clamp(14px, 1.8vw, 20px);
}
 .yo-page--pillar :is( .yo-tr-trust, .yo-press-stats, .yo-about-meta
 ) span { min-height: 30px; padding: 6px 10px; line-height: 1.25;
}

@media (max-width: 640px) {
      .yo-page--pillar :is( .yo-tr-trust, .yo-press-stats, .yo-about-meta ) { flex-wrap: wrap; overflow-x: visible; max-width: min(100%, calc(100vw - 76px)); padding-bottom: 2px; }
 .yo-page--pillar :is( .yo-tr-trust, .yo-press-stats, .yo-about-meta ) span { flex: 0 1 auto; max-width: 100%; white-space: normal; }
}


/* Shared pillar layout primitives */
   .yo-page .yo-section > .yo-container { width: min(100%, var(--yo-visual-container)); max-width: var(--yo-visual-container); padding-inline: var(--yo-visual-edge);
}
 .yo-page .yo-section { padding-block: clamp(3rem, 6.4vw, 5.8rem);
}
 .yo-page .yo-section__head { max-width: 760px; margin-bottom: clamp(28px, 3.5vw, 44px);
}
 .yo-page .yo-pillar-section__head p:not(.yo-pillar-eyebrow) { max-width: 760px; margin: 0; color: #33403d; font-size: 1.05rem; line-height: 1.82; text-align: left;
}
 .yo-page .yo-pillar-container > .entry-content { max-width: 760px; margin: 0 auto clamp(30px, 4vw, 48px); color: #33403d;
}
 .yo-page .yo-pillar-container > .entry-content p { margin: 0 0 1.35em; font-size: 1.05rem; line-height: 1.82; text-align: left;
}
 .yo-page .yo-pillar-container > .entry-content p:last-child { margin-bottom: 0;
}
 .yo-page { --yo-faq-shell: 760px;
}
 .yo-page :is(.yo-faq, .yo-pillar-faq__list, .yo-guide-faq__list, .yo-pd-faq-list, .yo-contact-faq-wrap, .yo-contact-faq) { box-sizing: border-box; width: 100%; max-width: var(--yo-faq-shell); margin-inline: auto;
}
 .yo-page :is(.yo-faq, .yo-pillar-faq__list, .yo-guide-faq__list, .yo-pd-faq-list, .yo-contact-faq) { margin-top: 18px;
}
 .yo-page :is(#yo-contact-faq-title, .yo-pillar-faq h2, .yo-guide-faq h2) { max-width: var(--yo-faq-shell); margin-inline: auto; text-align: center;
}
 .yo-page .yo-card-grid { gap: clamp(18px, 2.4vw, 28px);
}
 .yo-page--pillar .yo-card-grid:not(.yo2-grid) { row-gap: clamp(24px, 3vw, 36px); column-gap: clamp(22px, 2.6vw, 32px);
}
 .yo-page--pillar .yo-pillar-container > :is(.yo-card-grid, .yo-region-grid, .yo-budget-profiles, .yo-budget-city-grid) + :is(.yo-card-grid, .yo-region-grid, .yo-budget-profiles, .yo-budget-city-grid) { margin-top: clamp(28px, 3.4vw, 44px);
}

@media (max-width: 640px) {
 .yo-page .yo-section > .yo-container { width: min(100%, var(--yo-visual-container)); margin-inline: auto; padding-inline: 18px; }
}


/* Shared pillar cards and jump nav */
 .yo-page .yo-card,
.yo-page [class*="-card"] { min-width: 0;
}
 .yo-page .yo-card { display: flex; flex-direction: column; align-items: flex-start;
}
.yo-page .yo-card__cta,
.yo-page .yo-ba-card-cta,
 .yo-page .yo-jump-nav { --yo-jump-alpha: 0; width: 100%; display: flex; justify-content: center; align-items: center; min-height: 46px; margin-top: 0; padding-block: 5px; border-top: none; background: linear-gradient( 180deg, rgba(196, 98, 45, calc(var(--yo-jump-alpha) * 0.92)), rgba(196, 98, 45, calc(var(--yo-jump-alpha) * 0.78)) ); border-bottom: 1px solid rgba(18,63,63,.08); overflow-x: visible; transition: background 140ms linear;
}
 .yo-page .yo-jump-nav__track { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 8px; width: fit-content; max-width: 100%; margin-inline: auto; padding-inline: 0; overflow-x: auto; overflow-y: hidden;
}
 .yo-page .yo-jump-nav__link { flex: 0 0 auto; display: inline-flex; min-height: 36px; align-items: center; justify-content: center; padding: 6px 16px; border-radius: 8px; line-height: 1; white-space: nowrap; transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}
 .yo-page .yo-jump-nav__link.is-current { background: rgba(196, 98, 45, .16); border-color: rgba(196, 98, 45, .96); color: #7a4b2f;
}

@media (max-width: 640px) {
  .yo-page .yo-jump-nav__track { width: min(100%, var(--yo-visual-container)); max-width: var(--yo-visual-container); justify-content: center; margin-inline: auto; overflow: visible; padding-inline: var(--yo-visual-edge); }
}


/* Shared pillar responsive grid normalization */
 .yo-page--pillar .yo-card-grid:is(.yo-card-grid--2, .yo-card-grid--3, .yo-card-grid--4):not(.yo2-grid, .yo-about-card-grid) { --yo-pillar-grid-gap: clamp(22px, 2.6vw, 32px); --yo-pillar-row-gap: clamp(24px, 3vw, 36px); display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; column-gap: var(--yo-pillar-grid-gap); row-gap: var(--yo-pillar-row-gap); }
.yo-page--pillar .yo-card-grid:is(.yo-card-grid--2, .yo-card-grid--3, .yo-card-grid--4):not(.yo2-grid, .yo-about-card-grid) > * { min-width: 0; max-width: 100%; display: flex; flex-direction: column; align-self: stretch; flex: 0 0 calc((100% - var(--yo-pillar-grid-gap)) / 2); }
 .yo-page--pillar .yo-card-grid:is(.yo-card-grid--2, .yo-card-grid--3, .yo-card-grid--4):not(.yo2-grid, .yo-about-card-grid) > :is(.yo-country-card, .yo-region-card, .yo-prep-card, .yo-smart-card, .yo-list-card, .yo-faq details) { width: 100%; }
 .yo-page--pillar :is(.yo-budget-profiles, .yo-budget-city-grid) { --yo-pillar-grid-gap: clamp(22px, 2.6vw, 32px); display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; column-gap: var(--yo-pillar-grid-gap); row-gap: clamp(24px, 3vw, 36px); }
 .yo-page--pillar :is(.yo-budget-profiles, .yo-budget-city-grid) > * { min-width: 0; max-width: 100%; flex: 0 0 calc((100% - var(--yo-pillar-grid-gap)) / 2); }
 .yo-page--pillar .yo-card-grid.yo-card-grid--2:not(.yo2-grid, .yo-about-card-grid) > * { flex-basis: calc((100% - var(--yo-pillar-grid-gap)) / 2); }
 .yo-page--pillar .yo-card-grid.yo-card-grid--3:not(.yo2-grid, .yo-prep-grid--merged, .yo-about-card-grid) > * { flex-basis: calc((100% - (var(--yo-pillar-grid-gap) * 2)) / 3); }
 .yo-page--pillar .yo-card-grid.yo-card-grid--4:not(.yo2-grid, .yo-about-card-grid) > * { flex-basis: calc((100% - (var(--yo-pillar-grid-gap) * 3)) / 4); }
 .yo-page--pillar .yo-card-grid.yo-prep-grid--merged > * { flex-basis: calc((100% - var(--yo-pillar-grid-gap)) / 2); }
 .yo-page--pillar .yo-card-grid.yo-card-grid--3:not(.yo2-grid, .yo-prep-grid--merged, .yo-about-card-grid):has(> :first-child:nth-last-child(4)) > * { flex-basis: calc((100% - var(--yo-pillar-grid-gap)) / 2); }
 .yo-page--pillar .yo-card-grid.yo-smart-grid:has(> :first-child:nth-last-child(4)) > * { flex-basis: calc((100% - var(--yo-pillar-grid-gap)) / 2); }
 .yo-page--pillar .yo-budget-profiles > * { flex-basis: calc((100% - (var(--yo-pillar-grid-gap) * 2)) / 3); }
 .yo-page--pillar .yo-budget-city-grid > * { flex-basis: calc((100% - (var(--yo-pillar-grid-gap) * 2)) / 3); }


/* Shared pillar hub visual rules */
.yo-copy--mobile { display: none; }
.yo-copy--desktop { display: block; }

/* scroll-margin-top standardı: header(44) + jump-nav(40) + gap(8) + adminbar */
/* --yo-sticky-nav-top JS tarafından runtime'da set edilir (adminbar + header) */
/* Hem direct child section[id] hem nested h2[id] jump hedeflerini kapsar */
.yo-pillar-hub [id],
body.category-turkiye section[id] {
    scroll-margin-top: calc(var(--yo-sticky-nav-top, 44px) + 40px + 8px);
}

/* Pillar hub section order & jump-nav */
/* overflow: visible — sticky position: sticky çalışması için zorunlu */
.yo-pillar-hub { display: flex; flex-direction: column; overflow: visible; }
.yo-pillar-hub > .yo-decision { order: 2; }
/* jump-nav her zaman hero'dan sonra, section'lardan önce */
.yo-pillar-hub > .yo-jump-nav { order: 2; margin-top: 0; }
/* Kıta/destinasyon pillarlarında section'lar jump-nav'dan sonra — spesifik ID kuralları override eder */
.yo-jp-page > section,
.yo-ndx-page > section { order: 3; }
.yo-pillar-hub > #ulkeler { order: 4; }
.yo-pillar-hub > #akilli-rotalar { order: 5; }
.yo-pillar-hub > #bolgeler { order: 6; }
.yo-pillar-hub > #hazirlik { order: 7; }
.yo-pillar-hub > #butce { order: 8; }
.yo-pillar-hub > #listeler { order: 9; }
.yo-pillar-hub > .yo-pillar-faq { order: 11; }

/* Jump nav — top: var(--yo-sticky-nav-top) JS tarafından adminbar+header yüksekliği olarak set edilir */
.yo-pillar-hub .yo-jump-nav {
    position: sticky;
    top: var(--yo-sticky-nav-top, var(--yo-adminbar-height, 0px));
    z-index: 30;
    min-height: 46px;
    will-change: transform;
    padding-block: 6px 0;
    background:
        radial-gradient(circle at 14% 0%, rgba(196, 98, 45, .08), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 244, 238, .74));
    backdrop-filter: blur(10px);
}
.yo-pillar-hub .yo-jump-nav__track {
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    min-height: 40px;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.yo-pillar-hub .yo-jump-nav__track::-webkit-scrollbar { display: none; }
.yo-pillar-hub .yo-jump-nav__link,
.yo-pillar-hub .yo-filter-bar button,
.yo-pillar-hub .yo-card-cta { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; }
.yo-pillar-hub .yo-jump-nav__link { padding: 10px 16px; line-height: 1; }

/* Section & grid */
.yo-pillar-hub .yo-section { padding-block: 48px; }
.yo-pillar-hub .yo-section__head { margin-bottom: 22px; }
.yo-pillar-hub .yo-section__head h2 { font-size: clamp(1.8rem, 8vw, 2.25rem); line-height: 1.1; overflow-wrap: anywhere; margin: 0 0 16px; }/* yo-home-spoke-grid: pillar hub içinde responsive — 4/3/2 sütun (style.css global kuralı geçerli, mobil 2 sütun standart) */
.yo-pillar-hub .yo-filter-bar { display: flex; gap: 8px; margin-bottom: 16px; padding-bottom: 4px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.yo-pillar-hub .yo-filter-bar::-webkit-scrollbar { display: none; }
.yo-pillar-hub .yo-filter-bar button { flex: 0 0 auto; white-space: nowrap; }
.yo-pillar-hub :is(h2, h3, p, a, span, li) { overflow-wrap: anywhere; word-break: normal; }
.yo-pillar-hub .yo-container,
.yo-pillar-hub .yo-section > .yo-container,
.yo-pillar-hub .yo-jump-nav__track { padding-inline: 16px; }
.yo-pillar-hub .yo-decision { display: block; padding-block: 28px 18px; }


/* Shared pillar top-flow normalization: Europe remains the source of truth. */
.yo-pillar-hub > .yo-decision {
    position: relative;
    z-index: 2;
    margin-top: 0;
    padding-block: 28px 18px;
    background: transparent;
}


.yo-pillar-hub .yo-decision__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: clamp(14px, 1.8vw, 20px);
    align-items: stretch;
}


.yo-pillar-hub .yo-decision__grid > article,
.yo-pillar-hub .yo-decision__grid > span {
    display: grid;
    align-content: start;
    gap: 8px;
    min-height: 138px;
    padding: 20px;
    border: 1px solid rgba(26, 82, 82, .11);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(17, 24, 39, .06);
}


.yo-pillar-hub .yo-decision__grid > article > svg,
.yo-pillar-hub .yo-decision__grid > article .yo-card-icon,
.yo-pillar-hub .yo-decision__grid > span > svg {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    color: var(--yo-terra, #c4622d);
}


.yo-pillar-hub .yo-decision__grid > article > svg,
.yo-pillar-hub .yo-decision__grid > span > svg {
    padding: 9px;
    border-radius: 14px;
    background: rgba(196, 98, 45, .1);
}


.yo-pillar-hub .yo-decision__grid strong {
    color: #123f3f;
    font-size: 1rem;
    line-height: 1.24;
}


.yo-pillar-hub .yo-decision__grid span {
    color: rgba(18, 63, 63, .72);
    font-size: .92rem;
    line-height: 1.58;
}

.yo-pillar-hub .yo-quick-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
}

.yo-pillar-hub .yo-quick-cards > article,
.yo-pillar-hub .yo-quick-cards > span {
    flex: 0 1 min(100%, 190px);
    gap: 8px;
    min-height: 0;
    padding: 16px;
    border: 1px solid var(--yo-hp-line, rgba(26, 82, 82, .12));
    border-radius: 16px;
    background: var(--yo-hp-card, #fff);
    box-shadow: 0 10px 22px rgba(17, 24, 39, .06);
}

.yo-pillar-hub .yo-quick-cards > article > svg,
.yo-pillar-hub .yo-quick-cards > article .yo-card-icon,
.yo-pillar-hub .yo-quick-cards > span > svg {
    width: 40px;
    height: 40px;
    padding: 9px;
    border-radius: 12px;
    background: rgba(196, 98, 45, .1);
    color: var(--yo-terra, #c4622d);
}

.yo-pillar-hub .yo-quick-cards strong {
    color: var(--yo-hp-ink, #123f3f);
    font-weight: 850;
    letter-spacing: -.01em;
}

.yo-pillar-hub .yo-quick-cards span {
    color: var(--yo-hp-muted, rgba(18, 63, 63, .72));
    font-size: .92rem;
    line-height: 1.5;
}

@media (min-width: 1024px) {
    .yo-pillar-hub .yo-quick-cards > article,
    .yo-pillar-hub .yo-quick-cards > span {
        flex-basis: calc((100% - 70px) / 6);
    }
}

    .yo-pillar-hub > .yo-decision {
        padding-block: 0;
    }


/* Retired visual QA compatibility rules */
/* * YO OS visual QA layer. * Design-system hardening for hero text alignment, grid symmetry and card rhythm. * Applies to pillar/page surfaces only; the homepage keeps its own hero curve and rhythm. * Hero markup and media structure are intentionally preserved. */ :root { --yo-visual-container: var(--yo-shell, 1160px); --yo-visual-edge: var(--yo-shell-edge, 18px); --yo-visual-gap: clamp(18px, 2.3vw, 34px); --yo-visual-hero-min: 640px; --yo-visual-hero-max: 760px; --yo-visual-hero-pad-top: clamp(104px, 10vw, 122px); --yo-visual-hero-pad-bottom: clamp(86px, 8vw, 108px);
}

/* Shared compact glass jump-nav standard for pillar surfaces. */
.yo-page--pillar .yo-jump-nav {
    --yo-jump-alpha: 0;
    position: sticky;
    isolation: isolate;
    top: var(--yo-sticky-nav-top, var(--yo-adminbar-height, var(--wp-admin--admin-bar--height, 0px)));
    z-index: 9997;
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding: 5px max(16px, env(safe-area-inset-right)) 5px max(16px, env(safe-area-inset-left));
    border-top: none;
    border-bottom: 1px solid rgba(18, 63, 63, .08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, var(--yo-jump-wash-alpha, .72)), rgba(247, 244, 239, var(--yo-jump-wash-end-alpha, .58))),
        linear-gradient(135deg, rgba(196, 98, 45, var(--yo-jump-terra-alpha, 0)), rgba(150, 70, 32, var(--yo-jump-terra-dark-alpha, 0)));
    box-shadow: 0 14px 34px rgba(17, 24, 39, var(--yo-jump-shadow-alpha, .06));
    backdrop-filter: blur(16px) saturate(1.18);
    -webkit-backdrop-filter: blur(16px) saturate(1.18);
    overflow: visible;
    overflow-x: clip;
    transform: translateZ(0);
    transition: background 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.yo-page--pillar .yo-jump-nav::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 255, 255, var(--yo-jump-wash-alpha, .72)), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(26, 82, 82, .08), transparent 34%),
        linear-gradient(115deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, .14));
    opacity: calc(.88 - (var(--yo-jump-alpha) * .12));
}

.yo-page--pillar .yo-jump-nav__track {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: min(980px, 100%);
    max-width: 100%;
    min-height: 31px;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.yo-page--pillar .yo-jump-nav__track::-webkit-scrollbar {
    display: none;
}

.yo-page--pillar .yo-jump-nav__link {
    flex: 0 0 auto;
    min-height: 28px;
    padding: 4px 12px;
    border: 1px solid rgba(18, 63, 63, .13);
    border-radius: 980px;
    background: transparent;
    color: rgba(18, 63, 63, .72);
    font-size: .78rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
    transition: background .14s ease, color .14s ease, border-color .14s ease;
}

.yo-page--pillar .yo-jump-nav__link:hover,
.yo-page--pillar .yo-jump-nav__link:focus-visible {
    background: rgba(18, 63, 63, .06);
    color: #123f3f;
    box-shadow: none;
    transform: none;
    border-color: rgba(18, 63, 63, .22);
}

.yo-page--pillar .yo-jump-nav__link[aria-current="true"] {
    background: transparent;
    border-color: #1A5252;
    color: #1A5252;
    font-weight: 600;
}

.yo-page--pillar .yo-jump-nav.is-stuck {
    min-height: 40px;
    border-top: none;
    border-bottom: 2px solid rgba(196, 98, 45, .55);
    background: rgba(255, 255, 255, .72);
    backdrop-filter: blur(16px) saturate(1.18);
    -webkit-backdrop-filter: blur(16px) saturate(1.18);
    background-image: none;
}

.yo-page--pillar .yo-jump-nav.is-stuck .yo-jump-nav__link {
    border: none;
    background: transparent;
    box-shadow: none;
    color: rgba(26, 82, 82, .85);
    text-shadow: none;
}

.yo-page--pillar .yo-jump-nav.is-stuck .yo-jump-nav__link:hover,
.yo-page--pillar .yo-jump-nav.is-stuck .yo-jump-nav__link:focus-visible {
    color: #1A5252;
}

.yo-page--pillar .yo-jump-nav.is-stuck .yo-jump-nav__link.is-current {
    background: rgba(196, 98, 45, .10);
    color: #C4622D;
    border: none;
    font-weight: 600;
}

body .ct-header {
    transition: transform 260ms cubic-bezier(.2, .85, .2, 1), opacity 220ms ease, backdrop-filter 200ms ease;
    will-change: transform, opacity;
}

@media (max-width: 767px) {
    .yo-page--pillar .yo-jump-nav {
        min-height: 38px;
        padding: 4px 12px 5px;
    }

    .yo-page--pillar .yo-jump-nav__track {
        justify-content: flex-start;
        gap: 6px;
    }

    .yo-page--pillar .yo-jump-nav__link {
        min-height: 26px;
        padding: 4px 10px;
        font-size: .72rem;
    }
}

/* Destination pillars keep native document flow; generic hub ordering is for index pillars. */
.yo-page--pillar.yo-pillar-destinasyon {
    display: block;
}


/* Migrated pillar-specific core rules */


:is(.yo-page--pillar, .yo-page--press) .yo-pillar-spoke-grid-h {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 16px;
}

/* ── Yatay spoke grid — 3 sütun, n kart alt satıra eşit ── */
.yo-spoke-horizontal-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 16px;
}

.yo-spoke-horizontal-grid > * {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border-radius: 18px;
}

body .yo-spoke-horizontal-grid .yo-sh-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 28 / 15;
    border-radius: 18px;
    overflow: hidden;
    text-decoration: none;
    background: #1a2f2f;
    box-shadow: 0 10px 26px rgba(17, 24, 39, .12);
}

.yo-spoke-horizontal-grid .yo-sh-card__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.yo-spoke-horizontal-grid .yo-sh-card__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 4px;
    padding: 20px 18px 18px;
    background: linear-gradient(to top, rgba(10, 22, 22, .92) 0%, rgba(10, 22, 22, .45) 55%, transparent 100%);
    z-index: 1;
}

.yo-spoke-horizontal-grid .yo-sh-card__tag,
.yo-spoke-horizontal-grid .yo-sh-card__title,
.yo-spoke-horizontal-grid .yo-sh-card__meta {
    width: 100%;
    max-width: none;
    flex: 0 0 auto;
    margin: 0;
    text-align: left;
}

.yo-spoke-horizontal-grid .yo-sh-card__tag {
    padding: 0;
    color: rgba(255, 255, 255, .82);
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.yo-spoke-horizontal-grid .yo-sh-card__overlay h3.yo-sh-card__title {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.22;
    margin: 0;
}

.yo-spoke-horizontal-grid .yo-sh-card__meta {
    color: rgba(255, 255, 255, .72);
    font-size: .82rem;
    line-height: 1.5;
    margin: 0;
}

@media (max-width: 768px) {
    .yo-spoke-horizontal-grid { grid-template-columns: 1fr; }
}



:is(.yo-page--pillar, .yo-page--press) .yo-pillar-spoke-grid-h > * {
    width: 100%;
    max-width: 100%;
    flex: none;
    min-width: 0;
    overflow: hidden;
    border-radius: 18px;
}


:is(.yo-page--pillar, .yo-page--press) .yo-pillar-spoke-grid-h .yo2-card__media {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 150px;
    aspect-ratio: 28 / 15;
    border-radius: 18px;
    overflow: hidden;
    text-decoration: none;
    background: #1a2f2f;
    box-shadow: 0 10px 26px rgba(17, 24, 39, .12);
}


:is(.yo-page--pillar, .yo-page--press) .yo-pillar-spoke-grid-h .yo2-card__tag,
:is(.yo-page--pillar, .yo-page--press) .yo-pillar-spoke-grid-h .yo2-card__title,
:is(.yo-page--pillar, .yo-page--press) .yo-pillar-spoke-grid-h .yo2-card__meta {
    width: 100%;
    max-width: none;
    flex: 0 0 auto;
    min-width: 0;
    align-self: start;
    margin: 0;
    text-align: left;
}


:is(.yo-page--pillar, .yo-page--press) .yo-pillar-spoke-grid-h .yo2-card__tag {
    margin-left: 0;
    padding: 0;
    color: rgba(255, 255, 255, .82);
    font-size: 9.5px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

    .yo-page--pillar .yo-card-grid.yo-pillar-spoke-grid-h {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }


.yo-page--pillar .yo-pillar-spoke-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}


.yo-page--pillar .yo-pillar-spoke-grid > * {
    width: auto;
    max-width: none;
    flex: none;
}

    .yo-page--pillar .yo-card-grid.yo-pillar-spoke-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .yo-page--pillar .yo-hero .yo-hero__content {
        box-sizing: border-box;
        width: min(100%, var(--yo-shell));
        max-width: var(--yo-shell);
        margin-inline: auto;
        padding-inline: 18px;
    }

    .yo-page--pillar .yo-hero .yo-hero__text {
        width: 100%;
        max-width: 100%;
        line-height: 1.46;
    }

/* Shared pillar identity: quick intro first, then jump nav with a small breathing gap. */
.yo-page--pillar :is(.yo-decision, .yo-pd-quick, .yo-ul-quick-access, .yo-press-logo-band, .yo-about-identity, .yo-origin-section--context, .yo-kyn-section, .yo-start-intro) {
    margin-bottom: 0;
}

.yo-page--pillar :is(.yo-decision, .yo-pd-quick, .yo-ul-quick-access, .yo-press-logo-band, .yo-about-identity, .yo-origin-section--context, .yo-kyn-section, .yo-start-intro) + .yo-jump-nav {
    margin-top: 0;
}


/* Final pillar jump-nav behavior contract */
.yo-page--pillar .yo-jump-nav {
    top: var(--yo-sticky-nav-top, var(--yo-adminbar-height, 0px));
    margin-top: 0;
    border-top: 1px solid rgba(120, 93, 66, .18);
    border-bottom: 1px solid rgba(120, 93, 66, .12);
    transition: background .22s ease, box-shadow .22s ease, border-color .22s ease;
}


.yo-jump-nav__progress {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 1;
    pointer-events: none;
    background: rgba(0,0,0,.12);
}

.yo-jump-nav__progress > span {
    display: block;
    height: 100%;
    width: calc(var(--yo-reading-progress, 0) * 100%);
    background: #F0C040;
    transition: width .12s linear;
}

body.yo-jump-nav-engaged.yo-scroll-down .ct-header,
body.yo-jump-nav-engaged.yo-scroll-down #header,
body.yo-jump-nav-engaged.yo-scroll-down header[role="banner"] {
    transform: translateY(calc(-100% - var(--yo-adminbar-height, 0px)));
    transition: transform .24s ease;
}

/* Header gizlenince jump nav üste yapış */
body.yo-jump-nav-engaged.yo-scroll-down .yo-jump-nav {
    top: var(--yo-adminbar-height, 0px);
    transition: top .24s ease, background .22s ease, box-shadow .22s ease;
}

body.yo-scroll-up .yo-jump-nav,
body:not(.yo-scroll-down) .yo-jump-nav {
    top: var(--yo-sticky-nav-top, var(--yo-adminbar-height, 0px));
    transition: top .24s ease, background .22s ease, box-shadow .22s ease;
}

/* Footer görününce jump nav + header devreden çık — titreme önlenir */
body.yo-nav-at-footer .yo-jump-nav {
    position: static ;
}

body.yo-nav-at-footer .ct-header {
    transform: translateY(calc(-100% - var(--yo-adminbar-height, 0px))) ;
    transition: transform .2s ease ;
}

body.yo-scroll-up .ct-header,
body.yo-scroll-up #header,
body.yo-scroll-up header[role="banner"],
body:not(.yo-scroll-down) .ct-header,
body:not(.yo-scroll-down) #header,
body:not(.yo-scroll-down) header[role="banner"] {
    transform: translateY(0);
    transition: transform .24s ease;
}


/* Section soft background — bölümler arası kontrast */
.yo-page--pillar .yo-section--soft,
.yo-pillar-hub .yo-section--soft {
    background: #f7f4ef;
}

/* Shared page heading defaults: page-specific CSS may override these. */
:is(.yo-page--pillar, .yo-page--business) :is(.yo-section, .yo-pillar-section, [class*="-section"]) :where(h2, h3, h4) {
    color: var(--yo-ink, #1f1a16);
    font-family: var(--yo-heading-font, inherit);
    letter-spacing: -0.018em;
    text-wrap: balance;
}

:is(.yo-page--pillar, .yo-page--business) :is(.yo-section, .yo-pillar-section, [class*="-section"]) :where(h2) {
    margin: 0;
    font-size: clamp(1.72rem, 1.12rem + 2.15vw, 3.05rem);
    line-height: 1.04;
}

:is(.yo-page--pillar, .yo-page--business) :is(.yo-section, .yo-pillar-section, [class*="-section"]) :where(h3) {
    margin: 0;
    font-size: clamp(1.18rem, 1rem + .72vw, 1.58rem);
    line-height: 1.16;
}

:is(.yo-page--pillar, .yo-page--business) :is(.yo-section, .yo-pillar-section, [class*="-section"]) :where(h4) {
    margin: 0;
    font-size: clamp(1.02rem, .96rem + .32vw, 1.2rem);
    line-height: 1.22;
}


/* ============================================================
   EVRENSEL SPOKE LINK KARTI — site-wide standart
   Tüm pillar/hub sayfalarında kullanılır
   ============================================================ */

.yo-spoke-links,
.yo-guide-card__links {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0 0 20px;
}

.yo-spoke-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border-radius: 10px;
    border: 1px solid rgba(26,82,82,.1);
    background: #fff;
    text-decoration: none;
    transition: background .15s ease;
}

.yo-spoke-link:hover {
    background: #f0f6f6;
}

.yo-spoke-link--disabled {
    opacity: .55;
    cursor: default;
}

.yo-spoke-link__thumb {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    overflow: hidden;
    background: rgba(26,82,82,.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

.yo-spoke-link__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.yo-spoke-link__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.yo-spoke-link__tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--yo-terra);
    line-height: 1;
}

.yo-spoke-link__title {
    font-size: .83rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Evrensel yo-faq akordeon standardı — /seyahat-rehberi referans ── */
.yo-faq details {
    border: 1px solid rgba(26,82,82,.12);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(17,24,39,.05);
    overflow: hidden;
}
.yo-faq details summary {
    cursor: pointer;
    padding: 18px 20px;
    color: #123f3f;
    line-height: 1.35;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
}
.yo-faq details summary::before {
    content: '▶';
    font-size: .65em;
    color: #123f3f;
    transition: transform .2s ease;
    align-self: start;
    margin-top: 3px;
}
.yo-faq details[open] summary::before {
    transform: rotate(90deg);
}
.yo-faq details summary::after {
    content: '+';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(196,98,45,.1);
    color: #C4622D;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    transition: background .2s ease;
    flex-shrink: 0;
}
.yo-faq details[open] summary::after {
    content: '−';
    background: #C4622D;
    color: #fff;
}
.yo-faq details p {
    margin: 0;
    padding: 0 20px 20px;
    color: #5d6875;
    line-height: 1.7;
}

/* === BLOCKQUOTE — site standardı === */
blockquote.wp-block-quote {
    margin: 1.8rem 0;
    padding: 24px 20px 24px 22px;
    border: 1px solid rgba(18, 63, 63, .12);
    border-left: 4px solid #c4622d;
    border-radius: 18px;
    background: #f7fbfa;
    color: #243332;
}

blockquote.wp-block-quote p {
    margin: 0;
}

/* === PAGINATION — site standardı, tüm sayfalarda === */
.yo-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-top: 40px;
}
.yo-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid rgba(26,82,82,.18);
    border-radius: 999px;
    color: #123f3f;
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.yo-pagination .page-numbers:hover {
    border-color: var(--yo-terra);
    background: var(--yo-terra);
    color: #fff;
}
.yo-pagination .page-numbers.current {
    background: #123f3f;
    border-color: #123f3f;
    color: #fff;
}
.yo-pagination .page-numbers.dots {
    border-color: transparent;
    background: transparent;
    pointer-events: none;
}

/* === İMZA KART FİLTRESİ — tüm arşiv/spoke/pillar card görselleri, single post hariç === */
body:not(.single):not(.category-blog) .yo2-card__media img,
body:not(.single) .yo-spoke-link__thumb img,
body:not(.single) .yo-clean-card__img img,
body:not(.single) .yo-guide-post__media img,
body:not(.single) .yo-tr-latest-card img,
body:not(.single) .yo-hp-latest .yo2-card__media img,
body:not(.single) .yo-kita-card img {
    filter: var(--yo-card-filter);
}

/* === CALLOUT BOXES — pillar/destinasyon içerik kutucukları === */
.yo-callout {
    border-left: 4px solid var(--yo-terra, #C4622D);
    background: #fdf7f4;
    padding: 1.25rem 1.5rem;
    border-radius: 0 8px 8px 0;
    margin: 1.75rem 0;
}
.yo-callout p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.65;
    color: #333;
}
.yo-callout strong {
    color: var(--yo-terra, #C4622D);
}
.yo-callout--plan {
    border-left-color: #1A5252;
    background: #f0f6f6;
}
.yo-callout--plan strong {
    color: #1A5252;
}
.yo-callout--info {
    border-left-color: #1A5252;
    background: #f0f6f6;
}
.yo-callout--info strong {
    color: #1A5252;
}
.yo-callout--route {
    border-left-color: var(--yo-terra, #C4622D);
    background: #fdf7f4;
}
@media (max-width: 768px) {
    .yo-callout {
        padding: 1rem 1.125rem;
        margin: 1.25rem 0;
    }
}
/* p.yo-callout — wp:paragraph olarak render edildiğinde */
p.yo-callout {
    border-left: 4px solid var(--yo-terra, #C4622D);
    background: #fdf7f4;
    padding: 1.25rem 1.5rem;
    border-radius: 0 8px 8px 0;
    margin: 1.75rem 0;
    font-size: 0.95rem;
    line-height: 1.65;
    color: #333;
    display: block;
}
p.yo-callout strong { color: var(--yo-terra, #C4622D); }
p.yo-callout--plan { border-left-color: #1A5252; background: #f0f6f6; }
p.yo-callout--plan strong { color: #1A5252; }
p.yo-callout--route { border-left-color: var(--yo-terra, #C4622D); background: #fdf7f4; }
p.yo-callout--intent { border-left-color: #1A5252; background: #f0f6f6; }
p.yo-callout--intent strong { color: #1A5252; }
@media (max-width: 768px) {
    p.yo-callout { padding: 1rem 1.125rem; margin: 1.25rem 0; }
}