/* Пример работы (макет «Пример работы»). Галерея — стили карточки товара (product.css, .pp .gx-*), кнопки и синий блок — общие (site.css) */
.pw-pg{padding-bottom:72px}
.pw-pg .wl{margin-top:28px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:start}
.pw-pg .gx-main{aspect-ratio:4/3}
.pw-pg .gx-cap{z-index:2}
.pw-pg .gx-cap[hidden]{display:none}
.pw-pg .sum{position:sticky;top:76px;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:16px;background:#fff}
.pw-pg .sum h3{margin:0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pw-pg .facts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px}
.pw-pg .facts dt{color:var(--muted)}.pw-pg .facts dd{margin:0;font-weight:600}
.pw-pg .done{display:flex;flex-wrap:wrap;gap:6px}
.pw-pg .done span{height:28px;padding:0 12px;border-radius:4px;background:#eef2f8;color:var(--navy);font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.pw-pg .tbl{width:100%;border-collapse:collapse;font-size:14px}
.pw-pg .tbl td{padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.pw-pg .tbl td:last-child{text-align:right;white-space:nowrap;font-weight:600;padding-left:12px}
.pw-pg .tbl a{color:var(--navy)}
.pw-pg .tbl a:hover{text-decoration:underline;text-underline-offset:3px}
.pw-pg .total{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}
.pw-pg .total b{font-size:22px;color:var(--ink);white-space:nowrap}
.pw-pg .sum .wx-btn{width:100%}
.pw-pg .sum-ph{display:flex;justify-content:center;gap:8px;color:var(--navy);font-weight:600}
.pw-pg .pw-desc{margin-top:18px;max-width:820px}
/* дооснащение */
.pw-pg .pw-rs{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pw-pg .pw-ri{display:flex;gap:16px;border:1px solid var(--line);padding:18px;min-width:0}
.pw-pg .pw-ri-im{flex:none;width:120px;aspect-ratio:1;background:#fff}
.pw-pg .pw-ri-im img{width:100%;height:100%;object-fit:contain;display:block}
.pw-pg .pw-ri-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.pw-pg .pw-ri-b b{font-size:16px;color:var(--navy);line-height:1.35}
.pw-pg .pw-ri-b p{margin:0;font-size:14px;color:var(--muted)}
.pw-pg .pw-ri-b .atext{font-size:14.5px;line-height:1.6}
.pw-pg .pw-ri-b em{margin-top:auto;font-style:normal;font-weight:700;white-space:nowrap}
/* другие работы */
.pw-pg .more{--per:4;--gap:16px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));gap:var(--gap);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.pw-pg .more::-webkit-scrollbar{display:none}
.pw-pg .mw{display:flex;flex-direction:column;border:1px solid var(--line);overflow:hidden;scroll-snap-align:start;min-width:0}
.pw-pg .mw:hover{border-color:#c9d3e0;box-shadow:0 10px 26px rgba(14,33,66,.08)}
.pw-pg .mw-img{aspect-ratio:4/3;background:var(--soft);overflow:hidden}
.pw-pg .mw-img img{width:100%;height:100%;object-fit:cover;display:block}
.pw-pg .mw-img .wx-noimg{min-height:0}
.pw-pg .mw b{margin:12px 14px 16px;font-size:14.5px;font-weight:600;color:var(--navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.35em * 2)}
@media (max-width:991px){.pw-pg .wl{grid-template-columns:minmax(0,1fr)}.pw-pg .sum{position:static}.pw-pg .more{--per:2.5}.pw-pg .pw-rs{grid-template-columns:1fr}}
@media (max-width:767px){.pw-pg{padding-bottom:48px}.pw-pg .more{--per:1.6;--gap:12px}.pw-pg .pw-ri{flex-direction:column}.pw-pg .pw-ri-im{width:100%;max-width:240px}}
/* ===== Дооснащение (макет «Дооснащение») ===== */
.rs-pg{padding-bottom:72px}
.rs-pg .rs{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}
.rs-pg .rs-main{min-width:0;display:flex;flex-direction:column;gap:16px}
.rs-pg .rs-h{margin:0 0 4px;font-size:20px;color:var(--navy)}
.rs-pg .mt-h{display:grid;grid-template-columns:44px 132px minmax(0,1fr) 150px;gap:18px;align-items:center;padding:10px 16px;background:var(--navy);color:#fff;font-size:13px;font-weight:600}
.rs-pg .mt-h span:last-child{text-align:right}
.rs-pg .md{border-bottom:1px solid var(--line)}
.rs-pg .md-top{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:44px 132px minmax(0,1fr) 150px;gap:18px;align-items:start;padding:18px 16px}
.rs-pg .md-top:hover{background:#fafbfc}
.rs-pg .md.on .md-top{background:#f3f6fa}
.rs-pg .md-top:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
.rs-pg .rm{width:20px;height:20px;margin:2px 0 0 4px;border:2px solid #b7c0cc;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#fff}
.rs-pg .md.on .rm{border-color:var(--navy)}
.rs-pg .md.on .rm::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--navy)}
.rs-pg .md-im{display:block;aspect-ratio:4/3;background:#fff;border:1px solid #eef1f4;overflow:hidden}
.rs-pg .md-im img{width:100%;height:100%;object-fit:contain;display:block}
.rs-pg .md-im .wx-noimg{min-height:0}
.rs-pg .md-c{min-width:0;display:flex;flex-direction:column;gap:6px}
.rs-pg .md-c b{font-size:16.5px;font-weight:700;color:var(--navy);line-height:1.3}
.rs-pg .md-c .md-d{font-size:14px;color:var(--muted);line-height:1.55}
.rs-pg .md-c .md-d p{margin:0}
.rs-pg .md-pr{text-align:right;white-space:nowrap;font-size:17px;font-weight:700;color:var(--ink)}
.rs-pg .md-pr small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--muted)}
.rs-pg .md-ex{padding:0 16px 20px 210px;background:#f3f6fa;display:flex;flex-direction:column}
.rs-pg .md-ex[hidden]{display:none}
.rs-pg .md-ex h4{margin:0;padding:10px 0 8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid #dfe5ee}
.rs-pg .pl{list-style:none;margin:0 0 14px;padding:0}
.rs-pg .pl li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #e6ebf1;font-size:14.5px}
.rs-pg .pl li::before{content:none}
.rs-pg .pl li em{font-style:normal;font-weight:600;white-space:nowrap}
.rs-pg .free{margin:0;padding:10px 0;font-size:14.5px;color:var(--ink)}
.rs-pg .sal{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px 0}
.rs-pg .sal:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.rs-pg .cb{width:18px;height:18px;margin-top:2px;border:2px solid #b7c0cc;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#fff;background:#fff}
.rs-pg .sal[aria-pressed="true"] .cb{background:var(--navy);border-color:var(--navy)}
.rs-pg .sal b{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.rs-pg .sal .atext{display:block;margin-top:2px;font-size:13.5px;color:var(--muted);line-height:1.5}
.rs-pg .sal .atext p{margin:0}
.rs-pg .sal em{font-style:normal;font-weight:600;white-space:nowrap;font-size:14.5px}
.rs-pg .sm{position:sticky;top:90px;background:var(--navy);color:#fff;padding:28px;display:flex;flex-direction:column;gap:12px;min-width:0}
.rs-pg .sm h2{margin:0;font-size:19px;color:#fff}
.rs-pg .sm-s{margin:0;font-size:14px;color:rgba(255,255,255,.75)}
.rs-pg .sm-l{list-style:none;margin:0;padding:0}
.rs-pg .sm-l li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.18);font-size:14.5px}
.rs-pg .sm-l li::before{content:none}
.rs-pg .sm-l li em{font-style:normal;font-weight:600;white-space:nowrap}
.rs-pg .sm-t{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;border-top:2px solid var(--yel)}
.rs-pg .sm-t span{font-weight:600}.rs-pg .sm-t b{font-size:24px;color:#fff;white-space:nowrap}
.rs-pg .sm .cp-cta-b{width:100%}
.rs-pg .sm-ph{text-align:center;font-size:13px;color:rgba(255,255,255,.75)}
.rs-pg .sm-ph a{color:#fff;font-weight:700}
.rs-pg .more{--per:4;--gap:16px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));gap:var(--gap);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.rs-pg .more::-webkit-scrollbar{display:none}
.rs-pg .mw{display:flex;flex-direction:column;border:1px solid var(--line);overflow:hidden;scroll-snap-align:start;min-width:0}
.rs-pg .mw-img{aspect-ratio:4/3;background:var(--soft);overflow:hidden}
.rs-pg .mw-img img{width:100%;height:100%;object-fit:cover;display:block}
.rs-pg .mw b{margin:12px 14px 16px;font-size:14.5px;font-weight:600;color:var(--navy);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.35em * 2)}
.rs-pg .pw-desc{margin-top:18px;max-width:860px}
@media (max-width:1199px){.rs-pg .rs{grid-template-columns:minmax(0,1fr) 320px;gap:28px}}
@media (max-width:991px){.rs-pg .rs{grid-template-columns:1fr}.rs-pg .sm{position:static}.rs-pg .more{--per:2.5}}
@media (max-width:767px){.rs-pg{padding-bottom:48px}
  .rs-pg .mt-h{display:none}
  .rs-pg .md-top{grid-template-columns:28px 88px minmax(0,1fr);gap:12px;padding:14px 8px}
  .rs-pg .md-pr{grid-column:2/-1;text-align:left}
  .rs-pg .md-ex{padding:0 12px 16px}.rs-pg .more{--per:1.6;--gap:12px}}