/* ============================================================
   Тверская — Кабинеты в аренду
   Стили сайта. Разложены по разделам:
   1. Шрифты (Manrope, Playfair Display) — из assets/fonts/
   2. Базовые стили страницы
   3. Адаптив (медиа-запросы)
   4. Плейсхолдеры для фото, которых пока нет
   5. Остальные стили (по одному классу на уникальный набор правил,
      перенесённые из исходной вёрстки без изменений)
   ============================================================ */

/* ---------- 1. Шрифты ---------- */
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic-ext.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-greek.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/manrope-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/playfair-display-italic-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/playfair-display-italic-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/playfair-display-italic-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/playfair-display-italic-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/playfair-display-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/playfair-display-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/playfair-display-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/playfair-display-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/playfair-display-cyrillic.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/playfair-display-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/playfair-display-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/playfair-display-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ---------- 2. Базовые стили страницы ---------- */
body { margin: 0; background: #0e1713; overflow-x: hidden; }
::selection { background: #c9a44c; color: #0e1713; }

/* ---------- 3. Адаптив ---------- */

    body { margin: 0; background: #0e1713; overflow-x: hidden; }
    ::selection { background: #c9a44c; color: #0e1713; }
    @media (max-width: 980px) {
      #site-nav { gap: 14px !important; }
      #site-nav a { font-size: 13px !important; }
      .category-grid { grid-template-columns: repeat(2, 1fr) !important; }
    }
    @media (max-width: 640px) {
      #site-header { padding: 16px 20px !important; flex-wrap: wrap; row-gap: 12px; }
      #site-nav { flex-wrap: wrap; gap: 10px !important; }
      .cabinets-grid > div { flex-basis: 280px !important; }
      .category-grid { grid-template-columns: 1fr !important; }
    }
  

/* ---------- 4. Карусель фото (рендеры / реальные фото объекта) ---------- */
.cv-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 900px; margin: 0 auto 40px; }
.cv-tab {
  padding: 9px 18px; border-radius: 999px; border: 1px solid oklch(0.75 0.09 85 / 0.35);
  background: transparent; color: oklch(0.75 0.09 85); font-size: 13px; font-weight: 600;
  cursor: pointer; font-family: 'Manrope', sans-serif;
}
.cv-tab:hover { border-color: oklch(0.75 0.09 85 / 0.7); }
.cv-tab.active { background: oklch(0.75 0.09 85); color: oklch(0.14 0.03 165); }
.cv-carousel { max-width: 640px; margin: 0 auto; }
.cv-frame { position: relative; height: 420px; border-radius: 8px 8px 0 0; overflow: hidden; background: oklch(0.1 0.02 165); }
.cv-simple .cv-frame { border-radius: 8px; }
.cv-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; }
.cv-slide-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background: repeating-linear-gradient(
    45deg,
    oklch(0.2 0.02 165),
    oklch(0.2 0.02 165) 10px,
    oklch(0.17 0.02 165) 10px,
    oklch(0.17 0.02 165) 20px
  );
  color: oklch(0.6 0.02 95);
  font-size: 14px;
  text-align: center;
  padding: 16px;
  box-sizing: border-box;
}
.cv-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 40px; height: 40px; border-radius: 50%; border: none;
  background: oklch(0.98 0.006 95 / 0.9); color: oklch(0.16 0.03 165);
  font-size: 20px; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center; z-index: 2;
}
.cv-nav:hover { background: oklch(0.75 0.09 85); }
.cv-prev { left: 16px; }
.cv-next { right: 16px; }
.cv-counter {
  position: absolute; bottom: 14px; right: 16px;
  background: oklch(0.1 0.02 165 / 0.75); color: oklch(0.94 0.01 95);
  font-size: 12px; padding: 4px 10px; border-radius: 999px; z-index: 2;
}
.cv-card { background: oklch(0.98 0.006 95); padding: 32px 36px; border-radius: 0 0 8px 8px; }
.cv-badge {
  display: inline-flex; padding: 6px 14px; border: 1px solid oklch(0.75 0.09 85 / 0.5);
  border-radius: 999px; color: oklch(0.55 0.1 85); font-size: 12px; font-weight: 700;
  letter-spacing: 0.3px; margin-bottom: 16px;
}
.cv-title { font-family: 'Playfair Display', serif; font-size: 24px; color: oklch(0.2 0.02 165); margin: 0 0 10px; font-weight: 500; }
.cv-desc { font-size: 14px; line-height: 1.6; color: oklch(0.45 0.02 95); margin: 0 0 20px; }
.cv-price { font-family: 'Playfair Display', serif; font-size: 26px; color: oklch(0.55 0.1 85); margin-bottom: 20px; }
.cv-price span { font-family: 'Manrope', sans-serif; font-size: 14px; color: oklch(0.45 0.02 95); font-weight: 400; }
.cv-cta {
  display: flex; justify-content: center; padding: 14px 0;
  background: oklch(0.75 0.09 85); color: oklch(0.14 0.03 165);
  text-decoration: none; font-size: 15px; font-weight: 700; border-radius: 2px;
}
.cv-caption { text-align: center; font-size: 13px; color: oklch(0.65 0.015 95); margin-top: 14px; }
@media (max-width: 640px) {
  .cv-frame { height: 300px; }
}

/* ---------- 5. Остальные стили ---------- */
.u1 { font-family: 'Manrope', sans-serif; background: oklch(0.98 0.006 95); color: oklch(0.2 0.02 165); width: 100%; }
.u2 { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; padding: 22px 56px; background: oklch(0.16 0.03 165 / 0.92); backdrop-filter: blur(10px); border-bottom: 1px solid oklch(0.75 0.09 85 / 0.25); }
.u3 { font-family: 'Playfair Display', serif; font-size: 22px; color: oklch(0.94 0.01 95); letter-spacing: 0.3px; }
.u4 { display: flex; align-items: center; gap: 36px; }
.u5 { color: oklch(0.88 0.01 95); text-decoration: none; font-size: 15px; font-weight: 500; }
.u6 { display: inline-flex; align-items: center; padding: 11px 22px; background: oklch(0.75 0.09 85); color: oklch(0.16 0.03 165); text-decoration: none; font-size: 14px; font-weight: 700; border-radius: 2px; letter-spacing: 0.2px; }
.u7 { position: relative; min-height: 92vh; display: flex; align-items: flex-end; justify-content: center; background: oklch(0.14 0.03 165); }
.u8 { position: absolute; inset: 0; }
.u9 { width: 100%; height: 100%; opacity: 0.55; object-fit: cover; }
.u10 { position: absolute; inset: 0; background: linear-gradient(180deg, oklch(0.14 0.03 165 / 0.35) 0%, oklch(0.1 0.03 165 / 0.75) 60%, oklch(0.08 0.02 165 / 0.95) 100%); pointer-events: none; }
.u11 { position: relative; padding: 0 56px 90px; max-width: 900px; margin: 0 auto; text-align: center; }
.u12 { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border: 1px solid oklch(0.75 0.09 85 / 0.5); border-radius: 999px; color: oklch(0.85 0.07 85); font-size: 13px; letter-spacing: 0.5px; margin-bottom: 26px; }
.u13 { width: 6px; height: 6px; background: oklch(0.75 0.09 85); border-radius: 50%; }
.u14 { font-family: 'Playfair Display', serif; font-size: 58px; line-height: 1.12; color: oklch(0.97 0.008 95); margin: 0 0 22px; font-weight: 500; }
.u15 { font-size: 18px; line-height: 1.6; color: oklch(0.8 0.015 95); max-width: 620px; margin: 0 auto 40px; }
.u16 { display: flex; gap: 16px; justify-content: center; }
.u17 { display: inline-flex; align-items: center; padding: 16px 30px; background: oklch(0.75 0.09 85); color: oklch(0.14 0.03 165); text-decoration: none; font-size: 15px; font-weight: 700; border-radius: 2px; }
.u18 { display: inline-flex; align-items: center; padding: 16px 30px; background: transparent; border: 1px solid oklch(0.6 0.02 95 / 0.5); color: oklch(0.94 0.01 95); text-decoration: none; font-size: 15px; font-weight: 600; border-radius: 2px; }
.u19 { position: relative; min-height: 70vh; display: flex; align-items: flex-end; justify-content: center; background: oklch(0.14 0.03 165); }
.u20 { position: relative; padding: 0 56px 90px; max-width: 720px; margin: 0 auto; text-align: center; }
.u21 { font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: oklch(0.75 0.09 85); font-weight: 700; margin-bottom: 18px; }
.u22 { font-family: 'Playfair Display', serif; font-size: 36px; line-height: 1.25; margin: 0 0 20px; font-weight: 500; color: oklch(0.97 0.008 95); }
.u23 { font-size: 16px; line-height: 1.75; color: oklch(0.8 0.015 95); margin: 0 0 16px; }
.u24 { position: absolute; inset: 0; }
.u25 { width: 100%; height: 100%; opacity: 0.55; object-fit: cover; }
.u82 { position: absolute; inset: 0; background: linear-gradient(180deg, oklch(0.08 0.02 165 / 0.9) 0%, oklch(0.11 0.025 165 / 0.9) 50%, oklch(0.14 0.03 165) 100%); pointer-events: none; }
.u26 { padding: 100px 56px; background: oklch(0.14 0.03 165); }
.u90 { background: oklch(0.09 0.02 165); border-top: 1px solid oklch(0.75 0.09 85 / 0.15); border-bottom: 1px solid oklch(0.75 0.09 85 / 0.15); }
.u27 { max-width: 720px; margin: 0 auto 56px; text-align: center; }
.u28 { font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: oklch(0.75 0.09 85); font-weight: 700; margin-bottom: 16px; }
.u29 { font-family: 'Playfair Display', serif; font-size: 36px; color: oklch(0.96 0.008 95); margin: 0 0 20px; font-weight: 500; }
.u30 { font-size: 16px; line-height: 1.75; color: oklch(0.68 0.015 95); }
.u31 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: oklch(0.75 0.09 85 / 0.2); max-width: 1200px; margin: 0 auto 1px; }
.u32 { background: oklch(0.14 0.03 165); padding: 36px 28px; }
.u33 { font-family: 'Playfair Display', serif; font-size: 30px; color: oklch(0.85 0.07 85); margin-bottom: 10px; }
.u34 { font-size: 14px; line-height: 1.6; color: oklch(0.65 0.015 95); }
.u35 { padding: 100px 56px; background: oklch(0.98 0.006 95); }
.u36 { max-width: 640px; margin: 0 auto 56px; text-align: center; }
.u37 { font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; color: oklch(0.55 0.1 85); font-weight: 700; margin-bottom: 16px; }
.u38 { font-family: 'Playfair Display', serif; font-size: 36px; margin: 0; font-weight: 500; }
.u50 { max-width: 1200px; margin: 24px auto 0; font-size: 13px; line-height: 1.7; color: oklch(0.55 0.02 95); text-align: center; }
.u51 { max-width: 720px; margin: 0 auto 40px; text-align: center; }
.u52 { max-width: 1200px; margin: 0 auto; border-radius: 20px; overflow: hidden; background: #fff; padding: 10px; border: 1px solid oklch(0.91 0.006 95); box-shadow: 0 24px 48px oklch(0.2 0.02 165 / 0.08); }
.u53 { display: block; border-radius: 12px; height: 420px; width: 100%; }
.route-info { max-width: 1200px; margin: 20px auto 0; text-align: center; font-size: 14px; color: oklch(0.45 0.02 165); min-height: 20px; }
.route-info strong { color: oklch(0.48 0.1 85); }
.u91 { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 1200px; margin: 24px auto 0; }
.u92 { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 999px; border: 1px solid oklch(0.75 0.09 85 / 0.4); background: #fff; color: oklch(0.35 0.02 165); font-size: 14px; cursor: pointer; font-family: 'Manrope', sans-serif; }
.u92:hover { border-color: oklch(0.75 0.09 85); }
.u92.active { background: oklch(0.75 0.09 85); border-color: oklch(0.75 0.09 85); color: oklch(0.14 0.03 165); }
.u92.active .u93 { background: oklch(0.14 0.03 165); color: oklch(0.75 0.09 85); }
.u93 { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: oklch(0.75 0.09 85); color: oklch(0.14 0.03 165); font-size: 11px; font-weight: 700; }
.u54 { padding: 100px 56px; background: oklch(0.98 0.006 95); border-top: 1px solid oklch(0.9 0.005 95); }
.u60 { font-size: 15px; color: oklch(0.35 0.02 165); line-height: 1.4; }
.u61 { font-size: 13px; color: oklch(0.55 0.015 95); margin-top: 26px; line-height: 1.6; }

.terms-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; max-width: 1040px; margin: 0 auto; }
.terms-card { position: relative; background: #fff; border: 1px solid oklch(0.91 0.006 95); border-radius: 20px; padding: 44px 40px; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; box-shadow: 0 1px 3px oklch(0.2 0.02 165 / 0.04); }
.terms-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, oklch(0.75 0.09 85), oklch(0.75 0.09 85 / 0.15)); }
.terms-card:hover { transform: translateY(-4px); box-shadow: 0 24px 48px oklch(0.2 0.02 165 / 0.09); }
.terms-card-title { font-family: 'Playfair Display', serif; font-size: 19px; font-weight: 500; margin-bottom: 26px; color: oklch(0.2 0.02 165); }
.terms-list { display: flex; flex-direction: column; gap: 18px; }
.terms-item { display: flex; align-items: flex-start; gap: 14px; }
.terms-check { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: oklch(0.94 0.03 85); color: oklch(0.48 0.1 85); font-size: 11px; font-weight: 700; flex-shrink: 0; margin-top: 1px; }
@media (max-width: 768px) { .terms-grid { grid-template-columns: 1fr; } }
.u62 { padding: 110px 56px; background: oklch(0.08 0.02 165); text-align: center; position: relative; overflow: hidden; }
.final-cta-bg { position: absolute; inset: 0; }
.final-cta-img { width: 100%; height: 100%; object-fit: cover; opacity: 0.52; }
.final-cta-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, oklch(0.08 0.02 165 / 0.6) 0%, oklch(0.1 0.03 165 / 0.63) 55%, oklch(0.08 0.02 165 / 0.68) 100%); }
.final-cta-content { position: relative; z-index: 1; }
.u63 { font-family: 'Playfair Display', serif; font-size: 38px; color: oklch(0.96 0.008 95); margin: 0 0 20px; font-weight: 500; }
.u64 { font-size: 16px; color: oklch(0.7 0.015 95); margin: 0 0 24px; }
.u65 { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 1px solid oklch(0.75 0.09 85 / 0.3); border-radius: 999px; color: oklch(0.75 0.09 85); font-size: 13px; margin-bottom: 40px; }
.u66 { width: 6px; height: 6px; border-radius: 50%; background: oklch(0.75 0.09 85); }
.u67 { margin-bottom: 8px; font-size: 15px; color: oklch(0.8 0.015 95); }
.u68 { color: oklch(0.85 0.07 85); font-weight: 700; text-decoration: none; }
.u69 { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
.u70 { display: inline-flex; align-items: center; gap: 10px; padding: 15px 26px; border: 1px solid oklch(0.75 0.09 85 / 0.5); border-radius: 2px; color: oklch(0.94 0.01 95); text-decoration: none; font-size: 14px; font-weight: 600; letter-spacing: 0.3px; }
.u70:hover { background: oklch(0.75 0.09 85 / 0.1); border-color: oklch(0.75 0.09 85); }
.u71 { width: 7px; height: 7px; border-radius: 50%; background: #0077FF; }
.u72 { width: 7px; height: 7px; border-radius: 50%; background: #29A9EA; }
.u73 { width: 7px; height: 7px; border-radius: 50%; background: #7B6FE8; }
.u74 { padding: 48px 56px; background: oklch(0.1 0.025 165); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.u75 { font-family: 'Playfair Display', serif; font-size: 18px; color: oklch(0.85 0.01 95); }
.u76 { display: flex; align-items: center; gap: 18px; }
.u77 { font-size: 14px; color: oklch(0.55 0.015 95); }
.u78 { display: inline-flex; align-items: center; gap: 7px; color: oklch(0.7 0.015 95); text-decoration: none; font-size: 13px; font-weight: 500; }
.u79 { width: 6px; height: 6px; border-radius: 50%; background: #0077FF; }
.u80 { width: 6px; height: 6px; border-radius: 50%; background: #29A9EA; }
.u81 { width: 6px; height: 6px; border-radius: 50%; background: #7B6FE8; }