.produto-interna-bg { padding: 40px 0 112px;}
.produto-interna .produto-breadcrumb { display: flex; align-items: center; gap: 8px; margin: 0 0 28px; color: #696969; font: 14px/1.3 montserrat;}
.produto-interna .produto-breadcrumb a { color: inherit; text-decoration: none;}
.produto-interna .produto-breadcrumb a:hover { color: var(--cor1);}
.produto-interna-card { display: grid; grid-template-columns: minmax(320px, 480px) 1fr; gap: 48px; }
.produto-interna-imagem { display: flex; align-items: center; justify-content: center; border: 2px solid var(--cor1); aspect-ratio: 1 / 1; background: #fff;}
.produto-interna-imagem img { width: 90%; height: 90%; object-fit: contain; display: block;}
.produto-interna-categoria { color: var(--cor1); text-transform: uppercase; letter-spacing: 1.2px; font: 700 12px/1.3 montserrat; margin: 0 0 10px;}
.produto-interna-titulo { font: 700 32px/1.1 titillium; color: var(--preto); margin: 0;}
.produto-interna-acoes { display: flex; gap: 14px; margin: 30px 0 0; flex-wrap: wrap;}
.produto-interna-btn { min-height: 44px; padding: 0 24px; background: var(--cor1); color: var(--branco); display: inline-flex; align-items: center; justify-content: center; text-decoration: none; text-transform: uppercase; font: 600 12px/1 montserrat; letter-spacing: 0.72px;}
.produto-interna-btn.produto-interna-btn-secundario { background: var(--cor2);}

.thumbnails { display: block; margin-top: 20px; }

.produto-thumbnails { display: flex; justify-content: center; align-items: center; padding: 15px; box-sizing: border-box; }
.produto-thumbnails img { display: block; width: 100%; height: 100%; }

.thumbnails .splide__track--nav>.splide__list>.splide__slide.is-active { border: 1px solid var(--cor1); }

.whats-btn { display: flex; align-items: center; background-color: var(--zap); height: 40px; max-width: 240px; justify-content: center; color: var(--branco); font: 500 12px montserrat; gap: 8px; margin-top: 80px; }
.whats-btn .img { display: flex; align-items: center; justify-content: center; }

.produto-interna-conteudo .descricao { font: 14.51px / 2 montserrat; margin-top: 25px; }

.related .item .img,
.related .item {position: relative;}
.related .item:hover .btn-saiba { background: var(--preto);}
.related .item:hover { transform: translateY(-4px); }
.related .item:hover img { transform: scale(1.06); }
.related .item .hover { visibility: hidden; opacity: 0; position: absolute; width: 100%; height: 100%; background: #14267ec3; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: .4s ease; } 
.related .item:hover .hover { visibility: visible; opacity: 1; }

.related-bg { padding: 80px 0; box-shadow: 0 0 10px 0 rgba(0, 00, 0, 0.18) }
.related .item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; }
.related .item .title { font: 14px / 1.75 montserrat; text-align: center;}
.related .img { display: flex; align-items: center; justify-content: center; padding: 15px; border: 2px solid var(--cor1) }
.related .img img { display: block; width: 100%; height: 100%; }
.related .btn-saiba { display: flex; text-align: center; height: 40px; width: 120px; background: var(--cor2); border: none; color: var(--branco); font: 500 12px montserrat; justify-content: center; align-items: center;}
.related .item:hover .btn-saiba { background: var(--preto);}

.related .titulo { text-align: center; font: 52.5px / 1 titillium; color: var(--preto); margin-bottom: 50px; }

.galeria-parent .splide__arrows { display: flex; align-items: center; position: absolute; gap: 15px; right: 30px; bottom: 30px; }
.galeria-parent .splide__arrow { position: static; transform: unset; opacity: 1; background: var(--cor2); width: 40px; aspect-ratio: 1/1; height: 40px; }
.galeria-parent .splide__arrow svg { fill: var(--branco); }


@media(max-width: 1250px){
    .produto-interna-bg { padding: 60px 0; }
}

@media (max-width: 990px) { 
    .produto-interna-bg {padding: 25px 0;}
    .related-bg { padding: 40px 0; }
    .related .titulo { font-size: clamp(32px, 4vw, 45px); margin-bottom: 25px; }
    .produto-interna-card { grid-template-columns: 1fr; gap: 28px; }
    .produto-interna-titulo { font-size: 38px; }
}

@media (max-width: 540px) {
    .produto-interna .produto-breadcrumb { flex-wrap: wrap; gap: 6px; }
    .produto-interna-titulo { font-size: 30px; }
}