/* Layout Geral */
    .full {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 20px;
    }
    .motora {
        width: 1200px;
        margin: 0 auto;
    }
    .clear {
        clear: both;
    }

    /* Seção: Galeria e Informações do Produto */
    .foto {
        width: 45%;
        float: left;
        padding: 10px;
        box-sizing: border-box;
    }
    .acao {
        width: 55%;
        float: right;
        padding: 0px 80px 0px 80px;
        box-sizing: border-box;
    }

    /* Título e preço com classes próprias para SEO e estilização */
    .product-title {
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .product-price {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 15px;
        color:#02961D;
    }

    /* Seção: Descrição e Atributos */
    .description {
        width: 65%;
        float: left;
        padding: 10px;
        box-sizing: border-box;
        font-size: 1rem;
        padding-right: 50px;
        white-space: pre-wrap;
    }
    .description h2 {
        font-size: 1.2rem;
        font-weight:600;
        padding-top: 15px;
    }
    .atributos {
        width: 35%;
        float: right;
        padding: 10px;
        box-sizing: border-box;
    }
    .cinza {
        background-color: #fbfbfb;
        padding: 20px 0;
    }
    .motora h2 {
        margin-bottom: 10px;
        font-size: 1.2rem;
        font-weight: 600;
        padding-bottom: 20px;
    }

    /* Abas */
    .container-padrao {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
    }
    .tabs-navigation {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-bottom: 20px;
    }
    .tab-title {
        padding: 10px 20px;
        cursor: pointer;
        border-bottom: 2px solid transparent;
        font-weight: bold;
    }
    .tab-title.active {
        border-bottom: 2px solid var(--primary-color);
        color: #000;
    }
    .tab-content {
        display: none;
        padding: 20px 0;
    }
    .tab-content.active {
        display: block;
    }

    /* Estilo do "Ler mais" centralizado */
    .read-more-container {
        text-align: center;
        margin-top: 10px;
    }
    .read-more {
        display: inline-block;
        color: var(--primary-dark);
        text-decoration: none;
        font-weight: 600;
        font-size: 1rem;
    }

    /* Atributos personalizados */
    .custom-attributes p {
        margin: 5px 0;
        display:flex;
        align-content:center;
        justify-content:space-between;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#eaeaea;
        padding-bottom:3px;
        font-size:14px;
        text-transform:capitalize;
    }
    .custom-attributes p strong {
        font-size:0.8rem;
        font-weight:600;
    }
    .atributos-box h2 {
        text-align:center;
        font-size:1.2rem;
        font-weight:600;
    }
    .atributos-box {
        background-color: #F3F3F3;
        padding:25px;
        border-radius:15px;
    }

    /* Parcelamento Accordion */
    .parcelamento-acordeon {
        margin-top: 20px;
        border: 1px solid transparent;
        border-radius: 5px;
        width: 100%;
    }
    .toggle-input {
        display: none;
    }
    .toggle-label {
        display: flex;
        align-items: center;
        background-color: transparent;
        color: green;
        font-weight: bold;
        font-size: 0.9rem;
        padding: 10px 0;
        cursor: pointer;
        text-align: left;
        user-select: none;
        transition: color 0.3s;
        border: none;
    }
    .toggle-label::before {
        content: '\25BA';
        font-size: 14px;
        margin-right: 8px;
        transition: transform 0.3s;
    }
    .toggle-input:checked + .toggle-label::before {
        content: '\25BC';
        transform: rotate(180deg);
    }
    .parcelamento-conteudo {
        max-height: 0;
        overflow: hidden;
        transition: max-height 1.5s ease;
        padding: 0;
    }
    .toggle-input:checked + .toggle-label + .parcelamento-conteudo {
        max-height: 500px;
        padding: 10px 0;
    }
    .tabela-parcelamento-inline {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-top: 10px;
    }
    .tabela-parcelamento-inline div {
        font-size: 0.8rem;
        color: #333;
        font-weight: 600;
    }
    .motora-shop-loop-installment{
        font-size: 0.9rem;
        color: #b3b3b3;
    }
    /* Botões de Contato */
    .contact-section {
        margin-top: 20px;
        text-align: center;
    }
    div .acao hr{
    	border-style:none;
    	border-width:20px;
    	border-top-width:1px;
    	border-top-style:solid;
    	border-top-color:#efefef;
    	padding-top:10px;
    	padding-bottom:10px;
    }
    .contact-buttons {
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .contact-buttons a {
        font-size: 0.85rem;
        display: inline-block;
        margin: 0 10px;
        padding: 10px 20px;
        background-color: #b3b3b3;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
        transition: background-color 0.3s;
    }
    .contact-buttons a:hover {
        background-color: #999999;
    }

    /* Classes específicas para botões de contato */
    .contact-buttons .btn-whatsapp{
        background-color: #33BE41;
    	transition: all 0.3sease-in-out;
    }

    /* Whatsapp (hover) */
    .contact-buttons .btn-whatsapp:hover{
    	background-color:#059D44;
    }
    .btn-phone {}
    .btn-email {}
    
    div .motora .acao .add-to-cart-section .custom-add-to-cart{
	width:80%;
    }
    
    /* Button */
    .acao .add-to-cart-section .custom-add-to-cart{
    	margin-bottom:25px;
    	margin-top:15px;
    	color:#fff;
    	background-color:#33BE41;
    	transition: background-color 0.3s;
    	font-size: 1rem;
    	font-weight: 600;
    }
    .acao .add-to-cart-section .custom-add-to-cart:hover{
        color: #fff;
    	background-color:#059D44;
    }
    /* Add cart section */
    div .acao .add-to-cart-section{
    	text-align:center;
    	color:#ffffff;
    	
    }
    #calcular-frete-form{
	justify-content:center;
	
    }
    /* Product meta */
    .produto-sku {
        color: #b3b3b3;
    	padding-top:15px;
    	font-size:14px;
    	font-weight:600;
    	text-transform:capitalize;
    	gap: 20px
    }
    	
    .product_meta .posted_in a{
    	text-decoration: none;
    	color: #6b6b6b;
    	font-weight: 500;
    }
    .contact-section p{
	    color:#6b6b6b;
	}
    .product_meta .sku_wrapper span{
	    font-weight:500;
	    color:#6b6b6b;
    }
    .produto-sku .product_meta .posted_in{
    	padding-left:25px;
    	
    }
    /*tabela de frete*/
    /* Frete produto */
    .frete-produto-table tr .frete-produto-th{
    	background-color:transparent;
    	border-style:none;
    	padding-left:10px;
    	padding-right:10px;
    	padding-top:5px;
    	padding-bottom:5px;
    	font-size:14px;
    	color:#5e5e5e;
    	
    }
    
    /* Body Of Table */
    #frete-result .frete-produto-table tbody{
    	font-size:14px;
    	color:#707070;
    	font-weight:500;
    	line-height:25px;
    	text-align:left;
    }
    
    /* Frete metodo */
    .frete-produto-table tbody .frete-metodo-td{
    	padding-left:10px;
    	padding-right:10px;
    }
    
    /* Frete valor */
    .frete-produto-table tbody .frete-valor-td{
    	padding-right:10px;
    	padding-left:10px;
    }
    
    /* Frete prazo */
    .frete-produto-table tbody .frete-prazo-td{
    	padding-left:10px;
    	padding-right:10px;
    }
    
    /* Wrapper do form */
    .add-to-cart-form {
        display: flex;
        justify-content: center; /* centraliza horizontalmente */
        align-items: center;     /* alinha verticalmente */
        gap: 10px;               /* espaço entre input e botão */
        flex-wrap: wrap;         /* quebra no mobile se faltar espaço */
        margin-bottom: 15px;
    }
    
    /* Input quantidade */
    .add-to-cart-qty {
        width: 60px;
        height: 40px;
        padding: 5px;
        font-size: 0.9rem;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 5px;
        transition: border-color 0.3s, box-shadow 0.3s;
    }
    
    .add-to-cart-qty:focus {
        outline: none;
        border-color: #ddd;
    }
    
    /* Botão comprar */
    .add-to-cart-button {
        background-color: #28a745;
        border: 2px solid #28a745;
        color: #fff;
        padding: 10px 20px;
        font-size: 0.9rem;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .add-to-cart-button:hover {
        background-color: #218838;
        border-color: #218838;
    }



    div .acao .price-part-number{
    	display:flex;
    	justify-content:space-between;
    }
    
    /* Part number container2 */
    .price-part-number .part-number-container2{
    	font-size:14px;
    	font-weight:600;
    	background-color:#e0e0e0;
    	padding:5px 15px;
    	border-radius:5px;
    	color:#545454;
    	
    }
    .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    }
    
    #main-carousel .splide__slide img {
    cursor: grab;
    }
    
    #main-carousel .splide__slide img:active {
        cursor: grabbing;
    }

    
    /* Remove borda ou highlight da thumbnail ativa */
    #thumbnail-carousel .splide__slide.is-active,
    #thumbnail-carousel .splide__slide.is-active img {
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
    }
    
    button.splide__arrow.splide__arrow--next {
    background-color: transparent;
    }
    
    button.splide__arrow.splide__arrow--prev {
    background-color: transparent;
    }
    
    /* Media Queries para otimizar o layout em dispositivos móveis */
    @media (max-width: 768px) {
        .full {
            padding: 10px 0px;
            margin: 0px;
        }
        .motora {
            width: 100%;
            padding: 0 10px;
        }
        .foto, .acao, .description, .atributos {
            width: 100%;
            float: none;
            padding: 0px;
        }
        .breadcrumb {
            font-size: 0.7rem;
        }
        .description {
            margin-bottom: 20px;
        }
        .tabs-navigation {
            flex-direction: column;
            align-items: center;
        }
        .tab-title {
            margin-bottom: 10px;
        }
        .tabela-parcelamento-inline {
            grid-template-columns: 1fr;
        }
            	/* Acao */
    	div .motora .acao{
    		padding-left:0px;
    	}
    	
    	/* Contact buttons */
    	.acao .contact-section .contact-buttons{
    		padding-top:25px;
    		display:inline-block;
    	}
    	.motora-product-info-tabs .tabs-navigation{
		flex-wrap:wrap;
		gap:2px;
		
    	}
        .motora-product-info-tabs .tabs-navigation .tab-title{
		font-size:0.7rem;
		padding-left:5px;
        }
    	/* Email */
    	.contact-section .contact-buttons .btn-email{
    		margin-top:25px;
    	}
    	
    	/* Atributos */
    	.cinza .motora .atributos{
    		padding-right:10px;
    	}
    	
    	/* Tabs navigation */
    	.motora-product-info-tabs .tabs-navigation{
    		flex-direction:row;
    		font-size:14px;
    	}
    	
    	/* Division */
    	body > div:nth-child(12){
    		padding-bottom:0px;
    	}
	
}


.marketplaces-section {
    margin-top: 24px;
    margin-bottom: 28px;
    padding: 20px 0;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    text-align: center;
}

.marketplaces-title {
    max-width: 430px;
    margin: 0 auto 16px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    color: #666;
}

.marketplaces-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
}

.marketplace-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 38px;
    padding: 0 20px;
    box-sizing: border-box;
    border: 0;
    border-radius: 9px;
    overflow: hidden;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.10);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.marketplace-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 16px rgba(0,0,0,.14);
    filter: brightness(.98);
    text-decoration: none !important;
}

.marketplace-button img {
    display: block;
    width: auto;
    height: 21px;
    max-width: 92px;
    max-height: 23px;
    object-fit: contain;
    border: 0;
}

/*Desconto PIX*/
.motora-preco-pix {
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: 16px;
    color: #159426;
}
    
    .motora-preco-pix strong {
    font-size: 18px;
    font-weight: 700;
}
    
    
/* Mercado Livre */
.marketplace-mercadolivre {
    background: linear-gradient(180deg, #fff36b 0%, #ffe600 100%);
}

/* OLX */
.marketplace-olx {
    background: linear-gradient(180deg, #8120e8 0%, #6e0ad6 100%);
    padding-left: 26px;
    padding-right: 26px;
}

/* Shopee */
.marketplace-shopee {
    background: linear-gradient(180deg, #ff6548 0%, #ee4d2d 100%);
}

/* Espaço do estoque */
.estoque-indicativo {
    margin-top: 18px !important;
    margin-bottom: 24px !important;
}

/* Espaço antes do frete */
.calcular-frete {
    margin-top: 10px;
}

@media (max-width: 600px) {
    .marketplaces-section {
        margin-top: 22px;
        margin-bottom: 24px;
        padding: 18px 10px;
    }

    .marketplaces-title {
        margin-bottom: 15px;
        font-size: 13px;
        line-height: 1.45;
    }

    .marketplaces-buttons {
        gap: 9px;
    }

    .marketplace-button {
        min-width: 94px;
        height: 44px;
        padding: 0 14px;
        border-radius: 8px;
    }

    .marketplace-button img {
        height: 18px;
        max-width: 68px;
        max-height: 20px;
    }

    .marketplace-olx {
        padding-left: 16px;
        padding-right: 16px;
    }
}


/* =====================================
   AGRUPAMENTO DOS PREÇOS
===================================== */

.price-part-number .price-values {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}


/* =====================================
   PREÇO PIX - VERDE E DESTACADO
===================================== */

.price-part-number .motora-preco-pix {
    color: #159426;
    font-size: 16px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 5px;
}

.price-part-number .motora-preco-pix strong {
    color: #159426;
    font-size: 26px;
    font-weight: 700;
}


/* =====================================
   PREÇO NORMAL QUANDO EXISTE PIX
   CINZA E MENOR
===================================== */

.price-part-number .preco-normal-com-pix,
.price-part-number .preco-normal-com-pix .woocommerce-Price-amount,
.price-part-number .preco-normal-com-pix ins,
.price-part-number .preco-normal-com-pix del {
    color: #777777;
}

.price-part-number .preco-normal-com-pix {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}


/* =====================================
   PREÇO NORMAL QUANDO NÃO EXISTE PIX
   VERDE E DESTACADO
===================================== */

.price-part-number .preco-normal-sem-pix,
.price-part-number .preco-normal-sem-pix .woocommerce-Price-amount {
    color: #02961D;
}

.price-part-number .preco-normal-sem-pix {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
}