andand44

Написать с помощью border и псевдоэлементов
https://jsfiddle.net/rq2e80ak/1/

https://css-tricks.com/full-width-containers-limit...
Есть несколько способов. Тут можно легко выбрать подходящий.

Дело в Inline-block у стрелок слайдера.
Можно задать родителю стрелок font-size: 0; если нужно быстрое решение.

https://css-live.ru/articles/zagadochnye-otstupy-m...

margin-top: -20px; вместо top: -20px; в .block-2

.block-2 {
  position: relative;
  margin-top: -20px;
  height: 300px;
  border: 2px solid green;
}

transform: translate(-1px, -1px); Сдвинет .product_specifications влево и вверх на ширину border

.product_specifications{
  text-align: center;
  border: 1px solid black;
  border-radius: 5px;
  font: bold calc(100vw/70) 'Roboto Condensed', sans-serif;
  padding-left: 3px;
  padding-right: 3px;
  position: relative;
  top: 0;
  transform: translate(-1px, -1px);
}

Если просто изменить стили, то можно так.

.section_item_inner {width: 100%;}
.section_item_inner tr {display: block;}
.catalog_section_list .section_item .image {width: 100%; padding: 0; text-align: center; display: block;}
.catalog_section_list .section_item td.section_info {text-align: center;  display: block; width: 100%; margin-top: 15px;}
.catalog_section_list .section_item td.section_info .desc {display: none;}