.ss.vh-byob{background:#fdf8ea}.vh-byob__hero{position:relative;background:#275e38;color:#fff9ef;overflow:hidden}.vh-byob__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:40%;background:var(--bgimg) center/cover no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 30%);mask-image:linear-gradient(to right,transparent 0,#000 30%);opacity:.95}.vh-byob__hero-in{position:relative;z-index:1;display:flex;align-items:center;min-height:440px;padding-top:56px;padding-bottom:56px}.vh-byob__hero-copy{flex:0 1 560px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.vh-byob__hero .vh-eyebrow{color:#ffd646}.vh-byob__hero h1{font:900 60px/1 Outfit,sans-serif;text-transform:uppercase;color:#fff9ef;letter-spacing:-.5px;margin:0}.vh-byob__hero p{font-size:18px;color:#fff9efe6;margin:0}.vh-byob__hero .vh-btn--g{background:#ffd646;color:#222!important}.vh-byob__stepswrap{position:relative;z-index:2;margin-top:-34px}.vh-byob__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vh-byob__steps li{display:flex;gap:12px;align-items:flex-start;background:#fff;color:#222;border:1.5px solid #111;border-radius:16px;padding:12px 14px;box-shadow:3px 3px #111}.vh-byob__steps b{flex:none;width:30px;height:30px;border-radius:999px;background:#ffd646;border:1.5px solid #111;display:flex;align-items:center;justify-content:center;font:900 15px/1 Outfit,sans-serif}.vh-byob__steps strong{display:block;font:900 15px/1.2 Outfit,sans-serif;text-transform:uppercase}.vh-byob__steps small{display:block;font-size:13px;color:#3d3d3d;margin-top:2px}.vh-byob__main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;padding-top:32px;padding-bottom:64px}.vh-byob__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.vh-byob__tab{min-height:44px;padding:10px 18px;border-radius:999px;border:1.5px solid #111;background:#fff;font:800 14px/1 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.4px;color:#222;cursor:pointer}.vh-byob__tab[aria-pressed=true]{background:#275e38;color:#fff}.vh-byob__tab:focus-visible{outline:3px solid #eb541b;outline-offset:2px}.vh-byob__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vh-byob__item{display:flex;flex-direction:column;background:#fff;border:1.5px solid #111;border-radius:20px;overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}.vh-byob__item[hidden]{display:none}.vh-byob__item.is-picked{box-shadow:4px 4px #275e38;border-color:#275e38}.vh-byob__img{position:relative;display:block;aspect-ratio:1/1;background:#fcf1d8}.vh-byob__img img{width:100%;height:100%;object-fit:cover}.vh-byob__info{flex:1;display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}.vh-byob__info h3{font:900 17px/1.15 Outfit,sans-serif;color:#222;margin:0}.vh-byob__info p{font-size:13px;line-height:1.35;color:#3d3d3d;margin:0}.vh-byob__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}.vh-byob__price{font:900 19px/1 Outfit,sans-serif}.vh-byob__qty{display:flex;align-items:center;gap:6px}.vh-byob__qty button{width:44px;height:44px;border-radius:999px;border:1.5px solid #111;font:900 22px/1 Outfit,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}.vh-byob__plus{background:#ffd646;color:#222;box-shadow:2px 2px #111}.vh-byob__plus:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.vh-byob__minus{background:#fff;color:#222}.vh-byob__qty button[hidden],.vh-byob__n[hidden]{display:none}.vh-byob__n{min-width:18px;text-align:center;font:900 17px/1 Outfit,sans-serif}.vh-byob__out{font:800 12px/1 Manrope,sans-serif;text-transform:uppercase;color:#888}.vh-byob__panel{position:sticky;top:90px;background:#fff;border:1.5px solid #111;border-radius:22px;box-shadow:5px 5px #111;padding:18px;display:flex;flex-direction:column;gap:14px}.vh-byob__panel h2{font:900 22px/1.1 Outfit,sans-serif;text-transform:uppercase;color:#275e38;margin:0}.vh-byob__status{font:700 14px/1.3 Manrope,sans-serif;color:#222;margin:4px 0 8px}.vh-byob.is-full .vh-byob__status{color:#275e38}.vh-byob__bar{height:10px;border-radius:999px;background:#f1ead8;overflow:hidden;border:1px solid #111}.vh-byob__bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#275e38,#13a959);transition:width .25s ease}.vh-byob__toggle{display:none}.vh-byob__slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.vh-byob__slot{display:flex;align-items:center;gap:10px;min-height:58px;padding:7px 10px;border:1.5px dashed #b9ae93;border-radius:14px;background:#fdf8ea;color:#6a6152;font:700 14px/1.2 Manrope,sans-serif}.vh-byob__slot-ic{flex:none;width:30px;height:30px;border-radius:999px;background:#fff;border:1.5px solid #b9ae93;display:flex;align-items:center;justify-content:center;font:900 14px/1 Outfit,sans-serif}.vh-byob__slot--free{border-color:#eb541b;background:#fff1ea;color:#c43f0e}.vh-byob__slot--free .vh-byob__slot-ic{background:#eb541b;color:#fff;border-color:#eb541b}.vh-byob__slot.is-filled{border-style:solid;border-color:#111;background:#fff;color:#222}.vh-byob__slot.is-freebie{border-color:#eb541b;background:#fff1ea}.vh-byob__slot img{flex:none;width:44px;height:44px;border-radius:10px;object-fit:cover;background:#fcf1d8}.vh-byob__slot .vh-byob__slot-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vh-byob__slot b{font:800 13px/1.2 Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vh-byob__slot small{font:800 12px/1 Manrope,sans-serif;color:#3d3d3d}.vh-byob__slot.is-freebie small{color:#eb541b}.vh-byob__x{flex:none;width:32px;height:32px;border-radius:999px;border:1px solid #ccc;background:#fff;font-size:18px;line-height:1;cursor:pointer;color:#555}.vh-byob__totals{display:flex;flex-direction:column;gap:6px;border-top:1.5px solid #eee;padding-top:12px;font-size:14px}.vh-byob__totals div{display:flex;justify-content:space-between}.vh-byob__save{color:#eb541b;font-weight:800}.vh-byob__total{font:900 20px/1 Outfit,sans-serif}.vh-byob__add{width:100%}.vh-byob__add:disabled{background:#d8d2c2!important;color:#5a5446!important;cursor:not-allowed;box-shadow:none}.vh-byob__fine{font-size:11px;color:#6a6a6a;margin:0;text-align:center}@media(max-width:1000px){.vh-byob__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.vh-byob__hero:after{inset:auto 0 0 0;height:240px;background-position:70% center;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30%);mask-image:linear-gradient(to bottom,transparent 0,#000 30%);opacity:1}.vh-byob__hero-in{min-height:0;padding-top:32px;padding-bottom:200px}.vh-byob__hero h1{font-size:40px}.vh-byob__hero p{font-size:16px}.vh-byob__steps{grid-template-columns:1fr;gap:8px}.vh-byob__stepswrap{margin-top:-24px}.vh-byob__main{display:block;padding-top:20px;padding-bottom:140px}.vh-byob__tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 14px;padding:0 16px 4px;scrollbar-width:none}.vh-byob__tabs::-webkit-scrollbar{display:none}.vh-byob__tab{flex:none}.vh-byob__grid{gap:10px}.vh-byob__info{padding:10px}.vh-byob__info h3{font-size:15px}.vh-byob__info p{display:none}.vh-byob__price{font-size:16px}.vh-byob__qty button{width:40px;height:40px;font-size:20px}.vh-byob__panel{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:50;border-radius:22px 22px 0 0;border-width:1.5px 0 0;box-shadow:0 -8px 24px #00000026;padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:10px;max-height:82vh;overflow:auto}.vh-byob__panel-head{position:relative;padding-right:120px}.vh-byob__panel h2{font-size:17px}.vh-byob__status{font-size:13px;margin:2px 0 6px}.vh-byob__toggle{display:inline-flex;align-items:center;gap:6px;position:absolute;right:0;top:0;min-height:44px;padding:8px 12px;border-radius:999px;border:1.5px solid #111;background:#fff;font:800 12px/1 Manrope,sans-serif;text-transform:uppercase;cursor:pointer}.vh-byob__toggle span{background:#275e38;color:#fff;border-radius:999px;padding:3px 7px}.vh-byob__panel .vh-byob__slots,.vh-byob__panel .vh-byob__totals,.vh-byob__panel .vh-byob__fine{display:none}.vh-byob__panel.is-open .vh-byob__slots,.vh-byob__panel.is-open .vh-byob__totals{display:flex}}@media(prefers-reduced-motion:reduce){.vh-byob__bar span,.vh-byob__item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/vlm-byob.css.map */