Apple

/* Container da Vitrine */
.vitrine-smartphones {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
padding: 20px;
background: #f4f4f4;
font-family: ‘Segoe UI’, sans-serif;
}

/* Estilo do Card */
.card-phone {
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
transition: 0.3s;
display: flex;
flex-direction: column;
border: 1px solid #eee;
}

.card-phone:hover { transform: translateY(-5px); }

/* Imagem do Celular */
.img-box {
width: 100%;
height: 200px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
}
.img-box img { max-height: 100%; max-width: 100%; object-fit: contain; }

/* Conteúdo */
.info-box { padding: 15px; text-align: center; flex-grow: 1; }

.badge {
background: #39FF14; /* Verde Neon do seu logo */
color: #000;
font-size: 10px;
font-weight: bold;
padding: 3px 8px;
border-radius: 20px;
text-transform: uppercase;
}

.info-box h3 { font-size: 18px; margin: 10px 0; color: #333; }
.info-box p { font-size: 13px; color: #666; line-height: 1.4; margin-bottom: 15px; }

/* Botões */
.btn-group { display: flex; flex-direction: column; gap: 8px; padding: 15px; }

.btn-v {
text-decoration: none;
padding: 10px;
border-radius: 6px;
font-size: 13px;
font-weight: bold;
transition: 0.3s;
}

.btn-review { background: #eee; color: #333; }
.btn-loja { background: #FF9900; color: #fff; } /* Laranja Amazon */
.btn-loja:hover { background: #e68a00; }

Apple