.sp-mm-panel[hidden]{display:none!important}.sp-mm-panels,.sp-mm-panel,.sp-mm-native-card__copy{min-width:0}.sp-mm-native-card{position:relative;isolation:isolate;display:flex!important;flex-direction:column;min-width:0;overflow:hidden;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:16px;box-shadow:none;text-decoration:none!important;background-image:none!important;transition:border-color .24s ease,background .24s ease!important}.sp-mm-native-card:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.22)}.sp-mm-native-card *,.sp-mm-native-card:hover *{text-decoration:none!important}.sp-mm-native-card:focus-visible{outline:2px solid #0a84ff;outline-offset:2px}.sp-mm-native-card__media{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#f7f8f7}.sp-mm-native-card__image{display:block;width:100%;height:100%;object-fit:contain;padding:20px;box-sizing:border-box;transition:transform .45s cubic-bezier(.16,1,.3,1)}.sp-mm-native-card__copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:16px 16px 18px;border-top:1px solid rgba(var(--color-foreground),.065)}.sp-mm-native-card__eyebrow{display:block;margin-bottom:6px;color:rgba(var(--color-foreground),.6);font-size:12px;line-height:1.35;font-weight:500;letter-spacing:.02em}.sp-mm-native-card__title{margin:0;font-family:var(--font-body-family);font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.02em;overflow-wrap:break-word}.sp-mm-native-card__text{display:block;overflow:visible;margin:9px 0 0;color:rgba(var(--color-foreground),.68);font-size:13.5px;line-height:1.5;-webkit-line-clamp:unset;overflow-wrap:break-word}.sp-mm-native-card__cta{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:13px;font-weight:600;line-height:1.4}.sp-mm-native-card__cta>span{position:relative;padding-bottom:4px}.sp-mm-native-card__cta>span:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(100deg,#00e676,#0a84ff);transform:scaleX(.42);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}.sp-mm-native-card__cta svg{flex:0 0 16px;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .4s cubic-bezier(.16,1,.3,1)}.sp-mm-native-card:is(:hover,:focus-visible) .sp-mm-native-card__cta>span:after{transform:scaleX(1)}.sp-mm-native-card:is(:hover,:focus-visible) .sp-mm-native-card__cta svg{transform:translate(2px,-2px)}.sp-mm-native-card__energy-head{display:none}.sp-mm-panel__head{margin:0 0 20px;display:flex;align-items:center;min-height:32px}.sp-mm-panel__heading{margin:0;font-family:var(--font-body-family);font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.02em}.sp-mm-panel__intro{max-width:70ch;margin:7px 0 0;color:rgba(var(--color-foreground),.66);font-size:14px;line-height:1.5}@media(min-width:992px){.sp-mega-menu--panels .header__submenu.list-menu--disclosure{padding-block:0;box-shadow:none;max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sp-mega-menu--panels .droppage_width.sunpura_mega_panels{display:grid;grid-template-columns:205px minmax(0,1fr);gap:28px;align-items:start;margin-block:0;padding-block:24px 28px}.sp-mega-menu--panels .menu-sunpura_mega_panels{min-width:0;padding-top:61px}.sp-mega-menu--panels .menu-sunpura_mega_panels .megamenu_sub{display:flex;flex-direction:column;gap:3px}.sp-mega-menu--panels .menu-sunpura_mega_panels :is(.manual_width,.menu_short_inner){display:block;width:100%;min-width:0;max-width:100%;min-height:0;margin:0;padding:0}.sp-mega-menu--panels .menu-sunpura_mega_panels .mega-menu__link--level-2{position:relative;display:block!important;width:100%;margin:0;padding:12px 26px 15px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:rgba(var(--color-foreground),.58);font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-.015em;white-space:normal;text-decoration:none!important;transition:color .2s ease!important}.sp-mega-menu--panels .menu-sunpura_mega_panels .mega-menu__link--level-2:is(:hover,:focus-visible){color:rgb(var(--color-foreground))}.sp-mega-menu--panels .menu-sunpura_mega_panels .mega-menu__link--level-2.sp-mm-trigger--active{color:rgb(var(--color-foreground));font-weight:600}.sp-mega-menu--panels .menu-sunpura_mega_panels .mega-menu__link--level-2:before{content:"";position:absolute;left:0;bottom:6px;width:38px;height:2px;background:linear-gradient(100deg,#00e676,#0a84ff);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}.sp-mega-menu--panels .menu-sunpura_mega_panels .mega-menu__link--level-2:is(:hover,:focus-visible):before{transform:scaleX(.4)}.sp-mega-menu--panels .menu-sunpura_mega_panels .mega-menu__link--level-2.sp-mm-trigger--active:before{transform:scaleX(1)}.sp-mm-panel-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;width:100%;min-width:0;padding:3px}.sp-mega-menu--flat .droppage_width.sunpura_mega_panels{grid-template-columns:minmax(0,1fr)}.sp-mega-menu--flat .menu-sunpura_mega_panels{display:none}.sp-mega-menu--panels .sp-mm-native-card__energy-head{--sp-mm-ring-angle:225deg;display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--sp-mm-ring-angle),#00e676,#00d4b5,#0a84ff,#00e676);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .2s ease}.sp-mega-menu--panels .sp-mm-native-card:focus-visible .sp-mm-native-card__energy-head{opacity:1}}@media(min-width:992px)and (max-width:1279px){.sp-mm-panel-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-mega-menu--panels .droppage_width.sunpura_mega_panels{grid-template-columns:175px minmax(0,1fr);gap:22px}.sp-mm-native-card__media{aspect-ratio:1.3}}@media(max-width:991px){.sp-mm-mobile-menu-item,.sp-mm-mobile-flat{padding:0!important}.sp-mm-mobile-group{width:100%;border-bottom:1px solid rgba(var(--color-foreground),.1)}.sp-mm-mobile-group>[data-sp-mm-toggle]{position:relative;display:flex;width:100%;padding:16px 40px 16px 16px!important;text-align:left;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.sp-mm-mobile-group>[aria-expanded=true]{color:rgb(var(--color-foreground));font-weight:600}.sp-mm-mobile-group>[data-sp-mm-toggle] .icon-caret{display:block;position:absolute;right:16px;top:50%;width:10px;height:6px;transform:translateY(-50%);transition:transform .2s ease}.sp-mm-mobile-group>[aria-expanded=true] .icon-caret{transform:translateY(-50%) rotate(180deg)}.sp-mm-mobile-panel{padding-bottom:12px;background:#fafbfa}.sp-mm-mobile-panel__head{padding:16px 16px 8px}.sp-mm-mobile-panel__heading{margin:0;font-size:17px;font-family:var(--font-body-family);font-weight:600;line-height:1.35}.sp-mm-panel__intro{font-size:13px}.sp-mm-panel-cards--mobile{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;box-sizing:border-box;overflow:visible;padding:8px 16px 16px;scroll-snap-type:none}header-drawer[data-sp-mm-drawer] .sp-mm-panel-cards--mobile .sp-mm-native-card{display:grid!important;grid-template-columns:92px minmax(0,1fr);align-items:center;min-width:0;border-radius:12px}.sp-mm-panel-cards--mobile .sp-mm-native-card__media{aspect-ratio:1;background:transparent}.sp-mm-panel-cards--mobile .sp-mm-native-card__image{padding:8px}.sp-mm-panel-cards--mobile .sp-mm-native-card__copy{padding:14px 12px 14px 2px;border:0}.sp-mm-panel-cards--mobile .sp-mm-native-card__title{font-size:16px}.sp-mm-panel-cards--mobile .sp-mm-native-card__text{font-size:13px;margin-top:6px}.sp-mm-panel-cards--mobile .sp-mm-native-card__eyebrow{font-size:11px;margin-bottom:4px}.sp-mm-panel-cards--mobile .sp-mm-native-card__cta{padding-top:10px;font-size:12px}}@media(max-width:991px){body.sp-mm-scroll-locked{position:fixed;top:var(--sp-mm-locked-scroll-top,0px);left:0;right:0;width:100%;overflow:hidden}header-drawer[data-sp-mm-drawer] .menu-drawer{max-width:100vw;overflow:hidden;transition-duration:.3s}header-drawer[data-sp-mm-drawer] .menu-drawer__inner-container{height:100%;overflow:hidden}header-drawer[data-sp-mm-drawer] .menu-drawer__navigation-container{display:flex;flex-direction:column;height:100%;overflow:hidden}header-drawer[data-sp-mm-drawer] .menu-drawer__navigation{position:relative;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}header-drawer[data-sp-mm-drawer] .menu-drawer__navigation:has(>.menu-drawer__menu>li>details[open]){overflow:hidden}header-drawer[data-sp-mm-drawer] .menu-drawer__navigation-container:has(>.menu-drawer__navigation>.menu-drawer__menu>li>details[open])>.menu-drawer__utility-links{display:none}header-drawer[data-sp-mm-drawer] .menu-drawer__submenu{height:100%;overflow:hidden;transition-duration:.22s}header-drawer[data-sp-mm-drawer] .menu-drawer__inner-submenu{box-sizing:border-box;height:100%;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}header-drawer[data-sp-mm-drawer] .menu-drawer__close-button{position:sticky;top:0;z-index:2;background:rgb(var(--color-background))}.sp-mm-mobile-group>[data-sp-mm-toggle]:focus-visible{outline:2px solid #0a84ff;outline-offset:-3px}.sp-mm-mobile-panel[hidden]{display:none}.sp-mm-mobile-panel{animation:sp-mm-panel-in .18s ease-out}.sp-mm-panel-cards--mobile .sp-mm-native-card__cta{align-items:flex-start}.sp-mm-panel-cards--mobile .sp-mm-native-card__cta>span{min-width:0;overflow-wrap:anywhere}.sp-mm-panel-cards--mobile .sp-mm-native-card__cta svg{flex-shrink:0;margin-top:1px}}@keyframes sp-mm-panel-in{0%{opacity:.35}to{opacity:1}}@media(prefers-reduced-motion:reduce){header-drawer[data-sp-mm-drawer] :is(.menu-drawer,.menu-drawer__submenu){transition:none}.sp-mm-mobile-panel{animation:none}}@media(hover:hover){.sp-mm-native-card:hover .sp-mm-native-card__image{transform:scale(1.015)}.sp-mega-menu--panels .sp-mm-native-card:hover .sp-mm-native-card__energy-head{opacity:1}}@media(prefers-reduced-motion:reduce){.sp-mega-menu--panels .mega-menu__link--level-2,.sp-mega-menu--panels .mega-menu__link--level-2:before,.sp-mm-native-card,.sp-mm-native-card__energy-head,.sp-mm-native-card__image,.sp-mm-native-card__cta svg,.sp-mm-native-card__cta>span:after,.sp-mm-mobile-group>[data-sp-mm-toggle] .icon-caret{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/sunpura-mega-menu.css.map */