/* =========================================================
   MYSH PRODUCT BUY BUTTON
   ========================================================= */

.block-product-buy-button {
    white-space: normal !important;
}

.block-product-buy-button-wrapper {
    padding: var(--button-border-thickness, 1px);
}


/* =========================================================
   MOBILE STICKY PURCHASE BAR
   ========================================================= */

@media (max-width: 959px) {

    /*
   * 原主题 Sticky 浮窗上下 padding 较大：
   *
   * padding: 20px var(--page-padding);
   *
   * MYSH 优化：
   * 上下各压缩到 6px。
   *
   * 保留：
   * - Add to cart
   * - Apple Pay / Google Pay
   * - More payment options
   */
    .is-sticky>.product-detail__buy-buttons {
        padding:
            6px var(--page-padding) 6px var(--page-padding) !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        overflow: visible !important;
    }


    /*
   * 减少浮窗内部各区域之间的垂直间距。
   */
    .is-sticky>.product-detail__buy-buttons .product-detail__form {
        gap: 6px !important;
    }


    .is-sticky>.product-detail__buy-buttons .form__buttons {
        gap: 6px !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        overflow: visible !important;
    }


    /*
   * Add to cart 不强制写死高度。
   *
   * 保留主题原始按钮高度，
   * 避免快捷支付区域因为高度计算受到影响。
   */
    .is-sticky>.product-detail__buy-buttons button[name="add"] {
        width: 100% !important;

        height: auto !important;
        min-height: unset !important;

        margin: 0 !important;
    }


    /*
   * 快捷支付区域完整保留。
   *
   * 不隐藏：
   * Apple Pay
   * Google Pay
   * More payment options
   */
    .is-sticky>.product-detail__buy-buttons .dynamic-checkout-button-container {
        display: block;

        width: 100%;

        margin: 0;
    }
}


/* =========================================================
   SMALL / SHORT MOBILE SCREENS
   ========================================================= */

@media (max-width: 959px) and (max-height: 720px) {

    /*
   * 对屏幕高度较小的手机进一步压缩上下黑边。
   */
    .is-sticky>.product-detail__buy-buttons {
        padding:
            4px var(--page-padding) 4px var(--page-padding) !important;
    }


    .is-sticky>.product-detail__buy-buttons .product-detail__form {
        gap: 4px !important;
    }


    .is-sticky>.product-detail__buy-buttons .form__buttons {
        gap: 4px !important;
    }
}