.hs-related-section {
width: 100%;
padding: 60px 40px;
background-color: #FAF9F6; 
}
.hs-related-inner {
max-width: 1440px;
margin: 0 auto;
} .hs-related-title {
font-family: 'Cormorant Garamond', serif;
font-weight: 500; 
font-size: 40px;
color: #000;
margin: 0 0 15px 0;
text-transform: uppercase;
}
.hs-related-divider {
border: none;
height: 1px;
background-color: #D6D6D6; 
margin-bottom: 40px;
} .hs-related-slider-wrapper {
width: 100%;
overflow: hidden; 
}
.hs-related-slider-track {
display: flex !important;
gap: 30px !important;
overflow-x: auto !important;
scrollbar-width: none; 
-ms-overflow-style: none;  
cursor: grab;
padding-bottom: 10px;
align-items: stretch !important;
flex-wrap: nowrap !important;
}
.hs-related-slider-track::-webkit-scrollbar {
display: none; 
}
.hs-related-slider-track.active {
cursor: grabbing;
}  .woocommerce .hs-related-slider-track .hs-product-card,
.woocommerce-page .hs-related-slider-track .hs-product-card,
.hs-related-slider-track .hs-product-card,
.hs-related-slider-track .product {
flex: 0 0 443px !important;
width: 443px !important;
max-width: none !important;
display: flex !important;
flex-direction: column !important;
user-select: none; 
float: none !important;
clear: none !important;
margin: 0 !important;
} .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;
user-drag: none;
} .hs-product-img-wrap img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
-webkit-user-drag: none; 
margin: 0 !important;
display: block !important;
} .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;
z-index: 2;
} .hs-fav-btn {
position: absolute;
bottom: 15px;
right: 15px;
width: 32px; 
height: 32px;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
z-index: 2;
}
.hs-fav-btn img {
width: 100% !important;
height: auto !important;
margin: 0 !important;
} .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 !important;
text-decoration: none !important;
pointer-events: auto;
} .hs-title-price-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.hs-product-title,
.woocommerce .hs-related-slider-track .woocommerce-loop-product__title {
font-family: 'Cormorant Garamond', serif !important;
font-weight: 600 !important; 
font-size: 18px !important;
color: #000 !important;
text-decoration: none !important;
margin: 0 !important;
padding: 0 !important;
}
.hs-product-price,
.hs-product-price .amount,
.woocommerce .hs-related-slider-track .price {
font-family: 'Cinzel', serif !important;
font-weight: 500 !important; 
font-size: 18px !important;
color: #000 !important;
margin: 0 !important;
} .hs-related-slider-track .hs-add-to-bag,
.hs-related-slider-track .add_to_cart_button {
display: inline-flex !important;
align-items: center !important;
justify-content: space-between !important;
width: fit-content !important;
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 !important;
transition: all 0.3s ease !important;
min-height: 0 !important;
margin: 0 !important;
}
.hs-bag-icon-card {
width: 24px !important;
height: 24px !important;
object-fit: contain !important;
transition: all 0.3s ease !important;
margin: 0 !important;
}
.hs-related-slider-track .hs-add-to-bag:hover,
.hs-related-slider-track .add_to_cart_button:hover {
background-color: #000 !important;
color: #fff !important;
border-color: #000 !important;
}
.hs-related-slider-track .hs-add-to-bag:hover .hs-bag-icon-card,
.hs-related-slider-track .add_to_cart_button:hover .hs-bag-icon-card {
filter: invert(1); 
} .hs-related-progress-container {
width: 100%;
height: 2px;
background-color: #D6D6D6;
margin-top: 30px;
position: relative;
border-radius: 2px;
}
.hs-related-progress-bar {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #000;
width: 20%; 
border-radius: 2px;
} @media (max-width: 1023px) {
.hs-related-section {
padding: 40px 20px; 
}
.hs-related-title {
font-size: 32px; 
}
.hs-related-slider-track {
gap: 15px !important; 
}
.woocommerce .hs-related-slider-track .hs-product-card,
.woocommerce-page .hs-related-slider-track .hs-product-card,
.hs-related-slider-track .hs-product-card,
.hs-related-slider-track .product {
flex: 0 0 calc(50% - 7.5px) !important; 
width: calc(50% - 7.5px) !important;
}
.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,
.woocommerce .hs-related-slider-track .woocommerce-loop-product__title,
.woocommerce .hs-related-slider-track .price {
font-size: 18px !important;
}
.hs-related-slider-track .hs-add-to-bag,
.hs-related-slider-track .add_to_cart_button {
font-size: 16px !important;
padding: 6px 15px !important;
}
.hs-bag-icon-card {
width: 20px !important;
height: 20px !important;
}
} @media (max-width: 480px) {
.woocommerce .hs-related-slider-track .hs-product-card,
.woocommerce-page .hs-related-slider-track .hs-product-card,
.hs-related-slider-track .hs-product-card,
.hs-related-slider-track .product {
flex: 0 0 calc(65vw) !important; 
width: calc(65vw) !important;
}
}