.wj-cross-sell{position:relative;overflow:hidden;padding-top:var(--wj-cs-pad-top, 100px);padding-bottom:var(--wj-cs-pad-bottom, 120px)}.wj-cross-sell--gray{background:#e7e7e7;color:var(--wj-navy);--wj-xs-eyebrow: var(--wj-blue);--wj-xs-subhead: var(--wj-blue);--wj-xs-name-color: var(--wj-navy);--wj-xs-name-shadow: var(--wj-pink);--wj-xs-cta-bg: var(--wj-yellow);--wj-xs-cta-text: var(--wj-navy);--wj-xs-cta-border: var(--wj-navy)}.wj-cross-sell--cream{background:var(--wj-cream);color:var(--wj-navy);--wj-xs-eyebrow: var(--wj-pink);--wj-xs-subhead: var(--wj-pink);--wj-xs-name-color: var(--wj-navy);--wj-xs-name-shadow: var(--wj-pink);--wj-xs-cta-bg: var(--wj-yellow);--wj-xs-cta-text: var(--wj-navy);--wj-xs-cta-border: var(--wj-navy)}.wj-cross-sell--navy{background:var(--wj-navy);color:var(--wj-white);--wj-xs-eyebrow: var(--wj-yellow);--wj-xs-subhead: var(--wj-yellow);--wj-xs-name-color: var(--wj-white);--wj-xs-name-shadow: var(--wj-pink);--wj-xs-cta-bg: var(--wj-yellow);--wj-xs-cta-text: var(--wj-navy);--wj-xs-cta-border: var(--wj-navy)}.wj-cross-sell--lime{background:var(--wj-lime);color:var(--wj-navy);--wj-xs-eyebrow: var(--wj-pink);--wj-xs-subhead: var(--wj-navy);--wj-xs-name-color: var(--wj-navy);--wj-xs-name-shadow: var(--wj-pink);--wj-xs-cta-bg: var(--wj-blue);--wj-xs-cta-text: var(--wj-white);--wj-xs-cta-border: var(--wj-navy)}.wj-cross-sell--pink{background:var(--wj-pink);color:var(--wj-navy);--wj-xs-eyebrow: var(--wj-yellow);--wj-xs-subhead: var(--wj-navy);--wj-xs-name-color: var(--wj-navy);--wj-xs-name-shadow: var(--wj-yellow);--wj-xs-cta-bg: var(--wj-navy);--wj-xs-cta-text: var(--wj-white);--wj-xs-cta-border: var(--wj-navy)}.wj-cross-sell--has-drip{padding-top:clamp(80px,13vw,200px)!important;overflow:hidden}.wj-cross-sell__drip-wrap{position:absolute;top:0;left:0;right:0;width:100%;line-height:0;z-index:0;pointer-events:none;margin-top:-1px}.wj-cross-sell__drip-img{display:block;width:100%;height:auto}.wj-cross-sell--has-drip .wj-cross-sell__inner{position:relative;z-index:1}.wj-cross-sell__header{text-align:center;margin-bottom:clamp(2.4rem,4vw,4rem);display:flex;flex-direction:column;gap:1rem;align-items:center}.wj-cross-sell__eyebrow{margin:0;font-size:clamp(1.4rem,1.4vw,1.6rem);color:var(--wj-xs-eyebrow)}.wj-cross-sell__heading{margin:0;font-size:clamp(3.2rem,5vw,5.2rem);line-height:var(--wj-line-tight, 1.05);color:var(--wj-xs-name-color, inherit);text-shadow:3px 3px 0 var(--wj-xs-name-shadow, var(--wj-xs-eyebrow))}.wj-cross-sell__subhead{margin:0;font-size:clamp(2rem,2vw,2.6rem);color:var(--wj-xs-subhead);transform:rotate(-1deg)}.wj-cross-sell__bags{list-style:none;margin:0 0 clamp(2.4rem,4vw,3.6rem);padding:0;display:flex;flex-direction:column;gap:clamp(2.4rem,4vw,4.4rem)}.wj-cross-sell__bag-link{display:flex;flex-direction:column;align-items:center;gap:1.4rem;text-decoration:none;color:inherit;text-align:center;transition:transform var(--wj-dur-base, .28s) var(--wj-ease-bounce, cubic-bezier(.34, 1.56, .64, 1))}.wj-cross-sell__bag-link:hover{transform:translateY(-4px)}.wj-cross-sell__bag-link:hover .wj-cross-sell__bag-img:not(.wj-cross-sell__bag-img--back-left):not(.wj-cross-sell__bag-img--back-right){transform:rotate(-3deg) scale(1.04)}.wj-cross-sell__bag-link:focus-visible{outline:3px solid var(--wj-xs-eyebrow);outline-offset:6px;border-radius:var(--wj-radius-md, 18px)}@media(min-width:750px){.wj-cross-sell__bag-link{flex-direction:row;align-items:center;gap:clamp(2.4rem,5vw,5rem);text-align:left;max-width:880px;margin-left:auto;margin-right:auto}.wj-cross-sell__bag-item:nth-child(2n) .wj-cross-sell__bag-link{flex-direction:row-reverse;text-align:right}}.wj-cross-sell__bag-img{width:100%;max-width:240px;height:auto;display:block;flex-shrink:0;filter:drop-shadow(0 12px 22px rgba(var(--wj-navy-rgb, 0,20,94),.28));transition:transform var(--wj-dur-slow, .52s) var(--wj-ease-bounce, cubic-bezier(.34, 1.56, .64, 1))}.wj-cross-sell__bag-stack{position:relative;display:block;flex-shrink:0;width:100%;max-width:240px}.wj-cross-sell__bag-img--back-left,.wj-cross-sell__bag-img--back-right{position:absolute;top:50%;left:50%;width:100%;max-width:240px;z-index:0;opacity:.9;pointer-events:none}.wj-cross-sell__bag-img--back-left{transform:translate(-62%,-46%) rotate(-10deg)}.wj-cross-sell__bag-img--back-right{transform:translate(-38%,-46%) rotate(10deg)}.wj-cross-sell__bag-img:not(.wj-cross-sell__bag-img--back-left):not(.wj-cross-sell__bag-img--back-right){position:relative;z-index:1}.wj-cross-sell__bag-text{display:flex;flex-direction:column;gap:.6rem;max-width:52ch}.wj-cross-sell__bag-eyebrow{margin:0;font-size:clamp(1.2rem,1.2vw,1.4rem);color:var(--wj-xs-eyebrow)}.wj-cross-sell__bag-name{margin:0;font-size:clamp(3rem,4.4vw,4.6rem);line-height:var(--wj-line-tight, 1.05);color:var(--wj-xs-name-color, inherit);text-shadow:3px 3px 0 var(--wj-xs-name-shadow, var(--wj-xs-eyebrow))}.wj-cross-sell__bag-tagline{margin:0;font-size:clamp(1.8rem,2vw,2.4rem);color:var(--wj-xs-subhead);transform:rotate(-1deg);transform-origin:left center}@media(min-width:750px){.wj-cross-sell__bag-item:nth-child(2n) .wj-cross-sell__bag-tagline{transform-origin:right center}}.wj-cross-sell__bag-desc{margin:0;font-family:var(--wj-font-body-playful);font-weight:500;font-size:clamp(1.5rem,1.3vw,1.7rem);line-height:1.45}.template-page-jac-pack .wj-cross-sell__bag-desc{color:var(--wj-white, #FFFFFF)}.wj-cross-sell__bag-cta{display:inline-block;width:fit-content;margin-top:.8rem;padding:.8rem 1.8rem;font-family:var(--wj-font-display);font-size:clamp(1.4rem,1.4vw,1.7rem);background:var(--wj-xs-cta-bg);color:var(--wj-xs-cta-text);border:var(--wj-border-base, 2px) solid var(--wj-xs-cta-border);border-radius:var(--wj-radius-lg, 30px);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;box-shadow:var(--wj-shadow-sm, 0 4px 8px rgba(0,20,94,.12));transition:transform var(--wj-dur-base, .28s) var(--wj-ease-bounce, cubic-bezier(.34, 1.56, .64, 1)),box-shadow var(--wj-dur-base, .28s) var(--wj-ease-snap, cubic-bezier(.2, .8, .2, 1))}.wj-cross-sell__bag-link:hover .wj-cross-sell__bag-cta{transform:translateY(-2px) scale(1.03) rotate(-1deg);box-shadow:var(--wj-shadow-md, 0 8px 20px rgba(0,20,94,.18))}@media(min-width:750px){.wj-cross-sell__bag-item:nth-child(2n) .wj-cross-sell__bag-cta{margin-left:auto}}.wj-cross-sell__cta{display:block;width:fit-content;margin:0 auto;padding:1.4rem 3rem;font-family:var(--wj-font-display);font-size:clamp(1.6rem,1.6vw,1.9rem);background:var(--wj-xs-cta-bg);color:var(--wj-xs-cta-text);border:var(--wj-border-base, 2px) solid var(--wj-xs-cta-border);border-radius:var(--wj-radius-lg, 30px);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;box-shadow:var(--wj-shadow-md, 0 8px 20px rgba(0,20,94,.18));transition:transform var(--wj-dur-base, .28s) var(--wj-ease-bounce, cubic-bezier(.34, 1.56, .64, 1)),box-shadow var(--wj-dur-base, .28s) var(--wj-ease-snap, cubic-bezier(.2, .8, .2, 1))}.wj-cross-sell__cta:hover{transform:translateY(-3px) scale(1.04) rotate(-1deg);box-shadow:var(--wj-shadow-lg, 0 16px 40px rgba(0,20,94,.22))}@media(max-width:750px){.wj-cross-sell{padding-top:var(--wj-cs-pad-top-mobile, var(--wj-cs-pad-top, 100px));padding-bottom:var(--wj-cs-pad-bottom-mobile, var(--wj-cs-pad-bottom, 120px))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-wj-cross-sell.css.map */