:root{--color-text: #000000;--font: "Kanit", sans-serif;--color-white: #ffffff;--color-black: #000000;--color-main: #076df2}body{color:var(--color-text);font-family:var(--font)!important;background-image:url(https://img2.pic.in.th/pic/bg3.webp);background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;overflow-x:hidden;scroll-behavior:smooth}a{color:var(--color-white);cursor:pointer}a:hover{color:var(--color-white);text-decoration:none!important}iframe{border-radius:10px}.click{cursor:pointer}.card{border-radius:10px!important;box-shadow:0 5px 15px #0000000d}.banner{width:100%;border-radius:10px}.text-color{color:var(--color-main)}.btn-color{background-color:var(--color-main)!important;color:var(--color-white)!important;border-radius:10px!important}.btn-color:hover{opacity:.9}.btn-color:disabled{opacity:.6;cursor:not-allowed}.btn-view{background-color:var(--color-main)!important;color:var(--color-white)!important;border-radius:30px!important;font-size:13px!important}.btn-color-border{color:var(--color-main);background-color:#076df21a!important;border:1px solid var(--color-main)!important;border-radius:10px!important}.btn-color-border:not(:disabled):hover{background-color:var(--color-main)!important;color:var(--color-white)!important}.btn-color-border:disabled{opacity:.6;cursor:not-allowed}.badge-color{background-color:var(--color-main);color:var(--color-white)}.form-control,.custom-select{border-radius:10px!important}.form-control:focus{box-shadow:none!important}.input-group .form-control{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.input-group .input-group-text{border-top-right-radius:10px!important;border-bottom-right-radius:10px!important}.form{display:block}.form .input{display:block;margin-bottom:10px;position:relative}.section{display:flex;margin-bottom:20px}.section .text>.title{font-size:30px}.section .text>.subtitle{font-size:20px;color:var(--color-main)}.section .button{margin-left:auto;display:flex;align-items:center}.section .button a{background-color:var(--color-white);color:var(--color-main);border:2px solid var(--color-main);padding:8px 25px;border-radius:25px;font-size:18px;transition:all .3s ease;text-decoration:none}.section .button a:hover{background-color:var(--color-main);color:var(--color-white);border:2px solid var(--color-main)}.page{display:flex;margin-bottom:15px}.page .logo{margin-right:10px}.page .logo>img{width:90px}.page .text{display:flex;align-items:center}.page .text .title{background-color:var(--color-main);color:var(--color-white);padding:.3rem 1.4rem;font-size:20px;border-radius:10px}.zoom{transition:transform .2s!important}.zoom:hover{transform:scale(1.05)!important}.center{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.alert-warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404;padding:1rem;border-radius:10px;text-align:center;margin:1rem 0}.border-hover{border:1px solid #ccc;transition:all .3s ease}.border-hover:hover{border-color:var(--color-main)}.notyf__toast{max-width:max-content!important;border-radius:10px!important;background-color:var(--color-white)}.notyf__toast--success .notyf__ripple,.notyf__toast--error .notyf__ripple{background-color:var(--color-white)!important}.notyf__icon--error{background-color:#ed3d3d!important;color:var(--color-white)!important}.notyf__icon--success{background-color:#3dc763!important;color:var(--color-white)!important}.notyf__message{font-size:16px;color:var(--color-black)!important}.loading-spinner{text-align:center;display:flex;justify-content:center;align-items:center;font-size:20px;color:var(--color-main);gap:10px;padding:20px}.loading-spinner i{font-size:30px;color:var(--color-main)}.loading-spinner span{font-size:18px;color:var(--color-main);font-weight:500}.col-item .recommended-image:hover img{transform:scale(1.2);filter:brightness(.7)}.col-item{position:relative;overflow:hidden;width:100%;height:100%;border-radius:10px;margin-bottom:10px}.col-item .recommended-image{position:relative;overflow:hidden;width:100%;height:100%;border-radius:10px}.col-item .recommended-image img{width:100%;height:100%;transition:transform .5s ease,filter .5s ease;border-radius:10px}.col-item:hover .recommended-image img{transform:scale(1.2);filter:brightness(.7)}.col-item .overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;border-radius:10px;opacity:0;transition:opacity .5s ease;pointer-events:none}.col-item:hover .overlay{opacity:1}.col-item .category-name{color:var(--color-white);font-size:24px;font-weight:700;border-bottom:4px solid var(--color-main);margin-bottom:10px;pointer-events:auto;z-index:1}.col-item .category-name:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:var(--color-white);transform:scaleX(0);transition:transform .3s ease}.col-item:hover .category-name:after{transform:scaleX(1)}.col-product .price{background:var(--color-main);color:var(--color-white);border-radius:50px;font-weight:500;font-size:.95rem;display:inline-block;min-width:85px;text-align:center}.col-product .name{font-size:1.1rem;font-weight:700;color:var(--color-black);margin-bottom:1rem;line-height:1.4;height:4em;overflow:hidden}.col-product .stock{color:var(--color-main);font-weight:500;margin:0}.col-product .point{background-color:#28a745;color:var(--color-white);padding:.25em .6em;border-radius:.25rem;font-size:.75em;font-weight:700}.col-game{margin-bottom:10px}.col-game .card{border-radius:10px}.col-game:hover>.card{border:1px solid var(--color-main)}.col-game img{width:100%;border-radius:10px}.col-game .btn-play-game{border:1px solid var(--color-main);color:var(--color-main);background-color:#076df226;border-radius:10px;padding:5px 10px}.col-game .btn-play-game:hover{color:var(--color-white);background-color:var(--color-main)}.col-game .details{display:flex;margin-top:10px}.col-game .details .text .name,.col-game .details .text .price{color:var(--color-black);font-weight:500}.col-game .details{margin-left:auto;display:flex;align-items:center}.col-game .details .button{margin-left:auto}.col-product .card-body{border-radius:10px}.col-product .card-body>img{border-top-left-radius:10px;border-top-right-radius:10px}.col-service .card-body{border-radius:10px}.col-service .card-body>img{border-top-left-radius:10px;border-top-right-radius:10px}.col-service .name{font-weight:700;color:#212529;margin-bottom:.5rem;font-size:1.1rem}.col-service .price-label{color:#076df2;margin:0}.col-service .price{background:#076df2;color:#fff;padding:.25rem 1rem;border-radius:20px}.card-content{padding:1.25rem}.form-check-input{width:18px;height:18px;outline:none}.form-check .name{color:var(--color-white);width:100%;margin-left:5px}.nav-breadcrumb{padding:1rem 0;color:#212529bf}.nav-breadcrumb i{color:var(--color-main);margin:0 .5rem}.nav-breadcrumb a{color:#212529bf;text-decoration:none}.nav-breadcrumb a:hover{color:var(--color-main)}.quantity-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;width:100%;gap:10px}.quantity-input{flex:1;text-align:center;font-size:1.2rem;border:2px solid #dee2e6}.quantity-input:focus{border-color:var(--color-main);box-shadow:none!important}@media (max-width: 576px){.quantity-container{gap:5px}.quantity-input{height:40px;font-size:1rem}}@media (max-width: 991.98px){.col-product .price{padding:.35rem 1rem;font-size:.85rem;min-width:75px}.col-product .name{font-size:1rem;height:2.8em}.card-content{padding:1rem}}@media (max-width: 575.98px){.col-product .price{padding:.3rem .8rem;font-size:.8rem;min-width:65px}.col-product .name{font-size:.9rem;height:2.6em}.card-content{padding:.75rem}.col-product .stock{font-size:.8rem}}@media (min-width: 1400px){.container{max-width:1320px!important}}@media only screen and (max-width: 480px){.notyf{padding:20px!important}}.original-price-badge{color:red;font-size:20px;text-decoration:line-through;text-align:right}