.product-set-track, .product-set-backdrop { display: none; }

.product-row--desktop .product-desktop-extras .product-set-button.is-added .product-set-button__open {
    justify-content: flex-start; gap: 10px; padding-left: 16px; background: #e9e8e4; border-color: transparent;
}
.product-row--desktop .product-desktop-extras .product-set-button__quantity {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px;
    width: 28px; height: 28px; border-radius: 50%; background: #DFDEDA;
    font-size: 16px; font-weight: 500; line-height: 1;
}
.product-row--desktop .product-desktop-extras .product-set-button__quantity[hidden] { display: none; }
.product-row--desktop .product-desktop-extras .product-set-button .product-set-button__remove {
    font-size: 0; background: url('../../../../assets/img/elements.svg') center / 18px 18px no-repeat;
}

@media (min-width: 0px) {
    .product-row--desktop .product-set-button { position: relative; }
    .product-row--desktop .product-desktop-extras .product-set-button__open { width: 100%; padding-right: 48px; cursor: pointer; }
    .product-row--desktop .product-set-button__open:after { content: ''; position: absolute; right: 16px; width: 24px; height: 24px; background: url('../../../../assets/img/detail_plus.svg') center / contain no-repeat; }
    .product-row--desktop .product-set-button.is-added .product-set-button__open { background: #e9e8e4; border-color: transparent; }
    .product-row--desktop .product-set-button.is-added .product-set-button__open:after { display: none; }
    .product-row--desktop .product-desktop-extras .product-set-button__remove { position: absolute; right: 8px; top: 0; width: 40px; height: 40px; padding: 0; border: 0; justify-content: center; font-size: 24px; cursor: pointer; }
    .product-row--desktop .product-set-button__remove[hidden] { display: none; }
    .product-row--desktop .product-set-button button:disabled { cursor: wait; opacity: .55; }
    body.product-set-open .main-header { filter: blur(6px); pointer-events: none; }
    .product-row--desktop.is-set-open { z-index: 7; }
    .product-row.product-row--desktop.is-set-open > .product-row__right { z-index: 6; }
    .product-set-backdrop { position: fixed; inset: 0; background: #3333330a; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); z-index: 4; }
    .is-set-open > .product-set-backdrop { display: block; }
    .product-row--desktop.is-set-open > .product-set-track { display: block; }
    .product-set-track { position: absolute; top: calc(var(--product-header) + 12px); bottom: 24px; right: calc(var(--product-right-width) + 24px); width: min(340px, calc(var(--product-left-width) - 24px)); z-index: 6; pointer-events: none; }
    .product-set-card { position: sticky; top: var(--product-top); width: 100%; max-height: var(--product-height); overflow-y: auto; scrollbar-width: none; padding: 24px; border-radius: 28px; background: var(--color-beige-1); color: var(--color-text); pointer-events: auto; overscroll-behavior: contain; }
    .product-set-card::-webkit-scrollbar { display: none; }
    .product-set-card__title { padding-right: 30px; margin: 0 0 20px; font-size: 24px; font-weight: 500; line-height: 1.15; }
    .product-set-card__close { position: absolute; right: 18px; top: 18px; width: 32px; height: 32px; border: 0; background: transparent; color: inherit; font-size: 26px; cursor: pointer; }
    .product-set-card__image { display: block; width: 100%; height: 180px; object-fit: contain; margin-bottom: 24px; }
    .product-set-card__fields { display: grid; gap: 8px; margin-bottom: 12px; }
    .product-set-card__field { position: relative; }
    .product-set-card__select { display: block; text-align: left; width: 100%; height: 40px; padding: 0 36px 0 16px; border: 0; border-radius: 40px; background: #e9e8e4; color: inherit; font: inherit; font-size: 14px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .product-set-card__field:after { content: ''; position: absolute; right: 16px; top: 8px; width: 24px; height: 24px; border: 0; background: url('../../../../assets/img/chevrone.svg') center / 24px 24px no-repeat; transform: rotate(0deg); transform-origin: center; transition: transform .25s ease; pointer-events: none; }
    .product-set-card__field.is-open:after { transform: rotate(180deg); }
    .product-set-card__options { margin-top: 6px; padding: 8px; border-radius: 20px; background: #e9e8e4; box-shadow: 0 4px 16px #0002; max-height: 200px; overflow-y: auto; }
    .product-set-card__option { display: block; width: 100%; min-height: 40px; padding: 10px 16px; border: 0; border-radius: 20px; background: transparent; color: inherit; text-align: left; font: inherit; font-size: 16px; line-height: 1.25; cursor: pointer; }
    .product-set-card__option[aria-selected="true"], .product-set-card__option:hover, .product-set-card__option:focus-visible { background: #deddd8; }
    .product-set-card__option:disabled { opacity: .4; cursor: default; }
    .product-set-card__field.has-swatch .product-set-card__select { padding-left: 40px; }
    .product-set-card__swatch { position: absolute; left: 7px; top: 8px; width: 24px; height: 24px; border-radius: 50%; overflow: hidden; background: #dedbd2; pointer-events: none; }
    .product-set-card__swatch img { width: 100%; height: 100%; object-fit: cover; }
    .product-set-card__buy { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px; padding: 12px; border: 0; border-radius: 40px; background: #e9e8e4; color: inherit; cursor: pointer; }
    .product-set-card__buy:before { content: ''; width: 18px; height: 18px; background: url('../../../../assets/img/detail_plus.svg') center / contain no-repeat; }
    .product-set-card__buy:disabled { opacity: .6; cursor: default; }
    .product-set-card__buy.is-added:before { display: none; }
    .product-set-card__message { font-size: 14px; line-height: 1.35; margin: 12px 0 0; }
    .product-set-card [hidden] { display: none !important; }
}