<script>
let newTabs = [
['uc-tabs9', 'Title9'],
['uc-tabs10', 'Title10'],
['uc-tabs11', 'Title11'],
['uc-tabs12', 'Title13'],
['uc-tabs14', 'Title14'],
['uc-tabs15', 'Title15'],
['uc-tabs16', 'Title16']
];
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537829637"><div class="t395__title t-name t-name_xs">Title9</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537829807"><div class="t395__title t-name t-name_xs">Title10</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537829865,537829918,537829974"><div class="t395__title t-name t-name_xs">Title11</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537829984"><div class="t395__title t-name t-name_xs">Title12</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537830001"><div class="t395__title t-name t-name_xs">Title13</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537830079"><div class="t395__title t-name t-name_xs">Title14</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537830106"><div class="t395__title t-name t-name_xs">Title15</div></div>');
$('.t395__wrapper').append('<div class="t395__tab" data-tab-rec-ids="537830156,537830174"><div class="t395__title t-name t-name_xs">Title16</div></div>');
$(".t395__select").append( $('<option value="537829637">Title9</option>'));
$(".t395__select").append( $('<option value="537829807">Title10</option>'));
$(".t395__select").append( $('<option value="537829865,537829865,537829918">Title11</option>'));
$(".t395__select").append( $('<option value="537829984">Title12</option>'));
$(".t395__select").append( $('<option value="537830001">Title13</option>'));
$(".t395__select").append( $('<option value="537830079">Title14</option>'));
$(".t395__select").append( $('<option value="537830106">Title15</option>'));
$(".t395__select").append( $('<option value="537830156,537830174">Title16</option>'));
</script>
<style>
/*Применяем стили к новым вкладкам */
.t395__title{
color:#000000;
font-size:14px;
font-weight:400;
padding-top:14px;
padding-bottom:14px;
}
/*Фиксируем высоту новых вкладок */
.t395__tab_active .t395__title {
padding-bottom: 14px;
padding-top: 14px;
}
/*Распределяем вкладки по ширине 180px */
.t395__width_20 {
width: 180px;
}
/*Ширина контейнера*/
.t395 .t-container {
max-width: 1160px;
}
.t395__tab{
box-shadow: 0 0 0 1px #000;
margin-bottom: 1px;
}
/*Эффект наведения на вкладки*/
.t395__tab:hover{
box-shadow: 0px 1px 5px 0px #000000;
}
/*Тень для фото*/
.t196__img {
box-shadow: 0px 0px 2px 1px #FFFFFF;
}
.t395__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.t395__tab {
min-width: 160px;
}
@media screen and (max-width: 960px){
.t395__wrapper {
display: none !important;
}
}
</style>