/* arta-pdp-shared-20260830ap */

html body.arta-pdp.arta-pdp-moonstone .moonstone-subnav,
html body.arta-pdp-unify.postid-23093 .stardust-pdp-subnav {
  align-items: center !important;
  background: rgba(248, 246, 241, .96) !important;
  border-bottom: 1px solid rgba(41, 43, 42, .16) !important;
  border-top: 1px solid rgba(41, 43, 42, .16) !important;
  box-sizing: border-box !important;
  display: flex !important;
  gap: clamp(20px, 3.8vw, 56px) !important;
  justify-content: flex-end !important;
  overflow-x: auto !important;
  padding: 16px max(20px, calc((100vw - 1344px) / 2)) !important;
  position: sticky !important;
  top: var(--arta-pdp-header-offset, 55px) !important;
  white-space: nowrap !important;
  z-index: 10010 !important;
  scrollbar-width: none;
}

html body.arta-pdp.arta-pdp-moonstone .moonstone-subnav::-webkit-scrollbar,
html body.arta-pdp-unify.postid-23093 .stardust-pdp-subnav::-webkit-scrollbar {
  display: none;
}

html body.arta-pdp.arta-pdp-moonstone .moonstone-subnav a,
html body.arta-pdp-unify.postid-23093 .stardust-pdp-subnav a {
  border-bottom: 1px solid transparent;
  color: #292b2a !important;
  flex: 0 0 auto;
  font-size: 10px !important;
  font-weight: 600;
  letter-spacing: .12em;
  padding: 2px 0 4px;
  text-decoration: none !important;
  text-transform: uppercase;
}

html body.arta-pdp.arta-pdp-moonstone .moonstone-subnav a[aria-current="location"],
html body.arta-pdp-unify.postid-23093 .stardust-pdp-subnav a[aria-current="location"] {
  border-bottom-color: #af7621;
}

html body.arta-pdp.arta-pdp-moonstone .moonstone-subnav a:focus-visible,
html body.arta-pdp-unify.postid-23093 .stardust-pdp-subnav a:focus-visible {
  outline: 2px solid #af7621 !important;
  outline-offset: 4px;
}

html body.arta-pdp.arta-pdp-moonstone #moonstone-specifications,
html body.arta-pdp.arta-pdp-moonstone #moonstone-guidance,
html body.arta-pdp.arta-pdp-moonstone #moonstone-colours,
html body.arta-pdp.arta-pdp-moonstone #moonstone-in-situ,
html body.arta-pdp.arta-pdp-moonstone #moonstone-sample,
html body.arta-pdp-unify.postid-23093 #stardust-specification,
html body.arta-pdp-unify.postid-23093 #stardust-guidance,
html body.arta-pdp-unify.postid-23093 #stardust-related-materials {
  scroll-margin-top: calc(var(--arta-pdp-header-offset, 55px) + var(--arta-pdp-subnav-height, 0px) + 12px);
}

html body.arta-pdp.arta-pdp-moonstone .arta-pdp-drawer,
html body.arta-pdp-unify.postid-23093 .stardust-sample-drawer {
  isolation: isolate !important;
  z-index: 10050 !important;
}

html body.arta-pdp.arta-pdp-moonstone .arta-pdp-drawer[hidden],
html body.arta-pdp-unify.postid-23093 .stardust-sample-drawer[hidden] {
  display: none !important;
}

html body.arta-pdp.arta-pdp-moonstone .arta-pdp-drawer__scrim,
html body.arta-pdp-unify.postid-23093 .stardust-sample-drawer__scrim {
  background: rgba(24, 26, 24, .58) !important;
  display: block !important;
  inset: 0 !important;
  opacity: 1 !important;
  position: absolute !important;
  z-index: 0 !important;
}

html body.arta-pdp.arta-pdp-moonstone #arta-pdp-sample-drawer .arta-pdp-drawer__panel,
html body.arta-pdp-unify.postid-23093 #stardust-sample-drawer .stardust-sample-drawer__panel {
  z-index: 1 !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

html body.arta-pdp.arta-pdp-moonstone #arta-pdp-sample-drawer .arta-pdp-drawer__panel {
  transform: translateX(100%) !important;
}

html body.arta-pdp.arta-pdp-moonstone #arta-pdp-sample-drawer.is-ready .arta-pdp-drawer__panel {
  transform: translateX(0) !important;
}

html body.arta-pdp-unify.postid-23093 #stardust-sample-drawer {
  background: rgba(24, 26, 24, .58) !important;
  display: block !important;
  inset: 0 !important;
  position: fixed !important;
}

html body.arta-pdp-unify.postid-23093 #stardust-sample-drawer .stardust-sample-drawer__panel {
  bottom: 0 !important;
  height: 100% !important;
  left: auto !important;
  max-height: none !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  transform: translateX(100%) !important;
  transition: transform 280ms cubic-bezier(.22, .61, .36, 1) !important;
  width: min(540px, 100vw) !important;
}

html body.arta-pdp-unify.postid-23093 #stardust-sample-drawer.is-open .stardust-sample-drawer__panel,
html body.arta-pdp-unify.postid-23093 #stardust-sample-drawer.is-ready .stardust-sample-drawer__panel {
  transform: translateX(0) !important;
}

html body.arta-sample-open {
  overflow: hidden !important;
}

@media (max-width: 767px) {
  html body.arta-pdp.arta-pdp-moonstone .moonstone-subnav,
  html body.arta-pdp-unify.postid-23093 .stardust-pdp-subnav {
    gap: 24px !important;
    justify-content: flex-start !important;
    padding: 14px 20px !important;
  }
}

@media (max-width: 680px) {
  html body.arta-pdp-unify.postid-23093 #stardust-sample-drawer .stardust-sample-drawer__panel {
    bottom: 0 !important;
    height: auto !important;
    left: 0 !important;
    max-height: 92vh !important;
    right: 0 !important;
    top: auto !important;
    transform: translateY(100%) !important;
    width: 100% !important;
  }

  html body.arta-pdp-unify.postid-23093 #stardust-sample-drawer.is-open .stardust-sample-drawer__panel,
  html body.arta-pdp-unify.postid-23093 #stardust-sample-drawer.is-ready .stardust-sample-drawer__panel {
    transform: translateY(0) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.arta-pdp.arta-pdp-moonstone #arta-pdp-sample-drawer .arta-pdp-drawer__panel,
  html body.arta-pdp-unify.postid-23093 #stardust-sample-drawer .stardust-sample-drawer__panel {
    transition: none !important;
  }
}