/* Fichas VIP: cascos oficiales de Minecraft y descripciones completas. */
.store-card:has([data-details^="rank-"]) .store-art img.helmet-icon,
.store-detail-top img.helmet-icon {
  width: 96px;
  height: 96px;
  object-fit: contain;
  image-rendering: pixelated;
  background: transparent;
  border-radius: 0;
  padding: 0;
  filter: drop-shadow(0 9px 8px #000b);
}
.leather-helmet {
  position: relative;
  display: block;
  flex: none;
  width: 96px;
  height: 96px;
  filter: drop-shadow(0 9px 8px #000b);
}
.store-card:has([data-details^="rank-"]) .store-art .leather-helmet img,
.store-detail-top .leather-helmet img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 0;
  background: transparent;
  image-rendering: pixelated;
  filter: none;
}
.store-card:has([data-details^="rank-"]) .store-art .leather-helmet .helmet-base,
.store-detail-top .leather-helmet .helmet-base {
  filter: sepia(1) saturate(3.3) hue-rotate(-14deg) brightness(.69);
}
.store-card:has([data-details^="rank-"]) .store-art .leather-helmet .helmet-overlay,
.store-detail-top .leather-helmet .helmet-overlay {
  filter: sepia(1) saturate(3.5) hue-rotate(-17deg) brightness(.63);
}
.rank-summary {
  min-height: 3.4em;
  margin: 0 0 12px;
  color: #c7d2d8;
  font: 500 13px/1.5 Inter,system-ui,sans-serif;
}
.rank-benefits {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.rank-benefits li {
  position: relative;
  padding: 8px 11px;
  border: 1px solid #2b414d;
  border-radius: 6px;
  background: #17242b;
  color: #dce7ed;
  font: 500 14px/1.5 Inter,system-ui,sans-serif;
}
.rank-detail-top {
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  text-align: center;
}
.rank-detail-top .rank-detail-price {
  margin: 0;
  color: #f5f8fa;
  font-size: 19px;
  font-weight: 850;
}
.store-dialog:has(.rank-detail-top) {
  border-color: #31516c;
  background: #0a1724;
}
.store-dialog:has(.rank-detail-top) .store-modal-head {
  border-color: #294259;
  background: #102339;
}
.store-dialog:has(.rank-detail-top) .store-modal-body {
  background: linear-gradient(155deg, #0d2032, #091522 78%);
}
.store-dialog:has(.rank-detail-top) .store-detail-section {
  border-color: #284057;
}
.store-dialog:has(.rank-detail-top) .store-detail-section h4,
.rank-future-note h4 {
  color: #e6f3fd;
}
.store-dialog:has(.rank-detail-top) .store-detail-section p,
.rank-future-note p {
  color: #b5c9d8;
}
.store-dialog:has(.rank-detail-top) .rank-benefits li {
  border-color: #29465c;
  background: #112537;
  color: #e1edf5;
}
.rank-future-note {
  margin-top: 24px;
  padding: 18px;
  border: 1px solid #315674;
  border-radius: 9px;
  background: linear-gradient(135deg, #142c43, #102135);
}
.rank-future-note h4 { margin: 0 0 8px; }
.rank-future-note p { margin: 0; line-height: 1.6; }
.store-empty.cosmetic-coming-soon {
  min-height: 220px;
  align-content: center;
  gap: 10px;
  text-align: center;
}
.cosmetic-coming-soon strong {
  color: #e6f3fb;
  font-size: 20px;
  letter-spacing: .1em;
}
.cosmetic-coming-soon span { color: #adbecb; }
.store-detail-section p + .rank-benefits { margin-top: 12px; }
@media(max-width:480px) {
  .store-card:has([data-details^="rank-"]) .store-art img.helmet-icon,
  .store-detail-top img.helmet-icon,
  .leather-helmet { width: 72px; height: 72px; }
  .rank-summary { font-size: 12px; min-height: 0; }
  .rank-benefits li { font-size: 13px; }
}