.vendas-wrapper{
            max-width:1200px;
            margin:0 auto;
            padding:30px 15px 60px;
            font-family:"Roboto",Arial,sans-serif;
        }
        .vendas-wrapper h1{
            font-size:26px;
            color:#0a4e26;
            text-align:center;
            font-weight:700;
            margin-bottom:10px;
        }
        .vendas-sub{
            text-align:center;
            font-size:15px;
            color:#555;
            margin-bottom:25px;
        }
        .vendas-steps{
            list-style:none;
            margin:0 0 15px;
            padding:0;
            font-size:14px;
            color:#333;
        }
        .vendas-steps li{
            margin-bottom:4px;
        }
        .vendas-steps li span{
            display:inline-block;
            width:20px;
            height:20px;
            line-height:20px;
            text-align:center;
            border-radius:50%;
            background:#0a4e26;
            color:#fff;
            font-size:12px;
            margin-right:6px;
        }

        /* GRID DE CARDS */
        .vendas-grid{
            display:grid;
            grid-template-columns:repeat(2,1fr);
            gap:20px;
            margin-top:20px;
        }
        @media (min-width:1300px){
            .vendas-grid{
                grid-template-columns:repeat(3,1fr);
            }
        }
        @media (max-width:800px){
            .vendas-grid{
                grid-template-columns:1fr;
            }
        }

        .vendas-card{
            background:#fff;
            border-radius:14px;
            border:1px solid #dce7dc;
            box-shadow:0 4px 12px rgba(0,0,0,0.08);
            display:flex;
            flex-direction:column;
            overflow:hidden;
        }
        .vendas-card-header{
            background:#0a4e26;
            color:#fff;
            padding:12px 14px;
            text-align:center;
        }
        .vendas-card-header h3{
            margin:0;
            font-size:17px;
            font-weight:700;
        }

        .vendas-card-body{
            padding:12px 14px 16px;
            display:flex;
            flex-direction:column;
            flex:1;
        }

        /* GRID DE MEDIDAS — 4 por linha no desktop */
        .medidas-grid{
            display:flex;
            flex-wrap:wrap;
            margin:0;
            padding:0;
            list-style:none;
            gap:8px;
        }
        .medida-pill{
            flex:0 0 calc(25% - 6px); /* 4 por linha */
            min-width:70px;
        }
        @media(max-width:900px){
            .medida-pill{ flex:0 0 calc(33.33% - 6px); } /* 3 por linha em telas menores */
        }
        @media(max-width:600px){
            .medida-pill{ flex:0 0 calc(50% - 6px); } /* 2 por linha no mobile */
        }

        .medida-label{
            display:flex;
            align-items:center;
            gap:6px;
            border-radius:999px;
            border:1px solid #c5d4c5;
            background:#f4f7f4;
            padding:6px 8px;
            font-size:13px;
            cursor:pointer;
            transition:0.15s;
            white-space:nowrap;
        }
        .medida-label input{
            margin:0;
        }
        .medida-label span{
            color:#0a4e26;
            font-weight:500;
        }
        .medida-label.selected{
            background:#e2f3e6;
            border-color:#0a4e26;
            font-weight:600;
        }

        .btn-solicitar-card{
            margin-top:14px;
            border:none;
            border-radius:999px;
            padding:9px 14px;
            background:#e37218;
            color:#fff;
            font-weight:700;
            font-size:14px;
            cursor:pointer;
            text-align:center;
            transition:0.15s;
        }
        .btn-solicitar-card:hover{
            background:#c9610f;
        }

        /* MODAL (usa padrão .um-modal do site) */
        .um-modal{
            display:none;
            position:fixed;
            z-index:99999;
            left:0;
            top:0;
            width:100%;
            height:100%;
            background:rgba(0,0,0,0.65);
            justify-content:center;
            align-items:center;
        }
        .um-modal.open{
            display:flex;
        }
        .um-modal-box{
            background:#fff;
            border-radius:16px;
            padding:20px 18px;
            width:90%;
            max-width:520px;
        }
        .um-modal-box h2{
            margin-top:0;
            margin-bottom:12px;
            font-size:20px;
            color:#0a4e26;
        }
        .modal-item{
            border:1px solid #e0e0e0;
            border-radius:10px;
            padding:8px 10px;
            margin-bottom:8px;
            font-size:14px;
        }
        .modal-item b{
            color:#0a4e26;
        }
        .modal-item input.modal-qtd{
            width:80px;
            padding:4px 6px;
            margin-top:4px;
        }
        .btn-finalizar-cot{
            width:100%;
            border:none;
            border-radius:999px;
            padding:10px 16px;
            background:#0a4e26;
            color:#fff;
            font-weight:700;
            font-size:15px;
            margin-top:14px;
            cursor:pointer;
        }
      
.btn-cotacao-flutuante{
    position: fixed;
    right: 20px;
    bottom: 150px; /* acima WhatsApp */
    background: #1f3d2b;
    color: #fff;
    border: none;
    padding: 14px 18px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 8px 20px rgba(0,0,0,.25);
}

.btn-cotacao-flutuante:hover{
    background: #265a3f;
}
.btn-cotacao-flutuante{
    right: 24px;
    bottom: 190px; /* sobe um pouco para dar destaque */
}
.btn-cotacao-flutuante{
    position: fixed;
    background: #1f3d2b;
    color: #fff;
    border-radius: 10px;
    padding: 14px 18px;
    font-size: 14px;
    cursor: pointer;
    z-index: 9999;

    border: 2px solid rgba(155, 230, 180, 0.9);
    box-shadow: 0 0 0 rgba(155, 230, 180, 0.6);

    animation: pulseBorder 2.2s ease-out infinite;
}
@keyframes pulseBorder {
    0% {
        box-shadow: 0 0 0 0 rgba(155, 230, 180, 0.6);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(155, 230, 180, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(155, 230, 180, 0);
    }
}
@media (max-width: 768px){
    .btn-cotacao-flutuante{
        animation: none;
        border: 2px solid #9be6b4;
    }
}
#vendas * {
    box-sizing: border-box;
}

#vendas .vendas-wrapper{
    max-width:1200px;
    margin:0 auto;
    padding:30px 15px 60px;
    font-family:Roboto, Arial, sans-serif;
}

#vendas .medida-label{
    display:flex;
    gap:6px;
    border-radius:999px;
    border:1px solid #c5d4c5;
    background:#f4f7f4;
    padding:6px 10px;
    cursor:pointer;
}

#vendas .medida-label input{ margin:0; }

#vendas .medida-label.selected{
    background:#e2f3e6;
    border-color:#0a4e26;
}

#vendas .um-modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.65);
    justify-content:center;
    align-items:center;
    z-index:99999;
}

#vendas .um-modal.open{ display:flex; }

#vendas .um-modal-box{
    background:#fff;
    border-radius:16px;
    padding:20px;
    width:90%;
    max-width:420px;
}

#vendas .modal-actions{
    display:flex;
    gap:10px;
    margin-top:16px;
}

#vendas .btn-primario{
    flex:1;
    background:#0a4e26;
    color:#fff;
    border:none;
    border-radius:999px;
    padding:10px;
}

#vendas .btn-secundario{
    flex:1;
    background:#eee;
    border:none;
    border-radius:999px;
    padding:10px;
}
#vendas *{ box-sizing:border-box; }

/* Layout */
#vendas .vendas-wrapper{
    max-width:1200px;
    margin:0 auto;
    padding:30px 15px 60px;
    font-family:Roboto, Arial, sans-serif;
}

#vendas h1{
    text-align:center;
    color:#0a4e26;
    margin-bottom:8px;
}

#vendas .vendas-sub{
    text-align:center;
    color:#555;
    margin-bottom:20px;
}

/* Cards */
#vendas .vendas-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:20px;
}

#vendas .vendas-card{
    background:#fff;
    border-radius:14px;
    border:1px solid #dce7dc;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
    transition:.2s;
}

#vendas .vendas-card:hover{
    transform:translateY(-3px);
}

#vendas .vendas-card.card-selecionado{
    border-color:#e37218;
    box-shadow:0 0 0 3px rgba(227,114,24,.2);
}

#vendas .vendas-card-header{
    background:#0a4e26;
    color:#fff;
    padding:12px;
    text-align:center;
    border-radius:14px 14px 0 0;
}

/* Medidas */
#vendas .medidas-grid{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:12px;
    list-style:none;
}

#vendas .medida-label{
    display:flex;
    align-items:center;
    gap:6px;
    border-radius:999px;
    border:1px solid #c5d4c5;
    background:#f4f7f4;
    padding:6px 10px;
    cursor:pointer;
}

#vendas .medida-label.selected{
    background:#e2f3e6;
    border-color:#0a4e26;
}

/* Modal */
#vendas .um-modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.65);
    justify-content:center;
    align-items:center;
    z-index:99999;
}

#vendas .um-modal.open{ display:flex; }

#vendas .um-modal-box{
    background:#fff;
    border-radius:16px;
    padding:20px;
    width:90%;
    max-width:420px;
}

#vendas .modal-item{
    margin:10px 0;
}

#vendas .modal-actions{
    display:flex;
    gap:10px;
    margin-top:16px;
}

#vendas .btn-primario{
    flex:1;
    background:#0a4e26;
    color:#fff;
    border:none;
    border-radius:999px;
    padding:10px;
}

#vendas .btn-secundario{
    flex:1;
    background:#e37218;
    color:#fff;
    border:none;
    border-radius:999px;
    padding:10px;
}
/* Cabeçalho do produto no modal */
#vendas .modal-produto{
    background:#0a4e26;
    color:#fff;
    padding:14px 16px;
    border-radius:12px;
    font-size:18px;
    font-weight:700;
    text-align:center;
    margin-bottom:16px;
}

/* Informações internas */
#vendas .modal-info{
    font-size:15px;
    color:#333;
}

#vendas .modal-tamanho{
    margin-bottom:12px;
}

#vendas .modal-quantidade{
    display:flex;
    flex-direction:column;
    gap:6px;
}

#vendas .modal-quantidade input{
    width:100%;
    padding:8px 10px;
    border-radius:8px;
    border:1px solid #ccc;
    font-size:15px;
}