.page-products {
  --pp-hair: 1px solid var(--line);
  --pp-block-pad: clamp(56px, 9vw, 118px);
  padding-bottom: clamp(48px, 8vw, 104px);
}

/* ============ 首屏 ============ */
.page-products .pp-hero {
  background:
    radial-gradient(120% 90% at 88% 12%, rgba(53, 232, 208, .07) 0%, transparent 58%),
    linear-gradient(180deg, var(--deep) 0%, var(--void) 100%);
}

.page-products .pp-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(32px, 5vw, 64px);
  padding-block: clamp(104px, 17vw, 190px) clamp(48px, 7vw, 86px);
}

.page-products .pp-hero__eyebrow {
  margin: 0 0 20px;
  font-family: var(--font-num);
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--titanium);
}

.page-products .pp-hero__title {
  margin: 0 0 24px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(30px, 5.6vw, 62px);
  line-height: 1.1;
  letter-spacing: -.035em;
  color: var(--white);
}

.page-products .pp-hero__lede {
  margin: 0 0 32px;
  max-width: 54ch;
  font-size: clamp(15px, 1.6vw, 17px);
  line-height: 1.8;
  color: var(--titanium);
}

.page-products .pp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.page-products .pp-hero__visual {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.page-products .pp-scale {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  gap: 5px;
  height: clamp(150px, 30vw, 250px);
  padding: 16px;
  border: var(--pp-hair);
  background: linear-gradient(180deg, rgba(21, 34, 56, .55) 0%, rgba(5, 10, 20, .2) 100%);
}

.page-products .pp-scale span {
  display: block;
  width: 100%;
  border-top: 2px solid var(--line);
  background: linear-gradient(180deg, rgba(154, 168, 188, .42) 0%, rgba(154, 168, 188, 0) 92%);
}

.page-products .pp-scale span:nth-child(1) { height: 94%; }
.page-products .pp-scale span:nth-child(2) { height: 72%; }
.page-products .pp-scale span:nth-child(3) { height: 86%; }
.page-products .pp-scale span:nth-child(4) {
  height: 100%;
  border-top-color: var(--orange);
  background: linear-gradient(180deg, rgba(255, 90, 31, .45) 0%, rgba(255, 90, 31, 0) 92%);
}
.page-products .pp-scale span:nth-child(5) { height: 44%; }
.page-products .pp-scale span:nth-child(6) { height: 36%; }
.page-products .pp-scale span:nth-child(7) { height: 52%; }
.page-products .pp-scale span:nth-child(8) { height: 68%; }
.page-products .pp-scale span:nth-child(9) { height: 56%; }
.page-products .pp-scale span:nth-child(10) { height: 78%; }
.page-products .pp-scale span:nth-child(11) { height: 32%; }
.page-products .pp-scale span:nth-child(12) { height: 46%; }

.page-products .pp-scale__cap {
  margin: 0;
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--titanium);
}

/* ============ 章节通用 ============ */
.page-products .pp-section {
  padding-block: var(--pp-block-pad);
  border-top: var(--pp-hair);
}

.page-products .pp-section .section__head {
  margin-bottom: clamp(28px, 4.4vw, 54px);
}

/* ============ 型号总览 ============ */
.page-products .pp-overview__media {
  margin: 0 0 clamp(28px, 4vw, 46px);
}

.page-products .pp-filter__radio,
.page-products .pp-warranty__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

.page-products .pp-filter__bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.page-products .pp-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 9px 15px;
  border: var(--pp-hair);
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--titanium);
  cursor: pointer;
  transition: border-color 140ms var(--ease), color 140ms var(--ease), background 140ms var(--ease);
}

.page-products .pp-chip:hover {
  border-color: var(--orange-soft);
  color: var(--white);
}

.page-products .pp-chip__n {
  font-family: var(--font-num);
  font-size: 12px;
  color: var(--titanium);
}

.page-products .pp-filter:has(#pp-f-all:checked) .pp-chip[for="pp-f-all"],
.page-products .pp-filter:has(#pp-f-k:checked) .pp-chip[for="pp-f-k"],
.page-products .pp-filter:has(#pp-f-t:checked) .pp-chip[for="pp-f-t"],
.page-products .pp-filter:has(#pp-f-v:checked) .pp-chip[for="pp-f-v"],
.page-products .pp-filter:has(#pp-f-s:checked) .pp-chip[for="pp-f-s"] {
  border-color: var(--orange);
  color: var(--orange);
  background: rgba(255, 90, 31, .08);
}

.page-products .pp-filter:has(#pp-f-all:checked) .pp-chip[for="pp-f-all"] .pp-chip__n,
.page-products .pp-filter:has(#pp-f-k:checked) .pp-chip[for="pp-f-k"] .pp-chip__n,
.page-products .pp-filter:has(#pp-f-t:checked) .pp-chip[for="pp-f-t"] .pp-chip__n,
.page-products .pp-filter:has(#pp-f-v:checked) .pp-chip[for="pp-f-v"] .pp-chip__n,
.page-products .pp-filter:has(#pp-f-s:checked) .pp-chip[for="pp-f-s"] .pp-chip__n {
  color: var(--orange-soft);
}

.page-products .pp-filter__count {
  margin: 0 0 clamp(20px, 3vw, 30px);
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: .08em;
  color: var(--titanium);
}

.page-products .pp-count { display: none; }
.page-products .pp-count--all { display: inline; }

.page-products .pp-filter:has(#pp-f-k:checked) .pp-count--all,
.page-products .pp-filter:has(#pp-f-t:checked) .pp-count--all,
.page-products .pp-filter:has(#pp-f-v:checked) .pp-count--all,
.page-products .pp-filter:has(#pp-f-s:checked) .pp-count--all { display: none; }

.page-products .pp-filter:has(#pp-f-k:checked) .pp-count--k,
.page-products .pp-filter:has(#pp-f-t:checked) .pp-count--t,
.page-products .pp-filter:has(#pp-f-v:checked) .pp-count--v,
.page-products .pp-filter:has(#pp-f-s:checked) .pp-count--s { display: inline; }

.page-products .pp-filter:has(#pp-f-k:checked) .pp-model:not([data-series="k"]),
.page-products .pp-filter:has(#pp-f-t:checked) .pp-model:not([data-series="t"]),
.page-products .pp-filter:has(#pp-f-v:checked) .pp-model:not([data-series="v"]),
.page-products .pp-filter:has(#pp-f-s:checked) .pp-model:not([data-series="s"]) {
  display: none;
}

.page-products .pp-models {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: var(--pp-hair);
}

.page-products .pp-model {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-height: 158px;
  padding: clamp(15px, 2.2vw, 24px);
  background: var(--void);
  transition: background 140ms var(--ease), box-shadow 140ms var(--ease);
}

.page-products .pp-model:hover,
.page-products .pp-model:focus-within {
  background: var(--deep);
  box-shadow: inset 0 0 0 1px var(--orange);
}

.page-products .pp-model__id {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(30px, 7.6vw, 58px);
  line-height: .9;
  letter-spacing: -.045em;
  color: var(--titanium);
  transition: color 140ms var(--ease);
}

.page-products .pp-model:hover .pp-model__id,
.page-products .pp-model:focus-within .pp-model__id {
  color: var(--white);
}

.page-products .pp-model__series {
  font-family: var(--font-num);
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--titanium);
}

.page-products .pp-model__scene {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: var(--white);
}

.page-products .pp-model .tag {
  align-self: flex-start;
  margin-top: auto;
}

/* ============ 比例色带 ============ */
.page-products .pp-split {
  display: flex;
  gap: 2px;
  margin-bottom: clamp(28px, 4vw, 48px);
  min-height: 46px;
}

.page-products .pp-split__seg {
  display: flex;
  align-items: center;
  padding-inline: 14px;
  border: var(--pp-hair);
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: .06em;
  color: var(--titanium);
  white-space: nowrap;
  overflow: hidden;
}

.page-products .pp-split__seg--k { flex: 4; border-color: var(--orange); color: var(--orange); }
.page-products .pp-split__seg--t { flex: 3; }
.page-products .pp-split__seg--v { flex: 3; border-color: var(--cyber, rgba(53, 232, 208, .5)); color: var(--cyan); }
.page-products .pp-split__seg--s { flex: 2; }

/* ============ 系列长条 ============ */
.page-products .pp-line {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(24px, 3.4vw, 40px);
  padding-block: clamp(30px, 4.6vw, 58px);
  border-top: var(--pp-hair);
}

.page-products .pp-line:last-child { border-bottom: var(--pp-hair); }

.page-products .pp-line__mark {
  position: absolute;
  top: clamp(8px, 1.6vw, 18px);
  right: 0;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(72px, 14vw, 148px);
  line-height: .8;
  letter-spacing: -.06em;
  color: transparent;
  -webkit-text-stroke: 1px rgba(74, 90, 114, .7);
  pointer-events: none;
}

.page-products .pp-line__body { position: relative; z-index: 1; }

.page-products .pp-line__title {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(22px, 3vw, 32px);
  letter-spacing: -.025em;
  color: var(--white);
}

.page-products .pp-line__lede {
  margin: 0 0 24px;
  max-width: 62ch;
  font-size: 16px;
  line-height: 1.8;
  color: var(--titanium);
}

.page-products .pp-specs {
  margin: 0;
  border-top: var(--pp-hair);
}

.page-products .pp-specs__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  padding-block: 14px;
  border-bottom: var(--pp-hair);
}

.page-products .pp-specs__row dt {
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--orange);
}

.page-products .pp-specs__row dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--titanium);
}

.page-products .pp-line__media { margin: 0; }

/* ============ 笔记本 ============ */
.page-products .pp-laptop__media { margin: 0 0 clamp(28px, 4vw, 48px); }

.page-products .pp-lines {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: var(--pp-hair);
}

.page-products .pp-lines__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  padding-block: clamp(24px, 3.4vw, 40px);
  border-bottom: var(--pp-hair);
}

.page-products .pp-lines__n {
  font-family: var(--font-num);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--cyan);
}

.page-products .pp-lines__title {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(21px, 2.8vw, 30px);
  letter-spacing: -.025em;
  color: var(--white);
}

.page-products .pp-lines__body p {
  margin: 0 0 18px;
  max-width: 64ch;
  font-size: 16px;
  line-height: 1.8;
  color: var(--titanium);
}

.page-products .pp-lines__tags {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.page-products .pp-lines__tags li {
  padding: 6px 12px;
  border: var(--pp-hair);
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--titanium);
}

.page-products .pp-compare {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(20px, 3vw, 36px);
  margin-top: clamp(30px, 4.6vw, 56px);
}

.page-products .pp-compare__media { margin: 0; }

.page-products .pp-compare__panel {
  border: var(--pp-hair);
  background: var(--deep);
  padding: clamp(20px, 2.8vw, 30px);
}

.page-products .pp-compare__head {
  margin: 0 0 18px;
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: .12em;
  color: var(--orange);
}

.page-products .pp-compare__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1px;
  background: var(--line);
  border: var(--pp-hair);
}

.page-products .pp-compare__list li {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 13px 16px;
  background: var(--void);
  font-size: 14px;
  line-height: 1.6;
  color: var(--titanium);
  transition: background 140ms var(--ease);
}

.page-products .pp-compare__list li:hover { background: var(--panel); }

.page-products .pp-compare__list li span:last-child {
  font-family: var(--font-num);
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--cyan);
  text-align: right;
}

/* ============ 质保对照 ============ */
.page-products .pp-warranty__tabs {
  display: flex;
  gap: 2px;
  margin-bottom: clamp(20px, 3vw, 30px);
}

.page-products .pp-wtab {
  flex: 1;
  padding: 14px 16px;
  border: var(--pp-hair);
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 15px;
  letter-spacing: -.01em;
  color: var(--titanium);
  text-align: center;
  cursor: pointer;
  transition: border-color 140ms var(--ease), color 140ms var(--ease), background 140ms var(--ease);
}

.page-products .pp-wtab:hover { color: var(--white); border-color: var(--orange-soft); }

.page-products .pp-warranty:has(#pp-wt-3:checked) .pp-wtab[for="pp-wt-3"],
.page-products .pp-warranty:has(#pp-wt-5:checked) .pp-wtab[for="pp-wt-5"] {
  border-color: var(--orange);
  color: var(--orange);
  background: rgba(255, 90, 31, .08);
}

.page-products .pp-warranty__cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
}

.page-products .pp-warranty__col {
  padding: clamp(22px, 3vw, 34px);
  border: var(--pp-hair);
  background: var(--deep);
  transition: border-color 140ms var(--ease);
}

.page-products .pp-warranty:has(#pp-wt-3:checked) .pp-warranty__col[data-wt="3"],
.page-products .pp-warranty:has(#pp-wt-5:checked) .pp-warranty__col[data-wt="5"] {
  border-color: var(--orange);
}

.page-products .pp-warranty__tag {
  display: inline-block;
  margin-bottom: 14px;
  padding: 4px 10px;
  border: 1px solid var(--line);
  font-family: var(--font-num);
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--titanium);
}

.page-products .pp-warranty__name {
  margin: 0 0 20px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(26px, 3.6vw, 38px);
  letter-spacing: -.035em;
  color: var(--white);
}

.page-products .pp-warranty__dl { margin: 0; }

.page-products .pp-warranty__dl > div {
  padding-block: 13px;
  border-top: var(--pp-hair);
}

.page-products .pp-warranty__dl dt {
  margin-bottom: 6px;
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--titanium);
}

.page-products .pp-warranty__dl dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: var(--white);
}

.page-products .pp-warranty__note {
  margin: 22px 0 0;
  padding-left: 16px;
  border-left: 2px solid var(--cyan);
  font-size: 14px;
  line-height: 1.8;
  color: var(--titanium);
}

.page-products .pp-warranty__note[data-wt="3"] { display: block; }
.page-products .pp-warranty__note[data-wt="5"] { display: none; }
.page-products .pp-warranty:has(#pp-wt-5:checked) .pp-warranty__note[data-wt="3"] { display: none; }
.page-products .pp-warranty:has(#pp-wt-5:checked) .pp-warranty__note[data-wt="5"] { display: block; }

/* ============ 电脑端入口 ============ */
.page-products .pp-client__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(26px, 4vw, 52px);
  align-items: start;
}

.page-products .pp-funcs {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: var(--pp-hair);
}

.page-products .pp-funcs__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px 18px;
  padding-block: clamp(18px, 2.4vw, 26px);
  border-bottom: var(--pp-hair);
  transition: background 140ms var(--ease);
}

.page-products .pp-funcs__item:hover { background: rgba(21, 34, 56, .5); }

.page-products .pp-funcs__n {
  grid-row: span 2;
  font-family: var(--font-num);
  font-size: 13px;
  letter-spacing: .1em;
  color: var(--orange);
  padding-top: 4px;
}

.page-products .pp-funcs__title {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(18px, 2.2vw, 24px);
  letter-spacing: -.02em;
  color: var(--white);
}

.page-products .pp-funcs__item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.78;
  color: var(--titanium);
}

.page-products .pp-client__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: clamp(24px, 3.4vw, 38px);
}

.page-products .pp-copy[data-copied="true"] {
  border-color: var(--cyan);
  color: var(--cyan);
}

.page-products .pp-client__media { margin: 0; }

/* ============ 配件 ============ */
.page-products .pp-acc__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: var(--pp-hair);
}

.page-products .pp-acc__row {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 10px 14px;
  align-items: center;
  padding-block: 15px;
  border-bottom: var(--pp-hair);
  transition: background 140ms var(--ease);
}

.page-products .pp-acc__row:hover { background: rgba(21, 34, 56, .55); }

.page-products .pp-acc__model {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: 20px;
  letter-spacing: -.03em;
  color: var(--titanium);
  transition: color 140ms var(--ease);
}

.page-products .pp-acc__row:hover .pp-acc__model { color: var(--orange); }

.page-products .pp-acc__wire {
  display: none;
  height: 1px;
  background-image: repeating-linear-gradient(90deg, var(--line) 0 5px, transparent 5px 11px);
  transition: background-image 140ms var(--ease);
}

.page-products .pp-acc__row:hover .pp-acc__wire {
  background-image: repeating-linear-gradient(90deg, var(--orange) 0 5px, transparent 5px 11px);
}

.page-products .pp-acc__parts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-products .pp-acc__part {
  padding: 5px 11px;
  border: var(--pp-hair);
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: .04em;
  color: var(--titanium);
  transition: border-color 140ms var(--ease), color 140ms var(--ease);
}

.page-products .pp-acc__row:hover .pp-acc__part {
  border-color: rgba(255, 90, 31, .55);
  color: var(--white);
}

/* ============ 场景 ============ */
.page-products .pp-scene__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  background: var(--line);
  border: var(--pp-hair);
}

.page-products .pp-scene__card {
  padding: clamp(22px, 3vw, 32px);
  background: var(--void);
  transition: background 140ms var(--ease), box-shadow 140ms var(--ease);
}

.page-products .pp-scene__card:hover {
  background: var(--deep);
  box-shadow: inset 0 0 0 1px var(--orange);
}

.page-products .pp-scene__n {
  display: block;
  margin-bottom: 14px;
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: .14em;
  color: var(--titanium);
}

.page-products .pp-scene__name {
  margin: 0 0 14px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(17px, 1.9vw, 21px);
  line-height: 1.4;
  letter-spacing: -.018em;
  color: var(--white);
}

.page-products .pp-scene__card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.78;
  color: var(--titanium);
}

.page-products .pp-scene__card strong {
  font-weight: 700;
  color: var(--orange);
}

/* ============ 收尾 ============ */
.page-products .pp-outro {
  border-top: var(--pp-hair);
  background: linear-gradient(180deg, var(--void) 0%, var(--deep) 100%);
}

.page-products .pp-outro__inner {
  padding-block: clamp(64px, 10vw, 132px);
}

.page-products .pp-outro__kicker {
  margin: 0 0 18px;
  font-family: var(--font-num);
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--orange);
}

.page-products .pp-outro__title {
  margin: 0 0 22px;
  max-width: 24ch;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(26px, 4.4vw, 48px);
  line-height: 1.14;
  letter-spacing: -.035em;
  color: var(--white);
}

.page-products .pp-outro__lede {
  margin: 0 0 32px;
  max-width: 62ch;
  font-size: 16px;
  line-height: 1.8;
  color: var(--titanium);
}

.page-products .pp-outro__links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
}

.page-products .pp-outro__foot {
  margin: 0;
  max-width: 66ch;
  font-size: 14px;
  line-height: 1.9;
  color: var(--titanium);
}

/* ============ 断点 ============ */
@media (min-width: 640px) {
  .page-products .pp-models { grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .page-products .pp-specs__row {
    grid-template-columns: 128px minmax(0, 1fr);
    gap: 20px;
    align-items: baseline;
  }

  .page-products .pp-warranty__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-products .pp-scene__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .page-products .pp-acc__row { grid-template-columns: 62px 60px minmax(0, 1fr); }
  .page-products .pp-acc__wire { display: block; }
}

@media (min-width: 900px) {
  .page-products .pp-hero__inner {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: end;
  }

  .page-products .pp-models { grid-template-columns: repeat(4, minmax(0, 1fr)); }

  .page-products .pp-model:nth-child(1),
  .page-products .pp-model:nth-child(8) {
    grid-column: span 2;
  }

  .page-products .pp-line {
    grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
    align-items: start;
    gap: clamp(32px, 4vw, 64px);
  }

  .page-products .pp-line--flip {
    grid-template-columns: minmax(0, 1fr) minmax(0, 6fr);
  }

  .page-products .pp-line--flip .pp-line__body { grid-column: 2; }
  .page-products .pp-line--flip .pp-line__mark { right: auto; left: 0; }

  .page-products .pp-lines__item {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
  }

  .page-products .pp-compare {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    align-items: start;
  }

  .page-products .pp-client__grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }

  .page-products .pp-scene__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 1180px) {
  .page-products .pp-hero__title { max-width: 15ch; }
  .page-products .pp-scale { height: 268px; }
}

@media (prefers-reduced-motion: reduce) {
  .page-products .pp-model,
  .page-products .pp-model__id,
  .page-products .pp-chip,
  .page-products .pp-wtab,
  .page-products .pp-warranty__col,
  .page-products .pp-acc__row,
  .page-products .pp-acc__model,
  .page-products .pp-acc__wire,
  .page-products .pp-acc__part,
  .page-products .pp-scene__card,
  .page-products .pp-funcs__item,
  .page-products .pp-compare__list li {
    transition: none;
  }
}

.page-products {
  --cyber: currentColor;
}