.rosayaa-banner .koko-hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;pointer-events:none}.rosayaa-banner .koko-hero-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.rosayaa-banner .rosayaa-banner__products{z-index:3}.rosayaa-banner .rosayaa-banner__content{z-index:6}body.template-index #main-content>.section-rosayaa-banner{background:#fff}body.template-index #main-content .rosayaa-banner:before{content:"";position:absolute;top:55%;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(0deg,rgb(0 0 0 / 38%),transparent);pointer-events:none}body.template-index #main-content .rosayaa-banner:after{display:none}body.template-index #main-content .rosayaa-banner__content{position:absolute;top:auto;bottom:32px;right:32px;left:auto;width:calc(100% - 64px);max-width:650px;margin:0;transform:none;text-align:right;color:#fff}body.template-index #main-content .rosayaa-banner__heading{max-width:none;margin:0 0 24px;color:#fff;font-size:44px;line-height:1.1;letter-spacing:0;text-wrap:balance}body.template-index #main-content .rosayaa-banner__button{display:inline-flex;justify-content:center;min-height:44px;max-width:100%;padding:8px 32px;border:1px solid #fff;border-radius:999px;background:transparent;color:#fff;font-size:16px;font-weight:500;line-height:1.2;text-transform:uppercase;transform:none}body.template-index #main-content .rosayaa-banner__button:hover{background:#fff;color:#272727}body.template-index #main-content .rosayaa-banner__button:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(min-width:1025px){body.template-index #main-content .rosayaa-banner__products{top:0;bottom:150px}}@media(max-width:1024px){body.template-index #main-content koko-ritual.rosayaa-banner{height:clamp(480px,calc(100svh - 160px),620px);min-height:0;padding:0}body.template-index #main-content .koko-hero-background img{object-position:center 85%;transform:scale(1.22);transform-origin:center 68%}body.template-index #main-content .rosayaa-banner__content{right:18px;bottom:18px;width:calc(100% - 36px);max-width:430px}body.template-index #main-content .rosayaa-banner__heading{font-size:28px;margin-bottom:12px}body.template-index #main-content .rosayaa-banner__button{padding:8px 24px;font-size:14px}body.template-index #main-content koko-ritual.rosayaa-banner.is-carousel .rosayaa-banner__products{position:absolute;top:14%;right:-8%;bottom:auto;left:auto;width:74%;height:62%;margin:0;transform:none}}@media(max-width:767px){body.template-index #main-content>.section-rosayaa-banner{padding-inline:4px}body.template-index #main-content koko-ritual.rosayaa-banner .rosayaa-banner__products{display:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/koko-hero-background.css.map */