.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding-top:1.25rem;pointer-events:auto}.popup-content{max-height:100%;transition:transform .5s ease-in-out;position:relative;overflow-x:hidden;pointer-events:auto;border-radius:1rem 1rem 0 0;width:100%;background:#fff;transform:translateY(100%)}.popup-close{background:transparent;position:absolute;top:0;right:15px;z-index:10;border:none;outline:none;width:2.25rem;height:2.25rem;color:#000;cursor:pointer}.popup-media{position:relative;overflow:hidden;width:100%;aspect-ratio:4/3}.extras-btn{position:absolute;left:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.25rem;z-index:1;border:none;color:#fff;font-size:.875rem;cursor:pointer;background:linear-gradient(235.13deg,#d89571 12.55%,#ebb598 50.79%,#d89571 75.7%);border-radius:99999px;padding:4px 4px 4px 8px}.extras-icon{border-radius:50%;background:#fff;color:#d89571;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700}.popup-image-slider{display:flex;flex-wrap:nowrap;transition:transform .5s ease-in-out;transform:translate(calc((var(--current-image-index, 0)) * -100%));position:absolute;top:0;left:0;height:100%;width:100%}.popup-slide-container{position:relative;width:100vw;height:100%;flex-shrink:0;flex-basis:100%;background-image:radial-gradient(64.4% 64.4% at 50% 50%,#fff 60%,#f7f7f7 90%);min-width:0}.popup-slide-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;display:block;z-index:2;max-width:100vw;max-height:100vh}.popup-slider-navigation{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:10;opacity:1;transition:opacity .3s ease;pointer-events:auto}.popup-slider-prev,.popup-slider-next{width:24px;height:24px;border:none;border-radius:50%;background:#f0f0f0;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.popup-slider-prev:hover,.popup-slider-next:hover{background:#fff;color:#333}.popup-slider-counter{display:flex;align-items:center;background:#f0f0f0;border-radius:12px;height:24px;font-size:10px;font-weight:500;color:#666;min-width:45px;justify-content:center}.popup-current-index{color:#333;font-weight:600}.popup-separator{margin:0 4px;color:#999}.popup-total-count{color:#666}.popup-content-body{padding:1.25rem;position:relative;box-shadow:0 0 20px #0000001a}.product-details{padding:.625rem 0 1rem}.product-header{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.625rem}.product-info{flex-grow:1}.product-pricing{display:flex;gap:.375rem;flex-wrap:wrap;align-items:center}.price{font-size:1.125rem;line-height:1;color:#000;font-weight:500}.mpc-prd-swatches{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem;padding:0 .25rem}.product-options{margin-bottom:.625rem;position:relative}.options-grid{overflow:hidden;position:relative;margin:0 -1.25rem;padding:0 1.25rem;display:flex;gap:.5rem}.option-btn{position:relative;transition:all .3s;width:calc(33.333% - .333rem);min-width:calc(33.333% - .333rem);padding:.75rem .75rem .5rem;cursor:pointer;overflow:hidden;border-radius:.5rem;background:transparent;border:1px solid #e5e7eb;min-height:6.5rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.option-icon{height:3rem;display:flex;align-items:center;justify-content:center}.option-name{display:flex;width:100%;align-items:center;justify-content:center;margin-top:-.125rem;height:1.625rem;font-size:.875rem;line-height:1;color:#6b7280;font-family:Proxima Nova Condensed,sans-serif}.action-buttons{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.btn{border-radius:9999px;font-size:12px;font-weight:600;line-height:1.25;padding:.75rem;text-align:center;min-height:3rem;display:flex;justify-content:center;align-items:center;text-decoration:none;border:2px solid;transition:all .2s;cursor:pointer}.btn-outline{flex-basis:33.333%;flex-grow:1;background:#fff;color:#000;border-color:#000}.btn-outline:hover{background:#f9fafb}.btn-primary{flex-basis:60%;flex-grow:1;background:#000;color:#fff;border-color:#000;gap:.25rem;white-space:nowrap;position:relative;overflow:hidden}.btn-primary:hover{background:#374151}#priceSortSelect_mobile{display:none}@media (max-width: 768px){#priceSortSelect_mobile{display:block}.popup-overlay{display:flex}}@media (min-width: 769px){.popup-overlay{display:none}}.mobile-extras-drawer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;visibility:hidden;opacity:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:20px}.mobile-extras-drawer.is-open{visibility:visible;opacity:1}.mobile-extras-drawer__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;cursor:pointer}.mobile-extras-drawer__container{position:relative;width:100%;max-width:400px;max-height:80vh;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;transform:scale(.9);transition:transform .3s ease}.mobile-extras-drawer.is-open .mobile-extras-drawer__container{transform:scale(1)}.mobile-extras-drawer__header{padding:10px 10px 5px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid #ddd}.mobile-extras-drawer__title{margin:0;font-size:18px;font-weight:600;color:#333}.mobile-extras-drawer__close{background:none;border:none;padding:8px;cursor:pointer;border-radius:4px;transition:background-color .2s}.mobile-extras-drawer__close:hover{background:#f8f9fa}.mobile-extras-drawer__close svg{width:12px;height:12px}.mobile-extras-drawer__content{flex:1;padding:20px;overflow-y:auto;max-height:50vh;background-color:#f6f6f9}.mobile-extras-products-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.mobile-extras-loading{text-align:center;padding:40px 20px;color:#666;font-size:16px;font-weight:500}.mobile-extras-empty{text-align:center;padding:40px 20px;color:#999;font-size:16px;font-weight:500}.mobile-extras-error{text-align:center;padding:40px 20px;color:#dc3545;font-size:16px;font-weight:500}.mobile-extras-option-card{width:calc(50% - 5px);display:flex;flex-direction:column;align-items:center;padding:16px;border:1px solid #e9ecef;border-radius:8px;transition:all .2s;background:#fff;position:relative;gap:12px}.mobile-extras-option-card.selected{border-color:#d89571}.mobile-extras-option-card__image{position:relative;width:50%;height:auto;overflow:hidden;flex-shrink:0}.mobile-extras-option-card__image img{width:100%;height:100%;object-fit:cover}.mobile-extras-option-card__title{margin:0;font-size:14px;font-weight:600;color:#333;flex:1}.mobile-extras-option-card__button{padding:7px 10px;width:100%;border-radius:9999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0;border:none}.mobile-extras-option-card__button span{pointer-events:none}.mobile-extras-option-card__button--add{background-image:linear-gradient(to top right,#d89751,#ebb598,#d89571);color:#fff}.mobile-extras-option-card__button--remove{background:#b3b3b3;color:#fff}.mobile-extras-option-card__button--cancel{background:#b3b3b3}.mobile-extras-option-card.selected .mobile-extras-option-card__button--add{background:#d89571;border-color:#d89571;color:#fff}.mobile-extras-option-card.selected .mobile-extras-option-card__button--cancel{background:#b3b3b3}.mobile-extras-drawer__footer{padding:20px;border-top:1px solid #e9ecef;flex-shrink:0}.mobile-extras-drawer__summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px}.mobile-extras-drawer__actions{display:flex;gap:10px}.mobile-extras-drawer__cancel,.mobile-extras-drawer__select-upgrade{flex:1;padding:10px;border-radius:9999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.mobile-extras-drawer__cancel{border:1px solid #000;background:#fff;color:#000}.mobile-extras-drawer__cancel:hover{background:#f8f9fa}.mobile-extras-drawer__select-upgrade{border:none;background:#000;color:#fff}.mobile-extras-drawer__select-upgrade:hover:not(:disabled){background:#333}.mobile-extras-drawer__select-upgrade:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mobile-product-popup.css.map */