/*
Theme Name: VW Rental Luxury
Theme URI: https://example.com/vw-rental-luxury
Author: Premium Rental
Description: A boutique-hotel WordPress theme paired with the Premium Rental System plugin. Warm palette, Playfair Display + Inter typography, generous whitespace, soft shadows.
Version: 1.3.2-reserve-gallery-thumbs-slider
Text Domain: vw-rental-luxury
*/

/* ===================================================================
   1. RESET + DESIGN TOKENS
   =================================================================== */
:root {
    /* Brand palette (per project brief) */
    --prs-warm-white: #FBFAF6;
    --prs-bg:         #FBFAF6;
    --prs-beige:      #FAF8F2;
    --prs-beige-2:    #EEE9DF;
    --prs-sand:       #EDE5D7;
    --prs-light-brown:#B39880;
    --prs-gold:       #B3854D;
    --prs-gold-light: #C4A688;
    --prs-gold-dark:  #8C5C2D;
    --prs-stone:      #7A736B;
    --prs-charcoal:   #2B2520;
    --prs-line:       rgba(43, 37, 32, 0.10);
    --prs-line-strong: rgba(43, 37, 32, 0.18);

    /* Type system */
    --prs-font-serif: 'Playfair Display', 'Iowan Old Style', Georgia, serif;
    --prs-font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

    /* Spacing (consistent rhythm) */
    --prs-pad-x: clamp(20px, 4vw, 56px);
    --prs-section-y: clamp(60px, 8vw, 120px);

    /* Shadows */
    --prs-shadow-sm: 0 2px 8px rgba(43, 37, 32, 0.04);
    --prs-shadow-md: 0 6px 22px rgba(43, 37, 32, 0.08);
    --prs-shadow-lg: 0 16px 48px rgba(43, 37, 32, 0.14);

    /* Radii */
    --prs-radius-sm: 8px;
    --prs-radius-md: 14px;
    --prs-radius-lg: 22px;
    --prs-radius-pill: 999px;
}

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

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: var(--prs-font-sans);
    font-size: 16px;
    line-height: 1.65;
    color: var(--prs-charcoal);
    background: var(--prs-bg);
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Typography baseline */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--prs-font-serif);
    font-weight: 500;
    color: var(--prs-charcoal);
    margin: 0 0 0.6em;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

h1 { font-size: clamp(2rem, 4vw, 3.2rem); }
h2 { font-size: clamp(1.6rem, 2.8vw, 2.4rem); }
h3 { font-size: clamp(1.2rem, 1.8vw, 1.5rem); }
h4 { font-size: 1.15rem; }

p { margin: 0 0 1.1em; color: var(--prs-charcoal); }
p:last-child { margin-bottom: 0; }

a {
    color: var(--prs-charcoal);
    text-decoration: none;
    transition: color 0.18s ease, opacity 0.18s ease;
}
a:hover { color: var(--prs-gold-dark); }

img { max-width: 100%; height: auto; display: block; }

::selection {
    background: var(--prs-gold);
    color: var(--prs-bg);
}

/* Eyebrow label used across sections */
.section-eyebrow {
    display: inline-block;
    font-family: var(--prs-font-sans);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-weight: 600;
    color: var(--prs-gold);
    margin-bottom: 12px;
}

/* Buttons (theme-level, used in front-page.php) */
.btn {
    display: inline-block;
    background: var(--prs-charcoal);
    color: var(--prs-bg);
    padding: 14px 26px;
    border-radius: var(--prs-radius-pill);
    font-size: 0.92rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    transition: background 0.2s ease, transform 0.2s ease;
}
.btn:hover {
    background: var(--prs-gold-dark);
    color: var(--prs-bg);
    transform: translateY(-1px);
}

.is-bold { font-weight: 600; }


/* ===================================================================
   2. SITE HEADER
   =================================================================== */
.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--prs-bg);
    border-bottom: 1px solid var(--prs-line);
    transition: box-shadow 0.2s ease, background 0.2s ease;
    backdrop-filter: saturate(180%) blur(8px);
    -webkit-backdrop-filter: saturate(180%) blur(8px);
    background: rgba(251, 250, 246, 0.92);
}

.site-header.is-scrolled {
    box-shadow: var(--prs-shadow-sm);
}

.site-header-inner {
    max-width: 1480px;
    margin: 0 auto;
    padding: 18px var(--prs-pad-x);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.site-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--prs-font-serif);
    font-size: 1.35rem;
    color: var(--prs-charcoal);
    letter-spacing: -0.01em;
    flex-shrink: 0;
}
.site-logo:hover { color: var(--prs-gold-dark); }
.site-logo svg { flex-shrink: 0; }

.site-nav-center {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
    justify-content: center;
}

.site-nav-link {
    padding: 10px 18px;
    border-radius: var(--prs-radius-pill);
    font-size: 0.92rem;
    color: var(--prs-charcoal);
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
}
.site-nav-link:hover {
    background: var(--prs-beige);
    color: var(--prs-charcoal);
}
.site-nav-link.is-active {
    color: var(--prs-charcoal);
    font-weight: 600;
}

.site-header-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.site-host-link {
    padding: 10px 16px;
    border-radius: var(--prs-radius-pill);
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--prs-charcoal);
    transition: background 0.15s ease;
}
.site-host-link:hover {
    background: var(--prs-beige);
    color: var(--prs-charcoal);
}

/* User menu pill */
.site-user-menu {
    position: relative;
}

.site-user-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 8px 6px 14px;
    background: var(--prs-bg);
    border: 1px solid var(--prs-line-strong);
    border-radius: var(--prs-radius-pill);
    cursor: pointer;
    font-family: inherit;
    color: var(--prs-charcoal);
    transition: box-shadow 0.18s ease, border-color 0.18s ease;
}
.site-user-btn:hover {
    box-shadow: var(--prs-shadow-sm);
    border-color: rgba(43,37,32,0.25);
}

.site-user-avatar,
.site-menu-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--prs-charcoal);
    color: var(--prs-bg);
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.site-menu-avatar {
    background: var(--prs-stone);
}

/* Dropdown menu */
.site-user-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 240px;
    background: var(--prs-bg);
    border: 1px solid var(--prs-line);
    border-radius: var(--prs-radius-md);
    box-shadow: var(--prs-shadow-lg);
    list-style: none;
    margin: 0;
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    z-index: 50;
}

.site-user-menu[data-open="true"] .site-user-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.site-user-dropdown li[role="separator"] {
    height: 1px;
    background: var(--prs-line);
    margin: 6px 0;
}

.site-user-dropdown a {
    display: block;
    padding: 10px 18px;
    font-size: 0.9rem;
    color: var(--prs-charcoal);
    transition: background 0.15s ease;
}
.site-user-dropdown a:hover {
    background: var(--prs-beige);
    color: var(--prs-charcoal);
}

.site-user-greeting {
    padding: 12px 18px 10px;
    border-bottom: 1px solid var(--prs-line);
    margin-bottom: 4px;
}
.prs-user-name {
    font-weight: 600;
    font-size: 0.92rem;
    color: var(--prs-charcoal);
}
.prs-user-email {
    font-size: 0.8rem;
    color: var(--prs-stone);
    margin-top: 2px;
    word-break: break-all;
}


/* ===================================================================
   3. SITE MAIN
   =================================================================== */
.site-main {
    min-height: 50vh;
}


/* ===================================================================
   4. HOMEPAGE — HERO
   =================================================================== */
.prs-home-hero {
    position: relative;
    height: clamp(480px, 72vh, 720px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--prs-bg);
}

.prs-home-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.04);
    transition: transform 12s ease-out;
}
.prs-home-hero:hover .prs-home-hero-bg { transform: scale(1.08); }

.prs-home-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(43,37,32,0.20) 0%, rgba(43,37,32,0.55) 100%),
        linear-gradient(0deg, rgba(43,37,32,0.18), rgba(43,37,32,0.18));
}

.prs-home-hero-inner {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0 24px;
    max-width: 820px;
}

.prs-hero-eyebrow {
    display: inline-block;
    font-size: 0.72rem;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: rgba(251,250,246,0.92);
    font-weight: 500;
    margin-bottom: 22px;
    padding: 6px 14px;
    border: 1px solid rgba(251,250,246,0.35);
    border-radius: var(--prs-radius-pill);
}

.prs-home-hero-inner h1 {
    color: var(--prs-bg);
    font-size: clamp(2.6rem, 6vw, 5rem);
    line-height: 1.04;
    margin-bottom: 22px;
    text-shadow: 0 2px 28px rgba(43,37,32,0.32);
    font-weight: 500;
}

.prs-hero-subtitle {
    font-size: clamp(1.05rem, 1.6vw, 1.25rem);
    color: rgba(251,250,246,0.95);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
    text-shadow: 0 1px 12px rgba(43,37,32,0.32);
}


/* ===================================================================
   5. CATEGORY STRIP
   =================================================================== */
.category-strip {
    background: var(--prs-bg);
    border-bottom: 1px solid var(--prs-line);
    position: relative;
}

.category-strip-inner {
    max-width: 1480px;
    margin: 0 auto;
    padding: 22px var(--prs-pad-x);
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.category-strip-inner::-webkit-scrollbar { display: none; }

.category-item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    color: var(--prs-stone);
    font-size: 0.78rem;
    font-weight: 500;
    flex-shrink: 0;
    border-bottom: 2px solid transparent;
    transition: color 0.18s ease, border-color 0.18s ease, opacity 0.18s ease;
    opacity: 0.65;
    white-space: nowrap;
    min-width: 64px;
}

.category-item:hover {
    color: var(--prs-charcoal);
    opacity: 1;
}

.category-item.is-active {
    color: var(--prs-charcoal);
    border-bottom-color: var(--prs-charcoal);
    opacity: 1;
}

.category-item svg {
    transition: transform 0.18s ease;
}
.category-item:hover svg { transform: translateY(-1px); }


/* ===================================================================
   6. HOMEPAGE — SECTIONS WRAPPER
   =================================================================== */
.home-section {
    padding: var(--prs-section-y) 0;
}

.home-section-tinted {
    background: var(--prs-beige);
}

.home-section-inner {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 var(--prs-pad-x);
}

.home-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 24px;
    flex-wrap: wrap;
}

.home-section-head h2 {
    margin: 0;
}

.home-section-link {
    font-size: 0.9rem;
    color: var(--prs-charcoal);
    font-weight: 500;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;
    transition: color 0.18s ease;
}
.home-section-link:hover {
    color: var(--prs-gold-dark);
}


/* ===================================================================
   7. TRENDING DESTINATIONS
   =================================================================== */
.prs-destination-showcase {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 16px;
    height: 540px;
}

.prs-dest-tile {
    position: relative;
    border-radius: var(--prs-radius-md);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    color: var(--prs-bg);
    display: flex;
    align-items: flex-end;
    padding: 24px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    min-height: 200px;
}

.prs-dest-tile:hover {
    transform: translateY(-3px);
    box-shadow: var(--prs-shadow-md);
    color: var(--prs-bg);
}

.prs-dest-tile-large {
    grid-row: span 2;
}

.prs-dest-tile-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(43,37,32,0) 45%, rgba(43,37,32,0.7) 100%);
    transition: opacity 0.3s ease;
}

.prs-dest-tile-meta {
    position: relative;
    z-index: 2;
}

.prs-dest-tile-name {
    font-family: var(--prs-font-serif);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 4px;
}

.prs-dest-tile-large .prs-dest-tile-name {
    font-size: 2.4rem;
}

.prs-dest-tile-sub {
    font-size: 0.85rem;
    opacity: 0.92;
    letter-spacing: 0.02em;
}

@media (max-width: 1024px) {
    .prs-destination-showcase {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        height: auto;
    }
    .prs-dest-tile { height: 220px; min-height: 220px; }
    .prs-dest-tile-large {
        grid-column: span 2;
        height: 280px;
    }
}
@media (max-width: 600px) {
    .prs-destination-showcase {
        grid-template-columns: 1fr;
    }
    .prs-dest-tile-large { grid-column: auto; }
}


/* ===================================================================
   8. WHY US / TRUST STRIP
   =================================================================== */
.prs-trust-section {
    background: var(--prs-bg);
}

.prs-trust-head {
    text-align: center;
    margin-bottom: 64px;
}

.prs-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 32px;
    margin-bottom: 72px;
}

.prs-trust-item {
    text-align: center;
}

.prs-trust-icon {
    color: var(--prs-gold);
    margin: 0 auto 18px;
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--prs-beige);
    border-radius: var(--prs-radius-pill);
}

.prs-trust-item h3 {
    font-size: 1.15rem;
    margin-bottom: 8px;
    font-weight: 500;
}

.prs-trust-item p {
    color: var(--prs-stone);
    font-size: 0.92rem;
    line-height: 1.65;
    max-width: 240px;
    margin: 0 auto;
}

.prs-trust-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 44px 24px;
    background: var(--prs-beige);
    border-radius: var(--prs-radius-lg);
    text-align: center;
}

.prs-trust-stats > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.prs-trust-stats strong {
    font-family: var(--prs-font-serif);
    font-size: clamp(1.8rem, 3.4vw, 2.8rem);
    color: var(--prs-charcoal);
    font-weight: 500;
    line-height: 1;
}

.prs-trust-stats span {
    font-size: 0.78rem;
    color: var(--prs-stone);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 500;
}

@media (max-width: 900px) {
    .prs-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; }
}
@media (max-width: 600px) {
    .prs-trust-grid { grid-template-columns: 1fr; }
    .prs-trust-stats { grid-template-columns: repeat(2, 1fr); padding: 32px 20px; }
}


/* ===================================================================
   9. EXPLORE / LIVE ANYWHERE
   =================================================================== */
.live-anywhere-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.live-card {
    color: var(--prs-charcoal);
    transition: transform 0.25s ease;
}
.live-card:hover {
    transform: translateY(-4px);
    color: var(--prs-charcoal);
}

.live-card-img {
    width: 100%;
    aspect-ratio: 4 / 5;
    background-size: cover;
    background-position: center;
    border-radius: var(--prs-radius-md);
    margin-bottom: 14px;
    box-shadow: var(--prs-shadow-sm);
    transition: box-shadow 0.25s ease;
}
.live-card:hover .live-card-img {
    box-shadow: var(--prs-shadow-md);
}

.live-card h3 {
    font-size: 1.1rem;
    margin: 0 0 4px;
    font-weight: 500;
}

.live-card-sub {
    color: var(--prs-stone);
    font-size: 0.85rem;
    margin: 0;
}

@media (max-width: 1024px) {
    .live-anywhere-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .live-anywhere-grid { grid-template-columns: 1fr; }
}


/* ===================================================================
   10. TESTIMONIALS
   =================================================================== */
.prs-testimonials .home-section-head {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0;
    margin-bottom: 48px;
}

.prs-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.prs-testimonial {
    background: var(--prs-bg);
    padding: 32px;
    border-radius: var(--prs-radius-md);
    margin: 0;
    border: 1px solid var(--prs-line);
    box-shadow: var(--prs-shadow-sm);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.prs-testimonial:hover {
    box-shadow: var(--prs-shadow-md);
    transform: translateY(-2px);
}

.prs-testimonial-stars {
    color: var(--prs-gold);
    font-size: 1rem;
    letter-spacing: 3px;
    margin-bottom: 18px;
}

.prs-testimonial blockquote {
    font-family: var(--prs-font-serif);
    font-size: 1.08rem;
    line-height: 1.55;
    color: var(--prs-charcoal);
    margin: 0 0 22px;
    font-style: italic;
    quotes: none;
}

.prs-testimonial figcaption {
    font-size: 0.85rem;
    color: var(--prs-stone);
    border-top: 1px solid var(--prs-line);
    padding-top: 16px;
}

.prs-testimonial figcaption strong {
    display: block;
    color: var(--prs-charcoal);
    font-family: inherit;
    font-weight: 600;
    margin-bottom: 2px;
    font-size: 0.92rem;
}

@media (max-width: 900px) {
    .prs-testimonials-grid {
        grid-template-columns: 1fr;
        max-width: 600px;
        margin: 0 auto;
    }
}


/* ===================================================================
   11. HOST CTA
   =================================================================== */
.host-cta {
    background: var(--prs-charcoal);
    color: var(--prs-bg);
    padding: 0;
    overflow: hidden;
}

.host-cta-inner {
    max-width: 1480px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    min-height: 540px;
}

.host-cta-copy {
    padding: clamp(48px, 7vw, 96px) clamp(32px, 5vw, 80px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.host-cta-copy .section-eyebrow {
    color: var(--prs-gold-light);
}

.host-cta-copy h2 {
    color: var(--prs-bg);
    margin-bottom: 18px;
    max-width: 480px;
}

.host-cta-copy p {
    color: rgba(251,250,246,0.78);
    line-height: 1.7;
    margin-bottom: 32px;
    max-width: 460px;
}

.host-cta-meta {
    display: grid;
    gap: 18px;
    margin-bottom: 36px;
    max-width: 460px;
}

.host-cta-meta > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-left: 18px;
    border-left: 2px solid var(--prs-gold);
}

.host-cta-meta strong {
    font-weight: 600;
    color: var(--prs-bg);
    font-size: 0.95rem;
}

.host-cta-meta span {
    color: rgba(251,250,246,0.7);
    font-size: 0.85rem;
}

.host-cta-copy .btn {
    align-self: flex-start;
    background: var(--prs-bg);
    color: var(--prs-charcoal);
}
.host-cta-copy .btn:hover {
    background: var(--prs-gold);
    color: var(--prs-bg);
}

.host-cta-image {
    background-size: cover;
    background-position: center;
    min-height: 320px;
}

@media (max-width: 900px) {
    .host-cta-inner { grid-template-columns: 1fr; }
    .host-cta-image { min-height: 280px; order: -1; }
}


/* ===================================================================
   12. NEWSLETTER
   =================================================================== */
.prs-newsletter {
    padding: clamp(56px, 8vw, 96px) var(--prs-pad-x);
    background: var(--prs-beige);
    text-align: center;
}

.prs-newsletter-inner {
    max-width: 580px;
    margin: 0 auto;
}

.prs-newsletter h2 {
    margin-bottom: 12px;
}

.prs-newsletter p {
    color: var(--prs-stone);
    margin-bottom: 28px;
    line-height: 1.6;
}

.prs-newsletter-form {
    display: flex;
    gap: 6px;
    max-width: 480px;
    margin: 0 auto 16px;
    background: var(--prs-bg);
    padding: 6px;
    border-radius: var(--prs-radius-pill);
    border: 1px solid var(--prs-line);
    box-shadow: var(--prs-shadow-sm);
}

.prs-newsletter-form input {
    flex: 1;
    border: none;
    background: transparent;
    color: var(--prs-charcoal);
    font-family: inherit;
    font-size: 0.92rem;
    padding: 12px 20px;
    outline: none;
}
.prs-newsletter-form input::placeholder {
    color: var(--prs-stone);
}

.prs-newsletter-form button {
    background: var(--prs-charcoal);
    color: var(--prs-bg);
    border: none;
    border-radius: var(--prs-radius-pill);
    padding: 12px 26px;
    font-weight: 500;
    font-size: 0.88rem;
    cursor: pointer;
    transition: background 0.2s ease;
    font-family: inherit;
}

.prs-newsletter-form button:hover {
    background: var(--prs-gold-dark);
}

.prs-newsletter-fine {
    font-size: 0.78rem;
    color: var(--prs-stone);
    margin: 0;
}


/* ===================================================================
   13. SITE FOOTER
   =================================================================== */
.site-footer {
    background: var(--prs-bg);
    border-top: 1px solid var(--prs-line);
    padding: clamp(48px, 6vw, 80px) 0 32px;
    color: var(--prs-stone);
    font-size: 0.9rem;
}

.site-footer-inner {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 var(--prs-pad-x);
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 48px;
    margin-bottom: 56px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--prs-line);
}

.footer-col h4 {
    font-family: var(--prs-font-sans);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--prs-charcoal);
    margin-bottom: 18px;
    font-weight: 600;
}

.footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-col li {
    margin-bottom: 10px;
}

.footer-col a {
    color: var(--prs-stone);
    font-size: 0.88rem;
    transition: color 0.15s ease;
}
.footer-col a:hover {
    color: var(--prs-charcoal);
}

.footer-col p {
    color: var(--prs-stone);
    font-size: 0.88rem;
    line-height: 1.7;
}

.footer-social {
    display: flex;
    gap: 12px;
    margin-top: 16px;
}

.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: var(--prs-beige);
    border-radius: 50%;
    color: var(--prs-charcoal);
    transition: background 0.15s ease, transform 0.15s ease;
}
.footer-social a:hover {
    background: var(--prs-gold);
    color: var(--prs-bg);
    transform: translateY(-1px);
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 0.82rem;
    color: var(--prs-stone);
}

.footer-legal {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.footer-legal a {
    color: var(--prs-stone);
}
.footer-legal a:hover {
    color: var(--prs-charcoal);
}

.footer-dot {
    margin: 0 4px;
    opacity: 0.5;
}

@media (max-width: 900px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 36px 32px;
    }
}
@media (max-width: 600px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* ===================================================================
   14. SINGLE PROPERTY WRAPPER
   =================================================================== */
.single-property-wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 32px var(--prs-pad-x) 80px;
}


/* ===================================================================
   15. MOBILE NAV ADJUSTMENTS
   =================================================================== */
@media (max-width: 760px) {
    .site-nav-center {
        display: none;
    }
    .site-host-link {
        display: none;
    }
    .site-header-inner {
        padding: 14px var(--prs-pad-x);
    }
}

/* ===================================================================
   PHASE 1 ADDITIONS — Mobile menu drawer + tighter section spacing
   =================================================================== */

/* Tighter homepage section when properties immediately follow the hero */
.home-section-tight {
    padding-top: clamp(40px, 5vw, 64px) !important;
    padding-bottom: clamp(40px, 5vw, 64px) !important;
}

/* Hamburger button — only visible on mobile */
.site-menu-toggle {
    display: none;
    background: var(--prs-bg);
    border: 1px solid var(--prs-line-strong);
    border-radius: var(--prs-radius-pill);
    width: 42px;
    height: 42px;
    cursor: pointer;
    color: var(--prs-charcoal);
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s ease;
    padding: 0;
}
.site-menu-toggle:hover { border-color: var(--prs-charcoal); }

/* Mobile drawer */
.site-mobile-drawer {
    position: fixed;
    inset: 0;
    background: rgba(43, 37, 32, 0.5);
    z-index: 200;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
    display: flex;
    justify-content: flex-end;
}
.site-mobile-drawer.is-open {
    opacity: 1;
    visibility: visible;
}
.site-mobile-drawer-panel {
    width: min(360px, 92vw);
    height: 100%;
    background: var(--prs-bg);
    padding: 32px 24px;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
    position: relative;
}
.site-mobile-drawer.is-open .site-mobile-drawer-panel {
    transform: translateX(0);
}
.site-mobile-drawer-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: var(--prs-charcoal);
    padding: 8px;
}
.site-mobile-drawer nav {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
}
.site-mobile-drawer nav a {
    padding: 16px 12px;
    font-size: 1.05rem;
    color: var(--prs-charcoal);
    border-bottom: 1px solid var(--prs-line);
    transition: color 0.15s ease, background 0.15s ease;
}
.site-mobile-drawer nav a:hover {
    color: var(--prs-gold-dark);
    background: var(--prs-beige);
}

@media (max-width: 760px) {
    .site-menu-toggle { display: inline-flex; }
}

/* ===================================================================
   PHASE 2 REFINEMENTS — Spacing, testimonials avatars, footer
   =================================================================== */

/* Tighter spacing between stats and testimonials section (Review #2 1.3) */
.prs-trust-section { padding-bottom: clamp(40px, 5vw, 60px) !important; }
.prs-trust-grid { margin-bottom: clamp(36px, 5vw, 48px) !important; }
.prs-trust-stats { margin-bottom: 0 !important; }

.prs-testimonials { padding-top: clamp(40px, 5vw, 60px) !important; }
.prs-testimonials .home-section-head { margin-bottom: 32px !important; }

/* Testimonial avatar slot (1.4) */
.prs-testimonial figcaption {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--prs-line);
}
.prs-testimonial-avatar {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--prs-sand);
    background-size: cover;
    background-position: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--prs-charcoal);
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
}
.prs-testimonial figcaption > div {
    display: flex;
    flex-direction: column;
}

/* Footer contact strip (Review #2 4.1) */
.footer-contact-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    padding: 36px var(--prs-pad-x);
    background: var(--prs-charcoal);
    color: var(--prs-bg);
}
@media (max-width: 760px) {
    .footer-contact-strip { grid-template-columns: 1fr; gap: 24px; }
}
.footer-contact-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.footer-contact-card h4 {
    font-family: var(--prs-font-sans);
    font-size: 0.9rem;
    color: var(--prs-bg);
    margin: 0 0 4px;
    font-weight: 600;
    letter-spacing: 0.02em;
}
.footer-contact-card p {
    margin: 0;
    color: rgba(251, 250, 246, 0.8);
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1.5;
}
.footer-contact-card p svg {
    flex-shrink: 0;
    color: var(--prs-gold-light);
}
.footer-contact-card a {
    color: rgba(251, 250, 246, 0.8);
}
.footer-contact-card a:hover { color: var(--prs-gold-light); }

/* ===================================================================
   PHASE 2 FIXES — popup z-index, section spacing
   =================================================================== */

/* Issue 1: Calendar + guest stepper popups appearing behind hero
   Root cause: .prs-home-hero has overflow:hidden, clipping descendant popups.
   Fix: switch hero to overflow:visible (the bg image is already absolute-positioned
   and won't escape because of its own inset:0, so this is safe).
   Plus: bump popup z-index above hero overlay (which uses z-index:2). */
.prs-home-hero {
    overflow: visible !important;
}
.prs-home-hero-bg,
.prs-home-hero-overlay {
    /* Re-clip the background+overlay only, not the popups */
    border-radius: 0;
}
/* Constrain bg to its own clipping wrapper */
.prs-home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

/* Make popups float above hero stacking context */
.prs-hero-booking-bar {
    position: relative;
    z-index: 50;
}
.prs-hbar-calendar,
.prs-stepper-popover {
    z-index: 200 !important;
}

/* Issue 2: Reduce excessive vertical space inside the "Why book with us"
   trust section AND between it and the testimonials section above */
.prs-trust-section {
    padding-top: clamp(48px, 6vw, 72px) !important;
    padding-bottom: clamp(40px, 5vw, 56px) !important;
}
.prs-trust-head {
    margin-bottom: clamp(28px, 4vw, 44px) !important;
}
.prs-trust-grid {
    margin-bottom: clamp(32px, 4vw, 44px) !important;
    gap: 28px 28px !important;
}

/* Issue 3: Reduce space between testimonials and section above (gallery/featured) */
.prs-testimonials {
    padding-top: clamp(32px, 4vw, 48px) !important;
    padding-bottom: clamp(48px, 6vw, 72px) !important;
}
.prs-testimonials .home-section-head {
    margin-bottom: clamp(24px, 3vw, 36px) !important;
}

/* Reduce the section above (featured stays / gallery) bottom padding too */
.home-section-tight,
.home-section:has(+ .prs-trust-section),
.home-section:has(+ .prs-testimonials) {
    padding-bottom: clamp(40px, 5vw, 56px) !important;
}

/* ===================================================================
   HOMEPAGE — NEW SECTIONS (Housify-style reference)
   =================================================================== */

/* "Who We Are" overlapping stats card sitting just below the hero */
.prs-home-who {
    margin-top: -80px;
    margin-bottom: clamp(60px, 8vw, 100px);
    padding: 0 clamp(20px, 4vw, 40px);
    position: relative;
    z-index: 5;
}
.prs-home-who-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
}
.prs-home-who-card {
    background: var(--prs-bg);
    border-radius: 18px;
    padding: 36px 40px;
    box-shadow: 0 18px 48px rgba(43,37,32,0.18);
    max-width: 460px;
    width: 100%;
}
.prs-home-who-card h3 {
    font-family: var(--prs-font-serif);
    font-size: clamp(1.4rem, 2.4vw, 1.7rem);
    margin: 0 0 12px;
    color: var(--prs-charcoal);
    font-weight: 500;
}
.prs-home-who-card p {
    color: var(--prs-stone);
    line-height: 1.65;
    font-size: 0.95rem;
    margin: 0 0 22px;
}
.prs-home-who-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-top: 22px;
    border-top: 1px solid var(--prs-line);
}
.prs-home-who-stat strong {
    display: block;
    font-family: var(--prs-font-serif);
    font-size: clamp(1.6rem, 3vw, 2rem);
    color: var(--prs-gold-dark);
    font-weight: 500;
    line-height: 1;
}
.prs-home-who-stat sup {
    color: var(--prs-gold);
    font-size: 0.6em;
}
.prs-home-who-stat span {
    display: block;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--prs-stone);
    margin-top: 6px;
    font-weight: 500;
}

@media (max-width: 900px) {
    .prs-home-who { margin-top: 24px; }
    .prs-home-who-inner { justify-content: center; }
    .prs-home-who-card { max-width: 100%; }
}

/* "Discover Your Perfect Stay Match" — split heading + asymmetric grid */
.prs-home-discover {
    padding: clamp(60px, 8vw, 100px) clamp(20px, 4vw, 40px);
    background: var(--prs-bg);
}
.prs-home-discover-inner {
    max-width: 1280px;
    margin: 0 auto;
}
.prs-home-discover-head {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: end;
    margin-bottom: 40px;
}
.prs-home-discover-head h2 {
    font-family: var(--prs-font-serif);
    font-size: clamp(2rem, 4.5vw, 3.2rem);
    margin: 0;
    line-height: 1.05;
    font-weight: 500;
    color: var(--prs-charcoal);
    letter-spacing: -0.01em;
}
.prs-home-discover-head h2 em {
    color: var(--prs-gold-dark);
    font-style: italic;
    font-weight: 400;
}
.prs-home-discover-head p {
    color: var(--prs-stone);
    font-size: 0.98rem;
    line-height: 1.7;
    margin: 0;
}
@media (max-width: 760px) {
    .prs-home-discover-head { grid-template-columns: 1fr; gap: 16px; }
}

/* Asymmetric image grid — one large left, three on the right */
.prs-home-discover-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    grid-template-rows: 240px 240px;
    gap: 16px;
}
.prs-home-discover-cell {
    background-size: cover;
    background-position: center;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    transition: transform 0.45s ease;
    display: block;
    text-decoration: none;
}
.prs-home-discover-cell:hover { transform: scale(1.015); }
.prs-home-discover-cell-large {
    grid-row: span 2;
}
.prs-home-discover-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 22px;
    background: linear-gradient(180deg, rgba(43,37,32,0) 50%, rgba(43,37,32,0.65) 100%);
    color: #fff;
}
.prs-home-discover-price {
    background: var(--prs-gold);
    color: #fff;
    align-self: flex-start;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: auto;
}
.prs-home-discover-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: rgba(251,250,246,0.95);
    color: var(--prs-charcoal);
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 0.82rem;
    align-self: flex-start;
    max-width: 70%;
}
.prs-home-discover-meta span:first-child { font-weight: 600; }
.prs-home-discover-meta span:last-child { color: var(--prs-stone); font-size: 0.74rem; }

@media (max-width: 760px) {
    .prs-home-discover-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 200px 200px 200px;
    }
    .prs-home-discover-cell-large { grid-row: span 1; grid-column: span 2; }
}

/* About Us — dark card + photo split */
.prs-home-about {
    padding: clamp(60px, 8vw, 100px) clamp(20px, 4vw, 40px);
    background: var(--prs-bg);
}
.prs-home-about-inner {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 36px rgba(43,37,32,0.10);
}
@media (max-width: 760px) {
    .prs-home-about-inner { grid-template-columns: 1fr; }
}
.prs-home-about-text {
    background: var(--prs-charcoal);
    color: var(--prs-bg);
    padding: clamp(36px, 5vw, 56px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.prs-home-about-text h2 {
    font-family: var(--prs-font-serif);
    font-size: clamp(2rem, 4vw, 2.8rem);
    margin: 0 0 22px;
    font-weight: 500;
    line-height: 1.1;
}
.prs-home-about-text h2 em {
    color: var(--prs-gold-light);
    font-style: italic;
    font-weight: 400;
}
.prs-home-about-text p {
    color: rgba(251,250,246,0.78);
    line-height: 1.7;
    font-size: 0.95rem;
    margin: 0 0 16px;
}
.prs-home-about-text p + p { margin-top: 0; }
.prs-home-about-text .prs-btn-ghost-light {
    background: transparent;
    border: 1px solid rgba(251,250,246,0.5);
    color: var(--prs-bg);
    margin-top: 16px;
    align-self: flex-start;
    padding: 12px 28px;
    border-radius: 999px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}
.prs-home-about-text .prs-btn-ghost-light:hover {
    background: var(--prs-gold);
    border-color: var(--prs-gold);
    color: #fff;
}
.prs-home-about-image {
    background-size: cover;
    background-position: center;
    min-height: 380px;
}


/* ===== Review #3 refinements ===== */
.prs-card-media { aspect-ratio: 16 / 11; min-height: 250px; border-radius: 22px; overflow: hidden; }
.prs-card-img { transition: transform .45s ease; }
.prs-card:hover .prs-card-img { transform: scale(1.045); }
.prs-grid-cols-4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.prs-card-amenities { display:flex; flex-wrap:wrap; gap:7px; margin:10px 0 8px; }
.prs-card-amenity { display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border:1px solid rgba(44,37,32,.11); border-radius:999px; background:#FBFAF6; color:#7A736B; font-size:12px; line-height:1; }
.prs-card-amenity svg { color:#B3854D; }
.prs-stays-layout[data-view="map"] .prs-listings-map { min-height: 720px; }
.prs-map-pin-leaflet, .prs-map-pin { background:#2B2520; color:#FBFAF6; border:2px solid #fff; border-radius:999px; padding:6px 10px; box-shadow:0 10px 26px rgba(43,37,32,.2); font-size:12px; font-weight:700; }
.prs-map-pin.is-active, .prs-map-pin-leaflet:hover { background:#B3854D; }
.prs-card.is-highlighted { outline:2px solid #B3854D; outline-offset:4px; }
.prs-smart-calendar-inline { font-size:15px; }
.prs-smart-calendar-inline .prs-cal-cell { min-height:44px; border-radius:12px; }
.prs-booking-box-v2 { top:104px; }
.prs-booking-details { display:block !important; }
.prs-owners-showcase, .prs-owners-about-block, .prs-owners-contact-panel { background:#FBFAF6; padding:clamp(56px,7vw,110px) 0; }
.prs-owners-showcase-grid { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); gap:clamp(28px,5vw,72px); align-items:center; }
.prs-owners-showcase-copy h2, .prs-owners-about-card h2, .prs-owners-contact-panel h2 { font-family:var(--prs-serif, 'Playfair Display', serif); font-size:clamp(34px,4vw,58px); line-height:1.02; margin:10px 0 16px; color:#2B2520; }
.prs-owners-showcase-copy p, .prs-owners-about-card p, .prs-owners-contact-panel p { color:#7A736B; font-size:17px; line-height:1.75; }
.prs-owners-showcase-media { display:grid; grid-template-columns:1.15fr .85fr; gap:14px; }
.prs-owners-showcase-media img { width:100%; height:100%; min-height:210px; object-fit:cover; border-radius:24px; box-shadow:0 26px 80px rgba(43,37,32,.12); }
.prs-owners-showcase-media img:first-child { grid-row:span 2; min-height:460px; }
.prs-owners-about-card { background:#201b17; color:#FBFAF6; border-radius:32px; padding:clamp(32px,5vw,64px); display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:24px; box-shadow:0 30px 90px rgba(43,37,32,.2); }
.prs-owners-about-card h2, .prs-owners-about-card p { color:#FBFAF6; }
.prs-owners-form-inner { max-width:1120px; margin-inline:auto; align-items:start; }
.prs-owner-form { box-shadow:0 28px 90px rgba(43,37,32,.1); border:1px solid rgba(43,37,32,.08); }
.prs-owners-contact-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.72fr); gap:32px; align-items:center; }
.prs-owners-contact-cards { display:grid; gap:12px; }
.prs-owners-contact-cards a { display:flex; justify-content:space-between; gap:16px; padding:18px 20px; background:#fff; border:1px solid rgba(43,37,32,.08); border-radius:18px; text-decoration:none; color:#2B2520; box-shadow:0 16px 45px rgba(43,37,32,.07); }
.prs-owners-contact-cards span { color:#7A736B; }
@media (max-width: 1100px) { .prs-grid-cols-4, .prs-grid-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .prs-card-media{min-height:230px;} }
@media (max-width: 760px) { .prs-grid-cols-4, .prs-grid-cols-3 { grid-template-columns:1fr; } .prs-card-media{min-height:270px;} .prs-hbar-calendar,.prs-archive-calendar-pop{ position:fixed !important; inset:78px 14px auto 14px !important; transform:none !important; width:auto !important; max-height:calc(100vh - 100px); overflow:auto; z-index:9999; } .prs-owners-showcase-grid,.prs-owners-contact-grid,.prs-owners-about-card{grid-template-columns:1fr;} .prs-owners-showcase-media img:first-child{grid-row:auto; min-height:280px;} .prs-owners-showcase-media{grid-template-columns:1fr;} }


/* ===== Theme-only Review #3 polish ===== */
.prs-home-who-card-link { text-decoration:none; color:inherit; cursor:pointer; transition:transform .25s ease, box-shadow .25s ease; }
.prs-home-who-card-link:hover { transform:translateY(-4px); box-shadow:0 30px 90px rgba(43,37,32,.14); }
.prs-owner-card-arrow { color:#B3854D; font-weight:700; white-space:nowrap; }
.footer-grid-v2 { grid-template-columns:minmax(260px,1.2fr) repeat(4,minmax(150px,1fr)); gap:clamp(24px,4vw,52px); }
.footer-contact-col .footer-contact-line { margin:.35rem 0; color:rgba(251,250,246,.76); }
.footer-contact-col a { color:inherit; }
.footer-contact-pill { display:inline-flex !important; margin-top:12px; padding:9px 12px; border:1px solid rgba(251,250,246,.28); border-radius:999px; }
@media(max-width:1000px){.footer-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));}.footer-brand{grid-column:1/-1;}}
@media(max-width:640px){.footer-grid-v2{grid-template-columns:1fr;}}


/* ===== Review #3 final: wider site layout ===== */
:root { --prs-site-max-wide: min(1680px, calc(100vw - 48px)); }
.site-header-inner,
.category-strip-inner,
.home-section-inner,
.host-cta-inner,
.site-footer-inner,
.single-property-wrap,
.prs-home-featured,
.prs-home-owner-section,
.prs-home-who-section,
.prs-owners-section-inner,
.prs-owners-form-inner,
.prs-page-content,
.page-content,
.entry-content {
    max-width: var(--prs-site-max-wide) !important;
}
.single-property-wrap { padding-left: 0; padding-right: 0; }
@media (max-width: 760px) {
    :root { --prs-site-max-wide: calc(100vw - 28px); }
    .single-property-wrap { padding-left: 0; padding-right: 0; }
}

/* ===== Hotfix: same-page reserve form must stay visible ===== */
.prs-property .prs-booking-box-v2 .prs-booking-details,
body .prs-booking-box-v2 #prs-booking-details {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}


/* ===== Review #3 Hotfix: homepage search overlay + spacing =====
   The For Owners promo card was removed from the home hero area and now lives
   on the For Owners page. These rules keep the Airbnb-style calendar/guest
   dropdown above the page and remove the large empty gap before Featured stays. */
.prs-home-hero {
    height: clamp(360px, 46vh, 540px) !important;
    min-height: 360px !important;
    overflow: visible !important;
    z-index: 30 !important;
}
.prs-home-hero-inner {
    max-width: 960px !important;
    padding-top: clamp(18px, 4vh, 40px) !important;
}
.prs-hero-booking-bar {
    z-index: 2000 !important;
}
.prs-hbar-calendar,
.prs-stepper-popover {
    z-index: 3000 !important;
}
.home-section-tight {
    padding-top: clamp(24px, 3vw, 36px) !important;
}
body.home .prs-home-who,
body.home .prs-home-owner-switch,
body.home .host-cta {
    display: none !important;
}
@media (max-width: 760px) {
    .prs-home-hero {
        height: auto !important;
        min-height: 0 !important;
        padding: 54px 0 34px !important;
        overflow: hidden !important;
    }
    .prs-home-hero-inner {
        padding-inline: 16px !important;
    }
    .home-section-tight {
        padding-top: 26px !important;
    }
}

/* ===================================================================
   Review #3 follow-up: richer home sections + professional footer
   =================================================================== */
.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.prs-centered-head {
    justify-content: center !important;
    text-align: center !important;
}

.prs-home-featured-section {
    background:
        radial-gradient(circle at 12% 0%, rgba(179,133,77,.08), transparent 34%),
        var(--prs-bg);
}

.prs-home-experience {
    background: var(--prs-bg);
    padding-top: clamp(64px, 8vw, 116px) !important;
    padding-bottom: clamp(64px, 8vw, 116px) !important;
}
.prs-experience-grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: clamp(32px, 6vw, 96px);
    align-items: center;
}
.prs-experience-copy h2 {
    font-size: clamp(38px, 5vw, 76px);
    line-height: .98;
    max-width: 720px;
    margin-bottom: 24px;
}
.prs-experience-copy p {
    font-size: clamp(16px, 1.2vw, 19px);
    line-height: 1.8;
    color: var(--prs-stone);
    max-width: 650px;
}
.prs-experience-points {
    display: grid;
    gap: 12px;
    margin: 32px 0 30px;
    max-width: 620px;
}
.prs-experience-points > div {
    display: grid;
    grid-template-columns: 54px 1fr;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    border-top: 1px solid var(--prs-line);
}
.prs-experience-points > div:last-child { border-bottom: 1px solid var(--prs-line); }
.prs-experience-points strong {
    color: var(--prs-gold);
    font-family: var(--prs-font-serif);
    font-size: 1.35rem;
    font-weight: 500;
}
.prs-experience-points span {
    color: var(--prs-charcoal);
    font-weight: 500;
}
.prs-home-btn { margin-top: 2px; }
.prs-experience-media {
    position: relative;
    min-height: clamp(420px, 48vw, 680px);
    border-radius: 36px;
    overflow: hidden;
    box-shadow: 0 30px 90px rgba(43,37,32,.14);
    background: var(--prs-sand);
}
.prs-experience-media img {
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    transform: scale(1.01);
}
.prs-experience-note {
    position: absolute;
    left: clamp(18px, 3vw, 34px);
    right: clamp(18px, 3vw, 34px);
    bottom: clamp(18px, 3vw, 34px);
    display: grid;
    gap: 6px;
    padding: clamp(18px, 3vw, 28px);
    background: rgba(251,250,246,.92);
    border: 1px solid rgba(251,250,246,.5);
    border-radius: 24px;
    box-shadow: 0 18px 60px rgba(43,37,32,.16);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.prs-experience-note span {
    color: var(--prs-gold-dark);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .18em;
    font-weight: 700;
}
.prs-experience-note strong {
    font-family: var(--prs-font-serif);
    font-size: clamp(22px, 2vw, 34px);
    line-height: 1.12;
    font-weight: 500;
}

.prs-home-services {
    background:
        linear-gradient(180deg, rgba(237,229,215,.6), rgba(250,248,242,.96)),
        var(--prs-beige);
}
.prs-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(18px, 2vw, 28px);
}
.prs-service-card {
    background: rgba(251,250,246,.82);
    border: 1px solid rgba(43,37,32,.08);
    border-radius: 28px;
    padding: clamp(24px, 3vw, 36px);
    min-height: 280px;
    box-shadow: 0 18px 50px rgba(43,37,32,.06);
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.prs-service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 28px 80px rgba(43,37,32,.11);
    border-color: rgba(179,133,77,.24);
}
.prs-service-icon {
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--prs-charcoal);
    color: var(--prs-bg);
    font-size: 22px;
    margin-bottom: 26px;
}
.prs-service-card h3 {
    font-size: clamp(21px, 1.6vw, 28px);
    line-height: 1.1;
    margin-bottom: 14px;
}
.prs-service-card p {
    color: var(--prs-stone);
    font-size: .98rem;
    line-height: 1.72;
}

.prs-home-how {
    background: var(--prs-bg);
}
.prs-how-inner {
    display: grid;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
    gap: clamp(28px, 5vw, 76px);
    align-items: start;
}
.prs-how-heading {
    position: sticky;
    top: 110px;
}
.prs-how-heading h2 {
    font-size: clamp(36px, 4vw, 60px);
    line-height: 1.02;
}
.prs-how-heading p {
    color: var(--prs-stone);
    font-size: 1.05rem;
    line-height: 1.75;
    max-width: 430px;
}
.prs-how-steps {
    display: grid;
    gap: 18px;
}
.prs-how-steps article {
    display: grid;
    grid-template-columns: 82px 1fr;
    column-gap: 26px;
    align-items: start;
    padding: clamp(24px, 3vw, 34px);
    border: 1px solid var(--prs-line);
    border-radius: 30px;
    background: linear-gradient(135deg, #fff 0%, var(--prs-beige) 100%);
    box-shadow: 0 16px 44px rgba(43,37,32,.055);
}
.prs-how-steps article span {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--prs-gold);
    color: #fff;
    font-family: var(--prs-font-serif);
    font-size: 1.4rem;
}
.prs-how-steps h3 {
    margin-bottom: 8px;
    font-size: clamp(22px, 1.6vw, 30px);
}
.prs-how-steps p {
    color: var(--prs-stone);
    margin: 0;
}

.prs-home-moodboard {
    background: var(--prs-charcoal);
    color: var(--prs-bg);
}
.prs-home-moodboard h2,
.prs-home-moodboard .home-section-link { color: var(--prs-bg); }
.prs-home-moodboard .section-eyebrow { color: var(--prs-gold-light); }
.prs-moodboard-grid {
    display: grid;
    grid-template-columns: 1.35fr .82fr .82fr;
    min-height: clamp(360px, 45vw, 620px);
    gap: 18px;
}
.prs-mood-card {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    border-radius: 30px;
    background-size: cover;
    background-position: center;
    isolation: isolate;
    min-height: 330px;
    box-shadow: 0 22px 70px rgba(0,0,0,.22);
    transition: transform .35s ease;
}
.prs-mood-card:hover {
    transform: translateY(-4px);
    color: var(--prs-bg);
}
.prs-mood-card::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(43,37,32,.05) 20%, rgba(43,37,32,.68) 100%);
}
.prs-mood-card span {
    display: inline-flex;
    margin: 24px;
    padding: 12px 16px;
    background: rgba(251,250,246,.92);
    color: var(--prs-charcoal);
    border-radius: 999px;
    font-size: .92rem;
    font-weight: 700;
    box-shadow: 0 12px 40px rgba(0,0,0,.14);
}
.prs-mood-card-large span {
    font-family: var(--prs-font-serif);
    font-size: clamp(24px, 3vw, 42px);
    line-height: 1.05;
    border-radius: 22px;
    padding: 16px 22px;
    max-width: 380px;
}

.prs-home-final-cta {
    padding: clamp(70px, 9vw, 140px) var(--prs-pad-x);
    background:
        linear-gradient(rgba(43,37,32,.56), rgba(43,37,32,.62)),
        url('https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?w=2200&q=80') center/cover;
    color: var(--prs-bg);
    text-align: center;
}
.prs-home-final-inner {
    max-width: 980px;
    margin: 0 auto;
}
.prs-home-final-cta .section-eyebrow { color: var(--prs-gold-light); }
.prs-home-final-cta h2 {
    color: var(--prs-bg);
    font-size: clamp(42px, 5vw, 86px);
    line-height: .98;
    margin-bottom: 30px;
    text-shadow: 0 18px 80px rgba(0,0,0,.28);
}
.prs-final-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}
.prs-final-link {
    color: var(--prs-bg);
    border-bottom: 1px solid rgba(251,250,246,.75);
    font-weight: 600;
}
.prs-final-link:hover { color: var(--prs-gold-light); }

/* Professional footer replacement */
.site-footer.footer-pro {
    background: #17130f !important;
    color: var(--prs-bg) !important;
    padding: 0 !important;
    border-top: 0 !important;
}
.footer-pro a { color: inherit; }
.footer-pro p { color: rgba(251,250,246,.72); }
.footer-pro-cta {
    max-width: var(--prs-site-max-wide);
    margin: 0 auto;
    transform: translateY(-1px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: clamp(28px, 4vw, 48px);
    background:
        linear-gradient(135deg, rgba(251,250,246,.10), rgba(179,133,77,.15)),
        #231d18;
    border-left: 1px solid rgba(251,250,246,.08);
    border-right: 1px solid rgba(251,250,246,.08);
    border-bottom: 1px solid rgba(251,250,246,.08);
    border-radius: 0 0 34px 34px;
}
.footer-pro-cta-copy span {
    display: inline-block;
    color: var(--prs-gold-light);
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .18em;
    font-weight: 700;
    margin-bottom: 10px;
}
.footer-pro-cta-copy h2 {
    color: var(--prs-bg);
    font-size: clamp(30px, 3.3vw, 56px);
    line-height: 1;
    max-width: 760px;
    margin: 0;
}
.footer-pro-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 22px;
    border-radius: 999px;
    background: var(--prs-bg);
    color: #17130f !important;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 18px 50px rgba(0,0,0,.22);
}
.footer-pro-cta-button:hover {
    background: var(--prs-gold-light);
    color: #17130f !important;
}
.footer-pro-inner {
    max-width: var(--prs-site-max-wide);
    margin: 0 auto;
    padding: clamp(58px, 7vw, 96px) 0 clamp(38px, 5vw, 64px);
    display: grid;
    grid-template-columns: minmax(280px, 1.35fr) repeat(3, minmax(150px, .55fr)) minmax(260px, .95fr);
    gap: clamp(28px, 4vw, 62px);
    border-bottom: 1px solid rgba(251,250,246,.10);
}
.footer-pro .footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--prs-bg);
    font-family: var(--prs-font-serif);
    font-size: 1.55rem;
    margin-bottom: 18px;
}
.footer-pro .footer-logo svg { color: var(--prs-gold-light); }
.footer-pro-brand p {
    max-width: 400px;
    line-height: 1.75;
    margin-bottom: 24px;
}
.footer-pro-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.footer-pro-badges span {
    display: inline-flex;
    padding: 7px 10px;
    border: 1px solid rgba(251,250,246,.14);
    border-radius: 999px;
    color: rgba(251,250,246,.78);
    font-size: .74rem;
    letter-spacing: .04em;
}
.footer-pro-col,
.footer-pro-newsletter {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.footer-pro h4 {
    color: var(--prs-bg) !important;
    font-family: var(--prs-font-sans);
    font-size: .78rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 4px 0 12px;
}
.footer-pro-col a:not(.footer-contact-card) {
    color: rgba(251,250,246,.70);
    font-size: .95rem;
    line-height: 1.45;
}
.footer-pro-col a:hover,
.footer-pro-bottom a:hover {
    color: var(--prs-gold-light) !important;
}
.footer-contact-card {
    display: grid;
    gap: 3px;
    padding: 14px 16px;
    border: 1px solid rgba(251,250,246,.12);
    border-radius: 18px;
    background: rgba(251,250,246,.055);
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.footer-contact-card:hover {
    background: rgba(251,250,246,.09);
    border-color: rgba(196,166,136,.42);
    transform: translateY(-2px);
}
.footer-contact-card span {
    color: rgba(251,250,246,.58);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.footer-contact-card strong {
    color: var(--prs-bg);
    font-size: .98rem;
}
.footer-address {
    color: rgba(251,250,246,.62) !important;
    font-size: .92rem;
    margin-top: 6px;
}
.footer-pro-newsletter {
    padding: 22px;
    border: 1px solid rgba(251,250,246,.12);
    border-radius: 26px;
    background: rgba(251,250,246,.055);
    align-self: start;
}
.footer-pro-newsletter p {
    line-height: 1.65;
    margin-bottom: 10px;
}
.footer-newsletter-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px;
    gap: 8px;
    padding: 6px;
    background: rgba(251,250,246,.10);
    border: 1px solid rgba(251,250,246,.12);
    border-radius: 999px;
}
.footer-newsletter-form input {
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--prs-bg);
    padding: 0 10px;
    font: inherit;
    outline: none;
}
.footer-newsletter-form input::placeholder { color: rgba(251,250,246,.50); }
.footer-newsletter-form button {
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: var(--prs-gold-light);
    color: #17130f;
    cursor: pointer;
    font-size: 1.15rem;
    font-weight: 700;
}
.footer-pro-socials {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}
.footer-pro-socials a {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(251,250,246,.14);
    color: rgba(251,250,246,.78);
}
.footer-pro-socials a:hover {
    background: var(--prs-gold-light);
    color: #17130f !important;
    border-color: var(--prs-gold-light);
}
.footer-pro-bottom {
    max-width: var(--prs-site-max-wide);
    margin: 0 auto;
    padding: 22px 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}
.footer-pro-bottom p {
    margin: 0;
    color: rgba(251,250,246,.56) !important;
    font-size: .88rem;
}
.footer-pro-bottom div {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}
.footer-pro-bottom a {
    color: rgba(251,250,246,.62);
    font-size: .88rem;
}

@media (max-width: 1180px) {
    .prs-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer-pro-inner { grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(150px, .7fr)); }
    .footer-pro-newsletter { grid-column: span 2; }
}
@media (max-width: 900px) {
    .prs-experience-grid,
    .prs-how-inner { grid-template-columns: 1fr; }
    .prs-how-heading { position: static; }
    .prs-moodboard-grid { grid-template-columns: 1fr; min-height: auto; }
    .prs-mood-card { min-height: 300px; }
    .footer-pro-cta { align-items: flex-start; flex-direction: column; }
    .footer-pro-inner { grid-template-columns: 1fr 1fr; padding-left: 0; padding-right: 0; }
    .footer-pro-brand,
    .footer-pro-newsletter { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
    .prs-home-experience,
    .prs-home-services,
    .prs-home-how,
    .prs-home-moodboard { padding-top: 56px !important; padding-bottom: 56px !important; }
    .prs-experience-copy h2,
    .prs-how-heading h2,
    .prs-home-final-cta h2 { font-size: clamp(34px, 11vw, 48px); }
    .prs-experience-media { min-height: 360px; border-radius: 26px; }
    .prs-service-grid { grid-template-columns: 1fr; }
    .prs-service-card { min-height: 0; }
    .prs-how-steps article { grid-template-columns: 1fr; gap: 16px; }
    .prs-mood-card { min-height: 260px; border-radius: 24px; }
    .prs-final-actions { flex-direction: column; }
    .footer-pro-cta,
    .footer-pro-inner,
    .footer-pro-bottom { max-width: calc(100vw - 28px); }
    .footer-pro-cta { border-radius: 0 0 26px 26px; }
    .footer-pro-inner { grid-template-columns: 1fr; }
    .footer-pro-newsletter { grid-column: auto; }
    .footer-pro-bottom { align-items: flex-start; flex-direction: column; }
}


/* ===================================================================
   21. REVIEW #3 POLISH — OWNER FORM + HOME HOW-IT-WORKS
   =================================================================== */

/* --- Home: How it works section cleanup --- */
.prs-home-how {
    background: linear-gradient(180deg, #FBFAF6 0%, #F7F3EC 100%);
}
.prs-how-inner {
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
    gap: clamp(32px, 6vw, 88px);
    align-items: start;
}
.prs-how-heading {
    max-width: 460px;
}
.prs-how-heading .section-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
}
.prs-how-heading h2 {
    margin-bottom: 18px;
    max-width: 12ch;
}
.prs-how-heading p {
    font-size: 1.08rem;
    max-width: 430px;
}
.prs-how-steps {
    gap: 22px;
}
.prs-how-steps article {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    column-gap: 22px;
    row-gap: 8px;
    align-items: start;
    padding: clamp(26px, 3vw, 34px);
    border: 1px solid rgba(43,37,32,.08);
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(43,37,32,.06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.prs-how-steps article:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 48px rgba(43,37,32,.09);
    border-color: rgba(179,133,77,.28);
}
.prs-how-steps article span {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 56px;
    height: 56px;
    font-size: 1.25rem;
    margin-top: 2px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.3);
}
.prs-how-steps article h3,
.prs-how-steps article p {
    grid-column: 2;
}
.prs-how-steps h3 {
    margin: 2px 0 4px;
    line-height: 1.15;
}
.prs-how-steps p {
    font-size: .98rem;
    line-height: 1.7;
    max-width: 44ch;
}

/* --- Owners page: premium multi-step form redesign --- */
.prs-owners-form-section {
    background: linear-gradient(180deg, #FBFAF6 0%, #F7F3EC 100%);
    padding-top: clamp(58px, 7vw, 96px);
    padding-bottom: clamp(58px, 7vw, 96px);
}
.prs-owners-form-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, 520px);
    gap: clamp(32px, 5vw, 72px);
    align-items: start;
    max-width: 1280px;
}
.prs-owners-form-copy {
    max-width: 700px;
    padding-top: 14px;
}
.prs-owners-form-copy .section-eyebrow {
    display: inline-block;
    margin-bottom: 14px;
}
.prs-owners-form-copy h2 {
    font-size: clamp(46px, 5vw, 72px);
    line-height: .98;
    letter-spacing: -.02em;
    margin-bottom: 18px;
    max-width: 11ch;
}
.prs-owners-form-copy p {
    font-size: 1.12rem;
    line-height: 1.78;
    max-width: 54ch;
}
.prs-owners-form-trust {
    margin-top: 28px;
    max-width: 660px;
}
.prs-owners-form-trust li {
    padding: 16px 0;
    font-size: 1rem;
    gap: 12px;
}
.prs-owners-form-trust li::before {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(179,133,77,.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    font-size: .86rem;
}
.prs-owner-form {
    width: 100%;
    max-width: 520px;
    margin-left: auto;
    background: rgba(255,255,255,.84);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 32px;
    padding: 34px 34px 30px;
    border: 1px solid rgba(43,37,32,.08);
    box-shadow: 0 32px 90px rgba(43,37,32,.10), 0 10px 24px rgba(43,37,32,.04);
    position: sticky;
    top: 118px;
}
.prs-progress {
    margin-bottom: 26px;
    padding-bottom: 22px;
}
.prs-progress-bar {
    gap: 12px;
}
.prs-progress-dot {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    font-size: .92rem;
    font-weight: 700;
    background: #fff;
}
.prs-progress-line {
    height: 2px;
    background: linear-gradient(90deg, rgba(179,133,77,.45), rgba(43,37,32,.14));
}
.prs-progress-labels {
    margin-top: 14px;
    font-size: .8rem;
    letter-spacing: .08em;
}
.prs-step-title {
    font-size: clamp(28px, 2vw, 34px);
    line-height: 1.15;
    margin-bottom: 6px;
}
.prs-owner-form label {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-bottom: 4px;
}
.prs-owner-form label > span {
    font-size: .92rem;
    font-weight: 600;
    color: #3B342D;
}
.prs-owner-form label > span em {
    color: var(--prs-gold, #B3854D);
    font-style: normal;
}
.prs-owner-form input,
.prs-owner-form select,
.prs-owner-form textarea {
    width: 100%;
    border: 1px solid rgba(43,37,32,.12);
    background: #FCFBF8;
    color: #2B2520;
    border-radius: 16px;
    padding: 15px 16px;
    font-size: 1rem;
    line-height: 1.4;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    appearance: none;
}
.prs-owner-form input,
.prs-owner-form select { min-height: 56px; }
.prs-owner-form textarea { min-height: 120px; resize: vertical; }
.prs-owner-form input::placeholder,
.prs-owner-form textarea::placeholder { color: #9A948D; }
.prs-owner-form input:hover,
.prs-owner-form select:hover,
.prs-owner-form textarea:hover {
    border-color: rgba(179,133,77,.32);
    background: #fff;
}
.prs-owner-form input:focus,
.prs-owner-form select:focus,
.prs-owner-form textarea:focus {
    outline: none;
    border-color: rgba(179,133,77,.75);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(179,133,77,.14);
}
.prs-owner-form .prs-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.prs-owner-form .prs-step {
    gap: 18px;
}
.prs-form-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    padding-top: 22px;
}
.prs-form-actions .prs-btn {
    min-height: 54px;
    padding: 0 22px;
    border-radius: 999px;
    font-weight: 600;
}
.prs-form-actions .prs-step-next,
.prs-form-actions button[type="submit"] {
    min-width: 180px;
    margin-left: auto;
}
.prs-form-message {
    margin-top: 18px;
    border-radius: 16px;
    padding: 14px 16px;
}

@media (max-width: 1100px) {
    .prs-owners-form-inner {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .prs-owners-form-copy,
    .prs-owner-form {
        max-width: 100%;
    }
    .prs-owner-form {
        position: static;
        margin-left: 0;
    }
}

@media (max-width: 760px) {
    .prs-owners-form-copy h2 {
        font-size: clamp(34px, 10vw, 52px);
        max-width: none;
    }
    .prs-owner-form {
        padding: 24px 18px 22px;
        border-radius: 24px;
    }
    .prs-owner-form .prs-form-row,
    .prs-how-steps article {
        grid-template-columns: 1fr;
    }
    .prs-how-steps article span {
        grid-row: auto;
        grid-column: 1;
    }
    .prs-how-steps article h3,
    .prs-how-steps article p {
        grid-column: 1;
    }
    .prs-form-actions {
        flex-wrap: wrap;
    }
    .prs-form-actions .prs-btn,
    .prs-form-actions .prs-step-next,
    .prs-form-actions button[type="submit"] {
        width: 100%;
        min-width: 0;
        margin-left: 0;
    }
}

/* Review #3 — Owners form professional redesign refinements */
.page-wide .prs-owners-form-section .prs-owners-section-inner.prs-owners-form-inner {
    max-width: 1320px;
}
.page-wide .prs-owners-form-copy,
.page-wide .prs-owner-form {
    width: 100%;
}
.page-wide .prs-owner-form {
    background: rgba(255,255,255,.92);
    border-radius: 32px;
    box-shadow: 0 28px 90px rgba(43,37,32,.10);
}
.page-wide .prs-owners-copy-panel {
    background: rgba(255,255,255,.58);
    border-radius: 30px;
}
.page-wide .prs-owner-form input,
.page-wide .prs-owner-form select,
.page-wide .prs-owner-form textarea {
    background: #fff;
    border-radius: 16px;
}
.page-wide .prs-owner-form-note {
    opacity: .92;
}
@media (max-width: 760px) {
    .page-wide .prs-owner-form {
        border-radius: 24px;
    }
}


/* ===================================================================
   22. POLYLANG LANGUAGE SWITCHER + OWNER PAGE COMPACT SPACING
   =================================================================== */
.site-header-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Compact the For Owners page: keep premium spacing, remove excessive gaps. */
.prs-owners-page .prs-owners-hero {
    min-height: clamp(520px, 62vh, 680px) !important;
}
.prs-owners-page .prs-owners-hero-inner {
    padding-top: clamp(96px, 12vw, 150px) !important;
    padding-bottom: clamp(72px, 9vw, 112px) !important;
}
.prs-owners-page .prs-owners-showcase,
.prs-owners-page .prs-owners-form-section,
.prs-owners-page .prs-owners-benefits,
.prs-owners-page .prs-owners-about-block,
.prs-owners-page .prs-owners-process,
.prs-owners-page .prs-owners-contact-panel,
.prs-owners-page .prs-owners-faq {
    padding-top: clamp(42px, 5vw, 70px) !important;
    padding-bottom: clamp(42px, 5vw, 70px) !important;
}
.prs-owners-page .prs-owners-section-inner {
    max-width: 1280px;
}
.prs-owners-page .prs-owners-showcase-media img:first-child {
    min-height: 390px;
}
.prs-owners-page .prs-owners-about-card {
    padding: clamp(30px, 4vw, 52px) !important;
}
.prs-owners-page .prs-owners-section-head {
    margin-bottom: clamp(24px, 4vw, 42px) !important;
}
.prs-owners-page .prs-benefit-grid,
.prs-owners-page .prs-owners-process-grid {
    gap: clamp(16px, 2.4vw, 28px) !important;
}
.prs-owners-page .prs-owners-form-trust {
    margin-top: 22px;
}

@media (max-width: 760px) {
    .prs-owners-page .prs-owners-hero {
        min-height: auto !important;
    }
    .prs-owners-page .prs-owners-hero-inner {
        padding-top: 110px !important;
        padding-bottom: 64px !important;
    }
    .prs-owners-page .prs-owners-showcase,
    .prs-owners-page .prs-owners-form-section,
    .prs-owners-page .prs-owners-benefits,
    .prs-owners-page .prs-owners-about-block,
    .prs-owners-page .prs-owners-process,
    .prs-owners-page .prs-owners-contact-panel,
    .prs-owners-page .prs-owners-faq {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }
    .prs-owners-page .prs-owners-showcase-media img:first-child {
        min-height: 260px;
    }
}


/* Review #4: destination autocomplete, Google translator, map/gallery/calendar/mobile polish */
.prs-destination-wrap{position:relative;}
.prs-destination-dropdown{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:10030;background:#fff;border:1px solid rgba(43,37,32,.12);border-radius:20px;box-shadow:0 22px 60px rgba(43,37,32,.16);padding:8px;max-height:320px;overflow:auto;min-width:260px;}
.prs-destination-option{width:100%;border:0;background:transparent;text-align:left;display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;color:#2B2520;cursor:pointer;font:inherit;}
.prs-destination-option:hover,.prs-destination-option:focus{background:#F7F3EC;outline:none;}
.prs-destination-icon{width:34px;height:34px;border-radius:50%;background:#F7F3EC;display:inline-flex;align-items:center;justify-content:center;color:#B3854D;flex:0 0 34px;}
.prs-destination-option strong{display:block;font-size:.95rem;line-height:1.15;}
.prs-destination-option small{display:block;margin-top:3px;color:#7A736B;font-size:.78rem;}

.prs-card{cursor:pointer;}
.prs-card a,.prs-card button{cursor:pointer;}
.prs-card-slide img,.prs-card-img,.prs-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.prs-listings-page[data-view="map"] .prs-listings-layout{grid-template-columns:minmax(0,1fr) minmax(390px,34vw)!important;align-items:start;gap:28px;}
.prs-listings-page[data-view="map"] .prs-listings-list{min-width:0;overflow:visible;}
.prs-listings-page[data-view="map"] .prs-grid{grid-template-columns:repeat(2,minmax(250px,1fr))!important;align-items:start;}
.prs-listings-page[data-view="map"] .prs-card{min-width:0;overflow:hidden;}
.prs-listings-page[data-view="map"] .prs-card-media{aspect-ratio:4/3;min-height:220px;max-height:none;}
.prs-listings-page[data-view="map"] .prs-listings-map{min-height:680px;height:calc(100vh - 150px);}

.prs-property-gallery-slider{display:block;max-height:none!important;margin-bottom:clamp(28px,4vw,50px);}
.prs-gallery-featured{height:min(660px,58vw);min-height:420px;border-radius:32px;overflow:hidden;background:#F7F3EC;}
.prs-gallery-featured img{width:100%;height:100%;object-fit:cover;display:block;}
.prs-property-thumbs{display:flex;gap:12px;overflow-x:auto;padding:14px 2px 4px;scrollbar-width:thin;}
.prs-property-thumb{width:112px;height:82px;flex:0 0 112px;border:2px solid transparent;border-radius:16px;overflow:hidden;padding:0;background:#fff;cursor:pointer;box-shadow:0 8px 20px rgba(43,37,32,.08);}
.prs-property-thumb.is-active{border-color:#B3854D;}
.prs-property-thumb img{width:100%;height:100%;object-fit:cover;display:block;}

.prs-booking-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 14px;position:relative;}
.prs-booking-date-trigger{border:1px solid rgba(43,37,32,.14);background:#fff;border-radius:16px;padding:12px 14px;text-align:left;cursor:pointer;font:inherit;min-height:66px;}
.prs-booking-date-trigger span{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#7A736B;margin-bottom:4px;}
.prs-booking-date-trigger strong{display:block;color:#2B2520;font-weight:600;}
.prs-booking-date-trigger:hover,.prs-booking-date-trigger:focus{border-color:#B3854D;outline:none;box-shadow:0 0 0 4px rgba(179,133,77,.12);}
.prs-smart-calendar-popup{position:absolute;left:50%;transform:translateX(-50%);top:92px;width:min(760px,calc(100vw - 40px));z-index:10020;background:#fff;border:1px solid rgba(43,37,32,.12);border-radius:28px;box-shadow:0 28px 90px rgba(43,37,32,.22);padding:18px;}
.prs-booking-box-v2{position:sticky;top:110px;overflow:visible!important;max-height:none!important;}
.prs-property-body{grid-template-columns:minmax(0,1fr) minmax(440px,500px)!important;gap:clamp(36px,5vw,80px)!important;}

.site-translate-widget{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(43,37,32,.12);border-radius:999px;background:rgba(255,255,255,.9);}
.site-translate-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:#7A736B;}
.site-translate-widget .goog-te-gadget{font-family:inherit!important;font-size:0!important;line-height:1!important;}
.site-translate-widget .goog-te-gadget-simple{border:0!important;background:transparent!important;padding:0!important;font-size:.9rem!important;}
.site-translate-widget .goog-te-gadget-simple span{color:#2B2520!important;}
body>.skiptranslate{display:none!important;}
body{top:0!important;}
.goog-te-banner-frame{display:none!important;}

@media (max-width: 1100px){
  .prs-listings-page[data-view="map"] .prs-listings-layout{grid-template-columns:1fr!important;}
  .prs-listings-page[data-view="map"] .prs-listings-list{display:block!important;}
  .prs-listings-page[data-view="map"] .prs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .prs-listings-page[data-view="map"] .prs-listings-map{position:relative;height:460px;min-height:460px;top:auto;}
  .prs-property-body{grid-template-columns:1fr!important;}
  .prs-booking-box-v2{position:relative;top:auto;max-width:720px;margin:0 auto;}
}
@media (max-width: 760px){
  .site-header-inner{gap:10px;}
  .site-translate-label{display:none;}
  .site-translate-widget{padding:6px 8px;max-width:120px;}
  .site-translate-widget .goog-te-gadget-simple{max-width:100px;overflow:hidden;white-space:nowrap;}
  .prs-hero-booking-bar,.prs-archive-bar,.prs-find-bar{display:grid!important;grid-template-columns:1fr!important;border-radius:24px!important;padding:12px!important;gap:8px!important;width:min(100%,calc(100vw - 24px));}
  .prs-hbar-divider{display:none!important;}
  .prs-hbar-field{border:1px solid rgba(43,37,32,.10);border-radius:16px;padding:12px 14px;background:#fff;}
  .prs-hbar-search{width:100%;justify-content:center;min-height:52px;}
  .prs-hbar-calendar,.prs-smart-calendar-popup{position:fixed!important;left:12px!important;right:12px!important;top:76px!important;transform:none!important;width:auto!important;max-height:calc(100vh - 94px);overflow:auto;border-radius:22px;z-index:10040;}
  .prs-cal-months{grid-template-columns:1fr!important;}
  .prs-listings-page[data-view="map"] .prs-grid,.prs-grid-cols-4,.prs-grid-cols-3{grid-template-columns:1fr!important;}
  .prs-listings-page[data-view="map"] .prs-listings-map{height:360px;min-height:360px;}
  .prs-card-media{min-height:260px!important;}
  .prs-gallery-featured{height:66vw;min-height:260px;border-radius:22px;}
  .prs-property-thumb{width:86px;height:64px;flex-basis:86px;border-radius:12px;}
  .prs-booking-date-fields{grid-template-columns:1fr;}
  .prs-booking-box-v2{border-radius:24px;padding:20px 16px;}
  .prs-property,.prs-property-reviews-wrap,.prs-listings-page{width:min(100%,calc(100vw - 20px));}
}
.prs-hero-booking-bar,.prs-archive-bar,.prs-find-bar{overflow:visible!important;}

/* ===================================================================
   REVIEW #4 FOLLOW-UP — search bar, range calendar, translator cleanup
   =================================================================== */
.prs-archive-bar,
.prs-find-bar,
.prs-hero-booking-bar {
    overflow: visible !important;
    position: relative !important;
}
.prs-stays-archive .prs-archive-bar,
.prs-search-results .prs-find-bar,
.prs-find-bar {
    width: min(1180px, calc(100vw - 48px)) !important;
    margin: 0 auto clamp(26px, 4vw, 42px) !important;
    display: grid !important;
    grid-template-columns: minmax(240px, 1.35fr) 1px minmax(210px, .9fr) 1px minmax(210px, .9fr) auto !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 10px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(43,37,32,.10) !important;
    box-shadow: 0 18px 55px rgba(43,37,32,.09) !important;
}
.prs-stays-archive .prs-hbar-field,
.prs-search-results .prs-hbar-field,
.prs-find-bar .prs-hbar-field {
    min-height: 68px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 12px 22px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    cursor: pointer !important;
}
.prs-stays-archive .prs-hbar-field:hover,
.prs-search-results .prs-hbar-field:hover,
.prs-find-bar .prs-hbar-field:hover {
    background: #F7F3EC !important;
}
.prs-stays-archive .prs-hbar-field label,
.prs-search-results .prs-hbar-field label,
.prs-find-bar .prs-hbar-field label {
    font-size: .76rem !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #7A736B !important;
    margin-bottom: 4px !important;
}
.prs-stays-archive .prs-hbar-field input,
.prs-search-results .prs-hbar-field input,
.prs-find-bar .prs-hbar-field input {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    min-height: 0 !important;
    box-shadow: none !important;
    font-size: .98rem !important;
    color: #2B2520 !important;
}
.prs-stays-archive .prs-hbar-field input:focus,
.prs-search-results .prs-hbar-field input:focus,
.prs-find-bar .prs-hbar-field input:focus {
    outline: none !important;
    box-shadow: none !important;
}
.prs-stays-archive .prs-hbar-search,
.prs-search-results .prs-hbar-search,
.prs-find-bar .prs-hbar-search {
    align-self: center !important;
    min-width: 128px !important;
    min-height: 56px !important;
    border-radius: 999px !important;
    margin-left: 8px !important;
}
.prs-hbar-calendar {
    width: min(720px, calc(100vw - 48px)) !important;
    max-height: calc(100vh - 150px) !important;
    overflow: auto !important;
}
.prs-smart-calendar-popup {
    left: 50% !important;
    top: calc(100% + 14px) !important;
    transform: translateX(-50%) !important;
    width: min(560px, calc(100vw - 48px)) !important;
    max-height: calc(100vh - 170px) !important;
    overflow: auto !important;
    padding: 14px !important;
    border-radius: 24px !important;
}
.prs-smart-calendar-popup .prs-cal-months {
    grid-template-columns: 1fr !important;
}
.prs-smart-calendar-popup .prs-cal-cell {
    min-height: 42px !important;
}
.prs-smart-calendar-popup .prs-cal-price {
    font-size: .68rem !important;
}
.site-translate-widget {
    position: relative !important;
    gap: 8px !important;
}
.site-translate-select {
    border: 0 !important;
    background: transparent !important;
    color: #2B2520 !important;
    font: inherit !important;
    font-size: .9rem !important;
    min-height: 30px !important;
    cursor: pointer !important;
    outline: none !important;
}
#google_translate_element,
#google_translate_element *,
.goog-te-gadget,
.goog-logo-link,
.goog-te-gadget span,
.goog-te-banner-frame,
body > .skiptranslate {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
body { top: 0 !important; }

@media (max-width: 900px) {
    .prs-stays-archive .prs-archive-bar,
    .prs-search-results .prs-find-bar,
    .prs-find-bar {
        grid-template-columns: 1fr 1fr !important;
        border-radius: 28px !important;
        gap: 10px !important;
        padding: 12px !important;
    }
    .prs-stays-archive .prs-hbar-divider,
    .prs-search-results .prs-hbar-divider,
    .prs-find-bar .prs-hbar-divider { display: none !important; }
    .prs-stays-archive .prs-hbar-field,
    .prs-search-results .prs-hbar-field,
    .prs-find-bar .prs-hbar-field {
        border: 1px solid rgba(43,37,32,.10) !important;
        border-radius: 18px !important;
        background: #fff !important;
    }
    .prs-stays-archive .prs-hbar-search,
    .prs-search-results .prs-hbar-search,
    .prs-find-bar .prs-hbar-search {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
}
@media (max-width: 760px) {
    .prs-stays-archive .prs-archive-bar,
    .prs-search-results .prs-find-bar,
    .prs-find-bar,
    .prs-hero-booking-bar {
        grid-template-columns: 1fr !important;
        width: min(100%, calc(100vw - 24px)) !important;
        border-radius: 24px !important;
        padding: 12px !important;
        gap: 8px !important;
    }
    .prs-smart-calendar-popup,
    .prs-hbar-calendar {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        top: 76px !important;
        transform: none !important;
        width: auto !important;
        max-height: calc(100vh - 96px) !important;
        z-index: 10050 !important;
    }
    .site-translate-widget { max-width: 142px !important; }
    .site-translate-select { max-width: 112px !important; font-size: .84rem !important; }
}


/* REVIEW #4 FOLLOW-UP 2 — calendar and map regression fixes */
.prs-hbar-calendar.is-open,
.prs-smart-calendar-popup.is-open { display:block !important; visibility:visible !important; opacity:1 !important; }
.prs-hbar-calendar { z-index:10060 !important; }
body.prs-calendar-open .prs-smart-calendar-popup,
.prs-smart-calendar-popup.is-open {
    position: fixed !important;
    left: 50% !important;
    top: 112px !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(560px, calc(100vw - 48px)) !important;
    max-height: calc(100vh - 145px) !important;
    overflow: auto !important;
    z-index: 10080 !important;
}
.prs-smart-calendar-popup .prs-cal-header { padding-top:8px !important; padding-bottom:10px !important; }
.prs-smart-calendar-popup .prs-cal-cell { min-height:40px !important; }
.prs-smart-calendar-popup .prs-cal-month-label { margin-bottom:8px !important; }
.prs-listings-map { min-height: 520px; background:#F7F3EC; border-radius:28px; overflow:hidden; }
.prs-listings-page[data-view="map"] .prs-listings-map { display:block !important; }
.prs-listings-page[data-view="map"] .leaflet-container { min-height:100%; height:100%; border-radius:28px; }
.prs-map-pin-wrapper { background:transparent !important; border:0 !important; }
.prs-map-pin-leaflet { background:#2B2520; color:#fff; border-radius:999px; padding:6px 12px; font-weight:700; font-size:12px; box-shadow:0 8px 22px rgba(43,37,32,.24); white-space:nowrap; }
@media (max-width:760px) {
    body.prs-calendar-open .prs-smart-calendar-popup,
    .prs-smart-calendar-popup.is-open {
        top: 72px !important;
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        transform: none !important;
        max-height: calc(100vh - 92px) !important;
    }
    .prs-hbar-calendar.is-open { max-height: calc(100vh - 96px) !important; overflow:auto !important; }
}

/* ===================================================================
   REVIEW #4 FINAL MOBILE RESPONSIVE HOTFIX
   Fixes mobile drawer visibility, page overflow, stacked layouts, cards,
   map/search/date popups, property booking/gallery, and owner FAQ/form.
   =================================================================== */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}
img,
video,
iframe,
svg {
    max-width: 100%;
}
.site-main,
.page-wide,
.prs-wrap,
.prs-property,
.prs-listings-page,
.prs-stays-archive,
.home-section,
.prs-owners-page {
    max-width: 100%;
    overflow-x: clip;
}
@supports not (overflow: clip) {
    .site-main,
    .page-wide,
    .prs-wrap,
    .prs-property,
    .prs-listings-page,
    .prs-stays-archive,
    .home-section,
    .prs-owners-page { overflow-x: hidden; }
}
.site-mobile-drawer {
    pointer-events: none;
}
.site-mobile-drawer.is-open,
.site-mobile-drawer[aria-hidden="false"] {
    pointer-events: auto;
}

@media (max-width: 900px) {
    .prs-how-inner,
    .prs-experience-grid,
    .prs-property-body,
    .prs-listings-layout,
    .prs-owners-form-inner,
    .prs-owners-showcase-grid,
    .prs-faq-shell,
    .footer-pro-inner {
        grid-template-columns: 1fr !important;
        min-width: 0 !important;
    }
    .prs-how-heading,
    .prs-faq-heading-card,
    .prs-owner-form,
    .prs-booking-box,
    .prs-booking-box-v2 {
        position: static !important;
        top: auto !important;
    }
    .prs-listings-page[data-view="map"] .prs-listings-list {
        display: block !important;
    }
}

@media (max-width: 760px) {
    :root { --prs-site-max-wide: calc(100vw - 24px); --prs-pad-x: 12px; }

    .site-header {
        z-index: 100000 !important;
    }
    .site-header-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px 12px !important;
        gap: 8px !important;
    }
    .site-logo {
        min-width: 0 !important;
        max-width: calc(100vw - 182px) !important;
        overflow: hidden !important;
        gap: 7px !important;
        font-size: 1rem !important;
    }
    .site-logo img,
    .site-logo svg {
        width: 26px !important;
        max-width: 26px !important;
        height: auto !important;
        flex: 0 0 26px !important;
    }
    .site-logo span {
        display: block !important;
        min-width: 0 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        font-size: 1rem !important;
        line-height: 1.1 !important;
    }
    .site-nav-center,
    .site-host-link {
        display: none !important;
    }
    .site-header-right {
        margin-left: auto !important;
        gap: 6px !important;
        flex: 0 0 auto !important;
    }
    .site-menu-toggle {
        display: inline-flex !important;
        flex: 0 0 42px !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        position: relative !important;
        z-index: 100002 !important;
        background: #fff !important;
    }
    .site-mobile-drawer {
        z-index: 100001 !important;
    }
    .site-mobile-drawer-panel {
        width: min(360px, 92vw) !important;
        max-width: 92vw !important;
        padding: 32px 22px !important;
    }
    .site-mobile-drawer nav a {
        display: block !important;
        font-size: 1.08rem !important;
        padding: 17px 10px !important;
    }
    .site-translate-widget {
        flex: 0 0 auto !important;
        max-width: 128px !important;
        padding: 5px 7px !important;
        gap: 4px !important;
    }
    .site-translate-label { display: none !important; }
    .site-translate-select {
        width: 102px !important;
        max-width: 102px !important;
        min-width: 0 !important;
        font-size: .82rem !important;
    }

    .home-section,
    .prs-home-experience,
    .prs-home-services,
    .prs-home-how,
    .prs-home-moodboard,
    .prs-home-featured-section,
    .prs-owners-page section,
    .prs-stays-archive {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .home-section-inner,
    .prs-stays-archive-inner,
    .prs-page-content,
    .prs-search-results-wrap,
    .prs-property,
    .prs-property-reviews-wrap,
    .prs-owners-section-inner,
    .prs-owners-form-inner,
    .prs-listings-page,
    .single-property-wrap,
    .footer-pro-cta,
    .footer-pro-inner,
    .footer-pro-bottom {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        min-width: 0 !important;
    }
    .page-wide > * {
        max-width: 100% !important;
    }

    .prs-grid,
    .prs-search-items,
    .prs-service-grid,
    .prs-trust-grid,
    .prs-benefit-grid,
    .prs-owners-benefits-grid,
    .prs-owners-process-grid,
    .prs-how-inner,
    .prs-experience-grid,
    .prs-moodboard-grid,
    .prs-property-body,
    .prs-listings-layout,
    .prs-owners-showcase-grid,
    .prs-owners-showcase-media,
    .prs-owners-about-card,
    .prs-owners-contact-grid,
    .prs-faq-shell,
    .footer-pro-inner {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 20px !important;
    }

    .prs-home-hero {
        height: auto !important;
        min-height: 0 !important;
        padding: 40px 0 30px !important;
        overflow: visible !important;
    }
    .prs-home-hero-inner {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        padding: 18px 0 0 !important;
    }
    .prs-home-hero-inner h1,
    .prs-experience-copy h2,
    .prs-how-heading h2,
    .prs-owners-form-copy h2,
    .prs-faq-heading-card h2,
    .prs-home-final-cta h2 {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }
    .prs-home-hero-inner h1 {
        font-size: clamp(36px, 13vw, 54px) !important;
        line-height: .96 !important;
    }

    .prs-hero-booking-bar,
    .prs-archive-bar,
    .prs-find-bar {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 12px !important;
        gap: 8px !important;
        border-radius: 24px !important;
        overflow: visible !important;
    }
    .prs-hbar-divider { display: none !important; }
    .prs-hbar-field {
        min-width: 0 !important;
        width: 100% !important;
        border: 1px solid rgba(43,37,32,.10) !important;
        border-radius: 16px !important;
        background: #fff !important;
        padding: 12px 14px !important;
    }
    .prs-hbar-field input {
        width: 100% !important;
        min-width: 0 !important;
    }
    .prs-hbar-search {
        width: 100% !important;
        min-height: 52px !important;
        justify-content: center !important;
        margin-left: 0 !important;
    }
    .prs-hbar-calendar,
    .prs-smart-calendar-popup,
    .prs-stepper-popover,
    .prs-destination-dropdown {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        top: 76px !important;
        transform: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: calc(100vh - 96px) !important;
        overflow: auto !important;
        z-index: 100060 !important;
        border-radius: 22px !important;
    }
    .prs-cal-months,
    .prs-cal-grid {
        min-width: 0 !important;
    }
    .prs-cal-months { grid-template-columns: 1fr !important; }

    .prs-card,
    .prs-card-media,
    .prs-card-carousel,
    .prs-card-slide,
    .prs-card-slide img {
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .prs-card-media {
        min-height: auto !important;
        aspect-ratio: 16 / 11 !important;
        border-radius: 22px !important;
    }
    .prs-card-title {
        font-size: 1.16rem !important;
        line-height: 1.25 !important;
    }
    .prs-card-amenities {
        gap: 6px !important;
    }

    .prs-how-heading {
        position: static !important;
        max-width: 100% !important;
    }
    .prs-how-heading h2 {
        font-size: clamp(38px, 12vw, 54px) !important;
        line-height: .98 !important;
    }
    .prs-how-steps {
        width: 100% !important;
        gap: 16px !important;
    }
    .prs-how-steps article {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        overflow: hidden !important;
        padding: 22px !important;
        border-radius: 24px !important;
    }
    .prs-how-steps article span,
    .prs-how-steps article h3,
    .prs-how-steps article p {
        grid-column: 1 !important;
        grid-row: auto !important;
        max-width: 100% !important;
    }

    .prs-listings-page[data-view="map"] .prs-listings-list {
        display: block !important;
    }
    .prs-listings-map,
    .prs-listings-page[data-view="map"] .prs-listings-map,
    #prs-archive-map,
    #prs-search-map {
        width: 100% !important;
        height: 420px !important;
        min-height: 420px !important;
        max-height: 70vh !important;
        border-radius: 24px !important;
    }
    .prs-listings-page[data-view="map"] .leaflet-container {
        height: 100% !important;
        min-height: 100% !important;
    }

    .prs-property-gallery-slider,
    .prs-gallery-featured,
    .prs-property-thumbs {
        width: 100% !important;
        max-width: 100% !important;
    }
    .prs-gallery-featured {
        height: auto !important;
        min-height: 260px !important;
        aspect-ratio: 4 / 3 !important;
        border-radius: 22px !important;
    }
    .prs-property-thumb {
        width: 82px !important;
        height: 62px !important;
        flex-basis: 82px !important;
    }
    .prs-booking-box,
    .prs-booking-box-v2,
    .prs-owner-form {
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
        top: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 20px 16px !important;
        border-radius: 24px !important;
    }
    .prs-booking-date-fields,
    .prs-owner-form .prs-form-row,
    .prs-form-actions {
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    .prs-faq-heading-card {
        position: static !important;
        border-radius: 24px !important;
    }
    .prs-faq-item summary {
        padding: 20px 58px 20px 20px !important;
    }
    .prs-faq-item p {
        padding: 0 20px 22px !important;
    }

    .footer-pro-cta,
    .footer-pro-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

@media (max-width: 420px) {
    .site-logo { max-width: calc(100vw - 168px) !important; }
    .site-logo span { font-size: .92rem !important; }
    .site-translate-widget { max-width: 112px !important; }
    .site-translate-select { width: 88px !important; max-width: 88px !important; }
    .prs-card-media { border-radius: 20px !important; }
    .prs-how-steps article { padding: 20px !important; }
}


/* ===================================================================
   MOBILE MENU FINAL FIX — viewport drawer instead of top drop-down
   =================================================================== */
html.site-menu-open,
html.site-menu-open body {
    overflow: hidden !important;
    height: 100% !important;
}
.site-mobile-drawer {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    background: rgba(43, 37, 32, .58) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
    overflow: hidden !important;
    z-index: 2147483000 !important;
    transition: opacity .22s ease, visibility .22s ease !important;
}
.site-mobile-drawer.is-open,
.site-mobile-drawer[aria-hidden="false"] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}
.site-mobile-drawer-panel {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: min(390px, 88vw) !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 28px 24px 34px !important;
    background: #FBFAF6 !important;
    border-radius: 28px 0 0 28px !important;
    box-shadow: -26px 0 70px rgba(43, 37, 32, .22) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    transform: translate3d(110%, 0, 0) !important;
    transition: transform .28s ease !important;
    display: flex !important;
    flex-direction: column !important;
}
.site-mobile-drawer.is-open .site-mobile-drawer-panel,
.site-mobile-drawer[aria-hidden="false"] .site-mobile-drawer-panel {
    transform: translate3d(0, 0, 0) !important;
}
.site-mobile-drawer-close {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 2 !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(43,37,32,.12) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #2B2520 !important;
    font-size: 26px !important;
    line-height: 1 !important;
}
.site-mobile-drawer nav {
    margin-top: 58px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
.site-mobile-drawer nav a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 15px 16px !important;
    border: 1px solid rgba(43,37,32,.08) !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: #2B2520 !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    box-shadow: 0 10px 28px rgba(43,37,32,.035) !important;
}
.site-mobile-drawer nav a:hover,
.site-mobile-drawer nav a:focus {
    background: #F7F3EC !important;
    color: #8C5C2D !important;
}
@media (min-width: 761px) {
    .site-mobile-drawer { display: none !important; }
}
@media (max-width: 480px) {
    .site-mobile-drawer-panel {
        width: min(360px, 90vw) !important;
        max-width: 90vw !important;
        border-radius: 24px 0 0 24px !important;
        padding: 26px 18px 30px !important;
    }
}


/* ===================================================================
   FINAL MOBILE STAYS ALIGNMENT FIX
   Centers Stay page property cards/images on small screens only.
   =================================================================== */
@media (max-width: 760px) {
    .prs-stays-archive .prs-listings-list,
    .prs-stays-archive .prs-listings-list > .prs-grid,
    body.post-type-archive-property .prs-listings-list,
    body.post-type-archive-property .prs-listings-list > .prs-grid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        justify-items: center !important;
        overflow: visible !important;
    }

    .prs-stays-archive .prs-listings-list > .prs-grid,
    body.post-type-archive-property .prs-listings-list > .prs-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .prs-stays-archive .prs-card,
    body.post-type-archive-property .prs-card {
        width: 100% !important;
        max-width: min(100%, 430px) !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }

    .prs-stays-archive .prs-card-media,
    .prs-stays-archive .prs-card-carousel,
    .prs-stays-archive .prs-card-slide,
    body.post-type-archive-property .prs-card-media,
    body.post-type-archive-property .prs-card-carousel,
    body.post-type-archive-property .prs-card-slide {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }

    .prs-stays-archive .prs-card-img,
    .prs-stays-archive .prs-card-slide img,
    body.post-type-archive-property .prs-card-img,
    body.post-type-archive-property .prs-card-slide img {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .prs-stays-archive .prs-card-body,
    body.post-type-archive-property .prs-card-body {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }
}


/* ===================================================================
   FINAL PATCH — /stays/ mobile centering
   The archive inner wrapper kept desktop padding while also using mobile
   viewport width, which pushed homestay cards/images to the right.
   =================================================================== */
@media (max-width: 760px) {
    body.post-type-archive-property .prs-stays-archive,
    .prs-stays-archive {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
    }

    body.post-type-archive-property .prs-stays-archive-inner,
    .prs-stays-archive .prs-stays-archive-inner,
    .prs-stays-archive-inner {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    body.post-type-archive-property .prs-listings-page,
    body.post-type-archive-property .prs-listings-layout,
    body.post-type-archive-property .prs-listings-list,
    body.post-type-archive-property .prs-listings-list > .prs-grid,
    .prs-stays-archive .prs-listings-page,
    .prs-stays-archive .prs-listings-layout,
    .prs-stays-archive .prs-listings-list,
    .prs-stays-archive .prs-listings-list > .prs-grid,
    .prs-stays-archive .prs-grid {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        justify-items: center !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 28px !important;
    }

    body.post-type-archive-property .prs-card,
    .prs-stays-archive .prs-card,
    .prs-listings-list .prs-card {
        width: 100% !important;
        max-width: 100% !important;
        justify-self: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        transform: none !important;
    }

    body.post-type-archive-property .prs-card-media,
    body.post-type-archive-property .prs-card-carousel,
    body.post-type-archive-property .prs-card-slide,
    .prs-stays-archive .prs-card-media,
    .prs-stays-archive .prs-card-carousel,
    .prs-stays-archive .prs-card-slide,
    .prs-listings-list .prs-card-media,
    .prs-listings-list .prs-card-carousel,
    .prs-listings-list .prs-card-slide {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    body.post-type-archive-property .prs-card-img,
    body.post-type-archive-property .prs-card-slide img,
    .prs-stays-archive .prs-card-img,
    .prs-stays-archive .prs-card-slide img,
    .prs-listings-list .prs-card-img,
    .prs-listings-list .prs-card-slide img {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        display: block !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ===================================================================
   FINAL PATCH — /stays/ desktop image sizing + compact cards
   Keeps mobile centering untouched while making desktop stay cards less oversized.
   =================================================================== */
@media (min-width: 1025px) {
    body.post-type-archive-property .prs-stays-archive .prs-listings-list > .prs-grid.prs-grid-cols-4,
    .prs-stays-archive .prs-listings-list > .prs-grid.prs-grid-cols-4,
    .prs-stays-archive .prs-grid.prs-grid-cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 28px !important;
        align-items: start !important;
    }
    body.post-type-archive-property .prs-stays-archive .prs-card,
    .prs-stays-archive .prs-card {
        max-width: none !important;
        width: 100% !important;
    }
    body.post-type-archive-property .prs-stays-archive .prs-card-media,
    body.post-type-archive-property .prs-stays-archive .prs-card-carousel,
    .prs-stays-archive .prs-card-media,
    .prs-stays-archive .prs-card-carousel {
        min-height: 0 !important;
        height: auto !important;
        max-height: 230px !important;
        aspect-ratio: 16 / 10 !important;
        border-radius: 20px !important;
    }
    body.post-type-archive-property .prs-stays-archive .prs-card-slide,
    .prs-stays-archive .prs-card-slide {
        height: 100% !important;
    }
    body.post-type-archive-property .prs-stays-archive .prs-card-body,
    .prs-stays-archive .prs-card-body {
        padding-top: 14px !important;
    }
}
@media (min-width: 1025px) and (max-width: 1240px) {
    body.post-type-archive-property .prs-stays-archive .prs-listings-list > .prs-grid.prs-grid-cols-4,
    .prs-stays-archive .prs-listings-list > .prs-grid.prs-grid-cols-4,
    .prs-stays-archive .prs-grid.prs-grid-cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}


/* ===================================================================
   FINAL PATCH — /stays/ desktop 3-column layout
   =================================================================== */
@media (min-width: 1025px) {
    body.post-type-archive-property .prs-stays-archive .prs-listings-list > .prs-grid,
    .prs-stays-archive .prs-listings-list > .prs-grid,
    .prs-stays-archive .prs-grid,
    .prs-stays-archive .prs-grid.prs-grid-cols-4,
    .prs-stays-archive .prs-grid.prs-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 28px !important;
    }
}

/* Review #4 sync: booking/reserve page gallery from uploaded property media */
.prs-book-summary-gallery { margin-bottom: 18px; }
.prs-book-summary-featured { height: 240px; min-height: 220px; border-radius: 18px; }
.prs-book-summary-thumbs { padding-top: 10px; padding-bottom: 2px; }
.prs-book-summary-thumbs .prs-property-thumb { width: 78px; height: 58px; flex-basis: 78px; border-radius: 12px; }
@media (max-width: 760px) {
    .prs-book-summary-featured { height: 58vw; min-height: 210px; max-height: 320px; border-radius: 18px; }
}


/* Review #4 final: visible reserve page gallery thumbnails + 3-image slider */
.prs-book-summary-gallery.prs-property-gallery-slider {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
    overflow: visible !important;
}
.prs-book-summary-featured.prs-gallery-featured {
    display: block !important;
    width: 100% !important;
    height: 250px !important;
    min-height: 230px !important;
    max-height: 290px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #F7F3EC !important;
}
.prs-book-summary-featured.prs-gallery-featured img,
#prs-book-featured-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}
.prs-reserve-gallery-strip {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
    overflow: visible !important;
}
.prs-reserve-gallery-strip.has-slider {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
}
.prs-reserve-gallery-track.prs-book-summary-thumbs {
    display: flex !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
}
.prs-reserve-gallery-track.prs-book-summary-thumbs::-webkit-scrollbar {
    display: none !important;
}
.prs-reserve-gallery-track .prs-property-thumb {
    display: block !important;
    flex: 0 0 calc((100% - 20px) / 3) !important;
    width: calc((100% - 20px) / 3) !important;
    min-width: 0 !important;
    height: 72px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    scroll-snap-align: start !important;
}
.prs-reserve-gallery-track .prs-property-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.prs-reserve-gallery-nav {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(43,37,32,.14) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #2B2520 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 8px 18px rgba(43,37,32,.08) !important;
    transition: opacity .16s ease, transform .16s ease, border-color .16s ease !important;
}
.prs-reserve-gallery-nav:hover,
.prs-reserve-gallery-nav:focus {
    border-color: rgba(179,133,77,.55) !important;
    transform: translateY(-1px) !important;
    outline: none !important;
}
.prs-reserve-gallery-nav:disabled {
    opacity: .32 !important;
    cursor: default !important;
    transform: none !important;
}
@media (max-width: 760px) {
    .prs-book-summary-featured.prs-gallery-featured {
        height: 58vw !important;
        min-height: 210px !important;
        max-height: 320px !important;
        border-radius: 18px !important;
    }
    .prs-reserve-gallery-strip.has-slider {
        grid-template-columns: 30px minmax(0, 1fr) 30px !important;
        gap: 6px !important;
    }
    .prs-reserve-gallery-nav {
        width: 30px !important;
        height: 30px !important;
        font-size: 21px !important;
    }
    .prs-reserve-gallery-track .prs-property-thumb {
        height: 64px !important;
        border-radius: 12px !important;
    }
}