.pure-hero,
.pure-p02,
.pure-drinks {
  --header: calc(var(--header-height, var(--rw-nav-height)) + var(--chapter-height, 48px));
}

.pure-hero { padding-block: clamp(24px, 4.5svh, 48px); }
.pure-hero .hero-line { font-size: clamp(19px, 2vw, 24px); }
.pure-hero .hero-price { margin: 0; }
.pure-p02 {
  --surface: var(--rw-subtle);
  --ink: var(--rw-ink);
  --muted: var(--rw-muted);
  --media-height: min(49svh, 500px, calc((100vw - 84px) / 1.75));
  background: var(--rw-subtle);
}

.pure-p02 .film-chapter { height: calc(100svh + clamp(430px, 95svh, 760px)); }
.pure-p02.is-reduced .film-chapter { height: auto; }
.pure-p02 .film-bottom { align-items: end; }
.pure-p02 .film-scroll { padding-block: 13px; }
.pure-p02 #film-play {
  background: var(--pill-bg);
  color: var(--pill-fg);
  border: 1px solid var(--pill-edge);
}
.pure-p02 #film-play:hover { border-color: var(--accent); }
.pure-p02 .extraction { min-height: 0; padding-bottom: 0; }
.pure-p02 .extraction-stage { position: relative; top: auto; padding-bottom: 0; }
.pure-p02 .extraction-heading { margin-bottom: 20px; }
.pure-p02 .extraction-heading h2 {
  margin: 0;
  font: 600 var(--rw-section-size) / var(--rw-section-leading) var(--rw-font);
  letter-spacing: var(--rw-section-tracking);
}
.pure-p02 .extraction-heading .extraction-description { margin-top: 8px; }
.pure-p02 .extraction-heading > .p02-brew-spec {
  margin: 6px 0 0;
  color: var(--rw-muted);
  font: 500 var(--rw-caption-size) / var(--rw-caption-leading) var(--rw-font);
}
.pure-p02 .transport button { min-width: 0; text-align: center; }
.pure-p02 #media-status:empty { display: none; }
.pure-p02 .pure-p02-tools {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  width: min(calc(var(--media-height) * 1.75 + 4px), calc(100% - var(--rw-gutter) * 2));
  padding-block: 8px 0;
}
.pure-p02-tools label {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  font-size: 13px;
}
.pure-p02-tools input { accent-color: var(--rw-ink); }
.pure-p02-tools .pill { font-size: 13px; }
.pure-p02:not(.is-enhanced) .pure-p02-tools,
.pure-p02:not(.is-enhanced) .transport { display: none; }

#p04,
#p06,
#p07,
.pure-faq {
  padding-block: clamp(38px, 6vw, 80px);
}
#p04 .rw-volume__intro { margin-bottom: 20px; }
#p04 .rw-volume__lead { margin-top: 8px; }
#p04 .rw-volume__switch { width: fit-content; max-width: 100%; background: transparent; }
#p04 .rw-volume__choice { min-width: min-content; flex: none; padding-inline: 14px; }
#p04 .rw-volume__guide-label { text-decoration: none; }
#p04 .rw-volume__guide-link { padding-inline: 16px; }
#p04 .rw-volume__photo { aspect-ratio: 3 / 1; }
#p04 .rw-volume__story,
#p04 .rw-volume__facts { margin-top: 18px; }
#p04 .rw-volume__facts { padding-top: 18px; }

.pure-drinks {
  --p05-wall-top: rgb(232, 229, 223);
  --p05-floor-edge: rgb(239, 237, 233);
  --p05-floor-bottom: rgb(247, 245, 241);
  padding-block: clamp(38px, 6vw, 80px);
  background: var(--rw-canvas);
}
.pure-drinks.is-enhanced:not(.is-reduced) { padding-bottom: 0; }
.p05-sticky { display: grid; gap: 14px; align-content: start; }
.pure-drinks.is-enhanced:not(.is-reduced) .p05-sticky {
  position: sticky;
  top: calc(var(--header) + 16px);
}
.pure-drinks.is-enhanced:not(.is-reduced)::after {
  content: "";
  display: block;
  height: clamp(430px, 84svh, 700px);
}
.p05-heading h2 { margin: 0; }
.p05-stage {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
  align-items: center;
  overflow: hidden;
  min-height: 300px;
  border-radius: var(--rw-radius-film);
  background: linear-gradient(to bottom, var(--p05-wall-top), var(--p05-floor-edge) 74.7%, var(--p05-floor-bottom));
}
.p05-copy-stack {
  display: grid;
  align-items: center;
  gap: 16px;
  padding: clamp(20px, 4vw, 56px);
}
.p05-copy h3 {
  margin: 0 0 8px;
  color: var(--rw-ink);
  font-weight: 600;
  font-size: clamp(27px, 5vw, 72px);
  line-height: 1.05;
  letter-spacing: -.055em;
}
.p05-copy p { margin: 0; color: var(--rw-muted); }
.p05-art {
  display: block;
  width: 100%;
  height: min(51svh, 470px);
}
.p05-controls { display: none; justify-content: center; flex-wrap: wrap; gap: 6px; }
.p05-controls .pill { min-height: 44px; padding-inline: clamp(9px, 2vw, 20px); }
.pure-drinks.is-enhanced .p05-controls { display: flex; }
.pure-drinks.is-enhanced .p05-copy { grid-area: 1 / 1; }
.pure-drinks.is-enhanced .p05-copy[aria-hidden="true"] { pointer-events: none; visibility: hidden; }
.p05-accessory:not(:first-of-type) { opacity: 0; }
.p05-art [data-drink-layer="0"] { opacity: 1; }

#p06 .rw-care__intro { margin-bottom: 20px; gap: 8px; }
#p06 .rw-care__visual { margin-bottom: 16px; }
#p06 .rw-care__card h3 { margin-bottom: 8px; }
#p06 .rw-care__guide-row { margin-top: 20px; padding-top: 16px; gap: 12px; }
/* Preserve the care rail's control height and keep its moving dots legible. */
#p06 .rw-care__navigation { min-height: 48px; }
#p06 [data-care-follow="overlay"] .rw-care__navigation {
  background: linear-gradient(transparent, var(--rw-surface) 24% 76%, transparent);
}
#p07 .rw-fit__heading { margin-bottom: 20px; }

.pure-faq { background: var(--rw-canvas); color: var(--rw-ink); }
.pure-faq h2 { margin: 0 0 16px; }
.pure-faq-list { border-top: var(--rw-border); margin-bottom: clamp(32px, 5vw, 64px); }
.pure-faq-list details { border-bottom: var(--rw-border); }
.pure-faq-list summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 52px;
  padding-block: 10px;
  list-style: none;
  font-weight: 600;
  cursor: pointer;
}
.pure-faq-list summary::-webkit-details-marker { display: none; }
.pure-faq-list summary::after {
  content: "+";
  margin-inline-end: 5px;
  font-size: 21px;
  font-weight: 400;
}
.pure-faq-list details[open] summary::after { content: "−"; }
.pure-faq-list details p { margin: 0 0 16px; max-width: 75ch; color: var(--rw-muted); }
.pure-final {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(16px, 4vw, 48px);
  margin-top: clamp(28px, 5vw, 56px);
  padding: clamp(16px, 4vw, 40px);
  border-radius: var(--rw-radius-card);
  background: var(--rw-surface);
}
.pure-final img {
  display: block;
  width: 100%;
  max-height: 365px;
  object-fit: contain;
  border-radius: var(--rw-radius-small);
  background: var(--rw-canvas);
}
.pure-final .pure-final-description { margin: 0 0 16px; color: var(--rw-muted); }
.pure-final .product-price { margin-block: 0 12px; }
.pure-final .pure-support { display: inline-block; padding: 14px; color: var(--rw-muted); }
@media (max-width: 760px) {
  .pure-p02 .pure-p02-tools { width: calc(100% - var(--rw-gutter) * 2); }
  .pure-p02 .transport button { padding-inline: 10px; }
  .pure-p02 .extraction { padding-inline: var(--rw-gutter); }
  .p05-stage { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
  .p05-copy-stack { padding: 16px 20px 0; }
  .p05-copy h3 { margin-bottom: 4px; }
  .p05-art { height: min(40svh, 340px); }
  .pure-final { grid-template-columns: 1fr; }
  .pure-final img { max-height: 295px; }
  #p04 .rw-volume__photo { aspect-ratio: 4 / 3; }
}
@media (min-width: 490px) and (max-width: 760px) {
  .pure-p02 .extraction-stage { width: min(100%, 448px); }
  .pure-p02 .pure-p02-tools { width: min(calc(100% - var(--rw-gutter) * 2), 448px); }
  .p05-stage { width: min(100%, 490px); margin-inline: auto; }
  .p05-art { height: min(49svh, 360px); }
}
@media (max-height: 560px) {
  .pure-drinks.is-enhanced:not(.is-reduced) .p05-sticky { position: relative; top: auto; }
  .pure-drinks.is-enhanced:not(.is-reduced)::after { height: 0; }
}
