/* 짐구독 헬스장 목록 (Figma 40011391:325512) */
.f-list { line-height: 1.2; font-feature-settings: 'locl' 0; }
.f-list p, .f-list span { white-space: nowrap; }

/* Status bar (no camera on this frame) */
.f-list .sb { position: absolute; left: 0; top: 0; width: 430px; height: 59px; }
.f-list .sb-row { position: absolute; left: 0; top: 0; width: 430px; height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 16px 32px 16px 52px; }
.f-list .sb-time { font-weight: 700; font-size: 17px; line-height: 22px; color: #030303; text-align: center; }
.f-list .sb-wrap { width: 79.67px; height: 13px; }

/* Navigation */
.f-list .nav { position: absolute; left: 0; top: 83px; width: 430px; height: 40px; padding: 0 24px; display: flex; justify-content: center; align-items: center; }
.f-list .nav-title { font-weight: 900; font-size: 33px; line-height: 40px; color: #f37021; text-align: center; }

/* Column */
.f-list .col { position: absolute; left: 24px; top: 143px; width: 382px; display: flex; flex-direction: column; align-items: center; gap: 12px; }

.f-list .chips { width: 382px; height: 36px; flex: none; display: flex; gap: 8px; align-items: center; }
.f-list .chip { width: 88px; height: 36px; flex: none; display: flex; align-items: center; justify-content: space-between; padding: 6px 8px; box-shadow: inset 0 0 0 1px #b5bcc6; border-radius: 20px; background: #fff; }
.f-list .chip span { font-weight: 700; font-size: 13px; line-height: 16px; color: #030303; text-align: center; }
.f-list .chip-my { padding: 8px 12px; }
.f-list .chip-on { padding: 6px 12px; box-shadow: none; background: #f37021; }
.f-list .chip-on span { color: #fff; }
.f-list .chip-on .ic { position: relative; width: 24.002px; height: 24px; overflow: hidden; }
.f-list .chip-on .ic img { position: absolute; left: 2.001px; top: 2px; width: 20px; height: 20px; }

.f-list .search { width: 382px; height: 40px; flex: none; display: flex; align-items: center; justify-content: space-between; padding: 0 12px 0 20px; box-shadow: inset 0 0 0 1px #b5bcc6; border-radius: 20px; background: #fff; overflow: hidden; }
.f-list .search span { font-weight: 700; font-size: 15px; line-height: 18px; color: #b5bcc6; }
.f-list .search img { width: 40px; height: 40px; flex: none; }

/* Gym card */
.f-list .card { position: relative; width: 382px; height: 160px; flex: none; border-radius: 20px; overflow: hidden; }
.f-list .card .photo { position: absolute; left: 0; width: 382px; height: 208.364px; }
.f-list .card .name { position: absolute; left: 12px; top: 104px; width: 358px; height: 26px; border-radius: 20px; }
.f-list .card .name i { position: absolute; inset: 0; background: #f4f5f7; opacity: .8; border-radius: 20px; }
.f-list .card .name p { position: absolute; left: 179px; top: 5px; transform: translateX(-50%); font-weight: 700; font-size: 13px; line-height: 16px; color: #030303; text-align: center; }

.f-list .badges { position: absolute; left: 12px; top: 8px; display: flex; gap: 12px; align-items: center; }
.f-list .badges-r { left: 278px; }
.f-list .dist { position: relative; width: 40px; height: 40px; flex: none; overflow: hidden; }
.f-list .dist img { position: absolute; inset: 0; width: 40px; height: 40px; }
.f-list .dist p, .f-list .st-look p { position: absolute; left: 50%; top: 15px; transform: translateX(-50%); font-weight: 700; font-size: 8px; line-height: 10px; text-align: center; color: #030303; }
.f-list .st { position: relative; width: 40px; height: 40px; flex: none; border-radius: 20px; overflow: hidden; background: #f37021; }
.f-list .st-look p { color: #fff; }
.f-list .st-col { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 10px 8px; }
.f-list .st-col p { font-weight: 700; font-size: 8px; line-height: 10px; color: #fff; text-align: center; }
.f-list .st-dark { background: #030303; }

.f-list .tags { position: absolute; left: calc(50% - .5px); top: 134px; transform: translateX(-50%); display: flex; gap: 4px; align-items: center; }
.f-list .tags span { display: flex; align-items: center; justify-content: center; padding: 4px 6px; border-radius: 20px; background: rgba(3,3,3,.7); font-weight: 700; font-size: 8px; line-height: 10px; color: #fff; text-align: center; overflow: hidden; }

.f-list .logout { flex: none; font-weight: 700; font-size: 15px; line-height: 18px; color: #b5bcc6; text-align: center; }
.f-list .fx { position: absolute; width: 0; height: 0; overflow: hidden; }
/* 2호점 사진: Figma 이미지 보정(톤) 근사 */
.f-list .card .photo.g2 { filter: url(#f-list-g2); }
.f-list .nav-title { position: relative; top: -1px; }