.byob-promo{--byob-promo-accent: #16a34a;padding:0 1.5rem}.byob-promo,.byob-promo *{letter-spacing:0!important}.byob-promo__panel{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(32rem,.92fr);gap:clamp(3rem,6vw,8rem);align-items:center;max-width:var(--page-width);margin:0 auto;padding:clamp(3.6rem,6vw,7.2rem);overflow:hidden;border-radius:.8rem;background:#0a0a0a;color:#fff}.byob-promo__content,.byob-promo__visual{position:relative;z-index:1}.byob-promo__eyebrow{display:inline-flex;align-items:center;gap:.8rem;margin:0 0 1.4rem;font-size:1.15rem;font-weight:700;letter-spacing:0;line-height:1.2;text-transform:uppercase}.byob-promo__eyebrow:before{content:"";width:2.4rem;height:.2rem;background:currentColor}.byob-promo__heading{max-width:65rem;margin:0;color:inherit;font-size:clamp(3.6rem,5.4vw,7rem);font-weight:700;letter-spacing:0;line-height:.96}.byob-promo__text{max-width:58rem;margin-top:2rem;color:#ffffffc2;font-size:clamp(1.5rem,1.7vw,1.8rem);line-height:1.55}.byob-promo__text p{margin:0}.byob-promo__tiers{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.4rem}.byob-promo__tier{display:inline-flex;align-items:center;gap:.6rem;min-height:3.6rem;padding:.7rem 1.2rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:1.25rem;font-weight:600;line-height:1}.byob-promo__tier strong{color:var(--byob-promo-accent);font-size:1.4rem}.byob-promo__button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;min-height:5.2rem;margin-top:2.8rem;padding:1.3rem 2rem;border:.2rem solid #fff;border-radius:.4rem;background:#fff;color:#111;font-size:1.45rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .16s ease,background .16s ease,color .16s ease}.byob-promo__button svg{width:1.8rem;transition:transform .16s ease}.byob-promo__button:hover{transform:translateY(-.2rem);background:transparent;color:#fff}.byob-promo__button:hover svg{transform:translate(.3rem)}.byob-promo__visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.byob-promo__product{position:relative;min-width:0;padding:1.1rem;border-radius:.8rem;background:#fff;color:#111;border:1px solid rgba(255,255,255,.18);box-shadow:0 1.4rem 3rem #00000059}.byob-promo__product:nth-child(2){transform:translateY(-1.6rem)}.byob-promo__product:nth-child(3){transform:translateY(.8rem)}.byob-promo__image{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:.5rem;background:#f2f2f2}.byob-promo__image img,.byob-promo__placeholder{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.byob-promo__product-step{display:inline-flex;align-items:center;justify-content:center;position:absolute;z-index:2;top:1.8rem;left:1.8rem;width:2.7rem;height:2.7rem;border-radius:50%;background:#111;color:#fff;font-size:1.15rem;font-weight:700}.byob-promo__product-label{display:block;margin-top:1rem;overflow:hidden;font-size:clamp(1.05rem,1.2vw,1.3rem);font-weight:700;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}.byob-promo__plus{display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;top:50%;left:33.333%;width:3.6rem;height:3.6rem;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:#0a0a0a;color:#fff;font-size:2rem;font-weight:700;transform:translate(-50%,-50%)}.byob-promo__plus--second{left:66.666%}@media screen and (max-width:989px){.byob-promo__panel{grid-template-columns:1fr;gap:5.5rem}.byob-promo__content{max-width:68rem}.byob-promo__visual{width:100%;max-width:60rem;margin:0 auto}}@media screen and (max-width:749px){.byob-promo{padding:0 1rem}.byob-promo__panel{gap:4.5rem;padding:3.2rem 2rem 4rem}.byob-promo__heading{font-size:clamp(3.4rem,12vw,5.2rem)}.byob-promo__text{margin-top:1.6rem;font-size:1.45rem}.byob-promo__tiers{gap:.7rem;margin-top:2rem}.byob-promo__tier{padding-inline:1rem;font-size:1.1rem}.byob-promo__button{width:100%;margin-top:2.2rem}.byob-promo__visual{gap:.7rem}.byob-promo__product{padding:.6rem;box-shadow:0 1.2rem 2.5rem #0000004d}.byob-promo__product:nth-child(2){transform:translateY(-1rem)}.byob-promo__product:nth-child(3){transform:translateY(.6rem)}.byob-promo__product-step{top:1rem;left:1rem;width:2.2rem;height:2.2rem;font-size:1rem}.byob-promo__product-label{margin-top:.6rem;font-size:.95rem}.byob-promo__plus{width:2.8rem;height:2.8rem;font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.byob-promo__button,.byob-promo__button svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-byob-promo.css.map */