.gp-byob{display:block;color:var(--by-text, #211566)}.gp-byob__hero{background:var(--by-hero, linear-gradient(180deg, #d9f0ff 0%, #f0edff 100%));padding-block:48px;overflow:hidden}.gp-byob__hero-inner{display:flex;align-items:center;justify-content:space-between}.gp-byob__hero-content{max-width:560px}.gp-byob__hero-title{font-family:var(--gp-font-heading);font-weight:600;font-size:var(--by-h-fs, 60px);line-height:1.0833;color:var(--by-title, #3f27ae)}.gp-byob__hero-text{margin-top:14px;font-size:var(--by-t-fs, 20px);line-height:30px;color:var(--by-text, #211566)}.gp-byob__hero-img{width:var(--by-img-w, 340px);height:auto;object-fit:contain;flex:none}.gp-byob__tabs-scroll{margin-top:28px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.gp-byob__tabs-scroll::-webkit-scrollbar{display:none}.gp-byob__tabs{display:flex;gap:30px;border-bottom:4px solid var(--by-tab-line, #f0edff)}.gp .gp-byob__tab{padding:12px 0;margin-bottom:-4px;white-space:nowrap;flex:none;font-family:var(--gp-font-heading);font-weight:600;font-size:20px;line-height:1;letter-spacing:1px;text-transform:uppercase;color:var(--by-title, #3f27ae);opacity:.5;border-bottom:4px solid transparent;transition:opacity .2s ease,border-color .2s ease}.gp .gp-byob__tab:hover{opacity:1}.gp .gp-byob__tab.is-active{opacity:1;color:var(--by-accent, #7050ff);border-bottom-color:var(--by-accent, #7050ff)}.gp-byob__layout{display:flex;align-items:flex-start;gap:clamp(2rem,6vw,6.125rem);margin-top:32px}.gp-byob__grid{flex:1 1 535px;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;column-gap:50px;row-gap:40px;align-content:start}.gp-byob__summary-col{flex:1 1 545px;min-width:0;width:100%;max-width:545px;position:sticky;top:24px}.gp-byob__card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;height:100%}.gp-byob__card[hidden]{display:none}.gp-byob__card-img{position:relative;width:100%;aspect-ratio:242 / 227;margin-bottom:6px;border-radius:8px;overflow:hidden;background:var(--by-card-img-bg, #fef7fa)}.gp-byob__card-img img,.gp-byob__card-img svg{width:100%;height:100%;object-fit:cover}.gp-byob__card-title{font-family:var(--gp-font-heading);font-weight:600;font-size:var(--by-card-fs, 22px);line-height:1.2;color:var(--by-title, #3f27ae)}.gp-byob__card-caption{font-size:18px;line-height:1.5;color:var(--by-text, #211566)}.gp-byob__card-price{display:flex;align-items:baseline;gap:6px;margin-top:auto;font-size:18px;line-height:1.5}.gp-byob__card-sale{color:var(--by-accent, #7050ff)}.gp-byob__card-compare{color:var(--by-text, #211566)}.gp .gp-byob__add,.gp-byob__pill{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:41px;padding-inline:24px;border-radius:100px;font-family:var(--gp-font-heading);font-weight:600;font-size:18px;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--by-add-color, #fff);background:var(--by-add-bg, #7050ff);transition:opacity .15s ease}.gp .gp-byob__add:hover{opacity:.92}.gp .gp-byob__add:disabled{background:#d9d9d9;cursor:not-allowed}.gp-byob__pill{justify-content:space-between;padding-inline:14px;background:var(--by-title, #3f27ae)}.gp-byob__pill[hidden],.gp .gp-byob__add[hidden]{display:none}.gp .gp-byob__pill button{width:24px;color:#fff;font-family:var(--gp-font-heading);font-weight:600;font-size:18px;line-height:1}.gp .gp-byob__pill button:disabled{opacity:.4;cursor:not-allowed}.gp-byob__pill [data-qty]{flex:1;text-align:center}.gp-byob__summary{position:relative;display:flex;flex-direction:column;gap:18px;padding:28px 30px;border-radius:10px;background:var(--by-sum-bg, #e8f9fe)}.gp-byob__summary-title{font-family:var(--gp-font-heading);font-weight:600;font-size:40px;line-height:45px;letter-spacing:1px;text-align:center;color:var(--by-title, #3f27ae)}.gp-byob__summary-sub{margin-top:-10px;font-size:18px;line-height:1.2;text-align:center;color:var(--by-text, #211566)}.gp-byob__tiers{padding-inline:22px}.gp-byob__track{position:relative;height:46px}.gp-byob__track:before{content:"";position:absolute;top:8px;left:0;right:0;height:5px;border-radius:100px;background:#fff;border:1px solid var(--by-title, #3f27ae);box-sizing:content-box}.gp-byob__fill{position:absolute;top:9.6px;left:0;height:5px;width:0;border-radius:100px;background:var(--by-fill, #f2fa62);transition:width .3s ease;z-index:0}.gp-byob__step{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}.gp-byob__dot{width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid var(--by-title, #3f27ae)}.gp-byob__step.is-active .gp-byob__dot{background:var(--by-fill, #f2fa62)}.gp-byob__step-label{font-size:14px;line-height:21px;white-space:nowrap;color:var(--by-text, #211566)}.gp-byob__body{display:flex;flex-direction:column;gap:18px}.gp-byob__lines{display:flex;flex-direction:column;max-height:252px;overflow-y:auto;background:#fff;border:1px solid var(--by-title, #3f27ae);border-radius:5px}.gp-byob__line{display:flex;align-items:center;gap:14px;min-height:100px;padding:14px 18px;flex:none}.gp-byob__line+.gp-byob__line{border-top:1px solid var(--by-title, #3f27ae)}.gp-byob__line-img{flex:0 0 72px;width:72px;height:72px;overflow:hidden;color:#c9c9c9}.gp-byob__line-img img{width:100%;height:100%;object-fit:contain}.gp-byob__line-img svg{width:100%;height:100%}.gp-byob__line-info{flex:1;min-width:0}.gp-byob__ph-title{font-weight:700;font-size:18px;line-height:1.5;text-transform:uppercase;color:var(--by-text, #211566)}.gp-byob__ph-sub{font-size:18px;line-height:1.5;color:var(--by-accent, #7050ff)}.gp-byob__line-title{font-size:18px;line-height:1.5;color:var(--by-text, #211566)}.gp-byob__line-qty{margin-inline-start:6px;font-family:var(--gp-font-heading);font-weight:600;color:var(--by-title, #3f27ae)}.gp-byob__line-price{display:flex;align-items:baseline;gap:6px;margin-top:2px;font-size:18px;line-height:1.5}.gp-byob__line-price span{color:var(--by-accent, #7050ff)}.gp .gp-byob__line-remove{flex:none;padding:4px;font-weight:600;font-size:16px;line-height:1;color:var(--by-text, #211566);text-decoration:underline}.gp-byob__purchase{display:flex;flex-direction:column}.gp-byob__option{position:relative;display:block;padding:18px 22px;background:#fff;cursor:pointer}.gp-byob__option--sub{border:1px solid var(--by-text, #211566);border-radius:16px 16px 0 0}.gp-byob__option--one{border:1px solid var(--by-title, #3f27ae);border-top:0;border-radius:0 0 16px 16px}.gp-byob__option--one:only-child{border-top:1px solid var(--by-title, #3f27ae);border-radius:16px}.gp-byob__option.is-active{background:var(--by-opt-bg, #f0edff)}.gp-byob__option-head{display:flex;align-items:center;gap:16px}.gp-byob__option-head input{position:absolute;opacity:0;pointer-events:none}.gp-byob__radio{flex:none;width:18px;height:18px;border-radius:50%;border:1px solid var(--by-title, #3f27ae);background:#fff}.gp-byob__option.is-active .gp-byob__radio{background:var(--by-title, #3f27ae);box-shadow:inset 0 0 0 3px #fff;border-width:3px}.gp-byob__sub-label{font-family:var(--gp-font-heading);font-weight:600;font-size:20px;line-height:1;color:var(--by-title, #3f27ae)}.gp-byob__one-label{font-family:var(--gp-font-heading);font-weight:400;font-size:20px;line-height:1;color:#190f51}.gp-byob__save{position:absolute;top:0;right:0;padding:6px 14px;border-radius:0 16px;background:var(--by-fill, #f2fa62);font-family:var(--gp-font-heading);font-weight:600;font-size:15px;line-height:1.2;color:var(--by-title, #3f27ae)}.gp-byob__option--one .gp-byob__save{border-radius:0 0 0 16px}.gp-byob__option--one:only-child .gp-byob__save{border-radius:0 16px}.gp-byob__save[hidden],.gp-byob__option-price[hidden]{display:none}.gp-byob__option-price{display:flex;align-items:baseline;gap:8px;margin-top:6px;padding-inline-start:34px;font-family:var(--gp-font-heading);font-weight:600;font-size:16px;line-height:1.2;color:#6551bd}.gp-byob__option-price s{color:var(--by-text, #211566)}.gp-byob__benefits{display:block;margin:14px 0 16px;font-size:16px;line-height:23px;color:#190f51}.gp-byob__benefits ul{list-style:disc;padding-inline-start:26px}.gp-byob__benefits li{margin-block:2px}.gp-byob__deliver{display:flex;align-items:center;gap:12px}.gp-byob__deliver-label{font-family:var(--gp-font-heading);font-weight:500;font-size:16px;line-height:20px;color:#190f51}.gp-byob__select{position:relative;display:inline-flex;min-width:120px}.gp-byob__select select{appearance:none;-webkit-appearance:none;width:100%;height:39px;padding:4px 36px 4px 12px;cursor:pointer;font:400 18px/28.8px var(--gp-font-body);color:#272727;background:#fff;border:1px solid var(--by-title, #3f27ae);border-radius:5px}.gp-byob__select svg{position:absolute;right:14px;top:50%;width:10px;height:14px;transform:translateY(-58%);pointer-events:none;color:var(--by-title, #3f27ae)}.gp-byob__add-form{display:flex;flex-direction:column;gap:8px;margin-top:4px}.gp .gp-byob__cta{width:100%;height:56px;border-radius:5px;font-family:var(--gp-font-heading);font-weight:600;font-size:18px;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--by-cta-color, #fff);background:var(--by-cta-bg, #3f27ae);transition:opacity .15s ease}.gp .gp-byob__cta:hover{opacity:.94}.gp .gp-byob__cta:disabled{opacity:.5;cursor:not-allowed}.gp-byob__hint{text-align:center;font-size:12px;line-height:1.6;color:#888}.gp-byob__error{text-align:center;font-size:12px;color:#e52227}.gp-byob__collapse,.gp-byob__review,.gp-byob__collapsed-total{display:none}@media(max-width:991px){.gp-byob__hero{padding-block:28px;text-align:center}.gp-byob__hero-inner{justify-content:center}.gp-byob__hero-content{max-width:none}.gp-byob__hero-title{font-size:var(--by-h-fs-m, 40px);line-height:1.1}.gp-byob__hero-text{font-size:var(--by-t-fs-m, 18px)}.gp-byob__hero-img{display:none}.gp .gp-byob__tab{font-size:18px}.gp-byob__layout{flex-direction:column;gap:28px}.gp-byob__grid{flex:none;width:100%;column-gap:20px;row-gap:28px}.gp-byob__card-title{font-size:var(--by-card-fs-m, 16px)}.gp-byob__card-caption,.gp-byob__card-price{font-size:16px}.gp-byob__summary-col{position:static;max-width:none;flex:none}.gp-byob__summary{position:fixed;left:0;right:0;bottom:0;z-index:9;max-height:calc(100vh - 9rem);overflow-y:auto;border-radius:16px 16px 0 0;background:linear-gradient(0deg,var(--by-sum-bg, #e8f9fe),var(--by-sum-bg, #e8f9fe)),#fff;box-shadow:0 -3.05px 10.17px #00000040;padding:22px 20px calc(20px + env(safe-area-inset-bottom))}.gp-byob__summary-title{font-size:30px;line-height:30px}.gp-byob__body{display:none}.gp-byob__summary.is-expanded .gp-byob__body{display:flex}.gp-byob__summary.is-expanded .gp-byob__collapse{display:flex;position:absolute;top:18px;right:18px;width:28px;height:28px;align-items:center;justify-content:center}.gp-byob__collapse svg{width:16px;height:auto}.gp .gp-byob__review{display:flex;align-items:center;justify-content:center;width:100%;height:56px;border-radius:5px;font-family:var(--gp-font-heading);font-weight:600;font-size:18px;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--by-cta-color, #fff);background:var(--by-cta-bg, #3f27ae)}.gp-byob__summary.is-expanded .gp-byob__review{display:none}.gp-byob__collapsed-total:not([hidden]){display:flex;align-items:baseline;justify-content:space-between;font-family:var(--gp-font-heading);font-weight:600;font-size:18px}.gp-byob__summary.is-expanded .gp-byob__collapsed-total{display:none}.gp-byob__ctp{display:flex;align-items:baseline;gap:8px;color:#6551bd}.gp-byob__ctp s{color:var(--by-text, #211566)}.gp-byob__save{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/gp-byob.css.map */