.cat-hero-section{padding:6px!important}.cat-hero-track-wrap{position:relative}.cat-hero-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:none}.cat-hero-track::-webkit-scrollbar{display:none}.cat-hero-track:active{cursor:grabbing}.cat-hero-card{scroll-snap-align:start;border-radius:6px;overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s;box-shadow:0 1px 6px rgba(0,0,0,.04);flex-shrink:0}.cat-hero-card:last-child{margin-right:0!important}.cat-hero-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.1)}.cat-hero-link{display:block;text-decoration:none!important;color:inherit;box-shadow:none!important}.cat-hero-img-wrap{position:relative;width:100%;overflow:hidden;background:#f0f0f0}.cat-hero-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}.cat-hero-card:hover .cat-hero-img{transform:scale(1.03)}.cat-hero-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(transparent,rgba(0,0,0,.6))}.cat-hero-info{position:absolute;bottom:0;left:0;right:0;padding:12px 10px 10px;color:#fff;overflow:hidden}.cat-hero-title{font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--cat-hero-clamp-lines,3)!important;text-shadow:0 1px 3px rgba(0,0,0,.4)}.cat-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;border-radius:50%;border:none;background:rgba(0,0,0,.25);color:rgba(255,255,255,.9);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s,background .2s;opacity:0}.cat-hero-track-wrap:hover .cat-hero-arrow{opacity:1}.cat-hero-arrow:hover{background:rgba(0,0,0,.2);color:#fff}.cat-hero-prev{left:2px}.cat-hero-next{right:2px}@media(max-width:768px){.cat-hero-card{flex:0 0 calc((100% - 8px) / 3)!important;margin-right:8px!important}}@media(max-width:480px){.cat-hero-card{flex:0 0 calc((100% - 6px) / 2)!important;margin-right:6px!important}}