.mdf-product-bg { padding: 40px 0 60px;}
.mdf-product-content { display: grid; grid-template-columns: repeat(2, 1fr); align-items: start;}
.mdf-product-image { border: 1px solid #ddd; background: #fff; width: 100%; aspect-ratio: 1 / 1; display: block;}
.mdf-product-image img { width: 100%; height: 100%; object-fit: cover;}
.mdf-product-info { padding-left: 70px; }
.mdf-product-info .titulo { font:700 32px / 1.1 titillium;}
.mdf-product-info .mdf-product-description { font: 15px / 2 montserrat; color: var(--preto); }
.mdf-product-brand { margin: 0 0 16px; color: #555;}
.mdf-product-description { margin: 20px 0; line-height: 1.6;}
.mdf-specs { display: grid; grid-template-columns: repeat(4, minmax(180px, 1fr)); gap: 12px 18px; margin: 70px 0 0; }
.btn-whats { display: inline-block; background: #1fbf53; color: #fff; text-decoration: none; font-weight: 700; padding: 10px 14px;}
.mdf-empty { padding: 40px 0;}

.galeria-parent .img { display: flex; align-items: center; justify-content: center; aspect-ratio: 4/3; position: relative; overflow: hidden; background: #eee; } 
.galeria-parent .img::after { content: ''; position: absolute; width: 80px; height: auto; aspect-ratio: 1/1; background-color: var(--cor2); transform: rotate(45deg) translate(-50%, -50%); top: 18px; left: -50px; }
.galeria-parent .img img { display: block; width: 100%; height: 100%; object-fit: contain; }

.item-mdf-spec { display: flex; flex-direction: column; gap: 15px; }
.item-mdf-spec .img { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: max-content; margin: 0 auto; }
.item-mdf-spec .img img { width: 100%; height: 100%; display: block; object-fit: contain; max-height: 40px; aspect-ratio: 1/1; }
.item-mdf-spec .texto { text-align: center; font: 21.68px / 1 titillium; }
.item-mdf-spec .nome { font-weight: 700; text-align: center; }

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

.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: 900px) { 
  .mdf-product-content { grid-template-columns: 1fr; }
}