.hero-banner__grid{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;align-items:var(--text-align-vertical-mobile)}.hero-banner__image{grid-column:1 / span 1;grid-row:1 / span 3;width:100%;height:100%}.hero-banner__image-mobile{height:100%}.hero-banner__image-desktop{display:none;height:100%}.hero-banner__container{position:relative;padding-inline:16px}.hero-banner__content{color:var(--text-color);text-align:var(--text-align-mobile)}.hero-banner__title{color:currentColor;margin-block-end:16px}@media (max-width: 767px){.hero-banner__container--m-ct{grid-column:1 / span 1;grid-row:1 / span 1;padding-block-start:16px}.hero-banner__container--m-cc{grid-column:1 / span 1;grid-row:2 / span 1}.hero-banner__container--m-cb{grid-column:1 / span 1;grid-row:3 / span 1;padding-block-end:16px}}.hero-banner__buttons{display:flex;column-gap:5px;justify-content:var(--text-align-mobile)}.hero-banner__buttons>a{color:currentColor}@media (min-width: 768px){.hero-banner__grid{display:grid;grid-template-columns:auto;grid-template-rows:1fr 1fr 1fr;align-items:var(--text-align-vertical-desktop)}.hero-banner__image-mobile{display:none}.hero-banner__image-desktop{display:block}.hero-banner__image{grid-column:1 / span 3;grid-row:1 / span 3}.hero-banner__container{position:relative;text-align:var(--text-align-desktop);padding-inline:0}.hero-banner__container--lt{grid-column:1 / span 1;grid-row:1 / span 1;padding-inline-start:32px;padding-block-start:32px}.hero-banner__container--ct{grid-column:2 / span 1;grid-row:1 / span 1;padding-block-start:32px}.hero-banner__container--rt{grid-column:3 / span 1;grid-row:1 / span 1;padding-inline-end:32px;padding-block-start:32px}.hero-banner__container--lc{grid-column:1 / span 1;grid-row:2 / span 1;padding-inline-start:32px}.hero-banner__container--cc{grid-column:2 / span 1;grid-row:2 / span 1}.hero-banner__container--rc{grid-column:3 / span 1;grid-row:2 / span 1;padding-inline-end:32px}.hero-banner__container--lb{grid-column:1 / span 1;grid-row:3 / span 1;padding-inline-start:32px;padding-block-end:32px}.hero-banner__container--cb{grid-column:2 / span 1;grid-row:3 / span 1;padding-block-end:32px}.hero-banner__container--rb{grid-column:3 / span 1;grid-row:3 / span 1;padding-inline-end:32px;padding-block-end:32px}.hero-banner__content{color:var(--text-color);text-align:var(--text-align-desktop)}.hero-banner__buttons{justify-content:var(--text-align-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/474/assets/hero-banner.css.map */