.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:min(100vh,100%);overflow:auto;background-color:#0006;opacity:0;transition:opacity .3s ease;transform:translateY(0)}.modal.active{display:flex!important;justify-content:center;align-items:center;opacity:1}.modal.active .modal-content{transform:translateY(0)}.modal .modal-content{border-radius:10px;background-color:#fecc45;margin:20px auto;padding:0;width:90%;max-width:1000px;box-shadow:0 4px 8px #00000080;transform:translateY(0);transition:transform .3s ease}.modal .close{position:absolute;right:-10px;top:-13px;color:#333;font-size:28px;font-weight:700;cursor:pointer}.modal .modal-inner{display:flex;flex-direction:row;max-height:90vh;overflow-y:auto}@media (max-width: 767px){.modal .modal-inner{flex-direction:column}}.product-left{flex:1;padding:10px 30px}@media (min-width: 768px){.product-left{padding:30px 20px}}.product-right{flex:1;padding:0 20px 20px;display:flex;flex-direction:column}.product-right .variant-selector{margin-bottom:0;width:100%}@media (min-width: 768px){.product-right .variant-selector{width:80%}}.product-right .product-info .price{margin-top:.2em;font-size:18px}.product-right .product-info .price .price__sale{display:none}.product-right .product-info:has(#productPriceSale:not(:empty)) .price-item--regular{text-decoration:line-through}.product-right .product-info:has(#productPriceSale:not(:empty)) .price__sale{display:block}@media (min-width: 768px){.product-right{padding:30px 20px 20px}.product-right h2{font-size:1.3em}}.product-media{position:relative}.product-image-main{width:100%;margin-bottom:10px}.product-image-main img{width:100%;height:auto;object-fit:cover}.product-description{margin:15px 0;font-size:14px;line-height:1.5}@media (max-width: 767px){.product-description{display:none}}.variant-selector{margin-bottom:20px}.variant-group{margin-bottom:15px}.variant-label{display:block;margin-bottom:5px;font-weight:500}.variant-select{width:100%;padding:10px;border:1px solid #ddd;background-color:#fff;font-size:14px}.quantity-selector{margin-bottom:20px}.quantity-selector label{display:block;margin-bottom:5px;font-weight:500}.quantity-selector .quantity-wrapper{display:flex;border:1px solid #ddd;width:fit-content}.quantity-selector #quantity{width:40px;text-align:center;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;height:44px;font-size:14px}@media (min-width: 768px){.quantity-selector #quantity{width:60px;text-align:center;padding-inline:.2em}}.quantity-selector .quantity-btn{background:none;border:none;width:40px;height:44px;font-size:16px;cursor:pointer;background-color:#ffffffb3;transition:background-color .1s}.quantity-selector .quantity-btn:hover{background-color:#ffffffe6}.add-to-cart-btn{width:100%;padding:12px 20px;background-color:#333;color:#fff;border:none;font-size:16px;cursor:pointer;transition:background-color .2s}.add-to-cart-btn:hover{background-color:#555}.view-details-link{display:block;margin-top:15px;text-align:center;color:#333;text-decoration:none;font-size:14px}.spf-product-card__inner:hover .open-product-modal{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}.open-product-modal__container{position:relative;display:flex;margin:0;padding:0;flex-wrap:wrap;z-index:2;position:absolute;bottom:0;width:100%}.open-product-modal__container .open-product-modal{-webkit-transform:translateY(103%) translateZ(0);transform:translateY(103%) translateZ(0);transition:-webkit-transform .3s ease,transform .3s ease;width:100%;position:relative;text-align:center;letter-spacing:.3px;border-radius:2px;outline:0;text-shadow:none;text-decoration:none;vertical-align:middle;-webkit-transition:color .25s,background-color .25s,border-color .25s,opacity .25s,-webkit-box-shadow .25s;transition:color .25s,background-color .25s,border-color .25s,box-shadow .25s,opacity .25s,-webkit-box-shadow .25s;overflow:hidden;display:block;line-height:38px;height:38px;padding:0 10px;margin:0;color:#fecc45!important;border:1px solid #333333!important;background:#333!important;font-size:14px;font-family:inherit;font-weight:400;font-style:normal;text-transform:none}@media (pointer: coarse){.open-product-modal__container .open-product-modal{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}}.open-product-modal__container .open-product-modal:hover{color:#fecc45!important;border:1px solid #000000!important;background:#4f4f4f!important}
/*# sourceMappingURL=/cdn/shop/t/23/assets/product-modal.css.map */