.mb-kids-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--mb-kh-bg-start),var(--mb-kh-bg-end));border-bottom:1px solid var(--mb-kh-hairline);font-family:var(--mb-kh-font-body)}.mb-kids-hero img{max-width:100%;display:block}.mb-kids-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.mb-kids-hero__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mb-kids-hero__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mb-kh-overlay-color);opacity:var(--mb-kh-overlay-opacity)}.mb-kids-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;max-width:1280px;margin:0 auto;padding:72px 24px}.mb-kids-hero__eyebrow{font-family:var(--mb-kh-font-ui);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mb-kh-accent)}.mb-kids-hero__heading{font-family:var(--mb-kh-font-heading);font-weight:700;font-size:58px;line-height:1.04;color:var(--mb-kh-navy);letter-spacing:-.02em;margin:12px 0 0}.mb-kids-hero__body{font-family:var(--mb-kh-font-body);font-size:19px;line-height:1.6;color:var(--mb-kh-ink);max-width:500px;margin:18px 0 0}.mb-kids-hero__acts{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.mb-kids-hero__btn{font-family:var(--mb-kh-font-ui);font-size:15px;font-weight:400;border-radius:3px;padding:15px 28px;cursor:pointer;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center}.mb-kids-hero__btn--primary{background:var(--mb-kh-accent);border-color:var(--mb-kh-accent);color:#fff}.mb-kids-hero__btn--primary:hover{background:var(--mb-kh-accent-hover)}.mb-kids-hero__btn--ghost{background:transparent;border-color:var(--mb-kh-hairline);color:var(--mb-kh-navy)}.mb-kids-hero__btn--ghost:hover{border-color:var(--mb-kh-accent);color:var(--mb-kh-accent)}.mb-kids-hero__side{justify-self:center;width:min(300px,82%)}.mb-kids-hero__side-image{width:100%;height:auto;border-radius:3px}.mb-kids-hero__emblem{display:block;width:100%;color:var(--mb-kh-accent)}@media(max-width:900px){.mb-kids-hero__inner{grid-template-columns:1fr;padding:52px 24px}.mb-kids-hero__side{width:min(240px,70%);margin:32px auto 0}.mb-kids-hero--hide-side-mobile .mb-kids-hero__side{display:none}.mb-kids-hero__heading{font-size:42px}.mb-kids-hero__btn,.mb-kids-hero__side-image{border-radius:var(--mb-kh-radius-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/mecca-kids-hero.css.map */
