/*
Theme Name: Blocksy Child
Template: blocksy
Version: 1.0.0
Description: Yoldaolmak child theme for Blocksy
Author: Yoldaolmak
*/ /* === YO2 CSS DEĞİŞKENLERİ (orijinal site) === */
:root { --yo2-bg: #ffffff; --yo2-text: #111827; --yo2-muted: #6b7280; --yo2-accent: #1a5252; --yo2-main: #1a5252; --yo2-second: #C4622D; --yo2-third: #D4A63A; --yo2-dark: #1a5252; --yo2-radius: 12px; --yo2-bar-h: 28px; --yo2-topbar-pad-y: 7px; /* Alias */ --yo-terra: #C4622D; --yo-terra-lt: #d4763e; --yo-teal: #1A5252; --yo-teal-dark: #0f3333; --yo-bg: #f5f3f0; --yo-radius: 10px; --yo-max: 1200px; --theme-palette-color-1: #C4622D; --theme-palette-color-2: #1A5252; --yo-interaction-selected-bg: #1A5252; --yo-interaction-selected-text: #ffffff; --yo-interaction-selected-border: #1A5252; --yo-interaction-hover-bg: rgba(26,82,82,.08); --yo-interaction-hover-border: rgba(26,82,82,.22); --yo-interaction-hover-text: #1A5252;
} .site-main > .yo-origin-page { width: 100vw; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); color: #17201f; background: #f7f4ee;
} .yo-origin-page a { color: inherit;
} .yo-origin-container { width: min(1160px, calc(100% - 48px)); margin: 0 auto;
} .yo-origin-stats { background: #17201f; color: #fff;
} .yo-origin-stats__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; background: rgba(255, 255, 255, .14);
} .yo-origin-stats__grid div { min-height: 116px; padding: 24px 22px; background: #17201f;
} .yo-origin-stats__grid span { display: block; color: rgba(255, 255, 255, .6); font-size: .82rem;
} .yo-origin-stats__grid strong { display: block; margin-top: 10px; font-size: 1rem; line-height: 1.35;
} .yo-origin-section { padding: clamp(64px, 8vw, 112px) 0;
} .yo-origin-section--context,
.yo-origin-section--archive { background: #fff;
} .yo-origin-section--today,
.yo-origin-section--start { background: #eee8dd;
} .yo-origin-split { display: grid; grid-template-columns: minmax(240px, 360px) minmax(0, 1fr); gap: clamp(36px, 6vw, 92px); align-items: start;
} .yo-origin-split h2,
.yo-origin-section--start h2 { margin: 0; max-width: 740px; font-size: clamp(2rem, 4vw, 4rem); line-height: 1.05; letter-spacing: 0;
} .yo-origin-context-title { font-size: 48px;
} .yo-origin-copy { max-width: 760px;
} .yo-origin-copy p,
.yo-origin-chapter__body p { margin: 0 0 18px; color: #33403d; font-size: 1.05rem; line-height: 1.82;
} .yo-origin-copy a:not(.yo-origin-button) { color: #1f625f; text-decoration-color: rgba(31, 98, 95, .35); text-underline-offset: 4px;
} .yo-origin-flow { background: #f7f4ee;
} .yo-origin-flow .yo-origin-container { position: relative;
} .yo-origin-flow .yo-origin-container::before { content: ""; position: absolute; top: 0; bottom: 0; left: 182px; width: 1px; background: rgba(23, 32, 31, .18);
} .yo-origin-chapter { position: relative; display: grid; grid-template-columns: 180px minmax(0, 760px); gap: clamp(32px, 6vw, 88px); padding: 0 0 clamp(60px, 8vw, 104px);
} .yo-origin-chapter:last-child { padding-bottom: 0;
} .yo-origin-chapter__meta { position: relative; padding-top: 12px;
} .yo-origin-chapter__meta::after { content: ""; position: absolute; top: 18px; right: -9px; width: 18px; height: 18px; border: 4px solid #f7f4ee; border-radius: 50%; background: #8d5f2f; box-shadow: 0 0 0 1px rgba(141, 95, 47, .32);
} .yo-origin-chapter__meta span { display: inline-block; color: #8d5f2f; font-size: .78rem; font-weight: 800; text-transform: uppercase;
} .yo-origin-chapter__body h2 { margin: 0 0 18px; font-size: clamp(1.8rem, 3vw, 3.15rem); line-height: 1.08; letter-spacing: 0;
} .yo-origin-inline-links,
.yo-origin-topic-links,
.yo-origin-start-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px;
} .yo-origin-inline-links a,
.yo-origin-topic-links a,
.yo-origin-start-grid a,
.yo-origin-button { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 16px; border: 1px solid rgba(23, 32, 31, .16); border-radius: 4px; background: rgba(255, 255, 255, .72); color: #17201f; font-size: .94rem; font-weight: 700; text-decoration: none;
} .yo-origin-topic-links a { background: #fff;
} .yo-origin-details { margin-top: 28px; border-top: 1px solid rgba(23, 32, 31, .14); border-bottom: 1px solid rgba(23, 32, 31, .14); padding: 18px 0;
} .yo-origin-details summary { cursor: pointer; font-weight: 800;
} .yo-origin-details p { margin-top: 16px;
} .yo-origin-section--press { background: #17201f; color: #fff;
} .yo-origin-section--press .yo-origin-copy p { color: rgba(255, 255, 255, .78);
} .yo-origin-section--press .yo-origin-button { margin-top: 12px; border-color: rgba(255, 255, 255, .24); background: #fff;
} .yo-origin-start-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 34px;
} .yo-origin-start-grid a { min-height: 86px; padding: 18px; background: #fff; font-size: 1rem;
} @media (max-width: 900px) { .yo-origin-container { width: min(100% - 32px, 680px); } .yo-origin-stats__grid, .yo-origin-split, .yo-origin-chapter, .yo-origin-start-grid { grid-template-columns: 1fr; } .yo-origin-stats__grid { gap: 1px; } .yo-origin-flow .yo-origin-container::before, .yo-origin-chapter__meta::after { display: none; } .yo-origin-chapter__meta { padding-top: 0; }
} @media (max-width: 560px) { .yo-origin-stats__grid div { min-height: 92px; padding: 18px; }
} .yo-jp-page--story .yo-jp-hero { min-height: 78svh;
} .yo-jp-page--story .yo-jp-hero__inner { max-width: none; width: 100%;
} .yo-jp-page--story .yo-jp-hero__lead { max-width: 820px;
} .yo-jp-page--story .yo-jp-hero__lead > * { margin: 0 0 12px; color: rgba(255, 255, 255, 0.86); font-size: clamp(1rem, 1.25vw, 1.12rem); line-height: 1.76;
} .yo-jp-story-grid { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 42px; align-items: start;
} .yo-jp-section-label { position: sticky; top: 54px; display: grid; gap: 8px; padding-top: 6px;
} .yo-jp-section-label span { color: var(--yo-jp-terra); font-size: 0.86rem; font-weight: 800; letter-spacing: 0.08em;
} .yo-jp-section-label strong { color: var(--yo-jp-green); font-size: 1.08rem; line-height: 1.3;
} .yo-jp-story { max-width: 840px; color: #22313a; font-size: 1.05rem; line-height: 1.86;
} .yo-jp-story > * { margin-top: 0; margin-bottom: 1.15rem;
} .yo-jp-story h2,
.yo-jp-story h3 { margin-top: 0; color: var(--yo-jp-green); line-height: 1.16; letter-spacing: 0;
} .yo-jp-story h2 { font-size: clamp(1.7rem, 2.8vw, 2.55rem);
} .yo-jp-story a { color: var(--yo-jp-green); font-weight: 700;
} .yo-jp-story figure { margin: 1.8rem 0;
} .yo-jp-story img { display: block; width: 100%; height: auto; border-radius: 16px;
} .yo-jp-mini-details,
.yo-jp-data-shell { border: 1px solid var(--yo-jp-line); border-radius: 16px; background: #fff; overflow: hidden; box-shadow: 0 14px 32px rgba(17, 24, 39, 0.06);
} .yo-jp-mini-details { margin-top: 1.6rem;
} .yo-jp-mini-details summary,
.yo-jp-data-shell summary { cursor: pointer; list-style: none; padding: 17px 20px; color: var(--yo-jp-green); font-weight: 800;
} .yo-jp-mini-details summary::-webkit-details-marker,
.yo-jp-data-shell summary::-webkit-details-marker { display: none;
} .yo-jp-mini-details > div,
.yo-jp-data-body { padding: 0 20px 20px;
} .yo-jp-route-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 1.8rem 0;
} .yo-jp-route-cards a { display: grid; gap: 8px; min-height: 142px; padding: 18px; border: 1px solid var(--yo-jp-line); border-radius: 16px; background: #fff; color: inherit; text-decoration: none; box-shadow: 0 14px 32px rgba(17, 24, 39, 0.05);
} .yo-jp-route-cards strong { color: var(--yo-jp-green); line-height: 1.25;
} .yo-jp-route-cards span { color: #52636b; font-size: 0.95rem; line-height: 1.55;
} .yo-jp-map-section { background: #fff;
} .yo-jp-map-stage { margin: 0 0 30px; overflow: hidden; border: 1px solid var(--yo-jp-line); border-radius: 18px; background: #0f2f2f; box-shadow: 0 20px 48px rgba(17, 24, 39, 0.12);
} .yo-jp-map-stage img { display: block; width: 100%; height: auto;
} .yo-jp-story--map { max-width: 860px; margin: 0 auto;
} .yo-jp-data-area { display: grid; gap: 16px; margin-top: 26px;
} .yo-jp-data-body { max-height: 72vh; overflow: auto;
} .yo-jp-data-body h2,
.yo-jp-data-body h3 { margin: 1.4rem 0 0.8rem; color: var(--yo-jp-green);
} .yo-jp-data-body ul { margin: 0 0 1.25rem; padding-left: 1.2rem;
} .yo-jp-data-body li { margin-bottom: 0.42rem; line-height: 1.65;
} .yo-jp-data-body table { width: 100%; min-width: 760px; border-collapse: collapse;
} .yo-jp-data-body td,
.yo-jp-data-body th { padding: 0.6rem 0.7rem; border: 1px solid rgba(18, 63, 63, 0.12); vertical-align: top; font-size: 0.94rem;
} @media (max-width: 980px) { .yo-jp-story-grid, .yo-jp-route-cards { grid-template-columns: 1fr; } .yo-jp-section-label { position: static; } .yo-jp-story { font-size: 1rem; }
} .yo-ndx-hero { min-height: 88svh;
} .yo-ndx-hero__bg { filter: blur(2.8px) saturate(1.02) contrast(1.03);
} .yo-ndx-hero__bg img { width: 100%; height: 100%; object-fit: cover;
} .yo-ndx-hero__inner { position: relative; z-index: 2; max-width: var(--theme-normal-container-max-width, 1290px); padding-top: 90px; padding-bottom: 110px;
} .yo-ndx-kicker { margin: 0 0 10px; color: #d4a63a; text-transform: uppercase; letter-spacing: .08em; font-size: .86rem; font-weight: 700;
} .yo-ndx-hero h1 { margin: 0 0 18px; color: #fff; font-size: clamp(2.5rem, 5vw, 5rem); line-height: .98;
} .yo-ndx-lead { max-width: 840px;
} .yo-ndx-lead p { margin: 0 0 12px; color: rgba(255,255,255,.84); line-height: 1.78;
} .yo-ndx-scroll { display: inline-flex; margin-top: 12px; color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.45);
} .yo-ndx-stats { margin-top: -50px; position: relative; z-index: 5;
} .yo-ndx-stats__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-radius: 16px; overflow: hidden; border: 1px solid rgba(18,63,63,.14); background: #fff; box-shadow: 0 18px 44px rgba(17,24,39,.12);
} .yo-ndx-stats__grid article { padding: 16px; border-right: 1px solid rgba(18,63,63,.12); transition: background .18s; cursor: default;
} .yo-ndx-stats__grid article:hover { background: rgba(196,98,45,.06);
} .yo-ndx-stats__grid article:last-child { border-right: 0;
} .yo-ndx-stats__grid span { display: block; color: #c4622d; font-size: .8rem; text-transform: uppercase; font-weight: 700; margin-bottom: 6px;
} .yo-ndx-stats__grid strong { color: #123f3f; font-size: 1.02rem; line-height: 1.3;
} .yo-ndx-section { padding: 74px 0;
} .yo-ndx-section--soft { background: #f7f4ef;
} .yo-ndx-grid { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 24px; width: 100%; max-width: none;
} .yo-ndx-label { position: sticky; top: 56px; color: #123f3f; font-size: 1rem; font-weight: 700;
} .yo-ndx-story { max-width: none; width: 100%; color: #233039; font-size: 1.03rem; line-height: 1.82;
} .yo-ndx-story--center { margin: 0 auto;
} .yo-ndx-story h2,
.yo-ndx-story h3 { color: #123f3f; line-height: 1.16; margin-top: 0;
} .yo-ndx-story img { max-width: 100%; height: auto; border-radius: 14px;
} .yo-ndx-details { margin-top: 18px; border: 1px solid rgba(18,63,63,.14); border-radius: 14px; background: #fff; overflow: hidden;
} .yo-ndx-details summary { cursor: pointer; padding: 14px 16px; font-weight: 700; color: #123f3f;
} .yo-ndx-details > div { padding: 0 16px 16px;
} .yo-ndx-map__figure { margin: 0 auto 28px; max-width: 980px; border-radius: 18px; overflow: hidden; border: 1px solid rgba(18,63,63,.15); box-shadow: 0 18px 40px rgba(17,24,39,.12);
} .yo-ndx-map__figure img { display: block; width: 100%; height: auto;
} .yo-ndx-tabs { margin-top: 20px;
} .yo-ndx-tabs__list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px;
} .yo-ndx-tabs__list button { border: 1px solid rgba(18,63,63,.18); background: #fff; color: #123f3f; border-radius: 999px; min-height: 36px; padding: 0 14px; font-weight: 700;
} .yo-ndx-tabs__list button.is-active,
.yo-ndx-tabs__list button[aria-selected="true"] { background: var(--yo-interaction-selected-bg); color: var(--yo-interaction-selected-text); border-color: var(--yo-interaction-selected-border);
} .yo-ndx-tabs__panel { display: none; max-height: 58vh; overflow: auto; border: 1px solid rgba(18,63,63,.12); border-radius: 14px; background: #fff; padding: 14px;
} .yo-ndx-tabs__panel.is-active { display: block;
} .yo-ndx-table-wrap { overflow: auto;
} .yo-ndx-table-wrap table { min-width: 760px;
} /* ── Origin Story: Hero ─────────────────────────── */
.yo-os-h1 { display: flex; flex-direction: column; gap: 14px; margin: 0;
} .yo-os-big-num { display: block; font-size: clamp(88px, 20vw, 160px); font-weight: 900; line-height: 0.86; color: #fff; letter-spacing: -4px;
} .yo-os-h1-line { display: block; font-size: clamp(.95rem, 2.4vw, 1.55rem); font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .75);
} /* ── Departure Chapter ───────────────────────────── */
.yo-os-chapter__stamp { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 20px; margin-bottom: 52px; padding-bottom: 26px; border-bottom: 2px solid rgba(196, 98, 45, .18);
} .yo-os-chapter__date { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 800; color: #c4622d; font-variant-numeric: tabular-nums; letter-spacing: -1px; line-height: 1;
} .yo-os-chapter__route { font-size: .85rem; color: #7a8f8f; letter-spacing: .06em; text-transform: uppercase;
} /* ── Journey Route Cards ─────────────────────────── */
.yo-os-journey { background: #f5f0eb; padding: 72px 0;
} .yo-os-journey__head { text-align: center; margin-bottom: 44px;
} .yo-os-journey__head h2 { margin: 8px 0 10px; color: #123f3f;
} .yo-os-journey__desc { color: #7a8f8f; font-size: .88rem; margin: 0;
} .yo-os-journey__cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(144px, 1fr)); gap: 12px;
} .yo-os-journey__card { background: #fff; border: 1px solid rgba(18, 63, 63, .1); border-radius: 14px; padding: 22px 12px 18px; display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: default; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; text-align: center; font-family: inherit;
} .yo-os-journey__card.has-diary { cursor: pointer;
} .yo-os-journey__card.has-diary:hover,
.yo-os-journey__card.has-diary:focus-visible { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(17, 24, 39, .1); border-color: #c4622d; outline: none;
} .yo-os-journey__num { display: block; font-size: .65rem; font-weight: 700; color: #c4622d; letter-spacing: .1em;
} .yo-os-journey__title { display: block; font-size: .93rem; font-weight: 700; color: #123f3f; line-height: 1.3;
} .yo-os-journey__cta { display: block; font-size: .7rem; color: #b0c0c0; margin-top: 4px;
} /* ── Alain de Botton Quote ───────────────────────── */
.yo-os-quote-section { background: #1a5252; padding: 88px 0;
} .yo-os-quote { max-width: 720px; margin: 0 auto; text-align: center;
} .yo-os-quote blockquote { margin: 0 0 22px;
} .yo-os-quote blockquote p { font-size: clamp(1.1rem, 2.4vw, 1.5rem); line-height: 1.72; color: rgba(255, 255, 255, .9); font-style: italic; font-weight: 300; letter-spacing: .01em; margin: 0;
} .yo-os-quote blockquote p::before { content: '\201C'; }
.yo-os-quote blockquote p::after { content: '\201D'; } .yo-os-quote figcaption { color: rgba(255, 255, 255, .42); font-size: .82rem; letter-spacing: .1em; text-transform: uppercase;
} /* ── CTA Section ─────────────────────────────────── */
.yo-os-cta-section { background: linear-gradient(160deg, #fffaf6 0%, #f0f6f6 100%); padding: 88px 0;
} .yo-os-cta__eyebrow { font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: #c4622d; margin: 0 0 10px;
} .yo-os-cta__body { color: #5a6e6e; max-width: 500px; margin: 0 auto 32px; font-size: .95rem; line-height: 1.75;
} /* ── Responsive ──────────────────────────────────── */
@media (max-width: 980px) { .yo-ndx-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yo-ndx-grid { grid-template-columns: 1fr; gap: 14px; } .yo-ndx-label { position: static; } .yo-os-big-num { letter-spacing: -2px; } .yo-os-chapter__stamp { flex-direction: column; gap: 6px; } .yo-os-journey__cards { grid-template-columns: repeat(2, 1fr); } .yo-os-quote-section, .yo-os-cta-section { padding: 56px 0; }
} /* Journey pillar: neredeydim */
.yo-jp-page { --yo-jp-green: #123f3f; --yo-jp-green-dark: #082424; --yo-jp-ink: #17242b; --yo-jp-muted: #607078; --yo-jp-paper: #f7f4ef; --yo-jp-line: rgba(18, 63, 63, 0.14); --yo-jp-terra: #c4622d; background: #fff; color: var(--yo-jp-ink); overflow-x: hidden;
} body.page-id-280 .site-main > .yo-ndx-page { width: 100vw ; max-width: none ; margin-left: calc(50% - 50vw) ; margin-right: calc(50% - 50vw) ;
} body.page-id-280 #main.site-main { width: 100% ; max-width: none ; margin: 0 ; padding: 0 ;
} body.page-id-280 .site-content,
body.page-id-280 .content-area { margin: 0 ; padding: 0 ; max-width: none ;
} .yo-jp-page *,
.yo-jp-page *::before,
.yo-jp-page *::after { box-sizing: border-box;
} .yo-jp-container { width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 clamp(24px, 3vw, 56px);
} .yo-jp-progress { position: fixed; top: 0; left: 0; right: 0; z-index: 50; display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; min-height: 34px; padding: 7px 14px; background: rgba(8, 36, 36, 0.92); color: #fff; font-size: 12px; line-height: 1; backdrop-filter: blur(10px);
} .yo-jp-progress__track { height: 3px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, 0.2);
} .yo-jp-progress__bar { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left center; background: #d4a63a;
} .yo-jp-hero { position: relative; min-height: 92svh; display: flex; align-items: center; padding: 92px 0 74px; color: #fff; overflow: hidden; background: var(--yo-jp-green-dark);
} .yo-jp-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center; transform: scale(1.02); filter: blur(2.4px) saturate(1.05) contrast(1.04);
} .yo-jp-hero__bg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;
} .yo-jp-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(8, 36, 36, 0.95) 0%, rgba(8, 36, 36, 0.76) 46%, rgba(8, 36, 36, 0.58) 100%), linear-gradient(180deg, rgba(196, 98, 45, 0.18) 0%, rgba(8, 36, 36, 0.72) 100%);
} .yo-jp-hero::after { content: ""; position: absolute; left: -12%; right: -12%; bottom: -176px; z-index: 1; height: 260px; border-radius: 50% 50% 0 0; background: #fff;
} .yo-jp-hero__inner { position: relative; z-index: 2; display: block; width: 100%; max-width: none;
} .yo-jp-map-shell { position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 18px; background: rgba(6, 28, 28, 0.72); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
} .yo-jp-map-shell img { display: block; width: 100%; aspect-ratio: 1.15 / 1; object-fit: cover; opacity: 0.92;
} .yo-jp-map-shell::after { content: ""; position: absolute; inset: 18% 14% 20% 18%; border: 2px dashed rgba(212, 166, 58, 0.86); border-left-color: transparent; border-bottom-color: rgba(212, 166, 58, 0.55); border-radius: 48% 44% 52% 46%; transform: rotate(-9deg); pointer-events: none;
} .yo-jp-pin { position: absolute; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; background: var(--yo-jp-terra); box-shadow: 0 0 0 7px rgba(196, 98, 45, 0.22);
} .yo-jp-pin span { position: absolute; left: 50%; bottom: calc(100% + 9px); transform: translateX(-50%); white-space: nowrap; opacity: 0; pointer-events: none; padding: 7px 9px; border-radius: 8px; background: rgba(8, 36, 36, 0.94); color: #fff; font-size: 12px; font-weight: 700; transition: opacity 0.18s ease, transform 0.18s ease;
} .yo-jp-pin:hover span,
.yo-jp-pin:focus-visible span { opacity: 1; transform: translate(-50%, -3px);
} .yo-jp-pin--bangkok { left: 46%; top: 40%; }
.yo-jp-pin--bali { left: 54%; top: 58%; }
.yo-jp-pin--australia { left: 62%; top: 74%; }
.yo-jp-pin--nz { left: 78%; top: 82%; } .yo-jp-breadcrumb { display: flex; gap: 8px; align-items: center; margin-bottom: 18px; color: rgba(255, 255, 255, 0.7); font-size: 13px;
} .yo-jp-breadcrumb a { color: rgba(255, 255, 255, 0.84); text-decoration: none;
} .yo-jp-eyebrow { margin: 0 0 10px; color: #d4a63a; font-size: 0.88rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
} .yo-jp-hero h1 { margin: 0 0 18px; max-width: 780px; color: #fff; font-size: clamp(2.5rem, 5.4vw, 5rem); line-height: 0.98; letter-spacing: 0;
} .yo-jp-hero__copy > p:last-child { max-width: 760px; margin: 0; color: rgba(255, 255, 255, 0.84); font-size: clamp(1rem, 1.25vw, 1.12rem); line-height: 1.78;
} .yo-jp-stats { position: relative; z-index: 4; margin-top: -44px;
} .yo-jp-stats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; overflow: hidden; border: 1px solid var(--yo-jp-line); border-radius: 16px; background: #fff; box-shadow: 0 20px 50px rgba(17, 24, 39, 0.12);
} .yo-jp-stats article { min-height: 104px; padding: 20px; border-right: 1px solid var(--yo-jp-line);
} .yo-jp-stats article:last-child { border-right: 0;
} .yo-jp-stats span { display: block; margin-bottom: 7px; color: var(--yo-jp-terra); font-size: 0.82rem; font-weight: 700; text-transform: uppercase;
} .yo-jp-stats strong { display: block; color: var(--yo-jp-green); font-size: clamp(1.05rem, 1.6vw, 1.32rem); line-height: 1.25;
} .yo-jp-section { padding: 76px 0;
} .yo-jp-section--intro,
.yo-jp-section--field,
.yo-jp-cta { background: var(--yo-jp-paper);
} .yo-jp-split { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: 38px; align-items: start; width: 100%; max-width: none;
} .yo-container.yo-jp-container.yo-jp-split { width: 100% ; max-width: 1160px ; margin: 0 auto ; padding-left: clamp(24px, 3vw, 56px) ; padding-right: clamp(24px, 3vw, 56px) ;
} .yo-jp-section h2,
.yo-jp-head h2 { margin: 0; color: var(--yo-jp-green); font-size: clamp(2rem, 3.6vw, 3.2rem); line-height: 1.08; letter-spacing: 0;
} .yo-jp-copy p { margin: 0 0 14px; color: #293a42; font-size: 1.06rem; line-height: 1.78;
} .yo-jp-head { max-width: 780px; margin: 0 0 28px;
} .yo-jp-chapters { display: grid; gap: 18px;
} .yo-jp-chapter { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 22px; padding: 26px; border: 1px solid var(--yo-jp-line); border-radius: 18px; background: #fff; box-shadow: 0 18px 38px rgba(17, 24, 39, 0.06);
} .yo-jp-chapter__meta { display: grid; align-content: start; gap: 8px;
} .yo-jp-chapter__meta span { color: var(--yo-jp-terra); font-size: 1.1rem; font-weight: 800;
} .yo-jp-chapter__meta em { color: var(--yo-jp-muted); font-style: normal; font-weight: 700;
} .yo-jp-chapter h3 { margin: 0 0 12px; color: var(--yo-jp-green); font-size: clamp(1.45rem, 2.5vw, 2.18rem); line-height: 1.12;
} .yo-jp-chapter p { margin: 0 0 18px; color: #293a42; font-size: 1.04rem; line-height: 1.78;
} .yo-jp-link-row,
.yo-jp-cta__actions { display: flex; flex-wrap: wrap; gap: 10px;
} .yo-jp-link-row a,
.yo-jp-cta__actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 9px 15px; border: 1px solid rgba(18, 63, 63, 0.18); border-radius: 999px; background: #fff; color: var(--yo-jp-green); font-weight: 700; text-decoration: none;
} .yo-jp-link-row a:hover,
.yo-jp-cta__actions a:hover { border-color: var(--yo-jp-terra); color: var(--yo-jp-terra);
} .yo-jp-link-row--center { justify-content: center; margin-top: 22px;
} .yo-jp-photo-band { padding: 10px 0 76px; background: #fff;
} .yo-jp-photo-grid { display: grid; grid-template-columns: 1.1fr 0.9fr 1fr; gap: 14px;
} .yo-jp-photo-grid figure { margin: 0; overflow: hidden; border-radius: 16px; background: #102c2c;
} .yo-jp-photo-grid img { display: block; width: 100%; height: 320px; object-fit: cover;
} .yo-jp-field-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
} .yo-jp-field-grid article { padding: 22px; border: 1px solid rgba(18, 63, 63, 0.12); border-radius: 16px; background: #fff; box-shadow: 0 18px 38px rgba(17, 24, 39, 0.06);
} .yo-jp-field-grid h3 { margin: 0 0 10px; color: var(--yo-jp-green); font-size: 1.22rem;
} .yo-jp-field-grid p { margin: 0; color: #293a42; line-height: 1.72;
} .yo-jp-cta__panel { max-width: 920px; margin: 0 auto; text-align: center;
} .yo-jp-cta__panel p:not(.yo-jp-eyebrow) { margin: 18px auto 24px; max-width: 780px; color: #293a42; font-size: 1.07rem; line-height: 1.78;
} .yo-jp-cta__actions { justify-content: center;
} .yo-jp-cta__actions a:first-child { background: var(--yo-jp-green); color: #fff;
} @media (max-width: 980px) { .yo-jp-progress { display: none; } .yo-jp-hero { min-height: auto; padding: 78px 0 64px; } .yo-jp-hero__inner, .yo-jp-split, .yo-jp-chapter { grid-template-columns: 1fr; } .yo-jp-split { gap: 18px; } .yo-jp-stats { margin-top: 0; } .yo-jp-stats__grid, .yo-jp-field-grid, .yo-jp-photo-grid { grid-template-columns: 1fr; } .yo-jp-stats article { border-right: 0; border-bottom: 1px solid var(--yo-jp-line); } .yo-jp-stats article:last-child { border-bottom: 0; } .yo-jp-photo-grid img { height: 230px; }
} .ct-footer #menu-footer-menu.widget-menu { columns: 1 ; column-count: 1 ;
} /* === GLOBAL === */
*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; }
body { background: #fff; overflow-x: hidden; }
img { display: block; max-width: 100%; }
a { color: var(--yo-terra); }
a:hover { color: var(--yo-terra-lt); } /* === HOMEPAGE === */
body.home .ct-page-title-area,
body.home .entry-header { display: none ; } /* === BLOCKSY NATIVE GİYDİRME (Header/Footer + Container) === */
:root { --yo-shell-max: 1100px;
} .ct-container { max-width: var(--yo-shell-max);
} .ct-header { position: fixed ; top: var(--wp-admin--admin-bar--height, 0px) ; left: 0; right: 0; z-index: 9998; backdrop-filter: none; -webkit-backdrop-filter: none; background: transparent ; background-color: transparent ;
} /* Sticky green strip behind header content (home only). */
.ct-header::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(26,82,82, var(--yo2-header-alpha, 0)); z-index: -1; pointer-events: none; transition: background-color 180ms ease;
} .ct-header [data-row] { border-bottom: 1px solid rgba(255,255,255, calc(var(--yo2-header-alpha, 0) * 0.12));
} .ct-header [data-row*="middle"] { min-height: var(--height, 24px); padding-top: 2px; padding-bottom: 2px; background: transparent ; background-color: transparent ;
} .ct-header [data-row*="middle"] .ct-container,
.ct-header [data-row*="middle"] [data-column],
.ct-header [data-row*="middle"] [data-items] { display: flex; align-items: center;
} .ct-header .ct-container { max-width: 1100px; padding-left: 12px; padding-right: 12px;
} .ct-header [data-device="desktop"] [data-row*="middle"] .ct-container { position: relative;
} .ct-header [data-device="desktop"] .header-menu-1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0;
} .ct-header [data-device="desktop"] .header-menu-1 > ul { margin: 0; padding: 0; display: flex; align-items: center; gap: 8px; white-space: nowrap;
} .ct-header [data-device="desktop"] .yo2-socials { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-flex;
} .ct-header .ct-menu-link { color: rgba(255,255,255,0.94) ; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif ; font-size: 16px ; font-weight: 700 ; letter-spacing: -.005em; text-transform: none ;
} .ct-header .ct-menu-link:hover { color: #fff ;
} .ct-header .ct-header-cta .ct-button { background: #C4622D ; color: #fff ; border-radius: 999px; border: 1px solid #C4622D ;
} .ct-footer { position: relative; overflow: hidden; color: rgba(255,255,255,.9); border-top: 2px solid rgba(196,98,45,.25); margin-top: 0; background: #091e1e;
} .ct-footer::before { content: ''; position: absolute; inset: 0; background: url('/wp-content/uploads/2026/05/footer-bg-1280x316.webp') center / cover no-repeat; opacity: .18; z-index: 0; transform: translateZ(0);
} .ct-footer::after { content: ''; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(6,20,20,.92) 0%, rgba(4,14,14,.96) 100%); z-index: 1;
} .ct-footer [data-row], .ct-footer [data-column], .ct-footer .widget, .ct-footer .ct-container { position: relative; z-index: 2;
} .ct-footer [data-row] { background: transparent ; color: inherit ;
} .ct-footer [data-row="top"] .ct-container { max-width: 1100px; margin: 0 auto; padding: 44px 24px 30px; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.1fr); gap: 26px 34px; align-items: stretch;
} .ct-footer [data-row="middle"] { display: none ;
} .ct-footer [data-column="widget-area-2"] { display: flex; flex-direction: column; align-content: start; padding: 22px 20px 18px; border-radius: 24px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(10px);
} .ct-footer [data-column="widget-area-2"] .widget-title { display: block; margin: 0; font-size: 13px; line-height: 1.25; font-weight: 700; color: #fff;
} } .yo2-footer__brandmark { width: 36px; height: 36px; border-radius: 999px; background: url("/wp-content/uploads/2026/05/logo-ring.svg") center / cover no-repeat; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; transform: none;
} .yo2-footer__lede { max-width: 620px; margin: 6px 0 0; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.7;
} } .yo2-footer__meta { display: flex; flex-wrap: wrap; gap: 10px 12px; margin-top: 20px; align-items: center; justify-content: flex-start;
} .yo2-footer__pill { display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); color: rgba(255,255,255,.84); font-size: 12px; line-height: 1;
} } .yo2-footer__links ul,
.yo2-footer__menu,
.ct-footer [data-column="widget-area-2"] .widget-menu { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px;
} .yo2-footer__links li,
.ct-footer [data-column="widget-area-2"] .widget-menu li { margin: 0;
} .yo2-footer__links a,
.yo2-footer__menu a,
.ct-footer [data-column="widget-area-2"] .widget-menu a { color: rgba(255,255,255,.85); text-decoration: none; font-size: 13px; line-height: 1.25;
} .yo2-footer__links a:hover,
.yo2-footer__menu a:hover,
.ct-footer [data-column="widget-area-2"] .widget-menu a:hover { color: #fff;
} .yo2-footer__socials a svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round;
} @media (max-width: 520px) { .ct-footer [data-row="top"] .ct-container { padding: 34px 16px 24px; grid-template-columns: 1fr; align-items: flex-start; } .yo2-footer__links { width: 100%; } .yo2-footer__links ul, .yo2-footer__menu, .ct-footer [data-column="widget-area-2"] .widget-menu { grid-template-columns: 1fr; gap: 8px 12px; } .yo2-footer__socials { width: 100%; } .yo2-footer__side, .ct-footer [data-column="widget-area-2"] { padding: 18px 16px; }
} .ct-footer [data-row="bottom"] { border-top: 1px solid rgba(255,255,255,.08);
} .ct-footer [data-row="bottom"] .ct-container { max-width: 1100px; margin: 0 auto; padding: 16px 24px 24px;
} } .ct-footer [data-column] { min-width: 0;
} .ct-footer .widget,
.ct-footer .widget:last-child { margin-bottom: 0;
} .ct-footer .widget-title { display: none;
} .yo2-footer__socials { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap;
} .yo2-footer__socials a { width: 34px; height: 34px; border-radius: 999px; border: 1px solid rgba(255,255,255,.22); display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.06); color: rgba(255,255,255,.85); text-decoration: none; font-size: 0;
} .yo2-footer__socials a:hover { border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.14);
} .ct-header .yo2-socials { display: inline-flex; align-items: center; gap: 10px; margin-left: 16px;
} .ct-header .yo2-socials a { width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.10); color: rgba(255,255,255,.85); text-decoration: none; transition: background .2s ease, color .2s ease, transform .2s ease;
} .ct-header .yo2-socials a svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round;
} .ct-header .yo2-socials a:hover { background: var(--yo2-accent); color: #fff; transform: none;
} body.home #main,
body.home .site-main,
body.home .entry-content,
body.home article,
body.home .ct-container-narrow { margin-top: 0 ; padding-top: 0 ;
} body.home .site-main > .yo2-hero:first-child { margin-top: 0 ;
} body.home .site-main > .yo2-hero--home:first-child { margin-top: 0 ;
} .ct-footer-copyright { opacity: 1 ; font-size: 11.5px ; line-height: 1.45 ; color: rgba(255,255,255,.72) ; letter-spacing: .01em; text-align: left ;
} body.home .yo2-hero--home { min-height: calc(100svh - 50px); height: auto; overflow: clip; display: flex; align-items: center; justify-content: center; overscroll-behavior: none; touch-action: pan-y;
} body.home .yo2-hero__sentinel { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; pointer-events: none;
} body.home .yo2-hero__content { position: relative; z-index: 2;
} body.home .yo2-hero--home .yo2-hero__bg { background-size: cover; background-position: center center; background-repeat: no-repeat; transform: scale(1.02); filter: blur(2.4px) saturate(1.08); box-shadow: none;
} body.home .yo2-hero--home .yo-hero__image { object-position: center calc(50% + 30px);
} body.home .yo2-hero--home .yo2-hero__curve::before { top: -125px;
} body.home .yo2-bc { font-size: 13px; color: rgba(255,255,255,.68); margin-bottom: 20px; min-height: 18px;
} body.home .yo2-bc a { color: rgba(255,255,255,.68); text-decoration: none;
} body.home .yo2-bc a:hover,
body.home .yo2-bc span { color: #fff;
} body.home .yo2-bc__sep { opacity: .5; margin: 0 6px; color: rgba(255,255,255,.5);
} body.home .yo2-hero__content { box-sizing: border-box; width: 100%; max-width: 980px; margin: 0 auto; padding: 18px 24px 48px; text-align: center; transform: none;
} body.home .yo2-hero__kicker { margin: 0 0 10px; font-size: 36px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.72); transform: translateY(-5px);
} body.home .yo2-hero__title { max-width: 860px; margin-left: auto; margin-right: auto; font-size: clamp(2.15rem, 5.8vw, 4.85rem); font-weight: 800; color: #fff; letter-spacing: 0; line-height: 1.02; margin: 0 auto 20px; text-shadow: rgba(0,0,0,0.4) 0 2px 20px; text-transform: none; text-wrap: balance;
} body.home .yo2-hero-sub { max-width: 600px; margin: 0 auto 18px; font-size: 18px ; color: #fff ; font-weight: 400 ; letter-spacing: -0.01em ; line-height: 1.45 ; text-shadow: rgba(0,0,0,0.08) 0 1px 1px;
} body.home .yo2-hp-buttons { margin-top: 16px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 12px;
} body.home .yo2-readmore-btn { display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 1px solid rgba(255,255,255,0.35); color: rgba(255,255,255,0.85); padding: 7px 20px; border-radius: 50px; font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.2s; text-decoration: none; margin: 0;
} body.home .yo2-readmore-btn:hover { background: var(--yo-interaction-hover-bg); border-color: var(--yo-interaction-hover-border); color: var(--yo-interaction-hover-text);
} .ct-header .ct-header-search { display: none !important;
} body.home .yo-home-search { position: absolute; z-index: 12; top: calc(var(--wp-admin--admin-bar--height, 0px) + 18px); left: 50%; transform: translateX(-50%); width: min(420px, calc(100% - 40px)); height: 38px; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(255,255,255,.06); box-shadow: none; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
} body.home .yo-home-search__results[hidden] { display: none ;
} body.home .yo-home-search__results { position: absolute; top: calc(100% + 10px); left: 50%; display: grid; gap: 8px; padding: 12px; border-radius: 18px; background: #fff; border: 1px solid rgba(26, 82, 82, .14); box-shadow: 0 18px 60px rgba(0,0,0,.28); backdrop-filter: none; -webkit-backdrop-filter: none; width: min(525px, calc(100vw - 20px)); height: auto; max-height: none; transform: translateX(-50%); overflow: visible;
} body.home .yo-home-search__item { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 6px; align-items: center; padding: 5px; border-radius: 14px; text-decoration: none; background: #fff; border: 1px solid rgba(26, 82, 82, .08);
} body.home .yo-home-search__media { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 12px; max-width: 50px; min-width: 50px; background: #f3f5f6;
} body.home .yo-home-search__media img { width: 100%; height: 100%; object-fit: cover; display: block;
} body.home .yo-home-search__body { display: grid; gap: 3px; min-width: 0;
} body.home .yo-home-search__tag { font-size: 11px; line-height: 1; letter-spacing: .02em; text-transform: uppercase; color: rgba(26,82,82,.58);
} body.home .yo-home-search__title { color: #1a1a1a; font-size: 15px; line-height: 1.35; font-weight: 600;
} body.home .yo-home-search__item:hover { background: var(--yo-interaction-hover-bg);
} body.home .yo-home-search input { width: 100%; height: 100%; min-height: 0; border: 0; background: transparent; appearance: none; -webkit-appearance: none; color: #fff; font-size: 13px; font-weight: 400; line-height: 1; padding: 0 12px 0 16px; outline: none; box-shadow: none;
} body.home .yo-home-search input::placeholder { color: rgba(255,255,255,.45); font-style: italic;
} body.home .yo-home-search button { height: 28px; min-height: 0; margin-right: 5px; padding: 0 12px; border: 0; appearance: none; -webkit-appearance: none; border-radius: 999px; background: #C4622D; color: #fff; font-size: 12px; font-weight: 600; line-height: 1;
} @media (max-width: 720px) { body.home .yo-home-search { top: calc(var(--wp-admin--admin-bar--height, 0px) + 60px); width: min(100%, calc(100% - 32px)); height: 44px; border: 1px solid rgba(255,255,255,.27) ; background: rgba(255,255,255,.20) ; box-shadow: 0 8px 22px rgba(0,0,0,.10) ; } body.home .yo-home-search input { font-size: 15px; padding: 0 14px 0 16px; } body.home .yo-home-search button { height: 32px; padding: 0 14px; } body.home .yo-home-search__results { padding: 10px; gap: 7px; width: min(525px, calc(100vw - 16px)); height: auto; max-height: none; overflow: visible; } body.home .yo-home-search__item { grid-template-columns: 56px minmax(0, 1fr); gap: 10px; padding: 8px; } body.home .yo-home-search__title { font-size: 14px; }
} body.home .yo2-btn-primary { background: #C4622D ; border-color: #C4622D ; color: #fff ;
} body.home .yo2-btn-primary:hover { background: var(--yo-interaction-selected-bg); border-color: var(--yo-interaction-selected-border); } body.home .yo-home-hero-proof { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 0; color: rgba(255,255,255,.82); font-size: 13px; line-height: 1.2;
} body.home .yo-home-hero-proof span { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 11px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(7,31,31,.22); backdrop-filter: blur(8px);
} body.home .yo-home-hero-proof strong { margin-right: 4px; color: #fff; font-weight: 800;
} .ct-header { position: fixed !important; top: var(--wp-admin--admin-bar--height, 0px) !important; left: 0; right: 0; z-index: 9998; backdrop-filter: none; -webkit-backdrop-filter: none; background: transparent !important; background-color: transparent !important;
} .ct-header::before { content: ""; position: absolute; inset: 0; background: rgba(26,82,82, var(--yo2-header-alpha, 0)); z-index: -1; pointer-events: none; will-change: opacity;
} .ct-header [data-row] { border-bottom: 1px solid rgba(255,255,255, calc(var(--yo2-header-alpha, 0) * 0.12));
} .ct-header [data-row*="middle"] { min-height: var(--height, 24px); padding-top: 2px; padding-bottom: 2px; background: transparent !important; background-color: transparent !important;
} .ct-header [data-row*="middle"] .ct-container,
.ct-header [data-row*="middle"] [data-column],
.ct-header [data-row*="middle"] [data-items] { display: flex; align-items: center;
} .ct-header .ct-container { max-width: 1100px; padding-left: 12px; padding-right: 12px;
} .ct-header [data-device="desktop"] [data-row*="middle"] .ct-container { position: relative;
} .ct-header [data-device="desktop"] .header-menu-1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0;
} .ct-header [data-device="desktop"] .header-menu-1 > ul { margin: 0; padding: 0; display: flex; align-items: center; gap: 8px; white-space: nowrap;
} .ct-header [data-device="desktop"] .yo2-socials { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-flex;
} .ct-header .ct-menu-link { color: rgba(255,255,255,0.94) !important; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: -.005em; text-transform: none !important;
} .ct-header .ct-menu-link:hover { color: #fff !important;
} .ct-header .ct-header-cta .ct-button { background: #C4622D !important; color: #fff !important; border-radius: 999px; border: 1px solid #C4622D !important;
} .ct-header .ct-header-search { display: none !important;
} .ct-header .ct-header-trigger,
.ct-header .ct-icon { color: #fff !important;
} .ct-header .yo2-socials { display: inline-flex; align-items: center; gap: 10px; margin-left: 16px;
} .ct-header .yo2-socials a { width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.10); color: rgba(255,255,255,.85); text-decoration: none; transition: background .2s ease, color .2s ease, transform .2s ease;
} .ct-header .yo2-socials a svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round;
} .ct-header .yo2-socials a:hover { background: var(--yo2-accent); color: #fff; transform: none;
} /* Header — evrensel */
.ct-header { --yo-menu-font: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif; position: fixed !important; top: var(--wp-admin--admin-bar--height, 0px) !important; left: 0; right: 0; z-index: 9998; backdrop-filter: none; -webkit-backdrop-filter: none; background: transparent !important; background-color: transparent !important; will-change: transform;
} .ct-header::before { content: ""; position: absolute; inset: 0; background: rgba(26, 82, 82, var(--yo2-header-alpha, 0)); z-index: -1; pointer-events: none; transition: background 200ms ease; will-change: opacity;
} .ct-header [data-row] { background: transparent !important; background-color: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, calc(var(--yo2-header-alpha, 0) * .12));
} .ct-header [data-row*="middle"] { --height: 40px !important; min-height: 40px; max-height: 40px; padding-top: 0; padding-bottom: 0; background: transparent !important; background-color: transparent !important;
} .ct-header .ct-container { max-width: 1160px; padding-left: 18px; padding-right: 18px;
} .ct-header [data-device="desktop"] [data-row*="middle"] .ct-container { position: relative;
} .ct-header [data-device="desktop"] .header-menu-1 { position: absolute; left: 50%; top: 50%; width: max-content; max-width: calc(100% - 360px); margin: 0; transform: translate(-50%, -50%);
} .ct-header [data-device="desktop"] .header-menu-1 > ul { display: flex; align-items: center; justify-content: center; gap: 2px; margin: 0; padding: 0; white-space: nowrap;
} .ct-header .ct-menu-link { color: rgba(255, 255, 255, .94) !important; font-family: var(--yo-menu-font) !important; font-size: 14px !important; font-weight: 700 !important; font-stretch: condensed; letter-spacing: -.018em; line-height: 1.05 !important; text-transform: none !important; text-decoration: none;
} .ct-header [data-device="desktop"] .header-menu-1 > ul > li > .ct-menu-link { min-height: 34px; padding: 0 7px !important; display: inline-flex; align-items: center; gap: 4px;
} .ct-header .ct-toggle-dropdown-desktop { margin-left: 2px;
} .ct-header .sub-menu .ct-menu-link,
body.yo2-shell [data-id="mobile-menu"] .ct-menu-link { font-family: var(--yo-menu-font) !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: -.012em; line-height: 1.18 !important;
} .ct-header .ct-header-search,
.ct-header .ct-header-trigger { margin-left: 8px;
} body.yo-nav-at-footer .ct-header { transform: translateY(calc(-100% - var(--wp-admin--admin-bar--height, 0px))) !important; transition: transform .2s ease !important;
} body.yo2-standard-content { --yo2-header-alpha: .92;
} body.yo2-standard-content #main,
body.yo2-standard-content .site-main { padding-top: var(--header-height, 40px);
} body.yo2-post-single { background: linear-gradient(180deg, #f6fbfa 0%, #edf4f3 100%);
} body.yo2-post-single .site-main > .ct-container-full { padding-top: 22px; padding-bottom: 70px;
} body.yo2-post-single .site-main > .ct-container-full > article.post,
body.yo2-post-single .site-main > .ct-container-full > article[class*="post-"] { width: min(1180px, calc(100% - 32px)); margin: 0 auto;
} body.yo2-post-single .hero-section { position: relative; overflow: hidden; width: 100%; margin: 0 auto 18px; padding: clamp(30px, 4vw, 54px) clamp(20px, 3vw, 36px) clamp(26px, 3.2vw, 42px); border: 1px solid rgba(18, 63, 63, .12); border-radius: 28px; background: radial-gradient(circle at 18px 18px, rgba(196,98,45,.06) 1px, transparent 1px) 0 0/24px 24px, linear-gradient(180deg, #f8fcfb 0%, #eef5f4 100%); box-shadow: 0 18px 44px rgba(17, 24, 39, .07);
} body.yo2-post-single .hero-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(18,63,63,.04) 0%, rgba(18,63,63,0) 38%), linear-gradient(90deg, rgba(196,98,45,.08) 0%, rgba(196,98,45,0) 42%);
} body.yo2-post-single .hero-section .entry-header { position: relative; z-index: 1; max-width: 820px;
} body.yo2-post-single .hero-section .entry-header::before { content: "SEYAHAT REHBERİ"; display: inline-flex; align-items: center; min-height: 28px; margin: 0 0 14px; padding: 0 10px; border-radius: 999px; background: rgba(18, 63, 63, .08); color: #1a5252; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
} body.yo2-post-single .hero-section .page-title { margin: 0 0 14px; max-width: 760px; color: #123f3f; font-size: clamp(2.15rem, 4.3vw, 4.15rem); line-height: .98; letter-spacing: -.04em; text-wrap: balance;
} body.yo2-post-single .hero-section .entry-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0; padding: 0; list-style: none;
} body.yo2-post-single .hero-section .entry-meta li { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 6px 12px; border: 1px solid rgba(18, 63, 63, .10); border-radius: 999px; background: rgba(255,255,255,.78); box-shadow: 0 2px 12px rgba(17,24,39,.04);
} body.yo2-post-single .hero-section .entry-meta li a { color: #123f3f; text-decoration: none;
} body.yo2-post-single .hero-section .entry-meta .ct-media-container-static { padding: 0; border: 0; background: transparent; box-shadow: none;
} body.yo2-post-single .hero-section .entry-meta img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover;
} body.yo2-post-single .hero-section .entry-meta .meta-categories a { color: #C4622D; font-weight: 800;
} body.yo2-post-single .entry-content { position: relative; z-index: 1; width: min(760px, 100%); margin: 0 auto; padding: clamp(24px, 3vw, 40px) clamp(18px, 2.5vw, 32px) clamp(30px, 3.2vw, 44px); border: 1px solid rgba(18, 63, 63, .10); border-radius: 28px; background: #fff; box-shadow: 0 18px 42px rgba(17, 24, 39, .06);
} body.yo2-post-single .entry-content > *:first-child { margin-top: 0;
} body.yo2-post-single .entry-content > *:last-child { margin-bottom: 0;
} body.yo2-post-single .entry-content p { margin: 0 0 1.35em; color: #33403d; font-size: 1.05rem; line-height: 1.82;
} body.yo2-post-single .entry-content > p:first-of-type { font-size: 1.12rem; line-height: 1.92;
} body.yo2-post-single .entry-content h2,
body.yo2-post-single .entry-content h3 { color: #123f3f; text-wrap: balance;
} body.yo2-post-single .entry-content h2 { margin: 2.3rem 0 1rem; font-size: clamp(1.65rem, 2.8vw, 2.55rem); line-height: 1.12;
} body.yo2-post-single .entry-content h3 { margin: 1.8rem 0 .85rem; font-size: clamp(1.2rem, 2vw, 1.6rem); line-height: 1.2;
} body.yo2-post-single .entry-content figure { margin: 1.7rem 0; overflow: hidden; border-radius: 22px; border: 1px solid rgba(18,63,63,.10); background: #f4f8f7;
} body.yo2-post-single .entry-content figure img { width: 100%; height: auto;
} body.yo2-post-single .entry-content figcaption { padding: 10px 14px 14px; color: #5e6f6c; font-size: .92rem; line-height: 1.5;
} body.yo2-post-single .entry-content blockquote,
body.yo2-post-single .entry-content pre { margin: 1.8rem 0; border-radius: 18px; border: 1px solid rgba(18,63,63,.12); background: #f7fbfa;
} body.yo2-post-single .entry-content blockquote { padding: 18px 20px 18px 22px; border-left: 4px solid #C4622D; color: #243332;
} body.yo2-post-single .entry-content pre { padding: 18px 20px; overflow: auto;
} body.yo2-post-single .entry-content ul,
body.yo2-post-single .entry-content ol { margin: 0 0 1.35em; padding-left: 1.2em;
} body.yo2-post-single .entry-content li { margin-bottom: .55em; line-height: 1.7;
} body.yo2-post-single .entry-content table { width: 100%; border-collapse: collapse; margin: 1.8rem 0; overflow: hidden; border-radius: 18px; border: 1px solid rgba(18,63,63,.10);
} body.yo2-post-single .entry-content th,
body.yo2-post-single .entry-content td { padding: 12px 14px; border: 1px solid rgba(18,63,63,.10); vertical-align: top; text-align: left;
} body.yo2-post-single .entry-content th { background: #f1f7f6; color: #123f3f;
} body.yo2-post-single .entry-content a { color: #1a5252;
} body.yo2-post-single .entry-content a:hover { color: #C4622D;
} body.yo2-post-single .entry-content h2[id] { scroll-margin-top: 108px;
} body.yo2-post-single .entry-content > p:first-of-type::first-letter { float: left; margin: .15em .12em 0 0; color: #C4622D; font-size: 3.3em; line-height: .85; font-weight: 800;
} @media (max-width: 689.98px) { body.yo2-shell [data-id="mobile-menu"], body.yo2-shell [data-id="mobile-menu"].mobile-menu.menu-container { background: transparent !important; background-color: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 0; box-shadow: none; } body.yo2-shell [data-id="mobile-menu"] > ul { background: linear-gradient(180deg, rgba(26, 82, 82, .94) 0%, rgba(11, 45, 45, .88) 100%) !important; background-color: rgba(11, 45, 45, .90) !important; backdrop-filter: blur(10px) saturate(1.05) !important; -webkit-backdrop-filter: blur(10px) saturate(1.05) !important; border-left: 1px solid rgba(255, 255, 255, .10); box-shadow: -18px 0 42px rgba(0, 0, 0, .18); } body.yo2-shell [data-id="mobile-menu"] > ul { display: flex !important; flex-direction: column !important; gap: 8px !important; } body.yo2-shell [data-id="mobile-menu"] > ul > li + li { margin-top: 8px !important; } body.yo2-shell [data-id="mobile-menu"] .sub-menu { margin-top: 8px !important; } body.yo2-shell [data-id="mobile-menu"] .ct-menu-link { font-size: clamp(1.95rem, 8.5vw, 3.1rem) !important; font-weight: 800 !important; letter-spacing: .02em; line-height: 1 !important; text-transform: none !important; white-space: nowrap; } body.yo2-shell [data-id="mobile-menu"] .sub-menu .ct-menu-link { font-size: clamp(1.65rem, 6.9vw, 2.35rem) !important; letter-spacing: .02em; }
} @media (max-width: 980px) { body.yo2-post-single .site-main > .ct-container-full { padding-top: 14px; padding-bottom: 54px; } body.yo2-post-single .site-main > .ct-container-full > article.post, body.yo2-post-single .site-main > .ct-container-full > article[class*="post-"] { width: calc(100% - 24px); } body.yo2-post-single .hero-section { border-radius: 22px; padding: 24px 18px 22px; margin-bottom: 14px; } body.yo2-post-single .hero-section .entry-header::before { margin-bottom: 12px; } body.yo2-post-single .hero-section .page-title { font-size: clamp(1.85rem, 8vw, 2.8rem); } body.yo2-post-single .entry-content { width: calc(100% - 0px); border-radius: 22px; padding: 22px 16px 28px; } body.yo2-post-single .entry-content p { font-size: 1rem; line-height: 1.78; } body.yo2-post-single .entry-content > p:first-of-type { font-size: 1.05rem; line-height: 1.84; } body.yo2-post-single .entry-content h2 { margin-top: 2rem; font-size: clamp(1.45rem, 6vw, 2rem); } body.yo2-post-single .entry-content h3 { font-size: clamp(1.12rem, 4.8vw, 1.35rem); } body.yo2-post-single .entry-content figure { border-radius: 18px; } body.yo2-post-single .entry-content blockquote, body.yo2-post-single .entry-content pre, body.yo2-post-single .entry-content table { border-radius: 16px; } body.yo2-post-single .entry-content > p:first-of-type::first-letter { font-size: 2.9em; }
}
body.yo2-category-archive .ct-page-title-area,
body.yo2-category-archive .entry-header { display: none !important;
} body.yo2-category-archive { background: #fff;
} body.yo2-category-archive .site-main > .yo2-archive:first-child { margin-top: calc(-1 * var(--header-height, 40px)) !important;
} body.yo2-category-archive .yo2-hero--home { min-height: 100svh; height: 100svh; overflow: hidden; display: flex; align-items: center; justify-content: center;
} body.yo2-category-archive .yo2-hero--home .yo2-hero__bg { background-size: cover; background-position: center center; background-repeat: no-repeat; transform: scale(1.015); filter: blur(2.8px) saturate(1.13); box-shadow: inset 0 0 0 100vmax rgba(26,82,82,.10);
} body.yo2-category-archive .yo2-hero__content { width: 100%; max-width: 1100px; margin: 0 auto; padding: 24px 24px 48px; text-align: center; transform: translateY(-30px);
} body.yo2-category-archive .yo2-bc { font-size: 13px; color: rgba(255,255,255,.68); margin-bottom: 20px; min-height: 18px;
} body.yo2-category-archive .yo2-bc a { color: rgba(255,255,255,.68); text-decoration: none;
} body.yo2-category-archive .yo2-bc a:hover,
body.yo2-category-archive .yo2-bc span { color: #fff;
} body.yo2-category-archive .yo2-bc__sep { opacity: .5; margin: 0 6px; color: rgba(255,255,255,.5);
} body.yo2-category-archive .yo2-hero__kicker { margin: 0 0 10px; font-size: 36px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.72); transform: translateY(-5px);
} body.yo2-category-archive .yo2-hero__title { font-size: clamp(2.375rem, -10px + 10vw, 5.875rem); font-weight: 800; color: #fff; letter-spacing: -0.02em; line-height: 1; margin: 0 0 20px; text-shadow: rgba(0,0,0,0.4) 0 2px 20px; text-transform: uppercase;
} body.yo2-category-archive .yo2-hero-sub { max-width: 600px; margin: 0 auto 20px; font-size: 18px ; color: #fff ; font-weight: 400 ; letter-spacing: -0.01em ; line-height: 1.45 ; text-shadow: rgba(0,0,0,0.08) 0 1px 1px;
} body.yo2-category-archive .yo2-readmore-btn { display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 1px solid rgba(255,255,255,0.35); color: rgba(255,255,255,0.85); padding: 7px 20px; border-radius: 50px; font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.2s; text-decoration: none; margin: 0;
} body.yo2-category-archive .yo2-readmore-btn:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.6); color: #fff;
} @media (max-width: 1024px) { body.yo2-category-archive .yo2-hero__content { padding: 22px 18px 44px; } body.yo2-category-archive .yo2-hero__kicker { font-size: 12px; } body.yo2-category-archive .yo2-hero-sub { font-size: 18px ; } body.yo2-category-archive .yo2-readmore-btn { padding: 7px 20px; font-size: 14px; }
} @media (max-width: 767px) { body.yo2-category-archive .yo2-hero__content { padding: 20px 16px 40px; } body.yo2-category-archive .yo2-bc { font-size: 13px; margin-bottom: 20px; } body.yo2-category-archive .yo2-hero__kicker { font-size: 12px; margin-bottom: 10px; } body.yo2-category-archive .yo2-hero__title { font-size: 2.375rem; margin-bottom: 20px; } body.yo2-category-archive .yo2-hero-sub { font-size: 18px ; line-height: 1.45 ; margin-bottom: 20px; } body.yo2-category-archive .yo2-readmore-btn { padding: 7px 20px; font-size: 14px; }
} @media (max-width: 1024px) { body.home .yo2-hero__content { padding: 22px 18px 44px; } body.home .yo2-hero__kicker { font-size: 12px; } body.home .yo2-hero-sub { font-size: 18px ; } body.home .yo2-readmore-btn { padding: 7px 20px; font-size: 14px; }
} @media (max-width: 767px) { body.home .yo2-hero--home .yo2-hero__bg { background-position: center center; filter: blur(2.4px) saturate(1.08); transform: scale(1.02); } body.home .yo2-hero--home::after { background: linear-gradient(rgba(8,28,28,0.86) 0%, rgba(8,28,28,0.52) 28%, rgba(8,28,28,0.12) 48%, rgba(8,28,28,0) 58%), linear-gradient(rgba(26,82,82,0) 68%, rgba(26,82,82,0.92) 84%, rgb(26,82,82) 100%); } body.home .yo2-hero__content { max-width: 100%; padding: 18px 22px 40px; transform: none; } body.home .yo2-bc { font-size: 13px; margin-bottom: 20px; } body.home .yo2-hero__kicker { font-size: 12px; margin-bottom: 10px; } body.home .yo2-hero__title { max-width: 340px; margin-left: auto; margin-right: auto; font-size: clamp(1.85rem, 7.6vw, 2rem); line-height: 1.08; margin-bottom: 18px; overflow-wrap: break-word; text-wrap: auto; } body.home .yo2-hero-sub { max-width: 300px; font-size: 16px ; line-height: 1.45 ; margin-bottom: 20px; } body.home .yo2-hp-buttons { max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 14px; gap: 7px; flex-wrap: wrap; justify-content: center; } body.home .yo2-readmore-btn { padding: 7px 14px; font-size: 13px; white-space: nowrap; } body.home .yo-home-hero-proof { max-width: 340px; margin-left: auto; margin-right: auto; gap: 6px; } body.home .yo-home-hero-proof span { min-height: 28px; padding: 5px 9px; font-size: 11.5px; }
} body.yo2-category-archive .ct-page-title-area,
body.yo2-category-archive .entry-header { display: none !important;
} body.yo2-category-archive { background: #fff;
} body.yo2-category-archive .yo2-archive { width: 100%;
} body.yo2-category-archive .yo2-archive-hero { position: relative; min-height: 56svh; display: flex; align-items: flex-end; overflow: hidden; background: #123f3f;
} body.yo2-category-archive .yo2-archive-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; transform: scale(1.02); filter: blur(2px) saturate(1.06);
} body.yo2-category-archive .yo2-archive-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(196,98,45,0.68) 0%, rgba(196,98,45,0.20) 30%, rgba(196,98,45,0) 64%), linear-gradient(rgba(26,82,82,0) 70%, rgba(26,82,82,0.92) 86%, rgb(26,82,82) 100%);
} body.yo2-category-archive .yo2-archive-hero__content { position: relative; z-index: 2; width: min(1100px, 100%); margin: 0 auto; padding: 88px 24px 34px; color: #fff;
} body.yo2-category-archive .yo2-archive-crumbs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 18px; font-size: 13px; line-height: 1.4;
} body.yo2-category-archive .yo2-archive-crumbs a,
body.yo2-category-archive .yo2-archive-crumbs span { color: rgba(255,255,255,.74); text-decoration: none;
} body.yo2-category-archive .yo2-archive-crumbs a:hover { color: #fff;
} body.yo2-category-archive .yo2-archive-crumbs__sep { color: rgba(255,255,255,.46);
} body.yo2-category-archive .yo2-archive-kicker { margin: 0 0 10px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,.72);
} body.yo2-category-archive .yo2-archive-title { margin: 0 0 16px; font-size: 54px; line-height: 1; font-weight: 800; letter-spacing: -0.03em; color: #fff; text-transform: uppercase; text-shadow: rgba(0,0,0,.38) 0 2px 20px;
} body.yo2-category-archive .yo2-archive-desc { max-width: 660px; margin: 0 0 18px; font-size: 18px; line-height: 1.5; color: rgba(255,255,255,.92);
} body.yo2-category-archive .yo2-archive-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
} body.yo2-category-archive .yo2-archive-pill,
body.yo2-category-archive .yo2-archive-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 2px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.08); color: #fff; text-decoration: none; font-size: 14px; line-height: 1;
} body.yo2-category-archive .yo2-archive-cta { border-color: #C4622D; background: #C4622D;
} body.yo2-category-archive .yo2-archive-body { background: #f9fafb; padding: 62px 24px 72px;
} body.yo2-category-archive .yo2-archive-body__inner { max-width: 1100px; margin: 0 auto;
} body.yo2-category-archive .yo2-spoke { background: transparent; padding: 0; margin-top: 0;
} body.yo2-category-archive .yo2-spoke__head { align-items: flex-start; justify-content: flex-start; text-align: left; margin-bottom: 26px;
} body.yo2-category-archive .yo2-spoke__titleline { width: 100%; justify-content: flex-start; gap: 16px;
} body.yo2-category-archive .yo2-spoke__titleline::before,
body.yo2-category-archive .yo2-spoke__titleline::after { content: ""; flex: 1 1 auto; min-width: 40px; height: 1px; background: rgba(26,82,82,.35);
} body.yo2-category-archive .yo2-spoke__title { white-space: normal; font-size: 24px;
} body.yo2-category-archive .yo2-spoke__subtext { text-align: left; margin-top: 0;
} body.yo2-category-archive .yo2-spoke__count { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border-radius: 999px; background: rgba(26,82,82,.08); color: #1a5252;
} body.yo2-category-archive .yo2-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px;
} body.yo2-category-archive .yo2-card { min-width: 0;
} body.yo2-category-archive .yo2-card__media { position: relative; display: block; aspect-ratio: 300 / 420; border-radius: 12px; overflow: hidden; text-decoration: none; background: #1a2f2f; box-shadow: 0 10px 28px rgba(0,0,0,.14); transform: translateZ(0); transition: transform .22s ease, box-shadow .22s ease;
} body.yo2-category-archive .yo2-card__media::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( to bottom, rgba(196,98,45,.27) 0%, rgba(196,98,45,.13) 26%, rgba(196,98,45,0) 58% ), linear-gradient( to top, rgba(10,38,38,.98) 0%, rgba(10,38,38,.86) 20%, rgba(10,38,38,.42) 34%, rgba(10,38,38,.10) 44%, rgba(10,38,38,0) 52% );
} body.yo2-category-archive .yo2-card__media:hover { transform: scale(1.03); box-shadow: 0 14px 36px rgba(0,0,0,.22);
} body.yo2-category-archive .yo2-card__media img { width: 100%; height: 100%; object-fit: cover; display: block;
} body.yo2-category-archive .yo2-card__fallback { width: 100%; height: 100%; background: linear-gradient(160deg, #1a5252 0%, #103838 100%);
} body.yo2-category-archive .yo2-card__tag { position: static; z-index: 1; display: inline-flex; align-items: center; align-self: flex-start; margin: 0 0 5px -9px; padding: 4px 9px; border-radius: 999px; background: transparent; border: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, "Segoe UI", sans-serif ; font-size: 10.5px; line-height: 1; font-weight: 400; letter-spacing: .05em; text-transform: uppercase;
} body.yo2-category-archive .yo2-card__overlay { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px 16px 16px; background: transparent;
} body.yo2-category-archive .yo2-card__title { margin: 0 0 8px; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, "Segoe UI", sans-serif ; font-size: 18px; line-height: 1.3; font-weight: 400; letter-spacing: -.008em; text-wrap: balance;
} body.yo2-category-archive .yo2-card__meta { margin: 0; color: rgba(255,255,255,.84); font-family: "Helvetica Neue", Helvetica, Arial, "Segoe UI", sans-serif ; font-size: 12px; line-height: 1.35; font-weight: 400;
} body.yo2-category-archive .yo2-spoke__pager { margin-top: 22px;
} body.yo2-category-archive .yo2-spoke__pager .page-numbers { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center;
} body.yo2-category-archive .yo2-spoke__pager .page-numbers li { margin: 0;
} body.yo2-category-archive .yo2-spoke__pager .page-numbers a,
body.yo2-category-archive .yo2-spoke__pager .page-numbers span { min-width: 34px; height: 34px; padding: 0 10px; border-radius: 999px; border: 1px solid rgba(26,82,82,.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; line-height: 1; text-decoration: none;
} body.yo2-category-archive .yo2-spoke__pager .page-numbers a { color: #1a5252; background: rgba(255,255,255,.82);
} body.yo2-category-archive .yo2-spoke__pager .page-numbers span { color: #fff; background: #1a5252; border-color: #1a5252;
} @media (min-width: 768px) { body.yo2-category-archive .yo2-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
} @media (min-width: 1024px) { body.yo2-category-archive .yo2-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
} @media (max-width: 767px) { body.yo2-category-archive .yo2-archive-hero__content { padding: 74px 16px 28px; } body.yo2-category-archive .yo2-archive-title { font-size: 34px; line-height: 1.05; } body.yo2-category-archive .yo2-archive-desc { font-size: 16px; } body.yo2-category-archive .yo2-archive-body { padding: 44px 16px 56px; } .ct-header .site-branding { padding: 3px 10px 3px 8px; border-radius: 999px; background: rgba(10, 46, 46, .22); border: 1px solid rgba(255, 255, 255, .14); box-shadow: 0 8px 18px rgba(0, 0, 0, .07); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); flex-direction: row !important; align-items: center !important; gap: 6px !important; } .ct-header .site-branding .site-logo-container { line-height: 0; } .ct-header .site-branding .site-logo-container img { width: 30px !important; height: 30px !important; display: block; } .ct-header .site-branding .site-title-container { display: flex; align-items: center; } .ct-header .site-branding .site-title-container .site-title a { font-size: 16px !important; font-weight: 800 !important; color: #fff !important; font-family: "Montserrat", Arial, sans-serif !important; line-height: 1 !important; text-decoration: none !important; } .ct-header .site-branding .site-title, .ct-header .site-branding .site-title, .ct-header .site-branding .site-title { min-width: 0; padding: 0; background: none; border: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; } .ct-header .site-branding .site-title::before, .ct-header .site-branding .site-title::before, .ct-header .site-branding .site-title::before { width: 28px; height: 28px; margin-right: 8px; background-size: 18px 18px; transform: translateY(0); box-shadow: 0 2px 10px rgba(0, 0, 0, .12); } .ct-header .site-branding .site-title::after, .ct-header .site-branding .site-title::after, .ct-header .site-branding .site-title::after { font-size: 20px; line-height: 1.05; max-width: 9.5em; white-space: nowrap; }
} body.yo2-category-archive .yo2-footer { background: radial-gradient(circle at top left, rgba(196,98,45,.22), transparent 34%), linear-gradient(180deg, #123f3f 0%, #0b2d2d 100%); color: rgba(255,255,255,.9); border-top: 1px solid rgba(255,255,255,.08); padding: 44px 24px 30px;
} .yo2-footer__inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.3fr .9fr; gap: 28px 40px;
} .yo2-footer__main { min-width: 0;
} .yo2-footer__eyebrow { position: relative; display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,.74);
} .yo2-footer__eyebrow::before { content: ""; width: 26px; height: 1px; background: rgba(255,255,255,.25);
} .yo2-footer__brand { display: inline-flex; align-items: center; gap: 0; text-decoration: none; color: #fff; font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; line-height: 1; font-weight: 800; margin-bottom: 12px;
} .yo2-footer__brandmark { width: 36px; height: 36px; border-radius: 999px; background: url("/wp-content/uploads/2026/05/logo-ring.svg") center / cover no-repeat; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; margin-right: 10px; transform: none;
} .yo2-footer__lede { margin: 0; max-width: 640px; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.65;
} .yo2-footer__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px;
} .yo2-footer__pill { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.86); font-size: 13px;
} .yo2-footer__side { min-width: 0;
} .yo2-footer__side-title { margin: 0 0 12px; font-size: 16px; font-weight: 700; color: #fff;
} .yo2-footer__links { display: grid; gap: 8px; margin-bottom: 18px;
} .yo2-footer__links a { color: rgba(255,255,255,.82); text-decoration: none; font-size: 15px; line-height: 1.45;
} .yo2-footer__links a:hover { color: #fff;
} .yo2-footer__socials { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px;
} .yo2-footer__socials a { width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.1); color: rgba(255,255,255,.85); text-decoration: none; transition: background .2s ease, color .2s ease, transform .2s ease;
} .yo2-footer__socials a svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round;
} .yo2-footer__socials a:hover { background: var(--yo2-accent); color: #fff; transform: translateY(-1px);
} .yo2-footer__copy { margin: 0; color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.35;
} @media (max-width: 767px) { body.yo2-category-archive .yo2-footer { padding: 34px 16px 24px; } .yo2-footer__inner { grid-template-columns: 1fr; gap: 22px; }
} /* ============================================================ YO2 TOPBAR — Orijinal site header ============================================================ */
.yo2-post-single { --yo-post-hero-fallback: linear-gradient(135deg, #123f3f 0%, #1a5252 52%, #C4622D 100%); background: #fff;
} .yo2-post-single .site-main > .ct-container-full { padding-top: 0;
} .yo2-post-single .site-main > .ct-container-full > article.post,
.yo2-post-single .site-main > .ct-container-full > article[class*="post-"] { width: 100%; max-width: none; margin: 0;
} .yo2-post-single .hero-section { width: 100vw; min-height: 72svh; margin: calc(-1 * var(--header-height, 40px)) calc(50% - 50vw) 48px; padding: 132px max(24px, calc((100vw - 1120px) / 2)) 76px; border: 0; border-radius: 0; display: flex; align-items: flex-end; color: #fff; background-color: #123f3f; background-image: linear-gradient(180deg, rgba(8, 36, 36, .28) 0%, rgba(8, 36, 36, .62) 54%, rgba(8, 36, 36, .92) 100%), linear-gradient(90deg, rgba(8, 36, 36, .92) 0%, rgba(8, 36, 36, .70) 42%, rgba(8, 36, 36, .28) 100%), var(--yo-post-hero-image, var(--yo-post-hero-fallback)); background-size: cover; background-position: center; box-shadow: none;
} .yo2-post-single .hero-section::before,
.yo2-post-single .hero-section .entry-header::before { display: none;
} .yo2-post-single .hero-section .entry-header { width: min(900px, 100%); max-width: none; color: #fff;
} .yo2-post-single .yo-breadcrumb { display: flex; flex-wrap: wrap; gap: 0; align-items: center; margin: 0 0 18px; color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.4; font-weight: 700;
} .yo2-post-single .yo-breadcrumb a,
.yo2-post-single .yo-breadcrumb span { color: rgba(255,255,255,.74); text-decoration: none;
} .yo2-post-single .yo-breadcrumb a:hover { color: #fff;
} .yo2-post-single .yo-breadcrumb > * + *::before { content: "›"; margin-inline: 8px; color: rgba(255,255,255,.46);
} .yo2-post-single .hero-section .page-title { max-width: 900px; margin: 0 0 20px; color: #fff; font-size: 60px; line-height: .98; letter-spacing: 0; text-shadow: 0 2px 22px rgba(0,0,0,.34); text-wrap: balance;
} .yo2-post-single .hero-section .page-description { display: none;
} .yo2-post-single .hero-section .entry-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0; padding: 0; list-style: none; color: rgba(255,255,255,.84); font-size: 14px; line-height: 1.2; font-weight: 700; text-transform: none;
} .yo2-post-single .hero-section .entry-meta li { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1px solid rgba(255,255,255,.20); border-radius: 999px; background: rgba(255,255,255,.10); color: rgba(255,255,255,.88); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
} .yo2-post-single .hero-section .entry-meta li::after { display: none ;
} .yo2-post-single .hero-section .entry-meta a,
.yo2-post-single .hero-section .entry-meta time { color: #fff; text-decoration: none;
} .yo2-post-single .hero-section .entry-meta .ct-media-container-static,
.yo2-post-single .hero-section .entry-meta .meta-categories,
.yo2-post-single .hero-section .entry-meta .meta-comments,
.yo2-post-single .hero-section .entry-meta .meta-updated-date { display: none ;
} @media (max-width: 980px) { .yo2-post-single .hero-section { min-height: 66svh; margin-bottom: 34px; padding: 108px 22px 52px; } .yo2-post-single .hero-section .page-title { font-size: 44px; line-height: 1.04; } .yo2-post-single .yo-breadcrumb { margin-bottom: 14px; font-size: 12px; } .yo2-post-single .hero-section .entry-meta { gap: 8px; font-size: 13px; } .yo2-post-single .hero-section .entry-meta li { min-height: 32px; padding: 0 10px; }
} @media (max-width: 560px) { .yo2-post-single .hero-section { min-height: 70svh; padding: 92px 18px 40px; background-position: center; } .yo2-post-single .hero-section .page-title { font-size: 34px; line-height: 1.06; } .yo2-post-single .yo-breadcrumb { gap: 0; } .yo2-post-single .hero-section .entry-meta { align-items: flex-start; } .yo2-post-single .hero-section .entry-meta li { max-width: 100%; }
}
body.yo2-post-single .site-main > .ct-container-full { padding-top: 0;
} body.yo2-post-single .site-main > .ct-container-full > article.post,
body.yo2-post-single .site-main > .ct-container-full > article[class*="post-"] { width: 100%; max-width: none; margin: 0;
} body.yo2-post-single .hero-section { position: relative; isolation: isolate; width: 100vw; max-width: none; min-height: clamp(620px, 74svh, 780px); margin: calc(-1 * var(--header-height, 40px)) calc(50% - 50vw) 38px; padding: 116px max(24px, calc((100vw - 1120px) / 2)) 116px; border: 0; border-radius: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; background: #123f3f; box-shadow: none;
} body.yo2-post-single .hero-section::before { content: ""; position: absolute; inset: -12px; z-index: 0; display: block; background-image: linear-gradient(180deg, rgba(8,35,35,.42) 0%, rgba(8,35,35,.24) 42%, rgba(8,35,35,.58) 100%), linear-gradient(90deg, rgba(8,35,35,.36) 0%, rgba(8,35,35,.10) 52%, rgba(8,35,35,.30) 100%), var(--yo-post-hero-image, var(--yo-post-hero-fallback)); background-size: cover; background-position: center 45%; opacity: 1; transform: scale(1.018); filter: blur(1.8px) saturate(.96) contrast(1.03);
} body.yo2-post-single .hero-section::after { content: ""; position: absolute; left: calc(-10% - 75px); width: calc(120% + 150px); bottom: 95px; z-index: 1; height: 120px; border-bottom-left-radius: 50% 100%; border-bottom-right-radius: 50% 100%; box-shadow: 0 1000px 0 1000px #fff; pointer-events: none;
} body.yo2-post-single .hero-section .entry-header { position: absolute; inset: 0; z-index: 2; display: grid; grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr); justify-items: center; align-items: center; width: 100%; max-width: none; margin: 0; padding: 96px max(24px, calc((100vw - 1120px) / 2)); color: #fff;
} body.yo2-post-single .hero-section .entry-header::before { display: none;
} body.yo2-post-single .yo-breadcrumb { position: static; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 0; align-items: center; align-self: end; width: min(760px, 100%); margin: 0 auto 18px; transform: none; color: rgba(255,255,255,.76); font-size: 13px; line-height: 1.4; font-weight: 700;
} body.yo2-post-single .yo-breadcrumb a,
body.yo2-post-single .yo-breadcrumb span { color: rgba(255,255,255,.78); text-decoration: none; text-shadow: 0 1px 10px rgba(0,0,0,.35);
} body.yo2-post-single .yo-breadcrumb a:hover { color: #fff;
} body.yo2-post-single .yo-breadcrumb > * + *::before { content: "›"; margin-inline: 8px; color: rgba(255,255,255,.46); text-shadow: 0 1px 10px rgba(0,0,0,.35);
} body.yo2-post-single .hero-section .page-title { max-width: 940px; margin: 0 0 22px; color: #fff; font-size: 62px; line-height: 1; letter-spacing: 0; text-align: center; text-shadow: 0 4px 26px rgba(0,0,0,.46); text-wrap: balance;
} body.yo2-post-single .hero-section .page-description { display: none;
} body.yo2-post-single .hero-section .entry-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; align-items: center; align-self: start; margin: 20px 0 0; padding: 0; list-style: none; color: rgba(255,255,255,.88); font-size: 14px; line-height: 1.2; font-weight: 700; text-transform: none;
} body.yo2-post-single .hero-section .entry-meta li { display: inline-flex; align-items: center; min-height: 34px; padding: 0 13px; border: 1px solid rgba(255,255,255,.20); border-radius: 999px; background: rgba(8,36,36,.30); color: rgba(255,255,255,.9); box-shadow: 0 8px 22px rgba(0,0,0,.12); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
} body.yo2-post-single .hero-section .entry-meta li::after { display: none ;
} body.yo2-post-single .hero-section .entry-meta a,
body.yo2-post-single .hero-section .entry-meta time { color: #fff; text-decoration: none;
} body.yo2-post-single .hero-section .entry-meta .ct-meta-element-author,
body.yo2-post-single .hero-section .entry-meta .ct-meta-element-author span { color: #fff ;
} body.yo2-post-single .hero-section .entry-meta .ct-media-container-static,
body.yo2-post-single .hero-section .entry-meta .meta-categories,
body.yo2-post-single .hero-section .entry-meta .meta-comments,
body.yo2-post-single .hero-section .entry-meta .meta-updated-date { display: none ;
} body.yo2-post-single .entry-content { width: min(830px, calc(100% - 32px)); max-width: 830px; border-radius: 18px;
} body.yo2-post-single .entry-content > :where(p, h2, h3, h4, h5, h6, ul, ol, blockquote, .yo2-toc, .yo-toc, .wp-block-table, table, figure, pre) { width: 100%; max-width: 100%; margin-left: auto; margin-right: auto;
} body.yo2-post-single .entry-content figure { border-radius: 16px;
} body.yo2-post-single .entry-content .yo2-toc .yo2-toc__inner { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(180deg, rgba(247,251,250,.95) 0%, rgba(238,245,244,.96) 100%);
} body.yo2-post-single .entry-content .yo2-toc .yo2-toc__inner::before { content: ""; position: absolute; inset: 0; z-index: 0; background-image: url("https://yoldaolmak.com/wp-content/uploads/2026/05/toc-bcg.webp"); background-size: cover; background-position: center; opacity: .28; filter: saturate(.95) contrast(.98);
} body.yo2-post-single .entry-content .yo2-toc .yo2-toc__inner::after { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(180deg, rgba(247,251,250,.60) 0%, rgba(238,245,244,.72) 100%), radial-gradient(circle at 18% 8%, rgba(196,98,45,.06), transparent 36%);
} body.yo2-post-single .entry-content .yo2-toc .yo2-toc__head,
body.yo2-post-single .entry-content .yo2-toc .yo2-toc__grid { position: relative; z-index: 1;
} body.yo2-post-single .entry-content .yo2-toc .yo2-toc__title { color: #123f3f; font-size: clamp(.95rem, 1.95vw, 1.58rem); line-height: 1.08; overflow-wrap: break-word;
} body.yo2-post-single .entry-content .wp-block-preformatted { position: relative; white-space: pre-wrap; overflow: visible; margin-top: 1.8rem; margin-bottom: 1.8rem; padding: 22px 24px 22px 56px; border: 1px solid rgba(18,63,63,.12); border-left: 4px solid #C4622D; border-radius: 14px; background: linear-gradient(180deg, #f8fcfb 0%, #eef6f4 100%); color: #243332; font-family: inherit; font-size: 1.05rem; line-height: 1.76; box-shadow: 0 14px 32px rgba(17,24,39,.06);
} body.yo2-post-single .entry-content .wp-block-preformatted::before { content: "\201C"; position: absolute; left: 18px; top: 14px; color: #C4622D; font-family: Georgia, serif; font-size: 3.1rem; line-height: 1; font-weight: 700;
} body.yo2-post-single .entry-content .wp-block-separator.has-alpha-channel-opacity { width: min(180px, 42%); max-width: 180px; height: 1px; margin: clamp(34px, 5vw, 52px) auto; border: 0; background: linear-gradient(90deg, transparent 0%, rgba(196,98,45,.52) 22%, rgba(26,82,82,.22) 78%, transparent 100%); opacity: 1;
} body.yo2-post-single .entry-content .wp-block-table table { width: 100%; max-width: 100%; margin: 0;
} body.yo2-post-single .entry-content blockquote,
body.yo2-post-single .entry-content pre,
body.yo2-post-single .entry-content table { border-radius: 14px;
} @media (max-width: 980px) { body.yo2-post-single .hero-section { min-height: 70svh; margin-bottom: 30px; padding: 104px 22px 88px; } body.yo2-post-single .hero-section .entry-header { padding: 82px 22px 88px; } body.yo2-post-single .yo-breadcrumb { width: min(680px, 100%); margin-bottom: 16px; font-size: 12px; } body.yo2-post-single .hero-section .page-title { font-size: 42px; line-height: 1.04; } body.yo2-post-single .hero-section .entry-meta { gap: 8px; margin-top: 18px; font-size: 13px; } body.yo2-post-single .hero-section .entry-meta li { min-height: 32px; padding: 0 10px; } body.yo2-post-single .entry-content { border-radius: 16px; } body.yo2-post-single .entry-content .yo2-toc .yo2-toc__title { font-size: 1.02rem; } body.yo2-post-single .entry-content figure { border-radius: 14px; } body.yo2-post-single .entry-content blockquote, body.yo2-post-single .entry-content pre, body.yo2-post-single .entry-content table { border-radius: 12px; }
} @media (max-width: 560px) { body.yo2-post-single .hero-section { min-height: 70svh; padding: 82px 18px 72px; background-position: center; } body.yo2-post-single .yo-breadcrumb { gap: 0; margin-bottom: 14px; } body.yo2-post-single .hero-section .entry-header { padding: 72px 18px 78px; } body.yo2-post-single .hero-section .page-title { width: min(260px, 100%); max-width: 260px; margin-left: auto; margin-right: auto; font-size: clamp(27px, 7.2vw, 28px); line-height: 1.08; overflow-wrap: normal; text-wrap: auto; white-space: normal; } body.yo2-post-single .entry-content .yo2-toc .yo2-toc__head { align-items: flex-start; flex-wrap: wrap; } body.yo2-post-single .entry-content .yo2-toc .yo2-toc__title { flex: 1 1 100%; } body.yo2-post-single .entry-content .yo2-toc .yo2-toc__more { margin-top: 2px; } body.yo2-post-single .hero-section .entry-meta li { max-width: 100%; }
}
.yo2-topbar { position: fixed; top: 0; left: 0; right: 0; z-index: 9998; padding: var(--yo2-topbar-pad-y) 0; min-height: calc(var(--yo2-bar-h) + (var(--yo2-topbar-pad-y) * 2)); background: transparent; backdrop-filter: none; transition: background 0.25s, box-shadow 0.25s;
}
.yo2-topbar.is-scrolled { background: rgba(26,82,82,0.95); box-shadow: 0 10px 30px rgba(0,0,0,0.25); backdrop-filter: blur(6px);
}
.yo2-topbar__inner { max-width: 1100px; margin: 0 auto; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 16px; height: var(--yo2-bar-h);
}
.yo2-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #fff;
}
.yo2-brand__mark { width: 36px; height: 36px; border-radius: 999px; background: #C4622D; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
}
.yo2-brand__mark > span { color: #111; font-family: Georgia, serif; font-size: 24px; font-weight: 700; line-height: 1; transform: translateY(-1px);
}
.yo2-brand__name { font-size: 16px; font-family: Arial, Helvetica, sans-serif ; font-weight: 700 ; letter-spacing: -0.01em ; color: #fff;
}
.yo2-topnav { display: none; gap: 21px; align-items: center;
}
.yo2-topnav a { color: #fff; text-decoration: none; font-size: 16px; letter-spacing: -0.005em; font-family: Arial, Helvetica, sans-serif ; font-weight: 700 ;
}
.yo2-topnav a:hover { opacity: 0.8; }
.yo2-socials { display: inline-flex; align-items: center; gap: 10px;
}
.yo2-socials a { width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.85); text-decoration: none; transition: background 0.2s, transform 0.2s;
}
.yo2-socials a svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round;
}
.yo2-socials a:hover { background: #C4622D; transform: translateY(-1px); }
@media (min-width: 900px) { .yo2-topnav { display: inline-flex; }
} /* ============================================================ YO2 HERO — Orijinal site hero stili ============================================================ */
.yo2-hero { position: relative; min-height: 100svh; height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; overflow: hidden; margin-top: 0;
}
.yo2-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; transform: scale(1.02); filter: blur(2.4px) saturate(1.08); box-shadow: rgba(26,82,82,0.1) 0 0 0 100vmax inset;
}
/* Hero gradient overlay — Teal alt */
.yo2-hero::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(rgba(26,82,82,0) 0%, rgba(26,82,82,0.06) 28%, rgba(26,82,82,0) 62%), linear-gradient(rgba(26,82,82,0) 70%, rgba(26,82,82,0.92) 86%, rgb(26,82,82) 100%);
}
/* Pillar/kategori hero üst gradient — menü okunurluğu */
.yo-hero__gradient { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to bottom, rgba(10,31,31,0.55) 0%, rgba(10,31,31,0.22) 18%, rgba(0,0,0,0.18) 30%, rgba(0,0,0,0) 55%);
}
/* Hero'nun iç içeriği */
.yo2-hero__content { position: relative; z-index: 10; text-align: center; padding: 0 16px 108px; max-width: 860px; width: 100%; margin: 0 auto 0;
}
.yo2-hero__kicker { margin: 0 0 10px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.72);
}
.yo2-hero__title { font-size: clamp(2.375rem, -10px + 10vw, 5.875rem); font-weight: 800; color: #fff; letter-spacing: -0.02em; line-height: 1; margin: 0 0 20px; text-shadow: rgba(0,0,0,0.4) 0 2px 20px; text-transform: uppercase;
}
.yo2-hero-sub { max-width: 600px; margin: 0 auto 20px; font-size: 18px ; color: #fff ; font-weight: 400 ; letter-spacing: -0.01em ; line-height: 1.45 ; text-shadow: rgba(0,0,0,0.08) 0 1px 1px;
}
.yo2-readmore-btn { display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 1px solid rgba(255,255,255,0.35); color: rgba(255,255,255,0.85); padding: 7px 20px; border-radius: 50px; font-size: 14px; font-weight: 600; cursor: pointer; transition: 0.2s; text-decoration: none; margin: 4px;
}
.yo2-readmore-btn:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.6); color: #fff;
}
.yo2-btn-primary { background: #C4622D ; border-color: #C4622D ; color: #fff ;
}
.yo2-btn-primary:hover { background: #d4763e ; border-color: #d4763e ; }
.yo2-hp-buttons { margin-top: 8px; } /* ⛔ DOKUNULMAZLIK — .yo2-hero__curve: hero alt kavis efekti, top/height/border-radius değerleri kalibre edilmiş. Onay olmadan değiştirme. */
.yo2-hero__curve { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; height: 0; pointer-events: none;
}
.yo2-hero__curve::before { content: ""; position: absolute; left: calc(-10% - 75px); width: calc(120% + 150px); top: -215px; height: 120px; border-bottom-left-radius: 50% 100%; border-bottom-right-radius: 50% 100%; box-shadow: 0 1000px 0 1000px var(--yo2-hero-curve-fill, #0b2d2d);
} /* ============================================================ STATS BAR ============================================================ */
.yo-stats-bar { background: #fff; padding: 48px 24px 32px; text-align: center; border-bottom: 1px solid #e8e4e0;
}
.yo-stats-inner { display: flex; justify-content: center; gap: 64px; margin-bottom: 16px; flex-wrap: wrap;
}
.yo-stat { display: flex; flex-direction: column; align-items: center; }
.yo-stat__num { font-size: 3rem; font-weight: 800; line-height: 1; color: var(--yo-terra); }
.yo-stat:nth-child(3) .yo-stat__num,
.yo-stat:nth-child(4) .yo-stat__num { color: var(--yo-teal); }
.yo-stat__lbl { font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--yo2-muted); margin-top: 4px; }
.yo-stats-note { font-size: 0.85rem; color: var(--yo2-muted); max-width: 560px; margin: 0 auto; } /* ============================================================ LAYOUT ============================================================ */
.yo-hp-section { padding: 72px 0; }
.yo-hp-section--alt { background: var(--yo-bg); }
.yo-hp-section--kitalar { background: #fff; }
.yo-hp-container { max-width: var(--yo-max); margin: 0 auto; padding: 0 24px; }
.yo-section-center { text-align: center; margin-bottom: 40px; }
.yo-section-title-center { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700; color: var(--yo2-text); margin: 8px 0 12px; overflow-wrap: break-word; }
.yo-section-eyebrow {
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #C4622D;
  margin: 0 0 12px;
}
.yo-section-sub { font-size: 0.95rem; color: var(--yo2-muted); max-width: 600px; margin: 0 auto; line-height: 1.7; }
.yo-section-more { text-align: center; margin-top: 40px; } /* ============================================================ HOME EXPERIENCE + NAVIGATION BLOCKS ============================================================ */
body.home .yo-hp { width: 100%; max-width: 100vw; overflow-x: hidden; background: #fff;
} body.home .site-main,
body.home .yo2-hero,
body.home .yo-hp-section,
body.home .yo-home-proof { max-width: 100vw; overflow-x: clip;
} body.home .yo-hp-container { width: 100%;
} .yo-home-proof { position: relative; z-index: 2; margin-top: -1px; padding: 58px 0 54px; background: linear-gradient(180deg, #0b2d2d 0%, #123f3f 100%); color: #fff;
} .yo-home-proof__grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 34px; align-items: center;
} .yo-home-proof .yo-section-eyebrow { color: #D4A63A;
} .yo-home-proof__title { margin: 0; max-width: 610px; color: #fff; font-size: clamp(1.75rem, 3.4vw, 2.7rem); line-height: 1.12; letter-spacing: 0; text-wrap: balance; overflow-wrap: break-word;
} .yo-home-proof__text { margin: 0; color: rgba(255,255,255,.76); font-size: 1rem; line-height: 1.8; overflow-wrap: break-word;
} .yo-home-kitalar-grid { gap: 16px;
} .yo-home-kitalar-grid .yo-kita-card { flex: 0 0 calc(33.333% - 12px); border-radius: 14px; box-shadow: 0 12px 30px rgba(17,24,39,.12); min-height: 320px; aspect-ratio: 4/5;
} .yo-home-kitalar-grid .yo-kita-title { font-size: clamp(1.05rem, 1.7vw, 1.45rem);
} .yo-home-kitalar-grid .yo-kita-sub { display: block; min-height: 48px;
} /* ⛔ DOKUNULMAZLIK — yo-home-spoke-grid: site kimliği karakteri. Desktop 4 sütun | Tablet 3 sütun | Mobil 2 sütun — aspect-ratio, sütun sayısı, gap değiştirme yasak. Onay olmadan değiştirme. */ .yo-home-spoke-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;
} .yo-home-spoke-grid .yo2-card { min-width: 0;
} .yo-home-spoke-grid .yo2-card__media { position: relative; display: block; aspect-ratio: 7 / 10; border-radius: 14px; overflow: hidden; text-decoration: none; background: #1a2f2f; box-shadow: 0 10px 26px rgba(17,24,39,.12); transform: translateZ(0); transition: transform .22s ease, box-shadow .22s ease;
} .yo-home-spoke-grid .yo2-card__media::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to bottom, rgba(196,98,45,.22) 0%, rgba(196,98,45,0) 46%), linear-gradient(to top, rgba(10,38,38,.96) 0%, rgba(10,38,38,.68) 28%, rgba(10,38,38,0) 58%);
} .yo-home-spoke-grid .yo2-card__media:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(17,24,39,.18);
} .yo-home-spoke-grid .yo2-card__media img,
.yo-home-spoke-grid .yo2-card__fallback { width: 100%; height: 100%; object-fit: cover;
} .yo-home-spoke-grid .yo2-card__fallback { background: linear-gradient(160deg, #1a5252 0%, #103838 100%);
} .yo-home-spoke-grid .yo2-card__overlay { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px 15px 15px; background: transparent;
} .yo-home-spoke-grid .yo2-card__tag { align-self: flex-start; margin: 0 0 7px; color: rgba(255,255,255,.88); font-size: 10px; line-height: 1; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
} .yo-home-spoke-grid .yo2-card__title { margin: 0 0 7px; color: #fff; font-size: 16px; line-height: 1.28; font-weight: 700; letter-spacing: 0; text-wrap: balance;
} .yo-home-spoke-grid .yo2-card__meta { margin: 0; color: rgba(255,255,255,.78); font-size: 11.5px; line-height: 1.3;
} .yo-home-prepare { background: radial-gradient(circle at top left, rgba(196,98,45,.12), transparent 34%), linear-gradient(180deg, #fff 0%, #f8faf9 100%);
} .yo-home-prepare__grid { display: grid; grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr); gap: 34px; align-items: center;
} .yo-home-prepare__intro { max-width: 430px;
} .yo-home-prep-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;
} .yo-home-prep-card { display: block; min-height: 150px; padding: 22px; border-radius: 14px; background: #fff; border: 1px solid rgba(26,82,82,.1); box-shadow: 0 10px 26px rgba(17,24,39,.07); color: var(--yo2-text); text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
} .yo-home-prep-card:hover { transform: translateY(-3px); border-color: var(--yo-interaction-selected-border); box-shadow: 0 16px 34px rgba(17,24,39,.11);
} .yo-home-prep-card__title,
.yo-home-prep-card__text { display: block;
} .yo-home-prep-card__title { margin-bottom: 8px; color: #1a5252; font-size: 1.05rem; line-height: 1.25; font-weight: 800;
} .yo-home-prep-card__text { color: #5d6673; font-size: .92rem; line-height: 1.65;
} .yo-clean-card__link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none;
} .yo-clean-card__fallback { display: block; width: 100%; height: 100%; background: linear-gradient(150deg, #1a5252 0%, #c4622d 100%);
} /* ============================================================ KITALAR GRID ============================================================ */
.yo-kitalar-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.yo-kita-card { position: relative; display: block; width: 100%; border-radius: var(--yo2-radius); overflow: hidden; aspect-ratio: 3/4; text-decoration: none; background: var(--yo-teal-dark); box-shadow: 0 2px 16px rgba(0,0,0,0.14); transition: transform 0.25s, box-shadow 0.25s;
}
.yo-kita-card:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(0,0,0,0.22); }
.yo-kita-card img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: transform 0.4s, opacity 0.3s; }
.yo-kita-card:hover img { transform: scale(1.07); opacity: 0.65; }
.yo-kita-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px 14px; background: linear-gradient(transparent 30%, rgba(0,0,0,0.78) 100%);
}
.yo-kita-title { font-size: 1.1rem; font-weight: 800; color: #fff; margin: 0 0 6px; text-shadow: 0 1px 6px rgba(0,0,0,0.5); }
.yo-kita-sub { font-size: 0.75rem; color: rgba(255,255,255,0.8); line-height: 1.4; margin: 0; } /* ============================================================ CLEAN CARDS (Son Yazılar) ============================================================ */
.yo-clean-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.yo-clean-card { display: flex; flex-direction: column; background: #fff; border-radius: 16px; border: 1px solid rgba(17,24,39,0.08); overflow: hidden; box-shadow: 0 10px 26px rgba(17,24,39,0.08); text-decoration: none; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.yo-hp-section--alt .yo-clean-card { background: #fff; }
.yo-clean-card:hover { transform: translateY(-4px); border-color: rgba(196,98,45,0.38); box-shadow: 0 16px 34px rgba(17,24,39,0.14);
}
.yo-clean-card__img { aspect-ratio: 16/10; overflow: hidden; }
.yo-clean-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.yo-clean-card:hover .yo-clean-card__img img { transform: scale(1.05); }
.yo-clean-card__body { padding: 16px; flex: 1; }
.yo-clean-card__date { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--yo-terra); margin-bottom: 8px; display: block; }
.yo-clean-card__title { font-size: 0.95rem; font-weight: 700; color: var(--yo2-text); line-height: 1.4; margin: 0; } .yo-hp-section__head { max-width: 760px; margin: 0 auto 26px; text-align: center;
} .yo-hp-title { margin: 0 0 10px; color: #1a5252; font-size: clamp(1.5rem, 2.8vw, 2.2rem); line-height: 1.2; overflow-wrap: break-word;
} .yo-hp-sub { margin: 0; color: #4b5563; font-size: .98rem; line-height: 1.7;
} .yo-hp-cta { margin-top: 24px; text-align: center;
} /* ============================================================ BUTTONS ============================================================ */
.yo-btn { display: inline-block; padding: 13px 28px; border-radius: 50px; font-size: 0.95rem; font-weight: 600; text-decoration: none; transition: all 0.2s ease;
}
.yo-btn--secondary { color: var(--yo-terra); border: 2px solid var(--yo-terra); background: transparent;
}
.yo-btn--secondary:hover { background: var(--yo-terra); color: #fff; } /* ============================================================ YO2 FOOTER — Orijinal site footer ============================================================ */
.yo2-footer { background: var(--yo-teal-dark); color: rgba(255,255,255,0.82); padding: 56px 24px 32px; margin-top: 0;
}

/* ============================================================
   /ulkeler/ pillar — keep homepage card language, but smaller (scoped)
   ============================================================ */
.yo-ul-hub .yo-ul-kitalar-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.yo-ul-hub .yo-ul-kitalar-grid .yo-kita-card { min-height: 170px; aspect-ratio: 16 / 10; }
.yo-ul-hub .yo-ul-kitalar-grid .yo-kita-overlay { padding: 12px 12px; }
.yo-ul-hub .yo-ul-kitalar-grid .yo-kita-title { font-size: .98rem; }
.yo-ul-hub .yo-ul-kitalar-grid .yo-kita-sub { font-size: .68rem; min-height: 0; }
.yo-ul-hub .yo-ul-kitalar-grid .yo-kita-card img { opacity: .92; }
.yo-ul-hub .yo-ul-kitalar-grid .yo-kita-overlay { background: linear-gradient(transparent 42%, rgba(0,0,0,0.68) 100%); }
.yo-ul-hub .yo-ul-kitalar-grid .yo-kita-card--balkanlar img,
.yo-ul-hub .yo-ul-kitalar-grid .yo-kita-card--ortadogu img { filter: brightness(1.18) saturate(1.06) contrast(1.04); }
.yo-ul-hub .yo-ul-spokes__head { max-width: 740px; margin: 18px auto 10px; text-align: center; }
.yo-ul-hub .yo-ul-spokes__title { margin: 0 0 8px; font-size: 1.25rem; line-height: 1.15; color: #123f3f; }
.yo-ul-hub .yo-ul-spokes__sub { margin: 0; color: #64707d; font-size: .95rem; line-height: 1.7; }
.yo-ul-hub > .yo-hero { order: 1; }
.yo-ul-hub > #yo-jump-nav-anchor,
.yo-ul-hub > .yo-pillar-quicknav { order: 2 ; }
.yo-ul-hub > .yo-ul-quick-access { order: 3; }
.yo-ul-hub > #kitalar { order: 4; }
.yo-ul-hub > #turkiye { order: 5; }
.yo-ul-hub .yo-hero__strip-wrap { padding-bottom: 10px; }
.yo-ul-hub .yo-section,
.yo-ul-hub .yo-ul-quick-access { position: relative; }
.yo-ul-hub .yo-pillar-quicknav { padding: 7px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left)); background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(247,244,239,.58)); border-top: 1px solid rgba(255,255,255,.58); border-bottom: 1px solid rgba(18,63,63,.08); }
.yo-ul-hub .yo-ul-quick-access { padding: 46px 0 42px; background: radial-gradient(circle at 16% 0%, rgba(196,98,45,.12), transparent 34%), radial-gradient(circle at 86% 18%, rgba(26,82,82,.10), transparent 32%), linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(251,246,239,.76) 100%); }
.yo-ul-hub #kitalar { padding-top: 64px; padding-bottom: 0; background: radial-gradient(circle at 12% 12%, rgba(26,82,82,.08), transparent 34%), radial-gradient(circle at 88% 4%, rgba(196,98,45,.08), transparent 30%), linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,251,250,.74) 100%); }
.yo-ul-hub #sehirler,
.yo-ul-hub #populer-noktalar,
.yo-ul-hub #son-eklenenler,
.yo-ul-hub #sektorler { position: relative; isolation: isolate; overflow: hidden; width: 100vw; max-width: none; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border: 0; border-radius: 0; box-shadow: none; }
.yo-ul-hub #turkiye { position: relative; isolation: isolate; overflow: hidden; }
.yo-ul-hub #sehirler { padding: 46px max(18px, calc((100vw - 980px) / 2)) 50px; margin-top: 44px; background: radial-gradient(circle at 18% 8%, rgba(255,255,255,.90), transparent 30%), radial-gradient(circle at 82% 0%, rgba(26,82,82,.16), transparent 38%), linear-gradient(180deg, rgba(250,253,252,.90), rgba(233,246,242,.80)); }
.yo-ul-hub #populer-noktalar { padding: 46px max(18px, calc((100vw - 980px) / 2)) 50px; margin-top: 0; background: radial-gradient(circle at 18% 0%, rgba(196,98,45,.16), transparent 34%), radial-gradient(circle at 86% 16%, rgba(255,255,255,.86), transparent 31%), linear-gradient(180deg, rgba(255,248,238,.86) 0%, rgba(255,255,255,.88) 100%); }
.yo-ul-hub #son-eklenenler { padding: 46px max(0px, calc((100vw - 1120px) / 2)) 52px; margin-top: 0; background: radial-gradient(circle at 12% 0%, rgba(18,63,63,.16), transparent 35%), radial-gradient(circle at 90% 12%, rgba(196,98,45,.10), transparent 32%), linear-gradient(180deg, rgba(234,246,243,.78), rgba(255,255,255,.88)); }
.yo-ul-hub #sektorler { padding: 50px max(18px, calc((100vw - 980px) / 2)) 54px; margin-top: 0; background: radial-gradient(circle at 18% 0%, rgba(196,98,45,.16), transparent 33%), radial-gradient(circle at 86% 10%, rgba(26,82,82,.14), transparent 36%), linear-gradient(180deg, rgba(249,241,231,.86) 0%, rgba(255,255,255,.88) 100%); }
.yo-ul-hub #turkiye { background: radial-gradient(circle at 14% 0%, rgba(196,98,45,.15), transparent 34%), radial-gradient(circle at 88% 8%, rgba(26,82,82,.13), transparent 36%), linear-gradient(180deg, rgba(247,244,239,.88) 0%, rgba(255,255,255,.94) 100%); }
.yo-ul-hub #sehirler::before,
.yo-ul-hub #populer-noktalar::before,
.yo-ul-hub #son-eklenenler::before,
.yo-ul-hub #sektorler::before,
.yo-ul-hub #turkiye::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(circle at 18% 0%, rgba(255,255,255,.48), transparent 30%), linear-gradient(115deg, rgba(255,255,255,.28), rgba(255,255,255,0) 38%, rgba(255,255,255,.16) 72%, rgba(255,255,255,0)); opacity: .64; }
.yo-ul-hub #sehirler > *,
.yo-ul-hub #populer-noktalar > *,
.yo-ul-hub #son-eklenenler > *,
.yo-ul-hub #sektorler > *,
.yo-ul-hub #turkiye > * { position: relative; z-index: 1; }
.yo-ul-hub #kitalar .yo-pillar-section__head { max-width: 760px; margin-left: auto; margin-right: auto; text-align: center; }
.yo-ul-hub #kitalar .yo-pillar-section__head p:not(.yo-pillar-eyebrow) { max-width: 640px; margin-left: auto; margin-right: auto; text-align: center; }
.yo-ul-hub .yo-ul-quick-access .yo-ul-sector-grid { max-width: 980px; margin: 0 auto; }
.yo-ul-hub .yo-ul-sectors { max-width: 980px; margin: 20px auto 0; }
.yo-ul-hub .yo-ul-sectors__head { max-width: 760px; margin: 0 auto 14px; text-align: center; }
.yo-ul-hub .yo-ul-sectors__title { margin: 0 0 8px; font-size: 1.35rem; line-height: 1.15; color: #123f3f; }
.yo-ul-hub .yo-ul-sectors__sub { margin: 0; color: #64707d; font-size: .95rem; line-height: 1.7; }
.yo-ul-hub .yo-ul-sector-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.yo-ul-hub .yo-ul-sector-card { display: grid; gap: 8px; padding: 14px; border-radius: 14px; border: 1px solid rgba(26,82,82,.10); background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,250,244,.96)), radial-gradient(circle at top right, rgba(196,98,45,.12), transparent 40%); box-shadow: 0 12px 30px rgba(17,24,39,.06); text-decoration: none; color: inherit; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; min-height: 132px; }
.yo-ul-hub .yo-ul-sector-card:hover { transform: translateY(-3px); border-color: var(--yo-interaction-selected-border); box-shadow: 0 16px 34px rgba(17,24,39,.11); }
.yo-ul-hub .yo-ul-sector-card__kicker { font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(196,98,45,.92); }
.yo-ul-hub .yo-ul-sector-card__title { font-size: 1.02rem; font-weight: 800; line-height: 1.1; color: #123f3f; }
.yo-ul-hub .yo-ul-sector-card__desc { font-size: .86rem; line-height: 1.55; color: #5d6875; }
.yo-ul-hub .yo-ul-route-system { max-width: 980px; margin: 18px auto 0; }
.yo-ul-hub .yo-ul-route-system__head { max-width: 760px; margin: 0 auto 14px; text-align: center; }
.yo-ul-hub .yo-ul-route-system__title { margin: 0 0 8px; font-size: 1.24rem; line-height: 1.15; color: #123f3f; }
.yo-ul-hub .yo-ul-route-system__sub { margin: 0; color: #64707d; font-size: .92rem; line-height: 1.65; }
.yo-ul-hub .yo-ul-route-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.yo-ul-hub .yo-ul-route-card { min-height: 112px; padding: 14px; border-radius: 12px; border: 1px solid rgba(26,82,82,.10); background: #fff; box-shadow: 0 10px 24px rgba(17,24,39,.045); }
.yo-ul-hub .yo-ul-route-card h4 { margin: 0 0 8px; color: #123f3f; font-size: .98rem; line-height: 1.15; }
.yo-ul-hub .yo-ul-route-card p { margin: 0; color: #5d6875; font-size: .84rem; line-height: 1.55; }
.yo-ul-hub .yo-ul-cities,
.yo-ul-hub .yo-ul-points { max-width: 980px; margin: 20px auto 0; }
.yo-ul-hub .yo-ul-cities__head,
.yo-ul-hub .yo-ul-points__head { max-width: 760px; margin: 0 auto 14px; text-align: center; }
.yo-ul-hub .yo-ul-cities__title,
.yo-ul-hub .yo-ul-points__title { margin: 0 0 8px; font-size: 1.3rem; line-height: 1.15; color: #123f3f; }
.yo-ul-hub .yo-ul-cities__sub,
.yo-ul-hub .yo-ul-points__sub { margin: 0; color: #64707d; font-size: .92rem; line-height: 1.65; }
.yo-ul-hub .yo-ul-city-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.yo-ul-hub .yo-ul-city-group { padding: 14px; border-radius: 14px; border: 1px solid rgba(26,82,82,.10); background: #fff; box-shadow: 0 12px 30px rgba(17,24,39,.05); }
.yo-ul-hub .yo-ul-city-group h4 { margin: 0 0 12px; color: #123f3f; font-size: 1rem; line-height: 1.15; }
.yo-ul-hub .yo-ul-city-group ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.yo-ul-hub .yo-ul-city-group a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 34px; padding: 6px 9px; border-radius: 10px; color: #26313d; text-decoration: none; background: rgba(248,250,249,.8); border: 1px solid rgba(26,82,82,.06); }
.yo-ul-hub .yo-ul-city-group a:hover { border-color: rgba(196,98,45,.36); color: var(--yo-terra); }
.yo-ul-hub .yo-ul-city-group span { font-size: .9rem; font-weight: 800; line-height: 1.2; }
.yo-ul-hub .yo-ul-city-group small { color: #7b8792; font-size: .72rem; font-weight: 700; white-space: nowrap; }
.yo-ul-hub .yo-ul-point-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.yo-ul-hub .yo-ul-point-card { display: grid; gap: 5px; min-height: 74px; padding: 12px; border-radius: 12px; border: 1px solid rgba(26,82,82,.10); background: linear-gradient(180deg, #fff, #f8faf9); box-shadow: 0 10px 22px rgba(17,24,39,.045); text-decoration: none; color: inherit; }
.yo-ul-hub .yo-ul-point-card:hover { border-color: rgba(196,98,45,.36); transform: translateY(-2px); }
.yo-ul-hub .yo-ul-point-card span { color: var(--yo-terra); font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.yo-ul-hub .yo-ul-point-card strong { color: #123f3f; font-size: .9rem; line-height: 1.2; }
.yo-ul-hub .yo-ul-spokes { position: relative; }
.yo-ul-hub .yo-ul-spoke-carousel { display: flex; gap: 12px; overflow-x: auto; padding: 10px 18px 12px; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.yo-ul-hub .yo-ul-spoke-carousel::-webkit-scrollbar { display: none; }
.yo-ul-hub .yo-ul-spokes::before,
.yo-ul-hub .yo-ul-spokes::after { content: ""; position: absolute; top: 64px; bottom: 0; width: 44px; pointer-events: none; z-index: 2; }
.yo-ul-hub .yo-ul-spokes::before { left: 0; background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)); }
.yo-ul-hub .yo-ul-spokes::after { right: 0; background: linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0)); }
.yo-ul-hub .yo-ul-spoke-item { flex: 0 0 280px; scroll-snap-align: start; }
.yo-ul-hub .yo-ul-spoke-item .yo2-card { height: 100%; }
.yo-ul-hub .yo-ul-spoke-carousel .yo2-card__media { min-height: 150px; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 26px rgba(17,24,39,.12); transform: translateZ(0); }
.yo-ul-hub .yo-ul-spoke-carousel .yo2-card__media::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to bottom, rgba(196,98,45,.18) 0%, rgba(196,98,45,0) 46%), linear-gradient(to top, rgba(10,38,38,.94) 0%, rgba(10,38,38,.58) 30%, rgba(10,38,38,0) 62%); }
.yo-ul-hub .yo-ul-spoke-carousel .yo2-card__overlay { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 14px 13px 12px; background: transparent; }
.yo-ul-hub .yo-ul-spoke-carousel .yo2-card__tag { margin: 0 0 6px; color: rgba(255,255,255,.88); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.yo-ul-hub .yo-ul-spoke-carousel .yo2-card__title { margin: 0 0 6px; color: #fff; font-size: .98rem; line-height: 1.2; text-shadow: 0 1px 6px rgba(0,0,0,0.5); -webkit-line-clamp: 2; }
.yo-ul-hub .yo-ul-spoke-carousel .yo2-card__meta { margin: 0; color: rgba(255,255,255,.76); font-size: .72rem; line-height: 1.35; -webkit-line-clamp: 2; }
.yo-ul-hub .yo-ul-turkiye-block { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: minmax(280px, 1.1fr) minmax(220px, .72fr) minmax(260px, .9fr); gap: 14px; align-items: start; }
.yo-ul-hub .yo-ul-turkiye-feature { display: grid; gap: 12px; min-width: 0; }
.yo-ul-hub .yo-ul-turkiye-card { min-height: 250px; aspect-ratio: 16 / 10; }
.yo-ul-hub .yo-ul-turkiye-meta { min-width: 0; padding: 14px; border-radius: 14px; border: 1px solid rgba(26,82,82,.10); background: rgba(255,255,255,.86); box-shadow: 0 12px 30px rgba(17,24,39,.05); }
.yo-ul-hub .yo-ul-turkiye-meta h3 { margin: 0 0 12px; color: #123f3f; font-size: 1rem; line-height: 1.15; }
.yo-ul-hub .yo-ul-turkiye-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.yo-ul-hub .yo-ul-mini-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.yo-ul-hub .yo-ul-mini-list a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 36px; padding: 7px 9px; border-radius: 10px; color: #26313d; text-decoration: none; background: rgba(248,250,249,.82); border: 1px solid rgba(26,82,82,.06); }
.yo-ul-hub .yo-ul-mini-list a:hover { border-color: rgba(196,98,45,.36); color: var(--yo-terra); }
.yo-ul-hub .yo-ul-mini-list span { font-size: .88rem; font-weight: 800; line-height: 1.2; }
.yo-ul-hub .yo-ul-mini-list small { color: #7b8792; font-size: .68rem; font-weight: 800; white-space: nowrap; }
@media (max-width: 1100px) { .yo-ul-hub .yo-ul-kitalar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yo-ul-hub .yo-ul-kitalar-grid .yo-kita-card { min-height: 165px; } }
@media (max-width: 980px) { .yo-ul-hub .yo-ul-turkiye-block { grid-template-columns: 1fr 1fr; } .yo-ul-hub .yo-ul-turkiye-feature { grid-column: 1 / -1; } }
@media (max-width: 880px) { .yo-ul-hub .yo-ul-turkiye-block { grid-template-columns: 1fr; } .yo-ul-hub .yo-ul-turkiye-card { aspect-ratio: 16 / 9; } }
@media (max-width: 1100px) { .yo-ul-hub .yo-ul-city-board { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 980px) { .yo-ul-hub .yo-ul-sector-grid, .yo-ul-hub .yo-ul-route-grid, .yo-ul-hub .yo-ul-point-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) { .yo-ul-hub .yo-ul-kitalar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .yo-ul-hub .yo-ul-kitalar-grid .yo-kita-card { min-height: 150px; } .yo-ul-hub .yo-ul-kitalar-grid .yo-kita-overlay { padding: 11px 10px; } .yo-ul-hub .yo-ul-kitalar-grid .yo-kita-title { font-size: .92rem; } .yo-ul-hub .yo-ul-kitalar-grid .yo-kita-sub { display: none; } .yo-ul-hub .yo-ul-spokes::before, .yo-ul-hub .yo-ul-spokes::after { width: 30px; } .yo-ul-hub .yo-ul-spoke-carousel .yo2-card { flex-basis: 250px; } }
@media (max-width: 640px) { .yo-ul-hub .yo-hero__strip-wrap { padding-bottom: 84px; } .yo-ul-hub .yo-hero__strip { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; } .yo-ul-hub .yo-hero__strip::-webkit-scrollbar { display: none; } .yo-ul-hub .yo-hero__strip-label { display: none; } .yo-ul-hub .yo-hero__strip-link { flex: 0 0 auto; } }
@media (max-width: 520px) { .yo-ul-hub .yo-ul-sector-grid { gap: 9px; } .yo-ul-hub .yo-ul-sector-card { min-height: 118px; padding: 12px; } .yo-ul-hub .yo-ul-sector-card__kicker { font-size: .62rem; } .yo-ul-hub .yo-ul-sector-card__title { font-size: .9rem; } .yo-ul-hub .yo-ul-sector-card__desc { font-size: .78rem; line-height: 1.45; } .yo-ul-hub .yo-ul-route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .yo-ul-hub .yo-ul-route-card { min-height: 126px; padding: 11px; } .yo-ul-hub .yo-ul-route-card h4 { font-size: .86rem; } .yo-ul-hub .yo-ul-route-card p { font-size: .75rem; line-height: 1.42; } .yo-ul-hub .yo-ul-city-board { grid-template-columns: 1fr; gap: 10px; } .yo-ul-hub .yo-ul-city-group { padding: 12px; } .yo-ul-hub .yo-ul-city-group ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } .yo-ul-hub .yo-ul-city-group a { align-items: flex-start; flex-direction: column; gap: 2px; min-height: 50px; padding: 7px 8px; } .yo-ul-hub .yo-ul-city-group span { font-size: .82rem; } .yo-ul-hub .yo-ul-city-group small { white-space: normal; font-size: .66rem; } .yo-ul-hub .yo-ul-point-grid { display: flex; gap: 10px; margin-right: -16px; padding: 2px 16px 12px 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .yo-ul-hub .yo-ul-point-grid::-webkit-scrollbar { display: none; } .yo-ul-hub .yo-ul-point-card { flex: 0 0 160px; min-height: 92px; scroll-snap-align: start; } }
.yo2-footer__inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 280px; gap: 48px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.1);
}
.yo2-footer__eyebrow { display: block; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 12px;
}
.yo2-footer__brand { display: inline-flex; align-items: center; gap: 0; text-decoration: none; color: #fff ; font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; font-weight: 800; line-height: 1; margin-bottom: 16px;
}
.yo2-footer__brandmark { width: 36px; height: 36px; border-radius: 999px; background: url("/wp-content/uploads/2026/05/logo-ring.svg") center / cover no-repeat; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; transform: none;
}
.yo2-footer__lede { font-size: 0.9rem; line-height: 1.7; color: rgba(255,255,255,0.65); max-width: 480px; margin-bottom: 20px;
}
.yo2-footer__meta { display: flex; gap: 10px; flex-wrap: wrap; }
.yo2-footer__pill { display: inline-flex ; align-items: center ; justify-content: center ; padding: 0 14px; min-height: 34px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; font-size: 12px; line-height: 1; color: rgba(255,255,255,.84); background: rgba(255,255,255,.06); text-decoration: none;
}
.yo2-footer__side-title { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 16px;
}
.yo2-footer__links { display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px;
}
.yo2-footer__links a { color: rgba(255,255,255,0.7) ; text-decoration: none; font-size: 0.9rem;
}
.yo2-footer__links a:hover { color: #fff ; }
.yo2-footer__socials { display: flex; gap: 10px; }
.yo2-footer__socials a { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.8); text-decoration: none; transition: background 0.2s, transform 0.2s;
}
.yo2-footer__socials a svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 1.8; fill: none; }
.yo2-footer__socials a:hover { background: #C4622D; transform: translateY(-1px); }
.yo2-footer__copy { max-width: 1100px; margin: 24px auto 0; font-size: 0.8rem; color: rgba(255,255,255,0.4); text-align: center;
}
.yo2-footer__copy a { color: rgba(255,255,255,0.5) ; } /* ============================================================ RESPONSIVE ============================================================ */
@media (max-width: 1024px) { .yo-kitalar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yo-clean-grid { grid-template-columns: repeat(3, 1fr); } .yo-home-proof__grid, .yo-home-prepare__grid { grid-template-columns: 1fr; } .yo-home-spoke-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) { .yo-kitalar-grid { grid-template-columns: repeat(2, 1fr); } .yo-clean-grid { grid-template-columns: repeat(2, 1fr); } .yo-hp-section { padding: 48px 0; } .yo-stats-inner { gap: 32px; } .yo-stat__num { font-size: 2.2rem; } .yo2-footer__inner { grid-template-columns: 1fr; gap: 32px; } .yo-home-proof { padding: 44px 0 42px; } .yo-home-proof__grid, .yo-home-prepare__grid { gap: 22px; } .yo-home-spoke-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .yo-home-spoke-grid .yo2-card__media { aspect-ratio: 7 / 10; border-radius: 12px; } .yo-hp-kitalar .yo-kita-card:last-child { grid-column: 1 / -1; aspect-ratio: 16 / 9; } .yo-home-spoke-grid .yo2-card__overlay { padding: 15px 12px 12px; } .yo-home-spoke-grid .yo2-card__title { font-size: 14px; } .yo-home-spoke-grid .yo2-card__meta { font-size: 10.5px; } .yo-home-prep-cards { grid-template-columns: 1fr; } .yo-home-prep-card { min-height: 0; padding: 18px; } .yo-home-kitalar-grid .yo-kita-card { flex: 0 0 calc(50% - 9px); }
}
@media (max-width: 480px) { .yo-kitalar-grid { grid-template-columns: repeat(2, 1fr); } .yo-clean-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .yo-hp-container { padding-left: 16px; padding-right: 16px; } .yo-home-kitalar-grid { gap: 10px; } .yo-home-kitalar-grid .yo-kita-card { border-radius: 12px; } .yo-home-kitalar-grid .yo-kita-overlay { padding: 15px 12px; } .yo-home-kitalar-grid .yo-kita-sub { display: none; } .yo-clean-card__body { padding: 12px; } .yo-clean-card__title { font-size: .84rem; line-height: 1.34; } .yo-clean-card__date { font-size: .66rem; }
} /* ============================================================ SEYAHAT REHBERI HUB ============================================================ */
.yo-tr-hub { --yo-tr-max: 1160px; --yo-tr-bg: #f7f4ef; --yo-tr-line: rgba(26,82,82,.12); --yo-tr-shadow: 0 18px 44px rgba(17,24,39,.08); background: #fff; color: #17202c; overflow-x: hidden;
} .yo-tr-hub *,
.yo-tr-hub *::before,
.yo-tr-hub *::after { box-sizing: border-box; min-width: 0;
} .yo-tr-container { width: 100%; max-width: var(--yo-tr-max); margin: 0 auto; padding: 0 24px;
} .yo-tr-eyebrow { margin: 0 0 10px; color: var(--yo-terra); font-size: .9rem; font-style: italic; line-height: 1.3;
}
} .yo-tr-decision { padding: 50px 0 18px; background: #fff;
} .yo-tr-decision__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px;
} .yo-tr-decision article { display: grid; gap: 10px; align-content: start; min-height: 164px; padding: 19px; border: 1px solid var(--yo-tr-line); border-radius: 14px; background: #fff; box-shadow: var(--yo-tr-shadow);
} .yo-tr-decision svg,
.yo-tr-type-card svg { width: 24px; height: 24px; color: var(--yo-terra);
} .yo-tr-decision strong { color: #123f3f; font-size: 1rem; line-height: 1.22;
} .yo-tr-decision span { color: #65717d; font-size: .88rem; line-height: 1.55;
} .yo-tr-section { padding: 76px 0; background: #fff;
} .yo-tr-section--soft { background: var(--yo-tr-bg);
} .yo-tr-section--deep { background: radial-gradient(circle at top left, rgba(196,98,45,.14), transparent 34%), linear-gradient(135deg, #123f3f 0%, #0b2d2d 100%); color: #fff;
} .yo-tr-section__head { max-width: 790px; margin: 0 auto 36px; text-align: center;
} .yo-tr-section__head h2 { margin: 0 0 12px; color: #17202c; font-size: clamp(1.65rem, 3.4vw, 2.6rem); line-height: 1.15; letter-spacing: 0; text-wrap: balance;
} .yo-tr-section__head p:not(.yo-tr-eyebrow) { margin: 0; color: #64707d; font-size: .98rem; line-height: 1.72;
} .yo-tr-section--deep .yo-tr-section__head h2,
.yo-tr-section--deep .yo-tr-section__head p { color: #fff;
} .yo-tr-section--deep .yo-tr-section__head p:not(.yo-tr-eyebrow) { color: rgba(255,255,255,.75);
} .yo-tr-region-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
} .yo-tr-region-card,
.yo-tr-type-card,
.yo-tr-collection-card,
.yo-tr-city-group,
.yo-tr-ops-grid article,
.yo-tr-start-grid article { border: 1px solid rgba(26,82,82,.11); border-radius: 16px; background: #fff; box-shadow: 0 12px 30px rgba(17,24,39,.06);
} .yo-tr-region-card { min-height: 292px; padding: 24px; background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,250,244,.96)), radial-gradient(circle at top right, rgba(196,98,45,.14), transparent 38%);
} .yo-tr-region-card--wide { grid-column: span 2;
} .yo-tr-card-kicker { display: inline-flex; margin-bottom: 10px; color: var(--yo-terra); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
} .yo-tr-region-card h3,
.yo-tr-type-card h3,
.yo-tr-collection-card h3,
.yo-tr-city-group h3,
.yo-tr-ops-grid h3,
.yo-tr-start-grid h3 { margin: 0 0 10px; color: #123f3f; font-size: 1.25rem; line-height: 1.22; letter-spacing: 0;
} .yo-tr-region-card p,
.yo-tr-type-card p,
.yo-tr-collection-card p,
.yo-tr-ops-grid p,
.yo-tr-start-grid p { margin: 0 0 17px; color: #5d6875; font-size: .94rem; line-height: 1.68;
} .yo-tr-chip-list,
.yo-tr-link-list,
.yo-tr-city-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none;
} .yo-tr-link-list,
.yo-tr-city-list { display: grid; gap: 9px;
} .yo-tr-chip-list a,
.yo-tr-chip-list span { display: inline-flex; align-items: center; min-height: 32px; padding: 7px 11px; border: 1px solid rgba(26,82,82,.13); border-radius: 999px; background: rgba(255,255,255,.72); color: #26313d; font-size: .84rem; font-weight: 800; line-height: 1.2; text-decoration: none;
} .yo-tr-chip-list a:hover { border-color: var(--yo-terra); color: var(--yo-terra);
} .yo-tr-link-list a,
.yo-tr-link-list span,
.yo-tr-city-list a,
.yo-tr-city-list span { display: inline-flex; color: #26313d; font-size: .9rem; line-height: 1.35; text-decoration: none;
} .yo-tr-link-list a::before,
.yo-tr-link-list span::before,
.yo-tr-city-list a::before,
.yo-tr-city-list span::before { content: ""; width: 6px; height: 6px; margin: .48em 9px 0 0; border-radius: 999px; background: var(--yo-terra); flex: 0 0 auto;
} .yo-tr-link-list a:hover,
.yo-tr-city-list a:hover { color: var(--yo-terra);
} .yo-tr-type-grid,
.yo-tr-collection-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
} .yo-tr-type-card,
.yo-tr-collection-card { display: flex; flex-direction: column; min-height: 100%; padding: 24px;
} .yo-tr-type-card { position: relative; isolation: isolate; overflow: hidden; justify-content: flex-end; gap: 12px; border: 1px solid rgba(26,82,82,.11); border-radius: 18px; background: #123f3f; box-shadow: 0 12px 30px rgba(17,24,39,.06);
} .yo-tr-type-card::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(196,98,45,.18), rgba(196,98,45,0) 36%), linear-gradient(0deg, rgba(10,38,38,.96) 0%, rgba(10,38,38,.72) 34%, rgba(10,38,38,0) 68%);
} .yo-tr-type-card__image { position: absolute; inset: 0; z-index: 0; width: 100%; max-width: none; height: 100%; object-fit: cover; object-position: center center; filter: blur(1.2px) saturate(.9) contrast(1.06); transform: scale(1.06); transform-origin: center center; background: #e9eee9;
} .yo-tr-type-card__icon { position: absolute; top: 20px; left: 20px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; border-radius: 14px; background: rgba(255,255,255,.16); color: #fff; backdrop-filter: blur(8px);
} .yo-tr-type-card__icon svg { width: 22px; height: 22px;
} .yo-tr-type-card h3 { position: relative; z-index: 2; margin: 0; color: #fff; font-size: 1.15rem; line-height: 1.08; text-wrap: balance;
} .yo-tr-type-card p { position: relative; z-index: 2; margin: 0; color: rgba(255,255,255,.84); line-height: 1.6;
} .yo-tr-type-card .yo-tr-link-list { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0 0; padding: 0; list-style: none;
} .yo-tr-type-card .yo-tr-link-list li { display: flex;
} .yo-tr-type-card .yo-tr-link-list a,
.yo-tr-type-card .yo-tr-link-list span { display: inline-flex; min-height: 34px; align-items: center; padding: 6px 11px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.12); color: #fff; font-size: .82rem; font-weight: 800; line-height: 1.15; text-decoration: none; backdrop-filter: blur(8px);
} .yo-tr-card-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; margin-top: auto; padding: 9px 16px; border: 1px solid rgba(26,82,82,.22); border-radius: 999px; color: #123f3f; font-size: .88rem; font-weight: 800; text-decoration: none;
} .yo-tr-card-cta:hover { border-color: var(--yo-terra); background: var(--yo-terra); color: #fff;
} .yo-tr-collection-card .yo-tr-link-list { margin-bottom: 18px;
} .yo-tr-city-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;
} .yo-tr-city-tools { display: grid; grid-template-columns: minmax(220px, 320px) 1fr; gap: 14px; align-items: end; margin: -10px 0 24px;
} .yo-tr-city-tools label { display: grid; gap: 7px; color: #123f3f; font-size: .82rem; font-weight: 800;
} .yo-tr-city-tools input { width: 100%; min-height: 44px; padding: 10px 14px; border: 1px solid rgba(26,82,82,.16); border-radius: 999px; background: #fff; color: #17202c; font: inherit; outline: none;
} .yo-tr-city-tools input:focus { border-color: rgba(196,98,45,.62); box-shadow: 0 0 0 3px rgba(196,98,45,.12);
} .yo-tr-city-filters { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end;
} .yo-tr-city-filters button { min-height: 38px; padding: 8px 13px; border: 1px solid rgba(26,82,82,.13); border-radius: 999px; background: #fff; color: #123f3f; font-size: .82rem; font-weight: 800; cursor: pointer;
} .yo-tr-city-filters button.is-active,
.yo-tr-city-filters button:hover { border-color: var(--yo-terra); background: var(--yo-terra); color: #fff;
} .yo-tr-city-group { padding: 22px;
} .yo-tr-city-list { grid-template-columns: repeat(2, minmax(0, 1fr));
} .yo-tr-ops-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;
} .yo-tr-ops-grid article { padding: 22px; background: #fff;
} .yo-tr-latest-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;
} .yo-tr-latest-card { overflow: hidden; border: 1px solid rgba(26,82,82,.11); border-radius: 16px; background: #fff; box-shadow: 0 12px 30px rgba(17,24,39,.06);
} .yo-tr-latest-card a { display: grid; color: inherit; text-decoration: none;
} .yo-tr-latest-card img { width: 100%; height: 142px; object-fit: cover; background: #e9eee9;
} .yo-tr-latest-card span { margin: 15px 17px 6px; color: var(--yo-terra); font-size: .76rem; font-weight: 800;
} .yo-tr-latest-card h3 { margin: 0; padding: 0 17px 18px; color: #123f3f; font-size: 1rem; line-height: 1.32; letter-spacing: 0;
} .yo-tr-start-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;
} .yo-tr-start-grid article { padding: 22px; background: rgba(255,255,255,.96);
} .yo-tr-start-grid span { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin-bottom: 16px; border-radius: 999px; background: #123f3f; color: #fff; font-size: .82rem; font-weight: 800;
} .yo-tr-faq__list { max-width: 860px; margin: 0 auto; display: grid; gap: 12px;
} .yo-tr-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);
} .yo-tr-faq summary { cursor: pointer; padding: 18px 20px; color: #123f3f; font-weight: 800; line-height: 1.35;
} .yo-tr-faq details p { margin: 0; padding: 0 20px 20px; color: #5d6875; line-height: 1.7;
} @media (max-width: 1100px) { .yo-tr-decision__grid, .yo-tr-ops-grid, .yo-tr-start-grid, .yo-tr-latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yo-tr-type-grid, .yo-tr-collection-grid, .yo-tr-city-board, .yo-tr-region-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
} @media (max-width: 768px) { .yo-tr-container { width: auto; max-width: none; margin-left: 0; margin-right: 0; padding-left: 18px; padding-right: 18px; } .yo-tr-decision { padding-top: 42px; } .yo-tr-decision__grid, .yo-tr-type-grid, .yo-tr-collection-grid, .yo-tr-city-board, .yo-tr-region-grid, .yo-tr-ops-grid, .yo-tr-start-grid, .yo-tr-latest-grid, .yo-tr-city-tools { grid-template-columns: 1fr; width: 100%; max-width: 100%; } .yo-tr-city-tools { align-items: stretch; } .yo-tr-city-filters { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 3px; scrollbar-width: none; } .yo-tr-city-filters::-webkit-scrollbar { display: none; } .yo-tr-region-card--wide { grid-column: auto; } .yo-tr-decision article, .yo-tr-region-card, .yo-tr-type-card, .yo-tr-collection-card, .yo-tr-city-group, .yo-tr-ops-grid article, .yo-tr-start-grid article, .yo-tr-faq details { width: 100%; max-width: 100%; } .yo-tr-section { padding: 54px 0; } .yo-tr-section__head, .yo-tr-faq__list { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .yo-tr-section__head { margin-bottom: 26px; } .yo-tr-section__head p:not(.yo-tr-eyebrow) { max-width: 330px; margin-left: auto; margin-right: auto; } .yo-tr-decision article { min-height: 0; padding: 18px; } .yo-tr-decision span, .yo-tr-region-card p, .yo-tr-type-card p, .yo-tr-collection-card p, .yo-tr-ops-grid p, .yo-tr-start-grid p { max-width: 300px; overflow-wrap: break-word; } .yo-tr-region-card, .yo-tr-type-card, .yo-tr-collection-card, .yo-tr-city-group, .yo-tr-ops-grid article, .yo-tr-start-grid article, .yo-tr-latest-card { padding: 21px; } .yo-tr-type-card .yo-tr-link-list { margin-bottom: 21px; }
} @media (max-width: 520px) { .yo-tr-city-list { grid-template-columns: 1fr; } .yo-tr-chip-list a, .yo-tr-chip-list span { font-size: .82rem; }
} /* ============================================================ AVRUPA PILLAR HUB ============================================================ */
.yo-pillar-hub { --yo-pillar-max: 1160px; --yo-pillar-bg: #f7f4ef; --yo-pillar-line: rgba(26,82,82,.12); --yo-pillar-shadow: 0 18px 44px rgba(17,24,39,.08); background: #fff; color: #17202c; overflow-x: hidden;
} .yo-pillar-hub *,
.yo-pillar-hub *::before,
.yo-pillar-hub *::after { box-sizing: border-box; min-width: 0;
} .yo-pillar-container { width: 100%; max-width: var(--yo-pillar-max); margin: 0 auto; padding: 0 24px;
} .yo-pillar-hero { position: relative; min-height: 68svh; display: flex; align-items: center; padding: 110px 0 92px; color: #fff; overflow: hidden; background: #0b2d2d;
} .yo-pillar-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center 42%; filter: saturate(.92) contrast(1.04); transform: scale(1.02);
} .yo-pillar-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(8,35,35,.94) 0%, rgba(8,35,35,.78) 46%, rgba(8,35,35,.44) 100%), linear-gradient(180deg, rgba(196,98,45,.2) 0%, rgba(8,35,35,.42) 100%);
} .yo-pillar-hero::after { content: ""; position: absolute; inset: auto -12% -172px; z-index: 1; height: 260px; border-radius: 50% 50% 0 0; background: #fff;
} .yo-pillar-hero__inner { position: relative; z-index: 2; max-width: 850px; transform: translateY(-10px);
} .yo-pillar-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 22px; color: rgba(255,255,255,.64); font-size: 13px; line-height: 1.2;
} .yo-pillar-breadcrumb a { color: rgba(255,255,255,.76); text-decoration: none;
} .yo-pillar-breadcrumb a:hover { color: #fff;
} .yo-pillar-eyebrow { margin: 0 0 10px; color: var(--yo-terra); font-size: .9rem; font-style: italic; line-height: 1.3;
} .yo-pillar-hero .yo-pillar-eyebrow { color: #D4A63A;
} .yo-pillar-hero h1 { margin: 0 0 10px; max-width: 760px; color: #fff; font-size: clamp(1.08rem, 1.7vw, 1.35rem); line-height: 1.25; letter-spacing: .04em; text-transform: uppercase;
} .yo-pillar-hero__title { margin: 0 0 18px; max-width: 820px; color: #fff; font-size: clamp(2.65rem, 6.2vw, 5.15rem); line-height: .98; letter-spacing: 0; text-wrap: balance; overflow-wrap: break-word;
} .yo-pillar-hero__text { margin: 0; max-width: 780px; color: rgba(255,255,255,.82); font-size: clamp(1rem, 1.45vw, 1.13rem); line-height: 1.75; overflow-wrap: break-word;
} .yo-pillar-hero-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; max-width: 880px; margin-top: 26px;
} .yo-pillar-hero-strip a { display: grid; gap: 5px; min-height: 78px; padding: 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(255,255,255,.08); color: #fff; text-decoration: none; backdrop-filter: blur(8px);
} .yo-pillar-hero-strip strong { color: #D4A63A; font-size: .78rem; line-height: 1.2;
} .yo-pillar-hero-strip span { color: rgba(255,255,255,.88); font-size: .82rem; font-weight: 800; line-height: 1.28;
} .yo-jump-nav { position: relative; z-index: 3; margin-top: 0; display: flex; justify-content: center;
} .yo-jump-nav__track { display: inline-flex; justify-content: center; gap: 8px; width: fit-content; max-width: 100%; overflow-x: auto; scrollbar-width: none;
} .yo-jump-nav__track::-webkit-scrollbar { display: none;
} .yo-card-cta,
.yo-jump-nav a,
.yo-jump-nav__link { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 6px 16px; border: 1px solid rgba(26,82,82,.14); border-radius: 8px; background: #fff; color: #123f3f; font-size: .88rem; font-weight: 800; line-height: 1.2; text-decoration: none; white-space: nowrap; box-shadow: 0 2px 8px rgba(17,24,39,.06);
} .yo-card-cta:hover,
.yo-jump-nav a:hover,
.yo-jump-nav__link:hover { border-color: var(--yo-terra); background: var(--yo-terra); color: #fff;
}
.yo-page .yo-jump-nav { position: relative; isolation: isolate; z-index: 12; display: flex; justify-content: center; width: 100%; min-height: 46px; margin: 0; padding: 7px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left)); border-top: 1px solid rgba(255,255,255,.58); border-bottom: 1px solid rgba(18,63,63,.08); background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(247,244,239,.58)); box-shadow: 0 14px 34px rgba(17,24,39,.06); backdrop-filter: blur(14px) saturate(1.12); -webkit-backdrop-filter: blur(14px) saturate(1.12); overflow: clip;
}
.yo-page .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,.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(196,98,45,.06)); opacity: .88;
}
.yo-page .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 .yo-jump-nav__track::-webkit-scrollbar { display: none;
}
.yo-page .yo-jump-nav a,
.yo-page .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 .yo-jump-nav a:hover,
.yo-page .yo-jump-nav__link:hover,
.yo-page .yo-jump-nav a:focus-visible,
.yo-page .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 .yo-jump-nav a[aria-current="true"],
.yo-page .yo-jump-nav__link[aria-current="true"] { background: transparent; border-color: #1A5252; color: #1A5252; font-weight: 600;
} .yo-decision { padding: 50px 0 34px; background: #fff;
} .yo-decision__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
} .yo-decision article,
.yo-prep-card,
.yo-region-card,
.yo-type-card,
.yo-country-card,
.yo-list-card,
.yo-ops-grid article { border: 1px solid rgba(26,82,82,.11); border-radius: 16px; background: #fff; box-shadow: 0 12px 30px rgba(17,24,39,.06);
} .yo-country-card[hidden] { display: none ;
} .yo-decision article { display: grid; gap: 10px; align-content: start; min-height: 164px; padding: 19px; box-shadow: var(--yo-pillar-shadow);
} .yo-decision svg,
.yo-card-icon svg { width: 24px; height: 24px; color: var(--yo-terra);
} .yo-decision strong { color: #123f3f; font-size: 1rem; line-height: 1.22;
} .yo-decision span { color: #65717d; font-size: .88rem; line-height: 1.55;
} .yo-pillar-section { padding: 76px 0; background: #fff;
} .yo-pillar-section--soft { background: var(--yo-pillar-bg);
} .yo-pillar-section--deep { background: radial-gradient(circle at top left, rgba(196,98,45,.14), transparent 34%), linear-gradient(135deg, #123f3f 0%, #0b2d2d 100%); color: #fff;
} .yo-pillar-section__head { max-width: 800px; margin: 0 auto 36px; text-align: center;
} .yo-pillar-section__head h2 { margin: 0 0 12px; color: #17202c; font-size: clamp(1.65rem, 3.4vw, 2.6rem); line-height: 1.15; letter-spacing: 0; text-wrap: balance;
} .yo-pillar-section__head p:not(.yo-pillar-eyebrow) { margin: 0; color: #64707d; font-size: .98rem; line-height: 1.72;
} .yo-pillar-section--deep .yo-pillar-section__head h2 { color: #fff;
} .yo-pillar-section--deep .yo-pillar-section__head p:not(.yo-pillar-eyebrow) { color: rgba(255,255,255,.76);
} .yo-prep-grid,
.yo-type-grid,
.yo-list-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
} .yo-prep-grid { grid-template-columns: repeat(4, minmax(0, 1fr));
} .yo-region-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
} .yo-country-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;
} .yo-route-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;
} .yo-ops-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px;
} .yo-prep-card,
.yo-type-card,
.yo-list-card,
.yo-country-card,
.yo-route-card,
.yo-ops-grid article { display: flex; flex-direction: column; min-height: 100%; padding: 24px;
} .yo-prep-card:first-child { grid-column: span 2; grid-row: span 2; background: radial-gradient(circle at top right, rgba(196,98,45,.18), transparent 38%), linear-gradient(135deg, #fff, #fffaf4);
} .yo-prep-card:last-child { grid-column: span 2;
} .yo-type-card { overflow: hidden; padding: 0;
} .yo-type-card__image { display: block; width: 100%; max-width: 100%; height: 168px; margin: 0 0 20px; object-fit: cover; aspect-ratio: 16 / 9; filter: saturate(.9) contrast(1.03); background: #e9eee9;
} .yo-type-card > :not(.yo-type-card__image) { margin-left: 24px; margin-right: 24px;
} .yo-type-card .yo-link-list,
.yo-type-card .yo-card-cta { margin-bottom: 24px;
} .yo-region-card { min-height: 292px; padding: 24px; background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,250,244,.96)), radial-gradient(circle at top right, rgba(196,98,45,.14), transparent 38%);
} .yo-region-card::before { content: ""; display: block; width: 56px; height: 4px; margin-bottom: 16px; border-radius: 999px; background: linear-gradient(90deg, var(--yo-terra), rgba(26,82,82,.55));
} .yo-region-card--wide { grid-column: span 2;
} .yo-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-bottom: 18px; border-radius: 14px; background: rgba(196,98,45,.1); color: var(--yo-terra);
} .yo-card-kicker { display: inline-flex; margin-bottom: 10px; color: var(--yo-terra); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
} .yo-meta-list { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 16px; padding: 0; list-style: none;
} .yo-meta-list li { display: inline-flex; min-height: 28px; align-items: center; padding: 6px 9px; border-radius: 999px; background: rgba(26,82,82,.08); color: #123f3f; font-size: .75rem; font-weight: 800; line-height: 1.15;
} .yo-prep-card h3,
.yo-region-card h3,
.yo-type-card h3,
.yo-country-card h3,
.yo-list-card h3,
.yo-route-card h3,
.yo-ops-grid h3 { margin: 0 0 10px; color: #123f3f; font-size: 1.22rem; line-height: 1.22; letter-spacing: 0;
} .yo-prep-card p,
.yo-region-card p,
.yo-type-card p,
.yo-country-card p,
.yo-list-card p,
.yo-route-card p,
.yo-ops-grid p { margin: 0 0 17px; color: #5d6875; font-size: .94rem; line-height: 1.68;
} .yo-chip-list,
.yo-link-list { display: grid; gap: 9px; margin: 0 0 18px; padding: 0; list-style: none;
} .yo-chip-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 0;
} .yo-chip-list a,
.yo-chip-list span { display: inline-flex; align-items: center; min-height: 32px; padding: 7px 11px; border: 1px solid rgba(26,82,82,.13); border-radius: 999px; background: rgba(255,255,255,.72); color: #26313d; font-size: .84rem; font-weight: 800; line-height: 1.2; text-decoration: none;
} .yo-link-list a,
.yo-link-list span { display: inline-flex; color: #26313d; font-size: .9rem; line-height: 1.35; text-decoration: none;
} .yo-link-list a::before,
.yo-link-list span::before { content: ""; width: 6px; height: 6px; margin: .48em 9px 0 0; border-radius: 999px; background: var(--yo-terra); flex: 0 0 auto;
} .yo-chip-list a:hover,
.yo-link-list a:hover { color: var(--yo-terra);
} .yo-card-cta { margin-top: auto; align-self: flex-start;
} .yo-filter-bar { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: -10px 0 24px;
} .yo-filter-bar button { min-height: 38px; padding: 8px 13px; border: 1px solid rgba(26,82,82,.13); border-radius: 999px; background: #fff; color: #123f3f; font-size: .82rem; font-weight: 800; cursor: pointer;
} .yo-filter-bar button.is-active,
.yo-filter-bar button:hover { border-color: var(--yo-terra); background: var(--yo-terra); color: #fff;
} .yo-country-meta,
.yo-route-meta { color: var(--yo-terra) ; font-size: .82rem ; font-weight: 900; line-height: 1.4 ;
} .yo-route-card { position: relative; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 12px 30px rgba(0,0,0,.12);
} .yo-route-card::before { content: ""; position: absolute; top: 30px; left: 24px; right: 24px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--yo-terra), rgba(26,82,82,.35)); opacity: .32;
} .yo-route-card > span { display: inline-flex; position: relative; margin-bottom: 12px; padding-top: 18px; color: var(--yo-terra); font-size: .78rem; font-weight: 900; line-height: 1.35;
} .yo-pillar-faq__list { max-width: 860px; margin: 0 auto; display: grid; gap: 12px;
} .yo-pillar-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);
} .yo-pillar-faq summary { cursor: pointer; padding: 18px 20px; color: #123f3f; font-weight: 800; line-height: 1.35;
} .yo-pillar-faq details p { margin: 0; padding: 0 20px 20px; color: #5d6875; line-height: 1.7;
} @media (max-width: 1100px) { .yo-decision__grid, .yo-type-grid, .yo-list-grid, .yo-region-grid, .yo-country-grid, .yo-route-grid, .yo-ops-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yo-prep-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yo-prep-card:first-child, .yo-prep-card:last-child { grid-column: span 2; grid-row: auto; }
} @media (max-width: 768px) { .yo-pillar-container { width: auto; max-width: none; margin-left: 0; margin-right: 0; padding-left: 18px; padding-right: 18px; } .yo-pillar-hero { min-height: 0; padding: 90px 0 116px; } .yo-pillar-hero__bg { background-position: center; } .yo-pillar-hero::before { background: linear-gradient(180deg, rgba(8,35,35,.9) 0%, rgba(8,35,35,.8) 54%, rgba(8,35,35,.54) 100%), linear-gradient(180deg, rgba(196,98,45,.16), rgba(8,35,35,.36)); } .yo-pillar-hero__inner { transform: none; } .yo-pillar-hero h1 { font-size: .98rem; } .yo-pillar-hero__title { max-width: 344px; font-size: clamp(2.05rem, 10vw, 2.9rem); line-height: 1.02; text-wrap: auto; } .yo-pillar-hero__text { max-width: 338px; font-size: .98rem; line-height: 1.68; } .yo-pillar-hero-strip { display: flex; gap: 8px; max-width: none; margin-top: 22px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; } .yo-pillar-hero-strip::-webkit-scrollbar { display: none; } .yo-pillar-hero-strip a { flex: 0 0 176px; min-height: 74px; } .yo-jump-nav { margin-top: 0; } .yo-jump-nav__track { width: 100%; max-width: 100%; padding-inline: 18px; justify-content: center; } .yo-decision { padding-top: 42px; } .yo-decision__grid, .yo-prep-grid, .yo-type-grid, .yo-list-grid, .yo-region-grid, .yo-country-grid, .yo-route-grid, .yo-ops-grid { grid-template-columns: 1fr; width: 100%; max-width: 100%; } .yo-prep-card:first-child, .yo-prep-card:last-child { grid-column: auto; } .yo-region-card--wide { grid-column: auto; } .yo-pillar-section { padding: 54px 0; } .yo-pillar-section__head, .yo-pillar-faq__list { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .yo-pillar-section__head { margin-bottom: 26px; } .yo-pillar-section__head p:not(.yo-pillar-eyebrow) { max-width: 330px; margin-left: auto; margin-right: auto; } .yo-decision article, .yo-prep-card, .yo-region-card, .yo-type-card, .yo-country-card, .yo-list-card, .yo-route-card, .yo-ops-grid article, .yo-pillar-faq details { width: 100%; max-width: 100%; } .yo-decision article { min-height: 0; padding: 18px; } .yo-decision span, .yo-prep-card p, .yo-region-card p, .yo-type-card p, .yo-country-card p, .yo-list-card p, .yo-route-card p, .yo-ops-grid p { max-width: 300px; overflow-wrap: break-word; } .yo-prep-card, .yo-region-card, .yo-type-card, .yo-country-card, .yo-list-card, .yo-route-card, .yo-ops-grid article { padding: 21px; } .yo-type-card { padding: 0; } .yo-type-card > :not(.yo-type-card__image) { margin-left: 21px; margin-right: 21px; } .yo-type-card .yo-link-list, .yo-type-card .yo-card-cta { margin-bottom: 21px; } .yo-type-card__image { width: 100%; height: 150px; margin: 0 0 18px; } .yo-filter-bar { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 3px; scrollbar-width: none; } .yo-filter-bar::-webkit-scrollbar { display: none; }
} .yo-ba-hub { --yo-ba-max: 1160px; --yo-ba-bg: #f7f4ef; --yo-ba-line: rgba(26,82,82,.12); --yo-ba-shadow: 0 18px 44px rgba(17,24,39,.08); background: #fff; color: #17202c; overflow-x: hidden;
} .yo-ba-hub *,
.yo-ba-hub *::before,
.yo-ba-hub *::after { box-sizing: border-box; min-width: 0;
} .yo-nd-page { background: #f6f2eb;
} .yo-nd-page .yo2-hero { min-height: auto; height: auto; padding: 92px 0 74px; justify-content: center;
} .yo-nd-page .yo2-hero__content { max-width: var(--yo-shell, 1160px); padding: 0 var(--yo-shell-edge, 18px); text-align: left;
} .yo-nd-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); gap: 32px; align-items: center;
} .yo-nd-map-card,
.yo-nd-map-stage { margin: 0; border: 1px solid rgba(18, 47, 47, 0.12); border-radius: 24px; overflow: hidden; background: #0b1d1d; box-shadow: 0 22px 54px rgba(13, 28, 28, 0.18);
} .yo-nd-map-card img,
.yo-nd-map-stage img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 4; object-fit: cover;
} .yo-nd-map-card figcaption,
.yo-nd-map-stage figcaption { padding: 14px 16px 16px; color: rgba(255, 255, 255, 0.82); font-size: 0.96rem; line-height: 1.6; background: rgba(8, 34, 34, 0.96);
} .yo-nd-hero__copy { color: #fff;
} .yo-nd-article { padding-top: 54px; padding-bottom: 72px;
} .yo-nd-story,
.yo-nd-data-body { max-width: 860px; margin: 0 auto; color: #22313a; line-height: 1.88; font-size: 1.03rem;
} .yo-nd-story > * + *,
.yo-nd-data-body > * + * { margin-top: 1.2rem;
} .yo-nd-story img,
.yo-nd-data-body img { display: block; max-width: 100%; height: auto;
} .yo-nd-story figure,
.yo-nd-data-body figure { margin: 2rem 0;
} .yo-nd-inline-map { margin: 3rem 0; border: 1px solid rgba(18, 47, 47, 0.12); border-radius: 22px; overflow: hidden; background: #0b1d1d; box-shadow: 0 18px 40px rgba(17, 24, 39, 0.12);
} .yo-nd-inline-map img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;
} .yo-nd-inline-map figcaption { margin: 0; padding: 14px 16px 16px; color: rgba(255, 255, 255, 0.82); line-height: 1.6;
} .yo-nd-story table,
.yo-nd-data-body table { width: 100%; border-collapse: collapse; overflow-x: auto;
} .yo-nd-story td,
.yo-nd-story th,
.yo-nd-data-body td,
.yo-nd-data-body th { border: 1px solid rgba(18, 47, 47, 0.12); padding: 0.6rem 0.75rem; vertical-align: top;
} .yo-nd-breadcrumb { margin-bottom: 18px;
} .yo-nd-hero__title { margin: 0 0 16px; max-width: 760px; color: #fff; font-size: clamp(2.6rem, 5.5vw, 5rem); line-height: 0.98; letter-spacing: 0;
} .yo-nd-hero__lead { margin: 0 0 12px; max-width: 720px; color: rgba(255, 255, 255, 0.92); font-size: clamp(1.05rem, 1.55vw, 1.18rem); line-height: 1.75;
} .yo-nd-hero__text { margin: 0; max-width: 720px; color: rgba(255, 255, 255, 0.8); font-size: clamp(0.98rem, 1.35vw, 1.08rem); line-height: 1.85;
} .yo-nd-hero__actions,
.yo-nd-cta-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px;
} .yo-nd-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
} .yo-nd-route-card { padding: 22px; border: 1px solid rgba(18, 47, 47, 0.1); border-radius: 18px; background: #fff; box-shadow: 0 18px 38px rgba(17, 24, 39, 0.06);
} .yo-nd-route-card span { display: inline-block; margin-bottom: 10px; color: var(--yo-terra); font-size: 0.82rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
} .yo-nd-route-card h3 { margin: 0 0 10px; color: #123f3f; font-size: 1.22rem; line-height: 1.3;
} .yo-nd-route-card p { margin: 0; color: #293740; line-height: 1.78;
} .yo-nd-data-shell { border: 1px solid rgba(18, 47, 47, 0.12); border-radius: 18px; background: #fff; box-shadow: 0 18px 38px rgba(17, 24, 39, 0.06); overflow: hidden;
} .yo-nd-data-shell summary { list-style: none; cursor: pointer; padding: 18px 22px; color: #123f3f; font-weight: 700; border-bottom: 1px solid rgba(18, 47, 47, 0.08);
} .yo-nd-data-shell summary::-webkit-details-marker { display: none;
} .yo-nd-data-body { padding: 22px; max-width: none;
} .yo-nd-section { padding-top: 70px; padding-bottom: 70px;
} .yo-nd-head h2 { margin: 0;
} .yo-nd-copy-grid,
.yo-nd-why-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px;
} .yo-nd-copy-grid p,
.yo-nd-why-grid p,
.yo-nd-stat-note,
.yo-nd-reality-note { margin: 0; color: #28363d; font-size: 1.06rem; line-height: 1.82;
} .yo-nd-flow-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px;
} .yo-nd-flow-card,
.yo-nd-reality-card,
.yo-nd-stat-card { border: 1px solid rgba(18, 47, 47, 0.1); border-radius: 18px; background: #fff; box-shadow: 0 18px 38px rgba(17, 24, 39, 0.06);
} .yo-nd-flow-card,
.yo-nd-reality-card { padding: 22px;
} .yo-nd-flow-card span { display: inline-block; margin-bottom: 10px; color: var(--yo-terra); font-size: 0.82rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
} .yo-nd-flow-card h3,
.yo-nd-reality-card h3 { margin: 0 0 10px; font-size: 1.28rem; line-height: 1.3;
} .yo-nd-flow-card p,
.yo-nd-reality-card p { margin: 0 0 18px; color: #293740; line-height: 1.78;
} .yo-nd-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;
} .yo-nd-stat-card { padding: 22px;
} .yo-nd-stat-card strong { display: block; margin-bottom: 6px; color: #123f3f; font-size: 1.5rem; line-height: 1.2;
} .yo-nd-stat-card span { display: block; color: #55656d; line-height: 1.55;
} .yo-nd-stat-note { margin-top: 18px;
} .yo-nd-reality-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;
} .yo-nd-why-grid { margin-bottom: 8px;
} .yo-nd-page .yo-ba-card-cta { background: #fff;
} @media (max-width: 980px) { .yo-nd-hero__grid, .yo-nd-copy-grid, .yo-nd-why-grid, .yo-nd-route-grid, .yo-nd-flow-grid, .yo-nd-stat-grid, .yo-nd-reality-grid { grid-template-columns: 1fr; } .yo-nd-page .yo2-hero { padding: 78px 0 56px; } .yo-nd-map-card img, .yo-nd-map-stage img { aspect-ratio: 16 / 10; }
} .yo-ba-container { width: 100%; max-width: var(--yo-shell, 1160px); margin: 0 auto; padding: 0 var(--yo-shell-edge, 18px);
} .yo-ba-hero { position: relative; min-height: 68svh; display: flex; align-items: center; padding: 110px 0 92px; color: #fff; overflow: hidden; background: #0b2d2d;
} .yo-ba-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center 48%; filter: saturate(.92) contrast(1.04); transform: scale(1.02);
} .yo-ba-hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(8,35,35,.94) 0%, rgba(8,35,35,.78) 48%, rgba(8,35,35,.42) 100%), linear-gradient(180deg, rgba(196,98,45,.22) 0%, rgba(8,35,35,.42) 100%);
} .yo-ba-hero::after { content: ""; position: absolute; inset: auto -12% -172px; z-index: 1; height: 260px; border-radius: 50% 50% 0 0; background: #fff;
} .yo-ba-hero__inner { position: relative; z-index: 2; max-width: var(--yo-shell, 1160px); transform: translateY(-10px);
} .yo-ba-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 22px; color: rgba(255,255,255,.64); font-size: 13px; line-height: 1.2;
} .yo-ba-breadcrumb a { color: rgba(255,255,255,.76); text-decoration: none;
} .yo-ba-breadcrumb a:hover { color: #fff;
} .yo-pillar-eyebrow { margin: 0 0 10px; color: var(--yo-terra); font-size: .9rem; font-style: italic; line-height: 1.3;
} .yo-ba-hero .yo-pillar-eyebrow { color: #D4A63A;
} .yo-ba-hero h1 { margin: 0 0 10px; max-width: 760px; color: #fff; font-size: clamp(1.08rem, 1.7vw, 1.35rem); line-height: 1.25; letter-spacing: .04em; text-transform: uppercase;
} .yo-ba-hero__title { margin: 0 0 18px; max-width: 860px; color: #fff; font-size: clamp(2.55rem, 5.8vw, 4.95rem); line-height: .98; letter-spacing: 0; text-wrap: balance; overflow-wrap: break-word;
} .yo-ba-hero__text { margin: 0; max-width: 790px; color: rgba(255,255,255,.82); font-size: clamp(1rem, 1.45vw, 1.13rem); line-height: 1.75; overflow-wrap: break-word;
} .yo-ba-card-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 6px 16px; border: 1px solid rgba(26,82,82,.14); border-radius: 8px; background: #fff; color: #123f3f; font-size: .88rem; font-weight: 800; line-height: 1.2; text-decoration: none; white-space: nowrap;
} .yo-ba-card-cta:hover { border-color: var(--yo-terra); background: var(--yo-terra); color: #fff;
} .yo-ba-link-list { display: grid; gap: 9px; margin: 0 0 18px; padding: 0; list-style: none;
} .yo-ba-link-list a,
.yo-ba-link-list span { display: inline-flex; color: #26313d; font-size: .9rem; line-height: 1.35; text-decoration: none;
} .yo-ba-link-list a::before,
.yo-ba-link-list span::before { content: ""; width: 6px; height: 6px; margin: .48em 9px 0 0; border-radius: 999px; background: var(--yo-terra); flex: 0 0 auto;
} .yo-ba-link-list a:hover { color: var(--yo-terra);
} .yo-ba-card-cta { margin-top: auto; align-self: flex-start;
} /* ========================================================= SEARCH RESULTS PAGE ========================================================= */ .yo2-search-results #main,
.yo2-search-results .site-main { padding-top: 0 ;
} .yo-search-header { position: relative; padding-top: calc(var(--header-height, 64px) + 36px); padding-bottom: 40px; text-align: center; overflow: hidden; isolation: isolate;
} .yo-search-header::before { content: ""; position: absolute; inset: -10px; z-index: -2; background-image: url('/wp-content/uploads/2011/10/my-travel-map.webp'); background-size: cover; background-position: center; filter: blur(4px) saturate(.7); transform: scale(1.04);
} .yo-search-header::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(135deg, rgba(26,82,82,.65) 0%, rgba(8,30,30,.75) 100%);
} .yo-search-container { width: 100%; max-width: var(--yo-shell-max, 1100px); margin: 0 auto; padding: 0 24px;
} .yo-search-header__eyebrow { display: inline-flex; align-items: center; gap: 7px; font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: 12px;
} .yo-search-header__eyebrow svg { width: 13px; height: 13px; flex-shrink: 0;
} .yo-search-header__title { font-size: clamp(1.5rem, 4vw, 2.25rem); font-weight: 800; color: #fff; line-height: 1.2; margin: 0 0 24px;
} .yo-search-header__title em { font-style: normal; color: #f2a87a;
} .yo-search-form { display: flex; align-items: center; width: min(520px, 100%); height: 52px; margin: 0 auto 16px; border: 1.5px solid rgba(255,255,255,.35); border-radius: 999px; background: rgba(255,255,255,.20); box-shadow: 0 8px 24px rgba(0,0,0,.18); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
} html body.yo2-search-results .yo-search-header .yo-search-form input[type="search"],
html body.yo2-search-results .yo-search-header .yo-search-form input[type="search"]:focus,
html body.yo2-search-results .yo-search-header .yo-search-form input[type="search"]:active { flex: 1; min-width: 0; width: 100%; height: 100%; background: transparent !important; background-color: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; padding: 0 14px 0 22px !important; font-size: 1rem !important; font-weight: 500 !important; color: #fff !important; line-height: 1 !important; appearance: none !important; -webkit-appearance: none !important; border-radius: 0 !important;
} html body.yo2-search-results .yo-search-header .yo-search-form input[type="search"]::placeholder { color: rgba(255,255,255,.45) !important; opacity: 1;
} html body.yo2-search-results .yo-search-header .yo-search-form input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none;
} body.yo2-search-results .yo-search-form__btn,
body.yo2-search-results .yo-search-form__btn:visited { flex-shrink: 0; display: flex ; align-items: center ; justify-content: center ; height: 36px ; min-height: 0 ; padding: 0 20px ; margin-right: 8px ; border: none ; border-radius: 999px ; background: #C4622D ; background-color: #C4622D ; color: #fff ; cursor: pointer; font-size: .88rem ; font-weight: 700 ; gap: 6px; box-shadow: none ; transition: background .18s; white-space: nowrap; text-decoration: none; line-height: 1 ;
} body.yo2-search-results .yo-search-form__btn:hover,
body.yo2-search-results .yo-search-form__btn:focus { background: #a84f24 ; background-color: #a84f24 ; color: #fff ;
} body.yo2-search-results .yo-search-form__btn svg { width: 15px; height: 15px; flex-shrink: 0;
} .yo-search-header__meta { font-size: .85rem; color: rgba(255,255,255,.5);
} .yo-search-body { padding: 40px 0 60px;
} .yo-search-body .yo-guide-post-grid { margin-bottom: 40px;
} .yo-search-page__pagination { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap;
} .yo-search-page__pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border-radius: 6px; background: #f1f5f5; color: #1A5252; font-size: .85rem; font-weight: 600; text-decoration: none; transition: background .18s, color .18s;
} .yo-search-page__pagination .page-numbers:hover,
.yo-search-page__pagination .page-numbers.current { background: var(--yo-interaction-selected-bg); color: var(--yo-interaction-selected-text);
} .yo-search-page__no-results { text-align: center; color: #6b7280; font-size: 1rem; padding: 60px 0;
} @media (max-width: 767px) { .yo-search-header { padding-top: calc(var(--header-height, 56px) + 20px); padding-bottom: 28px; } .yo-search-form { height: 50px; } .yo-search-form__input { font-size: .95rem; } .yo-search-form__btn { height: 36px; padding: 0 14px; font-size: 0; } .yo-search-form__btn svg { width: 18px; height: 18px; } .yo-search-body { padding: 24px 0 40px; }
} /* Subnav sticky — header yerini alır */
.ct-header { transition: transform 220ms cubic-bezier(.4,0,.2,1);
} body:not(.yo2-sticky-ready) [data-sticky*='yes'] { transform: translateY(-100%) ; opacity: 0 ; pointer-events: none ;
} body.yo2-subnav-active .ct-header { transform: translateY(calc(-100% - var(--wp-admin--admin-bar--height, 0px))); pointer-events: none;
} body.yo2-subnav-active .yo-jump-nav { position: fixed; top: var(--yo-sticky-nav-top, 0px); left: 0; right: 0; z-index: 9997;
} .yo-pillar-hub { overflow-anchor: none;
}
/* Hakkında sayfası */
.yo-about-hub { color: #16211f; background: #f7f4ef; overflow-x: hidden;
} .yo-about-hub .yo-hero { min-height: 88svh;
} .yo-about-hub .yo-hero__media img { object-position: center center;
} .yo-about-hub .yo-hero__content { max-width: 1200px;
} .yo-about-hub .yo-hero__eyebrow { color: #d4a63a;
} .yo-about-hub .yo-hero__title { max-width: 900px; font-size: clamp(2.5rem, 5.6vw, 5.3rem); line-height: .96;
} .yo-about-hub .yo-hero__subtitle { margin-top: 12px; color: rgba(255,255,255,.88); font-size: clamp(.98rem, 1.18vw, 1.12rem); letter-spacing: .02em;
} .yo-about-hub .yo-hero__text { max-width: 760px;
} .yo-about-hub .yo-hero__strip { gap: 10px 12px; align-items: center; margin-top: 26px; padding-top: 0;
} .yo-about-hub .yo-hero__strip-label { color: rgba(255,255,255,.7);
} .yo-about-hub .yo-hero__strip span,
.yo-about-hub .yo-hero__strip-link { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 13px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.08); color: #fff; font-size: .9rem; font-weight: 700; text-decoration: none;
} .yo-about-hub .yo-hero__strip-link:hover { background: rgba(255,255,255,.15);
} .yo-about-container { width: min(1160px, calc(100% - 48px)); margin: 0 auto;
} .yo-about-section,
.yo-about-quote { padding: clamp(64px, 8vw, 110px) 0;
} .yo-about-section--soft { background: #fff8f0;
} .yo-about-eyebrow { letter-spacing: .12em;
} .yo-about-split { display: grid; grid-template-columns: minmax(0, .92fr) minmax(280px, .9fr); gap: clamp(28px, 5vw, 64px); align-items: start;
} .yo-about-split h2,
.yo-about-narrow h2,
.yo-about-head h2,
.yo-about-quote h2 { margin: 0 0 14px; color: #143636; font-size: clamp(2rem, 3.8vw, 3.55rem); line-height: 1.06; letter-spacing: 0;
} .yo-about-split p,
.yo-about-narrow p,
.yo-about-head p,
.yo-about-quote p { color: #34423f; font-size: 1.03rem; line-height: 1.78;
} .yo-about-timeline { position: relative; display: grid; gap: 12px; padding-left: 24px;
} .yo-about-timeline::before { content: ""; position: absolute; top: 0; bottom: 6px; left: 9px; width: 2px; background: linear-gradient(180deg, rgba(26,82,82,.36), rgba(196,98,45,.16));
} .yo-about-timeline article { position: relative; padding: 16px 18px 16px 20px; border: 1px solid rgba(20,54,54,.1); border-radius: 14px; background: rgba(255,255,255,.88); box-shadow: 0 14px 34px rgba(17,24,39,.05);
} .yo-about-timeline article::before { content: ""; position: absolute; left: -24px; top: 22px; width: 12px; height: 12px; border: 2px solid #fff8f0; border-radius: 50%; background: #c4622d; box-shadow: 0 0 0 1px rgba(196,98,45,.22);
} .yo-about-timeline strong { display: block; margin-bottom: 6px; color: #1a5252; font-size: .9rem; letter-spacing: .08em; text-transform: uppercase;
} .yo-about-timeline span { display: block; color: #3b4a48; font-size: .98rem; line-height: 1.6;
} .yo-about-statbox { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
} .yo-about-statbox div { min-height: 118px; padding: 18px 16px; border: 1px solid rgba(20,54,54,.1); border-radius: 16px; background: #fff; box-shadow: 0 14px 34px rgba(17,24,39,.05);
} .yo-about-statbox strong { display: block; color: #143636; font-size: clamp(1.5rem, 2.8vw, 2.8rem); line-height: 1;
} .yo-about-statbox span { display: block; margin-top: 10px; color: #61706d; font-size: .88rem; line-height: 1.35;
} .yo-about-note-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 20px;
} .yo-about-note-grid span { display: flex; align-items: center; min-height: 72px; padding: 14px 16px; border: 1px solid rgba(20,54,54,.1); border-radius: 12px; background: #fff; color: #31403d; font-size: .95rem; line-height: 1.45;
} .yo-about-narrow { max-width: 760px;
} .yo-about-card-grid { margin-top: 24px;
} .yo-about-card-grid a { display: grid; gap: 8px; min-height: 170px; padding: 18px; border: 1px solid rgba(20,54,54,.1); border-radius: 16px; background: #fff; color: inherit; text-decoration: none; box-shadow: 0 14px 34px rgba(17,24,39,.05); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
} .yo-about-card-grid a:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(17,24,39,.08); border-color: rgba(26,82,82,.18);
} .yo-about-card-grid strong { color: #143636; font-size: 1.08rem; line-height: 1.25;
} .yo-about-card-grid span { color: #586865; font-size: .96rem; line-height: 1.58;
} .yo-about-link-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px;
} .yo-about-link-grid a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid rgba(20,54,54,.12); border-radius: 999px; background: #fff; color: #143636; font-size: .92rem; font-weight: 700; text-decoration: none;
} .yo-about-link-grid a:hover { background: rgba(26,82,82,.06);
} .yo-about-quote { position: relative; overflow: hidden; color: #fff; background: linear-gradient(180deg, rgba(8,36,36,.86), rgba(8,36,36,.86)), url('/wp-content/uploads/2011/10/my-travel-map.webp') center/cover no-repeat;
} .yo-about-quote::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,36,36,.1), rgba(8,36,36,.18));
} .yo-about-quote .yo-about-container { position: relative; z-index: 1;
} .yo-about-quote h2,
.yo-about-quote p,
.yo-about-quote .yo-section__eyebrow { color: #fff;
} .yo-about-quote p { max-width: 820px;
} .yo-about-quote .yo-about-link-grid a { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); color: #fff;
} .yo-about-quote .yo-about-link-grid a:hover { background: rgba(255,255,255,.14);
} .yo-about-logo-wall { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
} .yo-about-logo-wall span { display: flex; align-items: center; justify-content: center; min-height: 74px; padding: 14px; border: 1px solid rgba(20,54,54,.1); border-radius: 14px; background: #fff; color: #63726f; font-size: .92rem; font-weight: 700; text-align: center; filter: grayscale(1); transition: filter .18s ease, transform .18s ease, color .18s ease;
} .yo-about-logo-wall span:hover { filter: grayscale(0); transform: translateY(-2px); color: #143636;
} .yo-about-disclosure { padding: 16px 18px; border-left: 4px solid #c4622d; background: rgba(255,255,255,.86); border-radius: 0 14px 14px 0;
} .yo-about-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 999px; background: #c4622d; color: #fff; font-size: .95rem; font-weight: 700; text-decoration: none; box-shadow: 0 12px 28px rgba(196,98,45,.18);
} .yo-about-button:hover { background: #a84f24; color: #fff;
} .yo-about-button--ghost { background: transparent; color: #143636; border: 1px solid rgba(20,54,54,.14); box-shadow: none;
} .yo-about-button--ghost:hover { background: rgba(20,54,54,.05); color: #143636;
} .yo-about-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px;
} .yo-about-quote blockquote { margin: 22px 0 0; padding: 18px 20px; border-left: 4px solid rgba(255,255,255,.35); background: rgba(255,255,255,.08); border-radius: 0 14px 14px 0; font-size: 1.08rem; line-height: 1.72; font-style: italic;
} @media (max-width: 980px) { .yo-about-hub .yo-hero { min-height: 78svh; } .yo-about-split { grid-template-columns: 1fr; } .yo-about-note-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yo-about-logo-wall { grid-template-columns: repeat(3, minmax(0, 1fr)); } .yo-about-statbox { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yo-about-card-grid a { min-height: 156px; } .yo-about-quote { background-position: center; }
} @media (max-width: 640px) { .yo-about-container { width: min(100% - 32px, 680px); } .yo-about-hub .yo-hero__title { font-size: clamp(2.1rem, 11vw, 3.2rem); } .yo-about-hub .yo-hero__subtitle { font-size: .95rem; } .yo-about-hub .yo-hero__strip { gap: 8px; } .yo-about-hub .yo-hero__strip span, .yo-about-hub .yo-hero__strip-link { font-size: .84rem; min-height: 34px; padding: 7px 11px; } .yo-about-note-grid, .yo-about-logo-wall, .yo-about-statbox { grid-template-columns: 1fr; } .yo-about-card-grid { grid-template-columns: 1fr ; } .yo-about-actions { flex-direction: column; } .yo-about-button { width: 100%; }
}
/* Hakkında sayfası: öneri kapsamı genişletme */
.yo-about-scroll { position: relative; z-index: 3; display: table; margin: -68px auto 26px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; background: rgba(8,36,36,.68); color: #fff; font-size: .82rem; font-weight: 800; text-decoration: none; backdrop-filter: blur(8px);
} .yo-about-scroll::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px);
} .yo-about-identity { padding-top: clamp(54px, 7vw, 86px); background: #f7f4ef;
} .yo-about-identity__grid { display: grid; grid-template-columns: minmax(210px, 280px) minmax(0, 1fr); gap: clamp(24px, 4vw, 48px); align-items: center;
} .yo-about-profile { margin: 0; overflow: hidden; border-radius: 18px; background: #143636; box-shadow: 0 22px 52px rgba(17,24,39,.12);
} .yo-about-profile img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: center;
} .yo-about-profile figcaption { padding: 14px 16px; color: #fff; font-weight: 800; letter-spacing: .02em;
} .yo-about-identity__copy h2 { margin: 0 0 14px; color: #143636; font-size: clamp(2rem, 3.5vw, 3.2rem); line-height: 1.06;
} .yo-about-identity__copy p { max-width: 720px; color: #34423f; font-size: 1.04rem; line-height: 1.78;
} .yo-about-tag-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px;
} .yo-about-tag-row span { display: inline-flex; align-items: center; min-height: 34px; padding: 7px 12px; border: 1px solid rgba(20,54,54,.12); border-radius: 999px; background: #fff; color: #143636; font-size: .88rem; font-weight: 800;
} .yo-about-stat-cards { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 8px;
} .yo-about-stat-cards article { min-height: 116px; padding: 22px 20px; border: 1px solid rgba(20,54,54,.1); border-radius: 16px; background: #fff; box-shadow: 0 16px 38px rgba(17,24,39,.06);
} .yo-about-stat-cards strong { display: block; color: #c4622d; font-size: clamp(2rem, 4vw, 3.4rem); line-height: .95;
} .yo-about-stat-cards span { display: block; margin-top: 10px; color: #143636; font-size: .9rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase;
} .yo-about-statbox__wide { grid-column: 1 / -1; min-height: 92px ; background: #143636 ;
} .yo-about-statbox__wide strong,
.yo-about-statbox__wide span { color: #fff ;
} .yo-about-note-grid article { display: grid; gap: 6px; min-height: 112px; padding: 17px 16px; border: 1px solid rgba(20,54,54,.1); border-radius: 14px; background: #fff; color: #31403d; box-shadow: 0 12px 30px rgba(17,24,39,.04);
} .yo-about-note-grid article strong { color: #c4622d; font-size: .82rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase;
} .yo-about-note-grid article span { display: block; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #31403d; font-size: .96rem; line-height: 1.5;
} .yo-about-card-grid a em { color: #c4622d; font-size: .78rem; font-style: normal; font-weight: 900; letter-spacing: .08em; text-transform: uppercase;
} .yo-about-today { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 430px); gap: clamp(26px, 5vw, 64px); align-items: center;
} .yo-about-today blockquote { margin: 0; padding: 28px; border-left: 5px solid #c4622d; border-radius: 0 18px 18px 0; background: #143636; color: #fff; font-size: clamp(1.25rem, 2.2vw, 1.8rem); line-height: 1.45; font-style: italic; box-shadow: 0 20px 46px rgba(17,24,39,.12);
} .yo-about-actions { justify-content: center; padding-top: 4px;
} @media (max-width: 980px) { .yo-about-scroll { margin-top: -54px; } .yo-about-identity__grid, .yo-about-today { grid-template-columns: 1fr; } .yo-about-profile { max-width: 320px; } .yo-about-stat-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
} @media (max-width: 640px) { .yo-about-scroll { margin-top: -46px; } .yo-about-profile { max-width: none; } .yo-about-stat-cards { grid-template-columns: 1fr; } .yo-about-today blockquote { padding: 22px; font-size: 1.18rem; }
}
/* Hakkında sayfası: ritim ve oran düzeltmeleri */
.yo-about-hub .yo-hero { min-height: min(82svh, 840px);
} .yo-about-hub .yo-hero__title { max-width: 820px; font-size: clamp(2.25rem, 4.8vw, 4.45rem); line-height: 1;
} .yo-about-hub .yo-hero__text { max-width: 700px; font-size: clamp(.98rem, 1.15vw, 1.08rem); line-height: 1.68;
} .yo-about-hub .yo-hero__strip { gap: 8px; margin-top: 20px;
} .yo-about-hub .yo-hero__strip span,
.yo-about-hub .yo-hero__strip-link { min-height: 32px; padding: 6px 11px; font-size: .82rem;
} .yo-about-scroll { margin: -48px auto 14px; min-height: 32px; padding: 7px 12px; font-size: .76rem; background: rgba(8,36,36,.78);
} .yo-about-hub .yo-jump-nav { padding: 8px 0 10px; background: #f7f4ef;
} .yo-about-hub .yo-jump-nav__track { flex-wrap: wrap; width: min(1120px, calc(100% - 32px)); gap: 6px; justify-content: center;
} .yo-about-hub .yo-jump-nav__link { min-height: 31px; padding: 5px 10px; border-radius: 999px; font-size: .78rem; box-shadow: none;
} .yo-about-section,
.yo-about-quote { padding: clamp(44px, 5.5vw, 76px) 0;
} .yo-about-identity { padding-top: clamp(40px, 5vw, 62px);
} .yo-about-container { width: min(1120px, calc(100% - 40px));
} .yo-about-split { gap: clamp(22px, 4vw, 46px);
} .yo-about-split h2,
.yo-about-narrow h2,
.yo-about-head h2,
.yo-about-quote h2,
.yo-about-identity__copy h2 { margin-bottom: 12px; font-size: clamp(1.75rem, 3vw, 2.75rem); line-height: 1.08;
} .yo-about-split p,
.yo-about-narrow p,
.yo-about-head p,
.yo-about-quote p,
.yo-about-identity__copy p { font-size: .98rem; line-height: 1.68;
} .yo-about-identity__grid { grid-template-columns: minmax(190px, 240px) minmax(0, 1fr); gap: clamp(20px, 3vw, 34px);
} .yo-about-profile { border-radius: 12px; box-shadow: 0 14px 34px rgba(17,24,39,.1);
} .yo-about-profile figcaption { padding: 11px 14px;
} .yo-about-tag-row { gap: 6px; margin-top: 14px;
} .yo-about-tag-row span { min-height: 30px; padding: 5px 10px; font-size: .8rem;
} .yo-about-stat-cards { gap: 10px; margin-top: 2px;
} .yo-about-stat-cards article { min-height: 92px; padding: 16px; border-radius: 10px; box-shadow: 0 10px 24px rgba(17,24,39,.045);
} .yo-about-stat-cards strong { font-size: clamp(1.65rem, 3vw, 2.45rem);
} .yo-about-stat-cards span { margin-top: 7px; font-size: .78rem;
} .yo-about-timeline { gap: 9px; padding-left: 20px;
} .yo-about-timeline article { padding: 13px 15px 13px 17px; border-radius: 10px; box-shadow: 0 8px 20px rgba(17,24,39,.04);
} .yo-about-statbox { gap: 9px;
} .yo-about-statbox div { min-height: 92px; padding: 14px; border-radius: 10px; box-shadow: 0 8px 20px rgba(17,24,39,.04);
} .yo-about-statbox strong { font-size: clamp(1.35rem, 2.3vw, 2.2rem);
} .yo-about-statbox span { margin-top: 7px; font-size: .8rem;
} .yo-about-statbox__wide { min-height: 76px ;
} .yo-about-link-grid { gap: 7px; margin-top: 16px;
} .yo-about-link-grid a { min-height: 34px; padding: 0 12px; border-radius: 8px; font-size: .84rem; background: #fdfbf8;
} .yo-about-note-grid { gap: 8px; margin-top: 16px;
} .yo-about-note-grid article { min-height: 86px; padding: 13px 14px; border-radius: 10px; box-shadow: 0 8px 18px rgba(17,24,39,.035);
} .yo-about-card-grid { gap: 10px; margin-top: 18px;
} .yo-about-card-grid a { min-height: 132px; padding: 15px; border-radius: 10px; box-shadow: 0 9px 22px rgba(17,24,39,.04);
} .yo-about-card-grid strong { font-size: .98rem;
} .yo-about-card-grid span { font-size: .88rem; line-height: 1.48;
} .yo-about-hub .yo-pillar-spoke-grid-h { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 16px;
} .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__media { min-height: 94px; aspect-ratio: 16 / 9; border-radius: 10px; box-shadow: none;
} .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__overlay { padding: 10px;
} .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__tag { font-size: 8px;
} .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__title { font-size: .88rem; line-height: 1.18; -webkit-line-clamp: 2;
} .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__meta { font-size: .66rem; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
} .yo-about-quote .yo-about-link-grid a { background: rgba(255,255,255,.12);
} .yo-about-logo-wall { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px;
} .yo-about-logo-wall span { min-height: 52px; padding: 10px; border-radius: 8px; font-size: .8rem;
} .yo-about-disclosure { padding: 13px 15px; border-radius: 0 10px 10px 0;
} .yo-about-button { min-width: 178px; min-height: 40px; padding: 0 17px; border-radius: 8px; background: #b65324; font-size: .9rem; font-weight: 900; box-shadow: 0 10px 22px rgba(196,98,45,.2);
} .yo-about-button::after { content: "›"; margin-left: 8px; font-size: 1.1rem; line-height: 1;
} .yo-about-button--ghost { background: #fff; border-color: rgba(20,54,54,.22); color: #143636;
} .yo-about-button--ghost:hover { border-color: #143636;
} .yo-about-actions { gap: 8px; margin-top: 16px; padding-top: 0;
} .yo-about-today { gap: clamp(22px, 4vw, 44px);
} .yo-about-today blockquote { padding: 22px 24px; border-radius: 0 12px 12px 0; font-size: clamp(1.12rem, 1.7vw, 1.48rem);
} @media (max-width: 1100px) { .yo-about-hub .yo-pillar-spoke-grid-h { grid-template-columns: repeat(3, minmax(0, 1fr)); }
} @media (max-width: 760px) { .yo-about-hub .yo-hero { min-height: 70svh; } .yo-about-section, .yo-about-quote { padding: 40px 0; } .yo-about-hub .yo-jump-nav__track { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; } .yo-about-hub .yo-pillar-spoke-grid-h { grid-template-columns: 1fr ; } .yo-about-button { width: auto; min-width: 0; } .yo-about-actions { justify-content: flex-start; } .yo-about-logo-wall { grid-template-columns: repeat(2, minmax(0, 1fr)); }
} @media (max-width: 520px) { .yo-about-container { width: min(100% - 28px, 680px); } .yo-about-button { width: 100%; } .yo-about-actions { flex-direction: column; } .yo-about-stat-cards, .yo-about-note-grid, .yo-about-logo-wall { gap: 7px; } .yo-about-hub .yo-hero__strip { display: none; }
}
/* Hakkında sayfası: section standardizasyonu */
.yo-about-hub .yo-section__head,
.yo-about-head { width: 100% ; max-width: 760px ; margin: 0 0 18px ; text-align: left ;
} .yo-about-hub .yo-section__head h2,
.yo-about-head h2,
.yo-about-hub .yo-section__head p,
.yo-about-head p { margin-left: 0 ; margin-right: 0 ; text-align: left ;
} .yo-about-narrow { width: min(1120px, calc(100% - 40px)) ; max-width: none ; margin-left: auto ; margin-right: auto ;
} .yo-about-narrow > * { max-width: 760px;
} .yo-about-identity__grid { align-items: start;
} .yo-about-identity__copy { grid-column: 1 / -1; grid-row: 1; max-width: 760px;
} .yo-about-profile { grid-column: 1; grid-row: 2;
} .yo-about-stat-cards { grid-column: 2; grid-row: 2; align-self: stretch; margin-top: 0;
} .yo-about-actions { justify-content: flex-start;
} .yo-about-card-grid,
.yo-about-note-grid,
.yo-about-logo-wall,
.yo-about-hub .yo-pillar-spoke-grid-h { width: 100%; margin-left: 0; margin-right: 0;
} .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__title,
.yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__meta { text-align: left;
} @media (max-width: 980px) { .yo-about-identity__copy, .yo-about-profile, .yo-about-stat-cards { grid-column: auto; grid-row: auto; } .yo-about-narrow, .yo-about-hub .yo-section__head, .yo-about-head { width: min(100% - 32px, 680px) ; max-width: none ; } .yo-about-narrow > * { max-width: none; }
} @media (max-width: 520px) { .yo-about-narrow, .yo-about-hub .yo-section__head, .yo-about-head { width: min(100% - 28px, 680px) ; }
}
.yo-about-hub .yo-section__head,
.yo-about-head { width: 100% ; max-width: 760px ;
} @media (max-width: 980px) { .yo-about-narrow { width: min(100% - 32px, 680px) ; } .yo-about-hub .yo-section__head, .yo-about-head { width: 100% ; max-width: 760px ; }
} @media (max-width: 520px) { .yo-about-narrow { width: min(100% - 28px, 680px) ; } .yo-about-hub .yo-section__head, .yo-about-head { width: 100% ; }
}
/* Hakkında sayfası: eyebrow renk standardı */
.yo-about-hub .yo-hero__eyebrow,
.yo-about-hub .yo-section__eyebrow,
.yo-about-hub .yo-about-eyebrow,
.yo-about-quote .yo-section__eyebrow { color: var(--yo-terra, #C4622D) ;
}
/* Hakkında sayfası: bağlamsal CTA satırları */
.yo-about-actions--trust { margin-top: 16px;
} .yo-about-actions--trust .yo-about-button { min-width: 0;
}
/* Hakkında sayfası: başlangıç spoke kartları */
.yo-about-start-section .yo-about-head { margin-bottom: 18px ;
} .yo-about-start-section .yo-pillar-spoke-grid-h { grid-template-columns: repeat(3, minmax(0, 1fr)) ; gap: 10px; margin-top: 14px;
} .yo-about-start-section .yo-pillar-spoke-grid-h .yo2-card__media { min-height: 132px; aspect-ratio: 16 / 8.7;
} @media (max-width: 980px) { .yo-about-start-section .yo-pillar-spoke-grid-h { grid-template-columns: repeat(2, minmax(0, 1fr)) ; }
} @media (max-width: 640px) { .yo-about-start-section .yo-pillar-spoke-grid-h { grid-template-columns: 1fr ; }
}
/* Hakkında sayfası: site hikayesi görsel bandı */
.yo-about-site-story { position: relative; overflow: hidden; isolation: isolate; background: #102f2f; color: #fff;
} .yo-about-site-story::before { content: ""; position: absolute; inset: 0; z-index: -2; background: url('/wp-content/uploads/2026/01/tazmanya-karavan.webp') center center / cover no-repeat;
} .yo-about-site-story::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(196,98,45,.9) 0%, rgba(196,98,45,.78) 32%, rgba(196,98,45,.42) 58%, rgba(196,98,45,.08) 100%);
} .yo-about-site-story .yo-about-container { position: relative; z-index: 1;
} .yo-about-site-story .yo-section__eyebrow { color: rgba(255,255,255,.84) ;
} .yo-about-site-story h2,
.yo-about-site-story p:not(.yo-section__eyebrow) { color: #fff;
} .yo-about-site-story .yo-about-link-grid a { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.12); color: #fff; backdrop-filter: blur(6px);
} .yo-about-site-story .yo-about-link-grid a:hover { background: rgba(255,255,255,.2);
} @media (max-width: 760px) { .yo-about-site-story::before { background-position: center center; } .yo-about-site-story::after { background: linear-gradient(90deg, rgba(196,98,45,.92) 0%, rgba(196,98,45,.72) 70%, rgba(196,98,45,.28) 100%); }
}
/* Hakkında sayfası: mobil düzen iyileştirmeleri */
@media (max-width: 760px) {
  .yo-about-hub .yo-hero {
    min-height: 620px;
  }
  .yo-about-hub .yo-hero__media img {
    object-position: center center;
  }
  .yo-about-identity__grid {
    grid-template-columns: 1fr ;
    gap: 18px;
  }
  .yo-about-identity__copy,
  .yo-about-profile,
  .yo-about-stat-cards {
    grid-column: 1 / -1 ;
    grid-row: auto ;
  }
  .yo-about-identity__copy {
    order: 1;
  }
  .yo-about-profile {
    order: 2;
    width: min(100%, 280px);
    max-width: none;
  }
  .yo-about-stat-cards {
    order: 3;
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
    gap: 8px;
  }
  .yo-about-stat-cards article {
    min-height: 78px;
    padding: 13px;
  }
  .yo-about-stat-cards strong {
    font-size: clamp(1.55rem, 8vw, 2.1rem);
  }
  .yo-about-stat-cards span {
    font-size: .72rem;
  }
  .yo-about-split {
    gap: 20px;
  }
  .yo-about-statbox {
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
  }
  .yo-about-statbox__wide {
    grid-column: 1 / -1;
  }
  .yo-about-logo-wall {
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
  }
  .yo-about-hub .yo-pillar-spoke-grid-h {
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
  }
  .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__media {
    min-height: 108px;
    aspect-ratio: 4 / 3;
  }
  .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__title {
    font-size: .82rem;
  }
  .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__meta {
    font-size: .62rem;
    -webkit-line-clamp: 2;
  }
  .yo-about-start-section .yo-pillar-spoke-grid-h {
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
  }
}
@media (max-width: 360px) {
  .yo-about-stat-cards,
  .yo-about-statbox,
  .yo-about-logo-wall,
  .yo-about-hub .yo-pillar-spoke-grid-h,
  .yo-about-start-section .yo-pillar-spoke-grid-h {
    grid-template-columns: 1fr ;
  }
}
/* Hakkında sayfası: responsive final pass */
@media (max-width: 820px) {
  html,
  body {
    overflow-x: hidden;
  }
  .yo-about-hub,
  .yo-about-hub * {
    box-sizing: border-box;
  }
  .yo-about-hub * {
    min-width: 0;
  }
  .yo-about-container {
    width: min(100% - 28px, 680px) ;
  }
  .yo-about-section,
  .yo-about-quote {
    padding: 34px 0 ;
  }
  .yo-about-hub .yo-hero {
    min-height: 560px ;
  }
  .yo-about-hub .yo-hero__title {
    max-width: 340px;
    font-size: clamp(2rem, 8.8vw, 2.55rem) ;
    line-height: 1.05 ;
    overflow-wrap: anywhere;
  }
  .yo-about-hub .yo-hero__text {
    max-width: 330px;
    font-size: .9rem ;
    line-height: 1.56 ;
  }
  .yo-about-hub .yo-hero__strip {
    display: none ;
  }
  .yo-about-scroll {
    display: none;
  }
  .yo-about-hub .yo-jump-nav {
    padding: 7px 0 ;
  }
  .yo-about-hub .yo-jump-nav__track {
    width: 100% ;
    padding: 0 14px;
    flex-wrap: nowrap ;
    justify-content: flex-start ;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .yo-about-hub .yo-jump-nav__track::-webkit-scrollbar {
    display: none;
  }
  .yo-about-hub .yo-jump-nav__link {
    flex: 0 0 auto;
    min-height: 30px;
    padding: 5px 10px;
    font-size: .74rem;
  }
  .yo-about-split h2,
  .yo-about-narrow h2,
  .yo-about-head h2,
  .yo-about-quote h2,
  .yo-about-identity__copy h2,
  .yo-about-today h2 {
    font-size: clamp(1.55rem, 7vw, 2.05rem) ;
    line-height: 1.12 ;
    max-width: 100%;
    overflow-wrap: anywhere;
    text-wrap: auto;
  }
  .yo-about-split p,
  .yo-about-narrow p,
  .yo-about-head p,
  .yo-about-quote p,
  .yo-about-identity__copy p,
  .yo-about-today p {
    font-size: .92rem ;
    line-height: 1.62 ;
  }
  .yo-about-identity__grid {
    display: block ;
  }
  .yo-about-profile {
    width: min(100%, 260px) ;
    margin: 18px 0 12px ;
  }
  .yo-about-profile img {
    aspect-ratio: 4 / 5;
  }
  .yo-about-stat-cards {
    display: grid ;
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
    gap: 8px ;
  }
  .yo-about-stat-cards article {
    min-height: 74px ;
    padding: 12px ;
  }
  .yo-about-timeline {
    gap: 8px ;
  }
  .yo-about-timeline article {
    padding: 12px 14px ;
  }
  .yo-about-statbox {
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
    gap: 8px ;
  }
  .yo-about-statbox > div:not(.yo-about-statbox__wide) {
    grid-column: auto ;
  }
  .yo-about-statbox div {
    min-height: 76px ;
    padding: 12px ;
  }
  .yo-about-note-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
    gap: 7px ;
  }
  .yo-about-note-grid article {
    min-height: 78px ;
    padding: 11px ;
  }
  .yo-about-note-grid article strong {
    font-size: .68rem ;
  }
  .yo-about-note-grid article span {
    font-size: .78rem ;
    line-height: 1.38 ;
  }
  .yo-about-site-story::after {
    background: linear-gradient(90deg, rgba(196,98,45,.94) 0%, rgba(196,98,45,.78) 68%, rgba(196,98,45,.38) 100%) ;
  }
  .yo-about-hub .yo-pillar-spoke-grid-h,
  .yo-about-start-section .yo-pillar-spoke-grid-h {
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
    gap: 8px ;
  }
  .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__media {
    min-height: 124px ;
    aspect-ratio: 1 / 1 ;
    border-radius: 8px ;
  }
  .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__overlay {
    padding: 9px ;
  }
  .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__title {
    font-size: .84rem ;
    line-height: 1.16 ;
  }
  .yo-about-hub .yo-pillar-spoke-grid-h .yo2-card__meta {
    font-size: .62rem ;
    line-height: 1.25 ;
    -webkit-line-clamp: 2 ;
  }
  .yo-about-quote .yo-about-link-grid {
    display: grid ;
    grid-template-columns: 1fr ;
    gap: 7px;
  }
  .yo-about-quote .yo-about-link-grid a {
    justify-content: center;
    width: 100%;
    min-height: 34px;
  }
  .yo-about-actions--trust {
    display: grid;
    grid-template-columns: 1fr;
  }
  .yo-about-actions--trust .yo-about-button {
    width: 100%;
  }
  .yo-about-logo-wall {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }
  .yo-about-logo-wall > span {
    grid-column: auto;
  }
  .yo-about-logo-wall span {
    min-height: 42px;
    padding: 8px;
    font-size: .72rem;
  }
  .yo-about-today {
    display: block;
  }
  .yo-about-today blockquote {
    margin-top: 16px;
    padding: 18px;
    font-size: 1.08rem;
  }
}
@media (max-width: 360px) {
  .yo-about-hub .yo-pillar-spoke-grid-h,
  .yo-about-start-section .yo-pillar-spoke-grid-h,
  .yo-about-note-grid {
    grid-template-columns: 1fr;
  }
}

/* === YO Home (front-page) Redesign — 2026-05-09 === */
.yo-hp {
  --yo-hp-terra: #C4622D;
  --yo-hp-teal: #1A5252;
  --yo-hp-card: #ffffff;
  --yo-hp-ink: #111827;
  --yo-hp-muted: rgba(17, 24, 39, 0.72);
  --yo-hp-line: rgba(26, 82, 82, 0.12);
}

.yo-hp-section {
  padding: clamp(42px, 6vw, 72px) 0;
}

.yo-hp-section__head {
  display: grid;
  gap: 8px;
  margin: 0 0 28px;
}
.yo-section-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}

.yo-hp-section__title {
  margin: 0;
  font-size: clamp(2rem, 5vw, 2.55rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #1A5252;
  font-weight: 700;
}

.yo-hp-section__sub {
  margin: 0;
  color: var(--yo-hp-muted);
  font-size: 0.98rem;
  line-height: 1.65;
  max-width: 72ch;
}

/* Desktop: keep section heads visually anchored to the content width (avoid "floating" titles). */
@media (min-width: 980px) {
  .yo-hp-section__head {
    max-width: 980px;
    margin-left: 0;
    margin-right: 0;
  }

  .yo-hp-section__sub {
    max-width: 80ch;
  }

  .yo-hp-section__title {
    letter-spacing: -0.03em;
  }
}

@media (min-width: 1200px) {
  .yo-hp-section__head {
    max-width: 1040px;
  }
}

/* Türkiye grid: rely on CSS grid, avoid inline layout overrides. */
.yo-hp-turkiye__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

@media (max-width: 767px) {
  .yo-hp-turkiye__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.yo-hp-section__head--dark .yo-hp-section__title,
.yo-hp-section__head--dark .yo-hp-section__sub {
  color: #fff;
}
.yo-hp-section__head--dark .yo-hp-section__sub {
  color: rgba(255, 255, 255, 0.82);
}

/* 1) Utility belt */
.yo-hp-utility {
  background: #f7f4ef;
}

.yo-hp-utility__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.yo-hp-utility__card {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid var(--yo-hp-line);
  border-radius: 16px;
  background: var(--yo-hp-card);
  color: var(--yo-hp-ink);
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(17, 24, 39, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.yo-hp-utility__icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(26, 82, 82, 0.07);
  color: var(--yo-hp-teal);
}
.yo-hp-utility__icon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.yo-hp-utility__title {
  font-weight: 850;
  letter-spacing: -0.01em;
}

.yo-hp-utility__text {
  color: var(--yo-hp-muted);
  font-size: 0.92rem;
  line-height: 1.5;
}

.yo-hp-utility__card:hover,
.yo-hp-utility__card:focus-visible {
  border-color: rgba(196, 98, 45, 0.55);
  box-shadow: 0 18px 44px rgba(17, 24, 39, 0.12);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .yo-hp-utility__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
}

@media (min-width: 1024px) {
  .yo-hp-utility__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
  }
}

/* 2) Destination matrix (horizontal rail) */
.yo-hp-kitalar__rail {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding: 2px 2px 12px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.yo-hp-kitalar__rail::-webkit-scrollbar {
  height: 10px;
}
.yo-hp-kitalar__rail::-webkit-scrollbar-thumb {
  background: rgba(26, 82, 82, 0.18);
  border-radius: 999px;
}

.yo-hp-kita-card {
  position: relative;
  flex: 0 0 84%;
  max-width: 84%;
  scroll-snap-align: start;
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 18px 44px rgba(17, 24, 39, 0.14);
}

.yo-hp-kita-card__img {
  display: block;
  width: 100%;
  height: 240px;
  object-fit: cover;
  transform: scale(1.02);
  filter: saturate(1.02) contrast(1.03);
}

.yo-hp-kita-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.08) 0%, rgba(17, 24, 39, 0.78) 100%);
}

.yo-hp-kita-card__body {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  z-index: 2;
}

.yo-hp-kita-card__title {
  display: inline-block;
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: -0.02em;
  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

.yo-hp-kita-card:hover .yo-hp-kita-card__overlay,
.yo-hp-kita-card:focus-visible .yo-hp-kita-card__overlay {
  background: linear-gradient(180deg, rgba(196, 98, 45, 0.16) 0%, rgba(17, 24, 39, 0.84) 100%);
}

@media (min-width: 768px) {
  .yo-hp-kita-card {
    flex-basis: 360px;
    max-width: 360px;
  }
  .yo-hp-kita-card__img {
    height: 220px;
  }
}

@media (min-width: 1200px) {
  .yo-hp-kita-card {
    flex-basis: 380px;
    max-width: 380px;
  }
}

/* 3) Türkiye block */
.yo-hp-turkiye__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.yo-hp-tr-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 18px 44px rgba(17, 24, 39, 0.14);
}

.yo-hp-tr-card__img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
  filter: saturate(1.02) contrast(1.03);
}

.yo-hp-tr-card__body {
  position: absolute;
  inset: auto 16px 14px 16px;
  z-index: 2;
}

.yo-hp-tr-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.06) 0%, rgba(17, 24, 39, 0.82) 100%);
}

.yo-hp-tr-card__title {
  display: block;
  font-weight: 950;
  font-size: 1.35rem;
  letter-spacing: -0.02em;
}

.yo-hp-tr-card__text {
  display: block;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.95rem;
  line-height: 1.55;
  max-width: 52ch;
}

.yo-hp-tr-card:hover::before,
.yo-hp-tr-card:focus-visible::before {
  background: linear-gradient(180deg, rgba(196, 98, 45, 0.16) 0%, rgba(17, 24, 39, 0.86) 100%);
}

@media (min-width: 768px) {
  .yo-hp-turkiye__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .yo-hp-tr-card__img {
    height: 260px;
  }
}

/* 4) Footprint map */
.yo-hp-footprint {
  background: #fff;
  color: #152027;
}

.yo-hp-map {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(6, 28, 28, 0.62);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.yo-hp-map__svg {
  display: block;
  width: 100%;
  height: auto;
}

.yo-hp-map__land {
  fill: rgba(255, 255, 255, 0.08);
  stroke: rgba(255, 255, 255, 0.14);
  stroke-width: 1.2;
}

.yo-hp-map__land--shade {
  opacity: 0.9;
}

.yo-hp-map__pin {
  fill: var(--yo-hp-terra);
  stroke: rgba(255, 255, 255, 0.9);
  stroke-width: 2;
  cursor: pointer;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,0.35));
  transition: transform 0.14s ease;
}

.yo-hp-map__pin:hover,
.yo-hp-map__pin:focus-visible {
  transform: scale(1.12);
  outline: none;
}

.yo-hp-map__tooltip {
  position: absolute;
  top: 12px;
  left: 12px;
  max-width: calc(100% - 24px);
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(8, 36, 36, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  backdrop-filter: blur(10px);
}

.yo-hp-stats {
  margin-top: 14px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(26, 82, 82, 0.12);
  background: rgba(26, 82, 82, 0.04);
}
@media (max-width: 640px) {
  .yo-hp-stats {
    flex-wrap: nowrap;
    gap: 6px;
    padding: 10px 8px;
  }
  .yo-hp-stats span {
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 8px 6px;
    gap: 2px;
    font-size: .78rem;
  }
  .yo-hp-stats strong {
    font-size: .92rem;
  }
}
.yo-hp-stats span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(26, 82, 82, 0.06);
  color: #3d5a5a;
  font-size: 0.94rem;
}
.yo-hp-stats strong {
  color: #123f3f;
  font-size: 1.05rem;
}

/* 6) Latest guides (3 col desktop, 1 col mobile) */
.yo-hp-latest__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.yo-hp-latest .yo2-card {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 18px 44px rgba(17, 24, 39, 0.12);
}

.yo-hp-latest .yo2-card__media {
  position: relative;
  display: block;
}

.yo-hp-latest .yo2-card__media img,
.yo-hp-latest .yo2-card__fallback {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.yo-hp-latest .yo2-card__overlay {
  background: linear-gradient(180deg, rgba(17, 24, 39, 0.06) 0%, rgba(17, 24, 39, 0.86) 100%);
}

.yo-hp-latest .yo2-card__title {
  font-size: 1.2rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.yo-hp-latest .yo2-card__meta {
  opacity: 0.92;
}

.yo-hp-latest .yo2-card__excerpt {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.95rem;
  line-height: 1.55;
  max-width: 56ch;
}

@media (min-width: 980px) {
  .yo-hp-latest__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }
}

/* ── Mobile quick-dock (sağ yuvarlak toggle → sola açılan pill) ── */
.yo-bottomdock { display: none; }

@media (max-width: 767px) {

  /* Sağ alt köşe — flex row: tray solda, toggle sağda */
  .yo-bottomdock {
    display: flex;
    align-items: center;
    gap: 8px;
    position: fixed;
    right: 8px;
    bottom: max(8px, env(safe-area-inset-bottom, 8px));
    z-index: 9999;
  }

  /* Açılan pill — toggle'ın solunda */
  .yo-bottomdock__tray {
    display: flex;
    align-items: center;
    gap: 2px;
    background: rgba(10, 46, 46, 0.42);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    padding: 5px 8px;
    white-space: nowrap;
    transform-origin: right center;
    transform: scaleX(0);
    opacity: 0;
    pointer-events: none;
    transition: transform .2s ease, opacity .15s ease;
  }

  .yo-bottomdock.is-open .yo-bottomdock__tray {
    transform: scaleX(1);
    opacity: 1;
    pointer-events: auto;
  }

  /* Toggle yuvarlak buton */
  .yo-bottomdock__toggle {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(10, 46, 46, 0.42);
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    transition: background .18s ease;
  }

  .yo-bottomdock__toggle:active {
    background: rgba(10, 46, 46, 0.72);
  }

  /* Tray içi butonlar */
  .yo-bottomdock__btn {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 6px 10px;
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s ease;
  }

  .yo-bottomdock__btn:active {
    background: rgba(255, 255, 255, 0.1);
  }

  .yo-bottomdock__icon { line-height: 1; }
  .yo-bottomdock__label { line-height: 1; }
}

/* Toast */
.yo-bottomdock-toast {
  display: none;
  position: fixed;
  right: 70px;
  bottom: max(28px, env(safe-area-inset-bottom, 28px));
  z-index: 10000;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(10, 46, 46, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.94);
  font-size: 12px;
  line-height: 1.2;
  pointer-events: none;
  opacity: 0;
}
.yo-bottomdock-toast { display: block; }
.yo-bottomdock-toast.is-in  { opacity: 1; transition: opacity .18s ease; }
.yo-bottomdock-toast.is-out { opacity: 0; transition: opacity .22s ease; }

/* ═══════════════════════════════════════════════════
   ANA SAYFA — Genişletilmiş Bölümler (May 2026)
   ═══════════════════════════════════════════════════ */

/* Section head ortalama */
.yo-section-center { text-align: center; max-width: 680px; margin-left: auto; margin-right: auto; }
.yo-section-center .yo-hp-section__sub { max-width: 560px; margin-left: auto; margin-right: auto; }

/* ── Harita 2 sütun ── */
.yo-hp-footprint__inner { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; align-items: start; }
.yo-hp-footprint__map { display: flex; flex-direction: column; gap: 20px; }
.yo-hp-map__img { width: 100%; border-radius: 16px; display: block; }
.yo-hp-footprint__side { background: rgba(26,82,82,.04); border-radius: 16px; padding: 28px 24px; border: 1px solid rgba(26,82,82,.10); }
.yo-hp-footprint__side .yo-section-eyebrow { color: #C4622D; margin-bottom: 20px; display: block; }
.yo-hp-journey-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.yo-hp-journey-item { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid rgba(26,82,82,.10); text-decoration: none; color: inherit; transition: color .2s; }
.yo-hp-journey-item:hover { color: #C4622D; }
.yo-hp-journey-num { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 800; color: #C4622D; line-height: 1; min-width: 80px; text-align: right; white-space: nowrap; flex-shrink: 0; }
.yo-hp-journey-label { font-size: .95rem; line-height: 1.4; }
.yo-hp-journey-label strong { display: block; font-size: 1rem; }
.yo-hp-journey-item--cta { border-bottom: none; margin-top: 8px; }
.yo-hp-journey-item--cta .yo-hp-journey-label { color: #C4622D; font-weight: 600; font-size: 1rem; }
@media (max-width: 768px) {
  .yo-hp-footprint__inner { grid-template-columns: 1fr; gap: 24px; }
  .yo-hp-journey-num { font-size: 1.8rem; min-width: 52px; }
}

/* ── Travel Index — Ana Sayfa ── */
.yo-hp-travel-index { background: #f8f7f4; }

/* ── Yazar & EEAT Pillar kartları ── */
.yo-hp-author-pillars { background: var(--yo-interaction-selected-bg); color: var(--yo-interaction-selected-text); }
.yo-hp-author-pillars .yo-hp-section__title,
.yo-hp-author-pillars .yo-hp-section__sub { color: #fff; }
.yo-hp-author-pillars .yo-section-eyebrow { color: #C4622D; }
.yo-hp-author-pillars__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; }
.yo-hp-author-card { display: flex; flex-direction: column; gap: 8px; background: rgba(255,255,255,.07); border-radius: 16px; padding: 24px; text-decoration: none; color: #fff; border: 1px solid rgba(255,255,255,.1); transition: background .2s, transform .2s; }
.yo-hp-author-card:hover { background: rgba(196,98,45,.15); transform: translateY(-3px); }
.yo-hp-author-card__kicker { font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: #C4622D; }
.yo-hp-author-card__title { font-size: 1.15rem; font-weight: 700; line-height: 1.3; }
.yo-hp-author-card__text { font-size: .88rem; line-height: 1.55; color: rgba(255,255,255,.75); }
@media (max-width: 1024px) { .yo-hp-author-pillars__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .yo-hp-author-pillars__grid { grid-template-columns: 1fr; } }

/* ── İletişim bölümü ── */
.yo-hp-contact { background: #f8f7f4; }
.yo-hp-contact__inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.yo-hp-contact__copy { flex: 1; min-width: 260px; }
.yo-hp-contact__actions { display: flex; gap: 16px; flex-wrap: wrap; }
.yo-btn { display: inline-block; padding: 14px 28px; border-radius: 10px; font-weight: 600; font-size: 1rem; text-decoration: none; transition: background .2s, color .2s; }
.yo-btn--primary { background: #C4622D; color: #fff; }
.yo-btn--primary:hover { background: #a84e22; }
.yo-btn--secondary { background: transparent; color: #1A5252; border: 2px solid #1A5252; }
.yo-btn--secondary:hover { background: var(--yo-interaction-selected-bg); color: var(--yo-interaction-selected-text); }
@media (max-width: 600px) { .yo-hp-contact__inner { flex-direction: column; align-items: flex-start; } }


/* Footer 3 sütun — orta ve sağ */
.yo2-footer__col {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100%;
}
.yo2-footer__col-title {
    margin: 0 0 16px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(255,255,255,.45);
}
.yo2-footer__col-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}
.yo2-footer__col-nav a {
    color: rgba(255,255,255,.78);
    text-decoration: none;
    font-size: 13.5px;
    line-height: 1.3;
    transition: color .15s;
}
.yo2-footer__col-nav a:hover {
    color: #fff;
}
.yo2-footer__col--kaynaklar .yo2-footer__socials {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
}
.yo2-footer__col--kaynaklar .yo2-footer__socials a {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.85);
    text-decoration: none;
    transition: background .2s, color .2s;
    border: none;
    font-size: 0;
}
.yo2-footer__col--kaynaklar .yo2-footer__socials a:hover {
    background: #C4622D;
    color: #fff;
}
.yo2-footer__col--kaynaklar .yo2-footer__socials a svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.yo2-footer__col--kaynaklar .yo2-footer__socials a[aria-label="YouTube"] svg path:last-child {
    fill: currentColor;
    stroke: none;
}
@media (max-width: 767px) {
    .ct-footer [data-row="top"] .ct-container {
        grid-template-columns: 1fr;
    }
}

/* Footer widget-area-2 içi: ROTALAR + KAYNAKLAR yan yana */
.yo2-footer__two-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 28px;
    height: 100%;
}
@media (max-width: 520px) {
    .yo2-footer__two-cols {
        grid-template-columns: 1fr 1fr;
        gap: 0 16px;
    }
    .ct-footer [data-row="top"] .ct-container {
        grid-template-columns: 1fr;
    }
}

/* Footer KAYNAKLAR — Work With Me CTA */
.yo2-footer__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    padding: 9px 16px;
    border-radius: 999px;
    background: #C4622D;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    text-decoration: none;
    transition: background .18s, transform .18s;
    white-space: nowrap;
    width: fit-content;
}
.yo2-footer__cta:hover {
    background: #a84e23;
    transform: translateY(-1px);
}

/* Footer sosyal ikonlar — sadece ikon, metin gizli */
.yo2-footer__col--kaynaklar .yo2-footer__socials a {
    font-size: 0;
}
.yo2-footer__col--kaynaklar .yo2-footer__socials a svg {
    flex-shrink: 0;
}
.ct-header .site-branding .site-title span.site-title {
    color: #fff;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.01em;
}
.ct-header .site-branding .site-title a,
.ct-header .site-branding .site-title a:visited {
    color: #fff;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.01em;
    text-decoration: none;
}
.ct-header .site-branding {
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.ct-header .site-branding .site-title {
    display: inline;
}
/* Header logo — global */
.ct-header .site-branding img.ct-logo-img,
.ct-header .site-branding img[src*="logo-ring"] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: block;
    margin-top: 0;
}

/* Header logo + metin hizalama */
.ct-header .site-branding {
    align-items: center;
    max-height: 38px;
    overflow: visible;
}
.ct-header .site-logo-container {
    height: 36px;
    max-height: 36px;
    line-height: 0;
    display: flex;
    align-items: center;
}
.ct-header .site-branding .site-title {
    display: flex;
    align-items: center;
    line-height: 1;
}
.ct-header .site-branding .site-title a,
.ct-header .site-branding .site-title a:visited {
    color: #fff;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.01em;
    text-decoration: none;
}

/* Mobil logo boyutu — 36px global'i eze */
@media (max-width: 767px) {
    .ct-header .site-branding img.ct-logo-img,
    .ct-header .site-branding img[src*="logo-ring"] {
        width: 30px;
        height: 30px;
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .ct-header .site-branding .site-logo-container {
        height: 30px;
        min-height: 0;
        padding: 0;
        display: flex;
        align-items: center;
    }
}
@media (max-width: 767px) {
    #header [data-row="middle"] .ct-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-left: 16px;
        padding-right: 25px;
        gap: 0;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
    #header [data-row="middle"] .ct-container > * {
        padding: 0;
        margin: 0;
    }
}


.yo-search__input,
.yo-search__input:focus,
.yo-search__input:active {
    border: none;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

#yo-search-overlay .yo-search__input,
#yo-search-overlay .yo-search__input:focus,
#yo-search-overlay .yo-search__input::placeholder {
    color: rgba(255,255,255,.92);
}
#yo-search-overlay .yo-search__input::placeholder {
    color: rgba(255,255,255,.55);
    font-weight: 300;
}

#yo-search-overlay .yo-search__input {
    -webkit-text-fill-color: rgba(255,255,255,.92);
    color: rgba(255,255,255,.92);
}

/* ── Dock toggle pin giriş animasyonu ── */
@keyframes yo-pin-intro {
    0%   { background: rgba(10,46,46,.42); transform: rotate(0deg);   }
    12%  { background: #C4622D;            transform: rotate(-18deg); }
    26%  { background: rgba(10,46,46,.42); transform: rotate(14deg);  }
    40%  { background: #C4622D;            transform: rotate(-10deg); }
    54%  { background: rgba(10,46,46,.42); transform: rotate(7deg);   }
    68%  { background: #C4622D;            transform: rotate(-4deg);  }
    82%  { background: rgba(10,46,46,.42); transform: rotate(2deg);   }
    100% { background: rgba(10,46,46,.42); transform: rotate(0deg);   }
}

.yo-bottomdock__toggle.do-intro {
    transition: none;
    animation: yo-pin-intro 2.6s cubic-bezier(.36,.07,.19,.97) forwards;
}