.royo-sale-hero{width:100%}.royo-sale-hero,.royo-sale-hero *{box-sizing:border-box}.royo-sale-hero__stage{width:100%;padding-block:var(--royo-padding-top) var(--royo-padding-bottom);color:var(--royo-heading-color);background:linear-gradient(270deg,var(--royo-background-edge) 13.77%,var(--royo-background-center) 54.68%,var(--royo-background-light) 90.84%,var(--royo-background-edge) 112.54%)}.royo-sale-hero__grid{display:flex;align-items:stretch;width:100%;column-gap:var(--royo-column-gap);row-gap:var(--royo-row-gap)}.royo-sale-hero--content-right .royo-sale-hero__grid{flex-direction:row-reverse}.royo-sale-hero__content,.royo-sale-hero__media{flex:1 1 50%;min-width:0}.royo-sale-hero__content{display:flex;align-items:center;justify-content:center}.royo-sale-hero__content-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:var(--royo-content-max-width);padding-inline:16px;gap:16px;margin-inline:auto;text-align:center;font-family:var(--royo-font-family)}.royo-sale-hero__heading{width:100%;margin:0;color:var(--royo-heading-color);font-family:var(--royo-font-family);font-size:var(--royo-heading-size);font-style:normal;font-weight:700;letter-spacing:1px;line-height:normal}.royo-sale-hero__heading strong{color:var(--royo-accent-color);font-weight:700}.royo-sale-hero__text{width:100%;color:var(--royo-body-color);font-family:var(--royo-font-family);font-size:var(--royo-body-size);font-style:normal;font-weight:400;line-height:1.6}.royo-sale-hero__text p{margin:0;color:inherit;font:inherit}.royo-sale-hero__text strong{font-weight:700}.royo-sale-hero__cta{display:flex;flex-direction:column;width:100%;gap:16px;margin-top:20px}.royo-sale-hero__button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px;border:0;border-radius:45.06px;color:var(--royo-button-text);background:var(--royo-button-background);font-family:var(--royo-font-family);font-size:20px;font-style:normal;font-weight:700;line-height:24px;text-align:center;text-decoration:none;text-transform:uppercase;transition:filter .18s ease,color .18s ease,background-color .18s ease}.royo-sale-hero--button-outline .royo-sale-hero__button{color:var(--royo-button-background);background:transparent;box-shadow:inset 0 0 0 1px var(--royo-button-background)}.royo-sale-hero__button:hover{color:var(--royo-button-text);filter:brightness(.9)}.royo-sale-hero--button-outline .royo-sale-hero__button:hover{color:var(--royo-button-text);background:var(--royo-button-background)}.royo-sale-hero__button:focus-visible{outline:3px solid var(--royo-heading-color);outline-offset:3px}.royo-sale-hero__cta-note{display:flex;align-items:center;width:100%;gap:10px;margin:0;color:var(--royo-body-color);font-family:var(--royo-font-family);font-size:var(--royo-body-size);font-style:normal;font-weight:400;line-height:1.4;text-align:left}.royo-sale-hero__cta-note svg{flex:0 0 24px;width:24px;height:25px;color:var(--royo-accent-color)}.royo-sale-hero__media{display:flex;align-items:stretch;justify-content:flex-end}.royo-sale-hero__picture{position:relative;display:block;flex:1 1 auto;width:100%;min-height:100%;aspect-ratio:480 / 433;overflow:hidden}.royo-sale-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--royo-image-position)}@media screen and (max-width:768px){.royo-sale-hero__stage{padding-block:var(--royo-padding-top-mobile) var(--royo-padding-bottom-mobile)}.royo-sale-hero__grid,.royo-sale-hero--content-right .royo-sale-hero__grid{flex-direction:column-reverse;gap:var(--royo-row-gap-mobile)}.royo-sale-hero__content,.royo-sale-hero__media{flex-basis:100%}.royo-sale-hero__content-card{max-width:var(--royo-content-max-width);padding:24px 8px;gap:12px}.royo-sale-hero__heading{font-size:var(--royo-heading-size-mobile)}.royo-sale-hero__text{font-size:var(--royo-body-size-mobile);line-height:22px}.royo-sale-hero__cta{margin-top:0}.royo-sale-hero__cta-note{font-size:var(--royo-body-size-mobile);line-height:1.4;text-align:justify}.royo-sale-hero__image{object-position:var(--royo-image-position-mobile)}}@media(prefers-reduced-motion:reduce){.royo-sale-hero__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/royo-sale-hero.css.map */
