.placesCard-container { background-color: #e7ebf4 !important; } .placesCard-tag { background-color: #28A9EC !important; color: #ffffff !important; } .placesCard-tag span { color: #ffffff !important; } /* visit-tour-hero-list-marker-fix */ .section._first .walk-slide__list ul { list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .section._first .walk-slide__list li { list-style: none !important; } .section._first .walk-slide__list li::marker { content: "" !important; } /* Codex: align one-day tour messenger choices. */ #cont-one-incl-4182 .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"], #one-book-4182 .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] { align-items: center !important; display: flex !important; flex-wrap: wrap !important; gap: 12px 22px !important; justify-content: flex-start !important; margin-top: 12px !important; } #cont-one-incl-4182 .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] .radio, #cont-one-incl-4182 .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] .messenger-choice__item, #one-book-4182 .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] .radio, #one-book-4182 .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] .messenger-choice__item { align-items: center !important; color: #536077 !important; display: inline-flex !important; gap: 8px !important; line-height: 1.2 !important; margin: 0 !important; min-height: 22px !important; } #cont-one-incl-4182 .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] .radio__box, #one-book-4182 .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] .radio__box { border-color: #536077 !important; flex: 0 0 auto !important; } #cont-one-incl-4182 .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] input:checked + .radio__box, #one-book-4182 .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] input:checked + .radio__box { border-color: #25aee8 !important; } /* Codex: hide country selector in one-day booking phone field. */ #one-book-4182 .one-day-booking__phone-prefix { display: none !important; } #one-book-4182 .one-day-booking__phone-input { padding-left: 28px !important; padding-right: 28px !important; } /* Codex: one-day booking white list text. */ .one-day-booking__card--info .one-day-booking__list li, .one-day-booking__card--info .one-day-booking__list p { color: #ffffff !important; } .one-day-booking__card--info .one-day-booking__list .one-day-booking__accent { color: #62d5ed !important; } /* Codex: stronger overlay for one-day booking info photo. */ .one-day-booking__card--info .one-day-booking__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7, 18, 27, 0.78) 0%, rgba(7, 18, 27, 0.66) 48%, rgba(7, 18, 27, 0.54) 100%) !important; pointer-events: none; } .one-day-booking__card--info .one-day-booking__content { position: relative; z-index: 2; } /* Codex: one-day tour date picker. */ .one-day-date-picker { background: #eef9fd; border: 1px solid rgba(83, 210, 230, 0.28); border-radius: 28px; padding: 28px 32px; } .one-day-date-picker__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; } .one-day-date-picker__eyebrow { margin: 0 0 6px; color: #5ccf9a; font-size: 15px; font-weight: 700; } .one-day-date-picker__title { margin: 0; color: #536077; font-size: 30px; line-height: 1.15; } .one-day-date-picker__all { display: none !important; } .one-day-date-picker__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); gap: 12px; } .one-day-date-picker__date { min-height: 74px; border: 1px solid #d8edf5; border-radius: 18px; background: #ffffff; color: #536077; cursor: pointer; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 14px 16px; text-align: left; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .one-day-date-picker__date span { font-size: 18px; font-weight: 800; line-height: 1.15; } .one-day-date-picker__date small { color: #95a2b7; font-size: 13px; font-weight: 700; } .one-day-date-picker__date:hover, .one-day-date-picker__date.is-selected { border-color: #58d3e7; box-shadow: 0 10px 24px rgba(37, 174, 232, 0.16); transform: translateY(-1px); } .one-day-date-picker__date.is-selected span, .one-day-date-picker__date.is-selected small { color: #25aee8; } .one-day-date-picker__date--custom { background: linear-gradient(90deg, #5bd38f 0%, #57cde9 100%); border-color: transparent; color: #ffffff; } .one-day-date-picker__date--custom small, .one-day-date-picker__date--custom.is-selected small { color: rgba(255,255,255,.82); } .dates-count__date { appearance: none; background: transparent; border: 0; color: inherit; cursor: pointer; font: inherit; padding: 0; text-align: inherit; } .dates-count__date:hover, .dates-count__date.is-selected { color: #25aee8; font-weight: 800; } .one-day-booking__date-field { margin-bottom: 16px; } .one-day-booking__date-label { color: #536077; display: block; font-size: 15px; font-weight: 800; margin: 0 0 8px 6px; } .one-day-booking__date-control { position: relative; } .one-day-booking__date-input { width: 100% !important; height: 54px !important; padding: 0 28px !important; border-radius: 999px !important; background: #ffffff !important; color: #536077 !important; cursor: default; } .one-day-booking__date-input::placeholder { color: #aab5c8 !important; } .one-day-booking__date-open { display: none !important; } .one-day-booking__date-hint { color: #8b97ad; font-size: 13px; line-height: 1.35; margin: 8px 6px 0; } .one-day-booking__date-field--error .one-day-booking__date-hint { color: #e15d5d; } .one-day-booking__date-input.input-error { border: 1px solid #e15d5d !important; } /* Codex: full date rows clickable after legacy date rebuild. */ [id^="tour-dates-"] .dates-count p { cursor: pointer; } [id^="tour-dates-"] .dates-count p:hover, [id^="tour-dates-"] .dates-count p.is-selected { color: #25aee8; font-weight: 800; } /* Codex: restore clickable boxes for rebuilt full date rows. */ [id^="tour-dates-"] .dates-count { display: flex !important; flex-wrap: wrap; gap: 8px 14px; width: auto !important; } [id^="tour-dates-"] .dates-count p { display: inline-flex !important; height: auto !important; margin: 0 !important; width: auto !important; } /* Codex: Mont font and no jump controls for date picker. */ .one-day-date-picker, .one-day-date-picker *, .one-day-booking__date-field, .one-day-booking__date-field *, [id^="tour-dates-"] .dates-count, [id^="tour-dates-"] .dates-count * { font-family: "Mont", "Montserrat", Arial, sans-serif !important; } @media (max-width: 640px) { .one-day-date-picker { border-radius: 22px; padding: 22px 18px; } .one-day-date-picker__head { align-items: flex-start; flex-direction: column; gap: 10px; } .one-day-date-picker__title { font-size: 24px; } .one-day-date-picker__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .one-day-date-picker__date { min-height: 68px; padding: 12px; } .one-day-date-picker__date span { font-size: 16px; } .one-day-booking__date-input { height: 54px !important; padding-left: 24px !important; } } /* Codex: keep full dates visible on mobile. */ @media (max-width: 640px) { [id^="tour-dates-"] .dates-row { grid-template-columns: 1fr !important; gap: 10px !important; } [id^="tour-dates-"] .dates-col { display: block !important; } [id^="tour-dates-"] .dates-years p { color: #95a2b7; font-size: 14px; } } /* Codex: static service cards with subtle image and green button hover. */ html body .visit-services-heading-copy .facility { transform: none !important; transition: none !important; will-change: auto !important; } html body .visit-services-heading-copy .facility-container > a:hover .facility, html body .visit-services-heading-copy .facility-container > a:focus-visible .facility { transform: none !important; box-shadow: none !important; } html body .visit-services-heading-copy .facility-container > a:hover .facility-bg img, html body .visit-services-heading-copy .facility-container > a:focus-visible .facility-bg img { transform: scale(1.04) !important; } html body .visit-services-heading-copy .facility-container > a[href="/ekskursii/teriberka"]:hover .facility-bg img, html body .visit-services-heading-copy .facility-container > a[href="/ekskursii/teriberka"]:focus-visible .facility-bg img { transform: scale(1.09) !important; } html body .visit-services-heading-copy .facility-container > a:hover .facility-button, html body .visit-services-heading-copy .facility-container > a:focus-visible .facility-button { box-shadow: rgba(16, 42, 67, 0.13) -8px -7px 20px !important; } html body .visit-services-heading-copy .facility-container > a:hover .facility-button .button { background-position: 0 0 !important; box-shadow: none !important; } html body .visit-services-heading-copy .facility-button .button:hover, html body .visit-services-heading-copy .facility-container > a:focus-visible .facility-button .button { background: #58d38f !important; box-shadow: 0 9px 20px rgba(52, 178, 111, 0.22) !important; } /* Codex: align compare block to the same responsive container as service cards. */ .vt-compare { padding-left: 0 !important; padding-right: 0 !important; } .vt-compare__inner { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } @media (min-width: 576px) { .vt-compare__inner { max-width: 540px !important; } } @media (min-width: 768px) { .vt-compare__inner { max-width: 720px !important; } } @media (min-width: 992px) { .vt-compare__inner { max-width: 960px !important; } } @media (min-width: 1200px) { .vt-compare__inner { max-width: 1140px !important; } } @media (min-width: 1400px) { .vt-compare__inner { max-width: 1320px !important; } } /* Codex: keep modal phone icon clear of the number. */ .menu-modal .modal-buttons .telephone { grid-template-columns: 28px max-content !important; column-gap: 12px !important; } .menu-modal .modal-buttons .telephone .telephone-icon, .menu-modal .modal-buttons .telephone .telephone-icon svg { width: 28px !important; min-width: 28px !important; height: 29px !important; margin: 0 !important; } /* Codex: keep modal contact actions in one responsive row. */ @media (min-width: 768px) { .menu-modal .modal-buttons { display: grid !important; grid-template-columns: max-content minmax(0, 1fr) minmax(0, 1fr) !important; align-items: center !important; column-gap: clamp(6px, 0.8vw, 14px) !important; row-gap: 0 !important; } .menu-modal .modal-buttons .telephone { font-size: clamp(14px, 1.45vw, 20px) !important; column-gap: clamp(8px, 0.7vw, 12px) !important; } .menu-modal .modal-buttons .button { width: 100% !important; min-width: 0 !important; min-height: clamp(46px, 4.2vw, 54px) !important; padding-left: clamp(12px, 1.5vw, 24px) !important; padding-right: clamp(12px, 1.5vw, 24px) !important; gap: clamp(6px, 0.7vw, 12px) !important; font-size: clamp(11px, 1.15vw, 15px) !important; white-space: nowrap !important; } .menu-modal .modal-buttons .button svg, .menu-modal .modal-buttons .button img { flex: 0 0 auto !important; } .menu-modal .modal-buttons .max-icon-white { width: clamp(24px, 2.3vw, 30px) !important; height: auto !important; } } /* Codex: compact modal buttons and keep Mont typography. */ @media (min-width: 768px) { .menu-modal .modal-buttons { grid-template-columns: max-content max-content max-content !important; justify-content: start !important; } .menu-modal .modal-buttons .button { width: auto !important; min-width: 0 !important; padding-left: clamp(14px, 1.3vw, 20px) !important; padding-right: clamp(14px, 1.3vw, 20px) !important; font-family: "Mont Semibold", "Mont Regular", sans-serif !important; font-size: clamp(13px, 1.05vw, 15px) !important; font-weight: 400 !important; line-height: 1.25 !important; letter-spacing: 0 !important; } } /* Codex: align modal actions with the full promo card width. */ @media (min-width: 768px) { .menu-modal .modal-buttons { width: 100% !important; justify-content: space-between !important; } } /* Codex: match top action buttons to the promo CTA typography. */ @media (min-width: 768px) { .menu-modal .modal-buttons .button { min-height: 54px !important; padding: 7px 24px !important; font-family: "Mont Semibold", "Mont Regular", sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; } } @media (min-width: 768px) and (max-width: 1199.98px) { .menu-modal .modal-buttons { grid-template-columns: max-content minmax(230px, 280px) minmax(230px, 280px) !important; } .menu-modal .modal-buttons .button { width: 100% !important; } } @media (min-width: 1200px) { .menu-modal .modal-buttons { grid-template-columns: max-content max-content max-content !important; } .menu-modal .modal-buttons .button { width: auto !important; min-width: 210px !important; } } /* Codex: final balanced modal action grid. */ @media (min-width: 768px) { .menu-modal .modal-buttons { display: grid !important; grid-template-columns: max-content minmax(0, 280px) minmax(0, 280px) !important; align-items: center !important; justify-content: space-between !important; column-gap: clamp(10px, 1.4vw, 24px) !important; width: 100% !important; } .menu-modal .modal-buttons .telephone { min-width: 0 !important; justify-self: start !important; } .menu-modal .modal-buttons .button { width: 100% !important; min-width: 0 !important; min-height: 54px !important; padding: 7px 24px !important; font-family: "Mont Semibold", "Mont Regular", sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: 0 !important; white-space: nowrap !important; } } /* Codex: keep modal button labels and icons clear in narrow columns. */ @media (min-width: 768px) { .menu-modal .modal-buttons .button { padding-inline: 14px !important; column-gap: 10px !important; } .menu-modal .modal-buttons .button img, .menu-modal .modal-buttons .button svg { width: 32px !important; height: 32px !important; max-width: 32px !important; flex: 0 0 32px !important; object-fit: contain !important; } } /* Codex: compact phone footprint so both CTA icons remain fully visible. */ @media (min-width: 768px) { .menu-modal .modal-buttons { column-gap: 8px !important; } .menu-modal .modal-buttons .telephone { grid-template-columns: 22px max-content !important; column-gap: 8px !important; font-size: 14px !important; } .menu-modal .modal-buttons .telephone span { font-size: 14px !important; letter-spacing: -0.15px !important; } .menu-modal .modal-buttons .telephone-icon, .menu-modal .modal-buttons .telephone-icon svg { width: 22px !important; height: 23px !important; } .menu-modal .modal-buttons .button { padding-inline: 12px !important; } } /* Codex: explicit phone icon gap in the modal row. */ @media (min-width: 768px) { .menu-modal .modal-buttons .telephone { display: grid !important; grid-template-columns: 22px max-content !important; align-items: center !important; column-gap: 8px !important; } } /* Codex: compact full-width modal CTA row. */ @media (min-width: 768px) { .menu-modal .modal-buttons { display: grid !important; grid-template-columns: max-content minmax(0, 1fr) minmax(0, 1fr) !important; align-items: center !important; justify-content: stretch !important; column-gap: clamp(10px, 1.2vw, 20px) !important; width: 100% !important; } .menu-modal .modal-buttons .button { width: 100% !important; min-width: 0 !important; min-height: 46px !important; height: 46px !important; padding: 5px 18px !important; column-gap: 10px !important; } .menu-modal .modal-buttons .button svg { width: 6px !important; height: 10px !important; max-width: 6px !important; max-height: 10px !important; flex: 0 0 6px !important; } .menu-modal .modal-buttons .button img.max-icon-white { width: 28px !important; height: 28px !important; max-width: 28px !important; max-height: 28px !important; flex: 0 0 28px !important; } } /* Codex: match the upper CTA arrow to the promo CTA arrow. */ @media (min-width: 768px) { .menu-modal .modal-buttons .button svg { width: 20px !important; height: 20px !important; max-width: 20px !important; max-height: 20px !important; flex: 0 0 20px !important; } } /* Codex: match upper modal CTA height to the promo CTA. */ @media (min-width: 768px) { .menu-modal .modal-buttons .button { height: 54px !important; min-height: 54px !important; } } /* Codex: conversion-focused contact form on the home intro block. */ #cont2 .eriberka-form { min-height: 270px !important; padding-top: 28px !important; padding-bottom: 28px !important; box-shadow: 0 18px 44px rgba(7, 66, 155, 0.18) !important; } #cont2 .eriberka-form__title { display: block !important; margin-bottom: 18px !important; font-size: 0 !important; line-height: 1 !important; } #cont2 .eriberka-form__title::before { content: "Подберём тур и проверим места"; display: block; color: #ffffff; font-family: "Mont Semibold", "Mont Regular", sans-serif; font-size: 30px; font-weight: 600; line-height: 1.12; letter-spacing: -0.35px; } #cont2 .eriberka-form__title::after { content: "Ответим за 10 минут • бесплатно и без обязательств"; display: block; margin-top: 8px; color: rgba(255, 255, 255, 0.88); font-family: "Mont Regular", sans-serif; font-size: 13px; font-weight: 400; line-height: 1.35; letter-spacing: 0; } #cont2 .eriberka-form__input .input { padding-left: 18px !important; padding-right: 18px !important; font-size: 14px !important; } #cont2 .eriberka-form__button .button { font-size: 0 !important; box-shadow: 0 10px 24px rgba(12, 81, 152, 0.16) !important; } #cont2 .eriberka-form__button .button::before { content: "Получить варианты"; font-family: "Mont Semibold", "Mont Regular", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; } #cont2 .messenger-choice { display: flex !important; flex-wrap: wrap !important; row-gap: 8px !important; } #cont2 .messenger-choice::before { content: "Куда написать?"; flex: 0 0 100%; color: rgba(255, 255, 255, 0.86); font-family: "Mont Regular", sans-serif; font-size: 12px; font-weight: 400; line-height: 1.3; } #cont2 .feed-form__checkbox { align-items: flex-start !important; margin-top: 10px !important; } #cont2 .feed-form__checkbox .checkbox__text, #cont2 .feed-form__checkbox .politic, #cont2 .feed-form__checkbox .politic a { color: rgba(255, 255, 255, 0.94) !important; font-size: 10px !important; line-height: 1.35 !important; } #cont2 .feed-form__checkbox .politic a { text-decoration-color: rgba(255, 255, 255, 0.72) !important; } @media (max-width: 767px) { #cont2 .eriberka-form { min-height: 0 !important; padding: 24px 20px !important; } #cont2 .eriberka-form__title::before { font-size: 24px; line-height: 1.15; } #cont2 .eriberka-form__title::after { font-size: 12px; } } /* Codex: keep the strengthened CTA visible above the theme animation layer. */ #cont2 .eriberka-form__button .button::before { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; height: 100% !important; padding: 0 58px 0 24px !important; background: transparent !important; opacity: 1 !important; z-index: 1 !important; box-sizing: border-box !important; } #cont2 .eriberka-form__button .button svg { position: relative !important; z-index: 2 !important; } #cont2 .feed-form__checkbox .checkbox__text, #cont2 .feed-form__checkbox .politic { color: rgba(255, 255, 255, 0.96) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.96) !important; font-size: 11px !important; line-height: 1.35 !important; text-align: left !important; } #cont2 .feed-form__checkbox .politic a { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration-color: rgba(255, 255, 255, 0.78) !important; }

/* Codex: compact responsive layout for the strengthened contact form. */
#cont2 .eriberka-form {
  min-height: 0 !important;
  padding: 22px 28px !important;
}

#cont2 .eriberka-form__title {
  margin-bottom: 14px !important;
}

#cont2 .eriberka-form__title::before {
  font-size: 27px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.25px !important;
  white-space: nowrap !important;
}

#cont2 .eriberka-form__title::after {
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

#cont2 .messenger-choice {
  flex-wrap: nowrap !important;
  align-items: center !important;
  row-gap: 0 !important;
  column-gap: 14px !important;
}

#cont2 .messenger-choice::before {
  flex: 0 0 auto !important;
  margin-right: 2px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

#cont2 .feed-form__checkbox {
  margin-top: 6px !important;
}

#cont2 .feed-form__checkbox .checkbox__text,
#cont2 .feed-form__checkbox .politic,
#cont2 .feed-form__checkbox .politic a {
  font-size: 10px !important;
  line-height: 1.3 !important;
}

@media (max-width: 767px) {
  #cont2 .eriberka-form {
    padding: 22px 20px !important;
  }

  #cont2 .eriberka-form__title::before {
    font-size: 23px !important;
    white-space: normal !important;
  }

  #cont2 .messenger-choice {
    flex-wrap: wrap !important;
    row-gap: 7px !important;
  }

  #cont2 .messenger-choice::before {
    flex: 0 0 100% !important;
    margin-right: 0 !important;
  }
}

/* Codex: hide first-screen CTA buttons; keep info tags. */
#visit-home-hero-cta {
  display: none !important;
}


/* Codex: review card above, wide aurora forecast and link to the aurora tour. */
@media (min-width: 1200px) {
  .section._first .eriberka {
    position: relative !important;
    container-type: inline-size !important;
  }

  .section._first .eriberka .eriberka-rating {
    position: absolute !important;
    top: 0 !important;
    left: calc(31.5cqw + 3.7px) !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 4 !important;
    width: calc(18.5cqw - 13.7px) !important;
    max-width: none !important;
    height: calc(15.22145cqw - 7.8765px) !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 17px 18px !important;
    border-radius: 25px !important;
    aspect-ratio: auto !important;
  }

  .section._first .eriberka-rating__title {
    margin-bottom: 3px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  .section._first .eriberka-rating__box {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .section._first .eriberka-rating__count {
    height: auto !important;
    font-size: 43px !important;
    line-height: .94 !important;
  }

  .section._first .eriberka-rating__icons {
    margin-top: 2px !important;
    margin-bottom: 3px !important;
  }

  .section._first .eriberka-rating__icons svg {
    width: 16px !important;
    height: 16px !important;
  }

  .section._first .eriberka-rating__info {
    gap: 5px !important;
    white-space: nowrap !important;
  }

  .section._first .eriberka-rating__item,
  .section._first .eriberka-rating__item > * {
    font-size: 9px !important;
    line-height: 1.2 !important;
  }

  .section._first .eriberka-row._other > .eriberka-col:nth-child(2) .eriberka-col__footer {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
  }

  .section._first .eriberka-row._other > .eriberka-col:nth-child(2) .eriberka-shine,
  .section._first .eriberka-row._other > .eriberka-col:nth-child(2) .eriberka-shine .shine {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
  }

  .section._first .eriberka-row._other .eriberka-shine .shine-left {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  .section._first .eriberka-row._other .eriberka-shine .shine-right {
    flex: 0 0 150px !important;
    width: 150px !important;
  }

  .section._first .eriberka .eriberka-box {
    position: absolute !important;
    left: calc(50% + 34px) !important;
    right: auto !important;
    top: auto !important;
    bottom: 120px !important;
    z-index: 5 !important;
    display: block !important;
    width: max-content !important;
    max-width: calc(50% - 58px) !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .section._first .eriberka-box__name {
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .section._first .eriberka-box__name .visit-shine-more {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    background: #29aaec !important;
    color: #fff !important;
    font-family: "Mont Bold", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    transition: background-color .2s ease, transform .2s ease !important;
  }

  .section._first .eriberka-box__name .visit-shine-more:hover {
    background: #0d91d4 !important;
    transform: translateY(-1px) !important;
  }

  .section._first .eriberka-box__subname {
    display: none !important;
  }
}


/* Codex: match the review card height to the original hashtag slot exactly. */
@media (min-width: 1200px) {
  .section._first .eriberka-row:first-child > .eriberka-col:first-child .eriberka-col__head {
    anchor-name: --visit-review-row;
  }

  .section._first .eriberka .eriberka-rating {
    height: anchor-size(--visit-review-row height) !important;
  }
}


/* Codex: minimal Aurora details link, matching the forecast explainer. */
@media (min-width: 1200px) {
  .section._first .eriberka .eriberka-box {
    bottom: 160px !important;
  }

  .section._first .eriberka-box__name .visit-shine-more {
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #67c6f2 !important;
    font-family: "Mont Regular", sans-serif !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    transition: color .2s ease !important;
  }

  .section._first .eriberka-box__name .visit-shine-more:hover {
    background: transparent !important;
    color: #29aaec !important;
    transform: none !important;
  }
}


/* Codex: compact review-card typography based on the supplied reference. */
@media (min-width: 1200px) {
  .section._first .eriberka .eriberka-rating {
    justify-content: flex-start !important;
    padding: 22px 18px 16px !important;
  }

  .section._first .eriberka-rating__title {
    margin-bottom: 9px !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  .section._first .eriberka-rating__count {
    font-size: 42px !important;
    line-height: .95 !important;
  }

  .section._first .eriberka-rating__icons {
    margin-top: 8px !important;
    margin-bottom: 7px !important;
  }

  .section._first .eriberka-rating__icons svg {
    width: 18px !important;
    height: 18px !important;
  }

  .section._first .eriberka-rating__info {
    align-items: center !important;
    gap: 6px !important;
  }

  .section._first .eriberka-rating__item,
  .section._first .eriberka-rating__item > * {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .section._first .eriberka-rating__item::after {
    top: -7px !important;
  }
}


/* Codex: lower the score, stars and review counts inside the review card. */
@media (min-width: 1200px) {
  .section._first .eriberka-rating__box {
    margin-top: auto !important;
  }
}


/* Codex: keep rating cards in their native hero-grid column on inner pages. */
@media (min-width: 1200px) {
  .section._first .eriberka-col__head > .eriberka-rating {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    align-self: stretch !important;
  }
}


/* Codex: make aurora card fill catalog hero row like on the homepage. */
@media (min-width: 768px) {
  .section._first .eriberka-row._other > .eriberka-col > .eriberka-shine {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    align-self: stretch !important;
  }

  .section._first .eriberka-row._other > .eriberka-col > .eriberka-shine > .shine {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
  }
}


/* Codex: clickable Aurora details link on catalog forecast cards. */
@supports (anchor-name: --catalog-aurora-links) and (top: anchor(top)) {
  @media (min-width: 768px) {
    body:has(.section._first .eriberka-row._other > .eriberka-col > .eriberka-shine)
    .section._first .eriberka-row._other > .eriberka-col > .eriberka-shine .shine-content {
      anchor-name: --catalog-aurora-links;
    }

    body:has(.section._first .eriberka-row._other > .eriberka-col > .eriberka-shine)
    .footer-list__menu a[href="https://visit-teriberka.com/aurora"]::after {
      content: "Подробнее про сияние →";
      position: absolute;
      position-anchor: --catalog-aurora-links;
      top: calc(anchor(bottom) + 12px);
      left: anchor(left);
      z-index: 10;
      display: inline-block;
      color: #67c6f2;
      font-family: "Mont Regular", sans-serif;
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
      text-decoration: underline;
      text-underline-offset: 2px;
      white-space: nowrap;
      cursor: pointer;
    }
  }
}


/* Codex: keep catalog tour cards in the reference three-column layout on small desktop. */
@media (min-width: 960px) and (max-width: 1199px) {
  #ajax-tours-container .assortment {
    grid-template-columns: minmax(0, 1fr) 198px !important;
    column-gap: 18px !important;
    row-gap: 0 !important;
    height: 300px !important;
    min-height: 300px !important;
    padding: 12px 14px !important;
    align-items: stretch !important;
  }

  #ajax-tours-container .assortment > .assortment-item__col:first-child {
    width: auto !important;
    height: 276px !important;
    min-width: 0 !important;
  }

  #ajax-tours-container .assortment > .assortment-item__col:last-child {
    width: 198px !important;
    height: 276px !important;
  }

  #ajax-tours-container .assortment-item {
    grid-template-columns: 242px minmax(0, 1fr) !important;
    column-gap: 18px !important;
    width: 100% !important;
    height: 276px !important;
    min-width: 0 !important;
  }

  #ajax-tours-container .assortment-slider,
  #ajax-tours-container .assortment-slider .swiper,
  #ajax-tours-container .assortment-slider .swiper-wrapper,
  #ajax-tours-container .assortment-slider .swiper-slide,
  #ajax-tours-container .assortment-slider .glightbox {
    width: 242px !important;
    height: 276px !important;
  }

  #ajax-tours-container .assortment-content {
    width: auto !important;
    min-width: 0 !important;
    height: 261px !important;
  }

  #ajax-tours-container .assortment-description {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  #ajax-tours-container .assortment-info {
    padding: 12px 14px !important;
    gap: 12px !important;
  }

  #ajax-tours-container .assortment-info > .assortment-info__col {
    gap: 7px !important;
    min-width: 0 !important;
  }

  #ajax-tours-container .assortment-info__name {
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  #ajax-tours-container .assortment-info__type {
    font-size: 11px !important;
    padding: 5px 7px !important;
  }

  #ajax-tours-container .assortment-level {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }

  #ajax-tours-container .assortment-price {
    width: 198px !important;
    height: 276px !important;
    padding: 12px 8px !important;
    gap: 8px !important;
  }

  #ajax-tours-container .assortment-price__head {
    height: 140px !important;
    padding: 0 6px !important;
  }

  #ajax-tours-container .assortment-price__count-text {
    font-size: 18px !important;
  }

  #ajax-tours-container .assortment-price__info,
  #ajax-tours-container .assortment-price__info-content {
    height: auto !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  #ajax-tours-container .assortment-price__info {
    grid-template-columns: 15px minmax(0, 1fr) !important;
    margin: 8px 0 0 !important;
  }

  #ajax-tours-container .assortment-price__buttons {
    height: 104px !important;
  }

  #ajax-tours-container .assortment-price__buttons .button {
    height: 48px !important;
    padding: 6px 10px !important;
    font-size: 14px !important;
  }

  #ajax-tours-container .assortment-price__buttons .button + .button {
    margin-top: 8px !important;
  }
}

/* Codex: compact catalog-card typography so the reference layout stays inside the card. */
@media (min-width: 960px) and (max-width: 1199px) {
  #ajax-tours-container .assortment-content {
    row-gap: 10px !important;
  }

  #ajax-tours-container .assortment-title {
    margin-bottom: 12px !important;
    font-size: 18px !important;
    line-height: 22px !important;
  }

  #ajax-tours-container .assortment-box__container {
    gap: 10px !important;
  }

  #ajax-tours-container .assortment-box__text {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  #ajax-tours-container .assortment-description {
    margin-top: 8px !important;
  }

  #ajax-tours-container .assortment-description p {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  #ajax-tours-container .assortment-info {
    margin-top: 12px !important;
  }

  #ajax-tours-container .assortment-price__buttons .button {
    column-gap: 6px !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
    white-space: nowrap !important;
  }
}

/* Codex: keep expanded difficulty and comfort panels inside the reference tour card. */
@media (min-width: 960px) and (max-width: 1199px) {
  #ajax-tours-container .assortment-level {
    bottom: 88px !important;
    padding: 12px !important;
  }

  #ajax-tours-container .assortment-level._complexity {
    height: 190px !important;
  }

  #ajax-tours-container .assortment-level__head {
    grid-template-columns: minmax(0, 1fr) 12px !important;
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  #ajax-tours-container .assortment-level__title {
    font-size: 13px !important;
    line-height: 15px !important;
  }

  #ajax-tours-container .assortment-level__body {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
  }

  #ajax-tours-container .assortment-level__item {
    min-width: 0 !important;
    padding-right: 5px !important;
  }

  #ajax-tours-container .assortment-level__top {
    column-gap: 5px !important;
  }

  #ajax-tours-container .assortment-level__subtitle {
    font-size: 11px !important;
    line-height: 13px !important;
  }

  #ajax-tours-container .assortment-level__description {
    font-size: 11px !important;
    line-height: 13.5px !important;
  }

  #ajax-tours-container .assortment-price__buttons .button {
    min-height: 48px !important;
    max-height: 48px !important;
  }
}

/* Codex: use compact paragraph text inside expanded catalog-card panels. */
@media (min-width: 960px) and (max-width: 1199px) {
  #ajax-tours-container .assortment-level__description p {
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 13.5px !important;
  }
}

/* Codex: final expanded-difficulty panel fit. */
@media (min-width: 960px) and (max-width: 1199px) {
  #ajax-tours-container .assortment-level._complexity {
    height: 200px !important;
  }
}


/* Codex: reference-style price panel and catalog reset button. */
#ajax-tours-container .assortment-price {
  background: #eaeef6 !important;
  border-radius: 20px !important;
}

#ajax-tours-container .assortment-price .button._white::before,
#ajax-tours-container .assortment-price .button._white::after {
  background: #ffffff !important;
}

.main-block > .section._first .filter .filter-button > .button._blue {
  background: #29aaec !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

.main-block > .section._first .filter .filter-button > .button._blue svg path {
  fill: #ffffff !important;
}

/* Codex: enforce the reference blue on the catalog reset control. */
html body .main-block > .section._first .container .filter._mt-none .filter-button > button.button._blue[style] {
  background-color: #29aaec !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

html body .main-block > .section._first .container .filter._mt-none .filter-button > button.button._blue[style]::before,
html body .main-block > .section._first .container .filter._mt-none .filter-button > button.button._blue[style]::after {
  background: #29aaec !important;
  background-image: none !important;
}

/* Codex: visible solid-blue reset treatment over the theme's inline disabled color. */
html body .main-block > .section._first .container .filter._mt-none .filter-button > button.button._blue[style] {
  box-shadow: inset 0 0 0 100px #29aaec !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Codex: exact visible reset control matching the catalog reference. */
.main-block > .section._first .filter .filter-button {
  position: relative !important;
}

.main-block > .section._first .filter .filter-button::after {
  content: "Сбросить фильтр  ×";
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #29aaec;
  color: #ffffff;
  font-family: "Mont Regular", sans-serif;
  font-size: 14px;
  line-height: 1;
  pointer-events: none;
}


/* Codex: align catalog tour cards with the supplied desktop reference. */
@media (min-width: 1200px) and (max-width: 1279px) {
  #ajax-tours-container .assortment {
    width: 100% !important;
    max-width: 1080px !important;
    height: 277px !important;
    min-height: 277px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 12px 14px !important;
    grid-template-columns: minmax(0, 1fr) 216px !important;
    column-gap: 15px !important;
    row-gap: 0 !important;
  }

  #ajax-tours-container .assortment > .assortment-item__col:first-child {
    width: auto !important;
    height: 253px !important;
    min-width: 0 !important;
  }

  #ajax-tours-container .assortment > .assortment-item__col:last-child {
    width: 216px !important;
    height: 253px !important;
  }

  #ajax-tours-container .assortment-item {
    width: 100% !important;
    height: 253px !important;
    min-width: 0 !important;
    grid-template-columns: 236px minmax(0, 1fr) !important;
    column-gap: 15px !important;
  }

  #ajax-tours-container .assortment-slider,
  #ajax-tours-container .assortment-slider .swiper,
  #ajax-tours-container .assortment-slider .swiper-wrapper,
  #ajax-tours-container .assortment-slider .swiper-slide,
  #ajax-tours-container .assortment-slider .glightbox {
    width: 236px !important;
    height: 253px !important;
  }

  #ajax-tours-container .assortment-content {
    width: auto !important;
    height: 240px !important;
    min-width: 0 !important;
    row-gap: 0 !important;
    justify-content: space-between !important;
  }

  #ajax-tours-container .assortment-title {
    margin-bottom: 12px !important;
    font-size: 18px !important;
    line-height: 22px !important;
  }

  #ajax-tours-container .assortment-box__container {
    gap: 10px !important;
  }

  #ajax-tours-container .assortment-box__text {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  #ajax-tours-container .assortment-description {
    margin-top: 8px !important;
  }

  #ajax-tours-container .assortment-description p {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  #ajax-tours-container .assortment-info {
    height: 52px !important;
    margin-top: 12px !important;
    padding: 12px 14px !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 18px !important;
  }

  #ajax-tours-container .assortment-info > .assortment-info__col {
    min-width: 0 !important;
    flex-flow: row nowrap !important;
    gap: 7px !important;
  }

  #ajax-tours-container .assortment-info__name {
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  #ajax-tours-container .assortment-info__type {
    font-size: 11px !important;
    padding: 5px 7px !important;
  }

  #ajax-tours-container .assortment-level {
    left: 0 !important;
    right: 0 !important;
    bottom: calc(100% + 7px) !important;
    width: 100% !important;
    padding: 12px !important;
  }

  #ajax-tours-container .assortment-level._complexity {
    height: 198px !important;
  }

  #ajax-tours-container .assortment-level__head {
    grid-template-columns: minmax(0, 1fr) 12px !important;
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  #ajax-tours-container .assortment-level__title {
    font-size: 13px !important;
    line-height: 15px !important;
  }

  #ajax-tours-container .assortment-level__body {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
  }

  #ajax-tours-container .assortment-level__item {
    min-width: 0 !important;
    padding-right: 5px !important;
  }

  #ajax-tours-container .assortment-level__subtitle,
  #ajax-tours-container .assortment-level__description,
  #ajax-tours-container .assortment-level__description p {
    font-size: 11px !important;
    line-height: 13.5px !important;
  }

  #ajax-tours-container .assortment-price {
    width: 216px !important;
    height: 253px !important;
    padding: 12px 10px !important;
    gap: 5px !important;
  }

  #ajax-tours-container .assortment-price__head {
    height: 120px !important;
    padding: 0 4px !important;
  }

  #ajax-tours-container .assortment-price__count-text {
    font-size: 18px !important;
  }

  #ajax-tours-container .assortment-price__info,
  #ajax-tours-container .assortment-price__info-content {
    height: auto !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  #ajax-tours-container .assortment-price__info {
    grid-template-columns: 15px minmax(0, 1fr) !important;
    margin: 8px 0 0 !important;
  }

  #ajax-tours-container .assortment-price__buttons {
    height: 104px !important;
  }

  #ajax-tours-container .assortment-price__buttons .button {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 6px 8px !important;
    font-size: 14px !important;
  }

  #ajax-tours-container .assortment-price__buttons .button + .button {
    margin-top: 8px !important;
  }
}


/* Codex: align the wide-desktop catalog card to the same shared edges. */
@media (min-width: 1280px) {
  #ajax-tours-container .assortment {
    height: 304px !important;
    min-height: 304px !important;
    align-items: stretch !important;
  }

  #ajax-tours-container .assortment > .assortment-item__col:first-child,
  #ajax-tours-container .assortment > .assortment-item__col:last-child,
  #ajax-tours-container .assortment-item,
  #ajax-tours-container .assortment-slider,
  #ajax-tours-container .assortment-slider .swiper,
  #ajax-tours-container .assortment-slider .swiper-wrapper,
  #ajax-tours-container .assortment-slider .swiper-slide,
  #ajax-tours-container .assortment-slider .glightbox,
  #ajax-tours-container .assortment-price {
    height: 274px !important;
  }

  #ajax-tours-container .assortment-level {
    left: 0 !important;
    right: 0 !important;
    bottom: calc(100% + 7px) !important;
    width: 100% !important;
    padding: 12px !important;
  }

  #ajax-tours-container .assortment-level._complexity {
    height: 198px !important;
  }

  #ajax-tours-container .assortment-level__head {
    grid-template-columns: minmax(0, 1fr) 12px !important;
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  #ajax-tours-container .assortment-level__title {
    font-size: 13px !important;
    line-height: 15px !important;
  }

  #ajax-tours-container .assortment-level__body {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
  }

  #ajax-tours-container .assortment-level__item {
    min-width: 0 !important;
    padding-right: 5px !important;
  }

  #ajax-tours-container .assortment-level__subtitle,
  #ajax-tours-container .assortment-level__description,
  #ajax-tours-container .assortment-level__description p {
    font-size: 11px !important;
    line-height: 13.5px !important;
  }

  #ajax-tours-container .assortment-price {
    padding: 12px 14px !important;
    gap: 8px !important;
  }

  #ajax-tours-container .assortment-price__head {
    height: 130px !important;
  }

  #ajax-tours-container .assortment-price__info,
  #ajax-tours-container .assortment-price__info-content {
    height: auto !important;
    font-size: 14px !important;
    line-height: 18px !important;
  }

  #ajax-tours-container .assortment-price__info {
    grid-template-columns: 15px minmax(0, 1fr) !important;
    margin-top: 8px !important;
  }

  #ajax-tours-container .assortment-price__buttons {
    height: 112px !important;
  }

  #ajax-tours-container .assortment-price__buttons .button {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }

  #ajax-tours-container .assortment-price__buttons .button + .button {
    margin-top: 8px !important;
  }
}


/* Codex: final shared-bottom alignment across compact desktop widths. */
@media (min-width: 960px) and (max-width: 1023px) {
  #ajax-tours-container .assortment-content {
    height: 261px !important;
    row-gap: 0 !important;
    justify-content: space-between !important;
  }

  #ajax-tours-container .assortment-content > .assortment-col:first-child {
    max-height: 120px !important;
    overflow: hidden !important;
  }

  #ajax-tours-container .assortment-description,
  #ajax-tours-container .assortment-description p {
    display: -webkit-box !important;
    max-height: 60px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  #ajax-tours-container .assortment-content > .assortment-col:last-child {
    margin-top: auto !important;
  }
}

@media (min-width: 1280px) and (max-width: 1399px) {
  #ajax-tours-container .assortment-content {
    height: 261px !important;
    min-height: 261px !important;
    row-gap: 0 !important;
    justify-content: space-between !important;
  }

  #ajax-tours-container .assortment-content > .assortment-col:last-child {
    margin-top: auto !important;
  }

  #ajax-tours-container .assortment-info {
    height: 52px !important;
    margin-top: 12px !important;
    padding: 12px 14px !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 10px !important;
  }

  #ajax-tours-container .assortment-info > .assortment-info__col {
    min-width: 0 !important;
    flex-flow: row nowrap !important;
    gap: 6px !important;
  }

  #ajax-tours-container .assortment-info__name {
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  #ajax-tours-container .assortment-info__type {
    font-size: 11px !important;
    padding: 5px 7px !important;
  }
}


/* Codex: exact bottom edge from 960 through 1199. */
@media (min-width: 960px) and (max-width: 1199px) {
  #ajax-tours-container .assortment-content {
    height: 263px !important;
    min-height: 263px !important;
  }
}


/* Codex: mobile catalog cards use the same white outlined shell as desktop. */
@media (max-width: 959px) {
  #ajax-tours-container .assortment {
    background: #ffffff !important;
    border: 1px solid #d2d2d2 !important;
  }
}


/* Codex: mobile catalog info rows align to shared columns with more breathing room. */
@media (max-width: 959px) {
  #ajax-tours-container .assortment-info {
    height: auto !important;
    min-height: 104px !important;
    padding: 20px !important;
    flex-flow: column nowrap !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  #ajax-tours-container .assortment-info > .assortment-info__col {
    width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    column-gap: 5px !important;
    row-gap: 8px !important;
  }

  #ajax-tours-container .assortment-info__name {
    flex: 0 0 108px !important;
    width: 108px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }

  #ajax-tours-container .assortment-info__dote,
  #ajax-tours-container .assortment-info__type {
    flex: 0 0 auto !important;
  }

  #ajax-tours-container .assortment-info__type {
    padding: 5px 6px !important;
  }

  #ajax-tours-container .assortment-info__button {
    flex: 0 0 14px !important;
    margin-left: auto !important;
  }
}


/* Codex: keep mobile info icons next to their values. */
@media (max-width: 959px) {
  #ajax-tours-container .assortment-info__button {
    margin-left: 0 !important;
  }
}


/* Codex: mobile catalog content gets more vertical breathing room. */
@media (max-width: 959px) {
  #ajax-tours-container .assortment-content > .assortment-col:first-child {
    display: flex !important;
    flex-direction: column !important;
  }

  #ajax-tours-container .assortment-content > .assortment-col:first-child > a:first-child {
    margin: 0 0 24px !important;
  }

  #ajax-tours-container .assortment-content > .assortment-col:first-child > .assortment-box__container {
    margin: 0 !important;
  }

  #ajax-tours-container .assortment-content > .assortment-col:first-child > .assortment-box._mobShow {
    margin: 16px 0 0 !important;
  }

  #ajax-tours-container .assortment-content > .assortment-col:first-child > .assortment-description {
    margin: 20px 0 0 !important;
  }
}


/* Codex: short guarantee text on the homepage. */
.main-block > .section:nth-child(6) .benefit-container > .benefit:nth-child(6) .benefit-description {
  font-size: 0 !important;
  line-height: 0 !important;
}
.main-block > .section:nth-child(6) .benefit-container > .benefit:nth-child(6) .benefit-description::after {
  content: "Ваш тур гарантированно состоится, если внесена предоплата. Мы ценим ваше доверие!";
  display: block;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}


/* Codex: reserve mobile arrow space in comparison cards. */
@media (max-width: 767px) {
  #visit-home-compare-block .vt-compare__guide-item strong {
    box-sizing: border-box !important;
    padding-right: 38px !important;
    width: 100% !important;
  }
}


/* VT quality fixes: dates and mobile tour navigation — 2026-07-29 */
.assortment-price__info-content a {
  display: inline-block !important;
  white-space: nowrap !important;
  line-height: 20px !important;
}

@media (max-width: 767px) {
  body:has(.visit-tour-page-nav) {
    padding-bottom: 138px !important;
  }
  .visit-tour-page-nav {
    padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
  }
}


/* VT catalog date spacing — 2026-07-29 */
@media (min-width: 768px) {
  .assortment-price__info-content {
    font-size: 13px !important;
    line-height: 16px !important;
  }
  .assortment-price__info-content a {
    display: block !important;
    line-height: 17px !important;
  }
}

/* VT catalog desktop schedule fit */
@media (min-width: 1280px) {
  #ajax-tours-container .assortment-price__info-content {
    font-size: 13px !important;
    line-height: 16px !important;
  }
}

@media (min-width: 1280px) {
  #ajax-tours-container .assortment-price__buttons { transform: translateY(6px) !important; }
}

/* VT catalog schedule compact layout on medium screens */
@media (min-width: 768px) and (max-width: 1279px) {
  #ajax-tours-container .assortment-price__info-content > p { line-height: 18px !important; }
  #ajax-tours-container .assortment-price__info-content > p + p { margin-top: 4px !important; }
  #ajax-tours-container .assortment-price__info-content > p > span {
    display: block !important;
    line-height: 16px !important;
    max-height: 32px !important;
    overflow: hidden !important;
  }
  #ajax-tours-container .assortment-price__info-content > p > a { margin-top: 2px !important; }
}


/* VT compare block: align with the section above — 2026-07-30 */
#visit-home-compare-block .vt-programs-shell {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* VT mobile messenger row repair — 2026-07-30 */
@media (max-width: 767px) {
  html body form.feedback-form .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] {
    position: relative !important;
    flex-wrap: nowrap !important;
    margin-top: 24px !important;
    overflow: visible !important;
  }
  html body form.feedback-form .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"]::before {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: -22px !important;
    width: auto !important;
    height: auto !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* VT mobile messenger label spacing */
@media (max-width: 767px) {
  html body .section._first .eriberka form.feedback-form .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] {
    margin-top: 24px !important;
  }
}


/* VT compact mobile form typography — 2026-07-30 */
@media (max-width: 767px) {
  html body form.feedback-form .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] .messenger-choice__item,
  html body form.feedback-form .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] .messenger-choice__text {
    font-family: "Mont Regular", Mont, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
  }
  html body form.feedback-form .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] .radio__box {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    flex: 0 0 14px !important;
  }
  html body form.feedback-form .visit-form-consent,
  html body form.feedback-form .visit-form-consent .checkbox__text,
  html body form.feedback-form .visit-form-consent [data-visit-unified-privacy],
  html body form.feedback-form .visit-form-consent [data-visit-unified-privacy] a {
    font-family: "Mont Regular", Mont, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
  }
}


/* VT compact mobile form typography — forced */
@media (max-width: 767px) {
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] .messenger-choice__item,
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] .messenger-choice__text {
    font-family: "Mont Regular", Mont, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 14px !important;
    font-weight: 400 !important;
  }
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] .radio__box {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    flex: 0 0 14px !important;
  }
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .visit-form-consent,
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .visit-form-consent .checkbox__text,
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .visit-form-consent [data-visit-unified-privacy],
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .visit-form-consent [data-visit-unified-privacy] a {
    font-family: "Mont Regular", Mont, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 15px !important;
    font-weight: 400 !important;
  }
}


/* VT compact mobile form spacing — forced */
@media (max-width: 767px) {
  html body form.eriberka-form.feedback-form:not(#vt-space-anchor):not(#vt-space-anchor-2) {
    padding-bottom: 16px !important;
  }
  html body form.eriberka-form.feedback-form:not(#vt-space-anchor):not(#vt-space-anchor-2) .eriberka-form__box2 {
    gap: 10px !important;
  }
  html body form.eriberka-form.feedback-form:not(#vt-space-anchor):not(#vt-space-anchor-2) .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
  }
  html body form.eriberka-form.feedback-form:not(#vt-space-anchor):not(#vt-space-anchor-2) .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"]::before {
    top: -18px !important;
  }
  html body form.eriberka-form.feedback-form:not(#vt-space-anchor):not(#vt-space-anchor-2) .visit-form-consent {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  html body form.feedback-form:not(.eriberka-form):not(#vt-space-anchor):not(#vt-space-anchor-2) .messenger-choice.bookHotel-radio[data-visit-fixed-messenger="1"] {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  html body form.feedback-form:not(.eriberka-form):not(#vt-space-anchor):not(#vt-space-anchor-2) .visit-form-consent {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
  }
}


/* Visit AI: для туров с включённым проживанием не показываем «от» */
html:has(meta[property="og:url"][content*="/tours/terskiy-bereg"]) .walk-slide__price > span,
html:has(meta[property="og:url"][content*="/tours/dalnie-zelentsy"]) .walk-slide__price > span,
html:has(meta[property="og:url"][content*="/tours/rybachiy-2days"]) .walk-slide__price > span,
html:has(meta[property="og:url"][content*="/tours/rybachiy-3days"]) .walk-slide__price > span {
  display: none;
}


/* Codex: restore homepage aurora factor icons. */
.forecast .driver .driver-icon img {
  display: block !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  object-fit: contain !important;
}


/* Codex: keep footer registry crest proportional. */
.footer .footer-block > .footer-subtext:first-child img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}


/* Codex: keep footer payment strip proportional. */
.footer .footer-subtext2 img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}


/* Codex: compact footer contact rows. */
.footer .footer-list__menu._icon li {
  margin: 0 !important;
  padding-bottom: 4px !important;
}
.footer .footer-list__menu._icon li:last-child {
  padding-bottom: 0 !important;
}
.footer .footer-list__menu._icon a {
  min-height: 34px !important;
  align-items: center !important;
}


/* Codex: restore compact header social strip. */
.gift .gift-soc__link {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
}
.gift .gift-soc__link svg,
.gift .gift-soc__link img {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
}
.gift .gift-icon {
  margin-top: 0 !important;
  align-items: center !important;
}


/* Shared forecast component palette. Exact existing legend colors from
 * theme style.css (blue/green/yellow) and adwork.css (orange/red).
 * Published through WordPress Additional CSS for the _visit theme.
 */
.forecast {
  --vt-forecast-blue: #67c6f2;
  --vt-forecast-green: #15d139;
  --vt-forecast-yellow: #c5dc05;
  --vt-forecast-orange: #f97316;
  --vt-forecast-red: #dc2626;
  --vt-forecast-purple: #a855f7;
}

.forecast .shine-scale__item[data-kp="0"],
.forecast .shine-scale__item[data-kp^="0."],
.forecast .shine-scale__item[data-kp="1"],
.forecast .shine-scale__item[data-kp^="1."],
.forecast .forecast-list__item._blue {
  --vt-forecast-color: var(--vt-forecast-blue);
}
.forecast .shine-scale__item[data-kp="2"],
.forecast .shine-scale__item[data-kp^="2."],
.forecast .forecast-list__item._green {
  --vt-forecast-color: var(--vt-forecast-green);
}
.forecast .shine-scale__item[data-kp="3"],
.forecast .shine-scale__item[data-kp^="3."],
.forecast .forecast-list__item._yellow {
  --vt-forecast-color: var(--vt-forecast-yellow);
}
.forecast .shine-scale__item[data-kp="4"],
.forecast .shine-scale__item[data-kp^="4."],
.forecast .forecast-list__item._orange {
  --vt-forecast-color: var(--vt-forecast-orange);
}
.forecast .shine-scale__item[data-kp="5"],
.forecast .shine-scale__item[data-kp^="5."],
.forecast .forecast-list__item._red {
  --vt-forecast-color: var(--vt-forecast-red);
}

/* Neutralize legacy gradients, hover opacity and selected saturation.
 * No geometry, type, photograph or overlay properties are changed.
 */
.forecast .shine-scale .shine-scale__item,
.forecast .forecast-list__item::after {
  background: var(--vt-forecast-color) !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
.forecast .shine-scale .shine-scale__item {
  transform: none !important;
  box-shadow: none !important;
  outline: none !important;
  transition: none !important;
}

/* Inset ring stays inside the bar and the existing overflow container. */
.forecast .shine-scale .shine-scale__item.is-selected,
.forecast .shine-scale .shine-scale__item.selected,
.forecast .shine-scale .shine-scale__item.active,
.forecast .shine-scale .shine-scale__item[aria-pressed="true"],
.forecast .shine-scale .shine-scale__item:focus-visible {
  box-shadow: inset 0 0 0 1px #fff !important;
}

/* User scale: 1 blue, 2 green, 3 yellow, 4 orange, 5 red, 6–9 purple.
 * Use the forecast data directly; the legacy JS kp-* classes use older ranges.
 */
.forecast .shine-scale__item[data-kp="6"],
.forecast .shine-scale__item[data-kp^="6."],
.forecast .shine-scale__item[data-kp="7"],
.forecast .shine-scale__item[data-kp^="7."],
.forecast .shine-scale__item[data-kp="8"],
.forecast .shine-scale__item[data-kp^="8."],
.forecast .shine-scale__item[data-kp="9"],
.forecast .shine-scale__item[data-kp^="9."] {
  --vt-forecast-color: var(--vt-forecast-purple);
}





/* Visit Teriberka: calendar icon in Arctic WOW date field. */
#vt-tours-arctic-wow-podarok-degustaciya-moreproduktov-pri-bronirovanii-tura .tour-date-select .select-arrow {
  align-items: center !important;
  display: flex !important;
  height: 20px !important;
  justify-content: center !important;
  width: 20px !important;
}
#vt-tours-arctic-wow-podarok-degustaciya-moreproduktov-pri-bronirovanii-tura .tour-date-select .select-arrow svg {
  display: none !important;
}
#vt-tours-arctic-wow-podarok-degustaciya-moreproduktov-pri-bronirovanii-tura .tour-date-select .select-arrow::before {
  -webkit-mask: url("https://visit-teriberka.com/wp-content/uploads/2026/06/calendar_white_transparent.png") center / contain no-repeat;
  mask: url("https://visit-teriberka.com/wp-content/uploads/2026/06/calendar_white_transparent.png") center / contain no-repeat;
  background-color: #a8a9ae;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
}


/* Visit Teriberka: use the full mobile width of the ticket advice card. */
@media screen and (max-width: 575px) {
  .advice-container__text {
    width: 100% !important;
    max-width: none !important;
  }
}


/* Visit Teriberka: align mobile tour-detail list with its icon. */
@media screen and (max-width: 575px) {
  html body .tourDetails .tourDetails-content .list ul {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
  }
  html body .tourDetails .tourDetails-content .list ul li {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* Visit Teriberka: full-width mobile price form and neutral radios. */
@media screen and (max-width: 575px) {
  html body .visit-awaits-pricing .awaits-oneToure__container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body .visit-awaits-pricing .awaits-col {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
  html body .visit-awaits-pricing .awaits-col__info {
    width: 100% !important;
    max-width: none !important;
    padding-left: 19px !important;
    padding-right: 19px !important;
  }
}
html body .visit-awaits-pricing .messenger-choice.bookHotel-radio .radio__box {
  border-color: #a8a9ae !important;
}
html body .visit-awaits-pricing .messenger-choice.bookHotel-radio .radio__box::after {
  background-color: #a8a9ae !important;
}


/* Visit Teriberka: polish hotel price section. */
html body .visit-hotel-prices {
  border-top: 0 !important;
  padding-top: 0 !important;
}
html body .visit-hotel-prices .visit-hotel-prices__head {
  grid-template-columns: 1fr !important;
}
html body .visit-hotel-prices .visit-hotel-prices__title {
  margin: 0 0 10px !important;
  color: #000 !important;
  font-family: "Mont Bold", sans-serif !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}
html body .visit-hotel-prices .visit-hotel-prices__note {
  align-items: baseline !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
html body .visit-hotel-prices .visit-hotel-prices__note::before {
  content: none !important;
  display: none !important;
}
html body .visit-hotel-prices .visit-hotel-prices__note-text {
  min-width: 0 !important;
}
@media screen and (max-width: 767px) {
  html body .visit-hotel-prices {
    padding-top: 0 !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__hotels {
    flex-wrap: wrap !important;
    overflow: visible !important;
    row-gap: 6px !important;
    padding-bottom: 0 !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__hotel {
    flex: 0 0 auto !important;
    max-width: 100% !important;
  }
}


/* Visit Teriberka: inline mobile gift subscription and centered icon. */
@media screen and (max-width: 575px) {
  html body .gift .gift-box {
    align-items: center !important;
  }
  html body .gift .gift-icon {
    align-self: center !important;
    align-items: center !important;
    height: 26px !important;
    margin-top: 0 !important;
  }
  html body .gift .gift-icon svg {
    display: block !important;
    width: 20px !important;
    height: auto !important;
  }
  html body .gift .gift-content {
    display: block !important;
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
  }
  html body .gift .gift-content .gift-text {
    display: inline !important;
  }
  html body .gift .gift-content .gift-button {
    display: inline-block !important;
    margin-left: 8px !important;
    vertical-align: baseline !important;
    white-space: nowrap !important;
  }
}


/* Visit Teriberka: place Arctic WOW calendar before date text. */
#vt-tours-arctic-wow-podarok-degustaciya-moreproduktov-pri-bronirovanii-tura .tour-date-select .select-head {
  justify-content: flex-start !important;
  gap: 12px !important;
}
#vt-tours-arctic-wow-podarok-degustaciya-moreproduktov-pri-bronirovanii-tura .tour-date-select .select-arrow {
  flex: 0 0 20px !important;
  order: -1 !important;
}
#vt-tours-arctic-wow-podarok-degustaciya-moreproduktov-pri-bronirovanii-tura .tour-date-select .select-head__text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}


/* Visit Teriberka: match safe-booking note typography to ticket note. */
html body .visit-awaits-pricing .awaits-col__info p {
  color: #525e77 !important;
  font-family: "Mont Regular", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1px !important;
  line-height: 1.3 !important;
}


/* Visit Teriberka: one reference radio geometry across every form. */
html body .radio.messenger-choice__item > .radio__box:not(#visit-radio-reference-a):not(#visit-radio-reference-b):not(#visit-radio-reference-c):not(#visit-radio-reference-d):not(#visit-radio-reference-e) {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  flex: 0 0 18px !important;
  box-sizing: border-box !important;
  border-width: 2px !important;
  border-radius: 50% !important;
}

@media (max-width: 767px) {
  html body .radio.messenger-choice__item > .radio__box:not(#visit-radio-reference-a):not(#visit-radio-reference-b):not(#visit-radio-reference-c):not(#visit-radio-reference-d):not(#visit-radio-reference-e) {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    flex: 0 0 14px !important;
  }
}


/* Visit Teriberka: gray unchecked consent checkbox in the light pricing form. */
html body .visit-awaits-pricing .visit-form-consent .checkbox__input:not(:checked) + .checkbox__mark:not(#visit-checkbox-gray-a):not(#visit-checkbox-gray-b):not(#visit-checkbox-gray-c) {
  border-color: #a8a9ae !important;
  background-color: #ffffff !important;
}


/* Visit Teriberka: restore airline tickets artwork in the consultation note. */
html body .advice-col._white .advice-container:not(#visit-tickets-note-a):not(#visit-tickets-note-b):not(#visit-tickets-note-c):not(#visit-tickets-note-d):not(#visit-tickets-note-e) {
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding-right: 118px !important;
}

html body .advice-col._white .advice-container .advice-container__img:not(#visit-tickets-art-a):not(#visit-tickets-art-b):not(#visit-tickets-art-c):not(#visit-tickets-art-d):not(#visit-tickets-art-e) {
  display: block !important;
  position: absolute !important;
  left: auto !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 113px !important;
  height: 63px !important;
  background: transparent url("https://visit-teriberka.com/wp-content/uploads/2026/08/sized-airline-tickets-kopija.png") right bottom / contain no-repeat !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

html body .advice-col._white .advice-container .advice-container__img picture {
  display: none !important;
}

html body .advice-col._white .advice-container .advice-container__text {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
}


/* Visit Teriberka: align route information text and checkmark. */
html body .route-info > div > ul > li:not(#visit-route-info-a):not(#visit-route-info-b):not(#visit-route-info-c):not(#visit-route-info-d):not(#visit-route-info-e) {
  position: relative !important;
  padding-left: 0 !important;
}

html body .route-info > div > ul > li:not(#visit-route-info-a):not(#visit-route-info-b):not(#visit-route-info-c):not(#visit-route-info-d):not(#visit-route-info-e)::before {
  left: -28px !important;
}


/* Visit Teriberka: normalize included-card icon and list rhythm. */
html body .tourDetails .tourDetails-col .tourDetails-content > .list:not(#visit-included-list-a):not(#visit-included-list-b):not(#visit-included-list-c):not(#visit-included-list-d):not(#visit-included-list-e) > ul > li + li {
  margin-top: 10px !important;
}

@media (max-width: 767px) {
  html body .tourDetails .tourDetails-col .tourDetails-icon:not(#visit-included-icon-a):not(#visit-included-icon-b):not(#visit-included-icon-c):not(#visit-included-icon-d):not(#visit-included-icon-e) {
    align-self: start !important;
    margin-top: 0 !important;
  }

  html body .tourDetails .tourDetails-col .tourDetails-content > .list:not(#visit-included-list-a):not(#visit-included-list-b):not(#visit-included-list-c):not(#visit-included-list-d):not(#visit-included-list-e) {
    margin-top: 0 !important;
  }
}


/* VT GLOBAL REQUEST MODAL — WHITE COMPACT FORM + TICKET BELOW — 2026-08-08 */

#requestModal.requestModal .modal-dialog{max-width:620px!important;width:calc(100% - 32px)!important;margin:20px auto!important}
#requestModal.requestModal .modal-content{background:transparent!important;border:0!important;box-shadow:none!important}
#requestModal.requestModal .requestModal-container{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-height:calc(100vh - 40px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 4px 4px!important}
#requestModal.requestModal #cont1{order:1!important;width:100%!important}
#requestModal.requestModal .requestModal-ticket{order:2!important;width:100%!important;height:164px!important;min-height:164px!important;padding:18px 28px!important;gap:8px!important;border-radius:26px!important}
#requestModal.requestModal form.eriberka-form{width:100%!important;height:auto!important;min-height:0!important;padding:26px 32px 18px!important;border-radius:28px!important;background:#fff!important;background-image:none!important;color:#111827!important;box-shadow:0 18px 48px rgba(17,24,39,.18)!important}
#requestModal.requestModal .requestModal-form__title{margin:0!important;color:#111827!important;font-size:32px!important;line-height:1.05!important;text-align:left!important}
#requestModal.requestModal .requestModal-form__subtitle{margin:8px 0 0!important;color:#586174!important;font-size:17px!important;line-height:1.3!important;text-align:left!important}
#requestModal.requestModal .requestModal-form__box{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 12px!important;width:100%!important;height:auto!important;padding:18px 0 0!important}
#requestModal.requestModal .requestModal-form__box>.requestModal-date-select{grid-column:1/-1!important}
#requestModal.requestModal .requestModal-form__box>.input{width:100%!important;height:56px!important;min-width:0!important;padding:0 24px!important;border:0!important;border-radius:999px!important;background:#e6ebf5!important;color:#666b74!important;font-size:17px!important}
#requestModal.requestModal .requestModal-form__box>.requestModal-date-select{padding-left:58px!important;padding-right:58px!important}
#requestModal.requestModal .requestModal-form__button,
#requestModal.requestModal .messenger-choice,
#requestModal.requestModal .requestModal-politic{grid-column:1/-1!important;width:100%!important}
#requestModal.requestModal .requestModal-form__button{height:54px!important;margin:0!important}
#requestModal.requestModal .requestModal-form__button .button{height:54px!important}
#requestModal.requestModal .messenger-choice{margin:2px 0 0!important;color:#4d515a!important}
#requestModal.requestModal .messenger-choice__text{color:#4d515a!important}
#requestModal.requestModal .radio__box{border-color:#a9adb5!important}
#requestModal.requestModal .requestModal-politic{height:auto!important;margin:0!important;color:#5c6473!important}
#requestModal.requestModal .requestModal-politic .checkbox__text{color:#5c6473!important}
#requestModal.requestModal .requestModal-politic .checkbox__mark{border-color:#a9adb5!important}
#requestModal.requestModal .requestModal-barcode{width:100%!important;height:38px!important;margin:14px 0 0!important;filter:brightness(0) saturate(100%) invert(8%) sepia(12%) saturate(1800%) hue-rotate(183deg) brightness(95%) contrast(96%)!important}
#requestModal.requestModal .requestModal-ticket__title{font-size:20px!important;line-height:1.1!important}
#requestModal.requestModal .requestModal-ticket__info{margin:0!important}
#requestModal.requestModal .requestModal-ticket__name{font-size:40px!important;line-height:1!important}
#requestModal.requestModal .requestModal-ticket__subname{font-size:16px!important;line-height:1.1!important}
#requestModal.requestModal .requestModal-ticket__arrow{font-size:34px!important;line-height:1!important}
#requestModal.requestModal .requestModal-ticket__footer{margin-top:auto!important}
#requestModal.requestModal .requestModal-ticket__status,
#requestModal.requestModal .requestModal-ticket__boarding{font-size:12px!important;line-height:1.15!important}
#requestModal.requestModal .btn-close{z-index:5!important}
@media(max-width:600px){
 #requestModal.requestModal .modal-dialog{width:calc(100% - 20px)!important;margin:10px auto!important}
 #requestModal.requestModal .requestModal-container{max-height:calc(100vh - 20px)!important;gap:10px!important;padding:0 2px 2px!important}
 #requestModal.requestModal form.eriberka-form{padding:24px 24px 16px!important;border-radius:24px!important}
 #requestModal.requestModal .requestModal-form__title{font-size:29px!important}
 #requestModal.requestModal .requestModal-form__subtitle{font-size:15px!important}
 #requestModal.requestModal .requestModal-form__box{grid-template-columns:1fr!important;gap:9px!important;padding-top:16px!important}
 #requestModal.requestModal .requestModal-form__box>*{grid-column:1!important}
 #requestModal.requestModal .requestModal-form__box>.input{height:54px!important}
 #requestModal.requestModal .messenger-choice{gap:8px!important}
 #requestModal.requestModal .requestModal-barcode{height:34px!important;margin-top:12px!important}
 #requestModal.requestModal .requestModal-ticket{height:142px!important;min-height:142px!important;padding:16px 22px!important;border-radius:24px!important}
 #requestModal.requestModal .requestModal-ticket__title{font-size:17px!important}
 #requestModal.requestModal .requestModal-ticket__name{font-size:30px!important}
 #requestModal.requestModal .requestModal-ticket__subname{font-size:13px!important}
 #requestModal.requestModal .requestModal-ticket__arrow{font-size:26px!important}
 #requestModal.requestModal .requestModal-ticket__status,
 #requestModal.requestModal .requestModal-ticket__boarding{font-size:10px!important}
}

#requestModal#requestModal .requestModal-politic .checkbox, #requestModal#requestModal .requestModal-politic .checkbox__text, #requestModal#requestModal .requestModal-politic .checkbox__text a{font-size:11px!important;line-height:1.3!important}

/* END VT GLOBAL REQUEST MODAL — 2026-08-08 */


/* VT WHITE MODAL CONSENT COLOR FIX — 2026-08-08 */
#requestModal.requestModal form.eriberka-form .requestModal-politic .checkbox__text,
#requestModal.requestModal form.eriberka-form .requestModal-politic .politic{color:#5c6473!important;-webkit-text-fill-color:#5c6473!important;}
#requestModal.requestModal form.eriberka-form .requestModal-politic .checkbox__text a,
#requestModal.requestModal form.eriberka-form .requestModal-politic .politic a{color:#29aaec!important;-webkit-text-fill-color:#29aaec!important;}
/* END VT WHITE MODAL CONSENT COLOR FIX */


/* VT ROUTE INFO CHECKMARK — RESTORE ORIGINAL POSITION — 2026-08-08 */
html body .route-info > div > ul > li:not(#visit-route-info-a):not(#visit-route-info-b):not(#visit-route-info-c):not(#visit-route-info-d):not(#visit-route-info-e):not(#visit-route-info-restore){padding-left:28px!important;}
html body .route-info > div > ul > li:not(#visit-route-info-a):not(#visit-route-info-b):not(#visit-route-info-c):not(#visit-route-info-d):not(#visit-route-info-e):not(#visit-route-info-restore)::before{left:0!important;}
/* END VT ROUTE INFO CHECKMARK RESTORE */


/* VT TICKET NOTE — FULL-WIDTH TOP LINES + SAFE TICKET WRAP — 2026-08-08 */
html body .advice-col._white .advice-container:not(#visit-ticket-flow-a):not(#visit-ticket-flow-b):not(#visit-ticket-flow-c){padding-right:20px!important;}
html body .advice-col._white .advice-container:not(#visit-ticket-flow-a):not(#visit-ticket-flow-b):not(#visit-ticket-flow-c)::before{content:""!important;display:block!important;float:right!important;width:113px!important;height:63px!important;margin:40px -20px 0 10px!important;shape-outside:margin-box!important;pointer-events:none!important;}
html body .advice-col._white .advice-container .advice-container__text:not(#visit-ticket-flow-text-a):not(#visit-ticket-flow-text-b):not(#visit-ticket-flow-text-c){width:auto!important;max-width:none!important;margin-right:0!important;}
/* END VT TICKET NOTE FLOW */

html body .advice-col._white .advice-container:not(#visit-ticket-flow-a):not(#visit-ticket-flow-b):not(#visit-ticket-flow-c):not(#visit-ticket-flow-d):not(#visit-ticket-flow-e):not(#visit-ticket-flow-f):not(#visit-ticket-flow-g){padding-right:20px!important;}


/* VT INCLUDED CARDS — TITLE GAP + HIGHER ICON — 2026-08-08 */
html body .tourDetails .tourDetails-col .tourDetails-content > .list:not(#visit-included-gap-a):not(#visit-included-gap-b):not(#visit-included-gap-c):not(#visit-included-gap-d):not(#visit-included-gap-e):not(#visit-included-gap-f){margin-top:18px!important;}
@media(max-width:767px){html body .tourDetails .tourDetails-col .tourDetails-icon:not(#visit-included-high-a):not(#visit-included-high-b):not(#visit-included-high-c):not(#visit-included-high-d):not(#visit-included-high-e):not(#visit-included-high-f){align-self:start!important;margin-top:-12px!important;}}
/* END VT INCLUDED CARDS SPACING */


/* VT HOTEL PRICE SECTION — AIRY VERTICAL RHYTHM — 2026-08-08 */
html body .visit-hotel-prices .visit-hotel-prices__title:not(#visit-stay-air-title-a):not(#visit-stay-air-title-b):not(#visit-stay-air-title-c){margin-bottom:18px!important;}
html body .visit-hotel-prices .visit-hotel-prices__head:not(#visit-stay-air-head-a):not(#visit-stay-air-head-b):not(#visit-stay-air-head-c){margin-bottom:26px!important;}
/* END VT HOTEL PRICE SECTION AIR */


/* VT REQUEST MODAL — SAME CALENDAR AS TOP TOUR FORM — 2026-08-08 */
#requestModal.requestModal .requestModal-form__box--multi:not(#visit-modal-calendar-a):not(#visit-modal-calendar-b):not(#visit-modal-calendar-c){position:relative!important;}
#requestModal.requestModal .requestModal-form__box--multi:not(#visit-modal-calendar-a):not(#visit-modal-calendar-b):not(#visit-modal-calendar-c)::before{content:""!important;display:block!important;position:absolute!important;left:24px!important;top:37px!important;width:20px!important;height:20px!important;background-color:#a8a9ae!important;-webkit-mask:url("https://visit-teriberka.com/wp-content/uploads/2026/06/calendar_white_transparent.png") center/contain no-repeat!important;mask:url("https://visit-teriberka.com/wp-content/uploads/2026/06/calendar_white_transparent.png") center/contain no-repeat!important;pointer-events:none!important;z-index:3!important;}
@media(max-width:600px){#requestModal.requestModal .requestModal-form__box--multi:not(#visit-modal-calendar-a):not(#visit-modal-calendar-b):not(#visit-modal-calendar-c)::before{top:33px!important;}}
/* END VT REQUEST MODAL CALENDAR */


/* BEGIN VT MOBILE IMPORTANT INFO WRAP */
@media (max-width: 767px) {
  html body .route .route-info > div > ul > li {
    display: flow-root !important;
    padding-left: 0 !important;
  }

  html body .route .route-info > div > ul > li::before {
    position: static !important;
    float: left !important;
    width: 20px !important;
    height: 20px !important;
    margin: 1px 8px 0 0 !important;
    transform: none !important;
  }
}
/* END VT MOBILE IMPORTANT INFO WRAP */


/* BEGIN VT TICKET FORM GRAY RADIOS */
html body .advice-col._white .messenger-choice--light .radio__box {
  border-color: #a8a9ae !important;
}

html body .advice-col._white .messenger-choice--light .radio__box::after {
  background: #a8a9ae !important;
}
/* END VT TICKET FORM GRAY RADIOS */


/* BEGIN VT TICKET FORM CHECKED GRAY */
html body .advice-col._white form.advice-form .messenger-choice--light .radio__input:checked + .radio__box::after {
  background: #a8a9ae !important;
}
/* END VT TICKET FORM CHECKED GRAY */


/* BEGIN VT MOBILE MAX LINE */
@media (max-width: 767px) {
  html body .gift-container .gift-box {
    width: 100% !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
  }

  html body .gift-container .gift-content {
    width: 100% !important;
    max-width: none !important;
  }

  html body .gift .gift-content .gift-button {
    display: inline-block !important;
    width: auto !important;
    margin: 0 0 0 8px !important;
    vertical-align: baseline !important;
  }
}
/* END VT MOBILE MAX LINE */

/* BEGIN VT MOBILE ROUTE INFO LEFT ALIGN 20260808 */
@media (max-width: 767px) {
  html body .route-info > div > ul > li:not(#visit-route-info-a):not(#visit-route-info-b):not(#visit-route-info-c):not(#visit-route-info-d):not(#visit-route-info-e):not(#visit-route-info-restore):not(#vt-mobile-left-align) {
    padding-left: 0 !important;
  }
}
/* END VT MOBILE ROUTE INFO LEFT ALIGN 20260808 */


/* BEGIN VT MOBILE TABLET ELECTION HORIZONTAL 20260808 */
@media (max-width: 1199px) {
  html body .election .election-item {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 18px !important;
    row-gap: 6px !important;
    align-items: start !important;
    justify-content: stretch !important;
    padding: 22px 24px !important;
    text-align: left !important;
    min-height: 144px !important;
  }

  html body .election .election-item .election-icon {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  html body .election .election-item .election-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }

  html body .election .election-item .election-description {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  html body .election .election-item {
    grid-template-columns: 76px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    padding: 20px !important;
  }
}
/* END VT MOBILE TABLET ELECTION HORIZONTAL 20260808 */


/* BEGIN VT MOBILE PROGRAM PSD MATCH 20260808 */
@media (max-width: 767px) {
  html body section:has(.route.route_2) {
    background: transparent !important;
    padding-top: 28px !important;
    padding-bottom: 48px !important;
  }

  html body section:has(.route.route_2) > .container > .title {
    font-size: 32px !important;
    line-height: 1.18 !important;
    margin-bottom: 28px !important;
    padding-bottom: 22px !important;
  }

  html body .route.route_2 {
    gap: 34px !important;
  }

  html body .route.route_2 > .route-item {
    background: #e6ebf5 !important;
    border-radius: 30px !important;
    padding: 20px !important;
  }

  html body .route.route_2 .route-row {
    width: 100% !important;
    gap: 14px !important;
  }

  html body .route.route_2 .route-row > .route-col:first-child .route-container {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  html body .route.route_2 .route-title {
    font-size: 28px !important;
    line-height: 1.2 !important;
    margin: 0 0 14px !important;
  }

  html body .route.route_2 .route-container-txt {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  html body .route.route_2 .route-container-txt > h2:first-child {
    font-size: 25px !important;
    line-height: 1.22 !important;
    margin: 0 0 16px !important;
  }

  html body .route.route_2 .route-container-txt > p {
    font-size: 16px !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    margin: 0 0 16px !important;
  }

  html body .route.route_2 .route-container-txt > p:first-of-type {
    font-family: "Mont Semibold", sans-serif !important;
    font-weight: 700 !important;
  }

  html body .route.route_2 .route-container-txt > :last-child {
    margin-bottom: 0 !important;
  }
}
/* END VT MOBILE PROGRAM PSD MATCH 20260808 */


/* BEGIN VT MOBILE SECTION TITLES AS PROGRAM 20260808 */
@media (max-width: 767px) {
  html body h2.title {
    font-family: "Mont Bold", sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    padding-bottom: 22px !important;
    margin-bottom: 28px !important;
  }

  html body .visit-hotel-prices .visit-hotel-prices__title {
    font-family: "Mont Bold", sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
  }
}
/* END VT MOBILE SECTION TITLES AS PROGRAM 20260808 */

/* VT modal field typography — 2026-08-08 */
@media (max-width: 767px) {
  body #requestModal.requestModal .requestModal-form__box > input.input,
  body #requestModal.requestModal .requestModal-form__box > select.input,
  body #requestModal.requestModal .requestModal-form__box .vt-soft-date__trigger {
    font-size: 15px !important;
    line-height: 18px !important;
  }
}

/* VT unified messenger radios 20px and labels +2px — 2026-08-08 */
html body form.feedback-form .messenger-choice .radio__box,
html body form.feedback-form .visit-messenger-choice__circle,
html body form.feedback-form .one-day-booking__messengers .radio__box,
html body #cont2 form.feedback-form .messenger-choice .radio__box {
  box-sizing: border-box !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
}

html body form.feedback-form .messenger-choice__item,
html body form.feedback-form .visit-messenger-choice__item,
html body form.feedback-form .one-day-booking__messengers > label,
html body #cont2 form.feedback-form .messenger-choice__item {
  min-height: 20px !important;
}

@media screen and (max-width: 1024px) {
  html body form.feedback-form .messenger-choice__text,
  html body form.feedback-form .visit-messenger-choice__text,
  html body form.feedback-form .one-day-booking__messengers label,
  html body #cont2 form.feedback-form .messenger-choice__text {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}

@media screen and (min-width: 1025px) {
  html body form.feedback-form .messenger-choice__text,
  html body form.feedback-form .visit-messenger-choice__text,
  html body form.feedback-form .one-day-booking__messengers label,
  html body #cont2 form.feedback-form .messenger-choice__text {
    font-size: 15px !important;
    line-height: 20px !important;
  }
}

/* VT unified messenger radios priority lock v2 — 2026-08-08 */
html body form.feedback-form:not(#vt-radio-size-guard):not(#vt-radio-size-guard-2) .radio__box,
html body form.feedback-form:not(#vt-radio-size-guard):not(#vt-radio-size-guard-2) .visit-messenger-choice__circle {
  box-sizing: border-box !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
}

html body form.feedback-form:not(#vt-radio-size-guard):not(#vt-radio-size-guard-2) .messenger-choice__item,
html body form.feedback-form:not(#vt-radio-size-guard):not(#vt-radio-size-guard-2) .visit-messenger-choice__item,
html body form.feedback-form:not(#vt-radio-size-guard):not(#vt-radio-size-guard-2) .one-day-booking__messengers > label {
  min-height: 20px !important;
}

@media screen and (max-width: 1024px) {
  html body form.feedback-form:not(#vt-radio-size-guard):not(#vt-radio-size-guard-2) .messenger-choice__text,
  html body form.feedback-form:not(#vt-radio-size-guard):not(#vt-radio-size-guard-2) .visit-messenger-choice__text,
  html body form.feedback-form:not(#vt-radio-size-guard):not(#vt-radio-size-guard-2) .one-day-booking__messengers label {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}

@media screen and (min-width: 1025px) {
  html body form.feedback-form:not(#vt-radio-size-guard):not(#vt-radio-size-guard-2) .messenger-choice__text,
  html body form.feedback-form:not(#vt-radio-size-guard):not(#vt-radio-size-guard-2) .visit-messenger-choice__text,
  html body form.feedback-form:not(#vt-radio-size-guard):not(#vt-radio-size-guard-2) .one-day-booking__messengers label {
    font-size: 15px !important;
    line-height: 20px !important;
  }
}


/* Codex: tablet section arrows 5px smaller (2026-08-09). */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body.vt-has-tour-nav .visit-tour-page-nav .vt-tablet-nav-arrow {
    width: 37px !important;
    height: 37px !important;
  }
}


/* Codex: clearer disabled tablet arrows (2026-08-09). */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body.vt-has-tour-nav .visit-tour-page-nav .vt-tablet-nav-arrow:disabled {
    opacity: .75 !important;
  }
}


/* Codex: keep stacked tour form below header (2026-08-09). */
@media screen and (max-width: 1024px) {
  body.single-tours .section._first .walk-form,
  body.single-tour .section._first .walk-form,
  body.vt-has-tour-nav .section._first .walk-form {
    position: static !important;
    top: auto !important;
  }
}


/* VISIT-MOBILE-TOP-BLOCK-RHYTHM-ROLLBACK-V3-NON-TOUR */
@media screen and (max-width: 700px) {
  html body:not(.vt-has-tour-nav) .main-block > section.gift {
    margin-bottom: 10px !important;
  }

  html body:not(.vt-has-tour-nav) .main-block > header.header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  html body:not(.vt-has-tour-nav) .main-block > section._first,
  html body:not(.vt-has-tour-nav) .main-block > main.site-main > section._first {
    padding-top: 10px !important;
  }
}


/* VISIT-MOBILE-TOUR-TOP-UNIFORM-GAP-V4 */
@media screen and (max-width: 700px) {
  html body.vt-has-tour-nav .main-block > section.gift {
    margin-bottom: 10px !important;
  }

  html body.vt-has-tour-nav .main-block > header.header {
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body.vt-has-tour-nav .main-block > section._first {
    padding-top: 0 !important;
  }
}


/* VISIT-MOBILE-TOUR-NAV-FONT-MATCH-V5 */
@media screen and (max-width: 767px) {
  #visit-compact-tour-nav-v1 .vt-final-nav-current {
    font-size: 14px !important;
    line-height: 14px !important;
  }
}


/* VISIT-MOBILE-TOUR-NAV-MONT-MATCH-V6 */
@media screen and (max-width: 767px) {
  #visit-compact-tour-nav-v1 .vt-final-nav-current {
    font-family: Mont, "Mont Regular", Arial, sans-serif !important;
    font-weight: 600 !important;
  }
}


/* VISIT-MOBILE-TOUR-SHEET-HIDE-PRICE-V7 */
@media screen and (max-width: 767px) {
  #visit-compact-tour-nav-v1 .vtc-sheet-price {
    display: none !important;
  }
}


/* VISIT-MOBILE-TOUR-CTA-LARGER-ARROW-V9 */
@media screen and (max-width: 767px) {
  #visit-compact-tour-nav-v1 .vt-final-cta-arrow > svg {
    display: none !important;
  }

  #visit-compact-tour-nav-v1 .vt-final-cta-arrow::before {
    content: "" !important;
    display: block !important;
    width: 7px !important;
    height: 12px !important;
    background-color: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath d='M1.5 1.5L8 8L1.5 14.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath d='M1.5 1.5L8 8L1.5 14.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }
}


/* VISIT-MOBILE-RESERVE-BUTTON-WORKING-V10 */
@media screen and (max-width: 991px) {
  .reserve {
    position: relative !important;
  }

  .reserve .reserve-mob .button {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .reserve .reserve-button {
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .reserve .reserve-button > .button {
    position: absolute !important;
    left: 25px !important;
    right: 25px !important;
    bottom: 25px !important;
    z-index: 3 !important;
    width: calc(100% - 50px) !important;
    max-width: none !important;
  }
}


/* VISIT-ALL-CLOSE-CROSS-ROTATION-V11 */
:where(
  button.btn-close,
  button.vtc-sheet-close,
  button.visit-contact-widget__close,
  button[aria-label*="закрыть" i],
  [role="button"][aria-label*="закрыть" i],
  .gclose,
  .fancybox-button--close,
  .fancybox__button--close
) {
  transform-origin: 50% 50% !important;
  transition:
    transform 0.18s ease,
    color 0.18s ease,
    background-color 0.18s ease,
    opacity 0.18s ease !important;
}

:where(
  button.btn-close,
  button.vtc-sheet-close,
  button.visit-contact-widget__close,
  button[aria-label*="закрыть" i],
  [role="button"][aria-label*="закрыть" i],
  .gclose,
  .fancybox-button--close,
  .fancybox__button--close
):is(:hover, :focus-visible, :active) {
  transform: rotate(90deg) !important;
}

@media (prefers-reduced-motion: reduce) {
  :where(
    button.btn-close,
    button.vtc-sheet-close,
    button.visit-contact-widget__close,
    button[aria-label*="закрыть" i],
    [role="button"][aria-label*="закрыть" i],
    .gclose,
    .fancybox-button--close,
    .fancybox__button--close
  ) {
    transition: none !important;
  }

  :where(
    button.btn-close,
    button.vtc-sheet-close,
    button.visit-contact-widget__close,
    button[aria-label*="закрыть" i],
    [role="button"][aria-label*="закрыть" i],
    .gclose,
    .fancybox-button--close,
    .fancybox__button--close
  ):is(:hover, :focus-visible, :active) {
    transform: none !important;
  }
}


/* VISIT-REQUEST-MODAL-INNER-CLOSE-ROTATION-V12 */
#requestModal.requestModal .btn-close > svg {
  transform-origin: 50% 50% !important;
  transition: transform 0.18s ease !important;
}

#requestModal.requestModal .btn-close:is(:hover, :focus, :focus-visible, :active) > svg {
  transform: rotate(90deg) !important;
}

@media (prefers-reduced-motion: reduce) {
  #requestModal.requestModal .btn-close > svg {
    transition: none !important;
  }

  #requestModal.requestModal .btn-close:is(:hover, :focus, :focus-visible, :active) > svg {
    transform: none !important;
  }
}


/* VISIT-REQUEST-MODAL-CLOSE-VISUAL-V13 */
@media screen and (max-width: 767px) {
  #requestModal.requestModal .btn-close {
    top: calc(10px + env(safe-area-inset-top, 0px)) !important;
    right: 10px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    opacity: 1 !important;
  }

  #requestModal.requestModal .btn-close > svg {
    width: 28px !important;
    height: 28px !important;
    filter: drop-shadow(0 1px 2px rgba(5, 20, 40, 0.72)) !important;
  }

  #requestModal.requestModal .btn-close > svg path {
    stroke: #ffffff !important;
    stroke-width: 2 !important;
  }
}


/* VISIT-FIRST-HERO-VERTICAL-FIELDS-V25 */
@media screen and (min-width: 768px) {
  html body #tour-overview form.walk-form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .walk-form__box {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
    row-gap: 16px !important;
    align-items: stretch !important;
  }

  html body #tour-overview form.walk-form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .walk-form__box > * {
    min-width: 0 !important;
    margin-top: 0 !important;
  }

  html body #tour-overview form.walk-form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .walk-form__box > .tour-date-select {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    order: 10 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  html body #tour-overview form.walk-form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .walk-form__box > input[name="name"] {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    order: 20 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  html body #tour-overview form.walk-form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .walk-form__box > input.phone {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    order: 30 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    font-size: 14px !important;
  }

  html body #tour-overview form.walk-form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .walk-form__box > .walk-form__button {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    order: 40 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  html body #tour-overview form.walk-form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .walk-form__box > .walk-form__button > .button {
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
    font-size: 15px !important;
    white-space: nowrap !important;
  }

  html body #tour-overview form.walk-form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .walk-form__box > [data-visit-lead-step="messenger"],
  html body #tour-overview form.walk-form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .walk-form__box > .messenger-choice {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    order: 50 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  html body #tour-overview form.walk-form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .walk-form__box > [data-visit-lead-step="consent"],
  html body #tour-overview form.walk-form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2) .walk-form__box > .visit-form-consent {
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
    order: 60 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  html body #tour-overview form.walk-form.feedback-form .tour-date-select .select-head {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-right: 52px !important;
    padding-left: 58px !important;
  }

  html body #tour-overview form.walk-form.feedback-form .tour-date-select .select-head::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 24px !important;
    width: 22px !important;
    height: 22px !important;
    background: #28A9EC !important;
    transform: translateY(-50%) !important;
    -webkit-mask: url("https://visit-teriberka.com/wp-content/uploads/2026/06/calendar_white_transparent.png") center / contain no-repeat !important;
    mask: url("https://visit-teriberka.com/wp-content/uploads/2026/06/calendar_white_transparent.png") center / contain no-repeat !important;
  }

  html body #tour-overview form.walk-form.feedback-form .tour-date-select .select-head__text {
    margin: 0 !important;
    text-align: left !important;
  }
}

/* VISIT-DESKTOP-HERO-CONTRAST-PRICE-V28:start */
@media screen and (min-width: 1200px) {
  .section._first .walk-slide__list li.visit-main-card-blue-dots-v1::before {
    background: #fff !important;
  }
  .section._first .walk-slide__price-amount,
  .section._first .walk-slide__price-unit {
    display: inline-block !important;
    font-family: "Mont Bold", Mont, Arial, sans-serif !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }
}
/* VISIT-DESKTOP-HERO-CONTRAST-PRICE-V28:end */

/* VISIT-DESKTOP-TOUR-NAV-RHYTHM-V29:start */
@media screen and (min-width: 1200px) {
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) body .main-block > #tour-overview.section._first {
    padding-bottom: 20px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) body .main-block > .visit-tour-page-nav {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) body .main-block > .visit-tour-page-nav + #visit-tour-page-nav-style + #visit-tour-page-nav-script + .section {
    padding-top: 24px !important;
  }
}
/* VISIT-DESKTOP-TOUR-NAV-RHYTHM-V29:end */

/* VISIT-DESKTOP-REQUEST-MODAL-LAYOUT-V30:start */
@media screen and (min-width: 1200px) {
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .modal-dialog {
    width: calc(100% - 48px) !important;
    max-width: 1110px !important;
    min-height: calc(100% - 48px) !important;
    margin: 24px auto !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .modal-content {
    width: 100% !important;
    background: transparent !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-container {
    display: grid !important;
    grid-template-columns: minmax(0, 66%) minmax(0, 34%) !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 48px) !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket {
    order: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 560px !important;
    padding: 38px 52px !important;
    gap: 24px !important;
    border-radius: 42px 0 0 42px !important;
    justify-content: space-between !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal #cont1 {
    order: 2 !important;
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal form.eriberka-form {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 560px !important;
    padding: 28px 28px 20px !important;
    border-radius: 0 42px 42px 0 !important;
    background: #fff !important;
    box-shadow: 0 18px 48px rgba(17, 24, 39, .18) !important;
    overflow: hidden !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal form.eriberka-form::before {
    content: "" !important;
    position: absolute !important;
    top: 28px !important;
    bottom: 28px !important;
    left: -4px !important;
    z-index: 3 !important;
    width: 8px !important;
    background: radial-gradient(circle, #253047 0 2px, transparent 2.5px) center top / 8px 14px repeat-y !important;
    pointer-events: none !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__title {
    margin: 0 !important;
    font-size: 27px !important;
    line-height: 1.12 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__subtitle {
    margin: 7px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 14px 0 0 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .requestModal-date-select,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .vt-soft-date,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .input {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
    font-size: 14px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .requestModal-date-select {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .messenger-choice {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: 13px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__button,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__button .button {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    font-size: 14px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-politic {
    width: 100% !important;
    margin: 0 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-barcode {
    width: 100% !important;
    height: 34px !important;
    margin: 12px 0 0 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__title {
    margin: 0 0 36px !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__info {
    gap: 38px !important;
    margin: 0 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__name {
    font-size: 72px !important;
    line-height: 1 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__subname {
    font-size: 26px !important;
    line-height: 1.05 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__arrow {
    width: 52px !important;
    height: 38px !important;
    margin-top: 10px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__footer {
    margin-top: auto !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__status {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__boarding {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .btn-close {
    top: -18px !important;
    right: 0 !important;
    z-index: 8 !important;
  }
}
/* VISIT-DESKTOP-REQUEST-MODAL-LAYOUT-V30:end */

/* VISIT-DESKTOP-REQUEST-MODAL-FUNCTIONAL-FIX-V30:start */
@media screen and (min-width: 1200px) {
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal form.eriberka-form {
    overflow: visible !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box {
    gap: 10px !important;
  }
}
/* VISIT-DESKTOP-REQUEST-MODAL-FUNCTIONAL-FIX-V30:end */

/* VISIT-DESKTOP-PRICE-AND-MODAL-SPACING-V31:start */
@media screen and (min-width: 1200px) {
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) .section._first .walk-slide__price-prefix {
    margin-right: 6px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box {
    gap: 14px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .vt-soft-date {
    padding: 0 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .vt-soft-date__trigger {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .vt-soft-date__calendar {
    background-color: #29aaec !important;
  }
}
/* VISIT-DESKTOP-PRICE-AND-MODAL-SPACING-V31:end */


/* VISIT-COMPACT-DESKTOP-LEAD-MAGNET-V35:start */
@media screen and (min-width: 900px) and (max-width: 1199px) and (hover: hover) and (pointer: fine) {
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) .dream.visit-lead-magnet .dream-content {
    width: calc(76% - 20px) !important;
    max-width: calc(76% - 20px) !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) .dream.visit-lead-magnet .dream-head,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) .dream.visit-lead-magnet .dream-title,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) .dream.visit-lead-magnet .dream-text {
    width: 100% !important;
    max-width: 100% !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) .dream.visit-lead-magnet .dream-box {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 20% !important;
    right: 20px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) .dream.visit-lead-magnet .dream-box__img:first-child {
    display: block !important;
    width: 100% !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) .dream.visit-lead-magnet .dream-box__img:nth-child(2) {
    display: none !important;
  }
}
/* VISIT-COMPACT-DESKTOP-LEAD-MAGNET-V35:end */

/* VISIT-COMPACT-DESKTOP-REQUEST-MODAL-V36:start */
@media screen and (min-width: 700px) and (max-width: 1199px) and (hover: hover) and (pointer: fine) {
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .modal-dialog {
    width: calc(100% - 24px) !important;
    max-width: 960px !important;
    min-height: calc(100% - 24px) !important;
    margin: 12px auto !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .modal-content {
    width: 100% !important;
    background: transparent !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .95fr) !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 24px) !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket {
    order: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 600px !important;
    padding: 28px 30px !important;
    gap: 20px !important;
    border-radius: 32px 0 0 32px !important;
    justify-content: space-between !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal #cont1 {
    order: 2 !important;
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal form.eriberka-form {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 600px !important;
    padding: 22px 20px 18px !important;
    border-radius: 0 32px 32px 0 !important;
    background: #fff !important;
    box-shadow: 0 16px 38px rgba(17, 24, 39, .18) !important;
    overflow: visible !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal form.eriberka-form::before {
    content: "" !important;
    position: absolute !important;
    top: 24px !important;
    bottom: 24px !important;
    left: -4px !important;
    z-index: 3 !important;
    width: 8px !important;
    background: radial-gradient(circle, #253047 0 2px, transparent 2.5px) center top / 8px 14px repeat-y !important;
    pointer-events: none !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__title {
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1.1 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__subtitle {
    margin: 7px 0 0 !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 12px 0 0 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .requestModal-date-select,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .vt-soft-date,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .input {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
    font-size: 13px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .vt-soft-date {
    padding: 0 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .vt-soft-date__trigger {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .vt-soft-date__calendar {
    background-color: #29aaec !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .messenger-choice {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: 12px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__button,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__button .button {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    font-size: 13px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-politic {
    width: 100% !important;
    margin: 0 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-barcode {
    width: 100% !important;
    height: 32px !important;
    margin: 10px 0 0 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__title {
    margin: 0 0 30px !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__info {
    gap: 22px !important;
    margin: 0 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__name {
    font-size: 48px !important;
    line-height: 1 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__subname {
    font-size: 21px !important;
    line-height: 1.05 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__arrow {
    width: 40px !important;
    height: 30px !important;
    margin-top: 8px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__footer {
    margin-top: auto !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__status {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket__boarding {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .btn-close {
    top: -10px !important;
    right: 0 !important;
    z-index: 8 !important;
  }
}
/* VISIT-COMPACT-DESKTOP-REQUEST-MODAL-V36:end */


/* VISIT-TABLET-REQUEST-MODAL-SINGLE-COLUMN-V37:start */
@media screen and (min-width: 601px) and (max-width: 1024px) {
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .requestModal-date-select,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .vt-soft-date,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .input,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .requestModal-form__button,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .messenger-choice,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .requestModal-politic,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .visit-form-error {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > .vt-soft-date {
    padding: 0 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .vt-soft-date__trigger {
    width: 100% !important;
  }
}
/* VISIT-TABLET-REQUEST-MODAL-SINGLE-COLUMN-V37:end */


/* VISIT-TABLET-REQUEST-FIELD-TYPE-V38:start */
@media screen and (min-width: 601px) and (max-width: 1024px) {
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .vt-soft-date__trigger,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > input.input,
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-form__box > select.input {
    font-family: Mont, MONT, Montserrat, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
  }
}
/* VISIT-TABLET-REQUEST-FIELD-TYPE-V38:end */


/* VISIT-DESKTOP-REQUEST-CLOSE-AND-BARCODE-SPACE-V39:start */
@media screen and (min-width: 700px) and (hover: hover) and (pointer: fine) {
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .btn-close {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 999 !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border: 1px solid rgba(16, 43, 85, .14) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 4px 14px rgba(8, 24, 52, .18) !important;
    opacity: 1 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .btn-close > svg {
    width: 26px !important;
    height: 26px !important;
    filter: none !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .btn-close > svg path {
    stroke: #102b55 !important;
    stroke-width: 2 !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal #cont1 {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal form.eriberka-form {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
    padding-bottom: 12px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-barcode {
    height: 30px !important;
    margin: 6px 0 0 !important;
  }
}
/* VISIT-DESKTOP-REQUEST-CLOSE-AND-BARCODE-SPACE-V39:end */


/* VISIT-DESKTOP-REQUEST-TICKET-HEIGHT-V40:start */
@media screen and (min-width: 700px) and (hover: hover) and (pointer: fine) {
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-container {
    align-items: stretch !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .requestModal-ticket {
    height: auto !important;
    min-height: 0 !important;
    align-self: stretch !important;
  }
}
/* VISIT-DESKTOP-REQUEST-TICKET-HEIGHT-V40:end */


/* VISIT-DESKTOP-REQUEST-CLOSE-ABOVE-V41:start */
@media screen and (min-width: 700px) and (hover: hover) and (pointer: fine) {
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .modal-content {
    box-sizing: border-box !important;
    padding-top: 58px !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) #requestModal.requestModal .btn-close {
    top: 4px !important;
    right: 12px !important;
  }
}
/* VISIT-DESKTOP-REQUEST-CLOSE-ABOVE-V41:end */


/* VISIT-MAIN-INFO-ID-ANCHOR-V44:start */
html body .main-block form#vt-tours-arctic-wow-podarok-degustaciya-moreproduktov-pri-bronirovanii-tura {
  position: relative !important;
}

html body .main-block form#vt-tours-arctic-wow-podarok-degustaciya-moreproduktov-pri-bronirovanii-tura > button.vt-main-seafood-info-v27 {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
/* VISIT-MAIN-INFO-ID-ANCHOR-V44:end */

/* visit-mobile-rest-card-radius-webkit-fix */
@media screen and (max-width: 575px) {
  .rest-box > .rest-item {
    position: relative;
    isolation: isolate;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }

  .rest-box > .rest-item::before,
  .rest-box > .rest-item::after {
    border-radius: inherit;
  }
}

/* visit-kity-hero-whale-crop-mobile */
@media screen and (max-width: 767px) {
  html.vt-context-sea-page-v56 .section._first .eriberka-acf-hero-image > img {
    height: 100%;
    object-position: 50% 50%;
  }
}


/* visit-kity-weather-font-mobile */
@media screen and (max-width: 767px) {
  html.vt-context-sea-page-v56 .vt-context-sea-v56__eyebrow {
    font-size: 14px;
    line-height: 1.35;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__subtitle {
    font-size: 15px;
    line-height: 1.4;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__source {
    font-size: 12px;
    line-height: 1.2;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__day-head strong {
    font-size: 16px;
    line-height: 1.25;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__day-head span {
    font-size: 13px;
    line-height: 1.25;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__metrics dt,
  html.vt-context-sea-page-v56 .vt-context-sea-v56__metrics dd {
    font-size: 14px;
    line-height: 1.35;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__meta,
  html.vt-context-sea-page-v56 .vt-context-sea-v56__notice,
  html.vt-context-sea-page-v56 .vt-context-sea-v56__whales {
    font-size: 13px;
    line-height: 1.45;
  }
}


/* visit-kity-weather-desktop-readable */
@media screen and (min-width: 992px) {
  html.vt-context-sea-page-v56 .vt-context-sea-v56__meta,
  html.vt-context-sea-page-v56 .vt-context-sea-v56__whales {
    display: none !important;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__head {
    margin-bottom: 9px !important;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__eyebrow {
    margin-bottom: 2px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__title {
    font-size: 28px !important;
    line-height: 1.04 !important;
    letter-spacing: -0.01em !important;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__subtitle {
    margin-top: 3px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__source {
    padding: 7px 9px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__day {
    padding: 9px 10px !important;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__day-head {
    padding-bottom: 4px !important;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__day-head strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__day-head span {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__metrics > div {
    grid-template-columns: minmax(74px, 0.85fr) minmax(0, 1.15fr) !important;
    column-gap: 6px !important;
  }

  html.vt-context-sea-page-v56 .vt-context-sea-v56__metrics dt,
  html.vt-context-sea-page-v56 .vt-context-sea-v56__metrics dd {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}


/* visit-kity-weather-desktop-readable-priority */
@media screen and (min-width: 992px) {
  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__head {
    margin-bottom: 9px !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__eyebrow {
    margin-bottom: 2px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__title {
    font-size: 28px !important;
    line-height: 1.04 !important;
    letter-spacing: -0.01em !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__subtitle {
    margin-top: 3px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__source {
    padding: 7px 9px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__day {
    padding: 9px 10px !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__day-head {
    padding-bottom: 4px !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__day-head strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__day-head span {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__metrics > div {
    grid-template-columns: minmax(74px, 0.85fr) minmax(0, 1.15fr) !important;
    column-gap: 6px !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__metrics dt,
  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__metrics dd {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}


/* visit-kity-weather-compressed-and-photo */
@media screen and (min-width: 992px) and (max-width: 1279px) {
  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__head {
    margin-bottom: 7px !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__eyebrow {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__title {
    font-size: 24px !important;
    line-height: 1.05 !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__subtitle {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__source {
    padding: 6px 8px !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__day {
    padding: 8px !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__day-head strong {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__day-head span {
    font-size: 10px !important;
    line-height: 1.15 !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__metrics > div {
    grid-template-columns: minmax(64px, 0.78fr) minmax(0, 1.22fr) !important;
    column-gap: 4px !important;
  }

  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__metrics dt,
  html.vt-context-sea-page-v56 body .vt-context-sea-v56.vt-context-sea-v56.vt-context-sea-v56 .vt-context-sea-v56__metrics dd {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
}

@media screen and (min-width: 768px) {
  html.vt-context-sea-page-v56 body .section._first .eriberka-acf-hero-image.eriberka-acf-hero-image > img {
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 58% !important;
  }
}
/* VISIT-MOBILE-INDIVIDUAL-HERO-GRADIENT-V49:start */
@media screen and (max-width: 767px) {
  html:has(meta[property="og:url"][content*="/individual-tours"]) body .section._first .walk-slide__img::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 22%,
      rgba(0, 0, 0, 0.08) 36%,
      rgba(0, 0, 0, 0.42) 58%,
      rgba(0, 0, 0, 0.88) 88%,
      rgba(0, 0, 0, 0.94) 100%
    ) !important;
    border-radius: 0 0 30px 30px !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  html:has(meta[property="og:url"][content*="/individual-tours"]) body .section._first .walk-slide__info {
    position: relative !important;
    z-index: 3 !important;
  }
}
/* VISIT-MOBILE-INDIVIDUAL-HERO-GRADIENT-V49:end */
/* VISIT-INDIVIDUAL-PERSON-ICON-V50:start */
html:has(meta[property="og:url"][content*="/individual-tours"]) body .election .election-item:nth-child(4) .election-icon:not(:has(img))::before {
  content: "" !important;
  display: block !important;
  width: 36px !important;
  height: 36px !important;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2328A9EC' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='14' r='7'/%3E%3Cpath d='M10 40v-5c0-7.5 6.3-12 14-12s14 4.5 14 12v5c0 1.7-1.3 3-3 3H13c-1.7 0-3-1.3-3-3Z'/%3E%3C/svg%3E") !important;
}
/* VISIT-INDIVIDUAL-PERSON-ICON-V50:end */
/* VISIT-MOBILE-CORPORATE-HERO-SHADOW-V51:start */
@media screen and (max-width: 767px) {
  html:has(meta[property="og:url"][content*="/corporate-tours"]) body .section._first .walk-slide__img::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 22%,
      rgba(0, 0, 0, 0.08) 36%,
      rgba(0, 0, 0, 0.42) 58%,
      rgba(0, 0, 0, 0.88) 88%,
      rgba(0, 0, 0, 0.94) 100%
    ) !important;
    border-radius: 0 0 30px 30px !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  html:has(meta[property="og:url"][content*="/corporate-tours"]) body .section._first .walk-slide__info {
    position: relative !important;
    z-index: 3 !important;
  }
}
/* VISIT-MOBILE-CORPORATE-HERO-SHADOW-V51:end */


/* VISIT-SEA-HERO-STABILITY-V52:start */
/*
 * The original no-FOUC helper only covers /tours/ URLs below 700px.
 * This page lives under /ekskursii/, so keep its final hero footprint
 * reserved and reveal it only after both hero and form enhancers finish.
 */
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .main-block > .section._first:not([data-vt-sea-hero-ready="1"]),
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .main-block > .section._first:not(:has(.vt-sea-hero-booking-form[data-visit-required-fields="ready"])) {
  box-sizing: border-box !important;
  min-height: 724px !important;
  visibility: hidden !important;
  opacity: 0 !important;
  content-visibility: hidden !important;
  contain-intrinsic-size: auto 724px !important;
}

html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .visit-one-day-hero-section.vt-sea-hero {
  transition: none !important;
}

@media screen and (min-width: 1181px) {
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .visit-one-day-hero-section.vt-sea-hero .vt-sea-hero-booking-container,
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .visit-one-day-hero-section.vt-sea-hero .vt-sea-hero-booking-form,
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .visit-one-day-hero-section.vt-sea-hero .vt-sea-hero-booking {
    height: 650px !important;
    min-height: 650px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .visit-one-day-hero-section.vt-sea-hero .vt-sea-hero-booking-container,
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .visit-one-day-hero-section.vt-sea-hero .vt-sea-hero-booking-form,
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .visit-one-day-hero-section.vt-sea-hero .vt-sea-hero-booking {
    height: 700px !important;
    min-height: 700px !important;
  }
}

@media screen and (max-width: 767px) {
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .main-block > .section._first:not([data-vt-sea-hero-ready="1"]),
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .main-block > .section._first:not(:has(.vt-sea-hero-booking-form[data-visit-required-fields="ready"])) {
    min-height: 1295px !important;
    contain-intrinsic-size: auto 1295px !important;
  }
}
/* VISIT-SEA-HERO-STABILITY-V52:end */


/* VISIT-SEA-PAGE-LIGHT-SURFACES-V53:start */
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits-section,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-program-section,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-details-section,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-boats-section,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-useful-section,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-section,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-faq-section {
  background: #ffffff !important;
}

html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-program,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-details-card,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-boat-card,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-useful-card,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-card {
  background: #f2f3f5 !important;
  border-color: #e4e7eb !important;
}
/* VISIT-SEA-PAGE-LIGHT-SURFACES-V53:end */


/* VISIT-SEA-COLORS-WHY-ICONS-V54:start */
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-useful-card {
  background-color: #E6EBF5 !important;
}

html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-program,
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-details-grid > .vt-sea-details-card:first-child {
  background-color: #F0FAFF !important;
}

html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-icon {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 60px 60px !important;
}

html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-icon > svg {
  display: none !important;
}

html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-icon--boat {
  background-image: url("https://visit-teriberka.com/wp-content/uploads/2026/01/walk-slide-icon-3.svg") !important;
}

html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-icon--anchor {
  background-image: url("https://visit-teriberka.com/wp-content/uploads/2026/01/partnership.png.webp") !important;
}

html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-icon--shield {
  background-image: url("https://visit-teriberka.com/wp-content/uploads/2026/01/shield.png.webp") !important;
}

html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-icon--star {
  background-image: url("https://visit-teriberka.com/wp-content/uploads/2025/12/benefit-6.svg") !important;
}

@media (max-width: 767px) {
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-card {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    grid-template-areas:
      "icon title"
      "icon text" !important;
    column-gap: 16px !important;
    row-gap: 6px !important;
    align-items: start !important;
    justify-items: stretch !important;
    min-height: 0 !important;
    padding: 22px 20px !important;
    text-align: left !important;
  }

  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-icon {
    grid-area: icon !important;
    width: 64px !important;
    height: 64px !important;
    margin: 0 !important;
    align-self: start !important;
    background-size: 44px 44px !important;
  }

  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-card__title {
    grid-area: title !important;
    align-self: start !important;
    margin: 1px 0 0 !important;
    text-align: left !important;
  }

  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-card__text {
    grid-area: text !important;
    margin: 0 !important;
    text-align: left !important;
  }
}
/* VISIT-SEA-COLORS-WHY-ICONS-V54:end */


/* VISIT-SEA-AWAITS-GALLERY-DESKTOP-V55:start */
@media (min-width: 768px) {
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-box {
    align-items: stretch !important;
  }

  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-slider__box,
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-slider,
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-slider .swiper-wrapper,
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-slider .swiper-slide,
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-slider .awaits-slide {
    height: 350px !important;
    min-height: 350px !important;
  }

  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-slider .awaits-slide,
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-slider .awaits-slide img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-slider .awaits-slide img {
    object-fit: cover !important;
  }

  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-images {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    height: 350px !important;
  }

  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-images__item {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-images__item > a,
  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-images__item > a > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-awaits .awaits-images__item > a > img {
    object-fit: cover !important;
  }
}
/* VISIT-SEA-AWAITS-GALLERY-DESKTOP-V55:end */


/* VISIT-SEA-HEADING-WAVE-MATCH-HOME-V56:start */
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body :is(
  .vt-sea-program-title,
  .vt-sea-details-title,
  .vt-sea-boats-title,
  .vt-sea-why-title,
  .vt-sea-faq-title
)::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: auto !important;
  bottom: 0 !important;
  display: block !important;
  width: 77px !important;
  height: 10px !important;
  background-image: url("https://visit-teriberka.com/wp-content/themes/_visit/source/img/line%20title.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
/* VISIT-SEA-HEADING-WAVE-MATCH-HOME-V56:end */


/* VISIT-SEA-WHY-WHITE-CARDS-V57:start */
html:has(meta[property="og:url"][content*="/ekskursii/morskie-progulki-v-teriberke"]) body .vt-sea-why-card {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}
/* VISIT-SEA-WHY-WHITE-CARDS-V57:end */


/* VISIT-YANDEX-MOBILE-20260819:start */
@media (max-width: 1023.98px) {
  /* Long Russian words in shared page headings must wrap instead of widening
     or being clipped by the section container. */
  html body .section .content > .title,
  html body .section._first .eriberka-content > .title,
  html body .section._first .eriberka-content .title {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  /* Consent copy is functional text, not decorative fine print. */
  html body .feed-form__checkbox .checkbox__text,
  html body .feed-form__checkbox .politic,
  html body .feed-form__checkbox .politic a,
  html body form .politic,
  html body form .politic a,
  html body .requestModal-politic .checkbox__text,
  html body .requestModal-politic .politic,
  html body .requestModal-politic .politic a {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* A late runtime stylesheet locks catalog consent text to 9px. Match that
     component centrally with one additional specificity step. */
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2):not(#visit-mobile-readable-consent) .visit-form-consent,
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2):not(#visit-mobile-readable-consent) .visit-form-consent .checkbox__text,
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2):not(#visit-mobile-readable-consent) .visit-form-consent .politic,
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2):not(#visit-mobile-readable-consent) .visit-form-consent .politic_b,
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2):not(#visit-mobile-readable-consent) .visit-form-consent [data-visit-unified-privacy],
  html body form.feedback-form:not(#vt-compact-anchor):not(#vt-compact-anchor-2):not(#visit-mobile-readable-consent) .visit-form-consent a {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* Yandex Maps injects an 11px legal link after the initial render. */
  html body [class*="ymaps-"][class*="-copyright__agreement"],
  html body [class*="ymaps-"][class*="-copyright__link"] {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  /* Keep the shared legal/footer information readable to mobile crawlers and
     visitors without changing its content or hierarchy. */
  html body .footer .footer-text,
  html body .footer .footer-subtext,
  html body .footer .footer-subtext p,
  html body .footer .footer-subtext a,
  html body .footer .footer-subtext2,
  html body .footer .footer-subtext2 p,
  html body .footer .footer-subtext2 a,
  html body .footer .footer-legal-note,
  html body .footer .footer-legal-note p {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* The links landing page has an additional page-specific legal group. */
  html body .visit-links-legal,
  html body .visit-links-legal p,
  html body .visit-links-legal strong,
  html body .visit-links-legal a,
  html body .visit-links-legal span {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  /* Tour-card difficulty and comfort help text is kept at 10px by the
     catalog stylesheet, including panels already present in the DOM. */
  html body .assortment-level__description,
  html body .assortment-level__description p {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  /* The compact three-day sea forecast switches to 10–11px at tablet width. */
  html body .vt-context-sea-v56__source,
  html body .vt-context-sea-v56__day-head span,
  html body .vt-context-sea-v56__metrics dt,
  html body .vt-context-sea-v56__metrics dd,
  html body .vt-context-sea-v56__meta,
  html body .vt-context-sea-v56__meta a,
  html body .vt-context-sea-v56__whales {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
}
/* VISIT-YANDEX-MOBILE-20260819:end */
	

/* Codex: global home icon in breadcrumbs. */
.breadcrumbs-container > span:first-child > a[href="https://visit-teriberka.com/"],
.breadcrumbs-container > span:first-child > a[href="https://visit-teriberka.com"],
.breadcrumbs-container > span:first-child > a[href="/"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  color: #8793a7 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}
.breadcrumbs-container > span:first-child > a[href="https://visit-teriberka.com/"]::before,
.breadcrumbs-container > span:first-child > a[href="https://visit-teriberka.com"]::before,
.breadcrumbs-container > span:first-child > a[href="/"]::before {
  content: "" !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  background-color: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Visit Teriberka: restore accommodation price block — preview */
html body .visit-hotel-prices {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 72px 0 0 !important;
  padding: 0 !important;
  color: #0f172a !important;
  font-family: "Mont Regular", sans-serif !important;
}
html body .visit-hotel-prices * { box-sizing: border-box !important; }
html body .visit-hotel-prices .visit-hotel-prices__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 24px !important;
  margin: 0 0 26px !important;
}
html body .visit-hotel-prices .visit-hotel-prices__title {
  margin: 0 0 18px !important;
  color: #000 !important;
  font-family: "Mont Bold", sans-serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
html body .visit-hotel-prices .visit-hotel-prices__subtitle {
  max-width: 900px !important;
  margin: 0 !important;
  color: #606b82 !important;
  font-family: "Mont Regular", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}
html body .visit-hotel-prices .visit-hotel-prices__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  min-width: 260px !important;
  min-height: 62px !important;
  padding: 12px 15px 12px 28px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #60d390 0%, #61cae9 100%) !important;
  color: #fff !important;
  font-family: "Mont Bold", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-align: left !important;
  cursor: pointer !important;
}
html body .visit-hotel-prices .visit-hotel-prices__button::after {
  content: "›" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #49c893 !important;
  font-family: Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}
html body .visit-hotel-prices .visit-hotel-prices__grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  overflow: hidden !important;
  padding: 30px 32px !important;
  border-radius: 32px !important;
  background: #eaf7fc !important;
}
html body .visit-hotel-prices .visit-hotel-prices__card {
  display: grid !important;
  grid-template-columns: minmax(140px, 0.42fr) minmax(0, 1.3fr) minmax(280px, 0.8fr) !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html body .visit-hotel-prices .visit-hotel-prices__card + .visit-hotel-prices__card {
  margin-top: 26px !important;
  padding-top: 26px !important;
  border-top: 1px solid rgba(82, 94, 119, .18) !important;
}
html body .visit-hotel-prices .visit-hotel-prices__card-title {
  margin: 0 !important;
  color: #101827 !important;
  font-family: "Mont Bold", sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}
html body .visit-hotel-prices .visit-hotel-prices__hotels {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
html body .visit-hotel-prices .visit-hotel-prices__hotel {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  max-width: 100% !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: #29a9ea !important;
  color: #fff !important;
  font-family: "Mont Regular", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}
html body .visit-hotel-prices .visit-hotel-prices__prices {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}
html body .visit-hotel-prices .visit-hotel-prices__price-cell {
  min-width: 0 !important;
  padding: 13px 15px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.82) !important;
}
html body .visit-hotel-prices .visit-hotel-prices__price-label {
  display: block !important;
  margin: 0 0 5px !important;
  color: #606b82 !important;
  font-family: "Mont Regular", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
html body .visit-hotel-prices .visit-hotel-prices__price-value {
  display: block !important;
  color: #101827 !important;
  font-family: "Mont Bold", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}
html body .visit-hotel-prices--hide-notes .visit-hotel-prices__notes {
  display: none !important;
}
@media screen and (max-width: 1100px) {
  html body .visit-hotel-prices .visit-hotel-prices__head {
    grid-template-columns: 1fr !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__button {
    width: fit-content !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__card {
    grid-template-columns: minmax(135px, .45fr) minmax(0, 1fr) !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__prices {
    grid-column: 1 / -1 !important;
  }
}
@media screen and (max-width: 767px) {
  html body .visit-hotel-prices {
    margin-top: 48px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__head {
    gap: 18px !important;
    margin-bottom: 20px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__title {
    margin-bottom: 14px !important;
    font-size: 32px !important;
    line-height: 1.18 !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__subtitle {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding-left: 22px !important;
    font-size: 16px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__button::after {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 30px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__grid {
    padding: 24px 20px !important;
    border-radius: 28px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__card {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__card + .visit-hotel-prices__card {
    margin-top: 22px !important;
    padding-top: 22px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__card-title {
    font-size: 24px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__hotel {
    min-height: 32px !important;
    padding: 6px 11px !important;
    font-size: 13px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__prices {
    grid-column: auto !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__price-cell {
    padding: 12px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__price-label {
    font-size: 11px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__price-value {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 340px) {
  html body .visit-hotel-prices .visit-hotel-prices__title { font-size: 28px !important; }
  html body .visit-hotel-prices .visit-hotel-prices__prices { grid-template-columns: 1fr !important; }
}



/* Codex: match hotel picker CTA to standard tour buttons. */
html body .visit-hotel-prices .visit-hotel-prices__button {
  min-height: 54px !important;
  padding: 7px 24px !important;
  gap: 12px !important;
  font-family: "Mont SemiBold", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}
html body .visit-hotel-prices .visit-hotel-prices__button::after {
  content: "" !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M1 1l4 4-4 4' fill='none' stroke='%2361d393' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 6px 10px !important;
  color: transparent !important;
  font-size: 0 !important;
}
@media screen and (max-width: 767px) {
  html body .visit-hotel-prices .visit-hotel-prices__button {
    min-height: 54px !important;
    padding: 7px 24px !important;
    gap: 12px !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__button::after {
    flex-basis: 20px !important;
    width: 20px !important;
    height: 20px !important;
    background-size: 6px 10px !important;
  }
}

/* Codex: desktop hotel CTA exact standard-button sizing. */
@media screen and (min-width: 768px) {
  html body .visit-hotel-prices .visit-hotel-prices__button {
    width: 290px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 7px 14px !important;
    gap: 4px !important;
    font-family: "Mont SemiBold", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 22.5px !important;
  }
  html body .visit-hotel-prices .visit-hotel-prices__button::after {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    background-size: 6px 10px !important;
  }
}
/* Codex: end desktop hotel CTA exact standard-button sizing. */

/* Codex: mobile tour hero critical first-paint styles (no old-layer flash). */

  @media (max-width: 767px) {
    .walk-slide {
      border-radius: 30px !important;
      overflow: hidden !important;
    }

    .walk-slide__price {
      display: flex !important;
      align-items: baseline !important;
      gap: 5px !important;
      margin-top: 14px !important;
      font-family: "Mont Bold", Mont, Arial, sans-serif !important;
      font-size: 0 !important;
      font-weight: 700 !important;
      line-height: 1 !important;
      letter-spacing: -.8px !important;
    }

    .walk-slide__price-prefix {
      display: inline-block !important;
      font-family: "Mont Bold", Mont, Arial, sans-serif !important;
      font-size: 16px !important;
      font-weight: 700 !important;
      line-height: 1 !important;
      letter-spacing: 0 !important;
    }

    .walk-slide__price-amount {
      display: inline-block !important;
      font-family: "Mont Bold", Mont, Arial, sans-serif !important;
      font-size: 44px !important;
      font-weight: 700 !important;
      line-height: .95 !important;
    }

    .walk-slide__price-unit {
      display: inline-block !important;
      font-family: "Mont Semibold", Mont, Arial, sans-serif !important;
      font-size: 18px !important;
      font-weight: 600 !important;
      letter-spacing: 0 !important;
    }

    .walk-slide {
      background: #E9EEF6 !important;
      border-radius: 30px !important;
      overflow: hidden !important;
    }

    .walk-slide__content {
      box-sizing: border-box !important;
      padding: 32px 34px 14px !important;
      background: linear-gradient(180deg, #FAFBFD 0%, #F4F7FB 38%, #EEF3F8 68%, #E9EEF6 100%) !important;
      border-radius: 30px 30px 0 0 !important;
    }

    .walk-slide__title {
      font-family: "Mont Bold", Mont, Arial, sans-serif !important;
      font-size: 20px !important;
      line-height: 1.2 !important;
      font-weight: 700 !important;
    }

    .walk-slide__list {
      margin-top: 12px !important;
    }

    .walk-slide__list ul,
    .walk-slide__list li {
      font-family: "Mont Regular", Mont, Arial, sans-serif !important;
      font-size: 14px !important;
      line-height: 18px !important;
    }

    .walk-slide__list li {
      margin: 4px 0 0 !important;
    }

    .walk-slide__price {
      margin-top: 12px !important;
    }

    .walk-slide__img,
    .walk-slide__img img {
      border-radius: 0 0 30px 30px !important;
    }

    .walk-slide__img {
      margin-top: 0 !important;
      padding-top: 57% !important;
      background: #E9EEF6 !important;
    }

    .walk-slide__img::before {
      content: "" !important;
      position: absolute !important;
      z-index: 2 !important;
      top: 0 !important;
      right: 0 !important;
      left: 0 !important;
      height: 120px !important;
      border-radius: 0 !important;
      background: linear-gradient(180deg, #E9EEF6 0%, rgba(233,238,246,.90) 14%, rgba(237,241,247,.68) 32%, rgba(244,247,250,.42) 54%, rgba(250,252,253,.18) 76%, rgba(255,255,255,0) 100%) !important;
      pointer-events: none !important;
    }

    .walk-slide__img::after {
      content: none !important;
      display: none !important;
      background: none !important;
    }

    .tour-date-select .select-head {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      padding: 0 24px 0 58px !important;
    }

    .tour-date-select .select-head::before {
      content: "" !important;
      position: absolute !important;
      top: 50% !important;
      left: 24px !important;
      width: 22px !important;
      height: 22px !important;
      background: #28A9EC !important;
      transform: translateY(-50%) !important;
      -webkit-mask: url("https://visit-teriberka.com/wp-content/uploads/2026/06/calendar_white_transparent.png") center / contain no-repeat !important;
      mask: url("https://visit-teriberka.com/wp-content/uploads/2026/06/calendar_white_transparent.png") center / contain no-repeat !important;
    }

    html body .tour-date-select .select-head .select-arrow {
      display: none !important;
    }

    .tour-date-select .select-head__text {
      margin: 0 !important;
      text-align: left !important;
    }

    .vt-soft-date__calendar {
      background-color: #28A9EC !important;
    }

    .offer-navigation .offer-prev,
    .offer-navigation .offer-next {
      box-sizing: border-box !important;
      flex: 0 0 40px !important;
      width: 40px !important;
      min-width: 40px !important;
      max-width: 40px !important;
      height: 40px !important;
      min-height: 40px !important;
      max-height: 40px !important;
      aspect-ratio: 1 / 1 !important;
      padding: 0 !important;
      border-radius: 50% !important;
    }

    .offer-navigation .offer-pagination {
      flex: 1 1 auto !important;
      min-width: 0 !important;
    }
  }

  @media (max-width: 360px) {
    form.feedback-form .messenger-choice__item,
    form.feedback-form .messenger-choice__text {
      font-size: 10px !important;
      line-height: 12px !important;
    }

    form.feedback-form .checkbox__text,
    form.feedback-form .politic,
    form.feedback-form .politic_b,
    form.feedback-form .politic a,
    form.feedback-form .politic_b a {
      font-size: 7px !important;
      line-height: 9px !important;
    }
  }


@media screen and (max-width: 767px) {
  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) body .section._first .walk-slide {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  html:has(meta[property="og:url"][content*="/tours/arctic-wow"]) body .section._first .walk-slide:has(.walk-slide__price[data-visit-psd-price="1"]):has(.walk-slide__list li.visit-main-card-blue-dots-v1) {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
/* Codex: end mobile tour hero critical first-paint styles. */