/*
|--------------------------------------------------------------------------
| GRIFUS BANNER
|--------------------------------------------------------------------------
*/

.grifus-ads-rotator {
    position: relative !important;

    display: block !important;

    float: none !important;
    clear: both !important;

    width: calc(100% - 32px) !important;
    max-width: var(--grifus-banner-max-width, 1200px) !important;

    /*
     * JavaScript выставит точную высоту.
     * 300px — только запасной вариант до запуска JS.
     */
    height: 300px;
    min-height: 300px;

    margin:
        var(--grifus-banner-margin, 28px) auto !important;

    padding: 0 !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: 14px !important;

    box-sizing: border-box !important;
}


/*
|--------------------------------------------------------------------------
| Ссылка
|--------------------------------------------------------------------------
*/

.grifus-ads-rotator .grifus-ads-link {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    overflow: hidden !important;

    line-height: 0 !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

    cursor: pointer !important;
}


/*
|--------------------------------------------------------------------------
| Два слоя изображений
|--------------------------------------------------------------------------
*/

.grifus-ads-rotator .grifus-ads-image {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    display: block !important;

    float: none !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    object-fit: contain !important;

    opacity: 0;

    pointer-events: none;

    user-select: none;

    box-sizing: border-box !important;

    transition:
        opacity var(--grifus-banner-fade, 500ms) ease;
}


/*
|--------------------------------------------------------------------------
| Активный слой
|--------------------------------------------------------------------------
*/

.grifus-ads-rotator .grifus-ads-image-active {
    opacity: 1;
}


/*
|--------------------------------------------------------------------------
| Мобильная версия
|--------------------------------------------------------------------------
*/

@media (max-width: 600px) {

    .grifus-ads-rotator {
        width: calc(100% - 20px) !important;

        margin-top: 18px !important;
        margin-bottom: 18px !important;

        border-radius: 10px !important;
    }
}