/* VERSION E14 — DESKTOP FINAL POLISH BEFORE BOOKING MIGRATION
   The E13 mobile experience remains untouched: every refinement is desktop-only. */

@media (min-width: 1024px) {
  /* Hero Mini Check: keep the E13 placement and scale, but flatten the surface. */
  .concept-e14 .hero-mini-teaser {
    border-color: rgba(145, 108, 50, .22);
    background: rgba(247, 239, 224, .98);
    box-shadow: 0 5px 14px rgba(4, 16, 10, .07);
  }

  .concept-e14 .hero-mini-teaser .eyebrow {
    color: #9b7a45;
  }

  .concept-e14 .hero-mini-teaser-button {
    min-height: 40px;
    padding: .62rem .9rem;
    border-color: rgba(29, 51, 42, .4);
  }

  /* Mini Check: quieter progress metadata, without changing the question scale. */
  .concept-e14 .mini-bridge[data-mini-check-dialog] .mini-check-panel-header {
    margin-bottom: .96rem;
    padding-bottom: .72rem;
    border-bottom-color: rgba(137, 112, 68, .2);
  }

  .concept-e14 .mini-bridge[data-mini-check-dialog] .mini-check-panel-header > span {
    color: rgba(29, 51, 42, .58);
    font-size: .66rem;
    letter-spacing: .09em;
  }

  .concept-e14 .mini-bridge[data-mini-check-dialog] .mini-check-progress {
    color: rgba(126, 94, 45, .72);
    font-size: .72rem;
    letter-spacing: .035em;
  }

  .concept-e14 .mini-bridge[data-mini-check-dialog] .mini-check-steps span {
    height: 3px;
    background: rgba(137, 112, 68, .18);
  }

  .concept-e14 .mini-bridge[data-mini-check-dialog] .mini-check-steps span.is-complete {
    background: rgba(183, 146, 79, .72);
  }

  .concept-e14 .mini-bridge[data-mini-check-dialog] .mini-check-steps span.is-current {
    background: rgba(29, 51, 42, .78);
  }

  /* “Αυτό είναι…”: a controlled 6% height reduction with the same focal point. */
  .concept-e14 .mirror-teaching-photo {
    aspect-ratio: .85 / 1;
  }

  /* “Η πληροφορία…”: more breathing room between the two editorial columns. */
  .concept-e14 .method-overlay-grid {
    gap: clamp(58px, 6vw, 86px);
  }

  /* Process: clearer continuation line and a more legible monochrome outcome. */
  .concept-e14 .process-flow::before {
    background: rgba(169, 133, 69, .425);
  }

  .concept-e14 .process-outcome {
    padding-block: 1.44rem;
    background:
      linear-gradient(rgba(8, 29, 19, .70), rgba(8, 29, 19, .77)),
      url("media/process-result-bw-0556-1200.jpg") center 58% / cover no-repeat;
  }

  /* Reviews: only the requested small CTA hit-area refinement. */
  .concept-e14 .reviews-link {
    padding: .79rem 1.09rem;
  }

  /* About: slightly less image dominance and a tighter, higher copy rhythm. */
  .concept-e14 .about-editorial {
    grid-template-columns: minmax(0, 1.146fr) minmax(360px, .854fr);
  }

  .concept-e14 .about-gallery {
    gap: 18px;
  }

  .concept-e14 .about-copy {
    transform: translateY(-18px);
  }

  .concept-e14 .about .about-copy .eyebrow {
    margin-bottom: .86rem;
  }

  /* FAQ: a wider, shorter desktop block with clearer plus controls. */
  .concept-e14 .faq {
    padding-block: 61px;
  }

  .concept-e14 .faq .container.narrow {
    width: min(100% - 48px, 900px);
  }

  .concept-e14 .faq .section-heading {
    margin-bottom: 1.5rem;
  }

  .concept-e14 .faq .section-heading .eyebrow {
    margin-bottom: .56rem;
  }

  .concept-e14 .faq .section-heading h2 {
    margin-bottom: 0;
    font-size: clamp(1.84rem, 4.8vw, 2.88rem);
  }

  .concept-e14 .faq-list summary {
    min-height: 56px;
    padding: 1.03rem 3rem 1.03rem 0;
  }

  .concept-e14 .faq-list summary::after {
    top: 50%;
    width: 1.75rem;
    height: 1.75rem;
    border-color: rgba(169, 133, 69, .58);
    color: #aa8445;
    font-size: 1.08rem;
    transform: translateY(-50%);
  }
}
