/* ============ LOJA: preço, quantidade, galeria ============ */

.prod-media img{
  width:100%; height:100%;
  object-fit:cover;
}

.price-row{
  display:flex;
  align-items:baseline;
  gap:10px;
  flex-wrap:wrap;
}
.price-old{
  text-decoration:line-through;
  color:var(--gray-500);
  font-size:13.5px;
}
.price-now{
  font-family:'Oswald',sans-serif;
  font-weight:700;
  font-size:21px;
  color:var(--navy);
}
.price-consult{
  font-family:'Oswald',sans-serif;
  font-weight:600;
  font-size:14px;
  color:var(--gray-500);
  text-transform:uppercase;
  letter-spacing:.3px;
}
.badge-promo{
  display:inline-block;
  background:var(--yellow);
  color:var(--black);
  font-family:'Oswald',sans-serif;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.5px;
  padding:3px 9px;
  border-radius:999px;
  text-transform:uppercase;
}
.prazo-entrega{
  font-size:13px;
  color:var(--gray-500);
  display:flex;
  align-items:center;
  gap:6px;
}
.prazo-entrega svg{ color:var(--yellow-dark); flex-shrink:0; }

/* Filtro de categorias/subcategorias (pills como links reais) */
.pill-row a.pill{ display:inline-flex; }

/* Estado vazio do catálogo */
.empty-state{
  text-align:center;
  padding:70px 20px;
  color:var(--gray-500);
}
.empty-state svg{ color:var(--gray-300); margin-bottom:18px; }
.empty-state h3{ color:var(--navy); margin-bottom:8px; }
.empty-state p{ max-width:420px; margin:0 auto; }

/* ============ PÁGINA DE PRODUTO ============ */
.product-detail{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:flex-start;
}
.gallery{ display:grid; grid-template-columns:84px 1fr; gap:14px; }
.gallery-main{
  border-radius:var(--radius);
  overflow:hidden;
  background:
    radial-gradient(120px 90px at 75% 20%, rgba(245,197,24,.18), transparent 70%),
    linear-gradient(150deg,var(--navy),#182c58);
  aspect-ratio:1/1;
  display:flex; align-items:center; justify-content:center;
}
.gallery-main img{ width:100%; height:100%; object-fit:cover; }
.gallery-main svg{ width:96px; height:96px; color:var(--yellow); opacity:.9; }
.gallery-thumbs{ display:flex; flex-direction:column; gap:10px; }
.gallery-thumbs button{
  padding:0; border:2px solid var(--gray-100); border-radius:10px; overflow:hidden;
  width:84px; height:84px; background:none; cursor:pointer; transition:border-color .2s var(--ease);
}
.gallery-thumbs button.active{ border-color:var(--yellow); }
.gallery-thumbs img{ width:100%; height:100%; object-fit:cover; display:block; }

.product-meta{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; }
.product-desc{ font-size:15px; line-height:1.7; margin:22px 0; }

.qty-stepper{
  display:inline-flex;
  align-items:center;
  border:1.5px solid var(--gray-100);
  border-radius:10px;
  overflow:hidden;
}
.qty-stepper button{
  width:40px; height:44px;
  background:var(--off-white);
  border:none;
  font-size:18px;
  font-family:'Oswald',sans-serif;
  color:var(--navy);
  cursor:pointer;
}
.qty-stepper button:hover{ background:var(--gray-100); }
.qty-stepper input{
  width:52px; height:44px;
  text-align:center;
  border:none;
  border-left:1.5px solid var(--gray-100);
  border-right:1.5px solid var(--gray-100);
  font-family:'Oswald',sans-serif;
  font-size:15px;
  color:var(--navy);
}
.product-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:26px;
}

@media (max-width:860px){
  .product-detail{ grid-template-columns:1fr; }
}