/* Make product grid full width */
.full-width-products {
    max-width: 100% !important;
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 20px;
}

/* Adjust product columns */
.full-width-products ul.products {
    max-width: 100% !important;
    width: 100% !important;
}

.full-width-products ul.products li.product {
    width: 31% !important;
    margin: 0 1.15% 30px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .full-width-products ul.products li.product {
        width: 48% !important;
        margin: 0 1% 20px !important;
    }
}

@media (max-width: 480px) {
    .full-width-products ul.products li.product {
        width: 100% !important;
        margin: 0 0 20px !important;
    }
}

/* Reduce size of PayPal and Google Pay buttons */
.wc-block-components-checkout-express-payment__payment-method,
.wc-braintree-paypal-button,
.google-pay-container,
.gpay-card-info-container {
    max-width: 250px !important;
    margin: 10px auto !important;
}

/* Center the buttons */
.wc-block-components-checkout-express-payment {
    text-align: center;
}
/* Force smaller PayPal + Google Pay buttons on product pages */
.single-product .wc-block-components-checkout-express-payment__payment-method,
.single-product .wc-braintree-paypal-button,
.single-product .google-pay-container,
.single-product .gpay-card-info-container,
.single-product .express-payments-wrapper,
.single-product .wc-block-components-checkout-express-payment {
    max-width: 180px !important;
    width: 180px !important;
    height: auto !important;
    display: block !important;
    margin: 10px auto !important;
    transform: scale(0.8) !important; /* shrink button */
    transform-origin: center !important;
}

/* Some themes wrap the button inside another container */
.single-product button,
.single-product .paypal-buttons,
.single-product .google-pay-button-container {
    max-width: 180px !important;
    width: 180px !important;
    margin: 10px auto !important;
}
/* Force smaller Google Pay button (all gateways) */
.single-product .google-pay-button,
.single-product .google-pay-button-container,
.single-product gpay-button,
.single-product .gpay-card-info-container,
.single-product .gpay-button-container,
.single-product .wc-block-components-google-pay-container,
.single-product .express-payment-method-google-pay {
    max-width: 180px !important;
    width: 180px !important;
    height: auto !important;
    margin: 10px auto !important;
    display: block !important;
    transform: scale(0.75) !important;
    transform-origin: center !important;
}

/* Extra: override inline styles Google Pay injects */
.single-product gpay-button > div,
.single-product gpay-button > button {
    max-width: 180px !important;
    width: 180px !important;
    height: auto !important;
}