/* Shared mobile layout refinements. The hero scene and playback are unchanged. */
@media (max-width: 760px) {
  body.atelier .page-products .page-closing-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.atelier .page-products .page-closing-grid > * {
    min-width: 0;
  }

  body.atelier .page-products .page-closing h2 {
    font-size: clamp(32px, 8vw, 48px);
  }

  dialog#abika-consent-dialog .abika-consent-dialog-heading {
    gap: 12px;
  }

  dialog#abika-consent-dialog .abika-consent-dialog-heading > div {
    min-width: 0;
  }

  dialog#abika-consent-dialog h2 {
    font-size: clamp(28px, 8vw, 34px);
  }

  dialog#abika-consent-dialog .abika-consent-close {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }

  body.atelier :is(.catalog-dialog, .side-dialog, .quote-dialog, .privacy-dialog) {
    color-scheme: light;
  }

  body.atelier .coffee-catalog .coffee-toolbar :is(input, select),
  body.atelier .coffee-catalog .coffee-field select,
  body.atelier .coffee-catalog .coffee-quantity input,
  body.atelier .blend-fields :is(input, select),
  body.atelier .quantity-control input,
  body.atelier .private-label-upload input {
    font-family: var(--abika-typeface, 'Manrope', Arial, sans-serif);
    font-size: 16px;
  }

  body.atelier .coffee-catalog .coffee-toolbar :is(input, select),
  body.atelier .coffee-catalog .coffee-field select,
  body.atelier .blend-fields :is(input, select) {
    min-height: 44px;
  }

  body.atelier .category-checks label > span {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  body.atelier :is(.blend-small, .blend-row-title > span, .blend-editor-heading > span, .blend-fields label span) {
    color: #536454;
  }

  body.atelier :is(.list-item-detail, .form-grid > label, .request-detail-fields > label) {
    min-width: 0;
  }

  body.atelier :is(.list-item h3, .form-error, .form-privacy-summary, .private-label-file-row),
  body.atelier #form-selected-items,
  body.atelier #request-label-summary {
    overflow-wrap: anywhere;
  }
}

/* Keep the complete logo, basket and menu inside narrow phone screens. */
@media (max-width: 380px) {
  body.atelier .atelier-header { padding-inline: 20px; gap: 10px; }
  body.atelier .atelier-brand { display: flex; align-items: center; width: 108px; min-height: 44px; }
  body.atelier .atelier-header-actions { gap: 10px; }
  body.atelier .atelier-list { min-width: 44px; min-height: 44px; }

  body.atelier .blend-chart-row { gap: 16px; }
  body.atelier .blend-chart { width: 112px; height: 112px; flex-basis: 112px; }
  body.atelier .blend-chart > div { width: 82px; height: 82px; }
  body.atelier .blend-chart strong { font-size: 25px; }
  body.atelier .blend-batch-summary { flex: 1; }
  body.atelier .blend-batch-summary strong {
    font-size: clamp(28px, 8.75vw, 32px);
    white-space: nowrap;
    overflow-wrap: normal;
  }
}