/* Главный баннер для неавторизованных (гостей): слайдер из двух слайдов.
   Оба слайда — готовый макет дизайнера целиком (текст и кнопка вшиты в картинку),
   картинка обёрнута в ссылку на форму регистрации партнёра.
   Картинки (*.webp в .gitignore, добавлены в репозиторий через add -f):
     1 слайд — A/B-тест (задача 60212), недели чередуются, расписание в template.php; ведёт на регистрацию партнёра:
       до старта теста (пн 28.09.2026) — прежний «−50% на нанесение для новых партнёров» (задача 59467), без цели:
         guest-banner-promo-{360,768,1366,1920}.webp
       группа А, «Поставщик сувенирной продукции для рекламных агентств…», цель click_main_banner_group_a:
         guest-banner-supplier-{360,768,1366,1920}.webp
       группа Б, «Подарки, которые есть в наличии, а не „в производстве“», цель click_main_banner_group_b:
         guest-banner-instock-{360,768,1366,1920}.webp
       брейкпоинты те же, что у слайда 2
     2 слайд, «Мерч и корпоративные подарки в наличии» (задача 59585), ведёт в каталог:
       guest-banner-catalog-360.webp   — <768px
       guest-banner-catalog-768.webp   — 768–1365px
       guest-banner-catalog-1366.webp  — 1366–1919px
       guest-banner-catalog-1920.webp  — >=1920px
*/

.guest-slider {
    -webkit-user-select: none;
    user-select: none;
}

/* Дорожка со слайдами едет за курсором/пальцем, окно её обрезает.
   touch-action: pan-y — горизонтальный жест листает, вертикальный скроллит страницу. */
.guest-slider__viewport {
    overflow: hidden;
    touch-action: pan-y;
    cursor: grab;
}

.guest-slider__viewport--dragging {
    cursor: grabbing;
}

.guest-slider__track {
    display: flex;
    width: 100%;
}

.guest-slider__slide {
    flex: 0 0 100%;
}

.guest-slider__dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 12px;
}

.guest-slider__dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #d9d9d9;
    cursor: pointer;
    transition: background-color .2s ease;
}

.guest-slider__dot--active {
    background-color: #FFE400;
}

.guest-banner {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}

.guest-banner__img {
    display: block;
    width: 100%;
    height: auto;
}

/*
 * Полировка отступов и мобильная 2-колоночная сетка цифр перенесены в
 * .default/style.css (применяется и к гостю, и к авторизованному).
 */