/* 로드맵 퀵버튼 (.snr-quick) — 원본: D:/14_snack/loadmap/로드맵_퀵버튼.html (261014 이식) · 노출: /shop/shop_list.php */
.snr-quick{--snr-q-ease:cubic-bezier(.16,1,.3,1);position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:90;font-family:Pretendard,'Pretendard Variable',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;letter-spacing:-.02em;-webkit-font-smoothing:antialiased}
.snr-quick *{box-sizing:border-box}
.snr-quick__link{display:flex;align-items:center;gap:12px;height:60px;padding:0 20px 0 7px;border:1px solid rgba(77,250,131,.34);border-radius:999px;background:linear-gradient(135deg,#031919 0%,#0a3a35 100%);color:#fff;text-decoration:none;box-shadow:0 10px 28px -8px rgba(3,25,25,.55),0 2px 6px rgba(3,25,25,.18),inset 0 1px 0 rgba(255,255,255,.08);transition:padding .45s var(--snr-q-ease),gap .45s var(--snr-q-ease),transform .25s var(--snr-q-ease),box-shadow .25s,border-color .25s}
.snr-quick__link:hover{transform:translateY(-2px);border-color:rgba(77,250,131,.7);box-shadow:0 16px 32px -10px rgba(3,25,25,.6),0 0 0 4px rgba(77,250,131,.12),inset 0 1px 0 rgba(255,255,255,.1)}
.snr-quick__link:active{transform:translateY(0) scale(.97)}
.snr-quick__link:focus-visible{outline:2px solid #4dfa83;outline-offset:3px}
.snr-quick__icon{position:relative;flex:none;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 50% 62%,rgba(77,250,131,.34) 0%,rgba(77,250,131,.1) 68%);box-shadow:inset 0 0 0 1px rgba(77,250,131,.45)}
.snr-quick__char{position:absolute;left:2px;top:8px;width:40px;height:29px;background:url(/asset/image/concierge/char-guide.png) -4.6px -24.9px/48.6px auto no-repeat;transition:transform .35s var(--snr-q-ease)}
.snr-quick__link:hover .snr-quick__char{transform:translateY(-3px) rotate(-6deg)}
.snr-quick__icon::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(77,250,131,.65);opacity:0;animation:snrQuickPulse 2.2s ease-out .8s 3}
@keyframes snrQuickPulse{0%{opacity:.9;transform:scale(.85)}100%{opacity:0;transform:scale(1.35)}}
.snr-quick__text{display:flex;flex-direction:column;gap:4px;max-width:220px;overflow:hidden;white-space:nowrap;transition:max-width .45s var(--snr-q-ease),opacity .3s}
.snr-quick__title{font-size:15px;font-weight:700;line-height:1.1}
.snr-quick__sub{font-size:12px;font-weight:500;line-height:1.1;color:rgba(255,255,255,.68)}
.snr-quick__arrow{display:grid;place-items:center;flex:none;width:24px;height:24px;max-width:24px;overflow:hidden;border-radius:50%;background:#4dfa83;color:#04231e;transition:max-width .45s var(--snr-q-ease),opacity .3s,transform .3s var(--snr-q-ease)}
.snr-quick__arrow svg{display:block;width:12px;height:12px}
.snr-quick__link:hover .snr-quick__arrow{transform:translateX(2px)}
/* 아래로 스크롤하는 동안: 동그라미만 */
.snr-quick.is-compact .snr-quick__link{padding:0 7px;gap:0}
.snr-quick.is-compact .snr-quick__text,.snr-quick.is-compact .snr-quick__arrow{max-width:0;opacity:0}
.snr-quick.is-compact .snr-quick__link:hover,.snr-quick.is-compact .snr-quick__link:focus-visible{padding:0 20px 0 7px;gap:12px}
.snr-quick.is-compact .snr-quick__link:hover :is(.snr-quick__text,.snr-quick__arrow),.snr-quick.is-compact .snr-quick__link:focus-visible :is(.snr-quick__text,.snr-quick__arrow){max-width:220px;opacity:1}
.snr-quick.is-compact .snr-quick__link:hover .snr-quick__arrow,.snr-quick.is-compact .snr-quick__link:focus-visible .snr-quick__arrow{max-width:24px}
@media(max-width:768px){
  .snr-quick{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .snr-quick__link{height:54px;padding:0 16px 0 6px;gap:10px}
  .snr-quick__icon{width:40px;height:40px}
  .snr-quick__char{left:2px;top:7px;width:36px;height:26px;background-position:-4.1px -22.4px;background-size:43.7px auto}
  .snr-quick__title{font-size:14px}
  .snr-quick__sub{font-size:11px}
  .snr-quick.is-compact .snr-quick__link{padding:0 6px}
}
@media(prefers-reduced-motion:reduce){.snr-quick,.snr-quick *{transition:none!important;animation:none!important}}
@media print{.snr-quick{display:none}}