.hs-popular-section {
width: 100%;
padding: 60px 40px;
background-color: #FAF9F6; 
}
.hs-popular-inner {
max-width: 1440px;
margin: 0 auto;
} .hs-popular-title {
font-family: 'Cormorant Garamond', serif;
font-weight: 500; 
font-size: 40px;
color: #000;
margin: 0 0 15px 0;
text-transform: uppercase;
}
.hs-popular-divider {
border: none;
height: 1px;
background-color: #D6D6D6; 
margin-bottom: 40px;
} .hs-slider-wrapper {
width: 100%;
overflow: hidden; 
}
.hs-slider-track {
display: flex;
gap: 30px;
overflow-x: auto;
scrollbar-width: none; 
-ms-overflow-style: none;  
cursor: grab;
padding-bottom: 10px;
}
.hs-slider-track::-webkit-scrollbar {
display: none; 
}
.hs-slider-track.active {
cursor: grabbing;
} .hs-product-card {
flex: 0 0 443px; 
display: flex;
flex-direction: column;
user-select: none; 
} .hs-product-img-wrap {
position: relative;
width: 100%;
height: 470px;
background-color: #EAEAEA;
margin-bottom: 15px;
overflow: hidden;
} .hs-product-img-link {
display: block;
width: 100%;
height: 100%; -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
.hs-product-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
-webkit-user-drag: none; } .hs-badge-tag {
position: absolute;
top: 15px;
left: 15px;
height: 24px;
background-color: #E1DDD8;
padding: 0 10px;
display: inline-flex;
align-items: center;
font-family: 'Cormorant Garamond', serif;
font-weight: 600; 
font-size: 16px;
color: #000;
} .hs-fav-btn {
position: absolute;
bottom: 15px;
right: 15px;
width: 32px; 
height: 32px;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
}
.hs-fav-btn img {
width: 100%;
height: auto;
} .hs-product-info {
display: flex;
flex-direction: column;
}
.hs-product-cat {
font-family: 'General Sans', sans-serif;
font-weight: 400; 
font-size: 12px;
color: #666;
margin-bottom: 5px;
pointer-events: none;
}
.hs-product-cat a {
color: inherit;
text-decoration: none;
pointer-events: auto;
} .hs-title-price-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.hs-product-title {
font-family: 'Cormorant Garamond', serif;
font-weight: 600; 
font-size: 18px;
color: #000;
text-decoration: none;
}
.hs-product-price {
font-family: 'Cinzel', serif;
font-weight: 500; 
font-size: 18px;
color: #000;
} .hs-add-to-bag {
display: inline-flex !important;
align-items: center;
justify-content: space-between;
width: fit-content;
padding: 8px 20px !important;
border: 1px solid #000 !important;
border-radius: 82px !important;
background-color: transparent !important;
color: #000 !important;
font-family: 'Cormorant Garamond', serif !important;
font-size: 18px !important;
font-weight: 500 !important;
text-decoration: none !important;
gap: 15px;
transition: all 0.3s ease !important;
}
.hs-bag-icon-card {
width: 24px !important;
height: 24px !important;
object-fit: contain;
transition: all 0.3s ease;
}
.hs-add-to-bag:hover {
background-color: #000 !important;
color: #fff !important;
border-color: #000 !important;
}
.hs-add-to-bag:hover .hs-bag-icon-card {
filter: invert(1); 
} .hs-progress-container {
width: 100%;
height: 2px;
background-color: #D6D6D6;
margin-top: 30px;
position: relative;
border-radius: 2px;
}
.hs-progress-bar {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #000;
width: 20%; 
border-radius: 2px;
} @media (max-width: 1023px) {
.hs-popular-section {
padding: 40px 20px; }
.hs-popular-title {
font-size: 32px; }
.hs-slider-track {
gap: 15px; } .hs-product-card {
flex: 0 0 calc(50% - 7.5px); 
} .hs-product-img-wrap {
height: auto;
aspect-ratio: 443 / 470;
} .hs-badge-tag {
font-size: 14px;
height: 22px;
top: 10px;
left: 10px;
}
.hs-fav-btn {
width: 28px; height: 28px;
bottom: 10px;
right: 10px;
}
.hs-product-cat {
font-size: 12px;
} .hs-title-price-row {
flex-direction: column;
align-items: flex-start;
gap: 6px; 
margin-bottom: 15px;
}
.hs-product-title, 
.hs-product-price {
font-size: 18px;
} .hs-add-to-bag {
font-size: 16px !important;
padding: 6px 15px !important;
}
.hs-bag-icon-card {
width: 20px !important;
height: 20px !important;
}
} @media (max-width: 480px) { .hs-product-card {
flex: 0 0 calc(65vw); 
}
} .woocommerce .hs-slider-track .hs-product-card,
.woocommerce-page .hs-slider-track .hs-product-card,
.hs-slider-track .product {
float: none !important;
clear: none !important;
margin: 0 !important;
width: auto !important; max-width: none !important;
} .hs-slider-track {
display: flex !important;
align-items: stretch;
}