/* ===== Ekomania Rezervasyon — yalnızca görsel (sistem mantığına dokunmaz) ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root {
	--eko-rez-red: #e81932;
	--eko-rez-red-dark: #c91429;
	--eko-rez-navy: #2b3344;
	--eko-rez-navy-2: #323c4e;
	--eko-rez-text: #2b3344;
	--eko-rez-muted: #6b7280;
	--eko-rez-line: #cfd6e0;
	--eko-rez-border: #e6e8ee;
	--eko-rez-bg: #f4f5f7;
	--eko-rez-gold: #f5d76e;
}

.ekomania-rez-skin,
.ekomania-rez-skin body,
.ekomania-rez-skin .page-wrapper,
.ekomania-rez-skin .rezervasyonSistem,
.ekomania-rez-skin .rezervasyonSistem input,
.ekomania-rez-skin .rezervasyonSistem select,
.ekomania-rez-skin .rezervasyonSistem textarea,
.ekomania-rez-skin .rezervasyonSistem button,
.ekomania-rez-skin .rezervasyonSistem label {
	font-family: 'Poppins', sans-serif !important;
}

body.with-waypoint-sticky .page-wrapper,
.ekomania-rez-skin .page-wrapper {
	background: var(--eko-rez-bg);
}

.ekomania-rez-skin .section-title,
.ekomania-rez-skin .rez-banner,
.ekomania-rez-skin .mb-100 {
	display: none !important;
}

.ekomania-rez-skin .page-wrapper > .container,
.ekomania-rez-skin .page-wrapper .container.pt-100 {
	max-width: 1200px;
	width: 100%;
	padding-top: 20px !important;
	padding-bottom: 48px;
}

.ekomania-rez-skin .overflow-h > p.mb-30,
.ekomania-rez-skin .overflow-h > .mb-30 {
	margin: 0 !important;
}

.ekomania-rez-skin .overflow-h {
	overflow: visible !important;
}

/* --- Stepper --- */
.ekomania-rez-skin .stepWrap {
	display: flex !important;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0;
	max-width: 920px;
	margin: 2px auto 10px !important;
	text-align: center;
	position: relative;
}

.ekomania-rez-skin .stepWrap .step {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	flex: 1;
	min-width: 0;
	margin: 0 !important;
	position: relative;
	z-index: 1;
}

.ekomania-rez-skin .stepWrap .step:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 23px;
	left: calc(50% + 28px);
	width: calc(100% - 56px);
	height: 3px;
	background: #8b93a3;
	z-index: 0;
	border-radius: 2px;
}

.ekomania-rez-skin .stepWrap .step.is-active:not(:last-child)::after {
	background: var(--eko-rez-red);
}

.ekomania-rez-skin .stepWrap span {
	position: relative;
	z-index: 1;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 48px !important;
	height: 48px !important;
	border: 2px solid #d5dae3 !important;
	border-radius: 50% !important;
	background: #fff !important;
	color: #7b8494 !important;
	font-size: 0 !important;
	line-height: 1 !important;
	cursor: default;
	box-shadow: 0 2px 8px rgba(15, 42, 77, 0.06);
}

.ekomania-rez-skin .stepWrap span i {
	font-size: 16px !important;
	line-height: 1;
}

.ekomania-rez-skin .stepWrap span.active,
.ekomania-rez-skin .stepWrap .step.is-active span,
.ekomania-rez-skin .stepWrap span:hover {
	background: var(--eko-rez-red) !important;
	border-color: var(--eko-rez-red) !important;
	color: #fff !important;
}

.ekomania-rez-skin .stepWrap .step.is-done span {
	background: var(--eko-rez-red) !important;
	border-color: var(--eko-rez-red) !important;
	color: #fff !important;
}

.ekomania-rez-skin .stepWrap .step .text {
	margin-top: 10px !important;
	font-size: 13px !important;
	font-weight: 600;
	color: #7b8494;
	line-height: 1.3;
	display: block !important;
}

.ekomania-rez-skin .stepWrap .step.is-active .text {
	color: var(--eko-rez-red) !important;
}

/* --- Grid: 830 + 10 + 360 --- */
.ekomania-rez-skin .rezervasyonSistem {
	display: flex !important;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: center;
	gap: 10px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.ekomania-rez-skin .rezervasyonSistem > [class*="col-"] {
	padding-left: 0 !important;
	padding-right: 0 !important;
	float: none !important;
}

.ekomania-rez-skin .rezervasyonSistem > .col-md-8 {
	flex: 0 0 830px;
	width: 830px !important;
	max-width: 830px;
	background: #fff;
	border: 0;
	border-radius: 0 0 6px 6px;
	padding: 0 0 24px !important;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(15, 42, 77, 0.06);
}

.ekomania-rez-skin .rezervasyonSistem > .col-md-4 {
	flex: 0 0 360px;
	width: 360px !important;
	max-width: 360px;
	display: block !important;
}

.ekomania-rez-skin .rezervasyonSistem > .col-md-8 .basketTtile,
.ekomania-rez-skin .rezervasyonSistem > .col-md-8 > .basketTtile {
	display: block !important;
	margin: 0 0 18px !important;
	padding: 13px 20px !important;
	background: var(--eko-rez-red) !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-radius: 0;
	line-height: 1.3 !important;
}

.ekomania-rez-skin .rezervasyonSistem > .col-md-8 .basketTtile .hr,
.ekomania-rez-skin .rezervasyonSistem > .col-md-8 > hr,
.ekomania-rez-skin .rezervasyonSistem > .col-md-8 .hr {
	display: none !important;
}

.ekomania-rez-skin #iletisim-bilgileri > .basketTitle2 {
	display: none !important;
}

.ekomania-rez-skin .basketTitle2 {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--eko-rez-text) !important;
	margin: 8px 0 16px !important;
	padding: 0 !important;
}

.ekomania-rez-skin #iletisim-bilgileri,
.ekomania-rez-skin .personInformation,
.ekomania-rez-skin .personsInformation {
	padding: 0 20px;
}

.ekomania-rez-skin .personInformation label,
.ekomania-rez-skin .personsInformation label {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--eko-rez-text) !important;
	text-transform: none !important;
	margin-bottom: 6px !important;
}

.ekomania-rez-skin .personInformation input[type="text"],
.ekomania-rez-skin .personInformation input[type="email"],
.ekomania-rez-skin .personInformation input[type="tel"]:not(#countrycode),
.ekomania-rez-skin .personInformation input[type="date"],
.ekomania-rez-skin .personInformation textarea,
.ekomania-rez-skin .personInformation select,
.ekomania-rez-skin .personsInformation input[type="text"],
.ekomania-rez-skin .personsInformation input[type="email"],
.ekomania-rez-skin .personsInformation input[type="tel"]:not(#countrycode),
.ekomania-rez-skin .personsInformation input[type="date"],
.ekomania-rez-skin .personsInformation textarea,
.ekomania-rez-skin .personsInformation select,
.ekomania-rez-skin .select-wrap select,
.ekomania-rez-skin #promosyonkodu {
	font-family: 'Poppins', sans-serif !important;
	border: 1px solid var(--eko-rez-border) !important;
	border-radius: 8px !important;
	background: #fff !important;
	height: 44px !important;
	line-height: 44px !important;
	padding: 0 12px !important;
	box-shadow: none !important;
	font-size: 13px !important;
	color: var(--eko-rez-text) !important;
}

.ekomania-rez-skin .personInformation textarea,
.ekomania-rez-skin .personsInformation textarea {
	height: auto !important;
	line-height: 1.45 !important;
	padding: 10px 12px !important;
	min-height: 88px;
}

.ekomania-rez-skin .personInformation input[type="checkbox"]:checked,
.ekomania-rez-skin .personsInformation input[type="checkbox"]:checked {
	background: var(--eko-rez-red) !important;
	border-color: var(--eko-rez-red) !important;
}

.ekomania-rez-skin .flex-code-input {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	column-gap: 8px;
	row-gap: 6px;
}

.ekomania-rez-skin .flex-code-input label {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
}

.ekomania-rez-skin .flex-code-input .intl-tel-input {
	flex: 0 0 118px;
	width: 118px !important;
	max-width: 118px !important;
	display: inline-block !important;
	float: none !important;
	/* position: relative; */
}

.ekomania-rez-skin .flex-code-input .intl-tel-input .intl-tel-input {
	width: 100% !important;
	max-width: none;
	display: block !important;
}

.ekomania-rez-skin .flex-code-input .intl-tel-input .intl-tel-input > .flag-container {
	display: none !important;
}

.ekomania-rez-skin .flex-code-input .intl-tel-input input,
.ekomania-rez-skin .flex-code-input #countrycode {
	width: 100% !important;
	min-width: 0 !important;
	height: 44px !important;
	line-height: 44px !important;
	padding: 0 8px 0 48px !important;
	border: 1px solid var(--eko-rez-border) !important;
	border-radius: 8px !important;
	background: #fff !important;
	font-size: 13px !important;
	color: var(--eko-rez-text) !important;
	box-shadow: none !important;
}

.ekomania-rez-skin .flex-code-input #gsm {
	flex: 1 1 0%;
	width: 0 !important;
	min-width: 0 !important;
	max-width: none !important;
	float: none !important;
}

.ekomania-rez-skin .iti-flag {
	background-color: transparent !important;
	background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/15.0.1/img/flags.png") !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ekomania-rez-skin .iti-flag {
		background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/15.0.1/img/flags@2x.png") !important;
		background-size: 5652px 15px;
	}
}

.ekomania-rez-skin .intl-tel-input .selected-flag {
	padding: 4px 6px 0 4px;
	height: 73%;
}

.ekomania-rez-skin .intl-tel-input .flag-container {
	z-index: 2;
}

.ekomania-rez-skin .select-wrap {
	width: 100%;
}

.ekomania-rez-skin .ekHizmetler {
	border-color: var(--eko-rez-border) !important;
	border-radius: 8px !important;
}

/* SaÄŸ panel */
.ekomania-rez-skin .rezervasyonSistem > .col-md-4 > div {
	display: block;
}

.ekomania-rez-skin #reservation-details.reservation-box,
.ekomania-rez-skin .reservation-box.checkout {
	border: 0 !important;
	border-radius: 0 0 6px 6px !important;
	overflow: hidden;
	background: #fff !important;
	box-shadow: 0 4px 18px rgba(15, 42, 77, 0.08);
	position: sticky;
	top: 16px;
	margin: 0 !important;
}

.ekomania-rez-skin .reservation-box.checkout header {
	border: 0 !important;
	border-radius: 0 !important;
	overflow: visible !important;
	margin: 0 !important;
	background: #fff !important;
}

.ekomania-rez-skin #reservation-details header.checkout-hotel-card .title,
.ekomania-rez-skin #reservation-details .title.hidden-xs,
.ekomania-rez-skin .reservation-box.v2 header .title {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	line-height: 1.3 !important;
	margin: 0 !important;
	padding: 25px 16px !important;
	background: var(--eko-rez-navy) !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	border: 0 !important;
	border-radius: 0 !important;
	text-align: center;
}

.ekomania-rez-skin #reservation-details header.checkout-hotel-card .title > div {
	width: 100% !important;
	float: none !important;
	padding: 0 !important;
	color: #fff !important;
}

.ekomania-rez-skin .date-info-bar,
.ekomania-rez-skin .reservation-box.v2 header .date-info-bar,
.ekomania-rez-skin .reservation-box.checkout header .date-info-bar {
	padding: 14px 16px 12px !important;
	background: #fff !important;
}

.ekomania-rez-skin .date-info-bar .room-info,
.ekomania-rez-skin .reservation-box.v2 header .date-info-bar .in.room-info {
	display: block !important;
	font-size: inherit !important;
	margin: 0 0 12px !important;
}

.ekomania-rez-skin .checkout-hotel-card-images,
.ekomania-rez-skin .reservation-box.v2 header .date-info-bar .in.room-info figure {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 0 12px !important;
	border-radius: 8px;
	overflow: hidden;
}

.ekomania-rez-skin .checkout-hotel-card-images img,
.ekomania-rez-skin .reservation-box.v2 header .date-info-bar .in.room-info figure img {
	display: block !important;
	width: 100% !important;
	height: 148px !important;
	object-fit: cover !important;
	position: static !important;
	left: auto !important;
	transform: none !important;
	margin: 0 !important;
}

.ekomania-rez-skin .reservation-box.v2 header .date-info-bar .in.room-info .room-name {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
}

.ekomania-rez-skin .checkout-hotel-card-title,
.ekomania-rez-skin .date-info-bar .room-name h4,
.ekomania-rez-skin .reservation-box.v2 header .date-info-bar .in.room-info .item {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--eko-rez-text) !important;
	line-height: 1.35 !important;
	margin: 0 0 14px !important;
	padding: 0 0 0 10px !important;
	border-left: 3px solid var(--eko-rez-red);
	border-bottom: 0 !important;
}

.ekomania-rez-skin .date-info-bar > hr,
.ekomania-rez-skin .date-info-bar > .basketTitle2 {
	display: none !important;
}

.ekomania-rez-skin .date-info-bar .in:not(.room-info) {
	margin: 0 0 8px !important;
}

.ekomania-rez-skin .date-info-bar .in .col,
.ekomania-rez-skin .reservation-box.v2 header .date-info-bar .in .col {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	font-size: inherit !important;
}

.ekomania-rez-skin .date-info-bar .col-in,
.ekomania-rez-skin .reservation-box.v2 header .date-info-bar .in .col .col-in {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	width: 100% !important;
	float: none !important;
}

.ekomania-rez-skin .date-info-bar .col-in .text {
	display: none !important;
}

.ekomania-rez-skin .date-info-bar .col-in .date,
.ekomania-rez-skin .eko-konsept-row {
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--eko-rez-muted) !important;
	line-height: 1.4;
}

.ekomania-rez-skin .date-info-bar .col-in.col1::before {
	content: "\f073";
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	color: #9aa3b2;
	width: 16px;
	text-align: center;
	flex-shrink: 0;
	margin-top: 1px;
}

.ekomania-rez-skin .date-info-bar .col-in.col2::before {
	content: "\f186";
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	color: #9aa3b2;
	width: 16px;
	text-align: center;
	flex-shrink: 0;
	margin-top: 1px;
}

.ekomania-rez-skin .eko-konsept-row {
	padding-left: 24px;
	margin: -2px 0 0;
}

.ekomania-rez-skin .date-info-bar .tags {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	margin: 8px 0 0 !important;
	padding: 0 !important;
}

.ekomania-rez-skin .date-info-bar .tags > div {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--eko-rez-muted) !important;
	line-height: 1.4 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	white-space: pre-line;
}

.ekomania-rez-skin .date-info-bar .tags > div i {
	width: 16px;
	text-align: center;
	color: #9aa3b2 !important;
	margin: 2px 0 0 !important;
	font-size: 13px !important;
	flex-shrink: 0;
}

.ekomania-rez-skin .rezervasyonSistem .campaign,
.ekomania-rez-skin .campaign {
	display: none !important;
	float: none !important;
}

.ekomania-rez-skin .campaign.eko-has-campaign {
	display: block !important;
	margin: 0 16px 10px !important;
	padding: 10px 12px !important;
	color: var(--eko-rez-red) !important;
	background: #fff5f5 !important;
	border: 1px solid #f5c2c7 !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	width: auto;
}

/* Fiyat kırılım satırlarını sağ kartın beyaz alanında gizle; özet navy barda */
.ekomania-rez-skin #reservation-details > .content:not(.payment-info) {
	display: none !important;
}

.ekomania-rez-skin #reservation-details > .content:has(#parapuankullan) {
	display: block !important;
	padding: 0 16px 8px !important;
	background: #fff !important;
	border: 0 !important;
}

.ekomania-rez-skin #promosyon-details .content.no-lineheight:not(.hidden) {
	display: block !important;
	background: #fff !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 16px 10px !important;
}

.ekomania-rez-skin .ekurunler:not(.hidden) {
	display: block !important;
	background: #fff !important;
	border: 0 !important;
	margin: 0 !important;
}

.ekomania-rez-skin #reservation-details .content {
	padding: 0 16px !important;
}

.ekomania-rez-skin #reservation-details .reservation-col .col,
.ekomania-rez-skin #reservation-details .reservation-property {
	font-family: 'Poppins', sans-serif !important;
}

/* Navy fiyat ayağı */
.ekomania-rez-skin #reservation-details .content.payment-info,
.ekomania-rez-skin .rezervasyonSistem > .col-md-4 .content.payment-info {
	margin: 0 !important;
	padding: 14px 16px 16px !important;
	background: var(--eko-rez-navy) !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.ekomania-rez-skin #reservation-details .content.payment-info,
.ekomania-rez-skin #reservation-details .content.payment-info .text,
.ekomania-rez-skin #reservation-details .content.payment-info .col1,
.ekomania-rez-skin #reservation-details .content.payment-info .col2,
.ekomania-rez-skin #reservation-details .content.payment-info .current-price,
.ekomania-rez-skin #reservation-details .content.payment-info a,
.ekomania-rez-skin .rezervasyonSistem > .col-md-4 .content.payment-info,
.ekomania-rez-skin .rezervasyonSistem > .col-md-4 .content.payment-info .text,
.ekomania-rez-skin .rezervasyonSistem > .col-md-4 .content.payment-info .current-price {
	color: #fff !important;
}

.ekomania-rez-skin .content.payment-info .price-info,
.ekomania-rez-skin .content.payment-info .reservation-col,
.ekomania-rez-skin .content.payment-info .col.total-price {
	display: block !important;
	width: 100% !important;
	float: none !important;
}

.ekomania-rez-skin .eko-price-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	margin-bottom: 2px;
}

.ekomania-rez-skin #reservation-details .content.payment-info .col1.text,
.ekomania-rez-skin .eko-price-label {
	display: block !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--eko-rez-gold) !important;
	margin: 0;
	opacity: 1;
}

.ekomania-rez-skin .eko-old-price,
.ekomania-rez-skin #reservation-details .content.payment-info .brutfiyat {
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: line-through;
	opacity: 0.8;
}

.ekomania-rez-skin #reservation-details .content.payment-info .current-price,
.ekomania-rez-skin #reservation-details .content.payment-info .totalFiyat {
	display: block !important;
	width: 100%;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	color: #fff !important;
	margin-top: 4px;
}

.ekomania-rez-skin .eko-price-row {
	display: flex !important;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 6px;
	width: 100%;
	margin-top: 4px;
}

.ekomania-rez-skin #reservation-details .content.payment-info .eko-price-row .current-price,
.ekomania-rez-skin #reservation-details .content.payment-info .eko-price-row .totalFiyat,
.ekomania-rez-skin #reservation-details .content.payment-info .eko-price-row #turToplamTutar,
.ekomania-rez-skin #reservation-details .content.payment-info .eko-price-row #CurrentPriceTL,
.ekomania-rez-skin #reservation-details .content.payment-info .eko-price-row #toplamTutar {
	display: inline !important;
	width: auto !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

.ekomania-rez-skin .eko-price-sep {
	font-size: 22px;
	font-weight: 800;
	color: #fff;
}

.ekomania-rez-skin.eko-rez-tl .eko-price-sep,
.ekomania-rez-skin.eko-rez-tl #CurrentPriceTL {
	display: none !important;
}

.ekomania-rez-skin .eko-price-row sup,
.ekomania-rez-skin .content.payment-info sup {
	font-size: 0.55em;
	font-weight: 700;
	vertical-align: super;
	line-height: 0;
}

.ekomania-rez-skin #reservation-details .content.payment-info #CurrentPriceTL {
	font-size: 22px !important;
	font-weight: 800 !important;
	opacity: 1;
	margin-top: 0;
}

.ekomania-rez-skin #reservation-details .content.payment-info a.reztaksit {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
	opacity: 0.85;
	color: #fff !important;
}

.ekomania-rez-skin .promosyonkodu-wrap button,
.ekomania-rez-skin #promosyonkodu-gonder {
	background: var(--eko-rez-red) !important;
	border: 0 !important;
	color: #fff !important;
	font-weight: 700 !important;
	border-radius: 0 8px 8px 0 !important;
}

.ekomania-rez-skin .promosyonkodu-wrap input {
	border-radius: 8px 0 0 8px !important;
	border-color: var(--eko-rez-border) !important;
}

.ekomania-rez-skin .step-buton:not(.hidden):not(.hidden-xs),
.ekomania-rez-skin #reservation-details .step-buton:not(.hidden):not(.hidden-xs),
.ekomania-rez-skin .rezervasyonSistem > .col-md-4 .step-buton:not(.hidden):not(.hidden-xs) {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100% !important;
	min-height: 30px !important;
	height: auto !important;
	margin: 10px 0 0 !important;
	padding: 5px 6px !important;
	background: var(--eko-rez-red) !important;
	border: 0 !important;
	border-radius: 6px !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 2 !important;
	text-transform: none !important;
	box-shadow: none !important;
}

button.step-buton.iletisim-submit::after {
    content: ">";
    font-size: 19px;
}

.ekomania-rez-skin .step-buton:hover,
.ekomania-rez-skin #reservation-details .step-buton:hover {
	background: var(--eko-rez-red-dark) !important;
}

.ekomania-rez-skin .sozlesme-alan {
	padding: 8px 0 0;
}

.ekomania-rez-skin .mobile-rez-sticky {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 64px;
	max-height: none !important;
	overflow: hidden !important;
	z-index: 2147483000 !important;
	margin: 0 !important;
	padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
	background: var(--eko-rez-navy) !important;
	border: 0 !important;
	box-shadow: 0 -10px 28px rgba(15, 23, 42, 0.28);
	box-sizing: border-box !important;
	transform: none !important;
}

.ekomania-rez-skin .mobile-rez-sticky .row {
	display: flex !important;
	align-items: center;
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

.ekomania-rez-skin .mobile-rez-sticky .row > [class*="col-"] {
	float: none !important;
	padding: 0 6px;
}

.ekomania-rez-skin .mobile-rez-sticky .mobile-detail {
	margin: 0 0 2px !important;
	line-height: 1.2;
}

.ekomania-rez-skin .mobile-rez-sticky .mobile-detail a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #fff !important;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-decoration: none !important;
}

.ekomania-rez-skin .mobile-rez-sticky .mobile-total {
	color: var(--eko-rez-gold) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	line-height: 1.2;
}

.ekomania-rez-skin .mobile-rez-sticky .step-buton {
	margin: 0 !important;
	min-height: 44px !important;
	border-radius: 10px !important;
	font-size: 13px !important;
}

.ekomania-rez-skin .mobile-detail-page {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	z-index: 2147482900 !important;
	display: none;
	flex-direction: column;
	margin: 0 !important;
	padding: 12px 12px calc(80px + env(safe-area-inset-bottom, 0px)) !important;
	overflow: hidden;
	background: var(--eko-rez-navy) !important;
}

.ekomania-rez-skin .mobile-detail-page:not(.hidden) {
	display: flex !important;
}

.ekomania-rez-skin .mobile-detail-page.hidden {
	display: none !important;
}

.ekomania-rez-skin .mobile-detail-page > .title {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 12px !important;
	padding: 4px 2px 0 !important;
	float: none !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.3;
	border: 0 !important;
}

.ekomania-rez-skin .mobile-detail-page > .title > [class*="col-"] {
	float: none !important;
	width: auto !important;
	padding: 0 !important;
}

.ekomania-rez-skin .mobile-detail-page > .title > .col-xs-10,
.ekomania-rez-skin .mobile-detail-page > .title > .col-10 {
	flex: 1 1 auto;
	color: #fff !important;
}

.ekomania-rez-skin .mobile-detail-page > hr {
	display: none !important;
}

.ekomania-rez-skin .mobile-detail-page #mobile-detail-close {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	color: #fff !important;
	text-decoration: none !important;
	font-size: 16px;
}

.ekomania-rez-skin .mobile-detail-page #mobile-detail-content {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: #fff !important;
	border-radius: 16px !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
	padding: 0 !important;
	margin: 0 !important;
	animation: ekoRezSheetIn 0.28s ease;
}

.ekomania-rez-skin .mobile-detail-page #mobile-detail-content::before {
	content: "";
	display: block;
	width: 40px;
	height: 4px;
	margin: 10px auto 6px;
	border-radius: 99px;
	background: #d5dae3;
}

.ekomania-rez-skin .mobile-detail-page .reservation-box.checkout,
.ekomania-rez-skin .mobile-detail-page #mobile-detail-content.reservation-box {
	position: static !important;
	top: auto !important;
	box-shadow: none !important;
	border: 0 !important;
	overflow: visible !important;
}

.ekomania-rez-skin .mobile-detail-page .title.hidden-xs,
.ekomania-rez-skin .mobile-detail-page .reservation-box.v2 header .title,
.ekomania-rez-skin .mobile-detail-page header.checkout-hotel-card .title,
.ekomania-rez-skin .mobile-detail-page .step-buton,
.ekomania-rez-skin .mobile-detail-page .sozlesme-alan {
	display: none !important;
}

@keyframes ekoRezSheetIn {
	from { transform: translateY(18px); opacity: 0; }
	to { transform: none; opacity: 1; }
}

.ekomania-rez-skin .ekHizmetler .content {
	background: #fff8f8 !important;
	border-color: #f3c6cc !important;
}

.ekomania-rez-skin .ekHizmetler .content .step-buton {
	background: var(--eko-rez-navy) !important;
	width: auto !important;
	min-height: 37px !important;
	display: inline-flex !important;
}

.ekomania-rez-skin .paymentOptions .paymentOptionRow {
	border-radius: 8px;
	margin-bottom: 8px;
	border: 1px solid var(--eko-rez-border) !important;
}

.ekomania-rez-skin .paymentOptions .paymentOptionRow.activePayment {
	border-color: var(--eko-rez-red) !important;
}

@media (max-width: 1210px) {
	.ekomania-rez-skin .rezervasyonSistem {
		flex-wrap: wrap;
	}

	.ekomania-rez-skin .rezervasyonSistem > .col-md-8,
	.ekomania-rez-skin .rezervasyonSistem > .col-md-4 {
		flex: 1 1 100%;
		width: 100% !important;
		max-width: 100% !important;
	}

	.ekomania-rez-skin #reservation-details.reservation-box {
		position: static;
	}
}

@media (max-width: 1210px) and (min-width: 768px) {
	.ekomania-rez-skin .rezervasyonSistem > .col-md-4 {
		margin-top: 16px;
		display: block !important;
	}
}

@media (max-width: 991px) {
	.ekomania-rez-skin .stepWrap .step .text {
		font-size: 11px !important;
	}

	.ekomania-rez-skin .stepWrap span {
		width: 40px !important;
		height: 40px !important;
	}

	.ekomania-rez-skin .stepWrap .step:not(:last-child)::after {
		top: 19px;
		left: calc(50% + 22px);
		width: calc(100% - 44px);
	}
}

@media (max-width: 767px) {
	html,
	body.ekomania-rez-skin {
		overflow-x: hidden !important;
		max-width: 100% !important;
	}

	.ekomania-rez-skin .rezervasyonSistem {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.ekomania-rez-skin .page-wrapper .container {
		padding-left: 12px !important;
		padding-right: 12px !important;
		overflow-x: hidden;
	}

	.ekomania-rez-skin .hidden-xs,
	.ekomania-rez-skin .rezervasyonSistem > .col-md-4,
	.ekomania-rez-skin .rezervasyonSistem > .col-md-4.hidden-xs,
	.ekomania-rez-skin #reservation-details header.checkout-hotel-card .title,
	.ekomania-rez-skin #reservation-details .title.hidden-xs,
	.ekomania-rez-skin .reservation-box.v2 header .title.hidden-xs,
	.ekomania-rez-skin .step-buton.hidden-xs,
	.ekomania-rez-skin #reservation-details .step-buton.hidden-xs,
	.ekomania-rez-skin .rezervasyonSistem > .col-md-4 .step-buton,
	.ekomania-rez-skin .card.hidden-xs,
	.ekomania-rez-skin .paymentOptions .creditCard .card {
		display: none !important;
	}

	.ekomania-rez-skin .stepWrap .step .text {
		display: none !important;
	}

	.ekomania-rez-skin .mobile-rez-sticky {
		display: block !important;
		position: fixed !important;
		height: auto !important;
	}

	.ekomania-rez-skin .contact-fab {
		bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
		z-index: 2147482500 !important;
	}

	.ekomania-rez-skin .mobile-rez-sticky .step-buton:not(.hidden) {
		display: flex !important;
	}

	.ekomania-rez-skin .iletisim-bilgileri-ilerle,
	.ekomania-rez-skin .step-buton.iletisim-bilgileri-ilerle,
	.ekomania-rez-skin .mobile-rez-sticky .iletisim-bilgileri-ilerle,
	.ekomania-rez-skin .step-buton.hidden,
	.ekomania-rez-skin .mobile-rez-sticky .step-buton.hidden {
		display: none !important;
	}

	.ekomania-rez-skin .footer-mobil-menu.mobil-goster {
		display: none !important;
	}

	.ekomania-rez-skin .page-wrapper {
		padding-bottom: 72px;
	}

	.ekomania-rez-skin #iletisim-bilgileri,
	.ekomania-rez-skin .personInformation,
	.ekomania-rez-skin .personsInformation {
		padding: 0 14px;
	}

	.ekomania-rez-skin .personsInformation .konukRowDiv label {
		display: none !important;
	}
}