/*
Theme Name: innteckusa
Theme URI: https://innteck.it/innteckusa/
Description: InnteckUsa Child Theme
Author: Visione Grafica
Author URI: https://www.visionegrafica.com
Template: Divi
Version: 1.0.0
*/


/* ==========================================================
   INNTECK USA
   DIVI 5 + WOOCOMMERCE
   LAYOUT PRODOTTI B2C / B2B
   ========================================================== */


/* ==========================================================
   1. GRIGLIA PRODOTTI
   ========================================================== */

.et_pb_shop ul.products.columns-5 {
    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 12px !important;
}


.et_pb_shop ul.products.columns-5::before,
.et_pb_shop ul.products.columns-5::after {
    display: none !important;
}


.et_pb_shop ul.products.columns-5 li.product {
    width: auto !important;

    margin: 0 !important;

    float: none !important;
}


/* ==========================================================
   2. CARD PRODOTTO
   ========================================================== */

.et_pb_shop ul.products li.product {
    display: flex !important;

    flex-direction: column !important;

    min-width: 0;

    height: 100% !important;

    margin: 0 !important;

    padding: 12px !important;

    box-sizing: border-box;

    background: #ffffff;

    border: 1px solid #e1e4e8;

    border-radius: 4px !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}


.et_pb_shop ul.products li.product:hover {
    border-color: #cfd3d8;

    box-shadow:
        0 3px 10px rgba(0, 0, 0, .045);
}


/* ==========================================================
   3. IMMAGINE
   ========================================================== */

.et_pb_shop ul.products li.product > a:first-child {
    display: flex;

    flex-direction: column;

    width: 100%;
}


.et_pb_shop ul.products li.product img {
    display: block;

    width: 100%;

    height: 205px;

    margin: 0 auto 18px !important;

    object-fit: contain;

    object-position: center;

    background: #ffffff;
}


/* ==========================================================
   4. BRAND
   ========================================================== */

.et_pb_shop ul.products li.product
.innteck-product-brand {
    margin: 0 0 6px !important;

    padding: 0 !important;

    color: #ed1c24;

    font-size: 12px;

    font-weight: 500;

    line-height: 1.25;

    text-transform: uppercase;
}


.et_pb_shop ul.products li.product
.innteck-product-brand a {
    color: #ed1c24 !important;

    font-size: inherit;

    font-weight: inherit;

    text-decoration: none !important;
}


.et_pb_shop ul.products li.product
.innteck-product-brand a:hover {
    color: #c9141b !important;
}


/* ==========================================================
   5. TITOLO
   ========================================================== */

.et_pb_shop ul.products li.product
.woocommerce-loop-product__title {
    margin: 0 0 6px !important;

    padding: 0 !important;

    color: #111111;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.2;

    text-transform: uppercase;
}


/* ==========================================================
   6. SKU
   ========================================================== */

.et_pb_shop
.innteck-product-card-sku {
    margin: 0 0 9px !important;

    color: #6d737b;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.3;
}


.et_pb_shop
.innteck-product-card-sku-label,

.et_pb_shop
.innteck-product-card-sku-value {
    color: inherit;
}


/* ==========================================================
   7. STOCK
   ========================================================== */

/*
 * Questo margin-top:auto è importante.
 *
 * Da qui inizia la parte commerciale della card:
 *
 * STOCK
 * PREZZO
 * ACQUISTO
 *
 * In questo modo tutte le card rimangono allineate in basso
 * anche quando titolo e descrizioni hanno altezze diverse.
 */

.et_pb_shop ul.products li.product
.itk-stock-badge-wrapper {
    margin-top: auto !important;

    margin-bottom: 11px !important;

    min-height: 24px;
}


.itk-stock-badge {
    display: inline-flex !important;

    align-items: center !important;

    margin: 0 !important;

    white-space: nowrap;
}


/* ==========================================================
   8. ICONA PACCO VETTORIALE
   ========================================================== */

.itk-stock-badge::before {
    content: "";

    display: inline-block;

    width: 12px;

    height: 12px;

    flex: 0 0 12px;

    margin-right: 5px;

    background-color: currentColor;

    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.2 12 2.5l8.5 4.7v9.6L12 21.5l-8.5-4.7V7.2Z'/%3E%3Cpath d='M3.5 7.2 12 12l8.5-4.8M12 12v9.5M7.8 4.8l8.5 4.7'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7.2 12 2.5l8.5 4.7v9.6L12 21.5l-8.5-4.7V7.2Z'/%3E%3Cpath d='M3.5 7.2 12 12l8.5-4.8M12 12v9.5M7.8 4.8l8.5 4.7'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    -webkit-mask-position: center;

    mask-position: center;

    -webkit-mask-size: contain;

    mask-size: contain;
}


/* ==========================================================
   9. PREZZO ARCHIVIO
   ========================================================== */

.et_pb_shop ul.products li.product
.price {
    display: flex !important;

    align-items: baseline !important;

    flex-wrap: wrap !important;

    gap: 5px 7px !important;

    /*
     * Riservo sempre la stessa area verticale.
     */
    min-height: 30px;

    /*
     * Più respiro rispetto alla versione precedente.
     */
    margin-top: 1px !important;

    margin-bottom: 15px !important;

    padding: 3px 0 !important;

    line-height: 1.2 !important;
}


/* ==========================================================
   10. PREZZO B2C
   ========================================================== */

.et_pb_shop ul.products li.product
.price > .woocommerce-Price-amount {
    color: inherit;

    font-size: inherit;

    font-weight: inherit;
}


/* ==========================================================
   11. PREZZO DEALER
   ========================================================== */

/*
 * Ordine:
 *
 * PREZZO DEALER
 * PREZZO LISTINO BARRATO
 * BADGE SCONTO
 */

.et_pb_shop ul.products li.product
.price ins {
    order: 1;

    margin: 0 !important;

    padding: 0 !important;

    color: #111111 !important;

    font-size: inherit !important;

    font-weight: 600 !important;

    line-height: inherit !important;

    text-decoration: none !important;

    background: transparent !important;
}


.et_pb_shop ul.products li.product
.price ins .woocommerce-Price-amount {
    color: inherit !important;

    font-size: inherit !important;

    font-weight: inherit !important;
}


/* Prezzo listino */

.et_pb_shop ul.products li.product
.price del {
    order: 2;

    margin: 0 !important;

    color: #92979e !important;

    opacity: 1 !important;

    font-size: 11px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    text-decoration-line: line-through !important;

    text-decoration-thickness: 1px !important;

    text-decoration-color: #92979e !important;
}


.et_pb_shop ul.products li.product
.price del .woocommerce-Price-amount {
    color: inherit !important;

    font-size: inherit !important;

    font-weight: 400 !important;
}


/* Badge sconto */

.et_pb_shop
.b2b-discount-badge,

.et_pb_shop
.guz-b2b-discount-badge,

.et_pb_shop
.dealer-discount-badge {
    order: 3;

    display: inline-flex;

    align-items: center;

    min-height: 20px;

    margin: 0 !important;

    padding: 4px 7px;

    border-radius: 999px;

    background: #168a36;

    color: #ffffff;

    font-size: 10px;

    font-weight: 700;

    line-height: 1;

    white-space: nowrap;
}


/* ==========================================================
   12. BLOCCO ACQUISTO ARCHIVIO
   ========================================================== */

/*
 * Altezza comune a tutte le card:
 *
 * quantità 96 px + pulsante
 */

.et_pb_shop ul.products li.product
.innteck-card-purchase {
    display: grid !important;

    grid-template-columns:
        96px
        minmax(0, 1fr);

    grid-template-rows:
        38px
        auto;

    column-gap: 8px !important;

    row-gap: 5px !important;

    align-items: stretch !important;

    width: 100% !important;

    min-height: 38px;

    margin: 0 !important;

    padding: 0 !important;
}


/* ==========================================================
   13. QUANTITÀ ARCHIVIO
   ========================================================== */

.et_pb_shop
.innteck-card-purchase
.innteck-qty-control {
    grid-column: 1;

    grid-row: 1;

    display: grid !important;

    grid-template-columns:
        28px
        40px
        28px;

    width: 96px !important;

    height: 38px !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden;

    border: 1px solid #d5d8dc !important;

    border-radius: 999px !important;

    background: #ffffff !important;

    box-sizing: border-box;
}


/* +/- */

.innteck-qty-minus,
.innteck-qty-plus {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    min-width: 0 !important;

    height: 100% !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;

    color: #333333 !important;

    font-family: inherit !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    box-shadow: none !important;

    cursor: pointer;

    transition:
        background-color .15s ease,
        color .15s ease;
}


.innteck-qty-minus:hover,
.innteck-qty-plus:hover {
    background: #f3f4f5 !important;

    color: #000000 !important;
}


.innteck-qty-minus:disabled,
.innteck-qty-plus:disabled {
    opacity: .30 !important;

    cursor: not-allowed !important;

    background: transparent !important;

    color: #777777 !important;
}


/* Campo quantità */

.innteck-qty-control input.qty {
    display: block !important;

    width: 40px !important;

    min-width: 0 !important;

    height: 38px !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    border-left: 1px solid #eceef0 !important;

    border-right: 1px solid #eceef0 !important;

    border-radius: 0 !important;

    background: #ffffff !important;

    color: #111111 !important;

    font-family: inherit !important;

    font-size: 13px !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    text-align: center !important;

    box-shadow: none !important;

    appearance: textfield;

    -moz-appearance: textfield;
}


.innteck-qty-control
input.qty::-webkit-inner-spin-button,

.innteck-qty-control
input.qty::-webkit-outer-spin-button {
    margin: 0;

    appearance: none;

    -webkit-appearance: none;
}


/* ==========================================================
   14. ADD TO CART ARCHIVIO
   ========================================================== */

.et_pb_shop
.innteck-card-purchase
.innteck-archive-add-to-cart {
    grid-column: 2;

    grid-row: 1;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 38px !important;

    min-height: 38px !important;

    margin: 0 !important;

    padding: 0 14px !important;

    box-sizing: border-box;

    border: 1px solid #ed1c24 !important;

    border-radius: 999px !important;

    background: #ed1c24 !important;

    color: #ffffff !important;

    font-family: inherit !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    text-transform: none !important;

    white-space: nowrap;

    box-shadow: none !important;

    cursor: pointer;

    transition:
        background-color .15s ease,
        border-color .15s ease;
}


.et_pb_shop
.innteck-card-purchase
.innteck-archive-add-to-cart:hover {
    background: #c9141b !important;

    border-color: #c9141b !important;

    color: #ffffff !important;
}


/* ==========================================================
   15. MESSAGGI AJAX
   ========================================================== */

.et_pb_shop
.innteck-card-cart-message {
    grid-column: 1 / -1;

    grid-row: 2;

    min-height: 0;

    margin: 0 !important;

    font-size: 11px;

    line-height: 1.3;
}


.et_pb_shop
.innteck-card-cart-message:empty {
    display: none;
}


.innteck-card-cart-message.is-success {
    color: #187a3d;
}


.innteck-card-cart-message.is-error {
    color: #b42318;

    font-weight: 600;
}


.innteck-card-cart-message.is-info {
    color: #66717d;
}


.innteck-card-purchase.is-loading {
    opacity: .70;
}


/* ==========================================================
   16. READ MORE / OUT OF STOCK
   ========================================================== */

/*
 * Questa è la parte importante per l'allineamento.
 *
 * Anche se manca il selettore quantità,
 * il pulsante deve terminare esattamente alla stessa
 * altezza degli Add to cart.
 */

.et_pb_shop ul.products
li.product.outofstock
a.button {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    align-self: stretch !important;

    width: 100% !important;

    height: 38px !important;

    min-height: 38px !important;

    max-height: 38px !important;

    margin-top: 0 !important;

    margin-right: 0 !important;

    margin-bottom: 0 !important;

    margin-left: 0 !important;

    padding: 0 14px !important;

    box-sizing: border-box !important;

    border: 1px solid #ed1c24 !important;

    border-radius: 999px !important;

    background: #ed1c24 !important;

    color: #ffffff !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    text-align: center;

    text-transform: none !important;

    box-shadow: none !important;

    transform: none !important;

    position: relative;

    top: 0;
}


.et_pb_shop ul.products
li.product.outofstock
a.button:hover {
    background: #c9141b !important;

    border-color: #c9141b !important;

    color: #ffffff !important;

    padding: 0 14px !important;
}


/*
 * Mantengo esattamente la stessa distanza prezzo -> pulsante.
 */

.et_pb_shop ul.products
li.product.outofstock
.price {
    margin-bottom: 15px !important;
}


/* ==========================================================
   17. PRODOTTO VARIABILE
   ========================================================== */

.et_pb_shop ul.products li.product
a.button.product_type_variable {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 100% !important;

    height: 38px !important;

    min-height: 38px !important;

    margin: 0 !important;

    padding: 0 14px !important;

    box-sizing: border-box;

    border: 1px solid #9ca3aa !important;

    border-radius: 999px !important;

    background: #ffffff !important;

    color: #222222 !important;

    font-size: 13px !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    text-transform: none !important;

    box-shadow: none !important;
}


.et_pb_shop ul.products li.product
a.button.product_type_variable:hover {
    background: #f3f4f5 !important;

    border-color: #858b92 !important;

    color: #111111 !important;

    padding: 0 14px !important;
}


/* ==========================================================
   18. ELIMINO ICONE AUTOMATICHE DIVI
   ========================================================== */

.et_pb_shop ul.products li.product
.button::after {
    display: none !important;
}


/* ==========================================================
   19. PREZZO DEALER
   PAGINA SINGOLO PRODOTTO
   ========================================================== */

.single-product
.b2b-price-block
.b2b-price-line {
    display: flex !important;

    align-items: baseline !important;

    flex-wrap: wrap !important;

    gap: 5px 8px !important;
}


/* Prezzo Dealer */

.single-product
.b2b-price-block
.b2b-dealer-price {
    order: 1 !important;

    display: inline-block !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #111111 !important;

    font-size: inherit !important;

    font-weight: 600 !important;

    line-height: 1.15 !important;

    text-decoration: none !important;

    background: transparent !important;
}


.single-product
.b2b-price-block
.b2b-dealer-price
.woocommerce-Price-amount {
    color: inherit !important;

    font-size: inherit !important;

    font-weight: inherit !important;
}


/* Listino */

.single-product
.b2b-price-block
.b2b-list-price {
    order: 2 !important;

    display: inline-block !important;

    margin: 0 !important;

    padding: 0 !important;

    color: #92979e !important;

    opacity: 1 !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    text-decoration-line: line-through !important;

    text-decoration-thickness: 1px !important;

    text-decoration-color: #92979e !important;
}


.single-product
.b2b-price-block
.b2b-list-price
.woocommerce-Price-amount {
    color: inherit !important;

    font-size: inherit !important;

    font-weight: 400 !important;
}


/* Badge Dealer */

.single-product
.b2b-price-block
.b2b-discount-badge {
    order: 3 !important;

    display: inline-flex !important;

    align-items: center !important;

    margin: 0 !important;
}


.single-product
.b2b-price-block {
    display: block !important;

    margin: 10px 0 6px !important;

    line-height: 1.2 !important;
}


/* ==========================================================
   20. PAGINA SINGOLA
   PREZZO / STOCK / ACQUISTO
   ========================================================== */

/*
 * Prezzo
 */

.single-product
div.product
p.price,

.single-product
div.product
span.price {
    margin-top: 18px !important;

    margin-bottom: 20px !important;
}


/*
 * STOCK
 *
 * Aumento lo spazio sotto rispetto alla versione precedente.
 */

.single-product
.itk-stock-badge-wrapper {
    display: block;

    margin-top: 0 !important;

    margin-bottom: 18px !important;

    padding: 0 !important;
}


/* ==========================================================
   21. FORM ACQUISTO PAGINA SINGOLA
   ========================================================== */

.single-product
form.cart {
    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap;

    gap: 12px !important;

    margin-top: 0 !important;

    margin-bottom: 18px !important;

    padding: 0 !important;
}


/* ==========================================================
   22. QUANTITÀ PAGINA SINGOLA
   ========================================================== */

.single-product
form.cart
.quantity.innteck-qty-ready {
    display: grid !important;

    grid-template-columns:
        34px
        42px
        34px !important;

    width: 110px !important;

    min-width: 110px !important;

    height: 42px !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden;

    box-sizing: border-box;

    border: 1px solid #d2d6da !important;

    border-radius: 999px !important;

    background: #ffffff !important;

    float: none !important;
}


/* Input */

.single-product
form.cart
.quantity.innteck-qty-ready
input.qty {
    display: block !important;

    width: 42px !important;

    min-width: 42px !important;

    height: 42px !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    border-left: 1px solid #eceef0 !important;

    border-right: 1px solid #eceef0 !important;

    border-radius: 0 !important;

    background: #ffffff !important;

    color: #111111 !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    text-align: center !important;

    box-shadow: none !important;

    appearance: textfield;

    -moz-appearance: textfield;
}


.single-product
.quantity.innteck-qty-ready
input.qty::-webkit-inner-spin-button,

.single-product
.quantity.innteck-qty-ready
input.qty::-webkit-outer-spin-button {
    margin: 0;

    appearance: none;

    -webkit-appearance: none;
}


/* ==========================================================
   23. ADD TO CART PAGINA SINGOLA
   ========================================================== */

/*
 * Più lungo rispetto alla versione precedente.
 */

.single-product
form.cart
.single_add_to_cart_button {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-width: 150px !important;

    height: 42px !important;

    min-height: 42px !important;

    margin: 0 !important;

    padding: 0 24px !important;

    box-sizing: border-box;

    border: 1px solid #ed1c24 !important;

    border-radius: 999px !important;

    background: #ed1c24 !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    text-transform: none !important;

    white-space: nowrap;

    box-shadow: none !important;

    transition:
        background-color .15s ease,
        border-color .15s ease;
}


.single-product
form.cart
.single_add_to_cart_button:hover {
    background: #c9141b !important;

    border-color: #c9141b !important;

    color: #ffffff !important;

    padding: 0 24px !important;
}


/* ==========================================================
   24. RESPONSIVE - DESKTOP MEDIO
   ========================================================== */

@media (max-width: 1400px) {

    .et_pb_shop ul.products li.product
    .innteck-card-purchase {
        grid-template-columns:
            90px
            minmax(0, 1fr);
    }


    .et_pb_shop
    .innteck-card-purchase
    .innteck-qty-control {
        width: 90px !important;

        grid-template-columns:
            26px
            38px
            26px;
    }


    .et_pb_shop
    .innteck-card-purchase
    .innteck-card-qty {
        width: 38px !important;
    }
}


/* ==========================================================
   25. RESPONSIVE - TABLET GRANDE
   ========================================================== */

@media (max-width: 1200px) {

    .et_pb_shop ul.products.columns-5 {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }
}


/* ==========================================================
   26. RESPONSIVE - TABLET
   ========================================================== */

@media (max-width: 980px) {

    .et_pb_shop ul.products.columns-5 {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }


    .et_pb_shop ul.products li.product img {
        height: 185px;
    }


    .single-product
    form.cart
    .single_add_to_cart_button {
        min-width: 140px !important;
    }
}


/* ==========================================================
   27. RESPONSIVE - MOBILE ORIZZONTALE
   ========================================================== */

@media (max-width: 767px) {

    .et_pb_shop ul.products.columns-5 {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px !important;
    }


    .et_pb_shop ul.products li.product {
        padding: 10px !important;
    }


    .et_pb_shop ul.products li.product img {
        height: 160px;
    }


    /*
     * Mantengo quantità e pulsante affiancati
     * finché lo spazio lo permette.
     */

    .et_pb_shop ul.products li.product
    .innteck-card-purchase {
        grid-template-columns:
            82px
            minmax(0, 1fr);

        column-gap: 6px !important;
    }


    .et_pb_shop
    .innteck-card-purchase
    .innteck-qty-control {
        width: 82px !important;

        grid-template-columns:
            24px
            34px
            24px;
    }


    .et_pb_shop
    .innteck-card-purchase
    .innteck-card-qty {
        width: 34px !important;
    }


    .et_pb_shop
    .innteck-card-purchase
    .innteck-archive-add-to-cart,

    .et_pb_shop ul.products
    li.product.outofstock
    a.button {
        padding-left: 9px !important;

        padding-right: 9px !important;

        font-size: 12px !important;
    }
}


/* ==========================================================
   28. RESPONSIVE - SMARTPHONE
   ========================================================== */

@media (max-width: 480px) {

    .et_pb_shop ul.products.columns-5 {
        grid-template-columns: 1fr;
    }


    .et_pb_shop ul.products li.product {
        padding: 12px !important;
    }


    .et_pb_shop ul.products li.product img {
        height: 200px;
    }


    /*
     * Con una sola card abbiamo spazio:
     * torno al controllo quantità più comodo.
     */

    .et_pb_shop ul.products li.product
    .innteck-card-purchase {
        grid-template-columns:
            96px
            minmax(0, 1fr);

        column-gap: 8px !important;
    }


    .et_pb_shop
    .innteck-card-purchase
    .innteck-qty-control {
        width: 96px !important;

        grid-template-columns:
            28px
            40px
            28px;
    }


    .et_pb_shop
    .innteck-card-purchase
    .innteck-card-qty {
        width: 40px !important;
    }


    /*
     * Single product:
     * quantità e Add to cart possono andare a capo
     * solo quando realmente non c'è spazio.
     */

    .single-product
    form.cart {
        gap: 10px !important;
    }


    .single-product
    form.cart
    .single_add_to_cart_button {
        min-width: 145px !important;

        padding-left: 20px !important;

        padding-right: 20px !important;
    }
}


/* ==========================================================
   29. SMARTPHONE MOLTO STRETTO
   ========================================================== */

@media (max-width: 360px) {

    .single-product
    form.cart {
        align-items: stretch !important;
    }


    .single-product
    form.cart
    .single_add_to_cart_button {
        flex: 1 1 auto;

        min-width: 130px !important;
    }
}