.htc__choose__wrap{
    min-height: 100%;
}
span.anchor{
    display: block;
    position: relative;
    top:-250px;
    visibility: hidden;
}
.brand__list{
    display: flex!important;
    align-items: center;
    justify-content: space-around;
}
@media (max-width: 992px){
    .brand__list li + li {
        padding-top: 0px!important;
    }
    .brand__list {
        padding-top: 30px!important;
    }
}
.sub__item{
    margin-left: 10px;
}
.dropdown.mega_dropdown li a.mega__subtitle{
    margin-bottom: 0px!important;    
    font-size: 15px!important;
    font-weight: 500;
    border-bottom: 1px solid #00000026;
}
.dropdown.mega_dropdown li a.mega__subtitle::before{
    height: 0;
}
.main__menu ul.dropdown.mega_dropdown li a{
    padding:4px 0 5px;
}
.sag2{
    width: 100%;
}
@media (min-width: 992px){
    .sag2{
        width: 25.33333%!important;
    }
    .sol1{
        width: 37.3333333%!important;
    }
    .sag3{
        width: 29.15%!important;
    }
}

/* S3S Car Center Slider CSS-only */

.hero-slider {
    margin-top: 20px;
    width: 100%;
    overflow: hidden; /* Kaydırmayı gizle */
}

.slider-container {
    overflow-x: scroll; /* Yatay kaydırma */
    scroll-snap-type: x mandatory; /* Kaydırmayı resimlere yapıştır */
    display: flex;
    -webkit-overflow-scrolling: touch; /* iOS için yumuşak kaydırma */
}

.slider-wrapper img {
    flex: 0 0 100%; /* Her resmin tam genişliği kaplamasını sağlar */
    width: 100%;
    height: 60vh; /* Ekran yüksekliğinin %60'ı kadar yükseklik */
    object-fit: cover; /* Resmi kutuya sığdırır, gerekirse kırpar */
    scroll-snap-align: start; /* Her resmin başlangıca hizalanmasını sağlar */
    display: block;
}

/* Kaydırma çubuğunu gizle (isteğe bağlı) */
.slider-container::-webkit-scrollbar {
    display: none;
}

.slider-container {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* S3S Car Center Image Grid Styles */
.image-grid .container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Küçük ekranlarda 1, büyüklerde daha fazla */
    gap: 15px; /* Görseller arası boşluk */
    padding: 20px 0;
}

.image-grid img {
    width: 100%;
    height: 200px; /* Sabit yükseklik, isteğe göre ayarlanabilir */
    object-fit: cover; /* Görseli kutuya sığdırır, gerekirse kırpar */
    border-radius: 8px; /* Hafif yuvarlak köşeler */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge */
    transition: transform 0.2s ease-in-out;
}

.image-grid img:hover {
    transform: scale(1.03); /* Hover'da hafif büyütme */
}