/* ===== 1. Flatsome theme-mods (sinh tu Customizer cua site goc) ===== */
:root {--primary-color: #446084;--fs-color-primary: #446084;--fs-color-secondary: #d26e4b;--fs-color-success: #7a9c59;--fs-color-alert: #b20000;--fs-experimental-link-color: #231f20;--fs-experimental-link-color-hover: #111;}.tooltipster-base {--tooltip-color: #fff;--tooltip-bg-color: #000;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1200px}.row.row-collapse{max-width: 1170px}.row.row-small{max-width: 1192.5px}.row.row-large{max-width: 1230px}.header-main{height: 85px}#logo img{max-height: 85px}#logo{width:90px;}.header-bottom{min-height: 51px}.header-top{min-height: 85px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 140px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color {background-color: rgba(255,40,155,0.9)}.header-bottom {background-color: #ffffff}.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}body{color: #231f20}h1,h2,h3,h4,h5,h6,.heading-font{color: #231f20;}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: Lexend, sans-serif;}body {font-weight: 300;font-style: normal;}.nav > li > a {font-family: "Libre Bodoni", sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: "Libre Bodoni", sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 400;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Lexend, sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 600;font-style: normal;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}.header:not(.transparent) .header-bottom-nav.nav > li > a{color: #000000;}.header:not(.transparent) .header-bottom-nav.nav > li > a:hover,.header:not(.transparent) .header-bottom-nav.nav > li.active > a,.header:not(.transparent) .header-bottom-nav.nav > li.current > a,.header:not(.transparent) .header-bottom-nav.nav > li > a.active,.header:not(.transparent) .header-bottom-nav.nav > li > a.current{color: #000000;}.header-bottom-nav.nav-line-bottom > li > a:before,.header-bottom-nav.nav-line-grow > li > a:before,.header-bottom-nav.nav-line > li > a:before,.header-bottom-nav.nav-box > li > a:hover,.header-bottom-nav.nav-box > li.active > a,.header-bottom-nav.nav-pills > li > a:hover,.header-bottom-nav.nav-pills > li.active > a{color:#FFF!important;background-color: #000000;}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Nổi bật";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}

/* ===== 2. Slick arrows (html_scripts_header cua site goc) ===== */
.slick-arrow {
    position: absolute;
    top: 40%;
    z-index: 2;
    opacity: 1;
    visibility: initial;
    margin: 0 !important;
}
button.slick-next.slick-arrow {
    right: 0;
}

/* ===== 3. wp-custom-css (Customizer > Additional CSS, wp_posts #104) ===== */
@font-face {
    font-family: PHANTH;
    src: url(../fonts/PHANTH.TTF);
}
@font-face {
    font-family: Padaloma;
    src: url(../fonts/Padaloma.ttf);
}

.Pada, .Pada h2, .Pada p, .Pada span, .Pada strong, .Pada h3, .Pada h1, .Pada a, .Pada ul, .Pada li {
	 font-family: Padaloma !important;
}

.phanth, .phanth h2, .phanth p, .phanth span, .phanth strong, .phanth h3, .phanth h1, .phanth a, .phanth ul, .phanth li{
	font-family: PHANTH !important;
	
}
.libre, .libre h2, .libre p, .libre span, .libre strong, .libre h3, .libre h1, .libre a, .libre ul, .libre li {
	font-family: "Libre Bodoni", sans-serif !important;
}
.lexend, .lexend h2, .lexend h3, .lexend span, .lexend a, .lexend ul, .lexend li, .lexend p, .lexend strong {
	font-family: Lexend, sans-serif !important;
}
.sz14,.sz14 p, .sz14 span, .sz14 strong, .sz14 h2,.sz14 h3,.sz14 h5, .sz14 input,.sz14 a{
	font-size:14px;
	
}
.sz15,.sz15 p, .sz15 span, .sz15 strong, .sz15 h2,.sz15 h3,.sz15 h5, .sz15 input,.sz15 a{
	font-size:15px;
	
}
.sz16,.sz16 p, .sz16 span, .sz16 strong, .sz16 h2,.sz16 h3,.sz16 h5, .sz16 input,.sz16 a{
	font-size:16px;
	
}
.sz17,.sz17 p, .sz17 span, .sz17 strong, .sz17 h2,.sz17 h3,.sz17 h5, .sz17 input,.sz17 a{
	font-size:17px;
	
}
.sz18,.sz18 p, .sz18 span, .sz18 strong, .sz18 h2,.sz18 h3,.sz18 h5, .sz18 input,.sz18 a{
	font-size:18px;

}
.sz19,.sz19 p, .sz19 span, .sz19 strong, .sz19 h2,.sz19 h3,.sz19 h5, .sz19 input,.sz19 a{
	font-size:19px;

}
.sz20,.sz20 p, .sz20 span, .sz20 strong, .sz20 h2,.sz20 h3,.sz20 h5, .sz20 input,.sz20 a{
	font-size:20px;
}
.sz22,.sz22 p, .sz22 span, .sz22 strong, .sz22 h2,.sz22 h3,.sz22 h5, .sz22 input,.sz22 a{
	font-size:22px;
}
.sz45,.sz45 p, .sz45 span, .sz45 strong, .sz45 h2,.sz45 h3,.sz45 h5, .sz45 input,.sz45 a{
	font-size:45px;
}
.sz25,.sz25 p, .sz25 span, .sz25 strong, .sz25 h2,.sz25 h3,.sz25 h5, .sz25 input,.sz25 a{
	font-size:25px;
}
.sz30,.sz30 p, .sz30 span, .sz30 strong, .sz30 h2,.sz30 h3,.sz30 h5, .sz30 input,.sz30 a{
	font-size:30px;
	
}
.sz40,.sz40 h2{
	font-size:40px;

}
.sz45,.sz45 h2{
	font-size:45px;
	
}

.mb-0,.mb-0 p,.mb-0 h2,.mb-0 h3,.mb-0 h5, .mb-0 span, .mb-0 strong, .mb-0 a{
	margin-bottom:0;
}
.mb-10,.mb-10 p,.mb-10 h2,.mb-10 h3,.mb-10 h5, .mb-10 span, .mb-10 strong, .mb-10 a{
	margin-bottom:10px;
}
.mb-20,.mb-20 p,.mb-20 h2,.mb-20 h3,.mb-20 h5, .mb-20 span, .mb-20 strong, .mb-20 a{
	margin-bottom:20px;
}
.mb-15,.mb-15 p,.mb-15 h2,.mb-15 h3,.mb-15 h5, .mb-15 span, .mb-15 strong, .mb-15 a{
	margin-bottom:15px;
}
.fw600,.fw600 p, .fw600 h2, .fw600 h3, .fw600 h4, .fw600 h5, .fw600 strong, .fw600 span{
	font-weight:600 !important;
}

.fw500, .fw500 h2, .fw500 h3, .fw500 h4, .fw500 h5, .fw500 strong, .fw500 span{
	font-weight:500 !important;
}
.fw300, .fw300 h2, .fw300 h3, .fw300 h4, .fw300 h5, .fw300 strong, .fw300 span{
	font-weight:300 !important;
}
.fwr, .fwr h2, .fwr h3, .fwr h4, .fwr h5, .fwr strong, .fwr span{
	    font-weight: 400 !important;
}
.bold, .bold h2, .bold h3, .bold h5{
	font-weight:bold;
}
.absolute-footer {
    display: none;
}
/* footer */
.logo_foo .ux-logo-link.block {
    padding: 0 !important;
}
.mneu_foo ul {
    list-style-type: none;
    margin-bottom: 0 !important;
}
.mneu_foo ul li {
	margin-left:0 !important;
}
.galexanh , .header-bg-color{
    background: rgb(231, 129, 250);
    background: linear-gradient(90deg, rgba(231, 129, 250, 1) 0%, rgba(5, 152, 175, 1) 30%, rgba(79, 17, 202, 1) 100%) !important;
}
.fl_fooo i {
    background: linear-gradient(90deg, rgba(231, 129, 250, 1) 0%, rgba(5, 152, 175, 1) 30%, rgba(79, 17, 202, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 12px;
    font-weight: bold;
}
.fl_fooo a {
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.login_cart_hd {
    display: flex;
    align-items: center;
    gap: 15px;
}
.header-nav.nav > li > a {
    font-size: 17px;
    font-family: 'Lexend';
    font-weight: lighter;
}

.acount_lgin a {
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.acount_lgin {
    display: flex;
}
div#wide-nav {
    box-shadow: 2px 2px 2px hsl(0deg 0% 0% / 20%);
}
.butom_hot_deal {
    display: flex;
    gap: 30px;
}
.butom_hot_deal a {
    flex: 1;
    box-shadow: 2px 1px 2px hsl(0deg 0% 0% / 40%);
    border-radius: 5px;
    overflow: hidden;
    padding-left: 35px;
    padding-top: 8px;
    padding-bottom: 0px;
	position: relative;
}
.butom_hot_deal a:before {
    content: '';
    width: 13px;
    height: 100%;
    position: absolute;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 2%, rgba(255, 17, 202, 1) 51%, rgba(255, 17, 73, 1) 96%);
    top: 0;
}

.butom_hot_deal a .sz14.phanth.uppercase.fw500 {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #D81212;
    margin-bottom: 3px;
}
.title_bnner h2 {
    font-size: 38px;
    margin-bottom: 20px;
	font-weight:lighter;
}
.title_bnner h2 strong {
    font-family: 'PHANTH';
    font-weight: 500;
    color: #4F11CA;
}
.conyent_product h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 42px;
}
.postbox_buttom {
    background: linear-gradient(90deg, rgba(111, 208, 100, 1) 0%, rgba(5, 152, 175, 1) 98%);
    z-index: 0;
    height: 42px;
    margin-bottom: 0;
    margin-top: 17px !important;
    position: relative;
    color: #3e3e3e;
}
.postbox_buttom:after {
    content: '';
    width: calc(100% - 2px);
    height: 40px;
    background: #000;
    position: absolute;
    border-radius: 99px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
   
	background: #CFE7FF;
}
.postbox_buttom span {
    z-index: 1;
    position: relative;
	font-weight: 600;
}
.postbox_buttom:hover:after {
    background: #fff;
    
}
.postbox_buttom:hover span {
color: #4F11CA !important;	
}

.bg_gadi_opacity .section-bg-overlay {
    background: linear-gradient(223deg, rgba(231, 129, 250, 1) 5%, rgba(5, 152, 175, 1) 30%, rgba(79, 17, 202, 1) 100%) !important;
    opacity: 80%;
}
.icon_our_prod img {
    padding-top: 0;
    object-fit: contain;
	height:92px;
}

.icon_our_prod .icon-angle-right:before {
    content: url(../img/right_aroww_butomnone.png);
}
.icon_our_prod  .button.is-underline:before{
	display:none;
}
.icon_our_prod  a.button span {
    border-bottom: 2px solid #fff;
}
.nt_hong {
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 17, 202, 1) 50%, rgba(255, 17, 73, 1) 96%);
    height: 30px;
    min-height: 42px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #ff1149;
    border-radius: 15px;
    margin: 16px 0 0;
    width: 222px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tieu_text_boder h2 {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
    font-size: 50px;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-family: Padaloma;
}
.tieu_Debuy h2 {
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 55px;
}
.col_buy_weeb1 .col-inner {
    box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
    border: 1px solid #BCBEC0;
}
.row_feature {
    display: block;
    column-count: 2;
    column-gap: 0;
}
.row_feature .col {
    width: 100%;
    min-width: 100%;
    float: left;
	height: 210px;
}
.bg_xanh {
    background: linear-gradient(270deg, rgba(111, 208, 100, 1) 0%, rgba(255, 69, 255, 1) 100%);
}
.row_feature .col p {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.post_item_col .button.is-underline:before {
    background-color: currentColor;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    transition: all .3s;
    width: 100%;
    background: linear-gradient(90deg, rgba(231, 129, 250, 1) 0%, rgba(5, 152, 175, 1) 30%, rgba(79, 17, 202, 1) 100%) !important;
}

.post_item_col a.button span {
    color: #231f20;
}
.post_item_col a.button {
	margin:0;
}
.post_item_col .box-image {
    border-radius: 6px;
}
.header-nav.nav > li > a img.ux-menu-icon {
    margin: 0;
    position: absolute;
    top: 0;
    right: -12px;
    width: 22px;
    object-fit: contain;
}
.flex-col.hide-for-medium.flex-center {
    width: 100%;
}
ul.nav.header-nav.header-bottom-nav.nav-center {
    display: flex;
    justify-content: space-around;
}
li.html.custom.html_topbar_left h2.sz14.fw600 {
	color:#fff;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
    gap: 20px;
}
.jusstify p {
    text-align: justify;
}
.ssgioithieu:before {
    content: '';
    background: url(../img/Regulate-Shatter-Nassco-scaled-Photoroom.png) no-repeat;
    width: 30%;
    position: absolute;
    left: -68px;
    top: 50%;
    transform: translateY(-50%);
    height: -webkit-fill-available;
    background-size: contain;
}
.ssgioithieu:after {
    content: '';
    background: url(../img/pngimg.com-cannabis_PNG25.png);
    width: 34%;
    height: -webkit-fill-available;
    position: absolute;
    right: -137px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.pagination a {
    width: 18px;
    height: 18px;
    font-size: 12px;
    border: 1px solid gray;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.pagination a.active, .pagination a:hover {
    border: 1px solid #528b4b;
    background: #CFE7FF;
}
.ten_sp strong {
    color: #4F11CA;
    font-family: 'PHANTH';
    font-weight: 500;
}
.price_chithiet del {
    color: #BCBEC0;
    font-size: 20px;
    line-height: initial;
	    margin-left: 20px;
}
.price_chithiet del strong {
    font-size: 20px;
}
.quantity-selector, .quantity-controls {
    display: flex;
    align-items: center;
}
.quantity-selector button, .quantity-controls button {
    width: 37px;
    padding: 0;
    min-height: 37px;
    line-height: initial;
}
input#quantity {
    text-align: center;
	 border-left: 1px solid;
	border-right: 1px solid;
}
.item_option {
    display: flex;
    align-items: center;
    gap: 22px;
}
.quantity-selector input#quantity, .quantity-selector input {
    margin-bottom: 0 !important;
    width: 73px;
    margin-bottom: 0;
}
.quantity-selector {
    width: fit-content;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid;
}
.quantity-selector input, .quantity-selector button, .quantity-controls input, .quantity-controls button {
    border-width: 1px !important;
/*     border: 1px solid #8f8f8f !important; */
    height: 37px !important;
    margin: 0;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.item_option label {
    font-size: 18px;
    color: #575756;
    margin-bottom: 0;
}

.thuoc-tinh {
    background: #fff;
    border: 1px solid #231f20;
    color: #231f20;
    height: 32px;
}
.thuoc-tinh:hover {
    background: #CFE7FF;
    box-shadow: initial;
    color: #231f20;
    border: 1px solid #87cf7e;
}
.tab_decription .nav a {
    border: 1px solid #E6E7E8;
    border-top-color: #E6E7E8 !important;
}

.tab_decription .nav span {
    font-size: 18px;
    font-weight: 600;
}
.nav-tabs+.tab-panels {
    background-color: #fff;
    border: 1px solid #E6E7E8;
    padding: 30px 20px;
}
.slick-prev {
    left: 0;
}
.accordion-title {
    border-top: initial;
}

.accordion-title.active, .accordion-title {
    background: #fff;
    font-size: 14px;
    color: #231F20;
    font-family: 'Lexend';
    font-weight: 300;
    padding: 15px 30px;
	border-radius:10px;
}
.accordion-item {
    margin-bottom: 15px;
}

.accordion .toggle {
    left: initial;
    right: 0;
}
.accordion-item .icon-angle-down:before {
    content: "";
    content: '-';
    color: #4F11CA;
    opacity: 1;
    font-family: 'PHANTH';
    font-size: 25px;
}

.accordion-title.active .icon-angle-down:before {

    content: "+";
    color: #4F11CA;
    opacity: 1;
    font-family: 'PHANTH';
    font-size: 25px;
}
.accordion-inner {
    padding: 13px 30px;
    color: #fff;
    font-size: 14px;
}
.ava_archive .img-inner {
    border-radius: 20px;
}
.date-post {
    display: flex;
 
}
.date_sg {
    min-width: max-content;
    border-right: 1px solid #7b7b7b;
    margin-right: 25px;
    padding-right: 25px;
}

/* acount */

       .account_row h2 {
            text-align: center;
            margin-bottom: 20px;
        }
       .laccount_row input[type="text"],
       .account_row input[type="password"] {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        .remember-me {
            display: flex;
            align-items: center;
        }
        .remember-me input {
            margin-right: 10px;
        }
      .account_row  button {
            background-color: #28a745;
            color: white;
            border: none;
            padding: 10px;
            border-radius: 5px;
            cursor: pointer;
            width: 100%;
        }
      .account_row  button:hover {
            background-color: #218838;
        }
        .forgot-password {
            text-align: center;
            margin-top: 10px;
        }


/* end */

.pas11 {
    position: relative;
}
span#togglePassword {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
button.accordion.clicl_loginn {
    background: linear-gradient(270deg, rgba(231, 129, 250, 1) 0%, rgba(5, 152, 175, 1) 30%, rgba(79, 17, 202, 1) 100%) !important;
    width: 100%;
    text-align: left;
    color: #fff;
    text-transform: initial;
    height: 50px;
}
.tieu_dee_checkout {
    background: linear-gradient(270deg, rgba(231, 129, 250, 1) 0%, rgba(5, 152, 175, 1) 30%, rgba(79, 17, 202, 1) 100%) !important;
    width: 100%;
    text-align: left;
    color: #fff;
    text-transform: initial;
    height: 50px;
    display: flex
;
    justify-content: space-between;
    padding: 0 1.2em;
    align-items: center;
}
button.button.applycoup {
    background: #eeeeee;
    color: #000;
    border-radius: 3px;
}
.panel.dropdd input {
    background: #f2f2f2;
    border-radius: 5px;
    box-shadow: initial;
}
.tieu_dee_checkout a.is-line {
    color: #fff;
    border-left: 1px solid;
    line-height: initial;
    padding-left: 10px;
}
.box_login11 {
    display: flex;
    gap: 40px;
}
.item_inputlog {
    flex: 1;
}
button#loginButton {
    background: #3767eb;
    color: #fff;
    text-transform: initial;
}

.container.checkout1 {
    display: flex
;
    justify-content: space-between;
gap:30px;
}

.clear:after, .clearfix:after, .container:after, .row:after{
	display:none;
}
.tieu_dee_checkout{
	margin-bottom:30px;
}
.container.checkout1 label input[type="checkbox"] {
    width: fit-content;
    margin-right: 6px;
}
.container.checkout1 label {
    display: inline-flex
;
    width: 100%;
    align-items: center;
}
.order-summary input[type="text"] {
    margin-top: 20px;
    margin-bottom: 20px;
}
.text.price.libre.sz19 p {
    font-family: 'Lexend' !important;
    font-weight: 500;
}
@media screen and (min-width: 850px) {
    .icon_our_prod .large-3 {
        flex-basis: 20%;
        max-width: 20%;
    }
}


@media only screen and (max-width:767px){
	.acount_lgin a {
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-direction: column;
    text-align: center;
}
	div#cart-icon {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 11px;
}
	.acount_lgin a {
    font-size: 11px;
}
	.box_login11 {
    display: flex;
    gap: 0;
    flex-direction: column;
}
	.row_feature {
    column-count: 1;
   
}
	.butom_hot_deal {
    display: flex;
    gap: 15px;
    flex-direction: column;
}
	.ssgioithieu:before {
   opacity:.2;
    top: 35%;
		width:70%;

}
	.ssgioithieu:after {
    top: 70%;
    opacity: 0.2;
		width: 76%;
}
	
}

/* ===== 4. Font icon cua Flatsome (flatsome-main-inline-css cua site goc) ===== */
@font-face {
	font-family: "fl-icons";
	font-display: block;
	src: url(icons/fl-icons.eot?v=3.19.7);
	src: url(icons/fl-icons.eot#iefix?v=3.19.7) format("embedded-opentype"),
	     url(icons/fl-icons.woff2?v=3.19.7) format("woff2"),
	     url(icons/fl-icons.ttf?v=3.19.7) format("truetype"),
	     url(icons/fl-icons.woff?v=3.19.7) format("woff"),
	     url(icons/fl-icons.svg?v=3.19.7#fl-icons) format("svg");
}