/* Barre du haut du site client (logo, langues, compte, panier) et décalage sous la barre. */
  .mp-topbar{ position:sticky; top:0; z-index:1040; background:#fff; border-bottom:1px solid rgba(0,0,0,.06); }
  .mp-topbar .wrap{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; }
  .mp-topbar .brand img{ max-height:42px; width:auto; object-fit:contain; border-radius:8px; }

  .mp-actions{ display:flex; align-items:center; gap:12px; }
  .mp-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:40px; height:40px; padding:0 12px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; color:#111; cursor:pointer; text-decoration:none; transition: box-shadow .15s ease, border-color .15s ease, transform .12s ease; }
  .mp-btn:hover{ box-shadow:0 8px 20px rgba(0,0,0,.08); border-color:#cfd6dd; transform: translateY(-1px); }
  .mp-btn-sm{ height:32px; padding:0 10px; border-radius:10px; font-size:.9rem; }

  .mp-icon{ width:20px; height:20px; display:block; }
  .mp-lang-gt { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  .mp-lang-shortcuts{ display:flex; gap:6px; }
  .mp-lang-shortcuts .mp-btn.active{ border-color:#0ea5e9; }

  .mp-cart{ position:relative; }
  .mp-badge{ position:absolute; top:-6px; right:-6px; background:#0ea5e9; color:#fff; min-width:18px; height:18px; border-radius:999px; font-size:.72rem; display:flex; align-items:center; justify-content:center; padding:0 5px; line-height:1; }

  @media (max-width:480px){
    .mp-topbar .wrap{ padding:10px 10px; }
    .mp-btn{ height:38px; border-radius:10px; }
    .mp-topbar .brand img{ max-height:36px; }
  }
  /* Spacer sous la topbar :
     - sticky => petit écart
     - fixed  => compenser la hauteur de la barre
     Couvre .page-container, .freshy-page, .freshy-main */
  html.mp-sticky .page-container,
  html.mp-sticky .freshy-page,
  html.mp-sticky .freshy-main{
    margin-top: 8px !important;
    padding-top: 0 !important;
  }
  html.mp-fixed .page-container,
  html.mp-fixed .freshy-page,
  html.mp-fixed .freshy-main{
    margin-top: calc(var(--mp-sticky-offset, 64px) + 8px) !important;
    padding-top: 0 !important;
  }