/* CSS personalizado para a página do produto */

/* Sobrescreve a largura total da página principal */
.catalog-product-view .page-main {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

/* Garante que o conteúdo da página do produto use os containers Bootstrap */
.catalog-product-view .page-content {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

/* Remove margens e paddings desnecessários */
.catalog-product-view .column.main {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

/* Garante que os containers Bootstrap funcionem corretamente */
.catalog-product-view .container-fluid {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

/* Ajusta o espaçamento para telas menores */
@media (max-width: 767px) {
    .catalog-product-view .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Remove qualquer margem automática que possa estar causando problemas */
.catalog-product-view .page-wrapper {
    margin: 0 !important;
}

/* Garante que o header e footer não interfiram */
.catalog-product-view .page-header,
.catalog-product-view .page-footer {
    width: 100% !important;
    max-width: 100% !important;
}