@media screen and (max-width:749px),screen and (max-width:989px)and (hover:none)and (pointer:coarse){html.respecto-mobile-catalogue-open,body.respecto-mobile-catalogue-open{overflow:hidden!important;overscroll-behavior:none}.mega-menu-backdrop,.mega-menu-backdrop.mega-menu-backdrop--visible{display:none!important}#mega-menu-overlay{display:grid!important;grid-template-rows:auto minmax(0,1fr);position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:var(--respecto-mobile-catalogue-height, 100dvh)!important;box-sizing:border-box;max-width:none!important;max-height:none!important;z-index:2147483000!important;overflow:hidden!important;padding-top:env(safe-area-inset-top,0px);background:#fff;border-radius:0!important;box-shadow:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(18px) scale(.995)!important;transform-origin:50% 100%;transition:opacity .26s ease,transform .34s cubic-bezier(.22,1,.36,1),visibility 0s linear .34s!important;overscroll-behavior:contain}#mega-menu-overlay.mega-menu--visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;transition-delay:0s!important}.mega-menu__handle{display:none!important}.mega-menu__mobile-header{display:flex;align-items:center;justify-content:space-between;min-height:clamp(60px,9.5dvh,72px);padding:8px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));background:#fffffff5;border-bottom:1px solid rgba(55,71,84,.1);box-shadow:0 8px 28px #3747540f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:2}.mega-menu__mobile-title{color:#374754;font-size:clamp(18px,5vw,22px);font-weight:700;line-height:1.2;letter-spacing:-.02em}.mega-menu__close{width:48px;height:48px;padding:0;flex:0 0 48px;border:1px solid rgba(55,71,84,.1);background:#f7f8f9}.mega-menu__close:active{background:#00a71b1a;transform:scale(.96)}.mega-menu__inner{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:clamp(18px,4.5vw,28px);width:min(100%,720px);min-height:0;max-width:none;margin:0 auto;padding:clamp(14px,4vw,24px) max(clamp(14px,4vw,24px),env(safe-area-inset-right,0px)) max(clamp(24px,7vw,40px),env(safe-area-inset-bottom,0px)) max(clamp(14px,4vw,24px),env(safe-area-inset-left,0px));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(55,71,84,.22) transparent}.mega-menu__left{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(6px,1.8vw,10px);min-width:0;padding:0 0 clamp(16px,4vw,24px);border:0;border-bottom:1px solid rgba(55,71,84,.1)}.mega-menu__category,.mega-menu__category:hover{display:flex;align-items:center;min-height:48px;gap:12px;padding:12px 16px;color:#374754;font-size:clamp(13px,3.7vw,15px);font-weight:500;line-height:1.25;white-space:normal;background:#fff!important;border:1px solid transparent!important;border-radius:14px;box-shadow:none!important;transform:translate(0)!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),color .2s ease}.mega-menu__category--active,.mega-menu__category--active:hover{color:#374754!important;background:#fff!important;border:1px solid transparent!important;box-shadow:0 10px 22px -12px #37475452!important;transform:translate(8px)!important}.mega-menu__icon,.mega-menu__icon img{width:24px!important;height:24px!important}.mega-menu__category:not(.mega-menu__category--active) .mega-menu__icon img{filter:none!important}.mega-menu__category--active .mega-menu__icon img{filter:invert(40%) sepia(100%) saturate(500%) hue-rotate(90deg) brightness(.9)!important}.mega-menu__category-arrow{display:block;width:8px;height:12px;flex-basis:8px;opacity:1;transition:none}.mega-menu__category--active .mega-menu__category-arrow{opacity:1;transform:none}.mega-menu__right{position:relative;min-width:0;min-height:0}.mega-menu__panel{display:none;position:relative!important;inset:auto!important;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:clamp(26px,7vw,34px);opacity:0;pointer-events:none}.mega-menu__panel--active{display:grid!important;opacity:1!important;pointer-events:auto!important;animation:respectoCataloguePanelFade .3s ease both}.mega-menu__image-wrap{display:grid;place-items:center;width:100%;max-width:none;height:auto;min-height:0;overflow:visible;border-radius:12px;background:#fff;border:0;box-shadow:none}.mega-menu__image{display:block!important;width:auto!important;height:clamp(160px,45vw,220px)!important;max-width:100%!important;max-height:none!important;margin:auto!important;padding:clamp(6px,2vw,12px);box-sizing:border-box!important;object-fit:contain!important;object-position:50% 50%!important;border-radius:12px;background:#fff!important;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s ease}.mega-menu__image-wrap:hover .mega-menu__image{transform:none!important;opacity:1!important}.mega-menu__image-wrap:active .mega-menu__image{transform:scale(.975);opacity:.92}.mega-menu__panel-content{align-items:flex-start;gap:clamp(10px,2.8vw,14px);padding:6px clamp(2px,1vw,6px) 4px}.mega-menu__panel-title{margin:0;font-size:clamp(19px,5.4vw,24px);line-height:1.2;letter-spacing:-.02em}.mega-menu__panel-title-link{color:#374754!important;text-decoration:none;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.mega-menu__panel-title-link:hover,.mega-menu__panel-title-link:focus-visible,.mega-menu__panel-title-link:active{color:#00a71b!important}.mega-menu__panel-subtitle{max-width:48rem;margin:0;color:#6b7c8a;font-size:clamp(13px,3.6vw,15px);line-height:1.55}.mega-menu__panel-link{display:inline-flex;align-items:center;align-self:flex-start;width:max-content;min-width:max-content;min-height:46px;justify-content:center;gap:6px!important;margin-top:4px;padding:10px 18px;color:#374754!important;font-size:14px;font-weight:600;text-decoration:none;border:1px solid #374754!important;border-radius:999px;background:transparent!important;background-color:transparent!important;box-shadow:0 0 #37475400!important;transform:translateY(0)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease!important}.mega-menu__panel-link:hover,.mega-menu__panel-link:focus-visible,.mega-menu__panel-link:active{gap:6px!important;color:#00a71b!important;border-color:#536774!important;background:transparent!important;background-color:transparent!important;box-shadow:0 7px 18px #37475424!important;transform:translateY(-2px)!important;filter:none!important;-webkit-tap-highlight-color:transparent}@keyframes respectoCataloguePanelFade{0%{opacity:0}to{opacity:1}}}@media screen and (min-width:560px)and (max-width:749px)and (min-aspect-ratio:6 / 5),screen and (min-width:560px)and (max-width:989px)and (hover:none)and (pointer:coarse)and (min-aspect-ratio:6 / 5){.mega-menu__inner{grid-template-columns:minmax(230px,.82fr) minmax(0,1.18fr);align-items:start;width:min(100%,860px);gap:clamp(18px,4vw,32px)}.mega-menu__left{position:sticky;top:0;padding:0 clamp(18px,3.5vw,28px) 0 0;border-right:1px solid rgba(55,71,84,.1);border-bottom:0}.mega-menu__category,.mega-menu__category:hover{min-height:50px;font-size:13px}.mega-menu__image{height:clamp(175px,30vw,225px)!important}}@media screen and (max-width:749px)and (max-height:700px){.mega-menu__image{height:clamp(130px,34vw,165px)!important}}@media(prefers-reduced-motion:reduce){#mega-menu-overlay,#mega-menu-overlay *,.mega-menu-backdrop{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#mega-menu-overlay .mega-menu__category:focus-visible,#mega-menu-overlay .mega-menu__panel-link:focus-visible,#mega-menu-overlay .mega-menu__panel-title-link:focus-visible,#mega-menu-overlay .mega-menu__image-wrap:focus-visible,#mega-menu-overlay .mega-menu__close:focus-visible{outline:2px solid #00A71B;outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/104/assets/respecto-mobile-mega-menu.css.map */
