/* "Similar listings" on a property page, drawn as Stays cards (templates/similar_listings.php, templates/stays/card.php).
   The card itself is styled by lus-stays.css; this sets the tokens it needs, undoes the page-level bits of .lus-stays, and lays the cards out. */
.lus-similar {
    --lus-bg: #fbf8f5; --lus-surface: #ffffff; --lus-tint: #f4efe9; --lus-ink: #1c1917; --lus-muted: #78716c; --lus-line: #e7e0d8;
    --lus-accent: #d4363c; --lus-accent-ink: #b72a30; --lus-radius: 20px; --lus-dur: 200ms; --lus-ease: cubic-bezier(.22, .61, .36, 1);
    --lus-shadow: 0 1px 2px rgba(28, 25, 23, .05), 0 6px 18px rgba(28, 25, 23, .07); --lus-shadow-lift: 0 2px 4px rgba(28, 25, 23, .06), 0 14px 32px rgba(28, 25, 23, .14);
}
.lus-similar.lus-stays { padding: 0; min-height: 0; background: transparent; width: 100%; }
.lus-similar .similar_listings_wrapper, .lus-similar .similar_listings { width: 100%; max-width: none; margin: 0; padding: 0; float: none; background: transparent; border: 0; }
.lus-similar .agent_listings_title_similar { margin: 0 0 24px; padding: 0; font-family: inherit; font-size: clamp(22px, 2.4vw, 28px); font-weight: 600; letter-spacing: -.01em; color: var(--lus-ink); text-align: left; }
.lus-similar .similar_listings_wrapper_flex { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 32px 22px; width: 100%; margin: 0; padding: 0; float: none; }
.lus-similar .similar_listings_wrapper_flex > .listing_wrapper, .lus-similar .similar_listings_wrapper_flex > .lus-stay { float: none !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
.lus-similar .similar_listings_wrapper_flex > :not(.lus-stay) { display: none; }
@media (max-width: 640px) { .lus-similar .similar_listings_wrapper_flex { grid-template-columns: 1fr; gap: 28px; } }

/* The section sits in the page's full-width row, outside the 1200px content column, so it brings its own: same width as the content above it,
   with side padding so nothing touches the screen edge on a phone or tablet. */
.lus-pp-bottom .lus-similar { box-sizing: border-box; max-width: 1200px; margin: 0 auto; padding: 32px 16px 64px; }
@media (min-width: 1232px) { .lus-pp-bottom .lus-similar { padding-left: 0; padding-right: 0; } }

/* In the Elementor layout the similar listings are a widget inside the template's own column (no full-width page row around them). */
.lus-pp-w--similar .lus-similar { max-width: none; padding: 32px 0 64px; }
.lus-pp-w { box-sizing: border-box; }