@media only screen and (min-width:768px) and (max-width:1180px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  .site-nav__desktop{display:none!important}
  .site-nav__mobile{display:grid!important;grid-template-columns:56px 1fr 72px!important;align-items:center!important;min-height:88px!important;padding:10px 22px!important}
  .site-nav__mobile-logo img{width:min(220px,34vw)!important}
  .home-hero{min-height:calc(100svh - 88px)!important;padding-top:88px!important}
  .home-hero__brand{max-width:76vw!important}
  .home-hero__brand img:first-child{width:100%!important;max-width:620px!important}
  .home-hero__brand img:last-child{width:min(190px,30vw)!important}
  .home-cuba,.home-maestri,.home-products,.home-blog{overflow:hidden!important}
  .home-maestri__columns{grid-template-columns:1fr!important}
  .home-products__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media only screen and (min-width:768px) and (max-width:1180px){
  .site-nav{
    left:0!important;
    right:0!important;
    width:100%!important;
  }

  .site-nav__mobile{
    width:100%!important;
    grid-template-columns:72px 1fr 92px!important;
    min-height:112px!important;
    padding:14px 34px!important;
    background:#171a17!important;
  }

  .mobile-nav-toggle{
    width:48px!important;
    height:48px!important;
    border:1px solid rgba(199,193,176,.45)!important;
    background:transparent!important;
  }

  .mobile-nav-toggle span{
    width:24px!important;
    height:2px!important;
    background:#c7c1b0!important;
  }

  .site-nav__mobile-logo img{
    width:240px!important;
    max-width:42vw!important;
  }
}

@media only screen and (min-width:768px) and (max-width:1180px){
  .site-nav__mobile{
    display:grid!important;
    width:100%!important;
    grid-template-columns:72px 1fr 72px!important;
  }

  .site-nav__mobile-logo{
    justify-self:center!important;
    justify-items:center!important;
    text-align:center!important;
  }

  .site-nav__mobile-logo img{
    width:220px!important;
    max-width:36vw!important;
  }

  .mobile-nav-toggle{
    display:inline-grid!important;
    justify-self:start!important;
    place-items:center!important;
    gap:5px!important;
  }

  .mobile-nav-toggle span{
    display:block!important;
    width:26px!important;
    height:2px!important;
    background:#c7c1b0!important;
  }

  .lang-switcher--mobile{
    justify-self:end!important;
  }
}

@media only screen and (min-width:768px) and (max-width:1180px){
  .site-nav.mobile-open #mobileNavPanel{
    display:flex!important;
    position:fixed!important;
    top:112px!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    z-index:2147483647!important;
    background:#171a17!important;
    border-top:1px solid rgba(199,193,176,.22)!important;
    padding:24px 28px!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:24px 34px!important;
  }

  .site-nav.mobile-open #mobileNavPanel a{
    color:#c7c1b0!important;
    font-size:18px!important;
    line-height:1.2!important;
    text-decoration:none!important;
  }
}

@media only screen and (min-width:768px) and (max-width:1180px){
  .site-nav.mobile-open #mobileNavPanel{
    top:120px!important;
    gap:10px!important;
    padding:28px 28px 34px!important;
  }

  .site-nav.mobile-open #mobileNavPanel a{
    padding:18px 10px!important;
    margin:2px 0!important;
    font-size:21px!important;
    letter-spacing:.12em!important;
  }
}