.shorae-mm{--shorae-mm-wrapper: 1280px;--shorae-mm-sidebar: 220px;--shorae-mm-card: 170px;--shorae-mm-gap: 1.5rem;--shorae-mm-radius: 10px;--shorae-mm-rule: rgb(var(--text-color) / 11%);--shorae-mm-tint: rgb(var(--text-color) / 6%)}header-mega-menu.shorae-mm{width:100%;max-width:none;box-sizing:border-box}.shorae-mm__wrapper{width:min(var(--shorae-mm-wrapper),calc(100vw - 4rem));max-width:none;min-width:0;margin-inline:auto;padding-block:clamp(1.75rem,3vw,2.75rem);box-sizing:border-box;grid-column:1 / -1;flex:1 1 100%}.shorae-mm__layout{display:grid;grid-template-columns:var(--shorae-mm-sidebar) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:start;width:100%;min-width:0}.shorae-mm__layout--flat{grid-template-columns:minmax(0,1fr)}.shorae-mm__stage{min-width:0;width:100%}.shorae-mm__side{display:flex;flex-direction:column;min-width:0}.shorae-mm__tab{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.78rem .85rem;border:0;border-bottom:1px solid var(--shorae-mm-rule);border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:.875rem;line-height:1.35;text-align:left;text-decoration:none;cursor:pointer;transition:background .2s ease}.shorae-mm__tab:hover,.shorae-mm__tab[aria-selected=true]{background:var(--shorae-mm-tint)}.shorae-mm__tab:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.shorae-mm__tab svg{flex:0 0 auto;opacity:.3;transition:transform .2s ease,opacity .2s ease}.shorae-mm__tab[aria-selected=true] svg{opacity:.7;transform:translate(2px)}.shorae-mm__panel{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--shorae-mm-gap);align-content:start;width:100%;min-width:0}.shorae-mm__panel[data-active]{display:grid}.shorae-mm__card{display:block;min-width:0;color:inherit;text-decoration:none}.shorae-mm__card-title{display:block;margin-bottom:.6rem;font-size:.875rem;line-height:1.3}.shorae-mm__card-media{display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--shorae-mm-radius);background:var(--shorae-mm-tint)}.shorae-mm__card-media img,.shorae-mm__card-media svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.shorae-mm__card:hover .shorae-mm__card-media img{transform:scale(1.04)}.shorae-mm__card:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.shorae-mm__panel--quiz{grid-template-columns:repeat(5,minmax(0,1fr))}.shorae-mm__quiz-media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:1rem;box-sizing:border-box;color:rgb(var(--text-color) / 70%);text-align:center;transition:background .3s ease}.shorae-mm__card-media.shorae-mm__quiz-media svg{width:30%;height:auto;aspect-ratio:1 / 1;transition:transform .7s cubic-bezier(.22,1,.36,1)}.shorae-mm__quiz-note{font-size:.8125rem;line-height:1.45}.shorae-mm__card--quiz:hover .shorae-mm__quiz-media{background:rgb(var(--text-color) / 9%)}.shorae-mm__card--quiz:hover .shorae-mm__quiz-media svg{transform:rotate(12deg) scale(1.06)}@media screen and (max-width:1279px){.shorae-mm{--shorae-mm-sidebar: 190px;--shorae-mm-gap: 1.15rem}.shorae-mm__layout{gap:2rem}}@media screen and (max-width:989px){.shorae-mm__layout,.shorae-mm__layout--flat{grid-template-columns:minmax(0,1fr);gap:1.5rem}.shorae-mm__side{flex-direction:row;flex-wrap:wrap;gap:.4rem}.shorae-mm__tab{width:auto;border-bottom:0;background:var(--shorae-mm-tint)}.shorae-mm__tab svg{display:none}.shorae-mm__panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.shorae-mm__card-media img,.shorae-mm__card-media svg,.shorae-mm__quiz-media,.shorae-mm__tab,.shorae-mm__tab svg{transition:none}}@media screen and (min-width:1000px){.header__primary-nav>ul>li>a[aria-controls]{display:inline-flex;align-items:center;gap:6px}.header__primary-nav>ul>li>a[aria-controls]:after{content:"";flex:0 0 auto;width:6px;height:6px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}.header__primary-nav>ul>li>a[aria-controls][aria-expanded=true]:after{transform:translateY(1px) rotate(225deg)}}:root:has(.shopify-section:first-child [allow-transparent-header]):not(:has(.shopify-section--header~.shopify-section-group-header-group)) .header:not(.is-solid,:has([open])) .header__logo-image:only-of-type{filter:brightness(0) invert(1)}.header__logo-image:only-of-type{transition:filter .2s ease-in-out,opacity .2s ease-in-out}.shopify-section--slideshow .content-box__background-media.with-overlay{--overlay: 0 0 0 / 0 !important}.shopify-section--slideshow .content-box__background-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#281c1033,#281c1000 16% 42%,#281c1080 60%,#281c10ad)}.shopify-section--slideshow .subheading-badge{padding:0;border:0;background:none;font-size:11px;letter-spacing:.24em;text-transform:uppercase}.shopify-section--slideshow highlighted-heading em{font-style:italic}.shopify-section--slideshow highlighted-heading em split-lines::part(shape){display:none}.shopify-section--slideshow .button-group{align-items:center;column-gap:28px}.shopify-section--slideshow .button-group .link{font-size:13.5px;font-weight:400;letter-spacing:0;text-transform:none;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}@media screen and (min-width:700px){.shopify-section--slideshow .content-box.min-h-auto{max-height:calc(100svh - var(--announcement-bar-height, 0px))}}@media screen and (min-width:1000px){.shopify-section--slideshow .content-box__background-media:before{background:linear-gradient(90deg,#281c104d,#281c1014 40%,#281c1000 58%),linear-gradient(180deg,#281c1033,#281c1000 18%)}.shopify-section--slideshow .prose p{font-size:16px}}@media screen and (min-width:1150px){.shopify-section--slideshow .slideshow__slide .content-box:after{content:"Formul\e9  et fabriqu\e9  en Europe          Liste des ingr\e9 dients publi\e9 e          15 jours pour changer d\2019 avis";position:absolute;inset-inline-end:48px;inset-block-end:48px;z-index:1;white-space:pre;color:#fff;font-size:13px;letter-spacing:.06em;pointer-events:none}}@media screen and (min-width:1600px){.shopify-section--slideshow .prose .h1{font-size:5.75rem}.shopify-section--slideshow .prose p{font-size:17px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/shorae-mega-menu.css.map */
