:root{--accent:#ffcc02;--bg-light:#f8f8f8;--border:#e3e3e3;--text:#424242;--radius:20px;--radius-sm:12px;--active-bg:#fff9e3}.bg-vertical-tabs{background:#fff;border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-wrap:wrap;font-family:Inter,Segoe UI,Arial,sans-serif;overflow:hidden}.bg-tabs__titles{background:var(--bg-light);border-right:1px solid var(--border);display:flex;flex:0 0 300px;flex-direction:column}.bg-tab{background:transparent;border:none;border-left:4px solid transparent;color:var(--text);cursor:pointer;font-size:1rem;font-weight:500;padding:22px 28px;text-align:left;transition:border-color .15s,color .15s,background .15s}.bg-tab strong{font-weight:700}.bg-tab:focus,.bg-tab:hover{background:#fafafa}.bg-tab.active{background:var(--active-bg);border-left-color:var(--accent);color:var(--accent)}.bg-tabs__panels{flex:1 1 0%;min-height:150px;padding:20px 24px;position:relative}.bg-panel{display:none;height:100%;width:100%}.bg-panel.active{display:block}.bg-panel img{border-radius:var(--radius-sm);box-shadow:0 4px 20px rgba(0,0,0,.06);display:block;height:auto;margin:0 auto;max-width:100%}@media(max-width:700px){.bg-vertical-tabs{flex-direction:column}.bg-tabs__titles{border-bottom:1px solid var(--border);border-right:none;flex-direction:row}.bg-tab{border-bottom:4px solid transparent;border-left:none;flex:1 1 0;padding:16px 6px;text-align:center}.bg-tab.active{border-bottom-color:var(--accent);border-left:none}.bg-tabs__panels{padding:12px}}