.modal-overlay[data-v-a2384285]{align-items:center;background:#000000a6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-box[data-v-a2384285]{animation:fadeIn-a2384285 .3s ease;background:#f6f6f6;border-radius:8px;max-height:90vh;max-width:900px;overflow-y:auto;padding:1.5rem;position:relative;width:90%}.info-box[data-v-a2384285]{width:100%}.close-btn[data-v-a2384285]{background:#eee;border:none;border-radius:50%;cursor:pointer;font-size:18px;height:35px;position:absolute;right:20px;top:20px;width:35px;z-index:10}.modal-content[data-v-a2384285]{background:#f6f6f6;display:flex;flex-direction:row;gap:2rem}.img-box img[data-v-a2384285]{border-radius:8px;height:300px;-o-object-fit:cover;object-fit:cover;width:300px}.info-box h2[data-v-a2384285]{font-size:28px}.price .old[data-v-a2384285]{color:#888;margin-right:8px;text-decoration:line-through}.stock .dot[data-v-a2384285]{background:#2ecc71;border-radius:50%;display:inline-block;height:10px;margin-right:5px;width:10px}.quantity-box[data-v-a2384285]{align-items:center;display:flex;gap:1rem}.quantity-box button[data-v-a2384285]{background:#fff;border:none;border-radius:50%;font-size:20px;height:35px;width:35px}.add-btn[data-v-a2384285]{background:transparent;border:1px solid #198754;border-radius:3px;color:#198754;font-weight:600;letter-spacing:.5px;padding:.6rem 2.5rem;transition:.2s}.add-btn[data-v-a2384285]:hover{background:#198754;color:#fff}@keyframes fadeIn-a2384285{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.modal-box[data-v-a2384285]{max-width:95%;padding:15px}.modal-content[data-v-a2384285]{flex-direction:column;gap:1rem}.img-box img[data-v-a2384285]{height:200px;max-width:100%}.info-box h2[data-v-a2384285]{font-size:1.2rem}}