/* ===================== Logo (les 4 boutiques) ===================== */
.s2m-brandmark .wp-block-site-title{font-size:clamp(1.7rem,2.6vw,2.35rem)!important;line-height:1}
.s2m-brandmark .wp-block-site-logo img{width:56px!important;height:auto}

/* =====================================================================
   ÉPICERIE — « Bocal & Cie » : affiche de marché. Bandeau vert, titres gras
   en capitales, photo plein cadre, pastille moutarde qui tourne, bocaux ronds.
   ===================================================================== */
.s2m-v-epicerie{--s2m-radius:14px}
.s2m-v-epicerie .s2m-header{background:var(--c-ink);color:var(--c-bg);border-bottom:0}
.s2m-v-epicerie .s2m-header a,.s2m-v-epicerie .s2m-header .wc-block-mini-cart__button{color:var(--c-bg)!important}
.s2m-v-epicerie .s2m-shipbar{color:rgba(255,244,223,.7)}
.s2m-v-epicerie .s2m-header__row{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center}
.s2m-v-epicerie .s2m-brandmark{order:2;justify-self:center}
.s2m-v-epicerie .s2m-nav{order:1;justify-self:start}
.s2m-v-epicerie .s2m-cart{order:3;justify-self:end}
.s2m-v-epicerie .s2m-brandmark .wp-block-site-title{font-weight:800!important;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.8rem,3vw,2.6rem)!important}
.s2m-v-epicerie h1,.s2m-v-epicerie h2,.s2m-v-epicerie .s2m-cat span{font-weight:800!important;text-transform:uppercase;letter-spacing:-.01em}
.s2m-v-epicerie .s2m-hero{grid-template-columns:1fr;position:relative;max-width:none;min-height:min(82vh,760px);padding:0;align-items:end;overflow:hidden}
.s2m-v-epicerie .s2m-hero__media{position:absolute;inset:0;order:0;max-width:none}
.s2m-v-epicerie .s2m-hero__media figure,.s2m-v-epicerie .s2m-hero__media img{height:100%;width:100%}
.s2m-v-epicerie .s2m-hero__media img{aspect-ratio:auto;border-radius:0;object-fit:cover}
.s2m-v-epicerie .s2m-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,42,31,0) 25%,rgba(30,42,31,.85) 100%)}
.s2m-v-epicerie .s2m-hero__txt{position:relative;z-index:2;max-width:1240px;width:100%;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,4vw,48px);color:#FFF4DF}
.s2m-v-epicerie .s2m-hero h1{color:#FFF4DF;font-size:clamp(2.6rem,6.4vw,5.6rem);max-width:14ch}
.s2m-v-epicerie .s2m-hero__lead{color:rgba(255,244,223,.86)}
.s2m-v-epicerie .s2m-hero__eyebrow{color:var(--c-accent)}
.s2m-v-epicerie .s2m-hero .wp-block-button__link{background:var(--c-brand);border-color:var(--c-brand);color:#fff;border-radius:999px}
.s2m-v-epicerie .s2m-hero .is-style-outline .wp-block-button__link{background:transparent;border-color:#FFF4DF;color:#FFF4DF}
.s2m-v-epicerie .s2m-tag{--rot:-8deg;position:absolute;z-index:3;right:clamp(16px,6vw,90px);top:clamp(24px,8vh,90px);width:170px;height:170px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:1.2rem;background:var(--c-accent);color:var(--c-ink);box-shadow:0 18px 40px -18px rgba(0,0,0,.6);animation:s2m-wobble 6s ease-in-out infinite}
.s2m-v-epicerie .s2m-tag b{font:800 1.05rem/1.1 var(--f-display);text-transform:uppercase}
@keyframes s2m-wobble{50%{transform:rotate(4deg) scale(1.03)}}
.s2m-v-epicerie .s2m-ticker{background:var(--c-brand);border:0}
.s2m-v-epicerie .s2m-ticker__track span{color:#fff;font:800 1.15rem/1 var(--f-display);text-transform:uppercase}
.s2m-v-epicerie .s2m-ticker__track span::before{color:var(--c-accent)}
/* catégories : des bocaux ronds alignés sur l'étagère */
.s2m-v-epicerie .s2m-cats{display:flex!important;flex-wrap:wrap;justify-content:center;gap:clamp(18px,3vw,40px)}
.s2m-v-epicerie .s2m-cat{width:clamp(130px,16vw,190px);min-height:0;aspect-ratio:1;border-radius:50%;background:var(--c-surface);border:3px solid var(--c-ink);overflow:visible;grid-row:auto!important;grid-column:auto!important}
.s2m-v-epicerie .s2m-cat img{border-radius:50%;opacity:1}
.s2m-v-epicerie .s2m-cat:hover img{transform:scale(1.04) rotate(-3deg);opacity:1}
.s2m-v-epicerie .s2m-cat span{left:0;right:0;bottom:-3.2rem;text-align:center;color:var(--c-ink);font-size:1rem}
.s2m-v-epicerie .s2m-cat small{display:none}
.s2m-v-epicerie .s2m-section:has(.s2m-cats){padding-bottom:clamp(88px,10vw,140px)}
/* produits : étiquettes épaisses, prix en pastille */
.s2m-v-epicerie .woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}
.s2m-v-epicerie .woocommerce ul.products li.product{background:#fff;border:2px solid var(--c-ink);border-radius:18px;padding:12px 12px 16px;box-shadow:6px 6px 0 var(--c-ink);transition:transform .25s var(--s2m-ease),box-shadow .25s var(--s2m-ease)}
.s2m-v-epicerie .woocommerce ul.products li.product:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--c-brand)}
.s2m-v-epicerie .woocommerce ul.products li.product a img{border-radius:12px;aspect-ratio:1}
.s2m-v-epicerie .woocommerce ul.products li.product .woocommerce-loop-product__title{font:800 1.05rem/1.2 var(--f-display)!important;text-transform:uppercase}
.s2m-v-epicerie .woocommerce ul.products li.product .price{display:inline-block;background:var(--c-accent)!important;color:var(--c-ink)!important;border:0;border-radius:999px;padding:.25em .8em;transform:rotate(-3deg)}
.s2m-v-epicerie .woocommerce ul.products li.product .button{background:var(--c-brand)!important;border-color:var(--c-brand)!important;color:#fff!important;border-radius:999px!important}
.s2m-v-epicerie .s2m-story{background:var(--c-accent);color:var(--c-ink)}
.s2m-v-epicerie .s2m-story h2,.s2m-v-epicerie .s2m-story a{color:var(--c-ink)}
.s2m-v-epicerie .s2m-story .s2m-hero__eyebrow,.s2m-v-epicerie .s2m-steps li::before{color:var(--c-brand)}
.s2m-v-epicerie .s2m-story img{border-radius:50% 50% 18px 18px;border:3px solid var(--c-ink)}
.s2m-v-epicerie .s2m-footer{background:var(--c-ink);color:#FFF4DF}
.s2m-v-epicerie .s2m-footer a{color:#FFF4DF}

/* =====================================================================
   DÉCO — « Maison Glaçure » : galerie d'art. Gris pierre, bleu cobalt d'émail,
   titres très fins et immenses, colonne d'image pleine hauteur, cartels numérotés.
   ===================================================================== */
.s2m-v-deco{--s2m-radius:0px}
.s2m-v-deco .s2m-header{background:var(--c-bg)}
.s2m-v-deco .s2m-brandmark .wp-block-site-title{font-size:clamp(2rem,3.4vw,2.9rem)!important;letter-spacing:.06em;text-transform:uppercase}
.s2m-v-deco .s2m-nav{margin-left:auto}
.s2m-v-deco .s2m-nav a{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem!important}
.s2m-v-deco h1,.s2m-v-deco h2{font-weight:400!important;letter-spacing:.01em}
.s2m-v-deco .s2m-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);max-width:none;padding:0 0 0 clamp(16px,5vw,80px);gap:clamp(24px,5vw,80px);min-height:min(88vh,860px);align-items:stretch}
.s2m-v-deco .s2m-hero__txt{display:flex;flex-direction:column;justify-content:center;padding-block:clamp(40px,6vw,80px);position:relative}
.s2m-v-deco .s2m-hero h1{font-size:clamp(3rem,7.4vw,7rem);line-height:.98;margin-bottom:2rem}
.s2m-v-deco .s2m-hero__eyebrow{writing-mode:vertical-rl;transform:rotate(180deg);position:absolute;left:calc(-1 * clamp(10px,3vw,48px));top:clamp(40px,6vw,80px);color:var(--c-brand);letter-spacing:.3em}
.s2m-v-deco .s2m-hero__media,.s2m-v-deco .s2m-hero__media figure{height:100%}
.s2m-v-deco .s2m-hero__media img{height:100%;aspect-ratio:auto;border-radius:0!important}
.s2m-v-deco .s2m-hero .wp-block-button__link{background:var(--c-brand);border-color:var(--c-brand);color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;padding:1.1em 2em}
.s2m-v-deco .s2m-hero .is-style-outline .wp-block-button__link{background:transparent;color:var(--c-ink);border-color:var(--c-ink)}
.s2m-v-deco .s2m-tag{left:auto;right:24px;bottom:24px;top:auto;background:var(--c-surface);border:0;font-size:.74rem;letter-spacing:.04em;max-width:250px}
.s2m-v-deco .s2m-tag b{font-size:1.35rem;margin-bottom:.4rem}
.s2m-v-deco .s2m-ticker{background:var(--c-ink);border:0}
.s2m-v-deco .s2m-ticker__track span{color:var(--c-bg);font:400 1.5rem/1 var(--f-display);letter-spacing:.04em}
.s2m-v-deco .s2m-ticker__track span::before{content:"—";color:var(--c-accent)}
/* catégories : 4 cimaises verticales numérotées */
.s2m-v-deco .s2m-cats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:auto;gap:clamp(12px,2vw,24px);counter-reset:cat}
.s2m-v-deco .s2m-cat{grid-row:auto!important;grid-column:auto!important;aspect-ratio:3/4.4;min-height:0;background:var(--c-surface);counter-increment:cat}
.s2m-v-deco .s2m-cat img{opacity:1;filter:grayscale(.35)}
.s2m-v-deco .s2m-cat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,.55),rgba(20,20,20,0) 45%);pointer-events:none}
.s2m-v-deco .s2m-cat span{z-index:2}
.s2m-v-deco .s2m-cat:hover img{filter:none;transform:scale(1.03)}
.s2m-v-deco .s2m-cat span{bottom:auto;top:1rem;font-size:1.7rem;color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.45)}
.s2m-v-deco .s2m-cat span::before{content:counter(cat,decimal-leading-zero);display:block;font:400 .75rem/1 var(--f-text);letter-spacing:.2em;margin-bottom:.5rem}
/* produits : accrochage décalé, cartel sous l'œuvre, bouton au survol */
.s2m-v-deco .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(20px,4vw,64px);row-gap:clamp(32px,5vw,72px)}
.s2m-v-deco .woocommerce ul.products li.product:nth-child(3n+2){margin-top:clamp(40px,6vw,90px)!important}
.s2m-v-deco .woocommerce ul.products li.product a img{aspect-ratio:3/4}
.s2m-v-deco .woocommerce ul.products li.product .woocommerce-loop-product__title{font:400 1.45rem/1.15 var(--f-display)!important;font-style:normal}
.s2m-v-deco .woocommerce ul.products li.product .price{font:400 .78rem/1 var(--f-text)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--c-muted)!important}
.s2m-v-deco .woocommerce ul.products li.product .button{opacity:0;transform:translateY(6px);background:var(--c-brand)!important;border-color:var(--c-brand)!important;color:#fff!important;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem!important}
.s2m-v-deco .woocommerce ul.products li.product:hover .button,.s2m-v-deco .woocommerce ul.products li.product .button:focus{opacity:1;transform:none}
@media (hover:none){.s2m-v-deco .woocommerce ul.products li.product .button{opacity:1;transform:none}}
.s2m-v-deco .s2m-story{background:var(--c-brand)}
.s2m-v-deco .s2m-story .s2m-hero__eyebrow,.s2m-v-deco .s2m-steps li::before{color:var(--c-accent)}
.s2m-v-deco .s2m-story__in{grid-template-columns:7fr 5fr}
.s2m-v-deco .s2m-story img{aspect-ratio:4/5}
.s2m-v-deco .s2m-faq summary{font-size:1.6rem}

/* =====================================================================
   BEAUTÉ — « Herbier Clair » : douceur d'apothicaire. Rose poudré et prune,
   tout est arrondi et centré, image en arche, pastilles d'ingrédients flottantes.
   ===================================================================== */
.s2m-v-beaute{--s2m-radius:22px}
.s2m-v-beaute .s2m-header__row{flex-direction:column!important;gap:.6rem!important;position:relative;padding-block:1.1rem .7rem}
.s2m-v-beaute .s2m-brandmark{justify-content:center}
.s2m-v-beaute .s2m-brandmark .wp-block-site-title{font-size:clamp(2rem,3.6vw,3rem)!important;letter-spacing:.04em}
.s2m-v-beaute .s2m-cart{position:absolute;right:0;top:1.3rem}
.s2m-v-beaute .s2m-nav .wp-block-navigation__container{gap:.4rem}
.s2m-v-beaute .s2m-nav a{background:var(--c-surface);border:1px solid var(--c-line);border-radius:999px;padding:.35em 1em}
.s2m-v-beaute .s2m-nav .wp-block-navigation-item__content::after{display:none}
.s2m-v-beaute .s2m-hero{grid-template-columns:1fr;justify-items:center;text-align:center;max-width:980px}
.s2m-v-beaute .s2m-hero__txt{display:flex;flex-direction:column;align-items:center}
.s2m-v-beaute .s2m-hero h1{font-size:clamp(2.6rem,6vw,5rem);max-width:16ch}
.s2m-v-beaute .s2m-hero__lead{margin-inline:auto;max-width:52ch}
.s2m-v-beaute .s2m-hero .wp-block-buttons{justify-content:center}
.s2m-v-beaute .s2m-hero .wp-block-button__link{border-radius:999px;background:var(--c-brand);border-color:var(--c-brand);color:#fff}
.s2m-v-beaute .s2m-hero .is-style-outline .wp-block-button__link{background:transparent;color:var(--c-brand)}
.s2m-v-beaute .s2m-hero__media{order:2!important;width:min(560px,100%);margin-top:1rem}
.s2m-v-beaute .s2m-hero__media img{aspect-ratio:4/4.6;border-radius:999px 999px 28px 28px!important}
.s2m-v-beaute .s2m-hero__eyebrow::before{content:""}
.s2m-v-beaute .s2m-hero__eyebrow{background:var(--c-accent);color:#fff;border-radius:999px;padding:.55em 1.1em}
.s2m-v-beaute .s2m-tag{left:auto;right:-30px;bottom:auto;top:18%;transform:none;border-radius:50%;width:150px;height:150px;padding:1rem;display:flex;flex-direction:column;justify-content:center;white-space:normal;background:var(--c-surface);border:1px solid var(--c-line);animation:s2m-float 5s ease-in-out infinite}
.s2m-js .s2m-v-beaute .s2m-tag,.s2m-v-beaute.s2m-js .s2m-tag{transform:none}
@keyframes s2m-float{50%{translate:0 -10px}}
.s2m-v-beaute .s2m-ticker{background:var(--c-surface);border-color:var(--c-line)}
.s2m-v-beaute .s2m-ticker__track span{font-style:italic}
.s2m-v-beaute .s2m-ticker__track span::before{content:"❀";color:var(--c-accent)}
.s2m-v-beaute .s2m-section__head{flex-direction:column;align-items:center;text-align:center}
.s2m-v-beaute .s2m-section__head h2{max-width:none}
/* catégories : 4 arches égales */
.s2m-v-beaute .s2m-cats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:auto;gap:18px}
.s2m-v-beaute .s2m-cat{grid-row:auto!important;grid-column:auto!important;aspect-ratio:3/4;min-height:0;border-radius:999px 999px 22px 22px;background:var(--c-brand)}
.s2m-v-beaute .s2m-cat span{text-align:center;left:0;right:0;font-size:1.4rem;z-index:2}
.s2m-v-beaute .s2m-cat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(46,34,51,.6),rgba(46,34,51,0) 50%);pointer-events:none}
/* produits : tuiles douces centrées */
.s2m-v-beaute .woocommerce ul.products li.product{background:var(--c-surface);border-radius:26px;padding:14px 14px 20px;text-align:center;box-shadow:0 20px 40px -32px rgba(46,34,51,.5);transition:transform .35s var(--s2m-ease)}
.s2m-v-beaute .woocommerce ul.products li.product:hover{transform:translateY(-6px)}
.s2m-v-beaute .woocommerce ul.products li.product a img{border-radius:20px;aspect-ratio:1}
.s2m-v-beaute .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.1rem!important}
.s2m-v-beaute .woocommerce ul.products li.product .button{border-radius:999px!important;border-color:var(--c-brand)!important;color:var(--c-brand)!important}
.s2m-v-beaute .woocommerce ul.products li.product .button:hover{background:var(--c-brand)!important;color:#fff!important}
.s2m-v-beaute .s2m-story{background:var(--c-accent)}
.s2m-v-beaute .s2m-story__in{grid-template-columns:6fr 5fr}
.s2m-v-beaute .s2m-story__in>div:first-child{order:2}
.s2m-v-beaute .s2m-story img{border-radius:999px 999px 28px 28px;aspect-ratio:4/5}
.s2m-v-beaute .s2m-story .s2m-hero__eyebrow{background:transparent;padding:0;color:#fff}
.s2m-v-beaute .s2m-steps li::before{color:#fff}
.s2m-v-beaute .s2m-faq{text-align:left}
.s2m-v-beaute .s2m-footer{background:var(--c-ink);color:var(--c-bg)}
.s2m-v-beaute .s2m-footer a{color:var(--c-bg)}

@media (max-width:900px){
  .s2m-v-epicerie .s2m-header__row{grid-template-columns:auto 1fr auto}
  .s2m-v-epicerie .s2m-brandmark{justify-self:start;order:1}.s2m-v-epicerie .s2m-nav{order:2;justify-self:end}
  .s2m-v-epicerie .s2m-tag{width:120px;height:120px;top:16px;right:16px;font-size:.72rem}
  .s2m-v-epicerie .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s2m-v-epicerie .s2m-cats{row-gap:4.4rem;column-gap:28px}
  .s2m-v-epicerie .s2m-cat span{font-size:.85rem;bottom:-2.9rem}
  .s2m-v-deco .s2m-hero{grid-template-columns:1fr;padding:0;min-height:0}
  .s2m-v-deco .s2m-hero__media{order:-1;max-width:none}.s2m-v-deco .s2m-hero__media img{aspect-ratio:4/5}
  .s2m-v-deco .s2m-hero__txt{padding:28px 16px}.s2m-v-deco .s2m-hero__eyebrow{position:static;writing-mode:horizontal-tb;transform:none}
  .s2m-v-deco .s2m-cats,.s2m-v-beaute .s2m-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .s2m-v-deco .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s2m-v-deco .woocommerce ul.products li.product:nth-child(3n+2){margin-top:0!important}
  .s2m-v-deco .woocommerce ul.products li.product:nth-child(even){margin-top:40px!important}
  .s2m-v-deco .s2m-story__in,.s2m-v-beaute .s2m-story__in{grid-template-columns:1fr}
  .s2m-v-beaute .s2m-tag{right:8px;width:110px;height:110px;font-size:.7rem}
  .s2m-v-beaute .s2m-cart{top:1rem}
}