@import '_content/TeamworX.BlazorControls/TeamworX.BlazorControls.eais1ovfz9.bundle.scp.css';

/* /Site/Component/BookingButton.razor.rz.scp.css */
/* /Site/Component/InnerPageHero.razor.rz.scp.css */
.page-hero[b-qq6wxy4bcc] {
    position: relative;
    overflow: hidden;
    height: var(--hero-height, 60svh);
    display: flex;
    align-items: center;
    padding-top: 90px; 
}

.page-hero-bg[b-qq6wxy4bcc] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: var(--hero-bg-pos, center 35%);
    background-repeat: no-repeat;
    background-attachment: var(--hero-attach, fixed);
    background-image: radial-gradient(1200px 700px at 50% 10%, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 55%), radial-gradient(900px 520px at 15% 70%, rgba(110, 207, 224, 0.22), rgba(110, 207, 224, 0) 60%), radial-gradient(900px 520px at 80% 65%, rgba(244, 163, 64, 0.18), rgba(244, 163, 64, 0) 62%), linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(0, 0, 0, 0.18)), var(--hero-bg-url);
}

.page-hero-inner[b-qq6wxy4bcc] {
    position: relative;
    z-index: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}

.page-hero-title[b-qq6wxy4bcc] {
    margin: 14px 0 10px 0;
    font-size: clamp(34px, 4.6vw, 58px);
    line-height: 1.04;
    color: #fff;
    text-shadow: 0 20px 50px rgba(0,0,0,0.25), 0 4px 12px rgba(0,0,0,0.18);
}

.page-hero-subtitle[b-qq6wxy4bcc] {
    max-width: 78ch;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.7;
    color: rgba(255,255,255,0.92);
    text-shadow: 0 18px 42px rgba(0,0,0,0.22);
}

.page-hero-chips[b-qq6wxy4bcc] {
    margin-top: 16px;
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.chip[b-qq6wxy4bcc] {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.14);
    outline: 1px solid rgba(255,255,255,0.20);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-size: 13px;
    color: rgba(255,255,255,0.95);
}

.chip-link[b-qq6wxy4bcc] {
    text-decoration: none;
}

.hero-divider[b-qq6wxy4bcc] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    height: 10px;
    background: var(--gradient-brand);
    box-shadow: 0 18px 55px rgba(0,0,0,0.20);
}

.page-hero--light .page-hero-title[b-qq6wxy4bcc] {
    color: rgba(11,27,34,0.95);
    text-shadow: none;
}

.page-hero--light .page-hero-subtitle[b-qq6wxy4bcc] {
    color: rgba(11,27,34,0.80);
    text-shadow: none;
}

.hero-text-wrap[b-qq6wxy4bcc] {
    padding: 24px 28px;
    border-radius: 24px;
    max-width: 60vw;
}

.container .subheader[b-qq6wxy4bcc] {
    display: flex;
    justify-content: center;
}




.page-subnav[b-qq6wxy4bcc] {
    width: -webkit-fill-available;
    position: sticky;
    top: 90px;
    z-index: 1000;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.page-subnav-inner[b-qq6wxy4bcc] {
    display: flex;
    gap: 14px;
    padding: 10px 10px;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 85vw;
}

.page-subnav a.chip[b-qq6wxy4bcc] {
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 999px;
    color: rgba(11,27,34,0.86);
    background: rgba(255, 255, 255, 0.12);
    outline: 1px solid rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    font-size: 13px;
    opacity: 0.95;
    /* smooth transitions */
    transition: background 420ms cubic-bezier(0.22, 1, 0.36, 1), color 420ms cubic-bezier(0.22, 1, 0.36, 1), outline-color 420ms cubic-bezier(0.22, 1, 0.36, 1), transform 220ms ease, opacity 220ms ease;
}

    .page-subnav a.chip:hover[b-qq6wxy4bcc] {
        opacity: 1;
        transform: translateY(-1px);
    }

    /* Active state */
    .page-subnav a.chip.active[b-qq6wxy4bcc] {
        background: var(--gradient-brand);
        color: rgba(255,255,255,0.98);
        outline-color: rgba(255, 255, 255, 0.35);
    }

    /* Optional: subtle glow for active */
    .page-subnav a.chip.active[b-qq6wxy4bcc] {
        box-shadow: 0 16px 44px rgba(0,0,0,0.14);
    }

.page-subnav a:hover[b-qq6wxy4bcc] {
    filter: brightness(110%);
}

.page-subnav-inner[b-qq6wxy4bcc] {
    position: relative;
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px;
}

.page-subnav a.chip[b-qq6wxy4bcc] {
    position: relative;
    z-index: 2;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 999px;
    color: rgba(11,27,34,0.86);
    background: rgba(255,255,255,0.12);
    outline: 1px solid rgba(255,255,255,0.20);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 13px;
    opacity: 0.95;
    transition: background 420ms cubic-bezier(0.22, 1, 0.36, 1), color 420ms cubic-bezier(0.22, 1, 0.36, 1), outline-color 420ms cubic-bezier(0.22, 1, 0.36, 1), transform 220ms ease, opacity 220ms ease;
}

    .page-subnav a.chip:hover[b-qq6wxy4bcc] {
        opacity: 1;
        transform: translateY(-1px);
    }

    .page-subnav a.chip.active[b-qq6wxy4bcc] {
        background: var(--gradient-brand);
        color: rgba(255,255,255,0.98);
        outline-color: rgba(255,255,255,0.35);
    }

.subnav-pill[b-qq6wxy4bcc] {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 10px;

    height: 34px;
    border-radius: 999px;
    background: var(--gradient-brand);
    outline: 1px solid rgba(255,255,255,0.35);
    box-shadow: 0 16px 44px rgba(0,0,0,0.14);
    transform: translateX(0px);
    width: 0px;
    transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1), width 520ms cubic-bezier(0.22, 1, 0.36, 1), top 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
    .page-subnav a.chip[b-qq6wxy4bcc],
    .subnav-pill[b-qq6wxy4bcc] {
        transition: none !important;
    }
}

@media (max-width: 980px) {

    .page-hero[b-qq6wxy4bcc] {
        height: 70svh;
    }

    .page-hero-inner[b-qq6wxy4bcc] {
        justify-content: space-between;
    }


    .page-hero-bg[b-qq6wxy4bcc] {
        background-position: right;
    }

    .subheader .hero-text-wrap[b-qq6wxy4bcc] {
        max-width: unset;
        padding: 14px 18px;
        margin-bottom: 20px;
    }
    .page-hero-subtitle[b-qq6wxy4bcc] {
        font-size: 13px;
    }

    .chip[b-qq6wxy4bcc] {
        font-size: 10px;
    }
}
/* /Site/Layout/Footer.razor.rz.scp.css */
.site-footer[b-5hscdztuj8] {
    position: relative;
    overflow: hidden;
    /* deep, luxury base */
    background: var(--gradient-brand);
    color: rgba(255,255,255,0.88);
    background-size: 200% 200%;
    animation: gradientShift 6s ease infinite;
}

/* Wave sits at top and blends from white -> dark */
.footer-wave[b-5hscdztuj8] {
    position: absolute;
    inset: -1px 0 auto 0;
    height: 140px;
    pointer-events: none;
}

    .footer-wave svg[b-5hscdztuj8] {
        width: 100%;
        height: 140px;
        display: block;
    }

    .footer-wave path[b-5hscdztuj8] {
        fill: #ffffff; /* assumes last section is white */
    }

/* Layout */
.footer-inner[b-5hscdztuj8] {
    position: relative;
    padding-top: 120px; /* gives space for wave */
    padding-bottom: 28px;
}

.footer-grid[b-5hscdztuj8] {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.1fr;
    gap: 28px;
}

/* Brand column */
.footer-logo[b-5hscdztuj8] {
    height: 44px;
    width: auto;
    filter: drop-shadow(0 16px 28px rgba(0,0,0,0.28));
}

.footer-text[b-5hscdztuj8] {
    margin: 14px 0 0 0;
    max-width: 52ch;
    opacity: 0.82;
    line-height: 1.7;
}

/* Chips */
.footer-chips[b-5hscdztuj8] {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.footer-chip[b-5hscdztuj8] {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.10);
    outline: 1px solid rgba(255,255,255,0.14);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 12px;
    opacity: 0.92;
}

.footer-heading[b-5hscdztuj8] {
    font-weight: 800;
    letter-spacing: 0.2px;
    margin-bottom: 10px;
    color: rgba(255,255,255,0.92);
}

.site-footer a[b-5hscdztuj8] {
    color: rgba(255,255,255,0.86);
    text-decoration: none;
    padding: 6px 0;
    display: inline-block;
    opacity: 0.92;
}

    .site-footer a:hover[b-5hscdztuj8] {
        opacity: 1;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

.footer-muted[b-5hscdztuj8] {
    margin-top: 8px;
    opacity: 0.65;
    font-size: 13px;
}

/* Social buttons as subtle glass pills */
.footer-social[b-5hscdztuj8] {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.social-btn[b-5hscdztuj8] {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.10);
    outline: 1px solid rgba(255,255,255,0.14);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 12px;
    text-decoration: none !important;
}

/* Bottom row */
.footer-bottom[b-5hscdztuj8] {
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,0.12);
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}

.powered-by[b-5hscdztuj8] {
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0.85;
    font-size: 13px;
}

.teamworx-logo[b-5hscdztuj8] {
    height: 40px;
    width: auto;
    filter: drop-shadow(0 12px 24px rgba(0,0,0,0.30));
}

    .teamworx-logo:hover[b-5hscdztuj8] {
        cursor:pointer;
    }

    .footer-wave svg[b-5hscdztuj8] {
        width: 100%;
        height: 120px;
        display: block;
        transform: scaleY(-1);
    }

.footer-col[b-5hscdztuj8] {
    display: flex;
    flex-direction: column;
}

[b-5hscdztuj8].footer-social .twx-social-icons .contact-link {
    height: 45px !important;
    fill: #ffff;
    width: 45px !important;
    outline: 1px solid rgba(255, 255, 255, 0.26);
    backdrop-filter: blur(3px);
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.22);
    color: #ffff;
    background: linear-gradient(90deg, rgba(110, 207, 224, 0.35), rgba(59, 175, 195, 0.35), rgba(244, 163, 64, 0.35));
    border-radius: 22px;
}

    [b-5hscdztuj8].footer-social .twx-social-icons .contact-link svg {
        height: 35px;
        width: 35px;
    }

/* Responsive */
@media (max-width: 980px) {
    .footer-grid[b-5hscdztuj8] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .footer-grid[b-5hscdztuj8] {
        grid-template-columns: 1fr;
    }

    .footer-inner[b-5hscdztuj8] {
        padding-top: 110px;
    }
}
/* /Site/Layout/Header.razor.rz.scp.css */
/* Header base */
.site-header[b-8tafzx472x] {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 1001;
    padding: calc(12px + env(safe-area-inset-top)) 16px 12px 16px;
}

    .site-header:not(.is-sticky) .header-shell[b-8tafzx472x] {
        outline: unset;
        backdrop-filter: unset;
        box-shadow: unset;
        background: unset;
    }

        .site-header:not(.is-sticky) .header-shell[b-8tafzx472x]::before {
            background: unset;
        }

    /* This is the inset "toolbar" container */
    .header-shell[b-8tafzx472x] {
    max-width: 1240px;
    margin: 0 auto;
    position: relative;
    backdrop-filter: blur(10px);
    color: #ffff;
}

/* The pill background is drawn with a pseudo-element so we can animate it nicely */
.header-inner[b-8tafzx472x] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 14px;
    align-items: center;
    padding: 12px 14px;
    border-radius: 18px;
}

    /* Floating glass background layer (hidden when transparent) */
    /*.header-inner::before {
        content: "";
        position: absolute;
        inset: -6px;*/ /* makes it feel like it comes "off the edges" */
        /*border-radius: 22px;
        background: linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--tertiary-color));
        opacity: 0;
        transform: translateY(-10px) scale(0.98);
        transition: opacity 260ms ease, transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
        box-shadow: 0 18px 55px rgba(0,0,0,0.20);
    }*/

    /* Liquid glass overlay */
    /*.header-inner::after {
        content: "";
        position: absolute;
        inset: -6px;
        border-radius: 22px;*/
        /* Subtle specular highlight */
        /*background: radial-gradient(900px 260px at 20% 10%, rgba(255,255,255,0.40), rgba(255,255,255,0) 60%), radial-gradient(700px 240px at 80% 40%, rgba(255,255,255,0.22), rgba(255,255,255,0) 60%);
        opacity: 0;
        transform: translateY(-10px) scale(0.98);
        transition: opacity 260ms ease, transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
        pointer-events: none;
    }*/

/* Ensure content sits above the background layers */
.brand[b-8tafzx472x], .nav[b-8tafzx472x], .menu-btn[b-8tafzx472x], .mobile-nav[b-8tafzx472x] {
    position: relative;
    z-index: 1;
}

/* Brand */
.brand[b-8tafzx472x] {
    display: flex;
    gap: 12px;
    align-items: center;
    text-decoration: none;
}


.logo-wrapper[b-8tafzx472x] {
    display: inline-block;
    height: 70px; /* set consistent header size */
}

.logo[b-8tafzx472x] {
    position: absolute;
    inset: 0;
    height: 70px;
    width: auto;
    transition: opacity 260ms ease, transform 260ms ease;
    filter: drop-shadow(0 12px 24px rgba(0,0,0,0.30));
}

/* Default: transparent header → use colour logo */
.logo-colour[b-8tafzx472x] {
    opacity: 1;
}

.logo-white[b-8tafzx472x] {
    opacity: 0;
}

/* When sticky → fade to white logo */
.site-header.is-sticky .logo-colour[b-8tafzx472x] {
    opacity: 0;
}

.site-header.is-sticky .logo-white[b-8tafzx472x] {
    opacity: 1;
}

/* Optional: slightly shrink when sticky (feels premium) */
.site-header.is-sticky .logo-wrapper[b-8tafzx472x] {
    height: 48px;
}

.site-header.is-sticky .logo[b-8tafzx472x] {
    height: 48px;
}

.site-header.is-sticky .logo-colour[b-8tafzx472x] {
    opacity: 0;
    transform: scale(0.95);
}

.site-header.is-sticky .logo-white[b-8tafzx472x] {
    opacity: 1;
    transform: scale(1);
}


.brand-mark[b-8tafzx472x] {
    width: 34px;
    height: 34px;
    border-radius: 14px;
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.9), rgba(255,255,255,0) 60%), linear-gradient(135deg, rgba(255,255,255,0.35), rgba(255,255,255,0.05));
    outline: 1px solid rgba(255,255,255,0.35);
    box-shadow: 0 10px 28px rgba(0,0,0,0.18);
}

.brand-text[b-8tafzx472x] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.brand-name[b-8tafzx472x] {
    font-weight: 650;
    font-size: 15px;
    letter-spacing: 0.2px;
}

.brand-tag[b-8tafzx472x] {
    font-size: 12px;
    opacity: 0.85;
}

/* Text colours: transparent mode = white (over hero), sticky = dark */
.site-header.is-transparent .brand[b-8tafzx472x],
.site-header.is-transparent .nav-link[b-8tafzx472x],
.site-header.is-transparent .nav-cta[b-8tafzx472x],
.site-header.is-transparent .nav-dropdown-btn[b-8tafzx472x] {
    color: rgba(255,255,255,0.94);
    text-shadow: 0 14px 32px rgba(0,0,0,0.35);
}


/* Desktop nav */
.nav[b-8tafzx472x] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.nav-link[b-8tafzx472x],
.nav-dropdown-btn[b-8tafzx472x] {
    background: transparent;
    border: 0;
    padding: 10px 10px;
    border-radius: 999px;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.95;
    transition: opacity 150ms ease, transform 150ms ease, background 150ms ease;
}

    .nav-link:hover[b-8tafzx472x],
    .nav-dropdown-btn:hover[b-8tafzx472x] {
        opacity: 1;
        transform: translateY(-1px);
        background: rgba(255,255,255,0.14);
    }

.site-header.is-sticky .nav-link:hover[b-8tafzx472x],
.site-header.is-sticky .nav-dropdown-btn:hover[b-8tafzx472x] {
    background: rgba(255,255,255,0.24);
}

/* CTA button */
.nav-cta[b-8tafzx472x] {
    text-decoration: none;
    padding: 10px 14px;
    border-radius: 999px;
    font-weight: 650;
    background: rgba(255,255,255,0.18);
    outline: 1px solid rgba(255,255,255,0.30);
    backdrop-filter: blur(10px);
    transition: transform 150ms ease, background 150ms ease;
}

    .nav-cta:hover[b-8tafzx472x] {
        transform: translateY(-1px);
        background: rgba(255,255,255,0.26);
    }

/* Dropdown */
.nav-dropdown[b-8tafzx472x] {
    position: relative;
}

.chev[b-8tafzx472x] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    opacity: 0.9;
}

.nav-dropdown-panel[b-8tafzx472x] {
    position: absolute;
    top: calc(100%);
    left: 0;
    min-width: 210px;
    padding: 10px;
    border-radius: 18px;
    /* Glass dropdown */
    background: rgba(255,255,255,0.16);
    outline: 1px solid rgba(255,255,255,0.22);
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 55px rgba(0,0,0,0.22);
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
    pointer-events: none;
    transition: opacity 160ms ease, transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.site-header.is-sticky .nav-dropdown-panel[b-8tafzx472x] {
    background: rgba(255,255,255,0.28);
    outline: 1px solid rgba(255,255,255,0.32);
}

.nav-dropdown-panel.open[b-8tafzx472x] {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.nav-dropdown-item[b-8tafzx472x] {
    display: block;
    padding: 10px 12px;
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    font-size: 14px;
    opacity: 0.95;
}

    .nav-dropdown-item:hover[b-8tafzx472x] {
        background: rgba(255,255,255,0.14);
        opacity: 1;
    }

/* Mobile */
.menu-btn[b-8tafzx472x] {
    display: none;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    border: 0;
    cursor: pointer;
    background: rgba(255,255,255,0.16);
    outline: 1px solid rgba(255,255,255,0.22);
    backdrop-filter: blur(12px);
}

    .menu-btn span[b-8tafzx472x] {
        display: block;
        width: 18px;
        height: 2px;
        margin: 4px auto;
        background: currentColor;
    }

/* Mobile nav panel */
.mobile-nav[b-8tafzx472x] {
    display: none;
    margin-top: 12px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(255,255,255,0.16);
    outline: 1px solid rgba(255,255,255,0.22);
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 55px rgba(0,0,0,0.22);
}

.site-header.is-sticky .mobile-nav[b-8tafzx472x] {
    background: rgba(255,255,255,0.28);
    outline: 1px solid rgba(255,255,255,0.32);
}

.mobile-nav a[b-8tafzx472x] {
    display: block;
    padding: 10px 12px;
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    opacity: 0.95;
}

    .mobile-nav a:hover[b-8tafzx472x] {
        background: rgba(255,255,255,0.14);
        opacity: 1;
    }

.mobile-nav .nav-cta[b-8tafzx472x] {
    margin-top: 10px;
    display: inline-flex;
    width: fit-content;
}

.nav-link[b-8tafzx472x] {
    color: #ffff;
}

.site-header.is-sticky .brand[b-8tafzx472x],
.site-header.is-sticky .nav-link[b-8tafzx472x],
.site-header.is-sticky .nav-cta[b-8tafzx472x],
.site-header.is-sticky .nav-dropdown-btn[b-8tafzx472x],
.site-header.is-sticky .nav-dropdown-item[b-8tafzx472x] {
    color: rgba(11,27,34,0.95);
    text-shadow: none;
}


@media (max-width: 980px) {
    .nav[b-8tafzx472x] {
        display: none;
    }

    .menu-btn[b-8tafzx472x] {
        display: inline-block;
    }

    .mobile-nav.open[b-8tafzx472x] {
        display: block;
    }
}
/* /Site/Layout/MainLayout.razor.rz.scp.css */
.page[b-6p8ur9meg6] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-6p8ur9meg6] {
    flex: 1;
}


@keyframes drop-b-6p8ur9meg6 {
    0% {
        top: -50%;
    }
    100% {
        top: 110%;
    }
}
/* /Site/Layout/NavMenu.razor.rz.scp.css */
.navigation-menu[b-1n847pa1ih] {
    margin-top: 25px;
}

.sticky-header .navigation-menu[b-1n847pa1ih] {
    margin-top: unset;
}

.navigation-menu ul[b-1n847pa1ih] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .navigation-menu ul li[b-1n847pa1ih] {
        display: inline-block;
        margin-left: 15px;
    }

[b-1n847pa1ih].navigation-menu ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
}



    [b-1n847pa1ih].navigation-menu ul li a.active {
        background-color: var(--primary-color-lighter);
    }

    [b-1n847pa1ih].navigation-menu ul li a.navbutton.active {
        background-color: var(--primary-color-lighter) !important;
    }

[b-1n847pa1ih].navigation-menu ul li:hover a {
    background: #FFFFFF14;
}

[b-1n847pa1ih].dropper-pointer {
    height: 12px !important;
    width: 12px !important;
}

[b-1n847pa1ih].navigation-menu ul li .nav-button {
    width: 95px !important;
    display: block !important;
}

[b-1n847pa1ih] a.navbutton {
    display: block;
    line-height: 1.5rem !important;
    width: 220px !important;
}

    [b-1n847pa1ih] a.navbutton:hover {
        cursor: pointer;
    }

.slide-in-blurred-top[b-1n847pa1ih] {
    animation-delay: 1.5s;
}

.menu-icon[b-1n847pa1ih] {
    display:none;
    margin-right:30px;

}

    [b-1n847pa1ih].menu-icon svg {
        height: 50px;
        stroke: #fff;
        fill: #fff;
    }
[b-1n847pa1ih].menu-icon.selected svg {
    height: 30px;

}


button.glow-on-hover[b-1n847pa1ih] {

    display:none;
}

[b-1n847pa1ih].navigation-menu .dropper-container {
    position: relative;
    z-index: 100;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: unset;
}

[b-1n847pa1ih].navigation-menu .dropper-container:hover {
    filter: brightness(110%);
    background-color: #FFFFFF14;
    cursor: pointer;
    border-radius: 5px;
}

    [b-1n847pa1ih].navigation-menu .dropper-container .buttons-container .popover {
        display: none;
        position: absolute;
        background: var(--primary-color);
        border-radius: 10px;
        box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
        border: unset;
    }

    [b-1n847pa1ih].navigation-menu .dropper-container:hover .buttons-container .popover {
        display: unset;
        top: 30px;
    }

/* Responsive Styles */
@media screen and (max-width: 992px) {
/*
}

@media screen and (max-width: 768px) {*/
    .navigation-menu[b-1n847pa1ih] {
        display: none;
    }


    .menu-icon[b-1n847pa1ih] {
        display: unset;
    }

    .slide-in-blurred-top[b-1n847pa1ih] {
         animation-delay: unset;
    }

    .navigation-menu.selected[b-1n847pa1ih] {
        display: block;
        background: #fff;
        top: 60px;
        position: fixed;
        width: 100vw;
        padding: 20px 0px;
    }

    [b-1n847pa1ih].navigation-menu ul li a {
        color: var(--tertiary-color-darker) !important;
        font-size: 1.4rem;
    }

    [b-1n847pa1ih].navigation-menu ul li {
        display: block;
        text-align: center;
        margin-left: unset;
    }

        [b-1n847pa1ih].navigation-menu ul li .nav-button {
            width: 60vw !important;
        }

    [b-1n847pa1ih].navigation-menu .dropper-container {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

        [b-1n847pa1ih].navigation-menu .dropper-container:hover .buttons-container .popover {
            display: unset;
        }

        [b-1n847pa1ih].navigation-menu .dropper-container .buttons-container .popover {
            position: unset;
            text-align: start;
        }

        [b-1n847pa1ih].navigation-menu .dropper-container .dropper-pointer {
            position: absolute;
            display: inline-block;
            fill: #d7d7d7;
            margin-left: 10px;
            height: 15px !important;
            width: 15px !important;
            right: unset;
        }

    [b-1n847pa1ih].navigation-menu .dropper-container .buttons-container {
        border-left: solid 2px var(--tertiary-color-darker);
    }

    [b-1n847pa1ih].navigation-menu .dropper-container:hover .buttons-container {
        margin-bottom: 15px;
    }

    [b-1n847pa1ih].navigation-menu .dropper-container .buttons-container .popover {
        position: unset;
        text-align: start;
    }

    [b-1n847pa1ih].navigation-menu ul li a.active {
        display: inline-block;
        width: 60vw;
    }

    [b-1n847pa1ih].navigation-menu a.navbutton {
        width: 80vw !important;
    }

    [b-1n847pa1ih].navigation-menu .popover a {
        color: var(--primary-color-lighter) !important;
        font-size: 1.1rem;
        padding-left: 40px;
    }

    [b-1n847pa1ih].navigation-menu ul li a.navbutton.active {
        background-color: var(--primary-color-lighter) !important;
        color: var(--tertiary-color-darker) !important;
        width: 65vw !important;
    }

    .sticky-header .menu-icon[b-1n847pa1ih]  svg {
        stroke: var(--tertiary-color);
        fill: var(--tertiary-color);
    }
}

/* /Site/Pages/Gallery/FeaturedGallery.razor.rz.scp.css */
.gallery-section[b-mkgurjotk3] {
    padding-top: 50px;
    padding-bottom: 140px;
}

.gallery-header[b-mkgurjotk3] {
    text-align: center;
    margin-bottom: 60px;
}

.gallery-intro[b-mkgurjotk3] {
    max-width: 760px;
    margin: 0 auto 50px auto;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(0,0,0,0.75);
}

.highlight-soft[b-mkgurjotk3] {
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 600;
}

.gallery-title[b-mkgurjotk3] {
    font-size: clamp(28px, 3vw, 42px);
}

.gallery-footer[b-mkgurjotk3] {
    text-align: center;
}

/* Bento grid */
.gallery-grid[b-mkgurjotk3] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 180px;
    gap: 18px;
}

.gallery-item[b-mkgurjotk3] {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    cursor: pointer;
}

    .gallery-item img[b-mkgurjotk3] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 600ms ease;
        display: block;
    }

    .gallery-item:hover img[b-mkgurjotk3] {
        transform: scale(1.05);
    }

    /* Size variations */
    .gallery-item.large[b-mkgurjotk3] {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-item.medium[b-mkgurjotk3] {
        grid-column: span 2;
    }

    .gallery-item.small[b-mkgurjotk3] {
        grid-column: span 1;
    }


.gallery-reveal[b-mkgurjotk3] {
    opacity: 0;
    transform: translateY(18px) scale(0.995);
    transition: opacity 700ms cubic-bezier(0.22, 1, 0.36, 1), transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform, opacity;
    transition-delay: var(--reveal-delay, 0ms);
}

    .gallery-reveal.is-visible[b-mkgurjotk3] {
        opacity: 1;
        transform: translateY(var(--parallax-y, 0px)) scale(1);
    }

    /* Parallax is applied via CSS variable */
    .gallery-reveal.is-visible[b-mkgurjotk3] {
        transform: translateY(var(--parallax-y, 0px)) scale(1);
    }

.gallery-item img[b-mkgurjotk3] {
    transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* Lightbox */
.lightbox[b-mkgurjotk3] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 40px;
}

    .lightbox img[b-mkgurjotk3] {
        max-width: 90%;
        max-height: 90%;
        border-radius: 16px;
    }


/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    .gallery-reveal[b-mkgurjotk3] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
    }
}


/* Responsive */
@media (max-width: 980px) {
    .gallery-grid[b-mkgurjotk3] {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-title .hero-highlight[b-mkgurjotk3] {
        display: block;
    }
}
/* /Site/Pages/Gallery/Index.razor.rz.scp.css */

.gallery-intro[b-a6jjev4rr4] {
    max-width: 760px;
    margin: 0 auto 50px auto;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(0,0,0,0.75);
}


/* -------------------------------
   Gallery blocks
-------------------------------- */
.page-body[b-a6jjev4rr4] {
    padding-top: 70px;
    padding-bottom: 120px;
}

.section-block[b-a6jjev4rr4] {
    padding-top: 36px;
    padding-bottom: 36px;
    scroll-margin-top: 140px;
}

    .section-block + .section-block[b-a6jjev4rr4] {
        border-top: 1px solid rgba(0,0,0,0.06);
    }

.gallery-block-head[b-a6jjev4rr4] {
    margin-bottom: 18px;
}

.gallery-block-title[b-a6jjev4rr4] {
    margin: 0;
    font-size: clamp(22px, 2.4vw, 34px);
}

.gallery-block-subtitle[b-a6jjev4rr4] {
    margin: 8px 0 0 0;
    color: rgba(0,0,0,0.70);
    line-height: 1.7;
    max-width: 78ch;
}

/* -------------------------------
   Bento grid (reuse yours + small upgrades)
-------------------------------- */
.gallery-grid[b-a6jjev4rr4] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 180px;
    gap: 18px;
}

@media (max-width: 980px) {
    .gallery-grid[b-a6jjev4rr4] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.gallery-item[b-a6jjev4rr4] {
    border: 0;
    padding: 0;
    background: transparent;
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    cursor: pointer;
    grid-column: span 2;
    grid-row: span 2;
}

    .gallery-item img[b-a6jjev4rr4] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    .gallery-item:hover img[b-a6jjev4rr4] {
        transform: scale(1.05);
    }

/* Reveal */
.gallery-reveal[b-a6jjev4rr4] {
    opacity: 0;
    transform: translateY(18px) scale(0.995);
    transition: opacity 700ms cubic-bezier(0.22, 1, 0.36, 1), transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform, opacity;
    transition-delay: var(--reveal-delay, 0ms);
}

    .gallery-reveal.is-visible[b-a6jjev4rr4] {
        opacity: 1;
        transform: translateY(var(--parallax-y, 0px)) scale(1);
    }

/* -------------------------------
   Lightbox modal
-------------------------------- */
.lightbox[b-a6jjev4rr4] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.60);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.lightbox-inner[b-a6jjev4rr4] {
    width: min(1000px, 100%);
    max-height: 86vh;
    overflow: hidden;
    border-radius: 20px;
    background: rgba(255,255,255,0.10);
    outline: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 40px 120px rgba(0,0,0,0.40);
    position: relative;
}

    .lightbox-inner img[b-a6jjev4rr4] {
        width: 100%;
        height: 100%;
        max-height: 86vh;
        object-fit: contain;
        display: block;
        padding: 14px;
    }

.lightbox-close[b-a6jjev4rr4] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    border: 0;
    cursor: pointer;
    background: rgba(255,255,255,0.18);
    outline: 1px solid rgba(255,255,255,0.22);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: rgba(255,255,255,0.92);
    font-size: 18px;
    line-height: 44px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .gallery-reveal[b-a6jjev4rr4] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* /Site/Pages/Home/HeroSection.razor.rz.scp.css */
.hero[b-7gjj8l1t78] {
    min-height: 85vh; /* fallback */
    min-height: 85svh; /* stable on mobile */
    align-items: stretch;
    position: relative;
    overflow: hidden;
}

.hero-bg[b-7gjj8l1t78] {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(1200px 700px at 50% 10%, rgba(255,255,255,0.35), rgba(255,255,255,0) 55%), radial-gradient(900px 520px at 15% 70%, rgba(110,207,224,0.22), rgba(110,207,224,0) 60%), radial-gradient(900px 520px at 80% 65%, rgba(244,163,64,0.18), rgba(244,163,64,0) 62%), linear-gradient(180deg, rgba(255,255,255,0.10), rgba(0,0,0,0.18)), var(--hero-bg-url);
    /*url("/images/villa_hero2.png");*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* THIS makes the image feel fixed while content scrolls */
    background-attachment: fixed;
    background-position: center 100%;
}

.hero-inner[b-7gjj8l1t78] {
    position: relative;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 22px;
    padding-top: 120px; /* slightly reduced */
    padding-bottom: 90px; /* reduced so divider is visible */
    height: 85vh;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}


/* Left content */
.hero-content[b-7gjj8l1t78] {
    color: rgba(255,255,255,0.96);
    text-shadow: 0 18px 46px rgba(0,0,0,0.25);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.hero-kicker[b-7gjj8l1t78] {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 13px;
    letter-spacing: 0.2px;
    margin-top: 30px;
}

.hero-title[b-7gjj8l1t78] {
    font-size: clamp(40px, 6vw, 72px);
    line-height: 1.02;
    letter-spacing: -0.6px;
    font-weight: 700;
    color: #ffffff;
    /* Definition without looking harsh */
    text-shadow: 0 20px 50px rgba(0,0,0,0.25), 0 4px 12px rgba(0,0,0,0.20);
    /* Subtle crispness */
    -webkit-font-smoothing: antialiased;
}

.hero-text-wrap[b-7gjj8l1t78] {
    padding: 24px 28px;
    border-radius: 24px;
    max-width: 515px;
}

.hero-subtitle[b-7gjj8l1t78] {
    margin: 0;
    max-width: 62ch;
    font-size: clamp(15px, 1.2vw, 18px);
    line-height: 1.65;
    opacity: 0.95;
}

.hero-actions[b-7gjj8l1t78] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.hero-chips[b-7gjj8l1t78] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.chip[b-7gjj8l1t78] {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.12);
    outline: 1px solid rgba(255,255,255,0.20);
    backdrop-filter: blur(10px);
    font-size: 13px;
    opacity: 0.95;
}

/* Right card (liquid glass) */
.hero-card[b-7gjj8l1t78] {
    border-radius: 22px;
    padding: 18px;
    position: relative;
}

    .hero-card > *[b-7gjj8l1t78] {
        position: relative;
        z-index: 1;
    }

.hero-card-head[b-7gjj8l1t78] {
    margin-bottom: 14px;
}

.hero-card-title[b-7gjj8l1t78] {
    font-weight: 800;
    letter-spacing: 0.2px;
    font-size: 16px;
}

.hero-card-sub[b-7gjj8l1t78] {
    margin-top: 4px;
    font-size: 13px;
    opacity: 0.8;
}

/* Date inputs */
.date-grid[b-7gjj8l1t78] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 10px;
}

.field[b-7gjj8l1t78] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field-label[b-7gjj8l1t78] {
    font-size: 12px;
    opacity: 0.75;
}

.field-input[b-7gjj8l1t78] {
    height: 44px;
    border-radius: 14px;
    border: 0;
    padding: 0 12px;
    background: rgba(255,255,255,0.45);
    outline: 1px solid rgba(255,255,255,0.35);
    color: rgba(11,27,34,0.95);
}

    .field-input:focus[b-7gjj8l1t78] {
        outline: 2px solid rgba(255,255,255,0.65);
    }

/* Price + capacity row */
.hero-card-meta[b-7gjj8l1t78] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.28);
}

.price[b-7gjj8l1t78] {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.price-from[b-7gjj8l1t78] {
    font-size: 12px;
    opacity: 0.75;
}

.price-value[b-7gjj8l1t78] {
    font-weight: 900;
    font-size: 28px;
    letter-spacing: -0.5px;
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.price-unit[b-7gjj8l1t78] {
    font-size: 12px;
    opacity: 0.75;
}

.capacity[b-7gjj8l1t78] {
    font-size: 13px;
    opacity: 0.85;
    display: flex;
    align-items: center;
    gap: 8px;
}

.capacity-dot[b-7gjj8l1t78] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--tertiary-color);
    box-shadow: 0 10px 22px rgba(0,0,0,0.18);
}

[b-7gjj8l1t78].hero-card .btn-primary {
    width: 100%;
    margin-top: 14px;
    justify-content: center;
}

/* Small footer note */
.hero-card-foot[b-7gjj8l1t78] {
    margin-top: 12px;
    font-size: 12px;
    opacity: 0.75;
    text-align: center;
}

.hero-divider[b-7gjj8l1t78] {
    position: absolute;
    bottom: 0px;
    width: 100vw;
    height: 20px;
    background: var(--gradient-brand);
    box-shadow: 0 18px 55px rgba(0,0,0,0.22);
    overflow: hidden;
}

    .hero-divider[b-7gjj8l1t78]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 18% 50%, rgba(255,255,255,0.60), rgba(255,255,255,0) 38%), radial-gradient(circle at 82% 50%, rgba(255,255,255,0.38), rgba(255,255,255,0) 40%);
        opacity: 1;
    }

[b-7gjj8l1t78].date-grid .input-container label {
    color: #ffff !important;
}

@media (max-width: 980px) {
    .hero-bg[b-7gjj8l1t78] {
        background-position: center 145%;
        /*        background-attachment: scroll;
*/
    }

    .hero-inner[b-7gjj8l1t78] {
        grid-template-columns: 1fr;
        padding-top: 110px;
        padding-bottom: 30px;
        flex-direction: column;
    }

    .date-grid[b-7gjj8l1t78] {
        grid-template-columns: 1fr;
    }

    .hero-kicker[b-7gjj8l1t78] {
        font-size: 12px;
    }

    .hero-title br[b-7gjj8l1t78] {
        display: none;
    }

    .hero-title[b-7gjj8l1t78] {
        font-size: clamp(36px, 6vw, 72px);
        margin-top: 20px;
    }

    .hero-inner > .hero-card[b-7gjj8l1t78] {
        display: none;
    }

    .hero-text-wrap[b-7gjj8l1t78] {
        padding: 14px 18px;
    }

    .hero-chips[b-7gjj8l1t78] {
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }

        .hero-chips .chip[b-7gjj8l1t78] {
            display: none;
        }
}
/* /Site/Pages/Home/Home.razor.rz.scp.css */
.section[b-1smbesietr] {
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.container[b-1smbesietr] {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;
}

.section--white[b-1smbesietr] {
    background: var(--surface);
}

/* HERO */
.hero[b-1smbesietr] {
    align-items: stretch;
}

.hero-bg[b-1smbesietr] {
    position: absolute;
    inset: 0;
    /* Placeholder hero “photo feel” using gradients.
       Later, swap to a real image and keep this as overlay. */
    background: radial-gradient(1200px 600px at 50% 10%, rgba(255,255,255,0.18), rgba(255,255,255,0) 55%), linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.25) 55%, rgba(0,0,0,0.55)), radial-gradient(900px 520px at 70% 40%, rgba(110,207,224,0.30), rgba(110,207,224,0) 60%), radial-gradient(900px 520px at 30% 60%, rgba(244,163,64,0.18), rgba(244,163,64,0) 65%), linear-gradient(135deg, #10313d, #0b1b22);
    transform: scale(1.03);
}

.hero-content[b-1smbesietr] {
    position: relative;
    width: min(980px, calc(100% - 40px));
    margin: 0 auto;
    padding-top: 120px; /* allow for header overlay */
    padding-bottom: 140px;
    align-self: center;
    color: rgba(255,255,255,0.94);
    text-shadow: 0 16px 40px rgba(0,0,0,0.40);
}
.hero-title[b-1smbesietr] {
    margin: 16px 0 10px 0;
    font-size: clamp(34px, 5vw, 56px);
    line-height: 1.02;
    letter-spacing: -0.4px;
}

.hero-subtitle[b-1smbesietr] {
    margin: 0;
    max-width: 62ch;
    font-size: 16px;
    line-height: 1.6;
    opacity: 0.92;
}

.hero-actions[b-1smbesietr] {
    margin-top: 22px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.btn[b-1smbesietr] {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: 0.2px;
    outline: 1px solid rgba(255,255,255,0.25);
    backdrop-filter: blur(10px);
}

.btn-primary[b-1smbesietr] {
    background: var(--gradient-brand);
    color: rgba(11,27,34,0.95);
    outline: 1px solid rgba(255,255,255,0.35);
}

.btn-ghost[b-1smbesietr] {
    background: rgba(255,255,255,0.14);
    color: rgba(255,255,255,0.94);
}

.hero-divider[b-1smbesietr] {
    position: absolute;
    left: 0;
    right: 0;
    top: 66vh;
    height: 10px;
    background: var(--gradient-brand);
    box-shadow: 0 14px 40px rgba(0,0,0,0.25);
}

.hero-divider[b-1smbesietr]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 12% 50%, rgba(255,255,255,0.55), rgba(255,255,255,0) 35%), radial-gradient(circle at 80% 50%, rgba(255,255,255,0.40), rgba(255,255,255,0) 40%);
    opacity: 0.7;
}
/* /Site/Pages/Information/Contact.razor.rz.scp.css */
.section--brand.section-block[b-3j98fh2h65] {
    position: relative;
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 120px;
}

.section-block[b-3j98fh2h65] {
    margin-top:80px;
}

.page-body[b-3j98fh2h65] {
    padding-top: 70px;
    padding-bottom: 120px;
}

.contact-intro[b-3j98fh2h65] {
    max-width: 78ch;
    margin: 0 auto 38px auto;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(0,0,0,0.74);
}

.block-head[b-3j98fh2h65] {
    margin-bottom: 18px;
}

.block-title[b-3j98fh2h65] {
    margin: 0;
    font-size: clamp(22px, 2.4vw, 34px);
}

.block-subtitle[b-3j98fh2h65] {
    margin: 8px 0 0 0;
    color: rgba(0,0,0,0.70);
    line-height: 1.7;
    max-width: 78ch;
}

/* Layout */
.contact-grid[b-3j98fh2h65] {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 18px;
    align-items: start;
}

@media (max-width: 980px) {
    .contact-grid[b-3j98fh2h65] {
        grid-template-columns: 1fr;
    }
}

/* Cards */
.contact-card[b-3j98fh2h65], .aside-card[b-3j98fh2h65], .rates-card[b-3j98fh2h65], .map-meta[b-3j98fh2h65] {
    border-radius: 22px;
    padding: 18px;
    outline: 1px solid rgba(0,0,0,0.06);
}

.rates-card[b-3j98fh2h65] {
    height: -webkit-fill-available;
}

/* Aside */
.contact-aside[b-3j98fh2h65] {
    display: grid;
    gap: 14px;
    color: rgba(11, 27, 34, 0.95);
}

.aside-title[b-3j98fh2h65] {
    font-weight: 850;
    letter-spacing: 0.2px;
    margin-bottom: 10px;
    color: var(--ink);
}

.aside-link[b-3j98fh2h65] {
    display: inline-block;
    padding: 8px 10px;
    border-radius: 14px;
    background: rgba(255,255,255,0.18);
    outline: 1px solid rgba(255,255,255,0.20);
    text-decoration: none;
    color: rgba(11,27,34,0.92);
    margin-bottom: 10px;
}

.aside-card[b-3j98fh2h65] {
    color: rgba(11, 27, 34, 0.95);
}

.aside-muted[b-3j98fh2h65] {
    color: rgba(0,0,0,0.70);
    line-height: 1.7;
}

.aside-divider[b-3j98fh2h65] {
    height: 1px;
    background: rgba(0,0,0,0.08);
    margin: 14px 0;
    opacity: 0.7;
}

.steps[b-3j98fh2h65] {
    margin: 0;
    padding-left: 18px;
    color: rgba(0,0,0,0.74);
    line-height: 1.8;
}

/* Form */
.form-grid[b-3j98fh2h65] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 560px) {
    .form-grid[b-3j98fh2h65] {
        grid-template-columns: 1fr;
    }
}

.field[b-3j98fh2h65] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .field label[b-3j98fh2h65] {
        font-size: 13px;
        color: rgba(0,0,0,0.70);
        font-weight: 650;
    }

.field--full[b-3j98fh2h65] {
    grid-column: 1 / -1;
}

.input[b-3j98fh2h65] {
    border-radius: 16px;
    border: 0;
    padding: 12px 12px;
    outline: 1px solid rgba(0,0,0,0.08);
    background: rgba(255,255,255,0.75);
}

.textarea[b-3j98fh2h65] {
    min-height: 140px;
    resize: vertical;
}

.honeypot[b-3j98fh2h65] {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
}

.form-actions[b-3j98fh2h65] {
    margin-top: 14px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.form-status[b-3j98fh2h65] {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 16px;
    background: rgba(0,0,0,0.04);
    outline: 1px solid rgba(0,0,0,0.06);
    color: rgba(0,0,0,0.72);
}

/* Rates */
.rates-grid[b-3j98fh2h65] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: start;
}

@media (max-width: 980px) {
    .rates-grid[b-3j98fh2h65] {
        grid-template-columns: 1fr;
    }
}

.rates-row[b-3j98fh2h65] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 12px;
    border-radius: 16px;
    background: rgba(255,255,255,0.18);
    outline: 1px solid rgba(255,255,255,0.18);
    margin-bottom: 10px;
}

.rates-date[b-3j98fh2h65] {
    font-weight: 650;
    color: rgba(11,27,34,0.86);
}

.rates-price[b-3j98fh2h65] {
    font-weight: 900;
    color: rgba(11,27,34,0.95);
}

    .rates-price span[b-3j98fh2h65] {
        font-weight: 650;
        opacity: 0.75;
    }

.rates-note[b-3j98fh2h65] {
    margin-top: 12px;
    color: rgba(0,0,0,0.72);
    line-height: 1.7;
}

/* Map styling */
.map-shell[b-3j98fh2h65] {
    position: relative;
    border-radius: 26px;
    overflow: hidden;
    outline: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 26px 80px rgba(0,0,0,0.10);
}

.map-frame[b-3j98fh2h65] {
    position: relative;
    height: clamp(320px, 46vh, 520px);
    background: radial-gradient(900px 320px at 20% 15%, rgba(var(--primary-rgba), 0.14), rgba(var(--primary-rgba), 0) 60%), radial-gradient(900px 320px at 80% 60%, rgba(var(--tertiary-rgba), 0.10), rgba(var(--tertiary-rgba), 0) 62%), rgba(255,255,255,0.40);
}

/* This overlay adds that luxury “finish” on top of the map */
.map-overlay[b-3j98fh2h65] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(1000px 420px at 15% 0%, rgba(255,255,255,0.18), rgba(255,255,255,0) 60%), linear-gradient(180deg, rgba(0,0,0,0.06), rgba(0,0,0,0.00) 40%, rgba(0,0,0,0.10));
    mix-blend-mode: overlay;
    opacity: 0.9;
}

.map-meta[b-3j98fh2h65] {
    margin-top: 14px;
    color: rgba(11, 27, 34, 0.95);
}

.map-meta-title[b-3j98fh2h65] {
    font-weight: 850;
    margin-bottom: 6px;
}

.map-meta-text[b-3j98fh2h65] {
    color: rgba(0,0,0,0.72);
    line-height: 1.7;
}


.map-frame > *[b-3j98fh2h65] {
    width: 100%;
    height: 100%;
}

[b-3j98fh2h65].contact-card .form-container {
    display: block;
}

/*.map-frame div {
    width: 100%;
    height: 100%;
}*/
/* /Site/Pages/Information/Faq.razor.rz.scp.css */
/* /Site/Pages/Information/PrivacyPolicy.razor.rz.scp.css */
/* /Site/Pages/KalkanTown/FeaturedLocations.razor.rz.scp.css */
/* -------------------------------
   Location Story Section
-------------------------------- */

.location-story[b-cw505nieo3] {
    position: relative;
    overflow: hidden;
    color: rgba(11,27,34,0.95);
}

.location-bg[b-cw505nieo3] {
    position: absolute;
    inset: -140px -120px auto auto;
    width: 520px;
    height: 520px;
    background-image: url("/images/logo-icon.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    opacity: 0.06; /* subtle */
    transform: rotate(8deg);
    pointer-events: none;
}

.location-head[b-cw505nieo3] {
    position: relative;
    padding-top: 120px;
    text-align: center;
}

.location-title[b-cw505nieo3] {
    margin: 14px 0 10px 0;
    font-size: clamp(28px, 3.4vw, 44px);
    letter-spacing: -0.6px;
}

.location-subtitle[b-cw505nieo3] {
    margin: 0 auto;
    max-width: 78ch;
    line-height: 1.75;
    color: rgba(11,27,34,0.80);
}

.location-rail[b-cw505nieo3] {
    position: relative;
    margin-top: 46px;
    display: grid;
    gap: 18px;
    padding-bottom: 40px;
}

/* Each row alternates */
.location-row[b-cw505nieo3] {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 18px;
    align-items: stretch;
}

    .location-row.reverse[b-cw505nieo3] {
        grid-template-columns: 0.95fr 1.05fr;
    }

        .location-row.reverse .location-media[b-cw505nieo3] {
            order: 2;
        }

        .location-row.reverse .location-card[b-cw505nieo3] {
            order: 1;
        }

/* Image card */
.location-media[b-cw505nieo3] {
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(0,0,0,0.18);
    outline: 1px solid rgba(255,255,255,0.18);
    min-height: 280px;
    transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1)
}

    .location-media:hover img[b-cw505nieo3] {
        cursor: pointer;
    }

    .location-media img[b-cw505nieo3] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.02);
    }

.glass-card[b-cw505nieo3] {
    border-radius: 22px;
    color: unset;
    padding: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}

    .glass-card .btn[b-cw505nieo3] {
        width: 100%;
    }


.card-tag[b-cw505nieo3] {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,0.16);
    outline: 1px solid rgba(255,255,255,0.20);
    font-size: 12px;
    color: rgba(11,27,34,0.78);
}


.location-card-kicker[b-cw505nieo3] {
    display: inline-flex;
    padding: 10px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.18);
    outline: 1px solid rgba(255,255,255,0.22);
    font-size: 12px;
    letter-spacing: 0.24px;
    font-weight: 650;
}

.location-card-title[b-cw505nieo3] {
    margin: 12px 0 8px 0;
    font-size: 20px;
    letter-spacing: -0.3px;
    font-weight: 800;
}

.location-card-text[b-cw505nieo3] {
    margin: 0;
    line-height: 1.75;
    color: rgba(11,27,34,0.80);
}

.location-tags[b-cw505nieo3] {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Footer CTA */
.location-foot[b-cw505nieo3] {
    position: relative;
    padding-bottom: 110px;
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-ghost[b-cw505nieo3] {
    background: unset;
    outline: 1px solid rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.74);
}

    .btn-ghost:hover[b-cw505nieo3] {
        color: var(--primary-color) !important;
    }

.glass-card .btn:hover[b-cw505nieo3] {
    color: #ffff !important;
}

.lightbox[b-cw505nieo3] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 40px;
}

    .lightbox img[b-cw505nieo3] {
        max-width: 90%;
        max-height: 90%;
        border-radius: 16px;
    }

@media (max-width: 980px) {
    .location-row[b-cw505nieo3],
    .location-row.reverse[b-cw505nieo3] {
        grid-template-columns: 1fr;
    }

        .location-row.reverse .location-media[b-cw505nieo3],
        .location-row.reverse .location-card[b-cw505nieo3] {
            order: initial;
        }

    .location-subtitle[b-cw505nieo3] {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .header[b-cw505nieo3] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Site/Pages/KalkanTown/Index.razor.rz.scp.css */
/* /Site/Pages/Reviews/FeaturedReviews.razor.rz.scp.css */
.reviews-section[b-pemf2q87tq] {
    position: relative;
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 120px;
}

/* Branded but subtle background */
.reviews-bg[b-pemf2q87tq] {
    position: absolute;
    inset: 0;
    background: radial-gradient(900px 520px at 20% 20%, rgba(var(--primary-rgba), 0.28), rgba(var(--primary-rgba), 0) 60%), radial-gradient(900px 520px at 80% 60%, rgba(var(--tertiary-rgba), 0.20), rgba(var(--tertiary-rgba), 0) 62%), linear-gradient(180deg, rgba(255,255,255,0.12), rgba(0,0,0,0.10));
    pointer-events: none;
    opacity: 1;
}

.reviews-head[b-pemf2q87tq] {
    position: relative;
    text-align: left;
    margin: 0 auto;
    max-width: 80ch;
    margin-bottom: 44px;
}

    .reviews-head .hero-highlight[b-pemf2q87tq] {
        filter:unset;
    }

.reviews-title[b-pemf2q87tq] {
    margin: 14px 0 10px 0;
    font-size: clamp(28px, 3.4vw, 44px);
    letter-spacing: -0.6px;
}

.reviews-subtitle[b-pemf2q87tq] {
    margin: 0 auto;
    max-width: 80ch;
    line-height: 1.75;
    color: rgba(11,27,34,0.82);
}

/* Grid */
.reviews-grid[b-pemf2q87tq] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

/* Card */
.review-card[b-pemf2q87tq] {
    border-radius: 22px;
    padding: 18px;
    background: rgba(255,255,255,0.16);
    outline: 1px solid rgba(255,255,255,0.22);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 26px 80px rgba(0,0,0,0.16);
}

.review-top[b-pemf2q87tq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.review-stars[b-pemf2q87tq] {
    font-size: 13px;
    letter-spacing: 1px;
    opacity: 0.9;
}

.review-author[b-pemf2q87tq] {
    font-size: 13px;
    opacity: 0.9;
}

.review-name[b-pemf2q87tq] {
    font-weight: 750;
}

/* Clamp text to a set number of lines */
.review-text[b-pemf2q87tq] {
    margin: 0;
    line-height: 1.75;
    color: rgba(11,27,34,0.82);
    display: -webkit-box;
    -webkit-line-clamp: 6; /* number of visible lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    /* Expanded */
    .review-text.expanded[b-pemf2q87tq] {
        -webkit-line-clamp: unset;
        overflow: visible;
    }

/* See more button */
.review-more[b-pemf2q87tq] {
    margin-top: 10px;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-weight: 700;
    color: rgba(11,27,34,0.90);
    text-decoration: underline;
    text-underline-offset: 4px;
    opacity: 0.9;
}

    .review-more:hover[b-pemf2q87tq] {
        opacity: 1;
    }

.reviews-foot[b-pemf2q87tq] {
    position: relative;
    margin-top: 26px;
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* Clamp on cards only */
.review-text.clamped[b-pemf2q87tq] {
    margin: 0;
    line-height: 1.75;
    color: rgba(11,27,34,0.82);
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Modal backdrop */
.review-modal-backdrop[b-pemf2q87tq] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    animation: modalFade-b-pemf2q87tq 180ms ease;
}

/* Modal */
.review-modal[b-pemf2q87tq] {
    width: min(780px, 100%);
    max-height: min(82vh, 760px);
    overflow: auto;
    border-radius: 24px;
    padding: 18px;
    /* liquid glass, but slightly more solid for readability */
    background: linear-gradient( 120deg, rgba(var(--primary-rgba), 0.22), rgba(var(--secondary-rgba), 0.18), rgba(var(--tertiary-rgba), 0.20) );
    outline: 1px solid rgba(255,255,255,0.28);
    box-shadow: 0 40px 120px rgba(0,0,0,0.35);
    color: rgba(11,27,34,0.95);
    position: relative;
    animation: modalPop-b-pemf2q87tq 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* close button */
.review-modal-close[b-pemf2q87tq] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    border: 0;
    cursor: pointer;
    background: rgba(255,255,255,0.20);
    outline: 1px solid rgba(255,255,255,0.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 18px;
    line-height: 44px;
}

/* top */
.review-modal-top[b-pemf2q87tq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-right: 52px; /* space for close btn */
    margin-bottom: 12px;
}

/* body */
.review-modal-body[b-pemf2q87tq] {
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.26);
}

.review-modal-text[b-pemf2q87tq] {
    margin: 0;
    line-height: 1.85;
    color: rgba(11,27,34,0.88);
}

/* actions */
.review-modal-actions[b-pemf2q87tq] {
    margin-top: 14px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 980px) {
    .reviews-grid[b-pemf2q87tq] {
        grid-template-columns: 1fr;
    }

    .reviews-head[b-pemf2q87tq] {
        width: min(var(--content-max), calc(100% - (var(--page-pad) * 2)));
        margin: 0 auto;
    }

    .reviews-title[b-pemf2q87tq] {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .reviews-subtitle[b-pemf2q87tq] {
        margin-top: 30px;
        margin-bottom: 50px;
    }
}


@keyframes modalFade-b-pemf2q87tq {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes modalPop-b-pemf2q87tq {
    from {
        transform: translateY(10px) scale(0.98);
        opacity: 0.8;
    }

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

/* /Site/Pages/TheVilla/Amenities.razor.rz.scp.css */
/* /Site/Pages/TheVilla/FeaturedAmenities.razor.rz.scp.css */

.hero-title[b-vdpxd467xr] {
    font-size: clamp(35px, 6vw, 55px);
}
.amenities-hero[b-vdpxd467xr] {
    min-height: 100vh;
    min-height: 100svh;
    align-items: stretch;
    position: relative;
    overflow: hidden;
}

/* Fixed scenic background */
.amenities-bg[b-vdpxd467xr] {
    position: absolute;
    inset: 0;
    background-image: 
        radial-gradient(1200px 640px at 50% 5%, rgba(255,255,255,0.36), 
        rgba(255,255,255,0) 55%), radial-gradient(900px 520px at 18% 70%, 
        rgba(110,207,224,0.18), rgba(110,207,224,0) 62%), 
        radial-gradient(900px 520px at 85% 70%, rgba(244,163,64,0.14), rgba(244,163,64,0) 62%), 
        linear-gradient(180deg, rgba(255,255,255,0.12), rgba(0,0,0,0.18)), 
        var(--amenities-bg-url);
    background-size: cover;
    background-position: center 35%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Content layout */
.amenities-inner[b-vdpxd467xr] {
    position: relative;
    gap: 22px;
    padding-top: 130px;
    padding-bottom: 110px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
}


/* Heading block (top-left feel) */
.amenities-heading[b-vdpxd467xr] {
    color: rgba(255,255,255,0.96);
    text-shadow: 0 18px 46px rgba(0,0,0,0.22);
    max-width: 60vw;
    margin-top: 18px;
}

.amenities-kicker[b-vdpxd467xr] {
    display: inline-flex;
    padding: 10px 14px;
    border-radius: 999px;
    font-size: 13px;
    letter-spacing: 0.24px;
}

.amenities-title[b-vdpxd467xr] {
    margin: 16px 0 0 0;
    font-size: clamp(28px, 3.6vw, 48px);
    line-height: 1.05;
    letter-spacing: -0.6px;
}

/* Glass amenities panel */
.amenities-panel[b-vdpxd467xr] {
    border-radius: 24px;
    padding: 18px;
    position: relative;
}

    .amenities-panel > *[b-vdpxd467xr] {
        position: relative;
        z-index: 1;
    }

.amenities-panel-head[b-vdpxd467xr] {
    margin-bottom: 14px;
}

.amenities-panel-title[b-vdpxd467xr] {
    font-weight: 800;
    letter-spacing: 0.2px;
}

.amenities-panel-sub[b-vdpxd467xr] {
    margin-top: 4px;
    font-size: 13px;
    opacity: 0.82;
}

/* Featured amenities list */
.amenities-grid[b-vdpxd467xr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 12px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,0.30);
}

.amenity-item[b-vdpxd467xr] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 10px;
    border-radius: 16px;
    background: rgba(255,255,255,0.18);
    outline: 1px solid rgba(255,255,255,0.18);
}

.amenity-dot[b-vdpxd467xr] {
    width: 10px;
    height: 10px;
    margin-top: 5px;
    border-radius: 999px;
    background: var(--tertiary-color);
    box-shadow: 0 10px 22px rgba(0,0,0,0.12);
    flex: 0 0 auto;
}

/* Actions */
.amenities-actions[b-vdpxd467xr] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 14px;
    align-items: center;
    justify-content: space-between;
}


.hero-divider[b-vdpxd467xr] {
    position: absolute;
    bottom: 0px;
    width: 100vw;
    height: 20px;
    background: var(--gradient-brand);
    box-shadow: 0 18px 55px rgba(0,0,0,0.22);
    overflow: hidden;
}

    .hero-divider[b-vdpxd467xr]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 18% 50%, rgba(255,255,255,0.60), rgba(255,255,255,0) 38%), radial-gradient(circle at 82% 50%, rgba(255,255,255,0.38), rgba(255,255,255,0) 40%);
        opacity: 1;
    }

@media (max-width: 980px) {
    .amenities-inner[b-vdpxd467xr] {
        grid-template-columns: 1fr;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .amenities-heading[b-vdpxd467xr] {
        max-width:unset;
    }

    .hero-title[b-vdpxd467xr] {
        margin-top:10px;
        font-size: clamp(26px, 6vw, 55px);
    }

    .amenities-grid[b-vdpxd467xr] {
        font-size: 12px;
    }

    .amenities-panel[b-vdpxd467xr] {
        padding: 10px;
        margin-bottom: 10px;
    }

    .amenities-actions[b-vdpxd467xr] {
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 560px) {
    .amenities-grid[b-vdpxd467xr] {
        grid-template-columns: 1fr;
    }
}
/* /Site/Pages/TheVilla/FeaturedOverview.razor.rz.scp.css */
.villa-overview[b-0yqs7tnmn7] {
    position: relative;
    overflow: hidden;
}

.villa-overview-inner[b-0yqs7tnmn7] {
    position: relative;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 28px;
    align-items: center;
    padding-top: 120px;
    padding-bottom: 120px;
}

@media (max-width: 980px) {
    .villa-overview-inner[b-0yqs7tnmn7] {
        grid-template-columns: 1fr;
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

.villa-overview-bg[b-0yqs7tnmn7] {
    position: absolute;
    inset: -140px -120px auto auto;
    width: 520px;
    height: 520px;
    background-image: url("/images/logo-icon.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    opacity: 0.06; /* subtle */
    transform: rotate(8deg);
    pointer-events: none;
}

.overview-title[b-0yqs7tnmn7] {
    margin: 16px 0 10px 0;
    font-size: clamp(28px, 3.4vw, 44px);
    line-height: 1.08;
    letter-spacing: -0.5px;
}

.overview-subtitle[b-0yqs7tnmn7] {
    margin: 0;
    max-width: 62ch;
    color: rgba(0,0,0,0.72);
    font-size: 16px;
    line-height: 1.75;
}

.overview-actions[b-0yqs7tnmn7] {
    margin-top: 22px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.overview-ataglance[b-0yqs7tnmn7] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(0,0,0,0.08);
}

.btn-ghost[b-0yqs7tnmn7] {
    background: unset;
    outline: 1px solid rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.74);
}

.btn-ghost:hover[b-0yqs7tnmn7]{
    color: var(--primary-color) !important;
}

@media (max-width: 560px) {
    .overview-ataglance[b-0yqs7tnmn7] {
        grid-template-columns: 1fr;
    }
}

.atag-item[b-0yqs7tnmn7] {
    padding: 10px 12px;
    border-radius: 16px;
    background: rgba(0,0,0,0.03);
    outline: 1px solid rgba(0,0,0,0.06);
    color: rgba(0,0,0,0.74);
}

.feature-cards[b-0yqs7tnmn7] {
    display: grid;
    gap: 14px;
}

.feature-card[b-0yqs7tnmn7] {
    border-radius: 22px;
    padding: 16px 16px;
    color: unset;
}

.feature-title[b-0yqs7tnmn7] {
    font-weight: 800;
    letter-spacing: 0.2px;
    margin-bottom: 6px;
}

.feature-text[b-0yqs7tnmn7] {
    color: rgba(0,0,0,0.70);
    line-height: 1.7;
}
/* /Site/Pages/TheVilla/Index.razor.rz.scp.css */
/* /Site/Pages/TheVilla/Rates.razor.rz.scp.css */
/* /Site/Shared/PageHeader.razor.rz.scp.css */
.page-header[b-vtnq9nty25] {
    width: 100%;
    height: 100vh;
    position:relative;
/*    z-index: -1;
*/}

[b-vtnq9nty25].page-header .page-title {
    display: flex;
    text-align: center;
    flex-direction: column;
    font-size: 3rem;
    line-height: 40px;
    position: relative;
    width: 100%;
    height: 100%;
    justify-content: center;
    top: calc(100vh * 0.1);
    animation-delay: 2.8s;
    color: #fff;
    font-family: "Patua One", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 3px;
}


[b-vtnq9nty25].page-header .modules {
    display: inline;
    font-weight: 900;
    letter-spacing: unset;
    font-size: 3.4rem;
    color: var(--tertiary-color-darker);
}

[b-vtnq9nty25].page-header h1 {
    font-weight: 900;
    font-size: 3.4rem;
    margin-bottom: 30px;
    animation-delay: 2.8s;
}

[b-vtnq9nty25].page-header .subheader {
    animation-delay: 3.2s;
}
[b-vtnq9nty25].page-header .modules li {
    display: none;
}

[b-vtnq9nty25].page-header .modules li.selected {
    display:unset;
}


@keyframes changeWord-b-vtnq9nty25 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.slide-up[b-vtnq9nty25] {
    animation: SlideUp-b-vtnq9nty25 3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}

@keyframes SlideUp-b-vtnq9nty25 {
    from {
        bottom: -700px;
    }

    to {
        bottom: 200px;
    }
}

ul[b-vtnq9nty25] {
    padding-left: unset !important;
}


@media screen and (max-width: 992px) {
}

@media screen and (max-width: 768px) {

    [b-vtnq9nty25].page-header h1 {
        font-size:2.6rem;
    }

    [b-vtnq9nty25].page-header .modules {

        font-size: 2rem;
    }

    [b-vtnq9nty25].page-header .subheader {
        margin: 10px;
    }

    [b-vtnq9nty25].page-header .subheader h2 {
        font-size:1.2rem;
    }
}


@media screen and (max-height: 450px) {

    [b-vtnq9nty25].page-header .page-title {
        line-height: 25px !important;
        top: calc(100vh* 0.20) !important;
    }
}