﻿.slick-product-prev{left:20px}
.slick-product-next{right:20px}
.slick-arrow,.slick-dots{opacity:1}
.slick-dots{bottom:.625rem;display:flex;left:50%;position:absolute;z-index:2;--tw-translate-x:-50%;align-items:center;background-color:#090d1480;border-radius:100px;justify-content:center;padding:.125rem .375rem;transform:translate(var(--tw-translate-x),0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);width:auto}
.slick-dots li{margin:0}
.slick-dots li button{background-color:#ffffff80;border-radius:9999px;height:.375rem;margin:.25rem;padding-left:.125rem;padding-right:.125rem;transition-delay:0s;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:ease;width:.375rem}
.slick-dots li.slick-active button{width:1.2rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}
.slick-product-prev,.slick-product-next{width:40px;height:40px;background-color:#f3f4f6}
.slick-product-prev,.slick-product-next{font-size:16px;color:black}
.slick-product-prev,.slick-product-next{width:40px;height:40px}
.slick-product-prev,.slick-product-next{font-size:16px}
.box-detail-info{gap:100px}
.detail-info-right .box-product-option{flex-direction:unset;color:white}
.detail-info-right .box-product-option .list-option{display:flex}
    .detail-info-right .box-product-option .list-option .option-color-item {
        display: flex;
        flex-direction: column;
        gap: 8px;
        position: relative;
        padding-bottom: 35px;
    }

#option-color .item-option + span {
    display: none
}

#option-color .item-option.selected + span {
    display: flex;
    justify-content: center;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
}
.detail-info-right .box-product-option .item-option {
    background: #053993;
    width: fit-content;
    padding: 0 10px;
    color: white;
    border-radius: 0;
    font-size: 14px;
    border: 2px solid #C9C9C9
}
.detail-info-right .box-product-option .item-option:before{width:40px;font-size:17px;background-color:unset;position:absolute;bottom:unset;right:unset;display:none}
#option-color .item-option:before{display:flex}
.detail-info-right .box-product-option .item-option span{color:white;line-height:unset;font-size:17px}
.box-order .order-btn{background:#2a278f;border:2px solid #C9C9C9;width:fit-content;margin:auto;padding:10px 16px;height:unset;border-radius:26px}
.box-order .order-btn:hover{background:#0c0978}
.box-order .order-btn strong{font-size:18px;line-height:unset}
#option-color .item-option{min-height:unset;height:40px;width:40px;border-radius:50%;padding:0}
#option-version .item-option{justify-content:center;border:unset}
.title-text{font-size:20px;color:white;font-weight:600}
.box-product-option .item-option:hover, .box-product-option .item-option.active, .box-product-option .item-option.selected {
    border: 2px solid white;
    box-shadow: 0 0 20.8px 4px #5291E966;
}
#option-version .item-option.active, #option-version .item-option:hover, #option-version .item-option.selected {
    background: #4486f9;
    box-shadow: 0 0 20.8px 4px #5291E966;
}
.detail-info-right .box-price{display:flex}
.detail-info-right .box-price .item-box-price{display:flex;text-align:center;align-items:center;gap:8px}
.detail-info-right .box-price strong{color:white;font-size:30px}
.display-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}
.display-grid .one{grid-column:span 1}
.display-grid .three{grid-column:span 3;text-align:center;justify-content:center}
.btn-loadtab{text-align:center;padding:30px 0 20px 0;display:flex;align-items:center;justify-content:center;gap:20px}
.btn-loadtab a{color:#fff;font-size:20px;font-weight:700;padding:10px}
.btn-loadtab a:hover,.btn-loadtab a.selected{background:#4486f9}
.box-tabcontent{background:unset}
.box-tabcontent.selected{background:#4486f9}
#tabContent{padding:30px}
#tabContent .container{width:unset;min-width:unset}
.box-detail-info .detail-info-left{width:40%}
.box-detail-info .detail-info-right{gap:35px}
.product-detail .box-header .header-name h1{font-size:30px;text-align:center;color:white;line-height:150%}
.Slideshow-show{position:absolute;bottom:5px;left:5px;background-color:#090d144d;border-radius:40px;margin:0;padding:4px 8px}
.Slideshow-show .Slideshow-counter{height:unset}
.Slideshow-show .Slideshow-counter a{color:white;margin-right:0}
#boxcontent .item{position:relative;border:1px solid #C9C9C9}
.bg-content{display:flex;justify-content:space-around;text-align:center;-webkit-align-items:inherit;align-items:inherit}
.bg-content a{font-size:25px;color:#fff;padding:30px 0;font-weight:700;position:relative}
.bg-content a.active::before{content:"";position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:16px solid #3498db}
.LastPrice{display:none}
#id-ss-series-menu{position:sticky;top:130px;left:0;width:100%;transition:top 0.3s ease;z-index:1000}
header.hidden + .w-container.body-wrapper #id-ss-series-menu{top:0;z-index:9}
.ss-series-menu{background:white;z-index:1}
.ss-menu-scroll ul li{padding:12px 0!important}
.ss-menu-scroll ul li button{background:unset}
.ss-series-menu .inner .ss-menu-scroll{width:100%;padding:0 20px}
.ss-menu-scroll ul{justify-content:space-between}
.ss-menu-scroll ul li.scroll-item button:before{content:unset}
.ss-menu-scroll ul li button{width:fit-content;margin:auto;padding:10px 16px;border-radius:26px;color:white;line-height:unset;font-size:20px;font-weight:600}
.ss-menu-scroll ul li button:hover,.ss-menu-scroll ul li button.active{background:white;color:#173ca9}
.slick-list{margin-left:0;margin-right:0}
.header-title{color:#4567e9;font-size:30px}
.list-product .slick-dots li button,.list-news .slick-dots li button,.box-top-slider .slick-dots li button,.box-ref .slick-dots li button{background:#ffffff80}
.no-Slider.box-product-container .list-product{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.no-Slider .list-product .product-item{max-width:unset;width:unset;border:3px solid var(--black-black-4,#126da3);box-shadow:rgb(42 178 201 / 40%) 7px 6px 4px}
.slide-product-slick.list-product .product-item{margin:0 6px}
.list-product .product-item .info-item{display:flex;flex-direction:column;gap:12px}
.list-product .product-item a.img{display:block;margin:0 auto}
.list-product .product-item a.img img{max-width:180px;max-height:180px}
.list-product .product-item h3{flex-grow:unset;text-align:center}
.list-product .product-item h3 a{color:var(--blackText);font-size:12px;font-weight:600}
.list-product .product-item .price{padding:0 0;font-size:15px;display:flex;justify-content:space-around;justify-items:stretch;flex-direction:column;gap:10px}
.list-product .product-item .price span{display:flex;justify-content:center}
.list-product .product-item .price span span{font-size:11px;background:#FD475A;color:white;border-radius:5px;padding:2px 4px;margin-left:8px;font-weight:600}
.list-product .product-item .price strong{color:var(--redText);line-height:18px}
.list-product .product-item .price strike{font-size:13px;line-height:18px;color:#C9C9C9}
.apple-button{display:flex;justify-content:space-between;flex-wrap:wrap;line-height:33px;width:100%}
.apple-button span:first-child a{color:#fff}
.apple-button span:first-child{background:#009981;border-radius:24px;padding:0 15px;text-align:center;text-transform:uppercase}
.apple-button span:last-child a{text-align:center;text-transform:uppercase;color:#009981;font-weight:600;display:flex;align-items:center;gap:4px}
.box-grid-container{display:grid;grid-gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.box-ref{background:#152759;padding:unset;border-radius:unset;margin-top:unset}
.box-ref .box-ref-header{padding:12px 12px 0 12px;display:flex;flex-direction:column;gap:12px}
.box-ref .box-ref-header .head{font-size:15px;font-weight:600}
.display-box .box-image img{max-width:100%;display:block}
.box-ref .v5-list-items{padding:0 50px;border-radius:10px;overflow:hidden;padding-bottom:30px}
.box-ref .v5-list-items .v5-item{position:relative;margin:0 6px}
.box-ref .v5-list-items .slick-slide{position:relative;margin:0 6px}
.box-ref .v5-list-items .v5-item .last-price{position:absolute;top:5px;right:5px;background:#FF0200;padding:4px;display:flex}
.box-ref .v5-list-items .v5-item .last-price:before{content:" ";width:8px;height:8px;background:#fff;border-radius:16px;margin:auto 5px auto 0}
.box-ref .v5-list-items .v5-item .last-price .bg{background:#fff;padding:3px 8px;border-radius:6px;display:flex;flex-direction:column;justify-content:center;justify-items:center}
.box-ref .v5-list-items .v5-item .last-price .bg strong{font-size:9px}
.box-ref .v5-list-items .v5-item .last-price .bg label{font-size:10px;margin-top:-2px;font-weight:bold}
.box-ref .v5-list-items .v5-item .last-price{border-radius:4px;background:#fb706f}
.box-ref .v5-list-items .v5-item .cover{position:absolute;width:95%;top:105px;text-align:center}
.box-ref .v5-list-items .v5-item h3{padding:0;margin:0 0 0 0;font-size:15px}
.box-ref .v5-list-items .v5-item .price-offer{margin-bottom:10px;background:#FD475A;padding:4px 8px;border-radius:5px;color:#fff;text-align:center;display:flex;flex-direction:column}
.box-ref .v5-list-items .v5-item .price-offer label{font-size:11px;font-weight:500;display:block;margin-bottom:5px}
.box-ref .v5-list-items .v5-item .price-offer strong{font-size:15px}
.box-ref .v5-list-items .v5-item .price-tradein{margin-bottom:10px;background:#DBF9EB;padding:4px 8px;border-radius:5px;color:#009981;text-align:center;display:flex;flex-direction:column}
.box-ref .v5-list-items .v5-item .price-tradein label{font-size:11px;font-style:normal;font-weight:500;display:block;margin-bottom:5px}
.box-ref .v5-list-items .v5-item .price-tradein strong{font-size:15px}
.box-ref .v5-list-items .v5-item{background:#fff;border-radius:6px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;justify-items:start;border:1px solid #ededed;gap:12px}
.box-ref .v5-list-items .v5-item .info-item{display:flex;flex-direction:column;gap:12px}
.box-ref .v5-list-items .v5-item a.img{display:block;margin:0 auto}
.box-ref .v5-list-items .v5-item a.img img{max-width:180px;max-height:180px}
.box-ref .v5-list-items .v5-item h3{flex-grow:unset;text-align:center}
.box-ref .v5-list-items .v5-item h3 a{color:var(--blackText);font-size:15px;font-weight:600}
.box-ref .v5-list-items .v5-item .price{padding:0 0;font-size:15px;display:flex;justify-content:start;justify-items:start;gap:10px}
.box-ref .v5-list-items .v5-item .price span{display:flex;justify-content:center}
.box-ref .v5-list-items .v5-item .price span span{font-size:11px;background:#FD475A;color:white;border-radius:5px;padding:2px 4px;margin-left:8px;font-weight:600}
.box-ref .v5-list-items .v5-item .price strong{color:#1d2c53;line-height:18px;font-size:16px}
.box-ref .v5-list-items .v5-item .price strike{font-size:13px;line-height:18px;color:#C9C9C9}
.box-ref .v5-list-items .v5-item .specs{background:var(--ligtWhiteGrayBg);border-radius:5px;padding:8px 12px 2px 12px;margin-bottom:10px}
.box-ref .v5-list-items .v5-item .specs ul{list-style:none;padding:0;margin:0}
.box-ref .v5-list-items .v5-item .specs ul li{padding-bottom:6px;display:flex;color:#191919;font-size:12px}
.box-ref .v5-list-items .v5-item .specs ul li label{margin-right:8px;display:flex;flex-direction:column;align-items:flex-start}
.box-ref .v5-list-items .v5-item .specs ul li label.icon{font-size:14px}
.box-ref .v5-list-items .v5-item .specs ul li div{flex-grow:3;display:flex;flex-direction:column;align-items:flex-start}
.box-ref .v5-list-items .v5-item .specs ul li div span{display:block;line-height:18px}
.box-ref .v5-list-items .v5-item .promotion{background:#FFDFD4;padding:8px 12px;border-radius:6px;color:#FC521D;text-align:center;font-size:12px;display:flex;justify-content:center;justify-items:center}
.box-ref .v5-list-items .v5-item .promotion i{font-size:18px;margin-right:5px}
.box-ref .v5-list-items .v5-item .promotion strong{line-height:18px}
.box-ref .v5-list-items .v5-item .note{background:#F3F3F3;padding:4px 8px;border-radius:5px;text-align:center;margin-top:10px}
.box-ref .v5-list-items .v5-item .quick-buy{padding:10px 0}
.box-ref .v5-list-items .v5-item .quick-buy a{background:linear-gradient(180deg,#E33648 0%,#C72433 100%);color:#fff;padding:0 16px;border-radius:4px;line-height:36px}
.box-ref .v5-list-items .v5-item .quick-buy a{display:flex;justify-content:center;justify-items:center}
.box-ref .v5-list-items .v5-item .quick-buy a i{font-size:17px;margin-right:5px;line-height:36px}
.box-ref .v5-list-items .v5-item .quick-buy a:hover{background:linear-gradient(180deg,#E33648 100%,#C72433 0%)}
.box-ref .v5-item .promotion-list{margin-top:12px}
.fls-price{padding:8px;border-radius:5px;gap:8px;display:flex;flex-direction:column;background:#D42D01;width:calc(100% - 16px)}
.fls-price .bg{gap:8px;display:flex;flex-direction:column}
.fls-price span{font-weight:600;line-height:150%;letter-spacing:0;color:#FEE57E}
.fls-price label{color:#FFFFFF;font-weight:700;font-size:20px;line-height:150%;letter-spacing:0;text-align:center}
