/* Homepage Final — Mobile exact Pen aRqzR (390)
   Chargé uniquement via media="(max-width: 899px)" — ne touche pas le desktop. */

body.page-home-final {
  --hf-ink: #1a3328;
  --hf-muted: #5a6e64;
  --hf-cream: #f7f4ee;
  --hf-sage: #e3eee8;
  --hf-peach: #f9e4d6;
  --hf-orange: #e86a2b;
  --hf-green: #1a3328;
  --hf-line: #e8e1d6;
  --font-hf-sans: "DM Sans", "Plus Jakarta Sans", system-ui, sans-serif;
  --font-hf-serif: "Fraunces", Literata, Georgia, serif;
  background: #f7f4ee;
}

body.page-home-final .site-header {
  position: relative;
  top: auto;
  background: #ffffff;
  border-bottom: 1px solid #e8e1d6;
  box-shadow: none;
}

body.page-home-final .header-inner {
  width: 100%;
  max-width: none;
  height: 56px;
  box-sizing: border-box;
  padding: 8px 16px;
  gap: 28px;
  align-items: center;
  justify-content: space-between;
}

body.page-home-final .site-logo__image {
  width: 150px;
  height: 35px;
  object-fit: contain;
}

body.page-home-final .header-nav,
body.page-home-final .hf-mon-compte,
body.page-home-final #header-auth-desktop {
  display: none !important;
}

body.page-home-final .header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

body.page-home-final .header-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid #e4ddd2;
  background: #f7f4ee;
  color: #5a6e64;
}

body.page-home-final .nav-toggle {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 36px;
  height: 36px;
  padding: 9px 8px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #e8e1d6;
  background: #ffffff;
}

body.page-home-final .nav-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 1px;
  background: #1a3328;
}

body.page-home-final main.home-page[data-home-layout="final"] {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 32px;
  background: #f7f4ee;
  box-sizing: border-box;
}

/* ---- Hero Y3J5p ---- */
body.page-home-final .home-page[data-home-layout="final"] .home-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  aspect-ratio: auto;
  border-radius: 0;
  overflow: hidden;
  background: #1a3328;
}

body.page-home-final .home-page[data-home-layout="final"] .home-hero__media {
  position: relative !important;
  inset: auto !important;
  width: 100%;
  height: 210px;
  flex: 0 0 210px;
  background-color: #1a221c;
  background-image: url("../images/home/hero-air-fryer-pro.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

body.page-home-final .home-page[data-home-layout="final"] .home-hero__shade {
  display: none !important;
}

body.page-home-final .home-page[data-home-layout="final"] .home-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 14px;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding: 22px 18px 26px;
  text-align: left;
  background: #1a3328;
}

body.page-home-final .home-page[data-home-layout="final"] .home-hero__brand {
  display: block;
  margin: 0;
  font-family: var(--font-hf-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #e86a2b;
  text-align: left;
}

body.page-home-final .home-page[data-home-layout="final"] .home-hero__accent {
  display: block;
  width: 36px;
  height: 3px;
  margin: 0;
  border-radius: 2px;
  background: #e86a2b;
}

body.page-home-final .home-page[data-home-layout="final"] .home-hero h1 {
  margin: 0;
  font-family: var(--font-hf-serif);
  font-size: 52px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.08;
  color: #ffffff;
  text-align: left;
}

body.page-home-final .home-page[data-home-layout="final"] .home-hero h1 br {
  display: block;
}

body.page-home-final .home-page[data-home-layout="final"] .home-hero__lead {
  display: block;
  margin: 0;
  font-family: var(--font-hf-sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #e0ede3;
  text-align: left;
}

body.page-home-final .home-page[data-home-layout="final"] .home-hero__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 20px 0 58px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  min-height: 48px;
  padding: 14px 18px;
  border-radius: 12px;
  background: #e86a2b;
  color: #ffffff;
  font-family: var(--font-hf-sans);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

body.page-home-final .home-page[data-home-layout="final"] .home-hero__link {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #c5dbc9;
  font-family: var(--font-hf-sans);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

/* ---- Editorial xh0iY ---- */
body.page-home-final .home-page[data-home-layout="final"] .home-spotlight {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 28px 16px;
  box-sizing: border-box;
  background: #faf8f4;
  border-radius: 0;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__head-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__accent {
  width: 36px;
  height: 3px;
  border-radius: 2px;
  background: #e86a2b;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__title {
  margin: 0;
  font-family: var(--font-hf-serif);
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2;
  color: #1a3328;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__lead {
  margin: 0;
  width: 100%;
  max-width: none;
  font-family: var(--font-hf-sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #6b7f74;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__rule {
  display: block;
  width: 100%;
  height: 1px;
  margin: 0;
  background: #e6dfd4;
  border: 0;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__featured-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 350px;
  min-height: 350px;
  max-height: 350px;
  grid-template-columns: none;
  border-radius: 16px;
  overflow: hidden;
  background: #1a3328;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__featured-media {
  width: 100%;
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  aspect-ratio: auto;
  border-radius: 0;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__featured-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__featured-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  height: 150px;
  box-sizing: border-box;
  padding: 20px 18px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__featured-tag {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 8px;
  background: #e86a2b;
  color: #ffffff;
  font-family: var(--font-hf-sans);
  font-size: 12px;
  font-weight: 700;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__featured-name {
  margin: 0;
  font-family: var(--font-hf-serif);
  font-size: 36px;
  font-weight: 600;
  line-height: 1.1;
  color: #ffffff;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__featured-meta {
  margin: 0;
  font-family: var(--font-hf-sans);
  font-size: 15px;
  font-weight: 400;
  color: #c5dbc9;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__list li:nth-child(5) {
  grid-column: 1 / -1;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__media {
  width: 100%;
  height: 96px;
  min-height: 96px;
  max-height: 96px;
  aspect-ratio: auto;
  border-radius: 16px;
  overflow: hidden;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__tag--orange {
  color: #e86a2b;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__tag--ink {
  color: #1a3328;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__name {
  margin: 0;
  font-family: var(--font-hf-sans);
  font-size: 15px;
  font-weight: 700;
  color: #1a3328;
}

body.page-home-final .home-page[data-home-layout="final"] .home-spotlight__meta {
  margin: 0;
  font-family: var(--font-hf-sans);
  font-size: 12px;
  font-weight: 400;
  color: #6b7f74;
}

/* ---- Trouvez Ltj2R ---- */
body.page-home-final .home-page[data-home-layout="final"] .home-trouvez {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 28px 16px;
  box-sizing: border-box;
  background: #f7f4ee;
  border: 1px solid #e8e1d6;
  border-radius: 0;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0 0 10px;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__badge {
  margin: 0;
  padding: 7px 14px;
  border-radius: 999px;
  background: #e8f0ec;
  color: #1a3328;
  font-family: var(--font-hf-sans);
  font-size: 12px;
  font-weight: 700;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__title {
  margin: 0;
  width: 100%;
  font-family: var(--font-hf-serif);
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  color: #1a3328;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__lead {
  margin: 0;
  max-width: none;
  width: 100%;
  font-family: var(--font-hf-sans);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  color: #5a6e64;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__columns {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__col {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 20px 16px;
  border-radius: 22px;
  box-sizing: border-box;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__col--ingredients {
  background: #e3eee8;
  border: 1px solid #c5d6ca;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__col--envie {
  background: #f9e4d6;
  border: 1px solid #e5c0a8;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__col-head {
  margin: 0;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__col-title {
  margin: 0 0 8px;
  font-family: var(--font-hf-serif);
  font-size: 24px;
  font-weight: 600;
  color: #1a3328;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__col-desc {
  margin: 0;
  font-family: var(--font-hf-sans);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #4a5e54;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__col--envie .home-trouvez__col-desc {
  color: #3a5248;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__tools {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__cat-nav {
  display: none !important;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__cat-pills {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__cat-pill {
  flex: 0 0 auto;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #d8e2dc;
  background: #ffffff;
  color: #29443b;
  font-family: var(--font-hf-sans);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: none;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__cat-pill.is-active,
body.page-home-final .home-page[data-home-layout="final"] .home-finder__cat-pill[aria-selected="true"] {
  background: #1a3328;
  border-color: #1a3328;
  color: #ffffff;
  font-weight: 700;
  box-shadow: none;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__tools-main {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__search {
  height: 36px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #c5d6ca;
  background: #ffffff;
  font-family: var(--font-hf-sans);
  font-size: 12px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__foods {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(3, 76px);
  gap: 8px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__food {
  height: 76px;
  min-height: 0;
  padding: 8px 6px;
  gap: 4px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #c5d6ca;
  box-shadow: none;
  align-items: center;
  justify-content: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__food.is-active {
  border: 1.5px solid #e86a2b;
  box-shadow: none;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__food.is-active::after {
  display: none;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__food-media {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  max-height: 40px;
  aspect-ratio: auto;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__food-media img {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  object-fit: cover;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__food-name {
  font-family: var(--font-hf-sans);
  font-size: 10px;
  font-weight: 700;
  color: #1a3328;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__selection-bar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #e4ddd2;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__selection-main {
  gap: 5px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__selection-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #5a6e64;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__selection-text {
  font-family: var(--font-hf-serif);
  font-size: 19px;
  font-weight: 600;
  color: #1a3328;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__selection-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__status-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 8px;
  background: #d6e8de;
  border: 1px solid #c5d6ca;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__inline-status {
  font-size: 13px;
  font-weight: 600;
  color: #1a3328;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__inline-cta,
body.page-home-final .home-page[data-home-layout="final"] .home-envie__cta {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  width: 100%;
  margin-top: 0;
  padding: 13px 14px;
  border-radius: 12px;
  font-family: var(--font-hf-sans);
  font-size: 14px;
  font-weight: 700;
  box-shadow: none;
}

body.page-home-final .home-page[data-home-layout="final"] .home-finder__inline-cta {
  background: #e86a2b;
  color: #ffffff;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__moods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__mood {
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 12px 8px;
  border-radius: 12px;
  border: 1px solid #e8c4ae;
  background: #ffffff;
  color: #1a3328;
  font-size: 14px;
  font-weight: 700;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__mood.is-active {
  background: #1a3328;
  border-color: #1a3328;
  color: #ffffff;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__affiner {
  margin: 0;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__affiner-label,
body.page-home-final .home-page[data-home-layout="final"] .home-envie__preview-label {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: #4a5f56;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__filter {
  width: 100%;
  height: 34px;
  padding: 10px 4px;
  border-radius: 999px;
  border: 1px solid #d0b8a8;
  background: #ffffff;
  color: #29443b;
  font-size: 11px;
  font-weight: 500;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__filter.is-active {
  background: #e3eee8;
  border: 1.5px solid #1a3328;
  color: #1a3328;
  font-weight: 700;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__previews {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  overflow: visible;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__preview {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #e8c4ae;
  flex: none;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__preview img {
  width: 100%;
  height: 64px;
  flex: none;
  border-radius: 0;
  object-fit: cover;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__preview > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__preview-title {
  font-size: 11px;
  font-weight: 700;
  color: #1a3328;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__preview-meta {
  margin: 0;
  font-size: 10px;
  color: #6b7f74;
}

body.page-home-final .home-page[data-home-layout="final"] .home-envie__cta {
  background: #1a3328;
  color: #ffffff;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__results {
  margin: 0;
  padding: 18px 16px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid #d5ddd6;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__results-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
  border-bottom: 1px solid #e4ddd2;
  text-align: center;
  min-height: 0;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__results-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 0;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__results-title {
  margin: 0;
  width: 100%;
  font-family: var(--font-hf-serif);
  font-size: 22px;
  font-weight: 600;
  color: #1a3328;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__results-sub {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__results-path {
  display: inline-flex;
  padding: 6px 12px;
  border-radius: 999px;
  background: #eef1ee;
  color: #1a3328;
  font-size: 11px;
  font-weight: 700;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__results-hint {
  font-size: 11px;
  color: #8a968d;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__results-total {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #e86a2b;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__results-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 10px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__result-card {
  border-radius: 14px;
  background: #fafaf8;
  border: 1px solid #ede7dd;
  overflow: hidden;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__result-media {
  height: 88px;
  aspect-ratio: auto;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__result-body {
  gap: 6px;
  padding: 12px;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__result-title {
  font-size: 13px;
  font-weight: 700;
  color: #1a3328;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__result-meta {
  font-size: 11px;
  color: #6b7f74;
}

body.page-home-final .home-page[data-home-layout="final"] .home-trouvez__result-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  margin-top: 4px;
  padding: 8px 0;
  border-radius: 8px;
  background: #e86a2b;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
}

/* ---- Menu Semaine LlObI ---- */
body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 28px 16px 36px;
  box-sizing: border-box;
  background: #f7f4ee;
  border-radius: 0;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin: 0;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__badge {
  margin: 0;
  padding: 8px 14px;
  border-radius: 999px;
  background: #1a3328;
  color: #ffffff;
  font-family: var(--font-hf-sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__title {
  margin: 0;
  max-width: none;
  width: 100%;
  font-family: var(--font-hf-serif);
  font-size: 36px;
  font-weight: 600;
  line-height: 1.12;
  color: #1a3328;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__lead {
  margin: 0;
  max-width: none;
  width: 100%;
  font-family: var(--font-hf-sans);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #5a6e64;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__visual {
  margin: 0;
  width: 100%;
  height: 239px;
  border-radius: 20px;
  border: 1px solid #d8e2dc;
  overflow: hidden;
  box-shadow: none;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  height: 136px;
  min-height: 136px;
  max-height: 136px;
  padding: 20px 18px;
  border-radius: 18px;
  box-sizing: border-box;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__step:nth-child(1) {
  background: #eaf3ee;
  border: 1px solid #d2e1d8;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__step:nth-child(2) {
  background: #f5f0e7;
  border: 1px solid #e4d9c8;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__step:nth-child(3) {
  background: #fbe8dc;
  border: 1px solid #eecfbc;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__step-num {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  color: #e86a2b;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__step-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #1a3328;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__step-text {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  color: #364a42;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__cta-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 20px 18px;
  border-radius: 18px;
  background: #ebf0ec;
  border: 1px solid #d8e2dc;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__cta-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__cta-prompt {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #1a3328;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__account-chip {
  align-self: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #ddebe4;
  border: 1px solid #c9ddd1;
  font-size: 11px;
  font-weight: 600;
  color: #234336;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__account-note {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: #40574c;
  text-align: center;
}

body.page-home-final .home-page[data-home-layout="final"] .home-menu-semaine__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 52px;
  padding: 16px 20px;
  border-radius: 14px;
  background: #e86a2b;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  box-shadow: none;
  white-space: normal;
  text-align: center;
}

/* ---- Footer cXnpv ---- */
body.page-home-final .site-footer {
  background: #1a3328;
  color: #ffffff;
  margin: 0;
  padding: 0;
  width: 100%;
}

body.page-home-final .site-footer .footer-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 36px 20px 28px;
  box-sizing: border-box;
}

body.page-home-final .site-footer .footer-top {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin: 0;
}

body.page-home-final .site-footer .footer-tagline-block {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  max-width: 280px;
  margin: 0;
  flex: none;
}

body.page-home-final .site-footer .footer-signature-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.page-home-final .site-footer .footer-signature {
  margin: 0;
  font-family: var(--font-hf-serif);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
  color: #ffffff;
  text-transform: uppercase;
}

body.page-home-final .site-footer .footer-signature-accent {
  display: block;
  width: 36px;
  height: 2px;
  margin: 0;
  border-radius: 1px;
  background: #e86a2b;
}

body.page-home-final .site-footer .footer-tagline-text {
  margin: 0;
  width: 100%;
  max-width: 280px;
  font-family: var(--font-hf-sans);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  color: #c8d5ce;
}

body.page-home-final .site-footer .footer-columns {
  display: flex;
  flex-direction: column;
  gap: 22px;
  width: 100%;
  max-width: none;
  margin: 0;
}

body.page-home-final .site-footer .footer-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: none;
}

body.page-home-final .site-footer .footer-col h3 {
  margin: 0;
  font-family: var(--font-hf-sans);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  color: #ffffff;
}

body.page-home-final .site-footer .footer-col a {
  font-family: var(--font-hf-sans);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: #c8d5ce;
  text-decoration: none;
  opacity: 1;
}

body.page-home-final .site-footer .footer-rule {
  display: block;
  width: 100%;
  height: 1px;
  margin: 0;
  border: 0;
  background: #2e4a3e;
}

body.page-home-final .site-footer .footer-copy {
  margin: 0;
  padding: 0;
  font-family: var(--font-hf-sans);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  color: #a8b8b0;
  opacity: 1;
}