﻿.ly2-product-card-container {
    width: 300px;
    gap: 15px;
    position: relative;
    background-color: white;
}

.ly2-product-card-item {
    font-size: var(--font-size-md);
    padding: 10px;
}

.ly2-product-card-item1 {
    background-size: cover;
    height: 370px;
    padding: 0px !important;
}

.ly2-product-card-item2 { height: 49px; }

.ly2-product-card-item3 { height: 23px; }

.ly2-product-card-item4 { height: 18px; }

.ly2-product-card-item5 { height: 31.24px; }

.ly2-product-card-item6 { height: 55px; }

.ly2-product-card-item7 { 
    height: auto;
    padding: 0px;
}

.ly2-product-card-item .Button {
    height: 31.24px !important;
    width: 100%;
    border-radius: 0px !important;
    margin: 0px !important;
    background-color: var(--primary2) !important;
}

.ly2-product-card-item .Button:hover {
    opacity: 0.6;
}

.ly-product-card-price {
    font-size: var(--font-size-md);
    font-weight: 600;
}

.ly-product-card-total-price {
    font-size: var(--font-size-lg);
    font-weight: 600;
}

.ly2-product-card-action {
    padding: 10px;
    border-top: 2px solid #b9b9b9;
    border-bottom: 2px solid #b9b9b9;
    height: 31.24px !important;
    gap: 20px;
}

.ly2-product-card-action .sum-less-container {
    border-radius: 0px;
    background-color: white;
    border: 0px;
    color: #bdbdbd !important;
    font-weight: bold;
    font-size: var(--font-size-md) !important;
}

.ly2-product-card-action .svg-inline--fa {
    color: #bdbdbd !important;
}

ly2-product-card-action .sum-less-container, ly2-product-card-action .quantidade-items-container {
    height: 40px;
}

.ly2-product-card-action .quantidade-items-container {
    border-radius: 0px;
    background-color: white !important;
    border: 0px;
    color: #bdbdbd !important;
    font-weight: 900;
    font-size: var(--font-size-md) !important;
    text-align: center;
}

.ly2-product-card-description {
    height: auto;
}

.ly2-product-card-sp-cart {
    margin-left: 5px;
    height: 31.24px;
    min-width: 31.24px;
    background-color: var(--primary2);
}

.ly2-product-card-sp-cart .svg-inline--fa {
    color: white !important;
    font-size: var(--font-size-md);
}

.ind {
    text-align: center;
}

/* Para tablets (largura de tela entre 768px e 1024px) */
@media (max-width: 1024px) {
    .ly2-product-card-container {
        width: 250px; /* Ajuste conforme necessário */
    }

    .ly2-product-card-item .Button {
        height: 50px !important;
    }

    .ly2-product-card-sp-cart {
        height: 50px;
        min-width: 50px;
    }
    
}

/* Para dispositivos móveis (largura de tela menor que 768px) */
@media (max-width: 768px) {
    .ly2-product-card-container {
        width: 200px; /* Usa toda a largura disponível */
    }

    .ly2-product-card-action {
        height: 49px !important;
    }
}

@media (max-width: 600px) {
    .ly2-product-card-container {
        width: 200px !important;
    }

    .ly2-product-card-action .quantidade-items-container, .ly2-product-card-action .sum-less-container {
        height: 35px !important;
    }

    .ly2-product-card-action {
        height: 40px !important;
    }

    .ly2-product-card-item .Button {
        height: 45px !important;
        min-width: auto !important;
    }

    .ly2-product-card-sp-cart {
        height: 45px;
        min-width: 45px;
    }

    .ly2-minimum-purchase-container {
        flex-direction: column;
    }

    .ly2-minimum-purchase-seperator-container {
        display: none;
    }

    .ly2-product-card-item1 { height: 200px; }

    .ly2-product-card-item4 { height: 40px; }

    .ly2-product-card-item6 { height: 40px; }

    .ly2-product-card-item7 { height: 50px; }
}

@media (max-width: 450px) {
    .ly2-product-card-container {
        width: 195px !important; /* Usa toda a largura disponível */
        gap: 10px;
    }
}

@media (max-width: 420px) {
    .ly2-product-card-container {
        width: 190px !important; /* Usa toda a largura disponível */
    }
}

@media (max-width: 410px) {
    .ly2-product-card-container {
        width: 48vw !important; /* Usa toda a largura disponível */
    }
}
