/* Homepage — compact sections, card borders, motion-friendly layout */

/* ========== SECTION SPACING ========== */
.bhe-site #main-content > section,
.bhe-site main > section {
    scroll-margin-top: 88px;
}

.services-marquee-section {
    padding: clamp(28px, 5vw, 40px) 0 clamp(24px, 4vw, 32px) !important;
}

.marquee-header {
    margin-bottom: clamp(14px, 3vw, 20px) !important;
    padding-inline: 16px !important;
}

.marquee-subtitle {
    margin-top: 8px !important;
    font-size: clamp(0.85rem, 2.5vw, 0.92rem) !important;
}

.marquee-wrapper {
    padding: 10px 0 !important;
}

/* Flatten marquee wave — removes empty vertical bands */
.marquee-card,
.marquee-card:nth-child(odd),
.marquee-card:nth-child(even) {
    --wave: 0px !important;
    gap: 10px !important;
    padding: 4px 0 !important;
}

.marquee-content {
    gap: 20px !important;
    align-items: center !important;
}

.marquee-title {
    font-size: clamp(1.65rem, 5vw, 2.1rem) !important;
}

/* ========== TRAVEL CATEGORIES ========== */
.travel-categories-section {
    padding: clamp(32px, 5vw, 44px) 16px clamp(28px, 4vw, 40px) !important;
}

.travel-categories-header {
    margin-bottom: clamp(18px, 3vw, 24px) !important;
}

.travel-categories-title {
    font-size: clamp(1.65rem, 5vw, 2.15rem) !important;
}

.travel-categories-subtitle {
    margin-top: 8px !important;
    font-size: clamp(0.88rem, 2.5vw, 0.95rem) !important;
}

.travel-categories-grid {
    gap: 18px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin-inline: auto !important;
}

.travel-category-card {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 5 !important;
    max-height: 400px !important;
    border: 1.5px solid rgba(201, 162, 39, 0.28) !important;
    box-shadow:
        0 10px 28px rgba(18, 13, 6, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.travel-category-card:hover {
    border-color: rgba(240, 215, 140, 0.55) !important;
    box-shadow:
        0 18px 40px rgba(18, 13, 6, 0.18),
        0 0 0 1px rgba(201, 162, 39, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

@media (max-width: 520px) {
    .travel-categories-grid {
        position: relative !important;
        width: min(100%, 320px) !important;
        height: clamp(300px, 78vw, 380px) !important;
        margin-inline: auto !important;
    }

    .travel-category-card {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        aspect-ratio: auto !important;
    }
}

@media (min-width: 521px) and (max-width: 900px) {
    .travel-categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .travel-category-card {
        max-height: 340px !important;
    }
}

/* ========== TRAVEL STYLES GRID ========== */
.travel-grid-section {
    padding: clamp(36px, 6vw, 52px) 16px !important;
}

.tgs-header {
    margin-bottom: clamp(22px, 4vw, 32px) !important;
}

.tgs-header h2 {
    font-size: clamp(1.75rem, 5vw, 2.25rem) !important;
}

.tgs-grid {
    gap: 18px !important;
    margin-bottom: 24px !important;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)) !important;
}

.tgs-card {
    border: 1.5px solid rgba(201, 162, 39, 0.32) !important;
}

.tgs-media {
    height: clamp(180px, 28vw, 240px) !important;
}

/* ========== UMR / KASHMIR / TESTIMONIALS ========== */
.umr-section {
    padding: clamp(36px, 6vw, 56px) 16px !important;
}

.umr-head {
    margin-bottom: clamp(20px, 4vw, 28px) !important;
}

.package-spotlight {
    padding: clamp(36px, 6vw, 48px) 16px clamp(28px, 4vw, 36px) !important;
}

.package-spotlight .kashmir-packages-section {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.package-spotlight .spotlight-head {
    margin-bottom: clamp(18px, 3vw, 24px) !important;
}

.package-spotlight .spotlight-head h2 {
    font-size: clamp(1.65rem, 5vw, 2.1rem) !important;
}

.kp-grid-wrap {
    padding: 0 !important;
}

.kp-grid {
    gap: 18px !important;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 268px), 1fr)) !important;
}

.kp-card {
    border: 1.5px solid rgba(201, 162, 39, 0.3) !important;
}

.kp-card--featured {
    border-width: 2px !important;
    border-color: rgba(240, 215, 140, 0.5) !important;
}

.tst-section {
    padding: clamp(36px, 6vw, 56px) 16px !important;
}

.tst-head {
    margin-bottom: clamp(22px, 4vw, 32px) !important;
}

.tst-title {
    font-size: clamp(1.65rem, 5vw, 2.15rem) !important;
}

.tst-grid {
    gap: 18px !important;
}

.tst-card {
    border: 1.5px solid rgba(201, 162, 39, 0.32) !important;
}

/* ========== UMR PACKAGE CARDS ========== */
.umr-pkg-card {
    border: 1.5px solid rgba(240, 215, 140, 0.28) !important;
}

.umr-card {
    border: 1.5px solid rgba(240, 215, 140, 0.28) !important;
}

/* ========== MARQUEE CARD RING ========== */
.mc-img {
    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.35),
        0 0 0 2px rgba(201, 162, 39, 0.25) !important;
}

/* ========== SCROLL REVEAL (homepage sections) ========== */
.bhe-home-reveal {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.bhe-home-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.bhe-home-reveal--scale {
    transform: translateY(18px) scale(0.98);
}

.bhe-home-reveal--scale.is-visible {
    transform: translateY(0) scale(1);
}

.bhe-stagger-1 { transition-delay: 0.06s; }
.bhe-stagger-2 { transition-delay: 0.12s; }
.bhe-stagger-3 { transition-delay: 0.18s; }
.bhe-stagger-4 { transition-delay: 0.24s; }
.bhe-stagger-5 { transition-delay: 0.3s; }
.bhe-stagger-6 { transition-delay: 0.36s; }
.bhe-stagger-7 { transition-delay: 0.42s; }
.bhe-stagger-8 { transition-delay: 0.48s; }

/* Section headers fade in */
.marquee-header,
.travel-categories-header,
.tgs-header,
.spotlight-head,
.umr-head,
.tst-head {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.marquee-header.is-visible,
.travel-categories-header.is-visible,
.tgs-header.is-visible,
.spotlight-head.is-visible,
.umr-head.is-visible,
.tst-head.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Card hover lift — homepage */
@media (hover: hover) {
    .travel-category-card,
    .kp-card,
    .tst-card,
    .tgs-card,
    .umr-pkg-card {
        transition:
            transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 0.35s ease,
            border-color 0.35s ease !important;
    }

    .marquee-card {
        transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    .marquee-card:hover {
        --lift: -6px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bhe-home-reveal,
    .marquee-header,
    .travel-categories-header,
    .tgs-header,
    .spotlight-head,
    .umr-head,
    .tst-head {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .marquee-card {
        --lift: 0 !important;
    }
}

@media (max-width: 767px) {
    .tst-stats {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px 20px;
        border-radius: 16px !important;
        padding: 12px 16px !important;
    }

    .tst-divider {
        display: none;
    }
}

/* ========== HERO — fix zoom / overflow ========== */
.bhe-site .bhe-hero {
    min-height: clamp(400px, 70vh, 680px) !important;
    overflow: hidden !important;
    perspective: none !important;
}

.bhe-site .hero-slider {
    transform: none !important;
    transform-style: flat !important;
}

.bhe-site .hero-overlay {
    transform: none !important;
    transform-style: flat !important;
}

.bhe-site .hero-slide img {
    object-position: center 30% !important;
}

/* ========== PAGE SHELL — no white void after footer ========== */
body.bhe-site {
    background: #120d06 !important;
}

.bhe-site .bhe-footer {
    margin-top: 0 !important;
}

.bhe-site .bhe-footer-wave {
    color: #0a0805 !important;
}

/* ========== MARQUEE — tighter band ========== */
.services-marquee-section {
    padding: clamp(20px, 4vw, 28px) 0 clamp(16px, 3vw, 22px) !important;
}

.marquee-wrapper {
    padding: 6px 0 !important;
}

.marquee-header {
    margin-bottom: 12px !important;
}

.marquee-tag {
    margin-bottom: 4px !important;
    letter-spacing: 3px !important;
}

/* ========== TRAVEL CATEGORIES — fill width ========== */
@media (min-width: 901px) {
    .travel-categories-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        max-width: none !important;
    }

    .travel-category-card {
        max-height: 360px !important;
        aspect-ratio: 3 / 4 !important;
    }
}

.travel-categories-container {
    width: 100% !important;
}

/* ========== KASHMIR CARDS — stop vertical stretch ========== */
.kp-card {
    height: auto !important;
}

.kp-card-body {
    gap: 8px !important;
    padding: 14px 16px 16px !important;
}

.kp-blurb {
    flex: 0 1 auto !important;
    margin-bottom: 4px !important;
}

.kp-price-row {
    margin-top: auto !important;
    padding-top: 10px !important;
}

.kp-viewall-wrap {
    margin-top: 24px !important;
    gap: 12px !important;
}

/* ========== TESTIMONIALS — natural card height ========== */
.tst-section {
    padding: clamp(28px, 5vw, 40px) 16px clamp(20px, 3vw, 28px) !important;
}

.tst-head {
    margin-bottom: clamp(18px, 3vw, 24px) !important;
}

.tst-grid {
    align-items: start !important;
}

.tst-card {
    height: auto !important;
    padding: 20px 20px 18px !important;
    border-width: 1.5px !important;
    border-color: rgba(201, 162, 39, 0.38) !important;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.tst-card--featured {
    transform: none !important;
}

.tst-card--featured:hover {
    transform: translateY(-6px) !important;
}

.tst-quote {
    flex: 0 1 auto !important;
}

/* ========== STRONGER CARD BORDERS ========== */
.tgs-card,
.umr-pkg-card,
.umr-card,
.travel-category-card,
.kp-card {
    border-width: 1.5px !important;
    border-color: rgba(201, 162, 39, 0.38) !important;
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

.mc-img {
    border: 2px solid rgba(201, 162, 39, 0.45) !important;
}

/* ========== UMR SECTION TIGHTENING ========== */
.umr-gallery {
    margin-bottom: clamp(14px, 2.5vw, 20px) !important;
}

.umr-thumbs {
    margin-top: 10px !important;
    gap: 8px !important;
    justify-content: center !important;
}

.umr-thumb {
    width: clamp(72px, 18vw, 96px) !important;
    height: clamp(48px, 12vw, 60px) !important;
}

.umr-packages-row {
    margin-bottom: clamp(16px, 3vw, 24px) !important;
}

.umr-info-grid {
    align-items: stretch !important;
}

.umr-contact-card {
    display: flex !important;
    flex-direction: column !important;
}

.umr-cta-row {
    margin-top: auto !important;
}

.umr-pkg-card,
.umr-card {
    border-color: rgba(240, 215, 140, 0.38) !important;
}

/* ========== PACKAGE SPOTLIGHT bottom gap ========== */
.package-spotlight {
    padding-bottom: clamp(20px, 3vw, 28px) !important;
}

.package-spotlight .kashmir-packages-section {
    padding-bottom: 0 !important;
}