/* Прайс-лист (макет «Прайс-лист»): поиск, бренды, разделы-аккордеоны любой глубины, таблица позиций. Данные — из каталога (js/price.js) */
.pl-pg{padding-bottom:72px;font-size:15px;line-height:1.55;color:var(--ink)}
.pl-pg .pl-head{padding-top:18px;display:flex;flex-direction:column;gap:12px;max-width:820px}
.pl-pg .pl-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 24px;border-radius:4px;font-size:14.5px;font-weight:600;white-space:nowrap;max-width:100%;min-width:0;text-decoration:none}
.pl-pg .pl-btn-line{border:1px solid var(--line);background:#fff;color:var(--navy)}
.pl-pg .pl-btn-line:hover{border-color:var(--navy);background:var(--navy);color:#fff}
.pl-pg .pl-btn:focus-visible{outline:2px solid var(--navy);outline-offset:2px}

/* поиск и скачивание */
.pl-pg .pl-bar{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:center}
.pl-pg .pl-s{position:relative;max-width:560px}
.pl-pg .pl-s input{box-sizing:border-box;width:100%;height:48px;border:1px solid var(--line);border-radius:4px;padding:0 16px 0 44px;font:inherit;font-size:15px;color:var(--ink);background:#fff}
.pl-pg .pl-s input:focus{outline:2px solid var(--navy);outline-offset:-1px;border-color:var(--navy)}
.pl-pg .pl-s svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}
.pl-pg .pl-r{display:flex;align-items:center;gap:16px}
.pl-pg .pl-r small{font-size:13px;color:var(--muted);white-space:nowrap}

/* бренды и разделы-аккордеоны */
.pl-pg .pb-h{margin-top:44px;display:flex;flex-direction:column;gap:10px}
.pl-pg .acc{margin-top:18px;border-top:1px solid var(--line)}
.pl-pg .ac{border-bottom:1px solid var(--line)}
.pl-pg .ac-h{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 32px;gap:16px;align-items:center;min-height:60px;padding:12px 0}
.pl-pg .ac-h:disabled{cursor:default}
.pl-pg .ac-h:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
.pl-pg .ac-h b{font-size:17px;color:var(--navy);line-height:1.3}
.pl-pg .ac-h small{font-size:13px;color:var(--muted);white-space:nowrap}
.pl-pg .ac-i{width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--navy);display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .15s}
.pl-pg .ac.on .ac-i{transform:rotate(180deg);background:var(--navy);color:#fff}
.pl-pg .ac-b{padding:4px 0 24px;border-bottom:1px solid var(--line)}
/* вложенные разделы: отступ по уровню, заголовок мельче */
.pl-pg .ac.d1 .ac-h{padding-left:24px}.pl-pg .ac.d2 .ac-h{padding-left:48px}.pl-pg .ac.d3 .ac-h{padding-left:72px}
.pl-pg .ac:is(.d1,.d2,.d3) .ac-h{min-height:52px}
.pl-pg .ac:is(.d1,.d2,.d3) .ac-h b{font-size:15.5px;font-weight:600}
.pl-pg .ac:is(.d1,.d2,.d3) .ac-i{width:28px;height:28px}
.pl-pg .ac-b.d1{padding-left:24px}.pl-pg .ac-b.d2{padding-left:48px}.pl-pg .ac-b.d3{padding-left:72px}
.pl-pg .pl-in > .ac-empty{padding:12px 0;border-bottom:1px solid var(--line)}

/* таблица — как в каталоге Webasto */
.pl-pg .tw{overflow-x:auto}
.pl-pg .pt{width:100%;border-collapse:collapse;font-size:14.5px;min-width:900px}
.pl-pg .pt th{background:var(--navy);color:#fff;font-size:13px;font-weight:600;text-align:left;padding:10px 12px;white-space:nowrap}
.pl-pg .pt td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.pl-pg .pt tbody tr:hover td{background:#f6f8fb}
.pl-pg .pt .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.pl-pg .pt .th{width:56px;height:42px;border:1px solid #eef1f4;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pl-pg .pt .th img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.pl-pg .pt .nm a{color:var(--navy);font-weight:600;text-decoration:none}
.pl-pg .pt .nm a:hover{text-decoration:underline}
.pl-pg .pt .pr{font-weight:700;white-space:nowrap}
.pl-pg .pt .pr.mut{font-weight:400;color:var(--muted)}
.pl-pg .av{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--navy);white-space:nowrap}
.pl-pg .av.ord{color:var(--muted);font-weight:500}
.pl-pg .pt .pl-btn{height:36px;padding:0 14px;font-size:13.5px}
.pl-pg .pl-cta{background:#cf4141;color:#fff}.pl-pg .pl-cta:hover{background:#b83737}
.pl-pg .pl-cta.in{background:var(--navy)}
.pl-pg .ac-empty{margin:0;padding:6px 0 0;font-size:14px;color:var(--muted)}
.pl-pg .nf{margin-top:24px;padding:28px 0;border-top:1px solid var(--line);color:var(--muted)}
.pl-pg .pl-load{margin-top:24px;color:var(--muted)}

/* «Нужна цена на позицию не из списка?» */
.pl-pg .pl-ask{margin-top:64px;background:var(--navy);color:#fff;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pl-pg .pl-ask b{display:block;font-size:22px;font-weight:700}
.pl-pg .pl-ask span{color:rgba(255,255,255,.78)}
.pl-pg .pl-ask-b{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 24px;border-radius:4px;background:#fff;color:var(--navy);font-size:14.5px;font-weight:600;white-space:nowrap;text-decoration:none}
.pl-pg .pl-ask-b:hover{background:#e9eef5}


@media (max-width:767px){
  .pl-pg .pl-bar{grid-template-columns:1fr}.pl-pg .pl-r{flex-direction:column;align-items:stretch;gap:6px}.pl-pg .pl-r .pl-btn{width:100%}.pl-pg .pl-r small{white-space:normal}
  .pl-pg .ac-h{grid-template-columns:minmax(0,1fr) 32px}.pl-pg .ac-h small{grid-column:1;grid-row:2;margin-top:-10px}.pl-pg .ac-i{grid-row:1/3;grid-column:2}
  .pl-pg .ac.d1 .ac-h,.pl-pg .ac-b.d1{padding-left:12px}.pl-pg .ac.d2 .ac-h,.pl-pg .ac-b.d2{padding-left:24px}.pl-pg .ac.d3 .ac-h,.pl-pg .ac-b.d3{padding-left:36px}
  .pl-pg .pt{min-width:0}.pl-pg .pt,.pl-pg .pt tbody{display:block}.pl-pg .pt thead{display:none}
  .pl-pg .pt tr{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"th nm nm" "th num num" "av av pr" "pi pi pi" "bt bt bt";gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--line)}
  .pl-pg .pt td{padding:0;border:0;background:none}
  .pl-pg .pt tbody tr:hover td{background:none}
  .pl-pg .pt td:nth-child(1){grid-area:num;font-size:13px;color:var(--muted)}.pl-pg .pt td:nth-child(2){grid-area:th}.pl-pg .pt td:nth-child(3){grid-area:nm}
  .pl-pg .pt td:nth-child(4){grid-area:av;align-self:center}.pl-pg .pt td:nth-child(5){grid-area:pr;text-align:right}.pl-pg .pt td:nth-child(6){grid-area:pi;font-size:13px}
  .pl-pg .pt td:nth-child(6)::before{content:"С установкой: ";color:var(--muted);font-weight:400}.pl-pg .pt td:nth-child(7){grid-area:bt;margin-top:6px}.pl-pg .pt td:nth-child(7):empty{display:none}.pl-pg .pt .pl-btn{width:100%;border-radius:999px}
  .pl-pg .pl-ask{flex-direction:column;align-items:flex-start;padding:24px 20px;margin-top:44px}.pl-pg .pl-ask-b{width:100%}
}