:root{--main-color:#e90264;--second-color:#ff03da;--font-color:#dddddd;--main-bg-color:#1b1119;--main-font-color:#ffffff;--navbar-height:87px;--bs-body-font-size:14px}@media (max-width:1199.5px){:root{--navbar-height:78px}}html{scroll-padding-top:110px}body{font-family:'IBM Plex Sans Thai',system-ui,-apple-system,sans-serif;background-color:var(--main-bg-color);color:var(--font-color)}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1100px}}a,a:hover,a:active{text-decoration:none;color:var(--main-color)}.navbar-sticky-space{height:var(--navbar-height)}.flex-1{flex:1}.flex-none{flex:none}@media (min-width:576px){.flex-sm-1{flex:1}.flex-sm-none{flex:none}}@media (min-width:768px){.flex-md-1{flex:1}.flex-md-none{flex:none}}@media (min-width:992px){.flex-lg-1{flex:1}.flex-lg-none{flex:none}}@media (min-width:1140px){.flex-xl-1{flex:1}.flex-xl-none{flex:none}}@media (min-width:1400px){.flex-xxl-1{flex:1}.flex-xxl-none{flex:none}}section{padding:60px 0 60px 0}section .section-title{font-size:28px}@media (max-width:767.5px){section{padding:40px 0 40px 0}}.bg-gray{background:rgba(255,255,255,.2)}.bg-gold{background-color:#C9B037}.bg-silver{background-color:#A6A6A6}.bg-violet{background-color:#8601af}.color-app{color:var(--main-color)!important}.color-font{color:var(--font-color)!important}.color-gold{color:#C9B037}.spacing-1{letter-spacing:1px}.spacing-2{letter-spacing:2px}.pointer{cursor:pointer}.fs-12{font-size:12px}.fs-10{font-size:10px}.btn{--bs-btn-font-size:14px}.btn-neon{color:#dddddd;padding:.45rem .75rem;font-weight:500;background:transparent;cursor:pointer;position:relative;border-radius:6px;display:inline-block;border:2px solid;box-shadow:0 0 5px 0 var(--main-color),0 0 5px 0 var(--main-color) inset;z-index:1}.btn-neon:hover,.btn-neon:active{color:#ffffff;box-shadow:inset 0 0 6px 1px var(--main-color),0 0 6px 1px var(--main-color)}.btn-neon-1{border-color:var(--second-color)}.btn-neon-2{border-color:#999999}.btn-neon-3{border-color:#e7ae00}.btn-custom-1,.btn-custom-1:focus{color:#dddddd;border:1px solid var(--second-color);box-shadow:0 0 5px 0 var(--second-color),0 0 5px 0 var(--second-color) inset}.btn-custom-1:hover{color:#ffffff!important;background-color:var(--main-color)!important;box-shadow:0 0 5px 0 var(--main-color),0 0 5px 0 var(--main-color) inset}.btn-facebook,.btn-facebook:focus{color:#dddddd;border:1px solid #1877f2;box-shadow:0 0 5px 0 #1877f2,0 0 5px 0 #1877f2 inset}.btn-facebook:hover{color:#ffffff!important;background-color:#1877f2!important}.btn-google,.btn-google:focus{color:#dddddd;border:1px solid #ea4335;box-shadow:0 0 5px 0 #ea4335,0 0 5px 0 #ea4335 inset}.btn-google:hover{color:#ffffff!important;background-color:#ea4335!important}.btn-line,.btn-line:focus{color:#dddddd;border:1px solid #01b301;box-shadow:0 0 5px 0 #01b301,0 0 5px 0 #01b301 inset}.btn-line:hover{color:#ffffff!important;background-color:#01b301!important}.text-buzz{-webkit-animation:buzz .01s infinite alternate;animation:buzz .01s infinite alternate}@-webkit-keyframes buzz{70%{opacity:.80}}@keyframes buzz{70%{opacity:.80}}.dropdown .dropdown-menu{background:linear-gradient(90deg,rgb(27 17 25 / 100%) 0,rgb(29 10 26 / 80%) 50%,rgb(27 17 25 / 100%) 100%);box-shadow:var(--bs-box-shadow);border:0}.dropdown .dropdown-menu .dropdown-item{color:#dddddd;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.dropdown .dropdown-menu .dropdown-item:hover{background-color:transparent;color:var(--main-color)}.form-label{font-weight:600}.toggle-password{position:absolute;top:9px;right:0;padding:0 15px;color:#c6c6c6;cursor:pointer}.frm-success{display:flex;color:#01b301}.frm-success i.frm-success-icon{font-size:20px;line-height:0}.frm-success a,.frm-error a{text-decoration:underline}.frm-error{display:flex;color:#ff0000}.frm-error i.frm-error-icon{font-size:20px;line-height:0}.link-on-input{position:absolute;top:0;right:0;margin:.5rem 1rem .5rem 0;font-weight:bold;z-index:5}.form-control,.form-select,.input-group-text{font-size:var(--bs-body-font-size)}.input-group .input-group-text{background-color:unset;border:2px solid rgba(255,255,255,.15);color:#fff}.form-control{color:#ffffff;background-color:unset;border:2px solid rgba(255,255,255,.15);border-radius:5px}.form-control:focus{color:#ffffff;background-color:unset;border-color:var(--second-color);outline:0;box-shadow:0 0 5px 0 var(--main-color),0 0 5px 0 var(--main-color) inset}.form-control:disabled{background-color:rgb(0 0 0 / 20%)!important;border-color:rgb(0 0 0 / 20%)!important;box-shadow:unset}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{transition:background-color 600000s 0s,color 600000s 0s}select option{color:#000}option:hover{box-shadow:0 0 10px 100px #1882A8 inset}.form-check .form-check-input{filter:hue-rotate(120deg);width:20px;height:20px;cursor:pointer;margin-top:unset;margin-right:7px}.form-check .form-check-input[type="checkbox"]{border-radius:6px}.form-check .form-check-label{cursor:pointer}.compensate-for-scrollbar .navbar-main{padding-right:47px}.text-pre-wrap{white-space:pre-wrap}pre{padding:15px;background-color:#000000;color:#ffffff}.scrollbar-p5px{overflow:auto;padding:5px}.scrollbar-p5px::-webkit-scrollbar{height:8px;width:8px}.scrollbar-p5px::-webkit-scrollbar-thumb{background:#d2dae6;border-radius:6px}.scrollbar-p5px::-webkit-scrollbar-track{background:#550c4a;border-radius:6px}.avatar-img{position:relative;display:flex;height:20px;width:20px;overflow:hidden}.avatar-img img{width:100%;height:100%;object-fit:cover}.avatar-x2{height:30px;width:30px}.avatar-x3{height:50px;width:50px}.avatar-x4{height:60px;width:60px}.avatar-x5{height:80px;width:80px}.avatar-x6{height:100px;width:100px}.dropdown-profile{background:rgb(27,15,35);border:1px solid var(--main-color);color:#ffffff}.dropdown-profile .dropdown-divider{border-color:var(--main-color)}.dropdown-profile .dropdown-item{color:#ffffff}.dropdown-profile .dropdown-item:focus,.dropdown-profile .dropdown-item:hover{background-color:unset;color:var(--main-color)}.recommend-menu{position:relative;background-color:rgba(255,255,255,.08);border-radius:10px;text-align:center;transition:.3s}.recommend-menu .recommend-menu-in{padding:20px 15px;border-radius:10px;background-color:rgba(255,255,255,.03)}.recommend-menu .icon-menu{display:inline-block;background-color:#dddddd;padding:10px;border-radius:50%}.recommend-menu .title{color:#dddddd;font-weight:600}.recommend-menu:hover .recommend-menu-in{background-color:rgba(255,255,255,.08)}.recommend-menu:hover:after{opacity:.6}.recommend-menu:hover .icon-menu{background-color:#ffffff}.recommend-menu:hover .title{color:#ffffff}.card{border:1px solid rgba(255,255,255,.15);background-color:unset;box-shadow:0 5px 20px rgb(0 0 0 / 25%);border-radius:10px}.card-header{background-color:rgb(255 255 255 / 15%);border-radius:10px 10px 0 0!important;border-bottom:unset}.card-2{position:relative;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);padding:15px;border-radius:10px;color:#dddddd;transition:.4s}.card-2:after{content:'';position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;color:var(--second-color);opacity:.15;border-radius:10px;box-shadow:0 5px 20px;transition:.4s}.card-2 .img-card{border-radius:10px}.card-2:hover{color:#ffffff;border:1px solid var(--second-color)}.card-2:hover:after{color:var(--main-color);opacity:.6}.card-2 .btn-buy{color:#dddddd;border:1px solid var(--second-color);border-radius:6px;padding:2px 20px;background-color:rgb(255 255 255 / 10%)}.card-2:hover .btn-buy{color:#222222;background-color:var(--second-color)}.breadcrumb{font-weight:500}.breadcrumb .breadcrumb-item a{color:#dddddd;font-size:14px}.breadcrumb .breadcrumb-item a:hover{color:var(--main-color)}.breadcrumb .breadcrumb-item.active{color:#999999}.breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:#999999}.user-menu .nav-link{color:var(--main-color-font);font-weight:500}.user-menu .nav-link:hover,.user-menu .nav-link.active{color:var(--main-color)}.modal-content{border:1px solid rgba(255,255,255,.15);box-shadow:0 5px 20px rgb(0 0 0 / 25%);border-radius:10px;background:linear-gradient(90deg,#1b1119 0,#1d0a1a 50%,#1b1119 100%)}.modal-content .modal-body{padding:40px 30px}.modal-content .bg-modal{background:linear-gradient(90deg,#1b1119 0,#1d0a1a 50%,#1b1119 100%)}:nth-child(2 of .modal.show){z-index:1062!important}:nth-child(2 of .modal-backdrop.show){z-index:1061!important}.live-toast{position:fixed;top:25px;right:25px;z-index:1060}.toast{width:max-content;min-width:240px;max-width:300px}.toast .toast-body{padding:20px;padding-right:45px}.toast .btn-close-absolute{position:absolute;top:0;right:0;margin:19px 15px 0 0}.preloader.processing{opacity:unset!important;visibility:unset!important;background-color:rgb(11 2 49 / 40%)}.loader{position:fixed;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;background-color:var(--main-bg-color);background:-moz-linear-gradient(90deg,#1b1119 0,#4c1b44 50%,#1b1119 100%);background:-webkit-linear-gradient(90deg,#1b1119 0,#4c1b44 50%,#1b1119 100%);background:linear-gradient(90deg,#1b1119 0,#4c1b44 50%,#1b1119 100%)}.loader .loader-in{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:14.6rem;margin-top:7.3rem;margin-bottom:7.3rem}.loader .loader-in:before,.loader .loader-in:after{content:"";position:absolute;border-radius:50%;animation-duration:1.8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;filter:drop-shadow(0 0 .7555555556rem var(--main-color))}.loader .loader-in:before{width:100%;padding-bottom:100%;box-shadow:inset 0 0 0 1.7rem var(--second-color);animation-name:pulsA}.loader .loader-in:after{width:calc(100% - 1.7rem* 2);padding-bottom:calc(100% - 1.7rem* 2);box-shadow:0 0 0 0 var(--second-color);animation-name:pulsB}@keyframes pulsA{0%{box-shadow:inset 0 0 0 1.7rem var(--second-color);opacity:1}50%,100%{box-shadow:inset 0 0 0 0 var(--second-color);opacity:0}}@keyframes pulsB{0%,50%{box-shadow:0 0 0 0 var(--second-color);opacity:0}100%{box-shadow:0 0 0 1.7rem var(--second-color);opacity:1}}.loader-line{width:200px;height:3px;position:relative;overflow:hidden;background-color:#ddd;margin:10px auto;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;box-shadow:0 0 5px 0 var(--main-color),0 0 5px 0 var(--main-color) inset}.loader-line:before{content:"";position:absolute;left:-50%;height:3px;width:40%;background-color:#ffffff;-webkit-animation:lineAnim 1s linear infinite;-moz-animation:lineAnim 1s linear infinite;animation:lineAnim 1s linear infinite;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}@keyframes lineAnim{0%{left:-40%}50%{left:20%;width:80%}100%{left:100%;width:100%}}.loader-backdrop{position:fixed;top:0;left:0;z-index:2000;width:100vw;height:100vh;background-color:rgb(0,0,0,.6)}.loader-backdrop-centered{display:flex;align-items:center;justify-content:center}.loader-spinner{position:relative;width:100px;height:100px}.loader-spinner .spinner{display:inline-block;width:100px;height:100px;border:2px solid var(--bs-border-color);border-radius:50%;border-top-color:var(--main-color);animation:loaderSpin 1s ease-in-out infinite;-webkit-animation:loaderSpin 1s ease-in-out infinite}.loader-spinner .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap}@keyframes loaderSpin{to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes loaderSpin{to{-webkit-transform:rotate(360deg)}}.swiper-banner .swiper-slide picture img{height:100vh;max-height:1080px;object-fit:cover}.swiper-banner .swiper-slide .swiper-desc{position:absolute;top:50%;left:50%;right:unset;transform:translate(-50%,-50%);width:100%;margin-top:60px}.swiper-design .swiper-design-title{font-size:40px;font-weight:bold;text-shadow:3px 3px #282f48;letter-spacing:1px}.swiper-design .swiper-design-sub-title{font-size:18px;letter-spacing:1px;line-height:1.5}.swiper-design .swiper-design-btn{font-weight:500;letter-spacing:1px}@media (min-width:768px){.swiper-banner .swiper-slide .swiper-desc{margin-top:50px}.swiper-design .swiper-design-title{font-size:60px;letter-spacing:3px}.swiper-design .swiper-design-sub-title{font-size:22px;letter-spacing:1px}.swiper-design .swiper-design-btn{font-weight:500;letter-spacing:1px}}.navbar .navbar-brand img{max-width:45px}@media (min-width:992px){.navbar .navbar-brand img{max-width:50px}}.navbar .navbar-toggler{width:48px;height:48px;text-align:center;border-radius:0;background:var(--second-color);-webkit-clip-path:polygon(29% 0,100% 0,100% 30%,100% 70%,71% 100%,0 100%,0% 70%,0% 30%);clip-path:polygon(29% 0,100% 0,100% 30%,100% 70%,71% 100%,0 100%,0% 70%,0% 30%)}.navbar .navbar-toggler:focus{-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0}.navbar .navbar-collapse .navbar-nav .nav-item{margin:0 3px}.navbar .navbar-collapse .navbar-nav .nav-item.dropdown:hover>.dropdown-menu{background:rgba(0,0,0,.8);border:none}@media (min-width:992px){.navbar .navbar-collapse .navbar-nav .nav-item.dropdown:hover>.dropdown-menu{display:block}}.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle{width:120px}.navbar .navbar-collapse .navbar-nav .nav-item.dropdown i{margin-left:5px}.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-toggle::after{margin-left:0;vertical-align:0}.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu{border-radius:0;-webkit-transition:.4s;transition:.4s;padding:0}@media (min-width:992px){.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu{display:none}}.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu[data-bs-popper]{margin-top:unset}.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item{padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.2);color:#f7f7f8;font-size:14px;-webkit-transition:.4s;transition:.4s}.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover{color:var(--main-color);background:transparent}.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:active{color:#fff;text-decoration:none;background-color:var(--main-color)}.navbar .navbar-collapse .navbar-nav .nav-item .nav-link{position:relative;display:inline-block;text-align:center;font-weight:500;color:#dddddd;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .6s ease;padding-top:5px;padding-bottom:5px}.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:after,.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:before{-webkit-transition:all 6s ease 0s;-moz-transition:all 6s ease 0s;-ms-transition:all 6s ease 0s;-o-transition:all 6s ease 0s;transition:all .6s ease 0s}.navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active,.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover{outline:0;color:var(--main-color);-webkit-transition:color 6s ease;-moz-transition:color 6s ease;-ms-transition:color 6s ease;-o-transition:color 6s ease;transition:color .6s ease;cursor:pointer}.navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active:after,.navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active:before,.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover:after,.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover:before{outline:0;background-color:var(--main-color);-webkit-transition:all 6s ease 0s;-moz-transition:all 6s ease 0s;-ms-transition:all 6s ease 0s;-o-transition:all 6s ease 0s;transition:all .6s ease 0s}.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:after{content:"";position:absolute;width:0;height:2px;left:0;bottom:0}.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover:after{width:100%;height:2px}@media (max-width:991px){.navbar{padding:0}.navbar .navbar-collapse .navbar-nav{text-align:center}.navbar .navbar-collapse .navbar-nav .nav-item{margin:0}.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu{text-align:center;background:transparent}.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item{color:#fff;background:none;border:none}.navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item i{font-size:16px;margin-right:5px;margin-left:0;width:20px}.navbar .navbar-collapse .navbar-nav .nav-item:last-child{margin-bottom:30px}.navbar .navbar-text{right:110px;top:16px}.navbar .navbar-text .notification{margin-right:20px}}@media (max-width:767px){.navbar .navbar-text{right:80px}.navbar .navbar-text .notification{margin-right:20px}}.navbar-main{padding:0}.navbar-main>.container{flex-wrap:nowrap}.navbar-main #navbarNav .navbar-nav{flex-wrap:wrap;padding:5px 0}.navbar-main:after{transform:translateY(0);content:'';position:absolute;right:0;bottom:0;z-index:-1;background:rgba(0,0,0,.8);background:-moz-linear-gradient(90deg,rgb(27 17 25 / 100%) 0,rgb(29 10 26 / 80%) 50%,rgb(27 17 25 / 100%) 100%);background:-webkit-linear-gradient(90deg,rgb(27 17 25 / 100%) 0,rgb(29 10 26 / 80%) 50%,rgb(27 17 25 / 100%) 100%);background:linear-gradient(90deg,rgb(27 17 25 / 100%) 0,rgb(29 10 26 / 80%) 50%,rgb(27 17 25 / 100%) 100%);top:0;transition:.3s;left:0}.navbar-main.active:after{transform:translateY(0)}@media (max-width:991px){}.navbar-main .navbar-brand{display:flex;align-items:center;padding:10px 0}.navbar-main .navbar-trigger{position:relative;display:block;height:40px;width:40px;border-radius:100%;color:#dddddd;cursor:pointer;margin-right:-5px}.navbar-main .navbar-trigger span,.navbar-main .navbar-trigger span:after,.navbar-main .navbar-trigger span:before{display:block;height:2px;position:absolute;background-color:#dddddd;content:'';transition:.3s}.navbar-main .navbar-trigger span{top:20px;width:24px;left:8px}.navbar-main .navbar-trigger span:before{bottom:7px;width:24px;left:0}.navbar-main .navbar-trigger span:after{top:7px;width:16px;left:0}.navbar-main .navbar-trigger:hover{background-color:rgb(0 0 0 / 20%)}.navbar-main .navbar-trigger:hover span,.navbar-main .navbar-trigger:hover span:after,.navbar-main .navbar-trigger:hover span:before{background-color:#ffffff}.navbar-user-trigger{cursor:pointer}.offcanvas{border:unset}.offcanvas{background-color:var(--main-bg-color);background:-moz-linear-gradient(0deg,#1b1119 0,rgb(29 10 26 / 66%) 50%,#1b1119 90%);background:-webkit-linear-gradient(0deg,#1b1119 0,rgb(29 10 26 / 66%) 50%,#1b1119 90%);background:linear-gradient(0deg,#1b1119 0,rgb(29 10 26 / 66%) 50%,#1b1119 90%);color:#dddddd}.offcanvas .btn-close{opacity:.85}.offcanvas .btn-close:hover{opacity:1}.offcanvas .offcanvas-header,.offcanvas .offcanvas-body{padding:30px}.nav-tabs .nav-link.active{color:#fff;background-color:var(--second-color);border-color:var(--second-color) var(--second-color) var(--second-color)}.nav-tabs .nav-link{color:var(--main-color)}.nav-tabs .nav-link,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border:1px solid var(--main-color)}.nav-tabs{border-bottom:1px solid var(--main-color)}.cursor-pointer{cursor:pointer}.nav-tabs .nav-link{border-top-left-radius:0;border-top-right-radius:0}.nav-tabs{position:relative;border-bottom:unset}.nav-tabs::before{content:"";position:absolute;bottom:-1px;width:100%;height:1px;border-bottom:2px solid var(--second-color);box-shadow:0 0 5px 0 var(--second-color),0 0 5px 0 var(--second-color) inset}.nav-tabs .nav-link{color:var(--font-color);border-top-left-radius:6px;border-top-right-radius:6px}.nav-tabs .nav-link,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border:unset}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{color:#ffffff}.nav-tabs .nav-link.active{background-color:unset;background-image:linear-gradient(360deg,rgba(255,3,218,.4),rgba(255,3,218,0) 90%)}.page-header{padding:160px 0 60px 0;position:relative;z-index:1;text-align:center;background-size:cover;background-position:center}.page-header-bg{background-size:cover;background-position:center;position:absolute;z-index:-1;width:100%;height:100%;left:0;top:0;-webkit-mask-image:linear-gradient(rgb(27 17 25),transparent);mask-image:linear-gradient(rgb(27 17 25),transparent)}.page-header-bg::after{content:' ';position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgb(29 17 27 / 50%)}.page-header .spartan{width:0;position:absolute;right:0;top:0;z-index:0}.page-header h2{z-index:1;position:relative;text-transform:uppercase}@media (max-width:414px){.page-header{padding:140px 0 50px 0}}.product-img{border-radius:15px;width:100%;max-width:350px}@media (max-width:991.5px){.product-img{max-width:150px}}.product-img-small{border-radius:5px;width:100%;max-width:60px}.selected-products{margin-top:-15px}.selected-products .item{background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,0);padding:15px;border-radius:6px;height:100%;color:#ffffff;border:1px solid var(--second-color);box-shadow:0 0 5px 0 var(--main-color),0 0 5px 0 var(--main-color) inset;margin-top:15px}.product-item{position:relative;height:100%}.product-item .product-check{background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,0);padding:15px;border-radius:6px;height:100%;display:flex;flex-direction:column;justify-content:center;cursor:pointer;text-align:center;transition:.3s}.product-item .product-check .img{width:100%;max-width:60px}.product-item .product-check .title{font-weight:bold}.product-item .product-check .tag{position:absolute;right:0;top:-10px}.product-item.out-stock{filter:grayscale(1);pointer-events:none}.product-item.out-stock .out-stock-text{font-size:30px;font-weight:bold;color:rgb(255 0 0 / 80%);white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(340deg);-webkit-transform:translate(-50%,-50%) rotate(340deg)}.product-item.out-stock .product-check{color:#999999}.product-item .product-check:hover,.product-item .btn-check:checked+.product-check{color:#ffffff;border:1px solid var(--second-color);box-shadow:0 0 5px 0 var(--main-color),0 0 5px 0 var(--main-color) inset}.product-item .btn-check+.product-check .check-icon{opacity:0;font-size:20px;line-height:0;position:absolute;left:10px;top:10px;color:var(--second-color);border-radius:50%;transition:.3s}.product-item .btn-check:checked+.product-check .check-icon{opacity:1}.cookie-tab{position:fixed;left:0;bottom:0;width:100%;z-index:1000;padding:20px 0;background-color:rgba(0,0,0,.8);box-shadow:0 0 10px 5px rgb(0 0 0 / 5%)}.nav-category>.nav-item{padding-left:0}.nav-category .nav-link{padding:5px 0;color:var(--main-font-color)}.nav-category .nav-link:hover,.nav-category .nav-link.active{color:var(--main-color)}.nav-category .dropdown{color:var(--main-font-color)}.blog-item{height:100%;padding:30px;border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 5px 20px rgb(0 0 0 / 25%)}.blog-item .meta{color:#c682bc;font-size:12px}.blog-item .meta a{color:#c682bc}.blog-item .meta a:hover{color:var(--main-color)}.blog-item .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#dddddd;line-height:1.5;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.blog-item .title:hover{color:var(--main-color)}.blog-item .image img{width:100%;border-radius:10px;aspect-ratio:5/3;object-fit:cover}.blog-item .read-more a{position:relative;padding-left:100px;color:#dddddd}.blog-item .read-more a:after{left:0;width:100px;height:1px;content:'';position:absolute;top:50%;background-color:#8d898e;transition:.3s}.blog-item:hover .read-more a:hover{color:var(--main-color)}.blog-item:hover .read-more a:after{width:50px}.blog-item .read-more span{opacity:0;transition:opacity .3s,transform .3s;display:inline-block}.blog-item:hover .read-more span{opacity:1;transform:translateX(-30px)}.search-group{position:relative}.search-group .btn{position:absolute;top:0;right:0;padding:3.5px 10px;margin:4px;color:#aaaaaa}.search-group .btn:hover{background-color:var(--main-bg-color)}.widget-sidebar .widget-title{position:relative;margin-bottom:30px}.widget-sidebar .widget-title .text{display:block;padding:8px 10px;line-height:24px;letter-spacing:.5px;position:relative;text-transform:uppercase;font-size:16px;overflow:hidden;font-weight:500;background-color:rgba(37,37,37,.05);text-align:center;font-family:var(--hff);border:2px solid rgba(255,255,255,.5);border-radius:30px}.widget-category ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.widget-category ul li{margin:0 0 10px;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;flex-wrap:wrap;-webkit-transform:translateZ(0);transform:translateZ(0);position:relative;overflow:hidden}.widget-category ul li a{position:relative;width:100%;max-width:calc(100% - 45px);padding-right:20px;z-index:5;font-weight:500;-webkit-transform:translateZ(0);transform:translateZ(0);line-height:30px;font-style:normal;color:#ddd;text-decoration:none;font-family:var(--hff);overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.widget-category ul li a span{position:relative}.widget-category ul li a span:before{content:'';position:absolute;background-color:rgba(255,255,255,.1);height:1px;right:100%;margin-right:15px;width:1000px;top:50%;margin-top:-.5px}.widget-category ul li a span:after{content:'';position:absolute;background-color:rgba(255,255,255,.1);height:1px;left:100%;margin-left:15px;width:1000px;top:50%;margin-top:-.5px}.widget-category ul li:hover a{padding-left:30px;color:var(--main-color)}.widget-category ul li .count{display:block;width:30px;height:30px;text-align:center;font-size:14px;letter-spacing:0;color:#ddd;background-color:#000;border-radius:100%;line-height:30px;position:relative;z-index:3}.blog-detail .link-item{color:#dddddd}.blog-detail .link-item:hover{color:var(--main-color);cursor:pointer}.blog-detail img{border-radius:10px}.search{display:flex;align-items:center;border-radius:var(--bs-border-radius);height:39px;padding:0 10px;background-color:rgba(var(--bs-black-rgb),.4);transition:.3s}.search:focus-within{box-shadow:inset 0 0 0 2px var(--main-color)}.search input[type=search]{width:100%;height:100%;background:transparent;border:0;outline:none;flex:1;padding:0 0 0 10px;color:var(--font-color)}.search svg.search-icon{height:18px;width:18px;stroke-width:2}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;height:10px;width:10px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZmlsbD0iI2ZmZmZmZiI+CjxwYXRoIGQ9Ik0xMjEuMzI1LDEwLjkyNWwtOC41LTguMzk5Yy0yLjMtMi4zLTYuMS0yLjMtOC41LDBsLTQyLjQsNDIuMzk5TDE4LjcyNiwxLjcyNmMtMi4zMDEtMi4zMDEtNi4xMDEtMi4zMDEtOC41LDBsLTguNSw4LjUgICBjLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQgICBjMi4zLDIuMyw2LjEsMi4zLDguNSwwbDguNS04LjVjMi4zLTIuMywyLjMtNi4xLDAtOC41bC00Mi41LTQyLjRsNDIuNC00Mi4zOTlDMTIzLjYyNSwxNy4xMjUsMTIzLjYyNSwxMy4zMjUsMTIxLjMyNSwxMC45MjV6Ii8+Cjwvc3ZnPg==);background-size:10px 10px}.nav-search .form-search{display:none}.nav-search .toggle-search,.nav-search .close-search{display:inline-block}@media (max-width:575.5px){.nav-search.open-search .form-search{display:block;position:fixed;top:0;left:0;z-index:1030;background:linear-gradient(90deg,#1b1119 0,#1d0a1a 50%,#1b1119 100%);width:100%;height:64px;padding:12px 12px}}@media (min-width:576px){.navbar-main .form-search{display:block}.nav-search .toggle-search,.nav-search .close-search{display:none}}.footer-section{position:relative;z-index:1;padding:100px 0 0 0;background-color:rgba(10,10,10,.15);margin-top:80px}@media (max-width:767.5px){.footer-section{padding:60px 0 0 0;margin-top:60px}}.footer-section .footer-box{margin:0 5px 40px 5px}.footer-section .footer-box .navbar-brand img{width:50px;margin-bottom:30px}.footer-section .footer-box p{color:#f1f1f1;margin-bottom:30px}.footer-section .footer-box h5{margin-bottom:40px}.footer-section .footer-box a{text-decoration:none;color:#f1f1f1;-webkit-transition:.4s;transition:.4s}.footer-section .footer-box a:hover{color:var(--main-color)}.footer-section .footer-box ul{padding-left:0;margin-bottom:0}.footer-section .footer-box ul li{list-style:none;color:#f1f1f1;margin-bottom:15px}.footer-section .footer-box ul li img,.footer-section .footer-box ul li i{margin-right:10px}.footer-section .footer-box .social-links{margin-bottom:30px}.footer-section .footer-box .social-links a{display:inline-block;width:45px;height:45px;text-align:center;margin-right:15px;margin-bottom:15px;padding-top:12px;background:var(--second-color);-webkit-clip-path:polygon(29% 0,100% 0,100% 30%,100% 70%,71% 100%,0 100%,0% 70%,0% 30%);clip-path:polygon(29% 0,100% 0,100% 30%,100% 70%,71% 100%,0 100%,0% 70%,0% 30%)}.footer-section .footer-box .social-links a img{width:18px}.footer-section .footer-box .social-links a i{font-size:18px;color:#fff}.footer-section .footer-box .input-group .form-control{border-radius:0;border:none;height:48px;font-size:14px;padding:15px;caret-color:var(--main-color)}.footer-section .footer-box .input-group .form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;-webkit-box-shadow:0 0 0 0 rgba(13,110,253,.25);box-shadow:0 0 0 0 rgba(13,110,253,.25)}.footer-section .footer-box .input-group .input-group-text{border:none;border-radius:0;padding:0}.footer-section .footer-box .input-group .input-group-text button{background:var(--second-color);height:100%;width:60px;border:none}.footer-section .footer-bottom{padding-top:60px;color:#fff;padding-bottom:40px;font-size:12px}.footer-section .footer-bottom .copyright a{color:#f1f1f1}.footer-section .footer-bottom .language{text-align:right;color:#fff}.footer-section .footer-bottom .language a{color:var(--main-color);margin-right:15px}@media (max-width:1399px){.footer-section .footer-box h5{font-size:18px;margin-bottom:30px}.footer-section .footer-box .social-links a{width:40px;height:40px;margin-right:10px;padding-top:10px}.footer-section .footer-box .social-links a i{font-size:16px}}@media (max-width:1020px){.footer-section .footer-box .social-links a{width:30px;height:30px;margin-right:10px;padding-top:6px}.footer-section .footer-box .social-links a i{font-size:14px}}