/*
Theme Name: Don Queso
Theme URI: https://bend.pe/
Description: Tema hijo Full Site Editing para Don Queso, construido sobre bend 0.7.0 y preparado para WooCommerce.
Author: bend Business Hub
Author URI: https://bend.pe/
Template: bend
Requires at least: 6.9
Requires PHP: 8.2
Version: 1.5.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: don-queso
Domain Path: /languages
Tags: block-patterns, full-site-editing, e-commerce, food-and-drink, wide-blocks
*/

/*
 * La identidad global se declara en theme.json. Esta capa contiene solamente
 * presentación específica de Don Queso e integraciones visuales que Global
 * Styles todavía no expresa de forma fiable.
 */

:root {
	--don-queso-red: #cf0712;
	--don-queso-red-dark: #8f050c;
	--don-queso-yellow: #ffca28;
	--don-queso-cream: #fff8e3;
	--don-queso-ink: #321b16;
	--don-queso-brown: #5f3a16;
	--don-queso-shadow: 0 1.25rem 3.5rem rgb(81 32 11 / 12%);
}

.don-queso-main {
	margin-block-start: 0;
	overflow: clip;
}

.don-queso-eyebrow {
	font-family: var(--wp--preset--font-family--ui);
	font-size: var(--wp--preset--font-size--label);
	font-weight: 800;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-transform: uppercase;
}

.don-queso-announcement {
	display: none !important;
}

.bend-site-header {
	background: rgb(255 255 255 / 96%);
	border-block-end-color: #eadcca;
}

.has-bend-compact-header .bend-site-header {
	background: rgb(255 255 255 / 98%);
	box-shadow: 0 0.75rem 2.25rem rgb(81 32 11 / 11%);
}

.bend-site-header__inner {
	min-block-size: var(--wp--custom--bend--header--height, 4.75rem);
	padding-block: 0.375rem;
	transition: none;
}

.bend-site-logo img {
	max-block-size: 3.75rem;
	max-inline-size: min(100%, var(--wp--custom--bend--header--logo-width, clamp(8rem, 14vw, 11.5rem)));
	transition: none;
}

.has-bend-compact-header .bend-site-header__inner {
	min-block-size: var(--wp--custom--bend--header--compact-height, 3.75rem);
	padding-block: 0.1875rem;
}

.has-bend-compact-header .bend-site-logo img {
	max-block-size: 2.75rem;
	max-inline-size: min(100%, var(--wp--custom--bend--header--compact-logo-width, clamp(7rem, 10vw, 8.5rem)));
}

@media (prefers-reduced-motion: no-preference) {

	.bend-site-header {
		transition:
			background-color 200ms ease,
			border-color 200ms ease,
			box-shadow 200ms ease;
	}

	.bend-site-header__inner {
		transition:
			min-block-size 200ms cubic-bezier(0.22, 1, 0.36, 1),
			padding-block 200ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.bend-site-logo img {
		transition:
			max-block-size 200ms cubic-bezier(0.22, 1, 0.36, 1),
			max-inline-size 200ms cubic-bezier(0.22, 1, 0.36, 1);
	}
}

.bend-site-header .wp-block-navigation-item__content {
	font-weight: 700;
}

.bend-site-header .current-menu-item > .wp-block-navigation-item__content,
.bend-site-header .wp-block-navigation-item__content:hover {
	color: var(--don-queso-red-dark);
	text-decoration-color: var(--don-queso-yellow);
}

.bend-site-header .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--surface-primary);
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: 0.75rem;
	box-shadow: var(--don-queso-shadow);
	min-inline-size: 13rem;
	padding: 0.4rem;
}

.don-queso-header__cart {
	flex: 0 0 auto;
}

.bend-primary-navigation,
.don-queso-header__cta {
	flex: 0 0 auto;
}

.don-queso-header__cart .wc-block-mini-cart__button {
	border-radius: 999px;
	min-block-size: 2.75rem;
	min-inline-size: 2.75rem;
}

.don-queso-header__cta-short {
	display: none;
}

.don-queso-navigation__whatsapp {
	display: none;
}

.wp-element-button,
.wp-block-button__link,
.woocommerce .button,
.woocommerce a.button,
.wc-block-components-button:not(.is-link) {
	box-shadow: 0 0.3rem 0 rgb(86 5 10 / 24%);
	font-weight: 800;
	letter-spacing: 0.01em;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
.woocommerce .button:hover,
.woocommerce a.button:hover,
.wc-block-components-button:not(.is-link):hover {
	box-shadow: 0 0.15rem 0 rgb(86 5 10 / 30%);
	transform: translateY(1px);
}

.is-style-don-queso-outline .wp-block-button__link {
	background: transparent;
	border-color: currentcolor;
	box-shadow: none;
	color: var(--don-queso-red-dark);
}

.is-style-don-queso-outline .wp-block-button__link:hover {
	background: var(--don-queso-red-dark);
	border-color: var(--don-queso-red-dark);
	color: var(--wp--preset--color--surface-primary);
}

.don-queso-hero {
	background: var(--don-queso-ink);
	isolation: isolate;
	min-block-size: min(46rem, calc(100svh - 4.75rem));
	overflow: hidden;
	position: relative;
}

.don-queso-hero .wp-block-cover__background {
	background:
		radial-gradient(circle at 82% 12%, rgb(255 202 40 / 34%), transparent 34%),
		linear-gradient(90deg, rgb(50 27 22 / 94%) 0%, rgb(89 15 15 / 88%) 38%, rgb(143 5 12 / 64%) 66%, rgb(207 7 18 / 28%) 100%);
	opacity: 1;
}

.don-queso-hero .wp-block-cover__image-background {
	object-position: 54% center;
}

.don-queso-hero .wp-block-cover__inner-container {
	inline-size: 100%;
}

.don-queso-hero::after {
	background: linear-gradient(90deg, var(--don-queso-red) 0 67%, var(--don-queso-yellow) 67%);
	block-size: 0.45rem;
	content: "";
	inset-block-end: 0;
	inset-inline: 0;
	position: absolute;
}

.don-queso-hero__content {
	inline-size: 100%;
}

.don-queso-hero__copy {
	margin-inline: 0;
	max-inline-size: 44rem;
}

.don-queso-hero__copy h1 {
	max-inline-size: 11ch;
}

.don-queso-highlight {
	color: var(--don-queso-yellow);
	isolation: isolate;
	position: relative;
	white-space: nowrap;
}

.don-queso-highlight::after {
	background: rgb(207 7 18 / 88%);
	block-size: 0.18em;
	content: "";
	inset-block-end: -0.02em;
	inset-inline: 0;
	position: absolute;
	z-index: -1;
}

.don-queso-hero__copy > p:not(.don-queso-eyebrow) {
	max-inline-size: 38rem;
	text-shadow: 0 1px 1rem rgb(50 27 22 / 55%);
}

.don-queso-hero .wp-block-button:not(.is-style-don-queso-outline) .wp-block-button__link {
	background: var(--don-queso-yellow);
	box-shadow: 0 0.3rem 0 var(--don-queso-red-dark);
	color: #4f3400;
}

.don-queso-hero .wp-block-button:not(.is-style-don-queso-outline) .wp-block-button__link:hover {
	background: #ffdc68;
}

.don-queso-hero .is-style-don-queso-outline .wp-block-button__link {
	border-color: var(--don-queso-cream);
	color: var(--don-queso-cream);
}

.don-queso-hero .is-style-don-queso-outline .wp-block-button__link:hover {
	background: var(--don-queso-cream);
	border-color: var(--don-queso-cream);
	color: var(--don-queso-ink);
}

.don-queso-trust-strip {
	border-block-end: 1px solid var(--wp--preset--color--border-subtle);
}

.don-queso-trust-list {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.don-queso-trust-list > * {
	align-items: center;
	border-inline-end: 1px solid var(--wp--preset--color--border-subtle);
	display: flex;
	gap: 0.85rem;
	margin: 0;
	min-block-size: 5.5rem;
	padding: 1rem clamp(1rem, 3vw, 2rem);
}

.don-queso-trust-list > *:last-child {
	border-inline-end: 0;
}

.don-queso-trust-list strong {
	color: var(--don-queso-red);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--heading-4);
}

.don-queso-section-heading {
	max-inline-size: 49rem;
}

.don-queso-category-grid {
	display: grid;
	gap: var(--wp--preset--spacing--m);
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.don-queso-category-card,
.is-style-don-queso-card {
	background: var(--wp--preset--color--surface-primary);
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: var(--wp--custom--bend--radius--large);
	box-shadow: 0 0.75rem 2rem rgb(81 32 11 / 7%);
}

.don-queso-category-card {
	display: grid;
	grid-template-rows: auto 1fr;
	min-block-size: 25rem;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.don-queso-category-card__media {
	aspect-ratio: 3 / 2;
	background: var(--don-queso-cream);
	border-block-end: 1px solid var(--wp--preset--color--border-subtle);
	margin: 0;
	overflow: hidden;
}

.don-queso-category-card__media img {
	block-size: 100%;
	display: block;
	inline-size: 100%;
	object-fit: cover;
	transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.don-queso-category-card:hover .don-queso-category-card__media img {
	transform: scale(1.035);
}

.don-queso-category-card__body {
	align-content: flex-start;
	gap: var(--wp--preset--spacing--s);
	padding: var(--wp--preset--spacing--l);
}

.don-queso-category-card:focus-within {
	border-color: var(--don-queso-red-dark);
	box-shadow: var(--don-queso-shadow);
}

.don-queso-category-card__body h3,
.don-queso-category-card__body p {
	margin-block: 0;
	position: relative;
}

.don-queso-category-card__body > p:first-child {
	color: var(--don-queso-red);
	font-weight: 800;
}

.don-queso-category-card__body > p:last-child {
	max-inline-size: 22ch;
}

.don-queso-category-card h3 a {
	align-items: center;
	color: var(--don-queso-ink);
	display: inline-flex;
	gap: 0.45rem;
	text-decoration: none;
}

.don-queso-category-card h3 a::after {
	color: var(--don-queso-red);
	content: "→";
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.8em;
}

.don-queso-category-card h3 a:hover {
	color: var(--don-queso-red-dark);
}

.don-queso-product-section .wc-block-product,
.don-queso-product-section .wc-block-grid__product,
.don-queso-product-section .woocommerce ul.products li.product {
	box-shadow: 0 0.75rem 2rem rgb(81 32 11 / 8%);
	transition:
		box-shadow 180ms ease,
		transform 180ms ease;
}

.don-queso-product-section .wc-block-product:hover,
.don-queso-product-section .wc-block-grid__product:hover,
.don-queso-product-section .woocommerce ul.products li.product:hover {
	box-shadow: var(--don-queso-shadow);
	transform: translateY(-0.25rem);
}

.don-queso-product-section .wc-block-components-product-button__button,
.don-queso-product-section .wp-block-button__link {
	inline-size: 100%;
	justify-content: center;
}

.don-queso-story {
	background:
		linear-gradient(135deg, rgb(255 255 255 / 9%) 25%, transparent 25%) 0 0 / 2.5rem 2.5rem,
		var(--wp--preset--color--surface-inverse);
	color: var(--wp--preset--color--surface-primary);
}

.don-queso-story__number {
	color: var(--don-queso-yellow);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--display-xl);
	font-weight: 900;
	line-height: 0.85;
	margin: 0;
}

.don-queso-store-grid {
	display: grid;
	gap: var(--wp--preset--spacing--m);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.don-queso-store-card {
	background: var(--wp--preset--color--surface-primary);
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-inline-start: 0.45rem solid var(--don-queso-yellow);
	border-radius: var(--wp--custom--bend--radius--medium);
	margin: 0;
	padding: var(--wp--preset--spacing--m);
}

.don-queso-store-card p {
	margin-block: 0.25rem;
}

.don-queso-coverage-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.don-queso-coverage-list li {
	background: #fff0b9;
	border: 1px solid #e6c65a;
	border-radius: 999px;
	color: #5b3c00;
	font-family: var(--wp--preset--font-family--ui);
	font-size: var(--wp--preset--font-size--body-small);
	font-weight: 700;
	padding: 0.45rem 0.8rem;
}

.don-queso-cta {
	background: var(--don-queso-yellow);
	border-radius: var(--wp--custom--bend--radius--large);
	box-shadow: var(--don-queso-shadow);
	overflow: hidden;
	position: relative;
}

.don-queso-cta::after {
	background: var(--don-queso-red);
	border-radius: 50%;
	block-size: 12rem;
	content: "";
	inline-size: 12rem;
	inset-block-end: -7rem;
	inset-inline-end: -5rem;
	position: absolute;
}

.don-queso-cta > * {
	position: relative;
	z-index: 1;
}

.bend-site-footer,
.don-queso-footer {
	background: #420408;
	color: var(--wp--preset--color--surface-primary);
	margin-block-start: 0;
	padding-block: 0;
	padding-inline: var(--bend-layout-gutter);
}

.bend-site-footer .bend-footer-columns,
.don-queso-footer .bend-footer-columns {
	padding-block: clamp(2rem, 5vw, 3.75rem) 0 !important;
}

.bend-site-footer .bend-site-logo,
.don-queso-footer .bend-site-logo {
	background: var(--wp--preset--color--surface-primary);
	border-radius: 0.75rem;
	display: inline-block;
	padding: 0.5rem;
}

.bend-site-footer .wp-block-navigation-item__content,
.bend-site-footer a,
.don-queso-footer .wp-block-navigation-item__content,
.don-queso-footer a {
	color: var(--wp--preset--color--surface-primary);
}

.bend-site-footer .wp-block-navigation-item__content:hover,
.bend-site-footer a:hover,
.don-queso-footer .wp-block-navigation-item__content:hover,
.don-queso-footer a:hover {
	color: var(--don-queso-yellow);
}

.bend-site-footer h2,
.don-queso-footer h2 {
	color: var(--don-queso-yellow);
}

.don-queso-footer__cta-wrap {
	padding-block: clamp(1.5rem, 4vw, 2.5rem) 0;
}

.don-queso-footer__cta {
	background:
		radial-gradient(circle at 92% 15%, rgb(255 202 40 / 42%) 0 4.5rem, transparent 4.6rem),
		var(--don-queso-cream);
	border: 1px solid rgb(255 202 40 / 55%);
	border-radius: var(--wp--custom--bend--radius--large);
	color: var(--don-queso-ink);
	gap: clamp(1.25rem, 4vw, 3rem);
	padding: clamp(1.5rem, 4vw, 2.5rem);
}

.don-queso-footer__cta-copy {
	margin: 0;
	max-inline-size: 42rem;
}

.don-queso-footer__cta :is(h2, p) {
	color: inherit;
	margin-block: 0;
}

.don-queso-footer__main {
	max-inline-size: 84rem;
}

.don-queso-footer__grid {
	gap: clamp(1.5rem, 4vw, 3.5rem);
}

.don-queso-footer__grid h2 {
	margin-block: 0 0.75rem;
}

.don-queso-footer__grid p {
	color: #f6e7e3;
	line-height: 1.65;
}

.don-queso-footer__brand p {
	max-inline-size: 30ch;
}

.don-queso-footer__navigation .wp-block-navigation__container {
	gap: 0.125rem;
}

.don-queso-footer__navigation .wp-block-navigation-item__content {
	align-items: center;
	display: inline-flex;
	min-block-size: 2.75rem;
	padding-block: 0.25rem;
}

.don-queso-footer__whatsapp a,
.don-queso-footer__store-link a {
	font-weight: 800;
	text-decoration-thickness: 0.1em;
	text-underline-offset: 0.2em;
}

.don-queso-footer__meta {
	border-block-start: 1px solid rgb(255 255 255 / 18%);
	color: #f3d9d9;
	margin-block-start: clamp(1.5rem, 3vw, 2.5rem);
	padding-block: 1rem 1.5rem;
}

.don-queso-footer__meta p {
	margin: 0;
}

.don-queso-page-hero {
	background: var(--don-queso-cream);
	border-block-end: 1px solid var(--wp--preset--color--border-subtle);
}

.don-queso-page-hero h1 {
	max-inline-size: 15ch;
}

.don-queso-media-card {
	background: var(--wp--preset--color--surface-primary);
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: var(--wp--custom--bend--radius--large);
	box-shadow: var(--don-queso-shadow);
	margin: 0;
	overflow: hidden;
	padding: 0.6rem;
}

.don-queso-media-card img {
	aspect-ratio: 16 / 10;
	border-radius: calc(var(--wp--custom--bend--radius--large) - 0.4rem);
	display: block;
	inline-size: 100%;
	object-fit: cover;
}

.don-queso-media-card figcaption {
	margin: 0;
	padding: 0.75rem 0.75rem 0.25rem;
}

.don-queso-value-grid,
.don-queso-contact-grid {
	display: grid;
	gap: var(--wp--preset--spacing--l);
}

.don-queso-value-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.don-queso-contact-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.don-queso-value-grid > *,
.don-queso-contact-grid > * {
	height: 100%;
	padding: var(--wp--preset--spacing--l);
}

.don-queso-faq {
	max-inline-size: 58rem;
}

.don-queso-faq .wp-block-details {
	background: var(--wp--preset--color--surface-primary);
	border: 1px solid var(--wp--preset--color--border-subtle);
	border-radius: var(--wp--custom--bend--radius--medium);
	margin-block: var(--wp--preset--spacing--s);
	padding: var(--wp--preset--spacing--m);
}

.don-queso-faq summary {
	cursor: pointer;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--heading-5);
	font-weight: 700;
	min-block-size: 2.75rem;
}

.don-queso-faq summary + * {
	margin-block-start: var(--wp--preset--spacing--s);
}

.don-queso-post-card {
	height: 100%;
	overflow: hidden;
}

.don-queso-post-card .wp-block-post-featured-image {
	margin: calc(-1 * var(--wp--preset--spacing--l));
	margin-block-end: var(--wp--preset--spacing--m);
}

.woocommerce span.onsale,
.wc-block-components-product-badge,
.wc-block-grid__product-onsale {
	background: var(--don-queso-yellow);
	color: #4f3400;
}

.woocommerce .price,
.wc-block-components-product-price,
.wc-block-grid__product-price {
	color: var(--don-queso-red-dark);
}

.woocommerce div.product div.images img {
	border-radius: var(--wp--custom--bend--radius--large);
}

.woocommerce div.product .product_title {
	color: var(--don-queso-ink);
}

/*
 * Mobile-first branded navigation. WordPress retains ownership of the modal,
 * focus trap, Escape handling and scroll lock; the child theme only presents
 * those native controls as a complete Don Queso experience.
 */
@media (max-width: 1023px) {

	.don-queso-primary-navigation .wp-block-navigation__responsive-container-open {
		align-items: center;
		background: var(--don-queso-cream);
		border: 1px solid rgb(143 5 12 / 28%);
		border-radius: 999px;
		color: var(--don-queso-red-dark);
		display: inline-flex;
		justify-content: center;
		min-block-size: 2.75rem;
		min-inline-size: 2.75rem;
		padding: 0.6rem;
	}

	.don-queso-primary-navigation .wp-block-navigation__responsive-container-open:hover {
		background: var(--don-queso-yellow);
		color: var(--don-queso-ink);
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container {
		clip-path: inset(0 0 100% 0);
		opacity: 0;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
		background:
			radial-gradient(circle at 104% 84%, rgb(255 202 40 / 62%) 0 8rem, transparent 8.1rem),
			radial-gradient(circle at -8% 105%, rgb(207 7 18 / 13%) 0 13rem, transparent 13.1rem),
			linear-gradient(145deg, #fffdf5 0%, var(--don-queso-cream) 100%);
		clip-path: inset(0);
		color: var(--don-queso-ink);
		opacity: 1;
		padding:
			max(1rem, env(safe-area-inset-top))
			max(1rem, env(safe-area-inset-right))
			max(1rem, env(safe-area-inset-bottom))
			max(1rem, env(safe-area-inset-left));
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-close {
		inline-size: min(100%, 48rem);
		margin-inline: auto;
		min-block-size: 100%;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-dialog {
		display: flex;
		flex-direction: column;
		min-block-size: 100%;
		position: relative;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-close {
		align-self: flex-end;
		align-items: center;
		background: var(--don-queso-red-dark);
		border: 2px solid var(--don-queso-yellow);
		border-radius: 999px;
		box-shadow: 0 0.35rem 0 rgb(86 5 10 / 22%);
		color: var(--wp--preset--color--surface-primary);
		display: inline-flex;
		justify-content: center;
		min-block-size: 3rem;
		min-inline-size: 3rem;
		padding: 0.65rem;
		position: absolute;
		inset-block-start: 0;
		inset-inline-end: 0;
		z-index: 2;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-content {
		align-items: stretch;
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: flex-start;
		padding-block: clamp(7.25rem, 23vw, 9rem) 0 !important;
		position: relative;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-content::before {
		background: #fff url("assets/images/brand/don-queso-logo-original.jpeg") center / contain no-repeat;
		block-size: 4.75rem;
		border: 1px solid rgb(143 5 12 / 12%);
		border-radius: 1rem;
		box-shadow: 0 0.75rem 2rem rgb(81 32 11 / 10%);
		content: "";
		inline-size: min(11rem, calc(100vw - 7rem));
		inset-block-start: 0;
		inset-inline-start: 0;
		position: absolute;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-content::after {
		color: var(--don-queso-brown);
		content: "Quesos, jamones y más · Áncash";
		font-family: var(--wp--preset--font-family--ui);
		font-size: 0.75rem;
		font-weight: 800;
		letter-spacing: 0.08em;
		margin-block-start: auto;
		padding-block-start: 2rem;
		text-transform: uppercase;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		align-items: stretch;
		counter-reset: don-queso-menu;
		flex-direction: column;
		gap: 0;
		inline-size: 100%;
		justify-content: flex-start;
		list-style: none;
		margin-block-start: 0 !important;
		padding: 0;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
		border-block-end: 1px solid rgb(143 5 12 / 18%);
		counter-increment: don-queso-menu;
		inline-size: 100%;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
		align-items: center;
		border-radius: 0.75rem;
		color: var(--don-queso-ink);
		display: grid;
		font-family: var(--wp--preset--font-family--heading);
		font-size: clamp(1.65rem, 7vw, 2.5rem);
		font-weight: 800;
		gap: 0.65rem;
		grid-template-columns: 2rem 1fr auto;
		inline-size: 100%;
		line-height: 1.05;
		min-block-size: 3.75rem;
		padding: 0.65rem 0.75rem;
		text-align: start;
		text-decoration: none;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation-item__content:hover,
	.bend-site-header .don-queso-primary-navigation .wp-block-navigation-item__content:focus-visible {
		background: rgb(255 255 255 / 72%);
		color: var(--don-queso-red-dark);
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation-item__content::before {
		color: var(--don-queso-red);
		content: "0" counter(don-queso-menu);
		font-family: var(--wp--preset--font-family--ui);
		font-size: 0.7rem;
		font-weight: 800;
		letter-spacing: 0.08em;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation-item__content::after {
		block-size: 0.65rem;
		border-block-start: 0.125rem solid currentcolor;
		border-inline-end: 0.125rem solid currentcolor;
		color: var(--don-queso-red);
		content: "";
		inline-size: 0.65rem;
		margin-inline-end: 0.25rem;
		transform: rotate(45deg);
	}

	.bend-site-header .don-queso-primary-navigation .don-queso-navigation__whatsapp {
		border-block-end: 0;
		counter-increment: none;
		display: flex;
		margin-block-start: 1.25rem;
	}

	.bend-site-header .don-queso-primary-navigation .don-queso-navigation__whatsapp .wp-block-navigation-item__content {
		background: var(--don-queso-red);
		box-shadow: 0 0.35rem 0 var(--don-queso-red-dark);
		color: var(--wp--preset--color--surface-primary);
		font-family: var(--wp--preset--font-family--ui);
		font-size: 1rem;
		grid-template-columns: 1fr auto;
		min-block-size: 3.5rem;
		padding-inline: 1.25rem;
	}

	.bend-site-header .don-queso-primary-navigation .don-queso-navigation__whatsapp .wp-block-navigation-item__content::before {
		display: none;
	}

	.bend-site-header .don-queso-primary-navigation .don-queso-navigation__whatsapp .wp-block-navigation-item__content::after {
		block-size: auto;
		border: 0;
		color: var(--don-queso-yellow);
		content: "↗";
		font-size: 1.25rem;
		inline-size: auto;
		transform: none;
	}
}

@media (max-width: 1023px) and (prefers-reduced-motion: no-preference) {

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container {
		transition:
			opacity 220ms ease,
			clip-path 320ms cubic-bezier(0.22, 1, 0.36, 1),
			display 320ms;
		transition-behavior: allow-discrete;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-content::before,
	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-content::after,
	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-close,
	.bend-site-header .don-queso-primary-navigation .wp-block-navigation-item {
		opacity: 0;
		transform: translateX(-0.85rem);
		transition:
			opacity 200ms ease,
			transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-close {
		transform: rotate(-70deg) scale(0.8);
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content::before,
	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content::after,
	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		opacity: 1;
		transform: none;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
		transition-delay: 40ms;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content::before {
		transition-delay: 70ms;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation-item:nth-child(1) {
		transition-delay: 90ms;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation-item:nth-child(2) {
		transition-delay: 115ms;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation-item:nth-child(3) {
		transition-delay: 140ms;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation-item:nth-child(4) {
		transition-delay: 165ms;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation-item:nth-child(5) {
		transition-delay: 190ms;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation-item:nth-child(6),
	.bend-site-header .don-queso-primary-navigation .wp-block-navigation-item:nth-child(7),
	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-content::after {
		transition-delay: 215ms;
	}

	@starting-style {

		.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
			clip-path: inset(0 0 100% 0);
			opacity: 0;
		}

		.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content::before,
		.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content::after,
		.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
		.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
			opacity: 0;
			transform: translateX(-0.85rem);
		}
	}
}

@media (min-width: 782px) and (max-width: 70rem) {

	.don-queso-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 781px) {

	.bend-site-header__inner {
		min-block-size: 4.25rem;
	}

	.has-bend-compact-header .bend-site-header__inner {
		min-block-size: 3.625rem;
	}

	.bend-site-logo img {
		max-block-size: 3.25rem;
		max-inline-size: min(100%, clamp(6rem, 28vw, 7.25rem));
	}

	.has-bend-compact-header .bend-site-logo img {
		max-block-size: 2.625rem;
		max-inline-size: min(100%, clamp(5.75rem, 25vw, 6.75rem));
	}

	.don-queso-hero {
		min-block-size: min(42rem, calc(100svh - 4.25rem));
	}

	.don-queso-hero .wp-block-cover__background {
		background:
			linear-gradient(180deg, rgb(50 27 22 / 90%) 0%, rgb(89 15 15 / 82%) 58%, rgb(143 5 12 / 64%) 100%);
	}

	.don-queso-hero .wp-block-cover__image-background {
		object-position: 60% center;
	}

	.don-queso-trust-list {
		grid-template-columns: 1fr;
	}

	.don-queso-trust-list > * {
		border-block-end: 1px solid var(--wp--preset--color--border-subtle);
		border-inline-end: 0;
	}

	.don-queso-store-grid {
		grid-template-columns: 1fr;
	}

	.don-queso-value-grid,
	.don-queso-contact-grid {
		grid-template-columns: 1fr;
	}

	.don-queso-footer__cta {
		align-items: flex-start;
	}

	.don-queso-footer__grid {
		display: grid;
		gap: 1.75rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.don-queso-footer__brand,
	.don-queso-footer__stores {
		grid-column: 1 / -1;
	}
}

@media (max-width: 600px) {

	.don-queso-header__cta-full {
		display: none;
	}

	.don-queso-header__cta-short {
		display: inline;
	}

	.don-queso-header__cart .wc-block-mini-cart__button {
		padding: 0.5rem;
	}

	.don-queso-category-grid {
		grid-template-columns: 1fr;
	}

	.don-queso-category-card {
		min-block-size: 0;
	}

	.don-queso-category-card__media {
		aspect-ratio: 16 / 9;
	}

	.don-queso-cta {
		border-radius: var(--wp--custom--bend--radius--medium);
	}

	.don-queso-footer__meta {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 360px) {

	.don-queso-header__cta .wp-block-button__link {
		font-size: 0.75rem;
		padding-inline: 0.65rem;
	}
}

@media (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}

	.wp-element-button:hover,
	.wp-block-button__link:hover,
	.don-queso-category-card:hover .don-queso-category-card__media img,
	.don-queso-product-section .wc-block-product:hover,
	.don-queso-product-section .wc-block-grid__product:hover,
	.don-queso-product-section .woocommerce ul.products li.product:hover {
		transform: none;
	}
}

@media (forced-colors: active) {

	.don-queso-highlight::after,
	.don-queso-hero::after,
	.don-queso-cta::after {
		display: none;
	}

	.don-queso-category-card,
	.don-queso-store-card,
	.don-queso-cta {
		border: 1px solid CanvasText;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
		background: Canvas !important;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-content::before {
		align-items: center;
		background: Canvas;
		border: 1px solid CanvasText;
		color: CanvasText;
		content: "Don Queso";
		display: flex;
		font-weight: 800;
		justify-content: center;
	}

	.bend-site-header .don-queso-primary-navigation .wp-block-navigation__responsive-container-close,
	.bend-site-header .don-queso-primary-navigation .don-queso-navigation__whatsapp .wp-block-navigation-item__content {
		border: 2px solid ButtonText;
	}
}