.categories__bar{padding:2rem 1.6rem;position:relative}.categories__bar-heading{text-align:center}.categories__bar-button{margin-top:.4rem}.categories__list:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:inherit}.categories__list-expanded{margin-top:-1.2rem;opacity:0;max-height:0;overflow:hidden;transition:all .4s ease-in-out;transform:translateY(-10px)}.categories__list-expanded.expanded{opacity:1;max-height:500px;transform:translateY(0)}.categories__list-expanded:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:inherit}.categories__item{padding:.45rem .8rem;transition:transform .2s ease,box-shadow .2s ease}.categories__item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.categories__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-inline-end:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));border-block-end:1px solid rgba(var(--color-border),var(--color-border-alpha, 1))}.categories__item-image{width:6rem;transition:transform .2s ease}.categories__item:hover .categories__item-image{transform:scale(1.05)}.categories-expand-btn{position:relative;transition:all .3s ease}.categories-expand-btn[data-expanded=true]{background-color:var(--color-button-secondary, #6c757d);border-color:var(--color-button-secondary, #6c757d)}.categories-expand-btn .btn__text{transition:opacity .2s ease}@media (min-width: 1024px){.categories__col{width:clamp(20%,26.8rem,30%)}}@media (min-width: 1280px){.categories__col{width:clamp(20%,28.8rem,30%)}.categories__item{padding:.9rem .8rem}}.categories__collapse-wrapper{position:absolute;left:50%;transform:translate(-50%);bottom:-16px;opacity:0;transition:opacity .3s ease;z-index:10}.categories__collapse-wrapper[style*="display: block"]{opacity:1}.categories__collapse-btn{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 6px #0000001a}.categories__collapse-btn:hover{background:#eee;border-color:#d0d0d0;transform:translateY(-1px);box-shadow:0 3px 8px #00000026}.categories__collapse-btn .btn__icon{display:flex;align-items:center;justify-content:center}.categories__collapse-btn svg{transition:transform .2s ease}.categories__collapse-btn:hover svg{transform:translateY(-1px)}@media (max-width: 767.98px){.categories__list-expanded.expanded{max-height:800px}.categories__item:hover{transform:none;box-shadow:none}.categories__item:hover .categories__item-image{transform:none}.categories__collapse-wrapper{bottom:-14px}.categories__collapse-btn{width:30px;height:30px}}
/*# sourceMappingURL=/cdn/shop/t/167/assets/section-banners-with-categories.css.map */