/**
 * Royal Wave Journey - Responsive Stylesheet
 * Ensures perfect mobile, tablet & desktop alignment
 */

@media (max-width: 991.98px) {
    .hero-swiper {
        height: 520px;
    }
    .hero-title {
        font-size: 2.25rem;
    }
    .hero-lead {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
    .quick-booking-section {
        margin-top: -30px;
    }
    .service-booking-card {
        padding: 18px 14px;
    }
    .service-icon-box {
        width: 52px;
        height: 52px;
        font-size: 1.35rem;
    }
    .service-booking-card h4 {
        font-size: 1.05rem;
    }
    .section-title {
        font-size: 1.95rem;
    }
}

@media (max-width: 767.98px) {
    .topbar {
        font-size: 0.8rem;
    }
    .brand-logo {
        width: 44px;
        height: 44px;
    }
    .brand-name {
        font-size: 1.15rem;
    }
    .brand-sub {
        font-size: 0.65rem;
        letter-spacing: 2px;
    }
    .hero-swiper {
        height: 480px;
    }
    .hero-title {
        font-size: 1.75rem;
        line-height: 1.25;
    }
    .hero-badge-pill {
        font-size: 0.75rem;
        padding: 4px 12px;
    }
    .hero-trust-badges {
        gap: 8px;
    }
    .hero-trust-card {
        padding: 6px 12px;
    }
    .hero-trust-card i {
        font-size: 1.1rem;
    }
    .hero-trust-text strong {
        font-size: 0.8rem;
    }
    .quick-booking-section {
        margin-top: 20px;
    }
    .trust-strip {
        padding: 15px 0;
    }
    .trust-item {
        margin-bottom: 12px;
    }
    .section-title {
        font-size: 1.65rem;
    }
    .filter-tabs-wrapper {
        gap: 6px;
    }
    .filter-tab-btn {
        font-size: 0.8rem;
        padding: 6px 14px;
    }
    .pkg-img-wrap {
        height: 180px;
    }
    /* Floating Speed Dial on Mobile */
    .floating-left-contact {
        bottom: 18px;
        left: 15px;
    }
    .floating-toggle-btn {
        padding: 10px 14px;
        font-size: 0.82rem;
    }
    .floating-menu {
        width: 250px;
        bottom: 54px;
    }
}

@media (max-width: 575.98px) {
    .hero-swiper {
        height: 440px;
    }
    .hero-title {
        font-size: 1.5rem;
    }
    .hero-content-box {
        text-align: center;
    }
    .hero-trust-badges {
        justify-content: center;
    }
}