.byo-v4-section{--byo-plum: #2b1a22;--byo-orange: #f9884a;--byo-lime: #e2fa8a;--byo-white: #ffffff;--byo-coral: #fa6a52;--byo-image-ground: #f7f4f1;--byo-hairline: rgba(43, 26, 34, .1);--byo-card-hairline: rgba(43, 26, 34, .08);--byo-close-ground: rgba(43, 26, 34, .06);--byo-field-border: rgba(43, 26, 34, .2);--byo-scrim: rgba(43, 26, 34, .28);--byo-head: var(--heading-font-stack, "Wrapt Gill Sans", system-ui, sans-serif);--byo-body: var(--main-font-stack, "Wrapt Futura", system-ui, sans-serif);--byo-head-weight: var(--heading-font-weight, 900);--byo-ease-slide: cubic-bezier(.2, .8, .2, 1);--byo-ease-pop: cubic-bezier(.34, 1.56, .64, 1)}.byo{--byo-bg: rgb(var(--color-scheme-background));--byo-fg: rgb(var(--color-scheme-text));--byo-accent: rgb(var(--color-scheme-accent-1));--byo-accent-contrast: rgb(var(--color-scheme-accent-1-contrast));--byo-accent-2: rgb(var(--color-scheme-accent-2));--byo-accent-2-contrast: rgb(var(--color-scheme-accent-2-contrast));--byo-card: rgb(var(--color-scheme-card));--byo-card-fg: rgb(var(--color-scheme-card-text));font-family:var(--byo-body);font-weight:500}.byo *{box-sizing:border-box}.byo button,.byo input{font-family:inherit}.byo a{color:inherit}.byo__inner{max-width:1120px;margin:0 auto;padding:2.5rem 1.25rem}.byo h1,.byo h2{font-family:var(--byo-head);font-weight:var(--byo-head-weight);line-height:1;letter-spacing:0;margin:0 0 1rem;text-wrap:balance}.byo h3{font-family:var(--byo-body);font-weight:600;line-height:1.15;margin:0}.byo p{margin:0}.byo__h1{font-size:clamp(1.9rem,8.5vw,2.8rem)}.byo__h2{font-size:clamp(1.5rem,6.5vw,2rem)}.byo-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:999px;text-decoration:none;border:0;cursor:pointer;white-space:nowrap;width:fit-content;background:var(--byo-accent);color:var(--byo-accent-contrast);min-height:44px;padding:14px 20px;font-size:15px;transition:transform .18s,box-shadow .18s}.byo-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #2b1a224d}.byo-hero{display:flex;flex-wrap:wrap;min-height:520px}.byo-hero__copy{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem 1.25rem}.byo-hero__copy>*{margin:0}.byo-hero__copy>*+*{margin-top:14px}.byo-hero__copy>.byo-eyebrow+.byo__h1{margin-top:20px}.byo-hero__copy>.byo-hero__sub+.byo-btn{margin-top:26px}.byo-hero__copy>.byo-btn+*{margin-top:18px}.byo-eyebrow{display:inline-flex;align-items:center;gap:.6em;background:transparent;color:inherit;font-weight:600;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85;padding:0;border-radius:0;cursor:default;-webkit-user-select:none;user-select:none}.byo-eyebrow:before{content:"";width:2.25rem;height:2px;background:currentColor;flex:none}.byo-hero__sub{font-size:1.0625rem;line-height:1.35}.byo-v4-hero__start{gap:8px}.byo-hero__media{flex:1 1 360px;min-width:0;max-width:900px;min-height:320px;position:relative}.byo-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.byo-rating{display:inline-flex;align-items:center;gap:12px;background:var(--byo-white);color:var(--byo-plum);border:0;border-radius:999px;padding:10px 20px 10px 16px;cursor:pointer;box-shadow:0 6px 18px #2b1a222e;font-family:inherit;text-align:left;transition:transform .15s,box-shadow .15s;width:fit-content;min-height:44px}.byo-rating:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2b1a2247}.byo-rating__stars{color:var(--byo-orange);font-size:20px;letter-spacing:-1px;line-height:1}.byo-rating__score{font-family:var(--byo-head);font-weight:var(--byo-head-weight);font-size:22px;line-height:1;letter-spacing:0}.byo-rating__meta{display:flex;flex-direction:column;line-height:1.25;font-size:13px}.byo-rating__meta strong{font-weight:700}.byo-rating__meta span{opacity:.65;font-weight:500;font-size:12px}.byo-v4-how .byo__inner{padding-top:64px;padding-bottom:64px}.byo-v4-how .byo__h2{margin-bottom:clamp(2rem,4vw,3rem)}.byo-steps{display:grid;grid-template-columns:1fr;gap:clamp(1.25rem,3vw,2rem)}.byo-step{display:flex;flex-direction:column;gap:.75rem}.byo-step__n{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--byo-accent-2);color:var(--byo-accent-2-contrast);font-family:var(--byo-head);font-weight:var(--byo-head-weight);font-size:1.25rem;letter-spacing:0}.byo-step h3{font-size:1.375rem}.byo-step p{font-size:1rem;line-height:1.4;text-wrap:pretty}.byo-trust3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:clamp(2rem,4vw,3rem) 0 0;padding:clamp(1.25rem,3vw,2rem) 0 0;border-top:1px solid rgba(127,127,127,.3)}.byo-trust3 li{display:flex;align-items:center;gap:9px;min-height:52px;padding:10px 14px;border-radius:999px;background:var(--byo-card, #fff);color:var(--byo-card-fg, #2b1a22);box-shadow:0 1px #2b1a221a,0 6px 16px -12px #2b1a2280;font-size:.875rem;font-weight:700;line-height:1.2;text-wrap:balance}.byo-trust3 li:last-child:nth-child(odd){grid-column:1 / -1}.byo-trust3 .tick{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--byo-lime);color:var(--byo-plum);font-size:12px;font-weight:900;line-height:1}.byo-proof__head{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:clamp(1.75rem,4vw,2.5rem)}.byo-proof__score{font-family:var(--byo-head);font-weight:var(--byo-head-weight);font-size:clamp(2rem,5vw,2.75rem);line-height:1;letter-spacing:0}.byo-proof__count{font-size:1.125rem;font-weight:700}.byo-jm{display:inline-flex;align-items:center;gap:.375rem;background:var(--byo-white);color:var(--byo-plum);padding:.25rem .625rem;border-radius:5px;font-size:.8125rem;font-weight:700}.byo-jm--btn{border:0;cursor:pointer;font-family:inherit;min-height:44px}.byo-jm--btn:hover{box-shadow:0 0 0 2px var(--byo-plum)}.byo-jm__stars{letter-spacing:-1px;color:var(--byo-orange)}.byo-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(1.25rem,3vw,1.75rem)}.byo-quote{margin:0;display:flex;flex-direction:column;gap:1rem;background:var(--byo-white);color:var(--byo-plum);border-radius:20px;padding:clamp(1.5rem,3vw,2rem)}.byo-quote__stars{color:var(--byo-orange);letter-spacing:-1px}.byo-quote p{font-size:1.0625rem;line-height:1.4}.byo-quote footer{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .5rem;font-size:.9375rem;margin-top:auto}.byo-quote__author{font-weight:700}.byo-quote__date{opacity:.6;font-size:.8125rem}.byo-v4-faq .byo__h2{margin-bottom:clamp(1.5rem,4vw,2.25rem)}.byo-v4-faq__heading-wide{display:none}@media(max-width:989.98px){.byo-faq__item[data-on-phone=false]{display:none}.byo-faq__item[data-on-phone=true]:not(:has(~.byo-faq__item[data-on-phone=true])){border-bottom:2px solid rgba(255,255,255,.28)}}.byo-faq{display:flex;flex-direction:column}.byo-faq__item{border-top:2px solid rgba(255,255,255,.28)}.byo-faq__item:last-of-type{border-bottom:2px solid rgba(255,255,255,.28)}.byo-faq__q{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;cursor:pointer;font-weight:600;font-size:17px;line-height:1.3;padding:22px 0;list-style:none}.byo-faq__q::-webkit-details-marker{display:none}.byo-faq__plus{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:999px;background:var(--byo-accent);color:var(--byo-accent-contrast);font-size:1.25rem;line-height:1;transition:transform .18s}.byo-faq__item[open] .byo-faq__plus{transform:rotate(45deg)}.byo-faq__a{padding-bottom:26px;max-width:720px;font-size:16.5px;line-height:1.6;color:#fffc;display:grid;gap:10px}.byo-faq__a p{margin:0}.byo-faq__a a{color:var(--byo-lime);text-decoration:underline}.byo-v4-builder{box-shadow:0 -1px #2b1a2226}.byo-v4-builder__stage{height:min(calc(100dvh - var(--byo-v4-header-h, 0px)),900px);min-height:620px;position:relative;overflow:hidden;padding:0}.byo-v4-builder__stage .byo-v4-stage__title{font-size:28px;line-height:1;letter-spacing:-.3px;margin:0 0 1rem}.byo-v4-skeleton__pills{display:flex;gap:8px;overflow:hidden;margin-bottom:12px}.byo-v4-skeleton__pill{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:#f9884a2e;color:var(--byo-plum);font-size:13px;font-weight:600;white-space:nowrap}.byo-v4-skeleton__pill--all{background:var(--byo-plum);color:var(--byo-white)}.byo-v4-skeleton__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.byo-v4-skeleton__card{aspect-ratio:3 / 4;border-radius:20px;background:var(--byo-image-ground);box-shadow:0 0 0 1px var(--byo-hairline)}.byo-v4-rv[hidden]{display:none}.byo-v4-rv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--byo-scrim);animation:byo-v4-rv-scrim .2s ease-out both}.byo-v4-rv__sheet{position:absolute;left:0;right:0;bottom:0;height:78%;border-radius:20px 20px 0 0;background:var(--byo-image-ground);color:var(--byo-plum);display:flex;flex-direction:column;box-shadow:0 -12px 40px #2b1a2240;overflow:hidden;animation:byo-v4-rv-up .35s var(--byo-ease-slide) both}.byo-v4-rv__head{padding:8px 16px 12px;background:var(--byo-white);border-bottom:1px solid var(--byo-hairline);flex-shrink:0}.byo-v4-rv__grabber{width:40px;height:4px;border-radius:2px;background:var(--byo-field-border);margin:0 auto 10px}.byo-v4-rv__headrow{display:flex;align-items:center;gap:12px}.byo-v4-rv__score{font-family:var(--byo-head);font-weight:var(--byo-head-weight);font-size:34px;line-height:1}.byo-v4-rv__headmeta{flex:1;min-width:0;line-height:1.25}.byo-v4-rv__stars{color:var(--byo-orange);letter-spacing:-1px;font-size:18px}.byo-v4-rv__count{font-size:13px;font-weight:600}.byo-v4-rv__source{opacity:.7;font-weight:500}.byo-v4-rv__close{width:40px;height:40px;border:0;border-radius:999px;background:var(--byo-close-ground);color:inherit;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.byo-v4-rv__dist{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;font-weight:600}.byo-v4-rv__track{flex:1;height:6px;border-radius:3px;background:var(--byo-hairline);overflow:hidden}.byo-v4-rv__fill{width:100%;height:100%;background:var(--byo-orange)}.byo-v4-rv__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px;display:grid;gap:10px;align-content:start}.byo-v4-rv__card{background:var(--byo-white);border-radius:16px;padding:14px 16px;box-shadow:0 0 0 1px var(--byo-card-hairline)}.byo-v4-rv__cardhead{display:flex;align-items:center;justify-content:space-between;gap:8px}.byo-v4-rv__cardstars{color:var(--byo-orange);letter-spacing:-1px;font-size:15px}.byo-v4-rv__verified{font-size:11px;font-weight:700;background:var(--byo-lime);border-radius:999px;padding:3px 8px}.byo-v4-rv__title{margin:8px 0 4px;font-size:15px;font-weight:700;line-height:1.25}.byo-v4-rv__cardbody{display:flex;gap:12px;align-items:flex-start}.byo-v4-rv__text{margin:0;font-size:14px;line-height:1.45;opacity:.85;flex:1;min-width:0}.byo-v4-rv__img{width:64px;height:64px;border-radius:10px;object-fit:cover;flex-shrink:0}.byo-v4-rv__name{margin-top:8px;font-size:12px;font-weight:600;opacity:.65}.byo-v4-rv__foot{padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom,0px));background:var(--byo-white);border-top:1px solid var(--byo-hairline);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;flex-shrink:0}.byo-v4-rv__showing{opacity:.7}.byo-v4-rv__all{font-weight:700;white-space:nowrap;position:relative}.byo-v4-rv__all:after{content:"";position:absolute;top:-13px;right:-10px;bottom:-13px;left:-10px}@keyframes byo-v4-rv-scrim{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes byo-v4-rv-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes byo-v4-rv-right{0%{transform:translate(100%)}to{transform:none}}.byo-v4-scroll-locked{overflow:hidden}.byo-v4-header-slide{transition:transform .3s var(--byo-ease-slide, cubic-bezier(.2, .8, .2, 1))}.byo-v4-header-slide.byo-v4-header-hidden{transform:translateY(-100%)}body:has([data-byo-v4-builder]) .shopify-section-group-footer-group{display:none}@media(min-width:990px){.byo__inner{padding:clamp(2.5rem,5vw,4.5rem) clamp(1.25rem,3vw,2.5rem)}.byo__h1{font-size:clamp(2.5rem,5vw,4rem);max-width:15ch}.byo__h2{font-size:clamp(1.75rem,3.4vw,2.6rem)}.byo-btn{padding:15px 24px;font-size:15.5px}.byo-hero{min-height:min(80vh,760px)}.byo-hero__copy{padding:clamp(2.5rem,4vw,4rem) clamp(1.5rem,3.2vw,3.5rem)}.byo-hero__sub{font-size:clamp(1.0625rem,2.4vw,1.375rem);max-width:34ch}.byo-hero__media{min-height:clamp(300px,42vw,460px)}.byo-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.byo-trust3{grid-template-columns:repeat(5,minmax(0,1fr))}.byo-trust3:has(>li:nth-child(6)){grid-template-columns:repeat(6,minmax(0,1fr))}.byo-trust3 li:last-child:nth-child(odd){grid-column:auto}.byo-v4-faq__heading-wide{display:inline}.byo-v4-faq__heading-phone{display:none}.byo-faq__q{font-size:20px}.byo-v4-skeleton__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.byo-v4-rv__sheet{top:0;right:0;bottom:0;left:auto;height:auto;width:420px;max-width:100%;border-radius:20px 0 0 20px;animation:byo-v4-rv-right .3s var(--byo-ease-slide) both}.byo-v4-rv__head{padding:16px 16px 12px 20px}.byo-v4-rv__grabber{display:none}}@media(prefers-reduced-motion:reduce){.byo-btn,.byo-rating,.byo-faq__plus,.byo-v4-header-slide{transition:none}.byo-btn:hover,.byo-rating:hover{transform:none}.byo-v4-rv,.byo-v4-rv__sheet{animation:none}}.byo-v4-layer,.byo-v4-layer__scope{display:contents!important}body:has([data-byo-v4-builder],[data-byo-v4-cart]) #gsDrawer{display:none!important}body.gs__drawer-active:has([data-byo-v4-builder],[data-byo-v4-cart]){overflow:visible!important}
/*# sourceMappingURL=/cdn/shop/t/87/assets/byo-v4.css.map */