/* =============================================================================
   Amusnet — 移动端适配补丁 (mobile.css)

   作用范围：≤766px（重点覆盖 320–430px 手机）
   引入方式：放在每个页面所有其它 CSS 之后（styles.css → 页面 CSS → mobile.css）
   设计原则：
     · 只在移动端断点内生效，桌面端 / 平板端布局完全不受影响
     · 只修正“会破版”的规则与移动端体验问题，不改视觉风格
     · 需要回滚时，删掉 HTML 里那一行 <link> 即可
   ============================================================================= */

@media screen and (max-width: 766px) {

/* -----------------------------------------------------------------------------
   1. 视口 / 横向滚动
   原因：多处装饰性位移与固定宽度轮播把文档撑宽，导致整页可以左右拖动，
        并且移动端浏览器会因此缩小布局视口（页面整体被“缩小”显示）。
   ----------------------------------------------------------------------------- */
html { overflow-x: hidden; }
body { overflow-x: hidden; width: 100%; max-width: 100%; }
img, video, svg, iframe { max-width: 100%; }

/* -----------------------------------------------------------------------------
   2. 顶部导航
   原因：#header 用 width:calc(100% - 40px)，一旦文档被撑宽，百分比会跟着变宽，
        胶囊条会伸出屏幕。改成左右定位、宽度自适应，宽度不再依赖文档宽度。
   ----------------------------------------------------------------------------- */
#header {
  left: 12px;
  right: 12px;
  width: auto;
  max-width: calc(100vw - 24px);
  padding: 17px 20px;
}
#header.open { left: 0; right: 0; width: 100%; max-width: 100vw; padding: 20px 22px 24px; }

/* 展开菜单：.header-top 是 flex 行，展开后导航被挤成右侧一条窄列，
   且 ✕ / logo 被 align-items:stretch 拉满整行高度（✕ 旋转 45° 后撑出巨大空占位）。
   改为：第一行 [✕ ......  logo]，导航整宽换行到第二行。 */
#header.open .header-top { flex-wrap: wrap; align-items: flex-start; row-gap: 0; }
#header.open .close-icon { order: 0; flex: 0 0 auto; align-self: flex-start; width: 25px; height: 25px; line-height: 0; }
#header.open .header-logo { order: 1; flex: 0 0 auto; align-self: flex-start; }
#header.open .header-main-menu { order: 2; flex: 0 0 100%; width: 100%; margin-top: 38px; }
#header.open .clients-area-btn {
  order: 3; flex: 0 0 100%; display: block; width: 100%; margin-top: 10px;
  text-align: center; color: #eff0f5; font-size: 14px; line-height: 1;
  padding: 14px 20px; border-radius: 48px; border: 1px solid var(--green); text-decoration: none;
}

/* 汉堡 / 关闭 / 子菜单箭头：视觉尺寸不变，扩大可点区域到 ≥44px */
#menu-icon, #header .close-icon { position: relative; }
#menu-icon::after,
#header .close-icon::after {
  content: ""; position: absolute; top: -15px; right: -15px; bottom: -15px; left: -15px;
}
/* 手风琴的展开事件只绑在文字链接上，“＋”图标点不动。
   把链接拉成整行（含 ＋ 的位置），并让图标不拦截点击，整行都可点。 */
#header.open .header-main-menu .header-main-menu-el .header-main-menu-el-link,
#footer .footer-main-menu .footer-main-menu-el .footer-main-menu-el-link {
  display: block; width: 100%; padding-right: 36px;
}
#header .header-main-menu .header-main-menu-el .open-submenu-icon,
#footer .footer-main-menu .footer-main-menu-el .open-submenu-icon { pointer-events: none; }

/* 展开后的菜单可滚动，且底部留出安全区 */
#header.open { padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)); }
#header .header-main-menu .header-main-menu-el { margin-bottom: 22px; }
#header .header-main-menu .header-main-menu-el .header-main-menu-el-link { padding: 4px 0; }
#header .header-main-menu .header-sub-menu li a { padding: 3px 0; margin-bottom: 10px; }

/* -----------------------------------------------------------------------------
   3. 滚动进场动画
   原因：.noactive 用 translateX(±150px) 做入场，元素在触发前停在屏幕外，
        既撑宽文档，也会在动画未触发时出现“内容跑到右边”的观感。
        移动端统一改为纵向小位移。
   ----------------------------------------------------------------------------- */
.noactive { transform: translateY(28px) !important; }
#counting-numbers .noactive .number,
#counting-numbers .noactive .text { transform: translateY(28px) !important; }

@media (prefers-reduced-motion: reduce) {
  .noactive,
  #counting-numbers .noactive .number,
  #counting-numbers .noactive .text { transform: none !important; }
}

/* -----------------------------------------------------------------------------
   4. 轮播容器统一裁剪
   原因：多个 .swiper 用 overflow:initial/visible 让桌面端露出相邻卡片，
        在手机上这些卡片会直接溢出屏幕。
   ----------------------------------------------------------------------------- */
#awards .swiper,
#latest-news .swiper,
#integration .swiper,
#back-office .swiper,
#the-studio .swiper,
#online-casino .hero-video-slider,
#land-based-container .land-based-video-slider,
#hero-video-container .hero-video-slider,
.jackpot-box .swiper,
#golden-coins .swiper,
#golden-coins-vip .swiper,
.jackpot-swiper,
.jackpots .swiper { overflow: hidden; }

/* 轮播可横向拖动，但不要吞掉纵向滚动 */
.swiper-draggable, .swiper-wrapper { touch-action: pan-y; }

/* -----------------------------------------------------------------------------
   5. 通用排版
   ----------------------------------------------------------------------------- */
h2 { font-size: 26px; line-height: 1.25; padding: 46px 20px; }
h3 { line-height: 1.35; }

/* 各区块标题原本只写了上下 padding，手机上文字会顶到屏幕边缘 —— 统一补左右留白 */
#awards h2, #latest-news h2, #back-office h2, #integration h2,
#exceptional-services h2, #promotional-tools h2, #technologies h2,
#equip-your-casino h2, #online-casino-games h2, #live-casino-games h2,
.catalogue h2, .live-casino-container h2, #all-news h1 {
  padding-left: 20px; padding-right: 20px;
}
#online-casino-games h2, #live-casino-games h2 { max-width: none; padding-top: 72px; padding-bottom: 22px; }
.live-casino-container h2 { padding-top: 90px; padding-bottom: 24px; }
#latest-news h2 { padding-top: 44px; padding-bottom: 0; }
#exceptional-services h2 { padding-top: 0; }
#integration h2 { padding-bottom: 30px; }
#technologies h2, #equip-your-casino h2 { padding-bottom: 40px; }
#back-office h2 { padding-bottom: 24px; }
.text-and-button { padding: 0 20px; }
.text-and-button .bottom-text { font-size: 15px; line-height: 1.65; }

/* 按钮：统一最小触摸高度 */
.text-and-button .link .bttn,
.catalogue button,
#latest-news .view-more-btn,
#footer #to-contact-form a,
#promotional-tools .button,
.jackpot-card a,
#online-casino-games .games-load-more .btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* 表单：iOS 上 <16px 的输入框会触发自动放大 */
input, select, textarea { font-size: 16px; }

/* -----------------------------------------------------------------------------
   6. 首页 index.html
   ----------------------------------------------------------------------------- */
/* 97vh 的首屏在手机上会被浏览器工具栏顶掉一截，改用 svh 并收敛高度 */
#hero-slider { width: 94vw; height: 78vh; height: 78svh; min-height: 420px; margin: 12px auto 0; }
#hero-slider .arrow-holder { width: 140px; }
#hero-slider .arrow-holder .navigation svg { width: 18px; height: 18px; }
#hero-slider .arrow-holder .navigation { bottom: 14px; right: 12px; gap: 12px; }
#hero-slider .swiper-slide .age-restriction { width: 150px !important; bottom: 42px !important; }

#counting-numbers { padding-top: 40px; }
#counting-numbers .group { margin-bottom: 26px; }
#counting-numbers .group .number { font-size: 46px; line-height: 1.1; }
#counting-numbers .group .text { font-size: 17px; }

/* 三格视频轮播：卡片宽度贴合屏幕 */
#online-casino .swiper-slide,
#land-based-container .swiper-slide { width: calc(100vw - 48px); margin-right: 12px; }

/* 奖项轮播：原来两侧各留 60px 给箭头，手机上卡片被挤得过窄 */
#awards h2 { padding-top: 60px; padding-bottom: 34px; }
#awards .swiper { width: calc(100vw - 72px); }
/* 正好放下 2 张，避免第 2 张被容器切一半 */
#awards .swiper-slide { width: calc((100vw - 84px) / 2); margin-right: 12px; }
#awards .swiper-slide .img-container { min-height: calc((100vw - 84px) / 2); }
#awards .swiper-slide h3, #awards .swiper-slide p { font-size: 14px; }
#awards .prev-arrow { left: 10px; }
#awards .next-arrow { right: 10px; }
#awards .prev-arrow, #awards .next-arrow { width: 40px; height: 40px; }

/* 新闻卡片：宽度自适应，避免固定 280px 在小屏留白/大屏偏窄 */
#latest-news .swiper-slide {
  width: calc(100vw - 80px);
  max-width: 320px;
  min-height: 0;
  padding: 16px 16px 56px;
}
#latest-news .swiper-slide h3 { font-size: 15px; line-height: 1.35; padding: 16px 0 8px; }

/* 目录表单 */
.catalogue h2 { padding: 80px 20px 24px; }
.catalogue .grey-text-box { padding: 34px 22px; }
.catalogue button { margin-top: 32px; }

/* -----------------------------------------------------------------------------
   7. 游戏卡片滑块（online-casino / live-casino / land-based）
   原因：.slide-container 的宽高只写在 ≥766px 的媒体查询里，
        手机上没有任何尺寸，卡片直接按图片原始像素撑开（实测 600px 宽）。
   ----------------------------------------------------------------------------- */
#online-casino-games .default-slider .swiper .slide-container,
#online-casino-games .two-rows-slider .swiper .slide-container.one-row,
#live-casino-games .default-slider .swiper .slide-container,
#live-casino-games .two-rows-slider .swiper .slide-container.one-row {
  width: 140px; height: 217px;
}
#online-casino-games .two-rows-slider .swiper .slide-container.two-rows,
#live-casino-games .two-rows-slider .swiper .slide-container.two-rows {
  width: 140px; height: 103px;
}
#online-casino-games .swiper-wrapper,
#live-casino-games .swiper-wrapper { gap: 10px; }
#online-casino-games .slider-container,
#live-casino-games .slider-container { padding-left: 16px; }
#online-casino-games .slider-title,
#live-casino-games .slider-title { padding: 28px 0 14px 16px; }

/* 筛选后的平铺网格：原来写死 360px，320 屏溢出、430 屏留白 */
#online-casino-games .games-container,
#live-casino-games .games-container {
  width: 100%;
  max-width: 100%;
  padding: 0 16px;
  margin: 20px auto;
  gap: 10px;
}
#online-casino-games .games-container .slide-container {
  width: calc((100vw - 42px) / 2);
  height: auto;
  aspect-ratio: 191 / 141;
}
#live-casino-games .games-container .slide-container {
  width: calc((100vw - 42px) / 2);
  height: auto;
  aspect-ratio: 191 / 241;
}
#online-casino-games .games-container .slide-container .thumbnail,
#live-casino-games .games-container .slide-container .thumbnail {
  width: 100%; height: 100%; object-fit: cover;
}

/* 移动端筛选条 */
#online-casino-games .mobile-filters,
#live-casino-games .mobile-filters { padding: 0 16px 9px; }
#online-casino-games .mobile-filters .search-container input,
#live-casino-games .mobile-filters .search-container input { font-size: 16px; min-height: 44px; }
#online-casino-games .mobile-filters button,
#live-casino-games .mobile-filters button { min-height: 44px; }
#online-casino-games .desktop-filters .second-row,
#live-casino-games .desktop-filters .second-row { padding: 10px 16px; }
#online-casino-games .desktop-filters .search-container input,
#live-casino-games .desktop-filters .search-container input { font-size: 16px; width: 100%; }
#online-casino-games .desktop-filters .search-container input.focused,
#live-casino-games .desktop-filters .search-container input.focused { width: 100%; }
/* 分类横向滚动条隐藏，但保留惯性滚动 */
#online-casino-games .desktop-filters .categories-list-conainer,
#online-casino-games .desktop-filters .sub-categories-list-container,
#live-casino-games .desktop-filters .categories-list-conainer,
#live-casino-games .desktop-filters .sub-categories-list-container {
  overflow-x: auto; overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
#online-casino-games .desktop-filters .categories-list-conainer::-webkit-scrollbar,
#online-casino-games .desktop-filters .sub-categories-list-container::-webkit-scrollbar,
#live-casino-games .desktop-filters .categories-list-conainer::-webkit-scrollbar,
#live-casino-games .desktop-filters .sub-categories-list-container::-webkit-scrollbar { display: none; }

/* 底部固定筛选条会挡住内容，留出安全距离 */
#online-casino-games .desktop-filters.sticky,
#live-casino-games .desktop-filters.sticky { padding-bottom: calc(21px + env(safe-area-inset-bottom, 0px)); }

/* -----------------------------------------------------------------------------
   8. Jackpot 三卡片区（online-casino / live-casino / land-based）
   ----------------------------------------------------------------------------- */
#live-casino-page .jackpots,
#land-based-page .jackpots,
.cabinet-page .jackpots { width: 100%; padding: 0 20px; overflow: hidden; margin: 0 auto; }
.jackpot-swiper, .jackpots .swiper { width: 100%; overflow: hidden; }
#jackpot-cards .swiper-wrapper { gap: 16px; }
#jackpot-cards .swiper-slide { width: calc(100vw - 40px); }
.jackpot-navigation { display: none; }
.jackpot-card { padding: 36px 22px 30px; }
.jackpot-card .text { font-size: 15px; line-height: 1.5; margin: 18px 0 24px; height: auto; min-height: 0; }
.jackpot-card a { font-size: 14px; padding: 11px 34px; }

/* -----------------------------------------------------------------------------
   9. Jackpots 页面
   原因：该页的手机端规则被写在 (min-width:480px) and (max-width:766px) 里，
        320–479px 的手机完全落空，标题行与轮播仍是 1395px / 1492px 的桌面宽度。
        这里改成对整个 ≤766px 生效的自适应版本。
   ----------------------------------------------------------------------------- */
#jackpots-page .jackpots-container { margin: 0 auto 40px; width: 100%; padding: 0 16px; }
#jackpots-page .jackpot-box { padding: 32px 20px 48px; }
#jackpots-page .jackpot-box .where-is { margin-bottom: 44px; flex-wrap: wrap; gap: 6px 0; }
#jackpots-page .jackpot-box .where-is span { font-size: 12px; padding: 0 10px; }
#jackpots-page .jackpot-box .jackpot-logo { width: 100%; max-width: 250px; height: auto; margin: 32px auto !important; }
#jackpots-page .jackpot-box .text { width: 100%; font-size: 15px; line-height: 1.55; margin: 0 auto 40px; }
#jackpots-page .jackpot-box ul { padding-left: 6%; }
#jackpots-page .jackpot-box .showcases { width: 100%; flex-direction: column; gap: 20px; }
#jackpots-page .jackpot-box .showcases .showcase { width: 100%; }
#jackpots-page .jackpot-box .showcases .showcase p { font-size: 14px; line-height: 1.5; padding: 18px; }

.jackpot-box { padding-top: 0; }
.jackpot-box h3,
#golden-coins .jackpot-title-row,
#golden-coins-vip .jackpot-title-row { width: 100%; margin: 0 auto; }
.jackpot-box h3 { padding: 26px 0 14px; font-size: 18px; }

#golden-coins .mobile-title { display: block; }
#golden-coins .mobile-title.second-mobile-title { margin-top: 40px; }
#golden-coins .jackpot-title-row,
#golden-coins-vip .jackpot-title-row {
  padding-top: 8px; margin-bottom: 16px; align-items: center; gap: 12px;
}
#golden-coins .jackpot-title-row h4,
#golden-coins-vip .jackpot-title-row h4 { font-size: 14px; line-height: 1.3; }
#golden-coins .jackpot-title-row h4 b { display: none; }
#golden-coins .jackpot-title-row a,
#golden-coins-vip .jackpot-title-row a { font-size: 12px; white-space: nowrap; }
#golden-coins .jackpot-title-row a svg,
#golden-coins-vip .jackpot-title-row a svg { width: 12px; height: 12px; vertical-align: top; }
#golden-coins .jackpot-logo,
#golden-coins-vip .jackpot-logo { margin: 32px auto !important; width: 100% !important; max-width: 250px; }

/* 轮播：一屏一卡，宽度跟随容器 */
.jackpot-box .swiper,
#golden-coins .swiper,
#golden-coins-vip .swiper { width: 100%; margin: 0 auto 8px; }
.jackpot-box .swiper.egypt-quest-slider { margin: 0 auto 24px; }
.jackpot-box .swiper-wrapper,
#golden-coins .swiper-wrapper,
#golden-coins-vip .swiper-wrapper { gap: 12px; }
.jackpot-box .swiper-slide,
#golden-coins .swiper-slide,
#golden-coins-vip .swiper-slide { width: calc(100vw - 72px); height: auto; aspect-ratio: 16 / 10; }
.jackpot-box .slide-container,
#golden-coins .slide-container,
#golden-coins-vip .slide-container { width: 100%; height: 100%; }
.jackpot-box .swiper .slide-container .thumbnail,
#golden-coins .swiper .slide-container .thumbnail,
#golden-coins-vip .swiper .slide-container .thumbnail {
  width: 100%; height: 100% !important; object-fit: cover;
}
/* 手机无 hover，直接把整块做成可点区域 */
.jackpot-box .swiper .slide-container .hoover-plate,
#golden-coins .swiper .slide-container .hoover-plate,
#golden-coins-vip .swiper .slide-container .hoover-plate { opacity: 1; background-color: transparent; transition: none; }
.jackpot-box .swiper .slide-container .hoover-plate .buttons-group,
#golden-coins .swiper .slide-container .hoover-plate .buttons-group,
#golden-coins-vip .swiper .slide-container .hoover-plate .buttons-group {
  width: 100%; height: 100%; top: 0; left: 0; transform: none;
}
.jackpot-box .swiper .slide-container .hoover-plate .play-demo-btn,
#golden-coins .swiper .slide-container .hoover-plate .play-demo-btn,
#golden-coins-vip .swiper .slide-container .hoover-plate .play-demo-btn { display: none; }
.jackpot-box .swiper .slide-container .hoover-plate .more-info-btn,
#golden-coins .swiper .slide-container .hoover-plate .more-info-btn,
#golden-coins-vip .swiper .slide-container .hoover-plate .more-info-btn {
  width: 100%; height: 100%; border: none; border-radius: 0; opacity: 0;
}

/* -----------------------------------------------------------------------------
   10. Live Casino 页面
   ----------------------------------------------------------------------------- */
#technologies { margin: 40px 16px 0; }
#technologies .tab-desk { margin-top: 36px; }
#technologies .tab-desk ul { gap: 0 12px; }
#technologies .tab-desk ul li { width: calc((100vw - 44px) / 2); margin-bottom: 34px; }
#technologies .tab-desk ul li img { width: 42%; }
#technologies .tab-desk ul li h3 { font-size: 13px; margin-top: 18px; }

#the-studio .swiper { width: 100%; max-width: 330px; min-height: 0; }
#the-studio .swiper .swiper-slide img { border-radius: 14px; }
#amuser { margin-top: 70px; padding: 0 20px; }
#amuser img { width: 110px; }

/* -----------------------------------------------------------------------------
   11. Land Based 页面
   ----------------------------------------------------------------------------- */
#cabinets .cabinets-container { gap: 18px; padding: 0 20px; }
#cabinets .cabinets-container .cabinet,
#cabinets .cabinets-container.new-products-container .cabinet { width: 100%; }
#amusebox-videos video { width: 100%; margin: 0 auto 24px; }

/* -----------------------------------------------------------------------------
   12. Online Casino 页面其它区块
   ----------------------------------------------------------------------------- */
#integration { padding: 0 16px 44px; }
#integration .swiper { width: 100%; }
/* 一屏一张完整卡片，不再出现被裁掉一半的第二张 */
#integration .swiper-slide { width: calc(100vw - 32px); max-width: none; min-height: 0; padding: 20px 22px 26px; }
#integration .swiper-slide p { font-size: 32px; }

/* Back Office 图标卡：3 列自动换行（online-casino 桌面端已是这个形态，这里让 live-casino 移动端保持一致） */
#back-office { padding-top: 40px; }
#back-office .swiper { width: 100%; margin-left: auto; margin-right: auto; margin-top: 28px; }
#home-page #back-office .swiper-wrapper,
#live-casino-page #back-office .swiper-wrapper { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
#home-page #back-office .swiper-slide,
#live-casino-page #back-office .swiper-slide { width: calc((100vw - 44px) / 3); min-width: 0; }
#home-page #back-office .swiper-pagination,
#live-casino-page #back-office .swiper-pagination { display: none; }
/* Land-Based 的 Back Office 是较宽的图文卡，按 2 列排 */
#land-based-page #back-office .swiper { padding: 0 20px; }
#land-based-page #back-office .swiper-wrapper { gap: 12px; }
#land-based-page #back-office .swiper-slide { width: calc((100vw - 52px) / 2); min-width: 0; }
/* 卡片内层是 flex，默认按 min-content 撑开会把标题裁掉 */
#land-based-page #back-office .swiper-slide > div { width: 100%; min-width: 0; }
#land-based-page #back-office .swiper-slide h3 { font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
#land-based-page #back-office .text { padding: 0 20px; margin: 20px 0; }

#promotional-tools { margin-top: 90px; padding: 70px 0; }
#promotional-tools h2 { padding-bottom: 44px; }
#promotional-tools .tool h3 { font-size: 22px; line-height: 1.25; }
#promotional-tools .tool img { height: auto; max-height: 170px; margin: 26px 0 20px; }
#promotional-tools .tool p { font-size: 15px; line-height: 1.6; padding: 0 20px; }
#promotional-tools .tool1 { padding-bottom: 56px; }
#promotional-tools .tool2 { padding-top: 56px; }

#exceptional-services { margin: 70px 16px; }

/* 首屏视频：原来固定 80% 宽 + 90vh 高，手机上两侧空太多、竖向又过高 */
#hero-video-container .hero-video-slider { width: calc(100% - 32px); height: 72vh; height: 72svh; min-height: 400px; margin-top: 96px; }
#hero-video-container .hero-video-slider .swiper-wrapper { height: calc(100% - 60px); }
#hero-video-container .herospace-text h1 { font-size: 28px; line-height: 1.25; padding: 60px 28px 24px; }
#hero-video-container .herospace-text .text { padding: 0 28px 24px; font-size: 15px; line-height: 1.65; max-width: 36em; margin-left: auto; margin-right: auto; box-sizing: border-box; }

/* -----------------------------------------------------------------------------
   12b. News 列表页
   原因：搜索框与文章卡片写死 342px，320 屏会溢出、430 屏两侧留白过大。
   ----------------------------------------------------------------------------- */
#all-news { padding-bottom: 130px; }
#all-news h1 { font-size: 28px; line-height: 1.25; padding-top: 104px; padding-bottom: 30px; }
#all-news #articles { gap: 0; }
#all-news .search-container,
#all-news .article { width: calc(100vw - 40px); max-width: 420px; }
#all-news .article { margin: 0 auto 22px; padding: 18px 18px 40px; }
#all-news .article .text { margin: 10px 0 40px; line-height: 1.5; }
#all-news .article a { left: 18px; bottom: 22px; }
#all-news #btn-container { bottom: 56px; }
#all-news #load-more-btn { min-height: 44px; display: inline-flex; align-items: center; }

/* -----------------------------------------------------------------------------
   13. 页脚
   ----------------------------------------------------------------------------- */
#footer { padding: 0 20px; }
#footer #to-contact-form h2 { font-size: 24px; padding: 0; }
#footer #contact-details { padding: 40px 0; }
#footer .footer-main-menu { padding: 40px 0 20px; }
#footer .social-icons { width: 100%; max-width: 240px; }
#footer .social-icons a { width: 40px; height: 40px; padding-top: 10px; }
#footer #bottom-text-and-menu { padding: 34px 0 calc(34px + env(safe-area-inset-bottom, 0px)); }
#footer #bottom-text-and-menu .footer-bottom-menu li a { padding: 4px 0; display: inline-block; }

/* -----------------------------------------------------------------------------
   14. 年龄确认弹窗
   ----------------------------------------------------------------------------- */
#age-confirmation-popup { padding: 16px; }
.age-conf-container { padding: 28px 18px; }
.age-conf-container p { font-size: 15px; line-height: 1.5; margin-top: 24px; }
.age-conf-container .buttons { gap: 12px; }
.age-conf-container button { min-height: 46px; }

} /* end @media (max-width: 766px) */


/* =============================================================================
   小屏手机兜底（≤359px：iPhone SE 一代等）
   ============================================================================= */
@media screen and (max-width: 359px) {

h2 { font-size: 22px; padding: 38px 16px; }
#header { left: 8px; right: 8px; padding: 15px 16px; }

#counting-numbers .group .number { font-size: 38px; }
#counting-numbers .group .text { font-size: 15px; }

#awards .swiper { width: calc(100vw - 60px); }
#awards .swiper-slide { width: calc((100vw - 72px) / 2); }
#awards .swiper-slide .img-container { min-height: calc((100vw - 72px) / 2); }

#latest-news { padding-left: 12px; padding-right: 12px; }
#latest-news .swiper-slide { width: calc(100vw - 56px); }

#online-casino-games .default-slider .swiper .slide-container,
#online-casino-games .two-rows-slider .swiper .slide-container.one-row,
#live-casino-games .default-slider .swiper .slide-container,
#live-casino-games .two-rows-slider .swiper .slide-container.one-row { width: 120px; height: 186px; }
#online-casino-games .two-rows-slider .swiper .slide-container.two-rows,
#live-casino-games .two-rows-slider .swiper .slide-container.two-rows { width: 120px; height: 89px; }

#technologies .tab-desk ul li { width: 100%; }

#home-page #back-office .swiper-slide,
#live-casino-page #back-office .swiper-slide { min-height: 0; padding: 16px 6px; }
#home-page #back-office .swiper-slide h3,
#live-casino-page #back-office .swiper-slide h3 { font-size: 12px; line-height: 1.3; padding-top: 10px; }

.jackpot-card { padding: 30px 16px 26px; }
.jackpot-card a { padding: 11px 24px; }

#jackpots-page .jackpot-box { padding: 26px 14px 40px; }
#golden-coins .jackpot-title-row h4,
#golden-coins-vip .jackpot-title-row h4 { font-size: 13px; }

#footer { padding: 0 14px; }
#footer #to-contact-form h2 { font-size: 21px; }

#all-news h1 { font-size: 24px; }
#integration .swiper-slide { padding: 18px 16px 22px; }

}