/* Mobile first screen: on phones the first row of the casino card grid shows on the first screen. Phones
   (max-width 520px), plus two card columns from 521px to 619px, where the grid was one card per row; 620px and wider
   untouched. No text, link or element order changes. */
@media (max-width: 520px) {
	/* One-row header, tighter. */
	.header-inner {
		min-height: 52px;
		padding: 4px 0 !important;
	}

	.brand-mark--image,
	.brand-mark--image img {
		width: 34px;
		height: 34px;
	}

	/* Home: compact hero, checks strip and featured header. */
	.hero--premium .hero-inner {
		padding-block: 12px 10px;
	}

	.hero--premium .eyebrow {
		margin-bottom: 8px;
	}

	.hero--premium h1 {
		font-size: 26px;
		line-height: 1.15;
	}

	.hero--premium .lead {
		margin: 8px 0 0;
		line-height: 1.5;
	}

	.core-checks--compact .core-checks__list li {
		padding-block: 5px;
		font-size: 14px;
		line-height: 1.35;
	}

	.homepage-body .section--featured-casinos {
		padding-top: 16px;
	}

	.section--featured-casinos .section-header {
		margin-bottom: 12px;
	}

	.section--featured-casinos .section-header h2 {
		margin-bottom: 0;
		font-size: 24px;
	}

	.section--featured-casinos .section-header p {
		margin-top: 6px;
		font-size: 15px;
		line-height: 1.5;
		text-align: left;
	}

	/* Profile hero: subject logo beside the H1, intro at 16/24. */
	.archive-hero.sister-profile-hero {
		padding: 10px 0;
	}

	.sister-profile-hero .sister-profile-hero__layout:not(.sister-profile-hero__layout--text-only) {
		grid-template-columns: minmax(0, 1fr) 64px;
		column-gap: 12px;
		row-gap: 8px;
		align-items: center;
	}

	.sister-profile-hero__layout:not(.sister-profile-hero__layout--text-only) > .sister-profile-hero__copy {
		display: contents;
	}

	.sister-profile-hero .sister-profile-hero__copy h1 {
		grid-column: 1;
		grid-row: 1;
		margin: 0;
		font-size: 24px;
		line-height: 1.15;
	}

	.sister-profile-hero .sister-profile-hero__layout--text-only .sister-profile-hero__copy h1 {
		margin-bottom: 8px;
	}

	.sister-profile-hero .sister-profile-hero__copy p {
		grid-column: 1 / -1;
		grid-row: 2;
		font-size: 16px;
		line-height: 1.5;
	}

	.sister-profile-hero__layout > .sister-profile-hero__logo {
		grid-column: 2;
		grid-row: 1;
		width: 64px;
		height: 44px;
		justify-self: end;
	}

	/* Card section on profile pages. */
	.bet365-casino-list-section {
		padding-top: 10px;
	}

	.bet365-casino-list-section .archive-list-heading {
		margin-bottom: 8px;
		font-size: 20px;
		line-height: 1.2;
	}

	.bet365-casino-list-section .profile-card-hook-intro {
		margin-bottom: 8px;
		font-size: 15px;
		line-height: 1.45;
	}

	.bet365-casino-list-section .sister-card-grid-note {
		margin-bottom: 10px;
		font-size: 13px;
		line-height: 1.4;
	}

	.bet365-casino-list-section .casino-card-grid {
		margin-top: 0;
	}

	/* Network pages. */
	.network-single-hero {
		padding: 14px 0 12px;
	}

	.network-single-hero .eyebrow {
		margin-bottom: 6px;
		font-size: 11px;
	}

	.network-single-hero h1 {
		font-size: 24px;
		line-height: 1.15;
	}

	.network-single-hero .article-intro {
		margin: 8px auto 0;
		font-size: 16px;
		line-height: 1.5;
	}

	.network-casino-section--top {
		padding-top: 14px;
	}

	.network-casino-section--top .archive-list-heading {
		margin-bottom: 10px;
		font-size: 21px;
		line-height: 1.2;
	}

	/* Deal cards: a shorter logo panel (the hub cards keep theirs). */
	.casino-card-grid:not(.casino-card-grid--single) .casino-card__media {
		height: 72px;
	}
}

@media (min-width: 521px) and (max-width: 619px) {
	.casino-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* When the comparison note is printed after the cards, it keeps a gap from the last card. */
.casino-card-grid + .sister-card-grid-note {
	margin: 14px 0 0;
}