html {
  scroll-behavior: smooth; /* Включает плавный скролл для всей страницы */
}

.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow: hidden;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.select2-container--default .select2-selection--single {
  border-radius: 30px;
  padding: 14px 44px 14px 20px;
  height: unset;
  border: none;
  transition: 0.3s;
  outline: 2px solid #fff;
}

.select2-container--default .select2-selection--single:hover {
  outline: 2px solid #e1307e;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 2px 0;
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9L12 15L6 9' stroke='%232E2E2E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  right: 20px;
  left: unset;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.select2-container--open .select2-dropdown {
  border-radius: 30px;
  overflow: hidden;
  padding: 14px 20px;
  margin-top: 5px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
  border: none;
}

.select2-container--default .select2-results__option--selected {
  background-color: unset;
}

.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background: rgba(243, 102, 154, 0.1);
  color: #2e2e2e;
}

.select2-results__option {
  padding: 10px 10px;
  transition: 0.3s;
}

.ui-state-disabled span {
  color: var(--Light-grey, #cac3c3);
  cursor: pointer;
}

.input-field {
  padding-top: 10px;
  padding-right: 20px;
}
textarea.input-field {
  padding-top: 22px;
}

.input-field:focus ~ .placeholder,
.input-field:not(:placeholder-shown) ~ .placeholder {
  transform: translateY(-10px) scale(0.75);
}

.order-calendar__calendar {
  border: 1px solid #eaeaea;
}

.select-date-modal .geo__content-switch {
  margin: 0;
}

.select-date-modal__calendar {
  max-width: 415px;
  margin: auto;
}

.order-date-picker {
  width: 100%;
}

.fillings__card_xl {
  display: none !important;
}

@media (min-width: 1260px) and (max-width: 1480px) {
  .ui-datepicker-calendar thead tr {
    gap: 5px !important;
  }

  .ui-datepicker-calendar tr {
    gap: 5px !important;
  }
}

/*ОТЗЫВЫ*/
.badge__comments {
  display: flex;
  gap: 20px;
}

.comment__photo {
  display: none;
}

.stars-list {
  list-style-type: none;
  display: flex;
  gap: 5px;
  margin-top: 20px;
}

.stars-list__star {
  position: relative;
  width: 22px;
  height: 22px;
}

.stars-list__star:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M10.1359 1.48359C10.5216 0.821321 11.4784 0.821321 11.8641 1.48359L14.6576 6.2797C14.7989 6.5223 15.0357 6.69433 15.3101 6.75375L20.7347 7.92843C21.4837 8.09064 21.7794 9.00056 21.2687 9.57207L17.5706 13.7109C17.3835 13.9203 17.2931 14.1986 17.3214 14.4779L17.8805 20C17.9577 20.7626 17.1836 21.3249 16.4823 21.0159L11.4032 18.7777C11.1463 18.6645 10.8537 18.6645 10.5968 18.7777L5.51769 21.0159C4.81635 21.3249 4.04232 20.7626 4.11953 20L4.67864 14.4779C4.70692 14.1986 4.61648 13.9203 4.42941 13.7109L0.731273 9.57207C0.220618 9.00056 0.516271 8.09064 1.26532 7.92843L6.68993 6.75375C6.96433 6.69433 7.2011 6.5223 7.3424 6.2797L10.1359 1.48359Z' fill='%23E5CE38'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
}

.comment {
  border-radius: 60px;
  border: 1px solid var(--chocolad, #593630);
  padding: 40px;
  display: flex;
  flex-direction: column;
  min-height: 337px;
  width: 320px;
  flex-shrink: 0;
  user-select: none;
}

.comment__name {
  color: var(--Black, #2e2e2e);
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-family: "Comfortaa";
}

.comment__date {
  color: var(--Grey, #626262);
  margin-top: 5px;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 600;
  font-family: "Comfortaa";
}

.comment__text {
  color: var(--Black, #2e2e2e);
  margin-top: 20px;
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 500;
  font-family: "Involve";
}

.comment__read-more {
  display: inline-block;
}

.comment__read-more a {
  color: var(--Pink, #e5097f);
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-family: "Involve";
}

.privacy {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 99;
  -webkit-box-shadow: 1px 1px 1px rgba(134, 135, 141, 0.08);
  box-shadow: 1px 1px 1px rgba(134, 135, 141, 0.08);
  width: 100%;
}
.privacy__text {
  font-size: 1.4rem;
}
.privacy__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.4rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5rem;
  flex-direction: column;
}

@media screen and (min-width: 747px) {
  .comment {
    width: 560px;
  }
  .privacy__content {
    flex-direction: row;
  }
}

@media screen and (min-width: 1260px) {
  .comment__name {
    font-size: 2rem;
    line-height: 3rem;
  }

  .comment__date {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .comment__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
}

.jobs-map {
  display: flex;
  align-items: center;
}
video::-webkit-media-controls {
  display: none;
}
.jobs-video-guide {
  position: relative;
}
.play-btn {
  position: absolute;
}
.primary-button {
  border: none;
}

.form_radio_btn input[type=radio] {
  display: none;
}
.form_radio_btn label {
  border: none;
  outline: none;
  transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 14px 44px 14px 20px;
  background: #fff;
  border-radius: 30px;
  font-family: Comfortaa;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: var(--Grey, #626262);
  caret-color: #e1307e;
  border: 2px solid white;
}

/* Checked */
.form_radio_btn input[type=radio]:checked + label {
  border: 2px solid #E1307E;
}

/* Hover */
.form_radio_btn label:hover {
  color: #666;
}

/* Disabled */
.form_radio_btn input[type=radio]:disabled + label {
  background: #efefef;
  color: #666;
}

@media (max-width: 1023px) {
  .catalog-product-card_grid .catalog-product-card__content {
    padding: 0 10px;
  }
}
