.recently-viewed-section { 
	padding: 40px 0; 
	font-family: sans-serif; 
}

.recently-viewed-header { 
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	margin-bottom: 20px; 
}

.nav-btn { 
	width: 44px; 
	height: 44px; 
	border: 1px solid #E6E6E6; 
	border-radius: 50%; 
	background: none; 
	cursor: pointer; 
	position: relative;
}
.nav-btn:after{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(50% - 10px);
	right: calc(50% - 10px);
	background: url('img/arrow.svg')no-repeat center;
	background-size: contain;
}
    
.nav-btn.prev:after{
	transform: rotate(180deg);
}

.nav-btn[aria-disabled="true"]:after{
	opacity: 0.5;
}

.nav-btn:hover { 
	background: #f0f0f0; 
}

.product-card-img { 
	padding: 32px;
    border-radius: var(--md, 12px);
    background: var(--Light-Grey, #F8F8F8);
    width: 100%;
    /*height: 262.5px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #f6f6f6;
    border-radius: 8px; 
    margin-bottom: 12px;

}
.product-card img { 
	width: 100%; 
	height: auto; 
	display: block; 
	width: 100%;
    height: 100%;
    object-fit: contain; /* Картинка не розтягнеться, буде повністю видно всередині блоку */
    /* або object-fit: cover; якщо хочете заповнити весь блок, обрізавши краї */
    transition: transform 0.3s ease;
}
.product-card h3 { 
	font-size: 16px; 
	margin: 10px 0 5px; 
}
.product-card p { 
	font-size: 14px; 
	color: #333; 
}

.recently-viewed-conteiner .progress-bar { 
	width: 100%; 
	height: 2px; 
	background: #ddd; 
	margin-top: 40px; 
	margin-bottom: 20px;
	position: relative; 
	background-color: #E6E6E6;
}
.fill { 
	height: 100%; 
	background: #000; 
	width: 0%; 
	transition: width 0.3s ease; 
}
.recently-viewed-conteiner{
	max-width: 1230px;
    margin: 0 auto;
    padding: 20px 0;
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.recently-viewed-hr{
	max-width: 1180px;
    margin: 0 auto;
    /* padding: 20px 0; */
    padding-right: 20px;
    padding-left: 80px !important;
    margin-top: 80px;
    /* margin-bottom: 20px; */
    display: block;
}
.recently-viewed-slider {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.recently-viewed-slider.is-loaded {
    opacity: 1;
}
.recently-viewed-section{
	display: none;
}
.recently-viewed-section h3{
	color: #19181A;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.recently-viewed-section .controls{
	display: flex;
    gap: 12px;
    align-items: center;
}
.recently-viewed-section p{
	color: #19181A;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
	margin-bottom: 0;
}
.recently-viewed-hr{

}