/* PEA Simple — Navigation mobile globale v398 */
:root{--psm-bg:rgba(7,8,16,.92);--psm-line:rgba(255,255,255,.12);--psm-text:#fff7e8;--psm-muted:rgba(245,239,230,.68);--psm-gold:#f4c76f;--psm-violet:#8f6bff}
.ps-mobile-toggle{display:none;align-items:center;justify-content:center;width:43px;height:43px;border-radius:15px;border:1px solid rgba(244,199,111,.28);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 28px rgba(0,0,0,.26);color:var(--psm-text);cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:1002;flex:0 0 auto}
.ps-mobile-toggle span,.ps-mobile-toggle span:before,.ps-mobile-toggle span:after{display:block;width:18px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--psm-gold),#fff1c2);transition:transform .22s ease,opacity .18s ease}
.ps-mobile-toggle span{position:relative}.ps-mobile-toggle span:before,.ps-mobile-toggle span:after{content:"";position:absolute;left:0}.ps-mobile-toggle span:before{top:-6px}.ps-mobile-toggle span:after{top:6px}
body.ps-mobile-open .ps-mobile-toggle span{background:transparent}body.ps-mobile-open .ps-mobile-toggle span:before{transform:translateY(6px) rotate(45deg)}body.ps-mobile-open .ps-mobile-toggle span:after{transform:translateY(-6px) rotate(-45deg)}
.ps-mobile-panel{position:fixed;left:14px;right:14px;top:76px;z-index:1001;display:none;padding:13px;border:1px solid rgba(244,199,111,.20);border-radius:24px;background:radial-gradient(420px 160px at 12% 0%,rgba(143,107,255,.22),transparent 65%),radial-gradient(320px 160px at 90% 0%,rgba(244,199,111,.16),transparent 70%),linear-gradient(180deg,rgba(13,14,26,.96),rgba(5,6,12,.94));box-shadow:0 26px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.ps-mobile-panel small{display:block;margin:2px 4px 10px;color:var(--psm-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.ps-mobile-panel a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin-top:8px;padding:0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:var(--psm-text);text-decoration:none;font:800 14px/1.1 Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ps-mobile-panel a:after{content:"›";color:rgba(244,199,111,.86);font-size:18px}.ps-mobile-panel a.ps-primary{border-color:rgba(244,199,111,.34);background:linear-gradient(135deg,#f7d88d,#d79d3c 48%,#8f6bff);color:#141016;box-shadow:0 15px 40px rgba(244,199,111,.16)}.ps-mobile-panel a.ps-primary:after{color:rgba(20,16,22,.72)}
body.ps-mobile-open .ps-mobile-panel{display:block;opacity:1;transform:translateY(0);pointer-events:auto}body.ps-mobile-lock{overflow:hidden}
@media(max-width:860px){
  .ps-mobile-toggle{display:inline-flex!important}
  body.ps-mobile-ready header{position:relative}
  body.ps-mobile-ready header .site-nav,body.ps-mobile-ready header .nav-links,body.ps-mobile-ready header .desktop-nav,body.ps-mobile-ready header .nav-actions,body.ps-mobile-ready .topbar>.nav-actions,body.ps-mobile-ready .topbar>.nav,body.ps-mobile-ready .auth-topbar .auth-links{display:none!important}
  body.ps-mobile-ready .header>.nav a:not(.brand):not(.logo),body.ps-mobile-ready .header>.nav .nav-links,body.ps-mobile-ready .header>.nav .nav-cta,body.ps-mobile-ready .header>.nav .actions{display:none!important}
  body.ps-mobile-ready .ps-mobile-host{position:relative!important}
  body.ps-mobile-ready .ps-mobile-host>.ps-mobile-toggle{margin-left:auto}
  body.ps-mobile-ready .header>.ps-mobile-toggle,body.ps-mobile-ready .site-header>.ps-mobile-toggle,body.ps-mobile-ready header>.ps-mobile-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
  body.ps-mobile-ready .auth-topbar>.ps-mobile-toggle{margin-left:auto}
}
@media(min-width:861px){.ps-mobile-panel{display:none!important}.ps-mobile-toggle{display:none!important}}

/* V395 — Dashboard mobile safe: on mobile, hide the desktop sidebar and keep only the clean mobile nav */
@media(max-width:860px){
  body.ps-mobile-ready .app-shell{
    display:block!important;
    grid-template-columns:1fr!important;
    min-height:100vh!important;
  }
  body.ps-mobile-ready .app-shell > .sidebar{
    display:none!important;
  }
  body.ps-mobile-ready .main-area{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px!important;
  }
  body.ps-mobile-ready .main-area > .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    min-height:58px!important;
    height:auto!important;
    padding:8px 0 14px!important;
  }
  body.ps-mobile-ready .main-area > .topbar > div:first-child{
    min-width:0!important;
  }
  body.ps-mobile-ready .main-area > .topbar h1{
    font-size:26px!important;
    line-height:1.02!important;
  }
  body.ps-mobile-ready .main-area > .topbar .search{
    grid-column:1 / -1!important;
    order:3!important;
    width:100%!important;
  }
  body.ps-mobile-ready .main-area > .topbar .top-cta{
    display:none!important;
  }
  body.ps-mobile-ready .main-area > .topbar > .ps-mobile-toggle{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    margin-left:auto!important;
    order:2!important;
  }
}

/* V396 — Menu mobile complet + compte mobile sans double sidebar */
.ps-mobile-panel{max-height:calc(100dvh - 92px);overflow:auto;overscroll-behavior:contain}
.ps-mobile-panel::-webkit-scrollbar{width:0;height:0}
.ps-mobile-panel .ps-menu-title{margin-bottom:8px!important}
.ps-mobile-panel .ps-mobile-section{display:block;margin:16px 6px 6px!important;color:rgba(244,199,111,.78)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.ps-mobile-panel a span{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.ps-mobile-panel a b{font:900 15px/1.05 Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:inherit;letter-spacing:-.01em}
.ps-mobile-panel a em{font-style:normal;font-size:11.5px;font-weight:750;line-height:1.2;color:rgba(245,239,230,.58)}
.ps-mobile-panel a.ps-primary em{color:rgba(20,16,22,.68)}

@media(max-width:860px){
  /* Pages compte : on retire la sidebar desktop pour ne pas avoir deux menus */
  body.ps-mobile-ready .shell{
    display:block!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  body.ps-mobile-ready .shell > .sidebar{
    display:none!important;
  }
  body.ps-mobile-ready .shell > .main,
  body.ps-mobile-ready main.main{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:18px!important;
  }
  body.ps-mobile-ready main .top,
  body.ps-mobile-ready .main > .top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
  }
  body.ps-mobile-ready main .top .top-actions,
  body.ps-mobile-ready .main > .top .top-actions{
    grid-column:1 / -1!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  body.ps-mobile-ready main .top > .ps-mobile-toggle,
  body.ps-mobile-ready .main > .top > .ps-mobile-toggle{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    margin-left:auto!important;
  }
  body.ps-mobile-ready .quick-nav-v326{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
    padding-bottom:8px!important;
    scrollbar-width:none!important;
  }
  body.ps-mobile-ready .quick-nav-v326::-webkit-scrollbar{display:none!important}
  body.ps-mobile-ready .quick-nav-v326 a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
}


/* V397 — panneau mobile plus haut et plus utilisable */
@media(max-width:860px){
  .ps-mobile-panel{
    top:14px!important;
    left:12px!important;
    right:12px!important;
    max-height:calc(100dvh - 28px)!important;
    padding-top:14px!important;
  }
  body.ps-mobile-open .ps-mobile-toggle{
    position:fixed!important;
    right:22px!important;
    top:22px!important;
    transform:none!important;
    z-index:1003!important;
  }
  body.ps-mobile-open .ps-mobile-panel{
    padding-top:22px!important;
  }
}


/* V398 — croix menu réellement fixée au viewport, jamais sur une ligne du menu */
@media(max-width:860px){
  body.ps-mobile-open > .ps-mobile-toggle{
    position:fixed!important;
    right:24px!important;
    top:24px!important;
    transform:none!important;
    z-index:1004!important;
  }
  body.ps-mobile-open .ps-mobile-panel{
    padding-top:66px!important;
  }
}


/* V399 — rôles visibles dans la navbar mobile */
@media (max-width:860px){
  .ps-mobile-panel a.has-role-badge{padding-right:14px;gap:12px;}
  .ps-mobile-panel a.has-role-badge::after{content:none!important;}
  .ps-role-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(245,215,125,.26);background:rgba(245,215,125,.075);color:#f3d17a;font-size:9.5px;font-style:normal;font-weight:950;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;}
  .ps-mobile-panel a.is-mobile-locked{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));}
  .ps-mobile-panel a.is-mobile-locked span b{color:rgba(255,255,255,.86);}
  .ps-mobile-panel a.is-mobile-locked span em{color:rgba(255,255,255,.46);}
  .ps-mobile-panel a.is-mobile-locked .ps-role-badge{border-color:rgba(245,215,125,.34);background:rgba(245,215,125,.10);color:#ffe8a9;}
  .ps-mobile-panel a:not(.is-mobile-locked) .ps-role-badge{border-color:rgba(133,241,190,.24);background:rgba(45,211,137,.09);color:#9ef2c3;}
}


/* v409 — Ne pas contredire le hard fix dashboard */
@media (min-width:761px) and (max-width:1399px){
  body .ps-mobile-toggle,
  body .ps-mobile-panel{
    display:none!important;
  }
}


/* =========================================================
   PATCH v410 — Dashboard tablette : si sidebar cachée,
   le bouton menu doit rester visible jusqu'à 1399px.
========================================================= */
@media (max-width:1399px){
  body.ps-mobile-ready .main-area > .topbar > .ps-mobile-toggle,
  body .main-area > .topbar > .ps-mobile-toggle,
  .ps-mobile-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    z-index:1502!important;
    margin-left:auto!important;
  }

  body.ps-mobile-open .ps-mobile-toggle{
    display:inline-flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.ps-mobile-open .ps-mobile-panel{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    top:88px!important;
    left:16px!important;
    right:16px!important;
    z-index:1501!important;
    max-height:calc(100dvh - 104px)!important;
    overflow:auto!important;
  }

  body.ps-mobile-ready .main-area > .topbar{
    grid-template-columns:minmax(0,1fr) auto auto auto auto!important;
  }

  body.ps-mobile-ready .main-area > .topbar .top-cta{
    display:inline-flex!important;
  }
}

/* Desktop large : sidebar visible = pas de burger */
@media (min-width:1400px){
  .main-area > .topbar > .ps-mobile-toggle,
  .ps-mobile-toggle,
  .ps-mobile-panel{
    display:none!important;
  }
}

/* FIX v412 — Dashboard : le burger reste disponible aussi en tablette, car la sidebar est cachée <=1399px */
@media (min-width:861px) and (max-width:1399px){
  body.ps-mobile-ready .app-shell .main-area > .topbar > .ps-mobile-toggle{
    display:inline-flex!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    margin-left:0!important;
    width:58px!important;
    height:58px!important;
    border-radius:20px!important;
  }
  body.ps-mobile-open .ps-mobile-panel{
    display:block!important;
    opacity:1!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
  }
  body.ps-mobile-open > .ps-mobile-toggle{
    display:inline-flex!important;
    position:fixed!important;
    right:24px!important;
    top:24px!important;
    transform:none!important;
    z-index:1004!important;
  }
  .ps-mobile-panel{
    left:18px!important;
    right:18px!important;
    top:18px!important;
    max-height:calc(100dvh - 36px)!important;
    padding-top:66px!important;
  }
}

/* =========================================================
   PATCH v422 — Menu mobile premium : logo + lignes compactes
   uniquement pour le menu dashboard/mobile, sans toucher au contenu.
========================================================= */
.ps-mobile-panel .ps-mobile-brand{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  margin:0 4px 16px!important;
  padding:0 6px 12px!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
.ps-mobile-panel .ps-mobile-brand img{
  width:38px!important;
  height:38px!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
  filter:drop-shadow(0 10px 22px rgba(232,191,104,.18))!important;
}
.ps-mobile-panel .ps-mobile-brand span{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  min-width:0!important;
}
.ps-mobile-panel .ps-mobile-brand b{
  font:950 18px/1 Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.03em!important;
  color:#fff7e8!important;
}
.ps-mobile-panel .ps-mobile-brand b em{
  font-style:normal!important;
  background:linear-gradient(90deg,#f3cc75,#ffb9d0,#b982ff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.ps-mobile-panel .ps-mobile-brand small{
  margin:0!important;
  font:900 10px/1 Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  color:rgba(244,199,111,.70)!important;
}
.ps-mobile-panel .ps-menu-title{
  margin:0 8px 8px!important;
  color:rgba(245,239,230,.55)!important;
}
.ps-mobile-panel a{
  min-height:50px!important;
  margin-top:7px!important;
  padding:0 13px!important;
  border-radius:15px!important;
}
.ps-mobile-panel a b{
  font-size:14.5px!important;
  line-height:1.05!important;
}
.ps-mobile-panel a em{
  font-size:10.8px!important;
  line-height:1.15!important;
}
.ps-mobile-panel .ps-mobile-section{
  margin:14px 8px 6px!important;
  font-size:9.5px!important;
  letter-spacing:.19em!important;
}
@media(max-width:860px){
  body.ps-mobile-open .ps-mobile-panel{
    padding-top:22px!important;
  }
}
@media(min-width:861px) and (max-width:1399px){
  .ps-mobile-panel{
    padding-top:22px!important;
  }
}

/* V423 — menu mobile plus compact, sans perdre le rendu premium */
.mobile-nav-panel,
.mobile-menu-panel,
[data-mobile-nav-panel]{
  max-height:calc(100vh - 112px);
}
.mobile-nav-brand,
.mobile-menu-brand,
[data-mobile-nav-brand]{
  margin-bottom:14px;
}
.mobile-nav-section,
.mobile-menu-section{
  margin-top:18px;
}
.mobile-nav-section-title,
.mobile-menu-section-title{
  margin:0 0 9px;
  letter-spacing:.18em;
}
.mobile-nav-link,
.mobile-menu-link,
[data-mobile-nav-link]{
  min-height:66px;
  padding:14px 18px;
  border-radius:18px;
}
.mobile-nav-link strong,
.mobile-menu-link strong{
  font-size:16px;
}
.mobile-nav-link small,
.mobile-menu-link small{
  font-size:12px;
  line-height:1.25;
}
@media (max-width: 560px){
  .mobile-nav-panel,
  .mobile-menu-panel,
  [data-mobile-nav-panel]{
    inset:92px 14px auto 14px;
    max-height:calc(100vh - 112px);
    padding:22px;
    border-radius:26px;
  }
  .mobile-nav-link,
  .mobile-menu-link,
  [data-mobile-nav-link]{
    min-height:58px;
    padding:11px 14px;
    border-radius:16px;
  }
  .mobile-nav-section,
  .mobile-menu-section{
    margin-top:14px;
  }
}

/* V425 — menu tablette: moins envahissant, plus lisible, sans casser mobile */
@media (min-width: 721px) and (max-width: 1399px){
  body.ps-mobile-open{
    overflow:hidden;
  }

  .ps-mobile-panel{
    position:fixed !important;
    top:128px !important;
    right:28px !important;
    left:auto !important;
    width:min(560px, calc(100vw - 56px)) !important;
    max-height:calc(100vh - 156px) !important;
    overflow:auto !important;
    padding:24px !important;
    border-radius:30px !important;
    z-index:9998 !important;
    box-shadow:
      0 34px 90px rgba(0,0,0,.62),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  .ps-mobile-panel::before{
    opacity:.55 !important;
  }

  .ps-mobile-panel .ps-mobile-brand{
    margin-bottom:14px !important;
    padding-bottom:14px !important;
  }

  .ps-mobile-panel .ps-mobile-brand img{
    width:46px !important;
    height:46px !important;
  }

  .ps-menu-title,
  .ps-mobile-section{
    font-size:11px !important;
    letter-spacing:.20em !important;
    margin:16px 10px 9px !important;
  }

  .ps-mobile-panel a{
    min-height:58px !important;
    padding:11px 16px !important;
    border-radius:16px !important;
  }

  .ps-mobile-panel a span b{
    font-size:15px !important;
    line-height:1.1 !important;
  }

  .ps-mobile-panel a span em{
    font-size:12px !important;
    line-height:1.2 !important;
  }

  .ps-mobile-panel .ps-role-badge{
    min-width:108px !important;
    padding:8px 12px !important;
    font-size:10px !important;
    letter-spacing:.16em !important;
  }

  .ps-mobile-panel a.ps-primary{
    min-height:62px !important;
  }

  .ps-mobile-toggle{
    z-index:10000 !important;
  }
}

@media (min-width: 721px) and (max-width: 980px){
  .ps-mobile-panel{
    top:116px !important;
    right:20px !important;
    width:min(520px, calc(100vw - 40px)) !important;
    max-height:calc(100vh - 136px) !important;
    padding:22px !important;
  }
}

/* V426 — tablette: menu dashboard en panneau droit premium */
@media (min-width: 721px) and (max-width: 1399px){
  body.ps-mobile-open{
    overflow:hidden;
  }

  body.ps-mobile-open::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:9996;
    background:
      radial-gradient(circle at 82% 12%, rgba(196,126,255,.10), transparent 34%),
      rgba(0,0,0,.34);
    backdrop-filter:blur(4px);
    pointer-events:none;
  }

  .ps-mobile-panel{
    position:fixed !important;
    top:118px !important;
    right:24px !important;
    left:auto !important;
    bottom:auto !important;
    width:min(500px, calc(100vw - 48px)) !important;
    max-height:calc(100vh - 142px) !important;
    overflow:auto !important;
    padding:24px !important;
    border-radius:30px !important;
    z-index:9998 !important;
    transform-origin:top right !important;
    box-shadow:
      0 36px 110px rgba(0,0,0,.70),
      0 0 0 1px rgba(238,211,128,.10),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  body.ps-mobile-open .ps-mobile-panel{
    animation:psMenuSlideRightV426 .22s ease-out both;
  }

  .ps-mobile-toggle{
    z-index:10000 !important;
  }
}

@keyframes psMenuSlideRightV426{
  from{
    opacity:0;
    transform:translate3d(18px,-8px,0) scale(.985);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}

@media (min-width: 721px) and (max-width: 980px){
  .ps-mobile-panel{
    top:112px !important;
    right:18px !important;
    width:min(480px, calc(100vw - 36px)) !important;
    max-height:calc(100vh - 132px) !important;
    padding:22px !important;
    border-radius:28px !important;
  }
}

/* V427 — menu tablette net: fond assombri sans flouter le panneau */
@media (min-width: 721px) and (max-width: 1399px){
  body.ps-mobile-open::after{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:
      radial-gradient(circle at 82% 12%, rgba(196,126,255,.08), transparent 34%),
      rgba(0,0,0,.46) !important;
  }

  body.ps-mobile-open .dashboard-shell,
  body.ps-mobile-open .dashboard-main,
  body.ps-mobile-open main,
  body.ps-mobile-open .app-shell,
  body.ps-mobile-open .main-area{
    filter:none !important;
    -webkit-filter:none !important;
  }

  .ps-mobile-panel,
  body.ps-mobile-open .ps-mobile-panel,
  .ps-mobile-panel *{
    filter:none !important;
    -webkit-filter:none !important;
    text-shadow:none;
  }

  .ps-mobile-panel{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:
      radial-gradient(circle at 88% 0%, rgba(238,211,128,.13), transparent 32%),
      radial-gradient(circle at 0% 0%, rgba(129,83,255,.18), transparent 38%),
      linear-gradient(145deg, rgba(18,18,25,.98), rgba(7,8,14,.985)) !important;
  }
}

/* V428 — menu tablette/desktop étroit: panneau droit net, sans changement de couleur global */
@media (min-width: 721px) and (max-width: 1799px){
  body.ps-mobile-open{
    overflow:hidden;
  }

  body.ps-mobile-open::after{
    content:none !important;
    display:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:transparent !important;
  }

  body.ps-mobile-open .dashboard-shell,
  body.ps-mobile-open .dashboard-main,
  body.ps-mobile-open main,
  body.ps-mobile-open .app-shell,
  body.ps-mobile-open .main-area,
  body.ps-mobile-open .dashboard-page,
  body.ps-mobile-open .workspace{
    filter:none !important;
    -webkit-filter:none !important;
    opacity:1 !important;
  }

  .ps-mobile-panel{
    position:fixed !important;
    top:118px !important;
    right:24px !important;
    left:auto !important;
    bottom:auto !important;
    width:min(500px, calc(100vw - 48px)) !important;
    max-height:calc(100vh - 142px) !important;
    overflow:auto !important;
    padding:24px !important;
    border-radius:30px !important;
    z-index:9998 !important;
    transform-origin:top right !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(238,211,128,.12), transparent 34%),
      radial-gradient(circle at 0% 0%, rgba(129,83,255,.14), transparent 38%),
      linear-gradient(145deg, rgba(18,18,25,.99), rgba(7,8,14,.995)) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:
      0 36px 110px rgba(0,0,0,.72),
      0 0 0 1px rgba(238,211,128,.12),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  .ps-mobile-panel,
  body.ps-mobile-open .ps-mobile-panel,
  .ps-mobile-panel *{
    filter:none !important;
    -webkit-filter:none !important;
  }

  body.ps-mobile-open .ps-mobile-panel{
    animation:psMenuRightCleanV428 .18s ease-out both;
  }

  .ps-mobile-toggle{
    z-index:10000 !important;
  }
}

@keyframes psMenuRightCleanV428{
  from{
    opacity:0;
    transform:translate3d(16px,-6px,0) scale(.99);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}

@media (min-width: 721px) and (max-width: 980px){
  .ps-mobile-panel{
    top:112px !important;
    right:18px !important;
    width:min(480px, calc(100vw - 36px)) !important;
    max-height:calc(100vh - 132px) !important;
    padding:22px !important;
    border-radius:28px !important;
  }
}

/* V429 — force absolue: menu tablette sur la droite, quelle que soit la largeur Safari */
@media (min-width: 721px){
  body.ps-mobile-open .ps-mobile-panel,
  .ps-mobile-panel{
    position:fixed !important;
    top:118px !important;
    right:24px !important;
    left:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
    bottom:auto !important;
    width:500px !important;
    max-width:calc(100vw - 48px) !important;
    max-height:calc(100vh - 142px) !important;
    overflow:auto !important;
    transform:none !important;
    translate:none !important;
    inset:auto 24px auto auto !important;
    z-index:9998 !important;
  }

  body.ps-mobile-open .ps-mobile-panel{
    animation:psMenuForceRightV429 .18s ease-out both !important;
  }

  body.ps-mobile-open::after{
    content:none !important;
    display:none !important;
  }
}

@keyframes psMenuForceRightV429{
  from{
    opacity:0;
    transform:translate3d(18px,-6px,0) scale(.99);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}

@media (min-width: 721px) and (max-width: 980px){
  body.ps-mobile-open .ps-mobile-panel,
  .ps-mobile-panel{
    top:108px !important;
    right:16px !important;
    width:min(480px, calc(100vw - 32px)) !important;
    max-width:calc(100vw - 32px) !important;
    max-height:calc(100vh - 126px) !important;
    inset:auto 16px auto auto !important;
  }
}

/* V430 — correction ouverture menu: visible + panneau droit */
@media (min-width: 721px){
  body.ps-mobile-open .ps-mobile-panel{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    position:fixed !important;
    top:118px !important;
    right:24px !important;
    left:auto !important;
    bottom:auto !important;
    inset:118px 24px auto auto !important;
    width:500px !important;
    max-width:calc(100vw - 48px) !important;
    max-height:calc(100vh - 142px) !important;
    overflow:auto !important;
    transform:none !important;
    translate:none !important;
    z-index:9998 !important;
  }

  body:not(.ps-mobile-open) .ps-mobile-panel{
    opacity:0;
    pointer-events:none;
  }

  body.ps-mobile-open::after{
    content:none !important;
    display:none !important;
  }
}

@media (min-width: 721px) and (max-width: 980px){
  body.ps-mobile-open .ps-mobile-panel{
    top:108px !important;
    right:16px !important;
    inset:108px 16px auto auto !important;
    width:min(480px, calc(100vw - 32px)) !important;
    max-width:calc(100vw - 32px) !important;
    max-height:calc(100vh - 126px) !important;
  }
}


/* V479 — Menu premium unifié sur toutes les pages HTML avec menu mobile */
@media (max-width: 1399px){
  .ps-mobile-toggle,
  .mobile-menu-btn,
  .index-menu-btn{
    width:58px!important;
    height:58px!important;
    border-radius:20px!important;
    border:1px solid rgba(244,199,111,.30)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 44px rgba(0,0,0,.34)!important;
    color:#f4d17d!important;
  }

  .ps-mobile-toggle span,
  .ps-mobile-toggle span:before,
  .ps-mobile-toggle span:after,
  .mobile-menu-btn span,
  .mobile-menu-btn span:before,
  .mobile-menu-btn span:after,
  .index-menu-btn span,
  .index-menu-btn span:before,
  .index-menu-btn span:after{
    background:linear-gradient(90deg,#f4c76f,#fff1c2)!important;
    height:2px!important;
    border-radius:999px!important;
  }

  .ps-mobile-panel,
  .mobile-nav,
  .index-public-panel{
    border:1px solid rgba(244,199,111,.18)!important;
    border-radius:26px!important;
    background:
      radial-gradient(circle at 0% 0%, rgba(143,107,255,.22), transparent 38%),
      radial-gradient(circle at 100% 0%, rgba(244,199,111,.12), transparent 34%),
      linear-gradient(145deg, rgba(20,19,31,.985), rgba(6,7,13,.992))!important;
    box-shadow:
      0 34px 100px rgba(0,0,0,.68),
      0 0 0 1px rgba(255,255,255,.045),
      inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  .ps-mobile-panel a,
  .mobile-nav a,
  .index-public-panel a{
    min-height:58px!important;
    padding:11px 16px!important;
    border-radius:16px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    background:rgba(255,255,255,.045)!important;
    color:#fff7e8!important;
    font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    text-decoration:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }

  .ps-mobile-panel a:hover,
  .mobile-nav a:hover,
  .index-public-panel a:hover{
    border-color:rgba(244,199,111,.18)!important;
    background:rgba(255,255,255,.065)!important;
  }

  .ps-mobile-panel a.ps-primary,
  .mobile-nav a.mobile-primary,
  .index-public-panel a.primary{
    border-color:rgba(244,199,111,.32)!important;
    background:linear-gradient(135deg,#fff0b8,#e7ba68 48%,#f3b1d7)!important;
    color:#17110b!important;
    box-shadow:0 18px 42px rgba(244,199,111,.16),inset 0 1px 0 rgba(255,255,255,.35)!important;
  }

  .ps-mobile-panel a::after,
  .mobile-nav a::after,
  .index-public-panel a::after{
    color:#f4d17d!important;
    font-size:24px!important;
    font-weight:900!important;
  }

  .ps-mobile-panel a.ps-primary::after,
  .mobile-nav a.mobile-primary::after,
  .index-public-panel a.primary::after{
    color:rgba(23,17,11,.68)!important;
  }

  .ps-mobile-panel small,
  .mobile-nav small{
    color:rgba(244,199,111,.74)!important;
    font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-weight:950!important;
    letter-spacing:.18em!important;
  }
}

@media (max-width: 720px){
  .ps-mobile-panel,
  .mobile-nav,
  .index-public-panel{
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:none!important;
    padding:18px!important;
  }

  body.ps-mobile-open .ps-mobile-panel{
    top:88px!important;
    max-height:calc(100dvh - 104px)!important;
  }

  body.mobile-menu-open .mobile-nav,
  body.index-menu-open .index-public-panel{
    top:88px!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    max-height:calc(100dvh - 104px)!important;
    overflow:auto!important;
    z-index:10000!important;
  }
}

@media (min-width: 721px) and (max-width: 1399px){
  .ps-mobile-panel,
  body.ps-mobile-open .ps-mobile-panel,
  body.mobile-menu-open .mobile-nav,
  body.index-menu-open .index-public-panel{
    position:fixed!important;
    top:108px!important;
    right:18px!important;
    left:auto!important;
    bottom:auto!important;
    width:min(500px, calc(100vw - 36px))!important;
    max-width:calc(100vw - 36px)!important;
    max-height:calc(100vh - 128px)!important;
    overflow:auto!important;
    padding:22px!important;
    z-index:10000!important;
    transform:none!important;
  }
}

@media print{
  .ps-mobile-toggle,
  .ps-mobile-panel,
  .mobile-menu-btn,
  .mobile-nav,
  .index-menu-btn,
  .index-public-panel{
    display:none!important;
  }
}

/* V480 — menu mobile unifié : même rendu sombre premium que Trajectoire PEA */
@media (max-width: 1399px){
  .ps-mobile-panel,
  .mobile-nav,
  .index-public-panel{
    background:
      radial-gradient(circle at 0% 0%, rgba(120,86,230,.16), transparent 36%),
      radial-gradient(circle at 100% 0%, rgba(232,191,104,.10), transparent 34%),
      linear-gradient(145deg, #14131d 0%, #090a10 100%) !important;
    border:1px solid rgba(244,199,111,.16) !important;
    box-shadow:
      0 34px 100px rgba(0,0,0,.74),
      0 0 0 1px rgba(255,255,255,.035),
      inset 0 1px 0 rgba(255,255,255,.07) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .ps-mobile-panel a,
  .mobile-nav a,
  .index-public-panel a,
  .ps-mobile-panel a.ps-primary,
  .mobile-nav a.mobile-primary,
  .index-public-panel a.primary{
    min-height:58px !important;
    padding:11px 16px !important;
    border-radius:16px !important;
    border:1px solid rgba(255,255,255,.075) !important;
    background:rgba(255,255,255,.045) !important;
    color:#fff7e8 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  .ps-mobile-panel a:hover,
  .mobile-nav a:hover,
  .index-public-panel a:hover,
  .ps-mobile-panel a.ps-primary:hover,
  .mobile-nav a.mobile-primary:hover,
  .index-public-panel a.primary:hover{
    border-color:rgba(244,199,111,.18) !important;
    background:rgba(255,255,255,.065) !important;
    color:#fff7e8 !important;
  }

  .ps-mobile-panel a::after,
  .mobile-nav a::after,
  .index-public-panel a::after,
  .ps-mobile-panel a.ps-primary::after,
  .mobile-nav a.mobile-primary::after,
  .index-public-panel a.primary::after{
    color:#f4d17d !important;
  }

  .ps-mobile-panel .ps-mobile-brand,
  .mobile-nav .mobile-nav-brand,
  .index-public-panel .index-public-brand{
    background:linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
    border:1px solid rgba(244,199,111,.10) !important;
    border-radius:22px !important;
  }
}

@media (max-width: 720px){
  body.ps-mobile-open .ps-mobile-panel,
  body.mobile-menu-open .mobile-nav,
  body.index-menu-open .index-public-panel{
    top:88px !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    max-height:calc(100dvh - 104px) !important;
    overflow:auto !important;
  }
}

@media (min-width: 721px) and (max-width: 1399px){
  body.ps-mobile-open .ps-mobile-panel,
  body.mobile-menu-open .mobile-nav,
  body.index-menu-open .index-public-panel{
    top:108px !important;
    right:18px !important;
    left:auto !important;
    width:min(500px, calc(100vw - 36px)) !important;
    max-height:calc(100vh - 128px) !important;
    overflow:auto !important;
  }
}

/* V481 — hard override: unify menu with Trajectoire PEA on every page */
@media (max-width: 1399px){
  .ps-mobile-panel,
  .mobile-nav,
  .index-public-panel{
    background:
      radial-gradient(520px 260px at 0% 0%, rgba(96,72,196,.18), transparent 52%),
      radial-gradient(420px 240px at 100% 0%, rgba(244,199,111,.10), transparent 42%),
      linear-gradient(180deg, rgba(10,11,18,.992) 0%, rgba(5,6,11,.996) 100%) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:30px !important;
    box-shadow:
      0 34px 100px rgba(0,0,0,.72),
      inset 0 1px 0 rgba(255,255,255,.05) !important;
    padding:24px !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .ps-mobile-panel .ps-mobile-brand,
  .mobile-nav .mobile-nav-brand,
  .index-public-panel .index-public-brand{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    margin:0 0 24px !important;
    padding:18px 22px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.018)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  .ps-mobile-panel .ps-mobile-brand img{
    width:46px !important;
    height:46px !important;
  }

  .ps-mobile-panel .ps-mobile-brand b{
    font-size:23px !important;
    line-height:1 !important;
    letter-spacing:-.05em !important;
  }

  .ps-mobile-panel .ps-mobile-brand small{
    font-size:11px !important;
    letter-spacing:.18em !important;
    color:rgba(244,199,111,.78) !important;
  }

  .ps-mobile-panel .ps-menu-title,
  .mobile-nav .mobile-nav-title,
  .index-public-panel .index-public-title{
    margin:0 2px 14px !important;
    color:rgba(255,255,255,.58) !important;
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
  }

  .ps-mobile-panel .ps-mobile-section,
  .mobile-nav .mobile-nav-section,
  .index-public-panel .index-public-section{
    margin:22px 2px 10px !important;
    color:rgba(244,199,111,.82) !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
  }

  .ps-mobile-panel a,
  .mobile-nav a,
  .index-public-panel a,
  .ps-mobile-panel a.ps-primary,
  .mobile-nav a.mobile-primary,
  .index-public-panel a.primary{
    min-height:74px !important;
    padding:14px 18px !important;
    margin-top:10px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.075) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.022)) !important;
    color:#fff7e8 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
  }

  .ps-mobile-panel a:hover,
  .mobile-nav a:hover,
  .index-public-panel a:hover,
  .ps-mobile-panel a.ps-primary:hover,
  .mobile-nav a.mobile-primary:hover,
  .index-public-panel a.primary:hover{
    background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028)) !important;
    border-color:rgba(255,255,255,.09) !important;
  }

  .ps-mobile-panel a span b,
  .mobile-nav a strong,
  .index-public-panel a strong{
    font-size:22px !important;
    line-height:1.04 !important;
    font-weight:900 !important;
    letter-spacing:-.045em !important;
    color:#fff7e8 !important;
  }

  .ps-mobile-panel a span em,
  .mobile-nav a small,
  .index-public-panel a small{
    font-size:13px !important;
    line-height:1.2 !important;
    color:rgba(245,239,230,.62) !important;
    font-weight:800 !important;
  }

  .ps-mobile-panel a::after,
  .mobile-nav a::after,
  .index-public-panel a::after,
  .ps-mobile-panel a.ps-primary::after,
  .mobile-nav a.mobile-primary::after,
  .index-public-panel a.primary::after{
    color:#f4d17d !important;
    font-size:22px !important;
    font-weight:900 !important;
  }

  .ps-mobile-panel .ps-role-badge{
    min-width:124px !important;
    height:46px !important;
    padding:0 18px !important;
    border-radius:16px !important;
    font-size:11px !important;
    letter-spacing:.16em !important;
  }

  .ps-mobile-panel a:not(.is-mobile-locked) .ps-role-badge{
    border-color:rgba(90,205,159,.26) !important;
    background:rgba(48,156,122,.18) !important;
    color:#b9ffd8 !important;
  }

  .ps-mobile-panel a.is-mobile-locked .ps-role-badge{
    border-color:rgba(244,199,111,.16) !important;
    background:rgba(244,199,111,.08) !important;
    color:#f3d17a !important;
  }
}

@media (max-width: 720px){
  body.ps-mobile-open .ps-mobile-panel,
  body.mobile-menu-open .mobile-nav,
  body.index-menu-open .index-public-panel{
    top:92px !important;
    left:18px !important;
    right:18px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100dvh - 110px) !important;
    padding:18px !important;
  }

  .ps-mobile-panel .ps-mobile-brand,
  .mobile-nav .mobile-nav-brand,
  .index-public-panel .index-public-brand{
    padding:16px 18px !important;
    margin-bottom:18px !important;
  }

  .ps-mobile-panel a,
  .mobile-nav a,
  .index-public-panel a,
  .ps-mobile-panel a.ps-primary,
  .mobile-nav a.mobile-primary,
  .index-public-panel a.primary{
    min-height:62px !important;
    padding:11px 14px !important;
    border-radius:16px !important;
  }

  .ps-mobile-panel a span b,
  .mobile-nav a strong,
  .index-public-panel a strong{
    font-size:18px !important;
  }

  .ps-mobile-panel a span em,
  .mobile-nav a small,
  .index-public-panel a small{
    font-size:11px !important;
  }

  .ps-mobile-panel .ps-role-badge{
    min-width:96px !important;
    height:40px !important;
    padding:0 14px !important;
    border-radius:14px !important;
    font-size:10px !important;
  }
}

@media (min-width: 721px) and (max-width: 1399px){
  body.ps-mobile-open .ps-mobile-panel,
  body.mobile-menu-open .mobile-nav,
  body.index-menu-open .index-public-panel{
    top:158px !important;
    left:26px !important;
    right:26px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100vh - 184px) !important;
    overflow:auto !important;
    transform:none !important;
  }
}

/* V483 — target lock: menu must visually match Trajectoire PEA reference everywhere */
@media (max-width: 1399px){
  .ps-mobile-panel,
  .mobile-nav,
  .index-public-panel{
    background:
      radial-gradient(620px 280px at 0% 0%, rgba(96,72,196,.16), transparent 54%),
      radial-gradient(480px 260px at 100% 0%, rgba(244,199,111,.09), transparent 44%),
      linear-gradient(180deg, #0a0b13 0%, #05060b 100%) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    border-radius:24px !important;
    box-shadow:
      0 28px 90px rgba(0,0,0,.68),
      inset 0 1px 0 rgba(255,255,255,.04) !important;
    padding:18px 18px 20px !important;
  }

  .ps-mobile-panel .ps-mobile-brand,
  .mobile-nav .mobile-nav-brand,
  .index-public-panel .index-public-brand{
    gap:14px !important;
    margin:0 0 18px !important;
    padding:16px 18px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,.015)) !important;
    box-shadow:none !important;
  }

  .ps-mobile-panel .ps-mobile-brand img{
    width:44px !important;
    height:44px !important;
  }

  .ps-mobile-panel .ps-mobile-brand b{
    font-size:21px !important;
    line-height:1 !important;
    letter-spacing:-.04em !important;
  }

  .ps-mobile-panel .ps-mobile-brand small{
    font-size:10px !important;
    letter-spacing:.20em !important;
  }

  .ps-mobile-panel .ps-menu-title,
  .mobile-nav .mobile-nav-title,
  .index-public-panel .index-public-title{
    margin:0 0 12px !important;
    color:rgba(245,239,230,.58) !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
  }

  .ps-mobile-panel .ps-mobile-section,
  .mobile-nav .mobile-nav-section,
  .index-public-panel .index-public-section{
    margin:18px 0 8px !important;
    color:rgba(244,199,111,.86) !important;
    font-size:10px !important;
    font-weight:950 !important;
    letter-spacing:.20em !important;
    text-transform:uppercase !important;
  }

  .ps-mobile-panel a,
  .mobile-nav a,
  .index-public-panel a,
  .ps-mobile-panel a.ps-primary,
  .mobile-nav a.mobile-primary,
  .index-public-panel a.primary{
    min-height:58px !important;
    padding:12px 16px !important;
    margin-top:8px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.07) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.028) !important;
  }

  .ps-mobile-panel a span{
    gap:2px !important;
  }

  .ps-mobile-panel a span b,
  .mobile-nav a strong,
  .index-public-panel a strong{
    font-size:18px !important;
    line-height:1.06 !important;
    font-weight:900 !important;
    letter-spacing:-.035em !important;
  }

  .ps-mobile-panel a span em,
  .mobile-nav a small,
  .index-public-panel a small{
    font-size:11px !important;
    line-height:1.18 !important;
    color:rgba(245,239,230,.60) !important;
    font-weight:800 !important;
  }

  .ps-mobile-panel a::after,
  .mobile-nav a::after,
  .index-public-panel a::after,
  .ps-mobile-panel a.ps-primary::after,
  .mobile-nav a.mobile-primary::after,
  .index-public-panel a.primary::after{
    font-size:18px !important;
  }

  .ps-mobile-panel .ps-role-badge{
    min-width:86px !important;
    height:34px !important;
    padding:0 12px !important;
    border-radius:12px !important;
    font-size:9.5px !important;
    letter-spacing:.16em !important;
  }

  .ps-mobile-panel a:not(.is-mobile-locked) .ps-role-badge{
    background:rgba(53,123,98,.18) !important;
    border-color:rgba(90,205,159,.18) !important;
    color:#bff8d8 !important;
  }

  .ps-mobile-panel a.is-mobile-locked .ps-role-badge{
    background:rgba(244,199,111,.08) !important;
    border-color:rgba(244,199,111,.16) !important;
    color:#f1d48d !important;
  }
}

@media (max-width: 720px){
  body.ps-mobile-open .ps-mobile-panel,
  body.mobile-menu-open .mobile-nav,
  body.index-menu-open .index-public-panel{
    top:84px !important;
    left:12px !important;
    right:12px !important;
    max-height:calc(100dvh - 96px) !important;
    padding:16px !important;
  }
}

@media (min-width: 721px) and (max-width: 1399px){
  body.ps-mobile-open .ps-mobile-panel,
  body.mobile-menu-open .mobile-nav,
  body.index-menu-open .index-public-panel{
    top:158px !important;
    left:24px !important;
    right:24px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100vh - 182px) !important;
    padding:18px 18px 20px !important;
  }
}