/* /Components/Account/CustomerLoginModal.razor.rz.scp.css */
.cl-login-btn[b-b41eap45v0],
.cl-logout-btn[b-b41eap45v0] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 2rem;
    padding: .3rem .7rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .02em;
    text-decoration: none;
    line-height: 1;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.cl-login-btn[b-b41eap45v0] {
    border: 1px solid #e7943b;
    background: #e7943b;
    color: #0b0e1b;
}

.cl-login-btn:hover[b-b41eap45v0] {
    background: #f2b56a;
    border-color: #f2b56a;
    color: #0b0e1b;
}

.cl-logout-btn[b-b41eap45v0] {
    border: none;
    background: transparent;
    color: #f5f2ec;
    flex-shrink: 0;
    min-height: 1.7rem;
    padding: .25rem .65rem;
}

.cl-logout-btn:hover[b-b41eap45v0] {
    background: rgba(245, 242, 236, .12);
    color: #f5f2ec;
}

.cl-bookings-btn[b-b41eap45v0] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: .3rem .7rem;
    border-radius: 999px;
    border: 1px solid rgba(245, 242, 236, .4);
    background: transparent;
    color: #f5f2ec;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.cl-bookings-btn:hover[b-b41eap45v0] {
    background: rgba(245, 242, 236, .1);
    color: #f5f2ec;
    border-color: rgba(245, 242, 236, .6);
}

.cl-session[b-b41eap45v0] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    flex-wrap: nowrap;
}

.cl-account[b-b41eap45v0] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    min-height: 2rem;
    padding: .12rem .12rem .12rem .65rem;
    border-radius: 999px;
    border: 1px solid rgba(245, 242, 236, .4);
    background: rgba(245, 242, 236, .08);
    gap: .55rem;
}

.cl-balance[b-b41eap45v0],
.cl-name[b-b41eap45v0],
.cl-logout-btn[b-b41eap45v0] {
    position: relative;
}

.cl-balance + .cl-name[b-b41eap45v0]::before,
.cl-name + .cl-logout-btn[b-b41eap45v0]::before,
.cl-balance + .cl-logout-btn[b-b41eap45v0]::before {
    content: "";
    position: absolute;
    inset-inline-start: calc(-.275rem - .5px);
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: .85rem;
    background: rgba(245, 242, 236, .3);
}

.cl-balance[b-b41eap45v0],
.cl-name[b-b41eap45v0] {
    color: #f5f2ec;
    font-size: .8rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex-shrink: 1;
}

.cl-balance[b-b41eap45v0] {
    max-width: 7.5rem;
    display: inline-flex;
    align-items: baseline;
    gap: .25rem;
}

.cl-balance--positive[b-b41eap45v0] {
    color: #6ee7a0;
}

.cl-name[b-b41eap45v0] {
    max-width: 10rem;
}

@media (max-width: 575.98px) {
    .cl-balance[b-b41eap45v0] {
        max-width: 5.25rem;
    }

    .cl-name[b-b41eap45v0] {
        max-width: 6.5rem;
    }
}

.cl-logout-form[b-b41eap45v0] {
    display: none;
}

.cl-modal[b-b41eap45v0] {
    z-index: 1060;
}

.cl-backdrop[b-b41eap45v0] {
    z-index: 1055;
}

.cl-content[b-b41eap45v0] {
    --cl-navy: #003580;
    --cl-navy-mid: #0a428f;
    --cl-lime: #e7943b;
    --cl-ink: #0b0e1b;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 18px;
    background: var(--cl-navy);
    color: #fff;
    box-shadow:
        0 0 0 1px rgba(231, 148, 59, .22),
        0 18px 48px rgba(8, 20, 46, .45);
    font-family: "Source Sans 3", "Segoe UI", sans-serif;
    color-scheme: dark;
}

.cl-content[b-b41eap45v0]::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: min(92vw, 28rem);
    height: min(92vw, 28rem);
    inset-inline-end: -28%;
    top: -42%;
    border-radius: 50%;
    pointer-events: none;
    background: repeating-radial-gradient(
        circle at center,
        transparent 0,
        transparent 5.4%,
        rgba(255, 255, 255, .045) 5.4%,
        rgba(255, 255, 255, .045) 5.7%
    );
}

.cl-header[b-b41eap45v0],
.cl-body[b-b41eap45v0] {
    position: relative;
    z-index: 1;
}

.cl-header[b-b41eap45v0] {
    background: transparent;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding-block: .95rem;
}

.cl-title[b-b41eap45v0] {
    font-family: Syne, "Segoe UI", sans-serif;
    font-weight: 700;
    font-size: 1.12rem;
    letter-spacing: -.02em;
    color: #fff;
}

.cl-body[b-b41eap45v0] {
    background: transparent;
    padding-top: 1.15rem;
}

.cl-body .form-label[b-b41eap45v0] {
    margin-bottom: .35rem;
    color: rgba(255, 255, 255, .72);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cl-phone-group[b-b41eap45v0],
.cl-otp-group[b-b41eap45v0],
.cl-password-group[b-b41eap45v0] {
    align-items: stretch;
}

.cl-dial-flag[b-b41eap45v0] {
    font-size: 1.25rem;
    padding: 0 .55rem;
    line-height: 1;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .2);
    border-inline-end: none;
    color: #fff;
    user-select: none;
}

.cl-dial-input[b-b41eap45v0] {
    flex: 0 0 82px;
    max-width: 82px;
    min-width: 0;
    padding-inline: .5rem .35rem;
    font-size: .9rem;
    border-inline: none;
    border-radius: 0;
}

.cl-phone-group .cl-dial-flag[b-b41eap45v0] {
    border-start-start-radius: 14px;
    border-end-start-radius: 14px;
}

.cl-phone-group .cl-local[b-b41eap45v0] {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

.cl-otp-group .cl-input[b-b41eap45v0],
.cl-password-group .cl-input[b-b41eap45v0] {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.cl-suffix[b-b41eap45v0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-width: 5.5rem;
    white-space: nowrap;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    border-start-end-radius: 14px;
    border-end-end-radius: 14px;
}

.cl-input[b-b41eap45v0] {
    border-radius: 14px;
    border-color: rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    min-height: 2.65rem;
}

.cl-input[b-b41eap45v0]::placeholder {
    color: rgba(255, 255, 255, .42);
}

.cl-input:focus[b-b41eap45v0] {
    background: rgba(255, 255, 255, .12);
    border-color: var(--cl-lime);
    color: #fff;
    box-shadow: 0 0 0 .2rem rgba(231, 148, 59, .28);
}

.cl-input:disabled[b-b41eap45v0] {
    background: rgba(255, 255, 255, .06);
    color: rgba(255, 255, 255, .55);
}

.cl-input:-webkit-autofill[b-b41eap45v0],
.cl-input:-webkit-autofill:hover[b-b41eap45v0],
.cl-input:-webkit-autofill:focus[b-b41eap45v0] {
    -webkit-text-fill-color: #fff;
    caret-color: #fff;
    box-shadow: 0 0 0 1000px var(--cl-navy-mid) inset;
    transition: background-color 9999s ease-out;
}

.cl-otp[b-b41eap45v0] {
    letter-spacing: .28em;
    font-weight: 700;
    text-align: center;
}

.cl-hint[b-b41eap45v0] {
    font-size: .9rem;
    color: rgba(255, 255, 255, .78);
    margin: 0;
}

.cl-note[b-b41eap45v0] {
    font-size: .8rem;
    color: rgba(255, 255, 255, .62);
    margin: .5rem 0 0;
    line-height: 1.4;
}

.cl-send-row[b-b41eap45v0] {
    display: flex;
    align-items: stretch;
    gap: .5rem;
}

.cl-send-otp[b-b41eap45v0] {
    flex: 2 1 0;
    min-width: 0;
}

.cl-use-password[b-b41eap45v0] {
    flex: 1 1 0;
    min-width: 0;
    padding-inline: .45rem;
    font-size: .8rem;
    line-height: 1.15;
}

.cl-btn-primary[b-b41eap45v0] {
    background: var(--cl-lime);
    border-color: var(--cl-lime);
    color: var(--cl-ink);
    font-weight: 700;
    border-radius: 999px;
    min-height: 2.5rem;
}

.cl-btn-primary:hover[b-b41eap45v0],
.cl-btn-primary:focus[b-b41eap45v0] {
    background: #f2b56a;
    border-color: #f2b56a;
    color: var(--cl-ink);
}

.cl-btn-primary:disabled[b-b41eap45v0] {
    background: var(--cl-lime);
    border-color: var(--cl-lime);
    color: var(--cl-ink);
    opacity: .65;
}

.cl-btn-secondary[b-b41eap45v0] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .45);
    color: #fff;
    font-weight: 700;
    border-radius: 999px;
    min-height: 2.5rem;
}

.cl-btn-secondary:hover[b-b41eap45v0],
.cl-btn-secondary:focus[b-b41eap45v0] {
    background: rgba(255, 255, 255, .08);
    border-color: #fff;
    color: #fff;
}

.cl-btn-secondary:disabled[b-b41eap45v0] {
    opacity: .65;
}

.cl-or[b-b41eap45v0] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: .9rem 0 .65rem;
    color: rgba(255, 255, 255, .55);
    font-size: .8rem;
    font-weight: 600;
}

.cl-or[b-b41eap45v0]::before,
.cl-or[b-b41eap45v0]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, .16);
}

.cl-otp-actions[b-b41eap45v0] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .35rem .65rem;
    margin-top: .5rem;
}

.cl-link[b-b41eap45v0] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    background: transparent;
    border: none;
    color: var(--cl-lime);
    text-decoration: none;
    font-weight: 600;
    font-size: .85rem;
    line-height: inherit;
    padding: 0;
    min-height: 0;
    white-space: nowrap;
}

.cl-link:hover:not(:disabled)[b-b41eap45v0] {
    color: #f2b56a;
    text-decoration: underline;
}

.cl-link:disabled[b-b41eap45v0] {
    color: rgba(255, 255, 255, .38);
    text-decoration: none;
    opacity: 1;
}

.cl-link:focus-visible[b-b41eap45v0] {
    outline: 2px solid var(--cl-lime);
    outline-offset: 2px;
    border-radius: 2px;
}
/* /Components/Account/CustomerPasswordModal.razor.rz.scp.css */
.cpw-toolbar-btn[b-emle9ucn5z] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid rgba(245, 242, 236, .4);
    background: transparent;
    color: #f5f2ec;
    font-size: 1rem;
    line-height: 1;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.cpw-toolbar-btn:hover[b-emle9ucn5z] {
    background: rgba(245, 242, 236, .1);
    color: #f5f2ec;
    border-color: rgba(245, 242, 236, .6);
}

.cpw-modal[b-emle9ucn5z] {
    z-index: 1060;
}

.cpw-backdrop[b-emle9ucn5z] {
    z-index: 1055;
}

.cpw-content[b-emle9ucn5z] {
    --cpw-navy: #003580;
    --cpw-navy-mid: #0a428f;
    --cpw-lime: #e7943b;
    --cpw-ink: #0b0e1b;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 18px;
    background: var(--cpw-navy);
    color: #fff;
    box-shadow:
        0 0 0 1px rgba(231, 148, 59, .22),
        0 18px 48px rgba(8, 20, 46, .45);
    font-family: "Source Sans 3", "Segoe UI", sans-serif;
    color-scheme: dark;
}

.cpw-content[b-emle9ucn5z]::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: min(92vw, 28rem);
    height: min(92vw, 28rem);
    inset-inline-end: -28%;
    top: -42%;
    border-radius: 50%;
    pointer-events: none;
    background: repeating-radial-gradient(
        circle at center,
        transparent 0,
        transparent 5.4%,
        rgba(255, 255, 255, .045) 5.4%,
        rgba(255, 255, 255, .045) 5.7%
    );
}

.cpw-header[b-emle9ucn5z],
.cpw-body[b-emle9ucn5z] {
    position: relative;
    z-index: 1;
}

.cpw-header[b-emle9ucn5z] {
    background: transparent;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding-block: .95rem;
}

.cpw-title[b-emle9ucn5z] {
    font-family: Syne, "Segoe UI", sans-serif;
    font-weight: 700;
    font-size: 1.12rem;
    letter-spacing: -.02em;
    color: #fff;
}

.cpw-body[b-emle9ucn5z] {
    background: transparent;
    padding-top: 1.15rem;
}

.cpw-body .form-label[b-emle9ucn5z] {
    margin-bottom: .35rem;
    color: rgba(255, 255, 255, .72);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cpw-input[b-emle9ucn5z] {
    border-radius: 14px;
    border-color: rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    min-height: 2.65rem;
}

.cpw-input[b-emle9ucn5z]::placeholder {
    color: rgba(255, 255, 255, .42);
}

.cpw-input:focus[b-emle9ucn5z] {
    background: rgba(255, 255, 255, .12);
    border-color: var(--cpw-lime);
    color: #fff;
    box-shadow: 0 0 0 .2rem rgba(231, 148, 59, .28);
}

.cpw-input:disabled[b-emle9ucn5z] {
    background: rgba(255, 255, 255, .06);
    color: rgba(255, 255, 255, .55);
}

.cpw-input:-webkit-autofill[b-emle9ucn5z],
.cpw-input:-webkit-autofill:hover[b-emle9ucn5z],
.cpw-input:-webkit-autofill:focus[b-emle9ucn5z] {
    -webkit-text-fill-color: #fff;
    caret-color: #fff;
    box-shadow: 0 0 0 1000px var(--cpw-navy-mid) inset;
    transition: background-color 9999s ease-out;
}

.cpw-hint[b-emle9ucn5z] {
    font-size: .8rem;
    color: rgba(255, 255, 255, .62);
    margin: .75rem 0 1rem;
}

.cpw-btn-primary[b-emle9ucn5z] {
    background: var(--cpw-lime);
    border-color: var(--cpw-lime);
    color: var(--cpw-ink);
    font-weight: 700;
    border-radius: 999px;
    min-height: 2.5rem;
}

.cpw-btn-primary:hover[b-emle9ucn5z],
.cpw-btn-primary:focus[b-emle9ucn5z] {
    background: #f2b56a;
    border-color: #f2b56a;
    color: var(--cpw-ink);
}

.cpw-btn-primary:disabled[b-emle9ucn5z] {
    background: var(--cpw-lime);
    border-color: var(--cpw-lime);
    color: var(--cpw-ink);
    opacity: .65;
}
/* /Components/LanguageSwitcher.razor.rz.scp.css */
.lang-switch[b-6plaut9zqf] {
    position: relative;
    z-index: 1;
}

.lang-switch-trigger[b-6plaut9zqf] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2rem;
    padding: .3rem .65rem .3rem .5rem;
    border-radius: 999px;
    border: 1px solid rgba(245, 242, 236, .4);
    background: transparent;
    color: #f5f2ec;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.lang-switch-trigger:hover[b-6plaut9zqf],
.lang-switch-trigger--open[b-6plaut9zqf] {
    background: rgba(245, 242, 236, .1);
    color: #f5f2ec;
    border-color: rgba(245, 242, 236, .6);
}

.lang-switch-trigger:focus-visible[b-6plaut9zqf] {
    outline: 2px solid rgba(231, 148, 59, .7);
    outline-offset: 2px;
}

.lang-switch-chevron[b-6plaut9zqf] {
    font-size: .7rem;
    opacity: .85;
    transition: transform .18s ease;
}

.lang-switch-trigger--open .lang-switch-chevron[b-6plaut9zqf] {
    transform: rotate(180deg);
}

.lang-switch-flag[b-6plaut9zqf] {
    width: 1.2rem;
    height: .85rem;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .18);
    flex-shrink: 0;
}

.lang-switch-backdrop[b-6plaut9zqf] {
    position: fixed;
    inset: 0;
    z-index: 1040;
}

.lang-switch-menu[b-6plaut9zqf] {
    position: absolute;
    inset-inline-end: 0;
    top: calc(100% + .35rem);
    z-index: 1050;
    min-width: 9.5rem;
    margin: 0;
    padding: .3rem;
    list-style: none;
    border-radius: .7rem;
    background: #fff;
    box-shadow: 0 .5rem 1.4rem rgba(11, 14, 27, .18);
    border: 1px solid rgba(11, 14, 27, .08);
}

.lang-switch-option[b-6plaut9zqf] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .5rem .6rem;
    border-radius: .5rem;
    color: #0b0e1b;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}

.lang-switch-option:hover[b-6plaut9zqf] {
    background: #f4f6fa;
    color: #0b0e1b;
}

.lang-switch-option--active[b-6plaut9zqf],
.lang-switch-option--active:hover[b-6plaut9zqf] {
    background: rgba(231, 148, 59, .16);
    color: #0b0e1b;
}
/* /Components/Layout/CatalogLayout.razor.rz.scp.css */
.cat-shell[b-uol7kv7w36] {
    --cat-ink: #161a28;
    --cat-blue: #003580;
    --cat-accent: #e7943b;
    --cat-cream: #f5f2ec;
    --cat-content-max: 1200px;
    /* Topbar inner padding (.75rem×2) + brand mark (32px). Sticky page chrome (search, tabs) must use this as `top` so it stacks under .cat-topbar. */
    --cat-topbar-clearance: 3.75rem;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f3f1ec;
    font-family: "Source Sans 3", "Segoe UI", sans-serif;
}

.cat-shell--over-hero[b-uol7kv7w36] {
    position: relative;
}

.cat-topbar[b-uol7kv7w36] {
    position: sticky;
    top: 0;
    z-index: 1030;
    min-height: var(--cat-topbar-clearance);
    background: var(--cat-blue);
    color: var(--cat-cream);
    border-bottom: none;
}

.cat-topbar--over-hero[b-uol7kv7w36] {
    position: absolute;
    inset-inline: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(11, 14, 27, .72) 0%, rgba(11, 14, 27, .28) 70%, transparent 100%);
    border-bottom: none;
    box-shadow: none;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.cat-topbar-inner[b-uol7kv7w36] {
    max-width: var(--cat-content-max);
    margin: 0 auto;
    padding: .75rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cat-brand[b-uol7kv7w36] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    color: var(--cat-cream);
    text-decoration: none;
    font-family: Syne, "Segoe UI", sans-serif;
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: .06em;
}

.cat-brand:hover[b-uol7kv7w36] {
    color: var(--cat-cream);
    opacity: .92;
}

.cat-brand-mark[b-uol7kv7w36] {
    width: 32px;
    height: 32px;
    display: block;
    flex-shrink: 0;
}

.cat-brand-name[b-uol7kv7w36] {
    line-height: 1;
    color: var(--cat-cream);
}

.cat-topbar-actions[b-uol7kv7w36] {
    flex-shrink: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.cat-topbar--modal-open[b-uol7kv7w36] {
    z-index: 1100;
}

@media (max-width: 575.98px) {
    .cat-topbar-inner[b-uol7kv7w36] {
        padding: .7rem 1rem;
        gap: .65rem;
    }

    .cat-brand[b-uol7kv7w36] {
        font-size: .95rem;
    }

    .cat-brand-mark[b-uol7kv7w36] {
        width: 24px;
        height: 24px;
    }
}

.cat-main[b-uol7kv7w36] {
    flex: 1 1 auto;
    width: 100%;
    background: transparent;
}

/* Hidden until Blazor shows it on an unhandled error. */
#blazor-error-ui[b-uol7kv7w36] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    inset-inline: 0;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-uol7kv7w36] {
    cursor: pointer;
    position: absolute;
    inset-inline-end: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/EmptyLayout.razor.rz.scp.css */
#blazor-error-ui[b-51ndwj7m5s] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-51ndwj7m5s] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Features/HotelCatalog/Components/CatalogFilters.razor.rz.scp.css */
.cf[b-3pwwtvy9w7] {
    display: flex;
    flex-direction: column;
}

.cf-section[b-3pwwtvy9w7] {
    border-bottom: 1px solid #eef2f7;
    padding: 0.15rem 0.35rem 0.55rem;
}

.cf-section:last-child[b-3pwwtvy9w7] {
    border-bottom: none;
}

.cf-section__toggle[b-3pwwtvy9w7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    padding: 0.65rem 0.65rem 0.4rem;
    border: none;
    background: transparent;
    font-size: 0.82rem;
    font-weight: 700;
    color: #111827;
    cursor: pointer;
    text-align: start;
}

.cf-section__toggle:hover[b-3pwwtvy9w7] {
    color: #006ce4;
}

.cf-section__toggle .bi[b-3pwwtvy9w7] {
    font-size: 0.75rem;
    color: #9ca3af;
    flex-shrink: 0;
}

.cf-section__body[b-3pwwtvy9w7] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0 0.65rem 0.35rem;
}

.cf-price-inputs[b-3pwwtvy9w7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.cf-price-field .form-label[b-3pwwtvy9w7] {
    color: #6b7280;
    font-weight: 600;
}

.cf-range-hint[b-3pwwtvy9w7] {
    font-size: 0.7rem;
    color: #6b7280;
    margin-top: 0.35rem;
}

.cf-check[b-3pwwtvy9w7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.15rem;
    border-radius: 0.35rem;
    cursor: pointer;
    font-size: 0.82rem;
    color: #374151;
    user-select: none;
}

.cf-check:hover:not(.disabled)[b-3pwwtvy9w7] {
    background: #f8fbff;
}

.cf-check.active[b-3pwwtvy9w7] {
    color: #1e40af;
}

.cf-check.disabled[b-3pwwtvy9w7] {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.cf-check input[b-3pwwtvy9w7] {
    accent-color: #0d6efd;
    flex-shrink: 0;
    margin: 0;
}

.cf-check__label[b-3pwwtvy9w7] {
    flex: 1;
    min-width: 0;
    font-weight: 500;
    line-height: 1.3;
}

.cf-check__label--stars[b-3pwwtvy9w7] {
    display: inline-flex;
    align-items: center;
    gap: 1px;
}

.cf-check__count[b-3pwwtvy9w7] {
    flex-shrink: 0;
    font-size: 0.75rem;
    font-weight: 500;
    color: #9ca3af;
    min-width: 1.25rem;
    text-align: end;
}

.cf-check.active .cf-check__count[b-3pwwtvy9w7] {
    color: #6b7280;
}

.cf-star[b-3pwwtvy9w7] {
    color: #febb02;
    font-size: 0.85rem;
}
/* /Features/HotelCatalog/Components/CatalogPointsPrice.razor.rz.scp.css */
.cpp[b-hsczbdcvt1] {
    display: flex;
    flex-direction: column;
}

.cpp-bhd[b-hsczbdcvt1] {
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.1;
}

.cpp--room .cpp-bhd[b-hsczbdcvt1] {
    font-size: 1.2rem;
    color: #111827;
    line-height: 1.15;
}

.cpp-points[b-hsczbdcvt1] {
    margin-top: .2rem;
    font-size: 1rem;
    font-weight: 700;
    color: #1e3a8a;
    line-height: 1.25;
}

.cpp--room .cpp-points[b-hsczbdcvt1] {
    font-size: 1rem;
    color: #1e3a8a;
}
/* /Features/HotelCatalog/Components/CatalogSearchBar.razor.rz.scp.css */
.csb[b-8kf4b2zcv9] {
    --csb-ink: #0b0e1b;
    --csb-muted: #6a6d78;
    --csb-placeholder: #9a9daf;
    --csb-line: #e8ebf2;
    --csb-accent: #e7943b;
    --csb-accent-hover: #d07e2a;
    --csb-accent-disabled: #f0c48a;
    --csb-surface: #fff;
    --csb-soft: #f6f8fc;
    --csb-soft-hover: #eef2f8;
    --csb-ring: rgba(231, 148, 59, .55);
    --csb-loc: #3a6a9e;
    --csb-radius: 18px;
    --csb-field-radius: 14px;

    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: .2rem;
    padding: .3rem;
    background: var(--csb-surface);
    border: 1px solid rgba(11, 14, 27, .08);
    border-radius: var(--csb-radius);
    overflow: visible;
    box-shadow:
        0 1px 2px rgba(11, 14, 27, .04),
        0 12px 32px rgba(11, 14, 27, .1);
    font-family: "Source Sans 3", "Segoe UI", sans-serif;
}

.csb-fields[b-8kf4b2zcv9] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    align-items: stretch;
    min-width: 0;
}

.csb-field[b-8kf4b2zcv9] {
    flex: 1 1 140px;
    min-width: 120px;
    padding: .55rem .9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .15rem;
    border-radius: var(--csb-field-radius);
    transition: background-color .16s ease;
}

.csb-field:hover[b-8kf4b2zcv9] {
    background: var(--csb-soft);
}

.csb-field:focus-within[b-8kf4b2zcv9] {
    background: var(--csb-soft-hover);
}

.csb-field--dest[b-8kf4b2zcv9] {
    flex: 1.45 1 210px;
    min-width: 170px;
    position: relative;
    padding: 0;
}

.csb-field--dest:hover[b-8kf4b2zcv9],
.csb-field--dest:focus-within[b-8kf4b2zcv9] {
    background: transparent;
}

.csb-field--dates[b-8kf4b2zcv9] {
    flex: 1.55 1 270px;
    min-width: 270px;
    position: relative;
    padding: 0;
}

.csb-field--dates:hover[b-8kf4b2zcv9],
.csb-field--dates:focus-within[b-8kf4b2zcv9] {
    background: transparent;
}

.csb-field--occ[b-8kf4b2zcv9] {
    flex: 1 1 190px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    align-self: stretch;
}

.csb-field--occ:hover[b-8kf4b2zcv9],
.csb-field--occ:focus-within[b-8kf4b2zcv9] {
    background: transparent;
}

.csb-field--nat[b-8kf4b2zcv9] {
    flex: 0 1 148px;
    min-width: 128px;
}

.csb-label[b-8kf4b2zcv9] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .7rem;
    color: var(--csb-muted);
    margin: 0;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    line-height: 1.2;
}

.csb-label .bi[b-8kf4b2zcv9] {
    font-size: .78rem;
    color: var(--csb-accent);
    opacity: .9;
}

.csb-select[b-8kf4b2zcv9] {
    border: 0;
    box-shadow: none !important;
    padding-inline-start: 0;
    padding-block: .1rem;
    font-weight: 600;
    font-size: .98rem;
    color: var(--csb-ink);
    background: transparent;
    line-height: 1.3;
    min-height: 1.45rem;
}

.csb-select[b-8kf4b2zcv9] {
    cursor: pointer;
    padding-inline-end: 1.4rem;
    background-position: right .2rem center;
}

[dir="rtl"] .csb-select[b-8kf4b2zcv9] {
    background-position: left .2rem center;
}

.csb-select:focus[b-8kf4b2zcv9] {
    outline: none;
    box-shadow: none !important;
}

.csb-select:focus-visible[b-8kf4b2zcv9] {
    outline: 2px solid var(--csb-ring);
    outline-offset: 2px;
    border-radius: 6px;
}

.csb-select:disabled[b-8kf4b2zcv9] {
    opacity: .55;
}

.csb-dest[b-8kf4b2zcv9] {
    position: relative;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .15rem;
    padding: .55rem .9rem;
    border-radius: var(--csb-field-radius);
    transition: background-color .16s ease;
}

.csb-dest:hover[b-8kf4b2zcv9],
.csb-dest:focus-within[b-8kf4b2zcv9],
.csb-dest--open[b-8kf4b2zcv9] {
    background: var(--csb-soft);
}

.csb-dest-label[b-8kf4b2zcv9] {
    gap: .35rem;
}

.csb-dest-skel-list[b-8kf4b2zcv9] {
    margin: 0;
    padding: .15rem 0;
    list-style: none;
    pointer-events: none;
}

.csb-dest-skel[b-8kf4b2zcv9] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .6rem .7rem;
    border-radius: 10px;
}

.csb-dest-skel-icon[b-8kf4b2zcv9],
.csb-dest-skel-line[b-8kf4b2zcv9] {
    background: linear-gradient(90deg, #e8ebf2 25%, #f4f6fa 50%, #e8ebf2 75%);
    background-size: 200% 100%;
    animation: csb-skel-shimmer-b-8kf4b2zcv9 1.35s infinite linear;
}

.csb-dest-skel-icon[b-8kf4b2zcv9] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
}

.csb-dest-skel-text[b-8kf4b2zcv9] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.csb-dest-skel-line[b-8kf4b2zcv9] {
    display: block;
    height: .75rem;
    border-radius: 6px;
}

.csb-dest-skel-line--name[b-8kf4b2zcv9] {
    width: 62%;
    height: .85rem;
}

.csb-dest-skel-line--meta[b-8kf4b2zcv9] {
    width: 44%;
    height: .65rem;
}

.csb-dest-skel:nth-child(2) .csb-dest-skel-line--name[b-8kf4b2zcv9] {
    width: 72%;
}

.csb-dest-skel:nth-child(2) .csb-dest-skel-line--meta[b-8kf4b2zcv9] {
    width: 38%;
}

.csb-dest-skel:nth-child(3) .csb-dest-skel-line--name[b-8kf4b2zcv9] {
    width: 54%;
}

.csb-dest-skel:nth-child(3) .csb-dest-skel-line--meta[b-8kf4b2zcv9] {
    width: 50%;
}

@keyframes csb-skel-shimmer-b-8kf4b2zcv9 {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

.csb-dest-input-wrap[b-8kf4b2zcv9] {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: center;
}

.csb-dest-input[b-8kf4b2zcv9] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: none;
    background: transparent;
    box-shadow: none;
    padding: .1rem 1.6rem .1rem 0;
    font-weight: 600;
    font-size: .98rem;
    line-height: 1.3;
    color: var(--csb-ink);
    min-height: 1.45rem;
}

[dir="rtl"] .csb-dest-input[b-8kf4b2zcv9] {
    padding: .1rem 0 .1rem 1.6rem;
}

.csb-dest-input[b-8kf4b2zcv9]::placeholder {
    color: var(--csb-placeholder);
    font-weight: 500;
}

.csb-dest-input:focus[b-8kf4b2zcv9],
.csb-dest-input:focus-visible[b-8kf4b2zcv9] {
    outline: none;
    box-shadow: none;
}

.csb-dest-clear[b-8kf4b2zcv9] {
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    translate: 0 -50%;
    width: 1.35rem;
    height: 1.35rem;
    padding: 0;
    border: 1.5px solid rgba(11, 14, 27, .14);
    border-radius: 50%;
    background: transparent;
    color: var(--csb-muted);
    font-size: .6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    transition: border-color .15s, color .15s, background-color .15s;
}

.csb-dest-clear:hover[b-8kf4b2zcv9] {
    border-color: #c0392b;
    color: #c0392b;
    background-color: rgba(192, 57, 43, .08);
}

.csb-dest-name[b-8kf4b2zcv9] {
    color: var(--csb-ink);
}

.csb-dest-country[b-8kf4b2zcv9] {
    color: var(--csb-placeholder);
    font-weight: 500;
}

.csb-dest-sep[b-8kf4b2zcv9] {
    margin-inline: .2em .15em;
}

.csb-dest-meta[b-8kf4b2zcv9] {
    display: block;
    font-size: .78rem;
    font-weight: 500;
    color: var(--csb-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.csb-dest-loc[b-8kf4b2zcv9] {
    color: var(--csb-loc);
    font-weight: 400;
}

.csb-dest-backdrop[b-8kf4b2zcv9] {
    position: fixed;
    inset: 0;
    z-index: 1040;
}

.csb-dest-menu[b-8kf4b2zcv9] {
    position: absolute;
    top: calc(100% + 10px);
    inset-inline-start: 0;
    z-index: 1050;
    width: min(360px, 92vw);
    margin: 0;
    padding: .4rem;
    list-style: none;
    background: var(--csb-surface);
    border: 1px solid rgba(11, 14, 27, .08);
    border-radius: 14px;
    box-shadow:
        0 4px 12px rgba(11, 14, 27, .08),
        0 18px 40px rgba(11, 14, 27, .14);
    max-height: min(340px, 50vh);
    overflow: auto;
    animation: csb-menu-in-b-8kf4b2zcv9 .16s ease-out both;
}

.csb-dest-menu:focus[b-8kf4b2zcv9] {
    outline: none;
}

.csb-dest-menu:focus-visible[b-8kf4b2zcv9] {
    outline: 2px solid rgba(231, 148, 59, .45);
    outline-offset: 1px;
}

.csb-dest-menu li[b-8kf4b2zcv9] {
    margin: 0;
}

.csb-dest-option[b-8kf4b2zcv9] {
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: .65rem;
    text-align: start;
    padding: .6rem .7rem;
    border-radius: 10px;
    font-size: .95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .12s ease;
}

.csb-dest-option-icon[b-8kf4b2zcv9] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--csb-soft);
    color: var(--csb-muted);
    font-size: .9rem;
}

.csb-dest-option-text[b-8kf4b2zcv9] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.csb-dest-option-text--stack[b-8kf4b2zcv9] {
    white-space: normal;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.csb-dest-option-icon--hotel[b-8kf4b2zcv9] {
    color: var(--csb-muted);
}

.csb-dest-option--hotel:hover .csb-dest-option-icon--hotel[b-8kf4b2zcv9],
.csb-dest-option--hotel:focus-visible .csb-dest-option-icon--hotel[b-8kf4b2zcv9],
.csb-dest-option--hotel.csb-dest-option--selected .csb-dest-option-icon--hotel[b-8kf4b2zcv9] {
    background: rgba(58, 106, 158, .12);
    color: #3a6a9e;
}

.csb-dest-status[b-8kf4b2zcv9] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .65rem .75rem;
    color: var(--csb-muted);
    font-size: .88rem;
    font-weight: 500;
}

.csb-dest-option:hover[b-8kf4b2zcv9],
.csb-dest-option:focus-visible[b-8kf4b2zcv9] {
    background: var(--csb-soft);
    outline: none;
}

.csb-dest-option:hover .csb-dest-option-icon[b-8kf4b2zcv9],
.csb-dest-option:focus-visible .csb-dest-option-icon[b-8kf4b2zcv9] {
    background: rgba(231, 148, 59, .14);
    color: var(--csb-accent-hover);
}

.csb-dest-option--selected[b-8kf4b2zcv9] {
    background: rgba(231, 148, 59, .12);
}

.csb-dest-option--selected .csb-dest-option-icon[b-8kf4b2zcv9] {
    background: rgba(231, 148, 59, .18);
    color: var(--csb-accent-hover);
}

.csb-dest-option--selected:hover[b-8kf4b2zcv9],
.csb-dest-option--selected:focus-visible[b-8kf4b2zcv9] {
    background: rgba(231, 148, 59, .18);
}

.csb-dest-check[b-8kf4b2zcv9] {
    color: var(--csb-accent);
    font-size: 1.05rem;
    flex: 0 0 auto;
}

.csb-divider[b-8kf4b2zcv9] {
    width: 1px;
    background: var(--csb-line);
    align-self: stretch;
    margin: .65rem 0;
    flex: 0 0 auto;
}

.csb-actions[b-8kf4b2zcv9] {
    flex: 0 0 auto;
    display: flex;
    align-items: stretch;
    padding: .15rem;
}

.csb-search-btn.btn[b-8kf4b2zcv9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-width: 118px;
    min-height: 100%;
    border-radius: 14px;
    background: var(--csb-accent);
    border: 1px solid var(--csb-accent);
    color: var(--csb-ink);
    font-weight: 700;
    font-size: 1.02rem;
    letter-spacing: .01em;
    padding: .85rem 1.35rem;
    opacity: 1;
    box-shadow: 0 4px 14px rgba(231, 148, 59, .28);
    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease,
        box-shadow .15s ease;
}

.csb-search-btn.btn .bi[b-8kf4b2zcv9] {
    font-size: 1.05rem;
    line-height: 1;
}

.csb-search-btn.btn:hover:not(:disabled)[b-8kf4b2zcv9] {
    background: var(--csb-accent-hover);
    border-color: var(--csb-accent-hover);
    color: var(--csb-ink);
    box-shadow: 0 6px 18px rgba(208, 126, 42, .34);
    transform: translateY(-1px);
}

.csb-search-btn.btn:active:not(:disabled)[b-8kf4b2zcv9] {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(208, 126, 42, .28);
}

.csb-search-btn.btn:focus-visible[b-8kf4b2zcv9] {
    outline: 2px solid rgba(11, 14, 27, .35);
    outline-offset: 2px;
}

.csb-search-btn.btn:disabled[b-8kf4b2zcv9],
.csb-search-btn.btn.disabled[b-8kf4b2zcv9] {
    background: var(--csb-accent-disabled);
    border-color: var(--csb-accent-disabled);
    color: rgba(11, 14, 27, .55);
    opacity: 1;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

/* ── Compact (results / hotel pages) ─────────────────────────────────────── */

.csb--compact[b-8kf4b2zcv9] {
    --csb-radius: 14px;
    --csb-field-radius: 12px;
    padding: .22rem;
    box-shadow:
        0 1px 2px rgba(11, 14, 27, .05),
        0 8px 22px rgba(11, 14, 27, .12);
}

.csb-body[b-8kf4b2zcv9] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    align-items: stretch;
    min-width: 0;
    gap: .2rem;
}

.csb-compact-summary[b-8kf4b2zcv9] {
    display: none;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: start;
    align-items: center;
    gap: .65rem;
    padding: .45rem .55rem;
    border-radius: var(--csb-field-radius);
    color: var(--csb-ink);
    cursor: pointer;
    transition: background-color .15s ease;
}

.csb-compact-summary:hover[b-8kf4b2zcv9] {
    background: var(--csb-soft);
}

.csb-compact-summary:focus-visible[b-8kf4b2zcv9] {
    outline: 2px solid var(--csb-ring);
    outline-offset: 1px;
}

.csb-compact-summary-icon[b-8kf4b2zcv9] {
    flex: 0 0 auto;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(231, 148, 59, .16);
    color: var(--csb-accent-hover);
    font-size: .95rem;
}

.csb-compact-summary-text[b-8kf4b2zcv9] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .12rem;
}

.csb-compact-place[b-8kf4b2zcv9] {
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.csb-compact-meta[b-8kf4b2zcv9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .2rem .35rem;
    font-size: .78rem;
    font-weight: 600;
    color: var(--csb-muted);
    line-height: 1.25;
}

.csb-compact-dot[b-8kf4b2zcv9] {
    opacity: .55;
}

.csb-compact-summary-action[b-8kf4b2zcv9] {
    flex: 0 0 auto;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--csb-muted);
    background: var(--csb-soft);
    font-size: .85rem;
}

.csb--compact .csb-field[b-8kf4b2zcv9] {
    padding: .4rem .7rem;
}

.csb--compact .csb-field--dest[b-8kf4b2zcv9],
.csb--compact .csb-field--dates[b-8kf4b2zcv9],
.csb--compact .csb-field--occ[b-8kf4b2zcv9] {
    padding: 0;
}

.csb--compact .csb-dest[b-8kf4b2zcv9] {
    padding: .4rem .7rem;
    border-radius: var(--csb-field-radius);
}

.csb--compact .csb-field--dates :deep(.sdp-trigger)[b-8kf4b2zcv9],
.csb--compact .csb-field--occ :deep(.occ-trigger)[b-8kf4b2zcv9] {
    padding: .4rem .7rem;
    border-radius: var(--csb-field-radius);
}

.csb--compact .csb-label[b-8kf4b2zcv9],
.csb--compact .csb-field--dates :deep(.sdp-label)[b-8kf4b2zcv9] {
    font-size: .66rem;
}

.csb--compact .csb-dest-input[b-8kf4b2zcv9],
.csb--compact .csb-select[b-8kf4b2zcv9],
.csb--compact .csb-field--dates :deep(.sdp-value)[b-8kf4b2zcv9] {
    font-size: .92rem;
}

.csb--compact .csb-field--dates :deep(.sdp-nights)[b-8kf4b2zcv9] {
    font-size: .68rem;
}

.csb--compact .csb-field--dates :deep(.sdp-nights-chip)[b-8kf4b2zcv9] {
    min-width: 3rem;
    padding: .28rem .45rem;
}

.csb--compact .csb-field--dates :deep(.sdp-trigger-cell)[b-8kf4b2zcv9] {
    padding: .1rem .25rem;
    margin: -.1rem -.05rem;
}

.csb--compact .csb-actions[b-8kf4b2zcv9] {
    padding: .1rem;
}

.csb--compact .csb-search-btn.btn[b-8kf4b2zcv9] {
    min-width: 104px;
    font-size: .95rem;
    padding: .7rem 1.1rem;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(231, 148, 59, .26);
}

.csb-field--dates :deep(.sdp-trigger)[b-8kf4b2zcv9],
.csb-field--occ :deep(.occ-trigger)[b-8kf4b2zcv9] {
    border-radius: var(--csb-field-radius);
    transition: background-color .16s ease;
}

.csb-field--dates :deep(.sdp-trigger:hover)[b-8kf4b2zcv9],
.csb-field--dates :deep(.sdp-trigger--open)[b-8kf4b2zcv9],
.csb-field--occ :deep(.occ-trigger:hover)[b-8kf4b2zcv9],
.csb-field--occ :deep(.occ-trigger--open)[b-8kf4b2zcv9] {
    background: var(--csb-soft);
}

.csb-field--occ :deep(.occ-label)[b-8kf4b2zcv9] {
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .7rem;
    font-weight: 700;
}

.csb-field--occ :deep(.occ-trigger > .bi-people)[b-8kf4b2zcv9] {
    color: var(--csb-accent);
}

@keyframes csb-menu-in-b-8kf4b2zcv9 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Mobile stack ────────────────────────────────────────────────────────── */

@media (max-width: 991.98px) {
    .csb[b-8kf4b2zcv9] {
        flex-direction: column;
        flex-wrap: nowrap;
        padding: .45rem;
        gap: .15rem;
    }

    .csb-body[b-8kf4b2zcv9] {
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        gap: .15rem;
    }

    .csb-fields[b-8kf4b2zcv9] {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: .1rem;
    }

    .csb-divider[b-8kf4b2zcv9] {
        width: auto;
        height: 1px;
        margin: 0 .55rem;
    }

    .csb-field[b-8kf4b2zcv9],
    .csb-field--dest[b-8kf4b2zcv9],
    .csb-field--dates[b-8kf4b2zcv9],
    .csb-field--occ[b-8kf4b2zcv9],
    .csb-field--nat[b-8kf4b2zcv9] {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
    }

    .csb-dest-menu[b-8kf4b2zcv9] {
        position: fixed;
        top: auto;
        bottom: 0;
        inset-inline: 0;
        width: 100%;
        border-radius: 18px 18px 0 0;
        max-height: 70vh;
        padding: .55rem;
        animation: csb-sheet-in-b-8kf4b2zcv9 .2s ease-out both;
    }

    .csb-field--dates :deep(.sdp-panel)[b-8kf4b2zcv9],
    .csb-field--occ :deep(.occ-panel)[b-8kf4b2zcv9] {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        inset-inline: 0;
        width: 100%;
        translate: none;
        border-radius: 18px 18px 0 0;
        max-height: min(88vh, 760px);
        overflow: auto;
    }

    .csb-actions[b-8kf4b2zcv9] {
        padding: .2rem;
        width: 100%;
    }

    .csb-search-btn.btn[b-8kf4b2zcv9] {
        width: 100%;
        min-height: 50px;
        border-radius: 14px;
    }

    .csb--compact[b-8kf4b2zcv9] {
        padding: .28rem;
        gap: 0;
    }

    .csb--compact .csb-compact-summary[b-8kf4b2zcv9] {
        display: flex;
    }

    /* Collapsed compact: glass strip on the blue header (no white card). */
    .csb--compact:not(.csb--expanded)[b-8kf4b2zcv9] {
        --csb-ink: #fff;
        --csb-muted: rgba(255, 255, 255, .78);
        --csb-soft: rgba(255, 255, 255, .1);
        --csb-ring: rgba(255, 196, 120, .65);
        background: rgba(255, 255, 255, .14);
        border: 1px solid rgba(255, 255, 255, .24);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, .14) inset,
            0 6px 18px rgba(0, 20, 60, .22);
        backdrop-filter: blur(12px) saturate(1.15);
        -webkit-backdrop-filter: blur(12px) saturate(1.15);
    }

    @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
        .csb--compact:not(.csb--expanded)[b-8kf4b2zcv9] {
            background: #0a4a9e;
        }
    }

    .csb--compact:not(.csb--expanded) .csb-compact-summary[b-8kf4b2zcv9] {
        padding: .5rem .55rem;
    }

    .csb--compact:not(.csb--expanded) .csb-compact-summary:hover[b-8kf4b2zcv9] {
        background: rgba(255, 255, 255, .08);
    }

    .csb--compact:not(.csb--expanded) .csb-compact-place[b-8kf4b2zcv9] {
        color: #fff;
        letter-spacing: .01em;
    }

    .csb--compact:not(.csb--expanded) .csb-compact-meta[b-8kf4b2zcv9] {
        color: rgba(255, 255, 255, .72);
        font-weight: 500;
    }

    .csb--compact:not(.csb--expanded) .csb-compact-summary-icon[b-8kf4b2zcv9] {
        background: rgba(231, 148, 59, .22);
        color: #ffc078;
        border: 1px solid rgba(255, 196, 120, .45);
        box-shadow: 0 0 0 1px rgba(231, 148, 59, .08);
    }

    .csb--compact:not(.csb--expanded) .csb-compact-summary-action[b-8kf4b2zcv9] {
        color: rgba(255, 255, 255, .88);
        background: rgba(255, 255, 255, .12);
        border: 1px solid rgba(255, 255, 255, .18);
    }

    .csb--compact:not(.csb--expanded) .csb-body[b-8kf4b2zcv9] {
        display: none;
    }

    /* Expanded compact: restore solid white panel for editable fields. */
    .csb--compact.csb--expanded[b-8kf4b2zcv9] {
        background: var(--csb-surface);
        border: 1px solid rgba(11, 14, 27, .08);
        box-shadow:
            0 1px 2px rgba(11, 14, 27, .05),
            0 8px 22px rgba(11, 14, 27, .12);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .csb--compact.csb--expanded .csb-compact-summary[b-8kf4b2zcv9] {
        margin-bottom: .1rem;
        border-bottom: 1px solid var(--csb-line);
        border-radius: var(--csb-field-radius) var(--csb-field-radius) 0 0;
    }

    .csb--compact .csb-field[b-8kf4b2zcv9] {
        padding: .35rem .65rem;
    }

    .csb--compact .csb-dest[b-8kf4b2zcv9] {
        padding: .35rem .65rem;
    }

    .csb--compact .csb-field--dates :deep(.sdp-trigger)[b-8kf4b2zcv9],
    .csb--compact .csb-field--occ :deep(.occ-trigger)[b-8kf4b2zcv9] {
        padding: .35rem .65rem;
    }

    .csb--compact .csb-search-btn.btn[b-8kf4b2zcv9] {
        border-radius: 12px;
        min-height: 44px;
        padding: .65rem 1rem;
        font-size: .92rem;
    }
}

@media (min-width: 992px) {
    .csb-compact-summary[b-8kf4b2zcv9] {
        display: none !important;
    }
}

@keyframes csb-sheet-in-b-8kf4b2zcv9 {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .csb-dest-menu[b-8kf4b2zcv9],
    .csb-dest-clear[b-8kf4b2zcv9],
    .csb-search-btn.btn[b-8kf4b2zcv9],
    .csb-field[b-8kf4b2zcv9],
    .csb-dest[b-8kf4b2zcv9],
    .csb-dest-option[b-8kf4b2zcv9],
    .csb-dest-skel-icon[b-8kf4b2zcv9],
    .csb-dest-skel-line[b-8kf4b2zcv9] {
        animation: none;
        transition: none;
    }

    .csb-search-btn.btn:hover:not(:disabled)[b-8kf4b2zcv9] {
        transform: none;
    }
}
/* /Features/HotelCatalog/Components/HotelResultCard.razor.rz.scp.css */
.hrc[b-27unxdmjk9] {
    display: flex;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 0.875rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.hrc:hover[b-27unxdmjk9] {
    border-color: #93c5fd;
    box-shadow: 0 4px 16px rgba(13, 110, 253, 0.1);
}

.hrc-media[b-27unxdmjk9] {
    flex: 0 0 240px;
    max-width: 40%;
    background: #e9ecef;
}

.hrc-img[b-27unxdmjk9] {
    width: 100%;
    height: 100%;
    min-height: 200px;
    object-fit: cover;
    display: block;
}

.hrc-body[b-27unxdmjk9] {
    flex: 1 1 auto;
    display: flex;
    gap: 1rem;
    padding: 1rem;
    min-width: 0;
}

.hrc-main[b-27unxdmjk9] {
    flex: 1 1 auto;
    min-width: 0;
}

.hrc-name[b-27unxdmjk9] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #006ce4;
    margin: 0 0 .25rem;
}

.hrc-stars[b-27unxdmjk9] {
    color: #febb02;
    font-size: .85rem;
    margin-bottom: .35rem;
}

.hrc-location[b-27unxdmjk9] {
    color: #006ce4;
    font-size: .9rem;
    margin-bottom: .45rem;
}

.hrc-room[b-27unxdmjk9] {
    font-weight: 600;
    font-size: .92rem;
    margin-bottom: .4rem;
}

.hrc-badges[b-27unxdmjk9] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.hrc-badge[b-27unxdmjk9] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .78rem;
    font-weight: 400;
    line-height: 1.35;
    background: #f0f6ff;
    color: #006ce4;
    padding: .15rem .45rem;
    border-radius: 4px;
}

.hrc-badge--ok[b-27unxdmjk9] {
    background: #e7f7ed;
    color: #008009;
}

.hrc-badge-wrap[b-27unxdmjk9] {
    position: relative;
    display: inline-flex;
}

.hrc-badge--installment[b-27unxdmjk9] {
    background: #fff4e5;
    color: #b45309;
    border: none;
    cursor: pointer;
    font-family: inherit;
}

.hrc-badge--installment:hover[b-27unxdmjk9],
.hrc-badge--installment[aria-expanded="true"][b-27unxdmjk9] {
    background: #ffe8cc;
}

.hrc-aside[b-27unxdmjk9] {
    flex: 0 0 190px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: end;
    gap: .65rem;
    position: relative;
}

.hrc-score[b-27unxdmjk9] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}

.hrc-score-text[b-27unxdmjk9] {
    text-align: end;
}

.hrc-score-label[b-27unxdmjk9] {
    font-weight: 700;
    font-size: .9rem;
    line-height: 1.2;
}

.hrc-score-count[b-27unxdmjk9] {
    font-size: .78rem;
    color: #6b6b6b;
}

.hrc-score-box[b-27unxdmjk9] {
    background: #003580;
    color: #fff;
    font-weight: 700;
    border-radius: 6px 6px 6px 0;
    min-width: 2.4rem;
    padding: .35rem .45rem;
    text-align: center;
}

.hrc-stay[b-27unxdmjk9] {
    font-size: .8rem;
    color: #6b6b6b;
}

.hrc-taxes[b-27unxdmjk9] {
    font-size: .75rem;
    color: #6b6b6b;
}

.hrc-cta[b-27unxdmjk9] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 0.55rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.9rem;
}

.hrc-cta:hover[b-27unxdmjk9] {
    background: #0b5ed7;
    border-color: #0b5ed7;
    color: #fff;
}

:dir(rtl) .hrc-cta-chevron[b-27unxdmjk9] {
    transform: scaleX(-1);
}

:dir(rtl) .hrc-score-box[b-27unxdmjk9] {
    border-radius: 6px 6px 0 6px;
}

.hrc-toast[b-27unxdmjk9] {
    position: absolute;
    inset-block-start: calc(100% + 0.35rem);
    inset-inline-start: 0;
    z-index: 2;
    background: #1a1a1a;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    padding: .35rem .55rem;
    border-radius: 4px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
}

@media (max-width: 767.98px) {
    .hrc[b-27unxdmjk9] {
        flex-direction: column;
    }

    .hrc-media[b-27unxdmjk9] {
        flex: none;
        max-width: none;
        height: 180px;
    }

    .hrc-img[b-27unxdmjk9] {
        min-height: 180px;
    }

    .hrc-body[b-27unxdmjk9] {
        flex-direction: column;
    }

    .hrc-aside[b-27unxdmjk9] {
        flex: none;
        width: 100%;
        align-items: stretch;
        text-align: start;
    }

    .hrc-score[b-27unxdmjk9] {
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .hrc-score-text[b-27unxdmjk9] {
        text-align: start;
    }

    .hrc-price-block[b-27unxdmjk9] {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: .35rem .75rem;
    }
}
/* /Features/HotelCatalog/Components/OccupancyPopover.razor.rz.scp.css */
.occ-root[b-paop0m7d76] {
    --occ-ink: #0b0e1b;
    --occ-muted: #6a6d78;
    --occ-accent: #e7943b;
    --occ-accent-hover: #d07e2a;
    --occ-soft: #f7f9fc;
    --occ-line: #eceef4;

    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-self: stretch;
    width: 100%;
    min-width: 0;
    min-height: 100%;
    font-family: "Source Sans 3", "Segoe UI", sans-serif;
}

.occ-trigger[b-paop0m7d76] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem .9rem;
    text-align: start;
    cursor: pointer;
    color: var(--occ-ink);
}

.occ-trigger:hover[b-paop0m7d76],
.occ-trigger--open[b-paop0m7d76] {
    background: var(--occ-soft);
}

.occ-trigger:focus-visible[b-paop0m7d76] {
    outline: 2px solid rgba(231, 148, 59, .55);
    outline-offset: -2px;
}

.occ-trigger > .bi-people[b-paop0m7d76] {
    color: var(--occ-muted);
    font-size: 1.05rem;
}

.occ-trigger-text[b-paop0m7d76] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 0;
    flex: 1 1 auto;
}

.occ-label[b-paop0m7d76] {
    font-size: .72rem;
    color: var(--occ-muted);
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: .02em;
}

.occ-value[b-paop0m7d76] {
    font-size: .95rem;
    font-weight: 600;
    color: var(--occ-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.occ-chevron[b-paop0m7d76] {
    color: var(--occ-muted);
    font-size: .8rem;
    transition: transform .18s ease;
}

.occ-trigger--open .occ-chevron[b-paop0m7d76] {
    transform: rotate(180deg);
}

.occ-backdrop[b-paop0m7d76] {
    position: fixed;
    inset: 0;
    z-index: 1040;
}

.occ-panel[b-paop0m7d76] {
    position: absolute;
    top: calc(100% + 6px);
    inset-inline-end: 0;
    inset-inline-start: auto;
    z-index: 1050;
    width: min(320px, 92vw);
    background: #fff;
    border: 1px solid rgba(11, 14, 27, .08);
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(11, 14, 27, .16);
    padding: 1rem;
    animation: occ-panel-in-b-paop0m7d76 .16s ease-out both;
}

.occ-panel:focus[b-paop0m7d76] {
    outline: none;
}

.occ-panel:focus-visible[b-paop0m7d76] {
    outline: 2px solid rgba(231, 148, 59, .45);
    outline-offset: 1px;
}

.occ-row[b-paop0m7d76] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .45rem 0;
    font-weight: 600;
    color: var(--occ-ink);
}

.occ-stepper[b-paop0m7d76] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
}

.occ-step[b-paop0m7d76] {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(11, 14, 27, .16);
    background: #fff;
    color: var(--occ-ink);
    font-size: 1.1rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}

.occ-step:hover:not(:disabled)[b-paop0m7d76] {
    background: var(--occ-soft);
    border-color: rgba(231, 148, 59, .55);
}

.occ-step:focus-visible[b-paop0m7d76] {
    outline: 2px solid rgba(231, 148, 59, .55);
    outline-offset: 1px;
}

.occ-step:disabled[b-paop0m7d76] {
    opacity: .4;
    cursor: not-allowed;
}

.occ-count[b-paop0m7d76] {
    min-width: 1.5rem;
    text-align: center;
}

.occ-ages[b-paop0m7d76] {
    border-top: 1px solid var(--occ-line);
    border-bottom: 1px solid var(--occ-line);
    padding: .5rem 0;
    margin: .25rem 0;
}

.occ-ages-title[b-paop0m7d76] {
    font-size: .85rem;
    color: var(--occ-muted);
    margin-bottom: .4rem;
    font-weight: 600;
}

.occ-age-row[b-paop0m7d76] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .4rem;
}

.occ-age-label[b-paop0m7d76] {
    margin: 0;
    font-size: .9rem;
    font-weight: 600;
    color: var(--occ-ink);
}

.occ-age-select[b-paop0m7d76] {
    max-width: 8rem;
}

.occ-done.btn[b-paop0m7d76] {
    width: 100%;
    margin-top: .65rem;
    background: var(--occ-accent);
    border: 1px solid var(--occ-accent);
    color: var(--occ-ink);
    font-weight: 700;
    border-radius: 10px;
    padding: .55rem 1rem;
}

.occ-done.btn:hover[b-paop0m7d76] {
    background: var(--occ-accent-hover);
    border-color: var(--occ-accent-hover);
    color: var(--occ-ink);
}

.occ-done.btn:focus-visible[b-paop0m7d76] {
    outline: 2px solid rgba(11, 14, 27, .35);
    outline-offset: 2px;
}

@keyframes occ-panel-in-b-paop0m7d76 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .occ-panel[b-paop0m7d76],
    .occ-chevron[b-paop0m7d76],
    .occ-step[b-paop0m7d76],
    .occ-done.btn[b-paop0m7d76] {
        animation: none;
        transition: none;
    }
}
/* /Features/HotelCatalog/Components/RedeemPointsPromptModal.razor.rz.scp.css */
.rpp-modal[b-uu1rhm260a] {
    z-index: 1060;
}

.rpp-backdrop[b-uu1rhm260a] {
    z-index: 1055;
}

.rpp-dialog[b-uu1rhm260a] {
    max-width: 26rem;
    margin: 1.25rem auto;
}

.rpp-content[b-uu1rhm260a] {
    position: relative;
    border: none;
    border-radius: 16px;
    background: #fff;
    color: #161a28;
    box-shadow: 0 18px 48px rgba(0, 53, 128, .18);
    font-family: "Source Sans 3", "Segoe UI", sans-serif;
}

.rpp-close[b-uu1rhm260a] {
    position: absolute;
    top: .85rem;
    inset-inline-end: .85rem;
    z-index: 1;
}

.rpp-body[b-uu1rhm260a] {
    padding: 1.6rem 1.35rem 1.35rem;
}

.rpp-title[b-uu1rhm260a] {
    margin: 0 0 .45rem;
    padding-inline-end: 1.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: #003580;
}

.rpp-lead[b-uu1rhm260a] {
    margin: 0;
    font-size: .95rem;
    line-height: 1.5;
    color: #3d4454;
}

.rpp-actions[b-uu1rhm260a] {
    margin-top: 1.2rem;
}

.rpp-btn-login[b-uu1rhm260a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    width: 100%;
    min-height: 2.65rem;
    border: none;
    border-radius: 999px;
    background: #003580;
    color: #fff;
    font-weight: 700;
}

.rpp-btn-login:hover[b-uu1rhm260a],
.rpp-btn-login:focus[b-uu1rhm260a] {
    background: #002a66;
    color: #fff;
}

@media (max-width: 575.98px) {
    .rpp-dialog[b-uu1rhm260a] {
        max-width: calc(100% - 1.5rem);
        margin: .75rem auto;
    }

    .rpp-body[b-uu1rhm260a] {
        padding: 1.4rem 1.1rem 1.15rem;
    }
}
/* /Features/HotelCatalog/Components/StayDatePicker.razor.rz.scp.css */
.sdp-root[b-65j2i0v82u] {
    --sdp-ink: #0b0e1b;
    --sdp-muted: #6a6d78;
    --sdp-placeholder: #9a9daf;
    --sdp-line: #e8ebf2;
    --sdp-soft: #f6f8fc;
    --sdp-accent: #e7943b;
    --sdp-accent-soft: rgba(231, 148, 59, .14);
    --sdp-select: #0b6e99;
    --sdp-select-soft: #e8f4f9;
    --sdp-select-mid: #9ccce0;
    --sdp-ring: rgba(231, 148, 59, .55);
    --sdp-surface: #fff;
    --sdp-day-size: 2.35rem;

    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-self: stretch;
    width: 100%;
    min-width: 0;
    min-height: 100%;
    font-family: "Source Sans 3", "Segoe UI", sans-serif;
}

.sdp-trigger[b-65j2i0v82u] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .9rem;
    text-align: start;
    cursor: pointer;
    color: var(--sdp-ink);
    border-radius: inherit;
    transition: background-color .16s ease;
}

.sdp-trigger:hover[b-65j2i0v82u],
.sdp-trigger--open[b-65j2i0v82u] {
    background: var(--sdp-soft);
}

.sdp-trigger:focus-visible[b-65j2i0v82u] {
    outline: 2px solid var(--sdp-ring);
    outline-offset: -2px;
}

.sdp-trigger-dates[b-65j2i0v82u] {
    display: flex;
    align-items: stretch;
    gap: .45rem;
    min-width: 0;
    flex: 1 1 auto;
}

.sdp-trigger-cell[b-65j2i0v82u] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .15rem .35rem;
    margin: -.15rem -.1rem;
    border-radius: 10px;
    transition: background-color .14s ease, box-shadow .14s ease;
}

.sdp-trigger-cell--active[b-65j2i0v82u] {
    background: var(--sdp-accent-soft);
    box-shadow: inset 0 0 0 1px rgba(231, 148, 59, .28);
}

.sdp-label[b-65j2i0v82u] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .7rem;
    color: var(--sdp-muted);
    margin: 0;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    line-height: 1.2;
}

.sdp-label .bi[b-65j2i0v82u] {
    font-size: .78rem;
    color: var(--sdp-accent);
    opacity: .95;
}

.sdp-value[b-65j2i0v82u] {
    font-size: .98rem;
    font-weight: 600;
    color: var(--sdp-ink);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 1.45rem;
}

.sdp-value--placeholder[b-65j2i0v82u] {
    color: var(--sdp-placeholder);
    font-weight: 500;
}

.sdp-nights[b-65j2i0v82u] {
    flex: 0 0 auto;
    align-self: center;
    color: var(--sdp-muted);
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
    line-height: 1;
    /* Reserve chip width so hiding nights mid-pick does not shift date cells. */
    min-width: 3.4rem;
    min-height: 1.55rem;
}

.sdp-nights-chip[b-65j2i0v82u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.4rem;
    padding: .35rem .55rem;
    border-radius: 999px;
    background: var(--sdp-soft);
    border: 1px solid var(--sdp-line);
    color: var(--sdp-ink);
    letter-spacing: .01em;
}

.sdp-trigger--open .sdp-nights-chip[b-65j2i0v82u] {
    background: var(--sdp-accent-soft);
    border-color: rgba(231, 148, 59, .3);
    color: #8a4f12;
}

.sdp-chevron[b-65j2i0v82u] {
    color: var(--sdp-muted);
    font-size: .8rem;
    flex: 0 0 auto;
    line-height: 1;
    transform-origin: center;
    transition: transform .18s ease;
}

.sdp-trigger--open .sdp-chevron[b-65j2i0v82u] {
    transform: rotate(180deg);
}

.sdp-backdrop[b-65j2i0v82u] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.sdp-panel[b-65j2i0v82u] {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    z-index: 1050;
    width: min(720px, calc(100vw - 1.5rem));
    max-height: min(72vh, 640px);
    overflow: auto;
    overscroll-behavior: contain;
    padding: 1rem 1.15rem 1rem;
    background: var(--sdp-surface);
    border: 1px solid rgba(11, 14, 27, .08);
    border-radius: 18px;
    box-shadow:
        0 4px 12px rgba(11, 14, 27, .08),
        0 22px 48px rgba(11, 14, 27, .16);
    translate: -50% 0;
    animation: sdp-panel-in-b-65j2i0v82u .18s ease-out both;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.sdp-panel:focus[b-65j2i0v82u] {
    outline: none;
}

.sdp-panel:focus-visible[b-65j2i0v82u] {
    outline: 2px solid rgba(11, 110, 153, .35);
    outline-offset: 1px;
}

.sdp-sheet-handle[b-65j2i0v82u] {
    display: none;
}

.sdp-panel-header[b-65j2i0v82u] {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    padding-bottom: .15rem;
    border-bottom: 1px solid var(--sdp-line);
}

.sdp-panel-heading[b-65j2i0v82u] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.sdp-panel-title[b-65j2i0v82u] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--sdp-ink);
    line-height: 1.25;
}

.sdp-panel-hint[b-65j2i0v82u] {
    margin: 0;
    font-size: .88rem;
    font-weight: 500;
    color: var(--sdp-muted);
    line-height: 1.35;
}

.sdp-panel-summary[b-65j2i0v82u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.sdp-summary-dates[b-65j2i0v82u] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    flex: 1 1 auto;
}

.sdp-summary-date[b-65j2i0v82u] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 0;
    padding: .4rem .65rem;
    border-radius: 10px;
    background: var(--sdp-soft);
    border: 1px solid transparent;
    transition: background-color .14s ease, border-color .14s ease;
}

.sdp-summary-date--active[b-65j2i0v82u] {
    background: var(--sdp-accent-soft);
    border-color: rgba(231, 148, 59, .35);
}

.sdp-summary-label[b-65j2i0v82u] {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--sdp-muted);
    line-height: 1.2;
}

.sdp-summary-value[b-65j2i0v82u] {
    font-size: .92rem;
    font-weight: 600;
    color: var(--sdp-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    min-width: 5.5rem;
}

.sdp-summary-value--placeholder[b-65j2i0v82u] {
    color: var(--sdp-placeholder);
    font-weight: 500;
}

.sdp-summary-arrow[b-65j2i0v82u] {
    color: var(--sdp-placeholder);
    font-size: .9rem;
    flex: 0 0 auto;
    line-height: 1;
}

.sdp-summary-nights[b-65j2i0v82u] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    padding: .4rem .7rem;
    border-radius: 999px;
    background: rgba(11, 110, 153, .1);
    color: var(--sdp-select);
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
}

.sdp-months[b-65j2i0v82u] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.1rem 1.6rem;
}

.sdp-nav[b-65j2i0v82u] {
    position: absolute;
    top: .05rem;
    z-index: 1;
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--sdp-ink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .12s ease, border-color .12s ease;
}

.sdp-nav:hover:not(:disabled)[b-65j2i0v82u] {
    background: var(--sdp-soft);
    border-color: var(--sdp-line);
}

.sdp-nav:focus-visible[b-65j2i0v82u] {
    outline: 2px solid rgba(11, 110, 153, .45);
    outline-offset: 1px;
}

.sdp-nav:disabled[b-65j2i0v82u] {
    opacity: .28;
    cursor: default;
}

.sdp-nav--prev[b-65j2i0v82u] {
    inset-inline-start: 0;
}

.sdp-nav--next[b-65j2i0v82u] {
    inset-inline-end: 0;
}

.sdp-month[b-65j2i0v82u] {
    min-width: 0;
}

.sdp-month-title[b-65j2i0v82u] {
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    color: var(--sdp-ink);
    line-height: 2.1rem;
    margin-bottom: .45rem;
    padding-inline: 2.2rem;
}

.sdp-weekdays[b-65j2i0v82u],
.sdp-grid[b-65j2i0v82u] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.sdp-weekday[b-65j2i0v82u] {
    text-align: center;
    font-size: .74rem;
    font-weight: 700;
    color: var(--sdp-placeholder);
    padding: .15rem 0 .4rem;
    line-height: 1.2;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.sdp-day[b-65j2i0v82u] {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--sdp-ink);
    font: inherit;
    font-size: .92rem;
    font-weight: 600;
    line-height: 1;
    min-height: calc(var(--sdp-day-size) + .35rem);
    margin: 0;
    padding: .175rem 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
    isolation: isolate;
}

.sdp-day-num[b-65j2i0v82u] {
    position: relative;
    z-index: 1;
    width: var(--sdp-day-size);
    height: var(--sdp-day-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    transition:
        background-color .12s ease,
        color .12s ease,
        box-shadow .12s ease,
        transform .12s ease;
}

.sdp-day--empty[b-65j2i0v82u] {
    pointer-events: none;
    cursor: default;
    min-height: calc(var(--sdp-day-size) + .35rem);
}

.sdp-day:not(:disabled):not(.sdp-day--selected):not(.sdp-day--in-range):hover .sdp-day-num[b-65j2i0v82u] {
    background: var(--sdp-soft);
    transform: scale(1.04);
}

.sdp-day:focus-visible[b-65j2i0v82u] {
    outline: none;
}

.sdp-day:focus-visible .sdp-day-num[b-65j2i0v82u] {
    outline: 2px solid rgba(11, 110, 153, .55);
    outline-offset: 1px;
    z-index: 2;
}

.sdp-day--disabled[b-65j2i0v82u] {
    color: #c5c8d2;
    cursor: default;
}

.sdp-day--today:not(.sdp-day--selected) .sdp-day-num[b-65j2i0v82u] {
    box-shadow: inset 0 0 0 1.5px var(--sdp-accent);
    color: #8a4f12;
    font-weight: 700;
}

.sdp-day--in-range[b-65j2i0v82u]::before,
.sdp-day--start:not(.sdp-day--end)[b-65j2i0v82u]::before,
.sdp-day--end:not(.sdp-day--start)[b-65j2i0v82u]::before {
    content: "";
    position: absolute;
    inset-block: .175rem;
    z-index: 0;
    background: var(--sdp-select-soft);
}

.sdp-day--in-range[b-65j2i0v82u]::before {
    inset-inline: 0;
}

.sdp-day--start:not(.sdp-day--end)[b-65j2i0v82u]::before {
    inset-inline-start: 50%;
    inset-inline-end: 0;
}

.sdp-day--end:not(.sdp-day--start)[b-65j2i0v82u]::before {
    inset-inline-start: 0;
    inset-inline-end: 50%;
}

.sdp-day--selected .sdp-day-num[b-65j2i0v82u] {
    background: var(--sdp-select);
    color: #fff;
    box-shadow: 0 2px 8px rgba(11, 110, 153, .28);
}

.sdp-day--in-range .sdp-day-num[b-65j2i0v82u] {
    background: transparent;
    color: var(--sdp-ink);
}

.sdp-day--selected:hover .sdp-day-num[b-65j2i0v82u],
.sdp-day--in-range:hover .sdp-day-num[b-65j2i0v82u] {
    filter: brightness(1.04);
}

.sdp-day--hover-end .sdp-day-num[b-65j2i0v82u] {
    box-shadow:
        0 0 0 1.5px var(--sdp-select-mid),
        0 2px 8px rgba(11, 110, 153, .18);
}

.sdp-panel-footer[b-65j2i0v82u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-top: .15rem;
    border-top: 1px solid var(--sdp-line);
}

.sdp-footer-nights[b-65j2i0v82u] {
    font-size: .88rem;
    font-weight: 700;
    color: var(--sdp-ink);
}

.sdp-done.btn[b-65j2i0v82u] {
    min-width: 6.5rem;
    background: var(--sdp-accent);
    border: 1px solid var(--sdp-accent);
    color: var(--sdp-ink);
    font-weight: 700;
    border-radius: 10px;
    padding: .5rem 1.1rem;
    box-shadow: 0 3px 10px rgba(231, 148, 59, .24);
    transition:
        background-color .14s ease,
        border-color .14s ease,
        transform .14s ease,
        box-shadow .14s ease;
}

.sdp-done.btn:hover[b-65j2i0v82u] {
    background: #d07e2a;
    border-color: #d07e2a;
    color: var(--sdp-ink);
    box-shadow: 0 5px 14px rgba(208, 126, 42, .3);
    transform: translateY(-1px);
}

.sdp-done.btn:active[b-65j2i0v82u] {
    transform: translateY(0);
}

.sdp-done.btn:focus-visible[b-65j2i0v82u] {
    outline: 2px solid rgba(11, 14, 27, .35);
    outline-offset: 2px;
}

@keyframes sdp-panel-in-b-65j2i0v82u {
    from {
        opacity: 0;
        translate: -50% -6px;
    }

    to {
        opacity: 1;
        translate: -50% 0;
    }
}

@media (max-width: 991.98px) {
    .sdp-backdrop[b-65j2i0v82u] {
        background: rgba(11, 14, 27, .28);
        backdrop-filter: blur(2px);
    }

    .sdp-panel[b-65j2i0v82u] {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 20px 20px 0 0;
        max-height: min(88vh, 760px);
        overflow: auto;
        padding: .45rem .9rem calc(.85rem + env(safe-area-inset-bottom, 0px));
        translate: none;
        animation: sdp-sheet-in-b-65j2i0v82u .22s ease-out both;
        gap: .7rem;
    }

    .sdp-sheet-handle[b-65j2i0v82u] {
        display: block;
        width: 2.5rem;
        height: .28rem;
        border-radius: 999px;
        background: #d5d8e2;
        margin: .15rem auto .25rem;
    }

    .sdp-panel-header[b-65j2i0v82u] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: linear-gradient(to bottom, #fff 70%, rgba(255, 255, 255, 0));
        padding-bottom: .55rem;
        border-bottom: 0;
    }

    .sdp-summary-nights[b-65j2i0v82u] {
        display: none;
    }

    .sdp-months[b-65j2i0v82u] {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .sdp-nav[b-65j2i0v82u] {
        position: sticky;
        top: 0;
        background: var(--sdp-surface);
    }

    .sdp-panel-footer[b-65j2i0v82u] {
        position: sticky;
        bottom: 0;
        z-index: 2;
        margin: 0 -.15rem;
        padding: .7rem .15rem .1rem;
        background: linear-gradient(to top, #fff 72%, rgba(255, 255, 255, 0));
        border-top: 0;
    }

    .sdp-done.btn[b-65j2i0v82u] {
        flex: 1 1 auto;
        min-height: 2.75rem;
    }

    .sdp-root[b-65j2i0v82u] {
        --sdp-day-size: 2.55rem;
    }
}

@keyframes sdp-sheet-in-b-65j2i0v82u {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sdp-panel[b-65j2i0v82u],
    .sdp-chevron[b-65j2i0v82u],
    .sdp-day-num[b-65j2i0v82u],
    .sdp-done.btn[b-65j2i0v82u] {
        animation: none;
        transition: none;
    }

    .sdp-done.btn:hover[b-65j2i0v82u] {
        transform: none;
    }

    .sdp-day:not(:disabled):not(.sdp-day--selected):not(.sdp-day--in-range):hover .sdp-day-num[b-65j2i0v82u] {
        transform: none;
    }
}
/* /Features/HotelCatalog/HomeSearchPage.razor.rz.scp.css */
.hs-hero[b-rcdc9enbtf],
.hs-search[b-rcdc9enbtf],
.hs-body[b-rcdc9enbtf] {
    --hs-search-overlap: 2.5rem; /* ~half single-row search height */
    --hs-ink: #0b0e1b;
    --hs-cream: #f7f4ef;
    --hs-accent: #e7943b;
    --hs-muted: #6a6d78;
}

.hs-hero[b-rcdc9enbtf] {
    position: relative;
    z-index: 1;
    isolation: isolate;
    min-height: min(44vh, 400px);
    display: flex;
    align-items: flex-end;
    overflow: visible;
    color: var(--hs-cream);
    font-family: "Source Sans 3", "Segoe UI", sans-serif;
    background: var(--hs-ink);
}

.hs-hero-media[b-rcdc9enbtf] {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    background: var(--hs-ink);
}

.hs-hero-photo[b-rcdc9enbtf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
}

/* Intro motion when ready UI mounts (after destinations load on interactive). */

.hs-hero-veil[b-rcdc9enbtf] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(11, 14, 27, .28) 0%, rgba(11, 14, 27, .42) 42%, rgba(11, 14, 27, .82) 100%),
        radial-gradient(ellipse 70% 50% at 15% 20%, rgba(231, 148, 59, .18) 0%, transparent 55%);
}

.hs-hero-inner[b-rcdc9enbtf] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--cat-content-max, 1100px);
    margin: 0 auto;
    /* Clear glass topbar; reserve bottom for hanging search half */
    padding:
        calc(var(--cat-topbar-clearance, 3.75rem) + clamp(1.5rem, 4vw, 2.5rem))
        1.25rem
        calc(var(--hs-search-overlap) + 1.1rem);
}

.hs-headline[b-rcdc9enbtf] {
    margin: 0 0 .5rem;
    font-family: Syne, "Segoe UI", sans-serif;
    font-size: clamp(1.9rem, 4.5vw, 2.75rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -.03em;
    color: #fff;
    max-width: 14ch;
}

.hs-subhead[b-rcdc9enbtf] {
    margin: 0;
    font-size: clamp(1rem, 2vw, 1.12rem);
    line-height: 1.45;
    color: rgba(247, 244, 239, .82);
    max-width: 32rem;
}

/* Hang search across the hero/body edge via negative margins — no transform,
   so position:fixed dest/occ menus still use the viewport. */
.hs-search[b-rcdc9enbtf] {
    position: relative;
    z-index: 2;
    margin-top: calc(-1 * var(--hs-search-overlap));
    margin-bottom: calc(-1 * var(--hs-search-overlap));
    pointer-events: none;
}

.hs-search-inner[b-rcdc9enbtf] {
    width: 100%;
    max-width: var(--cat-content-max, 1100px);
    margin: 0 auto;
    padding: 0 1.25rem;
    pointer-events: auto;
}

.hs-intro .hs-search-inner[b-rcdc9enbtf] {
    animation: hs-fade-b-rcdc9enbtf .6s ease-out .06s both;
}

.hs-search :deep(.csb)[b-rcdc9enbtf] {
    box-shadow:
        0 2px 6px rgba(11, 14, 27, .06),
        0 18px 42px rgba(11, 14, 27, .16);
}

.hs-body[b-rcdc9enbtf] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--cat-content-max, 1100px);
    margin: 0 auto;
    padding: calc(var(--hs-search-overlap, 2.5rem) + 1.75rem) 1.25rem 3.5rem;
    font-family: "Source Sans 3", "Segoe UI", sans-serif;
    color: var(--hs-ink);
}

.hs-intro.hs-destinations[b-rcdc9enbtf] {
    animation: hs-rise-b-rcdc9enbtf .65s ease-out .1s both;
}

.hs-destinations-head[b-rcdc9enbtf] {
    margin: 0 0 1.15rem;
    max-width: 36rem;
}

.hs-section-title[b-rcdc9enbtf] {
    margin: 0 0 .35rem;
    font-family: Syne, "Segoe UI", sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -.01em;
    color: var(--hs-ink);
}

.hs-section-lead[b-rcdc9enbtf] {
    margin: 0;
    font-size: .95rem;
    line-height: 1.4;
    color: var(--hs-muted);
}

/* ── Prerender / loading skeletons ─────────────────────────────────────────── */

.hs-skel-line[b-rcdc9enbtf] {
    display: block;
    border-radius: 6px;
    background: linear-gradient(90deg, #e8ebf2 25%, #f4f6fa 50%, #e8ebf2 75%);
    background-size: 200% 100%;
    animation: hs-skel-shimmer-b-rcdc9enbtf 1.35s infinite linear;
}

.hs-skel-line--label[b-rcdc9enbtf] {
    width: 4.5rem;
    height: .55rem;
}

.hs-skel-line--value[b-rcdc9enbtf] {
    width: 70%;
    height: .95rem;
    margin-top: .35rem;
}

.hs-skel-line--dest-name[b-rcdc9enbtf] {
    width: 62%;
    height: .85rem;
    background: linear-gradient(90deg, rgba(247, 244, 239, .28) 25%, rgba(247, 244, 239, .45) 50%, rgba(247, 244, 239, .28) 75%);
    background-size: 200% 100%;
}

.hs-skel-line--dest-country[b-rcdc9enbtf] {
    width: 42%;
    height: .65rem;
    margin-top: .35rem;
    background: linear-gradient(90deg, rgba(247, 244, 239, .18) 25%, rgba(247, 244, 239, .32) 50%, rgba(247, 244, 239, .18) 75%);
    background-size: 200% 100%;
}

.hs-skel-search[b-rcdc9enbtf] {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: .35rem;
    padding: .35rem;
    background: #fff;
    border: 1px solid rgba(11, 14, 27, .08);
    border-radius: 18px;
    box-shadow:
        0 2px 6px rgba(11, 14, 27, .06),
        0 18px 42px rgba(11, 14, 27, .16);
    pointer-events: none;
}

.hs-skel-search-fields[b-rcdc9enbtf] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: stretch;
}

.hs-skel-search-field[b-rcdc9enbtf] {
    flex: 1 1 140px;
    min-width: 110px;
    padding: .7rem .9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hs-skel-search-field--wide[b-rcdc9enbtf] {
    flex: 1.45 1 180px;
}

.hs-skel-search-field--narrow[b-rcdc9enbtf] {
    flex: 0 1 130px;
    min-width: 110px;
}

.hs-skel-search-btn[b-rcdc9enbtf] {
    flex: 0 0 auto;
    align-self: stretch;
    width: 7.5rem;
    min-height: 3.1rem;
    margin: .15rem;
    border-radius: 14px;
    background: linear-gradient(90deg, #e8a85a 25%, #f0c48a 50%, #e8a85a 75%);
    background-size: 200% 100%;
    animation: hs-skel-shimmer-b-rcdc9enbtf 1.35s infinite linear;
}

.hs-skel-dest-row[b-rcdc9enbtf] {
    pointer-events: none;
}

.hs-skel-dest-card[b-rcdc9enbtf] {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(180deg, #d9d6d0 0%, #c4c0b8 100%);
    isolation: isolate;
}

.hs-skel-dest-card[b-rcdc9enbtf]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 14, 27, .02) 40%, rgba(11, 14, 27, .72) 100%);
}

.hs-skel-dest-meta[b-rcdc9enbtf] {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding: .9rem .8rem;
}

@keyframes hs-skel-shimmer-b-rcdc9enbtf {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

.hs-dest-row[b-rcdc9enbtf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(148px, 180px));
    justify-content: start;
    gap: .9rem;
    list-style: none;
    margin: 0;
    padding: .35rem 0 .5rem;
}

.hs-dest-item[b-rcdc9enbtf] {
    margin: 0;
    min-width: 0;
}

.hs-dest-card[b-rcdc9enbtf] {
    appearance: none;
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    border: 1px solid rgba(11, 14, 27, .08);
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    background: #d9d6d0;
    isolation: isolate;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.hs-dest-card:hover[b-rcdc9enbtf],
.hs-dest-card:focus-visible[b-rcdc9enbtf] {
    transform: translateY(-5px);
    border-color: rgba(231, 148, 59, .55);
    box-shadow: 0 16px 34px rgba(11, 14, 27, .14);
    outline: none;
}

.hs-dest-card:focus-visible[b-rcdc9enbtf] {
    outline: 2px solid rgba(231, 148, 59, .7);
    outline-offset: 2px;
}

.hs-dest-card--active[b-rcdc9enbtf] {
    border-color: var(--hs-accent);
    box-shadow: 0 0 0 2px rgba(231, 148, 59, .35), 0 16px 34px rgba(11, 14, 27, .14);
    transform: translateY(-3px);
}

.hs-dest-card--active:hover[b-rcdc9enbtf],
.hs-dest-card--active:focus-visible[b-rcdc9enbtf] {
    transform: translateY(-5px);
}

.hs-dest-img[b-rcdc9enbtf] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.hs-dest-card:hover .hs-dest-img[b-rcdc9enbtf],
.hs-dest-card:focus-visible .hs-dest-img[b-rcdc9enbtf],
.hs-dest-card--active .hs-dest-img[b-rcdc9enbtf] {
    transform: scale(1.05);
}

.hs-dest-scrim[b-rcdc9enbtf] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 14, 27, .02) 40%, rgba(11, 14, 27, .8) 100%);
    z-index: 1;
}

.hs-dest-meta[b-rcdc9enbtf] {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: .1rem;
    padding: .9rem .8rem;
    text-align: start;
}

.hs-dest-name[b-rcdc9enbtf] {
    font-family: Syne, "Segoe UI", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    color: var(--hs-cream);
    line-height: 1.15;
}

.hs-dest-country[b-rcdc9enbtf] {
    font-size: .75rem;
    color: rgba(247, 244, 239, .78);
}

@keyframes hs-rise-b-rcdc9enbtf {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes hs-fade-b-rcdc9enbtf {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (max-width: 991.98px) {
    .hs-hero[b-rcdc9enbtf],
    .hs-search[b-rcdc9enbtf],
    .hs-body[b-rcdc9enbtf] {
        /* ~half stacked search height; keep body clear of the hanging half */
        --hs-search-overlap: 11rem;
    }

    .hs-hero[b-rcdc9enbtf] {
        min-height: min(38vh, 320px);
    }

    .hs-dest-row[b-rcdc9enbtf] {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: .75rem;
        padding-block: .15rem .4rem;
        padding-inline: .05rem .25rem;
        scroll-snap-type: x mandatory;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: rgba(231, 148, 59, .5) transparent;
    }

    .hs-dest-item[b-rcdc9enbtf] {
        flex: 0 0 auto;
        width: min(156px, 44vw);
        scroll-snap-align: start;
    }

    .hs-skel-search[b-rcdc9enbtf] {
        flex-direction: column;
        padding: .55rem;
    }

    .hs-skel-search-fields[b-rcdc9enbtf] {
        flex-direction: column;
    }

    .hs-skel-search-field[b-rcdc9enbtf],
    .hs-skel-search-field--wide[b-rcdc9enbtf],
    .hs-skel-search-field--narrow[b-rcdc9enbtf] {
        flex: 1 1 auto;
        min-width: 0;
        padding: .65rem .75rem;
    }

    .hs-skel-search-btn[b-rcdc9enbtf] {
        width: 100%;
        min-height: 2.85rem;
        margin: .25rem 0 0;
    }
}

@media (max-width: 575.98px) {
    .hs-hero-inner[b-rcdc9enbtf] {
        padding:
            calc(var(--cat-topbar-clearance, 3.75rem) + 1.25rem)
            1rem
            calc(var(--hs-search-overlap) + .85rem);
    }

    .hs-search-inner[b-rcdc9enbtf] {
        padding: 0 1rem;
    }

    .hs-body[b-rcdc9enbtf] {
        padding: calc(var(--hs-search-overlap, 11rem) + 1.35rem) 1rem 2.75rem;
    }

    .hs-headline[b-rcdc9enbtf] {
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hs-intro .hs-search-inner[b-rcdc9enbtf],
    .hs-intro.hs-destinations[b-rcdc9enbtf],
    .hs-dest-card[b-rcdc9enbtf],
    .hs-dest-img[b-rcdc9enbtf],
    .hs-skel-line[b-rcdc9enbtf],
    .hs-skel-line--dest-name[b-rcdc9enbtf],
    .hs-skel-line--dest-country[b-rcdc9enbtf],
    .hs-skel-search-btn[b-rcdc9enbtf] {
        animation: none;
        transition: none;
    }
}
/* /Features/HotelCatalog/HotelDetailPage.razor.rz.scp.css */
/* Shell mirrors SelectHotelPage (scoped CSS is per-page). */
.sr-page[b-5tz9rxw4ph] {
    --sr-search-sticky-top: var(--cat-topbar-clearance, 3.75rem);
    --sr-search-stack: 4.5rem;
    --sr-tabs-sticky-top: calc(var(--sr-search-sticky-top) + var(--sr-search-stack));
    min-height: calc(100vh - 56px);
    background: linear-gradient(180deg, #f3f6fb 0%, #f8fafc 40%, #fff 100%);
}

.sr-search-wrap[b-5tz9rxw4ph] {
    background: #003580;
    padding: .85rem 1rem 1.1rem;
    position: sticky;
    top: var(--sr-search-sticky-top);
    z-index: 1020;
    box-shadow: 0 10px 28px rgba(0, 53, 128, .18);
}

.sr-search-inner[b-5tz9rxw4ph] {
    max-width: 1200px;
    margin: 0 auto;
}

.sr-content[b-5tz9rxw4ph] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.25rem 1rem 2.5rem;
}

.sr-heading[b-5tz9rxw4ph] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 .2rem;
    color: #111827;
}

.sr-meta[b-5tz9rxw4ph] {
    color: #6b7280;
    font-size: .9rem;
}

@media (max-width: 991.98px) {
    .sr-page[b-5tz9rxw4ph] {
        --sr-search-stack: 4.35rem;
    }

    .sr-search-wrap[b-5tz9rxw4ph] {
        position: sticky;
        top: var(--sr-search-sticky-top);
        padding: .45rem .65rem .55rem;
    }

    .sr-content[b-5tz9rxw4ph] {
        padding: .85rem .75rem 2rem;
    }

    .sh-anchor[b-5tz9rxw4ph] {
        scroll-margin-top: calc(var(--sr-tabs-sticky-top) + 2.9rem);
    }
}

@media (max-width: 767.98px) {
    .sh-header[b-5tz9rxw4ph] {
        padding: .85rem 1rem;
        border-radius: .65rem;
    }

    .sh-title[b-5tz9rxw4ph] {
        font-size: 1.2rem;
    }

    .sh-location[b-5tz9rxw4ph] {
        font-size: .88rem;
    }

    .sh-meta-row[b-5tz9rxw4ph] {
        gap: .75rem 1rem;
        margin-top: .65rem;
    }

    .sh-mobile-img[b-5tz9rxw4ph] {
        height: 200px;
    }

    .sh-stay-bar[b-5tz9rxw4ph] {
        padding: .55rem .75rem;
        font-size: .82rem;
        gap: .45rem .65rem;
        border-radius: .65rem;
    }

    .sh-stay-chip[b-5tz9rxw4ph] {
        padding: .15rem .5rem;
        font-size: .74rem;
    }

    .sh-tab-link[b-5tz9rxw4ph] {
        padding: .6rem .85rem;
        font-size: .82rem;
    }

    .sh-section[b-5tz9rxw4ph] {
        padding: .9rem 1rem;
        border-radius: .65rem;
    }

    .sh-section-title[b-5tz9rxw4ph] {
        font-size: 1rem;
        margin-bottom: .7rem;
    }

    .sh-rf[b-5tz9rxw4ph] {
        padding: .6rem .7rem;
        gap: .55rem .75rem;
    }

    .sh-rf-search[b-5tz9rxw4ph] {
        max-width: none;
        flex: 1 1 100%;
    }

}

/* ── Skeleton loading ───────────────────────────────────────────────────────── */

.sh-skeleton[b-5tz9rxw4ph] {
    pointer-events: none;
}

.sh-skel-line[b-5tz9rxw4ph],
.sh-skel-block[b-5tz9rxw4ph],
.sh-skel-chip[b-5tz9rxw4ph],
.sh-skel-gallery-main[b-5tz9rxw4ph],
.sh-skel-gallery-tile[b-5tz9rxw4ph] {
    background: linear-gradient(90deg, #e8edf5 25%, #f4f7fb 50%, #e8edf5 75%);
    background-size: 200% 100%;
    animation: sh-skel-shimmer-b-5tz9rxw4ph 1.35s infinite linear;
}

.sh-skel-line[b-5tz9rxw4ph] {
    height: .75rem;
    border-radius: 6px;
}

.sh-skel-line--back[b-5tz9rxw4ph] {
    width: 7.5rem;
    height: .85rem;
}

.sh-skel-line--title[b-5tz9rxw4ph] {
    width: min(18rem, 70%);
    height: 1.35rem;
    margin-bottom: .55rem;
}

.sh-skel-line--loc[b-5tz9rxw4ph] {
    width: min(14rem, 55%);
    height: .85rem;
}

.sh-skel-line--sm[b-5tz9rxw4ph] {
    width: 5.5rem;
    height: .8rem;
    margin-bottom: .35rem;
}

.sh-skel-line--xs[b-5tz9rxw4ph] {
    width: 4rem;
    height: .65rem;
}

.sh-skel-line--times[b-5tz9rxw4ph] {
    width: 10rem;
    height: .8rem;
}

.sh-skel-line--stay[b-5tz9rxw4ph] {
    width: min(16rem, 55%);
    height: .85rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, .18) 25%, rgba(255, 255, 255, .32) 50%, rgba(255, 255, 255, .18) 75%);
    background-size: 200% 100%;
}

.sh-skel-line--tab[b-5tz9rxw4ph] {
    width: 4.5rem;
    height: .85rem;
}

.sh-skel-line--section[b-5tz9rxw4ph] {
    width: 10rem;
    height: 1rem;
    margin-bottom: 1rem;
}

.sh-skel-line--room-name[b-5tz9rxw4ph] {
    width: 70%;
    height: 1rem;
}

.sh-skel-line--room-meta[b-5tz9rxw4ph] {
    width: 85%;
    height: .75rem;
}

.sh-skel-line--price[b-5tz9rxw4ph] {
    width: 6.5rem;
    height: 1.15rem;
    margin-bottom: .35rem;
}

.sh-skel-rt-head[b-5tz9rxw4ph] {
    height: 2.4rem;
    border-radius: .35rem .35rem 0 0;
    background: linear-gradient(90deg, #c5d4ea 25%, #d9e4f4 50%, #c5d4ea 75%);
    background-size: 200% 100%;
    animation: sh-skel-shimmer-b-5tz9rxw4ph 1.35s infinite linear;
}

.sh-skel-rt-row[b-5tz9rxw4ph] {
    display: grid;
    grid-template-columns: 1.4fr .9fr 1.2fr .85fr;
    gap: .75rem;
    padding: .85rem;
    border-bottom: 1px solid #e8eef6;
    background: #fff;
}

.sh-skel-rt-cell[b-5tz9rxw4ph] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
}

.sh-skel-rt-cell--room[b-5tz9rxw4ph] {
    gap: .55rem;
}

.sh-skel-block--rt-img[b-5tz9rxw4ph] {
    width: 100%;
    max-width: 7.5rem;
    height: 4.25rem;
    border-radius: .35rem;
}

.sh-skel-score[b-5tz9rxw4ph] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
}

.sh-skel-block[b-5tz9rxw4ph] {
    border-radius: 6px;
}

.sh-skel-block--score[b-5tz9rxw4ph] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 6px 6px 6px 0;
}

:dir(rtl) .sh-skel-block--score[b-5tz9rxw4ph] {
    border-radius: 6px 6px 0 6px;
}

.sh-skel-block--cta[b-5tz9rxw4ph] {
    width: 100%;
    height: 2.4rem;
    border-radius: .55rem;
}

.sh-skel-chip[b-5tz9rxw4ph] {
    height: 1.5rem;
    width: 4.25rem;
    border-radius: 999px;
}

.sh-skel-chip--badge[b-5tz9rxw4ph] {
    height: 1.25rem;
    width: 5rem;
    border-radius: 4px;
}

.sh-skel-gallery[b-5tz9rxw4ph] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    border-radius: .75rem;
    overflow: hidden;
    background: #e2e8f0;
    min-height: 240px;
}

.sh-skel-gallery-main[b-5tz9rxw4ph] {
    min-height: 240px;
}

.sh-skel-gallery-side[b-5tz9rxw4ph] {
    display: none;
}

.sh-skel-gallery-tile[b-5tz9rxw4ph] {
    min-height: 0;
}

.sh-skel-stay[b-5tz9rxw4ph] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem 1rem;
    background: #003580;
    border-radius: .75rem;
    padding: .75rem 1.1rem;
}

.sh-skel-stay .sh-skel-chip[b-5tz9rxw4ph] {
    background: linear-gradient(90deg, rgba(255, 255, 255, .14) 25%, rgba(255, 255, 255, .28) 50%, rgba(255, 255, 255, .14) 75%);
    background-size: 200% 100%;
}

.sh-skel-tabs[b-5tz9rxw4ph] {
    display: flex;
    gap: 1.25rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    padding: .85rem 1.05rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

@keyframes sh-skel-shimmer-b-5tz9rxw4ph {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

@media (min-width: 768px) {
    .sh-skel-gallery[b-5tz9rxw4ph] {
        grid-template-columns: 3fr 2fr 2fr;
        grid-template-rows: 200px 200px;
        min-height: 404px;
    }

    .sh-skel-gallery-main[b-5tz9rxw4ph] {
        grid-row: 1 / 3;
        min-height: 0;
    }

    .sh-skel-gallery-side[b-5tz9rxw4ph] {
        display: contents;
    }

    .sh-skel-block--cta[b-5tz9rxw4ph] {
        width: 8.5rem;
        margin-inline-start: auto;
    }
}

@media (max-width: 767.98px) {
    .sh-skel-rt-row[b-5tz9rxw4ph] {
        grid-template-columns: 1fr;
    }
}

/* ── Hotel detail ───────────────────────────────────────────────────────────── */

.sh-content[b-5tz9rxw4ph] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sh-back[b-5tz9rxw4ph] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #006ce4;
    font-weight: 600;
    font-size: .9rem;
    text-decoration: none;
    width: fit-content;
}

.sh-back:hover[b-5tz9rxw4ph] {
    color: #003580;
    text-decoration: underline;
}

:dir(rtl) .sh-back-chevron[b-5tz9rxw4ph] {
    transform: scaleX(-1);
}

.sh-empty-icon[b-5tz9rxw4ph] {
    font-size: 3.5rem;
    color: #cbd5e1;
}

.sh-header[b-5tz9rxw4ph] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 1.1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.sh-title[b-5tz9rxw4ph] {
    font-size: 1.55rem;
    font-weight: 800;
    color: #006ce4;
    margin: 0;
    line-height: 1.2;
}

.sh-stars[b-5tz9rxw4ph] {
    color: #febb02;
    font-size: .95rem;
    letter-spacing: .04em;
}

.sh-location[b-5tz9rxw4ph] {
    color: #006ce4;
    font-size: .95rem;
    margin-top: .25rem;
}

.sh-meta-row[b-5tz9rxw4ph] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 1.5rem;
    margin-top: .85rem;
}

.sh-score[b-5tz9rxw4ph] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
}

.sh-score-box[b-5tz9rxw4ph] {
    background: #003580;
    color: #fff;
    font-weight: 700;
    border-radius: 6px 6px 6px 0;
    min-width: 2.5rem;
    padding: .4rem .5rem;
    text-align: center;
}

:dir(rtl) .sh-score-box[b-5tz9rxw4ph] {
    border-radius: 6px 6px 0 6px;
}

.sh-score-label[b-5tz9rxw4ph] {
    font-weight: 700;
    font-size: .92rem;
    line-height: 1.2;
}

.sh-score-count[b-5tz9rxw4ph] {
    font-size: .78rem;
    color: #6b7280;
}

.sh-check-times[b-5tz9rxw4ph] {
    color: #6b7280;
    font-size: .85rem;
}

/* Gallery */
.sh-gallery-fallback[b-5tz9rxw4ph] {
    height: 280px;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, #003580 0%, #0071c2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    color: rgba(255, 255, 255, .3);
}

.sh-simple-hero[b-5tz9rxw4ph],
.sh-mobile-hero[b-5tz9rxw4ph] {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 0.75rem;
    background: #000;
}

.sh-simple-hero-img[b-5tz9rxw4ph] {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    display: block;
}

.sh-mobile-img[b-5tz9rxw4ph] {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
}

.sh-photo-count[b-5tz9rxw4ph] {
    position: absolute;
    bottom: 10px;
    inset-inline-end: 12px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    padding: .3rem .7rem;
    border-radius: 6px;
    font-size: .85rem;
}

.sh-photo-grid-outer[b-5tz9rxw4ph] {
    overflow: hidden;
    border-radius: 0.75rem;
    background: #e2e8f0;
}

.sh-photo-grid[b-5tz9rxw4ph] {
    display: grid;
    grid-template-columns: 3fr 2fr 2fr;
    grid-template-rows: 200px 200px;
    gap: 4px;
}

.sh-pg-main[b-5tz9rxw4ph] {
    grid-row: 1 / 3;
    cursor: pointer;
    overflow: hidden;
}

.sh-pg-secondary[b-5tz9rxw4ph] {
    cursor: pointer;
    overflow: hidden;
}

.sh-pg-img[b-5tz9rxw4ph] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}

.sh-pg-main:hover .sh-pg-img[b-5tz9rxw4ph],
.sh-pg-secondary:hover .sh-pg-img[b-5tz9rxw4ph] {
    transform: scale(1.04);
}

.sh-pg-empty[b-5tz9rxw4ph] {
    width: 100%;
    height: 100%;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #adb5bd;
    font-size: 2rem;
}

/* Stay bar + tabs */
.sh-stay-bar[b-5tz9rxw4ph] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem 1rem;
    background: #003580;
    color: #fff;
    border-radius: 0.75rem;
    padding: .75rem 1.1rem;
    font-size: .9rem;
}

.sh-stay-chip[b-5tz9rxw4ph] {
    background: rgba(255, 255, 255, .14);
    border-radius: 999px;
    padding: .2rem .65rem;
    font-size: .8rem;
    font-weight: 600;
}

:dir(rtl) .sh-stay-arrow[b-5tz9rxw4ph] {
    transform: scaleX(-1);
}

.sh-tabs-bar[b-5tz9rxw4ph] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    position: sticky;
    top: var(--sr-tabs-sticky-top);
    z-index: 50;
    overflow: hidden;
}

.sh-tabs-nav[b-5tz9rxw4ph] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
}

.sh-tabs-nav[b-5tz9rxw4ph]::-webkit-scrollbar {
    display: none;
}

.sh-tab-link[b-5tz9rxw4ph] {
    display: block;
    padding: .7rem 1.05rem;
    color: #6b7280;
    text-decoration: none;
    font-size: .88rem;
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 3px solid transparent;
}

.sh-tab-link:hover[b-5tz9rxw4ph],
.sh-tab-link--active[b-5tz9rxw4ph] {
    color: #006ce4;
    border-bottom-color: #0d6efd;
    background: #f8fbff;
}

.sh-tab-link--active[b-5tz9rxw4ph] {
    color: #003580;
}

.sh-anchor[b-5tz9rxw4ph] {
    scroll-margin-top: calc(var(--sr-tabs-sticky-top) + 2.5rem);
}

.sh-section[b-5tz9rxw4ph] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 1.15rem 1.25rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.sh-section-title[b-5tz9rxw4ph] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 .85rem;
    padding-bottom: .45rem;
    border-bottom: 2px solid #eef2f7;
}

/* Room filter / sort — catalog styling of the offer landing filter bar */
.sh-rf[b-5tz9rxw4ph] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem 1.15rem;
    padding: .7rem .85rem;
    margin-bottom: .85rem;
    background: #f8fbff;
    border: 1px solid #c6d4eb;
    border-radius: .65rem;
}

.sh-rf-group[b-5tz9rxw4ph] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
}

.sh-rf-label[b-5tz9rxw4ph] {
    font-size: .72rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-inline-end: .1rem;
    white-space: nowrap;
}

.sh-rf-search[b-5tz9rxw4ph] {
    display: flex;
    align-items: stretch;
    min-width: min(100%, 12.5rem);
    max-width: 16rem;
    flex: 1 1 12rem;
}

.sh-rf-search .form-control[b-5tz9rxw4ph] {
    border-color: #c6d4eb;
    font-size: .85rem;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.sh-rf-search .form-control:focus[b-5tz9rxw4ph] {
    border-color: #006ce4;
    box-shadow: 0 0 0 .2rem rgba(0, 108, 228, .15);
}

.sh-rf-search .form-control:last-child[b-5tz9rxw4ph] {
    border-radius: .375rem;
}

.sh-rf-search .btn[b-5tz9rxw4ph] {
    border-color: #c6d4eb;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    color: #64748b;
}

.sh-rf-search .btn:hover[b-5tz9rxw4ph] {
    background: #f0f6ff;
    border-color: #006ce4;
    color: #006ce4;
}

.sh-rf-chip[b-5tz9rxw4ph] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .75rem;
    border: 1.5px solid #c6d4eb;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
    white-space: nowrap;
}

.sh-rf-chip:hover[b-5tz9rxw4ph] {
    border-color: #006ce4;
    color: #006ce4;
    background: #f0f6ff;
}

.sh-rf-chip--active[b-5tz9rxw4ph] {
    background: #003580;
    border-color: #003580;
    color: #fff;
}

.sh-rf-chip--active:hover[b-5tz9rxw4ph] {
    background: #00224f;
    border-color: #00224f;
    color: #fff;
}

.sh-rf-meta[b-5tz9rxw4ph] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin: -.35rem 0 .7rem;
    font-size: .8rem;
    color: #6b7280;
}

.sh-html[b-5tz9rxw4ph] {
    line-height: 1.6;
    color: #334155;
}

.sh-html--clamped[b-5tz9rxw4ph] {
    max-height: 4.6em;
    overflow: hidden;
    position: relative;
}

.sh-html--clamped[b-5tz9rxw4ph]::after {
    content: '';
    position: absolute;
    bottom: 0;
    inset-inline: 0;
    height: 1.8em;
    background: linear-gradient(transparent, #fff);
    pointer-events: none;
}

.sh-policy[b-5tz9rxw4ph] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .65rem;
    padding: .9rem 1rem;
}

.sh-facility-group[b-5tz9rxw4ph] {
    font-weight: 700;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #6b7280;
}

.sh-facility-chip[b-5tz9rxw4ph] {
    display: inline-block;
    padding: .25rem .65rem;
    border-radius: 999px;
    background: #f0f6ff;
    color: #006ce4;
    font-size: .82rem;
    margin: .2rem .15rem;
}

/* Rooms — Booking.com-style rate table (fuzzy-grouped types) */
.sh-rt-wrap[b-5tz9rxw4ph] {
    overflow-x: auto;
    border: 1px solid #8ab4f8;
    border-radius: .35rem;
    background: #fff;
}

.sh-rt[b-5tz9rxw4ph] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    table-layout: fixed;
}

.sh-rt thead th[b-5tz9rxw4ph] {
    background: #003580;
    color: #fff;
    font-size: .82rem;
    font-weight: 700;
    text-align: start;
    padding: .65rem .85rem;
    border: 1px solid #00224f;
    vertical-align: middle;
}

.sh-rt-col-cta[b-5tz9rxw4ph] {
    width: 9.5rem;
}

.sh-rt tbody td[b-5tz9rxw4ph] {
    border: 1px solid #c6d4eb;
    padding: .85rem;
    vertical-align: top;
    background: #fff;
}

.sh-rt-row--group-start td[b-5tz9rxw4ph] {
    border-top: 2px solid #003580;
}

.sh-rt tbody tr:first-child td[b-5tz9rxw4ph] {
    border-top-color: #c6d4eb;
}

.sh-rt-room[b-5tz9rxw4ph] {
    width: 28%;
    background: #f8fbff;
}

.sh-rt-room-inner[b-5tz9rxw4ph] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.sh-rt-room-img-wrap[b-5tz9rxw4ph] {
    position: relative;
    display: block;
    width: 100%;
    max-width: 11rem;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    overflow: hidden;
    border-radius: .35rem;
    text-align: start;
}

.sh-rt-room-img[b-5tz9rxw4ph] {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: .35rem;
    display: block;
    background: #e9ecef;
    transition: transform .3s ease, opacity .2s;
}

.sh-rt-room-img-wrap:hover .sh-rt-room-img[b-5tz9rxw4ph] {
    transform: scale(1.04);
    opacity: .9;
}

.sh-rt-room-name[b-5tz9rxw4ph] {
    font-size: .95rem;
    font-weight: 700;
    color: #006ce4;
    line-height: 1.3;
}

.sh-rt-room-benefits[b-5tz9rxw4ph] {
    margin: .35rem 0 0;
    color: #6b7280;
    font-size: .78rem;
    line-height: 1.4;
}

.sh-rt-offer-count[b-5tz9rxw4ph] {
    margin-top: .45rem;
    font-size: .72rem;
    font-weight: 600;
    color: #64748b;
}

.sh-rt-price[b-5tz9rxw4ph] {
    width: 18%;
}

.sh-rt-price-value[b-5tz9rxw4ph] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
    line-height: 1.15;
}

.sh-rt-price-note[b-5tz9rxw4ph],
.sh-rt-price-taxes[b-5tz9rxw4ph] {
    margin-top: .2rem;
    font-size: .72rem;
    color: #6b7280;
}

.sh-rt-choices[b-5tz9rxw4ph] {
    width: 34%;
}

.sh-rt-choice-list[b-5tz9rxw4ph] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.sh-rt-choice[b-5tz9rxw4ph] {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    font-size: .82rem;
    color: #334155;
    line-height: 1.35;
}

.sh-rt-choice i[b-5tz9rxw4ph] {
    margin-top: .1rem;
    font-size: .9rem;
    flex-shrink: 0;
}

.sh-rt-choice--ok[b-5tz9rxw4ph] {
    color: #008009;
    font-weight: 600;
}

.sh-rt-choice--ok i[b-5tz9rxw4ph] {
    color: #008009;
}

.sh-rt-choice--bad[b-5tz9rxw4ph] {
    color: #b91c1c;
    font-weight: 600;
}

.sh-rt-choice--bad i[b-5tz9rxw4ph] {
    color: #dc2626;
}

.sh-rt-choice--muted[b-5tz9rxw4ph] {
    color: #64748b;
    font-weight: 500;
}

.sh-rt-cta[b-5tz9rxw4ph] {
    text-align: center;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

.sh-rt-reserve[b-5tz9rxw4ph] {
    width: 100%;
    position: relative;
    z-index: 1;
    background: #0071c2;
    border-color: #0071c2;
    color: #fff;
    font-weight: 700;
    font-size: .85rem;
    border-radius: .35rem;
    padding: .55rem .65rem;
    white-space: nowrap;
}

.sh-rt-reserve:hover:not(:disabled)[b-5tz9rxw4ph] {
    background: #005999;
    border-color: #005999;
    color: #fff;
}

.sh-rt-reserve:disabled[b-5tz9rxw4ph] {
    opacity: .55;
}

.sh-toast--fixed[b-5tz9rxw4ph] {
    position: fixed;
    bottom: 1.25rem;
    inset-inline: 1rem;
    max-width: 22rem;
    margin-inline: auto;
    z-index: 1080;
    background: #1a1a1a;
    color: #fff;
    font-size: .75rem;
    padding: .4rem .55rem;
    border-radius: 4px;
    text-align: center;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
}

/* Gallery modal */
.sh-gallery-content[b-5tz9rxw4ph] {
    background: #111;
    border: none;
}

.sh-gallery-header[b-5tz9rxw4ph] {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.sh-gallery-body[b-5tz9rxw4ph] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    padding: 1rem;
}

.sh-gallery-main-img[b-5tz9rxw4ph] {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
}

.sh-gallery-nav[b-5tz9rxw4ph] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .15);
    border: none;
    color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
}

.sh-gallery-nav:hover[b-5tz9rxw4ph] {
    background: rgba(255, 255, 255, .28);
}

.sh-gallery-nav--prev[b-5tz9rxw4ph] {
    inset-inline-start: .75rem;
}

.sh-gallery-nav--next[b-5tz9rxw4ph] {
    inset-inline-end: .75rem;
}

.sh-gallery-thumbs[b-5tz9rxw4ph] {
    display: flex;
    gap: .35rem;
    overflow-x: auto;
    padding: .65rem .85rem 1rem;
}

.sh-gallery-thumb-btn[b-5tz9rxw4ph] {
    position: relative;
    flex-shrink: 0;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 4px;
    background: transparent;
    line-height: 0;
    cursor: pointer;
}

.sh-gallery-thumb-btn.active[b-5tz9rxw4ph],
.sh-gallery-thumb-btn:hover[b-5tz9rxw4ph] {
    border-color: #0d6efd;
}

.sh-gallery-thumb[b-5tz9rxw4ph] {
    width: 64px;
    height: 48px;
    object-fit: cover;
    border-radius: 2px;
    opacity: .55;
    display: block;
}

.sh-gallery-thumb-btn.active .sh-gallery-thumb[b-5tz9rxw4ph],
.sh-gallery-thumb-btn:hover .sh-gallery-thumb[b-5tz9rxw4ph] {
    opacity: 1;
}

.sh-gallery-thumb-btn.is-downloading .sh-gallery-thumb[b-5tz9rxw4ph] {
    opacity: .35;
}

.sh-gallery-thumb-status[b-5tz9rxw4ph] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    border-radius: 2px;
}

.sh-gallery-thumb-status .spinner-border[b-5tz9rxw4ph] {
    width: 1.1rem;
    height: 1.1rem;
    border-width: .15rem;
}
/* /Features/HotelCatalog/SelectHotelPage.razor.rz.scp.css */
.sr-page[b-rteyvzbcp7] {
    --sr-search-sticky-top: var(--cat-topbar-clearance, 3.75rem);
    min-height: calc(100vh - 56px);
    background: linear-gradient(180deg, #f3f6fb 0%, #f8fafc 40%, #fff 100%);
}

.sr-search-wrap[b-rteyvzbcp7] {
    background: #003580;
    padding: .85rem 1rem 1.1rem;
    position: sticky;
    top: var(--sr-search-sticky-top);
    z-index: 1020;
    box-shadow: 0 10px 28px rgba(0, 53, 128, .18);
}

.sr-search-inner[b-rteyvzbcp7] {
    max-width: 1200px;
    margin: 0 auto;
}

.sr-content[b-rteyvzbcp7] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.25rem 1rem 2.5rem;
}

.sr-layout[b-rteyvzbcp7] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.sr-mobile-filter-bar[b-rteyvzbcp7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    grid-column: 1 / -1;
}

/* ── Sidebar ─────────────────────────────────────────────────────────────────── */

.sr-sidebar[b-rteyvzbcp7] {
    position: sticky;
    top: calc(var(--sr-search-sticky-top) + 96px);
    max-height: calc(100vh - var(--sr-search-sticky-top) - 112px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.sr-sidebar__header[b-rteyvzbcp7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #eef2f7;
    flex-shrink: 0;
}

.sr-sidebar__title[b-rteyvzbcp7] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #111827;
}

.sr-sidebar__header-actions[b-rteyvzbcp7] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.sr-sidebar__count[b-rteyvzbcp7] {
    padding: 0.55rem 1rem;
    font-size: 0.78rem;
    color: #6b7280;
    border-bottom: 1px solid #eef2f7;
    background: #f8fbff;
    flex-shrink: 0;
}

.sr-sidebar__body[b-rteyvzbcp7] {
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0;
    flex: 1;
}

.sr-sidebar__footer[b-rteyvzbcp7] {
    padding: 0.85rem 1rem;
    border-top: 1px solid #eef2f7;
    flex-shrink: 0;
    background: #fff;
}

.sr-sidebar-backdrop[b-rteyvzbcp7] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.4);
    z-index: 1040;
}

/* ── Main column ─────────────────────────────────────────────────────────────── */

.sr-main[b-rteyvzbcp7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.sr-heading-block[b-rteyvzbcp7] {
    margin-bottom: 0.15rem;
}

.sr-heading[b-rteyvzbcp7] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 .2rem;
    color: #111827;
}

.sr-meta[b-rteyvzbcp7] {
    color: #6b7280;
    font-size: .9rem;
}

.sr-sort-bar[b-rteyvzbcp7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.sr-sort-tabs[b-rteyvzbcp7] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 0.2rem;
    background: #f3f4f6;
    border-radius: 0.65rem;
}

.sr-sort-tab[b-rteyvzbcp7] {
    padding: 0.4rem 0.9rem;
    border: none;
    border-radius: 0.5rem;
    background: transparent;
    color: #6b7280;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}

.sr-sort-tab:hover:not(.active)[b-rteyvzbcp7] {
    color: #1e40af;
    background: #eff6ff;
}

.sr-sort-tab.active[b-rteyvzbcp7] {
    background: #0d6efd;
    color: #fff;
    box-shadow: 0 2px 6px rgba(13, 110, 253, 0.28);
}

.sr-list[b-rteyvzbcp7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.sr-skeleton[b-rteyvzbcp7] {
    pointer-events: none;
}

.sr-skel-card[b-rteyvzbcp7] {
    display: flex;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 0.875rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.sr-skel-media[b-rteyvzbcp7],
.sr-skel-line[b-rteyvzbcp7],
.sr-skel-chip[b-rteyvzbcp7],
.sr-skel-block[b-rteyvzbcp7] {
    background: linear-gradient(90deg, #e8edf5 25%, #f4f7fb 50%, #e8edf5 75%);
    background-size: 200% 100%;
    animation: sr-skel-shimmer-b-rteyvzbcp7 1.35s infinite linear;
}

.sr-skel-media[b-rteyvzbcp7] {
    flex: 0 0 240px;
    max-width: 40%;
    min-height: 200px;
}

.sr-skel-body[b-rteyvzbcp7] {
    flex: 1 1 auto;
    display: flex;
    gap: 1rem;
    padding: 1rem;
    min-width: 0;
}

.sr-skel-main[b-rteyvzbcp7] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.sr-skel-aside[b-rteyvzbcp7] {
    flex: 0 0 190px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .65rem;
}

.sr-skel-line[b-rteyvzbcp7] {
    height: .75rem;
    border-radius: 6px;
}

.sr-skel-line--name[b-rteyvzbcp7] {
    width: min(16rem, 70%);
    height: 1.1rem;
}

.sr-skel-line--stars[b-rteyvzbcp7] {
    width: 5rem;
    height: .7rem;
}

.sr-skel-line--loc[b-rteyvzbcp7] {
    width: min(12rem, 55%);
}

.sr-skel-line--room[b-rteyvzbcp7] {
    width: min(10rem, 45%);
}

.sr-skel-line--sm[b-rteyvzbcp7] {
    width: 4.5rem;
    height: .8rem;
    margin-bottom: .3rem;
}

.sr-skel-line--xs[b-rteyvzbcp7] {
    width: 3.5rem;
    height: .65rem;
}

.sr-skel-line--price[b-rteyvzbcp7] {
    width: 6.5rem;
    height: 1.2rem;
    margin: .25rem 0;
}

.sr-skel-badges[b-rteyvzbcp7] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .15rem;
}

.sr-skel-chip[b-rteyvzbcp7] {
    width: 5.5rem;
    height: 1.2rem;
    border-radius: 4px;
}

.sr-skel-score[b-rteyvzbcp7] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}

.sr-skel-block[b-rteyvzbcp7] {
    border-radius: 6px;
}

.sr-skel-block--score[b-rteyvzbcp7] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 6px 6px 6px 0;
}

:dir(rtl) .sr-skel-block--score[b-rteyvzbcp7] {
    border-radius: 6px 6px 0 6px;
}

.sr-skel-price[b-rteyvzbcp7] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .2rem;
}

.sr-skel-block--cta[b-rteyvzbcp7] {
    width: 8.5rem;
    height: 2.35rem;
    border-radius: .55rem;
}

.sr-streaming[b-rteyvzbcp7] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 0.75rem;
    background: #eff6ff;
    color: #1e40af;
    font-size: 0.82rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.sr-streaming-pulse[b-rteyvzbcp7] {
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    background: #0d6efd;
    animation: sr-streaming-pulse-b-rteyvzbcp7 1.1s ease-in-out infinite;
}

@keyframes sr-skel-shimmer-b-rteyvzbcp7 {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

@keyframes sr-streaming-pulse-b-rteyvzbcp7 {
    0%,
    100% {
        opacity: .35;
        transform: scale(.85);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 767.98px) {
    .sr-skel-card[b-rteyvzbcp7] {
        flex-direction: column;
    }

    .sr-skel-media[b-rteyvzbcp7] {
        flex: none;
        max-width: none;
        min-height: 180px;
        height: 180px;
    }

    .sr-skel-body[b-rteyvzbcp7] {
        flex-direction: column;
    }

    .sr-skel-aside[b-rteyvzbcp7] {
        flex: none;
        width: 100%;
        align-items: stretch;
    }

    .sr-skel-score[b-rteyvzbcp7] {
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .sr-skel-price[b-rteyvzbcp7] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: baseline;
        gap: .35rem .75rem;
    }

    .sr-skel-block--cta[b-rteyvzbcp7] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sr-skel-media[b-rteyvzbcp7],
    .sr-skel-line[b-rteyvzbcp7],
    .sr-skel-chip[b-rteyvzbcp7],
    .sr-skel-block[b-rteyvzbcp7],
    .sr-streaming-pulse[b-rteyvzbcp7] {
        animation: none;
    }
}

@media (max-width: 991.98px) {
    .sr-layout[b-rteyvzbcp7] {
        grid-template-columns: 1fr;
    }

    .sr-search-wrap[b-rteyvzbcp7] {
        position: sticky;
        top: var(--sr-search-sticky-top);
        padding: .45rem .65rem .55rem;
    }

    .sr-content[b-rteyvzbcp7] {
        padding: .85rem .75rem 2rem;
    }

    .sr-heading[b-rteyvzbcp7] {
        font-size: 1.1rem;
    }

    .sr-meta[b-rteyvzbcp7] {
        font-size: .82rem;
    }

    .sr-sort-tab[b-rteyvzbcp7] {
        padding: .35rem .7rem;
        font-size: .75rem;
    }

    .sr-sidebar[b-rteyvzbcp7] {
        position: fixed;
        top: 0;
        inset-inline-start: 0;
        bottom: 0;
        width: min(20rem, 88vw);
        max-height: none;
        z-index: 1050;
        border-radius: 0;
        transform: translateX(-105%);
        transition: transform 0.22s ease-out;
        box-shadow: 8px 0 32px rgba(15, 23, 42, 0.18);
        display: none;
    }

    :dir(rtl) .sr-sidebar[b-rteyvzbcp7] {
        transform: translateX(105%);
        box-shadow: -8px 0 32px rgba(15, 23, 42, 0.18);
    }

    .sr-sidebar--open[b-rteyvzbcp7] {
        display: flex;
        transform: translateX(0);
    }

    :dir(rtl) .sr-sidebar--open[b-rteyvzbcp7] {
        transform: translateX(0);
    }
}
/* /Features/HotelOffer/Components/OfferBookingModal.razor.rz.scp.css */
/* Mobile-first end-customer booking modal */

.ob-modal[b-ktizoncqve] {
    z-index: 1060;
}

.ob-content[b-ktizoncqve] {
    border: none;
    border-radius: 0;
}

/* Sticky header with branded gradient */
.ob-header[b-ktizoncqve] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(135deg, #1a1a2e 0%, #2d2d6b 100%);
    color: #fff;
    border-bottom: none;
}

.ob-header .modal-title[b-ktizoncqve] {
    font-size: 1.05rem;
    font-weight: 700;
}

.ob-body[b-ktizoncqve] {
    background: #f6f7fb;
    -webkit-overflow-scrolling: touch;
}

.ob-intro[b-ktizoncqve] {
    font-size: .9rem;
    color: #5a5a6e;
    margin-bottom: 1rem;
}

.ob-empty-icon[b-ktizoncqve] {
    font-size: 3.5rem;
    color: #c7c9d6;
}

/* Room card */
.ob-room-card[b-ktizoncqve] {
    background: #fff;
    border: 1px solid #e7e8f0;
    border-radius: 14px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(20, 20, 50, .05);
}

.ob-room-head[b-ktizoncqve] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding-bottom: .75rem;
    margin-bottom: .75rem;
    border-bottom: 1px solid #eef0f6;
}

.ob-room-title[b-ktizoncqve] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    min-width: 0;
}

.ob-room-badge[b-ktizoncqve] {
    background: #eef0ff;
    color: #2d2d6b;
    font-weight: 700;
    font-size: .75rem;
    padding: .2rem .55rem;
    border-radius: 999px;
    white-space: nowrap;
}

.ob-room-name[b-ktizoncqve] {
    font-weight: 600;
    color: #1a1a2e;
    font-size: .95rem;
}

.ob-meal[b-ktizoncqve] {
    font-size: .65rem;
}

.ob-room-price[b-ktizoncqve] {
    font-weight: 700;
    color: #2d2d6b;
    white-space: nowrap;
}

.ob-remove[b-ktizoncqve] {
    flex: 0 0 auto;
    height: calc(1.5em + 1rem + 2px);
}

/* Guest accordion row */
.ob-guest[b-ktizoncqve] {
    border: 1px solid #e7e8f0;
    border-radius: 12px;
    margin-top: .6rem;
    background: #fff;
    overflow: hidden;
    transition: border-color .15s, box-shadow .15s;
}

.ob-guest--open[b-ktizoncqve] {
    border-color: #c7cbf5;
    box-shadow: 0 2px 8px rgba(45, 45, 107, .08);
}

.ob-guest--error[b-ktizoncqve] {
    border-color: #f1aeb5;
}

.ob-guest-header[b-ktizoncqve] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    border: none;
    background: transparent;
    padding: .7rem .85rem;
    cursor: pointer;
    text-align: left;
}

.ob-guest-role[b-ktizoncqve] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: .82rem;
    font-weight: 700;
    color: #2d2d6b;
    flex-shrink: 0;
    line-height: 1.25;
}

.ob-guest-role-main[b-ktizoncqve] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.ob-guest-role-age[b-ktizoncqve] {
    font-size: .72rem;
    font-weight: 600;
    color: #6c757d;
    white-space: nowrap;
    margin-inline-start: 1.15rem;
}

.ob-guest-status[b-ktizoncqve] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
}

.ob-guest-summary[b-ktizoncqve] {
    font-size: .82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 45vw;
}

.ob-guest-summary--done[b-ktizoncqve] {
    color: #198754;
    font-weight: 600;
}

.ob-guest-summary--empty[b-ktizoncqve] {
    color: #9a9aae;
}

.ob-guest-summary--error[b-ktizoncqve] {
    color: #dc3545;
    font-weight: 600;
}

.ob-guest-chevron[b-ktizoncqve] {
    color: #9a9aae;
    transition: transform .2s;
    flex-shrink: 0;
}

.ob-guest--open .ob-guest-chevron[b-ktizoncqve] {
    transform: rotate(180deg);
}

.ob-guest-body[b-ktizoncqve] {
    padding: .75rem .85rem .85rem;
    border-top: 1px solid #eef0f6;
}

.ob-guest-done[b-ktizoncqve] {
    margin-top: .75rem;
    border-radius: 10px;
    font-weight: 600;
}

/* Larger touch targets on mobile */
.ob-body .form-control[b-ktizoncqve],
.ob-body .form-select[b-ktizoncqve] {
    min-height: 46px;
    font-size: 1rem;
}

/* Readonly age: label at start, value at end over the textbox */
.ob-age-field[b-ktizoncqve] {
    position: relative;
}

.ob-age-field-input[b-ktizoncqve] {
    color: transparent;
    -moz-appearance: textfield;
    appearance: textfield;
}

.ob-age-field-input[b-ktizoncqve]::-webkit-outer-spin-button,
.ob-age-field-input[b-ktizoncqve]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ob-age-field-overlay[b-ktizoncqve] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    pointer-events: none;
    color: #495057;
    font-size: 1rem;
}

/* Flag badge preceding the dial-code input */
.ob-dial-flag[b-ktizoncqve] {
    font-size: 1.25rem;
    padding: 0 .55rem;
    line-height: 1;
    background: #f0f1fa;
    border-right: none;
    user-select: none;
}

/* Narrow country dial-code picker inside the phone input group */
.ob-dial-input[b-ktizoncqve] {
    flex: 0 0 82px;
    max-width: 82px;
    min-width: 0;
    padding-left: .5rem;
    padding-right: .35rem;
    font-size: .9rem;
    border-left: none;
    border-right: none;
}

/* Field label above the date / passport inputs */
.ob-field-label[b-ktizoncqve] {
    display: block;
    font-size: .74rem;
    font-weight: 600;
    color: #6a6a7e;
    margin-bottom: .2rem;
}

/* Chosen flight recap on the traveller details step */
.ob-flight-summary[b-ktizoncqve] {
    background: #fff;
    border: 1px solid #e7e8f0;
    border-radius: 14px;
    padding: .8rem .9rem;
    margin-bottom: 1rem;
}

.ob-flight-summary-head[b-ktizoncqve] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .45rem;
}

.ob-flight-summary-airline[b-ktizoncqve] {
    font-weight: 700;
    font-size: .9rem;
    color: #1a1a2e;
}

.ob-flight-change[b-ktizoncqve] {
    border: none;
    background: transparent;
    color: #2d2d6b;
    font-size: .8rem;
    font-weight: 700;
    padding: .2rem .1rem;
}

.ob-flight-summary-leg[b-ktizoncqve] {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .85rem;
    font-weight: 600;
    color: #4a4a5e;
    padding: .15rem 0;
}

.ob-flight-summary-time[b-ktizoncqve] {
    margin-inline-start: auto;
    font-weight: 500;
    font-size: .78rem;
    color: #8a8a9e;
    white-space: nowrap;
}

.ob-flight-summary-note[b-ktizoncqve] {
    margin-top: .5rem;
    padding-top: .5rem;
    border-top: 1px solid #f2f3f8;
    font-size: .76rem;
    color: #8a8a9e;
}

/* Sticky footer */
.ob-footer[b-ktizoncqve] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    flex-direction: column;
    align-items: stretch;
    gap: .6rem;
    background: #fff;
    border-top: 1px solid #e7e8f0;
    box-shadow: 0 -2px 10px rgba(20, 20, 50, .06);
}

.ob-total[b-ktizoncqve] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    font-weight: 700;
    font-size: 1.05rem;
}

.ob-total-label[b-ktizoncqve] {
    min-width: 0;
}

.ob-total-end[b-ktizoncqve] {
    display: inline-flex;
    align-items: baseline;
    gap: .55rem;
    flex-shrink: 0;
}

.ob-total-amount[b-ktizoncqve] {
    color: #2d2d6b;
    font-size: 1.25rem;
}

.ob-total-amount--was[b-ktizoncqve] {
    font-size: .95rem;
    font-weight: 600;
    color: #8a8a9e;
    text-decoration: line-through;
}

.ob-total-discount[b-ktizoncqve] {
    font-weight: 600;
    font-size: .82rem;
    color: #dc3545;
    white-space: nowrap;
}

.ob-total--points[b-ktizoncqve] {
    font-weight: 600;
    font-size: .9rem;
    color: #5a5a6e;
}

.ob-promo[b-ktizoncqve] {
    background: #fff;
    border: 1px solid #e7e8f0;
    border-radius: 14px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(20, 20, 50, .05);
}

.ob-promo-head[b-ktizoncqve] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-weight: 700;
    color: #2d2d6b;
    margin-bottom: .45rem;
}

.ob-promo-head .bi[b-ktizoncqve] {
    color: #198754;
}

.ob-promo-applied[b-ktizoncqve] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    font-size: .85rem;
    font-weight: 600;
    color: #198754;
}

.ob-promo-field[b-ktizoncqve] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding-block: .3rem;
    padding-inline: .75rem .3rem;
    background: #f4f5f9;
    border: 1px solid #e7e8f0;
    border-radius: 12px;
    transition: border-color .15s, box-shadow .15s, background .15s;
}

.ob-promo-field:focus-within[b-ktizoncqve] {
    background: #fff;
    border-color: #c7cbf5;
    box-shadow: 0 0 0 3px rgba(45, 45, 107, .08);
}

.ob-promo-input[b-ktizoncqve] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 40px !important;
    padding-inline: 0;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ob-promo-apply[b-ktizoncqve] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    min-height: 40px;
    min-width: 5.75rem;
    padding: .35rem 1rem;
    border: none;
    border-radius: 10px;
    background: #d8dae6;
    color: #4a4a5e;
    font-weight: 700;
    font-size: .85rem;
    line-height: 1;
    transition: background .15s, color .15s;
}

.ob-promo-apply:hover:not(:disabled)[b-ktizoncqve] {
    background: #c7c9d6;
    color: #3a3a4e;
}

.ob-promo-apply:focus-visible[b-ktizoncqve] {
    outline: 2px solid #8a8a9e;
    outline-offset: 2px;
}

.ob-promo-apply:disabled[b-ktizoncqve] {
    opacity: .55;
}

.ob-promo-outcome[b-ktizoncqve] {
    font-weight: 600;
    font-size: .88rem;
    color: #2d2d6b;
    margin-top: .35rem;
}

.ob-promo-hint[b-ktizoncqve],
.ob-promo-error[b-ktizoncqve] {
    font-size: .82rem;
    margin-top: .35rem;
}

.ob-promo-hint[b-ktizoncqve] {
    color: #5a5a6e;
}

.ob-promo-error[b-ktizoncqve] {
    color: #b02a37;
}

.ob-total--payable .ob-total-amount[b-ktizoncqve] {
    color: #198754;
}

.ob-redeem[b-ktizoncqve] {
    background: #fff;
    border: 1px solid #e7e8f0;
    border-radius: 14px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(20, 20, 50, .05);
}

.ob-redeem-head[b-ktizoncqve] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-weight: 700;
    color: #2d2d6b;
    margin-bottom: .35rem;
}

.ob-redeem-head .bi[b-ktizoncqve] {
    color: #c9a227;
}

.ob-redeem-balance[b-ktizoncqve] {
    font-size: .9rem;
    color: #5a5a6e;
    margin-bottom: .75rem;
}

.ob-redeem-chips[b-ktizoncqve] {
    display: flex;
    gap: .45rem;
    margin-bottom: .85rem;
}

.ob-redeem-chip[b-ktizoncqve] {
    flex: 1 1 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: .4rem .65rem;
    border: 1.5px solid #e2e4ef;
    border-radius: 999px;
    background: #fff;
    color: #4a4a5e;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}

.ob-redeem-chip:hover:not(:disabled):not(.ob-redeem-chip--on)[b-ktizoncqve] {
    border-color: #c7cbf5;
    color: #2d2d6b;
}

.ob-redeem-chip--on[b-ktizoncqve] {
    border-color: #2d2d6b;
    background: #eef0ff;
    color: #2d2d6b;
}

.ob-redeem-chip:disabled[b-ktizoncqve] {
    opacity: .55;
}

.ob-redeem-input[b-ktizoncqve] {
    max-width: 10rem;
    margin-bottom: .35rem;
}

.ob-redeem-slider[b-ktizoncqve] {
    margin-bottom: .15rem;
}

.ob-redeem-slider-ends[b-ktizoncqve] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: .5rem;
    font-size: .75rem;
    color: #8a8a9e;
    margin-bottom: .65rem;
}

.ob-redeem-slider-current[b-ktizoncqve] {
    font-weight: 700;
    color: #2d2d6b;
    font-size: .82rem;
}

.ob-redeem-outcome[b-ktizoncqve] {
    font-weight: 600;
    font-size: .88rem;
    color: #2d2d6b;
    margin-top: .2rem;
    margin-bottom: .25rem;
}

.ob-redeem-hint[b-ktizoncqve] {
    font-size: .82rem;
    color: #5a5a6e;
}

.ob-actions[b-ktizoncqve] {
    display: flex;
    gap: .6rem;
}

.ob-btn[b-ktizoncqve] {
    flex: 1 1 0;
    min-height: 50px;
    font-weight: 700;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ob-pay[b-ktizoncqve] {
    box-shadow: 0 4px 12px rgba(25, 135, 84, .25);
}

.ob-pricechange[b-ktizoncqve] {
    font-size: .9rem;
}

/* Step indicator in header */
.ob-header-inner[b-ktizoncqve] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
    flex: 1;
}

.ob-step-indicator[b-ktizoncqve] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.ob-step-dot[b-ktizoncqve] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .72rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .5);
    transition: color .2s;
}

.ob-step-dot--active[b-ktizoncqve] {
    color: #fff;
}

.ob-step-arrow[b-ktizoncqve] {
    font-size: .65rem;
    color: rgba(255, 255, 255, .35);
}

/* Flip directional icons in RTL (Next/Back/step chevron). */
:dir(rtl) .ob-rtl-flip[b-ktizoncqve] {
    transform: scaleX(-1);
}

/* Step 1: read-only room summary */
.ob-room-card--summary[b-ktizoncqve] {
    padding: .9rem 1rem;
}

.ob-room-summary[b-ktizoncqve] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .65rem;
}

.ob-occ-summary[b-ktizoncqve] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.ob-occ-pill[b-ktizoncqve] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    background: #f4f5f9;
    color: #4a4a5e;
    font-size: .8rem;
    font-weight: 600;
    padding: .3rem .65rem;
    border-radius: 8px;
    line-height: 1.2;
}

.ob-occ-pill i[b-ktizoncqve] {
    font-size: .85rem;
    color: #6a6a7e;
}

/* Summary chip (multi-room total on step 1) */
.ob-summary-chip[b-ktizoncqve] {
    display: inline-flex;
    align-items: center;
    background: #eef0ff;
    color: #2d2d6b;
    font-size: .82rem;
    font-weight: 600;
    padding: .35rem .85rem;
    border-radius: 999px;
    margin-top: .25rem;
    margin-bottom: .25rem;
}

/* Room actions row (price + optional remove) */
.ob-room-actions[b-ktizoncqve] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.ob-remove-sm[b-ktizoncqve] {
    padding: .2rem .45rem;
    line-height: 1;
}

/* Occupancy pill shown in step 2 room header */
.ob-room-occupancy-pill[b-ktizoncqve] {
    font-size: .78rem;
    font-weight: 600;
    color: #6a6a7e;
    white-space: nowrap;
}

/* Snap to the device viewport on mobile so the modal behaves like a native full-screen app:
   header + footer pinned, only the body scrolls, sized to the dynamic viewport (dvh) so the
   browser chrome never hides the footer. */
@media (max-width: 575.98px) {
    .ob-modal[b-ktizoncqve] {
        padding: 0 !important;
        overflow: hidden;
    }

    .ob-modal .modal-dialog[b-ktizoncqve] {
        width: 100%;
        max-width: none;
        height: 100dvh;
        max-height: 100dvh;
        margin: 0;
    }

    .ob-content[b-ktizoncqve] {
        height: 100dvh;
        max-height: 100dvh;
        display: flex;
        flex-direction: column;
        border-radius: 0;
    }

    .ob-body[b-ktizoncqve] {
        flex: 1 1 auto;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .ob-header[b-ktizoncqve] {
        flex: 0 0 auto;
        padding-top: max(.75rem, env(safe-area-inset-top));
    }

    .ob-footer[b-ktizoncqve] {
        flex: 0 0 auto;
        padding-bottom: max(.75rem, env(safe-area-inset-bottom));
    }
}

/* Older browsers without dvh support fall back to the visual viewport height. */
@supports not (height: 100dvh) {
    @media (max-width: 575.98px) {

        .ob-modal .modal-dialog[b-ktizoncqve],
        .ob-content[b-ktizoncqve] {
            height: 100vh;
            max-height: 100vh;
        }
    }
}

/* Desktop refinements */
@media (min-width: 576px) {
    .ob-content[b-ktizoncqve] {
        border-radius: 16px;
        overflow: hidden;
    }

    .ob-actions[b-ktizoncqve] {
        justify-content: flex-end;
    }

    .ob-btn[b-ktizoncqve] {
        flex: 0 0 auto;
        min-width: 170px;
    }
}
/* /Features/HotelOffer/Components/OfferFlightCard.razor.rz.scp.css */
/* Mobile-first flight result card */

.ofc[b-gjxdyvattf] {
    background: #fff;
    border: 1px solid #e7e8f0;
    border-radius: 14px;
    margin-bottom: .75rem;
    overflow: hidden;
    transition: border-color .15s, box-shadow .15s;
}

.ofc--selected[b-gjxdyvattf] {
    border-color: #2d2d6b;
    box-shadow: 0 2px 10px rgba(45, 45, 107, .14);
}

.ofc-main[b-gjxdyvattf] {
    display: block;
    width: 100%;
    border: none;
    background: transparent;
    text-align: start;
    padding: .85rem .9rem .6rem;
}

.ofc-top[b-gjxdyvattf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .6rem;
}

.ofc-airline[b-gjxdyvattf] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.ofc-logo[b-gjxdyvattf] {
    width: 26px;
    height: 26px;
    object-fit: contain;
    border-radius: 6px;
    flex-shrink: 0;
}

.ofc-logo--fallback[b-gjxdyvattf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef0ff;
    color: #2d2d6b;
    font-size: .85rem;
}

.ofc-airline-name[b-gjxdyvattf] {
    font-weight: 600;
    font-size: .88rem;
    color: #1a1a2e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ofc-fare[b-gjxdyvattf] {
    font-weight: 800;
    font-size: 1.05rem;
    color: #2d2d6b;
    white-space: nowrap;
}

.ofc-fare small[b-gjxdyvattf] {
    font-size: .72rem;
    font-weight: 600;
    color: #6a6a7e;
}

.ofc-leg[b-gjxdyvattf] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .5rem 0;
}

.ofc-leg + .ofc-leg[b-gjxdyvattf] {
    border-top: 1px dashed #eef0f6;
}

.ofc-leg-icon[b-gjxdyvattf] {
    color: #9a9aae;
    font-size: .8rem;
    padding-top: .15rem;
    flex-shrink: 0;
}

.ofc-leg-body[b-gjxdyvattf] {
    flex: 1;
    min-width: 0;
}

.ofc-times[b-gjxdyvattf] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.ofc-time[b-gjxdyvattf] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a2e;
    white-space: nowrap;
}

.ofc-day-offset[b-gjxdyvattf] {
    font-size: .6rem;
    font-weight: 700;
    color: #dc3545;
}

.ofc-track[b-gjxdyvattf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
}

.ofc-track-line[b-gjxdyvattf] {
    width: 100%;
    height: 2px;
    background: #e2e4ef;
    border-radius: 2px;
}

.ofc-track-label[b-gjxdyvattf] {
    font-size: .7rem;
    color: #8a8a9e;
    margin-top: .15rem;
    white-space: nowrap;
}

.ofc-route[b-gjxdyvattf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-top: .2rem;
    font-size: .78rem;
    font-weight: 600;
    color: #6a6a7e;
}

.ofc-stops[b-gjxdyvattf] {
    font-weight: 600;
    color: #8a8a9e;
}

.ofc-stops--direct[b-gjxdyvattf] {
    color: #198754;
}

.ofc-date[b-gjxdyvattf] {
    font-size: .72rem;
    color: #9a9aae;
    margin-top: .15rem;
}

.ofc-pills[b-gjxdyvattf] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .5rem;
}

.ofc-pill[b-gjxdyvattf] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    background: #f4f5f9;
    color: #4a4a5e;
    font-size: .72rem;
    font-weight: 600;
    padding: .25rem .55rem;
    border-radius: 8px;
    line-height: 1.25;
}

.ofc-pill--good[b-gjxdyvattf] {
    background: #e8f5ee;
    color: #146c43;
}

.ofc-pill--muted[b-gjxdyvattf] {
    background: #f8f8fb;
    color: #9a9aae;
}

.ofc-actions[b-gjxdyvattf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .5rem .9rem .7rem;
    border-top: 1px solid #f2f3f8;
}

.ofc-details[b-gjxdyvattf] {
    border: none;
    background: transparent;
    color: #2d2d6b;
    font-size: .8rem;
    font-weight: 600;
    padding: .3rem 0;
}

.ofc-choose[b-gjxdyvattf] {
    border: 1px solid #2d2d6b;
    background: #2d2d6b;
    color: #fff;
    font-size: .82rem;
    font-weight: 700;
    padding: .45rem 1.1rem;
    border-radius: 10px;
    min-height: 40px;
}

.ofc-choose:disabled[b-gjxdyvattf] {
    opacity: .55;
}

.ofc-selected-badge[b-gjxdyvattf] {
    display: inline-flex;
    align-items: center;
    color: #198754;
    font-size: .82rem;
    font-weight: 700;
}

:dir(rtl) .ofc-rtl-flip[b-gjxdyvattf] {
    transform: scaleX(-1);
}
/* /Features/HotelOffer/Components/OfferFlightDetailsSheet.razor.rz.scp.css */
/* Bottom sheet with the full itinerary */

.ofs-backdrop[b-5mhwazum0x] {
    position: fixed;
    inset: 0;
    background: rgba(10, 10, 25, .5);
    z-index: 1070;
}

.ofs[b-5mhwazum0x] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1071;
    display: flex;
    flex-direction: column;
    max-height: 88dvh;
    background: #fff;
    border-radius: 18px 18px 0 0;
    box-shadow: 0 -6px 24px rgba(20, 20, 50, .2);
    animation: ofs-rise-b-5mhwazum0x .2s ease-out;
}

@keyframes ofs-rise-b-5mhwazum0x {
    from {
        transform: translateY(12%);
        opacity: .6;
    }
}

.ofs-grip[b-5mhwazum0x] {
    width: 40px;
    height: 4px;
    border-radius: 999px;
    background: #dcdee9;
    margin: .5rem auto .25rem;
    flex: 0 0 auto;
}

.ofs-head[b-5mhwazum0x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .35rem 1rem .6rem;
    border-bottom: 1px solid #eef0f6;
    flex: 0 0 auto;
}

.ofs-title[b-5mhwazum0x] {
    margin: 0;
    font-weight: 700;
    color: #1a1a2e;
}

.ofs-body[b-5mhwazum0x] {
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .85rem 1rem 1rem;
}

.ofs-leg-head[b-5mhwazum0x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin: .75rem 0 .5rem;
}

.ofs-leg-head:first-child[b-5mhwazum0x] {
    margin-top: 0;
}

.ofs-leg-badge[b-5mhwazum0x] {
    background: #eef0ff;
    color: #2d2d6b;
    font-size: .72rem;
    font-weight: 700;
    padding: .2rem .55rem;
    border-radius: 999px;
}

.ofs-leg-route[b-5mhwazum0x] {
    font-weight: 600;
    font-size: .9rem;
    color: #1a1a2e;
}

.ofs-leg-duration[b-5mhwazum0x] {
    margin-inline-start: auto;
    font-size: .78rem;
    color: #8a8a9e;
    white-space: nowrap;
}

.ofs-timeline[b-5mhwazum0x] {
    background: #f8f9fc;
    border: 1px solid #eef0f6;
    border-radius: 12px;
    padding: .75rem .85rem;
}

.ofs-segment + .ofs-segment[b-5mhwazum0x] {
    margin-top: .2rem;
}

.ofs-node[b-5mhwazum0x] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
}

.ofs-node-time[b-5mhwazum0x] {
    width: 46px;
    flex: 0 0 46px;
    font-weight: 700;
    font-size: .85rem;
    color: #1a1a2e;
}

.ofs-day-offset[b-5mhwazum0x] {
    font-size: .58rem;
    color: #dc3545;
    font-weight: 700;
}

.ofs-node-dot[b-5mhwazum0x] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 2px solid #2d2d6b;
    background: #fff;
    margin-top: .3rem;
    flex: 0 0 auto;
}

.ofs-node-place[b-5mhwazum0x] {
    display: flex;
    flex-direction: column;
    font-size: .82rem;
    color: #4a4a5e;
    min-width: 0;
}

.ofs-terminal[b-5mhwazum0x],
.ofs-node-date[b-5mhwazum0x] {
    font-size: .72rem;
    color: #9a9aae;
}

.ofs-carrier[b-5mhwazum0x] {
    display: flex;
    gap: .6rem;
    padding: .3rem 0;
}

.ofs-carrier-line[b-5mhwazum0x] {
    width: 2px;
    background: #d7dae9;
    margin-inline-start: calc(46px + .6rem + 3.5px);
    flex: 0 0 2px;
}

.ofs-carrier-info[b-5mhwazum0x] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    font-size: .8rem;
    color: #4a4a5e;
    padding-inline-start: .35rem;
}

.ofs-carrier-meta[b-5mhwazum0x] {
    font-size: .74rem;
    color: #8a8a9e;
}

.ofs-layover[b-5mhwazum0x] {
    margin: .45rem 0 .45rem calc(46px + .6rem);
    font-size: .76rem;
    font-weight: 600;
    color: #9a6b00;
    background: #fff6e0;
    border-radius: 8px;
    padding: .25rem .55rem;
    display: inline-block;
}

.ofs-facts[b-5mhwazum0x] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    margin-top: .9rem;
}

.ofs-fact[b-5mhwazum0x] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .82rem;
    color: #4a4a5e;
}

.ofs-fact i[b-5mhwazum0x] {
    color: #6a6a7e;
}

.ofs-foot[b-5mhwazum0x] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem 1rem max(.75rem, env(safe-area-inset-bottom));
    border-top: 1px solid #eef0f6;
    background: #fff;
}

.ofs-fare[b-5mhwazum0x] {
    display: flex;
    flex-direction: column;
    font-size: .78rem;
    color: #6a6a7e;
}

.ofs-fare strong[b-5mhwazum0x] {
    font-size: 1.1rem;
    color: #2d2d6b;
}

.ofs-choose[b-5mhwazum0x] {
    border: none;
    background: #2d2d6b;
    color: #fff;
    font-weight: 700;
    border-radius: 12px;
    min-height: 48px;
    padding: 0 1.4rem;
}

.ofs-choose:disabled[b-5mhwazum0x] {
    opacity: .55;
}

:dir(rtl) .ofs-rtl-flip[b-5mhwazum0x] {
    transform: scaleX(-1);
}

@media (min-width: 576px) {
    .ofs[b-5mhwazum0x] {
        left: 50%;
        right: auto;
        bottom: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 560px;
        max-height: 82vh;
        border-radius: 16px;
        animation: none;
    }

    .ofs-grip[b-5mhwazum0x] {
        display: none;
    }
}
/* /Features/HotelOffer/Components/OfferFlightFilterSheet.razor.rz.scp.css */
/* Bottom sheet holding the flight filters */

.off-backdrop[b-5er5ty2kj9] {
    position: fixed;
    inset: 0;
    background: rgba(10, 10, 25, .5);
    z-index: 1070;
}

.off[b-5er5ty2kj9] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1071;
    display: flex;
    flex-direction: column;
    max-height: 88dvh;
    background: #fff;
    border-radius: 18px 18px 0 0;
    box-shadow: 0 -6px 24px rgba(20, 20, 50, .2);
    animation: off-rise-b-5er5ty2kj9 .2s ease-out;
}

@keyframes off-rise-b-5er5ty2kj9 {
    from {
        transform: translateY(12%);
        opacity: .6;
    }
}

.off-grip[b-5er5ty2kj9] {
    width: 40px;
    height: 4px;
    border-radius: 999px;
    background: #dcdee9;
    margin: .5rem auto .25rem;
    flex: 0 0 auto;
}

.off-head[b-5er5ty2kj9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .35rem 1rem .6rem;
    border-bottom: 1px solid #eef0f6;
    flex: 0 0 auto;
}

.off-title[b-5er5ty2kj9] {
    margin: 0;
    font-weight: 700;
    color: #1a1a2e;
}

.off-body[b-5er5ty2kj9] {
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .5rem 1rem 1rem;
}

.off-group[b-5er5ty2kj9] {
    padding: .8rem 0;
    border-bottom: 1px solid #f2f3f8;
}

.off-group:last-child[b-5er5ty2kj9] {
    border-bottom: none;
}

.off-group-title[b-5er5ty2kj9] {
    font-size: .8rem;
    font-weight: 700;
    color: #6a6a7e;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-bottom: .55rem;
}

.off-chips[b-5er5ty2kj9] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.off-chip[b-5er5ty2kj9] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #e2e4ef;
    background: #fff;
    color: #4a4a5e;
    font-size: .82rem;
    font-weight: 600;
    padding: .5rem .85rem;
    border-radius: 10px;
    min-height: 44px;
    justify-content: center;
}

.off-chip--on[b-5er5ty2kj9] {
    border-color: #2d2d6b;
    background: #eef0ff;
    color: #2d2d6b;
}

.off-chip-hint[b-5er5ty2kj9] {
    font-size: .66rem;
    font-weight: 500;
    color: #9a9aae;
}

.off-chip--on .off-chip-hint[b-5er5ty2kj9] {
    color: #6a6ab0;
}

.off-switch[b-5er5ty2kj9] {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-size: .88rem;
    color: #4a4a5e;
    margin: 0;
}

.off-switch .form-check-input[b-5er5ty2kj9] {
    width: 2.6rem;
    height: 1.45rem;
    margin: 0;
    flex: 0 0 auto;
}

.off-price[b-5er5ty2kj9] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.off-price .form-control[b-5er5ty2kj9] {
    min-height: 46px;
    font-size: 1rem;
}

.off-price-currency[b-5er5ty2kj9] {
    font-weight: 700;
    color: #6a6a7e;
}

.off-foot[b-5er5ty2kj9] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .75rem 1rem max(.75rem, env(safe-area-inset-bottom));
    border-top: 1px solid #eef0f6;
    background: #fff;
}

.off-clear[b-5er5ty2kj9] {
    border: 1px solid #e2e4ef;
    background: #fff;
    color: #6a6a7e;
    font-weight: 600;
    border-radius: 12px;
    min-height: 48px;
    padding: 0 1.1rem;
}

.off-apply[b-5er5ty2kj9] {
    flex: 1;
    border: none;
    background: #2d2d6b;
    color: #fff;
    font-weight: 700;
    border-radius: 12px;
    min-height: 48px;
}

@media (min-width: 576px) {
    .off[b-5er5ty2kj9] {
        left: 50%;
        right: auto;
        bottom: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 520px;
        max-height: 82vh;
        border-radius: 16px;
        animation: none;
    }

    .off-grip[b-5er5ty2kj9] {
        display: none;
    }
}
/* /Features/HotelOffer/Components/OfferFlightStep.razor.rz.scp.css */
/* Flight selection step inside the booking modal */

.ofl-intro[b-d2xtfnebc4] {
    font-size: .9rem;
    color: #5a5a6e;
    margin-bottom: .75rem;
}

.ofl-note[b-d2xtfnebc4] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    background: #eef0ff;
    color: #2d2d6b;
    font-size: .82rem;
    font-weight: 600;
    border-radius: 10px;
    padding: .55rem .7rem;
    margin-bottom: .75rem;
}

.ofl-note--warn[b-d2xtfnebc4] {
    background: #fff6e0;
    color: #8a5b00;
}

.ofl-note i[b-d2xtfnebc4] {
    margin-top: .1rem;
    flex-shrink: 0;
}

/* Sticky filter/sort bar */
.ofl-bar[b-d2xtfnebc4] {
    position: sticky;
    top: -.5rem;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: .5rem;
    background: #f6f7fb;
    padding: .5rem 0 .6rem;
    margin-bottom: .25rem;
}

.ofl-bar-btn[b-d2xtfnebc4] {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d7dae9;
    background: #fff;
    color: #2d2d6b;
    font-size: .82rem;
    font-weight: 700;
    border-radius: 10px;
    padding: .45rem .8rem;
    min-height: 40px;
    flex-shrink: 0;
}

.ofl-bar-count[b-d2xtfnebc4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    margin-inline-start: .35rem;
    padding: 0 .25rem;
    border-radius: 999px;
    background: #2d2d6b;
    color: #fff;
    font-size: .68rem;
}

.ofl-bar-summary[b-d2xtfnebc4] {
    font-size: .78rem;
    color: #6a6a7e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ofl-bar-results[b-d2xtfnebc4] {
    margin-inline-start: auto;
    font-size: .76rem;
    color: #9a9aae;
    white-space: nowrap;
}

.ofl-item[b-d2xtfnebc4] {
    position: relative;
}

.ofl-reference-badge[b-d2xtfnebc4] {
    display: inline-flex;
    align-items: center;
    background: #2d2d6b;
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
    padding: .2rem .6rem;
    border-radius: 999px;
    margin-bottom: -.4rem;
    margin-inline-start: .6rem;
    position: relative;
    z-index: 1;
}

.ofl-more[b-d2xtfnebc4] {
    width: 100%;
    border: 1px dashed #c9cde0;
    background: #fff;
    color: #2d2d6b;
    font-size: .85rem;
    font-weight: 600;
    border-radius: 12px;
    min-height: 46px;
    margin-top: .25rem;
}

/* Empty / error states */
.ofl-state[b-d2xtfnebc4] {
    text-align: center;
    padding: 2.25rem 1rem;
}

.ofl-state--compact[b-d2xtfnebc4] {
    padding: 1.5rem 1rem;
}

.ofl-state-icon[b-d2xtfnebc4] {
    font-size: 2.75rem;
    color: #c7c9d6;
}

.ofl-state-title[b-d2xtfnebc4] {
    font-weight: 700;
    color: #1a1a2e;
    margin: .75rem 0 .25rem;
}

.ofl-state-body[b-d2xtfnebc4] {
    font-size: .87rem;
    color: #6a6a7e;
    margin-bottom: .9rem;
}

.ofl-retry[b-d2xtfnebc4] {
    border: 1px solid #2d2d6b;
    background: #fff;
    color: #2d2d6b;
    font-weight: 600;
    border-radius: 10px;
    min-height: 44px;
    padding: 0 1.2rem;
}

/* Loading skeletons */
.ofl-loading-text[b-d2xtfnebc4] {
    display: flex;
    align-items: center;
    font-size: .88rem;
    color: #5a5a6e;
    margin-bottom: .85rem;
}

.ofl-skeleton[b-d2xtfnebc4] {
    background: #fff;
    border: 1px solid #e7e8f0;
    border-radius: 14px;
    padding: .9rem;
    margin-bottom: .75rem;
}

.ofl-skeleton-line[b-d2xtfnebc4] {
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg, #eef0f6 25%, #f7f8fc 50%, #eef0f6 75%);
    background-size: 200% 100%;
    animation: ofl-shimmer-b-d2xtfnebc4 1.3s infinite linear;
    margin-bottom: .55rem;
}

.ofl-skeleton-line--head[b-d2xtfnebc4] {
    width: 45%;
    height: 16px;
}

.ofl-skeleton-line--short[b-d2xtfnebc4] {
    width: 65%;
    margin-bottom: 0;
}

@keyframes ofl-shimmer-b-d2xtfnebc4 {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}
/* /Features/HotelOffer/HotelOfferLandingPage.razor.rz.scp.css */
/* ── Copy toast ─────────────────────────────────────────────────────────── */
.copy-toast-container[b-o6agzep796] {
    z-index: 1100;
    pointer-events: none;
}

.copy-toast[b-o6agzep796] {
    min-width: 280px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* ── Fallback / simple hero ────────────────────────────────────────── */
.pg-fallback-hero[b-o6agzep796] {
    height: 320px;
    background: linear-gradient(135deg,#003580 0%,#0071c2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    color: rgba(255,255,255,.3);
}

.simple-hero[b-o6agzep796] {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background: #000;
}

.simple-hero-img[b-o6agzep796] {
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    display: block;
    transition: opacity .2s;
}

.simple-hero:hover .simple-hero-img[b-o6agzep796] {
    opacity: .92;
}

/* ── Mobile hero ───────────────────────────────────────────────────── */
.pg-mobile-wrap[b-o6agzep796] {
    position: relative;
}

.pg-mobile-hero[b-o6agzep796] {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.pg-mobile-img[b-o6agzep796] {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.pg-mobile-count[b-o6agzep796] {
    position: absolute;
    bottom: 10px;
    right: 12px;
    background: rgba(0,0,0,.6);
    color: #fff;
    padding: .3rem .7rem;
    border-radius: 6px;
    font-size: .85rem;
}

/* ── Desktop mosaic grid ───────────────────────────────────────────── */
.photo-grid-outer[b-o6agzep796] {
    overflow: hidden;
    border-radius: 12px;
    background: #f0f2f5;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.photo-grid[b-o6agzep796] {
    display: grid;
    grid-template-columns: 3fr 2fr 2fr;
    grid-template-rows: 225px 225px;
    gap: 4px;
}

.pg-main[b-o6agzep796] {
    grid-row: 1 / 3;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.pg-secondary[b-o6agzep796] {
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.pg-img[b-o6agzep796] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}

.pg-main:hover .pg-img[b-o6agzep796],
.pg-secondary:hover .pg-img[b-o6agzep796],
.pg-strip-item:hover .pg-img[b-o6agzep796] {
    transform: scale(1.04);
}

.pg-empty-cell[b-o6agzep796] {
    width: 100%;
    height: 100%;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #adb5bd;
    font-size: 2rem;
}

/* ── Strip ─────────────────────────────────────────────────────────── */
.pg-strip[b-o6agzep796] {
    display: flex;
    gap: 4px;
}

.pg-strip-item[b-o6agzep796] {
    flex: 1;
    height: 112px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.pg-more-overlay[b-o6agzep796] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: .02em;
    cursor: pointer;
    transition: background .15s;
}

.pg-more-overlay:hover[b-o6agzep796] {
    background: rgba(0,0,0,.7);
}

/* ── Hotel header ──────────────────────────────────────────────────── */
.hotel-header[b-o6agzep796] {
    background: #fff;
    padding: 1.5rem 0 .75rem;
}

.hol-check-lang-row[b-o6agzep796] {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
    margin-top: .5rem;
}

.hol-check-times[b-o6agzep796] {
    flex: 0 1 auto;
    min-width: 0;
}

.hol-check-lang-row .hol-lang[b-o6agzep796] {
    flex-shrink: 0;
    margin-inline-start: auto;
}

.star-rating[b-o6agzep796] {
    color: #f5a623;
    font-size: 1rem;
    letter-spacing: .05em;
}

/* ── Sticky stay bar ───────────────────────────────────────────────── */
.stay-bar[b-o6agzep796] {
    background: #003580;
    color: #fff;
    padding: .65rem 0;
    font-size: .92rem;
}

.stay-bar-sticky[b-o6agzep796] {
    position: sticky;
    top: 0;
    z-index: 100;
}

/* ── Section tabs ──────────────────────────────────────────────────── */
.section-tabs-bar[b-o6agzep796] {
    background: #fff;
    border-bottom: 1px solid #e0e4ec;
    position: sticky;
    top: 44px; /* height of stay bar */
    z-index: 99;
    box-shadow: 0 2px 6px rgba(0,0,0,.06);
}

.section-tabs-nav[b-o6agzep796] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.section-tabs-nav[b-o6agzep796]::-webkit-scrollbar {
    display: none;
}

.section-tab-link[b-o6agzep796] {
    display: block;
    padding: .65rem 1.1rem;
    color: #555;
    text-decoration: none;
    font-size: .88rem;
    font-weight: 500;
    white-space: nowrap;
    border-bottom: 3px solid transparent;
    transition: color .15s, border-color .15s;
}

.section-tab-link:hover[b-o6agzep796] {
    color: #0071c2;
    border-bottom-color: #0071c2;
    background: #f8fbff;
}

/* ── Section anchors (offset for sticky header stack) ──────────────── */
.section-anchor[b-o6agzep796] {
    scroll-margin-top: 100px;
}

/* ── Section title ─────────────────────────────────────────────────── */
.section-title[b-o6agzep796] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: .75rem;
    padding-bottom: .4rem;
    border-bottom: 2px solid #e9ecef;
}

/* ── Facilities ────────────────────────────────────────────────────── */
.facilities-chip[b-o6agzep796] {
    display: inline-block;
    padding: .25rem .65rem;
    border-radius: 2rem;
    background: #f0f2f5;
    font-size: .82rem;
    margin: .2rem .15rem;
    color: #444;
}

/* ── Description clamp ─────────────────────────────────────────────── */
.description-clamped[b-o6agzep796] {
    max-height: 4.6em; /* ~3 lines at 1.533 line-height */
    overflow: hidden;
    position: relative;
}

.description-clamped[b-o6agzep796]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.8em;
    background: linear-gradient(transparent, #fff);
    pointer-events: none;
}

/* ── HTML content normalisation ────────────────────────────────────── */
/* Tames arbitrary hotel description / policy HTML from providers */
.html-content[b-o6agzep796] {
    line-height: 1.6;
    color: #333;
}

.html-content p[b-o6agzep796] {
    margin-bottom: .6rem;
}

.html-content ul[b-o6agzep796],
.html-content ol[b-o6agzep796] {
    padding-left: 1.4rem;
    margin-bottom: .6rem;
}

.html-content li[b-o6agzep796] {
    margin-bottom: .25rem;
}

.html-content a[b-o6agzep796] {
    color: #0071c2;
}

.html-content h1[b-o6agzep796], .html-content h2[b-o6agzep796], .html-content h3[b-o6agzep796],
.html-content h4[b-o6agzep796], .html-content h5[b-o6agzep796], .html-content h6[b-o6agzep796] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .4rem;
    color: #1a1a2e;
}

.html-content br + br[b-o6agzep796] {
    display: none; /* collapse doubled line breaks */
}

/* ── Room cards ────────────────────────────────────────────────────── */
.room-card[b-o6agzep796] {
    border: 1px solid #e0e4ec;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow .2s, transform .15s;
    background: #fff;
    height: 100%;
}

.room-card:hover[b-o6agzep796] {
    box-shadow: 0 6px 20px rgba(0,0,0,.13);
    transform: translateY(-2px);
}

.room-img-wrapper[b-o6agzep796] {
    position: relative;
    overflow: hidden;
    background: #000;
}

.room-card-img[b-o6agzep796] {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    transition: opacity .15s;
}

.room-card-img-placeholder[b-o6agzep796] {
    width: 100%;
    height: 180px;
    background: #f0f2f5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #adb5bd;
    font-size: 2.5rem;
}

.room-img-clickable[b-o6agzep796] {
    position: relative;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.room-img-clickable .room-card-img[b-o6agzep796] {
    transition: transform .3s ease, opacity .2s;
}

.room-img-clickable:hover .room-card-img[b-o6agzep796] {
    transform: scale(1.04);
    opacity: .88;
}

.room-img-overlay[b-o6agzep796] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: .45rem .6rem;
    transition: background .2s;
    pointer-events: none;
}

.room-img-overlay span[b-o6agzep796] {
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: .78rem;
    padding: .25rem .65rem;
    border-radius: 6px;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .2s, transform .2s;
}

.room-img-clickable:hover .room-img-overlay[b-o6agzep796] {
    background: rgba(0,0,0,.12);
}

.room-img-clickable:hover .room-img-overlay span[b-o6agzep796] {
    opacity: 1;
    transform: translateY(0);
}

/* ── Price ─────────────────────────────────────────────────────────── */
.price-tag[b-o6agzep796] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #0071c2;
    line-height: 1.1;
}

.price-currency[b-o6agzep796] {
    font-size: .9rem;
    color: #555;
    margin-left: .2rem;
}

/* ── Policy box ────────────────────────────────────────────────────── */
.policy-box[b-o6agzep796] {
    background: #f8f9fb;
    border-left: 4px solid #0071c2;
    border-radius: 0 8px 8px 0;
    padding: 1rem 1.25rem;
}

/* ── Footer ────────────────────────────────────────────────────────── */
.footer-bar[b-o6agzep796] {
    background: #1a1a2e;
    color: #c8cdd6;
    font-size: .88rem;
    padding: 1.5rem 0;
    text-align: center;
}

/* ── Gallery modal ─────────────────────────────────────────────────── */
.gallery-dialog[b-o6agzep796] {
    max-width: min(96vw, 1100px);
    margin: 0 auto;
}

.gallery-modal-content[b-o6agzep796] {
    background: #111;
    border: none;
    border-radius: 12px;
    overflow: hidden;
    max-height: 95vh;
    display: flex;
    flex-direction: column;
}

.gallery-modal-header[b-o6agzep796] {
    background: #111;
    border-bottom: 1px solid #2a2a2a;
    flex-shrink: 0;
}

.gallery-view-body[b-o6agzep796] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.gallery-main-img[b-o6agzep796] {
    max-width: 100%;
    max-height: 65vh;
    object-fit: contain;
    display: block;
    user-select: none;
    transform-origin: center center;
    will-change: transform;
}

.gallery-nav-btn[b-o6agzep796] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,.15);
    border: none;
    color: #fff;
    font-size: 2.2rem;
    padding: .3rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    z-index: 2;
    transition: background .15s;
    line-height: 1;
    min-width: 48px;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-nav-btn:hover[b-o6agzep796] {
    background: rgba(255,255,255,.3);
}

.gallery-nav-prev[b-o6agzep796]  { inset-inline-start: 6px; }
.gallery-nav-next[b-o6agzep796]  { inset-inline-end: 6px; }

.gallery-thumb-bar[b-o6agzep796] {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    padding: 8px 10px;
    background: #111;
    flex-shrink: 0;
    scrollbar-width: thin;
    scrollbar-color: #444 #111;
    -webkit-overflow-scrolling: touch;
}

.gallery-thumb-btn[b-o6agzep796] {
    position: relative;
    flex-shrink: 0;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 4px;
    background: transparent;
    line-height: 0;
    cursor: pointer;
}

.gallery-thumb-btn.active[b-o6agzep796],
.gallery-thumb-btn:hover[b-o6agzep796] {
    border-color: #fff;
}

.gallery-thumb-img[b-o6agzep796] {
    width: 82px;
    height: 56px;
    object-fit: cover;
    border-radius: 2px;
    opacity: .55;
    display: block;
    transition: opacity .15s;
}

.gallery-thumb-btn.active .gallery-thumb-img[b-o6agzep796],
.gallery-thumb-btn:hover .gallery-thumb-img[b-o6agzep796] {
    opacity: 1;
}

.gallery-thumb-btn.is-downloading .gallery-thumb-img[b-o6agzep796] {
    opacity: .35;
}

.gallery-thumb-status[b-o6agzep796] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    border-radius: 2px;
}

.gallery-thumb-status .spinner-border[b-o6agzep796] {
    width: 1.1rem;
    height: 1.1rem;
    border-width: .15rem;
}

/* ── Gallery mobile overrides ───────────────────────────────────────── */
@media (max-width: 767.98px) {
    .gallery-dialog[b-o6agzep796] {
        max-width: 100vw;
        margin: 0;
        height: 100%;
    }

    .gallery-modal-content[b-o6agzep796] {
        border-radius: 0;
        max-height: 100dvh;
        height: 100%;
    }

    /* Fixed area for the image so the thumb bar never gets pushed off screen */
    .gallery-view-body[b-o6agzep796] {
        height: calc(100dvh - 50px - 74px); /* total - header - thumb bar */
        flex: 0 0 auto;
        /* Let our JS handle every touch gesture; suppress browser pan/zoom */
        touch-action: none;
    }

    .gallery-main-img[b-o6agzep796] {
        max-height: 100%;
        max-width: 100%;
    }

    .gallery-nav-btn[b-o6agzep796] {
        font-size: 2.6rem;
        min-width: 56px;
        min-height: 80px;
        padding: .3rem 1.1rem;
        background: rgba(255,255,255,.1);
    }

    .gallery-nav-prev[b-o6agzep796] {
        inset-inline-start: 0;
        border-radius: 0;
        border-start-end-radius: 4px;
        border-end-end-radius: 4px;
    }

    .gallery-nav-next[b-o6agzep796] {
        inset-inline-end: 0;
        border-radius: 0;
        border-start-start-radius: 4px;
        border-end-start-radius: 4px;
    }

    .gallery-thumb-img[b-o6agzep796] {
        width: 64px;
        height: 46px;
    }

    .gallery-thumb-bar[b-o6agzep796] {
        padding: 6px 8px;
        gap: 5px;
        flex-shrink: 0;
    }

    .pg-mobile-img[b-o6agzep796] {
        height: 260px;
    }

    .room-card-img[b-o6agzep796],
    .room-card-img-placeholder[b-o6agzep796] {
        height: 210px;
    }

    /* Always show photo badge on mobile (no hover state) */
    .room-img-overlay span[b-o6agzep796] {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Reference code chips ──────────────────────────────────────── */
.ref-code-chip[b-o6agzep796] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem .6rem;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 999px;
    background: rgba(255,255,255,.15);
    color: inherit;
    font-size: .82rem;
    cursor: pointer;
    transition: background .15s;
    white-space: nowrap;
}

.ref-code-chip:hover[b-o6agzep796] {
    background: rgba(255,255,255,.28);
}

.ref-code-chip-sm[b-o6agzep796] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    padding: .15rem .5rem;
    border: 1px solid #dee2e6;
    border-radius: 999px;
    background: #f8f9fa;
    color: #495057;
    font-size: .78rem;
    cursor: pointer;
    transition: background .15s;
    white-space: nowrap;
}

.ref-code-chip-sm:hover[b-o6agzep796] {
    background: #e9ecef;
}

.ref-code[b-o6agzep796] {
    font-family: ui-monospace, "Cascadia Code", "Fira Mono", monospace;
    font-weight: 600;
    letter-spacing: .04em;
}

/* ── Language switcher ───────────────────────────────────────────── */
.hol-top-bar[b-o6agzep796] {
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    padding: .65rem 0;
}

.hol-top-bar-inner[b-o6agzep796] {
    display: flex;
    justify-content: flex-end;
}

.hol-lang[b-o6agzep796] {
    flex-shrink: 0;
    align-self: flex-start;
    display: inline-flex;
    gap: .1rem;
    padding: .18rem;
    border-radius: 999px;
    background: #f6f7fb;
    border: 1px solid #e4e6ed;
}

.hol-lang-btn[b-o6agzep796] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.85rem;
    padding: .32rem .65rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-decoration: none;
    color: #9a9daf;
    transition: color .2s ease, background-color .2s ease;
    touch-action: manipulation;
}

    .hol-lang-btn--active[b-o6agzep796] {
        background: #2d2d6b;
        color: #fff;
    }

@media (hover: hover) and (pointer: fine) {
    .hol-lang-btn:not(.hol-lang-btn--active):hover[b-o6agzep796] {
        color: #2d2d6b;
        background: #eceef4;
    }
}

/* ── Agency Branding Bar ─────────────────────────────────────────── */
.agency-bar[b-o6agzep796] {
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    padding: .75rem 0;
}

.agency-bar-inner[b-o6agzep796] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.agency-bar-brand[b-o6agzep796] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex: 1;
    min-width: 0;
}

.agency-logo[b-o6agzep796] {
    height: 110px;
    width: auto;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 8px;
}

.agency-details[b-o6agzep796] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.agency-name[b-o6agzep796] {
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a1a2e;
    line-height: 1.2;
    overflow-wrap: break-word;
}

.agency-contact[b-o6agzep796] {
    font-size: .82rem;
    color: #6c757d;
}

.agency-social[b-o6agzep796] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-shrink: 0;
}

.agency-social-btn[b-o6agzep796] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    font-size: 1.15rem;
    text-decoration: none;
    transition: transform .15s, opacity .15s;
    color: #fff;
}

.agency-social-btn:hover[b-o6agzep796] {
    transform: scale(1.12);
    opacity: .9;
    color: #fff;
}

.agency-social-instagram[b-o6agzep796] {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.agency-social-whatsapp[b-o6agzep796] {
    background: #25d366;
}

/* ── Room Filter Bar ─────────────────────────────────────────────── */
.room-filter-bar[b-o6agzep796] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.5rem;
    padding: .75rem 1rem;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 10px;
}

.room-filter-group[b-o6agzep796] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
}

.room-filter-label[b-o6agzep796] {
    font-size: .75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-right: .15rem;
    white-space: nowrap;
}

.room-filter-chip[b-o6agzep796] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .75rem;
    border: 1.5px solid #dee2e6;
    border-radius: 999px;
    background: #fff;
    color: #495057;
    font-size: .8rem;
    font-weight: 500;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
    white-space: nowrap;
}

.room-filter-chip:hover[b-o6agzep796] {
    border-color: #0d6efd;
    color: #0d6efd;
}

.room-filter-chip.active[b-o6agzep796] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

/* ── Floating "Review & book" button ───────────────────────────────────── */
.offer-selection-fab[b-o6agzep796] {
    position: fixed;
    z-index: 1040;
    left: 50%;
    bottom: 1.1rem;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .8rem 1.4rem;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, #0d6efd 0%, #2d2d6b 100%);
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    box-shadow: 0 8px 22px rgba(13, 110, 253, .35);
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease;
}

.offer-selection-fab:hover[b-o6agzep796] {
    transform: translateX(-50%) translateY(-2px);
    box-shadow: 0 12px 28px rgba(13, 110, 253, .42);
}

.offer-selection-count[b-o6agzep796] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    margin-left: .35rem;
    padding: 0 .45rem;
    border-radius: 999px;
    background: #fff;
    color: #0d6efd;
    font-size: .85rem;
    font-weight: 800;
}

@media (max-width: 575.98px) {
    .offer-selection-fab[b-o6agzep796] {
        left: 1rem;
        right: 1rem;
        bottom: 1rem;
        transform: none;
        justify-content: center;
    }

    .offer-selection-fab:hover[b-o6agzep796] {
        transform: translateY(-2px);
    }
}

/* ── Public offer urgency banner ──────────────────────────────────────── */
.public-offer-banner[b-o6agzep796] {
    position: sticky;
    top: 0;
    z-index: 1050;
    overflow: hidden;
    background: linear-gradient(100deg, #1a001a 0%, #6b0000 35%, #c23b00 65%, #f59e0b 100%);
    color: #fff;
    padding: .85rem 0;
    font-size: .92rem;
    box-shadow: 0 3px 16px rgba(0,0,0,.45);
}

/* Animated shimmer sweep */
.pob-shimmer[b-o6agzep796] {
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg,
        transparent 20%,
        rgba(255,255,255,.12) 50%,
        transparent 80%);
    background-size: 200% 100%;
    animation: pob-sweep-b-o6agzep796 2.8s linear infinite;
    pointer-events: none;
}

@keyframes pob-sweep-b-o6agzep796 {
    0%   { background-position: -100% 0; }
    100% { background-position: 200% 0; }
}

/* Pulsing fire emoji */
.pob-fire-icon[b-o6agzep796] {
    font-size: 1.25rem;
    animation: pob-fire-b-o6agzep796 1s ease-in-out infinite alternate;
    display: inline-block;
    filter: drop-shadow(0 0 6px rgba(255,160,0,.8));
}

@keyframes pob-fire-b-o6agzep796 {
    from { transform: scale(1) rotate(-4deg); }
    to   { transform: scale(1.2) rotate(4deg); }
}

.pob-label[b-o6agzep796] {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-shadow: 0 1px 4px rgba(0,0,0,.5);
}

.pob-expiry[b-o6agzep796] {
    font-size: .82rem;
    color: rgba(255,255,255,.72);
}

/* Availability pills */
.pob-pill[b-o6agzep796] {
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    font-size: .88rem;
    border-radius: 999px;
    padding: .38rem 1rem;
    letter-spacing: .02em;
    white-space: nowrap;
}

.pob-pill--available[b-o6agzep796] {
    background: rgba(255,255,255,.18);
    border: 1.5px solid rgba(255,255,255,.45);
    color: #fff;
    animation: pob-pulse-soft-b-o6agzep796 2s ease-in-out infinite;
}

.pob-pill--critical[b-o6agzep796] {
    background: #dc2626;
    border: 1.5px solid #fca5a5;
    color: #fff;
    box-shadow: 0 0 0 0 rgba(220,38,38,.7);
    animation: pob-pulse-urgent-b-o6agzep796 1s ease-out infinite;
}

.pob-pill--booked[b-o6agzep796] {
    background: rgba(0,0,0,.35);
    border: 1.5px solid rgba(255,255,255,.25);
    color: rgba(255,255,255,.75);
}

@keyframes pob-pulse-soft-b-o6agzep796 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255,255,255,.3); }
    50%       { box-shadow: 0 0 0 6px rgba(255,255,255,0); }
}

@keyframes pob-pulse-urgent-b-o6agzep796 {
    0%   { box-shadow: 0 0 0 0 rgba(220,38,38,.7); }
    70%  { box-shadow: 0 0 0 10px rgba(220,38,38,0); }
    100% { box-shadow: 0 0 0 0 rgba(220,38,38,0); }
}

/* /Features/OfflineBooking/OfflineBookingRespond.razor.rz.scp.css */
.obr-wrap[b-hl2vfprc1d] {
    margin: 0;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    background: linear-gradient(135deg, #1a1a2e 0%, #2d2d6b 100%);
}

.obr-card[b-hl2vfprc1d] {
    width: 100%;
    max-width: 440px;
    background: #fff;
    border-radius: 20px;
    padding: 2.25rem 1.75rem;
    text-align: center;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
}

.obr-badge[b-hl2vfprc1d] {
    width: 84px;
    height: 84px;
    margin: 0 auto 1.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
}

.obr-badge-success[b-hl2vfprc1d] {
    background: #e8f7ee;
    color: #1e9e54;
}

.obr-badge-failed[b-hl2vfprc1d] {
    background: #fdeaea;
    color: #d93b3b;
}

.obr-badge-info[b-hl2vfprc1d] {
    background: #eef2ff;
    color: #3b4cca;
}

h1[b-hl2vfprc1d] {
    margin: 0 0 .5rem;
    font-size: 1.5rem;
    color: #1a1a2e;
}

p[b-hl2vfprc1d] {
    margin: .4rem 0;
    font-size: 1rem;
    color: #5a5a6e;
    line-height: 1.5;
}
/* /Features/PaymentMethod/ChoosePayment.razor.rz.scp.css */
.cp-wrap[b-8c2e03fmdc] {
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    background: linear-gradient(135deg, #1a1a2e 0%, #2d2d6b 100%);
    -webkit-tap-highlight-color: transparent;
}

.cp-lang[b-8c2e03fmdc] {
    flex-shrink: 0;
    align-self: flex-start;
    display: inline-flex;
    gap: 0.1rem;
    padding: 0.18rem;
    border-radius: 999px;
    background: #f6f7fb;
    border: 1px solid #e4e6ed;
}

.cp-lang-btn[b-8c2e03fmdc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.85rem;
    padding: 0.32rem 0.65rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
    color: #9a9daf;
    transition: color 0.2s ease, background-color 0.2s ease;
    touch-action: manipulation;
}

    .cp-lang-btn--active[b-8c2e03fmdc] {
        background: #2d2d6b;
        color: #fff;
    }

@media (hover: hover) and (pointer: fine) {
    .cp-lang-btn:not(.cp-lang-btn--active):hover[b-8c2e03fmdc] {
        color: #2d2d6b;
        background: #eceef4;
    }
}

.cp-card[b-8c2e03fmdc] {
    width: 100%;
    max-width: 440px;
    background: #fff;
    border-radius: 20px;
    padding: 2rem 1.75rem 1.75rem;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
}

.cp-header[b-8c2e03fmdc] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 1.25rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #eceef4;
}

.cp-header-brand[b-8c2e03fmdc] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.cp-logo-frame[b-8c2e03fmdc] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    padding: 0.4rem;
    background: #fff;
    border: 1px solid #e4e6ed;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(26, 26, 46, 0.06);
}

.cp-logo[b-8c2e03fmdc] {
    width: 100%;
    height: 100%;
    max-width: 60px;
    max-height: 60px;
    object-fit: contain;
}

.cp-company-block[b-8c2e03fmdc] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.cp-company-label[b-8c2e03fmdc] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #9a9daf;
}

.cp-company[b-8c2e03fmdc] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1a1a2e;
    letter-spacing: -0.02em;
    line-height: 1.25;
    white-space: nowrap;
}

.cp-countdown[b-8c2e03fmdc] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1.5rem;
    padding: 0.8rem 1.1rem;
    border-radius: 16px;
    background: linear-gradient(135deg, #e8590c 0%, #ff922b 100%);
    color: #fff;
    box-shadow: 0 10px 24px rgba(232, 89, 12, 0.3);
    transition: background 0.4s ease, box-shadow 0.4s ease;
}

/* Light sweep that glides across the banner to signal a live, ticking timer. */
.cp-countdown[b-8c2e03fmdc]::after {
    content: "";
    position: absolute;
    top: 0;
    left: -65%;
    width: 55%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
    transform: skewX(-20deg);
    animation: cp-countdown-sweep-b-8c2e03fmdc 3.2s ease-in-out infinite;
    pointer-events: none;
}

.cp-countdown-icon-wrap[b-8c2e03fmdc] {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.16);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.cp-countdown-icon[b-8c2e03fmdc] {
    width: 23px;
    height: 23px;
    transform-origin: center 60%;
    animation: cp-countdown-tick-b-8c2e03fmdc 2.4s ease-in-out infinite;
}

.cp-countdown-body[b-8c2e03fmdc] {
    position: relative;
    z-index: 1;
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    text-align: left;
}

.cp-countdown-label[b-8c2e03fmdc] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.85;
    line-height: 1.25;
}

.cp-countdown-time[b-8c2e03fmdc] {
    font-variant-numeric: tabular-nums;
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.03em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

.cp-countdown--urgent[b-8c2e03fmdc] {
    background: linear-gradient(135deg, #d62f4b 0%, #f0682f 100%);
    box-shadow: 0 10px 26px rgba(217, 47, 75, 0.38);
    animation: cp-countdown-pulse-b-8c2e03fmdc 1.1s ease-in-out infinite;
}

.cp-countdown--urgent .cp-countdown-icon[b-8c2e03fmdc] {
    animation: cp-countdown-tick-b-8c2e03fmdc 0.7s ease-in-out infinite;
}

.cp-countdown--expired[b-8c2e03fmdc] {
    background: linear-gradient(135deg, #7c7c8a 0%, #5d5d6b 100%);
    box-shadow: none;
    animation: none;
}

    .cp-countdown--expired[b-8c2e03fmdc]::after {
        display: none;
    }

    .cp-countdown--expired .cp-countdown-icon[b-8c2e03fmdc] {
        animation: none;
    }

@keyframes cp-countdown-tick-b-8c2e03fmdc {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-11deg); }
    75% { transform: rotate(11deg); }
}

@keyframes cp-countdown-sweep-b-8c2e03fmdc {
    0% { left: -65%; }
    55%, 100% { left: 120%; }
}

@keyframes cp-countdown-pulse-b-8c2e03fmdc {
    0%, 100% { box-shadow: 0 10px 26px rgba(217, 47, 75, 0.38); }
    50% { box-shadow: 0 12px 32px rgba(217, 47, 75, 0.62); }
}

@media (prefers-reduced-motion: reduce) {
    .cp-countdown[b-8c2e03fmdc],
    .cp-countdown[b-8c2e03fmdc]::after,
    .cp-countdown-icon[b-8c2e03fmdc],
    .cp-countdown--urgent[b-8c2e03fmdc],
    .cp-countdown--urgent .cp-countdown-icon[b-8c2e03fmdc] {
        animation: none !important;
    }
}

.cp-amount-block[b-8c2e03fmdc] {
    text-align: center;
    padding: 1.25rem 1rem;
    background: #f6f7fb;
    border-radius: 14px;
}

.cp-amount-label[b-8c2e03fmdc] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #7a7d8f;
    margin-bottom: 0.35rem;
}

.cp-amount[b-8c2e03fmdc] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.4rem;
}

.cp-currency[b-8c2e03fmdc] {
    font-size: 1rem;
    font-weight: 600;
    color: #5a5a6e;
}

.cp-value[b-8c2e03fmdc] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.cp-foreign-amount[b-8c2e03fmdc] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #7a7d8f;
}

.cp-divider[b-8c2e03fmdc] {
    height: 1px;
    background: #eceef4;
    margin: 1.5rem 0;
}

.cp-title[b-8c2e03fmdc] {
    margin: 0 0 0.35rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #1a1a2e;
    text-align: center;
}

.cp-subtitle[b-8c2e03fmdc] {
    margin: 0 0 1.25rem;
    font-size: 0.9rem;
    color: #7a7d8f;
    text-align: center;
    line-height: 1.4;
}

.cp-methods[b-8c2e03fmdc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.cp-method[b-8c2e03fmdc] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 56px;
    padding: 0.9rem 1rem;
    border: 1.5px solid #e4e6ef;
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    background: #fff;
    touch-action: manipulation;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

    .cp-method:active[b-8c2e03fmdc] {
        border-color: #2d2d6b;
        background: #fafbff;
    }

@media (hover: hover) and (pointer: fine) {
    .cp-method:hover[b-8c2e03fmdc] {
        border-color: #2d2d6b;
        background: #fafbff;
        box-shadow: 0 4px 14px rgba(45, 45, 107, .1);
        transform: translateY(-1px);
    }

    .cp-method:hover .cp-method-arrow[b-8c2e03fmdc] {
        color: #2d2d6b;
        transform: translateX(2px);
    }
}

.cp-method-icon[b-8c2e03fmdc] {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.cp-method-icon--pair[b-8c2e03fmdc] {
    width: auto;
    gap: 0.4rem;
    overflow: visible;
    background: transparent;
}

.cp-method-icon--pair .cp-method-img:not(.cp-method-img-mada)[b-8c2e03fmdc] {
    width: 48px;
    height: 48px;
}

.cp-method-icon--pair .cp-method-img-mada[b-8c2e03fmdc] {
    width: 80px;
    height: 27px;
    max-width: 80px;
}

.cp-method-img[b-8c2e03fmdc] {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.cp-method-body[b-8c2e03fmdc] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.cp-method-name[b-8c2e03fmdc] {
    font-size: 1rem;
    font-weight: 700;
    color: #1a1a2e;
}

.cp-method-desc[b-8c2e03fmdc] {
    font-size: 0.82rem;
    color: #7a7d8f;
}

.cp-method-arrow[b-8c2e03fmdc] {
    flex-shrink: 0;
    font-size: 1.5rem;
    font-weight: 300;
    color: #b0b3c0;
    line-height: 1;
    transition: color 0.2s ease, transform 0.2s ease;
}

.cp-footer[b-8c2e03fmdc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid #eceef4;
    font-size: 0.8rem;
    color: #9a9daf;
}

.cp-lock[b-8c2e03fmdc] {
    width: 14px;
    height: 14px;
}

.cp-card-error[b-8c2e03fmdc] {
    text-align: center;
    padding: 2.5rem 1.75rem;
}

.cp-error-icon[b-8c2e03fmdc] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1.25rem;
    border-radius: 50%;
    background: #fdeaea;
    color: #d93b3b;
    font-size: 2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cp-method--disabled[b-8c2e03fmdc] {
    pointer-events: none;
    opacity: 0.45;
}

.cp-method--loading[b-8c2e03fmdc] {
    pointer-events: none;
    opacity: 1;
}

.cp-spinner[b-8c2e03fmdc] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: cp-spin-b-8c2e03fmdc 0.7s linear infinite;
    vertical-align: middle;
}

@keyframes cp-spin-b-8c2e03fmdc {
    to { transform: rotate(360deg); }
}

@media (max-width: 480px) {
    .cp-wrap[b-8c2e03fmdc] {
        align-items: flex-start;
        padding-top: max(1rem, env(safe-area-inset-top));
        padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
    }

    .cp-card[b-8c2e03fmdc] {
        padding: 1.5rem 1.15rem 1.25rem;
        border-radius: 16px;
        box-shadow: 0 12px 32px rgba(0, 0, 0, .2);
    }

    .cp-countdown[b-8c2e03fmdc] {
        margin-bottom: 1.25rem;
        padding: 0.7rem 0.9rem;
        gap: 0.7rem;
    }

    .cp-countdown-icon-wrap[b-8c2e03fmdc] {
        width: 38px;
        height: 38px;
    }

    .cp-countdown-time[b-8c2e03fmdc] {
        font-size: 1.4rem;
    }

    .cp-header[b-8c2e03fmdc] {
        padding-bottom: 1rem;
        margin-bottom: 1.25rem;
        gap: 0.6rem;
    }

    .cp-header-brand[b-8c2e03fmdc] {
        gap: 0.85rem;
    }

    .cp-lang-btn[b-8c2e03fmdc] {
        min-width: 2.6rem;
        padding: 0.28rem 0.55rem;
        font-size: 0.62rem;
    }

    .cp-logo-frame[b-8c2e03fmdc] {
        width: 72px;
        height: 72px;
        padding: 0.4rem;
        border-radius: 12px;
    }

    .cp-logo[b-8c2e03fmdc] {
        max-width: 60px;
        max-height: 60px;
    }

    .cp-company-label[b-8c2e03fmdc] {
        font-size: 0.62rem;
    }

    .cp-company[b-8c2e03fmdc] {
        font-size: 1rem;
    }

    .cp-amount-block[b-8c2e03fmdc] {
        padding: 1rem 0.85rem;
    }

    .cp-value[b-8c2e03fmdc] {
        font-size: 1.75rem;
    }

    .cp-divider[b-8c2e03fmdc] {
        margin: 1.25rem 0;
    }

    .cp-title[b-8c2e03fmdc] {
        font-size: 1.1rem;
    }

    .cp-subtitle[b-8c2e03fmdc] {
        margin-bottom: 1rem;
        font-size: 0.85rem;
    }

    .cp-methods[b-8c2e03fmdc] {
        gap: 0.65rem;
    }

    .cp-method[b-8c2e03fmdc] {
        min-height: 60px;
        padding: 0.85rem 0.9rem;
        gap: 0.75rem;
    }

    .cp-method-icon--pair .cp-method-img:not(.cp-method-img-mada)[b-8c2e03fmdc] {
        width: 42px;
        height: 42px;
    }

    .cp-method-icon--pair .cp-method-img-mada[b-8c2e03fmdc] {
        width: 68px;
        height: 23px;
        max-width: 68px;
    }

    .cp-method-arrow[b-8c2e03fmdc] {
        font-size: 1.75rem;
        padding: 0.25rem;
    }

    .cp-footer[b-8c2e03fmdc] {
        margin-top: 1.25rem;
        padding-top: 1rem;
    }
}

@media (max-width: 360px) {
    .cp-wrap[b-8c2e03fmdc] {
        padding-left: max(0.75rem, env(safe-area-inset-left));
        padding-right: max(0.75rem, env(safe-area-inset-right));
    }

    .cp-card[b-8c2e03fmdc] {
        padding: 1.25rem 1rem 1rem;
    }

    .cp-method-name[b-8c2e03fmdc] {
        font-size: 0.95rem;
    }

    .cp-method-desc[b-8c2e03fmdc] {
        font-size: 0.78rem;
    }

    .cp-foreign-amount[b-8c2e03fmdc] {
        font-size: 0.8rem;
    }
}
/* /Features/PaymentMethod/PayBenefitPay.razor.rz.scp.css */
.bp-wrap[b-n9wd2oj4q8] {
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    background: linear-gradient(135deg, #1a1a2e 0%, #2d2d6b 100%);
    -webkit-tap-highlight-color: transparent;
}

.bp-card[b-n9wd2oj4q8] {
    width: 100%;
    max-width: 440px;
    background: #fff;
    border-radius: 20px;
    padding: 2rem 1.75rem 1.75rem;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
}

.bp-header[b-n9wd2oj4q8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.5rem;
}

.bp-logo[b-n9wd2oj4q8] {
    width: 72px;
    height: 72px;
    max-width: 72px;
    object-fit: contain;
    margin-bottom: 0.6rem;
}

.bp-company[b-n9wd2oj4q8] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a1a2e;
    letter-spacing: -0.01em;
}

.bp-amount-block[b-n9wd2oj4q8] {
    text-align: center;
    padding: 1.25rem 1rem;
    background: #f6f7fb;
    border-radius: 14px;
}

.bp-amount-label[b-n9wd2oj4q8] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #7a7d8f;
    margin-bottom: 0.35rem;
}

.bp-amount[b-n9wd2oj4q8] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.4rem;
}

.bp-currency[b-n9wd2oj4q8] {
    font-size: 1rem;
    font-weight: 600;
    color: #5a5a6e;
}

.bp-value[b-n9wd2oj4q8] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    letter-spacing: -0.02em;
    line-height: 1.1;
}

.bp-divider[b-n9wd2oj4q8] {
    height: 1px;
    background: #eceef4;
    margin: 1.5rem 0;
}

.bp-method-badge[b-n9wd2oj4q8] {
    width: 56px;
    height: 56px;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    border: 1.5px solid #e4e6ef;
}

.bp-method-img[b-n9wd2oj4q8] {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.bp-title[b-n9wd2oj4q8] {
    margin: 0 0 0.35rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #1a1a2e;
    text-align: center;
}

.bp-subtitle[b-n9wd2oj4q8] {
    margin: 0 0 1.25rem;
    font-size: 0.9rem;
    color: #7a7d8f;
    text-align: center;
    line-height: 1.4;
}

.bp-subtitle-error[b-n9wd2oj4q8] {
    color: #d93b3b;
    margin-bottom: 0;
}

.bp-qr-container[b-n9wd2oj4q8] {
    display: flex;
    width: fit-content;
    margin: 0 auto 1rem;
    padding: 0.85rem;
    background: #fff;
    border: 1.5px solid #e4e6ef;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(45, 45, 107, .08);
}

.bp-qr[b-n9wd2oj4q8] {
    display: block;
    width: 220px;
    height: 220px;
    max-width: 100%;
}

.bp-waiting-row[b-n9wd2oj4q8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    margin-bottom: 0.25rem;
}

.bp-waiting-text[b-n9wd2oj4q8] {
    font-size: 0.85rem;
    color: #7a7d8f;
}

.bp-footer[b-n9wd2oj4q8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid #eceef4;
    font-size: 0.8rem;
    color: #9a9daf;
}

.bp-lock[b-n9wd2oj4q8] {
    width: 14px;
    height: 14px;
}

.bp-error-icon[b-n9wd2oj4q8] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1.25rem;
    border-radius: 50%;
    background: #fdeaea;
    color: #d93b3b;
    font-size: 2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bp-spinner[b-n9wd2oj4q8] {
    width: 40px;
    height: 40px;
    margin: 0.75rem auto 1rem;
    border: 3px solid #e4e6ef;
    border-top-color: #2d2d6b;
    border-radius: 50%;
    animation: bp-spin-b-n9wd2oj4q8 0.7s linear infinite;
}

.bp-spinner-sm[b-n9wd2oj4q8] {
    width: 16px;
    height: 16px;
    border: 2px solid #e4e6ef;
    border-top-color: #2d2d6b;
    border-radius: 50%;
    animation: bp-spin-b-n9wd2oj4q8 0.7s linear infinite;
    flex-shrink: 0;
}

@keyframes bp-spin-b-n9wd2oj4q8 {
    to { transform: rotate(360deg); }
}

@media (max-width: 480px) {
    .bp-wrap[b-n9wd2oj4q8] {
        align-items: flex-start;
        padding-top: max(1rem, env(safe-area-inset-top));
        padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
    }

    .bp-card[b-n9wd2oj4q8] {
        padding: 1.5rem 1.15rem 1.25rem;
        border-radius: 16px;
        box-shadow: 0 12px 32px rgba(0, 0, 0, .2);
    }

    .bp-header[b-n9wd2oj4q8] {
        margin-bottom: 1.25rem;
    }

    .bp-logo[b-n9wd2oj4q8] {
        width: 60px;
        height: 60px;
        max-width: 60px;
    }

    .bp-company[b-n9wd2oj4q8] {
        font-size: 1.05rem;
    }

    .bp-amount-block[b-n9wd2oj4q8] {
        padding: 1rem 0.85rem;
    }

    .bp-value[b-n9wd2oj4q8] {
        font-size: 1.75rem;
    }

    .bp-divider[b-n9wd2oj4q8] {
        margin: 1.25rem 0;
    }

    .bp-title[b-n9wd2oj4q8] {
        font-size: 1.1rem;
    }

    .bp-subtitle[b-n9wd2oj4q8] {
        margin-bottom: 1rem;
        font-size: 0.85rem;
    }

    .bp-qr[b-n9wd2oj4q8] {
        width: 200px;
        height: 200px;
    }

    .bp-footer[b-n9wd2oj4q8] {
        margin-top: 1.25rem;
        padding-top: 1rem;
    }
}

@media (max-width: 360px) {
    .bp-wrap[b-n9wd2oj4q8] {
        padding-left: max(0.75rem, env(safe-area-inset-left));
        padding-right: max(0.75rem, env(safe-area-inset-right));
    }

    .bp-card[b-n9wd2oj4q8] {
        padding: 1.25rem 1rem 1rem;
    }

    .bp-qr[b-n9wd2oj4q8] {
        width: 180px;
        height: 180px;
    }
}
/* /Features/PaymentMethod/PaymentResult.razor.rz.scp.css */
.pr-wrap[b-e0mt5lkowz] {
    margin: 0;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    background: linear-gradient(135deg, #1a1a2e 0%, #2d2d6b 100%);
}

.pr-card[b-e0mt5lkowz] {
    width: 100%;
    max-width: 440px;
    background: #fff;
    border-radius: 20px;
    padding: 2.25rem 1.75rem;
    text-align: center;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
}

.pr-badge[b-e0mt5lkowz] {
    width: 84px;
    height: 84px;
    margin: 0 auto 1.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
}

.pr-badge-success[b-e0mt5lkowz] {
    background: #e8f7ee;
    color: #1e9e54;
}

.pr-badge-pending[b-e0mt5lkowz] {
    background: #fff6e5;
    color: #c48a00;
}

.pr-badge-failed[b-e0mt5lkowz] {
    background: #fdeaea;
    color: #d93b3b;
}

h1[b-e0mt5lkowz] {
    margin: 0 0 .5rem;
    font-size: 1.5rem;
    color: #1a1a2e;
}

p[b-e0mt5lkowz] {
    margin: .4rem 0;
    font-size: 1rem;
    color: #5a5a6e;
    line-height: 1.5;
}

.pr-note[b-e0mt5lkowz] {
    margin-top: 1.5rem;
    padding: .9rem 1rem;
    background: #f6f7fb;
    border-radius: 12px;
    font-size: .9rem;
    color: #44485a;
}

.pr-strong[b-e0mt5lkowz] {
    color: #1e9e54;
    font-weight: 700;
}