/* TCG Explore bundle — collection grids, girl-hopping, lightbox, search. Mobile-first. */

/* ── video teaser sulle card ───────────────────────────────── */
a.tcg-card{position:relative;overflow:hidden}
.tcgx-cardvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none;opacity:0;transition:opacity .35s ease}
.tcgx-cardvid.is-on{opacity:1}
a.tcg-card .tcg-card__meta{position:relative;z-index:2}
a.tcg-card .tcg-card__badge{z-index:2}

/* ── prev/next bar (product pages) ─────────────────────────── */
.tcgx-pnav{position:sticky;top:var(--tcg-header-h,0px);z-index:40;display:flex;align-items:stretch;justify-content:space-between;gap:6px;background:rgba(13,18,38,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);padding:6px 10px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
.tcgx-pnav__a{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;min-width:0;padding:2px 4px;border-radius:10px}
.tcgx-pnav__a:active{background:rgba(255,255,255,.08)}
.tcgx-pnav__a img{width:30px;height:40px;object-fit:cover;border-radius:6px;flex:none}
.tcgx-pnav__a span{display:flex;flex-direction:column;min-width:0}
.tcgx-pnav__a small{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ff5ca8;opacity:.95}
.tcgx-pnav__a b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:26vw}
.tcgx-pnav__a--next{text-align:right}
.tcgx-pnav__a--next span{align-items:flex-end}
.tcgx-pnav__mid{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;font-size:10.5px;color:#aab3cc;line-height:1.25}
.tcgx-pnav__mid a{color:#fff;font-weight:700;text-decoration:none;font-size:10px;border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:1px 8px;margin-top:2px}
@media (min-width:720px){.tcgx-pnav__a b{max-width:200px;font-size:13.5px}.tcgx-pnav{padding:8px 18px}}

/* ── horizontal rail (product pages, related girls) ────────── */
.tcgx-rail{padding:26px 0 8px;background:inherit}
.tcgx-rail__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;max-width:1200px;margin:0 auto 12px;padding:0 20px}
.tcgx-rail__head h2{margin:0;font-size:20px;line-height:1.2}
.tcgx-rail__head a{flex:none;font-size:13px;font-weight:700;color:#ec1e79;text-decoration:none;white-space:nowrap}
.tcgx-rail__row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 20px 14px;max-width:1200px;margin:0 auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.tcgx-rail__row>.tcg-card{flex:0 0 44vw;max-width:190px;scroll-snap-align:start}
@media (min-width:720px){.tcgx-rail__row>.tcg-card{flex-basis:190px}}

/* ── nearby-category chips (collection pages) ──────────────── */
.tcgx-nearby{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-top:10px;padding-bottom:4px;scrollbar-width:none}
.tcgx-nearby::-webkit-scrollbar{display:none}
.tcgx-nearby__lbl{flex:none;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5a6478}
.tcgx-chip{flex:none;font-size:12px;font-weight:700;color:#0e192c;background:#fff;border:1.5px solid rgba(16,26,46,.16);border-radius:999px;padding:5px 13px;text-decoration:none;white-space:nowrap}
.tcgx-chip:hover{border-color:#ec1e79;color:#ec1e79}
.tcgx-chip em{font-style:normal;color:#ec1e79}

/* ── "explore all the others" section (collection pages) ───── */
.tcgx-more{margin-top:34px}
.tcgx-more__h{font-size:22px;margin:0 0 4px}
.tcgx-more__sub{margin:0 0 16px;color:#5a6478;font-size:14.5px}

/* ── lightbox ───────────────────────────────────────────────── */
.tcg-prof__thumbs img,.tcg-prof__hero{cursor:zoom-in}
.tcgx-lb{position:fixed;inset:0;z-index:1000;background:rgba(7,10,22,.96);display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.tcgx-lb[hidden]{display:none}
.tcgx-lb img{max-width:100vw;max-height:100dvh;object-fit:contain;user-select:none;-webkit-user-drag:none}
.tcgx-lb__x,.tcgx-lb__p,.tcgx-lb__n{position:absolute;background:rgba(255,255,255,.09);border:none;color:#fff;font-size:22px;line-height:1;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.tcgx-lb__x{top:max(12px,env(safe-area-inset-top));right:12px}
.tcgx-lb__p{left:8px;top:50%;transform:translateY(-50%)}
.tcgx-lb__n{right:8px;top:50%;transform:translateY(-50%)}
.tcgx-lb__c{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);color:#aab3cc;font-size:12px;font-weight:700;letter-spacing:.06em}
@media (max-width:719px){.tcgx-lb__p,.tcgx-lb__n{display:none}} /* mobile: swipe */

/* ── search ─────────────────────────────────────────────────── */
.tcgx-searchbtn{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:none;background:transparent;color:#0e192c;cursor:pointer}
.tcgx-searchbtn:hover{background:rgba(236,30,121,.1);color:#ec1e79}
.tcgx-searchbtn svg{width:19px;height:19px}
.tcgx-so{position:fixed;inset:0;z-index:1100;background:rgba(7,10,22,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:8vh 14px 14px}
.tcgx-so[hidden]{display:none}
.tcgx-so__panel{width:100%;max-width:520px;background:#0d1226;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.7);display:flex;flex-direction:column;max-height:80dvh}
.tcgx-so__inputw{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.tcgx-so__inputw svg{width:17px;height:17px;color:#ff5ca8;flex:none}
.tcgx-so__input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:16px;font-family:inherit}
.tcgx-so__input::placeholder{color:#8b93ad}
.tcgx-so__close{background:none;border:none;color:#8b93ad;font-size:20px;cursor:pointer;padding:4px}
.tcgx-so__list{overflow-y:auto;padding:6px}
.tcgx-so__row{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:12px;text-decoration:none}
.tcgx-so__row:hover,.tcgx-so__row:focus{background:rgba(255,255,255,.07)}
.tcgx-so__row img{width:38px;height:48px;object-fit:cover;border-radius:8px;flex:none}
.tcgx-so__row b{color:#fff;font-size:14px;display:flex;align-items:center;gap:7px}
.tcgx-so__row small{display:block;color:#8b93ad;font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}
.tcgx-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22e39c;box-shadow:0 0 6px #22e39c}
.tcgx-so__empty{padding:18px 14px;color:#8b93ad;font-size:14px;text-align:center}
.tcgx-so__foot{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.1)}
.tcgx-so__dice{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#ec1e79;color:#fff;font-weight:800;font-size:14px;border:none;border-radius:99px;padding:11px;cursor:pointer}
.tcgx-so__dice:active{transform:scale(.98)}
.tcgx-so__online{flex:none;display:flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:13px;text-decoration:none;border:1.5px solid rgba(255,255,255,.25);border-radius:99px;padding:10px 16px}

@media (prefers-reduced-motion:no-preference){
  .tcgx-so__panel{animation:tcgxpop .18s ease-out}
  @keyframes tcgxpop{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
}