/* =========================================================
   LOLLIPLANNER — responsive.css
   Breakpoints: Desktop (>1100px) / Tablet (768–1100px) / Mobile (<768px)
   ========================================================= */

/* ---------------- TABLET ---------------- */
@media (max-width: 1100px) {
	.lolli-hero-grid { grid-template-columns: 1fr; min-height: auto; }
	.lolli-hero-text-col { padding: 40px 24px 0; text-align: center; }
	.lolli-hero-text p { margin-left: auto; margin-right: auto; }
	.lolli-hero-image-col { height: 360px; margin-top: 30px; }
	.lolli-hero-bleed-img, .lolli-hero-placeholder-bleed { border-radius: 0; }
	.lolli-decor-flower-1 { top: -16px; left: 20px; }
	.lolli-decor-heart-1 { bottom: -14px; left: auto; right: 20px; }

	.lolli-categories-grid { grid-template-columns: repeat(3, 1fr); }
	.lolli-products-grid { grid-template-columns: repeat(3, 1fr); }
	.lolli-instagram-grid { grid-template-columns: repeat(3, 1fr); }

	.lolli-about-inner { grid-template-columns: 1fr; }
	.lolli-about-image img { height: 320px; }

	.lolli-personalized-inner { grid-template-columns: 1fr; text-align: center; }
	.lolli-personalized-icons { justify-content: center; }

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

	.lolli-blog-layout { grid-template-columns: 1fr; }
	.lolli-blog-card { grid-template-columns: 1fr; }
	.lolli-blog-card-body { padding: 4px 20px 20px; }

	.lolli-shop-layout { grid-template-columns: 220px 1fr; }
}

/* ---------------- NAV: esconder menu central e mostrar hamburguer ---------------- */
@media (max-width: 900px) {
	.lolli-nav { display: none; }
	.lolli-menu-toggle { display: inline-flex; }
	.lolli-logo-tagline { display: none; }
}

/* ---------------- MOBILE ---------------- */
@media (max-width: 640px) {
	.lolli-container { padding: 0 18px; }

	.lolli-topbar p { font-size: .7rem; }
	.lolli-header-inner { padding: 12px 18px; }
	.lolli-logo-text { font-size: 1.4rem; }

	.lolli-hero { padding-top: 20px; }
	.lolli-hero-text-col { padding-top: 24px; }
	.lolli-hero-text h1 { font-size: 1.8rem; }
	.lolli-hero-image-col { height: 240px; }

	.lolli-categories-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.lolli-category-circle { width: 76px; height: 76px; }

	.lolli-products-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.lolli-product-info { padding: 14px 14px 18px; }

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

	.lolli-newsletter-inner { flex-direction: column; text-align: center; }
	.lolli-newsletter-form { width: 100%; justify-content: center; }
	.lolli-newsletter-form input { min-width: 0; flex: 1; }

	.lolli-perks-grid { grid-template-columns: 1fr; }
	.lolli-footer-grid { grid-template-columns: 1fr; text-align: center; }
	.lolli-footer-brand p { margin-left: auto; margin-right: auto; }
	.lolli-footer-social { justify-content: center; }
	.lolli-footer-bottom { flex-direction: column; text-align: center; justify-content: center; }

	.lolli-shop-layout { grid-template-columns: 1fr; }
	.lolli-shop-sidebar { order: 2; }

	.lolli-product-single-grid { grid-template-columns: 1fr !important; }

	.lolli-whatsapp-float { width: 50px; height: 50px; bottom: 16px; right: 16px; }

	.lolli-404 h1 { font-size: 3.4rem; }
}

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