/* Savana - mascotte promos Digistore */
#dsm-root{--dsm-ink:#1d1d1f;--dsm-muted:#6b6b70;--dsm-line:#e6e6e8;--dsm-accent:#c8102e;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#dsm-root[hidden]{display:none!important}
#dsm-root #dsm-dog{position:fixed;left:0;top:0;z-index:9990;width:100px;height:77px;margin:0;border:0;padding:0;background:none;box-shadow:none;cursor:pointer;will-change:transform;line-height:0;transition:none!important;animation:none;transform-origin:0 0}
#dsm-root #dsm-dog:focus{outline:none}
#dsm-root #dsm-dog:focus-visible{outline:3px solid #2b6cff;outline-offset:4px;border-radius:12px}
#dsm-root .dsm-face{display:block;width:100%;height:100%;transition:none!important}
#dsm-root .dsm-sprite{width:100%;height:100%;max-width:none;display:block;transform-origin:50% 70%;pointer-events:none;user-select:none}
#dsm-root #dsm-dog.dsm-left .dsm-face{transform:scaleX(-1)}
#dsm-root #dsm-dog:hover .dsm-sprite,#dsm-root .dsm-hop .dsm-sprite{animation:dsm-hop .38s ease-out 2}
@keyframes dsm-hop{40%{transform:translateY(-12px)}70%{transform:none}85%{transform:translateY(-3px)}}
#dsm-root .dsm-spin .dsm-sprite{animation:dsm-spin .8s ease-in-out}
@keyframes dsm-spin{to{transform:rotateY(360deg)}}
#dsm-root .dsm-flip .dsm-sprite{animation:dsm-flip 1s cubic-bezier(.3,.7,.4,1)}
@keyframes dsm-flip{0%{transform:none}25%{transform:translateY(-34px) rotate(-120deg)}55%{transform:translateY(-34px) rotate(-330deg)}80%{transform:translateY(0) rotate(-360deg)}90%{transform:translateY(-4px) rotate(-360deg)}100%{transform:rotate(-360deg)}}
#dsm-root .dsm-bubble{position:absolute;bottom:74px;left:50%;transform:translateX(-50%) scale(.6);opacity:0;background:#fff;color:var(--dsm-accent);font:700 13px/1 system-ui,sans-serif;padding:8px 11px;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.15);white-space:nowrap;pointer-events:none;transition:.25s}
#dsm-root .dsm-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:#fff}
#dsm-root #dsm-dog.dsm-talk .dsm-bubble,#dsm-root #dsm-dog:hover .dsm-bubble{opacity:1;transform:translateX(-50%) scale(1)}
#dsm-root #dsm-dog[aria-expanded="true"] .dsm-bubble{opacity:0}
#dsm-root #dsm-panel{position:fixed;left:8px;top:8px;right:auto;bottom:auto;z-index:9991;width:360px;max-width:calc(100vw - 16px);max-height:70vh;display:flex;flex-direction:column;background:#fff;color:var(--dsm-ink);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.25);transform:scale(.85);transform-origin:var(--dsm-tail,50%) 100%;opacity:0;visibility:hidden;transition:transform .22s,opacity .22s,visibility .22s;text-align:left}
#dsm-root #dsm-panel.dsm-below{transform-origin:var(--dsm-tail,50%) 0}
#dsm-root #dsm-panel.dsm-open{transform:none;opacity:1;visibility:visible}
#dsm-root #dsm-panel:after{content:"";position:absolute;left:var(--dsm-tail,50%);bottom:-8px;width:18px;height:18px;margin-left:-9px;background:#fff;transform:rotate(45deg);box-shadow:4px 4px 8px rgba(0,0,0,.08);border-radius:0 0 4px 0}
#dsm-root #dsm-panel.dsm-below:after{bottom:auto;top:-8px;box-shadow:-3px -3px 6px rgba(0,0,0,.05);border-radius:4px 0 0 0}
#dsm-root .dsm-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--dsm-line)}
#dsm-root .dsm-title{margin:0;font-size:17px;font-weight:700;line-height:1.3;color:var(--dsm-ink)}
#dsm-root .dsm-sub{margin:4px 0 0;font-size:13px;line-height:1.3;color:var(--dsm-muted)}
#dsm-root .dsm-x{flex:none;border:0;margin:0;padding:0;background:#f1f1f2;color:var(--dsm-ink);width:32px;height:32px;border-radius:50%;font-size:18px;line-height:32px;text-align:center;cursor:pointer}
#dsm-root .dsm-tiers{padding:14px 18px 4px;display:grid;gap:10px;overflow:auto;min-height:0}
#dsm-root .dsm-tier{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--dsm-line);border-radius:12px;padding:14px 16px}
#dsm-root .dsm-tier.dsm-best{border-color:var(--dsm-accent);background:#fff5f6}
#dsm-root .dsm-q{font-weight:600;font-size:15px;color:var(--dsm-ink)}
#dsm-root .dsm-pct{font-weight:800;font-size:22px;color:var(--dsm-accent)}
#dsm-root .dsm-note{margin:8px 18px 18px;font-size:12.5px;line-height:1.4;color:var(--dsm-muted)}
@media (max-width:600px){
  #dsm-root #dsm-dog{width:72px;height:56px}
  #dsm-root .dsm-bubble{bottom:54px}
  #dsm-root #dsm-panel{width:calc(100vw - 16px);right:auto;bottom:auto}
}
#dsm-root .dsm-tier[hidden]{display:none}
#dsm-root.dsm-away #dsm-dog,#dsm-root.dsm-away #dsm-panel,.dsm-paw.dsm-away{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#dsm-root .dsm-hide{align-self:center;margin:-6px 0 14px;padding:4px 8px;border:0;background:none;box-shadow:none;color:var(--dsm-muted);font:500 12.5px/1.2 system-ui,sans-serif;text-decoration:underline;cursor:pointer}
#dsm-root .dsm-hide:hover{color:var(--dsm-ink)}
.dsm-paw{position:fixed;left:12px;bottom:12px;z-index:9990;width:40px;height:40px;margin:0;padding:0;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.22);cursor:pointer;overflow:hidden;transition:transform .15s!important}
.dsm-paw:hover{transform:scale(1.1)}
.dsm-paw img{display:block;width:100%;height:100%;max-width:none;border-radius:50%}
@media print{.dsm-paw{display:none!important}}
@media (prefers-reduced-motion:reduce){#dsm-root *{animation:none!important;transition:none!important}}
@media print{#dsm-root{display:none!important}}