/* min menu: XD coordinates below the 53px device status bar. */
.saito-ui-icon {
  display:block;
  flex:none;
  width:24px;
  height:24px;
  fill:currentColor;
  overflow:visible;
}

.saito-ui-menu {
  width:28px;
  height:20px;
}

.saito-language .saito-ui-icon {
  width:22px;
  height:22px;
}

.saito-search-toggle .saito-ui-icon {
  width:21.414px;
  height:21.414px;
}

.saito-action:disabled {
  opacity:1;
  cursor:default;
}

.saito-menu-dialog {
  position:fixed;
  inset:0;
  width:100%;
  max-width:none;
  height:100dvh;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  background:#fff;
  color:var(--saito-ink);
  overflow-y:auto;
  overscroll-behavior:contain;
}

.saito-menu-dialog::backdrop {
  background:#fff;
}

.saito-menu-dialog-header {
  display:flex;
  height:64px;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 1px 3px #0000000d;
}

.saito-menu-dialog-header .saito-logo {
  width:min(244px,calc(100vw - 105px));
  margin-left:10px;
}

.saito-menu-close {
  width:64px;
  height:64px;
  padding:0;
  background:var(--saito-green);
  color:#fff;
  gap:8px;
}

.saito-menu-close small {
  font-size:10px;
}

.saito-menu-dialog-content {
  padding:30px 20px 23px;
}

.saito-dialog-social {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  height:26px;
  margin-bottom:30px;
  color:#a3a3a3;
}

.saito-dialog-social a {
  position:relative;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  padding:0;
  border:0;
  background:none;
  color:inherit;
  opacity:1;
}

.saito-dialog-social .saito-ui-icon {
  filter:brightness(0) invert(.6392156863);
  position:absolute;
  left:1px;
  top:1px;
}

.saito-dialog-search {
  display:flex;
  height:56px;
  margin:0;
  border:0;
  border-radius:4px;
  background:#fff;
  color:#523150;
}

.saito-dialog-search input {
  flex:1;
  width:0;
  min-width:0;
  padding:10px 12px;
  border:0;
  border-radius:4px 0 0 4px;
  background:transparent;
}

.saito-dialog-search button {
  display:grid;
  place-items:center;
  flex:none;
  width:44px;
  padding:0;
  border:0;
  border-radius:0 4px 4px 0;
  background:transparent;
  color:inherit;
}

.saito-dialog-search .saito-ui-icon {
  width:21.414px;
  height:21.414px;
}

.saito-dialog-primary {
  margin-top:18px;
}

.saito-dialog-primary-menu {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}

.saito-dialog-primary-menu a {
  display:block;
  width:fit-content;
  max-width:100%;
  color:inherit;
  font-size:18px;
  font-weight:600;
  line-height:38px;
  letter-spacing:.05em;
  text-decoration:none;
}

.saito-dialog-primary-menu a:hover,
.saito-dialog-sitemap a:hover {
  color:var(--saito-green);
  text-decoration:underline;
}

.saito-dialog-sitemap {
  display:grid;
  grid-template-columns:minmax(0,190fr) minmax(0,171fr);
  margin:36px -4px 0;
}

.saito-dialog-sitemap ul {
  list-style:none;
  margin:0;
  padding:0;
}

.saito-dialog-sitemap li {
  position:relative;
  min-height:34px;
  padding-left:19px;
}

.saito-dialog-bullet {
  display:block;
  position:absolute;
  left:0;
  top:13px;
  width:12px;
  height:12px;
  color:var(--saito-green);
}

.saito-dialog-sitemap a {
  display:block;
  width:calc(100% + 2px);
  padding-block:7px 3px;
  font-size:14px;
  font-weight:500;
  line-height:24px;
  text-decoration:none;
}

.saito-dialog-sitemap ul:nth-child(2) li:nth-child(n+5) {
  transform:translateX(-1px);
}

.saito-dialog-language {
  display:flex;
  align-items:center;
  width:100%;
  height:50px;
  margin-top:22px;
  padding:0 15px;
  border:0;
  border-radius:0;
  background:#8b3d3d;
  color:#fff;
  gap:10px;
  text-decoration:none;
}

.saito-dialog-language span {
  font-family:"DIN Condensed",var(--saito-sans);
  font-size:10px;
  line-height:1;
  text-transform:uppercase;
}

.saito-dialog-language .saito-ui-icon {
  width:22px;
  height:22px;
}

.saito-dialog-language:disabled {
  opacity:1;
  cursor:default;
}

@media (min-width:601px) {
  .saito-menu-dialog-content {
    width:min(600px,100%);
    margin-inline:auto;
  }
}

@media (max-width:374px) {
  .saito-dialog-primary-menu a {
    font-size:16px;
    letter-spacing:0;
  }

  .saito-dialog-sitemap li {
    padding-left:17px;
  }
}