.l20-seven-banner{display:block;width:100%;overflow:hidden;padding:var(--l20-seven-section-padding-top) 0 var(--l20-seven-section-padding-bottom);color:var(--l20-seven-title-color);background:var(--l20-seven-background)}.l20-seven-banner,.l20-seven-banner *{box-sizing:border-box}.l20-seven-banner__header{display:grid;width:min(100% - (2 * var(--gutter)),1240px);grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:48px;margin:0 auto clamp(44px,4vw,76px)}.l20-seven-banner__header--single{grid-template-columns:minmax(0,1fr)}.l20-seven-banner__heading{margin:0;min-width:0;color:var(--l20-seven-title-color);font-family:var(--l20-seven-title-family);font-size:clamp(42px,3.03vw,var(--l20-seven-title-size));font-style:var(--l20-seven-title-style);font-weight:var(--l20-seven-title-weight);line-height:1.04;letter-spacing:0;overflow-wrap:anywhere}.l20-seven-banner__intro{min-width:0;max-width:460px;justify-self:end;color:var(--l20-seven-body-color);font-family:var(--l20-seven-body-family);font-size:var(--l20-seven-body-size);font-style:var(--l20-seven-body-style);font-weight:var(--l20-seven-body-weight);line-height:1.35;text-align:right}.l20-seven-banner__intro>*{margin:0}.l20-seven-banner__carousel,.l20-seven-banner__swiper{width:100%;overflow:visible}.l20-seven-banner__carousel{padding-left:max(var(--gutter),calc((100% - 1240px)/2))}.l20-seven-banner__swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:var(--l20-seven-card-gap);transform:none}.l20-seven-banner__swiper:not(.swiper-initialized) .l20-seven-banner__slide{width:74.074%;flex:0 0 74.074%}.l20-seven-banner__slide{height:auto}.l20-seven-banner__card{position:relative;display:block;width:100%;height:auto;min-height:0;aspect-ratio:var(--l20-seven-card-ratio, 2.147);overflow:hidden;border:0;color:var(--l20-seven-card-text);background:var(--l20-seven-card-background)}.l20-seven-banner__card-content{position:relative;z-index:2;display:flex;width:min(100%,var(--l20-seven-card-content-width, 100%));min-width:0;flex-direction:column;justify-content:center;padding:clamp(28px,3.7vw,72px) clamp(28px,3.55vw,70px)}.l20-seven-banner__card-title{max-width:9.5em;margin:0;min-width:0;color:var(--l20-seven-card-text);font-family:var(--l20-seven-card-title-family);font-size:clamp(28px,2.5vw,var(--l20-seven-card-title-size));font-style:var(--l20-seven-card-title-style);font-weight:var(--l20-seven-card-title-weight);line-height:1;letter-spacing:0;overflow-wrap:anywhere}.l20-seven-banner__card-description{max-width:30em;min-width:0;margin-top:clamp(10px,1.05vw,20px);color:var(--l20-seven-card-muted);font-family:var(--l20-seven-body-family);font-size:clamp(12px,.83vw,16px);font-style:var(--l20-seven-body-style);font-weight:var(--l20-seven-body-weight);line-height:1.25}.l20-seven-banner__card-description>*{margin:0}.l20-seven-banner__features{display:grid;max-width:420px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(20px,2.15vw,42px)}.l20-seven-banner__feature{position:relative;display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:8px;padding-right:clamp(8px,1.1vw,22px)}.l20-seven-banner__feature+.l20-seven-banner__feature{padding-left:clamp(8px,1.1vw,22px);border-left:1px solid rgba(113,113,113,.3)}.l20-seven-banner__feature-icon,.l20-seven-banner__feature-image,.l20-seven-banner__feature-icon svg{display:block;width:clamp(24px,1.88vw,36px);height:clamp(24px,1.88vw,36px)}.l20-seven-banner__feature-image{object-fit:contain}.l20-seven-banner__feature-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2}.l20-seven-banner__feature-title{color:var(--l20-seven-card-muted);font-family:var(--l20-seven-body-family);font-size:clamp(10px,.68vw,13px);font-style:var(--l20-seven-body-style);font-weight:var(--l20-seven-body-weight);line-height:1.1}.l20-seven-banner__note{display:flex;width:min(100%,340px);min-height:60px;align-items:center;gap:10px;margin-top:clamp(18px,1.5vw,28px);padding:8px 14px 8px 8px;border-radius:10px;color:var(--l20-seven-note-title-color);background:var(--l20-seven-note-background);box-shadow:0 5px 18px #0000000d;text-decoration:none}.l20-seven-banner__note-icon-wrap{display:grid;width:44px;height:44px;flex:0 0 44px;overflow:hidden;border-radius:7px;color:#fff;background:var(--l20-seven-accent);place-items:center}.l20-seven-banner__note-icon,.l20-seven-banner__note-icon-placeholder{display:block;width:100%;height:100%}.l20-seven-banner__note-icon{object-fit:contain}.l20-seven-banner__note-icon-placeholder{width:68%;height:68%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45}.l20-seven-banner__note-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.l20-seven-banner__note-title{color:var(--l20-seven-note-title-color);font-family:var(--l20-seven-note-title-family);font-size:var(--l20-seven-note-title-size);font-style:var(--l20-seven-note-title-style);font-weight:var(--l20-seven-note-title-weight);line-height:1.15}.l20-seven-banner__note-description{color:var(--l20-seven-note-description-color);font-family:var(--l20-seven-note-description-family);font-size:var(--l20-seven-note-description-size);font-style:var(--l20-seven-note-description-style);font-weight:var(--l20-seven-note-description-weight);line-height:1.25}a.l20-seven-banner__note{transition:box-shadow .2s ease,transform .2s ease}a.l20-seven-banner__note:focus-visible{outline:2px solid var(--l20-seven-accent);outline-offset:4px}.l20-seven-banner__actions{display:flex;max-width:440px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:clamp(22px,2vw,38px)}.l20-seven-banner__store-link{display:inline-flex;width:min(44%,160px);min-width:112px;min-height:44px;align-items:center;justify-content:center;border-radius:6px;text-decoration:none}.l20-seven-banner__store-image{display:block;width:100%;height:auto;object-fit:contain}.l20-seven-banner__store-link{transition:opacity .2s ease,transform .2s ease}.l20-seven-banner__store-link:focus-visible{outline:2px solid var(--l20-seven-accent);outline-offset:4px}.l20-seven-banner__media,.l20-seven-banner__picture,.l20-seven-banner__image,.l20-seven-banner__image-placeholder{display:block;width:100%;height:100%}.l20-seven-banner__media{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;min-width:0;overflow:hidden}.l20-seven-banner__image,.l20-seven-banner__image-placeholder{object-fit:cover;object-position:var(--l20-seven-image-position)}.l20-seven-banner__foreground-picture{position:absolute;z-index:3;top:15%;left:36%;display:block;width:17%;height:74%;pointer-events:none}.l20-seven-banner__foreground-image{display:block;width:100%;height:100%;object-fit:contain}.l20-seven-banner__card--empty{display:flex;align-items:center;justify-content:center;padding:40px}.l20-seven-banner__controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:clamp(28px,2.4vw,46px)}.l20-seven-banner__control{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;color:var(--l20-seven-accent);background:var(--l20-seven-control-background);cursor:pointer;transition:color .2s ease,background-color .2s ease,transform .2s ease}.l20-seven-banner__control svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.l20-seven-banner__control:focus-visible{outline:2px solid var(--l20-seven-accent);outline-offset:3px}.l20-seven-banner__control.swiper-button-disabled{opacity:.35;cursor:default}@media(hover:hover){a.l20-seven-banner__note:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.l20-seven-banner__store-link[href]:hover{opacity:.86;transform:translateY(-2px)}.l20-seven-banner__control:not(.swiper-button-disabled):hover{color:#fff;background:var(--l20-seven-accent);transform:translateY(-2px)}}@media(max-width:989px){.l20-seven-banner{padding-top:var(--l20-seven-mobile-padding-top);padding-bottom:var(--l20-seven-mobile-padding-bottom)}.l20-seven-banner__header{display:grid;width:calc(100% - (2 * var(--l20-seven-mobile-gutter)));grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:end;gap:12px;margin-bottom:24px;text-align:left}.l20-seven-banner__header--single{grid-template-columns:minmax(0,1fr)}.l20-seven-banner__heading{font-size:var(--l20-seven-mobile-title-size);line-height:.96;letter-spacing:0}.l20-seven-banner__intro{max-width:none;margin:0;font-size:var(--l20-seven-mobile-body-size);line-height:1.35;text-align:left}.l20-seven-banner__carousel{padding-inline:var(--l20-seven-mobile-gutter)}.l20-seven-banner__swiper:not(.swiper-initialized) .swiper-wrapper{gap:14px;transform:none}.l20-seven-banner__swiper:not(.swiper-initialized) .l20-seven-banner__slide{width:100%;flex-basis:100%}.l20-seven-banner__card{display:block;min-height:0;aspect-ratio:var(--l20-seven-mobile-card-ratio, 1.885)}.l20-seven-banner__card-content{width:min(48%,var(--l20-seven-mobile-card-content-width, 45%));height:100%;min-height:0;justify-content:flex-start;padding:clamp(18px,6.5vw,42px) clamp(14px,4.5vw,31px)}.l20-seven-banner__card-title{max-width:8.5em;font-size:var(--l20-seven-mobile-card-title-size);line-height:.98}.l20-seven-banner__card-description{max-width:19em;margin-top:10px;font-size:var(--l20-seven-mobile-card-description-size);line-height:1.3}.l20-seven-banner__features{width:100%;max-width:none;margin-top:20px}.l20-seven-banner__feature{gap:5px;padding-right:8px}.l20-seven-banner__feature+.l20-seven-banner__feature{padding-left:8px}.l20-seven-banner__feature-icon,.l20-seven-banner__feature-image,.l20-seven-banner__feature-icon svg{width:var(--l20-seven-mobile-feature-icon-size);height:var(--l20-seven-mobile-feature-icon-size)}.l20-seven-banner__feature-title{font-size:var(--l20-seven-mobile-feature-title-size);line-height:1.15}.l20-seven-banner__note{width:100%;max-width:none;min-height:auto;gap:8px;margin-top:16px;padding:8px 10px 8px 8px}.l20-seven-banner__note-icon-wrap{width:var(--l20-seven-mobile-note-icon-size);height:var(--l20-seven-mobile-note-icon-size);flex-basis:var(--l20-seven-mobile-note-icon-size)}.l20-seven-banner__note-title{font-size:var(--l20-seven-note-mobile-title-size, var(--l20-seven-note-title-size))}.l20-seven-banner__note-description{font-size:var(--l20-seven-note-mobile-description-size, var(--l20-seven-note-description-size))}.l20-seven-banner__actions{margin-top:auto;max-width:none;padding-top:16px;gap:6px}.l20-seven-banner__store-link{width:min(48%,150px);min-width:0}.l20-seven-banner__media{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;min-height:0;flex:none}.l20-seven-banner__image,.l20-seven-banner__image-placeholder{object-position:var(--l20-seven-mobile-image-position)}.l20-seven-banner__foreground-picture{top:auto;right:12px;bottom:7%;left:auto;width:min(43%,188px);height:42%;transform:none}.l20-seven-banner__controls{width:max-content;justify-content:center;gap:6px;margin:18px auto 0}.l20-seven-banner__control{width:28px;height:28px}.l20-seven-banner__control svg{width:16px;height:16px}}@media(max-width:479px){.l20-seven-banner__header{width:calc(100% - (2 * var(--l20-seven-mobile-gutter)));gap:10px}.l20-seven-banner__heading{font-size:min(var(--l20-seven-mobile-title-size),32px)}.l20-seven-banner__intro{font-size:min(var(--l20-seven-mobile-body-size),13px)}.l20-seven-banner__card-content{min-height:0;padding:18px 14px}.l20-seven-banner__card-title{max-width:7.5em}.l20-seven-banner__controls{width:max-content}}@media(prefers-reduced-motion:reduce){.l20-seven-banner__store-link,a.l20-seven-banner__note,.l20-seven-banner__control{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/l20-seven-banner.css.map */