.pagination-wrapper{margin-top:4rem;padding:2rem 0}@media screen and (min-width:990px){.pagination-wrapper{margin-top:5rem}}.pagination__list{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.pagination__list>li{flex:0 0 auto}.pagination__list>li:not(:last-child){margin-right:0}.pagination__item{color:rgb(var(--color-foreground));display:inline-flex;justify-content:center;align-items:center;position:relative;min-height:48px;min-width:48px;padding:0 16px;text-decoration:none;font-weight:600;font-size:1.5rem;border-radius:50%;background:linear-gradient(135deg,rgba(var(--color-foreground),.05),rgba(var(--color-foreground),.08));border:2px solid rgba(var(--color-foreground),.1);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}a.pagination__item:hover{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border-color:transparent;transform:translateY(-3px) scale(1.08);box-shadow:0 6px 20px #ff6b6b66}a.pagination__item:hover:after{display:none}.pagination__item .icon-caret{height:.8rem;transition:transform .3s ease}.pagination__item:hover .icon-caret{transform:scale(1.2)}.pagination__item--current{background:linear-gradient(135deg,#4ecdc4,#44a8f2);color:#fff;border-color:transparent;box-shadow:0 4px 15px #4ecdc466;font-weight:700}.pagination__item--current:after{display:none}.pagination__item:hover:after{display:none}.pagination__item--next,.pagination__item--prev{background:linear-gradient(135deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.12));border:2px solid rgba(var(--color-foreground),.15);padding:0;min-width:48px;width:48px}.pagination__item--next:hover,.pagination__item--prev:hover{background:linear-gradient(135deg,#a8e6cf,#56ccf2);box-shadow:0 6px 20px #a8e6cf66}.pagination__item--next .icon{margin-left:0;transform:rotate(90deg);transition:transform .3s ease}.pagination__item--next:hover .icon{transform:rotate(90deg) translate(3px)}.pagination__item--prev .icon{margin-right:0;transform:rotate(-90deg);transition:transform .3s ease}.pagination__item--prev:hover .icon{transform:rotate(-90deg) translate(-3px)}.pagination__item-arrow:hover:after{display:none}@media screen and (max-width:749px){.pagination__item{min-height:44px;min-width:44px;padding:0 14px;font-size:1.4rem}.pagination__item--next,.pagination__item--prev{min-width:44px;width:44px}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/component-pagination.css.map */