/* ==========================================================================
   Market theme — Trendyol-inspired components
   Prefix: mk-   (loaded after theme base CSS)
   ========================================================================== */

/* Design tokens (spacing, type, radius, layout).
   These live here — NOT in colors.css — so that saving theme colors never wipes them.
   Density can be overridden from Admin > Theme customize (written to custom.css). */
:root {
	--radius: 8px;
	--radius-sm: 6px;
	--radius-lg: 12px;
	--radius-pill: 999px;
	--shadow: 0 2px 10px rgba(26, 26, 26, 0.06);
	--shadow-hover: 0 8px 24px rgba(26, 26, 26, 0.10);
	--shadow-nav: 0 2px 10px rgba(26, 26, 26, 0.06);
	--container: 1320px;
	--transition: 220ms ease;
	--font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* Spacing scale — 4px base */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-7: 32px;
	--space-8: 40px;
	--space-9: 56px;

	/* NOT: --theme-section-* / --theme-breadcrumb-* / --theme-card-gap
	   değişkenleri BURADA tanımlanmaz. custom.css (panel tarafından üretilir)
	   bu dosyadan sonra yüklendiğinden asıl değer oradan gelir; burada tanım
	   yapmak panel değerlerini ezer. Fallback'ler kullanım yerlerinde
	   (var(--theme-section-top, 2px)) korunur. */

	/* Type scale */
	--fs-3xs: 10px;
	--fs-2xs: 0.7rem;
	--fs-xs: 0.76rem;
	--fs-sm: 0.82rem;
	--fs-base: 0.9rem;
	--fs-md: 1rem;
	--fs-lg: 1.2rem;
	--fs-xl: 1.4rem;
	--fs-2xl: 1.8rem;
}

body.sm-body {
	background: var(--background);
	color: var(--text);
}

.mk-container {
	width: 100%;
	max-width: var(--theme-container-max, var(--container, 1320px));
	margin: 0 auto;
	padding-left: var(--theme-container-padding-x, 16px);
	padding-right: var(--theme-container-padding-x, 16px);
}

/* ------------------------------------------------------------------ Buttons */
.mk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	border: 1px solid transparent;
	border-radius: var(--radius);
	background: #fff;
	color: var(--text);
	font-weight: 600;
	font-size: var(--fs-base);
	line-height: 1;
	padding: var(--space-3) var(--space-5);
	cursor: pointer;
	transition: background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition);
	text-decoration: none;
}

.mk-btn:disabled,
.mk-btn.is-disabled { opacity: .5; cursor: not-allowed; }

.mk-btn--primary {
	background: var(--primary);
	background: color-mix(in srgb, var(--primary) 75%, #000);
	border-color: var(--primary);
	border-color: color-mix(in srgb, var(--primary) 75%, #000);
	color: #fff;
}
.mk-btn--primary:hover { background: var(--primary-hover); border-color: var(--primary-hover); background: color-mix(in srgb, var(--primary) 65%, #000); border-color: color-mix(in srgb, var(--primary) 65%, #000); color: #fff; }

.mk-btn--dark { background: #1A1A1A; border-color: #1A1A1A; color: #fff; }
.mk-btn--dark:hover { background: #000; color: #fff; }

.mk-btn--outline { background: #fff; border-color: var(--primary); color: var(--primary); }
.mk-btn--outline:hover { background: var(--primary-light); }

.mk-btn--ghost { background: #fff; border-color: var(--border); color: var(--text); }
.mk-btn--ghost:hover { border-color: var(--primary); color: var(--primary); }

.mk-btn--block { width: 100%; }
.mk-btn--sm { padding: var(--space-2) var(--space-4); font-size: var(--fs-sm); }

/* ------------------------------------------------------------------ Topbar */
.mk-topbar {
	background: var(--topbar-bg, #1A1A1A);
	color: var(--topbar-text, #fff);
	font-size: var(--fs-xs);
	border-bottom: 1px solid var(--topbar-border, transparent);
}
.mk-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	min-height: 34px;
}
.mk-topbar__links { display: flex; align-items: center; gap: var(--space-5); flex-wrap: wrap; }
.mk-topbar__announce { font-weight: 600; }
.mk-topbar__campaign { color: var(--topbar-link-hover, #fff); font-weight: 600; }
.mk-topbar__badge { display: inline-flex; align-items: center; }
.mk-topbar__badge img { height: 22px; width: auto; display: block; }

/* Icon / text links (marketplaces & socials) */
.mk-iconlinks { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); }
.mk-iconlink { display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; }
.mk-iconlink:hover { opacity: .85; }
.mk-iconlink svg { display: block; }
.mk-iconlink img { height: 18px; width: auto; display: block; }
.mk-iconlink__label { font-size: var(--fs-xs); }
.mk-iconletter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	background: rgba(127, 127, 127, .25);
	color: inherit;
}
.mk-topbar .mk-iconlink:hover { color: var(--topbar-link-hover, #fff); }

/* Icon / text links on the product page */
.mk-pd-iconlinks-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-3) var(--space-4);
	margin-top: var(--space-4);
	padding-top: var(--space-4);
	border-top: 1px solid var(--border);
}
.mk-pd-iconlinks {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2) var(--space-3);
}
.mk-pd-iconlinks--left { margin-right: auto; }
.mk-pd-iconlinks--right { margin-left: auto; }
.mk-pd-iconlinks__title { font-size: var(--fs-sm); font-weight: 600; color: var(--text-muted); }
.mk-pd-iconlinks .mk-iconletter { background: var(--primary-light, rgba(127,127,127,.15)); color: var(--primary, inherit); }

@media (max-width: 767.98px) {
	.mk-pd-iconlinks-row {
		justify-content: center;
		gap: var(--space-2) var(--space-3);
	}
	.mk-pd-iconlinks--left,
	.mk-pd-iconlinks--right { margin: 0; }
	.mk-pd-iconlinks { gap: 6px var(--space-2); }
	.mk-pd-iconlinks__title { font-size: var(--fs-xs); }
}
.mk-topbar__link { color: var(--topbar-link, rgba(255,255,255,.85)); text-decoration: none; }
.mk-topbar__link:hover { color: var(--topbar-link-hover, #fff); }
.mk-topbar__muted { color: var(--topbar-link, rgba(255,255,255,.7)); }
.mk-topbar__social { display: flex; align-items: center; gap: var(--space-3); }
.mk-topbar__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--topbar-link, rgba(255,255,255,.85));
	transition: color var(--transition);
}
.mk-topbar__social a:hover { color: var(--topbar-link-hover, #fff); }
.mk-topbar__lang { display: inline-flex; align-items: center; color: var(--topbar-link, rgba(255,255,255,.85)); }
.mk-topbar__lang .lang-switcher-toggle { color: inherit; }
.mk-topbar__block { display: inline-flex; align-items: center; }

/* Kaydırınca gizleme ozelligi KALDIRILDI. Ust bar ve alt bloklar (pazar yeri /
   sosyal) her zaman gorunur ve sayfa ile birlikte normal sekilde kayar. Eski
   .is-hidden kurallari geriye donuk uyumluluk icin notrlenir. */
.mk-topbar--scroll-hide {
	position: relative;
	z-index: 1035;
	overflow-anchor: none;
}
.mk-tb-scroll-hide {
	overflow-anchor: none;
}
.mk-topbar--scroll-hide.is-hidden,
.mk-tb-scroll-hide.is-hidden {
	max-height: none;
	opacity: 1;
	pointer-events: auto;
}

@media (max-width: 991.98px) {
	.mk-topbar--hide-mobile { display: none; }
	.mk-topbar__inner { flex-direction: column; gap: var(--space-2); padding-top: var(--space-2); padding-bottom: var(--space-2); }
	.mk-topbar__links { justify-content: center; flex-wrap: wrap; }
	.mk-tb-mob-off { display: none !important; }

	/* Mobil/tablet: header normal akistadir; scroll-hide kaldirildi. */
	.mk-header__mobile { display: block; }
	.mk-mobile__row { display: flex; }
}

/* ------------------------------------------------------------------ Header */
/* Header sabit (sticky) DEGIL: logo dahil tum ust alan sayfa ile birlikte
   normal sekilde kayar. */
.mk-header {
	background: #fff;
	position: relative;
	z-index: 1030;
	box-shadow: 0 1px 0 var(--border);
	overflow-anchor: none;
}
.mk-header__main {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--space-7);
	padding: var(--space-4) 0;
}
.mk-logo { display: inline-flex; align-items: center; gap: var(--space-3); text-decoration: none; color: var(--text); }
.mk-logo img { max-height: 46px; width: auto; }
.mk-logo__text { font-size: var(--fs-xl); font-weight: 800; color: var(--primary); letter-spacing: -.02em; }

/* Search (wraps plugin/header-search.tpl) */
.mk-search .t4-search { position: relative; }
.mk-search .sm-search.t4-search__form { position: relative; display: flex; }
.mk-search .t4-search__input {
	width: 100%;
	height: 46px;
	border: 2px solid var(--primary);
	border-radius: var(--radius);
	background: #fff;
	padding: 0 var(--space-9) 0 var(--space-5);
	font-size: var(--fs-base);
	color: var(--text);
	outline: none;
}
.mk-search .t4-search__input:focus { box-shadow: 0 0 0 3px var(--primary-light); }
.mk-search .t4-search__btn {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 48px;
	height: 42px;
	border: 0;
	border-radius: 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0;
	background: var(--primary);
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mk-search .t4-search__btn:hover { background: var(--primary-hover); }
.mk-search .sm-header-search__suggest {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	z-index: 40;
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	box-shadow: var(--shadow-hover);
	overflow: hidden;
	max-height: 420px;
	overflow-y: auto;
}
.mk-search .sm-header-search__suggest a,
.mk-search .sm-header-search__suggest div { padding: var(--space-3) var(--space-4); display: block; }

/* Tools */
.mk-tools { display: flex; align-items: center; gap: var(--space-6); }
.mk-tool {
	display: inline-flex;
	align-items: center;
	gap: var(--space-3);
	color: var(--text);
	text-decoration: none;
	position: relative;
	line-height: 1.15;
}
.mk-tool:hover { color: var(--primary); }
.mk-tool__icon { display: inline-flex; color: var(--text-muted); position: relative; }
.mk-tool:hover .mk-tool__icon { color: var(--primary); }
.mk-tool__text { display: flex; flex-direction: column; font-size: var(--fs-xs); }
.mk-tool__text strong { font-size: var(--fs-sm); font-weight: 700; }
.mk-tool__badge {
	position: absolute;
	top: -7px;
	right: -9px;
	min-width: 17px;
	height: 17px;
	padding: 0 var(--space-1);
	border-radius: var(--radius-pill);
	background: var(--primary);
	color: #fff;
	font-size: var(--fs-3xs);
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.mk-cart {
	display: inline-flex;
	align-items: center;
	gap: var(--space-3);
	background: var(--primary-light);
	border: 1px solid var(--primary);
	color: var(--primary);
	border-radius: var(--radius);
	padding: var(--space-2) var(--space-4);
	text-decoration: none;
	font-weight: 700;
}
.mk-cart:hover { background: var(--primary); color: #fff; }
.mk-cart .t4-cart-btn__total { font-size: var(--fs-sm); }
.mk-cart .t4-cart-btn__icon { position: relative; display: inline-flex; }

/* Category nav */
.mk-nav {
	border-top: 1px solid var(--border);
	background: #fff;
}
.mk-nav__inner {
	display: flex;
	align-items: center;
	gap: var(--space-6);
	min-height: 46px;
}
.mk-nav__cats { position: relative; flex-shrink: 0; }
.mk-nav__cats-btn {
	display: inline-flex;
	align-items: center;
	gap: var(--space-3);
	background: transparent;
	border: 0;
	font-weight: 700;
	font-size: var(--fs-base);
	color: var(--text);
	cursor: pointer;
	height: 46px;
}
.mk-nav__cats-btn:hover { color: var(--primary); }
.mk-nav__list {
	display: flex;
	align-items: center;
	gap: var(--space-6);
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1;
	min-width: 0;
	overflow: hidden;
}
.mk-nav__list li { list-style: none; }
.mk-nav__link {
	color: var(--text);
	text-decoration: none;
	font-size: var(--fs-base);
	font-weight: 500;
	white-space: nowrap;
}
.mk-nav__link:hover,
.mk-nav__link.is-active { color: var(--primary); }
.mk-mega {
	display: none;
	gap: var(--space-4);
	width: min(900px, 92vw);
	max-height: 70vh;
	overflow-y: auto;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	box-shadow: var(--shadow-hover);
	padding: var(--space-2);
}
.dropdown-menu.mk-mega.show {
	display: flex;
	flex-wrap: wrap;
}
.mk-mega a {
	display: block;
	padding: var(--space-3) var(--space-3);
	border-radius: var(--radius-sm);
	color: var(--text);
	text-decoration: none;
	font-size: var(--fs-base);
}
.mk-mega a:hover { background: var(--primary-light); color: var(--primary); }

/* Mega menü: kategori grupları + alt kategoriler */
.mk-mega__group { flex: 0 0 220px; max-width: 100%; }
.mk-mega__head {
	display: block;
	font-weight: 700;
	color: var(--text) !important;
	padding: var(--space-2) var(--space-3);
	border-bottom: 1px solid var(--border);
	margin-bottom: var(--space-1);
}
.mk-mega__head:hover { color: var(--primary) !important; background: transparent !important; }
.mk-mega__sub { display: flex; flex-direction: column; }
.mk-mega__sub a { font-size: var(--fs-sm); padding: var(--space-2) var(--space-3); }
/* Alt kategorisi olmayanlar da soldan başlar (gruplardan sonra, sağa yaslanmaz) */
.mk-mega__flat {
	margin-left: 0;
	display: flex;
	flex-direction: column;
	min-width: 180px;
	border-left: 1px solid var(--border);
	padding-left: var(--space-3);
}

/* Mobile header */
.mk-header__mobile { display: none; }
.mk-mobile-search {
	padding-bottom: var(--space-3);
}
.mk-mobile-search[hidden] { display: none; }
.mk-icon-btn.is-active { color: var(--primary); background: var(--background); }
.mk-mobile__row {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	padding: var(--space-3) 0;
}
.mk-icon-btn {
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	color: var(--text);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius-sm);
	position: relative;
	cursor: pointer;
}
.mk-icon-btn:hover { background: var(--background); color: var(--primary); }
.mk-icon-btn .sm-cart-count-badge {
	position: absolute;
	top: 2px;
	right: 2px;
	min-width: 17px;
	height: 17px;
	padding: 0 var(--space-1);
	border-radius: var(--radius-pill);
	background: var(--primary);
	color: #fff;
	font-size: var(--fs-3xs);
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* ------------------------------------------------------------------ Home */
.mk-home { padding-top: var(--theme-section-top, 2px); padding-bottom: var(--theme-section-bottom, 2px); }
	.mk-home__section { margin-top: var(--theme-section-top, 2px); }

.mk-hero { margin-top: var(--space-5); }
.mk-hero img { width: 100%; border-radius: var(--radius-lg); display: block; }

/* Category circles */
.mk-cats { margin-top: var(--space-6); }
.mk-cats__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
	gap: var(--space-3);
}
.mk-cats__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-3);
	padding: var(--space-4) var(--space-2);
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	text-decoration: none;
	color: var(--text);
	transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
	text-align: center;
}
.mk-cats__item:hover { border-color: var(--primary); box-shadow: var(--shadow); transform: translateY(-2px); }
.mk-cats__circle {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: var(--primary-light);
	color: var(--primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--fs-xl);
	font-weight: 800;
	overflow: hidden;
}
.mk-cats__circle img { width: 100%; height: 100%; object-fit: cover; }
.mk-cats__name { font-size: var(--fs-sm); font-weight: 600; line-height: 1.25; }

/* Category section variants (homepage) */
.mk-cats__grid--cols { grid-template-columns: repeat(var(--mk-cat-cols, auto-fit), minmax(112px, 1fr)); }
.mk-cats--image .mk-cats__item { padding: var(--space-2); }
.mk-cats--image .mk-cats__circle {
	width: 100%;
	height: 0;
	padding-bottom: 72%;
	border-radius: var(--radius-md);
	position: relative;
	background: var(--surface-soft);
}
.mk-cats--image .mk-cats__circle img,
.mk-cats--image .mk-cats__circle .mk-cats__initial {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.mk-cats__circle--rounded { border-radius: var(--radius-md) !important; }
.mk-cats__circle--square { border-radius: 0 !important; }
.mk-cats__initial {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: var(--fs-xl);
	font-weight: 800;
}
.mk-cats--minimal .mk-cats__grid { gap: var(--space-2); }
.mk-cats--minimal .mk-cats__item {
	background: transparent;
	border: 0;
	padding: var(--space-2);
	box-shadow: none;
}
.mk-cats--minimal .mk-cats__item:hover { transform: none; box-shadow: none; color: var(--primary); }
.mk-cats--minimal .mk-cats__circle { background: var(--surface-soft); }
.mk-cats--no-name .mk-cats__name { display: none; }
.mk-cats--no-img .mk-cats__circle { display: none; }
.mk-cats__item--text-only { padding: var(--space-3) var(--space-3); }

@media (max-width: 767.98px) {
	.mk-cats__grid--cols { grid-template-columns: repeat(var(--mk-cat-cols-mobile, 3), minmax(0, 1fr)); }
}

/* All categories page */
.mk-catpage__head {
	display: flex;
	align-items: baseline;
	gap: var(--space-3);
	flex-wrap: wrap;
	margin-bottom: var(--space-5);
}
.mk-catpage__title { margin: 0; font-size: var(--fs-xl); font-weight: 800; color: var(--text); }
.mk-catpage__count { font-size: var(--fs-sm); color: var(--text-secondary); }
.mk-catpage__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: var(--space-4);
}
.mk-catcard {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}
.mk-catcard:hover { border-color: var(--primary); box-shadow: var(--shadow); transform: translateY(-2px); }
.mk-catcard__main {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	padding: var(--space-3);
	text-decoration: none;
	color: var(--text);
}
.mk-catcard__media {
	flex: 0 0 auto;
	width: 64px;
	height: 64px;
	border-radius: var(--radius-md);
	background: var(--surface-soft);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mk-catcard__media img { width: 100%; height: 100%; object-fit: cover; }
.mk-catcard__initial { font-size: var(--fs-lg); font-weight: 800; color: var(--primary); }
.mk-catcard__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mk-catcard__name { font-size: var(--fs-md); font-weight: 700; line-height: 1.25; }
.mk-catcard__meta { font-size: var(--fs-xs); color: var(--text-secondary); }
.mk-catcard__children {
	list-style: none;
	margin: 0;
	padding: var(--space-2) var(--space-4) var(--space-4);
	border-top: 1px solid var(--border);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2) var(--space-3);
}
.mk-catcard__children li { display: inline-flex; align-items: center; gap: 4px; }
.mk-catcard__children a {
	font-size: var(--fs-sm);
	color: var(--text-secondary);
	text-decoration: none;
}
.mk-catcard__children a:hover { color: var(--primary); text-decoration: underline; }
.mk-catcard__more {
	font-size: 11px;
	font-weight: 700;
	color: var(--primary);
	background: var(--primary-light);
	border-radius: 999px;
	padding: 0 6px;
}
.mk-catcard--child {
	border-left: 3px solid var(--primary-light);
}
.mk-catcard--child .mk-catcard__media {
	width: 52px;
	height: 52px;
}
.mk-catcard--child .mk-catcard__name {
	font-size: var(--fs-sm);
	font-weight: 600;
}
.mk-catcard--child .mk-catcard__meta {
	font-size: 11px;
	color: var(--primary);
}

/* Section heads */
.mk-section {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	padding: var(--space-5) var(--space-5) var(--space-6);
}
.mk-section__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	margin-bottom: var(--space-4);
}
.mk-section__title { margin: 0; font-size: var(--fs-lg); font-weight: 800; color: var(--text); }
.mk-section__link { color: var(--primary); color: color-mix(in srgb, var(--primary) 70%, #000); text-decoration: none; font-size: var(--fs-sm); font-weight: 600; }
.mk-section__link:hover { text-decoration: underline; }

/* Horizontal rail */
.mk-rail { position: relative; }
.mk-rail__track {
	display: flex;
	gap: var(--space-4);
	overflow-x: auto;
	scroll-behavior: smooth;
	padding-bottom: var(--space-2);
	scrollbar-width: none;
}
.mk-rail__track::-webkit-scrollbar { display: none; }
.mk-rail__item { flex: 0 0 auto; width: 216px; }
.mk-rail__nav { display: flex; gap: var(--space-2); }
.mk-rail__btn {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 1px solid var(--border);
	background: #fff;
	color: var(--text);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.mk-rail__btn:hover { border-color: var(--primary); color: var(--primary); }

/* Category slider rail (flat: parents + subcategories as items) */
.mk-cats__rail { position: relative; }
.mk-cats__track {
	display: flex;
	gap: var(--space-3);
	overflow-x: auto;
	scroll-behavior: smooth;
	padding: 2px 2px var(--space-2);
	scrollbar-width: none;
}
.mk-cats__track::-webkit-scrollbar { display: none; }
.mk-cats__track .mk-cats__item {
	flex: 0 0 auto;
	width: 132px;
}

@media (max-width: 767.98px) {
	.mk-cats__track .mk-cats__item { width: 110px; }
}

/* ------------------------------------------------------------------ Card */
.mk-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: var(--space-4);
}
.mk-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
	height: 100%;
}
.mk-card:hover { border-color: var(--primary); box-shadow: var(--shadow-hover); transform: translateY(-2px); }

.mk-card__badges { position: absolute; top: 10px; left: 10px; z-index: 3; display: flex; flex-direction: column; gap: var(--space-2); }
.mk-card__discount {
	background: var(--primary);
	color: #fff;
	font-size: var(--fs-2xs);
	font-weight: 800;
	padding: var(--space-1) var(--space-2);
	border-radius: var(--radius-sm);
}
.mk-card__label {
	background: #1A1A1A;
	color: #fff;
	font-size: var(--fs-2xs);
	font-weight: 700;
	padding: var(--space-1) var(--space-2);
	border-radius: var(--radius-sm);
}
.mk-card__oos {
	background: var(--danger);
	color: #fff;
	font-size: var(--fs-2xs);
	font-weight: 700;
	padding: var(--space-1) var(--space-2);
	border-radius: var(--radius-sm);
	align-self: flex-start;
}
.mk-card__fav {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 1px solid var(--border);
	background: rgba(255,255,255,.94);
	color: var(--text-muted);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: color var(--transition), border-color var(--transition);
}
.mk-card__fav:hover { color: var(--primary); border-color: var(--primary); }
.mk-card__fav.is-active { color: var(--primary); border-color: var(--primary); background: var(--primary-light); }
.mk-card__fav svg { fill: none; }
.mk-card__fav.is-active svg { fill: currentColor; }

.mk-card__media {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	padding: var(--space-3);
	background: #fff;
	text-decoration: none;
}
.mk-card__media img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; transition: transform var(--transition); }
.mk-card:hover .mk-card__media img { transform: scale(1.04); }

.mk-card__body { padding: var(--space-1) var(--space-3) var(--space-4); display: flex; flex-direction: column; flex: 1; }
.mk-card__brand { font-size: var(--fs-xs); color: var(--text-muted); color: color-mix(in srgb, var(--text-muted) 80%, #000); font-weight: 600; margin: 0 0 var(--space-1); }
.mk-card__title {
	font-size: var(--fs-sm);
	font-weight: 500;
	line-height: 1.35;
	color: var(--text);
	margin: 0 0 var(--space-2);
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.3em;
}
.mk-card__title:hover { color: var(--primary); }
.mk-card__rating { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-2); }
.mk-card__stars { color: #F5A623; font-size: var(--fs-sm); letter-spacing: 1px; }
.mk-card__rating-count { font-size: var(--fs-2xs); color: var(--text-muted); }
.mk-card__price { margin-top: auto; display: flex; align-items: baseline; gap: var(--space-2); flex-wrap: wrap; }
.mk-card__old { color: var(--text-muted); text-decoration: line-through; font-size: var(--fs-sm); }
.mk-card__current { color: var(--text); font-weight: 800; font-size: var(--fs-md); }
.mk-card__current.is-discount { color: var(--primary); }
.mk-card__ship { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--fs-2xs); color: var(--success); font-weight: 600; margin-top: var(--space-2); }
.mk-card__cart { margin-top: var(--space-3); }

.mk-empty { text-align: center; padding: var(--space-9) var(--space-5); color: var(--text-muted); }
.mk-empty h3 { color: var(--text); }

/* ------------------------------------------------------------------ Catalog */
/* Responsive visibility helpers (work on every page, not only catalog.css) */
.prime-hide-mobile { display: none !important; }
.prime-hide-desktop { display: none !important; }
@media (min-width: 992px) {
	.prime-hide-mobile { display: block !important; }
	.prime-hide-desktop { display: none !important; }
}
@media (max-width: 991.98px) {
	.prime-hide-mobile { display: none !important; }
	.prime-hide-desktop { display: inline-flex !important; }
}

.mk-catalog { padding: var(--theme-section-top, 2px) 0 var(--theme-section-bottom, 2px); }
.mk-catalog__layout { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: var(--space-6); align-items: start; }
.mk-catalog__sidebar { position: sticky; top: 84px; }
/* Filtre sütunu yoksa ürün alanı tam genişlikte */
.mk-catalog__layout--nofilter { grid-template-columns: minmax(0, 1fr); }
.mk-catalog__title { font-size: var(--fs-lg); font-weight: 800; margin: 0 0 var(--space-1); }
.mk-catalog__count { color: var(--text-muted); font-size: var(--fs-sm); }

/* Filter panel (plugin/catalogFilters.tpl uses prime-filter-form) */
.mk-catalog .prime-filter-form,
.mk-filter-card {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	padding: var(--space-4);
}
.mk-catalog .prime-filter-form h3,
.mk-catalog .prime-filter-form .prime-filter-group__title,
.mk-catalog .prime-filter__label {
	font-size: var(--fs-sm);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02em;
	color: var(--text);
	margin: 0 0 var(--space-2);
}
.mk-catalog .prime-filter__group {
	padding: var(--space-3) 0;
	border-bottom: 1px solid var(--border);
}
.mk-catalog .prime-filter__group:first-child { padding-top: 0; }
.mk-catalog .prime-filter__group:last-child { border-bottom: 0; }
.mk-catalog .prime-filter-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.mk-catalog .prime-filter-list--scroll { max-height: 190px; overflow-y: auto; }
.mk-catalog .prime-filter-link,
.mk-catalog .prime-filter-check {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-1) var(--space-2);
	border-radius: var(--radius-sm);
	color: var(--text);
	font-size: var(--fs-sm);
	text-decoration: none;
	cursor: pointer;
	transition: background var(--transition), color var(--transition);
}
.mk-catalog .prime-filter-link:hover,
.mk-catalog .prime-filter-check:hover { background: var(--surface-soft); color: var(--primary); }
.mk-catalog .prime-filter-link.is-active {
	background: var(--primary-light);
	color: var(--primary-hover);
	font-weight: 600;
}
.mk-catalog .prime-filter-check input { accent-color: var(--primary); }
.mk-catalog .prime-filter-form input[type="number"] { border-color: var(--border); }
.mk-catalog .prime-filter-btn,
.mk-catalog .prime-btn--primary { background: var(--primary); border-color: var(--primary); color: #fff; font-weight: 600; }

/* Toolbar (plugin/catalogToolbar.tpl) */
.mk-catalog .prime-catalog-toolbar,
.mk-toolbar {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	padding: var(--space-3) var(--space-4);
	margin-bottom: var(--space-4);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	flex-wrap: wrap;
}

@media (max-width: 991px) {
	.mk-catalog__layout { grid-template-columns: 1fr; }
	.mk-catalog__sidebar { position: static; }
}

/* ------------------------------------------------------------------ Product */
.mk-product { padding: var(--theme-section-top, 2px) 0 var(--theme-section-bottom, 2px); }
.mk-product .product-showcase__inner { }
.mk-product__crumb { margin-bottom: var(--space-1); font-size: var(--fs-sm); color: var(--text-muted); }
.mk-product__crumb a { color: var(--text-muted); text-decoration: none; }
.mk-product__crumb a:hover { color: var(--primary); }

.mk-product__media,
.mk-product .product-media-card {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	padding: var(--space-4);
	position: sticky;
	top: 84px;
}
.mk-product .product-gallery__main { position: relative; display: flex; justify-content: center; }
.mk-product #main-display { max-width: 100%; max-height: 460px; object-fit: contain; }
.mk-product .product-gallery__thumbs { display: flex; gap: var(--space-2); margin-top: var(--space-3); flex-wrap: wrap; }
.mk-product .product-gallery__thumb {
	width: 58px;
	height: 58px;
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	background: #fff;
	padding: var(--space-1);
	cursor: pointer;
}
.mk-product .product-gallery__thumb.active { border-color: var(--primary); }

.mk-product__buybox {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	padding: var(--space-4);
}
.mk-product__brand { font-size: var(--fs-base); font-weight: 700; }
.mk-product__brand a { color: var(--primary); text-decoration: none; }
.mk-product__title { font-size: var(--fs-lg); font-weight: 700; line-height: 1.35; margin: 0; }

/* Ürün adı + fiyat aynı satırda; fiyat sağa yaslı */
.mk-product__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--space-4);
	margin: var(--space-1) 0 var(--space-3);
}
.mk-product__head .mk-product__title { flex: 1 1 auto; min-width: 0; }
.mk-product__head .mk-product__price {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}
.mk-product__rating { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-4); }
.mk-product__stars { color: #F5A623; letter-spacing: 2px; }
.mk-product__price {
	display: flex;
	align-items: baseline;
	gap: var(--space-3);
	padding: var(--space-4);
	background: var(--primary-soft);
	border: 1px solid var(--primary-light);
	border-radius: var(--radius-lg);
	margin-bottom: var(--space-4);
}
.mk-product__price .old-price { color: var(--text-muted); text-decoration: line-through; font-size: var(--fs-md); }
.mk-product__price .current-price { color: var(--primary); font-size: var(--fs-2xl); font-weight: 800; }

.mk-product__spec-list { list-style: none; margin: 0 0 var(--space-4); padding: 0; display: grid; gap: var(--space-2); font-size: var(--fs-base); }
.mk-product__spec-list li { display: flex; justify-content: space-between; gap: var(--space-4); }
.mk-product__spec-list span:first-child { color: var(--text-muted); }

/* Havale + stock code on the same line */
.mk-product__spec-row { flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.mk-product__spec-rating .mk-product__rating { margin-bottom: 0; }
/* Havale satırının sağındaki yorum/puan */
.mk-product__spec-rating-right {
	margin-left: auto;
	margin-bottom: 0;
	font-size: var(--fs-sm);
}
.mk-product__spec-rating-right .mk-product__stars { font-size: var(--fs-base); }

/* Points badge (Erdal Ersağ etc.) inside the spec row */
.mk-product__spec-points { display: inline-flex; align-items: center; }
.mk-product__spec-points .erdal-ersag-points-inline { margin-top: 0; }
.mk-product__spec-points .erdal-ersag-points-inline__badge {
	padding: 2px var(--space-2);
	font-size: var(--fs-xs);
	font-weight: 700;
	color: var(--success);
	background: #DCFCE7;
	border: 1px solid #BBF7D0;
	border-radius: var(--radius-pill);
	white-space: nowrap;
}
.mk-product__spec-inline { display: inline-flex; align-items: baseline; gap: var(--space-1); }
.mk-product__spec-inline .mk-product__spec-key { color: var(--text-muted); margin-right: var(--space-1); }
.mk-product__spec-inline strong { font-weight: 700; }
.mk-product__spec-inline em { color: var(--text-muted); font-style: normal; font-size: var(--fs-sm); }
.mk-product__spec-sep {
	width: 1px;
	height: 14px;
	background: var(--border-strong);
	align-self: center;
	flex-shrink: 0;
}

/* Varyant gruplarını tek satırda ikiye böl (renk | beden). Sığmayan
   gruplar ikinci satıra sarar; sütunlar arasında ara çizgi bulunur. */
.product-variations {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: var(--space-5);
	row-gap: 0;
}
.product-variations > .product-variation-group {
	margin-bottom: 0;
	min-width: 0;
	/* Satırlar arası boşluk (gruplar çok satıra sarınca) */
	padding-bottom: var(--space-3);
}
/* İkinci sütundaki grup ile arasına dikey ayırıcı çizgi.
   (nth-of-type yalnızca div grupları sayar; summary/hint/input hariç.) */
.product-variations > .product-variation-group:nth-of-type(even) {
	border-left: 1px solid var(--border);
	padding-left: var(--space-5);
}
/* Tam genişlik gereken satırlar — grupların hemen altında, boşluksuz. */
.product-variations > .product-variation-summary,
.product-variations > #variationHint,
.product-variations > input {
	grid-column: 1 / -1;
	margin-top: 0;
}
.product-variations > #variationHint { margin-bottom: 0; }

@media (max-width: 575px) {
	.product-variations {
		grid-template-columns: 1fr;
		column-gap: 0;
	}
	.product-variations > .product-variation-group:nth-of-type(even) {
		border-left: 0;
		padding-left: 0;
	}
}

.mk-product .product-variation-option {
	min-width: 46px;
	padding: var(--space-2) var(--space-4);
	border: 1px solid var(--border-strong);
	border-radius: var(--radius);
	background: #fff;
	font-size: var(--fs-sm);
	font-weight: 600;
	cursor: pointer;
}
.mk-product .product-variation-option.active { border-color: var(--primary); background: var(--primary-light); color: var(--primary); }

/* Ürün özellikleri (ProductOption) */
.product-options .product-option-group { }
.product-options .product-option-label {
	display: flex;
	align-items: baseline;
	gap: var(--space-1);
	margin-bottom: var(--space-2);
	font-size: var(--fs-sm);
	font-weight: 700;
	color: var(--text);
}
.product-options .product-option-required { color: var(--danger, #dc2626); font-weight: 700; }
.product-options .product-option-selected { color: var(--text-muted); font-weight: 500; }
.product-options .product-option-values {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
}
.product-options .product-option-value {
	min-width: 46px;
	padding: var(--space-2) var(--space-4);
	border: 1px solid var(--border-strong);
	border-radius: var(--radius);
	background: #fff;
	color: var(--text);
	font-size: var(--fs-sm);
	font-weight: 600;
	cursor: pointer;
	transition: border-color var(--transition), background var(--transition), color var(--transition);
}
.product-options .product-option-value:hover { border-color: var(--primary); color: var(--primary); }
.product-options .product-option-value.active {
	border-color: var(--primary);
	background: var(--primary-light);
	color: var(--primary);
}
.product-options .product-option-hint { min-height: 0; }

.mk-product .product-buy-row { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: stretch; }
.mk-product .product-buy-row .qty-picker {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--border-strong);
	border-radius: var(--radius);
	overflow: hidden;
}
.mk-product .qty-btn { width: 42px; height: 46px; border: 0; background: #fff; font-size: var(--fs-lg); cursor: pointer; }
.mk-product .qty-btn:hover { background: var(--primary-light); color: var(--primary); }
.mk-product .qty-input { width: 52px; height: 46px; border: 0; text-align: center; font-weight: 700; }
.mk-product .t4-product__cart { flex: 1; min-width: 180px; height: 46px; background: var(--primary); border-color: var(--primary); color: #fff; font-weight: 700; }
.mk-product .t4-product__cart:hover { background: var(--primary-hover); }
.mk-product .t4-product__buynow { height: 46px; background: #1A1A1A; color: #fff; border-radius: var(--radius); font-weight: 700; padding: 0 var(--space-5); }
.mk-product .t4-product__buynow:hover { background: #000; }
.mk-product .t4-product__fav-btn {
	width: 46px;
	height: 46px;
	border: 1px solid var(--border-strong);
	border-radius: var(--radius);
	background: #fff;
	color: var(--text-muted);
	cursor: pointer;
}
.mk-product .t4-product__fav-btn.is-active,
.mk-product .t4-product__fav-btn.active { color: var(--primary); border-color: var(--primary); }

.mk-product__seller {
	margin-top: var(--space-5);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	padding: var(--space-4) var(--space-4);
	display: grid;
	gap: var(--space-3);
	font-size: var(--fs-base);
}
.mk-product__seller-row { display: flex; align-items: center; gap: var(--space-3); color: var(--text); }
.mk-product__seller-row svg { color: var(--primary); flex-shrink: 0; }
.mk-product__seller-row strong { margin-left: auto; }

/* Tabs */
.mk-product .product-content-tabs {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	margin-top: var(--theme-section-space, var(--space-3));
	overflow: hidden;
}
.mk-product .product-content-tabs .nav-tabs { border-bottom: 1px solid var(--border); padding: 0 var(--space-5); gap: var(--space-1); }
.mk-product .product-content-tabs .nav-link {
	border: 0;
	color: var(--text-muted);
	font-weight: 600;
	padding: var(--space-4) var(--space-4);
	border-bottom: 3px solid transparent;
	background: transparent;
	cursor: pointer;
}
.mk-product .product-content-tabs .nav-link.active { color: var(--primary); border-bottom-color: var(--primary); }
.mk-product .product-tab-content { padding: var(--space-6); }

/* Product detail feature grid — compact 2-column (ÇiçekSepeti style) */
.mk-pd-features {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-2);
	margin-top: var(--space-3);
	padding-top: var(--space-3);
	border-top: 1px solid var(--border);
}
.mk-pd-feature {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	padding: var(--space-3);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: var(--surface-soft);
	min-width: 0;
}
.mk-pd-feature.is-free { border-color: #BBF7D0; background: #F0FDF4; }
/* Düzenlenebilir bilgi kutuları (gucmar-tema) */
.mk-pd-features.mk-pd-features--list { grid-template-columns: 1fr; }
a.mk-pd-feature--link { color: inherit; text-decoration: none; transition: border-color .15s ease, background-color .15s ease; }
a.mk-pd-feature--link:hover,
a.mk-pd-feature--link:focus-visible { border-color: var(--primary); background: var(--surface); }
.mk-pd-features .mk-pd-feature__text small {
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.mk-pd-features--list .mk-pd-feature__text small { -webkit-line-clamp: 4; }
.mk-pd-feature__icon {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: var(--radius);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--primary-light);
	color: var(--primary);
}
.mk-pd-feature.is-free .mk-pd-feature__icon { background: #DCFCE7; color: var(--success); }
.mk-pd-feature__text { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; }
.mk-pd-feature__text strong { font-size: var(--fs-sm); font-weight: 700; color: var(--text); line-height: 1.2; }
.mk-pd-feature__text small {
	font-size: var(--fs-xs);
	color: var(--text-muted);
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Payment + cargo assurance row */
.mk-pd-assurance {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin-top: var(--space-3);
	padding-top: var(--space-3);
	border-top: 1px dashed var(--border);
}
.mk-pd-assurance__item { display: flex; align-items: center; gap: var(--space-3); }
.mk-pd-assurance__label { font-size: var(--fs-xs); color: var(--text-muted); font-weight: 600; }
.mk-pd-assurance__badges { display: inline-flex; align-items: center; gap: var(--space-2); }
.mk-pd-assurance__cargo { color: var(--text-muted); }
.mk-pd-assurance__cargo svg { color: var(--primary); }
.mk-pay-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	padding: 0 var(--space-2);
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	background: #fff;
}

/* Cargo company */
.mk-pd-cargo__logo { max-height: 24px; max-width: 84px; object-fit: contain; }
.mk-pd-cargo__name { font-weight: 600; font-size: var(--fs-xs); }

/* Trust strip under showcase */
.mk-pd-trust {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-4);
	margin-top: var(--theme-section-top, 2px);
	padding: var(--space-5);
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
}
.mk-pd-trust__item { display: flex; align-items: center; gap: var(--space-3); }
.mk-pd-trust__item svg { color: var(--primary); flex-shrink: 0; }
.mk-pd-trust__item span { display: flex; flex-direction: column; }
.mk-pd-trust__item strong { font-size: var(--fs-sm); font-weight: 700; }
.mk-pd-trust__item small { font-size: var(--fs-xs); color: var(--text-muted); }

@media (max-width: 991px) {
	.mk-pd-trust { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
	.mk-pd-features { grid-template-columns: 1fr 1fr; gap: var(--space-2); }
	.mk-pd-feature { gap: var(--space-2); padding: var(--space-2); }
	.mk-pd-feature__icon { width: 28px; height: 28px; }
	.mk-pd-feature__text strong { font-size: var(--fs-xs); }
	.mk-pd-feature__text small { white-space: normal; }
	.mk-pd-trust { grid-template-columns: repeat(2, 1fr); }
}

/* Related rail reuses mk-card via product.tpl rewrite */

.t4-sticky-buy {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1040;
	background: #fff;
	box-shadow: 0 -4px 20px rgba(0,0,0,.08);
	transform: translateY(110%);
	transition: transform var(--transition);
}
.t4-sticky-buy.is-visible { transform: none; }
.t4-sticky-buy__inner { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-3) 0; }
.t4-sticky-buy__img { border-radius: var(--radius-sm); object-fit: cover; }
.t4-sticky-buy__actions { margin-left: auto; display: flex; align-items: center; gap: var(--space-4); }
.t4-sticky-buy__price { font-weight: 800; color: var(--primary); font-size: var(--fs-lg); }
.t4-sticky-buy__cart { background: var(--primary); border-color: var(--primary); color: #fff; font-weight: 700; border-radius: var(--radius); padding: var(--space-3) var(--space-6); }
.t4-sticky-buy__info { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }

/* Neutralize base theme rail card styling inside Market rails */
.mk-product .t4-rail,
.mk-rail.t4-rail { margin: 0; padding: 0; }
.t4-rail__card.mk-rail__item,
.mk-rail__item.t4-rail__card {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

/* ------------------------------------------------------------------ Service bar + Footer */
.mk-service { background: #fff; border-top: 1px solid var(--border); margin-top: var(--space-8); }
.mk-service__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); padding: var(--space-6) 0; }
.mk-service__item { display: flex; align-items: center; gap: var(--space-4); }
.mk-service__icon { color: var(--primary); flex-shrink: 0; }
.mk-service__item strong { display: block; font-size: var(--fs-base); }
.mk-service__item span { color: var(--text-muted); font-size: var(--fs-sm); }

.mk-footer { background: #1A1A1A; color: rgba(255,255,255,.82); margin-top: 0; padding: var(--space-8) 0 0; }
.mk-footer a { color: rgba(255,255,255,.82); text-decoration: none; }
.mk-footer a:hover { color: #fff; }
.mk-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: var(--space-7); padding-bottom: var(--space-7); }
.mk-footer__brand img { max-height: 46px; margin-bottom: var(--space-4); width: auto; }
.mk-footer__brand p { font-size: var(--fs-sm); line-height: 1.6; color: rgba(255,255,255,.66); }
.mk-footer__title { color: #fff; font-size: var(--fs-md); font-weight: 700; margin: 0 0 var(--space-4); }
.mk-footer__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-3); font-size: var(--fs-base); }
.mk-footer__bottom {
	border-top: 1px solid rgba(255,255,255,.12);
	padding: var(--space-5) 0;
	font-size: var(--fs-sm);
	color: rgba(255,255,255,.6);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	flex-wrap: wrap;
}

@media (max-width: 991px) {
	.mk-header__desktop { display: none; }
	.mk-header__mobile { display: block; }
	.mk-nav { display: none; }
	.mk-footer__grid { grid-template-columns: 1fr 1fr; }
	.mk-service__grid { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
	.mk-footer__grid { grid-template-columns: 1fr; }
	.mk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
	.mk-rail__item { width: 168px; }
}

/* Home section product grid uses mk-grid */
.mk-home .mk-grid { margin-top: var(--space-1); }

/* Floating rail navigation */
.mk-rail__btn--float {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	box-shadow: var(--shadow);
}
.mk-rail__btn--prev { left: -6px; }
.mk-rail__btn--next { right: -6px; }

/* Ensure section heads with a subtitle align nicely */
.mk-section__head h2 + p { margin-top: var(--space-1); }

/* ===================== Breadcrumb ===================== */
.mk-breadcrumb {
	padding-top: var(--theme-breadcrumb-top, 1rem);
	padding-bottom: var(--theme-breadcrumb-bottom, 1rem);
	padding-left: 0;
	padding-right: 0;
	line-height: 1;
}
.mk-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-1) var(--space-2);
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: var(--fs-xs);
	color: var(--text-muted);
}
.mk-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	color: var(--text-muted);
}
.mk-breadcrumb__item:not(:last-child)::after {
	content: "";
	width: 5px;
	height: 5px;
	border-right: 1.5px solid var(--border-strong);
	border-bottom: 1.5px solid var(--border-strong);
	transform: rotate(-45deg);
	opacity: .7;
}
.mk-breadcrumb__link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
	color: var(--text-muted);
	text-decoration: none;
	transition: color var(--transition);
}
.mk-breadcrumb__link:hover { color: var(--primary); }
.mk-breadcrumb__home { flex-shrink: 0; }
.mk-breadcrumb__item.is-active {
	color: var(--text);
	font-weight: 600;
}
.mk-breadcrumb__current { color: var(--text); }



/* ===================== Catalog head / filters title ===================== */
.mk-catalog__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	margin-bottom: var(--space-4);
}
.mk-catalog__filter-title {
	font-size: var(--fs-md);
	font-weight: 700;
	margin: 0 0 var(--space-3);
	padding-bottom: var(--space-3);
	border-bottom: 1px solid var(--border);
}

/* Active filter bar */
.mk-filter-active {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	padding: var(--space-2) var(--space-3);
	margin-bottom: var(--space-3);
	background: var(--primary-light);
	border: 1px solid #FBD9BC;
	border-radius: var(--radius);
	font-size: var(--fs-xs);
}
.mk-filter-active__label { font-weight: 600; color: var(--primary-hover); }
.mk-filter-active__clear { color: var(--primary); font-weight: 700; text-decoration: none; }
.mk-filter-active__clear:hover { text-decoration: underline; }

/* Toolbar count + sort */
.mk-toolbar__count {
	margin: 0;
	font-size: var(--fs-sm);
	color: var(--text-muted);
}
.mk-toolbar__count strong { color: var(--text); font-weight: 700; }
.mk-toolbar__count-sep { margin: 0 var(--space-1); color: var(--border-strong); }
.mk-toolbar__count-sep-text { font-size: var(--fs-xs); }
.mk-toolbar__sort-label {
	font-size: var(--fs-xs);
	color: var(--text-muted);
	font-weight: 600;
	white-space: nowrap;
	margin: 0;
}
.mk-toolbar__select {
	min-width: 170px;
	border-color: var(--border);
}

/* Filters drawer */
.mk-filters-drawer .offcanvas-header {
	border-bottom: 1px solid var(--border);
}
.mk-filters-drawer .offcanvas-title {
	font-size: var(--fs-md);
	font-weight: 700;
}

/* ===================== Pagination ===================== */
.mk-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--space-1);
	margin-top: var(--space-6);
}
.mk-pagination__item {
	min-width: 38px;
	height: 38px;
	padding: 0 var(--space-2);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: #fff;
	color: var(--text);
	font-size: var(--fs-sm);
	font-weight: 600;
	text-decoration: none;
	transition: border-color var(--transition), background var(--transition), color var(--transition);
}
.mk-pagination__item:hover { border-color: var(--primary); color: var(--primary); }
.mk-pagination__item.is-current {
	background: var(--primary);
	border-color: var(--primary);
	color: #fff;
}
.mk-pagination__nav {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: #fff;
	color: var(--text);
	text-decoration: none;
	transition: border-color var(--transition), color var(--transition);
}
.mk-pagination__nav:hover { border-color: var(--primary); color: var(--primary); }
.mk-pagination__nav.is-disabled { opacity: .4; cursor: not-allowed; }
.mk-pagination__info {
	margin: 0 0 0 var(--space-2);
	font-size: var(--fs-xs);
	color: var(--text-muted);
}
.mk-pagination__info strong { color: var(--text); }

@media (max-width: 575px) {
	.mk-toolbar__select { min-width: 130px; }
	.mk-toolbar__count-sep-text { display: none; }
	.mk-toolbar__count-sep { display: none; }
	.mk-pagination__info { display: none; }
}

/* ------------------------------------------------------------------ Home custom blocks */
.mk-home__blocks-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: var(--theme-card-gap, 12px);
}
.mk-home-block {
	display: flex;
	flex-direction: column;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	overflow: hidden;
}
.mk-home-block__media img { width: 100%; height: auto; display: block; }
.mk-home-block__body {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	padding: var(--space-4);
}
.mk-home-block__title { font-size: var(--fs-md); font-weight: 700; margin: 0; }
.mk-home-block__text { font-size: var(--fs-sm); color: var(--text-muted); margin: 0; }

/* Homepage block builder — extended block types */
.mk-home__blocks--banner .mk-banner-full {
	display: block;
	position: relative;
	border-radius: var(--radius-lg, 16px);
	overflow: hidden;
	text-decoration: none;
}
.mk-home__blocks--banner .mk-banner-full img {
	width: 100%;
	height: auto;
	display: block;
}
.mk-banner-full__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: var(--space-4) var(--space-5);
	background: linear-gradient(transparent, rgba(0, 0, 0, .6));
	color: #fff;
	font-weight: 700;
	font-size: var(--fs-lg);
}

.mk-video-embed {
	position: relative;
	width: 100%;
	border-radius: var(--radius-lg, 16px);
	overflow: hidden;
	background: #000;
}
.mk-video-embed .mk-video-frame {
	position: relative;
	padding-top: 56.25%;
	height: 0;
}
.mk-video-embed .mk-video-frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.mk-block-html {
	font-size: var(--fs-base);
	color: var(--text);
	line-height: 1.6;
}
.mk-block-html img { max-width: 100%; height: auto; }

.mk-coupon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	padding: var(--space-6) var(--space-7);
	border-radius: var(--radius-lg, 16px);
	background: linear-gradient(135deg, var(--primary), var(--primary-hover));
	color: #fff;
}
.mk-coupon__title { margin: 0 0 var(--space-1); font-size: var(--fs-xl); font-weight: 800; color: #fff; }
.mk-coupon__text { margin: 0; font-size: var(--fs-base); opacity: .92; }
.mk-coupon .mk-btn--primary { background: #fff; color: var(--primary); }
.mk-coupon .mk-btn--primary:hover { background: #f3f3f3; }

@media (max-width: 575.98px) {
	.mk-coupon { padding: var(--space-5); text-align: center; justify-content: center; }
	.mk-banner-full__caption { font-size: var(--fs-md); padding: var(--space-3); }
}

/* Columns block */
.mk-cols {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--theme-card-gap, 12px);
}
.mk-cols--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mk-cols--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mk-col { min-width: 0; }
.mk-col__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	overflow: hidden;
	text-decoration: none;
	color: var(--text);
	transition: border-color var(--transition), box-shadow var(--transition);
}
a.mk-col__inner:hover { border-color: var(--primary); box-shadow: var(--shadow); }
.mk-col__media { display: block; }
.mk-col__media img { width: 100%; height: 160px; object-fit: cover; display: block; }
.mk-col__body { display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-4); }
.mk-col__title { font-size: var(--fs-md); font-weight: 700; }
.mk-col__text { font-size: var(--fs-sm); color: var(--text-muted); line-height: 1.5; }
.mk-cols--image .mk-col__media img { height: 220px; }
.mk-cols--image .mk-col__body { padding: var(--space-3) var(--space-4); }
.mk-cols--minimal .mk-col__inner { background: transparent; border: 0; }
.mk-cols--text .mk-col__inner { background: transparent; border: 0; padding: var(--space-4); }
.mk-cols--text .mk-col__body { padding: 0; }
@media (max-width: 767.98px) {
	.mk-cols, .mk-cols--3, .mk-cols--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mk-col__media img { height: 120px; }
}
@media (max-width: 479.98px) {
	.mk-cols--4 { grid-template-columns: 1fr; }
}