/* Jewelry Stories preview: final shared header/menu lock. */
.burger_menu,
.contact-page-layout .contact-burger,
.about-page-layout .about-burger,
.investment-stones-page .menu-icon {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: 38px !important;
  height: 30px !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.burger_menu span,
.contact-page-layout .contact-burger span,
.about-page-layout .about-burger span,
.investment-stones-page .menu-icon span,
.burger_menu span:nth-child(2),
.contact-page-layout .contact-burger span:nth-child(2),
.about-page-layout .about-burger span:nth-child(2),
.investment-stones-page .menu-icon span:nth-child(2) {
  display: block !important;
  width: 38px !important;
  height: 1.5px !important;
  min-height: 1.5px !important;
  max-height: 1.5px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #242424 !important;
  opacity: 1 !important;
  transform: none !important;
}

.contact-page-layout .contact-side-menu,
.about-page-layout .about-side-menu,
#sideMenu.side-menu,
.investment-stones-page .side-menu {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  z-index: 10020 !important;
  width: 612px !important;
  max-width: 92vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 48px 0 34px !important;
  overflow: visible !important;
  background: #fff !important;
  box-shadow: none !important;
  border: 0 !important;
  transform: translateX(-101%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: transform .35s ease, opacity .25s ease, visibility .25s ease !important;
}

.contact-page-layout .contact-side-menu.js-menu-open,
.about-page-layout .about-side-menu.js-menu-open,
#sideMenu.side-menu.js-menu-open,
.investment-stones-page .side-menu.js-menu-open,
body.menu-open .contact-page-layout .contact-side-menu,
body.menu-open .about-page-layout .about-side-menu,
body.menu-open #sideMenu.side-menu,
body.menu-open .investment-stones-page .side-menu {
  transform: translateX(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.fon_menu,
.contact-menu-overlay,
.about-menu-overlay,
.menu-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10010 !important;
  background: rgba(0, 0, 0, .26) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.fon_menu.active,
.fon_menu.is-open,
.contact-menu-overlay.active,
.contact-menu-overlay.is-open,
.about-menu-overlay.active,
.about-menu-overlay.is-open,
.menu-backdrop.active,
.menu-backdrop.is-open,
body.menu-open .fon_menu,
body.menu-open .contact-menu-overlay,
body.menu-open .about-menu-overlay,
body.menu-open .menu-backdrop {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout).menu-open .fon_menu,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .fon_menu.active,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .fon_menu.is-open {
  background: rgba(252, 252, 251, .74) !important;
  backdrop-filter: blur(1.5px) !important;
}

.js-menu-close {
  position: absolute !important;
  top: 30px !important;
  left: 38px !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #202020 !important;
  font-family: Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.js-unified-menu {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 394px !important;
  min-height: calc(100vh - 82px) !important;
  padding: 20px 38px 0 !important;
  font-family: var(--js-sans), Arial, sans-serif !important;
  color: rgba(52, 52, 52, .62) !important;
}

.js-unified-menu__title {
  margin: 0 0 34px !important;
  padding: 0 0 24px !important;
  border-bottom: 1px solid rgba(52, 52, 52, .10) !important;
  color: rgba(52, 52, 52, .58) !important;
  font-family: var(--js-sans), Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.js-unified-menu__nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.js-unified-menu__nav--service {
  margin-top: 0 !important;
}

.js-unified-menu__nav a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid rgba(52, 52, 52, .095) !important;
  color: rgba(52, 52, 52, .58) !important;
  font-family: var(--js-sans), Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.js-unified-menu__nav a span {
  margin-left: 18px !important;
  color: rgba(52, 52, 52, .46) !important;
  font-family: Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 200 !important;
  line-height: .6 !important;
}

.js-unified-menu__footer {
  margin-top: auto !important;
  padding-top: 42px !important;
  color: rgba(52, 52, 52, .78) !important;
  font-family: var(--js-sans), Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.js-unified-menu__footer a {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  border: 0 !important;
  color: rgba(52, 52, 52, .88) !important;
  font-family: var(--js-sans), Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.js-unified-menu__footer::after {
  content: "ALL RIGHTS RESERVED. 2023." !important;
  display: block !important;
  margin-top: 24px !important;
  color: rgba(52, 52, 52, .78) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.js-submenu-back {
  display: none !important;
}

.img_fd,
#sideMenu .img_fd,
.contact-side-menu .img_fd,
.about-side-menu .img_fd,
.investment-stones-page .img_fd {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  content: none !important;
  background: none !important;
  pointer-events: none !important;
}

.js-unified-submenu {
  position: absolute !important;
  top: 0 !important;
  left: 394px !important;
  z-index: 2 !important;
  width: 218px !important;
  min-height: 100vh !important;
  padding: 68px 36px 34px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #fff !important;
  border-left: 1px solid rgba(52, 52, 52, .08) !important;
  pointer-events: auto !important;
}

.js-unified-submenu .js-unified-menu__title {
  margin: 0 0 34px !important;
  padding-bottom: 24px !important;
}

.js-unified-submenu .js-unified-menu__nav a {
  min-height: 42px !important;
  padding: 12px 0 !important;
  justify-content: space-between !important;
  font-size: 14px !important;
}

.js-unified-menu-visual {
  position: fixed !important;
  z-index: 10021 !important;
  left: clamp(690px, 48vw, 920px) !important;
  top: clamp(250px, 31vh, 390px) !important;
  width: clamp(280px, 25vw, 410px) !important;
  height: clamp(146px, 13vw, 214px) !important;
  display: block !important;
  background: url("https://jewelrystories.store/menu-assets/original-menu-ring.png") center / contain no-repeat !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  .contact-page-layout .contact-side-menu,
  .about-page-layout .about-side-menu,
  #sideMenu.side-menu,
  .investment-stones-page .side-menu {
    width: min(394px, 86vw) !important;
    padding: 38px 28px 30px !important;
  }

  .js-unified-menu {
    width: 100% !important;
    padding: 20px 0 0 !important;
  }

  .js-unified-submenu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .js-unified-menu-visual {
    display: none !important;
    content: none !important;
    background: none !important;
  }

  .js-submenu-back {
    position: absolute !important;
    top: 30px !important;
    left: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(52, 52, 52, .58) !important;
    font-family: Arial, sans-serif !important;
    font-size: 34px !important;
    font-weight: 200 !important;
    line-height: 1 !important;
  }
}

/* FINAL LOCK 20260615-02: no product image inside the official-style menu. */
.img_fd,
#sideMenu .img_fd,
.contact-side-menu .img_fd,
.about-side-menu .img_fd,
.investment-stones-page .img_fd {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.menu-open .js-unified-menu-visual,
#sideMenu.side-menu.js-menu-open .js-unified-menu-visual,
.contact-side-menu.js-menu-open .js-unified-menu-visual,
.about-side-menu.js-menu-open .js-unified-menu-visual,
.investment-stones-page .side-menu.js-menu-open .js-unified-menu-visual {
  position: fixed !important;
  z-index: 10021 !important;
  left: clamp(690px, 48vw, 920px) !important;
  top: clamp(250px, 31vh, 390px) !important;
  display: block !important;
  width: clamp(280px, 25vw, 410px) !important;
  height: clamp(146px, 13vw, 214px) !important;
  min-height: 146px !important;
  background: url("https://jewelrystories.store/menu-assets/original-menu-ring.png") center / contain no-repeat !important;
  opacity: 1 !important;
  visibility: visible !important;
  content: normal !important;
}

/* HOME RESTORE 20260623-17: keep the main page header like the reference build. */
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) header {
  top: 0 !important;
  min-height: 104px !important;
  height: 104px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) header .container,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .header_inside {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 104px !important;
  height: 104px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .header_inside {
  display: grid !important;
  grid-template-columns: 64px minmax(160px, 1fr) 64px !important;
  align-items: center !important;
  position: relative !important;
  padding: 0 clamp(32px, 3.4vw, 48px) !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .logo_site {
  justify-self: center !important;
  display: flex !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  align-items: center !important;
  justify-content: center !important;
  width: 156px !important;
  max-width: 156px !important;
  height: auto !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .logo_site img {
  display: block !important;
  width: 156px !important;
  max-width: 156px !important;
  height: auto !important;
  max-height: 62px !important;
  object-fit: contain !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .burger_menu {
  justify-self: start !important;
  align-self: center !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .cart_block {
  justify-self: end !important;
  align-self: center !important;
}

/* HOME MENU ALIGN 20260623-20: restore official menu spacing on the main page. */
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu.side-menu {
  width: 616px !important;
  max-width: 92vw !important;
  padding: 44px 0 34px !important;
  overflow: visible !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .inside_side-menu {
  width: 100% !important;
  height: calc(100vh - 82px) !important;
  min-height: calc(100vh - 82px) !important;
  margin: 0 !important;
  padding: 0 0 0 34px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sideul {
  width: 296px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sideul h3 {
  margin: 28px 0 26px !important;
  padding: 0 0 24px !important;
  color: rgba(52, 52, 52, .72) !important;
  font-family: Gilroy, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(52, 52, 52, .10) !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sideul li {
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sideul li > a {
  min-height: 34px !important;
  padding: 8px 0 !important;
  color: rgba(52, 52, 52, .58) !important;
  font-family: Gilroy, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sideul li:hover > a,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sideul li.menu-hovered > a,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sideul li.dss > a {
  color: rgba(26, 26, 26, .92) !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sideul li > svg {
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sl_child {
  position: absolute !important;
  left: 300px !important;
  top: 0 !important;
  width: 210px !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: transparent !important;
  border-left: 0 !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu.collections-visible .sl_child,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sl_child.open,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu.side-menu.open .sl_child {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .su_bt {
  margin-top: 42px !important;
  padding-top: 0 !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .bottom_menu-info {
  position: absolute !important;
  left: 34px !important;
  bottom: 28px !important;
  width: 296px !important;
  color: rgba(52, 52, 52, .78) !important;
  font-family: Gilroy, "Helvetica Neue", Arial, sans-serif !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .main_ph-mun {
  display: block !important;
  margin: 0 0 6px !important;
  color: rgba(52, 52, 52, .9) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .time_worki,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .rest3 {
  display: block !important;
  color: rgba(52, 52, 52, .78) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .rest3 {
  margin-top: 22px !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .img_fd {
  position: fixed !important;
  left: clamp(650px, 56vw, 940px) !important;
  top: clamp(190px, 24vh, 270px) !important;
  z-index: 10021 !important;
  display: block !important;
  width: clamp(245px, 20vw, 330px) !important;
  height: clamp(168px, 17vw, 250px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .img_fd img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout):not(.menu-open) #sideMenu .img_fd {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* HOME FINAL POLISH 20260623-26: keep the menu separate from the page content. */
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .logo_site {
  z-index: 5 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .logo_site img {
  opacity: 1 !important;
  visibility: visible !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .logo_site.logo-fallback img {
  display: none !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .logo_site.logo-fallback::after {
  content: "JEWELRY STORIES";
  display: block !important;
  width: 190px !important;
  color: rgba(22, 22, 22, .92) !important;
  font-family: "Romul", Georgia, "Times New Roman", serif !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout).menu-open .fon_menu,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .fon_menu.active,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .fon_menu.is-open {
  background: rgba(252, 252, 251, .97) !important;
  backdrop-filter: blur(1px) !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .img_fd {
  left: clamp(690px, 56vw, 930px) !important;
  top: clamp(210px, 25vh, 285px) !important;
  width: clamp(245px, 19vw, 320px) !important;
  height: clamp(165px, 16vw, 235px) !important;
}

/* HOME MENU FINAL 20260623-33: collections open only on hover, real logo only. */
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .logo_site.logo-fallback img {
  display: block !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .logo_site.logo-fallback::after {
  content: none !important;
  display: none !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sl_child,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu.side-menu.open .sl_child,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu.side-menu.is-open .sl_child {
  display: none !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu.collections-visible .sl_child,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .inside_side-menu:has(li:hover > .active_child-menu) .sl_child,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .inside_side-menu:has(.active_child-menu:hover) .sl_child,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .inside_side-menu:has(.sl_child:hover) .sl_child {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* EOF NAV FIX 20260624-09: older duplicated blocks above must never override this menu state. */
html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open,
html body.menu-open .menu-backdrop,
html body .menu-backdrop.active,
html body .menu-backdrop.is-open,
html body.about-menu-open .about-menu-overlay,
html body .about-menu-overlay.active,
html body .about-menu-overlay.is-open,
html body.contact-menu-open .contact-menu-overlay,
html body .contact-menu-overlay.active,
html body .contact-menu-overlay.is-open {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10010 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(255, 254, 253, .985) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  z-index: 10030 !important;
  width: min(700px, 92vw) !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 72px 0 34px 40px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
}

html body #sideMenu.side-menu:not(.open):not(.is-open) {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(-102%) !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd,
html body #sideMenu.side-menu.is-open .img_fd {
  position: fixed !important;
  left: clamp(700px, 44vw, 860px) !important;
  top: clamp(330px, 34vh, 420px) !important;
  z-index: 10031 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(310px, 20vw, 390px) !important;
  height: clamp(230px, 20vw, 330px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transform: translateY(0) scale(1) !important;
}

/* NAV READABILITY HOTFIX 20260624-14: opened menu must never look like a blank white field. */
html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open {
  z-index: 2147483000 !important;
  background: rgba(255, 254, 253, .992) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  z-index: 2147483200 !important;
  background: #fffefd !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.menu-open #sideMenu .inside_side-menu,
html body.menu-open #sideMenu .sideul,
html body.menu-open #sideMenu .sideul h3,
html body.menu-open #sideMenu .sideul li,
html body.menu-open #sideMenu .sideul a,
html body.menu-open #sideMenu .bottom_menu-info,
html body.menu-open #sideMenu .main_ph-mun,
html body.menu-open #sideMenu .time_worki,
html body.menu-open #sideMenu .rest3,
html body #sideMenu.side-menu.open .inside_side-menu,
html body #sideMenu.side-menu.open .sideul,
html body #sideMenu.side-menu.open .sideul h3,
html body #sideMenu.side-menu.open .sideul li,
html body #sideMenu.side-menu.open .sideul a,
html body #sideMenu.side-menu.open .bottom_menu-info,
html body #sideMenu.side-menu.open .main_ph-mun,
html body #sideMenu.side-menu.open .time_worki,
html body #sideMenu.side-menu.open .rest3 {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.menu-open #sideMenu .sideul h3,
html body #sideMenu.side-menu.open .sideul h3 {
  color: #323232 !important;
}

html body.menu-open #sideMenu .sideul li > a,
html body #sideMenu.side-menu.open .sideul li > a {
  color: rgba(50, 50, 50, .68) !important;
}

html body.menu-open #sideMenu .sideul li:hover > a,
html body.menu-open #sideMenu .sideul li.menu-hovered > a,
html body.menu-open #sideMenu .sideul li.dss > a,
html body #sideMenu.side-menu.open .sideul li:hover > a,
html body #sideMenu.side-menu.open .sideul li.menu-hovered > a,
html body #sideMenu.side-menu.open .sideul li.dss > a {
  color: #1f1f1f !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd {
  z-index: 2147483201 !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* TRUE EOF NAV ETALON 20260626-03: final desktop menu layer. */
html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open,
html body.menu-open .menu-backdrop,
html body .menu-backdrop.active,
html body .menu-backdrop.is-open {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  background: #fffefd !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  z-index: 2147483200 !important;
  width: min(700px, 92vw) !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 72px 0 34px 40px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  transform: translateX(0) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body #sideMenu .inside_side-menu {
  position: relative !important;
  width: 616px !important;
  min-height: calc(100vh - 106px) !important;
  display: block !important;
}

html body #sideMenu .sideul {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  width: 296px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body #sideMenu .sl_child {
  position: absolute !important;
  left: 356px !important;
  top: 0 !important;
  width: 250px !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: auto !important;
}

html body #sideMenu.side-menu.open .sl_child,
html body #sideMenu.side-menu.is-open .sl_child {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #sideMenu.collections-visible .sl_child,
html body #sideMenu .sl_child.open,
html body #sideMenu .inside_side-menu:has(li:hover > .active_child-menu) .sl_child,
html body #sideMenu .inside_side-menu:has(.active_child-menu:hover) .sl_child,
html body #sideMenu .inside_side-menu:has(.sl_child:hover) .sl_child {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body #sideMenu .sideul h3 {
  height: 22px !important;
  margin: 0 0 28px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .10) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: #323232 !important;
}

html body #sideMenu .sideul li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 28px !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .08) !important;
}

html body #sideMenu .sideul li > a {
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(50, 50, 50, .66) !important;
  text-decoration: none !important;
}

html body #sideMenu .sideul li:hover > a,
html body #sideMenu .sideul li:focus-within > a,
html body #sideMenu .sideul li.menu-hovered > a,
html body #sideMenu .sideul li.dss > a {
  color: #323232 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

html body #sideMenu .sideul li > svg {
  width: 6px !important;
  height: 12px !important;
  flex: 0 0 auto !important;
  margin-left: 14px !important;
  opacity: .58 !important;
}

html body #sideMenu .su_bt {
  margin-top: 42px !important;
}

html body #sideMenu .su_bt li {
  margin-bottom: 10px !important;
}

html body #sideMenu .bottom_menu-info {
  position: fixed !important;
  left: 40px !important;
  bottom: 38px !important;
  width: 296px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body #sideMenu .main_ph-mun {
  margin: 0 0 6px !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.16 !important;
  color: #323232 !important;
}

html body #sideMenu .time_worki,
html body #sideMenu .rest3 {
  margin: 0 !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.35 !important;
  color: rgba(50, 50, 50, .72) !important;
}

html body #sideMenu .rest3 {
  margin-top: 26px !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd,
html body #sideMenu.side-menu.is-open .img_fd {
  position: fixed !important;
  left: clamp(650px, 44vw, 850px) !important;
  top: clamp(250px, 32vh, 360px) !important;
  z-index: 2147483201 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(300px, 22vw, 390px) !important;
  height: clamp(230px, 21vw, 350px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

html body #sideMenu .img_fd img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

html body:not(.menu-open) #sideMenu .img_fd {
  display: none !important;
}

/* TRUE EOF NAV ETALON 20260626-02: this block intentionally stays last. */
html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open,
html body.menu-open .menu-backdrop,
html body .menu-backdrop.active,
html body .menu-backdrop.is-open {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  background: #fffefd !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  z-index: 2147483200 !important;
  width: min(700px, 92vw) !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 72px 0 34px 40px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  transform: translateX(0) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body #sideMenu .inside_side-menu {
  position: relative !important;
  width: 616px !important;
  min-height: calc(100vh - 106px) !important;
  display: block !important;
}

html body #sideMenu .sideul {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  width: 296px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body #sideMenu .sl_child {
  position: absolute !important;
  left: 356px !important;
  top: 0 !important;
  width: 250px !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: auto !important;
}

html body #sideMenu.side-menu.open .sl_child,
html body #sideMenu.side-menu.is-open .sl_child {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #sideMenu.collections-visible .sl_child,
html body #sideMenu .sl_child.open,
html body #sideMenu .inside_side-menu:has(li:hover > .active_child-menu) .sl_child,
html body #sideMenu .inside_side-menu:has(.active_child-menu:hover) .sl_child,
html body #sideMenu .inside_side-menu:has(.sl_child:hover) .sl_child {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body #sideMenu .sideul h3 {
  height: 22px !important;
  margin: 0 0 28px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .10) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: #323232 !important;
}

html body #sideMenu .sideul li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 28px !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .08) !important;
}

html body #sideMenu .sideul li > a {
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(50, 50, 50, .66) !important;
  text-decoration: none !important;
}

html body #sideMenu .sideul li:hover > a,
html body #sideMenu .sideul li:focus-within > a,
html body #sideMenu .sideul li.menu-hovered > a,
html body #sideMenu .sideul li.dss > a {
  color: #323232 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

html body #sideMenu .sideul li > svg {
  width: 6px !important;
  height: 12px !important;
  flex: 0 0 auto !important;
  margin-left: 14px !important;
  opacity: .58 !important;
}

html body #sideMenu .su_bt {
  margin-top: 42px !important;
}

html body #sideMenu .su_bt li {
  margin-bottom: 10px !important;
}

html body #sideMenu .bottom_menu-info {
  position: fixed !important;
  left: 40px !important;
  bottom: 38px !important;
  width: 296px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body #sideMenu .main_ph-mun {
  margin: 0 0 6px !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.16 !important;
  color: #323232 !important;
}

html body #sideMenu .time_worki,
html body #sideMenu .rest3 {
  margin: 0 !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.35 !important;
  color: rgba(50, 50, 50, .72) !important;
}

html body #sideMenu .rest3 {
  margin-top: 26px !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd,
html body #sideMenu.side-menu.is-open .img_fd {
  position: fixed !important;
  left: clamp(650px, 44vw, 850px) !important;
  top: clamp(250px, 32vh, 360px) !important;
  z-index: 2147483201 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(300px, 22vw, 390px) !important;
  height: clamp(230px, 21vw, 350px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

html body #sideMenu .img_fd img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

html body:not(.menu-open) #sideMenu .img_fd {
  display: none !important;
}

/* NAV ETALON 20260626-01: single clean layer for the desktop menu. */
html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open,
html body.menu-open .menu-backdrop,
html body .menu-backdrop.active,
html body .menu-backdrop.is-open {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  background: #fffefd !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  z-index: 2147483200 !important;
  width: min(700px, 92vw) !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 72px 0 34px 40px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  transform: translateX(0) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body #sideMenu .inside_side-menu {
  position: relative !important;
  width: 616px !important;
  min-height: calc(100vh - 106px) !important;
}

html body #sideMenu .sideul {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  width: 296px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body #sideMenu .sl_child {
  position: absolute !important;
  left: 356px !important;
  top: 0 !important;
  width: 250px !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: auto !important;
}

html body #sideMenu.side-menu.open .sl_child,
html body #sideMenu.side-menu.is-open .sl_child {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #sideMenu.collections-visible .sl_child,
html body #sideMenu .sl_child.open,
html body #sideMenu .inside_side-menu:has(li:hover > .active_child-menu) .sl_child,
html body #sideMenu .inside_side-menu:has(.active_child-menu:hover) .sl_child,
html body #sideMenu .inside_side-menu:has(.sl_child:hover) .sl_child {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body #sideMenu .sideul h3 {
  height: 22px !important;
  margin: 0 0 28px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .10) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: #323232 !important;
}

html body #sideMenu .sideul li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 28px !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .08) !important;
}

html body #sideMenu .sideul li > a {
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(50, 50, 50, .66) !important;
  text-decoration: none !important;
}

html body #sideMenu .sideul li:hover > a,
html body #sideMenu .sideul li:focus-within > a,
html body #sideMenu .sideul li.menu-hovered > a,
html body #sideMenu .sideul li.dss > a {
  color: #323232 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

html body #sideMenu .sideul li > svg {
  width: 6px !important;
  height: 12px !important;
  flex: 0 0 auto !important;
  margin-left: 14px !important;
  opacity: .58 !important;
}

html body #sideMenu .su_bt {
  margin-top: 42px !important;
}

html body #sideMenu .su_bt li {
  margin-bottom: 10px !important;
}

html body #sideMenu .bottom_menu-info {
  position: fixed !important;
  left: 40px !important;
  bottom: 38px !important;
  width: 296px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body #sideMenu .main_ph-mun {
  display: block !important;
  margin: 0 0 6px !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.18 !important;
  color: #323232 !important;
  text-decoration: none !important;
}

html body #sideMenu .time_worki,
html body #sideMenu .rest3 {
  display: block !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.35 !important;
  color: rgba(50, 50, 50, .70) !important;
}

html body #sideMenu .rest3 {
  margin-top: 26px !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd,
html body #sideMenu.side-menu.is-open .img_fd {
  position: fixed !important;
  left: clamp(650px, 44vw, 850px) !important;
  top: clamp(250px, 32vh, 360px) !important;
  z-index: 2147483201 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(300px, 22vw, 390px) !important;
  height: clamp(230px, 21vw, 350px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

html body #sideMenu .img_fd img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

html body:not(.menu-open) #sideMenu .img_fd {
  display: none !important;
}

/* TRUE EOF NAV GRID 20260625-21: final override for the approved main page and the clean navigation canvas. */
html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader h1,
html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader p,
html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader .linkmore1 {
  margin-left: 0 !important;
}

html body.menu-open header,
html body.menu-open header .container,
html body.menu-open .header_inside,
html body.menu-open .header-row {
  position: relative !important;
  z-index: 2147483300 !important;
}

html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open {
  background: rgba(255, 254, 253, .992) !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  width: min(700px, 92vw) !important;
  padding: 72px 0 34px 40px !important;
  background: #fffefd !important;
}

html body #sideMenu .inside_side-menu {
  width: 620px !important;
}

html body #sideMenu .sideul {
  width: 296px !important;
}

html body #sideMenu .sideul h3 {
  margin-top: 0 !important;
}

html body #sideMenu .sl_child {
  left: 356px !important;
  top: 0 !important;
  width: 296px !important;
}

html body #sideMenu .bottom_menu-info {
  left: 0 !important;
  width: 296px !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd,
html body #sideMenu.side-menu.is-open .img_fd {
  left: clamp(700px, 44vw, 860px) !important;
  top: clamp(330px, 34vh, 420px) !important;
  width: clamp(310px, 20vw, 390px) !important;
  height: clamp(230px, 20vw, 330px) !important;
}

/* EOF NAV GRID 20260625-20: keep the approved home type, align the first copy to the edge, and make menu geometry clean. */
html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader h1,
html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader p,
html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader .linkmore1 {
  margin-left: 0 !important;
}

html body.menu-open header,
html body.menu-open header .container,
html body.menu-open .header_inside,
html body.menu-open .header-row {
  position: relative !important;
  z-index: 2147483300 !important;
}

html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open {
  background: rgba(255, 254, 253, .992) !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  width: min(700px, 92vw) !important;
  padding: 72px 0 34px 40px !important;
  background: #fffefd !important;
}

html body #sideMenu .inside_side-menu {
  width: 620px !important;
}

html body #sideMenu .sideul {
  width: 296px !important;
}

html body #sideMenu .sideul h3 {
  margin-top: 0 !important;
}

html body #sideMenu .sl_child {
  left: 356px !important;
  top: 0 !important;
  width: 296px !important;
}

html body #sideMenu .bottom_menu-info {
  left: 0 !important;
  width: 296px !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd,
html body #sideMenu.side-menu.is-open .img_fd {
  left: clamp(700px, 44vw, 860px) !important;
  top: clamp(330px, 34vh, 420px) !important;
  width: clamp(310px, 20vw, 390px) !important;
  height: clamp(230px, 20vw, 330px) !important;
}

html body #sideMenu.side-menu a:focus,
html body #sideMenu.side-menu a:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

html body #sideMenu.side-menu a:focus,
html body #sideMenu.side-menu a:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

/* NAV READABILITY HOTFIX 20260624-14: the opened menu must be visibly above the white stage. */
html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open {
  z-index: 2147483000 !important;
  background: rgba(255, 254, 253, .992) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  z-index: 2147483200 !important;
  background: #fffefd !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.menu-open #sideMenu .inside_side-menu,
html body.menu-open #sideMenu .sideul,
html body.menu-open #sideMenu .sideul h3,
html body.menu-open #sideMenu .sideul li,
html body.menu-open #sideMenu .sideul a,
html body.menu-open #sideMenu .bottom_menu-info,
html body.menu-open #sideMenu .main_ph-mun,
html body.menu-open #sideMenu .time_worki,
html body.menu-open #sideMenu .rest3,
html body #sideMenu.side-menu.open .inside_side-menu,
html body #sideMenu.side-menu.open .sideul,
html body #sideMenu.side-menu.open .sideul h3,
html body #sideMenu.side-menu.open .sideul li,
html body #sideMenu.side-menu.open .sideul a,
html body #sideMenu.side-menu.open .bottom_menu-info,
html body #sideMenu.side-menu.open .main_ph-mun,
html body #sideMenu.side-menu.open .time_worki,
html body #sideMenu.side-menu.open .rest3 {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.menu-open #sideMenu .sideul h3,
html body #sideMenu.side-menu.open .sideul h3 {
  color: #323232 !important;
}

html body.menu-open #sideMenu .sideul li > a,
html body #sideMenu.side-menu.open .sideul li > a {
  color: rgba(50, 50, 50, .68) !important;
}

html body.menu-open #sideMenu .sideul li:hover > a,
html body.menu-open #sideMenu .sideul li.menu-hovered > a,
html body.menu-open #sideMenu .sideul li.dss > a,
html body #sideMenu.side-menu.open .sideul li:hover > a,
html body #sideMenu.side-menu.open .sideul li.menu-hovered > a,
html body #sideMenu.side-menu.open .sideul li.dss > a {
  color: #1f1f1f !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd {
  z-index: 2147483201 !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* NAV CLICK FIX 20260624-11: backdrop is visual only; menu receives the interaction. */
html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open,
html body.menu-open .menu-backdrop,
html body .menu-backdrop.active,
html body .menu-backdrop.is-open,
html body.about-menu-open .about-menu-overlay,
html body .about-menu-overlay.active,
html body .about-menu-overlay.is-open,
html body.contact-menu-open .contact-menu-overlay,
html body .contact-menu-overlay.active,
html body .contact-menu-overlay.is-open {
  pointer-events: none !important;
}

html body #sideMenu.side-menu,
html body #sideMenu .inside_side-menu,
html body #sideMenu .sideul,
html body #sideMenu .sideul li,
html body #sideMenu .sideul a,
html body #sideMenu .close_side-menu {
  pointer-events: auto !important;
}

/* NAV ABSOLUTE LAST 20260624-08: this block intentionally stays at EOF. */
html body.menu-open {
  overflow: hidden !important;
}

html body .fon_menu,
html body .menu-backdrop,
html body .about-menu-overlay,
html body .contact-menu-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10010 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(255, 254, 253, .985) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
}

html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open,
html body.menu-open .menu-backdrop,
html body .menu-backdrop.active,
html body .menu-backdrop.is-open,
html body.about-menu-open .about-menu-overlay,
html body .about-menu-overlay.active,
html body .about-menu-overlay.is-open,
html body.contact-menu-open .contact-menu-overlay,
html body .contact-menu-overlay.active,
html body .contact-menu-overlay.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body #sideMenu.side-menu {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  z-index: 10030 !important;
  width: min(700px, 92vw) !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 72px 0 34px 40px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(-102%) !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
}

html body #sideMenu .inside_side-menu {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: calc(100vh - 76px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html body #sideMenu .sl_io.close_side-menu {
  position: absolute !important;
  top: 52px !important;
  right: -178px !important;
  width: 16px !important;
  height: 16px !important;
  padding: 10px !important;
  box-sizing: content-box !important;
  cursor: pointer !important;
  object-fit: contain !important;
}

html body #sideMenu .sideul {
  width: 296px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
}

html body #sideMenu .sideul h3 {
  margin: 30px 0 26px !important;
  padding: 0 0 24px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .09) !important;
  color: #323232 !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body #sideMenu .sideul li {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 10px !important;
  align-items: center !important;
  min-height: 35px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html body #sideMenu .sideul li > a {
  display: flex !important;
  align-items: center !important;
  min-height: 35px !important;
  padding: 7px 0 !important;
  border: 0 !important;
  color: rgba(50, 50, 50, .58) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

html body #sideMenu .sideul li:hover > a,
html body #sideMenu .sideul li:focus-within > a,
html body #sideMenu .sideul li.menu-hovered > a,
html body #sideMenu .sideul li.dss > a {
  color: rgba(26, 26, 26, .94) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
}

html body #sideMenu .sideul li > svg {
  display: block !important;
  justify-self: end !important;
  width: 6px !important;
  height: 12px !important;
  margin: 0 !important;
  opacity: .58 !important;
  transform: none !important;
}

html body #sideMenu .sl_child {
  position: absolute !important;
  left: 356px !important;
  top: 0 !important;
  z-index: 10032 !important;
  display: none !important;
  width: 210px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #sideMenu.side-menu.open .sl_child,
html body #sideMenu.side-menu.is-open .sl_child {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #sideMenu.collections-visible .sl_child,
html body #sideMenu .sl_child.open,
html body #sideMenu .inside_side-menu:has(li:hover > .active_child-menu) .sl_child,
html body #sideMenu .inside_side-menu:has(.active_child-menu:hover) .sl_child,
html body #sideMenu .inside_side-menu:has(.sl_child:hover) .sl_child {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu.collections-visible .sl_child,
html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sl_child.open,
html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .inside_side-menu:has(li:hover > .active_child-menu) .sl_child,
html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .inside_side-menu:has(.active_child-menu:hover) .sl_child,
html body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .inside_side-menu:has(.sl_child:hover) .sl_child {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body #sideMenu .su_bt {
  margin-top: 42px !important;
  padding-top: 0 !important;
}

html body #sideMenu .bottom_menu-info {
  position: absolute !important;
  left: 0 !important;
  bottom: max(28px, env(safe-area-inset-bottom)) !important;
  width: 296px !important;
  margin: 0 !important;
  color: rgba(50, 50, 50, .78) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
}

html body #sideMenu .main_ph-mun {
  display: block !important;
  margin: 0 0 6px !important;
  color: rgba(50, 50, 50, .92) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

html body #sideMenu .time_worki,
html body #sideMenu .rest3 {
  display: block !important;
  color: rgba(50, 50, 50, .62) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

html body #sideMenu .rest3 {
  margin-top: 22px !important;
}

html body #sideMenu .img_fd {
  position: fixed !important;
  left: clamp(700px, 44vw, 860px) !important;
  top: clamp(330px, 34vh, 420px) !important;
  z-index: 10031 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(310px, 20vw, 390px) !important;
  height: clamp(230px, 20vw, 330px) !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) scale(.985) !important;
  transition: opacity .22s ease, transform .3s ease, visibility .22s ease !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd,
html body #sideMenu.side-menu.is-open .img_fd {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
}

html body:not(.menu-open) #sideMenu .img_fd {
  display: flex !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #sideMenu .img_fd img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

@media (max-height: 760px) and (min-width: 901px) {
  html body #sideMenu.side-menu {
    padding-top: 28px !important;
    padding-bottom: 24px !important;
  }

  html body #sideMenu .inside_side-menu {
    height: calc(100vh - 52px) !important;
  }

  html body #sideMenu .sideul h3 {
    margin-top: 20px !important;
    margin-bottom: 18px !important;
    padding-bottom: 18px !important;
  }

  html body #sideMenu .sideul li,
  html body #sideMenu .sideul li > a {
    min-height: 30px !important;
  }

  html body #sideMenu .su_bt {
    margin-top: 28px !important;
  }

  html body #sideMenu .main_ph-mun {
    font-size: 20px !important;
  }

  html body #sideMenu .rest3 {
    margin-top: 12px !important;
  }
}

@media (max-width: 900px) {
  html body #sideMenu.side-menu {
    width: min(340px, 92vw) !important;
    padding: 34px 24px !important;
    overflow-y: auto !important;
    background: rgba(255, 254, 253, .99) !important;
  }

  html body #sideMenu .inside_side-menu {
    height: auto !important;
    min-height: calc(100vh - 68px) !important;
  }

  html body #sideMenu .sideul,
  html body #sideMenu .bottom_menu-info {
    width: 100% !important;
  }

  html body #sideMenu .sl_child,
  html body #sideMenu .img_fd {
    display: none !important;
  }

  html body #sideMenu .bottom_menu-info {
    position: static !important;
    margin-top: 54px !important;
  }
}

/* NAV FINAL 20260624-07: canonical desktop menu, matching the original site behavior. */
html body.menu-open {
  overflow: hidden !important;
}

html body .fon_menu,
html body .menu-backdrop,
html body .about-menu-overlay,
html body .contact-menu-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10010 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(255, 254, 253, .985) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
  transition: opacity .24s ease, visibility .24s ease !important;
}

html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open,
html body.menu-open .menu-backdrop,
html body .menu-backdrop.active,
html body .menu-backdrop.is-open,
html body.about-menu-open .about-menu-overlay,
html body .about-menu-overlay.active,
html body .about-menu-overlay.is-open,
html body.contact-menu-open .contact-menu-overlay,
html body .contact-menu-overlay.active,
html body .contact-menu-overlay.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body #sideMenu.side-menu {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  z-index: 10030 !important;
  width: min(700px, 92vw) !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 72px 0 34px 40px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(-102%) !important;
  transition: transform .34s ease, opacity .22s ease, visibility .22s ease !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
}

html body #sideMenu .inside_side-menu {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: calc(100vh - 76px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html body #sideMenu .sl_io.close_side-menu {
  position: absolute !important;
  top: 52px !important;
  right: -178px !important;
  width: 16px !important;
  height: 16px !important;
  padding: 10px !important;
  box-sizing: content-box !important;
  cursor: pointer !important;
  object-fit: contain !important;
}

html body #sideMenu .sideul {
  width: 296px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
}

html body #sideMenu .sideul h3 {
  margin: 30px 0 26px !important;
  padding: 0 0 24px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .09) !important;
  color: #323232 !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body #sideMenu .sideul li {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 10px !important;
  align-items: center !important;
  min-height: 35px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html body #sideMenu .sideul li > a {
  display: flex !important;
  align-items: center !important;
  min-height: 35px !important;
  padding: 7px 0 !important;
  border: 0 !important;
  color: rgba(50, 50, 50, .58) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

html body #sideMenu .sideul li:hover > a,
html body #sideMenu .sideul li:focus-within > a,
html body #sideMenu .sideul li.menu-hovered > a,
html body #sideMenu .sideul li.dss > a {
  color: rgba(26, 26, 26, .94) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
}

html body #sideMenu .sideul li > svg {
  display: block !important;
  justify-self: end !important;
  width: 6px !important;
  height: 12px !important;
  margin: 0 !important;
  opacity: .58 !important;
  transform: none !important;
}

html body #sideMenu .sl_child {
  position: absolute !important;
  left: 356px !important;
  top: 0 !important;
  z-index: 10032 !important;
  display: none !important;
  width: 210px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #sideMenu.side-menu.open .sl_child,
html body #sideMenu.side-menu.is-open .sl_child {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #sideMenu.collections-visible .sl_child,
html body #sideMenu .sl_child.open,
html body #sideMenu .inside_side-menu:has(li:hover > .active_child-menu) .sl_child,
html body #sideMenu .inside_side-menu:has(.active_child-menu:hover) .sl_child,
html body #sideMenu .inside_side-menu:has(.sl_child:hover) .sl_child {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body #sideMenu .su_bt {
  margin-top: 42px !important;
  padding-top: 0 !important;
}

html body #sideMenu .bottom_menu-info {
  position: absolute !important;
  left: 0 !important;
  bottom: max(28px, env(safe-area-inset-bottom)) !important;
  width: 296px !important;
  margin: 0 !important;
  color: rgba(50, 50, 50, .78) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
}

html body #sideMenu .main_ph-mun {
  display: block !important;
  margin: 0 0 6px !important;
  color: rgba(50, 50, 50, .92) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

html body #sideMenu .time_worki,
html body #sideMenu .rest3 {
  display: block !important;
  color: rgba(50, 50, 50, .62) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

html body #sideMenu .rest3 {
  margin-top: 22px !important;
}

html body #sideMenu .img_fd {
  position: fixed !important;
  left: clamp(700px, 44vw, 860px) !important;
  top: clamp(330px, 34vh, 420px) !important;
  z-index: 10031 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(310px, 20vw, 390px) !important;
  height: clamp(230px, 20vw, 330px) !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) scale(.985) !important;
  transition: opacity .22s ease, transform .3s ease, visibility .22s ease !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd,
html body #sideMenu.side-menu.is-open .img_fd {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
}

html body:not(.menu-open) #sideMenu .img_fd {
  display: flex !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #sideMenu .img_fd img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

@media (max-height: 760px) and (min-width: 901px) {
  html body #sideMenu.side-menu {
    padding-top: 28px !important;
    padding-bottom: 24px !important;
  }

  html body #sideMenu .inside_side-menu {
    height: calc(100vh - 52px) !important;
  }

  html body #sideMenu .sideul h3 {
    margin-top: 20px !important;
    margin-bottom: 18px !important;
    padding-bottom: 18px !important;
  }

  html body #sideMenu .sideul li,
  html body #sideMenu .sideul li > a {
    min-height: 30px !important;
  }

  html body #sideMenu .su_bt {
    margin-top: 28px !important;
  }

  html body #sideMenu .main_ph-mun {
    font-size: 20px !important;
  }

  html body #sideMenu .rest3 {
    margin-top: 12px !important;
  }
}

@media (max-width: 900px) {
  html body #sideMenu.side-menu {
    width: min(340px, 92vw) !important;
    padding: 34px 24px !important;
    overflow-y: auto !important;
    background: rgba(255, 254, 253, .99) !important;
  }

  html body #sideMenu .inside_side-menu {
    height: auto !important;
    min-height: calc(100vh - 68px) !important;
  }

  html body #sideMenu .sideul,
  html body #sideMenu .bottom_menu-info {
    width: 100% !important;
  }

  html body #sideMenu .sl_child,
  html body #sideMenu .img_fd {
    display: none !important;
  }

  html body #sideMenu .bottom_menu-info {
    position: static !important;
    margin-top: 54px !important;
  }
}

/* HOME COPY SCALE 20260624: approved heading stays locked, collection body text becomes slightly richer. */
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .base_text-collcetion p,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .roaylcl p {
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
  color: rgba(50, 50, 50, .87) !important;
}

/* GLOBAL NAV/CART FOUNDATION 20260624: one quiet menu and cart behavior on every page. */
body #sideMenu.side-menu.open .sl_child,
body #sideMenu.side-menu.is-open .sl_child {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body #sideMenu.collections-visible .sl_child,
body #sideMenu .inside_side-menu:has(li:hover > .active_child-menu) .sl_child,
body #sideMenu .inside_side-menu:has(.active_child-menu:hover) .sl_child,
body #sideMenu .inside_side-menu:has(.sl_child:hover) .sl_child,
body #sideMenu .sl_child.open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body #sideMenu .img_fd {
  transform: translateY(0) scale(1) !important;
  transition: opacity .24s ease, transform .32s ease !important;
}

body.menu-open #sideMenu .img_fd {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(-4px) scale(1) !important;
}

body:not(.menu-open) #sideMenu .img_fd {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) scale(.985) !important;
}

body .cart_block,
body .cart-button,
body .about-cart,
body .contact-cart {
  cursor: pointer !important;
}

body #cart-m,
body .cart-panel,
body .js-unified-cart {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 10060 !important;
  width: min(410px, 92vw) !important;
  height: 100vh !important;
  padding: 34px 30px !important;
  box-sizing: border-box !important;
  background: #fffefd !important;
  box-shadow: -22px 0 46px rgba(40, 36, 34, .08) !important;
  transform: translateX(104%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: transform .34s ease, opacity .24s ease, visibility .24s ease !important;
}

body.cart-open #cart-m,
body #cart-m.cart-m-active,
body #cart-m.is-open,
body.cart-open .cart-panel,
body .cart-panel.is-open {
  transform: translateX(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body .cartm_header,
body .cart-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .09) !important;
  color: #323232 !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

body .close_m-cart,
body .cart-close {
  position: relative !important;
  display: inline-flex !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

body .close_m-cart::before,
body .close_m-cart::after,
body .cart-close::before,
body .cart-close::after {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 13px !important;
  width: 16px !important;
  height: 1px !important;
  background: #323232 !important;
}

body .close_m-cart::before,
body .cart-close::before {
  transform: rotate(45deg) !important;
}

body .close_m-cart::after,
body .cart-close::after {
  transform: rotate(-45deg) !important;
}

/* HOME ETALON LOCK 20260624: this is the approved "Новый классический стиль" title setting. */
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader h1 {
  font-family: "Romul", Georgia, "Times New Roman", serif !important;
  font-size: 27px !important;
  font-weight: 400 !important;
  line-height: 1.24 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-transform: none !important;
  color: #323232 !important;
  margin: 0 0 15px !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .container:has(> .upperHeader) {
  padding-left: 0 !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader p,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader .linkmore1 {
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
  color: rgba(50, 50, 50, .86) !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader p {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader p + p {
  margin-top: -6px !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .upperHeader .linkmore1 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 2px !important;
  pointer-events: auto !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout).menu-open .fon_menu,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .fon_menu.active,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .fon_menu.is-open {
  background: rgba(255, 254, 253, .965) !important;
  backdrop-filter: blur(1px) !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu.side-menu {
  background: rgba(255, 254, 253, .985) !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .img_fd {
  left: clamp(720px, 57vw, 960px) !important;
  top: clamp(300px, 36vh, 390px) !important;
  width: clamp(280px, 20vw, 360px) !important;
  height: clamp(205px, 18vw, 280px) !important;
}

/* HOME ETALON POLISH 20260624-02: keep menu visuals on the menu canvas, not on the hero. */
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout).menu-open .fon_menu,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .fon_menu.active,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) .fon_menu.is-open {
  display: block !important;
  inset: 0 !important;
  z-index: 10010 !important;
  background: rgba(255, 254, 253, .985) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu.side-menu {
  z-index: 10020 !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .sl_child,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu.side-menu.open .sl_child,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu.side-menu.is-open .sl_child {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu.collections-visible .sl_child,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .inside_side-menu:has(li:hover > .active_child-menu) .sl_child,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .inside_side-menu:has(.active_child-menu:hover) .sl_child,
body:not(.about-page-layout):not(.contact-page-layout):not(.investment-stones-page):not(.private-page-layout) #sideMenu .inside_side-menu:has(.sl_child:hover) .sl_child {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* EOF NAV FIX 20260624-10: actual final menu state after all historic overrides. */
html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open,
html body.menu-open .menu-backdrop,
html body .menu-backdrop.active,
html body .menu-backdrop.is-open,
html body.about-menu-open .about-menu-overlay,
html body .about-menu-overlay.active,
html body .about-menu-overlay.is-open,
html body.contact-menu-open .contact-menu-overlay,
html body .contact-menu-overlay.active,
html body .contact-menu-overlay.is-open {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10010 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(255, 254, 253, .985) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  z-index: 10030 !important;
  width: min(700px, 92vw) !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 72px 0 34px 40px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
}

html body #sideMenu.side-menu:not(.open):not(.is-open) {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(-102%) !important;
}

html body.menu-open #sideMenu .sl_child,
html body #sideMenu.side-menu.open .sl_child,
html body #sideMenu.side-menu.is-open .sl_child {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #sideMenu.collections-visible .sl_child,
html body #sideMenu .sl_child.open,
html body #sideMenu .inside_side-menu:has(li:hover > .active_child-menu) .sl_child,
html body #sideMenu .inside_side-menu:has(.active_child-menu:hover) .sl_child,
html body #sideMenu .inside_side-menu:has(.sl_child:hover) .sl_child {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd,
html body #sideMenu.side-menu.is-open .img_fd {
  position: fixed !important;
  left: clamp(700px, 44vw, 860px) !important;
  top: clamp(330px, 34vh, 420px) !important;
  z-index: 10031 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(310px, 20vw, 390px) !important;
  height: clamp(230px, 20vw, 330px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  transform: translateY(0) scale(1) !important;
}

/* EOF NAV READABILITY 20260624-15: this must stay after the historic final block. */
html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open {
  z-index: 2147483000 !important;
  background: rgba(255, 254, 253, .992) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  z-index: 2147483200 !important;
  background: #fffefd !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* TRUE LAST NAV ETALON 20260626-04: final override after every historic menu rule. */
html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open,
html body.menu-open .menu-backdrop,
html body .menu-backdrop.active,
html body .menu-backdrop.is-open {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  background: #fffefd !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  z-index: 2147483200 !important;
  width: min(700px, 92vw) !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 72px 0 34px 40px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  transform: translateX(0) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body #sideMenu .inside_side-menu {
  position: relative !important;
  width: 616px !important;
  min-height: calc(100vh - 106px) !important;
  display: block !important;
}

html body #sideMenu .sideul {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  width: 296px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body #sideMenu .sl_child {
  position: absolute !important;
  left: 356px !important;
  top: 0 !important;
  width: 250px !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: auto !important;
}

html body #sideMenu.side-menu.open .sl_child,
html body #sideMenu.side-menu.is-open .sl_child {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #sideMenu.collections-visible .sl_child,
html body #sideMenu .sl_child.open,
html body #sideMenu .inside_side-menu:has(li:hover > .active_child-menu) .sl_child,
html body #sideMenu .inside_side-menu:has(.active_child-menu:hover) .sl_child,
html body #sideMenu .inside_side-menu:has(.sl_child:hover) .sl_child {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body #sideMenu .sideul h3 {
  height: 22px !important;
  margin: 0 0 28px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .10) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: #323232 !important;
}

html body #sideMenu .sideul li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 28px !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .08) !important;
}

html body #sideMenu .sideul li > a {
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(50, 50, 50, .66) !important;
  text-decoration: none !important;
}

html body #sideMenu .sideul li:hover > a,
html body #sideMenu .sideul li:focus-within > a,
html body #sideMenu .sideul li.menu-hovered > a,
html body #sideMenu .sideul li.dss > a {
  color: #323232 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

html body #sideMenu .sideul li > svg {
  width: 6px !important;
  height: 12px !important;
  flex: 0 0 auto !important;
  margin-left: 14px !important;
  opacity: .58 !important;
}

html body #sideMenu .su_bt {
  margin-top: 42px !important;
}

html body #sideMenu .su_bt li {
  margin-bottom: 10px !important;
}

html body #sideMenu .bottom_menu-info {
  position: fixed !important;
  left: 40px !important;
  bottom: 38px !important;
  width: 296px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body #sideMenu .main_ph-mun {
  margin: 0 0 6px !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.16 !important;
  color: #323232 !important;
}

html body #sideMenu .time_worki,
html body #sideMenu .rest3 {
  margin: 0 !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.35 !important;
  color: rgba(50, 50, 50, .72) !important;
}

html body #sideMenu .rest3 {
  margin-top: 26px !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd,
html body #sideMenu.side-menu.is-open .img_fd {
  position: fixed !important;
  left: clamp(650px, 44vw, 850px) !important;
  top: clamp(250px, 32vh, 360px) !important;
  z-index: 2147483201 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(300px, 22vw, 390px) !important;
  height: clamp(230px, 21vw, 350px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

html body #sideMenu .img_fd img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

html body:not(.menu-open) #sideMenu .img_fd {
  display: none !important;
}

html body.menu-open #sideMenu .inside_side-menu,
html body.menu-open #sideMenu .sideul,
html body.menu-open #sideMenu .sideul h3,
html body.menu-open #sideMenu .sideul li,
html body.menu-open #sideMenu .sideul a,
html body.menu-open #sideMenu .bottom_menu-info,
html body.menu-open #sideMenu .main_ph-mun,
html body.menu-open #sideMenu .time_worki,
html body.menu-open #sideMenu .rest3,
html body #sideMenu.side-menu.open .inside_side-menu,
html body #sideMenu.side-menu.open .sideul,
html body #sideMenu.side-menu.open .sideul h3,
html body #sideMenu.side-menu.open .sideul li,
html body #sideMenu.side-menu.open .sideul a,
html body #sideMenu.side-menu.open .bottom_menu-info,
html body #sideMenu.side-menu.open .main_ph-mun,
html body #sideMenu.side-menu.open .time_worki,
html body #sideMenu.side-menu.open .rest3 {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.menu-open #sideMenu .sideul h3,
html body #sideMenu.side-menu.open .sideul h3 {
  color: #323232 !important;
}

html body.menu-open #sideMenu .sideul li > a,
html body #sideMenu.side-menu.open .sideul li > a {
  color: rgba(50, 50, 50, .68) !important;
}

html body.menu-open #sideMenu .sideul li:hover > a,
html body.menu-open #sideMenu .sideul li.menu-hovered > a,
html body.menu-open #sideMenu .sideul li.dss > a,
html body #sideMenu.side-menu.open .sideul li:hover > a,
html body #sideMenu.side-menu.open .sideul li.menu-hovered > a,
html body #sideMenu.side-menu.open .sideul li.dss > a {
  color: #1f1f1f !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd {
  z-index: 2147483201 !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* TRUE ABSOLUTE EOF NAV ETALON 20260626-05 */
html body.menu-open .fon_menu,
html body .fon_menu.active,
html body .fon_menu.is-open,
html body.menu-open .menu-backdrop,
html body .menu-backdrop.active,
html body .menu-backdrop.is-open {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  background: #fffefd !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body.menu-open #sideMenu.side-menu,
html body #sideMenu.side-menu.open,
html body #sideMenu.side-menu.is-open {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  z-index: 2147483200 !important;
  width: min(700px, 92vw) !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 72px 0 34px 40px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  transform: translateX(0) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body #sideMenu .inside_side-menu {
  position: relative !important;
  width: 616px !important;
  min-height: calc(100vh - 106px) !important;
  display: block !important;
}

html body #sideMenu .sideul {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  width: 296px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body #sideMenu .sl_child {
  position: absolute !important;
  left: 356px !important;
  top: 0 !important;
  width: 250px !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: auto !important;
}

html body #sideMenu.side-menu.open .sl_child,
html body #sideMenu.side-menu.is-open .sl_child {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body #sideMenu.collections-visible .sl_child,
html body #sideMenu .sl_child.open,
html body #sideMenu .inside_side-menu:has(li:hover > .active_child-menu) .sl_child,
html body #sideMenu .inside_side-menu:has(.active_child-menu:hover) .sl_child,
html body #sideMenu .inside_side-menu:has(.sl_child:hover) .sl_child {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body #sideMenu .sideul h3 {
  height: 22px !important;
  margin: 0 0 28px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .10) !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: #323232 !important;
}

html body #sideMenu .sideul li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 28px !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(50, 50, 50, .08) !important;
}

html body #sideMenu .sideul li > a {
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(50, 50, 50, .66) !important;
  text-decoration: none !important;
}

html body #sideMenu .sideul li:hover > a,
html body #sideMenu .sideul li:focus-within > a,
html body #sideMenu .sideul li.menu-hovered > a,
html body #sideMenu .sideul li.dss > a {
  color: #323232 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

html body #sideMenu .sideul li > svg {
  width: 6px !important;
  height: 12px !important;
  flex: 0 0 auto !important;
  margin-left: 14px !important;
  opacity: .58 !important;
}

html body #sideMenu .su_bt {
  margin-top: 42px !important;
}

html body #sideMenu .su_bt li {
  margin-bottom: 10px !important;
}

html body #sideMenu .bottom_menu-info {
  position: fixed !important;
  left: 40px !important;
  bottom: 38px !important;
  width: 296px !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body #sideMenu .main_ph-mun {
  margin: 0 0 6px !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.16 !important;
  color: #323232 !important;
}

html body #sideMenu .time_worki,
html body #sideMenu .rest3 {
  margin: 0 !important;
  font-family: "Gilroy", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.35 !important;
  color: rgba(50, 50, 50, .72) !important;
}

html body #sideMenu .rest3 {
  margin-top: 26px !important;
}

html body.menu-open #sideMenu .img_fd,
html body #sideMenu.side-menu.open .img_fd,
html body #sideMenu.side-menu.is-open .img_fd {
  position: fixed !important;
  left: clamp(650px, 44vw, 850px) !important;
  top: clamp(250px, 32vh, 360px) !important;
  z-index: 2147483201 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(300px, 22vw, 390px) !important;
  height: clamp(230px, 21vw, 350px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

html body #sideMenu .img_fd img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

html body:not(.menu-open) #sideMenu .img_fd {
  display: none !important;
}