/* 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;
    }
    
    .add-to-cart-button {
    display: inline-block;
    background-color: #28a745;
    border: 2px solid #28a745;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 0.9rem;
    border-radius: 5px;
    transition: background 0.3s;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    }
    
    .add-to-cart-button:hover {
        background-color: #218838;
        border: 2px solid #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;
    	}
	
}