.category-art { display: block; width: 96px; height: 96px; background-image: url('/assets_new/img/categories/category-art-3d.webp'); background-image: image-set(url('/assets_new/img/categories/category-art-3d.avif') type('image/avif'), url('/assets_new/img/categories/category-art-3d.webp') type('image/webp')); background-size: 600% 600%; background-position: var(--art-x) var(--art-y); background-repeat: no-repeat; flex: 0 0 auto; }
.category-carousel--illustrated .item-icon picture { display: block; width: 100%; height: 100%; }
.category-carousel--illustrated { margin-block: 14px 26px; }
.category-carousel--illustrated .category-carousel__control, .responsive-catalog .category-carousel--illustrated .category-carousel__control { width: 42px; min-width: 42px; height: 42px; align-self: center; border-radius: 50%; border: 1px solid #e4e9e1; background: #fff; box-shadow: 0 3px 9px #243e2b08; }
.category-carousel--illustrated .category-carousel__control .item-icon, .responsive-catalog .category-carousel--illustrated .category-carousel__control .item-icon { width: 40px; min-width: 40px; height: 40px; margin: 0; border: 0; border-radius: 50%; background: none; }
.category-carousel--illustrated .place__wrp ul a { padding: 4px 0 10px; border: 0; background: none; box-shadow: none; }
.category-carousel--illustrated .place__wrp ul a .item-icon { border-radius: 0; overflow: visible; background: transparent; border: 0; box-shadow: none; margin-bottom: 10px; }
.category-carousel--illustrated .place__wrp ul a .item-icon img { object-fit: contain; border-radius: 0; background: transparent; }
.category-carousel--illustrated .place__wrp ul a .category-art { display: block; width: 100%; height: 100%; min-height: 0; border-radius: 0; overflow: visible; }
.category-carousel--illustrated .place__wrp ul a .item-name { font-size: 14px; font-weight: 500; line-height: 1.35; color: #55635b; }
.category-carousel--illustrated .place__wrp ul a.checked::after { content: ''; width: 26px; height: 2px; border: 0; border-radius: 2px; background: #286144; top: auto; right: calc(50% - 13px); bottom: 1px; }
.category-carousel--illustrated .place__wrp ul a.checked .item-name { color: #1a5036; font-weight: 700; }
.category-carousel--illustrated .place__wrp ul a:focus-visible { outline: 2px solid #286144; outline-offset: 3px; border-radius: 10px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .category-carousel--illustrated .item-icon { transition: transform .18s ease; }
    .category-carousel--illustrated a:hover .item-icon { transform: translateY(-4px); }
}
@media (max-width: 767px) {
    .category-carousel--illustrated .place__wrp ul a.checked .item-icon { outline: 1px solid #98af9d; outline-offset: -1px; border-radius: 18px; background: #f7f9f5; }
    .category-carousel--illustrated .place__wrp ul a.checked .item-name { font-weight: 800; color: #254d34; }
    .category-carousel--illustrated .place__wrp ul a.checked::after { content: none; }
    .mobile-bottom-nav.d-md-none { left: calc(12px + env(safe-area-inset-left, 0px)); right: calc(12px + env(safe-area-inset-right, 0px)); bottom: calc(10px + env(safe-area-inset-bottom, 0px)); width: auto; border: 1px solid #e7ebe4; border-radius: 22px; padding: 5px 4px; background: #fffffff5; box-shadow: 0 6px 28px #243e2b24; }
    body:has(.mobile-bottom-nav.d-md-none) { padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px)); }
    .category-carousel--illustrated .place__wrp ul a, .category-carousel--illustrated .place__wrp ul .category-card { width: 82px; min-width: 82px; }
    .category-carousel--illustrated .place__wrp ul a .item-icon, .category-carousel--illustrated .place__wrp ul a .item-icon img { width: 82px; height: 82px; }
    .category-carousel--illustrated .place__wrp ul a .item-name { font-size: 12px; }
}