/* Небольшое единое скругление для прямоугольных элементов интерфейса.
   Круглые индикаторы, кнопки воспроизведения и плавающая CTA сохранены круглыми. */
:root{--ui-radius:12px}

/* Брендовые мессенджеры: сохраняем собственные цвета SVG во всех состояниях шапки. */
.header .icon-btn img.messenger-logo{filter:none}
.header .icon-btn[href*="t.me"]{color:#229ED9}
.ft__soc[href*="t.me"]{color:#229ED9}
.ft__soc[href*="wa.me"]{color:#25D366}
.ft__soc{order:10}
.ft__soc[href*="t.me"]{order:1}
.ft__soc--max{order:2}
.ft__soc[href*="wa.me"]{order:3}
.ft__soc img.messenger-logo{width:24px; height:24px; object-fit:contain; filter:none}
.ft__soc{width:54px; height:54px}
.ft__soc[href*="t.me"] svg,
.ft__soc[href*="wa.me"] svg{display:none}
.ft__soc[href*="t.me"]::before,
.ft__soc[href*="wa.me"]::before{
  content:'';
  width:32px;
  height:32px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}
.ft__soc[href*="t.me"]::before{background-image:url('/assets/home/icons/messenger-telegram.svg')}
.ft__soc[href*="wa.me"]::before{background-image:url('/assets/home/icons/messenger-whatsapp.svg')}
.ft__soc--max img.messenger-logo{width:32px; height:32px}
.ft__soc svg{width:32px; height:32px}
.ft__soc[href*="instagram"]{order:4; color:#fff}
.ft__soc[href*="instagram"]::before{
  content:'';
  position:absolute;
  width:32px;
  height:32px;
  border-radius:8px;
  background:
    radial-gradient(circle at 32% 100%,#FED373 0 25%,#F15245 46%,transparent 68%),
    linear-gradient(135deg,#833AB4 12%,#C13584 42%,#E1306C 66%,#F77737 100%);
}
.ft__soc[href*="instagram"] svg{position:relative; z-index:1; width:26px; height:26px; color:#fff}
.ft__soc[href*="youtube"]{order:5; color:#fff; background:var(--l-card,#fff)}
.ft__soc[href*="youtube"] svg{display:none}
.ft__soc[href*="youtube"]::before{
  content:'';
  position:absolute;
  width:32px;
  height:32px;
  border-radius:8px;
  background:#FF0000;
}
.ft__soc[href*="youtube"]::after{
  content:'';
  position:relative;
  z-index:1;
  width:11px;
  height:12px;
  background:#fff;
  clip-path:polygon(0 0,100% 50%,0 100%);
  transform:translateX(1px);
}
.ft__soc[href*="vk.com"],
.ft__soc[href*="pinterest"]{position:relative; color:#fff; background:var(--l-card,#fff)}
.ft__soc[href*="vk.com"]{order:6}
.ft__soc[href*="pinterest"]{order:7}
.ft__soc[href*="vk.com"]::before,
.ft__soc[href*="pinterest"]::before{
  content:'';
  position:absolute;
  width:32px;
  height:32px;
  border-radius:8px;
}
.ft__soc[href*="vk.com"]::before{background:#0077FF}
.ft__soc[href*="pinterest"]::before{background:#E60023}
.ft__soc[href*="vk.com"] svg,
.ft__soc[href*="pinterest"] svg{position:relative; z-index:1; width:32px; height:32px}
.ft__soc[href*="youtube"]:hover,
.ft__soc[href*="vk.com"]:hover,
.ft__soc[href*="pinterest"]:hover{color:#fff; background:#FCF6F7}
.ft__soc[href*="instagram"] .ft__ast{display:none}
.ft__socials .ft__soc,
.ft__socials .ft__soc:hover{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}

/* Навигация, CTA и компактные плашки */
.nav__link,
.icon-btn,
.phone,
.burger,
.mmenu__close,
.btn,
.badge,
.facts__item,
.mobile-bar__btn,
.cases__arrow,
.case__btn,
.fmt-card__hit,
.fmt-card__btn,
.blog__all,
.stp__btn,
.faq__ask,
.ft__btn,
.reel__ctrl{
  border-radius:var(--ui-radius);
}

/* Карточки и информационные панели */
.quiz__card,
.qopt,
.qform__done,
.doc__sheet,
.doc__badge,
.case,
.svc__photo,
.tag,
.fmt-card,
.reel__stage,
.gd__done,
.gd__book,
.gd__pdf,
.adv-card,
.adv-video,
.adv-img,
.post,
.post__tag,
.rev__rating,
.rev-card,
.vpop__win,
.abt__media,
.gal__item,
.stp__photo,
.stp-item__meta,
.est__photo,
.est__done,
.ft__soc,
.mpop__win,
.mpop__badge,
.mpop__done,
.pop__win,
.pop__done,
.fab__label{
  border-radius:var(--ui-radius);
}

/* Поля и элементы форм */
.qform__input,
.qform__btn,
.gd__input,
.gd__btn,
.est__area,
.est__file,
.est__input,
.est__btn,
.mpop__area,
.mpop__input,
.mpop__btn,
.pop__area,
.pop__file,
.pop__input,
.pop__btn{
  border-radius:var(--ui-radius);
}

@media (max-width:720px){
  .mobile-bar{border-radius:var(--ui-radius) var(--ui-radius) 0 0}
}

/* Единый спокойный блик на основных действиях. */
:where(
  .btn,
  .cases__arrow:not(:disabled),
  .qform__btn,
  .case__btn,
  .case-btn,
  .case-decor__controls button:not(:disabled),
  .fmt-card__btn,
  .gd__btn,
  .stp__btn,
  .faq__ask,
  .est__btn,
  .blog__all,
  .ft__btn,
  .mpop__btn,
  .pop__btn,
  .mobile-bar__btn--primary
){
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
:where(
  .btn,
  .cases__arrow:not(:disabled),
  .qform__btn,
  .case__btn,
  .case-btn,
  .case-decor__controls button:not(:disabled),
  .fmt-card__btn,
  .gd__btn,
  .stp__btn,
  .faq__ask,
  .est__btn,
  .blog__all,
  .ft__btn,
  .mpop__btn,
  .pop__btn,
  .mobile-bar__btn--primary
)::after{
  content:'';
  position:absolute;
  z-index:2;
  top:-55%; bottom:-55%; left:-58%;
  width:30%;
  pointer-events:none;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  animation:darsy-button-shine 4.6s ease-in-out infinite;
}
.fmt-card--featured .fmt-card__btn::after{
  background:linear-gradient(90deg,transparent,rgba(227,169,186,.72),transparent);
}
@keyframes darsy-button-shine{
  0%,58%{left:-58%; opacity:0}
  64%{opacity:.8}
  84%{left:128%; opacity:0}
  100%{left:128%; opacity:0}
}

/* На главной оставляем три устойчивых текстовых уровня:
   основной, вторичный и служебный. */
@media (min-width:901px){
  :where(
    .quiz__lead,.qstep__hint,.qresult__cta-text,.qform__done p,
    .svc__sub,.fmt__sub,.fmt-card__sub,.fmt-card__list li,
    .gd__sub,.gd__list li,.gd__done p,
    .adv-card__txt,.post__txt,.rev__sub,.rev-card__txt,.stp-item__txt,
    .mpop__sub,.mpop__list li,.pop__sub,.pop__list li,
    .est__sub,.est__list li,.est__done p,
    .ft__about,.ft__list a,.ft__contact a,.ft__contact span
  ){font-size:17px}

  :where(
    .qprogress__meta,.qopt__note,.qnav__note,.qresult__sum li,
    .quiz__eyebrow,.cases__eyebrow,.fmt-card__hit,.est__person span,
    .case__stat span,.case__stat b,.case__btn,.case--more p,
    .fmt-card__num,.gd__pdf-txt span,.est__file,.est__files,
    .abt__stat span,.post__meta,.rev__rating-note,
    .stp-item__num,.stp-item__meta,.stp-item__cap,.stp-item__note,.reel__ctrl,
    .mpop__badge,.mpop__eyebrow,.mpop__label,.mpop__err,
    .pop__file,.pop__files,.pop__label,.pop__err,
    .ft__cta-note,.ft__stats span,.ft__cap,.ft__note,.ft__bottom,.ft__legal,.ft__made
  ){font-size:14px}

  :where(
    .qcheck__txt,.gd__check span:last-child,.est__check span:last-child,
    .mpop__check span:last-child,.pop__check span:last-child
  ){font-size:14px}
}

@media (prefers-reduced-motion:reduce){
  :where(
    .btn,.cases__arrow:not(:disabled),
    .qform__btn,.case__btn,.case-btn,.case-decor__controls button:not(:disabled),
    .fmt-card__btn,.gd__btn,.stp__btn,
    .faq__ask,.est__btn,.blog__all,.ft__btn,.mpop__btn,.pop__btn,
    .mobile-bar__btn--primary
  )::after{animation:none; display:none}
}