/* Ajustes de proporção e navegação para telas compactas. */
.icon--menu {
	width: 1.25rem;
	height: .95rem;
	background:
		linear-gradient(currentColor 0 0) top / 100% 1.5px no-repeat,
		linear-gradient(currentColor 0 0) center / 100% 1.5px no-repeat,
		linear-gradient(currentColor 0 0) bottom / 100% 1.5px no-repeat;
	-webkit-mask-image: none;
	mask-image: none;
	box-shadow: none;
}

.newsletter-form-native {
	display: grid;
	gap: .8rem;
}

.newsletter-consent {
	display: flex;
	align-items: flex-start;
	gap: .55rem;
	color: rgba(255, 255, 255, .72);
	font-size: .68rem;
	line-height: 1.45;
}

.newsletter-consent input {
	margin-top: .2rem;
	accent-color: var(--color-accent);
}

.newsletter-notice {
	margin: 0 0 1rem;
	padding: .8rem 1rem;
	border: 1px solid rgba(255, 255, 255, .35);
	font-size: .78rem;
}

@media (max-width: 782px) {
	body:not(.woocommerce-checkout) .header-action--cart {
		position: relative;
		z-index: auto;
		right: auto;
		bottom: auto;
		width: 2.7rem;
		height: 2.7rem;
		border-radius: 0;
		background: transparent;
		color: var(--color-ink);
		box-shadow: none;
	}

	body:not(.woocommerce-checkout) .header-action--cart .header-action__count {
		top: .1rem;
		right: .05rem;
		background: var(--color-ink);
	}

	.product-carousel__track {
		grid-auto-columns: 44vw;
		gap: .7rem;
	}

	.inspiration-grid {
		display: grid;
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: 44vw;
		gap: .7rem;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		scroll-snap-type: inline mandatory;
		scrollbar-width: none;
	}

	.inspiration-grid::-webkit-scrollbar {
		display: none;
	}

	.inspiration-card {
		aspect-ratio: 4 / 5;
		scroll-snap-align: start;
	}

	.inspiration-card > strong {
		inset: auto 1rem 1rem;
		font-size: 1.2rem;
	}

	.collection-grid,
	.collections-directory__grid,
	.collections-directory__grid--placeholder {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2rem .7rem;
	}

	.collection-card {
		min-height: 0;
		aspect-ratio: 4 / 5;
	}

	.collection-card span {
		inset: auto 1rem 1rem;
	}

	.collection-card strong,
	.collection-directory-card h2 {
		font-size: 1.05rem;
	}

	.collection-card small {
		display: none;
	}
}