/* pricing-matrix — дизайн референса (Rubik, зелёный/жёлтый/крем).
   Все селекторы скоупнуты под [data-block="pricing-matrix"], классы pmx-*,
   чтобы не конфликтовать с глобальными .grid/.title/.c сайта.
   Тогл «показать всё» — чистый CSS через :target, без JS. */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

[data-block="pricing-matrix"]{
  --green:#66BB6A; --green-deep:#3F9B52; --green-lane:#F1F8F2;
  --yellow:#FFD166; --ink:#1F3329; --muted:#6E8175; --line:#E1EBE3; --paper:#FAFCF9;
  font-family:'Rubik',system-ui,sans-serif; background:var(--paper); color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
[data-block="pricing-matrix"] *,[data-block="pricing-matrix"] *::before,[data-block="pricing-matrix"] *::after{box-sizing:border-box;}

[data-block="pricing-matrix"] .pmx-head{text-align:center;max-width:720px;margin:0 auto 56px;}
[data-block="pricing-matrix"] .pmx-title{font-size:48px;font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:0 0 14px;}
[data-block="pricing-matrix"] .pmx-sub{font-size:16px;line-height:1.55;color:var(--muted);margin:0;}

[data-block="pricing-matrix"] .pmx-shell{max-width:1200px;margin:0 auto;position:relative;max-height:880px;overflow:hidden;transition:max-height 320ms ease;}
[data-block="pricing-matrix"] .pmx-fade{position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(180deg,rgba(250,252,249,0) 0%,var(--paper) 75%);pointer-events:none;}

[data-block="pricing-matrix"] .pmx-grid{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr 1fr 1fr;column-gap:14px;}

[data-block="pricing-matrix"] .pmx-h-t{background:var(--green);color:#fff;padding:24px 22px 22px;border-radius:18px 18px 0 0;display:flex;flex-direction:column;gap:6px;}
[data-block="pricing-matrix"] .pmx-h-name-big{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1;}
[data-block="pricing-matrix"] .pmx-h-price{display:flex;align-items:baseline;gap:6px;margin-top:6px;}
[data-block="pricing-matrix"] .pmx-h-num{font-size:24px;font-weight:600;color:var(--yellow);line-height:1.05;}
[data-block="pricing-matrix"] .pmx-h-unit{font-size:13px;color:rgba(255,255,255,.85);}
[data-block="pricing-matrix"] .pmx-h-time{font-size:12px;color:rgba(255,255,255,.78);}

[data-block="pricing-matrix"] .pmx-c{padding:14px 22px;background:#fff;display:flex;align-items:center;min-height:28px;font-size:14px;line-height:1.45;}
[data-block="pricing-matrix"] .pmx-c-name{font-weight:400;background:transparent;padding-left:0;padding-right:18px;border-bottom:1px solid var(--line);}
[data-block="pricing-matrix"] .pmx-c-lane{justify-content:center;text-align:center;}
[data-block="pricing-matrix"] .pmx-c-0{background:var(--green-lane);}
[data-block="pricing-matrix"] .pmx-c-1{background:#fff;}
[data-block="pricing-matrix"] .pmx-c-2{background:var(--green-lane);}

[data-block="pricing-matrix"] .pmx-cat-row{grid-column:1/-1;margin-top:18px;padding:14px 24px 12px 0;display:flex;align-items:baseline;gap:16px;border-bottom:1.5px solid var(--ink);}
[data-block="pricing-matrix"] .pmx-cat-name{font-size:18px;font-weight:600;letter-spacing:-.005em;}
[data-block="pricing-matrix"] .pmx-cat-cap{font-size:13px;color:var(--muted);}

[data-block="pricing-matrix"] .pmx-grid > .pmx-c-lane:nth-last-child(-n+3){border-radius:0 0 18px 18px;}

[data-block="pricing-matrix"] .pmx-yes{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--yellow);}
[data-block="pricing-matrix"] .pmx-no{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#ECEDEA;color:#9AA3A0;}
[data-block="pricing-matrix"] .pmx-no svg{display:block;}
[data-block="pricing-matrix"] .pmx-val{font-size:13px;font-weight:500;color:#2A4A35;font-variant-numeric:tabular-nums;line-height:1.3;text-align:center;}

[data-block="pricing-matrix"] .pmx-toggle{max-width:1200px;margin:0 auto;display:flex;justify-content:center;padding-top:28px;}
[data-block="pricing-matrix"] .pmx-toggle-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;background:var(--green);color:#fff;border:none;text-decoration:none;font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:.18s;box-shadow:0 6px 18px -8px rgba(63,155,82,.55);}
[data-block="pricing-matrix"] .pmx-toggle-btn:hover{background:var(--green-deep);transform:translateY(-1px);}

/* Тогл по классу .is-open (ставит внешний script.js).
   :target не используем — на сайте глобальный перехват кликов по якорям. */
[data-block="pricing-matrix"] .pmx-toggle-btn.pmx-close{display:none;}
[data-block="pricing-matrix"] .pmx-shell.is-open{max-height:20000px;}
[data-block="pricing-matrix"] .pmx-shell.is-open .pmx-fade{display:none;}
[data-block="pricing-matrix"] .pmx-shell.is-open ~ .pmx-toggle .pmx-toggle-btn.pmx-open{display:none;}
[data-block="pricing-matrix"] .pmx-shell.is-open ~ .pmx-toggle .pmx-toggle-btn.pmx-close{display:inline-flex;}

@media (max-width:900px){
  [data-block="pricing-matrix"] .pmx-price{padding:40px 16px;}
  [data-block="pricing-matrix"] .pmx-title{font-size:32px;}
  [data-block="pricing-matrix"] .pmx-grid{column-gap:6px;}
  [data-block="pricing-matrix"] .pmx-h-t{padding:16px 12px;border-radius:12px 12px 0 0;}
  [data-block="pricing-matrix"] .pmx-h-name-big{font-size:15px;}
  [data-block="pricing-matrix"] .pmx-h-num{font-size:18px;}
  [data-block="pricing-matrix"] .pmx-h-unit,[data-block="pricing-matrix"] .pmx-h-time{font-size:11px;}
  [data-block="pricing-matrix"] .pmx-c{padding:10px 8px;font-size:12.5px;}
  [data-block="pricing-matrix"] .pmx-c-name{padding-right:8px;}
  [data-block="pricing-matrix"] .pmx-val{font-size:11.5px;}
  [data-block="pricing-matrix"] .pmx-cat-row{padding:12px 8px 10px 0;}
  [data-block="pricing-matrix"] .pmx-cat-name{font-size:15px;}
  [data-block="pricing-matrix"] .pmx-cat-cap{display:none;}
}