.joke-trigger{padding:12px 0;border:0;border-bottom:1px solid #faf7ef70;background:none;color:var(--paper);display:inline-flex;align-items:center;gap:40px}.joke-trigger span{color:var(--lime);font-size:24px}.joke-trigger:hover{color:var(--lime)}.joke-bubble{position:fixed;inset:0;margin:auto;width:min(520px,calc(100vw - 56px));height:fit-content;max-height:calc(100dvh - 80px);overflow:auto;padding:32px 28px;border:1px solid var(--ink);border-radius:5px;background:var(--lime);color:var(--ink);box-shadow:8px 12px 0 #193d3628;transform:rotate(-5deg);text-align:center}.joke-bubble p{margin:0;font:clamp(23px,4vw,34px)/1.35 Editorial,Georgia,serif}.joke-bubble strong{font-weight:400;font-style:italic}.joke-bubble::backdrop{background:#193d3650}.joke-bubble:popover-open{animation:joke-pop .24s cubic-bezier(.2,.8,.3,1)}@keyframes joke-pop{from{opacity:0;transform:translateY(14px) rotate(-9deg) scale(.92)}to{opacity:1;transform:translateY(0) rotate(-5deg) scale(1)}}@media(prefers-reduced-motion:reduce){.joke-bubble:popover-open{animation:none}}
.joke-product{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px auto 0;padding-top:18px;border-top:1px solid #193d3630;text-align:left;text-decoration:none;font:14px/1.4 Body,Arial,sans-serif}.joke-product img{width:96px;height:96px;object-fit:contain;border-radius:4px;flex-shrink:0}.joke-product strong{font:inherit;font-weight:600}.joke-product small{display:block;margin-top:6px;text-decoration:underline;text-underline-offset:3px}.joke-bubble::backdrop{background:transparent}@media(max-width:600px){.joke-product img{width:80px;height:80px}.joke-product{font-size:13px}}
/* Bulle au centre du bandeau et loupe fidèle du motif original. */
.joke-bubble{width:min(440px,calc(100vw - 56px));padding:24px}.joke-bubble p{font-size:27px}.joke-product{gap:12px;margin-top:16px;padding-top:14px}.joke-product>img{width:64px;height:80px}.joke-product-detail{flex:1;min-width:0}.joke-zoom{display:block;position:relative;width:100%;aspect-ratio:600/140;overflow:hidden;background:#faf7ef;border-radius:4px}.joke-product .joke-zoom img{position:absolute;width:209%;height:auto;max-width:none;left:-106.6667%;top:-678.5714%;border-radius:0}.joke-product small{text-align:center;font-size:12px}@media(max-width:600px){.joke-bubble p{font-size:23px}.joke-product>img{width:54px;height:68px}}