html, body{ overflow-x: hidden; }
html {
  scroll-behavior: smooth;
}

/* THERAPISTS LAYOUT  */
.therapists-section{
  padding:56px 0;
  overflow:hidden;                
}
.therapists-wrap{
  position:relative;
  max-width:1200px;               
  margin:0 auto;
  padding:0 16px;
}
/* Стрелки */
.nav-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:44px;height:44px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;line-height:1;
  cursor:pointer;border:none;
}
.nav-prev{ left:4px; }
.nav-next{ right:4px; }
/* Swiper контейнер — позволяем хвостам быть видимыми, а не фоном секции */
.therapists-swiper{
  overflow:visible;
  padding:0 40px;                  /* небольшой внутренний отступ */
}
/* Слайды */
.therapists-swiper .swiper-slide{
  width:auto !important;           /* ширину считает Swiper */
  max-width:280px;                 /* чтобы не разъезжались */
  transition:transform .35s ease, opacity .35s ease, filter .35s ease;
  transform-origin:center bottom;
  transform:scale(.9);
  opacity:.35;
  filter:saturate(.85);
  will-change:transform, opacity, filter;
}
/* ближайшие к центральной четверке */
.therapists-swiper .swiper-slide.is-near{
  transform:scale(.96);
  opacity:.7;
  filter:none;
}
/* центральная четверка */
.therapists-swiper .swiper-slide.is-center{
  transform:scale(1.06);
  opacity:1;
  filter:none;
}
/* Карточка */
.card{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,.12);
}
.card__img{
  display:block;
  width:100%;
  height:420px;
  object-fit:cover;
}
.card__body{ padding:14px 16px; }
.card__title{ font:600 18px/1.3 ui-sans-serif,system-ui; color:#222; margin:0 0 6px; }
.card__meta{ color:#6b7280; font:500 13px/1.4 ui-sans-serif,system-ui; }
.service-hero{ display:flex; flex-direction:column; gap:2rem; }
@media (min-width:1024px){
    .service-hero { flex-direction:row; align-items:stretch; }
.service-hero__image, .service-hero__content{ width:50%; }} 
/* Animated Gradient Text */
.gradient-text{
  font-family: 'Times New Roman', serif; /* можешь заменить на свой шрифт */
  font-size: clamp(2rem, 6vw, 3.25rem);
  font-weight: 700;
  background: linear-gradient(90deg, #c6a567, #a88341, #d1b075, #a88341, #c6a567);
  background-size: 300% 300%;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
          color: transparent; /* fallback для некоторых браузеров */
  animation: goldShimmer 5s ease-in-out infinite;
  line-height: 1.15;
  letter-spacing: .01em;
  margin: 0;
}
@keyframes goldShimmer{
  0%   { background-position: 0% 50%; }
50%{ background-position: 100% 50%; }
100%{ background-position: 0% 50%; }
}

:root{
  --gold-grad: linear-gradient(90deg,#c6a567,#a88341,#d1b075,#a88341,#c6a567);
  --gold-solid: #d4b166; /*fallback для иконок и старых браузеров*/
}
/* Любой text-yellow-* => градиент */
.goldify [class*="text-yellow-"]{
  color: var(--gold-solid) !important;                    /* fallback */
  background: var(--gold-grad) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
          color: transparent !important;
  display: inline-block; /* нужен для clip */
}
/* hover:text-yellow-* */
.goldify [class*="hover:text-yellow-"]:hover{
  color: var(--gold-solid) !important;
  background: var(--gold-grad) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
          color: transparent !important;
  display:inline-block;
}
/* group-hover:text-yellow-* */
.goldify .group:hover [class*="group-hover:text-yellow-"]{
  color: var(--gold-solid) !important;
  background: var(--gold-grad) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
          color: transparent !important;
  display:inline-block;
}

:root{
  --gold-grad: linear-gradient(90deg,#c6a567,#a88341,#d1b075,#a88341,#c6a567);
  --gold-solid:#d4b166;
}
/* Любой желтый текст в блоке services -> градиент */
.services-gradient [class*="text-yellow-"]{
  color: var(--gold-solid);
  background: var(--gold-grad);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  background-size:300% 300%;
  display:inline-block;
}
/* ====== GOLD THEME (global) ====== */
:root{
  --gold-grad: linear-gradient(90deg,#c6a567,#a88341,#d1b075,#a88341,#c6a567);
  --gold-solid:#d4b166;
}
/* 1) Любой text-yellow-* -> градиент (по всему сайту) */
.goldify [class*="text-yellow-"]{
  color: var(--gold-solid) !important;                 /* fallback */
  background: var(--gold-grad) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
          color: transparent !important;
  display:inline-block;
}
/* hover / group-hover варианты */
.goldify [class*="hover:text-yellow-"]:hover,
.goldify .group:hover [class*="group-hover:text-yellow-"]{
  color: var(--gold-solid) !important;
  background: var(--gold-grad) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
          color: transparent !important;
  display:inline-block;
}
/* SVG внутри градиентного текста остаются видимыми */
.goldify [class*="text-yellow-"] svg,
.goldify [class*="hover:text-yellow-"]:hover svg,
.goldify .group:hover [class*="group-hover:text-yellow-"] svg{
  background:none !important;
  -webkit-text-fill-color: initial !important;
  color: var(--gold-solid) !important;
  fill: var(--gold-solid) !important;
  stroke: var(--gold-solid) !important;
}
/* ====== HEADER / NAV исключения ====== */
.no-gold [class*="text-yellow-"],
.no-gold [class*="hover:text-yellow-"]:hover,
.no-gold .group:hover [class*="group-hover:text-yellow-"]{
  background:none !important;
  -webkit-text-fill-color:initial !important;
  color:#f2cc7b !important;
  display:inline;
}
/* подчёркивание-линию оставляем золотой, без заливки прямоугольником */
.no-gold [class*="after:bg-yellow-"]{ background:transparent !important; }
.no-gold [class*="after:bg-yellow-"]::after{ background:#f2cc7b !important; }
/* иконки в шапке — обычные */
.no-gold svg{ fill:currentColor !important; stroke:currentColor !important; }
/* ====== Контакт-чипы в шапке (телефон / WhatsApp) ====== */
.no-gold a.contact-chip{
  display:inline-flex; align-items:center; gap:.5rem;
  height:44px; padding:0 16px; border-radius:9999px;
  border:1px solid rgba(212,177,102,0.6);
  background:rgba(255,255,255,0.04);
  color:#fff; font-weight:600; line-height:1;
}
.no-gold a.contact-chip:hover{ background:rgba(212,177,102,0.10); }
.no-gold a.contact-chip > svg{
  width:18px; height:18px; flex:0 0 18px; display:block;
  margin-top:0; transform:translateY(0); align-self:center;
}
.no-gold a.contact-chip > span{ display:block; line-height:1; }
/* ====== SERVICES (локальные правки секции)*/
/* обычные «жёлтые» там делаем нейтральными */
#services [class*="text-yellow-"]{
  background:none !important; -webkit-text-fill-color:initial !important;
  color:#e5e7eb !important;
}
#services [class*="hover:text-yellow-"]:hover{ color:#fff !important; background:none !important; }
#services [class*="border-yellow-"]{ border-color:rgba(255,255,255,.35) !important; }
/* цены: текущее значение (второй span, не зачёркнутый) — золотым градиентом */
#services .mt-4.space-y-1 div > span:not(.line-through){
  color: var(--gold-solid) !important;
  background: var(--gold-grad) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
  display:inline-block; font-weight:600;
}
/* кнопки в карточках — золотые пилюли */
#services a[class*="border-yellow-"],
#services a[class*="bg-yellow-"],
#services a[href*="wa.me"],
#services a[href$=".html"].rounded-full{
  background:var(--gold-grad) !important;
  color:#111 !important;
  border-color:transparent !important;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}
#services a.rounded-full{ height:40px; padding:0 18px; display:inline-flex; align-items:center; gap:.4rem; }
#services a[class*="hover:bg-yellow-"]:hover,
#services a[class*="border-yellow-"]:hover,
#services a[href*="wa.me"]:hover,
#services a[href$=".html"].rounded-full:hover{ filter:brightness(1.06); }

/*  GOLD THEME VARS  */
:root{
  --gold-grad: linear-gradient(90deg,#c6a567,#a88341,#d1b075,#a88341,#c6a567);
  --gold-solid:#d4b166;
}



/* GOLDIFY TEXT ONLY  */
.goldify [class*="text-yellow-"],
.goldify [class*="hover:text-yellow-"]:hover,
.goldify .group:hover [class*="group-hover:text-yellow-"]{
  color: var(--gold-solid) !important;
  background: var(--gold-grad) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
          color: transparent !important;
  display:inline-block;
}



/* SVG inside gradient text */
.goldify [class*="text-yellow-"] svg,
.goldify [class*="hover:text-yellow-"]:hover svg,
.goldify .group:hover [class*="group-hover:text-yellow-"] svg{
  background:none !important;
  -webkit-text-fill-color: initial !important;
  color: var(--gold-solid) !important;
  fill: var(--gold-solid) !important;
  stroke: var(--gold-solid) !important;
}



/*  HEADER / NAV exceptions  */
.no-gold [class*="text-yellow-"],
.no-gold [class*="hover:text-yellow-"]:hover,
.no-gold .group:hover [class*="group-hover:text-yellow-"]{
  background:none !important; -webkit-text-fill-color:initial !important;
  color:#f2cc7b !important; display:inline;
}
.no-gold [class*="after:bg-yellow-"]{ background:transparent !important; }
.no-gold [class*="after:bg-yellow-"]::after{ background:#f2cc7b !important; }
.no-gold svg{ fill:currentColor !important; stroke:currentColor !important; }



/*  CONTACT in header */
.no-gold a.contact-chip{
  display:inline-flex; align-items:center; gap:.5rem;
  height:44px; padding:0 16px; border-radius:9999px;
  border:1px solid rgba(212,177,102,0.6);
  background:rgba(255,255,255,0.04);
  color:#fff; font-weight:600; line-height:1;
}
.no-gold a.contact-chip:hover{ background:rgba(212,177,102,0.10); }
.no-gold a.contact-chip > svg{
  width:18px; height:18px; flex:0 0 18px; display:block;
  margin-top:0; transform:translateY(0); align-self:center;
}
.no-gold a.contact-chip > span{ display:block; line-height:1; }




/* SERVICES /



/* 1) Нейтрализуем жёлтые утилиты внутри секции */
#services .text-yellow-200,
#services .text-yellow-300,
#services .text-yellow-400,
#services .text-yellow-500{
  background: none !important;
  -webkit-text-fill-color: initial !important;
  color: #e5e7eb !important;
}

/* hover-варианты  */
#services .hover\:text-yellow-200:hover,
#services .hover\:text-yellow-300:hover,
#services .hover\:text-yellow-400:hover,
#services .hover\:text-yellow-500:hover{
  color: #ffffff !important;
  background: none !important;
}

/* бордеры */
#services .border-yellow-200,
#services .border-yellow-300,
#services .border-yellow-400,
#services .border-yellow-500{
  border-color: rgba(255,255,255,.35) !important;
}

/* 2) Текущая цена (span сразу после зачёркнутого) — золото */
#services .mt-4.space-y-1 div > .line-through + span{
  color: var(--gold-solid) !important;           
  background: var(--gold-grad) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
          color: transparent !important;
  display: inline-block;
  font-weight: 600;
}

/* 3) Обе кнопки — золотые пилюли */
#services a.rounded-full{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  height: 40px;
  padding: 0 18px;
  background: var(--gold-grad) !important;
  color: #111 !important;
  border-color: transparent !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}
#services a.rounded-full:hover{
  filter: brightness(1.06);
}
 :root{
    --gold-grad: linear-gradient(90deg,#c6a567,#a88341,#d1b075,#a88341,#c6a567);
  }
  /* Cards */
  .guide-card{
    display:block; padding:16px 18px; border-radius:14px;
    background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08);
    color:#e5e7eb; text-decoration:none;
    transition:transform .18s ease, background .18s ease, border-color .18s ease;
  }
  .guide-card:hover{
    background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.14);
    transform:translateY(-2px);
  }
  .guide-card h3{ color:#fff; font-weight:700; margin:.35rem 0 .25rem; }
  .guide-card p{ color:rgba(229,231,235,.85); font-size:.93rem; }

  .chip{
    display:inline-flex; align-items:center; gap:.35rem;
    padding:.30rem .6rem; border-radius:9999px;
    border:1px solid rgba(255,255,255,.18);
    color:rgba(255,255,255,.9); font-size:.72rem; letter-spacing:.06em;
    background:rgba(255,255,255,.02);
  }

  /* Big panel */
  .guide-panel{
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);
    border-radius:16px; padding:20px 18px;
  }
  .numbered{ counter-reset:step; display:grid; gap:.75rem; }
  .numbered li{
    list-style:none; padding-left:2.1rem; position:relative; color:#e5e7eb;
  }
  .numbered li::before{
    counter-increment:step; content: counter(step) "";
    position:absolute; left:0; top:.15rem;
    width:1.5rem; height:1.5rem; border-radius:9999px;
    background:var(--gold-grad); color:#111; font-weight:700;
    display:grid; place-items:center; font-size:.9rem;
  }
  .disclaimer{ color:rgba(255,255,255,.6); font-size:.85rem; }

  /* FAQ (details/summary) */
  .faq details{
    background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08);
    border-radius:12px; margin-bottom:.6rem; overflow:hidden;
  }
  .faq summary{
    cursor:pointer; padding:.9rem 1rem; list-style:none; color:#fff; font-weight:600;
    position:relative;
  }
  .faq summary::marker, .faq summary::-webkit-details-marker{ display:none; }
  .faq summary::after{
    content:"+"; position:absolute; right:1rem; top:50%; transform:translateY(-50%);
    color:#111; background:var(--gold-grad); width:22px; height:22px; border-radius:9999px;
    display:grid; place-items:center; font-weight:800;
  }
  .faq details[open] summary::after{ content:"–"; }
  .faq details > div{ padding:0 1rem 1rem; color:#e5e7eb; }

  /* smoother easing for Swiper transitions */
.therapists-swiper .swiper-wrapper{
  transition-timing-function: cubic-bezier(.22,1,.36,1) !important; 
}


/* Force gold price color for the new two-column price layout */
#services .tabular-nums{
  color: var(--gold-solid) !important;
  background: var(--gold-grad) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
          color: transparent !important;
  font-weight: 600;
  display: inline-block;
}

/* Отступ при прокрутке к якорям, чтобы шапка не перекрывала контент */
html {
  scroll-behavior: smooth;
  /* высота вашей шапки + небольшой зазор + safe-area для iOS */
  scroll-padding-top: calc(var(--header-h) + 12px + env(safe-area-inset-top));
}