.mab-brand-hero{position:relative;display:flex;align-items:flex-end;overflow:hidden;width:100%;min-height:320px}.mab-brand-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.mab-brand-hero__media img{width:100%;height:100%;object-fit:cover}.mab-brand-hero__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.mab-brand-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.2) 60%,transparent 100%)}.mab-brand-hero__content{position:relative;z-index:2;width:100%;padding:32px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.mab-brand-hero__logo{width:80px;height:80px;background:#fff;border-radius:16px;padding:10px;box-shadow:0 4px 24px #00000026;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mab-brand-hero__logo img{width:100%;height:100%;object-fit:contain}.mab-brand-hero__text{color:#fff}.mab-brand-hero__vendor-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-bottom:4px}.mab-brand-hero__title{font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 8px}.mab-brand-hero__tagline{font-size:16px;line-height:1.5;opacity:.9;margin:0;max-width:560px}.mab-brand-hero__cta{margin-top:12px}.mab-brand-hero__cta .btn{border-radius:14px!important;font-weight:700;font-size:14px;padding:12px 28px;background:#fff!important;color:#1a1a1a!important;border:none!important;box-shadow:0 2px 12px #0003;transition:transform .2s,box-shadow .2s}.mab-brand-hero__cta .btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}@media only screen and (min-width:768px){.mab-brand-hero{min-height:420px}.mab-brand-hero__content{padding:48px 40px;flex-direction:row;align-items:flex-end;gap:24px}.mab-brand-hero__logo{width:100px;height:100px;border-radius:20px;padding:14px}.mab-brand-hero__title{font-size:40px;margin-bottom:10px}.mab-brand-hero__tagline{font-size:18px}.mab-brand-hero__cta .btn{font-size:15px;padding:14px 28px}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/section-mab-brand-hero.css.map */