/* Akcie bannery ([amplus_akcie_bannery], [amplus_home_akcie]) — sekcie podľa značky,
   bannery na šírku CELÉ (bez orezu), kotúč (carousel) so šípkami/bodkami. */

.amplus-bnr-page { display: flex; flex-direction: column; gap: 48px; }
.amplus-bnr-section { display: flex; flex-direction: column; gap: 22px; }
.amplus-bnr-section.is-hidden { display: none; }
.amplus-bnr-heading { font-size: 26px; font-weight: 700; margin: 0; color: #0F172A; }

/* Banner / video — plná šírka, prirodzený pomer strán (celý viditeľný) */
.amplus-bnr { display: block; border-radius: 14px; overflow: hidden; }
.amplus-bnr-media { width: 100%; height: auto; display: block; border-radius: 14px; }
a.amplus-bnr { text-decoration: none; }

/* Kotúč */
.amplus-bnrc { position: relative; }
.amplus-bnrc-track {
    display: flex; gap: 16px;
    overflow-x: auto; scroll-snap-type: x mandatory;
    scrollbar-width: none; -ms-overflow-style: none;
    scroll-behavior: smooth;
    border-radius: 14px;
}
.amplus-bnrc-track::-webkit-scrollbar { display: none; }
/* drag myšou */
.amplus-bnrc-track { cursor: grab; }
.amplus-bnrc-track.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;   /* snap nesmie bojovať s ručným posunom */
    scroll-behavior: auto;    /* okamžitý posun počas ťahania */
    user-select: none;
}
.amplus-bnrc-slide {
    /* šírka podľa data-perview — JS nastaví --bnrc-perview (desktop) s capom podľa šírky okna */
    flex: 0 0 calc((100% - (var(--bnrc-perview, 3) - 1) * 16px) / var(--bnrc-perview, 3));
    scroll-snap-align: start;
    min-width: 0;
}

/* Šípky — 1:1 kópia Elementor loop-carouselu na webe (zmerané na /servis/pneuservis/,
   widget 92eb8cc): pokoj = transparentné pozadie + 2px okraj #F3F4F6, kruh (999px),
   padding 18px, ikonka 16px vo farbe #6E7A84; hover = výplň aj okraj uicore_dark (#070707),
   farba ikonky sa NEmení. JEDEN zdieľaný štýl pre všetky kotúče. */
/* Ovládanie POD bannerom: [šípka]  bodky  [šípka] — nič neprekrýva obsah banneru */
.amplus-bnrc-nav { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 14px; }
.amplus-bnrc-arrow {
    flex: 0 0 auto; border-radius: 999px;
    border: 2px solid #F3F4F6; cursor: pointer;
    background: #fff; color: #6E7A84;
    display: flex; align-items: center; justify-content: center;
    padding: 18px;
    transition: background-color .2s ease, border-color .2s ease, opacity .2s ease;
}
.amplus-bnrc-arrow svg { width: 16px; height: 16px; display: block; }
.amplus-bnrc-arrow:hover {
    background: var(--e-global-color-uicore_dark, #070707);
    border-color: var(--e-global-color-uicore_dark, #070707);
    color: #fff;
}
.amplus-bnrc-next svg { transform: scaleX(-1); }
@media (max-width: 767px) {
    .amplus-bnrc-arrow { padding: 12px; }
    .amplus-bnrc-arrow svg { width: 14px; height: 14px; }
}

/* Bodky — 1:1 ako swiper bullets na webe: 6px, čierne, neaktívne 20 % opacity, rozostup 12px */
.amplus-bnrc-dots { display: flex; justify-content: center; gap: 12px; }
.amplus-bnrc-dot {
    width: 6px; height: 6px; border-radius: 50%;
    border: 0; padding: 0; cursor: pointer;
    background: #000; opacity: .2; transition: opacity .15s ease;
}
.amplus-bnrc-dot.is-active { opacity: 1; }