.mega-menu{position:absolute;top:100%;left:0;right:0;width:100%;min-height:350px;background-color:#eee;box-shadow:0 4px 8px #0000001a;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;max-height:0;overflow:hidden;box-sizing:border-box}.mega-menu[data-visible=true]{opacity:1;visibility:visible;transform:translateY(0);max-height:800px}.mega-menu__wrapper{max-width:var(--layout-max-width, 1400px);margin:0 auto;padding:40px 2rem}.mega-menu__inner{display:grid;grid-template-columns:auto auto 1fr;gap:60px;align-items:start;justify-content:start;max-width:100%}.mega-menu__category{display:flex;flex-direction:column}.mega-menu__category-title{font-family:DIN Pro,sans-serif;font-size:14px;font-weight:700;color:#3d3d3d;margin:0 0 20px;line-height:1.288}.mega-menu__category-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.mega-menu__category-link{margin-bottom:12px}.mega-menu__category-link a{font-family:DIN Pro,sans-serif;font-size:14px;font-weight:400;color:#1d1d1f;text-decoration:none;display:inline-block;padding:4px 0;position:relative;transition:color .3s ease;line-height:1.288}.mega-menu__category-link a:before{content:"";position:absolute;bottom:-4px;left:-3px;right:-3px;height:2px;background:#fffc41;transform:scaleX(0);transition:transform .2s ease;transform-origin:center;border-radius:1px}.mega-menu__category-link a:hover:before{transform:scaleX(1)}.mega-menu__category-link a:hover{text-decoration:none}.mega-menu__badge--hot{color:#f44!important}.mega-menu__badge--sale{color:#f60!important}.mega-menu__badge--new{color:#0a4!important}.mega-menu__category--style{grid-column:span 1;min-width:280px}.mega-menu__style-grid{display:grid;grid-template-columns:repeat(3,80px);gap:15px;margin-bottom:20px;justify-content:start}.mega-menu__style-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#1d1d1f;transition:all .2s ease;padding:8px;border-radius:8px}.mega-menu__style-item:hover{background-color:#fffc411a}.mega-menu__style-icon-img{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #E0E0E0;border-radius:8px;margin-bottom:8px;box-shadow:0 1px 3px #00000014;transition:all .2s ease;overflow:hidden;padding:8px;box-sizing:border-box}.mega-menu__style-item:hover .mega-menu__style-icon-img{border-color:#fffc41;box-shadow:0 2px 6px #0000001f}.mega-menu__style-icon-img svg{width:40px;height:40px;color:#1d1d1f;flex-shrink:0}.mega-menu-icon{width:50%;height:50%;object-fit:contain;display:block}.mega-menu-icon[alt=Adhesive],.mega-menu-icon[alt=New]{width:70%;height:70%}.mega-menu__style-label{font-size:14px;font-family:DIN Pro,sans-serif;font-weight:400;text-align:center}.mega-menu__style-item--new{color:#0a4}.mega-menu__style-item--new .mega-menu__style-icon svg{color:#0a4}.mega-menu__style-item--hot{color:#f44}.mega-menu__style-item--hot .mega-menu__style-icon svg{color:#f44}.mega-menu__style-item--sale{color:#f60}.mega-menu__style-item--sale .mega-menu__style-icon svg{color:#f60}.mega-menu__category--story{grid-column:span 1;justify-self:end;margin-left:auto}.mega-menu__story-link{display:block;text-decoration:none;transition:transform .3s ease}.mega-menu__story-link:hover{transform:translateY(-2px)}.mega-menu__story-image{width:370px;height:254px;border-radius:12px;overflow:hidden;margin-bottom:15px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease}.mega-menu__story-link:hover .mega-menu__story-image{box-shadow:0 8px 25px #00000026}.mega-menu__story-image img{width:100%;height:100%;object-fit:cover;display:block}.mega-menu__story-placeholder{width:100%;height:100%;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.mega-menu__story-title{margin:0;font-size:18px;font-weight:700;color:#2c1810;font-family:DIN Pro,sans-serif;position:relative;transition:color .3s ease}.mega-menu__story-link:hover .mega-menu__story-title{color:#1d1d1f}.mega-menu__story-link:hover .mega-menu__story-title:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#fffc41;animation:underlineExpand .3s ease-out}@keyframes underlineExpand{0%{width:0}to{width:100%}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mega-menu[data-visible=true] .mega-menu__category{animation:fadeInDown .4s ease forwards}.mega-menu[data-visible=true] .mega-menu__category:nth-child(1){animation-delay:.05s}.mega-menu[data-visible=true] .mega-menu__category:nth-child(2){animation-delay:.1s}.mega-menu[data-visible=true] .mega-menu__category:nth-child(3){animation-delay:.15s}.mega-menu[data-visible=true] .mega-menu__category:nth-child(4){animation-delay:.2s}.mega-menu[data-visible=true] .mega-menu__category:nth-child(5){animation-delay:.25s}@media (max-width: 1024px){.mega-menu__wrapper{padding:30px 2rem}.mega-menu__inner{gap:40px;grid-template-columns:auto auto 1fr}.mega-menu__story-image{width:300px;height:206px}}@media (max-width: 768px){.mega-menu{position:static;box-shadow:none;border:none}.mega-menu__wrapper{padding:20px}.mega-menu__inner{grid-template-columns:1fr;gap:30px}.mega-menu__category{border-bottom:1px solid #ddd;padding-bottom:20px}.mega-menu__category:last-child{border-bottom:none}}@media (prefers-reduced-motion: reduce){.mega-menu,.mega-menu__category,.mega-menu__category-link a:before{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/component-mega-menu.css.map */