.mega-menu__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:1rem;padding:2rem 2.5rem 2rem 3rem;background-color:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 12px 32px #00000014;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease-in-out}.mega-menu[open]>.mega-menu__content{opacity:1;visibility:visible;pointer-events:auto}.mega-menu__item{display:flex;flex-direction:column;gap:.75rem}.mega-menu__item-title{font-weight:600;font-size:1.15rem;color:#111;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-menu__link{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:1rem;color:#222;text-decoration:none;background-color:#fff;border-radius:8px;transition:background-color .2s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-menu__link:hover{background-color:#f3f3f3}.mega-menu__thumb{width:140px;height:140px;border-radius:8px;overflow:hidden;background:#eee;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mega-menu__thumb img{width:100%;height:100%;object-fit:cover;display:block}.mega-menu summary svg{transition:transform .3s ease}.mega-menu[open] summary svg{transform:rotate(180deg)}@media screen and (max-width: 1024px){.mega-menu__content{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;padding:1.5rem 2rem}.mega-menu__thumb{width:100px;height:100px}.mega-menu__link{font-size:.95rem;padding:.75rem;white-space:normal}.mega-menu__item-title{font-size:1.05rem;white-space:normal;text-overflow:unset}}@media screen and (max-width: 768px){.mega-menu__content{grid-template-columns:repeat(2,minmax(0,1fr));padding:1.5rem;gap:1.25rem}.mega-menu__thumb{width:80px;height:80px}.mega-menu__link{font-size:.95rem;gap:.75rem}.mega-menu__item-title{font-size:1.05rem}}@media screen and (max-width: 480px){.mega-menu__content{grid-template-columns:1fr;padding:1.25rem 1rem;gap:1rem}.mega-menu__thumb{width:72px;height:72px}.mega-menu__link{font-size:.9rem}.mega-menu__item-title{font-size:1rem}}@media screen and (max-width: 360px){.mega-menu__thumb{width:60px;height:60px}.mega-menu__link{font-size:.85rem;padding:.5rem}.mega-menu__item-title{font-size:.95rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/custom-mega-menu.css.map */