/* v790 - Deals guide (pairs with js/390-deals-guide.js). Calm: small, fades in, two finger taps then still. Roll back: remove this <link> + js/390. */
.dg-bubble{position:fixed;z-index:650;left:0;top:-999px;width:min(290px,calc(100vw - 20px));box-sizing:border-box;padding:12px 14px 10px;border-radius:14px;background:#162D4C;color:#eef2f8;border:1px solid rgba(199,164,91,.55);box-shadow:0 10px 28px rgba(8,18,34,.32);font:500 12.5px/1.45 var(--font-sans,system-ui,-apple-system,sans-serif);opacity:0;transform:translateY(6px);transition:opacity .28s ease,transform .28s ease;pointer-events:none;--ax:40px}
.dg-bubble.dg-in{opacity:1;transform:none;pointer-events:auto}
.dg-bubble::before{content:"";position:absolute;top:-6px;left:var(--ax);width:11px;height:11px;margin-left:-6px;background:#162D4C;border-left:1px solid rgba(199,164,91,.55);border-top:1px solid rgba(199,164,91,.55);transform:rotate(45deg)}
.dg-bubble.dg-up::before{top:auto;bottom:-6px;transform:rotate(225deg)}
.dg-t{display:flex;align-items:center;gap:7px;margin-bottom:3px}
.dg-t b{font-size:13px;font-weight:800;color:#fff;letter-spacing:.01em}
.dg-dot{width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,#f2c766,#b89134);transform:rotate(45deg);flex:none}
.dg-x{color:#d7e0ee}
.dg-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}
.dg-ok{appearance:none;-webkit-appearance:none;border:0;border-radius:999px;background:#c7a45b;color:#162D4C;font:800 12px/1 inherit;font-family:inherit;padding:8px 14px;min-height:32px;cursor:pointer}
.dg-stop{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#9fb0c8;font:600 11px/1 inherit;font-family:inherit;padding:8px 2px;min-height:32px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.dg-ring{position:fixed;z-index:649;left:0;top:0;width:0;height:0;border-radius:16px;border:2px solid rgba(199,164,91,.9);box-shadow:0 0 0 4px rgba(199,164,91,.18);pointer-events:none;opacity:0;transition:opacity .28s ease}
.dg-ring.dg-in{opacity:1;animation:dgRing 1.6s ease-in-out 2}
@keyframes dgRing{50%{box-shadow:0 0 0 9px rgba(199,164,91,0)}}
.dg-finger{position:fixed;z-index:651;left:0;top:0;width:28px;height:28px;pointer-events:none;opacity:0}
.dg-finger svg{position:absolute;inset:0;width:28px;height:28px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));transform-origin:50% 20%}
.dg-rip{position:absolute;left:6px;top:-2px;width:16px;height:16px;border-radius:50%;border:2px solid #c7a45b;opacity:0}
.dg-finger.dg-in{opacity:1;transition:opacity .28s ease}
.dg-finger.dg-in svg{animation:dgTap 1.5s ease-in-out 2 .3s both}
.dg-finger.dg-in .dg-rip{animation:dgRip 1.5s ease-out 2 .3s both}
@keyframes dgTap{0%{transform:translateY(16px) scale(1)}35%{transform:translateY(0) scale(1)}50%{transform:translateY(2px) scale(.92)}70%,100%{transform:translateY(0) scale(1)}}
@keyframes dgRip{0%,45%{opacity:0;transform:scale(.4)}55%{opacity:.9}100%{opacity:0;transform:scale(2.2)}}
/* "?" Guide chip in the Deals header */
.dg-help{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:6px;margin-left:auto;border:1px solid rgba(199,164,91,.55);background:rgba(255,255,255,.08);color:#f0d9a0;border-radius:999px;padding:0 11px 0 6px;height:30px;min-height:30px;font:700 11.5px/1 inherit;font-family:inherit;cursor:pointer}
.dg-help b{width:19px;height:19px;border-radius:50%;background:#c7a45b;color:#162D4C;display:grid;place-items:center;font-size:12px}
@media (prefers-reduced-motion:reduce){.dg-bubble,.dg-ring,.dg-finger{transition:none}.dg-ring.dg-in,.dg-finger.dg-in svg,.dg-finger.dg-in .dg-rip{animation:none}.dg-finger.dg-in .dg-rip{opacity:0}}
html.bh-gfx-safe .dg-ring.dg-in,html.bh-gfx-safe .dg-finger.dg-in svg,html.bh-gfx-safe .dg-finger.dg-in .dg-rip{animation:none}
html.bh-gfx-safe .dg-bubble{transition:none}