/* ==========================================================
   Home – Price Match
   ========================================================== */

.section-pricematch{
  padding-top:4.7rem;
}
.pricematch-window{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:1rem;
  padding:1.4rem;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(780px 280px at 0% 0%, rgba(24,172,78,.18), transparent 72%),
    radial-gradient(780px 280px at 100% 0%, rgba(23,184,176,.15), transparent 72%),
    linear-gradient(180deg, rgba(16,22,34,.95), rgba(8,12,20,.98));
  box-shadow:0 30px 70px rgba(0,0,0,.34);
}
.pricematch-copy{
  padding:.35rem .25rem .35rem .35rem;
}
.pricematch-list{
  max-width:60ch;
}
.pricematch-card{
  padding:1.15rem;
  border-color:rgba(255,255,255,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(8,12,20,.64);
}
.pricematch-save{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:.32rem .85rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg, rgba(24,172,78,.16), rgba(23,184,176,.14));
  font-size:.95rem;
  font-weight:800;
  letter-spacing:.01em;
}
.pricematch-steps{
  margin:1rem 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.9rem;
  counter-reset:step;
}
.pricematch-steps li{
  position:relative;
  padding-left:3rem;
  min-height:42px;
}
.pricematch-steps li::before{
  counter-increment:step;
  content:counter(step);
  position:absolute;
  left:0;
  top:0;
  width:2rem;
  height:2rem;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  color:#ffffff;
  font-weight:800;
  box-shadow:0 10px 20px rgba(0,0,0,.25);
}
.pricematch-steps strong{
  display:block;
  margin-bottom:.18rem;
}
.pricematch-steps span{
  display:block;
  color:#c6cfdb;
  font-size:.94rem;
}
.pricematch-note{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.10);
  color:#adb7c5;
  font-size:.9rem;
}

@media (max-width:980px){
  .pricematch-window{
    grid-template-columns:1fr;
  }
}