body {
            font-family: 'Montserrat', Helvetica, sans-serif;
        }

        .navbar {
            background-color: #fff;
            border: none;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

.navbar-nav > li > a {
	font-size: 16px;
	color: #333 !important;
	/*! font-weight: bold; */
	padding: 10px 10px;
}

.dropdown-menu {
	width: 922px;
	padding: 20px;
	display: flex;
	background-color: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	display: none;
}

.dropdown:hover .dropdown-menu {
	display: flex;
}

.menu-left {
	width: 22%;
	padding-right: 5px;
	border-right: 1px solid #f0f0f0;
}
.menu-left .nav-tabs > li {
	width: 100%;
}
.menu-left .nav-tabs > li > a {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	margin-bottom: 10px;
	color: #333;
	text-decoration: none;
}

.menu-left .nav-tabs > li > a img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
}

.menu-left .nav-tabs > li.active > a {
	background-color: #dc3946;
	color: #fff !important;
	border-radius: 5px;
}

.menu-right {
    width: 78%;
    padding-left: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px; /* Sütunlar arası boşluk */
}

.menu-right .column {
    flex: 1;
    min-width: 210px; /* Minimum genişlik */
    max-width: 300px; /* Maksimum genişlik */
    display: flex;
    flex-direction: column;
    gap: 5px;
    float: left;
    margin-right: 15px;
}

.menu-right .column h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.menu-right .column a {
    color: #3d3d3d;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 0px;
    border-bottom: 1px solid #ebe9e9;
}

.menu-right .column a:hover {
    text-decoration: underline;
}
 

.promo {
/*! display: flex; */
/*! gap: 15px; */
/*! margin-top: 20px; */ /* Yukarıdan biraz boşluk */
}

.promo-card {
width:100%;
flex: 1;
position: relative;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}

.promo-card img {
width: 100%;
height: 120px; /* Sabit yükseklik */
object-fit: cover; /* Görseli düzgün kırp */
}

.promo-card:hover img {
transform: scale(1.05);
transition: transform 0.3s ease;
}
.navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border:none;
}
.nav-tabs {
  border-bottom: none;
} 
.dropdown-menu {
    position: absolute;
    left: 0;
    right: auto;
    /*! max-width: 48vw; */ /* Menü genişliğini ekranın genişliğini aşmayacak şekilde sınırla */
    overflow-x: hidden; /* Yatay taşmayı gizle */
    z-index: 1050; /* Menüyü önde tut */
}

.menu-right {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px; /* Sütunlar arasında boşluk */
    max-width: calc(100vw - 50px); /* Menü genişliğini ekranın kenarına göre sınırla */
    box-sizing: border-box;
}

.menu-right .column {
    flex: 1;
    min-width: 200px;
    max-width: 300px;
}

@media (max-width: 768px) {
    .menu-right {
        flex-direction: column;
        gap: 10px;
        max-width: 100%; /* Mobilde tam genişlik */
    }
}