body.byob-drawer-open{overflow:hidden}.byob-drawer{display:flex;position:fixed;bottom:-100%;left:0;z-index:999999;overflow:hidden;flex-direction:column;width:100%;height:90vh;font-family:var(--font-body-family, sans-serif);background-color:var(--COLOR-BG);border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #0000001a;transition:bottom .4s cubic-bezier(.165,.84,.44,1)}.byob-drawer.is-open{bottom:0}.byob-drawer-overlay{position:fixed;top:0;left:0;z-index:999998;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease}.byob-drawer-overlay.is-visible{opacity:1;visibility:visible}.byob-drawer .byob-drawer-header{position:relative;border-bottom:1px solid #eee;border-radius:20px 20px 0 0}.byob-drawer .byob-drawer-header__image{display:block;width:100%;height:auto;object-fit:cover}.byob-drawer .byob-drawer-close{display:flex;position:absolute;top:16px;left:16px;z-index:20;align-items:center;justify-content:center;width:24px;height:24px;font-size:16px;line-height:1;color:var(--COLOR-TEXT);background:var(--COLOR-BG);border:2px solid var(--COLOR-TEXT);border-radius:50%;cursor:pointer}.byob-drawer .byob-drawer-body{display:flex;overflow-x:hidden;overflow-y:auto;flex:1;flex-direction:column}.byob-drawer .byob-slots-float{display:flex;position:sticky;top:-5px;z-index:10;justify-content:center;align-items:center;max-height:0;padding:0 16px;background:var(--COLOR-TEXT);opacity:0;transition:max-height .35s ease,opacity .3s ease,padding .3s ease;pointer-events:none}.byob-drawer .byob-slots-float.is-visible{min-height:100px;max-height:100px;padding:10px 16px;opacity:1;pointer-events:auto}.byob-drawer .byob-slots-float__images{display:flex;align-items:center}.byob-drawer .byob-slots-float__images img{width:60px;height:60px;margin-left:-20px;border:2px solid var(--COLOR-TEXT);border-radius:50%;object-fit:cover}.byob-drawer .byob-slots-float__images img:first-child{margin-left:0}.byob-drawer .byob-slots-float__img{display:none}.byob-drawer .byob-slots-float__img.is-filled{display:block}.byob-drawer .byob-slots-float__btn{display:flex;position:absolute;right:16px;align-items:center;justify-content:center;width:28px;height:28px;font-size:18px;color:var(--COLOR-TEXT);background:var(--COLOR-BG);border:none;border-radius:50%;cursor:pointer}.byob-drawer .byob-slots-container{display:flex;position:relative;flex-direction:column;align-items:center;gap:10px;max-height:500px;padding:20px;background-color:var(--COLOR-TEXT);transition:max-height .35s ease,padding .35s ease}.byob-drawer .byob-slots-container.is-collapsed{overflow:hidden;max-height:0;padding-top:0;padding-bottom:0}.byob-drawer .byob-slots-collapse-btn{position:absolute;top:10px;right:14px;font-size:20px;line-height:1;color:var(--COLOR-BG);background:transparent;border:none;opacity:.6;cursor:pointer}.byob-drawer .byob-slots-heading{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--COLOR-BG)}.byob-drawer .byob-slots{display:flex;justify-content:center;align-items:center;gap:8px}.byob-drawer .byob-slot{display:flex;position:relative;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid rgba(255,237,226,.1);border-radius:50%;background-color:#ffede21a;transition:border-color .3s ease,background-color .3s ease}.byob-drawer .byob-slot img{display:none;width:100%;height:100%;padding:3px;border-radius:50%;object-fit:cover}.byob-drawer .byob-slot.is-filled{background-color:var(--COLOR-TEXT);border-color:var(--COLOR-BG)}.byob-drawer .byob-slot.is-filled img{display:block}.byob-drawer .byob-slot--gift{border-radius:8px}.byob-drawer .byob-slot--gift img{border-radius:4px}.byob-drawer .byob-slots-float__img--gift,.byob-drawer .byob-bundle-summary__images img:first-child{border-radius:8px}.byob-drawer .byob-slot-remove{display:none;position:absolute;top:0;right:0;align-items:center;justify-content:center;width:24px;height:24px;font-size:12px;background:var(--COLOR-BG);border:2px solid var(--COLOR-TEXT);border-radius:50%;cursor:pointer}.byob-drawer .byob-slot.is-filled .byob-slot-remove{display:flex}.byob-drawer .byob-slot-plus{font-weight:700;color:var(--COLOR-BG)}.byob-drawer .byob-steps-wrapper{position:relative;overflow:hidden}.byob-drawer .byob-step-panel{width:100%;padding:16px;transition:transform .35s ease}.byob-drawer .byob-step-panel.is-inactive{position:absolute;top:0;left:0;right:0}.byob-drawer .byob-steps-wrapper .byob-step-panel:last-child{transform:translate(100%)}.byob-drawer .byob-steps-wrapper.is-step-2 .byob-step-panel:first-child{transform:translate(-100%)}.byob-drawer .byob-steps-wrapper.is-step-2 .byob-step-panel:last-child{transform:translate(0)}.byob-drawer .byob-step-nav{display:flex;align-items:center;gap:14px;margin-bottom:20px}.byob-drawer .byob-step-title{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--COLOR-TEXT)}.byob-drawer .byob-back-btn{padding:5px 12px;font-size:12px;font-weight:500;white-space:nowrap;color:var(--COLOR-TEXT);background:transparent;border:1px solid var(--COLOR-TEXT);border-radius:20px;cursor:pointer}.byob-drawer .byob-loading{padding:40px 0;font-size:14px;text-align:center;color:var(--COLOR-TEXT);opacity:.5}.byob-drawer .byob-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.byob-drawer .byob-product-item{display:flex;overflow:hidden;flex-direction:column;height:100%}.byob-drawer .byob-product-item-image{position:relative}.byob-drawer .byob-product-item-image img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:16px;object-fit:cover}.byob-drawer .byob-product-info{flex:1;padding:10px}.byob-drawer .product-item__price-compare.is-hidden{display:none}.byob-drawer .byob-product-add{display:flex;align-items:center;justify-content:center;width:100%;margin-top:auto;padding:11px 12px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--COLOR-BG);background:var(--COLOR-TEXT);border:none;border-radius:30px;box-shadow:0 2px 5px #0000001a;transition:background .2s;cursor:pointer}.byob-drawer .byob-product-item.is-selected{opacity:.5;pointer-events:none}.byob-drawer .byob-drawer-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:var(--COLOR-TEXT)}.byob-drawer .byob-bundle-summary{display:none;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--COLOR-BG)}.byob-drawer .byob-bundle-summary__images{display:flex;align-items:center}.byob-drawer .byob-bundle-summary img{width:52px;height:52px;margin-left:-14px;border:2px solid var(--COLOR-TEXT);border-radius:50%;object-fit:cover}.byob-drawer .byob-bundle-summary img:first-child{margin-left:0}.byob-drawer .byob-bundle-summary__titles{font-size:12px;font-weight:400;color:var(--COLOR-BG);opacity:.7}.byob-drawer .byob-add-to-cart-btn{width:100%;padding:12px 24px;font-weight:600;color:var(--COLOR-TEXT);background:var(--COLOR-BG);border:none;border-radius:30px;transition:background .3s;cursor:pointer}.byob-drawer .byob-add-to-cart-btn:disabled{color:var(--COLOR-BG-ACCENT);background:#ccc;cursor:not-allowed}.byob-drawer .byob-gokwik-trigger{display:none}.byob-drawer .byob-box-full-popup,.byob-drawer .byob-error-popup{position:fixed;bottom:80px;left:50%;z-index:1000000;width:calc(100% - 32px);max-width:450px;padding:14px 18px;font-size:13px;font-weight:600;text-align:center;white-space:nowrap;color:var(--COLOR-TEXT);background:var(--COLOR-BG);border:1px solid var(--COLOR-TEXT);border-radius:4px;box-shadow:0 0 4px #00000040;transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.byob-drawer .byob-box-full-popup{opacity:0;visibility:hidden;transform:translate(-50%,20px)}.byob-drawer .byob-box-full-popup.is-visible,.byob-drawer .byob-error-popup{opacity:1;visibility:visible;transform:translate(-50%)}.byob-drawer .byob-error-popup.hide{opacity:0;visibility:hidden;transform:translate(-50%,20px)}@media(min-width:768px){.byob-drawer .byob-drawer-close{top:25px;left:25px;width:32px;height:32px}.byob-drawer .byob-slots{gap:15px}.byob-drawer .byob-slot{width:102px;height:102px}.byob-drawer .byob-slot img{padding:4px}.byob-drawer .byob-step-panel{padding:32px 120px 60px}.byob-drawer .byob-product-grid{grid-template-columns:repeat(4,1fr)}.byob-drawer .byob-bundle-summary{display:flex}.byob-drawer .byob-add-to-cart-btn{width:auto}.byob-drawer .byob-slots-float__images img{width:72px;height:72px}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/byob-drawer.css.map */