.page-head{
    padding: 40px 0 0px;
}

.page-head h1{
    margin-top: 10px;
    font-family:"Cormorant Garamond", serif;
    font-weight:500;
    font-size: clamp(42px, 4vw, 80px);
   /* font-size: clamp(36px, 3.2vw, 58px); */
    line-height:.92;
    letter-spacing:-.03em;
    text-wrap: balance;
    white-space: nowrap;
}



.page-head p{
    color: #a8a29a;
    max-width: 760px;
    line-height: 1.8;
    font-size:18px;
    font-family:"Manrope", sans-serif;
}

.breadcrumbs{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-bottom:14px;
    color:#a8a29a;
    font-size:14px;
    line-height:1.4;
    font-family:"Manrope", sans-serif;
}

.breadcrumbs a{
    color:#d9b57a;
    text-decoration:none;
    transition:.2s ease;
}

.breadcrumbs a:hover{
    color:#f1dfc1;
}

.breadcrumbs-separator{
    color:#6f655a;
}

.breadcrumbs-current{
    color:#a8a29a;
}

.catalog-filters-section{
    padding-top: 10px;
}


.category-filters{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:24px;
}

.filter-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.12);
    color:#f5f0e8;
    text-decoration:none;
    background:rgba(255,255,255,.03);
    transition:.25s ease;
    font-family:"Manrope", sans-serif;
    font-size:16px;
}

.filter-btn:hover{
    border-color: rgba(217,181,122,.30);
    color:#f1dfc1;
}

.filter-btn.active{
    border-color: rgba(217,181,122,.35);
    background: rgba(217,181,122,.10);
    color:#f1dfc1;
}

.templates-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
}

.seo-text{
    padding: 40px 0 60px;
}

.seo-text-box{
    background: rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:24px;
}

.seo-text-content{
    color:#a8a29a;
    line-height:1.8;
    font-family:"Manrope", sans-serif;
    font-size:16px;
}

.seo-text-content p{
    margin-top:0;
}

.seo-text h2{
    margin: 0 0 16px;
    font-family:"Cormorant Garamond", serif;
    font-weight:500;
    font-size: clamp(28px, 2.8vw, 44px);
    line-height:.92;
    letter-spacing:-.03em;
    color:#f5f0e8;
}


.filters-title{
    font-size: clamp(22px, 2vw, 32px);
    margin: 0 0 15px;
}

@media (max-width: 1100px){
    .templates-grid{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (max-width: 720px){
    .templates-grid{
        grid-template-columns:1fr;
    }

    .page-head h1{
        white-space: normal;
        font-size: 42px;
        max-width: 100%;
    }

    .page-head p{
        font-size:16px;
    }
}