@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap');

:root {
	--primary: #1565ff;
	--accent: #ff4f8b;
	--bg: #f6f7fb;
	--card: #ffffff;
	--muted: #6b7280;
	--radius: 16px;
	--shadow: 0 18px 50px rgba(20, 36, 74, 0.12);
	--shadow-soft: 0 14px 40px rgba(15, 23, 42, 0.08);
	--header-border: #e8ecf4;
}

body {
	font-family: 'Manrope', 'Montserrat', 'Open Sans', sans-serif;
	background: #f3f5f9;
	color: #1f2937;
}

/* Global surface polish */
.container,
.container-fluid {
	position: relative;
}

.btn,
.button,
button,
input[type="submit"],
input[type="button"] {
	border-radius: 12px !important;
	border: 1px solid transparent;
	font-weight: 700;
	transition: all .18s ease;
}

.btn-primary,
button.btn-primary,
input.btn-primary[type="submit"] {
	background: var(--primary);
	border-color: var(--primary);
	box-shadow: 0 12px 30px rgba(21, 101, 255, 0.3);
}

.btn-primary:hover { filter: brightness(1.06); transform: translateY(-1px); }

.btn-default,
.button,
button {
	background: #fff;
	border-color: #e5e7eb;
	color: #111827;
}

.btn-default:hover { border-color: #cdd4e0; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07); }

input[type="text"],
input[type="email"],
input[type="password"],
select {
	border-radius: 12px !important;
	border: 1px solid #e5e7eb;
	padding: 10px 12px;
}

.breadcrumb {
	background: transparent;
	border: none;
	padding: 10px 0 8px;
	margin-bottom: 8px;
}

.breadcrumb > li + li:before { color: #9ca3af; }

.module-title,
.page-title,
h1, h2, h3 {
	font-weight: 700;
	color: #0f172a;
}

.product-thumb {
	border-radius: 18px !important;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
	border: 1px solid #edf2f7;
	transition: transform .2s ease, box-shadow .2s ease;
}

.product-thumb:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
}

.product-thumb .image { background: #f9fafb; }
.product-thumb .image img { object-fit: cover; }

.product-thumb .caption {
	padding: 10px 12px 14px;
}

.price-new { color: var(--primary); font-weight: 800; }
.price-old { color: #9ca3af; }

.list-group-item,
.panel {
	border-radius: 14px !important;
	border-color: #e5e7eb;
}

.panel-heading {
	border: none;
	background: #fff;
	font-weight: 700;
}

.pagination > li > a,
.pagination > li > span {
	border-radius: 10px !important;
	border-color: #e5e7eb;
	color: #111827;
}

.pagination > .active > a,
.pagination > .active > span {
	background: var(--primary);
	border-color: var(--primary);
}

.home-modern {
	padding-bottom: 40px;
}

.home-hero {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 32px;
	align-items: center;
	padding: 32px 28px 20px;
	background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);
	border-radius: 24px;
	box-shadow: var(--shadow-soft);
	margin-bottom: 14px;
}

.home-hero__text {
	max-width: 640px;
}

.home-hero__eyebrow {
	color: var(--accent);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.home-hero__title {
	font-size: clamp(28px, 4vw, 42px);
	font-weight: 700;
	line-height: 1.15;
	margin: 0 0 12px;
}

.home-hero__subtitle {
	color: var(--muted);
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 16px;
}

.home-hero__cta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.home-btn {
	border-radius: 12px;
	padding: 12px 18px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.home-btn--primary {
	background: var(--primary);
	color: #fff;
	box-shadow: var(--shadow);
}

.home-btn--primary:hover { transform: translateY(-2px); }

.home-btn--ghost {
	background: rgba(21, 101, 255, 0.1);
	color: var(--primary);
}

.home-btn--ghost:hover { background: rgba(21, 101, 255, 0.2); }

.home-hero__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.home-chip {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 999px;
	padding: 8px 12px;
	font-weight: 600;
	color: #374151;
	box-shadow: 0 8px 26px rgba(0, 0, 0, 0.04);
}

.home-hero__visual {
	justify-self: end;
}

.hero-card {
	background: #fff;
	border-radius: 20px;
	padding: 22px;
	box-shadow: 0 20px 50px rgba(15,23,42,0.1);
	border: 1px solid #e5e7eb;
}
.hero-card__badge {
	display:inline-block;
	background: var(--primary);
	color:#fff;
	padding:8px 12px;
	border-radius:12px;
	font-weight:700;
	margin-bottom:10px;
}
.hero-card__title {font-weight:700;font-size:18px;margin-bottom:10px;}
.hero-card__list {list-style:none;margin:0;padding:0;display:grid;gap:8px;color:#4b5563;}
.hero-card__list i{color:var(--primary);margin-right:6px;}

.home-stripes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 10px;
	margin: 8px auto 22px;
}

.home-stripe {
	background: #ffffff;
	border-radius: var(--radius);
	padding: 12px 14px;
	font-weight: 600;
	color: #374151;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
	display: flex;
	align-items: center;
	gap: 10px;
}

.home-main {
	background: #fff;
	border-radius: 20px;
	padding: 18px 16px 4px;
	box-shadow: var(--shadow);
	margin-top: 8px;
}

.home-promo {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 16px;
	margin-top: 22px;
}

.home-promo__card {
	background: #fff;
	border-radius: var(--radius);
	padding: 18px 16px;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
	border: 1px solid #e5e7eb;
}

.home-promo__title {
	font-weight: 700;
	margin-bottom: 6px;
}

.home-promo__link {
	color: var(--primary);
	font-weight: 700;
	text-decoration: none;
}

.home-promo__link:hover { color: var(--accent); }

/* Hero chips and CTA */
.chip {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 999px;
	padding: 8px 12px;
	font-weight: 600;
	color: #374151;
	box-shadow: 0 8px 26px rgba(0, 0, 0, 0.04);
}

/* Cards & grid tweaks */
.product-thumb {
	border-radius: 18px !important;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
	border: 1px solid #edf2f7;
}

.product-thumb .image img { object-fit: cover; }

.module-title {
	font-size: 20px;
	font-weight: 700;
}

/* Header polish */
header {
	background: #fff;
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
}

.header-block__item-search input[type="text"],
#search2 input[type="text"] {
	border-radius: 16px !important;
	height: 52px;
	border: 1px solid #e5e7eb;
	box-shadow: inset 0 0 0 1px #e5e7eb, 0 14px 30px rgba(15, 23, 42, 0.08);
	background: #f9fbff;
	font-size: 15px;
}
.header-panel {
	background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
	border-radius: 22px;
	padding: 16px 20px;
	box-shadow: 0 22px 48px rgba(15, 23, 42, 0.12);
	margin-top: 10px;
	border: 1px solid rgba(255,255,255,0.6);
	backdrop-filter: blur(6px);
}

.top-menu, .menu1 {
	border: none;
	background: #fff;
}

/* Header layout refresh */
.header-block {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding: 10px 0 6px;
}

.header-logo__img {
	border-radius: 14px;
	padding: 4px;
}

.header-block__item-logo {
	flex: 0 0 auto;
}

.header-block__item-search {
	flex: 1 1 540px;
	max-width: 900px;
	order: 2;
}

.header-block__item-telephone {
	margin-left: auto;
	order: 3;
}

.header-block__item-cart,
.header-block__item-wishlist,
.header-block__item-compare,
.header-block__item-account {
	order: 4;
}

.header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: 6px;
}

.header-action-btn {
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
	transition: all .2s ease;
	box-shadow: none;
}

.header-action-btn:hover {
	background: rgba(15, 23, 42, 0.04);
	transform: translateY(-1px);
}

.header-action-btn i {
	font-size: 17px;
	color: #0f172a;
}

.header-wishlist__total-items,
.header-compare__total-items {
	top: -6px;
	right: -6px;
	background: var(--accent);
}

.header-block__item-search .form-control,
.header-block__item-search input[type="text"] {
	height: 52px;
	border-radius: 16px !important;
	padding-left: 16px;
	box-shadow: inset 0 0 0 1px #e5e7eb, 0 14px 30px rgba(15, 23, 42, 0.08);
}

.header-block__item-search .input-group-btn .btn {
	border-radius: 14px;
	height: 52px;
	min-width: 52px;
	background: linear-gradient(135deg, #1565ff, #5b8cff);
	color: #fff;
	box-shadow: 0 10px 24px rgba(21,101,255,0.26);
}

/* Catalog CTA in header */
.header-panel .btn,
.header-panel button {
	border-radius: 16px !important;
	font-weight: 800;
	padding: 12px 18px;
	background: linear-gradient(135deg, #ff6a3d, #ff3f6c);
	color: #fff;
	border: none;
	box-shadow: 0 14px 32px rgba(255, 85, 80, 0.28);
	text-transform: uppercase;
	letter-spacing: 0.01em;
}

.header-panel .btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 16px 40px rgba(255, 85, 80, 0.32);
}

.top-menu {
	font-size: 13px;
	padding: 6px 0;
}

.top-menu .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.menu1 {
	border-top: 1px solid #eef1f6;
	box-shadow: none;
}

.menu1 .container {
	padding: 0;
}

.menu1__block,
.menu1 .menu1__wrapper {
	background: linear-gradient(180deg, #ffffff 0%, #f8f9fc 100%);
	border-radius: 16px;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
	overflow: hidden;
	border: 1px solid #eef1f6;
}

.menu1 .menu1__li > a {
	padding: 14px 18px;
	font-weight: 700;
	color: #0f172a;
	display: flex;
	align-items: center;
	gap: 10px;
	border-right: 1px solid #eef1f6;
}

.menu1 .menu1__li:last-child > a {
	border-right: none;
}

.menu1 .menu1__li:hover > a {
	background: linear-gradient(135deg, rgba(21,101,255,0.08), rgba(255,79,139,0.08));
	color: #0b1730;
}

.menu1 .menu1__li i {
	font-size: 16px;
}

@media (max-width: 991px) {
	.menu1__block,
	.menu1 .menu1__wrapper {
		border-radius: 12px;
	}
}
.menu1 .container .row {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	align-items: center;
}

.menu1 .menu1__block {
	width: 100%;
}

.menu.menu1 {
	background: linear-gradient(180deg, #ffffff 0%, #f8f9fc 100%);
	border: 1px solid #eef1f6;
	border-radius: 16px;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.12);
	overflow: hidden;
	position: relative;
}

.menu.menu1::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
	height: 12px;
	background: radial-gradient(ellipse at center, rgba(15,23,42,0.10) 0%, rgba(15,23,42,0) 70%);
	pointer-events: none;
}

.menu.menu1 .menu__collapse {
	display: flex;
	align-items: stretch;
}

.menu.menu1 .menu__level-1-li {
	flex: 1 1 0;
}

.menu.menu1 .menu__level-1-a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 22px;
	font-weight: 700;
	color: #0f172a;
	border-right: 1px solid #eef1f6;
	height: 100%;
	background: transparent;
	transition: all .18s ease;
	font-size: 15px;
}

.menu.menu1 .menu__level-1-li:last-child .menu__level-1-a { border-right: none; }

.menu.menu1 .menu__level-1-a:hover {
	background: linear-gradient(135deg, rgba(21,101,255,0.08), rgba(255,79,139,0.08));
	color: #0b1730;
	transform: translateY(-1px);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.menu.menu1 .menu__level-1-icon,
.menu.menu1 .menu__level-1-a i {
	font-size: 16px;
}

.menu.menu1 .menu__chevron { margin-left: auto; }

.menu.menu1 .menu__level-1-li.active > .menu__level-1-a,
.menu.menu1 .menu__level-1-li:hover > .menu__level-1-a {
	color: #1565ff;
}

@media (max-width: 991px) {
	.header-block { padding: 6px 0; }
	.header-block__item-search { order: 3; flex: 1 1 100%; }
	.header-block__item-telephone { order: 2; margin-left: 0; }
}

/* Mobile-first polish */
@media (max-width: 767px) {
	body { background: #ffffff; }
	header { position: sticky; top: 0; z-index: 999; }
	.header-block {
		gap: 10px;
		align-items: center;
	}
	.header-block__item-logo {
		flex: 0 0 auto;
		max-width: 160px;
	}
	.header-block__item-search {
		order: 4;
		flex: 1 1 100%;
		width: 100%;
	}
	.header-block__item-search .form-control,
	.header-block__item-search input[type="text"] {
		height: 48px;
		font-size: 15px;
	}
	.header-block__item-telephone { display: none; }
	.header-actions {
		order: 3;
		width: auto;
		margin-left: auto;
		gap: 8px;
	}
	.header-action-btn {
		width: 50px;
		height: 50px;
		border-radius: 16px;
		box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
	}
	.menu1 { display: none; }
	#top, .top-menu { display: none; }
	.home-modern { padding-top: 8px; }
	.header-panel { border-radius: 18px; padding: 10px 12px; }
}

@media (max-width: 991px) {
	.home-main { box-shadow: none; border-radius: 16px; padding: 12px 10px; }
	.home-stripes { gap: 8px; }
	.home-hero { padding: 18px 14px 4px; }
}

/* Header rebuilt */
.sticky-header { position: sticky; top: 0; z-index: 1000; }

.mainbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	padding: 12px 0 14px;
	border-bottom: 1px solid var(--header-border);
}
.mainbar__brand {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 0 0 auto;
}
.mainbar__logo-link { display: inline-flex; align-items: center; }
.mainbar__logo-text {
	font-weight: 800;
	font-size: 1.25rem;
	color: #0f172a;
	text-decoration: none;
}
.header-logo__img { max-height: 52px; width: auto; vertical-align: middle; }

.catalog-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 800;
	padding: 0 18px;
	min-height: 48px;
	border-radius: 14px;
	background: linear-gradient(135deg, #ff5a2e, #ff2d6b);
	color: #fff;
	border: none;
	box-shadow: 0 10px 26px rgba(255, 80, 90, 0.35);
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
.catalog-btn i { font-size: 15px; opacity: 0.95; }
.catalog-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 34px rgba(255, 80, 90, 0.4); }

.mainbar__center {
	display: flex;
	align-items: center;
	flex: 1 1 280px;
	min-width: 0;
	gap: 10px;
}

.mainbar__catalog {
	flex: 0 0 auto;
}
.mainbar__search {
	flex: 1 1 0;
	min-width: 0;
	max-width: 100%;
}

.mainbar__extras {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}
.mainbar__phone {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 800;
	color: #0f172a;
	text-decoration: none;
	padding: 8px 14px;
	border-radius: 14px;
	border: 1px solid #e8ecf4;
	background: linear-gradient(180deg, #fafbff 0%, #ffffff 100%);
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
	transition: border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}
.mainbar__phone:hover {
	color: var(--primary);
	border-color: rgba(21, 101, 255, 0.3);
	box-shadow: 0 8px 22px rgba(21, 101, 255, 0.1);
	text-decoration: none;
}
.mainbar__phone i {
	color: var(--primary);
	font-size: 15px;
}
.mainbar__phone-num br { display: none; }

.mainbar .header-search {
	width: 100%;
	min-width: 0;
	display: block;
}
.mainbar .header-search__form {
	display: flex;
	align-items: stretch;
	width: 100%;
	min-width: 220px;
	min-height: 50px;
	border-radius: 14px;
	border: 1px solid #dce3f0;
	background: #fff;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.9);
	overflow: hidden;
	position: relative;
}
.mainbar .header-search__category,
.mainbar .header-search__category.cat-id {
	flex: 0 0 auto;
}
.mainbar .header-search__category-btn {
	height: 100% !important;
	min-height: 48px;
	border-radius: 0 !important;
	border-right: 1px solid #edf1f8;
}
.mainbar .header-search__input {
	flex: 1 1 0% !important;
	min-width: 0 !important;
	width: 1% !important;
	max-width: 100% !important;
	height: 48px !important;
	font-size: 15px !important;
	background: #f8faff !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding-right: 52px !important;
}
.mainbar .header-search__btn {
	height: calc(100% - 8px) !important;
	width: 48px !important;
	right: 4px !important;
	border-radius: 10px !important;
	background: linear-gradient(135deg, #1565ff, #4f8bff) !important;
	color: #fff !important;
	flex: 0 0 auto;
}
.mainbar .header-search__btn:hover {
	filter: brightness(1.05);
}
.mainbar .header-search .search-btn-clear {
	right: 52px;
	z-index: 3;
}

.mainbar__actions {
	display: flex;
	align-items: center;
	gap: 2px;
	flex: 0 0 auto;
	margin-left: 0;
	flex-shrink: 0;
}

@media (max-width: 767px) {
	.mainbar__actions {
		display: none !important;
	}

	.product-thumb__wishlist,
	.product-thumb__compare {
		display: none !important;
	}
}

.mainbar__tool {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	border-radius: 14px;
	text-decoration: none;
	color: #0f172a;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	border: 1px solid transparent;
	transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.mainbar__tool:hover {
	background: #f4f7ff;
	border-color: #e3e9f5;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
	color: #0f172a;
	text-decoration: none;
}
.mainbar__tool-icon {
	position: relative;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 1px solid transparent;
	flex-shrink: 0;
}
.mainbar__tool-icon i { font-size: 18px; color: #0f172a; }
.mainbar__badge {
	position: absolute;
	top: -4px;
	right: -4px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--accent);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	line-height: 18px;
	text-align: center;
}
.mainbar__tool-label { max-width: 76px; }
.mainbar__tool-stack { display: flex; flex-direction: column; gap: 2px; align-items: flex-start; }
.mainbar__tool-sublabel { font-size: 11px; font-weight: 600; color: #6b7280; }
.mainbar__tool--account { padding-right: 14px; }
.mainbar__tool--cart {
	position: relative;
	padding-left: 8px;
	gap: 8px;
}
.mainbar__tool--cart .header-cart { margin: 0; }
.mainbar__tool--cart .header-cart__btn {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 1px solid transparent;
	box-shadow: none;
}
.mainbar__tool--cart .header-cart__icon { font-size: 18px; color: #0f172a; }
.mainbar__tool--cart .header-block__item-caption {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 700;
	color: #0f172a;
	line-height: 1.2;
	max-width: 76px;
	text-align: left;
}

.header-action-btn {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: radial-gradient(circle at 20% 20%, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 60%), linear-gradient(145deg, rgba(21,101,255,0.12), rgba(255,79,139,0.14));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e5e7eb;
	transition: all .16s ease;
	box-shadow: 0 10px 24px rgba(15,23,42,0.10);
	position: relative;
}
.header-action-btn:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 16px 32px rgba(15,23,42,0.14); }
.header-action-btn i { font-size: 17px; color: #0f172a; }
.header-phone { display:inline-flex; align-items:center; gap:6px; color:#0f172a; font-weight:700; }
.header-phone i { color: var(--primary); }
.catbar { background:#ffffff; border-bottom:1px solid #e5e7eb; }
.catbar .container { padding-top:6px; padding-bottom:6px; }

/* ===== Hero Banner ===== */
.hero {
	display:grid;
	grid-template-columns:0.9fr 1.1fr;
	gap:28px;
	background:#fff;
	border-radius:24px;
	padding:28px 26px;
	box-shadow: var(--shadow-soft);
	position:relative;
	margin-bottom:18px;
	align-items:center;
}
.hero::after{
	content:'';
	position:absolute;inset:0;border-radius:24px;
	background: radial-gradient(circle at 78% 18%, rgba(21,101,255,0.10), transparent 38%),
	            radial-gradient(circle at 18% 78%, rgba(255,106,61,0.12), transparent 45%);
	pointer-events:none;
}
.hero__visual{
	position:relative;
	min-height:260px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.hero__visual::before{
	content:'';
	position:absolute;
	inset:12px;
	border-radius:22px;
	background: radial-gradient(circle at 30% 30%, rgba(255,79,139,0.12), transparent 40%),
	            radial-gradient(circle at 80% 70%, rgba(21,101,255,0.12), transparent 45%);
}
.hero-visual__bg{
	position:absolute;
	inset:0;
	background:linear-gradient(135deg, #f3f6ff, #fff);
	border-radius:20px;
	box-shadow:0 20px 50px rgba(15,23,42,0.10);
}
.hero-visual__card{
	position:relative;
	background:#fff;
	border-radius:18px;
	padding:18px;
	box-shadow:0 18px 38px rgba(15,23,42,0.12);
	border:1px solid #e5e7eb;
	max-width:240px;
}
.hero-visual__card--primary{align-self:flex-start;}
.hero-visual__card--accent{align-self:flex-end; margin-top:12px;}
.hero-visual__label{display:inline-block;background:var(--primary);color:#fff;border-radius:10px;padding:6px 10px;font-weight:700;margin-bottom:8px;}
.hero-visual__title{font-weight:700;font-size:18px;margin-bottom:6px;}
.hero-visual__card p{margin:0;color:#4b5563;font-size:14px;}

.hero__content{position:relative; z-index:1;}
.hero__eyebrow{color:var(--accent);font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;}
.hero h1{font-size:34px;line-height:1.18;font-weight:800;margin:0 0 10px;}
.hero p{color:var(--muted);font-size:16px;line-height:1.5;margin:0 0 14px;}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.hero__chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.hero-support{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px;}
.hero-support__item{display:flex;gap:10px;align-items:flex-start;background:#f9fafc;border:1px solid #edf2f7;border-radius:14px;padding:10px 12px;box-shadow:0 10px 24px rgba(15,23,42,0.06);}
.hero-support__item strong{display:block;}
.hero-support__item span{font-size:13px;color:#6b7280;}
.hero-support__item i{color:var(--primary);}

/* ===== Category Showcase ===== */
.category-showcase {margin: 12px auto 20px;}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.section-head h2{margin:0;font-size:22px;font-weight:700;color:#0f172a;}
.section-head .link-all{color:var(--primary);font-weight:700;}
.cat-grid{
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap:14px;
}
.cat-card{
	background:#fff;
	border-radius:16px;
	padding:14px 14px 12px;
	display:flex;
	flex-direction:column;
	gap:8px;
	text-decoration:none;
	color:#0f172a;
	box-shadow:0 14px 32px rgba(15,23,42,0.08);
	border:1px solid #eef1f6;
	transition:all .16s ease;
}
.cat-card__icon{
	width:56px;height:56px;border-radius:14px;
	display:flex;align-items:center;justify-content:center;
	background:linear-gradient(135deg, rgba(21,101,255,0.12), rgba(255,106,61,0.12));
	color:#0f172a;font-size:20px;
}
.cat-card__title{font-weight:700;font-size:15px;line-height:1.3;}
.cat-card__cta{color:var(--primary);font-weight:700;font-size:13px;}
.cat-card:hover{
	transform:translateY(-3px);
	box-shadow:0 20px 50px rgba(15,23,42,0.12);
	border-color:rgba(21,101,255,0.35);
}
.cat-card:hover .cat-card__icon{transform:scale(1.04);}

@media (max-width: 767px){
	.hero{grid-template-columns:1fr; padding:22px 18px;}
	.cat-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
	.hero__cta{gap:10px;}
}
/* ===== Premium Header & Category Strip ===== */
.sticky-header { position: sticky; top: 0; z-index: 1000; }
.service-bar {
	background: #f7f8fb;
	border-bottom: 1px solid #e5e7eb;
	font-size: 13px;
	color: #4b5563;
}
.service-bar__inner {
	display: flex; justify-content: space-between; align-items: center;
	gap: 12px; padding: 6px 0;
}
.service-bar__links a { margin-right: 14px; color: #4b5563; }
.service-bar__links a:last-child { margin-right: 0; }
.service-bar__links a:hover { color: var(--primary); }
.service-bar__meta { display: inline-flex; gap: 10px; align-items: center; }

.header-shell { padding: 8px 0; }

.menu.menu1 {
	background: #fff;
	border: 1px solid #eef1f6;
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(15,23,42,0.08);
	overflow: hidden;
	position: relative;
}
.menu.menu1::after {
	content:''; position:absolute; left:0; right:0; bottom:-6px; height:10px;
	background: radial-gradient(ellipse at center, rgba(15,23,42,0.08) 0%, rgba(15,23,42,0) 70%);
	pointer-events:none;
}
.menu.menu1 .menu__collapse { display:flex; align-items:stretch; }
.menu.menu1 .menu__level-1-li { flex:1 1 0; }
.menu.menu1 .menu__level-1-a {
	display:flex; align-items:center; gap:10px;
	padding:14px 18px; font-weight:700; font-size:15px;
	color:#0f172a; border-right:1px solid #eef1f6; height:100%;
	background:transparent; transition:all .16s ease;
}
.menu.menu1 .menu__level-1-li:last-child .menu__level-1-a { border-right:none; }
.menu.menu1 .menu__level-1-a:hover,
.menu.menu1 .menu__level-1-li.active > .menu__level-1-a {
	background: linear-gradient(135deg, rgba(21,101,255,0.08), rgba(255,79,139,0.08));
	color:#0b1730;
}
.menu.menu1 .menu__level-1-icon,
.menu.menu1 .menu__level-1-a i { font-size:16px; }
.menu.menu1 .menu__chevron { margin-left:auto; }

/* ===== Marketplace hero & first screen (production) ===== */
.home-modern { padding-top: 8px; }

.mp-hero { margin-bottom: 12px; }
.mp-hero__shell {
	background: linear-gradient(135deg, #f8faff 0%, #ffffff 42%, #f3f6ff 100%);
	border: 1px solid #e4e9f5;
	border-radius: 22px;
	box-shadow: 0 20px 56px rgba(15, 23, 42, 0.1);
	overflow: hidden;
	max-width: 1040px;
	margin: 0 auto;
}
.mp-hero__main {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	align-items: stretch;
}
.mp-hero__copy { display: none; }
.mp-hero__top {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mp-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
	background: linear-gradient(90deg, #ff4f8b, #ff6a3d);
	padding: 6px 12px;
	border-radius: 999px;
	box-shadow: 0 8px 22px rgba(255, 79, 139, 0.35);
}
.mp-hero__live {
	font-size: 12px;
	font-weight: 600;
	color: #475569;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.mp-hero__pulse {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
	box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5);
	animation: mp-pulse 2s ease-out infinite;
}
@keyframes mp-pulse {
	0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.45); }
	70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }
	100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
.mp-hero__title {
	margin: 0;
	font-size: clamp(26px, 3.2vw, 40px);
	line-height: 1.14;
	font-weight: 800;
	color: #0b1220;
	letter-spacing: -0.02em;
	max-width: 22ch;
}

.mp-hero__lead {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.55;
	color: #4b5563;
	max-width: 42ch;
}
.mp-hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 4px;
}
.mp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 22px;
	border-radius: 14px;
	font-size: 15px;
	font-weight: 800;
	text-decoration: none;
	transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
	border: 2px solid transparent;
}
.mp-btn i {
	font-size: 14px;
}

.mp-btn span {
	white-space: nowrap;
}

.mp-btn--primary {
	background: linear-gradient(135deg, #1565ff, #3b7cff);
	color: #fff;
	box-shadow: 0 14px 34px rgba(21, 101, 255, 0.38);
}
.mp-btn--primary:hover {
	transform: translateY(-2px);
	filter: brightness(1.04);
	color: #fff;
	text-decoration: none;
	box-shadow: 0 18px 42px rgba(21, 101, 255, 0.45);
}
.mp-btn--outline {
	background: #fff;
	color: #0f172a;
	border-color: #d5deef;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}
.mp-btn--outline:hover {
	border-color: var(--primary);
	color: var(--primary);
	text-decoration: none;
	transform: translateY(-2px);
}
.mp-hero__benefits {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
	margin-top: 2px;
}

.mp-benefit {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 650;
	color: #475569;
}

.mp-benefit i {
	width: 18px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #0f172a;
}

@media (max-width: 575px) {
	.mp-hero__title { max-width: 18ch; }
	.mp-hero__lead { max-width: 48ch; }
	.mp-hero__benefits { gap: 8px 12px; }
}
.mp-hero__visual {
	position: relative;
	padding: 16px 18px 18px;
	min-height: 260px;
	background: linear-gradient(160deg, #0f172a 0%, #1e3a5f 48%, #2563eb 100%);
}

@keyframes mp-hero-bg-drift {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.mp-hero__visual {
	background-size: 180% 180%;
	animation: mp-hero-bg-drift 16s ease-in-out infinite;
}
.mp-hero__visual-inner {
	position: relative;
	height: 100%;
	min-height: 240px;
}
.mp-hero__promo {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 4;
	background: rgba(255, 255, 255, 0.97);
	border-radius: 16px;
	padding: 12px 16px 14px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.5);
	max-width: 200px;
}
.mp-hero__promo-kicker {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
	margin-bottom: 4px;
}
.mp-hero__promo-value {
	font-size: 28px;
	font-weight: 800;
	line-height: 1;
	color: #dc2626;
	letter-spacing: -0.03em;
}
.mp-hero__promo-note {
	font-size: 12px;
	font-weight: 600;
	color: #334155;
	margin-top: 6px;
	line-height: 1.35;
}
.mp-collage {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr 0.85fr;
	grid-template-rows: 1fr 0.75fr;
	gap: 10px;
	height: 100%;
	min-height: 240px;
	padding-top: 44px;
	padding-left: 6px;
	position: relative;
	z-index: 2;
}
.mp-collage__tile {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: #0b1220;
	will-change: transform;
	transform: translate3d(0, 0, 0);
}

@keyframes mp-float-y {
	0%, 100% { transform: translate3d(0, 0, 0); }
	50% { transform: translate3d(0, -6px, 0); }
}

.mp-collage__tile {
	animation: mp-float-y 6.5s ease-in-out infinite;
}

.mp-collage__tile--1 { animation-duration: 7.2s; animation-delay: -1.4s; }
.mp-collage__tile--2 { animation-duration: 6.4s; animation-delay: -2.2s; }
.mp-collage__tile--3 { animation-duration: 6.8s; animation-delay: -3.0s; }
.mp-collage__tile--4 { animation-duration: 7.0s; animation-delay: -2.6s; }
.mp-collage__tile--5 { animation-duration: 6.2s; animation-delay: -1.8s; }

.mp-hero__promo {
	will-change: transform;
	animation: mp-float-y 7.6s ease-in-out infinite;
	animation-delay: -1.2s;
}

@media (prefers-reduced-motion: reduce) {
	.mp-hero__visual,
	.mp-collage__tile,
	.mp-hero__promo {
		animation: none !important;
	}
	.mp-collage__tile img {
		transition: none !important;
	}
}
.mp-collage__tile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1.02);
	transition: transform 0.35s ease;
}
.mp-collage__tile:hover img {
	transform: scale(1.08);
}
.mp-collage__tag {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 11px;
	font-weight: 800;
	color: #fff;
	background: rgba(15, 23, 42, 0.72);
	backdrop-filter: blur(8px);
	padding: 5px 10px;
	border-radius: 999px;
	letter-spacing: 0.02em;
}
.mp-collage__tile--1 {
	grid-row: 1 / span 2;
	grid-column: 1;
}
.mp-collage__tile--2 {
	grid-column: 2;
	grid-row: 1;
}
.mp-collage__tile--3 {
	grid-column: 3;
	grid-row: 1;
}
.mp-collage__tile--4 {
	grid-column: 2;
	grid-row: 2;
}
.mp-collage__tile--5 {
	grid-column: 3;
	grid-row: 2;
}
.mp-hero__trust {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	padding: 12px 14px 14px;
	background: #fff;
	border-top: 1px solid #e8ecf4;
}
.mp-trust {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 12px;
	border-radius: 14px;
	text-decoration: none;
	color: inherit;
	background: linear-gradient(180deg, #fafbff 0%, #ffffff 100%);
	border: 1px solid #e8ecf4;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
	transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
	min-height: 100%;
}
.mp-trust:hover {
	border-color: rgba(21, 101, 255, 0.35);
	box-shadow: 0 12px 28px rgba(21, 101, 255, 0.12);
	transform: translateY(-2px);
	text-decoration: none;
	color: inherit;
}
.mp-trust__icon {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: linear-gradient(135deg, rgba(21, 101, 255, 0.12), rgba(255, 106, 61, 0.15));
	color: var(--primary);
	font-size: 16px;
}
.mp-trust__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.mp-trust__body strong {
	font-size: 13px;
	font-weight: 800;
	color: #0f172a;
	line-height: 1.25;
}
.mp-trust__body span {
	font-size: 11px;
	font-weight: 600;
	color: #64748b;
	line-height: 1.35;
}

.mp-rail {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 18px;
}
.mp-rail__item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 12px;
	border-radius: 14px;
	font-size: 14px;
	font-weight: 700;
	color: #0f172a;
	background: #fff;
	border: 1px solid #e8ecf4;
	box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
	text-decoration: none;
	transition: all 0.16s ease;
}
.mp-rail__item i {
	color: var(--primary);
	font-size: 16px;
}
.mp-rail__item:hover {
	border-color: var(--primary);
	color: var(--primary);
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 14px 32px rgba(21, 101, 255, 0.12);
}

.catbar .main-menu { margin: 0; }
.catbar .menu-wrapper { width: 100%; padding: 0; }

@media (max-width: 1199px) {
	.mainbar__tool-label,
	.mainbar__tool-stack,
	.mainbar__tool--cart .header-block__item-caption {
		display: none;
	}
	.mainbar__tool { padding: 6px 8px; }
	.mainbar__tool--account { padding: 6px 8px; }
}

@media (max-width: 991px) {
	.mp-hero__main {
		grid-template-columns: 1fr;
	}
	.mp-hero__visual {
		min-height: 280px;
		padding: 16px;
		order: -1;
	}
	.mp-hero__copy {
		padding: 22px 20px 20px;
	}
	.mp-collage {
		min-height: 260px;
		padding-top: 52px;
	}
	.mp-hero__trust {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.mp-rail {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.mainbar {
		flex-wrap: wrap;
		gap: 10px;
	}
	.mainbar__brand {
		flex: 1 1 auto;
		min-width: 0;
	}
	.mainbar__catalog {
		display: none !important;
	}
	.mainbar__center {
		flex: 1 1 100%;
		order: 3;
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}
	.mainbar__extras {
		order: 2;
		width: auto;
		margin-left: auto;
		justify-content: flex-end;
		margin-top: 0;
	}
	.mainbar__phone {
		font-size: 13px;
		padding: 6px 10px;
	}
	.mainbar__search {
		flex: 1 1 auto;
		min-width: 0;
		width: 100%;
		order: 0;
	}
	.mainbar .header-search__form {
		min-width: 0;
	}
	.mainbar__actions {
		margin-left: 0;
		flex-wrap: wrap;
		justify-content: flex-start;
		max-width: 100%;
		order: 1;
		width: 100%;
	}
	.mp-hero__trust {
		grid-template-columns: 1fr;
	}
	.mp-collage {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
	}
	.mp-collage__tile--1 { grid-row: auto; grid-column: 1 / -1; min-height: 180px; }
	.mp-collage__tile--2 { grid-column: 1; grid-row: auto; min-height: 120px; }
	.mp-collage__tile--3 { grid-column: 2; grid-row: auto; min-height: 120px; }
	.mp-collage__tile--4 { grid-column: 1; grid-row: auto; min-height: 120px; }
	.mp-collage__tile--5 { grid-column: 2; grid-row: auto; min-height: 120px; }
}

/* ========== Home: premium slideshow (uni_slideshow_v2) + category carousel ========== */
.home-modern .home-main--flush {
	padding-top: 18px;
	padding-bottom: 8px;
}

.home-modern .uni-slideshow_v2.mp-home-slideshow {
	margin: 0 0 28px;
	border: none;
	border-radius: 22px;
	overflow: hidden;
	background: #0b1220;
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__item {
	border-radius: 22px;
	background: #0b1220;
	min-height: 320px;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__image.text-over-image {
	position: relative;
	min-height: inherit;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__image.text-over-image img {
	width: 100%;
	height: 100%;
	min-height: 360px;
	max-height: none;
	object-fit: cover;
	object-position: center top;
	display: block;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__description.text-over-image {
	position: absolute;
	left: 0;
	right: auto;
	top: 0;
	bottom: 0;
	width: min(100%, 520px);
	max-width: 92%;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: flex-end;
	background: none !important;
	border: none !important;
	text-shadow: none;
	z-index: 5;
}

.home-modern .mp-home-slideshow .mp-slide__panel-inner {
	width: 100%;
	padding: 28px 28px 32px;
	background: linear-gradient(180deg, rgba(6, 11, 26, 0.1) 0%, rgba(6, 11, 26, 0.75) 55%, rgba(6, 11, 26, 0.92) 100%);
	border-radius: 0 0 0 22px;
	backdrop-filter: blur(10px);
}

.home-modern .mp-home-slideshow .mp-slide__brand {
	margin: 0 0 12px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.85);
}

.home-modern .mp-home-slideshow .mp-slide__brand-text {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__title.mp-slide__title {
	margin: 0 0 10px;
	font-size: clamp(1.35rem, 2.4vw, 2.15rem);
	font-weight: 800;
	line-height: 1.12;
	color: #fff;
	text-transform: none;
	letter-spacing: -0.02em;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__text.mp-slide__lede {
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.88);
	max-width: 36em;
}

.home-modern .mp-home-slideshow .mp-slide__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	text-align: left;
}

.home-modern .mp-home-slideshow .mp-slide__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 22px;
	border-radius: 14px;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	border: 2px solid transparent;
	transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, color 0.16s ease;
}

.home-modern .mp-home-slideshow .mp-slide__btn--primary {
	background: linear-gradient(135deg, #1565ff, #4f8bff);
	color: #fff !important;
	box-shadow: 0 14px 32px rgba(21, 101, 255, 0.45);
}

.home-modern .mp-home-slideshow .mp-slide__btn--primary:hover {
	transform: translateY(-2px);
	color: #fff !important;
	text-decoration: none;
	box-shadow: 0 18px 40px rgba(21, 101, 255, 0.5);
}

.home-modern .mp-home-slideshow .mp-slide__btn--ghost {
	background: rgba(255, 255, 255, 0.1);
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.35);
}

.home-modern .mp-home-slideshow .mp-slide__btn--ghost:hover {
	background: rgba(255, 255, 255, 0.18);
	color: #fff !important;
	text-decoration: none;
	transform: translateY(-2px);
}

/* Split layout slides (text beside image) */
.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) {
	display: grid !important;
	grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
	align-items: stretch;
	min-height: 380px;
	background: linear-gradient(135deg, #f8faff 0%, #ffffff 50%);
	justify-content: stretch;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .uni-slideshow_v2__image {
	flex: none !important;
	min-width: 0 !important;
	padding: 0 !important;
	grid-column: 1;
	grid-row: 1;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .uni-slideshow_v2__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 380px;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .uni-slideshow_v2__description {
	position: relative !important;
	grid-column: 2;
	grid-row: 1;
	width: 100% !important;
	flex: none !important;
	display: flex;
	align-items: center;
	padding: 32px 28px !important;
	background: transparent !important;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .mp-slide__panel-inner {
	padding: 0;
	background: transparent;
	backdrop-filter: none;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .mp-slide__brand-text {
	background: rgba(21, 101, 255, 0.08);
	border-color: rgba(21, 101, 255, 0.15);
	color: #1e3a8a;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .mp-slide__brand {
	color: #475569;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .uni-slideshow_v2__title {
	color: #0b1220;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .uni-slideshow_v2__text {
	color: #475569;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .mp-slide__btn--primary {
	color: #fff !important;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .mp-slide__btn--ghost {
	background: #fff;
	color: #0f172a !important;
	border-color: #dce3f0;
}

.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .mp-slide__btn--ghost:hover {
	color: var(--primary) !important;
	border-color: var(--primary);
}

/* Owl nav & dots */
.home-modern .mp-home-slideshow .owl-nav {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	z-index: 8;
	padding: 0 12px;
}

.home-modern .mp-home-slideshow .owl-nav button {
	pointer-events: auto;
	width: 48px;
	height: 48px;
	border-radius: 14px !important;
	background: rgba(255, 255, 255, 0.95) !important;
	border: 1px solid rgba(15, 23, 42, 0.08) !important;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.15);
	color: #0f172a !important;
	font-size: 16px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
	opacity: 1 !important;
}

.home-modern .mp-home-slideshow .owl-nav button:hover {
	transform: scale(1.06);
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.2);
	background: #fff !important;
}

.home-modern .mp-home-slideshow .owl-dots {
	position: absolute;
	bottom: 16px;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	gap: 8px;
	z-index: 8;
	height: auto;
	margin: 0;
	padding: 0;
}

.home-modern .mp-home-slideshow .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 0 !important;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.45) !important;
	transition: width 0.2s ease, background 0.2s ease;
}

.home-modern .mp-home-slideshow .owl-dot.active span {
	width: 26px;
	background: #fff !important;
}

.home-modern .mp-owl__ic {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Category carousel */
.home-modern .mp-category-carousel {
	margin: 0 0 28px;
	padding: 4px 0 8px;
}

.home-modern .mp-category-carousel .mp-cat-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e8ecf4;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
	text-decoration: none;
	color: inherit;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.home-modern .mp-category-carousel .mp-cat-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 50px rgba(15, 23, 42, 0.14);
	border-color: rgba(21, 101, 255, 0.28);
	text-decoration: none;
	color: inherit;
}

.home-modern .mp-category-carousel .mp-cat-card__media {
	position: relative;
	aspect-ratio: 1 / 1;
	background: linear-gradient(180deg, #f1f5f9 0%, #e8eef7 100%);
	overflow: hidden;
}

.home-modern .mp-category-carousel .mp-cat-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.35s ease;
}

.home-modern .mp-category-carousel .mp-cat-card:hover .mp-cat-card__media img {
	transform: scale(1.06);
}

.home-modern .mp-category-carousel .mp-cat-card__body {
	padding: 14px 16px 16px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	background: linear-gradient(180deg, #ffffff 0%, #fafbff 100%);
}

.home-modern .mp-category-carousel .mp-cat-card__name {
	font-size: 15px;
	font-weight: 800;
	color: #0f172a;
	line-height: 1.25;
	letter-spacing: -0.01em;
}

.home-modern .mp-category-carousel .mp-cat-card__cta {
	font-size: 12px;
	font-weight: 700;
	color: var(--primary);
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.home-modern .mp-category-carousel .mp-cat-card__cta i {
	font-size: 11px;
	transition: transform 0.2s ease;
}

.home-modern .mp-category-carousel .mp-cat-card:hover .mp-cat-card__cta i {
	transform: translateX(3px);
}

.home-modern .mp-category-carousel .owl-nav {
	position: absolute;
	top: 42%;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	pointer-events: none;
	padding: 0 4px;
	margin-top: -24px;
}

.home-modern .mp-category-carousel .owl-nav button {
	pointer-events: auto;
	width: 42px;
	height: 42px;
	border-radius: 12px !important;
	background: #fff !important;
	border: 1px solid #e8ecf4 !important;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
	color: #0f172a !important;
	opacity: 1 !important;
}

.home-modern .mp-category-carousel .owl-dots {
	text-align: center;
	margin-top: 14px;
}

.home-modern .mp-category-carousel .owl-dot span {
	background: #cbd5e1 !important;
}

.home-modern .mp-category-carousel .owl-dot.active span {
	background: var(--primary) !important;
}

.home-modern .mp-category-carousel.owl-carousel {
	position: relative;
	padding: 0 44px;
}

@media (max-width: 767px) {
	.home-modern .mp-home-slideshow .uni-slideshow_v2__description.text-over-image {
		width: 100%;
		max-width: 100%;
		align-items: flex-end;
	}
	.home-modern .mp-home-slideshow .mp-slide__panel-inner {
		border-radius: 0;
		padding: 20px 18px 24px;
	}
	.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) {
		grid-template-columns: 1fr;
		min-height: 0;
	}
	.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .uni-slideshow_v2__image {
		grid-column: 1;
		grid-row: 1;
		max-height: 260px;
	}
	.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .uni-slideshow_v2__image img {
		min-height: 220px;
		max-height: 280px;
	}
	.home-modern .mp-home-slideshow .uni-slideshow_v2__item:not(.text-over-image) .uni-slideshow_v2__description {
		grid-column: 1;
		grid-row: 2;
		padding: 20px 18px 24px !important;
	}
	.home-modern .mp-home-slideshow .owl-nav button {
		width: 42px;
		height: 42px;
	}
	.home-modern .mp-category-carousel.owl-carousel {
		padding: 0 36px;
	}
}

@media (max-width: 575px) {
	.home-modern .mp-home-slideshow .uni-slideshow_v2__btns.mp-slide__actions,
	.home-modern .mp-home-slideshow .mp-slide__actions {
		display: flex !important;
		margin: 0 !important;
	}
	.home-modern .mp-home-slideshow .mp-slide__actions {
		flex-direction: column;
		align-items: stretch;
	}
	.home-modern .mp-home-slideshow .mp-slide__btn {
		width: 100%;
	}
	.home-modern .mp-home-slideshow .uni-slideshow_v2__text.mp-slide__lede {
		display: block !important;
	}
}

/* -------------------------------------------------------------------------- */
/* Marketplace product cards (grid + modules): Ozon/WB-style                 */
/* -------------------------------------------------------------------------- */

.products-block.row-flex > .product-layout.grid-view,
.products-block.row-flex > .product-layout.list-view {
	display: flex;
}

.products-block.row-flex > .product-layout.grid-view > .product-thumb,
.products-block.row-flex > .product-layout.list-view > .product-thumb {
	width: 100%;
}

.product-thumb.uni-item {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--card);
	border: 1px solid #e8ecf4;
	border-radius: 20px !important;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
	overflow: hidden;
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.product-thumb.uni-item:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 48px rgba(15, 23, 42, 0.12);
	border-color: rgba(21, 101, 255, 0.18);
}

/* —— Image zone (grid + carousel modules, not list/compact) —— */
.product-layout.grid-view .product-thumb__image,
.uni-module .product-thumb__image {
	position: relative;
	z-index: 1;
	margin: 0 !important;
	padding: 14px 14px 0 !important;
	background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
	border-bottom: none;
}

.product-layout.grid-view .product-thumb__image > a,
.uni-module .product-thumb__image > a {
	display: block;
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 14px;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.product-layout.grid-view .product-thumb__image img,
.uni-module .product-thumb__image img {
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: contain;
	object-position: center;
	transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.product-layout.grid-view .product-thumb:hover .product-thumb__image img,
.uni-module .product-thumb:hover .product-thumb__image img {
	transform: scale(1.05);
}

.product-layout.grid-view .product-thumb__image .sticker,
.uni-module .product-thumb__image .sticker {
	top: 18px;
	left: 18px;
	right: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	z-index: 3;
	pointer-events: none;
}

.product-layout.grid-view .product-thumb__image .sticker__item,
.uni-module .product-thumb__image .sticker__item {
	position: static;
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1.2;
	border-radius: 8px;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
	text-transform: uppercase;
}

/* —— Caption: typography & spacing —— */
.product-layout.grid-view .product-thumb__caption,
.uni-module .product-thumb__caption {
	padding: 12px 14px 16px !important;
	gap: 0;
	flex: 1 1 auto;
}

.product-layout.grid-view .product-thumb__name,
.uni-module .product-thumb__name {
	order: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 0 0 8px !important;
	padding: 0 !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: -0.01em;
	color: #0f172a;
	min-height: calc(1.35em * 2);
	text-decoration: none;
	transition: color 0.15s ease;
}

.product-layout.grid-view .product-thumb__name:hover,
.uni-module .product-thumb__name:hover {
	color: var(--primary);
}

/* Hide noisy SKU on grid cards (still on product page / list if needed) */
.product-layout.grid-view .product-thumb__model,
.uni-module .product-thumb__model {
	display: none !important;
}

.product-layout.grid-view .product-thumb__rating,
.uni-module .product-thumb__rating {
	margin: 0 0 8px !important;
	font-size: 13px;
	font-weight: 600;
	color: #475569;
}

.product-layout.grid-view .product-thumb__rating .fa-star,
.uni-module .product-thumb__rating .fa-star {
	color: #f59e0b;
	font-size: 12px;
}

.product-layout.grid-view .product-thumb__rating-text,
.uni-module .product-thumb__rating-text {
	font-weight: 600;
	color: #64748b;
	font-size: 12px;
}

/* —— Stock status —— */
.mp-stock {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	color: #475569;
	line-height: 1.2;
}

.mp-stock__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
	background: #94a3b8;
	box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.25);
}

.mp-stock--lvl-5 .mp-stock__dot,
.mp-stock--lvl-4 .mp-stock__dot {
	background: #16a34a;
	box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.22);
}

.mp-stock--lvl-3 .mp-stock__dot {
	background: #ca8a04;
	box-shadow: 0 0 0 3px rgba(202, 138, 4, 0.22);
}

.mp-stock--lvl-2 .mp-stock__dot {
	background: #ea580c;
	box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.2);
}

.mp-stock--lvl-1 .mp-stock__dot {
	background: #dc2626;
	box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.22);
}

.mp-stock__label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

/* —— Price row —— */
.product-layout.grid-view .product-thumb__price,
.uni-module .product-thumb__price {
	margin: 0 0 4px !important;
	font-size: inherit !important;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 10px;
}

.product-layout.grid-view .product-thumb__price .price-new,
.uni-module .product-thumb__price .price-new {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #0f172a !important;
	line-height: 1.1;
}

.product-layout.grid-view .product-thumb__price .price-old,
.uni-module .product-thumb__price .price-old {
	font-size: 14px;
	font-weight: 600;
	color: #94a3b8 !important;
	text-decoration: line-through;
	order: 3;
	width: 100%;
	margin: 0 !important;
}

.product-layout.grid-view .product-thumb__price:not(:has(.price-new)),
.uni-module .product-thumb__price:not(:has(.price-new)) {
	font-size: 22px !important;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #0f172a;
	line-height: 1.1;
}

.product-layout.grid-view .product-thumb__price:has(.price-new) .price-new,
.uni-module .product-thumb__price:has(.price-new) .price-new {
	color: #dc2626 !important;
}

.product-layout.grid-view .price-tax,
.uni-module .price-tax {
	font-size: 11px;
	color: #94a3b8;
	margin: 0 0 6px;
}

/* —— Cart row: CTA + stepper —— */
.product-layout.grid-view .product-thumb__cart,
.uni-module .product-thumb__cart {
	position: relative;
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 8px;
	margin: auto 0 0 !important;
	padding-top: 10px;
	border-top: 1px solid #f1f5f9;
}

.product-layout.grid-view .product-thumb .mp-qty-stepper,
.uni-module .product-thumb .mp-qty-stepper {
	display: flex !important;
	flex-direction: row;
	align-items: stretch;
	flex: 0 0 auto;
	margin: 0 !important;
	float: none !important;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e2e8f0;
	background: #fff;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.product-layout.grid-view .product-thumb .mp-qty-stepper__btns,
.uni-module .product-thumb .mp-qty-stepper__btns {
	display: contents;
}

.product-layout.grid-view .product-thumb .mp-qty-stepper .qty-switch__input,
.uni-module .product-thumb .mp-qty-stepper .qty-switch__input {
	order: 2;
	width: 44px !important;
	min-width: 44px;
	height: 44px !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	border: none !important;
	border-left: 1px solid #e2e8f0 !important;
	border-right: 1px solid #e2e8f0 !important;
	border-radius: 0 !important;
	background: #f8fafc;
	line-height: 44px;
}

.product-layout.grid-view .product-thumb .mp-qty-stepper .qty-switch__btn,
.uni-module .product-thumb .mp-qty-stepper .qty-switch__btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 44px !important;
	min-width: 44px;
	height: 44px !important;
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1 !important;
	color: #334155 !important;
	background: #fff !important;
	border: none !important;
	border-radius: 0 !important;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.product-layout.grid-view .product-thumb .mp-qty-stepper .mp-qty-minus,
.uni-module .product-thumb .mp-qty-stepper .mp-qty-minus {
	order: 1;
}

.product-layout.grid-view .product-thumb .mp-qty-stepper .mp-qty-plus,
.uni-module .product-thumb .mp-qty-stepper .mp-qty-plus {
	order: 3;
}

.product-layout.grid-view .product-thumb .mp-qty-stepper .qty-switch__btn:hover,
.uni-module .product-thumb .mp-qty-stepper .qty-switch__btn:hover {
	background: #f1f5f9 !important;
	color: var(--primary) !important;
}

.product-layout.grid-view .product-thumb__add-to-cart,
.uni-module .product-thumb__add-to-cart {
	flex: 1 1 120px;
	min-height: 44px !important;
	height: auto !important;
	padding: 0 14px !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: 0.01em;
	border-radius: 12px !important;
	border: none !important;
	background: linear-gradient(180deg, #ff6a2e 0%, #f54900 100%) !important;
	color: #fff !important;
	box-shadow: 0 10px 24px rgba(245, 73, 0, 0.35);
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.product-layout.grid-view .product-thumb__add-to-cart:hover,
.uni-module .product-thumb__add-to-cart:hover {
	filter: brightness(1.05);
	transform: translateY(-1px);
	box-shadow: 0 14px 32px rgba(245, 73, 0, 0.4);
}

.product-layout.grid-view .product-thumb__add-to-cart:active,
.uni-module .product-thumb__add-to-cart:active {
	transform: translateY(0);
}

.product-layout.grid-view .product-thumb__add-to-cart i,
.uni-module .product-thumb__add-to-cart i {
	font-size: 16px;
}

.product-layout.grid-view .product-thumb__quick-order,
.uni-module .product-thumb__quick-order {
	position: static !important;
	opacity: 1 !important;
	width: 44px !important;
	min-width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 12px !important;
	border: 1px solid #e2e8f0 !important;
	background: #fff !important;
	color: #334155 !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.product-layout.grid-view .product-thumb__quick-order:hover,
.uni-module .product-thumb__quick-order:hover {
	border-color: var(--primary) !important;
	color: var(--primary) !important;
	box-shadow: 0 4px 14px rgba(21, 101, 255, 0.15);
}

.product-layout.grid-view .product-thumb__quick-order span,
.uni-module .product-thumb__quick-order span {
	display: none !important;
}

/* Wishlist / compare: premium icon chips (anchored to card top-right over media) */
.product-layout.grid-view .product-thumb__wishlist,
.product-layout.grid-view .product-thumb__compare,
.uni-module .product-thumb__wishlist,
.uni-module .product-thumb__compare {
	top: 18px !important;
	right: 18px !important;
	width: 40px !important;
	height: 40px !important;
	font-size: 15px !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, 0.92) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(226, 232, 240, 0.9) !important;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.1);
	color: #475569 !important;
	z-index: 5;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-4px);
	transition: opacity 0.2s ease, transform 0.2s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.product-layout.grid-view .product-thumb__wishlist:not(.hidden) + .product-thumb__compare,
.uni-module .product-thumb__wishlist:not(.hidden) + .product-thumb__compare {
	top: 66px !important;
}

.product-layout.grid-view .product-thumb:hover .product-thumb__wishlist,
.product-layout.grid-view .product-thumb:hover .product-thumb__compare,
.uni-module .product-thumb:hover .product-thumb__wishlist,
.uni-module .product-thumb:hover .product-thumb__compare {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.product-layout.grid-view .product-thumb__wishlist:hover,
.product-layout.grid-view .product-thumb__compare:hover,
.uni-module .product-thumb__wishlist:hover,
.uni-module .product-thumb__compare:hover {
	color: var(--primary) !important;
	border-color: rgba(21, 101, 255, 0.35) !important;
}

@media (max-width: 991px) {
	.product-layout.grid-view .product-thumb__wishlist,
	.product-layout.grid-view .product-thumb__compare,
	.uni-module .product-thumb__wishlist,
	.uni-module .product-thumb__compare {
		opacity: 1;
		pointer-events: auto;
		transform: none;
	}
}

/* —— List view: readable SKU, horizontal image —— */
.product-layout.list-view .product-thumb__model {
	display: block !important;
	font-size: 11px !important;
	color: #94a3b8 !important;
	margin: 0 0 8px !important;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-layout.list-view .product-thumb__model:before {
	display: none !important;
	content: none !important;
	margin: 0 !important;
}

.product-layout.list-view .product-thumb__name {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 0;
}

.product-layout.list-view .product-thumb__image {
	padding: 10px !important;
	background: #f8fafc;
	border-radius: 16px;
	margin: 0 !important;
}

.product-layout.list-view .product-thumb__image > a {
	display: block;
	aspect-ratio: 1 / 1;
	max-width: 200px;
	margin: 0 auto;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}

.product-layout.list-view .product-thumb__image img {
	object-fit: contain !important;
	width: 100%;
	height: 100%;
}

.product-layout.list-view .product-thumb .mp-qty-stepper {
	flex-direction: row;
	margin: 0 12px 0 0 !important;
	float: none !important;
}

.product-layout.list-view .product-thumb .mp-qty-stepper__btns {
	display: contents;
}

.product-layout.list-view .product-thumb .mp-qty-stepper .qty-switch__input {
	order: 2;
	width: 40px !important;
	height: 40px !important;
	border-radius: 0 !important;
	border: 1px solid #e2e8f0 !important;
}

.product-layout.list-view .product-thumb .mp-qty-stepper .qty-switch__btn {
	width: 40px !important;
	height: 40px !important;
	border: 1px solid #e2e8f0 !important;
}

.product-layout.list-view .product-thumb .mp-qty-minus {
	order: 1;
}

.product-layout.list-view .product-thumb .mp-qty-plus {
	order: 3;
}

/* —— Compact row: keep theme layout, light polish —— */
.product-layout.compact-view .product-thumb.uni-item {
	border-radius: 14px !important;
}

.product-layout.compact-view .product-thumb__model {
	font-size: 11px;
	color: #94a3b8;
}

/* Theme overrides: restore cart icon + qty width on tablets (stylesheet hides icon <1199px) */
@media (max-width: 1199px) {
	.product-layout.grid-view .product-thumb .qty-switch__input,
	.uni-module .product-thumb .qty-switch__input {
		width: 44px !important;
		min-width: 44px !important;
	}

	.product-layout.grid-view .product-thumb__add-to-cart i,
	.uni-module .product-thumb__add-to-cart i {
		display: inline-block !important;
	}
}

/* —— Mobile grid —— */
@media (max-width: 767px) {
	.product-layout.grid-view .product-thumb__price .price-new,
	.uni-module .product-thumb__price .price-new,
	.product-layout.grid-view .product-thumb__price:not(:has(.price-new)),
	.uni-module .product-thumb__price:not(:has(.price-new)) {
		font-size: 19px !important;
	}

	.product-layout.grid-view .product-thumb__caption,
	.uni-module .product-thumb__caption {
		padding: 10px 12px 14px !important;
	}

	.product-layout.grid-view .product-thumb__cart,
	.uni-module .product-thumb__cart {
		gap: 6px;
	}

	.product-layout.grid-view .product-thumb .mp-qty-stepper .qty-switch__input,
	.uni-module .product-thumb .mp-qty-stepper .qty-switch__input,
	.product-layout.grid-view .product-thumb .mp-qty-stepper .qty-switch__btn,
	.uni-module .product-thumb .mp-qty-stepper .qty-switch__btn {
		width: 40px !important;
		min-width: 40px;
		height: 40px !important;
		line-height: 40px !important;
	}

	.product-layout.grid-view .product-thumb__add-to-cart,
	.uni-module .product-thumb__add-to-cart {
		flex: 1 1 100%;
		order: -1;
	}

	.product-layout.grid-view .product-thumb .mp-qty-stepper,
	.uni-module .product-thumb .mp-qty-stepper {
		flex: 1 1 auto;
		justify-content: center;
	}

	.product-layout.grid-view .product-thumb__quick-order,
	.uni-module .product-thumb__quick-order {
		flex: 1 1 100%;
		order: 20;
		width: auto !important;
		min-width: 0 !important;
		justify-content: center;
		gap: 8px;
		padding: 0 14px !important;
	}

	.product-layout.grid-view .product-thumb__quick-order:after,
	.uni-module .product-thumb__quick-order:after {
		content: "Быстрый заказ";
		font-weight: 800;
		font-size: 13px;
		letter-spacing: 0.01em;
	}

	.product-layout.grid-view .product-thumb__quick-order span,
	.uni-module .product-thumb__quick-order span {
		display: none !important;
	}
}

@media (max-width: 350px) {
	.product-layout.grid-view .product-thumb .mp-qty-stepper,
	.uni-module .product-thumb .mp-qty-stepper {
		display: flex !important;
	}

	.product-layout.grid-view .product-thumb__quick-order,
	.uni-module .product-thumb__quick-order {
		display: inline-flex !important;
	}
}

/* :has() fallback for older browsers — non-special price block */
@supports not selector(:has(*)) {
	.product-layout.grid-view .product-thumb__price,
	.uni-module .product-thumb__price {
		font-size: 22px !important;
		font-weight: 800;
		color: #0f172a;
	}
}

/* -------------------------------------------------------------------------- */
/* Fly menu (mobile bottom dock) — modern marketplace style                   */
/* -------------------------------------------------------------------------- */

@media (max-width: 992px) {
	#fly-menu.fly-menu.bottom {
		background: rgba(255, 255, 255, 0.92) !important;
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
		border-top: 1px solid rgba(226, 232, 240, 0.9);
		box-shadow: 0 -16px 40px rgba(15, 23, 42, 0.12) !important;
		padding-bottom: env(safe-area-inset-bottom);
	}

	#fly-menu.fly-menu.bottom .row {
		height: 74px !important;
		padding: 8px 10px calc(10px + env(safe-area-inset-bottom)) !important;
	}

	#fly-menu.fly-menu.bottom .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#fly-menu.fly-menu.bottom .fly-menu__block {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0;
		margin: 0 !important;
		padding: 8px 6px !important;
		border-radius: 16px;
		transition: background 0.18s ease, transform 0.18s ease;
	}

	#fly-menu.fly-menu.bottom .fly-menu__icon {
		font-size: 20px !important;
		line-height: 1;
		color: #64748b;
	}

	#fly-menu.fly-menu.bottom .fly-menu__caption {
		margin: 8px 0 0 !important;
		font-size: 11px !important;
		font-weight: 700;
		letter-spacing: -0.01em;
		color: #64748b !important;
	}

	#fly-menu.fly-menu.bottom .fly-menu__total {
		top: 8px !important;
		left: calc(50% + 6px) !important;
		min-width: 18px;
		height: 18px;
		font-size: 11px;
		font-weight: 800;
		border-radius: 999px;
		box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
		border: 2px solid rgba(255, 255, 255, 0.92);
	}

	#fly-menu.fly-menu.bottom .fly-menu__block.show,
	#fly-menu.fly-menu.bottom .fly-menu__block:active {
		background: rgba(21, 101, 255, 0.08);
	}

	#fly-menu.fly-menu.bottom .fly-menu__block.show .fly-menu__icon,
	#fly-menu.fly-menu.bottom .fly-menu__block:active .fly-menu__icon {
		color: var(--primary);
	}

	#fly-menu.fly-menu.bottom .fly-menu__block.show .fly-menu__caption,
	#fly-menu.fly-menu.bottom .fly-menu__block:active .fly-menu__caption {
		color: #0f172a !important;
	}
}
