.product-page {
  --p-ink:#18184c;
  --p-soft:#4c4b6a;
  --p-lav:#c9c1ff;
  --p-lav2:#aaa1ef;
  --p-coral:#ff705c;
  --p-pink:#d30b66;
  --p-purple:#69105f;
  --p-green:#559c68;
  --p-mint:#f2fbf2;
  --p-line:rgba(24,24,76,.13);
  --p-shadow:0 28px 80px rgba(36,20,46,.12);
  background:var(--paper);
}

.product-page .product-top { position:relative; z-index:25; background:var(--paper); }
.product-page .products-trigger[aria-current="page"] { color:var(--berry); background:var(--cream); }

.product-main {
  width:min(1880px,calc(100% - 44px));
  margin:0 auto;
}

/* HERO ---------------------------------------------------- */
.product-hero {
  position:relative;
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.78fr);
  gap:clamp(28px,4vw,72px);
  overflow:hidden;
  isolation:isolate;
  padding:clamp(42px,5vw,80px);
  border-radius:clamp(34px,4vw,62px);
  background:
	radial-gradient(circle at 29% 24%,rgba(255,255,255,.43) 0 20%,transparent 20.2%),
	linear-gradient(120deg,#dcd7ff 0%,#beb6f6 54%,#aaa2ef 100%);
  box-shadow:0 22px 80px rgba(50,35,100,.08);
}

.product-hero::after {
  content:"";
  position:absolute;
  width:58%;
  height:73%;
  right:-13%;
  bottom:-25%;
  z-index:-2;
  border-radius:50% 42% 0 0;
  background:linear-gradient(145deg,#ff806a,#ff5947);
  transform:rotate(-9deg);
}

.product-blob {
  position:absolute;
  z-index:-3;
  border-radius:999px;
  pointer-events:none;
  will-change:transform;
}
.product-blob--one {
  width:520px;height:520px;left:12%;top:-230px;
  background:rgba(244,242,255,.42);
}
.product-blob--two {
  width:330px;height:330px;left:37%;bottom:-220px;
  background:rgba(75,59,145,.12);
}

.product-hero-copy {
  position:relative;
  z-index:3;
  min-height:590px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.product-breadcrumbs {
  display:flex;flex-wrap:wrap;gap:9px;
  margin-bottom:22px;
  color:rgba(24,24,76,.7);
  font-size:.78rem;
  font-weight:750;
}
.product-breadcrumbs a:hover { color:var(--berry); }

.product-title {
  max-width:760px;
  margin:0;
  color:var(--p-ink);
  font-family:"Arial Black",Impact,Arial,sans-serif;
  font-size:clamp(4.5rem,5vw,8.4rem);
  line-height:.84;
  letter-spacing:-.07em;
}

.product-lede {
  max-width:650px;
  margin:30px 0 0;
  color:#302d55;
  font-size:clamp(1rem,1.25vw,1.20rem);
  font-weight:620;
  line-height:1.62;
}

.product-mini-features {
  display:grid;
  grid-template-columns:repeat(4,minmax(105px,1fr));
  gap:20px;
  width:min(620px,100%);
  margin-top:34px;
}

.product-mini-feature {
  display:grid;
  gap:10px;
  justify-items:start;
  align-items:start;
  font-weight:850;
  font-size:.83rem;
  line-height:1.15;
  color:var(--p-ink);
  text-decoration:none;
}
.product-mini-icon {
  width:82px;height:82px;
  display:grid;place-items:center;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  transition:transform .35s var(--ease), filter .35s var(--ease);
}
.product-mini-icon img{
  width:78px;height:78px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 8px 10px rgba(42,31,95,.10));
  transition:transform .35s var(--ease), filter .35s var(--ease);
}
.product-mini-feature:hover .product-mini-icon {
  transform:translateY(-7px) rotate(-3deg) scale(1.05);
  filter:brightness(1.04) saturate(1.08);
}

.product-hero-art {
  position:relative;
  width:min(690px,92%);
  height:330px;
  margin-top:auto;
  margin-left:-2%;
  perspective:1200px;
  pointer-events:none;
}

.product-hero-art::before {
  content:"";
  position:absolute;
  left:9%;right:5%;bottom:2%;
  height:20%;
  border-radius:50%;
  background:rgba(35,28,78,.22);
  filter:blur(28px);
}

.product-hero-box {
  position:absolute;
  left:-1%;bottom:-5%;
  width:100%;height:118%;
  object-fit:contain;
  object-position:left bottom;
  filter:drop-shadow(0 28px 28px rgba(23,24,77,.2));
  transform-origin:50% 72%;
  will-change:transform;
}
.product-hero-box--echo { display:none; }
.product-hero-box--main { z-index:2; }


/* High-resolution product hero artwork */
.product-hero-approved-art{
  position:absolute;
  left:-8%;
  bottom:-7%;
  width:116%;
  height:auto;
  object-fit:contain;
  object-position:left bottom;
  border-radius:0;
  filter:drop-shadow(0 28px 28px rgba(23,24,77,.20));
  transform-origin:50% 72%;
  will-change:transform;
}

/* Interactive icon band below the banner */
.product-feature-band--approved{
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  border:1px solid var(--p-line);
  border-radius:28px;
  overflow:hidden;
  background:#fff;
}
.product-feature-item{
  position:relative;
  min-height:178px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:10px;
  padding:26px 16px;
  text-align:center;
  text-decoration:none;
  color:var(--p-ink);
  transition:background .3s var(--ease), transform .3s var(--ease);
}
.product-feature-item + .product-feature-item::before{
  content:"";
  position:absolute;
  left:0; top:20%; bottom:20%; width:1px;
  background:var(--p-line);
}
.product-feature-item:hover{background:linear-gradient(180deg,#fff 0%, #fff8fc 100%); transform:translateY(-2px);}
.product-feature-icon{
  width:92px;height:92px;
  display:grid;place-items:center;
  background:transparent;
  border-radius:0;
  box-shadow:none;
  transition:transform .35s var(--ease), filter .35s var(--ease);
}
.product-feature-icon img{
  width:86px;height:86px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 9px 12px rgba(48,36,104,.10));
}
.product-feature-item:hover .product-feature-icon{
  transform:translateY(-8px) rotate(-3deg) scale(1.06);
  filter:brightness(1.04) saturate(1.08);
  box-shadow:none;
}
.product-feature-item h3{margin:0;font-size:.94rem;line-height:1.16;color:var(--p-ink);}
.product-feature-band--approved .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* New 4K icon set is optically balanced at source. */
.product-feature-icon img,
.product-mini-icon img { image-rendering:auto; }

/* Mailer Boxes product-page media tuning */
.product-page--mailer .product-hero-approved-art{
  left:-3%;
  bottom:-4%;
  width:107%;
  border-radius:0;
  object-fit:contain;
  object-position:left bottom;
  image-rendering:auto;
  -webkit-mask-image:radial-gradient(ellipse 96% 96% at 49% 57%,#000 0%,#000 74%,rgba(0,0,0,.92) 84%,rgba(0,0,0,.55) 92%,transparent 100%);
		  mask-image:radial-gradient(ellipse 96% 96% at 49% 57%,#000 0%,#000 74%,rgba(0,0,0,.92) 84%,rgba(0,0,0,.55) 92%,transparent 100%);
  filter:drop-shadow(0 26px 28px rgba(23,24,77,.13));
}
.product-page--mailer .product-story-visual{background:linear-gradient(145deg,#fff8f3,#f7f0ee);}
.product-page--mailer .product-story-sprite{width:min(100%,650px);}
.product-page--mailer .product-eco-visual img{width:min(100%,760px);height:auto;object-fit:contain;}

/* QUOTE CARD --------------------------------------------- */
.product-quote-card {
  position:relative;
  z-index:5;
  align-self:center;
  padding:clamp(26px,2.2vw,44px);
  border:1px solid rgba(255,255,255,.72);
  border-radius:32px;
  background:rgba(255,253,249,.95);
  box-shadow:var(--p-shadow);
  backdrop-filter:blur(18px);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.product-quote-card:hover {
  transform:translateY(-4px);
  box-shadow:0 34px 96px rgba(35,25,77,.17);
}
.product-quote-card h2 {
  margin:0 0 24px;
  color:var(--p-ink);
  font:900 clamp(2rem,2.4vw,3rem)/.95 "Arial Black",Impact,Arial,sans-serif;
  letter-spacing:-.04em;
}
.product-quote-card h2 span {
  display:inline-block;
  margin-left:8px;
  color:#ff2d73;
  font:700 1.55rem/1 Arial,sans-serif;
  transform:rotate(16deg);
}

.product-quote-form { display:grid;gap:10px; }
.product-field { display:grid;gap:7px; }
.product-field>span,.product-fieldset>span {
  font-size:.7rem;font-weight:900;color:#31325d;
}

.product-field input,.product-field select,.product-field textarea,
.product-fieldset input,.product-fieldset select {
  width:100%;
  min-height:45px;
  border:1px solid rgba(23,24,77,.14);
  border-radius:10px;
  outline:none;
  padding:10px 13px;
  color:var(--p-ink);
  font-size:14px;
  background:#fff;
  transition:border-color .2s,box-shadow .2s;
}
.product-field input:focus,.product-field select:focus,.product-field textarea:focus,
.product-fieldset input:focus,.product-fieldset select:focus {
  border-color:#6759ba;
  box-shadow:0 0 0 4px rgba(102,88,185,.1);
}
.product-field textarea { min-height:70px;resize:vertical; }
.product-fieldset { display:grid;gap:8px; }
.product-inline { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.product-inline--size { grid-template-columns:repeat(3,1fr) 72px; }
.co-inline-size{grid-template-columns:repeat(2,1fr)}

.product-submit {
  min-height:52px;
  border:0;border-radius:10px;
  color:#fff;
  background:linear-gradient(90deg,#5b1558,#79106d);
  font-weight:900;
  cursor:pointer;
  transition:transform .25s var(--ease),filter .25s;
}
.product-submit:hover { transform:translateY(-2px);filter:brightness(1.08); }

.product-quote-benefits {
  display:flex;flex-wrap:wrap;justify-content:space-between;
  gap:10px 16px;
  margin:4px 0 0;padding:0;
  list-style:none;
  color:#272752;
  font-size:.68rem;font-weight:850;
}
.product-quote-benefits li::before { content:"✓";margin-right:6px;color:#ff2d73; }
.product-form-status { min-height:inherit !important; margin:0;color:var(--p-green);font-size:.74rem;font-weight:800; }

/* ICON BAND — heading only, no body copy ---------------- */
.product-feature-band {
  margin-top:26px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  border:1px solid var(--p-line);
  border-radius:28px;
  background:#fff;
  overflow:hidden;
}
.product-feature {
  position:relative;
  min-height:178px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:13px;
  padding:28px 18px;
  text-align:center;
}
.product-feature+.product-feature::before {
  content:"";
  position:absolute;
  left:0;top:22%;bottom:22%;
  width:1px;background:var(--p-line);
}
.product-feature img {
  width:62px;
  height:62px;
  object-fit:contain;
  transition:transform .35s var(--ease);
}
.product-feature:hover img { transform:translateY(-7px) rotate(-4deg); }
.product-feature h3 {
  margin:0;color:var(--p-ink);
  font-size:.94rem;line-height:1.15;
}

/* CATEGORY STORY ----------------------------------------- */
.product-story {
  margin-top:26px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(34px,5vw,84px);
  align-items:center;
  min-height:520px;
  padding:clamp(34px,4vw,70px);
  border:1px solid var(--p-line);
  border-radius:32px;
  background:#fff;
  overflow:hidden;
}

.product-story-visual {
  position:relative;
  min-height:390px;
  border-radius:27px;
  overflow:hidden;
  background:
	radial-gradient(circle at 62% 36%,rgba(203,194,255,.36),transparent 28%),
	linear-gradient(145deg,#fff8f2,#f8f2ee);
  display:grid;
  place-items:center;
  padding:24px;
}

.product-story-sprite {
  display:block;
  width:min(100%, 680px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 24px 22px rgba(23,24,77,.13));
  transition:transform .85s var(--ease);
}
.product-story:hover .product-story-sprite { transform:scale(1.035) rotate(-1deg); }

.product-story-copy { max-width:690px; }
.product-story-copy .eyebrow { color:#ff2d73;margin-bottom:16px; }
.product-story-copy h2 {
  margin:0;color:var(--p-ink);
  font:900 clamp(2.7rem,4.3vw,5.7rem)/.93 "Arial Black",Impact,Arial,sans-serif;
  letter-spacing:-.055em;
}
.product-story-copy p {
  margin:24px 0 0;
  color:var(--p-soft);
  font-size:clamp(1rem,1.25vw,1.22rem);
  line-height:1.72;
}
.product-story-copy .arrow-button { margin-top:30px; }

/* STICKY FLAG-INSPIRED PRODUCTION STRIP ----------------- */
.product-standard-stage{
  position:relative;
  height:285px;
  margin-top:26px;
  margin-bottom:-38px;
  isolation:isolate;
}
.product-standard-pin{
  position:sticky;
  top:96px;
  height:220px;
  overflow:hidden;
  border:1px solid var(--p-line);
  border-radius:28px;
  background:#fff7f2;
  box-shadow:0 18px 50px rgba(54,41,83,.055);
}
.product-standard-flag{
  position:absolute;
  inset:-14px;
  display:grid;
  grid-template-columns:46% 54%;
  transform:translate3d(0,var(--flag-shift,0px),0) scale(1.025);
  transition:transform .12s linear;
  will-change:transform;
}
.product-standard-stripes{
  background:repeating-linear-gradient(90deg,#fff7f2 0 76px,#f5d8c5 76px 152px);
}
.product-standard-stars{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  grid-template-rows:repeat(4,1fr);
  place-items:center;
  padding:14px 22px;
  background:#fff7f2;
  color:#f2d3bf;
  font-size:clamp(2rem,3vw,3.7rem);
  line-height:1;
  transform:translate3d(0,calc(var(--flag-shift,0px) * -.38),0);
  will-change:transform;
}
.product-standard-copy{
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  top:0;
  height:220px;
  display:grid;
  align-content:center;
  justify-items:center;
  padding:30px 8%;
  text-align:center;
  pointer-events:none;
  transform:translate3d(0,var(--copy-shift,0px),0);
  will-change:transform;
}
.product-standard-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
  color:#596ba8;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.product-standard-kicker::before,
.product-standard-kicker::after{
  content:"";
  width:26px;
  height:2px;
  border-radius:2px;
  background:rgba(89,107,168,.34);
}
.product-standard-copy h2{
  max-width:1180px;
  margin:0;
  color:#314b9b;
  font:800 clamp(2.15rem,3.55vw,4.25rem)/.98 Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;
  text-shadow:0 1px rgba(255,255,255,.82);
}

/* LARGE SUSTAINABILITY SECTION --------------------------- */
.product-sustainability {
  position:relative;
  min-height:540px;
  margin-top:26px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:clamp(30px,4.5vw,80px);
  align-items:center;
  padding:clamp(52px,5vw,92px);
  overflow:hidden;
  border:1px solid rgba(69,142,87,.18);
  border-radius:32px;
  background:
	radial-gradient(circle at 22% 54%,rgba(207,242,214,.58),transparent 36%),
	linear-gradient(110deg,#fcfffc,#f4fbf3 55%,#fff 100%);
}

.product-sustainability-art {
  position:relative;
  min-height:390px;
  display:grid;place-items:center;
}

.eco-scene {
  width:min(760px,100%);
  filter:drop-shadow(0 20px 22px rgba(45,108,62,.09));
  transform-origin:50% 75%;
  will-change:transform;
}


.product-sustainability-copy h2 {
  margin:0;color:var(--p-ink);
  font:900 clamp(2.8rem,4vw,5.3rem)/.95 "Arial Black",Impact,Arial,sans-serif;
  letter-spacing:-.05em;
}
.product-sustainability-copy>p {
  max-width:670px;
  margin:22px 0 0;
  color:#4a5960;
  font-size:clamp(1rem,1.2vw,1.2rem);
  line-height:1.7;
}

.product-eco-points {
  display:grid;
  grid-template-columns:repeat(4,minmax(90px,1fr));
  gap:18px;
  margin-top:30px;
}
.product-eco-point {
  display:grid;gap:9px;align-content:start;
  color:#355d40;font-size:.77rem;font-weight:850;
}
.product-eco-point b {
  width:68px;height:68px;
  display:grid;place-items:center;
  border:1px solid rgba(72,144,89,.24);
  border-radius:50%;
  background:#fff;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.product-eco-point b img{width:58px;height:58px;object-fit:contain;display:block;}
.product-eco-point:hover b{
  transform:translateY(-5px) scale(1.06);
  box-shadow:0 14px 24px rgba(45,108,62,.10);
}
.product-sustainability-copy .arrow-button { margin-top:28px;min-height:48px; }


/* MAILER PREMIUM VISUAL PASS — 2026 -------------------------------- */
.product-page--mailer .product-hero-copy{min-height:610px;}
.product-page--mailer .product-lede{max-width:690px;}

.product-hero-meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:11px 15px;
  margin-top:25px;padding:12px 17px;
  border:1px solid rgba(24,24,76,.10);border-radius:999px;
  background:rgba(255,255,255,.34);backdrop-filter:blur(10px);
  color:#34345f;font-size:.72rem;font-weight:850;letter-spacing:.035em;
}
.product-hero-meta i{width:4px;height:4px;border-radius:50%;background:#e55b7d;}

.product-page--mailer .product-hero-art{
  position:relative;
  width:min(780px,100%);
  height:360px;
  margin-top:auto;
  margin-left:0;
  overflow:visible;
  display:grid;
  place-items:end center;
  isolation:isolate;
}
.product-page--mailer .product-hero-art::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:12%;
  right:10%;
  bottom:2%;
  height:14%;
  border-radius:50%;
  background:rgba(38,29,77,.14);
  filter:blur(30px);
  transform:scaleX(.96);
}
.product-page--mailer .product-hero-art::after{
  content:"";
  position:absolute;
  z-index:-2;
  width:86%;
  aspect-ratio:1.65;
  left:5%;
  bottom:6%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.24) 0%,rgba(255,255,255,.08) 48%,transparent 72%);
  filter:blur(5px);
}
.product-page--mailer .product-hero-approved-art{
  position:absolute;
  inset:auto 0 0 0;
  width:100%;
  height:100%;
  max-width:none;
  border-radius:0;
  object-fit:contain;
  object-position:center bottom;
  background:transparent;
  -webkit-mask-image:none;
		  mask-image:none;
  filter:saturate(1.01) contrast(1.01) drop-shadow(0 26px 24px rgba(23,24,77,.16));
  transform:translate3d(0,2px,0) scale(.98);
  transition:filter .55s var(--ease),transform .55s var(--ease);
}
.product-page--mailer .product-hero:hover .product-hero-approved-art{
  transform:translate3d(0,-5px,0) scale(1.005);
  filter:saturate(1.03) contrast(1.02) drop-shadow(0 34px 30px rgba(23,24,77,.18));
}

/* Story art: transparent product render, no inner white image patch. */
.product-page--mailer .product-story-visual{
  overflow:visible;
  background:
	radial-gradient(circle at 46% 54%,rgba(201,193,255,.34),transparent 37%),
	linear-gradient(145deg,#fff8f4,#f7f0ef);
}
.product-page--mailer .product-story-visual::before{
  content:"";position:absolute;inset:12% 11%;border-radius:45%;
  background:rgba(255,255,255,.44);filter:blur(24px);pointer-events:none;
}
.product-page--mailer .product-story-sprite{
  position:relative;z-index:2;width:min(108%,760px);background:transparent;
  -webkit-mask-image:radial-gradient(ellipse 96% 92% at 50% 54%,#000 0%,#000 72%,rgba(0,0,0,.88) 82%,rgba(0,0,0,.38) 92%,transparent 100%);
		  mask-image:radial-gradient(ellipse 96% 92% at 50% 54%,#000 0%,#000 72%,rgba(0,0,0,.88) 82%,rgba(0,0,0,.38) 92%,transparent 100%);
  filter:drop-shadow(0 28px 26px rgba(23,24,77,.13));
}

/* Sustainability — clean editorial treatment inspired by premium packaging sites.
   No white image patch, no circles, no icon clutter. */
.product-page--mailer .product-sustainability{
  position:relative;
  min-height:570px;
  grid-template-columns:1.08fr .92fr;
  gap:clamp(42px,5vw,88px);
  align-items:center;
  padding:clamp(46px,4.8vw,78px);
  border-color:rgba(63,122,78,.13);
  background:
	radial-gradient(circle at 23% 52%,rgba(224,245,225,.50),transparent 34%),
	linear-gradient(90deg,#fbfefb 0%,#fff 55%,#fff 100%);
  box-shadow:0 20px 56px rgba(41,76,51,.05);
}

.product-page--mailer .product-sustainability::before{
  content:"";
  position:absolute;
  left:0;
  top:12%;
  bottom:12%;
  width:50%;
  background:linear-gradient(90deg,rgba(229,247,230,.22),transparent 88%);
  pointer-events:none;
}

.product-page--mailer .product-sustainability-art{
  position:relative;
  min-height:455px;
  display:grid;
  place-items:center;
  overflow:visible;
  isolation:isolate;
  cursor:default;
  background:transparent;
}
.product-page--mailer .product-sustainability-art::before{
  content:"";
  position:absolute;
  z-index:-2;
  width:92%;
  aspect-ratio:1.35;
  border-radius:50%;
  background:radial-gradient(circle,rgba(218,243,220,.42) 0%,rgba(235,249,236,.20) 49%,transparent 72%);
  filter:blur(7px);
}
.product-page--mailer .product-sustainability-art::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:14%;right:10%;bottom:3%;height:10%;
  border-radius:50%;
  background:rgba(48,93,61,.07);
  filter:blur(32px);
  transition:transform .65s var(--ease),opacity .65s var(--ease);
}
.product-page--mailer .eco-scene{
  position:relative;
  z-index:2;
  display:block;
  width:min(124%,980px);
  height:auto;
  margin-left:-5%;
  object-fit:contain;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 20px 20px rgba(44,85,56,.055));
  transform-origin:50% 72%;
  transition:transform .78s cubic-bezier(.2,.72,.24,1),filter .78s ease;
  will-change:transform;
}

.product-page--mailer .product-sustainability:hover .eco-scene{
  transform:translate3d(8px,-9px,0) rotate(-.65deg) scale(1.018);
  filter:drop-shadow(0 30px 27px rgba(44,85,56,.11));
}

.product-page--mailer .product-sustainability:hover .product-sustainability-art::after{
  transform:translateX(8px) scale(.94);
  opacity:.68;
}

.product-sustainability-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 18px!important;
  color:#36784b!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.product-sustainability-kicker::before{
  content:"";
  width:26px;height:2px;border-radius:2px;background:#5ca36d;
}

.product-page--mailer .product-sustainability-copy{
  position:relative;
  z-index:2;
  max-width:720px;
}

.product-page--mailer .product-sustainability-copy h2{
  max-width:650px;
  margin-bottom:22px;
}

.product-page--mailer .product-sustainability-copy>p:not(.product-sustainability-kicker){
  max-width:650px;
  color:#4a5260;
}

.product-sustainability-notes{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  max-width:610px;
  margin-top:28px;
  border-top:1px solid rgba(47,95,59,.12);
}

.product-sustainability-notes span{
  position:relative;
  display:flex;
  align-items:center;
  min-height:48px;
  padding:12px 0 12px 30px;
  border-bottom:1px solid rgba(47,95,59,.12);
  color:#355443;
  font-size:.78rem;
  font-weight:830;
  background:transparent;
}

.product-sustainability-notes span::before{
  content:"";
  position:absolute;
  left:2px;
  width:10px;height:10px;
  border-radius:2px;
  background:#75b47e;
  transform:rotate(45deg);
}

.product-page--mailer .product-sustainability-copy .eco-learn-more{
  margin-top:30px;
  display:inline-flex;
  min-height:48px;
  align-items:center;
  gap:16px;
  padding:0 20px;
  border:1px solid rgba(47,95,59,.14);
  border-radius:12px;
  background:#e5f3e5;
  color:#244c31;
  font-size:.76rem;
  font-weight:900;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.045em;
  transition:background .3s ease,color .3s ease,transform .3s var(--ease),box-shadow .3s ease;
}

.product-page--mailer .product-sustainability-copy .eco-learn-more b{
  display:grid;place-items:center;
  width:30px;height:30px;
  border-left:1px solid rgba(36,76,49,.18);
  padding-left:14px;
  font-size:1.05rem;
}

.product-page--mailer .product-sustainability-copy .eco-learn-more:hover{
  transform:translateY(-3px);
  color:#fff;
  background:#2f6a43;
  box-shadow:0 14px 30px rgba(47,106,67,.16);
}

/* CTA ----------------------------------------------------- */
.product-cta {
  position:relative;
  min-height:190px;
  margin-top:26px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:30px;
  align-items:center;
  overflow:hidden;
  padding:clamp(34px,4vw,60px) clamp(38px,6vw,96px);
  border-radius:32px 32px 0 0;
  background:linear-gradient(90deg,#e9e0ff 0%,#efcced 58%,#e9f7ea 100%);
}
.product-cta::after {
  content:"";
  position:absolute;
  width:320px;height:320px;
  right:-70px;bottom:-170px;
  border-radius:50%;
  background:rgba(255,255,255,.38);
}
.product-cta h2 {
  max-width:800px;margin:0;
  color:var(--p-ink);
  font:900 clamp(2.4rem,3.8vw,4.8rem)/.93 "Arial Black",Impact,Arial,sans-serif;
  letter-spacing:-.05em;
}
.product-cta-action { position:relative;z-index:2;text-align:center; }
.product-cta-action p { margin:10px 0 0;color:#4b4864;font-size:.72rem;font-weight:800; }

.product-page .editorial-footer { margin-top:0; }
.product-page .search-panel { z-index:500; }
.product-float { will-change:transform; }



/* APPROVED IMAGE PANELS ----------------------------------- */
.product-approved-panel {
  margin-top:26px;
  border:1px solid var(--p-line);
  border-radius:32px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 50px rgba(54,41,83,.055);
}
.product-approved-panel img {
  display:block;
  width:100%;
  height:auto;
}
.product-approved-panel--banner {
  background:#f9f5f0;
}
.product-approved-panel--sustainability {
  border-color:rgba(69,142,87,.18);
  background:#fbfefb;
  box-shadow:0 20px 56px rgba(41,76,51,.05);
}

@media(max-width:1180px){
  .product-hero{grid-template-columns:1fr;}
  .product-quote-card{width:min(760px,100%);}
  .product-hero-copy{min-height:560px;}
  .product-feature-band--approved{grid-template-columns:repeat(3,1fr);}
  .product-story,.product-sustainability{grid-template-columns:1fr;}
  .product-story-copy,.product-sustainability-copy{max-width:900px;}
  .product-sustainability-art{order:2;}
  .product-sustainability-copy{order:1;}
}

@media(max-width:760px){
  .product-main{width:min(100% - 22px,1880px);}
  .product-hero{padding:30px 22px;border-radius:28px;}
  .product-title{font-size:clamp(3.45rem,15vw,5.8rem);}
  .product-hero-copy{min-height:650px;}
  .product-feature-item:nth-child(odd)::before{display:none;}
  .product-mini-features{grid-template-columns:repeat(2,1fr);}
  .product-mini-icon{width:54px;height:54px;}
  .product-mini-icon img{width:48px;height:48px;}
  .product-hero-art{width:110%;height:285px;margin-left:-10%;}
  .product-quote-card{padding:24px 18px;border-radius:24px;}
  .product-inline,.product-inline--size{grid-template-columns:1fr 1fr;}
  .product-feature-band{grid-template-columns:repeat(2,1fr);border-radius:22px;}
  .product-feature:nth-child(odd)::before{display:none;}
  .product-feature:nth-child(4)::before{display:block;}
  .product-feature{min-height:152px;}
  .product-story,.product-sustainability{padding:28px 22px;border-radius:24px;}
  .product-story-visual{min-height:310px;}
  .product-standard-stage{height:248px;margin-bottom:-24px;}
  .product-standard-pin{top:76px;height:180px;border-radius:22px;}
  .product-standard-copy{height:180px;padding:24px 20px;}
  .product-standard-flag{grid-template-columns:48% 52%;}
  .product-standard-stars{font-size:1.6rem;padding:10px;}
  .product-sustainability{min-height:640px;}
  .product-sustainability-art{min-height:320px;}
  .product-eco-points{grid-template-columns:repeat(2,1fr);}
  .product-cta{grid-template-columns:1fr;padding:36px 24px;border-radius:24px 24px 0 0;}
  .product-cta-action{text-align:left;}
}

@media(prefers-reduced-motion:reduce){
  .eco-scene .leaf{animation:none;}
  .product-float{transform:none!important;}
}

/* FINAL MAILER SECTIONS — REAL DOM / REAL TEXT */
.product-standard-final{position:relative;min-height:255px;margin-top:26px;overflow:hidden;display:grid;place-items:center;padding:42px clamp(28px,6vw,100px);border:1px solid rgba(45,52,92,.10);border-radius:30px;background:#fffaf5;box-shadow:0 20px 55px rgba(47,35,74,.055);isolation:isolate;}
.product-standard-final-pattern{position:absolute;inset:-8%;z-index:-1;transform:translate3d(0,var(--standard-bg-shift,0px),0) scale(1.03);will-change:transform;}
.product-standard-final-stripes{position:absolute;inset:0 53% 0 0;background:repeating-linear-gradient(90deg,rgba(255,249,243,.98) 0 78px,rgba(244,220,201,.72) 78px 156px);opacity:.95;}
.product-standard-final-stars{position:absolute;inset:0 0 0 48%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);align-items:center;justify-items:center;padding:16px 22px;color:rgba(230,195,169,.56);font-style:normal;font-size:clamp(2.35rem,3.3vw,4.6rem);line-height:1;transform:translate3d(0,calc(var(--standard-bg-shift,0px) * -.28),0);will-change:transform;}
.product-standard-final-stars i{font-style:normal;}.product-standard-final-stars i:nth-child(3n){transform:rotate(8deg)}.product-standard-final-stars i:nth-child(4n){transform:rotate(-7deg);opacity:.72}
.product-standard-final-copy{position:relative;z-index:2;max-width:1180px;margin:auto;text-align:center;}
.product-standard-final-copy h2{margin:0;color:#17366d;font:700 clamp(2.5rem,4.25vw,5.7rem)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.045em;text-wrap:balance;}
.product-standard-final-rule{display:block;width:116px;height:3px;margin:24px auto 18px;border-radius:999px;background:#c8a36a;}
.product-standard-final-copy p{margin:0;color:#17366d;font-size:clamp(1.25rem,1.65vw,1.85rem);font-weight:650;letter-spacing:.005em;}

.product-sustainability-final{position:relative;min-height:640px;margin-top:26px;overflow:hidden;display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(36px,5vw,88px);align-items:center;padding:clamp(46px,4vw,84px);border:1px solid rgba(61,112,67,.13);border-radius:32px;background:radial-gradient(circle at 15% 48%,rgba(193,224,195,.50),transparent 32%),linear-gradient(90deg,#eef6ec 0%,#f7faf2 44%,#fffaf0 100%);box-shadow:0 22px 64px rgba(55,88,58,.06);isolation:isolate;}
.product-sustainability-final::after{content:"";position:absolute;right:-8%;bottom:-31%;width:58%;height:44%;border-radius:50% 50% 0 0/100% 100% 0 0;background:rgba(250,250,238,.82);transform:rotate(-4deg);pointer-events:none;z-index:0;}
.product-sustainability-final-art{position:relative;z-index:1;min-height:500px;display:grid;place-items:center;overflow:visible;}
.product-sustainability-final-art::after{content:"";position:absolute;left:14%;right:8%;bottom:5%;height:12%;border-radius:50%;background:rgba(44,86,48,.09);filter:blur(34px);z-index:-1;}
.product-sustainability-final-art img{display:block;width:min(118%,900px);max-width:none;height:auto;margin-left:-8%;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(48,82,50,.06));transition:transform .75s cubic-bezier(.2,.72,.24,1),filter .75s ease;will-change:transform;}
.product-sustainability-final:hover .product-sustainability-final-art img{transform:translate3d(8px,-8px,0) scale(1.016);filter:drop-shadow(0 28px 26px rgba(48,82,50,.09));}
.product-sustainability-final-copy{position:relative;z-index:2;max-width:760px;}
.product-sustainability-final-kicker{display:flex;align-items:center;gap:11px;margin:0 0 18px;color:#4c7651;font-size:.76rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase;}
.product-sustainability-final-kicker::before{content:"✧";color:#8cab62;font-size:1.1rem;letter-spacing:0;}
.product-sustainability-final-copy h2{margin:0;max-width:690px;color:#17492f;font:500 clamp(3.35rem,5.25vw,6.75rem)/.88 Georgia,"Times New Roman",serif;letter-spacing:-.055em;text-wrap:balance;}
.product-sustainability-final-intro{max-width:690px;margin:25px 0 0;color:#414a48;font-size:clamp(1rem,1.18vw,1.18rem);line-height:1.62;}
.product-sustainability-final-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:32px;border-top:1px solid rgba(48,83,49,.11);border-bottom:1px solid rgba(48,83,49,.11);}
.product-sustainability-final-grid article{min-height:182px;display:block;grid-template-columns:52px 1fr;gap:12px;align-content:start;padding:26px 22px 24px 0;transition:transform .32s var(--ease);}
.product-sustainability-final-grid article+article{border-left:1px solid rgba(48,83,49,.11);padding-left:22px;}.product-sustainability-final-grid article:hover{transform:translateY(-4px);}
.product-sustainability-final-grid img{width:48px;height:48px;object-fit:contain;display:block;}.product-sustainability-final-grid h3{margin:1px 0 10px;color:#244e34;font-size:.94rem;line-height:1.18;}.product-sustainability-final-grid p{margin:0;color:#526258;font-size:.76rem;line-height:1.65;}
.product-sustainability-final-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;}.product-sustainability-final-actions a{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:0 26px;border-radius:999px;text-decoration:none;text-transform:uppercase;font-size:.72rem;font-weight:900;letter-spacing:.07em;transition:transform .3s var(--ease),box-shadow .3s ease,background .3s ease;}.sustainability-primary{color:#fff;background:#1c5a35;box-shadow:0 13px 28px rgba(28,90,53,.16);}.sustainability-secondary{color:#31523b;border:1px solid rgba(49,82,59,.24);background:rgba(255,255,255,.56);}.product-sustainability-final-actions a:hover{transform:translateY(-3px);}
@media(max-width:1180px){.product-sustainability-final{grid-template-columns:1fr;}.product-sustainability-final-art{order:2;min-height:430px;}.product-sustainability-final-copy{order:1;max-width:900px;}}
@media(max-width:760px){.product-standard-final{min-height:210px;padding:32px 20px;border-radius:24px;}.product-standard-final-stripes{inset:0 58% 0 0;opacity:.7;}.product-standard-final-stars{inset:0 0 0 48%;font-size:1.8rem;padding:10px;}.product-standard-final-copy h2{font-size:clamp(2.1rem,10vw,3.25rem);}.product-standard-final-copy p{font-size:1.05rem;}.product-sustainability-final{padding:34px 22px;border-radius:24px;min-height:auto;}.product-sustainability-final-copy h2{font-size:clamp(3.2rem,14vw,5rem);}.product-sustainability-final-grid{grid-template-columns:1fr;}.product-sustainability-final-grid article,.product-sustainability-final-grid article+article{border-left:0;border-top:1px solid rgba(48,83,49,.10);padding:20px 0;min-height:auto;}.product-sustainability-final-grid article:first-child{border-top:0;}.product-sustainability-final-art{min-height:350px;}.product-sustainability-final-art img{width:112%;margin-left:-4%;}}

@media(max-width:760px){
  .product-page--mailer .product-hero-art{width:100%;height:300px;margin-left:0;}
  .product-page--mailer .product-hero-approved-art{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:scale(.98);}
}



/* FINAL HERO SIZE ONLY — approved true-PNG artwork */
@media (min-width:1181px){
  .product-page--mailer .product-hero-art{
	width:min(900px,112%);
	height:430px;
	margin-left:-5%;
	overflow:visible;
  }
  .product-page--mailer .product-hero-approved-art{
	left:-12%;
	right:auto;
	bottom:-9%;
	width:138%;
	height:138%;
	object-fit:contain;
	object-position:center bottom;
	transform:none;
  }
  .product-page--mailer .product-hero:hover .product-hero-approved-art{
	transform:translate3d(0,-5px,0) scale(1.012);
  }
}