@font-face { font-family:'Bauhaus'; src:url('fonts/BauhausRegular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Bauhaus'; src:url('fonts/BauhausItalic.woff2') format('woff2'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:'Bauhaus'; src:url('fonts/BauhausBold.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Bauhaus'; src:url('fonts/BauhausBoldItalic.woff2') format('woff2'); font-weight:700; font-style:italic; font-display:swap; }

body { margin:0; background:#ffffff; -webkit-font-smoothing:antialiased; }
a { color:#A81C1B; text-decoration:none; }
a:hover { color:#7d1512; }

.nav-dropdown-menu { display:none; }
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown.open .nav-dropdown-menu { display:flex; }
.nav-dropdown-menu a:hover { background:#F4F3F1; color:#A81C1B !important; }
.nav-dropdown-trigger svg { transition:transform .15s ease; }
.nav-dropdown:hover .nav-dropdown-trigger svg,
.nav-dropdown.open .nav-dropdown-trigger svg { transform:rotate(180deg); }

.tempi-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:36px 28px; }
@media (max-width: 560px) { .tempi-grid { grid-template-columns:repeat(2, 1fr); } }

.nav-toggle { display:none; background:none; border:none; padding:6px; cursor:pointer; align-items:center; justify-content:center; }
@media (max-width: 760px) {
  .nav-toggle { display:flex; }
  .main-nav { display:none !important; }
  .main-nav.mobile-open {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#ffffff;
    border-bottom:2px solid #000000;
    z-index:80;
    padding:6px 0 12px;
  }
  .main-nav.mobile-open > a,
  .main-nav.mobile-open > .nav-dropdown > .nav-dropdown-trigger {
    width:100%;
    box-sizing:border-box;
    padding:14px clamp(20px,5vw,56px) !important;
    border-bottom:1px solid #eee !important;
    justify-content:space-between;
  }
  .main-nav.mobile-open .nav-dropdown { flex-direction:column; align-items:stretch; width:100%; }
  .main-nav.mobile-open .nav-dropdown-menu {
    position:static !important;
    border:none !important;
    margin-top:0 !important;
    min-width:0 !important;
    width:100%;
    box-sizing:border-box;
  }
  .main-nav.mobile-open .nav-dropdown-menu a { padding-left:calc(clamp(20px,5vw,56px) + 14px) !important; }
  .main-nav.mobile-open .nav-dropdown.open .nav-dropdown-menu { display:flex; }
}