.btn-lazy-retry {
		border-radius: 10px !important;
		background-color: var(--main);
		color: var(--white);
	    border-color: var(--white);
}

.btn-lazy-retry:hover {
	background-color: var(--white) !important;
    color: var(--main) !important;
    border-color: var(--main) !important;
}


/* Category index: lazy tab states */
.category-lazy-tab-panel {
    min-width: 0;
}

.category-tab-placeholder,
.category-tab-state {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 70vh;
    padding: 2rem 1rem;
    text-align: center;
}

.category-tab-loading {
    color: #6c757d;
}

.category-tab-error {
    flex-direction: column;
    color: #721c24;
}

@media (max-width: 767.98px) {

    .category-tab-placeholder,
    .category-tab-state {
        min-height: 160px;
        padding: 1.5rem 0.75rem;
    }
}


/* Homepage lazy loading */

.home-lazy-panel {
    width: 100%;
    min-width: 0;
}

.home-lazy-panel:not([data-load-state="loaded"]) {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.home-lazy-panel--banner {
    min-height: min(calc(100vw / 1.77), 52rem);
}

.home-lazy-state {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    min-height: inherit;
    padding: 2rem 1rem;
    color: #6c757d;
    text-align: center;
}

.home-lazy-error {
    flex-direction: column;
    color: #721c24;
}

.home-lazy-panel--banner .home-lazy-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: inherit;
    text-align: center;
}

@media (max-width: 1440px) {
    .home-lazy-panel--banner {
        min-height: min(calc(100vw / 1.77), 32rem);
    }
}

@media (max-width: 1200px) {
    .home-lazy-panel--banner {
        min-height: min(calc(100vw / 1.77), 28rem);
    }
}

/* В настоящия дизайн carousel-ът е скрит до 600px. */
@media (max-width: 600px) {
    .home-lazy-panel--banner {
        display: none;
        min-height: 0;
    }
}