.product-refill-selector{margin-bottom:2rem}.refill-optional-items-section h4{font-size:1.6rem;margin-bottom:.25rem;font-weight:500}.refill-discount-text{font-size:1.2rem;margin-top:0;margin-bottom:1rem;font-weight:500}.refill-optional-items{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}@media screen and (max-width: 768px){.refill-optional-items{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 480px){.refill-optional-items{grid-template-columns:repeat(3,1fr);gap:.5rem}.refill-optional-item{padding:.5rem}.refill-optional-name{font-size:1.3rem}.refill-optional-price{font-size:1.3rem;font-weight:500}}.refill-optional-item{border:1px solid #e8e8e8;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;background-color:#fff;position:relative}.refill-optional-item:hover{box-shadow:0 3px 10px #0000001a;transform:translateY(-2px)}.refill-optional-item.selected{border-color:#000;background-color:#00000008}.refill-optional-item.out-of-stock{cursor:not-allowed;position:relative;pointer-events:none}.refill-optional-item.out-of-stock .refill-info-button,.refill-optional-item.out-of-stock .refill-info-popup{pointer-events:auto;cursor:pointer}.refill-optional-item.out-of-stock>*:not(.refill-info-button):not(.refill-info-popup){opacity:.8}.refill-out-of-stock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:5;border-radius:8px}.refill-out-of-stock-text{color:#fff;font-weight:600;font-size:1.3rem;padding:4px 8px}.refill-optional-image{position:relative;margin-bottom:.5rem;border-radius:4px;overflow:hidden;height:150px;width:100%;display:flex;align-items:center;justify-content:center}.refill-optional-image img{width:100%;height:100%;object-fit:cover;object-position:center}.refill-optional-placeholder{background-color:#f5f5f5;color:#666;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;height:100%;font-size:.85rem;width:100%}.refill-optional-name{font-size:1.3rem;font-weight:500;margin-bottom:.25rem;padding:0em 1rem .1rem;text-align:center;display:flex;justify-content:center;align-items:center;min-height:3rem;overflow:hidden}.refill-optional-overlay{position:absolute;top:0;right:0;padding:.5rem}.refill-selection-indicator{width:20px;height:20px;border-radius:50%;background-color:#fff;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.selected .refill-selection-indicator{background-color:#000;border-color:#000}.refill-checkbox{opacity:0;width:10px;height:10px;background-color:#fff;transition:all .2s ease}.selected .refill-checkbox{opacity:1}.refill-optional-price{font-size:1.3rem;font-weight:500;color:#000;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:0 1rem}.refill-optional-price-original{text-decoration:line-through;color:#777;font-size:1.2rem;display:inline-flex;justify-content:center;align-items:center}.refill-optional-price-discounted{font-weight:700;color:#000;display:inline-flex;justify-content:center;align-items:center}.refill-info-button{position:absolute;top:8px;right:8px;width:24px;height:24px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 2px 4px #0000001a}.refill-info-button svg{width:16px;height:16px;stroke:#000}.refill-info-popup.active{display:block}.refill-info-popup-title{font-weight:600;margin-bottom:8px;font-size:14px;color:#000}.refill-info-popup-description{font-size:13px;line-height:1.4;color:#555}.refill-info-button,.refill-info-popup{pointer-events:auto;cursor:pointer;z-index:300}.refill-info-popup{display:none;position:absolute;top:36px;right:8px;background-color:#fff!important;border-radius:8px;padding:16px;width:220px;box-shadow:0 0 0 99999px #fff inset,0 4px 10px #0003;z-index:300;text-align:left;border:1px solid #e8e8e8;opacity:1!important;transform:translateZ(0);isolation:isolate}.refill-product-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}body.refill-modal-open{overflow:hidden;position:relative}@media screen and (max-width: 768px){body.refill-modal-open:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:995}}.refill-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;cursor:pointer;z-index:999}.refill-modal-content{position:relative;background-color:#fff;max-width:90%;width:500px;max-height:90vh;border-radius:10px;padding:30px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;z-index:1001;overflow-y:auto;transform:scale(.95);transition:transform .3s}.refill-modal-close{position:absolute;top:15px;right:15px;background:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000001a;transition:background-color .2s;z-index:5}.refill-modal-close:hover{background-color:#f5f5f5}.refill-modal-image-container{width:100%;display:flex;flex-direction:column;align-items:flex-start}.refill-modal-image-gallery{display:flex;gap:5px;width:100%;overflow-x:auto;scrollbar-width:thin;flex-direction:row;flex-wrap:nowrap}.refill-modal-image-item{border-radius:6px;overflow:hidden;height:270px;position:relative;box-shadow:0 2px 5px #0000001a;flex-shrink:0}.refill-modal-image-item img{width:100%;height:100%;object-fit:contain;object-position:center}@media screen and (max-width: 768px){.refill-modal-content{width:95%;padding:20px;max-height:95vh;overflow-y:auto}.refill-modal-title{font-size:1.7rem}.refill-modal-image-gallery{flex-direction:row;gap:10px;margin-bottom:15px;padding-bottom:5px}.refill-modal-image-item{min-width:calc(50% - 5px);width:calc(50% - 5px);height:180px}.refill-modal-description{font-size:1.3rem}}.refill-modal-title{font-size:2rem;font-weight:600;margin-bottom:10px;color:#000;text-align:left}.refill-modal-price{display:flex;align-items:center;gap:10px;margin-bottom:15px;text-align:left}.refill-modal-price-discounted{font-size:1.5rem;font-weight:700;color:#000}.refill-modal-price-original{font-size:1.3rem;text-decoration:line-through;color:#777}.refill-modal-discount-badge{background-color:#000;color:#fff;font-size:1.3rem;font-weight:700;padding:4px 6px;border-radius:4px;margin-left:5px}.refill-modal-description{font-size:1.4rem;line-height:1.5;color:#555;text-align:left;padding-right:10px}.refill-modal-content::-webkit-scrollbar,.refill-modal-image-gallery::-webkit-scrollbar,.refill-modal-description::-webkit-scrollbar{width:5px;height:5px}.refill-modal-content::-webkit-scrollbar-track,.refill-modal-image-gallery::-webkit-scrollbar-track,.refill-modal-description::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.refill-modal-content::-webkit-scrollbar-thumb,.refill-modal-image-gallery::-webkit-scrollbar-thumb,.refill-modal-description::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.refill-modal-content::-webkit-scrollbar-thumb:hover,.refill-modal-image-gallery::-webkit-scrollbar-thumb:hover,.refill-modal-description::-webkit-scrollbar-thumb:hover{background:#555}@media screen and (max-width: 768px){.refill-modal-content{width:95%;padding:20px}.refill-modal-title{font-size:1.7rem}.refill-modal-image-container{max-height:200px}.refill-modal-description{font-size:1.4rem}}.refill-product-modal.active{visibility:visible;opacity:1}.refill-product-modal.active .refill-modal-content{transform:scale(1)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-product-refill.css.map */