/* Activities Page - Luxury Design System */
:root {
    --accent: #d3785a;
    /* terracotta */
    --accent-deep: #a34e38;
    --cream: #f9f6f2;
    --ink: #1a252f;
    --text-dark: #2a2f33;
}

.activities-page {
    position: relative;
    background: linear-gradient(180deg, rgba(249, 246, 242, .92), rgba(249, 246, 242, 1));
}

.activities-hero {
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative;
    background: linear-gradient(rgba(26, 37, 47, .72), rgba(26, 37, 47, .45)), url('https://i.ibb.co/JFRw3LLD/mountain-landscape-website-theme.png') center/cover no-repeat fixed;
    overflow: hidden;
}
/* .activities-hero::before{
    content: '';
    position: absolute; inset: 0;
    background-image:
        radial-gradient(1200px 600px at 12% -10%, rgba(211,120,90,0.18), transparent 60%),
        radial-gradient(1000px 500px at 110% 0%, rgba(211,120,90,0.14), transparent 70%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='rgba(211,120,90,0.17)' stroke-width='1.1'%3E%3Cpath d='M120 10c25 35 25 70 0 105-25-35-25-70 0-105z'/%3E%3Cpath d='M120 125c25 35 25 70 0 105-25-35-25-70 0-105z'/%3E%3Cpath d='M10 120c35 25 70 25 105 0-35-25-70-25-105 0z'/%3E%3Cpath d='M125 120c35 25 70 25 105 0-35-25-70-25-105 0z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: auto, auto, 280px 280px;
    pointer-events: none;
} */

.activities-hero .hero-inner {
    width: 100%;
    max-width: 1300px;
    padding: 80px 20px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: initial;
}

@media (min-width: 1200px) {
    .activities-hero .hero-inner { min-width: 1200px; }
}

.activities-hero .hero-title {
    font-family: 'TAN - PEARL', var(--font-playfair-display), serif;
    font-size: clamp(38px, 6.4vw, 78px);
    color: #fff;
    line-height: 1.08;
    letter-spacing: .4px;
    text-shadow: 0 6px 30px rgba(0,0,0,.35);
    position: relative;
    line-height: normal;
}
.activities-hero .hero-title::after{
    content: '';
    display: block;
    height: 3px; width: 120px; margin: 12px auto 0;
    background: linear-gradient(90deg, var(--accent), var(--accent-deep));
    border-radius: 3px;
}

.activities-hero .hero-sub {
    color: #f6efe9;
    opacity: .96;
    margin: .6rem 0 1.35rem;
    max-width: 880px;
}

.activities-hero .hero-cta {
    background: linear-gradient(90deg, var(--accent), var(--accent-deep));
    border-radius: 40px;
    padding: 12px 28px;
    box-shadow: 0 16px 44px rgba(211, 120, 90, .45);
    border: 1px solid rgba(255,255,255,.28);
    position: relative;
    overflow: hidden;
}
.activities-hero .hero-cta::before{
    content: '';
    position: absolute; inset: 0; background: linear-gradient(120deg, rgba(255,255,255,.25), transparent 35% 65%, rgba(255,255,255,.2));
    opacity: 0; transition: opacity .3s ease;
}
.activities-hero .hero-cta:hover{ transform: translateY(-1px); }
.activities-hero .hero-cta:hover::before{ opacity: 1; }

.lux-section {
    padding: 64px 0;
    position: relative;
}

.lux-section .lux-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.lux-heading {
    font-family: 'TAN - PEARL', var(--font-playfair-display), serif;
    color: var(--accent);
    font-size: clamp(28px, 4.8vw, 48px);
    text-align: center;
}

.lux-sub {
    text-align: center;
    color: var(--text-dark);
    opacity: .9;
    margin-top: 6px;
}

.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
    margin: 20px 0 10px;
}

.card {
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .08);
    transition: transform .25s ease, box-shadow .3s ease;
}

.card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 56px rgba(0, 0, 0, .12);
}

.card-media {
    height: 200px;
    background: var(--bg) center/cover no-repeat;
}

.card-body {
    padding: 16px 18px 18px;
}

.card-title {
    font-family: var(--font-playfair-display);
    color: var(--text-dark);
    font-size: 20px;
    margin: 2px 0 8px;
}

.card-title i {
    color: var(--accent);
    margin-right: 8px;
}

.card-desc {
    color: var(--text-dark);
    opacity: .9;
    font-size: 15px;
    line-height: 1.6;
}

.lux-cta {
    text-align: center;
    padding: 90px 0;
    color: #fff;
    background: linear-gradient(rgba(26, 37, 47, 0.753), rgba(26, 37, 47, 0.658)), url('https://www.gardenzeus.com/wp-content/uploads/shutterstock_1416298847-scaled.jpg') center/cover no-repeat;
}

.lux-cta .cta-inner {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 20px;
}

.lux-cta .cta-title {
    font-family: 'TAN - PEARL', var(--font-playfair-display), serif;
    font-size: clamp(30px, 5vw, 58px);
    margin-bottom: 6px;
    color: #fff;
}

.lux-cta .cta-sub {
    color: #f3ebe6;
    margin-bottom: 14px;
}

.lux-cta .cta-btn {
    border-radius: 40px;
    padding: 14px 28px;
    box-shadow: 0 12px 40px rgba(211, 120, 90, .45);
    background: linear-gradient(90deg, var(--accent), var(--accent-deep));
}

@media (max-width: 768px) {
    .activities-hero {
        min-height: 60vh;
    }

    .card-media {
        height: 180px;
    }
}