:root {
  --color-w75: rgba(255, 255, 255, 0.75);
  --color-w70: rgba(255, 255, 255, 0.7);
  --color-w60: rgba(255, 255, 255, 0.6);
  --color-w55: rgba(255, 255, 255, 0.55);
  --color-w30: rgba(255, 255, 255, 0.3);
  --color-w20: rgba(255, 255, 255, 0.2);
  --color-w10: rgba(255, 255, 255, 0.1);
  --bg-general: rgba(42, 42, 42, 0.6);
  --bg-primary: #0d0d0d;
  --bg-secondary: #262626;
  --bg-teritary: #333333;
  --color-green: #00b67a;
  --color-contrast: #000;
  --color-disabled: #8c8c8c;
  --text-main: #fff;
  --text-secondary: #d9d9d9;
}

.theme-day {
  --bg-general: rgba(255, 255, 255, 0.4);
  --bg-primary: #f2f2f2;
  --bg-secondary: #ffffff;
  --bg-teritary: #e6e6e6;
  --text-main: #000;
  --text-secondary: #262626;
  --color-w75: rgba(0, 0, 0, 0.75);
  --color-w70: rgba(0, 0, 0, 0.7);
  --color-w60: rgba(0, 0, 0, 0.6);
  --color-w55: rgba(0, 0, 0, 0.55);
  --color-w30: rgba(0, 0, 0, 0.3);
  --color-w20: rgba(0, 0, 0, 0.2);
  --color-w10: rgba(0, 0, 0, 0.1);
  --w-80: rgba(0, 0, 0, 0.8);
  --w-60: rgba(0, 0, 0, 0.6);
  --gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
  --color-contrast: #fff;
  --color-disabled: #737373;
}

body {
  background: var(--bg-primary) !important;
  overflow-x: clip;
}

.home .hero {
  overflow: hidden;
}

.hero video {
  max-width: 1280px;
  width: 100%;
}

.sale.section {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
}

.wpcf7-not-valid-tip {
  position: absolute;
}

@media screen and (min-width: 1080px) {
  .card__price {
    border-bottom: 0;
  }
  .card__action {
    display: block;
    position: relative;
  }
  .sale .card__action .btn {
    position: absolute;
  }
  .sale .card:not(:hover) .btn {
    height: 2px;
    padding: 0;
    min-width: 100%;
  }
}
.card {
  color: inherit;
  text-decoration: none !important;
}

.checkout {
  background: transparent;
}

.woocommerce-checkout .entropy {
  background: var(--gradient);
  padding-bottom: 2rem;
}

.dropbox {
  cursor: pointer;
}

.dropbox__body {
  cursor: default;
}

@media screen and (max-width: 768px) {
  .woocommerce ul.order_details li {
    border-right: 0;
  }
}
select {
  outline: 0;
  border: 0;
}

.color-hover-main:hover {
  color: var(--yellow);
}

.js-scroll-to-form:hover {
  text-decoration: underline;
  cursor: pointer;
}

.d-inline-block {
  display: inline-block;
}

.home .header,
.post-type-archive-location .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.home .hero {
  padding-top: 140px;
}

.hbanner {
  background: var(--bg-dark) no-repeat center/cover;
  padding-top: 130px;
  position: relative;
  overflow: hidden;
}
.hbanner > * {
  position: relative;
  z-index: 2;
}
.hbanner__entry {
  max-width: 424px;
}
.hbanner__snippet {
  color: var(--color-w75);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.hbanner__wrapper {
  display: flex;
  gap: 12px;
  align-items: center;
}
.hbanner__score {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  font-size: 14px;
  width: 100%;
  color: var(--color-w70);
}
.hbanner__score--light {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.hbanner__nav {
  margin-top: 48px;
}
.hbanner__title h1 {
  display: inline;
}
.hbanner__title .theme-section {
  display: inline-flex;
  transform: translateY(-66%) translateX(2em);
}
.hbanner__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  mask-image: linear-gradient(to bottom, rgb(255, 255, 255) 25%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  z-index: 0;
}
.hbanner__bg--light {
  opacity: 0;
  visibility: hidden;
}
@media (width >= 992px) and (width <= 1560px) {
  .hbanner__bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (width < 992px) {
  .hbanner .theme-section {
    display: flex;
    transform: unset;
    margin-top: 10px;
  }
  .hbanner__entry {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 140px;
  }
  .hbanner__wrapper {
    order: 1;
    margin: 0;
  }
  .hbanner .hlogos {
    margin: 0;
    order: 2;
  }
  .hbanner__snippet {
    margin: 0;
    order: 3;
    margin-top: 4px;
  }
  .hbanner__bg {
    width: 200%;
    height: auto;
    max-width: unset;
    left: -55%;
  }
}
@media (width < 768px) {
  .hbanner {
    padding-top: 72px;
  }
}

.theme-day .hbanner {
  background: var(--bg-light) no-repeat center/cover;
}
.theme-day .hbanner__score--dark {
  opacity: 0;
  visibility: hidden;
}
.theme-day .hbanner__score--light {
  opacity: 1;
  visibility: visible;
}
.theme-day .hbanner__bg--light {
  opacity: 1;
  visibility: visible;
}
.theme-day .hbanner__bg--dark {
  opacity: 0;
  visibility: hidden;
}

.hlogos {
  margin-top: 12px;
  -background: var(--bg-general);
  padding: 32px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px 36px;
  -backdrop-filter: blur(100px);
  align-items: center;
}
.hlogos__link {
  transition: 0.3s;
}
.hlogos__link:hover {
  filter: brightness(1.05);
}
@media (width < 768px) {
  .hlogos {
    background: transparent;
    backdrop-filter: unset;
    padding: 0;
  }
}

.hnav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding: 80px 0 195px;
}
.hnav__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: start;
}
.hnav__links {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hnav__links a {
  position: relative;
}
.hnav__links a:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  height: calc(100% + 16px);
  width: calc(100% + 16px);
}
@media (width < 992px) {
  .hnav {
    padding-top: 32px;
    margin-top: 24px;
    padding-bottom: 148px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hnav__item:first-child {
    grid-column: span 2;
  }
  .hnav__title {
    margin-bottom: 0;
  }
  .hnav__item img {
    max-height: 40px;
    width: auto;
  }
}
@media (width < 768px) {
  .hnav {
    border-top: 1px solid var(--color-w20);
  }
}

.theme-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 204px;
}
.theme-section__text {
  flex: 1;
  color: var(--color-w75);
  text-transform: uppercase;
  font-size: 14px;
}
.theme-section__title {
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 1.3;
  text-transform: uppercase;
}

.theme-switcher {
  display: flex;
  align-items: center;
}
.theme-switcher__toggle {
  position: relative;
  width: 104px;
  height: 56px;
  background-color: #ffffff;
  border: none;
  border-radius: 35px;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.theme-switcher__toggle:focus {
  outline: none;
}
.theme-switcher__icon {
  position: relative;
  z-index: 2;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border-radius: 50%;
}
.theme-switcher__icon svg {
  width: 24px;
  height: 24px;
}
.theme-switcher__icon--sun {
  color: #1a1a1a;
}
.theme-switcher__icon--moon {
  color: #666;
}
.theme-switcher__slider {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 40px;
  height: 40px;
  background-color: #ffd701 !important;
  border-radius: 50%;
  transition: transform 0.3s ease, background-color 0.3s ease;
  z-index: 1;
}

.theme-day .theme-switcher__icon--moon {
  color: #000;
}

.theme-day .theme-switcher__icon--moon:hover {
  background: #f2f2f2;
}

.theme-night .theme-switcher__icon--sun:hover {
  background: #f2f2f2;
}

.theme-night .theme-switcher__icon--sun {
  color: #000;
}

.theme-night .theme-switcher__icon--moon {
  color: #fff;
}

.theme-night .theme-switcher__slider {
  transform: translateX(48px);
  background-color: #263655 !important;
}

.partners {
  position: relative;
  margin-top: -115px;
  z-index: 2;
  overflow: hidden;
}
.partners .swiper {
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid var(--color-w20);
  border-bottom: 1px solid var(--color-w20);
}
.partners .swiper-wrapper {
  transition-timing-function: linear !important;
}
.partners__slide {
  width: auto !important;
  display: flex;
  align-items: center;
  transition: opacity 0.3s ease;
}
.partners__slide img {
  display: block;
  max-height: 48px;
  width: auto;
}
@media (width < 992px) {
  .partners .swiper {
    overflow: visible;
  }
  .partners__slide img {
    max-height: 32px;
  }
}

.theme-day .partners .partners-slider__slide {
  opacity: 1;
}
.theme-day .partners .partners-slider__slide img {
  filter: unset;
}

.testimonials {
  margin: clamp(32px, 8vw, 80px) 0;
}
.testimonials__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 24px;
  gap: 16px 24px;
}
.testimonials__title {
  margin-bottom: 0;
}
@media (width > 992px) {
  .testimonials__wrapper {
    mask-image: linear-gradient(to bottom, rgb(255, 255, 255) 25%, rgba(0, 0, 0, 0) 100%);
  }
  .testimonials__header {
    flex-wrap: wrap;
  }
}
.testimonials__brand-label {
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 12px;
}
.testimonials__brand {
  display: flex;
  align-items: center;
  gap: 24px;
}
.testimonials__brand-logo {
  height: 44px;
}
.testimonials__brand-logo--white {
  filter: brightness(0) invert(1);
}
.testimonials__score {
  position: relative;
  top: 4px;
  color: var(--color-green);
  text-decoration: none !important;
}
.testimonials__stats {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  padding-bottom: 8px;
  align-self: end;
  line-height: 24px;
  color: inherit;
  text-decoration: none !important;
}
.testimonials__stats:hover span {
  text-decoration: underline;
}
.testimonials__write-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  margin-left: auto;
}
.testimonials__grid {
  display: block;
  columns: 5;
  column-gap: 12px;
}
@media (max-width: 1200px) {
  .testimonials__grid {
    columns: 4;
  }
}
@media (max-width: 991px) {
  .testimonials__grid {
    display: flex;
    columns: auto;
    column-gap: 0;
  }
}
.testimonials__item {
  background: var(--bg-secondary);
  overflow: hidden;
  display: inline-block;
  width: 100%;
  margin-bottom: 6px;
  break-inside: avoid;
}
@media (max-width: 991px) {
  .testimonials__item {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    height: auto;
  }
}
.testimonials__item-rating {
  display: flex;
}
.testimonials__item-rating svg {
  width: 120px;
}
.testimonials__video-wrapper {
  position: relative;
  aspect-ratio: 9/13;
  background: #000;
  display: block;
}
.testimonials__video-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonials__video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s;
}
.testimonials__video-wrapper:hover .testimonials__video-play {
  transform: translate(-50%, -50%) scale(1.1);
}
.testimonials__card {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
  color: inherit;
}
.testimonials__card-header {
  margin-bottom: 16px;
}
.testimonials__author {
  font-weight: 600;
  margin-bottom: 6px;
}
.testimonials__item-meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.testimonials__verified {
  color: #219653;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.testimonials__verified .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.testimonials__content {
  margin-bottom: 16px;
}
.testimonials__content p {
  color: var(--color-w55);
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  display: -webkit-box;
  line-clamp: 8;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.testimonials__item-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--text-main);
}
.testimonials__date {
  margin-top: auto;
  color: var(--color-w55);
  font-size: 14px;
}
.testimonials__play-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transform: translateX(2px);
}
@media (width < 992px) {
  .testimonials {
    overflow: hidden;
  }
  .testimonials .swiper {
    overflow: visible;
  }
  .testimonials__header {
    flex-wrap: wrap;
    margin-bottom: 16px;
  }
  .testimonials__brand {
    flex: 0 0 100%;
  }
  .testimonials__stats {
    padding-bottom: 0;
  }
  .testimonials .btn {
    padding: 4px 0;
  }
}
@media (width < 768px) {
  .testimonials__brand {
    gap: 8px;
  }
  .testimonials__brand svg {
    max-height: 38px;
    width: auto;
  }
}

.sup-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: var(--color-w55);
  margin-bottom: 16px;
}

.text-snippet {
  color: var(--color-w75);
  margin-bottom: clamp(16px, 3vw, 40px);
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.6;
}

.delivery-info {
  margin: clamp(32px, 8vw, 80px) 0;
  position: relative;
}
.delivery-info__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 48px;
  margin-bottom: 16px;
}
.delivery-info__title {
  margin-bottom: 0;
}
.delivery-info__title-prefix {
  display: block;
  color: var(--color-w55);
}
.delivery-info__description {
  max-width: 375px;
}
.delivery-info__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.delivery-info__footer {
  margin-top: 40px;
  border-bottom: 2px solid #8c8c8c;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.delivery-info__footer:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #8c8c8c;
}
.delivery-info__footer .delivery-info__actions {
  display: none;
}
@media (width < 1280px) {
  .delivery-info__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px 24px;
  }
}
@media (width < 768px) {
  .delivery-info__header .delivery-info__actions {
    display: none;
  }
  .delivery-info__footer .delivery-info__actions {
    display: block;
  }
  .delivery-info__footer .delivery-info__actions .btn {
    width: 100%;
  }
  .delivery-info__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.process-step {
  display: flex;
  gap: 20px;
  align-items: center;
}
.process-step__icon {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border: 1px solid var(--color-w60);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.process-step__svg {
  font-size: 32px;
}
.process-step__title {
  margin-bottom: 8px;
}
.process-step__description {
  color: var(--color-w60);
  font-size: 14px;
  line-height: 20px;
}

.happy-clients {
  padding: clamp(32px, 8vw, 80px) 0;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
}
.happy-clients__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 48px;
  flex-wrap: wrap;
}
.happy-clients__socials {
  display: flex;
  align-items: center;
  gap: 24px;
}
.happy-clients__title {
  margin-bottom: 0;
}
.happy-clients__slider {
  overflow: visible;
}
.happy-clients__description {
  flex: 0 0 100%;
}
@media (width < 992px) {
  .happy-clients__header {
    flex-direction: column;
    align-items: start;
    margin-bottom: 16px;
  }
  .happy-clients .text-snippet {
    margin-bottom: 0;
  }
  .happy-clients__socials {
    order: 3;
  }
}

.social-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.social-link__icon {
  width: 1rem;
  height: 1rem;
  display: inline-flex;
}
.social-link:hover {
  text-decoration: none;
}
.social-link:hover .social-link__name {
  text-decoration: underline;
}

.client-photo {
  position: relative;
  display: block;
  overflow: hidden;
}
.client-photo__img {
  aspect-ratio: 280/320;
  object-fit: cover;
  transition: 0.3s;
}
.client-photo__icon {
  position: absolute;
  left: 24px;
  bottom: 24px;
  max-width: 24px;
  font-size: 24px;
  display: flex;
  color: #fff;
}
.client-photo:hover .client-photo__img {
  transform: scale(1.1);
}

.faq {
  padding: clamp(32px, 8vw, 80px) 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
  position: relative;
  z-index: 2;
}

.request-call {
  margin-top: clamp(32px, 8vw, 80px);
  position: relative;
  z-index: 2;
}
.request-call__grid {
  display: grid;
  grid-template-columns: 520fr 748fr;
  gap: 12px;
}
@media (width < 992px) {
  .request-call__grid {
    grid-template-columns: 1fr;
  }
}

.author-info,
.call-form {
  background: var(--bg-secondary);
  padding: 24px;
}

.author-info__header {
  display: flex;
  align-items: center;
  gap: 16px;
}
.author-info__social {
  margin-left: auto;
}
.author-info__img {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  object-fit: cover;
}
.author-info__position {
  font-size: 14px;
  color: var(--color-w55);
}
.author-info__social {
  width: 16px;
  height: 16px;
  display: inline-flex;
  place-items: center;
}
.author-info__bio {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-left: 80px;
  color: var(--color-w75);
  margin-top: 8px;
}
@media (width < 992px) {
  .author-info__meta {
    order: 1;
  }
  .author-info__social {
    order: 2;
  }
  .author-info__img-wrap {
    order: 3;
  }
  .author-info__bio {
    margin-left: 0;
    margin-right: 64px;
  }
}

.form {
  position: relative;
  z-index: 2;
}
.form__row {
  display: grid;
  grid-template-columns: 1fr 196px;
  gap: 24px;
}
@media (width < 768px) {
  .form__row {
    grid-template-columns: 1fr;
  }
}

.call-form__phone {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
@media (width < 992px) {
  .call-form .form__item {
    order: 1;
  }
  .call-form .form__agreement {
    order: 2;
  }
  .call-form .form__captcha {
    order: 3;
  }
  .call-form .btn {
    order: 4;
  }
  .call-form__phone {
    order: 5;
    justify-content: center;
  }
}

.wpcf7-acceptance {
  font-size: 14px;
}

.wpcf7-not-valid-tip {
  font-size: 12px;
}

.wpcf7-acceptance .wpcf7-list-item-label {
  padding-left: 40px;
  position: relative;
}

.wpcf7-acceptance label span:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  height: 20px;
}

.wpcf7-acceptance label input:checked + span:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjMzMzQgNEw2LjAwMDA4IDExLjMzMzNMMi42NjY3NSA4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4=");
  background-color: var(--yellow);
  border-color: var(--yellow);
}

.on-map {
  position: relative;
  padding: clamp(32px, 8vw, 120px) 0;
}
.on-map__img {
  position: absolute;
  bottom: 0;
  width: 100vw;
  max-width: 2560px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  pointer-events: none;
}
.on-map__img--light {
  display: none;
}
.on-map__info {
  position: relative;
  z-index: 2;
}
.on-map__description {
  max-width: 450px;
}
.on-map__locations {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  max-width: 640px;
}
.on-map h1 {
  margin-bottom: 24px;
}
@media (width < 992px) {
  .on-map {
    padding-bottom: 292px !important;
  }
  .on-map__img {
    height: 700px;
    object-fit: cover;
    object-position: 85% 24px;
    mask-image: linear-gradient(to top, rgb(255, 255, 255) 25%, rgba(0, 0, 0, 0) 60%);
  }
}
@media (width < 768px) {
  .on-map__img {
    object-position: 62% 24px;
  }
}

.theme-day .on-map__img {
  display: none;
}
.theme-day .on-map__img--light {
  display: block;
}

.location-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.location-item__address {
  max-width: 200px;
  color: var(--color-w55);
}
.location-item__icon {
  color: var(--color-w55);
}

.blog-block .container {
  padding-top: clamp(32px, 8vw, 80px);
  padding-bottom: clamp(32px, 8vw, 80px);
  border-top: 1px solid var(--color-w20);
  border-bottom: 1px solid var(--color-w20);
}
.blog-block__footer {
  margin-top: clamp(16px, 2.5vw, 24px);
}
@media (width < 992px) {
  .blog-block {
    overflow: hidden;
  }
  .blog-block .swiper {
    overflow: visible;
  }
}
@media (width < 768px) {
  .blog-block__title {
    margin-bottom: 16px;
  }
}

.blog-card__img-link {
  display: block;
  margin-bottom: 16px;
  overflow: hidden;
}
.blog-card__img {
  aspect-ratio: 311/200;
  object-fit: cover;
  transition: 0.3s;
}
.blog-card:hover .blog-card__img {
  transform: scale(1.1);
}
.blog-card__title {
  color: var(--text-main);
  display: block;
  margin-bottom: 16px;
}

.our-values {
  padding: clamp(32px, 8vw, 80px) 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
}
.our-values__grid {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 24px;
}
@media (max-width: 991px) {
  .our-values__grid {
    grid-template-columns: 1fr;
  }
}
.our-values__content-wrapper {
  position: relative;
  overflow: hidden;
  transition: max-height 0.6s ease-in-out;
  will-change: max-height;
  mask-image: linear-gradient(to bottom, rgb(255, 255, 255) 25%, rgba(0, 0, 0, 0) 100%);
}
.our-values.is-expanded .our-values__content-wrapper {
  mask-image: unset;
}
.our-values__toggle {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.our-values__toggle-icon {
  transition: transform 0.3s ease;
}
.our-values.is-expanded .our-values__toggle-icon {
  transform: rotate(180deg);
}
.our-values__content p + p {
  margin-top: 1em;
}
.our-values__subtitle {
  color: var(--color-w55);
}
@media (width < 768px) {
  .our-values__grid {
    gap: 16px;
  }
}

.btn--outline {
  background-color: transparent;
  border: 1px solid var(--color-w30);
  color: var(--text-secondary);
  padding: 20px 24px;
}

.form__action {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media (width < 768px) {
  .form__action {
    flex-direction: column-reverse;
    gap: 20px;
    margin-top: 20px;
  }
}

.footer {
  background: var(--bg-primary);
}
.footer__wrapper {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 32px 12px;
}
.footer .menu {
  flex-direction: column;
  margin-top: -8px;
}
.footer .menu a {
  padding: 8px 0;
  font-size: 14px;
}
.footer__ctitle {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #737373;
  padding-bottom: 16px;
}
.footer__logos {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  gap: 32px;
}
@media (width < 768px) {
  .footer__wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .footer__logos {
    height: 208px;
  }
  .footer__logos,
  .footer .hbanner__score {
    align-items: flex-start;
  }
  .footer__logos img,
  .footer .hbanner__score img {
    max-width: 114px;
  }
  .footer__copy {
    max-width: 156px;
  }
}

.theme-day .btn--transparent,
.theme-day .card a.card__title:hover,
.theme-day .color-main,
.theme-day .dropbox__icon:after,
.theme-day .entry ul li:before,
.theme-day .menu .current-menu-item a,
.theme-day .productcard:hover,
.theme-day .qty__button:hover,
.theme-day .socials a:hover,
.theme-day a,
.theme-day input:focus ~ .input__icon {
  color: #000;
}

.theme-night .card .postcard__title,
.theme-night .product-card__title,
.theme-night .store-category-section__title a {
  color: #fff;
}

.product__wrapper {
  display: grid;
  grid-template-columns: minmax(0, 92fr) minmax(0, 40fr);
  gap: 40px;
}
.product__short {
  color: var(--color-w75);
}
.product__features {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 50px;
}
@media (width < 1280px) {
  .product__wrapper {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 32px;
  }
}
@media (width < 992px) {
  .product__wrapper {
    grid-template-columns: 1fr;
  }
  .product__features {
    margin-bottom: 16px;
  }
  .product .hbanner__entry {
    margin-top: 0;
  }
  .product .hbanner__entry .hlogos {
    margin: 0;
    order: 2;
  }
}
@media (width < 768px) {
  .product__wrapper {
    gap: 12px;
  }
}

.woocommerce-breadcrumb {
  padding: 16px 0;
  color: var(--color-w55);
}
@media (width < 768px) {
  .woocommerce-breadcrumb {
    padding-top: 0;
  }
}

.gallery__track {
  margin-top: 12px;
}
.gallery__track .swiper-slide {
  width: 96px;
  height: 96px;
  margin-right: 12px;
  border: 0;
  box-sizing: border-box;
  transition: 0.3s;
}
.gallery__track .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.gallery__track .swiper-slide-thumb-active {
  border: 4px solid #ffd701;
}
@media (width < 768px) {
  .gallery__track .swiper-slide {
    width: 64px;
    height: 64px;
  }
}

.featurebox {
  display: flex;
  gap: 16px;
  align-items: center;
}
.featurebox__icon {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border: 1px solid var(--color-w55);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.featurebox__icon span {
  width: 24px;
  height: 24px;
  display: inline-block;
  mask: var(--src) no-repeat center/contain;
  background: currentColor;
}
.featurebox__label {
  color: var(--color-w75);
  line-height: 20px;
}

.sizes__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  gap: 16px;
}
.sizes__button {
  color: var(--text-secondary);
  border: 1px solid var(--color-w30);
  padding: 12px 16px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  transition: 0.3s;
}
.sizes__button:hover {
  background: var(--bg-primary);
}
.sizes__button--active {
  background: var(--yellow) !important;
  border-color: var(--yellow) !important;
  color: #000;
  pointer-events: none;
}
.sizes__body {
  position: relative;
  overflow: hidden;
}
.sizes__body img {
  width: 100%;
}
.sizes__badge {
  font-weight: 700;
  font-size: clamp(11px, 2vw, 16px);
  line-height: clamp(17px, 2.5vw, 24px);
  text-align: center;
  vertical-align: middle;
  background: #bab48c;
  color: #000;
  border-radius: 93px;
  padding: clamp(1.5px, 0.5vw, 2px) clamp(6px, 1vw, 8px);
  position: absolute;
  transition: 0.6s cubic-bezier(0.53, 0.28, 0.35, 1.14);
}
.sizes[data-size=external] .sizes__img--internal {
  display: none;
}
.sizes[data-size=internal] .sizes__img--external {
  display: none;
}
@media (width < 576px) {
  .sizes__header {
    flex-direction: column;
    align-items: flex-start;
  }
}

[data-size=external] .js-size-width {
  bottom: 4%;
  left: 28%;
}

[data-size=external] .js-size-length {
  bottom: 16%;
  right: 11%;
}

[data-size=external] .js-size-height {
  top: 45%;
  left: 53%;
}

[data-size=internal] .js-size-width {
  bottom: 29%;
  left: 87%;
}

[data-size=internal] .js-size-length {
  bottom: 21.5%;
  right: 36%;
}

[data-size=internal] .js-size-height {
  top: 48%;
  left: 81.5%;
}

.sizes__img--dark,
.theme-night .sizes__img--light {
  display: none;
}

.theme-night .sizes__img--dark {
  display: block;
}

.specification__table {
  padding: 0 70px;
}
.specification__content {
  color: var(--color-w75);
  margin-bottom: 16px;
}
@media (width < 1080px) {
  .specification__table {
    padding: 32px 0 0;
    margin-top: 32px;
    border-top: 1px solid var(--color-w20);
  }
}
@media (width < 768px) {
  .specification__content {
    margin-bottom: 24px;
  }
}

.d-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
.d-features__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.d-features__icon {
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-w30);
  border-radius: 100%;
}
.d-features__icon img {
  max-width: 32px;
  width: 100%;
}
.d-features__icon span {
  width: 32px;
  height: 32px;
  display: inline-block;
  mask: var(--src) no-repeat center/contain;
  background: currentColor;
}
.d-features__snippet {
  color: var(--color-w75);
}
@media (width < 768px) {
  .d-features {
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .d-features__item:last-child {
    grid-column: span 2;
  }
}

.btn--sm {
  padding: 16px 20px;
  font-size: 14px;
  height: 48px;
}
.btn--md {
  padding: 20px 24px;
}

.parchive .container {
  padding-top: clamp(32px, 8vw, 80px);
  padding-bottom: clamp(32px, 8vw, 80px);
  border-top: 1px solid var(--color-w10);
  border-bottom: 1px solid var(--color-w20);
}
.parchive__title {
  margin-bottom: 24px;
}
.parchive__body {
  margin-bottom: 0;
  max-width: 808px;
}
@media (width < 768px) {
  .parchive__title {
    margin-bottom: 16px;
  }
}

.store-category-section .container {
  padding-top: clamp(32px, 8vw, 80px);
  padding-bottom: clamp(32px, 8vw, 80px);
  border-bottom: 1px solid var(--color-w20);
}
.store-category-section__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 60px 16px;
}
@media (width < 768px) {
  .store-category-section__title {
    margin-bottom: 24px;
  }
  .store-category-section__grid {
    gap: 24px 16px;
  }
}

.product-card {
  display: flex;
  flex-direction: column;
}
.product-card__body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product-card__image {
  display: block;
  margin-bottom: 16px;
}
.product-card__image img {
  aspect-ratio: 632/320;
  object-fit: cover;
  width: 100%;
}
.product-card__title {
  display: block;
  margin-bottom: 8px;
}
.product-card__snippet {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-w55);
  margin-bottom: 16px;
}
.product-card__action {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: auto;
}
@media (width < 768px) {
  .product-card__image img {
    aspect-ratio: 168/160;
  }
  .product-card__action {
    flex-direction: column;
  }
  .product-card__action .btn {
    width: 100%;
  }
}

.header .menu-item-has-children {
  position: relative;
  padding-right: 1em;
}
.header .sub-menu {
  list-style: none;
  position: absolute;
  padding: 8px 16px;
  background: var(--bg-secondary);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
.header .sub-menu a {
  white-space: nowrap;
}
.header .menu-item-has-children > a:after {
  content: "\e92e";
  font-family: "cs-icon" !important;
  font-style: normal;
  font-weight: normal;
  margin-left: 8px;
  position: absolute;
}
@media (hover: hover) {
  .header .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
  }
}
.header .menu-item-has-children.opened > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}
.header .menu-arrow {
  display: none;
}
@media (width < 1160px) {
  .header .menu-item-has-children > a:after {
    display: none;
  }
  .header .menu-arrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: auto;
    cursor: pointer;
    z-index: 10;
    width: 100%;
    position: relative;
  }
  .header .menu-arrow:after {
    content: "";
    position: absolute;
    top: -12px;
    right: -16px;
    bottom: -12px;
    width: 100%;
  }
  .header .menu-arrow:before {
    content: "\e92e";
    font-family: "cs-icon" !important;
    font-style: normal;
    font-weight: normal;
    transition: transform 0.3s;
  }
  .header .menu-item-has-children {
    padding-right: 0;
  }
  .header .menu-item-has-children.opened > a > .menu-arrow:before {
    transform: rotate(180deg);
  }
  .header .sub-menu {
    position: static;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    margin-left: 0.5rem;
    transition: 0.3s ease;
    padding: 0 16px;
    pointer-events: initial;
  }
  .header .opened > .sub-menu {
    padding: 8px 16px;
  }
  .header .menu-item-has-children.opened > .sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 2000px;
  }
}
@media (width < 768px) {
  .header {
    padding: 1rem 0;
  }
}
@media (width >= 1160px) {
  .header .sub-menu .menu-item-has-children > a {
    padding-right: 20px;
  }
  .header .sub-menu .menu-item-has-children > a:after {
    right: 0;
    top: 50%;
    margin-left: 0;
    transform: translateY(-50%) rotate(-90deg);
  }
  .header .sub-menu .menu-item-has-children > .sub-menu {
    top: 0;
    left: 100%;
    transform: translate(16px, -8px);
    border-left: 1px solid #eee;
  }
}

.service-area {
  padding-top: clamp(24px, 6.25vw, 80px);
}
.service-area__title {
  margin-bottom: 32px;
}
.service-area__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  padding-bottom: clamp(24px, 6.25vw, 80px);
}
.service-area__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.service-area__item--link {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}
.service-area__item--link:hover {
  color: var(--yellow);
}
.service-area__city {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
.service-area--nearby {
  border-top: 1px solid var(--color-w10);
  padding-bottom: 0;
}
.service-area--nearby .service-area__list {
  padding-bottom: clamp(48px, 8vw, 100px);
}
@media (width < 768px) {
  .service-area__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 1px solid var(--color-w20);
  }
}

.main {
  overflow: clip;
}

@media (width >= 992px) {
  .post-type-archive-location .container {
    position: relative;
  }
}
.post-type-archive-location .header:not(.scrolled) .container:after {
  content: "";
  display: block;
  width: calc(100% - 32px);
  height: 1px;
  background: var(--color-w10);
  bottom: 0;
  position: absolute;
}
.post-type-archive-location .on-map {
  padding: 184px 0 80px;
}
@media (width < 992px) {
  .post-type-archive-location .on-map {
    padding-top: 96px;
  }
}

@media (width < 768px) {
  .socials__label {
    display: none;
  }
}

.single-product .blog-block .container {
  padding-top: 0;
  border-top: 0;
}

@media (width < 1280px) {
  .header__logo {
    margin-right: 2rem;
  }
  .contacts {
    gap: 1rem;
  }
}
.why-choose-us {
  margin: clamp(48px, 8vw, 100px) 0;
  background: var(--bg-primary);
}
.why-choose-us__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px 64px;
  align-items: start;
}
.why-choose-us__content {
  max-width: 520px;
  font-size: clamp(14px, 2vw, 16px);
}
.why-choose-us__title {
  margin-bottom: 24px;
  max-width: 1000px;
}
.why-choose-us__description p {
  margin-bottom: 16px;
}
.why-choose-us__description p:last-child {
  margin-bottom: 0;
}
.why-choose-us__features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 32px;
}
.why-choose-us__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.why-choose-us__item {
  display: flex;
  gap: 12px;
  align-items: center;
}
.why-choose-us__check {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: var(--yellow);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 20px;
}
.why-choose-us__text {
  font-size: clamp(20px, 2vw, 24px);
}
@media (width < 992px) {
  .why-choose-us__wrapper {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .why-choose-us__content {
    max-width: 100%;
  }
  .why-choose-us__features {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
  }
}
@media (width < 576px) {
  .why-choose-us__features {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .why-choose-us__list + .why-choose-us__list {
    margin-top: 0;
  }
}

.container-cards {
  margin: clamp(48px, 8vw, 100px) 0;
  background: var(--bg-primary);
}
.container-cards__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.container-cards__item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.container-cards__image {
  position: relative;
  aspect-ratio: 16/9;
  margin-bottom: 24px;
  overflow: hidden;
}
.container-cards__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.container-cards__image:hover img {
  transform: scale(1.05);
}
.container-cards__title {
  margin-bottom: 16px;
}
.container-cards__description {
  margin-bottom: 32px;
  flex-grow: 1;
  color: var(--color-w55);
  font-size: clamp(14px, 2vw, 16px);
}
.container-cards__description p {
  margin-bottom: 12px;
  line-height: 1.6;
}
.container-cards__description p:last-child {
  margin-bottom: 0;
}
.container-cards__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (width < 992px) {
  .container-cards__title {
    font-size: 26px;
  }
  .container-cards__grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .container-cards__image {
    aspect-ratio: 4/3;
  }
  .container-cards__buttons .btn {
    width: 100%;
  }
}

.text-image {
  margin: clamp(48px, 8vw, 100px) 0;
  background: var(--bg-primary);
}
.text-image__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px 64px;
}
.text-image__title {
  margin-bottom: 24px;
}
.text-image__text {
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.6;
  color: var(--color-w75);
}
.text-image__text p {
  margin-bottom: 1em;
}
.text-image__text p:last-child {
  margin-bottom: 0;
}
.text-image__actions {
  margin-top: 16px;
}
.text-image__media {
  position: relative;
  overflow: hidden;
}
.text-image__media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.text-image--reverse .text-image__wrapper {
  direction: rtl;
}
.text-image--reverse .text-image__content,
.text-image--reverse .text-image__media {
  direction: ltr;
}
@media (width < 992px) {
  .text-image__wrapper {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .text-image--reverse .text-image__wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  .text-image__content {
    max-width: 100%;
  }
  .text-image .btn {
    width: 100%;
  }
}

.location-stats {
  background: #ffe053;
  padding: 32px 0;
  color: #000;
}
.location-stats__grid {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.location-stats__item {
  flex: 1;
  padding: 16px;
  position: relative;
}
.location-stats__item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #e7c22d;
}
.location-stats__value {
  margin-bottom: 8px;
  font-weight: 700;
  text-transform: uppercase;
}
.location-stats__label {
  font-size: clamp(17px, 2vw, 20px);
}
@media (width < 768px) {
  .location-stats__grid {
    flex-direction: column;
    gap: 32px;
  }
  .location-stats__item {
    padding: 0;
  }
  .location-stats__item:not(:last-child)::after {
    right: 0;
    bottom: -16px;
    top: auto;
    width: 100%;
    height: 1px;
  }
}

.features-icons {
  margin: clamp(48px, 8vw, 80px) 0;
  background: var(--bg-primary);
}
.features-icons__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.features-icons__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.features-icons__icon {
  font-size: 32px;
  margin-bottom: 8px;
  color: var(--text-main);
}
.features-icons__icon i {
  display: block;
}
.features-icons__title {
  margin-bottom: 10px;
  font-weight: 600;
  text-transform: none;
}
.features-icons__description {
  line-height: 1.5;
  color: var(--color-w75);
  font-size: clamp(14px, 2vw, 16px);
}
@media (width < 992px) {
  .features-icons__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 24px;
  }
  .features-icons__title {
    font-size: 17px;
  }
}
@media (width < 576px) {
  .features-icons__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.service-area-detailed {
  margin: clamp(48px, 8vw, 100px) 0;
  background: var(--bg-primary);
}
.service-area-detailed__header {
  margin-bottom: 48px;
}
.service-area-detailed__title {
  margin-bottom: 24px;
}
.service-area-detailed__description {
  margin-bottom: 0;
  color: var(--color-w75);
  max-width: 800px;
  font-size: clamp(17px, 2vw, 20px);
}
.service-area-detailed__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 40px;
  max-width: 800px;
}
.service-area-detailed__item {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text-main);
  transition: color 0.3s ease;
  text-decoration: none !important;
  font-weight: 600;
  font-size: clamp(20px, 2vw, 24px);
}
.service-area-detailed__item i {
  color: var(--text-main);
  flex-shrink: 0;
  text-decoration: none !important;
}
.service-area-detailed__item:hover span {
  text-decoration: underline !important;
}
.service-area-detailed__city {
  line-height: 1.4;
}
@media (width < 992px) {
  .service-area-detailed__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width < 576px) {
  .service-area-detailed__list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .service-area-detailed__header {
    margin-bottom: 32px;
  }
}

.pt-0 {
  padding-top: 0;
}

.wp-block-separator {
  max-width: 1280px;
  margin: 0 auto;
  color: var(--color-w20);
  border-top: 1px solid currentColor !important;
}

@media (prefers-reduced-motion: no-preference) {
  body,
  .hbanner__bg,
  .menu a,
  .hbanner__snippet,
  .hbanner__score,
  .theme-section__text,
  .socials a,
  .contacts__link,
  .header__logo,
  .hbanner__score img,
  .header__logo * {
    transition: 0.6s ease-out;
  }
}
.modal-form {
  position: fixed;
  max-height: 100dvh;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999999;
  background: var(--bg-primary) !important;
  max-width: 500px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.3s ease;
  overflow-y: auto;
  display: grid;
}
.modal-form__flex {
  display: grid;
}
.modal-form__wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.modal-form__scroll {
  padding: 24px clamp(24px, 4vw, 40px);
  overflow: auto;
  order: 1;
}
.modal-form__fixed {
  order: 3;
}
.modal-form__fixed .btn {
  width: 100%;
}
.modal-form__fixed ~ * {
  order: 2;
}
.modal-form .wpcf7,
.modal-form .wpcf7-form {
  display: contents;
}
.modal-form__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDZMNiAxOCIgc3Ryb2tlPSIjMjYyNjI2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02IDZMMTggMTgiIHN0cm9rZT0iIzI2MjYyNiIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=") no-repeat center/contain;
  background: var(--text-main);
}
.modal-form .form__agreement {
  margin-bottom: 32px;
}
.modal-form__sup {
  font-family: Chakra Petch;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: var(--w-60);
  margin-bottom: 16px;
}
.modal-form .form__grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.modal-form .form__action {
  display: contents;
}
.modal-form .form__action .btn {
  width: calc(100% + 80px);
  margin-left: -40px;
  order: 99;
  margin-top: auto;
}

.show-modal-form .modal-form {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}