/* Scoped resets keep the site's CTA styling away from compact gallery controls. */
html body .woocommerce-product-gallery button.site-product-share,
html body #site-product-share-menu > :is(a,button) {
  all: unset!important;
  box-sizing: border-box!important;
  display: grid!important;
  place-items: center!important;
  width: 36px!important;
  height: 36px!important;
  flex: 0 0 36px!important;
  border-radius: 50%!important;
  color: var(--site-text,#304050)!important;
  cursor: pointer!important;
  -webkit-tap-highlight-color: transparent;
}
html body .woocommerce-product-gallery button.site-product-share {
  position: absolute!important;
  top: 10px!important;
  right: 54px!important;
  z-index: 16!important;
  border: 1px solid rgba(23,32,51,.1)!important;
  background: rgba(255,255,255,.97)!important;
  box-shadow: 0 6px 18px rgba(23,32,51,.11)!important;
}
html body.site-managed-product-single .woocommerce-product-gallery button.site-product-share,
html body .site-managed-product-single .woocommerce-product-gallery button.site-product-share { top: 18px!important; right: 62px!important; }
html body .woocommerce-product-gallery.site-media-enhanced:has(.site-product-share):has(.site-bridge-single-favorite) .site-gallery-sound { right: 116px!important; }
html body button.site-product-share svg, html body #site-product-share-menu svg {
  display: block!important; width: 20px!important; height: 20px!important; margin: 0!important; pointer-events: none;
}
html body #site-product-share-menu {
  position: fixed; z-index: 100010; box-sizing: border-box;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  width: 48px; padding: 4px 6px; margin: 0;
  overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none;
  border: 0; border-radius: 0;
  background: transparent; box-shadow: none;
}
html body #site-product-share-menu > :is(a,button) {
  background: #fff!important;
  box-shadow: 0 2px 7px #26364324, inset 0 0 0 1px #2636430d!important;
  transform: none!important;
  transition: box-shadow .16s ease!important;
}
html body #site-product-share-menu > [data-share-action=instagram] { color: #fff!important; background: radial-gradient(circle at 28% 105%,#ffd776 0%,#f9a13c 20%,#e83b68 48%,#b537ae 72%,#6951cb 100%)!important; }
html body #site-product-share-menu::-webkit-scrollbar { display: none; }
html body #site-product-share-menu[hidden], html body #site-product-share-feedback[hidden], html body #site-product-share-feedback [hidden] { display: none!important; }
html body #site-product-share-menu > [data-share-action=whatsapp] { color: #fff!important; background: #20ad61!important; }
html body #site-product-share-menu > [data-share-action=facebook] { color: #fff!important; background: #1877f2!important; }
html body #site-product-share-menu > [data-share-action=pinterest] { color: #fff!important; background: #c51f30!important; }
html body #site-product-share-menu > [data-share-action=email] { color: #fff!important; background: #4f9e9a!important; }
html body #site-product-share-menu > :is(a,button):hover { box-shadow: 0 3px 9px #26364333!important; }
html body .woocommerce-product-gallery button.site-product-share[aria-expanded=true] { background: #edf6f5!important; }
html body #site-product-share-menu > :is(a,button):focus-visible,
html body .woocommerce-product-gallery button.site-product-share:focus-visible { outline: 2px solid var(--site-text,#304050)!important; outline-offset: 2px!important; }
html body #site-product-share-feedback {
  position: fixed; z-index: 100011; box-sizing: border-box; max-width: calc(100vw - 24px);
  padding: 8px 12px; border-radius: 10px; background: #304050; color: #fff;
  box-shadow: 0 4px 14px #17203322; font: 500 12px/1.5 var(--site-font,sans-serif);
}
html body #site-product-share-feedback input { display: block; box-sizing: border-box; width: 240px; max-width: 100%; height: 36px; margin: 6px 0 0; padding: 6px; border: 0; border-radius: 5px; background: white; color: #304050; font: 13px/1.4 sans-serif; }
html body #site-product-share-feedback [data-share-instagram-open] { display: block; margin-top: 7px; color: #fff!important; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
@media(prefers-reduced-motion:reduce) { html body #site-product-share-menu > :is(a,button) { transition: none!important; } }