/* Layout refinements shared by the main customer pages. Palette lives in site-system.css. */
.premium-site .site-header-global {
  border-radius: 7px;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.premium-site .site-header-global .site-brand {
  font-size: clamp(25px, 2vw, 31px);
  text-shadow: none;
}

.premium-site .site-header-global .site-nav a {
  font-family: Manrope, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.premium-site .catalog-service {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.service-directory-page .service-directory-main { padding-bottom: 80px; }
.service-directory-page .service-directory-hero { min-height: 0; padding-block: 58px; }
.service-directory-page .service-directory-hero h1 { font-size: clamp(52px, 6vw, 78px); }
.service-directory-page .catalog-controls { padding-top: 24px; }
.service-directory-page .catalog-service { margin-bottom: 7px; }
.service-directory-page .catalog-service summary { min-height: 89px; padding: 14px 20px; }
.service-directory-page .catalog-service summary strong { font-size: clamp(26px, 2.8vw, 34px); }
.service-directory-page .catalog-service-direct { grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center; }
.service-directory-page .catalog-service-body { padding: 0 20px 20px; }
.service-directory-page .catalog-service-list { display: flex; flex-direction: column; gap: 0; border: 0; }
.service-directory-page .catalog-service[data-category="Аппаратная косметология"] { order: 1; }
.service-directory-page .catalog-service[data-category="Эстетическая косметология"] { order: 2; }
.service-directory-page .catalog-service[data-category="Перманентный макияж"] { order: 3; }
.service-directory-page .catalog-service[data-category="Удаление"] { order: 4; }
.service-directory-page .catalog-service[data-category="Консультация"] { order: 5; }

@media (max-width: 760px) {
  .premium-site .site-header-global,
  .premium-site .site-menu-toggle { border-radius: 7px; }
  .service-directory-page .service-directory-main { padding-top: 96px; }
  .service-directory-page .service-directory-hero { padding: 18px 0 30px; gap: 21px; }
  .service-directory-page .service-directory-hero h1 { font-size: clamp(48px, 12vw, 65px); }
  .service-directory-page .catalog-service-direct { grid-template-columns: 1fr; gap: 2px; }
  .service-directory-page .catalog-service summary { min-height: 86px; padding: 12px; }
  .service-directory-page .catalog-service-body { padding: 0 12px 16px; }
}