@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@300;400;500&family=Montserrat:wght@300;400;500;600&display=swap");
:root {
  --accent: #d46751;
  --accent-50: rgba(212, 103, 81, 0.5);
  --accent-foc: #f16752;
  --accent-hov: #e0a734;
  --black: #232323;
  --secondary: #d46751;
  --solitude: #ebf5fe;
  --white: #ffffff;
}

html {
  box-sizing: border-box;
}

* {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  font-family: "Montserrat", sans-serif;
  color: var(--black);
}
@media (min-width: 768px) {
  * {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  * {
    font-size: 20px;
  }
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

img {
  max-width: 100%;
  height: auto;
}

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

  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

p {
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;

  list-style: none;
}

button {
  padding: 0;

  color: inherit;

  background: transparent;
  border: none;
}

input {
  outline: none;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh !important;

  background: var(--solitude);
}

main {
  flex: 1 0 auto;
  padding-top: 76px;
  padding-bottom: 60px;
}
@media (min-width: 1200px) {
  main {
    padding-top: 120px;
    padding-bottom: 100px;
  }
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-7px);
            transform: translateX(-7px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
}

@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-7px);
            transform: translateX(-7px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
}
.shaked {
  -webkit-animation-name: shake;
          animation-name: shake;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;

  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.body-hidden {
  overflow: hidden;
}

.title {
  margin-bottom: 12px;

  font-size: 42px;
  line-height: 1;
  font-family: "Cormorant Infant", serif;
  text-align: center;
}
@media (min-width: 768px) {
  .title {
    margin-bottom: 25px;

    font-size: 52px;
  }
}
@media (min-width: 1200px) {
  .title {
    margin-bottom: 50px;

    font-size: 64px;
  }
}

.title-sub--mt {
  margin-top: 40px;
}
.title-sub span {
  color: var(--accent);
}
.title-sub,
.title-sub span {
  margin-bottom: 8px;

  font-weight: 500;
  font-size: 20px;
}
@media (min-width: 768px) {
  .title-sub,
  .title-sub span {
    margin-bottom: 20px;

    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .title-sub,
  .title-sub span {
    margin-bottom: 40px;

    font-size: 28px;
  }
}

.btn {
  position: relative;

  display: block;
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  padding: 22px 18px;
  /* Для псевдоэлемента */
  overflow: hidden;

  font-weight: 500;
  text-align: center;
  color: #ebf5fe;
  text-transform: uppercase;

  background: linear-gradient(298.88deg, #d46751 -64.01%, rgba(210, 118, 100, 0.73) 6.38%, rgba(188, 99, 81, 0.6) 29.99%, #D7624A 79.31%, #CA5F49 150.49%, #3f3826 207.9%), linear-gradient(115.45deg, #be5f4c 6.93%, #f6d5a3 37.56%, #e9d4b5 58.99%, #bea481 92.06%, #bea481 116.61%);
  /* Обрезает блеск за границами кнопки */
  border-radius: 8px;
  cursor: pointer;

  transition: box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  /* Плавный переход */
}
@media (max-width: 767.98px) {
  .btn {
    width: 100%;
  }
}
.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -200%;
  /* Начинает за пределами кнопки слева */

  width: 200%;
  /* Увеличена ширина для плавного перехода */
  height: 100%;

  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);

  -webkit-animation: shine 4s linear infinite;
          animation: shine 4s linear infinite;
  /* Постоянная анимация */
}
.btn:hover {
  /* Увеличение тени при наведении */
  /* Увеличение при наведении */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 8px 16px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.btn:focus {
  background: var(--accent-foc);
}
.btn:disabled {
  cursor: inherit;
  opacity: 0.6;
}
.btn.arrow::after {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='49' height='16' viewBox='0 0 49 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M48.7071 8.70711C49.0976 8.31659 49.0976 7.68342 48.7071 7.2929L42.3431 0.928936C41.9526 0.538411 41.3195 0.538411 40.9289 0.928936C40.5384 1.31946 40.5384 1.95263 40.9289 2.34315L46.5858 8L40.9289 13.6569C40.5384 14.0474 40.5384 14.6805 40.9289 15.0711C41.3195 15.4616 41.9526 15.4616 42.3431 15.0711L48.7071 8.70711ZM-8.74228e-08 9L48 9L48 7L8.74228e-08 7L-8.74228e-08 9Z' fill='white'/%3e%3c/svg%3e ");

  margin-left: 24px;
}
.btn.adding::after {
  content: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9.36986H8.90625V15.5H6.09375V9.36986H0V6.66438H6.09375V0.5H8.90625V6.66438H15V9.36986Z' fill='white'/%3E%3C/svg%3E%0A");

  margin-left: 12px;
}
@-webkit-keyframes shine {
  0% {
    left: -200%;
    /* Начинаем с позиции, где блеск не виден */
  }
  50% {
    left: 0;
    /* Когда блеск полностью покрывает кнопку */
  }
  100% {
    left: 200%;
    /* Переходит за пределы кнопки справа */
  }
}
@keyframes shine {
  0% {
    left: -200%;
    /* Начинаем с позиции, где блеск не виден */
  }
  50% {
    left: 0;
    /* Когда блеск полностью покрывает кнопку */
  }
  100% {
    left: 200%;
    /* Переходит за пределы кнопки справа */
  }
}

.btn-border {
  padding: 10px 46px;

  font-weight: 600;

  border: 2px solid var(--accent);
  cursor: pointer;

  transition: 0.3s;
}
@media (min-width: 768px) {
  .btn-border {
    padding: 13px 60px;
  }
}
.btn-border:hover {
  color: var(--white);

  background: var(--accent);
}

.link-arrow {
  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  height: 66px;
  /* Начальный фон */
  padding: 10px;

  background-color: #f4efe9;
  border-radius: 4px;

  transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.link-arrow span {
  position: relative;

  padding-bottom: 10px;

  border-bottom: 1.5px solid #80350b;

  transition: color 0.3s ease, border-color 0.3s ease;
}
.link-arrow:hover {
  /* Увеличение тени при наведении */
  background-color: #ce9b52;
  /* Увеличение при наведении */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 22px 32px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  /* Меняется фон */
}
.link-arrow:hover span {
  color: #ffffff;
  /* Текст становится белым */

  border-color: #ffffff;
  /* Цвет линии под текстом меняется */
}
@-webkit-keyframes blink {
  0%,
  1% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes blink {
  0%,
  1% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
}

.breadcrumbs {
  margin: 15px 0;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin-bottom: 36px;
  }
}
@media (min-width: 1200px) {
  .breadcrumbs {
    margin: 20px 0;
  }
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
@media (min-width: 768px) {
  .pagination {
    margin-top: 25px;
  }
}
.pagination a {
  margin: 0 3px;
}
.pagination .current {
  color: var(--accent);
}
.pagination .prev,
.pagination .next {
  height: 22px;
}
.pagination .next {
  margin-left: 20px;

  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pagination .prev {
  margin-right: 20px;
}
@media (min-width: 1200px) {
  .pagination .next {
    margin-left: 50px;
  }
  .pagination .prev {
    margin-right: 50px;
  }
}

.navigation {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  .navigation {
    margin-top: 20px;
  }
}

.copy-js {
  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;

  cursor: pointer;
}
.copy-js-icon {
  width: 24px;
  height: 24px;
  margin-left: 5px;

  background-image: url("../img/sprite.svg#copy");
  background-position: center;
  background-size: cover;
}

.is-bordered {
  padding: 32px 15px;

  border: 1px solid var(--accent);
}
@media (min-width: 1200px) {
  .is-bordered {
    padding: 32px;
  }
}

.is-copied {
  position: relative;

  padding-right: 1.5em;

  cursor: pointer;
}
.is-copied--blinked::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: calc(100% - 1.5em);
  height: 100%;

  background-color: currentColor;
  border-radius: 0.2em;

  -webkit-animation: forwards;
          animation: forwards;
  -webkit-animation-name: blink;
          animation-name: blink;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;

  pointer-events: none;
}
.is-copied::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;

  width: 1em;
  height: 1em;

  background-image: url("../img/sprite.svg#copied");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.visually-hidden {
  position: absolute;

  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;

  white-space: nowrap;

  border: 0;

  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}

@keyframes blink {
  0%,
  1% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
}
.header {
  position: fixed;
  top: 0;
  z-index: 10;

  width: 100vw;

  background: var(--solitude);
}
.header .container {
  position: relative;
}
.header .container::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  height: 2px;

  background: var(--accent);
}
@media (min-width: 1200px) {
  .header .container::after {
    right: -35px;
    left: -35px;
  }
}
.header .row {
  height: 76px;
}
@media (min-width: 1200px) {
  .header .row {
    height: 120px;
    padding-bottom: 14px;
  }
}
.header .burger {
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 15;

  width: 42px;
  height: 28px;

  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.header .burger span {
  top: 50%;

  width: 32px;

  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header .burger span,
.header .burger span::after,
.header .burger span::before {
  position: absolute;
  right: 0;

  height: 3px;

  background: var(--accent);
}
.header .burger span::after,
.header .burger span::before {
  content: "";

  width: 42px;

  transition: 0.3s;
}
.header .burger span::after {
  top: -12px;
}
.header .burger span::before {
  top: 12px;
}
.header__logo img {
  max-height: 65px;
  padding-left: 15px;
}
@media (min-width: 1200px) {
  .header__logo img {
    max-height: 70px;
	margin-right: 32px;
  }
}
.header__content {
  background: var(--solitude);
}
@media (max-width: 1199.98px) {
  .header__content {
    display: none;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 1199.98px) and (min-width: 768px) {
  .header__content {
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .header__content-menu {
    flex-grow: 1;
  }
  .header__content-menu ul {
            columns: 2;

    -webkit-columns: 2;
       -moz-columns: 2;
  }
}
@media (max-width: 767.98px) {
  .header__content-menu ul {
    margin-bottom: 25px;
  }
  .header__content-menu ul li {
    text-align: center;
  }
}
@media (max-width: 1199.98px) {
  .header__content-menu ul li {
    margin-bottom: 12px;
  }
  .header__content-menu ul li:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {

  .header__content-menu ul {
    display: flex;
    justify-content: flex-start;
  }

 .header__content-menu li:not(:last-child) {
	margin-right: 16px;
  }
}

.header__content-menu a {
  display: inline-block;
  padding: 5px;

  font-weight: 500;
  font-size: 16px;
  color: var(--black);
  text-decoration: none;

  border-radius: 5px;

  transition: background 0.3s, color 0.3s;
}
.header__content-menu a:hover {
  color: var(--accent);
}
.header__content-menu a.is-marked {
  font-weight: 500 !important;
  color: #ffffff !important;

  background: linear-gradient(45deg, #D7624A, #bA5F49);
  border: 1px solid #D7624A;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);

  transition: background 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, background 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
}
.header__content-menu a.is-marked:hover {
  color: #ffffff !important;

  background: linear-gradient(45deg, #f46751, #CA5F49);
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.header__content-top {
  display: flex;
}
@media (max-width: 1199.98px) {
  .header__content-top {
    flex-direction: column;
    order: 2;
  }
}
@media (max-width: 1199.98px) and (min-width: 768px) {
  .header__content-top {
    align-items: flex-end;
  }
}
@media (max-width: 767.98px) {
  .header__content-top {
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .header__content-top {

    justify-content: space-between;
    margin-bottom: 15px;
  }
}
.header.opened .container::after {
  content: none;
}
.header.opened .burger span {
  background: transparent;
}
.header.opened .burger span::after {
  top: 0;

  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header.opened .burger span::before {
  top: 0;

  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.header.opened .header__logo {
  display: none;
}
.header.opened .header__content {
  display: flex;
}
.header__contact {
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;

  font-weight: 500;
  font-size: 18px;
}
@media (min-width: 768px) {
  .header__contact {
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .header__contact {
    margin-bottom: 0;
  }
}
.header__contact svg {
  flex-shrink: 0;
  margin-right: 8px;
}
.header__contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .header__contacts {
    align-items: flex-end;
  }
}

.dropdown {
  position: relative;

  text-align: left;
}

.dropdown-toggle {
  display: inline-block;
  padding: 10px 15px;

  text-align: center;
  color: white;
  text-decoration: none;

  background: #7f360b;
  border: 1px solid #7f360b;
  border-radius: 5px;

  transition: background 0.3s ease;
}

.dropdown-toggle:hover {
  background: linear-gradient(45deg, #f0c14b, #d9a61d);
  border: 1px solid #d9a61d;
}

.dropdown-toggle,
.dropdown-toggle .arrow {
  color: white;
}

.dropdown-toggle {
  color: white !important;
}

.submenu {
  position: absolute;
  left: 50%;
  z-index: 2000;

  display: block;
  padding: 10px;
  /* Перемещаем влево на половину ширины и добавляем отступ сверху */

  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Центрируем по горизонтали */
  -webkit-transform: translateX(-50%) translateY(10px);
          transform: translateX(-50%) translateY(10px);
  visibility: hidden;
  opacity: 0;

  transition: opacity 0.3s ease, visibility 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s, -webkit-transform 0.3s ease;
}

.dropdown:hover .submenu,
.dropdown.active .submenu {
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
  visibility: visible;
  opacity: 1;
  /* Центрируем и убираем трансформацию по Y */

  pointer-events: auto;
}

.submenu li {
  margin: 5px 0;

  white-space: nowrap;
}

.submenu a {
  display: block;
  padding: 5px 10px;

  color: #000000;
  text-decoration: none;
}

.submenu a:hover {
  color: white;

  background: #ce9b52;
}

.dropdown-arrow {
  display: inline-block;
  margin-left: 5px;

  font-size: 12px;
  color: white;

  transition: -webkit-transform 0.3s ease;
  transition:         transform 0.3s ease;
  transition:         transform 0.3s ease, -webkit-transform 0.3s ease;
  /* уменьшите размер стрелки */
}

.dropdown.active .dropdown-arrow,
.dropdown:hover .dropdown-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.header__content-menu a.is-marked {
  font-weight: 500 !important;
  color: #ffffff !important;

  background: linear-gradient(45deg, #D7624A, #bA5F49);
  border: 1px solid #D7624A;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);

  transition: background 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, background 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
}

.header__content-menu a.is-marked:hover {
  color: #ffffff !important;

  background: linear-gradient(45deg, #f46751, #CA5F49);
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

@media (max-width: 767px) {
  .submenu {
    left: 50%;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (min-width: 768px) {
  .submenu {
    left: 100%;

    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.footer {
  position: relative;

  padding: 23px 0 13px;

  background: var(--solitude);
}
@media (min-width: 768px) {
  .footer {
    padding: 33px 0 16px;
  }
}
@media (min-width: 1200px) {
  .footer {
    padding: 24px 0 10px;
  }
}
.footer__content {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .footer__content {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .footer__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .footer__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
    margin-bottom: 29px;
  }
}
.footer__menu {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .footer__menu {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .footer__menu {
    margin-bottom: 10px;
  }
}
.footer__menu ul {
  width: 100%;
}
@media (max-width: 1199.98px) {
  .footer__menu ul {
    flex-direction: column;
  }
}
@media (max-width: 1199.98px) and (min-width: 768px) {
  .footer__menu ul {
    flex-grow: 1;

            columns: 2;

    -webkit-columns: 2;
       -moz-columns: 2;
  }
}
@media (max-width: 1199.98px) {
  .footer__menu ul li {
    margin-bottom: 12px;
  }
  .footer__menu ul li:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1199.98px) and (max-width: 767.98px) {
  .footer__menu ul li {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .footer__menu ul {
    display: flex;
    justify-content: flex-start;
  }
 .footer__menu li:not(:last-child) {
    margin-right: 16px;
  }
}
.footer__menu a {
  font-weight: 300;
  font-size: 18px;
}
.footer__menu a:hover {
  color: var(--accent);
}
.footer__contacts {
  text-align: center;
}
@media (max-width: 1199.98px) {
  .footer__contacts {
    flex-direction: column;
  }
}
@media (max-width: 1199.98px) and (min-width: 768px) {
  .footer__contacts {
    align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .footer__contacts {
	text-align: end;
  }
}
.footer__contacts__item {
  display: flex;
  align-items: center;
  font-size: 18px;
}

.footer__contacts__item--column {
  align-items: flex-start;
  flex-direction: column;
}

.footer__contacts__item--column div {
  display: flex;
  align-items: center;
}

.footer__contacts__item svg {
  flex-shrink: 0;
  margin-right: 6px;
}
@media (max-width: 1199.98px) {
  .footer__contacts__item {
    margin-bottom: 6px;
  }
  .footer__contacts__item:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .footer__contacts__item:first-child {
    order: 2;
  }
}
.footer__bot {
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .footer__bot {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .footer__bot {
    justify-content: space-between;
  }
}
.footer__policy {
  font-size: 16px;
  color: var(--black);
  text-decoration: underline;
}
.footer__arrow {
  position: absolute;
  top: 18px;
  right: 18px;

  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;

  border: 2px solid var(--black);
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.4;

  transition: 0.3s;
}
.footer_dark {
  background: var(--accent);
}
.footer_dark * {
  color: var(--white);
}
.footer_dark .footer__menu a:hover {
  color: var(--white);
}
.footer_dark .footer__policy {
  color: var(--white);
}
.footer_dark .footer__arrow {
  border-color: var(--white);
}
.footer_dark .footer__arrow svg path {
  fill: var(--white);
}

.news {
  display: grid;

  gap: 20px;
  grid-template-columns: 100%;
}
@media (min-width: 768px) {
  .news {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.news__item {
  display: flex;
  flex-direction: column;
}
.news__item-img {
  position: relative;

  padding-top: 55%;
}
.news__item-img img {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  -o-object-fit: cover;
     object-fit: cover;
}
.news__item-bot {
  flex-grow: 1;
  padding: 7px 17px 4px;

  background: white;
}
@media (min-width: 1200px) {
  .news__item-bot {
    padding: 13px 30px 11px;
  }
}
.news__item-title {
  margin-bottom: 18px;
}
@media (min-width: 1200px) {
  .news__item-title {
    margin-bottom: 30px;

    font-size: 18px;
  }
}
.news__item-date {
  font-weight: 300;
  font-size: 12px;
}
@media (min-width: 1200px) {
  .news__item-date {
    font-size: 16px;
  }
}
.news-detail__title {
  margin-bottom: 15px;

  font-size: 20px;
}
@media (min-width: 768px) {
  .news-detail__title {
    font-size: 34px;
  }
}
@media (min-width: 1200px) {
  .news-detail__title {
    margin-bottom: 30px;

    font-size: 54px;
  }
}
.news-detail__wrap {
  margin-bottom: 27px;
}
@media (min-width: 1200px) {
  .news-detail__wrap {
    margin-bottom: 60px;
  }
}
@media (max-width: 1199.98px) {
  .news-detail__img {
    margin-bottom: 20px;
  }
}
.news-detail__date {
  margin-bottom: 4px;

  font-weight: 300;
  font-size: 14px;
}
@media (min-width: 768px) {
  .news-detail__date {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .news-detail__date {
    margin-bottom: 13px;
  }
}
.news-slider {
  margin-top: 60px;
}
@media (min-width: 1200px) {
  .news-slider {
    margin-top: 90px;
  }
}
@media (min-width: 1200px) {
  .news-slider .title-sub {
    margin-bottom: 20px;
  }
}
.news-slider__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.news-slider .news__item {
  height: 100%;
}

.gallery-block {
  display: grid;

  gap: 12px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .gallery-block {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .gallery-block {
    grid-template-columns: repeat(4, 1fr);
  }
}
.gallery-block a {
  position: relative;

  display: block;
  padding-top: 63.5%;
}
.gallery-block a img {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  -o-object-fit: cover;
     object-fit: cover;
}

.popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;

  display: none;
}
.popup__back {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background: rgba(0, 0, 0, 0.5);
}
.popup__close {
  position: absolute;
  top: 20px;
  right: 20px;

  cursor: pointer;
}
.popup__wrap {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 100%;
  max-width: 324px;
  padding: 15px 12px;

  background-color: var(--white);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.popup .title-sub {
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .popup__wrap {
    max-width: 600px;
    padding: 20px 70px;
  }
}
@media (min-width: 1200px) {
  .popup__wrap {
    max-width: 790px;
    padding: 20px 90px;
  }
}

.custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;

  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;

  background-color: var(--modal-overlay, transparent);
  visibility: var(--modal-visibility, hidden);

  transition: background-color 0.2s ease-in-out;

  pointer-events: var(--modal-events, none);
}
.custom-modal--open {
  --modal-events: auto;
  --modal-overlay: rgba(0, 0, 0, 0.6);
  --modal-visibility: visible;
  --modal-window-opacity: 1;
  --modal-window-scale: 1;
}
.custom-modal__wrapper {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: normal;
  width: 100%;
  min-height: 100%;
  margin: auto;
}
.custom-modal__window {
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  max-width: 100%;
  margin: 50px 15px;
  overflow: visible;

  -webkit-transform: scale(var(--modal-window-scale, 0.9));
          transform: scale(var(--modal-window-scale, 0.9));
  opacity: var(--modal-window-opacity, 0);

  transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.custom-modal__content {
  position: relative;

  width: 100%;
  margin: 0 auto;
}
.custom-modal__content--order {
  max-width: 790px;
}
.custom-modal__content--review {
  max-width: 520px;
}
.custom-modal__close {
  position: absolute;
  top: 15px;
  right: 15px;

  width: 26px;
  height: 26px;
  padding: 0;

  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2601 13.0005L25.9989 2.26063L23.7383 -0.000244141L12.9994 10.7396L2.26067 -0.000115342L0 2.26076L10.7387 13.0005L0.00148102 23.7387L2.26215 25.9996L12.9994 15.2613L23.7368 25.9997L25.9975 23.7388L15.2601 13.0005Z' fill='%2380350B' fill-opacity='0.4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  cursor: pointer;
}

.table {
  width: 100%;

  border-collapse: collapse;
}
.table td {
  padding: 16px;
}
.table thead {
  background: var(--accent);
}
.table thead td {
  color: var(--white);

  border: 2px solid var(--accent);
  border-right-color: var(--solitude);
}
.table thead td:last-child {
  border-right-color: var(--accent);
}
.table tbody td {
  border: 2px solid var(--accent);
}

/*default*/
.swiper-pagination-bullet {
  border-radius: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);

  --swiper-pagination-bullet-horizontal-gap: 6px;
}

.swiper-button-next,
.swiper-button-prev {
  width: 48px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  content: url("../img/sprite.svg#arrow-left");

  width: 100%;

  line-height: 0;
}

.swiper-button-next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*first-slider*/
.first-slider {
  --swiper-pagination-bullet-inactive-color: var(--white);
  --swiper-pagination-bullet-inactive-opacity: 0.5;
  --swiper-pagination-color: var(--white);
}
.first-slider .swiper-button-next::after,
.first-slider .swiper-button-prev::after {
  content: url("../img/sprite.svg#arrow_slider_main");
}
.first-slider .swiper-button-next {
  -webkit-transform: none;
          transform: none;
}
.first-slider .swiper-button-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*news-slider*/
.news-slider {
  --swiper-pagination-bullet-inactive-color: var(--black);
  --swiper-pagination-bullet-inactive-opacity: 0.3;
  --swiper-pagination-color: var(--accent);
}
.news-slider .swiper-slide {
  height: auto;
}
.news-slider .swiper-pagination {
  position: static;

  display: flex;
  width: auto;
  margin: 0 15px;
}
.news-slider .swiper-button-next,
.news-slider .swiper-button-prev {
  position: static;

  height: auto;
  margin-top: auto;
}

.fslightbox-slide-number-container * {
  color: inherit;
}

main.page-main {
  padding-top: 96px;
  padding-bottom: 0;
}

@media (min-width: 1200px) {
  main.page-main {
    padding-top: 140px;
  }
}

.first {
  padding-top: 15px;
  padding-bottom: 60px;
}
@media (min-width: 1200px) {
  .first {
    padding-top: 56px;
    padding-bottom: 70px;
  }
}
.first-content {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .first-content {
    margin-bottom: 36px;
  }
}
.first-content .btn {
  /*@include media-min($laptop){
    margin-top: auto;}*/
  padding: 24px 18px;

  font-weight: 600;
}
.first-title,
.first-title span {
  margin-bottom: 14px;

  font-size: 20px;
  font-family: "Cormorant Infant", serif;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .first-title,
  .first-title span {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .first-title,
  .first-title span {
    font-size: 38px;
  }
}
@media (max-width: 767.98px) {
  .first-title {
    text-align: center;
  }
}
.first-title span {
  color: var(--accent);
}
@media (min-width: 1200px) {
  .first-title {
    margin-bottom: 24px;
  }
}
@media (max-width: 1199.98px) {
  .first-slider {
    margin-bottom: 24px;
  }
}
.first-text {
  margin-bottom: 24px;
}
.first-text p {
  margin-bottom: 8px;

  font-size: 16px;
  /*@include media-min($laptop){ //client wishes
    font-size: 19px;}*/
}
.first-text p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .first-text {
    margin-bottom: 40px;
  }
}
@media (max-width: 1199.98px) {
  .first-menu {
    max-width: 546px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .first-menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (max-width: 767.98px) {
  .first-menu .link-arrow {
    margin: 0 auto;
  }
}
.first-menu .link-arrow span {
  font-size: 20px;
}
.first-menu .link-arrow.is-marked {
  position: relative;

  display: block;
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  padding: 22px 18px;
  overflow: hidden;

  font-weight: 500;
  text-align: center;
  color: #f4efe9;
  text-transform: uppercase;

  background: linear-gradient(298.88deg, #827040 -64.01%, rgba(233, 188, 77, 0.73) 6.38%, rgba(207, 147, 0, 0.6) 29.99%, #ce9b52 79.31%, #d7bb76 150.49%, #3f3826 207.9%), linear-gradient(115.45deg, #b3834a 6.93%, #f6d5a3 37.56%, #e9d4b5 58.99%, #bea481 92.06%, #bea481 116.61%);
  border-radius: 8px;
  cursor: pointer;

  transition: box-shadow 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease;
}
.first-menu .link-arrow.is-marked::before {
  content: "";
  position: absolute;
  top: 0;
  left: -200%;

  width: 200%;
  height: 100%;

  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);

  -webkit-animation: shine 4s linear infinite;
          animation: shine 4s linear infinite;
}
.first-menu .link-arrow.is-marked span {
  padding: 0;

  color: inherit;

  border: 0;
}

.projects {
  padding: 22px 0 38px;

  background: var(--accent);
}
@media (min-width: 1200px) {
  .projects {
    padding: 36px 0 84px;
  }
}
.projects * {
  color: white;
}
@media (max-width: 1199.98px) {
  .projects-photo {
    margin-bottom: 32px;
  }
}
@media (max-width: 767.98px) {
  .projects-photo__item {
    margin-bottom: 8px;
  }
  .projects-photo__item:last-child {
    margin-bottom: 0;
  }
}
.projects-photo__item-wrap {
  position: relative;

  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  margin: 0 auto;
}
.projects-photo__item-wrap::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  height: 100px;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.projects-photo__item-wrap span {
  position: absolute;
  right: 0;
  bottom: 15px;
  left: 0;
  z-index: 1;

  font-weight: 500;
  font-size: 32px;
  text-align: center;
}
.projects-photo__item-wrap img {
  display: block;
}
.projects-text {
  padding: 13px 0;

  border-top: 2px solid #f4efe9;
  border-bottom: 2px solid #f4efe9;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .projects-text {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .projects-text {
    padding: 25px 0;
  }
}
.projects__btn {
  background: var(--secondary);
}

.about {
  padding: 60px 0 30px;
}
@media (min-width: 1200px) {
  .about {
    padding: 120px 0 90px;
  }
}
.about-item {
  margin-bottom: 60px;
}
.about-item:last-child {
  margin-bottom: 0;
}
.about-item:last-child .about-item__info {
  margin-left: auto;
}
@media (min-width: 1200px) {
  .about-item:last-child .about-item__info {
    padding-bottom: 30px;
  }
}
@media (max-width: 767.98px) {
  .about-item__img {
    margin-bottom: 14px;
  }
}
.about-item__info {
  max-width: 615px;
}

.news-main {
  padding: 30px 0 60px;
}
.news-main .news {
  margin-bottom: 6px;
}
.news-main__all {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .news-main__all {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .news-main {
    padding: 90px 0 75px;
  }
  .news-main .news {
    margin-bottom: 16px;
  }
}

.contacts-main {
  padding: 30px 0;

  background: var(--accent);
}
.contacts-main * {
  color: white;
}
@media (min-width: 1200px) {
  .contacts-main {
    padding: 53px 0 122px;
  }
}
.contacts-main__left {
  padding: 10px 0;

  border-top: 2px solid #f4efe9;
  border-bottom: 2px solid #f4efe9;
}
@media (max-width: 767.98px) {
  .contacts-main__left {
    margin-bottom: 25px;
  }
}
@media (min-width: 768px) {
  .contacts-main__left {
    padding: 22px 0;
  }
}
@media (min-width: 1200px) {
  .contacts-main__left {
    padding: 60px 0;
  }
}
.contacts-main__item {
  margin-bottom: 24px;
}
.contacts-main__item:last-child {
  margin-bottom: 0;
}
.contacts-main__map {
  position: relative;

  overflow: hidden;
}
@media (min-width: 768px) {
  .contacts-main__map {
    height: 100%;

    border-radius: 4px;
  }
}
.contacts-main__map iframe {
  width: 100%;
  height: 289px;
}
@media (min-width: 768px) {
  .contacts-main__map iframe {
    height: 100%;
  }
}

.gallery {
  display: grid;

  gap: 20px;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .gallery {
    gap: 14px 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .gallery {
    gap: 40px 30px;
  }
}
.gallery-item__img {
  position: relative;

  display: block;
  padding-top: 63.5%;
}
.gallery-item__img img {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-item__top {
  margin-bottom: 8px;
}
.gallery-item__top span {
  font-weight: 300;
  font-size: 12px;
}
@media (min-width: 1200px) {
  .gallery-item__top span {
    font-size: 16px;
  }
}
.gallery-item__name {
  margin-left: 5px;
}
.gallery-item__name::before {
  content: "";

  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 5px;

  background: var(--accent);
  -webkit-transform: rotate(45deg) translateX(-3px);
          transform: rotate(45deg) translateX(-3px);
}

.employee {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .employee:nth-child(2n) .employee-img {
    order: 2;
  }
}
@media (min-width: 1200px) {
  .employee {
    margin-bottom: 90px;
  }
}
@media (max-width: 767.98px) {
  .employee-img {
    margin-bottom: 16px;
  }
}
@media (min-width: 1200px) {
  .employee .title-sub {
    margin-bottom: 20px;
  }
}
.employee-info p {
  margin-bottom: 10px;
}
.employee-info p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .employee-info p {
    margin-bottom: 30px;
  }
}
.employee-info span {
  color: var(--accent);
}

.school-top {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .school-top {
    margin-bottom: 55px;
  }
}
@media (min-width: 1200px) {
  .school-top {
    margin-bottom: 95px;
  }
}
.school-schedule {
  overflow-x: auto;
}
.school-schedule__top {
  margin-bottom: 12px;
}
@media (min-width: 1200px) {
  .school-schedule__top {
    margin-bottom: 25px;
  }
}
.school-schedule .table td:first-child {
  white-space: nowrap;
}

.mass-media-top {
  margin-bottom: 28px;
}
@media (min-width: 1200px) {
  .mass-media-top {
    margin-bottom: 60px;
  }
}
.mass-media .gallery-block {
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .mass-media .gallery-block {
    margin-bottom: 90px;
  }
}

.holy-block {
  margin-bottom: 60px;
}
.holy-block:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .holy-block {
    margin-bottom: 100px;
  }
}
.holy-title {
  margin-bottom: 16px;
}
.holy-title span {
  color: var(--accent);
}
.holy-title,
.holy-title span {
  font-size: 24px;
}
@media (min-width: 768px) {
  .holy-title,
  .holy-title span {
    font-size: 28px;
  }
}
@media (min-width: 768px) {
  .holy-title {
    margin-bottom: 20px;
  }
  .holy-title,
  .holy-title span {
    font-size: 34px;
  }
}
@media (max-width: 767.98px) {
  .holy-permanent {
    margin-bottom: 30px;
  }
}
.holy-permanent img {
  margin-bottom: 16px;
}
@media (min-width: 1200px) {
  .holy-permanent img {
    margin-bottom: 20px;
  }
}
.holy-permanent-item {
  text-align: center;
}
@media (max-width: 767.98px) {
  .holy-imported img {
    margin-bottom: 16px;
  }
}
.holy-imported .title-sub {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .holy-imported .title-sub {
    margin-bottom: 70px;
  }
}


.contacts__item {
  display: flex;
  align-items: center;
}
.contacts__item span {
  color: var(--accent);
}
@media (max-width: 767.98px) {
  .contacts__item {
    justify-content: center;
    margin-bottom: 19px;
  }
}
.contacts__item svg {
  flex-shrink: 0;
  margin-right: 10px;
}
.contacts__item p {
  text-align: center;
}
.contacts-map {
  margin-top: 24px;
}
.contacts-map iframe {
  width: 100%;
  height: 289px;
}
@media (min-width: 1200px) {
  .contacts-map iframe {
    height: 642px;
  }
}

.support__descr-text {
  margin-bottom: 40px;
}
.support__descr-text p {
  margin: revert;
}
@media (min-width: 1200px) {
  .support__descr-text {
    margin-bottom: 60px;
  }
}
.support-tables {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .support-tables {
    margin-bottom: 32px;
  }
}
@media (max-width: 1199.98px) {
  .support-tables__item {
    margin-bottom: 20px;
  }
  .support-tables__item * {
    font-size: 16px;
  }
}
@media (max-width: 1199.98px) and (max-width: 767.98px) {
  .support-tables__item * {
    font-size: 12px;
  }
}
.support .title-sub {
  margin-bottom: 0;
}

.support-tabs__nav-list {
  display: flex;
  margin-bottom: 40px;
}
.support-tabs__nav-list li {
  flex-basis: 100%;
}
.support-tabs__nav-btn {
  display: block;
  width: 100%;
  height: 100%;
  padding: 18px 16px;

  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: var(--solitude);
  text-transform: uppercase;

  background-color: var(--accent);
  border-bottom: 2px solid currentColor;
  cursor: pointer;

  transition: 0.3s;
}
.support-tabs__nav-btn.is-selected {
  z-index: 2;

  color: #000000;

  background: linear-gradient(35deg, #e0a734, #e6ba62);
  border-color: var(--accent);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 8px 16px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);

  pointer-events: none;
}
@media (min-width: 992px) {
  .support-tabs__nav-list {
    max-width: 960px;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .support-tabs__nav-btn:hover {
    background-color: var(--accent-hov);
  }
}

.support-sbp-form {
  max-width: 800px;
  margin: 0 auto;
}
.support-sbp-form__fieldset {
  margin: 0;
  padding: 20px 0 0;

  border: none;
  border-top: 2px solid var(--accent);
}
.support-sbp-form__legend {
  padding: 0 10px;

  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.support-sbp-form__presets {
  display: grid;
  margin-bottom: 15px;

  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .support-sbp-form__presets {
    grid-template-columns: repeat(4, 1fr);
  }
}
.support-sbp-form__preset {
  display: block;
  width: 100%;
  padding: 14px;

  font-weight: 500;
  text-align: center;
  color: var(--solitude);
  text-transform: uppercase;

  background: var(--accent);
  cursor: pointer;

  transition: background-color 0.3s ease;
}
.support-sbp-form__preset:hover {
  background-color: #d4af37;
}
.support-sbp-form__preset::after {
  content: " ₽";
}
.support-sbp-form__input {
  width: 100%;
  padding: 16px 20px;

  font-weight: 400;
  font-size: 18px;
  color: inherit;

  background-color: var(--white);
  border: 1px solid var(--accent);

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.support-sbp-form__input:-webkit-autofill,
.support-sbp-form__input:-webkit-autofill:focus {
  -webkit-transition: background-color 0s 600000s, color 0s 600000s !important;
          transition: background-color 0s 600000s, color 0s 600000s !important;
}
.support-sbp-form__input--sum::-webkit-inner-spin-button,
.support-sbp-form__input--sum::-webkit-outer-spin-button {
  margin: 0;

  -webkit-appearance: none;
}
@supports (-moz-appearance: none) {
  .support-sbp-form__input--sum {
    -moz-appearance: textfield;
  }
}
.support-sbp-form__pay-logo {
  display: block;
  width: 260px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .support-sbp-form__btn {
    width: 100%;
  }
}

.schedule-item {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .schedule-item {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .schedule-item {
    margin-bottom: 32px;
  }
}
.schedule-item:last-child {
  margin-bottom: 0;
}
.schedule-item__title {
  margin-bottom: 4px;
}
@media (min-width: 1200px) {
  .schedule-item__title {
    margin-bottom: 8px;
  }
}

.order-service {
  padding-bottom: 16px;

  counter-reset: how-step;
}
.order-service .title {
  font-weight: 400;
}
.order-service--calc {
  padding-bottom: 64px;
}
.order-service__title {
  margin-bottom: 48px;
}
.order-service__title--center {
  text-align: start;
}
.order-service__descr {
  padding: 48px 0;
}
.order-service__descr p {
  font-weight: 300;
}
.order-service__nav {
  margin-bottom: 64px;
  overflow-x: auto;
}
@supports (-moz-appearance: none) {
  .order-service__nav {
    scrollbar-color: var(--accent) transparent;
    scrollbar-width: thin;
  }
}
.order-service__nav::-webkit-scrollbar {
  width: 6px;
  height: 6px;

  background-color: transparent;
  border-radius: 99em;
}
.order-service__nav::-webkit-scrollbar-thumb {
  background-color: var(--accent);
  border-radius: 99em;
}
.order-service__nav-list {
  display: flex;
}
.order-service__nav-list li {
  flex-shrink: 0;
  flex-basis: auto;
  margin-bottom: 4px;
}
.order-service__nav-list li:not(:last-child) {
  margin-right: 2px;
}
.order-service__nav-btn {
  display: block;
  width: 100%;
  padding: 18px 16px;

  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: var(--solitude);
  text-transform: uppercase;

  background-color: var(--secondary);
  border-bottom: 2px solid var(--solitude);
  cursor: pointer;
}
.order-service__nav-btn--active {
  color: var(--white);

  background: linear-gradient(35deg, #b6503b, #d66a58);
  border-color: var(--secondary);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 8px 16px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);

  pointer-events: none;
}
@media (min-width: 992px) {
  .order-service__nav {
    overflow-x: visible;
  }
  .order-service__nav-list li {
    flex-shrink: 1;
    flex-basis: 100%;
    margin-bottom: 0;
  }
  .order-service__nav-btn {
    transition: 0.3s;
  }
  .order-service__nav-btn:hover {
    background: #c25842;
  }
  .order-service__nav-btn:focus {
    background: #c25842;
  }
}
@media (min-width: 1200px) {
  .order-service--calc {
    padding-bottom: 98px;
  }
  .order-service__title {
    margin-bottom: 98px;
  }
}

.order-faq {
  display: grid;

  gap: 24px;
}
.order-faq__item {
  border-bottom: 1px solid var(--accent);
}
.order-faq__item[open] .order-faq__question::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.order-faq__question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px 8px;

  list-style: none;

  cursor: pointer;
}
.order-faq__question span {
  margin-right: 16px;
}
.order-faq__question::-webkit-details-marker {
  display: none;
}
.order-faq__question::after {
  content: "▼";

  font-size: 16px;
  color: var(--secondary);

  transition: -webkit-transform 0.3s ease;
  transition:         transform 0.3s ease;
  transition:         transform 0.3s ease, -webkit-transform 0.3s ease;
}
.order-faq__answer {
  padding-bottom: 8px;
}
.order-faq__answer > div {
  padding: 16px;
  background-color: var(--white);
}

.order-service-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.order-service-item__img {
  position: relative;

  width: 50%;
  height: 0;
  margin-bottom: 16px;
  padding-bottom: 50%;
  overflow: hidden;

  border: 2px solid var(--accent);
  border-radius: 50%;
}
.order-service-item__img img {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 102%;

  -o-object-fit: cover;
     object-fit: cover;
}
.order-service-item__link--bg-secondary {
  color: var(--white);

  background: var(--secondary);
}
@media (min-width: 768px) {
  .order-service-item__img {
    width: 100%;
    padding-bottom: 100%;
  }
  .order-service-item__link {
    width: 100%;
    padding: 22px 10px;

    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .order-service-item__img {
    width: 250px;
    padding-bottom: 250px;
  }
  .order-service-item__link {
    font-size: 18px;
  }
}

.order-service-list {
  display: flex;
  flex-wrap: wrap;
}
.order-service-list li:not(:last-child) {
  margin-right: 16px;
}
.order-service-list__item {
  display: inline-block;
  margin-bottom: 16px;
  padding: 16px;

  font-size: 16px;
  color: var(--white);

  background-color: var(--accent);
  border-radius: 8px;
}
.order-service-list__item::before {
  content: none;
}
.order-service-list__btn {
  position: relative;

  padding: 16px 38px 16px 8px;

  font-size: 16px;
  color: var(--white);

  background: var(--secondary);
  border-radius: 4px;
}
.order-service-list__btn::before {
  content: none;
}
.order-service-list__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;

  width: 20px;
  height: 12px;

  background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1768 0.0214852C18.4171 0.0214852 18.6549 0.0694177 18.8765 0.16241C19.0974 0.255096 19.2977 0.39066 19.4659 0.56112C19.6352 0.730624 19.7693 0.931881 19.8609 1.15325C19.9528 1.37534 20 1.61341 20 1.85376C20 2.09411 19.9528 2.33218 19.8609 2.55427C19.7692 2.77597 19.6339 2.97841 19.4643 3.14807L11.2342 11.4377C11.0657 11.6086 10.8652 11.7445 10.6439 11.8373C10.4223 11.9303 10.1844 11.9782 9.94412 11.9782C9.7038 11.9782 9.46596 11.9303 9.24435 11.8373C9.02276 11.7443 8.82169 11.6084 8.65306 11.4371L7.82802 10.5432L0.535714 3.19809L0.534616 3.197C0.365115 3.02737 0.23077 2.82592 0.139103 2.6043C0.0472411 2.3822 -9.27841e-08 2.14414 -8.22781e-08 1.90379C-7.17721e-08 1.66344 0.0472412 1.42537 0.139103 1.20328C0.230969 0.981182 0.365551 0.779187 0.53557 0.609336L0.546706 0.59879C0.88326 0.280062 1.32863 0.101956 1.7922 0.101956C2.25576 0.101956 2.70132 0.279864 3.03787 0.598592L9.94412 7.5548L16.8868 0.561873C17.0553 0.391059 17.2558 0.255232 17.477 0.16241C17.6986 0.0694176 17.9364 0.0214852 18.1768 0.0214852Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.order-service-info {
  margin-bottom: 64px;
  overflow: hidden;

  background-color: var(--white);
  border-radius: 32px;
}
@media (min-width: 768px) {
  .order-service-info {
    display: flex;
  }
  .order-service-info:has(img) {
    min-height: 400px;
  }
}
.order-service-info__img {
  position: relative;

  display: flex;
  flex-shrink: 0;
  flex-basis: 44%;
  width: 100%;
  height: auto;
  padding-bottom: 100%;
}
@media (min-width: 768px) {
  .order-service-info__img {
    padding-bottom: 0;
  }
}
.order-service-info__img img {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.order-service-info__descr {
  flex-grow: 1;
  padding: 30px 20px 40px;
}
@media (min-width: 768px) {
  .order-service-info__descr {
    padding: 70px 20px 80px 40px;
  }
}
.order-service-info__title {
  margin-bottom: 24px;

  font-weight: 600;
  font-size: 28px;
}
.order-service-info__text {
  font-size: 18px;
}
.order-service-info__text p,
.order-service-info__text ul {
  margin: 0;

  font-size: inherit;
}
.order-service-info__text p:not(:last-child),
.order-service-info__text ul:not(:last-child) {
  margin-bottom: 16px;
}

.order-how-item {
  position: relative;

  padding-left: 66px;

  counter-increment: how-step;
}
.order-how-item::before {
  content: counter(how-step);
  position: absolute;
  top: 0;
  left: 0;

  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;

  font-size: 42px;
  line-height: 1;
  font-family: "Cormorant Infant", serif;
  color: var(--accent);

  background: radial-gradient(50% 50% at 50% 50%, transparent 0%, var(--accent-50) 100%);
  border-radius: 50%;
}
@media (min-width: 1200px) {
  .order-how-item {
    padding-top: 104px;
    padding-left: 0;
  }
  .order-how-item::before {
    width: 80px;
    height: 80px;

    font-size: 64px;
  }
}

.order-form__section {
  max-width: 470px;
  padding-right: 32px;
}
.order-form__section:not(:last-child) {
  margin-bottom: 48px;
}
.order-form__label {
  margin-bottom: 4px;

  font-weight: 500;
  font-size: 20px;
}
.order-form__field {
  font-weight: 500;
  font-size: 20px;
  color: rgb(107, 107, 107);
}
.order-form__descr-text {
  margin-bottom: 8px;

  font-weight: 300;
  font-size: 18px;
  text-align: right;
}
.order-form__container {
  display: grid;
  margin-bottom: 16px;

  row-gap: 16px;
}
.order-form__item:not(:first-child) {
  margin-top: 32px;
  padding-top: 32px;

  border-top: 1px solid var(--accent);
}
.order-form__btn {
  width: auto;
  padding: 18px 16px;
}
.order-form__btn[disabled] {
  opacity: 0.3;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.order-form__counter {
  justify-content: center;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .order-form__item:not(:first-child) {
    margin-top: 0;
    padding-top: 0;

    border-top: none;
  }
  .order-form__item:nth-child(n+3) {
    margin-top: 98px;
  }
  .order-form__item:nth-child(2n) {
    padding-left: 15px;

    border-left: 1px solid var(--accent);
  }
  .order-form__item:nth-child(2n) > .order-form__section {
    margin-left: auto;
  }
  .order-form__candle-calc {
    display: flex;
    align-items: center;
  }
  .order-form__grow {
    flex-grow: 1;
  }
  .order-form__counter {
    margin-top: 0;
    margin-left: 24px;
  }
}

.order-total {
  padding: 16px 10px;

  color: var(--black);

  background-color: var(--white);
}
.order-total--hide {
  display: none;
}
.order-total .title {
  font-weight: 400;
}
.order-total__title {
  margin-bottom: 32px;
}
.order-total__list {
  display: grid;
  margin-bottom: 32px;

  row-gap: 32px;
}
.order-total__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.order-total__sum {
  flex-basis: 100%;
  margin-bottom: 24px;
  overflow: hidden;

  text-align: center;
}
.order-total__brown {
  color: var(--accent);
}
.order-total__btn {
  flex-basis: 100%;
}
.order-total__note {
  flex-basis: 100%;
  margin-top: 32px;
  padding: 16px;

  font-weight: 300;
  font-size: 18px;

  border: 1px solid var(--accent);
}
@media (min-width: 768px) {
  .order-total__sum {
    flex-basis: auto;
    margin-bottom: 0;

    text-align: left;
  }
  .order-total__btn {
    flex-basis: auto;
  }
}
@media (min-width: 1200px) {
  .order-total {
    padding: 32px;
  }
  .order-total__title {
    margin-bottom: 48px;
  }
  .order-total__list {
    margin-bottom: 48px;

    row-gap: 48px;
  }
  .order-total__note {
    margin-top: 48px;
    padding: 32px;

    text-align: center;
  }
}

.order-total-item {
  padding-top: 8px;

  border-top: 1px solid var(--accent);
}
.order-total-item__title {
  margin-bottom: 24px;

  font-weight: 500;
  font-size: 20px;
  color: var(--accent);
}
.order-total-item__list {
  display: grid;

  row-gap: 24px;
}
.order-total-item__label {
  display: block;
  margin-bottom: 8px;

  font-weight: 500;
  font-size: 20px;
}
.order-total-item__value {
  font-weight: 300;
  font-size: 18px;
}
@media (min-width: 1200px) {
  .order-total-item {
    display: grid;
    padding-top: 16px;

            column-gap: 30px;

    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
  .order-total-item__title {
    margin-bottom: 0;

    font-size: 28px;
  }
  .order-total-item__list {
    row-gap: 32px;
  }
}

.form-dropdown {
  position: relative;
}
.form-dropdown--is-open {
  --dd-height: 191px;
  --dd-visibility: visible;
}
.form-dropdown__select {
  position: relative;

  display: flex;
  align-items: center;
  width: 100%;
  padding: 16px;

  color: var(--black);

  background-color: var(--white);
  border: 1px solid var(--accent);
}
.form-dropdown__select-val {
  flex-grow: 1;

  font-weight: 300;
  font-size: 18px;
}
.form-dropdown__select-btn {
  display: inline-flex;
  flex-shrink: 0;
  width: 20px;
  height: 12px;
  margin-left: 16px;

  background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1768 0.0214852C18.4171 0.0214852 18.6549 0.0694177 18.8765 0.16241C19.0974 0.255096 19.2977 0.39066 19.4659 0.56112C19.6352 0.730624 19.7693 0.931881 19.8609 1.15325C19.9528 1.37534 20 1.61341 20 1.85376C20 2.09411 19.9528 2.33218 19.8609 2.55427C19.7692 2.77597 19.6339 2.97841 19.4643 3.14807L11.2342 11.4377C11.0657 11.6086 10.8652 11.7445 10.6439 11.8373C10.4223 11.9303 10.1844 11.9782 9.94412 11.9782C9.7038 11.9782 9.46596 11.9303 9.24435 11.8373C9.02276 11.7443 8.82169 11.6084 8.65306 11.4371L7.82802 10.5432L0.535714 3.19809L0.534616 3.197C0.365115 3.02737 0.23077 2.82592 0.139103 2.6043C0.0472411 2.3822 -9.27841e-08 2.14414 -8.22781e-08 1.90379C-7.17721e-08 1.66344 0.0472412 1.42537 0.139103 1.20328C0.230969 0.981182 0.365551 0.779187 0.53557 0.609336L0.546706 0.59879C0.88326 0.280062 1.32863 0.101956 1.7922 0.101956C2.25576 0.101956 2.70132 0.279864 3.03787 0.598592L9.94412 7.5548L16.8868 0.561873C17.0553 0.391059 17.2558 0.255232 17.477 0.16241C17.6986 0.0694176 17.9364 0.0214852 18.1768 0.0214852Z' fill='%23D4A951'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}
.form-dropdown__select-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 100%;
}
.form-dropdown__window {
  position: absolute;
  z-index: 2;

  width: 100%;
  height: var(--dd-height, 0);
  padding-right: 3px;
  overflow: hidden;

  color: var(--black);

  background-color: var(--white);
  border: 1px solid var(--accent);
  border-top: transparent;
  visibility: var(--dd-visibility, hidden);
}
.form-dropdown__window-wrapper {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
@supports (-moz-appearance: none) {
  .form-dropdown__window-wrapper {
    scrollbar-color: var(--accent) transparent;
    scrollbar-width: thin;
  }
}
.form-dropdown__window-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;

  background-color: transparent;
  border-radius: 99em;
}
.form-dropdown__window-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--accent);
  border-radius: 99em;
}
.form-dropdown__list {
  display: grid;
  margin: 0;
  margin-right: 3px;
  padding: 0;

  list-style-type: none;

  row-gap: 8px;
}
.form-dropdown__list > li {
  display: list-item;
}

.form-counter {
  display: flex;
}
.form-counter.is-disabled {
  -webkit-filter: grayscale(1) opacity(0.2);
          filter: grayscale(1) opacity(0.2);

  pointer-events: none;
}
.form-counter__btn {
  width: 40px;
  height: 22px;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
  border-right: 1px solid var(--accent);
  border-left: 1px solid var(--accent);
  cursor: pointer;
}
.form-counter__btn--dec {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7H15V9.822H0V7Z' fill='%23D4A951'/%3E%3C/svg%3E%0A");
}
.form-counter__btn--dec[disabled] {
  opacity: 0.2;
}
.form-counter__btn--inc {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9.36986H8.90625V15.5H6.09375V9.36986H0V6.66438H6.09375V0.5H8.90625V6.66438H15V9.36986Z' fill='%23D4A951'/%3E%3C/svg%3E%0A");
}
.form-counter__btn--inc[disabled] {
  opacity: 0.2;
}
.form-counter__display {
  min-width: 36px;

  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  text-align: center;
}

.text-input-field {
  position: relative;
}
.text-input-field__label {
  display: block;
}
.text-input-field__label span {
  display: block;
  margin-bottom: 10px;

  font-weight: 500;
  font-size: 20px;
}
.text-input-field__input {
  width: 100%;
  padding: 16px;

  font-weight: 300;
  font-size: 20px;
  color: var(--black);

  background-color: var(--white);
  border: 1px solid var(--accent);
}
.text-input-field__input:-webkit-autofill,
.text-input-field__input:-webkit-autofill:focus {
  -webkit-transition: background-color 0s 600000s, color 0s 600000s !important;
          transition: background-color 0s 600000s, color 0s 600000s !important;
}
.text-input-field__btn {
  position: absolute;
  top: 50%;
  right: -32px;
  z-index: 1;

  width: 30px;
  height: 24px;

  background-image: url("data:image/svg+xml,%3Csvg width='15' height='4' viewBox='0 0 15 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.588867H15V3.41087H0V0.588867Z' fill='%23D4A951'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}

.radio-btn-field input {
  position: absolute;

  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;

  white-space: nowrap;

  border: 0;

  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}
.radio-btn-field input:checked + span {
  color: var(--white);

  background-color: var(--accent);
}
.radio-btn-field input:focus + span {
  color: var(--white);

  background: var(--accent-foc);
}
.radio-btn-field span {
  display: block;
  padding: 10px 16px;

  font-weight: 300;
  font-size: 18px;

  cursor: pointer;
}

.custom-checkbox input {
  position: absolute;

  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;

  white-space: nowrap;

  border: 0;

  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}
.custom-checkbox input:checked + span::before {
  background-color: var(--accent);
  background-image: url("../img/sprite.svg#tick");
}
.custom-checkbox span {
  position: relative;

  padding-left: 1.4em;

  font-weight: 300;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.custom-checkbox span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: 1em;
  height: 1em;

  background-color: var(--white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 1px solid var(--accent);
}

.order-modal {
  padding: 48px 15px;

  color: var(--black);

  background-color: var(--solitude);
}
.order-modal__title {
  margin-bottom: 16px;

  font-weight: 400;
}
.order-modal__title-sub {
  margin-bottom: 16px;
}
.order-modal__sum {
  margin-bottom: 48px;

  font-weight: 400;
  color: var(--accent);
}
.order-modal__content {
  display: grid;

  row-gap: 48px;
}
.order-modal__fields {
  display: grid;

  row-gap: 48px;
}
.order-modal__method-list {
  display: grid;

  row-gap: 16px;
}
.order-modal__send-note {
  text-align: center;
}
.order-modal__send-note strong {
  font-weight: 500;
  text-transform: uppercase;
}
.order-modal__submit {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.order-modal__submit button {
  width: auto;
  margin-bottom: 32px;
}
.order-modal__text {
  font-weight: 300;
}
.order-modal__faq-link {
  font-size: 20px;
  color: var(--accent);
}
.order-modal__thanks {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .order-modal {
    padding: 64px 32px;
  }
  .order-modal__title-sub {
    margin-bottom: 24px;
  }
  .order-modal__sum {
    margin-bottom: 64px;
  }
  .order-modal__content {
    display: grid;

    row-gap: 64px;
  }
  .order-modal__submit {
    flex-direction: row;
    align-items: flex-start;
  }
  .order-modal__submit button {
    flex-shrink: 0;
    margin-right: 48px;
    margin-bottom: 0;
  }
  .order-modal__faq-link {
    font-size: 28px;
  }
}

.pay-method {
  background-color: var(--white);
}
.pay-method--cols {
  display: grid;

  gap: 30px;
}
.pay-method__title {
  margin-bottom: 16px;

  font-weight: 500;
}
.pay-method__text {
  font-weight: 300;
}
.pay-method__text--uppercase {
  text-transform: uppercase;
}
.pay-method__qr {
  display: flex;
  align-items: center;
}
.pay-method__qr > * {
  flex-basis: 100%;
}
.pay-method__qr-img {
  margin-right: 15px;
  padding: 8px;

  border: 1px solid var(--accent);
}
.pay-method__qr-img img {
  display: block;
}
.pay-method__qr-link {
  margin-left: 15px;

  text-align: center;
}
.pay-method__qr-link a {
  position: relative;

  display: inline-flex;
  padding-top: 40px;

  color: var(--accent);
}
.pay-method__qr-link a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;

  width: 30px;
  height: 30px;
  margin-left: -15px;

  background-image: url("../img/sprite.svg#download");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
.pay-method__card-num {
  font-size: 20px;
  color: var(--accent);
}
.pay-method__details {
  display: grid;
  margin: 0;

  row-gap: 16px;
}
.pay-method__details div {
  display: flex;
  flex-direction: column;
  padding-top: 4px;

  border-top: 1px solid var(--accent);
}
.pay-method__details dt {
  margin-bottom: 4px;

  font-weight: 300;
}
.pay-method__details dd {
  margin: 0;
}
@media (min-width: 768px) {
  .pay-method--cols {
    grid-template-columns: 3fr 2fr;
  }
  .pay-method__qr-img {
    margin-right: 0;
  }
  .pay-method__qr-link {
    display: none;
  }
  .pay-method__details {
    row-gap: 8px;
  }
  .pay-method__details div {
    flex-direction: row;
    justify-content: space-between;
  }
  .pay-method__details dt {
    margin-bottom: 0;
  }
}

.review {
  height: 100%;
  padding: 8px 16px;

  background-color: var(--white);
  border-radius: 16px;
}
.review__title {
  margin-bottom: 16px;
}
.review__description {
  font-size: 16px;
  text-wrap: balance;
}
.review__description p {
  font-size: inherit;
}

.review-modal__content {
  padding: 48px 32px;

  background-color: var(--solitude);
}
.review-form__field {
  display: grid;
  margin-bottom: 40px;

  gap: 32px;
}
.review-form__note {
  margin-top: 8px;

  font-weight: 300;
  font-size: 16px;
}
/*# sourceMappingURL=main.css.map */


.fixed {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.fixed::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -1px;
    border-radius: 50%;
    background: radial-gradient(circle, 
        rgba(255, 215, 0, 0.7) 0%,        
        rgba(192, 28, 0, 0.5) 45%,        
        transparent 100%);
    animation: holy-glow 1.5s ease-in-out infinite;
    filter: blur(1px);
    pointer-events: none;
    z-index: -1;
}

@keyframes holy-glow {
    0%, 100% {
        transform: scale(1);
        opacity: 0.85;
        box-shadow: 
            0 0 10px rgba(192, 28, 0, 0.5),   
            0 0 16px rgba(255, 200, 50, 0.7);
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
        box-shadow: 
            0 0 16px rgba(192, 28, 0, 0.7), 
            0 0 28px rgba(255, 200, 50, 0.85);
    }
}


/* Стили для модалок треб */


.hystmodal--active .form-dropdown__window {
	position: relative;
	height: 500px;
    visibility: visible;
	border: none;
}

[data-hystmodal*="requirements"], .form-dropdown__select-val {
	transition: background-color .3s ease;
}

[data-hystmodal*="requirements"] .form-dropdown__select-btn {
	display: none;
}

[data-hystmodal*="requirements"] {
	cursor:pointer;
}

[data-hystmodal*="requirements"]:hover {
	background-color: var(--accent);
}

[data-hystmodal*="requirements"]:hover .form-dropdown__select-val {
	color: var(--white);
}

[id*="requirements"] .radio-btn-field:has(input:checked) {
	--price-color: var(--white);
}

[id*="requirements"] .radio-btn-field > span{
	display: flex;
	flex-direction: column;
	font-weight: 500;
	transition: transform .3s ease, background-color .3s ease;
	background-color: var(--solitude);
	border-radius: 8px;
}

[id*="requirements"] .radio-btn-field > span > span {
	margin-left: auto; 
	font-weight: 500;
	padding: 0;
	color: var(--price-color, var(--accent));
	margin-top: 16px;
	transition: color .3s ease-in-out;
}

[id*="requirements"] .radio-btn-field > span > div { 
	font-weight: 300;
	padding: 0;
	color: var(--price-color, var(--black));
	margin-top: 8px;
	font-size: 16px;
}

[id*="requirements"] .radio-btn-field > span:hover {
	transform: translateY(-2px);
	background-color: #dfdbd5;
}

[id*="requirements"] .form-dropdown__list {
	margin-right: 12px;
}


.article-detail__content {
    display: grid;
    row-gap: 22px;
}

.article-detail__content ul, .article-detail__content ol {
    display: grid;
    row-gap: 16px;
    padding-left: 32px;
}

.article-detail__content ul {
    list-style: disc;
}

.article-detail__content ul > ul {
    list-style: circle;
}

.article-detail__content ol {
    list-style: auto;
}

.about-page__img {
	display: flex;
	justify-content: center;
	margin-bottom: 32px;
	max-width: 500px;
	margin: 0 auto 32px;
}

.about-page__img img{
	object-fit: contain;
}

.about-page__subtitle {
	font-weight: 700;
	margin-bottom: 24px;
}

.about-page__text {
	display: grid;
	gap: 24px;
}

.contacts-items {
	display: grid;
	gap: 16px;
	margin-bottom: 24px;
}

.contacts-items__item {
	align-items: center;
}

@media (min-width: 996px) {
	.contacts-items__item {
		display: flex;
	}

	.contacts-items__item > a, .contacts-items__item > div {
		margin-left: 16px;
	}
}

.contacts-items__item  div, .contacts-items__item  div {
	display: flex;
	align-items: center;
}


.contacts-items__item  svg {
	margin-right: 8px;
	flex-shrink: 0;
}

.contacts-list__title {
	margin-bottom: 16px;
}