.product-detail__additional {
    border-block-start: 1px solid rgba(var(--color-text), 0.08);
    border-block-end: 1px solid rgba(var(--color-text), 0.08);
}

.product-detail__additional+.product-detail__additional {
    margin-block-start: calc(-1 * var(--info-row-gap));
    border-block-start: none;
}

.product-detail__additional .additional__trigger {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 15px 0;
    padding-inline-end: 15px;
}

.product-detail__additional .additional__icon {
    width: 24px;
    height: 24px;
}

.product-detail__additional .additional__title {
    flex: 1 0 0;
}

.product-detail__additional .additional__content {
    padding: 0 5px;
    overflow: hidden;
}

.product-detail__additional .additional__content::after {
    display: block;
    height: 15px;
    content: "";
}

.product-detail__additional .additional__arrow {
    transition: transform 200ms;
}

.product-detail [open] .additional__arrow {
    transform: rotate(180deg);
}

.product-detail__breadcrumb-item {
    display: flex;
    gap: var(--breadcrumb-column-gap);
    align-items: center;
    color: rgb(var(--color-text));
    word-break: auto-phrase;
}

.product-detail__breadcrumb-item:not(:last-child)::after {
    display: inline;
    content: "/";
}

.product-detail__breadcrumb-item:last-child {
    color: rgb(var(--color-light-text));
}

.product-detail__breadcrumb-item a {
    display: block;
}

.product-detail__dividing-line {
    display: block;
    width: 100%;
    height: var(--product-detail-desktop-dividing-line-height, 1px);
    background: var(--product-detail-dividing-line-color);
}

@media (max-width: 959px) {
    .product-detail__dividing-line {
        width: calc(100% + 2 * var(--product-detail-dividing-line-padding-inline));
        height: var(--product-detail-dividing-line-height);
        margin-inline: calc(-1 * var(--product-detail-dividing-line-padding-inline));
    }
}

.product-detail__popup-main .modal__content {
    --modal-animation-name: animation-fade-in-center;

    inset-block: 60px auto;
    width: calc(100% - var(--page-padding) * 2);
    height: 60%;
    max-height: 380px;
    overflow: hidden;
}

@media (min-width: 960px) {
    .product-detail__popup-main .modal__content {
        width: 90%;
        max-width: 1200px;
        height: calc(100% - 120px);
        max-height: unset;
    }
}

.product-detail__popup-main .popup__trigger {
    display: flex;
    gap: 15px;
    align-items: center;
}

.product-detail__popup-main .popup__title {
    margin-block-end: 20px;
}

.product-detail__popup-main .popup__content {
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: auto;
}

@media (min-width: 960px) {
    .product-detail__popup-main .popup__content {
        padding: 40px;
    }
}

.product-detail__price {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.product-detail__quantity-selector .quantity-selector__input {
    width: 126px;
}

.product-detail__quantity-selector .quantity-selector__rules span+span::before {
    content: " + ";
}

.product-detail__quantity-selector--full .product-detail__row--direction-column .quantity-selector__input {
    width: 100%;
}

.product-detail__quantity-selector--half .product-detail__row--direction-row {
    justify-content: flex-start;
}

.product-detail__sell-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: start;
    padding: 0;
    margin: 0;
    list-style: none;
}

.product-detail__sell-info .sell-info {
    display: flex;
    gap: 15px;
    align-items: center;
}

.product-detail__sell-info .sell-info__icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.product-detail__sell-info .sell-info__text {
    flex: 1 0 0;
    margin: 0;
}

.product-detail__sell-info--horizontal {
    --sell-info-gap: 20px;

    flex-flow: row wrap;
    gap: var(--sell-info-gap);
}

.product-detail__sell-info--horizontal .sell-info {
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    width: calc((100% - (var(--sell-info-column) - 1) * var(--sell-info-gap)) / var(--sell-info-column));
    overflow: hidden;
    text-align: center;
}

@media (max-width: 959px) {
    .product-detail__sell-info--horizontal .sell-info {
        gap: 6px;
    }
}

.product-detail__variant-picker {
    --border-thickness: var(--variant-selector-border-thickness);
    --border-color: var(--color-text);
    --button-padding-block: 8px;
    --button-padding-inline: 20px;
    --button-text: var(--color-text);
    --button-background-color: var(--color-background);
    --button-border-opacity: var(--variant-selector-border-opacity);

    display: flex;
    flex-direction: column;
    gap: var(--info-row-gap);
}

.product-detail__variant-picker .variant-picker__group {
    display: contents;
    padding: 0;
    margin: 0;
    border: none;
}

.product-detail__variant-picker .variant-picker__group-label {
    padding: 0;
}

.product-detail__variant-picker .variant-picker__options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.product-detail__variant-picker .variant-picker__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--button-padding-block) var(--button-padding-inline);
    color: rgb(var(--button-text));
    cursor: pointer;
    background-color: rgb(var(--button-background-color));
    border-radius: var(--variant-selector-border-radius);
    transition:
        background-color 0.2s,
        color 0.2s;
}

.product-detail__variant-picker .variant-picker__button--image {
    --image-size: calc(var(--sort-body-line-height) * 1em + var(--button-padding-block) * 2);

    width: var(--image-size);
    height: var(--image-size);
    padding: 2px;
}

.product-detail__variant-picker .variant-picker__button--swatch {
    --swatch-size: calc(var(--sort-body-line-height) * 1em + var(--button-padding-block) * 2);

    display: flex;
    width: var(--swatch-size);
    height: var(--swatch-size);
    padding: 2px;
}

.product-detail__variant-picker .variant-picker__button--swatch-square {
    --variant-selector-border-radius: 0px;
}

.product-detail__variant-picker .variant-picker__button--swatch-circle {
    --variant-selector-border-radius: 50%;
}

.product-detail__variant-picker .variant-picker__button--swatch-round-corner {
    --variant-selector-border-radius: 8px;
}

.product-detail__variant-picker .variant-picker__button::before,
.product-detail__variant-picker .variant-picker__button::after {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: var(--variant-selector-border-radius);
}

.product-detail__variant-picker .variant-picker__button::before {
    box-shadow: var(--variant-selector-shadow-offset-x) var(--variant-selector-shadow-offset-y) var(--variant-selector-shadow-blur) rgba(var(--button-text), var(--variant-selector-shadow-opacity));
}

.product-detail__variant-picker .variant-picker__button::after {
    box-shadow: 0 0 0 var(--border-thickness) rgba(var(--border-color), var(--button-border-opacity));
    transition: box-shadow 0.2s;
}

.product-detail__variant-picker .variant-picker__button:hover {
    --border-thickness: calc(var(--variant-selector-border-thickness, 0px) + 1px);
}

.product-detail__variant-picker .variant-picker__swatch-inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: var(--variant-selector-border-radius);
}

.product-detail__variant-picker .variant-picker__swatch-inner::before,
.product-detail__variant-picker .variant-picker__swatch-inner::after {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
}

.product-detail__variant-picker .variant-picker__swatch-inner::before {
    background-image: var(--swatch-background-default-image);
    background-repeat: repeat;
    background-position: center;
    background-size: 16px;
}

.product-detail__variant-picker .variant-picker__swatch-inner::after {
    background: var(--swatch-background-color, transparent);
}

.product-detail__variant-picker .variant-picker__select {
    min-width: 120px;
}

.product-detail__variant-picker .variant-picker__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: var(--variant-selector-border-radius);
}

.product-detail__variant-picker .variant-picker__select-option {
    display: flex;
    gap: 8px;
    align-items: center;
}

.product-detail__variant-picker .variant-picker__select-option .variant-picker__image {
    --image-size: calc(var(--sort-body-line-height) * 1em + var(--padding-block));

    width: var(--image-size);
    height: var(--image-size);
}

.product-detail__variant-picker .variant-picker__select-option .variant-picker__label {
    flex: 1 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-detail__variant-picker .variant-picker__input {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.product-detail__variant-picker .variant-picker__input:checked+* {
    --border-thickness: calc(var(--variant-selector-border-thickness, 0px) + 1px);
    --border-color: var(--button-text);
    --button-border-opacity: 1;
}

.product-detail__variant-picker .variant-picker__option {
    position: relative;
    display: inline-flex;
}

.product-detail__variant-picker .variant-picker__option.disabled .variant-picker__swatch-inner {
    opacity: 0.4;
}

.product-detail__variant-picker .variant-picker__option.disabled .variant-picker__button--swatch+.variant-picker__slash {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    display: block;
    width: calc(var(--sort-body-line-height) * 1em + var(--button-padding-block) * 2);
    height: 1px;
    pointer-events: none;
    background-color: rgb(var(--color-entry-line));
    transform: translate(-50%, -50%) rotate(-45deg);
}

.product-detail__variant-picker[data-variant-size="0"] {
    display: none;
}

.product-detail__variant-picker[data-size="small"] .variant-picker__option {
    --button-padding-block: 0px;
}

.product-detail__variant-picker[data-size="large"] .variant-picker__option {
    --button-padding-block: 12px;
}

.product-detail__variant-picker[data-unavailable-style="line-through"] .variant-picker__select.disabled {
    text-decoration: line-through;
}

.product-detail__variant-picker[data-unavailable-style="line-through"] .variant-picker__select-option.disabled .variant-picker__label {
    text-decoration: line-through;
}

.product-detail__variant-picker[data-unavailable-style="disabled"] .variant-picker__select.disabled,
.product-detail__variant-picker[data-unavailable-style="short-slash-disabled"] .variant-picker__select.disabled,
.product-detail__variant-picker[data-unavailable-style="long-slash-disabled"] .variant-picker__select.disabled {
    opacity: 0.4;
}

.product-detail__variant-picker[data-unavailable-style="disabled"] .variant-picker__select-option.disabled .variant-picker__label,
.product-detail__variant-picker[data-unavailable-style="short-slash-disabled"] .variant-picker__select-option.disabled .variant-picker__label,
.product-detail__variant-picker[data-unavailable-style="long-slash-disabled"] .variant-picker__select-option.disabled .variant-picker__label {
    opacity: 0.2;
}

.product-detail__variant-picker[data-unavailable-style="disabled"] .variant-picker__option.disabled .variant-picker__button--text,
.product-detail__variant-picker[data-unavailable-style="short-slash-disabled"] .variant-picker__option.disabled .variant-picker__button--text,
.product-detail__variant-picker[data-unavailable-style="long-slash-disabled"] .variant-picker__option.disabled .variant-picker__button--text {
    color: rgba(var(--button-text), 0.2);
}

.product-detail__variant-picker[data-unavailable-style="disabled"] .variant-picker__option.disabled .variant-picker__image,
.product-detail__variant-picker[data-unavailable-style="short-slash-disabled"] .variant-picker__option.disabled .variant-picker__image,
.product-detail__variant-picker[data-unavailable-style="long-slash-disabled"] .variant-picker__option.disabled .variant-picker__image {
    opacity: 0.4;
}

.product-detail__variant-picker[data-unavailable-style="short-slash-disabled"] .variant-picker__option.disabled .variant-picker__image-popover+.variant-picker__slash,
.product-detail__variant-picker[data-unavailable-style="short-slash-disabled"] .variant-picker__option.disabled .variant-picker__button--text+.variant-picker__slash,
.product-detail__variant-picker[data-unavailable-style="short-slash"] .variant-picker__option.disabled .variant-picker__image-popover+.variant-picker__slash,
.product-detail__variant-picker[data-unavailable-style="short-slash"] .variant-picker__option.disabled .variant-picker__button--text+.variant-picker__slash {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    display: block;
    width: calc(var(--sort-body-line-height) * 1em + var(--button-padding-block) * 2);
    height: 1px;
    pointer-events: none;
    background-color: rgb(var(--color-entry-line));
    transform: translate(-50%, -50%) rotate(-45deg);
}

.product-detail__variant-picker[data-unavailable-style="long-slash-disabled"] .variant-picker__option.disabled .variant-picker__image-popover+.variant-picker__slash,
.product-detail__variant-picker[data-unavailable-style="long-slash-disabled"] .variant-picker__option.disabled .variant-picker__button--text+.variant-picker__slash,
.product-detail__variant-picker[data-unavailable-style="long-slash"] .variant-picker__option.disabled .variant-picker__image-popover+.variant-picker__slash,
.product-detail__variant-picker[data-unavailable-style="long-slash"] .variant-picker__option.disabled .variant-picker__button--text+.variant-picker__slash {
    position: absolute;
    inset: 0;
    display: block;
    pointer-events: none;
    background-color: rgb(var(--color-entry-line));
    mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E %3Cline x1='0' y1='100%25' x2='100%25' y2='0' stroke='currentColor' stroke-width='1'/%3E %3C/svg%3E");
}

.product-detail__variant-picker[data-selected-style="primary-button"] .variant-picker__input:checked+.variant-picker__button--text {
    --border-thickness: var(--variant-selector-border-thickness, 0px);
    --button-text: var(--color-background);
    --button-background-color: var(--color-text);
    --border-color: var(--color-text);
    --button-border-opacity: 1;

    color: rgb(var(--button-text));
}

.product-detail__variant-picker[data-selected-style="primary-button"] .variant-picker__input:checked+.variant-picker__button--text:hover {
    --border-thickness: calc(var(--variant-selector-border-thickness, 0px) + 1px);
}

.product-detail__variant-picker[data-selected-style="primary-button"][data-unavailable-style="disabled"] .variant-picker__option.disabled .variant-picker__input:checked+.variant-picker__button--text,
.product-detail__variant-picker[data-selected-style="primary-button"][data-unavailable-style="short-slash-disabled"] .variant-picker__option.disabled .variant-picker__input:checked+.variant-picker__button--text,
.product-detail__variant-picker[data-selected-style="primary-button"][data-unavailable-style="long-slash-disabled"] .variant-picker__option.disabled .variant-picker__input:checked+.variant-picker__button--text {
    --button-border-opacity: 0.2;

    background-color: rgba(var(--button-background-color), 0.2);
}

.product-detail__variant-picker[data-selected-style="primary-button"][data-unavailable-style="disabled"] .variant-picker__option.disabled .variant-picker__input:checked+.variant-picker__button--text+.variant-picker__slash,
.product-detail__variant-picker[data-selected-style="primary-button"][data-unavailable-style="short-slash-disabled"] .variant-picker__option.disabled .variant-picker__input:checked+.variant-picker__button--text+.variant-picker__slash,
.product-detail__variant-picker[data-selected-style="primary-button"][data-unavailable-style="long-slash-disabled"] .variant-picker__option.disabled .variant-picker__input:checked+.variant-picker__button--text+.variant-picker__slash {
    --color-entry-line: 255, 255, 255;
}

.product-detail__media-gallery {
    --padding-inline-start: calc(var(--detail-padding-inline-start, 0px) + var(--page-padding, 0px));
    --padding-inline-end: calc(var(--detail-padding-inline-end, 0px) + var(--page-padding, 0px));
    --aspect-ratio: var(--desktop-aspect-ratio);
    --image-fill-type: var(--desktop-image-fill-type);
    --gap: 20px;
    --thumbnail-gap: 20px;

    display: block;
    overflow: hidden;
}

@media (max-width: 959px) {
    .product-detail__media-gallery {
        width: calc(100% + var(--padding-inline-start) + var(--padding-inline-end));
        margin-inline: calc(-1 * var(--padding-inline-start)) calc(-1 * var(--padding-inline-end));

        --aspect-ratio: var(--mobile-aspect-ratio);
        --image-fill-type: var(--mobile-image-fill-type);
        --thumbnail-gap: 10px;
        --gap: 5px;
    }
}

.product-detail__media-gallery .media-gallery__placeholder {
    width: 100%;
    cursor: default;
    background-color: rgb(var(--color-image-background));
}

.product-detail__media-gallery .media-gallery__placeholder svg {
    width: 100%;
    height: 100%;
}

.product-detail__media-gallery .media-gallery__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    width: 100%;
}

.product-detail__media-gallery .media-gallery__list-wrapper {
    position: relative;
    width: 100%;
}

.product-detail__media-gallery .media-gallery__sticky-wrapper {
    display: none;
}

.product-detail__media-gallery .media-gallery__list {
    gap: var(--gap, 0);
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-y: hidden;
    list-style: none;
    scroll-behavior: auto;
}

.product-detail__media-gallery .media-gallery__list::before {
    display: block;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    aspect-ratio: var(--desktop-placeholder-aspect-ratio);
    content: "";
}

@media (max-width: 959px) {
    .product-detail__media-gallery .media-gallery__list::before {
        aspect-ratio: var(--mobile-placeholder-aspect-ratio);
    }
}

.product-detail__media-gallery .media-gallery__preview-icon {
    position: absolute;
    inset-block-end: 20px;
    inset-inline-end: 20px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10%;
    min-width: 30px;
    max-width: 60px;
    pointer-events: none;
    transition: opacity 0.2s;
}

@media (min-width: 960px) {
    .product-detail__media-gallery .media-gallery__preview-icon {
        opacity: 0;
    }
}

@media (max-width: 959px) {
    .product-detail__media-gallery .media-gallery__preview-icon {
        inset-block-end: 10px;
        inset-inline-end: 10px;
    }
}

.product-detail__media-gallery .media-gallery__preview-icon .icon {
    width: 100%;
    height: 100%;
    color: rgb(var(--color-text));
}

.product-detail__media-gallery .media-gallery__preview-icon .icon circle {
    fill: rgb(var(--color-background));
}

.product-detail__media-gallery .media-gallery__item {
    display: none;
    align-items: center;
    width: 100%;
    overflow: hidden;
    cursor: zoom-in;
}

.product-detail__media-gallery .media-gallery__item:hover .media-gallery__preview-icon {
    opacity: 1;
}

@media (max-width: 959px) {

    .product-detail__media-gallery .media-gallery__item:not([data-media-type="video"],
        [data-media-type="external_video"]) .media-gallery__media::after {
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        z-index: 2;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        opacity: 0;
    }
}

.product-detail__media-gallery .media-gallery__media {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: rgb(var(--color-image-background));
}

.product-detail__media-gallery .media-gallery__image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: var(--image-fill-type);
}

.product-detail__media-gallery .media-gallery__video[data-loaded]+.media-gallery__preview-icon {
    display: none;
}

@media (max-width: 959px) {
    .product-detail__media-gallery .media-gallery__video+.media-gallery__preview-icon {
        display: none;
    }

    .product-detail__media-gallery .media-gallery__video .theme-video-media__play-button {
        inset-block-start: unset;
        inset-block-end: 20px;
        inset-inline-start: unset;
        inset-inline-end: 20px;
        width: 10%;
        min-width: 30px;
        max-width: 60px;
        transform: none;
    }
}

.product-detail__media-gallery .media-gallery__arrows {
    display: flex;
    gap: 14px;
    align-items: center;
}

.product-detail__media-gallery .media-gallery__arrow {
    display: flex;
    align-items: center;
    padding: 4px;
    line-height: 1;
    cursor: pointer;
    background: none;
    border: none;
}

.product-detail__media-gallery .media-gallery__arrow .icon {
    width: 12px;
    height: 12px;
}

.product-detail__media-gallery .media-gallery__arrow[name="previous"] .icon {
    transform: rotate(90deg);
}

.product-detail__media-gallery .media-gallery__arrow[name="next"] .icon {
    transform: rotate(-90deg);
}

.product-detail__media-gallery .media-gallery__arrow:disabled {
    cursor: not-allowed;
}

.product-detail__media-gallery .media-gallery__status {
    display: flex;
    align-items: center;
    line-height: 1;
}

.product-detail__media-gallery .media-gallery__pagination {
    padding: 2px 0;
}

.product-detail__media-gallery .media-gallery__indicator {
    display: contents;
}

.product-detail__media-gallery .media-gallery__thumbnails {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 26px;
}

.product-detail__media-gallery .media-gallery__thumbnail-list {
    gap: var(--thumbnail-gap, 0);
    width: 100%;
}

.product-detail__media-gallery .media-gallery__thumbnail {
    position: relative;
    width: var(--desktop-thumbnail-size);
    aspect-ratio: 1;
    padding: 0;
    background-color: rgb(var(--color-image-background));
    border: none;
    outline: none;
}

@media (max-width: 959px) {
    .product-detail__media-gallery .media-gallery__thumbnail {
        width: var(--mobile-thumbnail-size);
    }
}

.product-detail__media-gallery .media-gallery__thumbnail::after {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    content: "";
    box-shadow: inset 0 0 0 var(--border-thickness, 0) rgb(var(--color-text));
    transition: box-shadow 0.2s;
}

.product-detail__media-gallery .media-gallery__thumbnail:hover,
.product-detail__media-gallery .media-gallery__thumbnail:focus,
.product-detail__media-gallery .media-gallery__thumbnail.is-select {
    --border-thickness: 2px;
}

.product-detail__media-gallery .media-gallery__thumbnail-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: var(--image-fill-type);
}

.product-detail__media-gallery .media-gallery__thumbnail-arrows button[name="previous"],
.product-detail__media-gallery .media-gallery__thumbnail-arrows button[name="next"] {
    position: absolute;
    inset-block-start: 50%;
    transform: translate(-50%, -50%);
}

.product-detail__media-gallery .media-gallery__thumbnail-arrows button[name="previous"] {
    inset-inline-start: 10px;
}

.product-detail__media-gallery .media-gallery__thumbnail-arrows button[name="next"] {
    inset-inline-start: calc(100% - 10px);
}

.product-detail__media-gallery .media-gallery__thumbnail-play-icon {
    position: absolute;
    inset-block-start: 10px;
    inset-inline-end: 10px;
    width: 22px;
    height: 22px;
    color: rgb(var(--color-text));
    border-radius: 50%;
}

.product-detail__media-gallery .media-gallery__thumbnail-play-icon circle {
    fill: rgb(var(--color-background));
}

.product-detail__media-gallery[data-init="true"] .media-gallery__item,
.product-detail__media-gallery .media-gallery__item.is-active {
    display: flex;
}

@media (max-width: 959px) {
    .product-detail__media-gallery[data-init="true"] .media-gallery__list {
        scroll-behavior: smooth;
    }
}

.product-detail__media-gallery[data-init="true"] .media-gallery__list::before {
    display: none;
}

.product-detail__media-gallery[data-disabled-preview="true"] .media-gallery__item {
    cursor: default;
}

.product-detail__media-gallery[data-disabled-preview="true"] .media-gallery__preview-icon {
    display: none;
}

@media (min-width: 960px) {
    .product-detail__media-gallery[data-desktop-disabled-preview="true"] .media-gallery__item {
        cursor: default;
    }

    .product-detail__media-gallery[data-desktop-disabled-preview="true"] .media-gallery__preview-icon {
        display: none;
    }

    .product-detail__media-gallery:not([data-desktop-aspect-ratio="original"]) .media-gallery__image {
        aspect-ratio: var(--aspect-ratio);
    }
}

@media (max-width: 959px) {
    .product-detail__media-gallery:not([data-mobile-aspect-ratio="original"]) .media-gallery__image {
        aspect-ratio: var(--aspect-ratio);
    }
}

@media (min-width: 960px) {

    .product-detail__media-gallery .media-gallery__dots,
    .product-detail__media-gallery .media-gallery__arrows,
    .product-detail__media-gallery .media-gallery__progress,
    .product-detail__media-gallery .media-gallery__pagination {
        display: none;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"] .media-gallery__list,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"] .media-gallery__list {
        aspect-ratio: var(--aspect-ratio);
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"] .media-gallery__item,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"] .media-gallery__item {
        height: 100%;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-aspect-ratio="original"] .media-gallery__content,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-aspect-ratio="original"] .media-gallery__content {
        --aspect-ratio: var(--current-media-aspect-ratio);
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"] .media-gallery__content,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__content {
        flex-direction: row;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"] .media-gallery__list-wrapper,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__list-wrapper {
        flex: 1 0 0;
        overflow: hidden;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnails,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnails {
        position: relative;
        flex-shrink: 0;
        align-self: stretch;
        order: -1;
        width: var(--desktop-thumbnail-size);
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail-list,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail-list {
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        flex-wrap: nowrap;
        width: 100%;
        height: 100%;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail {
        width: 100%;
        overflow: hidden;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail-arrows button[name="previous"],
    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail-arrows button[name="next"],
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail-arrows button[name="previous"],
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail-arrows button[name="next"] {
        position: absolute;
        inset-inline-start: 50%;
        transform: translate(-50%, -50%);
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail-arrows button[name="previous"],
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail-arrows button[name="previous"] {
        inset-block-start: 10px;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail-arrows button[name="next"],
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail-arrows button[name="next"] {
        inset-block-start: calc(100% - 10px);
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"] .media-gallery__arrow[name="previous"] .icon,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__arrow[name="previous"] .icon {
        transform: rotate(180deg);
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"] .media-gallery__arrow[name="next"] .icon,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__arrow[name="next"] .icon {
        transform: rotate(0deg);
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-switch-style="number"] .media-gallery__indicator,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-switch-style="number"] .media-gallery__indicator {
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding-block-start: calc(100% / var(--current-media-aspect-ratio) - 36px - 16px);
        pointer-events: none;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-switch-style="number"] .media-gallery__arrows,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-switch-style="number"] .media-gallery__arrows {
        display: flex;
        gap: 0;
        height: 36px;
        padding: 0 24px;
        color: rgb(var(--color-text));
        pointer-events: auto;
        background-color: rgba(var(--color-background), 0.8);
        border-radius: 18px;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-switch-style="number"] .media-gallery__arrow,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-switch-style="number"] .media-gallery__arrow {
        display: none;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"] .media-gallery__thumbnails {
        flex-wrap: wrap;
        padding: 0;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"] .media-gallery__thumbnail-arrows {
        display: none;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnails {
        padding: 26px 0;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"] .media-gallery__thumbnail-list {
        inset-block-start: 26px;
        height: calc(100% - 26px * 2);
    }

    .product-detail__media-gallery[data-desktop-layout="two-columns"] .media-gallery__item,
    .product-detail__media-gallery[data-desktop-layout="two-columns"] .media-gallery__sticky-wrapper {
        align-items: flex-start;
        width: calc((100% - var(--gap, 0)) / 2);
    }

    .product-detail__media-gallery[data-desktop-layout="two-columns"] .media-gallery__thumbnails {
        display: none;
    }

    .product-detail__media-gallery[data-desktop-layout="two-columns"][data-media-total="1"] .media-gallery__item,
    .product-detail__media-gallery[data-desktop-layout="two-columns"][data-media-total="1"] .media-gallery__sticky-wrapper {
        width: 100%;
    }

    .product-detail__media-gallery[data-desktop-layout="flatten"] .media-gallery__item,
    .product-detail__media-gallery[data-desktop-layout="flatten"] .media-gallery__sticky-wrapper {
        width: 100%;
    }

    .product-detail__media-gallery[data-desktop-layout="flatten"] .media-gallery__thumbnails {
        display: none;
    }

    .product-detail__media-gallery[data-desktop-layout="stacked"] .media-gallery__list-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gap, 0);
    }

    .product-detail__media-gallery[data-desktop-layout="stacked"] .media-gallery__item {
        align-items: flex-start;
        width: calc((100% - var(--gap, 0)) / 2);
    }

    .product-detail__media-gallery[data-desktop-layout="stacked"] .media-gallery__sticky-wrapper {
        width: 100%;
    }

    .product-detail__media-gallery[data-desktop-layout="stacked"] .media-gallery__thumbnails {
        display: none;
    }

    .product-detail__media-gallery[data-desktop-layout="two-columns"] .media-gallery__list-wrapper,
    .product-detail__media-gallery[data-desktop-layout="flatten"] .media-gallery__list-wrapper,
    .product-detail__media-gallery[data-desktop-layout="stacked"] .media-gallery__list-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gap, 0);
        align-items: flex-start;
    }

    .product-detail__media-gallery[data-desktop-layout="two-columns"] .media-gallery__sticky-wrapper,
    .product-detail__media-gallery[data-desktop-layout="flatten"] .media-gallery__sticky-wrapper,
    .product-detail__media-gallery[data-desktop-layout="stacked"] .media-gallery__sticky-wrapper {
        display: block;
    }

    .product-detail__media-gallery[data-desktop-layout="two-columns"] .media-gallery__sticky-wrapper .media-gallery__item,
    .product-detail__media-gallery[data-desktop-layout="flatten"] .media-gallery__sticky-wrapper .media-gallery__item,
    .product-detail__media-gallery[data-desktop-layout="stacked"] .media-gallery__sticky-wrapper .media-gallery__item {
        display: flex;
        width: 100%;
    }

    .product-detail__media-gallery[data-desktop-layout="two-columns"] .media-gallery__list,
    .product-detail__media-gallery[data-desktop-layout="flatten"] .media-gallery__list,
    .product-detail__media-gallery[data-desktop-layout="stacked"] .media-gallery__list {
        display: contents;
    }

    .product-detail__media-gallery[data-desktop-layout="two-columns"] .media-gallery__list::before,
    .product-detail__media-gallery[data-desktop-layout="flatten"] .media-gallery__list::before,
    .product-detail__media-gallery[data-desktop-layout="stacked"] .media-gallery__list::before {
        content: unset;
    }

    .product-detail__media-gallery[data-desktop-layout="two-columns"] .media-gallery__list .is-select,
    .product-detail__media-gallery[data-desktop-layout="flatten"] .media-gallery__list .is-select,
    .product-detail__media-gallery[data-desktop-layout="stacked"] .media-gallery__list .is-select {
        display: none;
    }

    .product-detail__media-gallery[data-desktop-layout="two-columns"] .media-gallery__item,
    .product-detail__media-gallery[data-desktop-layout="flatten"] .media-gallery__item,
    .product-detail__media-gallery[data-desktop-layout="stacked"] .media-gallery__item {
        display: flex;
    }
}

@media (max-width: 959px) {
    .product-detail__media-gallery:not([data-mobile-switch-style="hide"])[data-mobile-switch-position="inner"] .media-gallery__indicator {
        position: absolute;
        inset-block-end: 0;
        inset-inline-start: 0;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        pointer-events: none;
    }

    .product-detail__media-gallery:not([data-mobile-switch-style="hide"])[data-mobile-switch-position="inner"] .media-gallery__dots,
    .product-detail__media-gallery:not([data-mobile-switch-style="hide"])[data-mobile-switch-position="inner"] .media-gallery__arrows,
    .product-detail__media-gallery:not([data-mobile-switch-style="hide"])[data-mobile-switch-position="inner"] .media-gallery__pagination {
        margin-block: 8px;
        pointer-events: auto;
    }

    .product-detail__media-gallery:not([data-mobile-switch-style="hide"])[data-mobile-switch-position="inner"] .media-gallery__arrows {
        gap: 0;
        height: 26px;
        background-color: rgba(var(--color-background), 0.8);
        border-radius: 13px;
    }

    .product-detail__media-gallery:not([data-mobile-switch-style="hide"])[data-mobile-switch-position="inner"][data-mobile-switch-style="dot"] .media-gallery__indicator,
    .product-detail__media-gallery:not([data-mobile-switch-style="hide"])[data-mobile-switch-position="inner"][data-mobile-switch-style="slider-bar"] .media-gallery__indicator {
        background: linear-gradient(0deg,
                rgba(var(--color-background), 0.8) 0%,
                rgba(var(--color-background), 0) 100%);
        background-clip: content-box;
    }

    .product-detail__media-gallery:not([data-mobile-switch-style="number"]) .media-gallery__arrows {
        display: none;
    }

    .product-detail__media-gallery:not([data-mobile-switch-style="progress"]) .media-gallery__progress {
        display: none;
    }

    .product-detail__media-gallery:not([data-mobile-switch-style="dot"]) .media-gallery__dots {
        display: none;
    }

    .product-detail__media-gallery:not([data-mobile-switch-style="slider-bar"]) .media-gallery__pagination {
        display: none;
    }

    .product-detail__media-gallery[data-mobile-layout="two-columns"] .media-gallery__list {
        padding: 0 var(--padding-inline-start);
        scroll-padding-left: var(--padding-inline-start);
    }

    .product-detail__media-gallery[data-mobile-layout="two-columns"] .media-gallery__item,
    .product-detail__media-gallery[data-mobile-layout="two-columns"] .media-gallery__list::before {
        width: calc((100% - var(--gap, 0px) * 2) / 2.3);
    }

    .product-detail__media-gallery[data-mobile-layout="two-columns"] .media-gallery__thumbnails {
        display: none;
    }

    .product-detail__media-gallery[data-mobile-layout="two-columns"]:not([data-media-total="1"]) .media-gallery__progress::before {
        width: calc(100% / (var(--indicator-size) - 1) * calc(var(--current-index) + 1));
    }

    .product-detail__media-gallery[data-mobile-layout="two-columns"]:not([data-media-total="1"]) .media-gallery__dots>*:last-child,
    .product-detail__media-gallery[data-mobile-layout="two-columns"]:not([data-media-total="1"]) .media-gallery__pagination>*:last-child {
        display: none;
    }

    .product-detail__media-gallery[data-mobile-layout="two-columns"][data-media-total="1"] .media-gallery__item,
    .product-detail__media-gallery[data-mobile-layout="two-columns"][data-media-total="1"] .media-gallery__list::before {
        width: 100%;
    }

    .product-detail__media-gallery[data-mobile-layout="two-columns"][data-media-total="2"] .media-gallery__item,
    .product-detail__media-gallery[data-mobile-layout="two-columns"][data-media-total="2"] .media-gallery__list::before {
        width: calc((100% - var(--gap, 0)) / 2);
    }

    .product-detail__media-gallery[data-mobile-layout="two-columns"]:not([data-init="true"]) .media-gallery__item.is-active+.media-gallery__item,
    .product-detail__media-gallery[data-mobile-layout="two-columns"]:not([data-init="true"]) .media-gallery__item.is-active+.media-gallery__item+.media-gallery__item {
        display: flex;
    }

    .product-detail__media-gallery[data-mobile-layout="hide-thumbnail"] .media-gallery__list {
        padding: 0 var(--padding-inline-start);
        scroll-padding-left: var(--padding-inline-start);
    }

    .product-detail__media-gallery[data-mobile-layout="hide-thumbnail"] .media-gallery__thumbnails {
        display: none;
    }

    .product-detail__media-gallery[data-mobile-layout="show-thumbnail"] .media-gallery__list {
        padding: 0 var(--padding-inline-start);
        scroll-padding-left: var(--padding-inline-start);
    }

    .product-detail__media-gallery[data-mobile-layout="show-thumbnail"] .media-gallery__dots,
    .product-detail__media-gallery[data-mobile-layout="show-thumbnail"] .media-gallery__arrows,
    .product-detail__media-gallery[data-mobile-layout="show-thumbnail"] .media-gallery__progress,
    .product-detail__media-gallery[data-mobile-layout="show-thumbnail"] .media-gallery__pagination {
        display: none;
    }

    .product-detail__media-gallery[data-mobile-layout="fullscreen"] .media-gallery__thumbnails {
        display: none;
    }

    .product-detail__media-gallery[data-mobile-layout="fullscreen"][data-media-total="1"] .media-gallery__item,
    .product-detail__media-gallery[data-mobile-layout="fullscreen"][data-media-total="1"] .media-gallery__list::before {
        width: 100%;
    }

    .product-detail__media-gallery[data-mobile-layout="fullscreen"]:not([data-init="true"]) .media-gallery__item.is-active+.media-gallery__item {
        display: flex;
    }
}

.product-media-preview::before {
    display: none;
}

.product-media-preview__main {
    --modal-animation-name: animation-fade-in;

    inset-block: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(var(--color-background, var(--color-page-background)));
    border: 0;
}

.product-media-preview__content {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 1420px;
    margin: auto;
}

@media (max-width: 959px) {
    .product-media-preview__content {
        gap: 0;
    }
}

.product-media-preview__close-control {
    position: fixed;
    color: rgba(var(--color-background));
    background-color: rgb(0 0 0 / 60%);
    border: 1px solid rgba(var(--color-text), 0.05);
}

.product-media-preview__close-control .icon {
    width: 10px;
    height: 10px;
}

.product-media-preview__image {
    display: block;
    width: 100%;
    height: auto;
    cursor: zoom-in;
    background: rgb(var(--color-image-background));
    transform-origin: center;
}

.product-media-preview__image.zoom-in {
    max-height: unset;
    touch-action: none;
    cursor: move;
    user-select: none;
    transform: translate(var(--offset-x, 0), var(--offset-y, 0)) scale(2);
}

@media (min-width: 960px) {
    .product-media-preview__image.zoom-in {
        position: fixed;
        inset-block-start: 50%;
        inset-inline-start: 50%;
        transform: translate(calc(var(--offset-x, 0) - 50%),
                calc(var(--offset-y, 0) - 50%)) scale(2);
    }
}

.product-media-preview__media {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.product-media-preview__tools {
    position: absolute;
    inset-block-end: 60px;
    inset-inline-start: 50%;
    z-index: 2;
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: center;
    padding: 0;
    transform: translateX(-50%);
}

.product-media-preview__tool-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    line-height: 1;
    color: rgb(--color-text);
    cursor: pointer;
    background: rgba(var(--color-background));
    border: 1px solid rgb(var(--color-entry-line));
    border-radius: 50%;
    transition: opacity 0.2s;
}

.product-media-preview__tool-button:hover {
    opacity: 0.6;
}

.product-media-preview__tool-button .icon {
    width: 12px;
    height: 12px;
}

.product-media-preview__tool-close-control {
    width: 60px;
    height: 60px;
}

.product-media-preview__arrow[name="next"] .icon {
    transform: rotate(-180deg);
}

@media (min-width: 960px) {
    .product-media-preview[data-desktop-zoom-type="list"] .product-media-preview__main {
        padding: 40px;
    }

    .product-media-preview[data-desktop-zoom-type="list"] .product-media-preview__content {
        overflow: unset;
    }

    .product-media-preview[data-desktop-zoom-type="list"] .product-media-preview__tools {
        display: none;
    }

    .product-media-preview[data-desktop-zoom-type="slider"] .product-media-preview__content {
        flex-direction: row;
        overflow: hidden;
    }

    .product-media-preview[data-desktop-zoom-type="slider"] .product-media-preview__close-control {
        display: none;
    }

    .product-media-preview[data-desktop-zoom-type="slider"] .product-media-preview__media {
        height: 100%;
    }

    .product-media-preview[data-desktop-zoom-type="slider"] .product-media-preview__media theme-video-media {
        width: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .product-media-preview[data-desktop-zoom-type="slider"] .product-media-preview__media .theme-video-media {
        width: 100%;
        height: 100%;
    }

    .product-media-preview[data-desktop-zoom-type="slider"] .product-media-preview__image {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        margin: auto;
    }
}

@media (max-width: 959px) {
    .product-media-preview[data-mobile-zoom-type="list"] .product-media-preview__content {
        overflow: unset;
    }

    .product-media-preview[data-mobile-zoom-type="list"] .product-media-preview__tools {
        display: none;
    }

    .product-media-preview[data-mobile-zoom-type="slider"] .product-media-preview__content {
        flex-direction: row;
        overflow: hidden;
    }

    .product-media-preview[data-mobile-zoom-type="slider"] .product-media-preview__close-control {
        display: none;
    }

    .product-media-preview[data-mobile-zoom-type="slider"] .product-media-preview__media {
        height: 100%;
    }

    .product-media-preview[data-mobile-zoom-type="slider"] .product-media-preview__media theme-video-media {
        width: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .product-media-preview[data-mobile-zoom-type="slider"] .product-media-preview__media .theme-video-media {
        width: 100%;
        height: 100%;
    }

    .product-media-preview[data-mobile-zoom-type="slider"] .product-media-preview__image {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        margin: auto;
    }

    .product-media-preview[data-mobile-zoom-type="lens"] .product-media-preview__content {
        flex-direction: row;
        overflow: hidden;
    }

    .product-media-preview[data-mobile-zoom-type="lens"] .product-media-preview__media {
        height: 100%;
    }

    .product-media-preview[data-mobile-zoom-type="lens"] .product-media-preview__media theme-video-media {
        width: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .product-media-preview[data-mobile-zoom-type="lens"] .product-media-preview__media .theme-video-media {
        width: 100%;
        height: 100%;
    }

    .product-media-preview[data-mobile-zoom-type="lens"] .product-media-preview__image {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        margin: auto;
    }

    .product-media-preview[data-mobile-zoom-type="lens"] .product-media-preview__tools {
        display: none;
    }
}

theme-product-media-hover-preview {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: crosshair;
}

theme-product-media-hover-preview>* {
    opacity: 1;
    transition: opacity 0.2s ease;
}

theme-product-media-hover-preview::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: "";
    background-image: var(--original-image);
    background-repeat: no-repeat;
    background-position: var(--offset-x, 0) var(--offset-y, 0);
    background-size: var(--original-image-width, 100%) var(--original-image-height, 100%);
    opacity: 0;
    transition: opacity 0.2s ease;
}

@media (min-width: 960px) {
    theme-product-media-hover-preview:hover>* {
        opacity: 0;
    }

    theme-product-media-hover-preview:hover::before {
        opacity: 1;
    }
}

theme-product-expander {
    display: block;
}

.product-expander__content {
    position: relative;
    max-height: var(--expander-max-height);
    overflow: hidden;
}

.product-expander__content::after {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    display: none;
    width: 100%;
    height: 40px;
    content: "";
    background: linear-gradient(180deg,
            rgba(var(--product-expander-mask-color, var(--color-page-background)), 0) 0%,
            rgb(var(--product-expander-mask-color, var(--color-page-background))) 100%);
}

.product-expander__trigger {
    display: none;
    gap: 8px;
    align-items: center;
    margin-block-start: 10px;
    cursor: pointer;
}

.product-expander__trigger::before {
    content: attr(data-show-text);
}

.product-expander__arrow {
    width: 0.8em;
    height: auto;
    transition: transform 200ms;
}

theme-product-expander.is-active .product-expander__content::after {
    display: block;
}

theme-product-expander.is-active .product-expander__trigger {
    display: inline-flex;
}

theme-product-expander.is-open .product-expander__content {
    max-height: unset;
}

theme-product-expander.is-open .product-expander__content::after {
    display: none;
}

theme-product-expander.is-open .product-expander__trigger::before {
    content: attr(data-less-text);
}

theme-product-expander.is-open .product-expander__arrow {
    transform: rotate(180deg);
}

.product-detail__form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-detail__form .form__error-message {
    display: flex;
    gap: 4px;
    align-items: center;
    color: rgb(var(--color-tag-background));
}

.product-detail__form .form__error-message::after {
    content: attr(data-message);
}

.product-detail__form .form__buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-detail__form .form__buttons>*:empty {
    display: none;
}

@media (max-width: 959px) {
    .is-sticky>.product-detail__buy-buttons {
        position: fixed;
        inset-block-end: var(--fixed-bottom, 0);
        inset-inline-start: 0;
        z-index: var(--z-index-sticky);
        width: 100%;
        padding: 20px var(--page-padding);
        background-color: rgba(var(--color-background));
        border-block-start: 1px solid rgba(var(--color-text), 0.05);
        box-shadow: 0 0 40px rgb(0 0 0 / 8%);
        animation: animation-slide-in-bottom 0.3s;
    }
}

.product-detail-wrapper {
    background-color: rgba(var(--color-background, var(--color-page-background)));
}

.product-detail {
    background-color: rgba(var(--color-background, var(--color-page-background)));
}

.product-detail__row {
    --detail-row-gap: 10px;

    display: flex;
    flex-direction: column;
    gap: var(--detail-row-gap);
}

.product-detail__row--direction-row {
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
}

.product-detail__row--direction-row .product-detail__row-main {
    flex: 1 0 0;
    justify-content: flex-end;
}

@media (min-width: 960px) {
    .product-detail__row--desktop-direction-row {
        flex-flow: row;
        align-items: center;
        justify-content: space-between;
    }

    .product-detail__row--desktop-direction-row .product-detail__row-main {
        flex: 1 0 0;
        justify-content: flex-end;
    }
}

@media (max-width: 959px) {
    .product-detail__row--mobile-direction-row {
        flex-flow: row;
        align-items: center;
        justify-content: space-between;
    }

    .product-detail__row--mobile-direction-row .product-detail__row-main {
        flex: 1 0 0;
        justify-content: flex-end;
    }
}

.product-detail__view-details {
    width: fit-content;
}

.product-detail__media-layer {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
}

.product-detail__media-layer * {
    pointer-events: auto;
}

#lf-quick-add-modal-content {
    padding-inline: var(--page-padding);
}

@media (min-width: 960px) {

    .product-detail[data-desktop-direction="row"] .product-detail__col,
    .product-detail__main[data-desktop-direction="row"] .product-detail__col {
        --col-width: calc(var(--detail-col-width) - (var(--detail-main-column-gap, var(--detail-column-gap, 0px)) / 2));

        flex: 0 0 var(--col-width);
        width: var(--col-width);
    }

    .product-detail[data-desktop-direction="row"] .product-detail__info--sticky,
    .product-detail[data-desktop-direction="row"] .product-detail__media-group--sticky,
    .product-detail__main[data-desktop-direction="row"] .product-detail__info--sticky,
    .product-detail__main[data-desktop-direction="row"] .product-detail__media-group--sticky {
        position: sticky;
        inset-block-start: var(--detail-padding-block-start, 0);
        z-index: 1;
    }
}

/* ======================================================================
   MISS ROSIER PRODUCT PAGE 閳ワ拷 CLEAN CONSOLIDATED OVERRIDES V10
   This replaces all previous Miss Rosier override blocks.
   ====================================================================== */

:root {
    --mr-product-font: "Figtree", var(--font-body-family, Arial, sans-serif);
    --mr-product-text: 26, 26, 26;
}

/* ---------- Page frame and two-column structure ---------- */
.product-detail-wrapper>.page-width {
    width: 100%;
    max-width: 1380px;
    padding-inline: 28px;
    margin-inline: auto;
}

.product-detail__main {
    align-items: flex-start !important;
    column-gap: 40px !important;
    row-gap: 22px !important;
}

.product-detail__media-group,
.product-detail__info {
    min-width: 0;
}

@media (min-width: 960px) {

    .product-detail__info,
    .product-detail__info--sticky,
    .product-detail__media-group,
    .product-detail__media-group--sticky,
    .product-detail[data-desktop-direction="row"] .product-detail__info--sticky,
    .product-detail[data-desktop-direction="row"] .product-detail__media-group--sticky,
    .product-detail__main[data-desktop-direction="row"] .product-detail__info--sticky,
    .product-detail__main[data-desktop-direction="row"] .product-detail__media-group--sticky {
        position: static !important;
        inset: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

/* ---------- Main image + bottom thumbnails ---------- */
@media (min-width: 960px) {

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"],
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"] {
        width: min(620px, calc(100% - 24px)) !important;
        max-width: 620px !important;
        margin-inline: auto !important;
        overflow: visible !important;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"] .media-gallery__list-wrapper,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"] .media-gallery__list-wrapper,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"] .media-gallery__list,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"] .media-gallery__list,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"] .media-gallery__item,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"] .media-gallery__item,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"] .media-gallery__media,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"] .media-gallery__media {
        width: 100% !important;
        max-width: 100% !important;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"] .media-gallery__image,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"] .media-gallery__image {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin-inline: auto;
        object-fit: contain !important;
    }

    .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"] .media-gallery__thumbnails,
    .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"] .media-gallery__thumbnails {
        width: 100% !important;
        margin-block-start: 18px;
    }
}

/* ---------- Right product information: always one vertical column ---------- */
.product-detail__info {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    grid-template-columns: none !important;
    grid-auto-flow: initial !important;
    width: 100%;
    max-width: 570px !important;
    padding: 0 !important;
    color: rgb(var(--color-text));
}

.product-detail__info>* {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: auto !important;
    min-width: 0;
}

/* Force the Shopify body font on all visible product-information controls. */
.product-detail__info,
.product-detail__info button,
.product-detail__info input,
.product-detail__info select,
.product-detail__info textarea,
.product-detail__info .product-detail__title,
.product-detail__info .product-detail__price,
.product-detail__info .product-detail__price *,
.product-detail__info .variant-picker__group-label,
.product-detail__info .variant-picker__group-current,
.product-detail__info .variant-picker__button,
.product-detail__info .variant-picker__button *,
.product-detail__info .product-inventory,
.product-detail__info .product-inventory *,
.product-detail__info .product-detail__buy-button-group,
.product-detail__info .product-detail__buy-button-group *,
.product-detail__info .product-detail__share,
.product-detail__info .product-detail__share *,
.product-detail__info .product-detail__popup,
.product-detail__info .product-detail__popup * {
    font-family: var(--mr-product-font) !important;
    font-style: normal !important;
}

/* ---------- Product title ---------- */
.product-detail__info .product-detail__title {
    max-width: 100% !important;
    margin: 0 !important;
    font-family: var(--mr-product-font) !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 1.24 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* ---------- Price, shipping note and divider ---------- */
.product-detail__info>.product-detail__price {
    margin-block-start: 16px !important;
    padding-block-end: 25px !important;
    border-block-end: 1px solid rgba(var(--color-text), 0.18);
}

.product-detail__info .product-detail__price {
    gap: 10px !important;
}

.product-detail__info .product-detail__price,
.product-detail__info .product-detail__price * {
    font-weight: 400 !important;
}

.product-detail__info .product-detail__price> :first-child,
.product-detail__info .product-detail__price [class*="price"],
.product-detail__info .product-detail__price [class*="money"] {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

.product-detail__info .product-detail__price .hidden-empty.rte {
    margin: 0 !important;
    color: rgba(var(--color-text), 0.78) !important;
}

.product-detail__info .product-detail__price .hidden-empty.rte,
.product-detail__info .product-detail__price .hidden-empty.rte * {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
}

.product-detail__info .product-detail__price .hidden-empty.rte a {
    color: inherit !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

/* ---------- Size and colour ---------- */
.product-detail__info>.product-detail__variant-picker {
    margin-block-start: 27px !important;
}

.product-detail__variant-picker {
    gap: 0 !important;
}

.product-detail__variant-picker .variant-picker__group {
    display: block !important;
}

.product-detail__variant-picker .variant-picker__group+.variant-picker__group {
    margin-block-start: 20px !important;
}

.product-detail__variant-picker .product-detail__row {
    gap: 11px !important;
}

.product-detail__variant-picker .variant-picker__group-head,
.product-detail__variant-picker .variant-picker__options {
    width: 100% !important;
}

.product-detail__variant-picker .variant-picker__group-label,
.product-detail__variant-picker .variant-picker__group-current {
    color: rgb(var(--color-text)) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
}

.product-detail__variant-picker .variant-picker__options {
    justify-content: flex-start !important;
    gap: 8px !important;
}

.product-detail__variant-picker .variant-picker__button--text {
    width: 50px !important;
    min-width: 50px !important;
    height: 44px !important;
    padding: 0 !important;
    color: rgb(var(--color-text)) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.product-detail__variant-picker .variant-picker__button--text::before {
    box-shadow: none !important;
}

.product-detail__variant-picker .variant-picker__button--text::after {
    border-radius: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(var(--color-text), 0.20) !important;
}

.product-detail__variant-picker .variant-picker__button--text:hover::after {
    box-shadow: inset 0 0 0 1px rgba(var(--color-text), 0.55) !important;
}

.product-detail__variant-picker .variant-picker__input:checked+.variant-picker__button--text {
    color: rgb(var(--color-text)) !important;
    background: rgb(var(--color-background)) !important;
}

.product-detail__variant-picker .variant-picker__input:checked+.variant-picker__button--text::after {
    box-shadow: inset 0 0 0 2px rgb(var(--color-text)) !important;
}

/* Large circular colour swatch, without a repeated colour name below it. */
.product-detail__variant-picker .variant-picker__group[data-is-color="true"] .variant-picker__options {
    gap: 0 !important;
}

.product-detail__variant-picker .variant-picker__button--swatch-with-label,
.product-detail__variant-picker .variant-picker__group[data-is-color="true"] .variant-picker__button--swatch {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 3px !important;
    background: transparent !important;
    border-radius: 50% !important;
}

.product-detail__variant-picker .variant-picker__button--swatch-with-label::before {
    box-shadow: none !important;
}

.product-detail__variant-picker .variant-picker__button--swatch-with-label::after {
    display: block !important;
    border-radius: 50% !important;
    box-shadow: inset 0 0 0 1px rgba(var(--color-text), 0.25) !important;
}

.product-detail__variant-picker .variant-picker__button--swatch-with-label .variant-picker__swatch-inner,
.product-detail__variant-picker .variant-picker__group[data-is-color="true"] .variant-picker__button--swatch .variant-picker__swatch-inner {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border: 1px solid rgba(var(--color-text), 0.18) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

.product-detail__variant-picker .variant-picker__input:checked+.variant-picker__button--swatch-with-label::after,
.product-detail__variant-picker .variant-picker__group[data-is-color="true"] .variant-picker__input:checked+.variant-picker__button--swatch::after {
    box-shadow: inset 0 0 0 2px rgb(var(--color-text)) !important;
}

.product-detail__variant-picker .variant-picker__swatch-label {
    display: none !important;
}

/* ---------- Inventory ---------- */
.product-detail__info>.product-inventory {
    margin-block-start: 20px !important;
}

.product-detail__info .product-inventory {
    color: #b3a584 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
}

.product-detail__info .product-inventory .low-stock::before,
.product-detail__info .product-inventory .in-stock::before,
.product-detail__info .product-inventory .out-stock::before {
    display: none !important;
}

/* ---------- Quantity above Add to cart ---------- */
.product-detail__info>.product-detail__buy-button-group {
    margin-block-start: 26px !important;
}

.product-detail__info .product-detail__buy-button-group,
.product-detail__info .product-detail__buy-button-group>div:first-child {
    width: 100% !important;
}

.product-detail__info .product-detail__buy-button-group>div:first-child {
    display: flex !important;
    flex-flow: column nowrap !important;
    gap: 0 !important;
    align-items: flex-start !important;
}

.product-detail__info .product-detail__buy-button-group>div:first-child::before {
    display: block !important;
    width: 100% !important;
    margin: 0 0 11px !important;
    content: "Quantity:" !important;
    color: rgb(var(--color-text)) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
}

.product-detail__info .quantity-selector__input {
    flex: none !important;
    width: 115px !important;
    margin-block-end: 29px !important;
}

.product-detail__info theme-input-number.quantity-selector__input {
    display: grid !important;
    grid-template-columns: 36px minmax(38px, 1fr) 36px !important;
    min-height: 46px !important;
    overflow: hidden;
    background: rgb(var(--color-background));
    border: 1px solid rgba(var(--color-text), 0.18) !important;
    border-radius: 0 !important;
}

.product-detail__info theme-input-number.quantity-selector__input button,
.product-detail__info theme-input-number.quantity-selector__input input {
    height: 44px !important;
    padding: 0 !important;
    color: rgb(var(--color-text));
    font-size: 13px !important;
    font-weight: 400 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.product-detail__info theme-input-number.quantity-selector__input button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-detail__info theme-input-number.quantity-selector__input button:disabled {
    opacity: 0.28;
}

.product-detail__info theme-input-number.quantity-selector__input button .icon,
.product-detail__info theme-input-number.quantity-selector__input button svg {
    width: 11px !important;
    height: 11px !important;
}

.product-detail__info theme-input-number.quantity-selector__input input {
    width: 100%;
    text-align: center;
    appearance: textfield;
    -moz-appearance: textfield;
}

.product-detail__info theme-input-number.quantity-selector__input input::-webkit-inner-spin-button,
.product-detail__info theme-input-number.quantity-selector__input input::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
}

.product-detail__info .block-product-buy-button-wrapper {
    --button-border-thickness: 0px;

    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.product-detail__info .block-product-buy-button {
    --button-border-thickness: 0px;

    width: 100% !important;
    min-height: 49px !important;
    padding: 14px 20px !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase;
    background: #1a1a1a !important;
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    appearance: none;
    transition:
        background-color 160ms ease,
        color 160ms ease,
        opacity 160ms ease !important;
}

.product-detail__info .block-product-buy-button::before,
.product-detail__info .block-product-buy-button::after {
    display: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.product-detail__info .block-product-buy-button:hover:not(:disabled) {
    color: #fff !important;
    background: #242424 !important;
    border: 0 !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.product-detail__info .block-product-buy-button:active:not(:disabled),
.product-detail__info .block-product-buy-button.loading {
    color: #fff !important;
    background: #303030 !important;
    border: 0 !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.product-detail__info .block-product-buy-button:focus,
.product-detail__info .block-product-buy-button:focus-visible {
    color: #fff !important;
    background: #1a1a1a !important;
    border: 0 !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.product-detail__info .block-product-buy-button:disabled {
    border: 0 !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* ---------- Share left / Need help right: exact same baseline ---------- */
.product-detail__info>.product-detail__share {
    position: relative !important;
    display: flex !important;
    align-items: flex-end !important;
    width: 100% !important;
    min-height: 20px !important;
    margin: 22px 0 0 !important;
    padding: 0 126px 0 0 !important;
    color: rgba(var(--color-text), 0.62) !important;
    line-height: 20px !important;
}

.product-detail__info>.product-detail__share .social-media-share--product {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    width: auto !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.product-detail__info>.product-detail__share .social-media-share__label {
    margin: 0 2px 0 0 !important;
    color: rgba(var(--color-text), 0.62) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.product-detail__info>.product-detail__share .social-media-share__media,
.product-detail__info>.product-detail__share .social-media-share__more {
    align-self: flex-end !important;
    margin-block-end: 1px !important;
}

.product-detail__info>.product-detail__share .social-media-share--product>.social-media-share__media {
    width: 17px !important;
    height: 17px !important;
    color: rgba(var(--color-text), 0.67) !important;
}

.product-detail__info>.product-detail__share .social-media-share--product>.social-media-share__media .social-media-share__icon {
    width: 17px !important;
    height: 17px !important;
}

.product-detail__info>.product-detail__share .social-media-share__more,
.product-detail__info>.product-detail__share .social-media-share__more-button {
    width: 18px !important;
    height: 18px !important;
}

.product-detail__info>.product-detail__share .social-media-share__more-button {
    padding: 0 !important;
    color: rgba(var(--color-text), 0.67) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.product-detail__info>.product-detail__share .social-media-share__more-button .icon {
    width: 18px !important;
    height: 18px !important;
    transform: none !important;
}

.product-detail__info>.product-detail__popup {
    position: absolute !important;
    inset-inline-end: 0 !important;
    inset-block-end: 0 !important;
    z-index: 2;
    display: flex !important;
    align-items: flex-end !important;
    width: auto !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.product-detail__info>.product-detail__popup>theme-modal,
.product-detail__info>.product-detail__popup .product-detail__popup-main,
.product-detail__info>.product-detail__popup .product-detail__popup-main>summary {
    display: flex !important;
    align-items: flex-end !important;
    width: auto !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.product-detail__info>.product-detail__popup .popup__trigger {
    display: inline-flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    width: auto !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(var(--color-text), 0.62) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    text-align: end !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px !important;
}

/* Remove all old positional / generated share workarounds. */
.product-detail__info> :nth-last-child(2)::after,
.product-detail__info>.product-detail__share::after {
    display: none !important;
    content: none !important;
}

/* ---------- Need-help drawer ---------- */
.product-detail__popup-main {
    overflow-anchor: none;
}

.product-detail__popup-main>summary {
    list-style: none;
}

.product-detail__popup-main>summary::-webkit-details-marker {
    display: none;
}

.product-detail__popup-main[open]::before {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99998 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    content: "";
    background: rgba(0, 0, 0, 0.28) !important;
}

.product-detail__popup-main .modal__content {
    --modal-animation-name: none;
    position: fixed !important;
    inset: 0 0 0 auto !important;
    z-index: 99999 !important;
    display: block;
    width: min(760px, 76vw) !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden;
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: -12px 0 34px rgba(0, 0, 0, 0.08);
    transform: none !important;
    animation: mr-help-drawer-in 280ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes mr-help-drawer-in {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

.product-detail__popup-main .popup__content {
    width: 100%;
    height: 100%;
    padding: 0 !important;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.product-detail__popup-main .popup__title {
    position: sticky;
    inset-block-start: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    min-height: 88px;
    padding: 0 76px 0 62px;
    margin: 0 !important;
    color: #1a1a1a;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.3;
    text-align: start;
    background: #fff;
    border-block-end: 1px solid rgba(26, 26, 26, 0.14);
}

.product-detail__popup-main .modal__close-control {
    position: absolute;
    inset-block-start: 25px;
    inset-inline-end: 30px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    color: #1a1a1a;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.product-detail__popup-main .modal__close-control .icon,
.product-detail__popup-main .modal__close-control svg {
    width: 20px;
    height: 20px;
}

.product-detail__popup-main .popup__content>.rte {
    padding: 58px 88px 90px;
    color: #272727;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65;
}

.product-detail__popup-main .mr-help-list,
.product-detail__popup-main .mr-help-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.product-detail__popup-main .mr-help-list>li {
    position: relative;
    padding-inline-start: 22px;
    margin-block-end: 42px;
}

.product-detail__popup-main .mr-help-list>li::before,
.product-detail__popup-main .mr-help-list>li>ul>li::before {
    position: absolute;
    inset-block-start: 0.72em;
    width: 6px;
    height: 6px;
    content: "";
    background: currentColor;
    transform: translateY(-50%);
}

.product-detail__popup-main .mr-help-list>li::before {
    inset-inline-start: 0;
}

.product-detail__popup-main .mr-help-list>li>strong {
    display: block;
    margin-block-end: 20px;
    font-size: 16px;
    font-weight: 600;
}

.product-detail__popup-main .mr-help-list>li>ul>li {
    position: relative;
    padding-inline-start: 26px;
    margin-block-end: 14px;
}

.product-detail__popup-main .mr-help-list>li>ul>li::before {
    inset-inline-start: 2px;
    width: 5px;
    height: 5px;
}

.product-detail__popup-main .popup__content a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ---------- Product-information tabs below the gallery ---------- */
@media (min-width: 960px) {
    .product-detail>.product-description--tabs {
        width: calc(56% - 20px) !important;
        max-width: 760px;
        margin-block-start: 54px;
        margin-inline: 0 auto;
        padding: 0 !important;
    }
}

.product-description--tabs {
    font-family: var(--mr-product-font) !important;
}

.product-tabs {
    position: relative;
    width: 100%;
}

.product-tabs__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    opacity: 0;
}

.product-tabs__nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
    width: 100%;
    border-block-end: 1px solid rgba(var(--color-text), 0.20);
}

.product-tabs__tab {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 5px 13px;
    color: rgba(var(--color-text), 0.52);
    font-family: var(--mr-product-font) !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
}

.product-tabs__tab::after {
    position: absolute;
    inset-inline: 12px;
    inset-block-end: -1px;
    height: 1px;
    content: "";
    background: rgb(var(--color-text));
    opacity: 0;
    transform: scaleX(0.4);
    transition:
        opacity 180ms ease,
        transform 180ms ease;
}

.product-tabs__input:nth-of-type(1):checked~.product-tabs__nav .product-tabs__tab:nth-child(1),
.product-tabs__input:nth-of-type(2):checked~.product-tabs__nav .product-tabs__tab:nth-child(2),
.product-tabs__input:nth-of-type(3):checked~.product-tabs__nav .product-tabs__tab:nth-child(3) {
    color: rgb(var(--color-text));
}

.product-tabs__input:nth-of-type(1):checked~.product-tabs__nav .product-tabs__tab:nth-child(1)::after,
.product-tabs__input:nth-of-type(2):checked~.product-tabs__nav .product-tabs__tab:nth-child(2)::after,
.product-tabs__input:nth-of-type(3):checked~.product-tabs__nav .product-tabs__tab:nth-child(3)::after {
    opacity: 1;
    transform: scaleX(1);
}

.product-tabs__panels {
    padding: 28px 10px 0;
}

.product-tabs__panel {
    display: none;
    color: rgba(var(--color-text), 0.76);
    font-family: var(--mr-product-font) !important;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 1.75;
}

.product-tabs__input:nth-of-type(1):checked~.product-tabs__panels .product-tabs__panel:nth-child(1),
.product-tabs__input:nth-of-type(2):checked~.product-tabs__panels .product-tabs__panel:nth-child(2),
.product-tabs__input:nth-of-type(3):checked~.product-tabs__panels .product-tabs__panel:nth-child(3) {
    display: block;
}

.product-tabs__panel> :first-child {
    margin-block-start: 0;
}

.product-tabs__panel> :last-child {
    margin-block-end: 0;
}

.product-tabs__panel p,
.product-tabs__panel ul,
.product-tabs__panel ol {
    margin-block: 0 12px;
}

.product-tabs__panel ul,
.product-tabs__panel ol {
    padding-inline-start: 17px;
}

.product-tabs__panel a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.product-detail__info>.product-detail__additional {
    display: none !important;
}

/* ---------- Breadcrumb ---------- */
.product-detail__breadcrumb,
.product-detail-wrapper .breadcrumb,
.product-detail-wrapper .detail-breadcrumb {
    margin: 0 0 26px !important;
    padding: 0 !important;
    color: rgba(var(--color-text), 0.55);
    font-family: var(--mr-product-font) !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
}

.product-detail__breadcrumb a,
.product-detail-wrapper .breadcrumb a,
.product-detail-wrapper .detail-breadcrumb a {
    color: inherit;
    text-decoration: none;
}

.product-detail__breadcrumb a:hover,
.product-detail-wrapper .breadcrumb a:hover,
.product-detail-wrapper .detail-breadcrumb a:hover {
    text-decoration: underline;
}

/* ---------- Mobile ---------- */
@media (max-width: 959px) {
    .product-detail-wrapper>.page-width {
        max-width: none;
        padding-inline: 0;
    }

    .product-detail__main {
        row-gap: 0 !important;
    }

    .product-detail__media-gallery {
        width: 100%;
        margin-inline: 0;
    }

    .product-detail__media-gallery[data-mobile-layout="fullscreen"] .media-gallery__list {
        padding: 0;
        scroll-padding-inline-start: 0;
    }

    .product-detail__media-gallery[data-mobile-layout="fullscreen"] .media-gallery__item,
    .product-detail__media-gallery[data-mobile-layout="fullscreen"] .media-gallery__list::before {
        width: 100%;
    }

    .product-detail__info {
        width: 100% !important;
        max-width: none !important;
        padding: 24px 18px 0 !important;
    }

    .product-detail__info .product-detail__title {
        font-size: 19px !important;
        line-height: 1.25 !important;
    }

    .product-detail__info>.product-detail__price {
        margin-block-start: 14px !important;
        padding-block-end: 22px !important;
    }

    .product-detail__info .product-detail__price {
        gap: 9px !important;
    }

    .product-detail__info .product-detail__price> :first-child,
    .product-detail__info .product-detail__price [class*="price"],
    .product-detail__info .product-detail__price [class*="money"] {
        font-size: 17px !important;
    }

    .product-detail__info>.product-detail__variant-picker {
        margin-block-start: 22px !important;
    }

    .product-detail__variant-picker .variant-picker__button--text {
        width: 48px !important;
        min-width: 48px !important;
        height: 42px !important;
    }

    .product-detail__info>.product-inventory {
        margin-block-start: 18px !important;
    }

    .product-detail__info>.product-detail__buy-button-group {
        margin-block-start: 22px !important;
    }

    .product-detail__info .quantity-selector__input {
        width: 110px !important;
        margin-block-end: 24px !important;
    }

    .product-detail__info .block-product-buy-button {
        min-height: 48px !important;
    }

    .product-detail__info>.product-detail__share {
        margin-block-start: 18px !important;
        padding-inline-end: 106px !important;
    }

    .product-detail__info>.product-detail__share .social-media-share--product {
        gap: 11px !important;
    }

    .product-detail__info>.product-detail__share .social-media-share__label,
    .product-detail__info>.product-detail__popup .popup__trigger {
        font-size: 12px !important;
    }

    .product-detail__popup-main .modal__content {
        width: min(100%, 560px) !important;
        height: 100dvh !important;
    }

    .product-detail__popup-main .popup__title {
        min-height: 74px;
        padding-inline: 26px 64px;
        font-size: 19px !important;
    }

    .product-detail__popup-main .modal__close-control {
        inset-block-start: 18px;
        inset-inline-end: 18px;
    }

    .product-detail__popup-main .popup__content>.rte {
        padding: 38px 28px 64px;
        font-size: 14px !important;
    }

    .product-detail>.product-description--tabs {
        width: 100% !important;
        margin-block-start: 36px;
        padding-inline: 18px !important;
    }

    .product-detail>.product-description--tabs .product-tabs__tab {
        min-height: 42px;
        padding-inline: 4px;
        font-size: 10.5px;
    }

    .product-detail>.product-description--tabs .product-tabs__panels {
        padding: 22px 4px 0;
    }

    .product-detail>.product-description--tabs .product-tabs__panel {
        font-size: 12.5px !important;
    }

    .product-detail__breadcrumb,
    .product-detail-wrapper .breadcrumb,
    .product-detail-wrapper .detail-breadcrumb {
        margin: 0 18px 16px !important;
        font-size: 12px;
    }
}

@media (max-width: 390px) {
    .product-detail__info {
        padding-inline: 14px !important;
    }

    .product-detail__info>.product-detail__share {
        padding-inline-end: 96px !important;
    }

    .product-tabs__tab {
        font-size: 10px;
    }
}


/* ======================================================================
   MISS ROSIER NEED HELP DRAWER 閳ワ拷 COMPACT WIDTH + RELIABLE CLOSE V12
   ====================================================================== */

html.mr-help-drawer-open,
html.mr-help-drawer-open body {
    overflow: hidden !important;
}

.product-detail__popup-main[open]::before {
    display: none !important;
    content: none !important;
}

.product-detail__popup-main>summary {
    list-style: none;
}

.product-detail__popup-main>summary::-webkit-details-marker {
    display: none;
}

.product-detail__popup-main .mr-help-drawer__mask {
    position: fixed;
    inset: 0;
    z-index: 99998;
    display: none;
    width: 100%;
    height: 100%;
    padding: 0;
    cursor: default;
    background: rgba(0, 0, 0, 0.28);
    border: 0;
    opacity: 0;
}

.product-detail__popup-main[open] .mr-help-drawer__mask {
    display: block;
    animation: mr-help-mask-in 300ms ease both;
}

.product-detail__popup-main.is-closing .mr-help-drawer__mask {
    display: block;
    animation: mr-help-mask-out 300ms ease both;
}

.product-detail__popup-main .modal__content {
    --modal-animation-name: none;

    position: fixed !important;
    inset: 0 0 0 auto !important;
    z-index: 99999 !important;
    display: block !important;
    width: min(600px, 84vw) !important;
    max-width: 600px !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: -12px 0 34px rgba(0, 0, 0, 0.08);
    transform: translateX(100%);
}

.product-detail__popup-main[open] .modal__content {
    animation: mr-help-drawer-in 300ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.product-detail__popup-main.is-closing .modal__content {
    animation: mr-help-drawer-out 300ms cubic-bezier(0.4, 0, 1, 1) both;
}

@keyframes mr-help-drawer-in {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes mr-help-drawer-out {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

@keyframes mr-help-mask-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mr-help-mask-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.product-detail__popup-main .popup__content {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

/* Compact header: roughly half the previous height and scale. */
.product-detail__popup-main .popup__title {
    position: sticky;
    inset-block-start: 0;
    z-index: 2;
    display: flex !important;
    align-items: center !important;
    min-height: 78px !important;
    padding: 0 62px 0 32px !important;
    margin: 0 !important;
    color: #1a1a1a !important;
    font-family: "Figtree", var(--font-body-family, Arial, sans-serif) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-align: start !important;
    background: #fff !important;
    border-block-end: 1px solid rgba(26, 26, 26, 0.14);
}

.product-detail__popup-main .modal__close-control {
    position: absolute !important;
    inset-block-start: 25px !important;
    inset-inline-end: 28px !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    color: #1a1a1a !important;
    cursor: pointer;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.product-detail__popup-main .modal__close-control:focus,
.product-detail__popup-main .modal__close-control:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.product-detail__popup-main .modal__close-control .icon,
.product-detail__popup-main .modal__close-control svg {
    width: 14px !important;
    height: 14px !important;
}

.product-detail__popup-main .popup__content>.rte {
    padding: 54px 64px 90px !important;
    color: #272727 !important;
    font-family: "Figtree", var(--font-body-family, Arial, sans-serif) !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.72 !important;
    letter-spacing: 0 !important;
}

.product-detail__popup-main .mr-help-list,
.product-detail__popup-main .mr-help-list ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.product-detail__popup-main .mr-help-list>li {
    position: relative;
    padding-inline-start: 24px !important;
    margin-block-end: 48px !important;
}

.product-detail__popup-main .mr-help-list>li:last-child {
    margin-block-end: 0 !important;
}

.product-detail__popup-main .mr-help-list>li::before,
.product-detail__popup-main .mr-help-list>li>ul>li::before {
    position: absolute;
    inset-block-start: 0.82em;
    content: "";
    background: currentColor;
    transform: translateY(-50%);
}

.product-detail__popup-main .mr-help-list>li::before {
    inset-inline-start: 0;
    width: 6px;
    height: 6px;
}

.product-detail__popup-main .mr-help-list>li>strong {
    display: block;
    margin-block-end: 28px !important;
    color: #1f1f1f !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

.product-detail__popup-main .mr-help-list>li>ul>li {
    position: relative;
    padding-inline-start: 27px !important;
    margin-block-end: 20px !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.72 !important;
}

.product-detail__popup-main .mr-help-list>li>ul>li:last-child {
    margin-block-end: 0 !important;
}

.product-detail__popup-main .mr-help-list>li>ul>li::before {
    inset-inline-start: 0;
    width: 5px;
    height: 5px;
}

.product-detail__popup-main .popup__content a {
    color: inherit !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
}

@media (max-width: 959px) {
    .product-detail__popup-main .modal__content {
        width: min(100vw, 560px) !important;
        max-width: 560px !important;
    }

    .product-detail__popup-main .popup__title {
        min-height: 70px !important;
        padding: 0 54px 0 24px !important;
        font-size: 15px !important;
    }

    .product-detail__popup-main .modal__close-control {
        inset-block-start: 22px !important;
        inset-inline-end: 20px !important;
        width: 26px !important;
        height: 26px !important;
    }

    .product-detail__popup-main .modal__close-control .icon,
    .product-detail__popup-main .modal__close-control svg {
        width: 13px !important;
        height: 13px !important;
    }

    .product-detail__popup-main .popup__content>.rte {
        padding: 42px 26px 72px !important;
        font-size: 14px !important;
        line-height: 1.68 !important;
    }

    .product-detail__popup-main .mr-help-list>li {
        padding-inline-start: 22px !important;
        margin-block-end: 42px !important;
    }

    .product-detail__popup-main .mr-help-list>li>strong {
        margin-block-end: 24px !important;
        font-size: 14px !important;
    }

    .product-detail__popup-main .mr-help-list>li>ul>li {
        padding-inline-start: 24px !important;
        margin-block-end: 17px !important;
        font-size: 14px !important;
    }
}

/* ======================================================================
   MISS ROSIER PRODUCT PAGE 鈥� FINAL SAFETY V16
   ====================================================================== */

.product-detail__info>.product-detail__popup .mr-help-v16__trigger {
    display: inline-flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    width: auto !important;
    height: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(var(--color-text), 0.62) !important;
    font-family: var(--mr-product-font) !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    text-align: end !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 959px) {
    .product-detail__info>.product-detail__popup .mr-help-v16__trigger {
        font-size: 12px !important;
    }
}

/* ======================================================================
   MISS ROSIER PRODUCT INFO 鈥� TYPE SCALE -20% V17
   Reduces only text size and font weight in the product information panel.
   Button/control dimensions and layout remain unchanged.
   ====================================================================== */

/* Product title: 21px / 400 -> 16.8px / 320 */
.product-detail__info .product-detail__title {
    font-size: 16.8px !important;
    font-weight: 320 !important;
    line-height: 1.24 !important;
}

/* Price: 18px / 400 -> 14.4px / 320 */
.product-detail__info .product-detail__price> :first-child,
.product-detail__info .product-detail__price [class*="price"],
.product-detail__info .product-detail__price [class*="money"] {
    font-size: 14.4px !important;
    font-weight: 320 !important;
}

/* Shipping note: 12px / 400 -> 9.6px / 320 */
.product-detail__info .product-detail__price .hidden-empty.rte,
.product-detail__info .product-detail__price .hidden-empty.rte * {
    font-size: 9.6px !important;
    font-weight: 320 !important;
}

/* Size / Color labels and selected values: 13px / 400 -> 10.4px / 320 */
.product-detail__variant-picker .variant-picker__group-label,
.product-detail__variant-picker .variant-picker__group-current {
    font-size: 10.4px !important;
    font-weight: 320 !important;
}

/* Size option text: 13px / 400 -> 10.4px / 320 */
.product-detail__variant-picker .variant-picker__button--text {
    font-size: 10.4px !important;
    font-weight: 320 !important;
}

/* Inventory: 13px / 400 -> 10.4px / 320 */
.product-detail__info .product-inventory,
.product-detail__info .product-inventory * {
    font-size: 10.4px !important;
    font-weight: 320 !important;
}

/* Quantity label: 13px / 400 -> 10.4px / 320 */
.product-detail__info .product-detail__buy-button-group>div:first-child::before {
    font-size: 10.4px !important;
    font-weight: 320 !important;
}

/* Quantity selector text and controls: 13px / 400 -> 10.4px / 320 */
.product-detail__info theme-input-number.quantity-selector__input input,
.product-detail__info theme-input-number.quantity-selector__input button {
    font-size: 10.4px !important;
    font-weight: 320 !important;
}

/* Add to cart text: 12px / 400 -> 9.6px / 320 */
.product-detail__info .block-product-buy-button {
    font-size: 9.6px !important;
    font-weight: 320 !important;
}

/* Share and Need help: 13px / 400 -> 10.4px / 320 */
.product-detail__info>.product-detail__share .social-media-share__label,
.product-detail__info>.product-detail__popup .popup__trigger,
.product-detail__info>.product-detail__popup .mr-help-v16__trigger {
    font-size: 10.4px !important;
    font-weight: 320 !important;
}

/* Mobile: reduce the existing mobile sizes by the same 20% */
@media (max-width: 959px) {

    /* 19px -> 15.2px */
    .product-detail__info .product-detail__title {
        font-size: 15.2px !important;
        font-weight: 320 !important;
    }

    /* 17px -> 13.6px */
    .product-detail__info .product-detail__price> :first-child,
    .product-detail__info .product-detail__price [class*="price"],
    .product-detail__info .product-detail__price [class*="money"] {
        font-size: 13.6px !important;
        font-weight: 320 !important;
    }

    /* Existing mobile Share / Need help 12px -> 9.6px */
    .product-detail__info>.product-detail__share .social-media-share__label,
    .product-detail__info>.product-detail__popup .popup__trigger,
    .product-detail__info>.product-detail__popup .mr-help-v16__trigger {
        font-size: 9.6px !important;
        font-weight: 320 !important;
    }
}

/* ======================================================================
   MISS ROSIER MOBILE 鈥� NEED HELP RIGHT EDGE ALIGNMENT V18
   Align the right edge of Need help? with the Add to cart button.
   Desktop is intentionally unchanged.
   ====================================================================== */

@media (max-width: 959px) {
    .product-detail__info>.product-detail__popup {
        inset-inline-end: 18px !important;
    }
}

@media (max-width: 390px) {
    .product-detail__info>.product-detail__popup {
        inset-inline-end: 14px !important;
    }
}