/* Seniors, the care landings (parents, home-care professionals, recovery, new parents) and the diet landings
   (high protein, low carb, vegetarian): page composition only.
   Bands, wrappers, section rhythm, the split hero, the proof strip, headings, paragraphs, eyebrows, notes, leads, links,
   buttons, cards, icons and the FAQ disclosure are shared roles owned by products/editorial.css and fragments/components.css
   (STYLE_SYSTEM_PROPOSAL_CODEX.md sections 6-8). What follows is layout, the key-figure and protein metrics and the extras
   grid; the sn- roles started on the Seniors page and fragments/care-landing reuses them. */
body:is(.seniors,.parents,.careprofessionals,.recovery,.mums,.highprotein,.lowcarb,.vegetarian) main{margin:var(--header) 0 0!important;padding:0!important}
.mc-care{background:var(--linen);color:var(--forest-green)}
.mc-care *{box-sizing:border-box}
.mc-care a{color:inherit}
.mc-care section{scroll-margin-top:calc(var(--header) + 24px)}

/* the menu band takes its colour from the alternating sequence like every other band */
.mc-care #our-menu{padding-bottom:0!important}
.mc-care .menu-selection{padding:0 0 48px}

/* two-column bands (media or copy beside a card), as the editorial split: 48px apart, stacked below 900px */
.mc-care .sn-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:var(--pm-space-9)}
.mc-care .sn-split--wide-copy{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}
.mc-care .sn-split>*{min-width:0}

/* hero: the shared Google rating follows the actions, aligned with the copy (centred with it below 900px) */
.mc-care .sn-hero-rating{display:flex;margin-top:var(--pm-space-6);font-size:18px}
.mc-care .sn-hero-rating .me-google-rating{align-items:flex-start}

/* key figures: each number is a metric, so it takes a display size rather than a heading rank, in the brand's
   handwritten accent; the qualifier ("plus de", "cette semaine") sits small above it so the numbers align */
.mc-care .sn-figures-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pm-space-7);list-style:none;margin:var(--pm-space-8) 0 0;padding:0}
.mc-care .sn-figures-list[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.mc-care .sn-figures-list li{display:flex;flex-direction:column;gap:var(--pm-space-2);min-width:0;padding-top:var(--pm-space-5);border-top:2px solid var(--pm-primary)}
.mc-care :is(.sn-figures-list,.sn-protein-figure) strong{display:flex;flex-direction:column;color:var(--pm-accent-text);font:600 clamp(56px,6vw,84px)/.9 var(--pm-font-hand,Caveat,cursive);white-space:nowrap}
.mc-care :is(.sn-figures-list,.sn-protein-figure) strong small{font-size:.4em;line-height:1.15}
.mc-care .sn-figures-list span{color:var(--carbon)}
/* the protein share reads "20 % ou plus": its qualifier follows the number on the same baseline */
.mc-care .sn-protein-figure strong{flex-direction:row;align-items:baseline;gap:.25em}

/* Delivery facts use the shared card and section roles. */
.mc-care .sn-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pm-space-6);list-style:none;margin:var(--pm-space-8) 0 0;padding:0}
.mc-care .sn-facts .me-icon{width:40px;height:40px}
.mc-care .sn-facts h3{margin:var(--pm-space-4) 0 var(--pm-space-3)}
/* three benefits keep one row down to 900px; the doubled class outranks the shared fact-grid breakpoints */
.mc-care .sn-facts.sn-benefits-list{grid-template-columns:repeat(3,minmax(0,1fr))}
/* sections that introduce a grid centre their title and lead over it; the how-it-works closing block follows the same axis */
.mc-care :is(.sn-benefits,.sn-uses,.sn-figures,.sn-how,.sn-extras-band,.care-quotes)>.me-section>:is(h2,.me-section-lead),
.mc-care #nutrition-examples>.me-section>:is(h2,.me-lead),
body:is(.seniors,.parents,.careprofessionals,.highprotein,.lowcarb,.vegetarian) #care-navigation>.me-section>:is(h2,.me-section-lead){margin-inline:auto;text-align:center}
/* the navigation always shows the two other audiences: a narrower row keeps both cards under the centred head */
body:is(.seniors,.parents,.careprofessionals,.highprotein,.lowcarb,.vegetarian) #care-navigation .me-related-grid{max-width:880px;margin-inline:auto}
.mc-care .sn-extras>.me-subsection-title,.mc-care .sn-how .me-delivery-flexibility{text-align:center}

.mc-care .sn-protein-figure{display:flex;flex-direction:column;gap:var(--pm-space-1);margin:0 0 var(--pm-space-5)}
.mc-care .sn-protein-figure span{font-weight:600;color:var(--carbon)}
.mc-care .sn-checks{display:grid;gap:var(--pm-space-3);list-style:none;margin:0;padding:var(--pm-space-5) 0 0;border-top:1px solid var(--pm-border-editorial)}
.mc-care .sn-checks li{display:flex;align-items:flex-start}
.mc-care .sn-checks li::before{content:"";flex-shrink:0;width:1.5em;height:1.5em;margin:.05em .45em 0 0;background-color:var(--pm-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* extras: a sub-block of the variety section, one card per kind, as many columns as kinds on the menu (data-count) */
.mc-care .sn-extras{margin-top:var(--pm-space-9);scroll-margin-top:calc(var(--header) + 24px)}
.mc-care .sn-extras>.me-subsection-title{margin:0}
.mc-care .sn-extras-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pm-space-6);margin-top:var(--pm-space-7)}
.mc-care .sn-extras-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.mc-care .sn-extras-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.mc-care .sn-extras-grid[data-count="1"]{grid-template-columns:minmax(0,560px)}
.mc-care .sn-extra h3{margin:0 0 var(--pm-space-3)}
.mc-care .sn-extra-items{display:grid;gap:var(--pm-space-3);list-style:none;margin:var(--pm-space-1) 0 var(--pm-space-6);padding:0}
.mc-care .sn-extra-items li{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:var(--pm-space-3)}
.mc-care .sn-extra-items img{display:block;width:84px;height:84px;object-fit:cover;border-radius:var(--pm-radius-media);background:var(--linen)}
.mc-care .sn-extra-items span{font-size:14px;line-height:1.35}
/* a grid card stretches its children across the column; the link keeps the width of its label so the mark follows the words */
.mc-care .sn-extra>a.me-link{justify-self:start}
/* Cards in a row share its tracks (title, description, the three products, link), so descriptions of
   different lengths cannot push one card's products below another's. */
@supports (grid-template-rows:subgrid){
	.mc-care .sn-extras-grid>.sn-extra{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0}
	.mc-care .sn-extras-grid .sn-extra-items{grid-row:span 3;grid-template-rows:subgrid}
	/* the shared card pushes its link down with an auto margin; in a shared track that would bottom-align a two-line label */
	.mc-care .sn-extras-grid .sn-extra>a.me-link{margin-top:0}
}

/* shared review fragment: these pages only set its place in the alternating band sequence
   (the press slider inherits its selected band through --pm-section-bg) */
.mc-care #reviews{width:min(var(--pm-wrap-marketing),calc(100% - 48px));margin-inline:auto}


/* testimonials with a photo (the high-protein athletes): the name sits at the foot of each card so the row lines up */
.mc-care .care-quotes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pm-space-6);margin-top:var(--pm-space-8)}
.mc-care .care-quote{display:flex;flex-direction:column;margin:0}
.mc-care .care-quote img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--pm-radius-media)}
.mc-care .care-quote blockquote{margin:var(--pm-space-5) 0 var(--pm-space-4);padding:0;border:0}
.mc-care .care-quote blockquote p{margin:0}
.mc-care .care-quote figcaption{margin-top:auto;font-weight:600;color:var(--carbon)}
.mc-care .care-quotes .me-actions{margin-top:var(--pm-space-7)}

/* a photo beside copy (the new-parents gift band) */
.mc-care .care-photo{margin:0}
.mc-care .care-photo img{display:block;width:100%;height:auto;border-radius:var(--pm-radius-media)}
.mc-care .care-gift .me-icon{width:40px;height:40px;margin-bottom:var(--pm-space-4)}

.mc-care .sn-final{text-align:center}
.mc-care .sn-final :is(h2,p){margin-inline:auto}
.mc-care .sn-contact{margin-top:var(--pm-space-7)}

@media(max-width:1100px){
	.mc-care .sn-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mc-care .sn-extras-grid:not([data-count="1"]){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
	.mc-care .sn-figures-list{gap:var(--pm-space-7) var(--pm-space-6)}
	.mc-care .sn-split,.mc-care .sn-split--wide-copy{grid-template-columns:minmax(0,1fr);gap:var(--pm-space-7)}
	.mc-care .sn-facts.sn-benefits-list,.mc-care .care-quotes-grid{grid-template-columns:minmax(0,1fr)}
	.mc-care .sn-hero-rating{justify-content:center}
	.mc-care .sn-hero-rating .me-google-rating{align-items:center}
}
@media(max-width:760px){
	body:is(.seniors,.parents,.careprofessionals,.recovery,.mums,.highprotein,.lowcarb,.vegetarian) footer a{overflow-wrap:anywhere}
}
@media(max-width:560px){
	.mc-care .sn-facts,.mc-care .sn-extras-grid:not([data-count="1"]){grid-template-columns:minmax(0,1fr)}
	.mc-care .sn-facts{gap:var(--pm-space-4);margin-top:var(--pm-space-7)}
	.mc-care .sn-figures-list{gap:var(--pm-space-6) var(--pm-space-4);margin-top:var(--pm-space-7)}
	.mc-care .sn-figures-list[data-count="3"]{grid-template-columns:minmax(0,1fr)}
	.mc-care .sn-figures-list strong{font-size:clamp(52px,15vw,68px)}
}
@media(prefers-reduced-motion:reduce){.mc-care .swiper-wrapper{transition:none!important}.mc-care .autoscroll{animation:none!important}}

.mc-care .sn-press.me-paper{--pm-section-bg:var(--pm-surface,#fff)}
.mc-care .sn-press.me-linen{--pm-section-bg:var(--linen)}
