/* Мир Паркета v2 / фотографии шоу-рума на Остоженке (App\Support\Showroom, config/showroom_photos.php) */

/* подписи к кадрам */
.mp-srm-hero figcaption,.mp-srm-photo figcaption,.mp-srm-find__door figcaption,.mp-srp figcaption{margin-top:.6rem;font:400 var(--mp-fs-sm)/1.45 var(--mp-font-text);color:var(--mp-muted)}
.mp-srm-photo figcaption a{color:var(--mp-ink);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.mp-srm-photo figcaption a:hover{text-decoration-color:var(--mp-accent)}

/* страница шоу-рума: главное фото, рядом карта и фото входа */
.mp-shop__side--photos{position:static}
.mp-srm-hero{margin:0}
.mp-srm-find{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:.75rem;margin-top:.75rem;align-items:stretch}
.mp-srm-find__map{min-width:0;display:flex}
.mp-srm-find__map .mp-showmap{flex:1;display:flex;margin:0}
.mp-srm-find__map .mp-map{flex:1;aspect-ratio:auto;height:auto;min-height:200px}
.mp-srm-find__door{margin:0;display:flex;flex-direction:column}
.mp-srm-find__door .mp-fig{aspect-ratio:3/4}
.mp-srm-find__door figcaption{color:var(--mp-ink)}
.mp-srm-find__door figcaption span{display:block;color:var(--mp-muted)}
@media (max-width:599px){
  .mp-srm-find{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
  .mp-srm-find__map .mp-map{min-height:240px}
}

/* контакты и «О компании»: один кадр в блоке адреса */
.mp-srm-photo{margin:.75rem 0 0}
.pg-split__b.mp-srm-photo{margin:0}

/* галерея: крупный кадр 2×2, вертикальный кадр на две строки, остальные 4:3 */
.mp-srg__head{margin-bottom:clamp(1.5rem,1rem + 2vw,2.5rem)}
.mp-srg__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:.5rem}
.mp-srg__item{position:relative;aspect-ratio:4/3;min-width:0}
.mp-srg__item--big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.mp-srg__item--tall{grid-row:span 2;aspect-ratio:auto}
.mp-srg__item a{display:block;position:relative;height:100%;color:#fff}
.mp-srg__item .mp-fig{height:100%}
.mp-srg__cap{position:absolute;left:0;right:0;bottom:0;padding:2.25rem .85rem .7rem;font:400 var(--mp-fs-xs)/1.35 var(--mp-font-text);letter-spacing:.04em;color:#fff;background:linear-gradient(to top,rgba(15,15,14,.62),rgba(15,15,14,0));pointer-events:none}
.mp-srg__item a:focus-visible{outline:2px solid var(--mp-ink);outline-offset:3px}
@media (min-width:1024px){
  .mp-srg__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
  .mp-srg__cap{opacity:0;transform:translateY(4px);transition:opacity .4s var(--mp-ease),transform .4s var(--mp-ease)}
  .mp-srg__item a:hover .mp-srg__cap,.mp-srg__item a:focus-visible .mp-srg__cap{opacity:1;transform:none}
  .mp-srg__item--big .mp-srg__cap{opacity:1;transform:none;font-size:var(--mp-fs-sm)}
}
@media (max-width:1023px){.mp-srg__item--big{aspect-ratio:4/3}}

/* блок «Приезжайте на Остоженку»: полоса из трёх кадров */
.mp-srs{margin-top:clamp(2rem,1rem + 3vw,3.5rem)}
.mp-srs__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.mp-srs__list li{min-width:0}
.mp-srs__link{margin-top:1.25rem}
@media (min-width:1024px){
  .mp-srs{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--mp-s6);align-items:end}
  .mp-srs__list{grid-column:1/span 9;gap:.75rem}
  .mp-srs__link{grid-column:10/span 3;justify-self:start;margin:0}
}

/* /page/shou-rum-na-ostozhenke: кадры внутри текста */
.mp-srp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:2em 0}
.pg-prose .mp-srp__item,.pg-prose .mp-srp__wide{margin:0}
.pg-prose .mp-srp__wide{margin:2em 0;max-width:880px}
.mp-srp__wide .mp-fig{aspect-ratio:3/2}
.pg-prose .mp-srp .mp-fig img,.pg-prose .mp-srp__wide .mp-fig img{height:100%;margin:0;max-width:none}
.mp-srp__more{margin:2em 0 0}
.pg-prose .mp-srp__more a.mp-link{text-decoration:none}
@media (max-width:599px){
  .mp-srp{grid-template-columns:1fr 1fr}
  .mp-srp__item:first-child{grid-column:span 2}
}
.pg-hero--photo img{object-position:50% 50%}

/* ---------- Лайтбокс галерей (public/js/v2/lightbox.js, <dialog>) ---------- */
.mp-lb{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:4.5rem 5.5rem 1.5rem;border:0;background:rgba(17,16,15,.97);color:#e9e7e1;overflow:hidden}
.mp-lb[open]{display:flex;align-items:center;justify-content:center}
.mp-lb::backdrop{background:rgba(17,16,15,.97)}
.mp-lb__fig{display:flex;flex-direction:column;align-items:center;gap:.9rem;max-width:100%;max-height:100%;margin:0}
.mp-lb__img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 9rem);max-height:calc(100dvh - 9rem);object-fit:contain;transition:opacity .25s}
.mp-lb.is-loading .mp-lb__img{opacity:.3}
.mp-lb__cap{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;width:100%;max-width:60rem;font:400 .875rem/1.5 var(--mp-font-text);color:#cfcac0}
.mp-lb__count{flex:none;margin-left:auto;font-size:.75rem;letter-spacing:.14em;color:#9c978d;font-feature-settings:"lnum" 1,"tnum" 1}
.mp-lb__btn{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(17,16,15,.4);color:#f4f2ec;cursor:pointer;transition:border-color .2s,color .2s}
.mp-lb__btn:hover{border-color:#c8a24a;color:#fff}
.mp-lb__btn:focus-visible{outline:2px solid #c8a24a;outline-offset:3px}
.mp-lb__btn svg{display:block}
.mp-lb__prev{left:1.5rem;top:50%;transform:translateY(-50%)}
.mp-lb__prev svg{transform:rotate(180deg)}
.mp-lb__next{right:1.5rem;top:50%;transform:translateY(-50%)}
.mp-lb__close{top:1.25rem;right:1.5rem}
.mp-lb--single .mp-lb__prev,.mp-lb--single .mp-lb__next{display:none}
html.mp-lb-lock{overflow:hidden}
@media (max-width:767px){
  .mp-lb{padding:4rem 0 5.5rem}
  .mp-lb__img{max-height:calc(100vh - 12rem);max-height:calc(100dvh - 12rem)}
  .mp-lb__cap{box-sizing:border-box;padding:0 1rem;font-size:.8125rem}
  .mp-lb__prev,.mp-lb__next{top:auto;bottom:1rem;transform:none}
  .mp-lb__prev{left:1rem}
  .mp-lb__next{right:1rem}
  .mp-lb__close{top:.75rem;right:.75rem}
}
@media (prefers-reduced-motion:reduce){.mp-lb__img,.mp-lb__btn{transition:none}}