﻿.img-banner{width:100%;height:375px;object-fit:cover;object-position:center}
.w-container.body-wrapper{width:unset}
.pj-hoanghaedu img{max-width:100%;display:block}
.slick-dots li button{background-color:#009981}
.top-slider{padding:0;background-color:white;margin-bottom:0}
.top-slider .slick-initialized .slick-slide{justify-content:center}
.top-slider .slick-dots{margin-top:8px}
.display-slider .slick-arrow,.display-slider .slick-dots{opacity:1}
.slick-product-prev,.slick-product-next{width:32px;height:32px;background-color:#FFF;border:none;border-radius:50%;cursor:pointer;opacity:0.5;font-size:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1;font-weight:600;color:#009981;box-shadow:2px 2px 2px rgba(0,0,0,0.1)}
.slick-product-next{right:12px}
[dir=rtl] .slick-product-next{right:auto;left:12px}
.slick-product-prev{left:12px}
[dir=rtl] .slick-product-prev{right:12px;left:auto}
.pj-hoanghaedu .box-product-container{padding:0;background-color:unset}
.pj-hoanghaedu .box-product-container .image-banner img{border-radius:10px}
.pj-hoanghaedu .box-product-container .bak-ground{width:calc(100% - 24px);display:flex;flex-direction:column;gap:20px;padding:12px;background-color:white;border-radius:10px}
.pj-hoanghaedu .box-product-container .bak-ground .info-image{display:flex;justify-content:center}
.pj-hoanghaedu .box-product-container .bak-ground .info-image img{border-radius:5px}
.pj-hoanghaedu .box-product-container .bak-ground .slick-padding{padding-bottom:20px}
.v5-brand-list .slick-dots{bottom:-21px}
.pj-hoanghaedu-sort{}
.pj-hoanghaedu-sort .info-sort{display:flex;gap:32PX;justify-content:center}
.pj-hoanghaedu-sort .info-sort .info-sort-item{display:flex;align-items:center;gap:8px;border:unset;color:#757575;font-size:15px;font-weight:700;padding:3px 0;position:relative;width:-moz-fit-content;width:fit-content;cursor:pointer}
.pj-hoanghaedu-sort .info-sort .info-sort-item:before{border-bottom:3px solid #cacaca;bottom:-6px;content:"";height:1px;left:50%;position:absolute;width:10%;border-radius:10px}
.pj-hoanghaedu-sort .info-sort .info-sort-item:before{transform:translateX(-50%);left:50%;width:0}
.pj-hoanghaedu-sort .info-sort .info-sort-item:hover,.pj-hoanghaedu-sort .info-sort .info-sort-item.selected{color:#009981}
.pj-hoanghaedu-sort .info-sort .info-sort-item:hover:before,.pj-hoanghaedu-sort .info-sort .info-sort-item.selected:before{background:#009981;border:2px solid #009981;left:50%;transition:.5s ease;width:100%}
.pj-hoanghaedu .box-product-container .list-product{width:unset;gap:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.pj-hoanghaedu .list-product .product-item{padding:12px;width:unset;max-width:unset}
.apple-button{display:flex;justify-content:space-between;flex-wrap:wrap;line-height:33px}
.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}
.slick-list{margin-left:0;margin-right:0}
#id-ss-series-menu{position:sticky;top:130px;left:0;width:100%;background:linear-gradient(90deg,#0BA360 0%,#3CBA92 100%);transition:top 0.3s ease;z-index:1}
header.hidden + .w-container.body-wrapper #id-ss-series-menu{top:0;z-index:9}
#id-ss-series-menu.scroll-down{}
#id-ss-series-menu.scroll-up{}
#id-ss-series-menu .container{padding:12px 0;margin:0 auto 20px auto}
#id-ss-series-menu .series-menu-item{align-items:center;display:flex;justify-content:space-between}
#id-ss-series-menu .series-menu-item a{margin:0;border:unset;border-radius:8px;color:white;font-size:20px;font-weight:700;padding:3px 0;position:relative;width:-moz-fit-content;width:fit-content}
#id-ss-series-menu .series-menu-item a:before{border-bottom:3px solid #cacaca;bottom:-6px;content:"";height:2px;left:50%;position:absolute;width:10%;border-radius:15px}
#id-ss-series-menu .series-menu-item li a:before{transform:translateX(-50%);left:50%;width:0}
#id-ss-series-menu .series-menu-item li:hover a:before,#id-ss-series-menu .series-menu-item li a.active:before{background-color:#fff;border:2px solid #fff;left:50%;transition:.5s ease;width:100%}
.pj-hoanghaedu .btn-view-more{align-items:center;background:#009981;border-radius:10px;box-shadow:unset;color:white;display:block;font-size:13px;height:unset;justify-content:center;margin:15px auto 15px;max-width:unset;border:none;width:FIT-CONTENT;padding:16px 20px;font-weight:600}
.image-grid{display:grid}
.slider-banner{padding:12px 0}
.slider-banner .slick-list{border:unset}
.slider-banner .slick-track{gap:12px;display:block}
.slider-banner .item{margin:0 6px;width:unset!important}
.slider-banner .item img{border-radius:10px}
#huongdan{margin:20px 0}
.content-text{background:#fff;border-radius:10px;box-shadow:0 1px 2px 0 rgba(60,64,67,.1),0 2px 6px 2px rgba(60,64,67,.15);display:block;margin-bottom:15px;margin-right:auto;max-height:500px;min-height:0;overflow:hidden;padding:12px;position:relative;text-align:justify;width:calc(100% - 24px)}
.content-text h1{text-transform:uppercase;font-size:24px;margin-bottom:20px}
.content-text h2{font-size:18px;margin-top:20px;color:#444}
.content-text ul{margin-left:20px;list-style-type:disc}
.content-text p{margin:10px 0}
.content_btn-showmore{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.91) 50%,#fff 55%);border-radius:10px;bottom:0;display:block;left:0;margin-bottom:0;padding-top:50px;position:absolute;right:0;text-align:center;width:100%}
.view-box-content,.view-specs-content{width:fit-content;margin-bottom:10px}
.pj-hoanghaedu .v5-brand-list{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.pj-hoanghaedu .v5-brand-list a{padding:0 30px;border-radius:6px;background:#fff;border:1px solid #C9C9C9;overflow:hidden;height:48px;overflow:hidden;margin-right:10px;display:flex;justify-content:center;justify-items:center;border-radius:10px;align-items:center;position:relative}
.pj-hoanghaedu .v5-brand-list a:before{color:#fff;width:24px;height:20px;background-color:#009981;position:absolute;bottom:-1px;right:-1px;border-top-left-radius:10px;border-bottom-right-radius:10px;opacity:0;transition:opacity 0.3s ease;display:flex;align-items:center;justify-content:center;content:"\69";font-family:'icomoon'!important;speak:never;font-style:normal;overflow:hidden;font-weight:300;font-variant:normal;font-size:9px;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}
.pj-hoanghaedu .v5-brand-list a.selected:before{opacity:1}
.pj-hoanghaedu .v5-brand-list a img{max-height:30px}
.pj-hoanghaedu .v5-brand-list a .no-logo{color:var(--blackText);display:flex;justify-content:center;flex-direction:column;justify-items:center;font-size:13px;font-weight:bold}
.pj-hoanghaedu .v5-brand-list a:hover{border-color:var(--lightGreen)}
.pj-hoanghaedu .v5-brand-list a.selected{border-color:var(--lightGreen)}
.v5-filter-title{text-align:center}
.v5-filter-title h3{color:#c00c0c;font-size:24px;font-weight:600;padding:0;margin:0;text-align:center}
.v5-brand-list.slick-initialized .slick-slide{display:flex;text-align:center;flex-direction:column;gap:12px}
.display-box{border-radius:10px;background:#fff;padding:12px;margin-bottom:20px}
.display-box .ads img{border-radius:10px}
.display-box .height-btnmore{position:relative}
.display-box .height-btnmore .btnMore{position:absolute;padding:7.25px;border-radius:5px;border:1px solid #009981;bottom:12px;right:0;background-color:white;color:#009981;display:flex;gap:8px;line-height:19.5px;cursor:pointer;font-weight:600;display:flex;align-items:center}
.display-box .height-btnmore .btnMore i{font-size:16px;line-height:16px}
.display-box .height-btnmore .btnMore:hover,.display-box .height-btnmore .btnMore:focus{background:#009981;color:white}
.box-ref{background:transparent;margin-top:0;padding:0}
.box-ref-list-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px}
.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}
.box-ref .v5-list-items{padding:12px 12px 24px 12px;background-color:white;border-radius:10px}
.box-ref .v5-list-items .product-item{position:relative;margin:0 6px;max-width:unset}
.box-ref .v5-list-items .product-item .last-price{/* position:absolute;*/
            
/* top:5px;*/
            
/* right:5px;*/
            
/* background:#FF0200;*/
            
/* padding:4px;*/
            
/* display:flex;*/}
.box-ref .v5-list-items .product-item .last-price:before{/* content:" ";*/
                width:8px;height:8px;background:#fff;border-radius:16px;margin:auto 5px auto 0}
.box-ref .v5-list-items .product-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 .product-item .last-price .bg strong{font-size:9px}
.box-ref .v5-list-items .product-item .last-price .bg label{font-size:10px;margin-top:-2px;font-weight:bold}
.box-ref .v5-list-items .product-item .last-price{/* border-radius:4px;*/
            
/* background:#fb706f;*/}
.box-ref .v5-list-items .product-item .cover{position:absolute;width:95%;top:105px;text-align:center}
.box-ref .v5-list-items .product-item h3{padding:0;margin:0 0 0 0;font-size:15px}
.box-ref .v5-list-items .product-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 .product-item .price-offer label{font-size:11px;font-weight:500;display:block;margin-bottom:5px}
.box-ref .v5-list-items .product-item .price-offer strong{font-size:15px}
.box-ref .v5-list-items .product-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 .product-item .price-tradein label{font-size:11px;font-style:normal;font-weight:500;display:block;margin-bottom:5px}
.box-ref .v5-list-items .product-item .price-tradein strong{font-size:15px}
.box-ref .v5-list-items .product-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 .product-item .info-item{display:flex;flex-direction:column;gap:12px}
.box-ref .v5-list-items .product-item a.img{display:block;margin:0 auto}
.box-ref .v5-list-items .product-item a.img img{max-width:180px;max-height:180px}
.box-ref .v5-list-items .product-item h3{flex-grow:unset;text-align:center}
.box-ref .v5-list-items .product-item h3 a{color:var(--blackText);font-size:12px;font-weight:600}
.box-ref .v5-list-items .product-item .price{padding:0 0;font-size:15px;display:flex;justify-content:space-around;justify-items:stretch;flex-direction:column;gap:10px}
.box-ref .v5-list-items .product-item .price span{display:flex;justify-content:center}
.box-ref .v5-list-items .product-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 .product-item .price strong{color:var(--redText);line-height:18px}
.box-ref .v5-list-items .product-item .price strike{font-size:13px;line-height:18px;color:#C9C9C9}
.box-ref .v5-list-items .product-item .specs{background:var(--ligtWhiteGrayBg);border-radius:5px;padding:8px 12px 2px 12px;margin-bottom:10px}
.box-ref .v5-list-items .product-item .specs ul{list-style:none;padding:0;margin:0}
.box-ref .v5-list-items .product-item .specs ul li{padding-bottom:6px;display:flex;color:#191919;font-size:12px}
.box-ref .v5-list-items .product-item .specs ul li label{margin-right:8px;display:flex;flex-direction:column;align-items:flex-start}
.box-ref .v5-list-items .product-item .specs ul li label.icon{font-size:14px}
.box-ref .v5-list-items .product-item .specs ul li div{flex-grow:3;display:flex;flex-direction:column;align-items:flex-start}
.box-ref .v5-list-items .product-item .specs ul li div span{display:block;line-height:18px}
.box-ref .v5-list-items .product-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 .product-item .promotion i{font-size:18px;margin-right:5px}
.box-ref .v5-list-items .product-item .promotion strong{line-height:18px}
.box-ref .v5-list-items .product-item .note{background:#F3F3F3;padding:4px 8px;border-radius:5px;text-align:center;margin-top:10px}
.box-ref .v5-list-items .product-item .quick-buy{padding:10px 0}
.box-ref .v5-list-items .product-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 .product-item .quick-buy a{display:flex;justify-content:center;justify-items:center}
.box-ref .v5-list-items .product-item .quick-buy a i{font-size:17px;margin-right:5px;line-height:36px}
.box-ref .v5-list-items .product-item .quick-buy a:hover{background:linear-gradient(180deg,#E33648 100%,#C72433 0%)}
.box-ref .v5-item .promotion-list{margin-top:12px}
.slick-current.slick-center .img-thumb{opacity:1;box-shadow:0 0 0 1.5px var(--green-green-1,#009981)}
.slick-current.slick-active .img-thumb{opacity:1;box-shadow:0 0 0 1px var(--green-green-1,#009981)}
.slick-dots{display:flex;justify-content:center;margin-top:20px;bottom:-20px}
.box-ref .slick-dots{display:flex;justify-content:center;margin-top:20px;bottom:10px}
.none-transform .slick-track{transform:translate3d(0,0,0)!important}
.slick-dots li{margin:0 5px;list-style:none;width:auto;height:auto}
.slick-dots li.slick-active button{background-color:#009981}
.slick-dots li button{width:30px;height:2px;border:none;background-color:#B8DED8;border-radius:0;width:40px;height:5px;gap:0;border-radius:10px;padding:0}
.slick-dots li button:before{content:unset}
.slick-dotted.slick-slider{margin:0}
.product-item .product-info .product-price span{font-size:11px;background:#FD475A;color:white;border-radius:5px;padding:2px 4px;margin-left:8px;font-weight:600}
