/* JOMB Loja Digital — navegação em uma linha; dropdowns e menu mobile. */
.main-header .nav-wrap{max-width:1280px!important;width:calc(100% - 40px)!important;padding:0!important;gap:18px!important;position:relative;min-height:88px!important}
.main-header .brand{flex:0 0 auto!important;min-width:0!important;gap:10px!important;padding:6px!important}
.main-header .brand-image-box{width:82px!important;min-width:82px!important;height:58px!important;padding:6px!important;border-width:3px!important;border-radius:17px!important}
.main-header .brand-img{max-width:70px!important;max-height:44px!important}
.main-header .brand-text strong{font-size:26px!important;white-space:nowrap!important}
.main-header .brand-text small{font-size:10px!important;letter-spacing:.23em!important;white-space:nowrap!important}
.main-header .brand-text strong::after{height:3px!important;width:70px!important;margin-top:5px!important}
.main-header .main-nav{display:flex!important;flex:0 1 auto!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:4px!important;margin:0!important;padding:0!important;position:static!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important;white-space:nowrap!important}
.main-header .main-nav>a,.main-header .main-nav>details>summary{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 10px!important;line-height:1.2!important;font-size:13px!important;font-weight:750!important;text-decoration:none!important;border:0!important;border-radius:12px!important;color:#25194a!important;white-space:nowrap!important;cursor:pointer!important;box-sizing:border-box!important;list-style:none!important;background:transparent!important}
.main-header .main-nav summary::-webkit-details-marker{display:none}
.main-header .main-nav>details>summary::after{content:'⌄';font-size:12px;margin-left:6px}
.main-header .main-nav>details{position:relative!important;padding:0!important;flex:0 0 auto!important;width:auto!important;align-self:stretch!important;display:block!important}
.main-header .main-nav .school-submenu{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:auto!important;min-width:220px!important;padding:8px!important;background:#fff!important;border:1px solid #e7e1f2!important;border-radius:14px!important;box-shadow:0 16px 40px #2414401c!important;z-index:1100!important}
.main-header .main-nav details[open]>.school-submenu{display:flex!important;flex-direction:column!important}
.main-header .main-nav .school-submenu a{display:flex!important;justify-content:flex-start!important;align-items:center!important;min-height:44px!important;padding:10px 13px!important;border-radius:9px!important;white-space:normal!important;font-size:13px!important;line-height:1.4!important;margin:0!important;color:#25194a!important}
.main-header .main-nav>details[open]>summary,.main-header .main-nav>details.is-active>summary,.main-header .main-nav summary:hover{background:#f1eaff!important;color:#6026ba!important}
.main-header .main-nav .nav-cta{background:#6b32bc!important;color:#fff!important;padding:0 16px!important;margin-left:4px!important;box-shadow:none!important}
.main-header .main-nav .nav-cta:hover{background:#54249a!important;transform:none!important}
.main-header a:focus-visible,.main-header summary:focus-visible,.main-header button:focus-visible{outline:3px solid #a78bfa!important;outline-offset:3px!important}
.main-header .mobile-toggle{display:none!important;flex:0 0 44px;min-height:44px;padding:4px!important;font-size:26px!important;border-radius:12px!important}
@media(max-width:1200px) and (min-width:1121px){
  .main-header .nav-wrap{gap:10px!important}
  .main-header .main-nav{gap:0!important}
  .main-header .main-nav>a,.main-header .main-nav>details>summary{padding:0 8px!important}
  .main-header .brand-text strong{font-size:24px!important}
}
@media(max-width:1120px){
  .main-header .nav-wrap{min-height:78px!important;width:calc(100% - 32px)!important;justify-content:space-between!important}
  .main-header .mobile-toggle{display:block!important}
  .main-header .main-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:12px!important;background:#fff!important;border:1px solid #e7e1f2!important;border-radius:0 0 16px 16px!important;box-shadow:0 18px 35px #24144024!important;max-height:calc(100vh - 100px)!important;max-height:calc(100dvh - 100px)!important;overflow-y:auto!important;overscroll-behavior:contain}
  .main-header .main-nav.is-open{display:flex!important}
  .main-header .main-nav>a,.main-header .main-nav>details>summary{justify-content:flex-start!important;font-size:15px!important;min-height:46px!important;padding:0 13px!important}
  .main-header .main-nav>details>summary{justify-content:space-between!important}
  .main-header .main-nav .school-submenu{position:static!important;min-width:0!important;padding:3px 8px 8px!important;border:0!important;box-shadow:none!important;background:#f8f5fe!important;border-radius:12px!important}
  .main-header .main-nav .school-submenu a{font-size:14px!important}
  .main-header .main-nav .nav-cta{justify-content:center!important;margin:7px 0 0!important}
}
@media(max-width:420px){
  .main-header .brand{gap:7px!important;padding:0!important}
  .main-header .brand-image-box{width:65px!important;min-width:65px!important;height:48px!important;padding:4px!important}
  .main-header .brand-img{max-width:56px!important;max-height:36px!important}
  .main-header .brand-text strong{font-size:22px!important}
  .main-header .brand-text small{font-size:8px!important;letter-spacing:.18em!important}
  .main-header .nav-wrap{gap:8px!important}
}