/* Categories Carousel Styles (extracted) */
.categories-carousel-section { background:#fff; }
.categories-carousel { width:100%; min-height:140px; }
.category-cell { width:12.5%; padding:0 0.5rem; box-sizing:border-box; }
@media (max-width:1400px){ .category-cell { width:14.285%; } }
@media (max-width:1200px){ .category-cell { width:16.66%; } }
@media (max-width:992px){ .category-cell { width:20%; } }
@media (max-width:768px){ .category-cell { width:25%; } }
@media (max-width:576px){ .category-cell { width:33.33%; } }
.category-avatar { width:90px; height:90px; border-radius:50%; overflow:hidden; margin:0 auto; position:relative; background:#f1f5f9; display:flex; align-items:center; justify-content:center; border:3px solid #fff; box-shadow:0 2px 6px rgba(0,0,0,.08); transition:.35s ease; }
.category-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.category-avatar-placeholder { font-size:2rem; color:#64748b; }
.category-cell a { color:#334155; }
.category-cell a:hover .category-avatar { transform:translateY(-4px); box-shadow:0 6px 18px rgba(0,0,0,.15); }
.category-cell a:hover .category-title { color:#0d6efd; }
.category-title { max-width:100%; white-space:nowrap; }
.categories-carousel-nav { position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between; pointer-events:none; }
.categories-carousel-nav .cc-nav-btn { pointer-events:auto; border:none; background:rgba(255,255,255,.9); width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:50%; box-shadow:0 4px 12px rgba(0,0,0,.15); color:#0d6efd; transition:.25s ease; }
.categories-carousel-nav .cc-nav-btn:hover { background:#0d6efd; color:#fff; transform:scale(1.05); }
.categories-carousel-nav .cc-nav-btn i { font-size:1.15rem; line-height:1; }
@media (max-width: 991.98px){ .categories-carousel-nav { display:none !important; } }
.categories-carousel .flickity-viewport { transition:height .3s ease; }
.categories-carousel .flickity-slider { margin:0; }
.categories-carousel-progress { position:absolute; left:0; bottom:-6px; height:4px; width:100%; background:#e2e8f0; overflow:hidden; border-radius:2px; }
.categories-carousel-progress .bar { height:100%; width:0; background:linear-gradient(90deg,#0d6efd,#6366f1); transition:width .25s linear; }