/* Figma comments #1–#13, 2026-09-09. Every rule targets a revised section. */
#pstn-clone .pstn-monthly-products .pstn-rev-monthly-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  box-sizing: border-box; min-height: 33px; padding: 6px 14px;
  border: 1.5px solid #ebedf0; border-radius: 4.5px;
  background: #fff; color: #136ac9; font-size: 14px; font-weight: 700; line-height: 18px;
  letter-spacing: 0; white-space: nowrap;
}
#pstn-clone .pstn-monthly-products .pstn-rev-monthly-button::after { content: none; }
#pstn-clone .pstn-monthly-products .pstn-rev-monthly-button span {
  display: block; flex: 0 0 6px; width: 6px; height: 6px; box-sizing: border-box;
  border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor;
  font-size: 0; line-height: 0; transform: rotate(45deg); margin-right: 2px;
}

.pstn-about .pstn-rev-flow {
  display: grid; grid-template-columns: minmax(0, 1fr) .63fr minmax(0, 1fr) .63fr minmax(0, 1fr);
  align-items: center; margin: 80px auto 66px; padding: 20px 0;
}
.pstn-about .pstn-rev-flow__card {
  min-width: 0; border: 1px solid #e9e9e9; border-radius: 20px; overflow: hidden;
  background: #fff; box-shadow: 0 2px 12px #00000003; text-align: center;
}
.pstn-about .pstn-rev-flow__copy { padding: 26px 12px 32px; }
.pstn-about .pstn-rev-flow__number { display: block; color: #005cb6; font-size: 18px; font-weight: 600; }
.pstn-about .pstn-rev-flow__copy h3 {
  height: 72px; margin: 24px 0 10px; display: flex; align-items: center; justify-content: center;
  color: #00634c; font-size: 32px; font-weight: 700;
}
.pstn-about .pstn-rev-flow__copy h3 img { display: block; width: 150px; max-width: 85%; height: auto; }
.pstn-about .pstn-rev-flow__copy p { margin: 0; color: #111; font-size: clamp(14px, 1.3vw, 18px); font-weight: 600; line-height: 1.7; letter-spacing: -.04em; }
.pstn-about .pstn-rev-flow__card.is-pharmacist .pstn-rev-flow__number { color: #00634c; }
.pstn-about .pstn-rev-flow__card.is-customer .pstn-rev-flow__number,
.pstn-about .pstn-rev-flow__card.is-customer h3 { color: #a46d51; }
.pstn-about .pstn-rev-flow__photo { position: relative; aspect-ratio: 1.2; overflow: hidden; }
.pstn-about .pstn-rev-flow__photo > img:not(.pstn-rev-flow__icon) { display: block; width: 100%; height: 100%; object-fit: cover; }
.pstn-about .pstn-rev-flow__bridge { display: flex; flex-direction: column; align-items: center; gap: 11px; color: #777; font-size: 13px; line-height: 1.5; text-align: center; transform: translateY(-50px); }
.pstn-about .pstn-rev-flow__bridge i { position: relative; display: block; width: 52%; height: 1px; background: #999; }
.pstn-about .pstn-rev-flow__bridge .is-left { margin-bottom: 16px; }
.pstn-about .pstn-rev-flow__bridge i::after { content: ''; position: absolute; top: -3px; width: 6px; height: 6px; border-top: 1px solid #999; border-right: 1px solid #999; }
.pstn-about .pstn-rev-flow__bridge .is-left::after { left: 0; transform: rotate(-135deg); }
.pstn-about .pstn-rev-flow__bridge .is-right::after { right: 0; transform: rotate(45deg); }

.pstn-brand .pstn-rev-lineup .pstn-brand-lineup-brand { padding-top: 64px; padding-bottom: 0; }
.pstn-brand .pstn-rev-lineup .pstn-brand-lineup-brand h3 { font-size: clamp(23px, 2.1vw, 30px); }
.pstn-brand .pstn-rev-lineup .pstn-brand-lineup-brand__link { position: relative; z-index: 1; }
.pstn-brand .pstn-rev-lineup .pstn-rev-lineup__photo {
  align-self: stretch; margin: -8px calc(-1 * clamp(20px, 2.4vw, 34px)) 0;
  aspect-ratio: 1.6; overflow: hidden; mask-image: linear-gradient(to bottom, transparent, #000 14%);
}
.pstn-brand .pstn-rev-lineup .pstn-rev-lineup__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
.pstn-brand .pstn-rev-lineup .pstn-brand-lineup-brand.is-thehada::before,
.pstn-brand .pstn-rev-lineup .is-thehada .pstn-brand-lineup-brand__link { background: #168ba3; }
.pstn-brand .pstn-rev-lineup .is-thehada h3 { color: #168ba3; }
.pstn-brand .pstn-rev-lineup .pstn-brand-lineup-brand.is-hmore::before,
.pstn-brand .pstn-rev-lineup .is-hmore .pstn-brand-lineup-brand__link { background: #3185c6; }
.pstn-brand .pstn-rev-lineup .is-hmore h3 { color: #3185c6; }

.pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__inner {
  min-height: 450px; padding: clamp(44px, 6.5vw, 96px); grid-template-columns: .9fr 1.5fr;
  gap: 40px; align-items: stretch; color: #111; background-color: #ebf2fc;
  background-image: url('../images/revision-20260909/brand-pharmacy.webp');
  background-repeat: no-repeat; background-size: 42.8% auto; background-position: 116% 82%;
}
.pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-eyebrow { color: #1460ae; }
.pstn-brand .pstn-rev-brand-pharmacy h2 { color: #080b0e; font-size: clamp(24px, 2.3vw, 34px); }
.pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__line + .pstn-brand-pharmacy__line { margin-top: 1.9em; font-size: .72em; line-height: 1.7; font-weight: 500; }
.pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__answer { padding: 31px 0 0 40px; border-left: 1px solid #bfc8d2; }
.pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__answer p { max-width: 470px; width: 76%; color: #85898e; font-size: clamp(15px, 1.35vw, 19px); line-height: 1.85; }
.pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__answer strong { margin-top: 28px; color: #111; }
.pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__answer a { margin-top: 30px; background: #155bd4; color: #fff; font-weight: 500; }
.pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__answer a::after { content: '›'; font-size: 22px; margin-left: 18px; }

.pstn-catalog .pstn-catalog-visual.pstn-rev-wellness,
.pstn-catalog-visual.pstn-rev-wellness {
  display: block; position: relative; min-height: 370px; padding: clamp(42px, 5vw, 64px) clamp(32px, 9vw, 150px);
  border: 0; border-radius: 0; overflow: hidden; background-color: #eff2f1;
  background-image: url('../images/revision-20260909/wellness.webp'); background-repeat: no-repeat;
  background-size: 71.3% auto; background-position: right center;
}
.pstn-catalog-visual.pstn-rev-wellness::before,
.pstn-catalog-visual.pstn-rev-wellness::after { content: none; }
.pstn-catalog-visual.pstn-rev-wellness > div { position: relative; max-width: 650px; width: 64%; z-index: 1; }
.pstn-catalog-visual.pstn-rev-wellness > div > span { color: #155bab; font-size: 13px; font-weight: 700; letter-spacing: .05em; }
.pstn-catalog-visual.pstn-rev-wellness h2 { margin: 18px 0 24px; color: #080b0e; font-size: clamp(25px, 2.45vw, 38px); font-weight: 700; line-height: 1.4; letter-spacing: -.045em; }
.pstn-catalog-visual.pstn-rev-wellness p { margin: 24px 0 0 !important; color: #85898e !important; font-size: 14px; line-height: 1.75; }
.pstn-catalog-visual.pstn-rev-wellness > div:first-child > a { display: inline-flex; align-items: center; gap: 0; padding: 15px 28px; margin-top: 24px; min-height: 52px; border: 0; border-radius: 999px; background: #155bd4; color: #fff; font-size: 14px; font-weight: 500; }
.pstn-catalog-visual.pstn-rev-wellness a::after { content: '›'; font-size: 22px; line-height: 1; margin-left: 18px; }

.pstn-pharmacy-panel.pstn-rev-find-pharmacy {
  display: block; min-height: 368px; padding: 62px clamp(30px, 8vw, 110px); border: 0; border-radius: 0;
  background: linear-gradient(90deg, #eef4f8 0%, rgba(238,244,248,.96) 35%, rgba(238,244,248,.5) 58%, transparent 75%), url('../images/revision-20260909/find-pharmacy.webp') center center / 111% auto no-repeat;
}
.pstn-pharmacy-panel.pstn-rev-find-pharmacy::after { content: none; }
.pstn-pharmacy-panel.pstn-rev-find-pharmacy > div { max-width: 650px; width: 64%; }
.pstn-pharmacy-panel.pstn-rev-find-pharmacy .pstn-product-section__kicker { color: #155bab !important; font-size: 13px; font-weight: 700; }
.pstn-pharmacy-panel.pstn-rev-find-pharmacy h2 { max-width: none; color: #080b0e !important; font-size: clamp(26px, 2.55vw, 38px); font-weight: 700; line-height: 1.4; letter-spacing: -.04em; }
.pstn-pharmacy-panel.pstn-rev-find-pharmacy > div > p:last-child { color: #85898e; font-size: 14px; line-height: 1.75; }
.pstn-pharmacy-panel.pstn-rev-find-pharmacy > a { display: inline-flex; align-items: center; margin-top: 24px; min-height: 54px; padding: 15px 28px; border: 0; border-radius: 999px; background: #155bd4; color: #fff; font-size: 14px; font-weight: 500; }
.pstn-pharmacy-panel.pstn-rev-find-pharmacy > a span { margin-left: 18px; font-size: 22px; line-height: 1; }

@media (max-width: 1000px) and (min-width: 768px) {
  .pstn-about .pstn-rev-flow { grid-template-columns: minmax(0, 1fr) .5fr minmax(0, 1fr) .5fr minmax(0, 1fr); }
  .pstn-about .pstn-rev-flow__copy { padding-inline: 8px; }
  .pstn-about .pstn-rev-flow__copy h3 img { width: 110px; }
  .pstn-about .pstn-rev-flow__bridge { font-size: 11px; }
  .pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__inner { gap: 25px; padding: 40px 30px; }
  .pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__answer { padding-left: 25px; }
  .pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__answer p { width: 80%; }
}
@media (max-width: 767px) {
  .pstn-about .pstn-rev-flow { grid-template-columns: minmax(0, 1fr); max-width: 340px; margin: 45px auto; gap: 26px; }
  .pstn-about .pstn-rev-flow__copy { padding: 24px 18px; }
  .pstn-about .pstn-rev-flow__copy h3 { margin-top: 14px; height: 60px; }
  .pstn-about .pstn-rev-flow__copy p { font-size: 17px; }
  .pstn-about .pstn-rev-flow__bridge { gap: 8px; transform: none; }
  .pstn-about .pstn-rev-flow__bridge i { width: 70px; }
  .pstn-about .pstn-rev-flow__bridge .is-left { margin-bottom: 8px; }
  .pstn-brand .pstn-rev-lineup .pstn-rev-lineup__photo { margin-inline: -18px; aspect-ratio: 1.5; }
  .pstn-brand .pstn-rev-lineup .pstn-brand-lineup-brand { padding-top: 32px; }
  .pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__inner { grid-template-columns: 1fr; gap: 28px; padding: 36px 25px 285px; min-height: 0; background-size: 330px auto; background-position: right bottom; }
  .pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__line + .pstn-brand-pharmacy__line { margin-top: 1.3em; font-size: .85em; }
  .pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__answer { border-left: 0; border-top: 1px solid #bfc8d2; padding: 24px 0 0; }
  .pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__answer p { width: 100%; font-size: 16px; }
  .pstn-brand .pstn-rev-brand-pharmacy .pstn-brand-pharmacy__answer strong { margin-top: 18px; }
  .pstn-catalog .pstn-catalog-visual.pstn-rev-wellness,
  .pstn-catalog-visual.pstn-rev-wellness { min-height: 510px; padding: 32px 24px 235px; background-size: 130% auto; background-position: right bottom; }
  .pstn-catalog-visual.pstn-rev-wellness > div { width: 100%; }
  .pstn-catalog-visual.pstn-rev-wellness h2 { font-size: 25px; margin-block: 15px 20px; }
  .pstn-catalog-visual.pstn-rev-wellness a { padding: 13px 22px; min-height: 48px; }
  .pstn-pharmacy-panel.pstn-rev-find-pharmacy { padding: 32px 24px 210px; min-height: 490px; background-image: linear-gradient(180deg, #eef4f8 0%, #eef4f8 52%, transparent 78%), url('../images/revision-20260909/find-pharmacy.webp'); background-size: 100% 100%, auto 320px; background-position: center, right bottom; background-repeat: no-repeat; background-color: #eef4f8; }
  .pstn-pharmacy-panel.pstn-rev-find-pharmacy > div { width: 100%; }
  .pstn-pharmacy-panel.pstn-rev-find-pharmacy h2 { font-size: 26px; }
  .pstn-pharmacy-panel.pstn-rev-find-pharmacy h2 br { display: none; }
  .pstn-pharmacy-panel.pstn-rev-find-pharmacy > a { min-height: 48px; padding: 13px 22px; }
}

/* About-page browser comments 1–3: image framing and copy spacing only. */
.pstn-about .pstn-about-version {
  grid-template-columns: minmax(0, 1fr) clamp(280px, 27vw, 350px);
  gap: 22px; overflow: hidden;
}
.pstn-about .pstn-about-version__visual {
  margin: -28px -30px -28px 0;
}
.pstn-about .pstn-about-version__visual img {
  display: block; width: 100%; max-width: none; height: auto;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 12%, #000 86%, transparent), linear-gradient(to bottom, transparent, #000 12%, #000 86%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 12%, #000 86%, transparent), linear-gradient(to bottom, transparent, #000 12%, #000 86%, transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}
.pstn-about .pstn-about-sys { align-items: stretch; }
.pstn-about .pstn-about-sys__figure {
  position: relative; z-index: 2; align-self: start;
}
.pstn-about .pstn-about-sys__figure picture {
  display: block; position: relative; width: 120%; max-width: none;
  margin-left: -10%; aspect-ratio: 1024 / 1180; overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, #000 90%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 90%, transparent 100%);
}
.pstn-about .pstn-about-sys__figure img {
  display: block; width: 100%; max-width: none; height: auto;
}
.pstn-about .pstn-about-sys__caption {
  margin-top: 0; max-width: 100%; white-space: normal; font-size: 9px;
}
.pstn-about .pstn-about-sys__panel { position: relative; z-index: 1; }
@media (min-width: 1024px) {
  .pstn-about .pstn-about-sys { grid-template-columns: minmax(0, 1fr) 28% minmax(0, 1fr); gap: 0; }
  .pstn-about .pstn-about-sys__panel { min-height: 430px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .pstn-about .pstn-about-sys__figure { width: 280px; max-width: 280px; }
}
@media (max-width: 767px) {
  .pstn-about .pstn-about-version { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .pstn-about .pstn-about-version__visual { margin: 0 -14px -18px; }
  .pstn-about .pstn-about-version__visual img { width: min(100%, 320px); }
  .pstn-about .pstn-about-sys__figure { width: min(76%, 260px); max-width: 260px; }
}

/* Brand browser comments: align the paired CTAs and quality comparison rules. */
@media (min-width: 768px) {
  .pstn-brand .pstn-rev-lineup .pstn-brand-lineup-brand__desc {
    margin-bottom: clamp(20px, 2.2vw, 30px);
  }
  .pstn-brand .pstn-rev-lineup .pstn-brand-lineup-brand__link { margin-top: auto; }
}
@media (min-width: 1101px) {
  .pstn-brand .pstn-product-intro__feature--quality .pstn-product-intro__kicker { line-height: 16px; }
  .pstn-brand .pstn-product-intro__feature--quality .pstn-product-intro__apples { margin-top: 7.5px; }
}

/* Mobile flow: upward feedback and downward delivery, with labels alongside. */
@media (max-width: 767px) {
  .pstn-about .pstn-rev-flow__bridge {
    display: grid; grid-template-columns: minmax(0, 1fr) 1px 1px minmax(0, 1fr);
    grid-template-rows: auto; column-gap: 14px; row-gap: 0;
    width: 100%; height: 62px; align-items: center; transform: none;
  }
  .pstn-about .pstn-rev-flow__bridge > span { font-size: 12px; line-height: 1.45; }
  .pstn-about .pstn-rev-flow__bridge > span:first-child { justify-self: end; text-align: right; }
  .pstn-about .pstn-rev-flow__bridge > span:last-child { justify-self: start; text-align: left; }
  .pstn-about .pstn-rev-flow__bridge i { width: 1px; height: 44px; margin: 0; }
  .pstn-about .pstn-rev-flow__bridge i.is-left { margin-bottom: 0; }
  .pstn-about .pstn-rev-flow__bridge .is-left::after {
    top: 0; bottom: auto; left: 50%; right: auto; transform: translateX(-50%) rotate(-45deg);
  }
  .pstn-about .pstn-rev-flow__bridge .is-right::after {
    top: auto; bottom: 0; left: 50%; right: auto; transform: translateX(-50%) rotate(135deg);
  }
}