/* Ajustes compartilhados de acessibilidade, navegação e densidade visual. */
[hidden] {
	display: none !important;
}
:focus-visible {
	outline: 3px solid #9c7100;
	outline-offset: 4px;
}
button,
a,
input,
select,
textarea {
	-webkit-tap-highlight-color: transparent;
}
.menu-toggle,
.mobile-basket {
	display: none;
}
.product-details {
	font-size: 13px;
	margin: 10px 0;
	color: var(--gray-600);
}
.product-details summary {
	cursor: pointer;
	min-height: 44px;
	display: flex;
	align-items: center;
	text-decoration: underline;
}
.product-details p {
	margin-bottom: 12px;
}
.product-price-note,
.basket-note,
.catalog-notice,
.product-sku,
.labor-choice small {
	font-size: 12px;
}
.quantity-controls button,
.clear-basket {
	min-width: 44px;
	min-height: 44px;
}
.privacy-page,
.error-page {
	padding-block: 64px;
	max-width: 850px;
}
.privacy-page h1,
.error-page h1 {
	font-size: clamp(30px, 5vw, 44px);
}
.privacy-page h2 {
	font-size: 23px;
	margin: 30px 0 12px;
}
.privacy-page p,
.error-page p {
	margin: 18px 0;
	line-height: 1.8;
}
.privacy-page a {
	text-decoration: underline;
}
.footer-bottom a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	text-decoration: underline;
}
@media (max-width: 800px) {
	.topbar {
		display: none;
	}
	.site-header .header-content {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto auto;
		gap: 8px;
		padding-block: 10px;
		position: relative;
	}
	.site-header .brand.brand-transparent,
	.site-header .brand.brand-locksmith {
		width: clamp(100px, 32vw, 150px);
		height: 52px;
	}
	.menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		padding: 8px;
		font: 600 12px var(--font-body);
		color: var(--blue-900);
		background: white;
		border: 1px solid #a5b6c5;
		border-radius: 6px;
	}
	.site-header .header-cta {
		min-height: 44px;
		font-size: 11px;
		padding: 9px;
		gap: 4px;
	}
	.site-header .main-nav {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: white;
		padding: 12px;
		border: 1px solid #c6d3dd;
		border-radius: 0 0 10px 10px;
		box-shadow: 0 12px 20px #08233e20;
		z-index: 20;
	}
	.site-header.menu-open .main-nav {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}
	.main-nav a,
	.business-switcher a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
	}
	.business-switcher a {
		font-size: 11px;
		padding: 7px;
	}
	.section {
		padding-block: 48px;
	}
	.section-heading {
		margin-bottom: 28px;
	}
	[data-business='redes'] .hero {
		min-height: 480px;
		padding-block: 45px;
	}
	[data-business='redes'] .hero h1 {
		font-size: clamp(32px, 8vw, 42px);
	}
	.hero-description {
		font-size: 15px;
	}
	.hero-actions {
		gap: 10px;
	}
	.hero-actions .button {
		min-height: 48px;
	}
	.hero-note {
		font-size: 12px;
	}
	.trust-grid {
		gap: 15px;
	}
	.trust-item p {
		display: none;
	}
	.trust-item h3 {
		font-size: 12px;
	}
	.trust-item {
		gap: 10px;
	}
	.service-card {
		display: grid;
		grid-template-columns: 100px minmax(0, 1fr);
	}
	.service-visual {
		height: 100%;
		min-height: 160px;
	}
	.service-visual img {
		height: 100%;
		object-fit: cover;
	}
	.card-content {
		padding: 19px 15px;
	}
	.card-content h3 {
		font-size: 18px;
	}
	.card-content p,
	.service-visual > span {
		display: none;
	}
	.card-content a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		margin-top: 9px;
	}
	.faq-item summary {
		min-height: 52px;
		font-size: 14px;
	}
	.faq-item p {
		font-size: 14px;
	}
	.intake-form label,
	.material-note,
	.intake-form .form-note,
	.intake-form .field-hint {
		font-size: 12px;
	}
	.intake-direct-link {
		min-height: 44px;
	}
	.business-card-visual {
		height: 145px;
	}
	.business-card-body {
		padding: 22px;
	}
	.portal-hero > .container > p {
		font-size: 15px;
	}
	.portal-header .button {
		min-height: 44px;
	}
	.shop-hero {
		padding-block: 42px;
	}
	.shop-hero h1 {
		font-size: 34px;
	}
	.shop-hero p {
		font-size: 15px;
	}
	.catalog-toolbar {
		gap: 16px;
	}
	#product-search {
		font-size: 16px;
		min-height: 48px;
	}
	.category-filters button,
	#category-filters button {
		min-height: 44px;
	}
	.product-grid {
		gap: 16px;
	}
	.product-card {
		display: grid;
		grid-template-columns: 90px minmax(0, 1fr);
		align-items: start;
	}
	.product-image {
		height: 110px;
		margin-top: 20px;
		background: transparent;
	}
	.product-image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.product-image > span,
	.product-sku {
		display: none;
	}
	.product-body {
		padding: 18px 14px 18px 0;
	}
	.product-body h3 {
		font-size: 17px;
	}
	.product-price {
		font-size: 22px;
	}
	.product-price-note {
		font-size: 11px;
	}
	.product-add {
		min-height: 44px;
		font-size: 12px;
	}
	.labor-choice {
		font-size: 12px;
		padding: 12px 8px;
		min-height: 44px;
	}
	.labor-choice input {
		width: 20px;
		height: 20px;
		flex-shrink: 0;
	}
	.no-labor {
		font-size: 12px;
	}
	.mobile-basket:not([hidden]) {
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		z-index: 40;
		bottom: 0;
		left: 0;
		right: 0;
		min-height: 62px;
		padding: 12px 5% calc(12px + env(safe-area-inset-bottom));
		background: var(--blue-900);
		color: white;
		box-shadow: 0 -4px 15px #08233e20;
		font-size: 13px;
	}
	.mobile-basket strong {
		color: #ffd15c;
	}
	body[data-has-basket='true'] {
		padding-bottom: 80px;
	}
	body[data-has-basket='true'] .whatsapp-float {
		bottom: calc(82px + env(safe-area-inset-bottom));
	}
	.footer-grid {
		gap: 25px;
	}
	.footer-bottom {
		font-size: 12px;
		padding-right: 55px;
	}
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	*,
	*::before,
	*::after {
		transition: none !important;
		animation: none !important;
	}
}

@media (max-width: 800px) {
	.trust-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		padding-block: 20px;
		gap: 10px;
	}
	.trust-item {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 0;
		border: 0;
	}
	.trust-item + .trust-item {
		border: 0;
		padding-left: 0;
	}
	.trust-item .icon-box {
		width: 34px;
		height: 34px;
	}
	.trust-item h3 {
		font-size: 11px;
	}
	.card-content {
		min-width: 0;
	}
	.card-content a {
		font-size: 11px;
	}
}