.categories-scroll-section{background-color:var(--section-bg-color, #f8f9fa);position:relative;overflow:hidden}.categories-scroll-section .section-header{margin-bottom:2rem}.categories-scroll-section .section-title{font-size:2.5rem;font-weight:700;color:var(--category-border-color, #333);margin-bottom:.5rem}.categories-scroll-section .section-subtitle{font-size:1.1rem;color:#666;margin:0}.categories-scroll-container{position:relative;width:100%}.categories-scroll-wrapper{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin:0 -1rem;padding:1rem}.categories-scroll-wrapper::-webkit-scrollbar{display:none}.categories-scroll-track{display:flex;gap:var(--gap-size, 25px);align-items:flex-start;min-width:max-content;padding:.5rem 0}.category-scroll-item{flex:0 0 auto;width:var(--category-size, 180px);text-align:center;transition:transform .3s ease,opacity .3s ease}.category-scroll-item:hover{transform:translateY(-5px)}.category-scroll-link{display:block;text-decoration:none;color:inherit;transition:all .3s ease}.category-scroll-link:hover{text-decoration:none}.category-scroll-circle{width:var(--category-size, 180px);height:var(--category-size, 180px);border-radius:50%;background-color:var(--category-circle-bg, transparent);border:2px solid var(--category-border-color, #e9ecef);display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto 1rem;position:relative;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.category-scroll-circle:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000026;border-color:var(--category-border-color, #333)}.category-scroll-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.category-scroll-link:hover .category-scroll-image{transform:scale(1.1)}.category-scroll-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--category-image-bg, #f8f9fa);color:#999}.category-scroll-icon{width:40%;height:40%;opacity:.6}.category-scroll-name{margin-top:.75rem}.category-scroll-title{font-size:var(--text-font-size, 14px);font-weight:600;margin:0;color:var(--category-border-color, #333);line-height:1.3;transition:color .3s ease}.category-scroll-link:hover .category-scroll-title{color:#007bff}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#fffffff2;border:1px solid #e9ecef;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.scroll-arrow:hover{background:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-50%) scale(1.1)}.scroll-arrow svg{width:24px;height:24px;color:#333}.scroll-arrow-left{left:-25px}.scroll-arrow-right{right:-25px}.categories-scroll-footer{margin-top:2.5rem}.categories-scroll-footer .btn{padding:12px 30px;font-size:1rem;font-weight:600;border-radius:25px;transition:all .3s ease;text-decoration:none;display:inline-block}.categories-scroll-footer .btn-primary{background-color:#007bff;color:#fff;border:2px solid #007bff}.categories-scroll-footer .btn-primary:hover{background-color:#0056b3;border-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 15px #007bff4d}@media screen and (max-width: 768px){.categories-scroll-section .section-title{font-size:2rem}.categories-scroll-section .section-subtitle{font-size:1rem}.categories-scroll-wrapper{margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem}.category-scroll-item{width:calc(var(--category-size, 180px) * .8)}.category-scroll-circle{width:calc(var(--category-size, 180px) * .8);height:calc(var(--category-size, 180px) * .8)}.category-scroll-title{font-size:calc(var(--text-font-size, 14px) * .9)}.scroll-arrow{width:40px;height:40px}.scroll-arrow svg{width:20px;height:20px}.scroll-arrow-left{left:-20px}.scroll-arrow-right{right:-20px}}@media screen and (max-width: 480px){.categories-scroll-section .section-title{font-size:1.75rem}.category-scroll-item{width:calc(var(--category-size, 180px) * .7)}.category-scroll-circle{width:calc(var(--category-size, 180px) * .7);height:calc(var(--category-size, 180px) * .7)}.scroll-arrow{display:none}.categories-scroll-wrapper{padding-bottom:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.category-scroll-item{animation:fadeInUp .6s ease forwards}.category-scroll-item:nth-child(1){animation-delay:.1s}.category-scroll-item:nth-child(2){animation-delay:.2s}.category-scroll-item:nth-child(3){animation-delay:.3s}.category-scroll-item:nth-child(4){animation-delay:.4s}.category-scroll-item:nth-child(5){animation-delay:.5s}.category-scroll-item:nth-child(6){animation-delay:.6s}.category-scroll-item:nth-child(7){animation-delay:.7s}.category-scroll-item:nth-child(8){animation-delay:.8s}.categories-scroll-wrapper{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.category-scroll-item{scroll-snap-align:start}.categories-scroll-container:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,#007bff,transparent);border-radius:2px;opacity:.6}.category-scroll-link:focus{outline:2px solid #007bff;outline-offset:4px;border-radius:50%}.scroll-arrow:focus{outline:2px solid #007bff;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/categories-scroll.css.map */