/* LOCAL OVERRIDES */

.xs-show {
	display: none;
}

/* Nav [S] */
@media only screen and (max-width: 421px) {
	.xs-show {
		display: block;
	}
}

@media only screen and (min-width: 421px) {
	.ac-ln-title .small-show {
		display: none;
	}
}

@media only screen and (max-width: 420px) {
	#ac-localnav .ac-ln-content {
		height: 70px;
	}
	#ac-localnav .ac-ln-actions {
		padding-top: 27px;
	}
	#ac-localnav .ac-ln-menu-items {
		padding-top: 20px;
	}
}

@media only screen and (max-width: 375px) {
	.section-compare .compare-table .compare-column {
		width: 228px;
	}
}

/* Education Pricing Ribbon */
@media screen and (max-width: 420px) {
  .ribbon-education-pricing {
  		--nav-collective-height: calc(
  			var(--r-globalnav-height, 0px) + var(--r-localnav-height, 0px) +
  				var(--r-globalnav-segmentbar-height, 0px) +
  				var(--r-localeswitcher-height, 0px)
  		);
  		margin-top: calc(var(--nav-collective-height) * -0.8);
  	}
}

/* bts 2024 tile */

@media only screen and (max-width: 734px) {
	.section-bts-banner .banner-copy,
	.section-bts-banner .banner-copy-column {
		padding-right: 25px;
	}
}

@media only screen and (max-width: 420px) {
	.ribbon.ribbon-bts-2024.education-college-students-ribbon {
		margin-top: 23px;
	}
}

/* bts banner tile small */

@media only screen and (max-width: 394px) {
	.section-bts-banner .banner {
		--height: 564px;
	}
}

@media only screen and (max-width: 387px) {
	.section-bts-banner .banner {
		--height: 596px;
	}
}

/* banner superscript */

.section-bts-banner .banner .footnote a {
	text-underline-offset: -5px;
}

@media only screen and (max-width: 734px) {
	.section-bts-banner .banner .footnote a {
		text-underline-offset: -4px;
	}
}

/* Compare section */

@media only screen and (max-width: 375px) {
	#compare-gallery-item-mac .gallery-item-inner.item-container,
	#compare-gallery-item-mac .gallery-item-inner.item-container span {
		text-align: center;
	}

	.section-compare .compare-table .compare-row picture {
		margin-inline: auto;
	}
}

/* footnote AI */

#ac-globalfooter span.custom_ai {
	display: block;
	padding-top: 0.8em;
}

/* Trade in */

@media only screen and (min-width: 734px) {
	.section-savings .savings-gallery .item-container {
		grid-template-columns: 1fr 1fr;
	}
	.section-savings .savings-gallery .gallery-item {
		width: 100%;
	}
}