/* skin1 — Royal Sapphire & Gold (기본값 그대로, base.css 참조) */
body.b88-skin1 {}

/* 실사 아이콘 세트 적용 (2026-09-13) */
body.b88-skin1 .b88-chip img { width: 26px; height: 26px; filter: drop-shadow(0 2px 6px rgba(0,0,0,.6)); }
body.b88-skin1 .b88-tile img[src^="images/boss88/"] { width: 40px; height: 40px; filter: drop-shadow(0 4px 10px rgba(0,0,0,.6)); }
body.b88-skin1 .b88-tile.big img[src^="images/boss88/"] { width: 52px; height: 52px; }
body.b88-skin1 .b88-feature .ic { width: 64px; height: 64px; background: transparent; border: 0; }
body.b88-skin1 .b88-feature .ic img { width: 56px; height: 56px; filter: drop-shadow(0 6px 14px rgba(0,0,0,.6)); }
/* 라이브카지노 페이지 카드: 새 딜러 컷은 세로가 길어 비율 보정 */
body.b88-skin1 section .group.cursor-pointer.overflow-hidden > img[src*="girl-"] { height: 97% !important; width: auto !important; max-width: 50% !important; right: 3% !important; object-fit: contain !important; object-position: bottom right; }
/* 스포츠 페이지: 새 선수 컷(세로가 긺)이 카드 밖으로 넘치지 않게 (2026-09-13) */
body.b88-skin1 img[src*="ronaldo"], body.b88-skin1 img[src*="messi"], body.b88-skin1 img[src*="sport-player-"] { height: 72% !important; width: auto !important; max-width: 100% !important; bottom: 16% !important; object-fit: contain; }
body.b88-skin1 .b88-sport .player img { height: 108% !important; width: auto !important; bottom: -4px !important; }

/* 상단 메뉴 순서 재배열 (2026-09-13) — 1 Yêu thích · 2 Live Casino · 3 Poker 고정, 이후: Bóng đá → Nổ hũ → Slot → Xổ số → Game 3D → Khuyến mãi */
body.b88-skin1-1 section.fixed.top-0 > div.hide-scrollbar > a:nth-child(1) { order: 1; }
body.b88-skin1-1 section.fixed.top-0 > div.hide-scrollbar > a:nth-child(2) { order: 2; }
body.b88-skin1-1 section.fixed.top-0 > div.hide-scrollbar > a:nth-child(3) { order: 3; }
body.b88-skin1-1 section.fixed.top-0 > div.hide-scrollbar > a:nth-child(6) { order: 4; } /* Bóng đá */
body.b88-skin1-1 section.fixed.top-0 > div.hide-scrollbar > a:nth-child(7) { order: 5; } /* Nổ hũ */
body.b88-skin1-1 section.fixed.top-0 > div.hide-scrollbar > a:nth-child(4) { order: 6; } /* Slot */
body.b88-skin1-1 section.fixed.top-0 > div.hide-scrollbar > a:nth-child(8) { order: 7; } /* Xổ số */
body.b88-skin1-1 section.fixed.top-0 > div.hide-scrollbar > a:nth-child(5) { order: 8; } /* Game 3D */
body.b88-skin1-1 section.fixed.top-0 > div.hide-scrollbar > a:nth-child(9) { order: 9; } /* Khuyến mãi */

/* 홈 스포츠 카드: 선수 머리가 카드 위로 튀어나오게 (2026-09-13)
   - 카드 overflow 해제, 배경/글로우는 ::before 로 분리해 둥근 모서리 유지, 선수 레이어는 최상단 */
body.b88-skin1-1 .b88-sport { overflow: visible !important; margin-top: 46px; background: transparent !important; box-shadow: none !important; border-radius: 22px; }
body.b88-skin1-1 .b88-sport::before { content: ""; position: absolute; inset: 0; border-radius: 22px; z-index: 0;
  background: radial-gradient(120% 140% at 100% 0%, rgba(var(--b-cy-rgb), 0.3), transparent 55%), linear-gradient(135deg, #16247a 0%, #0a1148 60%, #070d38 100%);
  box-shadow: 0 0 0 1px rgba(var(--b-gold-rgb), 0.4), 0 14px 36px rgba(0, 0, 0, 0.5); transition: box-shadow .3s; }
body.b88-skin1-1 .b88-sport.alt::before { background: radial-gradient(120% 140% at 100% 0%, rgba(var(--b-pk-rgb), 0.25), transparent 55%), linear-gradient(135deg, #1c1a6b 0%, #0a1148 60%, #070d38 100%); }
body.b88-skin1-1 .b88-sport:hover::before { box-shadow: 0 0 0 1px rgba(255, 229, 143, 0.95), 0 0 34px rgba(var(--b-gold-rgb), 0.45), 0 22px 46px rgba(0, 0, 0, 0.55); }
body.b88-skin1-1 .b88-sport .info { position: relative; z-index: 1; }
body.b88-skin1-1 .b88-sport .player { position: relative; z-index: 3; overflow: visible; }
body.b88-skin1-1 .b88-sport .player img { position: absolute; bottom: 0 !important; right: 4% !important; height: 128% !important; max-height: none; width: auto !important; object-fit: contain; object-position: bottom; filter: drop-shadow(0 14px 22px rgba(0,0,0,.6)); transition: transform .4s; }
body.b88-skin1-1 .b88-sport.alt .player img { height: 132% !important; right: 2% !important; }
body.b88-skin1-1 .b88-sport:hover .player img { transform: scale(1.04) translateY(-4px); }
/* 카드 하단 모서리 밖으로 신발이 삐져나오지 않게: 이미지 하단은 카드 하단에 정렬(bottom:0) */
@media (max-width: 767px) { body.b88-skin1-1 .b88-sport { margin-top: 40px; } body.b88-skin1-1 .b88-sport .player img { height: 120% !important; } body.b88-skin1-1 .b88-sport.alt .player img { height: 124% !important; } }

/* 홈 배너: 재제작본이 3:1 이라 프레임을 원본 비율로 (2026-09-13) — 슬라이드가 잘림/여백 없이 꽉 참 */
body.b88-skin1-1 .banner-swiper .swiper-slide img { width: 100%; height: auto; }

/* 라이브카지노 카드: 게임사 로고 반투명 워터마크 (2026-09-13) — 홈 세로카드(::before) + 라이브카지노/3D 페이지 가로카드(::after) */
body.b88-skin1-1 .b88-vcard-img::before, body.b88-skin1-1 section .group.cursor-pointer.overflow-hidden[onclick*="_casino"]::after { content: ""; position: absolute; z-index: 1; pointer-events: none; opacity: .3; background-repeat: no-repeat; background-size: contain; background-position: left top; filter: drop-shadow(0 2px 6px rgba(0,0,0,.7)); }
body.b88-skin1-1 .b88-vcard-img::before { left: 6%; top: 6%; width: 42%; height: 22%; }
body.b88-skin1-1 section .group.cursor-pointer.overflow-hidden[onclick*="_casino"]::after { left: 5%; top: 8%; width: 34%; height: 30%; }
body.b88-skin1-1 .b88-vcard[onclick*="sexy_casino"] .b88-vcard-img::before, body.b88-skin1-1 section .group.cursor-pointer.overflow-hidden[onclick*="sexy_casino"]::after { background-image: url(/images/boss88_v11/vlogo-sexy_casino.png); }
body.b88-skin1-1 .b88-vcard[onclick*="ezugi_casino"] .b88-vcard-img::before, body.b88-skin1-1 section .group.cursor-pointer.overflow-hidden[onclick*="ezugi_casino"]::after { background-image: url(/images/boss88_v11/vlogo-ezugi_casino.png); }
body.b88-skin1-1 .b88-vcard[onclick*="dreamgaming_casino"] .b88-vcard-img::before, body.b88-skin1-1 section .group.cursor-pointer.overflow-hidden[onclick*="dreamgaming_casino"]::after { background-image: url(/images/boss88_v11/vlogo-dreamgaming_casino.png); }
body.b88-skin1-1 .b88-vcard[onclick*="orientalgame_casino"] .b88-vcard-img::before, body.b88-skin1-1 section .group.cursor-pointer.overflow-hidden[onclick*="orientalgame_casino"]::after { background-image: url(/images/boss88_v11/vlogo-orientalgame_casino.png); }
body.b88-skin1-1 .b88-vcard[onclick*="evolution_casino"] .b88-vcard-img::before, body.b88-skin1-1 section .group.cursor-pointer.overflow-hidden[onclick*="evolution_casino"]::after { background-image: url(/images/boss88_v11/vlogo-evolution_casino.png); }
body.b88-skin1-1 .b88-vcard[onclick*="pragmaticplay_casino"] .b88-vcard-img::before, body.b88-skin1-1 section .group.cursor-pointer.overflow-hidden[onclick*="pragmaticplay_casino"]::after { background-image: url(/images/boss88_v11/vlogo-pragmaticplay_casino.png); }
body.b88-skin1-1 .b88-vcard[onclick*="ag_casino"] .b88-vcard-img::before, body.b88-skin1-1 section .group.cursor-pointer.overflow-hidden[onclick*="ag_casino"]::after { background-image: url(/images/boss88_v11/vlogo-ag_casino.png); }
body.b88-skin1-1 .b88-vcard[onclick*="bg_casino"] .b88-vcard-img::before, body.b88-skin1-1 section .group.cursor-pointer.overflow-hidden[onclick*="bg_casino"]::after { background-image: url(/images/boss88_v11/vlogo-bg_casino.png); }
body.b88-skin1-1 .b88-vcard-img .girl { z-index: 2; }

/* 서브페이지 상단 배너 통일 (2026-09-13 v2)
   - live-casino(단일 slide) / bong-da·no-hu·game-3d(swiper) / ban-ca·xo-so(class 없는 div) / poker(main>section) 구조가 제각각
   - 규칙: 배너 컨테이너(div.w-full.mx-auto)의 첫 자식 박스 1개에만 홈과 동일한 골드 그라데이션 프레임, 이미지는 4:1 크롭 */
body.b88-skin1-1 :is(section, main).mt-\[110px\] > :is(div, section) > div.w-full.mx-auto:first-child,
body.b88-skin1-1 section.mt-\[110px\] > div.w-full.mx-auto:first-child { max-width: 1440px; padding: 0 40px; margin: 0 auto; }
body.b88-skin1-1 :is(section, main).mt-\[110px\] div.w-full.mx-auto:first-child > div,
body.b88-skin1-1 :is(section, main).mt-\[110px\] section.w-full > div.w-full.mx-auto:first-child > div {
  padding: 2px; border-radius: 20px; overflow: hidden;
  background: linear-gradient(135deg, var(--b-gold1), var(--b-gold2) 30%, var(--b-cy) 70%, var(--b-gold2));
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.55), 0 0 30px rgba(var(--b-gold-rgb), 0.25);
}
body.b88-skin1-1 :is(section, main).mt-\[110px\] div.w-full.mx-auto:first-child > div > :not(.swiper-wrapper), /* swiper-wrapper 에 overflow:hidden 주면 슬라이드 이동 시 다음 슬라이드가 잘려 빈 프레임만 보임 (2026-09-14) */
body.b88-skin1-1 :is(section, main).mt-\[110px\] div.w-full.mx-auto:first-child > div > .swiper-wrapper .swiper-slide { border-radius: 18px; overflow: hidden; background: var(--b-deep); }
body.b88-skin1-1 :is(section, main).mt-\[110px\] div.w-full.mx-auto:first-child img { width: 100%; aspect-ratio: 4 / 1; height: auto; object-fit: cover; object-position: center; border-radius: 18px; }
@media (max-width: 639px) {
  body.b88-skin1-1 :is(section, main).mt-\[110px\] > :is(div, section) > div.w-full.mx-auto:first-child,
  body.b88-skin1-1 section.mt-\[110px\] > div.w-full.mx-auto:first-child { padding: 0 12px; }
  body.b88-skin1-1 :is(section, main).mt-\[110px\] div.w-full.mx-auto:first-child img { aspect-ratio: 1125 / 324; }
}
/* 배너 아래 공지바도 같은 폭으로 */
body.b88-skin1-1 :is(section, main).mt-\[110px\] > div.w-full.mx-auto:not(:first-child),
body.b88-skin1-1 :is(section, main).mt-\[110px\] div.w-full.mx-auto.px-4 { max-width: 1440px; margin: 10px auto 0; border-radius: 999px; }