/* section compare/values spacing fix - START */

.section-compare {
	padding-block-end: 0;
}

@media (max-width: 1068px) {
	.section-compare {
		padding-block: 100px;
	}
}

@media (max-width: 734px) {
	.section-compare {
		padding-block: 80px;
	}
}

/* section compare/values spacing fix - END */
/* section compare/button/line fix - START */
@media (min-width: 735px) {
	.section-compare .compare-buttons .button {
		--sk-button-padding-horizontal: 16px;
		--sk-button-padding-vertical: 9px;
		--sk-button-min-width-basis: 60px;
		--sk-button-margin-horizontal: 14px;
		--sk-button-margin-vertical: 14px;
		font-size: 14px;
		line-height: 1.2857742857;
		font-weight: 400;
		letter-spacing: -0.016em;
	}
}
/* section compare/button/line fix - END */
/* Learn to do more section - start */
img.inline-icon {
	height: 1em;
	vertical-align: text-bottom;
	width: auto;
	position: relative;
	top: -0.1em;
}

.modal-content-container .boc.modal-content .modal-copy-container li p {
	margin-top: 0.8em;
}
/* Learn to do more section - end */
/* Saving sections - START */
@media screen and (min-width: 735px) {
	.section-savings .savings-gallery .item-container {
		width: 99.5%;
		box-sizing: border-box;
		grid-template-columns: 1fr;
	}

	.section-savings .savings-gallery .gallery-item {
		width: 100%;
	}
}

html.text-zoom .section-savings .savings-gallery .item-container {
	grid-template-columns: 1fr;
}
/* Saving sections - END */

/* Mac line-up spacing START */
[id="compare-mac-gallery"].scroll-gallery .gallery-item:nth-child(2) {
	width: 249px;
}
[id="compare-mac-gallery"].scroll-gallery .item-container {
	gap: 32px;
}
@media (max-width: 1068px) {
	[id="compare-mac-gallery"].scroll-gallery .gallery-item:nth-child(2) {
		width: var(--item-width);
	}
	[id="compare-mac-gallery"].scroll-gallery .item-container {
		gap: 35px;
	}
}
/* Mac line-up spacing END */
/* section compare / Chip alignment fix - START */

.overview-icon-ipad, .overview-icon-ipad-air-chip-m4 {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
}

.overview-icon-ipad-air-chip-m4 {
	--p-width: 36px;
	--p-height: 56px;
}

.overview-icon-ipad-pro-chip-m5 {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
}

.overview-icon-ipad-pro-chip-m5 {
	--p-width: 36px;
	--p-height: 56px;
}

.overview-icon-m5, .overview-icon-m5-pro-max {
	display: block;
	--p-height: 56px;
	width: var(--p-width);
	height: var(--p-height);
}

.overview-icon-m5 {
	--p-width: 36px;
}

.overview-icon-m5-pro-max {
	--p-width: 120px;
}

/* section compare / Chip alignment fix - END */