/* Novo topo da oferta: so celular, exceto a barra (que tambem e so celular). */
.mf-bar{display:none}
#mf-geschmack{scroll-margin-top:12px}
@media (max-width:767px){
  header{margin-top:0!important}
  header nav{display:none!important}
  header .container{padding-top:4px!important;padding-bottom:4px!important}
  header img{max-width:96px!important}
  #angebot{padding-top:8px!important}
  #angebot>.grid{gap:10px!important}
  .mf-gal-main{aspect-ratio:auto!important;height:27vh}
  .mf-gal-th{display:none!important}
  #angebot a[href="#shopifyReviews"]{flex-direction:row!important;align-items:center;gap:6px!important;margin-bottom:6px!important}
  #angebot a[href="#shopifyReviews"] span{font-size:12px!important}
  .mf-h1{font-size:23px!important;line-height:1.2!important;margin-bottom:10px!important}
  .mf-cta{margin-bottom:14px}
  .mf-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.14)}
  .mf-bar-p{font-size:20px;font-weight:700;color:#0c1115}
  .mf-bar button{flex:1;max-width:230px;background:#DF2026;color:#fff;border:0;border-radius:5px;padding:12px 10px;font-size:15px;font-weight:600}
}
@media (max-width:767px) and (max-height:700px){
  .mf-gal-main{height:19vh}
}