.axsw-wrap { max-width: 1000px; margin: 0 auto; }
  .axsw-track {
    position: relative;
    display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px; padding: 8px;
  }
  .axsw-thumb {
    position: absolute; top: 8px; bottom: 8px; left: 8px;
    width: calc(50% - 12px);
    background: #00aa4f; border-radius: 14px;
    transition: transform .38s cubic-bezier(.4,0,.2,1), background-color .38s;
    pointer-events: none;
  }
  .axsw-track[data-active="gaz"] .axsw-thumb { transform: translateX(calc(100% + 8px)); background: #f59e0b; }

  .axsw-opt {
    position: relative; z-index: 1;
    display: flex; flex-direction: column; gap: 10px;
    padding: 26px 26px 24px; border-radius: 14px;
    text-decoration: none; color: #fff;
    transition: transform .3s cubic-bezier(.4,0,.2,1);
  }
  .axsw-opt:hover { transform: translateY(-2px); }
  .axsw-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .axsw-badge {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
    padding: 5px 11px; border-radius: 100px;
    background: rgba(255,255,255,.16); color: #fff;
    transition: background-color .3s, color .3s;
  }
  .axsw-arrow {
    width: 34px; height: 34px; border-radius: 50%;
    border: 1px solid rgba(255,255,255,.25);
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; transition: transform .3s, background-color .3s, border-color .3s, color .3s;
  }
  .axsw-opt:hover .axsw-arrow { transform: translateX(4px); }
  .axsw-brand {
    font-size: clamp(1.5rem, 3.4vw, 2.15rem); font-weight: 900; letter-spacing: -.02em; line-height: 1;
  }
  .axsw-brand span { transition: color .3s; }
  .axsw-desc { font-size: 13.5px; line-height: 1.65; color: rgba(255,255,255,.62); transition: color .3s; }

  .axsw-track[data-active="retail"] .axsw-opt--gaz .axsw-brand span { color: #f59e0b; }
  .axsw-track[data-active="gaz"]    .axsw-opt--retail .axsw-brand span { color: #00aa4f; }
  .axsw-track[data-active="retail"] .axsw-opt--retail .axsw-brand span,
  .axsw-track[data-active="gaz"]    .axsw-opt--gaz .axsw-brand span { color: rgba(255,255,255,.68); }
  .axsw-track[data-active="retail"] .axsw-opt--gaz .axsw-badge,
  .axsw-track[data-active="gaz"]    .axsw-opt--retail .axsw-badge { background: rgba(255,255,255,.08); color: rgba(255,255,255,.65); }
  .axsw-track[data-active="retail"] .axsw-opt--retail .axsw-desc,
  .axsw-track[data-active="gaz"]    .axsw-opt--gaz .axsw-desc { color: rgba(255,255,255,.85); }
  .axsw-track[data-active="retail"] .axsw-opt--retail .axsw-arrow,
  .axsw-track[data-active="gaz"]    .axsw-opt--gaz .axsw-arrow { background: rgba(255,255,255,.2); border-color: transparent; }

  .axsw-track[data-active="gaz"] .axsw-opt--gaz,
  .axsw-track[data-active="gaz"] .axsw-opt--gaz .axsw-desc { color: #1f2937; }
  .axsw-track[data-active="gaz"] .axsw-opt--gaz .axsw-brand span { color: rgba(31,41,55,.72); }
  .axsw-track[data-active="gaz"] .axsw-opt--gaz .axsw-badge { background: rgba(0,0,0,.14); color: #1f2937; }
  .axsw-track[data-active="gaz"] .axsw-opt--gaz .axsw-arrow { background: rgba(0,0,0,.14); border-color: transparent; color: #1f2937; }

  @media (max-width: 820px) {
    .axsw-track { grid-template-columns: 1fr; }
    .axsw-thumb { display: none; }
    .axsw-opt { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); }
    .axsw-opt--retail { background: #00aa4f; border-color: #00aa4f; }
    .axsw-opt--gaz .axsw-brand span { color: #f59e0b; }
    .axsw-track[data-active] .axsw-opt--gaz,
    .axsw-track[data-active] .axsw-opt--gaz .axsw-desc { color: rgba(255,255,255,.85); }
    .axsw-track[data-active] .axsw-opt--gaz .axsw-brand span { color: #f59e0b; }
    .axsw-track[data-active] .axsw-opt--gaz .axsw-badge { background: rgba(255,255,255,.08); color: rgba(255,255,255,.65); }
    .axsw-track[data-active] .axsw-opt--gaz .axsw-arrow { background: transparent; border-color: rgba(255,255,255,.2); color: #fff; }
    .axsw-track[data-active] .axsw-opt--retail,
    .axsw-track[data-active] .axsw-opt--retail .axsw-desc { color: #fff; }
    .axsw-track[data-active] .axsw-opt--retail .axsw-brand span { color: rgba(255,255,255,.68); }
  }