/* --- TEMEL YAPI VE YERLEŞİM DÜZENLEMELERİ --- */
body {
    background-color: #fcfcfc;
}

.site-logo {
    max-height: 80px; 
    width: auto;
}

/* Mega Menünün slaytı itmemesi ve tam ekran genişliğinde açılması için */
.menu {
    position: relative;
    z-index: 1040; /* Menü kapsayıcısını yukarıda tutar */
}

/* Kapsayıcı statik yapılmalı ki menü parent sınırlarına takılmadan tam genişleyebilsin */
.nav-item.dropdown {
    position: static;
}

/* Açılır menünün slaytı aşağı itmemesi (üstüne binmesi) için absolute ve z-index ayarı */
.dropdown-menu {
    position: absolute !important;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 0 0 5px 5px;
    z-index: 9999; /* Slaytın üstünde kalmasını sağlar */
    margin-top: 0; 
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

/* YENİ: Bootstrap varsayılan aşağı okunu (caret) gizleme */
.dropdown-toggle::after {
    display: none !important;
    content: none !important;
}

/* Alt kategori görsellerini boyutlandırma */
.cateogory-image img {
    max-height: 70px;
    object-fit: contain;
    transition: transform 0.3s ease;
}
.cateogory-image:hover img {
    transform: scale(1.05);
}
.sub-title {
    font-size: 13px;
    text-decoration: none !important;
}
.sub-title:hover {
    color: #d70909 !important;
}


/* --- DİĞER CSS KODLARI --- */

header.desktop .mega-menu .nav-link {
    margin-top: 5px;
    display: flex;
    flex-direction: column; 
    align-items: center;    
    justify-content: center;
    height: 100%;
}

.subtitle-img {
    max-height: 50px; 
}

.single-menu-container .single-menu li .subtitle-img {
    font-weight: 500;
    text-decoration: none;
    padding: 0;
    display: block;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
    font-size: 16px;
}

.single-menu-container .single-menu li {
    text-align: center;
}

.single-menu-container .single-menu li .sub-single-item {
    padding: 0 15px;
}

/* 404 Sayfası */
.e404-body {
    background: repeating-linear-gradient(45deg, transparent, transparent 10px, #f8f8f8 10px, #f8f8f8 20px), linear-gradient(to bottom, #fff, #fff);
}

.e404-btn {
    background: #ffffff;
    border-radius: 45px;
    color: #212121;
    padding: 20px 50px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 600;
    -moz-box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, 0.35);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    text-decoration: none;
}

.e404-btn:hover {
    color: var(--main-color);
    -moz-box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, 0.35);
}

/* 404 Sayfası - Tip 1 */
.e404-content .e404-logo img {
    max-height: 100px;
    border: none !important;
}

.e404-page-type-1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.e404-page-type-1 .e404-pic {
    height: 200px;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    border-radius: 10px;
}

.e404-page-type-1 .e404-title {
    color: #3b3a39;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 2rem;
    margin: 30px 0px 0px 0px;
}

.e404-description {
    color: #808080;
    font-size: 1rem;
    margin: 5px;
    text-align: center;
    font-weight: 300;
}

/* İki Bölümlü 404 Sayfası - Tip 2*/
.e404-page-type-2 {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.e404-page-type-2 .e404-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 100px;
    padding: 0 10%;
    border-top: 0;
    border-left: 0;
}

.e404-page-type-2 .e404-pic {
    height: 400px;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    border-radius: 10px;
}

.e404-page-type-2 .e404-title {
    color: #3b3a39;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 2rem;
    margin: 30px 0px 0px 0px;
}

/* Mobil Uygulama İkonları  */
footer .mobile-app-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    display: block;
}

/* Müşteri Etkileşim Butonları */
.product-customer-actions {
    padding: 10px 0;
    background: #fff;
}

.product-customer-actions .action .button i {
    font-size: 15px;
    margin-right: 10px;
}

.product-customer-actions .action:first-child {
    border-left: 0;
}

.product-customer-actions .action {
    border-right: 0;
}

/* Havale İndirimi */
.product-transfer-discount {
    background: #f2f2f2;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border-left: 5px solid var(--main-color);
    font-size: 14px;
    color: #7a7a7a;
}

/* E-Bülten */
.newsletter-content .newsletter-title {
    color: #e6e6e6;
    font-weight: 400;
    font-size: 19px;
}

.newsletter-input {
    height: 37px;
    background: #fff !important;
    display: block;
    color: #a3a2a2;
    position: relative;
    line-height: 23px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #ebecee;
    border-radius: 5px;
}

.newsletter-form .btn-submit {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    background: #d70909;
    border-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.newsletter-form {
    position: relative;
    width: 100%;
}

/* SMS Bülteni */
.sms-newsletter-content .newsletter-title {
    color: #222;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}

.sms-newsletter-input {
    height: 40px;
    background: #fff !important;
    display: block;
    color: #a3a2a2;
    position: relative;
    line-height: 23px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #ebecee;
}