/* ===========================================================
   02-layout.css
   Part of the India Fulfillment Center stylesheet set.
   Loaded in numeric order by includes/head-assets.php
   =========================================================== */
/* ================= MEGA MENU ================= */
.has-mega{position:relative}

.mega-toggle{display:inline-flex;align-items:center;gap:5px;cursor:pointer}

.megamenu{position:absolute;top:calc(100% + 14px);left:0;transform:translateY(-8px);width:min(720px,88vw);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 26px 60px rgba(1,45,96,.18);padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:6px;opacity:0;visibility:hidden;transition:opacity .22s,transform .22s,visibility .22s;z-index:120}

.has-mega:hover .megamenu,.has-mega.open .megamenu{opacity:1;visibility:visible;transform:translateY(0)}

.mega-item{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;font-size:.86rem;font-weight:600;color:var(--ink-2)!important;transition:background .18s,color .18s}

.mega-item:hover{background:var(--paper);color:var(--marigold-deep)!important}

.mega-item .em{font-size:1.05rem;flex:none}

.mega-item::after{display:none!important}

.mega-head{grid-column:1/-1;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:2px 13px 8px;border-bottom:1px dashed var(--line);margin-bottom:6px}