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

.breed-content{
    grid-template-columns:1fr;
    gap:3rem;
}


.content-left h2{
    font-size:clamp(2.5rem,7vw,4rem);
}
}



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

body{
    overflow-x:hidden;
}

.breed-page{
    padding:4vh 5vw 8vh;
}

.breed-image-section{
    border-radius:2rem;
}

.breed-image-main{
    border-radius:2rem;
}

.breed-intro{
    margin-top:2rem;
    gap:0.8rem;
}

.breed-intro h1{
    font-size:clamp(2.5rem,12vw,4rem);
}

.available{
    font-size:0.8rem;
    padding:0.7rem 1rem;
}


.available{
    padding:0.7rem 1rem;
    font-size:0.8rem;
}
.section-tag{
    font-size:0.7rem;
    letter-spacing:0.12rem;
}
.breed-content{
    margin-top:4vh;
    gap:3vh;
}

.content-left h2{
    font-size:clamp(2.2rem,9vw,3.2rem);
    margin:1rem 0 1.5rem;
}

.content-left p{
    font-size:0.95rem;
    line-height:1.9;
}

.content-right{
    gap:2vh;
}

.info-card{
    padding:1.5rem;
    border-radius:1.5rem;
}

.info-card h3{
    font-size:1.3rem;
}

.info-card li{
    font-size:0.92rem;
    line-height:1.7;
}

.bottom-cta{
    margin-top:5vh;
    padding:2.5rem 1.5rem;
    border-radius:2rem;
}

.bottom-cta h2{
    font-size:clamp(2rem,8vw,3rem);
    line-height:1.2;
}

.reserve-btn{
    width:100%;
    padding:1rem;
}
}
@media(max-width:768px){

.top-header{

    padding:1rem 1.2rem;
}

.brand-title{

    font-size:0.72rem;

    letter-spacing:0.18rem;

    line-height:1.5;
}

.hamburger{

    width:2.8rem;
    height:2.8rem;
}

.mobile-nav{

    width:75vw;

    top:5rem;
}

}