/* Shared public project page and hosted checkout. Colours and fonts come from tokens.css. */
* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:94px
}

body.pp-page {
  margin:0;
  background:var(--paper);
  font:16px/1.65 var(--sans);
  color:var(--ink)
}

body.pp-page::before {
  display:none
}

[hidden] {
  display:none!important
}

.pp-page p,.pp-page h1,.pp-page h2,.pp-page h3,.pp-page figure {
  margin:0
}

.pp-page button,.pp-page input {
  font:inherit
}

.pp-page button {
  cursor:pointer;
  color:inherit
}

.pp-page a {
  color:inherit;
  text-decoration:none
}

.pp-page a:hover {
  text-decoration:underline;
  text-underline-offset:4px
}

.pp-page img {
  display:block;
  max-width:100%;
  height:auto
}

.pp-page :is(button,a,input,summary):focus-visible {
  outline:3px solid var(--accent);
  outline-offset:4px
}

.pp-shell {
  width:min(1180px,calc(100% - 80px));
  margin-inline:auto
}

.pp-page .nav {
  margin:0
}

.pp-page h1,.pp-page h2,.pp-page h3 {
  font-family:var(--serif);
  font-weight:400
}

.pp-page p {
  color:var(--ink-soft)
}

.pp-breadcrumb {
  display:flex;
  gap:11px;
  align-items:center;
  color:var(--muted);
  font-size:11px;
  padding:23px 0 22px
}

.pp-breadcrumb span {
  color:var(--tint-line)
}

.pp-kicker {
  font-size:10px;
  font-weight:650;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--accent)!important;
  line-height:1.5
}

.pp-kicker>span {
  margin-right:16px;
  color:var(--muted)
}

.pp-hero {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(330px,.9fr);
  column-gap:70px;
  row-gap:28px;
  padding-bottom:38px;
  align-items:start
}

.pp-intro {
  grid-column:1;
  grid-row:1
}

.pp-hero h1 {
  font-size:clamp(46px,5vw,64px);
  line-height:1.01;
  letter-spacing:-2px;
  margin:12px 0 16px
}

.pp-location {
  font-size:12px;
  color:var(--muted)!important
}

.pp-location span {
  padding-inline:6px
}

.pp-lead {
  font-size:25px;
  line-height:1.35;
  letter-spacing:-.35px;
  margin-top:23px!important;
  color:var(--accent)
}

.pp-dek {
  font-size:13px;
  line-height:1.8;
  margin-top:12px!important;
  max-width:490px
}

.pp-hero-facts {
  grid-column:1;
  grid-row:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--hair);
  padding-top:22px;
  align-self:end
}

.pp-hero-facts>div {
  padding-right:13px
}

.pp-hero-facts>div+div {
  padding-left:18px;
  border-left:1px solid var(--hair)
}

.pp-hero-facts strong {
  font:34px/1.2 var(--serif);
  letter-spacing:-1px;
  display:block;
  white-space:nowrap
}

.pp-hero-facts>div>span {
  display:block;
  font-size:11px;
  margin-top:8px
}

.pp-hero-facts small {
  display:block;
  font-size:10px;
  color:var(--muted);
  margin-top:4px
}

.pp-offer {
  grid-column:2;
  grid-row:1/3;
  background:var(--tint);
  border:1px solid var(--tint-line);
  border-top:3px solid var(--accent);
  padding:26px 28px 21px;
  border-radius:3px;
  box-shadow:0 12px 28px var(--shadow-color)
}

.pp-offer h2 {
  font-size:31px;
  line-height:1.14;
  letter-spacing:-.55px;
  margin:11px 0 14px
}

.pp-offer>p:not(.pp-kicker) {
  font-size:12px;
  line-height:1.8
}

.pp-offer ul {
  padding:0;
  margin:17px 0 19px;
  list-style:none;
  font-size:11px
}

.pp-offer li {
  position:relative;
  padding-left:19px;
  margin-block:7px
}

.pp-offer li:before {
  content:'✓';
  position:absolute;
  left:0;
  color:var(--accent)
}

.pp-price {
  display:flex;
  align-items:baseline;
  gap:12px;
  padding-top:17px;
  border-top:1px solid var(--tint-line);
  margin-bottom:13px!important
}

.pp-price strong {
  font:34px/1.2 var(--serif);
  letter-spacing:-.8px;
  color:var(--ink)
}

.pp-price>span {
  font-size:10px;
  color:var(--muted)
}

.pp-button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:12px 18px;
  border:1px solid transparent;
  border-radius:4px;
  font-size:12px!important;
  font-weight:600;
  text-align:center;
  line-height:1.6;
  text-decoration:none!important
}

.pp-button:hover {
  filter:brightness(1.07)
}

.pp-primary {
  background:var(--accent);
  color:var(--on-accent)!important
}

.pp-secondary {
  background:var(--paper);
  color:var(--accent)!important;
  border-color:var(--tint-line)
}

.pp-offer .pp-button {
  width:100%
}

.pp-delivery {
  text-align:center;
  font-size:10px;
  margin-top:9px!important;
  color:var(--muted)!important
}

.pp-sample-link {
  font-size:11px;
  display:block;
  text-align:center;
  color:var(--accent)!important;
  font-weight:600;
  padding-top:12px
}

.pp-refund {
  font-size:10px;
  text-align:center;
  margin-top:17px!important;
  padding-top:14px;
  border-top:1px solid var(--tint-line)
}

.pp-refund strong {
  font-weight:600
}

.pp-product-switch {
  display:flex;
  gap:12px;
  border-bottom:1px solid var(--tint-line);
  margin-bottom:18px
}

.pp-product-switch button {
  background:none;
  border:0;
  border-bottom:2px solid transparent;
  padding:0 0 9px;
  font-size:10px
}

.pp-product-switch [aria-pressed=true] {
  color:var(--accent);
  border-bottom-color:var(--accent);
  font-weight:700
}

.pp-reading-nav {
  position:sticky;
  top:0;
  z-index:10;
  background:var(--paper);
  border-block:1px solid var(--hair)
}

.pp-reading-nav>.pp-shell {
  display:flex;
  justify-content:space-between;
  gap:22px;
  align-items:center;
  min-height:62px
}

.pp-reading-nav nav {
  display:flex;
  gap:31px;
  font-size:11px
}

.pp-reading-nav nav a {
  padding-block:20px
}

.pp-compact-buy {
  border:0;
  background:none;
  color:var(--accent)!important;
  display:flex;
  align-items:center;
  gap:15px;
  font-size:11px!important;
  font-weight:600;
  min-height:44px
}

.pp-compact-buy>span:first-child {
  font:19px var(--serif)
}

.pp-record-intro {
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  padding:27px 0;
  border-bottom:1px solid var(--hair)
}

.pp-record-intro>span:last-child {
  font-size:10px;
  color:var(--muted)
}

.pp-section {
  padding:51px 0 55px;
  border-bottom:1px solid var(--hair)
}

.pp-section-head {
  margin-bottom:33px
}

.pp-section-head h2 {
  font-size:39px;
  line-height:1.15;
  letter-spacing:-.8px;
  margin:12px 0 14px
}

.pp-section-head>p:last-child:not(.pp-kicker) {
  font-size:13px;
  max-width:670px;
  line-height:1.8;
  color:var(--muted)
}

.pp-two {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:70px;
  align-items:center
}

.pp-chart-label {
  font-size:11px;
  color:var(--muted)!important
}

.pp-progress-chart {
  display:flex;
  justify-content:space-around;
  gap:30px;
  height:230px;
  margin-top:23px;
  padding-inline:20px
}

.pp-column {
  flex:1;
  max-width:104px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end
}

.pp-column strong {
  font:32px var(--serif)
}

.pp-column small {
  font:13px var(--sans);
  padding-left:2px
}

.pp-column-track {
  height:165px;
  display:flex;
  align-items:flex-end;
  width:100%;
  margin-top:10px;
  border-bottom:1px solid var(--hair)
}

.pp-column-track span {
  background:var(--tint-line);
  width:100%;
  display:block
}

.pp-column:last-child .pp-column-track span {
  background:var(--accent)
}

.pp-column:last-child strong {
  color:var(--accent)
}

.pp-column>span {
  font-size:10px;
  color:var(--muted);
  margin-top:10px
}

.pp-source {
  font-size:10px!important;
  color:var(--muted)!important;
  line-height:1.7!important;
  margin-top:20px!important
}

.pp-reading {
  padding-left:36px;
  border-left:1px solid var(--hair)
}

.pp-reading>p:not(.pp-kicker):not(.pp-big):not(.pp-source):not(.pp-date-display) {
  font-size:13px;
  line-height:1.9;
  margin-top:14px
}

.pp-date-display {
  font:40px/1.3 var(--serif);
  letter-spacing:-.8px;
  margin-top:14px!important
}

.pp-mix>div {
  display:grid;
  grid-template-columns:95px 1fr 45px;
  gap:17px;
  align-items:center;
  margin:17px 0;
  font-size:12px
}

.pp-mix strong {
  text-align:right;
  font-variant-numeric:tabular-nums;
  font-weight:500
}

.pp-mix-track {
  height:9px;
  background:var(--chart-track)
}

.pp-mix-track span {
  display:block;
  height:100%;
  background:var(--accent)
}

.pp-scale-pair {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-block:20px
}

.pp-scale-pair strong {
  display:block;
  font:43px/1.2 var(--serif);
  color:var(--ink)
}

.pp-scale-pair span {
  display:block;
  font-size:11px;
  color:var(--muted);
  margin-top:5px
}

.pp-text-link {
  border:0;
  background:none;
  padding:0;
  display:inline-flex;
  gap:20px;
  align-items:center;
  min-height:44px;
  color:var(--accent)!important;
  font-size:12px!important;
  font-weight:600;
  text-align:left
}

.pp-reading .pp-text-link {
  margin-top:14px
}

.pp-reading h3 {
  font-size:31px;
  line-height:1.3;
  margin-top:12px
}

.pp-gap {
  padding:28px;
  background:var(--tint);
  border-left:2px solid var(--tint-line)
}

.pp-gap h3 {
  font-size:31px;
  line-height:1.2;
  margin-block:14px
}

.pp-gap p:not(.pp-kicker) {
  font-size:13px;
  line-height:1.8
}

.pp-gap button {
  margin-top:12px
}

.pp-proof {
  display:grid;
  grid-template-columns:1fr 1.08fr;
  gap:65px;
  align-items:center;
  padding:54px 0;
  border-bottom:1px solid var(--hair)
}

.pp-proof h2 {
  font-size:38px;
  line-height:1.16;
  letter-spacing:-.7px;
  margin:13px 0 20px
}

.pp-proof>div>p:not(.pp-kicker):not(.pp-source) {
  font-size:14px;
  line-height:1.85;
  margin-bottom:14px
}

.pp-proof .pp-button {
  margin-top:19px
}

.pp-image {
  display:block;
  width:100%;
  border:1px solid var(--hair);
  padding:15px;
  background:var(--qr-bg);
  position:relative
}

.pp-image img {
  width:100%;
  max-height:400px;
  object-fit:contain
}

.pp-image>span {
  position:absolute;
  right:10px;
  bottom:10px;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  background:var(--paper);
  color:var(--accent);
  border:1px solid var(--hair);
  border-radius:50%
}

.pp-proof figcaption {
  font-size:10px;
  line-height:1.7;
  color:var(--muted);
  margin-top:10px
}

.pp-table-wrap {
  overflow:auto
}

.pp-page table {
  width:100%;
  border-collapse:collapse;
  font-size:12px
}

.pp-page th {
  text-align:left;
  font-weight:500;
  letter-spacing:.7px;
  text-transform:uppercase;
  font-size:10px;
  color:var(--muted);
  padding:12px 16px;
  border-bottom:1px solid var(--hair)
}

.pp-page td {
  border-bottom:1px solid var(--hair);
  padding:16px;
  vertical-align:top
}

.pp-page th:first-child,.pp-page td:first-child {
  padding-left:0
}

.pp-page th:last-child,.pp-page td:last-child {
  padding-right:0
}

.pp-page td:first-child {
  color:var(--ink-soft)
}

.pp-state {
  color:var(--accent);
  font-size:11px
}

.pp-sales-bar {
  height:42px;
  background:var(--tint);
  border-right:3px solid var(--tint-line);
  margin-block:32px 15px
}

.pp-sales-bar>span {
  display:block;
  height:100%;
  background:var(--accent)
}

.pp-sales-labels {
  display:flex;
  justify-content:space-between;
  font-size:12px
}

.pp-sales-labels strong {
  font-weight:600;
  color:var(--accent)
}

.pp-preview-note {
  font-size:10px;
  color:var(--muted)!important;
  line-height:1.8;
  margin-top:22px!important;
  max-width:820px
}

.pp-page .footer {
  margin-top:25px
}

.pp-mobile-buy {
  display:none
}

.pp-dialog {
  font:14px/1.65 var(--sans);
  border:1px solid var(--hair);
  border-radius:5px;
  padding:36px;
  max-width:470px;
  width:calc(100% - 32px);
  background:var(--paper);
  color:var(--ink);
  box-shadow:0 20px 80px var(--shadow-color)
}

.pp-dialog::backdrop,.pp-image-dialog::backdrop {
  background:var(--ink);
  opacity:.6
}

.pp-dialog h2 {
  font-size:36px;
  line-height:1.15;
  letter-spacing:-.6px;
  margin:18px 0 24px
}

.pp-dialog>p:not(.pp-kicker):not(.pp-source) {
  font-size:12px;
  line-height:1.8
}

.pp-dialog form {
  margin-top:25px;
  display:flex;
  flex-direction:column;
  gap:13px
}

.pp-dialog label {
  font-size:12px
}

.pp-dialog input {
  width:100%;
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--tint-line);
  padding:12px;
  border-radius:4px;
  font-size:16px
}

.pp-dialog p[role=status] {
  padding:20px;
  margin-top:18px;
  background:var(--tint)
}

@media(min-width:1500px) {
  .pp-hero {
    column-gap:90px
  }
  .pp-hero h1 {
    font-size:70px
  }
}

@media(max-width:1000px) {
  .pp-shell {
    width:calc(100% - 48px)
  }
  .pp-hero {
    column-gap:36px;
    grid-template-columns:1.2fr 1fr
  }
  .pp-offer {
    padding:23px
  }
  .pp-hero-facts strong {
    font-size:27px
  }
  .pp-hero-facts>div+div {
    padding-left:12px
  }
  .pp-reading-nav nav {
    gap:20px
  }
  .pp-two,.pp-proof {
    gap:35px
  }
  .pp-section-head h2 {
    font-size:35px
  }
  .pp-proof h2 {
    font-size:33px
  }
}

@media(max-width:760px) {
  html {
    scroll-padding-top:70px
  }
  .pp-page {
    padding-bottom:90px
  }
  .pp-shell {
    width:calc(100% - 36px)
  }
  .pp-page .nav {
    padding-block:18px;
    min-height:70px
  }
  .pp-breadcrumb {
    font-size:10px;
    padding:18px 0
  }
  .pp-hero {
    display:flex;
    flex-direction:column;
    gap:24px;
    padding-bottom:28px
  }
  .pp-intro {
    width:100%
  }
  .pp-hero h1 {
    font-size:51px;
    letter-spacing:-1.8px;
    margin:10px 0 13px
  }
  .pp-location {
    font-size:11px;
    line-height:1.7
  }
  .pp-lead {
    font-size:23px;
    margin-top:18px!important
  }
  .pp-dek {
    font-size:12px;
    line-height:1.75;
    margin-top:10px!important
  }
  .pp-offer {
    width:100%;
    padding:22px 23px;
    order:2
  }
  .pp-offer h2 {
    font-size:29px;
    margin:10px 0 11px
  }
  .pp-offer h2 br {
    display:none
  }
  .pp-offer ul {
    margin:13px 0
  }
  .pp-price {
    margin:0!important;
    border:0;
    padding:0;
    display:block
  }
  .pp-price strong {
    font-size:31px
  }
  .pp-price>span {
    display:block;
    font-size:9px;
    margin-top:5px
  }
  .pp-offer .pp-button {
    padding:11px;
    font-size:11px!important;
    gap:5px
  }
  .pp-delivery {
    grid-column:1/-1;
    margin-top:0!important
  }
  .pp-sample-link {
    grid-column:1/-1;
    padding-top:3px
  }
  .pp-refund {
    grid-column:1/-1;
    margin-top:1px!important;
    padding-top:10px
  }
  .pp-refund br {
    display:none
  }
  .pp-refund strong {
    padding-left:4px
  }
  .pp-hero-facts {
    order:3;
    width:100%;
    padding-top:18px
  }
  .pp-hero-facts strong {
    font-size:29px
  }
  .pp-hero-facts>div>span {
    font-size:10px
  }
  .pp-hero-facts small {
    font-size:9px
  }
  .pp-hero-facts>div+div {
    padding-left:12px
  }
  .pp-reading-nav>.pp-shell {
    min-height:52px
  }
  .pp-reading-nav nav {
    justify-content:space-between;
    gap:12px;
    width:100%;
    font-size:9px
  }
  .pp-reading-nav nav a {
    padding-block:17px;
    white-space:nowrap
  }
  .pp-compact-buy {
    display:none
  }
  .pp-record-intro {
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
    padding:22px 0
  }
  .pp-record-intro>span:last-child {
    font-size:10px;
    max-width:330px;
    line-height:1.7
  }
  .pp-section {
    padding:32px 0 36px
  }
  .pp-section-head {
    margin-bottom:23px
  }
  .pp-section-head h2 {
    font-size:30px;
    line-height:1.18;
    margin:11px 0 13px
  }
  .pp-section-head>p:last-child:not(.pp-kicker) {
    font-size:12px
  }
  .pp-two,.pp-proof {
    grid-template-columns:1fr;
    gap:25px
  }
  .pp-progress-chart {
    height:215px;
    padding-inline:10px;
    gap:24px
  }
  .pp-reading {
    border-left:0;
    padding:23px 0 0;
    border-top:1px solid var(--hair)
  }
  .pp-reading p:not(.pp-kicker) {
    font-size:12px
  }
  .pp-source {
    font-size:10px!important
  }
  .pp-mix>div {
    grid-template-columns:83px 1fr 36px;
    gap:13px;
    font-size:11px
  }
  .pp-scale-pair {
    gap:15px
  }
  .pp-scale-pair strong {
    font-size:39px
  }
  .pp-proof {
    padding:33px 0
  }
  .pp-proof h2 {
    font-size:30px
  }
  .pp-proof>div>p:not(.pp-kicker):not(.pp-source) {
    font-size:13px
  }
  .pp-proof figure {
    grid-row:2
  }
  .pp-image {
    padding:9px
  }
  .pp-page th,.pp-page td {
    padding:12px 9px;
    font-size:11px
  }
  .pp-page th {
    font-size:9px
  }
  .pp-date-display {
    font-size:35px!important
  }
  .pp-mobile-buy {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    position:fixed;
    inset:auto 0 0;
    z-index:20;
    background:var(--paper);
    border-top:1px solid var(--tint-line);
    padding:11px 18px calc(11px + env(safe-area-inset-bottom));
    box-shadow:0 -8px 22px var(--shadow-color)
  }
  .pp-mobile-buy>div>span {
    display:block;
    font-size:10px;
    color:var(--muted)
  }
  .pp-mobile-buy strong {
    font:25px var(--serif);
    display:block;
    line-height:1.3
  }
  .pp-mobile-buy .pp-button {
    min-width:154px;
    font-size:12px!important
  }
  .pp-dialog {
    padding:33px 23px
  }
  .pp-dialog h2 {
    font-size:32px
  }
  .pp-dialog .pp-kicker {
    max-width:240px;
    font-size:9px
  }
  .pp-page:has(dialog[open]) .pp-mobile-buy {
    display:none
  }
}

@media(max-width:350px) {
  .pp-shell {
    width:calc(100% - 28px)
  }
  .pp-reading-nav nav {
    font-size:8px;
    gap:8px
  }
  .pp-hero h1 {
    font-size:46px
  }
  .pp-location {
    font-size:10px
  }
  .pp-offer {
    padding:19px
  }
  .pp-offer .pp-button,.pp-price {
    grid-column:1/-1
  }
  .pp-price {
    display:flex;
    align-items:baseline;
    margin-bottom:4px!important
  }
  .pp-hero-facts strong {
    font-size:24px
  }
  .pp-hero-facts small {
    font-size:8px
  }
  .pp-mobile-buy {
    padding-inline:14px
  }
  .pp-mobile-buy .pp-button {
    min-width:140px
  }
  .pp-scale-pair span {
    font-size:10px
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
}

.pp-page .shell.pp-shell {
  width:min(1180px,calc(100% - 80px));
  padding:0;
  margin:auto
}

.pp-page main {
  min-width:0
}

.pp-page .pp-reading-nav {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px
}

.pp-hero-facts strong {
  white-space:normal;
  overflow-wrap:anywhere;
  font-size:clamp(23px,2.4vw,34px)
}

.pp-hero-facts {
  align-items:start
}

.pp-product-switch {
  flex-wrap:wrap
}

.pp-page .pp-product-switch button {
  font-size:11px;
  text-align:left
}

.pp-page .pp-record>.section,.pp-page .pp-record>section {
  border-radius:0;
  box-shadow:none;
  background:none;
  border:0;
  border-top:1px solid var(--hair);
  padding:28px 0;
  margin:0;
  max-width:none;
  width:100%
}

.pp-page .pp-record .qa-metrics {
  max-width:none
}

.pp-page .pp-record table {
  min-width:0
}

.pp-page .pp-record h2 {
  font-size:26px
}

.pp-page .pp-record p {
  line-height:1.8
}

.pp-page .pp-record .card {
  box-shadow:none
}

.pp-page .pp-record .qa-source {
  font-size:11px
}

.pp-record {
  min-width:0
}

.pp-record .tbl-wrap {
  overflow:auto
}

.pp-page .pp-dialog {
  font-family:var(--sans)
}

.pp-dialog .pp-dialog-close {
  position:absolute;
  right:12px;
  top:8px;
  border:0;
  background:none;
  color:var(--ink);
  font-size:28px;
  min-width:40px;
  min-height:40px
}

.pp-dialog a {
  color:var(--accent);
}

.pp-dialog-payment {
  margin-top:20px
}

.pp-dialog h2 {
  font-family:var(--serif);
  font-weight:400;
}

.pp-dialog-payment .pp-button {
  width:100%
}

.pp-mobile-buy>.pp-compact-buy {
  display:flex;
  width:100%;
  justify-content:space-between
}

.pp-mobile-buy .pp-compact-buy>span:first-child {
  font-size:27px
}

.pp-mobile-buy .pp-compact-buy>span:last-child {
  padding:10px 24px;
  background:var(--accent);
  color:var(--on-accent);
  border-radius:3px
}

.pp-page .pp-reading-nav a {
  white-space:nowrap
}

.pp-page .pp-reading-nav nav {
  overflow-x:auto
}

.pp-page .pp-progress-chart {
  gap:14px;
  padding-inline:0
}

.pp-column>span {
  text-align:center
}

.pp-mix>div {
  grid-template-columns:minmax(95px,1fr) 2fr 45px
}

.pp-dialog[open] {
  display:block
}

.pp-page .pp-dialog:not([open]) {
  display:none
}

.pp-page .pp-source {
  overflow-wrap:anywhere
}

.pp-page .pp-lead br {
  display:initial
}

@media(max-width:760px) {
  .pp-page .shell.pp-shell {
    width:calc(100% - 36px)
  }
  .pp-page .pp-reading-nav>.pp-compact-buy {
    display:none
  }
  .pp-page .pp-reading-nav nav {
    gap:19px
  }
  .pp-page .pp-offer {
    width:100%
  }
  .pp-page .pp-offer .pp-price {
    display:flex
  }
  .pp-page .pp-hero h1 {
    overflow-wrap:anywhere
  }
  .pp-page .pp-hero-facts {
    width:100%;
    order:1
  }
  .pp-page .pp-offer {
    order:2
  }
  .pp-page .pp-hero-facts strong {
    font-size:25px
  }
  .pp-page .pp-record .report-stat-grid {
    display:grid;
    grid-template-columns:1fr 1fr
  }
  .pp-page .pp-record td {
    overflow-wrap:anywhere
  }
  .pp-page .pp-record .reg {
    overflow-wrap:anywhere
  }
}

.pp-page button {
  box-shadow:none;
  transform:none
}

.pp-filter button,.pp-product-switch button,.pp-text-link,.pp-compact-buy {
  border-radius:0
}

@media(max-width:760px) {
  .pp-hero-facts {
    grid-template-columns:.8fr 1fr 1.2fr
  }
  .pp-hero-facts>div:last-of-type {
    padding-right:0
  }
  .pp-offer .pp-button {
    display:block
  }
}