/* Mayana Core 7.7.25 — isolated four-section homepage simplification. */
.mayana-home-guide,
.mayana-home-mastery-note,
.mayana-home-social,
.mayana-home-about {
  --mayana-home-accent: var(--theme-palette-color-1, #d8ae63);
  --mayana-home-ink: #191714;
  --mayana-home-muted: #6d685f;
  --mayana-home-line: #e8e0d4;
  --mayana-home-soft: #fbf8f3;
  --mayana-home-white: #fff;
  box-sizing: border-box;
  width: min(1360px, calc(100% - 48px));
  max-width: 1360px;
  margin: clamp(76px, 7vw, 96px) auto 0;
  color: var(--mayana-home-ink);
  font-family: inherit;
}

.mayana-home-guide *,
.mayana-home-mastery-note *,
.mayana-home-social *,
.mayana-home-about * {
  box-sizing: border-box;
}

.mayana-home-guide__inner,
.mayana-home-mastery-note__inner,
.mayana-home-social__inner,
.mayana-home-about__inner {
  width: 100%;
}

.mayana-home-guide__eyebrow,
.mayana-home-mastery-note__eyebrow,
.mayana-home-social__eyebrow,
.mayana-home-about__eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 10px;
  color: var(--mayana-home-accent);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .16em;
}

.mayana-home-guide__title,
.mayana-home-mastery-note__title,
.mayana-home-social__title,
.mayana-home-about__title {
  margin: 0;
  color: inherit;
  font-family: var(--fontFamily, inherit);
  font-size: clamp(30px, 2.7vw, 42px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.mayana-home-guide__description,
.mayana-home-mastery-note__description,
.mayana-home-social__description,
.mayana-home-about__description {
  max-width: 800px;
  margin: 12px 0 0;
  color: var(--mayana-home-muted);
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.62;
}

.mayana-home-guide :is(.mayana-home-guide__all-link, .mayana-home-guide__card-link):focus-visible,
.mayana-home-mastery-note :is(.mayana-home-mastery-note__media-link, .mayana-home-mastery-note__video, .mayana-home-mastery-note__button, .mayana-home-mastery-note__text-link):focus-visible,
.mayana-home-social .mayana-home-social__button:focus-visible,
.mayana-home-about .mayana-home-about__toggle:focus-visible {
  outline: 2px solid var(--mayana-home-accent);
  outline-offset: 3px;
}

/* Mutfak Rehberi */
.mayana-home-guide__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 24px;
}

.mayana-home-guide__heading-copy {
  min-width: 0;
}

.mayana-home-guide__all-link {
  display: inline-flex;
  flex: 0 0 auto;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 2px;
  border-bottom: 1px solid currentColor;
  color: var(--mayana-home-ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}

.mayana-home-guide__all-link svg,
.mayana-home-guide__read-more svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.mayana-home-guide__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.mayana-home-guide__grid--1 {
  grid-template-columns: minmax(0, 560px);
  justify-content: center;
}

.mayana-home-guide__grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 920px;
  margin-inline: auto;
}

.mayana-home-guide__grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1120px;
  margin-inline: auto;
}

.mayana-home-guide__card {
  min-width: 0;
  height: 100%;
  margin: 0;
  border: 1px solid var(--mayana-home-line);
  border-radius: 0;
  background: var(--mayana-home-white);
  box-shadow: 0 8px 24px rgba(27, 21, 13, .04);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.mayana-home-guide__card-link {
  display: flex;
  min-height: 100%;
  padding: 22px;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.mayana-home-guide__type {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--mayana-home-accent);
  font-size: 10px;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: .09em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.mayana-home-guide__card-title {
  display: -webkit-box;
  min-height: 3.45em;
  margin: 14px 0 0;
  overflow: hidden;
  color: var(--mayana-home-ink);
  font-size: clamp(18px, 1.35vw, 21px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.012em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.mayana-home-guide__card-summary {
  display: -webkit-box;
  min-height: 3.05em;
  margin: 10px 0 0;
  overflow: hidden;
  color: var(--mayana-home-muted);
  font-size: 13px;
  line-height: 1.52;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mayana-home-guide__read-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: auto 0 0;
  padding-top: 18px;
  color: var(--mayana-home-ink);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.3;
}

/* Bugünün Ustalık Notu */
.mayana-home-mastery-note__header {
  margin-bottom: 24px;
}

.mayana-home-mastery-note__feature {
  display: grid;
  grid-template-columns: minmax(0, 44fr) minmax(0, 56fr);
  min-height: 440px;
  overflow: hidden;
  border: 1px solid var(--mayana-home-line);
  border-radius: 0;
  background: var(--mayana-home-white);
  box-shadow: 0 14px 38px rgba(27, 21, 13, .06);
}

.mayana-home-mastery-note__media {
  position: relative;
  display: block;
  min-height: 440px;
  overflow: hidden;
  background: #eee8de;
  color: inherit;
}

.mayana-home-mastery-note__media-link {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 440px;
  color: inherit;
  text-decoration: none;
}

.mayana-home-mastery-note__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 440px;
  object-fit: cover;
  object-position: center center;
  transition: transform .3s ease;
}

.mayana-home-mastery-note__image-placeholder {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 440px;
  align-items: center;
  justify-content: center;
  color: var(--mayana-home-accent);
}

.mayana-home-mastery-note__image-placeholder svg {
  width: 72px;
  height: 72px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.25;
}

.mayana-home-mastery-note__video {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 50%;
  background: rgba(17,17,17,.72);
  color: var(--mayana-home-accent);
  backdrop-filter: blur(8px);
}

.mayana-home-mastery-note__video svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
  stroke: none;
}

.mayana-home-mastery-note__copy {
  display: flex;
  min-width: 0;
  padding: clamp(30px, 3.5vw, 48px);
  flex-direction: column;
  justify-content: center;
}

.mayana-home-mastery-note__type {
  display: inline-flex;
  align-self: flex-start;
  padding: 7px 10px;
  border: 1px solid color-mix(in srgb, var(--mayana-home-accent) 55%, transparent);
  border-radius: 0;
  color: var(--mayana-home-accent);
  font-size: 10px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mayana-home-mastery-note__note-title {
  display: -webkit-box;
  margin: 16px 0 0;
  overflow: hidden;
  color: var(--mayana-home-ink);
  font-size: clamp(25px, 2.25vw, 36px);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -.025em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.mayana-home-mastery-note__note-text {
  display: -webkit-box;
  margin: 12px 0 0;
  overflow: hidden;
  color: var(--mayana-home-muted);
  font-size: clamp(15px, 1.2vw, 17px);
  line-height: 1.62;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.mayana-home-mastery-note__recipe-label {
  display: block;
  margin: 20px 0 0;
  color: var(--mayana-home-accent);
  font-size: 10px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.mayana-home-mastery-note__recipe-title {
  display: -webkit-box;
  margin: 6px 0 0;
  overflow: hidden;
  color: var(--mayana-home-ink);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.32;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mayana-home-mastery-note__recipe-description {
  display: -webkit-box;
  margin: 6px 0 0;
  overflow: hidden;
  color: var(--mayana-home-muted);
  font-size: 13px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mayana-home-mastery-note__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 20px;
  margin-top: 22px;
}

.mayana-home-mastery-note__button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: 1px solid var(--mayana-home-accent);
  border-radius: 0;
  background: var(--mayana-home-accent);
  color: #17130e;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
  text-decoration: none;
  transition: filter .2s ease, transform .2s ease;
}

.mayana-home-mastery-note__text-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: var(--mayana-home-ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}

.mayana-home-mastery-note__text-link:hover {
  color: var(--mayana-home-accent);
}

/* Sosyal medya */
.mayana-home-social {
  overflow: hidden;
  border-radius: 0;
  background: #1b1a18;
  color: #fff;
}

.mayana-home-social__inner {
  padding: clamp(32px, 3vw, 44px);
}

.mayana-home-social__header {
  max-width: 1180px;
  margin: 0 auto 18px;
  text-align: center;
}

.mayana-home-social__title {
  color: #fff;
  font-size: clamp(30px, 2.5vw, 38px);
}

.mayana-home-social__description {
  margin: 9px auto 0;
  color: rgba(255,255,255,.7);
  font-size: 15px;
  line-height: 1.55;
}

.mayana-home-social__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.mayana-home-social__grid--1 {
  grid-template-columns: minmax(0, 640px);
  justify-content: center;
}

.mayana-home-social__card {
  display: flex;
  min-width: 0;
  min-height: 220px;
  padding: clamp(22px, 2vw, 28px);
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid rgba(216,174,99,.32);
  border-radius: 0;
  background: rgba(255,255,255,.035);
  transition: transform .2s ease, border-color .2s ease;
}

.mayana-home-social__icon {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(216,174,99,.44);
  border-radius: 50%;
  color: var(--mayana-home-accent);
}

.mayana-home-social__icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}

.mayana-home-social__icon .is-fill {
  fill: currentColor;
  stroke: none;
}

.mayana-home-social__card-title {
  margin: 13px 0 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.mayana-home-social__card-description {
  display: -webkit-box;
  min-height: 3.1em;
  margin: 7px 0 22px;
  overflow: hidden;
  color: rgba(255,255,255,.7);
  font-size: 13.5px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mayana-home-social__button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  padding: 10px 16px;
  border: 1px solid var(--mayana-home-accent);
  border-radius: 0;
  background: var(--mayana-home-accent);
  color: #17130e;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
  text-decoration: none;
  transition: filter .2s ease, transform .2s ease;
}

/* Mayana Nasıl Çalışır */
.mayana-home-about {
  width: min(1240px, calc(100% - 48px));
  max-width: 1240px;
  margin-top: clamp(80px, 6vw, 90px);
  margin-bottom: 80px;
}

.mayana-home-about__header {
  max-width: 800px;
  margin-bottom: 30px;
}

.mayana-home-about__title {
  font-size: clamp(42px, 3vw, 46px);
  line-height: 1.15;
}

.mayana-home-about__description {
  max-width: 800px;
  font-size: 17px;
  line-height: 1.64;
}

.mayana-home-about__list {
  overflow: hidden;
  border: 1px solid var(--mayana-home-line);
  border-radius: 0;
  background: var(--mayana-home-white);
}

.mayana-home-about__item {
  margin: 0;
  border-bottom: 1px solid var(--mayana-home-line);
}

.mayana-home-about__item:last-child {
  border-bottom: 0;
}

.mayana-home-about__question-heading {
  margin: 0;
}

.mayana-home-about__toggle {
  display: flex;
  width: 100%;
  min-height: 70px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px;
  border: 0;
  background: transparent;
  color: var(--mayana-home-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.mayana-home-about__question {
  min-width: 0;
  font-size: clamp(18px, 1.35vw, 19px);
  font-weight: 700;
  line-height: 1.4;
}

.mayana-home-about__chevron {
  display: inline-flex;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--mayana-home-line);
  border-radius: 50%;
  color: var(--mayana-home-accent);
  transition: transform .2s ease, background .2s ease;
}

.mayana-home-about__chevron svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.mayana-home-about__item.is-open .mayana-home-about__chevron {
  transform: rotate(180deg);
  background: color-mix(in srgb, var(--mayana-home-accent) 9%, transparent);
}

.mayana-home-about__panel[hidden] {
  display: none;
}

.mayana-home-about__panel {
  padding: 22px 70px 26px 22px;
  background: var(--mayana-home-soft);
}

.mayana-home-about__answer {
  max-width: 900px;
  margin: 0;
  color: var(--mayana-home-muted);
  font-size: 16.5px;
  line-height: 1.64;
}

@media (hover: hover) and (pointer: fine) {
  .mayana-home-guide__card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--mayana-home-accent) 58%, var(--mayana-home-line));
    box-shadow: 0 12px 28px rgba(27, 21, 13, .065);
  }

  .mayana-home-mastery-note__media-link:hover .mayana-home-mastery-note__image {
    transform: scale(1.012);
  }

  .mayana-home-mastery-note__button:hover,
  .mayana-home-social__button:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
  }

  .mayana-home-social__card:hover {
    transform: translateY(-3px);
    border-color: rgba(216,174,99,.52);
  }
}

@media (min-width: 1025px) {
  .mayana-home-social__title,
  .mayana-home-social__description {
    max-width: none;
    white-space: nowrap;
  }
}

@media (max-width: 1024px) {
  .mayana-home-guide__grid,
  .mayana-home-guide__grid--3,
  .mayana-home-guide__grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
  }

  .mayana-home-mastery-note__feature {
    grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
    min-height: 430px;
  }

  .mayana-home-mastery-note__media,
  .mayana-home-mastery-note__media-link,
  .mayana-home-mastery-note__image {
    min-height: 430px;
  }

  .mayana-home-about__title {
    font-size: clamp(36px, 4vw, 40px);
  }
}

@media (max-width: 768px) {
  .mayana-home-guide,
  .mayana-home-mastery-note,
  .mayana-home-social {
    width: min(100% - 32px, 1360px);
    margin-top: 64px;
  }

  .mayana-home-about {
    width: min(100% - 32px, 1240px);
    margin-top: 54px;
    margin-bottom: 54px;
  }

  .mayana-home-guide__header {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .mayana-home-guide__all-link {
    min-height: 44px;
  }

  .mayana-home-guide__grid,
  .mayana-home-guide__grid--1,
  .mayana-home-guide__grid--2,
  .mayana-home-guide__grid--3,
  .mayana-home-guide__grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
  }

  .mayana-home-mastery-note__feature {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .mayana-home-mastery-note__media,
  .mayana-home-mastery-note__media-link,
  .mayana-home-mastery-note__image {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .mayana-home-mastery-note__copy {
    padding: 26px;
  }

  .mayana-home-social__inner {
    padding: 28px 20px;
  }

  .mayana-home-social__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .mayana-home-social__card {
    min-height: 0;
  }

  .mayana-home-about__header {
    margin-bottom: 30px;
  }

  .mayana-home-about__title {
    font-size: clamp(29px, 7vw, 33px);
  }

  .mayana-home-about__description {
    font-size: 15.5px;
  }

  .mayana-home-about__toggle {
    min-height: 62px;
  }

  .mayana-home-about__question {
    font-size: 16.5px;
  }

  .mayana-home-about__panel {
    padding: 22px 18px 24px;
  }

  .mayana-home-about__answer {
    font-size: 15.5px;
  }
}

@media (max-width: 560px) {
  .mayana-home-guide__grid,
  .mayana-home-guide__grid--1,
  .mayana-home-guide__grid--2,
  .mayana-home-guide__grid--3,
  .mayana-home-guide__grid--4 {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 430px) {
  .mayana-home-guide,
  .mayana-home-mastery-note,
  .mayana-home-social {
    width: calc(100% - 24px);
    margin-top: 56px;
  }

  .mayana-home-about {
    width: calc(100% - 24px);
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .mayana-home-guide__title,
  .mayana-home-mastery-note__title,
  .mayana-home-social__title {
    font-size: clamp(27px, 7vw, 31px);
  }

  .mayana-home-guide__description,
  .mayana-home-mastery-note__description,
  .mayana-home-social__description {
    font-size: 14px;
  }

  .mayana-home-guide__card-link {
    padding: 18px;
  }

  .mayana-home-guide__card-title {
    min-height: 0;
    font-size: 18px;
    -webkit-line-clamp: 3;
  }

  .mayana-home-guide__card-summary {
    min-height: 0;
    font-size: 12.5px;
  }

  .mayana-home-mastery-note__copy {
    padding: 22px 18px;
  }

  .mayana-home-mastery-note__note-title {
    font-size: 24px;
  }

  .mayana-home-mastery-note__note-text {
    font-size: 14px;
  }

  .mayana-home-mastery-note__actions {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    margin-top: 20px;
  }

  .mayana-home-mastery-note__button,
  .mayana-home-mastery-note__text-link {
    width: 100%;
    justify-content: center;
  }

  .mayana-home-social__inner {
    padding: 24px 16px;
  }

  .mayana-home-social__card {
    padding: 20px;
  }

  .mayana-home-about__toggle {
    min-height: 60px;
    gap: 10px;
    padding: 15px 14px;
  }

  .mayana-home-about__chevron {
    flex-basis: 30px;
    width: 30px;
    height: 30px;
  }

  .mayana-home-about__panel {
    padding: 20px 14px 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mayana-home-guide__card,
  .mayana-home-mastery-note__image,
  .mayana-home-mastery-note__button,
  .mayana-home-social__card,
  .mayana-home-social__button,
  .mayana-home-about__chevron {
    transition: none;
  }
}

/* 7.7.56 — eight mixed guide cards, four cards per desktop row. */
.mayana-home-guide__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.mayana-home-guide__grid--1 { grid-template-columns: minmax(0, 1fr); }
.mayana-home-guide__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mayana-home-guide__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mayana-home-guide__grid--4,
.mayana-home-guide__grid--5,
.mayana-home-guide__grid--6,
.mayana-home-guide__grid--7,
.mayana-home-guide__grid--8 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.mayana-home-guide__card {
  overflow: hidden;
}

.mayana-home-guide__card-link {
  padding: 0;
}

.mayana-home-guide__media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f3eee6;
}

.mayana-home-guide__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .28s ease;
}

.mayana-home-guide__content {
  display: flex;
  min-width: 0;
  min-height: 218px;
  padding: 18px;
  flex: 1 1 auto;
  flex-direction: column;
}

.mayana-home-guide__card-title {
  min-height: 2.5em;
  margin-top: 11px;
  line-height: 1.23;
  -webkit-line-clamp: 2;
}

.mayana-home-guide__card-summary {
  min-height: 3.05em;
}

.mayana-home-mastery-note__feature {
  grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
  min-height: 360px;
}

.mayana-home-mastery-note__media,
.mayana-home-mastery-note__media-link,
.mayana-home-mastery-note__image {
  min-height: 360px;
}

.mayana-home-mastery-note__copy {
  padding: clamp(28px, 3vw, 42px);
}

@media (hover: hover) and (pointer: fine) {
  .mayana-home-guide__card:hover .mayana-home-guide__image {
    transform: scale(1.025);
  }
}

@media (max-width: 1024px) {
  .mayana-home-guide__grid,
  .mayana-home-guide__grid--4,
  .mayana-home-guide__grid--5,
  .mayana-home-guide__grid--6,
  .mayana-home-guide__grid--7,
  .mayana-home-guide__grid--8 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mayana-home-mastery-note__feature {
    grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
    min-height: 340px;
  }

  .mayana-home-mastery-note__media,
  .mayana-home-mastery-note__media-link,
  .mayana-home-mastery-note__image {
    min-height: 340px;
  }
}

@media (max-width: 768px) {
  .mayana-home-guide__grid,
  .mayana-home-guide__grid--1,
  .mayana-home-guide__grid--2,
  .mayana-home-guide__grid--3,
  .mayana-home-guide__grid--4,
  .mayana-home-guide__grid--5,
  .mayana-home-guide__grid--6,
  .mayana-home-guide__grid--7,
  .mayana-home-guide__grid--8 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .mayana-home-guide__content {
    min-height: 210px;
    padding: 16px;
  }

  .mayana-home-mastery-note__feature {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .mayana-home-mastery-note__media,
  .mayana-home-mastery-note__media-link,
  .mayana-home-mastery-note__image {
    width: 100%;
    min-height: 0;
    max-height: 240px;
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 560px) {
  .mayana-home-guide__grid,
  .mayana-home-guide__grid--1,
  .mayana-home-guide__grid--2,
  .mayana-home-guide__grid--3,
  .mayana-home-guide__grid--4,
  .mayana-home-guide__grid--5,
  .mayana-home-guide__grid--6,
  .mayana-home-guide__grid--7,
  .mayana-home-guide__grid--8 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mayana-home-guide__content {
    min-height: 188px;
    padding: 13px;
  }

  .mayana-home-guide__type {
    font-size: 8.5px;
    white-space: normal;
  }

  .mayana-home-guide__card-title {
    min-height: 3.7em;
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.22;
    -webkit-line-clamp: 3;
  }

  .mayana-home-guide__card-summary {
    min-height: 2.9em;
    margin-top: 7px;
    font-size: 11.5px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
  }

  .mayana-home-guide__read-more {
    gap: 5px;
    padding-top: 12px;
    font-size: 10.5px;
  }

  .mayana-home-guide__read-more svg {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 370px) {
  .mayana-home-guide__content {
    min-height: 180px;
    padding: 11px;
  }

  .mayana-home-guide__card-title {
    font-size: 14px;
  }

  .mayana-home-guide__card-summary {
    display: none;
  }
}

/* 7.7.47 — final mastery balance: 38% visual / 62% content.
 * This block intentionally comes last so the former 20/80 experiment cannot
 * override the approved layout. */
@media (min-width: 1025px) {
  .mayana-home-mastery-note__feature {
    grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
    min-height: 340px;
  }

  .mayana-home-mastery-note__media,
  .mayana-home-mastery-note__media-link,
  .mayana-home-mastery-note__image {
    min-height: 340px;
    height: 100%;
  }

  .mayana-home-mastery-note__copy {
    padding: clamp(28px, 3vw, 42px);
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .mayana-home-mastery-note__feature {
    grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
    min-height: 320px;
  }

  .mayana-home-mastery-note__media,
  .mayana-home-mastery-note__media-link,
  .mayana-home-mastery-note__image {
    min-height: 320px;
    height: 100%;
  }
}

@media (max-width: 768px) {
  .mayana-home-mastery-note__media,
  .mayana-home-mastery-note__media-link,
  .mayana-home-mastery-note__image {
    max-height: 220px;
  }
}
