/* Near me — allaboutthenumnum.com
   Button sits with the existing .nn-cta pills; the answer comes up as a card with the Num Num cat. */

.nn-nearme-btn{gap:8px;cursor:pointer;font:inherit}
.nn-nearme-btn .nn-pin{width:16px;height:16px;flex:0 0 16px;display:block}
.nn-nearme-btn[aria-busy="true"]{opacity:.85;cursor:progress}
.nn-nearme-btn[aria-busy="true"] .nn-pin{animation:nn-pin-hop .7s ease-in-out infinite}
.nn-nearme-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* cities page: outline-blue version, centred under the banner */
.nn-nearme-row{display:flex;justify-content:center;padding:18px 15px 0}
.nn-cta-line{background:#fff;color:#25aae1!important;border:2px solid #25aae1}
.nn-cta-line:hover{background:#eaf6fc}
.nn-cta-line:focus-visible{outline:3px solid #25aae1;outline-offset:3px}

@keyframes nn-pin-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* the answer card */
.nn-nearme-card{position:fixed;left:50%;bottom:20px;z-index:10050;width:min(420px,calc(100vw - 32px));
  transform:translate(-50%,24px);opacity:0;pointer-events:none;
  display:flex;align-items:flex-end;gap:10px;
  transition:transform .28s cubic-bezier(.2,.9,.3,1.2),opacity .2s ease}
.nn-nearme-card.is-open{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.nn-nearme-cat{width:64px;height:64px;flex:0 0 64px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18))}
.nn-nearme-bubble{position:relative;flex:1;background:#fff;border-radius:18px;padding:14px 40px 14px 16px;
  box-shadow:0 10px 30px rgba(17,17,17,.18),0 2px 6px rgba(17,17,17,.08);border:2px solid #25aae1}
.nn-nearme-bubble:before{content:"";position:absolute;left:-11px;bottom:16px;width:18px;height:18px;background:#fff;
  border-left:2px solid #25aae1;border-bottom:2px solid #25aae1;transform:rotate(45deg);border-radius:0 0 0 4px}
.nn-nearme-title{font-family:Chewy,cursive;font-size:19px;line-height:1.2;color:#111;margin:0 0 4px}
.nn-nearme-text{font-family:Raleway,sans-serif;font-size:14px;line-height:1.45;color:#444;margin:0}
.nn-nearme-text a{color:#25aae1;font-weight:700;text-decoration:underline}
.nn-nearme-close{position:absolute;top:6px;right:6px;width:32px;height:32px;border:0;background:none;
  font-size:22px;line-height:32px;color:#888;cursor:pointer;border-radius:50%}
.nn-nearme-close:hover{background:#f2f2f2;color:#111}
.nn-nearme-close:focus-visible{outline:2px solid #25aae1}

@media (prefers-reduced-motion:reduce){
  .nn-nearme-card{transition:opacity .15s linear;transform:translate(-50%,0)}
  .nn-nearme-btn[aria-busy="true"] .nn-pin{animation:none}
}