/* Страница «Агенты по регионам» (ru/agents-konsultant, kz/agents-konsultant). Блоки — zero.css.
   Слайдер карточек агентов: секция-рамка [data-slider data-fade] (site.js), слайды — Zero-блоки. */

.ag-frame > .slider__view { position: absolute; left: 0; top: calc(99 * var(--u)); width: 100%; height: calc(210 * var(--u)); translate: none; }
.ag-frame .slider__track { position: relative; height: 100%; }
.ag-frame .slider__slide { position: absolute; inset: 0; background: transparent; opacity: 0; transition: opacity .5s ease-in-out; }
.ag-frame .slider__slide.is-active { z-index: 1; opacity: 1; }

.ag-frame > .ag-arrow {
    left: 40px; top: calc(182 * var(--u)); width: calc(44 * var(--u)); height: calc(44 * var(--u)); padding: 0;
    border: 0; border-radius: 50%; background: url('/assets/img/3930-323-Group_39963.svg') center / 100% no-repeat; cursor: pointer; translate: none;
}
.ag-frame > .ag-arrow--next { left: auto; right: 40px; background-image: url('/assets/img/6635-343-Group_39964.svg'); }

.ag-frame > .slider__dots { left: 0; top: calc(329 * var(--u)); display: flex; justify-content: center; gap: calc(10 * var(--u)); width: 100%; height: calc(18 * var(--u)); align-items: center; translate: none; }
.ag-frame .slider__dots button { width: calc(11 * var(--u)); height: calc(11 * var(--u)); padding: 0; border: 0; background: url('/assets/img/3662-663-photo.svg') center / 100% no-repeat; cursor: pointer; }
.ag-frame .slider__dots button[aria-current="true"] { background-image: url('/assets/img/3932-356-photo.svg'); }

/* телефон: своя рамка с другими слайдами (стрелки сверху, точки-кружки) */
@media (max-width: 959px) {
    .ag-frame--m > .slider__view { top: calc(93 * var(--u)); height: calc(var(--vhm, 586) * var(--u)); }
    .ag-frame--m > .ag-arrow { left: calc(50% + (125 - 160) * var(--u)); top: calc(38 * var(--u)); width: calc(30 * var(--u)); height: calc(30 * var(--u)); }
    .ag-frame--m > .ag-arrow--next { left: calc(50% + (165 - 160) * var(--u)); right: auto; }
    .ag-frame--m > .slider__dots { top: calc(393 * var(--u)); height: calc(22 * var(--u)); }
    .ag-frame--m .slider__dots button { width: calc(5 * var(--u)); height: calc(5 * var(--u)); background-image: url('/assets/img/6365-323-Ellipse_105.svg'); }
    .ag-frame--m .slider__dots button[aria-current="true"] { background-image: url('/assets/img/3964-643-Ellipse_104.svg'); }
}