/* =========================================
   SINGLE BLOG
========================================= */

.blog-banner{

padding:80px 0;

background:#f8f8f8;

text-align:center;

}

.blog-header{

max-width:850px;

margin:auto;

}

.blog-category{

display:inline-block;

padding:6px 16px;

background:#f3f3f3;

border-radius:30px;

margin-bottom:18px;

font-weight:600;

}

.blog-header h1{

font-size:48px;

margin-bottom:20px;

}

.blog-meta{

display:flex;

justify-content:center;

gap:25px;

color:#777;

}

.single-blog{

padding:80px 0;

}

.blog-wrapper{

max-width:900px;

margin:auto;

}

.blog-article{

background:#fff;

padding:40px;

border-radius:18px;

box-shadow:0 10px 35px rgba(0,0,0,.08);

}

.blog-featured-image{

width:100%;

border-radius:15px;

margin-bottom:30px;

}

.blog-content{

line-height:1.9;

font-size:17px;

}

.blog-content img{

max-width:100%;

height:auto;

border-radius:12px;

}

.blog-tags{

margin-top:40px;

}

.related-posts{

padding:80px 0;

background:#fafafa;

}

@media(max-width:768px){

.blog-header h1{

font-size:34px;

}

.blog-meta{

flex-direction:column;

gap:10px;

}

.blog-article{

padding:25px;

}

}
/*====================================
SINGLE BLOG LUXURY POLISH
====================================*/
.blog-banner{
    padding:130px 0 90px;
    background:radial-gradient(circle at 78% 20%,rgba(201,164,92,.18),transparent 26%),linear-gradient(135deg,#061224,#102948);
    color:#fff;
}
.blog-category{
    background:rgba(255,255,255,.12);
    color:#f3dfac;
    border:1px solid rgba(255,255,255,.18);
    letter-spacing:.08em;
    text-transform:uppercase;
}
.blog-header h1{
    font-family:'Cormorant Garamond',serif;
    font-size:clamp(40px,6vw,68px);
    line-height:1;
    letter-spacing:-.04em;
}
.blog-meta{
    color:rgba(255,255,255,.76);
}
.single-blog,
.related-posts{
    background:linear-gradient(180deg,#f8f5ef,#fff);
}
.blog-article{
    border:1px solid rgba(7,23,45,.10);
    border-radius:30px;
    box-shadow:0 22px 60px rgba(7,23,45,.10);
}
.blog-featured-image,
.blog-content img{
    border-radius:24px;
    box-shadow:0 16px 40px rgba(7,23,45,.10);
}
.blog-content{
    color:#344054;
}
.blog-content h2,
.blog-content h3,
.blog-content h4{
    color:#07172d;
    font-family:'Cormorant Garamond',serif;
    letter-spacing:-.02em;
}
.blog-content a{
    color:#9b7434;
    font-weight:700;
}
@media(max-width:768px){
    .blog-banner{
        padding:110px 0 78px;
    }
    .blog-article{
        padding:28px;
        border-radius:24px;
    }
}