/** Shopify CDN: Minification failed

Line 46:0 All "@import" rules must come first
Line 119:0 All "@import" rules must come first

**/
:root {
  --pv-font-primary: "Nunito Sans", Inter, Helvetica, Arial, sans-serif;
  --pv-scale: 1.25;
}

/* Global */
body {
  font-family: var(--pv-font-primary);
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: #1F1F1F;
  -webkit-font-smoothing: antialiased;
}

/* Headers */
h1, .h1 { font-size: 2.25rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.015em; }
h2, .h2 { font-size: 1.75rem; font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; }
h3, .h3 { font-size: 1.375rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.005em; }
h4, .h4 { font-size: 1.125rem; font-weight: 600; line-height: 1.4; }
h5, .h5 { font-size: 1rem; font-weight: 600; line-height: 1.5; }
h6, .h6 { font-size: 0.875rem; font-weight: 700; line-height: 1.6; letter-spacing: 0.02em; text-transform: uppercase; }

/* Body */
p, li { font-size: 1rem; font-weight: 400; line-height: 1.6; letter-spacing: 0.01em; margin-bottom: 1em; }
small, .caption { font-size: 0.875rem; letter-spacing: 0.025em; color: #666; }

/* Buttons */
.button, .product-form__submit {
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.2;
}

/* Section rhythm */
h1, h2, h3, h4, h5, h6 { margin-top: 2rem; margin-bottom: 1rem; }

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap');
:root {
  --pv-font-primary: "Nunito Sans", Inter, Helvetica, Arial, sans-serif;
}
body, h1,h2,h3,h4,h5,h6, button, input, textarea {
  font-family: var(--pv-font-primary) !important;
}

@font-face {
  font-family: "Avenir Next";
  src: url('{{ "AvenirNext-Regular.woff2" | asset_url }}') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next";
  src: url('{{ "AvenirNext-Medium.woff2" | asset_url }}') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next";
  src: url('{{ "AvenirNext-Bold.woff2" | asset_url }}') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --pv-font-primary: "Avenir Next", "Nunito Sans", Inter, Helvetica, Arial, sans-serif;
}
body, h1,h2,h3,h4,h5,h6,button,input,textarea {
  font-family: var(--pv-font-primary) !important;
}

/*───────────────────────────────────────────────
  PELOVIVA — BRAND SYSTEM FIX
  Locks global beige across Dawn/Shrine variable tokens
───────────────────────────────────────────────*/

:root {
  /* Peloviva beige override */
  --pv-bg: #FAF8F4;

  /* Repaint all Shopify system background tokens */
  --color-base-background-1: 250, 248, 244;
  --color-base-background-2: 250, 248, 244;
  --gradient-base-background-1: #FAF8F4;
  --gradient-base-background-2: #FAF8F4;

  /* Optional text color alignment */
  --color-base-text: 31, 31, 31;
}

/* Force those variables through container classes */
.color-background-1,
.color-background-2,
.gradient,
body,
main,
#MainContent,
.shopify-section,
.content-for-layout,
.page-width {
  background: var(--pv-bg) !important;
  background-color: var(--pv-bg) !important;
}

/*───────────────────────────────────────────────
  PELOVIVA — BRAND SYSTEM
  Earth Minimalism × Clinical Confidence
───────────────────────────────────────────────*/
@import url('https://fonts.googleapis.com/css2?family=Avenir+Next:wght@400;600;700&display=swap');

:root {
  --pv-ink: #1F1F1F;
  --pv-bg: #FAF8F4;
  --pv-accent: #A9C200;
  --pv-accent-light: #C9DD74;
  --pv-muted: #6B6B6B;
  --pv-font-primary: "Avenir Next", Inter, sans-serif;
}

/* Base */
body {
  background-color: var(--pv-bg) !important;
  color: var(--pv-ink);
  font-family: var(--pv-font-primary);
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.01em;
}

/* Product Title */
.product__title {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.25;
  color: var(--pv-ink);
  margin-bottom: 0.3em;
}

/* Price */
.product__price {
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--pv-accent);
  margin-bottom: 0.75em;
}

/* Add to Cart */
.product-form__submit,
.shopify-payment-button__button {
  background: var(--pv-accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  text-transform: none !important;
  transition: background 0.25s ease, transform 0.15s ease;
}

.product-form__submit:hover {
  background: #93AD00 !important;
  transform: scale(1.015);
}

/* Beige continuity */
.shopify-section,
#MainContent {
  background-color: var(--pv-bg) !important;
}

/* Remove top padding from hero section */
.shopify-section--main-product {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Footer harmony */
footer {
  background: #F7F6F2 !important;
  color: #333;
}

/*───────────────────────────────────────────────
  PELOVIVA — POLISHING LAYER
  Subtle luxury spacing + visual calibration
───────────────────────────────────────────────*/

:root {
  --pv-ink-soft: #2A2A2A;
  --pv-spacing-unit: 6px;
}

/* Softer ink tone */
body, p, li, h1, h2, h3, h4, h5, h6 {
  color: var(--pv-ink-soft);
}

/* Micro spacing rhythm */
.product__title {
  margin-bottom: calc(var(--pv-spacing-unit) * 1.2);
}

.product__price {
  margin-top: calc(var(--pv-spacing-unit) * 1.2);
  margin-bottom: calc(var(--pv-spacing-unit) * 2);
}

/* Add more breathing room under ATC */
.product-form__submit {
  margin-top: calc(var(--pv-spacing-unit) * 2);
  margin-bottom: calc(var(--pv-spacing-unit) * 2);
}

/* Responsive typography for mobile */
@media (max-width: 480px) {
  .product__title {
    font-size: 1.7rem;
    line-height: 1.3;
  }

  .product__price {
    font-size: 1.05rem;
  }

  .product-form__submit {
    padding: 12px 18px !important;
    font-size: 0.95rem !important;
  }
}
/* --- Peloviva Beige Everywhere (high-specificity) --- */
:root { --pv-bg: #FAF8F4; }

/* Dawn/Shrine background tokens */
.color-background-1,
.color-background-2,
.gradient,
.bg,
.section,
.shopify-section,
.template-product,
.product,
.content-for-layout,
#MainContent,
.page-width,
.product__info-wrapper,
.product__media-wrapper {
  background: var(--pv-bg) !important;
  background-color: var(--pv-bg) !important;
}

/* Cards/boxes that sometimes force white */
.card,
.card__inner,
.collapsible-content,
.shopify-block,
.product__policies,
.quantity,
.selling-plan__wrapper {
  background-color: #ffffff00 !important; /* transparent so beige shows through */
  box-shadow: none !important;
  border-color: rgba(0,0,0,0.06) !important;
}

/* If your header bar is still white, soften it to beige too */
.header-wrapper,
.header,
.announcement-bar,
.announcement-bar__message {
  background: var(--pv-bg) !important;
}

/*───────────────────────────────────────────────
  P E L O V I V A —  Background Enforcement
───────────────────────────────────────────────*/
:root {
  --pv-bg: #FAF8F4;
}



/* Remove white from cards or inner boxes */
.card,
.card__inner,
.shopify-block,
.collapsible-content,
.product__policies,
.quantity,
.selling-plan__wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border-color: rgba(0, 0, 0, 0.05) !important;
}

/***** P E L O V I V A —— FINAL OVERRIDES *****/

/* ---------- 0) Brand tokens you can tweak in one place ---------- */
:root{
  /* CTA psychology:
     - Primary CTA = confident purple (distinct from content & badges)
     - Savings/badges stay Peloviva green to signal “deal/value”
     - Rationale: purple pops on warm beige, feels premium, not “discounty” */
  --pv-cta: #B8885E;           /* primary button */
  --pv-cta-hover: #5F41C1;
  --pv-cta-text: #ffffff;

  /* Keep your existing brand colors */
  --pv-ink: #1F1F1F;
  --pv-bg: #FAF8F4;
  --pv-accent: #A9C200;        /* Peloviva green (badges/savings/icons) */
}

/* ---------- 1) Header back to white (always) ---------- */
.shopify-section-header,
.header,
.header-wrapper,
.header--middle-left,
.header-sticky,
.header__inline-menu,
.announcement-bar,
.announcement-bar__message{
  background: #ffffff !important;
  color: var(--pv-ink) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.04); /* subtle separation */
}

/* If your theme paints the header via utility classes: */
.color-background-1 .shopify-section-header{ background:#fff !important; }

/* ---------- 2) Buttons (primary = purple, value cues = green) ---------- */
.product-form__submit,
.button--primary,
.shopify-payment-button__button,
button[type="submit"].button{
  background: var(--pv-cta) !important;
  color: var(--pv-cta-text) !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 650 !important;
  font-size: 17px !important;  /* ADD THIS - adjust size as needed */
  letter-spacing: .01em;
  padding: 17px 24px !important;  /* INCREASE THIS for bigger button */
  transition: background .2s ease, transform .15s ease;
}
.product-form__submit:hover,
.button--primary:hover,
.shopify-payment-button__button:hover{
  background: var(--pv-cta-hover) !important;
  transform: translateY(-1px);
}

/* “Subscribe & save”, price chips, and micro-badges stay green = value */
.badge,
.price__badge,
.selling-plan-carousel__badge,
.selling-plan__discount,
.savings-badge{
  background: var(--pv-accent) !important;
  color:#fff !important;
}

/* ---------- 3) Typography (correct Avenir Next handling) ---------- */
/* IMPORTANT: Google Fonts does NOT host Avenir Next.
   Until you upload your licensed files, use a resilient stack. */
:root{
  --pv-font-primary: "Avenir Next", "Nunito Sans", "Inter", "Helvetica Neue", Arial, sans-serif;
}
body, h1,h2,h3,h4,h5,h6, button, input, select, textarea{
  font-family: var(--pv-font-primary) !important;
}

/* If you DO have Avenir Next font files, drop them in /assets and uncomment:
@font-face{
  font-family:"Avenir Next";
  src:url('{{ "AvenirNext-Regular.woff2" | asset_url }}') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Avenir Next";
  src:url('{{ "AvenirNext-DemiBold.woff2" | asset_url }}') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Avenir Next";
  src:url('{{ "AvenirNext-Bold.woff2" | asset_url }}') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}
*/

/* ---------- 4) Keep page body luxury-beige, not the header ---------- */
body,
.main-content,
#MainContent{
  background: var(--pv-bg) !important;
  color: var(--pv-ink);
}

/* ---------- 5) Small polish: quantity, chips, dividers ---------- */
.quantity{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:8px !important;
}
.collapsible-row{ border-top:1px solid rgba(0,0,0,.06); }

/* ---------- 6) Optional: want green primary CTA instead? flip these: ----------
:root{ --pv-cta: var(--pv-accent); --pv-cta-hover:#93AD00; }
--------------------------------------------------------------------------- */

/*───────────────────────────────
  Peloviva Subheading Line
───────────────────────────────*/
.product__subline {
  font-family: var(--pv-font-primary);
  font-size: 0.9375rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6B6B6B;
  margin-top: 4px;
  margin-bottom: 12px;
  display: block;
  text-align: left;
}

.product__subline strong {
  color: var(--pv-accent);
  font-weight: 600;
}

/* Peloviva – Soft Clay Pebble Icons */
.pv-pebble-item {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.pv-pebble {
  width: 21px;
  height: 21px;
  flex-shrink: 0;
  display: inline-block;
  margin-right: 14px;

  /* More hand-formed organic asymmetry */
  border-radius: 46% 54% 52% 48% / 41% 57% 53% 47%;

  /* Deeper ceramic gradient */
  background: radial-gradient(
      circle at 36% 34%,
      #FAF7F2 0%,
      #EDE3D6 38%,
      #D2C0A8 78%,
      #C1AD94 100%
  );

  /* Physical clay sitting on surface */
  box-shadow:
    inset 0 7px 18px rgba(150, 125, 95, 0.22),
    inset 0 -2px 6px rgba(255, 255, 255, 0.55),
    0 4px 8px rgba(0, 0, 0, 0.04),
    0 10px 22px rgba(185, 160, 130, 0.14),
    0 0 16px rgba(230, 210, 185, 0.33);

  position: relative;
  overflow: hidden;
}

.pv-pebble::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;

  /* High-res fractal ceramic noise */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.35' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' /></svg>");
  
  opacity: 0.18;
  mix-blend-mode: soft-light;
  pointer-events: none;
}
.pv-pebble-text {
  flex: 1;
}
@media (min-width: 600px) {
  .pv-pebble {
    width: 22px;
    height: 22px;
  }
}

/* ============================================================
   IM-08 CONTINUITY + BREATHING MICRO-OPTIMIZATIONS
   ============================================================ */
.pv-warm {
  position: relative;
  overflow: hidden;
}

.pv-warm::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  height: 120px;
  background: linear-gradient(
    to bottom,
    rgba(245,240,232,1) 0%,
    rgba(245,240,232,0) 100%
  );
  pointer-events: none;
  z-index: 2;
}

.pv-results {
  position: relative;
  overflow: hidden;
}

.pv-results::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -60px;
  height: 120px;
  background: linear-gradient(
    to bottom,
    rgba(245,240,232,0) 0%,
    rgba(245,240,232,1) 100%
  );
  pointer-events: none;
  z-index: 1;
}

.pv-warm-text h3 {
  letter-spacing: 0.012em;
  margin-bottom: 8px;
}

.pv-warm-text p {
  letter-spacing: -0.001em;
}

/* Improved Warm Label Hierarchy */
.pv-warm-label {
  font-size: 12.5px !important;
  letter-spacing: 0.14em !important;
  opacity: 0.82 !important;
  color: rgba(42,36,30,0.63) !important;
  margin-bottom: 26px !important;
  text-transform: uppercase !important;
}

/* TRUE Seamless Transition Between Sections */
.pv-results::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -60px;
  height: 120px;
  background: linear-gradient(
    to bottom,
    rgba(245,242,236,0.0) 0%,
    rgba(245,242,236,0.85) 30%,
    rgba(245,242,236,1) 60%,
    rgba(250,248,244,1) 100%
  );
  pointer-events: none;
  z-index: 1;
}

.pv-warm {
  margin-top: -40px !important;
  position: relative;
  z-index: 2;
}

/* ===========================================
   PV RESULTS → TRUE IM-08 BOTTOM FADE
   (Seamless atmospheric transition between sections)
   =========================================== */

#pv-results.pv-results-fw {
  position: relative;
  overflow: visible !important;
}

#pv-results.pv-results-fw::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px;
  height: 140px;
  pointer-events: none;

  background: linear-gradient(
    to bottom,
    rgba(249, 246, 240, 0) 0%,
    rgba(248, 243, 235, 0.55) 38%,
    rgba(245, 239, 230, 0.85) 70%,
    rgba(245, 239, 230, 1) 100%
  );

  filter: blur(18px);
  z-index: 1;
}

.pv-warm-label {
  font-size: 12.2px !important;
  font-weight: 650 !important;
  letter-spacing: 0.14em !important;
  opacity: 0.92 !important;
  text-shadow: 0 1px 2px rgba(210,198,180,0.22) !important;
}

/* SEED/IM-08 Atmospheric Transition */
#pv-results::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: -42px;
  height: 120px;
  background: linear-gradient(
    to bottom,
    rgba(245,240,232,0.00) 0%,
    rgba(245,240,232,0.55) 38%,
    rgba(250,248,244,0.94) 72%,
    rgba(250,248,244,1.00) 100%
  );
  pointer-events: none;
  z-index: 2;
}

/* Ensure .pv-warm starts transparent for a smooth merge */
.pv-warm {
  margin-top: -40px !important;
  padding-top: 74px !important;
  background: linear-gradient(
    180deg,
    rgba(250,248,244,1) 0%,
    rgba(250,248,244,1) 36%,
    #FDFBF8 100%
  ) !important;
}

/* ============================================================
   PVELOVIVA — SECTION CLEANUP (White Background + Hierarchy Fix)
   ============================================================== */

/* 1. REMOVE the banded gradient layer that sits above pv-warm */
#pv-results,
#pv-results::after,
#pv-results::before {
  background: #FFFFFF !important;
  box-shadow: none !important;
}

/* 2. Make the entire Warm Ribbon section sit on pure white */
.pv-warm {
  background: #FFFFFF !important;
}

/* Disable its previous above/below atmospheric fades */
.pv-warm::before,
.pv-warm::after {
  display: none !important;
}

/* 3. Fix the hierarchy of the chapter heading */
.pv-warm-label {
  text-align: center !important;
  font-size: 12.5px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;

  font-weight: 600 !important;
  color: rgba(80, 72, 64, 0.58) !important;

  margin-top: 32px !important;
  margin-bottom: 28px !important;

  opacity: 1 !important;
}

/* Make it feel more like a “chapter title” */
.pv-warm-label::after {
  content: "";
  display: block;
  width: 32%;
  height: 1px;
  background: rgba(0,0,0,0.06);
  margin: 14px auto 0 auto;
  border-radius: 2px;
}

.pv-results + .pv-warm-label {
  margin-top: -18px !important;
  position: relative;
  z-index: 3 !important;
}

#pv-results::after {
  height: 150px !important;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.75) 45%,
    #ffffff 100%
  ) !important;
}

#pv-results {
  background: #ffffff !important;
}

/* ===== PEVOLIVA RESULTS → WARM TRANSITION CLEANUP ===== */

/* 1) Remove old fog/gradient band under the results block */
#pv-results::before,
#pv-results::after,
.pv-results-fw::before,
.pv-results-fw::after {
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Make the base background under the button a clean white canvas */
#pv-results,
.pv-results-fw {
  background: #FFFFFF !important;
}

/* 2) Tighten spacing above the warm section heading */
.pv-warm {
  padding-top: 20px !important;
}

.pv-warm-label {
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(95, 86, 78, 0.78) !important;
  margin-bottom: 16px !important;
}

/* ==== PELOVIVA RESULTS → WARM TRANSITION FIX (DO NOT MODIFY OTHER ELEMENTS) ==== */

/* Normalize base area so beige strip disappears */
#pv-results,
#pv-results .pv-results-content,
#pv-results::after {
  background-color: #FFFFFF !important;
}

/* Remove any residual old fade layers */
#pv-results::after,
#pv-results .pv-results-bottom-fade {
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

/* NEW clean IM-08 style atmospheric transition */
#pv-results {
  position: relative;
}

#pv-results::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -28px;
  height: 120px;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0) 0%,
    rgba(250,248,244,0.55) 40%,
    rgba(248,245,239,0.88) 70%,
    #F7F3ED 100%
  ) !important;
  z-index: 1;
}

/* Ensure warm ribbon begins clean after fade */
.pv-warm {
  background-color: #FFFFFF !important;
  margin-top: -10px !important;
}

/* Move and enhance the section header for proper hierarchy */
.pv-warm-label {
  margin-top: -38px !important;
  letter-spacing: 0.13em !important;
  font-weight: 650 !important;
  opacity: 0.92 !important;
  text-transform: uppercase !important;
}

/* REMOVE BEIGE GRADIENT UNDER RESULTS BUTTON */
#pv-results::after,
.pv-results-fw::after {
  content: none !important;
}

/* Force pure white base between sections */
#pv-results,
#pv-results-fw,
#pv-results-fw + section,
#pv-warm {
  background: #ffffff !important;
}

/* Remove any lingering fades or pseudo-layers */
#pv-results::before,
.pv-results-fw::before,
#pv-warm::before {
  display: none !important;
}

/* Correct warm-ribbon heading spacing + alignment */
.pv-warm-label {
  margin-top: 54px !important;
}

/* Restore correct heading text weight + tracking */
.pv-warm-label {
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

/* Ensure no fog / haze overlaps into warm ribbon area */
#pv-results,
.pv-results-fw {
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* REMOVE beige strip under the Day0→Month6 button */
#pv-results,
.pv-results-fw,
.pv-results-fw::before,
.pv-results-fw::after {
  background: #ffffff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* PULL the heading upward (only this element) */
.pv-warm-label {
  margin-top: 28px !important;
}

/* Ensure no ghost gradient appears between sections */
#pv-results::after,
#pv-results::before {
  display: none !important;
}

/* REMOVE BEIGE GRADIENT UNDER RESULTS BUTTON */
#pv-results,
#pv-results::before,
.pv-results-fw,
.pv-results-fw::before {
  background: #FFFFFF !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Tighten spacing above the chapter title */
.pv-warm-label {
  margin-top: 28px !important;
}

/*───────────────────────────────────────────────
  PELOVIVA — JUDGE.ME WIDGET STYLING
  (Isolated - won't affect other elements)
───────────────────────────────────────────────*/

/* Remove Judge.me branding logo */
.jdgm-powered-by,
.jdgm-branding,
a[href*="judge.me"][href*="powered"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Main widget container - clean white card */
.jdgm-widget,
.jdgm-rev-widg,
.jdgm-rev-widg__body {
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

/* "Customer Reviews" heading */
.jdgm-rev-widg__title,
.jdgm-widget__title {
  font-family: "Avenir Next", "Nunito Sans", Inter, sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #1F1F1F !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 18px !important;
}

/* Replace the blue "Write a review" button with your tan */
.jdgm-write-rev-link,
.jdgm-write-rev-btn,
.jdgm-rev-widg__write-btn,
button.jdgm-cta,
a.jdgm-write-rev-link {
  background: #C69C73 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-family: "Avenir Next", "Nunito Sans", Inter, sans-serif !important;
  font-weight: 650 !important;
  font-size: 16px !important;
  letter-spacing: 0.01em !important;
  padding: 12px 20px !important;
  transition: all 0.2s ease !important;
  text-transform: none !important;
  text-decoration: none !important;
}

/* Hover state - your neuropsychology optimized color */
.jdgm-write-rev-link:hover,
.jdgm-write-rev-btn:hover,
.jdgm-rev-widg__write-btn:hover,
button.jdgm-cta:hover,
a.jdgm-write-rev-link:hover {
  background: #B8885E !important;
  transform: translateY(-1px) !important;
}

/* Star ratings - warm amber/bronze to match product aesthetic */
.jdgm-star,
.jdgm-star.jdgm--on,
.jdgm-star--on,
.jdgm--on .jdgm-star {
  color: #D4A574 !important;
}

/* Empty stars */
.jdgm-star.jdgm--off {
  color: #E8E0D5 !important;
}

/* Progress bars for rating breakdown - warm tan */
.jdgm-histogram__bar-content,
.jdgm-histogram__bar--filled {
  background: #C69C73 !important;
}

.jdgm-histogram__bar,
.jdgm-histogram__bar-bg {
  background: #F5F1EB !important;
  border-radius: 4px !important;
}

/* Review text styling */
.jdgm-rev__body,
.jdgm-rev__text,
.jdgm-rev-widg__review-text {
  font-family: "Avenir Next", "Nunito Sans", Inter, sans-serif !important;
  font-size: 0.9375rem !important;
  line-height: 1.6 !important;
  color: #2A2A2A !important;
  letter-spacing: 0.01em !important;
}

/* Reviewer name */
.jdgm-rev__author,
.jdgm-rev__author-wrapper {
  font-family: "Avenir Next", "Nunito Sans", Inter, sans-serif !important;
  font-weight: 600 !important;
  color: #1F1F1F !important;
}

/* Verified badge - warm bronze */
.jdgm-rev__buyer-badge,
.jdgm-verified-badge {
  background: #C69C73 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-size: 0.75rem !important;
  padding: 3px 8px !important;
  font-weight: 600 !important;
}

/* Review images - soften corners */
.jdgm-rev-carousel__image,
.jdgm-rev__media img,
.jdgm-rev__pics img {
  border-radius: 8px !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* Pagination dots */
.jdgm-paginate__page--active,
.jdgm-paginate__page.jdgm--active {
  background: #C69C73 !important;
}

/* "Most Recent" dropdown and filters */
.jdgm-sort-dropdown,
.jdgm-filter-btn,
select.jdgm-sort-dropdown {
  font-family: "Avenir Next", "Nunito Sans", Inter, sans-serif !important;
  border: 1px solid rgba(198, 156, 115, 0.2) !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  color: #1F1F1F !important;
  font-size: 14px !important;
}

/* Rating summary numbers */
.jdgm-prev-badge__text,
.jdgm-prev-badge__stars {
  font-family: "Avenir Next", "Nunito Sans", Inter, sans-serif !important;
  color: #1F1F1F !important;
}

/* Average rating number - warm accent */
.jdgm-prev-badge__score {
  color: #C69C73 !important;
  font-weight: 700 !important;
}

/* Remove any Judge.me blue remnants */
.jdgm-widget *[style*="color: rgb(59, 173, 223)"],
.jdgm-widget *[style*="color: #3BADDF"],
.jdgm-widget *[style*="background: rgb(59, 173, 223)"],
.jdgm-widget *[style*="background: #3BADDF"] {
  color: #C69C73 !important;
  background: #C69C73 !important;
}

/* Hide "Powered by Judge.me" text */
.jdgm-powered-by__text,
.jdgm-branding__text {
  display: none !important;
}

/*───────────────────────────────────────────────
  PELOVIVA — JUDGE.ME ADDITIONAL OVERRIDES
  (Add to the bottom of your Judge.me section)
───────────────────────────────────────────────*/

/* Kill the teal checkmark/verified icon */
.jdgm-verified-badge svg,
.jdgm-verified-badge path,
.jdgm-rev__icon svg,
.jdgm-rev__icon path,
svg[class*="jdgm"] {
  fill: #C69C73 !important;
  color: #C69C73 !important;
}

/* Profile icon circle - change from teal to warm tan */
.jdgm-rev__icon,
.jdgm-rev__buyer-badge-icon,
.jdgm__author__icon,
circle[class*="jdgm"],
.jdgm-author-badge {
  background: #C69C73 !important;
  color: #ffffff !important;
  fill: #C69C73 !important;
  stroke: #C69C73 !important;
}

/* Any remaining teal/blue color overrides */
.jdgm-widget [style*="#3BADDF"],
.jdgm-widget [style*="rgb(59, 173, 223)"],
.jdgm-widget [style*="#00b67a"],
.jdgm-widget [fill="#3BADDF"],
.jdgm-widget [fill="rgb(59, 173, 223)"],
.jdgm-widget [stroke="#3BADDF"] {
  color: #C69C73 !important;
  background-color: #C69C73 !important;
  fill: #C69C73 !important;
  stroke: #C69C73 !important;
  border-color: #C69C73 !important;
}

/* Force hide ANY Judge.me logo images */
img[src*="judge.me"],
img[alt*="judge.me"],
img[alt*="Judge.me"],
.jdgm-widget img[src*="logo"],
.jdgm__logo,
.jdgm-branding-logo {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

/* Nuclear option for powered-by text and links */
a[href*="judge.me"],
.jdgm-widget a[href*="judge.me"] {
  display: none !important;
  font-size: 0 !important;
  opacity: 0 !important;
}

/* Hide profile icon circles completely */
.jdgm-rev__icon,
.jdgm-rev__buyer-badge-icon,
.jdgm__author__icon,
.jdgm-author-badge,
.jdgm-rev__avatar {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Make sure reviewer name still shows properly without the icon */
.jdgm-rev__author,
.jdgm-rev__author-wrapper {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Any remaining teal/blue SVG icons - hide them */
.jdgm-verified-badge svg,
.jdgm-rev__icon svg,
svg[class*="jdgm"] circle {
  display: none !important;
}

/* Remove the outer beige container/wrapper */
.jdgm-widget,
.jdgm-rev-widg,
.jdgm-rev-widg__body,
.jdgm-widget__wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Make individual review cards have the white background instead */
.jdgm-rev,
.jdgm-review,
.jdgm-rev-widg__review {
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}


/*───────────────────────────────────────────────
  PELOVIVA — JUDGE.ME PAGINATION COLOR OVERRIDE
  (Turns all teal pagination elements into #C69C73)
───────────────────────────────────────────────*/

/* Page number links */
.jdgm-paginate__page,
.jdgm-paginate__page a,
.jdgm-paginate__page > a {
  color: #C69C73 !important;
  fill: #C69C73 !important;
  stroke: #C69C73 !important;
}

/* Active page (current page number) */
.jdgm-paginate__page--active,
.jdgm-paginate__page.jdgm--active,
.jdgm-paginate__page--active a,
.jdgm-paginate__page.jdgm--active a {
  color: #C69C73 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Arrow icons (next, previous, last, first) */
.jdgm-paginate__arrow,
.jdgm-paginate__arrow a,
.jdgm-paginate__arrow svg,
.jdgm-paginate__arrow path {
  color: #C69C73 !important;
  fill: #C69C73 !important;
  stroke: #C69C73 !important;
}

/* Hide default blue/green on inline SVGs */
.jdgm-widget [stroke="#00b67a"],
.jdgm-widget [stroke="#3BADDF"],
.jdgm-widget [fill="#00b67a"],
.jdgm-widget [fill="#3BADDF"] {
  stroke: #C69C73 !important;
  fill: #C69C73 !important;
}

/* ─────────────────────────────────────────────
   PELOVIVA - Hide Seal Default Widget
─────────────────────────────────────────────── */
.sealsubs-container,
.seal-row,
div[role="radiogroup"][aria-labelledby*="seal"],
[class*="sealsubs"],
[id*="seal-subscription"] {
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  pointer-events: none !important;
}


/* Hide Gift #4 (4 PACK) — Shrine PRO precise selector */
.gifts-on-quantity .gift-items .gift-item:nth-child(4) {
    display: none !important;
}

/* Hide $0.00 prices in cart */
.cart-item[data-price="0"] .cart-item__price,
.cart-item__price:contains("$0.00") {
  display: none;
}