/* /Components/Shared/DateRangePicker.razor.rz.scp.css */
/* DateRangePicker Mobile-First Styles */

.date-range-picker[b-ejvbzesxdz] {
    width: 100%;
}

.date-range-picker .form-control[b-ejvbzesxdz] {
    height: 48px;
    font-size: 0.9rem;
}

.date-range-panel[b-ejvbzesxdz] {
    overflow-x: hidden;
    min-width: 580px;
    max-width: min(720px, 95vw);
    max-height: 420px;
    overflow: auto;
}

.date-range-table[b-ejvbzesxdz] {
    table-layout: fixed;
}

.date-range-table th[b-ejvbzesxdz],
.date-range-table td[b-ejvbzesxdz] {
    padding: 2px;
}

.date-range-table .btn[b-ejvbzesxdz] {
    padding: 6px 4px;
    font-size: 0.85rem;
    min-width: 32px;
}

/* Mobile styles - single column, full-width modal */
@media (max-width: 767px) {
    .date-range-panel[b-ejvbzesxdz] {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        border-radius: 0 !important;
        z-index: 9999 !important;
        display: flex;
        flex-direction: column;
        padding: 16px !important;
    }
    
    .date-range-panel > .row[b-ejvbzesxdz] {
        flex: 1;
        overflow-y: auto;
        flex-direction: column;
    }
    
    .date-range-panel > .row > .col-12[b-ejvbzesxdz],
    .date-range-panel > .row > [class*="col-"][b-ejvbzesxdz] {
        min-width: 100% !important;
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .date-range-panel .d-flex.justify-content-end[b-ejvbzesxdz] {
        position: sticky;
        bottom: 0;
        background: #fff;
        padding: 12px 0 0 0;
        margin-top: auto;
        border-top: 1px solid #e9ecef;
    }
    
    .date-range-panel .d-flex.justify-content-end .btn[b-ejvbzesxdz] {
        flex: 1;
        min-height: 44px;
    }
    
    .date-range-table .btn[b-ejvbzesxdz] {
        padding: 10px 4px;
        font-size: 0.9rem;
        min-width: 38px;
        min-height: 38px;
    }
    
    .date-range-backdrop[b-ejvbzesxdz] {
        background: rgba(0, 0, 0, 0.5) !important;
    }
}

/* Tablet adjustments */
@media (min-width: 768px) and (max-width: 991px) {
    .date-range-panel[b-ejvbzesxdz] {
        max-width: min(620px, 95vw);
        min-width: min(580px, 95vw);
    }
}
/* /Components/Shared/ListingCard.razor.rz.scp.css */
/* Individual Listing Card */
.ryn-listing-card[b-3vp6p3px24] {
    width: 33.33%;
    margin-bottom: 24px;
}

.ryn-listing-card-wrap[b-3vp6p3px24] {
    margin: 12px;
    min-height: 510px;
    box-shadow: 1px 1px 5px #ccc;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.ryn-listing-card-link[b-3vp6p3px24] {
    display: block;
    text-decoration: none;
}

.ryn-property-gallery-img[b-3vp6p3px24] {
    height: 248px;
    width: 100%;
    object-fit: cover;
}

/* No Image Placeholder */
.ryn-no-image-placeholder[b-3vp6p3px24] {
    height: 248px;
    width: 100%;
    background-color: rgba(248, 248, 248, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.ryn-no-image-placeholder img[b-3vp6p3px24] {
    width: 48px;
    height: 48px;
    opacity: 0.4;
}

.ryn-no-image-placeholder span[b-3vp6p3px24] {
    font-size: 12px;
    color: rgba(170, 170, 170, 1);
    font-weight: 500;
}

/* Featured badge */
.ryn-badge-featured[b-3vp6p3px24] {
    position: absolute;
    top: 12px;
    left: 12px;
    background-color: #f4971e;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Card Info Section 1 - Address, Title, Meta */
.ryn-listing-card-info1[b-3vp6p3px24] {
    padding: 16px;
    background-color: rgba(248, 248, 248, 1);
}

.ryn-listing-card-address[b-3vp6p3px24] {
    font-size: 12px;
    font-weight: 600;
    color: rgba(144, 144, 144, 1);
    margin-bottom: 8px;
    text-transform: capitalize;
}

.ryn-listing-card-address img[b-3vp6p3px24] {
    margin-bottom: -2px;
    margin-right: 4px;
    width: 14px;
    height: 14px;
}

.ryn-listing-card-title[b-3vp6p3px24] {
    font-size: 16px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 44px;
}

/* Divider */
.ryn-divider[b-3vp6p3px24] {
    border-bottom: 1px solid rgba(227, 227, 227, 1);
    height: 0;
    margin: 8px 0px;
}

.info1sub[b-3vp6p3px24] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.info1sub div[b-3vp6p3px24] {
    width: 33.33%;
    font-size: 12px;
    font-weight: 600;
    color: rgba(144, 144, 144, 1);
}

.info1sub div img[b-3vp6p3px24] {
    width: 14px;
    height: 14px;
    margin-bottom: -2px;
    margin-right: 4px;
}

.info1sub .listing-numbers[b-3vp6p3px24] {
    font-weight: 700;
    color: rgba(72, 82, 99, 1);
}

/* Card Info Section 2 - Price */
.ryn-listing-card-info2[b-3vp6p3px24] {
    padding: 16px 16px 56px 16px;
    background-color: #fff;
}

.info2sub[b-3vp6p3px24] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.info2sub div[b-3vp6p3px24] {
    width: 50%;
    font-size: 12px;
    font-weight: 600;
    color: rgba(144, 144, 144, 1);
}

.ryn-listing-card-price[b-3vp6p3px24] {
    font-size: 18px;
    font-weight: 700;
    color: rgba(0, 149, 192, 1);
}

.ryn-listing-card-price span.price-number[b-3vp6p3px24] {
    font-size: 22px;
    font-weight: 700;
    color: rgba(0, 149, 192, 1);
}

.ryn-listing-card-from[b-3vp6p3px24] {
    text-align: right;
}

.ryn-listing-card-from b[b-3vp6p3px24] {
    font-size: 12px;
    font-weight: 700;
    color: rgba(72, 82, 99, 1);
    display: inline-block;
    border: 1px solid rgba(227, 227, 227, 1);
    padding: 6px 12px;
    line-height: 1;
}

/* Card Info Section 3 - Actions */
.ryn-listing-card-info3[b-3vp6p3px24] {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0px 16px 16px 16px;
}

.info3sub[b-3vp6p3px24] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.info3sub div[b-3vp6p3px24] {
    width: 50%;
    font-size: 12px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
}

.info3sub div:last-child[b-3vp6p3px24] {
    text-align: right;
}

.info3sub div a[b-3vp6p3px24] {
    font-size: 12px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    text-decoration: none;
    transition: color 0.3s ease;
}

.info3sub div a:hover[b-3vp6p3px24] {
    color: rgba(244, 151, 30, 1);
}

.info3sub div a img[b-3vp6p3px24] {
    margin-bottom: -4px;
    margin-right: 4px;
    width: 16px;
    height: 16px;
}

/* Compare button */
.comparemodalbtn[b-3vp6p3px24] {
    display: inline-flex;
    align-items: center;
    background: transparent;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    transition: all 0.3s ease;
}

.comparemodalbtn:hover[b-3vp6p3px24] {
    border-color: #0095c0;
    color: #0095c0;
}

.comparemodalbtn.selected[b-3vp6p3px24] {
    background-color: #0095c0;
    border-color: #0095c0;
    color: #fff;
}

.comparemodalbtn.selected:hover[b-3vp6p3px24] {
    background-color: #007a9e;
    border-color: #007a9e;
}

.comparemodalbtn:focus-visible[b-3vp6p3px24] {
    outline: 3px solid #0095c0;
    outline-offset: 2px;
}

.comparemodalbtn img[b-3vp6p3px24] {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    margin-bottom: 0;
}

.comparemodalbtn.selected img[b-3vp6p3px24] {
    filter: brightness(0) invert(1);
}

/* Detail button - orange circle */
.info3sub div a.ryn-detail-btn[b-3vp6p3px24] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #f4971e;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.info3sub div a.ryn-detail-btn:hover[b-3vp6p3px24] {
    background-color: #e08918;
    opacity: 0.9;
}

.info3sub div a.ryn-detail-btn img[b-3vp6p3px24] {
    width: 16px;
    height: 16px;
    margin: 0;
    filter: brightness(0) invert(1);
}

/* Responsive */
@media (max-width: 1024px) {
    .ryn-listing-card[b-3vp6p3px24] {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .ryn-listing-card[b-3vp6p3px24] {
        width: 100%;
    }

    .ryn-listing-card-wrap[b-3vp6p3px24] {
        margin: 12px 0;
    }
}
/* /Components/Shared/ListingMapView.razor.rz.scp.css */
.listing-map-container[b-q0ruvvghzf] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    background-color: #e8e8e8;
}

.listing-map[b-q0ruvvghzf] {
    width: 100%;
    height: 100%;
    min-height: 500px;
    background-color: #e8e8e8;
}

.map-loading-overlay[b-q0ruvvghzf] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    gap: 16px;
}

.map-loading-overlay .spinner-border[b-q0ruvvghzf] {
    width: 3rem;
    height: 3rem;
    color: #5da8cc;
}

.map-loading-overlay p[b-q0ruvvghzf] {
    color: #485263;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

/* Map placeholder when no results */
.map-no-results[b-q0ruvvghzf] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.map-no-results img[b-q0ruvvghzf] {
    width: 64px;
    height: 64px;
    opacity: 0.5;
    margin-bottom: 16px;
}

.map-no-results h4[b-q0ruvvghzf] {
    font-size: 18px;
    font-weight: 700;
    color: #485263;
    margin: 0 0 8px 0;
}

.map-no-results p[b-q0ruvvghzf] {
    font-size: 14px;
    color: #909090;
    margin: 0;
}

/* Popup card styling */
.map-card-popup[b-q0ruvvghzf] {
    position: absolute;
    bottom: 20px;
    left: 20px;
    max-width: 380px;
    width: calc(100% - 40px);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
    z-index: 100;
    animation: slideUp-b-q0ruvvghzf 0.3s ease;
    overflow: hidden;
}

@keyframes slideUp-b-q0ruvvghzf {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.map-card-close[b-q0ruvvghzf] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border: none;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

.map-card-close:hover[b-q0ruvvghzf] {
    background: rgba(0, 0, 0, 0.8);
}

/* Override ListingCard styles inside popup */
.map-card-popup[b-q0ruvvghzf]  .ryn-listing-card {
    width: 100%;
    margin-bottom: 0;
}

.map-card-popup[b-q0ruvvghzf]  .ryn-listing-card-wrap {
    margin: 0;
    min-height: auto;
    box-shadow: none;
    border-radius: 0;
}

.map-card-popup[b-q0ruvvghzf]  .ryn-property-gallery-img {
    height: 180px;
}

.map-card-popup[b-q0ruvvghzf]  .ryn-listing-card-info2 {
    padding-bottom: 16px;
}

.map-card-popup[b-q0ruvvghzf]  .ryn-listing-card-info3 {
    position: relative;
    padding-top: 0;
}

@media (max-width: 768px) {
    .map-card-popup[b-q0ruvvghzf] {
        left: 10px;
        right: 10px;
        bottom: 10px;
        max-width: none;
        width: auto;
    }
}

/* /Pages/AboutUs.razor.rz.scp.css */
/* About Us Page Styles */

/* Variables - matching the Elementor theme */
:root[b-7phrvra1kr] {
    --about-primary: #1a1a2e;
    --about-secondary: #16213e;
    --about-accent: #FBC380;
    --about-text: #4a4a4a;
    --about-light-bg: #f8f9fa;
    --about-card-bg: #ffffff;
    --about-vision-bg: #1a1a2e;
}

/* Hero Intro Section */
.about-intro[b-7phrvra1kr] {
    display: flex;
    flex-direction: row;
    padding: 40px 0;
    max-width: 800px;
    margin: 0 auto;
}

.about-intro-content[b-7phrvra1kr] {
    padding: 24px;
    text-align: center;
}

.about-intro .kicker[b-7phrvra1kr] {
    color: var(--about-primary);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.about-intro .title[b-7phrvra1kr] {
    color: var(--about-secondary);
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.about-intro .description[b-7phrvra1kr] {
    color: var(--about-text);
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
}

/* Hero Banner Section */
.about-hero[b-7phrvra1kr] {
    display: flex;
    min-height: 547px;
    flex-direction: column;
    background-color: #f5f5f5;
    background-image: url('/assets/images/about/about-hero-bg.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 16px 40px;
    justify-content: center;
    align-items: center;
}

.about-hero-inner[b-7phrvra1kr] {
    text-align: center;
}

.hero-logo[b-7phrvra1kr] {
    width: 200px;
    max-width: 100%;
}

/* Platform Description Section */
.about-platform[b-7phrvra1kr] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 40px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.platform-content[b-7phrvra1kr] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.platform-left[b-7phrvra1kr],
.platform-right[b-7phrvra1kr] {
    padding: 24px;
    flex: 1;
    min-width: 300px;
}

.platform-left h3[b-7phrvra1kr] {
    color: var(--about-secondary);
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4;
}

.platform-right p[b-7phrvra1kr] {
    color: var(--about-text);
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 16px;
}

/* Statistics Section */
.about-stats[b-7phrvra1kr] {
    padding: 40px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.stats-content[b-7phrvra1kr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    padding: 16px;
}

.stat-item[b-7phrvra1kr] {
    flex: 1;
    min-width: 250px;
    max-width: 350px;
    background-color: var(--about-card-bg);
    padding: 24px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.stat-prefix[b-7phrvra1kr] {
    display: inline;
    color: var(--about-secondary);
    font-size: 28px;
    font-weight: 600;
}

.stat-number[b-7phrvra1kr] {
    display: inline;
    color: var(--about-secondary);
    font-size: 28px;
    font-weight: 600;
}

.stat-title[b-7phrvra1kr] {
    color: var(--about-primary);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 8px;
}

/* Digital Header Section */
.about-digital-header[b-7phrvra1kr] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: var(--about-light-bg);
    padding: 40px 16px 16px;
}

.digital-header-content[b-7phrvra1kr] {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
    padding: 24px;
}

.digital-header-content .kicker[b-7phrvra1kr] {
    color: var(--about-primary);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 16px;
}

.digital-header-content .title[b-7phrvra1kr] {
    color: var(--about-secondary);
    font-size: 2rem;
    font-weight: 700;
}

/* Features Grid Section */
.about-features[b-7phrvra1kr] {
    background-color: var(--about-light-bg);
    padding: 0 0 40px;
}

.features-grid[b-7phrvra1kr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1360px;
    margin: 0 auto;
    gap: 16px;
    padding: 0 16px;
}

.feature-card[b-7phrvra1kr] {
    flex: 1;
    min-width: 280px;
    max-width: 320px;
    min-height: 320px;
    background-color: var(--about-card-bg);
    padding: 32px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.feature-icon[b-7phrvra1kr] {
    min-height: 64px;
    margin-bottom: 16px;
}

.feature-icon img[b-7phrvra1kr] {
    width: 32px;
    height: 32px;
}

.feature-title[b-7phrvra1kr] {
    color: var(--about-secondary);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 12px;
}

.feature-desc[b-7phrvra1kr] {
    color: var(--about-text);
    font-size: 14px;
    line-height: 1.6;
}

/* Mission Section */
.about-mission[b-7phrvra1kr] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 40px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.mission-content[b-7phrvra1kr] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.mission-left[b-7phrvra1kr],
.mission-right[b-7phrvra1kr] {
    padding: 24px;
}

.mission-left[b-7phrvra1kr] {
    flex: 0 0 25%;
    min-width: 200px;
}

.mission-right[b-7phrvra1kr] {
    flex: 1;
    min-width: 300px;
}

.mission-left h3[b-7phrvra1kr] {
    color: var(--about-secondary);
    font-size: 26px;
    font-weight: 600;
}

.mission-right p[b-7phrvra1kr] {
    color: var(--about-text);
    font-weight: 500;
    line-height: 1.7;
}

/* Vision Section */
.about-vision[b-7phrvra1kr] {
    display: flex;
    min-height: 453px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--about-vision-bg);
    background-image: url('/assets/images/about/vision-bg.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 24px;
}

.vision-content[b-7phrvra1kr] {
    text-align: center;
    max-width: 800px;
}

.about-vision .kicker[b-7phrvra1kr] {
    color: #F8AD52;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 16px;
}

.about-vision .title[b-7phrvra1kr] {
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 40px;
}

.vision-logo[b-7phrvra1kr] {
    width: 200px;
    max-width: 100%;
}

/* Contact CTA Section */
.about-contact[b-7phrvra1kr] {
    padding: 40px 0;
    max-width: 800px;
    margin: 0 auto;
}

.contact-content[b-7phrvra1kr] {
    text-align: center;
    padding: 24px;
}

.contact-content h4[b-7phrvra1kr] {
    color: var(--about-secondary);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 1.5;
}

.contact-btn[b-7phrvra1kr] {
    display: inline-block;
    background-color: var(--about-primary);
    color: white;
    padding: 12px 32px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.contact-btn:hover[b-7phrvra1kr] {
    background-color: var(--about-secondary);
    color: white;
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .about-hero[b-7phrvra1kr] {
        min-height: 420px;
        padding: 80px 16px 16px;
    }
    
    .mission-left[b-7phrvra1kr] {
        flex: 0 0 100%;
    }
    
    .feature-card[b-7phrvra1kr] {
        max-width: 45%;
    }
}

@media (max-width: 767px) {
    .about-intro[b-7phrvra1kr] {
        padding: 16px 0;
    }
    
    .about-intro-content[b-7phrvra1kr] {
        text-align: left;
    }
    
    .about-intro .kicker[b-7phrvra1kr],
    .about-intro .title[b-7phrvra1kr],
    .about-intro .description[b-7phrvra1kr] {
        text-align: left;
    }
    
    .about-hero[b-7phrvra1kr] {
        min-height: 265px;
        padding: 40px 16px 16px;
    }
    
    .about-platform[b-7phrvra1kr] {
        padding: 16px 0 0;
    }
    
    .platform-left[b-7phrvra1kr],
    .platform-right[b-7phrvra1kr] {
        min-width: 100%;
    }
    
    .platform-right[b-7phrvra1kr] {
        padding-top: 0;
    }
    
    .platform-left h3[b-7phrvra1kr],
    .mission-left h3[b-7phrvra1kr] {
        text-align: left;
    }
    
    .about-stats[b-7phrvra1kr] {
        padding: 0 0 16px;
    }
    
    .stat-item[b-7phrvra1kr] {
        min-width: 100%;
    }
    
    .feature-card[b-7phrvra1kr] {
        min-width: 100%;
        max-width: 100%;
    }
    
    .mission-left[b-7phrvra1kr],
    .mission-right[b-7phrvra1kr] {
        min-width: 100%;
    }
    
    .mission-right[b-7phrvra1kr] {
        padding-top: 0;
    }
    
    .about-vision[b-7phrvra1kr] {
        min-height: auto;
        padding: 40px 24px;
    }
    
    .about-vision .title[b-7phrvra1kr] {
        font-size: 1.5rem;
    }
}
/* /Pages/ForTenants.razor.rz.scp.css */
/* ==========================================
   ForTenants Page Styles
   ========================================== */

/* Hero Section */
.tenants-hero[b-89vc0bhygy] {
    background-color: #F4971E;
    background-image: url('/assets/images/tenants/ryn-for-tenants-1.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6rem 2rem 4rem;
    min-height: 500px;
}

.tenants-hero-content[b-89vc0bhygy] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.hero-text[b-89vc0bhygy] {
    max-width: 580px;
}

.hero-kicker[b-89vc0bhygy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.25rem;
    font-weight: 400;
    color: #485263;
    margin-bottom: 1.5rem;
}

.brand-name[b-89vc0bhygy] {
    font-size: 1.25rem;
}

.brand-name .bold[b-89vc0bhygy] {
    font-weight: 700;
    color: #1a1a1a;
}

.brand-name .light[b-89vc0bhygy] {
    font-weight: 400;
    color: #1a1a1a;
}

.dash-icon[b-89vc0bhygy] {
    width: 24px;
    height: 2px;
    margin: 0 0.25rem;
}

.hero-title[b-89vc0bhygy] {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 1.5rem;
}

.hero-title br[b-89vc0bhygy] {
    display: block;
}

.hero-subtitle[b-89vc0bhygy] {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.6;
    color: #485263;
}

.hero-image[b-89vc0bhygy] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-image img[b-89vc0bhygy] {
    max-width: 100%;
    height: auto;
    max-height: 450px;
}

/* Explore Section */
.tenants-explore[b-89vc0bhygy] {
    background: #ffffff;
    padding: 4rem 2rem;
    text-align: center;
}

.explore-content[b-89vc0bhygy] {
    max-width: 800px;
    margin: 0 auto;
}

.explore-content h2[b-89vc0bhygy] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #F4971E;
    margin-bottom: 1.5rem;
}

.explore-content p[b-89vc0bhygy] {
    font-size: 1.125rem;
    line-height: 1.7;
    color: #485263;
    margin-bottom: 2rem;
}

.btn-primary[b-89vc0bhygy] {
    display: inline-block;
    background: #F4971E;
    color: #fff;
    padding: 1rem 2rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-primary:hover[b-89vc0bhygy] {
    background: #1a1a1a;
    color: #fff;
    transform: translateY(-2px);
}

/* Main Content with Side Navigation */
.tenants-main[b-89vc0bhygy] {
    padding: 4rem 2rem;
    background: #FFF9F2;
}

.main-container[b-89vc0bhygy] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 4rem;
}

/* Side Navigation */
.side-nav[b-89vc0bhygy] {
    position: sticky;
    top: 100px;
    height: fit-content;
}

.side-nav ul[b-89vc0bhygy] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side-nav li[b-89vc0bhygy] {
    margin-bottom: 1rem;
}

.side-nav a[b-89vc0bhygy] {
    display: block;
    padding: 0.75rem 1rem;
    color: #485263;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    border-left: 3px solid rgba(244, 151, 30, 0.3);
    transition: all 0.3s ease;
}

.side-nav a:hover[b-89vc0bhygy],
.side-nav a.active[b-89vc0bhygy] {
    color: #F4971E;
    border-left-color: #F4971E;
    background: transparent;
}

/* Content Sections */
.main-content[b-89vc0bhygy] {
    max-width: 900px;
}

.content-section[b-89vc0bhygy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
    padding: 3rem 0;
}

.content-section.reverse[b-89vc0bhygy] {
    direction: rtl;
}

.content-section.reverse > *[b-89vc0bhygy] {
    direction: ltr;
}

.section-text h3[b-89vc0bhygy] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 1rem;
}

.section-text h5[b-89vc0bhygy] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #F4971E;
    margin-bottom: 1rem;
}

.section-text p[b-89vc0bhygy] {
    font-size: 1rem;
    line-height: 1.7;
    color: #666;
    margin-bottom: 1.5rem;
}

.section-image[b-89vc0bhygy] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}

.section-image img[b-89vc0bhygy] {
    width: 100%;
    height: auto;
    display: block;
}

.section-divider[b-89vc0bhygy] {
    height: 1px;
    background: linear-gradient(90deg, transparent, #e0e0e0, transparent);
    margin: 2rem 0;
}

/* Action Buttons */
.action-buttons[b-89vc0bhygy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.action-btn[b-89vc0bhygy] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: #FFF8F0;
    border: 1px solid #F4971E;
    border-radius: 50px;
    color: #1a1a1a;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: default;
    pointer-events: none;
}

.action-btn svg[b-89vc0bhygy] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Start Section */
.tenants-start[b-89vc0bhygy] {
    background: linear-gradient(180deg, #1a1a1a 0%, #333 100%);
    padding: 5rem 2rem;
    text-align: center;
}

.start-content[b-89vc0bhygy] {
    max-width: 700px;
    margin: 0 auto;
}

.start-content h2[b-89vc0bhygy] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1.5rem;
    line-height: 1.3;
}

.start-content p[b-89vc0bhygy] {
    font-size: 1.125rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 2rem;
}

.start-content .btn-primary[b-89vc0bhygy] {
    background: #F4971E;
    color: #fff;
}

.start-content .btn-primary:hover[b-89vc0bhygy] {
    background: #fff;
    color: #F4971E;
}

/* Why Section Header */
.tenants-why-header[b-89vc0bhygy] {
    background: #FFF8F0;
    padding: 4rem 2rem 2rem;
    text-align: center;
}

.why-header-content[b-89vc0bhygy] {
    max-width: 800px;
    margin: 0 auto;
}

.why-header-content h3[b-89vc0bhygy] {
    font-size: 1.5rem;
    font-weight: 400;
    color: #666;
    margin-bottom: 0.5rem;
}

.why-header-content h5[b-89vc0bhygy] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #F4971E;
}

/* Why Cards Section */
.tenants-why-cards[b-89vc0bhygy] {
    background: #FFF8F0;
    padding: 2rem 2rem 5rem;
}

.why-cards-grid[b-89vc0bhygy] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.why-card[b-89vc0bhygy] {
    background: #fff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.why-card:hover[b-89vc0bhygy] {
    transform: translateY(-5px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
}

.card-icon[b-89vc0bhygy] {
    width: 60px;
    height: 60px;
    background: #FFF4E6;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.card-icon img[b-89vc0bhygy] {
    width: 32px;
    height: 32px;
}

.why-card h4[b-89vc0bhygy] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.why-card h6[b-89vc0bhygy] {
    font-size: 1rem;
    font-weight: 600;
    color: #F4971E;
    margin-bottom: 1rem;
}

.why-card p[b-89vc0bhygy] {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: #666;
}

.why-card ul[b-89vc0bhygy] {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
}

.why-card ul li[b-89vc0bhygy] {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.9375rem;
    color: #666;
}

.why-card ul li[b-89vc0bhygy]::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #F4971E;
    font-weight: 700;
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .main-container[b-89vc0bhygy] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .side-nav[b-89vc0bhygy] {
        display: none;
    }

    .content-section[b-89vc0bhygy] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .content-section.reverse[b-89vc0bhygy] {
        direction: ltr;
    }

    .section-image[b-89vc0bhygy] {
        order: -1;
    }

    .why-cards-grid[b-89vc0bhygy] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .tenants-hero[b-89vc0bhygy] {
        padding: 4rem 1.5rem 3rem;
    }

    .tenants-hero-content[b-89vc0bhygy] {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }

    .hero-text[b-89vc0bhygy] {
        max-width: 100%;
    }

    .hero-kicker[b-89vc0bhygy] {
        justify-content: center;
        font-size: 1rem;
    }

    .hero-title[b-89vc0bhygy] {
        font-size: 2rem;
    }

    .hero-subtitle[b-89vc0bhygy] {
        font-size: 1rem;
    }

    .hero-image img[b-89vc0bhygy] {
        max-height: 300px;
    }

    .tenants-explore[b-89vc0bhygy] {
        padding: 3rem 1.5rem;
    }

    .explore-content h2[b-89vc0bhygy] {
        font-size: 1.75rem;
    }

    .tenants-main[b-89vc0bhygy] {
        padding: 2rem 1.5rem;
    }

    .section-text h3[b-89vc0bhygy] {
        font-size: 1.5rem;
    }

    .action-buttons[b-89vc0bhygy] {
        flex-direction: column;
    }

    .action-btn[b-89vc0bhygy] {
        width: 100%;
        justify-content: center;
    }

    .tenants-start[b-89vc0bhygy] {
        padding: 3rem 1.5rem;
    }

    .start-content h2[b-89vc0bhygy] {
        font-size: 1.75rem;
    }

    .tenants-why-header[b-89vc0bhygy] {
        padding: 3rem 1.5rem 1.5rem;
    }

    .tenants-why-cards[b-89vc0bhygy] {
        padding: 1.5rem 1.5rem 4rem;
    }

    .why-card[b-89vc0bhygy] {
        padding: 1.5rem;
    }

    .sticky-bar-content[b-89vc0bhygy] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .sticky-text[b-89vc0bhygy] {
        display: block;
    }

    .sticky-text h3[b-89vc0bhygy] {
        font-size: 1rem;
    }

    .sticky-text p[b-89vc0bhygy] {
        display: none;
    }
}

/* Sticky Bottom Bar - Fixed at bottom, stops before footer */
.tenants-sticky-bar[b-89vc0bhygy] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
    padding: 1rem 2rem;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

.tenants-sticky-bar.visible[b-89vc0bhygy] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.sticky-bar-content[b-89vc0bhygy] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.sticky-text h3[b-89vc0bhygy] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #F4971E;
    margin-bottom: 0.25rem;
}

.sticky-text p[b-89vc0bhygy] {
    font-size: 0.875rem;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

.sticky-bar-content .btn-primary[b-89vc0bhygy] {
    background: #F4971E;
    color: #fff;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 0.875rem 1.5rem;
}

.sticky-bar-content .btn-primary:hover[b-89vc0bhygy] {
    background: #1a1a1a;
}

@media (max-width: 1024px) {
    .sticky-text p[b-89vc0bhygy] {
        display: none;
    }
}

@media (max-width: 768px) {
    .tenants-sticky-bar[b-89vc0bhygy] {
        padding: 1rem;
    }

    .sticky-bar-content[b-89vc0bhygy] {
        gap: 1rem;
    }

    .sticky-text h3[b-89vc0bhygy] {
        font-size: 1rem;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.hero-bg[b-1m7cgamd0x] {
  position: absolute;
  inset: 0;
  background: url('/assets/images/brand/backgrounds/firstsectionbackground.webp') center top/cover no-repeat;
  opacity: 1;
  z-index: 0;
}

.hero-left[b-1m7cgamd0x] { position: relative; }

.hero-illustration-floating[b-1m7cgamd0x] {
  position: absolute;
  right: 50px;
  bottom: 60px;
  z-index: 0;
  pointer-events: none;
}

.illustration-floating[b-1m7cgamd0x] { max-width: 260px; }

@media (max-width: 991px) {
  .hero-illustration-floating[b-1m7cgamd0x] {
    position: static;
    display: block;
    text-align: right;
    margin-bottom: 10px;
  }

  .illustration-floating[b-1m7cgamd0x] { max-width: 200px; }
}

.hero-form .form-control[b-1m7cgamd0x] {
  border-radius: 0;
  border-color: #e1e5ee;
  min-height: 48px;
  height: 48px;
}

.hero-form .input-group-text[b-1m7cgamd0x] {
  border-radius: 0;
  height: 48px;
}

.hero-form .btn[b-1m7cgamd0x] {
  border-radius: 0;
  min-height: 48px;
  height: 48px;
  padding: 0 0.75rem;
  margin-top: -1px;
}

#hero .hero-form[b-1m7cgamd0x] {
  padding-top: 50px;
}

@media (max-width: 991px) {
  #hero .hero-form[b-1m7cgamd0x] {
    padding-top: 32px;
  }
}

@media (max-width: 575px) {
  #hero .hero-form[b-1m7cgamd0x] {
    padding-top: 20px;
  }
  
  .hero-search-shell[b-1m7cgamd0x] {
    width: 100%;
    padding: 12px;
  }
  
  .hero-form .form-control[b-1m7cgamd0x] {
    min-height: 44px;
    height: 44px;
    font-size: 0.9rem;
  }
  
  .hero-form .input-group-text[b-1m7cgamd0x] {
    height: 44px;
    padding: 0 10px;
  }
  
  .hero-form .btn[b-1m7cgamd0x] {
    min-height: 44px;
    height: 44px;
  }
  
  .hero-search-shell .row[b-1m7cgamd0x] {
    --bs-gutter-y: 8px;
  }
}

.hero-title[b-1m7cgamd0x] { 
  color: #fff;
  font-family: 'Museo Slab', 'museo-slab', Georgia, serif;
}

.hero-title .accent[b-1m7cgamd0x] { color: #fbc380; }

.hero-title-rich[b-1m7cgamd0x],
.hero-subtitle-rich[b-1m7cgamd0x] {
  color: #fff;
}

.hero-title-rich[b-1m7cgamd0x] {
  max-width: 100%;
  font-family: 'Museo Slab', 'museo-slab', Georgia, serif;
}

.hero-subtitle-rich[b-1m7cgamd0x] {
  max-width: 100%;
  font-family: 'Plus Jakarta Sans', sans-serif;
  margin-bottom: 2rem;
}


.hero-subtitle[b-1m7cgamd0x] { color: #ffffffc2; }

.hero-right-title[b-1m7cgamd0x] {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.2;
  max-width:180px;
}

.hero-right-title .accent[b-1m7cgamd0x] { color: #fbc380; }

.hero-right-kicker[b-1m7cgamd0x] {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
}

.hero-search-shell[b-1m7cgamd0x] {
  background: #e2edf6cc;
  border-radius: 0.75rem;
  padding: 8px;
  display: inline-block;
  width: 95%;
}

.hero-search-shell .row[b-1m7cgamd0x] {
  --bs-gutter-x: 10px;
  --bs-gutter-y: 0;
  align-items: stretch;
}

.btn-search[b-1m7cgamd0x] {
  background: #d9d9d9;
  border: 1px solid #c9c9c9;
  color: #fff;
  padding: 0.9rem 1.5rem;
}

.btn-search:hover[b-1m7cgamd0x],
.btn-search:focus[b-1m7cgamd0x] {
  background: #c2c2c2;
  border-color: #b5b5b5;
  color: #fff;
}

.bg-hero-cta[b-1m7cgamd0x] { background: #8fbeda; }

.bg-hero-cta .text-secondary[b-1m7cgamd0x] { color: #0f1a2a !important; }

.btn-landlord[b-1m7cgamd0x] {
  background-color: #0095c0;
  border: 1px solid #0b68bf;
  color: #fff;
}

.btn-landlord:hover[b-1m7cgamd0x],
.btn-landlord:focus[b-1m7cgamd0x] {
  background-color: #0b68bf;
  border-color: #0b68bf;
  color: #fff;
}

.btn-pm[b-1m7cgamd0x] {
  background-color: #0b68bf;
  border: 1px solid #0b68bf;
  color: #fff;
}

.btn-pm:hover[b-1m7cgamd0x],
.btn-pm:focus[b-1m7cgamd0x] {
  background-color: #084f94;
  border-color: #084f94;
  color: #fff;
}

:global(.ui-datepicker .ui-state-highlight)[b-1m7cgamd0x] {
  background: rgba(11,110,251,0.15);
}

.city-swiper-track[b-1m7cgamd0x] {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(25% - 12px);
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 6px;
}

.city-card[b-1m7cgamd0x] { scroll-snap-align: start; }
.city-card img[b-1m7cgamd0x] {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 1rem 1rem 0 0;
}

@media (max-width: 991px) {
  .city-swiper-track[b-1m7cgamd0x] { grid-auto-columns: calc(50% - 12px); }
}

@media (max-width: 575px) {
  .city-swiper-track[b-1m7cgamd0x] { grid-auto-columns: 90%; }
}

/* ========================================
   MODERN CITY CAROUSEL
   ======================================== */

.ryn-city-carousel-container[b-1m7cgamd0x] {
    position: relative;
    width: 100%;
}

.ryn-city-carousel[b-1m7cgamd0x] {
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
}

.ryn-city-carousel-track[b-1m7cgamd0x] {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 8px 4px 16px 4px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.ryn-city-carousel-track[b-1m7cgamd0x]::-webkit-scrollbar {
    display: none;
}

.ryn-city-slide[b-1m7cgamd0x] {
    flex: 0 0 auto;
    width: 280px;
    height: 380px;
    background-size: 280px 380px;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px;
    border-radius: 16px;
    background-color: #2a3f54;
    background-position: center center;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    scroll-snap-align: start;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), 
                box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Lazy loading placeholder animation */
.ryn-lazy-bg[b-1m7cgamd0x] {
    background: linear-gradient(135deg, #2a3f54 0%, #1a2b3c 50%, #2a3f54 100%);
    background-size: 200% 200%;
    animation: ryn-shimmer-b-1m7cgamd0x 1.5s ease-in-out infinite;
}

.ryn-lazy-bg.ryn-bg-loaded[b-1m7cgamd0x] {
    animation: none;
}

@keyframes ryn-shimmer-b-1m7cgamd0x {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.ryn-city-slide:hover[b-1m7cgamd0x] {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
}

.ryn-city-slide-overlay[b-1m7cgamd0x] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.85) 0%,
        rgba(0, 0, 0, 0.4) 40%,
        rgba(0, 0, 0, 0.1) 70%,
        transparent 100%
    );
    transition: opacity 0.4s ease;
}

.ryn-city-slide:hover .ryn-city-slide-overlay[b-1m7cgamd0x] {
    opacity: 0.8;
}

.ryn-city-slide-content[b-1m7cgamd0x] {
    position: relative;
    z-index: 2;
    color: #fff;
}

.ryn-city-country[b-1m7cgamd0x] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 8px;
    padding: 4px 10px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    border-radius: 20px;
}

.ryn-city-name[b-1m7cgamd0x] {
    font-size: 1.75rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 12px 0;
    line-height: 1.2;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.ryn-city-cta[b-1m7cgamd0x] {
    display: inline-flex;
    align-items: center;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fbc380;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.ryn-city-slide:hover .ryn-city-cta[b-1m7cgamd0x] {
    opacity: 1;
    transform: translateY(0);
}

/* Navigation Buttons */
.ryn-carousel-nav[b-1m7cgamd0x] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
}

.ryn-nav-btn[b-1m7cgamd0x] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: #5DA8CC;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.ryn-nav-btn svg[b-1m7cgamd0x] {
    stroke: #fff;
}

.ryn-nav-btn:hover[b-1m7cgamd0x] {
    background: #4a96b8;
    transform: scale(1.1);
}

.ryn-nav-btn:active[b-1m7cgamd0x] {
    transform: scale(0.95);
}

/* Locations Kicker */
.ryn-locations-kicker[b-1m7cgamd0x] {
    color: #5DA8CC;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}

/* Country Accordion Styles */
.ryn-accordion-container[b-1m7cgamd0x] {
    max-width: 800px;
    margin: 2rem auto 0;
}

.ryn-accordion-item[b-1m7cgamd0x] {
    border-bottom: 1px solid #e5e7eb;
}

.ryn-accordion-item:last-child[b-1m7cgamd0x] {
    border-bottom: 1px solid #e5e7eb;
}

.ryn-accordion-header[b-1m7cgamd0x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 0;
    background: transparent;
    color: #485263;
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    border: none;
    cursor: pointer;
    list-style: none;
    transition: color 0.2s ease;
}

.ryn-accordion-header:hover[b-1m7cgamd0x] {
    color: #5DA8CC;
}

.ryn-accordion-header[b-1m7cgamd0x]::-webkit-details-marker {
    display: none;
}

.ryn-accordion-title[b-1m7cgamd0x] {
    flex: 1;
    text-align: left;
}

.ryn-accordion-icon[b-1m7cgamd0x] {
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.ryn-accordion-item.open .ryn-accordion-icon[b-1m7cgamd0x],
.ryn-accordion-item[open] .ryn-accordion-icon[b-1m7cgamd0x] {
    transform: rotate(180deg);
}

.ryn-accordion-content[b-1m7cgamd0x] {
    padding: 0 0 20px 0;
}

.ryn-accordion-cities-grid[b-1m7cgamd0x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 8px 24px;
}

.ryn-accordion-city-link[b-1m7cgamd0x] {
    display: block;
    padding: 8px 0;
    color: #485263;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    transition: color 0.2s ease;
}

.ryn-accordion-city-link:hover[b-1m7cgamd0x] {
    color: #5DA8CC;
}

.ryn-city-dot[b-1m7cgamd0x] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0b6efb 0%, #0095c0 100%);
    flex-shrink: 0;
}

/* Responsive Adjustments */
@media (max-width: 1199px) {
    .ryn-city-slide[b-1m7cgamd0x] {
        width: 260px;
        height: 350px;
        background-size: 260px 350px;
    }
}

@media (max-width: 991px) {
    .ryn-city-slide[b-1m7cgamd0x] {
        width: 240px;
        height: 320px;
        background-size: 240px 320px;
    }
    
    .ryn-city-name[b-1m7cgamd0x] {
        font-size: 1.5rem;
    }
}

@media (max-width: 767px) {
    .ryn-city-slide[b-1m7cgamd0x] {
        width: 220px;
        height: 300px;
        background-size: 220px 300px;
        padding: 20px;
    }
    
    .ryn-city-name[b-1m7cgamd0x] {
        font-size: 1.35rem;
    }
    
    .ryn-nav-btn[b-1m7cgamd0x] {
        width: 36px;
        height: 36px;
    }
    
    .ryn-nav-btn svg[b-1m7cgamd0x] {
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 575px) {
    .ryn-city-carousel-track[b-1m7cgamd0x] {
        gap: 12px;
        padding: 4px 2px 12px 2px;
        /* Enable native touch scrolling */
        scroll-padding: 0 4px;
    }
    
    .ryn-city-slide[b-1m7cgamd0x] {
        width: 80vw;
        max-width: 280px;
        height: 320px;
        background-size: cover;
    }
    
    .ryn-city-name[b-1m7cgamd0x] {
        font-size: 1.25rem;
    }
    
    .ryn-carousel-nav[b-1m7cgamd0x] {
        margin-top: 12px;
        gap: 12px;
    }
    
    .ryn-nav-btn[b-1m7cgamd0x] {
        width: 32px;
        height: 32px;
    }
    
    .ryn-nav-btn svg[b-1m7cgamd0x] {
        width: 12px;
        height: 12px;
    }
    
    /* Show CTA always on mobile since no hover */
    .ryn-city-cta[b-1m7cgamd0x] {
        opacity: 1;
        transform: translateY(0);
    }
}

.audience-toggle[b-1m7cgamd0x] {
  display: inline-flex;
  gap: 10px;
  background: #f3f6fb;
  padding: 6px;
  border-radius: 999px;
}

.audience-pill[b-1m7cgamd0x] {
  border: none;
  background: transparent;
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 700;
  color: #5DA8CC;
}

.audience-pill.active[b-1m7cgamd0x] {
  background: #FFFFFF;
  color: #485263;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.audience-panel[b-1m7cgamd0x] { display: none; }
.audience-panel.active[b-1m7cgamd0x] { display: block; }

.btn-allin[b-1m7cgamd0x] {
  background: rgba(255,92,53,0.1);
  color: #ff5c35;
  border: none;
  font-weight: 700;
  padding: 0.65rem 1.1rem;
}

/* ========================================
   ALL IN ONE SECTION
   ======================================== */

.all-in-one-section[b-1m7cgamd0x] {
    background-color: #f5f5f5;
}

.all-in-one-header[b-1m7cgamd0x] {
    max-width: 600px;
    margin: 0 auto;
}

.all-in-one-kicker[b-1m7cgamd0x] {
    color: #5DA8CC;
    font-size: 0.875rem;
    letter-spacing: 1px;
}

.all-in-one-title[b-1m7cgamd0x] {
    color: #485263;
    font-size: 1.75rem;
    line-height: 1.2;
    margin: 0;
    font-family: 'Museo Slab', 'museo-slab', Georgia, serif;
}

.btn-allin-outline[b-1m7cgamd0x] {
    background: #f5f5f5;
    color: #485263;
    border: 1px solid #485263;
    font-weight: 700;
    padding: 0.65rem 1.5rem;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-allin-outline:hover[b-1m7cgamd0x] {
    background: #485263;
    color: #fff;
}

.all-in-one-card[b-1m7cgamd0x] {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    width: 308px;
    height: 412px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.all-in-one-card-icon[b-1m7cgamd0x] {
    margin-bottom: 24px;
    margin-top: 32px;
}

.all-in-one-card-icon img[b-1m7cgamd0x] {
    width: 32px;
    height: 32px;
}

.all-in-one-card-title[b-1m7cgamd0x] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 12px;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.all-in-one-card-desc[b-1m7cgamd0x] {
    font-size: 0.95rem;
    color: #6b7280;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 1199px) {
    .all-in-one-card[b-1m7cgamd0x] {
        width: 100%;
        height: auto;
        min-height: 350px;
    }
}

@media (max-width: 991px) {
    .all-in-one-title[b-1m7cgamd0x] {
        font-size: 1.5rem;
    }
    
    .all-in-one-card[b-1m7cgamd0x] {
        min-height: 300px;
    }
}

@media (max-width: 767px) {
    .all-in-one-title[b-1m7cgamd0x] {
        font-size: 1.35rem;
    }
    
    .all-in-one-card[b-1m7cgamd0x] {
        min-height: auto;
        padding: 20px;
    }
    
    .all-in-one-card-icon img[b-1m7cgamd0x] {
        width: 48px;
        height: 48px;
    }
}

.features-section .card-title[b-1m7cgamd0x] { font-weight: 700; }

/* ========================================
   FEATURES SECTION
   ======================================== */

.features-section[b-1m7cgamd0x] {
    background-color: #EAF2FB;
}

.features-header[b-1m7cgamd0x] {
    text-align: left;
}

.features-title[b-1m7cgamd0x] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
    font-family: 'Museo Slab', 'museo-slab', Georgia, serif;
}

.features-subtitle[b-1m7cgamd0x] {
    font-size: 11pt;
    line-height: 107%;
    color: #0B68BF;
    margin: 0;
}

.features-card[b-1m7cgamd0x] {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    width: 378px;
    height: 521px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.features-card-icon[b-1m7cgamd0x] {
    margin-bottom: 20px;
    margin-top: 24px;
}

.features-card-icon img[b-1m7cgamd0x] {
    width: 32px;
    height: 32px;
}

.features-card-title[b-1m7cgamd0x] {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2em;
    color: #0B68BF;
    margin-bottom: 8px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    width: 314px;
    max-width: 100%;
    min-height: 52px;
}

.features-card-subtitle[b-1m7cgamd0x] {
    font-size: 16px;
    color: #1a1a1a;
    margin-bottom: 12px;
    line-height: 1.4;
}

.features-card-desc[b-1m7cgamd0x] {
    font-size: 14px;
    color: #AAAAAA;
    line-height: 1.6;
    margin: 0;
    flex-grow: 1;
}

.features-card-link[b-1m7cgamd0x] {
    font-size: 14px;
    color: #F8AD52;
    text-decoration: none;
    font-weight: 600;
    margin-top: auto;
    margin-left: auto;
    transition: color 0.3s ease;
}

.features-card-link:hover[b-1m7cgamd0x] {
    color: #e89a3f;
    text-decoration: underline;
}

.features-cta-container[b-1m7cgamd0x] {
    display: flex;
    justify-content: flex-end;
    margin-top: 2rem;
}

.btn-features-cta[b-1m7cgamd0x] {
    background-color: #F8AD52;
    color: #fff;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    border: none;
    transition: all 0.3s ease;
}

.btn-features-cta:hover[b-1m7cgamd0x] {
    background-color: #e89a3f;
    color: #fff;
}

@media (max-width: 1199px) {
    .features-card[b-1m7cgamd0x] {
        width: 100%;
        height: auto;
        min-height: 450px;
    }
    
    .features-card-title[b-1m7cgamd0x] {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .features-title[b-1m7cgamd0x] {
        font-size: 1.5rem;
    }
    
    .features-card[b-1m7cgamd0x] {
        min-height: 400px;
    }
}

@media (max-width: 767px) {
    .features-header[b-1m7cgamd0x] {
        text-align: center;
    }
    
    .features-title[b-1m7cgamd0x] {
        font-size: 1.35rem;
    }
    
    .features-card[b-1m7cgamd0x] {
        min-height: auto;
        padding: 20px;
    }
    
    .features-cta-container[b-1m7cgamd0x] {
        justify-content: center;
    }
}

.gadget-floating[b-1m7cgamd0x] {
  position: absolute;
  top: -20px;
  right: 5%;
  width: 72px;
  height: 72px;
  opacity: 0.6;
}

/* Value Visual Section - La prima web app */
.value-visual-section[b-1m7cgamd0x] {
    background-color: #0095c0;
    background-image: url('/assets/images/brand/backgrounds/bk2.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.value-visual-header[b-1m7cgamd0x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
}

.value-visual-logo[b-1m7cgamd0x] {
    max-width: 200px;
    height: auto;
}

.value-visual-title[b-1m7cgamd0x] {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    font-family: 'Museo Slab', 'museo-slab', Georgia, serif;
}

.value-visual-illustrations[b-1m7cgamd0x] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.bird-sofa-img[b-1m7cgamd0x] {
    max-width: 320px;
    width: 100%;
    height: auto;
}

.ryn-pc-img[b-1m7cgamd0x] {
    max-width: 380px;
    width: 100%;
    height: auto;
}

@media (max-width: 1199px) {
    .bird-sofa-img[b-1m7cgamd0x] {
        max-width: 280px;
    }
    
    .ryn-pc-img[b-1m7cgamd0x] {
        max-width: 340px;
    }
}

@media (max-width: 991px) {
    .value-visual-title[b-1m7cgamd0x] {
        font-size: 1.35rem;
    }
    
    .ryn-pc-img[b-1m7cgamd0x] {
        display: none;
    }
    
    .bird-sofa-img[b-1m7cgamd0x] {
        max-width: 260px;
    }
}

@media (max-width: 767px) {
    .value-visual-logo[b-1m7cgamd0x] {
        max-width: 180px;
    }
    
    .value-visual-title[b-1m7cgamd0x] {
        font-size: 1.25rem;
    }
    
    .bird-sofa-img[b-1m7cgamd0x] {
        max-width: 220px;
    }
}

@media (max-width: 575px) {
    .value-visual-header[b-1m7cgamd0x] {
        margin-bottom: 1.5rem;
    }
    
    .value-visual-logo[b-1m7cgamd0x] {
        max-width: 160px;
    }
    
    .value-visual-title[b-1m7cgamd0x] {
        font-size: 1.1rem;
    }
    
    .bird-sofa-img[b-1m7cgamd0x] {
        max-width: 180px;
    }
}

.value-card[b-1m7cgamd0x] { min-height: 140px; }

/* ========================================
   VALUE APP SECTION - La comodit� di un portale
   ======================================== */

.value-app-top-row[b-1m7cgamd0x] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 3rem;
    margin-bottom: 2rem;
}

.value-app-heading-col[b-1m7cgamd0x] {
    flex: 1 1 50%;
}

.value-app-title[b-1m7cgamd0x] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.3;
    margin: 0;
    font-family: 'Museo Slab', 'museo-slab', Georgia, serif;
}

.value-app-intro-col[b-1m7cgamd0x] {
    flex: 1 1 40%;
}

.value-app-intro[b-1m7cgamd0x] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

.value-app-favicon[b-1m7cgamd0x] {
    width: 50px;
    height: auto;
    flex-shrink: 0;
}

.value-app-description[b-1m7cgamd0x] {
    font-size: 1rem;
    color: #AAAAAA;
    margin: 0;
    line-height: 1.6;
}

.value-app-divider[b-1m7cgamd0x] {
    width: 100%;
    height: 1px;
    background: #e5e7eb;
    margin-bottom: 2rem;
}

.value-app-tabs[b-1m7cgamd0x] {
    max-width: 100%;
}

.audience-toggle-left[b-1m7cgamd0x] {
    display: inline-flex;
    gap: 10px;
    background: #f3f6fb;
    padding: 6px;
    border-radius: 999px;
    margin-bottom: 2rem;
}

.value-app-tabs .audience-toggle[b-1m7cgamd0x] {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.value-app-card[b-1m7cgamd0x] {
    text-align: center;
    padding: 1rem;
}

.value-app-card-left[b-1m7cgamd0x] {
    text-align: left;
    padding: 0;
}

.value-app-card-left .value-app-card-img[b-1m7cgamd0x] {
    width: 383.95px;
    max-width: 100%;
    height: 347.13px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 1rem;
}

.value-app-card-img[b-1m7cgamd0x] {
    width: 100%;
    max-width: 280px;
    height: 250px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 1rem;
}

.value-app-card-title[b-1m7cgamd0x] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
}

.value-app-card-desc[b-1m7cgamd0x] {
    font-size: 0.9rem;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .value-app-top-row[b-1m7cgamd0x] {
        flex-direction: column;
        gap: 1.5rem;
    }
    
    .value-app-heading-col[b-1m7cgamd0x],
    .value-app-intro-col[b-1m7cgamd0x] {
        flex: 1 1 100%;
    }
    
    .value-app-title[b-1m7cgamd0x] {
        font-size: 1.75rem;
    }
    
    .value-app-card-left .value-app-card-img[b-1m7cgamd0x] {
        width: 100%;
        height: auto;
        aspect-ratio: 383.95 / 347.13;
    }
    
    .audience-toggle-left[b-1m7cgamd0x] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .value-app-title[b-1m7cgamd0x] {
        font-size: 1.5rem;
    }
    
    .value-app-intro[b-1m7cgamd0x] {
        align-items: center;
        text-align: center;
    }
    
    .value-app-favicon[b-1m7cgamd0x] {
        width: 40px;
    }
    
    .value-app-card-left .value-app-card-img[b-1m7cgamd0x] {
        width: 100%;
        height: auto;
        aspect-ratio: 383.95 / 347.13;
    }
    
    .value-app-card-left[b-1m7cgamd0x] {
        text-align: center;
    }
}

@media (max-width: 575px) {
    .value-app-title[b-1m7cgamd0x] {
        font-size: 1.35rem;
    }
    
    .value-app-card-left .value-app-card-img[b-1m7cgamd0x] {
        height: auto;
        aspect-ratio: 1.1 / 1;
    }
}

/* ========================================
   STAY UPDATED SECTION
   ======================================== */

.stay-updated-section[b-1m7cgamd0x] {
    background-color: #fff;
}

.stay-updated-header[b-1m7cgamd0x] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}

.stay-updated-title[b-1m7cgamd0x] {
    color: #485263;
    font-family: 'Museo Slab', 'museo-slab', Georgia, serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0;
}

.stay-updated-brand[b-1m7cgamd0x] {
    color: #485263;
}

.btn-stay-cta[b-1m7cgamd0x] {
    background-color: #F8AD52;
    color: #fff;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    border: none;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-stay-cta:hover[b-1m7cgamd0x] {
    background-color: #e89a3f;
    color: #fff;
}

/* Guide Cards Rows */
.stay-guides-row-1[b-1m7cgamd0x] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.stay-guides-row-2[b-1m7cgamd0x] {
    display: flex;
    gap: 16px;
}

/* Base Card Style */
.stay-guide-card[b-1m7cgamd0x] {
    height: 392px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.stay-guide-card[b-1m7cgamd0x]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.4) 50%,
        rgba(0, 0, 0, 0.1) 100%
    );
    z-index: 1;
}

.stay-guide-card:hover[b-1m7cgamd0x] {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.stay-guide-card-content[b-1m7cgamd0x] {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px;
}

/* Cards 2 and 4: Content at top */
.stay-guide-card-2 .stay-guide-card-content[b-1m7cgamd0x],
.stay-guide-card-4 .stay-guide-card-content[b-1m7cgamd0x] {
    justify-content: flex-start;
}

/* Individual Card Backgrounds and Sizes */
/* Row 1: Card 1 = 75%, Card 2 = 25% */
.stay-guide-card-1[b-1m7cgamd0x] {
    flex: 0 0 calc(75% - 8px);
    background-image: url('https://rentyournest.com/wp-content/uploads/2024/04/ryn-guide-to-finding-your-perfect-rental.webp');
}

.stay-guide-card-2[b-1m7cgamd0x] {
    flex: 0 0 calc(25% - 8px);
    background-image: url('https://rentyournest.com/wp-content/uploads/2024/05/Ryn-home-cover.png');
}

/* Overlay for cards with content at top (2 and 4) */
.stay-guide-card-2[b-1m7cgamd0x]::before,
.stay-guide-card-4[b-1m7cgamd0x]::before {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.4) 50%,
        rgba(0, 0, 0, 0.1) 100%
    );
}

/* Row 2: Card 3 = 25%, Card 4 = 25%, Card 5 = 50% */
.stay-guide-card-3[b-1m7cgamd0x] {
    flex: 0 0 calc(25% - 11px);
    background-image: url('https://rentyournest.com/wp-content/uploads/2024/04/how-ryn-simplifies-landlord-tacks.webp');
}

.stay-guide-card-4[b-1m7cgamd0x] {
    flex: 0 0 calc(25% - 11px);
    background-image: url('https://rentyournest.com/wp-content/uploads/2024/04/ryn-list-your-property.webp');
}

.stay-guide-card-5[b-1m7cgamd0x] {
    flex: 0 0 calc(50% - 11px);
    background-image: url('https://rentyournest.com/wp-content/uploads/2024/04/ryn-enhances-your-rental-experience.webp');
}

.stay-guide-kicker[b-1m7cgamd0x] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 8px 0;
}

.stay-guide-title[b-1m7cgamd0x] {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 16px 0;
}

.stay-guide-arrow[b-1m7cgamd0x] {
    align-self: flex-start;
}

.stay-guide-arrow svg[b-1m7cgamd0x] {
    transition: transform 0.3s ease;
}

.stay-guide-card:hover .stay-guide-arrow svg[b-1m7cgamd0x] {
    transform: translateX(4px);
}

@media (max-width: 1199px) {
    .stay-guides-row-1[b-1m7cgamd0x],
    .stay-guides-row-2[b-1m7cgamd0x] {
        flex-wrap: wrap;
    }
    
    .stay-guide-card-1[b-1m7cgamd0x] {
        flex: 0 0 calc(65% - 8px);
    }
    
    .stay-guide-card-2[b-1m7cgamd0x] {
        flex: 0 0 calc(35% - 8px);
    }
    
    .stay-guide-card-3[b-1m7cgamd0x],
    .stay-guide-card-4[b-1m7cgamd0x] {
        flex: 0 0 calc(33.333% - 11px);
    }
    
    .stay-guide-card-5[b-1m7cgamd0x] {
        flex: 0 0 calc(33.333% - 11px);
    }
    
    .stay-guide-card[b-1m7cgamd0x] {
        height: 350px;
    }
}

@media (max-width: 991px) {
    .stay-updated-title[b-1m7cgamd0x] {
        font-size: 28px;
    }
    
    .stay-guide-card-1[b-1m7cgamd0x],
    .stay-guide-card-2[b-1m7cgamd0x] {
        flex: 0 0 calc(50% - 8px);
    }
    
    .stay-guide-card-3[b-1m7cgamd0x],
    .stay-guide-card-4[b-1m7cgamd0x],
    .stay-guide-card-5[b-1m7cgamd0x] {
        flex: 0 0 calc(50% - 8px);
    }
    
    .stay-guide-card[b-1m7cgamd0x] {
        height: 320px;
    }
}

@media (max-width: 767px) {
    .stay-updated-header[b-1m7cgamd0x] {
        align-items: center;
        text-align: center;
    }
    
    .stay-updated-title[b-1m7cgamd0x] {
        font-size: 24px;
    }
    
    .stay-guide-card-1[b-1m7cgamd0x],
    .stay-guide-card-2[b-1m7cgamd0x],
    .stay-guide-card-3[b-1m7cgamd0x],
    .stay-guide-card-4[b-1m7cgamd0x],
    .stay-guide-card-5[b-1m7cgamd0x] {
        flex: 0 0 100%;
    }
    
    .stay-guide-card[b-1m7cgamd0x] {
        height: 300px;
    }
}

/* /Pages/Offers/Compare.razor.rz.scp.css */
/* Compare Page Styles */

/* Hero Section */
.ryn-compare-hero[b-xx0hi6eb4z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1232px;
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 24px 24px 24px;
    text-align: center;
}

.ryn-compare-hero h1[b-xx0hi6eb4z] {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 8px;
    line-height: 1.3;
}

.ryn-compare-subtitle[b-xx0hi6eb4z] {
    font-size: 16px;
    color: #485263;
    margin: 0;
}

/* Compare Container */
.ryn-compare-wrap[b-xx0hi6eb4z] {
    display: flex;
    flex-wrap: wrap;
    width: 1232px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 40px 0;
}

/* Compare Card */
.ryn-compare-card[b-xx0hi6eb4z] {
    position: relative;
    width: 50%;
    display: block;
}

.ryn-compare-card-wrap[b-xx0hi6eb4z] {
    margin: 8px;
    position: relative;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Image Slider */
.ryn-compare-card-slider[b-xx0hi6eb4z] {
    position: relative;
    width: 100%;
    height: auto;
}

.ryn-compare-slider-container[b-xx0hi6eb4z] {
    position: relative;
}

.ryn-compare-property-gallery-img[b-xx0hi6eb4z] {
    height: 300px;
    width: 100%;
    background-attachment: scroll;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease;
}

.ryn-compare-no-image[b-xx0hi6eb4z] {
    background: linear-gradient(135deg, #e3e3e3 0%, #f8f8f8 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ryn-compare-no-image span[b-xx0hi6eb4z] {
    color: #999;
    font-size: 14px;
}

/* Slider Navigation */
.ryn-compare-slider-nav[b-xx0hi6eb4z] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 8px;
    pointer-events: none;
}

.ryn-compare-nav-btn[b-xx0hi6eb4z] {
    pointer-events: auto;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #333;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.ryn-compare-nav-btn:hover[b-xx0hi6eb4z] {
    background: #fff;
    transform: scale(1.1);
}

.ryn-compare-nav-btn:focus-visible[b-xx0hi6eb4z] {
    outline: 3px solid #0095c0;
    outline-offset: 2px;
}

/* Slider Dots */
.ryn-compare-slider-dots[b-xx0hi6eb4z] {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}

.ryn-compare-dot[b-xx0hi6eb4z] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
}

.ryn-compare-dot:hover[b-xx0hi6eb4z] {
    background-color: #fff;
}

.ryn-compare-dot.active[b-xx0hi6eb4z] {
    background-color: #0095c0;
    transform: scale(1.2);
}

.ryn-compare-dot:focus-visible[b-xx0hi6eb4z] {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* Card Info Sections */
.ryn-compare-card-info1[b-xx0hi6eb4z],
.ryn-compare-card-info2[b-xx0hi6eb4z],
.ryn-compare-card-info3[b-xx0hi6eb4z],
.ryn-compare-card-info4[b-xx0hi6eb4z],
.ryn-compare-card-info5[b-xx0hi6eb4z] {
    border: 1px solid #e3e3e3;
    border-top: none;
    padding: 16px;
}

.ryn-compare-card-info1[b-xx0hi6eb4z] {
    background-color: #f8f8f8;
    border-top: 1px solid #e3e3e3;
}

.ryn-compare-card-info1 h2[b-xx0hi6eb4z] {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0 0 12px 0;
    line-height: 1.4;
}

/* Price and Date */
.ryn-compare-card-priceanddate[b-xx0hi6eb4z] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
}

.ryn-compare-card-price[b-xx0hi6eb4z] {
    font-size: 24px;
    font-weight: 700;
    color: #0095c0;
}

.ryn-compare-card-price span[b-xx0hi6eb4z] {
    font-size: 12px;
    font-weight: 600;
    color: #8fbeda;
}

.ryn-compare-card-date[b-xx0hi6eb4z] {
    display: inline-block;
    border: 1px solid #e3e3e3;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 700;
    color: #485263;
    border-radius: 4px;
    white-space: nowrap;
}

/* Main Info (specs) */
.ryn-compare-card-info2[b-xx0hi6eb4z] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.ryn-compare-maininfo[b-xx0hi6eb4z] {
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #485263;
}

.ryn-compare-maininfo img[b-xx0hi6eb4z] {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: 4px;
}

.ryn-compare-value[b-xx0hi6eb4z] {
    font-weight: 700;
    color: #1a1a2e;
}

/* Facilities */
.ryn-compare-card-info3 h3[b-xx0hi6eb4z],
.ryn-compare-card-info5 h3[b-xx0hi6eb4z] {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 12px 0;
}

.ryn-compare-facilities-list[b-xx0hi6eb4z] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ryn-compare-facility[b-xx0hi6eb4z],
.ryn-compare-service[b-xx0hi6eb4z] {
    font-size: 14px;
    font-weight: 500;
    color: #485263;
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background: #f8f8f8;
    border-radius: 4px;
}

.ryn-compare-facility img[b-xx0hi6eb4z],
.ryn-compare-service img[b-xx0hi6eb4z] {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: 8px;
    display: inline-block;
}

/* Description */
.ryn-compare-card-info5 p[b-xx0hi6eb4z] {
    font-size: 14px;
    line-height: 1.6;
    color: #485263;
    margin: 0;
}

/* CTA Button */
a.ryn-compare-solution-btn[b-xx0hi6eb4z] {
    width: 100%;
    max-width: 100%;
    background: #f4971e;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding: 16px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

a.ryn-compare-solution-btn:hover[b-xx0hi6eb4z] {
    background: #e08a1a;
}

a.ryn-compare-solution-btn:focus-visible[b-xx0hi6eb4z] {
    outline: 3px solid #0095c0;
    outline-offset: -3px;
}

/* Loading State */
.ryn-compare-loading[b-xx0hi6eb4z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    text-align: center;
}

.ryn-compare-loading p[b-xx0hi6eb4z] {
    margin-top: 16px;
    color: #485263;
}

/* Empty State */
.ryn-compare-empty[b-xx0hi6eb4z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}

.ryn-compare-empty h2[b-xx0hi6eb4z] {
    font-size: 24px;
    color: #1a1a2e;
    margin-bottom: 12px;
}

.ryn-compare-empty p[b-xx0hi6eb4z] {
    color: #485263;
    margin-bottom: 24px;
}

.ryn-btn-primary[b-xx0hi6eb4z] {
    display: inline-block;
    background: #0095c0;
    color: #fff;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
}

.ryn-btn-primary:hover[b-xx0hi6eb4z] {
    background: #007a9e;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .ryn-compare-hero h1[b-xx0hi6eb4z] {
        font-size: 28px;
    }

    .ryn-compare-property-gallery-img[b-xx0hi6eb4z] {
        height: 250px;
    }
}

@media (max-width: 767px) {
    .ryn-compare-card[b-xx0hi6eb4z] {
        width: 100%;
        margin-bottom: 16px;
    }

    .ryn-compare-hero[b-xx0hi6eb4z] {
        padding: 24px 16px;
    }

    .ryn-compare-hero h1[b-xx0hi6eb4z] {
        font-size: 24px;
    }

    .ryn-compare-wrap[b-xx0hi6eb4z] {
        padding: 0 8px 24px 8px;
    }

    .ryn-compare-card-wrap[b-xx0hi6eb4z] {
        margin: 0;
    }

    .ryn-compare-card-priceanddate[b-xx0hi6eb4z] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .ryn-compare-property-gallery-img[b-xx0hi6eb4z] {
        height: 220px;
    }
}

/* Print Styles */
@media print {
    .ryn-compare-wrap[b-xx0hi6eb4z] {
        display: block;
    }

    .ryn-compare-card[b-xx0hi6eb4z] {
        width: 100%;
        page-break-inside: avoid;
        margin-bottom: 24px;
    }

    .ryn-compare-slider-nav[b-xx0hi6eb4z],
    .ryn-compare-slider-dots[b-xx0hi6eb4z] {
        display: none;
    }

    a.ryn-compare-solution-btn[b-xx0hi6eb4z] {
        display: none;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .ryn-compare-card-wrap[b-xx0hi6eb4z] {
        border: 2px solid #000;
    }

    .ryn-compare-card-price[b-xx0hi6eb4z] {
        color: #000;
    }

    a.ryn-compare-solution-btn[b-xx0hi6eb4z] {
        background: #000;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .ryn-compare-property-gallery-img[b-xx0hi6eb4z] {
        transition: none;
    }

    .ryn-compare-nav-btn[b-xx0hi6eb4z],
    a.ryn-compare-solution-btn[b-xx0hi6eb4z] {
        transition: none;
    }
}

/* Back to Listings Actions */
.ryn-compare-actions[b-xx0hi6eb4z] {
    display: flex;
    justify-content: center;
    width: 1232px;
    max-width: 100%;
    margin: 0 auto;
    padding: 24px 24px 48px 24px;
}

.ryn-compare-back-btn[b-xx0hi6eb4z] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    background: #fff;
    color: #485263;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.ryn-compare-back-btn:hover[b-xx0hi6eb4z] {
    background: #f8f9fa;
    border-color: #0095c0;
    color: #0095c0;
}

.ryn-compare-back-btn:focus-visible[b-xx0hi6eb4z] {
    outline: 3px solid #0095c0;
    outline-offset: 2px;
}

.ryn-compare-back-btn svg[b-xx0hi6eb4z] {
    flex-shrink: 0;
}
/* /Pages/Offers/Detail.razor.rz.scp.css */
/* Detail Page Styles */

/* Containers */
.ryn-detail-container-1[b-an5p28cxeb] {
    width: 1232px;
    max-width: 100%;
    margin: 0 auto;
    padding: 16px 0px 0px 0px;
}

.ryn-detail-container-2[b-an5p28cxeb] {
    width: 1232px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 0px 16px 0px;
}

/* Breadcrumbs */
.ryn-detail-breadcrumbs[b-an5p28cxeb] {
    background-color: rgba(248, 248, 248, 1);
    color: rgba(170, 170, 170, 1);
    font-size: 12px;
    font-weight: 600;
}

.ryn-detail-breadcrumbs-wrap[b-an5p28cxeb] {
    width: 1232px;
    max-width: 100%;
    padding: 16px 24px;
    margin: 0 auto;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ryn-detail-breadcrumbs .breadcrumb-item[b-an5p28cxeb] {
    list-style-type: none;
    display: inline-flex;
    align-items: center;
}

/* Remove Bootstrap default "/" separator */
.ryn-detail-breadcrumbs .breadcrumb-item + .breadcrumb-item[b-an5p28cxeb]::before {
    content: none !important;
    display: none !important;
    padding: 0 !important;
}

/* Add custom caret separator after non-active items */
.ryn-detail-breadcrumbs .breadcrumb-item:not(.active)[b-an5p28cxeb]::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 10px;
    background-image: url("/assets/images/brand/Icons fill/svg/Property%201=CaretRight.svg");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 8px;
}

.ryn-detail-breadcrumbs a[b-an5p28cxeb] {
    color: rgba(72, 82, 99, 1);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.ryn-detail-breadcrumbs a:hover[b-an5p28cxeb] {
    text-decoration: underline;
}

.ryn-detail-breadcrumbs .breadcrumb-item.active[b-an5p28cxeb] {
    color: rgba(170, 170, 170, 1);
}

/* Main Info Section */
.ryn-detail-main-info[b-an5p28cxeb] {
    display: flex;
    flex-wrap: wrap;
}

.ryn-detail-main-info-1[b-an5p28cxeb],
.ryn-detail-main-info-2[b-an5p28cxeb] {
    width: 50%;
    padding: 24px;
    box-sizing: border-box;
}

.ryn-detail-main-info-2[b-an5p28cxeb] {
    text-align: right;
}

.ryn-detail-main-info-1 h1[b-an5p28cxeb] {
    font-size: 28px;
    font-weight: 600;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: rgba(72, 82, 99, 1);
    margin-right: 40px;
    margin-bottom: 8px;
}

.ryn-detail-main-info-1 h6[b-an5p28cxeb] {
    font-size: 14px;
    font-weight: 600;
    color: rgba(0, 149, 192, 1);
    margin: 0;
}

.ryn-detail-main-info-2 p[b-an5p28cxeb] {
    font-size: 14px;
    font-weight: 500;
    color: rgba(143, 190, 218, 1);
    margin: 0;
}

.ryn-detail-main-info-2 p span.price-number[b-an5p28cxeb] {
    font-size: 24px;
    font-weight: 700;
    color: rgba(0, 149, 192, 1);
}

/* Marker Icon */
.ryn-marker[b-an5p28cxeb] {
    width: 12px;
    margin: 0px 4px -2px 0px;
}

/* Secondary Info Section */
.ryn-detail-secondary-info[b-an5p28cxeb] {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid rgba(227, 227, 227, 1);
}

.ryn-detail-secondary-info-1[b-an5p28cxeb] {
    width: 100%;
    padding: 24px;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 600;
    color: rgba(170, 170, 170, 1);
    line-height: 1;
    display: flex;
    gap: 16px;
}

.ryn-detail-secondary-info-1 span[b-an5p28cxeb] {
    font-size: 12px;
}

.ryn-detail-meters2[b-an5p28cxeb],
.ryn-detail-bathrooms[b-an5p28cxeb],
.ryn-detail-bedrooms[b-an5p28cxeb] {
    border-right: 1px solid rgba(227, 227, 227, 1);
    padding: 8px 16px 8px 0;
    display: inline-block;
}

.ryn-detail-bedrooms[b-an5p28cxeb] {
    border-right: none;
}

.ryn-detail-meters2 img[b-an5p28cxeb],
.ryn-detail-bathrooms img[b-an5p28cxeb],
.ryn-detail-bedrooms img[b-an5p28cxeb] {
    display: inline-block;
    width: 16px;
    margin: 0px 4px -3px 0px;
}

/* Carousel - Shows 3 images at once */
.ryn-detail-carousel[b-an5p28cxeb] {
    padding: 0px 24px 16px 24px;
    width: 1232px;
    max-width: 100%;
    margin: 0 auto;
}

.ryn-detail-carousel-wrap[b-an5p28cxeb] {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.ryn-detail-carousel-track[b-an5p28cxeb] {
    display: flex;
    gap: 16px;
    transition: transform 0.4s ease-in-out;
}

.ryn-detail-carousel-slide[b-an5p28cxeb] {
    flex: 0 0 calc(33.333% - 11px);
    position: relative;
}

.ryn-detail-carousel01-img[b-an5p28cxeb] {
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.ryn-detail-carousel01-img:hover[b-an5p28cxeb] {
    opacity: 0.9;
    transform: scale(1.02);
}

.ryn-detail-zoom-icon[b-an5p28cxeb] {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 20;
    width: 28px;
    height: 28px;
    object-fit: contain;
    cursor: pointer;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    padding: 4px;
    opacity: 0;
}

.ryn-detail-carousel-slide:hover .ryn-detail-zoom-icon[b-an5p28cxeb] {
    opacity: 1;
}

.ryn-detail-zoom-icon:hover[b-an5p28cxeb] {
    transform: scale(1.1);
    background: #fff;
}

/* Carousel Navigation Arrows */
.ryn-carousel-arrow[b-an5p28cxeb] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.ryn-carousel-arrow:hover:not(:disabled)[b-an5p28cxeb] {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transform: translateY(-50%) scale(1.05);
}

.ryn-carousel-arrow:disabled[b-an5p28cxeb] {
    opacity: 0.4;
    cursor: not-allowed;
}

.ryn-carousel-arrow img[b-an5p28cxeb] {
    width: 20px;
    height: 20px;
}

.ryn-carousel-arrow-prev[b-an5p28cxeb] {
    left: 16px;
}

.ryn-carousel-arrow-next[b-an5p28cxeb] {
    right: 16px;
}

/* Carousel Indicators */
.ryn-detail-carousel01-nav[b-an5p28cxeb] {
    width: 1232px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 24px 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.ryn-detail-carousel-indicators[b-an5p28cxeb] {
    display: flex;
    gap: 6px;
    z-index: 10;
    max-width: 100%;
    justify-content: center;
}

.ryn-carousel-indicator[b-an5p28cxeb] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(143, 190, 218, 0.4);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    flex-shrink: 0;
}

.ryn-carousel-indicator:hover[b-an5p28cxeb] {
    background-color: rgba(143, 190, 218, 0.7);
}

.ryn-carousel-indicator.active[b-an5p28cxeb] {
    background-color: rgba(0, 149, 192, 1);
    transform: scale(1.3);
}

/* Small counter shown when there are many images */
.ryn-carousel-counter-small[b-an5p28cxeb] {
    font-size: 12px;
    font-weight: 500;
    color: rgba(144, 144, 144, 1);
}

/* Lightbox */
.ryn-detail-lightbox[b-an5p28cxeb] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    padding: 20px;
    box-sizing: border-box;
}

.ryn-detail-lightbox-content[b-an5p28cxeb] {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
}

.ryn-detail-lightbox-content img[b-an5p28cxeb] {
    max-width: 100%;
    max-height: 85vh;
    object-fit: contain;
    border-radius: 8px;
}

.ryn-detail-lightbox-close[b-an5p28cxeb] {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 36px;
    cursor: pointer;
    transition: opacity 0.3s ease;
    line-height: 1;
}

.ryn-detail-lightbox-close:hover[b-an5p28cxeb] {
    opacity: 0.7;
}

.ryn-detail-lightbox-close:focus-visible[b-an5p28cxeb] {
    outline: 3px solid #0095c0;
    outline-offset: 2px;
}

.ryn-detail-lightbox-prev[b-an5p28cxeb],
.ryn-detail-lightbox-next[b-an5p28cxeb] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #fff;
    font-size: 48px;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 4px;
    transition: background 0.3s ease;
    line-height: 1;
    min-width: 60px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ryn-detail-lightbox-prev:hover[b-an5p28cxeb],
.ryn-detail-lightbox-next:hover[b-an5p28cxeb] {
    background: rgba(255, 255, 255, 0.4);
}

.ryn-detail-lightbox-prev:focus-visible[b-an5p28cxeb],
.ryn-detail-lightbox-next:focus-visible[b-an5p28cxeb] {
    outline: 3px solid #0095c0;
    outline-offset: 2px;
}

.ryn-detail-lightbox-prev[b-an5p28cxeb] {
    left: -60px;
}

.ryn-detail-lightbox-next[b-an5p28cxeb] {
    right: -60px;
}

/* Lightbox image counter */
.ryn-lightbox-counter[b-an5p28cxeb] {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.5);
    padding: 6px 16px;
    border-radius: 20px;
}

/* Details Section */
.ryn-detail-details[b-an5p28cxeb] {
    padding: 24px;
    border-bottom: 1px solid rgba(227, 227, 227, 1);
}

.ryn-detail-details h5[b-an5p28cxeb] {
    font-size: 18px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    margin-bottom: 16px;
}

.ryn-detail-details p[b-an5p28cxeb] {
    font-size: 14px;
    font-weight: 400;
    color: rgba(144, 144, 144, 1);
    line-height: 1.6;
    margin: 0;
}

/* Facilities */
.ryn-detail-facilities[b-an5p28cxeb] {
    padding: 24px;
}

.ryn-detail-facilities h5[b-an5p28cxeb] {
    font-size: 18px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    margin-bottom: 20px;
}

.ryn-detail-facilities span[b-an5p28cxeb] {
    font-size: 14px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    display: inline-block;
    padding: 0px 32px 16px 0px;
}

.ryn-detail-facilities span img[b-an5p28cxeb] {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0px 6px -3px 0px;
    object-fit: contain;
}

/* Related Properties */
.ryn-detail-related[b-an5p28cxeb] {
    padding: 24px 24px 0px 24px;
}

/* Position Section */
.ryn-detail-position[b-an5p28cxeb] {
    display: flex;
    flex-wrap: nowrap;
    padding: 24px;
    gap: 16px;
    border-bottom: 1px solid rgba(227, 227, 227, 1);
}

.ryn-detail-position-1[b-an5p28cxeb],
.ryn-detail-position-2[b-an5p28cxeb] {
    width: 50%;
    padding: 24px;
    box-sizing: border-box;
}

.ryn-detail-position-1[b-an5p28cxeb] {
    background-color: rgba(248, 248, 248, 1);
    border-radius: 8px;
}

.ryn-detail-position-1 h5[b-an5p28cxeb] {
    font-size: 18px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    margin-bottom: 32px;
}

.ryn-position-text[b-an5p28cxeb] {
    font-size: 14px;
    font-weight: 400;
    color: rgba(144, 144, 144, 1);
    line-height: 1.7;
    margin: 0;
    height: 380px;
    overflow-y: auto;
}

.ryn-detail-position-2[b-an5p28cxeb] {
    padding: 0;
}

/* Tabs */
.ryn-detail-tabs[b-an5p28cxeb] {
    width: 100%;
}

.ryn-detail-tabs-nav[b-an5p28cxeb] {
    background-color: rgba(143, 190, 218, 0.16);
    padding: 8px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 80px;
}

.ryn-detail-tablinks[b-an5p28cxeb] {
    width: 25%;
    border: none;
    cursor: pointer;
    padding: 8px 32px;
    border-radius: 80px;
    background: none;
    color: rgba(93, 168, 204, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.ryn-detail-tablinks:hover[b-an5p28cxeb],
.ryn-detail-tablinks:focus[b-an5p28cxeb] {
    border: none;
    outline: none;
    background: none;
    color: rgba(72, 82, 99, 1);
}

.ryn-detail-tablinks.active[b-an5p28cxeb] {
    color: rgba(72, 82, 99, 1);
    background-color: #fff;
}

.ryn-detail-tablinks svg[b-an5p28cxeb] {
    width: 14px;
    height: 16px;
}

.ryn-detail-tablinks svg path[b-an5p28cxeb] {
    fill: rgba(93, 168, 204, 1);
    transition: fill 0.3s ease;
}

.ryn-detail-tablinks:hover svg path[b-an5p28cxeb],
.ryn-detail-tablinks.active svg path[b-an5p28cxeb] {
    fill: rgba(72, 82, 99, 1);
}

/* Tab Content */
.ryn-detail-tabcontent[b-an5p28cxeb] {
    display: none;
    padding: 16px 0;
    margin-top: 16px;
}

.ryn-detail-tabcontent.active[b-an5p28cxeb] {
    display: block;
}

/* Map Container */
.map-container[b-an5p28cxeb] {
    width: 100%;
    height: 380px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(227, 227, 227, 1);
}

.map-container iframe[b-an5p28cxeb] {
    width: 100%;
    height: 100%;
    border: none;
}

.map-container a[b-an5p28cxeb] {
    display: block;
    width: 100%;
    height: 100%;
}

.static-map-image[b-an5p28cxeb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.static-map-image:hover[b-an5p28cxeb] {
    opacity: 0.9;
}

/* Can't Find / View in Google Maps Link */
.cant-find[b-an5p28cxeb] {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0px;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 5;
    margin-bottom: 8px;
}

.cant-find-1[b-an5p28cxeb] {
    width: 100%;
    padding: 8px 0;
    box-sizing: border-box;
}

.cant-find p[b-an5p28cxeb] {
    font-size: 14px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    margin: 0;
}

.cant-find p a[b-an5p28cxeb] {
    font-size: 14px;
    font-weight: 600;
    color: rgba(0, 149, 192, 1);
    text-decoration: underline;
}

.cant-find p a:hover[b-an5p28cxeb] {
    color: rgba(0, 120, 160, 1);
}

/* Distance List */
.distance-list[b-an5p28cxeb] {
    height: 380px;
    overflow-y: auto;
    padding: 0 16px 16px 16px;
}

.distance-info[b-an5p28cxeb] {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(227, 227, 227, 1);
    align-items: flex-end;
    padding: 12px 0;
}

.distance-info:first-child[b-an5p28cxeb] {
    padding-top: 0;
}

.distance-info:last-child[b-an5p28cxeb] {
    border-bottom: none;
}

.distance-info-1[b-an5p28cxeb] {
    width: 80%;
    padding: 8px;
    box-sizing: border-box;
}

.distance-info-2[b-an5p28cxeb] {
    width: 20%;
    padding: 8px;
    box-sizing: border-box;
    text-align: right;
}

.distance-info .distance-info-1 h4[b-an5p28cxeb] {
    color: rgba(93, 168, 204, 1);
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 4px 0;
}

.distance-info .distance-info-1 p[b-an5p28cxeb] {
    margin-bottom: 0;
    color: rgba(72, 82, 99, 1);
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

.distance-info .distance-info-1 p img[b-an5p28cxeb] {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.distance-info .distance-info-2 .distance-min[b-an5p28cxeb] {
    display: inline-block;
    padding: 4px 8px;
    font-weight: 700;
    font-size: 12px;
    color: rgba(72, 82, 99, 1);
    border: 1px solid rgba(227, 227, 227, 1);
    border-radius: 4px;
}

.no-results[b-an5p28cxeb] {
    text-align: center;
    color: rgba(144, 144, 144, 1);
    font-size: 14px;
    padding: 40px 20px;
}

.ryn-detail-related h2[b-an5p28cxeb] {
    font-size: 22px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    margin-bottom: 8px;
}

.ryn-detail-related p[b-an5p28cxeb] {
    font-size: 14px;
    font-weight: 400;
    color: rgba(144, 144, 144, 1);
    margin-bottom: 24px;
}

/* Fixed Bar */
.ryn-detail-content[b-an5p28cxeb] {
    position: relative;
}

.ryn-detail-fixedbar[b-an5p28cxeb] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    max-width: 100%;
    display: flex;
    padding: 8px 24px;
    background-color: rgba(248, 248, 248, 1);
    border-top: 1px solid rgba(223, 223, 223, 1);
    z-index: 100;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.ryn-detail-fixedbar-price-and-date[b-an5p28cxeb] {
    padding: 8px;
    box-sizing: border-box;
    text-align: right;
}

.ryn-detail-fixedbar-price-and-date > div[b-an5p28cxeb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ryn-detail-fixedbar-price-and-date span.ryn-price[b-an5p28cxeb] {
    font-size: 14px;
    font-weight: 500;
    color: rgba(143, 190, 218, 1);
    margin: 8px 16px 8px 0;
}

.ryn-detail-fixedbar-price-and-date span.ryn-price span[b-an5p28cxeb] {
    font-size: 24px;
    font-weight: 700;
    color: rgba(0, 149, 192, 1);
}

.ryn-detail-fixedbar-price-and-date span.ryn-date[b-an5p28cxeb] {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: rgba(72, 82, 99, 1);
    padding: 8px 16px;
    border: 1px solid rgba(227, 227, 227, 1);
}

.ryn-detail-fixedbar-contact-btn[b-an5p28cxeb] {
    padding: 8px;
    box-sizing: border-box;
    text-align: right;
}

.ryn-detail-fixedbar-contact-btn a[b-an5p28cxeb] {
    border-radius: 2px;
    background-color: rgba(244, 151, 30, 1);
    color: #fff;
    font-weight: 600;
    padding: 16px 32px;
    display: inline-block;
    transition: all 0.5s ease;
    border: none;
    text-decoration: none;
}

.ryn-detail-fixedbar-contact-btn a:hover[b-an5p28cxeb] {
    background-color: rgba(244, 151, 30, 0.8);
}

/* Responsive */
@media (max-width: 768px) {
    .ryn-detail-fixedbar-price-and-date > div[b-an5p28cxeb] {
        flex-wrap: wrap;
    }

    /* Show 2 images on tablet */
    .ryn-detail-carousel-slide[b-an5p28cxeb] {
        flex: 0 0 calc(50% - 8px);
    }

    .ryn-detail-carousel01-img[b-an5p28cxeb] {
        height: 250px;
    }
}

@media (max-width: 767px) {
    .ryn-detail-main-info-1[b-an5p28cxeb],
    .ryn-detail-main-info-2[b-an5p28cxeb] {
        width: 100%;
        text-align: left;
        padding: 0px 24px 16px 24px;
    }

    .ryn-detail-main-info-1 h1[b-an5p28cxeb] {
        margin-right: 0;
    }

    .ryn-detail-secondary-info-1[b-an5p28cxeb] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .ryn-detail-meters2[b-an5p28cxeb],
    .ryn-detail-bathrooms[b-an5p28cxeb],
    .ryn-detail-bedrooms[b-an5p28cxeb] {
        border-right: none;
        padding: 8px 0;
    }

    .ryn-detail-position[b-an5p28cxeb] {
        flex-wrap: wrap;
    }

    .ryn-detail-position-1[b-an5p28cxeb],
    .ryn-detail-position-2[b-an5p28cxeb] {
        width: 100%;
    }

    .ryn-detail-position-1[b-an5p28cxeb] {
        margin-bottom: 16px;
    }

    .ryn-detail-position-2[b-an5p28cxeb] {
        padding: 0;
    }

    .ryn-position-text[b-an5p28cxeb] {
        height: auto;
        max-height: 200px;
    }

    .map-container[b-an5p28cxeb] {
        height: 300px;
    }

    .ryn-detail-tablinks[b-an5p28cxeb] {
        padding: 8px 16px;
    }

    .ryn-detail-fixedbar[b-an5p28cxeb] {
        padding: 8px 16px;
    }

    .ryn-detail-fixedbar-price-and-date[b-an5p28cxeb],
    .ryn-detail-fixedbar-contact-btn[b-an5p28cxeb] {
        width: 50%;
    }

    .ryn-detail-fixedbar-contact-btn a[b-an5p28cxeb] {
        padding: 12px 16px;
        font-size: 14px;
    }

    .ryn-detail-lightbox-prev[b-an5p28cxeb],
    .ryn-detail-lightbox-next[b-an5p28cxeb] {
        font-size: 32px;
        padding: 8px 12px;
    }

    .ryn-detail-lightbox-prev[b-an5p28cxeb] {
        left: 10px;
    }

    .ryn-detail-lightbox-next[b-an5p28cxeb] {
        right: 10px;
    }

    .ryn-lightbox-counter[b-an5p28cxeb] {
        bottom: -50px;
        font-size: 12px;
    }

    .ryn-carousel-arrow[b-an5p28cxeb] {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }

    .ryn-carousel-arrow img[b-an5p28cxeb] {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 556px) {
    .ryn-date[b-an5p28cxeb] {
        display: none !important;
    }

    /* Show 1 image on mobile */
    .ryn-detail-carousel-slide[b-an5p28cxeb] {
        flex: 0 0 100%;
    }

    .ryn-detail-carousel01-img[b-an5p28cxeb] {
        height: 220px;
    }

    .ryn-detail-carousel[b-an5p28cxeb] {
        padding: 0px 16px 16px 16px;
    }

    .ryn-carousel-arrow-prev[b-an5p28cxeb] {
        left: 8px;
    }

    .ryn-carousel-arrow-next[b-an5p28cxeb] {
        right: 8px;
    }

    /* Lightbox mobile improvements */
    .ryn-detail-lightbox-prev[b-an5p28cxeb],
    .ryn-detail-lightbox-next[b-an5p28cxeb] {
        font-size: 28px;
        min-width: 48px;
        min-height: 48px;
        padding: 10px;
    }

    .ryn-detail-lightbox-close[b-an5p28cxeb] {
        min-width: 44px;
        min-height: 44px;
        font-size: 28px;
    }

    /* Ensure fixed bar buttons are touch-friendly */
    .ryn-detail-fixedbar-contact-btn a[b-an5p28cxeb] {
        min-height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Loading States */
.ryn-detail-loading[b-an5p28cxeb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    padding: 40px;
}

.ryn-detail-loading-spinner[b-an5p28cxeb] {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(143, 190, 218, 0.3);
    border-top-color: rgba(0, 149, 192, 1);
    border-radius: 50%;
    animation: spin-b-an5p28cxeb 1s linear infinite;
}

.ryn-detail-loading p[b-an5p28cxeb] {
    margin-top: 16px;
    font-size: 16px;
    color: rgba(144, 144, 144, 1);
}

@keyframes spin-b-an5p28cxeb {
    to {
        transform: rotate(360deg);
    }
}

/* Not Found State */
.ryn-detail-not-found[b-an5p28cxeb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    padding: 40px;
    text-align: center;
}

.ryn-detail-not-found h2[b-an5p28cxeb] {
    font-size: 24px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    margin-bottom: 16px;
}

.ryn-detail-not-found p[b-an5p28cxeb] {
    font-size: 16px;
    color: rgba(144, 144, 144, 1);
    margin-bottom: 24px;
}

.ryn-btn-primary[b-an5p28cxeb] {
    background-color: rgba(0, 149, 192, 1);
    color: #fff;
    padding: 12px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.ryn-btn-primary:hover[b-an5p28cxeb] {
    background-color: rgba(0, 120, 160, 1);
}

/* Related Offers Container */
.ryn-listing-card-related-container[b-an5p28cxeb] {
    padding: 0 24px 24px 24px;
    width: 1232px;
    max-width: 100%;
    margin: 0 auto;
}

.ryn-related-loading[b-an5p28cxeb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    min-height: 200px;
}

.ryn-related-loading-spinner[b-an5p28cxeb] {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(143, 190, 218, 0.3);
    border-top-color: rgba(0, 149, 192, 1);
    border-radius: 50%;
    animation: spin-b-an5p28cxeb 1s linear infinite;
}

.ryn-related-loading p[b-an5p28cxeb] {
    margin-top: 12px;
    font-size: 14px;
    color: rgba(144, 144, 144, 1);
}

.ryn-no-related[b-an5p28cxeb] {
    text-align: center;
    color: rgba(144, 144, 144, 1);
    font-size: 14px;
    padding: 40px 20px;
}

/* Related Offers Cards */
.ryn-listing-wrap[b-an5p28cxeb] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.ryn-listing-card[b-an5p28cxeb] {
    flex: 0 0 calc(33.333% - 16px);
    max-width: calc(33.333% - 16px);
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.ryn-listing-card:hover[b-an5p28cxeb] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.ryn-listing-card-wrap[b-an5p28cxeb] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ryn-listing-card-image[b-an5p28cxeb] {
    position: relative;
    overflow: hidden;
}

.ryn-listing-card-image a[b-an5p28cxeb] {
    display: block;
}

.ryn-listing-card-image .ryn-property-gallery-img[b-an5p28cxeb] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.ryn-listing-card:hover .ryn-property-gallery-img[b-an5p28cxeb] {
    transform: scale(1.05);
}

/* No Image Placeholder */
.ryn-no-image-placeholder[b-an5p28cxeb] {
    width: 100%;
    height: 200px;
    background-color: rgba(248, 248, 248, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.ryn-no-image-placeholder img[b-an5p28cxeb] {
    width: 48px;
    height: 48px;
    opacity: 0.4;
}

.ryn-no-image-placeholder span[b-an5p28cxeb] {
    font-size: 12px;
    color: rgba(170, 170, 170, 1);
    font-weight: 500;
}

.ryn-listing-card-info1[b-an5p28cxeb] {
    padding: 16px;
}

.ryn-listing-card-address[b-an5p28cxeb] {
    font-size: 12px;
    font-weight: 500;
    color: rgba(0, 149, 192, 1);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.ryn-listing-card-address img[b-an5p28cxeb] {
    width: 12px;
    height: 12px;
}

.ryn-listing-card-title[b-an5p28cxeb] {
    font-size: 16px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    margin-bottom: 12px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ryn-divider[b-an5p28cxeb] {
    height: 1px;
    background-color: rgba(227, 227, 227, 1);
    margin: 12px 0;
}

.info1sub[b-an5p28cxeb] {
    display: flex;
    gap: 16px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(144, 144, 144, 1);
}

.info1sub div[b-an5p28cxeb] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.info1sub div img[b-an5p28cxeb] {
    width: 14px;
    height: 14px;
}

.info1sub div span[b-an5p28cxeb] {
    font-size: 12px;
    color: rgba(170, 170, 170, 1);
}

.ryn-listing-card-info2[b-an5p28cxeb] {
    padding: 0 16px;
}

.info2sub[b-an5p28cxeb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ryn-listing-card-price[b-an5p28cxeb] {
    font-size: 14px;
    font-weight: 500;
    color: rgba(143, 190, 218, 1);
}

.ryn-listing-card-price .price-number[b-an5p28cxeb] {
    font-size: 20px;
    font-weight: 700;
    color: rgba(0, 149, 192, 1);
}

.ryn-listing-card-price span:last-child[b-an5p28cxeb] {
    font-size: 12px;
    color: rgba(170, 170, 170, 1);
}

.ryn-listing-card-from[b-an5p28cxeb] {
    font-size: 12px;
    font-weight: 500;
    color: rgba(144, 144, 144, 1);
}

.ryn-listing-card-info3[b-an5p28cxeb] {
    padding: 0 16px 16px 16px;
    margin-top: auto;
}

.info3sub[b-an5p28cxeb] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.info3sub .ryn-detail-btn[b-an5p28cxeb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: rgba(244, 151, 30, 1);
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(244, 151, 30, 0.3);
}

.info3sub .ryn-detail-btn:hover[b-an5p28cxeb] {
    background-color: rgba(244, 151, 30, 0.85);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(244, 151, 30, 0.4);
}

.info3sub .ryn-detail-btn img[b-an5p28cxeb] {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
}

/* Responsive for Related Cards */
@media (max-width: 992px) {
    .ryn-listing-card[b-an5p28cxeb] {
        flex: 0 0 calc(50% - 12px);
        max-width: calc(50% - 12px);
    }
}

@media (max-width: 576px) {
    .ryn-listing-card[b-an5p28cxeb] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ryn-listing-card-related-container[b-an5p28cxeb] {
        padding: 0 16px 24px 16px;
    }
}
/* /Pages/Offers/Listing.razor.rz.scp.css */
/* Page background */
:host[b-c9o2s9adcm] {
  background-color: #f8f8f8;
}

.listing-hero[b-c9o2s9adcm] { background: #f8f8f8; }

/* Page container */
.ryn-container[b-c9o2s9adcm] {
  width: 1232px;
  max-width: 100%;
  margin: 0 auto;
  padding: 40px 24px;
}

/* Hero Section */
.listing-hero-section[b-c9o2s9adcm] {
  padding-top: 40px;
  padding-bottom: 24px;
  background-color: #f8f8f8;
}

/* Listing Section */
.ryn-listing-section[b-c9o2s9adcm] {
  background-color: #f8f8f8;
}

.ryn-listing-section .ryn-container[b-c9o2s9adcm] {
  padding-top: 16px;
  padding-bottom: 0;
}

.ryn-page-title[b-c9o2s9adcm] {
  font-size: 28px;
  font-weight: 700;
  color: rgba(72, 82, 99, 1);
  margin: 0 0 16px 0;
  line-height: 1.3;
}

.ryn-page-intro[b-c9o2s9adcm] {
  font-size: 16px;
  font-weight: 400;
  color: rgba(144, 144, 144, 1);
  line-height: 1.6;
  margin: 0;
}

.ryn-page-intro strong[b-c9o2s9adcm] {
  font-weight: 600;
  color: rgba(72, 82, 99, 1);
}

.ryn-page-intro a[b-c9o2s9adcm] {
  color: rgba(0, 149, 192, 1);
  text-decoration: none;
}

.ryn-page-intro a:hover[b-c9o2s9adcm] {
  text-decoration: underline;
}

/* Info Section at bottom */
.listing-info-section[b-c9o2s9adcm] {
  padding-top: 40px;
  padding-bottom: 60px;
  background-color: #f8f8f8;
}

.listing-info-section .ryn-container[b-c9o2s9adcm] {
  padding-top: 0;
  padding-bottom: 0;
}

.listing-info-section h2[b-c9o2s9adcm] {
  font-size: 22px;
  font-weight: 700;
  color: rgba(72, 82, 99, 1);
  margin: 32px 0 16px 0;
}

.listing-info-section h2:first-child[b-c9o2s9adcm] {
  margin-top: 0;
}

.listing-info-section p[b-c9o2s9adcm] {
  font-size: 15px;
  font-weight: 400;
  color: rgba(144, 144, 144, 1);
  line-height: 1.7;
  margin: 0 0 16px 0;
}

.listing-info-section p strong[b-c9o2s9adcm] {
  font-weight: 600;
  color: rgba(72, 82, 99, 1);
}

.listing-info-section p a[b-c9o2s9adcm] {
  color: rgba(0, 149, 192, 1);
  text-decoration: none;
}

.listing-info-section p a:hover[b-c9o2s9adcm] {
  text-decoration: underline;
}

/* Listing Cards Container */
.ryn-listing-wrap[b-c9o2s9adcm] {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1232px;
  margin: 0 auto;
  padding: 0px 0px 40px 0px;
}

/* Individual Listing Card */
.ryn-listing-card[b-c9o2s9adcm] {
  width: 33.33%;
  margin-bottom: 24px;
}

.ryn-listing-card-wrap[b-c9o2s9adcm] {
  margin: 24px 24px 0px 24px;
  min-height: 510px;
  box-shadow: 1px 1px 5px #ccc;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background: #fff;
}

.ryn-listing-card-link[b-c9o2s9adcm] {
  display: block;
  text-decoration: none;
}

.ryn-property-gallery-img[b-c9o2s9adcm] {
  height: 248px;
  width: 100%;
  object-fit: cover;
}

/* Card Info Section 1 - Address, Title, Meta */
.ryn-listing-card-info1[b-c9o2s9adcm] {
  padding: 16px;
  background-color: rgba(248, 248, 248, 1);
}

.ryn-listing-card-address[b-c9o2s9adcm] {
  font-size: 12px;
  font-weight: 600;
  color: rgba(144, 144, 144, 1);
  margin-bottom: 8px;
  text-transform: capitalize;
}

.ryn-listing-card-address img[b-c9o2s9adcm] {
  margin-bottom: -2px;
  margin-right: 4px;
  width: 14px;
  height: 14px;
}

.ryn-listing-card-title[b-c9o2s9adcm] {
  font-size: 16px;
  font-weight: 600;
  color: rgba(72, 82, 99, 1);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 44px;
}

.info1sub[b-c9o2s9adcm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.info1sub div[b-c9o2s9adcm] {
  width: 33.33%;
  font-size: 12px;
  font-weight: 600;
  color: rgba(144, 144, 144, 1);
}

.info1sub div img[b-c9o2s9adcm] {
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
  margin-right: 4px;
}

.info1sub .listing-numbers[b-c9o2s9adcm] {
  font-weight: 700;
  color: rgba(72, 82, 99, 1);
}

/* Card Info Section 2 - Price */
.ryn-listing-card-info2[b-c9o2s9adcm] {
  padding: 16px 16px 56px 16px;
  background-color: #fff;
}

.info2sub[b-c9o2s9adcm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.info2sub div[b-c9o2s9adcm] {
  width: 50%;
  font-size: 12px;
  font-weight: 600;
  color: rgba(144, 144, 144, 1);
}

.ryn-listing-card-price[b-c9o2s9adcm] {
  font-size: 22px;
  font-weight: 700;
  color: rgba(0, 149, 192, 1);
}

.ryn-listing-card-price span.price-number[b-c9o2s9adcm] {
  font-size: 22px;
  font-weight: 700;
  color: rgba(0, 149, 192, 1);
}

.ryn-listing-card-from[b-c9o2s9adcm] {
  text-align: right;
}

.ryn-listing-card-from b[b-c9o2s9adcm] {
  font-size: 12px;
  font-weight: 700;
  color: rgba(72, 82, 99, 1);
  display: inline-block;
  border: 1px solid rgba(227, 227, 227, 1);
  padding: 6px 12px;
  line-height: 1;
}

/* Card Info Section 3 - Actions */
.ryn-listing-card-info3[b-c9o2s9adcm] {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0px 16px 16px 16px;
}

.info3sub[b-c9o2s9adcm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.info3sub div[b-c9o2s9adcm] {
  width: 50%;
  font-size: 12px;
  font-weight: 600;
  color: rgba(72, 82, 99, 1);
}

.info3sub div:last-child[b-c9o2s9adcm] {
  text-align: right;
}

.info3sub div a[b-c9o2s9adcm] {
  font-size: 12px;
  font-weight: 600;
  color: rgba(72, 82, 99, 1);
  text-decoration: none;
  transition: color 0.3s ease;
}

.info3sub div a:hover[b-c9o2s9adcm] {
  color: rgba(244, 151, 30, 1);
}

.info3sub div a img[b-c9o2s9adcm] {
  margin-bottom: -4px;
  margin-right: 4px;
  width: 16px;
  height: 16px;
}

/* Compare button */
.info3sub div a.comparemodalbtn[b-c9o2s9adcm] {
  display: inline-flex;
  align-items: center;
}

.info3sub div a.comparemodalbtn img[b-c9o2s9adcm] {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  margin-bottom: 0;
}

/* Detail button - orange circle */
.info3sub div a.ryn-detail-btn[b-c9o2s9adcm] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: #f4971e;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.info3sub div a.ryn-detail-btn:hover[b-c9o2s9adcm] {
  background-color: #e08918;
  opacity: 0.9;
}

.info3sub div a.ryn-detail-btn img[b-c9o2s9adcm] {
  width: 16px;
  height: 16px;
  margin: 0;
  filter: brightness(0) invert(1);
}

/* Responsive */
@media (max-width: 1024px) {
  .ryn-listing-card[b-c9o2s9adcm] {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .ryn-listing-card[b-c9o2s9adcm] {
    width: 100%;
  }
  
  .ryn-listing-card-wrap[b-c9o2s9adcm] {
    margin: 12px;
  }
}

/* Search Form Styles */
.ryn-filters-wrap[b-c9o2s9adcm] {
  width: 100%;
  max-width: 1232px;
  margin: 0 auto;
  padding: 40px 24px 24px 24px;
  background-color: #f8f8f8;
}

.ryn-searchcity-form2[b-c9o2s9adcm] {
  display: flex;
  flex-wrap: wrap;
}

.search-a-city-wrap2[b-c9o2s9adcm],
.datarange-wrap2[b-c9o2s9adcm] {
  width: 40%;
  padding-right: 8px;
  position: relative;
}

.ryn-submit-wrap2[b-c9o2s9adcm] {
  width: 20%;
  position: relative;
}

.search-a-city-wrap2 .search-a-city[b-c9o2s9adcm],
.datarange-wrap2[b-c9o2s9adcm]  input {
  border: none;
  background-color: #f1f2f3;
  border-radius: 3px;
  padding: 12px 32px;
  line-height: 1;
  font-size: 15px;
  position: relative;
  height: 43px;
  width: 100%;
  box-sizing: border-box;
}

.ryn-submit-wrap2 .ryn-submit[b-c9o2s9adcm] {
  width: 100%;
  padding: 12px 32px;
  border: none;
  line-height: 1;
  border-radius: 3px;
  font-size: 15px;
  height: 43px;
  background-color: #f4971e;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.ryn-submit-wrap2 .ryn-submit:hover[b-c9o2s9adcm] {
  background-color: #e08918;
  opacity: 0.9;
}

.ryn-submit-wrap2 .ryn-submit:disabled[b-c9o2s9adcm] {
  background-color: #ddd;
  cursor: not-allowed;
}

/* Search form icons */
.search-a-city-wrap2[b-c9o2s9adcm]::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 13px;
  left: 8px;
  background-image: url("/assets/images/brand/Icons fill/svg/Property%201=MapPin.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.datarange-wrap2[b-c9o2s9adcm]::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 13px;
  left: 8px;
  background-image: url("/assets/images/brand/Icons fill/svg/Property%201=CalendarBlank.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

/* Filter Settings */
.ryn-filter-settings-wrap2[b-c9o2s9adcm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-top: 24px;
}

.ryn-filter-settings-1[b-c9o2s9adcm] {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}

.ryn-filter-settings-2[b-c9o2s9adcm] {
  width: 50%;
  text-align: right;
}

.ryn-filter-settings-2 a[b-c9o2s9adcm] {
  display: inline-block;
  width: 36px;
  height: 36px;
  border: 1px solid #8fbed4;
  text-align: center;
  padding: 6px;
  border-radius: 50%;
  margin-right: 2px;
  transition: all 0.3s ease;
  background: #f1f2f3;
  line-height: 24px;
}

.ryn-filter-settings-2 a:hover[b-c9o2s9adcm],
.ryn-filter-settings-2 a.active[b-c9o2s9adcm] {
  background: #5da8cc;
  border-color: #5da8cc;
}

.ryn-filter-settings-2 a:hover img[b-c9o2s9adcm],
.ryn-filter-settings-2 a.active img[b-c9o2s9adcm] {
  filter: brightness(0) invert(1);
}

.ryn-filter-settings-2 a img[b-c9o2s9adcm] {
  width: 14px;
  height: 14px;
  object-fit: contain;
}

button.ryn-filters[b-c9o2s9adcm] {
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  background-color: transparent;
  border: 1px solid #8fbed4;
  color: #5da8cc;
  padding: 4px 12px;
  border-radius: 3px;
  transition: all 0.3s ease;
  margin-right: 8px;
  margin-bottom: 8px;
  height: 32px;
  cursor: pointer;
}

button.ryn-filters:hover[b-c9o2s9adcm],
button.ryn-filters:active[b-c9o2s9adcm],
button.ryn-filters:focus[b-c9o2s9adcm] {
  background-color: rgba(143, 190, 218, 0.3);
}

button.ryn-filters img[b-c9o2s9adcm] {
  width: 14px;
  height: 14px;
  object-fit: contain;
  margin-right: 6px;
}

button.ryn-filters span[b-c9o2s9adcm] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background-color: #5da8cc;
  border-radius: 50%;
  margin-left: 8px;
  color: #fff;
  font-size: 11px;
  line-height: 1;
}

/* Responsive */
@media (max-width: 767px) {
  .search-a-city-wrap2[b-c9o2s9adcm],
  .datarange-wrap2[b-c9o2s9adcm],
  .ryn-submit-wrap2[b-c9o2s9adcm] {
    width: 100%;
    padding-right: 0;
    padding-bottom: 8px;
  }

  .ryn-filter-settings-1[b-c9o2s9adcm] {
    width: 80%;
  }

  .ryn-filter-settings-2[b-c9o2s9adcm] {
    width: 20%;
  }
}

.listing-count[b-c9o2s9adcm] {
  color: #4b5563;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

.listing-count-icon[b-c9o2s9adcm] {
  width: 20px;
  height: 20px;
}

/* Divider */
.ryn-divider[b-c9o2s9adcm] {
  border-bottom: 1px solid rgba(227, 227, 227, 1);
  height: 0;
  margin: 8px 0px;
}

/* Filters modal */
.ryn-filters-modal[b-c9o2s9adcm] {
  background-color: rgba(0, 0, 0, 0.47);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  z-index: 99999999;
  padding: 16px;
  box-sizing: border-box;
}

.ryn-filters-modal-wrap[b-c9o2s9adcm] {
  border-radius: 4px;
  position: relative;
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  height: 95vh;
  overflow-y: scroll;
  animation-name: animatetop-b-c9o2s9adcm;
  animation-duration: 0.4s;
}

.ryn-filters-modal-pad[b-c9o2s9adcm] {
  padding: 24px;
  position: relative;
}

/* Close button */
.ryn-close-modal[b-c9o2s9adcm] {
  position: sticky;
  top: 24px;
  z-index: 3;
  margin-bottom: -40px;
  display: block;
  width: 35px;
  margin-left: auto;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.ryn-close-modal img[b-c9o2s9adcm] {
  width: 35px;
  max-width: 100%;
  background: white;
  border-radius: 50%;
}

/* Header */
.ryn-filters-modal-categories h4[b-c9o2s9adcm] {
  margin: 0 0 32px 0;
  font-weight: 700;
}

/* Sections */
.ryn-filters-section[b-c9o2s9adcm] {
  padding: 8px 0;
}

.ryn-filters-section h5[b-c9o2s9adcm] {
  margin-bottom: 32px;
  font-weight: 600;
  color: rgba(72, 82, 99, 1);
}

/* Toggle switches section */
.ryn-filters-modal-check label[b-c9o2s9adcm] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.ryn-filters-modal-check label p[b-c9o2s9adcm] {
  font-size: 14px;
  font-weight: 600;
  color: rgba(72, 82, 99, 1);
  margin: 0;
}

.toggle-switch-wrap[b-c9o2s9adcm] {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.toggle-switch-wrap input[b-c9o2s9adcm] {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-switch[b-c9o2s9adcm] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 17px;
}

.toggle-switch[b-c9o2s9adcm]:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.toggle-switch-wrap input:checked + .toggle-switch[b-c9o2s9adcm] {
  background-color: #2196f3;
}

.toggle-switch-wrap input:focus + .toggle-switch[b-c9o2s9adcm] {
  box-shadow: 0 0 1px #2196f3;
}

.toggle-switch-wrap input:checked + .toggle-switch[b-c9o2s9adcm]:before {
  transform: translateX(13px);
}

/* Checkbox container */
.ryn-checkbox-container[b-c9o2s9adcm] {
  pointer-events: none;
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 16px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: rgba(72, 82, 99, 1);
  text-transform: capitalize;
  user-select: none;
}

.ryn-checkbox-container input[b-c9o2s9adcm] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.ryn-checkbox-container .checkmark[b-c9o2s9adcm] {
  pointer-events: auto;
  position: absolute;
  top: -3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid rgba(0, 149, 192, 1);
}

.ryn-checkbox-container:hover input ~ .checkmark[b-c9o2s9adcm] {
  background-color: #fff;
}

.ryn-checkbox-container input:checked ~ .checkmark[b-c9o2s9adcm] {
  background-color: rgba(0, 149, 192, 1);
}

.ryn-checkbox-container .checkmark[b-c9o2s9adcm]:after {
  content: "";
  position: absolute;
  display: none;
}

.ryn-checkbox-container input:checked ~ .checkmark[b-c9o2s9adcm]:after {
  display: block;
}

.ryn-checkbox-container .checkmark[b-c9o2s9adcm]:after {
  left: 5px;
  top: 1px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* Price range slider */
.ryn-range-slider-container[b-c9o2s9adcm] {
  position: relative;
  min-height: 40px;
}

.ryn-range-slider-track[b-c9o2s9adcm] {
  width: 100%;
  height: 5px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background: #e5e7eb;
}

input[type="range"].ryn-range[b-c9o2s9adcm] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
}

input[type="range"].ryn-range[b-c9o2s9adcm]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}

input[type="range"].ryn-range[b-c9o2s9adcm]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
}

input[type="range"].ryn-range[b-c9o2s9adcm]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 21px;
  width: 21px;
  background-color: rgba(0, 149, 192, 1);
  cursor: pointer;
  margin-top: -9px;
  pointer-events: auto;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

input[type="range"].ryn-range[b-c9o2s9adcm]::-moz-range-thumb {
  height: 21px;
  width: 21px;
  cursor: pointer;
  border-radius: 50%;
  background-color: rgba(0, 149, 192, 1);
  pointer-events: auto;
  border: 2px solid #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.ryn-range-values[b-c9o2s9adcm] {
  text-align: center;
  color: rgba(72, 82, 99, 1);
  font-weight: 600;
  font-size: 14px;
  margin-top: 8px;
}

/* Tags / Amenities */
.ryn-tags[b-c9o2s9adcm] {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ryn-tag-btn[b-c9o2s9adcm],
button.ryn-tag-btn[b-c9o2s9adcm] {
  display: inline-flex !important;
  align-items: center;
  border: 1px solid rgba(210, 218, 231, 1) !important;
  padding: 8px 16px !important;
  line-height: 1 !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(72, 82, 99, 1) !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
  cursor: pointer;
}

.ryn-tag-btn.selected[b-c9o2s9adcm],
button.ryn-tag-btn.selected[b-c9o2s9adcm] {
  background-color: rgba(93, 168, 204, 1) !important;
  color: #fff !important;
  border-color: rgba(93, 168, 204, 1) !important;
}

.ryn-tag-btn:hover[b-c9o2s9adcm],
button.ryn-tag-btn:hover[b-c9o2s9adcm] {
  background-color: rgba(241, 242, 243, 1) !important;
}

.ryn-tag-btn.selected:hover[b-c9o2s9adcm],
button.ryn-tag-btn.selected:hover[b-c9o2s9adcm] {
  background-color: rgba(73, 148, 184, 1) !important;
}

.ryn-tag-btn img[b-c9o2s9adcm],
button.ryn-tag-btn img[b-c9o2s9adcm] {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

/* Confirm results footer */
.ryn-filters-modal-confirm-results[b-c9o2s9adcm] {
  text-align: center;
  background-color: #f7f7f7;
  position: sticky;
  bottom: 0;
  z-index: 3;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

a.clear-all-filters[b-c9o2s9adcm] {
  display: inline-block;
  background: none;
  border: none;
  color: rgba(72, 82, 99, 1) !important;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

a.clear-all-filters:hover[b-c9o2s9adcm] {
  color: rgba(0, 149, 192, 1) !important;
}

a.results[b-c9o2s9adcm] {
  display: inline-block;
  padding: 18px 60px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border: none !important;
  background-color: #f4971e;
  transition: all 0.3s ease;
  text-decoration: none;
  border-radius: 4px;
}

a.results:hover[b-c9o2s9adcm] {
  opacity: 0.8;
  color: #fff;
}

/* Animation */
@keyframes animatetop-b-c9o2s9adcm {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

@media (max-width: 575px) {
  .ryn-filters-modal-wrap[b-c9o2s9adcm] {
    max-width: 100%;
    height: 100%;
    border-radius: 0;
  }
  
  .ryn-filters-modal-confirm-results[b-c9o2s9adcm] {
    flex-direction: column;
    gap: 12px;
  }
  
  a.results[b-c9o2s9adcm] {
    width: 100%;
    text-align: center;
  }
}

/* Pagination */
.ryn-pagination[b-c9o2s9adcm] {
  text-align: center;
  margin: 40px 16px;
}

.ryn-pagination a[b-c9o2s9adcm],
.ryn-pagination span[b-c9o2s9adcm] {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: rgba(93, 168, 204, 1);
  padding: 8px 0px;
  border-radius: 4px;
  border: 1px solid rgba(93, 168, 204, 1);
  margin-left: 8px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1;
  width: 32px;
  height: 32px;
  transition: all 0.5s ease;
  text-decoration: none;
}

.ryn-pagination a.active[b-c9o2s9adcm] {
  color: #fff;
  background-color: rgba(93, 168, 204, 1);
}

.ryn-pagination a:hover:not(.disabled):not(.active)[b-c9o2s9adcm] {
  background-color: rgba(93, 168, 204, 0.2);
}

.ryn-pagination a.disabled[b-c9o2s9adcm] {
  opacity: 0.5;
  cursor: not-allowed;
}
/* /Pages/Offers/Map.razor.rz.scp.css */
/* Page background */
:host[b-i1yf1006j2] {
    background-color: #f8f8f8;
}

/* Page container */
.ryn-container[b-i1yf1006j2] {
    width: 1232px;
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 24px;
}

/* Hero Section */
.listing-hero-section[b-i1yf1006j2] {
    padding-top: 40px;
    padding-bottom: 24px;
    background-color: #f8f8f8;
}

/* Map Section */
.ryn-map-section[b-i1yf1006j2] {
    background-color: #f8f8f8;
}

.ryn-map-section .ryn-container[b-i1yf1006j2] {
    padding-top: 16px;
    padding-bottom: 0;
}

.ryn-page-title[b-i1yf1006j2] {
    font-size: 28px;
    font-weight: 700;
    color: rgba(72, 82, 99, 1);
    margin: 0 0 16px 0;
    line-height: 1.3;
}

.ryn-page-intro[b-i1yf1006j2] {
    font-size: 16px;
    font-weight: 400;
    color: rgba(144, 144, 144, 1);
    line-height: 1.6;
    margin: 0;
}

.ryn-page-intro strong[b-i1yf1006j2] {
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
}

.ryn-page-intro a[b-i1yf1006j2] {
    color: rgba(0, 149, 192, 1);
    text-decoration: none;
}

.ryn-page-intro a:hover[b-i1yf1006j2] {
    text-decoration: underline;
}

/* Info Section at bottom */
.listing-info-section[b-i1yf1006j2] {
    padding-top: 40px;
    padding-bottom: 60px;
    background-color: #f8f8f8;
}

.listing-info-section .ryn-container[b-i1yf1006j2] {
    padding-top: 0;
    padding-bottom: 0;
}

.listing-info-section h2[b-i1yf1006j2] {
    font-size: 22px;
    font-weight: 700;
    color: rgba(72, 82, 99, 1);
    margin: 32px 0 16px 0;
}

.listing-info-section h2:first-child[b-i1yf1006j2] {
    margin-top: 0;
}

.listing-info-section p[b-i1yf1006j2] {
    font-size: 15px;
    font-weight: 400;
    color: rgba(144, 144, 144, 1);
    line-height: 1.7;
    margin: 0 0 16px 0;
}

.listing-info-section p strong[b-i1yf1006j2] {
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
}

.listing-info-section p a[b-i1yf1006j2] {
    color: rgba(0, 149, 192, 1);
    text-decoration: none;
}

.listing-info-section p a:hover[b-i1yf1006j2] {
    text-decoration: underline;
}

/* Search Form Styles - Same as Listing */
.ryn-filters-wrap[b-i1yf1006j2] {
    width: 100%;
    max-width: 1232px;
    margin: 0 auto;
    padding: 40px 24px 24px 24px;
    background-color: #f8f8f8;
}

.ryn-searchcity-form2[b-i1yf1006j2] {
    display: flex;
    flex-wrap: wrap;
}

.search-a-city-wrap2[b-i1yf1006j2],
.datarange-wrap2[b-i1yf1006j2] {
    width: 40%;
    padding-right: 8px;
    position: relative;
}

.ryn-submit-wrap2[b-i1yf1006j2] {
    width: 20%;
    position: relative;
}

.search-a-city-wrap2 .search-a-city[b-i1yf1006j2],
.datarange-wrap2[b-i1yf1006j2]  input {
    border: none;
    background-color: #f1f2f3;
    border-radius: 3px;
    padding: 12px 32px;
    line-height: 1;
    font-size: 15px;
    position: relative;
    height: 43px;
    width: 100%;
    box-sizing: border-box;
}

.ryn-submit-wrap2 .ryn-submit[b-i1yf1006j2] {
    width: 100%;
    padding: 12px 32px;
    border: none;
    line-height: 1;
    border-radius: 3px;
    font-size: 15px;
    height: 43px;
    background-color: #f4971e;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.ryn-submit-wrap2 .ryn-submit:hover[b-i1yf1006j2] {
    background-color: #e08918;
    opacity: 0.9;
}

/* Search form icons */
.search-a-city-wrap2[b-i1yf1006j2]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 13px;
    left: 8px;
    background-image: url("/assets/images/brand/Icons fill/svg/Property%201=MapPin.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

.datarange-wrap2[b-i1yf1006j2]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 13px;
    left: 8px;
    background-image: url("/assets/images/brand/Icons fill/svg/Property%201=CalendarBlank.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

/* Filter Settings */
.ryn-filter-settings-wrap2[b-i1yf1006j2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-top: 24px;
}

.ryn-filter-settings-1[b-i1yf1006j2] {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}

.ryn-filter-settings-2[b-i1yf1006j2] {
    width: 50%;
    text-align: right;
}

.ryn-filter-settings-2 a[b-i1yf1006j2] {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 1px solid #8fbed4;
    text-align: center;
    padding: 6px;
    border-radius: 50%;
    margin-right: 2px;
    transition: all 0.3s ease;
    background: #f1f2f3;
    line-height: 24px;
}

.ryn-filter-settings-2 a:hover[b-i1yf1006j2],
.ryn-filter-settings-2 a.active[b-i1yf1006j2] {
    background: #5da8cc;
    border-color: #5da8cc;
}

.ryn-filter-settings-2 a:hover img[b-i1yf1006j2],
.ryn-filter-settings-2 a.active img[b-i1yf1006j2] {
    filter: brightness(0) invert(1);
}

.ryn-filter-settings-2 a img[b-i1yf1006j2] {
    width: 14px;
    height: 14px;
    object-fit: contain;
}

button.ryn-filters[b-i1yf1006j2] {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    background-color: transparent;
    border: 1px solid #8fbed4;
    color: #5da8cc;
    padding: 4px 12px;
    border-radius: 3px;
    transition: all 0.3s ease;
    margin-right: 8px;
    margin-bottom: 8px;
    height: 32px;
    cursor: pointer;
}

button.ryn-filters:hover[b-i1yf1006j2],
button.ryn-filters:active[b-i1yf1006j2],
button.ryn-filters:focus[b-i1yf1006j2] {
    background-color: rgba(143, 190, 218, 0.3);
}

button.ryn-filters img[b-i1yf1006j2] {
    width: 14px;
    height: 14px;
    object-fit: contain;
    margin-right: 6px;
}

button.ryn-filters span[b-i1yf1006j2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background-color: #5da8cc;
    border-radius: 50%;
    margin-left: 8px;
    color: #fff;
    font-size: 11px;
    line-height: 1;
}

.listing-count[b-i1yf1006j2] {
    color: #4b5563;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Map Container */
.map-container[b-i1yf1006j2] {
    position: relative;
    width: 100%;
    height: 500px;
    min-height: 500px;
    background-color: #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 40px;
}

.listing-map[b-i1yf1006j2] {
    width: 100%;
    height: 100%;
    min-height: 500px;
    background-color: #e8e8e8;
}

/* Loading overlay */
.map-loading-overlay[b-i1yf1006j2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10;
    gap: 16px;
}

/* Error overlay */
.map-error-overlay[b-i1yf1006j2] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    max-width: 400px;
    width: 90%;
}

/* No results overlay */
.map-no-results-overlay[b-i1yf1006j2] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 40px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

/* Popup card styling for map */
.map-card-popup[b-i1yf1006j2] {
    position: absolute;
    bottom: 20px;
    left: 20px;
    max-width: 380px;
    width: calc(100% - 40px);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
    z-index: 100;
    animation: slideUp-b-i1yf1006j2 0.3s ease;
    overflow: hidden;
}

@keyframes slideUp-b-i1yf1006j2 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.map-card-close[b-i1yf1006j2] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border: none;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

.map-card-close:hover[b-i1yf1006j2] {
    background: rgba(0, 0, 0, 0.8);
}

/* Override ListingCard styles inside popup */
.map-card-popup[b-i1yf1006j2]  .ryn-listing-card {
    width: 100%;
    margin-bottom: 0;
}

.map-card-popup[b-i1yf1006j2]  .ryn-listing-card-wrap {
    margin: 0;
    min-height: auto;
    box-shadow: none;
    border-radius: 0;
}

.map-card-popup[b-i1yf1006j2]  .ryn-property-gallery-img {
    height: 180px;
}

.map-card-popup[b-i1yf1006j2]  .ryn-listing-card-info2 {
    padding-bottom: 16px;
}

.map-card-popup[b-i1yf1006j2]  .ryn-listing-card-info3 {
    position: relative;
    padding-top: 0;
}

/* Divider */
.ryn-divider[b-i1yf1006j2] {
    border-bottom: 1px solid rgba(227, 227, 227, 1);
    height: 0;
    margin: 8px 0px;
}

/* Filters modal - Same as Listing */
.ryn-filters-modal[b-i1yf1006j2] {
    background-color: rgba(0, 0, 0, 0.47);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    z-index: 99999999;
    padding: 16px;
    box-sizing: border-box;
}

.ryn-filters-modal-wrap[b-i1yf1006j2] {
    border-radius: 4px;
    position: relative;
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    height: 95vh;
    overflow-y: scroll;
    animation-name: animatetop-b-i1yf1006j2;
    animation-duration: 0.4s;
}

.ryn-filters-modal-pad[b-i1yf1006j2] {
    padding: 24px;
    position: relative;
}

/* Close button */
.ryn-close-modal[b-i1yf1006j2] {
    position: sticky;
    top: 24px;
    z-index: 3;
    margin-bottom: -40px;
    display: block;
    width: 35px;
    margin-left: auto;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.ryn-close-modal img[b-i1yf1006j2] {
    width: 35px;
    max-width: 100%;
    background: white;
    border-radius: 50%;
}

/* Header */
.ryn-filters-modal-categories h4[b-i1yf1006j2] {
    margin: 0 0 32px 0;
    font-weight: 700;
}

/* Sections */
.ryn-filters-section[b-i1yf1006j2] {
    padding: 8px 0;
}

.ryn-filters-section h5[b-i1yf1006j2] {
    margin-bottom: 32px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
}

/* Toggle switches section */
.ryn-filters-modal-check label[b-i1yf1006j2] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.ryn-filters-modal-check label p[b-i1yf1006j2] {
    font-size: 14px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    margin: 0;
}

.toggle-switch-wrap[b-i1yf1006j2] {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

.toggle-switch-wrap input[b-i1yf1006j2] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-switch[b-i1yf1006j2] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 17px;
}

.toggle-switch[b-i1yf1006j2]:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

.toggle-switch-wrap input:checked + .toggle-switch[b-i1yf1006j2] {
    background-color: #2196f3;
}

.toggle-switch-wrap input:focus + .toggle-switch[b-i1yf1006j2] {
    box-shadow: 0 0 1px #2196f3;
}

.toggle-switch-wrap input:checked + .toggle-switch[b-i1yf1006j2]:before {
    transform: translateX(13px);
}

/* Checkbox container */
.ryn-checkbox-container[b-i1yf1006j2] {
    pointer-events: none;
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 16px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: rgba(72, 82, 99, 1);
    text-transform: capitalize;
    user-select: none;
}

.ryn-checkbox-container input[b-i1yf1006j2] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.ryn-checkbox-container .checkmark[b-i1yf1006j2] {
    pointer-events: auto;
    position: absolute;
    top: -3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 3px;
    border: 2px solid rgba(0, 149, 192, 1);
}

.ryn-checkbox-container:hover input ~ .checkmark[b-i1yf1006j2] {
    background-color: #fff;
}

.ryn-checkbox-container input:checked ~ .checkmark[b-i1yf1006j2] {
    background-color: rgba(0, 149, 192, 1);
}

.ryn-checkbox-container .checkmark[b-i1yf1006j2]:after {
    content: "";
    position: absolute;
    display: none;
}

.ryn-checkbox-container input:checked ~ .checkmark[b-i1yf1006j2]:after {
    display: block;
}

.ryn-checkbox-container .checkmark[b-i1yf1006j2]:after {
    left: 5px;
    top: 1px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

/* Price range slider */
.ryn-range-slider-container[b-i1yf1006j2] {
    position: relative;
    min-height: 40px;
}

.ryn-range-slider-track[b-i1yf1006j2] {
    width: 100%;
    height: 5px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background: #e5e7eb;
}

input[type="range"].ryn-range[b-i1yf1006j2] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: transparent;
    pointer-events: none;
}

input[type="range"].ryn-range[b-i1yf1006j2]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 5px;
}

input[type="range"].ryn-range[b-i1yf1006j2]::-moz-range-track {
    -moz-appearance: none;
    height: 5px;
}

input[type="range"].ryn-range[b-i1yf1006j2]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 21px;
    width: 21px;
    background-color: rgba(0, 149, 192, 1);
    cursor: pointer;
    margin-top: -9px;
    pointer-events: auto;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

input[type="range"].ryn-range[b-i1yf1006j2]::-moz-range-thumb {
    height: 21px;
    width: 21px;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(0, 149, 192, 1);
    pointer-events: auto;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.ryn-range-values[b-i1yf1006j2] {
    text-align: center;
    color: rgba(72, 82, 99, 1);
    font-weight: 600;
    font-size: 14px;
    margin-top: 8px;
}

/* Tags / Amenities */
.ryn-tags[b-i1yf1006j2] {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ryn-tag-btn[b-i1yf1006j2],
button.ryn-tag-btn[b-i1yf1006j2] {
    display: inline-flex !important;
    align-items: center;
    border: 1px solid rgba(210, 218, 231, 1) !important;
    padding: 8px 16px !important;
    line-height: 1 !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(72, 82, 99, 1) !important;
    background: transparent !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
}

.ryn-tag-btn.selected[b-i1yf1006j2],
button.ryn-tag-btn.selected[b-i1yf1006j2] {
    background-color: rgba(93, 168, 204, 1) !important;
    color: #fff !important;
    border-color: rgba(93, 168, 204, 1) !important;
}

.ryn-tag-btn:hover[b-i1yf1006j2],
button.ryn-tag-btn:hover[b-i1yf1006j2] {
    background-color: rgba(241, 242, 243, 1) !important;
}

.ryn-tag-btn.selected:hover[b-i1yf1006j2],
button.ryn-tag-btn.selected:hover[b-i1yf1006j2] {
    background-color: rgba(73, 148, 184, 1) !important;
}

.ryn-tag-btn img[b-i1yf1006j2],
button.ryn-tag-btn img[b-i1yf1006j2] {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

/* Confirm results footer */
.ryn-filters-modal-confirm-results[b-i1yf1006j2] {
    text-align: center;
    background-color: #f7f7f7;
    position: sticky;
    bottom: 0;
    z-index: 3;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

a.clear-all-filters[b-i1yf1006j2] {
    display: inline-block;
    background: none;
    border: none;
    color: rgba(72, 82, 99, 1) !important;
    text-decoration: underline;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

a.clear-all-filters:hover[b-i1yf1006j2] {
    color: rgba(0, 149, 192, 1) !important;
}

a.results[b-i1yf1006j2] {
    display: inline-block;
    padding: 18px 60px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: none !important;
    background-color: #f4971e;
    transition: all 0.3s ease;
    text-decoration: none;
    border-radius: 4px;
}

a.results:hover[b-i1yf1006j2] {
    opacity: 0.8;
    color: #fff;
}

/* Animation */
@keyframes animatetop-b-i1yf1006j2 {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 767px) {
    .search-a-city-wrap2[b-i1yf1006j2],
    .datarange-wrap2[b-i1yf1006j2],
    .ryn-submit-wrap2[b-i1yf1006j2] {
        width: 100%;
        padding-right: 0;
        padding-bottom: 8px;
    }

    .ryn-filter-settings-1[b-i1yf1006j2] {
        width: 80%;
    }

    .ryn-filter-settings-2[b-i1yf1006j2] {
        width: 20%;
    }

    .map-container[b-i1yf1006j2] {
        height: 400px;
        min-height: 400px;
    }

    .listing-map[b-i1yf1006j2] {
        min-height: 400px;
    }

    .map-card-popup[b-i1yf1006j2] {
        left: 10px;
        right: 10px;
        bottom: 10px;
        max-width: none;
        width: auto;
    }
}

@media (max-width: 575px) {
    .ryn-filters-modal-wrap[b-i1yf1006j2] {
        max-width: 100%;
        height: 100%;
        border-radius: 0;
    }

    .ryn-filters-modal-confirm-results[b-i1yf1006j2] {
        flex-direction: column;
        gap: 12px;
    }

    a.results[b-i1yf1006j2] {
        width: 100%;
        text-align: center;
    }
}
/* /Shared/Footer.razor.rz.scp.css */
.footer-bg[b-d0twnxl375] { background: #485263; }

footer[b-d0twnxl375] { font-family: 'Figtree', sans-serif; }

.footer-links li[b-d0twnxl375] { margin-bottom: 6px; }

.footer-links a[b-d0twnxl375] {
  color: #e9ecef;
  text-decoration: none;
}

.footer-links a:hover[b-d0twnxl375],
.footer-links a:focus[b-d0twnxl375] {
  color: #fff;
}

.mascot[b-d0twnxl375] { height: 48px; }

.logo-brand[b-d0twnxl375] {
  max-width: 180px;
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* Social icon links */
.social-icon-link[b-d0twnxl375] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: color 0.2s ease, transform 0.2s ease;
}

.social-icon-link:hover[b-d0twnxl375],
.social-icon-link:focus[b-d0twnxl375] {
  color: #f4971e;
  transform: translateY(-2px);
}

.social-icon-link svg[b-d0twnxl375] {
  width: 20px;
  height: 20px;
}
/* /Shared/Header.razor.rz.scp.css */
.navbar[b-q3ixloq4yd] { padding: 0.75rem 0; }

.navbar .nav-link[b-q3ixloq4yd] {
  font-weight: 600;
  color: var(--secondary);
}

.navbar .nav-link:hover[b-q3ixloq4yd],
.navbar .nav-link:focus[b-q3ixloq4yd] {
  color: var(--accent);
}

.logo-brand[b-q3ixloq4yd] { height: 40px; }
.logo-word[b-q3ixloq4yd] { height: 36px; }

/* Dropdown menu base styles */
.dropdown-menu[b-q3ixloq4yd] { 
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0;
}

/* How it works dropdown - spaced items */
.dropdown-menu-spaced[b-q3ixloq4yd] {
    padding: 8px 0;
    min-width: 200px;
}

.dropdown-menu-spaced .dropdown-item[b-q3ixloq4yd] {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #485263;
    transition: all 0.2s ease;
}

.dropdown-menu-spaced .dropdown-item:hover[b-q3ixloq4yd] {
    background-color: #f8f9fa;
    color: #0095c0;
}

/* Cities mega menu */
.dropdown-menu-cities[b-q3ixloq4yd] {
    padding: 24px;
    min-width: 480px;
}

.cities-grid[b-q3ixloq4yd] {
    display: flex;
    gap: 32px;
}

.cities-column[b-q3ixloq4yd] {
    flex: 1;
    min-width: 120px;
}

.cities-country-title[b-q3ixloq4yd] {
    font-size: 13px;
    font-weight: 700;
    color: #485263;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #f4971e;
}

.cities-list[b-q3ixloq4yd] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cities-list li[b-q3ixloq4yd] {
    margin-bottom: 8px;
}

.cities-list li:last-child[b-q3ixloq4yd] {
    margin-bottom: 0;
}

.cities-list a[b-q3ixloq4yd] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    text-decoration: none;
    padding: 4px 0;
    transition: all 0.2s ease;
}

.cities-list a:hover[b-q3ixloq4yd] {
    color: #0095c0;
    padding-left: 4px;
}

/* Navigation separator */
.nav-separator[b-q3ixloq4yd] {
    width: 0px;
    height: 26px;
    border: 1px solid #E3E3E3;
}

/* Login dropdown */
.login-dropdown[b-q3ixloq4yd] {
    font-weight: 600;
    color: var(--secondary);
    display: flex;
    align-items: center;
    gap: 4px;
}

.login-dropdown:hover[b-q3ixloq4yd],
.login-dropdown:focus[b-q3ixloq4yd] {
    color: var(--accent);
}

.login-dropdown .dropdown-arrow[b-q3ixloq4yd] {
    font-size: 10px;
    transition: transform 0.2s ease;
}

.login-dropdown[aria-expanded="true"] .dropdown-arrow[b-q3ixloq4yd] {
    transform: rotate(180deg);
}

/* Language selector */
.lang-select[b-q3ixloq4yd] {
    width: auto;
    min-width: 60px;
    border: 1px solid #e1e5ee;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    padding: 6px 10px;
    cursor: pointer;
}

.lang-select:focus[b-q3ixloq4yd] {
    border-color: #0095c0;
    box-shadow: 0 0 0 2px rgba(0, 149, 192, 0.1);
}

/* Language change overlay */
.language-change-overlay[b-q3ixloq4yd] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: fadeIn-b-q3ixloq4yd 0.2s ease-out;
}

.language-change-content[b-q3ixloq4yd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.1);
}

@keyframes fadeIn-b-q3ixloq4yd {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .dropdown-menu-cities[b-q3ixloq4yd] {
        min-width: 100%;
        padding: 16px;
    }
    
    .cities-grid[b-q3ixloq4yd] {
        flex-direction: column;
        gap: 20px;
    }
    
    .cities-column[b-q3ixloq4yd] {
        border-bottom: 1px solid #e5e7eb;
        padding-bottom: 16px;
    }
    
    .cities-column:last-child[b-q3ixloq4yd] {
        border-bottom: none;
        padding-bottom: 0;
    }
}