/* Stage 61: HOME mobile de-boxification pass.
   Scope: HOME only, mobile / narrow viewport only.
   Goal: reduce the catalog / box-fatigue feel without touching desktop, FAQ or below-fold architecture.
   Strategy: calm shadows, simplify surfaces, and make district chips feel less like SEO buttons. */
@media (max-width: 767px) {
  body.dsk-page-home {
    --dsk-home-flat-surface-bg: rgba(255,255,255,0.92);
    --dsk-home-flat-surface-bg-soft: rgba(255,255,255,0.84);
    --dsk-home-flat-border: rgba(15, 23, 42, 0.08);
    --dsk-home-flat-border-soft: rgba(15, 23, 42, 0.06);
    --dsk-home-flat-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
    --dsk-home-flat-shadow-soft: 0 6px 16px rgba(15, 23, 42, 0.04);
  }

  /* Why-lab: make the list feel more editorial, less like a grid of product boxes. */
  body.dsk-page-home #dlaczego-laboratorium .dsk-why-lab__cards {
    gap: 14px !important;
  }

  body.dsk-page-home #dlaczego-laboratorium .dsk-why-lab__card {
    background: transparent !important;
    border: 1px solid var(--dsk-home-flat-border-soft) !important;
    box-shadow: none !important;
    border-radius: 18px !important;
    padding: 15px 0 0 !important;
    overflow: visible !important;
  }

  body.dsk-page-home #dlaczego-laboratorium .dsk-why-lab__card::before {
    content: "";
    display: block;
    width: 42px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 106, 58, 0.85) 0%, rgba(22, 163, 74, 0.42) 100%);
    margin: 0 0 12px 16px;
  }

  body.dsk-page-home #dlaczego-laboratorium .dsk-why-lab__card > * {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.dsk-page-home #dlaczego-laboratorium .dsk-why-lab__card-title {
    margin-bottom: 6px !important;
  }

  body.dsk-page-home #dlaczego-laboratorium .dsk-why-lab__card-text {
    color: rgba(15, 23, 42, 0.78) !important;
  }

  /* Process cards: keep premium feel, but remove the feeling of heavy app-like blocks. */
  body.dsk-page-home #jak-to-dziala .items-grid {
    gap: 18px !important;
  }

  body.dsk-page-home #jak-to-dziala .items-grid__item-body {
    background: var(--dsk-home-flat-surface-bg) !important;
    border-color: var(--dsk-home-flat-border) !important;
    box-shadow: var(--dsk-home-flat-shadow) !important;
    border-radius: 20px !important;
  }

  body.dsk-page-home #jak-to-dziala .items-grid__item-body::before {
    height: 3px !important;
    opacity: 0.78 !important;
  }

  body.dsk-page-home #jak-to-dziala .items-grid__item-image figure,
  body.dsk-page-home #jak-to-dziala .items-grid__item-image .option-image {
    min-height: 186px !important;
    border-radius: 20px 20px 0 0 !important;
  }

  body.dsk-page-home #jak-to-dziala .items-grid__item-content {
    padding: 16px 16px 18px !important;
  }

  body.dsk-page-home #jak-to-dziala .dsk-process-feature .items-grid__item-body {
    box-shadow: var(--dsk-home-flat-shadow-soft) !important;
    background: rgba(255,255,255,0.96) !important;
  }

  body.dsk-page-home #jak-to-dziala .items-grid__item:first-child .items-grid__summary p:last-child {
    border-top-color: rgba(15, 23, 42, 0.06) !important;
    color: rgba(15, 23, 42, 0.62) !important;
  }

  /* District chips: make them calmer and less SEO-button-like. */
  body.dsk-page-home #uslugi .dsk-district-chips {
    gap: 8px !important;
  }

  body.dsk-page-home #uslugi .dsk-chip {
    background: rgba(255,255,255,0.58) !important;
    border: 1px solid rgba(15, 23, 42, 0.07) !important;
    box-shadow: none !important;
    color: rgba(15, 23, 42, 0.68) !important;
    padding: 7px 12px !important;
    font-size: 0.84rem !important;
    letter-spacing: 0.01em !important;
  }

  /* Service cards: calmer, less catalog-like, more like a premium curated list. */
  body.dsk-page-home #uslugi .items-grid__item-body {
    background: var(--dsk-home-flat-surface-bg) !important;
    border-color: var(--dsk-home-flat-border-soft) !important;
    box-shadow: var(--dsk-home-flat-shadow) !important;
    border-radius: 20px !important;
  }

  body.dsk-page-home #uslugi .items-grid__item-image figure {
    height: 180px !important;
    border-radius: 20px 20px 0 0 !important;
  }

  body.dsk-page-home #uslugi .items-grid__item-content {
    padding: 15px 16px 17px !important;
  }

  body.dsk-page-home #uslugi .items-grid__header {
    margin-bottom: 8px !important;
  }

  body.dsk-page-home #uslugi .items-grid__header svg {
    opacity: 0.46 !important;
    transform: translateY(1px);
  }

  body.dsk-page-home #uslugi .items-grid__description,
  body.dsk-page-home #uslugi .items-grid__description p {
    color: rgba(15, 23, 42, 0.78) !important;
  }
}