/*
Theme Name: Vietcoder Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.18.6
*/

:root {
    --color-primary: 3, 104, 57;
    --color-secondary: 200, 55, 15;
    --color-alert: 236, 69, 60;
	--color-success: 74, 159, 83;
    --color-process: 63, 162, 246;
    --color-warning: 255, 175, 0;
    --color-border-1: 33, 35, 34;
    --color-border-opposite: 255, 255, 255;
    --bg: 255, 255, 255;
    --bg-2nd: 241, 241, 241;
    --bg-opposite: 41, 41, 41;
    --color-text-title: 33, 35, 34;

    --opacity-text-sub: 0.7;

    --price-color: 33, 35, 34;
    --price-sale-color: 205, 22, 24;

    --blog-img-ratio: 56.5%;

    --radius-1: 4px;
    --radius-2: 8px;
    --radius-3: 12px;
    --radius-4: 28px;
    --radius-sm: 4px;

    --size-ratio: 1.175;
	
	--field-h: 40px;
	
	font-size: 17.5px;

}

body {
	font-family: SVN-Gilroy,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica Neue,Arial,sans-serif;
}


/* Header ------ */
.header {
	--color-menu: rgb(var(--color-text-title));
    --color-menu-hover: rgb(var(--color-primary));
}

.searchform .flex-row {
    background-color: rgb(var(--bg));
    border-radius: var(--radius-1);
    --input-height: 40px;
    border: 1px solid rgb(var(--color-border-1), 25%);
}


.header-bottom .flex-col.flex-left {
    flex: 1;
    border-top: 1px solid rgb(var(--color-border-1), 10%);	
	margin-top: 10px;
}

.header-bottom .flex-col.flex-right {
	display: none;
}

#header :is(.account-link, .header-cart-link) {
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    padding: 0;
    align-items: center;
    display: flex;
}

.header .account-link svg,
.header .header-cart-link .header-cart-icon {
	order: -1;
    margin-right: 7px;
    margin-left: 0;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
}

.header-block:has(.header-action-icon) {
	width: fit-content;
}

.header-action-icon.icon-box {
	display: flex;
    align-items: center;
    flex-wrap: nowrap;
    color: var(--color-menu);
    transition: 320ms all;
}

.header-action-icon.icon-box:hover {
    color: var(--color-menu-hover);
}

.header-action-icon .icon-box-img {
	width: 21px !important;
    height: 21px;
    line-height: 1;
}

.header-action-icon .icon-box-img+.icon-box-text {
	padding-left: 5px;
}

.header-action-icon svg{
	padding: 0;
}

.header-bottom .header-nav > .menu-item > a {
	font-size: 0.96rem;
    line-height: 1.4;	
	font-weight: 500;
}

.header .header-vertical-menu__opener {
	width: fit-content;
    font-size: 0.96rem;
    font-weight: 500;
	padding: 0;
}

.header-vertical-menu__opener  .icon-angle-down {
	display: none;
}

.header-vertical-menu__opener .icon-menu {
	font-size: 1.2em; 
}

#header .ux-nav-vertical-menu {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 12px 0;
    background-color: rgb(var(--bg));
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);	
}

#header .nav-vertical-fly-out>li.menu-item>a {
    align-items: center;
    display: flex;
    padding: 10px 15px;
    font-size: 1rem;
	font-weight: 500;
    color: rgb(var(--color-text-title));
}

#header .nav-vertical-fly-out>li:hover {
	background-color: rgb(var(--bg-opposite),4%);
}




/* Custom nav dropdown ---- */
#header .nav-dropdown .header-search-form {
	padding: 0 12px;
}

#header .sub-menu,
#header .nav-dropdown {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 12px 0;
  min-width: 260px;
  background-color: rgb(var(--bg));
	box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

header .nav .nav-dropdown li {
  width: 100%;
  margin: 0;
  border: 0;
  padding: 10px 20px;
  position: relative;
  transition: 300ms all;
}

header .nav .nav-dropdown li+li {
  border-top: 0px;
}

#header .sub-menu>li>a,
#header .nav-dropdown>li>a {
  padding: 0;
  margin: 0;
  border: 0px;
  text-transform: capitalize;
  color: rgb(var(--color-text-title));
  font-size: 1rem;
  font-weight: 500;
  position: relative;
}

#header .sub-menu>li:hover,
#header .nav-dropdown>li:hover {
  background-color: rgb(var(--bg-opposite),4%);
}

header .menu-item-design-default .nav-dropdown-col>a:after {
  content: '\e5e1';
  font-family: var(--ff-material-round);
  float: right;
  margin-left: 5px;
  font-size: 1em;
  line-height: 1;
  vertical-align: text-top;
  transform: translateY(2px);
  display: inline-block;
}

header .menu-item-design-default .sub-menu .sub-menu {
  position: absolute;
  left: 80%;
  top: -1px;
  opacity: 0;
  visibility: hidden;
  transition: 300ms all;
  border-top: 0px;
}

#header .sub-menu .sub-menu a {
  font-weight: 400;
}

header .menu-item-design-default .sub-menu li:hover>.sub-menu {
  left: 100%;
  opacity: 1;
  visibility: visible;
} 



/* Menu - Aside ------------ */
.off-canvas-left .mfp-content {
    background-color: var(--background);
    width: 100%;
    max-width: var(--drawer-width, 400px);
    --background: rgb(var(--bg));
    --on-background: rgb(var(--color-text-title));
    --color-border: rgb(var(--color-border-1));
}


/* Menu - Level */
.mfp-content .nav.nav-sidebar .menu-item:hover {
	background-color: transparent!important;
}

.mfp-content .nav.nav-sidebar .menu-item > a {
    color: var(--on-background)!important;
    font-size: 14px!important;
    font-weight: 400!important;
    text-transform: capitalize!important;
    transition: 300ms all!important;
	opacity: 1!important;
	padding: 10px 14px!important;

}

.mfp-content .menu-item.active > a {
  font-weight: 700;
}

.mfp-content .children a {
  text-transform: capitalize;
}

.mfp-content .children li {
  padding-left: 0;
}

.mfp-content .toggle {
	color: var(--on-background); 
}

.mfp-content .nav-sidebar li+li {
	border-top: 0px!important;
}

.mfp-content .nav-sidebar li:not(.nav-slide-header)+li {
	border-top: 1px solid rgb(var(--color-border-1),10%)!important;	
}

.mfp-content .nav-slide {
	padding-top: 0;
}

.mfp-content .account-item i {
    display: block;
}

.mfp-content .nav li .sub-menu {
	padding-top: 0!important;
}

.mfp-content .header-block-block-2 {
	width: 100%;
}

.mfp-content .aside-title  {
	background: rgb(var(--bg-opposite),3%);
	font-size: var(--size-2);
	font-weight: 600;
	text-align: center;
	padding: 14px 14px;
}

.mfp-content .nav-slide-header  {
    padding: 0!important;
}

.mfp-content .nav-slide-header  button.toggle {
    color: var(--on-background);
    opacity: 1;
    font-size: var(--size-2);
    font-weight: 600;
    text-transform: capitalize;
	text-align: center;
    min-height: unset;
    line-height: 1.4;
	padding: 14px 14px;
	margin: 0;
	background: rgb(var(--bg-opposite),4%);
	border-bottom: 0;
} 

.aside-contacts {
	text-align: center;
}

.aside-contacts p {
	margin-bottom: 14px;
}

.aside-contacts h6 {
	opacity: 1;
	text-transform: unset;
	font-weight: bold;
	font-size: 1rem;
	margin-bottom: 10px;
}

.aside-contacts {
	background: rgb(var(--bg-opposite),4%);
	padding: 24px 14px 16px;
}


/* Ux - Button ------ */
.mfp-content .button.btn {
    --btn-shadown: unset;
    --btn-shadown-hover: unset;
    --btn-bg: rgb(var(--color-primary));
    --btn-bg-hover: rgb(var(--bg));
    --btn-color: rgb(var(--bg));
    --btn-color-hover: rgb(var(--color-text-title));
    --btn-border: 1px solid rgb(var(--color-primary));
    --btn-border-hover: 1px solid rgb(var(--color-text-title));

    box-shadow: var(--btn-shadown) !important;
    background-color: var(--btn-bg) !important;
    color: var(--btn-color) !important;
    border: var(--btn-border) !important;
}

.mfp-content .button.btn:hover {
    box-shadow: var(--btn-shadown-hover) !important;
    background-color: var(--btn-bg-hover) !important;
    color: var(--btn-color-hover) !important;
    border: var(--btn-border-hover) !important;
}

#wrapper .button.btn:not(.is-link, .is-underline),
.mfp-content .button.btn:not(.is-link, .is-underline) {
    font-size: 1rem;
    letter-spacing: 0;
    min-height: unset;
    line-height: 1.2;
    padding: 8px 20px;
	font-weight: 400;
	border-radius: var(--radius-1);
}

#wrapper .btn.is-outline.opposite,
.mfp-content .btn.is-outline.opposite {
	--btn-bg: transparent;
    --btn-bg-hover: rgb(var(--bg-opposite),4%);
    --btn-color: rgb(var(--bg-opposite));
    --btn-color-hover: rgb(var(--bg-opposite));
    --btn-border: 1px solid rgb(var(--bg-opposite));
    --btn-border-hover: 1px solid rgb(var(--bg-opposite));
}


/* Ux - Header messagers ------ */
.header-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    isolation: isolate;	
}
.header-messagers {
	position: relative;
    z-index: 5;	
}

.header-messagers p {
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height: 1.3;
	width: 100%;
}

.header-messagers .flickity-prev-next-button {
    bottom: 0;
    min-height: unset;
    height: 100%;
    top: 0;	
}

.header-messagers .flickity-prev-next-button svg {
	padding: 0;
	height: 18px;
}


/* Home - Social --- */
.social-imgs-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;	
}

.social-imgs-item  {
	display: block;
    position: relative;
    isolation: isolate;
	padding-top: 100%;
}

.social-imgs img {
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: -5;
    object-fit: cover;
    object-position: center;	
	top: 0;
    left: 0;
}

.social-imgs-item-title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background-color: rgb(var(--bg), 80%);
    transition: 220ms all;	
	padding: 12px;
	opacity: 0;
	top: 0;
    left: 0;
}

.social-imgs-item:hover .social-imgs-item-title {
	opacity: 1;
}

.social-imgs-item-title span {
	display: block;
    width: fit-content;
    background-color: rgb(var(--color-primary));
    color: rgb(var(--bg));
    font-weight: 500;
    line-height: 1.2;
    padding: 8px 14px;	
	text-align: center;
}

.social-imgs .el-button-wrap {
	display: flex;
	justify-content: center;
	margin-top: 24px;
}

/* Home -  Flash sale ---- */
.home-flash-sale {
	overflow: hidden;
}

.home-flash-sale .el-timer > div {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
	font-size: var(--size-2);
}

.home-flash-sale .hurrytimer-campaign {
	padding: 0;
}


.home-flash-sale .hurrytimer-timer {
    justify-content: center;
    gap: 5px;
	display: flex;
}

.home-flash-sale .hurrytimer-timer-sep {
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    transform: translateY(-5px);
	color: rgb(var(--bg));
}

.home-flash-sale .el-content-wrap   {
	background-color: rgb(207 6 6);
    padding: 20px 15px 15px;
    color: rgb(var(--bg));
}

.home-flash-sale .hurrytimer-timer-block {
	margin: 0;
}

.home-flash-sale .hurrytimer-timer-digit {
	background-color: rgb(var(--bg));
    font-size: 18px;
    font-weight: 700;
    border-radius: var(--radius-1);
    color: rgb(var(--color-text-title));
    padding: 5px;
    display: flex;
	justify-content: center;
    align-items: center;
    line-height: 1;
    font-family: var(--ff-body);
    font-variant-numeric: unset;
    font-feature-settings: unset;
    height: 36px;
    width: 36px;
}

.home-flash-sale  .product-small.box {
	background: rgb(var(--bg));
    padding: 12px;
}




/* Ux - Title Simple --- */
.home-title-simple {
	display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;	
}

.home-title-simple .title-simple {
    font-weight: 700;
    font-size: var(--size-4);
    margin: 0;
    line-height: 1.3;	
	flex: unset;
    width: fit-content;
}

.home-title-simple .title-simple:has(a) {
	text-decoration: underline 2px;
	text-decoration-color: transparent;
}

.home-title-simple .title-simple:has(a):hover {
	text-decoration-color: inherit;
}

.home-title-simple .el-text {
	color: inherit;	
}

.home-title-simple .btn {
	margin: 0;
}


/* Ux - Product box -- */
.row-slider .flickity-prev-next-button {
	display: none;
}

.product-small.box .box-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.product-small.box .name a {
    font-size: var(--size-2);
    -webkit-line-clamp: 3;
    font-weight: 500;
}

.product-small.box .name {
    margin: 0 0 8px;
}

/* .product-small.box .box-text {
	padding: 14px 10px 24px;
    background-color: rgb(var(--bg));
}
 */

body .product-small .price del {
	color: rgb(var(--price-color));
}

span.woocommerce-Price-amount.amount bdi {
	font-size: var(--size-small); 
}
ins span.woocommerce-Price-amount.amount bdi {
    font-size: var(--size-2);
	font-weight: 500;
}

body .badge .badge-inner {
    font-size: var(--size-small-a);
    font-weight: 500;
    color: white;
    opacity: 1;
    line-height: 1.1;
    padding: 4px 10px;
    border-radius: unset;
    background-color: rgb(var(--color-alert));
	display: block;
	margin-top: 10px;
}


/* Home - Product cateogry --- */
.box.box-category .box-text {
	padding: 8px 0 10px;
}

.box.box-category .header-title {
    font-weight: 400;
    transition: 220ms all;
    line-height: 1.4;
    margin: 0;
    font-size: var(--size-2);
    letter-spacing: 0;
    text-transform: unset;
    text-decoration: underline 1px;
    text-decoration-color: transparent;
}


.box.box-category:hover .header-title {
    text-decoration-color: inherit;	
}

.box.box-category .image-cover {
    border-radius: var(--radius-1);
    overflow: hidden;	
}


/* Home - Slider product --- */
.title-simple a {
	color: inherit;
}


.home-slider-prod .product-small.box .name a {
    font-size: 1rem;
    -webkit-line-clamp: 2;
    font-weight: 400;
}

.home-slider-prod .product-small del {
	display: none;
}

.home-slider-prod  span.woocommerce-Price-amount.amount bdi {
    font-size: 1rem;
	color: rgb(var(--price-sale-color)); 
	font-weight: 600;
}








/* Home - Navigator */
.home-navigator h5 {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.4;
	margin-bottom: 14px;
}

.home-navigator .el-col-nav >.col-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	padding: 20px;
}

.home-navigator .ux-menu-link__link {
	color: #406eb5;
    transition: 320ms all;
    text-decoration: underline 1px;
    text-decoration-color: transparent;
	min-height: unset;
    line-height: 1.5;
    font-size: 1rem;
    padding: 0;
    margin-bottom: 14px;
}

.home-navigator .ux-menu-link__link:hover {
    text-decoration-color: inherit;	
	color: #406eb5;
}

.home-navigator .img {
	height: 100%;
}

.home-navigator .img-inner {
	padding-top: 0!important;
	height: 100%;
}


/* Home - Brands -------- */
.home-branch {
	overflow: hidden;
}

.row-brands {
	--item-width: calc(100% / 10.5);
}

.row-brands .product-brand.col {
	width: 100%;
	flex-basis: 100%;
	max-width: calc(var(--item-width));
}

.row-brands .box-image {
	text-align: center;
}

.row-brands .box-image img{
	height: 55px;
    width: auto;
    object-fit: contain;
    object-position: center;
    margin: auto;	
}

.row-brands .box-text {
	display: none;
}

.row-brands .flickity-prev-next-button {
	display: none;
}


/* Shop ----- */
.category-page-title  {
	--field-h:36px;	
}


.woocommerce-ordering select {
    display: inline-block;
    margin: 0;
    box-shadow: unset;
    background: transparent;
    font-size: 14px;
    border: 1px solid rgb(var(--color-border-1)); 
    height: var(--field-h);
    position: relative;
	padding: 0 12px;

}

.category-filtering .filter-button {
    background-color: transparent;
    padding: 0 12px;
    border-radius: 0;
    line-height: 1.4;
    font-size: 14px;
    width: 100%;
    border: 1px solid rgb(var(--color-border-1));
    height: var(--field-h);
    text-align: left;
	text-transform: unset;
    letter-spacing: 0;
	align-items: center;
    display: flex;
	gap: 5px;
	margin: 0;
}

.category-page-row .product-small.box:hover {
    box-shadow: 0 .8rem .8rem 0 rgba(12, 11, 8, .2);
    transform: translateY(-.2rem);	
	transition: .2s;
}


body :is(.sidebar-inner, .widget-area) {
    position: relative;
	top: 0;
}


aside.widget {
    margin-bottom: 20px;	
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgb(var(--color-border-1), 10%);
}

/* aside.widget + aside.widget {
	border-top: 1px dashed rgb(var(--color-border-1), 0.2);
    padding-top: 10px;	
} */

aside.widget .cat-item a {
    font-size: 1rem;
    padding: 5px 0;
}

aside.widget .widget-title {
	font-size: 1rem;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    line-height: 1.4;
    background-color: rgb(var(--color-primary));
    color: white;
    padding: 12px 14px;
    border-radius: 6px 6px 0 0;	
}

.widget.widget_layered_nav li a {
    font-size: 1rem;
    color: rgb(var(--color-text-title));
    line-height: 1.4;
}

.widget.widget_layered_nav li a:before {
    width: 16px;
    height: 16px;
    display: block;
    top: 50%;
    border-radius: 3px;
    transform: translateY(-50%);
    margin-top: -2px;
}

.widget .product-categories,
.widget .product_list_widget {
	padding: 0 15px 15px;
}

.widget>ul>li ul {
    border-left: 0;
    margin: 0 0 10px 10px;
    padding-left: 0;
}

.breadcrumbs {
    color: rgb(var(--color-text-title));
    font-weight: 400;
    letter-spacing: 0;
    padding: 0;
    font-size: var(--size-small);
}

.breadcrumbs a {
	color: currentColor;
}

.breadcrumbs a:hover {
    text-decoration: underline 1px;
}


/* Single prouct ------- */
.product-info .entry-title {
	font-size: var(--size-4); 
}

.product-info .product-short-description {
    line-height: 1.5;
    font-size: 1rem;
	text-align: justify;
}

.product-info .product-short-description p {
    margin-bottom: 14px;
}

.product-info span.woocommerce-Price-amount.amount bdi {
    font-size: var(--size-3);
}

.product-info  ins span.woocommerce-Price-amount.amount bdi {
    font-weight: 700;
}

.product-info-grift {
	border: 1px solid rgb(var(--color-border-1));
	padding: 20px 14px 14px;
	margin-bottom: 15px;
	font-size: 1rem;
	line-height: 1.4;
}

.product-info-grift p {
	margin-bottom: 12px;
}

.product-section .product-section-title,
.product-section .col>h5 {
    font-size: var(--size-4);
    letter-spacing: 0px;
    margin-top: 0;
    position: relative;
    padding: 0 0 9px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(var(--color-border-1), 10%);
    font-weight: 700;
    text-transform: uppercase;
}

.product-section {
	margin-bottom: 30px;
}

.product-section:has(.shop_attributes) {
	display: none;
}


.product-info .woocommerce-product-attributes {
	margin-bottom: 20px;
}

/* Ux -  */
.content-box-loadmore {
  position: relative;
  z-index: 20;
  overflow: hidden;
}

.pt_content_btn_loadmore .btn-loadmore {
  background-color: rgb(var(--bg));
  font-size: 1rem;
  font-weight: 500;
  border: 1px solid var(--fs-color-primary);
  padding: 5px 20px;
  border-radius: var(--btn-radus);
  color: var(--fs-color-primary);
  transition: 220ms all;
  cursor: pointer;
}

.pt_content_btn_loadmore .btn-loadmore:hover {
  background-color: var(--fs-color-primary);
  color: white;
}

.pt_content_btn_loadmore {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100px;
  background: linear-gradient(to top, rgb(var(--bg)) 10%, transparent);
  padding: 20px 20px 5px;
} 


/* Blog --- */
.box-blog-post.box .image-cover {
    padding-top: var(--blog-img-ratio) !important;	
}

.box-blog-post.box .is-divider {
	display: none;
}





/* Ux - Video Image ----- */
.video-img {
	position: relative;
	isolation: isolate;
}

.video-img .button.open-video {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
    opacity: 0;	
}


/* Footer - info ------- */
.footer-info h4 {
	color: rgb(var(--color-text-title), 90%);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 12px;
}

.footer-info .ux-menu-link__link {
	color: rgb(var(--color-text-title));
    transition: 320ms all;
    text-decoration: underline 1px;
    text-decoration-color: transparent;
	min-height: unset;
    line-height: 1.5;
    font-size: 1rem;
    padding: 0;
    margin-bottom: 10px;
}

.footer-info .ux-menu-link__link:hover {
    text-decoration-color: inherit;	
	color: rgb(var(--color-text-title));
}

.form-one-line p{
    display: flex;
    gap: 8px;
}

.form-one-line .wpcf7-text {
    margin: 0;
    border: 1px solid rgb(var(--color-border-1), 40%);
    box-shadow: unset;
    background-color: rgb(var(--bg));
    padding: 5px 8px;
    border-radius: var(--radius-1);
    height: var(--input-h);	
}

.form-one-line .wpcf7-text:hover,
.form-one-line .wpcf7-text:focus {
    box-shadow: unset;
    background-color: rgb(var(--bg));
}

.form-one-line .wpcf7-submit {
    border-radius: var(--radius-1);
    height: var(--input-h);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    font-size: 1rem;
    font-weight: 400;
    padding: 5px 14px;
    background-color: rgb(var(--bg-opposite));
    color: rgb(var(--bg));
    min-height: unset;	
}

.form-one-line .wpcf7-submit:hover {
	background-color: rgb(var(--color-primary));
}

.form-one-line .wpcf7-form-control-wrap {
	flex: 1;
}

.wpcf7 .form-one-line  .wpcf7-not-valid-tip {
	position: absolute;
}

.wpcf7 form .wpcf7-response-output {
    border-width: 1px;
    font-size: var(--size-small);
}


.according-footer .accordion-title .toggle {
    width: 26px;
	height: 26px; 
}

.according-footer.accordion .accordion-title {
    color: rgb(var(--color-text-title), 90%);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 12px;	
	pointer-events: none;
}

.according-footer.accordion .accordion-inner {
	margin-bottom: 10px;
	padding: 0;
}

@media (min-width: 550px) {
	.according-footer .accordion-inner {
		display: block!important;
	}
	.according-footer .accordion-title .toggle{
		display: none;
	}
}


.footer-info .el-col-contact .col-inner  {
    border-top: 1px solid rgb(var(--color-border-1), 10%);
    border-bottom: 1px solid rgb(var(--color-border-1), 10%);
    padding: 30px 0 20px;
    display: flex;
    justify-content: space-between;
    gap: 10px 35px;	
}

.footer-info .el-col-contact p {
    margin-bottom: 10px;
}

.footer-info .el-col-contact .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 5px;
}

.footer-info .el-col-contact .icon-box-img   {
	line-height: 1;
}

.footer-info .el-col-contact .icon-box  {
	margin-bottom: 10px;	
}

.footer-info .el-col-contact .icon-box p {
	margin-bottom: 0;
}

p a {
	text-decoration: underline 1px;
	transition: 220ms all;
	text-decoration-color: transparent;
}

p a:hover {
	text-decoration-color: inherit;
}

.footer-info .el-row-copy {
	font-size: var(--size-small);
}

.footer-info .el-row-copy  p {
	margin-bottom: 12px;
}

.footer-info .img-pct {
	width: 105px !important;
}


footer .absolute-footer {
	display: none;
}

.social-icons .icon.plain:hover {
	color: rgb(var(--color-text-title));
}

.back-to-top.button {
	bottom: 100px;
}

/* Plugin - Sale --- */
#salertWrapper .popup_template {
    background-color: rgb(var(--bg));
}

#salertWrapper .popup_template {
    box-shadow: 3px 5px 10px 1px rgba(0, 0, 0, 0.05);
}

#salertWrapper .popup-item {
    padding-right: 15px !important;
}

#salertWrapper .popup-item {
    padding: 6px !important;
}

#salertWrapper .popup_position .salert-content-wrap {
    color: rgb(var(--color-text-title));
    font-size: 13px;
    line-height: 1.3;
}

#salertWrapper .salert-content-wrap small {
	font-size: 12px; 
}

#salertWrapper .salert-content-wrap .el-name {
	font-weight: bold;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
} 

#salertWrapper .salert-content-wrap .el-product-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;	
	margin-bottom: 2px;
}

#salertWrapper figure {
    width: 45px;
	max-height: 45px; 
}

#salertWrapper .popup-item > a {
	display: flex;
    gap: 6px;	
}

/*  Ux - Ytb */
.home-gallery-ytb .ytb-slider-area {
    --iframe-h: 500px;
    --thumb-w: 80px;
    --thumb-bg: #232323;
    --thumb-color: #fff;
    --thumb-border: #393939;
    --thumb-bg-hover: #323232;
}


/* Plugn - Gtranslate --- */
.gtranslate_wrapper {
	
}

.gtranslate_wrapper .gt_switcher-popup span:nth-child(2){
	display: none;
}

.gtranslate_wrapper .gt_white_content {
    border-radius: var(--radius-1);
    padding: 10px 22px;
    height: fit-content;
    max-height: 50vh;
}

.gtranslate_wrapper  .gt_white_content a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgb(var(--color-text-title));
    border: 0;
}

/* Plugin - Baokim  */
.bk-btn .bk-btn-box {
    width: 100%;
}




/* Responsive ---------------- */
@media only screen and (min-width: 1025px) and (max-width: 1600px) {}

@media only screen and (max-width: 1024px) {
	
}

@media only screen and (max-width: 849px) {
	:root {
		font-size: 16.5px;
		--size-ratio: 1.15;
	}
	
	body #logo img {
		padding: 7px 0;
	}
	.header .account-link svg, 
	.header .header-cart-link .header-cart-icon {
		margin-right: 0;
		width: 22px;
		height: 22px; 
	}
	.nav-icon .qodef-m-line {
		height: 2px;
	}
	.searchform .flex-row {
		--input-height: 36px;
	}
	body .stuck .header-main {
		height: 54px !important;
	}
	body .stuck #logo img {
		max-height: 54px !important;
	}
	
	header .header-main li.html.custom {
		display: block;
    }
	.header-main li.html.custom .gtranslate_wrapper {
		padding-left: 8px;
	}
	

	.header-messagers .slider .el-text {
		height: 2.4em;
		display: flex;
		justify-content: stretch;
		align-items: center;
		font-size: var(--size-small);
	}
	.header-messagers p {
		-webkit-line-clamp: 2;
		line-height: 1.2;
	}
	.header-messagers .slider .col-inner {
		padding: 7px 15px!important;
	}
	
	.social-imgs-inner {
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
	}
	.social-imgs-item-title span {
		padding: 8px 10px;
		font-size: var(--size-small);
	}
	
	.row-brands {
		--item-width: calc(100% / 7.5);
	}
	
	.home-prd-categories .product-category.col:nth-child(n+10){
		display: none;
	}
	.box.box-category .header-title {
		font-weight: 600;
		font-size: var(--size-small-a); 
	}
	
	.category-page-title .flex-col.medium-text-center:has(.woocommerce-ordering) {
		display: flex;
		align-items: center;
		gap: 16px;
		margin-top: 12px;
	}
	.category-filter-row {
		padding: 0;
		flex: 1;
	}
	.woocommerce-ordering {
		flex: 1;
	}
	
	body .col.product-info {
        padding-top: 10px;
    }
	
	.home-gallery-ytb .ytb-slider-area {
		--iframe-h: 360px;
	}
	.home-gallery-ytb .ytb-iframe-inner {
			--iframe-h: 56.5%; 
	}
	
	.back-to-top.button {
		bottom: 140px;
	}
	body .vka-wrapper {
		bottom: 55px;
		right: 0; 
	}
	

}

@media only screen and (max-width: 549px) {
	.home-banners .row > .col {
		padding: 0;
	}
	
	.footer-info .el-row-nav > .col {
		padding-bottom: 0;
	}
	.footer-info .el-row-nav > .col + .col > .col-inner  {
		border-top: 1px solid rgb(var(--color-border-1), 10%);
		padding-top: 16px;
        padding-bottom: 2px;
	}
	.according-footer.accordion .accordion-title {
		pointer-events: auto;
	}
	
	.footer-info .el-col-contact .col-inner {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	
	.home-flash-sale  h2 {
		font-size: var(--size-4);
	}
	.home-flash-sale .el-content-wrap {
		padding: 20px 10px 0px;
	}
	.home-flash-sale .el-content-wrap .row .col {
		padding: 0 4px 20px;
		max-width: calc(100% / 2.4);
	}
	.home-flash-sale .product-small.box {
		padding: 8px;
	}
	
	.row-brands {
		--item-width: calc(100% / 5.5);
	}
	
	.slider-prd-home.slider .flickity-viewport .col {
        max-width: calc(100% / 2.4);
    }
	
	

	
	
}