.bg-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:450px}.slide1{background-image:url(/images/slide1.jpg)}.slide2{background-image:url(/images/slide2.jpg)}.slide3{background-image:url(/images/slide3.jpg)}.slide4{background-image:url(/images/slide4.jpg)}.slide5{background-image:url(/images/slide5.jpg)}.bg-slide:before{content:"";background:#00000059;position:absolute;inset:0}
.category-scroll{white-space:nowrap;scrollbar-width:thin;gap:20px;padding:10px;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{height:8px}.category-scroll::-webkit-scrollbar-thumb{background:#666;border-radius:20px}.category-scroll::-webkit-scrollbar-track{background:#222}.category-card{flex-shrink:0;text-decoration:none;display:inline-block}.category-box{background:#fff;border:1px solid #ddd;border-radius:12px;width:120px;height:150px;padding:10px;transition:transform .3s,box-shadow .3s;box-shadow:0 3px 6px #0000001a}.category-box:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 8px 18px #00000026}.category-image-wrapper{border-radius:8px;width:100%;height:80px;position:relative;overflow:hidden}.category-image{object-fit:cover;transition:transform .3s}.category-box:hover .category-image{transform:scale(1.15)}
.product-image{transition:transform .3s}.product-image:hover{transform:scale(1.15)}.category-hover{transition:transform .3s,box-shadow .3s}.category-hover:hover{transform:translateY(-5px);box-shadow:0 8px 18px #00000026}