/*   Principal  */
.single-product {
    background:#000;
    margin-top: 30px;
}

/* ==========================
   AJUSTE FINAL PRODUTO - BLOCOS PRÓXIMOS
   ========================== */

/* 1. Container principal do produto */
.single-product div.product {
    display: flex !important;        /* força layout flex */
    flex-wrap: wrap;                 /* permite empilhar no mobile */
    justify-content: flex-start;     /* mantém blocos à esquerda */
    gap: 10px !important;            /* distância mínima entre blocos */
    position: relative;              /* referência para ajustes do resumo */
}

/* 2. Galeria de imagens (bloco esquerdo) */
.single-product div.product .woocommerce-product-gallery {
    flex: 0 0 60% !important;        /* largura da galeria */
    max-width: 60% !important;
    display: flex;
    justify-content: center;         /* centraliza imagem horizontalmente */
    align-items: center;
    text-align: center;
}

/* 3. Imagem principal */
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

/* 4. Miniaturas da galeria */
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
    padding: 0;
    list-style: none;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
    float: none;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img {
    max-width: 70px;
    border-radius: 6px;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img:hover {
    transform: scale(1.05);
}

/* 5. Resumo / detalhes (bloco direito) */
.single-product .product .summary {
    flex: 0 0 35% !important;       /* largura reduzida para aproximar da galeria */
    max-width: 35% !important;
    margin: 0 !important;
    position: relative;
    left: -30px;                     /* aproxima bloco da esquerda (ajuste valor se necessário) */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;             /* centraliza conteúdos internos */
    text-align: center;
}

/* 6. Nome do produto */
.single-product .product .summary .product_title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 15px;
    color: #e50914;
}

/* 7. Preço do produto */
.single-product .product .summary .price {
    font-size: 1.5rem;
    margin-bottom: 20px;
    color: #fff;
}

/* 8. Botão adicionar ao carrinho */
.single-product .product .summary .single_add_to_cart_button {
    background: #e50914;
    color: #fff;
    font-size: 1.2rem;
    padding: 12px 20px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
}

.single-product .product .summary .single_add_to_cart_button:hover {
    background: #f6121d;
}

/* 9. Ajustes mobile - empilha galeria + resumo centralizados */
@media (max-width: 768px) {
    .single-product div.product {
        flex-direction: column;
        align-items: center;
    }
    
    .single-product div.product .woocommerce-product-gallery,
    .single-product .product .summary {
        flex: 0 0 90% !important;
        max-width: 90% !important;
        left: 0 !important; /* remove deslocamento no mobile */
        margin-bottom: 20px;
    }
}


/*  Thumbnail  */
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    
    background-color:#212121;
	float:left;
    /*margin: 0 3.8% 2.992em 0!important;*/
    padding: 0 2px 0 2px !important;
    position: relative;
    width: 50%;
    margin-left: 0;
    clear: none!important;
}


.woocommerce .products ul, .woocommerce ul.products {
    margin: 0 0px 0px 35px;
    padding: 0;
    list-style: none outside;
    clear: both;
}