/* ========================================================================
   PARTNER IT PREMIUM ENTERPRISE HEADER V3
   Minimal enterprise navigation + enlarged brand presentation
   ======================================================================== */

:root{
    --pit3-red:#AE2624;
    --pit3-red-bright:#E52B29;
    --pit3-dark:#141516;
    --pit3-dark-2:#1B1D20;
    --pit3-dark-3:#23262A;
    --pit3-line:rgba(255,255,255,.09);
    --pit3-text:#F7F7F8;
    --pit3-muted:#AEB3BA;
    --pit3-width:1308px;
}

/* ------------------------------------------------------------------------
   UTILITY BAR
   ------------------------------------------------------------------------ */

.site-top.pit3-utility{
    min-height:32px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:
        linear-gradient(90deg,#8C1C1B 0%,#B12120 52%,#C62A28 100%)!important;
    color:#fff!important;
    box-shadow:none!important;
}

.pit3-utility-inner{
    width:min(calc(100% - 48px),var(--pit3-width))!important;
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding:0!important;
}

.pit3-utility-brand{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    color:#fff!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.15px!important;
    white-space:nowrap!important;
}

.pit3-status-dot{
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
    border:2px solid rgba(255,255,255,.42)!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 0 0 3px rgba(255,255,255,.08)!important;
}

.pit3-utility-right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:13px!important;
    min-width:0!important;
}

.pit3-contact-links{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
}

.pit3-contact-links a{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    background:transparent!important;
    border:0!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:760!important;
    white-space:nowrap!important;
    opacity:.96!important;
    transition:opacity .16s ease!important;
}

.pit3-contact-links a:hover{
    opacity:.76!important;
}

.pit3-contact-divider{
    width:1px!important;
    height:12px!important;
    background:rgba(255,255,255,.25)!important;
}

.pit3-socials{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
}

.pit3-socials a{
    width:23px!important;
    height:23px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:50%!important;
    color:#fff!important;
    background:rgba(255,255,255,.055)!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:900!important;
    transition:transform .16s ease,background .16s ease,border-color .16s ease!important;
}

.pit3-socials a:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(255,255,255,.7)!important;
    background:rgba(255,255,255,.12)!important;
}

/* ------------------------------------------------------------------------
   MAIN HEADER
   ------------------------------------------------------------------------ */

.site-header.pit3-header{
    position:sticky!important;
    top:0!important;
    z-index:980!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid var(--pit3-line)!important;
    background:
        radial-gradient(circle at 82% 0%,rgba(174,38,36,.10),transparent 24%),
        rgba(20,21,22,.975)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
}

.pit3-header-inner{
    width:min(calc(100% - 48px),var(--pit3-width))!important;
    min-height:96px!important;
    display:grid!important;
    grid-template-columns:300px minmax(0,1fr) auto auto!important;
    align-items:center!important;
    gap:18px!important;
    padding:8px 0!important;
    margin-inline:auto!important;
}

/* ------------------------------------------------------------------------
   LARGE LOGO - fixes the compressed logo problem
   ------------------------------------------------------------------------ */

.pit3-header .brand.brand-main.pit3-brand{
    grid-column:1!important;
    width:300px!important;
    min-width:0!important;
    max-width:300px!important;
    height:auto!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-decoration:none!important;
}

.pit3-header .main-logo-frame.pit3-logo-frame{
    position:relative!important;
    width:300px!important;
    height:78px!important;
    display:block!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:
        0 12px 28px rgba(0,0,0,.19),
        inset 0 1px 0 rgba(255,255,255,.75)!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
}

.pit3-header .brand:hover .pit3-logo-frame{
    transform:translateY(-2px)!important;
    box-shadow:
        0 16px 34px rgba(0,0,0,.24),
        0 0 0 1px rgba(174,38,36,.11)!important;
}

/* The company logo image is ~2.7:1. This controlled crop removes the tiny
   bottom service line and makes the main PARTNER IT identity readable. */
.pit3-header .pit3-logo-image{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center 39%!important;
    transform:scale(1.01)!important;
    transform-origin:center!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}

.pit3-brand-fallback{
    width:100%!important;
    min-height:68px!important;
    display:grid!important;
    align-content:center!important;
    gap:5px!important;
    padding:12px 16px!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#242629!important;
}

.pit3-brand-fallback strong{
    color:var(--pit3-red)!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
}

.pit3-brand-fallback small{
    color:#666C73!important;
    font-size:9px!important;
    font-weight:700!important;
}

/* ------------------------------------------------------------------------
   NAVIGATION - deliberately restrained and uncluttered
   ------------------------------------------------------------------------ */

.pit3-header .site-nav.pit3-nav{
    grid-column:2!important;
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}

.pit3-nav-link,
.pit3-company-summary{
    position:relative!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:0 11px!important;
    margin:0!important;
    border:0!important;
    border-radius:10px!important;
    color:#E7E9EC!important;
    background:transparent!important;
    font-family:"Segoe UI",Arial,sans-serif!important;
    font-size:12.5px!important;
    line-height:1!important;
    font-weight:760!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    transition:color .18s ease,background .18s ease,transform .18s ease!important;
}

.pit3-nav-link:hover,
.pit3-company-summary:hover,
.pit3-company[open] > .pit3-company-summary{
    color:#fff!important;
    background:rgba(255,255,255,.055)!important;
}

.pit3-nav-link.active,
.pit3-company.active > .pit3-company-summary{
    color:#fff!important;
    background:rgba(174,38,36,.13)!important;
}

.pit3-nav-link::after,
.pit3-company-summary::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:3px!important;
    width:0!important;
    height:2px!important;
    transform:translateX(-50%)!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,var(--pit3-red-bright),#FF5B55)!important;
    transition:width .18s ease!important;
}

.pit3-nav-link:hover::after,
.pit3-nav-link.active::after,
.pit3-company:hover > .pit3-company-summary::after,
.pit3-company.active > .pit3-company-summary::after,
.pit3-company[open] > .pit3-company-summary::after{
    width:22px!important;
}

/* ------------------------------------------------------------------------
   COMPANY DROPDOWN
   ------------------------------------------------------------------------ */

.pit3-company{
    position:relative!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
}

.pit3-company > summary{
    list-style:none!important;
}

.pit3-company > summary::-webkit-details-marker{
    display:none!important;
}

.pit3-company-summary svg{
    transition:transform .18s ease!important;
}

.pit3-company[open] .pit3-company-summary svg{
    transform:rotate(180deg)!important;
}

.pit3-company-panel{
    position:absolute!important;
    left:50%!important;
    top:calc(100% + 10px)!important;
    width:300px!important;
    display:grid!important;
    gap:4px!important;
    padding:10px!important;
    transform:translate(-50%,8px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:16px!important;
    background:
        radial-gradient(circle at 92% 0%,rgba(174,38,36,.13),transparent 36%),
        rgba(24,26,29,.985)!important;
    box-shadow:0 24px 58px rgba(0,0,0,.42)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important;
    z-index:1000!important;
}

.pit3-company:hover .pit3-company-panel,
.pit3-company:focus-within .pit3-company-panel,
.pit3-company[open] .pit3-company-panel{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0)!important;
}

.pit3-company-head{
    display:grid!important;
    gap:2px!important;
    padding:8px 10px 9px!important;
    margin-bottom:2px!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
}

.pit3-company-head span{
    color:#D35B58!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:1.1px!important;
}

.pit3-company-head strong{
    color:#fff!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:850!important;
}

.pit3-company-panel > a{
    min-height:56px!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px 9px!important;
    margin:0!important;
    border-radius:11px!important;
    color:#fff!important;
    background:transparent!important;
    transition:background .16s ease,transform .16s ease!important;
}

.pit3-company-panel > a:hover,
.pit3-company-panel > a.active{
    transform:translateX(2px)!important;
    background:rgba(255,255,255,.055)!important;
}

.pit3-company-icon{
    width:36px!important;
    height:36px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    color:#fff!important;
    background:linear-gradient(145deg,var(--pit3-red-bright),var(--pit3-red))!important;
    box-shadow:0 8px 17px rgba(174,38,36,.24)!important;
    font-size:8px!important;
    font-weight:900!important;
}

.pit3-company-panel > a > span:last-child{
    display:grid!important;
    gap:3px!important;
}

.pit3-company-panel strong{
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:850!important;
}

.pit3-company-panel small{
    color:#9EA5AD!important;
    font-size:9px!important;
    line-height:1.2!important;
    font-weight:650!important;
}

/* ------------------------------------------------------------------------
   ACTIONS
   ------------------------------------------------------------------------ */

.pit3-actions{
    grid-column:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:0!important;
}

.pit3-quote,
.pit3-portal{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    border-radius:13px!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:transform .17s ease,border-color .17s ease,background .17s ease,box-shadow .17s ease!important;
}

.pit3-quote{
    padding:6px 9px 6px 7px!important;
    border:1px solid rgba(229,43,41,.42)!important;
    color:#fff!important;
    background:linear-gradient(145deg,rgba(174,38,36,.23),rgba(174,38,36,.10))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.pit3-quote:hover,
.pit3-quote.active{
    transform:translateY(-2px)!important;
    border-color:rgba(229,43,41,.70)!important;
    background:linear-gradient(145deg,rgba(174,38,36,.34),rgba(174,38,36,.15))!important;
    box-shadow:0 10px 25px rgba(0,0,0,.20)!important;
}

.pit3-quote-icon,
.pit3-portal-icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
}

.pit3-quote-icon{
    color:#fff!important;
    background:linear-gradient(145deg,var(--pit3-red-bright),var(--pit3-red))!important;
    box-shadow:0 7px 15px rgba(174,38,36,.28)!important;
}

.pit3-quote-copy,
.pit3-portal-copy{
    display:grid!important;
    gap:2px!important;
    text-align:left!important;
}

.pit3-quote-copy small,
.pit3-portal-copy small{
    color:#AEB4BB!important;
    font-size:7.5px!important;
    line-height:1!important;
    font-weight:700!important;
}

.pit3-quote-copy strong,
.pit3-portal-copy strong{
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:850!important;
}

.pit3-quote-count{
    min-width:22px!important;
    height:22px!important;
    display:grid!important;
    place-items:center!important;
    padding:0 5px!important;
    border-radius:999px!important;
    color:var(--pit3-red)!important;
    background:#fff!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:950!important;
}

.pit3-portal{
    padding:6px 10px 6px 7px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:#fff!important;
    background:rgba(255,255,255,.035)!important;
}

.pit3-portal:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(255,255,255,.19)!important;
    background:rgba(255,255,255,.065)!important;
    box-shadow:0 10px 25px rgba(0,0,0,.18)!important;
}

.pit3-portal-icon{
    color:#fff!important;
    background:#2A2D31!important;
    border:1px solid rgba(255,255,255,.08)!important;
}

/* ------------------------------------------------------------------------
   MOBILE MENU
   ------------------------------------------------------------------------ */

.pit3-toggle{
    grid-column:4!important;
    width:46px!important;
    height:46px!important;
    display:none!important;
    place-items:center!important;
    align-content:center!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:12px!important;
    background:#25282C!important;
    box-shadow:none!important;
}

.pit3-toggle span{
    width:20px!important;
    height:2px!important;
    display:block!important;
    margin:0!important;
    border-radius:999px!important;
    background:#fff!important;
    transition:transform .18s ease,opacity .18s ease!important;
}

.pit3-toggle[aria-expanded="true"] span:nth-child(1){
    transform:translateY(7px) rotate(45deg)!important;
}

.pit3-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0!important;
}

.pit3-toggle[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg)!important;
}

.pit3-mobile-actions{
    display:none!important;
}

/* ------------------------------------------------------------------------
   SCROLLED STATE
   ------------------------------------------------------------------------ */

.site-header.pit3-header.is-scrolled .pit3-header-inner{
    min-height:82px!important;
}

.site-header.pit3-header.is-scrolled .main-logo-frame.pit3-logo-frame{
    height:66px!important;
}

/* ------------------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------------------ */

@media (max-width:1290px){
    .pit3-header-inner,
    .pit3-utility-inner{
        width:min(calc(100% - 34px),1248px)!important;
    }

    .pit3-header-inner{
        grid-template-columns:278px minmax(0,1fr) auto auto!important;
        gap:13px!important;
    }

    .pit3-header .brand.brand-main.pit3-brand,
    .pit3-header .main-logo-frame.pit3-logo-frame{
        width:278px!important;
        max-width:278px!important;
    }

    .pit3-header .main-logo-frame.pit3-logo-frame{
        height:72px!important;
    }

    .pit3-nav-link,
    .pit3-company-summary{
        padding-inline:8px!important;
        font-size:12px!important;
    }

    .pit3-quote-copy small,
    .pit3-portal-copy small{
        display:none!important;
    }
}

@media (max-width:1110px){
    .pit3-header-inner{
        position:relative!important;
        grid-template-columns:minmax(245px,285px) minmax(0,1fr) auto auto!important;
        min-height:88px!important;
    }

    .pit3-header .brand.brand-main.pit3-brand,
    .pit3-header .main-logo-frame.pit3-logo-frame{
        width:285px!important;
        max-width:285px!important;
    }

    .pit3-header .main-logo-frame.pit3-logo-frame{
        height:74px!important;
    }

    .pit3-header .site-nav.pit3-nav{
        position:absolute!important;
        left:0!important;
        right:0!important;
        top:calc(100% + 8px)!important;
        width:100%!important;
        display:none!important;
        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:flex-start!important;
        gap:4px!important;
        padding:10px!important;
        border:1px solid rgba(255,255,255,.10)!important;
        border-radius:16px!important;
        background:
            radial-gradient(circle at 95% 0%,rgba(174,38,36,.12),transparent 36%),
            rgba(22,24,27,.988)!important;
        box-shadow:0 24px 58px rgba(0,0,0,.42)!important;
        backdrop-filter:blur(18px)!important;
        -webkit-backdrop-filter:blur(18px)!important;
        z-index:1001!important;
    }

    .pit3-header .site-nav.pit3-nav.open{
        display:flex!important;
    }

    .pit3-nav-link,
    .pit3-company-summary{
        width:100%!important;
        min-height:44px!important;
        justify-content:space-between!important;
        padding:0 12px!important;
        border-radius:10px!important;
        font-size:12.5px!important;
    }

    .pit3-nav-link::after,
    .pit3-company-summary::after{
        left:12px!important;
        transform:none!important;
    }

    .pit3-company{
        width:100%!important;
    }

    .pit3-company-panel{
        position:relative!important;
        left:auto!important;
        top:auto!important;
        width:100%!important;
        margin-top:4px!important;
        transform:none!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        display:none!important;
        border-radius:12px!important;
        box-shadow:none!important;
        background:rgba(255,255,255,.035)!important;
    }

    .pit3-company[open] .pit3-company-panel{
        display:grid!important;
    }

    .pit3-company:hover .pit3-company-panel:not(:where(.pit3-company[open] *)){
        display:none!important;
    }

    .pit3-company-head{
        display:none!important;
    }

    .pit3-actions{
        grid-column:3!important;
    }

    .pit3-toggle{
        display:grid!important;
        grid-column:4!important;
    }

    .pit3-mobile-actions{
        display:none!important;
    }
}

@media (max-width:820px){
    .pit3-utility-inner{
        width:min(calc(100% - 24px),var(--pit3-width))!important;
    }

    .pit3-utility-brand{
        display:none!important;
    }

    .pit3-utility-right{
        width:100%!important;
        justify-content:space-between!important;
    }

    .pit3-contact-links{
        min-width:0!important;
    }

    .pit3-contact-links a{
        font-size:9.5px!important;
    }

    .pit3-contact-links a[href^="mailto:"]{
        display:none!important;
    }

    .pit3-contact-divider{
        display:none!important;
    }

    .pit3-header-inner{
        width:min(calc(100% - 24px),var(--pit3-width))!important;
        grid-template-columns:minmax(210px,260px) minmax(0,1fr) auto!important;
        gap:10px!important;
        min-height:82px!important;
    }

    .pit3-header .brand.brand-main.pit3-brand,
    .pit3-header .main-logo-frame.pit3-logo-frame{
        width:250px!important;
        max-width:250px!important;
    }

    .pit3-header .main-logo-frame.pit3-logo-frame{
        height:65px!important;
        border-radius:13px!important;
    }

    .pit3-actions{
        display:none!important;
    }

    .pit3-toggle{
        grid-column:3!important;
    }

    .pit3-mobile-actions{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:7px!important;
        padding-top:7px!important;
        margin-top:4px!important;
        border-top:1px solid rgba(255,255,255,.075)!important;
    }

    .pit3-mobile-quote,
    .pit3-mobile-portal{
        min-height:43px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:7px!important;
        padding:0 11px!important;
        border-radius:10px!important;
        color:#fff!important;
        font-size:11px!important;
        font-weight:800!important;
        text-align:center!important;
    }

    .pit3-mobile-quote{
        border:1px solid rgba(229,43,41,.38)!important;
        background:rgba(174,38,36,.18)!important;
    }

    .pit3-mobile-portal{
        border:1px solid rgba(255,255,255,.09)!important;
        background:rgba(255,255,255,.04)!important;
    }

    .pit3-mobile-count{
        min-width:20px!important;
        height:20px!important;
        display:grid!important;
        place-items:center!important;
        border-radius:50%!important;
        color:var(--pit3-red)!important;
        background:#fff!important;
        font-size:9px!important;
        font-weight:900!important;
    }
}

@media (max-width:560px){
    .site-top.pit3-utility{
        min-height:30px!important;
    }

    .pit3-utility-inner{
        min-height:30px!important;
    }

    .pit3-socials{
        gap:4px!important;
    }

    .pit3-socials a{
        width:21px!important;
        height:21px!important;
        font-size:7.5px!important;
    }

    .pit3-header-inner{
        grid-template-columns:minmax(0,1fr) auto!important;
        min-height:76px!important;
        padding:7px 0!important;
    }

    .pit3-header .brand.brand-main.pit3-brand,
    .pit3-header .main-logo-frame.pit3-logo-frame{
        width:min(225px,calc(100vw - 94px))!important;
        max-width:none!important;
    }

    .pit3-header .main-logo-frame.pit3-logo-frame{
        height:60px!important;
        border-radius:12px!important;
    }

    .pit3-toggle{
        grid-column:2!important;
        width:44px!important;
        height:44px!important;
    }

    .pit3-header .site-nav.pit3-nav{
        top:calc(100% + 6px)!important;
    }
}

@media (max-width:390px){
    .pit3-socials a:nth-child(n+4){
        display:none!important;
    }

    .pit3-contact-links a{
        font-size:9px!important;
    }

    .pit3-header .brand.brand-main.pit3-brand,
    .pit3-header .main-logo-frame.pit3-logo-frame{
        width:min(205px,calc(100vw - 86px))!important;
    }

    .pit3-header .main-logo-frame.pit3-logo-frame{
        height:55px!important;
    }

    .pit3-mobile-actions{
        grid-template-columns:1fr!important;
    }
}

/* ========================================================================
   PARTNER IT PREMIUM ENTERPRISE HEADER V4
   FINAL MOBILE NAVIGATION / LOGO / DRAWER FIX
   ------------------------------------------------------------------------
   Goal:
   - Large, readable Partner IT logo on phones
   - No narrow right-side menu
   - Full-width premium mobile navigation drawer
   - No vertical word wrapping on Quote / Login buttons
   - Header remains compact and usable on small screens
   ======================================================================== */

@media (max-width:820px){
    :root{
        --pit4-mobile-side:14px;
        --pit4-mobile-utility:30px;
        --pit4-mobile-header:82px;
    }

    html{
        overflow-x:hidden!important;
    }

    body{
        overflow-x:hidden!important;
    }

    body.pit4-menu-open{
        overflow:hidden!important;
        overscroll-behavior:none!important;
        touch-action:none!important;
    }

    /* Keep external floating support controls behind / out of the mobile menu. */
    body.pit4-menu-open #partnerSupportDock,
    body.pit4-menu-open #p4Welcome,
    body.pit4-menu-open .p4-welcome{
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }

    /* -----------------------------
       MOBILE UTILITY BAR
       ----------------------------- */

    .site-top.pit3-utility{
        position:relative!important;
        z-index:20020!important;
        min-height:var(--pit4-mobile-utility)!important;
        height:var(--pit4-mobile-utility)!important;
        overflow:hidden!important;
    }

    .pit3-utility-inner{
        width:calc(100% - (var(--pit4-mobile-side) * 2))!important;
        min-height:var(--pit4-mobile-utility)!important;
        height:var(--pit4-mobile-utility)!important;
        gap:8px!important;
        padding:0!important;
    }

    .pit3-utility-brand{
        display:none!important;
    }

    .pit3-utility-right{
        width:100%!important;
        min-width:0!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        align-items:center!important;
        gap:8px!important;
    }

    .pit3-contact-links{
        min-width:0!important;
        overflow:hidden!important;
    }

    .pit3-contact-links a{
        min-width:0!important;
        max-width:100%!important;
        overflow:hidden!important;
        font-size:10px!important;
        font-weight:850!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    .pit3-contact-links a[href^="mailto:"]{
        display:none!important;
    }

    .pit3-contact-divider{
        display:none!important;
    }

    .pit3-socials{
        min-width:0!important;
        display:flex!important;
        justify-content:flex-end!important;
        gap:4px!important;
        overflow:hidden!important;
    }

    .pit3-socials a{
        width:22px!important;
        height:22px!important;
        min-width:22px!important;
        flex:0 0 22px!important;
        font-size:7.5px!important;
    }

    /* -----------------------------
       MOBILE MAIN HEADER
       ----------------------------- */

    .site-header.pit3-header{
        position:sticky!important;
        top:0!important;
        z-index:20010!important;
        overflow:visible!important;
        background:
            radial-gradient(circle at 88% 0%,rgba(174,38,36,.13),transparent 32%),
            rgba(18,19,20,.985)!important;
        box-shadow:0 10px 28px rgba(0,0,0,.25)!important;
    }

    .pit3-header-inner{
        position:relative!important;
        z-index:1!important;
        width:calc(100% - (var(--pit4-mobile-side) * 2))!important;
        min-height:var(--pit4-mobile-header)!important;
        height:var(--pit4-mobile-header)!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 50px!important;
        align-items:center!important;
        gap:10px!important;
        padding:7px 0!important;
        overflow:visible!important;
    }

    /* Large readable logo – contain rather than crop on mobile. */
    .pit3-header .brand.brand-main.pit3-brand{
        position:relative!important;
        z-index:20014!important;
        grid-column:1!important;
        width:min(258px,calc(100vw - 92px))!important;
        min-width:0!important;
        max-width:258px!important;
        height:auto!important;
        justify-self:start!important;
        overflow:visible!important;
    }

    .pit3-header .main-logo-frame.pit3-logo-frame{
        width:100%!important;
        max-width:none!important;
        height:66px!important;
        min-height:66px!important;
        display:grid!important;
        place-items:center!important;
        padding:4px 8px!important;
        overflow:hidden!important;
        border:1px solid rgba(255,255,255,.22)!important;
        border-radius:15px!important;
        background:#fff!important;
        box-shadow:0 9px 24px rgba(0,0,0,.25)!important;
        transform:none!important;
    }

    .pit3-header .pit3-logo-image{
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:none!important;
        filter:none!important;
    }

    .site-header.pit3-header.is-scrolled .pit3-header-inner{
        min-height:74px!important;
        height:74px!important;
    }

    .site-header.pit3-header.is-scrolled .main-logo-frame.pit3-logo-frame{
        height:58px!important;
        min-height:58px!important;
    }

    /* -----------------------------
       MOBILE MENU BUTTON
       ----------------------------- */

    .pit3-toggle{
        position:relative!important;
        z-index:20015!important;
        grid-column:2!important;
        justify-self:end!important;
        width:50px!important;
        height:50px!important;
        min-width:50px!important;
        display:grid!important;
        place-items:center!important;
        align-content:center!important;
        gap:5px!important;
        padding:0!important;
        border:1px solid rgba(255,255,255,.14)!important;
        border-radius:15px!important;
        background:linear-gradient(145deg,#2A2D31,#1D1F22)!important;
        box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
        transition:background .2s ease,border-color .2s ease,transform .2s ease!important;
    }

    .pit3-toggle:hover,
    .pit3-toggle[aria-expanded="true"]{
        border-color:rgba(229,43,41,.46)!important;
        background:linear-gradient(145deg,#362323,#241C1C)!important;
    }

    .pit3-toggle span{
        width:21px!important;
        height:2px!important;
        flex:0 0 2px!important;
        background:#fff!important;
    }

    /* -----------------------------
       FULL-SCREEN MOBILE DRAWER
       This fully resets the old site.css side-menu rules.
       ----------------------------- */

    .pit3-header .site-nav.pit3-nav{
        position:fixed!important;
        inset:var(--pit4-mobile-utility) 0 0 0!important;
        left:0!important;
        right:0!important;
        top:var(--pit4-mobile-utility)!important;
        bottom:0!important;
        z-index:20012!important;
        width:100vw!important;
        min-width:100vw!important;
        max-width:100vw!important;
        height:calc(100dvh - var(--pit4-mobile-utility))!important;
        min-height:calc(100vh - var(--pit4-mobile-utility))!important;
        max-height:none!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:flex-start!important;
        gap:5px!important;
        margin:0!important;
        padding:calc(var(--pit4-mobile-header) + 24px) 18px 24px!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        border:0!important;
        border-radius:0!important;
        background:
            radial-gradient(circle at 92% 8%,rgba(174,38,36,.20),transparent 29%),
            radial-gradient(circle at 10% 88%,rgba(229,43,41,.08),transparent 28%),
            linear-gradient(155deg,#111213 0%,#191A1C 58%,#111213 100%)!important;
        box-shadow:none!important;
        backdrop-filter:blur(22px)!important;
        -webkit-backdrop-filter:blur(22px)!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        transform:translate3d(100%,0,0)!important;
        transition:
            transform .34s cubic-bezier(.22,.78,.24,1),
            opacity .24s ease,
            visibility .24s ease!important;
    }

    .pit3-header .site-nav.pit3-nav.open{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:translate3d(0,0,0)!important;
    }

    /* Drawer title. */
    .pit3-header .site-nav.pit3-nav::before{
        content:"Explore Partner IT"!important;
        display:block!important;
        flex:0 0 auto!important;
        margin:0 0 8px!important;
        padding:0 4px 11px!important;
        border-bottom:1px solid rgba(255,255,255,.085)!important;
        color:#8E969F!important;
        font-size:10px!important;
        line-height:1!important;
        font-weight:900!important;
        letter-spacing:.18em!important;
        text-transform:uppercase!important;
    }

    .pit3-nav-link,
    .pit3-company-summary{
        position:relative!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        min-height:54px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:12px!important;
        padding:0 15px!important;
        margin:0!important;
        overflow:hidden!important;
        border:1px solid transparent!important;
        border-radius:13px!important;
        color:#F2F3F4!important;
        background:transparent!important;
        font-size:15px!important;
        line-height:1.1!important;
        font-weight:800!important;
        letter-spacing:-.01em!important;
        text-align:left!important;
        white-space:nowrap!important;
        word-break:normal!important;
        writing-mode:horizontal-tb!important;
        text-orientation:mixed!important;
    }

    .pit3-nav-link:hover,
    .pit3-company-summary:hover,
    .pit3-nav-link.active,
    .pit3-company.active > .pit3-company-summary,
    .pit3-company[open] > .pit3-company-summary{
        border-color:rgba(229,43,41,.25)!important;
        background:linear-gradient(90deg,rgba(174,38,36,.18),rgba(255,255,255,.025))!important;
    }

    .pit3-nav-link::after,
    .pit3-company-summary::after{
        left:15px!important;
        bottom:5px!important;
        transform:none!important;
    }

    .pit3-nav-link.active::after,
    .pit3-company.active > .pit3-company-summary::after,
    .pit3-company[open] > .pit3-company-summary::after{
        width:30px!important;
    }

    /* Company accordion inside mobile drawer. */
    .pit3-company{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        flex:0 0 auto!important;
    }

    .pit3-company-panel{
        position:relative!important;
        inset:auto!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        display:none!important;
        gap:5px!important;
        margin:5px 0 2px!important;
        padding:7px!important;
        overflow:hidden!important;
        border:1px solid rgba(255,255,255,.07)!important;
        border-radius:13px!important;
        background:rgba(255,255,255,.025)!important;
        box-shadow:none!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:none!important;
    }

    .pit3-company[open] .pit3-company-panel{
        display:grid!important;
    }

    .pit3-company:hover .pit3-company-panel:not(:where(.pit3-company[open] *)){
        display:none!important;
    }

    .pit3-company-head{
        display:none!important;
    }

    .pit3-company-panel > a{
        width:100%!important;
        min-width:0!important;
        min-height:54px!important;
        grid-template-columns:36px minmax(0,1fr)!important;
        gap:10px!important;
        padding:7px 8px!important;
        overflow:hidden!important;
    }

    .pit3-company-panel > a > span:last-child{
        min-width:0!important;
        overflow:hidden!important;
    }

    .pit3-company-panel strong,
    .pit3-company-panel small{
        display:block!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    .pit3-company-panel strong{
        font-size:12px!important;
    }

    .pit3-company-panel small{
        font-size:9.5px!important;
    }

    /* Desktop actions are intentionally removed on mobile. */
    .pit3-actions{
        display:none!important;
    }

    /* Mobile Quote / Login are normal horizontal cards, never vertical text. */
    .pit3-mobile-actions{
        width:100%!important;
        min-width:0!important;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
        flex:0 0 auto!important;
        margin:10px 0 0!important;
        padding:13px 0 0!important;
        border-top:1px solid rgba(255,255,255,.085)!important;
    }

    .pit3-mobile-quote,
    .pit3-mobile-portal{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        min-height:50px!important;
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:center!important;
        gap:8px!important;
        padding:0 12px!important;
        overflow:hidden!important;
        border-radius:12px!important;
        color:#fff!important;
        font-size:11.5px!important;
        line-height:1.1!important;
        font-weight:850!important;
        text-align:center!important;
        white-space:nowrap!important;
        word-break:normal!important;
        writing-mode:horizontal-tb!important;
        text-orientation:mixed!important;
    }

    .pit3-mobile-quote{
        border:1px solid rgba(229,43,41,.42)!important;
        background:linear-gradient(135deg,rgba(174,38,36,.33),rgba(174,38,36,.14))!important;
    }

    .pit3-mobile-portal{
        border:1px solid rgba(255,255,255,.10)!important;
        background:rgba(255,255,255,.045)!important;
    }

    .pit3-mobile-count{
        min-width:22px!important;
        width:auto!important;
        height:22px!important;
        flex:0 0 auto!important;
        padding:0 6px!important;
        border-radius:999px!important;
    }
}

@media (max-width:560px){
    :root{
        --pit4-mobile-side:12px;
        --pit4-mobile-utility:30px;
        --pit4-mobile-header:80px;
    }

    .pit3-header .brand.brand-main.pit3-brand{
        width:min(252px,calc(100vw - 86px))!important;
        max-width:252px!important;
    }

    .pit3-header .main-logo-frame.pit3-logo-frame{
        height:64px!important;
        min-height:64px!important;
        padding:4px 7px!important;
        border-radius:14px!important;
    }

    .pit3-toggle{
        width:48px!important;
        height:48px!important;
        min-width:48px!important;
        border-radius:14px!important;
    }

    .pit3-header .site-nav.pit3-nav{
        padding:
            calc(var(--pit4-mobile-header) + 20px)
            14px
            calc(18px + env(safe-area-inset-bottom))!important;
    }

    .pit3-nav-link,
    .pit3-company-summary{
        min-height:52px!important;
        padding-inline:14px!important;
        font-size:14.5px!important;
    }
}

@media (max-width:420px){
    .pit3-contact-links a{
        font-size:9.5px!important;
    }

    .pit3-socials a:nth-child(3),
    .pit3-socials a:nth-child(4){
        display:none!important;
    }

    .pit3-header .brand.brand-main.pit3-brand{
        width:min(238px,calc(100vw - 82px))!important;
        max-width:238px!important;
    }

    .pit3-header .main-logo-frame.pit3-logo-frame{
        height:61px!important;
        min-height:61px!important;
    }

    .pit3-toggle{
        width:46px!important;
        height:46px!important;
        min-width:46px!important;
    }

    .pit3-mobile-actions{
        grid-template-columns:1fr!important;
    }

    .pit3-mobile-quote,
    .pit3-mobile-portal{
        min-height:48px!important;
        font-size:12px!important;
    }
}

@media (max-width:360px){
    .pit3-socials a:nth-child(2){
        display:none!important;
    }

    .pit3-header .brand.brand-main.pit3-brand{
        width:min(220px,calc(100vw - 78px))!important;
        max-width:220px!important;
    }

    .pit3-header .main-logo-frame.pit3-logo-frame{
        height:58px!important;
        min-height:58px!important;
    }

    .pit3-header .site-nav.pit3-nav{
        padding-left:12px!important;
        padding-right:12px!important;
    }
}

@media (prefers-reduced-motion:reduce){
    .pit3-header .site-nav.pit3-nav{
        transition:none!important;
    }
}