/* Дополнительные исправления для страниц MINEREX */

/*
 * На десктопе превращаем карточку товара в блочный макет,
 * позволяющий обтекание текста вокруг галереи. Независимо от
 * наличия класса .with-photo плавающий блок применяется к
 * галерее или плейсхолдеру.
 */
@media (min-width: 761px) {
  /* Снимаем grid, чтобы позволить элементам течь в естественном потоке */
  #prod-grid {
    display: block !important;
  }
  /* Галерея товара и плейсхолдер плавают слева с фиксированной шириной */
  #prod-gallery,
  #prod-gallery-placeholder {
    float: left;
    width: 320px;
    margin-right: 40px;
    margin-bottom: 20px;
  }
  /* Описание очищает флоаты, чтобы текст продолжал под галереей */
  #prod-desc {
    overflow: visible;
  }
}

/*
 * На мобильных уменьшаем вертикальный зазор между галереей и текстом,
 * чтобы описание не начиналось слишком низко.
 */
@media (max-width: 760px) {
  #prod-grid {
    gap: 16px !important;
  }
}

/* Выравниваем хлебные крошки по левому краю контейнера */
.page-top .crumbs {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
/* V8 hard fix: real text wrapping around product gallery */
.crumbs a{padding:0!important;}
.gallery-dots:empty{display:none!important;margin:0!important;min-height:0!important;}
@media (min-width:761px){
  #prod-grid.with-photo,
  .prod-body-grid.with-photo{display:block!important;overflow:visible!important;}
  #prod-grid.with-photo::after,
  .prod-body-grid.with-photo::after{content:"";display:block;clear:both;}
  #prod-gallery,
  .product-gallery{float:left!important;width:340px!important;max-width:340px!important;margin:0 42px 22px 0!important;display:block;}
  #prod-gallery-placeholder{float:left!important;width:340px!important;max-width:340px!important;margin:0 42px 22px 0!important;}
  #prod-desc,
  .prod-text{display:block!important;overflow:visible!important;}
}
@media (max-width:760px){
  #prod-grid.with-photo,
  .prod-body-grid.with-photo{gap:8px!important;}
  #prod-gallery,
  .product-gallery{margin-bottom:0!important;}
  .gallery-dots{margin-top:6px!important;min-height:10px!important;}
  .gallery-dots:empty{display:none!important;margin:0!important;min-height:0!important;}
}