  #content { 
  max-width: 1181px;
  width: 100%;
  margin: 0 auto;
  padding-top:5px;
 
 } 
 
.money span{
    font-size: 25px;
    font-weight: 900;
    color:#4A4855;
}
 
.cl{width:100%;
    display:flex;
    justify-content: space-between;
}

.com {
	 display:felx;
	 flex-direction:column;
	 align-items:center;
	 text-align:center;
	 margin-top:20px; 
 }
  
.com >div{
	font-size:17px;
	font-weight:500;
 padding:0;
}
 
 
 .com div.pre{
	 padding: 0 0;
 }
 
 
 .com img{
	 width:40px;
	 margin:20px 20px 0 20px  ;
 }

.com button {
	height:38px;
	display: flex; 
	margin-top:15px;
	width:230px;
    border: 1px solid red;
    color: #C13125;
    padding: 8px 30px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size:16px;
}
	
	
	
.callmail {
	background-color:#F3F3F3 !important;
	
	    padding: 8px 0px 8px 65px!important;
}
.button_center {
justify-content: center; 
}	
	
.stock{

    background: url('/pic/icons/0.svg') no-repeat left;
    background-position: 70px center; 
}
 
 

.met{
	color:#A8A8A8;
}

.com{
	padding: 10px 70px 15px 70px;
}
.pre{
	padding:30px  0px;
}

#group {
 
    width: 100%;
    display: flex;
    margin: 0;
    gap: 20px;
}

#group > div:first-child {
    width: 780px;
}

#offers {
	padding:20px 20px;
 
    text-align: center;
 
    width: 380px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;  
	display:flex;
	flex-direction:column;
	align-items:center;
	
}


#offers .lising, 
#offers .cargo, 
#offers .pnr
 {
    margin: 5px 50px !important;
    width: calc(100% - 20px);  
    box-sizing: border-box;
	border-radius: 15px;
	font-size:16px;
     color:#464A53;
	 font-weight:700;
}

 
 
#offers .lising, 
#offers .cargo, 
#offers .pnr {
    background-repeat: no-repeat;
    background-position: 45px 4px;
    border: 2px solid #A4A4A4;
    padding: 10px;
}
 

	#offers .lising{
		background-position:40px 5px;
		padding-left:45px;
		background-image: url(/pic/icons/money.png);	
  
	}
	#offers .cargo{
		
        background-image: url(/pic/icons/cargo.png);	
		background-position:40px 5px;
		padding-left:45px;
	}
	#offers .pnr{
		background-image: url(/pic/icons/pnr.svg);	
		background-position:40px 5px;
		padding-left:45px;
	}
	
  

/* ============================= */
/* Видео*/
/* ============================= */

 
.video0 {
  height: 255px; 
  width: 100%;
  text-align: center;
  padding: 10px 20px 20px 20px;
  margin: 20px 0 0px 0;
  box-sizing: border-box; 
  overflow: hidden; 
  display: flex; 
  flex-direction: column;
}

.video0 h3 {
  margin: 0 0 5px 0;
  flex-shrink: 0; 
}

.video {
  flex: 1; 
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.video iframe,
.video video,
.video embed {
  width: 100% !important;
  height: 100% !important;        
  max-width: 100% !important;
  max-height: 100% !important;
  display: block;
  object-fit: contain;
}
.video h3{
 margin: 0 0 15px 0;
}



#tabsAccordion{
	width:100;
	margin:40px 20px;
	padding:0px;
}


.tab {
    display: flex;
    width: 100%;
    gap: 0;  
}

.tab .p {
    flex: 1; /* каждый элемент занимает равную ширину */
    text-align: center; 
    padding: 15px 0px; 
    box-sizing: border-box;
}

.tab .p span {
    display: block;  
}

#tabsAccordion .tab_content img{
display: block;
height: auto;
max-width: 450px;
 
vertical-align: middle;
}

.my-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
}

.my-table th,
.my-table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.my-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  background-color: #f8f9fa;
  font-weight: bold;
}

.my-table tbody tr:nth-of-type(odd) {
  background-color: #f2f2f2; 
}

.my-table tbody tr:hover {
  background-color: #e9ecef;
}

#tabsAccordion ol, #tabsAccordion ul{
		margin: 30px 30px ;
	}
	
.di{
	display:hidden
}
 
/* ============================= */
/* С этим товаром покупают*/
/* ============================= */


figure.cat{
	width: 200px;
    height:300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative; 
    overflow: visible;  

}

figure.cat  img{
    object-fit: contain;
    height: 160px;
    width: 100%;
    display: block;
    object-position: center;
}

figure.cat figcaption {
    line-height: 1.2;
    font-size: 14px;
    text-align: center;
}
figure.cat figcaption h2 {
    font-size: 16px;
    font-weight: 700;
    margin:10px 0;
}
figure.cat figcaption span {
     color: #ABABAB;
    font-size:13px;
	font-weight:600;
}

#description{
	text-align:justify;
	padding:20px;
	margin:20px 0;
}

@media (max-width: 1181px) {
	
 
    #content {
        width: 100% !important;
		padding: 0 15px;
 
    }
 
	#group > div:first-child {
    width: 780px;
    min-width: 0; 
    }
	.product-slider {
    min-width: 0;  
    }
 
	
}






#rev_content  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


#rev_content .table-responsive table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

#rev_content  .table-responsive td,
#rev_content  .table-responsive th {
    border: 1px solid #ddd;
    padding: 8px 10px;
 
    white-space: normal;
}


#rev_content  .table-responsive table.wide-table {
    width: max-content;
}

#rev_content .table-responsive table.wide-table td,



#rev_content img{
	max-height:600px;
}




@media (max-width: 1100px) {
	
    .tab span {
        overflow: hidden;    
        white-space: nowrap;   
        text-overflow: clip;   
        margin: 0 0px;
    
    }
	 .tab .p {
	 
	 padding: 15px 0px;
	 }
	 
	 
 .tab > div > span {
 
        margin: 0  5px;
    }
}
 
@media (max-width: 850px) {
	

	
	
  #group {
    flex-direction: column;
			padding: 0;
  }

  #group > div:first-child {
    width: 100% ;
    max-width: 100%;
    padding: 15px;
	
  }
  
  
  
#offers {
	padding: 15px;
    margin-top: 30px;
    text-align: center;
 
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;  
	display:flex;
	flex-direction:column;
	align-items:center;
	
} 
  
  
 
  
}


@media (max-width: 445px) {
	
.com{
	padding:30px 0px;
}

 
.swiper {
  height: auto; 
  position: relative;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

 

.swiper-button-prev, .swiper-button-next{
	display:none;
}
 

}