/* Compact, balanced carrier cards on individual route pages. */
@media (max-width: 650px) {
	.route-directory-page .route-carriers {
		gap: 10px;
	}

	.route-directory-page .carrier-card,
	.route-directory-page .carrier-card--compact {
		padding: 16px;
		border-radius: 14px;
	}

	.route-directory-page .carrier-card.featured {
		padding-top: 22px;
	}

	.route-directory-page .carrier-main,
	.route-directory-page .carrier-card--compact .carrier-main {
		grid-template-columns: 48px minmax(0, 1fr);
		column-gap: 12px;
		row-gap: 0;
		align-items: start;
	}

	.route-directory-page .carrier-logo {
		width: 48px;
		height: 48px;
		border-radius: 11px;
	}

	.route-directory-page .carrier-title,
	.route-directory-page .carrier-card .carrier-title {
		flex-flow: row wrap;
		align-items: center;
		gap: 5px 8px;
	}

	.route-directory-page .carrier-card .carrier-title h3 {
		margin: 0;
		font-size: 16px;
		line-height: 1.25;
	}

	.route-directory-page .carrier-card .carrier-title .verified {
		padding: 4px 7px;
		font-size: 10px;
		line-height: 1.2;
	}

	.route-directory-page .carrier-info .rating,
	.route-directory-page .carrier-card .rating {
		margin: 6px 0 0;
		font-size: 11px;
		line-height: 1.3;
	}

	.route-directory-page .carrier-card .tags {
		gap: 5px;
		margin-top: 8px;
	}

	.route-directory-page .carrier-card .tags span {
		padding: 5px 7px;
		font-size: 10px;
		line-height: 1.25;
	}

	.route-directory-page .carrier-action,
	.route-directory-page .carrier-card--compact .carrier-action {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		margin-top: 12px;
		padding: 12px 0 0;
		border-top: 1px solid var(--line);
		border-left: 0;
	}

	.route-directory-page .carrier-schedule,
	.route-directory-page .carrier-card--compact .carrier-schedule {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 7px;
	}

	.route-directory-page .carrier-schedule-item {
		grid-template-columns: 30px minmax(0, 1fr);
		min-height: 52px;
		padding: 8px 10px;
		border-radius: 9px;
	}

	.route-directory-page .carrier-schedule-icon {
		width: 28px;
		height: 28px;
		border-radius: 7px;
		font-size: 15px;
	}

	.route-directory-page .carrier-card .carrier-schedule-item small {
		font-size: 9px;
		line-height: 1.25;
	}

	.route-directory-page .carrier-card .carrier-schedule-item strong {
		margin-top: 2px;
		font-size: 12px;
		line-height: 1.3;
	}

	.route-directory-page .carrier-card .carrier-schedule-item em {
		margin-top: 1px;
		font-size: 9px;
	}

	.route-directory-page .carrier-action-buttons,
	.route-directory-page .carrier-card--compact .carrier-action-buttons {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 8px;
		margin-top: 10px;
	}

	.route-directory-page .carrier-action-buttons > * {
		grid-column: auto;
		min-width: 0;
	}

	.route-directory-page .carrier-card .carrier-phone-button,
	.route-directory-page .carrier-action .request-contact-link {
		min-height: 46px;
		margin: 0;
		padding: 8px 10px;
		border-radius: 9px;
		font-size: 12px;
		line-height: 1.2;
		box-shadow: none;
	}

	.route-directory-page .carrier-action .request-contact-link {
		border: 1px solid #b8cce9;
		background: #fff;
		color: #1557d6;
	}

	.route-directory-page .carrier-action .request-contact-link:hover {
		background: #f3f7fd;
		color: #1049b6;
	}
}

@media (max-width: 360px) {
	.route-directory-page .carrier-action-buttons,
	.route-directory-page .carrier-card--compact .carrier-action-buttons {
		grid-template-columns: minmax(0, 1fr);
	}
}