/* Modal Base */
.giftcard-modal {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    z-index: 99999; opacity: 0; visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.giftcard-modal.active {
    opacity: 1; visibility: visible;
}
.giftcard-modal-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
}
.giftcard-modal-container {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    background: #F8F9FA !important; width: 90%; max-width: 530px; max-height: 90vh;
    overflow-y: auto; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    padding: 16px;
}
.giftcard-modal-close {
    position: absolute; top: 16px; right: 16px; font-weight: 400 !important; padding: 0 !important;  font-size: 32px !important; background: none !important;
    border: none !important; cursor: pointer !important; color: #000 !important;
}
.giftcard-popup-body {
    display: flex; flex-wrap: wrap; gap: 16px; margin: 8px 0;
}
.giftcard-popup-image { flex: 0 0 100%; min-width: 200px; }
.giftcard-popup-image img { width: 100%; height: auto; border-radius: 4px; }
.giftcard-popup-details { flex: 1; min-width: 200px; }
.giftcard-popup-details p.price { font-size: 1.2em; font-weight: bold; margin: 10px 0; }
.gc-loading, .gc-error { text-align: center; padding: 20px; color: #666; }
.gc-error { color: #d9534f; }

/* Responsive */
@media (max-width: 600px) {
    .giftcard-popup-body { flex-direction: column; }
    .giftcard-modal-container { width: 95%; padding: 15px; }
}