/* mobile_fixes.css - Blue shade fix + Mini cards fix */

/* FIX 1: Photo - no blue background */
.hero-photo-frame {
  background: #ffffff !important;
}
.hero-photo-frame img {
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* FIX 2: Mini cards - always 2 columns */
.hero-mini-cards {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  width: 100% !important;
}
.mini-result {
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 12px 14px !important;
  flex: none !important;
  width: auto !important;
}
.mr-tag {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  font-size: 10px !important;
}
.mr-stock {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  font-size: 13px !important;
}
.mr-return {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  font-size: 11px !important;
}

@media (max-width: 768px) {
  .hero-photo-frame { background: #ffffff !important; }
  .hero-mini-cards {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .mini-result { padding: 10px 12px !important; }
}

@media (max-width: 480px) {
  .hero-mini-cards {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
  }
  .mini-result { padding: 8px 10px !important; }
  .mr-tag { font-size: 9px !important; }
  .mr-stock { font-size: 12px !important; }
  .mr-return { font-size: 10px !important; }
}