.banner-mosaic{padding-top:20px}.banner-mosaic__body{display:grid;grid-template-columns:22% 1fr 22%;grid-template-rows:1fr 1fr;gap:14px;min-height:440px}.banner-mosaic__body:not(:has(.banner-mosaic__side)){grid-template-columns:1fr}.banner-mosaic__body:not(:has(.banner-mosaic__side)) .banner-mosaic__main{grid-column:1 / -1;grid-row:1}.banner-mosaic__side{min-height:0}.banner-mosaic__side--top{grid-column:1;grid-row:1}.banner-mosaic__side--bottom{grid-column:1;grid-row:2}.banner-mosaic__main{position:relative;grid-column:2 / 4;grid-row:1 / 3;border-radius:22px;overflow:hidden}.banner-mosaic__carousel{height:100%;margin:0}.banner-mosaic__slide-link{display:block;position:relative;width:100%;height:100%;color:#fff;text-decoration:none}.banner-mosaic__slide-img{width:100%;height:100%;min-height:440px;object-fit:cover;display:block}.banner-mosaic__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;background:radial-gradient(ellipse at center,rgb(9 15 30 / .55) 0%,rgb(9 15 30 / .15) 70%)}.banner-mosaic__overlay-head{font-weight:800;font-size:34px;letter-spacing:.4px;text-shadow:0 4px 12px rgb(0 0 0 / .4);max-width:520px}.banner-mosaic__overlay-head span{display:block;margin-top:10px;font-size:16px;font-weight:400;opacity:.9}.banner-mosaic__overlay-foot{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px}.banner-mosaic__nav{display:flex;position:absolute;left:50%;bottom:25px;transform:translateX(-50%);gap:10px;z-index:6;opacity:0;transition:opacity 0.35s ease;.swiper-button-prev:before{left:10px}.swiper-button-next:before{left:6px}}.banner-mosaic__main:hover .banner-mosaic__nav{opacity:1}.swiper-button-next,.swiper-button-prev{width:calc(var(--swiper-navigation-size) / 44 * 27)!important;height:35px!important}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px!important}.banner-mosaic__nav-btn{position:relative;left:auto;right:auto;top:auto;margin:0}.banner-mosaic .hero__arrow{backdrop-filter:none;-webkit-backdrop-filter:none}.banner-mosaic__dots{bottom:-22px;left:50%;transform:translateX(-50%);width:max-content}.banner-mosaic__card{display:flex;flex-direction:column;justify-content:flex-end;position:relative;height:100%;min-height:210px;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;border:2px solid #fff0;transition:border-color 0.3s ease}.banner-mosaic__card:hover{border-color:rgb(255 184 0 / .5)}.banner-mosaic__card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner-mosaic__card-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgb(9 15 30 / .85) 100%)}.banner-mosaic__card-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;padding:18px 16px}.banner-mosaic__card-title{font-weight:800;font-size:18px;line-height:1.25;text-shadow:0 2px 6px rgb(0 0 0 / .35)}.banner-mosaic__card-btn{height:38px;font-size:14px;max-width:100%;mix-blend-mode:normal}@media (max-width:970px){.banner-mosaic__body{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;min-height:0}.banner-mosaic__main{grid-column:1 / 3;grid-row:1}.banner-mosaic__side--top{grid-column:1;grid-row:2}.banner-mosaic__side--bottom{grid-column:2;grid-row:2}.banner-mosaic__slide-img{min-height:260px}.banner-mosaic__overlay-head{font-size:26px}}@media (max-width:570px){.banner-mosaic{padding-top:5px}.banner-mosaic__body{grid-template-columns:1fr;gap:12px}.banner-mosaic__main,.banner-mosaic__side--top,.banner-mosaic__side--bottom{grid-column:1;grid-row:auto}.banner-mosaic__slide-img{min-height:200px}.banner-mosaic__overlay{padding:24px 16px}.banner-mosaic__overlay-head{font-size:22px}.banner-mosaic__card{min-height:150px}}@media (max-width:992px){.banner-mosaic__nav{display:none}}