/* Marelyo v0.5.11.202 — mobile corrections, desktop untouched */
@media (max-width: 720px) {
 html,body {width:100%;max-width:100%;overflow-x:clip;}
 *,*::before,*::after {box-sizing:border-box;}
 img,svg,video,iframe {max-width:100%;}
 .home-ref-header,.home-ref,.home-ref-shell,main {max-width:100%;min-width:0;}
 .home-ref-topbar {height:auto!important;min-height:0!important;padding:8px 10px!important;overflow:hidden;}
 .home-ref-topbar::before,.home-ref-topbar::after {height:20px!important;width:55px!important;opacity:.55;}
 .home-ref-topbar-center {width:100%!important;max-width:100%!important;transform:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;min-height:0!important;}
 .home-ref-topbar-item {display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;min-height:0!important;padding:2px 3px!important;font-size:10px!important;line-height:1.25!important;text-align:center!important;justify-content:center!important;}
 .home-ref-topbar-item svg {height:22px!important;width:22px!important;flex:0 0 22px!important;}
 .home-ref-topbar-item span {white-space:normal!important;overflow-wrap:break-word;}
 .home-ref-topbar-item+.home-ref-topbar-item::before {display:none!important;}
 .home-ref-nav-shell {position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;min-height:76px!important;gap:7px!important;padding:6px 12px!important;align-items:center!important;}
 .home-ref-nav-shell .menu-toggle {display:flex!important;grid-column:1!important;grid-row:1!important;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;background:transparent;color:#90164e;font-size:25px;cursor:pointer;}
 .home-ref-brand {grid-column:2!important;grid-row:1!important;justify-self:center!important;min-width:0;}
 .home-ref-brand .custom-logo {display:block;max-width:135px!important;max-height:64px!important;width:auto!important;height:auto!important;object-fit:contain;}
 .home-ref-nav-actions {grid-column:3!important;grid-row:1!important;display:flex!important;gap:5px!important;}
 .home-ref-nav-actions>a {width:36px!important;height:36px!important;min-width:36px!important;}
 .home-ref-nav-actions svg {width:19px!important;height:19px!important;}
 .home-ref-nav {display:none!important;position:absolute!important;z-index:1000!important;top:100%!important;left:10px!important;right:10px!important;width:auto!important;background:#fff!important;border:1px solid #f1d7e0!important;border-radius:16px!important;box-shadow:0 15px 30px #4b163020!important;padding:10px!important;}
 .home-ref-nav.is-open {display:block!important;}
 .home-ref-nav ul {display:flex!important;flex-direction:column!important;gap:0!important;align-items:stretch!important;}
 .home-ref-nav a {padding:12px 14px!important;font-size:15px!important;}
 .home-ref-nav .current-menu-item>a::after {display:none!important;}
 .home-ref-shell {width:100%!important;}
 .home-ref-hero {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;padding:24px 18px!important;}
 .home-ref-hero-copy {min-width:0!important;max-width:100%!important;}
 .home-ref-hero h1 {font-size:clamp(30px,8.5vw,42px)!important;line-height:1.08!important;letter-spacing:-.025em!important;max-width:100%!important;overflow-wrap:normal!important;hyphens:none!important;}
 .home-ref-hero-visual {min-width:0!important;}
 .home-ref-hero-visual img {max-width:100%!important;height:auto!important;max-height:350px!important;object-fit:cover!important;}
 .home-ref-products,.home-ref-products-highlight,.home-ref-why-final,.home-ref-how,.home-ref-care {max-width:calc(100% - 20px)!important;}
 .woocommerce,.woocommerce-page,.woocommerce form,.woocommerce table {max-width:100%;}
 .woocommerce table.shop_table {display:block;overflow-x:auto;}
}
@media (max-width: 360px) {
 .home-ref-nav-shell {padding-inline:8px!important;gap:3px!important;}
 .home-ref-brand .custom-logo {max-width:115px!important;}
 .home-ref-nav-actions>a {width:32px!important;height:32px!important;min-width:32px!important;}
 .home-ref-hero h1 {font-size:30px!important;}
}

/* v203 — bandeau mobile : colonnes independantes, textes sans chevauchement */
@media screen and (max-width:720px) {
 .home-ref-topbar {display:block!important;width:100%!important;min-height:0!important;height:auto!important;padding:10px 8px 12px!important;overflow:hidden!important;}
 .home-ref-topbar-center {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;justify-items:stretch!important;gap:4px!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;}
 .home-ref-topbar .home-ref-topbar-item {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0 3px!important;font-size:11px!important;line-height:1.3!important;text-align:center!important;}
 .home-ref-topbar .home-ref-topbar-item svg {display:block!important;width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;max-width:21px!important;flex:0 0 21px!important;margin:0 auto!important;}
 .home-ref-topbar .home-ref-topbar-item span {display:block!important;position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;text-align:center!important;line-height:1.3!important;}
 .home-ref-topbar .home-ref-topbar-item::before {display:none!important;}
 .home-ref-nav-shell {width:100%!important;max-width:100%!important;overflow:visible!important;}
 .home-ref-brand {max-width:100%!important;min-width:0!important;}
 .home-ref-brand img {max-width:100%!important;height:auto!important;}
}
@media screen and (max-width:360px) {
 .home-ref-topbar .home-ref-topbar-item {font-size:10px!important;padding:0 1px!important;}
}

/* v204 — alignement des cartes de l'accueil sur smartphone */
@media screen and (max-width:720px) {
  .home-ref .home-ref-shell {width:100%!important;max-width:100%!important;min-width:0!important;padding-inline:0!important;}
  .home-ref .home-ref-qualities,
  .home-ref .home-ref-products {box-sizing:border-box!important;width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;min-width:0!important;margin-left:16px!important;margin-right:16px!important;}
  .home-ref .home-ref-qualities {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding:0!important;margin-top:20px!important;margin-bottom:36px!important;}
  .home-ref .home-ref-qualities .home-ref-quality {box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;grid-template-columns:64px minmax(0,1fr)!important;gap:14px!important;padding:20px 16px!important;overflow-wrap:break-word!important;}
  .home-ref .home-ref-quality > div:last-child {min-width:0!important;max-width:100%!important;}
  .home-ref .home-ref-quality h2 {font-size:clamp(21px,6vw,28px)!important;overflow-wrap:anywhere!important;}
  .home-ref .home-ref-quality p {font-size:15px!important;line-height:1.5!important;}
  .home-ref .home-ref-products {padding:22px 16px 24px!important;overflow:hidden!important;}
  .home-ref .home-ref-products-layout,
  .home-ref .home-ref-products-head-left,
  .home-ref .home-ref-products-heading-left,
  .home-ref .home-ref-products-grid-four {box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;}
  .home-ref .home-ref-products-heading-left h2 {font-size:clamp(30px,8.5vw,38px)!important;overflow-wrap:break-word!important;}
  .home-ref .home-ref-products-lead-left {font-size:16px!important;line-height:1.55!important;}
}
@media screen and (max-width:360px) {
  .home-ref .home-ref-qualities .home-ref-quality {grid-template-columns:52px minmax(0,1fr)!important;gap:10px!important;padding:16px 12px!important;}
  .home-ref .home-ref-quality-icon {width:50px!important;height:50px!important;}
}

/* v210 — photo « Comment ça marche » sans aucun espace intérieur. */
@media screen and (max-width:720px) {
  .home-ref .home-ref-how {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
    margin:0 16px 34px!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .home-ref .home-ref-how::before,
  .home-ref .home-ref-how::after {content:none!important;display:none!important;}
  .home-ref .home-ref-how > img.home-ref-how-image {
    box-sizing:border-box!important;
    display:block!important;
    position:relative!important;
    z-index:1!important;
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    object-fit:cover!important;
    border:0!important;
    border-radius:0!important;
    vertical-align:bottom!important;
  }
}

/* v211 — image source recadree: suppression de la bande pastel integree a gauche. */

/* v212: la photo touche exactement le contour du panneau, sans retrait. */
@media screen and (max-width:720px) {
  body .home-ref .home-ref-how { padding:0!important; overflow:hidden!important; }
  body .home-ref .home-ref-how > img.home-ref-how-image {
    width:calc(100% + 24px)!important; max-width:none!important;
    min-width:calc(100% + 24px)!important; margin:0 0 0 -24px!important;
    padding:0!important; transform:none!important; border:0!important;
    border-radius:0!important; height:auto!important; display:block!important;
  }
}

/* Marelyo v214 — Alignement de TOUS les encadres de la boutique sur mobile.
   Conteneur commun plutot que corrections carte par carte. */
@media screen and (max-width: 760px) {
  html body.marelyo-shop-page main.marelyo-shop-v61 {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html body.marelyo-shop-page main.marelyo-shop-v61 > .marelyo-shop-v61-shell {
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;
    max-width: 680px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
  }
  html body.marelyo-shop-page .marelyo-shop-v61-shell > *,
  html body.marelyo-shop-page .marelyo-shop-v61-grid,
  html body.marelyo-shop-page .marelyo-shop-v61-card,
  html body.marelyo-shop-page .marelyo-shop-v61-trust,
  html body.marelyo-shop-page .marelyo-shop-v61-trust-item {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  html body.marelyo-shop-page .marelyo-shop-v61-hero,
  html body.marelyo-shop-page .marelyo-shop-v61-card,
  html body.marelyo-shop-page .marelyo-shop-v61-trust-item {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }
}

/* v245 — panier visible en haut à droite sur mobile, à côté de la recherche. */
@media screen and (max-width:720px) {
  .home-ref-header .home-ref-nav-actions {display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important;}
  .home-ref-header .home-ref-nav-actions > a.home-ref-cart,
  .home-ref-header .home-ref-nav-actions > a:nth-child(2) {display:grid!important;position:relative!important;place-items:center!important;visibility:visible!important;opacity:1!important;width:36px!important;min-width:36px!important;height:36px!important;flex:0 0 36px!important;}
  .home-ref-header .home-ref-nav-actions > a.home-ref-cart svg {display:block!important;width:19px!important;height:19px!important;}
  .home-ref-header .home-ref-nav-actions > a.home-ref-cart > span {position:absolute!important;top:-5px!important;right:-5px!important;min-width:17px!important;width:auto!important;height:17px!important;padding:0 3px!important;border-radius:12px!important;font-size:10px!important;line-height:17px!important;text-align:center!important;}
}
@media screen and (max-width:360px) {
  .home-ref-header .home-ref-nav-actions > a.home-ref-cart,
  .home-ref-header .home-ref-nav-actions > a:nth-child(2) {width:32px!important;min-width:32px!important;height:32px!important;flex-basis:32px!important;}
}