.ontur-site {
      --bg:      #FFFFFF;
      --surface: #F7F7F7;
      --fg:      #1F1F1F;
      --muted:   #5A5A5A;
      --border:  #E8E8E8;
      --accent:  #C8B48A;
      --accent-ink: #806C47; /* logo gold darkened for small text: 5.1:1 on #FFF, 4.7:1 on #F7F7F7 */
      --anthracite-soft: #2C2C2C;
      --danger: #8B2525; /* form errors: 8.6:1 on #FFF */

      --accent-soft: color-mix(in oklch, var(--accent) 18%, transparent);
      --fg-soft:     color-mix(in oklch, var(--fg) 5%, transparent);

      --font-display: 'EB Garamond', 'Iowan Old Style', Georgia, serif;
      --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
      --font-mono:    'DM Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

      --fs-h1: clamp(40px, 5.5vw, 72px);
      --fs-h2: clamp(28px, 3.5vw, 40px);
      --fs-h3: 22px;
      --fs-lead: 18px;
      --fs-body: 17px;
      --fs-meta: 13px;

      --gap-xs: 8px;
      --gap-sm: 12px;
      --gap-md: 20px;
      --gap-lg: 32px;
      --gap-xl: 56px;
      --gap-2xl: 96px;
      --container: 1180px;
      --gutter: 28px;
      --rail-pad: 28px;

      --radius: 2px;
      --radius-lg: 4px;

      --icon-stroke: 1.25px; /* one hairline for every icon, at any size */
    }

    @media (max-width: 720px) {
      .ontur-site {
        --gutter: 20px;
        --rail-pad: 20px;
        --fs-h3: 20px;
        --fs-body: 16px;
        --fs-lead: 17px;
        --gap-lg: 24px;
      }
    }

    .ontur-site *, .ontur-site *::before, .ontur-site *::after { box-sizing: border-box; }
    html.ontur-document { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
    body.ontur-page {
      margin: 0;
      background: var(--bg);
      color: var(--fg);
      font-family: var(--font-body);
      font-size: var(--fs-body);
      line-height: 1.6;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .ontur-site img, .ontur-site svg { display: block; max-width: 100%; }
    /* Icons (Lucide + Ontur set): the same 1.25px line at every rendered size. */
    .ontur-site svg.lucide { stroke-width: var(--icon-stroke); flex-shrink: 0; }
    .ontur-site svg.lucide * { vector-effect: non-scaling-stroke; }
    .ontur-site a { color: inherit; text-decoration: none; }
    .ontur-site button { font: inherit; cursor: pointer; border: 0; background: none; }
    .ontur-site p { text-wrap: pretty; margin: 0; }
    .ontur-site h1, .ontur-site h2, .ontur-site h3, .ontur-site h4 { text-wrap: balance; margin: 0; font-weight: 500; }

    .ontur-site .container {
      max-width: var(--container);
      margin-inline: auto;
      padding-inline: var(--gutter);
    }
    .ontur-site .section {
      padding-block: clamp(56px, 9vw, var(--gap-2xl));
    }
    .ontur-site .section + .section { border-top: 1px solid var(--border); }
    .ontur-site .section-alt { background: var(--surface); }
    .ontur-site .stack { display: flex; flex-direction: column; }
    .ontur-site .stack > * + * { margin-top: var(--gap-md); }
    .ontur-site .row { display: flex; align-items: center; gap: var(--gap-md); }
    .ontur-site .row-between { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-md); }
    .ontur-site .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-lg); }
    .ontur-site .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-lg); }
    .ontur-site .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-md); }
    .ontur-site .grid-2-1 { display: grid; grid-template-columns: 2fr 1fr; gap: var(--gap-xl); align-items: start; }
    .ontur-site .grid-1-2 { display: grid; grid-template-columns: 1fr 2fr; gap: var(--gap-xl); align-items: start; }
    .ontur-site .grid-2 > *, .ontur-site .grid-3 > *, .ontur-site .grid-4 > *, .ontur-site .grid-cards > *, .ontur-site .card-rail > * { min-width: 0; }

    /* Kompakt 2 sütun: ikon/stat kartları — mobilde de 2 kolon kalabilir */
    .ontur-site .grid-compact {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
    }

    /* Metrik şeridi: dar ekranda da 3 kolon, tipografi küçülür */
    .ontur-site .grid-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px 12px;
    }

    /* Zengin kartlar (oda, deneyim): masaüstü grid, mobil yatay snap ray */
    .ontur-site .card-rail {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--gap-lg);
    }
    .ontur-site .card-rail.card-rail--2 {
      grid-template-columns: repeat(2, 1fr);
    }
    @media (min-width: 981px) {
      .ontur-site .card-rail.card-rail--2 {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    /* Alıntılar: masaüstü 3 eşit kart, tablet 1–2, mobil stack */
    .ontur-site .grid-quotes {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(16px, 2vw, 24px);
      align-items: stretch;
    }
    .ontur-site .grid-quotes > figure {
      margin: 0;
      display: flex;
      flex-direction: column;
      height: 100%;
      min-width: 0;
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      padding: clamp(24px, 3vw, 32px);
    }
    @media (max-width: 980px) {
      /* Zengin içerik kartları → yatay scroll-snap (Airbnb/otel modern pattern) */
      .ontur-site .card-rail {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: var(--rail-pad);
        padding-inline: var(--rail-pad);
        padding-bottom: 6px;
        margin-inline: calc(var(--rail-pad) * -1);
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
      }
      .ontur-site .card-rail::-webkit-scrollbar { display: none; }
      .ontur-site .card-rail > * {
        flex: 0 0 min(82vw, 300px);
        width: min(82vw, 300px);
        max-width: 300px;
        scroll-snap-align: start;
      }
      /* Son karta nefes payı */
      .ontur-site .card-rail::after {
        content: '';
        flex: 0 0 calc(var(--rail-pad) - 14px);
      }

      .ontur-site .grid-quotes {
        grid-template-columns: 1fr;
        gap: var(--gap-lg);
      }

      .ontur-site .grid-2-1, .ontur-site .grid-1-2 { grid-template-columns: 1fr; }
      .ontur-site .card.grid-2 { grid-template-columns: 1fr; }
    }

    @media (max-width: 720px) {
      /* Metin + liste / split içerik: tek sütun (taşma yok, okunabilir) */
      .ontur-site .grid-2 { grid-template-columns: 1fr; gap: var(--gap-lg); }
      /* Kompakt kartlar 2 kolon kalır */
      .ontur-site .grid-2.grid-compact,
      .ontur-site .grid-compact { grid-template-columns: repeat(2, 1fr); gap: 10px; }
      /* Genel 3/4 grid (rail olmayan): tek sütun veya akışkan */
      .ontur-site .grid-3:not(.card-rail):not(.grid-stats) {
        grid-template-columns: 1fr;
        gap: var(--gap-lg);
      }
      .ontur-site .grid-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
      }
      .ontur-site .grid-stats { gap: 12px 8px; }
      .ontur-site .grid-stats .stat-num { font-size: clamp(28px, 8vw, 40px); }
      .ontur-site .grid-stats .stat-label { font-size: 12px; max-width: none; }
      .ontur-site .card-body { padding: 18px; }
      .ontur-site .feature p { font-size: 14px; }
      .ontur-site .lead { max-width: none; }
      .ontur-site .media-hero h1 { max-width: 14ch; }
      .ontur-site .media-hero .hero-cta .btn { flex: 1 1 auto; justify-content: center; min-height: 48px; }
      /* Metrik + ikon satırları dar ekranda tek sütun (taşma yok) */
      .ontur-site .access-features {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
      }
      .ontur-site .access-features .feature {
        display: grid;
        grid-template-columns: 40px 1fr;
        gap: 4px 14px;
        align-items: start;
      }
      .ontur-site .access-features .feature-mark { margin-bottom: 0; grid-row: 1 / span 2; }
      .ontur-site .access-features .feature h3 { margin: 0; }
    }

    @media (min-width: 721px) and (max-width: 980px) {
      /* Tablet: 2 kolon dengeli ızgara (rail dışındakiler) */
      .ontur-site .grid-2 { grid-template-columns: repeat(2, 1fr); }
      .ontur-site .grid-3:not(.card-rail):not(.grid-stats) {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--gap-md);
      }
      .ontur-site .grid-4 { grid-template-columns: repeat(2, 1fr); }
      .ontur-site .grid-quotes { grid-template-columns: repeat(2, 1fr); gap: var(--gap-lg); }
    }

    /* Display type (EB Garamond): 450 for large headings, 500 (base rule) for h3 and other uses at 24px or less.
       Lining figures so "660 m²", "3’e", "10–600" sit on the line; no negative tracking anywhere. */
    .ontur-site h1, .ontur-site .h1 {
      font-family: var(--font-display);
      font-size: var(--fs-h1);
      font-weight: 450;
      line-height: 1.08;
      letter-spacing: 0.005em;
      font-variant-numeric: lining-nums;
    }
    .ontur-site h2, .ontur-site .h2 {
      font-family: var(--font-display);
      font-size: var(--fs-h2);
      font-weight: 450;
      line-height: 1.15;
      letter-spacing: 0;
      font-variant-numeric: lining-nums;
    }
    .ontur-site h3, .ontur-site .h3 {
      font-family: var(--font-display);
      font-size: var(--fs-h3);
      line-height: 1.3;
      letter-spacing: 0;
      font-variant-numeric: lining-nums;
    }
    .ontur-site .lead {
      font-size: var(--fs-lead);
      line-height: 1.6;
      color: var(--muted);
      max-width: 52ch;
    }
    .ontur-site .eyebrow {
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--accent-ink);
      margin: 0 0 var(--gap-md);
    }
    /* Labels inside a card, right above its heading: a quiet sentence-case kicker.
       Section-level eyebrows (brand rule) stay as above. */
    .ontur-site .card-body > .eyebrow,
    .ontur-site .band-body > .eyebrow,
    .ontur-site .report-side > .eyebrow,
    .ontur-site .form-card > .eyebrow {
      font-family: var(--font-body);
      font-size: 13px;
      letter-spacing: 0.01em;
      text-transform: none;
      color: var(--muted);
      margin-bottom: 6px;
    }
    .ontur-site .meta {
      font-family: var(--font-mono);
      font-size: var(--fs-meta);
      color: var(--muted);
      letter-spacing: 0.04em;
    }
    .ontur-site .num {
      font-family: var(--font-mono);
      font-variant-numeric: tabular-nums;
    }

    /* Nav */
    .ontur-site .topnav {
      position: sticky;
      top: 0;
      z-index: 40;
      background: color-mix(in oklch, var(--bg) 90%, transparent);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--border);
    }
    .ontur-site .topnav-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--gap-md);
      padding-block: 12px;
      min-height: 76px;
    }
    .ontur-site .logo {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 600;
      letter-spacing: 0.02em;
      white-space: nowrap;
      flex-shrink: 0;
    }
    .ontur-site .logo-mark {
      width: 22px;
      height: 22px;
      color: var(--accent);
      flex-shrink: 0;
    }
    .ontur-site .logo-img {
      height: 48px;
      width: auto;
      max-width: min(220px, 42vw);
      display: block;
      object-fit: contain;
      object-position: left center;
    }
    .ontur-site .logo-img--light { display: none; }
    .ontur-site .nav-drawer-head .logo-img { height: 44px; max-width: 200px; }
    .ontur-site .pagefoot .logo-img { height: 52px; max-width: 240px; }
    .ontur-site .logo span { font-size: 13px; font-family: var(--font-body); font-weight: 400; color: var(--muted); letter-spacing: 0.08em; text-transform: uppercase; margin-left: 2px; }
    .ontur-site .nav-desktop {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
      gap: clamp(10px, 1.2vw, 18px);
      /* 8 bağlantı 981–1240 px arasında da tek satırda kalsın (yaklaşık 610 px gerekir). */
      max-width: min(760px, 70vw);
    }
    .ontur-site .nav-desktop a {
      font-size: 13px;
      font-weight: 500;
      color: var(--muted);
      transition: color 0.15s ease;
      white-space: nowrap;
    }
    .ontur-site .nav-desktop a:hover,
    .ontur-site .nav-desktop a.is-active { color: var(--fg); }
    .ontur-site .nav-right {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .ontur-site .lang-switch {
      display: inline-flex;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      overflow: hidden;
    }
    .ontur-site .lang-switch a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 8px 10px;
      font-size: 12px;
      font-weight: 500;
      color: var(--muted);
      min-width: 36px;
      min-height: 40px;
    }
    .ontur-site .lang-switch a.is-active {
      background: var(--fg);
      color: var(--bg);
    }
    .ontur-site .lang-switch a:hover:not(.is-active) { color: var(--fg); }
    .ontur-site .menu-toggle {
      display: none;
      width: 44px;
      height: 44px;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      color: var(--fg);
      position: relative;
      z-index: 70;
      transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    }
    .ontur-site .menu-toggle:hover { border-color: var(--fg); }
    .ontur-site .menu-toggle.is-open {
      background: var(--fg);
      border-color: var(--fg);
      color: var(--bg);
    }
    .ontur-site .menu-toggle .icon-close { display: none; }
    .ontur-site .menu-toggle.is-open .icon-menu { display: none; }
    .ontur-site .menu-toggle.is-open .icon-close { display: block; }

    /* Side drawer mobile nav */
    .ontur-site .nav-backdrop {
      position: fixed;
      inset: 0;
      z-index: 55;
      background: color-mix(in oklch, var(--fg) 48%, transparent);
      backdrop-filter: blur(4px);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.35s ease, visibility 0.35s ease;
    }
    .ontur-site .nav-backdrop.is-open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }
    .ontur-site .nav-drawer {
      position: fixed;
      top: 0;
      right: 0;
      z-index: 60;
      width: min(360px, 88vw);
      height: 100dvh;
      height: 100%;
      background: var(--bg);
      border-left: 1px solid var(--border);
      box-shadow: -24px 0 64px color-mix(in oklch, var(--fg) 12%, transparent);
      display: flex;
      flex-direction: column;
      transform: translateX(105%);
      transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
      pointer-events: none;
      visibility: hidden;
    }
    .ontur-site .nav-drawer.is-open {
      transform: translateX(0);
      pointer-events: auto;
      visibility: visible;
    }
    .ontur-site .nav-drawer-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 18px 22px;
      border-bottom: 1px solid var(--border);
      min-height: 72px;
    }
    .ontur-site .nav-drawer-head .logo { font-size: 20px; }
    .ontur-site .nav-drawer-close {
      width: 44px;
      height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      color: var(--fg);
      flex-shrink: 0;
      transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    }
    .ontur-site .nav-drawer-close:hover {
      background: var(--fg);
      border-color: var(--fg);
      color: var(--bg);
    }
    .ontur-site .nav-drawer-body {
      flex: 1;
      overflow-y: auto;
      padding: 12px 10px 28px;
      -webkit-overflow-scrolling: touch;
    }
    .ontur-site .nav-drawer a.nav-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px 14px;
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 500;
      letter-spacing: 0.01em;
      color: var(--fg);
      border-radius: var(--radius);
      transition: background 0.15s ease, color 0.15s ease;
    }
    .ontur-site .nav-drawer a.nav-link:hover,
    .ontur-site .nav-drawer a.nav-link.is-active {
      background: var(--surface);
      color: var(--fg);
    }
    .ontur-site .nav-drawer a.nav-link .chev {
      width: 16px;
      height: 16px;
      color: var(--accent);
      opacity: 0.7;
    }
    .ontur-site .nav-drawer .nav-exp {
      display: block;
      padding: 10px 14px 10px 28px;
      font-size: 14px;
      font-weight: 500;
      color: var(--muted);
      border-radius: var(--radius);
      transition: color 0.15s ease, background 0.15s ease;
    }
    .ontur-site .nav-drawer .nav-exp:hover,
    .ontur-site .nav-drawer .nav-exp.is-active {
      color: var(--fg);
      background: var(--surface);
    }
    .ontur-site .nav-drawer-foot {
      padding: 18px 22px 28px;
      border-top: 1px solid var(--border);
      display: flex;
      flex-direction: column;
      gap: 12px;
      background: var(--surface);
    }
    .ontur-site .nav-drawer-foot .btn { width: 100%; }
    .ontur-site .nav-drawer-meta {
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--muted);
      text-align: center;
    }
    body.ontur-page.nav-open { overflow: hidden; }
    body.ontur-page.nav-open .sticky-book { opacity: 0; pointer-events: none; }

    /* Home: nav overlays the film — no white strip above the video */
    html.ontur-document.on-hero .ontur-site .topnav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background: transparent;
      border-bottom-color: transparent;
      backdrop-filter: none;
    }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .logo-img--dark { display: none; }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .logo-img--light { display: block; }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .nav-desktop a {
      color: color-mix(in oklch, var(--bg) 82%, transparent);
    }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .nav-desktop a:hover,
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .nav-desktop a.is-active {
      color: var(--bg);
    }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .lang-switch {
      border-color: color-mix(in oklch, var(--bg) 36%, transparent);
    }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .lang-switch a {
      color: color-mix(in oklch, var(--bg) 78%, transparent);
    }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .lang-switch a.is-active {
      background: var(--bg);
      color: var(--fg);
    }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .lang-switch a:hover:not(.is-active) {
      color: var(--bg);
    }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .nav-right .btn-primary {
      background: var(--bg);
      color: var(--fg);
      border-color: var(--bg);
    }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .nav-right .btn-primary:hover {
      background: color-mix(in oklch, var(--bg) 88%, var(--fg));
    }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .menu-toggle {
      border-color: color-mix(in oklch, var(--bg) 42%, transparent);
      color: var(--bg);
    }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .menu-toggle:hover {
      border-color: var(--bg);
      background: color-mix(in oklch, var(--bg) 12%, transparent);
    }
    html.ontur-document.on-hero.nav-solid .ontur-site .topnav {
      background: color-mix(in oklch, var(--bg) 92%, transparent);
      border-bottom-color: var(--border);
      backdrop-filter: blur(14px);
    }
    @media (max-width: 980px) {
      .ontur-site .nav-desktop { display: none; }
      .ontur-site .menu-toggle { display: inline-flex; }
      .ontur-site .nav-right .btn-primary { display: none; }
    }
    @media (min-width: 981px) {
      .ontur-site .nav-backdrop,
      .ontur-site .nav-drawer { display: none !important; }
    }

    /* Buttons — primary = anthracite per brief */
    .ontur-site .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 44px;
      padding: 12px 22px;
      border-radius: var(--radius);
      border: 1px solid transparent;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.02em;
      transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.05s ease;
    }
    .ontur-site .btn:active { transform: translateY(1px); }
    .ontur-site .btn:focus-visible {
      outline: 2px solid var(--fg);
      outline-offset: 2px;
    }
    .ontur-site .media-hero .btn:focus-visible,
    .ontur-site .cta-panel .btn:focus-visible,
    .ontur-site .sticky-book .btn:focus-visible { outline-color: var(--accent); }
    .ontur-site .btn svg { width: 16px; height: 16px; }
    .ontur-site .btn-primary {
      background: var(--fg);
      color: var(--bg);
      border-color: var(--fg);
    }
    .ontur-site .btn-primary:hover {
      background: var(--anthracite-soft);
      border-color: var(--anthracite-soft);
      color: var(--bg);
    }
    .ontur-site .btn-secondary {
      background: transparent;
      color: var(--fg);
      border-color: var(--fg);
    }
    .ontur-site .btn-secondary:hover {
      background: var(--fg);
      color: var(--bg);
    }
    .ontur-site .btn-ghost {
      background: transparent;
      color: var(--fg);
      border-color: transparent;
      padding-inline: 8px;
    }
    .ontur-site .btn-ghost:hover { color: var(--muted); }
    /* Text links: a hairline underline instead of a generic arrow. */
    .ontur-site .btn-arrow {
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 5px;
    }
    .ontur-site .btn-light {
      background: var(--bg);
      color: var(--fg);
      border-color: var(--bg);
    }
    .ontur-site .btn-light:hover {
      background: var(--surface);
      color: var(--fg);
    }
    .ontur-site .btn-outline-light {
      background: transparent;
      color: var(--bg);
      border-color: color-mix(in oklch, var(--bg) 55%, transparent);
    }
    .ontur-site .btn-outline-light:hover {
      border-color: var(--bg);
      color: var(--bg);
    }

    .ontur-site .card {
      background: var(--bg);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      overflow: hidden;
    }
    .ontur-site .card-body { padding: 24px; }
    .ontur-site .card-flat { background: transparent; border: 0; }
    .ontur-site .card-media {
      aspect-ratio: 4 / 3;
      overflow: hidden;
      background: var(--surface);
    }
    .ontur-site .card-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .ontur-site .card:hover .card-media img { transform: scale(1.03); }

    /* Icon medallion: hairline double ring (embossed-seal feel), same 40px slot as before. */
    .ontur-site .feature-mark {
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      border: 1px solid color-mix(in oklch, var(--fg) 16%, transparent);
      border-radius: 50%;
      box-shadow: inset 0 0 0 3px var(--bg), inset 0 0 0 4px color-mix(in oklch, var(--fg) 12%, transparent);
      background: var(--bg);
      color: var(--fg);
      margin-bottom: var(--gap-md);
    }
    .ontur-site .feature-mark svg { width: 22px; height: 22px; }
    .ontur-site .feature h3 { margin-bottom: 8px; }
    .ontur-site .feature p { color: var(--muted); font-size: 15px; }

    .ontur-site .stat .stat-num {
      font-family: var(--font-display);
      font-size: clamp(40px, 5vw, 56px);
      line-height: 1;
      letter-spacing: 0;
      color: var(--fg);
      font-weight: 500;
      font-variant-numeric: lining-nums tabular-nums;
      white-space: nowrap;
    }
    .ontur-site .stat .stat-label {
      color: var(--muted);
      font-size: 14px;
      margin-top: 10px;
      max-width: 22ch;
    }
    .ontur-site .stat .stat-unit {
      font-size: 0.45em;
      opacity: 0.65;
      margin-left: 2px;
      font-family: var(--font-body);
    }

    .ontur-site .quote {
      font-family: var(--font-display);
      font-size: clamp(20px, 1.8vw, 24px);
      line-height: 1.45;
      letter-spacing: 0.01em;
      font-variant-numeric: lining-nums;
      max-width: none;
      margin: 0;
      flex: 1;
      color: var(--fg);
    }
    .ontur-site .quote-author {
      display: flex;
      flex-direction: column;
      gap: 2px;
      margin-top: auto;
      padding-top: 22px;
      border-top: 1px solid var(--border);
      color: var(--muted);
      font-size: 13px;
      font-style: normal;
    }
    .ontur-site .quote-author .quote-name {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 500;
      color: var(--fg);
      letter-spacing: 0.01em;
    }
    .ontur-site .quote-author .quote-meta {
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .ontur-site .quote-mark {
      font-family: var(--font-display);
      font-size: 56px;
      line-height: 0.85;
      color: var(--accent);
      opacity: 0.55;
      margin: 0 0 8px;
      user-select: none;
    }

    .ontur-site .pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 5px 11px;
      background: var(--accent-soft);
      color: color-mix(in oklch, var(--fg) 70%, var(--accent));
      border-radius: 999px;
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .ontur-site .tag {
      display: inline-flex;
      align-items: center;
      padding: 6px 12px;
      color: var(--muted);
      border: 1px solid var(--border);
      border-radius: 999px;
      font-size: 12px;
      background: var(--bg);
      cursor: pointer;
      min-height: 36px;
      transition: border-color 0.15s, color 0.15s, background 0.15s;
    }
    .ontur-site .tag:hover, .ontur-site .tag.is-active {
      border-color: var(--fg);
      color: var(--fg);
    }
    .ontur-site .tag.is-active {
      background: var(--fg);
      color: var(--bg);
    }

    .ontur-site .field { display: flex; flex-direction: column; gap: 6px; }
    .ontur-site .field label { font-size: 13px; color: var(--muted); }
    .ontur-site .input, .ontur-site .textarea, .ontur-site .select {
      width: 100%;
      padding: 12px 14px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--bg);
      color: var(--fg);
      font: inherit;
      font-size: 15px;
      min-height: 44px;
    }
    .ontur-site .input:focus, .ontur-site .textarea:focus, .ontur-site .select:focus {
      outline: 2px solid var(--fg);
      outline-offset: 1px;
      border-color: var(--accent);
    }
    .ontur-site .textarea { min-height: 110px; resize: vertical; line-height: 1.55; }

    .ontur-site .ds-table { width: 100%; border-collapse: collapse; font-size: 15px; }
    .ontur-site .ds-table th, .ontur-site .ds-table td {
      padding: 14px 12px;
      text-align: left;
      border-bottom: 1px solid var(--border);
    }
    .ontur-site .ds-table th {
      color: var(--muted);
      font-weight: 500;
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .ontur-site .ds-table tbody tr:hover { background: var(--fg-soft); }
    .ontur-site .ds-table .num-col {
      font-family: var(--font-mono);
      font-variant-numeric: tabular-nums;
      text-align: right;
    }

    .ontur-site .media {
      overflow: hidden;
      border-radius: var(--radius-lg);
      background: var(--surface);
    }
    .ontur-site .media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .ontur-site .media-wide { aspect-ratio: 16 / 9; }
    .ontur-site .media-4x3 { aspect-ratio: 4 / 3; }
    .ontur-site .media-hero {
      position: relative;
      min-height: min(100svh, 920px);
      background: var(--fg);
      color: var(--bg);
      overflow: hidden;
    }
    .ontur-site .hero-video {
      position: absolute;
      inset: 0;
      overflow: hidden;
      pointer-events: none;
      background: var(--fg);
    }
    .ontur-site .hero-video-poster {
      position: absolute;
      inset: -4%;
      width: 108%;
      height: 108%;
      max-width: none;
      object-fit: cover;
      opacity: 0.78;
      z-index: 0;
      transition: opacity 0.8s ease;
      will-change: transform;
      animation: hero-kenburns 22s ease-in-out infinite alternate;
    }
    @keyframes hero-kenburns {
      0%   { transform: scale(1) translate(0, 0); }
      100% { transform: scale(1.12) translate(-2.5%, -1.5%); }
    }
    @media (prefers-reduced-motion: reduce) {
      .ontur-site .hero-video-poster { animation: none; inset: 0; width: 100%; height: 100%; }
    }
    @media (max-width: 720px) {
      .ontur-site .hero-copy .eyebrow,
      .ontur-site .hero-copy h1,
      .ontur-site .hero-copy .lead,
      .ontur-site .hero-dock,
      .ontur-site .hero-book { animation-duration: 280ms; }
      .ontur-site .view.is-entering { animation-duration: 260ms; }
    }
    .ontur-site .hero-video.is-playing .hero-video-poster {
      opacity: 0;
      animation: none;
    }
    /* Yerel HTML5 ambient (assets/hero-*.mp4) */
    .ontur-site .hero-video-el {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border: 0;
      pointer-events: none;
      z-index: 1;
      opacity: 0;
      transition: opacity 0.7s ease;
      background: var(--fg);
    }
    .ontur-site .hero-video.is-playing .hero-video-el {
      opacity: 0.92;
    }
    /* Kart rayı: sağ kenar fade = kaydırılabilir ipucu */
    @media (max-width: 980px) {
      .ontur-site .card-rail-wrap {
        position: relative;
      }
      .ontur-site .card-rail-wrap::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 12px;
        width: 36px;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, var(--bg));
        z-index: 2;
      }
      .ontur-site .section-alt .card-rail-wrap::after {
        background: linear-gradient(90deg, transparent, var(--surface));
      }
      .ontur-site .card-rail-hint {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 14px;
        font-family: var(--font-mono);
        font-size: 10px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--muted);
      }
      .ontur-site .card-rail-hint svg { width: 14px; height: 14px; }
    }
    @media (min-width: 981px) {
      .ontur-site .card-rail-hint { display: none; }
    }
    .ontur-site .media-hero::after {
      content: '';
      position: absolute;
      inset: 0;
      z-index: 2;
      background:
        linear-gradient(180deg,
          color-mix(in oklch, var(--fg) 52%, transparent) 0%,
          color-mix(in oklch, var(--fg) 10%, transparent) 28%,
          color-mix(in oklch, var(--fg) 12%, transparent) 58%,
          color-mix(in oklch, var(--fg) 56%, transparent) 100%);
      pointer-events: none;
    }
    .ontur-site .media-hero-inner {
      position: relative;
      z-index: 3;
      min-height: inherit;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding-block: clamp(36px, 7vw, 72px);
    }
    .ontur-site .media-hero h1 { color: var(--bg); max-width: 16ch; }
    .ontur-site .media-hero .lead { color: color-mix(in oklch, var(--bg) 78%, transparent); }
    .ontur-site .media-hero .eyebrow { color: var(--accent); }
    .ontur-site .media-hero-inner .container {
      display: flex;
      flex-direction: column;
      gap: clamp(28px, 5vw, 48px);
      width: 100%;
    }
    .ontur-site .hero-copy {
      max-width: 38rem;
    }
    .ontur-site .hero-copy .eyebrow,
    .ontur-site .hero-copy h1,
    .ontur-site .hero-copy .lead,
    .ontur-site .hero-dock,
    .ontur-site .hero-book {
      animation: hero-rise 380ms cubic-bezier(0.22, 1, 0.36, 1) both;
    }
    .ontur-site .hero-copy h1 { animation-delay: 70ms; }
    .ontur-site .hero-copy .lead { animation-delay: 120ms; }
    .ontur-site .hero-dock { animation-delay: 160ms; }
    @keyframes hero-rise {
      from { opacity: 0; transform: translateY(14px); }
      to   { opacity: 1; transform: none; }
    }
    .ontur-site .hero-copy .lead {
      margin: 16px 0 0;
      max-width: 42ch;
    }

    /* In-hero booking: chips + magnet button — form lives in the sheet */
    .ontur-site .hero-dock {
      display: flex;
      align-items: stretch;
      gap: 8px;
      width: 100%;
      max-width: 760px;
    }
    .ontur-site .hero-chips {
      display: flex;
      flex: 1 1 auto;
      gap: 8px;
      min-width: 0;
    }
    .ontur-site .hero-chip {
      flex: 1 1 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      gap: 3px;
      min-width: 0;
      min-height: 58px;
      padding: 10px 16px;
      background: color-mix(in oklch, var(--fg) 38%, transparent);
      border: 1px solid color-mix(in oklch, var(--bg) 28%, transparent);
      border-radius: var(--radius);
      color: var(--bg);
      text-align: left;
      backdrop-filter: blur(14px);
      transition: border-color 0.15s ease, background 0.15s ease;
    }
    .ontur-site .hero-chip:hover,
    .ontur-site .hero-chip:focus-visible {
      border-color: color-mix(in oklch, var(--bg) 70%, transparent);
      background: color-mix(in oklch, var(--fg) 50%, transparent);
    }
    .ontur-site .hero-chip:focus-visible {
      outline: 2px solid var(--accent);
      outline-offset: 2px;
    }
    .ontur-site .hero-chip small {
      font-family: var(--font-mono);
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--accent);
    }
    .ontur-site .hero-chip strong {
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 0.01em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
    }
    .ontur-site .hero-dock .btn-light {
      flex: 0 0 auto;
      min-height: 58px;
      padding-inline: 28px;
      font-size: 15px;
      letter-spacing: 0.04em;
      box-shadow: 0 16px 40px color-mix(in oklch, var(--fg) 28%, transparent);
    }

    .ontur-site .hero-book-field {
      display: flex;
      flex-direction: column;
      gap: 6px;
      min-width: 0;
    }
    .ontur-site .hero-book-field label {
      font-family: var(--font-mono);
      font-size: 10px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .ontur-site .date-hint {
      font-weight: 400;
      font-size: 0.85em;
      color: var(--muted);
      letter-spacing: 0;
      text-transform: none;
    }
    .ontur-site .input.date-tr {
      font-variant-numeric: tabular-nums;
      letter-spacing: 0.04em;
    }
    .ontur-site .input.date-tr::placeholder {
      color: color-mix(in oklch, var(--muted) 75%, transparent);
      letter-spacing: 0.02em;
    }
    .ontur-site .hero-book {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      align-items: end;
    }
    .ontur-site .hero-book .input,
    .ontur-site .hero-book .select {
      width: 100%;
      min-height: 48px;
      background: var(--bg);
      border-color: var(--border);
      color: var(--fg);
      font-size: 15px;
    }
    .ontur-site .hero-book .btn {
      grid-column: 1 / -1;
      width: 100%;
      min-height: 50px;
    }
    .ontur-site .hero-book-note {
      grid-column: 1 / -1;
      margin: 0;
      font-size: 12px;
      color: var(--muted);
      line-height: 1.45;
    }

    /* Oda ve misafir seçimi — HotelRunner oda başına kapasiteyi izler */
    .ontur-site .booking-rooms {
      grid-column: 1 / -1;
      display: grid;
      gap: 12px;
      min-width: 0;
    }
    .ontur-site .booking-room {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px 14px;
      min-width: 0;
      margin: 0;
      padding: 12px 14px 14px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
    }
    .ontur-site .booking-room-title {
      padding: 0 6px;
      font-family: var(--font-mono);
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--fg);
    }
    .ontur-site .booking-ages {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px 14px;
    }
    .ontur-site .booking-ages[hidden],
    .ontur-site .booking-room-remove[hidden] { display: none; }
    .ontur-site .booking-ages-title {
      grid-column: 1 / -1;
      margin: 0;
      font-size: 12px;
      line-height: 1.45;
      color: var(--muted);
    }
    .ontur-site .booking-room-remove {
      grid-column: 1 / -1;
      justify-self: start;
      min-height: 32px;
      font-size: 13px;
      color: var(--muted);
      text-decoration: underline;
      text-underline-offset: 3px;
    }
    .ontur-site .booking-room-remove:hover { color: var(--fg); }
    .ontur-site .hero-book .booking-add { min-height: 44px; }
    .ontur-site .hero-book .booking-add[hidden] { display: none; }
    /* Rezervasyon panosu — sayfa formu (#booking-form) ve rezervasyon penceresi (#hero-booking) aynı düzeni kullanır.
       Dar ekranda sarmalayıcılar görünmez (display: contents): form iki sütunlu, takvim alanların altında.
       ≥1024px: solda tarih alanları ve sürekli açık iki aylık takvim (--stay-cal-embed: 1 → assets/ontur-datepicker.js),
       sağda oda ve misafirler, Oda ekle, Müsaitlik ve not. */
    .ontur-site .booking-dates,
    .ontur-site .booking-side { display: contents; }
    .ontur-site .booking-help {
      grid-column: 1 / -1;
      padding-top: 14px;
      border-top: 1px solid var(--border);
      font-size: 14px;
      line-height: 1.6;
    }
    .ontur-site .booking-help p { margin: 0; }
    .ontur-site .booking-help .booking-help-title {
      margin: 0 0 4px;
      font-family: var(--font-mono);
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--accent-ink);
    }
    .ontur-site .booking-help a {
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
    }
    /* Sayfadaki form, açılır takvim altbilginin (sonraki Elementor şablonu) üstünde kalsın. */
    .ontur-site .section .hero-book { position: relative; z-index: 2; }
    @media (min-width: 1024px) {
      .ontur-site .hero-book.booking-board {
        --stay-cal-embed: 1;
        grid-template-columns: minmax(0, 1fr) minmax(250px, 290px);
        gap: 16px 32px;
        align-items: stretch;
      }
      .ontur-site .booking-board .booking-dates {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        align-content: start;
        min-width: 0;
      }
      .ontur-site .booking-board .booking-side {
        display: flex;
        flex-direction: column;
        gap: 14px;
        min-width: 0;
        padding-left: 32px;
        border-left: 1px solid var(--border);
      }
      .ontur-site .booking-board .booking-help { margin-top: auto; }
    }

    /* Date range calendar (assets/ontur-datepicker.js) — one panel for check-in + check-out.
       Wide forms: popover under the fields, two months. Booking sheet and ≤600px: in-flow panel, one month. */
    .ontur-site .has-stay-cal { position: relative; }
    .ontur-site .stay-cal {
      --cal-cell: 38px;
      --cal-day-h: 38px;
      --cal-range: color-mix(in oklch, var(--accent) 24%, var(--bg));
      --cal-tint: color-mix(in oklch, var(--accent) 10%, var(--bg));
      position: absolute;
      top: calc(100% + 8px);
      left: 0;
      z-index: 40;
      width: max-content;
      max-width: calc(100vw - 24px);
      padding: 16px 18px 12px;
      background: var(--bg);
      color: var(--fg);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      box-shadow: 0 24px 64px color-mix(in oklch, var(--fg) 14%, transparent), 0 2px 8px color-mix(in oklch, var(--fg) 5%, transparent);
      font-family: var(--font-body);
      text-align: left;
      scroll-margin: 96px 0 16px; /* clear the sticky nav when scrolled into view */
      animation: stay-cal-in 0.18s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .ontur-site .stay-cal[hidden] { display: none; }
    /* The calendar's one gold accent: a hairline along the top edge. */
    .ontur-site .stay-cal::before {
      content: "";
      position: absolute;
      top: -1px;
      left: 18px;
      right: 18px;
      height: 1px;
      background: var(--accent);
    }
    @keyframes stay-cal-in {
      from { opacity: 0; transform: translateY(-4px); }
      to { opacity: 1; transform: none; }
    }
    .ontur-site .stay-cal.is-inline {
      --cal-cell: minmax(0, 1fr);
      --cal-day-h: 44px;
      position: relative;
      top: auto;
      left: auto;
      grid-column: 1 / -1;
      width: 100%;
      max-width: none;
      padding: 12px 12px 8px;
      box-shadow: none;
      animation-name: stay-cal-fade;
    }
    @keyframes stay-cal-fade {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    /* Gömülü (rezervasyon panosu): iki ay, alanların altında sürekli açık. */
    .ontur-site .stay-cal.is-embedded {
      --cal-day-h: 38px;
      padding: 14px 16px 6px;
      animation: none;
    }
    .ontur-site .stay-cal.is-embedded.is-double .stay-cal-months {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 32px;
      justify-content: stretch;
    }
    .ontur-site .stay-cal.is-embedded .stay-cal-day { font-size: 14px; }
    .ontur-site .stay-cal-months { display: grid; gap: 28px; }
    .ontur-site .stay-cal.is-double .stay-cal-months { grid-template-columns: repeat(2, auto); justify-content: space-between; }
    .ontur-site .stay-cal-title {
      height: 36px;
      margin: 0 0 6px;
      padding-inline: 44px;
      font-family: var(--font-display);
      font-size: 20px;
      font-weight: 500;
      line-height: 36px;
      letter-spacing: 0.01em;
      text-align: center;
      white-space: nowrap;
    }
    .ontur-site .stay-cal.is-double .stay-cal-title { padding-inline: 0; }
    .ontur-site .stay-cal-week,
    .ontur-site .stay-cal-row {
      display: grid;
      grid-template-columns: repeat(7, var(--cal-cell));
    }
    .ontur-site .stay-cal-row + .stay-cal-row { margin-top: 2px; }
    .ontur-site .stay-cal-wd {
      padding-bottom: 8px;
      font-family: var(--font-mono);
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      text-align: center;
      color: var(--accent-ink);
    }
    .ontur-site .stay-cal .stay-cal-day {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-width: 0;
      height: var(--cal-day-h);
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      color: var(--fg);
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      line-height: 1;
      font-variant-numeric: tabular-nums;
      letter-spacing: 0;
      text-transform: none;
      cursor: pointer;
      transition: background-color 0.12s ease, color 0.12s ease;
    }
    .ontur-site .stay-cal.is-inline .stay-cal-day { font-size: 15px; }
    .ontur-site .stay-cal .stay-cal-day:hover { background: var(--cal-tint); color: var(--fg); }
    .ontur-site .stay-cal .stay-cal-day.is-disabled,
    .ontur-site .stay-cal .stay-cal-day.is-disabled:hover {
      background: transparent;
      color: color-mix(in oklch, var(--muted) 38%, var(--bg));
      cursor: default;
    }
    .ontur-site .stay-cal .stay-cal-day.is-range { background: var(--cal-range); }
    .ontur-site .stay-cal .stay-cal-day.is-preview { background: var(--cal-tint); }
    .ontur-site .stay-cal .stay-cal-day.is-start,
    .ontur-site .stay-cal .stay-cal-day.is-end,
    .ontur-site .stay-cal .stay-cal-day.is-start:hover,
    .ontur-site .stay-cal .stay-cal-day.is-end:hover {
      background: var(--fg);
      color: var(--bg);
      border-radius: var(--radius);
    }
    .ontur-site .stay-cal .stay-cal-day.is-hover-end { background: var(--cal-tint); box-shadow: inset 0 0 0 1px var(--fg); border-radius: var(--radius); }
    .ontur-site .stay-cal .stay-cal-day.is-today:not(.is-start):not(.is-end):not(.is-hover-end) { box-shadow: inset 0 0 0 1px var(--accent); }
    .ontur-site .stay-cal .stay-cal-day:focus-visible { z-index: 1; outline: 2px solid var(--fg); outline-offset: -2px; }
    .ontur-site .stay-cal .stay-cal-day.is-start:focus-visible,
    .ontur-site .stay-cal .stay-cal-day.is-end:focus-visible { outline-color: var(--accent); outline-offset: 2px; }
    .ontur-site .stay-cal .stay-cal-nav {
      position: absolute;
      top: 16px;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      margin: 0;
      padding: 0;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--bg);
      color: var(--fg);
      transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    }
    .ontur-site .stay-cal .stay-cal-prev { left: 18px; }
    .ontur-site .stay-cal .stay-cal-next { right: 18px; }
    .ontur-site .stay-cal.is-inline .stay-cal-nav { top: 12px; }
    .ontur-site .stay-cal.is-inline .stay-cal-prev { left: 12px; }
    .ontur-site .stay-cal.is-inline .stay-cal-next { right: 12px; }
    .ontur-site .stay-cal.is-embedded .stay-cal-nav { top: 14px; }
    .ontur-site .stay-cal.is-embedded .stay-cal-prev { left: 16px; }
    .ontur-site .stay-cal.is-embedded .stay-cal-next { right: 16px; }
    .ontur-site .stay-cal .stay-cal-next svg { transform: scaleX(-1); }
    .ontur-site .stay-cal .stay-cal-nav:hover { background: var(--fg); color: var(--bg); border-color: var(--fg); }
    .ontur-site .stay-cal .stay-cal-nav[aria-disabled="true"],
    .ontur-site .stay-cal .stay-cal-nav[aria-disabled="true"]:hover {
      background: var(--bg);
      color: var(--fg);
      border-color: var(--border);
      opacity: 0.32;
      cursor: default;
    }
    .ontur-site .stay-cal .stay-cal-nav:focus-visible { outline: 2px solid var(--fg); outline-offset: 2px; }
    .ontur-site .stay-cal-foot {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      min-height: 44px;
      margin-top: 12px;
      padding-top: 10px;
      border-top: 1px solid var(--border);
    }
    .ontur-site .stay-cal-summary {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 4px 12px;
      min-width: 0;
      margin: 0;
      font-size: 13px;
      line-height: 1.4;
      color: var(--muted);
    }
    .ontur-site .stay-cal-nights {
      font-family: var(--font-display);
      font-size: 20px;
      line-height: 1.2;
      color: var(--fg);
    }
    .ontur-site .stay-cal-range { font-variant-numeric: tabular-nums; letter-spacing: 0.01em; }
    .ontur-site .stay-cal-hint { color: var(--fg); }
    .ontur-site .stay-cal-muted { color: var(--muted); }
    .ontur-site .stay-cal .stay-cal-clear {
      flex-shrink: 0;
      min-height: 32px;
      margin: 0;
      padding: 0 2px;
      border: 0;
      background: none;
      color: var(--muted);
      font-family: var(--font-body);
      font-size: 13px;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
    }
    .ontur-site .stay-cal .stay-cal-clear:hover { color: var(--fg); }
    .ontur-site .stay-cal .stay-cal-clear[aria-disabled="true"] { opacity: 0.4; cursor: default; }
    .ontur-site .stay-cal .stay-cal-clear[aria-disabled="true"]:hover { color: var(--muted); }
    .ontur-site .stay-cal .stay-cal-clear:focus-visible { outline: 2px solid var(--fg); outline-offset: 2px; }
    .ontur-site .stay-cal-sr {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      white-space: nowrap;
      border: 0;
    }
    /* Date limits typed by hand: message right under the fields (aria-invalid + aria-describedby). */
    .ontur-site .date-error {
      grid-column: 1 / -1;
      margin: -4px 0 0;
      padding-left: 10px;
      border-left: 2px solid currentColor;
      font-size: 13px;
      line-height: 1.45;
      color: var(--danger);
    }
    .ontur-site .date-error[hidden] { display: none; }
    .ontur-site .input.date-tr[aria-invalid="true"] { border-color: var(--danger); }
    @media (max-width: 380px) {
      .ontur-site .stay-cal.is-inline { padding: 10px 8px 6px; }
      .ontur-site .stay-cal.is-inline .stay-cal-prev { left: 8px; }
      .ontur-site .stay-cal.is-inline .stay-cal-next { right: 8px; }
      .ontur-site .stay-cal.is-inline .stay-cal-nav { top: 10px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .ontur-site .stay-cal,
      .ontur-site .stay-cal.is-inline { animation: none; }
      .ontur-site .stay-cal .stay-cal-day,
      .ontur-site .stay-cal .stay-cal-nav { transition: none; }
    }

    /* Booking sheet — desktop card, mobile bottom sheet */
    .ontur-site .book-sheet {
      position: fixed;
      inset: 0;
      z-index: 80;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      pointer-events: none;
      visibility: hidden;
    }
    .ontur-site .book-sheet[hidden] { display: none !important; }
    .ontur-site .book-sheet.is-open {
      display: flex !important;
      pointer-events: auto;
      visibility: visible;
    }
    .ontur-site .book-sheet-backdrop {
      position: absolute;
      inset: 0;
      background: color-mix(in oklch, var(--fg) 48%, transparent);
      backdrop-filter: blur(6px);
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .ontur-site .book-sheet.is-open .book-sheet-backdrop { opacity: 1; }
    .ontur-site .book-sheet-panel {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 480px;
      max-height: min(88dvh, 720px);
      overflow: auto;
      background: var(--bg);
      color: var(--fg);
      border-radius: 12px 12px 0 0;
      padding: 22px 22px 28px;
      box-shadow: 0 -20px 60px color-mix(in oklch, var(--fg) 18%, transparent);
      transform: translateY(108%);
      transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .ontur-site .book-sheet.is-open .book-sheet-panel { transform: none; }
    .ontur-site .book-sheet-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 22px;
    }
    .ontur-site .book-sheet-head h2 {
      font-size: 28px;
    }
    .ontur-site .book-sheet-close {
      width: 40px;
      height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      color: var(--fg);
      flex-shrink: 0;
    }
    .ontur-site .book-sheet-close:hover {
      background: var(--fg);
      color: var(--bg);
      border-color: var(--fg);
    }
    body.ontur-page.book-open { overflow: hidden; }
    body.ontur-page.book-open .sticky-book { opacity: 0; pointer-events: none; }

    @media (min-width: 721px) {
      .ontur-site .book-sheet { align-items: center; padding: 24px; }
      .ontur-site .book-sheet-panel {
        border-radius: var(--radius-lg);
        padding: 32px;
        transform: translateY(16px) scale(0.98);
        opacity: 0;
        box-shadow: 0 28px 80px color-mix(in oklch, var(--fg) 22%, transparent);
      }
      .ontur-site .book-sheet.is-open .book-sheet-panel {
        transform: none;
        opacity: 1;
      }
    }
    /* Masaüstü: pano düzeni (takvim + oda seçimi) kaydırmadan sığar. */
    @media (min-width: 1024px) {
      .ontur-site .book-sheet-panel {
        max-width: 1040px;
        max-height: min(94dvh, 800px);
        padding: 28px 32px 32px;
      }
      .ontur-site .book-sheet-head { margin-bottom: 18px; }
    }

    @media (max-width: 980px) {
      .ontur-site .media-hero {
        min-height: 100svh;
        min-height: 100dvh;
      }
      .ontur-site .media-hero::after {
        background:
          linear-gradient(180deg,
            color-mix(in oklch, var(--fg) 42%, transparent) 0%,
            color-mix(in oklch, var(--fg) 8%, transparent) 28%,
            color-mix(in oklch, var(--fg) 10%, transparent) 52%,
            color-mix(in oklch, var(--fg) 58%, transparent) 100%);
      }
      .ontur-site .hero-video.is-playing .hero-video-el { opacity: 1; }
      .ontur-site .hero-copy .lead { display: none; }
      .ontur-site .media-hero-inner {
        padding-block: 88px 28px;
      }
      .ontur-site .hero-dock {
        flex-direction: column;
        max-width: none;
      }
      .ontur-site .hero-dock .btn-light {
        width: 100%;
        min-height: 56px;
        font-size: 16px;
      }
      .ontur-site .hero-chips {
        width: 100%;
      }
      .ontur-site .hero-chip {
        min-height: 52px;
        padding: 8px 10px;
      }
      .ontur-site .hero-chip strong { font-size: 13px; }
    }
    @media (max-width: 720px) {
      .ontur-site .media-hero { min-height: 100svh; }
    }
    @media (max-width: 400px) {
      .ontur-site .hero-chips { gap: 6px; }
      .ontur-site .hero-chip { padding: 8px; }
      .ontur-site .hero-chip small { font-size: 9px; }
    }

    /* Full-bleed cinematic splits — Boyalık rhythm, Ontur quiet */
    .ontur-site .cine-band { background: var(--bg); }
    .ontur-site .cine-split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      min-height: min(78vh, 700px);
      background: var(--bg);
    }
    .ontur-site .cine-split--alt { background: var(--surface); }
    .ontur-site .cine-split--flip .cine-media { order: 2; }
    .ontur-site .cine-media {
      position: relative;
      min-height: 100%;
      overflow: hidden;
      background: var(--fg);
    }
    .ontur-site .cine-media img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      max-width: none;
      object-fit: cover;
    }
    .ontur-site .cine-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: clamp(40px, 7vw, 88px) clamp(28px, 6vw, 88px);
      width: 100%;
      max-width: 580px;
      margin-inline: auto;
      min-width: 0;
    }
    .ontur-site .cine-copy .lead { margin-top: 18px; }
    /* Fact rows separated by hairlines. */
    .ontur-site .cine-facts {
      list-style: none;
      padding: 0;
      margin: 26px 0 0;
      display: grid;
      gap: 0;
      border-bottom: 1px solid var(--border);
    }
    .ontur-site .cine-facts li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      padding: 10px 0;
      border-top: 1px solid var(--border);
      font-size: 15px;
      color: var(--muted);
      line-height: 1.45;
    }
    .ontur-site .cine-facts svg {
      width: 20px;
      height: 20px;
      color: var(--fg);
      margin-top: 1px;
    }
    .ontur-site .cine-copy .btn { margin-top: 28px; align-self: flex-start; }
    .ontur-site .cine-copy .grid-stats { margin-top: 28px; }
    @media (min-width: 901px) {
      /* Home meetings teaser: columns size to their figures so "10–600" stays on one line. */
      .ontur-site .cine-copy .grid-stats {
        grid-template-columns: repeat(3, auto);
        justify-content: start;
        column-gap: clamp(20px, 2vw, 28px);
      }
      .ontur-site .cine-copy .grid-stats .stat-num { font-size: clamp(34px, 3.2vw, 46px); }
    }
    @media (max-width: 900px) {
      .ontur-site .cine-split,
      .ontur-site .cine-split--flip {
        grid-template-columns: 1fr;
        min-height: 0;
      }
      .ontur-site .cine-split--flip .cine-media { order: 0; }
      .ontur-site .cine-media {
        aspect-ratio: 16 / 11;
        min-height: 240px;
      }
      .ontur-site .cine-copy { padding: 32px var(--gutter) 48px; }
    }

    /* Home — imkanlar & ekstra hizmetler */
    .ontur-site .service-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }
    .ontur-site .service-card {
      background: var(--bg);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      padding: 22px 20px 24px;
      min-width: 0;
      height: 100%;
      display: flex;
      flex-direction: column;
      gap: 8px;
      transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }
    .ontur-site .service-card:hover {
      border-color: color-mix(in oklch, var(--fg) 22%, var(--border));
      box-shadow: 0 12px 32px color-mix(in oklch, var(--fg) 5%, transparent);
    }
    .ontur-site .service-card .feature-mark { margin-bottom: 4px; }
    .ontur-site .service-card h3 {
      font-family: var(--font-display);
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 0;
      margin: 0;
      line-height: 1.25;
    }
    .ontur-site .service-card p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.55;
      flex: 0 0 auto;
    }
    /* Footer row of the card, aligned across the row and set off by a hairline. */
    .ontur-site .service-card .meta {
      margin-top: auto;
      padding-top: 12px;
      border-top: 1px solid var(--border);
      font-family: var(--font-body);
      font-size: 13px;
      letter-spacing: 0;
      color: var(--fg);
    }
    .ontur-site .section-alt .service-card { background: var(--bg); }
    .ontur-site .extra-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px 20px;
    }
    .ontur-site .extra-item {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      padding: 16px 18px;
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      background: var(--bg);
      min-width: 0;
    }
    .ontur-site .extra-item .feature-mark {
      margin-bottom: 0;
      flex-shrink: 0;
      width: 36px;
      height: 36px;
    }
    .ontur-site .extra-item .feature-mark svg { width: 20px; height: 20px; }
    .ontur-site .extra-item h3 {
      font-size: 16px;
      font-weight: 500;
      margin: 0 0 4px;
      font-family: var(--font-body);
      letter-spacing: 0;
    }
    .ontur-site .extra-item p {
      margin: 0;
      font-size: 13.5px;
      color: var(--muted);
      line-height: 1.5;
    }
    .ontur-site .badge-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 20px;
    }
    .ontur-site .trust-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 14px;
      border: 1px solid var(--border);
      border-radius: var(--radius);
      background: var(--bg);
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--fg);
    }
    .ontur-site .trust-badge svg {
      width: 15px;
      height: 15px;
      color: var(--fg);
      opacity: 0.72;
      flex-shrink: 0;
    }
    .ontur-site .section-alt .trust-badge { background: var(--surface); }
    .ontur-site a.trust-badge:hover {
      border-color: var(--fg);
      color: var(--fg);
    }
    @media (max-width: 980px) {
      .ontur-site .service-grid { grid-template-columns: repeat(2, 1fr); }
      .ontur-site [data-od-id="plaj-stats"] { grid-template-columns: repeat(2, 1fr) !important; }
    }
    @media (max-width: 640px) {
      .ontur-site .service-grid { grid-template-columns: 1fr; }
      .ontur-site .extra-list { grid-template-columns: 1fr; }
    }

    .ontur-site .pagefoot {
      padding-block: var(--gap-xl);
      color: var(--muted);
      font-size: 13px;
      border-top: 1px solid var(--border);
      background: var(--fg);
      color: color-mix(in oklch, var(--bg) 72%, transparent);
    }
    .ontur-site .pagefoot a:hover { color: var(--bg); }
    .ontur-site .pagefoot a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
    .ontur-site .pagefoot .logo { color: var(--bg); margin-bottom: 12px; }
    .ontur-site .pagefoot .meta { color: color-mix(in oklch, var(--bg) 48%, transparent); }
    .ontur-site .footer-grid {
      display: grid;
      grid-template-columns: 1.4fr 1fr 1fr;
      gap: var(--gap-xl);
    }
    @media (max-width: 720px) {
      .ontur-site .footer-grid { grid-template-columns: 1fr; gap: var(--gap-lg); }
    }

    /* Views */
    .ontur-site .view { display: none; }
    .ontur-site .view.is-active { display: block; }
    .ontur-site .view.is-entering {
      animation: view-enter var(--dur-enter, 340ms) cubic-bezier(0.22, 1, 0.36, 1) both;
    }
    @keyframes view-enter {
      from { opacity: 0; transform: translateY(12px); }
      to   { opacity: 1; transform: none; }
    }

    .ontur-site .page-hero {
      padding-block: clamp(48px, 8vw, 80px) clamp(32px, 5vw, 48px);
      border-bottom: 1px solid var(--border);
    }
    .ontur-site .page-hero h1 { margin-bottom: 12px; }
    /* Rezervasyon sayfası: başlık ve rezervasyon panosu (takvim dahil) aynı ekranda kalsın. */
    .ontur-site .page-hero.page-hero--compact { padding-block: clamp(24px, 2.4vw, 32px) clamp(18px, 2vw, 24px); }
    .ontur-site .page-hero.page-hero--compact h1 { font-size: clamp(34px, 3.4vw, 50px); margin-bottom: 8px; }
    .ontur-site .page-hero.page-hero--compact .lead { max-width: 62ch; }
    @media (min-width: 1024px) {
      /* Başlık solda, açıklama sağda: tek bant. */
      .ontur-site .page-hero.page-hero--compact .container {
        display: grid;
        grid-template-columns: auto minmax(0, 46ch);
        justify-content: space-between;
        align-items: end;
        column-gap: 48px;
      }
      .ontur-site .page-hero.page-hero--compact .eyebrow { grid-column: 1; }
      .ontur-site .page-hero.page-hero--compact h1 { grid-column: 1; margin-bottom: 0; }
      .ontur-site .page-hero.page-hero--compact .lead { grid-column: 2; grid-row: 1 / span 2; margin: 0; font-size: 16px; }
    }
    .ontur-site .section.rez-form { padding-top: clamp(20px, 2vw, 28px); }
    .ontur-site .list-check {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      gap: 10px;
    }
    .ontur-site .list-check li {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      color: var(--muted);
      font-size: 15px;
    }
    .ontur-site .list-check svg {
      width: 16px;
      height: 16px;
      color: var(--fg);
      opacity: 0.72;
      margin-top: 4px;
    }
    /* Plain feature lists: a quiet hairline dash instead of a generic check mark. */
    .ontur-site .list-dash li::before {
      content: "";
      flex: 0 0 14px;
      height: 1px;
      margin-top: 0.8em;
      background: currentColor;
      opacity: 0.45;
    }

    .ontur-site .room-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 10px 16px;
      margin: 12px 0 16px;
      font-size: 13px;
      color: var(--muted);
    }
    .ontur-site .room-meta span {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .ontur-site .room-meta svg { width: 16px; height: 16px; color: var(--fg); opacity: 0.72; }

    /* Oda detay kartları: görsel + içerik, eşit ritim */
    .ontur-site .room-detail {
      display: grid;
      grid-template-columns: 1.05fr 1fr;
      gap: 0;
      overflow: hidden;
      min-width: 0;
    }
    .ontur-site .room-detail .media {
      min-height: 300px;
      border-radius: 0;
      height: 100%;
    }
    .ontur-site .room-detail .media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .ontur-site .room-detail .card-body {
      padding: clamp(24px, 3vw, 36px);
      display: flex;
      flex-direction: column;
      min-width: 0;
    }
    .ontur-site .room-detail h2 {
      font-family: var(--font-display);
      font-size: clamp(26px, 3vw, 34px);
      font-weight: 450;
      letter-spacing: 0;
      margin: 0;
      line-height: 1.2;
    }
    .ontur-site .room-detail .room-desc {
      color: var(--muted);
      font-size: 15.5px;
      line-height: 1.65;
      margin: 0;
    }
    .ontur-site .room-detail .list-check {
      margin-top: 16px;
    }
    /* Room spec sheet: area, capacity, view, plan in a 2×2 grid, comparable across rooms. */
    .ontur-site .room-specs {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      margin: 16px 0 18px;
      border-top: 1px solid var(--border);
    }
    .ontur-site .room-specs > div {
      padding: 10px 0;
      border-bottom: 1px solid var(--border);
      min-width: 0;
    }
    .ontur-site .room-specs > div:nth-child(odd) { padding-right: 16px; border-right: 1px solid var(--border); }
    .ontur-site .room-specs > div:nth-child(even) { padding-left: 16px; }
    .ontur-site .room-specs dt { font-size: 12px; color: var(--muted); letter-spacing: 0.01em; }
    .ontur-site .room-specs dd { margin: 2px 0 0; font-size: 15px; font-weight: 500; color: var(--fg); }
    .ontur-site .room-detail .btn {
      margin-top: 22px;
      align-self: flex-start;
    }
    .ontur-site .room-detail:nth-child(even) {
      direction: rtl;
    }
    .ontur-site .room-detail:nth-child(even) > * {
      direction: ltr;
    }
    @media (max-width: 920px) {
      .ontur-site .room-detail,
      .ontur-site .room-detail:nth-child(even) {
        grid-template-columns: 1fr;
        direction: ltr;
      }
      .ontur-site .room-detail .media {
        min-height: 220px;
        aspect-ratio: 16 / 10;
      }
    }

    .ontur-site .gallery-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-flow: dense;
      gap: 12px;
    }
    .ontur-site .gallery-grid .media {
      aspect-ratio: 4 / 3;
      cursor: default;
    }
    .ontur-site .gallery-grid .media.span-2 {
      grid-column: span 2;
      grid-row: span 2;
      aspect-ratio: auto;
    }
    @media (max-width: 720px) {
      .ontur-site .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
      }
      .ontur-site .gallery-grid .media {
        aspect-ratio: 1 / 1;
        border-radius: var(--radius);
      }
      .ontur-site .gallery-grid .media.span-2 {
        grid-column: span 2;
        grid-row: auto;
        aspect-ratio: 16 / 10;
      }
    }
    .ontur-site .gallery-grid .is-hidden { display: none; }

    .ontur-site .cert-strip {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }
    .ontur-site .cert-item {
      border: 1px solid var(--border);
      padding: 10px 16px;
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--muted);
      display: inline-flex;
      align-items: center;
      transition: color 0.15s ease, border-color 0.15s ease;
    }
    .ontur-site a.cert-item:hover {
      color: var(--fg);
      border-color: var(--fg);
    }

    /* Gastronomi — restoran detay + bar grid */
    .ontur-site .gastro-venues {
      display: flex;
      flex-direction: column;
      gap: 28px;
    }
    .ontur-site .gastro-venue {
      display: grid;
      grid-template-columns: 1.05fr 1fr;
      gap: 0;
      overflow: hidden;
      min-width: 0;
    }
    .ontur-site .gastro-venue .media {
      min-height: 280px;
      border-radius: 0;
      height: 100%;
    }
    .ontur-site .gastro-venue .media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .ontur-site .gastro-venue .card-body {
      padding: clamp(24px, 3vw, 36px);
      display: flex;
      flex-direction: column;
      min-width: 0;
    }
    .ontur-site .gastro-venue h2 {
      font-family: var(--font-display);
      font-size: clamp(26px, 3vw, 34px);
      font-weight: 450;
      letter-spacing: 0;
      margin: 0;
      line-height: 1.2;
    }
    .ontur-site .gastro-venue .room-desc {
      color: var(--muted);
      font-size: 15.5px;
      line-height: 1.65;
      margin: 0;
    }
    .ontur-site .gastro-venue .list-check { margin-top: 16px; }
    .ontur-site .gastro-venue:nth-child(even) { direction: rtl; }
    .ontur-site .gastro-venue:nth-child(even) > * { direction: ltr; }
    @media (max-width: 920px) {
      .ontur-site .gastro-venue,
      .ontur-site .gastro-venue:nth-child(even) {
        grid-template-columns: 1fr;
        direction: ltr;
      }
      .ontur-site .gastro-venue .media {
        min-height: 220px;
        aspect-ratio: 16 / 10;
      }
    }

    .ontur-site .bar-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: var(--gap-lg);
    }
    .ontur-site .bar-card {
      display: flex;
      flex-direction: column;
      min-width: 0;
      height: 100%;
    }
    .ontur-site .bar-card .card-media {
      aspect-ratio: 4 / 3;
    }
    .ontur-site .bar-card .card-body {
      padding: 22px 22px 24px;
      display: flex;
      flex-direction: column;
      flex: 1;
      gap: 0;
    }
    .ontur-site .bar-card h3 {
      font-family: var(--font-display);
      font-size: clamp(22px, 2.4vw, 26px);
      font-weight: 500;
      letter-spacing: 0;
      line-height: 1.2;
      margin: 0;
    }
    .ontur-site .bar-card .room-meta {
      margin: 10px 0 12px;
    }
    .ontur-site .bar-card .room-desc {
      color: var(--muted);
      font-size: 15px;
      line-height: 1.6;
      margin: 0;
      flex: 1;
    }
    @media (max-width: 720px) {
      .ontur-site .bar-grid {
        grid-template-columns: 1fr;
        gap: var(--gap-md);
      }
    }
    @media (min-width: 721px) and (max-width: 980px) {
      .ontur-site .bar-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--gap-md);
      }
    }

    /* Plaj / Spa — amenity grid + highlight band */
    .ontur-site .amenity-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: var(--gap-lg);
    }
    .ontur-site .amenity-card {
      display: flex;
      flex-direction: column;
      min-width: 0;
      height: 100%;
      background: var(--bg);
      border: 1px solid var(--border);
      overflow: hidden;
    }
    .ontur-site .amenity-card .card-media {
      aspect-ratio: 4 / 3;
      overflow: hidden;
      background: var(--surface);
    }
    .ontur-site .amenity-card .card-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.5s ease;
    }
    .ontur-site .amenity-card:hover .card-media img { transform: scale(1.03); }
    .ontur-site .amenity-card .card-body {
      padding: 22px 22px 24px;
      display: flex;
      flex-direction: column;
      flex: 1;
      gap: 0;
    }
    .ontur-site .amenity-card h3 {
      font-family: var(--font-display);
      font-size: clamp(22px, 2.4vw, 28px);
      font-weight: 500;
      letter-spacing: 0;
      line-height: 1.2;
      margin: 0;
    }
    .ontur-site .amenity-card .room-meta { margin: 10px 0 12px; }
    .ontur-site .amenity-card .room-desc {
      color: var(--muted);
      font-size: 15px;
      line-height: 1.6;
      margin: 0;
      flex: 1;
    }
    .ontur-site .amenity-card .list-check {
      margin-top: 14px;
    }
    .ontur-site .amenity-card .list-check li { font-size: 14px; }
    .ontur-site .amenity-grid.cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    @media (max-width: 960px) {
      .ontur-site .amenity-grid.cols-3 {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (max-width: 720px) {
      .ontur-site .amenity-grid,
      .ontur-site .amenity-grid.cols-3 {
        grid-template-columns: 1fr;
        gap: var(--gap-md);
      }
    }

    .ontur-site .highlight-band {
      display: grid;
      grid-template-columns: 1.1fr 1fr;
      gap: 0;
      overflow: hidden;
      border: 1px solid var(--border);
      background: var(--bg);
    }
    .ontur-site .highlight-band .media {
      min-height: 280px;
      border-radius: 0;
      height: 100%;
    }
    .ontur-site .highlight-band .media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .ontur-site .highlight-band .band-body {
      padding: clamp(28px, 4vw, 44px);
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-width: 0;
      background: var(--surface);
    }
    .ontur-site .highlight-band h2 {
      font-family: var(--font-display);
      font-size: clamp(26px, 3vw, 34px);
      font-weight: 450;
      letter-spacing: 0;
      margin: 0 0 12px;
      line-height: 1.2;
    }
    .ontur-site .highlight-band p {
      color: var(--muted);
      font-size: 15.5px;
      line-height: 1.65;
      margin: 0;
    }
    .ontur-site .highlight-band .list-check { margin-top: 18px; }
    .ontur-site .highlight-band .btn { margin-top: 22px; align-self: flex-start; }
    @media (max-width: 920px) {
      .ontur-site .highlight-band {
        grid-template-columns: 1fr;
      }
      .ontur-site .highlight-band .media {
        min-height: 220px;
        aspect-ratio: 16 / 10;
      }
    }

    .ontur-site .pill-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 20px;
    }
    .ontur-site .pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 14px;
      border: 1px solid var(--border);
      background: var(--bg);
      font-size: 13px;
      color: var(--muted);
      border-radius: var(--radius);
    }
    .ontur-site .pill svg {
      width: 16px;
      height: 16px;
      color: var(--fg);
    }

    .ontur-site .spa-services {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--gap-lg);
    }
    .ontur-site .spa-service {
      padding: 24px 22px;
      border: 1px solid var(--border);
      background: var(--bg);
      height: 100%;
      display: flex;
      flex-direction: column;
    }
    /* The one gold accent of the spa page: the medallion's inner ring. */
    .ontur-site .spa-service .feature-mark {
      margin-bottom: 16px;
      box-shadow: inset 0 0 0 3px var(--bg), inset 0 0 0 4px color-mix(in oklch, var(--accent) 75%, transparent);
    }
    .ontur-site .spa-service h3 {
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 500;
      margin: 0 0 8px;
      letter-spacing: 0;
    }
    .ontur-site .spa-service p {
      color: var(--muted);
      font-size: 14.5px;
      line-height: 1.6;
      margin: 0 0 16px;
    }
    /* Category and how it is used (free use / by appointment), pinned to the card bottom. */
    .ontur-site .spa-service .spa-facts {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      margin: auto 0 0;
      padding-top: 10px;
      border-top: 1px solid var(--border);
      font-size: 13px;
      line-height: 1.5;
    }
    .ontur-site .spa-facts span + span { color: var(--fg); }
    @media (max-width: 900px) {
      .ontur-site .spa-services { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 560px) {
      .ontur-site .spa-services { grid-template-columns: 1fr; }
    }

    .ontur-site .cta-panel {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: clamp(28px, 4vw, 40px);
      background: var(--fg);
      color: var(--bg);
      border-radius: var(--radius-lg);
    }
    .ontur-site .cta-panel h2 {
      font-family: var(--font-display);
      font-size: clamp(24px, 3vw, 32px);
      font-weight: 450;
      margin: 0 0 8px;
      color: var(--bg);
      letter-spacing: 0;
    }
    .ontur-site .cta-panel p {
      margin: 0;
      color: color-mix(in oklch, var(--bg) 72%, transparent);
      font-size: 15px;
      max-width: 42ch;
    }
    .ontur-site .cta-panel .btn-primary {
      background: var(--bg);
      color: var(--fg);
    }
    .ontur-site .cta-panel .btn-primary:hover {
      background: color-mix(in oklch, var(--bg) 92%, var(--accent));
    }

    /* Toplantı & Kongre — capacity system */
    .ontur-site .cap-stat-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: var(--gap-md);
    }
    .ontur-site .cap-stat {
      border: 1px solid var(--border);
      background: var(--bg);
      padding: clamp(22px, 2.5vw, 28px);
      display: flex;
      flex-direction: column;
      gap: 10px;
      min-width: 0;
      height: 100%;
      transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }
    .ontur-site .cap-stat:hover {
      border-color: color-mix(in oklch, var(--accent) 45%, var(--border));
      box-shadow: 0 8px 28px color-mix(in oklch, var(--fg) 6%, transparent);
    }
    .ontur-site .cap-stat .cap-label {
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .ontur-site .cap-stat .cap-num {
      font-family: var(--font-display);
      font-size: clamp(40px, 4.5vw, 56px);
      font-weight: 500;
      line-height: 1;
      letter-spacing: 0;
      color: var(--fg);
      font-variant-numeric: lining-nums tabular-nums;
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      white-space: nowrap;
    }
    .ontur-site .cap-stat .cap-num .unit {
      font-size: 0.42em;
      font-family: var(--font-mono);
      letter-spacing: 0.04em;
      color: var(--muted);
      margin-left: 4px;
      font-weight: 400;
    }
    .ontur-site .cap-stat .cap-note {
      font-size: 14px;
      color: var(--muted);
      line-height: 1.5;
      margin: 0;
      margin-top: auto;
      padding-top: 8px;
    }
    .ontur-site .cap-stat.is-range {
      background: var(--fg);
      border-color: var(--fg);
      color: var(--bg);
    }
    .ontur-site .cap-stat.is-range .cap-label { color: color-mix(in oklch, var(--bg) 62%, transparent); }
    .ontur-site .cap-stat.is-range .cap-num { color: var(--bg); }
    .ontur-site .cap-stat.is-range .cap-num .unit { color: color-mix(in oklch, var(--bg) 55%, transparent); }
    .ontur-site .cap-stat.is-range .cap-note { color: color-mix(in oklch, var(--bg) 68%, transparent); }
    .ontur-site .cap-stat.is-range:hover {
      border-color: var(--fg);
      box-shadow: 0 10px 32px color-mix(in oklch, var(--fg) 18%, transparent);
    }
    @media (max-width: 960px) {
      .ontur-site .cap-stat-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 520px) {
      .ontur-site .cap-stat-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
      .ontur-site .cap-stat { padding: 18px 16px; }
      .ontur-site .cap-stat .cap-num { font-size: clamp(32px, 10vw, 40px); }
    }

    .ontur-site .cap-table-shell {
      border: 1px solid var(--border);
      background: var(--bg);
      overflow: hidden;
    }
    .ontur-site .cap-table-shell .cap-table-head {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end;
      justify-content: space-between;
      gap: 12px 24px;
      padding: 22px 24px 18px;
      border-bottom: 1px solid var(--border);
      background: var(--surface);
    }
    .ontur-site .cap-table-shell .cap-table-head h3 {
      font-family: var(--font-display);
      font-size: clamp(22px, 2.4vw, 28px);
      font-weight: 500;
      letter-spacing: 0;
      margin: 0;
    }
    .ontur-site .cap-table-shell .cap-table-head p {
      margin: 0;
      font-size: 13px;
      color: var(--muted);
      font-family: var(--font-mono);
      letter-spacing: 0.04em;
    }
    .ontur-site .ds-table.cap-table {
      margin: 0;
      font-size: 15px;
    }
    .ontur-site .ds-table.cap-table th,
    .ontur-site .ds-table.cap-table td {
      padding: 18px 24px;
      vertical-align: middle;
    }
    .ontur-site .ds-table.cap-table thead th {
      background: transparent;
      border-bottom: 1px solid var(--border);
      padding-top: 14px;
      padding-bottom: 14px;
    }
    .ontur-site .ds-table.cap-table tbody tr {
      transition: background 0.15s ease;
    }
    .ontur-site .ds-table.cap-table tbody tr:hover {
      background: color-mix(in oklch, var(--accent) 8%, var(--bg));
    }
    .ontur-site .ds-table.cap-table tbody tr:last-child td {
      border-bottom: 0;
    }
    .ontur-site .ds-table.cap-table .area-name {
      font-weight: 500;
      color: var(--fg);
    }
    .ontur-site .ds-table.cap-table .area-sub {
      display: block;
      font-size: 13px;
      color: var(--muted);
      font-weight: 400;
      margin-top: 4px;
      line-height: 1.4;
    }
    .ontur-site .ds-table.cap-table .num-col {
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 500;
      letter-spacing: 0;
      font-variant-numeric: lining-nums tabular-nums;
      text-align: left;
      color: var(--fg);
      white-space: nowrap;
    }
    /* Relative floor area as a hairline bar: 660 : 380 : 150 m². */
    .ontur-site .ds-table.cap-table .area-bar {
      display: block;
      width: calc(var(--a, 0) * 56px);
      height: 2px;
      background: var(--fg);
      opacity: 0.7;
      margin-bottom: 8px;
    }
    .ontur-site .ds-table.cap-table .num-col .unit {
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.06em;
      color: var(--muted);
      margin-left: 4px;
      font-weight: 400;
    }
    .ontur-site .ds-table.cap-table .use-tag {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 12px;
      border: 1px solid var(--border);
      background: var(--surface);
      font-size: 13px;
      color: var(--muted);
      border-radius: var(--radius);
      white-space: nowrap;
    }
    .ontur-site .ds-table.cap-table .use-tag svg {
      width: 14px;
      height: 14px;
      color: var(--fg);
    }
    .ontur-site .ds-table.cap-table tbody tr.is-summary {
      background: var(--surface);
    }
    .ontur-site .ds-table.cap-table tbody tr.is-summary:hover {
      background: color-mix(in oklch, var(--accent) 10%, var(--surface));
    }
    .ontur-site .ds-table.cap-table tbody tr.is-summary .area-name {
      font-family: var(--font-display);
      font-size: 18px;
    }
    @media (max-width: 720px) {
      .ontur-site .cap-table-shell .cap-table-head { padding: 18px 16px 14px; }
      .ontur-site .ds-table.cap-table th,
      .ontur-site .ds-table.cap-table td { padding: 14px 16px; }
      .ontur-site .ds-table.cap-table .num-col { font-size: 20px; }
      .ontur-site .ds-table.cap-table .use-col { display: none; }
    }

    .ontur-site .event-types {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--gap-lg);
    }
    .ontur-site .event-type {
      border: 1px solid var(--border);
      background: var(--bg);
      padding: 28px 24px;
      height: 100%;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .ontur-site .event-type .feature-mark { margin-bottom: 4px; }
    .ontur-site .event-type h3 {
      font-family: var(--font-display);
      font-size: clamp(22px, 2.4vw, 26px);
      font-weight: 500;
      margin: 0;
      letter-spacing: 0;
    }
    .ontur-site .event-type p {
      color: var(--muted);
      font-size: 15px;
      line-height: 1.6;
      margin: 0;
      flex: 1;
    }
    .ontur-site .event-type .list-check {
      margin-top: 4px;
    }
    /* Which rooms the event uses (from the card copy and the capacity table). */
    .ontur-site .event-type .event-rooms {
      flex: 0 0 auto;
      margin: 4px 0 0;
      padding-top: 12px;
      border-top: 1px solid var(--border);
      font-size: 13px;
      color: var(--muted);
    }
    .ontur-site .event-type .event-rooms strong {
      display: block;
      font-weight: 500;
      font-size: 14px;
      color: var(--fg);
    }
    .ontur-site .event-type .list-check li { font-size: 14px; }
    @media (max-width: 900px) {
      .ontur-site .event-types { grid-template-columns: 1fr; }
    }

    .ontur-site .section-head {
      margin-bottom: 28px;
      max-width: 640px;
    }
    .ontur-site .section-head h2 {
      font-family: var(--font-display);
      font-size: var(--fs-h2);
      font-weight: 450;
      letter-spacing: 0;
      line-height: 1.15;
      margin: 8px 0 0;
    }
    .ontur-site .section-head .lead {
      margin-top: 12px;
      color: var(--muted);
      font-size: var(--fs-lead);
    }

    .ontur-site .split-visual {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      gap: var(--gap-xl);
      align-items: center;
    }
    @media (max-width: 920px) {
      .ontur-site .split-visual { grid-template-columns: 1fr; }
    }

    .ontur-site .form-card {
      background: var(--surface);
      border: 1px solid var(--border);
      padding: 28px;
      border-radius: var(--radius-lg);
    }
    .ontur-site .form-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }
    @media (max-width: 640px) {
      .ontur-site .form-grid { grid-template-columns: 1fr; }
    }
    .ontur-site .form-note {
      font-size: 13px;
      color: var(--muted);
      margin-top: 12px;
    }
    .ontur-site .form-success {
      display: none;
      padding: 16px;
      border: 1px solid var(--border);
      background: var(--bg);
      margin-top: 16px;
      font-size: 14px;
    }
    .ontur-site .form-success.is-visible { display: block; }
    .ontur-site .form-success.is-error {
      color: var(--danger);
      background: color-mix(in oklch, var(--danger) 4%, var(--bg));
      border-color: color-mix(in oklch, var(--danger) 24%, var(--bg));
    }
    .ontur-site .hero-book .form-success { grid-column: 1 / -1; }

    .ontur-site .sticky-book {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 30;
      background: var(--fg);
      color: var(--bg);
      border-top: 1px solid var(--anthracite-soft);
      transform: translateY(100%);
      transition: transform 0.25s ease;
      padding: 12px var(--gutter);
    }
    .ontur-site .sticky-book.is-visible { transform: translateY(0); }
    .ontur-site .sticky-book-inner {
      max-width: var(--container);
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .ontur-site .sticky-book p { font-size: 14px; color: color-mix(in oklch, var(--bg) 75%, transparent); }
    .ontur-site .sticky-book strong { color: var(--bg); font-weight: 500; }

    .ontur-site .dropdown {
      position: relative;
    }
    .ontur-site .dropdown-panel {
      display: none;
      position: absolute;
      top: calc(100% + 12px);
      left: 50%;
      transform: translateX(-50%);
      min-width: 220px;
      background: var(--bg);
      border: 1px solid var(--border);
      padding: 10px 0;
      box-shadow: 0 12px 40px color-mix(in oklch, var(--fg) 8%, transparent);
      z-index: 50;
    }
    .ontur-site .dropdown:hover .dropdown-panel,
    .ontur-site .dropdown:focus-within .dropdown-panel { display: block; }
    .ontur-site .dropdown-panel a {
      display: block;
      padding: 10px 16px;
      font-size: 14px;
      color: var(--muted);
    }
    .ontur-site .dropdown-panel a:hover { color: var(--fg); background: var(--surface); }

    .ontur-site .map-ph {
      aspect-ratio: 16 / 10;
      background:
        linear-gradient(135deg, var(--surface), color-mix(in oklch, var(--fg) 6%, var(--surface)));
      border: 1px solid var(--border);
      display: grid;
      place-items: center;
      text-align: center;
      padding: 24px;
      color: var(--muted);
      font-size: 14px;
    }
    .ontur-site .map-ph strong {
      display: block;
      font-family: var(--font-display);
      font-size: 24px;
      color: var(--fg);
      font-weight: 500;
      margin-bottom: 6px;
    }

    /* Visible keyboard focus where the browser default was missing or too faint. */
    .ontur-site .nav-desktop a:focus-visible,
    .ontur-site .tag:focus-visible,
    .ontur-site .sustain-toc a:focus-visible,
    .ontur-site a.card:focus-visible,
    .ontur-site a.cert-item:focus-visible,
    .ontur-site a.trust-badge:focus-visible,
    .ontur-site .lang-switch a:focus-visible {
      outline: 2px solid var(--fg);
      outline-offset: 3px;
    }
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .nav-desktop a:focus-visible,
    html.ontur-document.on-hero:not(.nav-solid) body.ontur-page:not(.nav-open) .lang-switch a:focus-visible { outline-color: var(--bg); }

    .ontur-site .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      border: 0;
    }

    /* Sürdürülebilirlik — yer / miras / biyo kartları */
    .ontur-site .place-card .card-media { aspect-ratio: 16 / 11; }
    .ontur-site .place-card h3 { font-size: 18px; margin-top: 2px; }
    .ontur-site .place-card p {
      color: var(--muted);
      font-size: 14px;
      margin-top: 8px;
      line-height: 1.55;
    }
    .ontur-site .place-card .day-pill {
      display: inline-flex;
      align-items: center;
      margin-top: 12px;
      padding: 4px 10px;
      border: 1px solid var(--border);
      border-radius: 999px;
      font-family: var(--font-mono);
      font-size: 11px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--muted);
    }
    .ontur-site .report-band {
      display: grid;
      grid-template-columns: 1.4fr 1fr;
      gap: var(--gap-xl);
      align-items: center;
      padding: clamp(28px, 4vw, 40px);
      border: 1px solid var(--border);
      background: var(--bg);
      border-radius: var(--radius-lg);
    }
    .ontur-site .report-band .report-meta {
      font-family: var(--font-mono);
      font-size: 12px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--muted);
      margin-bottom: 10px;
    }
    .ontur-site .report-band h2 { font-size: clamp(26px, 3vw, 34px); }
    .ontur-site .report-band p { color: var(--muted); margin-top: 12px; max-width: 48ch; }
    .ontur-site .report-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 22px;
    }
    .ontur-site .report-side {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 24px;
      height: 100%;
    }
    .ontur-site .report-side ul {
      list-style: none;
      margin: 16px 0 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .ontur-site .report-side li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: 14px;
      color: var(--muted);
      line-height: 1.45;
    }
    .ontur-site .report-side li svg {
      width: 16px;
      height: 16px;
      margin-top: 2px;
      color: var(--fg);
      opacity: 0.72;
    }
    .ontur-site .check-list {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .ontur-site .check-list li {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.5;
    }
    .ontur-site .check-list li svg {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
      margin-top: 2px;
      color: var(--fg);
    }
    .ontur-site .sustain-toc {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 28px;
    }
    .ontur-site .sustain-toc a {
      display: inline-flex;
      align-items: center;
      min-height: 36px;
      padding: 6px 14px;
      border: 1px solid var(--border);
      border-radius: 999px;
      font-size: 13px;
      font-weight: 500;
      color: var(--muted);
      transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
    }
    .ontur-site .sustain-toc a:hover {
      color: var(--fg);
      border-color: var(--fg);
      background: var(--surface);
    }
    .ontur-site .policy-block {
      border-top: 1px solid var(--border);
      padding-top: 28px;
    }
    .ontur-site .policy-block + .policy-block { margin-top: 28px; }
    .ontur-site .policy-block h3 { margin-bottom: 10px; }
    .ontur-site .policy-block p { color: var(--muted); max-width: 72ch; }
    @media (max-width: 920px) {
      .ontur-site .report-band { grid-template-columns: 1fr; }
    }
    @media (max-width: 720px) {
      .ontur-site .place-grid-4 { grid-template-columns: 1fr 1fr; gap: 12px; }
      .ontur-site .place-grid-3 { grid-template-columns: 1fr; }
      .ontur-site .place-grid-6 { grid-template-columns: 1fr 1fr; gap: 12px; }
    }
    .ontur-site #view-surdurulebilirlik [id^="sustain-"] {
      scroll-margin-top: 88px;
    }

    /* Scroll reveal — lookbook rise, same easing as hero / view-enter */
    .ontur-site.has-reveal [data-reveal] {
      --reveal-i: 0;
    }
    .ontur-site.has-reveal [data-reveal]:not(.is-revealed) {
      opacity: 0;
      transform: translateY(18px);
    }
    .ontur-site.has-reveal [data-reveal="media"]:not(.is-revealed) {
      transform: translateY(14px);
    }
    .ontur-site.has-reveal [data-reveal].is-revealed {
      animation: reveal-rise 560ms cubic-bezier(0.22, 1, 0.36, 1) both;
      animation-delay: calc(var(--reveal-i, 0) * 70ms);
    }
    .ontur-site.has-reveal [data-reveal="media"].is-revealed {
      animation-name: reveal-media;
      animation-duration: 700ms;
    }
    .ontur-site.has-reveal [data-reveal="hero"]:not(.is-revealed) {
      transform: translateY(14px);
    }
    .ontur-site.has-reveal [data-reveal="hero"].is-revealed {
      animation-name: hero-rise;
      animation-duration: 420ms;
    }
    @keyframes reveal-rise {
      from { opacity: 0; transform: translateY(18px); }
      to   { opacity: 1; transform: none; }
    }
    @keyframes reveal-media {
      from { opacity: 0; transform: translateY(14px); }
      to   { opacity: 1; transform: none; }
    }
    .ontur-site .parallax-media {
      --parallax-y: 0px;
    }
    .ontur-site .parallax-media img {
      transform: translate3d(0, var(--parallax-y), 0) scale(1.08);
      will-change: transform;
    }
    @media (max-width: 720px) {
      .ontur-site.has-reveal [data-reveal].is-revealed { animation-duration: 420ms; }
      .ontur-site.has-reveal [data-reveal="media"].is-revealed { animation-duration: 520ms; }
    }

    @media (prefers-reduced-motion: reduce) {
      html.ontur-document { scroll-behavior: auto; }
      .ontur-site .hero-copy .eyebrow,
      .ontur-site .hero-copy h1,
      .ontur-site .hero-copy .lead,
      .ontur-site .hero-dock,
      .ontur-site .hero-book,
      .ontur-site .book-sheet-backdrop,
      .ontur-site .book-sheet-panel,
      .ontur-site .view.is-entering,
      .ontur-site.has-reveal [data-reveal],
      .ontur-site.has-reveal [data-reveal].is-revealed {
        animation: none !important;
        transition: none !important;
      }
      .ontur-site.has-reveal [data-reveal]:not(.is-revealed) {
        opacity: 1;
        transform: none;
      }
      .ontur-site .card-media img,
      .ontur-site .nav-drawer,
      .ontur-site .nav-backdrop,
      .ontur-site .sticky-book,
      .ontur-site .hero-video-el,
      .ontur-site .hero-video-poster,
      .ontur-site .parallax-media img {
        transition: none !important;
      }
      .ontur-site .parallax-media img {
        transform: none;
        will-change: auto;
      }
      .ontur-site .card:hover .card-media img { transform: none; }
      .ontur-site .btn:active { transform: none; }
    }