/* Testata Home: titolo + borracce (stile air up) */
.mmh {
  --mmh-vscale: 1.36; /* rapporto altezza maiuscole / minuscole di Fredoka (ricalcolato in JS) */
  position: relative;
  width: 100%;
  height: var(--mmh-h-d);
  background: var(--mmh-bg);
  overflow: hidden; /* le borracce vengono tagliate qui in basso, come su air up */
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mmh__title {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  margin: 0;
  padding: 48px 20px 0;
  max-width: 1100px;
  font-family: "Fredoka", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: var(--mmh-fs-d);
  line-height: .92;
  letter-spacing: -.01em;
  text-align: center;
  text-transform: none;
  color: var(--mmh-color);
}
.mmh-v {
  font-size: calc(var(--mmh-vscale) * 1em);
  line-height: 0;
}
/* Le borracce partono sempre SOTTO il titolo e scendono oltre il bordo */
.mmh__media {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: var(--mmh-w-d);
  max-width: 1300px;
  margin-top: var(--mmh-gap-d);
  pointer-events: none;
}
.mmh__img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}
@media (max-width: 767px) {
  .mmh { height: var(--mmh-h-m); }
  .mmh__title { font-size: var(--mmh-fs-m); padding-top: 32px; }
  .mmh__media { width: var(--mmh-w-m); margin-top: var(--mmh-gap-m); }
}
/* Barra in fondo alla prima schermata: recensioni a sinistra, pulsante al centro (come air up).
   Sta sempre dentro la prima schermata, anche se le borracce continuano più giù. */
.mmh__bar {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: min(calc(100vh - var(--sf-header-h, 95px) - 104px), calc(100% - 96px));
  top: min(calc(100svh - var(--sf-header-h, 95px) - 104px), calc(100% - 96px));
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3vw;
  pointer-events: none;
}
.mmh__bar > * { pointer-events: auto; }
.mmh__btn,
.mmh__btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 40px;
  border-radius: 6px;
  background: var(--mmh-btn-bg);
  color: var(--mmh-btn-color);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 8px 22px rgba(0, 40, 60, .18);
  transition: filter .2s ease, transform .2s ease;
}
.mmh__btn:hover,
.mmh__btn:focus {
  color: var(--mmh-btn-color);
  filter: brightness(1.15);
  transform: translateY(-2px);
}
.mmh__badge,
.mmh__badge:visited {
  position: absolute;
  left: 3vw;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .92);
  color: #191919;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  white-space: nowrap;
}
.mmh__star { flex: 0 0 auto; }
@media (max-width: 767px) {
  .mmh__bar { top: min(calc(100svh - var(--sf-header-h, 90px) - 120px), calc(100% - 120px)); flex-direction: column; gap: 8px; height: auto; }
  .mmh__btn, .mmh__btn:visited { min-height: 46px; padding: 12px 26px; font-size: 13px; }
  .mmh__badge, .mmh__badge:visited { position: static; transform: none; font-size: 12px; padding: 6px 10px; }
}
/* Le borracce scorrono insieme alla pagina e si vedono intere (niente effetto "ferma sullo sfondo") */
.page-index .studio-home > .mmh,
.mmh {
  position: relative !important;
  top: auto !important;
}
/* 1.6.0 - Come air up: le borracce stanno DAVANTI alla scritta */
.mmh .mmh__title { z-index: 1; }
.mmh .mmh__media { z-index: 2; }
.mmh .mmh__btn { z-index: 3; }

/* ===== Riquadro blu "Bevi molta più acqua" (come air up) ===== */
.mmb {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 56px 3vw 24px;
}
.mmb__card {
  max-width: 1130px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  gap: 24px;
  padding: 16px;
  border-radius: 14px;
  background: var(--mmb-bg);
  color: var(--mmb-color);
}
.mmb__text {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 28px;
  padding: 24px 16px 24px 20px;
}
.mmb__eyebrow {
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .85;
}
.mmb .mmb__title {
  margin: 0;
  color: var(--mmb-color);
  font-family: "Fredoka", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(2.2rem, 4vw, 3.6rem);
  line-height: 1;
  letter-spacing: 0;
}
.mmb__subtitle {
  margin: 8px 0 0;
  font-family: "Fredoka", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  line-height: 1.1;
}
.mmb__body {
  margin: 24px 0 0;
  font-size: 16px;
  line-height: 1.55;
  max-width: 460px;
}
.mmb__btn,
.mmb__btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 52px;
  padding: 14px 32px;
  border-radius: 6px;
  background: var(--mmb-btn-bg);
  color: var(--mmb-btn-color);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: transform .2s ease, filter .2s ease;
}
.mmb__btn:hover, .mmb__btn:focus { color: var(--mmb-btn-color); transform: translateY(-2px); filter: brightness(.96); }
.mmb__btn--mob { display: none; }
.mmb__media {
  flex: 1 1 50%;
  min-width: 0;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, .08);
}
.mmb__video {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
}
.mmb__card--novideo .mmb__text { flex-basis: 100%; }
@media (max-width: 991px) {
  .mmb { padding: 32px 14px 12px; }
  .mmb__card { flex-direction: column; text-align: center; padding: 14px; gap: 16px; }
  .mmb__text { padding: 16px 6px 0; gap: 0; }
  .mmb__body { margin-left: auto; margin-right: auto; }
  .mmb__btn--desk { display: none; }
  .mmb__btn--mob { display: inline-flex; align-self: stretch; }
  .mmb__video { min-height: 0; height: auto; aspect-ratio: 16 / 10; }
}

/* ===== Scritta gigante che scorre (come air up) ===== */
.mmq {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #fff;
  padding: 40px 0;
  --mmh-vscale: 1.36;
}
.mmq__track {
  display: flex;
  width: max-content;
  animation: mmq-scroll var(--mmq-speed, 30s) linear infinite;
  will-change: transform;
}
.mmq__group { display: flex; flex: 0 0 auto; }
.mmq__item {
  flex: 0 0 auto;
  padding-right: .45em;
  font-family: "Fredoka", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(4rem, 10vw, 10rem);
  line-height: 1.05;
  white-space: nowrap;
  color: var(--mmq-color);
}
.mmq .mmh-v { font-size: calc(var(--mmh-vscale) * 1em); line-height: 0; }
@keyframes mmq-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .mmq__track { animation: none; }
}
@media (max-width: 767px) {
  .mmq { padding: 24px 0; }
  .mmq__item { font-size: 3.4rem; }
}

/* ===== Fila prodotti "Starter Set" (3 per volta, frecce e pallini, come air up) ===== */
.mmp {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 48px 3vw 56px;
}
.mmp__head { max-width: 1300px; margin: 0 auto 28px; }
.mmp__eyebrow {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #005075;
}
.mmp .mmp__title {
  margin: 0;
  font-family: "Fredoka", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(2rem, 3.6vw, 3.4rem);
  line-height: 1.02;
  letter-spacing: 0;
  color: #005075;
}
.mmp__viewport { position: relative; max-width: 1300px; margin: 0 auto; }
.mmp__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 24px;
  margin: 0 !important;
  padding: 0 0 6px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.mmp__track::-webkit-scrollbar { display: none; }
.mmp__slide {
  flex: 0 0 calc((100% - 48px) / 3);
  min-width: 0;
  scroll-snap-align: start;
}
.mmp__slide .product-miniature { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
/* card pulite come air up: niente cuoricino, niente quantità, niente anteprima veloce */
.mmp .wishlist-button-add,
.mmp [class*="wishlist"],
.mmp .quantity-button,
.mmp .product-miniature__quickview,
.mmp .quick-view { display: none !important; }
.mmp__arrow {
  position: absolute;
  top: 38%;
  z-index: 2;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #005075;
  box-shadow: 0 4px 16px rgba(0, 40, 60, .18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mmp__arrow[hidden] { display: none; }
.mmp__arrow--prev { left: -18px; }
.mmp__arrow--next { right: -18px; }
.mmp__arrow:disabled { opacity: .35; cursor: default; }
.mmp__dots { display: flex; justify-content: center; gap: 10px; margin-top: 24px; }
.mmp__dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #c9d9e1;
  cursor: pointer;
  transition: width .25s ease, background .25s ease;
}
.mmp__dot[aria-selected="true"] { width: 28px; border-radius: 6px; background: #005075; }
@media (max-width: 991px) {
  .mmp__slide { flex-basis: calc((100% - 24px) / 2); }
}
@media (max-width: 575px) {
  .mmp { padding: 32px 14px 40px; }
  .mmp__track { gap: 14px; }
  .mmp__slide { flex-basis: 82%; }
  .mmp__arrow { display: none !important; }
}

/* 1.10.1 - Fila Starter Set come air up: titolo centrato, carrellino celeste dentro la foto */
.mmp__head { text-align: center; }
.mmp .product-miniature__inner {
  position: relative;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
}
.mmp .product-miniature__top {
  aspect-ratio: 4 / 5;
  border-radius: 8px;
  overflow: hidden;
  background: #f3f2f0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mmp .product-miniature__top a,
.mmp .product-miniature__top picture { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.mmp .product-miniature__top img { width: 100%; height: 100%; object-fit: contain; }
.mmp .product-miniature__actions {
  position: absolute;
  z-index: 3;
  right: 12px;
  top: calc(125cqw - 58px);
  margin: 0 !important;
  padding: 0 !important;
}
.mmp .product-miniature__form { display: block; margin: 0; }
.mmp .product-miniature__add,
.mmp .product-miniature__details {
  width: 46px !important;
  height: 46px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 6px !important;
  background: #38B6E8 !important;
  color: #005075 !important;
  box-shadow: 0 4px 12px rgba(0, 40, 60, .15);
}
.mmp .product-miniature__add:hover,
.mmp .product-miniature__details:hover { background: #005075 !important; color: #fff !important; }
.mmp .product-miniature__add-text,
.mmp .product-miniature__details-text { display: none !important; }
.mmp .product-miniature__add .material-icons,
.mmp .product-miniature__sf-icon { display: inline-block !important; font-size: 22px; line-height: 1; }

/* ===== Sezione "Gusto senza zucchero": testo a sinistra, foto o video a destra ===== */
.mms {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 48px 3vw 64px;
}
.mms__wrap {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: clamp(24px, 5vw, 80px);
}
.mms__text { flex: 1 1 45%; min-width: 0; }
.mms__eyebrow {
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--mms-eyebrow);
}
.mms .mms__title {
  margin: 0;
  font-family: "Fredoka", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(2.4rem, 4.6vw, 4.4rem);
  line-height: 1;
  letter-spacing: 0;
  color: var(--mms-title);
}
.mms__body {
  margin: 22px 0 0;
  max-width: 480px;
  font-size: 17px;
  line-height: 1.55;
  color: var(--mms-text);
}
.mms__btn,
.mms__btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  min-height: 52px;
  padding: 14px 34px;
  border-radius: 6px;
  background: var(--mms-btn-bg);
  color: var(--mms-btn-color);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: transform .2s ease, filter .2s ease;
}
.mms__btn:hover, .mms__btn:focus { color: var(--mms-btn-color); transform: translateY(-2px); filter: brightness(1.08); }
.mms__media {
  flex: 1 1 55%;
  min-width: 0;
  border-radius: 16px;
  overflow: hidden;
}
.mms__file { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.mms__wrap--nomedia .mms__text { flex-basis: 100%; text-align: center; }
.mms__wrap--nomedia .mms__body { margin-left: auto; margin-right: auto; }
@media (max-width: 991px) {
  .mms { padding: 32px 14px 44px; }
  .mms__wrap { flex-direction: column-reverse; align-items: stretch; gap: 24px; }
  .mms__text { text-align: center; }
  .mms__body { margin-left: auto; margin-right: auto; }
}

/* ===== Sezione "Perché bere più acqua?": card azzurre arrotondate che scorrono una alla volta ===== */
.mmw {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 56px 3vw 56px;
}
.mmw__head { max-width: 1300px; margin: 0 auto 32px; text-align: center; }
.mmw__eyebrow {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #005075;
}
.mmw .mmw__title {
  margin: 0;
  font-family: "Fredoka", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(2.2rem, 4.2vw, 4rem);
  line-height: 1.02;
  letter-spacing: 0;
  color: #005075;
}
.mmw__sub { margin: 12px 0 0; font-size: 17px; color: #04202E; }
.mmw__viewport { position: relative; max-width: 1300px; margin: 0 auto; }
.mmw__track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.mmw__track::-webkit-scrollbar { display: none; }
.mmw__slide {
  flex: 0 0 calc((100% - 40px) / 3);
  min-width: 0;
  scroll-snap-align: start;
}
.mmw__card {
  height: 100%;
  min-height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 26px;
  border-radius: 28px;
  background: linear-gradient(160deg, #e3f3fa 0%, #c7e6f3 100%);
  color: #005075;
}
.mmw__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #005075;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.mmw__icon img { width: 60%; height: 60%; object-fit: contain; }
.mmw__small { margin: 0 0 8px; font-size: 15px; font-weight: 600; color: #005075; opacity: .85; }
.mmw__big {
  margin: 0;
  font-family: "Fredoka", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(1.6rem, 2.3vw, 2.2rem);
  line-height: 1.08;
  color: #005075;
}
.mmw__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #005075;
  box-shadow: 0 4px 16px rgba(0, 40, 60, .18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mmw__arrow[hidden] { display: none; }
.mmw__arrow--prev { left: -18px; }
.mmw__arrow--next { right: -18px; }
.mmw__arrow:disabled { opacity: .35; cursor: default; }
.mmw__counter { margin-top: 18px; text-align: center; font-size: 14px; font-weight: 600; color: #005075; }
.mmw__counter:empty { display: none; }
.mmw__note { max-width: 900px; margin: 20px auto 0; text-align: center; font-size: 12px; line-height: 1.5; color: #5d6f78; }
@media (max-width: 991px) {
  .mmw__slide { flex-basis: calc((100% - 20px) / 2); }
}
@media (max-width: 575px) {
  .mmw { padding: 36px 14px 40px; }
  .mmw__track { gap: 14px; }
  .mmw__slide { flex-basis: 82%; }
  .mmw__card { min-height: 320px; padding: 22px; border-radius: 24px; }
  .mmw__arrow { display: none !important; }
}

/* 1.12.1 - Frecce SOTTO le card (come air up): ‹ 1 / 2 › al centro, pallini a destra */
.mmw__controls {
  max-width: 1300px;
  margin: 22px auto 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
.mmw__controls[hidden] { display: none; }
.mmw__nav { display: inline-flex; align-items: center; gap: 14px; }
.mmw .mmw__arrow {
  position: static;
  transform: none;
  width: 42px;
  height: 42px;
  border: 2px solid #005075;
  background: #fff;
  box-shadow: none;
}
.mmw .mmw__arrow:not(:disabled):hover { background: #005075; color: #fff; }
.mmw .mmw__counter { margin: 0; min-width: 48px; text-align: center; }
.mmw__dots { justify-self: end; display: inline-flex; gap: 8px; }
.mmw__dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c9d9e1;
  transition: width .25s ease, background .25s ease;
}
.mmw__dots span.is-active { width: 22px; border-radius: 5px; background: #005075; }
@media (max-width: 575px) {
  .mmw .mmw__arrow { display: inline-flex !important; width: 38px; height: 38px; }
  .mmw__controls { grid-template-columns: 1fr auto; }
  .mmw__ctrl-spacer { display: none; }
  .mmw__nav { justify-self: start; }
}

/* 1.12.2 - Come air up: frecce SENZA cerchio, a SINISTRA con "1 / 2" accanto; pallini a destra */
.mmw__controls { grid-template-columns: auto 1fr; }
.mmw__ctrl-spacer { display: none; }
.mmw__nav { justify-self: start; gap: 6px; }
.mmw__dots { justify-self: end; }
.mmw .mmw__arrow,
.mmw .mmw__arrow:not(:disabled):hover {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #005075;
}
.mmw .mmw__arrow:not(:disabled):hover { opacity: .7; }
.mmw .mmw__arrow:disabled { opacity: .3; }
.mmw .mmw__counter { min-width: 40px; }
@media (max-width: 575px) {
  .mmw .mmw__arrow { width: 32px; height: 32px; }
}

/* 1.13.0 - Card = SOLO immagine a tutto riquadro, angoli arrotondati */
.mmw__card {
  position: relative;
  min-height: 0;
  height: auto;
  aspect-ratio: 9 / 10;
  padding: 0;
  overflow: hidden;
  border-radius: 28px;
  background: linear-gradient(160deg, #e3f3fa 0%, #c7e6f3 100%);
}
.mmw__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 575px) {
  .mmw__card { min-height: 0; padding: 0; border-radius: 24px; }
}

/* ===== "Incredibilmente facile da usare": carosello a ventaglio (centrale dritta, laterali inclinate dietro) ===== */
.mme {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 56px 3vw 56px;
  overflow: hidden;
  --mme-w: clamp(230px, 25vw, 360px);
}
.mme__head { max-width: 1300px; margin: 0 auto 36px; text-align: center; }
.mme__eyebrow { margin-bottom: 10px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #005075; }
.mme .mme__title {
  margin: 0;
  font-family: "Fredoka", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(2.2rem, 4.2vw, 4rem);
  line-height: 1.02;
  letter-spacing: 0;
  color: #005075;
}
.mme__stage {
  position: relative;
  height: calc(var(--mme-w) * 1.25 + 40px);
  max-width: 1300px;
  margin: 0 auto;
  touch-action: pan-y;
  user-select: none;
}
.mme__card {
  position: absolute;
  left: 50%;
  top: 20px;
  width: var(--mme-w);
  aspect-ratio: 4 / 5;
  margin-left: calc(var(--mme-w) / -2);
  border-radius: 26px;
  overflow: hidden;
  background: linear-gradient(160deg, #e3f3fa 0%, #c7e6f3 100%);
  box-shadow: 0 12px 30px rgba(0, 40, 60, .14);
  transform-origin: 50% 100%;
  transition: transform .65s cubic-bezier(.2, .8, .2, 1), opacity .45s ease, filter .45s ease;
  cursor: pointer;
}
.mme__card.is-center { cursor: default; }
.mme__img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
.mme__controls {
  max-width: 1300px;
  margin: 26px auto 0;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}
.mme__nav { display: inline-flex; align-items: center; gap: 6px; }
.mme__arrow {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #005075;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mme__arrow:hover { opacity: .7; }
.mme__counter { min-width: 40px; text-align: center; font-size: 14px; font-weight: 600; color: #005075; }
.mme__dots { justify-self: end; display: inline-flex; gap: 8px; }
.mme__dots span { width: 8px; height: 8px; border-radius: 50%; background: #c9d9e1; transition: width .25s ease, background .25s ease; }
.mme__dots span.is-active { width: 22px; border-radius: 5px; background: #005075; }
@media (max-width: 575px) {
  .mme { padding: 36px 14px 40px; --mme-w: 62vw; }
}
@media (prefers-reduced-motion: reduce) {
  .mme__card { transition: none; }
}

/* 1.14.1 - Ventaglio trascinabile col mouse: manina, e manina "chiusa" mentre trascini */
.mme__stage { cursor: grab; }
.mme__stage .mme__card, .mme__stage .mme__card.is-center { cursor: grab; }
.mme__stage.is-dragging, .mme__stage.is-dragging .mme__card { cursor: grabbing; }

/* 1.15.0 - Colori delle scritte scelti dal pannello (con i colori di prima come riserva) */
.mmb__eyebrow { color: var(--mmb-eyebrow, var(--mmb-color)); opacity: 1; }
.mmb .mmb__title { color: var(--mmb-title, var(--mmb-color)); }
.mmb__subtitle { color: var(--mmb-sub, var(--mmb-color)); }
.mmb__body { color: var(--mmb-color); }
.mmp__eyebrow { color: var(--mmp-eyebrow, #005075); }
.mmp .mmp__title { color: var(--mmp-title, #005075); }
.mmw__eyebrow { color: var(--mmw-eyebrow, #005075); }
.mmw .mmw__title { color: var(--mmw-title, #005075); }
.mmw__sub { color: var(--mmw-sub, #04202E); }
.mmw__note { color: var(--mmw-note, #5D6F78); }
.mme__eyebrow { color: var(--mme-eyebrow, #005075); }
.mme .mme__title { color: var(--mme-title, #005075); }