.site-header{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(15,16,18,.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--border);
}

.header-shell{
    padding-top:22px;
    position:relative;
}

.brand-strip{
    max-width:1460px;
    margin:0 auto 14px auto;
    display:grid;
    grid-template-columns:220px 1fr;
    align-items:stretch;
    border-radius:20px;
    overflow:hidden;
    background:linear-gradient(180deg,#111 0%,#0b0b0f 100%);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 20px 60px rgba(0,0,0,.35);
}

.brand-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    background:#111;
    min-height:190px;
    border-right:1px solid rgba(255,255,255,.06);
}

.brand-logo img{
    width:190px;
    height:190px;
    object-fit:contain;
    display:block;
}

.brand-banner{
    min-height:190px;
    background-image:url('../img/ppbanner.jpg');
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
}

.menu-strip{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:10px;
}

.main-nav .menu,
.main-nav ul{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:28px;
    list-style:none;
    margin:0;
    padding:0;
}

.main-nav a{
    color:#f5f5f7;
    text-decoration:none;
    font-weight:700;
    font-size:15px;
    letter-spacing:.2px;
}

.main-nav a:hover,
.main-nav .current-menu-item > a,
.main-nav .current_page_item > a{
    color:#ff3b30;
}

.mobile-menu-toggle{
    display:none;
}

.mobile-menu-overlay,
.mobile-menu-panel{
    display:none;
}

@media (max-width: 900px){
    .brand-strip{
        grid-template-columns:110px 1fr;
        max-width:100%;
        margin-bottom:8px;
    }

    .brand-logo{
        min-height:110px;
    }

    .brand-logo img{
        width:110px;
        height:110px;
    }

    .brand-banner{
        min-height:110px;
    }

    .menu-strip{
        display:none;
    }

    .mobile-menu-toggle{
        position:absolute;
        top:18px;
        right:10px;
        width:48px;
        height:48px;
        border:none;
        border-radius:14px;
        background:rgba(10,12,16,.82);
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        box-shadow:0 10px 25px rgba(0,0,0,.28);
        z-index:140;
        cursor:pointer;
    }

    .mobile-menu-toggle__icon{
        font-size:24px;
        line-height:1;
    }

    .mobile-menu-overlay{
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.52);
        opacity:0;
        visibility:hidden;
        transition:opacity .25s ease, visibility .25s ease;
        z-index:180;
        display:block;
    }

    .mobile-menu-panel{
        position:fixed;
        top:0;
        right:0;
        width:min(84vw, 360px);
        height:100vh;
        background:linear-gradient(180deg,#13151a 0%,#0b0d12 100%);
        border-left:1px solid rgba(255,255,255,.08);
        box-shadow:-20px 0 50px rgba(0,0,0,.35);
        transform:translateX(100%);
        transition:transform .28s ease;
        z-index:190;
        display:flex;
        flex-direction:column;
        padding:18px;
    }

    .mobile-menu-panel__head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:8px 2px 16px;
        color:#fff;
        font-size:24px;
        font-weight:800;
    }

    .mobile-menu-close{
        width:42px;
        height:42px;
        border:none;
        border-radius:12px;
        background:rgba(255,255,255,.06);
        color:#fff;
        font-size:20px;
        cursor:pointer;
    }

    .mobile-menu-nav .menu,
    .mobile-menu-nav ul{
        list-style:none;
        margin:0;
        padding:0;
        display:flex;
        flex-direction:column;
        gap:12px;
    }

    .mobile-menu-nav li{
        width:100%;
    }

    .mobile-menu-nav a{
        display:block;
        width:100%;
        padding:16px 18px;
        border-radius:16px;
        background:rgba(255,255,255,.03);
        border:1px solid rgba(255,255,255,.05);
        color:#fff;
        text-decoration:none;
        text-align:left;
        font-size:20px;
        font-weight:800;
    }

    .mobile-menu-nav .current-menu-item > a,
    .mobile-menu-nav .current_page_item > a{
        color:#ff4a42;
    }

    body.mobile-menu-open{
        overflow:hidden;
    }

    body.mobile-menu-open .mobile-menu-overlay{
        opacity:1;
        visibility:visible;
    }

    body.mobile-menu-open .mobile-menu-panel{
        transform:translateX(0);
    }
}


/* ===== CLEAN PREMIUM MOBILE MENU ===== */

@media (max-width:900px){

  .mobile-menu-toggle{
    position:fixed !important;
    top:12px !important;
    right:12px !important;
    width:40px !important;
    height:40px !important;
    border-radius:12px !important;
    background:rgba(12,14,18,.72) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    backdrop-filter:blur(10px) !important;
    box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
    z-index:1700 !important;
  }

  .mobile-menu-toggle__icon{
    font-size:20px !important;
  }

  .mobile-menu-panel{
    width:min(78vw,340px) !important;
    padding:20px 16px !important;
  }

  .mobile-menu-nav{
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  .mobile-menu-nav a{
    position:relative;
    display:block;
    padding:14px 16px 14px 20px;
    border-radius:14px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.05);
    color:#fff;
    text-decoration:none;
    font-size:17px;
    font-weight:700;
  }

  .mobile-menu-nav a:hover{
    background:rgba(255,255,255,.05);
  }

  .mobile-menu-nav .current-menu-item > a,
  .mobile-menu-nav .current_page_item > a,
  .mobile-menu-nav a.pp-active-nav{
    background:rgba(198,40,40,.10) !important;
    border-color:rgba(198,40,40,.28) !important;
  }

  .mobile-menu-nav .current-menu-item > a::before,
  .mobile-menu-nav .current_page_item > a::before,
  .mobile-menu-nav a.pp-active-nav::before{
    content:"";
    position:absolute;
    left:8px;
    top:50%;
    transform:translateY(-50%);
    width:3px;
    height:18px;
    border-radius:999px;
    background:#c62828;
  }

}

/* Mobile toggle: round premium button */
@media (max-width:900px){
  .mobile-menu-toggle{
    top:12px !important;
    right:12px !important;
    width:44px !important;
    height:44px !important;
    border-radius:999px !important;
    background:rgba(5,7,10,.88) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    box-shadow:0 8px 24px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.06) inset !important;
  }

  .mobile-menu-toggle__icon{
    font-size:21px !important;
    font-weight:900 !important;
  }
}

/* Mobile menu: slimmer premium items */
@media (max-width:900px){

  .mobile-menu-panel__head{
    padding-top:18px !important;
    padding-bottom:18px !important;
  }

  .mobile-menu-nav{
    gap:8px !important;
  }

  .mobile-menu-nav a{
    padding:11px 16px 11px 20px !important;
    min-height:48px !important;
    border-radius:13px !important;
    font-size:16px !important;
    font-weight:750 !important;
    display:flex !important;
    align-items:center !important;
  }
}