/**
 * Responsive Media Queries
 *
 * @package Podsmarket
 */

/* Desktops & Laptops (max-width: 1200px) */
@media (max-width: 1200px) {
	.pm-category-grid,
	.pm-trust-grid {
		grid-template-columns: repeat(2, 1fr);
	}

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

	.pm-footer-grid {
		grid-template-columns: 1.2fr 1fr 1fr 1fr;
		gap: 30px;
	}
}

/* Tablets (max-width: 992px) */
@media (max-width: 992px) {
	.pm-hero-card,
	.pm-wellness-banner-card {
		grid-template-columns: 1fr;
		padding: 36px 28px;
	}

	.pm-hero-title {
		font-size: 2.1rem;
	}

	.pm-hero-visual {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 16px;
	}

	.pm-main-nav {
		display: none; /* Handled via mobile drawer */
	}

	.pm-mobile-toggle {
		display: flex;
	}

	.pm-single-product-top {
		grid-template-columns: 1fr;
		padding: 24px;
		gap: 32px;
	}

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

	.pm-newsletter-card {
		grid-template-columns: 1fr;
		padding: 32px 24px;
		gap: 24px;
	}

	.pm-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 36px;
	}
}

/* Mobile Devices (max-width: 768px) */
@media (max-width: 768px) {
	.pm-topbar-inner {
		flex-direction: column;
		text-align: center;
		gap: 6px;
	}

	.pm-topbar-right {
		gap: 12px;
	}

	.pm-header-main {
		gap: 12px;
		padding: 12px 0;
	}

	.pm-header-search-wrapper {
		order: 3;
		max-width: 100%;
		width: 100%;
		margin-top: 8px;
	}

	.pm-header-main {
		flex-wrap: wrap;
	}

	.pm-logo-text {
		font-size: 1.4rem;
	}

	.pm-hero-visual {
		grid-template-columns: 1fr;
	}

	.pm-category-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	ul.products {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}

	.pm-card-info {
		padding: 12px;
	}

	.pm-card-title {
		font-size: 0.9rem;
	}

	.pm-card-price {
		font-size: 1rem;
	}

	.pm-blog-grid {
		grid-template-columns: 1fr;
	}

	.pm-trust-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.pm-footer-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.pm-bottom-inner {
		flex-direction: column;
		text-align: center;
		gap: 16px;
	}

	.pm-warning-inner {
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}
}

/* Small Mobiles (max-width: 480px) */
@media (max-width: 480px) {
	.pm-hero-title {
		font-size: 1.75rem;
	}

	.pm-hero-actions {
		flex-direction: column;
	}

	.pm-hero-actions .pm-btn {
		width: 100%;
	}

	.pm-hero-stats {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.pm-stat-divider {
		display: none;
	}

	.pm-wellness-subgrid {
		grid-template-columns: 1fr;
	}

	.pm-input-group {
		flex-direction: column;
	}

	.pm-input-group .pm-btn {
		width: 100%;
	}
}