.premium-case-page.kd8-page > header.os-case-header {
  height: auto !important;
  max-height: none !important;
}

.premium-case-page.kd8-page > .os-case-header .os-case-heading > img.os-case-cover {
  --case-cover-width: clamp(76px, 6vw, 100px);
  --case-cover-height: clamp(96px, 7.5vw, 128px);
  flex: 0 0 var(--case-cover-width);
  width: var(--case-cover-width) !important;
  max-width: var(--case-cover-width) !important;
  height: var(--case-cover-height) !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center;
  border-radius: 0 !important;
  background: transparent !important;
}

.premium-case-page.kd8-page .os-case-header .os-case-header-actions > .os-case-fair[data-csdrop-fair-label] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  max-width: none;
  padding: 0 14px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: #152b38 !important;
  box-shadow: none !important;
  color: #8bdbff !important;
  font-size: 0 !important;
  line-height: 1;
  white-space: nowrap;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.premium-case-page.kd8-page .os-case-header .os-case-fair[data-csdrop-fair-label] > span {
  display: none !important;
}

.premium-case-page.kd8-page .os-case-header .os-case-fair[data-csdrop-fair-label]::before {
  content: "";
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-rule='evenodd' d='M12 2 21 6v5c0 5.15-3.64 8.63-9 11-5.36-2.37-9-5.85-9-11V6l9-4Zm-1.2 11.4-2-2-1.4 1.4 3.4 3.4 5.8-5.8-1.4-1.4-4.4 4.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .22s ease;
}

.premium-case-page.kd8-page .os-case-header .os-case-fair[data-csdrop-fair-label]::after {
  content: attr(data-csdrop-fair-label);
  font: 800 11px/1.2 Manrope, sans-serif;
  letter-spacing: .015em;
}

.premium-case-page.kd8-page .os-case-header .os-case-header-actions > .os-case-fair[data-csdrop-fair-label]:is(:hover, :focus-visible) {
  border-color: #5ab2df !important;
  background: #214255 !important;
  color: #d0f0ff !important;
  transform: translateY(-1px);
}

.premium-case-page.kd8-page .os-case-header .os-case-fair[data-csdrop-fair-label]:is(:hover, :focus-visible)::before {
  transform: rotate(-8deg) scale(1.12);
}

.premium-case-page.kd8-page .os-case-header .os-case-fair[data-csdrop-fair-label]:focus-visible {
  outline: 2px solid #8bdbff !important;
  outline-offset: 3px;
}

.premium-case-page.kd8-page .os-case-header .os-case-fair[data-csdrop-fair-label]:active {
  transform: scale(.98);
}

@media (max-width: 560px) {
  .premium-case-page.kd8-page > .os-case-header .os-case-heading > img.os-case-cover {
    --case-cover-width: 58px;
    --case-cover-height: 76px;
  }
}

@media (max-width: 420px) {
  .premium-case-page.kd8-page > header.os-case-header {
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 4px;
  }
  .premium-case-page.kd8-page > header.os-case-header > .os-case-heading {
    flex-basis: 100%;
  }
  .premium-case-page.kd8-page > header.os-case-header > .os-case-header-actions {
    margin-inline-start: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-case-page.kd8-page .os-case-header .os-case-header-actions > .os-case-fair[data-csdrop-fair-label],
  .premium-case-page.kd8-page .os-case-header .os-case-fair[data-csdrop-fair-label]::before {
    transition: none;
    transform: none !important;
  }
}