/* =========================================
   6) PDP — EXCERPT TOGGLE + INGREDIENTS ACCORDION (CSS-driven)
   ========================================= */
html, body, .main-page-wrapper, .website-wrapper, .site-content{ background:#fff !important; }

.rp2-excerpt{ position:relative !important; margin-top:10px !important; padding-bottom:28px !important; }
.rp2-excerpt__title{ margin:0 0 .35rem !important; font-size:14px !important; font-weight:700 !important; letter-spacing:.06em !important; }

/* Excerpt body: height by CSS only */
.rp2-excerpt__body{
  position:relative !important;
  overflow:hidden !important;
  max-height:var(--rp2-collapsed, 48px) !important;   /* collapsed height */
  transition:max-height .34s ease !important;
}
.rp2-excerpt__body p, .rp2-excerpt__body ul, .rp2-excerpt__body ol{ margin:0 !important; }
.rp2-excerpt__body * + *{ margin-top:.35em !important; }
.rp2-excerpt__body::after{
  content:"" !important; position:absolute !important; left:0; right:0; bottom:0; height:36px !important;
  background:linear-gradient(to bottom, rgba(255,255,255,0), #fff) !important; pointer-events:none !important;
  opacity:1 !important; transition:opacity .2s ease !important;
}
/* When open, allow a very large height so it animates without inline JS */
.rp2-excerpt__body.rp2-open{ max-height:2000px !important; }
.rp2-excerpt__body.rp2-open::after{ opacity:0 !important; }

/* Toggle button */
button.rp2-excerpt__toggle,
.elementor :is(button).rp2-excerpt__toggle,
:is(.btn,.button,button,[type=submit],[type=button]).rp2-excerpt__toggle{
  all:unset !important; position:absolute !important; left:50% !important; transform:translateX(-50%) !important;
  bottom:0 !important; width:24px !important; height:24px !important; border-radius:50% !important;
  display:grid !important; place-items:center !important; background:var(--repair-red) !important; color:#fff !important;
  border:2px solid transparent !important; box-shadow:0 6px 18px rgba(0,0,0,.08) !important; cursor:pointer !important; z-index:5 !important;
}
.rp2-excerpt__toggle[aria-expanded="true"]{ background:#fff !important; color:var(--repair-red) !important; border-color:var(--repair-red) !important; }
.rp2-excerpt__toggle .rp2-icon{ font-size:20px !important; font-weight:800 !important; line-height:1 !important; }
.rp2-excerpt__toggle .rp2-icon[data-icon="minus"]{ display:none !important; }
.rp2-excerpt__toggle[aria-expanded="true"] .rp2-icon[data-icon="plus"]{ display:none !important; }
.rp2-excerpt__toggle[aria-expanded="true"] .rp2-icon[data-icon="minus"]{ display:inline !important; }
.rp2-excerpt__toggle .rp2-sr{
  position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; overflow:hidden !important;
  clip:rect(0,0,0,0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; border:0 !important;
}

/* Ingredients accordion */
.rp2-acc{ margin-top:16px !important; border-top:1px solid rgba(0,0,0,.1) !important; }
.rp2-acc__header{
  width:100% !important; text-align:left !important; padding:12px 0 !important; background:none !important; border:none !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important; font-weight:700 !important; cursor:pointer !important;
}
.rp2-acc__chev{ transition:transform .25s ease !important; }
.rp2-acc__header[aria-expanded="true"] .rp2-acc__chev{ transform:rotate(-180deg) !important; }

.rp2-acc__panel{
  overflow:hidden !important;
  max-height:0 !important;                     /* closed */
  transition:max-height .34s ease !important;
}
/* OPEN via aria-expanded on header (no inline JS needed) */
.rp2-acc__header[aria-expanded="true"] + .rp2-acc__panel{
  max-height:2000px !important;                /* open */
}
.rp2-acc__inner{ padding:6px 0 14px !important; border-bottom:1px solid rgba(0,0,0,.08) !important; }