.detail{
    color: #21313c !important;
}

.banner-image {
    width: 100%;
    aspect-ratio: 8 / 3; /* 4:1 oran */
    overflow: hidden;
}

.banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* banner gibi doldurur */
}
.header {
    min-height: calc(50vh - 3rem);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.header h1{
    font-size: calc(10px + 3vw);
}
.header a{
    font-size: calc(10px + 1vw);
}
.cat-title{
    font-size: calc(6px + 1vw);
    text-align: start;
    text-transform: uppercase;
    margin: 1rem 0;
         font-family: "Libertinus Serif" ,
        sans-serif !important;
        letter-spacing: 10px;
}
@media screen and (max-width: 768px) {
   .header{
       min-height: calc(20vh - 2rem);
   }

}