.advolve-slider { position:relative; width:100%; height:var(--ads-height-desktop); overflow:hidden; border-radius:var(--ads-radius); }
.advolve-slider-track, .advolve-slide, .advolve-slide picture, .advolve-slide img { width:100%; height:100%; }
.advolve-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .6s ease; display:block; text-decoration:none; color:inherit; }
.advolve-slide.is-active { opacity:1; visibility:visible; z-index:2; }
.advolve-slide img { display:block; object-fit:var(--ads-fit); }
.advolve-slide-overlay { position:absolute; inset:0; background:var(--ads-overlay); opacity:var(--ads-overlay-opacity); z-index:3; pointer-events:none; }
.advolve-caption { position:absolute; left:7%; bottom:12%; z-index:4; max-width:560px; text-shadow:0 2px 14px rgba(0,0,0,.35); }
.advolve-caption strong { display:block; font-size:clamp(28px,4vw,64px); line-height:1.02; font-weight:800; }
.advolve-caption small { display:block; margin-top:10px; font-size:clamp(14px,1.4vw,20px); line-height:1.4; }
.advolve-slider-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:44px; height:44px; border-radius:50%; border:0; background:var(--ads-arrow-bg); color:var(--ads-arrow-color); font-size:34px; line-height:38px; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 8px 24px rgba(0,0,0,.18); }
.advolve-prev { left:18px; }
.advolve-next { right:18px; }
.advolve-slider-dots { position:absolute; bottom:18px; left:50%; transform:translateX(-50%); z-index:5; display:flex; gap:9px; }
.advolve-slider-dots button { width:10px; height:10px; border-radius:50%; border:0; padding:0; background:var(--ads-dot); opacity:.65; cursor:pointer; }
.advolve-slider-dots button.is-active { background:var(--ads-dot-active); opacity:1; transform:scale(1.15); }
@media (max-width:1024px){ .advolve-slider{ height:var(--ads-height-tablet); } }
@media (max-width:767px){
    .advolve-slider{ height:var(--ads-height-mobile); }
    .advolve-slider-arrow{ width:36px; height:36px; font-size:28px; }
    .advolve-prev{ left:10px; }
    .advolve-next{ right:10px; }
    .advolve-caption{ left:22px; right:22px; bottom:48px; }
}