.mbmgg-genre-grid{display:grid;grid-template-columns:repeat(auto-fit,300px);justify-content:center;gap:24px;max-width:1272px;margin:30px auto}.mbmgg-box{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background-size:cover;background-position:center;background-color:#ddd;text-decoration:none;overflow:hidden}.mbmgg-box-overlay{display:flex;flex-direction:column;align-items:center;gap:10px;width:80%;padding:20px 16px;background:rgb(255 255 255 / .88);text-align:center}.mbmgg-box-subtitle{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#444;line-height:1.5}.mbmgg-box-title{font-family:Georgia,'Times New Roman',serif;font-size:22px;color:#1e1e1e;line-height:1.2}.mbmgg-box-button{display:inline-block;margin-top:4px;padding:8px 18px;border:1px solid #333;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#333;background:#fff0;transition:background-color 0.15s ease-in-out,color 0.15s ease-in-out}.mbmgg-box-button:hover{background-color:#9265A6;border-color:#9265A6;color:#fff}.mbmgg-page-intro{max-width:700px;margin:0 auto 30px auto}.mbmgg-page-intro-divider{display:flex;align-items:center;gap:10px;margin-bottom:20px}.mbmgg-divider-line{flex:1;height:1px;background:#d8cbe0}.mbmgg-divider-mark{color:#9265A6;font-size:14px;line-height:1}.mbmgg-page-intro-text{line-height:1.7}