.mdf-bg { padding: 40px 0 0; }
.mdf-header { text-align: center; font: 52.5px / 1.2 titillium; max-width: 90%; margin: 0 auto;}
.mdf-header h2 { text-align: center; margin: 0 0 30px; }
.mdf-brand-group { margin-bottom: 50px; }
.mdf-brand-link { display: inline-flex; flex-direction: column; gap: 10px; text-decoration: none; color: inherit;  margin-bottom: 20px;}
.mdf-brand-logo img { max-height: 48px; width: auto; }
.mdf-brand-name { margin: 0; font: 700 20px / 1.2 titillium; }
.mdf-grid { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; padding: 0; margin: 0; }
.mdf-card { display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: inherit; align-items: center; position: relative; overflow: hidden; }
.mdf-card .parent::after { position: absolute; content: ''; width: 80px; height: auto; aspect-ratio: 1/1; background-color: var(--cor2); transform: rotate(45deg) translate(-50%, -50%); top: 18px; left: -50px; }
.mdf-card .btn-saiba { display: flex; align-items: center; justify-content: center; background: var(--cor2); color: var(--branco); width: 120px; height: 40px; text-align: center; font: 500 12.02px montserrat; }
.mdf-image { border: 1px solid #ddd; background: #fff;overflow: hidden; display: flex; height: 240px; width: 240px; align-items: center; justify-content: center; }
.mdf-image img { width: 100%; height: 100%; object-fit: cover; } 
.mdf-card-title { margin: 0; font: 700 21.68px / 1.3em titillium; text-align: center; }
.mdf-topbar { margin-bottom: 15px; }
.mdf-back-link { color: #0b2b94; text-decoration: none; font: 600 16px montserrat; text-transform: uppercase; letter-spacing: 3.18px; color: var(--branco); background: var(--cor1); padding: 0 10px; height: 40px; display: flex; align-items: center; justify-content: center; max-width: max-content; }
.mdf-brand-title { font: 600 24px / 1 titillium }

.mdf-line-title { margin: 12px 0; font: 500 20px / 1 titillium; display: block; }
.mdf-line-group { margin-bottom: 35px; }

.mdf-parent-bg { box-shadow: 0 0 20px 0 rgba(0, 0, 0, .11); padding: 90px 0; }

.mdf-parent-bg:nth-child(2) { box-shadow: none; }

/* .mdf-card .img { display: flex; align-items: center; justify-content: center; aspect-ratio: 4/3; background: var(--cinza); height: 200px; } */
.mdf-card .img {    display: flex;    align-items: center;    justify-content: center;    aspect-ratio: 1 / 1;   max-width: 100%;    background: #ddd;    position: relative;    overflow: hidden;}
.mdf-card .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mdf-brand-link span { font: 600 18.01px montserrat; color: var(--cinza); }

.mdf-card .parent { position: relative; width: fit-content; overflow: hidden;}
.mdf-card .hover { background: #0b2b9474; width: 100%; position: absolute; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; z-index: 99; top: 0; left: 0; opacity: 0; visibility: hidden; transition: .4s ease ; }
.mdf-card:hover .hover { opacity: 1; visibility: visible; pointer-events: all; }

.mdf-card .mdf-btn { background: var(--cor2); color: var(--branco); width: 100%; max-width: 120px; height: 40px; font: 12px montserrat; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.empty-produtos { font: 600 16px montserrat; grid-column: 1/-1; }


@media(max-width:990px){
  .mdf-brand-name {text-align: center; max-width: 80%; margin: 0 auto;}
  .mdf-brand-link {margin: 0 auto 20px; justify-content: center; align-items: center; width: 100%;}
  .mdf-brand-link span {text-align: center;}
  .mdf-header {font-size: clamp(28px,4vw,34px);}
  
  .mdf-parent-bg {padding: 25px 0;}
}

@media(max-width:990px){
  .mdf-grid{ grid-template-columns: repeat(2, minmax(10px, 1fr));}

}

@media (max-width: 500px) {
    .mdf-card-title {
        font-size: clamp(15px, 2.5vw, 25px);
    }
}