/* ==========================================================================
   Verona Pizza 2026 – main stylesheet
   Tông xám nhạt, một họ chữ không chân (Roboto).
   Breakpoints: tablet ≤ 1024px, mobile ≤ 767px.
   ========================================================================== */

/* ---------- 1. Nền tảng */
:root {
	/* 3 sắc độ trung tính + 1 màu nhấn (xanh lá của logo Verona) */
	--vr-bg: #ffffff;          /* nền trang */
	--vr-surface: #ffffff;
	--vr-grey-1: #f3f3f3;      /* nền khối xen kẽ – gần dải xám #eee trên ảnh sản phẩm */
	--vr-grey-2: #e2e2e2;      /* đường kẻ */
	--vr-grey-3: #b9b9b9;
	--vr-text: #2b2d2f;        /* chữ chính (than chì) */
	--vr-muted: #66696d;       /* chữ phụ – vẫn đạt tương phản AA trên trắng */
	--vr-heading: #2b2d2f;
	--vr-dark: #3a3d40;        /* nút "XEM THÊM" như mẫu */
	--vr-dark-2: #1f2123;
	--vr-accent: #123f00;      /* xanh đậm đúng màu chữ VERONA trên logo */
	--vr-accent-2: #0b2900;
	--vr-footer: #2b2d2f;
	--vr-font: "Roboto", "Helvetica Neue", Arial, sans-serif;
	--vr-container: 1280px;
	--vr-header-h: 72px;

	/* biến cũ của GeneratePress, dùng trong base.css / gp-layout.css */
	--contrast: var(--vr-text);
	--contrast-2: var(--vr-muted);
	--contrast-3: var(--vr-grey-3);
	--base: var(--vr-grey-2);
	--base-2: var(--vr-grey-1);
	--base-3: #ffffff;
	--accent: var(--vr-accent);
}

html { scroll-behavior: smooth; }
body {
	font-family: var(--vr-font);
	font-size: 16px;
	line-height: 1.6;
	color: var(--vr-text);
	background-color: var(--vr-grey-1);
	--vr-fold: var(--vr-grey-1);
}
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, .woocommerce, .woocommerce-page { font-family: var(--vr-font); }
h1, h2, h3, h4, h5, h6 { color: var(--vr-heading); font-weight: 500; line-height: 1.3; }
a { color: var(--vr-accent); text-decoration: none; }
a:hover, a:focus, a:active { color: var(--vr-accent-2); }
strong, b { font-weight: 700; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
	color: var(--vr-text);
	background-color: #ffffff;
	border: 1px solid var(--vr-grey-2);
	border-radius: 2px;
}
input:focus, textarea:focus, select:focus { border-color: var(--vr-grey-3); outline: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, .button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	font-family: var(--vr-font);
	font-weight: 500;
	color: #ffffff;
	background-color: var(--vr-dark);
	border: 0;
	border-radius: 2px;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, .button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
button:focus, a.button:focus {
	color: #ffffff;
	background-color: var(--vr-dark-2);
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled],
.woocommerce button.button.alt.disabled { color: #ffffff; background-color: var(--vr-grey-3); }

.woocommerce-message, .woocommerce-info, .woocommerce-error {
	color: var(--vr-text);
	background-color: #ffffff;
	border-top: 3px solid var(--vr-dark);
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--vr-dark); }
.woocommerce-error { border-top-color: #9b2c2c; }
.woocommerce .entry-content, .woocommerce .product .entry-summary { margin-top: 0; }
.related.products { clear: both; }
.woocommerce form .form-row .required { visibility: visible; }
.woocommerce span.onsale { min-height: 0; min-width: 0; padding: 4px 10px; font-size: 13px; font-weight: 500; line-height: 1.4; background-color: var(--vr-dark); border-radius: 2px; }
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; }

.vr-site { display: block; }
.vr-container { width: 100%; max-width: var(--vr-container); margin: 0 auto; padding: 0 20px; }
.vr-icon { display: block; width: 1em; height: 1em; fill: currentColor; }

/* Nút hành động chính của WooCommerce (Thêm vào giỏ, Thanh toán) – màu nhấn */
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce div.product form.cart .button.single_add_to_cart_button { background-color: var(--vr-accent); }
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover { background-color: var(--vr-accent-2); }

/* Nút chung */
.vr-btn, .vr-more {
	position: relative;
	display: inline-block;
	padding: 7px 18px;
	font-family: var(--vr-font);
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #ffffff;
	background-color: var(--vr-accent);
	border-radius: 0;
	transition: background-color .2s;
}
/* góc gấp ở trên bên phải (như mẫu) */
.vr-btn::after, .vr-more::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent var(--vr-fold, #ffffff) transparent transparent;
	filter: drop-shadow(-1px 1px 0 rgba(0, 0, 0, .15));
}
.vr-btn:hover, .vr-btn:focus, .vr-more:hover, .vr-more:focus { color: #ffffff; background-color: var(--vr-accent-2); }

/* ---------- 2. Header */
/* Dải trên cùng: định vị + hotline (khách sỉ cần liên hệ nhanh) */
.vr-topbar { font-size: 13px; color: rgba(255, 255, 255, .85); background-color: var(--vr-accent); }
.vr-topbar__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 36px; }
.vr-topbar__links { display: flex; align-items: center; gap: 20px; }
.vr-topbar a { color: #ffffff; font-weight: 500; }
.vr-topbar a:hover, .vr-topbar a:focus { color: #ffffff; text-decoration: underline; }
.vr-topbar__phone { display: inline-flex; align-items: center; gap: 6px; }
.vr-topbar__phone svg { width: 13px; height: 13px; fill: currentColor; }

.vr-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: #ffffff;
	border-bottom: 1px solid var(--vr-grey-2);
	box-shadow: 0 2px 12px rgba(0, 0, 0, .04);
}
.admin-bar .vr-header { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .vr-header { top: 46px; } }
@media screen and (max-width: 600px) { .admin-bar .vr-header { top: 0; } }

.vr-header__inner {
	display: flex;
	align-items: center;
	gap: 24px;
	min-height: var(--vr-header-h);
}
.vr-header__logo { flex: none; }
.vr-header__menu { flex: 1 1 auto; min-width: 0; }
.vr-header__tools { flex: none; display: flex; align-items: center; gap: 12px; }

.vr-logo { display: block; line-height: 0; }
.vr-header .vr-logo .vr-logo__img { display: block; width: auto; height: 52px; max-width: 120px; object-fit: contain; }

/* Menu ngang */
.vr-nav__menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vr-nav__menu > li { position: relative; }
.vr-nav__menu > li > a {
	position: relative;
	display: flex;
	align-items: center;
	padding: 24px 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--vr-text);
	white-space: nowrap;
}
.vr-nav__menu > li > a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 16px;
	height: 2px;
	background-color: var(--vr-accent);
	transform: scaleX(0);
	transition: transform .25s;
}
.vr-nav__menu > li:hover > a,
.vr-nav__menu > li:focus-within > a,
.vr-nav__menu > li.current-menu-item > a,
.vr-nav__menu > li.current-menu-ancestor > a { color: var(--vr-dark-2); }
.vr-nav__menu > li:hover > a::after,
.vr-nav__menu > li:focus-within > a::after,
.vr-nav__menu > li.current-menu-item > a::after,
.vr-nav__menu > li.current-menu-ancestor > a::after { transform: scaleX(1); }

.vr-nav__caret { display: flex; align-items: center; margin-left: 6px; }
.vr-nav__caret .vr-icon { width: .55em; height: 1em; }

.vr-nav__menu .sub-menu {
	position: absolute;
	top: 100%;
	left: -16px;
	z-index: 9999;
	min-width: 250px;
	margin: 0;
	padding: 6px 0;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid var(--vr-grey-2);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .2s, visibility .2s, transform .2s;
}
.vr-nav__menu > li:hover > .sub-menu,
.vr-nav__menu > li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.vr-nav__menu .sub-menu a {
	display: block;
	padding: 10px 16px;
	font-size: 14px;
	color: var(--vr-text);
	white-space: nowrap;
}
.vr-nav__menu .sub-menu a:hover,
.vr-nav__menu .sub-menu a:focus,
.vr-nav__menu .sub-menu .current-menu-item > a { color: var(--vr-dark-2); background-color: var(--vr-grey-1); }

/* Tìm kiếm */
.vr-search { width: 170px; }
.vr-search__container {
	display: flex;
	height: 38px;
	overflow: hidden;
	background-color: var(--vr-grey-1);
	border-radius: 2px;
}
.vr-search .vr-search__input {
	flex: 1 1 auto;
	min-width: 0;
	height: 38px;
	padding: 0 12px;
	font-size: 14px;
	color: var(--vr-text);
	background: transparent !important;
	border: 0 !important;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.vr-search__input::placeholder { color: var(--vr-muted); }
.vr-search__input::-webkit-search-cancel-button { display: none; }
.vr-search .vr-search__submit {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	font-size: 15px;
	color: var(--vr-muted);
	background: transparent;
	border: 0;
	cursor: pointer;
}
.vr-search .vr-search__submit:hover, .vr-search .vr-search__submit:focus { color: var(--vr-dark-2); background: transparent; }

/* Giỏ hàng header */
.vr-cart { display: flex; }
.vr-cart__toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 38px;
	padding: 0 12px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: var(--vr-text);
	background-color: #ffffff;
	border: 1px solid var(--vr-grey-2);
	border-radius: 2px;
	cursor: pointer;
}
.vr-cart__toggle:hover, .vr-cart__toggle:focus { color: var(--vr-dark-2); border-color: var(--vr-grey-3); }
.vr-cart__subtotal .amount, .vr-cart__subtotal bdi { color: inherit; }
.vr-cart__icon { position: relative; display: block; font-size: 17px; }
.vr-cart__icon .vr-icon { width: 1em; height: 1.0667em; }
.vr-cart__qty {
	position: absolute;
	top: -9px;
	right: -10px;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	font-size: 10px;
	font-weight: 700;
	line-height: 17px;
	color: #ffffff;
	text-align: center;
	background-color: var(--vr-accent);
	border-radius: 9px;
}

/* Nút menu & menu di động */
.vr-menu-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	font-size: 20px;
	color: var(--vr-text);
	background: transparent;
	border: 1px solid var(--vr-grey-2);
	border-radius: 2px;
	cursor: pointer;
}
.vr-menu-toggle:hover, .vr-menu-toggle:focus { color: var(--vr-dark-2); background: transparent; }
.vr-menu-toggle__close { display: none; }
.vr-menu-toggle[aria-expanded="true"] .vr-menu-toggle__open { display: none; }
.vr-menu-toggle[aria-expanded="true"] .vr-menu-toggle__close { display: block; }
.vr-menu-toggle .vr-icon { width: .9em; height: .9em; }

.vr-mobile-nav {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 9997;
	max-height: calc(100vh - var(--vr-header-h));
	overflow-y: auto;
	background-color: #ffffff;
	border-top: 1px solid var(--vr-grey-2);
	box-shadow: 0 12px 24px rgba(0, 0, 0, .08);
}
.vr-mobile-nav[hidden] { display: none; }
.vr-mobile-nav__search { padding: 14px 20px; border-bottom: 1px solid var(--vr-grey-2); }
.vr-mobile-nav__search .vr-search { width: 100%; }
.vr-mobile-nav__menu, .vr-mobile-nav__menu .sub-menu { margin: 0; padding: 0; list-style: none; }
.vr-mobile-nav__menu li { border-bottom: 1px solid var(--vr-grey-1); }
.vr-mobile-nav__menu a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 20px;
	font-size: 16px;
	font-weight: 500;
	color: var(--vr-text);
}
.vr-mobile-nav__menu .current-menu-item > a { color: var(--vr-dark-2); background-color: var(--vr-grey-1); }
.vr-mobile-nav__menu .sub-menu { display: none; background-color: var(--vr-grey-1); }
.vr-mobile-nav__menu li.is-open > .sub-menu { display: block; }
.vr-mobile-nav__menu .sub-menu a { padding-left: 36px; font-size: 15px; font-weight: 400; }

/* Mini cart (khung trượt từ phải) */
.vr-minicart { position: fixed; inset: 0; z-index: 9998; visibility: hidden; }
.vr-minicart.is-open { visibility: visible; }
.vr-minicart__overlay { position: absolute; inset: 0; background-color: rgba(0, 0, 0, .3); opacity: 0; transition: opacity .3s; }
.vr-minicart.is-open .vr-minicart__overlay { opacity: 1; }
.vr-minicart__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	width: 360px;
	max-width: 100%;
	padding: 20px 28px;
	overflow: auto;
	font-size: 14px;
	line-height: 1.5;
	background-color: #ffffff;
	box-shadow: 0 0 24px rgba(0, 0, 0, .15);
	transform: translateX(100%);
	transition: transform .3s;
}
.vr-minicart.is-open .vr-minicart__panel { transform: none; }
.vr-minicart__close {
	position: relative;
	flex: none;
	align-self: flex-end;
	width: 24px;
	height: 24px;
	margin: 0 0 16px;
	padding: 0;
	background: transparent;
	cursor: pointer;
}
.vr-minicart__close:hover, .vr-minicart__close:focus { background: transparent; }
.vr-minicart__close::before, .vr-minicart__close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--vr-muted);
	transform: rotate(45deg);
}
.vr-minicart__close::after { transform: rotate(-45deg); }
.vr-minicart .woocommerce-mini-cart__empty-message { color: var(--vr-muted); }

.vr-mc__product {
	position: relative;
	display: grid;
	grid-template-columns: 70px auto;
	grid-template-rows: auto auto;
	padding: 0 30px 16px 0;
	border-bottom: 1px solid var(--vr-grey-2);
}
.vr-mc__product:not(:first-of-type) { padding-top: 16px; }
.vr-mc__image { grid-row: 1 / 3; }
.vr-mc__image a, .vr-mc__image img { display: block; width: 100%; height: auto; }
.vr-mc__name, .vr-mc__price { grid-column: 2 / 3; padding-left: 14px; }
.vr-mc__name a { font-weight: 500; color: var(--vr-text); }
.vr-mc__name .variation { display: grid; grid-template-columns: max-content auto; gap: 0 4px; margin: 6px 0; color: var(--vr-muted); }
.vr-mc__name .variation dt, .vr-mc__name .variation dd, .vr-mc__name .variation dd p { margin: 0; }
.vr-mc__price { align-self: end; color: var(--vr-muted); }
.vr-mc__remove { position: absolute; right: 0; bottom: 16px; width: 22px; height: 22px; border: 1px solid var(--vr-grey-2); border-radius: 50%; }
.vr-mc__remove::before, .vr-mc__remove::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 25%;
	width: 50%;
	height: 1px;
	background-color: var(--vr-muted);
	transform: rotate(45deg);
}
.vr-mc__remove::after { transform: rotate(-45deg); }
.vr-mc__remove a { position: absolute; inset: 0; z-index: 2; opacity: 0; overflow: hidden; }
.vr-mc__subtotal { padding: 18px 0; font-size: 15px; font-weight: 500; text-align: center; border-bottom: 1px solid var(--vr-grey-2); }
.vr-mc__buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 18px; }
.vr-mc__button { display: block; padding: 13px 10px; font-size: 14px; font-weight: 500; line-height: 1; color: #ffffff; text-align: center; border-radius: 2px; }
.vr-mc__button:hover, .vr-mc__button:focus { color: #ffffff; }
.vr-mc__button--view-cart { background-color: var(--vr-dark); }
.vr-mc__button--view-cart:hover { background-color: var(--vr-dark-2); }
.vr-mc__button--checkout { background-color: var(--vr-accent); }
.vr-mc__button--checkout:hover { background-color: var(--vr-accent-2); }
body.vr-minicart-open { overflow: hidden; }

/* ---------- 3. Khối chung của trang chủ */
.vr-section { padding: 64px 0; }
.vr-section--grey { --vr-fold: var(--vr-grey-1); background-color: var(--vr-grey-1); }
.vr-section__title {
	margin: 0 0 14px;
	font-size: 40px;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: .02em;
	color: var(--vr-heading);
	text-align: center;
	text-transform: uppercase;
}
.vr-section__title a { color: inherit; }
.vr-section__lead {
	max-width: 820px;
	margin: 0 auto 36px;
	font-size: 16px;
	color: var(--vr-muted);
	text-align: center;
}

/* Banner đầu trang */
.vr-hero { background-color: #ffffff; }
.vr-slider { position: relative; overflow: hidden; }
.vr-slider__track { display: flex; align-items: flex-start; transition: transform .6s ease; will-change: transform; }
.vr-slider__slide { flex: 0 0 100%; min-width: 100%; }
.vr-slider__slide a { display: block; }
.vr-slider__img { display: block; width: 100%; height: auto; }
.vr-slider__arrow, .vr-carousel__arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	font-size: 18px;
	color: var(--vr-dark-2);
	background-color: rgba(255, 255, 255, .85);
	border: 0;
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
	cursor: pointer;
	transform: translateY(-50%);
	transition: background-color .2s;
}
.vr-slider__arrow:hover, .vr-slider__arrow:focus, .vr-carousel__arrow:hover, .vr-carousel__arrow:focus { color: var(--vr-dark-2); background-color: #ffffff; }
.vr-slider__arrow--prev { left: 16px; }
.vr-slider__arrow--next { right: 16px; }

/* ---------- 4. Lưới sản phẩm */
.vr-products .woocommerce { width: 100%; }
.vr-products ul.products {
	display: grid;
	grid-template-columns: repeat(var(--vr-cols, 4), minmax(0, 1fr));
	gap: 32px 30px;
	margin: 0;
	padding: 0;
}
.vr-products ul.products::before, .vr-products ul.products::after { display: none !important; }
.vr-products ul.products.columns-1 { --vr-cols: 1; }
.vr-products ul.products.columns-2 { --vr-cols: 2; }
.vr-products ul.products.columns-3 { --vr-cols: 3; }
.vr-products ul.products.columns-4 { --vr-cols: 4; }
.vr-products.vr-products ul.products li.product {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	background: transparent;
}
.vr-products.vr-products ul.products li.product > a.woocommerce-LoopProduct-link { display: block; width: 100%; }
.vr-products.vr-products ul.products li.product a img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 14px;
	background-color: #ffffff;
	border-radius: 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
	transition: box-shadow .25s, transform .25s;
}
.vr-products.vr-products ul.products li.product:hover a img { box-shadow: 0 10px 24px rgba(0, 0, 0, .12); transform: translateY(-2px); }
.vr-products.vr-products ul.products li.product .price {
	display: block;
	margin: -4px 0 12px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--vr-text);
}
.vr-products.vr-products ul.products li.product .price del { font-size: 14px; font-weight: 400; color: var(--vr-muted); }
.vr-products.vr-products ul.products li.product .price ins { text-decoration: none; }
.vr-products.vr-products ul.products li.product .onsale { top: 8px; right: 8px; left: auto; margin: 0; }
.vr-products .woocommerce-result-count { display: none; }
.vr-products .woocommerce-ordering { display: flex; justify-content: flex-end; margin: 0 0 20px; }
.vr-products .woocommerce-ordering select { width: 260px; max-width: 100%; height: 40px; padding: 0 12px; }
.vr-products nav.woocommerce-pagination { margin-top: 36px; text-align: center; }
.woocommerce nav.woocommerce-pagination ul { border-color: var(--vr-grey-2); }
.woocommerce nav.woocommerce-pagination ul li { border-color: var(--vr-grey-2); }
.woocommerce nav.woocommerce-pagination ul li span.current { color: #ffffff; background: var(--vr-dark); }
.woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--vr-grey-1); }

/* Trang chủ: bỏ giá, chỉ ảnh + nút; hàng cuối thiếu ô thì căn giữa */
.vr-products--home ul.products { display: flex; flex-wrap: wrap; justify-content: center; }
.vr-products.vr-products--home ul.products li.product { width: calc((100% - (var(--vr-cols) - 1) * 30px) / var(--vr-cols)); }
.vr-front .vr-products--home .price { display: none !important; }
.vr-home-products { --vr-fold: #ffffff; background-color: #ffffff; }
.vr-home-products__all { margin-top: 44px; text-align: center; }

/* ---------- 5. Khối "Khách hàng": ảnh & video tự chạy */
.vr-carousel { --vr-per-view: 3; --vr-gap: 20px; position: relative; padding: 0 0 36px; }
.vr-carousel__viewport { overflow: hidden; }
.vr-carousel__track { display: flex; column-gap: var(--vr-gap); transition: transform .6s ease; will-change: transform; }
.vr-carousel__item {
	position: relative;
	flex: 0 0 calc((100% - (var(--vr-per-view) - 1) * var(--vr-gap)) / var(--vr-per-view));
	aspect-ratio: 651 / 394;
	overflow: hidden;
	background-color: var(--vr-grey-2);
}
.vr-carousel__media, .vr-carousel__item img, .vr-carousel__item iframe, .vr-carousel__item video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
}
.vr-carousel__video { position: relative; display: block; width: 100%; height: 100%; padding: 0; background: #000000; cursor: pointer; }
.vr-carousel__video:hover, .vr-carousel__video:focus { background: #000000; }
.vr-carousel__video img { opacity: .85; transform: scale(1.34); transition: opacity .2s; } /* cắt viền đen của ảnh 4:3 từ YouTube */
.vr-carousel__video:hover img { opacity: 1; }
.vr-carousel__play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	background-color: rgba(255, 255, 255, .92);
	border-radius: 50%;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
	transform: translate(-50%, -50%);
}
.vr-carousel__play::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 54%;
	border-style: solid;
	border-width: 11px 0 11px 18px;
	border-color: transparent transparent transparent var(--vr-dark-2);
	transform: translate(-50%, -50%);
}
.vr-carousel__arrow { top: calc(50% - 18px); }
.vr-carousel__arrow--prev { left: -21px; }
.vr-carousel__arrow--next { right: -21px; }
.vr-carousel__dots { position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; gap: 8px; }
.vr-carousel__dot { width: 9px; height: 9px; padding: 0; background-color: var(--vr-grey-3); border: 0; border-radius: 50%; cursor: pointer; }
.vr-carousel__dot:hover, .vr-carousel__dot:focus { background-color: var(--vr-muted); }
.vr-carousel__dot.is-active { background-color: var(--vr-accent); }

/* Lời khách hàng */
.vr-quotes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 40px; }
.vr-media { --vr-fold: #ffffff; background-color: #ffffff; }
.vr-quote { display: flex; flex-direction: column; margin: 0; padding: 26px 26px 22px; background-color: var(--vr-grey-1); }
.vr-quote__text { flex: 1 1 auto; margin: 0 0 18px; padding: 0; font-size: 15px; font-style: italic; color: var(--vr-text); border: 0; }
.vr-quote__author { display: flex; align-items: center; gap: 12px; font-size: 14px; color: var(--vr-muted); }
.vr-quote__author strong { display: block; font-weight: 500; color: var(--vr-heading); }
.vr-quote__avatar { flex: none; width: 46px; height: 46px; object-fit: cover; border-radius: 50%; }

/* Dải cam kết dưới banner */
.vr-trust { background-color: #ffffff; border-bottom: 1px solid var(--vr-grey-2); }
.vr-trust__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.vr-trust__item { display: flex; align-items: center; gap: 14px; padding: 24px 20px; border-left: 1px solid var(--vr-grey-2); }
.vr-trust__item:first-child { padding-left: 0; border-left: 0; }
.vr-trust__icon { flex: none; width: 40px; height: 40px; color: var(--vr-accent); }
.vr-trust__icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.vr-trust__item strong { display: block; font-size: 15px; font-weight: 500; line-height: 1.3; color: var(--vr-heading); }
.vr-trust__item span { display: block; font-size: 13px; line-height: 1.4; color: var(--vr-muted); }

/* Dải kêu gọi đối tác (trước footer) */
.vr-cta { color: #ffffff; background-color: var(--vr-accent); }
.vr-cta .vr-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 36px; padding-bottom: 36px; }
.vr-cta__title { margin: 0 0 6px; font-size: 26px; font-weight: 300; line-height: 1.3; color: #ffffff; text-transform: uppercase; letter-spacing: .02em; }
.vr-cta__text { margin: 0; font-size: 15px; color: rgba(255, 255, 255, .85); }
.vr-cta__actions { display: flex; flex: none; gap: 12px; }
.vr-cta__btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; font-size: 15px; font-weight: 700; line-height: 1; letter-spacing: .03em; color: var(--vr-accent); text-transform: uppercase; background-color: #ffffff; transition: background-color .2s; }
.vr-cta__btn:hover, .vr-cta__btn:focus { color: var(--vr-accent-2); background-color: #e9efe9; }
.vr-cta__btn svg { width: 15px; height: 15px; fill: currentColor; }
.vr-cta__btn--ghost { color: #ffffff; background-color: transparent; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7); }
.vr-cta__btn--ghost:hover, .vr-cta__btn--ghost:focus { color: #ffffff; background-color: rgba(255, 255, 255, .1); }

/* Chúng tôi */
.vr-about { --vr-fold: var(--vr-grey-1); }
.vr-about__text { max-width: 860px; margin: 0 auto 36px; font-size: 17px; color: var(--vr-text); text-align: center; }
.vr-about__text p { margin: 0; }
.vr-values {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: vr-value;
}
.vr-values li { counter-increment: vr-value; padding: 4px 18px 0; font-size: 14px; color: var(--vr-muted); border-left: 1px solid var(--vr-grey-2); }
.vr-values li:first-child { border-left: 0; padding-left: 0; }
.vr-values li::before { content: "0" counter(vr-value); display: block; margin-bottom: 6px; font-size: 30px; font-weight: 300; line-height: 1; color: var(--vr-accent); }
.vr-values strong { display: block; margin-bottom: 8px; font-size: 16px; font-weight: 500; color: var(--vr-heading); }

/* Cam kết */
.vr-commit__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 960px; margin: 24px auto 0; }
.vr-commit__item { padding: 28px; text-align: center; background-color: #ffffff; }
.vr-commit__item h3 { margin: 0 0 10px; font-size: 18px; font-weight: 500; text-transform: uppercase; }
.vr-commit__item p { margin: 0; color: var(--vr-muted); }

/* ---------- 6. Trang & bài viết (nội dung + cột sản phẩm) */
.vr-single { display: flex; gap: 40px; max-width: var(--vr-container); margin: 0 auto; padding: 40px 20px 56px; }
.vr-single__main { flex: 1 1 auto; min-width: 0; padding: 36px 40px; background-color: #ffffff; }
.vr-single__aside { flex: 0 0 340px; min-width: 0; }
.vr-entry__title { margin: 0 0 24px; font-size: 30px; font-weight: 500; color: var(--vr-heading); }
.vr-entry__content { font-size: 16px; line-height: 1.7; color: var(--vr-text); }
.vr-entry__content p { margin: 0 0 1em; }
.vr-entry__content h1, .vr-entry__content h2, .vr-entry__content h3, .vr-entry__content h4, .vr-entry__content h5 { margin: 1.2em 0 .5em; font-weight: 500; }
.vr-entry__content ul, .vr-entry__content ol { margin: 0 0 1em 1.4em; }
.vr-entry__content figure { margin: 0 auto 1em; }
.vr-entry__content .wp-block-image, .vr-entry__content .wp-block-embed { text-align: center; }
.vr-entry__content figcaption { font-size: 14px; font-style: italic; color: var(--vr-muted); text-align: center; }
.vr-entry__content img { max-width: 100%; height: auto; }
.vr-entry__content a { text-decoration: underline; }
.vr-single__after { display: none; }

.vr-single__aside-title, .vr-product-page__aside-title, .vr-shop__aside-title {
	margin: 0 0 18px;
	padding-bottom: 12px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .06em;
	color: var(--vr-heading);
	text-transform: uppercase;
	border-bottom: 2px solid var(--vr-dark);
}
.vr-products--aside ul.products, .vr-products--product-aside ul.products { gap: 24px 16px; }
.vr-products--aside .vr-more, .vr-products--product-aside .vr-more { padding: 6px 14px; font-size: 11px; }

/* ---------- 7. Danh mục sản phẩm */
.vr-shop { display: flex; gap: 32px; max-width: var(--vr-container); margin: 0 auto; padding: 40px 20px 56px; }
.vr-shop__aside { flex: 0 0 240px; min-width: 0; }
.vr-catnav { position: sticky; top: calc(var(--vr-header-h) + 20px); background-color: #ffffff; }
.vr-catnav__menu { margin: 0; padding: 0; list-style: none; }
.vr-catnav__menu li:not(:last-child) { border-bottom: 1px solid var(--vr-grey-1); }
.vr-catnav__menu a { display: block; padding: 12px 18px; font-size: 15px; color: var(--vr-text); transition: background-color .2s; }
.vr-catnav__menu a:hover, .vr-catnav__menu a:focus { color: var(--vr-dark-2); background-color: var(--vr-grey-1); }
.vr-catnav__menu .current-menu-item > a { color: #ffffff; background-color: var(--vr-accent); }
.vr-shop__main { flex: 1 1 auto; min-width: 0; }

/* ---------- 8. Chi tiết sản phẩm */
.vr-product-page { display: flex; gap: 32px; max-width: var(--vr-container); margin: 0 auto; padding: 40px 20px 56px; }
.vr-product-page__main { flex: 1 1 auto; min-width: 0; }
.vr-product-page__aside { flex: 0 0 260px; min-width: 0; }
.vr-product__box { display: flex; gap: 36px; margin: 0 0 28px; padding: 28px; background-color: #ffffff; }
.vr-product__gallery { flex: 0 0 44%; min-width: 0; }
.vr-product__summary { flex: 1 1 auto; min-width: 0; }
body #content div.product.vr-product div.images { float: none; width: 100%; margin-bottom: 0; }
body #content div.product.vr-product div.summary { float: none; width: auto; margin-bottom: 0; }
.woocommerce div.product.vr-product div.images .flex-control-thumbs { margin-top: 10px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.woocommerce div.product.vr-product div.images .flex-control-thumbs li { width: auto; float: none; }
.woocommerce div.product.vr-product .product_title { margin: 0 0 14px; font-size: 30px; font-weight: 500; color: var(--vr-heading); }
.vr-spacer { display: none; }
.woocommerce div.product.vr-product .summary > p.price,
.woocommerce div.product.vr-product .summary > span.price {
	margin: 0 0 18px;
	font-size: 26px;
	font-weight: 700;
	color: var(--vr-text);
}
.woocommerce div.product.vr-product .summary .price .price { font-size: inherit; color: inherit; }
.woocommerce div.product.vr-product .summary .price ins { text-decoration: none; }
.woocommerce div.product.vr-product .summary .price del { margin-right: 6px; font-size: .7em; font-weight: 400; color: var(--vr-muted); }
.woocommerce div.product.vr-product form.cart { margin: 0 0 24px; padding: 18px 0; border-top: 1px solid var(--vr-grey-2); border-bottom: 1px solid var(--vr-grey-2); }
.woocommerce div.product.vr-product form.cart .variations { margin-bottom: 14px; }
.woocommerce div.product.vr-product form.cart .variations th, .woocommerce div.product.vr-product form.cart .variations td { padding: 6px 12px 6px 0; vertical-align: middle; line-height: 1.4; }
.woocommerce div.product.vr-product form.cart .variations label { font-weight: 500; }
.woocommerce div.product.vr-product form.cart .variations select { min-width: 220px; height: 42px; padding: 0 12px; }
.woocommerce div.product.vr-product .woocommerce-variation.single_variation { display: none !important; }
.woocommerce div.product.vr-product form.cart .variations_button,
.woocommerce div.product.vr-product form.cart:not(.variations_form) { display: flex; align-items: stretch; gap: 10px; }
.woocommerce div.product.vr-product form.cart div.quantity { display: flex; float: none; margin: 0; }
.woocommerce div.product.vr-product .quantity .qty { width: 80px; height: 46px; padding: 0 8px; text-align: center; }
.woocommerce div.product.vr-product form.cart .button.single_add_to_cart_button { float: none; height: 46px; padding: 0 28px; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.woocommerce div.product.vr-product form.cart .reset_variations { display: inline-block; margin-left: 6px; font-size: 13px; color: var(--vr-muted); text-decoration: underline; }
.vr-product-intro { font-size: 15px; line-height: 1.65; color: var(--vr-muted); }
.vr-product-intro p { margin: 0 0 .6em; }
.vr-product-intro strong { color: var(--vr-heading); font-weight: 500; }

.vr-product__tabs { padding: 0 28px 28px; background-color: #ffffff; }
.woocommerce div.product.vr-product div.woocommerce-tabs ul.tabs { margin: 0 -28px 24px; padding: 0 28px; border-bottom: 1px solid var(--vr-grey-2); }
.woocommerce div.product.vr-product div.woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product.vr-product div.woocommerce-tabs ul.tabs li { margin: 0 24px 0 0; padding: 0; background: transparent; border: 0; border-radius: 0; }
.woocommerce div.product.vr-product div.woocommerce-tabs ul.tabs li::before, .woocommerce div.product.vr-product div.woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product.vr-product div.woocommerce-tabs ul.tabs li a { padding: 18px 0 14px; font-weight: 500; color: var(--vr-muted); border-bottom: 2px solid transparent; }
.woocommerce div.product.vr-product div.woocommerce-tabs ul.tabs li.active a { color: var(--vr-heading); border-bottom-color: var(--vr-dark); }
.woocommerce div.product.vr-product div.woocommerce-tabs .panel { margin: 0; padding: 0; font-size: 15px; line-height: 1.7; }
.woocommerce div.product.vr-product div.woocommerce-tabs .panel h2:first-child { font-size: 22px; }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { padding: 8px 12px; font-style: normal; }

/* ---------- 9. Lưu trữ bài viết / tìm kiếm */
.vr-archive { padding: 40px 0 56px; }
.vr-archive__inner { max-width: var(--vr-container); margin: 0 auto; padding: 0 20px; }
.vr-archive__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.vr-card { position: relative; display: flex; flex-direction: column; overflow: hidden; background-color: #ffffff; transition: box-shadow .25s; }
.vr-card:hover { box-shadow: 0 10px 24px rgba(0, 0, 0, .1); }
.vr-card__thumb { position: relative; display: block; padding-bottom: 66%; overflow: hidden; }
.vr-card__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.vr-card:hover .vr-card__thumb img { transform: scale(1.04); }
.vr-card__badge {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 4px 10px;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .06em;
	color: #ffffff;
	text-transform: uppercase;
	background-color: var(--vr-dark);
}
.vr-card__text { padding: 20px 22px 24px; }
.vr-card__title { margin: 0; font-size: 18px; font-weight: 500; line-height: 1.4; color: var(--vr-heading); }
.vr-card__title a { color: inherit; }
.vr-card:hover .vr-card__title a { color: var(--vr-accent); }
.vr-archive__empty { font-size: 17px; color: var(--vr-muted); }

/* ---------- 10. Footer */
.vr-footer { color: #c9cbcd; background-color: var(--vr-footer); }
.vr-footer a { color: #ffffff; }
.vr-footer a:hover { color: #ffffff; text-decoration: underline; }
.vr-footer__main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; padding-top: 48px; padding-bottom: 40px; }
.vr-footer__title { margin: 0 0 16px; font-size: 18px; font-weight: 500; letter-spacing: .06em; color: #ffffff; text-transform: uppercase; }
.vr-footer__list { margin: 0 0 20px; padding: 0; font-size: 15px; line-height: 1.6; list-style: none; }
.vr-footer__list li { margin-bottom: 6px; }
.vr-footer__list strong { font-weight: 500; color: #ffffff; }
.vr-footer__map { background-color: #3a3d40; }
.vr-footer__map iframe { display: block; width: 100%; height: 260px; filter: grayscale(.35); }
.vr-social { display: flex; gap: 10px; }
.vr-social__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	font-size: 18px;
	color: #ffffff;
	background-color: rgba(255, 255, 255, .1);
	border-radius: 50%;
	transition: background-color .2s;
}
.vr-social__icon:hover, .vr-social__icon:focus { color: #ffffff; text-decoration: none; background-color: var(--vr-accent); }
.vr-footer__bottom { font-size: 13px; color: #9a9da0; background-color: #212325; }
.vr-footer__bottom-inner { display: flex; justify-content: space-between; gap: 16px; padding-top: 14px; padding-bottom: 14px; }
.vr-footer__slogan { font-weight: 500; letter-spacing: .12em; color: #ffffff; }

/* ---------- 11. Responsive */
@media (max-width: 1280px) {
	.vr-header__inner { gap: 16px; }
	.vr-nav__menu { gap: 0 15px; }
	.vr-nav__menu > li > a { font-size: 14px; }
	.vr-search { width: 150px; }
	.vr-cart__subtotal { display: none; }
}

/* Menu ngang không đủ chỗ → chuyển sang nút menu */
@media (max-width: 1140px) {
	.vr-header__menu { display: none; }
	.vr-header__inner { justify-content: space-between; }
	.vr-menu-toggle { display: flex; }
}

@media (max-width: 1024px) {
	.vr-trust__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vr-trust__item:nth-child(3) { padding-left: 0; border-left: 0; }
	.vr-trust__item:nth-child(n+3) { border-top: 1px solid var(--vr-grey-2); }
	.vr-cta .vr-cta__inner { flex-direction: column; align-items: flex-start; }
	:root { --vr-header-h: 64px; }
	.vr-header .vr-logo .vr-logo__img { height: 46px; }

	.vr-section { padding: 48px 0; }
	.vr-section__title { font-size: 32px; }
	.vr-products ul.products.columns-4 { --vr-cols: 3; }
	.vr-products ul.products { gap: 28px 20px; }
	.vr-products.vr-products--home ul.products li.product { width: calc((100% - 40px) / 3); }
	.vr-carousel { --vr-per-view: 2; }
	.vr-carousel__arrow--prev { left: 6px; }
	.vr-carousel__arrow--next { right: 6px; }
	.vr-values { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.vr-single__aside { flex-basis: 280px; }
	.vr-product-page__aside { display: none; }
	.vr-archive__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.vr-topbar__tagline, .vr-topbar__partner { display: none; }
	.vr-topbar__inner { justify-content: center; min-height: 32px; }
	.vr-trust__item { gap: 10px; padding: 16px 10px; }
	.vr-trust__item:nth-child(odd) { padding-left: 0; border-left: 0; }
	.vr-trust__icon { width: 30px; height: 30px; }
	.vr-trust__item strong { font-size: 14px; }
	.vr-cta__title { font-size: 21px; }
	.vr-cta__actions { flex-direction: column; width: 100%; }
	.vr-cta__btn { justify-content: center; }
	:root { --vr-header-h: 58px; }
	.vr-container { padding: 0 14px; }
	.vr-header__inner { gap: 10px; }
	.vr-header__search { display: none; }
	.vr-header__tools { gap: 8px; }
	.vr-header .vr-logo .vr-logo__img { height: 40px; }
	.vr-cart__subtotal { display: none; }

	.vr-slider__arrow { width: 32px; height: 32px; font-size: 14px; }
	.vr-slider__arrow--prev { left: 8px; }
	.vr-slider__arrow--next { right: 8px; }

	.vr-section { padding: 36px 0; }
	.vr-section__title { font-size: 26px; }
	.vr-section__lead { margin-bottom: 24px; font-size: 15px; }
	.vr-products ul.products,
	.vr-products ul.products.columns-1, .vr-products ul.products.columns-2,
	.vr-products ul.products.columns-3, .vr-products ul.products.columns-4 { --vr-cols: 2; gap: 22px 12px; }
	.vr-btn, .vr-more { padding: 6px 14px; font-size: 11px; }
	.vr-btn::after, .vr-more::after { border-width: 0 8px 8px 0; }
	.vr-home-products__all { margin-top: 30px; }
	.vr-products.vr-products--home ul.products li.product { width: calc((100% - 12px) / 2); }

	.vr-carousel { --vr-per-view: 1.15; --vr-gap: 12px; }
	.vr-carousel__arrow { display: none; }
	.vr-quotes { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 28px; }
	.vr-values { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.vr-values li, .vr-values li:first-child { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--vr-grey-2); }
	.vr-commit__grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.vr-commit__item { padding: 22px 18px; }

	.vr-single, .vr-shop, .vr-product-page, .vr-product__box { flex-direction: column; gap: 24px; padding: 20px 14px 36px; }
	.vr-single__aside, .vr-shop__aside, .vr-product-page__aside { flex-basis: auto; }
	.vr-single__main { padding: 22px 18px; }
	.vr-entry__title { font-size: 24px; }
	.vr-catnav { position: static; }
	.vr-product__box { padding: 16px; }
	.vr-product__gallery { flex-basis: auto; }
	.woocommerce div.product.vr-product .product_title { font-size: 24px; }
	.woocommerce div.product.vr-product form.cart .variations select { min-width: 0; width: 100%; }
	.woocommerce div.product.vr-product form.cart .button.single_add_to_cart_button { flex: 1 1 auto; padding: 0 14px; }
	.vr-product__tabs { padding: 0 16px 20px; }
	.woocommerce div.product.vr-product div.woocommerce-tabs ul.tabs { margin: 0 -16px 18px; padding: 0 16px; }

	.vr-archive { padding: 24px 0 36px; }
	.vr-archive__inner { padding: 0 14px; }
	.vr-archive__grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }

	.vr-footer__main { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-top: 32px; padding-bottom: 28px; }
	.vr-footer__bottom-inner { flex-direction: column; gap: 4px; text-align: center; }
}

/* ==========================================================================
   12. Trang chủ bố cục B (theme "Verona Pizza 2026 B")
   ========================================================================== */
.vr-hb-hero { padding: 24px 0 0; background-color: #ffffff; }
.vr-hb-hero__link { display: block; line-height: 0; }
.vr-hb-hero__img { display: block; width: 100%; height: auto; }

.vr-hb-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 36px 30px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vr-hb-grid__item { display: flex; flex-direction: column; align-items: center; text-align: center; }
.vr-hb-grid__img { display: block; width: 100%; margin-bottom: 14px; line-height: 0; }
.vr-hb-grid__img img {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
	transition: box-shadow .25s, transform .25s;
}
.vr-hb-grid__item:hover .vr-hb-grid__img img { box-shadow: 0 10px 24px rgba(0, 0, 0, .12); transform: translateY(-2px); }

.vr-hb-about__top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 48px; align-items: center; }
.vr-hb-about__text { text-align: right; }
.vr-hb-about__title {
	margin: 0 0 18px;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .02em;
	color: var(--vr-heading);
	text-transform: uppercase;
}
.vr-hb-about__title span { display: block; color: var(--vr-accent); }
.vr-hb-about__title::first-line { color: var(--vr-accent); } /* dòng đầu (Pizza Verona) màu xanh logo – dùng được khi sửa bằng khối Tiêu đề */
.wp-block-columns.vr-hb-about__top { display: grid; margin: 0; }
.vr-hb-about__top > .wp-block-column { min-width: 0; }
.vr-hb-about__text p { margin: 0; font-size: 17px; line-height: 1.75; color: var(--vr-muted); }
.vr-hb-video {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background-color: #000000;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}
.vr-hb-video img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.34); /* cắt viền đen ảnh 4:3 */ }
.vr-hb-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
video.vr-hb-video { object-fit: cover; }

.vr-hb-factory { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 40px 0 0; padding: 0; list-style: none; }
.vr-hb-factory img { display: block; width: 100%; height: auto; aspect-ratio: 651 / 394; object-fit: cover; }

.vr-hb-clients .vr-section__title { margin-bottom: 32px; }

@media (max-width: 1024px) {
	.vr-hb-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 20px; }
	.vr-hb-about__top { gap: 28px; }
}
@media (max-width: 767px) {
	.vr-hb-hero { padding-top: 12px; }
	.vr-hb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; }
	.vr-hb-about__top { grid-template-columns: minmax(0, 1fr); }
	.vr-hb-about__text { text-align: center; }
	.vr-hb-about__title { font-size: 22px; }
	.vr-hb-about__text p { font-size: 15px; }
	/* 3 ảnh xưởng: vuốt ngang thay vì xếp dọc */
	.vr-hb-factory { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 82%; gap: 10px; margin: 24px -14px 0; padding: 0 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.vr-hb-factory::-webkit-scrollbar { display: none; }
	.vr-hb-factory li { scroll-snap-align: center; }
	.vr-hb-clients .vr-section__title { margin-bottom: 20px; }
}

/* Sản phẩm chưa có giá: "Liên hệ" + nút gọi / Zalo */
.vr-contact-price { color: var(--vr-accent); font-weight: 700; }
.vr-contact-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 24px; padding: 18px 0; border-top: 1px solid var(--vr-grey-2); border-bottom: 1px solid var(--vr-grey-2); }
.vr-contact-buttons .button { display: inline-flex; align-items: center; height: 46px; padding: 0 22px; font-weight: 700; text-decoration: none; }
.vr-contact-buttons .button.alt { color: #fff; background-color: var(--vr-accent); }
.vr-contact-buttons .button.alt:hover { background-color: var(--vr-accent-2); }