/* MixGranit 2.0 — карточка товара (R3, слой 1): компоновка и оформление поверх существующего конфигуратора (логика не меняется). Только body.mg2 #masonry-grid. */
body.mg2 .bg-light{background:transparent!important}
body.mg2 h1.bg-light{padding-left:0!important;padding-right:0!important}
body.mg2 #content .main.row{box-shadow:none!important;border:1px solid var(--mg-border)!important;border-radius:var(--mg-radius)!important;background:var(--mg-white);margin:0!important;max-width:none}
/* сетка вместо masonry */
body.mg2 #masonry-grid{display:grid!important;grid-template-columns:minmax(0,1fr);gap:var(--mg-gap);position:static!important;height:auto!important;margin:0!important;width:100%}
body.mg2 #masonry-grid>.grid-item{position:static!important;float:none!important;width:auto!important;left:auto!important;top:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;min-width:0}
/* материал: компактная карточка вместо огромной фотографии */
body.mg2 #masonry-grid .material-feature{border:1px solid var(--mg-border)!important;border-radius:var(--mg-radius-sm)!important;background:var(--mg-white)!important;padding:12px 14px!important}
body.mg2 #masonry-grid .js-selected-material-display-img{width:88px!important;height:88px!important;max-width:88px!important;flex:0 0 88px!important;object-fit:cover}
body.mg2 #masonry-grid h3.title_price,body.mg2 #masonry-grid .title_price{font-size:var(--mg-fs-h3)!important;font-weight:700!important;color:var(--mg-text)!important;text-transform:none!important;margin:20px 0 10px!important}
/* цена и CTA */
body.mg2 #mainprice{background:var(--mg-white)!important;border:1px solid var(--mg-border);border-radius:var(--mg-radius-sm);padding:14px 16px!important;margin:12px 0!important;z-index:20}
body.mg2 #mainprice .summa_rub,body.mg2 #totalSumId{font-size:clamp(28px,3vw,38px);font-weight:700;color:var(--mg-text)}
body.mg2 #mainprice .btn-primary,body.mg2 #mainprice .car{background:var(--mg-red)!important;border-color:var(--mg-red)!important;min-height:var(--mg-tap);display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--mg-radius-sm);font-weight:600}
body.mg2 #mainprice .car:hover{background:var(--mg-red-hover)!important}
/* характеристики: спокойные полосы вместо розовых */
body.mg2 .table_har_,body.mg2 .table_har,body.mg2 .js-table_har{width:100%;background:transparent}
body.mg2 .table-striped tbody tr:nth-of-type(odd){background:var(--mg-bg)!important} body.mg2 .table-striped tbody tr:nth-of-type(even){background:transparent!important}
body.mg2 .table-striped td{padding:12px 14px;font-size:var(--mg-fs-small);border:0}
@media (min-width:992px){
  body.mg2 #masonry-grid{grid-template-columns:minmax(0,55fr) minmax(0,45fr);align-items:start}
  body.mg2 #masonry-grid>.col-md-5.order-1{grid-column:1;grid-row:1 / span 2}
  body.mg2 #masonry-grid>.col-md-5.order-md-3{grid-column:1 / -1;grid-row:3}
  body.mg2 #masonry-grid>.col-md-7.order-2{grid-column:2;grid-row:1}
  body.mg2 #masonry-grid>.col-md-7.d-md-flex{grid-column:2;grid-row:2}
  body.mg2 #mainprice{position:sticky!important;top:88px}
}
/* mobile: порядок блоков по эталону (галерея, материал/цена, опции, характеристики), итог и CTA закреплены внизу вместо dock */
@media (max-width:991.98px){
  body.mg2:has(#masonry-grid) .mg-dock{display:none}
  body.mg2:has(#masonry-grid){padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  body.mg2 #mainprice{position:fixed!important;left:0;right:0;top:auto!important;bottom:0;height:auto!important;margin:0!important;border-radius:0;border-width:1px 0 0 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;z-index:1900;box-shadow:0 -6px 20px rgba(24,26,29,.08)}
  body.mg2 #mainprice .col-md-6{flex:1 1 50%;max-width:50%}
}

/* цена в одну строку, подпись «Арт.» компактно, ссылки под галереей — нейтральные */
body.mg2 #mainprice .summa,body.mg2 #mainprice .summa_rub{white-space:nowrap}
body.mg2 #mainprice .col-8{flex:1 1 auto;max-width:none} body.mg2 #mainprice .col-4{flex:0 0 auto;width:auto;max-width:none;padding-left:8px}
body.mg2 #masonry-grid .btn-link.text-dark{color:var(--mg-text)!important;font-weight:600}
body.mg2 #masonry-grid .btn-link.text-dark i{color:var(--mg-red)}
body.mg2 #masonry-grid .photo_more img,body.mg2 #masonry-grid .photo_more .img-thumbnail{border-radius:var(--mg-radius-sm);border:1px solid var(--mg-border)!important;max-width:120px;background:var(--mg-white)}

body.mg2 #mainprice .car{white-space:nowrap}
@media (max-width:991.98px){body.mg2 #mainprice .col-md-6{flex:1 1 auto;max-width:none;width:auto} body.mg2 #mainprice>.col-md-6:first-child{flex:0 0 42%} body.mg2 #mainprice .car{padding:0 12px;font-size:15px}}