/* modal.css */
.drm-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); overflow: auto; }
.drm-modal.active { display: block; }
.drm-modal-content {
    background: white; margin: 5% auto; padding: 20px; width: 90%; max-width: 600px;
    border-radius: 12px; position: relative; direction: rtl; text-align: right;
}
.drm-close {
    position: absolute; top: 10px; left: 15px; font-size: 28px; cursor: pointer; color: #aaa;
}
.drm-modal img { width: 100%; border-radius: 8px; margin: 15px 0; }
.drm-modal-price del { color: #999; margin-left: 10px; }
.drm-modal-price ins { color: #dc143c; text-decoration: none; font-weight: bold; }