/* Padajući izbornik „Servisiraj” (popis uređaja) – plavo obrubljeni gumb s ikonom, na hover / kad je otvoren ispuni se plavo */
.navlinks{align-items:center}
.dd{position:relative;display:flex;align-items:center}
.dd::after{content:'';position:absolute;left:-20px;right:-20px;top:100%;height:24px}
.dd-btn{font:inherit;font-size:15px;font-weight:700;line-height:1.2;color:#0a66ff;background:none;border:1.5px solid #0a66ff;border-radius:999px;padding:8px 15px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s,color .15s}
.dd:hover .dd-btn,.dd.open .dd-btn,.dd-btn:focus-visible{background:#0a66ff;color:#fff}
.dd-ik{flex:none}
.dd-chev{transition:transform .2s ease}
.dd-menu{position:absolute;top:calc(100% + 22px);left:-28px;width:840px;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:14px;background:#fff;border:1px solid #eceef2;border-radius:24px;box-shadow:0 40px 80px -36px rgba(13,15,18,.4);z-index:60}
.dd:hover .dd-menu,.dd.open .dd-menu{display:grid}
.dd:hover .dd-chev,.dd.open .dd-chev{transform:rotate(180deg)}
.dd-menu a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;text-decoration:none;color:#0d0f12}
.dd-menu a:hover,.dd-menu a:focus-visible{background:#f2f4f7}
.dd-menu a[aria-current="page"]{background:#e8f0ff}
.dd-ic{width:42px;height:42px;border-radius:12px;background:#e8f0ff;color:#0a66ff;display:grid;place-items:center;flex:none}
.dd-menu b{display:block;font-size:15px;font-weight:600;line-height:1.25}
.dd-menu small{display:block;color:#5b6472;font-size:13px;line-height:1.3}
.dd-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eceef2;margin-top:6px;padding-top:8px}
.dd-foot a{font-weight:600;color:#0a66ff;padding:10px 12px}
.dd-foot .dd-op{display:inline-flex;align-items:center;gap:6px;color:#0d0f12;border-radius:12px}
.dd-foot .dd-op:hover,.dd-foot .dd-op[aria-current="page"]{background:#f2f4f7}
@media (max-width:640px){.dd-foot{flex-wrap:wrap}}
/* suženi izbornik (☰): gumb samo koliko treba, poravnat lijevo kao ostale stavke; popis se otvara ispod */
@media (max-width:1100px){
  .navlinks{align-items:stretch}
  .dd{flex-direction:column;align-items:flex-start}
  .dd::after{display:none}
  .dd-btn{font-size:17px;padding:10px 18px;margin:6px 0}
  .dd:hover .dd-btn{background:none;color:#0a66ff}
  .dd.open .dd-btn{background:#0a66ff;color:#fff}
  .dd:hover .dd-menu{display:none}
  .dd:hover .dd-chev{transform:none}
  .dd-menu{position:static;width:100%;grid-template-columns:1fr;border:0;box-shadow:none;padding:0 0 8px;border-radius:0}
  .dd.open .dd-menu{display:grid}
  .dd.open .dd-chev{transform:rotate(180deg)}
  .dd-menu a{padding:10px 4px}
}
@media (min-width:641px) and (max-width:1100px){.dd-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* uže računalo: manji razmaci da zaglavlje stane u jedan red */
@media (min-width:1101px) and (max-width:1240px){.navlinks{gap:18px !important}.jmw-hdr .jmw-in,header > div{gap:22px !important}}