/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 11 2025 | 12:16:30 */
/* ---------- IMAGEM PRINCIPAL DO PRODUTO ---------- */

/* Coluna da imagem: centralizada, sem alturas manhosas */
.single-product div.product div.images {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

/* Caixa da imagem principal: quadrado controlado (pode ajustar 380/420, etc.) */
.single-product div.product div.images .woocommerce-product-gallery__image {
    width: 380px !important;      /* largura máxima da imagem */
    max-width: 100% !important;   /* em ecrãs pequenos encolhe */
    height: 380px !important;     /* altura fixa para fazer o "fit" */
    margin: 0 auto;
    overflow: hidden !important;
    position: relative;
    border-radius: 8px;           /* opcional: cantos ligeiramente arredondados */
}

/* A imagem principal preenche a caixa, cortando se for mais alta/larga */
.single-product div.product div.images .woocommerce-product-gallery__image img.wp-post-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;            /* faz o "fit" e corta o excesso */
    max-width: none !important;
    max-height: none !important;
    display: block;
}

/* O zoom (zoomImg) não influencia o tamanho da caixa */
.single-product div.product div.images .woocommerce-product-gallery__image img.zoomImg {
    width: auto !important;
    height: auto !important;
}

.smp-informativo {
    font-size: 0.8em;      /* texto mais pequeno */
    opacity: 0.8;          /* um bocadinho mais suave */
    display: inline-block;
    margin-top: 2px;       /* afasta ligeiramente do preço */
}

/* ---------- RESPONSIVO (MÓVEL) ---------- */

@media (max-width: 768px) {
    .single-product div.product div.images .woocommerce-product-gallery__image {
        width: 100% !important;   /* ocupa a largura do ecrã */
        height: 320px !important; /* um pouco mais baixo em mobile */
    }
}

/* ---------- mais comprados homepage ---------- */


/* Esconder os botões */
.pxl-product-actions {
    display: none !important;
}

/* Card mais “tipo produto”: sem padding em cima */
.pxl-product-item {
    padding: 20px 20px 20px !important;  /* sem padding top, só laterais e baixo */
    height: auto !important;
}

/* A zona da imagem ocupa toda a largura do card */
.pxl-product-featured {
    margin: 0 -20px 15px !important;  /* estica a imagem até aos lados do card */
}

/* A imagem em si preenche a área toda do topo do card */
.pxl-product-featured img.pxl-image {
    width: 100% !important;
    height: auto !important;
    display: block;
    border-radius: 20px;              /* bordas redondas em cima e em baixo */
}

/* Slide acompanha a altura do conteúdo */
.pxl-product .swiper-slide {
    height: auto !important;
}