/* ==========================================================
   PANARO PRODUCT EXPERIENCE
   ========================================================== */


/*--------------------------------------------------
PRECIO
--------------------------------------------------*/

.single-product p.price,
.single-product span.price {

    font-size: 48px;
    font-weight: 800;
    color: #111111;

    line-height: 1.1;

    margin-bottom: 25px;
}


/*--------------------------------------------------
FORMULARIO
--------------------------------------------------*/

.single-product form.cart {

    display: flex;
    flex-direction: column;

    align-items: stretch;

    gap: 15px;

    margin-top: 25px;
}


/*--------------------------------------------------
CANTIDAD
--------------------------------------------------*/

.single-product .quantity {

    width: 100%;
}

.single-product .quantity .qty {

    width: 100%;

    height: 58px;

    font-size: 22px;

    font-weight: 700;

    text-align: center;

    border: 2px solid #dddddd;

    border-radius: 6px;
}


/*--------------------------------------------------
BOTON
--------------------------------------------------*/

.single-product .single_add_to_cart_button {

    width: 100% !important;

    height: 60px;

    background: #E30613 !important;

    color: #ffffff !important;

    border: none !important;

    border-radius: 6px;

    font-size: 20px !important;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: .5px;

    transition: all .25s ease;

    box-shadow: 0 8px 18px rgba(227,6,19,.25);
}

.single-product .single_add_to_cart_button:hover {

    background: #bf0010 !important;

    transform: translateY(-2px);

    box-shadow: 0 12px 25px rgba(227,6,19,.35);
}


/*--------------------------------------------------
BENEFICIOS
--------------------------------------------------*/

.panaro-benefits {

    margin-top: 25px;

    padding-top: 25px;

    border-top: 1px solid #ececec;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

    width: 100%;
}


.panaro-benefits .benefit {

    display: flex;

    align-items: center;

    gap: 12px;
}


.panaro-benefits img {

    width: 34px;

    height: 34px;

    flex-shrink: 0;
}


.panaro-benefits strong {

    display: block;

    font-size: 15px;

    font-weight: 700;

    color: #222;
}


.panaro-benefits span {

    display: block;

    font-size: 13px;

    color: #777;
}


/*--------------------------------------------------
SKU
--------------------------------------------------*/

.single-product .product_meta {

    margin-top: 25px;

    padding-top: 20px;

    border-top: 1px solid #ececec;
}


/*--------------------------------------------------
RESPONSIVE
--------------------------------------------------*/

@media (max-width: 768px) {

    .single-product p.price,
    .single-product span.price {

        font-size: 38px;
    }

    .panaro-benefits {

        grid-template-columns: 1fr;
    }
}