/**
 * Frame-first homepage. Deliberately restrained: content hierarchy over decoration.
 */
.mmc-frame-hub {
	--fh-red: #e5223e;
	--fh-red-dark: #bd1830;
	--fh-ink: #0b1220;
	--fh-text: #344054;
	--fh-muted: #667085;
	--fh-line: #e6e9ee;
	--fh-bg: #f7f8fa;
	--fh-card: #fff;
	direction: rtl;
	color: var(--fh-text);
	background: var(--fh-bg);
	font-family: Vazirmatn, Tahoma, sans-serif;
}

.mmc-frame-hub * { box-sizing: border-box; }
.mmc-frame-hub img[loading="lazy"] { opacity: 1 !important; }

.mmc-frame-hub :where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid rgba(229, 34, 62, .26);
	outline-offset: 3px;
}

.mmc-frame-hub > section {
	width: min(1160px, calc(100% - 40px));
	margin-inline: auto;
	padding-block: 58px;
}

.mmc-frame-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(330px, .9fr);
	align-items: center;
	gap: clamp(44px, 7vw, 84px);
	width: 100% !important;
	max-width: none !important;
	min-height: 520px !important;
	padding: 66px max(20px, calc((100vw - 1160px) / 2)) !important;
	overflow: hidden;
	background:
		radial-gradient(circle at 12% 12%, rgba(229, 34, 62, .18), transparent 30%),
		linear-gradient(125deg, #080d16 0, #111a2a 68%, #172235 100%);
	color: #fff;
}

.mmc-frame-kicker,
.mmc-frame-section-head > span,
.mmc-frame-section-head > div > span,
.mmc-frame-wholesale__copy > span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--fh-red);
	font-size: 12px;
	font-weight: 850;
}

.mmc-frame-kicker { color: #ff9caa; }

.mmc-frame-hero h1 {
	max-width: 690px;
	margin: 13px 0 17px !important;
	color: #fff !important;
	font-size: clamp(38px, 4.8vw, 64px) !important;
	line-height: 1.2 !important;
	letter-spacing: -.035em;
}

.mmc-frame-hero__copy > p {
	max-width: 660px;
	margin: 0;
	color: #c7ced8;
	font-size: clamp(15px, 1.35vw, 18px);
	line-height: 1.95;
}

.mmc-frame-actions {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 26px;
}

.mmc-frame-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 11px 22px;
	border-radius: 12px;
	color: #fff !important;
	font-weight: 850;
}

.mmc-frame-btn.is-primary {
	background: var(--fh-red);
	box-shadow: 0 12px 28px rgba(229, 34, 62, .24);
}

.mmc-frame-btn.is-primary:hover { background: var(--fh-red-dark); }

.mmc-frame-btn.is-secondary {
	min-height: 44px;
	padding-inline: 4px;
	color: #d7dde6 !important;
	text-decoration: underline;
	text-decoration-color: rgba(215, 221, 230, .35);
	text-underline-offset: 6px;
}

.mmc-frame-proof {
	display: flex;
	align-items: center;
	gap: 0;
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}

.mmc-frame-proof li {
	min-width: 128px;
	padding-inline: 18px;
	border-inline-start: 1px solid rgba(255, 255, 255, .13);
}

.mmc-frame-proof li:first-child { padding-inline-start: 0; border-inline-start: 0; }
.mmc-frame-proof strong, .mmc-frame-proof span { display: block; }
.mmc-frame-proof strong { color: #fff; font-size: 13px; }
.mmc-frame-proof span { margin-top: 3px; color: #939eae; font-size: 10px; }

.mmc-frame-hero__visual { position: relative; text-align: center; }

.mmc-frame-device {
	position: relative;
	max-width: 420px;
	margin: auto;
	padding: 28px;
	border: 11px solid #252c37;
	border-radius: 36px;
	aspect-ratio: 4 / 3;
	background: #111820;
	box-shadow: 0 35px 75px rgba(0, 0, 0, .4), inset 0 0 0 2px #3d4552;
	transform: perspective(900px) rotateY(-6deg);
}

.mmc-frame-device span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 16px;
	background-image: linear-gradient(135deg, rgba(229, 34, 62, .55), rgba(12, 21, 37, .28)), var(--mmc-frame-hero-image);
	background-position: center;
	background-size: cover;
}

.mmc-frame-device i,
.mmc-frame-device b {
	position: absolute;
	display: block;
	background: #303743;
	border-radius: 999px;
}

.mmc-frame-device i { width: 30px; height: 6px; inset-block-start: 15px; inset-inline-start: calc(50% - 15px); }
.mmc-frame-device b { width: 40px; height: 8px; inset-block-end: 13px; inset-inline-start: calc(50% - 20px); }
.mmc-frame-hero__visual small { display: block; margin-top: 18px; color: #98a2b0; font-size: 11px; }

.mmc-frame-section-head { max-width: 720px; margin-bottom: 24px; }

.mmc-frame-section-head h2,
.mmc-frame-wholesale h2 {
	margin: 7px 0 8px !important;
	color: var(--fh-ink) !important;
	font-size: clamp(27px, 3.3vw, 42px) !important;
	line-height: 1.3 !important;
	letter-spacing: -.02em;
}

.mmc-frame-section-head p,
.mmc-frame-wholesale p {
	margin: 0;
	color: var(--fh-muted);
	font-size: 14px;
	line-height: 1.9;
}

.mmc-frame-section-head.is-inline {
	display: flex;
	align-items: end;
	justify-content: space-between;
	max-width: none;
	gap: 24px;
}

.mmc-frame-section-head.is-inline > a { color: var(--fh-red-dark); font-size: 13px; font-weight: 850; }

.mmc-frame-finder {
	position: relative;
	z-index: 3;
	margin-top: -34px !important;
	padding: 25px 28px !important;
	border: 1px solid var(--fh-line);
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 18px 48px rgba(11, 18, 32, .08);
}

.mmc-frame-finder .mmc-frame-section-head { margin-bottom: 14px; }
.mmc-frame-selector-shell { padding: 14px; border-radius: 15px; background: #f5f6f8; }
.mmc-frame-selector-shell .mmc-garage-fast { margin: 0 !important; }

.mmc-frame-groups { padding-bottom: 30px !important; }
.mmc-frame-group-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }

.mmc-frame-group-card {
	position: relative;
	min-height: 190px;
	overflow: hidden;
	border-radius: 17px;
	background: #111827;
	box-shadow: 0 9px 24px rgba(7, 10, 17, .08);
}

.mmc-frame-group-card::after { position: absolute; inset: 0; content: ""; background: linear-gradient(180deg, transparent 24%, rgba(7, 10, 17, .84)); }
.mmc-frame-group-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.mmc-frame-group-card:hover img { transform: scale(1.035); }
.mmc-frame-group-card > span { position: absolute; z-index: 2; inset-inline: 17px; inset-block-end: 15px; color: #fff; }
.mmc-frame-group-card strong, .mmc-frame-group-card small { display: block; }
.mmc-frame-group-card strong { font-size: 17px; }
.mmc-frame-group-card small { margin-top: 3px; color: #d0d5dd; font-size: 10px; }

.mmc-frame-products { padding-top: 30px !important; }
.mmc-frame-product-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px !important; margin: 0 !important; }
.mmc-frame-product-grid li.product { float: none !important; width: auto !important; margin: 0 !important; }

.mmc-frame-wholesale {
	display: grid;
	grid-template-columns: .82fr 1.18fr;
	align-items: start;
	gap: 34px;
	width: 100% !important;
	max-width: none !important;
	padding-inline: max(20px, calc((100vw - 1160px) / 2)) !important;
	background: #f0f3f7;
}

.mmc-frame-wholesale__copy { padding: 25px 2px; }
.mmc-frame-wholesale ol { margin: 22px 0 0; padding: 0; list-style: none; counter-reset: wholesale; }
.mmc-frame-wholesale li { counter-increment: wholesale; display: flex; align-items: center; gap: 10px; padding: 10px 0; color: #475467; font-size: 13px; }
.mmc-frame-wholesale li::before { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--fh-ink); color: #fff; content: counter(wholesale); font-size: 11px; font-weight: 850; }

.mmc-frame-wholesale__form {
	padding: 24px;
	border: 1px solid var(--fh-line);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(11, 18, 32, .05);
}

.mmc-wholesale-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.mmc-wholesale-form label { display: grid; gap: 6px; color: var(--fh-ink); font-size: 12px; font-weight: 800; }
.mmc-wholesale-form label.is-wide { grid-column: 1 / -1; }

.mmc-wholesale-form :where(input, select, textarea) {
	width: 100%;
	min-height: 46px;
	padding: 9px 11px;
	border: 1px solid #d7dce3;
	border-radius: 10px;
	background: #fff;
	color: var(--fh-ink);
	font: 500 13px/1.7 inherit;
}

.mmc-wholesale-form textarea { resize: vertical; }
.mmc-wholesale-form button { width: 100%; min-height: 50px; border: 0; border-radius: 11px; background: var(--fh-red); color: #fff; font: 850 14px/1.5 inherit; cursor: pointer; }
.mmc-wholesale-note { margin: 13px 0 !important; font-size: 11px !important; }
.mmc-wholesale-hp { position: absolute !important; inset-inline-start: auto !important; width: 1px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; }
.mmc-wholesale-success { margin-bottom: 14px; padding: 12px; border: 1px solid #abefc6; border-radius: 10px; background: #ecfdf3; color: #067647; font-weight: 800; }

.mmc-frame-authority { padding-top: 46px !important; }
.mmc-frame-authority-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--fh-line); border-radius: 17px; background: var(--fh-line); }
.mmc-frame-authority-grid article { padding: 22px; background: #fff; }
.mmc-frame-authority-grid strong { color: var(--fh-ink); font-size: 16px; }
.mmc-frame-authority-grid p { margin-bottom: 0; color: var(--fh-muted); font-size: 12px; line-height: 1.85; }

.mmc-product-wholesale { display: grid; gap: 6px; margin-top: 14px; padding: 13px; border-radius: 11px; background: #fff3f5; }
.mmc-product-wholesale span { color: #687284; font-size: 11px; }
.mmc-product-wholesale a { color: var(--fh-red-dark); font-weight: 850; }

@media (max-width: 1024px) {
	.mmc-frame-hero { grid-template-columns: 1fr; min-height: auto !important; }
	.mmc-frame-hero__visual { display: none; }
	.mmc-frame-group-grid { grid-template-columns: repeat(2, 1fr); }
	.mmc-frame-wholesale { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
	.mmc-frame-hub > section { width: min(100% - 24px, 1160px); padding-block: 42px; }
	.mmc-frame-hero { width: 100% !important; padding: 48px 18px 70px !important; }
	.mmc-frame-hero h1 { font-size: clamp(32px, 10.5vw, 46px) !important; }
	.mmc-frame-proof { justify-content: space-between; }
	.mmc-frame-proof li { min-width: 0; padding-inline: 10px; }
	.mmc-frame-finder { padding: 19px !important; border-radius: 18px; }
	.mmc-frame-section-head.is-inline { align-items: start; flex-direction: column; gap: 8px; }
	.mmc-frame-group-grid { grid-template-columns: 1fr; }
	.mmc-frame-group-card { min-height: 180px; }
	.mmc-wholesale-fields, .mmc-frame-authority-grid { grid-template-columns: 1fr; }
	.mmc-wholesale-form label.is-wide { grid-column: auto; }
	.mmc-frame-wholesale__form { padding: 18px; }
}

@media (max-width: 420px) {
	.mmc-frame-actions { align-items: stretch; flex-direction: column; gap: 8px; }
	.mmc-frame-btn { width: 100%; }
	.mmc-frame-proof { gap: 8px; }
	.mmc-frame-proof li { padding-inline: 6px; }
	.mmc-frame-proof strong { font-size: 11px; }
	.mmc-frame-proof span { font-size: 9px; }
	.mmc-frame-product-grid { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
	.mmc-frame-hub * { scroll-behavior: auto !important; transition: none !important; }
}