.zarin-main-container { direction: rtl; width: 100%; border-top: 1px solid #f0f0f2; padding: 5px 0; margin: 0; } .zarin-flex-row { display: flex; align-items: center; justify-content: space-between; list-style: none !important; padding: 0 !important; margin: 0 !important; } .zarin-col { display: flex; flex-direction: column; align-items: center; flex: 1; border-left: 1px solid #f0f0f2; } .zarin-col:last-child { border-left: none; flex: 1.6; align-items: flex-end; padding-right: 8px; } .zarin-val { font-size: 17px; font-weight: 700; line-height: 1.5; } .zarin-blue { color: #1976d2; } .zarin-green { color: #0dbd5d; } .zarin-lab { font-size: 12px; color: #81858b; margin-top: 4px; } .zarin-price-stack { display: flex; flex-direction: column; gap: 4px; width: 100%; } .zarin-top-price-row { display: flex; align-items: center; gap: 8px; justify-content: flex-end; height: 22px; } .zarin-old-amt { color: #c4c4c4; font-size: 13px; text-decoration: line-through; } .zarin-badge-new { background: #ef394e; color: #fff; border-radius: 6px; font-size: 14px; padding: 4px 5px 2px; font-weight: 600; line-height: 1; box-shadow: 3px 1px 4px #f1455942; } .zarin-bottom-price-row { display: flex; align-items: center; gap: 4px; justify-content: flex-end; width: 100%; } .zarin-final-amt { font-size: 20px; font-weight: 700; color: #212121; letter-spacing: -0.5px; } .zarin-free-text { font-size: 18px; } .zarin-curr { font-size: 19px; color: #67788b; font-weight: 600; } .zarin-invisible { visibility: hidden; } @media (max-width: 768px) { .zarin-main-container { padding: 10px 0; } .zarin-val { font-size: 16px; } .zarin-final-amt { font-size: 18px; } .zarin-free-text { font-size: 16px; } .zarin-lab { font-size: 11px; } .zarin-badge-new { font-size: 11px; padding: 2px 6px; } .zarin-col { padding: 0 4px; } }