.price-list { 
    display: block; 
    width: 100%;
    margin: 20px 0; 
    position: relative; 
    z-index: 10001; 
    overflow: hidden;
    border: 1px solid #eeeeee;
}
.price-list-layer {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    /*background: rgba(0, 0, 0, 0.8);*/
    background: transparent;
}
.price-list .block { padding: 0; background-color: #ffffff }
.price-list .products-list-title {
    position: relative;
    display: none;
    background: #f3f3f3;
    color: #fd7f27;
    padding: 7px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px !important;
    border-bottom: 1px solid #eeeeee;
}
.price-list .block .products-list { width: 100%; background-color: #ffffff }
.price-list .block.head .products-list { overflow-x: auto; width: 100% !important }

/* хром, сафари */
.price-list .block.head .products-list::-webkit-scrollbar { height: 0 }
/* ie 10+ */
.price-list .block.head .products-list { -ms-overflow-style: none }
/* фф (свойство больше не работает, других способов тоже нет)*/
.price-list .block.head .products-list { overflow: -moz-scrollbars-none }

.price-list .block .products-list tr { display: none }
.price-list .block .products-list tr:nth-child(1), 
.price-list .block .products-list tr:nth-child(2), 
.price-list .block .products-list tr:nth-child(3) { display: table-row }
.price-list .block .products-list tbody tr:hover { background-color: #f4f4f4 }
.price-list .block .products-list tr th, 
.price-list .block.head .products-list .row { margin: 0; align-items: center; background: #f3f3f3 }
.price-list .block.head .products-list .row > div { display: none; float: left; padding: 7px 5px 7px 0 }
.price-list .block .products-list tr th, 
.price-list .block .products-list tr td { padding: 5px 5px 5px 0 }
.price-list .block .products-list tr td.name { position: relative }
.price-list .block .products-list tr td.name .image {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    width: 200px;
    height: 200px;
    background: #ffffff;
    border: 1px solid #eeeeee;
}
.price-list .block .products-list tr:nth-of-type(-n + 2) td.name .image { top: 0; transform: translate(100%, 0) }
.price-list .block .products-list tr:nth-last-of-type(-n + 2) td.name .image { top: initial; bottom: 0; transform: translate(100%, 0) }
.price-list .block .products-list tr td.name .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 95%; max-height: 95% }
.price-list .block .products-list tr td.name span { display: none }
.price-list .block.head .products-list .row > div.feature, 
.price-list .block .products-list tr .feature { width: 90px; word-break: break-all }
.price-list .block.head .products-list .row > div.price, 
.price-list .block .products-list tr .price { width: 95px }
.price-list .block.head .products-list .row > div.feature, 
.price-list .block.head .products-list .row > div.add-to-cart, 
.price-list .block .products-list tr .feature, 
.price-list .block .products-list tr .add-to-cart { display: none }
.price-list .block.head .products-list .row > div:first-child,
.price-list .block .products-list tr th:first-child, 
.price-list .block .products-list tr td:first-child { padding-left: 17px }
.price-list .block.head .products-list .row > div:nth-last-child(2),
.price-list .block .products-list tr th:nth-last-child(2), 
.price-list .block .products-list tr td:nth-last-child(2) { padding-right: 17px; width: 107px }
.price-list .block.head .products-list .row > div { font-weight: bold }
.price-list .block .products-list.head { position: absolute; top: 0; left: 0 }
.price-list .price-list-print { 
    position: absolute; 
    bottom: 5px; 
    right: 17px; 
    width: 107.5px;
    background-color: #007daa;
    background-image: -webkit-linear-gradient(top, #008fc3 0%, #006a90 100%);
    background-image: -o-linear-gradient(top, #008fc3 0%, #006a90 100%);
    background-image: linear-gradient(to bottom, #008fc3 0%, #006a90 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF008FC3', endColorstr='#FF006A90', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x; 
}

.price-list.hover { 
    width: 1280px; 
    left: 50%; 
    transform: translate(-62%, 0); 
    overflow: initial; 
    border: 0;
    -webkit-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.15);
    border-color: #e9e9e9;
}
.price-list.hover .blocks { width: 100%; overflow: hidden }
.price-list.hover .block { border: 1px solid #eeeeee; width: 100% }
.price-list.hover .block.body { /*height: 406px;*/ /*height: 275px;*/ border-top: 0; overflow-y: auto }
.price-list.hover .products-list-title, 
.price-list.hover + .price-list-layer { display: block }
/*.price-list.hover .products-list { position: relative; z-index: 10002 }*/
.price-list.hover .block.head .products-list .row { display: flex }
.price-list.hover .block .products-list thead { display: none }
.price-list.hover .block .products-list tr { display: table-row }
.price-list.hover .block .products-list tr td.name:hover .image { display: block }
.price-list.hover .block.head .products-list .row > div:nth-last-child(2), 
.price-list.hover .products-list tr th:nth-last-child(2), 
.price-list.hover .products-list tr td:nth-last-child(2) { padding-right: 5px; width: 95px }
.price-list.hover .block.head .products-list .row > div:nth-last-child(1), 
.price-list.hover .products-list tr th:nth-last-child(1), 
.price-list.hover .products-list tr td:nth-last-child(1) { padding-right: 17px; width: 125px }
.price-list.hover .products-list tr th.feature, 
.price-list.hover .products-list tr td.feature, 
.price-list.hover .products-list tr th.add-to-cart, 
.price-list.hover .products-list tr td.add-to-cart { display: table-cell }
.price-list.hover .block.head .products-list .row > div { display: block }

@media (max-width: 1299px) {
    .price-list.hover { width: 134%; transform: translate(-62.9%, 0) }
}

@media (max-width: 1246px) {
    .price-list { width: 793px; margin-left: auto; margin-right: auto }
}

@media (max-width: 1115px) {
    .price-list { width: 693px }
}

@media (max-width: 991px) {
    .price-list { width: 493px }
    .price-list.hover { width: 152%; transform: translate(-67%, 0) }
}

@media (max-width: 800px) {
    .price-list { width: 471px }
}

@media (max-width: 768px) {
    .price-list, .price-list.hover, .price-list-layer { display: none !important }
}

@media print {
    #header, .menubars, .maincontent .b-cityselect__wrapper, 
    .maincontent .breadcrumbs, .maincontent .category-name, 
    .maincontent .category_description, #product-list, 
    .maincontent .sidebar, #dialog, #footer, #fixed_toolbar, 
    .popup, #chatra  { display: none }
    .bg_tex .site_wrap { max-width: 100% }
    .row, .page_wrapper { padding: 0; margin: 0 }
    #page-content { width: 100%; margin: 0; padding: 0 }
    .price-list { display: block !important; margin: 0; width: 100%; font-size: 12px }
    .price-list .block .products-list tr { display: table-row }
    .price-list .block .products-list tr th, 
    .price-list .block .products-list tr td { border-bottom: 1px solid #eeeeee !important }
    .price-list .block .products-list tr:last-child td { border-bottom: none }
    .price-list .block .products-list tr .feature { display: table-cell }
    .price-list .block .products-list tr td.name a { display: none }
    .price-list .block .products-list tr td.name span { display: block }
}