@media (min-width: 900px) {
  .desktop-teamgo-483 {
    position: absolute;
    z-index: 12;
    top: 96px;
    right: 24px;
    display: grid !important;
    width: min(320px, 38%);
    grid-template-columns: repeat(2, minmax(92px, 1fr));
    gap: 11px;
  }

  .desktop-teamgo-483::before {
    content: "TEAM GO · WYBIERZ SKIN";
    grid-column: 1 / -1;
    padding: 8px 10px;
    border: 1px solid #86e9ff66;
    border-radius: 10px;
    background: #020912e8;
    color: #effcff;
    font: 900 10px/1 system-ui;
    letter-spacing: .14em;
    text-align: center;
    box-shadow: 0 8px 24px #000a;
  }

  .desktop-teamgo-483 button {
    display: grid;
    gap: 6px;
    overflow: hidden;
    margin: 0 !important;
    padding: 7px !important;
    border: 1px solid #80dcec66 !important;
    border-radius: 14px !important;
    background: #06111ad9 !important;
    color: #edfaff !important;
    font: 900 10px system-ui !important;
    letter-spacing: 0.07em !important;
    box-shadow: 0 7px 20px #0009;
  }

  .desktop-teamgo-483 button.active {
    border-color: #f0cd79 !important;
    box-shadow: 0 0 0 1px #f0cd7999, 0 8px 24px #000c !important;
  }

  .desktop-teamgo-483 img {
    display: block;
    width: 100%;
    height: clamp(118px, 17vh, 176px);
    object-fit: cover;
    object-position: top;
    border-radius: 10px;
    background: #020408;
  }
}

@media (min-width: 900px) and (max-width: 1180px) {
  .desktop-teamgo-483 {
    top: 82px;
    right: 12px;
    width: min(210px, 45%);
    grid-template-columns: repeat(2, minmax(70px, 1fr));
    gap: 6px;
  }

  .desktop-teamgo-483 img {
    height: 96px;
  }
}