.atv-wrapper-550 .tabs-nav { display: flex; border-bottom: 2px solid #eee; margin-bottom: 20px; }
.atv-wrapper-550 .tab-btn { background: none; border: none; padding: 10px 20px; cursor: pointer; font-weight: bold; color: #aaa; border-bottom: 3px solid transparent; text-transform: uppercase; transition: 0.3s; font-size: 13px; }
.atv-wrapper-550 .tab-btn.active { color: #222; border-bottom-color: #ff671f; }
.atv-wrapper-550 .tab-panel { display: none; }
.atv-wrapper-550 .tab-panel.active { display: block; }
.atv-wrapper-550 .data-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #f9f9f9; }
.atv-wrapper-550 .label { color: #888; flex: 1; font-size: 14px; }
.atv-wrapper-550 .value { font-weight: 600; flex: 1.2; color: #222; font-size: 14px; }
.atv-wrapper-550 .main-flex { display: flex; flex-wrap: wrap; align-items: flex-start; }
.atv-wrapper-550 .left-side { flex: 1.3; min-width: 300px; padding-right: 30px; }
.atv-wrapper-550 .right-side { flex: 1; min-width: 300px; text-align: center; }
.atv-wrapper-550 .btn-orange { display: inline-block; margin-top: 30px; padding: 15px 30px; background: #ff671f; color: #fff !important; text-decoration: none; font-weight: bold; border-radius: 4px; text-transform: uppercase; font-size: 13px; }
@media (max-width: 768px) { .atv-wrapper-550 .main-flex { flex-direction: column-reverse; } .atv-wrapper-550 .left-side { padding-right: 0; } }
function tabHandler550(btn, tabId) {
const wrapper = btn.closest(‘.atv-wrapper-550’);
wrapper.querySelectorAll(‘.tab-panel’).forEach(p => p.classList.remove(‘active’));
wrapper.querySelectorAll(‘.tab-btn’).forEach(b => b.classList.remove(‘active’));
wrapper.querySelector(‘#’ + tabId).classList.add(‘active’);
btn.classList.add(‘active’);
}
