/* Madame Corail – page d'accueil. Tout est limité à .mc-home pour ne pas modifier le reste du site. */
.mc-home {
  --cream: #F7F1E3;
  --deep: #0F2A43;
  --slate: #1D4663;
  --coral: #F26B5B;
  --surface: #FFFBF1;
  --muted: #44607A;
  --accent: #B93F2E;
  --line: rgba(15, 42, 67, .22);
  background: var(--cream);
  color: var(--deep);
  font-family: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
  overflow-x: clip;
}
.mc-home *, .mc-home *::before, .mc-home *::after { box-sizing: border-box; }
.mc-home section { scroll-margin-top: 90px; position: relative; }
.mc-home ul, .mc-home ol { list-style: none; margin: 0; padding: 0; }
.mc-home img, .mc-home svg { max-width: 100%; }
.mc-home p { margin: 0 0 1em; max-width: 62ch; color: inherit; }

.mc-home .mc-h1, .mc-home .mc-h2, .mc-home .mc-h3 {
  font-family: "Young Serif", Georgia, "Times New Roman", serif;
  font-weight: 400; line-height: 1.12; letter-spacing: -.005em;
  margin: 0 0 .6em; color: inherit; text-transform: none;
}
.mc-home .mc-h1 { font-size: clamp(2.3rem, 6.2vw, 4.4rem); line-height: 1.04; }
.mc-home .mc-h2 { font-size: clamp(1.75rem, 4.2vw, 2.85rem); }
.mc-home .mc-h3 { font-size: clamp(1.25rem, 2.4vw, 1.6rem); }

.mc-home .mc-wrap { width: min(1160px, 100% - 2.5rem); margin-inline: auto; }
.mc-home .mc-section { padding-block: clamp(3.5rem, 8vw, 6.5rem); }
.mc-home .mc-section--after-wave { padding-top: clamp(1.5rem, 4vw, 3rem); }
.mc-home .mc-head { margin-bottom: clamp(1.75rem, 4vw, 3rem); }
.mc-home .mc-lead { font-size: clamp(1.1rem, 1.6vw, 1.3rem); color: var(--muted); }
.mc-home .mc-center { margin-top: 2.25rem; }

.mc-home :focus-visible { outline: 3px solid var(--deep); outline-offset: 3px; }
.mc-home .mc-deep :focus-visible { outline-color: #F7F1E3; }

/* Bandes de couleur */
.mc-home .mc-deep { background: var(--deep); color: #F7F1E3; }
.mc-home .mc-deep .mc-lead, .mc-home .mc-deep p { color: #BCCCDA; }
.mc-home .mc-surface { background: var(--surface); }
.mc-home .mc-coral { background: var(--coral); color: var(--deep); }

/* Vagues */
.mc-home .mc-wave { display: block; width: 100%; height: clamp(28px, 5vw, 64px); }
.mc-home .mc-wave path { fill: var(--cream); }
.mc-home .mc-wave--hero { margin-top: clamp(1.5rem, 3vw, 2.5rem); margin-bottom: -1px; }
.mc-home .mc-wave--flip { transform: scaleY(-1); margin-bottom: -1px; }

/* Boutons */
.mc-home .mc-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 3rem; padding: .75rem 1.7rem; border-radius: 999px;
  border: 2px solid transparent; font: inherit; font-weight: 700; line-height: 1.2;
  text-decoration: none; cursor: pointer;
  transition: background-color .15s ease, transform .15s ease;
}
.mc-home .mc-btn:active { transform: translateY(1px); }
.mc-home .mc-btn-coral, .mc-home .mc-btn-coral:hover { color: var(--deep); }
.mc-home .mc-btn-coral { background: var(--coral); }
.mc-home .mc-btn-coral:hover { background: #F7857A; }
.mc-home .mc-btn-line, .mc-home .mc-btn-line:hover { color: #F7F1E3; }
.mc-home .mc-btn-line { border-color: #F7F1E3; background: transparent; }
.mc-home .mc-btn-line:hover { background: rgba(247, 241, 227, .12); }
.mc-home .mc-btn-deep, .mc-home .mc-btn-deep:hover { color: #F7F1E3; }
.mc-home .mc-btn-deep { background: var(--deep); }
.mc-home .mc-btn-deep:hover { background: var(--slate); }
.mc-home .mc-btn-ghost, .mc-home .mc-btn-ghost:hover { color: var(--deep); }
.mc-home .mc-btn-ghost { border-color: var(--deep); background: transparent; }
.mc-home .mc-btn-ghost:hover { background: rgba(15, 42, 67, .08); }

/* Accueil */
.mc-home .mc-hero { padding-top: clamp(2.5rem, 6vw, 5rem); }
.mc-home .mc-hero-grid { display: grid; gap: 2.5rem; align-items: center; }
.mc-home .mc-hero-copy p { font-size: clamp(1.1rem, 1.8vw, 1.3rem); }
.mc-home .mc-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.75rem; }
.mc-home .mc-hero-art { position: relative; width: min(100%, 440px); margin-inline: auto; padding-bottom: 1.5rem; }
@media (min-width: 900px) {
  .mc-home .mc-hero-grid { grid-template-columns: 1.15fr .85fr; gap: 4rem; }
  .mc-home .mc-hero-art { width: min(100%, 500px); margin-inline: 0; justify-self: end; }
}

/* Hublot : l'élément signature */
.mc-home .mc-porthole {
  position: relative; aspect-ratio: 1; border-radius: 50%;
  border: clamp(12px, 2.4vw, 20px) solid #F7F1E3;
  box-shadow: 0 0 0 3px var(--coral), 0 18px 40px rgba(0, 0, 0, .35);
  overflow: hidden; background: #133651;
}
.mc-home .mc-badge, .mc-home .mc-badge:hover { color: var(--deep); text-decoration: none; }
.mc-home .mc-badge {
  position: absolute; left: -.25rem; bottom: 0;
  width: clamp(6.5rem, 22vw, 8.5rem); aspect-ratio: 1; border-radius: 50%;
  background: var(--coral); border: 3px solid var(--deep);
  display: flex; align-items: center; justify-content: center; text-align: center;
  padding: .75rem; font-weight: 700; font-size: .95rem; line-height: 1.2;
  transform: rotate(-8deg);
}
.mc-home .mc-badge:hover { background: #F7857A; }
@media (min-width: 900px) { .mc-home .mc-badge { left: -1.5rem; } }

/* Photos et emplacements */
.mc-home .mc-media { position: relative; overflow: hidden; }
.mc-home .mc-media .mc-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.mc-home .mc-ph {
  position: absolute; inset: 0; display: flex; align-items: flex-end;
  background:
    repeating-linear-gradient(135deg, transparent 0 14px, rgba(15, 42, 67, .07) 14px 15px),
    linear-gradient(160deg, #D8E4E8, #B7CBD6);
  color: #2E4C66;
}
.mc-home .mc-ph-label { padding: .75rem 1rem; font-size: .85rem; font-weight: 500; line-height: 1.3; }
.mc-home .mc-porthole .mc-media { position: absolute; inset: 0; }
.mc-home .mc-porthole .mc-ph {
  background:
    repeating-linear-gradient(135deg, transparent 0 14px, rgba(247, 241, 227, .07) 14px 15px),
    linear-gradient(160deg, #26618A, #12334E);
  color: #D6E3EC; align-items: center; justify-content: center; text-align: center;
}
.mc-home .mc-porthole .mc-ph-label { max-width: 14rem; font-size: .95rem; }

/* Catégories */
.mc-home .mc-cats { display: grid; gap: 1.25rem; }
.mc-home .mc-cat { display: flex; }
.mc-home .mc-cat-link, .mc-home .mc-cat-link:hover { color: var(--deep); text-decoration: none; }
.mc-home .mc-cat-link {
  display: flex; flex-direction: column; width: 100%;
  background: var(--surface); border: 1px solid var(--line); border-radius: 18px;
  overflow: hidden; transition: border-color .15s ease;
}
.mc-home .mc-cat-link:hover { border-color: var(--accent); }
.mc-home .mc-cat-media { flex: 1; min-height: 220px; }
.mc-home .mc-cat-body { padding: 1.25rem 1.4rem 1.5rem; }
.mc-home .mc-cat-body .mc-h3 { margin-bottom: .35em; }
.mc-home .mc-cat-body p { color: var(--muted); font-size: 1rem; margin-bottom: .75rem; }
.mc-home .mc-cat-cta { color: var(--accent); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; }
@media (min-width: 760px) {
  .mc-home .mc-cats { grid-template-columns: repeat(12, 1fr); }
  .mc-home .mc-cat:nth-child(1) { grid-column: span 7; }
  .mc-home .mc-cat:nth-child(2) { grid-column: span 5; }
  .mc-home .mc-cat:nth-child(3) { grid-column: span 5; }
  .mc-home .mc-cat:nth-child(4) { grid-column: span 7; }
  .mc-home .mc-cat-media { min-height: 260px; }
}

/* Coups de cœur */
.mc-home .mc-featured .woocommerce { margin: 0; }
.mc-home .mc-admin-note {
  border: 2px dashed var(--line); border-radius: 12px; padding: 1rem; color: var(--muted); font-size: .95rem;
}

/* Click & Collect */
.mc-home .mc-cc-grid { display: grid; gap: 2.5rem; align-items: start; }
.mc-home .mc-cc-copy p { font-size: 1.15rem; color: var(--deep); }
@media (min-width: 900px) {
  .mc-home .mc-cc-grid { grid-template-columns: 1.1fr .9fr; gap: 4rem; }
  .mc-home .mc-cc-grid--single { grid-template-columns: 1fr; }
}
.mc-home .mc-steps { counter-reset: step; display: grid; gap: .9rem; margin: 1.5rem 0 1.75rem; }
.mc-home .mc-steps li {
  counter-increment: step; display: grid; grid-template-columns: 2.5rem 1fr; gap: .9rem;
  align-items: start; font-weight: 500;
}
.mc-home .mc-steps li::before {
  content: counter(step); width: 2.5rem; height: 2.5rem; border-radius: 50%;
  background: var(--deep); color: #F7F1E3; display: grid; place-items: center;
  font-family: "Young Serif", Georgia, serif;
}
.mc-home .mc-steps li span { padding-top: .35rem; }
.mc-home .mc-pickup {
  background: #F7F1E3; color: var(--deep); border-radius: 22px; padding: 1.75rem;
  border: 2px solid var(--deep);
}
.mc-home .mc-pickup svg { width: 2.25rem; height: 2.25rem; margin-bottom: .5rem; }
.mc-home .mc-pickup p { color: #2E4C66; margin-bottom: .6em; }
.mc-home .mc-pickup-list { display: grid; gap: .5rem; margin: .5rem 0 0; color: #2E4C66; }
.mc-home .mc-pickup-list strong { color: var(--deep); display: inline-block; min-width: 5.5rem; }

/* Histoire */
.mc-home .mc-story-grid { display: grid; gap: 2.5rem; align-items: center; }
.mc-home .mc-story-media { aspect-ratio: 4 / 5; border-radius: 24px; }
.mc-home .mc-story-copy p { font-size: 1.12rem; line-height: 1.7; }
.mc-home .mc-story-copy .mc-pull {
  font-family: "Young Serif", Georgia, serif; font-size: clamp(1.4rem, 2.6vw, 1.9rem);
  line-height: 1.25; color: var(--accent); margin: 1.5rem 0 0; max-width: 28ch;
}
@media (min-width: 900px) {
  .mc-home .mc-story-grid { grid-template-columns: .8fr 1.2fr; gap: 5rem; }
  .mc-home .mc-story-art { max-width: 420px; }
}

/* Marchés et événements */
.mc-home .mc-events-grid { display: grid; gap: 2rem; }
@media (min-width: 900px) { .mc-home .mc-events-grid { grid-template-columns: .9fr 1.1fr; gap: 4rem; align-items: start; } }
.mc-home .mc-events { display: grid; gap: .9rem; }
.mc-home .mc-event {
  display: grid; grid-template-columns: auto 1fr; gap: 1.1rem; align-items: center;
  border: 1px solid rgba(247, 241, 227, .35); border-radius: 18px; padding: 1.1rem 1.25rem;
}
.mc-home .mc-event--empty { border: 2px dashed rgba(247, 241, 227, .45); }
.mc-home .mc-event-date {
  min-width: 5rem; padding: .7rem .9rem; border-radius: 14px; background: var(--coral); color: var(--deep);
  text-align: center; font-weight: 700; line-height: 1.15; font-size: .95rem;
}
.mc-home .mc-event-info { display: grid; gap: .15rem; color: #BCCCDA; }
.mc-home .mc-event-info strong { color: #F7F1E3; font-size: 1.1rem; font-weight: 700; }

/* Contact pro */
.mc-home .mc-contact-grid { display: grid; gap: 2.5rem; }
@media (min-width: 900px) { .mc-home .mc-contact-grid { grid-template-columns: .85fr 1.15fr; gap: 5rem; align-items: start; } }
.mc-home .mc-phone { color: var(--muted); }
.mc-home .mc-form {
  position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: 22px;
  padding: clamp(1.25rem, 3vw, 2rem); display: grid; gap: 1.1rem;
}
.mc-home .mc-row { display: grid; gap: 1.1rem; }
@media (min-width: 640px) { .mc-home .mc-row--two { grid-template-columns: 1fr 1fr; } }
.mc-home .mc-form label { display: block; font-weight: 700; font-size: .95rem; margin-bottom: .35rem; color: var(--deep); }
.mc-home .mc-form input[type="text"], .mc-home .mc-form input[type="email"],
.mc-home .mc-form select, .mc-home .mc-form textarea {
  width: 100%; font: inherit; color: var(--deep); background: var(--cream);
  border: 1.5px solid var(--line); border-radius: 12px; padding: .75rem .9rem; min-height: 3rem; box-shadow: none;
}
.mc-home .mc-form textarea { min-height: 8rem; resize: vertical; }
.mc-home .mc-form .mc-btn { justify-self: start; }
.mc-home .mc-status { margin: 0; min-height: 1.5em; font-weight: 500; color: var(--accent); }
.mc-home .mc-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Le thème souligne les liens du contenu : pas sur les boutons et cartes. */
.entry-content .mc-home a.mc-btn, .entry-content .mc-home a.mc-badge, .entry-content .mc-home a.mc-cat-link { text-decoration: none; }

/* Parcourez la boutique : fond bleu foncé, textes beige, boutons bleu foncé */
.mc-home .mc-shop { border-top: 1px solid rgba(247, 241, 227, .14); }
.mc-home .mc-shop .mc-section { padding-bottom: clamp(2rem, 5vw, 3.5rem); }
.mc-home .mc-shop .mc-h2, .mc-home .mc-shop .mc-lead { color: #F7F1E3; }
.mc-home .mc-shop .mc-cat-link, .mc-home .mc-shop .mc-cat-link:hover { color: #F7F1E3; }
.mc-home .mc-shop .mc-cat-link { background: var(--deep); border-color: rgba(247, 241, 227, .35); }
.mc-home .mc-shop .mc-cat-link:hover { border-color: #F7F1E3; }
.mc-home .mc-shop .mc-cat-body p { color: #F7F1E3; opacity: .85; }
.mc-home .mc-btn-navy { background: var(--deep); color: #F7F1E3; border-color: #F7F1E3; min-height: 2.75rem; padding: .6rem 1.4rem; font-size: .95rem; }
.mc-home .mc-cat-link:hover .mc-btn-navy { background: var(--slate); }
.mc-home .mc-wave--to-coral path { fill: var(--coral); }
.mc-home .mc-wave--to-surface path { fill: var(--surface); }
.mc-home .mc-shop .mc-wave { margin-bottom: -1px; }

/* Cinq catégories : 2 colonnes sur tablette, 3 + 2 sur ordinateur */
@media (min-width: 760px) {
  .mc-home .mc-cats { grid-template-columns: repeat(6, 1fr); }
  .mc-home .mc-cat:nth-child(n) { grid-column: span 3; }
  .mc-home .mc-cat:nth-child(5) { grid-column: span 6; }
}
@media (min-width: 1000px) {
  .mc-home .mc-cat:nth-child(-n+3) { grid-column: span 2; }
  .mc-home .mc-cat:nth-child(n+4) { grid-column: span 3; }
}

/* Histoire : photo en fond sur toute la largeur et la hauteur */
.mc-home .mc-story-full {
  position: relative; overflow: hidden; color: #F7F1E3; background: var(--deep);
  min-height: clamp(560px, 92vh, 860px); display: flex; align-items: center;
  padding-block: clamp(5rem, 10vw, 8rem) clamp(6rem, 12vw, 9rem);
}
.mc-home .mc-story-full .mc-story-bg { position: absolute; inset: 0; }
.mc-home .mc-story-full .mc-story-bg .mc-img { transform: scale(1.03); }
.mc-home .mc-story-shade {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(15, 42, 67, .9) 0%, rgba(15, 42, 67, .65) 45%, rgba(15, 42, 67, .15) 85%);
}
@media (max-width: 899px) {
  .mc-home .mc-story-shade { background: linear-gradient(180deg, rgba(15, 42, 67, .55) 0%, rgba(15, 42, 67, .85) 55%, rgba(15, 42, 67, .95) 100%); }
}
.mc-home .mc-story-inner { position: relative; z-index: 1; display: grid; gap: 3rem; align-items: center; }
@media (min-width: 900px) { .mc-home .mc-story-inner { grid-template-columns: 1.15fr .85fr; } }
.mc-home .mc-story-full .mc-h2 { color: #F7F1E3; }
.mc-home .mc-story-full .mc-story-copy p { font-size: 1.12rem; line-height: 1.7; color: #E6ECF1; text-shadow: 0 1px 16px rgba(8, 22, 36, .4); }
.mc-home .mc-story-full .mc-story-copy .mc-pull { color: var(--coral); font-family: "Young Serif", Georgia, serif; font-size: clamp(1.4rem, 2.6vw, 1.9rem); line-height: 1.25; margin: 1.5rem 0 0; }
.mc-home .mc-story-full .mc-story-link { margin-top: 1.75rem; }
.mc-home .mc-story-play {
  justify-self: center; display: inline-flex; flex-direction: column; align-items: center; gap: 1rem;
  padding: 0; border: 0; background: transparent; color: #F7F1E3; font: inherit; cursor: pointer; text-align: center;
}
.mc-home .mc-story-play-circle {
  width: clamp(5.5rem, 10vw, 7.5rem); height: clamp(5.5rem, 10vw, 7.5rem); border-radius: 50%;
  background: var(--coral); color: var(--deep); display: grid; place-items: center;
  animation: mc-story-pulse 2.4s ease-out infinite; transition: transform .25s ease;
}
.mc-home .mc-story-play:hover .mc-story-play-circle { transform: scale(1.08); }
.mc-home .mc-story-play-circle svg { width: 40%; height: 40%; margin-left: 6%; fill: currentColor; }
.mc-home .mc-story-play-label { font-weight: 700; font-size: 1.15rem; display: grid; gap: .2rem; }
.mc-home .mc-story-play-label small { font-weight: 500; font-size: .9rem; color: #BCCCDA; }
.mc-home .mc-story-play:focus-visible { outline: 3px solid #F7F1E3; outline-offset: 6px; border-radius: 12px; }
@keyframes mc-story-pulse { 0% { box-shadow: 0 0 0 0 rgba(242, 107, 91, .55); } 70% { box-shadow: 0 0 0 1.6rem rgba(242, 107, 91, 0); } 100% { box-shadow: 0 0 0 0 rgba(242, 107, 91, 0); } }
@media (prefers-reduced-motion: reduce) { .mc-home .mc-story-play-circle { animation: none; } }
.mc-home .mc-story-full .mc-wave { position: absolute; left: 0; bottom: 0; z-index: 1; }
.mc-home .mc-wave--to-deep path { fill: var(--deep); }
.mc-home #marches { margin-top: -2px; }

/* Accueil : même photo que le hublot, en fond atténué ; section 10 % plus haute */
.mc-home .mc-hero { overflow: hidden; padding-top: calc(clamp(2.5rem, 6vw, 5rem) + 2.5rem); padding-bottom: 2.5rem; }
.mc-home .mc-hero-bg { position: absolute; inset: 0; }
.mc-home .mc-hero-bg .mc-img { opacity: .2; filter: blur(3px) saturate(.85); transform: scale(1.06); }
.mc-home .mc-hero-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15, 42, 67, .2) 0%, rgba(15, 42, 67, .55) 100%); }
.mc-home .mc-hero-inner { position: relative; z-index: 1; }
.mc-home .mc-hero-art { padding-bottom: 0; }

.mc-home .mc-hero .mc-h1-sub { display: block; margin-top: .6em; max-width: none; font-family: "Hanken Grotesk", system-ui, sans-serif; font-weight: 700; font-size: clamp(1rem, 1.6vw, 1.25rem); line-height: 1.35; letter-spacing: .01em; color: var(--coral); }

/* Hero : lien vers la landing « Notre univers » */
.mc-home .mc-hero-univers{margin:18px 0 0}
.mc-home .mc-hero-univers a{display:inline-flex;align-items:center;gap:10px;color:#F7F1E3;text-decoration:none!important;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:15px}
.mc-home .mc-hero-univers-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1.5px solid #F26B5B;color:#F26B5B;transition:background .2s,color .2s}
.mc-home .mc-hero-univers a:hover .mc-hero-univers-ico,.mc-home .mc-hero-univers a:focus-visible .mc-hero-univers-ico{background:#F26B5B;color:#0F2A43}
.mc-home .mc-hero-univers a:hover span+*,.mc-home .mc-hero-univers a:hover{color:#fff}

/* Histoire : badge partenaire Poisson d'Ouest */
.mc-home .mc-story-copy .mc-partner{display:inline-flex;align-items:center;gap:12px;margin:0 0 1.2rem;padding:6px 18px 6px 6px;border-radius:999px;background:rgba(247,241,227,.12);border:1px solid rgba(247,241,227,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-shadow:none;font-size:1rem;line-height:1.2}
.mc-home .mc-partner-logo{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#F7F1E3}
.mc-home .mc-partner-logo img{width:38px;height:38px;object-fit:contain;display:block}
.mc-home .mc-partner-txt{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:#F7F1E3;font-size:15px}
.mc-home .mc-partner-txt small{display:block;font-size:12px;letter-spacing:.12em;color:#F26B5B;font-weight:600}
@media (max-width:600px){.mc-home .mc-partner-txt{font-size:13px}}

/* Hero : pastille tournante « Découvrir notre univers » sur le hublot */
.mc-home .mc-spin{position:absolute;left:-.5rem;bottom:.25rem;z-index:2;display:block;width:clamp(7rem,24vw,9rem);aspect-ratio:1;border-radius:50%;background:#F7F1E3;border:3px solid var(--coral,#F26B5B);box-shadow:0 10px 24px rgba(0,0,0,.3);color:#0F2A43;text-decoration:none!important;transition:transform .3s ease,background .3s ease}
.mc-home .mc-spin:hover,.mc-home .mc-spin:focus-visible{transform:scale(1.06);background:#fff}
.mc-home .mc-spin:focus-visible{outline:2px solid #F7F1E3;outline-offset:4px}
.mc-home .mc-spin-ring{position:absolute;inset:0;width:100%;height:100%;animation:mc-spin 24s linear infinite}
.mc-home .mc-spin-ring text{fill:#0F2A43;font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.06em}
.mc-home .mc-spin-core{position:absolute;top:50%;left:50%;width:40%;height:40%;transform:translate(-50%,-50%);border-radius:50%;background:#0F2A43;display:flex;align-items:center;justify-content:center}
.mc-home .mc-spin-core svg{width:42%;height:42%;fill:#F7F1E3;margin-left:6%}
@keyframes mc-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mc-home .mc-spin-ring{animation:none}}
@media (min-width:900px){.mc-home .mc-spin{left:-1.5rem}}

/* Accueil : animations reprises de la landing « Notre univers » */
.mc-home .mc-hero-bg--video{inset:-14% 0 0 0;will-change:transform}
.mc-home .mc-hero-video{width:100%;height:100%;object-fit:cover;display:block;opacity:.38;transform:scale(1.04)}
.mc-home .mc-hero-bg--video::after{background:linear-gradient(90deg,rgba(15,42,67,.75) 0%,rgba(15,42,67,.35) 55%,rgba(15,42,67,.2) 100%),linear-gradient(180deg,rgba(15,42,67,.15) 0%,rgba(15,42,67,.6) 100%)}
.mc-home .mc-hero .mc-h1{text-shadow:0 2px 24px rgba(8,22,36,.45)}
.mc-home .mc-hero p.mc-h1-sub{margin:.6em 0 1em}
.mcu-js .mc-home .mc-hero-art--pop.mcu-reveal{transform:scale(.9) rotate(-4deg);transition:opacity 1s ease var(--d,0s),transform 1.2s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.mcu-js .mc-home .mc-hero-art--pop.mcu-reveal.is-in{transform:none}
.mcu-js .mc-home .mc-hero-art--pop .mc-spin{opacity:0;scale:.6;transition:opacity .6s ease 1.2s,scale .8s cubic-bezier(.3,1.6,.5,1) 1.2s,transform .3s ease,background .3s ease}
.mcu-js .mc-home .mc-hero-art--pop.is-in .mc-spin{opacity:1;scale:1}
@media (max-width:767px){.mc-home .mc-hero-bg--video::after{background:linear-gradient(180deg,rgba(15,42,67,.45) 0%,rgba(15,42,67,.7) 100%)}}
@media (prefers-reduced-motion:reduce){.mc-home .mc-hero-video{opacity:.25}}

/* Hero : deux rillettes en orbite dans le hublot (tournent sur elles-mêmes autour du centre) */
.mc-home .mc-porthole .mc-media::after{content:"";position:absolute;inset:21%;border-radius:50%;border:1.5px dashed rgba(247,241,227,.55);background:radial-gradient(circle,rgba(15,42,67,.35) 0%,rgba(15,42,67,0) 70%);pointer-events:none}
.mc-home .mc-porthole::before,.mc-home .mc-porthole::after{content:"";position:absolute;left:50%;top:50%;z-index:1;width:26%;aspect-ratio:372/400;background:center/contain no-repeat;filter:drop-shadow(0 8px 10px rgba(5,18,30,.45));pointer-events:none;transform:translate(-50%,-50%) rotate(0deg) translateX(112%) rotate(0deg);animation:mc-orbit 20s linear infinite;will-change:transform}
.mc-home .mc-porthole::before{background-image:url(/wp-content/uploads/2025/03/RILLETTESARDINES.png)}
.mc-home .mc-porthole::after{background-image:url(/wp-content/uploads/2025/03/RILLETTESHOMARD.png);animation-delay:-10s}
@keyframes mc-orbit{to{transform:translate(-50%,-50%) rotate(360deg) translateX(112%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mc-home .mc-porthole::before,.mc-home .mc-porthole::after{animation:none}.mc-home .mc-porthole::after{transform:translate(-50%,-50%) rotate(180deg) translateX(112%) rotate(180deg)}}

/* Hero : boussole de marin au centre du hublot (rose des vents qui oscille doucement) */
.mc-home .mc-porthole .mc-media::before{content:"";position:absolute;left:50%;top:50%;z-index:1;width:34%;aspect-ratio:1;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='97' fill='%230F2A43' fill-opacity='.78' stroke='%23F7F1E3' stroke-width='2.5'/%3E%3Ccircle cx='100' cy='100' r='78' fill='none' stroke='%23F7F1E3' stroke-opacity='.6' stroke-width='1'/%3E%3Cline x1='100.0' y1='22.0' x2='100.0' y2='28.0' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='106.8' y1='22.3' x2='106.6' y2='24.3' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='113.5' y1='23.2' x2='113.2' y2='25.2' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='120.2' y1='24.7' x2='119.2' y2='28.5' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='126.7' y1='26.7' x2='126.0' y2='28.6' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='133.0' y1='29.3' x2='132.1' y2='31.1' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='139.0' y1='32.5' x2='137.0' y2='35.9' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='144.7' y1='36.1' x2='143.6' y2='37.7' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='150.1' y1='40.2' x2='148.9' y2='41.8' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='155.2' y1='44.8' x2='150.9' y2='49.1' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='159.8' y1='49.9' x2='158.2' y2='51.1' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='163.9' y1='55.3' x2='162.3' y2='56.4' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='167.5' y1='61.0' x2='164.1' y2='63.0' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='170.7' y1='67.0' x2='168.9' y2='67.9' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='173.3' y1='73.3' x2='171.4' y2='74.0' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='175.3' y1='79.8' x2='171.5' y2='80.8' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='176.8' y1='86.5' x2='174.8' y2='86.8' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='177.7' y1='93.2' x2='175.7' y2='93.4' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='178.0' y1='100.0' x2='172.0' y2='100.0' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='177.7' y1='106.8' x2='175.7' y2='106.6' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='176.8' y1='113.5' x2='174.8' y2='113.2' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='175.3' y1='120.2' x2='171.5' y2='119.2' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='173.3' y1='126.7' x2='171.4' y2='126.0' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='170.7' y1='133.0' x2='168.9' y2='132.1' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='167.5' y1='139.0' x2='164.1' y2='137.0' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='163.9' y1='144.7' x2='162.3' y2='143.6' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='159.8' y1='150.1' x2='158.2' y2='148.9' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='155.2' y1='155.2' x2='150.9' y2='150.9' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='150.1' y1='159.8' x2='148.9' y2='158.2' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='144.7' y1='163.9' x2='143.6' y2='162.3' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='139.0' y1='167.5' x2='137.0' y2='164.1' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='133.0' y1='170.7' x2='132.1' y2='168.9' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='126.7' y1='173.3' x2='126.0' y2='171.4' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='120.2' y1='175.3' x2='119.2' y2='171.5' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='113.5' y1='176.8' x2='113.2' y2='174.8' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='106.8' y1='177.7' x2='106.6' y2='175.7' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='100.0' y1='178.0' x2='100.0' y2='172.0' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='93.2' y1='177.7' x2='93.4' y2='175.7' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='86.5' y1='176.8' x2='86.8' y2='174.8' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='79.8' y1='175.3' x2='80.8' y2='171.5' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='73.3' y1='173.3' x2='74.0' y2='171.4' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='67.0' y1='170.7' x2='67.9' y2='168.9' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='61.0' y1='167.5' x2='63.0' y2='164.1' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='55.3' y1='163.9' x2='56.4' y2='162.3' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='49.9' y1='159.8' x2='51.1' y2='158.2' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='44.8' y1='155.2' x2='49.1' y2='150.9' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='40.2' y1='150.1' x2='41.8' y2='148.9' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='36.1' y1='144.7' x2='37.7' y2='143.6' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='32.5' y1='139.0' x2='35.9' y2='137.0' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='29.3' y1='133.0' x2='31.1' y2='132.1' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='26.7' y1='126.7' x2='28.6' y2='126.0' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='24.7' y1='120.2' x2='28.5' y2='119.2' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='23.2' y1='113.5' x2='25.2' y2='113.2' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='22.3' y1='106.8' x2='24.3' y2='106.6' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='22.0' y1='100.0' x2='28.0' y2='100.0' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='22.3' y1='93.2' x2='24.3' y2='93.4' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='23.2' y1='86.5' x2='25.2' y2='86.8' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='24.7' y1='79.8' x2='28.5' y2='80.8' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='26.7' y1='73.3' x2='28.6' y2='74.0' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='29.3' y1='67.0' x2='31.1' y2='67.9' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='32.5' y1='61.0' x2='35.9' y2='63.0' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='36.1' y1='55.3' x2='37.7' y2='56.4' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='40.2' y1='49.9' x2='41.8' y2='51.1' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='44.8' y1='44.8' x2='49.1' y2='49.1' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='49.9' y1='40.2' x2='51.1' y2='41.8' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='55.3' y1='36.1' x2='56.4' y2='37.7' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='61.0' y1='32.5' x2='63.0' y2='35.9' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='67.0' y1='29.3' x2='67.9' y2='31.1' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='73.3' y1='26.7' x2='74.0' y2='28.6' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='79.8' y1='24.7' x2='80.8' y2='28.5' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='86.5' y1='23.2' x2='86.8' y2='25.2' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cline x1='93.2' y1='22.3' x2='93.4' y2='24.3' stroke='%23F7F1E3' stroke-opacity='.7' stroke-width='1'/%3E%3Cpolygon points='100.0,100.0 135.4,64.6 100.0,91.0' fill='%23F7F1E3'/%3E%3Cpolygon points='100.0,100.0 135.4,64.6 109.0,100.0' fill='%23B9C4CC'/%3E%3Cpolygon points='100.0,100.0 135.4,135.4 109.0,100.0' fill='%23F7F1E3'/%3E%3Cpolygon points='100.0,100.0 135.4,135.4 100.0,109.0' fill='%23B9C4CC'/%3E%3Cpolygon points='100.0,100.0 64.6,135.4 100.0,109.0' fill='%23F7F1E3'/%3E%3Cpolygon points='100.0,100.0 64.6,135.4 91.0,100.0' fill='%23B9C4CC'/%3E%3Cpolygon points='100.0,100.0 64.6,64.6 91.0,100.0' fill='%23F7F1E3'/%3E%3Cpolygon points='100.0,100.0 64.6,64.6 100.0,91.0' fill='%23B9C4CC'/%3E%3Cpolygon points='100.0,100.0 100.0,30.0 90.8,90.8' fill='%23F26B5B'/%3E%3Cpolygon points='100.0,100.0 100.0,30.0 109.2,90.8' fill='%23C8473A'/%3E%3Cpolygon points='100.0,100.0 170.0,100.0 109.2,90.8' fill='%23F7F1E3'/%3E%3Cpolygon points='100.0,100.0 170.0,100.0 109.2,109.2' fill='%239FB0BD'/%3E%3Cpolygon points='100.0,100.0 100.0,170.0 109.2,109.2' fill='%23F7F1E3'/%3E%3Cpolygon points='100.0,100.0 100.0,170.0 90.8,109.2' fill='%239FB0BD'/%3E%3Cpolygon points='100.0,100.0 30.0,100.0 90.8,109.2' fill='%23F7F1E3'/%3E%3Cpolygon points='100.0,100.0 30.0,100.0 90.8,90.8' fill='%239FB0BD'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%230F2A43' stroke='%23F7F1E3' stroke-width='2'/%3E%3Ctext x='100.0' y='12.0' dy='.36em' text-anchor='middle' font-family='Georgia,serif' font-weight='700' font-size='15' fill='%23F26B5B'%3EN%3C/text%3E%3Ctext x='188.0' y='100.0' dy='.36em' text-anchor='middle' font-family='Georgia,serif' font-weight='700' font-size='15' fill='%23F7F1E3'%3EE%3C/text%3E%3Ctext x='100.0' y='188.0' dy='.36em' text-anchor='middle' font-family='Georgia,serif' font-weight='700' font-size='15' fill='%23F7F1E3'%3ES%3C/text%3E%3Ctext x='12.0' y='100.0' dy='.36em' text-anchor='middle' font-family='Georgia,serif' font-weight='700' font-size='15' fill='%23F7F1E3'%3EO%3C/text%3E%3C/svg%3E") center/contain no-repeat;box-shadow:0 10px 24px rgba(5,18,30,.45);pointer-events:none;transform:translate(-50%,-50%) rotate(-7deg);animation:mc-compass 6s ease-in-out infinite alternate}
@keyframes mc-compass{to{transform:translate(-50%,-50%) rotate(6deg)}}
@media (prefers-reduced-motion:reduce){.mc-home .mc-porthole .mc-media::before{animation:none;transform:translate(-50%,-50%)}}
.mc-home .mc-porthole::before,.mc-home .mc-porthole::after{z-index:2}

/* Hero : 4 rillettes en orbite (sardines, Saint-Jacques, homard, langoustines) — 2 dans le hublot, 2 sur .mc-hero-art (même boîte, bordure du hublot déduite) */
.mc-home .mc-hero-art{--mc-pb:clamp(12px,2.4vw,20px)}
.mc-home .mc-porthole .mc-media::after{inset:20%}
.mc-home .mc-porthole::before,.mc-home .mc-porthole::after,.mc-home .mc-hero-art::before,.mc-home .mc-hero-art::after{width:22%;transform:translate(-50%,-50%) rotate(0deg) translateX(136%) rotate(0deg);animation:mc-orbit 24s linear infinite}
.mc-home .mc-hero-art::before,.mc-home .mc-hero-art::after{content:"";position:absolute;left:50%;top:50%;z-index:2;width:calc((100% - 2*var(--mc-pb))*.22);aspect-ratio:372/400;background:center/contain no-repeat;filter:drop-shadow(0 8px 10px rgba(5,18,30,.45));pointer-events:none;will-change:transform}
.mc-home .mc-hero-art::before{background-image:url(/wp-content/uploads/2025/03/RILLETTESSAINTJACQUES.png);animation-delay:-6s}
.mc-home .mc-porthole::after{animation-delay:-12s}
.mc-home .mc-hero-art::after{background-image:url(/wp-content/uploads/2025/03/RILLETTESLANGOUSTINES.png);animation-delay:-18s}
.mc-home .mc-hero-art .mc-spin{z-index:3}
@keyframes mc-orbit{to{transform:translate(-50%,-50%) rotate(360deg) translateX(136%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mc-home .mc-porthole::before,.mc-home .mc-porthole::after,.mc-home .mc-hero-art::before,.mc-home .mc-hero-art::after{animation:none}.mc-home .mc-hero-art::before{transform:translate(-50%,-50%) rotate(90deg) translateX(136%) rotate(-90deg)}.mc-home .mc-porthole::after{transform:translate(-50%,-50%) rotate(180deg) translateX(136%) rotate(-180deg)}.mc-home .mc-hero-art::after{transform:translate(-50%,-50%) rotate(270deg) translateX(136%) rotate(-270deg)}}

/* Hero : fond du hublot = poisson de la charte sur rond rouge (remplace la photo d'apéro) */
.mc-home .mc-porthole .mc-media{background:#EFECE7 url(/wp-content/uploads/2026/10/hublot-poisson-rond-rouge-v2.jpg) center/cover no-repeat}
.mc-home .mc-porthole .mc-media .mc-img{display:none}

/* Hero : ligne « De la Bretagne à la Provence » + villes des marchés */
.mc-home .mc-hero p.mc-hero-route{margin:1em 0 1.1em}
.mc-home .mc-hero-route a{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;border-radius:999px;background:rgba(247,241,227,.12);border:1px solid rgba(247,241,227,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#F7F1E3;text-decoration:none!important;font-size:clamp(.92rem,1.4vw,1.02rem);line-height:1.35;transition:background .2s,border-color .2s}
.mc-home .mc-hero-route a:hover,.mc-home .mc-hero-route a:focus-visible{background:rgba(247,241,227,.2);border-color:#F26B5B}
.mc-home .mc-hero-route b{display:block;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#F26B5B;font-size:.95em}
.mc-home .mc-route-ico{flex:0 0 auto;width:34px;height:34px;padding:5px;border-radius:50%;background:#0F2A43;color:#F7F1E3;box-sizing:border-box}