/* Consentement aux traceurs — destocksports. Le bas de l'ecran est DEJA occupe sur ce site : .smobile (bouton d'achat de la fiche, 61 px), .homebar (accueil, 122 px), .toasts. Mesure du 2026-08-18 : un bandeau pose a bottom:0 recouvre le bouton « Ajouter au panier » — le client ne peut plus acheter, sans qu'aucune erreur ne se declenche. D'ou --ds-bar-h, calculee par ds-consent.js sur la barre reellement presente, et le padding-bottom qui reserve l'espace (doctrine deja ecrite pour .homebar). */ .dsc{ position:fixed; left:12px; right:12px; bottom:calc(12px + var(--ds-bar-h, 0px) + env(safe-area-inset-bottom)); /* 27 : au-dessus des barres du bas (24-26), SOUS le tiroir panier (41), les filtres (60) et le menu mobile (100). Ouvrir l'un d'eux doit masquer le bandeau, pas l'inverse. */ z-index:27; background:var(--ink); color:var(--bone); border-radius:14px; padding:18px; display:flex; flex-direction:column; gap:14px; box-shadow:0 14px 40px rgba(0,0,0,.35); max-width:640px; } .dsc[hidden]{display:none} .dsc-t{font-family:var(--display); font-size:17px; text-transform:uppercase; word-spacing:.12em; line-height:1.15; margin:0; color:var(--bone)} .dsc-x{font-size:13px; line-height:1.5; color:#CFCEC7; margin:0} .dsc-x b{color:var(--bone)} .dsc-a{display:flex; flex-wrap:wrap; gap:10px; align-items:center} /* Meme gabarit pour les deux boutons : meme padding, meme graisse, meme hauteur minimale. Refuser doit couter exactement un clic, comme accepter. */ .dsc-b{font-family:var(--body); font-weight:800; font-size:14px; border:2px solid var(--ink); border-radius:10px; padding:12px 22px; min-height:44px; cursor:pointer; transform:skewX(-8deg); transition:filter .15s var(--ease)} .dsc-b>span{display:inline-block; transform:skewX(8deg)} .dsc-b--oui{background:var(--volt); color:var(--ink)} .dsc-b--non{background:var(--bone); color:var(--ink)} .dsc-b:hover{filter:brightness(.92)} .dsc-l{color:#CFCEC7; font-size:12.5px; text-underline-offset:3px; padding:6px} .dsc-l:hover{color:var(--volt)} /* Espace reserve : le pied de page et le contenu bas restent atteignables tant que le bandeau est la. Retire des qu'il disparait (classe posee sur par le JS). */ .ds-consent-on body{padding-bottom:var(--ds-consent-h, 0px)} /* Lien de retrait permanent, dans le pied de page. Masque tant qu'aucun choix n'a ete fait : il n'y a rien a modifier avant d'avoir repondu. */ .dsc-reopen{display:none; background:none; border:0; font:inherit; font-size:12.5px; color:var(--ash); text-decoration:underline; text-underline-offset:3px; cursor:pointer; padding:6px} .ds-consent-done .dsc-reopen{display:inline-block} .dsc-reopen:hover{color:var(--ink)} @media (max-width:520px){ .dsc{left:8px; right:8px; padding:16px} .dsc-a{flex-direction:column; align-items:stretch} .dsc-b{width:100%} .dsc-l{text-align:center} } @media (prefers-reduced-motion:reduce){ .dsc-b{transition:none} }