/* ============================================================
   WEBAZAR — CSS GLOBAL ÚNICO E DEFINITIVO
============================================================ */
body { font-weight: 500; color: #1a1a1a; -webkit-font-smoothing: antialiased; }
html, body { overflow-x: hidden; margin: 0; padding: 0; }

.ini-destaques-titulo, .ini-ofertas-titulo, .ini-blog-titulo, .ini-marcas-titulo, .ini-titulo h2 { font-weight: 900; letter-spacing: -0.5px; color: #1a1a1a; }
.ini-destaques-sub, .ini-ofertas-sub, .ini-blog-sub, .ini-marcas-sub { font-weight: 600; color: #6b7280; }

/* GRRELHA DE PRODUTOS - Garante 5 colunas no PC e 2 no telemóvel */
.ini-grelha { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; width: 100%; max-width: 1400px; margin: 0 auto; }
@media (max-width: 1200px) { .ini-grelha { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 960px) { .ini-grelha { grid-template-columns: repeat(3, 1fr); gap: 10px; } }
@media (max-width: 600px) { .ini-grelha { grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 0 10px; } }

/* CARD DE PRODUTO ÚNICO */
.ini-card-prod { background: #fff; border: 1px solid #f0f0f0; border-radius: 12px; overflow: hidden; position: relative; display: flex; flex-direction: column; box-shadow: 0 1px 4px rgba(0,0,0,.04); transition: transform .2s, box-shadow .2s; height: 100%; }
.ini-card-prod:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.10); }

/* IMAGEM - AQUI ESTAVA O ERRO DAS IMAGENS GIGANTES. Agora está trancada! */
.ini-img { position: relative; aspect-ratio: 1 / 0.85; background: #f5f5f8; overflow: hidden; }
.ini-img-link { display: block; width: 100%; height: 100%; }
.ini-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; display: block; }
.ini-card-prod:hover .ini-img img { transform: scale(1.07); }

/* ETIQUETAS */
.ini-etq { position: absolute; z-index: 3; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .3px; border-radius: 4px; }
.ini-etq.choice { top: 0; left: 0; background: #ffcc00; color: #1a1a1a; padding: 3px 8px 3px 6px; border-bottom-right-radius: 8px; display: flex; align-items: center; gap: 4px; }
.ini-etq.choice .choice-ico { background: #1a1a1a; color: #ffcc00; border-radius: 50%; width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; font-size: 8px; }
.ini-etq.tipo { top: 8px; right: 8px; background: #1a1a1a; color: #fff; padding: 2px 6px; }
.ini-etq.tipo.esg { background: #6b7280; }

/* BOTÕES (Sempre visíveis) */
.ini-accoes { position: absolute; top: 30px; right: 8px; display: flex; flex-direction: column; gap: 6px; z-index: 4; }
.ini-accao { width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,.95); border: 1px solid #e5e7eb; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,.1); padding: 0; transition: .2s; }
.ini-accao:hover { background: #e31e24; transform: scale(1.1); border-color: #e31e24; }
.ini-accao img { width: 13px; height: 13px; filter: invert(10%); transition: .2s; }
.ini-accao:hover img { filter: brightness(0) invert(1); }

/* CORPO DO CARD */
.ini-corpo { padding: 10px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.ini-titulo-prod { font-size: 13px; font-weight: 600; line-height: 1.3; margin: 0; min-height: 34px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #1a1a1a; }
.ini-titulo-prod a { color: inherit; text-decoration: none; }
.ini-titulo-prod a:hover { color: #e31e24; }
.ini-desc { font-size: 11px; color: #9ca3af; margin: 0; min-height: 14px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

/* PREÇOS E ESTRELAS */
.ini-preco-linha { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; margin-top: auto; padding-top: 4px; }
.ini-preco { font-size: 16px; font-weight: 800; color: #e31e24; line-height: 1.1; }
.ini-preco small { font-size: 11px; font-weight: 700; color: #e31e24; }
.ini-preco-antigo-wrap { display: flex; align-items: center; gap: 6px; }
.ini-preco-antigo { font-size: 11px; color: #9ca3af; text-decoration: line-through; }
.ini-estrelas-wrapper { display: flex; align-items: center; gap: 4px; margin-top: 2px; }
.ini-estrelas { display: flex; gap: 1px; line-height: 1; }
.ini-estrelas .est { font-size: 10px; color: #f59e0b; }
.ini-estrelas .est.vazia { color: #e5e7eb; }
.ini-nota { font-size: 10px; font-weight: 700; color: #1a1a1a; }
.ini-n-aval { font-size: 9px; color: #9ca3af; }

/* LOCALIZAÇÃO E ESGOTADO */
.ini-local { display: inline-flex; align-items: center; gap: 3px; font-size: 10px; font-weight: 600; color: #6b7280; text-decoration: none; margin-bottom: 2px; transition: color .2s; }
.ini-local:hover { color: #e31e24; }
.ini-local svg { width: 11px; height: 11px; stroke: #9ca3af; flex-shrink: 0; }
.ini-esgotado { position: absolute; inset: 0; background: rgba(255,255,255,.75); backdrop-filter: blur(2px); display: flex; align-items: center; justify-content: center; color: #1a1a1a; font-weight: 900; font-size: 12px; letter-spacing: .5px; text-transform: uppercase; z-index: 2; }

/* SLIDER DE CATEGORIAS */
.ini-slider-seccao { max-width: 1400px; margin: 30px auto; padding: 0 12px; }
.ini-slider-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.ini-slider-titulo { font-size: 20px; font-weight: 900; color: #1a1a1a; display: flex; align-items: center; gap: 8px; margin: 0; }
.ini-slider-bolinha { width: 8px; height: 8px; background: #e31e24; border-radius: 50%; display: inline-block; }
.ini-slider-ver-mais { font-size: 13px; font-weight: 700; color: #e31e24; text-decoration: none; transition: .2s; }
.ini-slider-scroll { display: flex; gap: 15px; overflow-x: auto; padding-bottom: 15px; scrollbar-width: none; }
.ini-slider-scroll::-webkit-scrollbar { display: none; }
.ini-destaque-cat-item { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 85px; max-width: 85px; text-decoration: none; color: #1a1a1a; }
.ini-destaque-cat-ico { width: 70px; height: 70px; border-radius: 50%; background: #fff; border: 2px solid #f0f0f0; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
.ini-destaque-cat-item span { font-size: 11px; font-weight: 700; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; color: #4b5563; }

/* TÍTULOS DE SECÇÃO */
.ini-destaques, .ini-ofertas { max-width: 1400px; margin: 0 auto; padding: 20px 12px; display: flex; flex-direction: column; align-items: center; }
.ini-destaques-titulo, .ini-ofertas-titulo { font-size: 24px; font-weight: 900; margin: 0 0 4px; text-align: center; }
.ini-destaques-sub, .ini-ofertas-sub { font-size: 14px; color: #6b7280; margin: 0 0 20px; text-align: center; }
.ini-ver-mais-btn { display: inline-flex; align-items: center; gap: 4px; background: #fff; color: #1a1a1a; padding: 8px 18px; border-radius: 50px; border: 1.5px solid #e5e7eb; font-weight: 800; font-size: 13px; text-decoration: none; margin-top: 20px; }
.ini-ver-mais-btn:hover { background: #e31e24; color: #fff; border-color: #e31e24; }