/*
 * Starline Shop 1.1.95 — compact homepage category grid on phones.
 *
 * The desktop category layout and all product-page galleries are deliberately
 * untouched.  These rules only apply to the modern homepage category block
 * below the hero, where four compact tiles fit comfortably across a phone.
 */
@media (max-width: 767px) {
	.category-home-section.starline-modern-category-section .starline-category-modern-group-heading {
		margin-bottom: 8px !important;
	}

	.category-home-section.starline-modern-category-section .starline-category-modern-group-heading h3 {
		font-size: clamp(16px, 4.2vw, 18px) !important;
		line-height: 1.2 !important;
	}

	.category-home-section.starline-modern-category-section .starline-category-modern-track {
		grid-template-columns: repeat(var(--slcp-mobile-columns, 4), minmax(0, 1fr)) !important;
		column-gap: var(--slcp-mobile-column-gap, 7px) !important;
		row-gap: var(--slcp-mobile-row-gap, 9px) !important;
	}

	.category-home-section.starline-modern-category-section .layout-grid .starline-category-modern-card {
		min-height: 0 !important;
		align-items: center !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		transform: none !important;
	}

	.category-home-section.starline-modern-category-section .layout-grid .starline-category-modern-card:hover,
	.category-home-section.starline-modern-category-section .layout-grid .starline-category-modern-card:focus-visible {
		transform: none !important;
		box-shadow: none !important;
	}

	.category-home-section.starline-modern-category-section .layout-grid .starline-category-modern-media {
		width: min(100%, var(--slcp-mobile-image-size, clamp(52px, 14vw, 60px))) !important;
		height: auto !important;
		aspect-ratio: 1 !important;
		flex: 0 0 auto !important;
		padding: 0 !important;
		border: 1px solid #d4e9eb !important;
		border-radius: 50% !important;
		background: #edf7f7 !important;
	}

	.category-home-section.starline-modern-category-section .layout-grid .starline-category-modern-image,
	.category-home-section.starline-modern-category-section .layout-grid .starline-category-modern-group.image-shape-rounded .starline-category-modern-image,
	.category-home-section.starline-modern-category-section .layout-grid .starline-category-modern-group.image-shape-square .starline-category-modern-image {
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
		padding: 7px !important;
		border-radius: 50% !important;
		object-fit: contain !important;
	}

	.category-home-section.starline-modern-category-section .layout-grid .starline-category-modern-copy {
		width: 100% !important;
		flex: 0 0 auto !important;
		padding: 3px 1px 0 !important;
		text-align: center !important;
	}

	.category-home-section.starline-modern-category-section .layout-grid .starline-category-modern-name {
		display: -webkit-box !important;
		width: 100% !important;
		min-height: 2.4em !important;
		overflow: hidden !important;
		font-size: var(--slcp-mobile-font-size, clamp(10px, 2.8vw, 11px)) !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		white-space: normal !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 2 !important;
	}

	.category-home-section.starline-modern-category-section .layout-grid .starline-category-modern-count {
		display: none !important;
	}

	.category-home-section.starline-modern-category-section .layout-grid .starline-category-modern-arrow {
		display: none !important;
	}
}

@media (max-width: 359px) {
	.category-home-section.starline-modern-category-section .starline-category-modern-track {
		column-gap: var(--slcp-mobile-column-gap, 5px) !important;
		row-gap: var(--slcp-mobile-row-gap, 7px) !important;
	}

	.category-home-section.starline-modern-category-section .layout-grid .starline-category-modern-image {
		padding: 6px !important;
	}
}