/*
Theme Name: Baccarat888
Theme URI: https://baccarat888j.com
Description: Faithful WordPress reproduction of the baccarat888j.com casino site — the original's own class names, stylesheet rules, images and fonts, fully self-contained (zero external requests).
Author: Baccarat888
Version: 2.0.0
Text Domain: baccarat888
*/

/* ---------- Mitr (the original's Google Fonts files, served locally) ---------- */
@font-face{font-family:'Mitr';font-style:normal;font-weight:200;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8fMZJIPecmNE.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'Mitr';font-style:normal;font-weight:200;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8fMZJJjecmNE.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Mitr';font-style:normal;font-weight:200;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8fMZJJnecmNE.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Mitr';font-style:normal;font-weight:200;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8fMZJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mitr';font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8ZcaJIPecmNE.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'Mitr';font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8ZcaJJjecmNE.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Mitr';font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8ZcaJJnecmNE.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Mitr';font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8ZcaJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mitr';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/pxiLypw5ucZF-Sg4Maj_.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'Mitr';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/pxiLypw5ucZF-TM4Maj_.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Mitr';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/pxiLypw5ucZF-TI4Maj_.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Mitr';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/pxiLypw5ucZF-Tw4MQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mitr';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8c8bJIPecmNE.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'Mitr';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8c8bJJjecmNE.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Mitr';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8c8bJJnecmNE.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Mitr';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8c8bJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mitr';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8eMcJIPecmNE.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'Mitr';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8eMcJJjecmNE.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Mitr';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8eMcJJnecmNE.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Mitr';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8eMcJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mitr';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8YcdJIPecmNE.woff2) format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:'Mitr';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8YcdJJjecmNE.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Mitr';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8YcdJJnecmNE.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Mitr';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/pxiEypw5ucZF8YcdJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- base (original global stylesheet) ---------- */
:root{--white:#ffff;--gray:#636363;--red:#ff0200;--light-dark:#333;--light-yellow:#f2cc63;--yellow:#dfa000;--primary:#dd9104;--secondary:#fdb900;--light-primary:#1c1087;--deep-primary:#0041a2}
*,:after,:before{box-sizing:border-box}
*{font-family:Mitr,Raleway,sans-serif}
* h1,* h2,* h3,* h4,* h5{font-family:inherit!important}
* p,* span,* label{font-weight:300;font-family:inherit!important}
html,body{width:100%;height:100%;font-family:Mitr,sans-serif;margin:0;padding:0}
body{color:#000000d9;background-color:#fff;font-size:14px;line-height:1.5715;font-feature-settings:"tnum";-webkit-text-size-adjust:100%}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;color:#000000d9;font-weight:500}
address,dl,ol,p,pre,ul{margin-top:0;margin-bottom:1em}
a{color:inherit;text-decoration:none;cursor:pointer;transition:color .3s}
a,a:active,a:focus,a:hover{outline:0;text-decoration:none}
img{border-style:none;max-width:100%}
b,strong{font-weight:bolder}
button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}
button{cursor:pointer}
button:focus{outline:none!important}
table{border-collapse:collapse}
::-webkit-scrollbar{width:3px;height:3px;background-color:transparent}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.3);border-radius:10px;background-color:transparent}
::-webkit-scrollbar-thumb{border-radius:10px;background-color:#f8b400}
body.admin-bar .header-bg{top:32px}

/* ---------- buttons ---------- */
.btn-yell,button.btn-yell,.btn-primary,button.btn-primary{height:35px;color:#000;margin:0 3px;cursor:pointer;padding:0 15px;font-weight:300;position:relative;border-radius:4px;transition:all .1s;background:linear-gradient(to top,#b07b15,#ffec91);box-shadow:none;border:none;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;white-space:nowrap}
.btn-yell:focus,.btn-yell:hover,.btn-primary:focus,.btn-primary:hover{outline:none!important;color:#000!important;animation:jello-horizontal .7s both}
.btn-red,button.btn-red,.btn-secondary,button.btn-secondary{height:35px;color:#fff;margin:0 3px;cursor:pointer;padding:0 15px;font-weight:300;position:relative;border-radius:4px;transition:all .1s;background:linear-gradient(to top,#640000,red);box-shadow:none;border:none;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;white-space:nowrap}
.btn-red:focus,.btn-red:hover,.btn-secondary:focus,.btn-secondary:hover{outline:none!important;color:#fff!important;animation:jello-horizontal .7s both}
.btn-third,button.btn-third{height:35px;color:#fff;margin:0 3px;cursor:pointer;padding:0 15px;font-weight:300;position:relative;border-radius:4px;transition:all .1s;background:linear-gradient(to top,#3b571b,#74a23f);border:none;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.btn-white,button.btn-white{height:35px;color:#612000;margin:0 3px;cursor:pointer;padding:0 15px;font-weight:300;position:relative;border-radius:40px;transition:all .1s;background:#fff;border:none;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.btn-black,button.btn-black{height:35px;color:#fff;margin:0 3px;cursor:pointer;padding:0 15px;font-weight:300;position:relative;border-radius:40px;transition:all .1s;background:linear-gradient(to top,#000,#666);border:1px solid #feb800;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
@keyframes jello-horizontal{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}
.w200{width:100%;max-width:200px}
.btn-center{display:flex;margin:40px 0 0;text-align:center;justify-content:center;gap:6px;flex-wrap:wrap}
.btn-center img{border-radius:6px}

/* ---------- gold gradient text / titles ---------- */
.tx-grad,.text-title{font-weight:300;background-image:linear-gradient(to top,#ffec91,#eab84c,#b07b15),linear-gradient(to bottom,#fff,#fff);letter-spacing:normal;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.text-title{margin-top:20px;text-align:center;padding:20px 0;font-size:21px;margin-bottom:10.5px;color:var(--yellow)}
h2.text-title{font-size:21px}
.group-title{display:flex;margin-top:20px;align-items:center}
.group-title>a.tx-grad,.group-title>span{color:var(--primary);margin-right:10px;padding-right:10px;border-right:1px solid var(--primary)}
.group-title>a.ah1{font-size:28px;font-weight:300;margin:18.76px 0;display:block}
.group-title .white-big{color:#fff;font-size:18px;-webkit-text-fill-color:#fff;background:none}
.text-center{text-align:center}.text-white{color:#fff}.text-primary{color:var(--primary)}.text-red{color:red}
.mh-50{min-height:50vh}.mh-70{min-height:70vh}
.posirion-re{position:relative}
.w-100{width:100%}

/* ---------- layout / backgrounds ---------- */
.container{width:100%;padding:10px;margin:0 auto}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
.bg-black{background-color:#000}
.bg-baccarat{margin:auto;max-width:1140px;background:url(assets/image/bg/nav-bg.png),#000;background-size:contain;background-position:bottom;background-repeat:no-repeat}
@media screen and (max-width:768px){.bg-baccarat{background-size:120% auto;background-position:center 99%}}
@media screen and (max-width:600px){.bg-baccarat{background-position:center 80%}}
.bg-baccarat-opa{margin:auto;max-width:1140px;background:url(assets/image/bg/bg-s.png),#000;background-size:contain;background-position:bottom;background-repeat:no-repeat}
.bg-grad{background:radial-gradient(#b40000,#500000)}
.bg-elegant{background-size:80px auto;background-repeat:repeat;position:relative;background-image:url(assets/image/bg/elegant-s.png)}
.bg-elegant:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(45deg,rgba(0,0,0,.4784313725),transparent)}
.bg-elegant>*{position:relative}
.sec-border{display:flex;height:25px}
.border-l{flex:1;height:25px;background:url(assets/image/bg/b-l.png) no-repeat 100% 0;background-size:contain}
.border-r{flex:1;height:25px;background:url(assets/image/bg/b-r.png) no-repeat 0 0;background-size:contain}

/* ---------- header (fixed) ---------- */
.navtoggle{display:none}
.header-bg{top:0;left:0;right:0;z-index:14;padding:0 10px;position:fixed;min-height:40px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .5s ease-out;box-shadow:0 4px 17px #000;background-image:url(assets/image/bg/top-bg.png)}
.setHNav{height:103px}
.header-fx{display:flex;align-items:center;justify-content:space-between}
.header-left{display:flex;align-items:center}
.header-left .i-menu-wrap{display:flex;cursor:pointer}
.header-left .i-menu{width:50px;cursor:pointer;padding-left:5px;margin-right:10px;padding-right:10px}
.header-left .i-menu:hover{filter:brightness(1.3)}
.header-left .m-logo{cursor:pointer;max-width:100px;display:block}
.header-left .setW-head{width:50px;display:none}
.header-left .setW-head a{color:#fff;font-size:7px;display:flex;align-items:center;flex-direction:column;justify-content:center}
.header-left .setW-head a img{width:35px}
.header-right{display:flex;align-items:flex-end;flex-direction:column}
.header-right .btn-primary,.header-right .btn-secondary{min-width:100px}
.form-login-panel{display:flex;margin-top:6px;margin-bottom:15px;align-items:flex-end}
.head-login-form{display:flex;position:relative;gap:6px;margin-right:6px}
.ant-input{height:35px;width:150px;font-size:14px;color:#fff;background:#333;border:1px solid var(--yellow);border-radius:40px;padding:4px 15px;outline:0;font-family:inherit;font-weight:300}
.ant-input::placeholder{color:#bfbfbf;font-weight:300}
.head-login-form a.btn-forgot{right:10px;bottom:-20px;font-size:10px;color:var(--primary);font-style:italic;position:absolute}
.head-login-form a.btn-forgot:hover{color:var(--yellow);font-style:normal;text-decoration:underline}
.nav-menu{margin-top:5px}
.nav-menu ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.nav-menu li{margin:0;position:relative}
.nav-menu a{color:#ffec91;background-image:linear-gradient(to top,#ffec91,#eab84c,#b07b15),linear-gradient(to bottom,#fff,#fff);letter-spacing:normal;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;font-size:14px;padding:0 4px;font-weight:400;position:relative;white-space:nowrap}
.nav-menu li:not(:last-child):after{content:"";position:absolute;right:-1px;top:5px;height:12px;width:1px;background:#b07b15;opacity:.7}
.nav-menu a:hover,.nav-menu a.active{color:#fff;-webkit-text-fill-color:#fff}
@media screen and (max-width:992px){.setHNav{height:77px}.header-bg .container{padding:0;max-width:100%}.nav-menu a{font-size:10px}}
@media screen and (max-width:820px){.header-bg{padding:0}.setHNav{height:122px}.header-fx{padding:10px 10px 0;flex-direction:column-reverse}.header-left{width:100%;display:flex;align-items:center;justify-content:space-between}.header-left .i-menu{width:40px}.header-left .setW-head{display:block;width:40px}.header-right{width:100%}.form-login-panel{display:none}.nav-menu{display:none}}

/* ---------- left drawer ---------- */
.nav-left-panel{top:0;bottom:0;z-index:16;left:-100%;width:250px;height:100vh;overflow:auto;position:fixed;padding:0 0 30px;transition:all .6s;background:#000;box-shadow:2px 0 50px #000}
.navtoggle:checked~.nav-left-panel{left:0;transition:all .3s}
.nav-left-panel-bg{position:fixed;inset:0;z-index:15;background:rgba(0,0,0,.65);display:none;cursor:pointer}
.navtoggle:checked~.nav-left-panel-bg{display:block}
.drawer-top{display:flex;justify-content:flex-end;padding:10px 12px 0}
.icon-close{color:#fff;font-size:16px;cursor:pointer}
.nav-left-panel .img-box{padding:0 50px 6px}
.nav-left-panel .img-box img{width:100%;display:block}
.nav-grid{grid-gap:0;display:grid;margin:10px 0;padding:0;list-style:none;justify-content:center;grid-template-columns:27% 27% 27%}
.nav-grid li{width:100%;padding:1px;list-style:none}
.nav-grid li a{display:block}
.nav-grid li a:hover{filter:brightness(1.2)}
.nav-grid li img{width:100%;display:block}
.nav-list .btn-primary,.nav-list .btn-secondary{width:160px;height:35px;display:flex;padding:0 10px;font-size:14px;margin:10px auto}
.nav-left-panel .img-nav img{width:100%;display:block}

/* ---------- marquee ---------- */
.panel-marquee{display:flex;margin:15px 0;border-radius:40px;color:#fff;background:red;height:32px;align-items:center;overflow:hidden}
.panel-marquee img{width:20px;height:20px;margin:6px 8px;flex:0 0 auto}
.marquee{width:100%;overflow:hidden;position:relative}
.marquee-text{display:inline-block;white-space:nowrap;padding-left:100%;font-size:14px;font-weight:300;animation:marquee-scroll 30s linear infinite}
@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}
@media screen and (max-width:400px){.panel-marquee img{margin:2px 8px}.marquee-text{font-size:11px}}

/* ---------- carousels (banner + game pages) ---------- */
.banner-panel{width:100%;position:relative;margin:auto;background:#000}
.banner-panel .track,.game-carousel .track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.banner-panel .track::-webkit-scrollbar,.game-carousel .track::-webkit-scrollbar{display:none}
.banner-panel .box-carousel{flex:0 0 100%;scroll-snap-align:start}
.banner-box-img img{width:100%;display:block}
.slick-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:6px;list-style:none;margin:0;padding:0;z-index:3}
.slick-dots button{width:6px;height:6px;border-radius:40px;background:#e0e0e0;border:0;padding:0;font-size:0;cursor:pointer}
.slick-dots button.on{background:var(--red)}
.game-carousel{margin-bottom:20px;position:relative;padding-bottom:16px}
.game-carousel .track>.game-grid{flex:0 0 100%;scroll-snap-align:start;margin:0 auto}
.game-carousel .slick-dots{bottom:0}

/* ---------- game grids / cards ---------- */
.game-grid{display:grid;margin:20px auto;justify-content:center;grid-template-columns:repeat(6,16.5%)}
@media screen and (max-width:768px){.game-grid{grid-template-columns:repeat(4,25%)}}
@media screen and (max-width:460px){.game-grid{grid-template-columns:repeat(3,33%)}}
.grid-casino .game-grid{grid-template-columns:repeat(3,33%)}
@media screen and (max-width:600px){.grid-casino .game-grid{grid-template-columns:repeat(2,50%)}}
.game-box{margin:8px}
.game-name{font-size:10px;color:var(--primary);text-align:center;margin-bottom:10px}
.game-name.white span{color:#fff}
.game-block{width:100%;position:relative;overflow:hidden;border-radius:4px}
.game-block img{width:100%;max-width:100%;display:block}
.game-item{cursor:pointer;display:block;color:#fff;text-align:center;overflow:hidden;position:relative}
.game-item:hover{color:var(--primary)}
.game-item:hover .game-image{filter:blur(3px);transform:scale(1.2);transition:all .4s}
.game-item:hover .game-footer-button{opacity:1}
.game-footer-box{inset:0;z-index:1;width:100%;position:absolute}
.game-footer-bar{left:0;right:0;bottom:0;display:flex;padding:5px 2px;position:absolute;align-items:flex-end;justify-content:space-between;background:linear-gradient(0deg,black,transparent)}
.game-footer-bar .game-name{color:#fff;margin-bottom:0}
.game-footer-button{top:45%;left:50%;opacity:0;width:70%;z-index:1;position:absolute;transition:all .4s;text-align:center;transform:translate(-50%,-50%)}
.game-footer-button .btn-red,.game-footer-button .btn-primary{margin:3px;width:100%;max-width:80px;padding:0 6px;display:inline-flex;justify-content:center}
.favorite-bar img{width:15px!important;height:15px;cursor:pointer;object-fit:contain}
.provider-list{display:flex;flex-wrap:wrap;margin-top:10px;padding:10px 2px;border-radius:10px;justify-content:center;border:2px solid #fff;box-shadow:0 0 6px #fff,inset 0 0 6px #fff,0 0 12px #3783bd,inset 0 0 12px #3783bd,0 0 24px #3783bd,inset 0 0 24px #3783bd}
.provider-list img{margin:2px;width:100px;cursor:pointer;max-height:100px;border-radius:5px;object-fit:contain;background:#ffffff08}
.search-box{display:flex;gap:6px;margin:14px 0;max-width:420px}
.search-box .ant-input{flex:1;width:auto}
.empty-msg{color:#fff;text-align:center;padding:40px 10px;font-size:16px;font-weight:300}

/* ---------- leaderboard ---------- */
.box-leaderboard{margin:20px 0;padding:20px 0;border-radius:10px}
.leaderboard-table-wrapper{position:relative;min-height:220px}
.leader-panel{display:grid;grid-template-columns:160px auto}
.leader-type button{width:100%;border:none;color:#fff;padding:10px 0;cursor:pointer;background:transparent;font-weight:300}
.leader-type button.active{color:var(--primary)}
.leader-filter{margin-bottom:1rem;border-bottom:1px solid var(--primary)}
.leader-filter .btn-filter{display:flex}
.leader-filter .btn-filter button{flex:1;color:#fff;cursor:pointer;border:0;background:transparent;font-weight:300;padding:6px}
.leader-filter .btn-filter button.active{color:var(--primary)}
.leader-detail{padding:10px}
.leaderboard-box-table{overflow-x:auto}
.leaderboard-table{width:100%;min-width:370px}
.leaderboard-table .leaderboard-thead-tr{background:#1a1a1a}
.leaderboard-table .leaderboard-thead-tr th{padding:4px;color:#fff;font-weight:400}
.leaderboard-table .leaderboard-tbody-tr td{padding:4px;color:#fff;font-weight:300;text-align:center}
.leaderboard-table .leaderboard-tbody-tr .-rank{color:var(--primary)}
.leaderboard-table .leaderboard-tbody-tr .-rank img{height:30px;display:inline-block}
.leaderboard-table .leaderboard-tbody-tr:nth-child(odd){background:#5b0000}
.leaderboard-table .leaderboard-tbody-tr:nth-child(2n){background:#700000}
.leaderboard-table .leaderboard-tbody-tr.no1{background:linear-gradient(90deg,#dd7f00,#deaa02)}
.leaderboard-table .leaderboard-tbody-tr.no2{background:linear-gradient(90deg,#3d4853,#a3a3a3)}
.leaderboard-table .leaderboard-tbody-tr.no3{background:linear-gradient(90deg,#513619,#aa7249)}
.leaderboard-table .td-reward{margin:auto;display:flex;min-width:150px;width:fit-content;border-radius:16px;align-items:center;padding:.2rem .75rem;color:var(--primary);background:#222121;justify-content:space-between}
.leaderboard-table .td-reward img{width:15px;margin-right:1rem}
.leaderboard-table .-since{min-width:125px}
@media screen and (max-width:768px){.leader-panel{grid-template-columns:100%}.leader-type{display:flex;background:#1a1a1a}.leader-type button{font-size:.7rem}}
@media screen and (max-width:500px){.leaderboard-table{font-size:.7rem}.leaderboard-table .td-reward{min-width:140px}.leaderboard-table .td-reward img{width:11px;margin-right:5px}}

/* ---------- SEO panel (bg-elegant) ---------- */
.panel-baccarat{margin-bottom:50px}
.panel-baccarat h1.tx-grad{font-size:28px;font-weight:300;margin:0 0 14px}
.panel-baccarat h2.tx-grad{font-size:21px;font-weight:300;margin:0 0 12px}
.panel-baccarat img{max-width:100%;display:block;margin:0 0 10px}
.panel-baccarat p{color:#fff;font-size:1.4em;line-height:1.57}
.panel-baccarat ul{color:#fff;margin-top:1em;font-size:1.4em;font-weight:300;margin-bottom:2em;list-style:decimal;padding-left:40px}
.panel-baccarat li{margin-bottom:0}
.iframe-youtube{text-align:center;width:100%}
.iframe-youtube video{width:960px;max-width:100%;display:block;margin:0 auto}
.panel-baccarat .btn-center{margin:40px 0 0}
@media screen and (max-width:450px){.panel-baccarat{font-size:12px}}

/* ---------- news ---------- */
.news-grid{display:grid;grid-template-columns:repeat(1,100%)}
@media (min-width:500px){.news-grid{grid-template-columns:repeat(2,50%)}}
@media (min-width:769px){.news-grid{grid-template-columns:repeat(3,33%)}}
.news-box{margin:20px 4px 4px;cursor:pointer;border-radius:4px;position:relative;transition:all .2s;display:block}
.news-box:hover,.news-box:focus{outline:none;transform:translateY(-2px)}
.news-box img{width:100%;overflow:hidden;border-radius:5px;box-shadow:0 0 0 2px #e6af2e;aspect-ratio:16/9;object-fit:cover;display:block}
.news-img{position:relative}
.news-detail{padding:15px 10px}
.news-detail h3{margin:0;color:#e4b040;font-size:16.38px;font-weight:500;line-height:1.5}
.news-detail h4,.news-detail h5,.news-detail p{margin:0;color:#fff;font-size:14px}

/* ---------- floating contact tabs ---------- */
.right-box{right:0;bottom:15vh;z-index:10;width:50px;position:fixed;transition:all .3s}
.right-box a{width:45px;height:45px;margin:3px;padding:0;display:block;border-top-left-radius:5px;border-bottom-left-radius:5px;background:linear-gradient(to left,#b07b15,#ffec91)}
.right-box img{max-width:100%;display:block}

/* ---------- contact / about strip ---------- */
.box-contact{box-shadow:0 -2px 8px 3px #320000}
.bg-about{padding:10px}
.about{position:relative}
.about p{margin:0;color:#fff;text-align:center;position:relative;font-size:14px;line-height:22px}
.about-content{min-height:200px}
.about-logo{left:-5%;bottom:0;position:absolute}
.about-logo img{max-width:300px;max-height:450px;display:block}
.about-contact{display:flex;align-items:center;margin-bottom:30px;justify-content:center}
.about-contact a{display:block}
.lineimg{width:100%;max-width:200px;display:block}
.line-id{margin:0 20px 20px;display:flex;max-width:250px;align-items:center;flex-direction:column;justify-content:center}
.img-social{max-width:200px;margin-top:10px;display:block}
.img-social img{width:100%;display:block}
.img-social.-line{align-items:center;display:flex!important}
.img-social.-line img{width:40px;height:40px;margin-right:10px}
.img-social.-line span{color:#fff;font-size:33px;font-weight:500}
@media screen and (max-width:992px){.bg-about{position:relative}.about-logo img{max-height:570px}}
@media screen and (max-width:880px){.about-contact{justify-content:flex-end}}
@media screen and (max-width:768px){.about-logo{left:-7%}}
@media screen and (max-width:660px){.about-logo{bottom:20%}.about-contact{margin-left:25vw;flex-direction:column}.line-id{margin:20px 0 0}}
@media screen and (max-width:478px){.img-social.-line span{font-size:23px}.img-social{max-width:150px}}
@media screen and (max-width:440px){.about-logo{top:-7%;left:-10%;bottom:unset}.about-logo img{max-height:400px}.lineimg{max-width:100px}.about p{font-size:10px}.line-id{margin-top:0}}

/* ---------- mobile bottom tab bar ---------- */
.tab-footer-nav{left:0;right:0;bottom:0;z-index:4;position:fixed;background:#181818 url(assets/image/bg/ft.png);background-size:cover;background-position:top;background-repeat:no-repeat;display:none}
.ul-footer{display:flex;padding-left:0;list-style:none;margin:0;height:100px;align-items:flex-end}
.ul-footer li{flex:1;padding:4px;height:80px;list-style:none}
.ul-footer li a{height:100%;display:block;cursor:pointer;text-align:center}
.ul-footer li a:hover img{animation:jello-horizontal .6s both}
.ul-footer li a img{height:100%;max-width:100%;object-fit:contain}
@media screen and (max-width:820px){.tab-footer-nav{display:block}body{padding-bottom:100px}.right-box{bottom:120px}}

/* ---------- footer ---------- */
.footer{background:#040617}
.footer-prov{display:flex;margin:20px 0;flex-wrap:wrap;align-items:center;justify-content:center}
.footer-prov img{margin:5px;max-height:15px}
.footer-prov>img:first-child{max-height:45px;margin:5px 14px}
.footer-us{color:#fff;padding-top:15px;text-align:center;border-top:1px solid rgba(255,255,255,.1490196078);padding-bottom:12px}
.footer-us p{margin-bottom:0;font-size:14px}
@media screen and (max-width:820px){.footer-prov{margin-bottom:40px}}
@media screen and (max-width:500px){.footer-prov{margin-bottom:10px}}
@media screen and (max-width:360px){.footer{padding-bottom:70px}}

/* ---------- promotions ---------- */
.promotion-panel{padding-bottom:30px}
.promo-block{max-width:750px;text-align:center;margin:10px auto 30px;background:#ffffff1f;padding:10px;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
.promo-block img{width:100%;position:relative;box-shadow:0 0 0 2px #f6d196;border-radius:4px;display:block}
.promo-content{text-align:left;padding:10px 30px}
.promo-content p{color:var(--yellow);margin-bottom:0}
.promo-content p.ttl{color:#ffec91;font-weight:400;font-size:16px;margin-bottom:8px}
.promo-content p.lbl{color:#fff;font-weight:400;margin-bottom:4px}
.promo-content strong{color:#fff;font-weight:300;display:block;margin-bottom:6px;line-height:1.6}
.promo-fx{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.promo-fx p{font-size:12px;color:#fff}
.promo-fx .btn-primary{min-width:90px}
@media screen and (max-width:768px){.promo-block{grid-template-columns:1fr}}
@media screen and (max-width:576px){.promo-content{padding:10px}}

/* ---------- gold panels (login / register / member) ---------- */
.login-section,.gold-panel{width:100%;padding:20px;max-width:300px;margin:40px auto;border-radius:8px;box-shadow:inset 0 -1px #fff,inset 0 0 0 1px #c39301;background-image:url(assets/image/bg/bg-gold-s.png);background-size:cover;color:#3a2100}
.gold-panel.wide{max-width:560px}
.gold-panel h1,.gold-panel h2,.gold-panel h3,.login-section h3{color:#612000;font-weight:400;text-align:center;margin:6px 0 10px}
.gold-panel p{color:#3a2100;text-align:center;margin:6px 0}
.gold-panel .note{font-size:12px;color:#7a4b12}
.gold-panel .ico{width:70px;height:70px;object-fit:contain;display:block;margin:0 auto 8px}
.gold-panel ul{color:#3a2100;text-align:left;padding-left:20px}
.gold-panel .btns{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:12px}
.login-body{width:100%;min-height:300px}
.h-40{height:40px;display:block;margin:0 auto}
.login-panel{padding:0;text-align:center}
.inputForm{margin-bottom:20px}
.inputForm .mt-2{margin-top:20px}
.inputForm label{color:#282828;display:block;text-align:left;font-size:14px;margin-bottom:4px;font-weight:300}
.inputForm input{width:100%;color:var(--white);border:1px solid var(--yellow);background:var(--light-dark);padding:4px 15px;height:35px;border-radius:40px;outline:0;font-family:inherit;font-weight:300}
.inputForm input::placeholder{color:#bbb}
.login-forgot{text-align:right;margin-bottom:20px}
.login-forgot a{color:var(--light-dark);font-style:italic;text-decoration:underline;font-size:12px}
.regis-panel{display:grid;grid-gap:3%;margin-top:30px;align-items:flex-start;grid-template-columns:40% auto}
.regis-panel .regis-img{width:100%;max-width:550px;display:block}
.panel-form{border-radius:8px;box-shadow:inset 0 -1px #fff,inset 0 0 0 1px #c39301;background-image:url(assets/image/bg/bg-gold-s.png);background-size:cover;max-width:400px;min-width:300px;margin:0 auto 30px}
.tx-reg{color:#612000;font-weight:400;padding-top:20px;text-align:center;margin:0}
.steps-regis{padding:5px;margin:auto;display:flex;max-width:220px;align-items:center;justify-content:center;gap:4px}
.steps-regis .st{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;background:#000;border:1px solid #000;flex:0 0 auto}
.steps-regis .st.on{border-color:#d7ab4e;background:linear-gradient(to top,red,#640000)}
.steps-regis .arr{width:30px;height:17px;background:url(assets/image/bg/arrow-dot.png) center/contain no-repeat}
.steps-content{min-height:200px;padding:15px 20px 25px}
.steps-content p{color:#282828;text-align:center;font-weight:300}
.steps-content .inputForm{max-width:300px;margin:0 auto 20px}
@media screen and (max-width:768px){.regis-panel{display:flex;align-items:stretch;flex-direction:column-reverse}.regis-panel .regis-img{margin:20px auto auto}.steps-content{padding:10px 15px 35px}}

/* ---------- member area / payment ---------- */
.member-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0 0}
.member-nav a{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:12px;width:96px;padding:8px 4px;border-radius:8px;background:#ffffff14;font-weight:300;text-align:center}
.member-nav a.on{background:#5b0000;color:var(--secondary)}
.member-nav a img{width:32px;height:32px;object-fit:contain;margin-bottom:4px}
i.bank{display:inline-block;border-radius:20%;background-color:gray;vertical-align:middle;width:14px;height:14px;padding:.1em;background-repeat:no-repeat;background-size:75%;background-position:center;background-origin:content-box;overflow:hidden}
i.bank.round{border-radius:50%}
i.bank.shadow{box-shadow:0 0 5px #808080b5}
i.bank.huge{width:64px;height:64px}
.custom-bank-system{padding:10px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.custom-bank-system i{width:64px!important;height:64px!important}
@media screen and (max-width:768px){.custom-bank-system i{width:50px!important;height:50px!important}}
.bank-head{display:flex;align-items:center;justify-content:center}
.bank-deatil{margin-top:7px;padding-top:10px;border-top:1px dashed rgba(97,32,0,.35)}
i.bank.bank-kbank{background-color:#138f2d;background-image:url(assets/image/bank/kbank.svg)}
i.bank.bank-scb{background-color:#4e2e7f;background-image:url(assets/image/bank/scb.svg)}
i.bank.bank-bbl{background-color:#1e4598;background-image:url(assets/image/bank/bbl.svg)}
i.bank.bank-ktb{background-color:#1ba5e1;background-image:url(assets/image/bank/ktb.svg)}
i.bank.bank-bay{background-color:#fec43b;background-image:url(assets/image/bank/bay.svg)}
i.bank.bank-tmb{background-color:#1279be;background-image:url(assets/image/bank/tmb.svg)}
i.bank.bank-ttb{background-color:#ecf0f1;background-image:url(assets/image/bank/ttb.svg)}
i.bank.bank-gsb{background-color:#eb198d;background-image:url(assets/image/bank/gsb.svg)}
i.bank.bank-baac{background-color:#4b9b1d;background-image:url(assets/image/bank/baac.svg)}
i.bank.bank-ghb{background-color:#f57d23;background-image:url(assets/image/bank/ghb.svg)}
i.bank.bank-kkp{background-color:#5b5177;background-image:url(assets/image/bank/kkp.svg)}
i.bank.bank-kk{background-color:#5b5177;background-image:url(assets/image/bank/kk.svg)}
i.bank.bank-tisco{background-color:#12549f;background-image:url(assets/image/bank/tisco.svg)}
i.bank.bank-uob{background-color:#0b3979;background-image:url(assets/image/bank/uob.svg)}
i.bank.bank-cimb{background-color:#7e2f36;background-image:url(assets/image/bank/cimb.svg)}
i.bank.bank-lhb{background-color:#6d6e71;background-image:url(assets/image/bank/lhb.svg)}
i.bank.bank-ibank{background-color:#184615;background-image:url(assets/image/bank/ibank.svg)}
i.bank.bank-tcrb{background-color:#0a4ab3;background-image:url(assets/image/bank/tcrb.svg)}
i.bank.bank-icbc{background-color:#c50f1c;background-image:url(assets/image/bank/icbc.svg)}
i.bank.bank-citi{background-color:#1583c7;background-image:url(assets/image/bank/citi.svg)}
i.bank.bank-sc{background-color:#0f6ea1;background-image:url(assets/image/bank/sc.svg)}
i.bank.bank-hsbc{background-color:#fd0d1b;background-image:url(assets/image/bank/hsbc.svg)}
i.bank.bank-mb{background-color:#150b78;background-image:url(assets/image/bank/mb.svg)}
i.bank.bank-mega{background-color:#815e3b;background-image:url(assets/image/bank/mega.svg)}
i.bank.bank-mufg{background-color:#d61323;background-image:url(assets/image/bank/mufg.svg)}
i.bank.bank-smbc{background-color:#a0d235;background-image:url(assets/image/bank/smbc.svg)}
i.bank.bank-bnp{background-color:#14925e;background-image:url(assets/image/bank/bnp.svg)}
i.bank.bank-boa{background-color:#e11e3c;background-image:url(assets/image/bank/boa.svg)}
i.bank.bank-cacib{background-color:#0e765b;background-image:url(assets/image/bank/cacib.svg)}
i.bank.bank-db{background-color:#0522a5;background-image:url(assets/image/bank/db.svg)}
i.bank.bank-jpm{background-color:#321c10;background-image:url(assets/image/bank/jpm.svg)}
i.bank.bank-rbs{background-color:#032952;background-image:url(assets/image/bank/rbs.svg)}
i.bank.bank-tbank{background-color:#fc4f1f;background-image:url(assets/image/bank/tbank.svg)}
i.bank.bank-pp{background-color:#00427a;background-image:url(assets/image/bank/pp.svg)}
i.bank.bank-tmn{background-color:#ecf0f1;background-image:url(assets/image/bank/tmn.svg)}

/* ---------- point member ---------- */
.point-member-panel{margin:auto;max-width:768px}
.point-member-panel>img{width:100%;margin-bottom:20px;display:block;border-radius:6px}
.point-member-panel p{color:#fff;text-align:center}
.point-member-table{margin:auto;max-width:600px}
.point-table table{width:100%;box-shadow:3px 4px 8px #00000057;background:#ffeeaa1c;border-collapse:collapse}
.point-table th{text-align:center;font-weight:300;color:#612000;background-color:#989898c7;padding:8px}
.point-table td{font-weight:300;border-bottom:1px solid rgba(97,32,0,.0509803922);color:var(--primary);padding:8px;text-align:center;background:#61200008}

/* ---------- referral (ลิงค์รับทรัพย์) ---------- */
.refer-banner{max-width:750px;margin:10px auto;display:block}
.refer-banner img{width:100%;display:block;border-radius:6px;box-shadow:0 0 0 2px #f6d196}
.refer-text{max-width:900px;margin:20px auto 0}
.refer-text p{color:#fff;font-size:16px;line-height:1.8}
.refer-text h2{color:var(--yellow);font-weight:300;text-align:center}
.refer-text .hl{color:var(--secondary);font-weight:400;text-align:center}
.refer-text table{width:100%;min-width:520px;color:#fff;font-weight:300}
.refer-text .tbl{overflow-x:auto;margin:10px 0 16px}
.refer-text th{background:#1a1a1a;color:#fff;font-weight:400;padding:6px}
.refer-text td{padding:6px;text-align:center}
.refer-text tr:nth-child(odd) td{background:#5b0000}.refer-text tr:nth-child(even) td{background:#700000}
.refer-text tr.sum td{background:linear-gradient(90deg,#dd7f00,#deaa02);color:#000;font-weight:400}

/* ---------- spin wheel ---------- */
.spin-page{background:url(assets/image/bg/bg-spin.png) center top/cover no-repeat;padding:20px 10px 40px;text-align:center}
.spin-page .wheel{position:relative;max-width:420px;margin:0 auto}
.spin-page .wheel img{width:100%;display:block}
.spin-page .wheel .spin-btn{position:absolute;left:50%;top:50%;width:26%;transform:translate(-50%,-50%);cursor:pointer}
.spin-page .spin-footer{max-width:520px;margin:10px auto 0}

/* ---------- detail / article pages ---------- */
.detail-slot{max-width:90%;margin:30px auto}
.detail-slot h1,.detail-slot h2{color:#fff;font-weight:300}
.detail-slot h2.text-title{text-align:left}
.detail-slot p,.detail-slot li{color:#fff;font-weight:300;font-size:15px;line-height:1.9}
.detail-slot ul{padding-left:10px;list-style:square}
.detail-slot li{margin-bottom:15px}
.detail-slot img{max-width:100%;border-radius:6px}
.detail-slot .meta{color:var(--primary);font-size:13px;margin-bottom:14px}
.detail-slot .content h2,.detail-slot .content h3{color:var(--secondary);font-weight:300}
.detail-slot .content a{color:var(--secondary)}
@media screen and (max-width:500px){.detail-slot{max-width:100%}}
.pagination-box{text-align:center;margin:20px 0}
.pagination-box .page-numbers{color:#fff;padding:4px 10px;border:1px solid var(--yellow);border-radius:4px;margin:0 2px;display:inline-block}
.pagination-box .page-numbers.current{background:linear-gradient(to top,#b07b15,#ffec91);color:#000}