/* Catalog carousel */
.catalog-carousel {
display:flex;
align-items:flex-start;
gap:.5em;
margin:1em 0
}
.carousel-viewport {
overflow:hidden;
flex:1
}
.carousel-track {
display:flex;
gap:1em;
overflow-x:auto;
scrollbar-width:none;
-ms-overflow-style:none
}
.carousel-track::-webkit-scrollbar {
display:none
}
.carousel-item {
flex:0 0 205px;
text-align:center;
border-radius:4px;
border:1px transparent solid;
padding:1em;
transition:background .2s, border-color .2s
}
.carousel-item:hover {
background:#f6f6f6;
border-color:#c4c4c4
}
.carousel-item > img {
display:block;
width:205px;
height:auto;
box-shadow:2px 4px 12px rgba(0,0,0,.3);
margin-bottom:.8em
}
.carousel-item p {
font-size:.9em;
margin:.4em 0 0;
line-height:1.3
}
.carousel-btn {
background:none;
border:1px solid #bbb;
border-radius:50%;
width:2.2em;
height:2.2em;
cursor:pointer;
flex-shrink:0;
color:#444;
display:flex;
align-items:center;
justify-content:center;
margin-top:calc((265px - 2.2em) / 2)
}
.carousel-btn:hover {
background:#e8e8e8
}