/* 프로토·토토 상단 머리(templates/betscore/partials/proto_head.html).
   휴대폰 폭에서는 전역 내비(body > nav) 대신, 앱(app=1)에서는 늘 이 머리만. chrome=0 이면 머리도 없이 본문만. */
.pb-head { display: none; position: sticky; top: 0; z-index: 60; align-items: center; gap: 8px; min-height: 52px; padding: 0 12px;
  background: color-mix(in srgb, var(--bs-bg, #0b1119) 94%, transparent); backdrop-filter: blur(8px); border-bottom: 1px solid #223142; }
.pb-head-logo { font-weight: 800; font-size: 15px; letter-spacing: -.01em; background: linear-gradient(90deg, #60a5fa, #2563eb); -webkit-background-clip: text; background-clip: text; color: transparent; text-decoration: none; white-space: nowrap; }
.pb-head-seg { display: inline-flex; margin: 0 auto; background: #0f1a27; border: 1px solid #34485c; border-radius: 10px; padding: 3px; }
.pb-head-seg a { display: inline-flex; align-items: center; min-height: 32px; padding: 0 14px; border-radius: 8px; color: #b8c7d6; text-decoration: none; font-weight: 700; font-size: 14px; white-space: nowrap; }
.pb-head-seg a[aria-current="page"] { background: #5b4cf0; color: #fff; }
.pb-head-btn { width: 40px; height: 40px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid #34485c; background: #1c2b3b; color: #b8c7d6; cursor: pointer; }
.pb-head-btn[aria-pressed="true"], .pb-head-btn[aria-expanded="true"] { color: #68e0bd; border-color: #68e0bd; }
.pb-head-menu { position: absolute; right: 12px; top: calc(100% + 6px); display: flex; flex-direction: column; min-width: 180px; padding: 6px; background: #1c2b3b; border: 1px solid #34485c; border-radius: 12px; box-shadow: 0 12px 32px rgba(0, 0, 0, .45); }
.pb-head-menu a { padding: 10px 12px; border-radius: 8px; color: #f2f6fa; text-decoration: none; font-size: 14px; }
.pb-head-menu a:hover { background: #25374a; }
.pb-head-menu[hidden] { display: none; }
/* 휴대폰: 전역 내비와 큰 상품 탭 카드 대신 머리 하나 */
@media (max-width: 760px) {
  body.pb-page > nav { display: none; }
  body.pb-page .pb-head { display: flex; }
  body.pb-page .bs-product-tabs { display: none; }
}
/* 앱: 전역 내비·푸터는 앱이 대신한다 */
body.pb-app > nav, body.pb-app > footer, body.pb-app footer.card-dark { display: none; }
body.pb-app .pb-head { display: flex; }
body.pb-app .bs-product-tabs { display: none; }
body.pb-app.pb-nochrome .pb-head { display: none; }
/* 앱 모드: 앱이 제 베티 버튼(아래 20 + 지름 56)을 웹뷰 위에 띄우므로 웹의 버튼은 숨기고(같은 자리에 둘이 겹친다),
   푸터가 없어 목록 끝이 곧 페이지 끝이니 마지막 줄이 버튼 위로 올라올 여백을 둔다 */
body.pb-app .betty-chat-btn { display: none; }
body.pb-app main { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }