/* ==========================================================================
   RESPONSIVO
   ========================================================================== */

@media (max-width: 1024px) {
	.categories-grid,
	.lookbook-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.products-grid,
	.woocommerce ul.products,
	.related.products ul.products,
	.upsells.products ul.products {
		grid-template-columns: repeat(3, 1fr);
	}

	.testimonials-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: var(--space-md);
	}

	.journal-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.brand-section__grid {
		gap: var(--space-md);
	}

	.woocommerce div.product {
		grid-template-columns: 1fr;
	}

	.woocommerce div.product div.images {
		position: static;
	}

	.quick-view {
		grid-template-columns: 1fr;
	}

	.contact-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 880px) {
	.primary-nav {
		display: none;
	}

	.menu-toggle {
		display: flex;
	}

	.site-header__actions {
		gap: var(--space-2xs);
	}

	.banner-strip__content {
		margin-inline: var(--space-md);
	}
}

@media (max-width: 640px) {
	.categories-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.lookbook-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.products-grid,
	.woocommerce ul.products,
	.related.products ul.products,
	.upsells.products ul.products {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-sm) var(--space-xs);
	}

	.journal-grid {
		grid-template-columns: 1fr;
	}

	.brand-section__grid {
		grid-template-columns: 1fr;
	}

	.footer-top {
		grid-template-columns: 1fr;
		gap: var(--space-md);
	}

	.hero {
		height: 88vh;
		align-items: center;
		text-align: left;
	}

	.hero__content {
		padding-bottom: 0;
	}

	.search-overlay__input {
		font-size: var(--fs-lg);
	}

	.banner-strip {
		min-height: 50vh;
	}

	.banner-strip__content {
		margin-inline: var(--space-sm);
	}

	.qv-modal__panel {
		padding: var(--space-md);
	}

	.whatsapp-float {
		width: 46px;
		height: 46px;
	}

	.back-to-top {
		width: 38px;
		height: 38px;
	}

	.woocommerce div.product form.cart {
		flex-direction: column;
	}
}