@font-face {
    font-family: 'DrukCyr-bold';
    src: url('https://itden-cdn.b-cdn.net/3-in-1_new/DrukCyr-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'DrukCyr-medium';
    src: url('https://itden-cdn.b-cdn.net/3-in-1_new/DrukCyr-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Songer Condensed';
    src: url('https://itden-cdn.b-cdn.net/3-in-1_new/SONGERCondensed.woff2') format('woff2'),
         url('https://itden-cdn.b-cdn.net/3-in-1_new/SONGERCondensed.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('https://itden-cdn.b-cdn.net/3-in-1_new/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Gilroy Medium */
@font-face {
    font-family: 'Gilroy';
    src: url('https://itden-cdn.b-cdn.net/3-in-1_new/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Gilroy Bold */
@font-face {
    font-family: 'Gilroy';
    src: url('https://itden-cdn.b-cdn.net/3-in-1_new/Gilroy-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unbounded-Regular';
    src: url('https://itden-cdn.b-cdn.net/3-in-1_new/Unbounded-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* =========================
   1. Box sizing
   ========================= */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* =========================
   2. Remove default margins
   ========================= */
* {
  margin: 0;
  padding: 0;
}

/* =========================
   3. HTML & body defaults
   ========================= */
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  min-height: 100%;
  background-color: #000;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  font-family: 'Gilroy';
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

.mainTitle{
  font-weight: 500;
  font-size: 12vw;
  line-height: 100%;
  padding-bottom: 4vw;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-family: 'DrukCyr-medium';
}

.mainText{
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.7);
}

.mainText span{
  font-weight: 600;
  color: #fff;
}

.mainTitle span{
background: linear-gradient(360deg, #e86d21 0%, #ffa98d 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.wrapper{
    width: 100%;
    overflow: hidden;
}

@media(min-width: 800px){
  .mainTitle br{
    display: none;
  }
  .mainTitle{
    font-size: 5vw;
    padding-bottom: 2vw;
  }
  .mainText{
    font-size: 1.2vw;
  }
  .wrapper{
    max-width: 70vw;
    margin: 0 auto;
    overflow: initial;
  }
}

/* =========================
   4. Media elements
   ========================= */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* =========================
   5. Forms
   ========================= */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}

button {
  cursor: pointer;
}

textarea {
  resize: vertical;
}

/* =========================
   6. Links
   ========================= */
a {
  color: inherit;
  text-decoration: none;
}

/* =========================
   7. Lists
   ========================= */
ul,
ol {
  list-style: none;
}

/* =========================
   8. Headings & text
   ========================= */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

p {
  overflow-wrap: break-word;
}

/* =========================
   9. Tables
   ========================= */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* =========================
   10. Accessibility & UX
   ========================= */
:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* =========================
   11. Reduced motion
   ========================= */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


.s2-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    align-items: center;
    width: 100vw;
    position: relative;
    padding: 12vw 4vw 5vw 4vw;
    background: radial-gradient(circle at 50vw 20vw, #222222, #0d0d0d);
  }
  @font-face {
    font-family: 'Bebas-Neue';
    src: url('../fonts/bebasneuebold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.s2-container::after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10%;
  width: 0;
  height: 0;
  box-shadow: 0 0 140vw 40vw #ffffff3e;
}

  .s2-title {
    color: #FF6B35;
    font-size: 18vw;
    font-weight: 900;
    font-family: "Bebas-Neue";
    text-transform: uppercase;
    line-height: 7vw;
    margin-bottom: 0vw;
    text-align: center;
  }

  .s2-badge-deal-mob {
    background-color: #ffffff;
    color: #000000;
    transform: rotate(-2deg);
    padding: 1vw 3vw;
    border-radius: 2vw;
    font-size: 4vw;
    font-weight: 700;
    margin-bottom: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .s2-subtitle.s2-mob-only {
    font-family: 'Unbounded-Regular';
    font-size: 9vw;
    line-height: 6vw;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 8vw;
    text-align: center;
  }

  .s2-subtitle-row-desk { display: none; }

  .s2-features {
    width: 75vw;
    margin-bottom: 8vw;
  }
  .s2-f-title {
    font-size: 3.5vw;
    font-weight: 600;
    margin-bottom: 2vw;
    color: #fff;
    text-transform: uppercase;
  }
  .s2-f-list {
    display: flex;
    flex-direction: column;
    gap: 2vw;
  }
  .s2-f-item {
    display: flex;
    align-items: center;
    font-size: 3.5vw;
    font-weight: 400;
    color: #fff;
    gap: 2vw;
  }
  .s2-check {
    width: 4.5vw;
    height: 4.5vw;
  }

  .s2-hero-img-box {
    width: 100vw;
    display: flex;
    justify-content: center;
    margin-bottom: -12vw;
    margin-top: -58vw;
    position: relative;
    z-index: 1;
  }
  .s2-hero-img-box picture img {
    width: 95vw;
    height: auto;
    display: block;
  }

  .s2-deal-box {
    background-color: #141414;
    width: 90vw;
    border-radius: 4vw;
    border: 0.3vw solid #ff5a2d;
    position: relative;
    z-index: 2;
    margin-bottom: 2vw;
    overflow: hidden;
  }

  .s2-deal-boxContainer{
    position: relative;
  }


        /* Контейнер лінії */
.s1-trackLine {
  min-width: 100%;
  background: linear-gradient(349deg, #FF6B35 -21.11%, #FFA98D 121.19%);;
  display: flex;
  align-items: center;
  gap: 4vw;
  z-index: 9;
  padding: 2vw 0;
  transform: translateY(-50%);
  margin-bottom: 5vw;
  white-space: nowrap;
  overflow: hidden;
}

/* Блок, що анімується */
.s1-scroll {
  display: flex;
  align-items: center;
  gap: 3vw;
  white-space: nowrap;
  flex-shrink: 0;
  animation: scroll-line 20s linear infinite;
}

/* Елементи всередині лінії (текст та іконки) */
.s1-trackLine p {
  color: #fff;
  font-size: 3.2vw;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
}

.s1-trackLine img {
  width: 3vw;
  height: 3vw;
  object-fit: contain;
  margin-top: -1vw;
}
@keyframes scroll-line {
  from { transform: translateX(0%); }
  to { transform: translateX(-40%); }
}
@media (min-width: 800px) {

  .s1-trackLine {
    margin-top: 1vw;
    padding: 0.5vw 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0vw;
  }

  .s1-scroll {
    gap: 1vw;
    padding-top: 0.6vw;
    align-items: center;
  }

  .s1-trackLine img {
    width: 1vw;
    height: 1vw;
    margin-top: -0.3vw;
  }

  .s1-trackLine p {
    font-size: 1.1vw;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
  }
}

  .s2-deal-boxContainer::before,
  .s2-deal-boxContainer::after{
    content: "";
    display: block;
    position: absolute;
    top: -10vw;
    height: 100%;
    width: 0;
    box-shadow: 0 0 7vw 4vw #000;
    z-index: 9;
  }
  .s2-deal-boxContainer::before{
    left: 0;
  }
  .s2-deal-boxContainer::after{
    right: 0;
  }
  .s2-deal-header {
    border-radius: 22px 22px 0 0;
    background: #FF6B35;

    text-align: center;
    color: #fff;
    padding: 2vw 0vw;
    font-size: 4.5vw;
    font-weight: 600;
    text-transform: uppercase;
  }
  .s2-deal-content {
    padding: 3vw 0vw;
    transform: scale(0.9);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .s2-deal-card {
    background-color: #1a1a1a;
    border: 0.2vw solid #333333;
    border-radius: 5vw;
    padding: 2vw 1vw;
    text-align: center;
    width: 30vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .s2-deal-card.s2-orange {
    background: #FF6B35;
box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.40);
  }
  .s2-deal-card.s3-orange {
    border: 1px solid #FF6B35;
background: rgba(161, 52, 12, 0.24);
box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.40);

  }
  .s2-deal-card .s2-big-num {
    color: #fff;
    font-size: 9vw;
    font-weight: 800;
    line-height: 10vw;
  }
  .s2-deal-card .s2-small-text {
    font-size: 3.5vw;
    margin-top: 0vw;
    line-height: 100%;
    font-weight: 500;
    color: #fff;
  }
  .s2-deal-plus {
    background: var(--new-split, linear-gradient(349deg, #E86D21 -21.11%, #FFA98D 121.19%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    font-size: 8vw;
    font-weight: 800;
  }
  .s2-deal-footer {
    color: #fff;
    text-align: center;
    padding-bottom: 2vw;
    font-size: 3.5vw;
    font-weight: 500;
  }
  .s2-deal-footer span {
    color: #FF6B35;
    font-weight: 700;
  }

  .s2-promo-text {
    font-size: 3.5vw;
    font-weight: 500;
    color: #fff;
    margin-bottom: 2vw;
    text-align: center;
  }

  .s2-price-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3vw;
    margin-bottom: 0vw;
  }
  .s2-price-main {
    color: #FF6B35;
    font-size: 15vw;
    font-weight: 500;
    line-height: 22vw;
    letter-spacing: -1vw;
  }
  .s2-price-old-box {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    align-items: center;
  }
  .s2-price-old {
    font-size: 6vw;
    line-height: 100%;
    color: #dcdcdc;
    text-decoration: line-through;
    font-weight: 400;
  }
  .s2-price-save {
    background-color: #FF6B35;
    color: #ffffff;
    padding: 0.5vw 3vw;
    border-radius: 2vw;
    font-size: 3.5vw;
    font-weight: 800;
  }

  .s2-spots {
    color: #fff;
    font-size: 4vw;
    font-weight: 500;
    margin-bottom: 2vw;
    text-align: center;
  }
  .s2-spots span {
    color: #ff5a2d;
    font-weight: 700;
  }

  .s2-cta {
    background-color: #FF6B35;
    color: #ffffff;
    font-size: 5.5vw;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 4vw;
    width: 80vw;
    padding: 4vw 0vw;
    margin-bottom: 3vw;
  }

  .s2-footer-group {
    width: 90vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .s2-guarantees {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 3.2vw;
    font-weight: 500;
    margin-bottom: 4vw;
    color: #eeeeee;
  }
  .s2-trust-badge {
    width: 90%;
  }
  .s2-trust-faces { display: flex; }
  .s2-face {
    width: 6vw;
    height: 6vw;
    border-radius: 3vw;
    border: 0.3vw solid #ffffff;
    margin-left: -2vw;
  }
  .s2-face:first-child { margin-left: 0vw; }
  .s2-f1 { background-color: #8d5524; }
  .s2-f2 { background-color: #c68642; }
  .s2-f3 { background-color: #e0ac69; }
  .s2-f4 { background-color: #f1c27d; }
  
  .s2-trust-text {
    font-size: 3vw;
    font-weight: 600;
  }
  .s2-trust-text strong { font-weight: 800; }
  .s2-star {
    color: #34a853;
    font-size: 3.5vw;
  }

@media (min-width: 800px) {
  /* Базовий контейнер (Grid-сітка) */
  .s2-container {
    display: grid;
    grid-template-columns: 35vw 35vw;
    justify-content: center;
    align-content: center;
    overflow: hidden;
    padding: 5vw 0vw 0 0;
    margin: 7vw auto 0 auto;
    background: #000;
    min-height: 100%;
  }

  /* Світіння на фоні */
  .s2-container::after {
    top: 50%;
    left: 30%;

    box-shadow: 0 0 50vw 15vw #c5c4c443;
  }

  /* --- ЛІВА КОЛОНКА --- */
  .s2-title {
    grid-column: 1;
    grid-row: 1;
    font-size: 7vw;
    line-height: 5vw;
    text-align: left;
    margin-bottom: 0vw;
  }


  /* Ховаємо мобільні елементи */
  .s2-badge-deal-mob,
  .s2-subtitle.s2-mob-only,
  .s2-promo-text {
    display: none;
  }

  /* Десктопний підзаголовок + бейдж */
  .s2-subtitle-row-desk {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    align-items: center;
    gap: 1.5vw;
    margin-top: 1vw;
  }
  .s2-subtitle-row-desk .s2-subtitle {
    font-size: 4vw;
    font-weight: 800;
    line-height: 3vw;
    color: #fff;
    white-space: nowrap;
    margin: 0vw;
    text-transform: uppercase;
  }
  .s2-badge-deal-desk {
    background-color: #ffffff;
    color: #000000;
    padding: 0.5vw 1vw;
    white-space: nowrap;
    border-radius: 0.7vw;
    font-size: 1.4vw;
    font-weight: 700;
    display: flex;
    align-items: center;
    transform: rotate(-2deg) translate(-0.5vw, -0.5vw);
  }

  /* Переваги (Features) */
  .s2-features {
    grid-column: 1;
    grid-row: 3;
    width: 40vw;
    margin-top: 1.5vw;
    margin-bottom: 2vw;
  }
  .s2-f-title {
    font-size: 1.2vw;
    margin-bottom: 1vw;
  }
  .s2-f-list {
    flex-direction: row;
    gap: 2vw;
  }
  .s2-f-item {
    font-size: 1.4vw;
    gap: 0.8vw;
  }
  .s2-check {
    width: 1.8vw;
    height: 1.8vw;
  }

  /* Ціни */
  .s2-price-row {
    grid-column: 1;
    grid-row: 4;
    justify-content: flex-start;
    gap: 2vw;
    margin-top: 0vw;
    margin-bottom: 1vw;
  }
  .s2-price-main {
    font-size: 7vw;
    line-height: 7vw;
    letter-spacing: -0.2vw;
  }
  .s2-price-old-box {
    align-items: center;
    text-align: center;
    gap: 0.5vw;
  }
  .s2-price-old {
    font-size: 2.5vw;
    text-align: center;
  }
  .s2-price-save {
    padding: 0.3vw 1vw;
    border-radius: 0.5vw;
    font-size: 1vw;
  }

  /* Місця та Кнопка */
  .s2-spots {
    grid-column: 1;
    grid-row: 5;
    text-align: left;
    font-size: 1.1vw;
    margin-bottom: 1vw;
    margin-top: 7vw;
  }
  .s2-cta {
    grid-column: 1;
    grid-row: 6;
    width: 25vw;
    padding: 1.2vw 0vw;
    font-size: 1.5vw;
    border-radius: 1vw;
    margin-bottom: 2.5vw;
    cursor: pointer;
    transition: transform 0.2s ease;
  }
  .s2-cta:hover { 
    transform: scale(1.03); 
  }

  /* Футер (Гарантії та траст-бейдж) */
  .s2-footer-group {
    grid-column: 1;
    grid-row: 7;
    align-items: flex-start;
    width: 40vw;
  }
  .s2-guarantees {
    justify-content: flex-start;
    gap: 2vw;
    font-size: 1.3vw;
    margin-bottom: 2vw;
  }
  .s2-trust-badge {
    width: 30vw; /* Адаптував до ширини блоку */
    position: absolute;
    bottom: 6vw;
    right: 17vw;
  }

  /* --- ПРАВА КОЛОНКА --- */
  .s2-hero-img-box {
    grid-column: 2;
    grid-row: 1 / 7;
    transform: translateY(-28%);
    width: 45vw;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin: 0;
  }
  .s2-hero-img-box picture img {
    width: 55vw;
    margin-left: -31%;
  }

  /* Контейнер Deal Box */
  .s2-deal-boxContainer {
    grid-column: 2;
    grid-row: 6 / 9;
    align-self: flex-end;
    justify-self: flex-end;
    margin-right: 2vw;
    width: 35vw;
    transform: translateY(-70%);
    position: relative;
    z-index: 9;
  }
  /* Тіні для рядка (масштаб зменшено для десктопу) */
  .s2-deal-boxContainer::before,
  .s2-deal-boxContainer::after {
    top: -2vw;
    box-shadow: 0 0 2vw 1vw #000;
  }

  .s2-deal-boxContainer::before{
    display: none;
  }

  /* Сам Deal Box */
  .s2-deal-box {
    width: 100%; /* Успадковує 35vw від контейнера */
    border-radius: 1.5vw;
    border-width: 0.15vw;
    margin-bottom: 0vw;
  }
  .s2-deal-header {
    padding: 1vw 0vw;
    font-size: 1.2vw;
    border-radius: 1.3vw 1.3vw 0 0;
  }
  .s2-deal-content {
    padding: 1vw 1vw;
    transform: scale(1); /* Скидаємо скейл з мобільної */
  }
  .s2-deal-card {
    width: 9vw;
    border-radius: 1.5vw;
    border-width: 0.1vw;
    padding: 1vw 0.5vw;
  }
  .s2-deal-card .s2-big-num {
    font-size: 3.5vw;
    line-height: 2.6vw;
  }
  .s2-deal-card .s2-small-text {
    font-size: 0.9vw;
    margin-top: 0.5vw;
  }
  .s2-deal-plus {
    font-size: 3vw;
  }
  .s2-deal-footer {
    padding-bottom: 1vw;
    font-size: 1vw;
  }



}

.header-section{text-align:center;padding-top:8vw;width:100%;z-index:10;position:relative}
.hero-section::after{content:"";display:block;width:40vw;height:0;box-shadow:0 0 30vw 30vw #343434;position:absolute;top:-10vw;transform:rotate(45deg);left:0;z-index:-1}
.title{font-family:'DrukCyr-medium',Impact,sans-serif;font-size:19.85vw;font-weight:500;background:linear-gradient(180deg,#ff7620 0,#ee9e6b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:0.85;margin:0;letter-spacing:0.5vw}
.sub-title{font-family:'Unbounded-Regular';font-size:9vw;font-weight:800;color:#ffffff;line-height:1;margin-top:2.3vw}
.hero-section{position:relative;width:100vw;margin-top:-2vw;display:flex;justify-content:center}
.hero-bg{width:100vw;display:block}
.hero-bg img{width:100%;height:70vw;object-fit:cover;object-position:0 -23vw;display:block}
.features-list{position:absolute;right:5.8vw;top:15vw;display:flex;flex-direction:column;gap:0vw;z-index:5}
.features-list li{display:flex;align-items:center;gap:1.4vw;font-size:4.5vw;font-weight:400;letter-spacing:0.1vw;color:#fff}
.arrow-icon{width:4.67vw;height:4.67vw}
.action-section{display:flex;flex-direction:column;align-items:center;width:100vw;z-index:10}
.pricing-container{display:flex;align-items:center;justify-content:center;position:relative;gap:2vw;margin-bottom:1vw}
.price-new{color:#ff7620;font-size:10vw;font-weight:700;line-height:1}
.price-old{color:#888888;font-size:6.47vw;font-weight:500;position:relative;line-height:1}
.price-old::after{content:'';position:absolute;left:-5%;top:50%;width:110%;height:0.46vw;background-color:#888888;transform:translateY(-50%)}
.action-section-d{position:relative;z-index:9}
.badge-save{position:absolute;right:-5vw;top:6.3vw;background-color:#ffffff;color:#000000;font-weight:800;font-size:3.3vw;padding:1.2vw 3.5vw;border-radius:2vw;transform:rotate(6deg);box-shadow:0 1vw 3vw rgba(0,0,0,0.4);white-space:nowrap}
.btn-unlock{width:75vw;height:16.35vw;background:linear-gradient(90deg,#fba171 0,#f4753c 100%);border-radius:4vw;color:#ffffff;font-family:'Gilroy',sans-serif;font-size:6.54vw;font-weight:800;display:flex;justify-content:center;align-items:center;text-transform:uppercase;box-shadow:0 1vw 5vw rgba(244,117,60,0.3);transition:transform 0.2s ease}
.btn-unlock:active{transform:scale(0.97)}
.access-info{display:flex;align-items:center;gap:2vw;margin-top:5.8vw;font-size:4.2vw;font-weight:600;letter-spacing:0.1vw;color:#fff}
.access-info img{width:5vw}
.key-icon{width:5.6vw;height:5.6vw;background-color:#f4753c;border-radius:50%;display:flex;justify-content:center;align-items:center}
.key-hole{width:1.8vw;height:1.8vw;background-color:#ffffff;border-radius:50%;position:relative;margin-top:-1vw}
.key-hole::after{content:'';position:absolute;width:1.2vw;height:1.8vw;background-color:#ffffff;top:1.2vw;left:0.3vw;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}
.trust-badge{margin-top:5vw;margin-bottom:7vw;margin-left:auto;margin-right:auto;width:77vw;display:flex;justify-content:center}
.trust-badge img{width:100%;height:auto;object-fit:contain}
.bonus-wrapper{position:relative;width:93vw;margin:5vw auto;border-radius:6vw;overflow:hidden}
.bonus-bg{width:100%;height:auto;display:block}
.bonus-text-overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:3.64vw 5.5vw;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}
.bonus-title{font-family:'DrukCyr-medium',Impact,sans-serif;font-size:8.4vw;font-weight:500;color:#ffffff;line-height:1.15;margin-bottom:2.6vw;text-transform:uppercase;letter-spacing:0.1vw}
.bonus-items{display:flex;flex-direction:column;gap:2vw}
.bonus-item{display:flex;flex-direction:column;gap:0.9vw}
.bonus-item-title{font-family:'Gilroy',sans-serif;font-size:3.5vw;font-weight:800;color:#e5784b;text-transform:uppercase;line-height:1.1}
.bonus-item-desc{font-family:'Gilroy',sans-serif;font-size:3vw;font-weight:500;color:#ffffff;line-height:1.2}
.courses-list{display:flex;flex-direction:column;gap:4.67vw;width:100vw;padding:7vw 5vw 0vw 5vw;position:relative}
.course-card-group{position:relative;width:100%;display:flex}
.course-card{width:65vw;background:linear-gradient(217deg,#e5874e 0,#000 50%,#5f3820 100%);border-radius:6vw;display:flex;justify-content:space-between;align-items:center;padding:6.5vw 2vw 6.5vw 4vw;box-sizing:border-box;position:relative;box-shadow:inset 0 0 0.5vw rgba(255,255,255,0.1)}
.course-info{min-width:100%;padding-right:10vw;display:flex;flex-direction:column}
.course-title{font-family:'Gilroy',sans-serif;font-size:4.5vw;font-weight:300;color:#ffffff;margin-bottom:4vw;line-height:1.1;letter-spacing:0.1vw}
.header-navline{display:none}
.course-features{display:flex;flex-direction:column;gap:1vw}
.course-features li{display:flex;align-items:flex-start;gap:1.5vw;font-family:'Gilroy',sans-serif;font-size:2.8vw;font-weight:500;color:#ffffff;line-height:1.3}
.course-features li::before{content:"✓";font-size:3.5vw;font-weight:600;color:#ffffff;flex-shrink:0;line-height:1.3}
.course-img-wrap{width:40vw;display:flex;justify-content:flex-end}
.course-img-wrap img{width:100%;width:35vw;height:auto;object-fit:contain;position:absolute;top:50%;right:-25vw;transform:translate(0%,-50%)}
.plus-badge{position:absolute;bottom:-9.3vw;left:40%;transform:translateX(-50%);width:14vw;height:14vw;background-color:#ffffff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-family:'Gilroy',sans-serif;font-size:8.5vw;font-weight:300;color:#000000;box-shadow:0 0 6vw rgba(255,255,255,0.7);z-index:10}
.guarantee-section{width:100vw;display:flex;justify-content:center;padding:4.67vw 0;margin-bottom:9.34vw}
.guarantee-container{width:90vw;background:linear-gradient(360deg,#e86d21 0,#ffa98d 100%);border-radius:7vw;display:flex;align-items:center;padding:4.54vw 5vw;box-sizing:border-box;gap:4vw}
.guarantee-icon{flex:0 0 23.36vw;display:flex;justify-content:center;align-items:center}
.guarantee-icon img{width:100%;height:auto;filter:drop-shadow(0 1vw 2vw rgba(0,0,0,0.15))}
.guarantee-content{flex:1;display:flex;flex-direction:column;justify-content:center}
.guarantee-main-text{font-family:'DrukCyr-medium',Impact,sans-serif;font-size:8.87vw;font-weight:500;color:#ffffff;line-height:0.95;margin-bottom:2.8vw;text-transform:uppercase}
.guarantee-sub-text{display:flex;flex-direction:column;gap:0.5vw}
.guarantee-sub-text p{font-family:'Gilroy',sans-serif;font-size:3.2vw;font-weight:600;color:#ffffff;line-height:1.1;text-transform:uppercase;letter-spacing:0.02em}
.first-slider,.second-slider{padding:5vw 0vw 10vw 0vw}
.first-slider .mainTitle,.second-slider .mainTitle{padding-left:4vw;margin-bottom:5vw}
.first-slider .swiper,.second-slider .swiper{padding:0 0 15px 0;position:initial !important}
.first-slider-pagination.swiper-pagination-progressbar,.second-slider-pagination.swiper-pagination-progressbar{position:relative;margin-left:auto;margin-right:auto;height:4px;background:#003f82;border-radius:2px !important;overflow:hidden;margin-top:20px;display:block}
.first-slider-pagination .swiper-pagination-progressbar-fill,.second-slider-pagination .swiper-pagination-progressbar-fill{background:#007bff !important;height:100%;top:0;left:0}
.first-slider-pagination,.second-slider-pagination{display:flex !important;gap:8px;position:static !important;width:auto !important;justify-content:center;margin:0 auto}
.first-slider-pagination .swiper-pagination-bullet,.second-slider-pagination .swiper-pagination-bullet{width:2vw;height:2vw;background:transparent;border:0.3vw solid #FE863B;opacity:1;border-radius:50%;margin:0 !important;cursor:pointer;transition:all 0.3s ease}
.first-slider-pagination .swiper-pagination-bullet-active,.second-slider-pagination .swiper-pagination-bullet-active{background:#FE863B !important;box-shadow:0 0 0vw 0.5vw #f25b245a !important;opacity:1;width:2vw;height:2vw}
.first-swiper,.second-swiper{padding-bottom:8vw !important}
.first-slider,.second-slider{position:relative}
.swiper-slide{max-height:120vw;object-fit:contain}
.first-slider-next,.first-slider-prev,.second-slider-next,.second-slider-prev{background-image:url(../images/slider-button.webp);background-repeat:no-repeat;background-size:contain;width:27vw;height:13vw;position:absolute;bottom:5vw;transition:.3s all}
.first-slider-next,.second-slider-next{background-image:url(../images/slider-button-next.png)}
.first-slider-prev,.second-slider-prev{background-image:url(../images/slider-button-prev.png)}
.first-slider-next,.second-slider-next{right:0vw}
.first-slider-prev,.second-slider-prev{right:26vw}
.first-slider .swiper-wrapper{padding-bottom:7vw}
.first-slider-pagination{position:relative !important;bottom:-8vw !important}
.first-slider-pagination.swiper-pagination,.second-slider-pagination.swiper-pagination{margin-left:4vw;margin-right:auto}
@media(min-width:800px){.first-slider .mainTitle,.second-slider .mainTitle{padding-left:0vw;margin-bottom:2vw}
.first-slider:after,.second-slider:after{content:"";display:block;position:absolute;width:0;top:0;left:0;height:100%;box-shadow:0 0 4vw 3vw #000;z-index:99}
.first-slider:before,.second-slider:before{content:"";display:block;position:absolute;width:0;top:0;right:0;height:100%;box-shadow:0 0 4vw 3vw #000;z-index:99}
.first-slider-pagination.swiper-pagination-progressbar,.second-slider-pagination.swiper-pagination-progressbar{margin:0}
.first-slider-next,.first-slider-prev,.second-slider-next,.second-slider-prev{width:9vw;height:5vw;bottom:3vw;opacity:1;transition:.3s all}
.first-slider-prev,.second-slider-prev{right:22vw}
.first-slider-next,.second-slider-next{right:12vw}
.first-slider-prev:hover,.first-slider-next:hover,.second-slider-prev:hover,.second-slider-next:hover{opacity:1}
.first-slider-pagination .swiper-pagination-bullet,.second-slider-pagination .swiper-pagination-bullet{width:0.7vw;height:0.7vw}
.first-slider-pagination .swiper-pagination-bullet-active,.second-slider-pagination .swiper-pagination-bullet-active{width:0.7vw;height:0.7vw}
.first-slider,.second-slider{margin-top:0vw}
.first-slider-pagination,.second-slider-pagination{margin-right:auto;margin-left:1vw}
.first-slider .desctop_component,.second-slider .desctop_component{position:relative}
.first-slider,.second-slider{padding:2vw 0vw 2vw 0vw}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{margin-left:32%;margin-right:auto;margin-bottom:3.1vw}
}
.benefits{margin-top:7vw}
.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.8vw;width:100vw;padding:4.67vw;box-sizing:border-box}
.benefits .mainTitle{margin-bottom:-10vw;position:relative;z-index:3}
.benefit-card{background:linear-gradient(342deg,#000 39.42%,#353535 100%);box-shadow:0 0.1vw 0vw 0.1vw #ffffff89;border:0.23vw solid #333;border-radius:7vw;padding:3vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2vw}
.benefits-image{min-width:155%;margin-left:-25%}
.benefit-title{font-family:'Gilroy',sans-serif;font-size:3.2vw;font-weight:800;color:#FE863B;line-height:1.2;text-transform:uppercase}
.benefit-item{display:flex;flex-direction:column;gap:2.3vw}
.check-icon{font-size:4.67vw;line-height:1}
.benefit-desc{font-family:'Gilroy',sans-serif;font-size:2.57vw;font-weight:400;color:#e0e0e0;line-height:1.4}
.first-swiper .swiper-slide,.first-swiper video{border-radius:3vw;overflow:hidden;height:100%;height:127vw;margin:0 auto;object-fit:cover}
.gallery{width:100vw;padding:10vw 5vw 20vw 5vw;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;background-image:url(../images/videos-fon-mob.webp);background-repeat:no-repeat;background-size:100%;background-position:0vw 5vw}
.gallery-content{display:flex;justify-content:flex-end}
.gallery-grid{display:grid;grid-template-columns:repeat(2,27vw);column-gap:2.25vw;row-gap:3.75vw}
.gallery-card{display:flex;flex-direction:column;align-items:center;width:100%}
.gallery-day{background:linear-gradient(360deg,#e86d21 0,#ffa98d 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:4.62vw;font-weight:800;margin-bottom:0.99vw;text-transform:uppercase;letter-spacing:0.0825vw}
.gallery-box{width:100%;padding:0.495vw;display:flex;flex-direction:column;box-sizing:border-box}
.gallery-text{color:#ffffff;text-align:center;border:0.2475vw solid #ffffff;border-radius:4.125vw 4.125vw 0 0;font-size:3.3vw;padding:4.4vw 0;line-height:100%;height:12.1vw;margin-bottom:-3.52vw;display:flex;align-items:flex-end;justify-content:center}
.gallery-img{width:100%;height:14.85vw;border:0.33vw solid #f26f22;border-radius:3.3vw;overflow:hidden;box-sizing:border-box}
.gallery-img img{width:100%;height:100%;object-fit:cover;display:block}
.results{padding:7vw 5vw}
.results-items{display:flex;flex-direction:column;gap:4vw;padding-top:4vw}
.results-item{background-repeat:no-repeat;background-size:100% 92%;padding:2vw 2vw 2vw 28vw;height:22vw}
.results-item p{font-weight:400;font-size:4vw;color:#fdfdfd}
.results-item:nth-child(1){background-image:url(../images/frame-1.webp)}
.results-item:nth-child(2){background-image:url(../images/frame-2.webp)}
.results-item:nth-child(3){background-image:url(../images/frame-3.webp)}
.results-item:nth-child(4){background-image:url(../images/frame-4.webp)}
.results .hero__btn{margin-top:4vw}
@media(min-width:800px){.results{padding:5vw 0vw}
.results-items{gap:2vw;padding-top:3vw;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}
.results-item{padding:1vw 1vw 1vw 11vw;height:9vw;width:48%}
.results-item p{font-weight:400;font-size:1.5vw;line-height:120%;color:#fdfdfd}
.results .hero__btn{margin-top:2vw;margin-left:auto}
}
.who-container{width:100vw;background-color:#000000;display:flex;flex-direction:column;align-items:center;padding-top:10vw;padding-bottom:10vw;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.who-title{color:#ffffff;font-size:11vw;font-weight:900;text-transform:uppercase;font-family:Impact,Arial,sans-serif;margin-bottom:3vw;letter-spacing:-0.2vw}
.who-subtitle{color:#e0e0e0;font-size:4vw;text-align:center;line-height:1.4;margin-bottom:8vw}
.who-cards{display:flex;flex-direction:column;gap:4vw;width:80vw;margin-left:4vw}
.who-card{box-shadow:0 0 38px 0 rgba(0,0,0,0.4);background-color:rgba(0,0,0,0.1);border:0.2vw solid rgba(255,255,255,0.08);border-radius:4vw;padding:6vw 5vw;box-sizing:border-box;background-repeat:no-repeat;background-size:100% 100%;position:relative}
.who-card::before{content:"";display:block;width:0.6vw;height:30vw;position:absolute;left:-4vw;top:50%;transform:translate(0,-50%);background:linear-gradient(180deg,#000 0,#f28038 50%,#000 100%)}
.who-card:nth-child(1){background-image:url(../images/for-1.webp)}
.who-card:nth-child(2){background-image:url(../images/for-2.webp)}
.who-card:nth-child(3){background-image:url(../images/for-3.webp)}
.who-card:nth-child(4){background-image:url(../images/for-4.webp)}
.who-card-title{color:#ffffff;font-size:3.6vw;font-weight:800;line-height:1.3;margin-bottom:3vw}
.who-card-desc{color:#ffffff;font-size:3vw;line-height:1.4}
.faqs-section{width:100vw;padding:10vw 0;background-color:#000;display:flex;flex-direction:column;align-items:center}
.faqs-header{margin-bottom:8vw;text-align:center;font-size:15vw !important}
.faq-container{width:93vw;display:flex;flex-direction:column;gap:3vw}
.faq-container-s{display:flex;flex-direction:column;gap:3vw}
.faq-item{width:100%;border-radius:5vw;overflow:hidden;border:0.3vw solid transparent;background:linear-gradient(342deg,#b6b6b6 0,#000 82.69%) padding-box,linear-gradient(135deg,#F17F38,#444) border-box;transition:border-color 0.3s ease}
.faq-input{display:none}
.faq-header-click{display:flex;padding:4.5vw 4vw;cursor:pointer;gap:3vw;position:relative}
.q-circle{width:7vw;height:5vw;background:linear-gradient(360deg,#e86d21 0,#ffa98d 100%);border-radius:30%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:3vw;line-height:3vw;flex-shrink:0;font-weight:700}
.faq-title{color:#fff;font-family:'Gilroy',sans-serif;font-size:3.5vw;font-weight:500;line-height:1.2;padding-right:6vw}
.faq-arrow{position:absolute;right:5vw;top:45%;width:2vw;height:2vw;border-right:0.6vw solid #fff;border-bottom:0.6vw solid #fff;transform:rotate(45deg) translate(0,-50%);transition:transform 0.3s ease}
.faq-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.4s cubic-bezier(0.4,0,0.2,1)}
.faq-input:checked ~ .faq-content{grid-template-rows:1fr}
.faq-input:checked ~ .faq-header-click .faq-arrow{transform:rotate(-135deg);margin-top:1vw}
.faq-input:checked ~ .faq-item{border-color:#fc7c44}
.faq-content-inner{overflow:hidden}
.answer-box{background-color:#fff;margin:0 3vw 4vw 3vw;border-radius:4.5vw;padding:4vw;display:flex;align-items:center;gap:3vw}
.answer-icon{width:7vw;height:auto;margin-top:1vw}
.answer-text{color:#000;font-family:'Gilroy',sans-serif;font-size:3vw;line-height:1.4}
.answer-text strong{font-weight:800}
.cards{width:100%;height:5vw;margin-top:3vw;object-fit:contain}
.contacts-fon{padding-bottom:50.7102803738vw;padding-left:5vw;padding-right:5vw}
.contacts{background:url(../images/contacts.png);background-size:100% 100%;background-repeat:no-repeat;margin-bottom:7.0093457944vw;margin-left:auto;margin-right:auto;padding:7.0093457944vw;width:100%}
.contacts-title{color:#fff;font-family:'DrukCyr-medium',Impact,sans-serif;font-size:14.4112149533vw;font-weight:500;line-height:90%;text-align:center;text-shadow:0 22px 17px rgba(0,0,0,.6);text-transform:uppercase;letter-spacing:0.5vw}
.contacts-title span{background:linear-gradient(360deg,#e86d21 0,#ffa98d 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.contacts-subTitle{color:#fff;font-size:3.738317757vw;font-weight:600;line-height:100%;padding-bottom:2.3364485981vw;padding-top:4.6728971963vw;text-align:center;text-transform:uppercase}
.contacts-nav{justify-content:space-between;margin:0 auto;max-width:74.7663551402vw;padding:15px 0;width:100%}
.contacts-nav,.contacts-nav a{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}
.contacts-nav a{color:#fff;gap:3px;line-height:143%}
.contacts-nav a,.support_link{font-size:3.2710280374vw;font-weight:400}
.support_link{color:#cacaca;text-align:center;text-decoration:underline}
.contacts-nav a img{margin-right:1.1682242991vw;-o-object-fit:contain;object-fit:contain;width:5.8411214953vw}
.suport{line-height:167%;text-align:center}
.privacy,.suport{color:#cacaca;font-weight:400}
.privacy{font-size:3.2710280374vw;line-height:179%;padding-top:3.2710280374vw;text-align:center;text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
@media(min-width:900px){.contacts-fon{background:#000;padding-bottom:5.6074766355vw;padding-top:5.6074766355vw}
.contacts{background:url(../../assets/images/contacts.png);background-repeat:no-repeat;background-size:100% 100%;border-radius:0;margin-bottom:2.6666666667vw;padding:2.6666666667vw;width:64.8888888889vw}
.contacts-title{font-size:4.0888888889vw}
.contacts-subTitle{color:#fff;font-size:1.7777777778vw;padding-bottom:.8888888889vw;padding-top:1.3333333333vw}
.contacts-nav{margin:0 auto;max-width:48.8888888889vw}
.contacts-nav a,.support_link{font-size:1.6vw}
.contacts-nav a img{margin-right:.8888888889vw;width:3.8222222222vw}
.privacy{font-size:1.2444444444vw;padding-top:1.2444444444vw}
}
.bonuses-container{width:100vw;background-color:#000000;display:flex;flex-direction:column;align-items:center;gap:8vw;padding:5vw;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
.bonus-card{width:90vw;border:0.2vw solid transparent;background:linear-gradient(60deg,#1f1f1f 0,#0a0a0a 100%) padding-box,linear-gradient(120deg,#ffffff 0,#000000 100%) border-box;border-radius:6vw;position:relative;display:flex;flex-direction:column;overflow:hidden}
.img-wrapper{width:100%;overflow:hidden;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background:radial-gradient(58.7% 58.7% at 50% 50%,#454545 0,#000 100%)}
.img-wrapper img{width:100%;height:auto;object-fit:contain}
.bonus-content{background:rgb(12 12 12 / 63%);backdrop-filter:blur(3px);border-top:0.2vw solid rgba(255,255,255,0.169);border-radius:6vw;padding:6vw;box-shadow:0 -3vw 8vw rgba(0,0,0,0.9);position:relative;z-index:2;margin-top:-12vw}
.bonus-badge{display:inline-block;background:linear-gradient(360deg,#e86d21 0,#ffa98d 100%);color:#ffffff;font-size:3.5vw;font-weight:900;padding:1.5vw 3.5vw;border-radius:2vw;margin-bottom:3vw}
.bonus-title{color:#ffffff;font-size:6.5vw;font-family:Impact,Arial,sans-serif;font-weight:600;text-transform:uppercase;margin-bottom:2vw;letter-spacing:0.2vw;line-height:1.1}
.bonus-content-2{margin-top:3vw !important}
.bonus-content-1{margin-top:-33vw !important}
.bonus-subtitle{color:#ffffff;font-size:3vw;font-weight:400}
.sticker{position:absolute;width:25vw;height:25vw;z-index:10}
.sticker-1{right:-3vw;top:45%;transform:translateY(-50%) rotate(15deg)}
.sticker-2{right:-3vw;bottom:8vw;transform:rotate(15deg)}
.gift{width:20vw;position:absolute;bottom:24vw;right:1vw;z-index:9}
.footer{background-color:#000;border-top:2px solid #fff;border-radius:30px 30px 0 0;padding:30px 0;position:fixed;z-index:99;bottom:0;opacity:0;transform:translateY(150px);margin:0 auto;width:100%;max-width:800px;transition:all .5s ease}
.footer.active{transform:translateY(0px);opacity:1}
.footer-timer{margin:0 auto;display:flex;justify-content:center;align-items:center;gap:6px}
.footer-timer-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.footer-timer-value{border-radius:150px;width:67px;height:38px;background-color:#fff;color:#000;font-family:"League Gothic",sans-serif;font-weight:400;font-size:30px;line-height:117%;text-align:center}
.footer-timer-time{font-weight:500;font-size:10px;line-height:100%;text-align:center;color:#fff}
.footerButton{font-weight:400;font-size:40px;line-height:101%;text-transform:uppercase;text-align:center;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:14px;font-family:'DrukCyr-medium';margin:15px auto 0 auto;width:293px;height:56px;background:linear-gradient(90deg,#fba171 0,#f4753c 100%);transition:.2s}
.footerButton:active{background:#4a7500}
.footer-title{font-weight:800;font-size:16px;line-height:100%;text-transform:uppercase;text-align:center;color:#000;padding-bottom:10px}
@media(min-width:800px){.header-navline{position:fixed;display:flex !important;width:100%;align-items:center;justify-content:space-between;z-index:109;height:6vw;top:0;left:0;backdrop-filter:blur(32px);box-shadow:0 4px 20px 0 rgba(0,0,0,0.25);background:rgba(0,0,0,0.55);border-bottom:1px solid #242424}
 .header-wrapper{max-width:85vw;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
 .header-logo{width:8vw;object-fit:contain}
 .header-nav-button{font-weight:500;font-size:1.6vw;letter-spacing:0.08em;text-transform:uppercase;text-align:center;display:flex;justify-content:center;align-items:center;white-space:nowrap;color:#fff;line-height:100%;margin:0;border-radius:0.5vw;width:14vw;height:2.8vw;background:linear-gradient(360deg,#e86d21 0,#ffa98d 100%);background-repeat:no-repeat;background-size:100% 100%}
 .header-list,.header-nav{display:flex;align-items:center;justify-content:space-between;gap:2vw}
 .header-link{font-weight:500;font-size:1.2vw;line-height:175%;text-transform:uppercase;text-align:center;color:#fff;opacity:0.5;transition:.2s all}
 .header-link:hover{opacity:1}
 .title{font-size:9vw}
 .footer{display:none}
 .price-new{font-size:5.5vw;font-weight:500}
.price-old{font-size:3.3vw;color:rgba(255,255,255,0.79)}
 .action-section{width:100%}
 .action-section-d{position:absolute;right:20vw;top:30vw}
 .sub-title{font-size:4vw;padding-right:3.4vw}
.badge-save{right:-2vw;top:5.3vw;font-weight:800;font-size:1.3vw;padding:0.7vw 2.0vw;border-radius:0.5vw}
.pricing-container{margin-bottom:2vw}
.btn-unlock{width:27vw;height:6vw;border-radius:1.1vw;font-size:2vw}
.header-section{text-align:right;margin-left:auto;padding-top:9vw;max-width:70vw;margin:0 auto}
.features-list{flex-direction:row}
.features-list li{font-size:1.5vw;gap:0.4vw}
.cards{width:100%;height:3vw;margin-top:1vw;object-fit:contain}
.hero-section::after{content:"";display:block;width:0;height:0;box-shadow:0 0 15vw 16vw #343434;position:absolute;top:1vw;transform:rotate(45deg);left:7vw;z-index:-1}
.hero-section{max-width:70vw;margin:0 auto;position:relative}
.hero-section::before{content:"";display:block;width:0;height:10vw;position:absolute;bottom:0;left:0;box-shadow:0 0 5vw 5vw #000;z-index:1}
.hero-bg{margin-top:-17vw}
.hero-bg img{height:53vw;object-position:center}
.arrow-icon{width:2.67vw;height:2.67vw}
.features-list{position:absolute;right:0.8vw;top:2vw}
.access-info{gap:1vw;margin-top:0;font-size:1.5vw;order:2}
.access-info img{width:2.4vw}
.trust-badge{width:30vw;margin-top:1vw;margin-bottom:1vw;margin-right:0;margin-left:0;order:1}
.action-section{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2vw}
.bonus-wrapper{width:59.52vw;margin:3.2vw auto;border-radius:3.84vw}
.bonus-text-overlay{padding:2.32vw 3.52vw}
.bonus-title{font-size:4.56vw;margin-bottom:1.68vw;letter-spacing:0.064vw}
.bonus-items{gap:1.28vw}
.bonus-item{gap:0.56vw}
.bonus-item-title{font-size:2vw}
.bonus-item-desc{font-size:1.5vw}
.courses-list{display:flex;flex-direction:column;gap:5vw;width:100%;padding:0vw 2.5vw 0vw 2.5vw;position:relative}
.course-card-group{position:relative;width:100%;display:flex}
.course-card{width:54.5vw;background:linear-gradient(215deg,#e5874e 0,#000 42.02%,#000 66.68%,#5f3820 100%);border-radius:3vw;display:flex;justify-content:space-between;align-items:center;padding:2vw 1vw 2vw 3vw}
.price-button{width:80%;margin:-5% auto 0 auto}
.course-info{min-width:100%;padding-right:5vw;display:flex;flex-direction:column}
.course-title{font-family:'Gilroy',sans-serif;font-size:2.25vw;font-weight:300;color:#ffffff;margin-bottom:1vw;line-height:1.1;letter-spacing:0.05vw}
.header-navline{display:none}
.course-features{display:flex;flex-direction:column;gap:0.8vw;flex-wrap:wrap;flex-direction:row}
.course-features li{display:flex;align-items:flex-start;gap:0.75vw;font-family:'Gilroy',sans-serif;font-size:1.3vw;width:48%;font-weight:500;color:#ffffff;line-height:1.3}
.course-features li::before{content:"✓";font-size:1.75vw;font-weight:600;color:#ffffff;flex-shrink:0;line-height:1.3}
.course-img-wrap{width:20vw;display:flex;justify-content:flex-end}
.course-img-wrap img{width:17vw;height:auto;object-fit:contain;position:absolute;top:50%;right:-12.5vw;transform:translate(0%,-50%)}
.plus-badge{bottom:-5.9vw;left:0;transform:translateX(-50%);width:7vw;height:7vw}
.guarantee-section{width:100%;padding:2.335vw 0;margin-bottom:2.67vw}
 .guarantee-container{width:56vw;border-radius:2.5vw;padding:2.27vw 2.5vw;gap:2vw}
.guarantee-icon{flex:0.2}
.guarantee-icon img{filter:0.5vw 1vw}
.guarantee-main-text{font-size:4.435vw;margin-bottom:1.4vw}
.guarantee-main-text br{display:none}
.guarantee-sub-text{gap:0.25vw}
.guarantee-sub-text p{font-size:1.6vw;letter-spacing:0.02vw}
.guarantee-icon,.guarantee-icon img{width:10vw}
.first-slider .swiper-wrapper{padding-bottom:0vw}
.benefits .mainTitle{margin:-5vw}
.benefits{margin-top:8.5vw}
.benefits-grid{gap:1.4vw;width:100%;padding:0 0.3vw;grid-template-columns:1fr 1fr 1fr 1fr}
.benefits .mainTitle{margin-bottom:-5vw}
.benefit-card{box-shadow:0 0.2px 0vw 1px #616161;border:0.115vw;border-radius:1.7vw;padding:1.5vw;gap:1vw;justify-content:flex-start}
.benefits-image{min-width:130%;margin-left:-10.5vw}
.benefit-title{font-size:1.4vw;text-align:center}
.benefit-item{gap:1.15vw}
.check-icon{font-size:2.335vw}
.benefit-desc{font-size:1.1vw;text-align:center}
.benefit-desc span{display:none}
.gallery{width:100%;padding:8vw 2.5vw 3vw 2.5vw;background-position:0 7vw;background-image:url(../images/videos-fon-desc.webp)}
.gallery-grid{grid-template-columns:repeat(2,16.5vw);column-gap:1.125vw;row-gap:1.875vw}
.gallery-day{font-size:2.7vw;margin-bottom:0.495vw;letter-spacing:0.04125vw}
.gallery-box{padding:0.2475vw}
.gallery-text{border:1px solid #ffffff;border-radius:1.25vw 1.25vw 0 0;font-size:1.5vw;padding:1vw 0;display:flex;justify-content:center;align-items:flex-start;height:6.05vw;margin-bottom:-1.76vw}
.gallery-text br{display:none}
.gallery-img{border:0.165vw;border-radius:1.65vw;height:9.425vw}
.who-container{width:100%;padding-top:5vw;padding-bottom:5vw}
.who-subtitle{font-size:2vw;margin-bottom:4vw}
.who-cards{gap:2.5vw;width:100%;margin-left:2vw;display:flex;flex-direction:row !important;flex-wrap:wrap !important;justify-content:center}
.who-card{border:0.1vw solid;border-radius:2vw;width:32vw;padding:3vw 2.5vw}
.who-card::before{width:0.3vw;height:15vw;left:-1vw}
.who-card-title{font-size:1.4vw;margin-bottom:1.5vw}
.who-card-desc{font-size:1.1vw}
.first-slider .swiper-slide{margin-right:0 !important;min-width:19vw}
.first-swiper,.second-swiper{padding-bottom:5vw !important}
.first-slider-pagination{position:relative !important;bottom:-5vw !important}
.faqs-section{width:100%;padding:5vw 0}
.faqs-header{margin-bottom:4vw;font-size:7.5vw !important}
.faq-container{width:100%;gap:1.3vw;flex-direction:row;justify-content:center}
.faq-container-s{gap:1.3vw;width:100%}
.faq-item{border-radius:2vw;border:0.15vw solid transparent;max-width:100%;min-height:8vw}
.faq-header-click{padding:2.25vw 2vw;gap:1.5vw}
.q-circle{width:3.5vw;height:2.5vw;font-size:1.5vw;line-height:1.5vw}
.faq-title{font-size:1.3vw;padding-right:2vw}
.faq-arrow{right:2.5vw;width:1.2vw;height:1.2vw;border-right:0.3vw solid #fff;border-bottom:0.3vw solid #fff}
.faq-input:checked ~ .faq-header-click .faq-arrow{margin-top:0.5vw}
.answer-box{margin:0 1.5vw 2vw 1.5vw;border-radius:1.95vw;padding:2vw;gap:1.5vw}
.answer-icon{width:3.5vw;margin-top:0.5vw}
.answer-text{font-size:1.6vw}
.contacts-fon{padding-bottom:6.3551401869vw;padding-left:2.5vw;padding-right:2.5vw;padding-top:0}
.contacts{margin-bottom:3.5046728972vw;padding:3.5046728972vw;background:url(../images/contacts.png);background-size:100% 100%;background-repeat:no-repeat}
.contacts-title{font-size:7.2056074767vw;letter-spacing:0.25vw}
.contacts-subTitle{font-size:1.8691588785vw;padding-bottom:1.168224299vw;padding-top:2.3364485981vw}
.contacts-nav{max-width:37.3831775701vw}
.contacts-nav a,.support_link{font-size:1.6355140187vw}
.contacts-nav a img{margin-right:0.5841121495vw;width:2.9205607477vw}
.privacy{font-size:1.6355140187vw;padding-top:1.6355140187vw}
.first-swiper .swiper-slide,.first-swiper video{max-width:18.3vw;min-width:15.3vw;height:27vw;border-radius:1vw;object-fit:contain;overflow:hidden}
.bonuses-container{width:100%;gap:4vw;padding:2.5vw}
.bonus-card{width:100%;border:0.1vw solid transparent;border-radius:3vw;overflow:initial;display:flex;flex-direction:row;background:linear-gradient(60deg,#1f1f1f 0,#0a0a0a 100%) padding-box,linear-gradient(120deg,#000 0,#fff 100%) border-box}
.bonus-content{order:1;padding:3vw;border-top:0.1vw solid rgba(255,255,255,0.169);border-radius:3vw;box-shadow:0 -1.5vw 4vw rgba(0,0,0,0.9);margin-top:0vw;width:50%;margin-right:auto;height:100%}
.bonus-badge{font-size:1.75vw;padding:0.75vw 1.75vw;border-radius:1vw;margin-bottom:1.5vw}
.bonus-title{font-size:3.25vw;letter-spacing:0.1vw;margin-bottom:1vw}
.bonus-content-2{margin-top:0vw !important}
.bonus-content-1{margin-top:0vw !important}
.new-1-img-w{max-height:20vw;object-position:bottom}
.new-1-img{min-height:12vw;object-fit:cover;object-position:bottom}
.bonus-subtitle{font-size:1.5vw}
.sticker{width:12.5vw;height:12.5vw}
.sticker-1{right:-1.5vw}
.sticker-2{right:-1.5vw;bottom:4vw}
.gift{width:10vw;bottom:-5vw;right:-3vw}
.img-wrapper{width:50%;margin-left:auto;order:2}
.new-fonTitle{background-image:url(../images/new-fon.webp);background-repeat:no-repeat;background-size:contain;width:100%;height:11vw;display:flex;justify-content:center;align-items:center;background-position:center}
}

.gallery video{
    object-fit: cover;
}

.promo-card-wrapper .hero__btn{
background-color: #FF6B35;
    color: #ffffff;
    font-size: 5.5vw;
    font-weight: 800;
    display: block;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Gilroy';
    border: none;
    border-radius: 4vw;
    width: 100%;
    padding: 4vw 0vw;
    margin-bottom: 3vw;
}
.promo-card-wrapper {background:linear-gradient(180deg,#222222 0,#111111 100%); padding:7vw 6.5vw 9vw 6.5vw; border-radius:10vw 10vw 0 0; width:100%; user-select:none; position:fixed; bottom:0; transform:translateY(100%); opacity:0; transition:.3s; z-index:99}
 .promo-card-wrapper.is-visible {transform:translateY(0); opacity:1}
 .promo-card-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:6vw; padding:0 5px}
 .promo-card-heading {color:#ffffff; font-size:3.4vw; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; display: flex; align-items: center; gap: 2vw;}
 .promo-card-heading img{
  width: 5vw;
 }
 .promo-card-timer-group {display:flex; align-items:center; gap:1vw}
 .promo-card-digit {background:linear-gradient(180deg,#4d4d4d 0,#2a2a2a 100%); color:#ffffff; width:8vw; height:8vw; display:flex; justify-content:center; align-items:center; border-radius:2vw; font-size:4vw; font-weight:800; box-shadow:inset 0 1px 2px rgba(255,255,255,0.1)}
 .promo-card-colon {color:#555; font-weight:800; font-size:4vw; padding-bottom:2px}
@media(min-width:640px) {.promo-card-wrapper {box-shadow:0 -6px 38px 0 rgba(0,0,0,0.2); background:rgba(0,0,0,0.55); padding:2vw; width:25vw; border-radius:2vw; right:7%; bottom:7%}
 .promo-card-wrapper .hero__btn {border-radius: 2vw;margin-bottom: 0;width:100%; height:4vw; padding:0; font-size:1.7vw; border-radius:0}
 .promo-card-wrapper.is-visible {transform:translateY(0); opacity:1}
 .promo-card-top {margin-bottom:1vw; padding:0 0.3vw}
 .promo-card-heading {gap: 0.5vw;font-size:0.8vw; letter-spacing:0; font-weight:700; padding-right:1vw}
 .promo-card-digit {background:linear-gradient(180deg,#4d4d4d 0,#2a2a2a 100%); color:#ffffff; width:2vw; height:2vw; display:flex; justify-content:center; align-items:center; border-radius:0.3vw; font-size:1vw; font-weight:800; box-shadow:inset 0 1px 2px rgba(255,255,255,0.1)}
 .promo-card-colon {font-size:2vw}
 .promo-card-timer-group {gap:0.3vw}
 .promo-card-heading img{
  width: 1.2vw;
 }
}
/* Контейнер обгортки */
.promo-card-wrapper a {
    font-weight: 600;
    font-family: 'Gilroy-m';
}

.spots-text {
    font-size: 4.2vw; /* ~22px */
    color: #a0a0a0;
    font-weight: 400;
}

.status-row{
  display: flex;
  justify-content: space-between;
}

.percentage {
    font-size: 4.2vw; /* ~24px */
    color: #FF6B35;
    font-weight: 700;
    text-align: right;
}

/* Прогрес-бар */
.progress-container {
    width: 100%;
    height: 2.5vw; /* 10px */
    background-color: #1a1a1a;
    border-radius: 5vw;
    overflow: hidden;
    border: 0.25vw solid #333; /* 1px тонкий контур */
    margin-bottom: 2vw; /* 20px */
    box-shadow: inset 0 0.5vw 1vw rgba(0,0,0,0.5);
}

.progress-bar {
    width: 87%;
    height: 100%;
    background: #FF6B35;
    border-radius: 5vw;
}

/* Рядок з кількістю місць (Only X spots left) */
.left-text {
    font-size: 4.2vw;
    color: #fff;
    margin-bottom: 3vw;
    font-weight: 400;
}

.left-text b {
    color: #FF6B35;
    font-weight: 700;
}

/* Кнопка всередині промо-картки */
.hero .hero__btn {
    font-weight: 600;
    font-family: 'Gilroy-m';
    position: relative;
    padding-right: 25%;
}

/* Адаптивність для десктопів (min-width: 640px) */
@media (min-width: 640px) {
    .promo-card-wrapper .hero__btn {
        width: 100%;
        height: 4vw;
        padding: 0;
        font-size: 1.4vw;
        border-radius: 1vw;
    }
    
    .status-row {
        margin-bottom: 0vw;
    }

    .spots-text {
        font-size: 1vw;
    }

    .percentage {
        font-size: 1vw;
    }

    .progress-container {
        width: 100%;
        height: 0.5vw;
        border: 1px solid #333;
        margin-bottom: 0.5vw;
        box-shadow: inset 0 0.5vw 1vw rgba(0, 0, 0, 0.5);
    }

    .left-text {
        font-size: 1vw;
        margin-bottom: 0.8vw;
    }
}

/* Додаткові стилі для кнопки в медіа-запиті 800px */
@media (min-width: 800px) {
    .hero__btn {
        margin-bottom: 2vw;
    }
}