/* ==========================================================
   Sprint 366C.27 — Enterprise Marketplace Mega Menu V2
   One canonical desktop dropdown layer. Mobile untouched.
   Solid colors only — no gradients.
   ========================================================== */

@media (min-width:1025px){
  /* Anchor every marketplace dropdown to one predictable shell. */
  .premium-header .nav-row{
    position:relative !important;
    z-index:1200 !important;
    overflow:visible !important;
  }
  .premium-header .nav-inner{
    position:relative !important;
    overflow:visible !important;
  }
  .premium-header .tf-market-nav{
    position:static !important;
  }
  .premium-header .tf-market-nav-item{
    position:static !important;
    isolation:auto !important;
  }

  /* Active trigger: compact and clear. */
  .premium-header .tf-market-nav-item>button{
    position:relative !important;
    min-height:42px !important;
    padding:0 15px !important;
    border:0 !important;
    border-radius:8px !important;
    background:transparent !important;
    color:#172a46 !important;
    font-size:13px !important;
    font-weight:800 !important;
  }
  .premium-header .tf-market-nav-item>button:hover,
  .premium-header .tf-market-nav-item>button[aria-expanded="true"]{
    background:#f3f7fc !important;
    color:#0759ca !important;
  }
  .premium-header .tf-market-nav-item>button[aria-expanded="true"]::after{
    content:"" !important;
    position:absolute !important;
    right:15px !important;
    bottom:2px !important;
    left:15px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#f4b72f !important;
  }
  .premium-header .tf-chevron{
    margin-left:5px !important;
    transition:transform .16s ease !important;
  }
  .premium-header .tf-market-nav-item>button[aria-expanded="true"] .tf-chevron{
    transform:rotate(180deg) !important;
  }

  /* Full enterprise panel, constrained to the header shell. */
  .premium-header .tf-nav-dropdown{
    position:absolute !important;
    z-index:1320 !important;
    top:calc(100% + 1px) !important;
    right:0 !important;
    left:0 !important;
    display:grid !important;
    grid-template-columns:240px minmax(0,1fr) 260px !important;
    gap:18px !important;
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:18px !important;
    transform:none !important;
    border:1px solid #dce5ef !important;
    border-top:2px solid #f4b72f !important;
    border-radius:0 0 16px 16px !important;
    background:#ffffff !important;
    box-shadow:0 18px 42px rgba(7,27,70,.14) !important;
    animation:tfEnterpriseMenuIn .14s ease-out both !important;
    overflow:hidden !important;
  }
  .premium-header .tf-nav-dropdown[hidden]{
    display:none !important;
  }

  /* Left explanation block. */
  .premium-header .tf-nav-panel-intro{
    display:flex !important;
    min-width:0 !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    padding:6px 17px 6px 2px !important;
    border-right:1px solid #e6ecf3 !important;
    background:#fff !important;
  }
  .premium-header .tf-nav-eyebrow{
    margin:0 0 10px !important;
    color:#0759ca !important;
    font-size:9px !important;
    font-weight:900 !important;
    letter-spacing:.13em !important;
    text-transform:uppercase !important;
  }
  .premium-header .tf-nav-panel-intro h3{
    max-width:210px !important;
    margin:0 !important;
    color:#0b1f3a !important;
    font-size:22px !important;
    line-height:1.08 !important;
    letter-spacing:-.025em !important;
  }
  .premium-header .tf-nav-panel-intro p{
    max-width:215px !important;
    margin:9px 0 15px !important;
    color:#61758c !important;
    font-size:10px !important;
    line-height:1.48 !important;
  }
  .premium-header .tf-nav-panel-cta{
    display:inline-flex !important;
    min-height:36px !important;
    align-items:center !important;
    border:1px solid #cbd9e8 !important;
    border-radius:9px !important;
    background:#fff !important;
    padding:0 11px !important;
    color:#0759ca !important;
    font-size:9px !important;
    font-weight:900 !important;
    text-decoration:none !important;
  }
  .premium-header .tf-nav-panel-cta:hover{
    border-color:#f4b72f !important;
    background:#fff8e6 !important;
  }

  /* Six actions: consistent 2 × 3 compact grid. */
  .premium-header .tf-nav-panel-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-content:center !important;
    gap:8px !important;
    min-width:0 !important;
  }
  .premium-header .tf-nav-panel-grid>a{
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) 16px !important;
    min-width:0 !important;
    min-height:62px !important;
    align-items:center !important;
    gap:9px !important;
    margin:0 !important;
    border:1px solid #dfe7f0 !important;
    border-radius:11px !important;
    background:#fff !important;
    padding:8px 9px !important;
    color:#0b1f3a !important;
    text-decoration:none !important;
    transition:border-color .15s ease,background .15s ease,transform .15s ease !important;
  }
  .premium-header .tf-nav-panel-grid>a::after{
    content:"›" !important;
    justify-self:end !important;
    color:#7790aa !important;
    font-size:17px !important;
    font-weight:500 !important;
  }
  .premium-header .tf-nav-panel-grid>a:hover{
    transform:translateY(-1px) !important;
    border-color:#adc7e8 !important;
    background:#f8fbff !important;
  }
  .premium-header .tf-nav-menu-icon{
    display:grid !important;
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    place-items:center !important;
    border-radius:10px !important;
    background:#eef5fd !important;
    color:#0759ca !important;
  }
  .premium-header .tf-nav-menu-icon svg{
    width:17px !important;
    height:17px !important;
  }
  .premium-header .tf-nav-panel-grid>a>span:last-of-type{
    display:flex !important;
    min-width:0 !important;
    flex-direction:column !important;
    gap:2px !important;
  }
  .premium-header .tf-nav-panel-grid strong{
    overflow:hidden !important;
    color:#102344 !important;
    font-size:11px !important;
    line-height:1.2 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .premium-header .tf-nav-panel-grid small{
    overflow:hidden !important;
    color:#75879a !important;
    font-size:8px !important;
    line-height:1.25 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  /* Semantic icon accents without redesigning card geometry. */
  .premium-header .tf-nav-dropdown--secure .tf-nav-menu-icon{
    background:#eaf7ef !important;
    color:#16834a !important;
  }
  .premium-header .tf-nav-dropdown--rfq .tf-nav-menu-icon,
  .premium-header .tf-nav-dropdown--new .tf-nav-menu-icon{
    background:#fff3d1 !important;
    color:#8b6200 !important;
  }

  /* Right contextual CTA — solid premium blocks, no gradients. */
  .premium-header .tf-nav-panel-promo{
    display:flex !important;
    min-width:0 !important;
    min-height:210px !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    border-radius:14px !important;
    background:#0b2f66 !important;
    padding:18px !important;
    color:#fff !important;
  }
  .premium-header .tf-nav-panel-promo>span{
    margin-bottom:auto !important;
    color:#f4b72f !important;
    font-size:8px !important;
    font-weight:900 !important;
    letter-spacing:.12em !important;
  }
  .premium-header .tf-nav-panel-promo strong{
    margin:12px 0 7px !important;
    color:#fff !important;
    font-size:17px !important;
    line-height:1.15 !important;
  }
  .premium-header .tf-nav-panel-promo p{
    margin:0 0 13px !important;
    color:#d4e0ed !important;
    font-size:9px !important;
    line-height:1.45 !important;
  }
  .premium-header .tf-nav-panel-promo a{
    display:inline-flex !important;
    width:max-content !important;
    min-height:35px !important;
    align-items:center !important;
    border-radius:8px !important;
    background:#f4b72f !important;
    padding:0 11px !important;
    color:#0b1f3a !important;
    font-size:9px !important;
    font-weight:900 !important;
    text-decoration:none !important;
  }
  .premium-header .tf-nav-panel-promo--green{
    background:#087052 !important;
  }
  .premium-header .tf-nav-panel-promo--dark{
    background:#172943 !important;
  }
  .premium-header .tf-nav-panel-promo--yellow{
    background:#f4b72f !important;
    color:#0b1f3a !important;
  }
  .premium-header .tf-nav-panel-promo--yellow>span,
  .premium-header .tf-nav-panel-promo--yellow strong{
    color:#0b1f3a !important;
  }
  .premium-header .tf-nav-panel-promo--yellow p{
    color:#594718 !important;
  }
  .premium-header .tf-nav-panel-promo--yellow a{
    background:#0b1f3a !important;
    color:#fff !important;
  }
  .premium-header .tf-nav-panel-promo--blue{
    background:#0759ca !important;
  }

  /* All Categories gets the same shell/radius/visual density. */
  .premium-header .tf-category-mega{
    position:absolute !important;
    z-index:1325 !important;
    top:100% !important;
    right:0 !important;
    left:0 !important;
    width:100% !important;
    padding:0 !important;
  }
  .premium-header .tf-category-mega[hidden]{
    display:none !important;
  }
  .premium-header .tf-category-mega-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:-1 !important;
    border:0 !important;
    background:rgba(7,27,70,.10) !important;
    backdrop-filter:none !important;
  }
  .premium-header .tf-category-mega-dialog{
    position:relative !important;
    display:grid !important;
    grid-template-columns:220px minmax(0,1fr) !important;
    width:100% !important;
    max-width:none !important;
    height:min(390px,calc(100vh - 180px)) !important;
    margin:0 !important;
    overflow:hidden !important;
    border:1px solid #dce5ef !important;
    border-top:2px solid #f4b72f !important;
    border-radius:0 0 16px 16px !important;
    background:#fff !important;
    box-shadow:0 18px 42px rgba(7,27,70,.14) !important;
  }
  .premium-header .tf-category-mega-mobile-head{
    display:none !important;
  }
  .premium-header .tf-category-mega-sidebar{
    overflow:hidden !important;
    border-right:1px solid #e4ebf3 !important;
    background:#f8fafc !important;
    padding:11px !important;
  }
  .premium-header .tf-category-mega-search{
    min-height:39px !important;
    border:1px solid #dce5ef !important;
    border-radius:9px !important;
    background:#fff !important;
  }
  .premium-header .tf-category-mega-list{
    gap:3px !important;
    margin-top:7px !important;
  }
  .premium-header .tf-category-mega-parent{
    min-height:39px !important;
    border-radius:8px !important;
    padding:5px 7px !important;
    font-size:10px !important;
  }
  .premium-header .tf-category-mega-parent.is-active{
    background:#eaf3ff !important;
    color:#0759ca !important;
  }
  .premium-header .tf-category-mega-parent-media{
    width:29px !important;
    height:29px !important;
    border-radius:8px !important;
  }
  .premium-header .tf-category-mega-content{
    overflow:auto !important;
    padding:15px 17px 18px !important;
  }
  .premium-header .tf-category-mega-title{
    padding-bottom:10px !important;
  }
  .premium-header .tf-category-mega-title h2{
    font-size:20px !important;
  }
  .premium-header .tf-category-mega-title p{
    font-size:9px !important;
  }
  .premium-header .tf-category-mega-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:7px !important;
    margin-top:9px !important;
  }
  .premium-header .tf-category-mega-card{
    min-height:55px !important;
    border:1px solid #dfe7f0 !important;
    border-radius:10px !important;
    background:#fff !important;
    padding:7px !important;
  }
  .premium-header .tf-category-mega-card:hover{
    border-color:#adc7e8 !important;
    background:#f8fbff !important;
  }

  @keyframes tfEnterpriseMenuIn{
    from{opacity:0;transform:translateY(-4px)}
    to{opacity:1;transform:translateY(0)}
  }
}

@media (min-width:1025px) and (max-width:1280px){
  .premium-header .tf-nav-dropdown{
    grid-template-columns:205px minmax(0,1fr) 220px !important;
    gap:12px !important;
    padding:14px !important;
  }
  .premium-header .tf-nav-panel-intro h3{font-size:18px !important}
  .premium-header .tf-nav-panel-grid>a{min-height:58px !important}
  .premium-header .tf-nav-panel-promo{min-height:195px !important;padding:15px !important}
  .premium-header .tf-category-mega-dialog{
    grid-template-columns:205px minmax(0,1fr) !important;
  }
  .premium-header .tf-category-mega-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}