.cb-cross-brand-banner{padding-block:var(--cb-cross-brand-padding-top, 0) var(--cb-cross-brand-padding-bottom, 80px)}.cb-cross-brand-banner__background,.cb-cross-brand-banner__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.cb-cross-brand-banner__background img{display:block;width:100%;height:100%;object-fit:var(--cb-banner-image-fit, cover);object-position:var(--cb-banner-image-x, 50%) var(--cb-banner-image-y, 50%)}.cb-cross-brand-banner__shade{background:var(--cb-banner-overlay, #221348);opacity:var(--cb-banner-overlay-opacity, .35)}@media(max-width:767px){.cb-cross-brand-banner__background img{object-position:var(--cb-banner-image-x-mobile, 50%) var(--cb-banner-image-y-mobile, 50%)}}.cb-cross-brand-banner__inner{display:grid;position:relative;isolation:isolate;overflow:hidden;width:min(calc(100% - 48px),var(--cb-cross-brand-width, 1440px));min-height:340px;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:clamp(32px,5vw,88px);padding:clamp(36px,5vw,72px);border-radius:var(--cb-cross-brand-radius, 28px);color:var(--cb-cross-brand-text, #fff);background:var(--cb-cross-brand-bg, #221348)}.cb-cross-brand-banner__content{position:relative;z-index:2;display:flex;max-width:680px;flex-direction:column;align-items:flex-start}.cb-cross-brand-banner__logo{display:block;width:min(var(--cb-cross-brand-logo-width, 160px),100%);height:auto;max-height:88px;margin-bottom:clamp(24px,3vw,40px);object-fit:contain;object-position:left center}.cb-cross-brand-banner__heading{margin:0;color:inherit;font-family:var(--cb-font-family-heading);font-size:clamp(34px,3.6vw,58px);font-weight:var(--cb-font-weight-bold);line-height:1.02;letter-spacing:-.035em}.cb-cross-brand-banner__text{max-width:600px;margin-top:20px;font-size:clamp(16px,1.35vw,20px);line-height:1.45}.cb-cross-brand-banner__text>:first-child{margin-top:0}.cb-cross-brand-banner__text>:last-child{margin-bottom:0}.cb-cross-brand-banner__actions{margin-top:36px}.cb-cross-brand-banner__visuals{display:grid;position:relative;z-index:1;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;justify-items:center;gap:clamp(4px,1.5vw,24px)}.cb-cross-brand-banner__product{display:block;width:100%;max-width:260px;color:inherit;text-decoration:none;transition:transform .22s ease}.cb-cross-brand-banner__product:first-child{transform:translateY(16px) rotate(-4deg)}.cb-cross-brand-banner__product:last-child{transform:translateY(-10px) rotate(4deg)}.cb-cross-brand-banner__product:hover:first-child,.cb-cross-brand-banner__product:focus-visible:first-child{transform:translateY(8px) rotate(-2deg) scale(1.025)}.cb-cross-brand-banner__product:hover:last-child,.cb-cross-brand-banner__product:focus-visible:last-child{transform:translateY(-18px) rotate(2deg) scale(1.025)}.cb-cross-brand-banner__product:focus-visible{border-radius:20px;outline:2px solid currentColor;outline-offset:5px}.cb-cross-brand-banner__product-image{display:block;width:100%;height:clamp(210px,23vw,320px);object-fit:contain;filter:drop-shadow(0 20px 26px rgb(0 0 0 / .18))}@media(min-width:1200px){.cb-cross-brand-banner__inner{width:min(82%,var(--cb-cross-brand-width, 1440px))}}@media(max-width:989px){.cb-cross-brand-banner__inner{min-height:0;grid-template-columns:1fr;gap:34px;padding:clamp(32px,6vw,56px)}.cb-cross-brand-banner__content{max-width:720px}.cb-cross-brand-banner__visuals{width:min(100%,620px);margin-inline:auto}.cb-cross-brand-banner__product-image{height:clamp(220px,38vw,320px)}}@media(max-width:767px){.cb-cross-brand-banner{padding-block:var(--cb-cross-brand-padding-top-mobile, 0) var(--cb-cross-brand-padding-bottom-mobile, 48px)}.cb-cross-brand-banner__inner{width:calc(100% - 24px);gap:26px;padding:30px 22px 24px;border-radius:min(var(--cb-cross-brand-radius, 28px),22px)}.cb-cross-brand-banner__content{align-items:center;text-align:center}.cb-cross-brand-banner__logo{max-height:64px;margin:0 auto 24px;object-position:center}.cb-cross-brand-banner__heading{font-size:clamp(30px,9vw,42px)}.cb-cross-brand-banner__text{margin-inline:auto;font-size:16px}.cb-cross-brand-banner__actions{margin-top:28px}.cb-cross-brand-banner__visuals{gap:0}.cb-cross-brand-banner__product-image{height:clamp(160px,54vw,230px)}}@media(prefers-reduced-motion:reduce){.cb-cross-brand-banner__product{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/cb-cross-brand-banner.css.map */