/* CRS MOBILE - ajustes finos: menu, ícones e botões dos produtos */
@media (max-width: 768px) {

    /* MENU: esconder Carrinho e mostrar Contato */
    .main-menu a:first-child {
        display: none !important;
    }

    .main-menu a:nth-child(5) {
        display: none !important;
    }

    .main-menu a:nth-child(6) {
        display: flex !important;
    }

    .main-menu .container {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    /* HEADER: remover emoji feio e usar ícones limpos */
    .cart-box {
        position: relative !important;
        color: #00569b !important;
    }

    .cart-box::before,
    .cart-box::after {
        content: "" !important;
        display: block !important;
        width: 34px !important;
        height: 34px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
        line-height: 1 !important;
    }

    .cart-box::before {
        background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10H16L22 42H50L56 20H20' stroke='%2300569B' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='26' cy='52' r='4' fill='%2300569B'/%3E%3Ccircle cx='48' cy='52' r='4' fill='%2300569B'/%3E%3C/svg%3E") !important;
    }

    .cart-box::after {
        background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='22' r='13' fill='%2300569B'/%3E%3Cpath d='M12 58C14 45 22 38 32 38C42 38 50 45 52 58H12Z' fill='%2300569B'/%3E%3C/svg%3E") !important;
    }

    .cart-box .cart-btn {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        opacity: 0 !important;
        font-size: 0 !important;
        z-index: 5 !important;
    }

    /* BENEFÍCIOS: remover carrinho/emoji e deixar padrão limpo */
    .benefit-icon {
        font-size: 0 !important;
        background: transparent !important;
        color: #00569b !important;
        border-radius: 0 !important;
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    .benefit-icon::before {
        display: block !important;
        color: #00569b !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    .benefit:nth-child(1) .benefit-icon::before {
        content: "✓" !important;
        font-size: 46px !important;
    }

    .benefit:nth-child(2) .benefit-icon::before {
        content: "R$" !important;
        font-size: 34px !important;
    }

    .benefit:nth-child(3) .benefit-icon::before {
        content: "10x" !important;
        font-size: 35px !important;
    }

    .benefit:nth-child(4) .benefit-icon::before {
        content: "🔒" !important;
        font-size: 34px !important;
    }

    /* PRODUTOS: voltar Detalhes e Comprar */
    .product-buttons {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        margin-top: 14px !important;
        padding: 0 !important;
    }

    .product-buttons a,
    .product-buttons button,
    .product-buttons .btn,
    .product-buttons .btn-details,
    .product-buttons .btn-buy {
        display: flex !important;
        width: 100% !important;
        height: 38px !important;
        min-height: 38px !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        text-align: center !important;
        text-decoration: none !important;
        line-height: 1 !important;
        padding: 0 8px !important;
        font-family: Arial, Helvetica, sans-serif !important;
    }

    .product-buttons a:first-child,
    .product-buttons .btn-details {
        background: #00569b !important;
        color: #ffffff !important;
        border: 0 !important;
    }

    .product-buttons a:last-child,
    .product-buttons button,
    .product-buttons .btn-buy {
        background: #5f6f82 !important;
        color: #ffffff !important;
        border: 0 !important;
    }

    /* Ajuste para caber produto + botões sem ficar gigante demais */
    .product-card {
        min-height: auto !important;
    }

    .product-image {
        height: 165px !important;
        padding: 10px !important;
    }

    .product-image img {
        max-height: 150px !important;
    }

    .product-info {
        padding: 10px 8px 14px !important;
    }

    .product-name {
        font-size: 13px !important;
        line-height: 1.18 !important;
        min-height: 64px !important;
        margin-bottom: 10px !important;
    }

    .product-price {
        font-size: 20px !important;
        margin: 10px 0 0 !important;
    }

    /* Garante que o produto inteiro não corte os botões */
    .products-grid {
        align-items: stretch !important;
    }
}