/**
 * Yandan açılan sepet.
 *
 * Tema hangisi olursa olsun aynı görünmeli: renkler ve ölçüler burada
 * sabit, tipografi temadan devralınıyor. z-index yüksek ama sonsuz değil
 * — tema başlıkları genelde 999 civarında duruyor.
 */

.mevvcr-cart-backdrop {
	position: fixed;
	inset: 0;
	z-index: 99998;
	background: rgba(16, 18, 25, .45);
	opacity: 0;
	transition: opacity .25s ease;
}

.mevvcr-cart-backdrop.is-open {
	opacity: 1;
}

.mevvcr-cart-drawer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	width: 400px;
	max-width: 92vw;
	display: flex;
	flex-direction: column;
	background: var(--mevvcr-surface, #fff);
	box-shadow: -8px 0 32px rgba(16, 18, 25, .18);
	transform: translateX(100%);
	transition: transform .25s cubic-bezier(.4, 0, .2, 1);
}

.mevvcr-cart-drawer.is-open {
	transform: translateX(0);
}

/* İstek sürerken sepet tıklanmasın: iki hızlı tık iki istek gönderip
   sırayı bozabiliyor. */
.mevvcr-cart-drawer.is-busy .mevvcr-cart-body {
	opacity: .55;
	pointer-events: none;
}

body.mevvcr-cart-locked {
	overflow: hidden;
}

.mevvcr-cart-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 20px;
	border-bottom: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
	flex: 0 0 auto;
}

.mevvcr-cart-head strong {
	font-size: 16px;
}

.mevvcr-cart-close {
	border: 0;
	background: none;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
	color: rgba(16, 18, 25, .5);
	padding: 0 4px;
}

.mevvcr-cart-close:hover {
	color: #101219;
}

.mevvcr-cart-body {
	flex: 1;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	transition: opacity .15s ease;
}

/* Ücretsiz kargo çubuğu */
.mevvcr-ship {
	padding: 14px 20px;
	border-bottom: 1px solid rgba(16, 18, 25, .08);
	background: #fffdf3;
}

.mevvcr-ship.is-reached {
	background: #f2faf3;
}

.mevvcr-ship p {
	margin: 0 0 8px;
	font-size: 13.5px;
}

.mevvcr-ship-bar {
	display: block;
	height: 6px;
	border-radius: 20px;
	background: var(--mevvcr-line, rgba(16, 18, 25, .1));
	overflow: hidden;
}

.mevvcr-ship-bar i {
	display: block;
	height: 100%;
	border-radius: 20px;
	background: #e0a800;
	transition: width .3s ease;
}

.mevvcr-ship.is-reached .mevvcr-ship-bar i {
	background: #2e7d32;
}

/* Kalemler */
.mevvcr-cart-items {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1;
}

.mevvcr-cart-item {
	display: flex;
	gap: 12px;
	padding: 16px 20px;
	border-bottom: 1px solid rgba(16, 18, 25, .07);
}

.mevvcr-cart-thumb img {
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 8px;
	display: block;
}

.mevvcr-cart-info {
	flex: 1;
	min-width: 0;
}

.mevvcr-cart-info > a {
	display: block;
	font-size: 14px;
	line-height: 1.35;
	text-decoration: none;
	color: inherit;
}

.mevvcr-cart-meta {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	opacity: .6;
}

.mevvcr-cart-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 10px;
}

.mevvcr-qty {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(16, 18, 25, .16);
	border-radius: 8px;
	overflow: hidden;
}

.mevvcr-qty button {
	width: 28px;
	height: 28px;
	border: 0;
	background: none;
	cursor: pointer;
	font-size: 15px;
	line-height: 1;
	color: rgba(16, 18, 25, .65);
}

.mevvcr-qty button:hover {
	background: rgba(16, 18, 25, .05);
	color: #101219;
}

.mevvcr-qty input {
	width: 38px;
	height: 28px;
	border: 0;
	border-left: 1px solid rgba(16, 18, 25, .12);
	border-right: 1px solid rgba(16, 18, 25, .12);
	text-align: center;
	font-size: 13px;
	padding: 0;
	background: none;
	-moz-appearance: textfield;
}

.mevvcr-qty input::-webkit-outer-spin-button,
.mevvcr-qty input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.mevvcr-cart-price {
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
}

.mevvcr-cart-remove {
	align-self: flex-start;
	border: 0;
	background: none;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	color: rgba(16, 18, 25, .3);
	padding: 0 2px;
}

.mevvcr-cart-remove:hover {
	color: var(--mevvcr-accent, #e53935);
}

/* Çapraz satış */
.mevvcr-cart-cross {
	padding: 16px 20px;
	border-top: 1px solid rgba(16, 18, 25, .07);
	background: rgba(16, 18, 25, .02);
}

.mevvcr-cart-cross h4 {
	margin: 0 0 12px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .05em;
	opacity: .6;
}

.mevvcr-cart-cross ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mevvcr-cart-cross li {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mevvcr-cart-cross img {
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: 6px;
}

.mevvcr-cart-cross li > div {
	flex: 1;
	min-width: 0;
}

.mevvcr-cart-cross li a {
	display: block;
	font-size: 13px;
	line-height: 1.3;
	text-decoration: none;
	color: inherit;
}

.mevvcr-cart-cross li span {
	font-size: 12.5px;
	opacity: .7;
}

.mevvcr-cross-add {
	flex: 0 0 auto;
	padding: 6px 14px;
	border: 1px solid var(--mevvcr-accent, #e53935);
	border-radius: 20px;
	background: none;
	color: var(--mevvcr-accent, #e53935);
	font-size: 12.5px;
	font-weight: 600;
	cursor: pointer;
}

.mevvcr-cross-add:hover {
	background: var(--mevvcr-accent, #e53935);
	color: #fff;
}

/* Alt */
.mevvcr-cart-foot {
	flex: 0 0 auto;
	padding: 18px 20px;
	border-top: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
	background: var(--mevvcr-surface, #fff);
}

.mevvcr-cart-total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 4px;
}

.mevvcr-cart-total strong {
	font-size: 19px;
}

.mevvcr-cart-note {
	margin: 0 0 14px;
	font-size: 12px;
	opacity: .6;
}

.mevvcr-cart-btn {
	display: block;
	padding: 13px 20px;
	border-radius: var(--mevvcr-radius-sm, 10px);
	text-align: center;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 14px;
	border: 1px solid rgba(16, 18, 25, .16);
	color: #101219 !important;
	margin-bottom: 8px;
}

.mevvcr-cart-btn:last-child {
	margin-bottom: 0;
}

.mevvcr-cart-btn-primary {
	background: var(--mevvcr-accent, #e53935);
	border-color: var(--mevvcr-accent, #e53935);
	color: #fff !important;
}

.mevvcr-cart-btn-primary:hover {
	background: var(--mevvcr-accent-dark, #c62828);
	border-color: var(--mevvcr-accent-dark, #c62828);
}

.mevvcr-cart-empty {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 40px 20px;
	text-align: center;
}

.mevvcr-cart-empty p {
	margin: 0;
	opacity: .65;
}

@media (prefers-reduced-motion: reduce) {
	.mevvcr-cart-drawer,
	.mevvcr-cart-backdrop,
	.mevvcr-ship-bar i {
		transition: none;
	}
}


/* ── Tema çakışması ──────────────────────────────────────────────
   Birçok tema (Astra, Flatsome, Blocksy…) kendi yan sepetini sepet
   bağlantısına bağlıyor. Tıklamayı yakalama aşamasında durdurup temanın
   dinleyicisine hiç ulaştırmıyoruz; yine de bir tanesi açılırsa
   görünmesin diye burada da kapatılıyor. Bizimki açıkken ikinci bir
   çekmecenin üstüne binmesi, müşterinin hangisinin gerçek sepet
   olduğunu anlayamaması demek. */
body.mevvcr-cart-locked #astra-mobile-cart-drawer,
body.mevvcr-cart-locked .ast-site-header-cart .ast-site-header-cart-data,
body.mevvcr-cart-locked .ast-header-break-point .ast-cart-menu-wrap .ast-site-header-cart-data,
body.mevvcr-cart-locked .off-canvas-cart,
body.mevvcr-cart-locked .cart-panel,
body.mevvcr-cart-locked .ct-cart-content,
body.mevvcr-cart-locked .xoo-wsc-modal,
body.mevvcr-cart-locked .widget_shopping_cart_content {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* ── Adım göstergesi ─────────────────────────────────────────────
   Sepet → Ödeme → Tamamlandı. Funnel içinde akışın kendi adımları.
   Tamamlananlar dolu, bulunulan vurgulu, kalanlar soluk. */
.mevvcr-steps-bar {
	list-style: none;
	display: flex;
	align-items: flex-start;
	gap: 0;
	margin: 0 0 28px;
	padding: 0;
	counter-reset: none;
}

.mevvcr-steps-bar li {
	flex: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
	padding: 0 6px;
}

/* Tamamlanan adım bağlantı; numara ve etiket birlikte tıklanıyor. */
.mevvcr-steps-bar li > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-decoration: none !important;
	color: inherit;
}

.mevvcr-steps-bar li > a:hover .mevvcr-steps-label {
	text-decoration: underline;
}

/* Adımlar arası çizgi; sonuncudan sonra çizilmiyor. */
.mevvcr-steps-bar li::before {
	content: '';
	position: absolute;
	top: 15px;
	left: 50%;
	width: 100%;
	height: 2px;
	background: var(--mevvcr-line, rgba(16, 18, 25, .1));
	z-index: 0;
}

.mevvcr-steps-bar li:last-child::before {
	display: none;
}

.mevvcr-steps-bar li.is-done::before {
	background: var(--mevvcr-accent, #e53935);
}

.mevvcr-steps-num {
	position: relative;
	z-index: 1;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 2px solid rgba(16, 18, 25, .14);
	background: var(--mevvcr-surface, #fff);
	font-size: 14px;
	font-weight: 600;
	color: rgba(16, 18, 25, .4);
	transition: all .2s ease;
}

.mevvcr-steps-bar li.is-done .mevvcr-steps-num,
.mevvcr-steps-bar li.is-current .mevvcr-steps-num {
	border-color: var(--mevvcr-accent, #e53935);
	background: var(--mevvcr-accent, #e53935);
	color: #fff;
}

.mevvcr-steps-bar li.is-current .mevvcr-steps-num {
	box-shadow: 0 0 0 4px rgba(229, 57, 53, .14);
}

.mevvcr-steps-label {
	font-size: 13px;
	line-height: 1.3;
	color: rgba(16, 18, 25, .45);
}

.mevvcr-steps-bar li.is-current .mevvcr-steps-label {
	color: #101219;
	font-weight: 600;
}

.mevvcr-steps-bar li.is-done .mevvcr-steps-label {
	color: rgba(16, 18, 25, .7);
}

/* Sepet sayfasındaki kargo çubuğu ve öneriler */
.mevvcr-ship-page {
	margin: 0 0 22px;
	border: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
	border-radius: var(--mevvcr-radius-sm, 10px);
}

.mevvcr-cross-page {
	margin: 24px 0;
	border: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
	border-radius: var(--mevvcr-radius, 14px);
	background: var(--mevvcr-surface, #fff);
}

.mevvcr-cross-page ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 14px 24px;
}

@media (max-width: 600px) {
	.mevvcr-steps-label {
		font-size: 11.5px;
	}
	.mevvcr-steps-num {
		width: 28px;
		height: 28px;
		font-size: 13px;
	}
	.mevvcr-steps-bar li::before {
		top: 13px;
	}
}

/* ── Sepet sayfası ───────────────────────────────────────────────
   Tablo yerine kart satırları. Tablonun sorunu telefonda: altı sütun
   ya taşıyor ya da tema onu "responsive" diye alt alta yığıp okunmaz
   hale getiriyor. Kart düzeni her genişlikte aynı mantıkla akıyor.
   Hiçbir kural bir temaya özel değil. */

.mevvcr-cartpage-items {
	border: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
	border-radius: var(--mevvcr-radius, 14px);
	overflow: hidden;
	background: var(--mevvcr-surface, #fff);
}

.mevvcr-cartpage-row {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 18px 20px;
	border-bottom: 1px solid rgba(16, 18, 25, .07);
}

.mevvcr-cartpage-row:last-of-type {
	border-bottom: 0;
}

.mevvcr-cartpage-media img {
	width: 84px;
	height: 84px;
	object-fit: cover;
	border-radius: var(--mevvcr-radius-sm, 10px);
	display: block;
}

/* Ad geniş, fiyat/adet/toplam sabit: satırlar birbiriyle hizalanıyor. */
.mevvcr-cartpage-main {
	flex: 1;
	min-width: 0;
	display: grid;
	grid-template-columns: 1fr 110px 130px 110px;
	align-items: center;
	gap: 12px 18px;
}

.mevvcr-cartpage-name a {
	font-size: 15px;
	line-height: 1.35;
	text-decoration: none;
	color: inherit;
	font-weight: 600;
}

.mevvcr-cartpage-name dl,
.mevvcr-cartpage-name .variation {
	margin: 6px 0 0;
	font-size: 12.5px;
	opacity: .65;
}

.mevvcr-cartpage-unit,
.mevvcr-cartpage-total {
	font-size: 15px;
}

.mevvcr-cartpage-total {
	font-weight: 700;
	text-align: right;
}

.mevvcr-cartpage-qty .quantity {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(16, 18, 25, .16);
	border-radius: var(--mevvcr-radius-sm, 10px);
	overflow: hidden;
	float: none;
	margin: 0;
}

.mevvcr-cartpage-qty input.qty {
	width: 52px;
	height: 36px;
	border: 0;
	text-align: center;
	background: none;
	-moz-appearance: textfield;
	padding: 0;
}

.mevvcr-cartpage-qty input.qty::-webkit-outer-spin-button,
.mevvcr-cartpage-qty input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Temaların eklediği artı/eksi düğmeleri de aynı kutuya otursun. */
.mevvcr-cartpage-qty .quantity .minus,
.mevvcr-cartpage-qty .quantity .plus {
	width: 32px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: rgba(16, 18, 25, .6);
	border: 0;
	background: none;
}

.mevvcr-cartpage-qty .quantity .minus:hover,
.mevvcr-cartpage-qty .quantity .plus:hover {
	background: rgba(16, 18, 25, .05);
	color: #101219;
}

.mevvcr-cartpage-remove a.remove {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-size: 20px;
	line-height: 1;
	text-decoration: none;
	color: rgba(16, 18, 25, .32);
	background: none;
}

.mevvcr-cartpage-remove a.remove:hover {
	background: rgba(229, 57, 53, .1);
	color: var(--mevvcr-accent, #e53935);
}

.mevvcr-cartpage-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 20px;
	border-top: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
	background: rgba(16, 18, 25, .02);
}

.mevvcr-cartpage-coupon {
	display: flex;
	gap: 8px;
	flex: 1;
	min-width: 260px;
	float: none;
	width: auto;
}

.mevvcr-cartpage-coupon input {
	flex: 1;
	min-width: 0;
	height: 40px;
	border-radius: var(--mevvcr-radius-sm, 10px);
	border: 1px solid rgba(16, 18, 25, .16);
	padding: 0 12px;
}

.mevvcr-cartpage-btn {
	height: 40px;
	padding: 0 18px;
	border-radius: var(--mevvcr-radius-sm, 10px);
	border: 1px solid rgba(16, 18, 25, .16);
	background: var(--mevvcr-surface, #fff);
	color: #101219;
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
}

.mevvcr-cartpage-btn:hover:not(:disabled) {
	border-color: var(--mevvcr-accent, #e53935);
	color: var(--mevvcr-accent, #e53935);
}

.mevvcr-cartpage-btn:disabled {
	opacity: .45;
	cursor: default;
}

.mevvcr-cartpage-side {
	margin-top: 28px;
}

.mevvcr-cartpage-side .checkout-button {
	border-radius: var(--mevvcr-radius-sm, 10px);
	background: var(--mevvcr-accent, #e53935);
	border-color: var(--mevvcr-accent, #e53935);
	color: #fff;
}

.mevvcr-cartpage-side .checkout-button:hover {
	background: var(--mevvcr-accent-dark, #c62828);
	border-color: var(--mevvcr-accent-dark, #c62828);
}

/* Telefon: ad üstte, fiyat/adet/toplam altta tek sırada. */
@media (max-width: 860px) {
	.mevvcr-cartpage-main {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.mevvcr-cartpage-row {
		align-items: flex-start;
		gap: 12px;
		padding: 14px;
	}

	.mevvcr-cartpage-media img {
		width: 64px;
		height: 64px;
	}

	.mevvcr-cartpage-unit,
	.mevvcr-cartpage-qty,
	.mevvcr-cartpage-total {
		display: inline-block;
		vertical-align: middle;
	}

	.mevvcr-cartpage-total {
		text-align: left;
	}

	/* Fiyat ve toplam yan yana, aralarında ayraç. */
	.mevvcr-cartpage-unit::after {
		content: '×';
		margin: 0 8px;
		opacity: .4;
	}

	.mevvcr-cartpage-coupon {
		min-width: 100%;
	}
}

/* ── Sepet toplamları ────────────────────────────────────────────
   Fiyat dökümü. Tablo yapısı korunuyor (kargo, vergi ve eklenti
   satırları `<tr>` olarak geliyor); değişen hizalama ve tipografi.
   Sayılar sağa dayalı ve aynı genişlikte: göz alt alta karşılaştırsın. */

.mevvcr-totals {
	border: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
	border-radius: var(--mevvcr-radius, 14px);
	background: var(--mevvcr-surface, #fff);
	padding: var(--mevvcr-pad, 22px);
	box-shadow: var(--mevvcr-shadow, none);
	width: 100%;
	float: none;
}

.mevvcr-totals-title {
	margin: 0 0 16px;
	font-size: 17px;
	line-height: 1.3;
}

.mevvcr-totals-table {
	width: 100%;
	border: 0;
	margin: 0;
	border-collapse: collapse;
}

.mevvcr-totals-table th,
.mevvcr-totals-table td {
	border: 0;
	padding: 11px 0;
	border-bottom: 1px solid rgba(16, 18, 25, .07);
	font-size: 14px;
	vertical-align: top;
}

.mevvcr-totals-table th {
	text-align: left;
	font-weight: 500;
	color: rgba(16, 18, 25, .7);
	width: 45%;
}

.mevvcr-totals-table td {
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.mevvcr-totals-table tr:last-child th,
.mevvcr-totals-table tr:last-child td {
	border-bottom: 0;
}

/* İndirim satırı: kazanç olduğu belli olsun. */
.mevvcr-totals-table .cart-discount td,
.mevvcr-totals-table .cart-discount th {
	color: #2e7d32;
}

/* Toplam satırı diğerlerinden ayrılıyor. */
.mevvcr-totals-table .order-total th,
.mevvcr-totals-table .order-total td {
	padding-top: 16px;
	border-top: 2px solid rgba(16, 18, 25, .12);
	border-bottom: 0;
	font-size: 16px;
}

.mevvcr-totals-table .order-total td {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.2;
}

.mevvcr-totals-table .order-total .includes_tax {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 400;
	opacity: .6;
}

/* Kargo seçenekleri: liste işareti yok, tıklanabilir alan geniş. */
.mevvcr-totals-table .woocommerce-shipping-methods {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.mevvcr-totals-table .woocommerce-shipping-methods li {
	margin: 0 0 6px;
}

.mevvcr-totals-table .woocommerce-shipping-destination {
	margin: 8px 0 0;
	font-size: 12.5px;
	opacity: .6;
}

.mevvcr-totals-table .shipping-calculator-button {
	display: inline-block;
	margin-top: 6px;
	font-size: 13px;
}

.mevvcr-totals-table .shipping-calculator-form {
	text-align: left;
	margin-top: 12px;
}

/* Kupon ilerleme çubuğu bu tablonun içinde basılıyor. */
.mevvcr-totals-table .mevvcr-coupon-progress td {
	text-align: left;
	padding-top: 14px;
}

.mevvcr-totals-cta {
	margin: 20px 0 0;
	padding: 0;
}

.mevvcr-totals-cta .checkout-button,
.mevvcr-totals-cta .button {
	display: block;
	width: 100%;
	padding: 15px 20px;
	border-radius: var(--mevvcr-radius-sm, 10px);
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	background: var(--mevvcr-accent, #e53935);
	border: 1px solid var(--mevvcr-accent, #e53935);
	color: #fff;
	text-decoration: none;
}

.mevvcr-totals-cta .checkout-button:hover,
.mevvcr-totals-cta .button:hover {
	background: var(--mevvcr-accent-dark, #c62828);
	border-color: var(--mevvcr-accent-dark, #c62828);
	color: #fff;
}

/* Sepet ve toplamlar yan yana; dar ekranda alt alta. */
@media (min-width: 861px) {
	.mevvcr-cartpage-side {
		max-width: 420px;
		margin-left: auto;
	}
}

@media (max-width: 600px) {
	.mevvcr-totals {
		padding: 18px 16px;
	}
	.mevvcr-totals-table th {
		width: 50%;
	}
}

/* ── Ödeme sayfası ───────────────────────────────────────────────
   İki sütun: solda form, sağda yapışkan özet. Varsayılan düzende ikisi
   alt alta; müşteri formu doldururken ne ödeyeceğini göremiyor. */

.mevvcr-checkout-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 400px;
	gap: 28px;
	align-items: start;
}

.mevvcr-checkout-card {
	border: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
	border-radius: var(--mevvcr-radius, 14px);
	background: var(--mevvcr-surface, #fff);
	padding: var(--mevvcr-pad, 24px);
	box-shadow: var(--mevvcr-shadow, none);
}

.mevvcr-checkout-side {
	position: sticky;
	top: 24px;
}

.mevvcr-checkout-card h3 {
	margin: 0 0 18px;
	font-size: 17px;
}

.mevvcr-checkout-card h3:not(:first-child) {
	margin-top: 28px;
	padding-top: 22px;
	border-top: 1px solid rgba(16, 18, 25, .08);
}

/* Form alanları: temanın kendi biçimini ezmeden hizayı düzeltiyoruz. */
.mevvcr-checkout .form-row {
	margin: 0 0 14px;
	padding: 0;
}

.mevvcr-checkout .form-row label {
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 500;
}

.mevvcr-checkout .form-row input.input-text,
.mevvcr-checkout .form-row textarea,
.mevvcr-checkout .form-row select,
.mevvcr-checkout .select2-container .select2-selection {
	width: 100%;
	min-height: 46px;
	border-radius: var(--mevvcr-radius-sm, 10px);
	border: 1px solid rgba(16, 18, 25, .16);
	padding: 10px 14px;
	font-size: 14.5px;
	background: var(--mevvcr-surface, #fff);
}

.mevvcr-checkout .form-row textarea {
	min-height: 88px;
}

.mevvcr-checkout .form-row input.input-text:focus,
.mevvcr-checkout .form-row textarea:focus,
.mevvcr-checkout .form-row select:focus {
	border-color: var(--mevvcr-accent, #e53935);
	outline: none;
	box-shadow: 0 0 0 3px rgba(229, 57, 53, .12);
}

/* Ad/Soyad yan yana */
.mevvcr-checkout .form-row-first,
.mevvcr-checkout .form-row-last {
	width: calc(50% - 7px);
	display: inline-block;
	vertical-align: top;
}

.mevvcr-checkout .form-row-first {
	margin-right: 14px;
}

/* Sipariş özeti */
.mevvcr-review-items {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.mevvcr-review-item {
	display: flex;
	align-items: center;
	gap: 12px;
}

/* Görsel + adet rozeti: müşterinin ne aldığını doğrulamasının son şansı. */
.mevvcr-review-thumb {
	position: relative;
	flex: 0 0 auto;
}

.mevvcr-review-thumb img {
	width: 52px;
	height: 52px;
	object-fit: cover;
	border-radius: var(--mevvcr-radius-sm, 10px);
	display: block;
}

.mevvcr-review-qty {
	position: absolute;
	top: -7px;
	right: -7px;
	min-width: 21px;
	height: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
	border-radius: 20px;
	background: rgba(16, 18, 25, .82);
	color: #fff;
	font-size: 11.5px;
	font-weight: 600;
}

.mevvcr-review-name {
	flex: 1;
	min-width: 0;
	font-size: 13.5px;
	line-height: 1.35;
}

.mevvcr-review-name dl,
.mevvcr-review-name .variation {
	margin: 4px 0 0;
	font-size: 12px;
	opacity: .65;
}

.mevvcr-review-price {
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}

.mevvcr-review-totals {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin: 0 0 20px;
	border-top: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
}

.mevvcr-review-totals th,
.mevvcr-review-totals td {
	border: 0;
	padding: 10px 0;
	border-bottom: 1px solid rgba(16, 18, 25, .06);
	font-size: 14px;
}

.mevvcr-review-totals th {
	text-align: left;
	font-weight: 500;
	color: rgba(16, 18, 25, .7);
}

.mevvcr-review-totals td {
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.mevvcr-review-totals .order-total th,
.mevvcr-review-totals .order-total td {
	padding-top: 14px;
	border-top: 2px solid rgba(16, 18, 25, .12);
	border-bottom: 0;
	font-size: 16px;
}

.mevvcr-review-totals .order-total td {
	font-size: 20px;
	font-weight: 700;
}

.mevvcr-review-totals .order-total .includes_tax {
	display: block;
	font-size: 12px;
	font-weight: 400;
	opacity: .6;
}

.mevvcr-review-totals .woocommerce-shipping-methods {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

/* Ödeme yöntemleri */
.mevvcr-review .wc_payment_methods {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mevvcr-review .wc_payment_method {
	border: 1px solid rgba(16, 18, 25, .14);
	border-radius: var(--mevvcr-radius-sm, 10px);
	padding: 14px 16px;
	transition: border-color .15s ease, background .15s ease;
}

.mevvcr-review .wc_payment_method:has(input:checked) {
	border-color: var(--mevvcr-accent, #e53935);
	background: rgba(229, 57, 53, .035);
}

.mevvcr-review .wc_payment_method > label {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-weight: 600;
	font-size: 14.5px;
	cursor: pointer;
}

.mevvcr-review .wc_payment_method .payment_box {
	margin: 14px 0 0;
	padding: 14px 0 0;
	border-top: 1px solid rgba(16, 18, 25, .08);
	background: none;
	font-size: 13.5px;
}

.mevvcr-review .wc_payment_method .payment_box::before {
	display: none;
}

/* Siparişi onayla */
.mevvcr-review #place_order {
	width: 100%;
	padding: 16px 20px;
	border-radius: var(--mevvcr-radius-sm, 10px);
	border: 0;
	background: var(--mevvcr-accent, #e53935);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
}

.mevvcr-review #place_order:hover {
	background: var(--mevvcr-accent-dark, #c62828);
}

.mevvcr-review .woocommerce-terms-and-conditions-wrapper,
.mevvcr-review .mevvcr-gdpr-box {
	margin-bottom: 16px;
	font-size: 13px;
}

.mevvcr-review .ast-back-to-cart {
	margin-top: 14px;
	text-align: center;
	font-size: 13.5px;
}

@media (max-width: 980px) {
	.mevvcr-checkout-grid {
		grid-template-columns: 1fr;
	}

	/* Telefonda özet formun ÜSTÜNDE: ne ödeyeceğini önce görsün. */
	.mevvcr-checkout-side {
		position: static;
		order: -1;
	}

	.mevvcr-checkout-grid {
		display: flex;
		flex-direction: column;
	}
}

@media (max-width: 600px) {
	.mevvcr-checkout-card {
		padding: 18px 16px;
	}

	.mevvcr-checkout .form-row-first,
	.mevvcr-checkout .form-row-last {
		width: 100%;
		margin-right: 0;
	}
}

/* ── Temanın iki-sütun sarmalayıcısını etkisizleştir ─────────────
   Temalar `woocommerce_checkout_before_customer_details` kancasında
   kendi ızgaralarını açıyor (Astra'da .col2-set > .col-1 + .col-2,
   başkalarında benzeri). Bizim ızgaramızın içinde bunlar ikinci bir
   sütun düzeni kuruyor: sağdaki özet birkaç piksele sıkışıyor ve ürün
   adı harf harf alt alta akıyor.

   Sarmalayıcı kaldırılamaz — başka eklentiler de aynı kancaya bağlanıyor
   ve markup'ı bozmak onları kırar. Bunun yerine genişlik ve kayma
   kuralları sıfırlanıyor. Hiçbiri tek bir temaya özel değil. */
.mevvcr-checkout .col2-set,
.mevvcr-checkout .col-1,
.mevvcr-checkout .col-2,
.mevvcr-checkout .woocommerce-billing-fields,
.mevvcr-checkout .woocommerce-shipping-fields,
.mevvcr-checkout .woocommerce-additional-fields {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Temanın boş bıraktığı ikinci sütun yer kaplamasın. */
.mevvcr-checkout .col-2:empty {
	display: none !important;
}

.mevvcr-checkout .col2-set::before,
.mevvcr-checkout .col2-set::after {
	content: none !important;
}

/* Özetin daralmasına karşı ikinci savunma: ızgara sütunu taşmasın,
   metin gerekiyorsa kelimeden bölünsün — harf harf akmasın. */
.mevvcr-checkout-grid > * {
	min-width: 0;
}

.mevvcr-checkout-side {
	width: 100%;
}

.mevvcr-review,
.mevvcr-review-items,
.mevvcr-review-totals {
	width: 100%;
	min-width: 0;
}

.mevvcr-review-item {
	min-width: 0;
}

.mevvcr-review-name {
	overflow-wrap: break-word;
	word-break: normal;
}

/* ── Özet sütununun daralmasına karşı ────────────────────────────
   Temalar WooCommerce'in `#order_review` ve
   `.woocommerce-checkout-review-order` öğelerine kendi genişlik ve
   kayma kurallarını yazıyor (iki-sütun ödeme düzenleri bunu yapıyor).
   Bizim ızgaramızın içinde bu ikinci bir daraltma oluyor: kart birkaç
   yüz piksele düşüyor, ürün adı sığmayınca harf harf alt alta akıyor.

   Seçiciler WooCommerce'in kendi kimliklerine bakıyor, bir temaya
   değil — hangi tema yazmış olursa olsun sıfırlanıyor. */
.mevvcr-checkout-side,
.mevvcr-checkout-side .mevvcr-checkout-card,
.mevvcr-checkout-side #order_review,
.mevvcr-checkout-side #order_review_heading,
.mevvcr-checkout-side .woocommerce-checkout-review-order,
.mevvcr-checkout-main #customer_details {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Temalar bu iki öğeye kendi çerçeve ve iç boşluklarını da yazıyor
   (iki-sütun ödeme düzeninin kutusu); kartın içinde ikinci bir çerçeve
   oluşturuyorlar. */
.mevvcr-checkout-side #order_review,
.mevvcr-checkout-side #order_review_heading,
.mevvcr-checkout-side .woocommerce-checkout-review-order {
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	clear: none !important;
}

.mevvcr-checkout-side #order_review_heading {
	margin: 0 0 18px !important;
}

/* Ürün satırı ızgara olarak kuruluyor: esnek kutuda ad sütunu sıfıra
   kadar sıkışabiliyor, ızgarada 1fr en az içerik kadar yer tutuyor. */
.mevvcr-review-item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
}

.mevvcr-review-name {
	min-width: 0;
	overflow-wrap: anywhere;
}

/* ── Onay satırları ve sipariş düğmesi ──────────────────────────
   Şartlar onayı ve KVKK kutusu sipariş özetinin içinde, dar sütunda
   duruyor. Temaların ödeme formu etiketlerine verdiği nowrap ve büyük
   yazı tipi burada satırı taşırıyor. */
.mevvcr-review .place-order,
.mevvcr-review .form-row.place-order {
	padding: 0;
	margin: 0;
	width: 100%;
	float: none;
}

.mevvcr-review .woocommerce-terms-and-conditions-wrapper .form-row {
	margin: 0 0 14px;
	padding: 0;
}

/* Onay kutusu + metin: kutu sabit, metin akıyor. */
.mevvcr-review .woocommerce-form__label-for-checkbox {
	display: flex !important;
	align-items: flex-start;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	white-space: normal !important;
	overflow-wrap: anywhere;
	cursor: pointer;
}

.mevvcr-review .woocommerce-form__label-for-checkbox > input[type="checkbox"] {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	min-width: 16px;
	margin: 2px 0 0 !important;
	position: static !important;
	opacity: 1 !important;
}

.mevvcr-review .woocommerce-terms-and-conditions-checkbox-text {
	flex: 1 1 auto;
	min-width: 0;
}

.mevvcr-review .woocommerce-privacy-policy-text p {
	margin: 0 0 12px;
	font-size: 12.5px;
	line-height: 1.5;
	opacity: .7;
}

/* Kutunun dışına hiçbir şey taşmasın. */
.mevvcr-checkout-summary,
.mevvcr-review,
.mevvcr-review .place-order,
.mevvcr-review .mevvcr-gdpr-box,
.mevvcr-review .woocommerce-terms-and-conditions-wrapper {
	max-width: 100%;
	overflow-wrap: anywhere;
}

.mevvcr-checkout-summary {
	overflow: hidden;
}

.mevvcr-review #place_order {
	display: block;
	max-width: 100%;
	white-space: normal;
}

/* ── Teşekkür sayfası ────────────────────────────────────────────
   Müşterinin ödeme sonrası ilk sorusu "oldu mu?" — büyük ve net
   cevaplanmalı. İkincisi "şimdi ne olacak?": havalede banka bilgileri,
   kartta kargo beklentisi. Varsayılan sayfa ikisini de bir cümle ve
   beş satırlık listeyle geçiştiriyor. */

.mevvcr-ty-head {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
	padding: 34px 24px 30px;
	margin: 0 0 22px;
	border: 1px solid rgba(46, 125, 50, .25);
	border-radius: var(--mevvcr-radius, 14px);
	background: #f4faf4;
}

.mevvcr-ty-head.is-failed {
	border-color: rgba(229, 57, 53, .3);
	background: rgba(229, 57, 53, .05);
}

/* Onay işareti CSS ile çiziliyor — emoji değil, tema fontuna bağlı kalmaz. */
.mevvcr-ty-mark {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #2e7d32;
	position: relative;
	flex: 0 0 auto;
}

.mevvcr-ty-mark::after {
	content: '';
	position: absolute;
	left: 20px;
	top: 13px;
	width: 12px;
	height: 23px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(42deg);
}

.mevvcr-ty-head.is-failed .mevvcr-ty-mark {
	background: #e53935;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	font-weight: 700;
}

.mevvcr-ty-head.is-failed .mevvcr-ty-mark::after {
	display: none;
}

.mevvcr-ty-head h2 {
	margin: 0;
	font-size: 22px;
	line-height: 1.3;
	color: #1b4d1f;
}

.mevvcr-ty-head.is-failed h2 {
	color: #8f1f1c;
	font-size: 17px;
}

.mevvcr-ty-sub {
	margin: 0;
	font-size: 14px;
	opacity: .75;
}

/* Sipariş künyesi: liste değil, okunabilir kartlar. */
/* Esnek kutu, ızgara değil.
   `repeat(auto-fit, minmax())` öğe sayısından fazla iz üretiyor ve
   fazlalıkları 0px'e indiriyor; ama aralıkları ve kabın zeminini
   bırakıyor. Sonuç: satırın iki ucunda gri şeritler. Esnek kutuda
   yalnız var olan hücreler yer kaplıyor. */
.mevvcr-ty-facts {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 26px;
	padding: 0;
	border: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
	border-radius: var(--mevvcr-radius, 14px);
	overflow: hidden;
	background: var(--mevvcr-surface, #fff);
}

.mevvcr-ty-facts li {
	flex: 1 1 190px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin: 0 !important;
	padding: 16px 18px !important;
	background: var(--mevvcr-surface, #fff);
	border: 0 !important;
	border-right: 1px solid rgba(16, 18, 25, .09) !important;
	float: none !important;
	width: auto !important;
	list-style: none;
}

.mevvcr-ty-facts li:last-child {
	border-right: 0 !important;
}

.mevvcr-ty-facts li span {
	font-size: 11px;
	letter-spacing: .05em;
	text-transform: uppercase;
	opacity: .55;
}

.mevvcr-ty-facts li strong {
	font-size: 15px;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

/* Ödeme sağlayıcısının bloğu (havale hesap bilgileri burada) */
.mevvcr-thankyou .woocommerce-bacs-bank-details,
.mevvcr-thankyou + .woocommerce-order-details,
.woocommerce-order-details,
.woocommerce-customer-details {
	margin: 0 0 24px;
}

.woocommerce-bacs-bank-details {
	padding: 20px 22px;
	border: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
	border-radius: var(--mevvcr-radius, 14px);
	background: var(--mevvcr-surface, #fff);
}

.wc-bacs-bank-details-heading {
	margin: 0 0 14px;
	font-size: 17px;
}

.wc-bacs-bank-details-account-name {
	margin: 18px 0 8px;
	font-size: 14px;
	opacity: .8;
}

ul.wc-bacs-bank-details {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 6px 20px;
	font-size: 13.5px;
}

ul.wc-bacs-bank-details li {
	margin: 0;
	padding: 6px 0;
	border-bottom: 1px solid rgba(16, 18, 25, .06);
	overflow-wrap: anywhere;
}

/* Sipariş detayları ve adresler */
.woocommerce-order-details__title,
.woocommerce-column__title {
	font-size: 17px;
	margin: 0 0 14px;
}

.woocommerce-table--order-details {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
	border-radius: var(--mevvcr-radius, 14px);
	overflow: hidden;
	background: var(--mevvcr-surface, #fff);
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
	padding: 12px 18px;
	border: 0;
	border-bottom: 1px solid rgba(16, 18, 25, .07);
	font-size: 14px;
	text-align: left;
}

.woocommerce-table--order-details td:last-child,
.woocommerce-table--order-details th:last-child {
	text-align: right;
	font-variant-numeric: tabular-nums;
}

.woocommerce-table--order-details thead th {
	background: rgba(16, 18, 25, .03);
	font-size: 12px;
	letter-spacing: .04em;
	text-transform: uppercase;
	opacity: .7;
}

.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
	border-bottom: 0;
	font-size: 15px;
}

/* İki sütun, sabit.
   auto-fit burada 1200px'lik kapta DÖRT iz üretiyordu; içindeki iki karta
   tema kendi `%48` genişliğini uygulayınca kartlar 137px'e düşüp
   "Fatura adresi" harf harf alt alta akıyordu. Sütun sayısı ikiye
   sabitlendi ve temanın genişlik/kayma kuralları sıfırlandı. */
.woocommerce-customer-details .col2-set,
.woocommerce-customer-details .woocommerce-columns--addresses {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 18px !important;
	width: 100% !important;
	float: none !important;
}

.woocommerce-customer-details .col-1,
.woocommerce-customer-details .col-2 {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
	padding: 20px 22px !important;
	border: 1px solid var(--mevvcr-line, rgba(16, 18, 25, .1));
	border-radius: var(--mevvcr-radius, 14px);
	background: var(--mevvcr-surface, #fff);
}

/* Temanın clearfix sözde-öğeleri ızgarada HÜCRE kaplıyor.
   `.col2-set::before { content:"" }` blok düzeninde görünmez bir
   temizleyici; ızgaraya çevirince gerçek bir ızgara öğesine dönüşüyor,
   ilk hücreyi kapıyor ve kartları birer sıra kaydırıyor. Fatura adresi
   sağa, gönderim adresi alt satıra düşüyordu. */
.woocommerce-customer-details .col2-set::before,
.woocommerce-customer-details .col2-set::after,
.woocommerce-customer-details .woocommerce-columns--addresses::before,
.woocommerce-customer-details .woocommerce-columns--addresses::after {
	content: none !important;
	display: none !important;
}

/* Temanın adres bloğuna verdiği çerçeve ve genişlik de kalksın. */
.woocommerce-customer-details address {
	width: auto !important;
	max-width: none !important;
	border: 0 !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.woocommerce-customer-details .woocommerce-column__title {
	width: auto !important;
	background: none !important;
	padding: 0 !important;
}

@media (max-width: 700px) {
	.woocommerce-customer-details .col2-set,
	.woocommerce-customer-details .woocommerce-columns--addresses {
		grid-template-columns: 1fr !important;
	}
}

.woocommerce-customer-details address {
	border: 0;
	padding: 0;
	font-style: normal;
	line-height: 1.65;
	font-size: 14px;
}

@media (max-width: 600px) {
	.mevvcr-ty-head {
		padding: 26px 16px 22px;
	}
	.mevvcr-ty-head h2 {
		font-size: 19px;
	}
	.mevvcr-ty-facts li {
		padding: 13px 15px;
	}
}