.page-products{
  background:var(--cream);
  color:var(--ink);
  font-family:var(--font-body);
}

.page-products h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.35rem,3.4vw,2.05rem);
  line-height:1.16;
  letter-spacing:-.015em;
  margin:.35rem 0 .7rem;
  color:var(--ink-green);
}

.page-products .pd-crumbs{
  padding-top:1.1rem;
  padding-bottom:.35rem;
}

.page-products .pd-crumbs .breadcrumbs{
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.04em;
  color:var(--gray);
}

.page-products .pd-lead{
  font-size:.95rem;
  line-height:1.78;
  color:var(--gray);
  max-width:34rem;
  margin:0 0 1.5rem;
}

.page-products .pd-lead--wide{max-width:44rem;}

.page-products .pd-lead--onDark{color:rgba(244,236,221,.74);}

.page-products .pd-kicker{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--mint);
  padding:.35rem .6rem;
  border:1px solid rgba(99,245,180,.4);
  border-radius:2px;
  background:rgba(6,21,18,.55);
  margin:0;
}

/* ---------- 首屏 ---------- */
.page-products .pd-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--night);
  color:var(--cream);
  border-bottom:4px solid var(--ink-green);
  margin-top:.75rem;
}

.page-products .pd-hero__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.4;
  z-index:-2;
}

.page-products .pd-hero__veil{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(120% 90% at 10% 0%, rgba(99,245,180,.18), transparent 58%),
    linear-gradient(180deg, rgba(6,21,18,.5) 0%, rgba(6,21,18,.9) 62%, var(--night) 100%);
}

.page-products .pd-hero__inner{
  display:grid;
  gap:2rem;
  padding-block:clamp(2rem,6vw,4.25rem);
}

.page-products .pd-hero h1{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(1.8rem,5.4vw,3.2rem);
  line-height:1.06;
  letter-spacing:-.022em;
  color:var(--cream);
  margin:.85rem 0 1rem;
  max-width:15em;
}

.page-products .pd-hero__lede{
  font-size:.98rem;
  line-height:1.8;
  color:rgba(244,236,221,.82);
  max-width:36rem;
  margin:0;
}

.page-products .pd-hero__stats{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.9rem 1.2rem;
  margin:1.75rem 0 0;
  padding:1.25rem 0 0;
  border-top:1px dashed rgba(244,236,221,.28);
}

.page-products .pd-hero__stats li{display:block;}

.page-products .pd-hero__stats b{
  display:block;
  font-family:var(--font-score);
  font-weight:700;
  font-size:clamp(1.5rem,3.6vw,2.1rem);
  line-height:1;
  color:var(--mint);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}

.page-products .pd-hero__stats span{
  display:block;
  margin-top:.3rem;
  font-size:.72rem;
  letter-spacing:.04em;
  color:rgba(244,236,221,.62);
}

.page-products .pd-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  margin-top:1.75rem;
}

/* 记分牌小面板 */
.page-products .pd-board{
  background:rgba(11,43,36,.86);
  border:1px solid rgba(99,245,180,.32);
  box-shadow:6px 6px 0 rgba(6,21,18,.6);
  padding:1.05rem 1.05rem 1.2rem;
}

.page-products .pd-board__head{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:.75rem;
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(244,236,221,.68);
  border-bottom:1px dashed rgba(99,245,180,.3);
  padding-bottom:.6rem;
  margin-bottom:.6rem;
}

.page-products .pd-board__row{
  display:grid;
  grid-template-columns:3.6rem minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:.4rem;
  padding:.5rem 0;
  border-bottom:1px solid rgba(244,236,221,.1);
  font-size:.78rem;
}

.page-products .pd-board__row--last{border-bottom:0;}

.page-products .pd-board__time{
  font-family:var(--font-mono);
  font-size:.62rem;
  letter-spacing:.02em;
  color:var(--amber);
  line-height:1.3;
}

.page-products .pd-board__team{
  color:var(--cream);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-products .pd-board__team--away{text-align:right;}

.page-products .pd-board__score{
  font-family:var(--font-score);
  font-size:1.12rem;
  font-weight:700;
  color:var(--mint);
  font-variant-numeric:tabular-nums;
  padding:0 .1rem;
  white-space:nowrap;
}

.page-products .pd-board__note{
  margin:.85rem 0 0;
  font-family:var(--font-mono);
  font-size:.62rem;
  letter-spacing:.05em;
  color:rgba(244,236,221,.5);
}

/* ---------- 工作区双栏 ---------- */
.page-products .pd-work{
  padding-block:clamp(2.25rem,6vw,4rem);
}

.page-products .pd-work__grid{
  display:grid;
  gap:2rem;
}

.page-products .pd-timeline{
  list-style:none;
  margin:0;
  padding:0;
}

.page-products .pd-timeline li{
  position:relative;
  padding:0 0 1.5rem 1.7rem;
  border-left:2px solid rgba(11,43,36,.16);
}

.page-products .pd-timeline li:last-child{padding-bottom:.2rem;}

.page-products .pd-timeline li::before{
  content:"";
  position:absolute;
  left:-7px;
  top:.35rem;
  width:12px;
  height:12px;
  border-radius:3px;
  background:var(--cream);
  border:2px solid var(--ink-green);
  transform:rotate(45deg);
}

.page-products .pd-timeline li.is-now::before{
  background:var(--amber);
  border-color:var(--amber);
}

.page-products .pd-slot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.08em;
  color:var(--gray);
}

.page-products .pd-slot__live{
  color:var(--night);
  background:var(--amber);
  padding:.1rem .4rem;
  border-radius:2px;
  font-weight:700;
  letter-spacing:.06em;
}

.page-products .pd-timeline h3{
  font-family:var(--font-display);
  font-size:1.02rem;
  font-weight:800;
  letter-spacing:-.008em;
  line-height:1.4;
  color:var(--ink-green);
  margin:.45rem 0 .25rem;
}

.page-products .pd-timeline p{
  margin:0;
  font-size:.83rem;
  line-height:1.68;
  color:var(--gray);
}

/* 球队资料卡 */
.page-products .pd-team{
  position:relative;
  background:var(--ink-green);
  color:var(--cream);
  padding:1.3rem 1.25rem 1.35rem;
  box-shadow:6px 6px 0 var(--paper);
  border:1px solid rgba(6,21,18,.6);
  overflow:hidden;
}

.page-products .pd-team__mark{
  position:absolute;
  right:.9rem;
  top:.4rem;
  font-family:var(--font-score);
  font-weight:700;
  font-size:5.6rem;
  line-height:.9;
  letter-spacing:-.04em;
  color:rgba(99,245,180,.16);
  pointer-events:none;
}

.page-products .pd-team__chips{
  display:flex;
  gap:.3rem;
  margin-bottom:.9rem;
}

.page-products .pd-team__chips i{
  display:block;
  width:24px;
  height:7px;
  border-radius:1px;
}

.page-products .pd-team__kick{
  margin:0;
  font-family:var(--font-mono);
  font-size:.64rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--mint);
}

.page-products .pd-team__name{
  font-family:var(--font-display);
  font-size:1.6rem;
  font-weight:900;
  letter-spacing:-.02em;
  color:var(--cream);
  margin:.35rem 0 1rem;
}

.page-products .pd-team__meta{
  margin:0;
  display:grid;
  gap:.55rem;
}

.page-products .pd-team__meta div{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:.75rem;
  padding-bottom:.5rem;
  border-bottom:1px solid rgba(244,236,221,.12);
}

.page-products .pd-team__meta dt{
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.07em;
  color:rgba(244,236,221,.55);
}

.page-products .pd-team__meta dd{
  margin:0;
  font-size:.85rem;
  font-weight:600;
  color:var(--cream);
  text-align:right;
}

.page-products .pd-team__formlabel{
  margin:1rem 0 .45rem;
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.1em;
  color:rgba(244,236,221,.6);
}

.page-products .pd-form{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:.3rem;
}

.page-products .pd-form span{
  display:grid;
  place-items:center;
  height:28px;
  font-family:var(--font-mono);
  font-size:.7rem;
  font-weight:700;
  color:var(--cream);
  border:1px solid rgba(244,236,221,.24);
}

.page-products .pd-form .w{
  background:rgba(99,245,180,.2);
  border-color:rgba(99,245,180,.6);
  color:var(--mint);
}

.page-products .pd-form .d{
  background:rgba(242,201,76,.16);
  border-color:rgba(242,201,76,.5);
  color:var(--card-yellow);
}

.page-products .pd-form .l{
  background:rgba(229,72,77,.2);
  border-color:rgba(229,72,77,.55);
  color:#ff9a9d;
}

.page-products .pd-team__fig{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  margin-top:1.1rem;
  aspect-ratio:4/3;
  object-fit:cover;
  border:1px solid rgba(244,236,221,.2);
}

/* ---------- 排名 ---------- */
.page-products .pd-ranking{
  background:var(--cream);
  padding-block:clamp(2.25rem,6vw,4rem);
  border-top:1px solid rgba(11,43,36,.14);
}

.page-products .pd-ranking__grid{
  display:grid;
  gap:1.75rem;
}

.page-products .pd-table{
  border:1px solid rgba(11,43,36,.2);
  background:#faf5ea;
}

.page-products .pd-table__head{
  display:grid;
  grid-template-columns:2.2rem minmax(0,1fr) 3.2rem 4.6rem;
  align-items:center;
  gap:.4rem;
  padding:.6rem .7rem;
  background:var(--ink-green);
  color:rgba(244,236,221,.8);
  font-family:var(--font-mono);
  font-size:.62rem;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.page-products .pd-row{
  border-bottom:1px solid rgba(11,43,36,.12);
}

.page-products .pd-row:last-of-type{border-bottom:0;}

.page-products .pd-row__sum{
  display:grid;
  grid-template-columns:2.2rem minmax(0,1fr) 3.2rem 4.6rem;
  align-items:center;
  gap:.4rem;
  padding:.7rem .7rem;
  cursor:pointer;
  list-style:none;
}

.page-products .pd-row__sum::-webkit-details-marker{display:none;}

.page-products .pd-row__sum:hover{background:rgba(229,217,195,.5);}

.page-products .pd-row[open] > .pd-row__sum{
  background:rgba(229,217,195,.7);
  box-shadow:inset 3px 0 0 var(--amber);
}

.page-products .pd-row__rank{
  font-family:var(--font-score);
  font-size:1.15rem;
  font-weight:700;
  color:var(--gray);
  font-variant-numeric:tabular-nums;
}

.page-products .pd-row:first-of-type .pd-row__rank{color:var(--ink-green);}

.page-products .pd-row__team{
  font-size:.88rem;
  font-weight:600;
  color:var(--ink);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.page-products .pd-row__num{
  font-family:var(--font-score);
  font-size:.95rem;
  color:var(--gray);
  font-variant-numeric:tabular-nums;
  text-align:center;
}

.page-products .pd-row__pts{
  font-family:var(--font-score);
  font-size:1.3rem;
  font-weight:700;
  color:var(--ink-green);
  font-variant-numeric:tabular-nums;
  text-align:center;
}

.page-products .pd-cards{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.45rem;
  min-width:0;
}

.page-products .pd-cards__item{
  display:inline-flex;
  align-items:center;
  gap:.15rem;
  font-family:var(--font-mono);
  font-size:.7rem;
  font-weight:700;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}

.page-products .pd-cards__ico{
  width:9px;
  height:12px;
  flex:0 0 auto;
}

.page-products .pd-cards__ico--y{fill:var(--card-yellow);}
.page-products .pd-cards__ico--r{fill:var(--card-red);}

.page-products .pd-row__detail{
  padding:.6rem .8rem .85rem 2.6rem;
  font-size:.79rem;
  line-height:1.72;
  color:var(--gray);
  background:rgba(229,217,195,.35);
  border-top:1px dashed rgba(11,43,36,.16);
}

.page-products .pd-table__foot{
  margin:0;
  padding:.8rem .9rem;
  border-top:1px solid rgba(11,43,36,.16);
  font-size:.76rem;
  line-height:1.7;
  color:var(--gray);
  background:rgba(229,217,195,.4);
}

.page-products .pd-table__foot a{
  color:var(--ink-green);
  text-decoration:underline;
  text-decoration-color:var(--mint);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

.page-products .pd-ranking__fig{
  margin:0;
  border:1px solid rgba(11,43,36,.2);
  background:var(--ink-green);
  box-shadow:6px 6px 0 var(--paper);
}

.page-products .pd-ranking__fig img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  aspect-ratio:14/9;
}

.page-products .pd-ranking__fig figcaption{
  padding:.7rem .85rem;
  font-family:var(--font-mono);
  font-size:.66rem;
  line-height:1.65;
  letter-spacing:.03em;
  color:rgba(244,236,221,.66);
}

/* ---------- 历史数据 ---------- */
.page-products .pd-history{
  background:var(--ink-green);
  color:var(--cream);
  padding-block:clamp(2.25rem,6vw,3.75rem);
  border-top:4px solid var(--night);
  border-bottom:4px solid var(--night);
}

.page-products .pd-history .eyebrow{color:var(--mint);}

.page-products .pd-history h2{color:var(--cream);}

.page-products .pd-history__modes{
  display:grid;
  gap:.7rem;
  margin-bottom:1.4rem;
}

.page-products .pd-mode{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.6rem;
  padding:.7rem .85rem;
  border:1px solid rgba(99,245,180,.28);
  background:rgba(6,21,18,.42);
}

.page-products .pd-mode__key{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.12em;
  color:var(--mint);
  min-width:4.5rem;
}

.page-products .pd-mode__val{
  font-size:.86rem;
  color:rgba(244,236,221,.86);
  font-variant-numeric:tabular-nums;
}

.page-products .pd-history__tape{
  list-style:none;
  display:flex;
  gap:.6rem;
  margin:0;
  padding:0 0 .4rem;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}

.page-products .pd-history__tape li{
  flex:0 0 auto;
  scroll-snap-align:start;
  min-width:9.5rem;
  padding:.7rem .8rem;
  border:1px solid rgba(244,236,221,.2);
  background:rgba(6,21,18,.45);
}

.page-products .pd-history__tape li span{
  display:block;
  font-family:var(--font-mono);
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.08em;
  color:rgba(244,236,221,.72);
  font-variant-numeric:tabular-nums;
}

.page-products .pd-history__tape li b{
  display:block;
  margin-top:.3rem;
  font-size:.68rem;
  font-weight:400;
  line-height:1.5;
  color:rgba(244,236,221,.5);
}

.page-products .pd-history__tape li.is-current{
  border-color:var(--mint);
  background:rgba(99,245,180,.12);
  box-shadow:inset 0 0 0 1px rgba(99,245,180,.4);
}

.page-products .pd-history__tape li.is-current span{color:var(--mint);}
.page-products .pd-history__tape li.is-current b{color:rgba(244,236,221,.78);}

.page-products .pd-flip{
  position:sticky;
  bottom:0;
  z-index:5;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
  margin-top:1.4rem;
  padding:.65rem .85rem;
  background:var(--night);
  border:1px solid rgba(99,245,180,.36);
}

.page-products .pd-flip__label{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.07em;
  color:rgba(244,236,221,.66);
}

.page-products .pd-flip__nav{
  display:flex;
  gap:1rem;
}

.page-products .pd-flip__nav a{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.07em;
  color:var(--mint);
  text-decoration:none;
  border-bottom:1px solid rgba(99,245,180,.5);
  padding-bottom:1px;
}

.page-products .pd-flip__nav a:hover{color:var(--cream);}

/* ---------- 多端与字段 ---------- */
.page-products .pd-multi{
  padding-block:clamp(2.25rem,6vw,4rem);
}

.page-products .pd-multi__grid{
  display:grid;
  gap:2rem;
}

.page-products .pd-multi__phone{
  margin:0;
  border:1px solid rgba(11,43,36,.22);
  background:var(--paper);
  box-shadow:6px 6px 0 rgba(11,43,36,.12);
  padding:.75rem;
}

.page-products .pd-multi__phone img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  aspect-ratio:3/4;
  border:1px solid rgba(11,43,36,.16);
}

.page-products .pd-multi__phone figcaption{
  margin-top:.6rem;
  font-family:var(--font-mono);
  font-size:.66rem;
  line-height:1.6;
  letter-spacing:.03em;
  color:var(--gray);
}

.page-products .pd-facts{
  list-style:none;
  margin:0 0 1.5rem;
  padding:0;
  display:grid;
  gap:.85rem;
}

.page-products .pd-facts li{
  position:relative;
  padding-left:1.15rem;
  font-size:.88rem;
  line-height:1.75;
  color:var(--gray);
}

.page-products .pd-facts li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62rem;
  width:8px;
  height:8px;
  border-radius:2px;
  background:var(--amber);
  transform:rotate(45deg);
}

.page-products .pd-facts strong{
  color:var(--ink-green);
  font-weight:700;
}

.page-products .pd-multi__cards{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  aspect-ratio:5/3;
  border:1px solid rgba(11,43,36,.2);
  background:var(--night);
}

.page-products .pd-multi__link{
  margin:1.1rem 0 0;
  font-size:.84rem;
  line-height:1.75;
  color:var(--gray);
}

.page-products .pd-multi__link a{
  color:var(--ink-green);
  text-decoration:underline;
  text-decoration-color:var(--mint);
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

/* ---------- 常用栏 ---------- */
.page-products .pd-bar{
  background:var(--paper);
  padding-block:clamp(2.25rem,6vw,3.75rem);
  border-top:1px solid rgba(11,43,36,.16);
  border-bottom:1px solid rgba(11,43,36,.16);
}

.page-products .pd-bar__grid{
  display:grid;
  gap:1.75rem;
}

.page-products .pd-bar__note{
  margin:0;
  font-size:.82rem;
  line-height:1.72;
  color:var(--gray);
  border-left:3px solid var(--amber);
  padding-left:.8rem;
}

.page-products .pd-bar__slots{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.5rem;
}

.page-products .pd-bar__slots li{
  display:flex;
  flex-direction:column;
  gap:.15rem;
  padding:.6rem .7rem;
  font-size:.8rem;
  font-weight:600;
  color:var(--ink-green);
  background:var(--cream);
  border:1px solid rgba(11,43,36,.2);
}

.page-products .pd-bar__slots li span{
  font-family:var(--font-mono);
  font-size:.6rem;
  letter-spacing:.08em;
  font-weight:400;
  color:var(--gray);
}

.page-products .pd-bar__slots li.is-on{
  background:var(--ink-green);
  border-color:var(--ink-green);
  color:var(--cream);
  box-shadow:3px 3px 0 rgba(11,43,36,.16);
}

.page-products .pd-bar__slots li.is-on span{color:var(--mint);}

/* ---------- 结尾行动 ---------- */
.page-products .pd-cta{
  background:var(--night);
  color:var(--cream);
  padding-block:clamp(2.25rem,6vw,3.5rem);
}

.page-products .pd-cta h2{
  color:var(--cream);
  margin-top:.7rem;
}

.page-products .pd-cta__inner{
  display:grid;
  gap:1.5rem;
}

.page-products .pd-cta__text{
  margin:0;
  font-size:.92rem;
  line-height:1.8;
  color:rgba(244,236,221,.76);
  max-width:34rem;
}

.page-products .pd-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}

.page-products .pd-cta__actions .btn--ghost{
  color:var(--cream);
  border-color:rgba(244,236,221,.45);
}

.page-products .pd-cta__actions .btn--ghost:hover{
  border-color:var(--mint);
  color:var(--mint);
}

/* ---------- 响应式 ---------- */
@media (min-width:600px){
  .page-products .pd-hero__stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

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

  .page-products .pd-history__modes{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .page-products .pd-multi__phone{
    max-width:24rem;
    margin-inline:auto;
  }
}

@media (min-width:760px){
  .page-products .pd-table__head,
  .page-products .pd-row__sum{
    grid-template-columns:3rem minmax(0,1fr) 3.6rem 4rem 4rem 6.2rem;
    gap:.6rem;
    padding-inline:1rem;
  }

  .page-products .pd-col--mid{display:block;}

  .page-products .pd-row__detail{
    padding-left:4rem;
  }

  .page-products .pd-cta__inner{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
  }

  .page-products .pd-cta__actions{align-self:end;}
}

@media (min-width:940px){
  .page-products .pd-hero__inner{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    align-items:end;
    gap:2.5rem;
  }

  .page-products .pd-work__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:start;
    gap:2.5rem;
  }

  .page-products .pd-work__col--side{
    margin-top:2.5rem;
  }

  .page-products .pd-ranking__grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:start;
    gap:2.25rem;
  }

  .page-products .pd-ranking__fig{
    margin-top:1.25rem;
  }

  .page-products .pd-multi__grid{
    grid-template-columns:minmax(0,4fr) minmax(0,8fr);
    align-items:start;
    gap:2.5rem;
  }

  .page-products .pd-multi__phone{
    max-width:none;
    margin-inline:0;
    margin-top:1.5rem;
  }

  .page-products .pd-bar__grid{
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    align-items:start;
    gap:2.5rem;
  }

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

@media (min-width:1080px){
  .page-products .pd-bar__slots{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-width:759px){
  .page-products .pd-col--mid{display:none;}
}

@media (prefers-reduced-motion:reduce){
  .page-products .pd-flip{position:static;}
}
</｜｜DSML｜｜ parameter>
</result>