#hero-banner{margin-bottom:40px}
#hero-banner.indicator-visible .hero-banner-indicator{display:flex}
#hero-banner.indicator-visible .hero-banner-indicator-blank{margin-top:-72px}
#hero-banner.indicator-visible .hero-banner{margin-bottom:16px}
.hero-banner{display:grid;grid-template-areas:"big smallcontainer";grid-template-columns:1fr 280px;gap:16px;margin-bottom:0}
@media (width < 768px){.hero-banner{grid-template-areas:"big" "slider";grid-template-columns:1fr;padding-bottom:0}}
.hero-banner-big{grid-area:big;position:relative}
.hero-banner-big-logo{display:flex;align-items:center;gap:8px}
.hero-banner-big-logo span{text-transform:uppercase;color:#E4032E;font-size:24px;font-family:"Roboto Condensed Bold",sans-serif}
.hero-banner-big-image{border-radius:16px;width:100%;height:100%;object-fit:cover}
@media (width < 768px){.hero-banner-big-image{height:500px}}
.hero-banner-big-image_mobile{display:none}
@media (width < 768px){.hero-banner-big-image_mobile{display:block}}
.hero-banner-big-image_desktop{display:block}
@media (width < 768px){.hero-banner-big-image_desktop{display:none}}
.hero-banner-big-image.hidden{display:none}
.hero-banner-big-content{position:absolute;bottom:0;left:0;background-color:#FFF;padding:16px;display:flex;flex-direction:column;gap:16px;max-width:381px;border-radius:0 16px 0 0}
@media (width < 768px){.hero-banner-big-content{width:calc(100% - 28px - 32px)}}
.hero-banner-big-content::before,.hero-banner-big-content::after{content:"";width:32px;height:32px;position:absolute;background-color:transparent;border-radius:0 0 0 16px;box-shadow:0 16px 0 0 #FFF}
.hero-banner-big-content::before{top:-32px;left:0}
.hero-banner-big-content::after{bottom:0;right:-32px}
.hero-banner-big-content h1{font-family:"Roboto Condensed Bold",sans-serif;text-transform:uppercase;font-size:40px;line-height:48px}
@media (width < 768px){.hero-banner-big-content h1{font-size:30px;line-height:36px}}
@media (width < 721px){.hero-banner-big .button-primary{width:fit-content}}
.hero-banner-small{padding:16px;border-radius:16px}
.hero-banner-small-container{grid-area:smallcontainer;display:none}
@media (width>= 768px){.hero-banner-small-container{display:flex;flex-direction:column;gap:16px}}
.hero-banner-small-slider.slick-slider{grid-area:slider;display:none;max-width:calc(100vw - 32px)}
@media (width < 768px){.hero-banner-small-slider.slick-slider{display:block}}
.hero-banner-small-slider.slick-slider .slick-track{display:flex}
.hero-banner-small-slider.slick-slider .slick-list{margin:0 -8px}
.hero-banner-small-slider.slick-slider .slick-slide{display:flex;flex-direction:column;height:inherit;margin:0 8px}
.hero-banner-small-slider.slick-slider .slick-slide a{margin:auto auto 0}
.hero-banner-small img{width:100%;max-height:116px;object-fit:cover;margin-bottom:16px;border-radius:4px}
@media (width>= 768px){.hero-banner-small img{max-width:248px}}
.hero-banner-small h2{font-size:24px;line-height:32px;margin-bottom:8px}
.hero-banner-small p{color:#676973;margin-bottom:20px}
.hero-banner-small a{display:inline-flex;gap:4px;padding:4px;font-size:14px;font-weight:500;text-decoration:none;border-radius:4px}
.hero-banner-small a::after{content:url("/storage/app/media/icons/ic-24-chevron-red.svg");width:18px;height:18px}
.hero-banner-small a:hover,.hero-banner-small a:active{color:#15171C;background-color:#DFDFE5}
.hero-banner-small a.hero-banner-small-qr{align-items:center}
.hero-banner-small a.hero-banner-small-qr::after{content:url("/storage/app/media/icons/icons_svg_24/qr-red.svg")}
.hero-banner-control{display:none;position:absolute;top:24px;right:24px;padding:8px;cursor:pointer;z-index:2}
@media (width < 768px){.hero-banner-control_mobile{display:block}}
@media (width>= 768px){.hero-banner-control_desktop{display:block}}
.hero-banner-indicator{display:none;flex-direction:column;align-items:center;gap:8px;background-color:#F4F6F8;padding:8px;border-radius:8px;position:sticky;bottom:16px;width:fit-content;left:50%;transform:translateX(-50%);height:40px;cursor:pointer;z-index:1}
.hero-banner-indicator-blank{position:relative;margin-top:0}
.hero-banner-indicator span{font-size:10px;line-height:8px;color:#676973}
.hero-banner-indicator img{width:24px;height:24px;margin-left:8px}
.hero-banner-decoration{margin-top:0;position:relative}