.banner-with-cards{position:relative;z-index:2;overflow-x:clip}.banner-with-cards-strip img{display:block;width:100%;height:50px;object-fit:cover}.banner-with-cards-main{position:relative;padding:var(--padding-top) 0 var(--padding-bottom)}.banner-with-cards-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.banner-with-cards-background img{display:block;width:100%;height:100%;object-fit:cover}.banner-with-cards-inner{position:relative;z-index:1}.banner-with-cards-layout{max-width:1392px;margin:0 auto}.banner-with-cards-layout-columns{display:flex;align-items:center;justify-content:center;gap:40px}.banner-with-cards-layout-columns .banner-with-cards-content{flex:1 1 472px;max-width:532px}.banner-with-cards-layout-columns .banner-with-cards-gift{flex:1 1 458px;max-width:458px}.banner-with-cards-layout-columns .banner-with-cards-cards{flex:0 0 317px}.banner-with-cards-layout-grid{display:grid;grid-template-columns:minmax(0,698fr) minmax(0,671fr);align-items:center;gap:32px 23px}.banner-with-cards-layout-grid .banner-with-cards-content{padding-right:25px}.banner-with-cards-layout-grid .banner-with-cards-gift{max-width:671px}.banner-with-cards-layout-grid .banner-with-cards-cards{grid-column:1 / -1}.banner-with-cards-content{color:rgb(var(--color-foreground))}.banner-with-cards-heading{max-width:494px;margin:0 0 14px;text-transform:uppercase}.banner-with-cards-heading p{margin:0;font:inherit}.banner-with-cards-description{max-width:440px;margin-bottom:32px;font-weight:var(--font-weight-semibold);font-size:var(--text-base);line-height:var(--line-height-xl)}.banner-with-cards-description p{margin:0}.banner-with-cards-form,.banner-with-cards-form-element{display:block;margin:0}.banner-with-cards-submit-label{display:inline-flex;align-items:center;gap:12px;min-width:0}.banner-with-cards-submit[disabled]{box-shadow:none;opacity:.6;cursor:not-allowed;transform:none}.banner-with-cards-form .product-form__error-message-wrapper{margin-bottom:8px;font-family:var(--font-secondary);font-weight:var(--font-weight-semibold);font-size:var(--text-xs);line-height:var(--line-height-l);letter-spacing:normal;color:var(--berry)}.banner-with-cards-submit.loading>.loading__spinner .path{stroke:currentcolor;color:var(--white)}.banner-with-cards-submit.button--secondary-white.loading>.loading__spinner .path{color:var(--pink)}.banner-with-cards-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:42px}.banner-with-cards-feature{display:flex;align-items:flex-start;gap:12px}.banner-with-cards-feature-icon{flex-shrink:0;width:44px}.banner-with-cards-feature-icon img{display:block;width:100%;height:auto}.banner-with-cards-feature-text{display:flex;flex-direction:column;gap:2px}.banner-with-cards-feature-title{font-family:var(--font-primary);font-weight:var(--font-weight-bold);font-size:var(--text-sm);line-height:var(--line-height-s);letter-spacing:var(--letter-spacing-s)}.banner-with-cards-feature-description{font-weight:var(--font-weight-semibold);font-size:var(--text-sm);line-height:var(--line-height-xl)}.banner-with-cards-gift img{display:block;width:100%;height:auto}.banner-with-cards-layout-grid .banner-with-cards-gift img{aspect-ratio:671 / 412;object-fit:contain}.banner-with-cards-card{position:relative;display:flex;align-items:center;border:2px solid var(--pink-pale);border-radius:var(--radius-media);background:var(--white);box-shadow:var(--shadow-card-hard);color:var(--plum)}.banner-with-cards-card-title{margin:0;font-weight:var(--font-weight-black);line-height:var(--line-height-s);letter-spacing:var(--letter-spacing-s)}.banner-with-cards-card-badge{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding-top:.1em;border:1px solid var(--white);border-radius:var(--radius-round);background:var(--pink);font-family:var(--font-primary);font-weight:var(--font-weight-bold);font-size:var(--heading-3);line-height:1;letter-spacing:normal;color:var(--white)}.banner-with-cards-card-badge-md{font-size:var(--heading-3-mobile)}.banner-with-cards-card-badge-sm{font-size:var(--text-base-sm)}.banner-with-cards-sticker{position:absolute;top:var(--sticker-top-desktop, var(--sticker-top, 20px));right:var(--sticker-right-desktop, var(--sticker-right, 20px));width:var(--sticker-width-desktop, var(--sticker-width, 120px));rotate:var(--sticker-rotate-desktop, var(--sticker-rotate, 8deg))}.banner-with-cards-sticker img{display:block;width:100%;height:auto}.banner-with-cards-layout-columns .banner-with-cards-cards{display:flex;flex-direction:column;gap:34px}.banner-with-cards-layout-columns .banner-with-cards-card{min-height:124px;padding:28px 26px;rotate:5deg}.banner-with-cards-layout-columns .banner-with-cards-card:nth-child(2n){rotate:-3.29deg}.banner-with-cards-layout-columns .banner-with-cards-card:nth-child(1){rotate:5.29deg}.banner-with-cards-layout-columns .banner-with-cards-card:nth-child(3){rotate:4.99deg}.banner-with-cards-layout-columns .banner-with-cards-card-title{max-width:190px;font-size:var(--heading-3-mobile)}.banner-with-cards-layout-columns .banner-with-cards-card-badge{top:-6px;right:-11px;rotate:6deg}.banner-with-cards-layout-columns .banner-with-cards-card:nth-child(2n) .banner-with-cards-card-badge{top:7px;right:auto;left:-23px;rotate:-8deg}.banner-with-cards-layout-columns .banner-with-cards-sticker-1{--sticker-right: 6px;--sticker-top: 3px;--sticker-width: 166px;--sticker-rotate: -3deg}.banner-with-cards-layout-columns .banner-with-cards-sticker-2{--sticker-right: 23px;--sticker-top: 33px;--sticker-width: 84px;--sticker-rotate: 10.2deg}.banner-with-cards-layout-columns .banner-with-cards-sticker-3{--sticker-right: 19px;--sticker-top: 38px;--sticker-width: 114px;--sticker-rotate: 18.96deg}.banner-with-cards-layout-grid .banner-with-cards-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:21px;row-gap:66px}.banner-with-cards-layout-grid .banner-with-cards-card{min-height:108px;padding:22px 30px;rotate:2deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(2n){rotate:-2deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(1){rotate:2.66deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(2){rotate:-2.18deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(3){rotate:1.98deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(4){rotate:2.01deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(5){rotate:2.52deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(6){rotate:-1.97deg}.banner-with-cards-layout-grid .banner-with-cards-card-title{max-width:250px;font-size:var(--text-md)}.banner-with-cards-layout-grid .banner-with-cards-card-badge{top:-26px;right:24px;rotate:6deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(2n) .banner-with-cards-card-badge{rotate:13deg}.banner-with-cards-layout-grid .banner-with-cards-sticker-1{--sticker-right: 64px;--sticker-top: 2px;--sticker-width: 166px;--sticker-rotate: -15.82deg}.banner-with-cards-layout-grid .banner-with-cards-sticker-2{--sticker-right: 73px;--sticker-top: 6px;--sticker-width: 84px;--sticker-rotate: 10.2deg}.banner-with-cards-layout-grid .banner-with-cards-sticker-3{--sticker-right: 81px;--sticker-top: 9px;--sticker-width: 49px;--sticker-rotate: 8.91deg}.banner-with-cards-layout-grid .banner-with-cards-sticker-4{--sticker-right: 78px;--sticker-top: 33px;--sticker-width: 114px;--sticker-rotate: 7.99deg}.banner-with-cards-layout-grid .banner-with-cards-sticker-5{--sticker-right: 89px;--sticker-top: 10px;--sticker-width: 50px;--sticker-rotate: 9.02deg}.banner-with-cards-layout-grid .banner-with-cards-sticker-6{--sticker-right: 38px;--sticker-top: 27px;--sticker-width: 117px;--sticker-rotate: 8.25deg}.banner-with-cards-marquee{position:absolute;bottom:0;left:50%;z-index:2;width:114%;transform:translate(-50%,50%) rotate(1deg)}@keyframes banner-with-cards-reveal{0%{opacity:0;transform:translateY(var(--reveal-shift, 0px))}to{opacity:1;transform:none}}.banner-with-cards-gift.scroll-trigger,.banner-with-cards-card.scroll-trigger{opacity:0}.banner-with-cards-gift.scroll-trigger{--reveal-shift: -140px}.banner-with-cards-card.scroll-trigger{--reveal-shift: 46px}.banner-with-cards-gift.scroll-trigger:not(.scroll-trigger--offscreen),.banner-with-cards-card.scroll-trigger:not(.scroll-trigger--offscreen){animation:banner-with-cards-reveal 1.6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--animation-order, 0) * .16s)}.banner-with-cards-card.scroll-trigger:not(.scroll-trigger--offscreen){animation-delay:calc(.2s + var(--animation-order, 0) * .14s)}@media(prefers-reduced-motion:reduce){.banner-with-cards-gift.scroll-trigger,.banner-with-cards-card.scroll-trigger{--reveal-shift: 0px}}@media(max-width:989px){.banner-with-cards-strip img{height:30px}.banner-with-cards-main{padding:var(--padding-top-mobile) 0 var(--padding-bottom-mobile)}.banner-with-cards-layout-columns,.banner-with-cards-layout-grid{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:32px}.banner-with-cards-layout-columns .banner-with-cards-content,.banner-with-cards-layout-grid .banner-with-cards-content{flex:0 0 auto;max-width:none;padding-right:0}.banner-with-cards-heading.h1{max-width:none;margin-bottom:8px;font-size:var(--heading-2-mobile)}.banner-with-cards-description{max-width:none;margin-bottom:22px;font-size:var(--text-base-sm)}.banner-with-cards-features{margin-top:42px}.banner-with-cards-feature{gap:8px}.banner-with-cards-feature-icon{width:20px}.banner-with-cards-layout-columns .banner-with-cards-gift,.banner-with-cards-layout-grid .banner-with-cards-gift{flex:0 0 auto;max-width:254px;margin:0 auto}.banner-with-cards-layout-columns .banner-with-cards-gift img{height:168px;object-fit:cover}.banner-with-cards-layout-grid .banner-with-cards-gift img{aspect-ratio:auto}.banner-with-cards-gift.scroll-trigger{--reveal-shift: -60px}.banner-with-cards-layout-columns .banner-with-cards-cards,.banner-with-cards-layout-grid .banner-with-cards-cards{flex:0 0 auto;width:100%;max-width:317px;margin:4px auto 0}.banner-with-cards-layout-grid .banner-with-cards-cards{grid-template-columns:minmax(0,1fr);row-gap:44px}.banner-with-cards-card-title{line-height:var(--line-height-m)}.banner-with-cards-layout-columns .banner-with-cards-card-badge{top:-18px;right:2px}.banner-with-cards-layout-columns .banner-with-cards-card:nth-child(2n) .banner-with-cards-card-badge{top:-11px;right:auto;left:5px}.banner-with-cards-layout-grid .banner-with-cards-card{min-height:84px;padding:28px 20px;rotate:5deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(2n){rotate:-3.29deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(1){rotate:5.29deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(2){rotate:-3.29deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(3){rotate:4.99deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(4){rotate:-3.29deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(5){rotate:4.99deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(6){rotate:-3.59deg}.banner-with-cards-layout-grid .banner-with-cards-card-title{max-width:200px;font-size:var(--heading-3-mobile)}.banner-with-cards-layout-grid .banner-with-cards-card-badge{top:-24px;right:8px;rotate:5.5deg}.banner-with-cards-layout-grid .banner-with-cards-card:nth-child(2n) .banner-with-cards-card-badge{top:-22px;right:auto;left:7px;rotate:-5deg}.banner-with-cards-card-badge{font-weight:var(--font-weight-black);font-size:var(--heading-3-mobile)}.banner-with-cards-card-badge-md{font-size:var(--text-md)}.banner-with-cards-card-badge-sm{font-size:var(--text-sm)}.banner-with-cards-sticker{top:var(--sticker-top-mobile, var(--sticker-top, 20px));right:var(--sticker-right-mobile, var(--sticker-right, 20px));width:var(--sticker-width-mobile, var(--sticker-width, 90px));rotate:var(--sticker-rotate-mobile, var(--sticker-rotate, 8deg))}.banner-with-cards-layout-grid .banner-with-cards-sticker-1{--sticker-right: 27px;--sticker-top: 0px;--sticker-width: 122px;--sticker-rotate: -3deg}.banner-with-cards-layout-grid .banner-with-cards-sticker-2{--sticker-right: 31px;--sticker-top: 6px;--sticker-width: 68px;--sticker-rotate: 10.2deg}.banner-with-cards-layout-grid .banner-with-cards-sticker-3{--sticker-right: 40px;--sticker-top: 14px;--sticker-width: 53px;--sticker-rotate: 6.71deg}.banner-with-cards-layout-grid .banner-with-cards-sticker-4{--sticker-right: 7px;--sticker-top: 44px;--sticker-width: 124px;--sticker-rotate: 10.2deg}.banner-with-cards-layout-grid .banner-with-cards-sticker-5{--sticker-right: 51px;--sticker-top: 22px;--sticker-width: 37px;--sticker-rotate: 7.84deg}.banner-with-cards-layout-grid .banner-with-cards-sticker-6{--sticker-right: 10px;--sticker-top: 13px;--sticker-width: 92px;--sticker-rotate: 10.89deg}.banner-with-cards-marquee{transform:translate(-50%,50%) rotate(2deg)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-banner-with-cards.css.map */