/* VIPAutopro Auto — shared tokens and base, measured from the reference shop (cavaha.com, 2026-10-23).
 * Every other skin-*.css uses only these tokens. Fonts: Open Sans (OFL 1.1) and Roboto (Apache 2.0), bundled. */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/mirror/87299c72130663.woff2") format("woff2");
	unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/mirror/aa5d12e1c0d309.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("/mirror/b07ff8429ccd4b.woff2") format("woff2");
	unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("/mirror/2229cf94a7feca.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/mirror/f729b4e59e9524.woff2") format("woff2");
	unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/mirror/b51cc6fb45126f.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/mirror/b4680acb90ab22.woff2") format("woff2");
	unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/mirror/696d810e918583.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/mirror/9f8f98c89d6cbc.woff2") format("woff2");
	unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/mirror/f6f70bc6169def.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
	--vap-font-body: "Open Sans", Arial, sans-serif;
	--vap-font-head: Roboto, "Open Sans", Arial, sans-serif;
	--vap-radius: 8px;                   /* panels, deal block */
	--vap-radius-sm: 8px;                /* buttons, inputs */
	--vap-radius-tile: 10px;             /* category tiles */
	--vap-bg: #FFFFFF;                   /* page background */
	--vap-bg-2: #F0F7FD;                 /* nav row, light sections */
	--vap-bg-soft: #F0F7FD;              /* featured product panel */
	--vap-surface: #FFFFFF;
	--vap-line: #D5E5F3;
	--vap-line-strong: #B3CFE6;
	--vap-text: #0A2A47;
	--vap-text-title: #0A2A47;
	--vap-text-2: #4A5F73;
	--vap-primary: var(--vap-crimson);        /* cyan #1565A8 (palette slug kept from the parent) */
	--vap-primary-dark: var(--vap-fold-deep); /* hover #0F4F87 */
	--vap-primary-bright: var(--vap-scarlet); /* #3B93DB, decorative only */
	--vap-accent: var(--vap-gold);
	--vap-dark: #0A2A47;                 /* search button, menu button */
	--vap-footer: #0A2A47;               /* footer background */
	--vap-zalo: #0068FF;                 /* Zalo buttons only */
	--vap-messenger: #0084FF;            /* Messenger icon only */
	--vap-call: #D90000;                 /* phone buttons only */
	--vap-container: 1160px;             /* content width at 1280 (60px side margins) */
	--vap-gutter: 15px;
	--vap-gap: 20px;
	--vap-shadow: none;
	--vap-fs-xs: 13px;
	--vap-fs-sm: 14px;
	--vap-fs-base: 15px;
	--vap-fs-md: 17px;
	--vap-fs-lg: 21px;
	--vap-fs-xl: 26px;                   /* section titles */
}

body {
	background: var(--vap-bg);
	color: var(--vap-text);
	font-family: var(--vap-font-body);
	font-size: var(--vap-fs-base);
}

h1,
h2,
h3,
h4 {
	font-family: var(--vap-font-head);
}

/* Section title: orange uppercase Roboto 26/700, no underline (as on the reference). */
.vap-auto-title {
	margin: 0 0 24px;
	font-family: var(--vap-font-head);
	font-size: var(--vap-fs-xl);
	font-weight: 700;
	line-height: 1.15;
	text-transform: uppercase;
	color: var(--vap-primary);
}

@media (max-width: 767px) {
	.vap-auto-title {
		font-size: 20px;
		margin-bottom: 16px;
	}
}

/* Flat everywhere: no motion from the parent. */
*,
*::before,
*::after {
	animation: none !important;
	scroll-behavior: auto !important;
}

a,
button {
	transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}

:focus-visible {
	outline: 2px solid var(--vap-primary);
	outline-offset: 2px;
}