.custom-cat-design{padding:5px;direction:rtl}.custom-cat-design .category-slider-wrapper{width:100%;max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:5px}.custom-cat-design .category-slider{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:16px}.custom-cat-design .category-slider-viewport{overflow:hidden;width:100%;padding-bottom:12px;scroll-snap-type:x proximity;scroll-behavior:smooth}.custom-cat-design .category-slider-viewport::-webkit-scrollbar{height:8px}.custom-cat-design .category-slider-viewport::-webkit-scrollbar-track{background-color:#11182714;border-radius:8px}.custom-cat-design .category-slider-viewport::-webkit-scrollbar-thumb{background-color:#20969a;border-radius:8px}.custom-cat-design .category-display-grid{display:flex;flex-direction:row;gap:15px;padding:20px 5px;min-width:max-content;scroll-padding-inline:20px}.custom-cat-design .cat-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;scroll-snap-align:start;transition:transform .3s ease}.custom-cat-design .slider-button{width:48px;height:48px;border:3px solid #20969a;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .25s ease,color .25s ease,transform .25s ease,opacity .25s ease;border-radius:50%;padding:0;color:#1f2937;outline:none}.custom-cat-design .slider-button svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.custom-cat-design .slider-button:hover{border-color:#20969a;color:#20969a}.custom-cat-design .slider-button:focus-visible{border-color:#20969a;color:#20969a;box-shadow:0 0 0 4px #f9731626}.custom-cat-design .slider-button:active{transform:scale(0.96)}.custom-cat-design .slider-button.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.custom-cat-design--1 .cat-item{width:140px;gap:12px}.custom-cat-design--1 .cat-item:hover{transform:translateY(-8px)}.custom-cat-design--1 .cat-item-image-link{width:110px;height:110px;border-radius:50%;border:3px solid #20969a;padding:5px;background:#fff;overflow:hidden;transition:transform .3s ease,border-color .3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none}.custom-cat-design--1 .cat-item-image-link img{width:100%;height:100%;object-fit:cover;border-radius:50%}.custom-cat-design--1 .cat-item-image-fallback{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#f8fafc}.custom-cat-design--1 .cat-item-image-link:hover,.custom-cat-design--1 .cat-item-image-link:focus-visible{transform:scale(1.05);border-color:#20969a}.custom-cat-design--1 .cat-item-title-link{font-size:14px;font-weight:500;text-align:center;line-height:1.4;max-width:140px;color:inherit;text-decoration:none;transition:color .3s ease}.custom-cat-design--1 .cat-item-title-link:hover,.custom-cat-design--1 .cat-item-title-link:focus-visible{color:#20969a}.custom-cat-design--1 .cat-item:hover .cat-item-image-link,.custom-cat-design--1 .cat-item:focus-within .cat-item-image-link{transform:scale(1.1);border-color:#20969a}.custom-cat-design--2 .cat-item{width:auto;gap:0;justify-content:center}.custom-cat-design--2 .cat-item:hover{transform:translateY(-5px)}.custom-cat-design--2 .cat-item-title-link{font-size:14px;font-weight:600;text-align:center;line-height:1.4;color:#1f2937;text-decoration:none;transition:all .3s ease;border:2px solid #20969a;border-radius:50px;padding:8px 20px;background:#fff;white-space:nowrap}.custom-cat-design--2 .cat-item-title-link:hover,.custom-cat-design--2 .cat-item-title-link:focus-visible{background:#f0f9f9;color:#1f2937;border-color:#20969a;box-shadow:0 4px 12px -2px #20969a66}@media (max-width: 768px){.custom-cat-design{padding:32px 16px}.custom-cat-design .category-slider{display:block}.custom-cat-design .slider-button{display:none}.custom-cat-design .category-slider-viewport{overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.custom-cat-design--1 .cat-item{width:128px}.custom-cat-design--1 .cat-item-image-link{width:100px;height:100px}.custom-cat-design--2 .cat-item-title-link{font-size:13px;padding:6px 16px}}