@font-face {
  font-family: "Romul";
  src: url("https://jewelrystories.store/local/templates/jewelry/fonts/romul.woff2") format("woff2");
  font-display: swap;
}

/* DNA SHELL FINAL REPAIR 20260623-32: restore real logo, brand fonts and original menu geometry. */
:root {
  --js-serif: "Romul", Georgia, "Times New Roman", serif;
  --js-sans: "Gilroy", "Helvetica Neue", Arial, sans-serif;
  --js-shell-ink: #323232;
  --js-shell-muted: rgba(50, 50, 50, .62);
  --js-shell-line: rgba(50, 50, 50, .09);
  --js-shell-header: 122px;
  --js-shell-header-mobile: 92px;
}

body .header_inside,
body .site-header,
body .about-header,
body .contact-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
  display: grid !important;
  grid-template-columns: 64px minmax(160px, 1fr) 64px !important;
  align-items: center !important;
  min-height: var(--js-shell-header) !important;
  height: var(--js-shell-header) !important;
  padding: 0 clamp(38px, 3.4vw, 58px) !important;
  background: rgba(255, 255, 255, .98) !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body .logo_site,
body .logo,
body .about-logo,
body .contact-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  width: clamp(150px, 9.6vw, 176px) !important;
  max-width: 176px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body .logo_site img,
body .logo img,
body .about-logo img,
body .contact-logo img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 72px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body .logo_site.logo-fallback img {
  display: block !important;
}

body .logo_site.logo-fallback::after {
  content: none !important;
  display: none !important;
}

body .burger_menu,
body .menu-icon,
body .about-burger,
body .contact-burger {
  justify-self: start !important;
  display: grid !important;
  width: 38px !important;
  height: 28px !important;
  gap: 9px !important;
  align-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

body .burger_menu span,
body .menu-icon span,
body .about-burger span,
body .contact-burger span {
  display: block !important;
  width: 38px !important;
  height: 1.5px !important;
  margin: 0 !important;
  background: #323232 !important;
}

body .cart_block,
body .cart-button,
body .about-cart,
body .contact-cart {
  justify-self: end !important;
  width: 32px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body .cart_block img,
body .cart-button img,
body .about-cart img,
body .contact-cart img {
  display: block !important;
  width: 32px !important;
  height: 38px !important;
  object-fit: contain !important;
}

body .upperHeader {
  margin-top: 44px !important;
  padding-left: clamp(34px, 2.5vw, 50px) !important;
  padding-right: clamp(34px, 2.5vw, 50px) !important;
}

body .upperHeader h1 {
  margin: 0 0 15px !important;
  color: var(--js-shell-ink) !important;
  font-family: var(--js-serif) !important;
  font-size: 27px !important;
  font-weight: 400 !important;
  line-height: 1.24 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

body .upperHeader p,
body .upperHeader .linkmore1 {
  color: var(--js-shell-ink) !important;
  font-family: var(--js-sans) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

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

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

body #sideMenu.side-menu,
body .about-side-menu,
body .contact-side-menu,
body.investment-stones-page .side-menu {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 10020 !important;
  width: 610px !important;
  max-width: 92vw !important;
  height: 100vh !important;
  padding: 42px 0 34px 40px !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: translateX(-101%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

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

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

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

body #sideMenu .sideul h3 {
  margin: 30px 0 26px !important;
  padding: 0 0 24px !important;
  border-bottom: 1px solid var(--js-shell-line) !important;
  color: var(--js-shell-ink) !important;
  font-family: var(--js-sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

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

body #sideMenu .sideul a {
  display: flex !important;
  align-items: center !important;
  min-height: 33px !important;
  padding: 7px 0 !important;
  color: var(--js-shell-muted) !important;
  font-family: var(--js-sans) !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;
}

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

body #sideMenu .sideul li > svg {
  justify-self: end !important;
  width: 6px !important;
  height: 12px !important;
  opacity: .6 !important;
}

body #sideMenu .sl_child {
  position: absolute !important;
  left: 306px !important;
  top: 48px !important;
  display: none !important;
  width: 210px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body #sideMenu.collections-visible .sl_child,
body #sideMenu .sl_child.open,
body #sideMenu .sl_child:hover {
  display: block !important;
}

body #sideMenu .bottom_menu-info {
  position: absolute !important;
  left: 0 !important;
  bottom: 30px !important;
  width: 260px !important;
  margin: 0 !important;
  font-family: var(--js-sans) !important;
}

body #sideMenu .main_ph-mun {
  display: block !important;
  margin: 0 0 6px !important;
  color: rgba(52, 52, 52, .92) !important;
  font-family: var(--js-sans) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

body #sideMenu .time_worki,
body #sideMenu .rest3 {
  display: block !important;
  color: var(--js-shell-muted) !important;
  font-family: var(--js-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

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

body #sideMenu .img_fd {
  position: fixed !important;
  left: clamp(700px, 56vw, 930px) !important;
  top: clamp(210px, 25vh, 285px) !important;
  z-index: 10021 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(260px, 22vw, 400px) !important;
  height: clamp(200px, 24vw, 380px) !important;
  pointer-events: none !important;
}

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

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

/* FINAL OVERRIDE 20260708: quiet editorial headings on contact/about. */
body.contact-page-layout .contact-hero h1,
body.contact-page-layout .contact-path h2,
body.contact-page-layout .contact-details h2,
body.about-page-layout .about-statement h2,
body.about-page-layout .about-house h2,
body.about-page-layout .about-contact h2 {
  max-width: 760px !important;
  font-size: clamp(24px, 2vw, 34px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0.004em !important;
}

body.contact-page-layout .contact-path h2,
body.contact-page-layout .contact-details h2 {
  font-size: clamp(22px, 1.75vw, 30px) !important;
}

body.about-page-layout .about-statement h2 {
  max-width: 860px !important;
}

@media (max-width: 760px) {
  body.contact-page-layout .contact-hero h1,
  body.contact-page-layout .contact-path h2,
  body.contact-page-layout .contact-details h2,
  body.about-page-layout .about-statement h2,
  body.about-page-layout .about-house h2,
  body.about-page-layout .about-contact h2 {
    font-size: clamp(24px, 7.2vw, 32px) !important;
    line-height: 1.16 !important;
  }
}

/* Final quiet headings pass for contact/about editorial blocks. */
body.contact-page-layout .contact-hero h1,
body.contact-page-layout .contact-path h2,
body.contact-page-layout .contact-details h2,
body.about-page-layout .about-statement h2,
body.about-page-layout .about-house h2,
body.about-page-layout .about-contact h2 {
  max-width: 760px !important;
  font-size: clamp(24px, 2vw, 34px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0.004em !important;
}

body.contact-page-layout .contact-path h2,
body.contact-page-layout .contact-details h2 {
  font-size: clamp(22px, 1.75vw, 30px) !important;
}

body.about-page-layout .about-statement h2 {
  max-width: 860px !important;
}

@media (max-width: 760px) {
  body.contact-page-layout .contact-hero h1,
  body.contact-page-layout .contact-path h2,
  body.contact-page-layout .contact-details h2,
  body.about-page-layout .about-statement h2,
  body.about-page-layout .about-house h2,
  body.about-page-layout .about-contact h2 {
    font-size: clamp(24px, 7.2vw, 32px) !important;
    line-height: 1.16 !important;
  }
}

/* Contact page should stay utilitarian and quiet, not banner-scale. */
body.contact-page-layout .contact-hero h1 {
  max-width: 540px !important;
  font-size: clamp(25px, 2vw, 34px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0.006em !important;
}

body.contact-page-layout .contact-path h2,
body.contact-page-layout .contact-details h2 {
  font-size: clamp(23px, 1.85vw, 30px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0.006em !important;
}

@media (max-width: 760px) {
  body.contact-page-layout .contact-hero h1 {
    font-size: clamp(28px, 8vw, 34px) !important;
  }

  body.contact-page-layout .contact-path h2,
  body.contact-page-layout .contact-details h2 {
    font-size: clamp(24px, 7vw, 30px) !important;
  }
}

/* Brand title scale: expressive only in first hero, quieter everywhere else. */
.about-hero h1,
.contact-hero h1,
.collection-hero h1,
.gallery-hero h1,
.product-hero h1,
.base-hero h1,
.wedding-hero h1,
.viva-hero h1,
.viva-hero__copy h1,
.ww-hero h1,
.wild-hero h1,
.royal-hero h1,
.royal-quiet-hero__copy h1,
.royal-film--hero h1,
.royal-standard-page .royal-film__copy h1,
.investment-stones-page .hero h1,
.private-page-content .banner_private h1 {
  font-size: clamp(38px, 5.4vw, 74px) !important;
  line-height: 0.98 !important;
  letter-spacing: 0.006em !important;
}

.about-statement h2,
.about-house h2,
.about-values h2,
.about-signature h2,
.about-atelier h2,
.about-inspiration h2,
.about-contact h2,
.contact-path h2,
.contact-details h2,
.base-section-title h2,
.base-statement h2,
.base-photo-copy h2,
.base-final h2,
.base-cinematic h2,
.wedding-section-title h2,
.wedding-text h2,
.viva-section h2,
.viva-card h2,
.ww-section h2,
.ww-copy h2,
.royal-film h2,
.royal-piece h2,
.royal-light-scene h2,
.royal-archive-piece h2,
.royal-standard-page .royal-film__copy h2,
.royal-standard-page .royal-symbols__copy h2,
.royal-standard-page .royal-gallery-standard__head h2,
.royal-final h2,
.royal-final-quiet h2,
.royal-scene__copy h1,
.royal-world-title,
.royal-super-title,
.investment-stones-page section h2,
.private-page-content .ind-jewelry-title,
.private-page-content .info-block h3,
.private-page-content .third-block .text-1,
.private-page-content .third-block .text-2,
.private-page-content .step span,
.private-page-content .stone-selection h3 {
  font-size: clamp(28px, 3.2vw, 52px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0.004em !important;
}

.royal-film:not(.royal-film--hero) h1,
.royal-film__title,
.royal-giant-title,
.wild-women-page .wild-large-title,
.wild-women-page .wild-runway-title,
.base-cinematic-title,
.base-art-title,
.investment-stones-page .quote,
.investment-stones-page .hero-index {
  font-size: clamp(30px, 4vw, 58px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0.004em !important;
}

@media (max-width: 760px) {
  .about-hero h1,
  .contact-hero h1,
  .collection-hero h1,
  .gallery-hero h1,
  .product-hero h1,
  .base-hero h1,
  .wedding-hero h1,
  .viva-hero h1,
  .viva-hero__copy h1,
  .ww-hero h1,
  .wild-hero h1,
  .royal-hero h1,
  .royal-quiet-hero__copy h1,
  .royal-film--hero h1,
  .royal-standard-page .royal-film__copy h1,
  .investment-stones-page .hero h1,
  .private-page-content .banner_private h1 {
    font-size: clamp(34px, 10vw, 54px) !important;
  }

  .about-statement h2,
  .about-house h2,
  .about-values h2,
  .about-signature h2,
  .about-atelier h2,
  .about-inspiration h2,
  .about-contact h2,
  .contact-path h2,
  .contact-details h2,
  .base-section-title h2,
  .base-statement h2,
  .base-photo-copy h2,
  .base-final h2,
  .base-cinematic h2,
  .wedding-section-title h2,
  .wedding-text h2,
  .viva-section h2,
  .viva-card h2,
  .ww-section h2,
  .ww-copy h2,
  .royal-film h2,
  .royal-piece h2,
  .royal-light-scene h2,
  .royal-archive-piece h2,
  .royal-standard-page .royal-film__copy h2,
  .royal-standard-page .royal-symbols__copy h2,
  .royal-standard-page .royal-gallery-standard__head h2,
  .royal-final h2,
  .royal-final-quiet h2,
  .royal-scene__copy h1,
  .royal-world-title,
  .royal-super-title,
  .investment-stones-page section h2,
  .private-page-content .ind-jewelry-title,
  .private-page-content .info-block h3,
  .private-page-content .third-block .text-1,
  .private-page-content .third-block .text-2,
  .private-page-content .step span,
  .private-page-content .stone-selection h3 {
    font-size: clamp(26px, 8.4vw, 40px) !important;
  }
}

@media (max-width: 900px) {
  body .header_inside,
  body .site-header,
  body .about-header,
  body .contact-header {
    min-height: var(--js-shell-header-mobile) !important;
    height: var(--js-shell-header-mobile) !important;
    grid-template-columns: 46px minmax(120px, 1fr) 46px !important;
    padding: 0 22px !important;
  }

  body .logo_site,
  body .logo,
  body .about-logo,
  body .contact-logo {
    width: 150px !important;
    max-width: 150px !important;
  }

  body #sideMenu.side-menu,
  body .about-side-menu,
  body .contact-side-menu,
  body.investment-stones-page .side-menu {
    width: min(330px, 92vw) !important;
    padding: 34px 24px !important;
    overflow-y: auto !important;
  }

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

/* DNA SHELL LAST WORD 20260623-32: must stay at EOF. */
:root {
  --js-serif: "Romul", Georgia, "Times New Roman", serif;
  --js-sans: "Gilroy", "Helvetica Neue", Arial, sans-serif;
  --js-shell-ink: #323232;
  --js-shell-muted: rgba(50, 50, 50, .62);
  --js-shell-line: rgba(50, 50, 50, .09);
  --js-shell-header: 122px;
  --js-shell-header-mobile: 92px;
}

body .header_inside,
body .site-header,
body .about-header,
body .contact-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
  display: grid !important;
  grid-template-columns: 64px minmax(160px, 1fr) 64px !important;
  align-items: center !important;
  min-height: var(--js-shell-header) !important;
  height: var(--js-shell-header) !important;
  padding: 0 clamp(38px, 3.4vw, 58px) !important;
  background: rgba(255, 255, 255, .98) !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body .logo_site,
body .logo,
body .about-logo,
body .contact-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  width: clamp(150px, 9.6vw, 176px) !important;
  max-width: 176px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .logo_site img,
body .logo img,
body .about-logo img,
body .contact-logo img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 72px !important;
  object-fit: contain !important;
}

body .logo_site.logo-fallback img {
  display: block !important;
}

body .logo_site.logo-fallback::after {
  content: none !important;
  display: none !important;
}

body .burger_menu,
body .menu-icon,
body .about-burger,
body .contact-burger {
  justify-self: start !important;
  display: grid !important;
  width: 38px !important;
  height: 28px !important;
  gap: 9px !important;
  align-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body .burger_menu span,
body .menu-icon span,
body .about-burger span,
body .contact-burger span {
  display: block !important;
  width: 38px !important;
  height: 1.5px !important;
  margin: 0 !important;
  background: #323232 !important;
}

body .cart_block,
body .cart-button,
body .about-cart,
body .contact-cart {
  justify-self: end !important;
  width: 32px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body .cart_block img,
body .cart-button img,
body .about-cart img,
body .contact-cart img {
  display: block !important;
  width: 32px !important;
  height: 38px !important;
  object-fit: contain !important;
}

body .upperHeader {
  margin-top: 44px !important;
  padding-left: clamp(34px, 2.5vw, 50px) !important;
  padding-right: clamp(34px, 2.5vw, 50px) !important;
}

body .upperHeader h1 {
  margin: 0 0 15px !important;
  color: var(--js-shell-ink) !important;
  font-family: var(--js-serif) !important;
  font-size: 27px !important;
  font-weight: 400 !important;
  line-height: 1.24 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

body .upperHeader p,
body .upperHeader .linkmore1 {
  color: var(--js-shell-ink) !important;
  font-family: var(--js-sans) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

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

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

body #sideMenu.side-menu,
body .about-side-menu,
body .contact-side-menu,
body.investment-stones-page .side-menu {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 10020 !important;
  width: 610px !important;
  max-width: 92vw !important;
  height: 100vh !important;
  padding: 42px 0 34px 40px !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: translateX(-101%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

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

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

body #sideMenu .sideul {
  width: 260px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body #sideMenu .sideul h3 {
  margin: 30px 0 26px !important;
  padding: 0 0 24px !important;
  border-bottom: 1px solid var(--js-shell-line) !important;
  color: var(--js-shell-ink) !important;
  font-family: var(--js-sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

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

body #sideMenu .sideul a {
  display: flex !important;
  align-items: center !important;
  min-height: 33px !important;
  padding: 7px 0 !important;
  color: var(--js-shell-muted) !important;
  font-family: var(--js-sans) !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;
}

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

body #sideMenu .sl_child {
  position: absolute !important;
  left: 306px !important;
  top: 48px !important;
  display: none !important;
  width: 210px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body #sideMenu.collections-visible .sl_child,
body #sideMenu .sl_child.open,
body #sideMenu .sl_child:hover {
  display: block !important;
}

body #sideMenu .bottom_menu-info {
  position: absolute !important;
  left: 0 !important;
  bottom: 30px !important;
  width: 260px !important;
  margin: 0 !important;
  font-family: var(--js-sans) !important;
}

body #sideMenu .main_ph-mun {
  display: block !important;
  margin: 0 0 6px !important;
  color: rgba(52, 52, 52, .92) !important;
  font-family: var(--js-sans) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body #sideMenu .time_worki,
body #sideMenu .rest3 {
  display: block !important;
  color: var(--js-shell-muted) !important;
  font-family: var(--js-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

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

body #sideMenu .img_fd {
  position: fixed !important;
  left: clamp(700px, 56vw, 930px) !important;
  top: clamp(210px, 25vh, 285px) !important;
  z-index: 10021 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(260px, 22vw, 400px) !important;
  height: clamp(200px, 24vw, 380px) !important;
  pointer-events: none !important;
}

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

/* Final shell sync: one header, logo scale and slide menu across the preview. */
:root {
  --js-header-height: 128px;
  --js-header-height-mobile: 96px;
  --js-shell-side: clamp(24px, 3.2vw, 48px);
}

.header_inside,
.contact-page-layout .contact-header,
.about-page-layout .about-header,
.investment-stones-page .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  display: grid !important;
  grid-template-columns: 64px 1fr 64px !important;
  align-items: center !important;
  min-height: var(--js-header-height) !important;
  height: var(--js-header-height) !important;
  padding: 24px var(--js-shell-side) !important;
  border: 0 !important;
  border-bottom: 0 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.logo_site,
.contact-page-layout .contact-logo,
.about-page-layout .about-logo,
.investment-stones-page .logo {
  justify-self: center !important;
  width: clamp(136px, 9.8vw, 176px) !important;
  max-width: 176px !important;
}

.burger_menu,
.contact-page-layout .contact-burger,
.about-page-layout .about-burger,
.investment-stones-page .menu-icon {
  justify-self: start !important;
  display: grid !important;
  width: 38px !important;
  height: 28px !important;
  gap: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  align-content: center !important;
  cursor: pointer !important;
}

.burger_menu span,
.contact-page-layout .contact-burger span,
.about-page-layout .about-burger span,
.investment-stones-page .menu-icon span {
  display: block !important;
  width: 38px !important;
  height: 1.5px !important;
  margin: 0 !important;
  background: var(--js-menu-line) !important;
}

.cart_block,
.contact-page-layout .contact-cart,
.about-page-layout .about-cart,
.investment-stones-page .cart-button {
  justify-self: end !important;
  display: block !important;
  width: 29px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.cart_block img,
.contact-page-layout .contact-cart img,
.about-page-layout .about-cart img,
.investment-stones-page .cart-button img {
  width: 29px !important;
  height: 34px !important;
  object-fit: contain !important;
}

.contact-page-layout .contact-menu-overlay,
.about-page-layout .about-menu-overlay,
.fon_menu,
.investment-stones-page .menu-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 70 !important;
  display: block !important;
  background: rgba(37, 33, 31, 0.24) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 280ms ease, visibility 280ms ease !important;
}

.contact-page-layout .contact-menu-overlay.is-open,
.about-page-layout .about-menu-overlay.is-open,
.fon_menu.active,
.fon_menu.is-open,
.investment-stones-page.menu-open .menu-backdrop,
.investment-stones-page .menu-backdrop.is-open {
  opacity: 1 !important;
  visibility: visible !important;
}

.contact-page-layout .contact-side-menu,
.about-page-layout .about-side-menu,
#sideMenu.side-menu,
.investment-stones-page .side-menu {
  position: fixed !important;
  top: var(--js-header-height) !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 80 !important;
  width: min(280px, 88vw) !important;
  max-width: 280px !important;
  min-width: 0 !important;
  height: calc(100vh - var(--js-header-height)) !important;
  padding: 38px 28px 42px !important;
  background: #fffefd !important;
  box-shadow: 18px 18px 58px rgba(37, 33, 31, 0.08) !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  transform: translateX(-100%) !important;
  transition: transform 360ms ease !important;
}

.contact-page-layout .contact-side-menu.is-open,
.about-page-layout .about-side-menu.is-open,
#sideMenu.side-menu.open,
#sideMenu.side-menu.is-open,
.investment-stones-page.menu-open .side-menu,
.investment-stones-page .side-menu.open,
.investment-stones-page .side-menu.is-open {
  transform: translateX(0) !important;
}

#sideMenu .inside_side-menu,
.investment-stones-page .side-menu-inner {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.contact-page-layout .contact-side-menu nav,
.about-page-layout .about-side-menu nav,
#sideMenu .sideul,
#sideMenu .sideul ul,
.investment-stones-page .side-menu-main,
.investment-stones-page .side-menu-service {
  display: grid !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

.contact-page-layout .contact-side-menu p,
.about-page-layout .about-side-menu p,
#sideMenu .sideul h3,
.investment-stones-page .side-menu h2 {
  margin: 0 0 34px !important;
  padding: 0 30px 18px 0 !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  color: rgba(52, 52, 52, 0.68) !important;
  font-family: var(--js-sans) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.contact-page-layout .contact-side-menu a,
.about-page-layout .about-side-menu a,
#sideMenu .sideul a,
.investment-stones-page .side-menu a {
  position: static !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 15px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  background: transparent !important;
  color: rgba(52, 52, 52, 0.68) !important;
  font-family: var(--js-sans) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-sizing: border-box !important;
}

#sideMenu .sideul li {
  position: static !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#sideMenu .sideul svg,
#sideMenu .sideul li > ul,
#sideMenu .sideul li > div,
#sideMenu .sideul .submenu,
#sideMenu .sideul [class*="submenu"],
#sideMenu .sideul [class*="child"],
.active_burger .close_side-menu,
.close_side-menu:not(.sl_io) {
  display: none !important;
}

#sideMenu .sl_io.close_side-menu,
.contact-page-layout .contact-menu-close,
.about-page-layout .about-menu-close {
  position: absolute !important;
  top: 24px !important;
  right: 22px !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
  cursor: pointer !important;
}

.burger_menu.open {
  display: grid !important;
}

@media (max-width: 760px) {
  .header_inside,
  .contact-page-layout .contact-header,
  .about-page-layout .about-header,
  .investment-stones-page .site-header {
    grid-template-columns: 46px 1fr 46px !important;
    min-height: var(--js-header-height-mobile) !important;
    height: var(--js-header-height-mobile) !important;
    padding: 12px 22px !important;
  }

  .burger_menu,
  .contact-page-layout .contact-burger,
  .about-page-layout .about-burger,
  .investment-stones-page .menu-icon {
    width: 32px !important;
    height: 24px !important;
    gap: 7px !important;
  }

  .burger_menu span,
  .contact-page-layout .contact-burger span,
  .about-page-layout .about-burger span,
  .investment-stones-page .menu-icon span {
    width: 32px !important;
  }

  .logo_site,
  .contact-page-layout .contact-logo,
  .about-page-layout .about-logo,
  .investment-stones-page .logo {
    width: clamp(124px, 34vw, 154px) !important;
  }

  .cart_block,
  .contact-page-layout .contact-cart,
  .about-page-layout .about-cart,
  .investment-stones-page .cart-button,
  .cart_block img,
  .contact-page-layout .contact-cart img,
  .about-page-layout .about-cart img,
  .investment-stones-page .cart-button img {
    width: 24px !important;
    height: 30px !important;
  }

  .contact-page-layout .contact-side-menu,
  .about-page-layout .about-side-menu,
  #sideMenu.side-menu,
  .investment-stones-page .side-menu {
    top: var(--js-header-height-mobile) !important;
    width: min(280px, 88vw) !important;
    height: calc(100vh - var(--js-header-height-mobile)) !important;
    padding: 30px 24px 42px !important;
  }
}

/* 20260608 original-site menu/header match: keep this as the last override. */
.contact-page-layout .contact-menu-overlay,
.about-page-layout .about-menu-overlay,
.fon_menu,
.investment-stones-page .menu-backdrop {
  z-index: 70 !important;
  background: rgba(245, 244, 242, 0.72) !important;
}

.contact-page-layout .contact-side-menu,
.about-page-layout .about-side-menu,
#sideMenu.side-menu,
.investment-stones-page .side-menu {
  top: 0 !important;
  height: 100vh !important;
  width: 280px !important;
  max-width: 280px !important;
  padding: 24px 20px 32px !important;
  z-index: 90 !important;
  box-shadow: none !important;
  background: #fffefd !important;
}

.contact-page-layout .contact-menu-close,
.about-page-layout .about-menu-close,
#sideMenu .sl_io.close_side-menu,
.investment-stones-page .menu-close {
  top: 24px !important;
  right: 18px !important;
}

.contact-page-layout .contact-side-menu p,
.about-page-layout .about-side-menu p,
#sideMenu .sideul h3,
.investment-stones-page .side-menu-title {
  margin: 0 0 34px !important;
  padding: 0 32px 18px 0 !important;
  font-size: 15px !important;
  color: rgba(52, 52, 52, 0.66) !important;
}

.contact-page-layout .contact-side-menu a,
.about-page-layout .about-side-menu a,
#sideMenu .sideul a,
.investment-stones-page .side-menu a {
  min-height: 38px !important;
  padding: 10px 0 !important;
  font-size: 15px !important;
  color: rgba(52, 52, 52, 0.66) !important;
}

#sideMenu .sideul svg {
  display: inline-block !important;
  width: 8px !important;
  height: 12px !important;
  margin-left: auto !important;
  opacity: .58 !important;
}

#sideMenu .sideul li > a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.contact-page-layout .contact-menu-close,
.about-page-layout .about-menu-close,
.investment-stones-page .menu-close {
  top: 58px !important;
  left: 38px !important;
  right: auto !important;
  width: 19px !important;
  height: 19px !important;
}

.contact-page-layout .contact-side-menu p,
.about-page-layout .about-side-menu p,
.investment-stones-page .side-menu-title {
  margin: 0 0 22px !important;
  padding: 0 0 20px !important;
  color: #2e2e2e !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.contact-page-layout .contact-side-menu a,
.about-page-layout .about-side-menu a,
.investment-stones-page .side-menu a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 10px 24px 10px 0 !important;
  color: rgba(52, 52, 52, 0.58) !important;
  font-size: 16px !important;
}

.contact-page-layout .prototype-menu-categories,
.about-page-layout .prototype-menu-categories,
.investment-stones-page .prototype-menu-categories {
  margin-bottom: 42px !important;
}

.contact-page-layout .prototype-menu-categories a::after,
.about-page-layout .prototype-menu-categories a::after,
.investment-stones-page .prototype-menu-categories a::after {
  content: "›" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  color: rgba(52, 52, 52, 0.46) !important;
  font-size: 30px !important;
  line-height: 1 !important;
  transform: translateY(-52%) !important;
}

.contact-page-layout .prototype-menu-footer,
.about-page-layout .prototype-menu-footer,
.investment-stones-page .prototype-menu-footer {
  display: grid !important;
  gap: 10px !important;
  margin-top: auto !important;
  padding-top: 72px !important;
}

.contact-page-layout .prototype-menu-footer a,
.about-page-layout .prototype-menu-footer a,
.investment-stones-page .prototype-menu-footer a {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #343434 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

.contact-page-layout .prototype-menu-footer span,
.about-page-layout .prototype-menu-footer span,
.investment-stones-page .prototype-menu-footer span,
.contact-page-layout .prototype-menu-footer small,
.about-page-layout .prototype-menu-footer small,
.investment-stones-page .prototype-menu-footer small {
  display: block !important;
  color: rgba(52, 52, 52, 0.62) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

.contact-page-layout .prototype-menu-footer small,
.about-page-layout .prototype-menu-footer small,
.investment-stones-page .prototype-menu-footer small {
  margin-top: 22px !important;
  text-transform: uppercase !important;
}

/* FINAL 20260622 v04: exact old-site menu rows, kept last. */
#sideMenu.side-menu {
  top: 80px !important;
  left: -100% !important;
  width: 100% !important;
  max-width: none !important;
  height: calc(100vh - 80px) !important;
  padding: 20px !important;
  background-color: #f8f8f8 !important;
  overflow-y: auto !important;
  transform: none !important;
  transition: left 0.3s ease !important;
}

#sideMenu.side-menu.open,
#sideMenu.side-menu.is-open {
  left: 0 !important;
  transform: none !important;
}

#sideMenu .inside_side-menu {
  display: block !important;
  width: 280px !important;
  height: 112vh !important;
  padding: 0 !important;
}

#sideMenu .sideul {
  display: block !important;
  width: 280px !important;
  margin: 38px 0 0 !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaeaea !important;
  list-style: none !important;
}

#sideMenu .sideul h3 {
  margin: 0 0 18px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaeaea !important;
  color: #343434 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

#sideMenu .sideul li {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 8px !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 23px !important;
  margin: 15px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

#sideMenu .sideul li.active_child-menu.desctop-show {
  display: grid !important;
}

#sideMenu .sideul li.mob-show {
  display: none !important;
}

#sideMenu .sideul li > a {
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

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

#sideMenu .su_bt {
  margin-top: 40px !important;
}

#sideMenu .bottom_menu-info {
  width: 280px !important;
  margin-top: 100px !important;
}

#sideMenu .main_ph-mun {
  color: #343434 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

#sideMenu .time_worki {
  display: inline-block !important;
  margin-top: 5px !important;
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
}

#sideMenu .rest3 {
  display: block !important;
  margin-top: 22px !important;
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
}

/* FINAL 20260622 v05: original menu behavior + shared header rhythm. */
body header,
body .site-header,
body .about-header,
body .contact-header {
  position: relative !important;
  z-index: 40 !important;
  background: #ffffff !important;
}

body .header_inside,
body .site-header,
body .about-header,
body .contact-header {
  min-height: 96px !important;
  height: 96px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}

body .logo_site,
body .site-logo,
body .about-logo,
body .contact-logo {
  width: 211px !important;
  max-width: min(211px, calc(100vw - 170px)) !important;
  height: auto !important;
  margin: 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body .logo_site img,
body .site-logo img,
body .about-logo img,
body .contact-logo img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

body .header_inside .burger_menu {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

body .header_inside .cart_block {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

body .header_inside.active_burger {
  background: #ffffff !important;
}

body .private-page-content,
body .investment-stones-page main,
body .about-page,
body .contact-page {
  clear: both !important;
}

#sideMenu.side-menu {
  position: fixed !important;
  top: 96px !important;
  left: -100% !important;
  width: 100% !important;
  max-width: none !important;
  height: calc(100vh - 96px) !important;
  min-height: 0 !important;
  padding: 20px 20px 28px !important;
  background-color: #f8f8f8 !important;
  color: #343434 !important;
  overflow-y: auto !important;
  transform: none !important;
  transition: left 0.3s ease !important;
  box-shadow: none !important;
  z-index: 1000 !important;
}

#sideMenu.side-menu.open,
#sideMenu.side-menu.is-open {
  left: 0 !important;
  transform: none !important;
}

#sideMenu .inside_side-menu {
  position: relative !important;
  display: block !important;
  width: 280px !important;
  min-height: calc(100vh - 145px) !important;
  height: auto !important;
  padding: 0 !important;
}

#sideMenu .sideul {
  display: block !important;
  width: 280px !important;
  margin: 38px 0 0 !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaeaea !important;
  list-style: none !important;
}

#sideMenu .sideul h3 {
  margin: 0 0 18px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaeaea !important;
  color: #343434 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

#sideMenu .sideul li {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 8px !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 23px !important;
  margin: 15px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

#sideMenu .sideul li > a {
  display: block !important;
  min-width: 0 !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

#sideMenu .sideul li:hover > a,
#sideMenu .sideul li:focus-within > a,
#sideMenu .sideul li.dss > a {
  color: #343434 !important;
  text-decoration: underline !important;
}

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

#sideMenu .sl_child {
  position: absolute !important;
  left: 350px !important;
  top: 20px !important;
  display: none !important;
  margin-top: 38px !important;
}

#sideMenu .sl_child.open,
#sideMenu .active_child-menu:hover + .mob-show + .sl_child,
#sideMenu .active_child-menu:hover ~ .sl_child,
#sideMenu .sl_child:hover {
  display: block !important;
}

#sideMenu .su_bt {
  margin-top: 40px !important;
}

#sideMenu .bottom_menu-info {
  width: 280px !important;
  margin-top: 86px !important;
  padding-bottom: 20px !important;
}

#sideMenu .main_ph-mun {
  color: #343434 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

#sideMenu .time_worki,
#sideMenu .rest3 {
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

#sideMenu .time_worki {
  display: inline-block !important;
  margin-top: 5px !important;
}

#sideMenu .rest3 {
  display: block !important;
  margin-top: 22px !important;
  text-transform: none !important;
}

#sideMenu .img_fd {
  position: absolute !important;
  left: 38vw !important;
  top: 135px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 31vw !important;
  max-width: 425px !important;
  min-width: 300px !important;
  height: 390px !important;
  pointer-events: none !important;
}

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

@media (max-width: 900px) {
  body .header_inside,
  body .site-header,
  body .about-header,
  body .contact-header {
    min-height: 82px !important;
    height: 82px !important;
  }

  #sideMenu.side-menu {
    top: 82px !important;
    height: calc(100vh - 82px) !important;
    width: 300px !important;
    max-width: calc(100vw - 22px) !important;
    box-shadow: 0 4px 58.9px rgba(0, 0, 0, 0.15) !important;
  }

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

  #sideMenu .sideul li.active_child-menu.desctop-show {
    display: none !important;
  }

  #sideMenu .sideul li.mob-show {
    display: grid !important;
  }

  body .logo_site,
  body .logo,
  body .site-logo,
  body .about-logo,
  body .contact-logo {
    width: 150px !important;
  }
}

/* DNA SHELL LOCK 20260623-30
   Keep the original live-site skeleton: shared header, logo, cart and menu.
   This layer must not restyle agreed content blocks or banners. */
:root {
  --js-final-header-height: 124px;
  --js-final-header-height-mobile: 92px;
  --js-final-side: clamp(36px, 3.4vw, 58px);
  --js-final-ink: #323232;
  --js-final-muted: rgba(50, 50, 50, .64);
  --js-final-line: rgba(50, 50, 50, .10);
  --js-serif: "Romul", Georgia, "Times New Roman", serif;
  --js-sans: "Gilroy", "Helvetica Neue", Arial, sans-serif;
}

body header,
body .site-header,
body .about-header,
body .contact-header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 50 !important;
  width: 100% !important;
  min-height: var(--js-final-header-height) !important;
  height: var(--js-final-header-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body .header_inside,
body .site-header,
body .about-header,
body .contact-header {
  display: grid !important;
  grid-template-columns: 64px minmax(180px, 1fr) 64px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  min-height: var(--js-final-header-height) !important;
  height: var(--js-final-header-height) !important;
  margin: 0 !important;
  padding: 0 var(--js-final-side) !important;
  box-sizing: border-box !important;
}

body .logo_site,
body .logo,
body .site-logo,
body .about-logo,
body .contact-logo {
  position: static !important;
  justify-self: center !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(172px, 11.2vw, 212px) !important;
  max-width: clamp(172px, 11.2vw, 212px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body .logo_site img,
body .logo img,
body .site-logo img,
body .about-logo img,
body .contact-logo img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 78px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body .burger_menu,
body .menu-icon,
body .about-burger,
body .contact-burger {
  position: static !important;
  justify-self: start !important;
  align-self: center !important;
  display: inline-grid !important;
  width: 38px !important;
  height: 30px !important;
  gap: 8px !important;
  align-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body .burger_menu span,
body .menu-icon span,
body .about-burger span,
body .contact-burger span {
  display: block !important;
  width: 38px !important;
  height: 1.5px !important;
  margin: 0 !important;
  border: 0 !important;
  background: #242424 !important;
}

body .cart_block,
body .cart-button,
body .about-cart,
body .contact-cart {
  position: static !important;
  justify-self: end !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  transform: none !important;
}

body .cart_block img,
body .cart-button img,
body .about-cart img,
body .contact-cart img {
  display: block !important;
  width: 32px !important;
  height: 38px !important;
  object-fit: contain !important;
}

body .fon_menu,
body .menu-backdrop,
body .about-menu-overlay,
body .contact-menu-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10010 !important;
  display: block !important;
  background: rgba(248, 248, 247, .86) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .28s ease, visibility .28s ease !important;
}

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

body #sideMenu.side-menu,
body .about-side-menu,
body .contact-side-menu,
body.investment-stones-page .side-menu {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 10020 !important;
  width: 610px !important;
  max-width: 92vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  padding: 44px 0 34px 34px !important;
  background: #fffefd !important;
  box-shadow: none !important;
  border: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  transform: translateX(-101%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: transform .34s ease, opacity .22s ease, visibility .22s ease !important;
}

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

body #sideMenu .inside_side-menu,
body.investment-stones-page .side-menu-inner {
  position: relative !important;
  width: 100% !important;
  height: calc(100vh - 82px) !important;
  min-height: calc(100vh - 82px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body #sideMenu .sideul,
body .prototype-menu-categories,
body .prototype-menu-service,
body.investment-stones-page .side-menu-main,
body.investment-stones-page .side-menu-service {
  width: 250px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
}

body #sideMenu .sideul h3,
body .about-side-menu p,
body .contact-side-menu p,
body.investment-stones-page .side-menu-title {
  margin: 28px 0 26px !important;
  padding: 0 0 24px !important;
  border-bottom: 1px solid var(--js-final-line) !important;
  color: var(--js-final-ink) !important;
  font-family: var(--js-sans) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

body #sideMenu .sideul li,
body #sideMenu .sideul a,
body .about-side-menu a,
body .contact-side-menu a,
body.investment-stones-page .side-menu a {
  font-family: var(--js-sans) !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

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

body #sideMenu .sideul a,
body .about-side-menu a,
body .contact-side-menu a,
body.investment-stones-page .side-menu a {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  width: 100% !important;
  padding: 8px 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--js-final-muted) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

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

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

body #sideMenu .sl_child {
  position: absolute !important;
  left: 300px !important;
  top: 48px !important;
  display: none !important;
  width: 210px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body #sideMenu.collections-visible .sl_child,
body #sideMenu .sl_child.open,
body #sideMenu .sl_child:hover {
  display: block !important;
}

body #sideMenu .su_bt,
body .prototype-menu-service,
body.investment-stones-page .side-menu-service {
  margin-top: 42px !important;
}

body #sideMenu .bottom_menu-info,
body .prototype-menu-footer,
body.investment-stones-page .prototype-menu-footer {
  position: absolute !important;
  left: 0 !important;
  bottom: 28px !important;
  width: 250px !important;
  margin: 0 !important;
  color: var(--js-final-muted) !important;
  font-family: var(--js-sans) !important;
}

body .about-side-menu .prototype-menu-footer,
body .contact-side-menu .prototype-menu-footer,
body.investment-stones-page .prototype-menu-footer {
  left: 34px !important;
}

body #sideMenu .main_ph-mun,
body .prototype-menu-footer a,
body.investment-stones-page .prototype-menu-footer a {
  display: block !important;
  margin: 0 0 6px !important;
  color: rgba(52, 52, 52, .9) !important;
  font-family: var(--js-sans) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body #sideMenu .time_worki,
body #sideMenu .rest3,
body .prototype-menu-footer span,
body .prototype-menu-footer small,
body.investment-stones-page .prototype-menu-footer span,
body.investment-stones-page .prototype-menu-footer small {
  display: block !important;
  color: var(--js-final-muted) !important;
  font-family: var(--js-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body #sideMenu .rest3,
body .prototype-menu-footer small {
  margin-top: 22px !important;
}

body #sideMenu .img_fd {
  position: fixed !important;
  left: clamp(680px, 52vw, 920px) !important;
  top: clamp(210px, 25vh, 285px) !important;
  z-index: 10021 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(260px, 23vw, 420px) !important;
  height: clamp(190px, 24vw, 390px) !important;
  pointer-events: none !important;
}

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

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

body .investment-stones-page main,
body.investment-stones-page main,
body .about-page,
body .contact-page {
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  :root {
    --js-final-header-height: var(--js-final-header-height-mobile);
  }

  body header,
  body .site-header,
  body .about-header,
  body .contact-header,
  body .header_inside {
    min-height: var(--js-final-header-height-mobile) !important;
    height: var(--js-final-header-height-mobile) !important;
  }

  body .header_inside,
  body .site-header,
  body .about-header,
  body .contact-header {
    grid-template-columns: 46px minmax(120px, 1fr) 46px !important;
    padding: 0 22px !important;
  }

  body .logo_site,
  body .logo,
  body .site-logo,
  body .about-logo,
  body .contact-logo {
    width: clamp(132px, 37vw, 156px) !important;
    max-width: clamp(132px, 37vw, 156px) !important;
  }

  body #sideMenu.side-menu,
  body .about-side-menu,
  body .contact-side-menu,
  body.investment-stones-page .side-menu {
    width: min(330px, 92vw) !important;
    padding: 34px 24px 34px !important;
    overflow-y: auto !important;
  }

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

/* FINAL 20260623 v11: visible footer and lighter menu surface. */
html body #sideMenu.side-menu {
  background-color: #fcfcfb !important;
}

@media (min-width: 901px) {
  html body .fon_menu,
  html body .fon_menu.active,
  html body .fon_menu.is-open {
    display: none !important;
    pointer-events: none !important;
    background: transparent !important;
  }

  html body #sideMenu .inside_side-menu {
    min-height: calc(100vh - 144px) !important;
    padding-bottom: 122px !important;
  }

  html body #sideMenu .bottom_menu-info {
    position: absolute !important;
    left: 0 !important;
    bottom: 26px !important;
    width: 280px !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
  }

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

  html body #sideMenu .sideul li {
    margin-top: 11px !important;
    margin-bottom: 11px !important;
  }

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

/* FINAL 20260623 v10: unified site shell and lighter navigation. */
body .logo_site,
body .logo,
body .site-logo,
body .about-logo,
body .contact-logo {
  width: 211px !important;
  max-width: min(211px, calc(100vw - 170px)) !important;
  height: auto !important;
}

body .logo_site img,
body .logo img,
body .site-logo img,
body .about-logo img,
body .contact-logo img {
  width: 100% !important;
  height: auto !important;
}

body .cart_block,
body .cart-button,
body .about-cart,
body .contact-cart {
  width: 29px !important;
  height: 30px !important;
}

body .cart_block img,
body .cart-button img,
body .about-cart img,
body .contact-cart img {
  width: 29px !important;
  height: 30px !important;
}

#sideMenu.side-menu {
  background-color: #fcfcfb !important;
}

#sideMenu .sideul {
  margin-top: 30px !important;
  padding-bottom: 16px !important;
}

#sideMenu .sideul h3 {
  margin-bottom: 16px !important;
  padding-bottom: 16px !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

#sideMenu .sideul li {
  min-height: 22px !important;
  margin: 12px 0 !important;
}

#sideMenu .sideul li > a {
  color: #858585 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  transition: color 0.22s ease, transform 0.22s ease;
}

#sideMenu .sideul li > svg {
  transition: opacity 0.22s ease, transform 0.22s ease;
}

#sideMenu .sideul li:hover > a,
#sideMenu .sideul li:focus-within > a,
#sideMenu .sideul li.menu-hovered > a,
#sideMenu .sideul li.dss > a {
  color: #343434 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transform: translateX(2px) !important;
}

#sideMenu .sideul li:hover > svg,
#sideMenu .sideul li:focus-within > svg,
#sideMenu .sideul li.menu-hovered > svg,
#sideMenu .sideul li.dss > svg {
  opacity: 1 !important;
  transform: translateX(3px) !important;
}

#sideMenu .su_bt {
  margin-top: 30px !important;
}

#sideMenu .bottom_menu-info {
  margin-top: 50px !important;
  padding-bottom: 52px !important;
}

#sideMenu .rest3 {
  margin-top: 18px !important;
}

@media (min-width: 901px) {
  #sideMenu .inside_side-menu {
    min-height: auto !important;
  }
}

/* FINAL 20260622: copy old jewelrystories.store navigation behavior. */
#sideMenu.side-menu {
  top: 80px !important;
  left: -100% !important;
  width: 100% !important;
  max-width: none !important;
  height: calc(100vh - 80px) !important;
  padding: 20px !important;
  background-color: #f8f8f8 !important;
  overflow-y: auto !important;
  transform: none !important;
  transition: left 0.3s ease !important;
}

#sideMenu.side-menu.open,
#sideMenu.side-menu.is-open {
  left: 0 !important;
  transform: none !important;
}

#sideMenu .inside_side-menu {
  width: 280px !important;
  height: 112vh !important;
  padding: 0 !important;
}

#sideMenu .sideul {
  display: block !important;
  margin-top: 38px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaeaea !important;
  font-size: 15px !important;
}

#sideMenu .sideul h3 {
  margin: 0 0 18px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaeaea !important;
  color: #343434 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

#sideMenu .sideul li {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 23px !important;
  margin: 15px 0 !important;
  padding: 0 !important;
}

#sideMenu .sideul li > a {
  flex: 1 1 auto !important;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

#sideMenu .sideul svg {
  display: block !important;
  flex: 0 0 auto !important;
  width: 6px !important;
  height: 12px !important;
  margin-left: 16px !important;
  opacity: 1 !important;
}

#sideMenu .su_bt {
  margin-top: 40px !important;
}

#sideMenu .bottom_menu-info {
  margin-top: 100px !important;
}

#sideMenu .main_ph-mun {
  color: #343434 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

#sideMenu .time_worki {
  display: inline-block !important;
  margin-top: 5px !important;
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
}

#sideMenu .rest3 {
  display: block !important;
  margin-top: 22px !important;
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
  text-transform: none !important;
}

.contact-page-layout .contact-side-menu,
.about-page-layout .about-side-menu,
.investment-stones-page .side-menu {
  top: 80px !important;
  left: -100% !important;
  width: 100% !important;
  max-width: none !important;
  height: calc(100vh - 80px) !important;
  padding: 58px 20px 20px !important;
  background-color: #f8f8f8 !important;
  overflow-y: auto !important;
  transform: none !important;
  transition: left 0.3s ease !important;
}

.contact-page-layout .contact-side-menu.is-open,
.about-page-layout .about-side-menu.is-open,
.investment-stones-page .side-menu.is-open {
  left: 0 !important;
  transform: none !important;
}

.contact-page-layout .contact-side-menu p,
.about-page-layout .about-side-menu p,
.investment-stones-page .side-menu-title,
.contact-page-layout .contact-side-menu nav,
.about-page-layout .about-side-menu nav,
.investment-stones-page .side-menu nav,
.contact-page-layout .prototype-menu-footer,
.about-page-layout .prototype-menu-footer,
.investment-stones-page .prototype-menu-footer {
  width: 280px !important;
}

.contact-page-layout .contact-side-menu p,
.about-page-layout .about-side-menu p,
.investment-stones-page .side-menu-title {
  margin: 0 0 18px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaeaea !important;
  color: #343434 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.contact-page-layout .contact-side-menu a,
.about-page-layout .about-side-menu a,
.investment-stones-page .side-menu a {
  min-height: 23px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.contact-page-layout .prototype-menu-categories,
.about-page-layout .prototype-menu-categories,
.investment-stones-page .prototype-menu-categories,
.contact-page-layout .prototype-menu-service,
.about-page-layout .prototype-menu-service,
.investment-stones-page .prototype-menu-service {
  display: grid !important;
  gap: 15px !important;
  margin-top: 38px !important;
  margin-bottom: 0 !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaeaea !important;
}

.contact-page-layout .prototype-menu-service,
.about-page-layout .prototype-menu-service,
.investment-stones-page .prototype-menu-service {
  margin-top: 40px !important;
}

.contact-page-layout .prototype-menu-categories a::after,
.about-page-layout .prototype-menu-categories a::after,
.investment-stones-page .prototype-menu-categories a::after {
  right: 0 !important;
  color: #878787 !important;
  font-size: 22px !important;
}

.contact-page-layout .prototype-menu-footer,
.about-page-layout .prototype-menu-footer,
.investment-stones-page .prototype-menu-footer {
  margin-top: 100px !important;
  padding-top: 0 !important;
  gap: 5px !important;
}

/* FINAL 20260622: original left navigation from jewelrystories.store. */
.contact-page-layout .contact-side-menu,
.about-page-layout .about-side-menu,
.investment-stones-page .side-menu {
  display: flex !important;
  flex-direction: column !important;
  top: 0 !important;
  height: 100vh !important;
  width: 360px !important;
  max-width: 88vw !important;
  padding: 112px 38px 54px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.contact-page-layout .contact-menu-close,
.about-page-layout .about-menu-close,
.investment-stones-page .menu-close {
  top: 58px !important;
  left: 38px !important;
  right: auto !important;
  width: 19px !important;
  height: 19px !important;
}

.investment-stones-page .menu-close::before,
.investment-stones-page .menu-close::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 23px !important;
  height: 2px !important;
  background: #252525 !important;
  transform-origin: center !important;
}

.investment-stones-page .menu-close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.investment-stones-page .menu-close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.contact-page-layout .contact-side-menu p,
.about-page-layout .about-side-menu p,
.investment-stones-page .side-menu-title {
  margin: 0 0 22px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  color: #2e2e2e !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.contact-page-layout .prototype-menu-categories,
.about-page-layout .prototype-menu-categories,
.investment-stones-page .prototype-menu-categories {
  width: 100% !important;
  margin-bottom: 42px !important;
}

.contact-page-layout .prototype-menu-service,
.about-page-layout .prototype-menu-service,
.investment-stones-page .prototype-menu-service {
  width: 100% !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.contact-page-layout .contact-side-menu a,
.about-page-layout .about-side-menu a,
.investment-stones-page .side-menu a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 10px 24px 10px 0 !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  color: rgba(52, 52, 52, 0.58) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

.contact-page-layout .prototype-menu-categories a::after,
.about-page-layout .prototype-menu-categories a::after,
.investment-stones-page .prototype-menu-categories a::after {
  content: "›" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  color: rgba(52, 52, 52, 0.46) !important;
  font-size: 30px !important;
  line-height: 1 !important;
  transform: translateY(-52%) !important;
}

.contact-page-layout .prototype-menu-footer,
.about-page-layout .prototype-menu-footer,
.investment-stones-page .prototype-menu-footer {
  display: grid !important;
  gap: 10px !important;
  margin-top: auto !important;
  padding-top: 72px !important;
  color: rgba(52, 52, 52, 0.62) !important;
  font-family: var(--js-sans) !important;
}

.contact-page-layout .prototype-menu-footer a,
.about-page-layout .prototype-menu-footer a,
.investment-stones-page .prototype-menu-footer a {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #343434 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.contact-page-layout .prototype-menu-footer span,
.about-page-layout .prototype-menu-footer span,
.investment-stones-page .prototype-menu-footer span,
.contact-page-layout .prototype-menu-footer small,
.about-page-layout .prototype-menu-footer small,
.investment-stones-page .prototype-menu-footer small {
  display: block !important;
  color: rgba(52, 52, 52, 0.62) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

.contact-page-layout .prototype-menu-footer small,
.about-page-layout .prototype-menu-footer small,
.investment-stones-page .prototype-menu-footer small {
  margin-top: 22px !important;
  text-transform: uppercase !important;
}

@media (max-width: 760px) {
  .contact-page-layout .contact-side-menu,
  .about-page-layout .about-side-menu,
  .investment-stones-page .side-menu {
    width: 320px !important;
    padding: 92px 24px 38px !important;
  }

  .contact-page-layout .contact-menu-close,
  .about-page-layout .about-menu-close,
  .investment-stones-page .menu-close {
    top: 42px !important;
    left: 24px !important;
  }
}

/* FINAL 20260622: original left navigation from jewelrystories.store. */
.contact-page-layout .contact-side-menu,
.about-page-layout .about-side-menu,
.investment-stones-page .side-menu {
  display: flex !important;
  flex-direction: column !important;
  top: 0 !important;
  height: 100vh !important;
  width: 360px !important;
  max-width: 88vw !important;
  padding: 112px 38px 54px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.contact-page-layout .contact-menu-close,
.about-page-layout .about-menu-close,
.investment-stones-page .menu-close {
  top: 58px !important;
  left: 38px !important;
  right: auto !important;
  width: 19px !important;
  height: 19px !important;
}

.investment-stones-page .menu-close::before,
.investment-stones-page .menu-close::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 23px !important;
  height: 2px !important;
  background: #252525 !important;
  transform-origin: center !important;
}

.investment-stones-page .menu-close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.investment-stones-page .menu-close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.contact-page-layout .contact-side-menu p,
.about-page-layout .about-side-menu p,
.investment-stones-page .side-menu-title {
  margin: 0 0 22px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  color: #2e2e2e !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.contact-page-layout .prototype-menu-categories,
.about-page-layout .prototype-menu-categories,
.investment-stones-page .prototype-menu-categories {
  width: 100% !important;
  margin-bottom: 42px !important;
}

.contact-page-layout .prototype-menu-service,
.about-page-layout .prototype-menu-service,
.investment-stones-page .prototype-menu-service {
  width: 100% !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.contact-page-layout .contact-side-menu a,
.about-page-layout .about-side-menu a,
.investment-stones-page .side-menu a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 10px 24px 10px 0 !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  color: rgba(52, 52, 52, 0.58) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

.contact-page-layout .prototype-menu-categories a::after,
.about-page-layout .prototype-menu-categories a::after,
.investment-stones-page .prototype-menu-categories a::after {
  content: "›" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  color: rgba(52, 52, 52, 0.46) !important;
  font-size: 30px !important;
  line-height: 1 !important;
  transform: translateY(-52%) !important;
}

.contact-page-layout .prototype-menu-footer,
.about-page-layout .prototype-menu-footer,
.investment-stones-page .prototype-menu-footer {
  display: grid !important;
  gap: 10px !important;
  margin-top: auto !important;
  padding-top: 72px !important;
  color: rgba(52, 52, 52, 0.62) !important;
  font-family: var(--js-sans) !important;
}

.contact-page-layout .prototype-menu-footer a,
.about-page-layout .prototype-menu-footer a,
.investment-stones-page .prototype-menu-footer a {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #343434 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.contact-page-layout .prototype-menu-footer span,
.about-page-layout .prototype-menu-footer span,
.investment-stones-page .prototype-menu-footer span,
.contact-page-layout .prototype-menu-footer small,
.about-page-layout .prototype-menu-footer small,
.investment-stones-page .prototype-menu-footer small {
  display: block !important;
  color: rgba(52, 52, 52, 0.62) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

.contact-page-layout .prototype-menu-footer small,
.about-page-layout .prototype-menu-footer small,
.investment-stones-page .prototype-menu-footer small {
  margin-top: 22px !important;
  text-transform: uppercase !important;
}

@media (max-width: 760px) {
  .contact-page-layout .contact-side-menu,
  .about-page-layout .about-side-menu,
  .investment-stones-page .side-menu {
    width: 320px !important;
    padding: 92px 24px 38px !important;
  }

  .contact-page-layout .contact-menu-close,
  .about-page-layout .about-menu-close,
  .investment-stones-page .menu-close {
    top: 42px !important;
    left: 24px !important;
  }
}

/* Original left navigation for the upload prototype. */
.contact-page-layout .contact-side-menu,
.about-page-layout .about-side-menu,
.investment-stones-page .side-menu {
  display: flex !important;
  flex-direction: column !important;
  width: 360px !important;
  max-width: 88vw !important;
  padding: 112px 38px 54px !important;
  background: #fff !important;
}

.contact-page-layout .contact-menu-close,
.about-page-layout .about-menu-close,
.investment-stones-page .menu-close {
  top: 58px !important;
  left: 38px !important;
  right: auto !important;
  width: 19px !important;
  height: 19px !important;
}

.investment-stones-page .menu-close::before,
.investment-stones-page .menu-close::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 23px !important;
  height: 2px !important;
  background: #252525 !important;
  transform-origin: center !important;
}

.investment-stones-page .menu-close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.investment-stones-page .menu-close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.contact-page-layout .contact-side-menu p,
.about-page-layout .about-side-menu p,
.investment-stones-page .side-menu-title {
  margin: 0 0 22px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  color: #2e2e2e !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.contact-page-layout .contact-side-menu nav,
.about-page-layout .about-side-menu nav,
.investment-stones-page .side-menu nav {
  width: 100% !important;
}

.contact-page-layout .prototype-menu-categories,
.about-page-layout .prototype-menu-categories,
.investment-stones-page .prototype-menu-categories {
  margin-bottom: 42px !important;
}

.contact-page-layout .prototype-menu-service,
.about-page-layout .prototype-menu-service,
.investment-stones-page .prototype-menu-service {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.contact-page-layout .contact-side-menu a,
.about-page-layout .about-side-menu a,
.investment-stones-page .side-menu a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 10px 24px 10px 0 !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  color: rgba(52, 52, 52, 0.58) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

.contact-page-layout .prototype-menu-categories a::after,
.about-page-layout .prototype-menu-categories a::after,
.investment-stones-page .prototype-menu-categories a::after {
  content: "›" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  color: rgba(52, 52, 52, 0.46) !important;
  font-size: 30px !important;
  line-height: 1 !important;
  transform: translateY(-52%) !important;
}

.contact-page-layout .prototype-menu-footer,
.about-page-layout .prototype-menu-footer,
.investment-stones-page .prototype-menu-footer {
  display: grid !important;
  gap: 10px !important;
  margin-top: auto !important;
  padding-top: 72px !important;
  color: rgba(52, 52, 52, 0.62) !important;
  font-family: var(--js-sans) !important;
}

.contact-page-layout .prototype-menu-footer a,
.about-page-layout .prototype-menu-footer a,
.investment-stones-page .prototype-menu-footer a {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #343434 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.contact-page-layout .prototype-menu-footer span,
.about-page-layout .prototype-menu-footer span,
.investment-stones-page .prototype-menu-footer span,
.contact-page-layout .prototype-menu-footer small,
.about-page-layout .prototype-menu-footer small,
.investment-stones-page .prototype-menu-footer small {
  display: block !important;
  color: rgba(52, 52, 52, 0.62) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

.contact-page-layout .prototype-menu-footer small,
.about-page-layout .prototype-menu-footer small,
.investment-stones-page .prototype-menu-footer small {
  margin-top: 22px !important;
  text-transform: uppercase !important;
}

@media (max-width: 760px) {
  .contact-page-layout .contact-side-menu,
  .about-page-layout .about-side-menu,
  .investment-stones-page .side-menu {
    width: 320px !important;
    padding: 92px 24px 38px !important;
  }

  .contact-page-layout .contact-menu-close,
  .about-page-layout .about-menu-close,
  .investment-stones-page .menu-close {
    top: 42px !important;
    left: 24px !important;
  }
}

#sideMenu .sideul li > ul,
#sideMenu .sideul li > div,
#sideMenu .sideul .submenu,
#sideMenu .sideul [class*="submenu"],
#sideMenu .sideul [class*="child"] {
  display: none !important;
}

@media (max-width: 760px) {
  .header_inside,
  .contact-page-layout .contact-header,
  .about-page-layout .about-header,
  .investment-stones-page .site-header {
    min-height: 80px !important;
    height: 80px !important;
    padding: 0 10px !important;
    grid-template-columns: 42px 1fr 42px !important;
  }

  .burger_menu,
  .contact-page-layout .contact-burger,
  .about-page-layout .about-burger,
  .investment-stones-page .menu-icon {
    width: 31px !important;
    height: 26px !important;
    gap: 7px !important;
  }

  .burger_menu span,
  .contact-page-layout .contact-burger span,
  .about-page-layout .about-burger span,
  .investment-stones-page .menu-icon span {
    width: 31px !important;
    height: 1.5px !important;
  }

  .logo_site,
  .contact-page-layout .contact-logo,
  .about-page-layout .about-logo,
  .investment-stones-page .logo {
    width: 211px !important;
    max-width: calc(100vw - 170px) !important;
  }

  .cart_block,
  .contact-page-layout .contact-cart,
  .about-page-layout .about-cart,
  .investment-stones-page .cart-button,
  .cart_block img,
  .contact-page-layout .contact-cart img,
  .about-page-layout .about-cart img,
  .investment-stones-page .cart-button img {
    width: 29px !important;
    height: 30px !important;
  }

  .contact-page-layout .contact-side-menu,
  .about-page-layout .about-side-menu,
  #sideMenu.side-menu,
  .investment-stones-page .side-menu {
    top: 0 !important;
    height: 100vh !important;
    width: 280px !important;
    max-width: 88vw !important;
    padding: 24px 20px 32px !important;
  }
}

/* Final override: keep the approved shell identical on every page. */
:root {
  --js-header-height: 128px;
  --js-header-height-mobile: 96px;
  --js-shell-side: clamp(24px, 3.2vw, 48px);
}

.header_inside,
.contact-page-layout .contact-header,
.about-page-layout .about-header,
.investment-stones-page .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  display: grid !important;
  grid-template-columns: 64px 1fr 64px !important;
  align-items: center !important;
  min-height: var(--js-header-height) !important;
  height: var(--js-header-height) !important;
  padding: 24px var(--js-shell-side) !important;
  border: 0 !important;
  border-bottom: 0 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.logo_site,
.contact-page-layout .contact-logo,
.about-page-layout .about-logo,
.investment-stones-page .logo {
  justify-self: center !important;
  width: clamp(136px, 9.8vw, 176px) !important;
  max-width: 176px !important;
}

.logo_site img,
.contact-page-layout .contact-logo img,
.about-page-layout .about-logo img,
.investment-stones-page .logo img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.burger_menu,
.contact-page-layout .contact-burger,
.about-page-layout .about-burger,
.investment-stones-page .menu-icon {
  justify-self: start !important;
  display: grid !important;
  width: 38px !important;
  height: 28px !important;
  gap: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  align-content: center !important;
  cursor: pointer !important;
}

.burger_menu span,
.contact-page-layout .contact-burger span,
.about-page-layout .about-burger span,
.investment-stones-page .menu-icon span {
  display: block !important;
  width: 38px !important;
  height: 1.5px !important;
  margin: 0 !important;
  background: var(--js-menu-line) !important;
}

.cart_block,
.contact-page-layout .contact-cart,
.about-page-layout .about-cart,
.investment-stones-page .cart-button {
  justify-self: end !important;
  display: block !important;
  width: 29px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.cart_block img,
.contact-page-layout .contact-cart img,
.about-page-layout .about-cart img,
.investment-stones-page .cart-button img {
  width: 29px !important;
  height: 34px !important;
  object-fit: contain !important;
}

.contact-page-layout .contact-menu-overlay,
.about-page-layout .about-menu-overlay,
.fon_menu,
.investment-stones-page .menu-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 70 !important;
  display: block !important;
  background: rgba(37, 33, 31, 0.24) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 280ms ease, visibility 280ms ease !important;
}

.contact-page-layout .contact-menu-overlay.is-open,
.about-page-layout .about-menu-overlay.is-open,
.fon_menu.active,
.fon_menu.is-open,
.investment-stones-page.menu-open .menu-backdrop,
.investment-stones-page .menu-backdrop.is-open {
  opacity: 1 !important;
  visibility: visible !important;
}

.contact-page-layout .contact-side-menu,
.about-page-layout .about-side-menu,
#sideMenu.side-menu,
.investment-stones-page .side-menu {
  position: fixed !important;
  top: var(--js-header-height) !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 80 !important;
  width: min(280px, 88vw) !important;
  max-width: 280px !important;
  min-width: 0 !important;
  height: calc(100vh - var(--js-header-height)) !important;
  padding: 38px 28px 42px !important;
  background: #fffefd !important;
  box-shadow: 18px 18px 58px rgba(37, 33, 31, 0.08) !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  transform: translateX(-100%) !important;
  transition: transform 360ms ease !important;
}

.contact-page-layout .contact-side-menu.is-open,
.about-page-layout .about-side-menu.is-open,
#sideMenu.side-menu.open,
#sideMenu.side-menu.is-open,
.investment-stones-page.menu-open .side-menu,
.investment-stones-page .side-menu.open,
.investment-stones-page .side-menu.is-open {
  transform: translateX(0) !important;
}

#sideMenu .inside_side-menu,
.investment-stones-page .side-menu-inner {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.contact-page-layout .contact-side-menu nav,
.about-page-layout .about-side-menu nav,
#sideMenu .sideul,
#sideMenu .sideul ul,
.investment-stones-page .side-menu-main,
.investment-stones-page .side-menu-service {
  display: grid !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

.contact-page-layout .contact-side-menu p,
.about-page-layout .about-side-menu p,
#sideMenu .sideul h3,
.investment-stones-page .side-menu h2 {
  margin: 0 0 34px !important;
  padding: 0 30px 18px 0 !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  color: rgba(52, 52, 52, 0.68) !important;
  font-family: var(--js-sans) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.contact-page-layout .contact-side-menu a,
.about-page-layout .about-side-menu a,
#sideMenu .sideul a,
.investment-stones-page .side-menu a {
  position: static !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 15px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  background: transparent !important;
  color: rgba(52, 52, 52, 0.68) !important;
  font-family: var(--js-sans) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-sizing: border-box !important;
}

#sideMenu .sideul li {
  position: static !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#sideMenu .sideul svg,
#sideMenu .sideul li > ul,
#sideMenu .sideul li > div,
#sideMenu .sideul .submenu,
#sideMenu .sideul [class*="submenu"],
#sideMenu .sideul [class*="child"],
.active_burger .close_side-menu,
.close_side-menu:not(.sl_io) {
  display: none !important;
}

#sideMenu .sl_io.close_side-menu,
.contact-page-layout .contact-menu-close,
.about-page-layout .about-menu-close {
  position: absolute !important;
  top: 24px !important;
  right: 22px !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
  cursor: pointer !important;
}

.burger_menu.open {
  display: grid !important;
}

@media (max-width: 760px) {
  .header_inside,
  .contact-page-layout .contact-header,
  .about-page-layout .about-header,
  .investment-stones-page .site-header {
    grid-template-columns: 46px 1fr 46px !important;
    min-height: var(--js-header-height-mobile) !important;
    height: var(--js-header-height-mobile) !important;
    padding: 12px 22px !important;
  }

  .burger_menu,
  .contact-page-layout .contact-burger,
  .about-page-layout .about-burger,
  .investment-stones-page .menu-icon {
    width: 32px !important;
    height: 24px !important;
    gap: 7px !important;
  }

  .burger_menu span,
  .contact-page-layout .contact-burger span,
  .about-page-layout .about-burger span,
  .investment-stones-page .menu-icon span {
    width: 32px !important;
  }

  .logo_site,
  .contact-page-layout .contact-logo,
  .about-page-layout .about-logo,
  .investment-stones-page .logo {
    width: clamp(124px, 34vw, 154px) !important;
  }

  .cart_block,
  .contact-page-layout .contact-cart,
  .about-page-layout .about-cart,
  .investment-stones-page .cart-button,
  .cart_block img,
  .contact-page-layout .contact-cart img,
  .about-page-layout .about-cart img,
  .investment-stones-page .cart-button img {
    width: 24px !important;
    height: 30px !important;
  }

  .contact-page-layout .contact-side-menu,
  .about-page-layout .about-side-menu,
  #sideMenu.side-menu,
  .investment-stones-page .side-menu {
    top: var(--js-header-height-mobile) !important;
    width: min(280px, 88vw) !important;
    height: calc(100vh - var(--js-header-height-mobile)) !important;
    padding: 30px 24px 42px !important;
  }
}

@font-face {
  font-family: "Gilroy";
  src: url("https://jewelrystories.store/local/templates/jewelry/fonts/Gilroy-Regular.woff") format("woff");
  font-display: swap;
}

:root {
  --js-ink: #343434;
  --js-muted: rgba(52, 52, 52, 0.72);
  --js-soft: rgba(52, 52, 52, 0.52);
  --js-paper: #fbfaf8;
  --js-line: rgba(52, 52, 52, 0.12);
  --js-menu-line: rgba(37, 33, 31, 0.72);
  --js-serif: "Romul", Georgia, "Times New Roman", serif;
  --js-sans: "Gilroy", "Helvetica Neue", Arial, sans-serif;
  --js-title-spacing: 0.018em;
  --js-banner-spacing: 0.006em;
  --js-small-title-spacing: 0.035em;
}

html {
  margin-top: 0 !important;
  overflow-x: hidden;
}

body {
  color: var(--js-ink);
  font-family: var(--js-sans) !important;
  letter-spacing: 0;
  overflow-x: hidden;
}

body,
p,
a,
button,
input,
textarea,
dd,
dt,
li {
  font-family: var(--js-sans) !important;
  font-weight: 400;
}

h1,
h2,
h3,
.cat_header,
.text-collection h2,
.base_text-collcetion h2,
.roaylcl h2,
.investment-banner-static-title,
.about-hero h1,
.about-statement h2,
.about-house h2,
.about-values h2,
.about-signature h2,
.about-atelier h2,
.about-inspiration h2,
.about-contact h2,
.contact-hero h1,
.contact-path h2,
.contact-path h3,
.contact-details h2,
.private-page-content .info-block h3,
.private-page-content .third-block .text-1,
.private-page-content .third-block .text-2,
.private-page-content .stone-selection h3,
.private-page-content .ind-jewelry-title,
.investment-stones-page h1,
.investment-stones-page h2,
.investment-stones-page h3 {
  font-family: var(--js-serif) !important;
  font-weight: 400 !important;
  color: var(--js-ink);
}

.upperHeader h1,
.about-hero h1,
.contact-hero h1 {
  letter-spacing: var(--js-banner-spacing) !important;
}

.upperHeader h1 {
  font-size: clamp(28px, 1.62vw, 34px) !important;
  line-height: 1.12 !important;
  text-transform: none !important;
}

.upperHeader p,
.upperHeader .linkmore1 {
  font-size: clamp(16px, 1.05vw, 19px) !important;
}

.linkmore1::after,
.top_scroll::after {
  content: "→" !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  margin-left: 10px !important;
  background: none !important;
  color: currentColor !important;
  font-family: var(--js-sans) !important;
  font-size: 1.05em !important;
  line-height: 1 !important;
  vertical-align: baseline !important;
}

.top_scroll::after {
  content: "↑" !important;
}

.control-c.slick-prev,
.control-c.slick-next,
.categories_list .slick-prev,
.categories_list .slick-next {
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  border: 1px solid rgba(52, 52, 52, 0.14) !important;
  background: rgba(255, 255, 255, 0.74) !important;
  color: rgba(52, 52, 52, 0.62) !important;
  font-family: var(--js-sans) !important;
  font-size: 19px !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  opacity: 1 !important;
}

.control-c.slick-prev::before,
.control-c.slick-next::before,
.categories_list .slick-prev::before,
.categories_list .slick-next::before {
  content: "" !important;
  display: none !important;
}

.burger_menu,
.contact-burger,
.about-burger,
.investment-stones-page .menu-icon {
  display: grid !important;
  gap: 9px !important;
  width: 38px !important;
  height: 28px !important;
  padding: 0 !important;
  align-content: center !important;
}

.burger_menu span,
.contact-burger span,
.about-burger span,
.investment-stones-page .menu-icon span {
  display: block !important;
  width: 38px !important;
  height: 1.5px !important;
  margin: 0 !important;
  background: var(--js-menu-line) !important;
}

.header_inside,
.contact-header,
.about-header,
.investment-stones-page .site-header {
  min-height: 124px !important;
  height: 124px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border-bottom: 0 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-sizing: border-box !important;
}

.logo_site,
.contact-logo,
.about-logo,
.investment-stones-page .logo {
  width: clamp(150px, 11.2vw, 196px) !important;
}

.logo_site img,
.contact-logo img,
.about-logo img,
.investment-stones-page .logo img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.cart_block,
.contact-cart,
.about-cart,
.investment-stones-page .cart-button {
  width: 29px !important;
  height: 34px !important;
  padding: 0 !important;
}

.cart_block img,
.contact-cart img,
.about-cart img,
.investment-stones-page .cart-button img {
  width: 29px !important;
  height: 34px !important;
  object-fit: contain !important;
}

.sideul a,
.contact-side-menu a,
.about-side-menu a,
.investment-stones-page .side-menu a,
.contact-side-menu p,
.about-side-menu p,
.investment-stones-page .side-menu h2 {
  font-family: var(--js-sans) !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.footer {
  margin-top: 0 !important;
}

.footer h3,
.footer h3 a {
  font-family: var(--js-sans) !important;
  letter-spacing: 0 !important;
}

.footer p,
.footer a,
.footer input,
.footer button {
  font-family: var(--js-sans) !important;
  letter-spacing: 0 !important;
}

@media (max-width: 760px) {
  .header_inside,
  .contact-header,
  .about-header,
  .investment-stones-page .site-header {
    min-height: 94px !important;
    height: 94px !important;
    padding: 12px 22px !important;
  }

  .burger_menu,
  .contact-burger,
  .about-burger,
  .investment-stones-page .menu-icon {
    width: 32px !important;
    gap: 7px !important;
  }

  .burger_menu span,
  .contact-burger span,
  .about-burger span,
  .investment-stones-page .menu-icon span {
    width: 32px !important;
  }

  .logo_site,
  .contact-logo,
  .about-logo,
  .investment-stones-page .logo {
    width: clamp(136px, 38vw, 172px) !important;
  }

  .cart_block,
  .contact-cart,
  .about-cart,
  .investment-stones-page .cart-button {
    width: 24px !important;
    height: 30px !important;
  }

  .cart_block img,
  .contact-cart img,
  .about-cart img,
  .investment-stones-page .cart-button img {
    width: 24px !important;
    height: 30px !important;
  }
}

/* Unified header and menu lock for all preview pages. */
.header_inside,
.contact-page-layout .contact-header,
.about-page-layout .about-header,
.investment-stones-page .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  display: grid !important;
  grid-template-columns: 64px 1fr 64px !important;
  align-items: center !important;
  min-height: 124px !important;
  height: 124px !important;
  padding: 20px clamp(32px, 3.4vw, 50px) !important;
  border-bottom: 0 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-sizing: border-box !important;
}

.burger_menu,
.contact-page-layout .contact-burger,
.about-page-layout .about-burger,
.investment-stones-page .menu-icon {
  justify-self: start !important;
  display: grid !important;
  width: 38px !important;
  height: 28px !important;
  gap: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  align-content: center !important;
  cursor: pointer !important;
}

.burger_menu span,
.contact-page-layout .contact-burger span,
.about-page-layout .about-burger span,
.investment-stones-page .menu-icon span {
  display: block !important;
  width: 38px !important;
  height: 1.5px !important;
  margin: 0 !important;
  background: var(--js-menu-line) !important;
}

.logo_site,
.contact-page-layout .contact-logo,
.about-page-layout .about-logo,
.investment-stones-page .logo {
  justify-self: center !important;
  width: clamp(150px, 11.2vw, 196px) !important;
  max-width: 196px !important;
}

.logo_site img,
.contact-page-layout .contact-logo img,
.about-page-layout .about-logo img,
.investment-stones-page .logo img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.cart_block,
.contact-page-layout .contact-cart,
.about-page-layout .about-cart,
.investment-stones-page .cart-button {
  justify-self: end !important;
  display: block !important;
  width: 29px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.cart_block img,
.contact-page-layout .contact-cart img,
.about-page-layout .about-cart img,
.investment-stones-page .cart-button img {
  width: 29px !important;
  height: 34px !important;
  object-fit: contain !important;
}

.contact-page-layout .contact-menu-overlay,
.about-page-layout .about-menu-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 70 !important;
  display: block !important;
  background: rgba(37, 33, 31, 0.24) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 280ms ease, visibility 280ms ease !important;
}

.contact-page-layout .contact-menu-overlay.is-open,
.about-page-layout .about-menu-overlay.is-open {
  opacity: 1 !important;
  visibility: visible !important;
}

.contact-page-layout .contact-side-menu,
.about-page-layout .about-side-menu {
  position: fixed !important;
  top: 124px !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 80 !important;
  width: min(280px, 88vw) !important;
  max-width: 280px !important;
  height: calc(100vh - 124px) !important;
  padding: 38px 28px 42px !important;
  background: #fffefd !important;
  box-shadow: 18px 18px 58px rgba(37, 33, 31, 0.08) !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  transform: translateX(-100%) !important;
  transition: transform 360ms ease !important;
}

.contact-page-layout .contact-side-menu.is-open,
.about-page-layout .about-side-menu.is-open {
  transform: translateX(0) !important;
}

.contact-page-layout .contact-menu-close,
.about-page-layout .about-menu-close {
  position: absolute !important;
  top: 24px !important;
  right: 22px !important;
  display: grid !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--js-ink) !important;
  place-items: center !important;
  cursor: pointer !important;
}

.contact-page-layout .contact-side-menu p,
.about-page-layout .about-side-menu p {
  margin: 0 0 34px !important;
  padding: 0 30px 18px 0 !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  color: rgba(52, 52, 52, 0.68) !important;
  font-family: var(--js-sans) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.contact-page-layout .contact-side-menu nav,
.about-page-layout .about-side-menu nav {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.contact-page-layout .contact-side-menu a,
.about-page-layout .about-side-menu a {
  display: block !important;
  padding: 15px 0 !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  color: rgba(52, 52, 52, 0.68) !important;
  font-family: var(--js-sans) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.menu-open,
body.contact-menu-open,
body.about-menu-open,
body.zaprte {
  overflow: hidden !important;
}

@media (max-width: 760px) {
  .header_inside,
  .contact-page-layout .contact-header,
  .about-page-layout .about-header,
  .investment-stones-page .site-header {
    grid-template-columns: 46px 1fr 46px !important;
    min-height: 94px !important;
    height: 94px !important;
    padding: 12px 22px !important;
  }

  .burger_menu,
  .contact-page-layout .contact-burger,
  .about-page-layout .about-burger,
  .investment-stones-page .menu-icon {
    width: 32px !important;
    height: 24px !important;
    gap: 7px !important;
  }

  .burger_menu span,
  .contact-page-layout .contact-burger span,
  .about-page-layout .about-burger span,
  .investment-stones-page .menu-icon span {
    width: 32px !important;
  }

  .logo_site,
  .contact-page-layout .contact-logo,
  .about-page-layout .about-logo,
  .investment-stones-page .logo {
    width: clamp(136px, 38vw, 172px) !important;
  }

  .cart_block,
  .contact-page-layout .contact-cart,
  .about-page-layout .about-cart,
  .investment-stones-page .cart-button,
  .cart_block img,
  .contact-page-layout .contact-cart img,
  .about-page-layout .about-cart img,
  .investment-stones-page .cart-button img {
    width: 24px !important;
    height: 30px !important;
  }

  .contact-page-layout .contact-side-menu,
  .about-page-layout .about-side-menu {
    top: 94px !important;
    width: min(280px, 88vw) !important;
    height: calc(100vh - 94px) !important;
    padding: 30px 24px 42px !important;
  }
}

/* 20260608 final shell lock: this block must stay last. */
:root {
  --js-header-height: 148px;
  --js-header-height-mobile: 104px;
  --js-ink: #343434;
  --js-menu-line: #222;
  --js-sans: "Gilroy", "Helvetica Neue", Arial, sans-serif;
}

.header_inside,
.contact-page-layout .contact-header,
.about-page-layout .about-header,
.investment-stones-page .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  display: grid !important;
  grid-template-columns: 64px 1fr 64px !important;
  align-items: center !important;
  min-height: var(--js-header-height) !important;
  height: var(--js-header-height) !important;
  padding: 28px clamp(36px, 3.7vw, 58px) !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-sizing: border-box !important;
}

.header_inside::before,
.header_inside::after,
.contact-page-layout .contact-header::before,
.contact-page-layout .contact-header::after,
.about-page-layout .about-header::before,
.about-page-layout .about-header::after,
.investment-stones-page .site-header::before,
.investment-stones-page .site-header::after {
  display: none !important;
  content: none !important;
}

.burger_menu,
.contact-page-layout .contact-burger,
.about-page-layout .about-burger,
.investment-stones-page .menu-icon {
  justify-self: start !important;
  display: grid !important;
  width: 38px !important;
  height: 28px !important;
  gap: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  align-content: center !important;
  cursor: pointer !important;
}

.burger_menu span,
.contact-page-layout .contact-burger span,
.about-page-layout .about-burger span,
.investment-stones-page .menu-icon span {
  display: block !important;
  width: 38px !important;
  height: 1.5px !important;
  margin: 0 !important;
  background: var(--js-menu-line) !important;
}

.logo_site,
.contact-page-layout .contact-logo,
.about-page-layout .about-logo,
.investment-stones-page .logo {
  justify-self: center !important;
  width: clamp(126px, 8.4vw, 156px) !important;
  max-width: 156px !important;
  margin: 0 auto !important;
}

.logo_site img,
.contact-page-layout .contact-logo img,
.about-page-layout .about-logo img,
.investment-stones-page .logo img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.cart_block,
.contact-page-layout .contact-cart,
.about-page-layout .about-cart,
.investment-stones-page .cart-button {
  justify-self: end !important;
  display: block !important;
  width: 29px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.cart_block img,
.contact-page-layout .contact-cart img,
.about-page-layout .about-cart img,
.investment-stones-page .cart-button img {
  width: 29px !important;
  height: 34px !important;
  object-fit: contain !important;
}

.contact-page-layout .contact-menu-overlay,
.about-page-layout .about-menu-overlay,
.fon_menu,
.investment-stones-page .menu-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 70 !important;
  display: block !important;
  background: rgba(37, 33, 31, 0.24) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 280ms ease, visibility 280ms ease !important;
}

.contact-page-layout .contact-menu-overlay.is-open,
.about-page-layout .about-menu-overlay.is-open,
.fon_menu.active,
.fon_menu.is-open,
.investment-stones-page .menu-backdrop.is-open,
body.menu-open .fon_menu,
body.zaprte .fon_menu {
  opacity: 1 !important;
  visibility: visible !important;
}

.contact-page-layout .contact-side-menu,
.about-page-layout .about-side-menu,
#sideMenu.side-menu,
.investment-stones-page .side-menu {
  position: fixed !important;
  top: var(--js-header-height) !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 80 !important;
  width: min(280px, 88vw) !important;
  max-width: 280px !important;
  height: calc(100vh - var(--js-header-height)) !important;
  padding: 38px 28px 42px !important;
  margin: 0 !important;
  background: #fffefd !important;
  box-shadow: 18px 18px 58px rgba(37, 33, 31, 0.08) !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  transform: translateX(-100%) !important;
  transition: transform 360ms ease !important;
}

.contact-page-layout .contact-side-menu.is-open,
.about-page-layout .about-side-menu.is-open,
#sideMenu.side-menu.open,
#sideMenu.side-menu.is-open,
.investment-stones-page .side-menu.is-open {
  transform: translateX(0) !important;
}

.contact-page-layout .contact-menu-close,
.about-page-layout .about-menu-close,
#sideMenu .sl_io.close_side-menu,
.investment-stones-page .menu-close {
  position: absolute !important;
  top: 24px !important;
  right: 22px !important;
  display: grid !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--js-ink) !important;
  place-items: center !important;
  cursor: pointer !important;
}

#sideMenu .inside_side-menu {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

.contact-page-layout .contact-side-menu p,
.about-page-layout .about-side-menu p,
#sideMenu .sideul h3,
.investment-stones-page .side-menu-title {
  margin: 0 0 34px !important;
  padding: 0 30px 18px 0 !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  color: rgba(52, 52, 52, 0.68) !important;
  font-family: var(--js-sans) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

.contact-page-layout .contact-side-menu nav,
.about-page-layout .about-side-menu nav,
#sideMenu .sideul,
#sideMenu .sideul ul,
.investment-stones-page .side-menu nav {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.contact-page-layout .contact-side-menu a,
.about-page-layout .about-side-menu a,
#sideMenu .sideul a,
.investment-stones-page .side-menu a {
  display: block !important;
  padding: 15px 0 !important;
  border-bottom: 1px solid rgba(52, 52, 52, 0.10) !important;
  color: rgba(52, 52, 52, 0.68) !important;
  font-family: var(--js-sans) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

#sideMenu .sideul li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

#sideMenu .sideul svg,
#sideMenu .sideul li > ul,
#sideMenu .sideul li > div,
#sideMenu .sideul .submenu,
#sideMenu .sideul [class*="submenu"],
#sideMenu .sideul [class*="child"],
.close_side-menu:not(.sl_io) {
  display: none !important;
}

body.menu-open,
body.contact-menu-open,
body.about-menu-open,
body.zaprte {
  overflow: hidden !important;
}

@media (max-width: 760px) {
  .header_inside,
  .contact-page-layout .contact-header,
  .about-page-layout .about-header,
  .investment-stones-page .site-header {
    grid-template-columns: 46px 1fr 46px !important;
    min-height: var(--js-header-height-mobile) !important;
    height: var(--js-header-height-mobile) !important;
    padding: 16px 22px !important;
  }

  .burger_menu,
  .contact-page-layout .contact-burger,
  .about-page-layout .about-burger,
  .investment-stones-page .menu-icon {
    width: 32px !important;
    height: 24px !important;
    gap: 7px !important;
  }

  .burger_menu span,
  .contact-page-layout .contact-burger span,
  .about-page-layout .about-burger span,
  .investment-stones-page .menu-icon span {
    width: 32px !important;
  }

  .logo_site,
  .contact-page-layout .contact-logo,
  .about-page-layout .about-logo,
  .investment-stones-page .logo {
    width: clamp(118px, 34vw, 146px) !important;
    max-width: 146px !important;
  }

  .cart_block,
  .contact-page-layout .contact-cart,
  .about-page-layout .about-cart,
  .investment-stones-page .cart-button,
  .cart_block img,
  .contact-page-layout .contact-cart img,
  .about-page-layout .about-cart img,
  .investment-stones-page .cart-button img {
    width: 24px !important;
    height: 30px !important;
  }

  .contact-page-layout .contact-side-menu,
  .about-page-layout .about-side-menu,
  #sideMenu.side-menu,
  .investment-stones-page .side-menu {
    top: var(--js-header-height-mobile) !important;
    height: calc(100vh - var(--js-header-height-mobile)) !important;
    padding: 30px 24px 42px !important;
  }
}

/* FINAL 20260609: original-site shell match, intentionally last. */
.header_inside,
.contact-page-layout .contact-header,
.about-page-layout .about-header,
.investment-stones-page .site-header {
  min-height: 80px !important;
  height: 80px !important;
  padding: 0 10px !important;
  grid-template-columns: 42px 1fr 42px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.burger_menu,
.contact-page-layout .contact-burger,
.about-page-layout .about-burger,
.investment-stones-page .menu-icon {
  width: 31px !important;
  height: 26px !important;
  gap: 7px !important;
}

.burger_menu span,
.contact-page-layout .contact-burger span,
.about-page-layout .about-burger span,
.investment-stones-page .menu-icon span {
  width: 31px !important;
  height: 1.5px !important;
}

.logo_site,
.contact-page-layout .contact-logo,
.about-page-layout .about-logo,
.investment-stones-page .logo {
  width: 211px !important;
  max-width: calc(100vw - 170px) !important;
}

.cart_block,
.contact-page-layout .contact-cart,
.about-page-layout .about-cart,
.investment-stones-page .cart-button,
.cart_block img,
.contact-page-layout .contact-cart img,
.about-page-layout .about-cart img,
.investment-stones-page .cart-button img {
  width: 29px !important;
  height: 30px !important;
}

.contact-page-layout .contact-side-menu,
.about-page-layout .about-side-menu,
#sideMenu.side-menu,
.investment-stones-page .side-menu {
  display: flex !important;
  flex-direction: column !important;
  top: 0 !important;
  height: 100vh !important;
  width: 360px !important;
  max-width: 88vw !important;
  padding: 112px 38px 54px !important;
  z-index: 90 !important;
  background: #fff !important;
  box-shadow: none !important;
}

#sideMenu .sideul svg {
  display: inline-block !important;
  width: 8px !important;
  height: 12px !important;
  margin-left: auto !important;
  opacity: .58 !important;
}

#sideMenu .sideul li > a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.contact-page-layout .contact-menu-close,
.about-page-layout .about-menu-close,
.investment-stones-page .menu-close {
  top: 58px !important;
  left: 38px !important;
  right: auto !important;
}

.contact-page-layout .contact-side-menu p,
.about-page-layout .about-side-menu p,
.investment-stones-page .side-menu-title {
  margin: 0 0 22px !important;
  padding: 0 0 20px !important;
  color: #2e2e2e !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.contact-page-layout .prototype-menu-categories,
.about-page-layout .prototype-menu-categories,
.investment-stones-page .prototype-menu-categories {
  margin-bottom: 42px !important;
}

.contact-page-layout .contact-side-menu a,
.about-page-layout .about-side-menu a,
.investment-stones-page .side-menu a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 10px 24px 10px 0 !important;
  color: rgba(52, 52, 52, 0.58) !important;
  font-size: 16px !important;
}

.contact-page-layout .prototype-menu-categories a::after,
.about-page-layout .prototype-menu-categories a::after,
.investment-stones-page .prototype-menu-categories a::after {
  content: "›" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  color: rgba(52, 52, 52, 0.46) !important;
  font-size: 30px !important;
  transform: translateY(-52%) !important;
}

.contact-page-layout .prototype-menu-footer,
.about-page-layout .prototype-menu-footer,
.investment-stones-page .prototype-menu-footer {
  display: grid !important;
  gap: 10px !important;
  margin-top: auto !important;
  padding-top: 72px !important;
}

.contact-page-layout .prototype-menu-footer a,
.about-page-layout .prototype-menu-footer a,
.investment-stones-page .prototype-menu-footer a {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #343434 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

.contact-page-layout .prototype-menu-footer span,
.about-page-layout .prototype-menu-footer span,
.investment-stones-page .prototype-menu-footer span,
.contact-page-layout .prototype-menu-footer small,
.about-page-layout .prototype-menu-footer small,
.investment-stones-page .prototype-menu-footer small {
  display: block !important;
  color: rgba(52, 52, 52, 0.62) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

.contact-page-layout .prototype-menu-footer small,
.about-page-layout .prototype-menu-footer small,
.investment-stones-page .prototype-menu-footer small {
  margin-top: 22px !important;
  text-transform: uppercase !important;
}

/* FINAL 20260622 v04: exact old-site menu rows, kept last. */
#sideMenu.side-menu {
  top: 80px !important;
  left: -100% !important;
  width: 100% !important;
  max-width: none !important;
  height: calc(100vh - 80px) !important;
  padding: 20px !important;
  background-color: #f8f8f8 !important;
  overflow-y: auto !important;
  transform: none !important;
  transition: left 0.3s ease !important;
}

#sideMenu.side-menu.open,
#sideMenu.side-menu.is-open {
  left: 0 !important;
  transform: none !important;
}

#sideMenu .inside_side-menu {
  display: block !important;
  width: 280px !important;
  height: 112vh !important;
  padding: 0 !important;
}

#sideMenu .sideul {
  display: block !important;
  width: 280px !important;
  margin: 38px 0 0 !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaeaea !important;
  list-style: none !important;
}

#sideMenu .sideul h3 {
  margin: 0 0 18px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaeaea !important;
  color: #343434 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

#sideMenu .sideul li {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 8px !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 23px !important;
  margin: 15px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

#sideMenu .sideul li > a {
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

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

#sideMenu .su_bt {
  margin-top: 40px !important;
}

#sideMenu .bottom_menu-info {
  width: 280px !important;
  margin-top: 100px !important;
}

#sideMenu .main_ph-mun {
  color: #343434 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

#sideMenu .time_worki {
  display: inline-block !important;
  margin-top: 5px !important;
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
}

#sideMenu .rest3 {
  display: block !important;
  margin-top: 22px !important;
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
}

/* FINAL 20260622 v05 EOF: original menu behavior + shared header rhythm. */
body header,
body .site-header,
body .about-header,
body .contact-header {
  position: relative !important;
  z-index: 40 !important;
  background: #ffffff !important;
}

body .header_inside,
body .site-header,
body .about-header,
body .contact-header {
  min-height: 96px !important;
  height: 96px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}

body .logo_site,
body .site-logo,
body .about-logo,
body .contact-logo {
  width: 211px !important;
  max-width: min(211px, calc(100vw - 170px)) !important;
  height: auto !important;
  margin: 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body .logo_site img,
body .site-logo img,
body .about-logo img,
body .contact-logo img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

body .header_inside .burger_menu {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

body .header_inside .cart_block {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

#sideMenu.side-menu {
  position: fixed !important;
  top: 96px !important;
  left: -100% !important;
  width: 100% !important;
  max-width: none !important;
  height: calc(100vh - 96px) !important;
  min-height: 0 !important;
  padding: 20px 20px 28px !important;
  background-color: #f8f8f8 !important;
  color: #343434 !important;
  overflow-y: auto !important;
  transform: none !important;
  transition: left 0.3s ease !important;
  box-shadow: none !important;
  z-index: 1000 !important;
}

#sideMenu.side-menu.open,
#sideMenu.side-menu.is-open {
  left: 0 !important;
  transform: none !important;
}

#sideMenu .inside_side-menu {
  position: relative !important;
  display: block !important;
  width: 280px !important;
  min-height: calc(100vh - 145px) !important;
  height: auto !important;
  padding: 0 !important;
}

#sideMenu .sideul {
  display: block !important;
  width: 280px !important;
  margin: 38px 0 0 !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaeaea !important;
  list-style: none !important;
}

#sideMenu .sideul h3 {
  margin: 0 0 18px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #eaeaea !important;
  color: #343434 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

#sideMenu .sideul li {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 8px !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 23px !important;
  margin: 15px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

#sideMenu .sideul li > a {
  display: block !important;
  min-width: 0 !important;
  width: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #878787 !important;
  font-family: "Gilroy", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

#sideMenu .sideul li:hover > a,
#sideMenu .sideul li:focus-within > a,
#sideMenu .sideul li.dss > a {
  color: #343434 !important;
  text-decoration: underline !important;
}

#sideMenu .sideul li > svg {
  display: block !important;
  justify-self: end !important;
  width: 6px !import