/* xl - DESKTOP STYLES */ 
/* PÀGINA PRODUCTES (arxiu) */
.productes-page-hero {
  background: var(--brown-dark);
  padding: 120px 80px 80px 80px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: end;
  margin: 64px 0 0;
}
.productes-page-hero .hero-desc { font-size: 15px; line-height: 1.7; color: rgba(196,168,130,0.6); padding-top:75px; }
.productes-page-hero .label-tag { color: var(--brown-pale); }
.productes-page-hero .label-tag::before { background: var(--brown-pale); }
.productes-page-hero .section-headline { color: var(--cream); }
.productes-page-hero .section-headline em { color: var(--sand); }

.productes-page-grid-section { padding: 64px 80px; margin-top:150px; }

.productes-page-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border: 1px solid rgba(0,0,0,0.08);
}

/* Neutralitza la targeta destacada del home: aquí volem graella uniforme */
.productes-page-grid .producte-card:first-child {
  grid-row: auto;
  aspect-ratio: 4/3;
  min-height: 0;
}

@media (max-width: 1200px) {
  .productes-page-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1024px) {
  .productes-page-hero { padding: 64px 48px; gap: 48px; }
  .productes-page-grid-section { padding: 48px 48px; }
  .productes-page-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .productes-page-hero { grid-template-columns: 1fr; padding: 95px 24px 40px 24px; gap: 24px; margin: 80px 0 0; }
  .productes-page-grid-section { padding: 40px 24px; }
  .productes-page-grid { grid-template-columns: 1fr; }
}