/**
 * Brava Burgers — UI mobile (≤768px) solamente.
 * Desktop: brava-brand.css @media (min-width: 769px)
 */
@media (max-width: 768px) {
	html,
	body.brava-shop-b {
		overflow-x: hidden;
		max-width: 100%;
	}

	body.brava-shop-b {
		font-family: 'DM Sans', 'Open Sans', sans-serif;
		-webkit-tap-highlight-color: transparent;
	}

	body.brava-shop-b .brava-shop-top {
		position: sticky;
		top: 0;
		z-index: 1020;
		background: rgba(26, 26, 26, 0.94);
		backdrop-filter: blur(10px);
		border-bottom: 3px solid var(--brava-accent);
		max-width: 100%;
		overflow: hidden;
	}

	body.brava-shop-b > .container.brava-shop-wrap {
		max-width: 100%;
		width: 100%;
		overflow-x: hidden;
	}

	body.brava-shop-b #productos.row {
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;
	}

	body.brava-shop-b .brava-menu-zone.col-12 {
		padding-left: 0;
		padding-right: 0;
		max-width: 100%;
	}

	body.brava-shop-b #brava_cat_chips.col-12 {
		padding-left: 0;
		padding-right: 0;
		max-width: 100%;
		overflow: hidden;
	}

	body.brava-shop-b .brava-hero {
		position: static;
		z-index: auto;
		background: transparent;
		border-bottom: none;
		text-align: left;
		padding: 10px 14px 6px;
	}

	body.brava-shop-b .brava-hero-inner {
		display: grid;
		grid-template-columns: 44px minmax(0, 1fr) auto;
		grid-template-rows: auto auto auto;
		align-items: center;
		gap: 2px 10px;
		text-align: left;
		min-width: 0;
		max-width: 100%;
	}

	body.brava-shop-b .brava-hero-logo {
		grid-column: 1;
		grid-row: 1 / 3;
		width: 44px;
		height: 44px;
		margin: 0;
		border-width: 2px;
		align-self: center;
	}

	body.brava-shop-b .brava-hero-title,
	body.brava-shop-b .brava-hero-title font {
		grid-column: 2;
		grid-row: 1;
		font-size: 1.35rem;
		margin: 0;
		line-height: 1;
		text-align: left;
		min-width: 0;
	}

	body.brava-shop-b .brava-hero-tagline {
		grid-column: 2;
		grid-row: 2;
		margin: 2px 0 0;
		font-size: 0.72rem;
		color: var(--brava-muted);
	}

	body.brava-shop-b .brava-hero-sub {
		grid-column: 2;
		grid-row: 3;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		align-self: start;
		width: auto;
		margin: 4px 0 6px;
		padding: 0;
		font-size: 0.78rem;
		gap: 6px;
		min-height: 12px;
		line-height: 1.1;
	}

	body.brava-shop-b .brava-hero-status-dot {
		transform: none;
		flex-shrink: 0;
	}

	body.brava-shop-b .brava-hero-status-label {
		line-height: 1.1;
	}

	body.brava-shop-b .brava-hero-actions {
		grid-column: 3;
		grid-row: 1 / 3;
		margin: 0;
		align-self: center;
		justify-content: flex-end;
	}

	body.brava-shop-b .brava-hero-icon {
		width: 42px;
		height: 42px;
		border-radius: 12px;
		line-height: 42px;
	}

	body.brava-shop-b #brava_cat_chips {
		position: static;
		top: auto;
		background: rgba(10, 10, 10, 0.35);
		border-top: 1px solid var(--brava-border);
		border-bottom: none;
		padding: 0;
	}

	body.brava-shop-b .brava-cat-chips {
		padding: 10px 14px 6px;
		max-width: 100%;
	}

	body.brava-shop-b .brava-row-item.col-12,
	body.brava-shop-b .brava-menu-list .producto {
		padding-left: 0;
		padding-right: 0;
		max-width: 100%;
	}

	body.brava-shop-b .brava-row-head {
		min-width: 0;
	}

	body.brava-shop-b .brava-row-copy {
		min-width: 0;
	}

	body.brava-shop-b #footer_enviar.brava-send-bar,
	body.brava-shop-b .brava-hero-footer {
		max-width: 100%;
		box-sizing: border-box;
	}

	body.brava-shop-b #catalogo_dinamico {
		padding-bottom: calc(88px + env(safe-area-inset-bottom));
	}

	body.brava-shop-b .brava-section-title {
		color: #e55a25;
	}

	body.brava-shop-b .brava-product-row.brava-product-active,
	body.brava-shop-b .brava-product-row.producto_pedido {
		background: var(--brava-accent) !important;
		border-color: var(--brava-accent) !important;
	}

	body.brava-shop-b .brava-product-row.brava-product-active .brava-row-title,
	body.brava-shop-b .brava-product-row.producto_pedido .brava-row-title,
	body.brava-shop-b .brava-product-row.brava-product-active .brava-row-price,
	body.brava-shop-b .brava-product-row.producto_pedido .brava-row-price,
	body.brava-shop-b .brava-product-row.brava-product-active .precio-box,
	body.brava-shop-b .brava-product-row.producto_pedido .precio-box,
	body.brava-shop-b .brava-product-row.brava-product-active small,
	body.brava-shop-b .brava-product-row.producto_pedido small {
		color: #111 !important;
	}

	body.brava-shop-b .brava-product-row.brava-product-active .brava-btn-add,
	body.brava-shop-b .brava-product-row.producto_pedido .brava-btn-add {
		border-color: #111 !important;
		color: #111 !important;
	}

	body.brava-shop-b .brava-btn-add {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	body.brava-shop-b.tienehover .producto_fila.brava-product-row:hover {
		background: rgba(42, 42, 42, 0.94) !important;
	}

	body.brava-shop-b.tienehover .producto_fila.brava-product-row:hover .brava-row-title,
	body.brava-shop-b.tienehover .producto_fila.brava-product-row:hover small {
		color: var(--brava-text) !important;
	}

	body.brava-shop-b.tienehover .producto_fila.brava-product-row:hover .brava-row-price,
	body.brava-shop-b.tienehover .producto_fila.brava-product-row:hover .precio-box {
		color: var(--brava-accent) !important;
	}

	body.brava-shop-b #footer_enviar.brava-send-bar {
		background: rgba(26, 26, 26, 0.96) !important;
		border-top: 3px solid var(--brava-accent) !important;
		backdrop-filter: blur(8px);
	}

	body.brava-shop-b .brava-send-btn {
		border-radius: 14px !important;
		font-weight: 800 !important;
	}

	body.brava-shop-b .brava-hero-footer {
		padding-bottom: calc(96px + env(safe-area-inset-bottom));
	}

	/* Checkout modal — compacto en móvil: menos alto, mapa chico, botones siempre visibles */
	#preguntas_pedido.fancybox-content {
		padding: 10px 10px 0 !important;
		max-height: min(92vh, 100dvh) !important;
	}

	#preguntas_pedido .brava-checkout-inner {
		max-height: calc(min(92vh, 100dvh) - 20px);
	}

	#preguntas_pedido .brava-checkout-head {
		margin-bottom: 6px;
		padding-right: 22px;
	}

	#preguntas_pedido_encabezado {
		font-size: 0.95rem !important;
	}

	#preguntas_pedido .brava-checkout-section {
		margin-bottom: 6px;
		padding: 6px 8px;
		border-radius: 6px;
	}

	#preguntas_pedido .brava-checkout-section-title {
		margin-bottom: 5px;
		font-size: 9px;
	}

	#preguntas_pedido .brava-field {
		margin-bottom: 4px;
	}

	#preguntas_pedido .brava-input.form-control {
		height: 34px;
		min-height: 34px;
		font-size: 12px;
		padding: 4px 8px;
	}

	#preguntas_pedido select.brava-input.form-control {
		height: 34px;
	}

	#preguntas_pedido .brava-checkout-grid-2 {
		gap: 6px;
	}

	.brava-checkout-map-wrap {
		margin: 4px 0 2px;
	}

	.brava-map-label {
		margin-bottom: 3px;
		font-size: 0.65rem;
		line-height: 1.25;
	}

	.brava-checkout-map {
		height: 80px;
		border-radius: 6px;
	}

	.zone-banner {
		margin-top: 4px;
		padding: 6px 8px;
		font-size: 0.72rem;
	}

	#preguntas_pedido .brava-checkout-foot {
		padding: 8px 0 calc(10px + env(safe-area-inset-bottom, 0px));
	}

	.brava-checkout-actions .btn {
		font-size: 0.82rem;
		padding: 8px 10px;
	}
}