/* prices.css — секция «Сколько стоит окно под ключ»
   Подключается дополнительно к styles.css и использует те же CSS-токены
   (--ink, --muted, --line, --soft, --soft2, --blue, --blue2, --orange,
   --shadow, --r, --container), новых переменных не вводит.

   Классы (.prices-grid, .pcard*, .prices-includes, .includes-col)
   уникальны и не пересекаются с существующими стилями. */

/* === Сетка карточек пакетов === */
.prices-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-bottom:34px;
}

/* === Карточка пакета === */
.pcard{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:26px 22px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  box-shadow:0 14px 42px rgba(16,32,50,.045);
  transition:transform .22s ease, box-shadow .22s ease;
}
.pcard:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
}

/* Шапка карточки */
.pcard-tier{
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--blue2);
  margin-bottom:8px;
}
.pcard-for{
  font-size:13px;
  line-height:1.4;
  color:var(--muted);
  margin-bottom:16px;
  min-height:36px;
}
.pcard-name{
  margin:0 0 4px;
  font-size:19px;
  line-height:1.18;
  letter-spacing:-.025em;
  color:var(--ink);
}
.pcard-spec{
  font-size:13px;
  color:var(--muted);
  margin-bottom:18px;
}

/* Список цен */
.pcard-list{
  list-style:none;
  margin:0 0 20px;
  padding:14px 0 0;
  border-top:1px solid var(--line);
  flex:1;
}
.pcard-list li{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  padding:9px 0;
  font-size:14px;
  color:var(--muted);
  border-bottom:1px solid var(--soft2);
}
.pcard-list li:last-child{border-bottom:0}
.pcard-list b{
  font-size:15px;
  font-weight:900;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

/* CTA внутри карточки (button с минимальным сбросом) */
.pcard-cta{
  align-self:flex-start;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  color:#b54a06;
  font-weight:900;
  font-size:14px;
  letter-spacing:-.01em;
  transition:color .2s ease;
}
.pcard-cta:hover{color:var(--orange)}
.pcard-cta:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:4px;
  border-radius:4px;
}

/* Выделенная карточка */
.pcard--featured{
  border-color:rgba(244,122,36,.4);
  background:linear-gradient(165deg,#fff 0%,#fff8f0 100%);
  box-shadow:0 22px 60px rgba(244,122,36,.12);
}
.pcard-badge{
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  background:var(--orange);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:6px 14px;
  border-radius:999px;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(244,122,36,.32);
}

/* === Блок «Входит / Оплачивается отдельно» === */
.prices-includes{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  padding:28px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  box-shadow:0 14px 42px rgba(16,32,50,.045);
}
.includes-col h4{
  margin:0 0 14px;
  font-size:15px;
  font-weight:900;
  letter-spacing:.02em;
  color:var(--ink);
}
.includes-col ul{
  list-style:none;
  margin:0;
  padding:0;
}
.includes-col li{
  position:relative;
  padding:6px 0 6px 28px;
  font-size:14px;
  line-height:1.45;
  color:#3c4a5c;
}
.includes-col li::before{
  content:"";
  position:absolute;
  left:2px;
  top:11px;
  width:12px;
  height:7px;
  border-left:2px solid var(--blue);
  border-bottom:2px solid var(--blue);
  transform:rotate(-45deg);
}

/* === Адаптив === */
@media(max-width:1180px){
  .prices-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcard-for{min-height:0}
}
@media(max-width:820px){
  .prices-grid{grid-template-columns:1fr;gap:14px}
  .prices-includes{grid-template-columns:1fr;padding:22px;gap:20px}
  .pcard{padding:22px 20px;border-radius:24px}
  .pcard-badge{left:auto;right:18px;transform:none}
}