/*
 * Paulin Properties – VikBooking frontend theme
 *
 * All rules are scoped to VikBooking's public classes. No vendor template or
 * stylesheet is replaced, so VikBooking can be updated independently.
 */

body {
    --pp-vik-ink: var(--pp-design-ink, #151515);
    --pp-vik-muted: var(--pp-design-muted, #746f6b);
    --pp-vik-paper: var(--pp-design-paper, #f4f2ef);
    --pp-vik-surface: rgba(244, 242, 239, 0.94);
    --pp-vik-surface-solid: #f4f2ef;
    --pp-vik-accent: var(--pp-design-accent, #4a3731);
    --pp-vik-accent-hover: var(--pp-design-hover, #5a433b);
    --pp-vik-line: rgba(21, 21, 21, 0.16);
    --pp-vik-line-strong: rgba(21, 21, 21, 0.28);
    --pp-vik-radius: 10px;
    --pp-vik-shadow: 0 12px 34px rgba(31, 23, 20, 0.07);
}

body .vbmodroomscontainer,
body .vbo-listing-details-wrap,
body .vbo-results-wrapper,
body .vbo-showprc-wrapper,
body .vbo-oconfirm-wrapper,
body .vbstepsbarcont,
body .vbdialog-inner {
    --vbo-pref-bgcolor: var(--pp-vik-accent);
    --vbo-pref-textcolor: var(--pp-vik-accent);
    --vbo-text-color: var(--pp-vik-ink);
    --vbo-light-text-color: var(--pp-vik-muted);
    --vbo-border-color: var(--pp-vik-line);
    color: var(--pp-vik-ink);
    font-family: Poppins, sans-serif !important;
}

body .vbmodroomscontainer *,
body .vbo-listing-details-wrap *,
body .vbo-results-wrapper *,
body .vbo-showprc-wrapper *,
body .vbo-oconfirm-wrapper *,
body .vbstepsbarcont *,
body .vbdialog-inner * {
    box-sizing: border-box;
}

body .vbmodroomscontainer,
body .vbmodroomscontainer *,
body .vbo-searchresults-classic-wrap,
body .vbo-searchresults-classic-wrap *,
body .vbo-listing-details-wrap,
body .vbo-listing-details-wrap *,
body .vbo-results-wrapper,
body .vbo-results-wrapper *,
body .vbo-showprc-wrapper,
body .vbo-showprc-wrapper *,
body .vbo-oconfirm-wrapper,
body .vbo-oconfirm-wrapper *,
body .vbstepsbarcont,
body .vbstepsbarcont *,
body .vbdialog-inner,
body .vbdialog-inner *,
body .ui-datepicker,
body .ui-datepicker * {
    text-shadow: none !important;
}

/* Keep VikBooking's availability rules while matching the service calendar. */
body.pp-vikbooking-themed #ui-datepicker-div {
    box-sizing: border-box;
    padding: 14px !important;
    border: 1px solid var(--pp-vik-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 16px 36px rgba(38, 29, 26, 0.16) !important;
    color: var(--pp-vik-ink);
    font-family: Poppins, sans-serif !important;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-header {
    position: relative;
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    padding: 0 40px;
    border: 0 !important;
    background: transparent !important;
    color: var(--pp-vik-ink) !important;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-title {
    margin: 0;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.2;
    text-align: center;
    text-transform: capitalize;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-prev,
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-next {
    position: absolute;
    top: 50% !important;
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 6px !important;
    background: #f4f2ef !important;
    color: var(--pp-vik-accent) !important;
    cursor: pointer;
    transform: translateY(-50%) !important;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-prev { left: 0; }
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-next { right: 0; }
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-prev:hover,
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-next:hover {
    border-radius: 6px !important;
    background: #eae3df !important;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-prev span,
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-next span {
    position: relative !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible;
    background: none !important;
    color: inherit;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: 0;
    transform: none !important;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-prev span::after,
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-next span::after {
    /* Anchor the icon, not the hidden Prev/Next text's anonymous grid row. */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    border: 0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    font-size: 0 !important;
    transform: translate(-50%, -50%) !important;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-prev span::after {
    content: '' !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%234a3731' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 4 7 10l6 6'/%3E%3C/svg%3E") !important;
}
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-next span::after {
    content: '' !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%234a3731' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 4 6 6-6 6'/%3E%3C/svg%3E") !important;
}

/* Use the same outline calendar as the homepage while retaining VikBooking's click target. */
body.pp-vikbooking-themed i.vbo-caltrigger {
    font-size: 0 !important;
    background: center / 19px 19px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a3731' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 2v3M17 2v3M3.5 9h17M5.5 4h13a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E") !important;
}
body.pp-vikbooking-themed i.vbo-caltrigger::before {
    content: none !important;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 2px;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar th {
    padding: 5px 0;
    border: 0;
    background: transparent;
    color: var(--pp-vik-muted);
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td {
    padding: 0;
    border: 0;
    background: transparent;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td a,
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td span {
    display: flex;
    min-height: 37px;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--pp-vik-ink) !important;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td a:hover,
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td a:focus-visible {
    border-color: var(--pp-vik-accent) !important;
    background: #eee8e4 !important;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-current-day a,
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td a.ui-state-active {
    background: var(--pp-vik-accent) !important;
    color: #fff !important;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-unselectable span {
    color: #ada7a3 !important;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td.checkin-checkout-inner a,
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td.checkin-checkout-inner span {
    background: #eee8e4 !important;
    color: var(--pp-vik-ink) !important;
}

body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td.checkin-date a,
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td.checkin-date span,
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td.checkout-date a,
body.pp-vikbooking-themed #ui-datepicker-div .ui-datepicker-calendar td.checkout-date span {
    background: var(--pp-vik-accent) !important;
    color: #fff !important;
}

body.pp-vikbooking-themed #ui-datepicker-div .vbo-drp-commands-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 10px;
}

body.pp-vikbooking-themed #ui-datepicker-div .vbo-drp-command-close button {
    border-radius: 6px !important;
    background: var(--pp-vik-accent) !important;
    color: #fff !important;
}

/* Shared controls */
body .vbo-listing-details-wrap input[type="text"],
body .vbo-listing-details-wrap input[type="email"],
body .vbo-listing-details-wrap input[type="tel"],
body .vbo-listing-details-wrap input[type="number"],
body .vbo-listing-details-wrap select,
body .vbo-listing-details-wrap textarea,
body .vbo-results-wrapper input[type="text"],
body .vbo-results-wrapper input[type="email"],
body .vbo-results-wrapper input[type="number"],
body .vbo-results-wrapper select,
body .vbo-results-wrapper textarea,
body .vbo-showprc-wrapper input[type="text"],
body .vbo-showprc-wrapper input[type="email"],
body .vbo-showprc-wrapper input[type="number"],
body .vbo-showprc-wrapper select,
body .vbo-showprc-wrapper textarea,
body .vbo-oconfirm-wrapper input[type="text"],
body .vbo-oconfirm-wrapper input[type="email"],
body .vbo-oconfirm-wrapper input[type="tel"],
body .vbo-oconfirm-wrapper input[type="number"],
body .vbo-oconfirm-wrapper select,
body .vbo-oconfirm-wrapper textarea,
body .vbdialog-inner input,
body .vbdialog-inner select,
body .vbdialog-inner textarea {
    min-height: 52px;
    margin: 0;
    padding: 12px 14px !important;
    border: 1px solid var(--pp-vik-line) !important;
    border-radius: 8px !important;
    outline: 0;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: none !important;
    color: var(--pp-vik-ink) !important;
    font-family: Poppins, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

body .vbmodroomscontainer button,
body .vbmodroomscontainer input,
body .vbo-listing-details-wrap button,
body .vbo-listing-details-wrap input,
body .vbo-results-wrapper button,
body .vbo-results-wrapper input,
body .vbo-showprc-wrapper button,
body .vbo-showprc-wrapper input,
body.pp-vbo-confirmation-step button,
body.pp-vbo-confirmation-step input,
body .vbdialog-inner button,
body .vbdialog-inner input {
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
}

body .vbo-listing-details-wrap input::placeholder,
body .vbo-results-wrapper input::placeholder,
body .vbo-showprc-wrapper input::placeholder,
body.pp-vbo-confirmation-step input::placeholder,
body .vbdialog-inner input::placeholder {
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
}

body .vbo-listing-details-wrap textarea,
body .vbo-results-wrapper textarea,
body .vbo-showprc-wrapper textarea,
body .vbo-oconfirm-wrapper textarea,
body .vbdialog-inner textarea {
    min-height: 120px;
    resize: vertical;
}

body .vbo-listing-details-wrap input:focus,
body .vbo-listing-details-wrap select:focus,
body .vbo-listing-details-wrap textarea:focus,
body .vbo-results-wrapper input:focus,
body .vbo-results-wrapper select:focus,
body .vbo-results-wrapper textarea:focus,
body .vbo-showprc-wrapper input:focus,
body .vbo-showprc-wrapper select:focus,
body .vbo-showprc-wrapper textarea:focus,
body .vbo-oconfirm-wrapper input:focus,
body .vbo-oconfirm-wrapper select:focus,
body .vbo-oconfirm-wrapper textarea:focus,
body .vbdialog-inner input:focus,
body .vbdialog-inner select:focus,
body .vbdialog-inner textarea:focus {
    border-color: var(--pp-vik-accent) !important;
    box-shadow: 0 0 0 3px rgba(74, 55, 49, 0.12) !important;
}

body .vbo-listing-details-wrap label,
body .vbo-results-wrapper label,
body .vbo-showprc-wrapper label,
body .vbo-oconfirm-wrapper label,
body .vbdialog-inner label {
    color: var(--pp-vik-ink);
    font-family: Poppins, sans-serif !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

body .vbo-listing-details-wrap .vbo-pref-color-btn,
body .vbo-results-wrapper .vbo-pref-color-btn,
body .vbo-showprc-wrapper .vbo-pref-color-btn,
body .vbo-oconfirm-wrapper .vbo-pref-color-btn,
body .vbsearchmainsbmt .vbsubmit,
body .vbdialog-inner .vbo-pref-color-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 22px !important;
    border: 1px solid var(--pp-vik-accent) !important;
    border-radius: 8px !important;
    background: var(--pp-vik-accent) !important;
    box-shadow: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2;
    text-decoration: none !important;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

body .vbo-listing-details-wrap .vbo-pref-color-btn:hover,
body .vbo-results-wrapper .vbo-pref-color-btn:hover,
body .vbo-showprc-wrapper .vbo-pref-color-btn:hover,
body .vbo-oconfirm-wrapper .vbo-pref-color-btn:hover,
body .vbsearchmainsbmt .vbsubmit:hover,
body .vbdialog-inner .vbo-pref-color-btn:hover {
    border-color: var(--pp-vik-accent-hover) !important;
    background: var(--pp-vik-accent-hover) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}

body .vbo-listing-details-wrap .vbo-pref-color-btn-secondary,
body .vbo-results-wrapper .vbo-pref-color-btn-secondary,
body .vbo-showprc-wrapper .vbo-pref-color-btn-secondary,
body .vbo-oconfirm-wrapper .vbo-pref-color-btn-secondary,
body .vbdialog-inner .vbo-pref-color-btn-secondary {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 20px !important;
    border: 1px solid var(--pp-vik-accent) !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--pp-vik-accent) !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background 160ms ease, color 160ms ease;
}

body .vbo-listing-details-wrap .vbo-pref-color-btn-secondary:hover,
body .vbo-results-wrapper .vbo-pref-color-btn-secondary:hover,
body .vbo-showprc-wrapper .vbo-pref-color-btn-secondary:hover,
body .vbo-oconfirm-wrapper .vbo-pref-color-btn-secondary:hover,
body .vbdialog-inner .vbo-pref-color-btn-secondary:hover {
    background: var(--pp-vik-accent) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}

body .vbo-listing-details-wrap :focus-visible,
body .vbo-results-wrapper :focus-visible,
body .vbo-showprc-wrapper :focus-visible,
body .vbo-oconfirm-wrapper :focus-visible,
body .vbmodroomscontainer :focus-visible {
    outline: 2px solid var(--pp-vik-accent) !important;
    outline-offset: 3px;
}

/* Property carousel cards */
body .vbmodroomscontainer {
    width: 100%;
    max-width: none;
}

body .vbmodroomscontainer .owl-stage {
    display: flex;
}

body .vbmodroomscontainer .owl-item {
    display: flex;
    padding: 8px;
}

body .vbmodroomscontainer .vbmodrooms-item,
body .vbmodroomscontainer .vbmodroomsboxdiv {
    width: 100%;
}

body .vbmodroomscontainer .vbmodroomsboxdiv {
    height: 100%;
}

/* VikBooking gives every room item a 10px outer margin. In Owl Carousel the
 * 100% item height does not reserve the top margin, which pushes the lower
 * border past the clipped stage. Reserve that margin inside the calculated
 * height so the complete card remains visible on desktop and mobile. */
body .vbmodroomscontainer .owl-item .vbmodrooms-item {
    height: calc(100% - 10px);
}

/* VikBooking adds a second square card around the styled room card. Remove
 * that legacy frame so the one intentional rounded surface remains. */
body .vbmodroomscontainer .vbmodrooms-item,
body .vbmodroomscontainer .vbmodrooms-item:hover {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

body .vbmodroomscontainer .vbmodroomsboxdiv {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid var(--pp-vik-line) !important;
    border-radius: var(--pp-vik-radius) !important;
    background: var(--pp-vik-surface) !important;
    box-shadow: none !important;
    contain: paint;
    transition: border-color 160ms ease, background-color 160ms ease;
}

body .vbmodroomscontainer .vbmodroomsboxdiv:hover {
    border-color: var(--pp-vik-line-strong) !important;
    background: var(--pp-vik-surface) !important;
    box-shadow: none !important;
    transform: none !important;
}

body .vbmodroomscontainer .vbmodrooms-img-link {
    display: block;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: #e9e5e1;
    contain: paint;
}

body .vbmodroomscontainer .vbmodroomsimg {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    transition: none;
}

body .vbmodroomscontainer .vbmodroomsboxdiv:hover .vbmodroomsimg {
    transform: none !important;
}

body .vbmodroomscontainer .vbinf {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px;
    padding: 18px 19px 13px !important;
}

body .vbmodroomscontainer .vbmodrooms-divblock {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
}

body .vbmodroomscontainer .vbmodroomsname {
    color: var(--pp-vik-ink) !important;
    font-size: 18px !important;
    font-weight: 650 !important;
    line-height: 1.3;
}

body .vbmodroomscontainer .vbmodroomsbeds {
    flex: 0 0 auto;
    color: var(--pp-vik-muted) !important;
    font-size: 13px !important;
    font-weight: 450;
    white-space: nowrap;
}

body .vbmodroomscontainer .vbmodrooms-carats,
body .vbmodroomscontainer .vbo-room-carats {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    color: var(--pp-vik-accent) !important;
}

body .vbmodroomscontainer .vbo-room-carat {
    margin: 0 !important;
    color: var(--pp-vik-accent) !important;
    font-size: 14px;
}

body .vbmodroomscontainer .vbmodroomsroomcost {
    margin-top: auto;
    color: var(--pp-vik-ink) !important;
    font-size: 18px !important;
    font-weight: 650 !important;
}

body .vbmodroomscontainer .vbmodroomsview {
    margin: 0 !important;
    padding: 0 19px 19px !important;
}

body .vbmodroomscontainer .vbmodroomsview .btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 11px 18px !important;
    border: 1px solid var(--pp-vik-accent) !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--pp-vik-accent) !important;
    -webkit-text-fill-color: var(--pp-vik-accent) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background 160ms ease, color 160ms ease;
}

body .vbmodroomscontainer .vbmodroomsview .btn:hover {
    background: var(--pp-vik-accent) !important;
    border-color: var(--pp-vik-accent) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}

body .vbmodroomscontainer .owl-nav button,
body .vbmodroomscontainer .owl-dots button {
    box-shadow: none !important;
}

/* Keep VikBooking's existing controls discreetly at either edge below the cards. */
@media (min-width: 1024px) {
    /* The following Elementor intro starts 20px early; keep it off the native arrows. */
    body.page-id-5879 .elementor-element-5441041 {
        padding-bottom: 20px !important;
        z-index: 2;
    }

    body .vbmodroomscontainer .vbmodroom-layout-scroll .owl-nav.pp-room-carousel-nav {
        position: static;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 20px auto 0;
        padding: 0 28px;
        box-sizing: border-box;
        background: transparent;
    }

    body .vbmodroomscontainer .pp-room-carousel-nav button.owl-prev,
    body .vbmodroomscontainer .pp-room-carousel-nav button.owl-next {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 0;
        border: 1px solid var(--pp-vik-line) !important;
        border-radius: 50% !important;
        background: var(--pp-vik-surface) !important;
        color: var(--pp-vik-accent) !important;
        font-size: 0 !important;
        line-height: 1;
        transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
    }

    body .vbmodroomscontainer .pp-room-carousel-nav button::before {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 2px solid currentColor;
        border-right: 2px solid currentColor;
    }

    body .vbmodroomscontainer .pp-room-carousel-nav button.owl-prev::before {
        transform: rotate(-135deg);
        margin-left: 4px;
    }

    body .vbmodroomscontainer .pp-room-carousel-nav button.owl-next::before {
        transform: rotate(45deg);
        margin-right: 4px;
    }

    body .vbmodroomscontainer .pp-room-carousel-nav button:not(.disabled):hover {
        border-color: var(--pp-vik-accent) !important;
        background: var(--pp-vik-accent) !important;
        color: #fff !important;
    }

    body .vbmodroomscontainer .pp-room-carousel-nav button.disabled {
        opacity: .38;
        cursor: default;
    }
}

/* Listing details */
body .vbo-listing-details-wrap {
    width: min(1380px, calc(100% - 32px));
    max-width: 1380px;
    margin: 0 auto;
    padding-top: 46px;
    box-sizing: border-box;
}

body .vbo-listing-details-wrap > .vblistroomnamediv h3 {
    margin: 0 0 20px;
    color: var(--pp-vik-ink);
    font-size: clamp(27px, 3vw, 42px) !important;
    font-weight: 600 !important;
    letter-spacing: -0.025em;
}

/* The page template already prints the property title above VikBooking. Keep
 * VikBooking's duplicate in the accessibility tree without displaying it. */
body .vbo-listing-details-wrap > .vblistroomnamediv {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
    white-space: nowrap !important;
}

body .vbo-listing-details-wrap .vikfx-roomdetails-gallery-container {
    overflow: hidden;
    border-radius: 12px;
}

body .vbo-listing-details-wrap .vikfx-gallery-fade-container,
body .vbo-listing-details-wrap .vikfx-gallery-fade-container .vblistimg {
    width: 100%;
}

body .vbo-listing-details-wrap .vikfx-gallery-fade-container .vblistimg {
    display: block;
    max-height: 720px;
    object-fit: cover;
}

body .vbo-listing-details-wrap .vikfx-gallery > a {
    overflow: hidden;
    border-radius: 7px;
}

body .vbo-listing-details-wrap .vbo-listing-details-allphotos .vikfx-gallery-open {
    border-radius: 7px !important;
    background: rgba(21, 21, 21, 0.82) !important;
    color: #fff !important;
    font-size: 13px !important;
}

body .vbo-listing-details-wrap .vbo-listing-details-allphotos {
    right: 14px !important;
    bottom: 10px !important;
}

/* Center the native gallery control in the actual gap, including lazy-loaded
 * image heights. The thumbnails retain their own clipped rounded corners. */
body .vbo-listing-details-wrap .vikfx-roomdetails-gallery-container.pp-vbo-gallery-controls-ready {
    overflow: visible;
}

body .vbo-listing-details-wrap .pp-vbo-gallery-controls-ready .vbo-listing-details-allphotos {
    top: var(--pp-vbo-gallery-button-top) !important;
    bottom: auto !important;
}

body .pp-vbo-pet-photo {
    position: relative !important;
}

body .pp-vbo-pet-photo > .pp-vbo-pet-badge {
    position: absolute;
    z-index: 5;
    top: 12px;
    right: 12px;
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 4px;
    background: var(--pp-vik-accent);
    color: #fff !important;
    box-shadow: none;
    text-shadow: none !important;
    line-height: 1;
}

body .pp-vbo-pet-badge > svg {
    display: block;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px;
    margin: 0;
    color: #fff !important;
    fill: #fff !important;
    text-shadow: none !important;
}

body .pp-vbo-pet-badge > svg * {
    fill: #fff !important;
}

/* Keep VikBooking's photo-expansion control beside, not beneath, the badge. */
body .vbo-searchresults-classic-wrap .pp-vbo-pet-photo .vbmodalrdetails {
    top: 12px !important;
    right: 56px !important;
}

body .vbo-listing-details-wrap .vbo-rdet-descprice-block {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 390px);
    align-items: start;
    gap: clamp(24px, 3vw, 44px);
    margin-top: 34px;
}

body .vbo-listing-details-wrap .vbo-rdet-desc-cont {
    min-width: 0;
    padding: clamp(24px, 3.4vw, 44px) !important;
    border: 1px solid var(--pp-vik-line);
    border-radius: 12px;
    background: var(--pp-vik-surface);
    box-shadow: none;
    color: var(--pp-vik-ink);
    font-size: 15px;
    line-height: 1.72;
}

body .vbo-listing-details-wrap .vbo-rdet-desc-cont > h3 {
    margin: 0 0 28px !important;
    color: var(--pp-vik-ink);
    font-size: clamp(25px, 2.2vw, 34px) !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em;
    text-align: left !important;
}

body .vbo-listing-details-wrap .vbo-rdet-desc-cont p {
    margin: 0 0 13px;
    color: var(--pp-vik-ink);
    font: inherit;
}

body .vbo-listing-details-wrap .vbo-rdet-desc-cont p > strong:only-child {
    display: inline-block;
    margin-top: 13px;
    color: var(--pp-vik-accent);
    font-size: 13px;
    font-weight: 650;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

body .vbo-listing-details-wrap .vbo-rdet-desc-cont p[style*="padding-left"] {
    padding-left: 18px !important;
}

/* A compact editorial teaser keeps the calendar and characteristics close to
 * the gallery while every word remains available on demand. The script groups
 * VikBooking's editable description nodes, so new rooms inherit this layout. */
body .vbo-listing-details-wrap .pp-vbo-description-region,
body .vbo-showprc-wrapper .room_description_box .pp-vbo-description-region {
    position: relative;
    max-height: 270px;
    overflow: hidden;
}

body .vbo-listing-details-wrap .pp-vbo-description-region::after,
body .vbo-showprc-wrapper .room_description_box .pp-vbo-description-region::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 92px;
    background: linear-gradient(to bottom, rgba(244, 242, 239, 0), var(--pp-vik-surface-solid) 88%);
    content: "";
    pointer-events: none;
}

body .vbo-listing-details-wrap .pp-vbo-description-region.is-expanded,
body .vbo-showprc-wrapper .room_description_box .pp-vbo-description-region.is-expanded {
    max-height: none;
    overflow: visible;
}

body .vbo-listing-details-wrap .pp-vbo-description-region.is-expanded::after,
body .vbo-showprc-wrapper .room_description_box .pp-vbo-description-region.is-expanded::after {
    display: none;
}

body .vbo-listing-details-wrap .pp-vbo-description-toggle,
body .vbo-showprc-wrapper .room_description_box .pp-vbo-description-toggle {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    margin: 8px 0 0;
    padding: 4px 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--pp-vik-accent);
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    filter: none !important;
    cursor: pointer;
}

body .vbo-listing-details-wrap .pp-vbo-description-toggle::before,
body .vbo-showprc-wrapper .room_description_box .pp-vbo-description-toggle::before {
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    content: "";
    transform: translateY(-2px) rotate(45deg);
    transition: transform 160ms ease;
}

body .vbo-listing-details-wrap .pp-vbo-description-toggle[aria-expanded="true"]::before,
body .vbo-showprc-wrapper .room_description_box .pp-vbo-description-toggle[aria-expanded="true"]::before {
    transform: translateY(2px) rotate(225deg);
}

body .vbo-listing-details-wrap .pp-vbo-description-toggle:hover,
body .vbo-showprc-wrapper .room_description_box .pp-vbo-description-toggle:hover {
    color: var(--pp-vik-ink);
}

body .vbo-listing-details-wrap .vbo-listing-details-costroomdet {
    min-width: 0;
}

body .vbo-listing-details-wrap .vbo-listing-details-costroomdet-inner {
    position: sticky;
    top: 112px;
    padding: 27px !important;
    border: 1px solid var(--pp-vik-line) !important;
    border-radius: 12px !important;
    background: rgba(251, 250, 248, 0.92) !important;
    box-shadow: var(--pp-vik-shadow) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body .vbo-listing-details-wrap .vblistroomnamedivprice {
    margin: 0 0 28px;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--pp-vik-line);
}

body .vbo-listing-details-wrap .vblistroomname {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    color: var(--pp-vik-ink) !important;
}

body .vbo-listing-details-wrap .vbliststartfromrdet {
    color: var(--pp-vik-muted);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

body .vbo-listing-details-wrap .room_cost {
    color: var(--pp-vik-accent) !important;
    font-size: 22px;
    font-weight: 650;
    white-space: nowrap;
}

body .vbo-listing-details-wrap .vbo-seldates-cont-inner > h4,
body .vbo-listing-details-wrap .vbo-listing-amenities-wrap > h4,
body .vbo-listing-details-wrap .vbo-availcalendars-cont > h4 {
    margin: 0 0 18px;
    color: var(--pp-vik-ink);
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
}

body .vbo-listing-details-wrap .vbo-search-inpblock,
body .vbo-listing-details-wrap .vbo-search-num-racblock {
    margin: 0 0 17px !important;
}

body .vbo-listing-details-wrap .vbo-search-inpblock label,
body .vbo-listing-details-wrap .vbo-search-num-adults-entry-label {
    display: block;
    margin: 0 0 7px !important;
}

body .vbo-listing-details-wrap .input-group {
    display: flex;
    width: 100%;
}

body .vbo-listing-details-wrap .vbo-search-inpblock input,
body .vbo-listing-details-wrap .vbo-search-num-adults-entry-inp,
body .vbo-listing-details-wrap .vbo-search-num-adults-entry-inp select {
    width: 100% !important;
}

body .vbo-listing-details-wrap .vbo-search-num-aduchild-block,
body .vbo-listing-details-wrap .vbo-search-num-aduchild-entry,
body .vbo-listing-details-wrap .vbo-search-num-adults-entry,
body .vbo-listing-details-wrap .vbo-search-num-adults-entry-inp {
    width: 100% !important;
    max-width: none !important;
}

body .vbo-listing-details-wrap .vbo-search-num-adults-entry {
    margin-right: 0 !important;
}

body .vbo-listing-details-wrap .vbo-search-submit,
body .vbo-listing-details-wrap .vbdetbooksubmit {
    width: 100%;
}

body .vbo-listing-details-wrap .vbdetbooksubmit {
    min-height: 52px;
}

body .vbo-listing-details-wrap .vbo-reqinfo-cont {
    margin: 30px 0 0;
    padding-top: 24px;
    border-top: 1px solid var(--pp-vik-line);
}

body .vbo-listing-details-wrap .vbo-reqinfo-opener {
    background: transparent !important;
    color: var(--pp-vik-accent) !important;
    -webkit-text-fill-color: var(--pp-vik-accent) !important;
}

body .vbo-listing-details-wrap .vbo-reqinfo-opener:hover {
    background: var(--pp-vik-accent) !important;
    border-color: var(--pp-vik-accent) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}

body .vbo-listing-details-wrap .vbo-listing-amenities-wrap {
    margin-top: 28px;
    padding-top: 26px;
    border-top: 1px solid var(--pp-vik-line);
}

body .vbo-listing-details-wrap .vbo-listing-amenities {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
}

body .vbo-listing-details-wrap .vbo-listing-amenity {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin: 0 !important;
    color: var(--pp-vik-ink);
    font-size: 14px;
}

body .vbo-listing-details-wrap .vbo-listing-amenity-textimg {
    display: inline-grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    background: rgba(74, 55, 49, 0.08);
    color: var(--pp-vik-accent);
}

/* Availability calendar */
body .vbo-listing-details-wrap .vbo-roomdet-calscontainer {
    margin-top: 30px;
    padding-top: 28px;
    border-top: 1px solid var(--pp-vik-line);
}

body .vbo-listing-details-wrap .vbo-availcalendars-cont form {
    margin-bottom: 15px;
}

body .vbo-listing-details-wrap .vbo-availcalendars-cont .vbselectm {
    width: 100%;
    text-transform: capitalize;
}

body .vbo-listing-details-wrap .vblegendediv {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 14px 0 18px;
}

body .vbo-listing-details-wrap .vblegenda {
    display: inline-flex;
    align-items: center;
    width: auto !important;
    gap: 7px;
    color: var(--pp-vik-muted);
    font-size: 12px;
    font-weight: 500;
}

body .vbo-listing-details-wrap .vblegenda-status {
    width: 14px;
    height: 14px;
    border: 1px solid var(--pp-vik-line-strong) !important;
    border-radius: 4px;
}

body .vbo-listing-details-wrap .vblegfree {
    background: #fff !important;
}

body .vbo-listing-details-wrap .vblegbusy {
    border-color: var(--pp-vik-accent) !important;
    background: var(--pp-vik-accent) !important;
}

body .vbo-listing-details-wrap .vbcalsblock {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .vbo-listing-details-wrap .vbcaldivcont {
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 13px;
    border: 1px solid var(--pp-vik-line);
    border-radius: 10px;
    background: transparent !important;
    box-shadow: none !important;
}

body .vbo-listing-details-wrap table.vbcal {
    width: 100% !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 3px !important;
    background: transparent !important;
    font-size: 11px !important;
}

body .vbo-listing-details-wrap .vbcal td {
    height: 30px;
    padding: 3px !important;
    border: 0 !important;
    border-radius: 5px;
    background: transparent;
    color: var(--pp-vik-ink);
    text-align: center;
}

body .vbo-listing-details-wrap .vbcaltrmonth td {
    height: 35px;
    border-bottom: 1px solid var(--pp-vik-line) !important;
    border-radius: 0;
    color: var(--pp-vik-ink) !important;
    font-size: 12px;
    text-transform: capitalize;
}

body .vbo-listing-details-wrap .vbcaldays td {
    color: var(--pp-vik-muted);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

body .vbo-listing-details-wrap .vbtdfree:not(.vbtdpast) {
    border: 1px solid rgba(74, 55, 49, 0.12) !important;
    background: rgba(255, 255, 255, 0.3) !important;
}

body .vbo-listing-details-wrap .vbtdbusy,
body .vbo-listing-details-wrap .vbtdbooked {
    border: 1px solid var(--pp-vik-accent) !important;
    background: var(--pp-vik-accent) !important;
    color: #fff !important;
}

body .vbo-listing-details-wrap .vbtdpast {
    opacity: 0.38;
}

body .vbo-listing-details-wrap .vbo-rdet-avcal-nav {
    display: inline-grid !important;
    width: 25px;
    min-height: 25px !important;
    padding: 0 !important;
    place-items: center;
    border-radius: 50% !important;
    font-size: 12px !important;
}

/* Search and booking steps */
body [data-additional-services].pp-additional-services-flow-active .pas__header {
    display: none !important;
}

/* The server adds the booking-step class before first paint. Structural
 * selectors then remove the landing hero without JavaScript moving or marking
 * Elementor nodes, so result and checkout pages never flash the old layout. */
body.pp-vikbooking-after-date-step
    section.elementor-top-section:has(.vbstepsbarcont) {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: var(--pp-vik-surface-solid) !important;
    background-image: none !important;
    align-items: flex-start !important;
}

body.pp-vikbooking-after-date-step
    section.elementor-top-section:has(.vbstepsbarcont)
    > .elementor-background-overlay {
    display: none !important;
    background: none !important;
}

body.pp-vikbooking-after-date-step
    .elementor-widget-wrap:has(> section.elementor-inner-section .vbstepsbarcont)
    > :not(section.elementor-inner-section:has(.vbstepsbarcont)),
body.pp-vikbooking-after-date-step
    section.elementor-top-section:has(.vbstepsbarcont)
    ~ section.elementor-top-section {
    display: none !important;
}

body .vbstepsbarcont,
body .vbo-results-wrapper,
body .vbo-showprc-wrapper,
body .vbo-oconfirm-wrapper {
    width: min(1180px, calc(100% - 32px));
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
}

body .vbstepsbarcont {
    display: block !important;
    float: none !important;
    /* The booking section overlaps its hero by 20px, with 10px widget
     * padding. Allow equal 34px gaps above the labels and below the dots. */
    padding-top: 40px !important;
    margin-bottom: 34px;
}

body.pp-vikbooking-after-date-step .vbstepsbarcont {
    padding-top: 22px !important;
    margin-bottom: 24px;
}

/* Elementor pulls individual property booking sections 46px into their hero.
 * Keep the booking steps visually below the image, like the main booking page. */
body.page-child.parent-pageid-4489 .vbstepsbarcont {
    padding-top: 66px !important;
}

body .vbo-stepbar {
    position: relative;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body .vbo-stepbar li {
    position: relative;
    z-index: 1;
    display: flex !important;
    float: none !important;
    align-items: center;
    justify-content: flex-start;
    width: auto !important;
    min-width: 0 !important;
    min-height: 50px;
    margin: 0 !important;
    padding: 0 8px 27px !important;
    border: 0 !important;
    color: var(--pp-vik-muted) !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25 !important;
    text-align: center;
}

body .vbo-stepbar li > a,
body .vbo-stepbar li > span {
    display: block;
    width: 100%;
    color: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}

body .vbo-stepbar li::after {
    position: absolute !important;
    z-index: 0;
    right: 0;
    bottom: 6px;
    left: 0;
    display: block !important;
    width: auto !important;
    height: 2px;
    content: "" !important;
    background: var(--pp-vik-line);
}

body .vbo-stepbar li:first-child::after {
    left: 50%;
}

body .vbo-stepbar li:last-child::after {
    right: 50%;
}

body .vbo-stepbar li.vbo-step-complete::after {
    background: var(--pp-vik-accent);
}

body .vbo-stepbar li.vbo-step-current::after {
    background: linear-gradient(to right, var(--pp-vik-accent) 0 50%, var(--pp-vik-line) 50% 100%);
}

body .vbo-stepbar li.vbo-step-complete,
body .vbo-stepbar li.vbo-step-current {
    color: var(--pp-vik-ink) !important;
}

body .vbo-stepbar li.vbo-step-current {
    font-weight: 650;
}

body .vbo-stepbar li::before {
    position: absolute !important;
    z-index: 2;
    bottom: 0 !important;
    left: 50% !important;
    float: none !important;
    width: 14px !important;
    height: 14px !important;
    border: 2px solid var(--pp-vik-line) !important;
    border-radius: 50% !important;
    background: var(--pp-vik-paper) !important;
    content: "" !important;
    line-height: 1 !important;
    transform: translateX(-50%) !important;
}

body .vbo-stepbar li.vbo-step-complete::before {
    border-color: var(--pp-vik-accent) !important;
    background: var(--pp-vik-accent) !important;
}

body .vbo-stepbar li.vbo-step-current::before {
    border-color: var(--pp-vik-accent) !important;
    background: var(--pp-vik-paper) !important;
}

body .vbo-stepbar li.vbo-step-next::before {
    border-color: #d7d2ce !important;
    background: #d7d2ce !important;
}

body .vbo-results-head {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin: 0 0 24px !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--pp-vik-line) !important;
    border-radius: 12px !important;
    background: var(--pp-vik-surface) !important;
    box-shadow: none !important;
}

body .vbo-results-head > div {
    display: flex !important;
    flex: 1 1 0;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin: 0 !important;
    padding: 18px 20px !important;
    border-right: 1px solid var(--pp-vik-line);
}

body .vbo-results-head > div:last-child {
    border-right: 0;
}

body .vbo-results-head svg,
body .vbo-results-head i {
    color: var(--pp-vik-accent) !important;
}

body .vbo-results-head .vbo-results-head-det-lbl {
    color: var(--pp-vik-muted) !important;
    font-size: 10px !important;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

body .vbo-results-head .vbo-results-head-det-val {
    color: var(--pp-vik-ink) !important;
    font-size: 15px !important;
    font-weight: 600;
}

body .vbo-results-head .vbo-results-chdates {
    display: flex !important;
    flex: 0 0 auto;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    margin-left: auto !important;
}

body .vbo-results-head .vbo-results-chdates > .vbo-results-head-det,
body .vbo-results-head .vbo-results-chdates .vbo-results-head-det-val {
    display: flex !important;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
}

body .vbo-results-head .vbo-results-chdates .btn,
body .vbo-results-head .vbo-results-chdates button,
body .vbo-results-head .vbo-results-chdates a {
    margin: 0 !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    translate: none !important;
    transform: none !important;
}

body .vbo-results-wrapper .vbo-results-head .vbo-results-chdates a:hover,
body .vbo-results-wrapper .vbo-results-head .vbo-results-chdates a:focus,
body .vbo-results-wrapper .vbo-results-head .vbo-results-chdates a:active {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 !important;
    translate: none !important;
    transform: none !important;
}

body #vbselectroomform > .goback {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 28px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: center;
}

body #vbselectroomform > .goback .vbo-goback-link {
    position: static !important;
    display: inline-flex !important;
    min-width: 180px;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 11px 24px !important;
    border: 1px solid var(--pp-vik-accent) !important;
    border-radius: 8px !important;
    background: var(--pp-vik-accent) !important;
    box-shadow: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center;
    text-decoration: none !important;
    translate: none !important;
    transform: none !important;
    transition: background-color 160ms ease, border-color 160ms ease;
}

body #vbselectroomform > .goback .vbo-goback-link:hover,
body #vbselectroomform > .goback .vbo-goback-link:focus,
body #vbselectroomform > .goback .vbo-goback-link:active {
    position: static !important;
    margin: 0 !important;
    border-color: var(--pp-vik-accent-hover) !important;
    background: var(--pp-vik-accent-hover) !important;
    box-shadow: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    translate: none !important;
    transform: none !important;
}

body .vbo-results-filtering {
    margin: 0 0 16px;
}

body .vbo-results-filters-toggle,
body .vbo-results-style-option {
    border-color: var(--pp-vik-line) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.62) !important;
    box-shadow: none !important;
    color: var(--pp-vik-ink) !important;
}

body .vbo-results-style-option-active {
    border-color: var(--pp-vik-accent) !important;
    background: var(--pp-vik-accent) !important;
    color: #fff !important;
}

body .vbo-searchresults-party-content {
    display: grid;
    gap: 18px;
}

body .vbo-searchresults-classic-wrap .room_item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 196px;
    min-height: 250px;
    margin: 0 0 16px !important;
    overflow: hidden;
    border: 1px solid var(--pp-vik-line) !important;
    border-radius: 12px !important;
    background: var(--pp-vik-surface) !important;
    box-shadow: none !important;
    transition: border-color 160ms ease, background-color 160ms ease;
}

body .vbo-searchresults-classic-wrap .room_item:last-child {
    margin-bottom: 0 !important;
}

body .vbo-searchresults-classic-wrap .room_item:hover {
    border-color: var(--pp-vik-line-strong) !important;
    transform: none !important;
}

body .vbo-searchresults-classic-wrap .vblistroomblock {
    display: grid !important;
    grid-template-columns: 275px minmax(0, 1fr);
    width: 100% !important;
    min-width: 0;
    min-height: 250px;
    float: none !important;
    border-right: 0 !important;
}

body .vbo-searchresults-classic-wrap .vbimglistdiv {
    width: 275px !important;
    min-width: 0 !important;
    height: 100%;
    margin: 0 !important;
    overflow: hidden;
    border-radius: 0 !important;
    background: #e9e5e1;
    contain: paint;
}

body .vbo-searchresults-classic-wrap .vbo-dots-slider-selector,
body .vbo-searchresults-classic-wrap .vbo-dots-slider-selector > a,
body .vbo-searchresults-classic-wrap .vik-dots-slider-inner,
body .vbo-searchresults-classic-wrap .vblistimg {
    display: block;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
}

/* VikBooking replaces the static image with a dots slider after page load.
 * Its wrapper otherwise has no height, so the 100%-height inner slider
 * collapses to zero even though the image itself has loaded. */
body .vbo-searchresults-classic-wrap .vbimglistdiv .vik-dots-slider-container,
body .vbo-searchresults-classic-wrap .vbimglistdiv .vik-dots-slider-slides,
body .vbo-searchresults-classic-wrap .vbimglistdiv .vik-dots-slider-slide {
    height: 100% !important;
}

body .vbo-searchresults-classic-wrap .vbimglistdiv .vik-dots-slider-inner,
body .vbo-searchresults-classic-wrap .vbimglistdiv .vik-dots-slider-slides {
    max-height: none !important;
}

body .vbo-searchresults-classic-wrap .vbimglistdiv .vik-dots-slider-slide img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover;
}

body .vbo-searchresults-classic-wrap .vblistimg,
body .vbo-searchresults-classic-wrap .vik-dots-slider-inner img {
    border-radius: 0 !important;
    object-fit: cover;
}

body .vbo-searchresults-classic-wrap .vbo-info-room {
    display: flex;
    min-width: 0;
    padding: 24px !important;
    flex-direction: column;
}

body .vbo-searchresults-classic-wrap .vbrowcname,
body .vbo-searchresults-classic-wrap .vbrowcname a {
    margin: 0 0 9px !important;
    color: var(--pp-vik-ink) !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.25;
    text-decoration: none !important;
}

body .vbo-searchresults-classic-wrap .vbrowcdescr {
    color: var(--pp-vik-ink) !important;
    font-size: 14px;
    line-height: 1.48;
}

body .vbo-searchresults-classic-wrap .vbo-result-readmore-trig {
    color: var(--pp-vik-accent) !important;
    font-size: 12px;
    font-weight: 600;
}

body .vbo-searchresults-classic-wrap .roomlist_carats {
    margin-top: auto;
    padding-top: 16px;
    color: var(--pp-vik-accent) !important;
}

body .vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
}

body .vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat {
    margin: 0 !important;
}

/* VikBooking's stock characteristic tooltip is fixed-width, opens downward
 * and can spill outside compact result cards. Use a stable upward tooltip. */
body .vbo-searchresults-classic-wrap .roomlist_carats [data-vbo-expl]::before {
    display: none !important;
}

body .vbo-searchresults-classic-wrap .roomlist_carats [data-vbo-expl]::after {
    top: auto !important;
    right: auto !important;
    bottom: calc(100% + 9px) !important;
    left: 50% !important;
    width: max-content !important;
    max-width: min(220px, 72vw);
    margin: 0 !important;
    padding: 7px 10px !important;
    border-radius: 6px;
    background: rgba(33, 28, 26, 0.94) !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: Poppins, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    white-space: normal;
    translate: none !important;
    transform: translateX(-50%) translateY(4px) !important;
}

body .vbo-searchresults-classic-wrap .roomlist_carats [data-vbo-expl]:hover::after,
body .vbo-searchresults-classic-wrap .roomlist_carats [data-vbo-expl]:focus::after {
    transform: translateX(-50%) translateY(0) !important;
}

body .vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat:first-child [data-vbo-expl]::after {
    left: 0 !important;
    transform: translateY(4px) !important;
}

body .vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat:first-child [data-vbo-expl]:hover::after,
body .vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat:first-child [data-vbo-expl]:focus::after {
    transform: translateY(0) !important;
}

body .vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat:last-child [data-vbo-expl]::after {
    right: 0 !important;
    left: auto !important;
    transform: translateY(4px) !important;
}

body .vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat:last-child [data-vbo-expl]:hover::after,
body .vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat:last-child [data-vbo-expl]:focus::after {
    transform: translateY(0) !important;
}

/* JavaScript marks the first icon on every visual row. A wrapped icon then
 * opens its tooltip into the card instead of beyond the card's left edge. */
body .vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat.pp-vik-carat-row-first [data-vbo-expl]::after {
    right: auto !important;
    left: 0 !important;
    transform: translateY(4px) !important;
}

body .vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat.pp-vik-carat-row-first [data-vbo-expl]:hover::after,
body .vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat.pp-vik-carat-row-first [data-vbo-expl]:focus::after {
    transform: translateY(0) !important;
}

body .vbo-searchresults-classic-wrap .vbcontdivtot {
    display: flex;
    align-items: center;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 22px !important;
    border-left: 1px solid var(--pp-vik-line) !important;
    background: rgba(244, 242, 239, 0.72) !important;
}

body .vbo-searchresults-classic-wrap .vbdivtot,
body .vbo-searchresults-classic-wrap .vbdivtotinline,
body .vbo-searchresults-classic-wrap .vbsrowprice,
body .vbo-searchresults-classic-wrap .vbselectordiv {
    width: 100% !important;
}

body .vbo-searchresults-classic-wrap .vbrowroomcapacity {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px 8px;
    color: var(--pp-vik-accent) !important;
}

body .vbo-searchresults-classic-wrap .vbrowroomcapacity i.fa-male {
    flex: 0 0 18px;
    height: 26px !important;
    margin: 0 !important;
    line-height: 26px !important;
}

body .vbo-searchresults-classic-wrap .vbrowroomcapacity i.fa-male::before {
    line-height: 26px !important;
}

body .vbo-searchresults-classic-wrap .vbsrowpricediv .room_cost {
    display: block;
    margin: 10px 0 16px;
    color: var(--pp-vik-ink) !important;
    font-size: 20px !important;
    font-weight: 650 !important;
    text-align: center;
    white-space: nowrap;
}

body .vbo-searchresults-classic-wrap .vbsrowpricediv {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body .vbo-searchresults-classic-wrap .vbselectr-result {
    width: 100%;
}

body .vbo-searchresults-classic-wrap .room_selected {
    border-color: var(--pp-vik-accent) !important;
    box-shadow: 0 0 0 2px rgba(74, 55, 49, 0.1) !important;
}

/* Price/options and confirmation */
body .vbo-showprc-head-wrapper,
body .vbo-showprc-room-block,
body .vbo-oconfirm-summary-container,
body .vbcustomfields,
body .vbo-oconfirm-paymentopts,
body .vbo-oconfirm-choosedeposit {
    margin-bottom: 22px !important;
    padding: clamp(20px, 3vw, 30px) !important;
    border: 1px solid var(--pp-vik-line) !important;
    border-radius: 12px !important;
    background: var(--pp-vik-surface) !important;
    box-shadow: none !important;
}

/* The outer show-price wrapper duplicated the visible card around the room
 * block. Make that legacy wrapper invisible and keep one intentional card. */
body .vbo-showprc-head-wrapper {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .vbo-showprc-head-wrapper > form > .vbo-showprc-wrapper {
    width: 100%;
    max-width: none;
    margin-top: 22px;
}

body .vbo-showprc-room-head {
    margin-bottom: 12px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .vbo-showprc-wrapper .room_description_box.pp-vbo-description-enhanced {
    min-width: 0;
}

body .vbo-showprc-wrapper .room_description_box.pp-vbo-description-enhanced > h1,
body .vbo-showprc-wrapper .room_description_box.pp-vbo-description-enhanced > h2,
body .vbo-showprc-wrapper .room_description_box.pp-vbo-description-enhanced > h3 {
    margin-bottom: 16px;
}

body .vbo-showprc-wrapper .room_description_box .pp-vbo-description-region p {
    margin: 0 0 13px;
}

body .vbo-showprc-wrapper .room_prices,
body .vbo-showprc-wrapper .room_options {
    scroll-margin-top: 86px;
}

body .vbo-showprc-roomname,
body .vbo-showprc-price-entry-rateplan,
body .vbo-oconfirm-roomname,
body .vbo-oconfirm-cfield-separator {
    color: var(--pp-vik-ink) !important;
    font-weight: 600 !important;
}

body .vbo-showprc-price-entry,
body .vbo-showprc-option-entry,
body .vbo-oconfirm-paymethod-item,
body .vbo-oconfirm-choosedeposit-block {
    border-color: var(--pp-vik-line) !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, 0.64) !important;
    box-shadow: none !important;
}

body .vbo-showprc-price-entry {
    align-items: center !important;
    text-align: center !important;
}

body .vbo-showprc-price-entry.pp-vbo-rate-clickable {
    cursor: pointer;
}

body .vbo-showprc-price-entry .vbo-showprc-price-entry-rateplan,
body .vbo-showprc-price-entry .vbo-showprc-price-entry-rateattribute,
body .vbo-showprc-price-entry .vbo-showprc-price-entry-cost {
    width: 100% !important;
    min-width: 0;
    text-align: center !important;
}

body .vbo-showprc-price-entry .vbo-showprc-price-entry-rateplan {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Keep the choice, title, explanation and amount on the same centre line
 * on narrow screens; VikBooking's legacy floated columns can drift. */
@media (max-width: 620px) {
    body .vbo-showprc-price-entry {
        display: grid !important;
        justify-items: center;
        text-align: center !important;
    }

    body .vbo-showprc-price-entry > div {
        float: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    body .vbo-showprc-price-entry .vbo-showprc-price-entry-rateplan label,
    body .vbo-showprc-price-entry .vbo-showprc-price-entry-rateplan .vbpricedetails {
        width: 100%;
        text-align: center !important;
    }
}

/* VikBooking reserves 25px on the right of the price, which shifts the
 * amount away from the centered rate title and refundability text. */
body .vbo-showprc-price-entry .vbo-showprc-price-entry-cost {
    padding-right: 0 !important;
}

body
    .vbo-showprc-price-entry-rateplan
    .vbpricedetails:has(.vbprice_freecanc_no) {
    display: none !important;
}

body
    .vbo-showprc-price-entry-rateplan
    .vbpricedetails:not(:has(.vbprice_freecanc_no)) {
    margin-bottom: 8px !important;
}

body .vbo-showprc-price-entry:hover,
body .vbo-showprc-option-entry:hover,
body .vbo-oconfirm-paymethod-item:hover,
body .vbo-oconfirm-paymethod-item-active,
body .vbo-oconfirm-choosedeposit-block:hover {
    border-color: var(--pp-vik-accent) !important;
}

/* Match the rate choices without replacing VikBooking's option controls. */
body .vbo-showprc-option-entry {
    display: flex !important;
    box-sizing: border-box;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    padding: 18px !important;
    border: 1px solid var(--pp-vik-line) !important;
    text-align: center !important;
    transition: border-color 160ms ease, background-color 160ms ease;
}

body .vbo-showprc-option-entry.pp-vbo-option-selected {
    border-color: var(--pp-vik-accent) !important;
    background: rgba(74, 55, 49, 0.045) !important;
}

body .vbo-showprc-option-entry:has(input[type="checkbox"]) {
    cursor: pointer;
}

body .vbo-showprc-option-entry .vbo-showprc-option-entry-img {
    display: none !important;
}

body .vbo-showprc-option-entry .vbo-showprc-option-entry-name {
    order: 1;
    width: 100% !important;
    min-width: 0;
    flex: 1 1 auto;
    margin: 0 !important;
    color: var(--pp-vik-ink) !important;
    font-weight: 600 !important;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

body .vbo-showprc-option-entry .vbo-showprc-option-entry-descr {
    margin-top: 6px;
    color: var(--pp-vik-muted);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
}

body .vbo-showprc-option-entry .vbo-showprc-option-entry-descr p {
    margin: 0 !important;
}

body .vbo-showprc-option-entry .vbo-showprc-option-entry-cost {
    order: 2;
    width: 100% !important;
    margin: 12px 0 0 !important;
    color: var(--pp-vik-accent) !important;
    font-size: 18px;
    font-weight: 650;
    line-height: 1.3;
}

body .vbo-showprc-option-entry .vbo-showprc-option-entry-input {
    display: flex !important;
    order: 0;
    width: 100% !important;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    margin: 0 0 8px !important;
}

body .vbo-showprc-option-entry .vbo-showprc-option-entry-input input[type="checkbox"] {
    width: 21px !important;
    height: 21px !important;
    margin: 0 !important;
    accent-color: var(--pp-vik-accent);
    cursor: pointer;
}

body .vbo-showprc-option-entry .vbo-showprc-option-entry-input select {
    box-sizing: border-box;
    width: 64px !important;
    min-width: 64px;
    height: 38px !important;
    min-height: 38px;
    margin: 0 !important;
    padding: 5px 8px !important;
    border: 1px solid var(--pp-vik-line-strong) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--pp-vik-ink) !important;
    font: inherit;
    text-align: center;
    cursor: pointer;
}

body .vbo-showprc-option-entry:focus-within {
    border-color: var(--pp-vik-accent) !important;
}

/* Keep long option lists compact while preserving every VikBooking control.
 * Selected overflow items remain visible even after the guest collapses the
 * list, so an active extra can never disappear from their summary. */
body .vbo-showprc-wrapper .room_options.pp-vbo-options-enhanced:not(.is-expanded)
    .vbo-showprc-option-entry.pp-vbo-option-overflow:not(.pp-vbo-option-selected) {
    display: none !important;
}

body .vbo-showprc-wrapper .pp-vbo-options-toggle {
    display: flex;
    width: min(100%, 360px);
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 18px auto 0;
    padding: 10px 20px;
    border: 1px solid var(--pp-vik-accent);
    border-radius: 8px;
    background: transparent;
    box-shadow: none;
    color: var(--pp-vik-accent);
    font-family: Poppins, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    filter: none !important;
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease;
}

body .vbo-showprc-wrapper .pp-vbo-options-toggle::before {
    display: block;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    content: "";
    transform: translateY(-2px) rotate(45deg);
    transition: transform 160ms ease;
}

body .vbo-showprc-wrapper .pp-vbo-options-toggle[aria-expanded="true"]::before {
    transform: translateY(2px) rotate(225deg);
}

body .vbo-showprc-wrapper .pp-vbo-options-toggle:hover {
    background: var(--pp-vik-accent);
    color: #fff;
}

body .vbo-showprc-wrapper .pp-vbo-options-toggle:focus-visible {
    outline: 2px solid var(--pp-vik-accent);
    outline-offset: 3px;
}

body .vbo-oconfirm-cfield-entry {
    margin-bottom: 17px !important;
}

body .vbo-oconfirm-cfield-label {
    margin-bottom: 7px !important;
}

body .vbo-oconfirm-cfield-input input,
body .vbo-oconfirm-cfield-input select,
body .vbo-oconfirm-cfield-input textarea {
    width: 100% !important;
}

body .vbo-oconfirm-summary-room-head {
    background: var(--pp-vik-accent) !important;
    color: #fff !important;
}

body .vbo-oconfirm-summary-room-row {
    border-color: var(--pp-vik-line) !important;
}

body .vbo-oconfirm-total-block,
body .vbo-oconfirm-summary-total-row {
    color: var(--pp-vik-accent) !important;
    font-weight: 650 !important;
}

/* Final booking step. Flatten VikBooking's nested boxes into the same quiet,
 * bordered cards used by the earlier steps while retaining the original form,
 * coupon and summary controls. */
body.pp-vbo-confirmation-step {
    color: var(--pp-vik-ink);
}

body.pp-vbo-confirmation-step .vbo-oconfirm-summary-container {
    padding: 0 !important;
    overflow: hidden;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-summary-room-wrapper,
body.pp-vbo-confirmation-step .vbo-oconfirm-summary-total-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-summary-room-head {
    display: flex !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    border-bottom: 1px solid var(--pp-vik-line) !important;
    background: rgba(74, 55, 49, 0.045) !important;
    color: var(--pp-vik-muted) !important;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-summary-room-row {
    display: flex !important;
    align-items: stretch;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pp-vik-line) !important;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-room-wrapper > .vbo-oconfirm-summary-room-row:last-child {
    border-bottom: 0 !important;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-room-wrapper > div > div,
body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-total-wrapper > div > div {
    display: flex !important;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 4px 10px !important;
    border: 0 !important;
    line-height: 1.35 !important;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-room-cell-descr {
    flex: 2 1 0;
    text-align: left !important;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-room-cell-guests {
    flex: 1 1 0;
    text-align: left !important;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-room-cell-nights {
    flex: 0.65 1 0;
    text-align: center !important;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-room-cell-net {
    flex: 1 1 0;
    text-align: center !important;
}

/* Without tax, net and total repeat the same amount. Keep the single
 * accommodation-price column on desktop, as in the mobile summary. */
body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-room-wrapper-notaxes .vbo-oconfirm-summary-room-cell-net,
body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-total-wrapper-notaxes .vbo-oconfirm-summary-room-cell-net {
    display: none !important;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-room-wrapper
    .vbo-oconfirm-summary-room-cell-tax,
body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-total-wrapper
    .vbo-oconfirm-summary-room-cell-tax {
    display: none !important;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-room-cell-tot {
    flex: 1 1 0;
    text-align: right !important;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-room-head-cell {
    margin: 0 !important;
    color: var(--pp-vik-muted) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.07em;
    line-height: 1.25 !important;
    text-transform: uppercase;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-room-head-cell-responsive {
    display: none !important;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-roomname {
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 1.3;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-priceinfo,
body.pp-vbo-confirmation-step .vbo-oconfirm-optname {
    color: var(--pp-vik-muted);
    font-size: 12px;
    line-height: 1.45;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-summary-total-wrapper {
    border-top: 1px solid var(--pp-vik-line) !important;
    background: rgba(74, 55, 49, 0.035) !important;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-room-row {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-room-row:last-child {
    border-bottom: 0 !important;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-middlep {
    display: block !important;
    margin: 0 0 22px !important;
}

body.pp-vbo-confirmation-step .vbo-coupon-outer {
    margin: 0 !important;
    padding: 18px 20px !important;
    border: 1px solid var(--pp-vik-line) !important;
    border-radius: 12px !important;
    background: var(--pp-vik-surface) !important;
    font-size: 14px !important;
}

body.pp-vbo-confirmation-step .vbentercoupon {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 18px;
}

body.pp-vbo-confirmation-step .vbhaveacoupon {
    flex: 0 0 auto;
    padding: 0 !important;
    color: var(--pp-vik-ink);
    font-size: 13px;
    font-weight: 600;
}

body.pp-vbo-confirmation-step .vbentercoupon-inner {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    gap: 10px;
}

body.pp-vbo-confirmation-step .vbentercoupon input.vbinputcoupon {
    min-width: 0;
    min-height: 46px;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid var(--pp-vik-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    font-family: Poppins, sans-serif;
    font-size: 14px;
}

body.pp-vbo-confirmation-step .vbentercoupon input.vbsubmitcoupon {
    min-width: 118px;
    min-height: 46px;
    margin: 0 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
}

body.pp-vbo-confirmation-step .vbcustomfields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 22px;
}

body.pp-vbo-confirmation-step .vbcustomfields
    .vbo-oconfirm-cfield-entry {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
}

body.pp-vbo-confirmation-step .vbcustomfields
    .vbo-oconfirm-cfield-entry-separator,
body.pp-vbo-confirmation-step .vbcustomfields
    .vbo-oconfirm-cfield-entry-textarea,
body.pp-vbo-confirmation-step .vbcustomfields
    .vbo-oconfirm-cfield-entry-checkbox {
    grid-column: 1 / -1;
}

body.pp-vbo-confirmation-step .vbcustomfields
    .vbo-oconfirm-cfield-entry-separator {
    padding: 0 0 4px !important;
    border: 0 !important;
}

body.pp-vbo-confirmation-step .vbcustomfields
    .vbo-oconfirm-cfield-entry-separator:not(:first-child) {
    margin-top: 8px !important;
    padding-top: 22px !important;
    border-top: 1px solid var(--pp-vik-line) !important;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-cfield-separator h4,
body.pp-vbo-confirmation-step .vbo-oconfirm-paymentopts > h4 {
    margin: 0 !important;
    color: var(--pp-vik-ink) !important;
    font-family: Poppins, sans-serif !important;
    font-size: clamp(20px, 2.2vw, 25px) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-cfield-label {
    margin-bottom: 7px !important;
    color: var(--pp-vik-ink);
    font-size: 12px;
    font-weight: 500;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-cfield-input
    input:not([type="checkbox"]):not([type="radio"]),
body.pp-vbo-confirmation-step .vbo-oconfirm-cfield-input select,
body.pp-vbo-confirmation-step .vbo-oconfirm-cfield-input textarea {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 50px;
    margin: 0 !important;
    padding: 11px 12px !important;
    border: 1px solid var(--pp-vik-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--pp-vik-ink) !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-cfield-input .iti {
    width: 100%;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-cfield-input .iti input.vbf-phoneinp {
    padding-left: 82px !important;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-cfield-input textarea {
    min-height: 118px;
    resize: vertical;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-cfield-input
    input:not([type="checkbox"]):not([type="radio"]):focus,
body.pp-vbo-confirmation-step .vbo-oconfirm-cfield-input select:focus,
body.pp-vbo-confirmation-step .vbo-oconfirm-cfield-input textarea:focus,
body.pp-vbo-confirmation-step .vbentercoupon input.vbinputcoupon:focus {
    border-color: var(--pp-vik-accent) !important;
    outline: 2px solid rgba(74, 55, 49, 0.12) !important;
    outline-offset: 1px;
}

body.pp-vbo-confirmation-step .vbcustomfields
    .vbo-oconfirm-cfield-entry-checkbox {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

body.pp-vbo-confirmation-step .vbcustomfields .pp-vbo-terms-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px 18px;
    padding: 15px 16px !important;
    border: 1px solid var(--pp-vik-line) !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, 0.64) !important;
    box-shadow: none !important;
}

body.pp-vbo-confirmation-step .pp-vbo-terms-choice {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
    margin: 0;
    color: var(--pp-vik-ink) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.4;
    text-transform: none !important;
    cursor: pointer;
}

body.pp-vbo-confirmation-step .pp-vbo-terms-choice .vbo-oconfirm-cfield-input {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

body.pp-vbo-confirmation-step .pp-vbo-terms-choice .vbo-oconfirm-cfield-label {
    margin: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-transform: none !important;
}

body.pp-vbo-confirmation-step .pp-vbo-terms-choice input[type="checkbox"] {
    width: 20px !important;
    height: 20px;
    margin: 0 !important;
    accent-color: var(--pp-vik-accent);
}

body.pp-vbo-confirmation-step .pp-vbo-terms-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 36px;
    padding: 7px 10px;
    border: 0;
    background: transparent;
    box-shadow: none !important;
    color: var(--pp-vik-accent);
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-shadow: none !important;
    cursor: pointer;
}

body.pp-vbo-confirmation-step .pp-vbo-terms-toggle::after {
    display: block;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    content: "";
    transform: translateY(-2px) rotate(45deg);
    transition: transform 160ms ease;
}

body.pp-vbo-confirmation-step .pp-vbo-terms-toggle[aria-expanded="true"]::after {
    transform: translateY(2px) rotate(225deg);
}

body.pp-vbo-confirmation-step .pp-vbo-terms-hint {
    grid-column: 1 / -1;
    margin: -4px 0 0 !important;
    color: var(--pp-vik-muted);
    font-size: 12px;
    line-height: 1.45;
}

body.pp-vbo-confirmation-step .pp-vbo-terms-panel {
    grid-column: 1 / -1;
    margin: 0;
    padding: 14px 15px;
    border-top: 1px solid var(--pp-vik-line);
    background: rgba(74, 55, 49, 0.035);
    color: var(--pp-vik-muted);
    font-size: 13px;
    line-height: 1.65;
    white-space: pre-line;
}

body.pp-vbo-confirmation-step .pp-vbo-terms-panel[hidden] {
    display: none !important;
}

body.pp-vbo-confirmation-step .vbcustomfields
    .vbo-oconfirm-cfield-entry-checkbox .vbo-oconfirm-cfield-label {
    margin: 0 !important;
}

body.pp-vbo-confirmation-step .vbcustomfields
    .vbo-oconfirm-cfield-entry-checkbox input[type="checkbox"] {
    width: 18px !important;
    height: 18px;
    margin: 0 !important;
}

body.pp-vbo-confirmation-step
    .vbo-oconfirm-paymentopts.pp-vbo-single-payment-method {
    display: none !important;
}

body.pp-vbo-confirmation-step .vbo-oconfirm-paymentopts > h4 {
    margin-bottom: 16px !important;
}

body.pp-vbo-confirmation-step .vboconfirmbottom {
    margin-top: 22px !important;
}

body.pp-vbo-confirmation-step .vboconfirmbottom .goback {
    order: 1;
}

body.pp-vbo-confirmation-step .vboconfirmbottom .booknow {
    order: 2;
}

body.pp-vbo-confirmation-step .vboconfirmbottom .booknow {
    min-width: 240px;
}

body .vboconfirmbottom,
body .room_buttons_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

/* Dialogs produced by VikBooking */
body .vbdialog-inner {
    overflow: hidden;
    border: 1px solid var(--pp-vik-line) !important;
    border-radius: 12px !important;
    background: var(--pp-vik-surface-solid) !important;
    box-shadow: 0 28px 80px rgba(21, 21, 21, 0.2) !important;
}

body .vbdialog-inner h3 {
    color: var(--pp-vik-ink);
    font-family: Poppins, sans-serif !important;
    font-weight: 600 !important;
}

body #vbdialog-overlay {
    background: rgba(21, 21, 21, 0.48) !important;
    backdrop-filter: blur(4px);
}

/* Mobile-only shortcut to VikBooking's existing form. It deliberately does not
 * submit anything; the guest continues through VikBooking's normal options and
 * extra-services steps. */
.pp-vbo-mobile-booking-bar {
    display: none;
}

.pp-vbo-mobile-booking-backdrop {
    display: none;
}

.pp-vbo-mobile-guest-stepper {
    display: none;
}

@media (max-width: 1024px) {
    body .vbo-listing-details-wrap .vbo-rdet-descprice-block {
        grid-template-columns: minmax(0, 1fr) 330px;
        gap: 22px;
    }

    body .vbo-listing-details-wrap .vbcalsblock {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body .vbo-searchresults-classic-wrap .vblistroomblock {
        grid-template-columns: 230px minmax(0, 1fr);
    }

    body .vbo-searchresults-classic-wrap .vbimglistdiv {
        width: 230px !important;
    }
}

@media (max-width: 820px) {
    body .vbo-listing-details-wrap,
    body .vbstepsbarcont,
    body .vbo-results-wrapper,
    body .vbo-showprc-wrapper,
    body .vbo-oconfirm-wrapper {
        width: calc(100% - 28px);
    }

    body .vbo-listing-details-wrap .vbo-rdet-descprice-block {
        grid-template-columns: minmax(0, 1fr);
    }

    body .vbo-listing-details-wrap .vbo-listing-details-costroomdet-inner {
        position: static;
    }

    body .vbo-results-head {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body .vbo-results-head > div {
        border-right: 1px solid var(--pp-vik-line) !important;
        border-bottom: 1px solid var(--pp-vik-line);
    }

    body .vbo-results-head > div:nth-child(3) {
        border-right: 0 !important;
    }

    body .vbo-results-head > div:last-child {
        border-bottom: 0;
    }

    body .vbo-results-head .vbo-results-chdates {
        grid-column: 1 / -1;
    }

    body .vbo-searchresults-classic-wrap .room_item {
        grid-template-columns: minmax(0, 1fr);
    }

    body .vbo-searchresults-classic-wrap .vbcontdivtot {
        border-top: 1px solid var(--pp-vik-line) !important;
        border-left: 0 !important;
    }

    body .vbo-searchresults-classic-wrap .vbdivtotinline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
    }

    body .vbo-searchresults-classic-wrap .vbsrowprice,
    body .vbo-searchresults-classic-wrap .vbselectordiv {
        width: auto !important;
        flex: 1;
    }

    body .vbo-searchresults-classic-wrap .vbsrowpricediv .room_cost {
        margin: 8px 0 0;
        text-align: left;
    }
}

@media (max-width: 620px) {
    body .vbmodroomscontainer .owl-item {
        padding: 5px;
    }

    body .vbmodroomscontainer .vbinf {
        padding: 16px 16px 12px !important;
    }

    body .vbmodroomscontainer .vbmodroomsview {
        padding: 0 16px 16px !important;
    }

    body .vbo-listing-details-wrap .vbo-rdet-desc-cont,
    body .vbo-listing-details-wrap .vbo-listing-details-costroomdet-inner {
        padding: 21px !important;
    }

    body .vbo-listing-details-wrap .pp-vbo-description-region,
    body .vbo-showprc-wrapper .room_description_box .pp-vbo-description-region {
        max-height: 205px;
    }

    body .vbo-listing-details-wrap {
        display: block !important;
        float: none !important;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body .vbo-listing-details-wrap .vikfx-roomdetails-gallery-container {
        overflow: visible !important;
    }

    body .vbo-listing-details-wrap .vikfx-gallery-fade-container {
        overflow: hidden;
        border-radius: 12px;
    }

    body .vbo-listing-details-wrap .vikfx-gallery-fade-container .vblistimg {
        border-radius: 12px;
    }

    body .vbo-listing-details-wrap .vbo-listing-details-allphotos {
        right: auto !important;
        bottom: -31px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    body .vbo-listing-details-wrap .vbo-listing-amenities,
    body .vbo-listing-details-wrap .vbcalsblock {
        grid-template-columns: minmax(0, 1fr);
    }

    body .vbstepsbarcont {
        display: block !important;
        float: none !important;
        width: calc(100% - 24px);
        margin-right: auto !important;
        padding-top: 30px !important;
        margin-bottom: 24px;
        margin-left: auto !important;
    }

    /* Property templates overlap by 46px rather than 20px. Keep the same
     * comfortable 24px gaps on mobile without the desktop padding winning. */
    body.page-child.parent-pageid-4489 .vbstepsbarcont {
        padding-top: 56px !important;
    }

    /* The main booking page uses a 40px mobile hero overlap. Its hidden
     * introduction must not leave the step labels pressed against the image. */
    body.pp-vikbooking-after-date-step .vbstepsbarcont {
        padding-top: 22px !important;
        margin-bottom: 20px;
    }

    body #vbselectroomform > .goback {
        margin-top: 20px !important;
    }

    body #vbselectroomform > .goback .vbo-goback-link {
        width: 100%;
    }

    body .vbo-stepbar li {
        min-height: 42px;
        padding: 0 3px 23px !important;
        overflow: visible;
        font-size: clamp(9px, 2.6vw, 11px);
        line-height: 1.15 !important;
        text-overflow: clip;
        white-space: normal;
    }

    body .vbo-stepbar li::after {
        bottom: 5px;
    }

    body .vbo-stepbar li::before {
        width: 12px !important;
        height: 12px !important;
    }

    body .vbo-results-head {
        display: grid !important;
        grid-template-columns: minmax(0, 1.3fr) repeat(2, minmax(0, 0.85fr));
        margin-bottom: 18px !important;
        border-radius: 9px !important;
    }

    body .vbo-results-head > div,
    body .vbo-results-head > div:nth-child(even) {
        float: none !important;
        width: auto !important;
        max-width: none !important;
        min-height: 54px;
        box-sizing: border-box;
        flex: none;
        flex-direction: column;
        justify-content: center;
        gap: 1px;
        padding: 7px 5px !important;
        border-right: 1px solid var(--pp-vik-line) !important;
        border-bottom: 0;
        text-align: center;
    }

    body .vbo-results-head > div:nth-child(3) {
        border-right: 0 !important;
    }

    body .vbo-results-head.vbo-results-head-showprc {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body .vbo-results-head.vbo-results-head-showprc > div:nth-child(-n + 2) {
        border-bottom: 1px solid var(--pp-vik-line);
    }

    body .vbo-results-head.vbo-results-head-showprc > div:nth-child(2),
    body .vbo-results-head.vbo-results-head-showprc > div:last-child {
        border-right: 0 !important;
    }

    body .vbo-results-head.vbo-results-head-showprc > div:nth-child(3) {
        border-right: 1px solid var(--pp-vik-line) !important;
    }

    body .vbo-results-head .vbo-results-chdates {
        grid-column: 1 / -1 !important;
        width: auto !important;
        min-height: 48px;
        align-items: center !important;
        justify-content: center !important;
        justify-self: stretch;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding: 6px !important;
        border-top: 1px solid var(--pp-vik-line);
        border-right: 0 !important;
    }

    body .vbo-results-head .vbo-results-head-det {
        display: flex !important;
        min-width: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1px;
    }

    body .vbo-results-head .vbo-results-chdates .btn,
    body .vbo-results-head .vbo-results-chdates button,
    body .vbo-results-head .vbo-results-chdates a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: auto !important;
        min-width: 148px;
        min-height: 36px !important;
        padding: 7px 16px !important;
        font-size: 11px !important;
    }

    body .vbo-results-head > div > i,
    body .vbo-results-head > div > svg {
        display: none !important;
    }

    body .vbo-results-head .vbo-results-head-det-lbl {
        font-size: 7px !important;
        line-height: 1.15 !important;
        letter-spacing: 0.05em;
    }

    body .vbo-results-head .vbo-results-head-det-val {
        margin-top: 1px;
        font-size: 10px !important;
        line-height: 1.15;
        white-space: nowrap;
    }

    body .vbo-searchresults-classic-wrap .vblistroomblock {
        grid-template-columns: minmax(0, 1fr);
    }

    body .vbo-searchresults-classic-wrap .vbimglistdiv {
        width: 100% !important;
        height: 235px;
    }

    body .vbo-searchresults-classic-wrap .vbo-info-room {
        padding: 20px !important;
    }

    body .vbo-searchresults-classic-wrap .vbdivtotinline,
    body .vboconfirmbottom,
    body .room_buttons_box {
        align-items: stretch;
        flex-direction: column;
    }

    body .vbo-searchresults-classic-wrap .vbsrowprice,
    body .vbo-searchresults-classic-wrap .vbselectordiv,
    body .vbo-searchresults-classic-wrap .vbselectr-result,
    body .vboconfirmbottom .btn,
    body .room_buttons_box .btn {
        width: 100% !important;
    }

    body .vbo-searchresults-classic-wrap .vbsrowprice {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    body .vbo-searchresults-classic-wrap .vbsrowpricediv,
    body .vbo-searchresults-classic-wrap .vbsrowpricediv .room_cost {
        width: 100% !important;
        text-align: center !important;
    }

    body .vbo-oconfirm-summary-container {
        overflow-x: auto;
    }
}

@media (min-width: 768px) {
    body.pp-vbo-detail-mobile-dock #ui-datepicker-div {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        width: min(720px, calc(100vw - 32px)) !important;
        max-height: calc(100dvh - 40px);
        overflow-y: auto;
        transform: translate(-50%, -50%);
        z-index: 9998 !important;
    }
}

@media (max-width: 767px) {
    body.pp-vbo-detail-mobile-dock,
    body.pp-vbo-flow-mobile-dock {
        padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px));
    }

    /* The real VikBooking form is moved into the mobile sheet by the theme
       script. Its desktop card remains in the DOM for price and form state. */
    body.pp-vbo-detail-mobile-dock .vbo-listing-details-wrap .vbo-listing-details-costroomdet {
        display: none !important;
    }

    .pp-vbo-mobile-booking-backdrop:not([hidden]) {
        position: fixed;
        z-index: 9989;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(24, 20, 18, 0.48);
        cursor: default;
    }

    body.pp-vbo-mobile-booking-open .ppbd-price-panel,
    body.pp-vbo-mobile-booking-open .ppbd-price-reopen {
        display: none !important;
    }

    body.pp-vbo-detail-mobile-dock #ui-datepicker-div {
        position: fixed !important;
        top: clamp(14px, 15vh, 124px) !important;
        left: 50% !important;
        width: min(350px, calc(100vw - 28px)) !important;
        max-height: calc(100dvh - 205px);
        overflow-y: auto;
        transform: translateX(-50%);
        z-index: 9998 !important;
    }

    body.pp-vbo-detail-mobile-dock #ui-datepicker-div .ui-datepicker-group {
        width: 100% !important;
    }

    body .vbo-listing-details-wrap .vbo-listing-details-costroomdet-inner {
        scroll-margin-top: 86px;
    }

    .pp-vbo-mobile-booking-bar {
        position: fixed;
        z-index: 9990;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 74px;
        padding: 10px max(14px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(14px, env(safe-area-inset-left, 0px));
        border-top: 1px solid var(--pp-vik-line);
        background: rgba(244, 242, 239, 0.97);
        box-shadow: 0 -8px 26px rgba(31, 23, 20, 0.12);
        color: var(--pp-vik-ink);
        font-family: Poppins, sans-serif;
        opacity: 1;
        transform: translateY(0);
        transition: opacity 160ms ease, transform 200ms ease;
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    .pp-vbo-mobile-booking-compact {
        display: flex;
        min-width: 0;
        flex: 1 1 auto;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
    }

    .pp-vbo-mobile-booking-panel[hidden] {
        display: none !important;
    }

    .pp-vbo-mobile-booking-bar.is-expanded {
        display: block;
        max-height: min(calc(100dvh - 12px), 700px);
        padding: 0 0 env(safe-area-inset-bottom, 0px);
        overflow-x: hidden;
        overflow-y: auto;
        border: 1px solid var(--pp-vik-line);
        border-bottom: 0;
        border-radius: 18px 18px 0 0;
        background: #f8f7f5;
        box-shadow: 0 -20px 55px rgba(31, 23, 20, 0.2);
        transform: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .pp-vbo-mobile-booking-bar.is-expanded .pp-vbo-mobile-booking-compact {
        display: none;
    }

    .pp-vbo-mobile-booking-panel {
        padding: 20px max(20px, env(safe-area-inset-right, 0px)) 22px max(20px, env(safe-area-inset-left, 0px));
    }

    .pp-vbo-mobile-booking-panel-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 20px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--pp-vik-line);
    }

    .pp-vbo-mobile-booking-eyebrow {
        display: block;
        margin-bottom: 5px;
        color: var(--pp-vik-muted);
        font-size: 10px;
        font-weight: 650;
        letter-spacing: 0.09em;
    }

    .pp-vbo-mobile-booking-panel-price {
        display: block;
        color: var(--pp-vik-accent);
        font-size: 23px;
        font-weight: 650;
        line-height: 1.2;
    }

    .pp-vbo-mobile-booking-close {
        display: flex;
        width: 38px;
        height: 38px;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 1px solid var(--pp-vik-line);
        border-radius: 50%;
        background: #fff;
        box-shadow: none;
        color: var(--pp-vik-accent);
        font-size: 25px;
        font-weight: 400;
        line-height: 1;
        cursor: pointer;
    }

    .pp-vbo-mobile-booking-close:focus-visible,
    .pp-vbo-mobile-booking-backdrop:focus-visible {
        outline: 2px solid var(--pp-vik-accent);
        outline-offset: 2px;
    }

    body .vbo-listing-details-wrap .pp-vbo-mobile-booking-form .vbo-seldates-cont {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .vbo-listing-details-wrap .pp-vbo-mobile-booking-form .vbo-seldates-cont-inner > h4 {
        margin-bottom: 17px !important;
        font-size: 17px !important;
        line-height: 1.35;
    }

    body .vbo-listing-details-wrap .pp-vbo-mobile-booking-form .vbo-listing-details-divsearch,
    body .vbo-listing-details-wrap .pp-vbo-mobile-booking-form .vb-search-inner,
    body .vbo-listing-details-wrap .pp-vbo-mobile-booking-form form {
        width: 100% !important;
        max-width: none !important;
    }

    body .vbo-listing-details-wrap .pp-vbo-mobile-booking-form .vbo-search-inpblock,
    body .vbo-listing-details-wrap .pp-vbo-mobile-booking-form .vbo-search-num-racblock {
        margin-bottom: 14px !important;
    }

    body .vbo-listing-details-wrap .pp-vbo-mobile-booking-form .vbo-search-num-adults-entry-inp {
        position: relative;
    }

    body .vbo-listing-details-wrap .pp-vbo-mobile-booking-form .vbo-search-num-adults-entry-inp select {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden;
        clip-path: inset(50%);
        opacity: 0;
        pointer-events: none;
    }

    .pp-vbo-mobile-guest-stepper {
        display: flex;
        width: 100%;
        min-height: 54px;
        align-items: center;
        justify-content: space-between;
        padding: 5px;
        border: 1px solid var(--pp-vik-line);
        border-radius: 8px;
        background: #fff;
        color: var(--pp-vik-ink);
    }

    .pp-vbo-mobile-guest-stepper button {
        display: flex;
        width: 42px;
        height: 42px;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: 1px solid var(--pp-vik-line);
        border-radius: 7px;
        background: #f8f7f5;
        box-shadow: none;
        color: var(--pp-vik-accent);
        font-family: Poppins, sans-serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 1;
        cursor: pointer;
    }

    .pp-vbo-mobile-guest-stepper button:disabled {
        opacity: 0.35;
        cursor: not-allowed;
    }

    .pp-vbo-mobile-guest-stepper button:focus-visible {
        outline: 2px solid var(--pp-vik-accent);
        outline-offset: 2px;
    }

    .pp-vbo-mobile-guest-count {
        font-size: 16px;
        font-weight: 650;
    }

    body .vbo-listing-details-wrap .pp-vbo-mobile-booking-form .vbo-search-submit {
        margin-top: 18px !important;
    }

    body .vbo-listing-details-wrap .pp-vbo-mobile-booking-form .vbdetbooksubmit {
        min-height: 52px !important;
        border-radius: 8px !important;
        font-size: 14px !important;
    }

    .pp-vbo-mobile-booking-copy {
        display: flex;
        min-width: 0;
        flex: 1 1 auto;
        flex-direction: column;
        gap: 2px;
    }

    .pp-vbo-mobile-booking-price,
    .pp-vbo-mobile-booking-summary {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pp-vbo-mobile-booking-price {
        font-size: 14px;
        font-weight: 650;
        line-height: 1.3;
    }

    .pp-vbo-mobile-booking-summary {
        color: var(--pp-vik-muted);
        font-size: 10px;
        line-height: 1.3;
    }

    .pp-vbo-mobile-booking-bar .pp-vbo-mobile-booking-button {
        display: inline-flex;
        width: 156px;
        max-width: 52%;
        min-width: 140px;
        min-height: 46px;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        padding: 10px 16px;
        border: 1px solid var(--pp-vik-accent);
        border-radius: 4px !important;
        background: var(--pp-vik-accent);
        box-shadow: none;
        text-shadow: none !important;
        -webkit-text-stroke: 0 !important;
        color: #fff;
        font-family: Poppins, sans-serif;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 0 !important;
        text-transform: none !important;
        white-space: nowrap;
        cursor: pointer;
    }

    .pp-vbo-mobile-booking-bar .pp-vbo-mobile-booking-button:is(:hover, :focus, :active) {
        border-radius: 4px !important;
        box-shadow: none !important;
        text-shadow: none !important;
        transform: none !important;
    }

    .pp-vbo-mobile-booking-button:focus-visible {
        outline: 2px solid var(--pp-vik-accent);
        outline-offset: 3px;
    }

    .pp-vbo-mobile-flow-bar .pp-vbo-mobile-booking-button {
        border: 1px solid var(--pp-vik-accent) !important;
        border-radius: 4px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--pp-vik-ink) !important;
        -webkit-text-fill-color: var(--pp-vik-ink) !important;
        font-size: 13px;
        font-weight: 600;
    }

    .pp-vbo-mobile-flow-bar .pp-vbo-mobile-booking-button:hover,
    .pp-vbo-mobile-flow-bar .pp-vbo-mobile-booking-button:focus,
    .pp-vbo-mobile-flow-bar .pp-vbo-mobile-booking-button:active {
        border-radius: 4px !important;
        background: rgba(74, 55, 49, 0.08) !important;
        color: var(--pp-vik-ink) !important;
        -webkit-text-fill-color: var(--pp-vik-ink) !important;
        text-shadow: none !important;
    }

    .pp-vbo-mobile-booking-bar.is-form-visible,
    body.ppbd-site-menu-mobile-open .pp-vbo-mobile-booking-bar {
        pointer-events: none;
        opacity: 0;
        transform: translateY(100%);
    }

    body.pp-vbo-confirmation-step .vbo-results-head {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.pp-vbo-confirmation-step .vbo-results-head > div,
    body.pp-vbo-confirmation-step .vbo-results-head > div:nth-child(3) {
        border-right: 1px solid var(--pp-vik-line) !important;
        border-bottom: 1px solid var(--pp-vik-line) !important;
    }

    body.pp-vbo-confirmation-step .vbo-results-head > div:nth-child(even) {
        border-right: 0 !important;
    }

    body.pp-vbo-confirmation-step .vbo-results-head > div:nth-last-child(-n + 2) {
        border-bottom: 0 !important;
    }

    body.pp-vbo-confirmation-step .vbo-results-head .vbo-results-head-det-val {
        max-width: 100%;
        overflow-wrap: anywhere;
        font-size: clamp(8px, 2.5vw, 10px) !important;
        line-height: 1.25;
        white-space: normal;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-head {
        display: none !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        padding: 8px 14px !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-wrapper > div > div,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-total-wrapper > div > div {
        width: auto !important;
        min-height: 48px;
        padding: 8px 10px !important;
        text-align: left !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-wrapper .vbo-oconfirm-summary-room-cell-descr {
        grid-column: 1 / -1;
        min-height: 0;
        margin: 0 !important;
        padding-top: 12px !important;
        padding-bottom: 14px !important;
        border-bottom: 1px solid var(--pp-vik-line) !important;
        background: transparent !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-cell-nights,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-cell-net,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-cell-tax,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-cell-tot {
        text-align: left !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-row > [data-pp-label]::before {
        display: block;
        margin-bottom: 4px;
        color: var(--pp-vik-muted);
        content: attr(data-pp-label);
        font-size: 8px;
        font-weight: 600;
        letter-spacing: 0.07em;
        line-height: 1.2;
        text-transform: uppercase;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-wrapper-notaxes
        > .vbo-oconfirm-summary-room-row:not(.vbo-oconfirm-summary-option-row)
        > .vbo-oconfirm-summary-room-cell-tot {
        grid-column: 1 / -1;
        border-top: 1px solid var(--pp-vik-line) !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-wrapper-notaxes
        > .vbo-oconfirm-summary-room-row:not(.vbo-oconfirm-summary-option-row)
        > .vbo-oconfirm-summary-room-cell-net {
        display: none !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-wrapper
        .vbo-oconfirm-summary-room-row:not(.vbo-oconfirm-summary-option-row)
        > .vbo-oconfirm-summary-room-cell-tot {
        display: block !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-option-row {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-option-row > .vbo-oconfirm-summary-room-cell-descr {
        grid-column: 1;
        border: 0 !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-option-row > .vbo-oconfirm-summary-room-cell-guests,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-option-row > .vbo-oconfirm-summary-room-cell-nights,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-option-row > .vbo-oconfirm-summary-room-cell-net,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-option-row > .vbo-oconfirm-summary-room-cell-tax {
        display: none !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-option-row > .vbo-oconfirm-summary-room-cell-tot {
        grid-column: 2;
        min-height: 0;
        text-align: right !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-room-row {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        padding: 8px 14px !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-room-cell-descr,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-total-wrapper-notaxes
        .vbo-oconfirm-summary-total-row:first-child .vbo-oconfirm-summary-room-cell-descr {
        display: flex !important;
        grid-column: 1;
        width: auto !important;
        min-height: 48px;
        padding: 10px !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-room-cell-guests,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-room-cell-nights,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-room-cell-net,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-room-cell-tax {
        display: none !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-room-cell-tot,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-total-wrapper-notaxes .vbo-oconfirm-summary-room-cell-tot {
        display: block !important;
        grid-column: 2;
        width: auto !important;
        min-height: 48px;
        padding: 10px !important;
        text-align: right !important;
        white-space: nowrap;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-room-row > [data-pp-label]::before,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-room-head-cell {
        display: none !important;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-cell-tot .vbprice,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-summary-room-cell-tot .vbcurrency {
        display: inline !important;
        white-space: nowrap;
    }

    body.pp-vbo-confirmation-step .vbo-coupon-outer {
        padding: 18px !important;
    }

    body.pp-vbo-confirmation-step .vbentercoupon {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    body.pp-vbo-confirmation-step .vbentercoupon-inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
    }

    body.pp-vbo-confirmation-step
        .vbentercoupon input.vbinputcoupon,
    body.pp-vbo-confirmation-step
        .vbentercoupon input.vbsubmitcoupon {
        width: 100% !important;
    }

    body.pp-vbo-confirmation-step .vbcustomfields {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        padding: 20px !important;
    }

    body.pp-vbo-confirmation-step .vbcustomfields .pp-vbo-terms-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    body.pp-vbo-confirmation-step .pp-vbo-terms-toggle {
        justify-self: start;
        padding-right: 0;
        padding-left: 31px;
    }

    body.pp-vbo-confirmation-step .vbcustomfields
        .vbo-oconfirm-cfield-entry-separator,
    body.pp-vbo-confirmation-step .vbcustomfields
        .vbo-oconfirm-cfield-entry-textarea,
    body.pp-vbo-confirmation-step .vbcustomfields
        .vbo-oconfirm-cfield-entry-checkbox {
        grid-column: 1;
    }

    body.pp-vbo-confirmation-step
        .vbo-oconfirm-cfield-separator h4,
    body.pp-vbo-confirmation-step
        .vbo-oconfirm-paymentopts > h4 {
        font-size: 20px !important;
    }

    body.pp-vbo-confirmation-step .vboconfirmbottom .booknow {
        width: 100% !important;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    body .vbmodroomscontainer .vbmodroomsboxdiv,
    body .vbmodroomscontainer .vbmodroomsimg,
    body .vbo-searchresults-classic-wrap .room_item,
    body .vbo-listing-details-wrap .vbo-pref-color-btn,
    body .vbo-results-wrapper .vbo-pref-color-btn,
    body .vbo-showprc-wrapper .vbo-pref-color-btn,
    body .vbo-oconfirm-wrapper .vbo-pref-color-btn {
        transition-duration: 1ms !important;
    }

    body .vbo-listing-details-wrap .pp-vbo-description-toggle::before,
    body .vbo-showprc-wrapper .room_description_box .pp-vbo-description-toggle::before,
    body .vbo-showprc-wrapper .pp-vbo-options-toggle,
    body .vbo-showprc-wrapper .pp-vbo-options-toggle::before,
    .pp-vbo-mobile-booking-bar {
        transition-duration: 1ms !important;
    }
}

/*
 * Hide VikBooking's technical no-results notice as soon as the result markup
 * exists. This CSS runs before the enhancement script, preventing the old
 * message from flashing briefly while the friendly card is being built.
 */
.wrap.plugin-container:has(.vbo-search-noresults-cont) > .notice-error,
.wrap.plugin-container:has(.vbo-search-noresults-cont) > p.err {
    display: none !important;
}

/* Friendly no-results guidance in the same visual language as the booking flow. */
.pp-vbo-no-results {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px 22px;
    width: min(100%, 1120px);
    margin: 26px auto 22px;
    padding: 24px;
    border: 1px solid var(--pp-vik-line);
    border-radius: var(--pp-vik-radius);
    background: var(--pp-vik-surface);
    box-shadow: var(--pp-vik-shadow);
    color: var(--pp-vik-ink);
    box-sizing: border-box;
}

.pp-vbo-no-results__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--pp-vik-accent);
    color: var(--pp-vik-paper);
}

.pp-vbo-no-results__icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
}

.pp-vbo-no-results__heading,
.pp-vbo-nearby-dates__heading {
    margin: 0;
    color: var(--pp-vik-ink);
    font-family: inherit;
    font-size: clamp(19px, 2vw, 23px);
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.25;
}

.pp-vbo-no-results__body,
.pp-vbo-nearby-dates__body {
    margin: 6px 0 0;
    color: var(--pp-vik-muted);
    font-size: 15px;
    line-height: 1.55;
}

.pp-vbo-no-results__change,
.pp-vbo-nearby-date__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 18px;
    border: 1px solid var(--pp-vik-accent) !important;
    border-radius: 4px !important;
    background: var(--pp-vik-accent) !important;
    box-shadow: none !important;
    color: var(--pp-vik-paper) !important;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-shadow: none !important;
    text-decoration: none !important;
    text-transform: none !important;
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease;
}

.wrap.plugin-container > .notice-error[hidden],
.wrap.plugin-container > p.err[hidden] {
    display: none !important;
}

.pp-vbo-no-results__change:hover,
.pp-vbo-no-results__change:focus-visible,
.pp-vbo-nearby-date__link:hover,
.pp-vbo-nearby-date__link:focus-visible {
    background: transparent !important;
    box-shadow: none !important;
    color: var(--pp-vik-accent) !important;
    text-shadow: none !important;
}

.pp-vbo-no-results__change:focus-visible,
.pp-vbo-nearby-date__link:focus-visible {
    outline: 2px solid var(--pp-vik-accent);
    outline-offset: 3px;
}

.pp-vbo-nearby-dates {
    grid-column: 1 / -1;
    padding-top: 20px;
    border-top: 1px solid var(--pp-vik-line);
}

.pp-vbo-nearby-dates[hidden] {
    display: none !important;
}

.pp-vbo-nearby-dates__heading {
    font-size: 18px;
}

.pp-vbo-nearby-dates__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.pp-vbo-nearby-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--pp-vik-line);
    border-radius: 8px;
    background: var(--pp-vik-paper);
}

.pp-vbo-nearby-date__dates {
    min-width: 0;
    margin: 0;
    color: var(--pp-vik-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.pp-vbo-nearby-date__link {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 9px 13px;
    font-size: 13px;
}

@media (max-width: 767px) {
    .pp-vbo-no-results {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 15px;
        margin: 20px auto 18px;
        padding: 20px;
    }

    .pp-vbo-no-results__icon {
        width: 46px;
        height: 46px;
    }

    .pp-vbo-no-results__change {
        grid-column: 1 / -1;
        width: 100%;
    }

    .pp-vbo-nearby-dates__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .pp-vbo-nearby-date {
        align-items: stretch;
        flex-direction: column;
    }

    .pp-vbo-nearby-date__link {
        width: 100%;
    }
}

/* Shared, reversible language toggle on the page header and in the menu. */
.ppbd-language-toggle-heading .ppbd-language-toggle {
    display: inline-block;
    color: inherit !important;
    line-height: inherit;
    white-space: nowrap;
    text-decoration: none !important;
}

.ppbd-language-toggle-heading .ppbd-language-toggle:hover,
.ppbd-language-toggle-heading .ppbd-language-toggle:focus-visible {
    color: inherit !important;
    opacity: 0.72;
}

.elementor-popup-modal.ppbd-language-menu-popup .ppbd-language-toggle-widget {
    display: block !important;
}

.elementor-popup-modal.ppbd-language-menu-popup .ppbd-language-toggle-heading {
    padding-left: 44px;
    text-align: right !important;
}

.elementor-popup-modal.ppbd-language-menu-popup .dialog-close-button.dialog-lightbox-close-button {
    right: auto !important;
    left: 10px !important;
    z-index: 2147483647 !important;
    pointer-events: auto !important;
}

@media (max-width: 767px) {
    html.ppbd-site-menu-mobile-open {
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    body.ppbd-site-menu-mobile-open {
        position: fixed !important;
        top: var(--ppbd-site-menu-scroll-top, 0) !important;
        right: 0;
        left: 0;
        width: 100%;
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    .elementor-popup-modal.ppbd-language-menu-popup {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 100vh !important;
        min-height: 100dvh !important;
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    .elementor-popup-modal.ppbd-language-menu-popup .dialog-widget-content {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: none !important;
    }

    .elementor-popup-modal.ppbd-language-menu-popup .dialog-message {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }
}

/* Preserve the original side menu and its warm sheet, sizing the existing
   Elementor content to the available viewport rather than overflowing margins. */
#elementor-popup-modal-6349 {
    --ppbd-menu-top: 0px;
    --ppbd-menu-height: calc(100vh - var(--ppbd-menu-top));
    --ppbd-menu-row: clamp(28px, calc((var(--ppbd-menu-height) - 256px) / 10), 44px);
    height: var(--ppbd-menu-height) !important;
    min-height: 0 !important;
    padding: 0 !important;
}
@supports (height: 100dvh) {
    #elementor-popup-modal-6349 { --ppbd-menu-height: calc(100dvh - var(--ppbd-menu-top)); }
}
body.admin-bar #elementor-popup-modal-6349 { --ppbd-menu-top: 32px; }
@media (max-width: 782px) {
    body.admin-bar #elementor-popup-modal-6349 { --ppbd-menu-top: 46px; }
}
#elementor-popup-modal-6349 .dialog-widget-content {
    position: relative !important;
    inset: auto !important;
    width: 500px !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    background-color: #f4f2ef !important;
}
#elementor-popup-modal-6349 .dialog-message {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background-color: #f4f2ef !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}
#elementor-popup-modal-6349 .elementor-location-popup {
    min-height: 100% !important;
    background-color: #f4f2ef !important;
}
#elementor-popup-modal-6349 .elementor-location-popup > .elementor-top-section {
    display: flex !important;
    height: auto !important;
    min-height: var(--ppbd-menu-height) !important;
    padding: max(64px, calc(env(safe-area-inset-top) + 56px)) 22px max(20px, env(safe-area-inset-bottom)) !important;
    background-color: #f4f2ef !important;
    box-sizing: border-box;
}
#elementor-popup-modal-6349 .elementor-container,
#elementor-popup-modal-6349 .elementor-column {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;
}
#elementor-popup-modal-6349 .elementor-top-section > .elementor-container { flex: 1; }
#elementor-popup-modal-6349 .elementor-top-column > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: space-evenly !important;
    align-content: stretch !important;
    padding: 0 !important;
}
#elementor-popup-modal-6349 .elementor-inner-section,
#elementor-popup-modal-6349 .elementor-widget-container,
#elementor-popup-modal-6349 .elementor-widget {
    margin: 0 !important;
}
#elementor-popup-modal-6349 .elementor-inner-section { flex: 0 0 auto; padding: 0 !important; }
#elementor-popup-modal-6349 .elementor-inner-column > .elementor-widget-wrap { padding: 0 !important; }
/* will-change:transform can otherwise trap controls inside the content column. */
#elementor-popup-modal-6349 .elementor-location-popup,
#elementor-popup-modal-6349 .elementor-top-section,
#elementor-popup-modal-6349 .elementor-top-section > .elementor-container,
#elementor-popup-modal-6349 .elementor-top-column,
#elementor-popup-modal-6349 .elementor-top-column > .elementor-widget-wrap {
    position: static !important;
    transform: none !important;
    will-change: auto !important;
}
#elementor-popup-modal-6349 .ppbd-menu-controls {
    position: absolute !important;
    top: max(12px, env(safe-area-inset-top)) !important;
    right: max(22px, env(safe-area-inset-right)) !important;
    width: auto !important;
    transform: none !important;
    z-index: 10;
}
#elementor-popup-modal-6349 .ppbd-language-toggle-heading { margin: 0 !important; line-height: 44px !important; }
#elementor-popup-modal-6349 .dialog-close-button.dialog-lightbox-close-button {
    top: max(12px, env(safe-area-inset-top)) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0 !important;
}
#elementor-popup-modal-6349 .ppbd-menu-branding { margin-bottom: 16px !important; }
#elementor-popup-modal-6349 .elementor-widget-theme-site-logo a {
    position: relative;
    display: block;
    width: 240px;
    max-width: 100%;
    height: 72px;
    margin: 0 auto;
    overflow: visible;
}
#elementor-popup-modal-6349 .elementor-widget-theme-site-logo img {
    position: absolute;
    left: 50%;
    top: 53%;
    transform: translate(-50%, -50%);
    width: 178% !important;
    max-width: none !important;
    height: auto !important;
    filter: brightness(0);
    pointer-events: none;
}
#elementor-popup-modal-6349 .elementor-icon-list-items { margin: 0 !important; padding: 0 !important; }
#elementor-popup-modal-6349 .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; }
#elementor-popup-modal-6349 .elementor-icon-list-item::after { content: none !important; }
#elementor-popup-modal-6349 .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--ppbd-menu-row);
    width: 100%;
    padding: 3px 8px;
    box-sizing: border-box;
}
#elementor-popup-modal-6349 .ppbd-menu-footer { margin-top: 12px !important; }
#elementor-popup-modal-6349 .elementor-social-icons-wrapper { display: flex; justify-content: center; gap: 12px; }
#elementor-popup-modal-6349 .elementor-social-icon { width: 44px; height: 44px; padding: 11px !important; margin: 0 !important; }
#elementor-popup-modal-6349 .elementor-social-icon svg { width: 22px; height: 22px; }
@media (max-width: 767px) {
    #elementor-popup-modal-6349 { top: var(--ppbd-menu-top) !important; bottom: 0 !important; width: 100% !important; }
    #elementor-popup-modal-6349 .dialog-widget-content { width: 100% !important; }
    #elementor-popup-modal-6349 .elementor-widget-theme-site-logo a { width: 224px; height: 64px; }
}
@media (max-height: 520px) and (min-width: 480px) {
    #elementor-popup-modal-6349 { --ppbd-menu-row: clamp(28px, calc((var(--ppbd-menu-height) - 200px) / 5), 44px); }
    #elementor-popup-modal-6349 .elementor-location-popup > .elementor-top-section { padding-top: 60px !important; padding-bottom: 12px !important; }
    #elementor-popup-modal-6349 .elementor-icon-list-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; }
    #elementor-popup-modal-6349 .elementor-widget-theme-site-logo a { width: 200px; height: 48px; }
    #elementor-popup-modal-6349 .elementor-social-icon { width: 32px; height: 32px; padding: 7px !important; }
    #elementor-popup-modal-6349 .elementor-social-icon svg { width: 18px; height: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    #elementor-popup-modal-6349 .dialog-widget-content { animation-duration: 1ms !important; }
}


/* Keep the post-search booking flow centered on desktop. Elementor gives the
   landing hero 70px of left padding only; mirror it after dates are selected. */
@media (min-width: 768px) {
    body.pp-vikbooking-after-date-step
        section.elementor-top-section:has(.vbstepsbarcont) {
        padding-right: 70px !important;
    }
}