@font-face {
    font-family: 'Vazir';
    src: url('../fonts/Vazir.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.baran-pay-box {
    background: linear-gradient(135deg, #6a0dad, #00d4ff);
    color: #fff;
    padding: 18px;
    border-radius: 16px;
    margin: 20px 0;
    font-family: 'Vazir', Tahoma, sans-serif;
    box-shadow: 0 10px 30px rgba(106,13,173,0.3);
    overflow: hidden;
    animation: baranFade 0.6s ease;
}

.baran-pay-box strong { color: #fff; }
.baran-pay-header { font-size: 1.2em; margin-bottom: 10px; display:flex; align-items:center; gap:8px; }
.baran-pay-preview-cart ul, .parts-list { margin:15px 0; padding-right:20px; }
.baran-pay-preview-cart li { margin:8px 0; }
.progress { height:12px; background:#ffffff33; border-radius:6px; overflow:hidden; margin:15px 0; }
.progress > div { height:100%; background:#fff; width:0; transition:width 1.2s ease; border-radius:6px; }
.parts-list li { padding:10px; background:#ffffff22; border-radius:8px; margin:8px 0; }
@keyframes baranFade { from{opacity:0;transform:translateY(-10px)} to{opacity:1;transform:none} }
.dashicons-info-outline:before { color:#fff; }