.slider{--mobile-max:360px;--desktop-max:1000px;--slider-height-mobile:260px;--slider-height-desktop:520px;max-width:var(--desktop-max);background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#2a9d8f,#e9c46a,#f4a261) border-box;border:3px solid #0000;border-radius:20px;width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 30px #26465326}.slider__viewport{height:var(--slider-height-desktop);position:relative}.slider__img{object-fit:contain;background:#000;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0}.slider__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#264653,#2a9d8f);border:none;border-radius:50px;padding:12px 16px;font-size:18px;font-weight:700;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 15px #2646534d}.slider__btn:hover{background:linear-gradient(135deg,#2a9d8f,#e9c46a);transform:translateY(-50%)scale(1.1);box-shadow:0 6px 20px #2a9d8f66}.slider__btn--prev{left:12px}.slider__btn--next{right:12px}.slider__dots{gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.slider__dot{cursor:pointer;background:#ffffff80;border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:all .3s}.slider__dot:hover{background:#e9c46a;transform:scale(1.2)}.slider__dot.is-active{background:#f4a261;border-color:#e76f51;transform:scale(1.3)}@media (max-width:420px){.slider{max-width:var(--mobile-max)}.slider__viewport{height:var(--slider-height-mobile)}.slider__btn{padding:6px 8px}}@media (min-width:900px){.slider{max-width:var(--desktop-max)}}