@media screen and (max-width: 767px){.hidden-on-mobile{display:none}}@media screen and (min-width: 768px){.hidden-on-desktop{display:none}}.qkr-code-hero__container{display:flex;justify-content:space-between;position:relative}@media screen and (max-width: 767px){.qkr-code-hero__container{flex-direction:column;max-height:100%}}.qkr-code-hero__container>*{flex:1}.qkr-code-hero__container--image-right .qkr-code-hero__image{order:1}.qkr-code-hero__container--image-full .qkr-code-hero__image figure{position:absolute;height:100%;width:100%;top:50%;transform:translateY(-50%);min-height:auto;left:0}.qkr-code-hero__container--image-full .qkr-code-hero__image figure img{position:relative;left:auto;top:auto}.qkr-code-hero__image figure{padding:0!important;height:100%!important;width:100%}.qkr-code-hero__text{display:flex;justify-content:center;text-align:center;padding:34px 0}@media screen and (max-width: 767px){.qkr-code-hero__text{padding-bottom:calc(48px - var(--spacing))}}.qkr-code-hero__text .card__text{max-width:406px;display:flex;flex-direction:column;justify-content:center}.qkr-code-hero__text .card__text .small-icon{margin-bottom:18px}@media screen and (max-width: 767px){.qkr-code-hero__text .card__text .small-icon{margin-bottom:8px}}.qkr-code-hero__text .card__text .small-icon figure{width:74px;height:74px;aspect-ratio:1/1;padding:0!important;margin:0 auto}.qkr-code-hero__text .card__text .title,.qkr-code-hero__text .card__text .button-wrap{margin-bottom:var(--spacing)}.qkr-code-hero__text .card__text .qkr-code{display:flex;justify-content:center;margin-bottom:var(--spacing)}.qkr-code-hero__text .card__text .qkr-code figure{width:100%;height:100%;max-width:234px;max-height:234px;padding:0!important;aspect-ratio:1/1}@media screen and (max-width: 767px){.qkr-code-hero__text .card__text .qkr-code figure{max-width:230px;max-height:230px}}.qkr-code-hero__mobile-content .title{display:none;position:relative;z-index:1;color:var(--Dark-Grey);text-align:center;max-width:340px;margin:0 auto 32px;padding-top:48px}@media screen and (max-width: 767px){.qkr-code-hero__mobile-content .title.show-on-mobile{display:block}}.qkr-code-hero__mobile-content .button-wrap{display:none;position:relative;z-index:1;padding-bottom:48px}.qkr-code-hero__mobile-content .button-wrap .button{color:var(--Dark-Grey);border-color:var(--Dark-Grey);margin-left:auto;margin-right:auto;display:block;max-width:fit-content}@media screen and (max-width: 767px){.qkr-code-hero__mobile-content .button-wrap.show-on-mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/qkr-code-hero.css.map */