@media screen and (max-width:1100px){

*{
    max-width:100%;
}

body{
    overflow-x:hidden;
}

section,
.hero,
.stats-section,
.about-section,
.breeds-section,
.health-section,
.reviews-section,
.cta-section,
.footer{
    width:100%;
    max-width:100%;
    padding-left:4vw;
    padding-right:4vw;
    margin:0;
    overflow-x:hidden;
}

.hero-content h1,
.about-right h2,
.section-header h2,
.health-content h2,
.cta-box h2{
    font-size:clamp(2.4rem,5vw,4rem);
    line-height:1;
}

.breed-cards{
    grid-template-columns:1fr;
}

.stats-section{
    grid-template-columns:repeat(3,1fr);
    gap:2vw;
}

.health-grid{
    grid-template-columns:repeat(2,1fr);
    gap:2vw;
}

.featured-card{
    transform:none;
}
}



@media screen and (max-width:768px){

body{
    overflow-x:hidden;
}

.cursor{
    display:none;
}
/* MOBILE NAVBAR */

.navbar{
    width:100%;

    display:flex;
    flex-direction:column;

    align-items:center;

    gap:1.5rem;

    padding-top:2vh;
}



/* HEADING */

.nav-heading{
    width:100%;
    text-align:center;
}

.nav-heading h2{
    font-size:clamp(1.1rem,5vw,1.5rem);

    letter-spacing:0.25rem;

    line-height:1.3;
}

.nav-heading p{
    font-size:0.7rem;

    letter-spacing:0.12rem;

    line-height:1.6;
}



/* LOGO */

.hero-logo{
    width:100%;

    display:flex;
    justify-content:center;
}

.hero-logo img{
    width:52vw;

    min-width:180px;

    max-width:280px;

    border-radius:1.5rem;
}



/* NAV BUTTONS */

.nav-links{
    width:100%;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:0.8rem;

    list-style:none;
}

.nav-links li:last-child{
    grid-column:1/3;
}

.nav-links a{
    width:100%;

    display:flex;

    justify-content:center;
    align-items:center;

    text-align:center;

    text-decoration:none;

    padding:0.9rem 0.5rem;

    border-radius:1rem;

    font-size:0.8rem;

    background:rgba(255,255,255,0.04);

    border:1px solid rgba(255,255,255,0.08);
}



/* RESERVE BUTTON */

.nav-btn{
    width:100%;
font-size: 0.8rem;
    padding:1rem;
    margin-bottom: 2.5vh;
}
.hero-badge{
    font-size:0.72rem;

    padding:0.7rem 1rem;

    letter-spacing:0.08rem;
}


/* REMOVE HAMBURGER */

.menu-btn{
    display:none;
}
/* LOGO */
.hero-logo{
    margin:2vh auto;
}

.hero-logo img{
    width:48vw;
    max-width:320px;
    min-width:180px;
    border-radius:1.5rem;
    margin: 2vh;
}



/* HERO */

.hero{
    min-height:auto;
    padding-top:2vh;
    padding-bottom:4vh;
}

.hero-content{
    margin-top:2vh;
    text-align:center;
    width:100%;
    font-size:clamp(2.2rem,9vw,3.5rem);
    line-height:1;
}



.hero-content p{
    font-size:0.95rem;
    line-height:1.7;
    width:100%;
}

.hero-buttons,
.cta-buttons{
    display:flex;
    flex-direction:column;
    gap:1rem;
    margin-top:2vh;
}

.premium-btn,
.glass-btn{
    width:100%;
    padding:1rem;
    text-decoration:none;
    font-size: 1rem;
}



/* SECTIONS */

.stats-section,
.about-section,
.breeds-section,
.health-section,
.reviews-section,
.cta-section{
    width:100%;
    padding-top:6vh;
    padding-bottom:6vh;
}



/* STATS */

.stats-section{
    margin-top:2vh;
    grid-template-columns:1fr;
    gap:2vh;
}

.stat-card{
    padding:2rem 1rem;
}

.stat-card h2{
    font-size:clamp(2rem,8vw,3rem);
}



/* ABOUT SECTION */

.about-section{
    display:grid;
    grid-template-columns:48% 48%;
    justify-content:space-between;
    align-items:stretch;
    gap:4vw;
}

.about-left,
.about-right{
    width:100%;
    height:100%;
}



/* IMAGE COLUMN */

.image-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:2vh;
    height:100%;
}

.image-box,
.large-img{
    width:100%;
    min-height:28vh;
    height:28vh;
    border-radius:1.5rem;
    overflow:hidden;
}

.image-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}



/* TEXT COLUMN */

.about-right{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.about-right h2,
.section-header h2,
.health-content h2,
.cta-box h2{
    font-size:clamp(2rem,7vw,3rem);
    line-height:1.05;
}

.about-right p,
.cta-box p,
.hero-content p{
    font-size:0.92rem;
    line-height:1.7;
}



/* BREEDS */

.breed-image{
    height:32vh;
}



/* HEALTH */

.health-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2vh 3vw;
    margin-top:3vh;
}

.health-card{
    padding:1.2rem 0.8rem;
    border-radius:1.2rem;
}

.health-card h3{
    font-size:0.82rem;
    line-height:1.5;
}

.health-icon{
    width:3rem;
    height:3rem;
    font-size:1.2rem;
    margin-bottom:1rem;
}



/* REVIEWS */

.review-card{
    width:72vw;
}

.review-image{
    height:28vh;
}

.review-content{
    padding:1.3rem;
}



/* CTA */

.cta-box{
    padding:2rem 1.2rem;
}



/* FOOTER */

.footer{
    padding-top:5vh;
    padding-bottom:5vh;
}

.footer-links{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:1rem;
}



/* GLOBAL TEXT */

.hero-content,
.section-header,
.health-content,
.cta-box{
    margin-top:0;
}
}