/* Perle Paris theme: подключаем базовую вёрстку Rio Brazil и переопределяем стили */
@import url('/business/widget-themes/rio-brazil/business-page/theme.css');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

/* ========== Французский арт-шрифт для заголовков и названий групп/подгрупп меню ========== */
.main-menu .menu-business-name,
.page--perle-paris .demo-hero-title,
.page--perle-paris .demo-hero-sub,
.page--perle-paris .section-title,
.page--perle-paris .rio-footer.perle-footer .section-title,
.page--perle-paris #services-container .svc-group-title,
.page--perle-paris #services-container .svc-subtitle,
.page--perle-paris #services-container .svc-card .svc-title {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
}

/* ========== 1. Верхнее меню: белый фон, чёрный текст везде (меню вне .page, поэтому без привязки к .page--perle-paris) ========== */
.main-menu {
  background: #fff !important;
  border-bottom: 1px solid #eee !important;
}
.main-menu .menu-business-name {
  color: #111 !important;
  text-shadow: none !important;
}
.main-menu .menu-logo-placeholder {
  color: #333 !important;
  background: rgba(0,0,0,0.08) !important;
}
.main-menu .menu-btn,
.main-menu .menu-btn i,
.main-menu .menu-modal .menu-modal-title,
.main-menu .menu-modal .menu-list a,
.main-menu .menu-modal .menu-modal-close {
  color: #111 !important;
}
@media (max-width: 768px) {
  .main-menu .menu-business-name {
    display: none !important;
  }
}

/* ========== 2. Hero: без фото, белый фон, чёрный текст ========== */
.page--perle-paris .demo-hero {
  background: #fff !important;
  background-image: none !important;
  color: #111 !important;
}
.page--perle-paris .demo-hero-overlay {
  display: none !important;
}
.page--perle-paris .demo-hero-title {
  color: #111 !important;
  text-shadow: none !important;
}
.page--perle-paris .demo-hero-sub {
  color: #333 !important;
  text-shadow: none !important;
}
.page--perle-paris .demo-hero .demo-hero-btn {
  background: #333 !important;
  color: #fff !important;
}
.page--perle-paris .demo-hero .demo-hero-btn:hover {
  background: #111 !important;
  color: #fff !important;
}

/* ========== 3. О нас: фон — засветлённое фото №1 галереи с параллаксом, текст чёрный ========== */
.page--perle-paris .section.about.perle-about {
  background-color: #f5f5f5 !important;
  background-image: var(--perle-about-bg, none) !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}
.page--perle-paris .section.about.perle-about .rio-about-overlay {
  background: rgba(255,255,255,0.75) !important;
}
.page--perle-paris .section.about.perle-about .rio-about-text {
  color: #111 !important;
  text-shadow: none !important;
}

/* ========== 4. Футер: белый фон, весь текст чёрный (контакты, часы, «Сделано в Listim») ========== */
.page--perle-paris .rio-footer.perle-footer {
  background-color: #fff !important;
  background-image: none !important;
}
.page--perle-paris .rio-footer.perle-footer .rio-footer-overlay {
  display: none !important;
}
.page--perle-paris .rio-footer.perle-footer .rio-footer-contacts .section-title,
.page--perle-paris .rio-footer.perle-footer .rio-footer-hours .section-title,
.page--perle-paris .rio-footer.perle-footer .rio-footer-map-col .section-title,
.page--perle-paris .rio-footer.perle-footer .rio-footer-map-full .section-title {
  color: #111 !important;
}
.page--perle-paris .rio-footer.perle-footer .contact-label,
.page--perle-paris .rio-footer.perle-footer .contact-value,
.page--perle-paris .rio-footer.perle-footer .contact-value a,
.page--perle-paris .rio-footer.perle-footer .hours-block .hours-row span,
.page--perle-paris .rio-footer.perle-footer .hours-block .hours-row .muted,
.page--perle-paris .rio-footer.perle-footer .muted {
  color: #111 !important;
}
.page--perle-paris .rio-footer.perle-footer .contact-icon {
  background: rgba(0,0,0,0.08) !important;
  color: #111 !important;
}
.page--perle-paris .rio-footer.perle-footer .hours-block .hours-row {
  border-bottom-color: rgba(0,0,0,0.12) !important;
}
.page--perle-paris .rio-footer.perle-footer .listim-credit-link,
.page--perle-paris .rio-footer.perle-footer .listim-credit--footer .listim-credit-link {
  color: #111 !important;
}
.page--perle-paris .rio-footer.perle-footer .listim-credit-link:hover,
.page--perle-paris .rio-footer.perle-footer .listim-credit--footer .listim-credit-link:hover {
  color: #333 !important;
}
.page--perle-paris .rio-footer.perle-footer .listim-credit-line,
.page--perle-paris .rio-footer.perle-footer .listim-credit--footer .listim-credit-line {
  border-color: rgba(0,0,0,0.15) !important;
}

/* ========== 5–6. Блок меню: белый фон (без фото); группы без разделения; без картинок у пунктов ========== */
.page--perle-paris .section.services.perle-menu-section {
  background: #fff !important;
  background-image: none !important;
  position: relative !important;
}
/* Заголовок «Меню» у блока меню — скрыт */
.page--perle-paris .section.services.perle-menu-section > .section-title {
  display: none !important;
}
.page--perle-paris .section.services.perle-menu-section .section-body .section-title {
  color: #111 !important;
  position: relative;
  z-index: 1;
}
.page--perle-paris .section.services.perle-menu-section .section-body {
  color: #111 !important;
  position: relative;
  z-index: 1;
}

/* Группы меню: все с прозрачным фоном, кроме 2-й (фон — фото №3 галереи) */
.page--perle-paris #services-container .svc-group,
.page--perle-paris #services-container .svc-group:nth-child(1),
.page--perle-paris #services-container .svc-group:nth-child(odd),
.page--perle-paris #services-container .svc-group:nth-child(even),
.page--perle-paris #services-container .svc-group:nth-child(3),
.page--perle-paris #services-container .svc-group:nth-child(4),
.page--perle-paris #services-container .svc-group:nth-child(5) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  background-attachment: scroll !important;
}
/* Группа меню №2: фон — фото №3 галереи, засветлённое, параллакс */
.page--perle-paris #services-container .svc-group:nth-child(2) {
  position: relative !important;
  background-color: transparent !important;
  background-image: var(--perle-group2-bg, none) !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}
.page--perle-paris #services-container .svc-group:nth-child(2)::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(255,255,255,0.75) !important;
  pointer-events: none !important;
}
.page--perle-paris #services-container .svc-group:nth-child(2) > * {
  position: relative !important;
  z-index: 1 !important;
}
.page--perle-paris #services-container .svc-group-title {
  color: #111 !important;
  text-align: center !important;
  border-bottom: none !important;
  padding-bottom: 30px !important;
}
.page--perle-paris #services-container .svc-group,
.page--perle-paris #services-container .svc-subgroup {
  border-bottom: none !important;
  border-top: none !important;
}
.page--perle-paris #services-container .svc-subgroup {
  padding-top: 36px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 24px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.6) !important;
}
.page--perle-paris #services-container .svc-group-descr,
.page--perle-paris #services-container .svc-subtitle,
.page--perle-paris #services-container .svc-subdescr {
  color: #333 !important;
}
.page--perle-paris #services-container .svc-subtitle {
  font-size: 1.8rem !important;
  text-align: center !important;
  padding-bottom: 20px !important;
}

/* Сетка: по одной карточке в ряд */
.page--perle-paris #services-container .svc-grid {
  grid-template-columns: 1fr !important;
}

/* Карточки: макс. ширина 1000px, margin снизу 10px, прозрачный фон */
.page--perle-paris #services-container .svc-card {
  width: 100% !important;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 10px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.page--perle-paris #services-container .svc-card:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Блок картинки в карточке — закругление всех углов, тень */
.page--perle-paris #services-container .svc-card.with-image .svc-img-wrap {
  min-width: 180px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}
.page--perle-paris #services-container .svc-card.with-image .svc-img-wrap .svc-img {
  border-radius: 8px !important;
}

/* Чередование (фото слева/справа) задаётся только в медиа: десктоп — блок «На десктопе» ниже, мобилка — блок «Мобилка» ниже; глобального column здесь нет, чтобы не перебивать мобилку */

/* Строка «Название — Цена» в одном блоке, выравнивание по центру */
.page--perle-paris #services-container .svc-card .svc-title-line {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0 6px !important;
}
.page--perle-paris #services-container .svc-card .svc-title-sep {
  flex-shrink: 0 !important;
  color: #333 !important;
}
.page--perle-paris #services-container .svc-card .svc-price-inline {
  display: inline-flex !important;
  align-items: baseline !important;
}
.page--perle-paris #services-container .svc-card .svc-options-inline {
  color: #111 !important;
}

/* Мобилка: карточка в одну строку (фото сбоку, название/цена/описание с другой), подгруппы без паддингов, цена под названием */
@media (max-width: 768px) {
  .page--perle-paris #services-container .svc-subgroup {
    padding: 0 !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card,
  .page--perle-paris #services-container .svc-grid .svc-card:nth-child(odd),
  .page--perle-paris #services-container .svc-grid .svc-card:nth-child(even) {
    flex-direction: row !important;
    align-items: flex-start !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card:nth-child(even) {
    flex-direction: row-reverse !important;
  }
  .page--perle-paris #services-container .svc-card .svc-body {
    flex: 1 !important;
    min-width: 0 !important;
  }
  .page--perle-paris #services-container .svc-card.with-image .svc-img-wrap {
    min-width: 100px !important;
    max-width: 120px !important;
    flex-shrink: 0 !important;
  }
  .page--perle-paris #services-container .svc-card .svc-title-line {
    flex-direction: column !important;
    gap: 2px 0 !important;
  }
  .page--perle-paris #services-container .svc-card .svc-title-sep {
    display: none !important;
  }

  /* С картинкой: нечётные — весь контент влево (к фото), чётные — вправо; align-items чтобы описание не уезжало вправо */
  .page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(odd) .svc-body {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(odd) .svc-body > .svc-descr,
  .page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(odd) .svc-body > .svc-options,
  .page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(odd) .svc-body > .svc-original {
    text-align: left !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(odd) .svc-title-line {
    justify-content: flex-start !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(odd) .svc-body > .svc-price-row {
    justify-content: flex-start !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(even) .svc-body {
    justify-content: flex-end !important;
    align-items: flex-end !important;
    text-align: right !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(even) .svc-body > .svc-descr,
  .page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(even) .svc-body > .svc-options,
  .page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(even) .svc-body > .svc-original {
    text-align: right !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(even) .svc-title-line {
    justify-content: flex-end !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(even) .svc-body > .svc-price-row {
    justify-content: flex-end !important;
  }

  /* Без картинки на мобилке — весь контент по центру, включая название и цену */
  .page--perle-paris #services-container .svc-grid .svc-card:not(.with-image) .svc-body {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card:not(.with-image) .svc-body > .svc-title-line {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    align-self: center !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card:not(.with-image) .svc-body > .svc-price-row {
    justify-content: center !important;
    text-align: center !important;
    align-self: center !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card:not(.with-image) .svc-body > .svc-descr,
  .page--perle-paris #services-container .svc-grid .svc-card:not(.with-image) .svc-body > .svc-options,
  .page--perle-paris #services-container .svc-grid .svc-card:not(.with-image) .svc-body > .svc-original {
    text-align: center !important;
  }
}

/* Тело карточки: порядок блоков, текст по центру */
.page--perle-paris #services-container .svc-card .svc-body {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 4px 12px !important;
  text-align: center !important;
}
.page--perle-paris #services-container .svc-card .svc-body > .svc-descr,
.page--perle-paris #services-container .svc-card .svc-body > .svc-options {
  text-align: center !important;
}
.page--perle-paris #services-container .svc-card .svc-body > .svc-price-row {
  justify-content: center !important;
}
.page--perle-paris #services-container .svc-card .svc-body > .svc-title-line {
  order: 1 !important;
  flex-basis: 100% !important;
}
.page--perle-paris #services-container .svc-card .svc-body > .svc-original {
  order: 2 !important;
  flex-basis: 100% !important;
}
.page--perle-paris #services-container .svc-card .svc-body > .svc-descr {
  order: 3 !important;
  flex-basis: 100% !important;
}
.page--perle-paris #services-container .svc-card .svc-body > .svc-options {
  order: 4 !important;
  flex-basis: 100% !important;
}
.page--perle-paris #services-container .svc-card .svc-body > .svc-price-row {
  order: 5 !important;
  flex-basis: 100% !important;
}

/* Карточки с фото: контент прижат к фото — нечётные (фото слева) влево, чётные (фото справа) вправо; без фото — по центру как выше */
.page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(odd) .svc-body {
  justify-content: flex-start !important;
  text-align: left !important;
}
.page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(odd) .svc-body > .svc-descr,
.page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(odd) .svc-body > .svc-options {
  text-align: left !important;
}
.page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(odd) .svc-title-line {
  justify-content: flex-start !important;
}
.page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(odd) .svc-body > .svc-price-row {
  justify-content: flex-start !important;
}

.page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(even) .svc-body {
  justify-content: flex-end !important;
  text-align: right !important;
}
.page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(even) .svc-body > .svc-descr,
.page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(even) .svc-body > .svc-options {
  text-align: right !important;
}
.page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(even) .svc-title-line {
  justify-content: flex-end !important;
}
.page--perle-paris #services-container .svc-grid .svc-card.with-image:nth-child(even) .svc-body > .svc-price-row {
  justify-content: flex-end !important;
}

/* На десктопе: чередование картинка слева/справа */
@media (min-width: 769px) {
  .page--perle-paris #services-container .svc-card {
    flex-direction: row !important;
    align-items: center !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card:nth-child(odd) {
    flex-direction: row !important;
  }
  .page--perle-paris #services-container .svc-grid .svc-card:nth-child(even) {
    flex-direction: row-reverse !important;
  }
  .page--perle-paris #services-container .svc-card .svc-body {
    flex: 1 !important;
    min-width: 0 !important;
  }
}
.page--perle-paris #services-container .svc-card .svc-title,
.page--perle-paris #services-container .svc-card .svc-price-inline .svc-price,
.page--perle-paris #services-container .svc-card .svc-price-row .svc-price,
.page--perle-paris #services-container .svc-card .svc-price-main {
  color: #111 !important;
}
.page--perle-paris #services-container .svc-card .svc-descr,
.page--perle-paris #services-container .svc-card .svc-original,
.page--perle-paris #services-container .svc-card .svc-options,
.page--perle-paris #services-container .svc-card .svc-option-line,
.page--perle-paris #services-container .svc-card .svc-price-original-inline,
.page--perle-paris #services-container .svc-card .svc-price-sep {
  color: #333 !important;
}
.page--perle-paris #services-container .svc-card .svc-add-to-cart {
  color: #111 !important;
  background: rgba(255,255,255,0.9) !important;
  border-color: rgba(0,0,0,0.2) !important;
}
.page--perle-paris #services-container .svc-card .svc-add-to-cart:hover {
  background: #fff !important;
  color: #111 !important;
}

/* Навигация по блоку меню (чипы групп) — скрыта */
.page--perle-paris #services-container .svc-menu-nav {
  display: none !important;
}

/* Фон страницы в perle-paris — светлый */
.page--perle-paris {
  background: #fff !important;
}