.home .zv88-category-wrap{
position:relative!important;
overflow:hidden!important;
padding:34px 0 38px!important;
background:#fbfaf8!important;
border-top:1px solid #eee8e2!important;
border-bottom:1px solid #eee8e2!important;
}
.home .zv88-category-wrap .container{
width:min(1480px,calc(100% - 36px))!important;
max-width:1480px!important;
margin-inline:auto!important;
}
.home .zv1656-category-head{
display:flex!important;
align-items:flex-end!important;
justify-content:space-between!important;
gap:20px!important;
margin:0 0 18px!important;
}
.home .zv1656-category-kicker{
display:block!important;
margin:0 0 5px!important;
color:#9a7650!important;
font-size:9px!important;
line-height:1.2!important;
font-weight:750!important;
letter-spacing:.16em!important;
text-transform:uppercase!important;
}
.home .zv1656-category-head h2{
margin:0!important;
color:#1d1917!important;
font-family:var(--serif),Georgia,serif!important;
font-size:clamp(24px,2.2vw,34px)!important;
line-height:1.08!important;
font-weight:500!important;
letter-spacing:-.015em!important;
}
.home .zv1656-category-controls{
display:flex!important;
gap:8px!important;
flex:none!important;
}
.home .zv1656-category-controls button{
display:grid!important;
place-items:center!important;
width:38px!important;
height:38px!important;
padding:0!important;
border:1px solid #dcd3cb!important;
border-radius:999px!important;
background:#fff!important;
color:#241e1a!important;
box-shadow:0 2px 9px rgba(48,36,29,.045)!important;
cursor:pointer!important;
font-size:18px!important;
line-height:1!important;
transition:transform .18s ease,border-color .18s ease,opacity .18s ease!important;
}
.home .zv1656-category-controls button:hover{border-color:#aa865d!important;transform:translateY(-1px)!important}
.home .zv1656-category-controls button:disabled{opacity:.28!important;cursor:default!important;transform:none!important}
.home .zv1656-category-slider-shell{position:relative!important;width:100%!important}
.home .zv88-category-cards{
display:flex!important;
grid-template-columns:none!important;
flex-flow:row nowrap!important;
align-items:stretch!important;
gap:14px!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:2px 2px 12px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-snap-type:x mandatory!important;
scroll-padding-inline:2px!important;
scroll-behavior:smooth!important;
overscroll-behavior-inline:contain!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
}
.home .zv88-category-cards::-webkit-scrollbar{display:none!important}
.home .zv88-category-card{
display:flex!important;
flex:0 0 clamp(154px,13vw,190px)!important;
width:clamp(154px,13vw,190px)!important;
min-width:clamp(154px,13vw,190px)!important;
max-width:190px!important;
flex-direction:column!important;
align-items:stretch!important;
gap:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
border:1px solid #e5ddd6!important;
border-radius:14px!important;
background:#fff!important;
color:#1f1a17!important;
text-align:left!important;
box-shadow:0 4px 14px rgba(46,35,28,.045)!important;
transform:none!important;
scroll-snap-align:start!important;
scroll-snap-stop:normal!important;
isolation:isolate!important;
}
.home .zv88-category-card img{
display:block!important;
width:100%!important;
max-width:none!important;
height:auto!important;
aspect-ratio:4/5!important;
flex:none!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
object-fit:cover!important;
object-position:center center!important;
background:#eee6df!important;
transition:transform .28s ease!important;
}
.home .zv88-category-card:hover img{transform:scale(1.018)!important}
.home .zv88-category-card span{
display:block!important;
min-height:58px!important;
padding:10px 11px 11px!important;
margin:0!important;
background:#fff!important;
}
.home .zv88-category-card strong{
display:block!important;
margin:0!important;
color:#211c19!important;
font-size:12.5px!important;
line-height:1.25!important;
font-weight:700!important;
white-space:normal!important;
}
.home .zv88-category-card small{
display:inline-block!important;
margin:5px 0 0!important;
color:#8a6548!important;
font-size:9.5px!important;
line-height:1.2!important;
font-weight:700!important;
}
@media(max-width:800px){
.home .zv88-category-wrap{padding:25px 0 28px!important}
.home .zv88-category-wrap .container{width:100%!important;max-width:none!important;padding-left:14px!important;padding-right:0!important}
.home .zv1656-category-head{padding-right:14px!important;margin-bottom:14px!important;align-items:center!important}
.home .zv1656-category-head h2{font-size:24px!important}
.home .zv1656-category-controls button{width:34px!important;height:34px!important;font-size:16px!important}
.home .zv88-category-cards{gap:10px!important;padding:2px 14px 10px 0!important}
.home .zv88-category-card{
flex-basis:140px!important;
width:140px!important;
min-width:140px!important;
max-width:140px!important;
border-radius:12px!important;
}
.home .zv88-category-card span{min-height:54px!important;padding:9px 9px 10px!important}
.home .zv88-category-card strong{font-size:11.5px!important}
.home .zv88-category-card small{font-size:9px!important}
}
@media(max-width:420px){
.home .zv88-category-card{flex-basis:132px!important;width:132px!important;min-width:132px!important;max-width:132px!important}
.home .zv1656-category-head h2{font-size:22px!important}
}
@media(prefers-reduced-motion:reduce){
.home .zv88-category-cards{scroll-behavior:auto!important}
.home .zv88-category-card img,.home .zv1656-category-controls button{transition:none!important}
} .home .zv88-category-cards{padding-right:18px!important}
@media(min-width:1200px){
.home .zv88-category-card{flex-basis:clamp(168px,13.4vw,196px)!important;width:clamp(168px,13.4vw,196px)!important;min-width:clamp(168px,13.4vw,196px)!important;max-width:196px!important}
} .home .zv1656-category-head{padding-inline:2px!important}
.home .zv1656-category-slider-shell{position:relative!important;padding-inline:48px!important}
.home .zv1656-category-controls{display:none!important}
.home .zv1656-category-arrow{
position:absolute!important;
top:50%!important;
z-index:8!important;
display:grid!important;
place-items:center!important;
width:42px!important;
height:42px!important;
margin:0!important;
padding:0!important;
transform:translateY(-50%)!important;
border:1px solid #d7cec5!important;
border-radius:999px!important;
background:rgba(255,255,255,.96)!important;
color:#211b17!important;
box-shadow:0 6px 22px rgba(44,34,27,.13)!important;
font-size:21px!important;
line-height:1!important;
cursor:pointer!important;
backdrop-filter:blur(6px)!important;
transition:opacity .18s ease,transform .18s ease,border-color .18s ease!important;
}
.home .zv1656-category-arrow--prev{left:0!important}
.home .zv1656-category-arrow--next{right:0!important}
.home .zv1656-category-arrow:hover{border-color:#a47b50!important;transform:translateY(-50%) scale(1.04)!important}
.home .zv1656-category-arrow:disabled{opacity:.18!important;cursor:default!important;transform:translateY(-50%)!important}
.home .zv88-category-cards{
display:flex!important;
flex-wrap:nowrap!important;
grid-template-columns:none!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-snap-type:x mandatory!important;
scroll-behavior:smooth!important;
overscroll-behavior-inline:contain!important;
}
.home .zv88-category-card{scroll-snap-align:start!important;flex-shrink:0!important}
@media (min-width:1400px){
.home .zv88-category-card{flex-basis:184px!important;width:184px!important;min-width:184px!important;max-width:184px!important}
}
@media (min-width:801px) and (max-width:1399px){
.home .zv88-category-card{flex-basis:176px!important;width:176px!important;min-width:176px!important;max-width:176px!important}
}
@media(max-width:800px){
.home .zv1656-category-slider-shell{padding-inline:0!important}
.home .zv1656-category-arrow{width:34px!important;height:34px!important;font-size:17px!important;background:rgba(255,255,255,.94)!important}
.home .zv1656-category-arrow--prev{left:4px!important}
.home .zv1656-category-arrow--next{right:14px!important}
.home .zv88-category-cards{padding-left:4px!important;padding-right:48px!important}
}