/* Narrow quick view only. The theme's product page and options-only popup are separate. */
.js-product-popup.product-popup:not(.-select-options) {
    --elow-quickview-gutter: clamp(12px, 4vw, 20px);
    --elow-quickview-radius: 22px;
    --elow-quickview-photo-max: clamp(125px, 27vh, 200px);
    margin: 8px auto;
    border-radius: var(--elow-quickview-radius);
}

.js-product-popup.product-popup:not(.-select-options) > .product-main > .product-main__gallery-outer {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    gap: 10px;
    margin: 0;
    padding: 14px var(--elow-quickview-gutter) 12px;
    border-radius: var(--elow-quickview-radius) var(--elow-quickview-radius) 0 0;
}

.js-product-popup.product-popup:not(.-select-options) .product-popup__head {
    order: 0;
    min-height: 30px;
    margin: 0;
    padding-right: 40px;
    overflow-wrap: anywhere;
}

.js-product-popup.product-popup:not(.-select-options) .product-popup__head h1 {
    font-size: clamp(17px, 4.6vw, 21px);
    line-height: 1.22;
}

.js-product-popup.product-popup:not(.-select-options) button.mfp-close {
    top: 6px;
    right: 6px;
    z-index: 7;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.js-product-popup.product-popup:not(.-select-options) .product-main__gallery {
    order: 1;
    min-width: 0;
}

.js-product-popup.product-popup:not(.-select-options) .product-gallery__item {
    min-height: 0;
}

.js-product-popup.product-popup:not(.-select-options) .product-gallery__item .js-img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: var(--elow-quickview-photo-max);
    object-fit: contain;
}

.js-product-popup.product-popup:not(.-select-options) .product-popup__bottom {
    order: 2;
    position: static;
    align-items: center;
    gap: 8px;
}

.js-product-popup.product-popup:not(.-select-options) .product-popup__more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: 40px;
    padding: 7px 10px;
    font-size: 13px;
    line-height: 1.3;
    white-space: normal;
}

.js-product-popup.product-popup:not(.-select-options) .product-popup__more .sk-icon {
    flex: 0 0 auto;
    margin: 0;
}

.js-product-popup.product-popup:not(.-select-options) :is(.product-popup__favorite, .product-popup__compare) {
    margin: 0;
}

.js-product-popup.product-popup:not(.-select-options) > .product-main > .product-popup__content-cart {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    padding: 12px var(--elow-quickview-gutter) 16px;
    border-top: 1px solid var(--border-elements-color, #eae6e0);
    border-radius: 0 0 var(--elow-quickview-radius) var(--elow-quickview-radius);
    box-shadow: none;
}

.js-product-popup.product-popup:not(.-select-options) .product-main__cart,
.js-product-popup.product-popup:not(.-select-options) .product-popup__content-cart > .product-main__content {
    margin: 0;
}

.js-product-popup.product-popup:not(.-select-options) .product-popup__content-cart > .product-main__content:empty {
    display: none;
}

.js-product-popup.product-popup:not(.-select-options) .product-main__option-buttons > .option-buttons {
    display: flex;
    align-items: center;
    gap: 6px 10px;
    margin: 0 0 8px;
    padding: 0;
}

.js-product-popup.product-popup:not(.-select-options) .option-buttons__head {
    flex: 0 0 clamp(68px, 23vw, 112px);
    min-width: 0;
    margin: 0;
    color: var(--popup-text-color, #4d5866);
    opacity: .76;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.js-product-popup.product-popup:not(.-select-options) .option-buttons__list {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.js-product-popup.product-popup:not(.-select-options) .option-buttons__item {
    box-sizing: border-box;
    max-width: 100%;
    margin: 2px 6px 2px 0;
    overflow-wrap: anywhere;
}

.js-product-popup.product-popup:not(.-select-options) .option-buttons__item:not(.-color) {
    min-height: 38px;
    padding: 10px 11px;
    font-size: 14px;
    line-height: 18px;
}

.js-product-popup.product-popup:not(.-select-options) :is(.product-main__sku-dropdown, .sku-dropdown) {
    margin-bottom: 8px;
}

.js-product-popup.product-popup:not(.-select-options) .product-main__stock,
.js-product-popup.product-popup:not(.-select-options) .product-main__cart .product-main__sku {
    margin: 0 0 7px;
    font-size: 13px;
    line-height: 1.38;
    overflow-wrap: anywhere;
}

.js-product-popup.product-popup:not(.-select-options) .product-main__prices {
    padding-bottom: 8px;
}

.js-product-popup.product-popup:not(.-select-options) .product-main__btns {
    flex-direction: column;
    gap: 8px;
    margin: 0;
}

.js-product-popup.product-popup:not(.-select-options) .product-main__btns > :is(.product-main__add2cart, .product-main__quantity, .product-main__button-added, .product-main__fastorder) {
    width: 100%;
    margin: 0;
}

.js-product-popup.product-popup:not(.-select-options) .product-main__add2cart {
    min-height: 44px;
    height: auto;
    padding-block: 10px;
}

/* The one-click trigger can come from the cart hook or the theme's button slot. */
.js-product-popup.product-popup:not(.-select-options) .product-main__cart :is(
    .storequickorder_product_button,
    .product-main__fastorder .storequickorder-button,
    .product-main__fastorder .button-fastorder__sk-oneclick
) {
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    height: auto;
    padding: 10px 8px;
    border: 1px solid var(--elow-control-blue-line, #dbe3f0);
    border-radius: 12px;
    background: var(--elow-control-blue-fill, #f5f7fb);
    color: var(--elow-control-blue-ink, #344d86);
    box-shadow: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: inherit;
    line-height: 16px;
    text-align: center;
    white-space: normal;
}

.js-product-popup.product-popup:not(.-select-options) .product-main__cart > .storequickorder_product_button {
    margin: 8px 0 0;
}

.js-product-popup.product-popup:not(.-select-options) .product-main__cart :is(
    .storequickorder_product_button,
    .product-main__fastorder .storequickorder-button,
    .product-main__fastorder .button-fastorder__sk-oneclick
):is(:disabled, [aria-disabled="true"]) {
    opacity: .5;
}

.js-product-popup.product-popup:not(.-select-options) .product-main__cart :is(
    .storequickorder_product_button,
    .product-main__fastorder .storequickorder-button,
    .product-main__fastorder .button-fastorder__sk-oneclick
):focus-visible {
    outline: 2px solid var(--elow-control-blue-ink, #344d86);
    outline-offset: 2px;
}

@media (hover: hover) {
    .js-product-popup.product-popup:not(.-select-options) .product-main__cart :is(
        .storequickorder_product_button,
        .product-main__fastorder .storequickorder-button,
        .product-main__fastorder .button-fastorder__sk-oneclick
    ):not(:disabled):not([aria-disabled="true"]):hover {
        background: var(--elow-control-blue-hover, #edf1f7);
    }
}

.product-main__content.-sk-scroll {
    display: none;
}