/* فریم اصلی پلیر را هدف قرار می‌دهیم */
audio, video {
    width: 100%;
    border-radius: 40px; /* گوشه‌های گرد */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* سایه نرم */
    outline: none;
    margin: 10px 0;
}

    /* شخصی‌سازی برای مرورگرهای مبتنی بر WebKit (مثل کروم و اج) */
    audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
        background-color: #f3f4f6; /* رنگ پس‌زمینه ملایم */
    }

    /* تغییر رنگ دکمه‌ها */
    audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
        background-color: #4f46e5; /* رنگ بنفش شاخص */
        border-radius: 50%;
        transform: scale(0.9); /* کمی کوچک‌تر کردن */
    }

    /* تغییر نوار زمان */
    audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
        background-color: #e2e8f0;
        border-radius: 10px;
        height: 4px;
    }

    audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display,
    audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
        color: #1f2937; /* رنگ متن تیره */
    }