/* =========================================
   FINAL PRICES / DATES
   ========================================= */

.mb-prices {
  position: relative;

  overflow: hidden;

  padding:
    clamp(82px, 8vw, 118px)
    0
    clamp(84px, 8vw, 112px);

  color: #241714;

  background:
    radial-gradient(
      circle at 12% 4%,
      rgba(205, 170, 105, 0.12),
      transparent 28%
    ),
    radial-gradient(
      circle at 86% 82%,
      rgba(120, 21, 31, 0.055),
      transparent 32%
    ),
    #f3eee4;
}

.mb-prices__wrap {
  width: min(1420px, calc(100% - 64px));

  margin: 0 auto;
}


/* HEADER */

.mb-prices__header {
  max-width: 920px;

  margin:
    0
    auto
    clamp(52px, 5vw, 72px);

  text-align: center;
}

.mb-prices__ornament {
  width: min(330px, 72%);

  display: flex;
  align-items: center;
  gap: 14px;

  margin:
    0
    auto
    20px;

  color: #b28b4c;
}

.mb-prices__ornament::before,
.mb-prices__ornament::after {
  content: "";

  flex: 1;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(177, 137, 76, 0.72)
    );
}

.mb-prices__ornament::after {
  background:
    linear-gradient(
      90deg,
      rgba(177, 137, 76, 0.72),
      transparent
    );
}

.mb-prices__ornament span {
  font-size: 16px;
}

.mb-prices__title {
  margin: 0;

  font-family: var(--mb-serif);
  font-size: clamp(50px, 5.4vw, 82px);
  font-weight: 400;
  line-height: 0.94;
  letter-spacing: -0.035em;

  text-transform: uppercase;

  color: #241714;
}

.mb-prices__lead {
  max-width: 680px;

  margin: 20px auto 0;

  font-family: var(--mb-serif);
  font-size: clamp(19px, 1.45vw, 24px);
  line-height: 1.4;

  color: #74584e;
}


/* MAIN LAYOUT */

.mb-prices__layout {
  display: grid;

  grid-template-columns:
    minmax(0, 1.55fr)
    minmax(330px, 0.67fr);

  gap: clamp(34px, 4vw, 62px);

  align-items: stretch;
}


/* PRICE AREA */

.mb-prices__dates {
  position: relative;

  padding:
    clamp(34px, 4vw, 58px);

  border:
    1px solid rgba(111, 73, 54, 0.14);

  background:
    rgba(255,255,255,0.46);

  box-shadow:
    0 25px 70px rgba(85, 56, 43, 0.06);
}

.mb-prices__groups {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 0;
}

.mb-prices__group {
  padding:
    4px
    clamp(24px, 3vw, 48px)
    16px;
}

.mb-prices__group + .mb-prices__group {
  border-left:
    1px solid rgba(111, 73, 54, 0.18);
}

.mb-prices__days {
  margin: 0;

  text-align: center;

  font-family: var(--mb-serif);
  font-size: clamp(31px, 3.1vw, 48px);
  line-height: 1;

  color: #741521;
}

.mb-prices__month {
  margin-top: 6px;

  text-align: center;

  font-family: var(--mb-serif);
  font-size: 21px;

  color: #6f5147;
}

.mb-prices__cards {
  display: grid;

  gap: 12px;

  margin-top: 29px;
}

.mb-prices__card {
  min-height: 96px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 15px 18px;

  border:
    1px solid rgba(111, 73, 54, 0.18);

  background:
    rgba(255,255,255,0.42);
}

.mb-prices__zone {
  font-family: var(--mb-serif);
  font-size: 16px;
  line-height: 1.2;

  color: #60483f;
}

.mb-prices__price {
  margin-top: 6px;

  font-family: var(--mb-serif);
  font-size: clamp(29px, 2.3vw, 38px);
  line-height: 1;

  color: #741521;
}

.mb-prices__included {
  max-width: 760px;

  margin:
    42px
    auto
    0;

  padding-top: 30px;

  border-top:
    1px solid rgba(111, 73, 54, 0.15);

  text-align: center;

  font-family: var(--mb-serif);
  font-size: clamp(17px, 1.3vw, 21px);
  line-height: 1.42;

  color: #4e3932;
}

.mb-prices__included strong {
  color: #7c1823;
  font-weight: 400;
}


/* TRUST CARD */

.mb-prices__trust {
  position: relative;

  display: flex;
  flex-direction: column;

  padding:
    clamp(38px, 4vw, 54px)
    clamp(28px, 3vw, 42px);

  border:
    1px solid rgba(216, 176, 100, 0.78);

  color: #f1dfbb;

  background:
    radial-gradient(
      circle at 50% 5%,
      rgba(151, 33, 47, 0.58),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      #68121d 0%,
      #410811 58%,
      #2d050a 100%
    );

  box-shadow:
    0 30px 80px rgba(63, 17, 20, 0.12);
}

.mb-prices__trust::before {
  content: "";

  position: absolute;
  inset: 8px;

  pointer-events: none;

  border:
    1px solid rgba(231, 198, 135, 0.16);
}

.mb-prices__trust-kicker {
  position: relative;
  z-index: 1;

  color: #d7b36c;

  font-family: var(--mb-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.mb-prices__trust-title {
  position: relative;
  z-index: 1;

  margin:
    17px
    0
    30px;

  font-family: var(--mb-serif);
  font-size: clamp(30px, 2.5vw, 40px);
  font-weight: 400;
  line-height: 1.03;

  text-transform: uppercase;

  color: #f3e2bf;
}

.mb-prices__checklist {
  position: relative;
  z-index: 1;

  display: grid;

  gap: 17px;

  margin: 0;
  padding: 0;

  list-style: none;
}

.mb-prices__checklist li {
  position: relative;

  padding-left: 33px;

  font-family: var(--mb-serif);
  font-size: 17px;
  line-height: 1.28;

  color: rgba(246, 229, 195, 0.86);
}

.mb-prices__checklist li::before {
  content: "✓";

  position: absolute;
  left: 0;
  top: -2px;

  width: 22px;
  height: 22px;

  display: grid;
  place-items: center;

  border:
    1px solid rgba(222, 184, 110, 0.65);

  border-radius: 50%;

  color: #e4c47f;

  font-family: Arial, sans-serif;
  font-size: 13px;
}

.mb-prices__trust-bottom {
  position: relative;
  z-index: 1;

  margin-top: auto;
  padding-top: 38px;
}

.mb-prices__trust-divider {
  display: flex;
  align-items: center;
  gap: 12px;

  margin-bottom: 22px;

  color: #d8ae60;
}

.mb-prices__trust-divider::before,
.mb-prices__trust-divider::after {
  content: "";

  flex: 1;

  height: 1px;

  background:
    rgba(217, 175, 96, 0.38);
}

.mb-prices__trust-divider span {
  font-size: 13px;
}

.mb-prices__trust-tagline {
  margin: 0;

  text-align: center;

  font-family: var(--mb-serif);
  font-size: 22px;
  line-height: 1.25;

  color: #e1bf78;
}


/* TABLET */

@media (max-width: 1050px) {

  .mb-prices__layout {
    grid-template-columns:
      minmax(0, 1.4fr)
      minmax(290px, 0.7fr);

    gap: 28px;
  }

  .mb-prices__dates {
    padding:
      38px
      26px;
  }

  .mb-prices__group {
    padding-left: 18px;
    padding-right: 18px;
  }

}


/* MOBILE */

@media (max-width: 700px) {

  .mb-prices {
    padding:
      67px
      0
      70px;
  }

  .mb-prices__wrap {
    width: calc(100% - 28px);
  }

  .mb-prices__header {
    margin-bottom: 34px;
  }

  .mb-prices__title {
    font-size: clamp(42px, 12vw, 54px);
  }

  .mb-prices__lead {
    max-width: 340px;

    margin-top: 15px;

    font-size: 18px;
  }


  .mb-prices__layout {
    display: block;
  }


  .mb-prices__dates {
    padding:
      31px
      15px
      34px;
  }


  .mb-prices__groups {
    display: block;
  }


  .mb-prices__group {
    padding:
      7px
      0
      30px;
  }


  .mb-prices__group + .mb-prices__group {
    margin-top: 27px;
    padding-top: 32px;

    border-left: 0;

    border-top:
      1px solid rgba(111, 73, 54, 0.15);
  }


  .mb-prices__days {
    font-size: 35px;
  }


  .mb-prices__month {
    font-size: 19px;
  }


  .mb-prices__cards {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 9px;

    margin-top: 22px;
  }


  .mb-prices__card {
    min-height: 91px;

    padding:
      13px
      9px;
  }


  .mb-prices__zone {
    max-width: 120px;

    text-align: center;

    font-size: 14px;
  }


  .mb-prices__price {
    font-size: 27px;
  }


  .mb-prices__included {
    margin-top: 25px;
    padding-top: 23px;

    font-size: 16px;
  }


  .mb-prices__trust {
    margin-top: 18px;

    padding:
      38px
      28px
      34px;
  }


  .mb-prices__trust-title {
    max-width: 310px;

    font-size: 31px;
  }


  .mb-prices__checklist {
    gap: 15px;
  }


  .mb-prices__checklist li {
    font-size: 16px;
  }


  .mb-prices__trust-bottom {
    margin-top: 12px;
    padding-top: 34px;
  }

}


/* SMALL MOBILE */

@media (max-width: 380px) {

  .mb-prices__wrap {
    width: calc(100% - 22px);
  }

  .mb-prices__days {
    font-size: 31px;
  }

  .mb-prices__price {
    font-size: 24px;
  }

  .mb-prices__zone {
    font-size: 13px;
  }

}

/* =========================================
   PRICES DECOR POLISH
   ========================================= */

.mb-prices {
  background:
    radial-gradient(
      circle at 10% 12%,
      rgba(201, 163, 92, 0.10) 0%,
      rgba(201, 163, 92, 0.00) 26%
    ),
    radial-gradient(
      circle at 88% 18%,
      rgba(132, 18, 31, 0.06) 0%,
      rgba(132, 18, 31, 0.00) 24%
    ),
    radial-gradient(
      circle at 50% 100%,
      rgba(201, 163, 92, 0.08) 0%,
      rgba(201, 163, 92, 0.00) 28%
    ),
    #f3eee4;
}

/* Светлый основной блок */
.mb-prices__dates {
  position: relative;
  overflow: hidden;
  border-radius: 10px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.62) 0%,
      rgba(255,255,255,0.46) 100%
    );

  box-shadow:
    0 22px 60px rgba(83, 55, 41, 0.06),
    inset 0 1px 0 rgba(255,255,255,0.55);
}

.mb-prices__dates::before,
.mb-prices__dates::after {
  content: "";

  position: absolute;
  width: 84px;
  height: 84px;

  pointer-events: none;
  opacity: 0.42;
}

.mb-prices__dates::before {
  top: 12px;
  left: 12px;

  border-top: 1px solid rgba(184, 145, 79, 0.42);
  border-left: 1px solid rgba(184, 145, 79, 0.42);
}

.mb-prices__dates::after {
  right: 12px;
  bottom: 12px;

  border-right: 1px solid rgba(184, 145, 79, 0.42);
  border-bottom: 1px solid rgba(184, 145, 79, 0.42);
}

/* Лёгкий декоративный орнамент за датами */
.mb-prices__group {
  position: relative;
}

.mb-prices__group::before {
  content: "✦";

  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);

  font-size: 13px;
  line-height: 1;
  color: rgba(178, 139, 76, 0.72);
}

/* Карточки цен */
.mb-prices__card {
  position: relative;
  overflow: hidden;

  border-radius: 8px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.72) 0%,
      rgba(250,247,243,0.54) 100%
    );

  box-shadow:
    0 10px 26px rgba(82, 51, 39, 0.04),
    inset 0 1px 0 rgba(255,255,255,0.5);

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

.mb-prices__card::before {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      135deg,
      rgba(211, 177, 108, 0.12),
      rgba(211, 177, 108, 0.00) 35%
    );

  pointer-events: none;
}

.mb-prices__card:hover {
  transform: translateY(-2px);

  border-color: rgba(177, 137, 76, 0.28);

  box-shadow:
    0 16px 34px rgba(82, 51, 39, 0.07),
    inset 0 1px 0 rgba(255,255,255,0.58);
}

/* Подчёркиваем цены */
.mb-prices__price {
  text-shadow:
    0 0 1px rgba(124, 24, 35, 0.08);
}

/* Блок "в стоимость включены" */
.mb-prices__included {
  position: relative;
}

.mb-prices__included::before {
  content: "✦";

  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);

  padding: 0 10px;

  background: #f8f4ed;
  color: rgba(178, 139, 76, 0.88);
  font-size: 12px;
  line-height: 1;
}

/* Бордовый доверительный блок */
.mb-prices__trust {
  border-radius: 10px;

  box-shadow:
    0 28px 70px rgba(58, 13, 18, 0.18);
}

.mb-prices__trust::after {
  content: "❄";

  position: absolute;
  top: 18px;
  right: 18px;

  font-size: 34px;
  line-height: 1;
  color: rgba(226, 193, 128, 0.12);

  pointer-events: none;
}

/* Заголовок чуть богаче */
.mb-prices__title {
  text-shadow:
    0 1px 0 rgba(255,255,255,0.35);
}

/* Мобильная адаптация */
@media (max-width: 700px) {

  .mb-prices__dates {
    border-radius: 8px;
  }

  .mb-prices__dates::before,
  .mb-prices__dates::after {
    width: 46px;
    height: 46px;
    opacity: 0.34;
  }

  .mb-prices__group::before {
    top: -1px;
    font-size: 11px;
  }

  .mb-prices__card {
    border-radius: 7px;
  }

  .mb-prices__included::before {
    top: -10px;
    font-size: 11px;
  }

  .mb-prices__trust::after {
    top: 14px;
    right: 14px;
    font-size: 26px;
  }
}

/* =========================================
   PRICES DECOR POLISH V2
   ========================================= */

.mb-prices {
  background:
    radial-gradient(
      circle at 12% 14%,
      rgba(184, 145, 79, 0.08) 0%,
      rgba(184, 145, 79, 0.00) 24%
    ),
    radial-gradient(
      circle at 88% 22%,
      rgba(136, 18, 31, 0.05) 0%,
      rgba(136, 18, 31, 0.00) 26%
    ),
    linear-gradient(
      180deg,
      #f5f0e7 0%,
      #f2ece2 100%
    );
}

/* Главный светлый блок */
.mb-prices__dates {
  position: relative;
  overflow: hidden;
  border-radius: 14px;

  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(193, 157, 93, 0.035) 0%,
      rgba(193, 157, 93, 0.00) 58%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.82) 0%,
      rgba(252,249,244,0.74) 100%
    );

  box-shadow:
    0 20px 60px rgba(78, 54, 43, 0.06),
    inset 0 1px 0 rgba(255,255,255,0.7);

  border: 1px solid rgba(193, 157, 93, 0.16);
}

/* Декоративные уголки */
.mb-prices__dates::before,
.mb-prices__dates::after {
  content: "";
  position: absolute;
  width: 96px;
  height: 96px;
  pointer-events: none;
  opacity: 0.55;
}

.mb-prices__dates::before {
  top: 14px;
  left: 14px;
  border-top: 1px solid rgba(193, 157, 93, 0.30);
  border-left: 1px solid rgba(193, 157, 93, 0.30);
}

.mb-prices__dates::after {
  right: 14px;
  bottom: 14px;
  border-right: 1px solid rgba(193, 157, 93, 0.30);
  border-bottom: 1px solid rgba(193, 157, 93, 0.30);
}

/* Очень мягкий орнамент по центру фона */
.mb-prices__dates > * {
  position: relative;
  z-index: 1;
}

.mb-prices__dates .mb-prices__included::after {
  content: "✦  ✦  ✦";
  position: absolute;
  left: 50%;
  bottom: -34px;
  transform: translateX(-50%);
  font-size: 14px;
  letter-spacing: 10px;
  color: rgba(184, 145, 79, 0.16);
  pointer-events: none;
}

/* Колонки с датами */
.mb-prices__group {
  position: relative;
  padding-top: 8px;
}

.mb-prices__group::before {
  content: "✦";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
  line-height: 1;
  color: rgba(184, 145, 79, 0.78);
}

/* Более красивая разделительная линия между 2 группами */
.mb-prices__group + .mb-prices__group {
  position: relative;
}

.mb-prices__group + .mb-prices__group::after {
  content: "";
  position: absolute;
  left: -28px;
  top: 4%;
  bottom: 4%;
  width: 1px;

  background:
    linear-gradient(
      180deg,
      rgba(184, 145, 79, 0.00) 0%,
      rgba(184, 145, 79, 0.34) 12%,
      rgba(184, 145, 79, 0.42) 50%,
      rgba(184, 145, 79, 0.34) 88%,
      rgba(184, 145, 79, 0.00) 100%
    );

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

/* Маленькие ромбики сверху и снизу линии */
.mb-prices__group + .mb-prices__group {
  background-image:
    radial-gradient(circle, rgba(184,145,79,0.00) 0, rgba(184,145,79,0.00) 100%);
}

/* Карточки цен */
.mb-prices__card {
  position: relative;
  overflow: hidden;
  border-radius: 10px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.86) 0%,
      rgba(250,247,242,0.72) 100%
    );

  border: 1px solid rgba(182, 145, 84, 0.18);

  box-shadow:
    0 10px 24px rgba(87, 60, 48, 0.045),
    inset 0 1px 0 rgba(255,255,255,0.72);

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

.mb-prices__card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    linear-gradient(
      135deg,
      rgba(215, 184, 122, 0.12) 0%,
      rgba(215, 184, 122, 0.00) 34%
    );
}

.mb-prices__card:hover {
  transform: translateY(-2px);
  border-color: rgba(182, 145, 84, 0.30);

  box-shadow:
    0 18px 34px rgba(87, 60, 48, 0.075),
    inset 0 1px 0 rgba(255,255,255,0.76);
}

.mb-prices__price {
  text-shadow: 0 1px 0 rgba(255,255,255,0.42);
}

/* Блок "в стоимость включены" */
.mb-prices__included {
  position: relative;
}

.mb-prices__included::before {
  content: "✦";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 12px;
  background: #faf7f1;
  color: rgba(184, 145, 79, 0.88);
  font-size: 12px;
  line-height: 1;
}

/* Бордовый блок справа делаем глубже */
.mb-prices__trust {
  position: relative;
  border-radius: 14px;

  background:
    radial-gradient(
      circle at 50% 18%,
      rgba(172, 29, 49, 0.22) 0%,
      rgba(172, 29, 49, 0.00) 46%
    ),
    linear-gradient(
      180deg,
      #8e0f22 0%,
      #6f0717 100%
    );

  box-shadow:
    0 24px 56px rgba(63, 11, 18, 0.20);
}

.mb-prices__trust::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(214, 177, 109, 0.16);
  pointer-events: none;
}

.mb-prices__trust::after {
  content: "❄";
  position: absolute;
  top: 18px;
  right: 18px;
  font-size: 30px;
  line-height: 1;
  color: rgba(226, 193, 128, 0.12);
  pointer-events: none;
}

/* Подзаголовок и заголовок */
.mb-prices__title {
  text-shadow: 0 1px 0 rgba(255,255,255,0.34);
}

.mb-prices__subtitle {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* Чуть наряднее подпись снизу */
.mb-prices__trust-note,
.mb-prices__trust-bottom,
.mb-prices__trust-footer {
  position: relative;
}

/* Мобилка */
@media (max-width: 700px) {

  .mb-prices__dates {
    border-radius: 10px;
  }

  .mb-prices__dates::before,
  .mb-prices__dates::after {
    width: 48px;
    height: 48px;
    opacity: 0.34;
  }

  .mb-prices__group {
    padding-top: 2px;
  }

  .mb-prices__group::before {
    top: -3px;
    font-size: 11px;
  }

  .mb-prices__group + .mb-prices__group::after {
    display: none;
  }

  .mb-prices__card {
    border-radius: 8px;
  }

  .mb-prices__included::before {
    top: -10px;
    font-size: 11px;
  }

  .mb-prices__dates .mb-prices__included::after {
    display: none;
  }

  .mb-prices__trust {
    border-radius: 10px;
  }

  .mb-prices__trust::after {
    top: 14px;
    right: 14px;
    font-size: 24px;
  }
}