/* ============================
   GLOBAL RESET
============================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
    color: #222;
}

/* ============================
   NAVBAR
============================ */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
    position: fixed;
    width: 100%;
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(6px);
    color: white;
    z-index: 1000;
}

.logo {
    font-size: 1.3rem;
    font-weight: bold;
}

.nav-links {
    display: flex;
    gap: 18px;
    list-style: none;
}

    .nav-links a {
        color: white;
        text-decoration: none;
        font-size: 0.95rem;
    }

/* MOBILE NAV */
@media (max-width: 768px) {
    .nav-links {
        display: none;
    }
}

/* ============================
   HERO
============================ */
.hero {
    background-image: url('data:image/jpeg;base64,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'); /* your image */
    background-size: cover; /* makes image fill the screen fully */
    background-repeat: no-repeat; /* avoid repeating */
    background-position: center; /* center the image */
    background-attachment: fixed; /* optional: parallax effect */
    height: 100vh; /* full screen height */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.overlay {
    background: rgba(0,0,0,0.4);
    height: 100%;
    width: 100%;
    position: absolute;
}

.hero-content {
    position: relative;
    top: 45%;
    transform: translateY(-50%);
    text-align: center;
    color: white;
    padding: 0 20px;
}

    .hero-content h1 {
        font-size: 2.6rem;
        line-height: 1.3;
    }

.cta-btn {
    padding: 12px 25px;
    background: #ff9d00;
    border-radius: 7px;
    color: black;
    margin-top: 20px;
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
}

/* Mobile hero fix */
@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 1.8rem;
    }
}

/* ============================
   INTRO
============================ */
.intro {
    padding: 60px 20px;
    max-width: 950px;
    margin: auto;
}

    .intro p {
        line-height: 1.8;
        margin-bottom: 40px;
        font-size: 1.05rem;
    }

/* ============================
   TRAINERS
============================ */
.trainers {
    padding: 60px 20px;
}

.trainer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 25px;
}

.trainer-card {
    background: #eee;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

    .trainer-card img {
        width: 100%;
        height: 260px;
        object-fit: cover;
        border-radius: 10px;
    }

/* ============================
   YOGA TYPES
============================ */
.yoga-types {
    padding: 60px 20px;
    background: #f4f4f4;
}

.yoga-list {
    columns: 1; /* Default for mobile */
    column-gap: 40px;
    padding: 20px 15px;
}

    .yoga-list li {
        margin-bottom: 10px;
        font-size: 1.05rem;
    }

/* Tablet */
@media (min-width: 600px) {
    .yoga-list {
        columns: 2;
    }
}

/* Desktop */
@media (min-width: 1024px) {
    .yoga-list {
        columns: 3;
    }
}

/* ============================
   PLANS
============================ */
.plans {
    padding: 60px 20px;
}

.plan-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 25px;
}

.plan-card {
    background: #ffe8c2;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

    .plan-card button {
        padding: 12px;
        width: 100%;
        border: none;
        background: #ff9d00;
        border-radius: 5px;
        font-weight: bold;
        cursor: pointer;
    }

/* ============================
   CONTACT
============================ */
.contact {
    padding: 60px 20px;
}

    .contact form {
        max-width: 380px;
        margin: auto;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .contact input {
        padding: 12px;
        border-radius: 5px;
        border: 1px solid #aaa;
    }

/* ============================
   FOOTER
============================ */
footer {
    padding: 20px;
    background: black;
    color: white;
    text-align: center;
    font-size: 0.9rem;
}