/* ==========================================================================
   VENCILLA — Responsive overrides
   Breakpoints: 1024px (tablet/small desktop), 768px (tablet portrait), 480px (mobile)
   ========================================================================== */

/* ---------------- 1024px — tablets / small laptops ---------------- */
@media (max-width: 1024px) {
	.vc-section { padding: 64px 0; }

	.vc-about-grid { grid-template-columns: 1fr 1fr; }
	.vc-about-commitment { grid-column: 1 / -1; }

	.vc-why-grid { grid-template-columns: repeat(2, 1fr); }
	.vc-category-grid, .vc-category-grid-5 { grid-template-columns: repeat(3, 1fr); }
	.vc-product-carousel, .vc-blog-grid { grid-template-columns: repeat(2, 1fr); }
	.vc-therapeutic-grid { grid-template-columns: repeat(3, 1fr); }
	.vc-cert-grid-full { grid-template-columns: repeat(2, 1fr); }
	.vc-testimonial-track { grid-template-columns: repeat(2, 1fr); }

	.vc-division-hero-grid { grid-template-columns: 1fr; }
	.vc-division-hero-image { order: -1; }

	.vc-contact-cta-inner { grid-template-columns: 1fr; text-align: center; }
	.vc-contact-cta-actions { justify-content: center; }
	.vc-contact-grid-inner { grid-template-columns: 1fr; }
	.vc-blog-archive-grid { grid-template-columns: 1fr; }
	.vc-blog-archive-main .vc-blog-grid { grid-template-columns: repeat(2, 1fr); }

	.vc-footer-grid { grid-template-columns: 1fr 1fr; }
}

/* ---------------- 768px — tablet portrait / large phones ---------------- */
@media (max-width: 768px) {
	.vc-topbar-inner { justify-content: center; gap: 16px; flex-wrap: wrap; }

	.vc-primary-nav { display: none; }
	.vc-menu-toggle { display: flex; }
	.vc-mobile-nav {
		display: block; position: fixed; inset: 0 0 0 auto; width: 82%; max-width: 340px;
		background: var(--vc-navy); z-index: 999; padding: 100px 24px 40px;
		transform: translateX(100%); transition: transform 0.35s ease;
	}
	.vc-mobile-nav.open { transform: translateX(0); }
	.vc-mobile-menu { display: flex; flex-direction: column; gap: 4px; }
	.vc-mobile-menu a { color: #fff; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,0.08); display: block; }
	.vc-mobile-menu .sub-menu { padding-left: 16px; }

	.vc-hero-bg { width: 100%; }
	.vc-hero-bg-right { display: none; }
	.vc-hero-divisions { grid-template-columns: 1fr; gap: 28px; text-align: center; }
	.vc-hero-title { letter-spacing: 2px; }
	.vc-choose-division-buttons { flex-direction: column; align-items: center; }

	.vc-stats-strip { flex-direction: column; }
	.vc-about-grid { grid-template-columns: 1fr; }
	.vc-vision-mission-grid { grid-template-columns: 1fr; }

	.vc-why-grid { grid-template-columns: 1fr; }
	.vc-category-grid, .vc-category-grid-5 { grid-template-columns: repeat(2, 1fr); }
	.vc-product-carousel, .vc-blog-grid { grid-template-columns: 1fr; }
	.vc-blog-archive-main .vc-blog-grid { grid-template-columns: 1fr; }
	.vc-therapeutic-grid { grid-template-columns: repeat(2, 1fr); }
	.vc-cert-grid-full { grid-template-columns: 1fr; }
	.vc-testimonial-track { grid-template-columns: 1fr; }

	.vc-product-spec-table-wrap { font-size: 13px; }
	.vc-product-spec-table thead { display: none; }
	.vc-product-spec-table tr { display: block; border-bottom: 8px solid var(--vc-cream); }
	.vc-product-spec-table td { display: flex; justify-content: space-between; border-bottom: 1px solid var(--vc-border); }
	.vc-product-spec-table td::before { content: attr(data-label); font-weight: 600; color: var(--vc-navy); margin-right: 12px; }

	.vc-inquiry-band-inner { flex-direction: column; text-align: center; }
	.vc-footer-grid { grid-template-columns: 1fr; text-align: center; }
	.vc-footer-socials { justify-content: center; }
	.vc-footer-bottom-inner { flex-direction: column; gap: 12px; text-align: center; }

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

/* ---------------- 480px — phones ---------------- */
@media (max-width: 480px) {
	.vc-container { padding: 0 16px; }
	.vc-section, .vc-page-hero { padding: 48px 0; }

	.vc-hero-title { font-size: 40px; }
	.vc-hero-content { padding: 0 16px; }

	.vc-form-row-half { grid-template-columns: 1fr; }
	.vc-category-grid, .vc-category-grid-5, .vc-therapeutic-grid { grid-template-columns: 1fr; }

	.vc-float-whatsapp { width: 50px; height: 50px; font-size: 22px; bottom: 18px; right: 18px; }
	.vc-back-to-top { bottom: 18px; left: 18px; }

	.vc-btn { padding: 13px 22px; font-size: 14px; }
}