.mega-menu {
  position: fixed;
  top: 105px;
  left: 50%;
  z-index: 68;
  width: min(1180px, calc(100% - 34px));
  transform: translate(-50%, -10px);
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0 0 14px 14px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .18);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}

.mega-menu.open {opacity: 1;visibility: visible;transform: translate(-50%, 0)}
.mega-menu-inner,.mega-menu-grid {display: grid;grid-template-columns: repeat(4, 1fr) 1.15fr;gap: 0;padding: 20px}
.mega-column {padding: 2px 20px;border-right: 1px solid #eee}
.mega-column:first-child {padding-left: 4px}
.mega-column h3 {font-size: 13px;margin: 0 0 10px;color: #111}
.mega-column a {display: flex;align-items: center;gap: 9px;padding: 8px;border-radius: 7px;color: #454545;font-size: 12px;text-decoration: none}
.mega-column a:hover,.mega-column a:focus {background: #fff8c8;color: #111;outline: none}
.mega-icon {display: grid;place-items: center;width: 25px;height: 25px;border-radius: 7px;background: #fff3a2;font-size: 12px;font-weight: 900;color: #554900}
.mega-promo,.mega-feature {margin-left: 20px;min-height: 220px;border-radius: 12px;padding: 23px;background: linear-gradient(135deg,#ffe000,#fff28b);position: relative;overflow: hidden}
.mega-promo:after,.mega-feature:after {content: "";position: absolute;width: 160px;height: 160px;border-radius: 50%;right: -45px;bottom: -55px;background: rgba(255,255,255,.38)}
.mega-promo small,.mega-feature small {font-size: 10px;font-weight: 900;text-transform: uppercase;letter-spacing: .08em}
.mega-promo h3,.mega-feature h3 {font-size: 25px;line-height: 1.08;margin: 12px 0 8px;max-width: 230px}
.mega-promo p,.mega-feature p {font-size: 12px;line-height: 1.5;max-width: 230px}
.mega-promo a,.mega-feature a {position: relative;z-index: 2;display: inline-block;background: #111;color: #fff;border-radius: 7px;padding: 10px 15px;margin-top: 8px;font-size: 11px;font-weight: 850;text-decoration: none}
.mega-menu-overlay {position: fixed;inset: 105px 0 0;z-index: 29;background: rgba(0,0,0,.3);opacity: 0;visibility: hidden;transition: .2s}
.mega-menu-overlay.show {opacity: 1;visibility: visible}
.mega-menu-footer {display: flex;align-items: center;justify-content: space-between;gap: 15px;border-top: 1px solid #eee;padding: 12px 20px;background: #fffdf0;border-radius: 0 0 14px 14px;font-size: 11px}
.mega-menu-footer a {font-weight: 850;color: #111;text-decoration: none}
.category-trigger[aria-expanded="true"]:after {transform: rotate(180deg)}
.category-trigger:after {content: "";width: 6px;height: 6px;border-right: 2px solid;border-bottom: 2px solid;transform: rotate(45deg);margin-top: -3px;transition: .2s}

@media (max-width: 1000px) {
  .mega-menu-inner,.mega-menu-grid {grid-template-columns: repeat(4,1fr)}
  .mega-promo,.mega-feature {display: none}
}

@media (max-width: 900px) {.mega-menu {display: none}}