/**
 * Vido — Gringo mockup design tokens.
 */
:root {
	--vido-parchment: #f5ead6;
	--vido-parchment-deep: #edd9b8;
	--vido-cream: #faf3e4;
	--vido-cream-panel: #f8efdc;
	--vido-red: #a61f1f;
	--vido-red-deep: #8b1515;
	--vido-red-bright: #c62828;
	--vido-green: #2d6a3a;
	--vido-green-stamp: #3a7a48;
	--vido-brown: #3b2314;
	--vido-brown-mid: #5c3a24;
	--vido-brown-dark: #2a1810;
	--vido-gold: #c9941a;
	--vido-gold-light: #e8c04a;
	--vido-gold-pale: #f0d78c;
	--vido-teal: #1a5454;
	--vido-teal-dark: #123c3c;
	--vido-mustard: #e5a820;
	--vido-mustard-deep: #d49212;
	--vido-promo-bg: #4a2c18;
	--vido-usp-bg: #5c3a24;
	--vido-white: #fffdf7;
	--vido-shadow: rgba(43, 24, 12, 0.14);
	--vido-shadow-deep: rgba(20, 10, 4, 0.35);

	--vido-font-western: "Rye", "Georgia", serif;
	--vido-font-body: "Source Sans 3", "Segoe UI", sans-serif;
	--vido-font-label: "Source Sans 3", sans-serif;

	--vido-container: min(1140px, 100% - 2rem);
	--vido-mobile-nav-h: 72px;
	--vido-transition: 0.22s ease;
}

.vido-theme {
	font-family: var(--vido-font-body);
	color: var(--vido-brown);
	background: var(--vido-parchment);
}

.vido-theme .vido-container {
	width: var(--vido-container);
	margin-inline: auto;
	padding-inline: 1rem;
	box-sizing: border-box;
}

/* Western címsor — mockup serif */
.vido-section-head {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin: 0 0 1.5rem;
	padding: 0 1rem;
	text-align: center;
}

.vido-section-head__text {
	font-family: var(--vido-font-western);
	font-size: clamp(1.35rem, 3.5vw, 1.85rem);
	font-weight: 400;
	line-height: 1.15;
	color: var(--vido-brown);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.vido-section-head__line {
	flex: 0 1 72px;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--vido-gold) 20%, var(--vido-gold-light) 50%, var(--vido-gold) 80%, transparent);
	opacity: 0.85;
}

.vido-section-head--on-gold .vido-section-head__text {
	color: var(--vido-brown-dark);
}

.vido-section-head--on-gold .vido-section-head__line {
	background: linear-gradient(90deg, transparent, var(--vido-brown-mid), transparent);
}

.vido-cat__ring .rf-cat-icon--illustrated,
.vido-cat__ring .rf-cat-icon--png {
	width: 40px;
	height: 40px;
	object-fit: contain;
	object-position: center;
}

/* Gringo lap crop — Vido RosaFood ikonoknál ne használjuk (contain marad). */
.vido-cat__ring .rf-cat-icon--crop-top,
.vido-cat__ring .rf-cat-icon--crop-right,
.vido-cat__ring .rf-cat-icon--crop-none {
	object-fit: contain;
	object-position: center;
}

.vido-usp-svg {
	width: 36px;
	height: 36px;
	color: var(--vido-gold-light);
}