/* =========================================================
   V22 MOBILE FIRST OVERRIDES — 360px to 430px
   ========================================================= */
@media (max-width: 767px){
  :root{--container:min(100% - 20px,1240px)}
  html{scroll-padding-top:72px;-webkit-text-size-adjust:100%}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom));overflow-x:hidden}
  .container{width:calc(100% - 20px);max-width:100%;margin-inline:auto}
  img,svg,video,canvas{max-width:100%}
  button,a,input,select,textarea{touch-action:manipulation}
  button,a{-webkit-tap-highlight-color:transparent}

  /* Header and mobile navigation */
  .gold-header,.site-header{position:sticky;top:0}
  .gold-header-inner,.header-inner{min-height:66px!important;gap:8px!important}
  .gold-brand img,.brand img{height:43px!important;max-width:185px;object-fit:contain}
  .gold-head-actions,.header-actions{margin-left:auto;gap:7px}
  .gold-menu,.menu-button{display:grid!important;width:44px;height:44px;min-width:44px;border-radius:12px}
  .gold-menu img,.menu-button img{width:23px;height:23px}
  .gold-nav,.main-nav{top:66px!important;left:8px!important;right:8px!important;max-height:calc(100dvh - 82px);overflow-y:auto;padding:8px!important;border-radius:15px!important;box-shadow:0 24px 60px rgba(0,0,0,.58)}
  .gold-nav a,.main-nav a{min-height:48px;display:flex;align-items:center;padding:0 15px!important;border-radius:10px;font-size:14px!important}
  .gold-nav a.active,.main-nav a.active{background:rgba(185,239,61,.08)}
  .adult-bar .container{padding:7px 0;font-size:10px;line-height:1.45}

  /* Home quick menu: no hidden horizontal scroll */
  .home-quick-menu{position:relative!important;top:auto!important;z-index:5;overflow:visible}
  .home-quick-menu-inner{width:100%!important;min-height:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;padding:0!important;border:0!important}
  .home-quick-menu a,.home-quick-menu button{min-width:0!important;min-height:76px;justify-content:center!important;flex-direction:column;gap:5px;padding:9px 4px!important;border-right:1px solid rgba(225,185,63,.12)!important;border-bottom:1px solid rgba(225,185,63,.12);text-align:center}
  .home-quick-menu a:nth-child(3n),.home-quick-menu button:nth-child(3n){border-right:0!important}
  .home-quick-menu a:nth-last-child(-n+3),.home-quick-menu button:nth-last-child(-n+3){border-bottom:0}
  .ui-v13 .home-quick-menu .vector-icon{width:33px!important;height:33px!important;border-radius:10px}
  .ui-v13 .home-quick-menu .vector-icon img{width:20px!important;height:20px!important}
  .home-quick-menu b{font-size:10px!important;line-height:1.2;white-space:normal!important;word-break:keep-all}
  .home-quick-menu small{display:none!important}

  /* Main cover and CTA */
  .v3-main-cover{padding:12px 0 20px!important}
  .v3-cover-wrap{gap:10px}
  .v3-cover-link{width:100%;border-radius:14px!important}
  .v3-cover-link img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
  .v3-cover-actions,.v9-cover-actions{width:100%;grid-template-columns:1fr!important;gap:8px!important}
  .v9-cover-actions .v9-official-button{min-height:56px!important;border-radius:14px}.v9-cover-actions .v9-official-button span{font-size:17px!important}.v9-cover-actions .v9-official-button em{font-size:31px!important}
  .v9-cover-actions .v9-code-button{min-height:52px!important;border-radius:13px}.v9-code-button b{font-size:25px!important}

  /* Global typography and sections */
  .section,.gold-section,.v3-benefit-section{padding-top:34px!important;padding-bottom:34px!important}
  .section-head,.gold-section-title{margin-bottom:18px!important}
  .section-head h2,.gold-section-title h2{font-size:25px!important;line-height:1.24;word-break:keep-all}
  .gold-section-title small{font-size:9px!important}
  .hero-copy h1,.gold-hero-copy h1{font-size:clamp(38px,12vw,50px)!important;line-height:1!important}
  .subhero h1,.plain-hero h1,.notice-hero h1{font-size:clamp(36px,11vw,46px)!important;line-height:1.08!important}
  .feature-copy h2,.cta-banner h2,.gold-wide-promo-copy h2{font-size:30px!important}
  p{overflow-wrap:anywhere}

  /* Cards and posters */
  .home-posters,.v3-poster-grid{grid-template-columns:1fr!important;gap:16px!important}
  .v3-poster-grid article{border-radius:16px!important}
  .v3-poster-grid article>a{padding:14px 13px!important;gap:8px}
  .v3-poster-grid article>a b{font-size:14px!important;line-height:1.35}
  .v3-poster-grid article>a span{font-size:11px!important;white-space:nowrap}
  .poster-card{padding:6px!important;border-radius:15px!important}
  .benefit-gallery{grid-template-columns:1fr!important;gap:14px!important}
  .benefit-poster{grid-template-columns:112px minmax(0,1fr)!important;gap:11px!important;padding:10px!important;border-radius:16px!important}
  .benefit-poster h2{font-size:17px!important;line-height:1.35}.benefit-poster p{font-size:11px!important;line-height:1.6}
  .benefit-summary{grid-template-columns:repeat(2,1fr)!important}.benefit-summary div{padding:15px 8px!important}.benefit-summary b{font-size:25px!important}
  .gold-benefit-grid,.gold-trust-row,.gold-dual-grid,.gold-info-grid,.game-grid,.deposit-grid,.support-grid,.verify-grid,.responsible-grid{grid-template-columns:1fr!important}
  .gold-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .gold-shortcuts a{min-height:104px;padding:13px 7px!important}.gold-shortcuts a b{font-size:12px!important}
  .gold-dual-card{grid-template-columns:95px minmax(0,1fr)!important}.gold-dual-card img{width:95px!important;height:125px!important}.gold-dual-card h2{font-size:18px!important}
  .step-list article{grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;padding:16px 13px!important}.step-list article>span{width:46px;height:46px;border-radius:13px}
  .cta-banner{padding:20px 14px!important}.cta-banner>div:last-child{width:100%;display:grid!important}.cta-banner .btn{width:100%;min-height:50px}

  /* Footer and bottom dock */
  .gold-footer,.site-footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  .gold-footer-main,.gold-footer-bottom,.footer-official{gap:14px!important}
  .gold-footer-main>div img,.footer-brand img{height:50px!important}
  .gold-footer-main>a,.footer-official>a{width:100%!important;min-width:0!important;min-height:58px!important}
  .seo-footer-links{gap:8px 14px!important;padding-bottom:16px!important;font-size:10px!important}
  .mobile-dock{display:grid!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;padding:6px!important;gap:6px!important;border-radius:15px!important;z-index:120!important;box-shadow:0 18px 48px rgba(0,0,0,.55)}
  .mobile-dock button,.mobile-dock a{min-width:0;height:48px!important;padding:0 8px;font-size:12px;line-height:1.2;text-align:center}
  .toast,.protection-toast{bottom:calc(78px + env(safe-area-inset-bottom))!important;max-width:calc(100% - 24px);text-align:center}

  /* Lightbox and popups */
  .lightbox-dialog{width:calc(100vw - 12px)!important;height:calc(100dvh - 20px)!important}.lightbox-dialog>button{width:42px;height:42px}
  .popup-dialog{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px)!important}

  /* Disable desktop hover movement on touch */
  .ui-v11 .v3-poster-grid article:hover,.ui-v11 .benefit-poster:hover,.ui-v11 .game-grid article:hover,.ui-v11 .gold-info-grid article:hover,.ui-v11 .demo-preview-card:hover,.ui-v11 .gold-shortcuts a:hover{transform:none!important}
}

@media (max-width: 430px){
  .container{width:calc(100% - 16px)}
  .gold-brand img,.brand img{height:40px!important;max-width:170px}
  .home-quick-menu a,.home-quick-menu button{min-height:72px}
  .benefit-poster{grid-template-columns:100px minmax(0,1fr)!important}
  .gold-shortcuts{gap:8px!important}
}

@media (max-width: 374px){
  .gold-brand img,.brand img{height:37px!important;max-width:148px}
  .gold-menu,.menu-button{width:42px;height:42px;min-width:42px}
  .home-quick-menu b{font-size:9px!important}
  .ui-v13 .home-quick-menu .vector-icon{width:30px!important;height:30px!important}
  .v3-poster-grid article>a{align-items:flex-start;flex-direction:column}.v3-poster-grid article>a span{white-space:normal}
  .benefit-poster{grid-template-columns:88px minmax(0,1fr)!important}.benefit-poster h2{font-size:15px!important}
}