/* ==== home.css ==== */
/* Mini Problems home page — redesigned component layer (1.4.0). */

/* The editable homepage lives in post_content. The Post Content block is only
   a template bridge; removing its box preserves the exact front-end geometry
   of the original front-page template. */
.mp-front-page-content {
  display: contents;
}

.mp-reference-page-content {
  display: contents;
}

/* Preserve the theme block gap that existed between the header and the
   reference-page wrapper before its content moved into post_content. */
.mp-reference-page-content > .mp-reference-page {
  margin-block-start: 32px !important;
}

/* Mini Care previously lived inside an editable-page wrapper whose responsive
   top padding was 28px on desktop and 18px on narrow screens. */
.mp-mini-care-page-content > .mp-reference-page,
.mp-about-page-content > .mp-reference-page {
  margin-block-start: 28px !important;
}

@media (max-width: 781px) {
  .mp-mini-care-page-content > .mp-reference-page,
  .mp-about-page-content > .mp-reference-page {
    margin-block-start: 18px !important;
  }
}

.mp-front-page {
  overflow: clip;
}

.mp-front-page > * {
  margin-block-start: 0;
}

/* Hero */
.mp-front-page .mp-hero {
  min-height: clamp(520px, 46vw, 690px) !important;
  background: #ece8e0;
}

.mp-front-page .mp-hero .wp-block-cover__image-background {
  object-position: center center;
}

.mp-front-page .mp-hero__content {
  width: min(520px, 44vw);
  padding: clamp(34px, 5vw, 72px);
  background: rgba(255, 255, 255, .88);
  backdrop-filter: blur(8px);
  border-radius: 2px;
}

.mp-front-page .mp-hero__title {
  margin: 0;
  font-size: clamp(36px, 4.4vw, 68px);
  line-height: .95;
  letter-spacing: -.045em;
}

.mp-front-page .mp-hero__desc {
  margin: 20px 0 0;
  font-size: clamp(17px, 1.6vw, 23px);
  line-height: 1.42;
}

.mp-front-page .mp-hero__script {
  margin: 16px 0 0;
  font-size: clamp(17px, 1.5vw, 22px);
}

.mp-front-page .mp-hero__actions {
  gap: 10px;
  margin-top: 28px;
}

.mp-front-page .mp-hero__btn .wp-block-button__link {
  min-height: 48px;
  padding: 13px 24px;
  border-radius: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Trust strip */
.mp-front-page .mp-trust {
  padding: 22px var(--mp-gutter);
  border-bottom: 1px solid var(--mp-line);
  background: #fff;
}

.mp-front-page .mp-trust__row {
  width: min(100%, var(--mp-page-width));
  margin-inline: auto;
  gap: 0;
}

.mp-front-page .mp-trust__item {
  flex: 1 1 25%;
  min-width: 0;
  gap: 12px;
  padding: 6px 24px;
  border-right: 1px solid var(--mp-line);
}

.mp-front-page .mp-trust__item:last-child {
  border-right: 0;
}

.mp-front-page .mp-trust__title,
.mp-front-page .mp-trust__desc {
  margin: 0;
}

.mp-front-page .mp-trust__title {
  font-size: 13px;
  letter-spacing: .06em;
}

.mp-front-page .mp-trust__desc {
  color: var(--mp-muted);
  font-size: 12px;
}

/* Shared section heading */
.mp-front-page .mp-front-title {
  margin: 0;
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1;
  letter-spacing: -.035em;
}

.mp-front-page .mp-front-link {
  margin: 0;
  font-size: 14px;
}

.mp-front-page .mp-front-link a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

/* New products is intentionally placed directly after the trust strip. */
.mp-front-page .mp-new-products {
  padding: clamp(54px, 7vw, 100px) var(--mp-gutter);
  background: #fff;
}

.mp-front-page .mp-new-products__inner {
  width: min(100%, var(--mp-page-width));
}

.mp-front-page .mp-section-head--row {
  margin-bottom: clamp(24px, 3vw, 42px);
}

.mp-front-page .mp-new-products .mp-products-grid ul.wc-block-product-template,
.mp-front-page .mp-new-products .mp-products-grid .wc-block-product-template {
  gap: clamp(16px, 2vw, 30px) !important;
}

.mp-front-page .mp-new-products .mp-product-card {
  height: 100%;
}

.mp-front-page .mp-new-products .mp-product-card__image {
  overflow: hidden;
  aspect-ratio: 4 / 5;
  height: auto !important;
  background: var(--mp-soft);
}

.mp-front-page .mp-new-products .mp-product-card__image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  transition: transform .35s ease;
}

@media (hover: hover) {
  .mp-front-page .mp-new-products .mp-product-card:hover .mp-product-card__image img {
    transform: scale(1.025);
  }
}

.mp-front-page .mp-new-products .mp-product-card__meta {
  align-items: flex-start;
  gap: 14px;
  padding-top: 14px;
}

.mp-front-page .mp-new-products .mp-product-card__button .wp-block-button__link,
.mp-front-page .mp-new-products .mp-product-card__button .wp-element-button {
  min-width: 44px;
  min-height: 44px;
  border-radius: 50%;
}

/* Gender navigation */
.mp-front-page .mp-gender {
  padding: 0;
}

.mp-front-page .mp-gender__grid {
  gap: 2px;
  margin: 0;
}

.mp-front-page .mp-gender__cover {
  min-height: clamp(430px, 48vw, 680px);
}

.mp-front-page .mp-gender__cover .wp-block-cover__image-background {
  transition: transform .5s ease;
}

@media (hover: hover) {
  .mp-front-page .mp-gender__cover:hover .wp-block-cover__image-background {
    transform: scale(1.02);
  }
}

.mp-front-page .mp-gender__button-area {
  height: 100%;
  align-items: flex-end;
  padding: 0 8% 8% !important;
}

.mp-front-page .mp-gender__button .wp-block-button__link {
  min-height: 48px;
  padding: 13px 22px;
  border-radius: 0;
  background: rgba(255,255,255,.92);
  color: var(--mp-text);
  font-size: 14px;
  font-weight: 700;
}

/* Editorial UPF sections */
.mp-front-page .mp-upf-feature {
  min-height: clamp(560px, 50vw, 720px) !important;
}

.mp-front-page .mp-upf-feature__card {
  width: min(480px, 42vw);
  margin-right: clamp(24px, 7vw, 110px);
  padding: clamp(28px, 4vw, 54px);
  background: rgba(255,255,255,.93);
}

.mp-front-page .mp-upf-feature__card h2 {
  margin-top: 0;
  font-size: clamp(34px, 3.6vw, 54px);
}

.mp-front-page .mp-upf-compare,
.mp-front-page .mp-upf-explain,
.mp-front-page .mp-hits,
.mp-front-page .mp-cheaper,
.mp-front-page .mp-delivery-home,
.mp-front-page .mp-care {
  scroll-margin-top: calc(var(--mp-header-height) + 20px);
}

/* Mobile */
@media (max-width: 781px) {
  .mp-front-page .mp-hero {
    display: flex;
    align-items: flex-end;
    min-height: clamp(520px, 135vw, 690px) !important;
    padding: 0 !important;
  }

  .mp-front-page .mp-hero .wp-block-cover__image-background {
    object-position: 58% center;
  }

  .mp-front-page .mp-hero__content {
    width: calc(100% - 24px);
    margin: 0 12px 12px;
    padding: 24px 20px;
    background: rgba(255,255,255,.94);
  }

  .mp-front-page .mp-hero__title {
    font-size: clamp(34px, 11vw, 52px);
  }

  .mp-front-page .mp-hero__desc br {
    display: none;
  }

  /* WordPress's content pipeline strips a literal space (and even a
   * literal nbsp) placed right before a <br> in saved block content, so a
   * real space character can't survive here to replace the hidden <br>.
   * A wrapping element isn't touched by that, so the gap is added in CSS
   * instead, scoped to this exact breakpoint where the <br> disappears. */
  .mp-front-page .mp-hero__desc-line2 {
    margin-left: 0.3em;
  }

  .mp-front-page .mp-hero__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .mp-front-page .mp-hero__btn,
  .mp-front-page .mp-hero__btn .wp-block-button__link {
    width: 100%;
  }

  .mp-front-page .mp-trust {
    padding: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .mp-front-page .mp-trust::-webkit-scrollbar {
    display: none;
  }

  .mp-front-page .mp-trust__row {
    justify-content: flex-start !important;
    width: max-content;
    min-width: 100%;
  }

  .mp-front-page .mp-trust__item {
    flex: 0 0 auto;
    min-width: 170px;
    padding: 18px 16px;
  }

  .mp-front-page .mp-new-products {
    padding: 44px 14px 54px;
  }

  .mp-front-page .mp-section-head--row {
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 22px;
  }

  .mp-front-page .mp-front-title {
    font-size: 32px;
  }

  .mp-front-page .mp-front-link {
    white-space: nowrap;
    font-size: 12px;
  }

  .mp-front-page .mp-new-products .mp-products-grid ul.wc-block-product-template,
  .mp-front-page .mp-new-products .mp-products-grid .wc-block-product-template {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 10px !important;
  }

  .mp-front-page .mp-new-products .mp-product-card__meta {
    display: block;
    padding-top: 9px;
  }

  .mp-front-page .mp-new-products .mp-product-card__button {
    margin-top: 8px;
  }

  .mp-front-page .mp-new-products .mp-product-card__button .wp-block-button__link,
  .mp-front-page .mp-new-products .mp-product-card__button .wp-element-button {
    width: 100%;
    min-height: 40px;
    border-radius: 0;
  }

  .mp-front-page .mp-gender__grid {
    display: grid;
    grid-template-columns: 1fr;
  }

  .mp-front-page .mp-gender__cover {
    min-height: min(118vw, 560px);
  }

  .mp-front-page .mp-gender__button-area {
    padding: 0 18px 18px !important;
    justify-content: flex-start !important;
  }

  .mp-front-page .mp-upf-feature {
    align-items: flex-end;
    min-height: min(145vw, 680px) !important;
    padding: 0 !important;
  }

  .mp-front-page .mp-upf-feature .wp-block-cover__image-background {
    object-position: 58% center;
  }

  .mp-front-page .mp-upf-feature__card {
    width: calc(100% - 24px);
    margin: 0 12px 12px;
    padding: 24px 20px;
  }

  .mp-cheaper__market-icons {
    justify-content: center;
  }
}

@media (max-width: 430px) {
  .mp-front-page .mp-hero__actions {
    grid-template-columns: 1fr;
  }

  .mp-front-page .mp-new-products .mp-product-card__title {
    font-size: 13px !important;
    line-height: 1.3;
  }
}

/* Mini Problems 2.0.3 — targeted home-page rollback and mobile corrections. */

/* Restore the original brand hero instead of the Canopea-style card treatment. */
.mp-front-page .mp-hero {
  min-height: clamp(390px, 41.667vw, 600px) !important;
  padding-inline: clamp(32px, 6.2vw, 92px) !important;
  align-items: center !important;
}

.mp-front-page .mp-hero .wp-block-cover__image-background {
  object-position: center center !important;
}

.mp-front-page .mp-hero__content {
  width: 100% !important;
  max-width: 575px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
}

.mp-front-page .mp-hero__title {
  font-family: var(--mp-font-body) !important;
  font-size: clamp(48px, 5.1vw, 74px) !important;
  font-weight: 600 !important;
  line-height: .94 !important;
  letter-spacing: .035em !important;
  color: var(--mp-sand-dark) !important;
  text-transform: none !important;
}

.mp-front-page .mp-hero__desc {
  font-size: clamp(18px, 1.78vw, 25px) !important;
  line-height: 1.22 !important;
}

.mp-front-page .mp-hero__script {
  font-family: var(--mp-font-script) !important;
  font-size: clamp(26px, 3vw, 43px) !important;
  line-height: 1 !important;
}

/* Do not force the home products into two narrow columns on phones. */
@media (max-width: 781px) {
  .mp-front-page .mp-new-products .mp-products-grid ul.wc-block-product-template,
  .mp-front-page .mp-new-products .mp-products-grid .wc-block-product-template,
  .mp-front-page .mp-new-products ul.products {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
  }

  .mp-front-page .mp-new-products .mp-product-card,
  .mp-front-page .mp-new-products li.product {
    width: 100% !important;
    max-width: none !important;
  }

  .mp-front-page .mp-new-products .mp-product-card__meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 2px 0 !important;
  }

  .mp-front-page .mp-new-products .mp-product-card__button {
    margin-top: 0 !important;
  }

  .mp-front-page .mp-new-products .mp-product-card__button .wp-block-button__link,
  .mp-front-page .mp-new-products .mp-product-card__button .wp-element-button {
    width: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 50% !important;
    padding: 0 !important;
  }

  /* Original mobile hero order: image first, then text and buttons. */
  .mp-front-page .mp-hero {
    display: grid !important;
    grid-template-rows: minmax(310px, 86vw) auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  .mp-front-page .mp-hero::before {
    content: none !important;
  }

  .mp-front-page .mp-hero .wp-block-cover__image-background {
    position: relative !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    object-position: center 28% !important;
  }

  .mp-front-page .mp-hero .wp-block-cover__background {
    display: none !important;
  }

  .mp-front-page .mp-hero .wp-block-cover__inner-container {
    grid-row: 2 !important;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    background: #fff !important;
  }

  .mp-front-page .mp-hero__content {
    width: 100% !important;
    max-width: none !important;
    padding: 24px 18px 28px !important;
  }

  .mp-front-page .mp-hero__title {
    max-width: 100% !important;
    font-size: clamp(30px, 9.5vw, 42px) !important;
    line-height: .98 !important;
  }

  .mp-front-page .mp-hero__desc {
    max-width: 31rem !important;
    font-size: 17px !important;
  }

  .mp-front-page .mp-hero__script {
    max-width: 31rem !important;
    font-size: clamp(24px, 8vw, 34px) !important;
  }

  .mp-front-page .mp-hero__actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: min(100%, 430px) !important;
    margin-top: 20px !important;
  }

  .mp-front-page .mp-hero__btn,
  .mp-front-page .mp-hero__btn .wp-block-button__link {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Gender buttons: smaller and lower, away from faces. */
  .mp-front-page .mp-gender__cover {
    min-height: min(110vw, 500px) !important;
  }

  .mp-front-page .mp-gender__button-area {
    height: 100% !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 14px 14px !important;
  }

  .mp-front-page .mp-gender__button .wp-block-button__link,
  .mp-front-page .mp-gender__button a {
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 9px 18px !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  /* UPF feature: keep the image visible and use a compact readable card. */
  .mp-front-page .mp-upf-feature {
    display: grid !important;
    grid-template-rows: minmax(360px, 104vw) auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: #f7f3ee !important;
  }

  .mp-front-page .mp-upf-feature .wp-block-cover__image-background {
    position: relative !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    object-position: 22% center !important;
  }

  .mp-front-page .mp-upf-feature .wp-block-cover__inner-container {
    grid-row: 2 !important;
    width: 100% !important;
    background: #f7f3ee !important;
  }

  .mp-front-page .mp-upf-feature__card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 28px 22px 34px !important;
    background: #fff !important;
  }

  .mp-front-page .mp-upf-feature__card h2 {
    font-size: 34px !important;
    line-height: 1.05 !important;
  }

  .mp-front-page .mp-upf-feature__lead {
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  /* Make horizontal table scrolling discoverable. */
  .mp-front-page .mp-cheaper__table-wrap::before {
    content: "Листайте таблицу влево и вправо  ↔";
    display: block;
    margin: 0 0 10px;
    color: var(--mp-primary);
    font-size: 12px;
    letter-spacing: .06em;
    text-align: center;
    text-transform: uppercase;
  }

  .mp-front-page .mp-cheaper__table {
    overflow-x: auto !important;
    scrollbar-width: thin;
    scrollbar-color: var(--mp-primary) rgba(31, 61, 107, .12);
  }

  .mp-front-page .mp-cheaper__table table {
    min-width: 610px !important;
  }

  .mp-front-page .mp-cheaper__table th:first-child,
  .mp-front-page .mp-cheaper__table td:first-child {
    width: 160px !important;
    max-width: 160px !important;
    white-space: normal !important;
  }

  .mp-front-page .mp-cheaper__table th:last-child,
  .mp-front-page .mp-cheaper__table td:last-child {
    width: 130px !important;
    max-width: 130px !important;
    white-space: normal !important;
  }

  /* Delivery is vertical on mobile, so direction arrows must be vertical too. */
  .mp-front-page .mp-delivery-home__steps > p:nth-child(2),
  .mp-front-page .mp-delivery-home__steps > p:nth-child(4),
  .mp-front-page .mp-delivery-home__steps > p:nth-child(6) {
    display: flex !important;
    min-height: 28px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 0 !important;
  }

  .mp-front-page .mp-delivery-home__steps > p:nth-child(2) span,
  .mp-front-page .mp-delivery-home__steps > p:nth-child(4) span,
  .mp-front-page .mp-delivery-home__steps > p:nth-child(6) span {
    display: inline-block !important;
    transform: rotate(90deg) !important;
    transform-origin: center !important;
  }

  /* Loyalty percentage, stars and tier name stay on one row. */
  .mp-front-page .mp-care__level {
    display: grid !important;
    grid-template-columns: auto auto 1fr !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
  }

  .mp-front-page .mp-care__level > .wp-block-column:nth-child(1),
  .mp-front-page .mp-care__level > .wp-block-column:nth-child(2),
  .mp-front-page .mp-care__level > .wp-block-column:nth-child(3) {
    width: auto !important;
    flex-basis: auto !important;
    margin: 0 !important;
  }

  .mp-front-page .mp-care__level > .wp-block-column:nth-child(4) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  .mp-front-page .mp-care__level p,
  .mp-front-page .mp-care__level strong,
  .mp-front-page .mp-care__level span,
  .mp-front-page .mp-care__level em {
    margin: 0 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 430px) {
  .mp-front-page .mp-hero__actions {
    grid-template-columns: 1fr 1fr !important;
  }

  .mp-front-page .mp-hero__btn .wp-block-button__link {
    padding-inline: 10px !important;
    font-size: 11px !important;
  }
}

/* Mini Problems 2.1.1 — mobile polish pass. */
@media (max-width: 781px) {
  /* Product cards: stable one-column flow, no squeezed circular CTA beside text. */
  .mp-front-page .mp-new-products .mp-product-card__meta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: start !important;
    padding: 12px 2px 4px !important;
  }

  .mp-front-page .mp-new-products .mp-product-card__meta > .wp-block-group {
    min-width: 0 !important;
    width: 100% !important;
    text-align: center !important;
  }

  .mp-front-page .mp-new-products .mp-product-card__title,
  .mp-front-page .mp-new-products .mp-product-card__price {
    text-align: center !important;
  }

  .mp-front-page .mp-new-products .mp-product-card__button {
    width: 100% !important;
    margin: 0 !important;
  }

  .mp-front-page .mp-new-products .mp-product-card__button .wp-block-button__link,
  .mp-front-page .mp-new-products .mp-product-card__button .wp-element-button {
    display: flex !important;
    width: min(100%, 230px) !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin-inline: auto !important;
    padding: 10px 18px !important;
    border: 1px solid rgba(31, 61, 107, .28) !important;
    border-radius: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
  }

  .mp-front-page .mp-new-products .wc-block-components-product-sale-badge,
  .mp-front-page .mp-new-products .wc-block-grid__product-onsale,
  .mp-front-page .mp-new-products .onsale {
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    margin: 0 !important;
  }

  /* Keep gender CTAs in the lower safe zone of each image. */
  .mp-front-page .mp-gender__cover .wp-block-cover__inner-container {
    display: flex !important;
    height: 100% !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }

  .mp-front-page .mp-gender__button-area {
    width: 100% !important;
    padding: 0 14px 18px !important;
    align-items: flex-end !important;
    justify-content: center !important;
  }

  .mp-front-page .mp-gender__button .wp-block-button__link,
  .mp-front-page .mp-gender__button a {
    min-height: 40px !important;
    padding: 8px 16px !important;
    font-size: 17px !important;
    background: rgba(255, 255, 255, .84) !important;
  }

  /* One clear direction arrow between delivery steps. */
  .mp-front-page .mp-delivery-home__steps > p:nth-child(2) span,
  .mp-front-page .mp-delivery-home__steps > p:nth-child(4) span,
  .mp-front-page .mp-delivery-home__steps > p:nth-child(6) span {
    width: 18px !important;
    height: 18px !important;
    overflow: hidden !important;
    color: transparent !important;
    transform: none !important;
    position: relative !important;
  }

  .mp-front-page .mp-delivery-home__steps > p:nth-child(2) span::after,
  .mp-front-page .mp-delivery-home__steps > p:nth-child(4) span::after,
  .mp-front-page .mp-delivery-home__steps > p:nth-child(6) span::after {
    content: "↓";
    position: absolute;
    inset: 0;
    color: #c7a056;
    font-size: 20px;
    line-height: 18px;
    text-align: center;
  }

  /* Loyalty header line stays readable; description moves below it. */
  .mp-front-page .mp-care__level {
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    column-gap: 8px !important;
  }

  .mp-front-page .mp-care__level > .wp-block-column:nth-child(3) {
    min-width: 0 !important;
  }

  .mp-front-page .mp-care__level > .wp-block-column:nth-child(3) p,
  .mp-front-page .mp-care__level > .wp-block-column:nth-child(3) em {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* ===== Consolidated from iteration-1.css (2026-09-23): homepage hero/new-products/benefits/delivery/care ===== */
/* Hero restored from the 3.0 reference, with a useful mobile crop. */
.mp-front-page .mp-hero .wp-block-cover__image-background { object-position: center center !important; }
.mp-front-page .mp-hero__actions .wp-block-button__link { border-radius: 0 !important; }

/* Gender collection CTAs. */
@media (max-width: 781px) {
  .mp-front-page .mp-hero { grid-template-rows: minmax(250px, 72vw) auto !important; }
  .mp-front-page .mp-hero .wp-block-cover__image-background { object-position: right center !important; }
  .mp-front-page .mp-hero__actions { grid-template-columns: 1fr !important; width: min(calc(100% - 24px), 290px) !important; max-width: 290px !important; gap: 9px !important; margin-inline: auto !important; justify-self: center !important; }
  .mp-front-page .mp-hero__actions .mp-hero__btn { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; }
  .mp-front-page .mp-hero__actions .mp-hero__btn .wp-block-button__link { display: flex !important; width: 100% !important; min-width: 100% !important; max-width: none !important; min-height: 42px !important; align-items: center !important; justify-content: center !important; padding-inline: 18px !important; font-size: 12px !important; box-sizing: border-box !important; }

  .mp-front-page .mp-gender__button-area { padding-bottom: 10px !important; }
  .mp-front-page .mp-gender__button-area--girls { justify-content: flex-end !important; padding-right: 2% !important; }
  .mp-front-page .mp-gender__button-area--boys { justify-content: flex-start !important; padding-left: 0 !important; }
  .mp-front-page .mp-gender__button .wp-block-button__link { min-width: 200px !important; min-height: 36px !important; padding: 6px 14px !important; border-radius: 0 !important; font-size: 15px !important; }
  .mp-front-page .mp-gender__button-area--girls .mp-gender__buttons { width: 200px !important; margin-left: auto !important; margin-right: 0 !important; }
  .mp-front-page .mp-gender__button-area--boys .mp-gender__buttons { width: 200px !important; margin-left: 0 !important; margin-right: auto !important; }
  .mp-front-page .mp-gender__button,
  .mp-front-page .mp-gender__button .wp-block-button__link { width: 200px !important; min-width: 200px !important; max-width: 200px !important; box-sizing: border-box !important; }
  html body .mp-front-page .mp-gender__button .wp-block-button__link { width: 200px !important; min-width: 200px !important; max-width: 200px !important; }
}

/* New products: no enclosing frame, larger imagery, aligned square buttons. */
.mp-front-page .mp-new-products__inner,
.mp-front-page .mp-new-products .mp-products-grid { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.mp-front-page .mp-new-products .wc-block-product-template,
.mp-front-page .mp-new-products .mp-product-card,
.mp-front-page .mp-new-products .wc-block-product { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.mp-front-page .mp-new-products__inner { max-width: 1380px !important; }
.mp-front-page .mp-new-products .mp-product-card__image img { width: 100% !important; }
.mp-front-page .mp-new-products .mp-product-card { display: grid !important; grid-template-rows: auto 1fr !important; }
.mp-front-page .mp-new-products .mp-product-card__meta { display: grid !important; grid-template-columns: minmax(0, 1fr) 176px !important; align-items: end !important; gap: 24px !important; width: 100% !important; box-sizing: border-box !important; }
.mp-front-page .mp-new-products .mp-product-card__meta > .wp-block-group { display: grid !important; grid-template-rows: minmax(62px, auto) auto !important; align-content: end !important; }
.mp-front-page .mp-new-products .mp-product-card__title { align-self: end !important; }
.mp-front-page .mp-new-products .mp-product-card__price { align-self: end !important; }
.mp-front-page .mp-new-products .mp-product-card__button { align-self: end !important; width: 176px !important; }
.mp-front-page .mp-new-products .mp-product-card__button .wp-element-button,
.mp-front-page .mp-new-products .mp-product-card__button .wp-block-button__link { border-radius: 0 !important; }
@media (min-width: 1101px) {
  .mp-front-page .mp-new-products .mp-product-card__meta { padding: 22px 0 0 !important; }
  .mp-front-page .mp-new-products .mp-product-card__meta > .wp-block-group { justify-self: start !important; text-align: left !important; }
  .mp-front-page .mp-new-products .mp-product-card__title,
  .mp-front-page .mp-new-products .mp-product-card__price { text-align: left !important; }
  .mp-front-page .mp-new-products .mp-product-card__button { justify-self: end !important; margin-left: auto !important; }
}
@media (min-width: 782px) and (max-width: 1100px) {
  .mp-front-page .mp-new-products .mp-product-card__meta { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; padding: 18px 14px 0 !important; }
  .mp-front-page .mp-new-products .mp-product-card__meta > .wp-block-group { display: grid !important; grid-template-rows: auto auto !important; width: 100% !important; text-align: center !important; }
  .mp-front-page .mp-new-products .mp-product-card__title,
  .mp-front-page .mp-new-products .mp-product-card__price { width: 100% !important; text-align: center !important; }
  .mp-front-page .mp-new-products .mp-product-card__button,
  .mp-front-page .mp-new-products .mp-product-card__button .wp-block-button__link { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
}
@media (max-width: 781px) {
  .mp-front-page .mp-new-products { left: 0 !important; right: auto !important; width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; padding-inline: 18px !important; box-sizing: border-box !important; }
  .mp-front-page .mp-new-products__inner,
  .mp-front-page .mp-new-products .mp-section-head--row,
  .mp-front-page .mp-new-products .mp-products-grid { width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; box-sizing: border-box !important; }
  .mp-front-page .mp-new-products .mp-section-head--row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    text-align: center !important;
  }
  .mp-front-page .mp-new-products .mp-front-title,
  .mp-front-page .mp-new-products .mp-front-link { width: 100% !important; margin-inline: auto !important; text-align: center !important; }
  .mp-front-page .mp-new-products .mp-product-card__meta,
  .mp-front-page .mp-new-products .mp-product-card__title,
  .mp-front-page .mp-new-products .mp-product-card__price { text-align: center !important; }
  .mp-front-page .mp-new-products .mp-product-card { display: block !important; height: auto !important; min-height: 0 !important; }
  .mp-front-page .mp-new-products .mp-product-card__meta { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin-top: 0 !important; padding: 14px 10px 22px !important; box-sizing: border-box !important; }
  .mp-front-page .mp-new-products .mp-product-card__meta > .wp-block-group { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; }
  .mp-front-page .mp-new-products .mp-product-card__title,
  .mp-front-page .mp-new-products .mp-product-card__price { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 0 7px !important; }
  .mp-front-page .mp-new-products .mp-product-card__button { width: min(100%, 236px) !important; height: auto !important; min-height: 0 !important; margin-inline: auto !important; }
  .mp-front-page .mp-new-products .mp-product-card__button .wp-block-button__link { width: 100% !important; }
}

/* Square, centered CTAs. */
.mp-front-page .mp-upf-compare__button,
.mp-front-page .mp-upf-compare__button .wp-block-button__link { margin-inline: auto !important; border-radius: 0 !important; }
.mp-front-page .mp-upf-compare .wp-block-buttons { justify-content: center !important; }
.mp-front-page .mp-hits__button .wp-block-button__link { border-radius: 0 !important; }

/* Benefits typography and consistent mobile rhythm. */
.mp-front-page .mp-upf-benefits h3 { font-size: clamp(20px, 1.65vw, 27px) !important; line-height: 1.12 !important; }
@media (min-width: 782px) {
  .mp-front-page .mp-upf-benefits > .wp-block-column { display: grid !important; grid-template-columns: 32px minmax(0, 1fr) !important; grid-template-rows: 68px auto !important; column-gap: 14px !important; align-items: start !important; }
  .mp-front-page .mp-upf-benefits > .wp-block-column > figure { grid-column: 1 !important; grid-row: 1 !important; margin: 2px 0 0 !important; }
  .mp-front-page .mp-upf-benefits > .wp-block-column > h3 { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; }
  .mp-front-page .mp-upf-benefits > .wp-block-column > p { grid-column: 2 !important; grid-row: 2 !important; margin: 0 !important; }
}
@media (max-width: 781px) {
  .mp-front-page .mp-upf-benefits > .wp-block-column { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) !important; column-gap: 14px !important; align-items: start !important; }
  .mp-front-page .mp-upf-benefits figure { grid-row: 1 / span 2; margin: 0 !important; }
  .mp-front-page .mp-upf-benefits h3,
  .mp-front-page .mp-upf-benefits p { margin: 0 0 8px !important; padding: 0 !important; text-align: left !important; }
}

/* Marketplace statistics. */
.mp-front-page .mp-cheaper__stat h3,
.mp-front-page .mp-cheaper__stat strong { font-size: clamp(20px, 1.7vw, 24px) !important; line-height: 1.08 !important; overflow-wrap: normal !important; word-break: normal !important; }

/* Delivery arrows follow the actual layout direction. */
.mp-front-page .mp-delivery-home__steps > p::before { content: none !important; display: none !important; }
@media (min-width: 782px) {
  .mp-front-page .mp-delivery-home__steps > p:nth-child(2) span,
  .mp-front-page .mp-delivery-home__steps > p:nth-child(4) span,
  .mp-front-page .mp-delivery-home__steps > p:nth-child(6) span { display: inline-block !important; transform: none !important; color: var(--mp-primary) !important; }
}
/* Landscape phones and tablets need a denser horizontal delivery row. */
@media (min-width: 782px) and (max-width: 1100px) {
  .mp-front-page .mp-delivery-home { gap: 28px !important; padding: 38px 36px !important; }
  .mp-front-page .mp-delivery-home__intro { flex: 0 0 220px !important; max-width: 220px !important; }
  .mp-front-page .mp-delivery-home__steps { display: grid !important; grid-template-columns: minmax(95px, 1fr) 24px minmax(95px, 1fr) 24px minmax(95px, 1fr) 24px minmax(95px, 1fr) !important; gap: 6px !important; min-width: 0 !important; flex: 1 1 auto !important; }
  .mp-front-page .mp-delivery-home__steps > p { min-width: 0 !important; padding: 0 !important; font-size: 12px !important; line-height: 1.35 !important; overflow-wrap: normal !important; word-break: normal !important; hyphens: none !important; text-align: center !important; }
  .mp-front-page .mp-delivery-home__steps > p:nth-child(even) { width: 24px !important; }
}
/* Compact four-column footer only in landscape mobile/tablet view. */
@media (min-width: 901px) and (max-width: 1100px) {
  .wp-site-blocks > .mp-site-footer,
  .wp-site-blocks > footer.mp-site-footer { left: auto !important; right: auto !important; width: calc(100% - 32px) !important; max-width: none !important; margin-inline: auto !important; padding: 38px 32px 44px !important; box-sizing: border-box !important; overflow: hidden !important; }
  .mp-site-footer .mp-site-footer__columns { display: grid !important; grid-template-columns: 1.7fr repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; width: 100% !important; max-width: none !important; }
  .mp-site-footer .mp-site-footer__columns > .wp-block-column { width: auto !important; min-width: 0 !important; max-width: none !important; flex-basis: auto !important; }
  .mp-site-footer h2 { font-size: 20px !important; line-height: 1.15 !important; overflow-wrap: normal !important; word-break: normal !important; }
  .mp-site-footer p,
  .mp-site-footer a { font-size: 11px !important; line-height: 1.45 !important; overflow-wrap: break-word !important; word-break: normal !important; }
  .mp-site-footer__logo img { width: 120px !important; height: auto !important; }
  .mp-site-footer__buttons .wp-block-button,
  .mp-site-footer__buttons .wp-block-button__link { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
}
@media (max-width: 781px) {
  .mp-front-page .mp-delivery-home__steps > p:nth-child(2) span::after,
  .mp-front-page .mp-delivery-home__steps > p:nth-child(4) span::after,
  .mp-front-page .mp-delivery-home__steps > p:nth-child(6) span::after { content: "↓" !important; }
}

/* Loyalty block: equal button widths and safe wrapping. */
.mp-front-page .mp-care__actions { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
.mp-front-page .mp-care__actions .wp-block-button,
.mp-front-page .mp-care__actions .wp-block-button__link { width: 100% !important; border-radius: 0 !important; }
@media (max-width: 781px) {
  .mp-front-page .mp-care, .mp-front-page .mp-care * { min-width: 0; box-sizing: border-box; }
  .mp-front-page .mp-care__actions { grid-template-columns: 1fr !important; width: 100% !important; padding: 0 !important; }
  .mp-front-page .mp-care__actions > .wp-block-button,
  .mp-front-page .mp-care__actions > .wp-block-button.is-style-outline { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  .mp-front-page .mp-care__actions > .wp-block-button > .wp-block-button__link { display: flex !important; width: 100% !important; max-width: none !important; margin: 0 !important; align-items: center !important; justify-content: center !important; }
  .mp-front-page .mp-care__level p,
  .mp-front-page .mp-care__level strong,
  .mp-front-page .mp-care__level span,
  .mp-front-page .mp-care__level em { white-space: normal !important; overflow-wrap: anywhere !important; text-overflow: clip !important; overflow: visible !important; }
}
/* ===== Consolidated from iteration-1.css: homepage marketplace comparison table ===== */
/* Keep the desktop comparison-table frame inset evenly inside its white panel.
   Core block styles already add 20px on the left of the figure, so mirror that
   space on the right without touching the mobile horizontal-scroll layout. */
@media (min-width: 782px) {
  .mp-front-page .mp-cheaper__table {
    box-sizing: border-box !important;
	width: min(calc(100% - 40px), 1080px) !important;
	margin-inline: auto !important;
  }
}

/* The marketplace comparison stays readable without oversized columns. */
.mp-front-page .mp-cheaper__table table {
  table-layout: fixed !important;
}
.mp-front-page .mp-cheaper__table th:first-child,
.mp-front-page .mp-cheaper__table td:first-child { width: 42% !important; }
.mp-front-page .mp-cheaper__table th:nth-child(2),
.mp-front-page .mp-cheaper__table td:nth-child(2),
.mp-front-page .mp-cheaper__table th:nth-child(3),
.mp-front-page .mp-cheaper__table td:nth-child(3) { width: 15% !important; }
.mp-front-page .mp-cheaper__table th:last-child,
.mp-front-page .mp-cheaper__table td:last-child { width: 28% !important; }

@media (max-width: 680px) {
  .mp-front-page .mp-cheaper__table-wrap::before { display: none !important; }
  .mp-front-page .mp-cheaper__table-wrap {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    overflow: visible !important;
  }
  .mp-front-page .mp-cheaper__table {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    overflow-x: visible !important;
  }
  .mp-front-page .mp-cheaper__table table {
    width: 100% !important;
    min-width: 0 !important;
  }
  .mp-front-page .mp-cheaper__table th,
  .mp-front-page .mp-cheaper__table td {
    padding: 10px 4px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere;
  }
  .mp-front-page .mp-cheaper__table th:first-child,
  .mp-front-page .mp-cheaper__table td:first-child {
    width: 45% !important;
    max-width: none !important;
  }
  .mp-front-page .mp-cheaper__table th:nth-child(2),
  .mp-front-page .mp-cheaper__table td:nth-child(2),
  .mp-front-page .mp-cheaper__table th:nth-child(3),
  .mp-front-page .mp-cheaper__table td:nth-child(3) { width: 14% !important; }
  .mp-front-page .mp-cheaper__table th:last-child,
  .mp-front-page .mp-cheaper__table td:last-child {
    width: 27% !important;
    max-width: none !important;
  }
}
/* ===== Consolidated from iteration-1.css: homepage gender button (mobile) ===== */
@media (max-width: 781px) {
  html body.wp-theme-mp204 main.mp-front-page .mp-gender__button a.wp-block-button__link {
    width: 200px !important;
    min-width: 0 !important;
    max-width: 200px !important;
    flex: 0 0 200px !important;
  }
}
/* ===== Consolidated from iteration-1.css: homepage hero desktop ratio ===== */
/* Desktop hero keeps the 12:5 ratio of hero-banner.jpg. This prevents the
   source image from being vertically cropped on wide screens while leaving
   tablet and mobile layouts unchanged. */
@media (min-width: 901px) {
  .mp-front-page > .mp-hero {
    height: clamp(500px, 41.667vw, 800px) !important;
    min-height: clamp(500px, 41.667vw, 800px) !important;
  }

  .mp-front-page .mp-hero .wp-block-cover__image-background {
    object-fit: cover !important;
    object-position: center center !important;
  }
}