/* Store scope */
:root{--line:#27324b;--text:#e8eeff;--muted:#a6b2cf}
*{box-sizing:border-box}

#store-page h1{margin:0 0 .3rem 0}
#store-page .subtitle{color:var(--muted);margin-bottom:.8rem}

#store-page .important-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0}
#store-page .important-card{display:flex;flex-direction:column;gap:.6rem;background:#121a2b;border:1px solid var(--line);border-radius:16px;padding:1rem;text-decoration:none;color:var(--text)}
#store-page .important-card .thumb{height:160px;background:#202a44;border-radius:12px;border:1px dashed #39507c}
#store-page .important-card:hover{filter:brightness(1.05);transform:translateY(-1px)}

#store-page .tab-panel{display:none}
#store-page .tab-panel.active{display:block}

#store-page .category-list{display:flex;flex-wrap:wrap;gap:.6rem;margin:.6rem 0 1rem}
#store-page .chip{background:#0f172a;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:.45rem .7rem;cursor:pointer}
#store-page .chip:hover{filter:brightness(1.08)}

#store-page .rektaz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
#store-page .rektaz-item{background:#121a2b;border:1px solid var(--line);border-radius:16px;overflow:hidden}
#store-page .rektaz-img{aspect-ratio:3/4;background:#1a2238}
#store-page .rektaz-title{padding:.7rem;font-weight:700}
.hidden{display:none}

@media(max-width:1000px){
  #store-page .important-grid{grid-template-columns:1fr}
}
#store-page .chip.active{
  background: var(--brand-dark);
  border-color: #0b2d68;
}




.important-card .thumb {
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #151a22; /* Fondo oscuro */
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
}

.important-card .thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}