/*
Theme Name: Prodamus
Theme URI:
Version: 1.0
Description: Space Tigers Rules The Galaxy! =^=ω=^=✧
Author: Djolbars
Author URI: https://tigromania.ru
*/




@font-face {
  font-family: 'TildaSans';
  src: url('/wp-content/themes/new_tigro/fonts/TildaSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TildaSans';
  src: url('/wp-content/themes/new_tigro/fonts/TildaSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TildaSans';
  src: url('/wp-content/themes/new_tigro/fonts/TildaSans-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TildaSans';
  src: url('/wp-content/themes/new_tigro/fonts/TildaSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


section {margin-top:15px;}

:root {
  /* colors */
  --bg: #050505;
  --bg-dark: #000;
  --bg-soft: rgba(255, 255, 255, 0.04);
  --glass-bg: rgba(27, 27, 27, 0.28);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-shadow: 0 10px 30px 0 rgba(57, 45, 81, 0.08);
  --stroke: rgba(255, 255, 255, 0.12);
  --stroke-strong: rgba(255, 255, 255, 0.18);
  --text: #fff;
  --text-dark: #111216;
  --muted: rgba(255, 255, 255, 0.78);
  --muted-strong: rgba(255, 255, 255, 0.92);
  --green: #0ADD7B;
  --lime: #BCFB0A;
  --green-grad: linear-gradient(90deg, #0ADD7B 0%, #BCFB0A 100%);
  --green-grad-2: linear-gradient(90deg, #44df86 0%, #b7ef23 100%);

  /* layout */
  --container: 1580px;
  --container-wide: 1680px;
  --container-fit: 1720px;
  --section-gap: clamp(20px, 2vw, 40px);
  --grid-gap: clamp(10px, 1.2vw, 18px);
  --content-pad: clamp(14px, 2vw, 32px);

  /* radius */
  --radius-xl: clamp(28px, 2.5vw, 44px);
  --radius-lg: clamp(24px, 2vw, 34px);
  --radius-md: clamp(18px, 1.5vw, 26px);
  --radius-sm: clamp(14px, 1vw, 18px);
  --radius-pill: 999px;

  /* typography */
  --ff: "TildaSans", Arial, sans-serif;
  --ls-tight: -0.04em;
  --ls-normal: -0.02em;
  --fs-display: clamp(2.25rem, 1.55rem + 2.2vw, 4rem);      /* 36-64 */
  --fs-h1: clamp(2rem, 1.45rem + 1.8vw, 3.75rem);           /* 32-60 */
  --fs-h2: clamp(1.75rem, 1.3rem + 1.2vw, 3rem);            /* 28-48 */
  --fs-h3: clamp(1.375rem, 1.1rem + 0.8vw, 2.5rem);         /* 22-40 */
  --fs-lead: clamp(1.125rem, 1rem + 0.55vw, 1.5rem);        /* 18-24 */
  --fs-body: clamp(1rem, 0.94rem + 0.22vw, 1.25rem);        /* 16-20 */
  --fs-small: clamp(0.875rem, 0.84rem + 0.12vw, 1rem);      /* 14-16 */
  --fs-xs: clamp(0.8125rem, 0.78rem + 0.1vw, 0.9375rem);    /* 13-15 */
  --lh-tight: 1;
  --lh-title: 1.02;
  --lh-body: 1.2;
  --lh-text: 1.35;

  /* controls */
  --btn-h-lg: clamp(64px, 6vw, 96px);
  --btn-h-md: clamp(52px, 5vw, 58px);
  --btn-h-sm: clamp(46px, 4vw, 50px);
  --transition: .2s ease;
}

/* ========== Base ========== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--bg-dark);
  color: var(--text);
  font-family: var(--ff);
  font-size: var(--fs-body);
  line-height: var(--lh-text);
}

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

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


.breadcrumbs {color: #b7b7b7;margin-top:80px;font-size: 15px;}
.container,
.topbar__wrap,
.hero-main__wrap,
.hero-single__wrap,
.stats-block__wrap,
.features-grid__wrap {
  width: min(100% - 24px, var(--container));
  margin-inline: auto;
}

@media (max-width: 767px) {
  .container,
  .topbar__wrap,
  .hero-main__wrap,
  .stats-block__wrap,
  .features-grid__wrap {
    width: min(100% - 16px, var(--container));
  }
}

/* ========== Common typography ========== */
.topbar__brand-text,
.hero-main__title,
.stats-card__title,
.feature-card--accent .feature-card__title,
.payments-ways__title,
.prodamus-fit__title,
.prodamus-advantages__title,
.experts-block__title {
  font-family: var(--ff);
  font-weight: 600;
  letter-spacing: var(--ls-tight);
  line-height: var(--lh-title);
}

.hero-main__list li,
.hero-main__offer-title,
.hero-main__offer-subtitle,
.stats-card__text p,
.feature-card--accent .feature-card__text,
.pay-pill__text {
  font-family: var(--ff);
  line-height: var(--lh-body);
}

.prodamus-card__content p,
.feature-card--numbered .feature-card__text,
.prodamus-compare__cell,
.prodamus-advantages__list li,
.experts-cloud__role {
  font-family: var(--ff);
  line-height: var(--lh-text);
}

/* ========== Topbar ========== */
.topbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  /* padding-top: clamp(8px, 1vw, 14px); */
}

.topbar__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(10px, 1.2vw, 18px);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 5px;
}

.topbar__left,
.topbar__right {
  display: flex;
  align-items: center;
  min-height: clamp(72px, 6vw, 88px);
  padding: clamp(10px, 1vw, 14px) clamp(12px, 1.1vw, 18px);
  border-radius: var(--radius-pill);
  border: 1px solid var(--glass-border);
  background: var(--glass-bg);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.topbar__left,
.topbar__right {

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 -1px 0 rgba(255, 255, 255, 0.06),
        inset 0 0 40px rgba(255, 255, 255, 0.03),
        0 18px 50px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.03);
}


.topbar__left {
  gap: clamp(10px, 1.2vw, 18px);
  flex-shrink: 0;
}

.topbar__right {
  /* flex: 1 1 auto; */
  min-width: 0;
  justify-content: space-between;
  gap: clamp(12px, 1.4vw, 22px);
}

.topbar__brand {
  display: inline-flex;
  align-items: center;
  gap: clamp(10px, 1vw, 14px);
  flex-shrink: 0;
}

.topbar__logo {
  width: auto;
  height: clamp(30px, 2.3vw, 34px);
  flex-shrink: 0;
}

.topbar__brand-text {
  font-size: clamp(1.125rem, 1rem + 0.6vw, 1.5625rem);
  white-space: nowrap;
}

.topbar__tariff,
.topbar__promo,
.topbar__connect {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--btn-h-md);
  font-weight: 500;
  font-size: var(--fs-small);
  line-height: 1;
  white-space: nowrap;
  transition: transform var(--transition), opacity var(--transition);
}

.topbar__tariff {
  min-width: 132px;
  padding: 0 clamp(18px, 2vw, 28px);
  border-radius: var(--radius-pill);
  border: 1.5px solid transparent;
  background:
    linear-gradient(#231d2e, #231d2e) padding-box,
    var(--green-grad) border-box;
  color: var(--text);
}

.topbar__promo {
  padding: 0 clamp(18px, 2vw, 30px);
  border-radius: var(--radius-pill);
  border: 1.5px dashed rgba(10, 221, 123, 0.9);
  background: transparent;
}

.topbar__connect {
  padding: 0 clamp(18px, 2vw, 34px);
  border-radius: var(--radius-pill);
  background: var(--green-grad);
  color: #111;
  font-weight: 600;
}

.topbar__tariff:hover,
.topbar__promo:hover,
.topbar__connect:hover {
  transform: translateY(-1px);
}

.topbar__partner {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 6px;
  font-size: var(--fs-xs);
  font-weight: 500;
  line-height: 1.1;
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
}

.topbar__partner img {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-top: 8px;
  position: absolute;
  right: 25px;
  bottom: 2px;
}

.topbar__nav {
  min-width: 0;
}

.topbar__nav ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(18px, 2vw, 38px);
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}

.topbar__nav a {
  font-size: var(--fs-small);
  font-weight: 500;
  line-height: 1;
  opacity: .96;
  transition: opacity var(--transition);
}

.topbar__nav a:hover {
  opacity: .72;
}

.topbar__socials {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}

.topbar__socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}

.topbar__socials img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.topbar__burger {
  display: none;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 50%;
  background: transparent;
  padding: 0;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-shrink: 0;
}

.topbar__burger span {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
}

/* Адаптив */
@media (max-width: 1480px) {
	.topbar__partner {display:none}
	.topbar__wrap {
		gap: 14px;
	}

	.topbar__right {
		gap: 16px;
		padding-inline: 16px;
	}

	.topbar__nav ul {
		gap: 28px;
	}

	.topbar__promo,
	.topbar__connect {
		padding-inline: 24px;
	}
}

@media (max-width: 1320px) {
	.topbar__partner {
		font-size: 13px;
		display:none
	}

	.topbar__nav ul {
		gap: 22px;
	}

	.topbar__brand-text {
		font-size: 22px;
	}

	.topbar__tariff {
		min-width: 132px;
	}
}

@media (max-width: 1180px) {
	.topbar__partner {
		display: none;
	}

	.topbar__socials {
		display: none;
	}

	.topbar__nav ul {
		gap: 18px;
	}
}

@media (max-width: 1040px) {
	.topbar__nav {
		display: none;
	}

	.topbar__promo {
		display: none;
	}

	.topbar__burger {
		display: inline-flex;
	}
}

@media (max-width: 768px) {
	.topbar {
		padding-top: 8px;
	}

	.topbar__wrap {
		width: min(100% - 16px, var(--header-max));
		gap: 10px;
	}

	.topbar__left,
	.topbar__right {
		min-height: 72px;
		padding: 10px 12px;
		border-radius: 26px;
	}

	.topbar__brand {
		gap: 10px;
	}

	.topbar__logo {
		height: 34px;
	}

	.topbar__brand-text {
		font-size: 20px;
	}

	.topbar__tariff {
		display: none;
	}

	.topbar__connect {
		height: 50px;
		padding: 0 18px;
		font-size: 14px;
	}
}

@media (max-width: 560px) {
	.topbar__brand-text {
		font-size: 18px;
	}

	.topbar__connect {
		display: none;
	}
}



/* ========== Hero ========== */
.hero-main {
  position: relative;
  /* padding: clamp(18px, 2vw, 28px) 0 clamp(24px, 3vw, 40px); */
  color: var(--text);
  margin-top: 5px;
}

.hero-main__wrap {
  position: relative;
  padding: clamp(16px, 2vw, 28px);
  border-radius: clamp(28px, 3vw, 42px) clamp(28px, 3vw, 42px);
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 8%, rgba(118, 62, 132, 0.4) 0%, rgba(146, 144, 255, 0.20) 21%, rgba(118, 62, 132, 0.18) 32%, rgba(118, 62, 132, 0) 52%),
    radial-gradient(circle at 16% 88%, rgba(118, 62, 132, 0.44) 0%, rgba(146, 144, 255, 0.22) 20%, rgba(140, 61, 56, 0.18) 34%, rgba(118, 62, 132, .05) 54%),
    radial-gradient(circle at 84% 86%, rgba(118, 62, 132, 0.62) 0%, rgba(146, 144, 255, 0.23) 18%, rgba(140, 61, 56, 0.20) 34%, rgba(118, 62, 132, .06) 54%),
    linear-gradient(180deg, #0a0a0c 0%, #080808 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}

.hero-main__grid {
  display: grid;
  grid-template-columns: 46% 50%;
  align-items: center;
  column-gap: clamp(18px, 2vw, 28px);
}

.hero-main__media {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  min-height: clamp(360px, 38vw, 560px);
}

.hero-main__image {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.hero-main__content {
  max-width: 760px;
  margin-left: auto;
  padding-top: 18px;
  margin-top: 60px;
}

.hero-main__title {
  margin: 0 0 clamp(24px, 3vw, 42px);
  font-size: var(--fs-h1);
  color: #fff;
}

.hero-main__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: clamp(16px, 2vw, 28px);
}

.hero-main__list li {
  position: relative;
  padding-left: 38px;
  font-size: var(--fs-lead);
  letter-spacing: var(--ls-tight);
  color: var(--muted-strong);
}

.hero-main__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #fff;
}

.hero-main__list li::after {
    content: "✓";
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-56%);
    font-size: 13px;
    font-weight: 700;
    color: #111;
    line-height: 1;
}

.hero-main__offer {
  margin-top: 15px;
  margin-left: auto;
  width: min(100%, 980px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(14px, 2vw, 24px);
  padding: clamp(14px, 1.2vw, 18px) clamp(14px, 1.2vw, 18px) clamp(14px, 1.2vw, 18px) clamp(16px, 1.4vw, 22px);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: var(--radius-pill);
  background: var(--glass-bg);
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.hero-main__offer {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.20),
        inset 0 -1px 0 rgba(255, 255, 255, 0.06),
        inset 0 0 40px rgba(255, 255, 255, 0.03),
        0 18px 50px rgba(0, 0, 0, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.03);
}


.hero-main__offer-icon img {
  width: clamp(44px, 4vw, 54px);
  height: clamp(44px, 4vw, 54px);
  object-fit: contain;
}

.hero-main__offer-title {
  margin: 0 0 4px;
  font-weight: 700;
  font-size: var(--fs-lead);
  letter-spacing: var(--ls-tight);
  color: #fff;
}

.hero-main__offer-title del {
	position: relative;
	display: inline-block;
	text-decoration: none;
	opacity: 0.78;
}

.hero-main__offer-title del::after {
	content: "";
	position: absolute;
	left: -2px;
	right: -2px;
	top: 55%;
	height: 2px;
	background: currentColor;
	transform: rotate(-12deg);
	transform-origin: center;
	pointer-events: none;
}

.hero-main__offer-title span {
  /* color: var(--lime); */
  background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.hero-main__offer-subtitle {
  font-size: var(--fs-lead);
  letter-spacing: var(--ls-tight);
  color: rgba(255,255,255,0.92);
}

.hero-main__offer-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: min(314px, 100%);
  height: var(--btn-h-lg);
  padding: 0 clamp(20px, 2vw, 34px);
  border-radius: var(--radius-pill);
  background: var(--green-grad);
  color: #111;
  font-weight: 600;
  font-size: clamp(1rem, 0.94rem + 0.3vw, 1.125rem);
  line-height: 1;
  white-space: nowrap;
  flex-shrink: 0;
  transition: transform var(--transition), opacity var(--transition);
}

.hero-main__offer-btn:hover {
  transform: translateY(-1px);
}

@media (min-width: 1180px) {
  .hero-main__media {
    position: static;
    min-height: 500px;
  }

  .hero-main__image {
    position: absolute;
    left: 28px;
    bottom: 0;
    max-width: 40%;
    height: auto;
  }
}

@media (max-width: 1180px) {
  .hero-main__grid {
    grid-template-columns: 1fr;
    row-gap: 18px;
  }

  .hero-main__media {
    min-height: auto;
    justify-content: center;
  }

  .hero-main__content {
    max-width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }

  .hero-main__offer {
    margin-left: 0;
    width: 100%;
    border-radius: var(--radius-lg);
    grid-template-columns: auto 1fr;
  }

  .hero-main__offer-btn {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .hero-main__list li {
    line-height: 1.15;
  }

  .hero-main__offer {
    grid-template-rows: 2fr;
    border-radius: var(--radius-md);
  }

  .hero-main__offer-btn {
    min-width: 0;
    width: 100%;
  }
}

/* ========== Stats ========== */
.stats-block {
  /* padding: 28px 0 0; */
}

.stats-block__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.stats-card {
  min-height: clamp(280px, 28vw, 426px);
  padding: clamp(40px, 5vw, 98px) clamp(28px, 4vw, 64px) clamp(32px, 3vw, 56px);
  border-radius: clamp(36px, 4vw, 84px);
  background: #050505;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  color: #fff;
}

.stats-card--active {
  background: #161616;
}

.stats-card__title {
  margin: 0 0 clamp(24px, 3vw, 46px);
  font-size: var(--fs-h1);
  color: #fff;
}

.stats-card__text {
  display: flex;
  align-items: flex-start;
  gap: clamp(14px, 1.2vw, 18px);
  max-width: 430px;
}

.stats-card__dot {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  border-radius: 50%;
  background: var(--green-grad);
  box-shadow: 0 0 14px rgba(113, 255, 52, 0.18);
}

.stats-card__text p {
  margin: 0;
  font-size: var(--fs-lead);
  letter-spacing: var(--ls-tight);
  /* color: #58f26d; */
  background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

@media (max-width: 980px) {
  .stats-block__wrap {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* ========== Features ========== */
.features-grid {
  /* padding: 24px 0 0; */
  background: #050505;
}

.features-grid__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  counter-reset: feature-num;
}

.feature-card {
  position: relative;
  min-height: clamp(320px, 30vw, 476px);
  padding: clamp(28px, 3vw, 54px) clamp(22px, 3vw, 54px) clamp(24px, 2.5vw, 40px);
  border-radius: var(--radius-xl);
  background: #ebebeb;
  color: #111;
  overflow: hidden;
}

.feature-card--accent {
  background: linear-gradient(90deg, #44d985 0%, #bcfb0a 100%);
}

.feature-card--numbered {
  counter-increment: feature-num;
}

.feature-card--numbered::before {
  content: counter(feature-num, decimal-leading-zero);
  position: absolute;
  top: clamp(28px, 3vw, 50px);
  left: clamp(22px, 3vw, 54px);
  font-weight: 400;
  font-size: clamp(1.125rem, 1rem + 0.4vw, 1.375rem);
  line-height: 1;
  letter-spacing: var(--ls-tight);
  color: #38d96f;
  z-index: 2;
}

.feature-card__icon {
  position: absolute;
  top: clamp(16px, 1.8vw, 26px);
  right: clamp(16px, 1.8vw, 26px);
  width: clamp(82px, 8vw, 132px);
  height: clamp(82px, 8vw, 132px);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  pointer-events: none;
}

.feature-card__icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.feature-card__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.feature-card--accent .feature-card__content {
  justify-content: space-between;
}

.feature-card--numbered .feature-card__content {
  padding-top: clamp(72px, 6vw, 108px);
}

.feature-card--accent .feature-card__title {
  margin: 0;
  font-size: var(--fs-h1);
  color: #111;
}

.feature-card--numbered .feature-card__title {
  margin: 0 0 clamp(18px, 2vw, 28px);
  max-width: 420px;
  font-weight: 600;
  font-size: var(--fs-h3);
  line-height: var(--lh-title);
  letter-spacing: var(--ls-tight);
  color: #111;
}

.feature-card--accent .feature-card__text {
  max-width: 360px;
  font-size: var(--fs-lead);
  letter-spacing: var(--ls-tight);
  color: #111;
}

.feature-card--numbered .feature-card__text {
  max-width: 390px;
  font-size: var(--fs-body);
  letter-spacing: var(--ls-normal);
  color: #222;
}

@media (max-width: 1024px) {
  .features-grid__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .features-grid__wrap {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .feature-card {
    min-height: auto;
  }

  .feature-card--accent .feature-card__text {
    margin-top: 40px;
    max-width: 280px;
  }

  .feature-card--numbered .feature-card__title,
  .feature-card--numbered .feature-card__text {
    max-width: 100%;
  }
}

/* ========== Prodamus Fit ========== */
.prodamus-fit {
  /* padding: 40px 0; */
  background: #050505;
  color: #fff;
  overflow: hidden;
}

.prodamus-fit__grid {
  /* max-width: var(--container-fit); */
  /* margin: 0 auto; */
  padding: 0 20px;
  display: grid;
  grid-template-columns: minmax(320px, 520px) 1fr;
  gap: clamp(16px, 2vw, 28px);
  align-items: stretch;
  width: min(100% - 24px, var(--container));
  margin-inline: auto;
}

.prodamus-fit__intro {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius-xl);
  padding: clamp(32px, 4vw, 72px) clamp(22px, 3vw, 48px);
  background: #050505;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}

.prodamus-fit__title {
  margin: 0 0 clamp(24px, 4vw, 64px);
  font-size: var(--fs-h1);
}

.prodamus-fit__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(68px, 7vw, 102px);
  padding: 18px clamp(24px, 3vw, 44px);
  border-radius: var(--radius-pill);
  background: var(--green-grad-2);
  color: #050505;
  font-weight: 600;
  font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  line-height: 1;
  width: fit-content;
  transition: transform var(--transition), box-shadow var(--transition);
}

.prodamus-fit__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(123, 255, 76, 0.18);
}

.prodamus-fit__cards {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 1.2vw, 18px);
}

.prodamus-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(18px, 2.5vw, 40px);
  min-height: clamp(220px, 18vw, 268px);
  padding: 0 clamp(22px, 2vw, 34px);
  background: #111111;
  border-radius: var(--radius-xl);
  overflow: hidden;
  position: relative;
}

.prodamus-card__media {
  flex: 0 0 clamp(180px, 22vw, 340px);
  width: clamp(180px, 22vw, 340px);
  height: clamp(180px, 22vw, 340px);
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  /* background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.2) 0 8%, transparent 9%),
    radial-gradient(circle at 75% 72%, rgba(255,255,255,0.14) 0 7%, transparent 8%),
    linear-gradient(135deg, #cf6ad9 0%, #8ca7ff 100%); */
}

.prodamus-card--image-right .prodamus-card__media {
  /* background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,0.2) 0 8%, transparent 9%),
    radial-gradient(circle at 75% 72%, rgba(255,255,255,0.14) 0 7%, transparent 8%),
    linear-gradient(135deg, #38d9a7 0%, #baf734 100%); */
}

.prodamus-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prodamus-card__content {
  flex: 1 1 auto;
  max-width: 760px;
  padding: 24px 0;
}

.prodamus-card__content h3 {
  margin: 0 0 clamp(14px, 2vw, 26px);
  font-weight: 600;
  font-size: clamp(1.75rem, 1.35rem + 0.8vw, 2.375rem);
  line-height: var(--lh-title);
  letter-spacing: var(--ls-tight);
  /* color: #52e274; */
  background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.prodamus-card__content p {
  margin: 0;
  font-size: var(--fs-body);
  letter-spacing: var(--ls-normal);
  color: #f2f2f2;
  max-width: 820px;
}

.prodamus-card--image-left .prodamus-card__media { order: 1; }
.prodamus-card--image-left .prodamus-card__content { order: 2; }
.prodamus-card--image-right .prodamus-card__content { order: 1; }
.prodamus-card--image-right .prodamus-card__media { order: 2; }

@media (max-width: 1100px) {
  .prodamus-fit__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {

	
  .prodamus-fit {
    padding: 24px 0;
  }

  .prodamus-fit__grid {
    padding: 0 14px;
    gap: 16px;
  }

  .prodamus-fit__intro,
  .prodamus-card {
    border-radius: var(--radius-lg);
  }

  .prodamus-fit__btn {
    width: 100%;
  }

  .prodamus-card {
    align-items: flex-start;
    padding: 22px;
    gap: 18px;
    min-height: unset;
  }

  .prodamus-card--image-left .prodamus-card__media,
  .prodamus-card--image-right .prodamus-card__media,
  .prodamus-card--image-left .prodamus-card__content,
  .prodamus-card--image-right .prodamus-card__content {
    order: initial;
  }

  .prodamus-card__content {
    max-width: 100%;
    padding: 0;
  }
}

@media (max-width: 467px) {
	
	.prodamus-card--image-right {
		        flex-direction: column-reverse !important;
	}
	
	
  .prodamus-card {
    flex-direction: column;
	}
}

/* ========== Payments Ways ========== */
.payments-ways {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at 16% 7%, rgba(122, 136, 255, 0.30) 0%, rgba(122, 136, 255, 0.00) 28%),
    radial-gradient(circle at 42% 72%, rgba(166, 52, 121, 0.28) 0%, rgba(166, 52, 121, 0.00) 30%),
    radial-gradient(circle at 56% 50%, rgba(120, 36, 96, 0.22) 0%, rgba(120, 36, 96, 0.00) 34%),
    linear-gradient(90deg, #0b0b0f 0%, #101015 38%, #0c0d10 100%);
  color: #fff;
  background: radial-gradient(circle at 28% 70%, rgba(160, 44, 98, 0.55) 0%, rgba(160, 44, 98, 0.22) 22%, transparent 48%), radial-gradient(circle at 52% 18%, rgba(94, 58, 105, 0.28) 0%, transparent 42%), linear-gradient(90deg, #19191a 0%, #161617 50%, #111212 100%);
  width: min(100% - 24px, var(--container));
  margin-inline: auto;
}

.payments-ways__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.payments-ways__bg::before {
  content: "";
  position: absolute;
  inset: -8% -2% -8% 25%;
  opacity: .22;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='800' viewBox='0 0 1400 800' fill='none'%3E%3Cg opacity='0.9' stroke='white' stroke-width='0.7'%3E%3Cpath d='M1272 -54C1084 72 1062 208 1136 344C1206 472 1339 523 1473 681'/%3E%3Cpath d='M1175 -76C1018 42 978 182 1034 315C1096 458 1225 524 1356 676'/%3E%3Cpath d='M1083 -86C952 26 902 160 948 292C1005 429 1126 516 1252 658'/%3E%3Cpath d='M985 -92C874 15 810 142 844 270C889 406 1007 498 1124 638'/%3E%3Cpath d='M873 -95C789 9 721 128 747 250C783 384 892 474 1000 614'/%3E%3Cpath d='M770 -90C701 11 639 124 659 240C687 367 787 459 893 594'/%3E%3Cpath d='M679 -71C616 25 565 130 580 239C603 359 696 447 794 576'/%3E%3Cpath d='M624 -26C565 61 524 157 533 257C547 367 627 448 715 565'/%3E%3Cpath d='M620 44C572 122 542 205 547 292C553 392 617 466 693 568'/%3E%3Cpath d='M665 104C625 166 606 236 610 311C617 404 671 476 739 570'/%3E%3Cpath d='M752 128C714 186 697 248 699 319C705 410 756 482 824 573'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  filter: blur(0.3px);
}

.payments-ways__container {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 30% 70%;
  align-items: center;
  gap: clamp(18px, 1vw, 30px);
  padding: 10px;
  min-height: clamp(420px, 42vw, 580px);
  /* width: min(100% - 24px, var(--container)); */
  margin-inline: auto;
  /* padding: clamp(42px, 5vw, 64px) clamp(20px, 3vw, 40px) clamp(42px, 8vw, 120px); */
  padding: clamp(42px, 5vw, 64px) clamp(5px, 2vw, 40px) clamp(42px, 8vw, 120px);
}

.payments-ways__left {
  /* max-width: 470px; */
  margin: 0 0 clamp(28px, 4vw, 48px);
}

.payments-ways__title {
  margin: 0;
  font-size: var(--fs-h1);
  color: #f5f5f5;
}

.payments-ways__title span {
  color: #57e465;
  background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.payments-ways__right {
  position: relative;
  padding-right: clamp(0px, 12vw, 180px);
}


.payments-ways__nav {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  /* gap: clamp(12px, 1.4vw, 18px); */
}

.payments-ways__arrow {
  width: clamp(64px, 7vw, 106px);
  height: clamp(64px, 7vw, 106px);
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(18,18,22,0.82);
  color: #fff;
  cursor: pointer;
  transition: transform var(--transition), background var(--transition), border-color var(--transition);
  backdrop-filter: blur(6px);
}

.payments-ways__arrow:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.22);
}

.payments-ways__arrow--next {
  background: linear-gradient(135deg, #6bea48 0%, #a5f12e 100%);
  color: #101010;
  border-color: transparent;
}

.payments-ways__arrow--next:hover {
  background: linear-gradient(135deg, #79ef50 0%, #b3f53d 100%);
}


@media (max-width: 1100px) {
.payments-ways__container {

    display: block;
	}
}


/* ========== Prodamus Advantages ========== */
.prodamus-advantages {
  /* padding: 0; */
}

.prodamus-advantages__inner {
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(320px, 0.95fr);
  gap: clamp(14px, 2.2vw, 36px);
  padding: clamp(14px, 2vw, 32px);
  background: #ececec;
  border-radius: var(--radius-xl);
  width: min(100% - 24px, var(--container));
  margin-inline: auto;
}

.prodamus-advantages__table-wrap {
  background: #e4e4e4;
  border-radius: clamp(24px, 2vw, 36px);
  padding: clamp(18px, 5vw, 76px) clamp(12px, 3vw, 52px) clamp(12px, 3vw, 44px);
}

.prodamus-compare {
  width: 100%;
}

.prodamus-compare__head,
.prodamus-compare__row {
  display: grid;
  grid-template-columns: 1.35fr 0.98fr 0.98fr;
  gap: 1px;
}

.prodamus-compare__head {
  margin-bottom: 2px;
  align-items: end;
}

.prodamus-compare__head-empty {
  min-height: 78px;
}

.prodamus-compare__head-item {
  min-height: clamp(58px, 6vw, 78px);
  padding: 18px 18px 20px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: clamp(1.125rem, 1rem + 0.45vw, 1.5rem);
  line-height: 1;
  letter-spacing: -0.03em;
}

.prodamus-compare__head-item--dark {
  background: #111216;
  color: #fff;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

.prodamus-compare__head-item--green {
  background: linear-gradient(90deg, #58df63 0%, #b8f22e 100%);
  color: #111216;
  border-radius: 25px 25px 25px  0px;
}

.prodamus-compare__body {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.prodamus-compare__row {
  align-items: stretch;
}

.prodamus-compare__cell {
  padding: 16px 18px;
  background: transparent;
  font-size: clamp(0.9375rem, 0.88rem + 0.18vw, 1.125rem);
  letter-spacing: var(--ls-normal);
  color: #222;
  border-left: 2px solid #d9d9d9;
  display: flex;
  align-items: center;
  min-height: 52px;
}

.prodamus-compare__cell:first-child {
  border-left: 0;
}

.prodamus-compare__cell--label {
  color: #232323;
}

.prodamus-compare__row:nth-child(odd) .prodamus-compare__cell {
  background: #f1f1f1;
}

.prodamus-compare__row:nth-child(odd) .prodamus-compare__cell:first-child {
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.prodamus-compare__row:nth-child(odd) .prodamus-compare__cell:last-child {
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.prodamus-compare__row--total .prodamus-compare__cell {
  font-weight: 600;
}

.prodamus-advantages__content {
  padding: 28px 12px 28px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.prodamus-advantages__title {
  margin: 0 0 clamp(20px, 4vw, 52px);
  font-size: var(--fs-display);
  color: #111216;
}

.prodamus-advantages__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.5vw, 22px);
}

.prodamus-advantages__list li {
  position: relative;
  padding-left: 30px;
  font-size: clamp(1rem, 0.94rem + 0.22vw, 1.125rem);
  letter-spacing: var(--ls-normal);
  color: #202020;
}

.prodamus-advantages__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(180deg, #63dd54 0%, #4dcc45 100%);
}

.prodamus-advantages__list li::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 8px;
    width: 8px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}

@media (max-width: 1099px) {
  .prodamus-advantages__inner {
    grid-template-columns: 1fr;
  }

  .prodamus-advantages__content {
    padding: 8px 4px 12px;
  }

  .prodamus-compare__head,
  .prodamus-compare__row {
    grid-template-columns: 1.2fr 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .prodamus-advantages__table-wrap {
    overflow-x: auto;
  }

  .prodamus-compare {
    min-width: 720px;
  }
}

/* ========== Experts ========== */
.experts-block {
  /* padding: 32px 0; */
}
.experts-block__inner {
	position: relative;
	overflow: hidden;
	padding: clamp(42px, 5vw, 64px) clamp(20px, 3vw, 40px) clamp(42px, 8vw, 120px);
	border-radius: var(--radius-xl);

	background:
		radial-gradient(
			ellipse 70% 68% at 50% 58%,
			rgba(71, 83, 145, 0.46) 0%,
			rgba(53, 58, 112, 0.34) 28%,
			rgba(24, 18, 43, 0.16) 56%,
			rgba(0, 0, 0, 0) 76%
		),
		radial-gradient(
			ellipse 45% 55% at 37% 62%,
			rgba(157, 48, 97, 0.34) 0%,
			rgba(157, 48, 97, 0.16) 38%,
			rgba(0, 0, 0, 0) 72%
		),
		radial-gradient(
			ellipse 44% 52% at 64% 59%,
			rgba(36, 98, 151, 0.32) 0%,
			rgba(36, 98, 151, 0.13) 44%,
			rgba(0, 0, 0, 0) 76%
		),
		radial-gradient(
			ellipse 46% 40% at 50% 36%,
			rgba(141, 55, 109, 0.22) 0%,
			rgba(82, 57, 114, 0.18) 42%,
			rgba(0, 0, 0, 0) 78%
		),
		linear-gradient(180deg, #000 0%, #030407 100%);

	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.experts-block__title {
  margin: 0 0 clamp(28px, 4vw, 48px);
  text-align: center;
  font-size: var(--fs-display);
  color: #fff;
}

.experts-block__title span {
  /* color: #57df62; */
  background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.experts-cloud {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: clamp(16px, 2vw, 28px);
  row-gap: clamp(24px, 4vw, 60px);
  align-items: start;
  max-width: 1420px;
  margin: 0 auto;
}

.experts-cloud__item {
  text-align: center;
  color: #fff;
}

.experts-cloud__photo {
  width: clamp(120px, 12vw, 170px);
  height: clamp(120px, 12vw, 170px);
  margin: 0 auto 14px;
  border-radius: 50%;
  overflow: hidden;
}

.experts-cloud__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.experts-cloud__item--lg .experts-cloud__photo {
  width: clamp(140px, 14vw, 210px);
  height: clamp(140px, 14vw, 210px);
}

.experts-cloud__name {
  margin: 0 0 6px;
  font-size: clamp(1rem, 0.94rem + 0.22vw, 1.125rem);
  font-weight: 500;
  line-height: 1.15;
  color: #f4f4f4;
}

.experts-cloud__role {
  font-size: var(--fs-small);
  /* color: #58df62; */
  background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.experts-cloud__item--1  { transform: translateY(28px); }
.experts-cloud__item--2  { transform: translateY(86px); }
.experts-cloud__item--3  { transform: translateY(124px); }
.experts-cloud__item--4  { transform: translateY(86px); }
.experts-cloud__item--5  { transform: translateY(28px); }

.experts-cloud__item--6  { transform: translateY(-10px); }
.experts-cloud__item--7  { transform: translateY(56px); }
.experts-cloud__item--8  { transform: translateY(104px); }
.experts-cloud__item--9  { transform: translateY(56px); }
.experts-cloud__item--10 { transform: translateY(-10px); }

@media (max-width: 991px) {
  .experts-cloud {
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 16px;
  }

  .experts-cloud__item,
  .experts-cloud__item--1,
  .experts-cloud__item--2,
  .experts-cloud__item--3,
  .experts-cloud__item--4,
  .experts-cloud__item--5,
  .experts-cloud__item--6,
  .experts-cloud__item--7,
  .experts-cloud__item--8,
  .experts-cloud__item--9,
  .experts-cloud__item--10 {
    transform: none;
  }
	
.experts-cloud__photo img {
    width: 120px;
	height: auto;
}
	
.experts-cloud__photo {
        width: 120px !important;
        height: 120px !important;
    }		
}





















.cashbox-block {
  /* padding: 24px 0 0; */
  background: #050505;
}

.cashbox-block__inner {
  width: min(100% - 24px, var(--container));
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(320px, 540px) minmax(260px, 1fr);
  align-items: center;
  gap: clamp(18px, 2vw, 40px);
  min-height: clamp(420px, 42vw, 570px);
  padding: 0 25px;
  border-radius: clamp(28px, 3vw, 48px);
  background:
    radial-gradient(circle at 8% 22%, rgba(154, 53, 99, 0.42) 0%, rgba(154, 53, 99, 0) 26%),
    radial-gradient(circle at 90% 22%, rgba(142, 120, 255, 0.24) 0%, rgba(142, 120, 255, 0) 28%),
    radial-gradient(circle at 86% 78%, rgba(142, 120, 255, 0.18) 0%, rgba(142, 120, 255, 0) 26%),
    linear-gradient(90deg, #2c1320 0%, #121316 36%, #101114 64%, #2a263e 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
}

.cashbox-block__col {
  position: relative;
  z-index: 2;
}

.cashbox-block__col--left {
  max-width: 430px;
}

.cashbox-block__col--right {
  max-width: 460px;
  margin-left: auto;
}

.cashbox-block__title {
  margin: 0 0 clamp(22px, 3vw, 52px);
  font-family: var(--ff);
  font-weight: 600;
  font-size: var(--fs-h1);
  line-height: 0.96;
  letter-spacing: var(--ls-tight);
  color: #fff;
}

.cashbox-block__text p,
.cashbox-block__desc p {
  margin: 0;
  font-family: var(--ff);
  font-weight: 400;
  font-size: var(--fs-lead);
  line-height: 1.35;
  letter-spacing: var(--ls-normal);
  color: rgba(255,255,255,0.92);
}

.cashbox-block__media {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(320px, 38vw, 560px);
}

.cashbox-block__media img {
  width: 100%;
  max-width: 540px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 14px 50px rgba(0, 0, 0, 0.35));
}

.cashbox-block__badge {
  margin-top: clamp(24px, 4vw, 68px);
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-height: clamp(86px, 8vw, 112px);
  padding: 18px clamp(22px, 2.5vw, 34px);
  border-radius: 4px 40px 40px 40px;
  background: linear-gradient(90deg, #45dc84 0%, #b7f51f 100%);
  color: #0d0f10;
  box-shadow: 0 10px 30px rgba(102, 255, 102, 0.16);
}

.cashbox-block__badge strong {
  display: block;
  font-family: var(--ff);
  font-weight: 600;
  font-size: clamp(1.375rem, 1.1rem + 0.9vw, 2rem);
  line-height: 1.05;
  letter-spacing: var(--ls-tight);
}

.cashbox-block__badge span {
  display: block;
  margin-top: 6px;
  font-family: var(--ff);
  font-weight: 400;
  font-size: clamp(1rem, 0.94rem + 0.28vw, 1.25rem);
  line-height: 1.15;
  letter-spacing: var(--ls-normal);
}

/* large tablet */
@media (max-width: 1180px) {
  .cashbox-block__inner {
    grid-template-columns: 1fr;
    text-align: left;
    gap: 12px;
    padding: 28px 22px;
  }

  .cashbox-block__col--left,
  .cashbox-block__col--right {
    max-width: 100%;
    margin-left: 0;
  }

  .cashbox-block__media {
    order: 2;
    min-height: auto;
    margin: 8px 0 12px;
  }

  .cashbox-block__media img {
    max-width: min(100%, 520px);
  }

  .cashbox-block__col--left {
    order: 1;
  }

  .cashbox-block__col--right {
    order: 3;
  }

  .cashbox-block__badge {
    margin-top: 24px;
  }
}

/* mobile */
@media (max-width: 767px) {
  .cashbox-block__inner {
    width: min(100% - 16px, var(--container));
    padding: 22px 16px;
    border-radius: 28px;
  }

  .cashbox-block__title {
    line-height: 1;
  }

  .cashbox-block__text p,
  .cashbox-block__desc p {
    font-size: var(--fs-body);
    line-height: 1.35;
  }

  .cashbox-block__media img {
    max-width: 100%;
  }

  .cashbox-block__badge {
    width: 100%;
    border-radius: 24px;
    padding: 16px 18px;
  }
}

@media (min-width: 1181px) {
  .cashbox-block__media img {
    transform: scale(1.08);
  }
}


















.connect-day {
  /* padding: 24px 0 0; */
  background: #050505;
}

.connect-day__inner {
  width: min(100% - 24px, var(--container));
  margin: 0 auto;
  padding: clamp(26px, 3vw, 40px);
  border-radius: clamp(32px, 4vw, 56px);
  background: #ececec;
  color: #111216;
}

.connect-day__head {
  margin-bottom: clamp(24px, 4vw, 54px);
  text-align: center;
}

.connect-day__title {
  margin: 0;
  font-family: var(--ff);
  font-weight: 600;
  font-size: var(--fs-h1);
  line-height: 1;
  letter-spacing: var(--ls-tight);
  color: #111216;
}

.connect-day__title span {
  display: block;
  margin-top: 6px;
  /* color: #63d34f; */
  background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.connect-day__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  counter-reset: connect-step;
}

.connect-step {
  position: relative;
  min-height: clamp(320px, 30vw, 420px);
  padding: clamp(24px, 3vw, 34px);
  border-radius: clamp(28px, 3vw, 44px);
  background: #e7e7e7;
  counter-increment: connect-step;
  overflow: visible;
}

.connect-step::after {
  content: counter(connect-step, decimal-leading-zero);
  position: absolute;
  top: clamp(22px, 2.6vw, 34px);
  right: clamp(22px, 2.6vw, 34px);
  font-family: var(--ff);
  font-weight: 400;
  font-size: clamp(4.25rem, 3rem + 3vw, 6.25rem);
  line-height: 1;
  letter-spacing: -0.04em;
  color: rgba(17, 18, 22, 0.10);
  pointer-events: none;
}

.connect-step__top {
  position: relative;
  z-index: 2;
  margin-bottom: 28px;
  max-width: 250px;
}

.connect-step__title {
  margin: 0;
  font-family: var(--ff);
  font-weight: 600;
  font-size: var(--fs-h3);
  line-height: 1;
  letter-spacing: var(--ls-tight);
  color: #111216;
}

.connect-step__line {
  position: relative;
  margin-bottom: 34px;
  height: 11px;
}

.connect-step__line::before {
  content: "";
  position: absolute;
  left: 28px;
  right: -70px;
  top: 50%;
  height: 2.5px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, #0ADD7B 0%, #B2F10A 100%);
  opacity: 0.95;
}

.connect-step__line::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: linear-gradient(90deg, #0ADD7B 0%, #B2F10A 100%);
  box-shadow: 0 0 0 6px rgba(236,236,236,0.9);
}

.connect-step__content {
  position: relative;
  z-index: 2;
  max-width: 420px;
}

.connect-step__content p {
  margin: 0;
  font-family: var(--ff);
  font-weight: 400;
  font-size: var(--fs-body);
  line-height: 1.4;
  letter-spacing: var(--ls-normal);
  color: #262626;
}

.connect-step__content p + p,
.connect-step__content p + .connect-step__btn,
.connect-step__content .connect-step__strong {
  margin-top: 22px;
}

.connect-step__strong {
  display: block;
  font-weight: 600;
  color: #111216;
}

.connect-step__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 185px;
  min-height: 60px;
  padding: 14px 26px;
  border-radius: 999px;
  background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%);
  color: #111216;
  font-family: var(--ff);
  font-weight: 600;
  font-size: var(--fs-small);
  line-height: 1;
  transition: transform .2s ease, box-shadow .2s ease;
}

.connect-step__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(108, 217, 69, 0.18);
}

/* у 3 карточки линии нет */
.connect-step:last-child .connect-step__line:before {
  display: none;
}

/* чтобы линия визуально тянулась к следующей карточке */
.connect-step--line {
  z-index: 1;
}

.connect-step--line .connect-step__line {
  overflow: visible;
}

@media (max-width: 1100px) {
  .connect-day__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .connect-step {
    min-height: auto;
  }

  .connect-step__line::before {
    right: 0;
  }
}

@media (max-width: 767px) {
  .connect-day__inner {
    width: min(100% - 16px, var(--container));
    padding: 18px 14px 14px;
    border-radius: 28px;
  }

  .connect-day__head {
    margin-bottom: 20px;
  }

  .connect-day__title span {
    margin-top: 4px;
  }

  .connect-step {
    padding: 22px 18px;
    border-radius: 24px;
  }

  .connect-step__top {
    margin-bottom: 20px;
    max-width: 180px;
  }

  .connect-step__line {
    margin-bottom: 24px;
  }

  .connect-step__line::before {
    left: 24px;
    right: 0;
  }

  .connect-step__line::after {
    width: 16px;
    height: 16px;
  }

  .connect-step__btn {
    width: 100%;
    min-width: 0;
    min-height: 54px;
  }
}


.connect-step:nth-child(1) { z-index: 3; }
.connect-step:nth-child(2) { z-index: 2; }
.connect-step:nth-child(3) { z-index: 1; }


















.promo-about {
  /* padding: 24px 0 0; */
  background: #050505;
}

.promo-about__inner {
  width: min(100% - 24px, var(--container));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 560px);
  gap: clamp(20px, 3vw, 44px);
  align-items: center;
  padding: clamp(20px, 2vw, 36px);
  border-radius: clamp(28px, 3vw, 48px);
  background: #06070a;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.promo-about__content {
  padding: clamp(8px, 1vw, 20px) clamp(4px, 1vw, 18px) clamp(8px, 1vw, 20px) clamp(4px, 1vw, 6px);
}

.promo-about__title {
  margin: 0 0 clamp(20px, 3vw, 34px);
  max-width: 980px;
  font-family: var(--ff);
  font-weight: 600;
  font-size: clamp(2rem, 1.4rem + 1.6vw, 3.25rem);
  line-height: 1.08;
  letter-spacing: var(--ls-tight);
  color: #fff;
}

.promo-about__title span {
  /* color: #45dc84; */
  /* background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%); */
}

.promo-about__text {
  max-width: 980px;
}

.promo-about__text p {
  margin: 0;
  font-family: var(--ff);
  font-weight: 400;
  font-size: clamp(1rem, 0.94rem + 0.16vw, 1.125rem);
  line-height: 1.45;
  letter-spacing: var(--ls-normal);
  color: rgba(255,255,255,0.92);
}

.promo-about__text p + p {
  margin-top: clamp(18px, 2vw, 28px);
}

.promo-about__text a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.promo-about__media {
  position: relative;
  min-width: 0;
}

.promo-about__media img {
  display: block;
  width: 100%;
  height: auto;
  min-height: clamp(420px, 42vw, 700px);
  object-fit: cover;
  border-radius: clamp(28px, 3vw, 46px);
}

@media (max-width: 1100px) {
  .promo-about__inner {
    grid-template-columns: 1fr;
  }

  .promo-about__media {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
  }

  .promo-about__media img {
    min-height: auto;
    aspect-ratio: 4 / 5;
  }
}

@media (max-width: 767px) {
  .promo-about__inner {
    width: min(100% - 16px, var(--container));
    padding: 16px;
    border-radius: 28px;
    gap: 18px;
  }

  .promo-about__title {
    line-height: 1.04;
  }

  .promo-about__text p {
    font-size: var(--fs-body);
    line-height: 1.4;
  }

  .promo-about__media img {
    border-radius: 24px;
  }
}
















.faq-block {
  /* padding: 24px 0 0; */
  background: #050505;
}

.faq-block__inner {
  width: min(100% - 24px, var(--container));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
  gap: clamp(20px, 3vw, 44px);
  padding: clamp(20px, 2vw, 28px);
  border-radius: clamp(28px, 3vw, 48px);
  background: #050505;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.faq-block__aside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(22px, 3vw, 34px) clamp(12px, 2vw, 30px) clamp(22px, 3vw, 34px) clamp(12px, 2vw, 24px);
}

.faq-block__title {
  margin: 0 0 clamp(24px, 4vw, 56px);
  font-family: var(--ff);
  font-weight: 600;
  font-size: var(--fs-display);
  line-height: 0.96;
  letter-spacing: var(--ls-tight);
  color: #fff;
}

.faq-block__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(220px, 24vw, 312px);
  min-height: clamp(58px, 6vw, 88px);
  padding: 16px 28px;
  border-radius: 999px;
  background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%);
  color: #111216;
  font-family: var(--ff);
  font-weight: 600;
  font-size: clamp(1rem, 0.94rem + 0.28vw, 1.125rem);
  line-height: 1;
  transition: transform .2s ease, box-shadow .2s ease;
}

.faq-block__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(117, 244, 62, 0.18);
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.faq-item {
  position: relative;
  border-radius: clamp(26px, 3vw, 40px);
  background:
    radial-gradient(circle at 100% 50%, rgba(58, 58, 58, 0.28) 0%, rgba(58, 58, 58, 0) 16%),
    linear-gradient(180deg, #161616 0%, #121212 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
  overflow: hidden;
}

.faq-item[open] {
  background: #050505;
  box-shadow: inset 0 0 0 1.5px rgba(10, 221, 123, 0.95);
}

.faq-item__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: clamp(92px, 8vw, 138px);
  padding: clamp(22px, 2.5vw, 34px) clamp(22px, 3vw, 60px);
  list-style: none;
  cursor: pointer;
}

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

.faq-item__question {
  display: block;
  padding-right: 8px;
  font-family: var(--ff);
  font-weight: 500;
  font-size: clamp(1.125rem, 1rem + 0.45vw, 1.375rem);
  line-height: 1.15;
  letter-spacing: var(--ls-normal);
  color: #fff;
}

.faq-item[open] .faq-item__question {
  /* color: #42db84; */
  background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.faq-item__icon {
  position: relative;
  flex: 0 0 clamp(64px, 6vw, 90px);
  width: clamp(64px, 6vw, 90px);
  height: clamp(64px, 6vw, 90px);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.18) 100%),
    #171717;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.18),
    0 10px 26px rgba(0,0,0,0.24);
}

.faq-item__icon::before,
.faq-item__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 12px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: transform .2s ease;
}

.faq-item__icon::before {
  left: calc(50% - 10px);
  transform: translateY(-50%) rotate(45deg);
}

.faq-item__icon::after {
  right: calc(50% - 10px);
  transform: translateY(-50%) rotate(-45deg);
}

.faq-item[open] .faq-item__icon::before {
  transform: translateY(-50%) rotate(-45deg);
}

.faq-item[open] .faq-item__icon::after {
  transform: translateY(-50%) rotate(45deg);
}

.faq-item__body {
  padding: 0 clamp(22px, 3vw, 60px) clamp(24px, 3vw, 38px);
}

.faq-item__body p {
  margin: 0;
  max-width: 980px;
  font-family: var(--ff);
  font-weight: 400;
  font-size: var(--fs-body);
  line-height: 1.4;
  letter-spacing: var(--ls-normal);
  color: rgba(255,255,255,0.92);
}

@media (max-width: 1100px) {
  .faq-block__inner {
    grid-template-columns: 1fr;
  }

  .faq-block__aside {
    padding-bottom: 8px;
  }
}

@media (max-width: 767px) {
  .faq-block__inner {
    width: min(100% - 16px, var(--container));
    padding: 16px;
    border-radius: 28px;
    gap: 16px;
  }

  .faq-block__aside {
    padding: 6px 2px;
  }

  .faq-block__title {
    margin-bottom: 22px;
  }

  .faq-block__btn {
    width: 100%;
    min-width: 0;
  }

  .faq-list {
    gap: 10px;
  }

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

  .faq-item__head {
    min-height: 82px;
    padding: 18px 18px 18px 20px;
    gap: 14px;
  }

  .faq-item__body {
    padding: 0 20px 20px;
  }

  .faq-item__body p {
    font-size: var(--fs-body);
  }
}









.promo-sale {
  /* padding: 24px 0 0; */
  background: #050505;
}

.promo-sale__inner {
  width: min(100% - 24px, var(--container));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(320px, 1.08fr);
  align-items: center;
  gap: clamp(20px, 3vw, 44px);
  padding: 0 25px;
  border-radius: clamp(28px, 4vw, 56px);
  background: linear-gradient(90deg, #49d883 0%, #b9f31b 100%);
  overflow: hidden;
  position: relative;
}

.promo-sale__media {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.promo-sale__media img {
  display: block;
  width: 100%;
  max-width: 760px;
  height: auto;
  object-fit: contain;
}

.promo-sale__content {
  max-width: 760px;
  padding: clamp(8px, 1vw, 18px) clamp(4px, 1vw, 12px);
}

.promo-sale__title {
  margin: 0 0 clamp(20px, 3vw, 36px);
  font-family: var(--ff);
  font-weight: 600;
  font-size: clamp(2rem, 1.45rem + 1.9vw, 4rem);
  line-height: 1.02;
  letter-spacing: var(--ls-tight);
  color: #111216;
}




.promo-sale__title del {
	position: relative;
	display: inline-block;
	text-decoration: none;
	opacity: 0.9;
}

.promo-sale__title del::after {
	content: "";
	position: absolute;
	left: -2px;
	right: -2px;
	top: 55%;
	height: 2px;
	background: currentColor;
	transform: rotate(-12deg);
	transform-origin: center;
	pointer-events: none;
}

.promo-sale__note {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: clamp(58px, 5vw, 68px);
  padding: 12px 24px;
  margin-bottom: clamp(24px, 4vw, 44px);
  border-radius: 999px;
  background: #f1f1f1;
  color: #111216;
}

.promo-sale__note-icon {
  position: relative;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #111216;
}

.promo-sale__note-icon::before,
.promo-sale__note-icon::after {
  content: "";
  position: absolute;
  background: #fff;
  border-radius: 2px;
}

.promo-sale__note-icon::before {
  left: 6px;
  top: 11px;
  width: 5px;
  height: 2px;
  transform: rotate(45deg);
}

.promo-sale__note-icon::after {
  left: 9px;
  top: 10px;
  width: 9px;
  height: 2px;
  transform: rotate(-45deg);
}

.promo-sale__note-text {
  font-family: var(--ff);
  font-weight: 400;
  font-size: clamp(1rem, 0.94rem + 0.45vw, 1.125rem);
  line-height: 1.15;
  letter-spacing: var(--ls-normal);
}

.promo-sale__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(240px, 28vw, 332px);
  min-height: clamp(64px, 7vw, 100px);
  padding: 16px 28px;
  border-radius: 999px;
  background: #0b0b0f;
  color: #fff;
  font-family: var(--ff);
  font-weight: 600;
  font-size: clamp(1rem, 0.94rem + 0.36vw, 1.125rem);
  line-height: 1;
  transition: transform .2s ease, box-shadow .2s ease;
}

.promo-sale__btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.18);
}

@media (max-width: 1100px) {
  .promo-sale__inner {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .promo-sale__media {
    order: 1;
  }

  .promo-sale__content {
    order: 2;
    max-width: 100%;
  }

  .promo-sale__media img {
    max-width: min(100%, 680px);
  }
}

@media (max-width: 767px) {
  .promo-sale__inner {
    width: min(100% - 16px, var(--container));
    padding: 16px;
    border-radius: 28px;
  }

  .promo-sale__title {
    line-height: 1.02;
  }

  .promo-sale__note {
    width: 100%;
    border-radius: 22px;
    padding: 12px 16px;
    align-items: flex-start;
  }

  .promo-sale__btn {
    width: 100%;
    min-width: 0;
    min-height: 58px;
  }
}






























.site-footer {
  padding: 24px 0 32px;
  background: #050505;
}

.site-footer__inner {
  width: min(100% - 24px, var(--container));
  margin: 0 auto;
  padding: clamp(28px, 3vw, 56px);
  border-radius: clamp(28px, 4vw, 56px);
  background: #050505;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.site-footer__grid {
  display: grid;
  grid-template-columns: minmax(180px, 250px) minmax(280px, 420px) minmax(320px, 1fr);
  gap: clamp(24px, 4vw, 60px);
  align-items: start;
}

/* brand */
.site-footer__brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.site-footer__logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.site-footer__logo {
  display: block;
  width: auto;
  height: clamp(42px, 4vw, 58px);
}

.site-footer__brand-name {
  margin-top: 8px;
  font-family: var(--ff);
  font-weight: 700;
  font-size: clamp(2rem, 1.6rem + 0.9vw, 3rem);
  line-height: .95;
  letter-spacing: -0.04em;
  color: #fff;
}

.site-footer__nav {
  margin-top: clamp(24px, 3vw, 44px);
}

.site-footer__nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: clamp(18px, 2vw, 26px);
}

.site-footer__nav a {
  font-family: var(--ff);
  font-weight: 400;
  font-size: clamp(1.375rem, 1.15rem + 0.65vw, 2rem);
  line-height: 1;
  letter-spacing: var(--ls-tight);
  color: #f2f2f2;
  transition: opacity .2s ease;
}

.site-footer__nav a:hover {
  opacity: .72;
}

/* help column */
.site-footer__help {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.site-footer__caption {
  margin-bottom: 10px;
  font-family: var(--ff);
  font-weight: 600;
  font-size: clamp(1rem, 0.95rem + 0.2vw, 1.25rem);
  line-height: 1.2;
  letter-spacing: var(--ls-normal);
  color: #45dc84;
  background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.site-footer__phone {
  font-family: var(--ff);
  font-weight: 500;
  font-size: clamp(2.375rem, 1.8rem + 1.5vw, 4rem);
  line-height: 1;
  letter-spacing: -0.04em;
  color: #fff;
  white-space: nowrap;
}

.site-footer__links {
  margin-top: clamp(24px, 3vw, 48px);
  display: grid;
  gap: 18px;
}

.site-footer__links a {
  font-family: var(--ff);
  font-weight: 400;
  font-size: clamp(0.95rem, 0.9rem + 0.14vw, 1.125rem);
  line-height: 1.25;
  letter-spacing: var(--ls-normal);
  color: #f0f0f0;
  transition: opacity .2s ease;
}

.site-footer__links a:hover {
  opacity: .72;
}

/* meta column */
.site-footer__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.site-footer__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(12px, 1.6vw, 18px);
  margin-bottom: clamp(28px, 4vw, 56px);
}

.site-footer__promo,
.site-footer__connect {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(56px, 5vw, 68px);
  padding: 0 clamp(24px, 2.2vw, 34px);
  border-radius: 999px;
  font-family: var(--ff);
  font-weight: 600;
  font-size: clamp(1rem, 0.95rem + 0.22vw, 1.125rem);
  line-height: 1;
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.site-footer__promo {
  min-width: 164px;
  border: 1.5px dashed #45dc84;
  color: #fff;
  background: transparent;
}

.site-footer__connect {
  min-width: 208px;
  background: linear-gradient(90deg, #42db84 0%, #b9f21e 100%);
  color: #111216;
}

.site-footer__promo:hover,
.site-footer__connect:hover {
  transform: translateY(-1px);
}

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

.site-footer__social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(56px, 5vw, 68px);
  height: clamp(56px, 5vw, 68px);
  border-radius: 50%;
  background: linear-gradient(180deg, #171717 0%, #131313 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
  transition: transform .2s ease, opacity .2s ease;
}

.site-footer__social:hover {
  transform: translateY(-1px);
}

.site-footer__social img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.site-footer__legal {
  display: grid;
  gap: 18px;
  max-width: 620px;
}

.site-footer__legal a,
.site-footer__legal span {
  font-family: var(--ff);
  font-weight: 400;
  font-size: clamp(0.95rem, 0.9rem + 0.12vw, 1.0625rem);
  line-height: 1.3;
  letter-spacing: var(--ls-normal);
  color: rgba(255,255,255,0.42);
  transition: color .2s ease, opacity .2s ease;
}

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

/* tablet */
@media (max-width: 1180px) {
  .site-footer__grid {
    grid-template-columns: 1fr 1fr;
  }

  .site-footer__meta {
    grid-column: 1 / -1;
  }
}

/* mobile */
@media (max-width: 767px) {
  .site-footer {
    padding: 20px 0 24px;
  }

  .site-footer__inner {
    width: min(100% - 16px, var(--container));
    padding: 20px 16px;
    border-radius: 28px;
  }

  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .site-footer__brand-name {
    font-size: clamp(2rem, 1.7rem + 1vw, 2.5rem);
  }

  .site-footer__nav {
    margin-top: 22px;
  }

  .site-footer__nav ul {
    gap: 16px;
  }

  .site-footer__nav a {
    font-size: clamp(1.25rem, 1.12rem + 0.6vw, 1.6rem);
  }

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

  .site-footer__links {
    gap: 14px;
    margin-top: 22px;
  }

  .site-footer__actions {
    gap: 10px;
    margin-bottom: 24px;
  }

  .site-footer__promo,
  .site-footer__connect {
    width: 100%;
    min-width: 0;
  }

  .site-footer__socials {
    width: 100%;
    justify-content: flex-start;
  }

  .site-footer__legal {
    gap: 14px;
  }
}











.payments-ways__right {
	position: relative;
	overflow: hidden;
	min-height: 372px;
	padding: 37px 24px 6px;
	/* background: radial-gradient(circle at 28% 70%, rgba(160, 44, 98, 0.55) 0%, rgba(160, 44, 98, 0.22) 22%, transparent 48%), radial-gradient(circle at 52% 18%, rgba(94, 58, 105, 0.28) 0%, transparent 42%), linear-gradient(90deg, #19191a 0%, #161617 50%, #111212 100%); */
}

/* Декоративная сетка на фоне */
.payments-ways__right::before {
	content: "";
	position: absolute;
	inset: -120px -80px;
	pointer-events: none;
	opacity: 0.25;
	background:
		repeating-radial-gradient(
			ellipse at 35% 12%,
			rgba(255, 255, 255, 0.22) 0 1px,
			transparent 1px 6px
		);
	mask-image: radial-gradient(circle at 35% 40%, #000 0%, transparent 58%);
}

/* Swiper */
.payments-slider {
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.payments-slider .swiper-wrapper {
	align-items: stretch;
}

.payments-slider .swiper-slide {
	height: auto;
}

/* Сетка внутри одного слайда */
.payments-slide-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-auto-rows: 96px;
	gap: 20px;
	align-items: center;
	padding:5px
}

/* Расстановка элементов как на макете */
.payments-slide-grid .pay-pill:nth-child(1) {
	grid-column: 1 / span 4;
	grid-row: 1;
	margin-left: 26px;
}

.payments-slide-grid .pay-pill:nth-child(2) {
	grid-column: 5 / span 4;
	grid-row: 1;
}

.payments-slide-grid .pay-pill:nth-child(3) {
	grid-column: 1 / span 3;
	grid-row: 2;
}

.payments-slide-grid .pay-pill:nth-child(4) {
	grid-column: 4 / span 5;
	grid-row: 2;
}

.payments-slide-grid .pay-pill:nth-child(5) {
	grid-column: 9 / span 4;
	grid-row: 2;
}

.payments-slide-grid .pay-pill:nth-child(6) {
	grid-column: 1 / span 5;
	grid-row: 3;
	margin-left: 26px;
}

.payments-slide-grid .pay-pill:nth-child(7) {
	grid-column: 6 / span 4;
	grid-row: 3;
}

/* Плашки */
.pay-pill {
	position: relative;
	display: flex;
	align-items: center;
	gap: 25px;
	min-width: 0;
	height: 96px;
	padding: 16px 30px 16px 16px;
	border-radius: 999px;
	overflow: hidden;
	background: linear-gradient(
180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 18%, rgba(0, 0, 0, 0.08) 100%), linear-gradient(90deg, rgba(62, 31, 48, 0.35) 0%, rgba(32, 24, 35, 0.55) 55%, rgba(18, 18, 20, 0.28) 70%);
	/* border: 1px solid rgba(255, 255, 255, 0.08); */
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),   
		inset 0 -1px 0 rgba(255, 255, 255, 0.03),  
		inset 0 -18px 28px rgba(0, 0, 0, 0.22),    
		inset 12px 0 22px rgba(255, 255, 255, 0.015),
		inset -18px 0 28px rgba(0, 0, 0, 0.18),
		0 10px 24px rgba(0, 0, 0, 0.22),
		0 18px 40px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.pay-pill::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	pointer-events: none;

	/* светящаяся окантовка */
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.26) 0%,
			rgba(255, 255, 255, 0.09) 18%,
			rgba(255, 255, 255, 0.03) 52%,
			rgba(255, 255, 255, 0.10) 100%
		);

	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	        mask-composite: exclude;

	opacity: 0.8;
}

.pay-pill::after {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: inherit;
	pointer-events: none;

	background:
		radial-gradient(circle at 18% 30%, rgba(255, 255, 255, 0.08), transparent 28%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 30%, rgba(0, 0, 0, 0.16) 100%);
}

.pay-pill__icon {
	position: relative;
	z-index: 1;
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	/* background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%); */
	/* box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.9),
		inset 0 -2px 4px rgba(0, 0, 0, 0.06),
		0 8px 18px rgba(0, 0, 0, 0.18); */
	border-radius: 100px;
	overflow: hidden;
}

.pay-pill__icon img {
	display: block;
	max-width: 60px;
	max-height: 60px;
	object-fit: contain;
	border-radius: 100px;
}

.pay-pill__text {
	position: relative;
	z-index: 1;
	min-width: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	/* white-space: nowrap; */
}

/* Стрелки */
.payments-ways__nav {
	position: absolute;
	z-index: 5;
	top: 37px;
	right: 114px;
	display: flex;
	align-items: center;
	/* gap: 0px; */
	pointer-events: none;
}

.payments-ways__arrow {
	pointer-events: auto;
	width: 96px;
	height: 96px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 50%;
	color: #fff;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)),
		rgba(18, 18, 19, 0.8);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 18px 45px rgba(0, 0, 0, 0.28);
	cursor: pointer;
	transition:
		transform 0.2s ease,
		background 0.2s ease,
		border-color 0.2s ease;
}

.payments-ways__arrow svg {
	width: 26px;
	height: 26px;
}

.payments-ways__arrow:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, 0.3);
}

.payments-ways__arrow--next {
	color: #101111;
	border-color: transparent;
	background: linear-gradient(135deg, #42db84 0%, #b9f21e 100%);
	box-shadow:
		0 16px 42px rgba(95, 238, 58, 0.25),
		0 18px 45px rgba(0, 0, 0, 0.28);
	position: relative;
	right: 20px;
}

.payments-ways__arrow.swiper-button-disabled,
.payments-ways__arrow:disabled {
	opacity: 1;
	cursor: default;
}

/* Адаптив */
@media (max-width: 1200px) {
	.payments-ways__right {
		padding: 28px 20px 6px;
	}

	.payments-slide-grid {
		grid-auto-rows: 84px;
		gap: 16px;
	}

	.pay-pill {
		height: 84px;
		gap: 22px;
		padding: 12px 22px 12px 12px;
	}

	.pay-pill__icon {
		flex-basis: 58px;
		width: 58px;
		height: 58px;
	}

	.pay-pill__text {
		font-size: 14px;
	}

	.payments-ways__nav {
		top: 28px;
		right: 70px;
		gap: 14px;
	}

	.payments-ways__arrow {
		width: 84px;
		height: 84px;
	}
}

@media (max-width: 900px) {
	.payments-ways__right {
		min-height: auto;
		padding: 24px 5px;
	}

	.payments-slide-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: auto;
		gap: 14px;
	}

	.payments-slide-grid .pay-pill:nth-child(n) {
		grid-column: auto;
		grid-row: auto;
		margin-left: 0;
	}

	.pay-pill {
		height: 78px;
	}

	.payments-ways__nav {
		position: static;
		justify-content: flex-end;
		margin-top: 18px;
	}

	.payments-ways__arrow {
		width: 72px;
		height: 72px;
	}
}

@media (max-width: 560px) {
	.payments-slide-grid {
		/* grid-template-columns: 1fr; */ 
	}

	.pay-pill {
		gap: 18px;
		height: 74px;
		padding-right: 18px;
	}

	.pay-pill__icon {
		flex-basis: 52px;
		width: 52px;
		height: 52px;
	}

	.pay-pill__icon img {
		max-width: 30px;
		max-height: 30px;
	}

	.pay-pill__text {
		font-size: 12px;
		white-space: normal;
	}

	.payments-ways__arrow {
		width: 62px;
		height: 62px;
	}
}




/* ===== Burger animation ===== */
.topbar__burger span {
	transition: transform .22s ease, opacity .22s ease;
	transform-origin: center;
}

.topbar.is-open .topbar__burger span:nth-child(1) {
	transform: translateY(6px) rotate(45deg);
}

.topbar.is-open .topbar__burger span:nth-child(2) {
	opacity: 0;
}

.topbar.is-open .topbar__burger span:nth-child(3) {
	transform: translateY(-6px) rotate(-45deg);
}

/* ===== Desktop ===== */
@media (min-width: 1041px) {
	.topbar__burger {
		display: none;
	}
}

/* ===== Mobile / tablet menu ===== */
@media (max-width: 1040px) {
	.topbar {
		padding-top: 8px;
	}

	.topbar__wrap {
		position: relative;
		width: min(100% - 16px, var(--header-max));
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		gap: 0;
		padding: 12px;
		border: 1px solid var(--glass-border);
		border-radius: 28px;
		background: var(--glass-bg);
		box-shadow: var(--glass-shadow);
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
	}

	/* Убираем desktop-капсулы на мобиле */
	.topbar__left,
	.topbar__right {
		background: none;
		border: 0;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		padding: 0;
		min-height: auto;
		border-radius: 0;
	}

	/* Первая строка: бренд слева, burger справа */
	.topbar__left {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding-right: 64px; /* место под burger */
		flex-wrap: wrap;
	}

	.topbar__brand {
		min-width: 0;
	}

	.topbar__logo {
		height: 34px;
		width: auto;
	}

	.topbar__brand-text {
		font-size: 20px;
		line-height: 1;
	}

	.topbar__burger {
		position: absolute;
		top: 5px;
		right: 12px;
		display: inline-flex;
		width: 46px;
		height: 46px;
		border: 1px solid rgba(255,255,255,0.14);
		border-radius: 50%;
		background: transparent;
		padding: 0;
		cursor: pointer;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
		z-index: 5;
	}

	.topbar__burger span {
		display: block;
		width: 18px;
		height: 2px;
		border-radius: 2px;
		background: #fff;
	}

	/* В закрытом состоянии скрываем всё кроме brand + burger */
	.topbar__left .topbar__tariff,
	.topbar__partner,
	.topbar__nav,
	.topbar__socials,
	.topbar__promo,
	.topbar__connect {
		display: none;
	}

	.topbar__right {
		width: 100%;
		margin-top: 0;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	/* В открытом состоянии показываем и перестраиваем */
	.topbar.is-open .topbar__left {
		padding-right: 0;
		margin-bottom: 14px;
	}

	.topbar.is-open .topbar__left .topbar__tariff {
		display: inline-flex;
		width: 100%;
		justify-content: center;
		margin-top: 16px;
		height: 54px;
		min-width: 0;
		padding: 0 20px;
	}

	.topbar.is-open .topbar__partner {
		display: inline-flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 0 0 14px;
		margin-bottom: 14px;
		border-bottom: 1px solid rgba(255,255,255,0.08);
		order: 2;
		font-size: 14px;
		line-height: 1.1;
		display: none;
	}

	.topbar.is-open .topbar__partner img {
		width: 15px;
		height: 15px;
		margin-top: 0;
	}

	.topbar.is-open .topbar__right {
		order: 3;
		margin-top: 0;
	}

	.topbar.is-open .topbar__nav {
		display: block;
		width: 100%;
		order: 1;
	}

	.topbar.is-open .topbar__nav ul {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 14px;
		margin: 0;
		padding: 0;
		list-style: none;
		white-space: normal;
	}

	.topbar.is-open .topbar__nav a {
		display: block;
		font-size: 18px;
		line-height: 1.1;
	}

	.topbar.is-open .topbar__socials {
		display: flex;
		align-items: center;
		gap: 16px;
		order: 2;
		padding-top: 6px;
		justify-content: center;
	}

	.topbar.is-open .topbar__socials a {
		width: 22px;
		height: 22px;
	}

	.topbar.is-open .topbar__promo {
		display: inline-flex;
		width: 100%;
		justify-content: center;
		order: 3;
		height: 54px;
		padding: 0 20px;
	}

	.topbar.is-open .topbar__connect {
		display: inline-flex;
		width: 100%;
		justify-content: center;
		order: 4;
		height: 54px;
		padding: 0 20px;
	}

	body.menu-open {
		overflow: hidden;
	}
}

/* ===== Small mobile ===== */
@media (max-width: 640px) {
	.topbar__brand {
		gap: 10px;
	}

	.topbar__brand-text {
		font-size: 18px;
	}

	.topbar__logo {
		height: 30px;
		width: auto;
	}

	.topbar.is-open .topbar__nav a {
		font-size: 17px;
	}
}




.hero-single {
  position: relative;
  color: var(--text);
  margin-top: 5px;
}

.hero-single__wrap {
  position: relative;
  padding: clamp(16px, 2vw, 28px);
  border-radius: clamp(28px, 3vw, 42px);
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 8%, rgba(118, 62, 132, 0.4) 0%, rgba(146, 144, 255, 0.20) 21%, rgba(118, 62, 132, 0.18) 32%, rgba(118, 62, 132, 0) 52%),
    radial-gradient(circle at 16% 88%, rgba(118, 62, 132, 0.44) 0%, rgba(146, 144, 255, 0.22) 20%, rgba(140, 61, 56, 0.18) 34%, rgba(118, 62, 132, .05) 54%),
    radial-gradient(circle at 84% 86%, rgba(118, 62, 132, 0.62) 0%, rgba(146, 144, 255, 0.23) 18%, rgba(140, 61, 56, 0.20) 34%, rgba(118, 62, 132, .06) 54%),
    linear-gradient(180deg, #0a0a0c 0%, #080808 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}

.hero-single__grid {
  display: grid;
  grid-template-columns: 50% 46%; /* контент слева, картинка справа */
  align-items: center;
  column-gap: clamp(18px, 2vw, 28px);
}

.hero-single__content {
  max-width: 760px;
  margin-left: auto; /* контент слева */
  padding-top: 18px;
  /* margin-top: 60px; */
}

.hero-single__title {
  margin: 0 0 clamp(24px, 3vw, 42px);
  font-size: var(--fs-h1);
  color: #fff;
}

.hero-single__text {
  font-size: var(--fs-lead);
  color: var(--muted-strong);
  margin-bottom: 24px;
}

.hero-single__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: min(314px, 100%);
  height: var(--btn-h-lg);
  padding: 0 clamp(20px, 2vw, 34px);
  border-radius: var(--radius-pill);
  background: var(--green-grad);
  color: #111;
  font-weight: 600;
  font-size: clamp(1rem, 0.94rem + 0.3vw, 1.125rem);
  line-height: 1;
  white-space: nowrap;
  transition: transform var(--transition), opacity var(--transition);
}

.hero-single__btn:hover {
  transform: translateY(-1px);
}

.hero-single__media {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end; /* картинка справа */
  min-height: clamp(360px, 38vw, 560px);
  position: static;
  min-height: 500px;
}

.hero-single__image {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  position: absolute;
  /* left: 28px; */
  bottom: 0;
  /* max-width: 40%; */
  /* height: auto; */
}

/* Адаптив */
@media (max-width: 1180px) {
  .hero-single__grid {
    grid-template-columns: 1fr;
    row-gap: 18px;
  }

  .hero-single__media {
    justify-content: center;
    display: none;
  }

  .hero-single__content {
    max-width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }
}



/* Overlay */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}

.popup-overlay.active {
    opacity: 1;
    pointer-events: all;
}

/* Popup */
.popup {
    background: #fff;
    border-radius: 20px;
    width: 90%;
    max-width: 900px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    transform: translateY(-50px) scale(0.95);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.popup-overlay.active .popup {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.popup__close {
    position: absolute;
    top: 15px;
    right: 20px;
    background: transparent;
    border: none;
    font-size: 28px;
    cursor: pointer;
}

/* Контент */
.popup__content {
    display: flex;
    flex-wrap: wrap;
}

.popup__left {
    flex: 1 1 300px;
    background: linear-gradient(135deg, #42db84 0%, #b9f21e 100%);
    color: #111;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.popup__tag {
    display: inline-block;
	width: fit-content;
    background: #fff;
    color: #111;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.9rem;
    margin-bottom: 20px;
    font-weight: 500;
}

.popup__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.2;
}

.popup__desc {
    font-size: 1rem;
}

/* Правая часть */
.popup__right {
    flex: 1 1 300px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #111; /* Цвет текста правого блока */
}

.popup__section h3 {
    font-size: 1.2rem;
    margin-bottom: 8px;
}

.popup__section p {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 20px;
}

.popup__btn {
    display: inline-block;
    background: linear-gradient(135deg, #42db84 0%, #b9f21e 100%);
    color: #111;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 10px;
    text-decoration: none;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.popup__btn:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* Адаптив */
@media (max-width: 768px) {
    .popup__content {
        flex-direction: column;
    }
    .popup__left, .popup__right {
        padding: 30px 20px;
        flex: 1 1 100%;
    }
    .popup__title {
        font-size: 1.5rem;
    }
    .popup__btn {
        width: 100%;
    }
}










@media (min-width: 1365px) {
.prodamus-card {
    height: 245px;
	min-height: auto;
}
	
.prodamus-card__media img {
    object-fit: contain;
}	
}