.home-market-section { padding: 64px 0 76px; }
.home-market-intro { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: -6px 0 28px; }
.home-market-intro p { margin: 0; color: #aba3bb; font-size: 14px; line-height: 1.6; }
.home-market-intro a, .home-market-empty a { color: #d6b5ff; font-size: 13px; font-weight: 700; text-decoration: none; }
.home-market-intro a { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
/* Compatibilidade com o HTML anterior enquanto o servidor troca de build. */
.home-market-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.home-market-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; text-decoration: none; color: #f5efff; border: 1px solid #32243f; border-radius: 12px; background: linear-gradient(145deg, #1a1224, #100c18); box-shadow: 0 8px 24px #0004; transition: transform .2s, border-color .2s, box-shadow .2s; }
.home-market-card:hover { transform: translateY(-4px); border-color: #a970ff; box-shadow: 0 12px 30px #a970ff18; }
.home-market-card:focus-visible, .home-market-intro a:focus-visible, .home-market-empty a:focus-visible { outline: 2px solid #d6b5ff; outline-offset: 4px; }
.home-market-art { height: 180px; position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: center; background: radial-gradient(ellipse at 50% 70%, rgba(150,68,233,.15), transparent 70%), #100d16; border-bottom: 1px solid #32243f; }
.home-market-art::before { content: ''; position: absolute; z-index: -1; inset: 0; background: url('/img/classes-ruinas-violeta.png') center/cover no-repeat; opacity: .13; pointer-events: none; }
.home-market-art img { max-width: 64%; max-height: 125px; object-fit: contain; image-rendering: auto; filter: drop-shadow(0 10px 16px #0009); }
.home-market-category { position: absolute; top: 15px; left: 16px; color: #968ba6; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.home-market-rarity { position: absolute; right: 14px; bottom: 12px; font-size: 10px; font-weight: 700; padding: 4px 8px; border-radius: 4px; color: #a2ecc0; background: #153425; border: 1px solid #326448; }
.home-market-card.is-ancient .home-market-rarity { color: #a8d6ff; background: #152e46; border-color: #305d85; }
.home-market-body { padding: 20px; flex: 1; display: flex; flex-direction: column; gap: 14px; }
.home-market-body h3 { font-size: 16px; line-height: 1.4; margin: 0; color: #f0e7ff; overflow-wrap: anywhere; }
.home-market-price { color: #efd08a; font-size: 21px; font-weight: 800; line-height: 1.4; }
.home-market-price small { font-size: 12px; font-weight: 600; }
.home-market-jewels { display: flex; flex-wrap: wrap; gap: 7px; }
.home-market-jewels span { padding: 5px 8px; border-radius: 5px; background: #a970ff12; color: #d6b5ff; font-size: 12px; }
.home-market-jewels i { margin-right: 5px; font-size: 10px; }
.home-market-link { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 14px; border-top: 1px solid #ffffff0b; color: #b89cda; font-size: 12px; font-weight: 600; }
.home-market-empty { border: 1px solid #32243f; background: #17101f; border-radius: 12px; padding: 44px 20px; text-align: center; color: #a79ab8; }
.home-market-empty > i { font-size: 30px; color: #a970ff; }
.home-market-empty p { color: #e0d4ee; margin: 16px 0 8px; }
.home-market-empty > span { font-size: 13px; }
@media (max-width: 900px) { .home-market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .home-market-section { padding: 44px 0 50px; } .home-market-intro { align-items: flex-start; flex-direction: column; gap: 12px; } .home-market-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; } .home-market-art { height: 165px; } }
@media (prefers-reduced-motion: reduce) { .home-market-card { transition: none; } .home-market-card:hover { transform: none; } }