/* Skinny Collagen ntv2, A2/B2 layer: Happy Mammoth visual system (photos, colour blocks, line icons, seals, reviews).
   Loads after hm-ntv2.css (and hm-ntv2-b.css for B2). Only selectors under body.hm2. */
body.hm2{--hm2-ink:#1d1b1c;--hm2-rose:#e6a9b4;--hm2-blush:#fff1f4;--hm2-butter:#fff6d9;--hm2-cream:#fbf6f0;--hm2-mint:#e9f7f1;--hm2-peach:#ffeedd;--hm2-gold:#d9a531}
body.hm2,body.hm2 p{font-size:21px;line-height:1.65}
body.hm2 h1{font-size:48px;line-height:1.15;text-wrap:balance}
body.hm2 h3{text-wrap:balance}

/* ---------- Colour blocks (one soft field per chapter) ---------- */
body.hm2 .first-section{background:var(--hm2-blush);padding-bottom:56px}
body.hm2 .third-section{background:var(--hm2-butter);padding-top:56px;padding-bottom:56px}
body.hm2 .second-section{background:#fff}
body.hm2 .sixth-section{background:var(--hm2-cream);padding-bottom:56px}
body.hm2 .seventh-section{background:var(--hm2-mint)}
body.hm2 .second-section.py-5{background:var(--hm2-blush)}
body.hm2 .eighth-section{background:#fff}
body.hm2 .bonus40-section{background:var(--hm2-peach)}
body.hm2 .seventh-section.mb-5{background:var(--hm2-cream);margin-bottom:0 !important;padding-bottom:64px !important}

/* ---------- Photos: soft rounded, light shadow ---------- */
body.hm2 img[src*="/hm2-"]{border-radius:22px}
body.hm2 .first-section .row img,body.hm2 .sixth-section .row img,body.hm2 img[src*="hm2-happy"]{box-shadow:0 14px 34px rgba(120,60,70,.12)}
body.hm2 img[src*="hm2-jar.webp"]{border-radius:26px;box-shadow:0 18px 40px rgba(150,70,85,.18);margin-bottom:28px;padding:0 !important}

/* ---------- Story lines: each line a white card on the colour field (breaks long text) ---------- */
body.hm2 .first-section .line-list li,body.hm2 .sixth-section .line-list li{background:#fff;border-radius:18px;padding:22px 26px 20px 34px;margin-bottom:16px;box-shadow:0 4px 14px rgba(120,60,70,.06)}
body.hm2 .first-section .line-list li:before,body.hm2 .sixth-section .line-list li:before{left:14px;top:22px;bottom:22px;height:auto}
body.hm2 .line-list li h2{font-size:27px;line-height:1.4}

/* ---------- Drawn line icons ---------- */
body.hm2 .hm2-svg{width:100%;height:100%;display:block}
body.hm2 .hm2-ico{position:absolute;top:50%;transform:translateY(-50%);width:62px;height:62px;padding:13px;border-radius:50%;background:#fff;border:2.5px solid var(--hm2-rose);color:#d9587e;box-shadow:0 0 0 6px var(--hm2-blush)}
body.hm2 .blockquote .hm2-ico.img-left{left:-26px}
body.hm2 .blockquote .hm2-ico.img-right{right:-26px;left:auto}
body.hm2 .blockquote{position:relative}
body.hm2 .act-card .text-center::before{display:none}
body.hm2 .hm2-how-ico{width:96px;height:96px;padding:24px;border-radius:50%;background:#fff;border:2px solid var(--hm2-rose);box-shadow:0 0 0 8px #fff;color:#d9587e}
body.hm2 #ticker-tape .hm2-tick{display:inline-block;width:26px;height:26px;vertical-align:-6px;margin-right:6px;color:#fff}

/* ---------- Trust seals (gold round seals on butter band) ---------- */
body.hm2 .hm2-trust{background:var(--hm2-butter);padding:34px 0;border-top:1px solid #f4e6b8;border-bottom:1px solid #f4e6b8}
body.hm2 .hm2-seals{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1040px}
body.hm2 .hm2-seals li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
body.hm2 .hm2-seal{width:92px;height:92px;border-radius:50%;padding:24px;color:#9a6a0e;background:radial-gradient(circle at 35% 30%,#fff3c4 0,#f3cf6a 55%,#d9a531 100%);box-shadow:inset 0 0 0 4px rgba(255,255,255,.55),inset 0 0 0 7px rgba(154,106,14,.35),0 6px 14px rgba(154,106,14,.18)}
body.hm2 .hm2-seal-t{font-family:var(--hm-h);font-weight:700;font-size:18px;line-height:1.3;color:var(--hm2-ink);max-width:220px}

/* ---------- Reviews: HM white cards, initials avatar, stars ---------- */
body.hm2 .second-section .bubble,body.hm2 .second-section .bubble-left{border:1.5px solid #f0dfe3;border-radius:20px !important;box-shadow:0 10px 26px rgba(120,60,70,.07)}
body.hm2 .hm-name{display:grid !important;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center}
body.hm2 .hm2-av{grid-row:1 / span 2;width:48px;height:48px;border-radius:50%;background:var(--hm2-blush);border:2px solid var(--hm2-rose);color:#c24a72;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;letter-spacing:.04em}
body.hm2 .hm2-who{font-size:19px;font-weight:700;color:var(--hm2-ink)}
body.hm2 .hm2-stars::before{font-size:20px}

/* ---------- How it works: ingredient photo circles ---------- */
body.hm2 .seventh-section img[src*="hm2-ing-"]{border-radius:50%;width:190px;max-width:70%;aspect-ratio:1;object-fit:cover;padding:0 !important;border:6px solid #fff;box-shadow:0 0 0 2px var(--hm2-rose),0 10px 24px rgba(120,60,70,.12)}
body.hm2 .outline-box-red,body.hm2 .outline-box-yellow,body.hm2 .outline-box-green{border-color:#f0e4e7 !important}

/* ---------- "Every day you wait": photo circles with labels (replaces the diagram image) ---------- */
body.hm2 .hm2-dg{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1000px;margin:26px auto 10px}
body.hm2 .hm2-dg figure{margin:0;text-align:center}
body.hm2 .hm2-dg img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50% !important;border:6px solid #fff;box-shadow:0 0 0 2.5px var(--hm2-rose),0 12px 26px rgba(120,60,70,.14)}
body.hm2 .hm2-dg figcaption{margin-top:16px;font-family:var(--hm-h);font-weight:700;font-size:22px;color:var(--hm2-ink)}

/* ---------- Guarantee band ---------- */
body.hm-a2 #mbg-section{background:var(--hm2-butter) url("../img/hm2-a2/hm2-mbg.webp") no-repeat right center !important;background-size:cover !important}
body.hm2 .hm2-mbg-mob{border-radius:0 !important;width:100%;margin-bottom:12px}

/* ---------- Right Now You Can: HM checklist rows, jar on a rose arch ---------- */
body.hm2 .eighth-section .line-list li{background:var(--hm2-blush);border-radius:999px;padding:14px 22px 14px 64px;margin-bottom:12px;position:relative}
body.hm2 .eighth-section .line-list li:before{content:"";left:18px;top:50%;transform:translateY(-50%);width:32px;height:32px;bottom:auto;border-radius:50%;background:#66ceaa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/18px no-repeat}
body.hm2 .eighth-section .line-list li h2{font-size:24px;margin:0}
body.hm2 .index4-offer-image{background:linear-gradient(180deg,#f6cfd6 0,#f9dde2 100%);border-radius:240px 240px 28px 28px;padding:56px 24px 34px}

/* ---------- B2 product top + detail panels ---------- */
body.hm-b2 .hm-main{background:linear-gradient(180deg,#f6cfd6 0,#fbe6ea 100%)}
body.hm-b2 .hm-main img[src*="/hm2-"],body.hm-b2 .hm-thumb img[src*="/hm2-"]{border-radius:inherit;object-fit:cover}
body.hm2 .hm2-acc-photo{border-radius:16px !important;margin:6px 0 18px;width:100%}
body.hm2.hm2-open details.hm-acc > summary{pointer-events:none}
body.hm2.hm2-open details.hm-acc .hm-acc-ico{display:none}

/* ---------- Tablet ---------- */
@media (max-width:991px){
  body.hm2 h1{font-size:40px}
  body.hm2 .hm2-seals{grid-template-columns:repeat(2,1fr);row-gap:28px}
}
/* ---------- Phone ---------- */
@media (max-width:767px){
  body.hm2,body.hm2 p{font-size:19px}
  body.hm2 h1{font-size:32px}
  body.hm2 .line-list li h2{font-size:23px}
  body.hm2 .first-section .line-list li,body.hm2 .sixth-section .line-list li{padding:18px 18px 16px 30px}
  body.hm2 .hm2-ico{width:50px;height:50px;padding:10px;box-shadow:0 0 0 4px var(--hm2-blush)}
  body.hm2 .blockquote .hm2-ico.img-left{left:-18px}
  body.hm2 .blockquote .hm2-ico.img-right{right:-18px}
  body.hm2 .blockquote:has(.hm2-ico.img-right){padding:22px 40px 22px 22px}
  body.hm2 .blockquote:has(.hm2-ico.img-left){padding:22px 22px 22px 40px}
  body.hm2 .hm2-how-ico{width:84px;height:84px;padding:20px}
  body.hm2 .hm2-trust{padding:26px 0}
  body.hm2 .hm2-seal{width:76px;height:76px;padding:19px}
  body.hm2 .hm2-seal-t{font-size:16px}
  body.hm2 .hm2-dg{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 10px}
  body.hm2 .hm2-dg figcaption{font-size:19px;margin-top:10px}
  body.hm2 .eighth-section .line-list li{padding:12px 16px 12px 58px}
  body.hm2 .eighth-section .line-list li h2{font-size:20px}
  body.hm2 .index4-offer-image{border-radius:180px 180px 22px 22px;padding:40px 16px 24px}
  body.hm2 .seventh-section img[src*="hm2-ing-"]{width:170px}
  body.hm2 .first-section img[src*="hm2-jar.webp"]{max-width:84%}
}

/* fixes after first review */
body.hm2 .hm2-dg img{height:auto !important;max-width:100%}
body.hm2 .first-section img.pl-md-5{padding-left:0 !important}
@media (min-width:768px){ body.hm2 .first-section .col-md-6.order-md-2 img{margin-left:3rem;width:calc(100% - 3rem)} }
body.hm2 .outline-box-red p,body.hm2 .outline-box-yellow p,body.hm2 .outline-box-green p{font-size:19px !important;line-height:1.55}