/* Estilos extraídos de shop.html */
.header-info-bar { width: 90%; max-width: 600px; margin: 5px auto 15px auto; text-align: center; font-size: 0.8em; color: #a0a0a0; }
    .header-info-bar a { color: var(--cor-titulo-dourado); text-decoration: none; }
    .shop-grid { display: grid; grid-template-columns: 1fr; gap: 15px; } /* Alterado para 1 coluna em telas pequenas */
    
    @media (min-width: 600px) {
        .shop-grid {
            grid-template-columns: 1fr 1fr; /* 2 colunas para telas maiores */
        }
    }

    .shop-card {
        background: var(--cor-item-lista);
        border-radius: 8px;
        text-decoration: none;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: transform 0.2s, box-shadow 0.2s;
        overflow: hidden; /* Garante que a imagem não saia dos cantos arredondados */
        border: 1px solid #444;
    }
    .shop-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    }
    .shop-card .card-image-container {
        width: 100%;
        height: 120px; /* Altura da imagem */
        background-color: #000;
    }
    .shop-card img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* ESSENCIAL: Evita que a imagem fique distorcida */
    }
    .card-content {
        padding: 15px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }
    .card-content h3 {
        font-size: 1.2em;
        margin: 0 0 5px 0;
    }
    .card-content p {
        font-size: 0.9em;
        color: var(--cor-texto-secundario);
        margin: 0;
        line-height: 1.4;
    }
    .container { flex-grow: 1; display: flex; flex-direction: column; }