.hs-featured-cats-section {
width: 100%;
padding: 40px; 
background-color: #000;
box-sizing: border-box;
}
.hs-featured-cats-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%;
max-width: 1440px;
margin: 0 auto;
gap: 0; 
} .hs-fc-item {
position: relative !important;
display: block !important;
width: 100%;
height: 304px !important; 
overflow: hidden;
text-decoration: none !important;
-webkit-user-drag: none;
} .hs-fc-bg {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
z-index: 1;
transition: transform 0.6s ease;
display: block !important;
}
.hs-fc-item:hover .hs-fc-bg {
transform: scale(1.05);
}
.hs-fc-overlay {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 60% !important; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%) !important;
z-index: 2;
pointer-events: none;
} .hs-fc-title {
position: absolute !important;
bottom: 16px !important;
left: 16px !important;
margin: 0 !important;
padding: 0 !important;
font-family: 'Cormorant Garamond', serif !important;
font-weight: 500 !important;
font-size: 32px !important;
color: #fff !important;
z-index: 3; 
text-transform: uppercase;
line-height: 1 !important;
} @media (max-width: 1023px) {
.hs-featured-cats-section {
padding: 20px; 
}
.hs-featured-cats-grid {
grid-template-columns: 1fr 1fr; 
grid-template-rows: auto auto; 
}
.hs-fc-item {
height: 220px !important;
}
.hs-fc-item:nth-child(1) {
grid-column: 1 / -1;
}
.hs-fc-item:nth-child(2),
.hs-fc-item:nth-child(3) {
grid-column: span 1;
}
.hs-fc-title {
font-size: 24px !important; 
}
}