/* CraftRank Volt theme (Figma: "Theme: Orange (Voltra style)"). A separate theme: its own templates in includes/volt/, nothing from the other themes. */
@font-face{font-family:Kanit;src:url(../fonts/kanit-latin-800-italic.woff2) format("woff2");font-weight:800 900;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Kanit;src:url(../fonts/kanit-latin-ext-800-italic.woff2) format("woff2");font-weight:800 900;font-style:italic;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Kanit;src:url(../fonts/kanit-latin-700-italic.woff2) format("woff2");font-weight:500 700;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Kanit;src:url(../fonts/kanit-latin-ext-700-italic.woff2) format("woff2");font-weight:500 700;font-style:italic;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Cairo;src:url(../fonts/cairo-latin-400-normal.woff2) format("woff2");font-weight:300 500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cairo;src:url(../fonts/cairo-latin-ext-400-normal.woff2) format("woff2");font-weight:300 500;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Cairo;src:url(../fonts/cairo-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cairo;src:url(../fonts/cairo-latin-700-normal.woff2) format("woff2");font-weight:700 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cairo;src:url(../fonts/cairo-latin-ext-700-normal.woff2) format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--bg:#1e1e1e;--s1:#252525;--s2:#2b2b2b;--s0:#191919;--ln:rgba(255,255,255,.08);--tx:#b7b7b7;--wh:#fff;--a:#ff7a1a;--a2:#ff9a4d;--on:#3ddc6a;--off:#ff5a5a}
*{box-sizing:border-box;margin:0;padding:0}
body{margin:0;min-width:320px;background:var(--bg);color:var(--tx);font:400 16px/1.6 Cairo,sans-serif}
.w{width:min(1080px,100% - 32px);margin:0 auto}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.h{font:800 italic 64px/1 Kanit,sans-serif;text-transform:uppercase;color:var(--wh);letter-spacing:-.5px}
.h2{font:800 italic 40px/1.05 Kanit;text-transform:uppercase;color:#fff}
.h3{font:800 italic 20px/1.2 Kanit;text-transform:uppercase;color:#fff}
.k{font:800 italic 20px/1 Kanit;text-transform:uppercase;color:var(--a)}
.ks{font:800 italic 12px/1 Kanit;text-transform:uppercase;color:var(--a);letter-spacing:.4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;font:700 italic 14px/1 Kanit;text-transform:uppercase;letter-spacing:.5px;color:#140a02;background:var(--a);white-space:nowrap}
.btn.wh{background:#fff;color:#111}
.btn.o{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.btn.sm{height:34px;padding:0 14px;font-size:12px}
.btn.lg{height:58px;padding:0 30px;font-size:16px}
.top{height:30px;background:var(--a);color:#140a02;font:600 13px/30px Cairo}
.top .w{display:flex;justify-content:space-between}
.top b{font:800 italic 13px/30px Kanit;text-transform:uppercase;margin-right:10px}
.top nav span{margin-left:22px;font-weight:700}
.nav{height:88px;background:#161616;border-bottom:1px solid var(--ln)}
.nav.ov{position:absolute;top:30px;left:0;right:0;z-index:3;background:transparent;border:0}
.nav .w{display:flex;align-items:center;height:88px}
.nav img{height:34px}
.nav ul{display:flex;list-style:none;margin-left:auto;gap:30px;align-items:center}
.nav li{font:700 italic 14px/1 Kanit;text-transform:uppercase;color:#eee}
.nav li.on{color:var(--a)}
.nav .btn{height:40px;padding:0 16px;font-size:13px}
.av{display:inline-flex;align-items:center;gap:8px;font:700 italic 13px/1 Kanit;color:#fff;text-transform:uppercase}
.av img{width:30px;height:30px;image-rendering:pixelated}
.crumb{font:600 13px/1 Cairo;color:#888;margin-bottom:18px}
.crumb b{color:var(--a);font-weight:600}
.pghead{position:relative;padding:56px 0 50px;background:#1a1a1a center/cover;border-bottom:1px solid var(--ln)}
.pghead.img:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,22,22,.94) 0,rgba(22,22,22,.7) 50%,rgba(22,22,22,.35)),linear-gradient(0deg,var(--bg),transparent 60%)}
.pghead .w{position:relative}
.pghead p{margin-top:16px;max-width:580px;color:#ccc}
.card{background:var(--s1);padding:26px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.side{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:start}
.sideL{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start}
.rule{border-top:1px solid rgba(255,255,255,.85)}
.rule>div{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid rgba(255,255,255,.85);font:800 italic 15px/1.2 Kanit;color:#fff;text-transform:uppercase;padding:10px 4px}
.rule small{display:block;font:400 12px/1.4 Cairo;color:#aaa;text-transform:none}
.rule em{color:var(--a);font-style:normal;font-size:20px}
.stat b{display:block;font:800 italic 40px/1 Kanit;color:#fff}
.stat small{font:800 italic 12px/1 Kanit;color:var(--a);text-transform:uppercase}
.statrow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.statrow .stat{padding:24px 0 22px;text-align:center;border-right:1px solid var(--ln)}
.statrow .stat:last-child{border:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{height:34px;padding:0 15px;font:700 italic 12px/34px Kanit;text-transform:uppercase;color:#ddd;background:var(--s1)}
.chips span.on{background:var(--a);color:#140a02}
.pill{display:inline-block;font:800 italic 10px/18px Kanit;color:#140a02;background:var(--a);padding:0 6px;text-transform:uppercase;vertical-align:2px}
.pill.g{background:var(--on)}
.pill.d{background:#3a3a3a;color:#ddd}
.dot{color:var(--on)}
.row{display:grid;grid-template-columns:64px 56px 250px 1fr 150px 64px 112px;align-items:center;gap:16px;height:86px;padding:0 20px;background:var(--s1);margin-bottom:6px}
.row.ad{background:#2c2015;outline:1px solid rgba(255,122,26,.45)}
.row .rk{font:800 italic 28px/1 Kanit;color:var(--a)}
.row .rk.g{color:#777}
.row .ic{width:56px;height:56px}
.row b{display:block;font:800 italic 18px/1.1 Kanit;color:#fff;text-transform:uppercase}
.row small{font:400 13px/1.4 Cairo;color:#aaa}
.row .bn{height:60px;width:100%;object-fit:cover}
.row .bn.e{background:#1a1a1a}
.row .ip{font:600 13px/34px Cairo;color:#ddd;background:#1a1a1a;padding:0 12px;white-space:nowrap;overflow:hidden}
.row .vt{font:800 italic 18px/1 Kanit;color:#fff;text-align:center}
.row .vt small{display:block;font:700 italic 10px/1.4 Kanit;color:var(--a);text-transform:uppercase}
.row .act{display:flex;flex-direction:column;gap:6px}
.row .act .btn{height:32px;font-size:12px;padding:0}
.in{height:50px;background:#151515;border:1px solid rgba(255,255,255,.14);color:#888;font:400 15px/48px Cairo;padding:0 16px}
.in.on{border-color:var(--a);color:#eee}
.lbl{display:block;font:800 italic 12px/1 Kanit;color:#fff;text-transform:uppercase;margin:18px 0 8px}
.hint{font-size:13px;color:#888;margin-top:6px}
.ta{height:150px;line-height:1.6;padding-top:12px}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;font:800 italic 11px/1 Kanit;color:#888;text-transform:uppercase;padding:12px 14px;border-bottom:1px solid var(--ln)}
.tbl td{padding:13px 14px;border-bottom:1px solid var(--ln);color:#ccc}
.tbl td b{color:#fff;font-weight:700}
.tabs{display:flex;gap:28px;border-bottom:1px solid var(--ln);margin-bottom:24px}
.tabs span,.tabs a{font:700 italic 14px/1 Kanit;text-transform:uppercase;color:#999;padding:0 0 14px}
.tabs span.on,.tabs a.on{color:#fff;border-bottom:3px solid var(--a)}
.bars{display:flex;align-items:flex-end;gap:5px;height:150px}
.bars i{flex:1;background:linear-gradient(0deg,rgba(255,122,26,.35),var(--a))}
.dash{display:grid;grid-template-columns:250px 1fr;min-height:1000px}
.dash aside{background:#171717;border-right:1px solid var(--ln);padding:26px 0}
.dash aside .g{font:800 italic 11px/1 Kanit;color:#666;text-transform:uppercase;padding:18px 26px 10px}
.dash aside div.i{font:700 italic 14px/1 Kanit;color:#ccc;text-transform:uppercase;padding:13px 26px}
.dash aside div.i.on{color:#fff;background:#232323;border-left:3px solid var(--a)}
.dash main{padding:36px 44px}
/* real markup on top of the Figma tokens */
.top nav a{margin-left:22px;font-weight:700}
.top a:hover{text-decoration:underline}
.nav li a:hover{color:var(--a)}
.nav li.on a{color:var(--a)}
.nav .av{color:#fff}
.nav .av img{border-radius:0}
button.btn{border:0;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.btn.o:hover{border-color:#fff}
.dot{color:var(--on)}
h1,h2,h3{margin:0}
@media (max-width:980px){.nav ul{gap:16px;flex-wrap:wrap;justify-content:flex-end}.nav li{font-size:12px}.top nav a:not(:last-child){display:none}.ft .w{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.nav .w{height:auto;padding:14px 0;flex-direction:column;gap:12px}.nav ul{margin:0;justify-content:center}.top .w span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
video.banner,img.banner{display:block;width:100%;height:auto;object-fit:cover}
.row .bn video{height:60px}
/* server row (volt_row) and chip links, shared by every page */
.row .ic{object-fit:cover;background:#1a1a1a;image-rendering:pixelated}
.row .nm{min-width:0}.row .nm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .nm b a:hover{color:var(--a)}
.row .nm small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .bn{display:block;height:60px;overflow:hidden;background:#1a1a1a}
.row .bn img,.row .bn picture,.row .bn video{display:block;width:100%;height:60px;object-fit:cover}
.row .act .btn{height:32px;font-size:12px;padding:0}
.row .act button{border:1px solid rgba(255,255,255,.35);cursor:pointer}
.chips a{display:inline-block;height:34px;padding:0 15px;font:700 italic 12px/34px Kanit;text-transform:uppercase;color:#ddd;background:var(--s1)}
.chips a.on{background:var(--a);color:#140a02}
.chips a:hover:not(.on){color:#fff;background:#333}
.lnk{color:var(--a)}.lnk:hover{text-decoration:underline}
.muted{color:#999}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.crumb a:hover{color:#fff}
:focus-visible{outline:2px solid var(--a);outline-offset:2px}
@media (max-width:980px){.row{grid-template-columns:44px 48px 1fr 96px;gap:12px;height:auto;padding:12px}.row .bn,.row .ip,.row .vt{display:none}.side,.sideL,.grid2,.grid3{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}.h{font-size:44px}}
@media (max-width:640px){.nav.ov{position:relative;top:0;background:#161616}.hero,.hero .w{min-height:0}.hero .w{padding-top:40px}.hero .h{font-size:44px}}
.pghead p a{color:var(--a)}.pghead p a:hover{text-decoration:underline}
.kv{display:flex;justify-content:space-between;gap:24px;padding:10px 0;border-bottom:1px solid var(--ln);font-size:14px}.kv:last-child{border:0}.kv b{color:#fff;text-align:right;min-width:0;overflow-wrap:anywhere}
@media (max-width:640px){.top .w{flex-wrap:nowrap;gap:12px}.top .w>span{flex:1;min-width:0}.top nav{flex:none;white-space:nowrap}.top nav a{margin-left:0}}
.pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.pager a,.pager span{min-width:42px;height:42px;padding:0 10px;box-sizing:border-box;background:var(--s1);font:800 italic 15px/42px Kanit;color:#ccc;text-align:center}
.pager .cur{background:var(--a);color:#140a02}
.pager .gap{background:none}
.side>*,.sideL>*{min-width:0}
.note{background:var(--s1);border-left:3px solid var(--a);padding:12px 16px;margin:0 0 16px;font-size:14px;color:#ddd}.note-ok{border-color:var(--on)}.note-err{border-color:#e5484d;background:#2a1717}
.err{background:#3a1c1c;border-left:3px solid #e5484d;color:#fff;padding:12px 14px;font-size:14px}
input.in,textarea.in,select.in{display:block;width:100%;box-sizing:border-box;outline:0;color:#eee;line-height:normal}
.in:focus{border-color:var(--a)}
.pghead .h span{color:var(--a)}
.dash aside a.i{display:flex;align-items:center;justify-content:space-between;gap:10px;font:700 italic 14px/1 Kanit;color:#ccc;text-transform:uppercase;padding:13px 26px}
.dash aside a.i.on{color:#fff;background:#232323;border-left:3px solid var(--a)}
[hidden]{display:none!important}
@media (max-width:980px){.statrow{grid-template-columns:1fr 1fr}.statrow .stat:nth-child(2){border-right:0}.statrow .stat:nth-child(-n+2){border-bottom:1px solid var(--ln)}}
/* footer (same content as the live footer) */
.ft{margin-top:110px;background:#161616;border-top:3px solid var(--a);padding:56px 0 26px;font-size:14px}
.ft a{color:#aaa}.ft a:hover{color:#fff}
.ft h4{font:800 italic 14px/1 Kanit;color:#fff;text-transform:uppercase;margin:0 0 16px}
.ftp{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding:26px 0;margin-top:40px;border-top:1px solid var(--ln)}
.ftp ul{display:flex;flex-wrap:wrap;gap:28px;list-style:none;padding:0;margin:0}
.ftp img{height:40px;width:auto;filter:grayscale(1) brightness(1.6);opacity:.7}.ftp a:hover img{filter:none;opacity:1}
.ftg{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:32px}
.ftg nav a{display:block;line-height:1.35;padding:5px 0}
.ftb img{height:30px;width:auto}
.ftb p{margin:16px 0 20px;max-width:280px;color:#999}
.ftb .btn{color:#140a02}.ftb .btn:hover{color:#140a02}
.ftb .mail{display:block;margin-top:14px}
.ft .cp{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--ln);padding-top:22px;font-size:13px;color:#888}
.ft .cp nav{display:flex;gap:18px;flex-wrap:wrap}
.note2{margin-top:12px;font-size:12px;color:#777}
@media (max-width:980px){.ftg{grid-template-columns:1fr 1fr}.ftb{grid-column:1/-1}}
/* banners are never cropped: 468x60 ratio, the IP has its own Copy IP button */
.row{grid-template-columns:64px 56px 210px minmax(0,1fr) 64px 112px;height:auto;min-height:86px;padding:12px 20px;box-sizing:border-box}
.row .ip{display:none}
.row .bn{width:100%;max-width:468px;height:auto;aspect-ratio:468/60;justify-self:center}
.row .bn img,.row .bn picture,.row .bn video{width:100%;height:100%;object-fit:fill}
.row .bn .banner-fallback{display:flex;align-items:center;gap:8px;height:100%;padding:0 10px;overflow:hidden;background:#111}
.row .bn .banner-fallback img{width:auto;height:70%;flex:none}
.row .bn .bf-text{display:flex;flex-direction:column;min-width:0;font:600 11px/1.3 Cairo}.row .bn .bf-name{color:#fff}.row .bn .bf-motd{color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .bn.e{aspect-ratio:468/60}
.pghead,.sh,.hero{background-clip:padding-box;background-origin:padding-box}
@media (max-width:980px){.row{grid-template-columns:44px 48px 1fr 96px;padding:12px}}
/* language menu (i18n_switcher) */
.ft .lang{margin-top:18px}
.langdd{position:relative;display:inline-block}
.langdd summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.2);color:#ddd;font:600 13px Cairo}
.langdd summary::-webkit-details-marker{display:none}
.langdd[open] summary{border-color:var(--a)}
.langdd-menu{position:absolute;bottom:42px;left:0;min-width:170px;background:#232323;border:1px solid rgba(255,255,255,.15);z-index:20;padding:6px 0}
.langdd-menu a{display:block;padding:8px 14px;color:#ccc}
.langdd-menu a:hover,.langdd-menu a.on{color:#fff;background:#2c2c2c}
.langdd-menu a.on{border-left:3px solid var(--a)}
.langhint{display:flex;justify-content:center;align-items:center;gap:12px;background:#2b1d12;color:#fff;font:600 14px Cairo;padding:8px 16px}
.langhint a{color:var(--a)}.langhint button{background:none;border:0;color:#aaa;font-size:20px;cursor:pointer}
.tabs a em{font:800 italic 11px/18px Kanit;color:#ccc;background:#333;padding:0 6px;font-style:normal}.tabs a.on em,.tabs a.warn em{color:#140a02;background:var(--a)}
.btn.dng{background:transparent;color:#ff6b6b;border:1px solid rgba(255,90,90,.5)}
.pill.r{background:#e5484d;color:#fff}.pill.o{background:transparent;color:#ccc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.ybn{display:block;width:100%;aspect-ratio:468/60;background:#1a1a1a;overflow:hidden}.ybn img,.ybn video,.ybn picture{width:100%;height:100%;object-fit:fill}
.tabs{overflow-x:auto;scrollbar-width:none}.tabs a,.tabs span{white-space:nowrap;flex:none}
input[type=datetime-local],input[type=date],input[type=time]{color-scheme:dark}
select.in{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#aaa 50%),linear-gradient(135deg,#aaa 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
.vmsg a.btn,.note a.btn{color:#140a02}
.sel select.in{background-image:none}
/* footer trust strip + security band (Figma "20 Footer") */
.ft .cp{margin-top:30px}
/* illustrated backgrounds: keep the art bright, darken only behind the text */
.pghead.img{background-position:center 40%}
.pghead.img:before{background:linear-gradient(90deg,rgba(18,18,18,.86) 0,rgba(18,18,18,.55) 38%,rgba(18,18,18,.08) 75%,rgba(18,18,18,0)),linear-gradient(0deg,var(--bg) 0,rgba(30,30,30,0) 30%)}
/* button text keeps its colour on hover, whatever link colour the page sets */
.volt a.btn:not(.o):not(.wh),.volt button.btn:not(.o):not(.wh){color:#140a02}
.volt a.btn.wh,.volt button.btn.wh{color:#111}
.volt a.btn.o,.volt button.btn.o{color:#fff}
/* breadcrumbs and lead text stay readable on the bright illustrated backgrounds */
.sh .crumb,.pghead.img .crumb,.hero .crumb{text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.75);color:#ddd}
.sh .crumb a,.pghead.img .crumb a{color:#eee}
.sh .meta,.pghead.img p{text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.6)}
[data-fit]{white-space:nowrap;hyphens:none;overflow-wrap:normal}
/* videos in descriptions (desc_html): full width, 16:9 */
.desc-video{position:relative;width:100%;aspect-ratio:16/9;margin:0 0 18px;background:#000;border:1px solid var(--ln)}
.desc-video iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;display:block}
/* footer: security and payment features around the mascot (Figma "21 Footer: full") */
.ft{padding-top:64px}
.ffs{margin-bottom:56px}
.ffh{text-align:center;margin-bottom:30px}
.ffh .ks{color:var(--a)}
.ffh .sign{margin:10px 0 0;font:800 italic 34px/1.05 Kanit;color:#fff;text-transform:uppercase}
.ffg{display:grid;grid-template-columns:1fr 300px 1fr;align-items:center;min-height:540px}
.ffg.nopay{grid-template-columns:300px 1fr;max-width:760px;margin:0 auto}
.ffg .col{display:flex;flex-direction:column;gap:22px;position:relative;z-index:2}
.ffg .col.l{align-items:flex-end}.ffg .col.r{align-items:flex-start}
.ffg .fc{width:350px;box-sizing:border-box;display:flex;gap:16px;align-items:center;background:#232323;padding:18px 20px;box-shadow:0 10px 30px rgba(0,0,0,.35);color:inherit;transition:background .15s}
a.fc:hover{background:#2a2a2a}
.ffg .col.l .fc:nth-child(2),.ffg .col.l .fc:nth-child(3){margin-right:46px}
.ffg .col.r .fc:nth-child(2),.ffg .col.r .fc:nth-child(3){margin-left:46px}
.ffg .fc img{width:64px;height:64px;object-fit:contain;flex:none}
.ffg .fc b{display:block;font:800 italic 17px/1.1 Kanit;color:#fff;text-transform:uppercase}
.ffg .fc.hi b{color:var(--a)}
.ffg .fc p{margin:6px 0 0;font:400 14px/1.45 Cairo;color:#aaa}
.ffg .fc p a{color:var(--a)}
.ffg .nets{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0 0;padding:0}
.ffg .nets a{display:block;font:700 11px/22px Cairo;color:#ddd;background:#2c2c2c;padding:0 8px}.ffg .nets a:hover{color:#fff;background:#363636}
.ffg .mid{position:relative;height:540px;display:flex;align-items:flex-end;justify-content:center}
.ffg .mid:before{content:"";position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.22) 0,rgba(255,122,26,.08) 45%,rgba(255,122,26,0) 70%);pointer-events:none}
.ffg .mid:after{content:"";position:absolute;left:50%;top:50%;width:360px;height:360px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,122,26,.25);pointer-events:none}
.ffg .mid img{position:relative;z-index:1;height:520px;width:auto;display:block}
.bdg{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}
.bdg img{display:block;height:auto}
.ffs+.ftg{padding-top:50px;border-top:1px solid var(--ln)}
@media (max-width:1100px){.ffg,.ffg.nopay{grid-template-columns:1fr;min-height:0}.ffg .mid{order:-1;height:340px}.ffg .mid img{height:330px}.ffg .mid:before{width:340px;height:340px}.ffg .mid:after{width:240px;height:240px}.ffg .col{align-items:stretch!important;margin-top:16px;gap:12px}.ffg .fc{width:auto;margin:0!important}.ffh .sign{font-size:26px}}
.ffg .fc{text-align:left}
.payl{text-align:center;margin:30px auto 0;max-width:820px;font:400 13px/1.6 Cairo;color:#888}.payl a{color:var(--a)}
.ffg .fc{min-height:104px}
/* cookie notice (gads_consent_banner) */
.ck-bar{position:fixed;left:20px;bottom:20px;z-index:60;width:360px;max-width:calc(100% - 40px);box-sizing:border-box;display:grid;grid-template-columns:48px 1fr;gap:12px 14px;align-items:start;background:#232323;border-top:3px solid var(--a);padding:18px 20px;box-shadow:0 14px 40px rgba(0,0,0,.55)}
.ck-bar .ck-ic{width:48px;height:auto;display:block}
.ck-bar p{margin:0;font:400 14px/1.5 Cairo;color:#bbb}
.ck-bar p b{display:block;margin-bottom:4px;font:800 italic 16px/1.1 Kanit;color:#fff;text-transform:uppercase}
.ck-bar p a{color:var(--a)}.ck-bar p a:hover{color:#fff}
.ck-bar .ck-btns{grid-column:1/-1;display:flex;gap:8px}
.ck-bar .ck-btns .btn{flex:1;height:40px;padding:0 14px;font-size:13px;border:0;cursor:pointer}
.volt .ck-bar .ck-btns button.btn.btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.volt .ck-bar .ck-btns button.btn.btn-ghost:hover{box-shadow:inset 0 0 0 1px #fff}
@media (max-width:520px){.ck-bar{left:0;right:0;bottom:0;width:auto;max-width:none}}
/* monochrome character backgrounds: keep the faces in view */
.pghead.img{background-color:#0b0b0b;background-position:center 22%}
.pghead.img.anch,.sh.anch{background-color:#000;background-repeat:no-repeat}
.pghead.img.anch:before{background:linear-gradient(90deg,#000 var(--l),rgba(0,0,0,0) calc(var(--l) + 380px)),linear-gradient(90deg,rgba(18,18,18,.86) 0,rgba(18,18,18,.55) 38%,rgba(18,18,18,.05) 75%,rgba(18,18,18,0)),linear-gradient(0deg,var(--bg) 0,rgba(30,30,30,0) 30%)}
.sh.anch:before{background:linear-gradient(90deg,#000 var(--l),rgba(0,0,0,0) calc(var(--l) + 380px)),linear-gradient(0deg,var(--bg) 2%,rgba(20,20,20,.5) 45%,rgba(20,20,20,.05))}