/* ===== Countdown bar - hedef görsel ===== */
.sayac-alani {
	background: #e4253c !important;
	padding: 5px 0 !important;
}
.sayac-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 40px;
}
.sayac-alani .duyuru {
	display: flex !important;
	align-items: center;
	flex: 1;
	min-width: 0;
	min-height: 0;
}
.duyuru-img {
	width: 34px !important;
	height: 34px;
	flex-shrink: 0;
	margin: 0;
}
.duyuru-img img {
	width: 34px;
	height: 34px;
	object-fit: contain;
	display: block;
}
.duyuru-text {
	margin-left: 10px !important;
	color: #fff !important;
	font-weight: 700;
	font-size: 13px !important;
	line-height: 1.2;
	white-space: nowrap;
}
.duyuru-text.duyuru-text2 {
	text-shadow: #fff -1px -1px 0, #fff 1px -1px 0, #fff -1px 1px 0, #fff 1px 1px 0;
	color: #111 !important;
	font-size: 13px !important;
	margin-left: 8px !important;
}
.time-header {
	display: flex;
	gap: 6px;
	justify-content: flex-end;
	align-items: center;
	flex-shrink: 0;
}
.sayac-alani .column {
	text-align: center;
	color: #e4253c;
	font-weight: 700;
}
.column.gun-box,
.column.saat-box,
.column.dakika-box,
.column.saniye-box {
	background: #fff !important;
	padding: 1px 8px 2px !important;
	font-size: 10px !important;
	border-radius: 5px;
	min-width: 44px;
	line-height: 1.05;
}
.sayac-alani .column.gun,
.sayac-alani .column.saat,
.sayac-alani .column.dakika,
.sayac-alani .column.saniye {
	font-size: 15px;
	line-height: 1.1;
	color: #e4253c;
}
.sayac-alani .gun-text,
.sayac-alani .saat-text,
.sayac-alani .dakika-text,
.sayac-alani .saniye-text {
	font-size: 9px;
	font-weight: 600;
	color: #e4253c;
}
a.detail {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 32px !important;
	background: #ffffff !important;
    border: none !important;
    color: #e4253c !important;
	text-align: center;
	width: auto !important;
	padding: 0 12px !important;
	border-radius: 6px !important;
	font-weight: 700;
	font-size: 13px;
	gap: 5px;
	white-space: nowrap;
	margin-left: 4px;
}
a.detail:hover {
	background: #ff8d33 !important;
	color: #fff !important;
}

/* ===== Header compactness ===== */
.topbar {
	padding: 6px 0 !important;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}
.topbar .logo {
	max-height: 52px !important;
}
.header-main .main-nav > li > a {
	padding: 22px 10px !important;
	font-weight: 700;
	letter-spacing: 0.2px;
}
/* .mega-menu {
	top: 64px !important;
} */
.wp-box a {
	font-weight: 700;
	color: #32414f !important;
	font-size: 13px !important;
	line-height: 1.15;
}
.wp-box span {
	color: #8a8a8a;
	font-size: 11px !important;
	line-height: 1.2;
}
li.wp-header i {
	font-size: 26px !important;
	color: #25d366 !important;
}
.userLoginPanel,
.phonePanel {
	border-radius: 8px;
}

/* ===== Hero ===== */
.hero-banner.hero-banner-01 {
	padding: 0 !important;
}
.mainSlider {
	position: relative;
	/* overflow: hidden; */
}
.hero-overlay-texts {
	display: none !important;
}

/* ===== Search: tabs above the bar, matching the reference ===== */
.arama-alan {
	bottom: 14% !important;
	z-index: 5;
	overflow: visible;
}
.hero-inner {
	padding-top: 0 !important;
	overflow: visible;
}
.hero-inner .container {
	position: relative;
	overflow: visible;
	padding-top: 0;
}
.hero-inner .menu-horizontal-wrapper-02 {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	z-index: 0;
	display: inline-flex !important;
	width: auto !important;
	margin: 0 0 -6px 0px !important;
	padding: 2px !important;
	background: #f3f3f3 !important;
	border-radius: 14px 14px 0 0 !important;
	overflow: hidden;
}
.hero-inner .menu-horizontal-02,
.hero-inner .menu-horizontal-02 ul.nav {
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: stretch;
	gap: 0 !important;
	float: none;
	width: auto !important;
	background: #f3f3f3 !important;
	border-radius: 14px 14px 0 0 !important;
	overflow: hidden;
}
.hero-inner .menu-horizontal-02 ul li {
	margin: 0 !important;
	display: flex !important;
	float: none !important;
	width: auto !important;
	background: transparent !important;
}
.hero-inner .nav a,
.hero-inner .menu-horizontal-02 ul li a {
	border-radius: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #32414f !important;
	margin: 0 !important;
	padding: 15px 22px !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	line-height: 1 !important;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	width: auto !important;
	box-shadow: none !important;
	height: auto !important;
	min-height: 0 !important;
	border-top-right-radius: 10px !important;
	border-top-left-radius: 10px !important;
}
.hero-inner .nav a i,
.hero-inner .menu-horizontal-02 ul li a i {
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	color: #32414f !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	font-size: 14px !important;
	line-height: 1 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	border: 0 !important;
}
.hero-inner .nav a i:before,
.hero-inner .menu-horizontal-02 ul li a i:before {
	background: none !important;
	border-radius: 0 !important;
	width: auto !important;
	height: auto !important;
	color: inherit !important;
}
.hero-inner .nav a:hover,
.hero-inner .menu-horizontal-02 ul li a:hover {
	background: transparent !important;
	color: #111 !important;
	border: 0 !important;
}
.hero-inner .nav a:hover i,
.hero-inner .menu-horizontal-02 ul li a:hover i {
	color: #111 !important;
	background: none !important;
}
.hero-inner .nav a.active,
.hero-inner .menu-horizontal-02 ul li a.active,
.hero-inner .menu-horizontal-02 ul li.active a,
.hero-inner .nav a.active:hover,
.hero-inner .menu-horizontal-02 ul li a.active:hover {
	background: #e4253c !important;
	color: #fff !important;
	border: 0 !important;
}
.hero-inner .nav a.active i,
.hero-inner .menu-horizontal-02 ul li a.active i,
.hero-inner .nav a.active:hover i {
	background: none !important;
	color: #fff !important;
}

/* Unified search pill */
.tur-landing-page,
.tur-landing-page .searcher,
.tur-landing-page .searcher .searchwrap {
	background: transparent !important;
}
.hero-inner .tab-content {
	position: relative;
	z-index: 3;
}
.tur-landing-page.m-mb20 {
    padding: unset;
}
.tur-landing-page .searcher .searchwrap {
	background: #fff !important;
	border-radius: 10px !important;
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
	padding: 8px 8px 8px 10px !important;
	overflow: visible;
}
.tur-landing-page .searcher .searchwrap .row {
	margin: 0 !important;
}
.searchwrap form {
	display: flex !important;
	align-items: center;
	width: 100%;
	margin: 0;
	gap: 0;
}
.tur-landing-page .searcher .searchwrap .column {
	background:transparent !important;
	border: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 4px 14px !important;
	float: none !important;
	flex: 1 1 0;
	width: auto !important;
	max-width: none !important;
	position: relative;
}
.tur-landing-page .searcher .searchwrap .column:not(.noborder):after {
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	bottom: 10px;
	width: 1px;
	background: #ececec;
}
.tur-landing-page .searcher .searchwrap .otel-date {
	display: flex;
	flex: 1.35 1 0;
	padding: 4px 0 !important;
}
.tur-landing-page .searcher .searchwrap .otel-date .kode_felid {
	flex: 1;
	padding: 0 14px;
	position: relative;
}
.tur-landing-page .searcher .searchwrap .otel-date .kode_felid:first-child {
	border-right: 1px solid #ececec !important;
}
.tur-landing-page .searcher .searchwrap .kode_felid .date-cikis {
	margin: 0 10px 0 0 !important;
	padding-right: 0 !important;
}
.tur-landing-page .searcher .searchwrap .column.noborder {
	flex: 0 0 168px !important;
	width: 168px !important;
	max-width: 168px !important;
	padding: 4px 4px 4px 8px !important;
	background: transparent !important;
	border: none !important;
}
.tur-landing-page .searcher .searchwrap .column.noborder:after {
	display: none;
}
.tur-landing-page .searcher .searchwrap .kode_felid {
	display: flex;
	align-items: center;
	float: none;
	background: transparent !important;
}

/* Circular translucent red icon backgrounds */
.tur-landing-page .searcher .searchwrap .kode_felid .icon {
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	min-height: 34px !important;
	margin-right: 10px !important;
	padding: 0 !important;
	flex-shrink: 0;
	border-radius: 50% !important;
	background: rgba(228, 37, 60, 0.12) !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	position: relative !important;
}
.tur-landing-page .searcher .searchwrap .kode_felid .icon span,
.tur-landing-page .searcher .searchwrap .kode_felid .icon span:before {
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #e4253c !important;
	font-size: 14px !important;
	line-height: 1 !important;
	position: static !important;
	transform: none !important;
	left: auto !important;
	top: auto !important;
	display: inline-block !important;
}
.tur-landing-page .searcher .searchwrap .kode_felid label {
	font-size: 11px;
	font-weight: 500;
	color: #9b9b9b;
	text-transform: none;
	margin: 0;
	line-height: 1.2;
}
.tur-landing-page .searcher .searchwrap input,
.tur-landing-page .searcher .searchwrap .person-total {
	height: 20px;
	font-size: 15px;
	font-weight: 700;
	color: #32414f !important;
	padding: 0;
	background: transparent !important;
}

#hotelTab .searchwrap form > .column.col-md-3:not(.noborder) input {
	height: 34px;
	font-size: 14px;
	font-weight: 500;
	color: #333 !important;
	padding-right: 28px !important;
}
#hotelTab .searchwrap form > .column.col-md-3:not(.noborder) input::placeholder {
	color: #b5b5b5;
	font-weight: 500;
}
.tur-landing-page .searcher .searchwrap .ralative-icon,
.tur-landing-page .searcher .searchwrap .relative-icon {
	position: relative;
	padding-right: 18px;
	width: 100%;
}
.search-field-magnify {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #c4c4c4;
	font-size: 15px;
	pointer-events: none;
	line-height: 1;
}
.tur-landing-page .searcher .searchwrap .otel-date .ralative-icon:after,
.tur-landing-page .searcher .searchwrap .relative-icon:after {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 9px;
	color: #b0b0b0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: none !important;
}
#hotelTab .searchwrap form > .column.col-md-3:not(.noborder) .ralative-icon:after {
	display: none;
}
.tur-landing-page .searcher .searchwrap button,
.tur-landing-page .searcher .searchwrap button.btn-normal-1 {
	border-radius: 14px !important;
	height: 52px !important;
	width: 100% !important;
	min-width: 0;
	padding: 0 22px !important;
	background: #e4253c !important;
	border: none !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: none;
}
.tur-landing-page .searcher .searchwrap button:after {
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	background: none !important;
}
.tur-landing-page .searcher .searchwrap button:hover {
	background: #c91832 !important;
	color: #fff !important;
	border: none !important;
}

/* Flight / tour secondary search form as the same pill */
.hero-inner .search-form-main {
	background: #fff !important;
	border-radius: 10px !important;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.16);
	padding: 10px 10px 10px 16px !important;
	max-width: 100% !important;
}
.hero-inner .search-form-main .form-group {
	background: transparent !important;
	padding: 6px 10px !important;
	border-radius: 0 !important;
}
.hero-inner .search-form-main .btn,
.hero-banner-01 .search-form-main .btn {
	border-radius: 40px !important;
	height: 52px !important;
	line-height: 52px !important;
	background: #e31c3d !important;
	border: none !important;
	font-weight: 700;
}

/* ===== Trust badges + campaigns ===== */
.trust-badges {
	background: transparent !important;
	padding: 16px 0 12px;
	float: left;
	width: 100%;
	border-bottom: none;
}
.trust-badges-inner {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 0;
	background: transparent;
}
.trust-item {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 1;
	min-width: 0;
	background: transparent !important;
	padding: 4px 18px;
	position: relative;
}
.trust-item:first-child {
	padding-left: 0;
}
.trust-item:last-child {
	padding-right: 0;
}
.trust-item:not(:last-child):after {
	content: "";
	position: absolute;
	right: 0;
	top: 10%;
	bottom: 10%;
	width: 1px;
	background: #e6e6e6;
}
.trust-icon {
	width: 48px;
	height: 48px;
	border: 2px solid #e31c3d;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #e31c3d;
	font-size: 18px;
	flex-shrink: 0;
	background: transparent !important;
}
.trust-text h4 {
	margin: 0 0 2px;
	font-size: 14px;
	font-weight: 700;
	color: #32414f;
	line-height: 1.2;
}
.trust-text p {
	margin: 0;
	font-size: 12px;
	color: #8a8a8a;
	line-height: 1.25;
}

.campaigns {
	background: #fafafc !important;
	padding: 12px 0 8px !important;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.campaigns .container,
.campaigns .col-md-12,
.campaign-list,
.campaign-list > a,
.campaigns .box {
	background: transparent !important;
	box-shadow: none !important;
}
.campaign-list {
	display: flex;
	align-items: stretch;
	width: 100%;
}
.campaign-list > a {
	flex: 1 1 0;
	min-width: 0;
	color: inherit;
}
.campaigns .box {
	display: flex;
	align-items: center;
	padding: 6px 16px;
	margin: 0;
	border-right: 1px solid #e6e6e6;
	height: 100%;
}
.campaign-list > a:last-child .box {
	border-right: none !important;
}
.campaigns .box .icon {
	width: 52px;
	height: 52px;
	border: 2px solid #e31c3d;
	border-radius: 50%;
	overflow: hidden;
	background: transparent !important;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.campaigns .box .icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	background: transparent !important;
}
.campaigns .box .text {
	padding: 0 0 0 12px;
	width: calc(100% - 52px);
	background: transparent;
}
.campaigns .box .text h3 {
	font-size: 14px;
	margin: 0 0 2px;
	line-height: 1.2;
	font-weight: 700;
	color: #32414f;
}
@media (max-width: 768px) {
	.campaign-list {
		flex-wrap: wrap;
	}
	.campaign-list > a {
		flex: 1 1 100%;
	}
	.campaign-list > a .box {
		border-right: none !important;
		border-bottom: 1px solid #e6e6e6;
	}
	.campaign-list > a:last-child .box {
		border-bottom: none !important;
	}
}

.campaign-nav {
	display: none;
}

/* Laptop (1024): kartlar sıkışmasın, yatay kaydırılsın */
@media (min-width: 769px) and (max-width: 1199px) {
	.campaigns .col-md-12 {
		overflow: visible;
	}
	.campaign-scroll {
		position: relative;
		display: flex;
		align-items: center;
	}
	.campaign-scroll:after {
		content: "";
		position: absolute;
		top: 0;
		right: 36px;
		bottom: 14px;
		width: 48px;
		pointer-events: none;
		background: linear-gradient(to right, rgba(250,250,252,0), #fafafc);
	}
	.campaign-nav {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 32px;
		width: 32px;
		height: 32px;
		border: none;
		border-radius: 50%;
		background: #e31c3d;
		color: #fff;
		font-size: 26px;
		line-height: 1;
		cursor: pointer;
		z-index: 2;
		padding: 0 0 3px;
	}
	.campaign-list {
		flex: 1;
		min-width: 0;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		scrollbar-width: thin;
		scrollbar-color: #e31c3d #f0f0f0;
		padding-bottom: 8px;
	}
	.campaign-list::-webkit-scrollbar {
		height: 6px;
	}
	.campaign-list::-webkit-scrollbar-track {
		background: #f0f0f0;
		border-radius: 6px;
	}
	.campaign-list::-webkit-scrollbar-thumb {
		background: #e31c3d;
		border-radius: 6px;
	}
	.campaign-list > a {
		flex: 0 0 320px;
		min-width: 320px;
		max-width: 320px;
		scroll-snap-align: start;
	}
	.campaigns .box .text h3,
	.campaigns .box .text p {
		overflow-wrap: break-word;
	}
}

/* ===== Desktop slider height ===== */
@media (min-width: 992px) {
	.mainSlider img {
		min-height: unset !important;
		object-fit: cover;
	}
}

/* ===== Tablet ===== */
@media (max-width: 1199px) {
	.trust-text h4 {
		font-size: 13px;
	}
	.trust-text p {
		font-size: 11px;
	}
	.arama-alan {
		bottom: 12% !important;
	}
	.duyuru-text,
	.duyuru-text.duyuru-text2 {
		font-size: 12px !important;
		white-space: normal;
	}
}

/* 992–1199: md kapsayıcıda tarih çifti daralıp yıl kesiliyordu. */
@media (min-width: 992px) and (max-width: 1199px) {
	#hotelTab .searchwrap form > .column:not(.otel-date):not(.noborder) {
		min-width: 0;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	#hotelTab .searchwrap form > .column.col-md-3:not(.noborder) {
		flex: 1 1 auto !important;
	}
	#hotelTab .searchwrap form > .column.col-md-2 {
		flex: 0 0 180px !important;
		width: 180px !important;
		max-width: 180px !important;
	}
	#hotelTab .searchwrap .otel-date {
		flex: 0 0 360px !important;
		width: 360px !important;
		min-width: 360px !important;
		max-width: 360px !important;
	}
	#hotelTab .searchwrap .otel-date .kode_felid {
		flex: 1 1 0;
		min-width: 0;
		padding: 0 8px;
	}
	#hotelTab .searchwrap .otel-date .kode_felid .icon {
		margin-right: 6px !important;
	}
	#hotelTab .searchwrap .otel-date .ralative-icon label,
	#hotelTab .searchwrap .otel-date input {
		white-space: nowrap;
	}
	#hotelTab .searchwrap .column.noborder {
		flex: 0 0 150px !important;
		width: 150px !important;
		max-width: 150px !important;
	}
	#hotelTab .searchwrap form > .column:not(.otel-date):not(.noborder) input,
	#hotelTab .searchwrap .person-total {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
	.tur-landing-page .searcher .searchwrap .otel-date .kode_felid {padding: 0 !important;}
	.hero-overlay-texts {
		display: none;
	}
	.mainSlider:after {
		display: none;
	}
	.arama-alan {
		position: relative !important;
		bottom: auto !important;
		background: #f6f6f6 !important;
		padding: 12px 10px 16px !important;
	}
	.hero-inner .container {
		padding-top: 0;
	}
	.hero-inner .menu-horizontal-wrapper-02 {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		display: flex !important;
		width: 100% !important;
		margin: 0 !important;
		border-radius: 14px 14px 0 0 !important;
	}
	.hero-inner .menu-horizontal-02 ul {
		width: 100%;
		justify-content: stretch;
	}
	.hero-inner .menu-horizontal-02 ul li {
		flex: 1;
		text-align: center;
	}
	.hero-inner .nav a,
	.hero-inner .menu-horizontal-02 ul li a {
		width: 100% !important;
		justify-content: center;
		padding: 12px 8px !important;
		font-size: 13px !important;
		border-radius: 0 !important;
	}
	.searchwrap form {
		flex-wrap: wrap;
	}
	.tur-landing-page .searcher .searchwrap {
		border-radius: 16px !important;
		padding: 10px !important;
	}
	.tur-landing-page .searcher .searchwrap .column,
	.tur-landing-page .searcher .searchwrap .otel-date,
	.tur-landing-page .searcher .searchwrap .column.noborder {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		padding: 8px 4px !important;
	}
	.tur-landing-page .searcher .searchwrap .column:after {
		display: none;
	}
	.tur-landing-page .searcher .searchwrap .otel-date {
		flex-direction: column;
	}
	.tur-landing-page .searcher .searchwrap .otel-date .kode_felid:first-child {
		border-right: none !important;
		border-bottom: 1px solid #eee;
		margin-bottom: 8px;
		padding-bottom: 8px;
	}
	.tur-landing-page .searcher .searchwrap button {
		height: 48px !important;
		border-radius: 12px !important;
	}
	.trust-badges-inner {
		flex-wrap: wrap;
	}
	.trust-item {
		flex: 1 1 100%;
		padding: 6px 0;
	}
	.sayac-alani .duyuru-text {
		font-size: 12px !important;
	}
}

/* Banner: slick kurulmadan ve yeniden kurulurken slaytlar alt alta yığılmasın. */
.bannerArea .mainBanner > ul:not(.slick-initialized),
.bannerArea .bannerCampaignsSlide:not(.slick-initialized) {
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	width: 100%;
	height: 220px;
}
.bannerArea .mainBanner > ul:not(.slick-initialized) > li,
.bannerArea .bannerCampaignsSlide:not(.slick-initialized) > * {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0;
}
.bannerArea .mainBanner > ul:not(.slick-initialized) img,
.bannerArea .bannerCampaignsSlide:not(.slick-initialized) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.bannerArea .mainBanner .slick-list,
.bannerArea .bannerCampaignsSlide .slick-list {
	overflow: hidden;
}
/* Track block + aktif slaytın sağ boşluğu son görseli alta düşürüp alanı ikiye katlıyordu. */
.bannerArea .mainBanner .slick-track,
.bannerArea .bannerCampaignsSlide .slick-track {
	display: flex !important;
	flex-wrap: nowrap;
	align-items: stretch;
}
.bannerArea .mainBanner .slick-track:before,
.bannerArea .mainBanner .slick-track:after,
.bannerArea .bannerCampaignsSlide .slick-track:before,
.bannerArea .bannerCampaignsSlide .slick-track:after {
	display: none !important;
	content: none !important;
}
.bannerArea .mainBanner .slick-slide,
.bannerArea .bannerCampaignsSlide .slick-slide {
	float: none !important;
	margin: 0 !important;
	flex: 0 0 auto;
	height: auto;
}
.bannerArea .mainBanner .slick-slide > a,
.bannerArea .bannerCampaignsSlide .slick-slide > a,
.bannerArea .mainBanner .slick-slide picture,
.bannerArea .bannerCampaignsSlide .slick-slide picture {
	display: block;
	line-height: 0;
}

/* Banner: laptopta yan yana, tablette alt alta. Track yüksekliği Slick'te kalır. */
@media (min-width: 992px) {
	.bannerArea .row {
		display: flex;
		align-items: stretch;
	}
	.bannerArea .col-md-8,
	.bannerArea .col-md-4 {
		float: none;
		display: flex;
	}
	.bannerArea .mainBanner,
	.bannerArea .banner-categories,
	.bannerArea .bannerCampaignsSlide {
		width: 100%;
	}
	.bannerArea .mainBanner,
	.bannerArea .mainBanner .slick-list,
	.bannerArea .bannerCampaignsSlide,
	.bannerArea .bannerCampaignsSlide .slick-list,
	.bannerArea .banner-categories .cat-box.v2,
	.bannerArea .mainBanner > ul:not(.slick-initialized),
	.bannerArea .bannerCampaignsSlide:not(.slick-initialized) {
		height: 340px !important;
		min-height: 340px;
	}
	.bannerArea .mainBanner .slick-slide,
	.bannerArea .bannerCampaignsSlide .slick-slide,
	.bannerArea .mainBanner .slick-slide > div,
	.bannerArea .bannerCampaignsSlide .slick-slide > div,
	.bannerArea .mainBanner .slick-slide > a,
	.bannerArea .bannerCampaignsSlide .slick-slide > a,
	.bannerArea .mainBanner .slick-slide picture,
	.bannerArea .bannerCampaignsSlide .slick-slide picture {
		height: 340px;
	}
	.bannerArea .mainBanner img,
	.bannerArea .banner-categories .cat-box.v2 .image img {
		width: 100%;
		height: 100% !important;
		object-fit: fill;
		object-position: center;
		background: #f7f7f7;
	}
	.bannerArea .banner-categories .cat-box.v2 {
		padding: 0;
		margin: 0;
		overflow: hidden;
		border-radius: 10px;
		position: relative;
		display: block;
	}
	.bannerArea .banner-categories .cat-box.v2 .image {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		max-height: none;
	}
	.bannerArea .slick-prev {
		left: 8px;
	}
	.bannerArea .slick-next {
		right: 8px;
	}
}
.menu-laptop {
	display: none;
}
@media (min-width: 991px) and (max-width: 1298px) {
	.menu-pc {
		display: none !important;
	}
	.menu-laptop {
		display: block;
	}
	div#mobileMenLap {
		display: flex !important;
		justify-content: center;
	}
	.mega-menu {
		top: var(--mega-top, 120px) !important;
	}
}
@media (min-width: 1200px) {
	.bannerArea .mainBanner,
	.bannerArea .mainBanner .slick-list,
	.bannerArea .bannerCampaignsSlide,
	.bannerArea .bannerCampaignsSlide .slick-list,
	.bannerArea .banner-categories .cat-box.v2,
	.bannerArea .mainBanner > ul:not(.slick-initialized),
	.bannerArea .bannerCampaignsSlide:not(.slick-initialized) {
		height: 380px !important;
		min-height: 380px;
	}
	.bannerArea .mainBanner .slick-slide,
	.bannerArea .bannerCampaignsSlide .slick-slide,
	.bannerArea .mainBanner .slick-slide > div,
	.bannerArea .bannerCampaignsSlide .slick-slide > div,
	.bannerArea .mainBanner .slick-slide > a,
	.bannerArea .bannerCampaignsSlide .slick-slide > a,
	.bannerArea .mainBanner .slick-slide picture,
	.bannerArea .bannerCampaignsSlide .slick-slide picture {
		height: 380px;
	}
}

@media (max-width: 991px) {
	.bannerArea .col-md-8,
	.bannerArea .col-md-4 {
		width: 100%;
		max-width: 100%;
		float: none;
	}
	.bannerArea .col-md-4 {
		margin-top: 12px;
	}
	.bannerArea .mainBanner,
	.bannerArea .bannerCampaignsSlide,
	.bannerArea .mainBanner .slick-list,
	.bannerArea .bannerCampaignsSlide .slick-list,
	.bannerArea .mainBanner .slick-slide,
	.bannerArea .bannerCampaignsSlide .slick-slide,
	.bannerArea .mainBanner > ul:not(.slick-initialized),
	.bannerArea .bannerCampaignsSlide:not(.slick-initialized) {
		height: auto !important;
		min-height: 0;
	}
	.bannerArea .mainBanner img,
	.bannerArea .banner-categories .cat-box.v2 .image img {
		width: 100%;
		height: auto !important;
		aspect-ratio: 16 / 7;
		object-fit: cover;
		display: block;
	}
	.bannerArea .banner-categories .cat-box.v2 {
		min-height: 0;
		padding: 0;
		display: block;
	}
	.bannerArea .banner-categories .cat-box.v2 .image {
		position: static;
		max-height: none;
		overflow: visible;
		z-index: auto;
	}
	.bannerArea .banner-categories .cat-box.v2 .image img {
		width: 100%;
		height: auto !important;
		object-fit: contain;
		display: block;
	}
}