@keyframes galleryLoaded {
	0% {
		transform: translateZ(1px);
	}
	100% {
		transform: translateZ(0);
	}
}
.quick-add-modal__content media-gallery {
	animation: 0.1s galleryLoaded;
}
.product__media-item > * {
	display: block;
	position: relative;
}
.media--transparent {
	background-color: transparent;
	overflow: hidden;
	position: relative;
}
.media-modal {
	cursor: zoom-out;
}
.product__media-item .placeholder {
	width: 100%;
	height: 100%;
	background-color: rgba(var(--color-text), 0.05);
	display: flex;
	align-items: center;
	justify-content: center;
}
.product__media-item .placeholder .product-image-placeholder {
	width: 100%;
	height: 100%;
}
.product__media-list .media > img {
	overflow: hidden;
	object-position: center center;
	transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product__media-item .media > img,
.product__media-wrapper .deferred-media > :not(.deferred-media__poster-button) {
	display: block;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;

  /* 关键：禁用图片被选中（解决蓝框选中问题） */
  user-select: none; /* 标准属性：禁止文本/元素选中 */
  -webkit-user-select: none; /* 兼容 Safari/Chrome */
  -moz-user-select: none; /* 兼容 Firefox */
  -ms-user-select: none; /* 兼容 IE/Edge */
  
  /* 可选：禁用拖拽（防止点击时误拖拽图片） */
  pointer-events: auto; /* 保持图片可交互（如需），但配合按钮的阻止冒泡即可 */
  -webkit-user-drag: none; /* 禁止拖拽图片 */
}
.product__media-item .media > .deferred-media__poster {
	display: flex;
	align-items: center;
	justify-content: center;
	display: block;
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.product__media-toggle {
	display: flex;
	border: none;
	background-color: transparent;
	color: currentColor;
	padding: 0;
}
.product__media-toggle:after {
	content: '';
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%;
	width: 100%;
}
.deferred-media__poster {
	background-color: transparent;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.deferred-media__poster img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}
.product__media-list .deferred-media {
	width: 100%;
}
.product__modal-opener:not(.product__modal-opener--image) {
	display: none;
}
.product__modal-opener {
	width: 100%;
}
.thumbnail-list .thumbnail-list__item {
	position: relative;
}
.thumbnail-list .thumbnail-list__item:before {
	content: '';
	display: block;
	padding-bottom: 100%;
}
.thumbnail-list .thumbnail-list__item .thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
	padding: 0;
	color: rgb(var(--color-text));
	cursor: pointer;
	background-color: transparent;
	border: 2px solid transparent;
}
.thumbnail-list .thumbnail-list__item .thumbnail[data-current] {
	border-color: rgb(var(--color-text));
}
.thumbnail-list .thumbnail-list__item .thumbnail.thumbnail--wide img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	pointer-events: none;
}
.thumbnail-list .thumbnail-list__item .thumbnail.thumbnail--narrow img {
	height: 100%;
	width: auto;
	max-width: 100%;
	object-fit: cover;
	pointer-events: none;
}
.thumbnail-list
	.thumbnail-list__item.thumbnail-list_item--variant:not(:first-child) {
	display: none;
}
.js-init-not-selected-variant
	.thumbnail-list
	.thumbnail-list__item.thumbnail-list_item--variant {
	display: block;
}
.product__media-icon,
.thumbnail__badge {
	position: absolute;
	background-color: rgb(var(--color-page-background));
	border-radius: 50%;
	color: rgb(var(--color-light-text));
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10%;
	right: 21px;
	bottom: 21px;
	z-index: 1;
	border: 1px solid rgba(var(--color-light-text), 0.05);
}
.thumbnail__badge {
	right: 10px;
	top: 10px;
	width: 22px;
	height: 22px;
	pointer-events: none;
}
.thumbnail__badge .icon {
	width: 12px;
	height: 12px;
}
.product__media-icon {
	min-width: 30px;
	max-width: 54px;
	box-sizing: content-box;
}
.product__media-icon::before {
	content: '';
	display: block;
	width: 100%;
	padding-bottom: 100%;
}
.product__media-icon .icon {
	position: absolute;
	width: 50%;
	height: 50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.product slider-component .product__media-list,
.product slider-component .thumbnail-list {
	scroll-padding-left: 0;
	scroll-padding-right: 0;
}
.product__media-item {
	max-width: 100%;
	width: 100%;
	flex-grow: 1;
}
.product__media-item.product__media-item--variant {
	display: none;
}
.product__media-item.product__media-item--variant:first-child {
	display: flex;
}
.js-init-not-selected-variant
	.product__media-item.product__media-item--variant {
	display: flex;
}
.product__media-item .deferred-media,
.product__media-item .product__media {
	background-color: rgba(var(--color-image-background));
}
@media screen and (min-width: 960px) {
	.product__media-item .deferred-media,
	.product__media-item .product__media {
		padding-bottom: var(--product-image-ratio);
	}
	.product__media-item .deferred-media-image,
	.product__media-item .product__media-image {
		object-fit: var(--product-image-fill-type);
	}
	.product-media-modal__content
		> .product__media-item--variant.product__media-item--variant {
		display: none;
	}
	.product-media-modal__content
		> .product__media-item--variant.product__media-item--variant:first-child {
		display: block;
	}
	.js-init-not-selected-variant
		.product-media-modal__content
		> .product__media-item--variant.product__media-item--variant {
		display: block;
	}
	.product__media-wrapper {
		--media-grid-horizontal-space: 10px;
		--media-grid-vertical-space: 10px;
	}
	.product__media-list {
		column-gap: var(--media-grid-vertical-space);
		row-gap: var(--media-grid-horizontal-space);
	}
	.product__media-list.grid > * {
		margin-top: 0;
		padding: 0;
	}
	.product__media-list.grid {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
		padding: 0;
		list-style: none;
	}
	.product--columns .product__media-item {
		max-width: calc(50% - var(--media-grid-horizontal-space) / 2);
	}
	.product__media-wrapper .slider-mobile-gutter .slider-button {
		display: none;
	}
	.product--carousel .slider-mobile-gutter .slider-button {
		display: flex;
	}
	.product__media--empty .slider-mobile-gutter .slider-button {
		display: none;
	}
	.product--carousel .thumbnail-slider {
		display: flex;
		align-items: center;
	}
	.product--carousel .product__media-item:not(.is-active),
	.product--thumbnail_flatten .product__media-item:not(.is-active) {
		display: none;
	}
	.thumbnail-slider .thumbnail-list.thumbnail-list-grid {
		display: flex;
		flex: 1;
		column-gap: var(--media-grid-vertical-space);
		row-gap: var(--media-grid-horizontal-space);
	}
	.product--large .thumbnail-list.thumbnail-list-grid .thumbnail-list__item {
		width: calc((100% - var(--media-grid-horizontal-space) * 5) / 6);
	}
	.product--large
		.product__thumbnail--medium
		.thumbnail-list.thumbnail-list-grid
		.thumbnail-list__item {
		width: calc((100% - var(--media-grid-horizontal-space) * 6) / 7);
	}
	.product--large
		.product__thumbnail--small
		.thumbnail-list.thumbnail-list-grid
		.thumbnail-list__item {
		width: calc((100% - var(--media-grid-horizontal-space) * 7) / 8);
	}
	.product--medium .thumbnail-list.thumbnail-list-grid .thumbnail-list__item {
		width: calc((100% - var(--media-grid-horizontal-space) * 4) / 5);
	}
	.product--medium
		.product__thumbnail--medium
		.thumbnail-list.thumbnail-list-grid
		.thumbnail-list__item {
		width: calc((100% - var(--media-grid-horizontal-space) * 5) / 6);
	}
	.product--medium
		.product__thumbnail--small
		.thumbnail-list.thumbnail-list-grid
		.thumbnail-list__item {
		width: calc((100% - var(--media-grid-horizontal-space) * 6) / 7);
	}
	.product--small .thumbnail-list.thumbnail-list-grid .thumbnail-list__item {
		width: calc((100% - var(--media-grid-horizontal-space) * 3) / 4);
	}
	.product--small
		.product__thumbnail--medium
		.thumbnail-list.thumbnail-list-grid
		.thumbnail-list__item {
		width: calc((100% - var(--media-grid-horizontal-space) * 4) / 5);
	}
	.product--small
		.product__thumbnail--small
		.thumbnail-list.thumbnail-list-grid
		.thumbnail-list__item {
		width: calc((100% - var(--media-grid-horizontal-space) * 5) / 6);
	}
	.product__modal-opener .product__media-icon {
		opacity: 0;
	}
	.product__modal-opener:focus .product__media-icon,
	.product__modal-opener:hover .product__media-icon {
		opacity: 1;
	}
	.product__modal-opener[data-pc-magnifier-type='hover']
		.product__media-toggle:after {
		cursor: default;
	}
	.product__modal-opener[data-pc-magnifier-type='hover'] .product__media-icon {
		display: none;
	}
	.product__modal-opener[data-pc-magnifier-type='hover'] .magnifier-hover-img {
		position: absolute;
		z-index: 2;
		object-fit: fill;
		object-position: unset;
		max-width: unset;
		top: 0;
		left: 0;
	}
	.product--carousel .product__thumbnail-slider-group,
	.product--thumbnail_flatten .product__thumbnail-slider-group {
		display: flex;
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--beside,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--beside {
		position: relative;
		--thumbnail-image-width: 114px;
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--beside.product__thumbnail--medium,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--beside.product__thumbnail--medium {
		--thumbnail-image-width: 80px;
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--beside.product__thumbnail--small,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--beside.product__thumbnail--small {
		--thumbnail-image-width: 50px;
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-preview,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-preview {
		flex: 1;
		margin-left: calc(var(--thumbnail-image-width) + 30px);
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-preview
		.product__media-list,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-preview
		.product__media-list {
		margin-bottom: 0;
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-slider,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-slider {
		flex-direction: column;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-slider
		.thumbnail-list,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-slider
		.thumbnail-list {
		width: var(--thumbnail-image-width);
		flex-direction: column;
		max-height: 100%;
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-slider
		.thumbnail-list
		.thumbnail-list__item,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-slider
		.thumbnail-list
		.thumbnail-list__item {
		width: 100%;
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-slider
		.slider-button--prev
		.icon,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-slider
		.slider-button--prev
		.icon {
		transform: rotate(180deg);
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-slider
		.slider-button--next
		.icon,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--beside
		.thumbnail-slider
		.slider-button--next
		.icon {
		transform: rotate(0);
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--bottom,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--bottom {
		flex-direction: column;
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--bottom
		.thumbnail-list--thumbnail_flatten,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--bottom
		.thumbnail-list--thumbnail_flatten {
		flex-wrap: wrap;
	}
	.product--carousel
		.product__thumbnail-slider-group.product__thumbnail--bottom
		.thumbnail-list,
	.product--thumbnail_flatten
		.product__thumbnail-slider-group.product__thumbnail--bottom
		.thumbnail-list {
		overflow-y: hidden;
	}
	.product-media-modal__arrow {
		display: block;
	}
}
@media screen and (max-width: 959px) {
	.product:not(.product--mobile-show, .product--mobile-hide)
		.thumbnail-preview {
		margin-left: calc(var(--page-padding) * -1);
		margin-right: calc(var(--page-padding) * -1);
	}
	.product__media-item .deferred-media,
	.product__media-item .product__media {
		padding-bottom: var(--product-mobile-image-ratio);
	}
	.product__media-item .deferred-media-image,
	.product__media-item .product__media-image {
		object-fit: var(--product-mobile-image-fill-type);
	}
	.product__media-wrapper {
		--media-grid-horizontal-space: 5px;
		--media-grid-vertical-space: 5px;
	}
	.product__media-wrapper .slider-counter {
		font-size: 13px;
		width: 57px;
		padding: 0;
	}
	.product__media-wrapper .slider-buttons {
		padding-bottom: 0;
	}
	.product__media-wrapper .thumbnail-slider .thumbnail-list.slider {
		column-gap: calc(var(--media-grid-vertical-space) * 2);
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.product__media-wrapper {
		--mobile-thumbnail-gap: 10px;
	}
	.product__media-wrapper .thumbnail-list__item.slider__slide {
		width: calc((100% - var(--mobile-thumbnail-gap) * 3) / 3.6);
	}
	.product__media-wrapper
		.product__mobile-thumbnail--medium
		.thumbnail-list__item.slider__slide {
		width: calc((100% - var(--mobile-thumbnail-gap) * 4) / 4.6);
	}
	.product__media-wrapper
		.product__mobile-thumbnail--small
		.thumbnail-list__item.slider__slide {
		width: calc((100% - var(--mobile-thumbnail-gap) * 5) / 5.6);
	}
	.product__media-list.grid {
		column-gap: var(--media-grid-vertical-space);
		row-gap: var(--media-grid-horizontal-space);
		margin-bottom: 0;
		margin-top: 20px;
	}
	.product__media-list.grid > * {
		margin-top: 0;
		padding: 0;
	}
	.product__media-item {
		display: flex;
		align-items: center;
	}
	.product--mobile-columns .product__media-item:not(:only-child) {
		width: 40%;
	}
	.product--mobile-cover .product__media,
	.product--mobile-cover .product__modal-opener {
		height: 100%;
	}
	.product_mobile_thumbnail_pagination {
		margin: 14px auto 0;
		transform: translateZ(0);
	}
	.product--mobile-controller-position-inner
		.product_mobile_thumbnail_pagination {
		position: absolute;
		bottom: 14px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
	}
	.product--mobile-controller-position-inner .product-pagination__number {
		background-color: rgba(var(--color-page-background), 0.8);
		border-radius: 9999px;
		padding: 2px 4px;
	}
	.product--mobile-controller-position-inner
		.product-pagination__number
		.slider-counter {
		padding: 0 4px;
	}
	.product-media-modal__arrow {
		display: none;
	}
}
.product__media-list {
	position: relative;
}
.product__media-nav {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	z-index: 2;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease;
}
.product__media-list:hover .product__media-nav {
	opacity: 1;
	z-index: 99;
}
.product__media-nav-btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
	transition: visibility 0.1s ease;
    background-color: white;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    transition: transform .3s;
}

.product__media-nav-btn svg{
    width: 16px;
    height: 16px;
}
.product__media-nav-btn--prev {
	transform: rotate(90deg);
    box-shadow: 5px 0 5px rgb(0 0 0 / 10%);
}
.product__media-nav-btn--prev:hover{
    transform: rotate(90deg) scale(1.12);
}
.product__media-nav-btn--next{
    transform: rotate(-90deg);
    box-shadow: -5px 0 5px rgba(0,0,0,0.1);
}
.product__media-nav-btn--next:hover {
     transform: rotate(-90deg) scale(1.12);
}
@media screen and (max-width: 989px) {
	.product__media-nav {
		display: none !important;
	}
}
.product__modal-opener--image {
	cursor: zoom-in;
}
.product__modal-opener--image.magnifier-active {
	cursor: crosshair;
}
.image-zoom-modal {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.5);
}
.image-zoom-content {
	position: relative;
	background: #fff;
	border-radius: 8px;
	max-width: 90vw;
	max-height: 90vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.image-zoom-viewer {
	width: 600px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: #fff;
	border-radius: 8px;
}
.image-zoom-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: none;
	cursor: zoom-in;
	user-select: none;
}
.image-zoom-viewer {
	width: 600px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: #fff;
	border-radius: 8px;
	cursor: zoom-in;
}
.image-zoom-viewer:hover {
	cursor: zoom-in;
}
.image-zoom-viewer.zoomed {
	cursor: zoom-out;
}
.image-zoom-viewer.zoomed .image-zoom-img {
	cursor: zoom-out;
}
.image-zoom-close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 32px;
	color: #333;
	cursor: pointer;
	z-index: 2;
	background: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.image-zoom-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	background: rgba(255, 255, 255, 0.7);
	border: none;
	font-size: 2rem;
	cursor: pointer;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s;
}
.image-zoom-arrow:hover {
	background: #fff;
}
.image-zoom-arrow--prev {
	left: -60px;
}
.image-zoom-arrow--prev img {
	transform: rotate(180deg);
}
.image-zoom-arrow--next {
	right: -60px;
}