/* Tesla World: «Туман» (день) і «Графіт» (ніч) поверх теми Kadence.
   Тема задається атрибутом data-evp-theme на <html>. Шрифт Manrope (варіант C «Мінімал»). */

/* ---------- Токени ---------- */
html[data-evp-theme] .evp-skin, .evp-skin {
	--tw-bg: #EEF0F1;
	--tw-header: #F8F9F9;
	--tw-surface: #FFFFFF;
	--tw-well: #E6E9EB;
	--tw-line: #D3D8DC;
	--tw-ink: #232A2F;
	--tw-body: #232A2F;
	--tw-ink2: #4B555C;
	--tw-mute: #5B656C;
	--tw-accent: #9C3F37;
	--tw-accent-hover: #84342D;
	--tw-link: #9C3F37;
	--tw-price: #9C3F37;
	--tw-btn: #232A2F;
	--tw-btn-ink: #FFFFFF;
	--tw-ring: rgba(156, 63, 55, .18);
	--tw-used-bg: #F6E9E7;
	--tw-used-ink: #7E2F28;
	--tw-ok: #1E6B3B;
	--tw-hero: radial-gradient(ellipse 60% 55% at 50% 74%, #FFFFFF 0%, #F8F9F9 42%, #EEF0F1 76%);
	--tw-stage: radial-gradient(ellipse 70% 70% at 50% 60%, #FFFFFF 0%, #F3F5F6 70%);
	--tw-floor: radial-gradient(closest-side, rgba(20, 26, 31, .28), rgba(20, 26, 31, 0));
}
html[data-evp-theme="night"] .evp-skin {
	--tw-bg: #1C1E21;
	--tw-header: #1C1E21;
	--tw-surface: #24272B;
	--tw-well: #2E3236;
	--tw-line: #34383D;
	--tw-ink: #F3EDE8;
	--tw-body: #E6E3DF;
	--tw-ink2: #C9C5C0;
	--tw-mute: #9A9DA3;
	--tw-accent: #B8524A;
	--tw-accent-hover: #C9625A;
	--tw-link: #E0A29A;
	--tw-price: #E0A29A;
	--tw-btn: #F3EDE8;
	--tw-btn-ink: #1C1E21;
	--tw-ring: rgba(184, 82, 74, .24);
	--tw-used-bg: #3A2B29;
	--tw-used-ink: #F0B9B1;
	--tw-ok: #8FD3A6;
	--tw-hero: radial-gradient(ellipse 55% 55% at 50% 72%, #4A4F56 0%, #2C2F33 38%, #1C1E21 72%);
	--tw-stage: radial-gradient(ellipse 70% 70% at 50% 58%, #464B52 0%, #26292D 75%);
	--tw-floor: radial-gradient(closest-side, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
}
html[data-evp-theme="night"] { color-scheme: dark; }
html[data-evp-theme="day"] { color-scheme: light; }

/* Токени → тема Kadence і компоненти плагіна */
.evp-skin {
	--global-palette1: var(--tw-accent);
	--global-palette2: var(--tw-accent-hover);
	--global-palette3: var(--tw-ink);
	--global-palette4: var(--tw-ink2);
	--global-palette5: var(--tw-mute);
	--global-palette6: var(--tw-mute);
	--global-palette7: var(--tw-line);
	--global-palette8: var(--tw-bg);
	--global-palette9: var(--tw-surface);
	--global-palette-btn-bg: var(--tw-btn);
	--global-palette-btn-bg-hover: var(--tw-accent);
	--global-palette-btn: var(--tw-btn-ink);
	--global-palette-btn-hover: #FFFFFF;
	--global-body-font-family: 'Golos Text', system-ui, sans-serif;
	--global-heading-font-family: 'Golos Text', system-ui, sans-serif;

	--evp-accent: var(--tw-accent);
	--evp-ink: var(--tw-ink);
	--evp-muted: var(--tw-mute);
	--evp-line: var(--tw-line);
	--evp-soft: var(--tw-well);
	--evp-bg: var(--tw-surface);

	background: var(--tw-bg);
	color: var(--tw-body);
	font-family: var(--global-body-font-family);
	font-variant-numeric: tabular-nums;
	line-height: 1.6;
}
.evp-skin.evp-ready, .evp-skin.evp-ready #masthead, .evp-skin.evp-ready .site-footer,
.evp-skin.evp-ready .content-bg, .evp-skin.evp-ready ul.products li.product, .evp-skin.evp-ready .evp-card {
	transition: background-color .35s ease, color .35s ease, border-color .35s ease;
}
.evp-skin h1, .evp-skin h2, .evp-skin h3, .evp-skin h4 { color: var(--tw-ink); font-weight: 600; letter-spacing: -0.015em; }
.evp-skin a { color: var(--tw-link); }
.evp-skin a:hover { color: var(--tw-ink); }
.evp-skin .site, .evp-skin #wrapper { background: var(--tw-bg); }
.evp-skin .content-bg, .evp-skin .entry.content-bg, .evp-skin .site-main > article { background: var(--tw-surface); color: var(--tw-body); }
.evp-skin a:focus-visible, .evp-skin button:focus-visible, .evp-skin input:focus-visible,
.evp-skin select:focus-visible, .evp-skin textarea:focus-visible, .evp-skin summary:focus-visible { outline: 2px solid var(--tw-accent); outline-offset: 2px; }

/* Поля форм */
.evp-skin input[type="text"], .evp-skin input[type="search"], .evp-skin input[type="email"], .evp-skin input[type="tel"],
.evp-skin input[type="number"], .evp-skin input[type="password"], .evp-skin textarea, .evp-skin select,
.evp-skin .wc-block-components-text-input input, .evp-skin .wc-block-components-textarea {
	background-color: var(--tw-surface); color: var(--tw-ink); border: 1px solid var(--tw-line); border-radius: 10px;
}
.evp-skin ::placeholder { color: var(--tw-mute); opacity: 1; }

/* ---------- Шапка ---------- */
.evp-skin #masthead, .evp-skin #masthead .site-header-row-container-inner,
.evp-skin #mobile-header .site-header-row-container-inner { background: var(--tw-header); border-bottom: 1px solid var(--tw-line); }
.evp-skin #masthead .site-title, .evp-skin #mobile-header .site-title { color: var(--tw-ink); font-weight: 700; font-size: 19px; white-space: nowrap; }
.evp-skin .main-navigation .primary-menu-container > ul > li > a { color: var(--tw-ink2); font-weight: 500; }
.evp-skin .main-navigation .primary-menu-container > ul > li > a:hover,
.evp-skin .main-navigation .primary-menu-container > ul > li.current-menu-item > a { color: var(--tw-ink); }
.evp-skin .main-navigation ul ul { background: var(--tw-surface); border: 1px solid var(--tw-line); }
.evp-skin #masthead .header-cart-button, .evp-skin #mobile-header .header-cart-button,
.evp-skin .menu-toggle-open, .evp-skin .search-toggle-open { color: var(--tw-ink); }
.evp-skin .header-cart-total { background: var(--tw-accent); color: #fff; }
.evp-skin #mobile-drawer .drawer-inner { background: var(--tw-surface); }
.evp-skin #mobile-drawer a, .evp-skin #mobile-drawer .drawer-toggle { color: var(--tw-ink); }
.evp-skin .header-html-inner { display: flex; align-items: center; gap: 8px; }
.evp-skin .header-html-inner p { display: contents; margin: 0; }

.evp-skin .evp-garage-badge { background: var(--tw-surface); border: 1px solid var(--tw-line); color: var(--tw-ink); font-weight: 500; font-size: 15px; padding: 8px 14px; border-radius: 12px; text-decoration: none; }
.evp-skin .evp-garage-badge:hover { border-color: var(--tw-ink2); color: var(--tw-ink); }
.evp-theme-toggle {
	width: 42px; height: 42px; flex: none; display: inline-flex; align-items: center; justify-content: center;
	border-radius: 12px; border: 1px solid var(--tw-line); background: var(--tw-surface); color: var(--tw-ink);
	cursor: pointer; padding: 0;
}
.evp-theme-toggle:hover { border-color: var(--tw-ink2); }
.evp-theme-toggle .evp-ico { width: 20px; height: 20px; }
html[data-evp-theme="night"] .evp-ico--moon, html:not([data-evp-theme="night"]) .evp-ico--sun { display: none; }

/* ---------- Банер заголовка на внутрішніх сторінках ---------- */
.evp-skin .entry-hero .entry-hero-container-inner { position: relative; overflow: hidden; background: var(--tw-stage); border-bottom: 1px solid var(--tw-line); }
.evp-skin .entry-hero .entry-hero-container-inner::after {
	content: ""; position: absolute; right: 4%; bottom: 8%; width: min(34%, 380px); aspect-ratio: 1250 / 846;
	background: var(--tw-banner) center / contain no-repeat; pointer-events: none;
}
.evp-skin .entry-hero .hero-container { position: relative; z-index: 1; }
.evp-skin .entry-hero .entry-title, .evp-skin .entry-hero .page-title { color: var(--tw-ink); }
.evp-skin .entry-hero .kadence-breadcrumbs, .evp-skin .entry-hero .kadence-breadcrumbs a, .evp-skin .entry-hero .archive-description { color: var(--tw-mute); }

/* ---------- Підвал ---------- */
.evp-skin .site-footer, .evp-skin .site-footer .site-footer-row-container-inner { background: var(--tw-bg); color: var(--tw-mute); }
.evp-skin .site-footer .site-top-footer-wrap .site-footer-row-container-inner,
.evp-skin .site-footer .site-middle-footer-wrap .site-footer-row-container-inner { border-top: 1px solid var(--tw-line); }
.evp-skin .site-footer a { color: var(--tw-ink2); }
.evp-skin .site-footer a:hover { color: var(--tw-ink); }
.evp-skin .evp-disclaimer { background: var(--tw-bg); color: var(--tw-mute); border-top-color: var(--tw-line); }

/* ---------- Кнопки ---------- */
.evp-skin .button, .evp-skin button[type="submit"], .evp-skin .wp-block-button__link, .evp-skin .evp-btn,
.evp-skin .wc-block-components-button {
	border-radius: 12px; font-weight: 600; transition: background-color .2s, color .2s, border-color .2s;
}
.evp-skin .single_add_to_cart_button, .evp-skin .checkout-button, .evp-skin #place_order, .evp-skin .evp-btn,
.evp-skin .wc-block-cart__submit-button, .evp-skin .wc-block-components-checkout-place-order-button {
	background: var(--tw-accent) !important; color: #fff !important; border: 0 !important;
}
.evp-skin .single_add_to_cart_button:hover, .evp-skin .checkout-button:hover, .evp-skin #place_order:hover, .evp-skin .evp-btn:hover,
.evp-skin .wc-block-cart__submit-button:hover, .evp-skin .wc-block-components-checkout-place-order-button:hover { background: var(--tw-btn-hover, var(--tw-accent-hover)) !important; }
.evp-btn { display: inline-flex; align-items: center; padding: 13px 22px; text-decoration: none; }
.evp-skin .evp-btn--ghost { background: transparent !important; color: var(--tw-ink) !important; border: 1px solid var(--tw-line) !important; }
.evp-skin .evp-btn--ghost:hover { background: transparent !important; border-color: var(--tw-ink2) !important; }
.evp-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.evp-skin .button.evp-ask { background: transparent; color: var(--tw-ink); border: 1px solid var(--tw-line); }
.evp-skin .button.evp-ask:hover { border-color: var(--tw-ink2); background: transparent; color: var(--tw-ink); }

/* ---------- Картки товарів ---------- */
.evp-skin ul.products li.product {
	background: var(--tw-surface); border: 1px solid var(--tw-line); border-radius: 20px;
	padding: 14px 14px 16px; position: relative; transition: border-color .2s;
}
.evp-skin ul.products li.product:hover { border-color: var(--tw-ink2); }
.evp-skin ul.products li.product img { border-radius: 14px; background: var(--tw-well); }
.evp-skin ul.products li.product .woocommerce-loop-product__title, .evp-skin ul.products li.product .woocommerce-loop-product__title a { font-size: 15px; font-weight: 500; line-height: 1.35; color: var(--tw-ink); }
.evp-skin ul.products li.product .price { font-size: 19px; font-weight: 600; color: var(--tw-ink); }
.evp-skin .price ins, .evp-skin .price ins .amount { color: var(--tw-price); text-decoration: none; }
.evp-skin .price del { color: var(--tw-mute); opacity: 1; }
.evp-skin .evp-loop-pn { font-size: 13px; color: var(--tw-mute); letter-spacing: .02em; margin-top: 12px; padding: 0 2px; }
.evp-skin ul.products li.product .product-details,
.evp-skin ul.products.woo-archive-action-on-hover li.product:hover .product-details,
.evp-skin ul.products.woo-archive-action-on-hover li.product:focus-within .product-details { position: relative; padding: 2px 2px 0; background: transparent; transform: none; }

/* Ціна і кнопка ділять один рядок: при наведенні ціна гасне, на її місці кнопка */
.evp-skin ul.products li.product .price { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; min-height: 46px; margin: 4px 0 0; transition: opacity .25s ease; }
.evp-skin ul.products li.product .product-action-wrap,
.evp-skin ul.products.woo-archive-action-on-hover li.product .product-action-wrap {
	position: absolute; left: 2px; right: 2px; bottom: 0; top: auto; z-index: 3;
	margin: 0; padding: 0; width: auto; opacity: 0; visibility: hidden; transform: translateY(6px);
	transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
}
.evp-skin ul.products li.product .product-action-wrap .button {
	width: 100%; min-height: 46px; display: flex; gap: 8px; align-items: center; justify-content: center; padding: 10px 14px;
	background: var(--tw-accent); color: #fff; border: 0; border-radius: 12px;
	text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 600;
}
.evp-skin ul.products li.product .product-action-wrap .button:hover { background: var(--tw-btn-hover, var(--tw-accent-hover)); color: #fff; }
.evp-skin ul.products li.product .product-action-wrap .button.added { background: var(--tw-btn); color: var(--tw-btn-ink); }
.evp-skin ul.products li.product .added_to_cart { display: none; }

/* Мʼяка віньєтка на картці */
.evp-skin ul.products li.product::after {
	content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none;
	background: radial-gradient(ellipse 85% 75% at 50% 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .14) 100%);
	opacity: 0; transition: opacity .3s ease;
}
html[data-evp-theme="night"] .evp-skin ul.products li.product::after {
	background: radial-gradient(ellipse 85% 75% at 50% 40%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .38) 100%);
}

@media (hover: hover) and (pointer: fine) {
	.evp-skin ul.products li.product:hover::after,
	.evp-skin ul.products li.product:focus-within::after { opacity: 1; }
	.evp-skin ul.products li.product:hover .price,
	.evp-skin ul.products li.product:focus-within .price { opacity: 0; }
	.evp-skin ul.products li.product:hover .product-action-wrap,
	.evp-skin ul.products li.product:focus-within .product-action-wrap,
	.evp-skin ul.products.woo-archive-action-on-hover li.product:hover .product-action-wrap,
	.evp-skin ul.products.woo-archive-action-on-hover li.product:focus-within .product-action-wrap {
		opacity: 1; visibility: visible; transform: none; transition: opacity .25s ease, transform .25s ease, visibility 0s;
	}
}
/* Телефони й планшети без наведення: кнопка завжди під ціною */
@media (hover: none), (pointer: coarse) {
	.evp-skin ul.products li.product .product-action-wrap,
	.evp-skin ul.products.woo-archive-action-on-hover li.product .product-action-wrap {
		position: static; opacity: 1; visibility: visible; transform: none; margin-top: 8px;
	}
	.evp-skin ul.products li.product .price { min-height: 0; }
	.evp-skin ul.products li.product::after { display: none; }
}

.evp-badge { position: absolute; z-index: 3; top: 24px; padding: 4px 9px; border-radius: 8px; font-size: 12px; font-weight: 600; line-height: 1.2; }
.evp-badge--new { left: 24px; background: var(--tw-ink); color: var(--tw-bg); }
.evp-skin span.onsale.evp-badge--sale { right: 24px; left: auto; min-height: 0; min-width: 0; background: var(--tw-accent); color: #fff; margin: 0; }
.single-product .evp-badge--new { top: 14px; left: 14px; }
.evp-skin .evp-tag { background: transparent; color: var(--tw-ink2); border-color: var(--tw-line); }
.evp-skin .evp-tag--original { background: var(--tw-ink); border-color: var(--tw-ink); color: var(--tw-bg); }
.evp-skin .evp-tag--used { background: var(--tw-used-bg); color: var(--tw-used-ink); border-color: transparent; }
.evp-skin .evp-loop-fit { color: var(--tw-mute); }
html[data-evp-theme="night"] .evp-skin img.woocommerce-placeholder { filter: invert(.86) hue-rotate(180deg); }

/* Картка товару */
.evp-skin .single-product div.product .product_title { font-size: clamp(24px, 2.6vw, 34px); }
.evp-skin .single-product div.product p.price, .evp-skin .single-product div.product span.price { font-size: 28px; font-weight: 600; color: var(--tw-ink); }
.evp-skin .woocommerce-product-gallery { background: var(--tw-well); border-radius: 20px; overflow: hidden; }
.evp-skin .evp-variants { border-color: var(--tw-line); background: var(--tw-surface); }
.evp-skin .evp-variant { color: var(--tw-ink); }
.evp-skin .evp-variant:hover, .evp-skin .evp-variant.is-current { background: var(--tw-well); }
.evp-skin .evp-variant.is-current { box-shadow: inset 3px 0 0 var(--tw-accent); }
.evp-skin .evp-info__item { background: var(--tw-well); color: var(--tw-body); border-radius: 12px; }
.evp-skin .evp-fit--yes { color: var(--tw-ok); }
.evp-skin .evp-fit--no { color: var(--tw-used-ink); }
.evp-skin .woocommerce-tabs ul.tabs li a { color: var(--tw-mute); }
.evp-skin .woocommerce-tabs ul.tabs li.active a { color: var(--tw-ink); }
.evp-skin .evp-pn strong, .evp-skin .evp-cross code { color: var(--tw-ink); }
.evp-skin .evp-cross code { background: var(--tw-well); }

/* Сповіщення, таблиці WooCommerce */
.evp-skin .woocommerce-message, .evp-skin .woocommerce-info, .evp-skin .woocommerce-error { background: var(--tw-surface); color: var(--tw-body); border-left-color: var(--tw-accent); }
.evp-skin table.shop_table, .evp-skin table.shop_table th, .evp-skin table.shop_table td { border-color: var(--tw-line); color: var(--tw-body); }

/* Компоненти плагіна */
.evp-skin .evp-card { background: var(--tw-surface); border-color: var(--tw-line); border-radius: 20px; }
.evp-skin .evp-muted { color: var(--tw-mute); }
.evp-skin .evp-node__code { color: var(--tw-accent); }
.evp-skin .evp-gen, .evp-skin .evp-mi__gens a { border-color: var(--tw-line); color: var(--tw-ink); background: var(--tw-surface); }
.evp-skin .evp-gen.is-current { border-color: var(--tw-accent); box-shadow: inset 0 0 0 1px var(--tw-accent); }
.evp-skin .evp-car { border-color: var(--tw-line); }
.evp-skin .evp-car.is-active strong { color: var(--tw-accent); }
.evp-skin .evp-fit-switch a { border-color: var(--tw-line); color: var(--tw-ink); }
.evp-skin .evp-fit-switch a.is-on { border-color: var(--tw-accent); color: var(--tw-accent); }
.evp-skin .evp-notice--ok { background: var(--tw-well); color: var(--tw-ok); }
.evp-skin .evp-notice--err { background: var(--tw-used-bg); color: var(--tw-used-ink); }

/* ---------- Головна ---------- */
.evp-home { --gap: clamp(64px, 8vw, 104px); background: var(--tw-bg); color: var(--tw-body); }
.evp-wrap { max-width: 1280px; margin-inline: auto; padding-inline: clamp(16px, 4vw, 48px); }
.evp-sec { margin-top: var(--gap); }
.evp-sec--last { margin-bottom: var(--gap); }
.evp-h2 { font-size: clamp(24px, 2.4vw, 30px); margin: 0 0 22px; }
.evp-note { margin-top: 18px; color: var(--tw-mute); }
.evp-sec__head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.evp-more { font-weight: 600; }
.evp-empty { padding: 28px; border: 1px dashed var(--tw-line); border-radius: 20px; color: var(--tw-mute); }
.evp-ico { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* Герой */
.evp-hero { background: var(--tw-hero); padding-top: clamp(40px, 6vw, 72px); }
.evp-hero__text { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.evp-hero__title { font-size: clamp(32px, 4.4vw, 54px); line-height: 1.08; margin: 0; max-width: 18ch; }
.evp-hero__lead { font-size: 18px; color: var(--tw-mute); max-width: 52ch; margin: 0; }
.evp-hero__search {
	display: flex; align-items: center; gap: 8px; width: 100%; max-width: 620px;
	background: var(--tw-surface); border: 1px solid var(--tw-line); border-radius: 999px; padding: 6px 6px 6px 20px; color: var(--tw-ink);
}
.evp-hero__search .evp-ico { width: 20px; height: 20px; flex: none; color: var(--tw-mute); }
.evp-skin .evp-hero__search input[type="search"] { flex: 1; min-width: 0; border: 0; box-shadow: none; background: transparent; font-size: 16px; padding: 10px 4px; }
.evp-skin .evp-hero__search button { flex: none; white-space: nowrap; background: var(--tw-accent); color: #fff; border: 0; border-radius: 999px; padding: 0 24px; height: 46px; line-height: 46px; font-weight: 600; }
.evp-skin .evp-hero__search button:hover { background: var(--tw-btn-hover, var(--tw-accent-hover)); }
.evp-hero__alt { margin: 0; color: var(--tw-mute); }

.evp-hero__stage { position: relative; max-width: 1180px; margin: 36px auto 0; padding: 0 clamp(16px, 3vw, 32px) 44px; }
.evp-hero__frame { position: relative; }
.evp-hero__img { display: block; width: 100%; height: auto; position: relative; }
.evp-floor { position: absolute; left: 7%; right: 7%; bottom: 26px; height: 60px; border-radius: 50%; background: var(--tw-floor); pointer-events: none; }

/* Точки-категорії на рендері */
.evp-co { position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 8px; transform: translate(-50%, -6px); text-decoration: none; }
.evp-co--up { flex-direction: column-reverse; transform: translate(-50%, calc(-100% + 6px)); }
.evp-co__dot { width: 12px; height: 12px; border-radius: 50%; background: var(--tw-accent); box-shadow: 0 0 0 5px var(--tw-ring); transition: transform .2s; }
.evp-co__label {
	background: var(--tw-surface); color: var(--tw-ink); border: 1px solid var(--tw-line); border-radius: 10px;
	padding: 5px 11px; font-size: 13px; font-weight: 500; white-space: nowrap; transition: border-color .2s;
}
.evp-co:hover .evp-co__label, .evp-co:focus-visible .evp-co__label { border-color: var(--tw-accent); }
.evp-co:hover .evp-co__dot { transform: scale(1.25); }
.evp-hero__chips { display: none; }

/* Моделі */
.evp-models { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-top: 40px; }
.evp-models a { display: grid; gap: 2px; padding: 20px 22px; border-radius: 18px; background: var(--tw-surface); border: 1px solid var(--tw-line); color: var(--tw-ink); text-decoration: none; transition: border-color .2s; }
.evp-models a:hover { border-color: var(--tw-ink2); color: var(--tw-ink); }
.evp-models b { font-size: 19px; font-weight: 600; }
.evp-models span { font-size: 14px; color: var(--tw-mute); }

/* Блок 3/4 */
.evp-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; align-items: center; margin-top: var(--gap); }
.evp-stage { position: relative; border-radius: 26px; background: var(--tw-stage); padding: 48px 28px 40px; }
.evp-stage img { position: relative; display: block; width: 100%; height: auto; }
.evp-stage .evp-floor { left: 12%; right: 12%; bottom: 34px; height: 40px; }
.evp-split__text { display: grid; gap: 16px; justify-items: start; }
.evp-split__text h2 { font-size: clamp(26px, 2.8vw, 34px); line-height: 1.15; margin: 0; }
.evp-split__text p { margin: 0; font-size: 17px; color: var(--tw-mute); max-width: 46ch; }
.evp-split__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; color: var(--tw-ink); }
.evp-split__list li { display: flex; gap: 10px; align-items: center; }
.evp-split__list .evp-ico { color: var(--tw-accent); width: 22px; height: 22px; }

/* Категорії */
.evp-cats__list { list-style: none; margin: 0; padding: 0; columns: 2 320px; column-gap: 48px; }
.evp-cats__list li { break-inside: avoid; }
.evp-cats__list a { display: flex; align-items: baseline; gap: 8px; padding: 9px 0; text-decoration: none; color: var(--tw-ink); }
.evp-cats__list a:hover span { color: var(--tw-accent); }
.evp-cats__list i { flex: 1; border-bottom: 1px dotted var(--tw-line); transform: translateY(-4px); }
.evp-cats__list b { color: var(--tw-mute); font-weight: 500; }

/* Кроки: справжня послідовність */
.evp-steps__list { list-style: none; counter-reset: s; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.evp-steps__list li { counter-increment: s; position: relative; padding: 20px 22px 22px; background: var(--tw-surface); border: 1px solid var(--tw-line); border-radius: 20px; }
.evp-steps__list li::before { content: counter(s); display: block; font-size: 15px; font-weight: 600; color: var(--tw-accent); margin-bottom: 10px; }
.evp-steps__list h3, .evp-who__grid h3 { font-size: 17px; margin: 0 0 6px; }
.evp-steps__list p, .evp-who__grid p { margin: 0; color: var(--tw-mute); line-height: 1.55; }
.evp-who__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }

/* FAQ */
.evp-faq { border-top: 1px solid var(--tw-line); }
.evp-faq details { border-bottom: 1px solid var(--tw-line); }
.evp-faq summary { cursor: pointer; list-style: none; padding: 18px 40px 18px 0; font-weight: 500; font-size: 17px; position: relative; color: var(--tw-ink); }
.evp-faq summary::-webkit-details-marker { display: none; }
.evp-faq summary::after { content: ""; position: absolute; right: 8px; top: 50%; width: 9px; height: 9px; border-right: 1.8px solid var(--tw-mute); border-bottom: 1.8px solid var(--tw-mute); transform: translateY(-70%) rotate(45deg); transition: transform .25s; }
.evp-faq details[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.evp-faq details p { margin: 0 0 18px; color: var(--tw-mute); max-width: 70ch; }

/* Заклик з формою */
.evp-cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: center; background: var(--tw-surface); border: 1px solid var(--tw-line); border-radius: 26px; padding: clamp(24px, 4vw, 44px); }
.evp-cta__text { display: grid; gap: 12px; }
.evp-cta h2 { font-size: clamp(24px, 2.6vw, 30px); margin: 0; }
.evp-cta p { color: var(--tw-mute); margin: 0; }
.evp-cta .evp-form { background: transparent; border: 0; padding: 0; margin-top: 6px; max-width: none; }
.evp-cta .evp-form label { color: var(--tw-ink); font-weight: 500; }
.evp-cta .evp-form input, .evp-cta .evp-form textarea { background: var(--tw-bg); }
.evp-cta .evp-form button { background: var(--tw-accent); color: #fff; border: 0; }
.evp-stage--cta { padding: 28px 40px 24px; }
.evp-stage--cta .evp-floor { left: 14%; right: 14%; bottom: 20px; height: 30px; }

/* Сторінка «Мій гараж», форми, послуги на темній темі */
.evp-skin .evp-form label { color: var(--tw-ink); }
.evp-skin .evp-service { color: var(--tw-ink); }
.evp-skin .evp-service p { color: var(--tw-mute); }

/* ---------- Рух: один спокійний вхід ---------- */
@media (prefers-reduced-motion: no-preference) {
	.evp-js .evp-hero:not(.is-in) .evp-hero__img,
	.evp-js .evp-hero:not(.is-in) .evp-co { opacity: 0; }
	.evp-js .evp-hero.is-in .evp-hero__img { animation: evp-arrive 1.4s cubic-bezier(.2, .7, .2, 1) both; }
	.evp-js .evp-hero.is-in .evp-co { animation: evp-fade .5s calc(1.1s + var(--i) * .15s) ease-out both; }
	.evp-faq details[open] p { animation: evp-open .25s ease-out; }
}
@keyframes evp-arrive { from { opacity: 0; transform: translateX(-3%); } to { opacity: 1; transform: none; } }
@keyframes evp-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes evp-open { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* ---------- Головна без відступів теми ---------- */
.evp-skin.home .content-area { margin-top: 0; margin-bottom: 0; }
.evp-skin.home .entry-content-wrap { padding: 0; }
.evp-skin.home .site-main > article { background: transparent; box-shadow: none; }

/* ---------- Адаптив ---------- */
@media (max-width: 1024px) {
	.evp-models { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.evp-steps__list, .evp-who__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.evp-co__label { font-size: 12px; padding: 4px 9px; }
}
@media (max-width: 760px) {
	.evp-skin .site-title { font-size: 17px; }
	.evp-skin .evp-garage-badge { padding: 8px 10px; }
	.evp-skin .evp-garage-badge span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.evp-skin .entry-hero .entry-hero-container-inner::after { opacity: .18; width: 60%; right: -6%; }
	.evp-co__label { display: none; }
	.evp-hero__chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 4px; }
	.evp-hero__chips a { padding: 8px 14px; border-radius: 999px; border: 1px solid var(--tw-line); background: var(--tw-surface); color: var(--tw-ink); text-decoration: none; font-size: 14px; }
	.evp-hero__stage { padding-bottom: 28px; }
	.evp-hero__search { flex-wrap: wrap; border-radius: 18px; padding: 8px; }
	.evp-skin .evp-hero__search button { width: 100%; border-radius: 12px; }
	.evp-hero__lead { font-size: 16px; }
	.evp-models { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.evp-models a { padding: 16px; }
	.evp-split, .evp-cta { grid-template-columns: 1fr; gap: 24px; }
	.evp-steps__list, .evp-who__grid { grid-template-columns: 1fr; }
	.evp-skin ul.products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
	.evp-skin ul.products li.product { width: auto !important; margin: 0 !important; padding: 8px 8px 10px; border-radius: 16px; }
	.evp-skin ul.products li.product .woocommerce-loop-product__title { font-size: 14px; }
	.evp-skin ul.products li.product .evp-loop-fit { display: none; }
	.evp-skin ul.products li.product .price { font-size: 16px; }
	.evp-skin ul.products li.product .product-details { padding: 2px 0 0 !important; }
	.evp-skin ul.products li.product .evp-loop-pn { padding: 0; }
	.evp-skin ul.products li.product .product-action-wrap .button { font-size: 14px; padding: 10px 8px; white-space: nowrap; }
	.evp-skin ul.products li.product .product-action-wrap .button .kadence-svg-iconset { display: none; }
	.evp-badge { top: 16px; }
	.evp-badge--new { left: 16px; }
	.evp-skin span.onsale.evp-badge--sale { right: 16px; }
}

/* =====================================================================
 * Каталог: пошук, фільтри зліва, картки, обране
 * ===================================================================== */
.evp-skin { --tw-green: #1E7A44; --tw-green-line: #9CCFAF; --tw-red-line: #E2A6A0; --tw-amber: #8A5A12; --tw-amber-line: #E3C48E; }
html[data-evp-theme="night"] .evp-skin { --tw-green: #8FD3A6; --tw-green-line: #3E6B50; --tw-red-line: #7A3E39; --tw-amber: #E8C27E; --tw-amber-line: #6B5530; }

.evp-skin.evp-catalog .kadence-shop-top-row,
.evp-skin.evp-catalog .woocommerce-products-header__title,
.evp-skin.evp-catalog .kadence-product-toggle-container { display: none; }

.evp-shop {
	display: grid; grid-template-columns: 250px minmax(0, 1fr);
	grid-template-areas: "search search" "aside main"; column-gap: 32px; row-gap: 24px; align-items: start;
}
.evp-shop > * { min-width: 0; }
.evp-shop__search { grid-area: search; }
.evp-filters { grid-area: aside; position: sticky; top: 24px; }
.evp-shop__main { grid-area: main; min-width: 0; }

/* Пошук */
.evp-shop-search {
	display: flex; align-items: center; gap: 8px; max-width: 620px;
	background: var(--tw-surface); border: 1px solid var(--tw-line); border-radius: 14px; padding: 6px 6px 6px 16px;
}
.evp-shop-search .evp-ico { width: 20px; height: 20px; flex: none; color: var(--tw-mute); }
.evp-skin .evp-shop-search input[type="search"] { flex: 1; min-width: 0; border: 0; background: transparent; box-shadow: none; padding: 10px 4px; font-size: 16px; }
.evp-skin .evp-shop-search button { flex: none; height: 42px; padding: 0 22px; border: 0; border-radius: 10px; background: var(--tw-accent); color: #fff; font-weight: 600; }
.evp-skin .evp-shop-search button:hover { background: var(--tw-btn-hover, var(--tw-accent-hover)); }

/* Рядок над товарами */
.evp-shop__bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 0 0 16px; min-height: 44px; }
.evp-skin .evp-shop__bar .woocommerce-result-count { margin: 0; color: var(--tw-mute); font-size: 14px; float: none; }
.evp-skin .evp-shop__bar .woocommerce-ordering { margin: 0 0 0 auto; float: none; display: flex; align-items: center; gap: 10px; }
.evp-skin .evp-shop__bar .woocommerce-ordering::before { content: "Сортування"; color: var(--tw-mute); font-size: 14px; }
.evp-skin .evp-shop__bar .woocommerce-ordering select { height: 44px; padding: 0 36px 0 14px; border-radius: 10px; font-size: 15px; min-width: 200px; }
.evp-skin .evp-fit-switch { margin: 0 0 16px; }

/* Фільтри */
.evp-filters__box > summary { display: none; list-style: none; }
.evp-filters__box > summary::-webkit-details-marker { display: none; }
.evp-fgroup { border: 0; margin: 0; padding: 0 0 18px; }
.evp-fgroup + .evp-fgroup { border-top: 1px solid var(--tw-line); padding-top: 18px; }
.evp-fgroup legend { font-weight: 600; font-size: 15px; color: var(--tw-ink); padding: 0; margin-bottom: 10px; }
.evp-check { display: flex; align-items: center; gap: 10px; padding: 5px 0; cursor: pointer; color: var(--tw-body); font-size: 15px; line-height: 1.3; }
.evp-check input { width: 18px; height: 18px; margin: 0; flex: none; accent-color: var(--tw-accent); cursor: pointer; }
.evp-check span { flex: 1; }
.evp-check em { font-style: normal; font-size: 13px; color: var(--tw-mute); }
.evp-check.is-sub { padding-left: 28px; font-size: 14px; color: var(--tw-ink2); }
.evp-check.is-empty { opacity: .5; }
.evp-check:hover span { color: var(--tw-ink); }
.evp-fgroup--nodes { max-height: 360px; overflow: auto; padding-right: 6px; }
.evp-price { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; align-items: center; }
.evp-price span { color: var(--tw-mute); }
.evp-skin .evp-price input { width: 100%; height: 42px; padding: 0 10px; font-size: 15px; }
.evp-skin .evp-price button { grid-column: 1 / -1; height: 42px; border-radius: 10px; background: transparent; color: var(--tw-ink); border: 1px solid var(--tw-line); font-weight: 600; }
.evp-skin .evp-price button:hover { border-color: var(--tw-ink2); background: transparent; }
.evp-filters__reset { display: inline-block; margin-top: 4px; font-size: 14px; font-weight: 600; }

/* Картки в каталозі */
.evp-skin .evp-shop__main ul.products, .evp-skin .evp-fav-page ul.products {
	display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 18px !important; margin: 0;
}
.evp-skin .evp-shop__main ul.products li.product, .evp-skin .evp-fav-page ul.products li.product { width: auto !important; margin: 0 !important; }
.evp-skin ul.products li.product .woocommerce-loop-image-link { display: block; border-radius: 14px; overflow: hidden; background: #FFFFFF; }
.evp-skin ul.products li.product .woocommerce-loop-image-link img { aspect-ratio: 1 / 1; object-fit: contain; width: 100%; background: #FFFFFF; padding: 10px; border-radius: 0; }
.evp-skin ul.products li.product .woocommerce-loop-image-link img.woocommerce-placeholder { padding: 0; object-fit: cover; }
html[data-evp-theme="night"] .evp-skin ul.products li.product .woocommerce-loop-image-link { background: var(--tw-well); }
.evp-skin ul.products li.product .woocommerce-loop-product__title,
.evp-skin ul.products li.product .woocommerce-loop-product__title a {
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em;
}
.evp-skin ul.products li.product .woocommerce-loop-product__title { padding: 4px 0 6px; margin: 0; }
.evp-skin ul.products li.product .evp-tags { margin: 2px 0 6px; }
.evp-skin ul.products li.product .evp-loop-fit { font-size: 13px; margin: 0 0 2px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

/* Ярлики: оригінал зелений, аналог червоний, Б/В бурштиновий, новий нейтральний */
.evp-skin .evp-tag { font-size: 12px; font-weight: 600; padding: 3px 9px; border-radius: 999px; background: transparent; border: 1px solid var(--tw-line); color: var(--tw-ink2); }
.evp-skin .evp-tag--original { background: transparent; color: var(--tw-green); border-color: var(--tw-green-line); }
.evp-skin .evp-tag--analog { color: var(--tw-accent); border-color: var(--tw-red-line); }
html[data-evp-theme="night"] .evp-skin .evp-tag--analog { color: var(--tw-link); }
.evp-skin .evp-tag--used { background: transparent; color: var(--tw-amber); border-color: var(--tw-amber-line); }

/* Сердечко */
.evp-fav {
	position: absolute; z-index: 4; top: 22px; right: 22px; width: 40px; height: 40px; padding: 0;
	display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;
	background: var(--tw-surface); border: 1px solid var(--tw-line); color: var(--tw-ink2); cursor: pointer;
	transition: color .2s, border-color .2s, transform .15s;
}
.evp-skin button.evp-fav { border-radius: 50%; }
.evp-fav svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.evp-fav:hover { color: var(--tw-accent); border-color: var(--tw-accent); }
.evp-fav.is-on { color: var(--tw-accent); border-color: var(--tw-accent); }
.evp-fav.is-on svg { fill: currentColor; }
.evp-fav:active { transform: scale(.92); }
.evp-skin ul.products li.product span.onsale.evp-badge--sale { right: auto; left: 24px; top: 56px; margin: 0; }
.evp-fav-row { display: flex; align-items: center; gap: 10px; margin: 12px 0; color: var(--tw-ink2); }
.evp-fav--inline { position: static; }

/* Обране в шапці */
.evp-fav-link { position: relative; width: 42px; height: 42px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid var(--tw-line); background: var(--tw-surface); color: var(--tw-ink); text-decoration: none; }
.evp-skin .evp-fav-link { color: var(--tw-ink); }
.evp-fav-link:hover { border-color: var(--tw-ink2); }
.evp-fav-link svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.evp-fav-count { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--tw-accent); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
.evp-fav-count[hidden] { display: none; }

@media (max-width: 900px) {
	.evp-shop { grid-template-columns: minmax(0, 1fr); grid-template-areas: "search" "aside" "main"; row-gap: 16px; }
	.evp-filters { position: static; }
	.evp-filters__box { border: 1px solid var(--tw-line); border-radius: 14px; background: var(--tw-surface); }
	.evp-filters__box > summary { display: flex; align-items: center; gap: 8px; padding: 12px 16px; font-weight: 600; color: var(--tw-ink); cursor: pointer; }
	.evp-filters__box > summary b { min-width: 22px; height: 22px; border-radius: 999px; background: var(--tw-accent); color: #fff; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; }
	.evp-filters__box > summary::after { content: ""; margin-left: auto; width: 8px; height: 8px; border-right: 1.8px solid var(--tw-mute); border-bottom: 1.8px solid var(--tw-mute); transform: rotate(45deg); }
	.evp-filters__box[open] > summary::after { transform: rotate(-135deg); }
	.evp-filters__box form { padding: 4px 16px 16px; }
	.evp-skin .evp-shop__bar .woocommerce-ordering::before { display: none; }
	.evp-skin .evp-shop__bar .woocommerce-ordering select { min-width: 0; }
}
@media (max-width: 760px) {
	.evp-skin .evp-shop__main ul.products, .evp-skin .evp-fav-page ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
	.evp-fav { top: 14px; right: 14px; width: 34px; height: 34px; }
	.evp-fav svg { width: 17px; height: 17px; }
	.evp-skin ul.products li.product span.onsale.evp-badge--sale { left: 16px; top: 46px; }
	.evp-skin .evp-fav-link { width: 38px; height: 38px; }
}

/* Завжди сітка карток, навіть якщо в браузері збережено режим «список» теми */
.evp-skin ul.products li.product .product-excerpt { display: none !important; }
.evp-skin ul.products li.product { display: flex !important; flex-direction: column; float: none !important; }
.evp-skin ul.products li.product > * { width: auto !important; max-width: none !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.evp-skin ul.products li.product .woocommerce-loop-image-link { width: 100% !important; }
.evp-skin ul.products li.product .product-details { flex: 1; display: flex; flex-direction: column; }
.evp-skin ul.products li.product .price { margin-top: auto; }
.evp-skin ul.products { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 18px !important; }
.evp-skin ul.products li.product { width: auto !important; margin: 0 !important; }
@media (max-width: 760px) { .evp-skin ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } }

/* ===================== Варіант C «Мінімал»: Manrope, логотип, спокійніші деталі ===================== */
.evp-skin {
	--global-body-font-family: 'Manrope', system-ui, sans-serif;
	--global-heading-font-family: 'Manrope', system-ui, sans-serif;
	--tw-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='13' fill='none' stroke='%23232A2F' stroke-width='2.3'/%3E%3Cpath d='M3 15.5h34' stroke='%239C3F37' stroke-width='2.7' stroke-linecap='round'/%3E%3Cpath d='M20 15.5v13' stroke='%23232A2F' stroke-width='2.7' stroke-linecap='round'/%3E%3C/svg%3E");
	--tw-radius: 20px;
	font-feature-settings: "cv11", "ss01";
	-webkit-font-smoothing: antialiased;
}
html[data-evp-theme="night"] .evp-skin {
	--tw-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='13' fill='none' stroke='%23F3EDE8' stroke-width='2.3'/%3E%3Cpath d='M3 15.5h34' stroke='%23B8524A' stroke-width='2.7' stroke-linecap='round'/%3E%3Cpath d='M20 15.5v13' stroke='%23F3EDE8' stroke-width='2.7' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Логотип: іконка-планета + «tesla world» */
.evp-skin .site-branding .brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.evp-skin .site-branding .brand::before { content: ""; width: 34px; height: 34px; flex: none; background: var(--tw-logo) center / contain no-repeat; transition: transform .5s ease; }
.evp-skin .site-branding .brand:hover::before { transform: rotate(-12deg); }
.evp-skin #masthead .site-title, .evp-skin #mobile-header .site-title {
	font-family: 'Manrope', system-ui, sans-serif; font-weight: 800; font-size: 21px; letter-spacing: -0.035em;
	text-transform: lowercase; line-height: 1; margin: 0; color: var(--tw-ink);
}
.evp-skin #mobile-header .site-title.vs-md-false { display: block !important; font-size: 19px; }
@media (max-width: 420px) {
	.evp-skin #mobile-header .site-title.vs-md-false { display: none !important; }
}

/* Типографіка */
.evp-skin h1, .evp-skin h2 { font-weight: 800; letter-spacing: -0.035em; }
.evp-skin h3, .evp-skin h4 { font-weight: 700; letter-spacing: -0.02em; }
.evp-hero__title { line-height: 1.04; letter-spacing: -0.04em; }
.evp-hero__lead, .evp-split__text p { line-height: 1.6; }
.evp-skin .main-navigation .primary-menu-container > ul > li > a { font-weight: 600; letter-spacing: -0.01em; }
.evp-skin .evp-h2, .evp-split__text h2 { letter-spacing: -0.035em; }
.evp-models b { font-weight: 800; letter-spacing: -0.03em; font-size: 20px; }

/* Кнопки: м'які «пілюлі» */
.evp-skin .button, .evp-skin button[type="submit"], .evp-skin .wp-block-button__link, .evp-skin .evp-btn,
.evp-skin .wc-block-components-button { border-radius: 999px; font-weight: 700; letter-spacing: -0.01em; }
.evp-btn { padding: 14px 26px; }
.evp-skin .evp-garage-badge { border-radius: 999px; font-weight: 600; padding: 9px 16px; }
.evp-theme-toggle, .evp-fav-link { border-radius: 999px; }
.evp-skin .evp-shop-search { border-radius: 999px; padding-left: 20px; }
.evp-skin .evp-shop-search button { border-radius: 999px; }
.evp-skin .evp-shop__bar .woocommerce-ordering select { border-radius: 999px; padding-left: 18px; }
.evp-skin .evp-price button { border-radius: 999px; }

/* Великі округлі поверхні */
.evp-models a, .evp-stage, .evp-skin .evp-filters__box { border-radius: var(--tw-radius); }
.evp-co__label { border-radius: 999px; padding: 5px 12px; font-weight: 600; }

/* Блок «Деталь підійде з першого разу»: без тіні під машиною */
.evp-split .evp-floor { display: none; }
.evp-split__list li { font-weight: 500; }

/* Картки товарів */
.evp-skin ul.products li.product { border-radius: 22px; padding: 10px 10px 14px; }
.evp-skin ul.products li.product .woocommerce-loop-image-link { border-radius: 16px; }
.evp-skin ul.products li.product .evp-loop-pn { font-size: 12px; font-weight: 600; letter-spacing: .04em; margin-top: 12px; padding: 0 4px; }
.evp-skin ul.products li.product .woocommerce-loop-product__title,
.evp-skin ul.products li.product .woocommerce-loop-product__title a { font-weight: 700; font-size: 15px; letter-spacing: -0.015em; line-height: 1.35; }
.evp-skin ul.products li.product .woocommerce-loop-product__title { padding: 4px 4px 8px; }
.evp-skin ul.products li.product .evp-tags { padding: 0 4px; }
.evp-skin ul.products li.product .evp-loop-fit { padding: 0 4px; }
.evp-skin ul.products li.product .price { font-weight: 800; font-size: 20px; letter-spacing: -0.03em; padding: 0 4px; color: var(--tw-ink); }
.evp-skin ul.products li.product .price del { font-weight: 500; font-size: 14px; color: var(--tw-mute); }
.evp-skin ul.products li.product .price ins { text-decoration: none; color: var(--tw-price); }
.evp-skin ul.products li.product .product-action-wrap .button { border-radius: 999px; }
.evp-skin .evp-tag { font-weight: 700; letter-spacing: .01em; }
@media (max-width: 760px) {
	.evp-skin ul.products li.product { border-radius: 18px; padding: 8px 8px 10px; }
	.evp-skin ul.products li.product .price { font-size: 17px; }
	.evp-skin ul.products li.product .woocommerce-loop-product__title, .evp-skin ul.products li.product .woocommerce-loop-product__title a { font-size: 14px; }
}

/* Посилання і парт-номер */
.evp-skin a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
.evp-skin .evp-garage-badge, .evp-skin .evp-more, .evp-skin .evp-btn, .evp-skin .site-branding .brand { text-decoration: none !important; }
.evp-skin .evp-more:hover { text-decoration: underline !important; }
.evp-skin .evp-loop-pn, .evp-skin .evp-pn { font-family: 'Manrope', system-ui, sans-serif !important; font-variant-numeric: tabular-nums; }

/* Підказка про гараж у каталозі: тихий текст замість «кнопки» */
.evp-skin .evp-fit-switch { color: var(--tw-mute); font-size: 14px; margin: 0 0 14px; }
.evp-skin .evp-fit-switch a { background: none !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; color: var(--tw-link) !important; font-weight: 700; text-decoration: underline; }

/* Сердечко завжди кругле (правило «сітки» інакше стискало його в овал) */
.evp-skin ul.products li.product > .evp-fav { width: 34px !important; height: 34px !important; aspect-ratio: 1; flex: none; }

/* ===================== Підбір за VIN і оформлення замовлення ===================== */
.evp-checkout-note { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: 20px; background: var(--tw-well); color: var(--tw-body); margin: 0 0 24px; }
.evp-checkout-note .evp-ico { width: 26px; height: 26px; flex: none; color: var(--tw-accent); margin-top: 2px; }
.evp-checkout-note p { margin: 0; }
.evp-checkout-note b { color: var(--tw-ink); }
.evp-skin .woocommerce-checkout #payment, .evp-skin .woocommerce-checkout #payment div.payment_box { background: var(--tw-well); color: var(--tw-body); border-radius: 18px; }
.evp-skin .woocommerce-checkout #payment div.payment_box::before { display: none; }
.evp-skin .woocommerce-checkout #payment ul.payment_methods { border-bottom-color: var(--tw-line); }
.evp-skin .woocommerce-checkout #payment ul.payment_methods li.payment_method_evp_manager:only-child > input { display: none; }
.evp-skin .woocommerce-checkout #payment ul.payment_methods li.payment_method_evp_manager > label { font-weight: 800; color: var(--tw-ink); }
.evp-skin .woocommerce-checkout .form-row label { font-weight: 600; color: var(--tw-ink); }
.evp-skin .woocommerce form .form-row .input-text, .evp-skin .woocommerce form .form-row select { min-height: 48px; border-radius: 14px; padding: 10px 14px; }
.evp-thanks-delivery { padding: 14px 18px; border-radius: 16px; background: var(--tw-well); }

/* ===================== Обране: миттєвий відгук ===================== */
/* Kadence фарбує button:hover/:focus у колір кнопок з тінню й переходом — сердечко від цього відв'язане. */
.evp-skin button.evp-fav,
.evp-skin button.evp-fav:hover,
.evp-skin button.evp-fav:focus,
.evp-skin button.evp-fav:active {
	background: var(--tw-surface) !important; box-shadow: none !important; outline: none;
	color: var(--tw-ink2); border: 1px solid var(--tw-line) !important; padding: 0 !important;
	transition: transform .12s ease-out !important; -webkit-tap-highlight-color: transparent;
}
.evp-skin button.evp-fav:focus-visible { outline: 2px solid var(--tw-accent); outline-offset: 2px; }
.evp-skin button.evp-fav svg { transition: none !important; }
@media (hover: hover) {
	.evp-skin button.evp-fav:hover { color: var(--tw-accent); border-color: var(--tw-accent) !important; }
}
.evp-skin button.evp-fav.is-on, .evp-skin button.evp-fav.is-on:hover, .evp-skin button.evp-fav.is-on:focus { color: var(--tw-accent); border-color: var(--tw-accent) !important; }
.evp-skin button.evp-fav.is-on svg { fill: currentColor; }
.evp-skin button.evp-fav:active { transform: scale(.9); }
.evp-skin button.evp-fav.is-pop svg { animation: evp-pop .28s ease-out; }
@keyframes evp-pop { 0% { transform: scale(.7); } 60% { transform: scale(1.18); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .evp-skin button.evp-fav.is-pop svg { animation: none; } }

/* ===================== Без тіні під машинами ===================== */
.evp-floor { display: none !important; }

/* Кошик: Kadence додає зайвий заголовок «Підсумок кошика» над таблицею */
.evp-skin .cart-summary > h2 { display: none; }

/* Оформлення: одна колонка на планшеті й телефоні, рівні підписи */
@media (max-width: 1024px) {
	.evp-skin .woocommerce-checkout .col2-set { display: block; }
	.evp-skin .woocommerce-checkout .col2-set .col-1,
	.evp-skin .woocommerce-checkout .col2-set .col-2 { float: none; width: 100%; max-width: none; }
	.evp-skin .woocommerce-checkout .col2-set .col-2 { margin-top: 8px; }
}
.evp-skin .woocommerce-checkout .form-row label { line-height: 1.35; margin-bottom: 6px; }
@media (max-width: 520px) {
	.evp-skin .woocommerce-checkout .form-row-first,
	.evp-skin .woocommerce-checkout .form-row-last { float: none; width: 100%; }
}

/* Мобільне меню (Kadence drawer) у стилі «Мінімал», обидві теми */
.evp-skin #mobile-drawer .drawer-inner { background: var(--tw-bg) !important; color: var(--tw-ink); width: min(86vw, 380px); }
.evp-skin #mobile-drawer .drawer-overlay { background: rgba(10, 12, 14, .45); }
.evp-skin #mobile-drawer .drawer-header { padding: 18px 20px 6px; }
.evp-skin #mobile-drawer .drawer-header .menu-toggle-close { color: var(--tw-ink) !important; background: var(--tw-surface) !important; border: 1px solid var(--tw-line) !important; border-radius: 999px; width: 42px; height: 42px; padding: 0 !important; box-shadow: none !important; display: inline-flex; align-items: center; justify-content: center; }
.evp-skin #mobile-drawer .drawer-content { padding: 6px 20px 24px; }
.evp-skin #mobile-drawer .mobile-navigation ul { border: 0; }
.evp-skin #mobile-drawer .mobile-navigation ul li { border: 0 !important; margin: 0 0 8px; }
.evp-skin #mobile-drawer .mobile-navigation ul li > a,
.evp-skin #mobile-drawer .mobile-navigation ul li > .drawer-nav-drop-wrap > a {
	display: block; padding: 16px 18px !important; border-radius: 16px; border: 1px solid var(--tw-line) !important;
	background: var(--tw-surface); color: var(--tw-ink) !important; font: 700 17px/1.2 'Manrope', system-ui, sans-serif; text-decoration: none;
}
.evp-skin #mobile-drawer .mobile-navigation ul li.current-menu-item > a { border-color: var(--tw-accent) !important; color: var(--tw-accent) !important; }

/* ===================== Картка товару: кнопка завжди на місці ===================== */
/* Кнопка «Додати в кошик» більше не виїжджає при наведенні: стоїть під ціною, у всіх картках на одному рівні. */
.evp-skin ul.products li.product .product-action-wrap,
.evp-skin ul.products.woo-archive-action-on-hover li.product .product-action-wrap,
.evp-skin ul.products li.product:hover .product-action-wrap,
.evp-skin ul.products.woo-archive-action-on-hover li.product:hover .product-action-wrap,
.evp-skin ul.products.woo-archive-action-on-hover li.product:focus-within .product-action-wrap {
	position: static; opacity: 1; visibility: visible; transform: none; margin-top: auto; padding-top: 10px; transition: none;
}
.evp-skin ul.products li.product .price,
.evp-skin ul.products li.product:hover .price,
.evp-skin ul.products li.product:focus-within .price { opacity: 1; min-height: 0; margin: 6px 0 2px; }
.evp-skin ul.products li.product .product-action-wrap .button { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.evp-skin ul.products li.product .product-action-wrap .button.loading { opacity: .75; cursor: progress; }

/* ===================== Рух ===================== */
@media (prefers-reduced-motion: no-preference) {
	/* Поява блоків при прокручуванні */
	.evp-rv { opacity: 0; transform: translateY(18px); transition: opacity .6s cubic-bezier(.2, .7, .2, 1), transform .6s cubic-bezier(.2, .7, .2, 1); transition-delay: calc(var(--d, 0) * 70ms); }
	.evp-rv.is-vis { opacity: 1; transform: none; }
	.evp-skin ul.products li.product.evp-rv { transition: opacity .6s cubic-bezier(.2, .7, .2, 1) calc(var(--d, 0) * 70ms), transform .6s cubic-bezier(.2, .7, .2, 1) calc(var(--d, 0) * 70ms); }

	/* Картки товарів: легкий підйом і наближення фото */
	.evp-skin ul.products li.product { transition: border-color .25s ease, transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease; }
	.evp-skin ul.products li.product a.woocommerce-loop-image-link { display: block; overflow: hidden; border-radius: 14px; }
	.evp-skin ul.products li.product a.woocommerce-loop-image-link img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }

	/* Моделі, послуги, інфо-блоки */
	.evp-models a, .evp-skin .evp-service, .evp-hero__chips a { transition: border-color .25s ease, transform .3s cubic-bezier(.2, .7, .2, 1), background-color .25s ease; }

	/* Кнопки: відгук на натискання */
	.evp-skin .button, .evp-skin .evp-btn, .evp-skin #place_order, .evp-skin .single_add_to_cart_button, .evp-skin .checkout-button, .evp-skin .evp-hero__search button {
		transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .15s ease-out;
	}
	.evp-skin .button:active, .evp-skin .evp-btn:active, .evp-skin #place_order:active, .evp-skin .single_add_to_cart_button:active, .evp-skin .checkout-button:active, .evp-skin .evp-hero__search button:active { transform: scale(.97); }
	.evp-skin ul.products li.product .product-action-wrap .button.added { animation: evp-added .45s ease-out; }

	/* Лічильники кошика й обраного «підстрибують» */
	.evp-bump { animation: evp-bump .45s cubic-bezier(.3, 1.6, .5, 1); }

	/* Перемикач теми */
	.evp-theme-toggle.is-spin .evp-ico { animation: evp-spin .5s cubic-bezier(.2, .7, .2, 1); }

	/* Чіпи під героєм з'являються слідом за машиною */
	.evp-js .evp-hero:not(.is-in) .evp-hero__chips a { opacity: 0; }
	.evp-js .evp-hero.is-in .evp-hero__chips a { animation: evp-up .5s calc(.9s + var(--c, 0) * 60ms) cubic-bezier(.2, .7, .2, 1) both; }

	/* Мобільне меню: пункти виїжджають по черзі */
	.evp-skin #mobile-drawer.active .mobile-navigation ul li { animation: evp-slide .4s cubic-bezier(.2, .7, .2, 1) both; }
	.evp-skin #mobile-drawer.active .mobile-navigation ul li:nth-child(2) { animation-delay: .05s; }
	.evp-skin #mobile-drawer.active .mobile-navigation ul li:nth-child(3) { animation-delay: .1s; }
	.evp-skin #mobile-drawer.active .mobile-navigation ul li:nth-child(4) { animation-delay: .15s; }
	.evp-skin #mobile-drawer.active .mobile-navigation ul li:nth-child(5) { animation-delay: .2s; }

	/* Фільтри й FAQ розкриваються плавно */
	.evp-filters__box[open] > :not(summary) { animation: evp-open .3s ease-out; }
	.evp-faq summary::after { transition: transform .25s ease; }

	/* Точки на машині тихо «дихають» */
	.evp-js .evp-hero.is-in .evp-co__dot { animation: evp-ring 2.6s calc(1.8s + var(--i) * .4s) ease-out infinite; }

	/* Повідомлення WooCommerce («додано в кошик», помилки) */
	.evp-skin .woocommerce-message, .evp-skin .woocommerce-error, .evp-skin .woocommerce-info { animation: evp-up .4s cubic-bezier(.2, .7, .2, 1); }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
	.evp-skin ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 14px 30px -18px rgba(20, 26, 31, .35); }
	html[data-evp-theme="night"] .evp-skin ul.products li.product:hover { box-shadow: 0 16px 34px -18px rgba(0, 0, 0, .8); }
	.evp-skin ul.products li.product:hover a.woocommerce-loop-image-link img { transform: scale(1.04); }
	.evp-models a:hover, .evp-skin .evp-service:hover { transform: translateY(-3px); border-color: var(--tw-accent); }
	.evp-hero__chips a:hover { transform: translateY(-2px); }
}
@keyframes evp-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes evp-slide { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: none; } }
@keyframes evp-bump { 0% { transform: scale(1); } 40% { transform: scale(1.35); } 100% { transform: scale(1); } }
@keyframes evp-spin { from { transform: rotate(-90deg) scale(.6); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes evp-added { 0% { transform: scale(1); } 35% { transform: scale(1.04); } 100% { transform: scale(1); } }
@keyframes evp-ring { 0% { box-shadow: 0 0 0 5px var(--tw-ring), 0 0 0 5px rgba(156, 63, 55, .4); } 70%, 100% { box-shadow: 0 0 0 5px var(--tw-ring), 0 0 0 16px rgba(156, 63, 55, 0); } }

/* Затемнення картки при наведенні прибрано: тепер картка піднімається */
.evp-skin ul.products li.product::after { display: none; }

/* Каталог: оновлення без перезавантаження */
.evp-shop.is-loading .evp-shop__main { opacity: .45; pointer-events: none; transition: opacity .15s ease; }
.evp-shop.is-loading .evp-shop__main::before {
	content: ""; position: sticky; top: 45vh; display: block; width: 28px; height: 28px; margin: 0 auto -28px; z-index: 5;
	border-radius: 50%; border: 3px solid var(--tw-line); border-top-color: var(--tw-accent); animation: evp-rot .7s linear infinite;
}
.evp-shop__main { transition: opacity .2s ease; }
@keyframes evp-rot { to { transform: rotate(360deg); } }

/* Фото постачальника: галерея на сторінці товару і мініатюри в каталозі */
.evp-gal { display: grid; gap: 10px; }
.evp-gal__main { border-radius: 20px; overflow: hidden; background: var(--tw-well); aspect-ratio: 1; display: grid; place-items: center; }
.evp-gal__main img { width: 100%; height: 100%; object-fit: contain; }
.evp-gal__thumbs { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; }
.evp-skin .evp-gal__t { flex: none; width: 64px; height: 64px; padding: 0 !important; border-radius: 12px; overflow: hidden; border: 2px solid transparent !important; background: var(--tw-well) !important; cursor: pointer; box-shadow: none !important; }
.evp-skin .evp-gal__t.is-on { border-color: var(--tw-accent) !important; }
.evp-gal__t img { width: 100%; height: 100%; object-fit: cover; }
.evp-skin ul.products li.product img.evp-ext-img { width: 100%; aspect-ratio: 1; object-fit: contain; background: var(--tw-well); }

/* =====================================================================
 * Дизайн «Графіт» (жовтень 2026): нічна тема — кінематографічна темна,
 * денна — її світла пара. Ті самі форми, анімації і червоний акцент.
 * ===================================================================== */
html[data-evp-theme] .evp-skin, .evp-skin {
	--tw-bg: #F4F5F6;
	--tw-header: rgba(244, 245, 246, .78);
	--tw-surface: #FFFFFF;
	--tw-well: #ECEEF0;
	--tw-line: #DDE1E5;
	--tw-ink: #111315;
	--tw-body: #2A2E33;
	--tw-ink2: #3E444A;
	--tw-mute: #5E646B;
	--tw-accent: #B8483D;
	--tw-accent-hover: #A03C33;
	--tw-link: #A8423A; /* текст-посилання: ≥ 4.5:1 і на сірих плашках */
	--tw-price: #111315;
	--tw-btn: #B8483D;
	--tw-btn-ink: #FFFFFF;
	--tw-ring: rgba(184, 72, 61, .18);
	--gx-glow: rgba(184, 72, 61, .16);
	--gx-sweep: rgba(255, 255, 255, .75);
	--gx-card-shadow: 0 24px 50px -30px rgba(17, 19, 21, .35);
	--tw-hero: transparent;
}
html[data-evp-theme="night"] .evp-skin {
	--tw-bg: #0E0F11;
	--tw-header: rgba(14, 15, 17, .72);
	--tw-surface: #15171A;
	--tw-well: #1B1D21;
	--tw-line: #23262A;
	--tw-ink: #F2EEE9;
	--tw-body: #DCD8D3;
	--tw-ink2: #C9CDD1;
	--tw-mute: #9AA0A6;
	--tw-accent: #C44C40;
	--tw-accent-hover: #D9645A;
	--tw-btn-hover: #B3443A; /* білий текст на кнопці: контраст ≥ 4.5 і при наведенні */
	--tw-link: #E89A90;
	--tw-price: #F2EEE9;
	--tw-btn: #C44C40; /* білий текст: 4.7:1 (WCAG AA) */
	--tw-btn-ink: #FFFFFF;
	--tw-ring: rgba(208, 87, 75, .24);
	--tw-used-bg: #33231F;
	--gx-glow: rgba(208, 87, 75, .24);
	--gx-sweep: rgba(255, 255, 255, .55);
	--gx-card-shadow: 0 24px 50px -28px rgba(0, 0, 0, .9);
	--tw-hero: transparent;
}

/* Шапка: скляна, липка */
.evp-skin #masthead, .evp-skin .site-header-row-container-inner, .evp-skin .site-main-header-wrap .site-header-row-container-inner {
	background: var(--tw-header) !important;
}
.evp-skin #masthead { position: sticky; top: 0; z-index: 50; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--tw-line); }
.admin-bar.evp-skin #masthead { top: 32px; }
@media (max-width: 782px) { .admin-bar.evp-skin #masthead { top: 0; } }

/* Кнопки: червоні «пігулки» */
.evp-skin .button, .evp-skin button.button, .evp-skin .single_add_to_cart_button, .evp-skin .checkout-button,
.evp-skin #place_order, .evp-skin .evp-btn, .evp-skin .evp-form button[type="submit"] {
	border-radius: 999px !important;
}
.evp-skin .evp-btn--ghost, .evp-skin .button.evp-ask { background: transparent !important; color: var(--tw-ink) !important; border: 1px solid var(--tw-line) !important; }
.evp-skin .evp-btn--ghost:hover, .evp-skin .button.evp-ask:hover { border-color: var(--tw-accent) !important; color: var(--tw-ink) !important; }

/* Картки товарів у стилі «Графіт» */
.evp-skin ul.products li.product { border-radius: 24px; border-color: var(--tw-line); background: var(--tw-surface); }
.evp-skin ul.products li.product img, .evp-skin ul.products li.product a.woocommerce-loop-image-link { border-radius: 18px; }
.evp-skin ul.products li.product .evp-loop-pn { letter-spacing: .04em; font-weight: 700; font-size: 12px; }
.evp-skin ul.products li.product .woocommerce-loop-product__title { font-weight: 700 !important; }
.evp-skin ul.products li.product .price { font-weight: 800; font-size: 20px; color: var(--tw-price); }
@media (hover: hover) and (pointer: fine) {
	.evp-skin ul.products li.product:hover { box-shadow: var(--gx-card-shadow) !important; }
}

/* ---------- Головна ---------- */
.gx { background: var(--tw-bg); color: var(--tw-body); overflow: hidden; }
.gx-wrap { max-width: 1280px; margin: 0 auto; padding-left: clamp(16px, 3vw, 32px); padding-right: clamp(16px, 3vw, 32px); }
.gx-sec { padding-top: clamp(64px, 8vw, 104px); }
.gx-sec--last { padding-bottom: clamp(64px, 8vw, 104px); }
.gx-h2 { margin: 0 0 26px; font-size: clamp(30px, 3.4vw, 42px) !important; line-height: 1.08; letter-spacing: -.03em !important; font-weight: 800 !important; color: var(--tw-ink); }
.gx-head { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; justify-content: space-between; margin-bottom: 26px; }
.gx-head .gx-h2 { margin: 0; }
.evp-skin .gx-more { color: var(--tw-ink); font-weight: 700; text-decoration: none; }
.evp-skin .gx-more:hover { color: var(--tw-accent); }

.gx-hero.evp-hero { background: none; padding: clamp(56px, 8vw, 96px) 0 24px; position: relative; text-align: center; }
.gx-badge { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; padding: 8px 16px; border-radius: 999px; border: 1px solid var(--tw-line); background: var(--tw-surface); color: var(--tw-ink2); font-size: 14px; font-weight: 600; }
.gx-badge span { width: 8px; height: 8px; border-radius: 50%; background: #2FA36B; }
.gx-title { margin: 0 auto !important; max-width: 920px; font-size: clamp(38px, 5.6vw, 70px) !important; line-height: 1.03 !important; letter-spacing: -.035em !important; font-weight: 800 !important; color: var(--tw-ink); }
.gx-title em { font-style: normal; color: var(--tw-accent); }
html[data-evp-theme="night"] .gx-title em { color: #D9645A; }
.gx-lead { margin: 20px auto 0; max-width: 620px; font-size: clamp(16px, 1.4vw, 18px); line-height: 1.6; color: var(--tw-mute); }
.gx-search { margin: 32px auto 0; max-width: 680px; display: flex; gap: 8px; align-items: center; padding: 8px 8px 8px 22px; border-radius: 999px; border: 1px solid var(--tw-line); background: var(--tw-surface); transition: border-color .25s, box-shadow .25s; }
.gx-search:focus-within { border-color: var(--tw-accent); box-shadow: 0 0 0 4px var(--tw-ring); }
.gx-search .evp-ico { width: 20px; height: 20px; flex: none; color: var(--tw-mute); }
.evp-skin .gx-search input[type="search"] { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 16px; padding: 12px 4px; outline: none; }
.evp-skin .gx-search button { flex: none; height: 48px; padding: 0 26px; border: 0; border-radius: 999px; background: var(--tw-accent); color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; transition: background .2s, transform .15s; }
.evp-skin .gx-search button:hover { background: var(--tw-btn-hover, var(--tw-accent-hover)); }
.evp-skin .gx-search button:active { transform: scale(.97); }
.gx-alt { margin: 16px 0 0; color: var(--tw-mute); font-size: 15px; }

.gx-stage { position: relative; max-width: 1180px; margin: 28px auto 0; padding: 0 clamp(8px, 2vw, 24px); }
.gx-halo { position: absolute; left: 50%; top: 52%; width: 70%; height: 80%; transform: translate(-50%, -50%); background: radial-gradient(closest-side, var(--gx-glow), transparent); filter: blur(10px); pointer-events: none; }
.gx-car { position: relative; }
.gx-car img { display: block; width: 100%; height: auto; position: relative; }
.gx-sweep { position: absolute; inset: 0; pointer-events: none; -webkit-mask: var(--car) center / contain no-repeat; mask: var(--car) center / contain no-repeat; background: linear-gradient(105deg, transparent 35%, var(--gx-sweep) 50%, transparent 65%); background-size: 250% 100%; background-position: 120% 0; opacity: 0; }
.gx-co { position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 8px; transform: translate(-50%, calc(-100% + 6px)); text-decoration: none !important; }
.gx-co--down { flex-direction: column-reverse; transform: translate(-50%, -6px); }
.gx-co__label { padding: 6px 12px; border-radius: 999px; background: var(--tw-header); border: 1px solid var(--tw-line); color: var(--tw-ink); font-size: 13px; font-weight: 700; white-space: nowrap; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: border-color .2s; }
.gx-co:hover .gx-co__label { border-color: var(--tw-accent); }
.gx-co__dot { width: 12px; height: 12px; border-radius: 50%; background: var(--tw-accent); box-shadow: 0 0 0 5px var(--tw-ring); }
.gx-chips { display: none; }

.gx-marquee { margin-top: clamp(32px, 5vw, 56px); border-top: 1px solid var(--tw-line); border-bottom: 1px solid var(--tw-line); padding: 20px 0; overflow: hidden; background: var(--tw-surface); }
.gx-marquee__track { display: flex; align-items: center; gap: 40px; width: max-content; }
.evp-skin .gx-marquee a { font-size: clamp(18px, 2vw, 22px); font-weight: 700; letter-spacing: -.01em; color: var(--tw-mute); text-decoration: none; white-space: nowrap; transition: color .2s; }
.evp-skin .gx-marquee a:hover { color: var(--tw-ink); }
.gx-marquee__sep { color: var(--tw-accent); font-size: 14px; }

.gx-models { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.evp-skin .gx-model { display: flex; flex-direction: column; gap: 6px; min-height: 150px; padding: 24px 22px; border-radius: 22px; border: 1px solid var(--tw-line); background: var(--tw-surface); color: var(--tw-ink); text-decoration: none; transition: transform .35s cubic-bezier(.2, .7, .2, 1), border-color .3s; }
.gx-model__years { font-size: 13px; font-weight: 600; color: var(--tw-mute); }
.gx-model b { font-size: 24px; font-weight: 800; letter-spacing: -.02em; }
.gx-model__sub { margin-top: auto; display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: var(--tw-mute); }
.gx-model__sub i { font-style: normal; transition: transform .3s, color .3s; }

.gx-cats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.evp-skin .gx-cats a { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 16px 18px; border-radius: 16px; border: 1px solid var(--tw-line); background: var(--tw-surface); color: var(--tw-ink); font-weight: 600; text-decoration: none; transition: border-color .25s, transform .25s; }
.evp-skin .gx-cats a b { font-size: 13px; color: var(--tw-mute); font-weight: 700; }
.evp-skin .gx-cats a:hover { border-color: var(--tw-accent); transform: translateY(-2px); }

.gx-steps-line { height: 2px; margin-bottom: 26px; background: linear-gradient(90deg, var(--tw-accent), var(--tw-accent)) 0 0 / 100% 100% no-repeat, var(--tw-line); }
.gx-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.gx-steps span { color: var(--tw-accent); font-weight: 800; }
html[data-evp-theme="night"] .gx-steps span { color: var(--tw-accent-hover); } /* 5.4:1 на темному фоні */
.gx-steps h3 { margin: 10px 0 8px !important; font-size: 20px !important; font-weight: 700 !important; }
.gx-steps p { margin: 0; color: var(--tw-mute); line-height: 1.6; }

.gx-faq.evp-faq { border-top: 1px solid var(--tw-line); }
.gx-faq summary { font-weight: 700 !important; }

.gx-cta { display: flex; gap: 40px; align-items: center; padding: clamp(28px, 4vw, 48px); border-radius: 32px; border: 1px solid var(--tw-line); background: var(--tw-surface); }
.gx-cta__text { flex: 1 1 0; min-width: 0; }
.gx-cta__text p { color: var(--tw-mute); }
.gx-cta__car { flex: 1 1 0; min-width: 0; max-width: 520px; width: 100%; height: auto; }
.gx-cta .evp-form.evp-card { background: transparent; border: 0; padding: 0; box-shadow: none; }

/* Анімації «Графіт» — тільки якщо людина не просила менше руху */
@media (prefers-reduced-motion: no-preference) {
	.evp-js .gx-rise { opacity: 0; animation: gx-rise .9s cubic-bezier(.2, .7, .2, 1) calc(var(--d, 0) * 110ms + 50ms) forwards; }
	.evp-js .gx-hero:not(.is-in) .gx-co { opacity: 0; }
	.evp-js .gx-hero.is-in .gx-co { animation: evp-fade .5s calc(1.3s + var(--i) * .15s) ease-out both; }
	.evp-js .gx-hero.is-in .gx-co__dot { animation: gx-ping 2.4s calc(2s + var(--i) * .35s) ease-out infinite; }
	.evp-js .gx-hero.is-in .gx-sweep { animation: gx-sweep 6s ease-in-out 2.2s infinite; }
	.gx-halo { animation: gx-breathe 7s ease-in-out infinite; }
	.gx-marquee__track { animation: gx-marq 40s linear infinite; }
	.gx-marquee:hover .gx-marquee__track { animation-play-state: paused; }
	.gx-steps-line { background-size: 0% 100%, auto; transition: background-size 2.2s cubic-bezier(.2, .7, .2, 1); }
	.gx-steps-line.is-on { background-size: 100% 100%, auto; }
	@media (hover: hover) and (pointer: fine) {
		.evp-skin .gx-model:hover { transform: translateY(-6px); border-color: var(--tw-accent); }
		.gx-model:hover .gx-model__sub i { transform: translateX(4px); color: var(--tw-accent); }
	}
}
@keyframes gx-rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes gx-sweep { 0% { background-position: 120% 0; opacity: 1; } 55%, 100% { background-position: -30% 0; opacity: 1; } }
@keyframes gx-breathe { 0%, 100% { opacity: .75; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.06); } }
@keyframes gx-ping { 0% { box-shadow: 0 0 0 5px var(--tw-ring), 0 0 0 5px rgba(208, 87, 75, .45); } 80%, 100% { box-shadow: 0 0 0 5px var(--tw-ring), 0 0 0 18px rgba(208, 87, 75, 0); } }
@keyframes gx-marq { to { transform: translateX(-50%); } }

/* Адаптив головної */
@media (max-width: 1100px) {
	.gx-models { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.gx-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
	.gx-co { display: none; }
	.gx-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 8px; }
	.evp-skin .gx-chips a { padding: 8px 14px; border-radius: 999px; border: 1px solid var(--tw-line); background: var(--tw-surface); color: var(--tw-ink); text-decoration: none; font-size: 14px; font-weight: 600; }
	.gx-models { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.gx-models > .gx-model:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.evp-skin .gx-model { min-height: 120px; padding: 18px 16px; }
	.gx-model b { font-size: 20px; }
	.gx-cats { grid-template-columns: minmax(0, 1fr); }
	.gx-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gx-cta { flex-direction: column; gap: 20px; }
	.gx-search { padding-left: 16px; }
	.evp-skin .gx-search button { padding: 0 18px; }
}
@media (max-width: 420px) {
	.gx-steps { grid-template-columns: minmax(0, 1fr); }
}

/* «Графіт»: тема Kadence обнуляє відступи після заголовків і додає відступ спискам — повертаємо свої */
.evp-skin .gx .gx-badge { margin: 0 0 18px !important; }
.evp-skin .gx .gx-lead { margin: 20px auto 0 !important; }
.evp-skin .gx .gx-search { margin: 32px auto 0 !important; }
.evp-skin .gx .gx-alt { margin: 16px 0 0 !important; }
.evp-skin .gx .gx-h2 { margin: 0 0 26px !important; }
.evp-skin .gx .gx-head .gx-h2 { margin: 0 !important; }
.evp-skin .gx ul.gx-cats, .evp-skin .gx ol.gx-steps { padding: 0 !important; margin: 0 !important; }
.evp-skin .gx .gx-cats li, .evp-skin .gx .gx-steps li { margin: 0 !important; padding: 0 !important; }
.evp-skin .gx .gx-cats li { display: flex; }
.evp-skin .gx .gx-cats li > a { flex: 1; }
.evp-skin .gx .gx-faq details p { margin: 0 0 18px !important; }
.evp-skin .gx .gx-cta__text p { margin: 0 0 16px !important; }
.evp-skin .gx .gx-cta__text .gx-h2 { margin-bottom: 12px !important; }

/* Кнопки-посилання WooCommerce («Повернутись в магазин» тощо): загальне правило для посилань
   фарбувало текст у колір фону кнопки — напис зникав. */
.evp-skin .woocommerce a.button:not(.evp-ghost),
.evp-skin a.button.wc-backward,
.evp-skin .return-to-shop a.button { color: var(--tw-btn-ink) !important; }