.mismo-nav-wrap{--mismo-navy: #0f2044;--mismo-sage: #c3cca6;--mismo-line: #e4e6dc;--mismo-radius: 12px;--mismo-radius-sm: 8px;--mismo-shadow: 0 1px 2px rgb(15 32 68 / .08), 0 10px 20px -6px rgb(15 32 68 / .16), 0 32px 64px -16px rgb(15 32 68 / .28);align-items:center;height:100%}@media screen and (max-width:989px){#header-component .mismo-nav-wrap{display:none}#header-component[data-menu-style=menu] .header__drawer{display:flex;min-height:var(--header-drawer-min-height, 60px)}}.mismo-nav{display:block;height:100%}.mismo-nav__bar{display:flex;align-items:center;gap:28px;height:100%}.mismo-nav__list,.mismo-nav__small{display:flex;align-items:center;margin:0;padding:0;list-style:none}.mismo-nav__list{gap:26px}.mismo-nav__small{gap:16px}.mismo-nav__trigger,.mismo-nav__small-link{-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:8px 0;cursor:pointer;color:var(--color-foreground, #000);font-family:inherit;text-decoration:none;position:relative}.mismo-nav__trigger{font-size:.9375rem;font-weight:500;letter-spacing:.01em}.mismo-nav__small-link{font-size:.8125rem;opacity:.7}.mismo-nav__trigger:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--mismo-sage);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.mismo-nav__trigger:hover:after,.mismo-nav__trigger[aria-expanded=true]:after{transform:scaleX(1)}.mismo-nav__small-link:hover,.mismo-nav__small-link[aria-expanded=true]{opacity:1;text-decoration:underline;text-underline-offset:3px}.mismo-nav__trigger:focus-visible,.mismo-nav__small-link:focus-visible,.mismo-panel a:focus-visible,.mismo-panel button:focus-visible{outline:2px solid var(--mismo-navy);outline-offset:3px}@media screen and (max-width:1199px){.mismo-nav__small{display:none}}.mismo-scrim{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0f204466;z-index:1;animation:mismo-fade .2s ease}.mismo-scrim[hidden],.mismo-panel[hidden],.mismo-view[hidden]{display:none}.mismo-panel{position:absolute;z-index:2;top:0;left:0;width:min(1120px,calc(100vw - 48px));overflow-y:auto;background:#fff;color:var(--mismo-navy);border-radius:var(--mismo-radius);box-shadow:var(--mismo-shadow);font-family:var(--font-body--family, "Poppins", sans-serif);text-align:left;animation:mismo-rise .22s ease}.mismo-panel--about{width:min(640px,calc(100vw - 48px))}@keyframes mismo-fade{0%{opacity:0}}@keyframes mismo-rise{0%{opacity:0;translate:0 8px}}@media(prefers-reduced-motion:reduce){.mismo-scrim,.mismo-panel{animation:none}}.mismo-panel__top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 28px;border-bottom:1px solid var(--mismo-line);min-height:58px}.mismo-panel__title{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.mismo-tabs{display:flex;gap:28px;align-self:stretch}.mismo-tab{-webkit-appearance:none;appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:0;margin:0;cursor:pointer;font:inherit;font-size:1rem;font-weight:500;color:var(--mismo-navy);opacity:.55}.mismo-tab[aria-selected=true]{opacity:1;border-bottom-color:var(--mismo-sage)}.mismo-tab:hover{opacity:1}.mismo-toplinks{display:flex;gap:22px;margin:0 0 0 auto;padding:0;list-style:none}.mismo-toplinks a{color:var(--mismo-navy);font-size:.875rem;font-weight:500;text-decoration:underline;text-decoration-color:var(--mismo-sage);text-decoration-thickness:2px;text-underline-offset:4px}.mismo-close{-webkit-appearance:none;appearance:none;background:none;border:1px solid var(--mismo-line);border-radius:var(--mismo-radius-sm);width:34px;height:34px;display:grid;place-items:center;cursor:pointer;color:var(--mismo-navy);flex:none}.mismo-close:hover{background:var(--mismo-sage)}.mismo-view{padding:28px}.mismo-view__grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:start}.mismo-panel--about .mismo-view{padding:24px 28px 28px}.mismo-cols{display:grid;gap:28px;grid-template-columns:repeat(4,minmax(0,1fr))}.mismo-cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}.mismo-cols--2{grid-template-columns:repeat(2,minmax(0,1fr))}.mismo-col__title{display:block;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--mismo-sage);color:var(--mismo-navy);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.mismo-col ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.mismo-col li a{color:var(--mismo-navy);font-size:.9375rem;line-height:1.35;text-decoration:none}.mismo-col li a:hover,.mismo-col__title:hover{text-decoration:underline;text-underline-offset:4px}.mismo-col li a.is-strong{font-weight:600}.mismo-tiles{display:grid;gap:12px}.mismo-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:118px;padding:14px 16px;overflow:hidden;border-radius:var(--mismo-radius-sm);background:var(--mismo-sage);color:var(--mismo-navy);text-decoration:none;isolation:isolate}.mismo-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.mismo-tile--img{color:#fff}.mismo-tile--img:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#0f2044c7,#0f20440d 70%)}.mismo-tile:hover .mismo-tile__img{transform:scale(1.05)}.mismo-tile__cap{margin:0 0 4px;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.mismo-tile__title{margin:0;font-size:1.0625rem;font-weight:600;line-height:1.25}.mismo-tile__title:after{content:" \2192"}.mismo-tile__sub{margin:3px 0 0;font-size:.8125rem;line-height:1.3}.mismo-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 28px;border-top:1px solid var(--mismo-line);background:#f7f8f3}.mismo-foot ul{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;list-style:none}.mismo-foot a{color:var(--mismo-navy);font-size:.875rem;font-weight:500;text-decoration:underline;text-decoration-color:var(--mismo-sage);text-decoration-thickness:2px;text-underline-offset:4px}.mismo-foot__note{margin:0;font-size:.8125rem;font-weight:600}@media screen and (max-width:1199px){.mismo-view__grid{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.mismo-cols{gap:20px}}header-drawer .menu-drawer__navigation>ul>li{min-height:0}header-drawer .menu-drawer__navigation>ul>li:has(#HeaderDrawer-joint-support){border-block-end:1px solid var(--color-border)}header-drawer .menu-drawer__navigation>ul>li:has(#HeaderDrawer-results),header-drawer .menu-drawer__navigation>ul>li:has(#HeaderDrawer-about){background:#f4f5ee;padding-inline:14px;border:0}header-drawer .menu-drawer__navigation>ul>li:has(#HeaderDrawer-results){margin-block-start:32px;border-radius:12px 12px 0 0;border-block-end:1px solid #dfe2d2}header-drawer .menu-drawer__navigation>ul>li:has(#HeaderDrawer-about){border-radius:0 0 12px 12px}header-drawer li:has(#HeaderDrawer-about) :is(details,summary,accordion-custom,.menu-drawer__menu-item){border:0}header-drawer #HeaderDrawer-results,header-drawer #HeaderDrawer-about{font-size:1.1rem;opacity:.8}header-drawer .menu-drawer__navigation>ul>li:has(#HeaderDrawer-what-does-my-skin-need),header-drawer .menu-drawer__navigation>ul>li:has(#HeaderDrawer-what-does-my-body-need){margin-block-start:12px;background:#111;color:#fff;border:0;border-radius:12px}header-drawer .menu-drawer__navigation>ul>li:has(#HeaderDrawer-what-does-my-skin-need){margin-block-start:20px}header-drawer #HeaderDrawer-what-does-my-skin-need,header-drawer #HeaderDrawer-what-does-my-body-need{width:100%;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding-block:12px;text-align:center;font-size:1.05rem;color:#fff}header-drawer #HeaderDrawer-what-does-my-skin-need:after,header-drawer #HeaderDrawer-what-does-my-body-need:after{font-size:.75rem;font-weight:400;line-height:1.3;color:#d6d6cf}header-drawer #HeaderDrawer-what-does-my-skin-need:after{content:"ageing \b7  dryness \b7  breakouts"}header-drawer #HeaderDrawer-what-does-my-body-need:after{content:"stiff joints \b7  sore muscles \b7  poor sleep"}header-drawer summary.menu-drawer__menu-item--parent,header-drawer .menu-drawer__menu--childlist:has(>li>accordion-custom)>li>a.menu-drawer__menu-item--parent{background:#f4f5ee;border-radius:10px;padding-inline:14px;font-weight:500}header-drawer .menu-drawer__menu--childlist:has(>li>accordion-custom)>li>a.menu-drawer__menu-item--parent:after{content:"\203a";margin-inline-start:auto;font-size:1.6em;line-height:1}header-drawer details:has(>summary.menu-drawer__menu-item--parent){border:0}header-drawer .menu-drawer__menu--childlist:has(>li>accordion-custom)>li.menu-drawer__list-item{border-block-end:0!important;margin-block-end:8px}
/*# sourceMappingURL=/cdn/shop/t/86/assets/mismo-nav.css.map */