.rishu-hero-grid-banner{--rishu-hero-grid-gap-mobile: 12px;--rishu-hero-grid-gap-desktop: 35px;--rishu-hero-grid-side-gap-desktop: 30px;--rishu-hero-grid-radius: 20px;--rishu-hero-grid-bg: #ffffff;--rishu-hero-grid-main-ratio: 1184 / 654;--rishu-hero-grid-side-ratio: 680 / 340;width:100%;max-width:min(1700px,calc(100% - 40px));margin:15px auto 0;padding:0}.rishu-hero-grid-banner__inner,.rishu-hero-grid-banner__layout,.rishu-hero-grid-banner__main,.rishu-hero-grid-banner__side,.rishu-hero-grid-banner__side-row,.rishu-hero-grid-banner__side-item{width:100%;min-width:0}.rishu-hero-grid-banner__layout,.rishu-hero-grid-banner__side-row{display:flex;flex-direction:column;gap:var(--rishu-hero-grid-gap-mobile)}.rishu-hero-grid-banner__slider{position:relative;width:100%;border-radius:var(--rishu-hero-grid-radius);overflow:hidden;background-color:var(--rishu-hero-grid-bg)}.rishu-hero-grid-banner__slider--main{height:auto}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__slides{position:relative;height:auto}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease;background-color:var(--rishu-hero-grid-bg)}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__slide.active{position:relative;inset:unset;height:auto;opacity:1;visibility:visible;z-index:1}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__media{position:relative;line-height:0;background-color:var(--rishu-hero-grid-bg)}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__image{display:block;width:100%;height:auto;max-width:100%;margin:0;padding:0}.rishu-hero-grid-banner__slide--has-mobile .rishu-hero-grid-banner__image--mobile{display:none}@media screen and (max-width:999px){.rishu-hero-grid-banner__layout{flex-direction:column;gap:var(--rishu-hero-grid-gap-mobile)}.rishu-hero-grid-banner__side-row{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--rishu-hero-grid-gap-mobile)}.rishu-hero-grid-banner__side-item{flex:0 0 auto;width:100%;max-width:100%}.rishu-hero-grid-banner__slider--side{width:100%;aspect-ratio:var(--rishu-hero-grid-side-ratio)}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__slide.active{position:relative;aspect-ratio:var(--rishu-hero-slide-ratio-mobile, 800 / 442);width:100%;height:auto}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}.rishu-hero-grid-banner__slide--has-mobile .rishu-hero-grid-banner__image--desktop{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.rishu-hero-grid-banner__slide--has-mobile .rishu-hero-grid-banner__image--mobile{display:block!important;visibility:visible!important;opacity:1!important}}.rishu-hero-grid-banner__slider--side{aspect-ratio:var(--rishu-hero-grid-side-ratio)}.rishu-hero-grid-banner__slider--side .rishu-hero-grid-banner__slides{position:absolute;top:0;right:0;bottom:0;left:0}.rishu-hero-grid-banner__slider--side .rishu-hero-grid-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease;background-color:var(--rishu-hero-grid-bg)}.rishu-hero-grid-banner__slider--side .rishu-hero-grid-banner__slide.active{opacity:1;visibility:visible;z-index:1}.rishu-hero-grid-banner__slider--side .rishu-hero-grid-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--rishu-hero-grid-bg)}.rishu-hero-grid-banner__slider--side .rishu-hero-grid-banner__image,.rishu-hero-grid-banner__slider--side .rishu-hero-grid-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.rishu-hero-grid-banner__slide-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.rishu-hero-grid-banner__placeholder{background:#e8e4dc}.rishu-hero-grid-banner__dots{position:absolute;left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;justify-content:center;gap:8px}.rishu-hero-grid-banner__dots--main,.rishu-hero-grid-banner__dots--side{bottom:3px}.rishu-hero-grid-banner__dot{padding:0;border:none;border-radius:50%;background:#d9d9d9;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.rishu-hero-grid-banner__dots--main .rishu-hero-grid-banner__dot{width:8px;height:8px}.rishu-hero-grid-banner__dots--side .rishu-hero-grid-banner__dot{width:5px;height:5px}.rishu-hero-grid-banner__dot:hover{transform:scale(1.08)}.rishu-hero-grid-banner__dot.active{background:#fff}.rishu-hero-grid-banner__dots--main .rishu-hero-grid-banner__dot.active{width:8px;height:8px}.rishu-hero-grid-banner__dots--side .rishu-hero-grid-banner__dot.active{width:5px;height:5px}@media screen and (min-width:1000px){.rishu-hero-grid-banner{max-width:min(1700px,90%);margin-top:30px}.rishu-hero-grid-banner__layout{display:grid;grid-template-columns:66fr 34fr;column-gap:var(--rishu-hero-grid-gap-desktop);align-items:stretch}.rishu-hero-grid-banner__main{display:flex;flex-direction:column;align-self:stretch;min-height:100%}.rishu-hero-grid-banner__slider--main{flex:1 1 auto;display:flex;flex-direction:column;width:100%;min-height:100%;height:100%}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__slides{flex:1 1 auto;position:relative;min-height:0;height:100%}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__slide,.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__slide.active{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__image--mobile{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important}.rishu-hero-grid-banner__slider--main .rishu-hero-grid-banner__image--desktop{display:block!important;visibility:visible!important;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}.rishu-hero-grid-banner__side{display:flex;flex-direction:column}.rishu-hero-grid-banner__side-row{display:flex;flex-direction:column;gap:var(--rishu-hero-grid-side-gap-desktop);height:100%}.rishu-hero-grid-banner__side-item{flex:0 0 auto;display:block}.rishu-hero-grid-banner__slider--side{aspect-ratio:var(--rishu-hero-grid-side-ratio);width:100%;height:auto}.rishu-hero-grid-banner__dots--main{bottom:25px}.rishu-hero-grid-banner__dots--main .rishu-hero-grid-banner__dot,.rishu-hero-grid-banner__dots--main .rishu-hero-grid-banner__dot.active{width:13px;height:13px}.rishu-hero-grid-banner__dots--side{bottom:15px}.rishu-hero-grid-banner__dots--side .rishu-hero-grid-banner__dot,.rishu-hero-grid-banner__dots--side .rishu-hero-grid-banner__dot.active{width:7px;height:7px}}@media(prefers-reduced-motion:reduce){.rishu-hero-grid-banner__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/rishu-hero-grid-banner.css.map */