#scrollProgress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--or),var(--terre));z-index:200;width:0%;transition:width .1s linear}
*{box-sizing:border-box;margin:0;padding:0}
/* L'attribut [hidden] doit TOUJOURS masquer. Sans !important, un simple
   `.load-more{display:flex}` / `.p-rating{display:flex}` / `.filter-bar-client
   {display:flex}` (même spécificité, règle auteur) l'emportait sur
   `[hidden]{display:none}` de la feuille UA — d'où des éléments « masqués »
   qui restaient visibles (bouton « Voir plus » mort, note ★★★★★ · 0 avis,
   onglets Mes commandes vides…). */
[hidden]{display:none!important}
html,body{overflow-x:hidden}
/* Comportement « application » sur mobile (client + admin, onglet ou PWA
   installée) : pas de tiré-pour-rafraîchir, pas de rebond élastique du
   scroll, pas de flash gris au tap. En mode installé (display-mode:
   standalone), on verrouille aussi le rebond de toute la page. */
html{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
@media(display-mode:standalone){
  html,body{overscroll-behavior:none}
  a,button{-webkit-touch-callout:none}
}
.field input::placeholder{color:var(--muted)}
.modal-close:hover{background:var(--sable-d)}
.reveal.in{opacity:1;transform:translateY(0)}
.tl-item:last-child::before{display:none}
.tl-item:last-child{padding-bottom:0}
.tl-item:not(.done):not(.current) .tl-content h4{color:var(--muted)}
.upload-zone p{font-size:13px;font-weight:600;margin-bottom:3px}
.upload-zone span{font-size:11.5px;color:var(--muted)}
a{color:inherit;text-decoration:none}
html,body{height:100%}
img{display:block;max-width:100%}

/* ===== Marque Bokki (baobab) — partagé client + admin =====
   Le symbole a deux couleurs pilotées par variables, réglées selon le
   contexte (header client clair/sombre, pied de page sombre, sidebar admin).
   Valeurs par défaut = fond clair : cime palme, tronc terre. */
.logo,.sb-logo,.mobile-logo{--baobab-crown:#1F4D3A;--baobab-trunk:#C1440E}
.baobab{width:1.15em;height:1.15em;flex-shrink:0;display:block}
.baobab .baobab-crown{fill:var(--baobab-crown)}
.baobab .baobab-trunk{fill:var(--baobab-trunk)}
.baobab-badge{display:inline-flex;align-items:center;justify-content:center;background:#C1440E;border-radius:10px;padding:5px}
.baobab-badge .baobab{width:1.1em;height:1.1em}
.brand-word{font-family:'Fraunces',Georgia,'Times New Roman',serif;font-weight:900;letter-spacing:-.02em;display:inline-flex;align-items:flex-end;line-height:1}
.brand-word .dot{background:#E8A33D}