/* 029 — страница повода (6 поводов одним шаблоном). Язык главной (home.css) + своё: вкладки поводов, комплекты, модели, альбомы. */
.pv-crumbs{padding:6px 0 14px}
.pv-hero{min-height:min(calc(100svh - 150px),860px)}
.pv-hero .hero-body{max-width:900px}
.pv-hero h1{font-size:clamp(46px,5.4vw,116px)}
.pv-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pv-row .field{min-width:0}

/* вкладки поводов — S02 «карточки по типу события», R06 меню «Event types» */
.pv-tabs{display:flex;gap:8px;margin-top:16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.pv-tabs::-webkit-scrollbar{display:none}
.pv-tabs a{flex:none;display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--line);font-weight:600;font-size:15px;white-space:nowrap;transition:border-color .2s,color .2s}
.pv-tabs a:hover{border-color:var(--paper)}
.pv-tabs a.on{background:var(--paper);color:var(--ink);border-color:var(--paper)}

/* комплекты повода */
.pv-kits{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.2vw,20px)}
.pv-kit{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.pv-kit .ph{aspect-ratio:auto;min-height:100%}
.pv-kit .ph img{object-fit:contain;background:#fff;padding:22px}
.pv-kit-b{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pv-build{padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;align-items:flex-start;gap:16px;justify-content:flex-end;min-height:340px;background:linear-gradient(140deg,var(--ink-3),var(--ink-2))}
.pv-build p{color:var(--haze);max-width:440px}
.pv-build .glow{opacity:.35}

/* ещё для повода: чипы разделов + модели на светлой плашке (как разделы каталога на главной) */
.pv-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(18px,2vw,28px)}
.pv-chips .chip{max-width:100%;white-space:normal;height:auto;min-height:36px;padding:7px 16px;line-height:1.3}
.pv-models{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.2vw,20px)}
.pv-m{display:flex;flex-direction:column}
.pv-m .ph{aspect-ratio:1/1}
.pv-m .ph img{object-fit:contain;background:#fff;padding:16px}
.pv-m-t{padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px;flex:1}
.pv-m-n{font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pv-m-n:hover{color:var(--amber)}
.pv-m-f{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}

/* альбомы повода — плитка одного размера (О3), фото клиента как есть */
.pv-albums{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.2vw,20px)}
.pv-al .ph{aspect-ratio:3/2}
.pv-al-t{padding:16px 20px 20px;display:flex;flex-direction:column;gap:6px}
.pv-al-t b{font-weight:600;font-size:16px;line-height:1.35}
.pv-al-y{font-size:13px;color:var(--amber);font-weight:600;letter-spacing:.04em}

/* финальная заявка: форма внутри блока S01 */
.pv-final .final-col.one{grid-template-columns:1fr;grid-template-rows:1fr}
.pv-req2{background:transparent;border:0;padding:0;margin-top:24px;backdrop-filter:none;-webkit-backdrop-filter:none}
.pv-req2 .final-b{margin-top:6px}

@media (max-width:1280px){.pv-models{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1024px){.pv-kits{grid-template-columns:1fr}.pv-albums{grid-template-columns:1fr 1fr}.pv-models{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .pv-crumbs{padding:4px 0 10px;font-size:13px}
  .pv-hero{min-height:auto}
  .pv-hero>img.hero-media:not(.hero-m){display:none}
  .pv-tabs{margin-right:calc(-1 * var(--pad));padding-right:var(--pad)}
  .pv-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(-1 * var(--pad));padding-right:var(--pad)}
  .pv-chips::-webkit-scrollbar{display:none}
  .pv-chips .chip{flex:none;white-space:nowrap;max-width:none}
}
@media (max-width:560px){
  .pv-row{grid-template-columns:1fr}
  .pv-kit{grid-template-columns:1fr}.pv-kit .ph{aspect-ratio:4/3;min-height:0}
  .pv-kit-b{justify-content:flex-start}.pv-kit .kit-f{flex-direction:column;align-items:flex-start}
  .pv-m-t{padding:12px 12px 14px}.pv-m-n{font-size:14px}.pv-m-f{flex-direction:column;align-items:flex-start}
  .pv-m .btn.sm{width:100%;justify-content:center}
  .pv-albums{grid-template-columns:1fr 1fr;gap:10px}.pv-al-t{padding:10px 12px 14px}.pv-al-t b{font-size:14px}
}
