.product-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s cubic-bezier(.4,0,.2,1)}.product-modal.open{opacity:1;visibility:visible;pointer-events:auto}.product-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.product-modal__content{position:relative;background:#0a0e17f7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:94%;height:92%;max-width:1100px;max-height:90vh;margin:auto;border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px -20px #000c;overflow:hidden;display:flex;flex-direction:column;transform:translateY(12px) scale(.98);transition:transform .4s cubic-bezier(.19,1,.22,1);z-index:1}.product-modal.open .product-modal__content{transform:translateY(0) scale(1)}.product-modal__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;overscroll-behavior:contain}.product-modal__body::-webkit-scrollbar{width:6px}.product-modal__body::-webkit-scrollbar-track{background:transparent}.product-modal__body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.product-modal__body::-webkit-scrollbar-thumb:hover{background:#ffffff40}.product-modal__close{position:absolute;top:20px;right:20px;z-index:100;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.product-modal__close:hover{background:#ffffff26;border-color:#fff3;transform:scale(1.08)}.product-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:100;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.19,1,.22,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.product-modal__nav:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-50%) scale(1.1)}.product-modal__nav--prev{left:16px}.product-modal__nav--next{right:16px}.product-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px}.product-modal__image-wrapper{position:relative;padding-bottom:100%;border-radius:12px;overflow:hidden;background:var(--color-bg-soft, #0d1117)}.product-modal__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.product-modal__info{display:flex;flex-direction:column;gap:24px}.product-modal__price-wrapper{display:flex;align-items:center;gap:12px}.product-modal__price{color:var(--color-accent);font-weight:600}.product-modal__compare-price{color:var(--color-text-muted);text-decoration:line-through}.product-modal__actions{display:flex;gap:16px;margin-top:auto}.product-modal__quantity{display:flex;align-items:center;border:1px solid var(--color-border, rgba(255,255,255,.1));border-radius:8px;overflow:hidden}.quantity-btn{width:40px;height:48px;background:none;border:none;color:var(--color-text, #fff);cursor:pointer;font-size:18px;transition:background .15s ease}.quantity-btn:hover{background:#ffffff0d}.quantity-input{width:40px;height:48px;background:none;border:none;color:var(--color-text, #fff);text-align:center;font-size:16px;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.product-modal__loading{display:flex;align-items:center;justify-content:center;min-height:400px}.skeleton-loader{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:60px 40px;max-width:1200px;margin:0 auto}.skeleton-image{aspect-ratio:1;background:linear-gradient(110deg,#ffffff0a 8%,#ffffff14 18%,#ffffff0a 33%);background-size:200% 100%;animation:skeleton-shimmer 1.5s linear infinite;border-radius:12px}.skeleton-content{display:flex;flex-direction:column;gap:16px;padding-top:20px}.skeleton-text{height:16px;background:linear-gradient(110deg,#ffffff0a 8%,#ffffff14 18%,#ffffff0a 33%);background-size:200% 100%;animation:skeleton-shimmer 1.5s linear infinite;border-radius:6px}.skeleton-title{width:70%;height:28px}.skeleton-price{width:30%;height:22px}.skeleton-btn{width:100%;height:48px;margin-top:16px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.product-modal .error,.quick-view-error{text-align:center;padding:80px 40px;color:#ffffff80;font-size:1rem}button.loading{position:relative;pointer-events:none;opacity:.7}button.loading span:first-child{visibility:hidden}button.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-spinner{display:none}button.loading .btn-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.product-modal__content{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;border:none}.product-modal__close{top:12px;right:12px;width:40px;height:40px}.product-modal__nav{width:36px;height:36px}.product-modal__nav--prev{left:8px}.product-modal__nav--next{right:8px}.product-modal__grid,.skeleton-loader{grid-template-columns:1fr;padding:24px 16px;gap:24px}}
/*# sourceMappingURL=/cdn/shop/t/321/assets/product-modal.css.map */