.bat-customizer-section{max-width:none!important;padding:0!important;margin:0!important}.bat-customizer{position:relative;width:100%;display:grid;grid-template-columns:1fr 400px;grid-template-rows:1fr auto}.bat-customizer__canvas{grid-column:1;grid-row:1 / -1;position:sticky;top:var(--header-height, 60px);height:calc(100vh - var(--header-height, 60px))}.bat-3d-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1a;overflow:hidden}#bat-3d-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}#bat-3d-canvas:active{cursor:grabbing}#bat-3d-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1a1a1abf;z-index:2;pointer-events:none}#bat-3d-spinner:after{content:"";width:36px;height:36px;border:3px solid #555;border-top-color:#ccc;border-radius:50%;animation:bat-spin .7s linear infinite}@keyframes bat-spin{to{transform:rotate(360deg)}}.bat-3d-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:11px;color:#999;pointer-events:none;white-space:nowrap;transition:opacity .4s}.bat-3d-wrapper.interacted .bat-3d-hint{opacity:0}.bat-3d-reset{position:absolute;bottom:135px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1f;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s,background .2s,color .2s;z-index:3}.bat-3d-wrapper.interacted .bat-3d-reset{opacity:1;pointer-events:auto}.bat-3d-reset:hover{background:#ffffff38;color:#fff}.bat-randomize-btn{position:absolute;bottom:90px;right:104px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1f;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:3}.bat-randomize-btn:hover{background:#ffffff38;color:#fff}.bat-share-btn{position:absolute;bottom:90px;right:58px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1f;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:3}.bat-share-btn:hover{background:#ffffff38;color:#fff}.bat-zoom-btn{position:absolute;bottom:90px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1f;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:3}.bat-zoom-btn:hover{background:#ffffff38;color:#fff}.bat-zoom-btn.is-active{background:#c9a84c4d;color:#c9a84c;box-shadow:0 0 0 2px #c9a84c}.bat-zoom-btn--handle{left:calc(50% - 40px)}.bat-zoom-btn--barrel{left:calc(50% + 4px)}.bat-stats-toggle{position:absolute;bottom:90px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1f;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:3}.bat-stats-toggle:hover{background:#ffffff38;color:#fff}.bat-stats-toggle.is-active{background:#c9a84c40;color:#c9a84c}.bat-font-preload{font-family:Mr Dafoe,cursive;position:absolute;visibility:hidden;pointer-events:none;font-size:0}.bat-stats-hud{position:absolute;top:30px;left:16px;pointer-events:none;display:flex;flex-direction:column;gap:8px;opacity:0;transition:opacity .6s;z-index:2}.bat-stats-hud.is-visible{opacity:1}.bat-stats-hud__item{display:flex;flex-direction:column;line-height:1.1}.bat-stats-hud__key{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffc617}.bat-stats-hud__value{font-family:Mr Dafoe,cursive;font-size:26px;font-weight:100;color:#fff}.bat-customizer__panel{grid-column:2;grid-row:1;background:rgb(var(--color-background));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid rgba(var(--color-foreground),.08);min-height:calc(100vh - var(--header-height, 60px) - 72px)}.bat-customizer__panel-scroll{padding:2rem 1.5rem}.bat-customizer__title h1{font-size:1.5rem;margin:0 0 1.5rem;line-height:1.2}.bat-customizer__footer{grid-column:1 / -1;position:sticky;bottom:0;z-index:10;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.75rem 1.5rem;background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.1);box-shadow:0 -2px 8px rgba(var(--color-foreground),.06)}.bat-customizer__info{margin-right:auto;font-size:.8rem;line-height:1.4;color:rgba(var(--color-foreground),.6)}.bat-customizer__footer-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.bat-customizer__price{flex-shrink:0}.bat-customizer__footer .price-item{font-weight:600;font-size:2.5rem}.bat-customizer__qty{flex-shrink:0}.bat-customizer__footer .product-form{margin:0}.bat-customizer__footer .product-form__buttons{max-width:240px}.bat-customizer__footer .product-form__submit{margin-bottom:0}.bat-customizer__footer .shopify-payment-button,.bat-customizer__below-info{display:none}@media screen and (max-width:749px){.bat-customizer__below-info{display:block;padding:1rem 1.5rem;font-size:.8rem;line-height:1.4;color:rgba(var(--color-foreground),.6)}}.bat-customizer__below{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.bat-accordion{border-bottom:1px solid rgba(255,255,255,.09)}.bat-accordion summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.bat-accordion summary::-webkit-details-marker{display:none}.bat-accordion__header{display:flex;flex-direction:column;gap:2px;min-width:0}.bat-accordion__title{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#888}.bat-accordion__selection{font-size:1.5rem;font-weight:500;color:rgb(var(--color-foreground));display:flex;align-items:center;gap:6px;max-height:2.5rem;overflow:hidden;transition:opacity .2s,max-height .25s ease}.bat-accordion__swatch{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.bat-accordion[open]:not(.is-closing) .bat-accordion__selection{opacity:0;max-height:0}.bat-accordion__icon{width:12px;height:12px;transition:transform .2s;flex-shrink:0}.bat-accordion[open] .bat-accordion__icon{transform:rotate(180deg)}.bat-accordion__inner{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.bat-accordion[open] .bat-accordion__inner{grid-template-rows:1fr}.bat-accordion.is-closing .bat-accordion__inner{grid-template-rows:0fr}.bat-accordion__content{overflow:hidden}.bat-accordion[open] .bat-accordion__content{padding-bottom:1rem}.bat-accordion__content .product-form__input{border:none;padding:0;margin:0 0 .75rem}.bat-accordion__content legend.form__label{height:0;overflow:hidden;margin:0;padding:0;border:0}.bat-color-swatches{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.product-form__input input[type=radio]+.bat-swatch{display:block;width:28px;height:28px;border-radius:50%;background-color:var(--swatch, #e0e0e0);border:2px solid rgba(0,0,0,.15);padding:0;margin:3px 2px;font-size:0;color:transparent;cursor:pointer;position:relative;transition:box-shadow .15s}.product-form__input input[type=radio]:checked+.bat-swatch{background-color:var(--swatch, #e0e0e0);color:transparent;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.product-form__input input[type=radio]+.bat-swatch--none{background:linear-gradient(-45deg,transparent calc(50% - 1px),#d63030 calc(50% - 1px),#d63030 calc(50% + 1px),transparent calc(50% + 1px)),#e0e0e0}.bat-accordion[open]:not(.is-closing) .bat-accordion__content,.bat-color-swatches{overflow:visible}.product-form__input input[type=radio]+.bat-swatch[data-tooltip]:before,.product-form__input input[type=radio]+.bat-swatch[data-tooltip]:after,.bat-3d-wrapper>button[data-tooltip]:before,.bat-3d-wrapper>button[data-tooltip]:after{position:absolute;left:50%;transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .15s;z-index:10}.product-form__input input[type=radio]+.bat-swatch[data-tooltip]:before,.bat-3d-wrapper>button[data-tooltip]:before{content:attr(data-tooltip);top:auto;right:auto;bottom:calc(100% + 6px);background:#fff;color:#000;font-size:12px;line-height:1;padding:5px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 1px 4px #00000026}.product-form__input input[type=radio]+.bat-swatch[data-tooltip]:after,.bat-3d-wrapper>button[data-tooltip]:after{content:"";top:-6px;right:auto;bottom:100%;border:5px solid transparent;border-top-color:#fff}.product-form__input input[type=radio]+.bat-swatch[data-tooltip]:hover:before,.product-form__input input[type=radio]+.bat-swatch[data-tooltip]:hover:after,.bat-3d-wrapper>button[data-tooltip]:hover:before,.bat-3d-wrapper>button[data-tooltip]:hover:after{opacity:1}.bat-special-field__hint{display:block;font-size:1.25rem;color:#888;margin-bottom:.5rem}.bat-engraving-input,.bat-comments-input{width:100%;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.15);border-radius:4px;font-size:1.45rem;font-family:inherit;background:#fff}.bat-comments-input{resize:vertical;min-height:60px}.bat-customizer__progress,.bat-step-arrow{display:none}@media screen and (max-width:749px){.bat-customizer{display:flex;flex-direction:column;overflow-x:clip}.bat-customizer__canvas{position:sticky;top:var(--header-height, 60px);height:45vh;width:100%}.bat-3d-wrapper{border-radius:0}.bat-customizer__panel{border-left:none;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:auto;position:relative}.bat-customizer__panel-scroll{padding:0}.bat-stats-hud__key{font-size:12px}.bat-stats-hud__value{font-size:18px}.bat-zoom-btn,.bat-randomize-btn,.bat-share-btn,.bat-stats-toggle{bottom:10px}.bat-3d-reset{bottom:55px}.bat-customizer__progress{display:flex;gap:3px;padding:.75rem 1.5rem;position:relative;cursor:pointer}.bat-customizer__progress-bar{display:block!important;flex:1;height:4px;border-radius:2px;background:#1e1e1e;transition:background .25s}.bat-customizer__progress-bar.active{background:#c9a84c}.bat-step-arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:calc(1.5rem + 60px);bottom:40px;width:15px;border:none;background:#c9a84c;color:#fff;cursor:pointer;z-index:5;padding:0;transition:opacity .2s}.bat-step-arrow--prev{left:0;border-radius:0 3px 3px 0}.bat-step-arrow--next{right:0;border-radius:3px 0 0 3px}.bat-step-arrow svg{width:8px;height:12px}.bat-customizer__steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bat-customizer__steps::-webkit-scrollbar{display:none}.bat-customizer__step{flex:0 0 100%;scroll-snap-align:start;padding:1rem 2.35rem;box-sizing:border-box}.bat-customizer__step .bat-accordion{border:none}.bat-customizer__step .bat-accordion summary{pointer-events:none}.bat-customizer__step .bat-accordion__icon,.bat-customizer__step .bat-accordion__selection{display:none}.bat-customizer__step .bat-accordion__content{padding:0}.bat-step-popover-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.bat-step-popover-overlay.open{display:block}.bat-step-popover{position:absolute;bottom:calc(100% + 6px);left:10px;right:10px;max-width:400px;margin:0 auto;background:#000;border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 8px 32px #0009;transform-origin:bottom center;transform:scale(.85);opacity:0;pointer-events:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .15s ease}.bat-step-popover.open{transform:scale(1);opacity:1;pointer-events:auto}.bat-step-popover__list{overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bat-step-popover__list::-webkit-scrollbar{display:none}.bat-step-popover__item{padding:14px 20px;border-bottom:1px solid #333;color:#fff;font-size:15px;cursor:pointer;user-select:none;-webkit-user-select:none}.bat-step-popover__item:last-child{border-bottom:none}.bat-step-popover__item.active{background:#c9a84c;color:#000}.bat-customizer__title{padding:1rem 1.5rem 0}.bat-customizer__footer{flex-wrap:wrap;padding:.5rem 1rem;gap:0}.bat-customizer__footer .bat-customizer__info{display:none}.bat-customizer__footer-actions{flex-wrap:wrap;width:100%;gap:.5rem}.bat-customizer__footer .bat-customizer__price{flex-basis:100%;font-size:1.2rem}.bat-customizer__footer .bat-customizer__qty{flex:1 1 0;min-width:0}.bat-customizer__footer .bat-customizer__qty .quantity{width:100%}.bat-customizer__footer .product-form{flex:1 1 0;min-width:0}.bat-customizer__footer .product-form__buttons{max-width:none}.bat-customizer__footer .product-form__submit{width:100%}.bat-customizer__footer .price--large{font-size:2.25rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/bat-customizer.css.map */