/* ==========================================================================
   Go Wayanad Stay — customer-facing inside-page theme
   Scoped to body.inside-page. Homepage and Admin remain isolated.
   ========================================================================== */

.inside-page {
    --ip-bg: #020d09;
    --ip-bg-soft: #06140e;
    --ip-panel: #0a2117;
    --ip-panel-2: #0d2a1d;
    --ip-panel-glass: rgba(10, 36, 24, .92);
    --ip-line: rgba(145, 205, 85, .2);
    --ip-line-strong: rgba(151, 220, 84, .38);
    --ip-green: #8bd34e;
    --ip-green-strong: #55b943;
    --ip-gold: #d8aa50;
    --ip-text: #f1f6f2;
    --ip-muted: #a6b9ad;
    --ip-danger: #ff8d83;
    --ip-shadow: 0 20px 55px rgba(0, 0, 0, .3);

    --ink: var(--ip-text);
    --ink-soft: #cfdbd2;
    --muted: var(--ip-muted);
    --line: var(--ip-line);
    --surface: var(--ip-panel);
    --green-100: rgba(119, 193, 76, .13);
    --green-700: #73c34c;
    --green-800: #92d75b;
    --green-900: #020b07;

    --ds-background: var(--ip-bg);
    --ds-surface: var(--ip-panel);
    --ds-surface-2: var(--ip-panel-2);
    --ds-border: var(--ip-line);
    --ds-border-strong: var(--ip-line-strong);
    --ds-ink: var(--ip-text);
    --ds-ink-soft: #cedbd1;
    --ds-muted: var(--ip-muted);
    --ds-primary: #73c34c;
    --ds-primary-hover: #91da59;
    --ds-primary-active: #4b9c3c;
    --ds-primary-soft: rgba(115, 195, 76, .12);
    --ds-accent: var(--ip-gold);
    --ds-accent-soft: rgba(216, 170, 80, .13);
    --ds-shadow-xs: 0 2px 8px rgba(0, 0, 0, .18);
    --ds-shadow-sm: 0 8px 24px rgba(0, 0, 0, .22);
    --ds-shadow-md: 0 16px 38px rgba(0, 0, 0, .28);
    --ds-shadow-lg: var(--ip-shadow);

    color: var(--ip-text);
    background:
        radial-gradient(circle at 8% 18%, rgba(62, 127, 65, .1), transparent 26rem),
        radial-gradient(circle at 92% 75%, rgba(100, 151, 54, .07), transparent 30rem),
        var(--ip-bg);
}

.inside-page,
.inside-page *,
.inside-page *::before,
.inside-page *::after { box-sizing: border-box; }

.inside-page main { min-height: 65vh; background: transparent; }
.inside-page h1,
.inside-page h2,
.inside-page h3,
.inside-page h4 { color: var(--ip-text); }
.inside-page p,
.inside-page li { color: #cad7ce; }
.inside-page a { color: #a1d86e; }
.inside-page a:hover { color: #dff3ce; }
.inside-page .text-muted,
.inside-page .u-text-muted { color: var(--ip-muted) !important; }

/* Header / navigation */
.inside-page .site-header--inside {
    height: 68px;
    border-bottom: 1px solid rgba(142, 202, 86, .14);
    background: rgba(2, 14, 9, .94);
    box-shadow: 0 10px 32px rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}
.inside-page .site-header--inside .container { max-width: 1180px; gap: 10px; }
.inside-page .site-header--inside .brand { color: #fff; font-size: 1rem; }
.inside-page .site-header--inside .brand-mark {
    width: 38px;
    height: 38px;
    overflow: hidden;
    padding: 0;
    background: transparent;
}
.inside-page .site-header--inside .brand-mark img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}
.inside-page .site-header--inside .brand small { color: #8fa498; font-size: .48rem; letter-spacing: .11em; }
.inside-page .site-header--inside .nav-desktop a { color: #c5d4ca; font-size: .84rem; }
.inside-page .site-header--inside .nav-desktop a:hover,
.inside-page .site-header--inside .nav-desktop a.active { color: var(--ip-green); }
.inside-page .site-header--inside .nav-toggle span { background: #fff; }
.inside-page .header-mobile-wa { display: none; }
.inside-header__back {
    display: none;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--ip-line);
    border-radius: 12px;
    color: #eaf3ec;
    background: rgba(255, 255, 255, .035);
    font-size: 1.65rem;
    cursor: pointer;
}
.inside-page .mobile-nav__overlay { background: rgba(0, 8, 4, .72); backdrop-filter: blur(4px); }
.inside-page .mobile-nav__panel {
    border-left: 1px solid var(--ip-line);
    color: var(--ip-text);
    background: linear-gradient(155deg, #0b281b, #03120c);
    box-shadow: -20px 0 60px rgba(0, 0, 0, .46);
}
.inside-page .mobile-nav__panel a { color: #dce8df; border-color: rgba(146, 201, 94, .13); }
.inside-page .mobile-nav__close { color: #fff; }

/* Shared surfaces, controls and buttons */
.inside-page .ds-card,
.inside-page .filters,
.inside-page .enq-card,
.inside-page .pdetail__section,
.inside-page .pprice-card,
.inside-page .ds-empty,
.inside-page .inside-content-card {
    border: 1px solid var(--ip-line);
    color: var(--ip-text);
    background: linear-gradient(150deg, rgba(13, 42, 28, .96), rgba(5, 22, 15, .98));
    box-shadow: var(--ip-shadow);
}

.inside-page .ds-input,
.inside-page .ds-select,
.inside-page .ds-textarea,
.inside-page .filters input,
.inside-page .filters select,
.inside-page .filters textarea,
.inside-page .field input,
.inside-page .field select,
.inside-page .field textarea {
    width: 100%;
    min-height: 50px;
    border: 1px solid rgba(143, 199, 93, .24);
    border-radius: 12px;
    outline: 0;
    color: #f0f6f1;
    background: rgba(2, 18, 12, .78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
    color-scheme: dark;
}
.inside-page .ds-textarea,
.inside-page .field textarea { min-height: 112px; padding: 12px; }
.inside-page .ds-input::placeholder,
.inside-page .ds-textarea::placeholder,
.inside-page input::placeholder,
.inside-page textarea::placeholder { color: #71877a; }
.inside-page .ds-input:focus,
.inside-page .ds-select:focus,
.inside-page .ds-textarea:focus,
.inside-page .filters input:focus,
.inside-page .filters select:focus,
.inside-page .filters textarea:focus {
    border-color: var(--ip-green);
    box-shadow: 0 0 0 3px rgba(126, 205, 73, .16);
}
.inside-page .ds-label,
.inside-page .field label,
.inside-page .filters label {
    color: #d9e4dc;
    font-size: .82rem;
    font-weight: 650;
}
.inside-page select option { color: #eaf1eb; background: #0b2117; }
.inside-page input[type="checkbox"],
.inside-page input[type="radio"] { accent-color: var(--ip-green-strong); }
.inside-page .is-invalid { border-color: #d96558 !important; box-shadow: 0 0 0 3px rgba(217, 101, 88, .14) !important; }

.inside-page .btn,
.inside-page .ds-btn {
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-weight: 750;
    text-decoration: none;
}
.inside-page .btn-primary,
.inside-page .ds-btn:not(.ds-btn--ghost):not(.ds-btn--outline):not(.ds-btn--danger) {
    color: #08200e;
    border-color: rgba(183, 235, 120, .24);
    background: linear-gradient(135deg, #9cdd5d, #50b743);
    box-shadow: 0 10px 26px rgba(72, 171, 63, .24);
}
.inside-page .btn-primary:hover,
.inside-page .ds-btn:hover { color: #06180b; filter: brightness(1.06); }
.inside-page .btn-outline,
.inside-page .ds-btn--outline,
.inside-page .ds-btn--ghost {
    color: #d9e9dd;
    border-color: var(--ip-line-strong);
    background: rgba(255, 255, 255, .035);
}
.inside-page .btn-whatsapp {
    color: #062a14;
    border-color: rgba(255, 255, 255, .16);
    background: linear-gradient(135deg, #54da69, #25b955);
    box-shadow: 0 10px 28px rgba(37, 211, 102, .22);
}
.inside-page .btn-sm,
.inside-page .ds-btn--sm { min-height: 44px; }
.inside-page .alert { border-radius: 13px; }
.inside-page .alert-success { color: #bdf1ca; border-color: rgba(73, 201, 113, .35); background: rgba(31, 105, 59, .35); }
.inside-page .alert-danger { color: #ffc2bc; border-color: rgba(226, 102, 91, .35); background: rgba(111, 38, 32, .42); }
.inside-page .ds-badge { border-color: rgba(154, 215, 95, .2); color: #dff0d6; background: rgba(7, 28, 18, .82); }
.inside-page .ds-badge--featured { color: #12250b; background: #a4dc65; }
.inside-page .ds-badge--verified { color: #c8f4d3; background: rgba(43, 152, 79, .35); }
.inside-page .ds-badge--new,
.inside-page .ds-badge--soft { color: #d9e8da; background: rgba(115, 195, 76, .13); }

/* Breadcrumb and page rhythm */
.inside-page .ds-section,
.inside-page .section,
.inside-page .section-tight { padding-block: clamp(30px, 5vw, 64px); }
.inside-page .breadcrumb,
.inside-page .ds-breadcrumb,
.inside-page .listing__breadcrumb,
.inside-page .pdetail__breadcrumb { color: #799083; }
.inside-page .breadcrumb a,
.inside-page .ds-breadcrumb a { color: #9dc88a; }
.inside-page .eyebrow,
.inside-page .ds-overline { color: var(--ip-green); }

/* Listing */
.inside-page .listing__summary {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr auto;
    gap: 0;
    align-items: center;
    margin-bottom: 16px;
    overflow: hidden;
    border: 1px solid var(--ip-line);
    border-radius: 16px;
    background: rgba(7, 29, 19, .86);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .2);
}
.inside-page .listing__summary > div { min-width: 0; padding: 13px 16px; border-right: 1px solid rgba(143, 198, 93, .12); }
.inside-page .listing__summary small { display: block; color: #82978a; font-size: .66rem; text-transform: uppercase; letter-spacing: .08em; }
.inside-page .listing__summary strong { display: block; overflow: hidden; margin-top: 3px; color: #e9f0eb; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.inside-page .listing__summary > button { margin: 8px; white-space: nowrap; }
.inside-page .listing__toolbar {
    padding: 20px;
    border: 1px solid var(--ip-line);
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0, rgba(112, 186, 69, .14), transparent 45%),
        var(--ip-panel-glass);
    box-shadow: var(--ip-shadow);
}
.inside-page .listing__toolbar h1 { color: #fff; }
.inside-page .listing__count { color: var(--ip-muted); }
.inside-page .listing__sort label { color: #b8c8bc; }
.inside-page .listing__active { gap: 8px; }
.inside-page .ds-filter-tag {
    color: #dfe9e1;
    border-color: var(--ip-line);
    background: rgba(111, 177, 69, .1);
}
.inside-page .ds-filter-tag__x { color: #b8dca3; }
.inside-page .ds-clear-all { color: #a7d975; }
.inside-page .listing__layout { gap: 24px; }
.inside-page .listing__filters { padding: 20px; }
.inside-page .listing__filters-head {
    position: sticky;
    z-index: 2;
    top: 0;
    padding-bottom: 12px;
    background: inherit;
}
.inside-page .listing__filters-close {
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ip-line);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .04);
}
.inside-page .listing__amenities { scrollbar-color: #4f8e3d transparent; }
.inside-page .listing__grid { gap: 18px; }
.inside-page .listing__grid .ds-card--property,
.inside-page .pdetail__related .ds-card--property {
    overflow: hidden;
    border-radius: 18px;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.inside-page .listing__grid .ds-card--property:hover,
.inside-page .pdetail__related .ds-card--property:hover {
    transform: translateY(-5px);
    border-color: var(--ip-line-strong);
    box-shadow: 0 24px 54px rgba(0, 0, 0, .38);
}
.inside-page .ds-card--property .ds-card__media { height: auto; aspect-ratio: 4 / 3; background: #06140e; }
.inside-page .ds-card--property .ds-card__media img { width: 100%; height: 100%; object-fit: cover; }
.inside-page .ds-card--property .ds-card__media::after {
    content: "";
    position: absolute;
    inset: 54% 0 0;
    pointer-events: none;
    background: linear-gradient(transparent, rgba(4, 17, 11, .78));
}
.inside-page .ds-card--property .ds-card__body { gap: 9px; padding: 16px; }
.inside-page .ds-card--property .ds-card__meta { color: #93a89b; }
.inside-page .ds-card--property .ds-card__title { color: #fff; font-size: 1.08rem; }
.inside-page .ds-card--property .ds-small { color: #adbbb1; }
.inside-page .ds-card--property .ds-card__price { color: var(--ip-green); }
.inside-page .pc-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.inside-page .pc-actions .ds-btn { width: 100%; padding-inline: 10px; }
.inside-page .ds-empty { padding: 42px 24px; border-radius: 18px; }
.inside-page .ds-empty__title { color: #fff; }
.inside-page .ds-pagination a,
.inside-page .ds-pagination span {
    color: #d8e5db;
    border-color: var(--ip-line);
    background: var(--ip-panel);
}
.inside-page .ds-pagination .is-current { color: #0b210e; background: var(--ip-green); }

/* Property detail */
.inside-page .pdetail__head {
    padding: 20px;
    border: 1px solid var(--ip-line);
    border-radius: 18px;
    background: rgba(8, 30, 20, .76);
}
.inside-page .pdetail__metarow { color: var(--ip-muted); }
.inside-page .pdetail__code {
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .04em;
}
.inside-page .pgallery__main {
    position: relative;
    border: 1px solid var(--ip-line);
    background: #06140e;
    box-shadow: var(--ip-shadow);
}
.inside-page .pgallery__count {
    position: absolute;
    right: 14px;
    bottom: 14px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: #fff;
    background: rgba(2, 12, 8, .78);
    font-size: .78rem;
    font-weight: 700;
    backdrop-filter: blur(8px);
}
.inside-page .pcio {
    border-color: var(--ip-line);
    background: rgba(4, 23, 15, .72);
}
.inside-page .pcio__col + .pcio__col { border-left-color: var(--ip-line); }
.inside-page .pcio__label { color: #8fa397; }
.inside-page .pcio__time { color: #fff; }
.inside-page .pcio__date { color: #9fbfa8; }
.inside-page .pamenity-chip {
    border-color: rgba(144, 198, 92, .18);
    background: rgba(4, 22, 15, .55);
}
.inside-page .pamenity-chip__ic { color: var(--ip-green); }
.inside-page .pamenity-chip__name { color: #d1ddd4; }
.inside-page .ds-badge--avail { background: #54c868; color: #063a1c; }
.inside-page .pthumb { border-color: rgba(146, 199, 96, .12); background: #07170f; }
.inside-page .pthumb.active,
.inside-page .pthumb:focus-visible { border-color: var(--ip-green); }
.inside-page .pdetail__layout { gap: 24px; }
.inside-page .pdetail__section { padding: 22px; border-radius: 18px; }
.inside-page .pdetail__section h2 { color: #fff; }
.inside-page .pdetail__desc { color: #c6d4ca; }
.inside-page .pdetail__more {
    min-height: 44px;
    margin-top: 8px;
    padding: 0;
    border: 0;
    color: var(--ip-green);
    background: none;
    font-weight: 750;
    cursor: pointer;
}
.inside-page .pspec {
    color: #eff5f0;
    border-color: var(--ip-line);
    background: rgba(4, 23, 15, .72);
}
.inside-page .pspec__ic { color: var(--ip-green); }
.inside-page .pspec small { color: #8fa397; }
.inside-page .pamenity-group h3 { color: #a8bdaf; }
.inside-page .pamenity {
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid rgba(144, 198, 92, .12);
    border-radius: 11px;
    color: #d1ddd4;
    background: rgba(4, 22, 15, .5);
}
.inside-page .pamenity > span:first-child { color: var(--ip-green); }
.inside-page .pmedia { border-color: var(--ip-line); }
.inside-page .pdetail__aside .pprice-card { border-color: var(--ip-line); background: linear-gradient(150deg, #103522, #071b12); }
.inside-page .pprice { color: var(--ip-green); }
.inside-page .pprice-note { color: var(--ip-muted); }
.inside-page .enq-card { padding: 22px; }
.inside-page .enq-progress {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    padding: 0;
    margin: 18px 0 8px;
    list-style: none;
}
.inside-page .enq-progress li {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 5px;
    color: #8fa498;
    font-size: .66rem;
    text-align: center;
}
.inside-page .enq-progress li::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 13px;
    right: 50%;
    left: -50%;
    height: 1px;
    background: rgba(143, 198, 93, .2);
}
.inside-page .enq-progress li:first-child::before { display: none; }
.inside-page .enq-progress span {
    position: relative;
    z-index: 1;
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border: 1px solid var(--ip-line-strong);
    border-radius: 50%;
    color: #d9e7dc;
    background: #0b281b;
    font-weight: 750;
}
.inside-page .enq-progress li:first-child span { color: #0b220e; border-color: var(--ip-green); background: var(--ip-green); }
.inside-page .enq-error { color: var(--ip-danger); }
.inside-page .enq-consent { color: #c7d5cb; }
.inside-page .enq-consent .ds-check__box {
    border-color: rgba(143, 199, 93, .55);
    background: rgba(2, 18, 12, .9);
}
.inside-page .enq-consent input:checked + .ds-check__box {
    background: var(--ip-green);
    border-color: var(--ip-green);
}
.inside-page .enq-success {
    padding: 30px 18px;
    border: 1px solid rgba(84, 200, 104, .25);
    border-radius: 16px;
    background: rgba(38, 121, 63, .14);
}

/* Contact/support */
.inside-page .contact-intro {
    padding: 28px 20px;
    border: 1px solid var(--ip-line);
    border-radius: 20px;
    background:
        radial-gradient(circle at 50% 0, rgba(117, 193, 73, .14), transparent 60%),
        var(--ip-panel-glass);
    box-shadow: var(--ip-shadow);
}
.inside-page .contact-layout { gap: 22px; }
.inside-page .contact-layout > * { min-width: 0; max-width: 100%; }
.inside-page .contact-layout > form { width: 100%; }
.inside-page .contact-layout .filters { padding: 22px; }
.inside-page .contact-card-title { color: #fff; }
.inside-page .contact-info-row {
    min-height: 60px;
    padding: 10px;
    border: 1px solid rgba(146, 201, 94, .13);
    border-radius: 13px;
    background: rgba(3, 20, 13, .5);
}
.inside-page .contact-info-row__ic { color: var(--ip-green); background: rgba(116, 193, 73, .13); }
.inside-page .contact-info-row > span:nth-child(2) { min-width: 0; flex: 1; display: grid; }
.inside-page .contact-info-row strong { color: #edf5ef; font-size: .88rem; }
.inside-page .contact-info-row small { color: #8fa397; font-size: .72rem; }
.inside-page .contact-info-row a { color: #e4eee6; }
.inside-page .contact-service {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}
.inside-page .contact-service span {
    padding: 12px;
    border: 1px solid rgba(146, 201, 94, .13);
    border-radius: 12px;
    color: #9eb0a4;
    font-size: .72rem;
    background: rgba(3, 20, 13, .42);
}
.inside-page .contact-service b { display: block; margin-bottom: 4px; color: #dce7df; font-size: .75rem; }
.inside-page .contact-faq {
    max-width: 850px;
    margin: clamp(28px, 5vw, 56px) auto 0;
    padding: clamp(20px, 4vw, 34px);
    border: 1px solid var(--ip-line);
    border-radius: 20px;
    background: rgba(9, 32, 21, .75);
}
.inside-page .contact-faq h2 { margin-top: 0; }
.inside-page .contact-faq details { border-top: 1px solid rgba(146, 201, 94, .14); }
.inside-page .contact-faq summary {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: #e8f0ea;
    font-weight: 700;
    cursor: pointer;
}
.inside-page .contact-faq summary::after { content: "+"; color: var(--ip-green); font-size: 1.3rem; }
.inside-page .contact-faq details[open] summary::after { content: "−"; }
.inside-page .contact-faq p { margin: 0 0 18px; color: #aebfb3; }

/* General, legal and error pages */
.inside-page .section-tight > .container-narrow,
.inside-page .section-tight > .container > .container-narrow,
.inside-page main > .container.section {
    padding: clamp(22px, 4vw, 44px);
    border: 1px solid var(--ip-line);
    border-radius: 20px;
    background: linear-gradient(155deg, rgba(13, 40, 27, .95), rgba(5, 20, 14, .98));
    box-shadow: var(--ip-shadow);
}
.inside-page .container-narrow h1 { margin-bottom: 8px; }
.inside-page .container-narrow h2 {
    margin-top: 30px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(148, 202, 94, .12);
    font-size: clamp(1.25rem, 3vw, 1.65rem);
}
.inside-page .container-narrow p,
.inside-page .container-narrow li { line-height: 1.78; }
.inside-page .container-narrow li + li { margin-top: 7px; }

/* Footer */
.inside-page .site-footer {
    margin-top: 0;
    border-top: 1px solid rgba(145, 202, 87, .12);
    background: #020a07;
}
.inside-page .site-footer .brand-mark { overflow: hidden; padding: 0; background: transparent; }
.inside-page .site-footer .brand-mark img { width: 100%; height: 100%; }
.inside-page .site-footer .brand small { color: #8fa498; font-size: .48rem; }

/* Mobile / tablet */
@media (max-width: 991.98px) {
    .inside-page .site-header--inside .nav-desktop { display: none; }
    .inside-page .site-header--inside .nav-toggle {
        display: inline-flex;
        flex: 0 0 44px;
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
    }
    .inside-page .header-mobile-wa {
        display: inline-flex;
        min-width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        padding: 0 11px;
        border-radius: 11px;
        color: #062711 !important;
        background: linear-gradient(135deg, #8edd55, #43b943);
        font-size: .65rem;
        font-weight: 800;
        text-decoration: none;
    }
    .inside-header__back { display: grid; }

    /* Mobile filter bottom sheet. */
    .inside-page .listing__filters {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 680px;
        height: min(88dvh, 760px);
        margin-inline: auto;
        padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
        border: 1px solid var(--ip-line-strong);
        border-bottom: 0;
        border-radius: 24px 24px 0 0;
        transform: translateY(105%);
        box-shadow: 0 -28px 80px rgba(0, 0, 0, .55);
    }
    .inside-page .listing__filters.is-open { transform: translateY(0); }
    .inside-page .listing__overlay { background: rgba(0, 8, 4, .72); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
    .inside-page .listing__filters form > .ds-btn:last-of-type { margin-bottom: env(safe-area-inset-bottom); }
}

@media (min-width: 992px) {
    .inside-page .pgallery {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(280px, .85fr);
        gap: 10px;
        height: min(520px, 45vw);
    }
    .inside-page .pgallery__main { height: 100%; aspect-ratio: auto; }
    .inside-page .pgallery__thumbs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        gap: 10px;
        min-width: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    .inside-page .pgallery__thumbs .pthumb {
        width: 100%;
        height: 100%;
        min-width: 0;
        border-radius: 14px;
    }
    .inside-page .pgallery__thumbs .pthumb:nth-child(n+5) { display: none; }
}

@media (max-width: 767.98px) {
    .inside-page .site-header--inside .container { gap: 6px; padding-inline: 12px; }
    .inside-page .site-header--inside .brand {
        min-width: 0;
        margin-right: auto;
        gap: 6px;
        font-size: .84rem;
        white-space: nowrap;
    }
    .inside-page .site-header--inside .brand > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .inside-page .site-header--inside .brand-mark { width: 34px; height: 34px; flex: 0 0 34px; }
    .inside-page .site-header--inside .brand small { font-size: .4rem; }
    .inside-page .site-header--inside .nav-toggle { width: 44px; height: 44px; padding: 9px; margin: 0; }
    .inside-header__back { width: 44px; height: 44px; flex-basis: 44px; }

    .inside-page .container,
    .inside-page .ds-container {
        width: 100%;
        max-width: 100%;
        padding-inline: 16px;
    }
    .inside-page .ds-section,
    .inside-page .section,
    .inside-page .section-tight { padding-block: 26px 46px; }
    .inside-page .breadcrumb,
    .inside-page .listing__breadcrumb,
    .inside-page .pdetail__breadcrumb { margin-bottom: 14px; font-size: .75rem; }

    .inside-page .listing__toolbar {
        align-items: stretch;
        padding: 16px;
    }
    .inside-page .listing__summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-radius: 14px;
    }
    .inside-page .listing__summary > div { padding: 11px 8px; }
    .inside-page .listing__summary > div:nth-child(3) { border-right: 0; }
    .inside-page .listing__summary small { font-size: .66rem; }
    .inside-page .listing__summary strong { font-size: .74rem; }
    .inside-page .listing__summary > button {
        grid-column: 1 / -1;
        width: auto;
        margin: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 0;
    }
    .inside-page .listing__toolbar h1 { font-size: clamp(1.65rem, 8vw, 2.1rem); }
    .inside-page .listing__tools { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
    .inside-page .listing__sort { min-width: 0; }
    .inside-page .listing__sort label { display: none; }
    .inside-page .listing__sort .ds-select { width: 100%; min-width: 0; min-height: 46px; }
    .inside-page .filters-toggle { width: 100%; justify-content: center; }
    .inside-page .listing__grid { grid-template-columns: 1fr; gap: 18px; }
    .inside-page .listing__grid .ds-card--property { width: 100%; }
    .inside-page .ds-card--property .ds-card__body { padding: 17px; }
    .inside-page .ds-card--property .ds-card__title { font-size: 1.16rem; }
    .inside-page .ds-card--property .ds-btn { min-height: 48px; }

    .inside-page .pdetail__head { padding: 16px; }
    .inside-page .pdetail__head h1 { font-size: clamp(1.8rem, 8vw, 2.35rem); }
    .inside-page .pdetail__metarow { gap: 8px 14px; font-size: .82rem; }
    .inside-page.page-property .pdetail__head {
        padding: 0;
        border: 0;
        background: transparent;
    }
    .inside-page.page-property .pgallery {
        margin-inline: 0;
        margin-bottom: 14px;
    }
    .inside-page.page-property .pgallery__main {
        border-radius: 0;
        aspect-ratio: 4 / 3;
    }
    .inside-page.page-property .pgallery__thumbs { display: none; }
    .inside-page .pgallery { margin-inline: -16px; margin-bottom: 22px; }
    .inside-page .pgallery__main { border-right: 0; border-left: 0; border-radius: 0; aspect-ratio: 4 / 3; }
    .inside-page .pgallery__thumbs { padding-inline: 16px; scroll-padding-inline: 16px; }
    .inside-page .pdetail__section { padding: 17px; margin-bottom: 18px; }
    .inside-page .pdetail__desc[data-read-more]:not(.is-expanded) {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
    }
    .inside-page [data-amenities-list]:not(.is-expanded) .pamenity-group:nth-child(n+3) { display: none; }
    .inside-page.page-property [data-amenities-list]:not(.is-expanded) { display: none; }
    .inside-page.page-property [data-amenities-list].is-expanded .pamenity-group:nth-child(n+3) { display: block; }
    .inside-page .pdetail__specs { gap: 9px; }
    .inside-page .pspec { padding: 11px 8px; }
    .inside-page .pamenity-list { gap: 8px; }
    .inside-page .pamenity { font-size: .78rem; }
    .inside-page .enq-card { padding: 17px; }
    .inside-page .enq-row { grid-template-columns: 1fr; }
    .inside-page.page-property .enq-row { grid-template-columns: 1fr 1fr; }
    .inside-page .enq-phone .enq-cc { flex-basis: 86px; }
    .inside-page .pdetail__related { grid-template-columns: 1fr; }

    .inside-page .contact-intro { padding: 22px 16px; margin-bottom: 20px; text-align: left; }
    .inside-page .contact-layout { gap: 18px; }
    .inside-page .contact-layout .filters { padding: 17px; }
    .inside-page .field-row { grid-template-columns: 1fr; }
    .inside-page .section-tight > .container-narrow,
    .inside-page main > .container.section { padding: 20px 17px; border-radius: 17px; }
    .inside-page .container-narrow h1 { font-size: clamp(1.8rem, 8vw, 2.4rem); }

    .inside-page .footer-grid { padding-top: 34px; }
}

@media (max-width: 359.98px) {
    .inside-page .container,
    .inside-page .ds-container { padding-inline: 12px; }
    .inside-page .pgallery { margin-inline: -12px; }
    .inside-page .pgallery__thumbs { padding-inline: 12px; scroll-padding-inline: 12px; }
    .inside-page .site-header--inside .brand small { display: none; }
    .inside-page .site-header--inside .brand > span:last-child { display: none; }
    .inside-page .header-mobile-wa { width: 42px; padding: 0; font-size: 0; }
    .inside-page .header-mobile-wa::before { content: "◉"; font-size: 1rem; }
    .inside-page .pdetail__specs { grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .inside-page *,
    .inside-page *::before,
    .inside-page *::after { scroll-behavior: auto !important; }
}