/* Mobile (par défaut) : hérite directement du `.ecomDrawer` bottom-sheet. */
.ecomQuickBuyContent {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ecomQuickBuyGallery {
    flex-shrink: 0;
    width: 100%;
    padding-bottom: 10px;
}

.ecomQuickBuyInfo {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 0 20px 16px;
}

.ecomQuickBuyIntro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.ecomQuickBuyProductTitle {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    color: var(--ecomColorTextStrong);
}

.ecomQuickBuyDrawer .ecomProductPriceActive,
.ecomQuickBuyDrawer .ecomProductPriceActive .woocommerce-Price-amount {
    font-size: 18px;
    font-weight: 600;
    color: var(--ecomColorPriceActive);
}

.ecomQuickBuyDrawer .ecomProductPriceRegular,
.ecomQuickBuyDrawer .ecomProductPriceRegular .woocommerce-Price-amount {
    font-size: 14px !important;
    font-weight: 400;
    line-height: 16px;
}

.ecomQuickBuyDrawer .ecomAttributeSelector {
    gap: 6px;
}

.ecomQuickBuyDrawer .ecomAttributeSelectorTriggerLabel {
    font-size: 14px;
    line-height: 12px;
    font-weight: 600;
}

.ecomQuickBuyForm {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ecomQuickBuyAttributes {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ecomQuickBuyActions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.ecomQuickBuyQuantityRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.ecomQuickBuyQuantityLabel {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: var(--ecomColorTextStrong);
}

.ecomQuickBuyDetailsLink {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    align-self: center;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: var(--ecomColorTextStrong);
    opacity: 0.5;
    text-decoration: none;
    transition: opacity 140ms ease;
}

.ecomQuickBuyDetailsLink:hover,
.ecomQuickBuyDetailsLink:focus-visible {
    opacity: 1;
}

.ecomQuickBuyDetailsChevron {
    display: inline-block;
    flex-shrink: 0;
    width: 5px;
    height: 10px;
}

/* WC's add-to-cart-variation.js needs `.variations select` to bind found_variation. */
.ecomQuickBuyForm .variations,
.ecomQuickBuyForm .reset_variations,
.ecomQuickBuyForm .single_variation,
.ecomQuickBuyForm .woocommerce-variation-description,
.ecomQuickBuyForm .woocommerce-variation-availability,
.ecomQuickBuyForm .woocommerce-variation-price {
    display: none !important;
}

/* Desktop : flip the drawer into a centred modal, with 2-col layout inside.
   Overrides the base drawer right-side panel. */
@media (min-width: 1024px) {
    .ecomQuickBuyDrawer {
        align-items: center;
        justify-content: center;
        padding: 16px;
    }

    .ecomQuickBuyDrawer .ecomDrawerPanel {
        width: min(1000px, 100%);
        max-width: 100%;
        max-height: min(720px, calc(100vh - 32px));
        height: auto;
        padding-block: 24px;
        border-radius: 10px;
        box-shadow: 0 16px 48px rgba(7, 59, 74, 0.25);
        transform: scale(0.95);
        opacity: 0;
        transition:
            transform 220ms var(--ecomEaseOut),
            opacity 180ms var(--ecomEaseOut);
    }

    .ecomQuickBuyDrawer.isOpen .ecomDrawerPanel {
        transform: scale(1);
        opacity: 1;
        transition-duration: 280ms;
    }

    .ecomQuickBuyDrawer .ecomDrawerHeader {
        padding-inline: 24px;
        padding-bottom: 24px;
    }

    .ecomQuickBuyContent {
        flex-direction: row;
        align-items: flex-start;
        gap: 16px;
        padding: 0 48px;
    }

    .ecomQuickBuyGallery {
        width: 500px;
        height: 534px;
        padding-bottom: 10px;
        border-radius: 10px;
        overflow: hidden;
    }

    .ecomQuickBuyInfo {
        flex: 1 0 0;
        min-width: 0;
        padding: 0 20px;
    }

    .ecomQuickBuyProductTitle {
        font-size: 24px;
        line-height: 34px;
    }

    .ecomQuickBuyDrawer .ecomProductPriceActive,
    .ecomQuickBuyDrawer .ecomProductPriceActive .woocommerce-Price-amount {
        font-size: 22px;
        line-height: normal;
    }

    .ecomQuickBuyDrawer .ecomProductPriceRegular,
    .ecomQuickBuyDrawer .ecomProductPriceRegular .woocommerce-Price-amount {
        font-size: 18px !important;
    }

    .ecomQuickBuyQuantityLabel,
    .ecomQuickBuyDetailsLink {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
}