/* Desktop rhythm for Marko's pages. Mobile and tablet layouts keep their current rules. */
/* Digital product chooser uses the same two-column spacing as other choosers. */
body.ec-home-screen.ec-products-chooser .ec-app-grid {
  width:min(100%,610px) !important;
  gap:clamp(24px,5vw,60px) !important;
}
@media (max-width: 620px) {
  body.ec-home-screen.ec-products-chooser .ec-app-grid {
    width:min(calc(100vw - 32px),520px) !important;
    gap:18px !important;
  }
}
@media (max-width: 350px) {
  body.ec-home-screen.ec-products-chooser .ec-app-grid {gap:10px !important}
}

@media (min-width: 980px) {

  /* O Marku: a single centered reading path, with a compact photo/story pair. */
  body.marko-about-page .about-coaching-hero__inner {
    align-items:center;
    text-align:center;
    max-width:920px;
    margin-inline:auto;
  }
  body.marko-about-page .about-coaching-hero__inner h1 {max-width:840px;margin-inline:auto;text-wrap:balance}
  body.marko-about-page .about-coaching-hero__inner .lead {max-width:720px;margin-inline:auto;text-wrap:pretty}
  body.marko-about-page .about-coaching-tags {justify-content:center;flex-wrap:wrap}
  body.marko-about-page .coaching-products-heading {max-width:800px}
  body.marko-about-page .coaching-products-heading h2 {max-width:760px;text-wrap:balance}
  body.marko-about-page .coaching-service-grid {gap:22px;align-items:stretch}
  body.marko-about-page .coaching-service-card {min-height:250px;align-items:flex-start}
  body.marko-about-page .coaching-service-card .product-card-minimal__content {height:100%;display:flex;flex-direction:column;justify-content:center}
  body.marko-about-page .coaching-service-card h3 {margin-top:16px}
  body.marko-about-page .about-story-grid-v84 {
    grid-template-columns:1fr;
    justify-items:center;
    width:min(100%,880px);
    gap:22px;
    margin-inline:auto;
  }
  body.marko-about-page .about-story-grid-v84 .about-photo-card-v84 {
    width:min(100%,560px);height:370px;min-height:0;
  }
  body.marko-about-page .about-story-grid-v84 .about-photo-card-v84__frame {height:100%}
  body.marko-about-page .about-story-grid-v84 .about-photo-card-v84 img {height:100%;min-height:0;object-position:center 32%}
  body.marko-about-page .about-story-card {width:100%;min-height:0;text-align:center}
  body.marko-about-page .about-story-card .product-card-minimal__content {max-width:730px;min-height:0;margin-inline:auto}
  body.marko-about-page .about-story-card h2 {max-width:700px;margin-inline:auto;text-wrap:balance}
  body.marko-about-page .coaching-fit-group .product-card-minimal__content {max-width:760px;margin-inline:auto;text-align:center}
  body.marko-about-page .marko-about-actions {justify-content:center}

  /* Konzultacije: the photo follows the invitation, as on the contact pages. */
  body.marko-consultations-page .marko-consultations-hero {padding:122px 0 68px !important}
  body.marko-consultations-page .marko-consultations-hero__grid {
    width:min(100% - 48px,960px);
    grid-template-columns:minmax(0,1fr);
    justify-items:center;
    gap:34px;
  }
  body.marko-consultations-page .marko-consultations-hero__copy {width:100%;max-width:850px;text-align:center}
  body.marko-consultations-page .marko-consultations-hero__copy .eyebrow {margin-bottom:14px}
  body.marko-consultations-page .marko-consultations-hero__copy h1 {max-width:800px;margin:0 auto 20px;text-wrap:balance}
  body.marko-consultations-page .marko-consultations-hero__copy .lead {max-width:690px;margin-inline:auto;text-wrap:pretty}
  body.marko-consultations-page .marko-consultations-hero__copy .contact-messenger-actions {justify-content:center}
  body.marko-consultations-page .marko-consultations-hero__media {
    width:min(100%,690px);height:390px;aspect-ratio:auto;margin:0 auto;
  }
  body.marko-consultations-page .marko-consultations-hero__media img {object-position:center 37%}
  body.marko-consultations-page .contact-message-grid {gap:22px}

  /* Contact and education: consistent section widths and card alignment. */
  body.marko-contact-page .contact-messenger-hero .products-hero-minimal__inner {max-width:850px}
  body.marko-contact-page .contact-messenger-hero h1 {max-width:780px;text-wrap:balance}
  body.marko-contact-page .contact-messenger-hero .lead {max-width:680px;text-wrap:pretty}
  body.marko-contact-page .contact-message-grid {gap:22px}
  body.education-performance-page .education-hero .products-hero-minimal__inner {max-width:900px;text-align:center}
  body.education-performance-page .education-hero h1 {max-width:820px;margin-inline:auto;text-wrap:balance}
  body.education-performance-page .education-hero .lead {max-width:680px;margin-inline:auto}
  body.education-performance-page .education-return {margin-inline:auto}
  body.education-performance-page .products-group__header {max-width:800px;margin-inline:auto;text-align:center}
  body.education-performance-page .education-grid {gap:22px;align-items:stretch}
  body.education-performance-page .education-card {height:100%}
  body.education-performance-page .education-card .product-card-minimal__content {height:100%}
  body.education-performance-page .education-recorded {max-width:980px;margin-inline:auto}

  /* Mentorship: centered headline, clear vertical sequence, regular card grids. */
  body.ec-mentorship .mentorship-hero-grid {
    width:min(100% - 48px,1000px);
    min-height:0;
    grid-template-columns:minmax(0,1fr);
    justify-items:center;
    gap:32px;
    padding-block:92px 80px;
  }
  body.ec-mentorship .mentorship-hero-copy {width:min(100%,850px);text-align:center}
  body.ec-mentorship .mentorship-back {display:block;width:max-content;margin:0 auto 28px}
  body.ec-mentorship .mentorship-eyebrow {justify-content:center}
  body.ec-mentorship h1 {max-width:810px;margin:22px auto;text-wrap:balance}
  body.ec-mentorship .mentorship-lead {max-width:690px;margin-inline:auto;text-wrap:pretty}
  body.ec-mentorship .mentorship-actions,
  body.ec-mentorship .mentorship-hero-facts {justify-content:center}
  body.ec-mentorship .mentorship-hero-facts {margin-top:32px}
  body.ec-mentorship .mentorship-hero-media {width:min(100%,760px);min-height:410px;margin-inline:auto}
  body.ec-mentorship .mentorship-intro-grid,
  body.ec-mentorship .mentorship-format-grid {max-width:920px;grid-template-columns:minmax(0,1fr);gap:28px;text-align:center}
  body.ec-mentorship .mentorship-intro-card {max-width:780px;margin-inline:auto}
  body.ec-mentorship .mentorship-section-heading {display:block;text-align:center;max-width:800px;margin:0 auto 38px}
  body.ec-mentorship .mentorship-section-heading>p {max-width:680px;margin:16px auto 0}
  body.ec-mentorship .mentorship-format-grid>div>p {max-width:660px;margin:18px auto 0}
  body.ec-mentorship .mentorship-format-items {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;text-align:left}
  body.ec-mentorship .mentorship-modules {gap:20px}
  body.ec-mentorship .mentorship-module {height:100%;min-height:230px}
  body.ec-mentorship .mentorship-mentors .mentorship-container>h2,
  body.ec-mentorship .mentorship-mentors .mentorship-container>.mentorship-kicker {display:block;text-align:center}
  body.ec-mentorship .mentorship-mentor-grid {gap:20px}
  body.ec-mentorship .mentorship-apply-panel {max-width:960px;margin-inline:auto;text-align:center}
  body.ec-mentorship .mentorship-apply-panel p {max-width:650px;margin:22px auto 28px}

  /* Performance Camp: place the invitation and poster on one central axis. */
  body.ec-camp .camp-hero-grid {
    width:min(100% - 48px,1000px);
    min-height:0;
    grid-template-columns:minmax(0,1fr);
    justify-items:center;
    gap:34px;
    padding:116px 0 82px;
  }
  body.ec-camp .camp-hero-copy {width:min(100%,850px);text-align:center}
  body.ec-camp .camp-back {display:block;width:max-content;margin:0 auto 32px}
  body.ec-camp .camp-hero h1 {max-width:800px;margin:19px auto 24px;text-wrap:balance}
  body.ec-camp .camp-hero-copy>p {max-width:680px;margin-left:auto;margin-right:auto;text-wrap:pretty}
  body.ec-camp .camp-actions,
  body.ec-camp .camp-facts {justify-content:center}
  body.ec-camp .camp-facts {margin-top:34px}
  body.ec-camp .camp-hero-media {width:min(100%,410px);max-width:none;margin:0 auto}
  body.ec-camp .camp-intro .camp-wrap {max-width:920px;grid-template-columns:minmax(0,1fr);gap:14px;text-align:center}
  body.ec-camp .camp-intro .camp-kicker {grid-column:auto;margin:0}
  body.ec-camp .camp-intro p {max-width:740px;margin:0 auto}
  body.ec-camp .camp-program>.camp-wrap>.camp-kicker,
  body.ec-camp .camp-program>.camp-wrap>h2 {display:block;text-align:center}
  body.ec-camp .camp-program>.camp-wrap>h2 {max-width:800px;margin:16px auto 42px;text-wrap:balance}
  body.ec-camp .camp-day {grid-template-columns:minmax(0,1fr);gap:26px;max-width:1000px;margin:0 auto 22px}
  body.ec-camp .camp-day-heading {text-align:center}
  body.ec-camp .camp-day-heading>span {margin-bottom:12px}
  body.ec-camp .camp-day-heading p {max-width:700px;margin:14px auto 0}
  body.ec-camp .camp-topics {gap:18px}
  body.ec-camp .camp-end-card {max-width:960px;margin-inline:auto;text-align:center}
  body.ec-camp .camp-end p {max-width:690px;margin:20px auto 28px}
}