/** Shopify CDN: Minification failed

Line 519:84 Unexpected "("

**/
/* =========================================================
   PowerReviews Overrides (Omni)
   Notes baked in:
   - Use broad scoping so blocks + modal/WAR get the same rules
   - Remove overly brittle selectors (IDs with product numbers)
   - Fix invalid CSS (blank min-width)
   - Avoid duplicate button blocks by defining “CTA”, “text links”, “form buttons”
   ========================================================= */

/* ---------- universal PR scope (blocks + modal + general wrapper) ---------- */
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war) {}

/* =========================================================
   Typography
   ========================================================= */

/* PR headers that should match H2 */
:where(.p-w-r) :is(
  #pr-review-snapshot h1,
  [id^="pr-qa-display-"] h1,
  .pr-review-display.pr-rd-display-desktop .pr-rd-main-header-with-filters .pr-rd-review-total
) {
  font-family: var(--font-h2--family);
  font-style: var(--font-h2--style);
  font-weight: var(--font-h2--weight);
  font-size: var(--font-h2--size);
  line-height: var(--font-h2--line-height);
  letter-spacing: var(--font-h2--letter-spacing);
  text-transform: var(--font-h2--case);
  color: var(--color-omni-midnight, var(--font-h2-color));
}

/* Mobile minimum font size safety */
@media screen and (max-width: 1200px) {
  :where(.p-w-r) :is(#pr-review-snapshot h1, [id^="pr-qa-display-"] h1) {
    font-size: max(1rem, var(--font-h2--size));
  }

  .p-w-r .pr-media-modal .button__close {
    height: 20%!important;
  }
}

/* PR paragraph typography everywhere (snapshot + review display + Q&A + modal) */
.p-w-r :where(p, li, label, small, strong, em) {
  font-family: var(--font-paragraph--family) !important;
  font-style: var(--font-paragraph--style) !important;
  font-size: var(--font-paragraph--size) !important;
  line-height: var(--font-paragraph--line-height) !important;
  text-transform: var(--font-paragraph--case) !important;
  -webkit-font-smoothing: antialiased;
}

/* Ensure “paragraph” typography is consistent in PR blocks + modal */
:where(.pr-block, .p-w-r .pr-war) :where(p, li, label, small, strong, em) {
  font-family: var(--font-paragraph--family);
  font-style: var(--font-paragraph--style);
  font-size: var(--font-paragraph--size);
  line-height: var(--font-paragraph--line-height);
  text-transform: var(--font-paragraph--case);
  -webkit-font-smoothing: antialiased;
  color: var(--color, var(--color-foreground));
}

/* Medium-weight emphasis in key PR UI bits */
.p-w-r :is(
  .pr-review-display .pr-rd-review-headline,
  .pr-rd-bold,
  label,
  .pr-review-snapshot .pr-review-snapshot-simple .pr-reco span,
  .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-review-count,
  .pr-snippet span
) {
  font-weight: 500 !important;
}

/* PR defaults tend to get cramped—normalize line-height where it breaks layouts */
.p-w-r :is(.form-group, .pr-snippet div, .pr-snippet span) {
  line-height: normal !important;
}

/* Snapshot paragraphs spacing */
.p-w-r .pr-review-snapshot p {
  margin-bottom: 5%;
}

/* Force body copy to black where PR injects lighter colors */
.p-w-r :is(.pr-review-display p, .pr-rd-description.pr-rd-content-block > p) {
  color: #000 !important;
}

/* Headings / labels / header titles to Omni midnight */
.p-w-r :is(
  .control-label span,
  .pr-control-label span,
  .pr-header-title,
  .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets-headline
) {
  color: #24335A !important;
}

/* =========================================================
   Layout helpers / CLS
   ========================================================= */

.powerreviews-card-snippet {
  margin-top: var(--pr-mt, 6px);
  margin-bottom: var(--pr-mb, 6px);
  text-align: var(--pr-align, left);
  min-height: var(--pr-minh, 22px); /* reserves space = prevents CLS */
  display: block;
}

/* Modal body sizing */
.p-w-r .pr-content-collection-form .pr-media-modal .modal__body {
  max-height: 75% !important;
  top: 55% !important;
}

.p-w-r .pr-review-display .pr-snippet-rating-decimal {
  height: auto !important;
  border: 1px solid #e1e6ed !important;
  padding: 2px 7px 2px;
}

.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-read-and-write {
  margin-top: 0px !important;
}

.p-w-r .pr-submit .pr-logo-container {
  display: none !important;
}

.p-w-r .pr-qa-display.pr-qa-display-desktop .pr-qa-display-headline {
  margin: 0px !important;
}

.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write a,
.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write span {
  padding: 0 0.5px !important;
}

.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block-container .pr-review-snapshot-block {
  display: none !important;
}

/* =========================================================
   Snapshot “recommend” badge
   ========================================================= */

/* Badge colors */
.p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-snippet-reco-to-friend-green {
  background: rgba(36, 51, 90, 0.93) !important;
  color: #fff !important;
}
.p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-snippet-reco-to-friend-green circle {
  fill: rgba(36, 51, 90, 0.93) !important;
  stroke: #fff !important;
}
.p-w-r .pr-review-snapshot .pr-review-snapshot-simple :is(.pr-snippet-review-count, .pr-reco-to-friend-message) {
  color: #000 !important;
}

/* Histogram colors */
.p-w-r .pr-review-snapshot .pr-ratings-histogram .pr-ratings-histogram-barValue {
  background: rgba(36, 51, 90, 0.93) !important;
}
.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-block .pr-ratings-histogram-bar {
  background-color: #e1e6ed !important;
}

/* Compact “reco” label hidden */
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-stars-reco-reco {
  display: none !important;
}

/* Review Display “no reviews” alignment */
.p-w-r .pr-review-display .pr-rd-no-reviews {
  text-align: left !important;
}

.p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff .pr-snippet-rating-decimal {
  height: auto !important;
}

/* =========================================================
   Hide rating UI when there are 0 reviews
   ========================================================= */

/* Snapshot snippet (0.0 rating): hide stars + decimal + “No Reviews” text */
.pr-snippet-stars[aria-label*="0.0"] {
  display: none !important;
}
.pr-snippet-stars[aria-label*="0.0"] + .pr-rating-decimal {
  display: none !important;
}
.pr-snippet-stars[aria-label*="0.0"] ~ .pr-snippet-read-and-write .pr-snippet-review-count {
  display: none !important;
}

/* Category snippet “No Reviews” text */
.p-w-r section.pr-no-reviews[data-testid="category-snippet"] .pr-category-snippet__total,
.p-w-r .pr-category-snippet.pr-no-reviews .pr-category-snippet__total {
  display: none !important;
}

/* =========================================================
   Buttons
   ========================================================= */

/* ---------- CTA links that should look like buttons (write review / ask question) ---------- */
#pr-question-form-link,
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
.pr-snippet-read-and-write > a:not(.pr-snippet-write-review-link):not([href*="/pages/write-a-review"]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  border-radius: 999px;
  background: rgba(36, 51, 90, 0.93);
  color: #fff !important;
  line-height: 150%;
  text-decoration: none !important;
  letter-spacing: 0.04em;
  cursor: pointer;
  appearance: none;
  border: none;
  background-image: none;
  font-family: inherit;
  font-weight: 500 !important;
}

/* PDP compact snippet links should always be text links, never pills */
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-read-and-write a,
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-read-and-write a,
.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-review-count,
.p-w-r .pr-snippet-stars-reco-inline .pr-snippet-write-review-link {
  display: inline !important;
  padding-right: 10px !important;
  margin: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  line-height: normal !important;
}

/* Hover/focus for PDP compact snippet links */
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-read-and-write a:hover,
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-read-and-write a:focus-visible,
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-read-and-write a:hover,
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-read-and-write a:focus-visible {
  color: #24335A !important;
  text-decoration: underline !important;
}

/* CTA hover / focus */
#pr-question-form-link:hover,
#pr-question-form-link:focus-visible,
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war) .pr-snippet-read-and-write > a:hover,
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war) .pr-snippet-read-and-write > a:focus-visible {
  color: #f7a1b2 !important;
  text-decoration: none !important;
}

/* If PR nests spans inside the CTA link */
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war) .pr-snippet-read-and-write > a:hover *,
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war) .pr-snippet-read-and-write > a:focus-visible * {
  color: #f7a1b2 !important;
}

/* Accessible focus ring for CTA */
#pr-question-form-link:focus-visible,
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war) .pr-snippet-read-and-write > a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

/* ---------- Text links (exclude CTA buttons) ---------- */
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
a:not(#pr-question-form-link):not(.pr-snippet-read-and-write > a),
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
button.pr-rd-flag-review-btn {
  color: #000 !important;
  text-decoration: underline !important;
}

:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
a:not(#pr-question-form-link):not(.pr-snippet-read-and-write > a):hover,
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
a:not(#pr-question-form-link):not(.pr-snippet-read-and-write > a):focus-visible,
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
button.pr-rd-flag-review-btn:hover,
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
button.pr-rd-flag-review-btn:focus-visible {
  color: #24335A !important;
}

/* ---------- Form buttons (submit, etc.) ---------- */
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
button.pr-btn,
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
input.pr-btn[type="submit"],
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
button.pr-btn[type="submit"],
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
button.pr-btn.pr-btn-review {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  border-radius: 999px;
  background: rgba(36, 51, 90, 0.93) !important;
  color: #fff !important;
  border: none !important;
  font-family: inherit !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  cursor: pointer;
}

/* Form button hover */
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
button.pr-btn:hover,
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
button.pr-btn:focus-visible,
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
input.pr-btn[type="submit"]:hover,
:where(.pr-block, .p-w-r, .pr-media-modal, .p-w-r .pr-war)
input.pr-btn[type="submit"]:focus-visible {
  color: #f7a1b2 !important;
}

/* Snapshot CTA: Write a Review / Write the First Review */
.p-w-r :is(
  a.pr-snippet-write-review-link,
  .pr-snippet-read-and-write a.pr-snippet-write-review-link,
  .pr-snippet-read-and-write a[href*="/pages/write-a-review"]
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 24px !important;
  border-radius: 999px !important;
  background: rgba(36, 51, 90, 0.93) !important;
  color: #fff !important;
  text-decoration: none !important;
  letter-spacing: 0.04em !important;
  font-weight: 500 !important;
}
/* Hover/focus */
.p-w-r :is(
  a.pr-snippet-write-review-link:hover,
  a.pr-snippet-write-review-link:focus-visible,
  .pr-snippet-read-and-write a[href*="/pages/write-a-review"]:hover,
  .pr-snippet-read-and-write a[href*="/pages/write-a-review"]:focus-visible
) {
  color: #f7a1b2 !important;
}

/* ---------- Recommend radio buttons (fix weird segmented UI) ---------- */
.p-w-r :is(.pr-btn-group, .btn-group).btn-group-radio-vertical,
.p-w-r :is(.pr-btn-group, .btn-group).pr-btn-group--radio-vertical,
.p-w-r .pr-btn-group.pr-btn-group-radio-vertical {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
}

/* Labels look like separate controls (not one giant pill) */
.p-w-r :is(.pr-btn-group, .btn-group).btn-group-radio-vertical label.pr-btn,
.p-w-r .pr-btn-group.pr-btn-group-radio-vertical label.pr-btn {
  width: 100% !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  padding: 12px 16px !important;
  border-radius: 12px !important;

  background: #fff !important;
  color: #24335A !important;

  border: 1px solid rgba(36, 51, 90, 0.25) !important;
  box-shadow: none !important;
}

/* Hover */
.p-w-r :is(.pr-btn-group, .btn-group).btn-group-radio-vertical label.pr-btn:hover {
  border-color: #24335A !important;
  background: #e1e6ed !important;
}

/* Selected state (input then label) */
.p-w-r :is(.pr-btn-group, .btn-group).btn-group-radio-vertical input[type="radio"]:checked + label.pr-btn {
  background: rgba(36, 51, 90, 0.93) !important;
  color: #fff !important;
  border-color: rgba(36, 51, 90, 0.93) !important;
}

/* Focus ring */
.p-w-r :is(.pr-btn-group, .btn-group).btn-group-radio-vertical input[type="radio"]:focus-visible + label.pr-btn {
  outline: 2px solid #f7a1b2 !important;
  outline-offset: 2px !important;
}

.p-w-r .pr-media-modal .button__close {
  height: 22%!important;
}

/* =========================================
   PowerReviews Helpful Voting Buttons
   ========================================= */

/* Base button */
.p-w-r .pr-helpful-voting .pr-helpful-btn {
  background: #fff !important;
  border: 2px solid #24335A !important;
  color: #24335A !important;  /* number text = midnight */

  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;

  padding: 6px 12px !important;
  border-radius: 6px !important;

  transition: color .2s ease, border-color .2s ease;
}

/* Default icon color (midnight) */
.p-w-r .pr-helpful-voting .pr-helpful-btn svg,
.p-w-r .pr-helpful-voting .pr-helpful-btn svg * {
  fill: #24335A !important;
  stroke: #24335A !important;
}

/* Hover: text + icon turn pink */
.p-w-r .pr-helpful-voting .pr-helpful-btn:hover,
.p-w-r .pr-helpful-voting .pr-helpful-btn:focus-visible {
  color: #f7a1b2 !important;
  border-color: #f7a1b2 !important;
  background-color: #e1e6ed!important;
  stroke: #24335A !important;
}

/* Hover icon */
.p-w-r .pr-helpful-voting .pr-helpful-btn:hover svg,
.p-w-r .pr-helpful-voting .pr-helpful-btn:hover svg *,
.p-w-r .pr-helpful-voting .pr-helpful-btn:focus-visible svg,
.p-w-r .pr-helpful-voting .pr-helpful-btn:focus-visible svg * {
  fill: #24335A !important;
  stroke: #f7a1b2 !important;
}

.p-w-r .pr-review-display.pr-rd-display-desktop .pr-helpful-btn {
  margin: 2px;
}

/* =========================================
   PDP compact snippet links (not buttons)
   ========================================= */

/* Target only the compact inline snippet (top of PDP) */
:where(.pr-block,.p-w-r,.pr-media-modal,.p-w-r .pr-war) a:not(#pr-question-form-link):not(.pr-snippet-read-and-write>a), :where(.pr-block,.p-w-r,.pr-media-modal,.p-w-r .pr-war) button.pr-rd-flag-review-btn,
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact 
.pr-snippet-read-and-write a {
  background: none !important;
  border: none !important;
  padding: 8px !important;
  border-radius: 0 !important;
  display: inline !important;

  color: #000 !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
}

/* Hover */
:where(.pr-block,.p-w-r,.pr-media-modal,.p-w-r .pr-war) a:not(#pr-question-form-link):not(.pr-snippet-read-and-write>a), :where(.pr-block,.p-w-r,.pr-media-modal,.p-w-r .pr-war) button.pr-rd-flag-review-btn,
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact 
.pr-snippet-read-and-write a:hover,
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact 
.pr-snippet-read-and-write a:focus-visible {
  text-decoration: underline !important;
}

/* Add a little breathing room so content doesn't sit under the close button */
.p-w-r .pr-media-modal > .modal__body > *:not(.button__close):first-child {
  padding-top: 56px !important;
}

.p-w-r .pr-media-carousel--light .button .icon:focus .pr-caret-icon__line,
.p-w-r .pr-media-carousel--light .button:focus .pr-caret-icon__line {
  stroke: #24335A;
}

.p-w-r .pr-media-carousel--light .button .icon:hover .pr-caret-icon__line,
.p-w-r .pr-media-carousel--light .button:hover .pr-caret-icon__line {
  stroke: #f6a6b9;
}

.pr-snippet-stars-reco-reco.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-read-and-write, 
.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-stars-reco-reco (
    margin-top: 12px !important;
  )

@media screen and (max-width: 749px) {
  .p-w-r,
  .p-w-r * {
    box-sizing: border-box;
    min-width: 0;
  }

  .p-w-r,
  .p-w-r .pr-war,
  .p-w-r .pr-review-display,
  .p-w-r .pr-review-snapshot,
  .p-w-r .pr-qa-display,
  .p-w-r .pr-media-modal,
  .p-w-r [class*="container"],
  .p-w-r [class*="wrapper"],
  .p-w-r [class*="content"] {
    max-width: 100% !important;
  }

  .p-w-r img,
  .p-w-r video,
  .p-w-r iframe {
    max-width: 100% !important;
    height: auto !important;
  }
}