.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; } }  :root { --mr-product-font: "Figtree", var(--font-body-family, Arial, sans-serif); --mr-product-text: 26, 26, 26; }  .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; } }  @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; } }  .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; }  .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-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; }  .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; }  .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; }  .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; }  .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; }  .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: var(--mr-quantity-label) !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; }  .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; }  .product-detail__info> :nth-last-child(2)::after, .product-detail__info>.product-detail__share::after { display: none !important; content: none !important; }  .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; }  @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; }  .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; }  @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; } }  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; }  .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; } }  .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; } }   .product-detail__info .product-detail__title { font-size: 16.8px !important; font-weight: 320 !important; line-height: 1.24 !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: 14.4px !important; font-weight: 320 !important; }  .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; }  .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; }  .product-detail__variant-picker .variant-picker__button--text { font-size: 10.4px !important; font-weight: 320 !important; }  .product-detail__info .product-inventory, .product-detail__info .product-inventory * { font-size: 10.4px !important; font-weight: 320 !important; }  .product-detail__info .product-detail__buy-button-group>div:first-child::before { font-size: 10.4px !important; font-weight: 320 !important; }  .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; }  .product-detail__info .block-product-buy-button { font-size: 9.6px !important; font-weight: 320 !important; }  .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; }  @media (max-width: 959px) {  .product-detail__info .product-detail__title { font-size: 15.2px !important; font-weight: 320 !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: 13.6px !important; font-weight: 320 !important; }  .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; } }  @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; } }