/* =========================================================
   AVELIS SELECTION — CLEAN STYLE V1
   Replace BOTH theme style.css content and CSS adicional only after backup.
   ========================================================= */

:root {
  --bg: #f7f2eb;
  --bg2: #efe7dd;
  --paper: rgba(255, 252, 247, 0.78);
  --paper-strong: rgba(255, 252, 247, 0.92);
  --text: #191714;
  --muted: #6f685f;
  --olive: #263128;
  --olive2: #364137;
  --olive-dark: #1b2a21;
  --gold: #b6926b;
  --white: #ffffff;
  --line: rgba(186, 162, 136, 0.24);
  --shadow: 0 28px 80px rgba(28, 21, 15, 0.09);
  --shadow-soft: 0 14px 35px rgba(28, 21, 15, 0.06);
  --radius-xl: 34px;
  --container: 1240px;
  --header-h: 88px;
  --header-h-tablet: 68px;
  --header-h-mobile: 64px;
}

/* =========================================================
   1. RESET / BASE
   ========================================================= */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-h) + 22px);
}

body {
  max-width: 100%;
  overflow-x: hidden;
  font-family: "Inter", sans-serif;
  color: var(--text);
  line-height: 1.55;
  background:
    radial-gradient(circle at top left, rgba(182, 146, 107, 0.10), transparent 22%),
    radial-gradient(circle at top right, rgba(38, 49, 40, 0.05), transparent 18%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.menu-open,
body.avelis-modal-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

img,
video {
  display: block;
  max-width: 100%;
}

main {
  overflow: hidden;
}

.container {
  width: min(100% - 32px, var(--container));
  margin: 0 auto;
}

.section {
  padding: 42px 0 110px;
}

.section-tight {
  padding-top: 18px;
}

main > section:last-child {
  margin-bottom: 0;
}

/* =========================================================
   2. TYPOGRAPHY
   ========================================================= */

h1,
h2,
h3 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--olive);
}

.eyebrow::before {
  content: "";
  width: 38px;
  height: 1px;
  background: linear-gradient(90deg, var(--gold), transparent);
}

.eyebrow.light {
  color: rgba(255, 255, 255, 0.92);
}

.eyebrow.light::before {
  background: linear-gradient(90deg, rgba(255,255,255,0.72), transparent);
}

.section-head {
  max-width: 760px;
  margin: 0 auto 28px;
}

.section-head.center {
  text-align: center;
}

.section-head.center .eyebrow {
  justify-content: center;
}

.section-head h2,
.split-text h2,
.page-hero__content h1,
.pro-detail-block__content h2,
.video-full__content h2 {
  line-height: 0.96;
  letter-spacing: -0.04em;
}

.section-head h2,
.split-text h2 {
  font-size: clamp(42px, 5vw, 76px);
  margin-bottom: 16px;
}

.section-head p,
.split-text p {
  max-width: 720px;
  font-size: 16px;
  line-height: 1.72;
  color: var(--muted);
}

.section-head.center h2,
.section-head.center p {
  margin-left: auto;
  margin-right: auto;
}

/* =========================================================
   3. BUTTONS
   ========================================================= */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 0 30px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  transition: transform 0.28s ease, filter 0.28s ease, background 0.28s ease, border-color 0.28s ease, color 0.28s ease;
  cursor: pointer;
}

.btn-dark {
  color: var(--white);
  background: linear-gradient(180deg, var(--olive2) 0%, var(--olive) 100%);
  box-shadow: 0 16px 34px rgba(20, 27, 21, 0.22);
}

.btn-dark:hover,
.btn-header:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
}

.btn-light {
  color: var(--white);
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.24);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.btn-light:hover {
  background: rgba(255, 255, 255, 0.48);
}

.btn-header {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--olive2) 0%, var(--olive) 100%);
  border: 1px solid rgba(38, 49, 40, 0.14);
  color: var(--white);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(20, 27, 21, 0.16);
}

/* =========================================================
   4. HEADER / NAVIGATION
   ========================================================= */

.header {
  position: sticky;
  top: 0;
  z-index: 9998;
  width: 100%;
  background: rgba(255, 252, 247, 0.94);
  border-bottom: 1px solid rgba(54, 43, 36, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.nav-wrap {
  min-height: var(--header-h);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
}

.header-left {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.logo {
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
  font-family: "Cormorant Garamond", serif;
  color: var(--olive);
  white-space: nowrap;
}

.logo-main {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0.04em;
  color: var(--olive);
}

.logo-sub {
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold);
  transform: translateY(-3px);
}

.nav--compact {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.nav--compact a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-family: "Cormorant Garamond", serif;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--olive);
  white-space: nowrap;
  transition: color 0.25s ease, transform 0.25s ease;
}

.nav--compact a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 7px;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(182,146,107,0.85), rgba(182,146,107,0.18));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.28s ease;
}

.nav--compact a:hover {
  color: var(--text);
  transform: translateY(-2px);
}

.nav--compact a:hover::after,
.nav--compact a[aria-current="page"]::after {
  transform: scaleX(1);
}

.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.menu-toggle {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 999px;
  border: 1px solid rgba(54, 43, 36, 0.12);
  background: rgba(255, 255, 255, 0.62);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform 0.25s ease, background 0.25s ease;
}

.menu-toggle:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.82);
}

.menu-toggle span {
  display: block;
  width: 18px;
  height: 1.6px;
  border-radius: 999px;
  background: var(--olive);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.menu-toggle.is-active span:first-child {
  transform: translateY(3.8px) rotate(45deg);
}

.menu-toggle.is-active span:last-child {
  transform: translateY(-3.8px) rotate(-45deg);
}

/* =========================================================
   5. BURGER MENU
   ========================================================= */

.menu-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(18, 14, 12, 0.34);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}

.menu-overlay.is-open,
.menu-overlay.active,
body.menu-open .menu-overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.menu-panel {
  position: absolute;
  top: 18px;
  left: 18px;
  width: min(420px, calc(100vw - 36px));
  max-height: calc(100dvh - 36px);
  overflow-y: auto;
  padding: 22px 22px 20px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,252,248,0.98), rgba(255,249,243,0.98));
  border: 1px solid rgba(186, 162, 136, 0.16);
  box-shadow: 0 28px 80px rgba(28, 21, 15, 0.18);
  transform: translateY(-8px) scale(0.98);
  opacity: 0;
  transition: transform 0.28s ease, opacity 0.28s ease;
}

.menu-overlay.is-open .menu-panel,
.menu-overlay.active .menu-panel,
body.menu-open .menu-panel {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.menu-panel__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.menu-panel__eyebrow,
.menu-panel__title {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(109, 102, 95, 0.78);
}

.menu-panel__title {
  margin-bottom: 10px;
}

.menu-close {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(38, 49, 40, 0.10);
  background: rgba(38, 49, 40, 0.06);
  color: var(--olive);
  font-size: 28px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.menu-panel__group + .menu-panel__group {
  margin-top: 18px;
}

.menu-panel__nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.menu-panel__nav a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid rgba(186, 162, 136, 0.12);
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
  line-height: 0.98;
  letter-spacing: -0.02em;
  color: var(--text);
  background: transparent;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.menu-panel__nav a:hover {
  opacity: 0.72;
  transform: translateX(4px);
}

.menu-panel__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(186, 162, 136, 0.14);
}

.menu-panel__cta {
  width: 100%;
}

/* =========================================================
   6. HEROES
   ========================================================= */

.hero {
  position: relative;
  min-height: calc(100vh - var(--header-h));
  display: flex;
  align-items: center;
  overflow: hidden;
}

.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(180deg, rgba(18,14,12,0.08), rgba(18,14,12,0.18)),
    url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-davis-vidal-24041114-8465936.jpg") center center / cover no-repeat;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(16, 12, 10, 0.34), rgba(16, 12, 10, 0.62)),
    radial-gradient(circle at 20% 18%, rgba(182, 146, 107, 0.14), transparent 24%);
}

.hero-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: calc(100vh - var(--header-h));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 72px 0 76px;
}

.hero-content {
  width: min(100%, 920px);
  margin: 0 auto;
  text-align: center;
  color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero-content .eyebrow.light {
  justify-content: center;
  margin-bottom: 22px;
}

.hero-content h1 {
  max-width: 820px;
  margin: 0 auto 20px;
  font-size: clamp(42px, 5vw, 74px);
  line-height: 0.95;
  letter-spacing: -0.035em;
  color: var(--white);
  text-shadow: 0 8px 24px rgba(0,0,0,0.18);
}

.hero h1 em,
.page-hero h1 em {
  font-style: italic;
  color: #e5d1ba;
}

.lead {
  max-width: 720px;
  margin: 0 auto 30px;
  font-size: 17px;
  line-height: 1.68;
  color: rgba(255,255,255,0.88);
  text-shadow: 0 6px 20px rgba(0,0,0,0.14);
}

.hero-actions {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 38px;
}

.hero-actions .btn {
  min-width: 220px;
}

.hero-points {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 8px;
}

.hero-points article {
  min-height: 150px;
  padding: 24px 22px 22px;
  border-radius: 24px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.14);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 34px rgba(0,0,0,0.08);
  text-align: left;
}

.hero-points strong {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--white);
}

.hero-points p {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255,255,255,0.80);
}

/* Page hero */

.page-hero {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.page-hero__bg,
.page-hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.page-hero__bg {
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.page-hero__video {
  object-fit: cover;
}

.page-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(16,12,10,0.42), rgba(16,12,10,0.68)),
    radial-gradient(circle at 18% 20%, rgba(182,146,107,0.10), transparent 24%);
}

.page-hero__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 110px 0 70px;
}

.page-hero__inner--center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-hero__content {
  position: relative;
  z-index: 2;
  max-width: 860px;
  color: var(--white);
}

.page-hero__content--plain {
  width: min(100%, 980px);
  margin: 0 auto;
  text-align: center;
  transform: translateY(-24px);
}

.page-hero__content .eyebrow.light {
  justify-content: center;
}

.page-hero__content h1 {
  max-width: 980px;
  margin: 0 auto 18px;
  font-size: clamp(50px, 5.8vw, 88px);
  line-height: 0.92;
  letter-spacing: -0.04em;
  color: var(--white);
  text-shadow: 0 8px 24px rgba(0,0,0,0.22);
}

.page-hero__content p {
  max-width: 780px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.72;
  color: rgba(255,255,255,0.90);
  text-shadow: 0 6px 20px rgba(0,0,0,0.18);
}

/* Page hero backgrounds */

.page-hero__bg--faq {
  background-image: url("https://avelisselection.com/wp-content/uploads/2026/05/ContactF1-1.jpg");
}

.page-hero__bg--about,
.page-hero--about {
  background-image: url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-ron-lach-10558185.jpg");
  background-size: cover;
  background-position: center;
}

.page-hero__bg--delivery {
  background:
    linear-gradient(180deg, rgba(18,14,12,0.10), rgba(18,14,12,0.28) 55%, rgba(29,37,31,0.48)),
    url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-ron-lach-9603486.jpg") center center / cover no-repeat;
}

.page-hero__bg--contacts {
  background:
    linear-gradient(180deg, rgba(18,14,12,0.08), rgba(18,14,12,0.20)),
    url("https://avelisselection.com/wp-content/uploads/2026/04/ContactF2.jpg") center/cover no-repeat;
}

.page-hero__bg--fashion,
.page-hero--fashion {
  background:
    linear-gradient(180deg, rgba(18,14,12,0.18), rgba(18,14,12,0.58)),
    url("https://avelisselection.com/wp-content/uploads/2026/04/Primero.jpg") center center / cover no-repeat;
}

.page-hero__bg--catalog {
  background:
    linear-gradient(180deg, rgba(18,14,12,0.16), rgba(18,14,12,0.48)),
    url("https://avelisselection.com/wp-content/uploads/2026/04/premiumCosm2.jpg") center center / cover no-repeat;
}

.page-hero__bg--request {
  background:
    linear-gradient(180deg, rgba(18,14,12,0.10), rgba(18,14,12,0.24)),
    url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-laurachouette-34155824.jpg") center/cover no-repeat;
}

/* =========================================================
   7. COMMON CARDS / GRIDS
   ========================================================= */

.split-card,
.pro-detail-block,
.contacts-main__grid,
.about-intro__grid {
  display: grid;
  grid-template-columns: 1.04fr 0.96fr;
  gap: 24px;
  align-items: stretch;
}

.split-text,
.split-media,
.pro-detail-block__content,
.pro-detail-block__media,
.contacts-main__info,
.contacts-main__media,
.about-intro__text,
.about-intro__media {
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow);
}

.split-text,
.pro-detail-block__content,
.contacts-main__info,
.about-intro__text,
.request-shell__intro,
.request-form,
.about-value-card,
.step-card,
.delivery-note-card,
.contacts-action-card,
.blog-card,
.stock-card,
.delivery-cost-card,
.delivery-tariff-card {
  padding: 56px 52px;
  background: linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,252,247,0.72));
  border: 1px solid rgba(255,255,255,0.58);
  box-shadow: var(--shadow-soft);
}

.about-value-card,
.step-card,
.delivery-note-card,
.contacts-action-card,
.blog-card,
.stock-card,
.delivery-cost-card,
.delivery-tariff-card {
  padding: 30px 24px 26px;
  border-radius: var(--radius-xl);
}

.split-media,
.pro-detail-block__media,
.contacts-main__media,
.about-intro__media {
  min-height: 520px;
  background-size: cover;
  background-position: center;
}

.split-media {
  background:
    linear-gradient(180deg, rgba(20,18,16,0.08), rgba(20,18,16,0.24)),
    url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-nguyendesigner-17281873.jpg") center/cover no-repeat;
}

.about-intro__media {
  background:
    linear-gradient(180deg, rgba(18,14,12,0.08), rgba(18,14,12,0.24)),
    url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-valeriiamiller-3948026.jpg") center/cover no-repeat;
}

.contacts-main__media {
  background:
    linear-gradient(180deg, rgba(18,14,12,0.08), rgba(18,14,12,0.24)),
    url("https://avelisselection.com/wp-content/uploads/2026/04/ContactF2.jpg") center/cover no-repeat;
}

.split-text h2,
.pro-detail-block__content h2,
.contacts-main__info h2,
.about-intro__text h2 {
  font-size: clamp(42px, 5vw, 72px);
  margin-bottom: 16px;
  color: var(--text);
}

.split-text p,
.pro-detail-block__lead,
.pro-detail-block__subtext,
.contacts-main__info p,
.about-intro__text p {
  max-width: 720px;
  font-size: 16px;
  line-height: 1.72;
  color: var(--muted);
}

.home-categories-grid,
.catalog-sections,
.steps-grid,
.delivery-note-grid__cards,
.about-values__grid,
.about-categories__grid,
.contacts-quick-actions__grid,
.pro-categories,
.stock-grid,
.blog-grid {
  display: grid;
  gap: 20px;
}

.steps-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.about-values__grid,
.about-categories__grid,
.contacts-main__grid,
.contacts-quick-actions__grid,
.stock-grid,
.blog-grid,
.catalog-sections {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contacts-quick-actions__grid,
.pro-categories,
.stock-grid,
.blog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.step-card__num,
.about-value-card__num,
.contacts-action-card__num,
.delivery-cost-card__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: rgba(38,49,40,0.08);
  border: 1px solid rgba(186,162,136,0.18);
  color: var(--olive);
  font-size: 12px;
  letter-spacing: 0.10em;
}

.step-card h3,
.about-value-card h3,
.delivery-note-card h3,
.contacts-action-card h3,
.blog-card h3,
.stock-card h3,
.delivery-cost-card h3 {
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 0.98;
  letter-spacing: -0.03em;
  color: var(--text);
}

.step-card p,
.about-value-card p,
.delivery-note-card p,
.contacts-action-card p,
.blog-card p,
.stock-card p,
.delivery-cost-card p {
  font-size: 15px;
  line-height: 1.68;
  color: var(--muted);
}

/* Tiles */

.home-categories-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.tile {
  position: relative;
  min-height: 420px;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow);
  isolation: isolate;
}

.home-categories-grid .tile {
  min-height: 400px;
}

.home-categories-grid .tile.perfume,
.home-categories-grid .tile.beauty,
.home-categories-grid .tile.kids {
  grid-column: span 4;
}

.home-categories-grid .tile.fashion,
.home-categories-grid .tile.pro {
  grid-column: span 6;
}

.tile::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.7s ease;
  z-index: -2;
}

.tile:hover::before {
  transform: scale(1.04);
}

.tile-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(18,14,12,0.10), rgba(18,14,12,0.66));
  z-index: -1;
}

.tile-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 34px 30px;
  color: var(--white);
}

.tile h3 {
  max-width: 320px;
  margin-bottom: 10px;
  font-size: clamp(36px, 3vw, 50px);
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: var(--white);
}

.tile p {
  max-width: 360px;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255,255,255,0.82);
}

.num {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 999px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.16);
  font-size: 12px;
  letter-spacing: 0.10em;
  backdrop-filter: blur(12px);
}

.tile.perfume::before { background-image: linear-gradient(180deg, rgba(28,24,22,0.08), rgba(28,24,22,0.18)), url("https://avelisselection.com/wp-content/uploads/2026/05/johanne-pold-jacobsen-XYkc3MfT7b4-unsplash-1.jpg"); }
.tile.beauty::before { background-image: linear-gradient(180deg, rgba(28,24,22,0.08), rgba(28,24,22,0.18)), url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-rdne-8580765.jpg"); }
.tile.kids::before { background-image: linear-gradient(180deg, rgba(28,24,22,0.08), rgba(28,24,22,0.18)), url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-cottonbro-3661240.jpg"); }
.tile.fashion::before { background-image: linear-gradient(180deg, rgba(28,24,22,0.08), rgba(28,24,22,0.18)), url("https://avelisselection.com/wp-content/uploads/2026/05/abdulai-sayni-1QcLbPi3S7Y-unsplash.jpg"); }
.tile.pro::before { background-image: linear-gradient(180deg, rgba(28,24,22,0.08), rgba(28,24,22,0.18)), url("https://avelisselection.com/wp-content/uploads/2026/04/CosmCard.jpg"); }

/* =========================================================
   8. FULL WIDTH IMAGE / VIDEO BANDS
   ========================================================= */

.video-full,
.about-audience-band__full,
.contacts-help-band__full,
.delivery-info-band__full,
.pro-video-cta,
.catalog-cta {
  position: relative;
  width: 100vw;
  min-height: 620px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  isolation: isolate;
}

.video-full {
  min-height: 760px;
  background:
    linear-gradient(180deg, rgba(18,14,12,0.12), rgba(18,14,12,0.34)),
    url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-cup-of-couple-6956903.jpg") center center / cover no-repeat;
}

.video-full__bg {
  display: none;
}

.video-full__overlay,
.about-audience-band__overlay,
.contacts-help-band__overlay,
.delivery-info-band__overlay,
.pro-video-cta__overlay,
.catalog-cta__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(16,12,10,0.34), rgba(16,12,10,0.68)),
    radial-gradient(circle at 18% 20%, rgba(182,146,107,0.10), transparent 24%);
}

.video-full .container,
.about-audience-band__full .container,
.contacts-help-band__full .container,
.delivery-info-band__full .container,
.pro-video-cta .container,
.catalog-cta .container {
  position: relative;
  z-index: 2;
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-full__content,
.about-audience-band__content,
.contacts-help-band__content,
.delivery-info-band__content--fullwidth,
.pro-video-cta__content,
.catalog-cta__content {
  width: min(100%, 920px);
  margin: 0 auto;
  padding: 64px 0;
  color: var(--white);
  text-align: center;
}

.video-full__content h2,
.about-audience-band__text h2,
.contacts-help-band__text h2,
.delivery-info-band__text h2,
.pro-video-cta__content h2,
.catalog-cta__content h2 {
  font-size: clamp(42px, 5vw, 78px);
  line-height: 0.96;
  letter-spacing: -0.04em;
  margin-bottom: 14px;
  color: var(--white);
}

.video-full__content p,
.about-audience-band__text p,
.contacts-help-band__text p,
.delivery-info-band__text p,
.pro-video-cta__content p,
.catalog-cta__content p {
  max-width: 760px;
  margin: 0 auto 28px;
  font-size: 17px;
  line-height: 1.72;
  color: rgba(255,255,255,0.84);
}

.about-audience-band__full {
  background: url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-valeriiamiller-3948026.jpg") center/cover no-repeat;
}

.about-audience-band__video {
  display: none;
}

.contacts-help-band__full {
  background: url("https://avelisselection.com/wp-content/uploads/2026/04/ContactF1.jpg") center/cover no-repeat;
}

.delivery-info-band__full {
  background: url("https://avelisselection.com/wp-content/uploads/2026/04/compF2.jpg") center/cover no-repeat;
}

.pro-video-cta {
  background:
    linear-gradient(180deg, rgba(18,14,12,0.18), rgba(18,14,12,0.72)),
    url("https://avelisselection.com/wp-content/uploads/2026/04/pro-fit2.jpg") center/cover no-repeat;
}

.catalog-cta__bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(18,14,12,0.10), rgba(18,14,12,0.50)),
    url("https://avelisselection.com/wp-content/uploads/2026/04/perfume-Card2.jpg") center/cover no-repeat;
}

/* =========================================================
   9. FAQ
   ========================================================= */

.faq-section .section-head {
  max-width: 820px;
  margin-top: 34px;
}

.faq-list {
  max-width: 920px;
  margin: 0 auto 44px;
  display: grid;
  gap: 14px;
}

.faq-item {
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,252,247,0.72));
  border: 1px solid rgba(255,255,255,0.58);
  box-shadow: var(--shadow-soft);
}

.faq-item summary {
  position: relative;
  list-style: none;
  cursor: pointer;
  padding: 24px 56px 24px 24px;
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--text);
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item summary::after {
  content: "+";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Inter", sans-serif;
  font-size: 24px;
  color: var(--olive);
}

.faq-item[open] summary::after {
  content: "–";
}

.faq-item p {
  padding: 0 24px 18px;
  font-size: 15px;
  line-height: 1.72;
  color: var(--muted);
}

.faq-item ul {
  margin: 10px 0 18px;
  padding: 0 24px 0 42px;
  list-style: none;
  background: transparent;
}

.faq-item li {
  position: relative;
  margin: 0 0 8px;
  padding-left: 24px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--muted);
}

.faq-item li:last-child {
  margin-bottom: 0;
}

.faq-item li::before {
  content: "—";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--olive-dark);
  opacity: 0.55;
}

.faq-item li strong {
  font-weight: 600;
  color: var(--text);
}

/* =========================================================
   10. FINAL CTA — UNIFIED
   ========================================================= */

.about-final-cta,
.delivery-final-cta,
.contacts-final-cta,
.directions-final-cta,
.fashion-final-cta {
  padding: 0;
  margin: 0;
  background: #f3eee6;
}

.about-final-cta__full,
.delivery-final-cta__full,
.contacts-final-cta__full,
.directions-final-cta__full,
.fashion-final-cta__full {
  position: relative;
  width: 100vw;
  min-height: 500px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,0.10), transparent 34%),
    linear-gradient(180deg, #2f4336 0%, #26392f 100%);
}

.fashion-final-cta__full {
  background:
    linear-gradient(180deg, rgba(18,14,12,0.22), rgba(18,14,12,0.68)),
    url("https://avelisselection.com/wp-content/uploads/2026/04/manCon.jpg") center/cover no-repeat;
}

.about-final-cta__overlay,
.delivery-final-cta__overlay,
.contacts-final-cta__overlay,
.directions-final-cta__overlay,
.fashion-final-cta__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(0,0,0,0.12)),
    radial-gradient(circle at center, rgba(255,255,255,0.08), transparent 42%);
  pointer-events: none;
}

.about-final-cta__full .container,
.delivery-final-cta__full .container,
.contacts-final-cta__full .container,
.directions-final-cta__full .container,
.fashion-final-cta__full .container {
  position: relative;
  z-index: 2;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-final-cta__content,
.delivery-final-cta__content,
.contacts-final-cta__content,
.directions-final-cta__content,
.fashion-final-cta__content {
  position: relative;
  z-index: 2;
  max-width: 920px;
  margin: 0 auto;
  padding: 88px 20px;
  text-align: center;
  color: var(--white);
}

.about-final-cta__content .eyebrow,
.delivery-final-cta__content .eyebrow,
.contacts-final-cta__content .eyebrow,
.fashion-final-cta__content .eyebrow {
  justify-content: center;
  color: rgba(255,255,255,0.78);
}

.about-final-cta__content h2,
.delivery-final-cta__content h2,
.contacts-final-cta__content h2,
.directions-final-cta__content h2,
.fashion-final-cta__content h2 {
  max-width: 900px;
  margin: 0 auto 20px;
  color: var(--white);
  font-size: clamp(42px, 6vw, 78px);
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.about-final-cta__content p,
.delivery-final-cta__content p,
.contacts-final-cta__content p,
.directions-final-cta__content p,
.fashion-final-cta__content p {
  max-width: 760px;
  margin: 0 auto 32px;
  color: rgba(255,255,255,0.82);
  font-size: 18px;
  line-height: 1.65;
}

.about-final-cta__actions,
.delivery-final-cta__actions,
.contacts-final-cta__actions,
.directions-final-cta__actions,
.fashion-final-cta__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 14px;
}

.about-final-cta__actions .btn,
.delivery-final-cta__actions .btn,
.contacts-final-cta__actions .btn,
.directions-final-cta__actions .btn,
.fashion-final-cta__actions .btn {
  min-width: 220px;
  min-height: 54px;
  padding: 0 28px;
  box-shadow: none;
  white-space: nowrap;
}

.about-final-cta__actions .btn-header,
.delivery-final-cta__actions .btn-dark,
.contacts-final-cta__actions .btn-light,
.directions-final-cta__actions .btn-dark,
.fashion-final-cta__actions .btn-dark {
  background: #ffffff;
  color: #26392f;
  border: 1px solid #ffffff;
}

.about-final-cta__actions .btn-dark,
.delivery-final-cta__actions .btn-light,
.contacts-final-cta__actions .btn-dark,
.directions-final-cta__actions .btn-light,
.fashion-final-cta__actions .btn-light {
  background: rgba(255,255,255,0.13);
  color: var(--white);
  border: 1px solid rgba(255,255,255,0.28);
}

/* =========================================================
   11. DELIVERY PAGE
   ========================================================= */

.delivery-formula-section,
.delivery-service-fee,
.delivery-shipping-section {
  padding-top: 68px;
  padding-bottom: 76px;
  background:
    radial-gradient(circle at top left, rgba(182,146,107,0.06), transparent 25%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
}

.delivery-formula-box {
  max-width: 1120px;
  margin: 34px auto;
  display: grid;
  grid-template-columns: 1.12fr 56px 1fr 56px 1fr 56px 1fr;
  align-items: center;
  gap: 18px;
}

.delivery-formula-box span {
  min-height: 112px;
  padding: 22px 18px;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(180deg, rgba(255,255,255,0.84), rgba(255,252,247,0.74));
  border: 1px solid rgba(255,255,255,0.66);
  box-shadow: 0 16px 38px rgba(28,21,15,0.065);
  color: var(--olive);
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(27px, 2.5vw, 38px);
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.delivery-formula-box span:first-child {
  background: linear-gradient(180deg, rgba(38,49,40,0.98), rgba(29,37,31,0.98));
  color: var(--white);
}

.delivery-formula-box strong {
  width: 42px;
  height: 42px;
  margin: 0 auto;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(38,49,40,0.96);
  color: var(--white);
  border: 1px solid rgba(182,146,107,0.24);
  box-shadow: 0 10px 22px rgba(28,21,15,0.13);
  font-size: 21px;
  font-weight: 500;
}

.delivery-cost-grid,
.delivery-tariff-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.delivery-tariff-card--featured {
  background: linear-gradient(180deg, rgba(38,49,40,0.98), rgba(29,37,31,0.98));
  color: var(--white);
}

.delivery-tariff-card__badge {
  display: none;
}

.delivery-tariff-card__top span {
  display: block;
  margin-bottom: 10px;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--olive);
}

.delivery-tariff-card__top strong {
  display: block;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(44px, 4.2vw, 62px);
  line-height: 0.9;
  letter-spacing: -0.045em;
  color: var(--text);
}

.delivery-tariff-card--featured .delivery-tariff-card__top span,
.delivery-tariff-card--featured h3,
.delivery-tariff-card--featured .delivery-tariff-card__top strong {
  color: var(--white);
}

.delivery-tariff-card--featured p {
  color: rgba(255,255,255,0.78);
}

.delivery-tariff-note,
.delivery-shipping-note p {
  padding: 20px 24px;
  border-radius: 24px;
  background: rgba(38,49,40,0.055);
  border: 1px solid rgba(186,162,136,0.18);
  box-shadow: var(--shadow-soft);
  color: var(--muted);
}

.delivery-tariff-note {
  max-width: 920px;
  margin: 28px auto 0;
  text-align: center;
}

.delivery-included-section {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 68px 0;
  color: var(--white);
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(180deg, rgba(29,37,31,0.84), rgba(29,37,31,0.88));
}

.delivery-included-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(18,14,12,0.26), rgba(29,37,31,0.78)),
    url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-pavel-danilyuk-6461520.jpg") center/cover no-repeat;
}

.delivery-included-section .section-head h2 {
  color: var(--white);
}

.delivery-included-accordion {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: 10px;
}

.delivery-included-accordion__item {
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.13);
  backdrop-filter: blur(12px);
}

.delivery-included-accordion__item summary {
  position: relative;
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 50px 1fr 32px;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
}

.delivery-included-accordion__item summary::-webkit-details-marker {
  display: none;
}

.delivery-included-accordion__item summary::after {
  content: "+";
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.11);
  color: var(--white);
  font-size: 21px;
}

.delivery-included-accordion__item[open] summary::after {
  content: "–";
}

.delivery-included-accordion__item summary span {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(182,146,107,0.18);
  color: rgba(255,255,255,0.90);
  font-size: 11px;
  letter-spacing: 0.10em;
}

.delivery-included-accordion__item summary strong {
  color: var(--white);
  font-size: 17px;
}

.delivery-included-accordion__item p {
  margin: 0;
  padding: 0 64px 20px 84px;
  color: rgba(255,255,255,0.80);
  font-size: 14.5px;
  line-height: 1.65;
}

.delivery-table-wrap {
  width: min(100% - 32px, 1240px);
  margin: 0 auto;
  overflow-x: auto;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.84), rgba(255,252,247,0.78));
  border: 1px solid rgba(255,255,255,0.66);
  box-shadow: var(--shadow-soft);
}

.delivery-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  table-layout: fixed;
}

.delivery-table th,
.delivery-table td {
  padding: 18px 22px;
  border-bottom: 1px solid rgba(186,162,136,0.15);
  vertical-align: middle;
}

.delivery-table th {
  background: rgba(38,49,40,0.96);
  color: var(--white);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
}

.delivery-table td {
  background: rgba(255,255,255,0.48);
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.58;
}

.delivery-table td:first-child,
.delivery-table td:last-child {
  color: var(--olive);
  font-weight: 700;
  text-align: center;
}

.delivery-shipping-note {
  width: min(100% - 32px, 1120px);
  margin: 26px auto 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

/* =========================================================
   12. DIRECTIONS PAGE
   ========================================================= */

.directions-page {
  overflow: hidden;
}

.directions-page .page-hero--directions {
  display: none;
}

.directions-mini-nav {
  position: relative;
  z-index: 6;
  padding: 22px 0;
  background: linear-gradient(180deg, rgba(38,49,40,0.98), rgba(29,37,31,0.98));
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.directions-mini-nav__inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.directions-mini-nav__inner a {
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.88);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 600;
}

.directions-section {
  padding: 0;
}

.directions-intro {
  position: relative;
  width: 100vw;
  min-height: 620px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--olive);
}

.directions-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.8s ease;
}

.directions-intro::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(18,14,12,0.16), rgba(18,14,12,0.34) 45%, rgba(18,14,12,0.72)),
    radial-gradient(circle at 18% 20%, rgba(182,146,107,0.12), transparent 28%);
}

.directions-intro:hover::before {
  transform: scale(1.018);
}

.directions-section--fashion .directions-intro::before { background-image: url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-ron-lach-9594682.jpg"); }
.directions-section--beauty .directions-intro::before { background-image: url("https://avelisselection.com/wp-content/uploads/2026/04/vitrina.jpg"); }
.directions-section--kids .directions-intro::before { background-image: url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-karola-g-4964494.jpg"); }
.directions-section--medical .directions-intro::before { background-image: url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-ena-marinkovic-1814213-33523157.jpg"); }
.directions-section--professionals .directions-intro::before { background-image: url("https://avelisselection.com/wp-content/uploads/2026/04/pro-fit2.jpg"); }

.directions-intro__num {
  position: absolute;
  top: 34px;
  left: 50%;
  z-index: 4;
  width: 52px;
  height: 52px;
  transform: translateX(-50%);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.13);
  border: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.92);
  font-size: 12px;
  letter-spacing: 0.12em;
}

.directions-intro__content {
  position: relative;
  z-index: 3;
  width: min(100% - 32px, 980px);
  margin: 0 auto;
  padding: 118px 0 84px;
  text-align: center;
  color: var(--white);
}

.directions-intro__content h2 {
  display: none;
}

.directions-intro__content h3 {
  max-width: 980px;
  margin: 0 auto 18px;
  font-size: clamp(50px, 5.6vw, 88px);
  line-height: 0.92;
  letter-spacing: -0.045em;
  color: var(--white);
  text-shadow: 0 8px 24px rgba(0,0,0,0.24);
}

.directions-intro__content p {
  max-width: 780px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.72;
  color: rgba(255,255,255,0.88);
}

.directions-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
}

.directions-actions .btn {
  min-width: 220px;
}

.directions-marquee-band {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 38px 0 36px;
  background: linear-gradient(180deg, rgba(38,49,40,0.98), rgba(29,37,31,0.98));
  color: var(--white);
  overflow: hidden;
}

.directions-marquee-head {
  width: min(100% - 32px, 900px);
  margin: 0 auto 20px;
  text-align: center;
}

.directions-marquee-head h3 {
  margin-bottom: 8px;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 0.96;
  letter-spacing: -0.04em;
  color: var(--white);
}

.directions-marquee-head p {
  color: rgba(255,255,255,0.70);
  font-size: 14px;
}

.directions-marquee {
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.directions-marquee__track {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 0;
}

.directions-marquee__track.is-ready {
  animation: directionsMarqueeMove 46s linear infinite;
}

.directions-brand {
  flex: 0 0 auto;
  min-height: 52px;
  padding: 0 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: var(--white);
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.12);
}

.directions-brand:nth-child(7n+1),
.directions-brand:nth-child(7n+3),
.directions-brand:nth-child(7n+5),
.directions-brand:nth-child(7n+7) {
  font-family: "Cormorant Garamond", serif;
  font-size: 32px;
}

@keyframes directionsMarqueeMove {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-50%,0,0); }
}

.directions-links-block,
.directions-pro-block {
  max-width: 1180px;
  margin: 0 auto;
  padding: 54px 0 64px;
}

.directions-links-head {
  max-width: 860px;
  margin: 0 auto 24px;
  text-align: center;
}

.directions-links-head h3 {
  margin-bottom: 8px;
  font-size: clamp(32px, 3.8vw, 54px);
  line-height: 0.96;
  letter-spacing: -0.04em;
}

.directions-link-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.directions-link-card {
  position: relative;
  min-height: 44px;
  padding: 11px 42px 11px 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  color: var(--olive);
  font-size: 13px;
  font-weight: 600;
  background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(255,250,243,0.74));
  border: 1px solid rgba(186,162,136,0.20);
  box-shadow: 0 10px 24px rgba(28,21,15,0.045);
}

.directions-link-card::after {
  content: "↗";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(38,49,40,0.08);
  color: var(--olive);
  font-size: 11px;
}

.directions-pro-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.directions-pro-card {
  position: relative;
  min-height: 430px;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow);
  isolation: isolate;
}

.directions-pro-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.7s ease;
}

.directions-pro-card--beauty::before { background-image: url("https://avelisselection.com/wp-content/uploads/2026/04/valeriia-miller-_42NKYROG7g-unsplash.jpg"); }
.directions-pro-card--tattoo::before { background-image: url("https://avelisselection.com/wp-content/uploads/2026/04/tatoo1.jpg"); }
.directions-pro-card--massage::before { background-image: url("https://avelisselection.com/wp-content/uploads/2026/04/massage.jpg"); }

.directions-pro-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(18,14,12,0.28), rgba(18,14,12,0.56) 45%, rgba(18,14,12,0.88));
}

.directions-pro-card__content {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 430px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--white);
}

.directions-pro-card__content span {
  width: fit-content;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.16);
  color: var(--white);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.directions-pro-card__content p {
  max-width: 420px;
  margin: auto 0 0;
  color: rgba(255,255,255,0.84);
  font-size: 14px;
  line-height: 1.68;
}

/* =========================================================
   13. CATALOG / PRODUCTS
   ========================================================= */

.catalog-section {
  position: relative;
  min-height: 520px;
  border-radius: 28px;
  overflow: hidden;
  display: flex;
  box-shadow: var(--shadow);
  isolation: isolate;
}

.catalog-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: center;
  transition: transform 0.7s ease;
}

.catalog-section:hover::before {
  transform: scale(1.04);
}

.catalog-section--perfume::before { background-image: linear-gradient(180deg, rgba(18,14,12,0.10), rgba(18,14,12,0.62)), url("https://avelisselection.com/wp-content/uploads/2026/04/perfume-Card.jpg"); }
.catalog-section--beauty::before { background-image: linear-gradient(180deg, rgba(18,14,12,0.10), rgba(18,14,12,0.62)), url("https://avelisselection.com/wp-content/uploads/2026/04/premiumCosm.jpg"); }

.catalog-section__overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0,0,0,0.18), rgba(0,0,0,0.68));
}

.catalog-section__content {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--white);
}

.catalog-section__label,
.product-card__tag,
.blog-card__tag,
.stock-card__tag {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.22);
  color: inherit;
  font-size: 11px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.catalog-section__bottom h3 {
  margin: 0 0 14px;
  font-size: 32px;
  line-height: 1.15;
  color: var(--white);
}

.catalog-section__desc {
  margin: 0 0 22px;
  max-width: 540px;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,0.92);
}

.catalog-section__tags,
.catalog-brands,
.brands-band__list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.catalog-section__tags span,
.catalog-brands span,
.brands-band__list span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.18);
  color: inherit;
  font-size: 14px;
}

.product-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 260px;
  gap: 18px;
  overflow-x: auto;
  padding: 6px 2px 14px;
  scroll-snap-type: x proximity;
}

.product-card {
  scroll-snap-align: start;
  border-radius: 26px;
  overflow: hidden;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(186,162,136,0.18);
  box-shadow: var(--shadow-soft);
}

.product-card__image {
  height: 250px;
  background-size: cover;
  background-position: center;
}

.catalog-products .product-row .product-card:nth-child(1) .product-card__image { background-image: url("https://avelisselection.com/wp-content/uploads/2026/04/pexels-canik-13956932.jpg"); }
.catalog-products .product-row .product-card:nth-child(2) .product-card__image { background-image: url("https://avelisselection.com/wp-content/uploads/2026/04/pexels-laurachouette-28843744.jpg"); }
.catalog-products .product-row .product-card:nth-child(3) .product-card__image { background-image: url("https://avelisselection.com/wp-content/uploads/2026/04/pexels-vitalyagorbachev-26927317.jpg"); }
.catalog-products .product-row .product-card:nth-child(4) .product-card__image { background-image: url("https://avelisselection.com/wp-content/uploads/2026/04/pexels-t-zhuravel-728754227-20441534.jpg"); }
.catalog-products .product-row .product-card:nth-child(5) .product-card__image { background-image: url("https://avelisselection.com/wp-content/uploads/2026/04/pexels-dacapture-8981522.jpg"); }
.catalog-products .product-row .product-card:nth-child(6) .product-card__image { background-image: url("https://avelisselection.com/wp-content/uploads/2026/04/Charlotte-Tilbury-Pillow.jpg"); }

.product-card__body {
  padding: 18px 18px 20px;
}

.product-card h3 {
  font-size: 28px;
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.brands-band__inner {
  padding: 56px 48px;
  border-radius: var(--radius-xl);
  background: linear-gradient(180deg, rgba(38,49,40,0.96), rgba(29,37,31,0.96));
  box-shadow: var(--shadow);
  color: var(--white);
}

.brands-band__head {
  max-width: 760px;
  margin: 0 auto 28px;
  text-align: center;
}

.brands-band__head h2 {
  font-size: clamp(42px, 5vw, 72px);
  line-height: 0.96;
  color: var(--white);
}

/* =========================================================
   14. CONTACTS / FOOTER
   ========================================================= */

.contacts-list {
  display: grid;
  gap: 16px;
}

.contacts-list__item {
  padding: 18px 18px 16px;
  border-radius: 20px;
  background: rgba(255,255,255,0.56);
  border: 1px solid rgba(186,162,136,0.16);
  box-shadow: 0 8px 20px rgba(28,21,15,0.04);
}

.contacts-list__item strong {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 600;
  color: var(--olive);
}

.contacts-list__item span {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
  word-break: break-word;
}

.site-footer {
  position: relative;
  z-index: 5;
  margin-top: 0;
  padding: 24px 0 16px;
  background: linear-gradient(180deg, #1b2a21 0%, #16211b 100%);
  color: rgba(255,255,255,0.88);
}

.site-footer .container {
  max-width: 1120px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.site-footer__inner {
  max-width: 1020px;
  margin: 0 auto;
}

.site-footer__top {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr;
  gap: 28px;
  align-items: start;
  padding-top: 22px;
  padding-bottom: 22px;
}

.site-footer__col--brand {
  display: flex;
  align-items: flex-start;
}

.logo--footer .logo-main,
.logo--footer .logo-sub {
  color: var(--white);
}

.site-footer__col--nav {
  display: grid;
  gap: 8px;
}

.site-footer__col--nav a,
.site-footer__email {
  color: rgba(255,255,255,0.9);
  font-size: 15px;
  line-height: 1.35;
}

.site-footer__col--contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.site-footer__socials {
  display: flex;
  align-items: center;
  gap: 10px;
}

.site-footer__social {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.03);
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, background 0.2s ease;
}

.site-footer__social:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,0.08);
}

.site-footer__social svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.site-footer__social span {
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
}

.site-footer__bottom {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.site-footer__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px 24px;
  margin-bottom: 10px;
}

.site-footer__copyright {
  flex: 0 0 auto;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255,255,255,0.76);
  white-space: nowrap;
}

.site-footer__legal-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px 14px;
}

.site-footer__legal-links a {
  color: rgba(255,255,255,0.78);
  font-size: 12px;
  line-height: 1.45;
  transition: color 0.2s ease;
}

.site-footer__legal-links a:hover {
  color: rgba(255,255,255,0.96);
}

.site-footer__legal-text {
  max-width: 780px;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
  color: rgba(255,255,255,0.64);
}
@media (max-width: 760px) {
  .site-footer__meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .site-footer__copyright {
    white-space: normal;
  }

  .site-footer__legal-links {
    justify-content: flex-start;
    gap: 6px 12px;
  }
}
/* =========================================================
   15. REQUEST PAGE / FORMINATOR
   ========================================================= */

.request-page {
  padding-top: 38px;
  padding-bottom: 72px;
  background: #f3eee6;
}

.request-shell {
  max-width: 1180px;
  margin: 0 auto;
}

.request-shell__intro {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto 28px;
  padding: 48px 42px 42px;
  border-radius: 34px;
  text-align: center;
  background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(250,246,239,0.86));
  border: 1px solid rgba(186,162,136,0.14);
  box-shadow: 0 24px 64px rgba(54,43,36,0.08);
}

.request-shell__intro .eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 22px;
  color: rgba(38,49,40,0.78);
}

.request-shell__intro .eyebrow::before {
  content: "";
  width: 32px;
  height: 1px;
  background: rgba(186,162,136,0.7);
}

.request-shell__intro h2 {
  margin: 0 0 12px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.05;
  font-weight: 600;
  color: #2b211d;
}

.request-shell__intro p {
  max-width: 760px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(54,43,36,0.72);
}

.request-form-picker {
  max-width: 1120px;
  margin: 0 auto 34px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.request-form-picker__card {
  position: relative;
  min-height: 162px;
  padding: 20px 18px 18px;
  border-radius: 26px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #2b211d;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,243,236,0.9));
  border: 1px solid rgba(54,43,36,0.08);
  box-shadow: 0 18px 42px rgba(54,43,36,0.07);
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.request-form-picker__card:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 52px rgba(54,43,36,0.1);
}

.request-form-picker__card::after {
  content: "→";
  position: absolute;
  top: 16px;
  right: 16px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(43,33,29,0.06);
  color: rgba(43,33,29,0.78);
  font-size: 14px;
  line-height: 1;
}

.request-form-picker__card span {
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(54,43,36,0.42);
}

.request-form-picker__card strong {
  display: block;
  margin-top: 20px;
  font-family: "Cormorant Garamond", serif;
  font-size: 21px;
  line-height: 1.08;
  font-weight: 600;
  color: inherit;
}

.request-form-picker__card small {
  display: block;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(54,43,36,0.66);
}

.request-form-picker__card.is-active {
  background: linear-gradient(135deg, #2b211d 0%, #3a2c26 100%);
  border-color: rgba(43,33,29,0.8);
  color: var(--white);
  box-shadow: 0 26px 58px rgba(43,33,29,0.2);
}

.request-form-picker__card.is-active span,
.request-form-picker__card.is-active strong,
.request-form-picker__card.is-active small {
  color: var(--white);
}

.request-form-picker__card.is-active::after {
  background: rgba(255,255,255,0.12);
  color: var(--white);
}

/* Зеленая карточка "Подбор" */

.request-form-picker__card--soon {
  cursor: default;
  pointer-events: none;
  background: linear-gradient(135deg, #263128 0%, #344638 100%);
  border-color: rgba(255,255,255,0.12);
  color: var(--white);
  box-shadow: 0 24px 54px rgba(38,49,40,0.18);
}

.request-form-picker__card--soon span,
.request-form-picker__card--soon strong {
  color: rgba(255,255,255,0.94);
}

.request-form-picker__card--soon small {
  color: rgba(255,255,255,0.76);
}

.request-form-picker__card--soon::after {
  content: "soon";
  width: auto;
  height: auto;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.84);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Формы */

.avelis-forms {
  display: grid;
  gap: 34px;
  width: 100%;
}

.avelis-forms .avelis-form-block {
  display: none;
}

.avelis-forms .avelis-form-block.is-active {
  display: block;
}

.avelis-form-block {
  max-width: 820px;
  margin: 0 auto;
  padding: 48px 44px;
  border-radius: 34px;
  text-align: center;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(250,244,236,0.92));
  border: 1px solid rgba(186,162,136,0.14);
  box-shadow: 0 26px 70px rgba(54,43,36,0.1);
  scroll-margin-top: 120px;
}

.avelis-form-block .eyebrow {
  margin-bottom: 22px;
  color: rgba(38,49,40,0.78);
}

.avelis-form-block h2 {
  margin: 0 0 12px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(28px, 2.6vw, 38px);
  line-height: 1.08;
  font-weight: 600;
  color: #2b211d;
}

.avelis-form-block > p {
  max-width: 620px;
  margin: 0 auto 28px;
  color: rgba(54,43,36,0.68);
  font-size: 15px;
  line-height: 1.7;
}

.avelis-form-block .forminator-ui,
.avelis-form-block .forminator-custom-form,
.avelis-form-block form,
.avelis-form-block .forminator-row,
.avelis-form-block .forminator-col {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.avelis-form-block .forminator-row {
  margin-bottom: 12px;
}

.avelis-form-block .forminator-field {
  margin-bottom: 5px;
}

.avelis-form-block .forminator-label {
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #2b211d;
  margin-bottom: 5px;
}

.avelis-form-block input,
.avelis-form-block select,
.avelis-form-block textarea {
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 15px;
  border: 1px solid rgba(54,43,36,0.14);
  background: rgba(255,255,255,0.9);
  color: #2b211d;
  box-shadow: none;
}

.avelis-form-block textarea {
  min-height: 98px;
  resize: vertical;
}

.avelis-form-block .forminator-button-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  min-height: 52px;
  margin: 12px auto 0;
  padding: 0 28px;
  border-radius: 999px;
  border: none;
  background: #2b211d;
  color: var(--white);
  font-weight: 600;
}

/* Адаптив */

@media (max-width: 1120px) {
  .request-form-picker {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .request-page {
    padding-top: 28px;
    padding-bottom: 54px;
  }

  .request-shell__intro {
    padding: 34px 22px 30px;
    border-radius: 28px;
    margin-bottom: 20px;
  }

  .request-shell__intro p {
    font-size: 14px;
    line-height: 1.65;
  }

  .request-form-picker {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 24px;
  }

  .request-form-picker__card {
    min-height: 132px;
    padding: 18px 18px 16px;
  }

  .avelis-form-block {
    padding: 36px 22px;
    border-radius: 28px;
  }
}


/* =========================================================
   16. RESPONSIVE
   ========================================================= */

@media (hover: none) {
  .tile:hover::before,
  .catalog-section:hover::before,
  .directions-intro:hover::before,
  .directions-pro-card:hover::before {
    transform: none;
  }

  .btn:hover,
  .nav--compact a:hover,
  .menu-toggle:hover {
    transform: none;
  }
}

@media (max-width: 1100px) {
  :root {
    --header-h: var(--header-h-tablet);
  }

  html {
    scroll-padding-top: 92px;
  }

  .nav-wrap {
    min-height: var(--header-h-tablet);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }

  .header-left {
    flex: 1 1 auto;
    gap: 12px;
  }

  .nav--compact {
    display: none;
  }

  .header-actions {
    flex: 0 0 auto;
  }

  .header-actions .btn-header {
    min-height: 38px;
    padding: 0 14px;
    font-size: 12px;
  }

  .menu-toggle {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  .logo-main {
    font-size: 30px;
  }

  .logo-sub {
    font-size: 8px;
    letter-spacing: 0.18em;
  }

  .split-card,
  .pro-detail-block,
  .contacts-main__grid,
  .about-intro__grid {
    grid-template-columns: 1fr;
  }

  .steps-grid,
  .delivery-cost-grid,
  .delivery-tariff-grid,
  .about-values__grid,
  .about-categories__grid,
  .contacts-quick-actions__grid,
  .pro-categories,
  .catalog-sections,
  .directions-pro-grid {
    grid-template-columns: 1fr;
  }

  .delivery-formula-box {
    grid-template-columns: 1fr;
    max-width: 720px;
  }

  .delivery-formula-box span {
    min-height: 90px;
    font-size: clamp(34px, 6vw, 48px);
  }

  .site-footer__top {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .site-footer__col--brand,
  .site-footer__col--contact {
    align-items: center;
  }

  .site-footer__col--nav,
  .site-footer__meta,
  .site-footer__legal-text,
  .site-footer__legal-links {
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 760px) {
  :root {
    --header-h: var(--header-h-mobile);
  }

  html {
    scroll-padding-top: 86px;
  }

  .container {
    width: min(100% - 24px, var(--container));
  }

  .section {
    padding: 34px 0 68px;
  }

  .eyebrow {
    margin-bottom: 16px;
    font-size: 9px;
    letter-spacing: 0.16em;
    gap: 8px;
  }

  .eyebrow::before {
    width: 28px;
  }

  .nav-wrap {
    min-height: var(--header-h-mobile);
    gap: 10px;
  }

  .header-left {
    min-width: 0;
    gap: 10px;
  }

  .menu-toggle {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

  .menu-toggle span {
    width: 17px;
    height: 1.7px;
  }

  .logo {
    gap: 7px;
    min-width: 0;
  }

  .logo-main {
    font-size: 27px;
  }

  .logo-sub {
    display: none;
  }

  .header-actions .btn-header {
    min-height: 34px;
    padding: 0 11px;
    font-size: 11px;
  }

  .menu-panel {
    top: 0;
    right: 0;
    left: auto;
    width: min(92vw, 390px);
    height: 100dvh;
    max-height: 100dvh;
    padding: 22px 20px 24px;
    border-radius: 0;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    background: #fffaf3;
    transform: translateX(100%);
    opacity: 1;
    box-shadow: -18px 0 44px rgba(18,14,12,0.18);
  }

  .menu-overlay.is-open .menu-panel,
  .menu-overlay.active .menu-panel,
  body.menu-open .menu-panel {
    transform: translateX(0);
  }

  .menu-panel__nav {
    display: grid;
    gap: 9px;
  }

  .menu-panel__nav a {
    min-height: 48px;
    padding: 13px 14px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255,255,255,0.74);
    border: 1px solid rgba(54,43,36,0.10);
    color: #2b211d;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.25;
  }

  .menu-panel__nav a::after {
    content: "→";
    opacity: 0.45;
    font-size: 16px;
  }

  .btn {
    min-height: 54px;
    padding: 0 22px;
    font-size: 12px;
    letter-spacing: 0.06em;
  }

  .hero,
  .hero-inner {
    min-height: auto;
  }

  .hero-inner {
    padding: 76px 0 54px;
  }

  .hero-content h1,
  .page-hero__content h1 {
    font-size: clamp(38px, 10vw, 54px);
    line-height: 0.98;
  }

  .lead,
  .page-hero__content p {
    font-size: 15px;
    line-height: 1.62;
  }

  .hero-actions,
  .about-final-cta__actions,
  .delivery-final-cta__actions,
  .contacts-final-cta__actions,
  .directions-final-cta__actions,
  .fashion-final-cta__actions,
  .directions-actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .hero-actions .btn,
  .about-final-cta__actions .btn,
  .delivery-final-cta__actions .btn,
  .contacts-final-cta__actions .btn,
  .directions-final-cta__actions .btn,
  .fashion-final-cta__actions .btn,
  .directions-actions .btn {
    width: 100%;
    min-width: 0;
  }

  .hero-points,
  .home-categories-grid,
  .delivery-note-grid__cards,
  .contacts-help-band__list,
  .directions-mini-nav__inner,
  .delivery-shipping-note,
  .request-form-picker,
  .blog-grid,
  .stock-grid {
    grid-template-columns: 1fr;
  }

  .hero-points article,
  .tile,
  .catalog-section,
  .directions-pro-card,
  .about-category,
  .pro-category {
    min-height: 300px;
    border-radius: 24px;
  }

  .home-categories-grid .tile,
  .home-categories-grid .tile.perfume,
  .home-categories-grid .tile.beauty,
  .home-categories-grid .tile.kids,
  .home-categories-grid .tile.fashion,
  .home-categories-grid .tile.pro {
    grid-column: auto;
  }

  .split-text,
  .pro-detail-block__content,
  .contacts-main__info,
  .about-intro__text,
  .request-shell__intro,
  .avelis-form-block {
    padding: 28px 20px 24px;
    border-radius: 26px;
  }

  .split-media,
  .pro-detail-block__media,
  .contacts-main__media,
  .about-intro__media {
    min-height: 260px;
    border-radius: 26px;
  }

  .page-hero {
    min-height: auto;
  }

  .page-hero__inner {
    padding: 88px 0 58px;
  }

  .page-hero__content--plain {
    width: 100%;
    transform: none;
  }

  .video-full,
  .about-audience-band__full,
  .contacts-help-band__full,
  .delivery-info-band__full,
  .pro-video-cta,
  .catalog-cta,
  .about-final-cta__full,
  .delivery-final-cta__full,
  .contacts-final-cta__full,
  .directions-final-cta__full,
  .fashion-final-cta__full {
    min-height: auto;
  }

  .video-full .container,
  .about-audience-band__full .container,
  .contacts-help-band__full .container,
  .delivery-info-band__full .container,
  .pro-video-cta .container,
  .catalog-cta .container,
  .about-final-cta__full .container,
  .delivery-final-cta__full .container,
  .contacts-final-cta__full .container,
  .directions-final-cta__full .container,
  .fashion-final-cta__full .container {
    min-height: auto;
  }

  .video-full__content,
  .about-audience-band__content,
  .contacts-help-band__content,
  .delivery-info-band__content--fullwidth,
  .pro-video-cta__content,
  .catalog-cta__content,
  .about-final-cta__content,
  .delivery-final-cta__content,
  .contacts-final-cta__content,
  .directions-final-cta__content,
  .fashion-final-cta__content {
    padding: 56px 0;
  }

  .about-final-cta__content h2,
  .delivery-final-cta__content h2,
  .contacts-final-cta__content h2,
  .directions-final-cta__content h2,
  .fashion-final-cta__content h2,
  .section-head h2,
  .split-text h2 {
    font-size: clamp(36px, 9vw, 52px);
    line-height: 0.98;
  }

  .faq-item {
    border-radius: 20px;
  }

  .faq-item summary {
    padding: 18px 48px 18px 18px;
    font-size: 20px;
    line-height: 1.15;
  }

  .faq-item p {
    padding: 0 18px 18px;
    font-size: 14px;
    line-height: 1.65;
  }

  .faq-item ul {
    padding: 0 18px 0 26px;
  }

  .faq-item li {
    font-size: 14px;
  }

  .directions-mini-nav__inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .directions-mini-nav__inner a {
    min-height: 42px;
    padding: 0 10px;
    text-align: center;
    white-space: normal;
    font-size: 9.5px;
    letter-spacing: 0.08em;
  }

  .directions-mini-nav__inner a:last-child {
    grid-column: 1 / -1;
  }

  .directions-intro {
    min-height: 520px;
  }

  .directions-intro__num {
    top: 22px;
    width: 44px;
    height: 44px;
    font-size: 10.5px;
  }

  .directions-intro__content {
    width: min(100% - 24px, 720px);
    padding: 96px 0 46px;
  }

  .directions-intro__content h3 {
    font-size: clamp(34px, 9vw, 52px);
    line-height: 0.98;
  }

  .directions-intro__content p {
    font-size: 15px;
    line-height: 1.62;
  }

  .directions-link-grid {
    justify-content: center;
  }

  .directions-link-card {
    min-height: 40px;
    padding: 9px 36px 9px 14px;
    white-space: normal;
    font-size: 12px;
  }

  .directions-link-card::after {
    content: "→";
    right: 14px;
    width: auto;
    height: auto;
    background: transparent;
    border: none;
    color: rgba(38,49,40,0.55);
    font-size: 17px;
  }

  .delivery-included-accordion__item summary {
    grid-template-columns: 40px 1fr 30px;
    padding: 16px;
  }

  .delivery-included-accordion__item p {
    padding: 0 16px 17px 66px;
  }

  .delivery-table-wrap {
    width: min(100% - 24px, 1240px);
    border-radius: 24px;
  }

  .delivery-table {
    min-width: 640px;
  }

  .delivery-table th,
  .delivery-table td {
    padding: 14px 10px;
    font-size: 13px;
  }

  .product-row {
    grid-auto-columns: 220px;
  }

  .product-card__image {
    height: 220px;
  }

  .site-footer {
    padding: 20px 0 14px;
  }

  .site-footer__top {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .site-footer__col--brand,
  .site-footer__col--contact,
  .site-footer__col--nav {
    align-items: center;
    justify-items: center;
    text-align: center;
  }

  .site-footer__meta,
  .site-footer__legal-links {
    justify-content: center;
    text-align: center;
  }

  .site-footer__legal-text {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .avelis-modal {
    padding: 14px;
  }

  .avelis-modal__panel {
    max-height: 90vh;
    padding: 34px 18px 24px;
    border-radius: 26px;
  }

  .avelis-form-block .forminator-button-submit,
  .avelis-modal__form .forminator-button-submit {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 420px) {
  .logo-main {
    font-size: 24px;
  }

  .header-actions .btn-header {
    min-height: 32px;
    padding: 0 9px;
    font-size: 10.5px;
  }

  .menu-toggle {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

  .hero-content h1,
  .page-hero__content h1 {
    font-size: clamp(34px, 10vw, 46px);
  }
}

@media (max-width: 360px) {
  .header-actions {
    display: none;
  }

  .logo-main {
    font-size: 26px;
  }

  .menu-toggle {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
}

/* =========================================================
   AVELIS — DESIGN RESTORE PATCH AFTER CLEAN CSS
   Исправляет карточки, планшет и переход CTA в footer
   ========================================================= */


/* =========================================================
   1. УБИРАЕМ БЕЛОЕ ПРОСТРАНСТВО МЕЖДУ ПОСЛЕДНИМ БЛОКОМ И FOOTER
   ========================================================= */

main {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

main > section:last-child,
main > section:last-child.section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.about-final-cta,
.delivery-final-cta,
.contacts-final-cta,
.directions-final-cta,
.fashion-final-cta,
.section-catalog-cta,
.section-pro-video-cta {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.about-final-cta--full,
.delivery-final-cta--full,
.contacts-final-cta--full,
.directions-final-cta--full,
.fashion-final-cta--full {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.about-final-cta__full,
.delivery-final-cta__full,
.contacts-final-cta__full,
.directions-final-cta__full,
.fashion-final-cta__full,
.catalog-cta,
.pro-video-cta {
  margin-bottom: 0 !important;
}

.site-footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.site-footer__top {
  padding-top: 28px !important;
}

@media (max-width: 1100px) {
  main > section:last-child,
  main > section:last-child.section {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .about-final-cta,
  .delivery-final-cta,
  .contacts-final-cta,
  .directions-final-cta,
  .fashion-final-cta {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .about-final-cta__full,
  .delivery-final-cta__full,
  .contacts-final-cta__full,
  .directions-final-cta__full,
  .fashion-final-cta__full {
    margin-bottom: 0 !important;
  }

  .site-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .site-footer__top {
    padding-top: 26px !important;
  }
}


/* =========================================================
   2. ГЛАВНАЯ — карточки под hero не должны быть огромными на планшете
   Товар по фото / Каталоги / Подбор под задачу
   ========================================================= */

.hero-points {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.hero-points article {
  min-height: 132px !important;
  padding: 22px 20px 20px !important;
  border-radius: 22px !important;
}

.hero-points strong {
  min-height: auto !important;
  margin-bottom: 7px !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

.hero-points p {
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}

@media (max-width: 1100px) and (min-width: 761px) {
  .hero-points {
    max-width: 820px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .hero-points article {
    min-height: 118px !important;
    padding: 18px 16px 16px !important;
    border-radius: 20px !important;
  }

  .hero-points strong {
    font-size: 10.5px !important;
    letter-spacing: 0.08em !important;
  }

  .hero-points p {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 760px) {
  .hero-points {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .hero-points article {
    min-height: auto !important;
    padding: 18px 18px 17px !important;
  }
}


/* =========================================================
   3. ГЛАВНАЯ — возвращаем карточки в блоке
   "Почему клиенты выбирают Avelis"
   ========================================================= */

.video-list {
  display: grid !important;
  gap: 14px !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

.video-list article {
  padding: 22px 22px 20px !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.08) !important;
}

.video-list h3 {
  margin-bottom: 10px !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
}

.video-list p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 1100px) {
  .video-list {
    max-width: 720px !important;
    gap: 12px !important;
  }

  .video-list article {
    padding: 18px 18px 17px !important;
    border-radius: 20px !important;
  }
}


/* =========================================================
   4. ABOUT — возвращаем карточки в блоке Who we work with
   "Находим именно то..." / "Охотимся..." и т.д.
   ========================================================= */

.about-audience-band__list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 36px !important;
}

.about-audience-band__item {
  padding: 20px 20px 18px !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.about-audience-band__item strong {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

.about-audience-band__item span {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 1100px) {
  .about-audience-band__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 28px !important;
  }
}

@media (max-width: 760px) {
  .about-audience-band__list {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .about-audience-band__item {
    padding: 18px !important;
    border-radius: 20px !important;
  }
}


/* =========================================================
   5. CONTACTS — возвращаем карточки в блоке
   "Что лучше отправить вместе с запросом"
   ========================================================= */

.contacts-help-band__list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 36px !important;
}

.contacts-help-band__item {
  padding: 20px 20px 18px !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.contacts-help-band__item strong {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

.contacts-help-band__item span {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 1100px) {
  .contacts-help-band__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 28px !important;
  }
}

@media (max-width: 760px) {
  .contacts-help-band__list {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .contacts-help-band__item {
    padding: 18px !important;
    border-radius: 20px !important;
  }
}


/* =========================================================
   6. DELIVERY — если в зелёном фото-блоке карточки тоже слетели
   ========================================================= */

.delivery-info-band__list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 36px !important;
}

.delivery-info-band__item {
  padding: 20px 20px 18px !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.delivery-info-band__item strong {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

.delivery-info-band__item span {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 1100px) {
  .delivery-info-band__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 28px !important;
  }
}

@media (max-width: 760px) {
  .delivery-info-band__list {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .delivery-info-band__item {
    padding: 18px !important;
    border-radius: 20px !important;
  }
}


/* =========================================================
   7. ПЛАНШЕТ — финальные CTA должны аккуратно переходить в footer
   ========================================================= */

@media (max-width: 1100px) {
  .about-final-cta__full,
  .delivery-final-cta__full,
  .contacts-final-cta__full,
  .directions-final-cta__full,
  .fashion-final-cta__full {
    min-height: 440px !important;
    margin-bottom: 0 !important;
  }

  .about-final-cta__full .container,
  .delivery-final-cta__full .container,
  .contacts-final-cta__full .container,
  .directions-final-cta__full .container,
  .fashion-final-cta__full .container {
    min-height: 440px !important;
  }

  .about-final-cta__content,
  .delivery-final-cta__content,
  .contacts-final-cta__content,
  .directions-final-cta__content,
  .fashion-final-cta__content {
    padding: 72px 24px !important;
  }

  .about-final-cta__content h2,
  .delivery-final-cta__content h2,
  .contacts-final-cta__content h2,
  .directions-final-cta__content h2,
  .fashion-final-cta__content h2 {
    font-size: clamp(40px, 7vw, 64px) !important;
  }

  .about-final-cta__actions,
  .delivery-final-cta__actions,
  .contacts-final-cta__actions,
  .directions-final-cta__actions,
  .fashion-final-cta__actions {
    gap: 12px !important;
  }

  .about-final-cta__actions .btn,
  .delivery-final-cta__actions .btn,
  .contacts-final-cta__actions .btn,
  .directions-final-cta__actions .btn,
  .fashion-final-cta__actions .btn {
    min-width: 210px !important;
    min-height: 52px !important;
    padding: 0 22px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 760px) {
  .about-final-cta__full,
  .delivery-final-cta__full,
  .contacts-final-cta__full,
  .directions-final-cta__full,
  .fashion-final-cta__full {
    min-height: auto !important;
  }

  .about-final-cta__full .container,
  .delivery-final-cta__full .container,
  .contacts-final-cta__full .container,
  .directions-final-cta__full .container,
  .fashion-final-cta__full .container {
    min-height: auto !important;
  }

  .about-final-cta__content,
  .delivery-final-cta__content,
  .contacts-final-cta__content,
  .directions-final-cta__content,
  .fashion-final-cta__content {
    padding: 64px 18px !important;
  }

  .about-final-cta__actions,
  .delivery-final-cta__actions,
  .contacts-final-cta__actions,
  .directions-final-cta__actions,
  .fashion-final-cta__actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .about-final-cta__actions .btn,
  .delivery-final-cta__actions .btn,
  .contacts-final-cta__actions .btn,
  .directions-final-cta__actions .btn,
  .fashion-final-cta__actions .btn {
    width: 100% !important;
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 0 !important;
  }
}
/* =========================================================
   HOME PAGE — FINAL FIX FOR CATEGORIES + WHY AVELIS
   ========================================================= */

/* ===== 1. Карточки популярных направлений ===== */

.home-categories-grid .tile {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 34px !important;
  min-height: 400px !important;
  box-shadow: 0 24px 60px rgba(28, 21, 15, 0.12) !important;
}

.home-categories-grid .tile::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    linear-gradient(
      180deg,
      rgba(18, 14, 12, 0.06) 0%,
      rgba(18, 14, 12, 0.28) 42%,
      rgba(18, 14, 12, 0.72) 100%
    ) !important;
  pointer-events: none !important;
}

.home-categories-grid .tile-content {
  position: relative !important;
  z-index: 2 !important;
  height: 100% !important;
  padding: 34px 30px 34px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  color: #ffffff !important;
}

.home-categories-grid .tile .num {
  position: absolute !important;
  top: 28px !important;
  left: 30px !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,0.14) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  color: #ffffff !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
}

.home-categories-grid .tile h3 {
  max-width: 100% !important;
  margin: 0 0 12px !important;
  color: #ffffff !important;
  font-size: clamp(42px, 4vw, 64px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.04em !important;
  text-shadow: 0 8px 24px rgba(0,0,0,0.24) !important;
}

.home-categories-grid .tile p {
  max-width: 470px !important;
  margin: 0 !important;
  color: rgba(255,255,255,0.86) !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
  text-shadow: 0 6px 18px rgba(0,0,0,0.20) !important;
}

/* Широкие нижние карточки */
.home-categories-grid .tile.fashion,
.home-categories-grid .tile.pro {
  min-height: 410px !important;
}

/* Медицинская карточка — растягиваем текст шире */
.home-categories-grid .tile.fashion .tile-content {
  padding-right: 42px !important;
}

.home-categories-grid .tile.fashion h3 {
  max-width: 680px !important;
  font-size: clamp(48px, 4.4vw, 72px) !important;
}

.home-categories-grid .tile.fashion p {
  max-width: 720px !important;
  font-size: 16px !important;
}

/* Для профессионалов — тоже чуть шире */
.home-categories-grid .tile.pro h3 {
  max-width: 660px !important;
}

.home-categories-grid .tile.pro p {
  max-width: 620px !important;
}

/* На всякий случай усиливаем затемнение именно у нижних широких карточек */
.home-categories-grid .tile.fashion::after,
.home-categories-grid .tile.pro::after {
  background:
    linear-gradient(
      180deg,
      rgba(18, 14, 12, 0.10) 0%,
      rgba(18, 14, 12, 0.34) 42%,
      rgba(18, 14, 12, 0.78) 100%
    ) !important;
}

/* ===== 2. Текст под карточками направлений в рамку ===== */

.home-categories-grid + .note,
.note {
  width: fit-content !important;
  max-width: 920px !important;
  margin: 24px auto 0 !important;
  padding: 16px 22px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.72) !important;
  border: 1px solid rgba(186,162,136,0.24) !important;
  box-shadow: 0 14px 32px rgba(28,21,15,0.055) !important;
  color: #3d3129 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  text-align: center !important;
}

/* ===== 3. Why Avelis — возвращаем карточки ===== */

.section-video-full {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.video-full {
  margin-bottom: 0 !important;
}

.video-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  max-width: 780px !important;
  margin: 0 auto !important;
}

.video-list article {
  padding: 22px 24px 21px !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.11) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 18px 34px rgba(0,0,0,0.10) !important;
}

.video-list article h3 {
  margin: 0 0 10px !important;
  color: #ffffff !important;
  font-size: 26px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
}

.video-list article p {
  margin: 0 !important;
  color: rgba(255,255,255,0.80) !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

/* Кнопка в Why Avelis */
.why-avelis-actions {
  margin-top: 30px !important;
  display: flex !important;
  justify-content: center !important;
}

.why-avelis-actions .btn {
  min-width: 220px !important;
}

/* ===== 4. Планшет ===== */

@media (max-width: 1100px) and (min-width: 761px) {
  .home-categories-grid {
    gap: 18px !important;
  }

  .home-categories-grid .tile {
    min-height: 340px !important;
    border-radius: 28px !important;
  }

  .home-categories-grid .tile.fashion,
  .home-categories-grid .tile.pro {
    min-height: 360px !important;
  }

  .home-categories-grid .tile-content {
    padding: 28px 26px 28px !important;
  }

  .home-categories-grid .tile .num {
    top: 22px !important;
    left: 24px !important;
    width: 48px !important;
    height: 48px !important;
  }

  .home-categories-grid .tile h3 {
    font-size: clamp(36px, 4.6vw, 54px) !important;
  }

  .home-categories-grid .tile p {
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .home-categories-grid .tile.fashion h3 {
    max-width: 100% !important;
    font-size: clamp(42px, 5vw, 58px) !important;
  }

  .home-categories-grid .tile.fashion p {
    max-width: 100% !important;
    font-size: 14.5px !important;
  }

  .video-list {
    max-width: 720px !important;
  }

  .video-list article {
    padding: 19px 20px 18px !important;
    border-radius: 22px !important;
  }
}

/* ===== 5. Телефон ===== */

@media (max-width: 760px) {
  .home-categories-grid .tile {
    min-height: 310px !important;
    border-radius: 26px !important;
  }

  .home-categories-grid .tile-content {
    padding: 24px 20px 24px !important;
  }

  .home-categories-grid .tile .num {
    top: 18px !important;
    left: 20px !important;
    width: 44px !important;
    height: 44px !important;
    font-size: 12px !important;
  }

  .home-categories-grid .tile h3,
  .home-categories-grid .tile.fashion h3 {
    max-width: 100% !important;
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 0.96 !important;
  }

  .home-categories-grid .tile p,
  .home-categories-grid .tile.fashion p {
    max-width: 100% !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  .home-categories-grid + .note,
  .note {
    width: 100% !important;
    padding: 15px 16px !important;
    border-radius: 18px !important;
    font-size: 14px !important;
    text-align: left !important;
  }

  .why-avelis-actions .btn {
    width: 100% !important;
    max-width: 320px !important;
  }
}
/* =========================================================
   HOME PAGE — DESKTOP POLISH
   Карточки направлений + стеклянная note-карточка
   ========================================================= */

/* ---------- ДЕСКТОП: делаем заголовки карточек меньше и аккуратнее ---------- */
@media (min-width: 1101px) {
  .home-categories-grid .tile {
    min-height: 380px !important;
  }

  .home-categories-grid .tile-content {
    padding: 30px 28px 28px !important;
  }

  .home-categories-grid .tile .num {
    top: 24px !important;
    left: 24px !important;
    width: 52px !important;
    height: 52px !important;
    font-size: 13px !important;
  }

  /* Общие заголовки карточек */
  .home-categories-grid .tile h3 {
    max-width: 92% !important;
    margin: 0 0 12px !important;
    font-size: clamp(32px, 2.7vw, 50px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.035em !important;
    text-wrap: balance !important;
  }

  /* Описание карточек */
  .home-categories-grid .tile p {
    max-width: 88% !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  /* Верхние 3 карточки — чуть компактнее заголовки */
  .home-categories-grid .tile.perfume h3,
  .home-categories-grid .tile.beauty h3,
  .home-categories-grid .tile.kids h3 {
    font-size: clamp(30px, 2.5vw, 46px) !important;
    max-width: 86% !important;
  }

  /* Медицинская карточка — широкая, но без гигантского текста */
  .home-categories-grid .tile.fashion h3 {
    max-width: 82% !important;
    font-size: clamp(34px, 3vw, 54px) !important;
    line-height: 0.96 !important;
  }

  .home-categories-grid .tile.fashion p {
    max-width: 78% !important;
    font-size: 15px !important;
  }

  /* Для профессионалов — особенно уменьшаем, чтобы не разваливался заголовок */
  .home-categories-grid .tile.pro h3 {
    max-width: 78% !important;
    font-size: clamp(30px, 2.6vw, 48px) !important;
    line-height: 0.98 !important;
  }

  .home-categories-grid .tile.pro p {
    max-width: 78% !important;
    font-size: 15px !important;
  }
}
/* =========================================================
   HOME — note card under category tiles
   ========================================================= */

.home-category-note {
  position: relative !important;
  width: min(100%, 820px) !important;
  margin: 28px auto 0 !important;
  padding: 22px 28px !important;
  border-radius: 26px !important;
  text-align: center !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.46) 0%,
      rgba(255, 255, 255, 0.18) 52%,
      rgba(38, 49, 40, 0.08) 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.52) !important;

  box-shadow:
    0 18px 46px rgba(38, 49, 40, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;

  backdrop-filter: blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
}
/* =========================================================
   HOME — matte glass note card
   ========================================================= */

.home-category-note {
  position: relative !important;
  width: min(100%, 760px) !important;
  margin: 28px auto 0 !important;
  padding: 22px 26px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  text-align: center !important;
  isolation: isolate !important;

  /* матовое стекло */
  background: rgba(245, 241, 235, 0.48) !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  backdrop-filter: blur(14px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(115%) !important;

  /* мягкая тень */
  box-shadow:
    0 10px 30px rgba(38, 49, 40, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

.home-category-note::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;

  /* легкая дымка, без блеска */
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.14) 0%,
      rgba(255, 255, 255, 0.06) 100%
    ) !important;
  z-index: 0 !important;
}

.home-category-note span,
.home-category-note p {
  position: relative !important;
  z-index: 1 !important;
}

.home-category-note span {
  display: block !important;
  margin-bottom: 6px !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  color: #263128 !important;
}

.home-category-note p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: rgba(38, 49, 40, 0.78) !important;
  max-width: 620px !important;
  margin-inline: auto !important;
}

/* планшет */
@media (max-width: 1024px) {
  .home-category-note {
    width: 100% !important;
    margin-top: 22px !important;
    padding: 20px 22px !important;
    border-radius: 22px !important;
  }

  .home-category-note span {
    font-size: 25px !important;
  }

  .home-category-note p {
    font-size: 14px !important;
  }
}

/* мобильная */
@media (max-width: 767px) {
  .home-category-note {
    padding: 18px 18px !important;
    border-radius: 20px !important;
    text-align: left !important;
  }

  .home-category-note span {
    font-size: 24px !important;
    margin-bottom: 8px !important;
  }

  .home-category-note p {
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin-inline: 0 !important;
  }
}
/* =========================================================
   HOME HERO — accent color in main title
   ========================================================= */

.hero-content h1 em {
  font-style: italic !important;
  color: #e5d1ba !important;
}
/* =========================================================
   HEADER — elegant gold hover for request button
   ========================================================= */
/* =========================================================
   HEADER — force bigger request button
   Вставить самым последним блоком CSS
   ========================================================= */

body .header .header-actions .btn-header {
  min-height: 52px !important;
  height: 52px !important;
  padding: 0 28px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  border-radius: 999px !important;
}

/* Планшет */
@media (max-width: 1100px) {
  body .header .header-actions .btn-header {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 18px !important;
    font-size: 12.5px !important;
  }
}

/* Телефон */
@media (max-width: 760px) {
  body .header .header-actions .btn-header {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 14px !important;
    font-size: 11.5px !important;
  }
}

/* Очень маленький экран */
@media (max-width: 380px) {
  body .header .header-actions {
    display: flex !important;
  }

  body .header .header-actions .btn-header {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 10px !important;
    font-size: 10.5px !important;
  }
}
body .header .header-actions .btn-header {
  transition:
    color 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease !important;
}

body .header .header-actions .btn-header:hover {
  background:
    linear-gradient(180deg, #364137 0%, #263128 100%) !important;
  color: #e5d1ba !important;
  border-color: rgba(229, 209, 186, 0.85) !important;
  box-shadow:
    0 16px 34px rgba(182, 146, 107, 0.22),
    0 0 0 1px rgba(229, 209, 186, 0.16) inset !important;
  transform: translateY(-2px) !important;
}

body .header .header-actions .btn-header:active {
  transform: translateY(0) !important;
  box-shadow:
    0 10px 22px rgba(182, 146, 107, 0.16),
    0 0 0 1px rgba(229, 209, 186, 0.12) inset !important;
}
/* =========================================================
   ABOUT PAGE — SIDE TIMELINE + ACCORDION CARDS
   ========================================================= */

.about-process {
  position: relative;
  overflow: hidden;
}

.about-process .section-head {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.process-timeline {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  padding: 4px 0;
}

/* Левая вертикальная линия */
.process-timeline::before {
  content: "";
  position: absolute;
  left: 55px;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    rgba(182,146,107,0.06),
    rgba(182,146,107,0.42) 18%,
    rgba(182,146,107,0.42) 82%,
    rgba(182,146,107,0.06)
  );
}

/* Один шаг: слева marker, справа card */
.process-step {
  position: relative;
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 26px;
  align-items: start;
}

.process-step + .process-step {
  margin-top: 14px;
}

/* Левая колонка */
.process-step__marker {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-top: 6px;
}

.process-step__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 28px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(182,146,107,0.12);
  border: 1px solid rgba(182,146,107,0.22);
  color: #b6926b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.process-step__icon {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #b6926b;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.84), rgba(248,244,239,0.68));
  border: 1px solid rgba(255,255,255,0.66);
  box-shadow:
    0 12px 30px rgba(16,24,19,0.08),
    inset 0 1px 0 rgba(255,255,255,0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.process-step__icon svg {
  width: 25px;
  height: 25px;
}

/* Правая карточка */
.process-step__card {
  position: relative;
  display: block;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.78), rgba(248,244,239,0.58));
  border: 1px solid rgba(255,255,255,0.62);
  box-shadow:
    0 18px 44px rgba(16,24,19,0.075),
    inset 0 1px 0 rgba(255,255,255,0.55);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.process-step__card:hover,
.process-step__card[open] {
  transform: translateY(-1px);
  border-color: rgba(182,146,107,0.25);
  box-shadow:
    0 22px 50px rgba(16,24,19,0.10),
    inset 0 1px 0 rgba(255,255,255,0.55);
}

.process-step__card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(182,146,107,0.86), rgba(182,146,107,0.24));
}

/* Summary внутри карточки */
.process-step__card summary {
  list-style: none;
  cursor: pointer;
  min-height: 88px;
  padding: 18px 18px 18px 24px;
  display: grid;
  grid-template-columns: 1fr 42px;
  align-items: center;
  gap: 18px;
}

.process-step__card summary::-webkit-details-marker {
  display: none;
}

.process-step__label {
  display: inline-block;
  margin-bottom: 6px;
  color: #b6926b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.process-step__card h3 {
  margin: 0;
  font-size: clamp(20px, 1.65vw, 25px);
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--text);
}

/* Кнопка раскрытия */
.process-step__toggle {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  background: rgba(182,146,107,0.10);
  border: 1px solid rgba(182,146,107,0.18);
  color: #b6926b;
  font-size: 24px;
  line-height: 1;
  transition: transform 0.24s ease, background 0.24s ease, border-color 0.24s ease;
}

.process-step__card[open] .process-step__toggle {
  transform: rotate(45deg);
  background: rgba(182,146,107,0.16);
  border-color: rgba(182,146,107,0.26);
}

/* Описание раскрывается внутри этой же карточки */
.process-step__card p {
  margin: 0;
  padding: 0 24px 22px 24px;
  max-width: 900px;
  color: rgba(34,34,34,0.78);
  font-size: 15px;
  line-height: 1.66;
}

/* Планшет */
@media (max-width: 991px) {
  .process-timeline {
    max-width: 860px;
  }

  .process-timeline::before {
    left: 45px;
  }

  .process-step {
    grid-template-columns: 90px 1fr;
    gap: 18px;
  }

  .process-step__icon {
    width: 54px;
    height: 54px;
  }

  .process-step__icon svg {
    width: 23px;
    height: 23px;
  }

  .process-step__card summary {
    min-height: 82px;
    padding: 16px 16px 16px 22px;
    border-radius: 20px;
  }

  .process-step__card h3 {
    font-size: 20px;
  }

  .process-step__toggle {
    width: 38px;
    height: 38px;
  }

  .process-step__card p {
    padding: 0 22px 20px 22px;
    font-size: 14px;
    line-height: 1.62;
  }
}

/* Телефон */
@media (max-width: 640px) {
  .about-process .section-head {
    margin-bottom: 28px;
  }

  .process-timeline::before {
    left: 24px;
  }

  .process-step {
    grid-template-columns: 50px 1fr;
    gap: 14px;
  }

  .process-step + .process-step {
    margin-top: 12px;
  }

  .process-step__marker {
    gap: 8px;
  }

  .process-step__num {
    min-width: 40px;
    height: 24px;
    padding: 0 8px;
    font-size: 10px;
  }

  .process-step__icon {
    width: 42px;
    height: 42px;
  }

  .process-step__icon svg {
    width: 19px;
    height: 19px;
  }

  .process-step__card {
    border-radius: 18px;
  }

  .process-step__card summary {
    min-height: 74px;
    grid-template-columns: 1fr 34px;
    gap: 10px;
    padding: 15px 12px 15px 18px;
  }

  .process-step__card::before {
    top: 14px;
    bottom: 14px;
  }

  .process-step__label {
    font-size: 10px;
    margin-bottom: 5px;
  }

  .process-step__card h3 {
    font-size: 17px;
    line-height: 1.2;
  }

  .process-step__toggle {
    width: 34px;
    height: 34px;
    font-size: 22px;
  }

  .process-step__card p {
    padding: 0 18px 18px 18px;
    font-size: 13.5px;
    line-height: 1.58;
  }
}
/* =========================================================
   ABOUT PROCESS — force align side icons with cards
   ========================================================= */

body .about-process .process-step__marker {
  padding-top: 0 !important;
  transform: translateY(-18px) !important;
}

/* чуть уменьшаем расстояние между номером и иконкой */
body .about-process .process-step__marker {
  gap: 6px !important;
}

/* планшет */
@media (max-width: 991px) {
  body .about-process .process-step__marker {
    padding-top: 0 !important;
    transform: translateY(-15px) !important;
    gap: 6px !important;
  }
}

/* телефон */
@media (max-width: 640px) {
  body .about-process .process-step__marker {
    padding-top: 0 !important;
    transform: translateY(-12px) !important;
    gap: 5px !important;
  }
}

/* =========================================================
   FINAL CTA BUTTONS — equal premium buttons
   ========================================================= */

.about-final-cta__actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.about-final-cta__actions .btn {
  width: 270px !important;
  min-width: 250px !important;
  height: 50px !important;
  min-height: 60px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: nowrap !important;

  box-shadow: none !important;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease !important;
}

/* Левая белая кнопка */
.about-final-cta__actions .btn-cta-white {
  background: #ffffff !important;
  color: #26392f !important;
  border: 1px solid rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.12) !important;
}

.about-final-cta__actions .btn-cta-white:hover {
  background: #e5d1ba !important;
  border-color: #e5d1ba !important;
  color: #26392f !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 42px rgba(182, 146, 107, 0.24) !important;
}

/* Правая стеклянная кнопка */
.about-final-cta__actions .btn-cta-glass {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.about-final-cta__actions .btn-cta-glass:hover {
  background: rgba(229, 209, 186, 0.18) !important;
  border-color: rgba(229, 209, 186, 0.7) !important;
  color: #e5d1ba !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 38px rgba(182, 146, 107, 0.18) !important;
}

@media (max-width: 680px) {
  .about-final-cta__actions {
    flex-direction: column !important;
    align-items: center !important;
  }

  .about-final-cta__actions .btn {
    width: 100% !important;
    max-width: 320px !important;
    min-width: 0 !important;
    height: 56px !important;
    min-height: 56px !important;
  }
}
/* =========================================================
   HEADER BUTTON — premium compact style
   ========================================================= */

.header .header-actions .btn-header {
  min-width: 172px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background:
    linear-gradient(180deg, #354237 0%, #243128 100%) !important;
  border: 1px solid rgba(182, 146, 107, 0.24) !important;
  color: #ffffff !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.075em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  box-shadow:
    0 12px 28px rgba(20, 27, 21, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

  transition:
    transform 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease !important;
}

.header .header-actions .btn-header:hover {
  background:
    linear-gradient(180deg, #354237 0%, #243128 100%) !important;
  color: #e5d1ba !important;
  border-color: rgba(229, 209, 186, 0.86) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 16px 34px rgba(182, 146, 107, 0.18),
    inset 0 0 0 1px rgba(229, 209, 186, 0.12) !important;
}

.header .header-actions .btn-header:active {
  transform: translateY(0) !important;
}

/* Планшет */
@media (max-width: 1100px) {
  .header .header-actions .btn-header {
    min-width: 148px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    font-size: 10.5px !important;
    letter-spacing: 0.055em !important;
  }
}

/* Телефон */
@media (max-width: 760px) {
  .header .header-actions .btn-header {
    min-width: 132px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    font-size: 10px !important;
    letter-spacing: 0.045em !important;
  }
}

@media (max-width: 380px) {
  .header .header-actions .btn-header {
    min-width: 118px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 9.5px !important;
  }
}
/* =========================================================
   HOME — lighten category photo cards
   ========================================================= */

.home-categories-grid .tile-overlay {
  background: linear-gradient(
    180deg,
    rgba(18, 14, 12, 0.06) 0%,
    rgba(18, 14, 12, 0.22) 45%,
    rgba(18, 14, 12, 0.48) 100%
  ) !important;
}
/* Акцент в заголовках страницы "Основные направления" */
.directions-intro__content h3 em {
  font-style: italic !important;
  color: #e5d1ba !important;
}

/* ===== Compact legal at bottom ===== */

.contacts-legal-compact--bottom {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
  background: #f3eee6 !important;
}

.contacts-legal-details {
  max-width: 860px !important;
  margin: 0 auto !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.42) !important;
  border: 1px solid rgba(186, 162, 136, 0.16) !important;
  box-shadow: 0 10px 24px rgba(28, 21, 15, 0.04) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  overflow: hidden !important;
}

.contacts-legal-details summary {
  list-style: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 16px 20px !important;
}

.contacts-legal-details summary::-webkit-details-marker {
  display: none !important;
}

.contacts-legal-details summary span {
  display: block !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(109, 102, 95, 0.78) !important;
}

.contacts-legal-details summary::after {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 auto !important;
  border-right: 1.5px solid var(--olive) !important;
  border-bottom: 1.5px solid var(--olive) !important;
  transform: rotate(45deg) !important;
  transition: transform 0.22s ease, opacity 0.22s ease !important;
  opacity: 0.75 !important;
  margin-right: 2px !important;
}

.contacts-legal-details[open] summary::after {
  transform: rotate(225deg) !important;
  opacity: 1 !important;
}

.contacts-legal-details__content {
  padding: 0 20px 20px !important;
  display: grid !important;
  gap: 8px !important;
}

.contacts-legal-details__content p {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
  color: var(--muted) !important;
}

.contacts-legal-details__content strong {
  color: var(--olive) !important;
}

.contacts-legal-details__content a {
  color: var(--olive) !important;
  text-decoration: none !important;
}

.contacts-legal-details__content a:hover {
  color: var(--gold) !important;
}

/* ===== Remove old quick actions if still present somewhere ===== */

.contacts-quick-actions {
  display: none !important;
}
/* =========================================================
   CONTACTS PAGE — final clean compact redesign
   ========================================================= */

/* ===== Main contacts block ===== */

.contacts-main--compact {
  padding-top: 58px !important;
  padding-bottom: 70px !important;
  margin: 0 !important;
}

.contacts-main__grid--compact {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.contacts-main__grid--compact .contacts-main__info {
  padding: 42px 40px !important;
}

.contacts-main__grid--compact .contacts-main__info h2 {
   max-width: 520px !important;
   margin: 0 0 18px !important;
  font-size: clamp(48px, 4.2vw, 68px) !important;
  line-height: 0.86 !important;
  letter-spacing: -0.04em !important;
}

.contacts-main__grid--compact .contacts-main__lead {
  max-width: 680px !important;
  margin-bottom: 20px !important;
}

.contacts-list--compact {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.contacts-list--compact .contacts-list__item {
  min-height: auto !important;
  padding: 11px 13px !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.54) !important;
  border: 1px solid rgba(186, 162, 136, 0.14) !important;
  box-shadow: 0 6px 16px rgba(28, 21, 15, 0.035) !important;
}

.contacts-list--compact .contacts-list__item strong {
  margin-bottom: 3px !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
  color: var(--olive) !important;
}

.contacts-list--compact .contacts-list__item a,
.contacts-list--compact .contacts-list__item span {
  display: block !important;
  font-size: 12.5px !important;
  line-height: 1.38 !important;
  color: var(--muted) !important;
  word-break: break-word !important;
}

.contacts-list--compact .contacts-list__item a:hover {
  color: var(--gold) !important;
}

.contacts-list__item--full {
  grid-column: 1 / -1 !important;
}

.contacts-main__grid--compact .contacts-main__media {
  min-height: 100% !important;
}

/* ===== Service format full-width ===== */

.contacts-service-format--full {
  padding: 0 !important;
  margin: 0 !important;
}

.contacts-service-format__full {
  position: relative !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 86px 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(182,146,107,0.14), transparent 28%),
    linear-gradient(180deg, rgba(38,49,40,0.98), rgba(29,37,31,0.98)) !important;
  color: var(--white) !important;
}

.contacts-service-format__inner {
  max-width: 1060px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--white) !important;
}

.contacts-service-format__inner .eyebrow {
  justify-content: center !important;
  color: rgba(255,255,255,0.82) !important;
}

.contacts-service-format__inner .eyebrow::before {
  background: linear-gradient(90deg, rgba(255,255,255,0.72), transparent) !important;
}

.contacts-service-format__inner h2 {
  max-width: 920px !important;
  margin: 0 auto 18px !important;
  font-size: clamp(44px, 5vw, 78px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.04em !important;
  color: var(--white) !important;
}

.contacts-service-format__inner > p {
  max-width: 800px !important;
  margin: 0 auto 34px !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  color: rgba(255,255,255,0.80) !important;
}

.contacts-service-format__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.contacts-service-format__grid article {
  padding: 24px 22px 22px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,0.10) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  text-align: center !important;
}

.contacts-service-format__grid span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  color: var(--white) !important;
  font-size: 12px !important;
  letter-spacing: 0.10em !important;
}

.contacts-service-format__grid h3 {
  margin-bottom: 10px !important;
  font-size: 28px !important;
  line-height: 0.98 !important;
  letter-spacing: -0.03em !important;
  color: var(--white) !important;
}

.contacts-service-format__grid p {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
  color: rgba(255,255,255,0.78) !important;
}

/* ===== What to send block ===== */

.contacts-help-band--full {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

/* ===== Final CTA ===== */

.contacts-final-cta--full {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

/* ===== Compact legal before CTA ===== */

.contacts-legal-compact--bottom {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.contacts-legal-compact--bottom .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.contacts-legal-details {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(182,146,107,0.10), transparent 26%),
    linear-gradient(180deg, rgba(247,242,235,0.98), rgba(239,231,221,0.98)) !important;
  border-top: 1px solid rgba(186,162,136,0.18) !important;
  border-bottom: 1px solid rgba(186,162,136,0.18) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden !important;
}

.contacts-legal-details summary {
  list-style: none !important;
  cursor: pointer !important;
  width: min(100% - 32px, 1120px) !important;
  margin: 0 auto !important;
  padding: 22px 0 !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 16px !important;
  align-items: center !important;
}

.contacts-legal-details summary::-webkit-details-marker {
  display: none !important;
}

.contacts-legal-details summary span {
  display: block !important;
  margin-bottom: 4px !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(109, 102, 95, 0.70) !important;
}

.contacts-legal-details summary strong {
  display: block !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  color: var(--text) !important;
}

.contacts-legal-details summary::after {
  content: "+" !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(38, 49, 40, 0.07) !important;
  border: 1px solid rgba(38, 49, 40, 0.10) !important;
  color: var(--olive) !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

.contacts-legal-details[open] summary::after {
  content: "–" !important;
}

.contacts-legal-details__content {
  width: min(100% - 32px, 1120px) !important;
  margin: 0 auto !important;
  padding: 0 0 26px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 22px !important;
}

.contacts-legal-details__content p {
  margin: 0 !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,0.46) !important;
  border: 1px solid rgba(186,162,136,0.12) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--muted) !important;
}

.contacts-legal-details__content strong {
  color: var(--olive) !important;
}

.contacts-legal-details__content a {
  color: var(--olive) !important;
  text-decoration: none !important;
}

.contacts-legal-details__content a:hover {
  color: var(--gold) !important;
}

/* old block insurance */
.contacts-quick-actions {
  display: none !important;
}

/* ===== Tablet ===== */
@media (max-width: 1100px) {
  .contacts-main--compact {
    padding-top: 46px !important;
    padding-bottom: 62px !important;
  }

  .contacts-main__grid--compact {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .contacts-main__grid--compact .contacts-main__info {
    padding: 32px 26px !important;
    text-align: center !important;
  }

  .contacts-main__grid--compact .contacts-main__info .eyebrow {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .contacts-main__grid--compact .contacts-main__info h2 {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 10px !important;
    text-align: center !important;
    font-size: clamp(38px, 6vw, 58px) !important;
    line-height: 0.96 !important;
  }

  .contacts-main__grid--compact .contacts-main__lead {
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 16px !important;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }


  .contacts-list--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .contacts-list--compact .contacts-list__item {
    padding: 9px 11px !important;
    border-radius: 13px !important;
  }

  .contacts-list--compact .contacts-list__item strong {
    margin-bottom: 2px !important;
    font-size: 10.8px !important;
  }

  .contacts-list--compact .contacts-list__item a,
  .contacts-list--compact .contacts-list__item span {
    font-size: 12px !important;
    line-height: 1.32 !important;
  }

  .contacts-main__grid--compact .contacts-main__media {
    min-height: 300px !important;
  }

  .contacts-service-format__full {
    padding: 76px 0 !important;
  }

  .contacts-service-format__grid {
    grid-template-columns: 1fr !important;
  }
}

/* ===== Mobile ===== */

@media (max-width: 760px) {
  .contacts-main--compact {
    padding-top: 32px !important;
    padding-bottom: 54px !important;
  }

  .contacts-main__grid--compact {
    gap: 16px !important;
  }

  .contacts-main__grid--compact .contacts-main__info {
    padding: 24px 16px !important;
    border-radius: 24px !important;
  }

  .contacts-main__grid--compact .contacts-main__info h2 {
    font-size: clamp(34px, 9vw, 46px) !important;
    margin-bottom: 8px !important;
  }

  .contacts-main__grid--compact .contacts-main__lead {
    margin-bottom: 14px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .contacts-list--compact {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  .contacts-list--compact .contacts-list__item {
    padding: 8px 10px !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 12px rgba(28, 21, 15, 0.03) !important;
  }

  .contacts-list--compact .contacts-list__item strong {
    font-size: 10.2px !important;
    margin-bottom: 2px !important;
  }

  .contacts-list--compact .contacts-list__item a,
  .contacts-list--compact .contacts-list__item span {
    font-size: 11.8px !important;
    line-height: 1.28 !important;
  }

  .contacts-main__grid--compact .contacts-main__media {
    min-height: 240px !important;
    border-radius: 24px !important;
  }

  .contacts-service-format__full {
    padding: 64px 0 !important;
  }

  .contacts-service-format__inner h2 {
    font-size: clamp(36px, 8vw, 52px) !important;
  }

  .contacts-service-format__inner > p {
    font-size: 15px !important;
  }

  .contacts-service-format__grid article {
    padding: 20px 18px 18px !important;
    border-radius: 20px !important;
  }

  .contacts-service-format__grid h3 {
    font-size: 25px !important;
  }

  .contacts-legal-details summary {
    width: min(100% - 24px, 1120px) !important;
    padding: 18px 0 !important;
  }

  .contacts-legal-details summary span {
    font-size: 9.5px !important;
  }

  .contacts-legal-details summary strong {
    font-size: 20px !important;
  }

  .contacts-legal-details__content {
    width: min(100% - 24px, 1120px) !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding-bottom: 22px !important;
  }

  .contacts-legal-details__content p {
    padding: 10px 11px !important;
    border-radius: 14px !important;
    font-size: 12.4px !important;
    line-height: 1.48 !important;
  }
}
/* =========================================================
   CONTACTS PAGE — hero + helpful block photos
   ========================================================= */

/* Скрываем старое видео, если оно где-то осталось */
.page-hero--contacts .page-hero__video {
  display: none !important;
}

/* Фото в hero страницы Контакты */
.page-hero--contacts .page-hero__bg--contacts-photo {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background-image:
    linear-gradient(
      180deg,
      rgba(18, 14, 12, 0.16) 0%,
      rgba(18, 14, 12, 0.48) 100%
    ),
    url("https://avelisselection.com/wp-content/uploads/2026/05/microsoft-copilot-qUJ8fgoaLTg-unsplash.jpg");
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Фото в блоке "Что лучше отправить вместе с запросом" */
/* =========================================================
   CONTACTS — force change photo in "Helpful" block
   ========================================================= */

.contacts-help-band--full .contacts-help-band__full .contacts-help-band__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;

  background-image:
    linear-gradient(
      180deg,
      rgba(18, 14, 12, 0.18) 0%,
      rgba(18, 14, 12, 0.58) 100%
    ),
    url("https://avelisselection.com/wp-content/uploads/2026/05/pexels-valeriiamiller-3948025.jpg") !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Чтобы текст точно был поверх фото */
.contacts-help-band__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(16, 12, 10, 0.30),
      rgba(16, 12, 10, 0.64)
    ),
    radial-gradient(circle at 18% 20%, rgba(182,146,107,0.12), transparent 24%) !important;
}

/* Мобильная настройка кадрирования */
@media (max-width: 760px) {
  .page-hero--contacts .page-hero__bg--contacts-photo {
    background-position: center center !important;
  }

  .contacts-help-band__bg {
    background-position: center center !important;
  }
}
/* =========================================================
   CONTACTS — narrower legal horizontal band
   ========================================================= */

/* Сужаем саму горизонтальную полосу */
.contacts-legal-details {
  width: min(100% - 32px, 920px) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  border-radius: 24px !important;
  border-left: 1px solid rgba(186,162,136,0.18) !important;
  border-right: 1px solid rgba(186,162,136,0.18) !important;
  overflow: hidden !important;
}

/* Возвращаем summary нормальное заполнение внутри этой полосы */
.contacts-legal-details summary {
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 22px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Контент раскрытия тоже внутри этой же ширины */
.contacts-legal-details__content {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 22px 22px !important;
}

/* На мобильной — почти на всю ширину, но не в край */
@media (max-width: 760px) {
  .contacts-legal-details {
    width: min(100% - 24px, 920px) !important;
    border-radius: 20px !important;
  }

  .contacts-legal-details summary {
    padding: 16px 18px !important;
  }

  .contacts-legal-details__content {
    padding: 0 18px 18px !important;
  }
}
/* ABOUT — contact links inside communication card */
.about-communication .about-contact-link {
  color: var(--olive) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(38, 49, 40, 0.28) !important;
  transition: color 0.22s ease, border-color 0.22s ease;
}

.about-communication .about-contact-link:hover {
  color: var(--gold) !important;
  border-color: rgba(182, 146, 107, 0.65) !important;
}
/* =========================================================
   ABOUT PROCESS — remove numbers + force icon alignment
   ========================================================= */

/* 1. Полностью скрываем цифры */
.about-process .process-step__num,
.process-step__num {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* 2. Левая колонка больше не вертикальная с цифрой + иконкой */
.about-process .process-step__marker,
.process-step__marker {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0 !important;
  padding-top: 0 !important;
}

/* 3. Принудительно опускаем саму иконку напротив карточки */
.about-process .process-step__icon,
.process-step__icon {
  position: relative !important;
  top: 27px !important;
  margin: 0 auto !important;
}

/* Планшет */
@media (max-width: 991px) {
  .about-process .process-step__icon,
  .process-step__icon {
    top: 27px !important;
  }
}

/* Телефон */
@media (max-width: 640px) {
  .about-process .process-step__icon,
  .process-step__icon {
    top: 27px !important;
  }
}
/* =========================================================
   FOOTER — Avelis final clean premium layout
   ========================================================= */

.site-footer {
  position: relative !important;
  margin-top: 0 !important;
  padding: 44px 0 22px !important;
  background:
    radial-gradient(circle at 16% 12%, rgba(182,146,107,0.08), transparent 28%),
    radial-gradient(circle at 82% 8%, rgba(255,255,255,0.04), transparent 24%),
    linear-gradient(180deg, #142820 0%, #0f211b 100%) !important;
  color: rgba(255,255,255,0.88) !important;
  overflow: hidden !important;
}

.site-footer .container {
  width: min(100% - 56px, 1420px) !important;
  max-width: 1420px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.site-footer__inner {
  max-width: none !important;
  margin: 0 !important;
}

/* =========================================================
   TOP AREA
   ========================================================= */

.site-footer__top {
  display: grid !important;
  grid-template-columns: minmax(220px, 0.85fr) minmax(520px, 1.35fr) minmax(280px, 0.8fr) !important;
  gap: 56px !important;
  align-items: start !important;
  padding: 0 0 32px !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.10) !important;
}

.site-footer__col {
  min-width: 0 !important;
}

/* Logo */
.site-footer__col--brand {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

.logo--footer {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.logo--footer .logo-main {
  display: inline-block !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: 42px !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  color: #ffffff !important;
}

.logo--footer .logo-sub {
  display: inline-block !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.70) !important;
  transform: translateY(-3px) !important;
}

/* Footer nav */
.site-footer__col--nav {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  gap: 10px 52px !important;
  align-items: start !important;
}

.site-footer__col--nav a {
  display: inline-flex !important;
  width: fit-content !important;
  color: rgba(255,255,255,0.86) !important;
  text-decoration: none !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  transition:
    color 0.22s ease,
    transform 0.22s ease !important;
}

.site-footer__col--nav a:hover {
  color: var(--gold) !important;
  transform: translateX(2px) !important;
}

/* Contact */
.site-footer__col--contact {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

.site-footer__email {
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  word-break: break-word !important;
  transition: color 0.22s ease !important;
}

.site-footer__email:hover {
  color: var(--gold) !important;
}

/* Social icons — оставляем твои SVG/span */
.site-footer__socials {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
}

.site-footer__social {
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,0.92) !important;
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition:
    transform 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease !important;
}

.site-footer__social svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
  display: block !important;
}

.site-footer__social span {
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: currentColor !important;
}

.site-footer__social:hover {
  transform: translateY(-2px) !important;
  background: rgba(182,146,107,0.16) !important;
  border-color: rgba(182,146,107,0.34) !important;
  color: #f0dac1 !important;
}

/* =========================================================
   BOTTOM AREA
   Порядок:
   1. Юридический текст
   2. Юридические ссылки
   3. © Avelis Selection + слоган
   ========================================================= */

.site-footer__bottom {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding: 24px 0 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Сбрасываем старые псевдоэлементы */
.site-footer__top::before,
.site-footer__top::after,
.site-footer__bottom::before,
.site-footer__bottom::after {
  display: none !important;
  content: none !important;
}

/* 1. Юридический текст — по центру */
.site-footer__legal-text {
  order: 1 !important;
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: rgba(255,255,255,0.64) !important;
  font-size: 13.2px !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

/* 2. Юридические ссылки — маленькие, аккуратные */
.site-footer__legal-links {
  order: 2 !important;
  width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px 22px !important;
  margin: 0 !important;
  padding: 0 0 4px !important;
  border: 0 !important;
}

.site-footer__legal-links a {
  color: rgba(255,255,255,0.56) !important;
  text-decoration: none !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  transition: color 0.22s ease !important;
}

.site-footer__legal-links a:hover {
  color: var(--gold) !important;
}

/* 3. Самый низ: © слева, слоган справа */
.site-footer__meta {
  order: 3 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 24px !important;
  align-items: center !important;
  margin: 2px 0 0 !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.72) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* Логотип/год внизу */
.site-footer__meta span:first-child {
  display: block !important;
  justify-self: start !important;
  text-align: left !important;
  color: rgba(255,255,255,0.74) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* Слоган справа */
.site-footer__meta span:last-child {
  display: block !important;
  justify-self: end !important;
  text-align: right !important;
  margin: 0 !important;
  color: rgba(255,255,255,0.74) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
  .site-footer {
    padding-top: 38px !important;
    padding-bottom: 22px !important;
  }

  .site-footer .container {
    width: min(100% - 36px, 1420px) !important;
  }

  .site-footer__top {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    padding-bottom: 28px !important;
  }

  .site-footer__col--brand {
    grid-column: 1 / -1 !important;
  }

  .site-footer__col--nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 24px !important;
  }

  .site-footer__bottom {
    padding-top: 22px !important;
  }

  .site-footer__legal-text {
    max-width: 920px !important;
  }

  .site-footer__legal-links {
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
  }

  .site-footer__meta {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    justify-items: center !important;
  }

  .site-footer__meta span:first-child,
  .site-footer__meta span:last-child {
    justify-self: center !important;
    text-align: center !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {
  .site-footer {
    padding-top: 34px !important;
    padding-bottom: 22px !important;
  }

  .site-footer .container {
    width: min(100% - 24px, 1420px) !important;
  }

  .site-footer__top {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding-bottom: 24px !important;
  }

  .site-footer__col--brand,
  .site-footer__col--contact {
    align-items: center !important;
    text-align: center !important;
  }

  .logo--footer .logo-main {
    font-size: 36px !important;
  }

  .logo--footer .logo-sub {
    display: inline-block !important;
    font-size: 9px !important;
  }

  .site-footer__col--nav {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .site-footer__col--nav a {
    width: 100% !important;
    justify-content: center !important;
    padding: 9px 8px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.045) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    font-size: 13px !important;
    text-align: center !important;
  }

  .site-footer__email {
    font-size: 14px !important;
  }

  .site-footer__socials {
    justify-content: center !important;
  }

  .site-footer__social {
    width: 36px !important;
    height: 36px !important;
  }

  .site-footer__bottom {
    gap: 14px !important;
    padding-top: 20px !important;
  }

  .site-footer__legal-text {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 12.5px !important;
    line-height: 1.6 !important;
  }

  .site-footer__legal-links {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 7px 12px !important;
  }

  .site-footer__legal-links a {
    font-size: 11.5px !important;
  }

  .site-footer__meta {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding-top: 14px !important;
  }

  .site-footer__meta span:first-child,
  .site-footer__meta span:last-child {
    justify-self: center !important;
    text-align: center !important;
    font-size: 12.8px !important;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {
  .site-footer__col--nav {
    grid-template-columns: 1fr !important;
  }

  .site-footer__col--nav a {
    min-height: 38px !important;
  }
}
/* DELIVERY — clickable tariff cards without visible button */

.delivery-tariff-card--clickable {
  display: block !important;
  position: relative !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.delivery-tariff-card--clickable * {
  text-decoration: none !important;
}

/* Убираем кнопку/плашку "Отправить запрос", если она уже добавилась */
.delivery-tariff-card--clickable::after {
  display: none !important;
  content: none !important;
}

/* Лёгкий премиальный hover, чтобы было понятно, что карточка кликабельна */
.delivery-tariff-card--clickable:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 30px 78px rgba(28, 21, 15, 0.14) !important;
  border-color: rgba(182, 146, 107, 0.34) !important;
}

/* Для выделенной Optimal */
.delivery-tariff-card--featured.delivery-tariff-card--clickable:hover {
  box-shadow: 0 34px 86px rgba(28, 21, 15, 0.22) !important;
  border-color: rgba(182, 146, 107, 0.46) !important;
}
/* =========================================
   DELIVERY SHIPPING HEAD — centered style
   ========================================= */

.delivery-shipping-head--centered {
  max-width: 980px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
}

.delivery-shipping-head--centered .eyebrow {
  justify-content: center !important;
  margin-bottom: 24px !important;
}

.delivery-shipping-head--centered h2 {
  max-width: 860px !important;
  margin: 0 auto 18px !important;
  font-size: clamp(46px, 5vw, 78px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.045em !important;
  color: var(--text) !important;
}

.delivery-shipping-head--centered p {
  max-width: 920px !important;
  margin: 0 auto !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: var(--muted) !important;
}

/* подпись над таблицей оставляем как есть */
.delivery-table-title {
  display: flex !important;
}

/* Планшет */
@media (max-width: 991px) {
  .delivery-shipping-head--centered {
    margin-bottom: 24px !important;
  }

  .delivery-shipping-head--centered h2 {
    font-size: clamp(40px, 7vw, 62px) !important;
  }

  .delivery-shipping-head--centered p {
    font-size: 15.5px !important;
    line-height: 1.66 !important;
  }
}

/* Телефон */
@media (max-width: 640px) {
  .delivery-shipping-head--centered {
    margin-bottom: 20px !important;
  }

  .delivery-shipping-head--centered .eyebrow {
    margin-bottom: 18px !important;
  }

  .delivery-shipping-head--centered h2 {
    font-size: clamp(34px, 9vw, 48px) !important;
    line-height: 1 !important;
    margin-bottom: 14px !important;
  }

  .delivery-shipping-head--centered p {
    font-size: 14px !important;
    line-height: 1.62 !important;
  }
}
/* =========================================================
   FOOTER — mobile/tablet nav like desktop, no cards
   ========================================================= */

@media (max-width: 1100px) {
  .site-footer__col--nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 24px !important;
    width: 100% !important;
    justify-items: start !important;
    text-align: left !important;
  }

  .site-footer__col--nav a {
    width: fit-content !important;
    min-height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    justify-content: flex-start !important;
    text-align: left !important;
    color: rgba(255,255,255,0.86) !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  .site-footer__col--nav a:hover {
    color: var(--gold) !important;
    transform: translateX(2px) !important;
  }
}

@media (max-width: 760px) {
  .site-footer__col--nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 18px !important;
    justify-items: center !important;
    text-align: center !important;
  }

  .site-footer__col--nav a {
    justify-content: center !important;
    text-align: center !important;
    font-size: 14px !important;
  }
}

@media (max-width: 420px) {
  .site-footer__col--nav {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
}
/* =========================================================
   TABLET + MOBILE HEADER NAV IN ONE LINE — CLEAN VERSION
   ========================================================= */

.header-quick-nav {
  display: none !important;
}

@media (max-width: 1100px) {
  .header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background:
      linear-gradient(180deg, rgba(255,252,247,0.97), rgba(249,242,234,0.94)) !important;
    border-bottom: 1px solid rgba(186,162,136,0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

   .nav-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 64px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }


  .nav--compact {
    display: none !important;
  }

   .header-left {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }


    .header-quick-nav {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }


 .header-quick-nav::-webkit-scrollbar {
    display: none !important;
  }

  .header-quick-nav a {
    flex: 0 0 auto !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(255,255,255,0.48) !important;
    border: 1px solid rgba(186,162,136,0.18) !important;
    color: var(--olive) !important;
    box-shadow:
      0 8px 20px rgba(28,21,15,0.035),
      inset 0 1px 0 rgba(255,255,255,0.50) !important;

    font-family: "Cormorant Garamond", serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    transition:
      background 0.22s ease,
      border-color 0.22s ease,
      color 0.22s ease,
      transform 0.22s ease !important;
  }

  .header-quick-nav a:hover {
    transform: translateY(-1px) !important;
    background: rgba(182,146,107,0.15) !important;
    border-color: rgba(182,146,107,0.30) !important;
    color: var(--text) !important;
  }
	.header-actions {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
  }
}


/* Телефон */
@media (max-width: 760px) {
   .nav-wrap {
    gap: 8px !important;
    min-height: 60px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }


  .header-left {
    gap: 7px !important;
    min-width: 0 !important;
  }

  .menu-toggle {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
  }

  .logo-main {
    font-size: 24px !important;
  }

  .logo-sub {
    display: none !important;
  }

   .header-quick-nav {
    gap: 6px !important;
  }

    .header-quick-nav a {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

 
  .header-actions .btn-header {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}


/* Очень маленькие телефоны */
@media (max-width: 430px) {
  .nav-wrap {
    column-gap: 6px !important;
  }

  .logo-main {
    font-size: 22px !important;
  }

  .header-quick-nav {
    margin-left: 0 !important;
  }

   .header-quick-nav a {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }


 .header-actions .btn-header {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}
/* =========================================================
   CONTACTS — desktop first block title fix
   ========================================================= */

@media (min-width: 1101px) {
  .contacts-main__grid--compact .contacts-main__info h2 {
    max-width: 520px !important;
    font-size: clamp(48px, 4vw, 64px) !important;
    line-height: 0.88 !important;
    margin-bottom: 22px !important;
  }

  .contacts-main__grid--compact .contacts-main__lead {
    max-width: 600px !important;
  }
}
/* =========================================================
   HEADER / MODAL / BURGER — final mobile fixes
   ========================================================= */



/* Совсем маленькие телефоны — кнопку НЕ убираем */
@media (max-width: 380px) {
  body .header .header-actions {
    display: flex !important;
  }
}
/* =========================================================
   HEADER — hide quick nav ONLY on phones
   ========================================================= */

@media (max-width: 640px) {
  .header-quick-nav {
    display: none !important;
  }

  body .header .nav-wrap,
  .nav-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  body .header .header-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body .header .header-actions {
    flex: 0 0 auto !important;
    display: flex !important;
  }
}

/* 2. Когда открыто модальное окно — шапка не должна перекрывать модалку */
body.avelis-modal-open .header {
  z-index: 1000 !important;
}

/* Модальное окно всегда выше шапки */
.avelis-modal {
  z-index: 2147483600 !important;
}

.avelis-modal__panel {
  z-index: 2147483602 !important;
}

.avelis-modal__backdrop {
  z-index: 2147483601 !important;
}

/* На мобильной версии даём модалке больше воздуха сверху */
@media (max-width: 760px) {
  .avelis-modal {
    align-items: flex-start !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  .avelis-modal__panel {
    max-height: calc(100dvh - 44px) !important;
  }
}


/* 3. Убираем большую кнопку "сделать заказ/оставить заявку" внутри бургер-меню */
.menu-panel__bottom {
  display: none !important;
}

/* Если кнопка внутри меню имеет отдельный класс — тоже скрываем */
.menu-panel__cta,
.menu-panel__cta--primary,
.menu-panel__cta--secondary {
  display: none !important;
}
/* =========================================================
   BURGER MENU — tablet buttons spacing
   ========================================================= */

@media (min-width: 641px) and (max-width: 1100px) {
  .menu-panel__bottom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 22px !important;
    padding-top: 20px !important;
  }

  .menu-panel__cta {
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
  }

  .menu-panel__cta + .menu-panel__cta {
    margin-top: 0 !important;
  }
}
/* =========================================================
   BURGER MENU — one premium request link without title
   ========================================================= */

.menu-panel__group--request {
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(186, 162, 136, 0.16) !important;
}

.menu-panel__nav--request a {
  min-height: 52px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;

  background: linear-gradient(180deg, var(--olive2), var(--olive)) !important;
  border: 1px solid rgba(182, 146, 107, 0.24) !important;
  color: #ffffff !important;

  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  text-align: center !important;

  box-shadow: 0 14px 30px rgba(20, 27, 21, 0.16) !important;
}

.menu-panel__nav--request a::after {
  display: none !important;
  content: none !important;
}

.menu-panel__nav--request a:hover {
  transform: translateY(-1px) !important;
  color: #e5d1ba !important;
  border-color: rgba(229, 209, 186, 0.75) !important;
}
/* =========================================================
   FORMINATOR — fix dropdown/select opening
   ========================================================= */

/* Разрешаем выпадающим спискам Forminator выходить за пределы карточек */
.avelis-form-block,
.request-form,
.request-shell,
.avelis-modal__panel,
.avelis-modal__form,
.forminator-ui,
.forminator-custom-form,
.forminator-row,
.forminator-col,
.forminator-field {
  overflow: visible !important;
}

/* Выпадающий список Forminator / Select2 поверх всех блоков */
.select2-container,
.select2-container--open,
.select2-dropdown,
.forminator-select-dropdown,
.forminator-dropdown,
.forminator-select-options {
  z-index: 2147483647 !important;
}

/* Чтобы клики по вариантам точно проходили */
.select2-dropdown,
.select2-results,
.select2-results__options,
.select2-results__option,
.forminator-select-dropdown,
.forminator-select-options,
.forminator-select-options li {
  pointer-events: auto !important;
}

/* Если список открывается внутри модального окна */
.avelis-modal .select2-container,
.avelis-modal .select2-container--open,
.avelis-modal .select2-dropdown,
.avelis-modal .forminator-select-dropdown,
.avelis-modal .forminator-dropdown {
  z-index: 2147483647 !important;
}

/* Убираем возможное обрезание внутри модалки */
.avelis-modal__panel {
  overflow-y: auto !important;
  overflow-x: visible !important;
}
.directions-link-card {
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.95) 0%, transparent 36%),
    linear-gradient(
      135deg,
      #ffffff 0%,
      #f7f1e8 34%,
      #e9efe8 68%,
      #f6efe4 100%
    );

  border: 1px solid rgba(255, 255, 255, 0.85);

  box-shadow:
    0 8px 20px rgba(42, 35, 25, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.directions-link-card:hover {
  transform: translateY(-2px);

  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 1) 0%, transparent 38%),
    linear-gradient(
      135deg,
      #ffffff 0%,
      #fbf4e8 30%,
      #dfeadf 66%,
      #f3e7d7 100%
    );

  box-shadow:
    0 12px 26px rgba(42, 35, 25, 0.11),
    0 0 18px rgba(142, 158, 137, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 1);
}
main.directions-page {
  padding-top: 0 !important;
}

main.directions-page .directions-mini-nav {
  margin-top: 0 !important;
}

main.directions-page .directions-mini-nav + .directions-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* =========================================================
   DIRECTIONS PAGE — mobile/tablet gap fix only
   ========================================================= */

@media (max-width: 1100px) {
  .directions-page .directions-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .directions-page .directions-mini-nav {
    margin-bottom: 0 !important;
    padding-bottom: 18px !important;
  }

  .directions-page .directions-mini-nav + .directions-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .directions-page .directions-section:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .directions-page .directions-section:first-of-type .container:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .directions-page #fashion .directions-intro {
    margin-top: 0 !important;
  }
}
/* =========================================================
   AVELIS — account page / Fluent Support final clean CSS
   ========================================================= */

/* 1. Убираем стандартный заголовок темы только на странице кабинета */
article#post-363 > .section-head.center {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* 2. Убираем лишний верхний отступ стандартной секции страницы */
section.page-section:has(article#post-363) {
  padding-top: 0 !important;
}

/* 3. Убираем верхние отступы у контейнера и article */
section.page-section:has(article#post-363) > .container,
article#post-363 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 4. Если глобальный main даёт большой отступ из-за фиксированной шапки */
body:has(article#post-363) main {
  padding-top: 49px !important;
}

/* 7. Fluent Support — контейнер кабинета */
.fluent_support_portal,
.fluent-support-portal {
  width: min(100% - 32px, 1180px) !important;
  margin: 22px auto 74px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background: rgba(255, 252, 247, 0.78) !important;
  border: 1px solid rgba(186, 162, 136, 0.20) !important;
  box-shadow: 0 24px 60px rgba(28, 21, 15, 0.08) !important;
}

/* 8. Шрифт внутри портала */
.fluent_support_portal *,
.fluent-support-portal * {
  font-family: "Inter", sans-serif !important;
}

/* 9. Скрываем кнопку создания нового тикета */
.fs_create_ticket_btn {
  display: none !important;
}

/* 10. Меняем заголовок "Все тикеты" на "Мои заказы" */
.fluent_support_portal h2,
.fluent-support-portal h2 {
  font-size: 0 !important;
}

.fluent_support_portal h2::after,
.fluent-support-portal h2::after {
  content: "Мои заказы";
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: #191714 !important;
}

/* 11. Адаптация под телефон */
@media (max-width: 760px) {
  body:has(article#post-363) main {
    padding-top: 49px !important;
  }



  .fluent_support_portal,
  .fluent-support-portal {
    width: min(100% - 24px, 1180px) !important;
    margin-bottom: 54px !important;
    border-radius: 22px !important;
  }
}
/* =========================================================
   AVELIS — account page final hero + portal styling
   ========================================================= */

/* Скрываем стандартный заголовок темы */
article#post-363 > .section-head.center {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Убираем лишние отступы стандартной страницы */
section.page-section:has(article#post-363) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

section.page-section:has(article#post-363) > .container,
article#post-363 {
  width: 100% !important;
  max-width: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* =========================================================
   ACCOUNT PAGE — FINAL
   ========================================================= */

.account-hero {
  position: relative;
  width: 100vw;
  min-height: 620px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  isolation: isolate;
  background: #1d251f;
}

.account-hero__bg {
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    url("https://avelisselection.com/wp-content/uploads/2026/05/junko-nakase-Q-72wa9-7Dg-unsplash.jpg")
    center 38% / cover no-repeat;
  transform: scale(1.04);
}

.account-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(
      180deg,
      rgba(16, 12, 10, 0.28) 0%,
      rgba(16, 12, 10, 0.44) 42%,
      rgba(16, 12, 10, 0.62) 100%
    ),
    radial-gradient(circle at 50% 30%, rgba(255,255,255,0.08), transparent 34%);
}

.account-hero__inner {
  position: relative;
  z-index: 2;
  width: min(100% - 32px, 1040px);
  padding: 170px 0 145px;
  text-align: center;
  color: #ffffff;
}

.account-hero .eyebrow {
  justify-content: center;
  margin-bottom: 26px;
  color: rgba(255,255,255,0.88);
  font-size: 11px;
  letter-spacing: 0.24em;
}

.account-hero .eyebrow::before {
  background: linear-gradient(90deg, rgba(255,255,255,0.70), transparent);
}

.account-hero h1 {
  max-width: 1000px;
  margin: 0 auto;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(68px, 8vw, 118px);
  line-height: 0.94;
  letter-spacing: -0.045em;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0 12px 34px rgba(0,0,0,0.28);
}

/* Нижняя часть страницы */

.account-page {
  position: relative;
  padding: 0 0 84px;
  background: #f3eee6;
}

.account-page .container {
  width: min(100% - 32px, 1180px);
  margin: 0 auto;
}

.account-info-card {
  position: relative;
  z-index: 4;
  max-width: 860px;
  margin: -76px auto 34px;
  padding: 42px 48px 40px;
  border-radius: 32px;
  text-align: center;
  background: linear-gradient(180deg, rgba(255,255,255,0.97), rgba(250,246,239,0.92));
  border: 1px solid rgba(186,162,136,0.16);
  box-shadow: 0 24px 64px rgba(54,43,36,0.10);
}

.account-info-card .eyebrow {
  justify-content: center;
  margin-bottom: 18px;
  color: rgba(38,49,40,0.76);
}

.account-info-card .eyebrow::before {
  background: rgba(186,162,136,0.72);
}

.account-info-card h2 {
  margin: 0 0 16px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(34px, 3vw, 48px);
  line-height: 1.06;
  font-weight: 600;
  color: #2b211d;
}

.account-info-card p {
  max-width: 730px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.8;
  color: rgba(54,43,36,0.72);
}

/* Карточка портала */

.account-portal-card {
  max-width: 980px;
  margin: 0 auto;
  padding: 34px 34px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255,255,255,0.86), rgba(250,246,239,0.76));
  border: 1px solid rgba(186,162,136,0.14);
  box-shadow: 0 18px 52px rgba(54,43,36,0.07);
  overflow: hidden;
  text-align: center;
  color: #2b211d;
}

.account-portal-card .fluent_support_portal,
.account-portal-card .fluent-support-portal {
  width: 100% !important;
  margin: 0 auto !important;
}

.account-portal-card p,
.account-portal-card > div,
.account-portal-card > span {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

/* Таблица/портал Fluent Support */

.account-portal-card .fs_tickets_table table,
.account-portal-card .fs_tickets_table .el-table {
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* Замена "Беседа" на "Заказ" */

.fs_tickets_table label:first-child,
.fs_tickets_table .fs_table_header label:first-child {
  font-size: 0 !important;
}

.fs_tickets_table label:first-child::after,
.fs_tickets_table .fs_table_header label:first-child::after {
  content: "Заказ";
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #191714 !important;
}

/* Убираем лишний отступ перед футером */

.account-page + .site-footer,
body .site-footer {
  margin-top: 0;
}

/* Планшет */

@media (max-width: 991px) {
  .account-hero {
    min-height: 540px;
  }

  .account-hero__inner {
    padding: 145px 0 120px;
  }

  .account-hero h1 {
    font-size: clamp(56px, 8vw, 88px);
  }

  .account-info-card {
    margin: -60px auto 28px;
    padding: 38px 34px 36px;
  }

  .account-portal-card {
    padding: 28px 24px;
  }
}

/* Mobile */

@media (max-width: 760px) {
  .account-hero {
    min-height: 470px;
  }

  .account-hero__bg {
    background-position: center 34%;
    transform: scale(1.03);
  }
/* Если Fluent Support показывает служебный текст без таблицы */

.account-portal-card > p,
.account-portal-card > div,
.account-portal-card > span {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

/* Мягкая стилизация таблицы/портала Fluent Support */

.account-portal-card .fluent_support_portal,
.account-portal-card .fluent-support-portal {
  width: 100% !important;
  margin: 0 auto !important;
}

.account-portal-card .fs_tickets_table table,
.account-portal-card .fs_tickets_table .el-table {
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* Переименование "Беседа" в "Заказ", если у тебя это уже работало */

.fs_tickets_table label:first-child,
.fs_tickets_table .fs_table_header label:first-child {
  font-size: 0 !important;
}

.fs_tickets_table label:first-child::after,
.fs_tickets_table .fs_table_header label:first-child::after {
  content: "Заказ";
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #191714 !important;
}

/* Убираем лишний отступ перед футером */

.account-page + .site-footer,
body .site-footer {
  margin-top: 0;
}

/* Mobile */

  .account-hero__inner {
    width: min(100% - 24px, 980px);
    padding: 88px 0 70px;
  }

  .account-hero .eyebrow {
    margin-bottom: 18px;
    font-size: 10px;
    letter-spacing: 0.20em;
  }

  .account-hero h1 {
    font-size: clamp(42px, 12vw, 62px);
    line-height: 0.98;
    letter-spacing: -0.035em;
  }

  .account-page {
    padding-bottom: 48px;
  }

  .account-info-card {
    margin: -38px auto 22px;
    padding: 32px 22px 30px;
    border-radius: 28px;
  }

  .account-info-card p {
    font-size: 14px;
    line-height: 1.65;
  }

  .account-portal-card {
    padding: 20px 16px;
    border-radius: 26px;
  }
}

/* =========================================================
   ACCOUNT PAGE — remove gap between hero/account area and footer
   ========================================================= */

body:has(article#post-363) main,
body:has(article#post-363) .page-section,
body:has(article#post-363) article#post-363 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body:has(article#post-363) .site-footer {
  margin-top: 0 !important;
}

/* Если ты смотришь страницу как админ и вместо таблицы показывается служебный текст */
body:has(article#post-363) .fluent_support_portal,
body:has(article#post-363) .fluent-support-portal {
  margin-bottom: 0 !important;
}
/* Если "Беседа" сделана не таблицей, а div-структурой */
.fs_tickets_table label:first-child,
.fs_tickets_table .fs_table_header label:first-child {
  font-size: 0 !important;
}

.fs_tickets_table label:first-child::after,
.fs_tickets_table .fs_table_header label:first-child::after {
  content: "Заказ";
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #191714 !important;
}


/* Чуть мягче таблица */
.fs_tickets_table table,
.fs_tickets_table .el-table {
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* Mobile */

/* =========================================================
   ACCOUNT PAGE — remove bottom gap before footer
   ========================================================= */

section.page-section:has(article#post-363) {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

section.page-section:has(article#post-363) > .container,
article#post-363 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body:has(article#post-363) .site-footer {
  margin-top: 0 !important;
}
.account-hero p {
  font-size: clamp(16.5px, 1.3vw, 19px);
  line-height: 1.66;
  font-weight: 500;
  color: rgba(255,255,255,0.90);
}
/* =========================================================
   AVELIS — Fluent Support "Мои заказы" final styling
   ========================================================= */

/* Общая карточка кабинета */
.fluent_support_portal,
.fluent-support-portal {
  width: min(100% - 32px, 1180px) !important;
  margin: -46px auto 0 !important;
  position: relative !important;
  z-index: 5 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background: rgba(255, 252, 247, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.66) !important;
  box-shadow: 0 26px 70px rgba(28, 21, 15, 0.14) !important;
}

/* Шапка "Мои заказы" */
.fs_tickets_header {
  padding: 26px 28px 24px !important;
  border-bottom: 1px solid rgba(186, 162, 136, 0.18) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(255,252,247,0.78)) !important;
}

/* Меняем "Все тикеты" на "Мои заказы" */
.fs_tickets_header > label {
  font-size: 0 !important;
}

.fs_tickets_header > label::after {
  content: "Мои заказы";
  font-family: "Inter", sans-serif !important;
  font-size: 28px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: #191714 !important;
}

/* Скрываем кнопку создания нового тикета */
.fs_create_ticket_btn {
  display: none !important;
}

/* Блок фильтров и поиска */
.fs_filters_section {
  padding: 22px 28px 18px !important;
  background: rgba(255, 252, 247, 0.72) !important;
}

/* Кнопки Все / Открыто / Закрыто */
.fs_filters_section button,
.fs_filters_section .el-button {
  border-radius: 999px !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: 1px solid rgba(186, 162, 136, 0.18) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: rgba(25, 23, 20, 0.72) !important;
  box-shadow: 0 8px 18px rgba(28, 21, 15, 0.035) !important;
}

/* Активная кнопка фильтра */
.fs_filters_section button.is-active,
.fs_filters_section .el-button.is-active,
.fs_filters_section .el-button--primary {
  background: #ffffff !important;
  color: #191714 !important;
  border-color: rgba(186, 162, 136, 0.22) !important;
}

/* Поле поиска */
.fs_filters_section input,
.fs_filters_section .el-input__inner {
  min-height: 38px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(186, 162, 136, 0.18) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: #191714 !important;
  box-shadow: none !important;
}

/* Таблица */
.fs_tickets_table {
  padding: 0 28px 28px !important;
  background: rgba(255, 252, 247, 0.72) !important;
}

/* Внутренний фон таблицы */
.fs_tickets_table table,
.fs_tickets_table .el-table {
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #f6f7fb !important;
  border: 1px solid rgba(186, 162, 136, 0.10) !important;
}

/* Заголовки колонок */
.fs_tickets_table table thead th,
.fs_tickets_table .el-table__header th,
.fs_tickets_table [role="columnheader"] {
  padding-top: 20px !important;
  padding-bottom: 18px !important;
  background: #f5f6fa !important;
  color: #191714 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Первый столбец — отступ слева */
.fs_tickets_table table thead th:first-child,
.fs_tickets_table .el-table__header th:first-child,
.fs_tickets_table [role="columnheader"]:first-child {
  padding-left: 34px !important;
  text-align: left !important;
}

/* "Беседа" → "Заказ" */
.fs_tickets_table table thead th:first-child,
.fs_tickets_table .el-table__header th:first-child,
.fs_tickets_table [role="columnheader"]:first-child {
  font-size: 0 !important;
}

.fs_tickets_table table thead th:first-child::after,
.fs_tickets_table .el-table__header th:first-child::after,
.fs_tickets_table [role="columnheader"]:first-child::after {
  content: "Заказ";
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #191714 !important;
}

/* Ячейки таблицы */
.fs_tickets_table table tbody td,
.fs_tickets_table .el-table__body td,
.fs_tickets_table [role="cell"] {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  color: rgba(25, 23, 20, 0.78) !important;
  font-size: 14px !important;
}

/* Первый столбец в строках тоже отодвигаем */
.fs_tickets_table table tbody td:first-child,
.fs_tickets_table .el-table__body td:first-child,
.fs_tickets_table [role="cell"]:first-child {
  padding-left: 34px !important;
  text-align: left !important;
}

/* Сообщение "Заявки не найдены" */
.fs_tickets_table .el-table__empty-text,
.fs_tickets_table .empty-text,
.fs_tickets_table [class*="empty"] {
  color: rgba(25, 23, 20, 0.42) !important;
  font-size: 15px !important;
}

/* Статус active — мягче */
.fs_tickets_table .status,
.fs_tickets_table [class*="status"] {
  font-weight: 600 !important;
}

/* Мобильная версия */
@media (max-width: 760px) {
  .fluent_support_portal,
  .fluent-support-portal {
    width: min(100% - 24px, 1180px) !important;
    margin: -30px auto 0 !important;
    border-radius: 22px !important;
  }

  .fs_tickets_header {
    padding: 22px 18px 20px !important;
  }

  .fs_tickets_header > label::after {
    font-size: 24px !important;
  }

  .fs_filters_section {
    padding: 18px 18px 14px !important;
  }

  .fs_tickets_table {
    padding: 0 18px 22px !important;
    overflow-x: auto !important;
  }

  .fs_tickets_table table,
  .fs_tickets_table .el-table {
    min-width: 680px !important;
  }

  .fs_tickets_table table thead th:first-child,
  .fs_tickets_table .el-table__header th:first-child,
  .fs_tickets_table [role="columnheader"]:first-child,
  .fs_tickets_table table tbody td:first-child,
  .fs_tickets_table .el-table__body td:first-child,
  .fs_tickets_table [role="cell"]:first-child {
    padding-left: 22px !important;
  }
}
/* =========================================================
   AVELIS — filters row polish
   ========================================================= */

/* Общий ряд фильтров */
.fs_filters_section {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

/* Левая часть с кнопками */
.fs_filters_section > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Группа кнопок Все / Открыто / Закрыто */
.fs_filters_section > div:first-child > div:first-child {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px !important;
  background: #f3efe8 !important;
  border: 1px solid rgba(186, 162, 136, 0.18) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.65) !important;
}

/* Кнопки фильтра */
.fs_filters_section > div:first-child > div:first-child button,
.fs_filters_section > div:first-child > div:first-child .el-button {
  min-height: 38px !important;
  padding: 0 18px !important;
  border: none !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(25, 23, 20, 0.66) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* Активная кнопка */
.fs_filters_section > div:first-child > div:first-child button.is-active,
.fs_filters_section > div:first-child > div:first-child .el-button.is-active,
.fs_filters_section > div:first-child > div:first-child .el-button--primary,
.fs_filters_section > div:first-child > div:first-child button[aria-pressed="true"] {
  background: #ffffff !important;
  color: #191714 !important;
  box-shadow: 0 4px 14px rgba(28, 21, 15, 0.08) !important;
}

/* Hover */
.fs_filters_section > div:first-child > div:first-child button:hover,
.fs_filters_section > div:first-child > div:first-child .el-button:hover {
  background: rgba(255,255,255,0.72) !important;
  color: #191714 !important;
}

/* Маленькая кнопка справа от фильтров */
.fs_filters_section > div:first-child > button,
.fs_filters_section > div:first-child > .el-button,
.fs_filters_section > div:first-child > div:last-child button,
.fs_filters_section > div:first-child > div:last-child .el-button {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  border: 1px solid rgba(186, 162, 136, 0.18) !important;
  background: rgba(255,255,255,0.75) !important;
  box-shadow: 0 8px 18px rgba(28, 21, 15, 0.04) !important;
}

/* На мобильных */
@media (max-width: 760px) {
  .fs_filters_section {
    gap: 12px !important;
  }

  .fs_filters_section > div:first-child {
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  .fs_filters_section > div:first-child > div:first-child button,
  .fs_filters_section > div:first-child > div:first-child .el-button {
    min-height: 36px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
  }
}
/* =========================================================
   AVELIS — center "Мои заказы" in portal header
   ========================================================= */

.fs_tickets_header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: 86px !important;
  padding: 0 28px !important;
}

/* Сам заголовок по центру */
.fs_tickets_header label {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  text-align: center !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #191714 !important;
  white-space: nowrap !important;
}

/* Если справа есть служебные кнопки */
.fs_tickets_actions {
  margin-left: auto !important;
  position: relative !important;
  z-index: 2 !important;
}
/* ===== Legal compact final override ===== */

.contacts-legal-compact--bottom {
  padding-top: 24px !important;
  padding-bottom: 28px !important;
}

.contacts-legal-details {
  max-width: 560px !important;
  margin: 0 auto !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.34) !important;
  border: 1px solid rgba(186, 162, 136, 0.13) !important;
  box-shadow: 0 8px 18px rgba(28, 21, 15, 0.035) !important;
  overflow: hidden !important;
}

.contacts-legal-details summary {
  list-style: none !important;
  cursor: pointer !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;

  padding: 10px 14px !important;
}

.contacts-legal-details summary::-webkit-details-marker {
  display: none !important;
}

.contacts-legal-details summary span {
  display: inline-flex !important;
  align-items: center !important;

  margin: 0 !important;
  font-size: 8.5px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: rgba(109, 102, 95, 0.62) !important;
}

.contacts-legal-details summary strong {
  display: none !important;
}

.contacts-legal-details summary::after {
  content: "" !important;

  width: 5px !important;
  height: 5px !important;

  display: inline-block !important;
  flex: 0 0 auto !important;

  background: transparent !important;
  border-radius: 0 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: 1px solid rgba(109, 102, 95, 0.55) !important;
  border-bottom: 1px solid rgba(109, 102, 95, 0.55) !important;

  transform: rotate(45deg) translateY(-1px) !important;
  transition: transform 0.22s ease, opacity 0.22s ease !important;
  opacity: 0.75 !important;

  font-size: 0 !important;
  line-height: 0 !important;
}

.contacts-legal-details[open] summary::after {
  transform: rotate(225deg) translateY(-1px) !important;
  opacity: 0.9 !important;
}

.contacts-legal-details__content {
  padding: 0 14px 16px !important;
  display: grid !important;
  gap: 7px !important;
}

.contacts-legal-details__content p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}
/* =========================================================
   ACCOUNT PAGE — FINAL OVERRIDE AFTER ALL OLD CSS
   ========================================================= */

/* Возвращаем нормальную компенсацию фиксированной шапки */
body:has(article#post-363) main {
  padding-top: 78px !important;
  padding-bottom: 0 !important;
}

/* Убираем стандартные отступы страницы WordPress */
body:has(article#post-363) section.page-section,
body:has(article#post-363) section.page-section > .container,
body:has(article#post-363) article#post-363 {
  width: 100% !important;
  max-width: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Скрываем стандартный заголовок темы */
body:has(article#post-363) article#post-363 > .section-head.center {
  display: none !important;
}

/* HERO личного кабинета */
body:has(article#post-363) .account-hero {
  position: relative !important;
  width: 100vw !important;
  min-height: 680px !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #1d251f !important;
}

body:has(article#post-363) .account-hero__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;
  background:
    url("https://avelisselection.com/wp-content/uploads/2026/05/junko-nakase-Q-72wa9-7Dg-unsplash.jpg")
    center 42% / cover no-repeat !important;
  transform: scale(1.04) !important;
}

body:has(article#post-363) .account-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background:
    linear-gradient(
      180deg,
      rgba(16, 12, 10, 0.26) 0%,
      rgba(16, 12, 10, 0.44) 44%,
      rgba(16, 12, 10, 0.66) 100%
    ),
    radial-gradient(circle at 50% 30%, rgba(255,255,255,0.08), transparent 34%) !important;
}

body:has(article#post-363) .account-hero__inner {
  position: relative !important;
  z-index: 2 !important;
  width: min(100% - 32px, 1040px) !important;
  padding: 190px 0 160px !important;
  text-align: center !important;
  color: #ffffff !important;
}

body:has(article#post-363) .account-hero .eyebrow {
  justify-content: center !important;
  margin-bottom: 28px !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: 11px !important;
  letter-spacing: 0.24em !important;
}

body:has(article#post-363) .account-hero .eyebrow::before {
  background: linear-gradient(90deg, rgba(255,255,255,0.70), transparent) !important;
}

body:has(article#post-363) .account-hero h1 {
  max-width: 1000px !important;
  margin: 0 auto !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(76px, 8vw, 124px) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.045em !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  text-shadow: 0 12px 34px rgba(0,0,0,0.28) !important;
}

/* Нижняя часть страницы */
body:has(article#post-363) .account-page {
  position: relative !important;
  padding: 0 0 96px !important;
  background: #f3eee6 !important;
}

body:has(article#post-363) .account-page .container {
  width: min(100% - 32px, 1180px) !important;
  margin: 0 auto !important;
}

/* Информационная карточка */
body:has(article#post-363) .account-info-card {
  position: relative !important;
  z-index: 4 !important;
  max-width: 900px !important;
  margin: -86px auto 42px !important;
  padding: 46px 52px 44px !important;
  border-radius: 34px !important;
  text-align: center !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.97), rgba(250,246,239,0.92)) !important;
  border: 1px solid rgba(186,162,136,0.16) !important;
  box-shadow: 0 28px 72px rgba(54,43,36,0.11) !important;
}

body:has(article#post-363) .account-info-card .eyebrow {
  justify-content: center !important;
  margin-bottom: 18px !important;
  color: rgba(38,49,40,0.76) !important;
}

body:has(article#post-363) .account-info-card .eyebrow::before {
  background: rgba(186,162,136,0.72) !important;
}

body:has(article#post-363) .account-info-card h2 {
  margin: 0 0 16px !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(36px, 3.2vw, 50px) !important;
  line-height: 1.06 !important;
  font-weight: 600 !important;
  color: #2b211d !important;
}

body:has(article#post-363) .account-info-card p {
  max-width: 740px !important;
  margin: 0 auto !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: rgba(54,43,36,0.72) !important;
}

/* Карточка портала */
body:has(article#post-363) .account-portal-card {
  max-width: 1000px !important;
  margin: 0 auto !important;
  padding: 36px !important;
  border-radius: 32px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.86), rgba(250,246,239,0.76)) !important;
  border: 1px solid rgba(186,162,136,0.14) !important;
  box-shadow: 0 20px 56px rgba(54,43,36,0.08) !important;
  overflow: hidden !important;
  text-align: center !important;
  color: #2b211d !important;
}

/* ВАЖНО: перебиваем старый отрицательный margin Fluent Support */
body:has(article#post-363) .account-portal-card .fluent_support_portal,
body:has(article#post-363) .account-portal-card .fluent-support-portal {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  position: static !important;
  z-index: auto !important;
  border-radius: 24px !important;
}

/* Если Fluent Support выводит просто текст */
body:has(article#post-363) .account-portal-card > p,
body:has(article#post-363) .account-portal-card > div,
body:has(article#post-363) .account-portal-card > span {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Планшет */
@media (max-width: 991px) {
  body:has(article#post-363) main {
    padding-top: 66px !important;
  }

  body:has(article#post-363) .account-hero {
    min-height: 560px !important;
  }

  body:has(article#post-363) .account-hero__inner {
    padding: 150px 0 126px !important;
  }

  body:has(article#post-363) .account-hero h1 {
    font-size: clamp(58px, 8vw, 88px) !important;
  }

  body:has(article#post-363) .account-info-card {
    margin: -62px auto 32px !important;
    padding: 40px 34px 38px !important;
  }

  body:has(article#post-363) .account-portal-card {
    padding: 30px 24px !important;
  }
}

/* Телефон */
@media (max-width: 760px) {
  body:has(article#post-363) main {
    padding-top: 62px !important;
  }

  body:has(article#post-363) .account-hero {
    min-height: 500px !important;
  }

  body:has(article#post-363) .account-hero__bg {
    background-position: center 36% !important;
    transform: scale(1.03) !important;
  }

  body:has(article#post-363) .account-hero__inner {
    width: min(100% - 24px, 980px) !important;
    padding: 128px 0 102px !important;
  }

  body:has(article#post-363) .account-hero .eyebrow {
    margin-bottom: 18px !important;
    font-size: 10px !important;
    letter-spacing: 0.20em !important;
  }

  body:has(article#post-363) .account-hero h1 {
    font-size: clamp(48px, 12vw, 68px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.035em !important;
  }

  body:has(article#post-363) .account-page {
    padding-bottom: 58px !important;
  }

  body:has(article#post-363) .account-page .container {
    width: min(100% - 24px, 1180px) !important;
  }

  body:has(article#post-363) .account-info-card {
    margin: -42px auto 26px !important;
    padding: 32px 22px 30px !important;
    border-radius: 28px !important;
  }

  body:has(article#post-363) .account-info-card h2 {
    font-size: clamp(30px, 8vw, 40px) !important;
    margin-bottom: 14px !important;
  }

  body:has(article#post-363) .account-info-card p {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  body:has(article#post-363) .account-portal-card {
    padding: 22px 16px !important;
    border-radius: 24px !important;
  }
}
/* =========================================================
   ACCOUNT PAGE — CLEAN FINAL VISUAL FIX
   фото к навигации, аккуратные отступы, меньше заголовок
   ========================================================= */

/* Высота компенсации фиксированной шапки */
body:has(article#post-363) main {
  padding-top: 78px !important;
  padding-bottom: 0 !important;
}

/* В режиме админа WordPress */
body.admin-bar:has(article#post-363) main {
  padding-top: 110px !important;
}

/* Убираем лишние отступы стандартной страницы */
body:has(article#post-363) section.page-section,
body:has(article#post-363) section.page-section > .container,
body:has(article#post-363) article#post-363 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Скрываем стандартный заголовок WordPress */
body:has(article#post-363) article#post-363 > .section-head.center {
  display: none !important;
}

/* HERO — фото сразу под навигацией */
body:has(article#post-363) .account-hero {
  position: relative !important;
  width: 100vw !important;
  min-height: 520px !important;
  margin: 0 calc(50% - 50vw) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #1d251f !important;
}

/* Фото */
body:has(article#post-363) .account-hero__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: -3 !important;
  background:
    url("https://avelisselection.com/wp-content/uploads/2026/05/junko-nakase-Q-72wa9-7Dg-unsplash.jpg")
    center 43% / cover no-repeat !important;
  transform: scale(1.015) !important;
}

/* Затемнение фото */
body:has(article#post-363) .account-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background:
    linear-gradient(
      180deg,
      rgba(16, 12, 10, 0.22) 0%,
      rgba(16, 12, 10, 0.40) 45%,
      rgba(16, 12, 10, 0.62) 100%
    ) !important;
}

/* Центрирование текста внутри фото */
body:has(article#post-363) .account-hero__inner {
  position: relative !important;
  z-index: 2 !important;
  width: min(100% - 32px, 980px) !important;
  min-height: 520px !important;
  padding: 40px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  color: #ffffff !important;
}

/* Маленькая подпись CLIENT ACCOUNT */
body:has(article#post-363) .account-hero .eyebrow {
  justify-content: center !important;
  margin: 0 0 20px !important;
  color: rgba(255,255,255,0.88) !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
}

body:has(article#post-363) .account-hero .eyebrow::before {
  background: linear-gradient(90deg, rgba(255,255,255,0.70), transparent) !important;
}

/* Заголовок "Личный кабинет" — меньше и строго по центру */
body:has(article#post-363) .account-hero h1 {
  max-width: 860px !important;
  margin: 0 auto !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(54px, 5.2vw, 82px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.04em !important;
  font-weight: 500 !important;
  text-align: center !important;
  color: #ffffff !important;
  text-shadow: 0 12px 34px rgba(0,0,0,0.28) !important;
}

/* Нижняя часть страницы */
body:has(article#post-363) .account-page {
  position: relative !important;
  padding: 48px 0 88px !important;
  background: #f3eee6 !important;
}

/* Контейнер */
body:has(article#post-363) .account-page .container {
  width: min(100% - 32px, 1180px) !important;
  margin: 0 auto !important;
}

/* Карточка описания — теперь НЕ прилипает к фото */
body:has(article#post-363) .account-info-card {
  position: relative !important;
  z-index: 4 !important;
  max-width: 860px !important;
  margin: 0 auto 42px !important;
  padding: 42px 48px 40px !important;
  border-radius: 32px !important;
  text-align: center !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.97), rgba(250,246,239,0.92)) !important;
  border: 1px solid rgba(186,162,136,0.16) !important;
  box-shadow: 0 24px 64px rgba(54,43,36,0.10) !important;
}

body:has(article#post-363) .account-info-card .eyebrow {
  justify-content: center !important;
  margin-bottom: 18px !important;
  color: rgba(38,49,40,0.76) !important;
}

body:has(article#post-363) .account-info-card h2 {
  margin: 0 0 16px !important;
  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(34px, 3vw, 46px) !important;
  line-height: 1.06 !important;
  font-weight: 600 !important;
  color: #2b211d !important;
}

body:has(article#post-363) .account-info-card p {
  max-width: 730px !important;
  margin: 0 auto !important;
  font-size: 15px !important;
  line-height: 1.78 !important;
  color: rgba(54,43,36,0.72) !important;
}

/* Карточка портала */
body:has(article#post-363) .account-portal-card {
  max-width: 1000px !important;
  margin: 0 auto !important;
  padding: 34px !important;
  border-radius: 30px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.86), rgba(250,246,239,0.76)) !important;
  border: 1px solid rgba(186,162,136,0.14) !important;
  box-shadow: 0 18px 52px rgba(54,43,36,0.07) !important;
  overflow: hidden !important;
  text-align: center !important;
  color: #2b211d !important;
}

/* Fluent Support не должен вылезать вверх */
body:has(article#post-363) .account-portal-card .fluent_support_portal,
body:has(article#post-363) .account-portal-card .fluent-support-portal,
body:has(article#post-363) .fluent_support_portal,
body:has(article#post-363) .fluent-support-portal {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

/* Планшет */
@media (max-width: 991px) {
  body:has(article#post-363) main {
    padding-top: 66px !important;
  }

  body.admin-bar:has(article#post-363) main {
    padding-top: 112px !important;
  }

  body:has(article#post-363) .account-hero {
    min-height: 460px !important;
  }

  body:has(article#post-363) .account-hero__inner {
    min-height: 460px !important;
    padding: 34px 0 !important;
  }

  body:has(article#post-363) .account-hero h1 {
    font-size: clamp(48px, 7vw, 68px) !important;
  }

  body:has(article#post-363) .account-page {
    padding: 38px 0 72px !important;
  }

  body:has(article#post-363) .account-info-card {
    margin-bottom: 34px !important;
    padding: 36px 32px 34px !important;
  }

  body:has(article#post-363) .account-portal-card {
    padding: 28px 24px !important;
  }
}

/* Телефон */
@media (max-width: 760px) {
  body:has(article#post-363) main {
    padding-top: 62px !important;
  }

  body.admin-bar:has(article#post-363) main {
    padding-top: 108px !important;
  }

  body:has(article#post-363) .account-hero {
    min-height: 390px !important;
  }

  body:has(article#post-363) .account-hero__bg {
    background-position: center 38% !important;
    transform: scale(1.02) !important;
  }

  body:has(article#post-363) .account-hero__inner {
    width: min(100% - 24px, 980px) !important;
    min-height: 390px !important;
    padding: 28px 0 !important;
  }

  body:has(article#post-363) .account-hero .eyebrow {
    margin-bottom: 16px !important;
    font-size: 9px !important;
    letter-spacing: 0.18em !important;
  }

  body:has(article#post-363) .account-hero h1 {
    font-size: clamp(40px, 10vw, 56px) !important;
    line-height: 1 !important;
  }

  body:has(article#post-363) .account-page {
    padding: 28px 0 56px !important;
  }

  body:has(article#post-363) .account-page .container {
    width: min(100% - 24px, 1180px) !important;
  }

  body:has(article#post-363) .account-info-card {
    margin-bottom: 24px !important;
    padding: 28px 20px 26px !important;
    border-radius: 26px !important;
  }

  body:has(article#post-363) .account-info-card h2 {
    font-size: clamp(28px, 8vw, 38px) !important;
  }

  body:has(article#post-363) .account-info-card p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body:has(article#post-363) .account-portal-card {
    padding: 20px 14px !important;
    border-radius: 24px !important;
  }
}
/* =========================================================
   ACCOUNT PAGE — remove gap between navbar and hero photo
   ========================================================= */

/* Убираем пустой отступ между шапкой и фото */
body:has(article#post-363) main {
  padding-top: 0 !important;
}

/* В режиме админа WordPress тоже не добавляем лишнюю полосу */
body.admin-bar:has(article#post-363) main {
  padding-top: 0 !important;
}

/* Фото должно начинаться сразу под навигацией */
body:has(article#post-363) .account-hero {
  margin-top: 0 !important;
  min-height: 520px !important;
}

/* Чтобы текст остался красиво по центру фото */
body:has(article#post-363) .account-hero__inner {
  min-height: 520px !important;
  padding: 40px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Заголовок чуть аккуратнее */
body:has(article#post-363) .account-hero h1 {
  font-size: clamp(52px, 5vw, 78px) !important;
  text-align: center !important;
}

/* На планшете */
@media (max-width: 991px) {
  body:has(article#post-363) main,
  body.admin-bar:has(article#post-363) main {
    padding-top: 0 !important;
  }

  body:has(article#post-363) .account-hero {
    min-height: 460px !important;
  }

  body:has(article#post-363) .account-hero__inner {
    min-height: 460px !important;
    padding: 34px 0 !important;
  }
}

/* На телефоне */
@media (max-width: 760px) {
  body:has(article#post-363) main,
  body.admin-bar:has(article#post-363) main {
    padding-top: 0 !important;
  }

  body:has(article#post-363) .account-hero {
    min-height: 390px !important;
  }

  body:has(article#post-363) .account-hero__inner {
    min-height: 390px !important;
    padding: 28px 0 !important;
  }

  body:has(article#post-363) .account-hero h1 {
    font-size: clamp(40px, 10vw, 56px) !important;
  }
}
/* =========================================================
   AVELIS — FINAL FIX FOR MODAL / MENU / CLICKS
   Вставить самым последним блоком CSS
   ========================================================= */

/* 1. Глобально возвращаем кликабельность ссылкам и кнопкам */
a,
button,
summary,
input,
textarea,
select,
label,
.btn,
.btn-header,
.menu-toggle,
.menu-close,
.request-form-picker__card,
.forminator-button,
.forminator-button-submit,
.forminator-ui button,
.forminator-ui input[type="submit"] {
  pointer-events: auto !important;
  cursor: pointer;
}

/* 2. Старую catalog-modal полностью отключаем, если она где-то осталась */
.catalog-modal {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* На всякий случай старый класс не должен блокировать страницу */
body.catalog-modal-open {
  overflow: auto !important;
}

/* 3. Новая модалка Avelis — закрытое состояние */
#avelisRequestModal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483600 !important;

  display: none !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 24px !important;
  background: rgba(18, 14, 12, 0.48) !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 4. Если у модалки есть hidden — она точно скрыта */
#avelisRequestModal[hidden] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 5. Открытое состояние модалки */
#avelisRequestModal.is-open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 6. Закрытая модалка без is-open никогда не должна занимать экран */
#avelisRequestModal:not(.is-open) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 7. Затемнение */
#avelisRequestModal .avelis-modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: auto !important;
}

/* 8. Панель формы */
#avelisRequestModal .avelis-modal__panel {
  position: relative !important;
  z-index: 2 !important;

  width: min(100%, 760px) !important;
  max-height: calc(100vh - 48px) !important;
  overflow-y: auto !important;
  overflow-x: visible !important;

  border-radius: 30px !important;
  background: #fffaf3 !important;
  padding: 42px 34px 34px !important;
  box-shadow: 0 30px 90px rgba(18, 14, 12, 0.28) !important;

  pointer-events: auto !important;
}

/* 9. Кнопка закрытия */
#avelisRequestModal .avelis-modal__close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;

  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;

  border: 1px solid rgba(38, 49, 40, 0.12) !important;
  background: rgba(38, 49, 40, 0.06) !important;
  color: #263128 !important;

  font-size: 28px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  z-index: 3 !important;
}

/* 10. Внутри модалки видна только активная форма */
#avelisRequestModal .avelis-modal__form {
  display: none !important;
}

#avelisRequestModal .avelis-modal__form.is-active {
  display: block !important;
}

/* 11. Когда модалка открыта — страница не скроллится */
body.avelis-modal-open {
  overflow: hidden !important;
}

/* 12. Шапка не должна перекрывать открытую модалку */
body.avelis-modal-open .header {
  z-index: 1000 !important;
}

/* 13. Бургер-меню — закрытое состояние */
#site-menu.menu-overlay,
.menu-overlay {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 14. Бургер-меню — открытое состояние */
#site-menu.menu-overlay.is-open,
#site-menu.menu-overlay.active,
body.menu-open #site-menu.menu-overlay,
.menu-overlay.is-open,
.menu-overlay.active,
body.menu-open .menu-overlay {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* 15. Панель бургер-меню всегда кликабельна */
.menu-panel,
.menu-panel *,
.menu-toggle,
.menu-close {
  pointer-events: auto !important;
}

/* 16. Forminator dropdown/select поверх карточек и модалки */
.select2-container,
.select2-container--open,
.select2-dropdown,
.forminator-select-dropdown,
.forminator-dropdown,
.forminator-select-options {
  z-index: 2147483647 !important;
}

.select2-dropdown,
.select2-results,
.select2-results__options,
.select2-results__option,
.forminator-select-dropdown,
.forminator-select-options,
.forminator-select-options li {
  pointer-events: auto !important;
}

/* 17. Страница заявки — формы не скрываем */
.request-page .avelis-forms {
  display: grid !important;
}

.request-page .avelis-form-block {
  display: none !important;
}

.request-page .avelis-form-block.is-active {
  display: block !important;
}

/* 18. Мобильная модалка */
@media (max-width: 760px) {
  #avelisRequestModal {
    padding: 16px !important;
    align-items: flex-start !important;
  }

  #avelisRequestModal .avelis-modal__panel {
    max-height: calc(100dvh - 32px) !important;
    padding: 38px 18px 24px !important;
    border-radius: 24px !important;
  }

  #avelisRequestModal .avelis-modal__close {
    top: 12px !important;
    right: 12px !important;
  }
}
/* =========================================================
   AVELIS — MODAL HEADER STYLE
   Заголовок модального окна в стиле сайта
   ========================================================= */

.avelis-modal__head {
  max-width: 640px;
  margin: 0 auto 34px;
  padding: 8px 52px 0;
  text-align: center;
}

.avelis-modal__eyebrow,
.avelis-modal__head .eyebrow {
  display: block;
  margin-bottom: 14px;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #8e7d6a;
}

.avelis-modal__title,
.avelis-modal__head h2 {
  margin: 0 0 14px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 42px;
  line-height: 1.05;
  font-weight: 600;
  color: #1f241d;
  text-align: center;
}

.avelis-modal__desc,
.avelis-modal__head p {
  max-width: 560px;
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
  font-size: 17px;
  line-height: 1.65;
  font-weight: 400;
  color: #36322d;
  text-align: center;
}

/* Чтобы форма начиналась аккуратнее после шапки */
.avelis-modal .forminator-custom-form,
.avelis-modal form {
  margin-top: 8px;
}

/* При необходимости чуть отодвинуть крестик */
.avelis-modal .avelis-modal__close,
.avelis-modal .modal-close {
  top: 18px;
  right: 18px;
}

/* Планшет */
@media (max-width: 991px) {
  .avelis-modal__head {
    padding: 6px 28px 0;
    margin-bottom: 28px;
  }

  .avelis-modal__title,
  .avelis-modal__head h2 {
    font-size: 36px;
  }

  .avelis-modal__desc,
  .avelis-modal__head p {
    font-size: 16px;
    line-height: 1.6;
  }
}

/* Мобильная версия */
@media (max-width: 767px) {
  .avelis-modal__head {
    padding: 0 18px;
    margin-bottom: 24px;
  }

  .avelis-modal__eyebrow,
  .avelis-modal__head .eyebrow {
    font-size: 11px;
    letter-spacing: 0.22em;
    margin-bottom: 12px;
  }

  .avelis-modal__title,
  .avelis-modal__head h2 {
    font-size: 30px;
    line-height: 1.08;
    margin-bottom: 12px;
  }

  .avelis-modal__desc,
  .avelis-modal__head p {
    font-size: 15px;
    line-height: 1.55;
  }
}
/* =========================================================
   AVELIS — MODAL FINAL DESIGN OVERRIDE
   Центрирование заголовка и оформление модального окна
   ВСТАВИТЬ САМЫМ ПОСЛЕДНИМ БЛОКОМ CSS
   ========================================================= */

/* Панель модального окна */
body .avelis-modal .avelis-modal__panel {
  width: min(100% - 32px, 760px) !important;
  max-width: 760px !important;
  max-height: calc(100dvh - 48px) !important;
  padding: 44px 40px 34px !important;
  border-radius: 32px !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(182,146,107,0.10), transparent 34%),
    linear-gradient(180deg, rgba(255,252,247,0.98), rgba(248,242,234,0.96)) !important;

  border: 1px solid rgba(186,162,136,0.24) !important;
  box-shadow: 0 34px 90px rgba(18,14,12,0.28) !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Форма внутри модалки */
body .avelis-modal .avelis-modal__form {
  width: 100% !important;
  max-width: 640px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Показываем только активную форму */
body .avelis-modal .avelis-modal__form {
  display: none !important;
}

body .avelis-modal .avelis-modal__form.is-active {
  display: block !important;
}

/* Шапка модалки */
body .avelis-modal .avelis-modal__head {
  width: 100% !important;
  max-width: 620px !important;
  margin: 0 auto 34px !important;
  padding: 0 34px !important;
  text-align: center !important;
}

/* Маленькая верхняя подпись */
body .avelis-modal .avelis-modal__head .eyebrow {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;

  width: 100% !important;
  margin: 0 auto 16px !important;

  font-family: "Inter", sans-serif !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: rgba(38,49,40,0.70) !important;
  text-align: center !important;
}

/* Линии возле маленькой подписи */
body .avelis-modal .avelis-modal__head .eyebrow::before,
body .avelis-modal .avelis-modal__head .eyebrow::after {
  content: "" !important;
  display: block !important;
  width: 32px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(182,146,107,0.65), transparent) !important;
}

/* Заголовок */
body .avelis-modal .avelis-modal__head h2 {
  margin: 0 auto 14px !important;

  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(38px, 4vw, 52px) !important;
  line-height: 0.98 !important;
  font-weight: 600 !important;
  letter-spacing: -0.04em !important;

  color: #191714 !important;
  text-align: center !important;
}

/* Описание */
body .avelis-modal .avelis-modal__head p {
  max-width: 560px !important;
  margin: 0 auto !important;

  font-family: "Inter", sans-serif !important;
  font-size: 15.5px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;

  color: rgba(54,43,36,0.76) !important;
  text-align: center !important;
}

/* На случай, если где-то НЕ обернула в avelis-modal__head */
body .avelis-modal .avelis-modal__form > .eyebrow {
  justify-content: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body .avelis-modal .avelis-modal__form > h2,
body .avelis-modal .avelis-modal__form > p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Крестик закрытия */
body .avelis-modal .avelis-modal__close {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;

  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(255,255,255,0.62) !important;
  border: 1px solid rgba(38,49,40,0.12) !important;
  color: #263128 !important;

  font-size: 28px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  z-index: 20 !important;
}

/* Поля формы */
body .avelis-modal .forminator-ui,
body .avelis-modal .forminator-custom-form {
  max-width: 608px !important;
  margin: 0 auto !important;
  text-align: left !important;
}

body .avelis-modal .forminator-row {
  margin-bottom: 18px !important;
}

body .avelis-modal .forminator-label {
  margin-bottom: 7px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #191714 !important;
}

body .avelis-modal input,
body .avelis-modal textarea,
body .avelis-modal select {
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(54,43,36,0.22) !important;
  background: rgba(255,255,255,0.72) !important;
  color: #191714 !important;
  box-shadow: none !important;
}

body .avelis-modal textarea {
  min-height: 120px !important;
}

/* Ошибки Forminator аккуратнее */
body .avelis-modal .forminator-error-message {
  margin-top: 5px !important;
  padding: 7px 10px !important;
  border-radius: 0 !important;
  background: rgba(196, 68, 68, 0.10) !important;
  color: #6f2e2e !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

/* Кнопка отправки */
body .avelis-modal .forminator-button-submit {
  min-height: 52px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: linear-gradient(180deg, #364137 0%, #263128 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(182,146,107,0.26) !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;

  box-shadow: 0 14px 30px rgba(20,27,21,0.18) !important;
  cursor: pointer !important;
}

body .avelis-modal .forminator-button-submit:hover {
  color: #e5d1ba !important;
  border-color: rgba(229,209,186,0.72) !important;
  transform: translateY(-1px) !important;
}

/* Мобильная версия */
@media (max-width: 760px) {
  body .avelis-modal {
    padding: 14px !important;
  }

  body .avelis-modal .avelis-modal__panel {
    width: min(100%, 100%) !important;
    max-height: calc(100dvh - 28px) !important;
    padding: 38px 18px 26px !important;
    border-radius: 26px !important;
  }

  body .avelis-modal .avelis-modal__head {
    padding: 0 20px !important;
    margin-bottom: 28px !important;
  }

  body .avelis-modal .avelis-modal__head .eyebrow {
    font-size: 9px !important;
    letter-spacing: 0.20em !important;
    margin-bottom: 13px !important;
  }

  body .avelis-modal .avelis-modal__head .eyebrow::before,
  body .avelis-modal .avelis-modal__head .eyebrow::after {
    width: 24px !important;
  }

  body .avelis-modal .avelis-modal__head h2 {
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.04 !important;
  }

  body .avelis-modal .avelis-modal__head p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body .avelis-modal .forminator-button-submit {
    width: 100% !important;
  }
}
/* Симметричные линии у маленькой подписи в модалке */

body .avelis-modal .avelis-modal__form > .eyebrow::after,
body .avelis-modal .avelis-modal__form .avelis-modal__head .eyebrow::after {
  content: "" !important;
  width: 38px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--gold)) !important;
}

body .avelis-modal .avelis-modal__form > .eyebrow::before,
body .avelis-modal .avelis-modal__form .avelis-modal__head .eyebrow::before {
  width: 38px !important;
  background: linear-gradient(90deg, var(--gold), transparent) !important;
}
/* =========================================================
   AVELIS MODALS — unified premium header style
   Для всех модальных окон: каталог, позиция, подбор, pro
   ========================================================= */

/* Общая зона формы внутри модального окна */
body .avelis-modal .avelis-modal__form,
body .catalog-modal .catalog-modal__form {
  text-align: center !important;
}

/* Маленькая верхняя подпись: CATALOG REQUEST / SPECIFIC ITEM и т.д. */
body .avelis-modal .avelis-modal__form > .eyebrow,
body .catalog-modal .catalog-modal__form > .eyebrow,
body .avelis-modal .avelis-modal__form .avelis-modal__head .eyebrow,
body .catalog-modal .catalog-modal__form .catalog-modal__head .eyebrow {
  width: 100% !important;
  margin: 0 auto 18px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;

  text-align: center !important;
  color: rgba(38, 49, 40, 0.78) !important;

  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
}

/* Симметричные золотые линии слева и справа */
body .avelis-modal .avelis-modal__form > .eyebrow::before,
body .catalog-modal .catalog-modal__form > .eyebrow::before,
body .avelis-modal .avelis-modal__form .avelis-modal__head .eyebrow::before,
body .catalog-modal .catalog-modal__form .catalog-modal__head .eyebrow::before {
  content: "" !important;
  width: 38px !important;
  height: 1px !important;
  flex: 0 0 38px !important;
  background: linear-gradient(90deg, transparent, var(--gold)) !important;
}

body .avelis-modal .avelis-modal__form > .eyebrow::after,
body .catalog-modal .catalog-modal__form > .eyebrow::after,
body .avelis-modal .avelis-modal__form .avelis-modal__head .eyebrow::after,
body .catalog-modal .catalog-modal__form .catalog-modal__head .eyebrow::after {
  content: "" !important;
  width: 38px !important;
  height: 1px !important;
  flex: 0 0 38px !important;
  background: linear-gradient(90deg, var(--gold), transparent) !important;
}

/* Главный заголовок модального окна */
body .avelis-modal .avelis-modal__form > h2,
body .catalog-modal .catalog-modal__form > h2,
body .avelis-modal .avelis-modal__form .avelis-modal__head h2,
body .catalog-modal .catalog-modal__form .catalog-modal__head h2 {
  max-width: 620px !important;
  margin: 0 auto 12px !important;

  font-family: "Cormorant Garamond", serif !important;
  font-size: clamp(34px, 3vw, 48px) !important;
  line-height: 0.98 !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em !important;

  text-align: center !important;
  color: var(--text) !important;
}

/* Описание под заголовком */
body .avelis-modal .avelis-modal__form > p,
body .catalog-modal .catalog-modal__form > p,
body .avelis-modal .avelis-modal__form .avelis-modal__head p,
body .catalog-modal .catalog-modal__form .catalog-modal__head p {
  max-width: 620px !important;
  margin: 0 auto 30px !important;

  text-align: center !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  color: rgba(25, 23, 20, 0.72) !important;
}

/* Лёгкий нижний разделитель между шапкой и формой */
body .avelis-modal .avelis-modal__form > p::after,
body .catalog-modal .catalog-modal__form > p::after,
body .avelis-modal .avelis-modal__form .avelis-modal__head p::after,
body .catalog-modal .catalog-modal__form .catalog-modal__head p::after {
  content: "" !important;
  display: block !important;
  width: min(100%, 420px) !important;
  height: 1px !important;
  margin: 24px auto 0 !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(186, 162, 136, 0.34),
    transparent
  ) !important;
}

/* Чтобы сама форма ниже осталась читаемой */
body .avelis-modal .forminator-ui,
body .catalog-modal .forminator-ui {
  text-align: left !important;
}

/* Мобильная адаптация */
@media (max-width: 760px) {
  body .avelis-modal .avelis-modal__form > .eyebrow,
  body .catalog-modal .catalog-modal__form > .eyebrow,
  body .avelis-modal .avelis-modal__form .avelis-modal__head .eyebrow,
  body .catalog-modal .catalog-modal__form .catalog-modal__head .eyebrow {
    margin-bottom: 14px !important;
    gap: 10px !important;
    font-size: 9px !important;
    letter-spacing: 0.18em !important;
  }

  body .avelis-modal .avelis-modal__form > .eyebrow::before,
  body .avelis-modal .avelis-modal__form > .eyebrow::after,
  body .catalog-modal .catalog-modal__form > .eyebrow::before,
  body .catalog-modal .catalog-modal__form > .eyebrow::after,
  body .avelis-modal .avelis-modal__form .avelis-modal__head .eyebrow::before,
  body .avelis-modal .avelis-modal__form .avelis-modal__head .eyebrow::after,
  body .catalog-modal .catalog-modal__form .catalog-modal__head .eyebrow::before,
  body .catalog-modal .catalog-modal__form .catalog-modal__head .eyebrow::after {
    width: 26px !important;
    flex-basis: 26px !important;
  }

  body .avelis-modal .avelis-modal__form > h2,
  body .catalog-modal .catalog-modal__form > h2,
  body .avelis-modal .avelis-modal__form .avelis-modal__head h2,
  body .catalog-modal .catalog-modal__form .catalog-modal__head h2 {
    font-size: clamp(30px, 8vw, 40px) !important;
    line-height: 1 !important;
  }

  body .avelis-modal .avelis-modal__form > p,
  body .catalog-modal .catalog-modal__form > p,
  body .avelis-modal .avelis-modal__form .avelis-modal__head p,
  body .catalog-modal .catalog-modal__form .catalog-modal__head p {
    margin-bottom: 24px !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
  }
}
/* =========================================================
   AVELIS MODALS — center Forminator field labels
   Центрируем заголовки полей внутри всех модальных окон
   ========================================================= */

/* Заголовки полей: Ваше имя, Источник, Согласие и т.д. */
body .avelis-modal .forminator-ui .forminator-label,
body .avelis-modal .forminator-custom-form .forminator-label,
body .catalog-modal .forminator-ui .forminator-label,
body .catalog-modal .forminator-custom-form .forminator-label {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 8px !important;

  text-align: center !important;

  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;

  color: #263128 !important;
}

/* Звёздочка обязательного поля */
body .avelis-modal .forminator-ui .forminator-required,
body .avelis-modal .forminator-custom-form .forminator-required,
body .catalog-modal .forminator-ui .forminator-required,
body .catalog-modal .forminator-custom-form .forminator-required {
  color: #9c3b2f !important;
}

/* Маленькие подсказки под заголовками полей */
body .avelis-modal .forminator-ui .forminator-description,
body .avelis-modal .forminator-custom-form .forminator-description,
body .catalog-modal .forminator-ui .forminator-description,
body .catalog-modal .forminator-custom-form .forminator-description {
  display: block !important;
  max-width: 560px !important;
  margin: -3px auto 9px !important;

  text-align: center !important;

  font-size: 12px !important;
  line-height: 1.45 !important;
  color: rgba(38, 49, 40, 0.66) !important;
}

/* Ошибки под полями тоже аккуратно по центру */
body .avelis-modal .forminator-ui .forminator-error-message,
body .avelis-modal .forminator-custom-form .forminator-error-message,
body .catalog-modal .forminator-ui .forminator-error-message,
body .catalog-modal .forminator-custom-form .forminator-error-message {
  display: block !important;
  width: 100% !important;
  margin: 6px auto 0 !important;
  padding: 7px 10px !important;

  text-align: center !important;

  border-radius: 10px !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;

  background: rgba(156, 59, 47, 0.10) !important;
  color: #7d2f27 !important;
}

/* Варианты радио-кнопок: Эл. почта / Telegram / WhatsApp / Imo */
body .avelis-modal .forminator-ui .forminator-radio-group,
body .avelis-modal .forminator-custom-form .forminator-radio-group,
body .catalog-modal .forminator-ui .forminator-radio-group,
body .catalog-modal .forminator-custom-form .forminator-radio-group {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px 18px !important;
}

/* Текст возле radio */
body .avelis-modal .forminator-radio,
body .catalog-modal .forminator-radio {
  margin: 0 !important;
}

/* Поле согласия: заголовок по центру, но сам текст чекбокса оставляем читабельным */
body .avelis-modal .forminator-checkbox,
body .catalog-modal .forminator-checkbox {
  justify-content: center !important;
}

body .avelis-modal .forminator-checkbox .forminator-checkbox-label,
body .catalog-modal .forminator-checkbox .forminator-checkbox-label {
  max-width: 560px !important;
  text-align: left !important;
  line-height: 1.5 !important;
}
/* =========================================================
   AVELIS MODALS — spacing for radio options
   Исправляет слипшиеся варианты: Эл. почта / Telegram / WhatsApp / Imo
   ========================================================= */

/* Весь блок вариантов связи */
body .avelis-modal .forminator-ui .forminator-radio-group,
body .avelis-modal .forminator-custom-form .forminator-radio-group,
body .catalog-modal .forminator-ui .forminator-radio-group,
body .catalog-modal .forminator-custom-form .forminator-radio-group {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px 22px !important;
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}

/* Каждый отдельный вариант */
body .avelis-modal .forminator-radio,
body .catalog-modal .forminator-radio {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

/* Текст возле кружка */
body .avelis-modal .forminator-radio-label,
body .catalog-modal .forminator-radio-label {
  display: inline-block !important;
  margin-left: 6px !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  color: #191714 !important;
}

/* Сам кружок radio */
body .avelis-modal .forminator-radio input,
body .catalog-modal .forminator-radio input {
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* Если Forminator оборачивает варианты в label */
body .avelis-modal label.forminator-radio,
body .catalog-modal label.forminator-radio {
  column-gap: 8px !important;
  margin-right: 0 !important;
}

/* На телефоне — варианты идут аккуратно в 2 строки */
@media (max-width: 520px) {
  body .avelis-modal .forminator-radio-group,
  body .catalog-modal .forminator-radio-group {
    gap: 10px 16px !important;
  }

  body .avelis-modal .forminator-radio,
  body .catalog-modal .forminator-radio {
    font-size: 13px !important;
  }
}
/* Дополнительный фикс, если Forminator выводит radio без radio-group */
body .avelis-modal .forminator-field-radio,
body .catalog-modal .forminator-field-radio {
  text-align: center !important;
}

body .avelis-modal .forminator-field-radio .forminator-radio,
body .catalog-modal .forminator-field-radio .forminator-radio {
  margin: 0 11px 10px !important;
}
/* =========================================================
   AVELIS — ACCOUNT LOGIN CLEAN FINAL
   Форма входа без лишней внешней обёртки
   ========================================================= */

/* Убираем бесполезную внешнюю карточку, если она где-то осталась */
body.page-id-363 .avelis-account-login,
body:has(article#post-363) .avelis-account-login {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Убираем лишний фон/карточку account-portal-card, если она оборачивает форму */
body.page-id-363 .account-portal-card,
body:has(article#post-363) .account-portal-card {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Основная карточка входа */
body.page-id-363 .fluent_support_portal,
body.page-id-363 .fluent-support-portal,
body:has(article#post-363) .fluent_support_portal,
body:has(article#post-363) .fluent-support-portal {
  width: min(100% - 32px, 720px) !important;
  max-width: 720px !important;
  margin: 0 auto 80px !important;
  padding: 48px 44px !important;
  border-radius: 34px !important;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.96),
    rgba(250,246,239,0.90)
  ) !important;
  border: 1px solid rgba(186,162,136,0.16) !important;
  box-shadow: 0 26px 70px rgba(54,43,36,0.10) !important;
  text-align: center !important;
  overflow: hidden !important;
}

/* Текст над формой */
body.page-id-363 .account-login-text,
body.page-id-363 .fluent_support_portal > p,
body.page-id-363 .fluent-support-portal > p,
body:has(article#post-363) .account-login-text,
body:has(article#post-363) .fluent_support_portal > p,
body:has(article#post-363) .fluent-support-portal > p {
  max-width: 560px !important;
  margin: 0 auto 28px !important;
  color: rgba(54,43,36,0.72) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

/* Сама форма строго по центру */
body.page-id-363 form#loginform,
body.page-id-363 .fluent_support_portal form,
body.page-id-363 .fluent-support-portal form,
body:has(article#post-363) form#loginform,
body:has(article#post-363) .fluent_support_portal form,
body:has(article#post-363) .fluent-support-portal form {
  width: min(100%, 450px) !important;
  max-width: 450px !important;
  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 18px !important;

  text-align: center !important;
}

/* Строки формы */
body.page-id-363 form#loginform p,
body.page-id-363 .fluent_support_portal form p,
body.page-id-363 .fluent-support-portal form p,
body:has(article#post-363) form#loginform p,
body:has(article#post-363) .fluent_support_portal form p,
body:has(article#post-363) .fluent-support-portal form p {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

/* Заголовки полей */
body.page-id-363 form#loginform label,
body.page-id-363 .fluent_support_portal form label,
body.page-id-363 .fluent-support-portal form label,
body:has(article#post-363) form#loginform label,
body:has(article#post-363) .fluent_support_portal form label,
body:has(article#post-363) .fluent-support-portal form label {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  text-align: center !important;
  color: #191714 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

/* Поля ввода */
body.page-id-363 form#loginform input[type="text"],
body.page-id-363 form#loginform input[type="password"],
body.page-id-363 .fluent_support_portal input[type="text"],
body.page-id-363 .fluent_support_portal input[type="email"],
body.page-id-363 .fluent_support_portal input[type="password"],
body.page-id-363 .fluent-support-portal input[type="text"],
body.page-id-363 .fluent-support-portal input[type="email"],
body.page-id-363 .fluent-support-portal input[type="password"],
body:has(article#post-363) form#loginform input[type="text"],
body:has(article#post-363) form#loginform input[type="password"],
body:has(article#post-363) .fluent_support_portal input[type="text"],
body:has(article#post-363) .fluent_support_portal input[type="email"],
body:has(article#post-363) .fluent_support_portal input[type="password"],
body:has(article#post-363) .fluent-support-portal input[type="text"],
body:has(article#post-363) .fluent-support-portal input[type="email"],
body:has(article#post-363) .fluent-support-portal input[type="password"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 50px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;

  border-radius: 18px !important;
  border: 1px solid rgba(54,43,36,0.14) !important;
  background: rgba(255,255,255,0.88) !important;
  color: #191714 !important;

  font-size: 15px !important;
  line-height: 1.4 !important;
  text-align: left !important;

  box-shadow: 0 10px 24px rgba(28,21,15,0.035) !important;
  outline: none !important;
  box-sizing: border-box !important;
}

/* Фокус в поле */
body.page-id-363 form#loginform input:focus,
body.page-id-363 .fluent_support_portal input:focus,
body.page-id-363 .fluent-support-portal input:focus,
body:has(article#post-363) form#loginform input:focus,
body:has(article#post-363) .fluent_support_portal input:focus,
body:has(article#post-363) .fluent-support-portal input:focus {
  border-color: rgba(182,146,107,0.62) !important;
  background: #ffffff !important;
  box-shadow:
    0 14px 30px rgba(28,21,15,0.055),
    0 0 0 3px rgba(182,146,107,0.10) !important;
}

/* Запомнить меня */
body.page-id-363 .login-remember,
body:has(article#post-363) .login-remember {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

body.page-id-363 .login-remember label,
body:has(article#post-363) .login-remember label {
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 auto !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(25,23,20,0.78) !important;
}

body.page-id-363 .login-remember input[type="checkbox"],
body:has(article#post-363) .login-remember input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #263128 !important;
}

/* Кнопка входа */
body.page-id-363 form#loginform input[type="submit"],
body.page-id-363 .fluent_support_portal input[type="submit"],
body.page-id-363 .fluent-support-portal input[type="submit"],
body.page-id-363 .fluent_support_portal button,
body.page-id-363 .fluent-support-portal button,
body:has(article#post-363) form#loginform input[type="submit"],
body:has(article#post-363) .fluent_support_portal input[type="submit"],
body:has(article#post-363) .fluent-support-portal input[type="submit"],
body:has(article#post-363) .fluent_support_portal button,
body:has(article#post-363) .fluent-support-portal button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  margin: 0 auto !important;
  padding: 0 26px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(182,146,107,0.24) !important;
  background: linear-gradient(180deg, #364137 0%, #263128 100%) !important;
  color: #ffffff !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;

  box-shadow:
    0 16px 34px rgba(20,27,21,0.16),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* Hover кнопки */
body.page-id-363 form#loginform input[type="submit"]:hover,
body.page-id-363 .fluent_support_portal input[type="submit"]:hover,
body.page-id-363 .fluent-support-portal input[type="submit"]:hover,
body.page-id-363 .fluent_support_portal button:hover,
body.page-id-363 .fluent-support-portal button:hover,
body:has(article#post-363) form#loginform input[type="submit"]:hover,
body:has(article#post-363) .fluent_support_portal input[type="submit"]:hover,
body:has(article#post-363) .fluent-support-portal input[type="submit"]:hover,
body:has(article#post-363) .fluent_support_portal button:hover,
body:has(article#post-363) .fluent-support-portal button:hover {
  transform: translateY(-2px) !important;
  color: #e5d1ba !important;
  border-color: rgba(229,209,186,0.76) !important;
  box-shadow:
    0 20px 42px rgba(182,146,107,0.20),
    inset 0 0 0 1px rgba(229,209,186,0.12) !important;
}

/* Ссылки под формой */
body.page-id-363 .fluent_support_portal a,
body.page-id-363 .fluent-support-portal a,
body.page-id-363 form#loginform a,
body:has(article#post-363) .fluent_support_portal a,
body:has(article#post-363) .fluent-support-portal a,
body:has(article#post-363) form#loginform a {
  color: #263128 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(38,49,40,0.22) !important;
}

body.page-id-363 .fluent_support_portal a:hover,
body.page-id-363 .fluent-support-portal a:hover,
body.page-id-363 form#loginform a:hover,
body:has(article#post-363) .fluent_support_portal a:hover,
body:has(article#post-363) .fluent-support-portal a:hover,
body:has(article#post-363) form#loginform a:hover {
  color: #b6926b !important;
  border-color: rgba(182,146,107,0.58) !important;
}

/* Страховка: скрываем ссылку самостоятельной регистрации, если плагин всё равно её вывел */
body.page-id-363 a[href*="signup"],
body.page-id-363 a[href*="register"],
body.page-id-363 a[href*="registration"],
body.page-id-363 a[href*="action=register"],
body:has(article#post-363) a[href*="signup"],
body:has(article#post-363) a[href*="register"],
body:has(article#post-363) a[href*="registration"],
body:has(article#post-363) a[href*="action=register"] {
  display: none !important;
}

/* Если строка регистрации отдельным абзацем — скрываем весь абзац */
body.page-id-363 p:has(a[href*="signup"]):not(:has(a[href*="lostpassword"])),
body.page-id-363 p:has(a[href*="register"]):not(:has(a[href*="lostpassword"])),
body.page-id-363 p:has(a[href*="registration"]):not(:has(a[href*="lostpassword"])),
body:has(article#post-363) p:has(a[href*="signup"]):not(:has(a[href*="lostpassword"])),
body:has(article#post-363) p:has(a[href*="register"]):not(:has(a[href*="lostpassword"])),
body:has(article#post-363) p:has(a[href*="registration"]):not(:has(a[href*="lostpassword"])) {
  display: none !important;
}

/* Mobile */
@media (max-width: 760px) {
  body.page-id-363 .fluent_support_portal,
  body.page-id-363 .fluent-support-portal,
  body:has(article#post-363) .fluent_support_portal,
  body:has(article#post-363) .fluent-support-portal {
    width: min(100% - 24px, 720px) !important;
    padding: 32px 20px !important;
    border-radius: 26px !important;
    margin-bottom: 56px !important;
  }

  body.page-id-363 form#loginform,
  body.page-id-363 .fluent_support_portal form,
  body.page-id-363 .fluent-support-portal form,
  body:has(article#post-363) form#loginform,
  body:has(article#post-363) .fluent_support_portal form,
  body:has(article#post-363) .fluent-support-portal form {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* =========================================================
   AVELIS — LOGIN FORM HARD FINAL OVERRIDE
   Восстанавливает дизайн формы входа в личный кабинет
   ========================================================= */

/* Карточка вокруг формы */
body:not(.wp-admin) #loginform {
  width: min(100%, 450px) !important;
  max-width: 450px !important;
  margin: 0 auto !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 18px !important;

  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Внешняя белая карточка, в которой лежит loginform */
body:not(.wp-admin) #loginform::before {
  display: none !important;
  content: none !important;
}

/* Строки формы */
body:not(.wp-admin) #loginform p {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

/* Подписи полей */
body:not(.wp-admin) #loginform label {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  text-align: center !important;

  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #191714 !important;
}

/* Поля логина и пароля */
body:not(.wp-admin) #loginform input[type="text"],
body:not(.wp-admin) #loginform input[type="password"],
body:not(.wp-admin) #loginform #user_login,
body:not(.wp-admin) #loginform #user_pass {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;

  border-radius: 18px !important;
  border: 1px solid rgba(54, 43, 36, 0.14) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #191714 !important;

  font-family: "Inter", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  text-align: left !important;

  box-shadow:
    0 10px 24px rgba(28, 21, 15, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;

  outline: none !important;
  box-sizing: border-box !important;
}

/* Фокус */
body:not(.wp-admin) #loginform input[type="text"]:focus,
body:not(.wp-admin) #loginform input[type="password"]:focus,
body:not(.wp-admin) #loginform #user_login:focus,
body:not(.wp-admin) #loginform #user_pass:focus {
  border-color: rgba(182, 146, 107, 0.62) !important;
  background: #ffffff !important;
  box-shadow:
    0 14px 30px rgba(28, 21, 15, 0.055),
    0 0 0 3px rgba(182, 146, 107, 0.10) !important;
}

/* Запомнить меня */
body:not(.wp-admin) #loginform .login-remember {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
  text-align: center !important;
}

body:not(.wp-admin) #loginform .login-remember label {
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 auto !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(25, 23, 20, 0.78) !important;
}

body:not(.wp-admin) #loginform input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #263128 !important;
}

/* Кнопка Войти */
body:not(.wp-admin) #loginform input[type="submit"],
body:not(.wp-admin) #loginform #wp-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 100% !important;
  min-height: 54px !important;
  margin: 0 auto !important;
  padding: 0 26px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(182, 146, 107, 0.24) !important;
  background: linear-gradient(180deg, #364137 0%, #263128 100%) !important;
  color: #ffffff !important;

  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;

  box-shadow:
    0 16px 34px rgba(20, 27, 21, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

  transition:
    transform 0.24s ease,
    color 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease !important;
}

body:not(.wp-admin) #loginform input[type="submit"]:hover,
body:not(.wp-admin) #loginform #wp-submit:hover {
  transform: translateY(-2px) !important;
  color: #e5d1ba !important;
  border-color: rgba(229, 209, 186, 0.76) !important;
  box-shadow:
    0 20px 42px rgba(182, 146, 107, 0.20),
    inset 0 0 0 1px rgba(229, 209, 186, 0.12) !important;
}

/* Ссылки под формой */
body:not(.wp-admin) #loginform + p,
body:not(.wp-admin) #loginform ~ p {
  text-align: center !important;
  margin-top: 18px !important;
}

body:not(.wp-admin) #loginform + p a,
body:not(.wp-admin) #loginform ~ p a {
  color: #263128 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(38, 49, 40, 0.22) !important;
}

body:not(.wp-admin) #loginform + p a:hover,
body:not(.wp-admin) #loginform ~ p a:hover {
  color: #b6926b !important;
  border-color: rgba(182, 146, 107, 0.58) !important;
}

/* Убираем регистрацию, если она вдруг снова появится */
body:not(.wp-admin) a[href*="signup"],
body:not(.wp-admin) a[href*="register"],
body:not(.wp-admin) a[href*="registration"],
body:not(.wp-admin) a[href*="action=register"] {
  display: none !important;
}

/* Мобильная версия */
@media (max-width: 760px) {
  body:not(.wp-admin) #loginform {
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
  }

  body:not(.wp-admin) #loginform input[type="text"],
  body:not(.wp-admin) #loginform input[type="password"],
  body:not(.wp-admin) #loginform #user_login,
  body:not(.wp-admin) #loginform #user_pass {
    min-height: 50px !important;
  }
}
/* =========================================================
   AVELIS — FINAL HEADER + BURGER + ACCOUNT CENTER FIX
   Вставить самым последним блоком CSS
   ========================================================= */


/* =========================================================
   1. NAVBAR — всегда прикреплен во всех версиях
   ========================================================= */

body .header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 2147483000 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  background: rgba(255, 252, 247, 0.97) !important;
  border-bottom: 1px solid rgba(186, 162, 136, 0.18) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

/* Компенсация высоты fixed navbar */
body main {
  padding-top: 78px !important;
}

body.admin-bar main {
  padding-top: 110px !important;
}

/* На странице личного кабинета тоже возвращаем нормальный отступ */
body:has(article#post-363) main {
  padding-top: 78px !important;
}

body.admin-bar:has(article#post-363) main {
  padding-top: 110px !important;
}


/* =========================================================
   2. HEADER LAYOUT — desktop
   ========================================================= */

body .header .nav-wrap {
  min-height: 78px !important;
  height: 78px !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 24px !important;
}

body .header .header-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body .header .nav--compact {
  display: flex !important;
  justify-content: center !important;
}

body .header .header-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}


/* =========================================================
   3. Маленький логотип AV после бургер-меню
   ========================================================= */

.nav-mini-logo {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.86), rgba(248,244,239,0.66)) !important;
  border: 1px solid rgba(182,146,107,0.30) !important;
  color: #263128 !important;

  font-family: "Cormorant Garamond", serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;

  box-shadow:
    0 8px 18px rgba(28,21,15,0.06),
    inset 0 1px 0 rgba(255,255,255,0.72) !important;
}


/* =========================================================
   4. Avelis + Selection показываем на планшете и телефоне
   ========================================================= */

body .header .logo {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 9px !important;
  white-space: nowrap !important;
}

body .header .logo-main {
  display: inline-block !important;
  color: #263128 !important;
}

body .header .logo-sub {
  display: inline-block !important;
  color: #b6926b !important;
}


/* =========================================================
   5. BURGER MENU — убрать слово "Страницы"
   ========================================================= */

.menu-panel__group:first-of-type > .menu-panel__title {
  display: none !important;
}


/* =========================================================
   6. TABLET — navbar по центру, FAQ убрать
   ========================================================= */

@media (min-width: 641px) and (max-width: 1100px) {
  body .header {
    min-height: 68px !important;
  }

  body main {
    padding-top: 68px !important;
  }

  body.admin-bar main {
    padding-top: 114px !important;
  }

  body:has(article#post-363) main {
    padding-top: 68px !important;
  }

  body.admin-bar:has(article#post-363) main {
    padding-top: 114px !important;
  }

  body .header .nav-wrap {
    height: 68px !important;
    min-height: 68px !important;
    display: grid !important;
    grid-template-columns: minmax(185px, 235px) minmax(0, 1fr) minmax(140px, 180px) !important;
    align-items: center !important;
    gap: 14px !important;
  }

  body .header .header-left {
    grid-column: 1 !important;
    justify-content: flex-start !important;
  }

  body .header .nav--compact {
    display: none !important;
  }

  body .header .header-quick-nav {
    grid-column: 2 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body .header .header-quick-nav::-webkit-scrollbar {
    display: none !important;
  }

  body .header .header-quick-nav a[href*="faq"],
  body .header .header-quick-nav a[href*="chasto"],
  body .header .header-quick-nav a[href*="vopros"] {
    display: none !important;
  }

  body .header .header-actions {
    grid-column: 3 !important;
    justify-content: flex-end !important;
  }

  body .header .menu-toggle {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
  }

  .nav-mini-logo {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
    font-size: 14px !important;
  }

  body .header .logo-main {
    font-size: 28px !important;
  }

  body .header .logo-sub {
    display: inline-block !important;
    font-size: 8px !important;
    letter-spacing: 0.16em !important;
    transform: translateY(-2px) !important;
  }
}


/* =========================================================
   7. MOBILE — бургер + маленький AV + Avelis Selection
   ========================================================= */

@media (max-width: 640px) {
  body .header {
    min-height: 64px !important;
  }

  body main {
    padding-top: 64px !important;
  }

  body.admin-bar main {
    padding-top: 110px !important;
  }

  body:has(article#post-363) main {
    padding-top: 64px !important;
  }

  body.admin-bar:has(article#post-363) main {
    padding-top: 110px !important;
  }

  body .header .nav-wrap {
    height: 64px !important;
    min-height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }

  body .header .header-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 7px !important;
  }

  body .header .header-quick-nav,
  body .header .nav--compact {
    display: none !important;
  }

  body .header .menu-toggle {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
  }

  .nav-mini-logo {
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px !important;
    font-size: 13px !important;
  }

  body .header .logo {
    gap: 5px !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  body .header .logo-main {
    font-size: 23px !important;
    line-height: 1 !important;
  }

  body .header .logo-sub {
    display: inline-block !important;
    font-size: 6.8px !important;
    letter-spacing: 0.13em !important;
    transform: translateY(-2px) !important;
  }

  body .header .header-actions {
    flex: 0 0 auto !important;
    display: flex !important;
  }

  body .header .header-actions .btn-header {
    min-width: auto !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 9.5px !important;
    letter-spacing: 0.04em !important;
  }
}


/* Очень маленький телефон */
@media (max-width: 380px) {
  body .header .logo-main {
    font-size: 21px !important;
  }

  body .header .logo-sub {
    font-size: 6.2px !important;
    letter-spacing: 0.11em !important;
  }

  .nav-mini-logo {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    font-size: 12px !important;
  }

  body .header .header-actions .btn-header {
    padding: 0 8px !important;
    font-size: 9px !important;
  }
}


/* =========================================================
   8. ACCOUNT LOGIN — центрирование окна входа в ЛК
   ========================================================= */

/* Убираем левое прилипание всей зоны личного кабинета */
body:has(article#post-363) section.page-section,
body:has(article#post-363) section.page-section > .container,
body:has(article#post-363) article#post-363 {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Если осталась лишняя фоновая карточка — не даём ей смещать форму */
body:has(article#post-363) .account-portal-card {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* Сам loginform строго по центру */
body:has(article#post-363) form#loginform,
body:has(article#post-363) #loginform {
  width: min(100% - 32px, 450px) !important;
  max-width: 450px !important;
  margin: 24px auto 0 !important;
  padding: 0 !important;

  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 18px !important;

  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Строки формы */
body:has(article#post-363) #loginform p,
body:has(article#post-363) #loginform .login-username,
body:has(article#post-363) #loginform .login-password,
body:has(article#post-363) #loginform .login-remember,
body:has(article#post-363) #loginform .login-submit {
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

/* Поля */
body:has(article#post-363) #loginform input[type="text"],
body:has(article#post-363) #loginform input[type="password"] {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 54px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;

  border-radius: 18px !important;
  border: 1px solid rgba(54,43,36,0.14) !important;
  background: rgba(255,255,255,0.86) !important;
  color: #191714 !important;
  font-size: 15px !important;
  box-shadow:
    0 10px 24px rgba(28,21,15,0.035),
    inset 0 1px 0 rgba(255,255,255,0.7) !important;
}

/* Кнопка входа */
body:has(article#post-363) #loginform input[type="submit"],
body:has(article#post-363) #wp-submit {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 54px !important;
  margin: 0 auto !important;
  padding: 0 26px !important;
  box-sizing: border-box !important;

  border-radius: 999px !important;
  border: 1px solid rgba(182,146,107,0.24) !important;
  background: linear-gradient(180deg, #364137 0%, #263128 100%) !important;
  color: #ffffff !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

/* Скрыть самостоятельную регистрацию */
body:has(article#post-363) a[href*="signup"],
body:has(article#post-363) a[href*="register"],
body:has(article#post-363) a[href*="registration"],
body:has(article#post-363) a[href*="wp-login.php?action=register"] {
  display: none !important;
}

/* Если остался текст "Не зарегистрированы?" */
body:has(article#post-363) p:has(a[href*="signup"]),
body:has(article#post-363) p:has(a[href*="register"]),
body:has(article#post-363) p:has(a[href*="registration"]),
body:has(article#post-363) p:has(a[href*="wp-login.php?action=register"]) {
  display: none !important;
}
/* =========================================================
   AVELIS — FINAL NORMALIZE: HEADER / BURGER / ACCOUNT LOGIN
   ВСТАВИТЬ САМЫМ ПОСЛЕДНИМ БЛОКОМ CSS
   ========================================================= */


/* =========================================================
   1. NAVBAR — фиксируем во всех версиях
   ========================================================= */

body .header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9998 !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;

  background: rgba(255, 252, 247, 0.97) !important;
  border-bottom: 1px solid rgba(186, 162, 136, 0.18) !important;

  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

/* WordPress admin bar */
body.admin-bar .header {
  top: 32px !important;
}

/* Компенсация fixed-navbar */
body main {
  padding-top: 78px !important;
}

body.admin-bar main {
  padding-top: 110px !important;
}


/* =========================================================
   2. DESKTOP HEADER LAYOUT
   ========================================================= */

body .header .nav-wrap {
  min-height: 78px !important;
  height: 78px !important;

  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
}

body .header .header-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body .header .nav--compact {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body .header .header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}


/* =========================================================
   3. МАЛЕНЬКИЙ AV-ЛОГОТИП ПОСЛЕ БУРГЕРА — CSS БЕЗ HTML
   ========================================================= */

/* Если раньше добавлялся отдельный span.nav-mini-logo — прячем, чтобы не было дубля */
body .header .nav-mini-logo {
  display: none !important;
}

body .header .menu-toggle {
  position: relative !important;
  overflow: visible !important;
  margin-right: 42px !important;
  flex: 0 0 48px !important;
}

/* Полукруг / линия вешалки */
body .header .menu-toggle::before {
  content: "" !important;
  position: absolute !important;
  left: calc(100% + 6px) !important;
  top: 9px !important;

  width: 30px !important;
  height: 15px !important;

  border-top: 1.2px solid #b6926b !important;
  border-radius: 50% 50% 0 0 !important;

  opacity: 0.95 !important;
  pointer-events: none !important;
}

/* Буквы AV */
body .header .menu-toggle::after {
  content: "AV" !important;
  position: absolute !important;
  left: calc(100% + 7px) !important;
  top: 50% !important;
  transform: translateY(-42%) !important;

  width: 30px !important;
  height: 22px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-family: "Cormorant Garamond", serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.06em !important;

  color: #263128 !important;
  pointer-events: none !important;
}


/* =========================================================
   4. LOGO AVELIS SELECTION — показываем Selection на планшете и телефоне
   ========================================================= */

body .header .logo {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 9px !important;
  white-space: nowrap !important;
  min-width: 0 !important;
}

body .header .logo-main {
  display: inline-block !important;
  color: #263128 !important;
}

body .header .logo-sub {
  display: inline-block !important;
  color: #b6926b !important;
}


/* =========================================================
   5. BURGER MENU — убрать слово "Страницы"
   ========================================================= */

/* Скрываем заголовок первого блока меню, где у тебя стоит "Страницы" */
body .menu-panel .menu-panel__group:first-of-type > .menu-panel__title {
  display: none !important;
}

/* На всякий случай уменьшаем верхний отступ после скрытия заголовка */
body .menu-panel .menu-panel__group:first-of-type {
  margin-top: 0 !important;
}


/* =========================================================
   6. BURGER MENU — overlay выше navbar
   ========================================================= */

body .menu-overlay,
body #site-menu.menu-overlay {
  z-index: 10000 !important;
}

body .menu-panel {
  z-index: 10001 !important;
}


/* =========================================================
   7. TABLET HEADER — меню по центру, FAQ убрать
   ========================================================= */

@media (min-width: 641px) and (max-width: 1100px) {
  body .header {
    min-height: 68px !important;
  }

  body main {
    padding-top: 68px !important;
  }

  body.admin-bar .header {
    top: 32px !important;
  }

  body.admin-bar main {
    padding-top: 100px !important;
  }

  body .header .nav-wrap {
    height: 68px !important;
    min-height: 68px !important;

    display: grid !important;
    grid-template-columns: minmax(190px, 230px) minmax(0, 1fr) minmax(190px, 230px) !important;
    align-items: center !important;
    gap: 14px !important;
  }

  body .header .header-left {
    grid-column: 1 !important;
    justify-content: flex-start !important;
  }

  body .header .nav--compact {
    display: none !important;
  }

  body .header .header-quick-nav {
    grid-column: 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;
    min-width: 0 !important;

    overflow-x: auto !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body .header .header-quick-nav::-webkit-scrollbar {
    display: none !important;
  }

  /* Убираем FAQ на планшете */
  body .header .header-quick-nav a[href*="faq" i],
  body .header .header-quick-nav a[href*="chasto" i],
  body .header .header-quick-nav a[href*="vopros" i],
  body .header .header-quick-nav a[href*="questions" i] {
    display: none !important;
  }

  body .header .header-actions {
    grid-column: 3 !important;
    justify-content: flex-end !important;
  }

  body .header .menu-toggle {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
    margin-right: 38px !important;
  }

  body .header .menu-toggle::before {
    left: calc(100% + 5px) !important;
    top: 8px !important;
    width: 28px !important;
    height: 14px !important;
  }

  body .header .menu-toggle::after {
    left: calc(100% + 6px) !important;
    width: 28px !important;
    font-size: 16px !important;
  }

  body .header .logo {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 1px !important;
  }

  body .header .logo-main {
    font-size: 28px !important;
    line-height: 1 !important;
  }

  body .header .logo-sub {
    display: block !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: 0.16em !important;
    transform: none !important;
  }

  body .header .header-actions .btn-header {
    min-width: 148px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    font-size: 10.5px !important;
    letter-spacing: 0.055em !important;
  }
}


/* Для планшетов с мобильным WordPress admin bar */
@media (min-width: 641px) and (max-width: 782px) {
  body.admin-bar .header {
    top: 46px !important;
  }

  body.admin-bar main {
    padding-top: 114px !important;
  }
}


/* =========================================================
   8. MOBILE HEADER — бургер + AV + Avelis Selection
   ========================================================= */

@media (max-width: 640px) {
  body .header {
    min-height: 64px !important;
  }

  body main {
    padding-top: 64px !important;
  }

  body.admin-bar .header {
    top: 46px !important;
  }

  body.admin-bar main {
    padding-top: 110px !important;
  }

  body .header .nav-wrap {
    height: 64px !important;
    min-height: 64px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 8px !important;
  }

  body .header .header-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 7px !important;
  }

  body .header .nav--compact,
  body .header .header-quick-nav {
    display: none !important;
  }

  body .header .menu-toggle {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    margin-right: 35px !important;
  }

  body .header .menu-toggle::before {
    left: calc(100% + 4px) !important;
    top: 8px !important;
    width: 25px !important;
    height: 12px !important;
  }

  body .header .menu-toggle::after {
    left: calc(100% + 4px) !important;
    width: 26px !important;
    font-size: 15px !important;
  }

  body .header .logo {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    gap: 1px !important;
    overflow: hidden !important;
  }

  body .header .logo-main {
    font-size: 23px !important;
    line-height: 1 !important;
    color: #263128 !important;
  }

  body .header .logo-sub {
    display: block !important;
    font-size: 6.8px !important;
    line-height: 1 !important;
    letter-spacing: 0.13em !important;
    transform: none !important;
    color: #b6926b !important;
  }

  body .header .header-actions {
    flex: 0 0 auto !important;
    display: flex !important;
  }

  body .header .header-actions .btn-header {
    min-width: auto !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;

    font-size: 9.5px !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
  }
}


/* Очень маленькие телефоны */
@media (max-width: 380px) {
  body .header .nav-wrap {
    gap: 6px !important;
  }

  body .header .menu-toggle {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    margin-right: 31px !important;
  }

  body .header .menu-toggle::before {
    width: 23px !important;
    height: 11px !important;
  }

  body .header .menu-toggle::after {
    width: 24px !important;
    font-size: 14px !important;
  }

  body .header .logo-main {
    font-size: 21px !important;
  }

  body .header .logo-sub {
    font-size: 6.2px !important;
    letter-spacing: 0.11em !important;
  }

  body .header .header-actions .btn-header {
    padding: 0 8px !important;
    font-size: 9px !important;
  }
}


/* =========================================================
   9. ACCOUNT LOGIN — центрируем окно входа в ЛК
   ========================================================= */

/* Страница личного кабинета — вся зона по центру */
body.page-id-363 section.page-section,
body.page-id-363 section.page-section > .container,
body.page-id-363 article,
body:has(article#post-363) section.page-section,
body:has(article#post-363) section.page-section > .container,
body:has(article#post-363) article#post-363 {
  width: 100% !important;
  max-width: none !important;

  margin-left: auto !important;
  margin-right: auto !important;

  text-align: center !important;
}

/* Контейнер нижней части кабинета */
body.page-id-363 .account-page .container,
body:has(article#post-363) .account-page .container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  width: min(100% - 32px, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Если есть account-portal-card — он не должен прижимать форму влево */
body.page-id-363 .account-portal-card,
body:has(article#post-363) .account-portal-card {
  width: 100% !important;
  max-width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  text-align: center !important;
}

/* Карточка Fluent Support / входа */
body.page-id-363 .fluent_support_portal,
body.page-id-363 .fluent-support-portal,
body.page-id-363 #fluent_support_portal,
body:has(article#post-363) .fluent_support_portal,
body:has(article#post-363) .fluent-support-portal,
body:has(article#post-363) #fluent_support_portal {
  width: min(100% - 32px, 720px) !important;
  max-width: 720px !important;

  margin: 0 auto 80px !important;
  padding: 48px 44px !important;

  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  float: none !important;
  clear: both !important;

  display: block !important;

  border-radius: 34px !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.96),
      rgba(250,246,239,0.90)
    ) !important;

  border: 1px solid rgba(186,162,136,0.16) !important;
  box-shadow: 0 26px 70px rgba(54,43,36,0.10) !important;

  text-align: center !important;
  box-sizing: border-box !important;
}

/* Сам loginform строго по центру */
body.page-id-363 form#loginform,
body.page-id-363 #loginform,
body:has(article#post-363) form#loginform,
body:has(article#post-363) #loginform {
  width: min(100%, 450px) !important;
  max-width: 450px !important;

  margin: 24px auto 0 !important;
  padding: 0 !important;

  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  float: none !important;
  clear: both !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 18px !important;

  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  box-sizing: border-box !important;
}

/* Строки формы */
body.page-id-363 #loginform p,
body.page-id-363 #loginform .login-username,
body.page-id-363 #loginform .login-password,
body.page-id-363 #loginform .login-remember,
body.page-id-363 #loginform .login-submit,
body:has(article#post-363) #loginform p,
body:has(article#post-363) #loginform .login-username,
body:has(article#post-363) #loginform .login-password,
body:has(article#post-363) #loginform .login-remember,
body:has(article#post-363) #loginform .login-submit {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 auto !important;
  padding: 0 !important;

  text-align: center !important;
  box-sizing: border-box !important;
}

/* Подписи полей */
body.page-id-363 #loginform label,
body:has(article#post-363) #loginform label {
  display: block !important;
  width: 100% !important;

  margin: 0 0 8px !important;

  text-align: center !important;

  color: #191714 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

/* Поля */
body.page-id-363 #loginform input[type="text"],
body.page-id-363 #loginform input[type="password"],
body.page-id-363 #loginform #user_login,
body.page-id-363 #loginform #user_pass,
body:has(article#post-363) #loginform input[type="text"],
body:has(article#post-363) #loginform input[type="password"],
body:has(article#post-363) #loginform #user_login,
body:has(article#post-363) #loginform #user_pass {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 54px !important;

  margin: 0 auto !important;
  padding: 0 18px !important;

  box-sizing: border-box !important;

  border-radius: 18px !important;
  border: 1px solid rgba(54,43,36,0.14) !important;
  background: rgba(255,255,255,0.86) !important;
  color: #191714 !important;

  font-size: 15px !important;
  line-height: 1.4 !important;
  text-align: left !important;

  box-shadow:
    0 10px 24px rgba(28,21,15,0.035),
    inset 0 1px 0 rgba(255,255,255,0.7) !important;

  outline: none !important;
}

/* Кнопка входа */
body.page-id-363 #loginform input[type="submit"],
body.page-id-363 #loginform #wp-submit,
body:has(article#post-363) #loginform input[type="submit"],
body:has(article#post-363) #loginform #wp-submit {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 54px !important;

  margin: 0 auto !important;
  padding: 0 26px !important;

  box-sizing: border-box !important;

  border-radius: 999px !important;
  border: 1px solid rgba(182,146,107,0.24) !important;

  background: linear-gradient(180deg, #364137 0%, #263128 100%) !important;
  color: #ffffff !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  cursor: pointer !important;
}

/* Запомнить меня */
body.page-id-363 #loginform .login-remember,
body:has(article#post-363) #loginform .login-remember {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.page-id-363 #loginform .login-remember label,
body:has(article#post-363) #loginform .login-remember label {
  width: auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  margin: 0 auto !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(25,23,20,0.78) !important;
}

body.page-id-363 #loginform input[type="checkbox"],
body:has(article#post-363) #loginform input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #263128 !important;
}

/* Скрыть самостоятельную регистрацию */
body.page-id-363 a[href*="signup"],
body.page-id-363 a[href*="register"],
body.page-id-363 a[href*="registration"],
body.page-id-363 a[href*="wp-login.php?action=register"],
body:has(article#post-363) a[href*="signup"],
body:has(article#post-363) a[href*="register"],
body:has(article#post-363) a[href*="registration"],
body:has(article#post-363) a[href*="wp-login.php?action=register"] {
  display: none !important;
}

/* Если строка регистрации отдельным абзацем */
body.page-id-363 p:has(a[href*="signup"]),
body.page-id-363 p:has(a[href*="register"]),
body.page-id-363 p:has(a[href*="registration"]),
body.page-id-363 p:has(a[href*="wp-login.php?action=register"]),
body:has(article#post-363) p:has(a[href*="signup"]),
body:has(article#post-363) p:has(a[href*="register"]),
body:has(article#post-363) p:has(a[href*="registration"]),
body:has(article#post-363) p:has(a[href*="wp-login.php?action=register"]) {
  display: none !important;
}


/* =========================================================
   10. ACCOUNT LOGIN — mobile
   ========================================================= */

@media (max-width: 760px) {
  body.page-id-363 .account-page .container,
  body:has(article#post-363) .account-page .container {
    width: min(100% - 24px, 1180px) !important;
  }

  body.page-id-363 .fluent_support_portal,
  body.page-id-363 .fluent-support-portal,
  body.page-id-363 #fluent_support_portal,
  body:has(article#post-363) .fluent_support_portal,
  body:has(article#post-363) .fluent-support-portal,
  body:has(article#post-363) #fluent_support_portal {
    width: min(100% - 24px, 720px) !important;
    max-width: 720px !important;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 56px !important;

    padding: 32px 20px !important;
    border-radius: 26px !important;
  }

  body.page-id-363 form#loginform,
  body.page-id-363 #loginform,
  body:has(article#post-363) form#loginform,
  body:has(article#post-363) #loginform {
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
  }

  body.page-id-363 #loginform input[type="text"],
  body.page-id-363 #loginform input[type="password"],
  body.page-id-363 #loginform #user_login,
  body.page-id-363 #loginform #user_pass,
  body:has(article#post-363) #loginform input[type="text"],
  body:has(article#post-363) #loginform input[type="password"],
  body:has(article#post-363) #loginform #user_login,
  body:has(article#post-363) #loginform #user_pass {
    min-height: 50px !important;
  }
}
/* =========================================================
   AVELIS — FINAL HEADER / AV LOGO / NO GAP FIX
   Заменяет все предыдущие финальные блоки про header, sticky, fixed и AV logo
   ========================================================= */

:root {
  --avelis-header-height: 72px;
}

/* =========================================================
   1. FIXED HEADER — always visible
   ========================================================= */

body .header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: var(--avelis-header-height) !important;
  min-height: var(--avelis-header-height) !important;

  z-index: 9998 !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;

  background: rgba(255, 252, 247, 0.97) !important;
  border-bottom: 1px solid rgba(186, 162, 136, 0.18) !important;

  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

/* ВАЖНО: когда ты смотришь сайт из админки WordPress */
body.admin-bar .header {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar .header {
    top: 46px !important;
  }
}

/* Компенсация fixed-шапки. Не добавляем сюда высоту admin-bar. */
body main,
body.home main,
body.front-page main,
body.page-template-front-page main,
body.page-template-page-home main,
body.page-id-363 main,
body:has(article#post-363) main,
body.admin-bar main,
body.admin-bar:has(article#post-363) main {
  padding-top: var(--avelis-header-height) !important;
}

/* Убираем старые верхние отступы у первого блока */
body main > section:first-child,
body main > .hero:first-child,
body main > .page-hero:first-child,
body main > .directions-mini-nav:first-child,
body main > .account-hero:first-child {
  margin-top: 0 !important;
}

/* Личный кабинет — убираем дополнительные старые отступы */
body.page-id-363 section.page-section,
body.page-id-363 section.page-section > .container,
body.page-id-363 article,
body:has(article#post-363) section.page-section,
body:has(article#post-363) section.page-section > .container,
body:has(article#post-363) article#post-363 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.page-id-363 .account-hero,
body:has(article#post-363) .account-hero {
  margin-top: 0 !important;
}


/* =========================================================
   2. HEADER LAYOUT — desktop
   ========================================================= */

body .header .container {
  height: 100% !important;
}

body .header .nav-wrap {
  height: 100% !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;

  transform: none !important;
}

body .header .header-left {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;

  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

body .header .nav--compact {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 30px !important;

  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

body .header .header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
}


/* =========================================================
   3. BURGER
   ========================================================= */

body .header .menu-toggle {
  position: relative !important;
  overflow: visible !important;

  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;

  margin: 0 58px 0 0 !important;
  transform: none !important;
}


/* =========================================================
   4. AV LOGO AFTER BURGER
   Только пунктирный полукруг, без верхней золотой линии
   ========================================================= */

body .header .nav-mini-logo {
  display: none !important;
}

/* Пунктирный полукруг */
body .header .menu-toggle::before {
  content: "" !important;

  position: absolute !important;
  left: calc(100% + 12px) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 42px !important;
  height: 28px !important;

  border-top: 1px dashed rgba(182, 146, 107, 0.78) !important;
  border-left: 1px dashed rgba(182, 146, 107, 0.78) !important;
  border-right: 1px dashed rgba(182, 146, 107, 0.78) !important;
  border-bottom: 0 !important;

  border-radius: 999px 999px 0 0 !important;

  background: transparent !important;
  opacity: 0.95 !important;
  pointer-events: none !important;
}

/* Буквы AV */
body .header .menu-toggle::after {
  content: "AV" !important;

  position: absolute !important;
  left: calc(100% + 13px) !important;
  top: 50% !important;
  transform: translateY(-28%) !important;

  width: 40px !important;
  height: 26px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif !important;
  font-size: 25px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: -0.12em !important;

  background: linear-gradient(
    90deg,
    #263128 0%,
    #263128 49%,
    #b6926b 50%,
    #b6926b 100%
  ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;

  pointer-events: none !important;
}


/* =========================================================
   5. AVELIS SELECTION — one line
   ========================================================= */

body .header .logo {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: flex-start !important;

  gap: 9px !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  overflow: visible !important;

  padding: 0 !important;
  margin: 0 !important;
  transform: translateY(1px) !important;
}

body .header .logo-main {
  display: inline-block !important;
  font-size: 38px !important;
  line-height: 1 !important;
  color: #263128 !important;
}

body .header .logo-sub {
  display: inline-block !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: 0.20em !important;
  color: #b6926b !important;
  transform: translateY(-3px) !important;
}


/* =========================================================
   6. HEADER BUTTON
   ========================================================= */

body .header .header-actions .btn-header {
  height: 44px !important;
  min-height: 44px !important;
  min-width: 164px !important;
  padding: 0 22px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  white-space: nowrap !important;
}


/* =========================================================
   7. TABLET
   burger + AV + Avelis Selection + button
   ========================================================= */

@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --avelis-header-height: 68px;
  }

  body .header {
    height: var(--avelis-header-height) !important;
    min-height: var(--avelis-header-height) !important;
  }

  body .header .nav--compact,
  body .header .header-quick-nav {
    display: none !important;
  }

  body .header .nav-wrap {
    height: 100% !important;
    min-height: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 14px !important;
  }

  body .header .header-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 10px !important;
  }

  body .header .header-actions {
    flex: 0 0 auto !important;
  }

  body .header .menu-toggle {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    margin-right: 54px !important;
  }

  body .header .menu-toggle::before {
    left: calc(100% + 11px) !important;
    width: 39px !important;
    height: 26px !important;
  }

  body .header .menu-toggle::after {
    left: calc(100% + 12px) !important;
    width: 37px !important;
    font-size: 23px !important;
  }

  body .header .logo {
    flex: 1 1 auto !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  body .header .logo-main {
    font-size: 30px !important;
  }

  body .header .logo-sub {
    display: inline-block !important;
    font-size: 8px !important;
    letter-spacing: 0.16em !important;
    transform: translateY(-3px) !important;
  }

  body .header .header-actions .btn-header {
    min-width: 148px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    font-size: 10.5px !important;
    letter-spacing: 0.055em !important;
  }
}


/* =========================================================
   8. MOBILE
   ========================================================= */

@media (max-width: 640px) {
  :root {
    --avelis-header-height: 64px;
  }

  body .header {
    height: var(--avelis-header-height) !important;
    min-height: var(--avelis-header-height) !important;
  }

  body .header .nav--compact,
  body .header .header-quick-nav {
    display: none !important;
  }

  body .header .nav-wrap {
    height: 100% !important;
    min-height: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 8px !important;
  }

  body .header .header-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 7px !important;
  }

  body .header .menu-toggle {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    margin-right: 43px !important;
  }

  body .header .menu-toggle::before {
    left: calc(100% + 9px) !important;
    width: 33px !important;
    height: 23px !important;
  }

  body .header .menu-toggle::after {
    left: calc(100% + 10px) !important;
    width: 31px !important;
    font-size: 20px !important;
  }

  body .header .logo {
    flex: 1 1 auto !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 5px !important;
    overflow: visible !important;
  }

  body .header .logo-main {
    font-size: 23px !important;
  }

  body .header .logo-sub {
    display: inline-block !important;
    font-size: 6.8px !important;
    letter-spacing: 0.13em !important;
    transform: translateY(-2px) !important;
  }

  body .header .header-actions {
    flex: 0 0 auto !important;
    display: flex !important;
  }

  body .header .header-actions .btn-header {
    min-width: auto !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;

    font-size: 9.5px !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
  }
}


/* =========================================================
   9. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {
  body .header .nav-wrap {
    gap: 6px !important;
  }

  body .header .menu-toggle {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    margin-right: 39px !important;
  }

  body .header .menu-toggle::before {
    left: calc(100% + 8px) !important;
    width: 30px !important;
    height: 21px !important;
  }

  body .header .menu-toggle::after {
    left: calc(100% + 9px) !important;
    width: 28px !important;
    font-size: 18px !important;
  }

  body .header .logo-main {
    font-size: 21px !important;
  }

  body .header .logo-sub {
    font-size: 6px !important;
    letter-spacing: 0.10em !important;
  }

  body .header .header-actions .btn-header {
    padding: 0 8px !important;
    font-size: 9px !important;
  }
}
/* =========================================================
   AVELIS — SAFE ACCOUNT GAP FIX V2
   Убирает белую полосу между navbar и фото только на странице ЛК.
   Остальные страницы не трогает.
   ========================================================= */

/* Фиксируем переменную высоты шапки на случай, если выше она переопределялась */
:root {
  --avelis-header-height: 72px;
}

/* На странице ЛК оставляем нормальную компенсацию fixed-header */
body.page-id-363 main,
body:has(article#post-363) main,
body:has(.account-hero) main {
  padding-top: var(--avelis-header-height) !important;
  padding-bottom: 0 !important;
}

/* Убираем верхние отступы стандартных обёрток WordPress только на странице ЛК */
body.page-id-363 section.page-section,
body.page-id-363 section.page-section > .container,
body.page-id-363 article,
body.page-id-363 article#post-363,
body.page-id-363 .entry-content,
body:has(article#post-363) section.page-section,
body:has(article#post-363) section.page-section > .container,
body:has(article#post-363) article,
body:has(article#post-363) article#post-363,
body:has(article#post-363) .entry-content,
body:has(.account-hero) section.page-section,
body:has(.account-hero) section.page-section > .container,
body:has(.account-hero) article,
body:has(.account-hero) .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Если стандартный заголовок темы остался перед hero — скрываем */
body.page-id-363 article#post-363 > .section-head.center,
body:has(article#post-363) article#post-363 > .section-head.center {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Главное решение:
   main сохраняет padding для fixed-шапки,
   а фото-секцию ЛК поднимаем ровно на высоту шапки.
   Так остальные страницы не ломаются. */
body.page-id-363 .account-hero,
body:has(article#post-363) .account-hero,
body:has(.account-hero) .account-hero {
  margin-top: calc(0px - var(--avelis-header-height)) !important;
  padding-top: 0 !important;
}

/* Текст внутри фото не уезжает под navbar */
body.page-id-363 .account-hero__inner,
body:has(article#post-363) .account-hero__inner,
body:has(.account-hero) .account-hero__inner {
  padding-top: var(--avelis-header-height) !important;
  box-sizing: border-box !important;
}

/* Планшет */
@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --avelis-header-height: 68px;
  }

  body.page-id-363 main,
  body:has(article#post-363) main,
  body:has(.account-hero) main {
    padding-top: var(--avelis-header-height) !important;
  }

  body.page-id-363 .account-hero,
  body:has(article#post-363) .account-hero,
  body:has(.account-hero) .account-hero {
    margin-top: calc(0px - var(--avelis-header-height)) !important;
  }

  body.page-id-363 .account-hero__inner,
  body:has(article#post-363) .account-hero__inner,
  body:has(.account-hero) .account-hero__inner {
    padding-top: var(--avelis-header-height) !important;
  }
}

/* Телефон */
@media (max-width: 640px) {
  :root {
    --avelis-header-height: 64px;
  }

  body.page-id-363 main,
  body:has(article#post-363) main,
  body:has(.account-hero) main {
    padding-top: var(--avelis-header-height) !important;
  }

  body.page-id-363 .account-hero,
  body:has(article#post-363) .account-hero,
  body:has(.account-hero) .account-hero {
    margin-top: calc(0px - var(--avelis-header-height)) !important;
  }

  body.page-id-363 .account-hero__inner,
  body:has(article#post-363) .account-hero__inner,
  body:has(.account-hero) .account-hero__inner {
    padding-top: var(--avelis-header-height) !important;
  }
}
/* =========================================================
   AVELIS — SAFE FLUENT SUPPORT LOGIN CLICK FIX
   Только страница личного кабинета
   ========================================================= */

body.page-id-363 .account-page,
body.page-id-363 .account-page *,
body:has(article#post-363) .account-page,
body:has(article#post-363) .account-page * {
  pointer-events: auto !important;
}

body.page-id-363 .fluent_support_portal,
body.page-id-363 .fluent-support-portal,
body.page-id-363 #fluent_support_portal,
body:has(article#post-363) .fluent_support_portal,
body:has(article#post-363) .fluent-support-portal,
body:has(article#post-363) #fluent_support_portal {
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}

body.page-id-363 .fluent_support_portal form,
body.page-id-363 .fluent-support-portal form,
body.page-id-363 #fluent_support_portal form,
body:has(article#post-363) .fluent_support_portal form,
body:has(article#post-363) .fluent-support-portal form,
body:has(article#post-363) #fluent_support_portal form {
  position: relative !important;
  z-index: 30 !important;
  pointer-events: auto !important;
}

body.page-id-363 .fluent_support_portal button,
body.page-id-363 .fluent-support-portal button,
body.page-id-363 .fluent_support_portal input[type="submit"],
body.page-id-363 .fluent-support-portal input[type="submit"],
body:has(article#post-363) .fluent_support_portal button,
body:has(article#post-363) .fluent-support-portal button,
body:has(article#post-363) .fluent_support_portal input[type="submit"],
body:has(article#post-363) .fluent-support-portal input[type="submit"] {
  position: relative !important;
  z-index: 40 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Если где-то осталась невидимая модалка/оверлей — она не должна перекрывать кабинет */
body.page-id-363 .catalog-modal:not(.is-open),
body.page-id-363 .avelis-modal:not(.is-open),
body.page-id-363 #avelisRequestModal:not(.is-open),
body.page-id-363 .menu-overlay:not(.is-open),
body:has(article#post-363) .catalog-modal:not(.is-open),
body:has(article#post-363) .avelis-modal:not(.is-open),
body:has(article#post-363) #avelisRequestModal:not(.is-open),
body:has(article#post-363) .menu-overlay:not(.is-open) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* =========================================================
   AVELIS — EMERGENCY LOGIN CLICK FIX
   Только страница личного кабинета
   ========================================================= */

/* Фото и затемнение hero не должны перехватывать клики */
body.page-id-363 .account-hero,
body.page-id-363 .account-hero__bg,
body.page-id-363 .account-hero__overlay,
body:has(article#post-363) .account-hero,
body:has(article#post-363) .account-hero__bg,
body:has(article#post-363) .account-hero__overlay {
  pointer-events: none !important;
}

/* Нижняя часть кабинета должна быть поверх всего */
body.page-id-363 .account-page,
body.page-id-363 .account-page .container,
body.page-id-363 .account-portal-card,
body.page-id-363 .fluent_support_portal,
body.page-id-363 .fluent-support-portal,
body.page-id-363 #fluent_support_portal,
body:has(article#post-363) .account-page,
body:has(article#post-363) .account-page .container,
body:has(article#post-363) .account-portal-card,
body:has(article#post-363) .fluent_support_portal,
body:has(article#post-363) .fluent-support-portal,
body:has(article#post-363) #fluent_support_portal {
  position: relative !important;
  z-index: 999 !important;
  pointer-events: auto !important;
}

/* Форма и кнопка входа точно кликабельны */
body.page-id-363 form,
body.page-id-363 form *,
body.page-id-363 #loginform,
body.page-id-363 #loginform *,
body.page-id-363 .fluent_support_portal form,
body.page-id-363 .fluent_support_portal form *,
body.page-id-363 .fluent-support-portal form,
body.page-id-363 .fluent-support-portal form *,
body:has(article#post-363) form,
body:has(article#post-363) form *,
body:has(article#post-363) #loginform,
body:has(article#post-363) #loginform *,
body:has(article#post-363) .fluent_support_portal form,
body:has(article#post-363) .fluent_support_portal form *,
body:has(article#post-363) .fluent-support-portal form,
body:has(article#post-363) .fluent-support-portal form * {
  position: relative !important;
  z-index: 1000 !important;
  pointer-events: auto !important;
}

/* Закрытые модалки и меню не должны лежать поверх страницы */
body.page-id-363 .catalog-modal:not(.is-open),
body.page-id-363 .avelis-modal:not(.is-open),
body.page-id-363 #avelisRequestModal:not(.is-open),
body.page-id-363 #site-menu:not(.is-open),
body.page-id-363 .menu-overlay:not(.is-open),
body:has(article#post-363) .catalog-modal:not(.is-open),
body:has(article#post-363) .avelis-modal:not(.is-open),
body:has(article#post-363) #avelisRequestModal:not(.is-open),
body:has(article#post-363) #site-menu:not(.is-open),
body:has(article#post-363) .menu-overlay:not(.is-open) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* =========================================================
   AVELIS — account login note safe design
   Только оформление текста и отступа кнопки
   ========================================================= */

body.page-id-363 .avelis-account-login-note,
body:has(article#post-363) .avelis-account-login-note {
  width: min(100%, 760px) !important;
  margin: 0 auto 28px !important;
  padding: 28px 30px 30px !important;

  border-radius: 28px !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.54),
      rgba(250,246,239,0.34)
    ) !important;

  border: 1px solid rgba(186,162,136,0.18) !important;
  box-shadow:
    0 14px 34px rgba(54,43,36,0.055),
    inset 0 1px 0 rgba(255,255,255,0.55) !important;

  text-align: center !important;
  box-sizing: border-box !important;
}

body.page-id-363 .avelis-account-login-note span,
body:has(article#post-363) .avelis-account-login-note span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;

  margin: 0 auto 14px !important;

  color: rgba(38,49,40,0.72) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

body.page-id-363 .avelis-account-login-note span::before,
body.page-id-363 .avelis-account-login-note span::after,
body:has(article#post-363) .avelis-account-login-note span::before,
body:has(article#post-363) .avelis-account-login-note span::after {
  content: "" !important;
  display: block !important;
  width: 30px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(182,146,107,0.72), transparent) !important;
}

body.page-id-363 .avelis-account-login-note p,
body:has(article#post-363) .avelis-account-login-note p {
  max-width: 660px !important;
  margin: 0 auto !important;

  color: rgba(43,33,29,0.78) !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
}

body.page-id-363 .avelis-account-login-note p + p,
body:has(article#post-363) .avelis-account-login-note p + p {
  margin-top: 8px !important;
  color: rgba(43,33,29,0.66) !important;
}

body.page-id-363 .avelis-account-login-action,
body:has(article#post-363) .avelis-account-login-action {
  margin-top: 26px !important;
  text-align: center !important;
}

/* Mobile */
@media (max-width: 760px) {
  body.page-id-363 .avelis-account-login-note,
  body:has(article#post-363) .avelis-account-login-note {
    padding: 22px 18px 24px !important;
    border-radius: 22px !important;
  }

  body.page-id-363 .avelis-account-login-note span,
  body:has(article#post-363) .avelis-account-login-note span {
    font-size: 9px !important;
    letter-spacing: 0.14em !important;
    gap: 9px !important;
  }

  body.page-id-363 .avelis-account-login-note span::before,
  body.page-id-363 .avelis-account-login-note span::after,
  body:has(article#post-363) .avelis-account-login-note span::before,
  body:has(article#post-363) .avelis-account-login-note span::after {
    width: 22px !important;
  }

  body.page-id-363 .avelis-account-login-note p,
  body:has(article#post-363) .avelis-account-login-note p {
    font-size: 14px !important;
    line-height: 1.62 !important;
  }

  body.page-id-363 .avelis-account-login-action,
  body:has(article#post-363) .avelis-account-login-action {
    margin-top: 22px !important;
  }
}