.q4-cbanner{position:relative;display:flex;align-items:flex-end;min-height:var(--q4-cb-height-mobile, 460px);overflow:hidden;color:var(--q4-cb-text);background:var(--q4-cb-overlay);isolation:isolate}.q4-cbanner-wrap[hidden],.q4-cbanner[hidden],.q4-cbanner__campaign[hidden]{display:none!important}.q4-cbanner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.q4-cbanner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--q4-cb-overlay-opacity, .85);background:linear-gradient(0deg,var(--q4-cb-overlay) 0%,var(--q4-cb-overlay) 30%,transparent 72%)}.q4-cbanner__img,.q4-cbanner__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--q4-cb-focal-mobile, center top)}.q4-cbanner__placeholder{fill:#fff3;background:#3a3330}.q4-cbanner__content{display:grid;justify-items:start;gap:14px;width:100%;padding:28px 20px;box-sizing:border-box}.q4-cbanner p{margin:0}.q4-cbanner__title{margin:0;color:inherit;font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(34px,9vw,64px);font-weight:500;line-height:1.02;letter-spacing:-.01em}.q4-cbanner__subtitle{font-family:var(--font-body-family, inherit);font-size:16px;line-height:1.4;opacity:.95}.q4-cbanner__campaign{display:flex;align-items:center;gap:18px;margin-top:2px;font-family:var(--font-body-family, inherit)}.q4-cbanner__campaign-name{max-width:13ch;color:var(--q4-cb-accent);font-size:clamp(20px,5.6vw,28px);font-weight:700;line-height:1.05;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}.q4-cbanner__divider{align-self:stretch;width:1px;min-height:40px;background:currentColor;opacity:.55}.q4-cbanner__offer{display:grid;gap:2px}.q4-cbanner__offer-main{color:var(--q4-cb-accent);font-size:clamp(22px,6vw,30px);font-weight:700;line-height:1.05;text-transform:uppercase}.q4-cbanner__offer-suffix{font-size:16px;font-weight:500}.q4-cbanner__cta{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:6px;padding:10px 22px;border:1px solid var(--q4-cb-accent);border-radius:4px;color:var(--q4-cb-text);font-family:var(--font-body-family, inherit);font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s ease,color .2s ease}.q4-cbanner__cta:hover{background:var(--q4-cb-accent);color:#111}.q4-cbanner__cta:focus-visible{outline:2px solid var(--q4-cb-accent);outline-offset:3px}.q4-cbanner__cta-icon{width:18px;height:18px;transition:transform .2s ease}.q4-cbanner__cta:hover .q4-cbanner__cta-icon{transform:translate(3px)}.q4-cbanner__tap{display:none}@media screen and (max-width:749px){.q4-cbanner--m-compact{align-items:center}.q4-cbanner--m-compact .q4-cbanner__media:after{background:linear-gradient(90deg,var(--q4-cb-overlay) 0%,var(--q4-cb-overlay) 30%,transparent 78%)}.q4-cbanner--m-compact .q4-cbanner__img,.q4-cbanner--m-compact .q4-cbanner__media img{object-position:var(--q4-cb-focal-mobile, right center)}.q4-cbanner--m-compact .q4-cbanner__content{gap:6px;width:64%;padding:16px 18px}.q4-cbanner--m-compact .q4-cbanner__subtitle,.q4-cbanner--m-compact .q4-cbanner__cta,.q4-cbanner--m-compact .q4-cbanner__divider{display:none}.q4-cbanner--m-compact .q4-cbanner__campaign{order:-1;display:grid;gap:4px;margin:0}.q4-cbanner--m-compact .q4-cbanner__campaign-name{max-width:none;font-size:12px;letter-spacing:.14em;line-height:1.2}.q4-cbanner--m-compact .q4-cbanner__campaign-name br{display:none}.q4-cbanner--m-compact .q4-cbanner__offer-main{color:var(--q4-cb-text);font-size:clamp(24px,7.4vw,32px);line-height:1}.q4-cbanner--m-compact .q4-cbanner__offer-suffix{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.q4-cbanner--m-compact:has(.q4-cbanner__campaign--offer:not([hidden])) .q4-cbanner__title{display:none}.q4-cbanner--m-compact .q4-cbanner__title{font-size:clamp(22px,6.4vw,28px);line-height:1.05}.q4-cbanner--m-compact .q4-cbanner__tap{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.q4-cbanner--m-compact .q4-cbanner__tap:focus-visible{outline:2px solid var(--q4-cb-accent);outline-offset:-4px}}@media screen and (min-width:750px){.q4-cbanner{align-items:center;min-height:var(--q4-cb-height, 340px)}.q4-cbanner__media:after{background:linear-gradient(90deg,var(--q4-cb-overlay) 0%,var(--q4-cb-overlay) 22%,transparent 62%)}.q4-cbanner--right .q4-cbanner__media:after{background:linear-gradient(270deg,var(--q4-cb-overlay) 0%,var(--q4-cb-overlay) 22%,transparent 62%)}.q4-cbanner__img,.q4-cbanner__media img{object-position:var(--q4-cb-focal, right center)}.q4-cbanner__content{max-width:var(--page-width, 1440px);margin:0 auto;padding:40px 56px}.q4-cbanner--right .q4-cbanner__content{justify-items:end;text-align:right}.q4-cbanner__content>*{max-width:560px}.q4-cbanner__subtitle{font-size:19px}.q4-cbanner__campaign{gap:30px}.q4-cbanner__divider{min-height:52px}.q4-cbanner__offer-suffix{font-size:19px}.q4-cbanner__cta{font-size:17px;padding:10px 28px}}@media(prefers-reduced-motion:reduce){.q4-cbanner__cta,.q4-cbanner__cta-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/q4-collection-banner.css.map */
