/**
 * TRRUST Health Care - Responsive Media Queries
 * Breakpoints: 1920px (Desktop), 1440px (Laptop), 1024px (Tablet), 768px (Mobile), 375px (Small Mobile)
 */

/* ==========================================================================
   Tablet & Medium Desktops (max-width: 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
	.site-branding .custom-logo {
		max-height: 48px;
		max-width: 200px;
	}

	.categories-grid-6 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
	}

	.trust-badges-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.trust-badge-card {
		border-right: none;
		border-bottom: 1px solid #E8EFEA;
		padding-bottom: 12px;
	}

	.trust-badge-card:nth-last-child(-n+2) {
		border-bottom: none;
	}

	.hero-main-title {
		font-size: 38px;
	}

	.journey-why-grid {
		grid-template-columns: 1fr;
		gap: 35px;
	}

	.why-features-grid-5 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.quality-showcase-grid {
		grid-template-columns: 1fr;
	}

	.assurance-grid-5 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.assurance-item {
		border-right: none;
		border-bottom: 1px solid #EDF3EE;
		padding-bottom: 12px;
	}

	.assurance-item:nth-last-child(-n+2) {
		border-bottom: none;
	}

	.presence-grid-2 {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.products-grid-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.testimonial-card {
		flex: 0 0 calc((100% - 20px) / 2);
	}

	.footer-grid-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px;
	}
}

/* ==========================================================================
   Mobile Devices (max-width: 768px)
   ========================================================================== */
@media (max-width: 768px) {
	.site-branding .custom-logo {
		max-height: 40px;
		max-width: 160px;
	}

	.trrust-top-bar .top-bar-inner {
		flex-direction: column;
		gap: 6px;
		text-align: center;
	}

	.top-bar-right {
		gap: 15px;
		justify-content: center;
	}

	.site-navigation {
		display: none !important;
	}

	.mobile-menu-toggle {
		display: flex !important;
	}

	.hero-grid {
		grid-template-columns: 1fr;
		text-align: center;
		gap: 25px;
	}

	.hero-main-title {
		font-size: 32px;
	}

	.hero-description {
		margin-left: auto;
		margin-right: auto;
	}

	.hero-cta-buttons {
		justify-content: center;
	}

	.trust-badges-grid {
		grid-template-columns: 1fr;
	}

	.trust-badge-card {
		border-right: none;
		border-bottom: 1px solid #E8EFEA;
	}

	.trust-badge-card:last-child {
		border-bottom: none;
	}

	.categories-grid-6 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.timeline-step {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.vertical-timeline::before {
		display: none;
	}

	.timeline-connector-line {
		display: none;
	}

	.timeline-text {
		padding-left: 0;
	}

	.why-features-grid-5 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.assurance-grid-5 {
		grid-template-columns: 1fr;
	}

	.presence-body {
		flex-direction: column;
		text-align: center;
	}

	.presence-stats {
		justify-content: center;
	}

	.marketplaces-badge-row {
		justify-content: center;
	}

	.products-grid-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.testimonial-card {
		flex: 0 0 100%;
	}

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

	.footer-grid-4 {
		grid-template-columns: 1fr;
		gap: 25px;
	}

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

	.cta-heading {
		font-size: 22px;
	}

	.cta-buttons-wrap {
		flex-direction: column;
		width: 100%;
	}

	.cta-buttons-wrap .trrust-btn {
		width: 100%;
	}

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

/* ==========================================================================
   Small Mobile Devices (max-width: 480px)
   ========================================================================== */
@media (max-width: 480px) {
	.site-branding .custom-logo {
		max-height: 36px;
		max-width: 140px;
	}
}

/* ==========================================================================
   Extra Small Mobile Devices (max-width: 375px)
   ========================================================================== */
@media (max-width: 375px) {
	.site-branding .custom-logo {
		max-height: 32px;
		max-width: 120px;
	}

	.categories-grid-6 {
		grid-template-columns: 1fr;
	}

	.products-grid-4 {
		grid-template-columns: 1fr;
	}

	.why-features-grid-5 {
		grid-template-columns: 1fr;
	}

	.hero-main-title {
		font-size: 28px;
	}

	.brand-name {
		font-size: 17px;
	}
}