.custom-pagination .pagination {
    --white: #fff;
    --black: #000;
    --primary-color: #DF2121;
    --secondary-color: #044338;
    --third-color: #CBD503;
}
.custom-pagination .page-item {
    margin: 0 3px;
}
.custom-pagination .page-link {
    background-color: var(--white);
    border: 1px solid var(--third-color);
    color: var(--third-color);
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}
.newhero-card.newhero-card-4 {
    background: url('https://komfos.project-preview.sk/storage/app/media/A4_Brochure_Mockup_1.jpg');
    background-size: cover;
}


.custom-pagination .page-link:hover {
    background-color: var(--third-color);
    color: var(--white);
    border-color: var(--third-color);
    cursor: pointer;
}

.custom-pagination .page-item.active .page-link {
    background-color: var(--secondary-color);
    color: var(--white);
    border-color: var(--secondary-color);
}

.custom-pagination .page-item.disabled .page-link {
    color: var(--black);
    opacity: 0.4;
    pointer-events: none;
    background-color: transparent;
    border: none;
}

.custom-pagination .page-item.dots .page-link {
    cursor: default;
    pointer-events: none;
}

.no-shops-message {
    background-color: #044338;
    color: #CBD503;
    border: 1px solid #044338;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin: 2rem auto;
    max-width: 600px;
    font-weight: 500;
}