.mobile-app-banner{background:var(--app-banner-background);padding-top:var(--app-banner-padding-top);padding-bottom:var(--app-banner-padding-bottom);width:100%;position:relative}.mobile-app-banner--full-width{width:100vw;margin-left:calc(50% - 50vw)}.mobile-app-banner__container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;min-height:400px}.mobile-app-banner__content{display:flex;flex-direction:column;justify-content:center;max-width:100%}.mobile-app-banner__title{margin:0 0 1rem;line-height:1.2;font-weight:700;font-family:var(--font-heading-family);color:#000}.mobile-app-banner__subtitle{margin:0 0 1.5rem;line-height:1.2;font-weight:700;font-family:var(--font-heading-family);color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-app-banner__title.h0{font-size:calc(var(--font-heading-scale) * 4.8rem)}.mobile-app-banner__title.h1{font-size:calc(var(--font-heading-scale) * 3.6rem)}.mobile-app-banner__title.h2{font-size:calc(var(--font-heading-scale) * 2.4rem)}.mobile-app-banner__title.h3{font-size:calc(var(--font-heading-scale) * 1.8rem)}.mobile-app-banner__subtitle.h0{font-size:calc(var(--font-heading-scale) * 4.8rem)}.mobile-app-banner__subtitle.h1{font-size:calc(var(--font-heading-scale) * 3.6rem)}.mobile-app-banner__subtitle.h2{font-size:calc(var(--font-heading-scale) * 2.4rem)}.mobile-app-banner__subtitle.h3{font-size:calc(var(--font-heading-scale) * 1.8rem)}.mobile-app-banner__description{margin:0 0 2rem;font-size:1.6rem;line-height:1.5;color:#000;font-family:var(--font-body-family)}.mobile-app-banner__description p{margin:0}.mobile-app-banner__description p+p{margin-top:1rem}.mobile-app-banner__downloads{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.mobile-app-banner__app-store{display:block;transition:transform .2s ease}.mobile-app-banner__app-store:hover{transform:scale(1.05)}.mobile-app-banner__app-store-image{height:auto;max-width:200px;display:block}.mobile-app-banner__qr-code{text-align:center}.mobile-app-banner__qr-code-image{width:120px;height:120px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mobile-app-banner__qr-code-text{margin:.5rem 0 0;font-size:1.2rem;color:#000;font-family:var(--font-body-family)}.mobile-app-banner__image{display:flex;justify-content:center;align-items:center;height:100%;align-self:center}.mobile-app-banner__image-img{max-width:100%;height:auto;border-radius:12px}@media screen and (max-width: 989px){.mobile-app-banner__container{grid-template-columns:1fr;gap:3rem;text-align:center}.mobile-app-banner__content{order:1}.mobile-app-banner__image{order:2}.mobile-app-banner__downloads{justify-content:center}}@media screen and (max-width: 749px){.mobile-app-banner__container{gap:2rem;min-height:300px}.mobile-app-banner__title.h0{font-size:calc(var(--font-heading-scale) * 3.2rem)}.mobile-app-banner__title.h1{font-size:calc(var(--font-heading-scale) * 2.4rem)}.mobile-app-banner__title.h2{font-size:calc(var(--font-heading-scale) * 1.8rem)}.mobile-app-banner__title.h3{font-size:calc(var(--font-heading-scale) * 1.4rem)}.mobile-app-banner__subtitle.h0{font-size:calc(var(--font-heading-scale) * 3.2rem)}.mobile-app-banner__subtitle.h1{font-size:calc(var(--font-heading-scale) * 2.4rem)}.mobile-app-banner__subtitle.h2{font-size:calc(var(--font-heading-scale) * 1.8rem)}.mobile-app-banner__subtitle.h3{font-size:calc(var(--font-heading-scale) * 1.4rem)}.mobile-app-banner__description{font-size:1.4rem;margin-bottom:1.5rem}.mobile-app-banner__downloads{gap:1.5rem;flex-direction:column;align-items:center}.mobile-app-banner__app-store-image{max-width:180px}.mobile-app-banner__qr-code-image{width:100px;height:100px}}@media screen and (max-width: 480px){.mobile-app-banner__title.h0{font-size:calc(var(--font-heading-scale) * 2.8rem)}.mobile-app-banner__title.h1{font-size:calc(var(--font-heading-scale) * 2rem)}.mobile-app-banner__title.h2{font-size:calc(var(--font-heading-scale) * 1.6rem)}.mobile-app-banner__title.h3{font-size:calc(var(--font-heading-scale) * 1.2rem)}.mobile-app-banner__subtitle.h0{font-size:calc(var(--font-heading-scale) * 2.8rem)}.mobile-app-banner__subtitle.h1{font-size:calc(var(--font-heading-scale) * 2rem)}.mobile-app-banner__subtitle.h2{font-size:calc(var(--font-heading-scale) * 1.6rem)}.mobile-app-banner__subtitle.h3{font-size:calc(var(--font-heading-scale) * 1.2rem)}.mobile-app-banner__description{font-size:1.3rem}.mobile-app-banner__app-store-image{max-width:160px}.mobile-app-banner__qr-code-image{width:80px;height:80px}.mobile-app-banner__qr-code-text{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-mobile-app-banner.css.map */