.compat-list {
  margin-top:20px;
}

.compat-list ul {
  padding-left:15px;
}

.astra-departamentos {
  position: relative;
}

/* Breadcrumb no topo */
.woocommerce-breadcrumb {
    width: 100%;
    margin-bottom: 20px;
    font-size: 0.9em;
}

/* Wrapper das 3 Colunas */
.product-columns-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 3 colunas iguais */
    gap: 30px;
    margin-bottom: 50px;
}
	
	.product-columns-wrapper > div {
		padding: 1rem;
	}
	
	.product-columns-wrapper > div > div {
		min-width: fit-content !important;
	}
	
.col-image img { width: 100%; height: auto; }

/* Estilo das Seções Verticais */
.product-section {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    clear: both;
}

.product-section h2 {
    margin-bottom: 20px;
    font-size: 1.5em;
    text-transform: uppercase;
    border-left: 4px solid #cc0000; /* Destaque visual */
    padding-left: 15px;
}

/* Estilo da Coluna 3 (Caixa de Compra) */
.col-buy-box {
    background: #fdfdfd;
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* Ajuste dos elementos dentro da coluna de compra */
.col-buy-box .cart {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Botão de compra ocupando 100% da largura */
.col-buy-box .single_add_to_cart_button {
    width: 100% !important;
    padding: 15px !important;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #cc0000; /* Cor de destaque */
}

.col-buy-box .quantity input {
    width: 100%;
    margin-bottom: 10px;
    height: 45px;
}

/* Título e Preço na Coluna 2 */
.col-title h1 { margin-bottom: 10px; font-size: 24px; }
.col-title .price { font-size: 28px; color: #cc0000; font-weight: bold; }


/* Responsividade: Vira 1 coluna no Mobile */
@media (max-width: 991px) {
    .product-columns-wrapper {
        grid-template-columns: 1fr;
    }
}