/* Semantic Ecommerce Platforms styles for ecommerce-platforms-scene-gallery. Generated from the approved legacy baseline. */
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__spacing-01 {
	margin-left: -var(--fg-space-4);
	margin-right: -var(--fg-space-4);
	overflow-x: auto;
	padding-left: var(--fg-space-4);
	padding-right: var(--fg-space-4);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-01 {
	border-top-width: var(--fg-space-px);
	border-bottom-width: var(--fg-space-px);
	border-color: var(--fg-color-border);
	background-color: var(--fg-color-muted-surface-30);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__box-01 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: var(--fg-space-4);
	padding-left: var(--fg-space-4);
	padding-top: var(--fg-space-16);
	padding-bottom: var(--fg-space-16);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__row-01 {
	display: flex;
	flex-direction: column;
	border-radius: var(--fg-space-6);
	border-width: var(--fg-space-px);
	border-color: var(--fg-color-border);
	background-color: var(--fg-color-background);
	padding: var(--fg-space-3);
	box-shadow: var(--fg-shadow-soft);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__row-02 {
	display: flex;
	min-width: max-content;
	align-items: center;
	justify-content: center;
	gap: var(--fg-space-3);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__box-02 {
	height: var(--fg-icon-sm);
	width: var(--fg-icon-sm);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__row-03 {
	display: inline-flex;
	align-items: center;
	gap: var(--fg-space-2);
	border-radius: var(--fg-radius-full);
	border-width: var(--fg-space-px);
	border-color: var(--fg-color-border);
	background-color: var(--fg-color-background);
	padding-left: var(--fg-space-3);
	padding-right: var(--fg-space-3);
	padding-top: var(--fg-space-1);
	padding-bottom: var(--fg-space-1);
	font-size: var(--fg-text-11);
	font-weight: var(--fg-weight-semibold);
	color: var(--fg-color-text-70);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__row-04 {
	display: inline-flex;
	align-items: center;
	gap: var(--fg-space-2);
	border-radius: var(--fg-radius-full);
	border-width: var(--fg-space-px);
	border-color: var(--fg-color-border);
	background-color: var(--fg-color-background);
	padding-left: var(--fg-space-3);
	padding-right: var(--fg-space-3);
	padding-top: var(--fg-space-1);
	padding-bottom: var(--fg-space-1);
	font-size: var(--fg-text-11);
	font-weight: var(--fg-weight-semibold);
	text-transform: uppercase;
	letter-spacing: var(--fg-tracking-eyebrow);
	color: var(--fg-color-text-70);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-02 {
	max-width: var(--fg-content-2xl);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-03 {
	margin-top: var(--fg-space-1);
	font-size: var(--fg-text-xs);
	line-height: var(--fg-leading-relaxed);
	color: var(--fg-color-text-65);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__spacing-02 {
	margin-top: var(--fg-space-12);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-04 {
	margin-top: var(--fg-space-4);
	font-size: var(--fg-text-3xl);
	line-height: var(--fg-leading-3xl);
	font-weight: var(--fg-weight-semibold);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-05 {
	margin-top: var(--fg-space-4);
	font-size: var(--fg-text-3xl);
	line-height: var(--fg-leading-3xl);
	font-weight: var(--fg-weight-semibold);
	letter-spacing: var(--fg-tracking-tight);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-06 {
	margin-top: var(--fg-space-4);
	font-size: var(--fg-text-base);
	line-height: var(--fg-leading-base);
	color: var(--fg-color-text-70);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__grid-01 {
	margin-top: var(--fg-space-8);
	display: grid;
	gap: var(--fg-space-5);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-07 {
	margin-left: auto;
	margin-right: auto;
	margin-top: var(--fg-space-6);
	max-width: var(--fg-content-2xl);
	text-align: center;
	font-size: var(--fg-text-sm);
	line-height: var(--fg-leading-sm);
	color: var(--fg-color-text-70);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__spacing-03 {
	padding-left: var(--fg-space-2);
	padding-right: var(--fg-space-2);
	padding-bottom: var(--fg-space-2);
	padding-top: var(--fg-space-3);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__media-01 {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: var(--fg-space-4);
	border-width: var(--fg-space-px);
	border-color: var(--fg-color-text-20);
	background-color: var(--fg-color-background);
	aspect-ratio: 2/3;
	max-height: var(--fg-media-max-height-lg);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__media-02 {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: var(--fg-space-4);
	border-width: var(--fg-space-px);
	border-color: var(--fg-color-text-20);
	background-color: var(--fg-color-background);
	aspect-ratio: 2/3;
	max-height: var(--fg-media-max-height-lg);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__media-03 {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: var(--fg-space-4);
	border-width: var(--fg-space-px);
	border-color: var(--fg-color-text-20);
	background-color: var(--fg-color-background);
	aspect-ratio: 1/1;
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-08 {
	font-size: var(--fg-text-sm);
	line-height: var(--fg-leading-sm);
	font-weight: var(--fg-weight-semibold);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-09 {
	white-space: nowrap;
	border-radius: var(--fg-radius-full);
	border-width: var(--fg-space-px);
	border-style: solid;
	padding-left: var(--fg-space-5);
	padding-right: var(--fg-space-5);
	padding-top: var(--fg-space-2-5);
	padding-bottom: var(--fg-space-2-5);
	font-size: var(--fg-text-xs);
	line-height: var(--fg-leading-xs);
	font-weight: var(--fg-weight-semibold);
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-timing-function: var(--fg-transition-ease);
	transition-duration: var(--fg-duration-fast);
	border-color: var(--fg-color-border);
	background-color: var(--fg-color-background);
	color: var(--fg-color-text-70);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-10 {
	white-space: nowrap;
	border-radius: var(--fg-radius-full);
	border-width: var(--fg-space-px);
	border-style: solid;
	padding-left: var(--fg-space-5);
	padding-right: var(--fg-space-5);
	padding-top: var(--fg-space-2-5);
	padding-bottom: var(--fg-space-2-5);
	font-size: var(--fg-text-xs);
	line-height: var(--fg-leading-xs);
	font-weight: var(--fg-weight-semibold);
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-timing-function: var(--fg-transition-ease);
	transition-duration: var(--fg-duration-fast);
	border-color: var(--fg-color-text);
	background-color: var(--fg-color-text);
	color: var(--fg-color-background);
	box-shadow: var(--fg-ring-offset-shadow,0 0 transparent),var(--fg-ring-shadow,0 0 transparent),var(--fg-shadow);
	--fg-shadow: var(--fg-shadow-sm);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-11 {
	white-space: nowrap;
	border-radius: var(--fg-radius-full);
	border-width: var(--fg-space-px);
	border-style: solid;
	padding-left: var(--fg-space-5);
	padding-right: var(--fg-space-5);
	padding-top: var(--fg-space-2-5);
	padding-bottom: var(--fg-space-2-5);
	font-size: var(--fg-text-xs);
	line-height: var(--fg-leading-xs);
	font-weight: var(--fg-weight-semibold);
	text-transform: uppercase;
	letter-spacing: var(--fg-tracking-eyebrow);
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-timing-function: var(--fg-transition-ease);
	transition-duration: var(--fg-duration-fast);
	border-color: var(--fg-color-border);
	background-color: var(--fg-color-background);
	color: var(--fg-color-text-70);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-12 {
	white-space: nowrap;
	border-radius: var(--fg-radius-full);
	border-width: var(--fg-space-px);
	border-style: solid;
	padding-left: var(--fg-space-5);
	padding-right: var(--fg-space-5);
	padding-top: var(--fg-space-2-5);
	padding-bottom: var(--fg-space-2-5);
	font-size: var(--fg-text-xs);
	line-height: var(--fg-leading-xs);
	font-weight: var(--fg-weight-semibold);
	text-transform: uppercase;
	letter-spacing: var(--fg-tracking-eyebrow);
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-timing-function: var(--fg-transition-ease);
	transition-duration: var(--fg-duration-fast);
	border-color: var(--fg-color-text);
	background-color: var(--fg-color-text);
	color: var(--fg-color-background);
	box-shadow: var(--fg-ring-offset-shadow,0 0 transparent),var(--fg-ring-shadow,0 0 transparent),var(--fg-shadow);
	--fg-shadow: var(--fg-shadow-sm);
}
@media (min-width:640px) {
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__spacing-01 {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__box-01 {
	padding-top: var(--fg-space-20);
	padding-bottom: var(--fg-space-20);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-03 {
	font-size: var(--fg-text-sm);
	line-height: var(--fg-leading-sm);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-04 {
	font-size: var(--fg-text-4xl);
	line-height: var(--fg-leading-4xl);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-05 {
	font-size: var(--fg-text-4xl);
	line-height: var(--fg-leading-4xl);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-06 {
	font-size: var(--fg-text-lg);
	line-height: var(--fg-leading-lg);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__grid-01 {
	grid-template-columns: repeat(2,minmax(0,1fr));
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-07 {
	font-size: var(--fg-text-base);
	line-height: var(--fg-leading-base);
}
}
@media (min-width:1024px) {
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__box-01 {
	padding-top: var(--fg-space-20);
	padding-bottom: var(--fg-space-28);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-04 {
	font-size: var(--fg-text-5xl);
	line-height: var(--fg-leading-none);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-05 {
	font-size: var(--fg-text-5xl);
	line-height: var(--fg-leading-none);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__grid-01 {
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: var(--fg-space-6);
}
}
@media (min-width:1400px) {
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__box-01 {
	max-width: var(--fg-content-wide);
}
}

@media (max-width:1023px) {
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__spacing-01 {
	margin-left: 0;
	margin-right: 0;
	overflow-x: visible;
	padding-left: 0;
	padding-right: 0;
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__row-02 {
	display: grid;
	width: 100%;
	min-width: 0;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: var(--fg-space-2);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-09,
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-10,
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-11,
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-12 {
	justify-content: center;
	width: 100%;
	min-width: 0;
	min-height: var(--fg-space-10);
	padding-left: var(--fg-space-3);
	padding-right: var(--fg-space-3);
	text-align: center;
	white-space: normal;
}
}

@media (max-width:639px) {
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__text-02 > .ep-scene-gallery__text-06 {
	max-width: 100%;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
}

@media (min-width:640px) and (max-width:1023px) {
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .ep-scene-gallery__row-02 {
	grid-template-columns: repeat(3,minmax(0,1fr));
}
}

.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery button.seo-static-tab-active {
	border-color: var(--fg-color-text);
	background-color: var(--fg-color-text);
	color: var(--fg-color-background);
	box-shadow: var(--fg-shadow-sm);
}
.seo-template-page .ecommerce-platforms-section--ecommerce-platforms-scene-gallery .seo-tab-image-fade-up {
	animation: ep-tab-image-fade-up var(--fg-duration-tab) var(--fg-ease-out) both;
	animation-delay: var(--seo-tab-image-delay, var(--fg-duration-none));
}
@keyframes ep-tab-image-fade-up {
	from { opacity: 0; transform: translateY(var(--fg-text-2xs)); }
	to { opacity: 1; transform: translateY(0); }
}
