/**
 * Logo Grid Panel Styles
 *
 * Carousel/grid of client/partner logos
 *
 * Dependencies: ssa-base, ssa-swiper
 * Extracted from: styles.css lines 196-225, responsive rules from 768px, 480px
 */

/* ==========================================================================
   Base Styles
   ========================================================================== */

.logo-grid .content {
	max-width: 1280px;
	padding-top: 86px;
	padding-bottom: var(--space-0);
}

/* Panel heading now uses .panel-heading from panel-base.css */

.logo-grid .content h3 {
	margin-bottom: 57px;
}

.logo-grid .content .logo-container .swiper-wrapper {
	align-items: center;
}

/* Swiper slide styling handled by .swiper--minimal in swiper.css */

.logo-grid .content .swiper-slide img {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	max-height: 80%;
	max-width: 100%;
}

/* ==========================================================================
   Responsive: Tablet (768px and below)
   ========================================================================== */

@media (max-width: 768px) {
	.logo-grid .content {
		padding-right: var(--space-0);
		padding-left: 32px;
	}

	.logo-grid .content .logo-container img {
		margin-right: var(--space-8);
	}
}

/* ==========================================================================
   Responsive: Mobile (480px and below)
   ========================================================================== */

@media (max-width: 480px) {
	.logo-grid .content {
		padding-left: 16px;
		padding-right: 16px;
	}

	/* Panel heading mobile handled by .panel-heading in panel-base.css */
}