/* Source: assets/css/shared/pcd-style-e90de16f3330.css */
/* Shared CSS extracted from repeated inline style blocks. */
/* Remove big faded FFRS background/watermark behind 360 viewer */
.ffrs-360-viewer::before,
.ffrs-360-viewer::after,
.ffrs-360-viewer .watermark,
.ffrs-360-viewer .ffrs-watermark,
.ffrs-360-viewer .ffrs-bg-text,
.ffrs-360-viewer [class*="watermark"],
.ffrs-360-viewer [class*="bg-text"],
.ffrs-360-viewer [data-code],
.ffrs-360-viewer [data-text] {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: none !important;
  background-image: none !important;
}

/* Remove DRAG TO ROTATE text */
.ffrs-360-hint,
.ffrs-360-ui,
.ffrs-360-viewer .hint,
.ffrs-360-viewer [class*="hint"],
.ffrs-360-viewer [class*="drag"],
.ffrs-360-viewer [class*="rotate"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Make sure only the frame remains visually */
.ffrs-360-viewer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.ffrs-360-frame {
  filter: none !important;
}

/* Source: assets/css/shared/pcd-style-eef49abaf2d6.css */
/* Shared CSS extracted from repeated inline style blocks. */
.ffrs-360-viewer {
  position: relative !important;
}

.ffrs-360-viewer::before {
  content: "↻ 360°" !important;
  position: absolute !important;
  right: 28px !important;
  bottom: 22px !important;
  z-index: 20 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 78px !important;
  height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(215,25,32,.28) !important;
  background: rgba(255,255,255,.72) !important;
  color: #d71920 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.ffrs-360-viewer::after {
  display: none !important;
  content: none !important;
}

/* Source: assets/css/shared/pcd-style-7951e9b2bb46.css */
/* Shared CSS extracted from repeated inline style blocks. */
/* Real visible 360 rotate icon, not pseudo-element, so old cleanup rules cannot hide it */
.ffrs-360-viewer {
  position: relative !important;
  overflow: visible !important;
}

.ffrs-360-visible-icon {
  position: absolute !important;
  right: 22px !important;
  bottom: 18px !important;
  z-index: 999 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 38px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(215,25,32,.35) !important;
  background: rgba(255,255,255,.95) !important;
  color: #d71920 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 1.4px !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.10) !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.ffrs-360-visible-icon .ffrs-360-arrow {
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.ffrs-360-visible-icon span {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}