/* pn-loupe.css — la loupe des fiches produit (01/11/2026). Nette pour tous, sans signe de la carte. */
.pnl-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 12px; }
.pnl-take, .pnl-full { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border-radius: 999px; border: 1px solid #b9b2a6; background: transparent; color: #3a352e; font-size: 14px; line-height: 1.2; cursor: pointer; text-transform: none; letter-spacing: normal; box-shadow: none; }
.pnl-take[aria-pressed="true"] { border-color: #14111C; color: #14111C; }
.pnl-take:focus-visible, .pnl-full:focus-visible { outline: 2px solid #b88a4a; outline-offset: 2px; }
.pnl-note { flex: 1 1 200px; margin: 0; font-size: 12.5px; line-height: 1.5; color: #6b645a; }
.pnl-x { font-weight: 600; color: #3a352e; white-space: nowrap; }

.pnl-frame { position: relative; overflow: hidden; cursor: zoom-in; }
.pnl-on .pnl-frame { cursor: none; touch-action: none; }
.pnl-lens { position: absolute; z-index: 5; border-radius: 50%; pointer-events: none; border: 2px solid rgba(255,255,255,.85); box-shadow: 0 10px 30px rgba(0,0,0,.35); background-color: #111; background-repeat: no-repeat; }
.pnl-lens[hidden] { display: none; }

@media (max-width: 420px) {
  .pnl-take, .pnl-full { font-size: 13px; padding: 8px 12px; }
  .pnl-note { font-size: 12px; }
}