/* El encabezado de ITEMS se separa del contenido para conservar jerarquía visual. */
@media (min-width: 641px) {
  .items-page .product-header {
    min-height: 78px;
    margin-bottom: 0;
    padding-block: 1rem;
    background: rgba(255, 255, 255, 0.98);
    border-bottom-color: var(--color-items);
    box-shadow: 0 10px 28px rgba(16, 35, 63, 0.07);
    backdrop-filter: blur(16px);
  }
}

@media (max-width: 640px) {
  .items-page .product-header {
    min-height: 70px;
    margin-bottom: 0;
    padding-block: 0.75rem;
    background: rgba(255, 255, 255, 0.98);
    border-bottom-color: var(--color-items);
    box-shadow: 0 8px 22px rgba(16, 35, 63, 0.07);
    backdrop-filter: blur(16px);
  }
}