/* Fonts */

.section-incentive .resellers-data-copy {
	font-size: 14px;
	line-height: 1.3333733333;
	font-weight: 400;
	letter-spacing: -0.01em;
	font-family:
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
	color: #6e6e73;
	margin-bottom: 15px;
	margin-top: 10px;
}

.section-incentive .cta-resellers {
	position: relative;
}

.section-incentive .cta-resellers .icon-container {
	position: absolute;
	right: 28px;
	bottom: 18px;
	cursor: pointer;
}

.section-incentive .cta-resellers .icon-container picture:first-child {
	margin-right: 5px;
}

.section-incentive .cta-resellers .icon-container #reseller-icon-id-1 img {
	width: 27px;
	height: 32px;
}

.section-incentive .cta-resellers .icon-container #reseller-icon-id-2 img {
	width: 30px;
	height: 30px;
}

#recent-events-gallery {
	margin-top: 0;
}

.section-incentive .resellers-section {
	padding-top: 85px;
	padding-bottom: 85px;
}

/* Filter */

@supports (selector(:has(*))) {
	.no-js
		.section-consider:has(#filter-trigger-iphone:checked)
		+ .resellers-section
		.gallery-item[data-seller-products~="iphone"] {
		display: flex !important;
	}

	.no-js
		.section-consider:has(#filter-trigger-watch:checked)
		+ .resellers-section
		.gallery-item[data-seller-products~="watch"] {
		display: flex !important;
	}

	.no-js
		.section-consider:has(#filter-trigger-ipad:checked)
		+ .resellers-section
		.gallery-item[data-seller-products~="ipad"] {
		display: flex !important;
	}
}

[seller-hide="true"] {
	display: none !important;
}

.section-incentive .icon-hidden {
	display: none;
}

.section-incentive
	.section-recent-events
	.recent-events-gallery
	.item-container
	.gallery-item {
	height: 328px;
}

.section-incentive .image-placeholder {
	height: 192px;
}

.section-incentive .gallery-item {
	height: 417px;
	--item-width: 372px;
}

@media only screen and (min-width: 370px) {
	.section-incentive .image-placeholder {
		height: 233px;
	}

	.section-incentive .may-2024-event-image img,
	.section-incentive .may-2024-event-image {
		width: 372px;
		height: 260px;
		max-width: 372px;
	}
}

.section-incentive .cta-resellers .icon-after:after {
	padding-left: 0;
}

.section-incentive .gallery-item .may-2024-event-image,
.section-recent-events img {
	max-width: 100% !important;
	width: 100% !important;
	object-fit: cover;
}

.section-incentive .gallery-item > div {
	display: flex;
	flex-direction: column;
	height: 417px;
	max-width: 87.5vw;
	scroll-snap-align: start;
	width: var(--item-width);
}

.section-incentive .gallery-item picture,
.gallery-item img {
	max-width: 100% !important;
	width: 100% !important;
	object-fit: cover;
	display: block;
	position: relative;
	height: 260px;
}

.section-incentive .gallery-item .gallery-item-content {
	border-top: 2px solid #f5f5f7;
	border-right: 2px solid #f5f5f7;
	border-left: 2px solid #f5f5f7;
	margin-left: -2px;
	background: #f5f5f7;
	border-radius: 23px;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

#my-gallery {
	background: #fff;
}

.section-incentive .typography-card-headline {
	font-size: 28px;
	line-height: 1.1428571429;
	font-weight: 600;
	letter-spacing: 0.007em;
	font-family:
		SF Pro Display,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.section-incentive .paddlenav {
	justify-content: flex-end;
	top: 73px;
	position: relative;
}

.section-incentive .paddlenav ul {
	gap: 8px;
}

.section-incentive .paddlenav-arrow {
	width: 36px !important;
	height: 36px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	transition:
		background 100ms linear,
		color 100ms linear,
		opacity 250ms linear !important;
	background: var(--sk-paddlenav-background) !important;
	color: var(--sk-paddlenav-arrow-color) !important;
	display: block !important;
	width: var(--sk-paddlenav-diameter) !important;
	height: var(--sk-paddlenav-diameter) !important;
	border-radius: var(--sk-paddlenav-diameter) !important;
	font-style: normal !important;
	overflow: hidden !important;
	text-align: center !important;
	line-height: 1 !important;
	transition:
		background 100ms linear,
		color 100ms linear,
		opacity 100ms linear !important;
	--sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56) !important;
	--sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64) !important;
	--sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64) !important;
	--sk-paddlenav-background: rgba(210, 210, 215, 0.64) !important;
	--sk-paddlenav-background-hover: rgba(223, 223, 227, 0.6976) !important;
	border: none !important;
	text-align: center !important;
}

.section-incentive .paddlenav svg {
	top: -8px;
	position: relative;
}

.section-incentive .section-content-responsive {
	margin-inline-start: auto;
	margin-inline-end: auto;
	width: 87.5vw;
	max-width: 1680px;
}

.cta-container.typography-body-reduced.cta-resellers {
	margin-top: 34px;
	margin-bottom: 0;
}

/* Resellers */

.section-recent-events {
	background: #fff;
	display: flex;
	flex-direction: column;
}
.section-recent-events .recent-events {
	margin-top: 0;
}
.section-recent-events .recent-events-headline {
	margin-top: 84px;
	text-align: center;
}
@media only screen and (max-width: 734px) {
	.section-recent-events .recent-events-headline {
		margin-top: 45px;
	}
}
.section-recent-events .recent-events-gallery {
	--item-corner-radius: 23px;
	--item-width: 336px;
	--grid-gap: 20px;
	--viewport-content: 980px;
	margin-top: 22px;
}
@media only screen and (max-width: 734px) {
	.section-recent-events .recent-events-gallery {
		--grid-gap: 12px;
		--viewport-content: 87.5vw;
		--item-width: 280px;
		margin-top: 20px;
	}
}
.section-recent-events .recent-events-gallery .scroll-container {
	overflow: scroll;
	scrollbar-width: none;
}
@media only screen and (max-width: 734px) {
	.section-recent-events .recent-events-gallery .scroll-container {
		scroll-padding: 0;
	}
}
.section-recent-events .recent-events-gallery .item-container {
	padding: 0;
	margin: 25px 0 0;
	display: grid;
	grid-gap: var(--grid-gap);
	grid-auto-flow: column;
	width: -moz-fit-content;
	width: fit-content;
	padding-left: max(16px, calc(100% - var(--viewport-content)) / 2);
}
@media only screen and (max-width: 734px) {
	.section-recent-events .recent-events-gallery .item-container {
		padding-left: max(6.25vw, calc(46vw - var(--item-width) / 2));
		padding-right: max(6.25vw, calc(50vw - var(--item-width) / 2));
	}
}
[dir="rtl"] .section-recent-events .recent-events-gallery .item-container {
	padding-left: unset;
	padding-right: max(16px, calc(100% - var(--viewport-content)) / 2);
}
@media only screen and (max-width: 734px) {
	[dir="rtl"] .section-recent-events .recent-events-gallery .item-container {
		padding-right: max(6.25vw, calc(46vw - var(--item-width) / 2));
		padding-left: max(6.25vw, calc(50vw - var(--item-width) / 2));
	}
}
.gallery-item {
	display: flex;
	flex-direction: column;
	height: 475px;
	max-width: 87.5vw;
	scroll-snap-align: start;
	width: var(--item-width);
}
.gallery-item .may-2024-event-image {
	display: block;
	position: relative;
	max-width: 336px;
}
.gallery-item .may-2024-event-image:after {
	content: "";
	display: block;
}
.gallery-item .may-2024-event-image img {
	max-width: 100%;
	position: absolute;
}
.gallery-item .may-2024-event-image:after {
	padding-bottom: 64.2857142857%;
}
@media only screen and (max-width: 734px) {
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.may-2024-event-image {
		max-width: 280px;
	}
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.may-2024-event-image:after {
		padding-bottom: 64.2857142857%;
	}
}
.gallery-item .oct-2023-event-image {
	display: block;
	position: relative;
	max-width: 336px;
}
.gallery-item .oct-2023-event-image:after {
	content: "";
	display: block;
}
.gallery-item .oct-2023-event-image img {
	max-width: 100%;
	position: absolute;
}
.gallery-item .oct-2023-event-image:after {
	padding-bottom: 64.2857142857%;
}
@media only screen and (max-width: 734px) {
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.oct-2023-event-image {
		max-width: 280px;
	}
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.oct-2023-event-image:after {
		padding-bottom: 64.2857142857%;
	}
}
.gallery-item .sep-2023-event-image {
	display: block;
	position: relative;
	max-width: 336px;
}
.gallery-item .sep-2023-event-image:after {
	content: "";
	display: block;
}
.gallery-item .sep-2023-event-image img {
	max-width: 100%;
	position: absolute;
}
.gallery-item .sep-2023-event-image:after {
	padding-bottom: 64.2857142857%;
}
@media only screen and (max-width: 734px) {
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.sep-2023-event-image {
		max-width: 280px;
	}
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.sep-2023-event-image:after {
		padding-bottom: 64.2857142857%;
	}
}
.gallery-item .jun-2023-event-image {
	display: block;
	position: relative;
	max-width: 336px;
}
.gallery-item .jun-2023-event-image:after {
	content: "";
	display: block;
}
.gallery-item .jun-2023-event-image img {
	max-width: 100%;
	position: absolute;
}
.gallery-item .jun-2023-event-image:after {
	padding-bottom: 64.2857142857%;
}
@media only screen and (max-width: 734px) {
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.jun-2023-event-image {
		max-width: 280px;
	}
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.jun-2023-event-image:after {
		padding-bottom: 64.2857142857%;
	}
}
.gallery-item .sep-2022-event-image {
	display: block;
	position: relative;
	max-width: 336px;
}
.gallery-item .sep-2022-event-image:after {
	content: "";
	display: block;
}
.gallery-item .sep-2022-event-image img {
	max-width: 100%;
	position: absolute;
}
.gallery-item .sep-2022-event-image:after {
	padding-bottom: 64.2857142857%;
}
@media only screen and (max-width: 734px) {
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.sep-2022-event-image {
		max-width: 280px;
	}
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.sep-2022-event-image:after {
		padding-bottom: 64.2857142857%;
	}
}
.gallery-item .jun-2022-event-image {
	display: block;
	position: relative;
	max-width: 336px;
}
.gallery-item .jun-2022-event-image:after {
	content: "";
	display: block;
}
.gallery-item .jun-2022-event-image img {
	max-width: 100%;
	position: absolute;
}
.gallery-item .jun-2022-event-image:after {
	padding-bottom: 64.2857142857%;
}
@media only screen and (max-width: 734px) {
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.jun-2022-event-image {
		max-width: 280px;
	}
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.jun-2022-event-image:after {
		padding-bottom: 64.2857142857%;
	}
}
html.text-zoom .gallery-item {
	height: auto;
	width: auto;
}
@media only screen and (max-width: 734px) {
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item {
		scroll-snap-align: center;
	}
}
.gallery-item .gallery-item-content {
	background: #f5f5f7;
	border-radius: 23px;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}
.gallery-item .gallery-item-content picture:after {
	padding-bottom: 216px;
}
@media only screen and (max-width: 734px) {
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.gallery-item-content
		picture:after {
		padding-bottom: 180px;
	}
}
.gallery-item .gallery-item-content.keyline {
	border-top: 2px solid #f5f5f7;
	border-right: 2px solid #f5f5f7;
	border-left: 2px solid #f5f5f7;
	margin-left: -2px;
}
@media only screen and (max-width: 734px) {
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.gallery-item-content.keyline {
		margin-left: 0;
	}
}
.gallery-item .gallery-item-content.keyline picture:after {
	padding-bottom: 214px;
}
@media only screen and (max-width: 734px) {
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item
		.gallery-item-content.keyline
		picture:after {
		padding-bottom: 178px;
	}
}
.gallery-item .copy-container,
.gallery-item .cta-container {
	padding: 0 23px;
}
.gallery-item .copy-container {
	margin-top: 40px;
}
.gallery-item .cta-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: auto 0 31px;
	min-height: 40px;
}
html.text-zoom .gallery-item .cta-container {
	min-height: 80px;
}
.gallery-item .headline,
.gallery-item .subhead {
	display: block;
}
.gallery-item .headline {
	font-weight: 700;
}
.gallery-item:last-child {
	padding-right: var(--grid-gap);
}
@media only screen and (max-width: 734px) {
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item:last-child {
		padding-right: unset;
	}
}
[dir="rtl"] .gallery-item:last-child {
	padding-right: unset;
	padding-left: var(--grid-gap);
}
@media only screen and (max-width: 734px) {
	.section-recent-events
		.recent-events-gallery
		.item-container
		.gallery-item:last-child {
		padding-left: unset;
	}
}
html.is-touch .section-recent-events .recent-events-gallery .pad,
html.no-js .section-recent-events .recent-events-gallery .pad {
	display: none;
}
.section-recent-events .recent-events-gallery .pad-arrow {
	transition:
		background 100ms linear,
		color 100ms linear,
		opacity 250ms linear !important;
}
.section-recent-events
	.recent-events-gallery:focus-within
	.pad-arrow:not([disabled]),
.section-recent-events .recent-events-gallery:hover .pad-arrow:not([disabled]) {
	opacity: 1;
}
.section-recent-events .recent-events-gallery ::-webkit-scrollbar {
	display: none;
}
.section-all-apple-events {
	background: #fff;
	padding-top: 0;
	padding-bottom: 0;
}
.section-all-apple-events .section-content {
	text-align: center;
	padding: 49px 0 38px;
}

.gallery {
	position: relative;
	margin-top: 0;
	padding-bottom: 83px;
	--gallery-side-padding: calc(
		50vw - min(1680px, var(--global-viewport-content-responsive)) / 2
	);
}
@media only screen and (max-width: 734px) {
	.gallery {
		padding-bottom: 78px;
	}
}
.gallery.no-pad {
	padding-bottom: 0px;
}
.gallery ::-webkit-scrollbar {
	width: 0px;
	height: 0px;
	background: rgba(0, 0, 0, 0);
}
.gallery.gallery-align-center .scroll-container {
	scroll-padding: var(--gallery-side-padding);
}
.gallery.gallery-align-center .item-container {
	padding: 0 var(--gallery-side-padding);
}
.gallery.gallery-align-center .gallery-item {
	scroll-snap-align: center;
}
.gallery.gallery-align-start .scroll-container {
	scroll-padding: var(--gallery-side-padding);
}
.gallery.gallery-align-start .item-container {
	padding: 0 var(--gallery-side-padding);
}
.gallery.gallery-align-start .gallery-item {
	scroll-snap-align: start;
}
.gallery .scroll-container {
	position: relative;
	overflow-x: scroll;
	scrollbar-width: none;
	scroll-snap-type: x mandatory;
	padding: 10px 0 5px;
	margin: -10px 0;
}
.gallery .scroll-container::-webkit-scrollbar {
	display: none;
}
.gallery .item-container {
	--gallery-column-gap: 45px;
	display: grid;
	grid-template-rows: repeat(1, auto);
	grid-template-columns: max-content;
	grid-auto-flow: column;
	grid-column-gap: var(--gallery-column-gap);
	column-gap: var(--gallery-column-gap);
	grid-row-gap: 0px;
	row-gap: 0px;
	width: -moz-fit-content;
	width: fit-content;
}
@media only screen and (min-width: 1441px) {
	.gallery .item-container {
		--gallery-column-gap: 72px;
	}
}
@media only screen and (max-width: 1068px) {
	.gallery .item-container {
		--gallery-column-gap: 72px;
	}
}
@media only screen and (max-width: 734px) {
	.gallery .item-container {
		--gallery-column-gap: 45px;
	}
}
.gallery.spec-rows-8 .item-container {
	grid-template-rows: repeat(16, auto);
}
.gallery.spec-rows-7 .item-container {
	grid-template-rows: repeat(15, auto);
}
.gallery.spec-rows-6 .item-container {
	grid-template-rows: repeat(14, auto);
}
.gallery.spec-rows-5 .item-container {
	grid-template-rows: repeat(13, auto);
}
.gallery.spec-rows-4 .item-container {
	grid-template-rows: repeat(12, auto);
}
.gallery.spec-rows-3 .item-container {
	grid-template-rows: repeat(11, auto);
}
.gallery.spec-rows-2 .item-container {
	grid-template-rows: repeat(10, auto);
}
.gallery.spec-rows-1 .item-container {
	grid-template-rows: repeat(9, auto);
}
.gallery .pad {
	--sk-pad-arrow-color: rgba(0, 0, 0, 0.56);
	--sk-pad-arrow-color-hover: rgba(0, 0, 0, 0.64);
	--sk-pad-arrow-color-active: rgba(0, 0, 0, 0.64);
	--sk-pad-background: rgba(210, 210, 215, 0.64);
	--sk-pad-background-hover: rgba(223, 223, 227, 0.6976);
	--sk-pad-background-active: rgba(193, 193, 198, 0.6544);
	--pad-offset: 60px;
	position: absolute;
	top: calc(100% - var(--pad-offset));
	right: var(--gallery-side-padding);
	height: 100%;
	visibility: inherit;
}
html[dir="rtl"] .gallery .pad {
	display: flex;
	justify-content: flex-end;
	right: auto;
	left: var(--gallery-side-padding);
}
@media only screen and (max-width: 1068px) {
	.gallery .pad {
		--pad-offset: 59px;
	}
}
@media only screen and (max-width: 734px) {
	.gallery .pad {
		--pad-offset: 63px;
	}
}
.gallery .pad.hide {
	visibility: hidden;
}
.gallery .pad .sticky-element {
	--sticky-height: 60px;
	--pad-arrow-height: 36px;
	--pad-arrows-offset: 128px;
	--pad-right-offset: calc(var(--pad-arrow-height) * -0.5);
	position: relative;
	width: 0px;
	height: var(--sticky-height);
	z-index: 2;
}
.gallery .pad .sticky-element .left-item {
	position: absolute;
	right: calc(var(--pad-arrows-offset) + var(--pad-right-offset));
	bottom: calc(var(--pad-arrow-height) * 0.5);
}
html[dir="rtl"] .gallery .pad .sticky-element .left-item {
	right: auto;
	left: calc(var(--pad-arrows-offset) + var(--pad-right-offset));
}
.gallery .pad .sticky-element .right-item {
	position: absolute;
	right: var(--pad-right-offset);
	bottom: calc(var(--pad-arrow-height) * 0.5);
}
html[dir="rtl"] .gallery .pad .sticky-element .right-item {
	right: auto;
	left: var(--pad-right-offset);
}
html[dir="rtl"] .gallery .pad .sticky-element .scrim {
	left: calc(var(--gallery-side-padding) * -1);
}
.gallery .pad .sticky-element .pad-arrow {
	width: var(--pad-arrow-height);
	height: var(--pad-arrow-height);
	display: flex;
	justify-content: center;
	align-items: center;
}
html[dir="rtl"] .gallery .pad .sticky-element .pad-arrow {
	transform: rotate(180deg);
}
.gallery .pad .sticky-element .pad-arrow svg {
	pointer-events: none;
	width: 100%;
}
html.touch .gallery .pad .sticky-element .pad-arrow:disabled {
	opacity: 0.42;
}
html.touch .gallery .pad .sticky-element .pad-arrow:hover {
	--sk-pad-arrow-color-hover: var(--sk-pad-arrow-color);
	--sk-pad-background-hover: var(--sk-pad-background);
}
.gallery .pad .sticky-element .pad-arrow:after {
	font-size: 34px;
	padding-inline-start: 0;
}
.gallery .pad .sticky-element .pad-arrow .scrim {
	display: none;
}
.staggered-start .gallery .scroll-container {
	overflow: hidden;
}
.staggered-start .gallery .pad .pad-arrow {
	pointer-events: none;
	opacity: 0.42;
}
.theme-dark .staggered-start .gallery .pad {
	opacity: 0.36;
}
.staggered-end .gallery .scroll-container {
	overflow: scroll;
}
.theme-dark .gallery .pad {
	--sk-pad-arrow-color: rgba(255, 255, 255, 0.8);
	--sk-pad-arrow-color-hover: rgb(255, 255, 255);
	--sk-pad-arrow-color-active: rgb(255, 255, 255);
	--sk-pad-background: rgba(66, 66, 69, 0.72);
	--sk-pad-background-hover: rgba(73, 73, 76, 0.7256);
	--sk-pad-background-active: rgba(57, 57, 60, 0.7424);
}
.theme-dark .gallery .pad .pad-arrow:disabled,
html.touch .theme-dark .gallery .pad .pad-arrow:disabled {
	opacity: 0.36;
}
html.touch .theme-dark .gallery .pad .pad-arrow:hover {
	--sk-pad-arrow-color-hover: var(--sk-pad-arrow-color);
	--sk-pad-background-hover: var(--sk-pad-background);
}

.section.section-incentive {
	padding-top: 25px;
}