.z9-cb{position:relative;background-color:#111;font-family:DM Sans,system-ui,sans-serif;padding:57px 0;height:400px;display:flex;align-items:center;overflow:hidden}.z9-cb--no-image{background-color:#0a0a0a;min-height:auto;height:auto;padding:50px 0 40px}.z9-cb__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.z9-cb__bg img{width:100%;height:100%;object-fit:cover;object-position:var(--z9cb-img-pos, center);display:block}.z9-cb__bg--has-mobile .z9-cb__bg-mobile{display:none}@media(max-width:749px){.z9-cb__bg--has-mobile .z9-cb__bg-desktop{display:none}.z9-cb__bg--has-mobile .z9-cb__bg-mobile{display:block}}.z9-cb__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--z9cb-overlay-color, #000);opacity:var(--z9cb-overlay, .55);z-index:1}.z9-cb__inner{position:relative;z-index:2;max-width:var(--z9cb-max-w, 1400px);margin:0 auto;padding:0 clamp(16px,4vw,30px);width:100%}.z9-cb__breadcrumb{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;margin-bottom:20px;color:#fff9}.z9-cb__breadcrumb a{color:#fff9;text-decoration:none;transition:color .2s ease}.z9-cb__breadcrumb a:hover{color:#fff;text-decoration:underline}.z9-cb__breadcrumb span{color:#ffffffe6;font-weight:600}.z9-cb__breadcrumb svg{width:14px;height:14px;opacity:.5;flex-shrink:0}.z9-cb__eyebrow{display:inline-block;font-family:Tomorrow,sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:12px}.z9-cb__title{font-family:Tomorrow,sans-serif;font-weight:700;font-size:40px;line-height:1.05;margin:0;text-transform:uppercase;letter-spacing:.02em;color:#fff}.z9-cb__desc{font-family:DM Sans,sans-serif;font-size:18px;line-height:1.6;margin-top:12px;max-width:540px;color:#ffffffa6}.z9-cb__desc p{margin:0}.z9-cb__count{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:13px;font-weight:700;color:#fffc;background:#ffffff1a;padding:8px 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;font-family:Tomorrow,sans-serif;border:1px solid rgba(255,255,255,.2)}.z9-cb__count svg{width:16px;height:16px;fill:#fff}@media(max-width:749px){.z9-cb{padding:36px 0;height:320px}.z9-cb__title{font-size:26px}.z9-cb__desc{font-size:16px}.z9-cb__breadcrumb{font-size:13px;margin-bottom:16px}.z9-cb__eyebrow{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/z9-collection-banner.css.map */