.cf-category-section{padding:44px 0 50px;background:#f7f8fa}
cappafe-category-carousel{display:block}
.cf-carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.cf-carousel-heading h2{font-size:24px;letter-spacing:0;margin:0;text-transform:none}
.cf-carousel-controls{display:flex;align-items:center;gap:8px}
.cf-carousel-controls button{border:1px solid #e4e4e4;background:white;color:#222;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.cf-carousel-controls [data-pause]{border-radius:20px;width:auto;padding:0 16px;font:inherit;font-size:12px}
.cf-carousel-controls svg{width:16px;height:16px}
.cf-carousel-controls [data-previous] svg{transform:rotate(180deg)}
.cf-carousel-controls button:hover{border-color:#e52a2e;color:#e52a2e}
.cf-category-track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;margin:0;padding:4px 2px 12px}
.cf-category-track::-webkit-scrollbar{display:none}
.cf-category-slide{flex:0 0 calc((100% - 48px)/4);min-width:0;scroll-snap-align:start}
.cf-category-card{height:364px;display:flex;flex-direction:column;align-items:center;position:relative;padding:32px 22px 24px;background:#fff;border:1px solid #eee;border-radius:18px;box-shadow:0 2px 5px #00000005;color:#222;text-decoration:none;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.cf-category-card>img{width:100%;height:190px;object-fit:contain;flex-shrink:0;transition:transform .25s}
.cf-category-card h3{font-size:19px;line-height:1.35;text-align:center;letter-spacing:0;text-transform:none;margin:20px 0 0;max-width:100%;transition:transform .25s}
.cf-category-info{position:absolute;inset:auto 0 0;padding:18px 22px 22px;background:#fff;opacity:0;transform:translateY(12px);transition:opacity .2s,transform .2s;text-align:center}
.cf-category-info p{margin:0 0 12px;font-size:13px;line-height:1.5;color:#555}
.cf-category-cta{color:#d82126;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:10px}
.cf-category-cta svg{width:16px;height:16px}
.cf-category-card:hover,.cf-category-card:focus-visible{border-color:#e52a2e;box-shadow:0 6px 18px #0000000d}
.cf-category-card:hover>img,.cf-category-card:focus-visible>img{transform:translateY(-25px) scale(.72)}
.cf-category-card:hover h3,.cf-category-card:focus-visible h3{transform:translateY(-82px)}
.cf-category-card:hover .cf-category-info,.cf-category-card:focus-visible .cf-category-info{opacity:1;transform:translateY(0)}
.cf-category-card:focus-visible,.cf-carousel-controls button:focus-visible{outline:2px solid #e52a2e;outline-offset:2px}
@media(max-width:1100px){.cf-category-slide{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:749px){.cf-category-section{padding:30px 0}.cf-carousel-heading h2{font-size:20px}.cf-carousel-heading{gap:10px}.cf-carousel-controls{gap:4px}.cf-carousel-controls button{width:34px;height:34px}.cf-carousel-controls [data-pause]{padding:0 10px}.cf-category-slide{flex-basis:80%}.cf-category-card{height:430px;padding:24px 18px}.cf-category-card>img{height:165px}.cf-category-card h3{font-size:18px;margin-top:14px}.cf-category-info{opacity:1;transform:none;padding:16px 18px}}
@media(hover:none){.cf-category-info{opacity:1;transform:none}.cf-category-card:hover>img,.cf-category-card:focus-visible>img,.cf-category-card:hover h3,.cf-category-card:focus-visible h3{transform:none}}
@media(hover:none) and (min-width:750px){.cf-category-card{height:420px}}
@media(prefers-reduced-motion:reduce){.cf-category-card,.cf-category-card>img,.cf-category-info,.cf-category-card h3{transition:none}}