/* ============================================================
   배때지 V2 공통 TOP(맨 위로) 버튼
   - 우측 하단 고정 · 원형 · ↑ 아이콘
   - bottom_nav(68px + safe-area) 위로 배치해 겹치지 않게
   - 기본 숨김, .is-visible 로 표시
   ============================================================ */

.v2-topbtn {
    position: fixed;
    right: 16px;
    bottom: calc(68px + env(safe-area-inset-bottom, 0px) + 14px);
    z-index: 8800;                 /* bottom_nav(9000)보다 아래, 위치는 나란히 위쪽 */
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: none;
    border-radius: 50%;
    background: #111;
    color: #fff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .28);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
    -webkit-tap-highlight-color: transparent;
}

.v2-topbtn.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.v2-topbtn:hover { background: #000; }
.v2-topbtn:active { transform: scale(.94); }

.v2-topbtn svg {
    width: 22px;
    height: 22px;
    display: block;
}

/* 태블릿/PC: 살짝 크게, 우측 여백 확대 */
@media (min-width: 768px) {
    .v2-topbtn {
        width: 52px;
        height: 52px;
        right: 24px;
    }
    .v2-topbtn svg { width: 24px; height: 24px; }
}