/** Shopify CDN: Minification failed

Line 372:0 Expected "}" to go with "{"

**/
/* Tooltip wrapper (each button container) */
.wanted-tooltip-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px;
  cursor: pointer;
}

/* Tooltip text bubble */
.wanted-tooltip-text {
  display: none;
  position: absolute;
  z-index: 999;
  max-width: var(--tooltip-width, 400px);
  width: max-content;
  background-color: var(--tooltip-background, rgba(0, 0, 0, 0.85));
  color: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  line-height: 1.5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  white-space: normal;
  font-size: 14px;
  pointer-events: none;
}

/* Tooltip appears to the left */
.wanted-tooltip-left .wanted-tooltip-text {
  right: 110%;
  top: 50%;
  transform: translateY(-50%);
}

/* Tooltip appears to the right */
.wanted-tooltip-right .wanted-tooltip-text {
  left: 110%;
  top: 50%;
  transform: translateY(-50%);
}

/* Tooltip appears below */
.wanted-tooltip-bottom .wanted-tooltip-text {
  top: calc(100% + 12px); /* 12px space below the button */
  left: 50%; /* Center horizontally */
  transform: translateX(-50%); /* Shift left by half its own width */
}

/* Show tooltip on hover */
.wanted-tooltip-wrapper:hover .wanted-tooltip-text {
  display: block;
}

/* Headline inside tooltip */
.wanted-tooltip-headline {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* List inside tooltip */
.wanted-tooltip-subbox {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* List item inside tooltip */
.wanted-tooltip-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.4rem;
}

.tooltip-check-icon,
.tooltip-x-icon {
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  flex-shrink: 0;
}

.tooltip-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-right: 0.5rem;
}

.wanted-tooltip-item.icon-check .tooltip-icon path {
  fill: #CC3429;
}

.wanted-tooltip-item.icon-close .tooltip-icon path {
  fill: #717070;
}

/* Center the entire button row */
.wanted-button-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
  padding: 1rem;
}

/* Default Button Style */
.button--primary {
  background-color: #E0A580 !important;
  color: rgb(23, 23, 23) !important;
  border: 1px solid #E0A580 !important;
}

/* Ensure full page visibility if overflow issues were present */
body {
  overflow-x: hidden;
}

.banner__content,
.banner__box,
.banner__box--small,
.rte {
  overflow: visible !important;
}
/* Optional: Add background change on hover */
.button--primary:hover {
  background-color: #171717 !important; /* Dark for contrast, or replace with white */
  border-color: #171717 !important;
}

.wanted-tooltip-wrapper:hover .button,
.wanted-tooltip-wrapper:hover .button .btn-text {
  color: #ffffff !important;
}

/* On Hover: Make background white and text white */
.wanted-tooltip-wrapper:hover .button,
.wanted-tooltip-wrapper:hover .button .btn-text,
.wanted-tooltip-wrapper:hover .button .btn-text span {
  color: #ffffff !important;
}

/* Make sure the arrow icon (if present) also turns white */
.wanted-tooltip-wrapper:hover .button svg path {
  fill: #ffffff !important;
}
.button--primary:hover .btn-text {
  color: #fff !important;
}

/* Optional: Hover fill behavior if you're using .btn-fill */
.button--primary:hover .btn-fill {
  background-color: #171717 !important; /* Same as hover background */
  opacity: 1 !important;
  transform: scale(1) !important;
}

.wanted-static-tooltip-left {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 16px;
  max-width: 100%;
}

.wanted-static-tooltip-text {
  display: block;
  background-color: var(--tooltip-background, rgba(0, 0, 0, 0.85));
  color: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  line-height: 1.5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  margin-top: 12px;
  max-width: 400px;
  width: 100%;
}

/* Only apply hover tooltips on devices that support hover */
@media (hover: hover) and (pointer: fine) {
  .wanted-tooltip-wrapper:hover .wanted-tooltip-text {
    display: block;
  }
}

@media (max-width: 768px) {

  .wanted-static-tooltip-left {
    align-items: center;
  }

  .wanted-static-tooltip-text {
    text-align: center;
  }
  
  .wanted-tooltip-wrapper {
    position: relative;
  }

  .wanted-tooltip-wrapper .tooltip {
    max-width: 90vw;
    left: 50%;
    transform: translateX(-50%);
    white-space: normal;
    word-break: break-word;
  }

  .wanted-tooltip-text {
    top: calc(100% + 16px) !important; /* space below button */
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-color: rgba(0, 0, 0, 0.95); /* stronger background */
    padding: 1rem 1.25rem;
    max-width: 90vw;
    white-space: normal;
    font-size: 14px;
    z-index: 1000;
  }
}

/* Prevent sale / price styles from striking through buttons */
.wanted-tooltip-button-section a,
.wanted-tooltip-button-section .button,
.wanted-tooltip-button-section .button *,
.wanted-tooltip-button-section button {
  text-decoration: none !important;
}
.wanted-tooltip-wrapper .button--primary,
.wanted-tooltip-wrapper .button.button--primary,
.wanted-tooltip-wrapper a.button--primary {
  text-decoration: none !important;
}
/* ===== Wanted Tooltip Buttons (page custom liquid safe) ===== */

/* Button styling (moved here from inline <style> blocks) */
.wanted-tooltip-button-section .wanted-btn {
  display: inline-block;
  padding: 12px 24px;
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none !important; /* prevent theme strike-through/underline */
  transition: all 0.18s ease;
  cursor: pointer;
  line-height: 1.25;
  border: 2px solid transparent;
}

.wanted-tooltip-button-section .wanted-btn--primary {
  background: #8b1e1e;
  color: #ffffff !important;
  border-color: #8b1e1e;
}

.wanted-tooltip-button-section .wanted-btn--primary:hover {
  background: #6d1818;
  border-color: #6d1818;
}

/* Wrapper */
.wanted-tooltip-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/* Tooltip bubble */
.wanted-tooltip-text {
  display: none;
  position: absolute;
  z-index: 999;
  max-width: var(--tooltip-width, 400px);
  width: max-content;
  background-color: var(--tooltip-background, rgba(0, 0, 0, 0.85));
  color: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  line-height: 1.5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  white-space: normal;
  font-size: 14px;
  pointer-events: none;
}

/* Positioning */
.wanted-tooltip-left .wanted-tooltip-text {
  right: 110%;
  top: 50%;
  transform: translateY(-50%);
}

.wanted-tooltip-right .wanted-tooltip-text {
  left: 110%;
  top: 50%;
  transform: translateY(-50%);
}

/* Show tooltip on hover */
@media (hover: hover) and (pointer: fine) {
  .wanted-tooltip-wrapper:hover .wanted-tooltip-text {
    display: block;
  }
}

/* Tooltip internal */
.wanted-tooltip-headline {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.wanted-tooltip-subbox {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wanted-tooltip-item {
  margin-bottom: 0.4rem;
}

/* Layout row */
.wanted-button-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
  padding: 1rem;
}

/* Mobile: put tooltip below */
@media (max-width: 768px) {
  .wanted-tooltip-text {
    top: calc(100% + 16px) !important;
    left: 50% !important;
    transfo
/* Kill any theme strike-through on these buttons (all link states) */
.template-page .rte .wanted-tooltip-button-section a.wanted-btn,
.template-page .rte .wanted-tooltip-button-section a.wanted-btn:link,
.template-page .rte .wanted-tooltip-button-section a.wanted-btn:visited,
.template-page .rte .wanted-tooltip-button-section a.wanted-btn:hover,
.template-page .rte .wanted-tooltip-button-section a.wanted-btn:active,
.template-page .rte .wanted-tooltip-button-section a.wanted-btn:focus {
  text-decoration: none !important;
  text-decoration-line: none !important;
  text-decoration-thickness: initial !important;
}

.template-page .rte .wanted-tooltip-button-section a.wanted-btn *,
.template-page .rte .wanted-tooltip-button-section a.wanted-btn::before,
.template-page .rte .wanted-tooltip-button-section a.wanted-btn::after {
  text-decoration: none !important;
  text-decoration-line: none !important;
}

/* --- Fix: prevent theme's .rte link underline/line-through effect on our buttons --- */
/* Theme adds a background-gradient underline to ".rte a:not(.button, .reversed-link)" which can look like strike-through.
   We kill that effect only inside our tooltip button section. */
.rte .wanted-tooltip-button-section a.wanted-btn {
  background-image: none !important;     /* removes the theme’s gradient “underline” */
  background-size: auto !important;
  background-position: initial !important;
  text-decoration: none !important;      /* belt + suspenders */
}