/* Custom components use the TST DARK palette defined in style.css. */
.vip-area{padding:20px 0}
.vip-area .tt{text-align:center;padding:30px 0 20px}
.game_tab{border:1px solid #303A34;padding:5px 15px;margin:0 5px;border:1px solid #303A34;border-radius:16px;background-color:#252D29;display:flex;align-items:center;cursor:pointer;color:#E9D900}
.game_tab img{max-height:34px}
.game_tab span{text-transform:uppercase;font-weight:bold;width:100%;text-align:center}
.slick-current .game_tab,.game_tab:hover{background:linear-gradient(#E9D900,#E9D900);color:#080B0A;border-color:transparent}
.vip-area .tnc{padding:20px}
.vip-area .tnc h5{font-weight:bold;text-transform:uppercase}
.vip-area .tnc ul{margin:0}
.vip-dbox{width:440px;background-color:#1A211E;box-shadow:0 0 15px #303A34;border-radius:10px 10px 0 0;padding:15px;margin:100px 0 30px}
.vip-dbox .dtop{text-align:center;padding-bottom:15px}
.vip-dbox .dtop .iicon{margin-top:-100px;display:inline-block}
.vip-dbox .dtop .title{font-size:22px;text-transform:uppercase;font-weight:bold}
.vip-dbox .dcon{background-color:#1A211E}
.vip-dbox .dcon table{width:100%;border-collapse:collapse;line-height:normal}
.vip-dbox .dcon td{border:1px solid #303A34;color:#747E77;font-weight:bold;font-size:16px;padding:10px;text-align:center}
.vip-dbox .dcon td.t2{font-size:20px;color:#E9D900;text-transform:uppercase}
.vip-dbox .dcon small{font-size:12px;display:block;font-weight:normal}
.slick-current .vip-dbox{background:linear-gradient(180deg, #E9D900 0%, #E9D900 100%);box-shadow:0 0 15px #F4F1E8}
.slick-current .vip-dbox .dtop .title{color:#F4F1E8}
.slick-current .vip-dbox .dtop .iicon{filter:drop-shadow(0 0 12px #F4F1E8)}
.slider-nav02 .slick-track{transform:none !important; white-space:nowrap;overflow-x:auto;width:100%!important}
.slider-nav02 .slick-slide{width:150px !important;float:none;display:inline-block}
.slider-single02{padding:20px 0}
.slider-single02 .slick-track{transform:none !important;width:100% !important}
.slider-single02 .slick-list{overflow:visible !important}
.slider-single02 .slick-slide{transition:all 180ms;opacity:0;height:auto;position:absolute;top:0}
.slider-single02 .slick-slide.slick-current{position:relative;z-index:3;opacity:1;top:0;left:50%;transform:translateX(-50%)}
.slider-single02 .slick-slide.sp,.slider-single02 .slick-slide.sn{transform:scale(0.78);position:absolute;z-index:2;top:35px;opacity:1}
.slider-single02 .slick-slide.sp2,.slider-single02 .slick-slide.sn2{transform:scale(0.6);position:absolute;z-index:1;top:60px;opacity:1}
.slider-single02 .slick-slide.sp{left:0}
.slider-single02 .slick-slide.sp2{left:-22%}
.slider-single02 .slick-slide.sn{right:0}
.slider-single02 .slick-slide.sn2{right:-22%}

.refinfobox {}
.refinfobox img { width: 100% }
.refinfobox .info { display: flex; gap: 12px; justify-content: center; align-items: center; margin: 20px }

.epromobox {  }
.epromobox .ccon { display:flex; flex-wrap:wrap; position:absolute; bottom:10%; /*left:2%; width:90%*/ margin:0 10% }

#modalPoGame .modal-content { border:0px; background-color:transparent }

.modal-eve .modal-dialog {--bs-modal-width:656px}
    .modal-eve .modal-content { border:0px; background-color:transparent }
.epbox { position:relative; width:20%; margin-top:6px }
    .epbox .bbg {  }
        .epbox .bbg img { max-width:100% }
    .epbox .desc { position:absolute; display:flex; flex-direction:column; top:26%; width:100%; text-align:center; line-height:normal }
        .epbox .desc small { color:#E9D900; font-size:12px; font-weight:bold; }
        .epbox .desc span { color:#F06464; font-size:22px; font-weight:bold; line-height:26px }
    .epbox .act { position:absolute; bottom:0; display:flex; justify-content:center; align-items:center; color:#F4F1E8; font-weight:bold; font-size:16px; width:88%; height:18%; }
.epbox.miss { filter:grayscale(1) }
.epbox.ready { cursor: pointer; animation: blinkShadow 2s ease infinite; filter: drop-shadow(0 0 0 transparent) brightness(1) }
.epbox.done {  }
    .epbox.done::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../img/e/lucky8882025/checked.png); background-size:100% 100%; background-repeat:no-repeat; z-index:1 }

.vip-content{background-color:#1A211E!important;}        
.vip-table tr th,
.vip-table tr td{text-align:center;}
.table-vip th:first-child {width: 160px;min-width: 160px;}
.table-vip td:first-child {width: 160px;min-width: 160px;}
.vip-content thead{background-color:unset!important;}
.vip-content h3{color:#E9D900;border-bottom:1px solid #303A34;}
.vip-content table th{background-color:#1A211E!important;color:#E9D900!important;border:none;padding:10px;}
.vip-content table td{background-color:#1A211E!important;color:#F4F1E8!important;border:none;padding:10px;text-align:center;}
		.vip-tr-center{text-align:center;}
.vip-content .vip-level{color:#F4F1E8!important;font-size:22px;padding:10px;}
    .vip-content .vip-level p{font-size:8px;margin-bottom:3px;}
    .vip-content .vip-member-title {font-family: 'Allura', cursive;}
.vip-content .vip-member-text {font-family: 'Allura', cursive;font-size: 20px;font-weight: 400;color: #E9D900;letter-spacing: 4.5px;font-style: italic;display: block;margin-top:-18px;}
    .vip-content table {border-collapse: collapse;width: 100%;}
.vip-content .tick {color: #F4F1E8;font-size: 15px;font-weight: bold;}
.vip-content tr {position: relative;}
    .vip-content tr::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 3px; background: linear-gradient( to right, #1A211E 0%, #E9D900 50%, #1A211E 100% );}
.vip-content .vip-card{margin-bottom:20px;}
.vip-glow {animation-name:buttonGlowing; animation-duration:2.5s; animation-timing-function:linear; animation-direction:normal; animation-iteration-count:infinite; }
@keyframes blinkShadow{
    50%{
        filter:drop-shadow(0 0 6px #E9D900) brightness(1.2);transform:scale(1.06)
    }
}

.wdms-wrapper { display:none; margin-bottom:16px; }
.wdms-wrapper.aaa { display:block }
    .wdms-wrapper .ttop { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px }
        .wdms-wrapper .ttop .iimg { width:100%; text-align:center }
            .wdms-wrapper .ttop .iimg img { max-width:100% }
        .wdms-wrapper .ttop .desc { width:100%; font-size:12px; line-height:normal; text-align:center; }
    .wdms-wrapper .ccon { display:flex; justify-content:center; align-items:center; gap:8px; margin-top:8px; flex-wrap:wrap }
    
.wdmsbox { position:relative; filter:grayscale(1); width:calc(25% - 6px); pointer-events:none }
    .wdmsbox .bbg {  }
        .wdmsbox .bbg img { max-width:100%; filter:hue-rotate(315deg) }
    .wdmsbox .wdms { position:absolute; width:92%; height:80%; left:4%; top:10%; display:flex; justify-content:space-around }
        .wdmsbox .wdms .mms { display:flex; flex-direction:column; justify-content:center; align-items:center; color:#F4F1E8; width:50% }
            .wdmsbox .wdms .mms small { font-size:8px }
            .wdmsbox .wdms .mms span { font-size:18px; font-weight:bold; line-height:18px }
            .wdmsbox .wdms .mms .btn-s2 { margin-top:3px; font-size:12px; line-height:normal; font-weight:bold; text-align:center; background-image:linear-gradient(-77deg,#E9D900,#E9D900); color:#E9D900; text-transform:uppercase; border-radius:30px; padding:0px 5px; width:100% }
            .wdmsbox .wdms .mms.s2 {  }
                .wdmsbox .wdms .mms.s2 span { color:#E9D900 }
    .wdmsbox .wdms .line { width:2px; height:100%; background-color:#E9D900; margin:0px 5px }
.wdmsbox.ready,.wdmsbox.done { filter:grayscale(0); }
.wdmsbox.ready { cursor:pointer; pointer-events:auto }

.spdbox { cursor:pointer; display:none }
.spdbox.aaa { display:flex; }
.spdbox img { max-height:46px }

.dpqrwrap { margin:22px 0px; display:flex; justify-content:center; align-items:center; gap:12px }
    .dpqrbox { display:flex; flex-direction:column; }
    .dpqrbox .ttitle { text-align:center; padding-bottom:6px; }
    .dpqrbox .iimg { max-width:200px; margin:0 auto }
        .dpqrbox .iimg img { width:100% }
    .dpqrrate { font-size:14px; font-weight:bold; border-radius:0.5rem; line-height:normal; padding:12px 24px; background-color:#111715 }
        .dpqrrate span { display:inline-block }

.pointshop.promo-wrap { margin-top:20px }
.pointshop-title{color:#E9D900;}
.pointshop-title-arrivals{color:#F4F1E8;text-align:center;}
.pointshop .prmenu { background:unset; gap:20px; justify-content:normal;overflow-y:hidden;height:80px; }
.pointshop .prmenu a {color: #F4F1E8;background: #111715;padding: 12px 18px;font-weight: bold;white-space: nowrap;border-radius: 6px;width: 100%;text-align: center;}
        .pointshop .prmenu a.aaa,
        .pointshop .prmenu a:hover {color: #F4F1E8;background: #252D29;}
/*.pointshop .prcon {margin:18px 0px;display:flex;gap:12px;flex-wrap:wrap;position:relative;}
.pointshop .prbox {background:var(--promo-box-bgcolor);border-radius:12px;overflow:hidden;width:0;opacity:0;visibility:hidden;height:0;position:absolute;padding:8px;cursor:pointer;transform: translateY(20px);transition: transform 0.5s ease, opacity 0.3s ease;}
.pointshop .prbox .iimg {border-radius:12px;overflow:hidden;}
.pointshop .prbox .iimg img {width:100%;}
.pointshop .prbox .ccon {padding:12px;}
.pointshop .prbox .ccon h6 {margin:0;font-size:16px;}
.pointshop .prbox .ccon small {font-size:10px;display:block;color:#ffffff;}
.pointshop .prbox .ccon .act {display:flex;justify-content:center;align-items:center;gap:8px;margin-top:8px;}
.pointshop .prbox.aaa {opacity:0.5;visibility:visible;height:100%;width:calc(50% - 6px);position:relative;transform: translateY(0);}
.pointshop .prbox.aaa.noo {opacity:1;}
.pointshop .prbox.ready {opacity:1;animation: glow 1.6s linear infinite;}
    .pointshop .prbox.s2 {background: #191919;border-radius: 18px;border: 1px solid #DDA546;padding: 12px;align-items: center;display: flex;line-height: normal;gap: 12px;cursor: default;justify-content:center;}
        .pointshop .prbox.s2 .iimg {width: 55%;max-width: 130px;background-color: #ffffff;padding: 5px;border: 1px solid #DDA546;}
.pointshop .prbox.s2 .ccon {padding:0;width:55%;color:#ffffff;}
.pointshop .pshop .cc{margin-top:10px;margin-bottom:10px;}
.pointshop .pshop .cc strong{color:#DDA546;font-size:1rem;}
.pointshop .pshop .act a{border-radius:20px;width:80%;text-transform:uppercase;}
*/
.pointshop .prcon {margin:18px 0;margin-left:2%;display:flex;gap:12px;flex-wrap:wrap;position:relative;}
.pointshop .prbox {background:var(--promo-box-bgcolor);border-radius:12px;overflow:hidden;width:0;opacity:0;visibility:hidden;height:0;position:absolute;padding:8px;cursor:pointer;transform: translateY(20px);transition: transform 0.5s ease, opacity 0.3s ease;}
/*.pointshop .prbox .iimg {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;border-radius: 12px;display:flex;justify-content:center;align-items:center;}
.pointshop .prbox .iimg img {width: 100%;height: 100%;object-fit: cover;display: block;}*/
.pointshop .prbox .ccon {padding:12px;}
.pointshop .prbox .ccon h6 {margin:0;font-size:16px;}
.pointshop .prbox .ccon small {font-size:8px;display:block;color:#F4F1E8;opacity:0.85;}
.pointshop .prbox .ccon .act {display:flex;justify-content:center;align-items:center;gap:8px;margin-top:8px;}
.pointshop .prbox.aaa {opacity:0.5;visibility:visible;height:100%;width:calc(24% - 6px);position:relative;transform: translateY(0);}
.pointshop .prbox.aaa.noo {opacity:1;}
.pointshop .prbox.ready {opacity:1;animation: glow 1.6s linear infinite;}
    .pointshop .prbox.s2 {background: #1A211E;border-radius: 18px;border: 1px solid #303A34;padding: 12px;align-items: center;display: flex;flex-direction:column;line-height: normal;gap: 12px;cursor: default;justify-content:center;}
        /*.pointshop .prbox.s2 .iimg {width: 100%;max-width: 130px;background-color: #ffffff;padding: 6.5px;border: 1px solid #DDA546;}*/
.pointshop .prbox.s2 .ccon {padding:0;width:100%;color:#F4F1E8;}
.pointshop .pshop .tt{font-size:12px;min-height:30px;}
.pointshop .pshop .cc{margin-top:10px;margin-bottom:10px;}
.pointshop .pshop .cc strong{color:#E9D900;font-size:18px;}
.pointshop .pshop .act a{border-radius:20px;display:block;width:100%;text-transform:uppercase;}
.shopcustom-wrapper {position: relative;padding: 10px 20px;}
.shopcustom-swiper .swiper-slide {width: auto;}
.shopcustom-card {width: 100%;background: #1A211E;border-radius: 12px;padding: 15px 10px;text-align: center;color: #F4F1E8;border:1px solid #303A34;}
.shopcustom-img-box {width: 100%;height: 100%;margin: 0 auto 10px;background:#ffffff;padding:5px;border-radius:10px;border:1px solid #303A34;}
.shopcustom-img-box img {width: 100%;height: 100%;object-fit: contain;}
.shopcustom-reward-title {font-size: 8px;}
.shopcustom-points{line-height:normal;}
.shopcustom-points strong {display: block;font-size: 16px;font-weight: bold;color:#E9D900;}
.shopcustom-points span {font-size: 8px;opacity: 0.85;}
.shopcustom-redeem-btn {width: 100%;padding: 2px 0;border-radius: 20px;border: none;background: #E9D900;color: #080B0A;font-weight: bold;font-size: 10px;cursor: pointer;transition: 0.2s;}
.shopcustom-redeem-btn:hover {transform: scale(1.05);}
.shopcustom-card.ready {box-shadow: 0 0 10px rgba(233,217,0,0.6);}
.shopcustom-card.disabled {opacity: 0.6;}
.shopcustom-card.disabled .shopcustom-redeem-btn {background: #1A211E;cursor: not-allowed;}
.shopcustom-nav {position: absolute;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;cursor: pointer;z-index: 10;display: flex;align-items: center;justify-content: center;background: transparent;}
.shopcustom-prev::before,
.shopcustom-next::before {content: "";width: 10px;height: 10px;border: solid #303A34;border-width: 0 2px 2px 0;display: inline-block;}
.shopcustom-prev::before {transform: rotate(135deg);}
.shopcustom-next::before {transform: rotate(-45deg);}
.shopcustom-prev {left: 0;}
.shopcustom-next {right: 0;}
.shopcustom-nav:hover::before {border-color: #E9D900;}
.accbox-content.shopcustom{padding:24px 2px;}
.pointshop-title span{margin-left:20px;}
.shop-section{margin-top:10px;display:block;}
.shop-section.aaa{display:none;}
.shop-section .btns.s1 {color: #F4F1E8;background: #111715;padding: 12px 18px;font-weight: bold;white-space: nowrap;border-radius: 6px;width: 100%;text-align: center;}
.shop-section .prboxcustom.s2{width:100%;}
.shop-section .prboxcustom.aaa {opacity:0.5;visibility:visible;height:100%;width:calc(24% - 6px);position:relative;transform: translateY(0);}
.shop-section .prboxcustom.aaa.noo {opacity:1;}
.shop-section .prboxcustom.ready {opacity:1;animation: glow 1.6s linear infinite;}
    .shop-section .prboxcustom.s2 {width:100%;background: #1A211E;border-radius: 18px;border: 1px solid #303A34;padding: 12px;align-items: center;display: flex;flex-direction:column;line-height: normal;gap: 12px;cursor: default;justify-content:center;}
        .pointshop .prbox.s2 .iimg, .shop-section .prboxcustom.s2 .iimg {width: 100%;max-width: 130px;background-color: #ffffff;padding: 6.5px;border: 1px solid #303A34;border-radius:12px;aspect-ratio: 1 / 1;overflow:hidden;display:flex;justify-content:center;align-items:center;}
            .pointshop .prbox.s2 .iimg img, .shop-section .prboxcustom.s2 .iimg img {max-width: 100%;max-height: 100%;width:auto;height:auto;display: block;}
.shop-section .prboxcustom.s2 .ccon {padding:0;width:100%;color:#F4F1E8;text-align:center;}
.shop-section .pshop .tt{font-size:12px;min-height:30px;}
.shop-section .pshop .cc{margin-top:10px;margin-bottom:10px;}
.shop-section .pshop .cc strong{color:#E9D900;font-size:18px;}
.shop-section .prboxcustom .ccon small {font-size:8px;display:block;color:#F4F1E8;opacity:0.85;}
.shop-section .pshop .act a{border-radius:20px;display:block;width:100%;text-transform:uppercase;}
.shop-banner{margin-bottom:10px;text-align:center;}
.shop-banner img{width:90%;border:1px solid #303A34;}

.pscon-wrapper {color:#F4F1E8;  }
.pscon { text-transform:uppercase; display:flex; flex-direction:column; line-height:normal }
    .pscon h5 { color:#F4F1E8; font-size:18px; font-weight:bold; text-transform:uppercase; margin:0px; text-align:center; line-height:normal }
    .pscon span { color:#E9D900; display:block; text-align:center; font-size:24px; font-weight:bold; text-transform:uppercase; margin:8px 0px }
    .pscon .act { display:flex; justify-content:center; align-items:center; gap:8px; margin-top:6px; text-align:center }
        .pscon .act a { width:100%; max-width:180px; background:#E9D900; color:#080B0A; font-weight:bold; text-transform:uppercase; border:0; border-radius:20px; padding:4px 24px; }
        .pscon .act a.nono { background-color:#252D29 }

.highlightmenu { margin-top:18px;margin-bottom:18px; }
    /*.highlightmenu h4{text-transform:uppercase;}*/
    .highlightmenu .gggl { position:relative; border-radius:16px; overflow:hidden;background: url('/w/assets/img/bg_win.jpg') no-repeat center center; background-size: cover;padding:10px;border:1px solid #303A34; }
    .highlightmenu .gggl .iimg { margin-bottom:70px; }
        .highlightmenu .gggl .iimg img { max-width:auto; width:100% }
    .highlightmenu .gggl .infos { position:relative; color:#F4F1E8; z-index:1; left:3%; width:94%; text-align:left; }
        .highlightmenu .gggl .infos small { font-size:12px; display:block; padding-bottom:4px; }
        .highlightmenu .gggl .infos p { font-size:21px; font-weight:bold; margin:0; line-height:normal; }
        .highlightmenu .gggl .infos a { text-transform:uppercase; background:#E9D900; color:#080B0A; border-radius:80px; padding:4px 0px; text-transform:uppercase; font-size:16px; font-weight:bold; display:block;text-align:center; color: #080B0A;}

    .highlightmenu .winner-header {
        margin-bottom: 15px;
    }

    .highlightmenu .winner-live {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 4px;
        color: #F4F1E8;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .highlightmenu .winner-live-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #F06464;
        box-shadow: 0 0 6px rgba(240,100,100,.8), 0 0 12px rgba(240,100,100,.5);
        animation: winnerPulse 1.8s infinite;
    }

@keyframes winnerPulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.highlightmenu h4 {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
}

.highlightmenu .title-white {
    color: #F4F1E8;
}

.highlightmenu .title-gold {
    background: linear-gradient( 180deg, #252D29 0%, #E9D900 40%, #E9D900 70%, #E9D900 100% );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.index-title {
    /*display: flex;*/
    align-items: center;
    gap: 4px;
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    font-family: Inter, sans-serif;
    
}

    .index-title .title-white {
        color: #F4F1E8;
    }

    .index-title .title-gold {
        color: #E9D900;
    }
        /* HOT + PLAYING badges */

    .highlightmenu .win-top {
        position: absolute;
        top: 10px;
        left: 10px;
        display: flex;
        gap: 8px;
    }

    .highlightmenu .win-hot {
        display: flex;
        align-items: center;
        gap: 4px;
        background: #F06464;
        color: #F4F1E8;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 10px;
        font-weight: 700;
    }

    .highlightmenu .win-playing {
        display: flex;
        align-items: center;
        gap: 4px;
        background: rgba(17,23,21,.7);
        color: #F4F1E8;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 10px;
        font-weight: 600;
    }

        .highlightmenu .win-hot i,
        .highlightmenu .win-playing i {
            font-size: 9px;
        }

    /* Winner row */

    .highlightmenu .win-player {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        font-weight: 600;
    }

    /* Live dot */

    .highlightmenu .live-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        flex-shrink: 0;
        background: #35C78A;
        box-shadow: 0 0 4px rgba(53,199,138,.9), 0 0 8px rgba(53,199,138,.7);
    }

    /* Gold WIN amount */

    .highlightmenu .infos p {
        font-size: 30px;
        font-weight: 800;
        background: linear-gradient( 180deg, #252D29 0%, #E9D900 45%, #E9D900 100% );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    /* Game name */

    .highlightmenu .game-name {
        display: block;
        margin-top: 4px;
        font-size: 12px;
        font-weight: 500;
    }

    .highlightmenu .game-label {
        color: #F4F1E8;
    }

    .highlightmenu .game-title {
        font-weight: 600;
        background: linear-gradient( 180deg, #252D29 0%, #E9D900 45%, #E9D900 100% );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.accpinfo { display:flex; gap:12px; background:linear-gradient(135deg, #252D29, #252D29); border-radius:18px; border:1px solid #303A34; padding:12px 18px; align-items:center; margin:18px 0px }
    .accpinfo .iimg { border-radius:50%; overflow:hidden; border:4px solid var(--infobox-imgbordercolor); max-width:120px  }
        .accpinfo .iimg img { max-width:none; width:140%; margin:-20% }
    .accpinfo .infos { width:100% }
        .accpinfo .infos .cc { border-bottom:1px solid #303A34; display:flex; flex-direction:column; gap:3px; line-height:normal; padding:8px 0px }
            .accpinfo .infos .cc small { font-size:14px; color:#F4F1E8; }
            .accpinfo .infos .cc span { font-size:18px; font-weight:bold; color:#E9D900; }
            .accpinfo .infos .cc:last-child { border-bottom:0 }
.req-wrap { position:relative }
.reqbox {  }
    .reqbox div { display:flex; align-items:center; gap:2px }
    .reqbox small { font-size:14px; }
    .reqbox span { font-size:20px; font-weight:bold; }
.reqnote { color:var(--infobox-notecolor); font-style:italic; font-size:12px; text-align:center; margin-top:12px }
.reqact { position:absolute; right:0; top:0; width:35%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px }
    .reqact .reqstatus { text-align:center; font-weight:bold; color:#747E77; text-transform:uppercase }
    .reqact .reqbtn { width:100%; filter:grayscale(1); pointer-events:none;text-align:center;margin-top:10px; }
    .reqact.done .reqbtn { filter:grayscale(0); pointer-events:auto;margin-top:10px; }
    .reqact.done .reqstatus { color:#747E77; }
    .reqact .reqbtn .btns.s3{padding:6px 30px;}

.myacc .vip-container {padding: 20px;border-radius: 12px;max-width: 900px;margin: auto;}
.myacc .vip-top-row {display: flex;align-items: center;height: 40px;gap: 10px;}
.myacc .vip-progress-main {position: relative;flex: 8;height: 30px;background: #252D29;border-radius: 30px 0 0 30px;border: 2px solid #303A34;padding: 2px;box-shadow: inset -2px 0 4px rgba(8,11,10,0.6);}
.myacc .vip-progress-fill {height: 100%;width: 0%;background: linear-gradient(90deg, #E9D900, #E9D900);border-radius: 30px 0 0 30px;transition: width 0.6s ease;}
.myacc .vip-diamond-zone {flex: 2;position: relative;}
.myacc .vip-progress-diamond {height: 30px;background: #111715;border-radius: 0 30px 30px 0;border: 2px solid #303A34;box-shadow: inset 2px 0 4px rgba(8,11,10,0.6);}
.myacc .vip-diamond {position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: flex;align-items: center;gap: 8px;}
.myacc .vip-diamond img {width: 36px;}
.myacc .vip-diamond-text {display: flex;flex-direction: column;text-align: right;font-size: 10px;line-height: 1.2;}

.myacc .vip-tiers {position: absolute;top: 45px;left: 0;width: 100%;pointer-events: none;color:#F4F1E8;}
.dark .myacc .vip-tiers{color:#F4F1E8;}
.myacc .tier {position: absolute;transform: translateX(-50%);text-align: center;width: 120px;}
.myacc .tier::before {content: "";position: absolute;top: -30px;left: 50%;transform: translateX(-50%);width: 2px;height: 25px;background: #E9D900;}
.myacc .tier:last-child {text-align: right;}
.myacc .tier:last-child::before {left: auto;right: 2px;transform: none;}
.myacc .tier .title {font-weight: bold;font-size: 14px;margin-top: 6px;}
.myacc .tier .amount {display: block;font-size: 12px;margin-top: 2px;line-height: 1.2;white-space: normal;}

.myacc .vip-card-wrapper {display: flex;align-items: center;margin-top: 70px;background: linear-gradient(135deg, #1A211E, #1A211E);border-radius: 16px;padding: 20px;border: 2px solid #303A34;}
.myacc .vip-card-image img {width: 250px;margin-left:20px;}
.myacc .vip-card-info {flex: 1;margin-left: 20px;margin-right: 20px;}
.myacc .vip-row {display: flex;align-items: center;margin-bottom: 12px;}
.myacc .vip-row span {flex: 1;text-align: center;padding-right: 10px;font-size:14px;}
.myacc .vip-box {margin-left: auto;border: 2px solid #303A34;border-radius: 8px;padding:6px 30px;font-weight: bold;color: #E9D900;font-size:18px;width:200px;}
.myacc .vip-btn {margin-top:5px;background: linear-gradient(90deg, #E9D900, #E9D900);border: none;padding: 8px 36px;border-radius: 6px;color: #080B0A;font-weight: bold;float: right;font-size:18px;width:200px;text-align:center;}
.myacc-cust-rad{border-radius:16px;}

[id^="divFloatIcon"] {
    transition: none !important; /* no lag when dragging */
    cursor: grab; /* optional: show hand cursor */
}

    [id^="divFloatIcon"]:active {
        cursor: grabbing; /* optional: while dragging */
    }

.depo-bank-cards {display: flex;gap: 12px;overflow-x: auto;overflow-y: hidden;padding: 5px 2px 12px;margin-bottom: 18px;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}
    .depo-bank-cards::-webkit-scrollbar {height: 6px;}
    .depo-bank-cards::-webkit-scrollbar-thumb {background: #E9D900;border-radius: 10px;}
    .depo-bank-cards::-webkit-scrollbar-track {background: rgba(26,33,30,.08);}
.depo-bank-card {flex: 0 0 140px;background: #1A211E;border: 2px solid transparent;border-radius: 14px;padding: 14px 10px;cursor: pointer;transition: all .2s ease;text-align: center;}
    .depo-bank-card.active {border-color: #E9D900;background: #1A211E;box-shadow: 0 0 10px rgba(233,217,0,.2);}
    .depo-bank-card:hover {border-color: #E9D900;transform: translateY(-2px);}
.bank-logo {width: 60px;height: 60px;margin: 0 auto 10px;background: #fff;border-radius: 12px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
    .bank-logo img {width: 100%;height: 100%;object-fit: contain;}
.bank-name {color: #F4F1E8;font-size: 14px;font-weight: 700;line-height: 1.3;min-height: 38px;display: flex;/*align-items: center;*/justify-content: center;}
.bank-limit {margin-top: 6px;color: #747E77;font-size: 12px;}
@media(max-width:768px) {
    .highlightmenu h4 {font-size: 2.8vw;}
}

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

    .highlightmenu .gggl .infos small { font-size:0.8vw; }
    .highlightmenu .gggl .infos p { font-size:1.4vw; }
    .highlightmenu .gggl .infos a { font-size:1.2vw; padding:0.4vw 0 }
}
@media only screen and (max-width: 1024px) {
    .wdmsbox .wdms .mms small { font-size:.6vw }
    .wdmsbox .wdms .mms span { font-size:1.4vw; line-height:1.4vw }
    .wdmsbox .wdms .mms .btn-s2 { font-size:1.2vw; margin-top:.2vw }

    .highlightmenu .gggl .infos small { font-size:1.2vw; }
    .highlightmenu .gggl .infos p { font-size:1.8vw; }
    .highlightmenu .gggl .infos a { font-size:1.6vw; padding:0.4vw 0 }
    .pointshop .pshop .act a{font-size:1.2vw;}
}

@media only screen and (max-width: 992px) {
    .game_tab{margin:0 3px}
    .game_tab img{max-height:28px}
    .slider-single02 .slick-slide.sp{left:-5%}
    .slider-single02 .slick-slide.sn{right:-5%}
    /*.pointshop .prbox.aaa{width:100%;}*/
    .pointshop .pshop .tt, .shop-section .pshop .tt {font-size:10px;min-height:40px;}
    .pointshop .pshop .cc strong, .shop-section .pshop .cc strong{font-size:16px;}
}

@media only screen and (max-width: 767px) {
    .refinfobox .info { margin: 4vw 0; flex-wrap: wrap }
    .epbox .desc small { font-size:2vw }
    .epbox .desc span { font-size:3.6vw; line-height:3.6vw }
    .epbox .act { font-size:2.4vw }

    .wdmsbox .wdms .mms small { font-size:.8vw }
    .wdmsbox .wdms .mms span { font-size:2vw; line-height:2vw }
    .wdmsbox .wdms .mms .btn-s2 { font-size:1.4vw; margin-top:.2vw }

    .topnav .items .ir .langs { display:none }
    .btns { font-size:3.2vw }

    .highlightmenu .gggl .infos small { font-size:2vw; }
    .highlightmenu .gggl .infos p { font-size:3.6vw; }
    .highlightmenu .gggl .infos a { font-size:3vw; padding:0.4vw 0 }
	.pointshop .pshop .act a{font-size:1.2vw;}

    .depo-bank-cards {gap: 10px;padding-bottom: 10px;}
    .depo-bank-card {flex: 0 0 120px;padding: 12px 8px;}
    .bank-logo {width: 52px;height: 52px;}
    .bank-name {font-size: 12px;min-height: 34px;}
    .bank-limit {font-size: 11px;}
}

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

    .wdmsbox .wdms .mms small { font-size:1.6vw }
    .wdmsbox .wdms .mms span { font-size:4vw; line-height:4vw }
    .wdmsbox .wdms .mms .btn-s2 { font-size:2.4vw; margin-top:.8vw }

    .wdmsbox { width:calc(50% - 4px) }
    .wdms-wrapper .ttop { flex-direction:column } 
    .wdms-wrapper .ttop .iimg, .wdms-wrapper .ttop .desc { width:100% }
    .wdmsbox .wdms .mms small { font-size:1.6vw }
    .wdmsbox .wdms .mms span { font-size:3.8vw; line-height:3.8vw }
    .wdmsbox .wdms .mms .btn-s2 { font-size:2.4vw; margin-top:.5vw }

    /*.vv-promobox.prbox.aaa{width:100%;}*/
}

@media only screen and (max-width:479px){
    .vip-dbox{width:320px;margin:70px 0 20px}
    .vip-dbox .dtop .iicon{margin-top:-70px}
    .vip-dbox .dtop .title{font-size:18px}
    .vip-dbox .dcon td{font-size:14px;padding:6px}
    .vip-dbox .dcon small{font-size:10px}
    .vip-dbox .dcon td.t2{font-size:18px}
    .vip-dbox .dtop .iicon img{max-width:100px}
    .slider-single02 .slick-slide.sp,.slider-single02 .slick-slide.sn{top:45px}
    .slider-single02 .slick-slide.sp2,.slider-single02 .slick-slide.sn2{top:45px}
    .slider-single02 .slick-slide.sp{left:-15%}
    .slider-single02 .slick-slide.sp2{left:-32%}
    .slider-single02 .slick-slide.sn{right:-15%}
    .slider-single02 .slick-slide.sn2{right:-32%}

    .shop-section{margin:0;}
    .shop-section h5{margin-bottom:0;}
    /*.pointshop-title{margin-bottom:5px!important;padding-bottom:5px!important;font-size:20px!important;}*/
    .pointshop.promo-wrap { margin-top:0 }
    .pointshop .prmenu {gap:5px;padding:0;height:40px;}
    .pointshop .prmenu a, .shop-section .btns.s1 {padding: 4px 8px;font-size:10px;}
    .pointshop .prbox.s2, .shop-section .prboxcustom.s2 {padding: 6px;}
    .pointshop .prbox.s2 .iimg, .shop-section .prboxcustom.s2 .iimg {max-width:70px;}
    .pointshop .pshop .act a{font-size:2vw;padding:1px 2.4vw;}
    .pointshop .pshop .cc strong, .shop-section .pshop .cc strong {font-size:10px;}
    .pointshop .pshop .ccon small,.pointshop .prbox .ccon small, .shop-section .prboxcustom .ccon small{font-size:5px;}
    .pointshop .pshop .tt, .shop-section .pshop .tt {font-size:6.1px;min-height:16px;}

    .shopcustom-wrapper{padding:10px 2px;}
    .pointshop-title span {margin-left:2px;}
    .pointshop .prbox.s2, .shop-section .prboxcustom.s2{border-radius:10px;gap:5px;}
    .pointshop .prbox.s2 .iimg, .shop-section .prboxcustom.s2 .iimg{width:90%;}
    .pointshop .pshop .cc, .shop-section .pshop .cc{margin-top:0px;margin-bottom:2px;}
    .pointshop .prcon{gap:6px;margin-left:1%;}
    .pointshop .prbox.aaa{width:calc(25% - 6px)}
    .shopcustom-nav{display:none;}
    .pointshop .prbox .ccon .act{margin-top:0;}
    .accpinfo .infos .cc small, .accpinfo .infos .cc span{font-size:3vw;}
    .reqact .reqstatus{font-size:2.5vw;}
    .reqact .reqbtn .btns.s3{padding:1vw 3vw;}

    .myacc .vip-container {max-width: 100%;padding: 10px;}
    .myacc .vip-top-row {height: 26px;gap: 4px;}
    .myacc .vip-progress-main {height: 18px;border-width: 1px;padding: 1px;}
    .myacc .vip-diamond-zone{flex:3;}
    .myacc .vip-progress-diamond {height: 18px;border-width: 1px;}
    .myacc .vip-diamond {gap: 4px;}
    .myacc .vip-diamond img {width: 18px;}
    .myacc .vip-diamond-text {font-size: 1.7vw;line-height: 1.1;}
    .myacc .vip-tiers {top: 28px;}
    .myacc .tier {width: 70px;}
    .myacc .tier .title {font-size: 9px;}
    .myacc .tier .amount {font-size: 1.8vw;}
    .myacc .tier::before {top: -20px;height: 15px;width:1px;}
    .myacc .tier:last-child {text-align: right;}
    .myacc .tier:last-child::before {left: auto;right: 1px;transform: none;}
    .myacc .vip-card-wrapper {margin-top: 45px;padding: 10px;gap: 10px;}
    .myacc .vip-card-image img {margin-left:10px;width: 26vw;}
    .myacc .vip-card-info {margin-left: 10px;margin-right: 10px;}
    .myacc .vip-row{margin-bottom:5px;}
    .myacc .vip-row span {font-size: 1.8vw;}
    .myacc .vip-box {font-size: 2vw;padding: 3px 8px;width:20vw;}
    .myacc .vip-btn {font-size: 2vw;padding: 4px 8px;width:20vw;}

    .depopm{justify-content:flex-start;}

    .highlightmenu h4 {font-size: clamp(16px, 4.5vw, 20px);}
}

.dark .shopcustom-prev::before, .dark .shopcustom-next::before{border:solid #303A34;border-width:0 2px 2px 0;}
.dark .pointshop-title-arrivals{color:#F4F1E8;}

/* Custom component palette roles. */
.game_tab { background:var(--tst-card); border-color:var(--tst-border); color:var(--tst-text-secondary); }
.slick-current .game_tab, .game_tab:hover { background:var(--tst-primary); color:var(--tst-text-on-yellow); }
.game_tab:hover { background:var(--tst-primary-hover); }
.game_tab:active { background:var(--tst-primary-pressed); }
.slick-current .vip-dbox { background:var(--tst-elevated); }
.pointshop .prmenu a.aaa, .pointshop .prmenu a:hover { background:var(--tst-primary); color:var(--tst-text-on-yellow); }
.pointshop .prmenu a:hover { background:var(--tst-primary-hover); }
.shopcustom-redeem-btn, .myacc .vip-btn, .pscon .act a { background:var(--tst-primary); color:var(--tst-text-on-yellow); }
.shopcustom-redeem-btn:hover, .myacc .vip-btn:hover, .pscon .act a:hover { background:var(--tst-primary-hover); }
.shopcustom-redeem-btn:active, .myacc .vip-btn:active, .pscon .act a:active { background:var(--tst-primary-pressed); }
.shopcustom-card.disabled .shopcustom-redeem-btn, .pscon .act a.nono { background:var(--tst-elevated); color:var(--tst-text-muted); }
.highlightmenu .gggl .infos a { background:var(--tst-elevated); color:var(--tst-text-secondary); }
.pointshop-title-arrivals, .myacc .vip-tiers, .dark .myacc .vip-tiers { color:var(--tst-text); }

/* Six-tier VIP comparison from the supplied VIP schedule. */
.vip-program.acc-wrap { max-width:1280px; }
.vip-program .vip-benefits-scroll { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.vip-program .vip-benefits-scroll:focus-visible { outline:2px solid var(--tst-primary); outline-offset:3px; }
.vip-program .vip-benefits-table { width:100%; min-width:1270px; table-layout:fixed; border-collapse:separate; border-spacing:0; }
.vip-program .vip-benefits-table th:first-child { width:240px; min-width:240px; }
.vip-program .vip-benefits-table th,
.vip-program .vip-benefits-table td { padding:15px 12px; vertical-align:middle; font-size:14px; border-bottom:1px solid var(--tst-border); overflow-wrap:break-word; }
.vip-program .vip-benefits-table tr::after { display:none; }
.vip-program .vip-benefits-table th[scope="row"] { position:sticky; left:0; z-index:1; text-align:left; font-weight:500; }
.vip-program .vip-benefits-table thead th:first-child { position:sticky; left:0; z-index:2; }
.vip-program .vip-benefits-table .vip-level { padding:12px 8px 18px; font-size:14px; }
.vip-program .vip-tier-number { display:block; margin-bottom:10px; font-size:12px; letter-spacing:1px; }
.vip-program .vip-card { display:block; width:100%; max-width:160px; height:auto; margin:0 auto; }
.vip-program .vip-turnover { display:block; margin-top:4px; font-size:11px; color:var(--tst-text-secondary); }
.vip-program .vip-program-notes { margin-top:28px; text-align:left; }
.vip-program .vip-program-notes h4 { margin-bottom:12px; font-size:16px; color:var(--tst-primary); }
.vip-program .vip-program-notes ul { margin:0; padding-left:20px; }
.vip-program .vip-program-notes li { margin-bottom:10px; font-size:13px; line-height:1.65; }
@media (max-width:767px) {
    .vip-program .accbox-content { padding:16px 12px; }
    .vip-program .vip-benefits-table { min-width:1190px; }
    .vip-program .vip-benefits-table th:first-child { width:180px; min-width:180px; }
    .vip-program .vip-benefits-table th,
    .vip-program .vip-benefits-table td { padding:12px 10px; font-size:13px; }
}

.myacc .vip-top-row { height:auto; min-height:140px; align-items:flex-start; padding-top:5px; }
.myacc .vip-progress-main { min-width:0; flex:1 1 0; }
.myacc .vip-diamond-zone { flex:0 0 150px; min-width:0; margin-top:2px; }
.myacc .tier { width:calc(100% / var(--tier-count, 1)); min-width:0; padding:0 3px; box-sizing:border-box; }
.myacc .tier .title { display:block; overflow-wrap:anywhere; line-height:1.25; }
.myacc .tier .amount { overflow-wrap:anywhere; }
.myacc .tier:first-child { transform:none; text-align:left; }
.myacc .tier:first-child::before { left:0; transform:none; }
.myacc .tier:last-child { transform:translateX(-100%); }
.myacc .vip-current-name { text-align:center; margin-top:10px; font-weight:bold; }
.myacc .vip-card-wrapper { margin-top:15px; }
.myacc .vip-card-image { min-width:0; }
.myacc .vip-card-image img { max-width:100%; height:auto; }
@media (max-width:600px) {
    .myacc .vip-container { padding:10px; }
    .myacc .vip-top-row { display:block; min-height:0; }
    .myacc .vip-progress-main { width:100%; box-sizing:border-box; margin-bottom:65px; }
    .myacc .vip-diamond-zone { /*width:150px;*/ margin:0 0 15px auto; }
    .myacc .vip-card-wrapper { flex-direction:column; padding:15px; gap:20px; }
    .myacc .vip-card-image img { margin-left:0; width:250px; }
    .myacc .vip-card-info { width:100%; margin:0; }
    .myacc .vip-row span { font-size:13px; }
    .myacc .tier .title { font-size:clamp(9px, 2.6vw, 12px); }
    .myacc .tier .amount { font-size:clamp(9px, 2.3vw, 11px); }
    .myacc .vip-box, .myacc .vip-btn { width:55%; padding:8px; font-size:16px; }
}

/* Five-day deposit check-in. */
#modalCheckIn .modal-dialog { width:calc(100% - 32px); max-width:1120px; margin:24px auto; }
#modalCheckIn .modal-content { background:#07110e url('/w/assets/img/deposit-mission/bg.png') center/cover no-repeat; border:1px solid #6a5940; border-radius:22px; overflow:hidden; }
#modalCheckIn .btn-modal-close { position:absolute; top:14px; right:18px; z-index:2; border:0; background:transparent; color:#fff; font-size:24px; }
#modalCheckIn .checkin-wrapper { padding:28px 56px 40px; }
#modalCheckIn h3 { color:#fff; text-align:center; font-size:44px; font-weight:800; margin:0 0 16px; }
#modalCheckIn .checkin-desc { color:#fff; text-align:center; font-size:18px; font-weight:600; line-height:1.5; }
#modalCheckIn .checkin-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:30px 24px; margin-top:36px; }
#modalCheckIn .checkin-day { position:relative; grid-column:span 2; aspect-ratio:215/218; padding:0; border:0; background:transparent url('/w/assets/img/deposit-mission/day.png') center/100% 100% no-repeat; border-radius:20px; color:#111715; filter:brightness(.48); opacity:1; }
#modalCheckIn .checkin-day:nth-child(5) { grid-column:2/span 2; }
#modalCheckIn .checkin-day.done, #modalCheckIn .checkin-day.ready { filter:none; }
#modalCheckIn .checkin-day.ready { cursor:pointer; }
#modalCheckIn .checkin-day.ready:hover { transform:translateY(-3px); }
#modalCheckIn .checkin-day-title { position:absolute; top:28%; left:5%; width:90%; color:#fff; font-weight:700; font-size:20px; text-align:center; }
#modalCheckIn .checkin-day-info { position:absolute; top:55%; left:5%; width:90%; display:flex; flex-direction:column; align-items:center; line-height:1.2; font-weight:700; font-size:18px; }
#modalCheckIn .checkin-day-info strong { color:#111715; font-size:30px; white-space:nowrap; }
#modalCheckIn .checkin-done { display:none; position:absolute; width:100%; height:100%; inset:0; pointer-events:none; }
#modalCheckIn .checkin-day.done .checkin-done { display:block; }
#modalCheckIn .checkin-reward { position:relative; grid-column:4/span 4; aspect-ratio:auto; align-self:stretch; background:url('/w/assets/img/deposit-mission/reward.png') center/100% 100% no-repeat; filter:brightness(.48); }
#modalCheckIn .checkin-reward.ready, #modalCheckIn .checkin-reward.done { filter:none; }
#modalCheckIn .checkin-claim { position:absolute; top:51%; left:7%; width:40%; height:37%; padding:4px; border:0; border-radius:20px; background:#111715; color:#E9D900; display:flex; flex-direction:column; justify-content:center; align-items:center; font-weight:700; font-size:17px; opacity:1; }
#modalCheckIn .checkin-claim strong { font-size:30px; color:inherit; line-height:1.1; white-space:nowrap; }
#modalCheckIn .checkin-claim.ready { cursor:pointer; }
#modalCheckIn .checkin-claim:disabled { color:#949c58; }
#modalCheckIn .checkin-empty { grid-column:1/-1; color:#fff; text-align:center; }
@media(max-width:767px) {
    #modalCheckIn .modal-dialog { width:calc(100% - 20px); margin:16px auto; }
    #modalCheckIn .checkin-wrapper { padding:32px 16px 24px; }
    #modalCheckIn h3 { font-size:28px; margin-bottom:12px; }
    #modalCheckIn .checkin-desc { font-size:13px; }
    #modalCheckIn .checkin-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px 10px; margin-top:24px; }
    #modalCheckIn .checkin-day:nth-child(5) { grid-column:span 2; }
    #modalCheckIn .checkin-day-title { font-size:13px; }
    #modalCheckIn .checkin-day-info { font-size:12px; }
    #modalCheckIn .checkin-day-info strong { font-size:clamp(14px,4.4vw,27px); }
    #modalCheckIn .checkin-reward { grid-column:1/-1; width:90%; aspect-ratio:490/219; justify-self:center; }
    #modalCheckIn .checkin-claim { font-size:14px; }
    #modalCheckIn .checkin-claim strong { font-size:clamp(20px,6vw,30px); }
}

/* Floating social widget. */
#tst-social-widget, #tst-social-widget * { box-sizing: border-box; }
#tst-social-widget { --tst-yellow: #ffd500; position: fixed; right: 10px; bottom: 66px; z-index: 999; font-family: Arial, sans-serif; }
#tst-social-widget .tst-main-btn { width: 66px; height: 66px; border-radius: 50%; background: var(--tst-yellow); border: 3px solid #111; box-shadow: 0 3px 10px rgba(0,0,0,.35); display: flex; justify-content: center; align-items: center; cursor: pointer; padding: 0; color: #111; transition: transform .25s ease; }
#tst-social-widget .tst-main-btn:active { transform: scale(.94); }
#tst-social-widget .tst-main-btn svg { width: 36px; height: 36px; }
#tst-social-widget .tst-social-menu { position: absolute; bottom: 78px; right: 7px; display: flex; flex-direction: column; gap: 13px; align-items: flex-end; pointer-events: none; visibility: hidden; transition: visibility 0s linear .36s; }
#tst-social-widget .tst-toggle-input:checked ~ .tst-social-menu { pointer-events: auto; visibility: visible; transition-delay: 0s; }
#tst-social-widget .tst-social-item { display: flex; align-items: center; gap: 9px; text-decoration: none; opacity: 0; transform: translateY(18px) scale(.85); transform-origin: right center; transition: opacity .22s ease, transform .3s cubic-bezier(.22, 1, .36, 1); color: #111; }
#tst-social-widget .tst-toggle-input:checked ~ .tst-social-menu .tst-social-item { opacity: 1; transform: translateY(0) scale(1); }
#tst-social-widget .tst-toggle-input:checked ~ .tst-social-menu .tst-social-item:nth-child(3) { transition-delay: .04s; }
#tst-social-widget .tst-toggle-input:checked ~ .tst-social-menu .tst-social-item:nth-child(2) { transition-delay: .09s; }
#tst-social-widget .tst-toggle-input:checked ~ .tst-social-menu .tst-social-item:nth-child(1) { transition-delay: .14s; }
#tst-social-widget .tst-social-label { background: #fff; color: #111; padding: 8px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; white-space: nowrap; box-shadow: 0 2px 8px rgba(0,0,0,.18); }
#tst-social-widget .tst-social-circle { width: 55px; height: 55px; border-radius: 50%; border: 3px solid #222; display: flex; justify-content: center; align-items: center; flex-shrink: 0; box-shadow: 0 3px 8px rgba(0,0,0,.25); }
#tst-social-widget .tst-social-circle svg { width: 31px; height: 31px; }
#tst-social-widget .tst-whatsapp { background: #20c765; color: #fff; }
#tst-social-widget .tst-telegram { background: #229ed9; color: #fff; }
#tst-social-widget .tst-livechat { background: #ffd500; color: #111; }
@media (max-width: 768px) {
    #tst-social-widget { right: 10px; bottom: calc(66px + env(safe-area-inset-bottom, 0px)); }
    #tst-social-widget .tst-main-btn { width: 62px; height: 62px; }
    #tst-social-widget .tst-social-circle { width: 53px; height: 53px; }
    #tst-social-widget .tst-social-menu { bottom: 75px; }
}
@media (prefers-reduced-motion: reduce) {
    #tst-social-widget *, #tst-social-widget *::before, #tst-social-widget *::after { transition: none !important; }
}
#tst-social-widget .tst-toggle-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
#tst-social-widget .tst-toggle-input:focus-visible + .tst-main-btn { outline: 3px solid #fff; outline-offset: 3px; }
#tst-social-widget .tst-main-btn svg { transition: transform .3s cubic-bezier(.22, 1, .36, 1); }
#tst-social-widget .tst-toggle-input:checked + .tst-main-btn svg { transform: rotate(-12deg) scale(.9); }
#tst-social-widget .tst-social-item:nth-child(1) { transition-delay: 0s; }
#tst-social-widget .tst-social-item:nth-child(2) { transition-delay: .03s; }
#tst-social-widget .tst-social-item:nth-child(3) { transition-delay: .06s; }
@media (prefers-reduced-motion: reduce) {
    #tst-social-widget .tst-social-menu, #tst-social-widget .tst-social-item, #tst-social-widget .tst-main-btn, #tst-social-widget .tst-main-btn svg { transition: none !important; transition-delay: 0s !important; }
}
#tst-social-widget .tst-social-circle i { font-size:31px; }
#tst-social-widget .tst-social-circle { background-color:var(--tst-yellow); }
#tst-social-widget .tst-whatsapp { background-color:#20c765; }
#tst-social-widget .tst-telegram { background-color:#229ed9; }
#tst-social-widget .tst-instagram { background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5); color:#fff; }
#tst-social-widget .tst-wechat { background-color:#07c160; color:#fff; }
#tst-social-widget .tst-facebook { background-color:#1877f2; color:#fff; }