.bundle-intro{--bundle-accent: var(--kk-color-accent, 193, 17, 26);--bundle-ink: var(--kk-color-ink, 51, 50, 50);overflow:hidden}.bundle-intro__inner{padding-top:var(--bundle-padding-top);padding-bottom:var(--bundle-padding-bottom)}.bundle-intro__trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1.2rem;margin-bottom:clamp(2.4rem,4vw,4.4rem);text-align:center}.bundle-intro__stars{color:rgb(var(--bundle-accent));font-size:clamp(2.4rem,4vw,3.8rem);line-height:1;letter-spacing:.08em}.bundle-intro__rating{color:rgb(var(--bundle-ink));font-weight:700;font-size:1.7rem}.bundle-intro__customers{flex-basis:100%;margin:0;color:rgba(var(--bundle-ink),.78);font-weight:600;font-size:1.6rem}.bundle-intro__reels{position:relative;z-index:0;display:grid;grid-template-columns:repeat(var(--bundle-reel-count, 3),minmax(0,1fr));gap:clamp(1.2rem,2.5vw,2.8rem);max-width:104rem;margin:0 auto clamp(3.2rem,6vw,5.6rem)}.bundle-reel{position:relative;z-index:0;display:block;aspect-ratio:9 / 16;width:100%;min-width:0;overflow:hidden;border:1px solid rgba(var(--bundle-ink),.12);border-radius:clamp(1.8rem,3vw,3rem);background:rgba(var(--bundle-ink),.06);box-shadow:0 .8rem 2.4rem rgba(var(--bundle-ink),.08);isolation:isolate;contain:layout paint;transform:translateZ(0)}.bundle-reel__poster,.bundle-reel__video,.bundle-reel__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bundle-reel__poster{border:0;padding:0;cursor:pointer;color:#fff;background:transparent}.bundle-reel__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.5) 100%);pointer-events:none}.bundle-reel__poster-image{width:100%;height:100%;object-fit:cover}.bundle-reel__placeholder{display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,rgba(var(--bundle-accent),.3),transparent 30%),linear-gradient(145deg,rgb(var(--bundle-ink)),rgba(var(--bundle-ink),.72))}.bundle-reel__placeholder span{color:#ffffff29;font-family:var(--kk-kanji-font-family, serif);font-size:clamp(6rem,12vw,12rem)}.bundle-reel__play{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:clamp(5.4rem,7vw,7.2rem);height:clamp(5.4rem,7vw,7.2rem);place-items:center;border:2px solid currentColor;border-radius:50%;background:#0003;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .2s ease,background-color .2s ease}.bundle-reel__poster:hover .bundle-reel__play{background:rgba(var(--bundle-accent),.9);transform:translate(-50%,-50%) scale(1.06)}.bundle-reel__poster:focus-visible{outline:.3rem solid rgb(var(--bundle-accent));outline-offset:-.5rem}.bundle-reel__play svg{width:42%;margin-left:.3rem;fill:currentColor}.bundle-reel__label{position:absolute;right:1.2rem;bottom:1.2rem;left:1.2rem;z-index:4;display:flex;width:max-content;min-height:3.6rem;max-width:calc(100% - 2.4rem);align-items:center;justify-content:center;margin:0 auto;padding:.7rem 1.4rem;border-radius:999px;color:rgb(var(--bundle-ink));background:rgb(var(--color-background));font-family:var(--font-body-family);font-weight:700;font-size:1.4rem;line-height:1;text-align:center;white-space:nowrap}.bundle-reel__video{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:3;display:block;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;object-fit:cover!important;object-position:center;border-radius:inherit;background:#000;pointer-events:none}.bundle-reel__muted{position:absolute;top:1rem;right:1rem;z-index:4;display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;color:#fff;background:#0000006b;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.bundle-reel__muted svg{width:1.7rem;fill:currentColor}.bundle-intro__copy{max-width:90rem;margin:0 auto clamp(3rem,5vw,5rem);text-align:center}.bundle-intro__heading{margin:0;color:rgb(var(--bundle-ink));font-size:clamp(3.4rem,7vw,7rem);line-height:.95;text-transform:uppercase}.bundle-intro__subheading{margin:1.2rem 0 0;color:rgba(var(--bundle-ink),.72);font-size:clamp(1.6rem,2vw,2.1rem)}.bundle-intro__discounts{position:relative;display:grid;grid-template-columns:repeat(var(--bundle-tier-count, 4),minmax(0,1fr));gap:clamp(1rem,3vw,4rem);max-width:100rem;margin:0 auto}.bundle-intro__discounts:before{content:"";position:absolute;top:58%;right:5%;left:5%;z-index:0;border-top:2px dashed rgba(var(--bundle-ink),.25)}.bundle-tier{position:relative;z-index:1;display:flex;min-width:0;align-items:center;flex-direction:column}.bundle-tier__quantity{z-index:1;margin-bottom:-.8rem;padding:.45rem 1.2rem;border-radius:999px;color:rgb(var(--color-button-text));background:rgb(var(--bundle-accent));font-family:var(--font-body-family);font-weight:700;font-size:1.3rem;line-height:1;text-transform:uppercase}.bundle-tier__value{display:flex;min-width:10rem;min-height:8.6rem;align-items:baseline;justify-content:center;padding:1.7rem 1.2rem 1.2rem;border-radius:1.4rem;color:rgb(var(--color-button-text));background:rgb(var(--bundle-ink));box-shadow:.4rem .5rem rgba(var(--bundle-ink),.18)}.bundle-tier__number{font-family:var(--font-heading-family);font-size:clamp(4.4rem,6vw,6.2rem);line-height:.8}.bundle-tier__percent{margin-left:.3rem;font-weight:700;font-size:1.5rem}.bundle-intro__saving{margin:2.4rem 0 0;color:rgba(var(--bundle-ink),.78);font-weight:700;font-size:clamp(1.6rem,2.5vw,2.2rem);text-align:center;text-transform:uppercase}.bundle-intro__app{margin-top:clamp(4rem,7vw,7rem)}@media screen and (max-width:749px){.bundle-intro__inner{padding-top:clamp(2rem,calc(var(--bundle-padding-top) * .55),3.2rem);padding-bottom:clamp(2.4rem,calc(var(--bundle-padding-bottom) * .55),3.6rem)}.bundle-intro__trust{gap:.3rem .7rem;margin-bottom:2.2rem}.bundle-intro__stars{font-size:clamp(2rem,6vw,2.6rem);letter-spacing:.04em}.bundle-intro__rating{font-size:1.35rem}.bundle-intro__customers{font-size:1.3rem}.bundle-intro__reels{grid-template-columns:repeat(var(--bundle-reel-count, 3),minmax(0,1fr));grid-auto-flow:initial;gap:clamp(.7rem,2.5vw,1.1rem);margin:0 auto 2.8rem;padding:0;overflow:visible}.bundle-reel{border-radius:clamp(1.2rem,4vw,1.8rem);box-shadow:0 .4rem 1.2rem rgba(var(--bundle-ink),.08)}.bundle-reel__play{width:clamp(3.8rem,11vw,4.8rem);height:clamp(3.8rem,11vw,4.8rem)}.bundle-reel__muted{top:.6rem;right:.6rem;width:2.4rem;height:2.4rem}.bundle-reel__muted svg{width:1.4rem}.bundle-reel__label{right:.5rem;bottom:.7rem;left:.5rem;width:calc(100% - 1rem);min-height:3.2rem;max-width:calc(100% - 1rem);padding:.45rem .35rem;font-size:clamp(.78rem,2.35vw,1rem);letter-spacing:-.015em}.bundle-intro__copy{margin-bottom:2.6rem}.bundle-intro__heading{font-size:clamp(3rem,10vw,4.2rem);line-height:.92}.bundle-intro__subheading{margin-top:.8rem;font-size:1.4rem;line-height:1.35}.bundle-intro__discounts{grid-template-columns:repeat(var(--bundle-tier-count, 4),minmax(0,1fr));gap:clamp(.5rem,2vw,1rem)}.bundle-intro__discounts:before{display:block;top:58%;right:3%;left:3%;border-top-width:1px}.bundle-tier__quantity{margin-bottom:-.5rem;padding:.35rem .65rem;font-size:clamp(.85rem,2.5vw,1.05rem);white-space:nowrap}.bundle-tier__value{min-width:0;width:100%;min-height:clamp(5.8rem,18vw,7.2rem);padding:1.3rem .35rem .8rem;border-radius:1rem;box-shadow:.25rem .3rem rgba(var(--bundle-ink),.18)}.bundle-tier__number{font-size:clamp(3.2rem,10vw,4.4rem)}.bundle-tier__percent{margin-left:.15rem;font-size:1.1rem}.bundle-intro__saving{margin-top:1.8rem;font-size:1.35rem}.bundle-intro__app{margin-top:3rem}}@media screen and (max-width:374px){.bundle-reel__label{min-height:2.8rem;padding-inline:.2rem;font-size:clamp(.7rem,2.25vw,.82rem)}.bundle-tier__quantity{padding-inline:.45rem;font-size:.78rem}.bundle-tier__percent{font-size:1rem}}@media(prefers-reduced-motion:reduce){.bundle-reel__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-bundle-builder-intro.css.map */
