/* Карточка товара: pd-* поверх системы главной (home.css) и страницы категории (category.css: хлебные крошки cat-crumbs) */

/* — верх: галерея и покупка — */
.pd-top{padding:clamp(104px,9vw,128px) 0 0}
.pd-top__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--hm-gap);align-items:start}
.pd-gallery{grid-column:1 / span 7;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.pd-stage{aspect-ratio:5 / 4;border-radius:var(--hm-r);background:var(--ks-surface);overflow:hidden}
.pd-stage img{display:block;width:100%;height:100%;object-fit:contain;padding:6%;box-sizing:border-box;mix-blend-mode:multiply}
.pd-thumbs{display:flex;flex-wrap:wrap;gap:10px}
.pd-thumb{display:block;width:88px;aspect-ratio:1 / 1;border:1px solid var(--hm-line);border-radius:14px;background:var(--ks-surface);overflow:hidden;transition:border-color .2s}
.pd-thumb img{display:block;width:100%;height:100%;object-fit:contain;padding:8%;box-sizing:border-box;mix-blend-mode:multiply}
.pd-thumb:hover{border-color:var(--ks-blue)}
.pd-thumb.is-on{border-color:var(--ks-dark);box-shadow:inset 0 0 0 1px var(--ks-dark)}
.pd-buy{grid-column:8 / -1;position:sticky;top:104px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:start;min-width:0}
.pd-h1{margin:0;font-size:clamp(22px,2.3vw,32px);line-height:1.15;letter-spacing:-.02em;font-weight:700;color:var(--ks-dark);text-wrap:balance}
.pd-aud{margin:0;font-size:16px;line-height:1.5;font-weight:700;color:var(--ks-dark)}
.pd-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--hm-gap);margin:4px 0 0}
.pd-facts > div{display:grid;grid-template-rows:auto 1fr;align-content:start;padding:10px 0;border-top:1px solid var(--hm-line)}
.pd-facts dd{grid-row:1}.pd-facts dt{grid-row:2}
.pd-facts dd{margin:0;font-size:18px;line-height:1.3;font-weight:800;color:var(--ks-dark)}
.pd-facts dt{margin-top:2px;font-size:13px;line-height:1.35;font-weight:500;color:var(--hm-muted)}
.pd-models{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0;font-size:14px;line-height:1.4}
.pd-models .hm-muted{flex:none}
.pd-models b{font-weight:800;color:var(--ks-dark)}
.pd-cta{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:4px}
.pd-proof{margin:0}
.pd-page .ks-quick__link,.product-blocks-page .ks-quick__link{min-height:44px}

/* — «О машине»: заголовок и лид сверху, особенности сеткой 2 колонки — */
.pd-page .hm-h2{font-size:clamp(22px,2vw,28px)}
.pd-about__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--hm-gap)}
.pd-about__grid > div{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--hm-gap);align-items:start}
.pd-about__grid > div h2{grid-column:1 / -1}
.pd-lead2{margin:0;font-size:16px;line-height:1.6;font-weight:500;color:var(--hm-muted)}
.hm-lead p{margin:0 0 .8em}.hm-lead p:last-child{margin:0}
.pd-feat{grid-column:1 / -1;list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hm-gap)}
.pd-feat li{display:grid;gap:8px;align-content:start;padding:24px;border-radius:var(--hm-r);background:var(--ks-surface)}
.pd-feat__n{font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--ks-blue)}
.pd-feat__t{margin:0;font-size:17px;line-height:1.3;font-weight:800;color:var(--ks-dark)}
.pd-about__cta{grid-column:1 / -1;margin:24px 0 0}
.pd-feat p{margin:0;font-size:14px;line-height:1.5;font-weight:500;color:var(--hm-muted)}

/* — таблица характеристик: параметры строками, модели колонками — */
.pd-specs-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--hm-line);background:#fff;border-radius:var(--hm-r);max-width:100%}
.pd-specs{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.45}
.pd-specs th,.pd-specs td{padding:14px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--hm-line);white-space:normal}
.pd-specs thead th{background:#fff;font-weight:800;color:var(--ks-dark);white-space:nowrap}
.pd-specs thead th:first-child{position:sticky;left:0;z-index:2}
.pd-specs tbody th{min-width:200px;font-weight:600;color:var(--hm-muted);background:#fff;position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--hm-line)}
.pd-specs td{font-weight:700;color:var(--ks-dark);min-width:110px}
.pd-specs tr:last-child th,.pd-specs tr:last-child td{border-bottom:0}
.pd-specs__ask td .hm-link{min-height:44px}

/* — документы, объекты, другие модели — */
.pd-sub{margin:40px 0 16px}
.pd-sub:first-of-type{margin-top:0}
.pd-docs{list-style:none;margin:0;padding:0;border-top:1px solid var(--hm-line)}
.pd-docs li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;padding:14px 0;border-bottom:1px solid var(--hm-line)}
.pd-docs a{display:inline-flex;align-items:center;min-height:44px;font-size:17px;font-weight:700;color:var(--ks-dark);text-decoration:none;transition:color .2s}
.pd-docs a:hover{color:var(--ks-blue)}
.pd-note{margin:14px 0 0;max-width:70ch}
.pd-more{margin:0;padding:0;list-style:none;grid-column:auto}

/* соседние белые секции не складывают двойной отступ */
.pd-page .hm-sec:not(.hm-sec--tint):not(.hm-sec--dark) + .hm-sec:not(.hm-sec--tint):not(.hm-sec--dark){padding-top:0}

@media (max-width:1100px){
  .pd-feat{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd-about__grid > div{grid-column:1 / -1}
  .pd-gallery{grid-column:1 / -1}
  .pd-buy{grid-column:1 / -1;position:static}
  .pd-about__grid > div,.pd-feat{grid-column:1 / -1}
}
@media (max-width:700px){
  .pd-feat{grid-template-columns:minmax(0,1fr);gap:12px}
  .pd-feat li{padding:18px}
  .pd-about__grid > div{grid-template-columns:minmax(0,1fr);gap:12px 0}
  .pd-stage{aspect-ratio:4 / 3}
  .pd-stage img{padding:3%}
  .pd-top .cat-crumbs [aria-current]{display:none}
  .pd-top .cat-crumbs span[aria-hidden]:last-of-type{display:none}
  .pd-top__grid{gap:20px}
  .pd-buy{gap:12px}
  .pd-thumb{width:56px}
  .pd-cta .button{width:100%}
  .pd-specs th,.pd-specs td{padding:12px 14px}
  .pd-specs{font-size:14px}
  .pd-specs tbody th{min-width:120px}
  .pd-h1{font-size:24px}
  .pd-specs-wrap{box-shadow:inset -14px 0 12px -14px rgba(21,38,65,.18)}
}
@media (prefers-reduced-motion:reduce){.pd-feat summary::after{transition:none}.pd-thumb,.pd-docs a{transition:none}}
.pd-about .hm-lead{display:contents}
.pd-about__grid > div h2{margin:0 0 20px}
.pd-feat li{padding:20px 22px}
.pd-about .hm-lead > p:first-child{font-size:clamp(16px,1.5vw,20px);line-height:1.55;font-weight:600;margin:0}
@media (max-width:700px){.pd-about .pd-lead2{font-size:15px}.pd-feat li{padding:16px 18px;gap:4px}.pd-feat__t{font-size:16px}}
.pd-h1--long{font-size:clamp(20px,1.9vw,27px)}
@media (max-width:700px){.pd-h1--long{font-size:21px}}
.ks-block-compare__tab{min-height:44px}

/* «Коротко о модели»: полоса ключевых цифр из таблицы характеристик */
.pd-figs{padding-bottom:clamp(40px,5vw,64px)}
.pd-figs__l{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:0 var(--hm-gap);margin:0}
.pd-figs__l > div{display:flex;flex-direction:column;padding:16px 0 0;border-top:1px solid var(--hm-line)}
.pd-figs__l dd{margin:0;font-size:clamp(22px,2.4vw,32px);line-height:1.15;font-weight:800;color:var(--ks-dark);white-space:nowrap}
.pd-figs__l dt{margin-top:4px;font-size:14px;line-height:1.4;font-weight:500;color:var(--hm-muted)}
@media (max-width:700px){.pd-figs__l{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.pd-figs__l > div{padding-bottom:16px}}