@media (max-width:900px){

    .cot-header-inner{
        flex-direction:column;
        gap:22px;
        padding:20px;
    }

    .cot-menu{
        flex-wrap:wrap;
        justify-content:center;
        gap:16px;
    }

    .cot-hero{
        min-height:100dvh !important;
        padding:120px 24px 60px;
    }

    .cot-hero h1{
        font-size:4rem;
    }

    .cot-hero-text{
        font-size:1.1rem;
    }
}


@media (max-width:980px){

.cot-mobile-toggle{
display:flex;
}

.cot-nav{
position:absolute;
top:100%;
left:0;
width:100%;
padding:20px;
background:rgba(0,0,0,.96);
backdrop-filter:blur(20px);
opacity:0;
visibility:hidden;
transform:translateY(-10px);
transition:all .25s ease;
}

.cot-nav.cot-nav-open{
opacity:1;
visibility:visible;
transform:translateY(0);
}

.cot-menu{
flex-direction:column;
align-items:flex-start;
width:100%;
gap:18px;
}

.cot-menu li{
width:100%;
}

.cot-menu .sub-menu{
position:relative;
opacity:1;
visibility:visible;
transform:none;
background:none;
border:none;
padding-left:16px;
margin-top:10px;
}

}


@media (max-width: 900px){

.cot-page-wrapper,
.cot-category-wrapper{
padding:140px 22px 70px;
}

.cot-page-header h1,
.cot-category-header h1{
font-size:3rem;
}

.cot-page-body{
font-size:1.05rem;
line-height:1.8;
}

.cot-category-grid{
grid-template-columns:1fr;
}

}


@media (max-width:900px){

.cot-post-header{
padding:160px 22px 40px;
}

.cot-post-content{
padding:0 22px 70px;
font-size:1.05rem;
}

.cot-archive-wrapper{
padding:140px 22px 70px;
}

.cot-archive-grid{
grid-template-columns:1fr;
}

}


@media (max-width:900px){

.cot-hero h1{
font-size:3.2rem;
line-height:1;
}

.cot-post-header h1,
.cot-post-hero-content h1,
.cot-page-header h1,
.cot-category-header h1{
font-size:2.5rem;
line-height:1.05;
}

.cot-post-content h1{
font-size:2.1rem;
}

.cot-post-content h2{
font-size:1.8rem;
}

}


@media (max-width:900px){

.cot-post-header{
padding:150px 22px 30px;
}

.cot-post-header h1{
font-size:2.4rem;
line-height:1.05;
}

.cot-post-featured-image-wrapper{
padding:0 22px 40px;
}

.cot-post-featured-image{
width:100%;
border-radius:24px;
}

.cot-post-featured-image img{
border-radius:24px;
}

}