.price {
    align-items: center;
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: calc(1.6rem * var(--font-body-scale));
    letter-spacing: 0.1rem;
    line-height: calc(1 + 0.5 / var(--font-body-scale));
    color: rgb(var(--color-foreground));
}

.price.price--unavailable {
    visibility: hidden;
}

.price--end {
    justify-content: flex-end;
}

/* .price .price-item {
    margin: 0 1rem 0 0;
} */

.price:not(.price--show-badge) .price-item--last:last-of-type {
    margin: 0;
}

@media screen and (min-width: 750px) {
    .price {
        margin-bottom: 0;
    }
}

.price--large {
    font-size: calc(1.6rem * var(--font-body-scale));
    line-height: calc(1 + 0.5 / var(--font-body-scale));
    letter-spacing: 0.13rem;
}

@media screen and (min-width: 750px) {
    .price--large {
        font-size: calc(1.8rem * var(--font-body-scale));
    }
}

.price--sold-out .price__availability,
.price__regular {
    display: block;
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale.on-sale .price__regular,
.price--on-sale.on-sale .price__availability {
    display: none;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale.on-sale .price__badge-sale {
    display: inline-flex;
}

.price--on-sale.on-sale .price__sale {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.price--center {
    display: flex;
    justify-content: center;
}

.price--on-sale.on-sale .price-item--regular {
    text-decoration: line-through;
    color: rgba(var(--color-foreground), 0.75);
    font-size: calc(1.3rem * var(--font-body-scale));
}

.unit-price {
    display: block;
    font-size: calc(1.1rem * var(--font-body-scale));
    letter-spacing: 0.04rem;
    line-height: calc(1 + 0.2 / var(--font-body-scale));
    margin-top: 0.2rem;
    text-transform: uppercase;
    color: rgba(var(--color-foreground), 0.7);
}

.search__input.field__input {
    padding-right: 5rem;
}

.search__button .icon {
    height: 1.8rem;
    width: 1.8rem;
}

input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.pagination-wrapper {
    /* margin-top: 4rem; */
    margin-bottom: 3rem
}
.card-information__wrapper>:not(.visually-hidden:first-child)+:not(.rating) {
    margin-top: 0.7rem;
}
@media screen and (min-width: 990px) {
    .pagination-wrapper {
        /* margin-top: 11rem; */
        margin-bottom: 2rem
    }
}

.pagination__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pagination__list > li {
    flex: 1 0 4.4rem;
    max-width: 4.4rem
}

.pagination__list > li:not(:last-child) {
    margin-right: 1rem
}

.pagination__item {
    color: rgb(var(--color-foreground));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 4.4rem;
    width: 100%;
    padding: 0;
    text-decoration: none
}

.pagination__item:hover {
    color: rgb(var(--color-foreground))
}

a.pagination__item:hover::after {
    height: .2rem
}

.pagination__item .icon-caret {
    height: .6rem
}

.pagination__item--current {
    font-weight: 600
}

.pagination__item--current::after {
    height: .1rem
}

.pagination__item--current::after, .pagination__item:hover::after {
    content: '';
    display: block;
    width: 2rem;
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    background-color: currentColor
}

.pagination__item--next .icon {
    margin-left: -.2rem;
    transform: rotate(90deg)
}

.pagination__item--next:hover .icon {
    transform: rotate(90deg) scale(1.07)
}

.pagination__item--prev .icon {
    margin-right: -.2rem;
    transform: rotate(-90deg)
}

.pagination__item--prev:hover .icon {
    transform: rotate(-90deg) scale(1.07)
}

.pagination__item-arrow {
    color: rgba(var(--color-foreground), .75)
}

.pagination__item-arrow:hover .icon {
    color: rgb(var(--color-foreground))
}

.pagination__item-arrow:hover::after {
    display: none
}


.pagination-box {
    text-align: center;
    margin: 30px 40px 0
}

@media screen and (max-width: 749px) {
    .pagination-box{
        margin: 20px 40px 0;
    }
    .pagination-wrapper{
        margin-bottom: 4rem;
    }
}

.pagination-box a {
    color: #666
}

.pagination-box a:focus, .pagination a:hover {
    /* color: #030303 */
}

.pagination-box .current {
    font-weight: 700;
    color: #030303
}

.pagination-box span, .pagination-box a {
    display: inline-block;
    /* padding: 5px 10px */
    text-decoration: none;
}


.pagination li.disabled>*{
    color: #e3e3e3;
}
.pagination li.disabled,
.pagination li.active{
    cursor: not-allowed;
}

.pagination > .active{
    border-bottom: 2px solid;
}
/* a:not([href]) { */

.pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.pagination li{
    list-style: none;
    width: 2rem;
    height: 3rem;
    margin: 0rem 2px;
}

.pagination li:not([class]):not(.disabled,.temp):hover{
    border-bottom: 1px solid;
}

.pagination .active,.pagination .disabled {
    font-weight: 700;
    color: #030303;
}