.quan-deals-list h2 {
    color: var(--body-text-color);
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin: 4rem 0;
}
.quan-deals-list .deals-items {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
}
.quan-deals-list .deals-items .deals-item {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    width: calc((100% - 1.2rem) / 2);
}
.quan-deals-list .deals-items .deals-item a {
    display: flex;
    justify-content: center;
    color: var(--a-text-hover);
    font-weight: 700;
    text-align: center;
    font-size: 1.4rem;
}
.quan-deals-list .deals-items .deals-item a:hover {
    text-decoration: none;
}
.quan-deals-list .deals-items .deals-item a picture {
    height: 0;
    font-size: 0;
    padding-bottom: calc(368 / 368 * 100%);
    overflow: hidden;
}
.quan-deals-list .deals-items .deals-item a img {
    transition: all 0.3s;
}
.quan-deals-list .deals-items .deals-item a img:hover {
    transform: scale(1.05);
}
.quan-deals-list h4 {
    text-align: center;
    margin: 2.5rem 0;
}
.quan-deals-list a.more {
    color: #FFFFFF;
    font-weight: 400;
    background-color: #f04f36;
    border: 1px solid #f04f36;
    border-radius: 3px;
    padding: 1.2rem 1.8rem;
    display: inline-block;
}
.quan-deals-list a.more:hover {
    text-decoration: none;
    background-color: var(--primary-color-hover);
    border-color: var(--primary-color-hover);
}
@media only screen and (min-width: 768px) {
    .quan-deals-list .deals-items {
        gap: 1.6rem;
    }
    .quan-deals-list .deals-items .deals-item {
        width: calc((100% - 1.6rem * 2) / 3);
    }
}
@media only screen and (min-width: 1024px) {
    .quan-deals-list .deals-items {
        gap: 2rem;
    }
    .quan-deals-list .deals-items .deals-item {
        width: calc((100% - 2rem * 3) / 4);
    }
}

.deals-toolbar {
    margin: 40px 0;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    justify-content: center;
}

.pages .action.previous > span:last-child,
.pages .action.next > span:last-child {
    font-size: 1.5rem;
    position: unset;
    color: var(--a-text-hover);
}
.pages .action.next:before {
    content: unset;
}
.pages .action.previous:before,
.pages .action.previous:visited:before {
    color: var(--a-text-hover);
    font-size: 12px;
    font-weight: 700;
    padding-right: 6px;
}
.pages .action.next:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    line-height: inherit;
    color: var(--a-text-hover);
    content: '\e608';
    font-family: 'luma-icons';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: 700;
    overflow: hidden;
    speak: none;
    text-align: center;
    padding-left: 6px;
}
.pages .action {
    background: unset;
    border: unset;
    box-shadow: unset;
}
.pages .action:hover {
    background: unset;
}
.pages .action:hover:before,
.pages .action:hover:after,
.pages .action:hover > span:last-child {
    color: var(--primary-color) !important;
}
.pages a.page,
.pages a.page:visited {
    color: var(--a-text-hover);
    font-size: 1.6rem;
}
.pages a.page:hover,
.pages a.page:hover:visited {
    color: var(--primary-color);
}
.pages strong.page {
    background: unset;
    font-size: 1.6rem;
}
@media only screen and (max-width: 639px) {
    .pages .pages-items {
        white-space: nowrap;
    }
}