.slider-block { width: 100%; margin: 0; }
.slider-block__frame { position: relative; overflow: hidden; border: 0; border-radius: 0; }
.slider-block__track { position: relative; }
.slider-block__slide { display: none; }
.slider-block__slide.is-active { display: block; }
.slider-block__media { position: relative; width: 100%; min-height: clamp(400px, 47vw, 580px); }
.slider-block__image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.slider-block__overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .48); }
.slider-block__content { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 12px; align-items: center; max-width: 850px; padding: 30px; color: #fff; text-align: center; }
.slider-block__title { margin: 0; font-size: clamp(29px,3vw,40px); font-weight: 700; line-height: 1.2; }
.slider-block__description { margin: 0; font-size: 17px; line-height: 1.4; font-weight: 400; }
.slider-block .btn { margin-top: 10px; background: #fff; color: var(--brand-blue); border-color: #fff; }
.slider-block .btn:hover { background: #eef1fc; border-color: #eef1fc; }
.slider-block__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(255,255,255,.88); color: var(--brand-blue); font-size: 26px; line-height: 1; cursor: pointer; }
.slider-block__nav--prev { left: 20px; }
.slider-block__nav--next { right: 20px; }
.slider-block__dots { position: absolute; bottom: 17px; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; gap: 7px; }
.slider-block__dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.5); cursor: pointer; }
.slider-block__dot.is-active { background: #fff; }
@media (max-width: 650px) { .slider-block__media { min-height: 350px; } .slider-block__content { padding: 25px 48px; } .slider-block__title { font-size: 26px; } .slider-block__description { font-size: 16px; } .slider-block__nav { width: 30px; height: 30px; font-size: 22px; } .slider-block__nav--prev { left: 9px; } .slider-block__nav--next { right: 9px; } }