.services-mega-menu{position:fixed;inset:84px 0 0;z-index:100;display:none;background:rgba(5,12,20,.45);overflow:auto}
.services-mega-menu.is-open{display:block}
body.mega-menu-open{overflow:hidden}
.mega-menu-inner{position:relative;width:100%;min-height:520px;padding:45px max(5vw,40px) 55px;background:#302f30;color:#fff;box-shadow:0 24px 55px rgba(0,0,0,.3)}
.mega-menu-close{position:absolute;top:12px;right:max(4vw,30px);border:0;background:transparent;color:#f1263e;font:300 48px/1 Arial;cursor:pointer;transition:transform .2s}
.mega-menu-close:hover{transform:rotate(90deg)}
.mega-menu-heading{display:flex;align-items:end;gap:24px;margin:0 70px 34px 0;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.15)}
.mega-menu-heading span{color:#ef334b;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}
.mega-menu-heading strong{font-size:24px;line-height:1.2}
.mega-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 30px}
.mega-menu-grid section{padding-top:20px;border-top:1px solid rgba(255,255,255,.15)}
.mega-menu-grid h2{margin:0 0 24px;color:#fff;font-size:16px;letter-spacing:-.3px;text-transform:uppercase}
.mega-menu-grid a{display:block;width:max-content;max-width:100%;margin:0 0 12px;color:#aeb2bb;font-size:14px;transition:color .2s,transform .2s}
.mega-menu-grid a:hover,.mega-menu-grid a:focus-visible{color:#fff;transform:translateX(5px)}
@media(max-width:900px){.mega-menu-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.services-mega-menu{inset:68px 0 0}.mega-menu-inner{min-height:100%;padding:35px 24px 50px}.mega-menu-heading{display:block;margin-right:45px}.mega-menu-heading strong{display:block;margin-top:8px;font-size:20px}.mega-menu-grid{grid-template-columns:1fr;gap:24px}.mega-menu-close{right:18px}.mega-menu-grid section{padding-top:18px}.mega-menu-grid h2{margin-bottom:15px}}

/* Moderniji tech prikaz mega menija */
.services-mega-menu{background:rgba(2,10,21,.72);backdrop-filter:blur(8px)}
.mega-menu-inner{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(40,111,164,.24),transparent 30%),radial-gradient(circle at 88% 86%,rgba(222,38,54,.16),transparent 27%),linear-gradient(135deg,#071a2e 0%,#0b2743 52%,#071827 100%)}
.mega-menu-inner::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.mega-menu-heading{position:relative;border:0;padding:0 0 28px}
.mega-menu-heading::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,#de2636,#55a4dc 40%,transparent)}
.mega-menu-heading span{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(222,38,54,.4);border-radius:999px;background:rgba(222,38,54,.1);font-size:10px;letter-spacing:1.2px}
.mega-menu-heading span::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff3950;box-shadow:0 0 12px #ff3950}
.mega-menu-heading strong{font-size:clamp(25px,2.2vw,38px);font-weight:600;letter-spacing:-1.2px}
.mega-menu-close{top:22px;display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.05);font-size:35px;transition:background .25s,border-color .25s,transform .25s}
.mega-menu-close:hover{border-color:#de2636;background:#de2636;color:#fff;transform:rotate(90deg)}
.mega-menu-grid{gap:18px}
.mega-menu-grid section{position:relative;min-height:215px;padding:26px 24px 22px 78px;border:1px solid rgba(255,255,255,.1);border-radius:3px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.07);opacity:1;transform:none;animation:mega-card-in .45s ease backwards;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.mega-menu-grid section:nth-child(2){animation-delay:.05s}.mega-menu-grid section:nth-child(3){animation-delay:.1s}.mega-menu-grid section:nth-child(4){animation-delay:.15s}.mega-menu-grid section:nth-child(5){animation-delay:.2s}.mega-menu-grid section:nth-child(6){animation-delay:.25s}
.mega-menu-grid section:hover{transform:translateY(-5px);border-color:rgba(90,171,226,.45);background:linear-gradient(145deg,rgba(44,112,162,.2),rgba(255,255,255,.04));box-shadow:0 18px 35px rgba(0,7,17,.28)}
.mega-menu-grid section::before{position:absolute;left:23px;top:24px;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(97,179,236,.35);border-radius:11px;background:rgba(44,125,181,.16);color:#72b9e9;font-size:18px}
.mega-menu-grid section:nth-child(1)::before{content:"▣"}.mega-menu-grid section:nth-child(2)::before{content:"◈"}.mega-menu-grid section:nth-child(3)::before{content:"◎"}.mega-menu-grid section:nth-child(4)::before{content:"⌁"}.mega-menu-grid section:nth-child(5)::before{content:"◇"}.mega-menu-grid section:nth-child(6)::before{content:"✓"}
.mega-menu-grid h2{margin:5px 0 20px;font-size:17px;font-weight:700;letter-spacing:-.25px;text-transform:none}
.mega-menu-grid a{position:relative;margin-bottom:9px;color:#aebed0;font-size:13px;font-weight:500}
.mega-menu-grid a::after{content:"→";position:absolute;left:calc(100% + 7px);color:#ff4155;opacity:0;transform:translateX(-5px);transition:.2s}
.mega-menu-grid a:hover,.mega-menu-grid a:focus-visible{color:#fff;transform:none}
.mega-menu-grid a:hover::after,.mega-menu-grid a:focus-visible::after{opacity:1;transform:none}
@keyframes mega-card-in{from{opacity:0;transform:translateY(14px)}}
@media(max-width:760px){.mega-menu-heading{padding-bottom:22px}.mega-menu-heading strong{font-size:24px}.mega-menu-grid{gap:13px}.mega-menu-grid section{min-height:0;padding:23px 18px 20px 68px}.mega-menu-grid section::before{left:18px;top:20px}.mega-menu-close{top:18px;width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.mega-menu-grid section{opacity:1;transform:none;animation:none}}