/* Ajustements : logo à gauche et agrandi, identité centrée, confort mobile */
.card{padding-bottom:36px}
.hero{height:156px;display:flex;justify-content:flex-start;align-items:flex-start;padding:26px 24px 0}
.hero .logo{position:static;display:block;height:40px;width:auto}
.ident{text-align:center}
.avatar{width:112px;height:112px;margin:-56px auto 0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button{-webkit-tap-highlight-color:transparent}
.savebar{display:none}
@media (max-width:559px){
  body.page-card{background:var(--surface)}
  .page-card .wrap{padding:0}
  .card{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
  h1{font-size:28px}
  .hero{padding:22px 20px 0}
  .quick{gap:4px;padding:24px 16px 0}
  .block{margin:28px 20px 0}
  .save{margin:24px 20px 0;width:calc(100% - 40px)}
  .share{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px}
  .share>div{width:100%}
  .qr{width:min(220px,60vw);margin:0 auto}
  .share p{margin:0 0 14px}
  .sbtn{justify-content:center;min-height:52px}
  .chips span{font-size:14px}
  .savebar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:15;padding:24px 16px calc(14px + env(safe-area-inset-bottom,0px));
    background:linear-gradient(to bottom,transparent,var(--surface) 40%);transform:translateY(110%);transition:transform .25s ease;pointer-events:none}
  .savebar.on{transform:none;pointer-events:auto}
  .savebar .save{margin:0;width:100%;box-shadow:var(--shadow-lg)}
  .page-card .toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  .dir{padding:0 12px}
  .dir-head{margin:0 -12px;padding:28px 20px 32px}
  .dir-head h1{font-size:26px;margin-top:24px}
}
@media (prefers-reduced-motion:reduce){.savebar{transition:none}}