/*
Theme Name:   Mashinchieman (WoodMart Child)
Theme URI:    https://www.instagram.com/mashinchieman/
Description:  قالب فرزند وودمارت برای نمایشگاه «ماشین چیه من» — مشکی و طلایی، فونت وزیرمتن، حالت کاتالوگ خودرو.
Author:       Mashinchieman
 Template:     woodmart
Version:      2.0.0
Text Domain:  mashinchieman
*/
/* Vazirmatn (self-hosted, same-file to avoid an extra blocking request) */
@font-face{font-family:"Vazirmatn MC";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/vazirmatn/vazirmatn-arabic.woff2") format("woff2");unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:"Vazirmatn MC";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/vazirmatn/vazirmatn-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Vazirmatn MC";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/vazirmatn/vazirmatn-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}



/* =========================================================
   1. Tokens
   ========================================================= */
:root {
	--mc-gold: #d4af37;
	--mc-gold-2: #f3d77a;
	--mc-gold-3: #9c7a1c;
	--mc-grad: linear-gradient(135deg, #f6dd8c 0%, #d4af37 48%, #a8841f 100%);
	--mc-bg: #08080a;
	--mc-bg-2: #0d0d10;
	--mc-card: #131317;
	--mc-card-2: #1a1a1f;
	--mc-line: rgba(212, 175, 55, .2);
	--mc-line-soft: rgba(255, 255, 255, .08);
	--mc-text: #b9b5ab;
	--mc-white: #fff;
	--mc-r: 18px;
	--mc-r-sm: 12px;
	--mc-shadow: 0 24px 60px -24px rgba(0, 0, 0, .8);
	--mc-glow: 0 10px 40px -10px rgba(212, 175, 55, .55);
	--mc-font: "Vazirmatn MC", "Vazirmatn", "Vazir", Tahoma, system-ui, sans-serif;
	--mc-container: 1240px;
	--btn-accented-bgcolor: #d4af37;
	--btn-accented-bgcolor-hover: #f3d77a;
	--btn-accented-color: #111;
	--btn-accented-color-hover: #111;
	--wd-brd-radius: 14px;
}

html { scroll-behavior: smooth; }
body, button, input, select, textarea { font-family: var(--mc-font); }
body {
	background: var(--mc-bg);
	color: var(--mc-text);
	line-height: 1.9;
	-webkit-font-smoothing: antialiased;
}
html body, html body .website-wrapper, html body .wd-page-wrapper, html body .main-page-wrapper, html body .wd-page-content { background-color: var(--mc-bg); }
h1, h2, h3, h4, h5, h6, .title, .wd-entities-title { font-family: var(--mc-font); color: var(--mc-white); line-height: 1.5; }
::selection { background: var(--mc-gold); color: #111; }

.elementor-kit-4 {
	--e-global-typography-primary-font-family: "Vazirmatn MC";
	--e-global-typography-secondary-font-family: "Vazirmatn MC";
	--e-global-typography-text-font-family: "Vazirmatn MC";
	--e-global-typography-accent-font-family: "Vazirmatn MC";
}
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor, .elementor-widget-button .elementor-button { font-family: var(--mc-font); }
.elementor-widget-container a { text-decoration: none; }

/* =========================================================
   2. Buttons
   ========================================================= */
.mc-btn, .elementor-button.mc-btn, .mc-header-cta .btn, .mc-header-cta a {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	font-family: var(--mc-font); font-weight: 800; font-size: 15px; line-height: 1;
	padding: 14px 26px; border-radius: 999px; border: 1px solid transparent;
	text-decoration: none; cursor: pointer; transition: transform .25s, box-shadow .25s, background .25s, color .25s, border-color .25s;
}
.mc-btn .mc-i { flex: none; }
.mc-btn--gold, .mc-header-cta .btn, .mc-header-cta a {
	background: var(--mc-grad); background-color: #d4af37; color: #111 !important; box-shadow: var(--mc-glow);
}
.mc-btn--gold:hover, .mc-header-cta .btn:hover { transform: translateY(-2px); box-shadow: 0 16px 44px -10px rgba(212, 175, 55, .75); color: #000 !important; }
.mc-btn--line { background: transparent; color: var(--mc-gold-2) !important; border-color: var(--mc-gold); }
.mc-btn--line:hover { background: rgba(212, 175, 55, .12); transform: translateY(-2px); }
.mc-btn--ghost { background: rgba(255, 255, 255, .05); color: #fff !important; border-color: var(--mc-line-soft); }
.mc-btn--ghost:hover { background: rgba(255, 255, 255, .1); transform: translateY(-2px); }
.mc-btn--lg { padding: 18px 34px; font-size: 16px; }
.mc-btn--sm { padding: 10px 18px; font-size: 13.5px; }
.mc-header-cta .btn, .mc-header-cta a { padding: 12px 22px; font-size: 14px; }

/* generic WoodMart / Woo primary buttons */
.btn.btn-color-primary, .button.alt, .btn-style-default.btn-color-primary, .woocommerce .button.alt {
	background: var(--mc-grad); color: #111; border: 0; border-radius: 999px; font-weight: 800;
}
.btn.btn-color-primary:hover, .button.alt:hover { filter: brightness(1.1); color: #000; }

/* =========================================================
   3. Header
   ========================================================= */
.whb-header { --wd-header-brd: transparent; }
.whb-top-bar { background: #050506 !important; border-bottom: 1px solid var(--mc-line-soft); }
.whb-top-bar .mc-tb { font-size: 12.5px; color: #9a968b; }
.mc-tb a { color: #cfcabd; transition: color .2s; }
.mc-tb a:hover { color: var(--mc-gold-2); }
.mc-tb-phones i { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: var(--mc-gold); margin: 0 12px; vertical-align: middle; }
.whb-top-bar .wd-social-icons { --wd-social-icon-size: 12px; }
.whb-top-bar .wd-social-icons a { color: #cfcabd !important; }
.whb-top-bar .wd-header-divider:before { border-color: var(--mc-line-soft); }

.whb-general-header { transition: background .3s, box-shadow .3s, backdrop-filter .3s; }
.whb-general-header.whb-color-dark, .whb-general-header.whb-color-light { border-bottom: 1px solid transparent; }
.whb-overcontent .whb-general-header { background: linear-gradient(180deg, rgba(5, 5, 6, .85), rgba(5, 5, 6, 0)) !important; }
.whb-sticked .whb-general-header, .whb-clone .whb-general-header, .whb-sticky-row.whb-sticked {
	background: rgba(8, 8, 10, .88) !important; backdrop-filter: blur(16px) saturate(1.3); -webkit-backdrop-filter: blur(16px) saturate(1.3);
	border-bottom: 1px solid var(--mc-line) !important; box-shadow: 0 10px 30px -12px #000;
}
.whb-header:not(.whb-overcontent) .whb-general-header { border-bottom: 1px solid var(--mc-line); }

.mc-brand-wrap { margin-inline-start: 12px; }
.mc-brand { display: flex; flex-direction: column; line-height: 1.15; text-decoration: none !important; }
.mc-brand b { font-size: 19px; font-weight: 900; color: #fff; letter-spacing: -.2px; }
.mc-brand small { font-size: 11px; font-weight: 600; letter-spacing: .3px; background: var(--mc-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.site-logo img { border-radius: 50%; box-shadow: 0 0 0 2px var(--mc-gold), 0 0 24px rgba(212, 175, 55, .35); }

.wd-header-main-nav .wd-nav > li > a, .wd-nav-main > li > a { font-family: var(--mc-font); font-weight: 700; font-size: 15px; color: #e8e5dc; }
.wd-nav > li:hover > a, .wd-nav > li.current-menu-item > a, .wd-nav > li.current_page_item > a { color: var(--mc-gold-2); }
.wd-nav.wd-style-underline > li > a:before { background: var(--mc-grad); height: 2px; }
.wd-dropdown-menu, .wd-dropdown { background: #101013; border: 1px solid var(--mc-line); border-radius: var(--mc-r-sm); box-shadow: var(--mc-shadow); }
.wd-sub-menu li a { color: #d4d0c4; }
.wd-sub-menu li a:hover { color: var(--mc-gold-2); }
.wd-tools-element .wd-tools-icon, .wd-header-search .wd-tools-icon { color: #e8e5dc; }
.wd-tools-element:hover .wd-tools-icon { color: var(--mc-gold-2); }

/* mobile bottom bar */
.wd-toolbar { background: rgba(10, 10, 12, .96); backdrop-filter: blur(14px); border-top: 1px solid var(--mc-line); }
.wd-toolbar .wd-toolbar-label { font-family: var(--mc-font); font-size: 11px; font-weight: 600; color: #cfcabd; }
.wd-toolbar > div > a, .wd-toolbar .wd-tools-icon { color: var(--mc-gold-2); }

/* scroll top */
.scrollToTop { background: var(--mc-grad) !important; color: #111 !important; border-radius: 50%; box-shadow: var(--mc-glow); }

/* =========================================================
   4. Home — hero
   ========================================================= */
.mc-hero { position: relative; isolation: isolate; overflow: hidden; background-color: #050506; }
.mc-hero::before {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background:
		linear-gradient(270deg, rgba(8, 8, 10, .96) 0%, rgba(8, 8, 10, .78) 34%, rgba(8, 8, 10, .25) 70%, rgba(8, 8, 10, .45) 100%),
		linear-gradient(0deg, var(--mc-bg) 0%, rgba(8, 8, 10, 0) 38%);
}
.mc-hero::after {
	content: ""; position: absolute; z-index: -1; inset-inline-end: -10%; top: 12%; width: 55vw; height: 55vw; max-width: 760px; max-height: 760px;
	background: radial-gradient(circle, rgba(212, 175, 55, .16) 0%, rgba(212, 175, 55, 0) 62%); filter: blur(10px); pointer-events: none;
}
.mc-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: 14px; color: var(--mc-gold-2); padding: 8px 18px; border: 1px solid var(--mc-line); border-radius: 999px; background: rgba(212, 175, 55, .08); backdrop-filter: blur(6px); }
.mc-eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--mc-gold); box-shadow: 0 0 0 4px rgba(212, 175, 55, .25); animation: mcPulse 2s infinite; }
@keyframes mcPulse { 50% { box-shadow: 0 0 0 9px rgba(212, 175, 55, 0); } }
.mc-h1 .elementor-heading-title, h1.mc-h1 { font-size: clamp(2.3rem, 5.4vw, 4.7rem); font-weight: 900; line-height: 1.32; color: #fff; letter-spacing: -.5px; margin: 0; }
.mc-h1 .gold, .mc-gold { background: var(--mc-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.mc-lead, .mc-lead p { font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 2.1; color: #cfcabd; max-width: 620px; margin: 0; }
.mc-hero__btns { display: flex; flex-wrap: wrap; gap: 14px; }
.mc-trust { display: flex; flex-wrap: wrap; gap: 10px 22px; padding: 0; margin: 0; list-style: none; font-size: 14px; font-weight: 600; color: #dcd8cc; }
.mc-trust li { display: inline-flex; align-items: center; gap: 8px; }
.mc-trust li::before { content: ""; width: 20px; height: 20px; border-radius: 50%; background: rgba(212, 175, 55, .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3d77a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.500 4 4L18 8'/%3E%3C/svg%3E") center/12px no-repeat; }

/* finder */
.mc-finder {
	display: grid; grid-template-columns: auto repeat(3, minmax(0, 1fr)) auto; align-items: center; gap: 14px;
	padding: 14px 16px; border-radius: 24px; border: 1px solid var(--mc-line);
	background: linear-gradient(180deg, rgba(26, 26, 31, .72), rgba(14, 14, 17, .72)); backdrop-filter: blur(18px) saturate(1.2); -webkit-backdrop-filter: blur(18px) saturate(1.2);
	box-shadow: var(--mc-shadow);
}
.mc-finder__title { display: flex; align-items: center; gap: 10px; color: var(--mc-gold-2); font-weight: 800; font-size: 15px; padding-inline: 10px 6px; line-height: 1.5; max-width: 150px; }
.mc-finder__title .mc-i { flex: none; width: 26px; height: 26px; }
.mc-field { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 8px 16px; border-radius: 14px; background: rgba(255, 255, 255, .04); border: 1px solid var(--mc-line-soft); transition: border-color .2s, background .2s; }
.mc-field:focus-within, .mc-field:hover { border-color: var(--mc-gold); background: rgba(212, 175, 55, .06); }
.mc-field span { font-size: 11.5px; font-weight: 600; color: #8f8b80; line-height: 1.4; }
.mc-field select { appearance: none; -webkit-appearance: none; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2.500' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 0 center / 14px; border: 0; padding: 2px 0; height: 28px; min-height: 0; color: #fff; font-weight: 700; font-size: 15px; box-shadow: none; cursor: pointer; width: 100%; }
.mc-field select option { background: #131317; color: #fff; }
html body .mc-finder .mc-btn { align-self: stretch; height: auto; min-height: 58px; padding: 0 30px; border-radius: 16px; gap: 8px; font-size: 15.5px; font-weight: 800; line-height: 1; white-space: nowrap; }

/* stats */
.mc-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
.mc-stat { display: flex; flex-direction: column; gap: 2px; padding: 6px 24px; border-inline-start: 1px solid var(--mc-line-soft); text-decoration: none !important; }
.mc-stat:first-child { border-inline-start: 0; padding-inline-start: 0; }
.mc-stat b { font-size: clamp(1.7rem, 3vw, 2.5rem); font-weight: 900; line-height: 1.3; background: var(--mc-grad); -webkit-background-clip: text; background-clip: text; color: transparent; display: flex; align-items: center; gap: 2px; }
.mc-stat small { color: #a6a296; font-size: 13.5px; font-weight: 500; line-height: 1.7; }
.mc-stat--cta span { color: var(--mc-gold-2); font-weight: 700; direction: ltr; display: inline-block; }
.mc-stat--cta b .mc-i { width: 34px; height: 34px; color: var(--mc-gold); }
.mc-stat--cta:hover small { color: #fff; }

/* =========================================================
   5. Marquee (brands)
   ========================================================= */
.mc-marquee { border-block: 1px solid var(--mc-line-soft); background: var(--mc-bg-2); padding-block: 22px; overflow: hidden; }
.mc-marquee .wd-marquee { --wd-marquee-speed: 38s; }
.mc-marquee .wd-marquee-item { font-size: clamp(1.1rem, 2.2vw, 1.7rem); font-weight: 900; color: #d9b84a; -webkit-text-stroke: 0; padding-inline: 26px; display: inline-flex; align-items: center; gap: 52px; white-space: nowrap; }
.mc-marquee .wd-marquee-item::after { content: "✦"; color: var(--mc-gold); -webkit-text-stroke: 0; font-size: .7em; }
.mc-marquee .wd-marquee-item:hover { color: #fff; }

/* =========================================================
   6. Sections / titles
   ========================================================= */
.mc-section { position: relative; }
.mc-section--alt { background: var(--mc-bg-2); }
.title-wrapper { margin-bottom: 40px; }
.title-wrapper .title-subtitle, .mc-sub { display: inline-block; font-size: 14px; font-weight: 800; color: var(--mc-gold); letter-spacing: .5px; margin-bottom: 8px; }
.title-wrapper .title-subtitle::before { content: "— "; }
.title-wrapper .title, .mc-title { font-size: clamp(1.7rem, 3.2vw, 2.7rem); font-weight: 900; color: #fff; line-height: 1.5; }
.title-wrapper .title-after_title, .mc-desc { color: #a6a296; font-size: 16px; max-width: 620px; margin-inline: auto; }
.mc-view-all { display: inline-flex; align-items: center; gap: 8px; color: var(--mc-gold-2); font-weight: 800; }
.mc-view-all:hover { color: #fff; }

/* category mosaic */
.mc-cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 250px; gap: 18px; }
.mc-cat { position: relative; display: block; border-radius: var(--mc-r); overflow: hidden; isolation: isolate; border: 1px solid var(--mc-line-soft); text-decoration: none !important; }
.mc-cat--suv { grid-column: span 2; grid-row: span 2; }
.mc-cat__img { position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center 35%; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.mc-cat::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(8, 8, 10, .94) 0%, rgba(8, 8, 10, .35) 55%, rgba(8, 8, 10, .1) 100%); transition: opacity .4s; }
.mc-cat:hover .mc-cat__img { transform: scale(1.08); }
.mc-cat:hover { border-color: var(--mc-gold); }
.mc-cat__body { position: absolute; inset-inline: 0; bottom: 0; padding: 22px 24px; display: flex; flex-direction: column; gap: 2px; }
.mc-cat__body small { color: var(--mc-gold-2); font-weight: 700; font-size: 13px; }
.mc-cat__body b { color: #fff; font-size: clamp(1.1rem, 1.8vw, 1.5rem); font-weight: 900; line-height: 1.5; }
.mc-cat--suv .mc-cat__body b { font-size: clamp(1.5rem, 2.6vw, 2.2rem); }
.mc-cat__body i { position: absolute; inset-inline-end: 22px; bottom: 22px; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: rgba(212, 175, 55, .16); color: var(--mc-gold-2); border: 1px solid var(--mc-line); transition: background .3s, color .3s, transform .3s; font-style: normal; }
.mc-cat:hover .mc-cat__body i { background: var(--mc-gold); color: #111; transform: translateX(-4px); }

/* feature cards (icon boxes) */
.mc-feature { height: 100%; padding: 34px 28px; border-radius: var(--mc-r); border: 1px solid var(--mc-line-soft); background: linear-gradient(180deg, var(--mc-card-2), var(--mc-card)); transition: transform .35s, border-color .35s, box-shadow .35s; position: relative; overflow: hidden; }
.mc-feature::after { content: ""; position: absolute; inset-inline-end: -60px; top: -60px; width: 160px; height: 160px; border-radius: 50%; background: radial-gradient(circle, rgba(212, 175, 55, .18), transparent 65%); }
.mc-feature:hover { transform: translateY(-6px); border-color: var(--mc-gold); box-shadow: var(--mc-shadow); }
.mc-feature .elementor-icon-box-icon .elementor-icon, .mc-feature .elementor-icon { width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: rgba(212, 175, 55, .1); border: 1px solid var(--mc-line); color: var(--mc-gold-2) !important; font-size: 28px; margin-bottom: 8px; }
.mc-feature .elementor-icon svg { fill: var(--mc-gold-2); width: 28px; height: 28px; }
.mc-feature .elementor-icon-box-title { color: #fff; font-weight: 800; font-size: 19px; margin-bottom: 8px; }
.mc-feature .elementor-icon-box-description { color: #a6a296; font-size: 14.5px; line-height: 2; }

/* steps */
.mc-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; padding: 0; margin: 0; list-style: none; counter-reset: s; position: relative; }
.mc-steps::before { content: ""; position: absolute; inset-inline: 8%; top: 44px; height: 1px; background: repeating-linear-gradient(90deg, var(--mc-gold) 0 8px, transparent 8px 18px); opacity: .45; }
.mc-step { position: relative; text-align: center; padding: 0 8px; margin: 0; }
.mc-step__ic { display: grid; place-items: center; width: 88px; height: 88px; margin: 0 auto 20px; border-radius: 50%; background: var(--mc-card); border: 1px solid var(--mc-line); color: var(--mc-gold-2); box-shadow: 0 0 0 8px var(--mc-bg-2); position: relative; z-index: 1; transition: background .3s, color .3s, transform .3s; }
.mc-step__ic .mc-i { width: 34px; height: 34px; }
.mc-step:hover .mc-step__ic { background: var(--mc-grad); color: #111; transform: translateY(-4px); }
.mc-step__n { position: absolute; top: -6px; inset-inline-start: calc(50% + 24px); z-index: 2; font-size: 13px; font-weight: 900; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--mc-gold); color: #111; line-height: 1; }
.mc-step b { display: block; color: #fff; font-size: 18px; font-weight: 800; margin-bottom: 6px; }
.mc-step p { margin: 0; color: #a6a296; font-size: 14.5px; line-height: 2; }

/* CTA band */
.mc-cta { position: relative; border-radius: 28px; overflow: hidden; border: 1px solid var(--mc-line); background:
	radial-gradient(120% 140% at 100% 0%, rgba(212, 175, 55, .28) 0%, rgba(212, 175, 55, 0) 55%),
	linear-gradient(135deg, #17171c, #0c0c0f); }
.mc-cta .mc-title, .mc-cta .elementor-heading-title { font-size: clamp(1.6rem, 3.2vw, 2.6rem); font-weight: 900; color: #fff; }
.mc-cta p { color: #c9c5b9; margin: 0; font-size: 16px; }

/* instagram grid */
.mc-ig { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.mc-ig a { position: relative; display: block; aspect-ratio: 1; border-radius: 16px; overflow: hidden; border: 1px solid var(--mc-line-soft); }
.mc-ig img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.mc-ig a span { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(8, 8, 10, .6); color: var(--mc-gold-2); opacity: 0; transition: opacity .3s; }
.mc-ig a span .mc-i { width: 34px; height: 34px; }
.mc-ig a:hover img { transform: scale(1.1); }
.mc-ig a:hover span { opacity: 1; }

/* contact + map */
.mc-contact { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.mc-contact li { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border-radius: 16px; background: var(--mc-card); border: 1px solid var(--mc-line-soft); transition: border-color .25s, transform .25s; margin: 0; }
.mc-contact li:hover { border-color: var(--mc-gold); transform: translateX(-4px); }
.mc-contact__ic { flex: none; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: rgba(212, 175, 55, .1); color: var(--mc-gold-2); border: 1px solid var(--mc-line); }
.mc-contact small { display: block; color: #8f8b80; font-size: 12.5px; line-height: 1.6; }
.mc-contact b { color: #fff; font-weight: 700; font-size: 15.5px; }
.mc-contact a:hover b { color: var(--mc-gold-2); }
.mc-map { border-radius: var(--mc-r); overflow: hidden; border: 1px solid var(--mc-line); height: 100%; min-height: 380px; box-shadow: var(--mc-shadow); display: flex; flex-direction: column; }
.mc-map iframe { width: 100%; flex: 1; min-height: 340px; border: 0; filter: invert(.92) hue-rotate(180deg) saturate(.55) brightness(.95) contrast(.95) sepia(.25); }
.mc-map__link { display: inline-block; margin-top: 10px; font-size: 13.5px; font-weight: 700; color: var(--mc-gold-2); text-decoration: none; }
.mc-map__link:hover { color: #fff; }
.mc-contact .mc-map__link { margin-top: 6px; }

/* =========================================================
   7. Product cards (WoodMart base hover)
   ========================================================= */
.wd-product .product-wrapper, .wd-product .wd-product-wrapper {
	background: linear-gradient(180deg, var(--mc-card-2), var(--mc-card)); border: 1px solid var(--mc-line-soft); border-radius: var(--mc-r);
	overflow: hidden; transition: transform .35s cubic-bezier(.2, .7, .2, 1), border-color .35s, box-shadow .35s; height: 100%; display: flex; flex-direction: column;
}
.wd-product:hover .product-wrapper, .wd-product:hover .wd-product-wrapper { transform: translateY(-6px); border-color: var(--mc-gold); box-shadow: var(--mc-shadow), 0 0 0 1px rgba(212, 175, 55, .15); }
.wd-product .wd-product-card-bg { display: none; }
.wd-product .product-element-top { overflow: hidden; border-radius: 0; aspect-ratio: 4 / 5; background: #0b0b0d; }
.wd-product .product-element-top img { width: 100%; height: 100%; object-fit: cover; object-position: center 55%; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.wd-product:hover .product-element-top img { transform: scale(1.06); }
.wd-product .product-information { padding: 16px 18px 20px; text-align: start; flex: 1; display: flex; flex-direction: column; gap: 6px; }
.wd-product .wd-entities-title { font-size: 16.5px; font-weight: 800; margin: 0; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wd-product .wd-entities-title a { color: #fff; }
.wd-product .wd-entities-title a:hover { color: var(--mc-gold-2); }
.wd-product .product-rating-price { margin-top: auto; }
.wd-product .wrapp-product-price { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.mc-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0; list-style: none; }
.mc-chip { font-size: 12px; font-weight: 600; padding: 3px 11px; border-radius: 999px; color: #d9d4c4; background: rgba(212, 175, 55, .08); border: 1px solid var(--mc-line); line-height: 1.8; margin: 0; }
.mc-ask { display: inline-flex; align-items: center; gap: 8px; color: var(--mc-gold-2); font-weight: 800; font-size: 14px; }
.mc-ask i { font-style: normal; transition: transform .3s; display: inline-block; }
.wd-product:hover .mc-ask i { transform: translateX(-6px); }
.wd-product .product-labels { inset-inline-start: 12px; top: 12px; }
.wd-product .product-label { background: var(--mc-grad); color: #111; font-weight: 800; border-radius: 999px; font-size: 12px; padding: 2px 12px; min-height: 0; line-height: 24px; height: auto; width: auto; }
.wd-product .wd-bottom-actions, .wd-product .wd-product-card-hover { display: none !important; }
.wd-product .wd-buttons { inset-inline-end: 12px; top: 12px; }
.wd-product .wd-buttons .wd-action-btn > a { background: rgba(8, 8, 10, .7); backdrop-filter: blur(8px); color: #fff; border-radius: 50%; border: 1px solid var(--mc-line-soft); }

/* carousel arrows */
.wd-nav-arrows .wd-btn-arrow, .wd-btn-arrow { background: rgba(19, 19, 23, .9); color: var(--mc-gold-2); border: 1px solid var(--mc-line); border-radius: 50%; }
.wd-btn-arrow:hover { background: var(--mc-gold); color: #111; }

/* =========================================================
   8. Shop archive / generic pages
   ========================================================= */
.page-title { background-color: var(--mc-bg-2) !important; background-image: radial-gradient(80% 160% at 50% 0%, rgba(212, 175, 55, .16), transparent 70%) !important; border-bottom: 1px solid var(--mc-line-soft); }
.page-title .title, .page-title h1 { font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 900; color: #fff; }
.wd-breadcrumbs, .yoast-breadcrumb, .woocommerce-breadcrumb { color: #8f8b80; font-size: 13.5px; }
.wd-breadcrumbs a:hover { color: var(--mc-gold-2); }
.wd-shop-tools, .woocommerce-ordering select { color: #cfcabd; }
.widget-title, .widgettitle { font-weight: 900; color: #fff; font-size: 16px; position: relative; padding-bottom: 12px; margin-bottom: 18px; }
.widget-title::after { content: ""; position: absolute; inset-inline-start: 0; bottom: 0; width: 34px; height: 2px; background: var(--mc-grad); }
.sidebar-container .widget { background: var(--mc-card); border: 1px solid var(--mc-line-soft); border-radius: var(--mc-r); padding: 22px; margin-bottom: 20px; }
.woocommerce-widget-layered-nav-list li a, .widget_product_categories li a { color: #cfcabd; }
.woocommerce-widget-layered-nav-list li a:hover, .widget_product_categories li a:hover { color: var(--mc-gold-2); }
.wd-pagination .page-numbers, .woocommerce-pagination .page-numbers { border-radius: 12px; }
.woocommerce-pagination .page-numbers.current, .wd-pagination .current { background: var(--mc-grad); color: #111; border-color: transparent; }

input[type=text], input[type=email], input[type=search], input[type=tel], input[type=number], textarea, select {
	background: var(--mc-card); border: 1px solid var(--mc-line-soft); color: #fff; border-radius: 12px; font-family: var(--mc-font);
}
input:focus, textarea:focus, select:focus { border-color: var(--mc-gold) !important; box-shadow: 0 0 0 3px rgba(212, 175, 55, .15); }

/* =========================================================
   9. Single car
   ========================================================= */
.single-product .product_title { font-size: clamp(1.6rem, 2.8vw, 2.4rem); font-weight: 900; color: #fff; }
.single-product .woocommerce-product-gallery { border-radius: var(--mc-r); overflow: hidden; border: 1px solid var(--mc-line-soft); }
.single-product .summary-inner .woocommerce-product-details__short-description ul { list-style: none; padding: 0; margin: 0 0 20px; display: flex; flex-wrap: wrap; gap: 8px; }
.single-product .woocommerce-product-details__short-description li { margin: 0; padding: 4px 14px 4px 14px; border-radius: 999px; background: rgba(212, 175, 55, .08); border: 1px solid var(--mc-line); color: #e6e2d4; font-weight: 600; font-size: 13.5px; }
.single-product .woocommerce-product-details__short-description li::before { content: "✓ "; color: var(--mc-gold); }
.mc-ask-price { display: block; margin: 8px 0 18px; font-size: 18px; color: #bdb9ad; }
.mc-ask-price b { color: var(--mc-gold-2); font-weight: 900; }
.mc-inquiry { margin-top: 18px; padding: 24px; border-radius: var(--mc-r); border: 1px solid var(--mc-line); background: linear-gradient(180deg, rgba(212, 175, 55, .08), rgba(212, 175, 55, .02)); }
.mc-specgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; margin: 0 0 18px; }
.mc-specgrid div { padding: 12px 14px; border-radius: 12px; background: rgba(255, 255, 255, .04); border: 1px solid var(--mc-line-soft); }
.mc-specgrid dt { font-size: 12px; color: #8f8b80; font-weight: 600; }
.mc-specgrid dd { margin: 0; color: #fff; font-weight: 800; font-size: 15px; }
.mc-inquiry__lead { margin: 0 0 16px; color: #d6d2c5; }
.mc-inquiry__lead b { color: var(--mc-gold-2); }
.mc-inquiry__btns { display: flex; flex-wrap: wrap; gap: 10px; }
.woocommerce-tabs .wc-tabs li a { font-weight: 800; }
.shop_attributes th { color: #8f8b80; font-weight: 600; background: transparent; }
.shop_attributes td { color: #fff; font-weight: 700; }

/* =========================================================
   10. Footer
   ========================================================= */
.footer-container { background: #050506; border-top: 1px solid var(--mc-line); }
.mc-footer-cta { border-radius: 24px; border: 1px solid var(--mc-line); background: linear-gradient(135deg, rgba(212, 175, 55, .16), rgba(212, 175, 55, .03)); }
.mc-footer h4, .mc-footer h3, .mc-footer .elementor-heading-title.mc-fh { color: #fff; font-weight: 900; font-size: 17px; margin-bottom: 18px; position: relative; padding-bottom: 12px; }
.mc-footer h4::after, .mc-footer h3::after { content: ""; position: absolute; inset-inline-start: 0; bottom: 0; width: 34px; height: 2px; background: var(--mc-grad); }
.mc-footer p, .mc-footer li, .mc-footer a { color: #9a968b; font-size: 14.5px; }
.mc-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.mc-footer ul a:hover, .mc-footer a:hover { color: var(--mc-gold-2); }
.mc-footer-brand { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.mc-footer-brand img { width: 62px; height: 62px; border-radius: 50%; box-shadow: 0 0 0 2px var(--mc-gold), 0 0 24px rgba(212, 175, 55, .3); }
.mc-footer-brand b { display: block; color: #fff; font-weight: 900; font-size: 21px; line-height: 1.3; }
.mc-footer-brand small { background: var(--mc-grad); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 700; }
.mc-footer-social { display: flex; gap: 10px; margin-top: 18px; }
.mc-footer-social a { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--mc-line); color: var(--mc-gold-2); transition: background .25s, color .25s, transform .25s; }
.mc-footer-social a:hover { background: var(--mc-gold); color: #111; transform: translateY(-3px); }
.mc-copy { border-top: 1px solid var(--mc-line-soft); color: #7d796e; font-size: 13px; }
.mc-copy p { color: #7d796e; font-size: 13px; margin: 0; }

/* =========================================================
   11. Motion
   ========================================================= */
.mc-js .mc-reveal { opacity: 0; transform: translateY(26px); transition: opacity .8s cubic-bezier(.2, .7, .2, 1), transform .8s cubic-bezier(.2, .7, .2, 1); }
.mc-js .mc-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }

/* =========================================================
   12. Responsive
   ========================================================= */
@media (max-width: 1100px) {
	.mc-finder { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mc-finder__title { grid-column: 1 / -1; max-width: none; }
	.mc-finder .mc-btn { grid-column: 1 / -1; min-height: 54px; }
	.mc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 18px; }
	.mc-stat:nth-child(3) { border-inline-start: 0; padding-inline-start: 0; }
	.mc-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 38px; }
	.mc-steps::before { display: none; }
	.mc-ig { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.mc-finder { grid-template-columns: 1fr; padding: 12px; border-radius: 20px; }
	.mc-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 190px; gap: 12px; }
	.mc-cat--suv { grid-column: span 2; grid-row: span 1; }
	.mc-cat__body { padding: 14px 16px; }
	.mc-cat__body i { width: 34px; height: 34px; inset-inline-end: 14px; bottom: 14px; }
	.mc-steps { grid-template-columns: 1fr; }
	.mc-step { display: grid; grid-template-columns: 76px 1fr; text-align: start; gap: 0 16px; align-items: center; }
	.mc-step__ic { grid-row: span 2; margin: 0; width: 76px; height: 76px; }
	.mc-step__n { inset-inline-start: 52px; top: -4px; }
	.mc-step b { margin: 0; align-self: end; }
	.mc-step p { align-self: start; }
	.mc-ig { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
	.mc-stat { padding-inline: 14px; }
	.wd-product .product-information { padding: 12px 12px 16px; }
	.wd-product .wd-entities-title { font-size: 14px; }
	.mc-chip { font-size: 11px; padding: 1px 8px; }
	.mc-ask { font-size: 13px; }
	.mc-hero__btns .mc-btn, .mc-hero__btns .elementor-button { flex: 1 1 100%; }
	.mc-inquiry__btns .mc-btn { flex: 1 1 100%; }
	.mc-brand b { font-size: 16px; }
	.mc-brand small { display: none; }
	.mc-brand-wrap { margin-inline-start: 8px; }
	body { padding-bottom: 0; }
}

/* =========================================================
   13. Elementor grids / CTA helpers
   ========================================================= */
.mc-grid > .e-con-inner, .mc-grid.e-con-full { display: grid !important; gap: 24px; width: 100%; }
.mc-grid-4 > .e-con-inner { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mc-grid-2 > .e-con-inner { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 28px; align-items: stretch; }
.mc-grid-footer > .e-con-inner { grid-template-columns: 1.4fr .8fr .9fr 1.2fr; gap: 40px; }
.mc-cta__btns { display: grid; gap: 12px; }
.mc-cta__btns .mc-btn { width: 100%; }
.mc-hero__btns .mc-btn { white-space: nowrap; }
.e-con.mc-section, .e-con.mc-hero { --padding-inline-start: 20px; }
@media (max-width: 1100px) {
	.mc-grid-4 > .e-con-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mc-grid-2 > .e-con-inner { grid-template-columns: 1fr; }
	.mc-grid-footer > .e-con-inner { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 767px) {
	.mc-grid-4 > .e-con-inner { grid-template-columns: 1fr; gap: 14px; }
	.mc-grid-footer > .e-con-inner { grid-template-columns: 1fr; }
	.mc-feature { padding: 26px 22px; }
}

/* full-bleed Elementor pages */
body.mc-full .main-page-wrapper > .container,
body.mc-full .wd-content-layout.container,
body.mc-full main.wd-content-layout { max-width: none !important; width: 100% !important; padding-inline: 0 !important; }
body.mc-full .main-page-wrapper { padding-block: 0 !important; margin: 0 !important; }
body.mc-full .wd-page-content, body.mc-full .wd-entry-content { margin: 0; }
body.mc-full .wd-content-area { padding: 0; }

.footer-container .main-footer.container { max-width: none; width: 100%; padding: 0; }
.mc-eyebrow .elementor-heading-title { color: var(--mc-gold-2); font-size: inherit; font-weight: inherit; line-height: 1.6; }

html { background: var(--mc-bg); }
html body footer.footer-container, html body .footer-container .main-footer { background-color: #050506 !important; }
.elementor-widget-heading .elementor-heading-title, .elementor-widget-icon-box .elementor-icon-box-title { color: #fff; }
.elementor-widget-text-editor { color: #b9b5ab; }

/* Elementor global color overrides (kit "primary" is gold, headings stay white) */
html body .elementor-widget-heading .elementor-heading-title,
html body .elementor-widget-icon-box .elementor-icon-box-title { color: #fff; }
html body .mc-eyebrow .elementor-heading-title { color: var(--mc-gold-2); }
html body .elementor-widget-text-editor, html body .elementor-widget-text-editor p { color: inherit; }
html body .mc-lead, html body .mc-lead p { color: #cfcabd; }
.mc-footer-cta { max-width: min(1240px, 100% - 40px); margin-inline: auto !important; width: 100%; }
.mc-footer-cta > .elementor-widget-html { flex: 0 0 auto; width: auto; }
.mc-footer-cta .mc-hero__btns { flex-wrap: nowrap; }
@media (max-width: 767px) { .mc-footer-cta .mc-hero__btns { flex-wrap: wrap; } }

/* ---- Inner page hero + prose ---- */
.mc-pagehero{background:radial-gradient(900px 340px at 50% 0,rgba(212,175,55,.14),transparent 70%),var(--mc-bg);border-bottom:1px solid var(--mc-line,rgba(212,175,55,.18));text-align:center}
.mc-pagehero__in{max-width:820px;margin-inline:auto}
.mc-pagehero h1{font-size:clamp(28px,4.4vw,52px);line-height:1.35;margin:14px 0}
.mc-pagehero p{color:rgba(255,255,255,.72);font-size:17px;line-height:2;margin:0}
.mc-prose{max-width:820px;margin-inline:auto}
.mc-prose p{color:rgba(255,255,255,.78);font-size:17px;line-height:2.1}
.mc-cta__btns--row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;flex-direction:row}

/* ---- Price filter slider (WooCommerce widget styled by WoodMart) ---- */
.widget_price_filter .ui-slider-horizontal:before { height: 4px; margin-top: -2px; border-radius: 4px; background: rgba(255, 255, 255, .14); }
.widget_price_filter .ui-slider .ui-slider-range { height: 4px; margin-top: -2px; border-radius: 4px; background: var(--mc-grad); }
html body .widget_price_filter .ui-slider .ui-slider-handle:after { width: 18px; height: 18px; border-radius: 50%; background: var(--mc-gold); border: 3px solid #111; box-shadow: 0 0 0 1px var(--mc-gold), 0 0 14px rgba(212, 175, 55, .5); }
html body .widget_price_filter .ui-slider .ui-slider-handle.ui-state-focus:after { background: var(--mc-gold-2); }
html body .widget_price_filter [class*=price_slider_amount] .button { background: var(--mc-grad); color: #111; border-radius: 999px; font-weight: 800; padding: 6px 22px; }
html body .widget_price_filter [class*=price_slider_amount] .price_label { color: #cfcabd; }
html body .widget_price_filter [class*=price_slider_amount] .price_label > span { color: #fff; }
html body .widget_price_filter .ui-slider .ui-slider-handle, html body .widget_price_filter .ui-slider .ui-slider-handle:focus { outline: 0 !important; box-shadow: none; }

/* ---- Hero background: optimised WebP (preloaded in <head>), replaces the Elementor JPG ---- */
html body .elementor .mc-hero.e-con { background-image: url("assets/img/hero-900.webp") !important; }
@media (min-width: 900px) { html body .elementor .mc-hero.e-con { background-image: url("assets/img/hero-1920.webp") !important; } }

/* ---- FAQ (native <details>, crawlable, no JS) ---- */
.mc-faq { display: grid; gap: 12px; max-width: 900px; margin-inline: auto; }
.mc-faq__item { border: 1px solid var(--mc-line-soft); border-radius: 16px; background: linear-gradient(180deg, rgba(26, 26, 31, .7), rgba(14, 14, 17, .7)); transition: border-color .2s; }
.mc-faq__item[open], .mc-faq__item:hover { border-color: var(--mc-gold); }
.mc-faq__item summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; }
.mc-faq__item summary::-webkit-details-marker { display: none; }
.mc-faq__item summary h3 { margin: 0; font-size: 16.5px; font-weight: 800; color: #fff; line-height: 1.7; }
.mc-faq__item summary::after { content: "+"; flex: none; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: rgba(212, 175, 55, .14); color: var(--mc-gold-2); font-size: 20px; line-height: 1; transition: transform .2s; }
.mc-faq__item[open] summary::after { content: "−"; }
.mc-faq__a { padding: 0 22px 20px; color: #cfcabd; line-height: 2.05; font-size: 15.5px; }
.mc-faq__a p { margin: 0; }

/* ---- Product labels: gold with dark text (contrast AA) ---- */
html body .product-labels .product-label, html body .onsale.product-label, html body span.onsale { background: var(--mc-grad); background-color: #d4af37; color: #111; font-weight: 800; }
html body .widget-title { font-size: 17px; }

/* ---- Skip links: off-screen but focusable (keyboard / a11y audits) ---- */
html body .wd-skip-links { display: inline-flex !important; position: fixed !important; top: -1000em; inset-inline-start: 10px; z-index: 999999; }
html body .wd-skip-links:focus-visible, html body .wd-skip-links:focus { top: 10px; }

/* =========================================================
   Blog (راهنمای خرید) — same black/gold language; inactive until mcm_blog_enabled
   ========================================================= */
.mc-blog-soon {
	max-width: 720px; margin: 48px auto 80px; padding: 48px 28px; text-align: center;
	border: 1px solid var(--mc-line); border-radius: 24px;
	background: linear-gradient(180deg, rgba(26,26,31,.75), rgba(14,14,17,.75));
}
.mc-blog-soon .mc-title { font-size: clamp(28px, 4vw, 44px); margin: 14px 0 12px; color: #fff; }
.mc-blog-soon p { color: rgba(255,255,255,.72); line-height: 2; font-size: 16.5px; margin: 0; }
.mc-blog-soon a { color: var(--mc-gold-2); font-weight: 700; text-decoration: none; }
.mc-blog-soon a:hover { color: #fff; }
body.mc-blog--soon .blog-pagination, body.mc-blog--soon .wd-blog-element,
body.mc-blog--soon .post-title-wrapper { display: none !important; }
body.mc-blog--soon #main-content { padding-block: 40px 20px; }

body.mc-blog .page-title .title, body.mc-blog .entry-title {
	font-family: var(--mc-font); font-weight: 900; color: #fff;
}
body.mc-blog .blog-post-loop, body.mc-blog article.blog-post-loop {
	background: linear-gradient(180deg, rgba(26,26,31,.72), rgba(14,14,17,.72)) !important;
	border: 1px solid var(--mc-line-soft) !important; border-radius: 20px !important;
	overflow: hidden; box-shadow: none !important;
	transition: border-color .2s, transform .2s;
}
body.mc-blog .blog-post-loop:hover { border-color: var(--mc-gold) !important; transform: translateY(-3px); }
body.mc-blog .blog-post-loop .post-title a, body.mc-blog .blog-post-loop .post-title {
	color: #fff !important; font-weight: 800; font-size: 1.25rem; line-height: 1.55;
}
body.mc-blog .blog-post-loop .post-title a:hover { color: var(--mc-gold-2) !important; }
body.mc-blog .meta-post, body.mc-blog .post-meta, body.mc-blog .wd-post-meta { color: #8f8b80; font-size: 13px; }
body.mc-blog .meta-post a { color: var(--mc-gold-2); }
body.mc-blog .wd-entry-content, body.mc-blog .article-body-container, body.mc-blog .content-post {
	color: rgba(255,255,255,.78); font-size: 17px; line-height: 2.15;
}
body.mc-blog .wd-entry-content h2, body.mc-blog .wd-entry-content h3,
body.mc-blog .article-body-container h2, body.mc-blog .article-body-container h3 {
	color: #fff; font-weight: 800; margin-top: 1.6em;
}
body.mc-blog .wd-entry-content a { color: var(--mc-gold-2); }
body.mc-blog .single-post-navigation a, body.mc-blog .wd-entities-title a { color: #fff; }
body.mc-blog .wd-post-img, body.mc-blog .post-img img, body.mc-blog .blog-post-loop img {
	border-radius: 16px 16px 0 0;
}
body.mc-blog .post-single-page .article-body-container {
	max-width: 820px; margin-inline: auto;
}
body.mc-blog .wd-post-cat .wd-post-cat-inner, body.mc-blog .post-cats a {
	background: rgba(212,175,55,.12); color: var(--mc-gold-2); border-radius: 999px; padding: 4px 12px; font-weight: 700;
}

/* ---- Blog article components (TOC, key box, figure, CTA, related cars) ---- */
body.mc-blog .wd-entry-content h2 { font-size: clamp(22px, 2.6vw, 28px); padding-top: .4em; border-top: 1px solid var(--mc-line-soft); margin-top: 2em; scroll-margin-top: 90px; }
body.mc-blog .wd-entry-content h3 { font-size: clamp(18px, 2vw, 21px); color: var(--mc-gold-2); }
body.mc-blog .wd-entry-content p { margin-bottom: 1.1em; }
body.mc-blog .wd-entry-content ul, body.mc-blog .wd-entry-content ol { padding-inline-start: 1.4em; margin-bottom: 1.2em; }
body.mc-blog .wd-entry-content li { margin-bottom: .35em; }
body.mc-blog .wd-entry-content a { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(212,175,55,.45); }
body.mc-blog .wd-entry-content a:hover { color: #fff; }
.mc-toc, .mc-keybox {
	border: 1px solid var(--mc-line-soft); border-radius: 16px; padding: 18px 22px; margin: 1.4em 0;
	background: linear-gradient(180deg, rgba(26,26,31,.8), rgba(14,14,17,.8));
}
.mc-keybox { border-inline-start: 4px solid var(--mc-gold); color: #fff; }
.mc-toc strong { display: block; color: var(--mc-gold-2); font-size: 16px; margin-bottom: 8px; }
.mc-toc ul { margin: 0 !important; padding-inline-start: 1.2em !important; }
.mc-toc li { margin: 0 0 4px; }
.mc-fig { margin: 1.6em 0; }
.mc-fig img { width: 100%; height: auto; border-radius: 16px; display: block; }
.mc-fig figcaption { margin-top: 8px; font-size: 13.5px; color: #8f8b80; text-align: center; }
.mc-post-cta {
	margin: 2em 0; padding: 24px; border-radius: 18px; text-align: center;
	background: linear-gradient(135deg, rgba(212,175,55,.16), rgba(212,175,55,.04)); border: 1px solid var(--mc-gold);
}
.mc-post-cta p { color: #fff; font-weight: 700; margin-bottom: 14px !important; }
body.mc-blog .wd-entry-content a.mc-post-cta__btn {
	display: inline-block; padding: 10px 24px; border-radius: 999px; font-weight: 800; text-decoration: none;
	background: linear-gradient(135deg, var(--mc-gold-2), var(--mc-gold)); color: #111; margin: 4px;
}
body.mc-blog .wd-entry-content a.mc-post-cta__btn--ghost { background: transparent; color: var(--mc-gold-2); border: 1px solid var(--mc-gold); }
body.mc-blog .wd-entry-content a.mc-post-cta__btn:hover { color: #111; filter: brightness(1.1); }
body.mc-blog .wd-entry-content a.mc-post-cta__btn--ghost:hover { color: #fff; }
.mc-post-cars { list-style: none; padding: 0 !important; margin: 1em 0 !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 14px; }
.mc-post-cars li { margin: 0 !important; }
body.mc-blog .wd-entry-content .mc-post-cars a {
	display: block; text-decoration: none; border: 1px solid var(--mc-line-soft); border-radius: 16px; overflow: hidden;
	background: #121216; transition: border-color .2s, transform .2s; color: #fff;
}
body.mc-blog .wd-entry-content .mc-post-cars a:hover { border-color: var(--mc-gold); transform: translateY(-3px); }
.mc-post-cars img { width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; display: block; }
.mc-post-cars span { display: block; padding: 10px 12px 2px; font-weight: 800; font-size: 14.5px; line-height: 1.6; }
.mc-post-cars em { display: block; padding: 0 12px 12px; font-style: normal; color: var(--mc-gold-2); font-size: 13px; }

body.mc-blog.single-post .wd-entry-content {
	max-width: 780px; margin-inline: auto; font-size: 18px; line-height: 2.15; color: rgba(255,255,255,.82);
}
body.mc-blog.single-post .wd-post-image, body.mc-blog.single-post .wd-post-image img { max-width: 1000px; margin-inline: auto; }
body.mc-blog.single-post .wd-entry-content .mc-post-cars { max-width: none; }

.mc-copy .mc-credit a { color: var(--mc-gold-2); font-weight: 700; text-decoration: none; }
.mc-copy .mc-credit a:hover { color: #fff; }

/* =========================================================
   Hero background: use the optimized files that are preloaded in <head> (900px phones / 1920px desktop)
   instead of the full library image, so the preload is actually consumed.
   ========================================================= */
.e-con.mc-hero { background-image: url("assets/img/hero-1920.webp") !important; }
@media (max-width: 899px) { .e-con.mc-hero { background-image: url("assets/img/hero-900.webp") !important; } }

/* =========================================================
   Lead forms ([mc_lead_form], [mc_sell_form], product request box)
   ========================================================= */
.mc-form { display: grid; gap: 14px; padding: 26px; border-radius: var(--mc-r); border: 1px solid var(--mc-line); background: linear-gradient(180deg, rgba(212, 175, 55, .07), rgba(212, 175, 55, .015)); max-width: 640px; margin-inline: auto; }
.mc-form--wide { max-width: 860px; }
.mc-form__title { margin: 0; font-size: 18px; color: var(--mc-white); }
.mc-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.mc-form .mc-field input, .mc-form .mc-field textarea { background: transparent; border: 0; box-shadow: none; padding: 4px 0; min-height: 0; height: 30px; color: #fff; font-weight: 600; font-size: 15px; width: 100%; font-family: var(--mc-font); }
.mc-form .mc-field textarea { height: auto; resize: vertical; line-height: 1.8; }
.mc-form .mc-field input[type="file"] { height: auto; padding: 8px 0 2px; font-size: 13px; color: #cfcabd; }
.mc-form .mc-field input::placeholder, .mc-form .mc-field textarea::placeholder { color: #6e6a60; }
.mc-form .mc-btn { justify-self: stretch; cursor: pointer; border: 0; }
.mc-form__hint { margin: 0; font-size: 12.5px; color: #8f8b80; text-align: center; }
.mc-hp { position: absolute !important; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mc-formmsg { padding: 12px 16px; border-radius: 12px; font-weight: 700; font-size: 14px; line-height: 1.8; }
.mc-formmsg--ok { background: rgba(60, 180, 100, .12); border: 1px solid rgba(60, 180, 100, .5); color: #9be3b4; }
.mc-formmsg--err { background: rgba(220, 70, 70, .12); border: 1px solid rgba(220, 70, 70, .5); color: #ffb3b3; }
.mc-leadbox { margin-top: 14px; border: 1px solid var(--mc-line); border-radius: var(--mc-r); background: rgba(255, 255, 255, .02); }
.mc-leadbox > summary { cursor: pointer; list-style: none; padding: 16px 20px; font-weight: 800; color: var(--mc-gold-2); }
.mc-leadbox > summary::-webkit-details-marker { display: none; }
.mc-leadbox > summary::after { content: "＋"; float: inline-end; color: var(--mc-gold); }
.mc-leadbox[open] > summary::after { content: "－"; }
.mc-leadbox .mc-form { border: 0; background: transparent; padding: 4px 20px 20px; max-width: none; }
@media (max-width: 640px) { .mc-form { padding: 18px; } .mc-form__row { grid-template-columns: 1fr; } .mc-leadbox .mc-form { padding: 4px 14px 16px; } }