/*
Theme Name: Vietcoder Theme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.18.6
*/
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --color-primary: 186, 180, 88;
    --color-secondary: 219, 68, 68;
    --color-border-1: 33, 35, 34;
    --color-border-opposite: 255, 255, 255;
    --bg: 255, 255, 255;
    --bg-2nd: 247, 247, 247;
    --bg-opposite: 31, 31, 31;
    --color-text-title: 31, 31, 31;

    --opacity-text-sub: 0.7;

    --price-color: var(--color-text-title);
    --price-sale-color: 219, 68, 68;

    --blog-img-ratio: 65%;
	--prod-img-ratio: 120%;
	
	--input-h: 46px;

    --radius-1: 6px;
    --radius-2: 10px;
    --radius-3: 18px;
    --radius-4: 28px;
    --radius-sm: 4px;

    --size-ratio: 1.175;
    --size-small: 14px;
    --size-small-a: 12px;
}



/* Ux- Pt btn  */
body .pt-btn {
	color: var(--btn-color) ;
}

body .pt-btn:hover {
	color: var(--btn-color-hover ) ;
}

.pt-btn-size--md {
	--btn-padding: 14px 30px; 
}

.pt-btn-kind--default, .pt-btn-kind--text, .pt-btn-kind--filled, .pt-btn-kind--outline {
    --btn-radius: var(--radius-2);
	
	font-size: 14px;
    font-weight: 600;	
	
}

.pt-btn.has-shadow {
	box-shadow: 0 5px 20px -10px rgb(0 0 0 / 5%);
}

.pt-btn-kind--default.pt-btn-color--white {
    --btn-bg: white;
    --btn-bg-hover: rgb(var(--color-text-title));
    --btn-color: rgb(var(--color-text-title));
    --btn-color-hover: white;
}

.pt-btn-kind--underline.pt-btn-color--opposite {
    --btn-color: rgb(var(--bg-opposite));
    --btn-color-hover: rgb(var(--color-primary));
}

.pt-btn-kind--underline .pt-btn__text {
    text-decoration-color: currentColor;
    text-underline-offset: 6px;
}

.pt-btn-kind--underline.pt-btn-size--md {
	font-weight: 600;
}

.pt-btn-kind--underline.pt-btn-size--md .pt-btn__text {
    text-decoration: underline 2px;
}

.pt-btn-kind--default.pt-btn-color--bg {
    --btn-bg: rgb(var(--bg));
    --btn-bg-hover: rgb(var(--bg), 0.15);
    --btn-color: rgb(var(--color-text-title));
    --btn-color-hover: rgb(var(--bg));
}


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

.search-popup-icon {
	display: inline-flex;
	cursor: pointer;
    color: var(--color-menu);
}

.search-popup-icon:hover {
    color: var(--color-menu-hover)	
}

.search-popup-icon svg {
	pointer-events: none;
    width: 22px;
    height: 22px;
    color: inherit;
	transition: 320ms all;
}

.header-block:has(.search-popup-icon) {
	display: inline-block;
    width: fit-content;
    padding: 10px 0;
    line-height: 1;
}

.header-cart-icon svg {
	width: 22px;
    height: 22px;
}

.header-wishlist-icon i {
	font-size: 22px;
}

.header-nav-main > .menu-item > a {
    font-size: 15px;
    font-weight: 500;	
}


.header-nav-main > .menu-item > a i{
    text-decoration: unset;
}

.nav-left.header-nav-main.nav-spacing-medium>li {
    margin: 0 12px;
}

/* 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));
}

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: unset;
  color: rgb(var(--color-text-title));
  font-size: 14px;
  font-weight: 400;
  position: relative;
}

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

#header .sub-menu>li>a:hover,
#header .nav-dropdown>li>a:hover {
}

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: 0;
  opacity: 0;
  visibility: hidden;
  transition: 300ms all;
	box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
}

#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;
} 


/* Ux - Search popup content ------- */
.pt-popup-wrap {
	--bg-close-op: 0.5; 
}

.popup-search_content .wrap {
	background-color: rgb(var(--bg));
    padding: 32px;
    border-radius: var(--radius-4);
    max-width: calc(100vw - 20px);
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;	
	pointer-events: all;
	width: 720px;
}

.popup-search_content .wrap::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.popup-search_content .wrap::-webkit-scrollbar-thumb {
    background: rgb(var(--bg-opposite), 12%);
    border-radius: 100px;
}

.popup-search_content .wrap::-webkit-scrollbar-track {
    background: rgb(var(--bg-opposite), 8%);
} 

.popup-search_content h4 {
    font-size: var(--size-2);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 12px;	
}

.menu-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 10px;
    align-items: flex-start;	
}

.menu-tags .ux-menu-link__link {
	font-size: var(--size-small);
    min-height: unset;
    line-height: 1.2;
    color: rgb(var(--color-text-title));
    border: 1px solid rgb(var(--color-border-1), 10%);
    padding: 7px 14px;
    border-radius: 200px;
    transition: 320ms all;
}

.menu-tags .ux-menu-link__link:hover {
    color: rgb(var(--bg));
    background-color: rgb(var(--color-text-title));	
}


/* Ux - Search  */
.searchform {
    --input-height: var(--input-h);
}

.searchform .flex-row {
    background-color: transparent;
    border-radius: var(--radius-1);
    border: 1px solid rgb(var(--color-border-1), 10%);
}

.searchform .flex-col .submit-button:not(.is-outline) {
    font-size: 1rem;
	width: 50px; 
}

.header .search-form .autocomplete-suggestions, .header-block .autocomplete-suggestions {
    max-height: 50vh;
}

.searchform .autocomplete-suggestions {
    border: 1px solid rgb(var(--color-border-1), 10%);
    border-radius: var(--radius-1);
}





/* Custom scroll bar */
.scrollbar::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.scrollbar::-webkit-scrollbar-thumb {
    background: rgb(var(--bg-opposite), 12%);
    border-radius: 100px;
}

.scrollbar::-webkit-scrollbar-track {
    background: rgb(var(--bg-opposite), 8%);
}

.scrollbar-opposite::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.scrollbar-opposite::-webkit-scrollbar-thumb {
    background: rgb(var(--bg)/ 12%);
    border-radius: 100px;
}

.scrollbar-opposite::-webkit-scrollbar-track {
    background: rgb(var(--bg)/ 8%);
}


/* Header - Mobile ----- */
.nav-icon .qodef-m-line {
    height: 2px;
	border-radius: 100px; 
}

.off-canvas-left .mfp-content {
    --color-border: rgb(var(--color-border-1), 10%);
}

.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: 20px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    transition: 300ms all !important;
    opacity: 1 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    letter-spacing: 0;
}

.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: 0!important;
}

.mfp-content .nav-sidebar > .html.custom:first-child {
    border-bottom: 1px solid var(--color-border-1);
    margin-bottom: 12px;	
}

.mfp-content .aside-logo  {
	padding-left: 0!important;
}

.mfp-content .aside-logo img {
    width: 60%;
    margin: 30px auto 10px;
    height: 50px;
    display: block;
    object-fit: contain;
}

.mfp-content .nav-slide-header  {
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 12px!important;	
}

.mfp-content .nav-slide-header  button.toggle {
	color: var(--on-background);
    opacity: 1;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    min-height: unset;	
} 

.off-canvas:not(.off-canvas-center) li.html {
    padding: 10px 20px 15px;
}

.off-canvas .header-button .button.is-outline {
    font-weight: 600;
    font-size: 16px;
    margin-top: 10px;
}


/* Home - Hero ---- */
.home-hero div h1 , 
.home-hero div h2{
	font-size: var(--size-8);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;	
}

.home-hero h6 {
    opacity: 1;
    font-size: var(--size-2);
    line-height: 1.4;
    margin-bottom: 5px;
    font-weight: 600;
    letter-spacing: 1px;	
}

.slider.slider-nav-circle .dot {
	border: 1px solid #fff;
    opacity: 1;
    background: transparent;
    width: 10px;
    height: 10px;
	margin: 0 8px;
}

.slider.slider-nav-circle .dot.is-selected {
    outline: 1px solid #fff;
    outline-offset: 3px;
	background: white;
}


.slider.slider-nav-circle .flickity-page-dots {
    bottom: 1.4rem;
}


.slider.slider-nav-circle .flickity-prev-next-button  .flickity-button-icon {
	background-color: rgb(var(--bg));
    border: 1px solid rgb(var(--color-text-title), 15%);
    padding: 10px;	
}

.slider.slider-nav-circle .flickity-prev-next-button:hover .arrow {
	fill: currentcolor!important;
}



/* 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: var(--size-5);
    font-weight: 600;
    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-variant-numeric: unset;
    font-feature-settings: unset;
    height: 50px;
    width: 50px;
}

.home-flash-sale .hurrytimer-timer-label {
    font-size: var(--size-small);
    color: currentColor;
    text-transform: none;
    display: block;
    margin: 5px;	
}





/* UX  - Slider infinity */
.section-slider-wrap {
  --item-w: calc(100% / 3);
  --item-p: 10px 15px 30px;
}

#wrapper .slider-infinity .slider-item,
#wrapper .slider-infinity .post-item {
  opacity: 1;
  max-width: var(--item-w)!important;
  padding: var(--item-p);
	min-height: 100%;
} 


/* Home - Slider banners */
.home-slider-banners {
	--item-w: calc(100% / 2);
	--item-p: 0px 15px;
	overflow: hidden;
}

.home-slider-banners p {
	font-size: 1rem;
}

.home-slider-banners h6 {
	font-size: var(--size-6);
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: 700;
	opacity: 1;
	text-transform: unset;
	letter-spacing: 0;
}

.home-slider-banners .box .box-text {
	padding: 10px 40px 40px;
	text-shadow: unset;
}

.home-slider-banners .image-cover {
    border-radius: var(--radius-3);
    overflow: hidden;	
}

/* Home- Video short ------- */
.home-video-shorts {
	--item-w: calc(100% / 6.5);
	--item-p: 0px 8px;
	overflow: hidden;	
}

.home-video-shorts .video{
	border-radius: var(--radius-2);
    overflow: hidden;
	padding-top: 168%!important;
	background: var(--sketch-loading-bg);
    background-size: var(--sketch-loading-bg-size);
    animation: var(--sketch-loading-animetion);
}

.home-video-shorts h3 {
	font-size: var(--size-3);
}



/* Ux - Home - Title  */
.home-title .title-simple {
	font-weight: 700;
    font-size: var(--size-5);
    line-height: 1.2;
    margin-bottom: 12px;	
}

.home-title .title-simple.is-big {
    font-size: var(--size-6);
	
}

.home-title .pt-btn__text {
	width: max-content;
}

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



/* Ux - Product -------- */
.product-small.box .box-image {
    padding-top: var(--prod-img-ratio);
    border-radius: var(--radius-2);
	background-color: rgb(var(--bg-2nd));
}

.product-small.box .box-image a,
.product-small.box .box-image img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}

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

.product-small.box .box-text {
	padding: 15px 0; 
}

.product-small.box .name a {
	font-size: 1rem; 
}

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

ins span.woocommerce-Price-amount.amount bdi {
    color: rgb(var(--price-color));
}

span.woocommerce-Price-amount.amount bdi {
    font-size: 1rem;
    font-weight: 500;
}

body div .price del, body .product_list_widget del, body del .woocommerce-Price-amount, del span.woocommerce-Price-amount.amount bdi {
    font-size: var(--size-small);
	font-weight: 400;
}

del span.amount {
    opacity: .5;
}

.dark .product-small.box .name a {
	color: white;
}

body .dark del .woocommerce-Price-amount {
    color: white;
}

.dark span.woocommerce-Price-amount.amount bdi {
	color: white; 
}

.dark ins span.woocommerce-Price-amount.amount bdi {
    color: white;
}

.product-small.box .image-tools.bottom {
	transform: unset;
	opacity: 1 !important;
    display: block !important;
}

.product-small.box .marquee-wrap {
	background-color: rgb(var(--bg-opposite));
    color: rgb(var(--bg));
    
}

.product-small.box .marquee-wrap .item {
    padding: 8px 10px;
	font-size: var(--size-small-a);
    font-weight: 700;
	text-transform: uppercase;
}

.product-small.box .marquee-wrap .item:before {
	content: '\ea0b';
    font-family: var(--ff-material-round);
    font-size: 1.3em;
    line-height: 1;
    vertical-align: middle;
    color: rgb(var(--color-alert));
    margin-right: 3px;
}

.product-small.box .image-tools .wishlist-icon {
	display: none;
}

.product-small.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
    top: 10px;
    left: unset;
    right: 10px;
}

.product-small.col .yith-wcwl-icon-svg {
	margin: 0!important;
    background: rgb(var(--bg));
    padding: 5px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
	box-shadow: 0 5px 10px rgb(0 0 0 / 5%);
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .feedback {
	font-size: 0;	
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon-svg {
	display: none;
}

body .badge .badge-inner {
    font-size: var(--size-small-a);
    font-weight: 700;
    color: white;
    padding: 5px 8px;
    border-radius: 100px;
    margin-top: 10px;
    display: block;
    margin-left: 10px;
}

body #yith-wcwl-popup-message {
    border-radius: var(--radius-2);
    font-size: var(--size-2);
    font-weight: 500;
    box-shadow: 0 0 30px rgb(0 0 0 / 20%);
    border: 1px solid rgb(var(--color-border-1), 15%);
    color: rgb(var(--color-text-title));
    background: rgb(var(--bg));	
	line-height: 1.4;
    padding: 20px;
}


/* Ux - Product Catgory ------ */
.box.box-category .image-cover {
    padding-top: 138% !important;
    border-radius: var(--radius-3);
    overflow: hidden;	
}

.box.box-category .overlay {
	background: linear-gradient(0deg, black, transparent 60%);
}

.box.box-category .count {
    display: block;
    opacity: 1;
    transform: unset;
    margin: 10px 0 0;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0;
    max-height: unset;
    text-transform: unset;
}

.box.box-category .header-title {
	font-size: var(--size-3);
    text-transform: unset;
    letter-spacing: 0;
}


.box.box-category .box-text-inner {
	text-shadow: none;
	text-align: center;
}

.box.box-category .box-text-inner:after {
	content: 'XEM NGAY';
    font-size: 14px;
    background: rgb(var(--bg));
    color: rgb(var(--color-text-title));
    border-radius: var(--radius-2);
    transition: 320ms all;
    padding: 14px 30px;
    display: block;
    width: fit-content;
    margin: 20px auto 0;
    font-weight: 600;
}

.box.box-category .box-text {
	padding: 14px 14px 18px;
}


.img-radius {
	border-radius: var(--radius-3);
	overflow: hidden;
}

/* Ux - Products List ------ */
.products_list .product-small{
	display: grid;
    grid-template-columns: 60px 1fr;
    gap: 18px;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid rgb(var(--color-border-1), 15%);
    padding-bottom: 17px;
    margin-bottom: 17px;	
}

.dark .products_list .product-small{
    border-color:rgb(var(--color-border-opposite), 15%);
}

.products_list .box .box-text {
	padding: 0;
}

.products_list .box .box-image {
	height: 0;
    width: 100%;	
}

.products_list .badge-container {
	display: none;
}

.products_list .product-small.box .image-tools {
    display: none !important;
}

.products_list .image-cover {
    padding-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
}

/* Home - Keyword search --- */
.home-keywords {
	
}

.home-keywords .col-body > .col-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;	
	background-color: rgb(var(--color-primary));
    border-radius: var(--radius-2);
    padding: 20px;
    color: rgb(var(--bg));
}

.home-keywords p {
	margin: 0;
    font-weight: 600;
}

.home-keywords .pt-btn.pt-btn-kind--default {
	margin: 0;
	font-weight: 500;
	--btn-padding: 6px 12px;
}




/* Ux - Blog - Overlay ---- */
.box-normal.box-blog-post .image-cover {
	padding-top: var(--blog-img-ratio) !important;
	border-radius: var(--radius-2);
    overflow: hidden;
}

.box-blog-post .cat-label {
    font-size: var(--size-small);
    text-transform: capitalize;
    margin-bottom: 8px;
    width: fit-content;
    letter-spacing: 0;
    font-weight: 600;
    border-radius: 300px;
    padding: 4px 10px;
    color: rgb(var(--color-text-title));
    background-color: rgb(var(--color-primary),0.4);
}


.box-blog-post:hover .cat-label {
    color: rgb(var(--color-text-title));
    background-color: rgb(var(--color-primary),0.8);
}

.box-blog-post .post-meta {
    opacity: 0.7;
    font-size: var(--size-small);
    color: currentColor;
}

.box-blog-post .box-text {
	padding-top: 14px;
}

.box-blog-post .post-title {
    margin-bottom: 10px;
}

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


.box-blog-post .post-title a {
    -webkit-line-clamp: 2;
    font-size: var(--size-4);
    text-transform: none;
    letter-spacing: 0;
}

.box-blog-post .box-text-inner {
	text-shadow: none;
    display: grid;
    grid-template-columns: 1fr;
}

.box-blog-post.box-overlay .post-title a {
    font-size: var(--size-4);
}

.box-blog-post.box-overlay .post-meta {
    opacity: 1;
    font-size: 1rem;
    font-weight: 500;
    order: -1;
    margin-bottom: 7px;
}

.box-blog-post.box-overlay  .image-cover {
    border-radius: var(--radius-3);
    overflow: hidden;	
}

.box-blog-post.box-overlay  .overlay {
	background: linear-gradient(0deg, black, transparent 60%);
}


/* Footer ------- */
.footer-info {
	font-size: 14px;
}

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

.footer-info .col-layout > .col-inner {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px 30px;
}


/* Ux - According footer ------- */
.according-footer .accordion-title .toggle {
    width: 26px;
	height: 26px; 
}

.according-footer .accordion .accordion-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 12px;	
}

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

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

.footer-info .el-logo {
    width: 40%;
    margin-bottom: 20px;	
}

.follow-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;	
	font-size: 14px;
}

.follow-icons a.icon {
	margin: 0;
}

.form-one-line > p{
	display: flex;
    background-color: rgb(var(--bg));
    color: rgb(var(--color-text-title));
    border-radius: var(--radius-2);
    padding: 5px;
	
	--input-h: 44px;
}

.form-one-line .wpcf7-form-control {
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    color: currentColor;
    font-size: 16px;
    height: var(--input-h);	
}

.form-one-line .wpcf7-form-control:hover,
.form-one-line .wpcf7-form-control:focus {
    background-color: transparent;
    box-shadow: none;
}

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

.form-one-line .el-submit {
	margin: 0;
    min-height: unset;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	background-color: rgb(var(--color-primary));
    color: rgb(var(--color-text-title));
    padding: 0;
    height: var(--input-h);
    flex: 0 0 var(--input-h);
    border-radius: var(--radius-2);
	transition: 300ms all;
}

.form-one-line .el-submit:hover {
    background-color: rgb(var(--color-text-title));
    color: rgb(var(--bg));
}

footer .absolute-footer {
	display: none;
}

.footer-copy {
	font-size: 14px;
}

.footer-copy  .el-getway {
	width: fit-content!important;
}

.footer-copy  .el-getway img {
    height: 20px;
    width: auto;	
}


/* Shop --------- */
.shop-page-title {
	--btn-h: 38px;
}

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

#main :is(.sidebar-inner, .widget-area) {
	position: sticky;
	top: 140px;
}

.category-page-title .shop-page-title {
	font-size: var(--size-5);
    line-height: 1.3;
    margin-bottom: 10px;	
}

.breadcrumbs {
	font-size: var(--size-small);
    font-weight: 400;
    color: rgb(var(--color-text-title), 80%);
	text-align: left;
}

.breadcrumbs a {
	color: rgb(var(--color-text-title));
}

.woocommerce-result-count {
	font-size: var(--size-small);
    color: rgb(var(--color-text-title), 80%);	
}

.woocommerce-ordering select {
   border: 1px solid rgb(var(--color-border-1), 0.1);
    box-shadow: none;
    background-color: transparent;
    font-size: var(--size-small);
    border-radius: var(--radius-1);
    margin: 0;
    height: var(--btn-h);
}

.category-page-title .category-filter-row {
	padding: 0;
}

.category-filtering .filter-button {
    background-color: transparent;
    padding: 9px 14px 7px;
    border-radius: var(--radius-1);
    line-height: 1.4;
    font-size: var(--size-small);
    position: relative;
    margin: 0;
    height: var(--btn-h);
    border: 1px solid rgb(var(--color-border-1), 0.1);
}


aside.widget .widget-title {
	font-size: var(--size-2);
    letter-spacing: 0;
    font-weight: bold;
    color: rgb(var(--color-text-title));
    margin-bottom: 18px;
    display: block;	
}

aside.widget .cat-item {
    font-size: 1rem;
    line-height: 1.4;
    color: rgb(var(--color-text-title), 0.8);
	position: relative;
    padding-right: 24px;
}

aside.widget .cat-item + .cat-item {
	margin-top: 12px;
}

aside.widget .cat-item .count {
	color: inherit;
    font-size: inherit;
    line-height: inherit;
	opacity: 1;
}

aside.widget .cat-item a {
    font-size: inherit;
    color: inherit;	
	text-decoration: underline 1px;
	text-underline-offset: 4px;
    text-decoration-color: transparent;
    transition: 200ms all;
	padding: 0;
}


aside.widget .cat-item a:hover {
	text-decoration-color: inherit;
	color: rgb(var(--color-text-title));
}

aside.widget .cat-item .children {
	border-left: 0;
    margin-top: 12px;
    margin-left: 16px;
    padding-left: 0;	
}

aside.widget .cat-item .toggle {
	position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    border: 0;
    font-size: 15px;
    line-height: 1;
	opacity: 1;
    color: inherit;
}

aside.widget + aside.widget {
	border-top: 1px solid rgb(var(--color-border-1), 0.1);
    padding-top: 30px;	
}

aside.widget {
	margin-bottom: 30px;	
}

.widget_price_filter .price_slider_amount .button {
    background-color: rgb(var(--bg-opposite));
    font-size: var(--size-small);
    padding: 7px 18px;
    color: rgb(var(--bg));
    margin: 6px 10px 0 0;
}

.page-numbers li .page-number.current {
    background-color: rgb(var(--color-text-title));
	 border-color: rgb(var(--color-text-title));
    color: rgb(var(--bg));
}

.page-numbers li .page-number:hover {
    color: rgb(var(--bg));
    background: rgb(var(--color-text-title));
	border-color: rgb(var(--color-text-title));
}

.page-numbers li .page-number {
    color: rgb(var(--color-text-title));
    border: 1px solid rgb(var(--color-border-1), 0.1);
    background-color: transparent;
    font-size: var(--size-small);
}


/* Single Product ------- */
.woocommerce-product-gallery .wishlist-icon {
	display: none;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    border-radius: var(--radius-2);
    overflow: hidden;
}

.product-info .cart:not(.variations_form),
.product-info .woocommerce-variation-add-to-cart {
    display: grid;
    grid-template-columns: 2fr 6fr;
    gap: 16px;	
	--btn-h: 46px;
}

.product-info .quantity {
	height: var(--btn-h);
    background-color: rgb(var(--bg-2nd));
    border-radius: var(--radius-2);
    overflow: hidden;
    display: flex;
	border: 1px solid rgb(var(--color-border-1), 0.1);
}

.product-info .quantity .button.is-form {
	background: transparent;
    border: 0;
    color: inherit;
    box-shadow: none;
    flex-basis: var(--btn-h);
}

.product-info .quantity .qty {
	max-width: none;
    border: 0;
    background: transparent;
	box-shadow: none;
    min-width: unset;
    flex: 1;	
}

#main .product-info .single_add_to_cart_button {
	height: var(--btn-h);
    min-height: unset;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 500;
    border-radius: var(--radius-2);
    letter-spacing: 0;
    background-color: transparent !important;
    color: rgb(var(--color-text-title));
    border: 1px solid rgb(var(--color-text-title));
}

#main .product-info .single_add_to_cart_button:hover {
    background-color: rgb(var(--color-text-title)) !important;
    color: rgb(var(--bg));
	box-shadow: none;
}

.product-info .ux-buy-now-button {
	height: var(--btn-h);
    min-height: unset;
    line-height: 1.1;
    font-size: 1rem;
    font-weight: 500;
    border-radius: var(--radius-2);
    letter-spacing: 0;
    background-color: rgb(var(--color-text-title)) !important;
    color: rgb(var(--bg));
    grid-column: span 2;
    border: 0;
}

.product-info .ux-buy-now-button:hover {
    background-color: rgb(var(--color-primary)) !important;
    color: rgb(var(--bg));
	box-shadow: none;
}

.product-info .entry-title {
    font-size: var(--size-5);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 12px;
}

.product-info .price {
    font-size: var(--size-3);
    font-weight: bolder;
    margin-bottom: 20px;
}

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

.product-info del span.woocommerce-Price-amount.amount bdi, .product-info .price del {
    font-size: 1rem;
    font-weight: 400;
}

.product_meta>span {
    padding: 12px 0;
    font-weight: 600;
    border-top: 1px solid rgb(var(--color-border-1), 0.1);
}

.product-info .yith-wcwl-add-button a {
    color: rgb(var(--color-text-title));
    font-weight: 400;
    font-size: var(--size-small);
    display: flex;
    align-items: center;
    gap: 5px;	
}

.product-info .yith-wcwl-add-button svg {
	width: 20px;
    height: 20px;
}

.product-info .product-short-description {
    line-height: 1.3;
    font-size: 1rem;
    color: rgb(var(--color-text-title), .8);
    margin-bottom: 30px;
    border-bottom: 1px solid rgb(var(--color-border-1), 0.1);
    padding-bottom: 8px;
}


.product-support-links .icon-box .icon-box-text {
    padding-left: 5px;
	font-weight: 500;
}


.product-support-policy h3 {
	font-size: var(--size-4);
    line-height: 1.3;
    margin-bottom: 14px;
    font-weight: 600;
}

.product-support-policy h6 {
	font-size: 1rem;
    opacity: 1;
    text-transform: unset;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 5px;	
}

.product-support-policy p {
	font-size: var(--size-small);
    color: rgb(var(--color-text-title), 0.7);
    line-height: 1.4;
}

body .col.product-info {
    padding: 0 40px;
}

.product-page-title {
    background-color: rgb(var(--bg-2nd));
    padding: 18px 0;
    margin-bottom: 20px;	
}

.product-page-title .page-title-inner {
	padding-top: 0;
    min-height: unset;	
}

.product-section .product-section-title, .product-section .col>h5 {
    font-size: var(--size-5);
    letter-spacing: 0px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: capitalize;
    text-decoration: underline 1px;
    text-underline-offset: 6px;
}

.product-footer {
	border-top: 1px solid rgb(var(--color-border-1), 0.1);
	padding-top: 30px;
}

.product-thumbnails.slider .flickity-button {
	display: none;
}

body .variations td, body .variations th {
    padding: 0 0 10px;
    font-size: 14px;
    vertical-align: text-top;
}

body .ux-swatches .ux-swatch {
    min-height: 30px;
	min-width: 42px;
    padding: 4px 10px;
	font-size: var(--size-small);
	border-radius: var(--radius-sm);
}

body .ux-swatches {
    --color-border: rgb(var(--color-text-title),0.15);
    --color-text: rgb(var(--color-text-title));
    --color-border-hover: rgb(var(--color-text-title));
    --color-text-hover: rgb(var(--color-text-title));
    --color-border-selected: rgb(var(--color-alert));
    --color-text-selected: rgb(var(--color-alert));
}


/* Woo Cart ----- */
.woocommerce .woocommerce-notices-wrapper .message-container .wc-forward {
    display: none;
}

/* Wishlist Page --- */
.wishlist-title-container {
    margin-top: 0px;
}

.wishlist-title-container .wishlist-title .btn {
	display: none;
}

.woocommerce .wishlist-title-container .wishlist-title {
    margin-bottom: 20px;
}

.woocommerce .wishlist_table thead th {
	border-color: var(--border-color);
}

.woocommerce .shop_table.wishlist_table tr td {
	font-size: 14px;
}

.woocommerce .shop_table a:not(.button) {
	color: inherit;
}

body .wishlist_table .product-add-to-cart a {
    margin: 0 0 5px !important;
}

body .wishlist_table.mobile li .additional-info-wrapper .product-remove {
    text-align: center;
}

body .wishlist_table.mobile li table.additional-info td {
    font-size: 14px;
}

/* Woocomerce - Acoount --- */
.woocommerce-MyAccount-content .dashboard-links {
	gap: 15px;
}

.woocommerce-MyAccount-content .dashboard-links li {
	margin-left: 0;
	margin-bottom: 0;
}

.woocommerce-MyAccount-content .dashboard-links a {
	padding: 12px;
    font-size: 1rem;
    color: rgb(var(--color-text-title));
    border: 1px solid rgb(var(--color-text-title), 0.15);
	margin: 0;
	background-color: transparent;
}

.woocommerce-MyAccount-content .dashboard-links a:hover {
	border-color: rgb(var(--color-text-title));
}

.my_account_orders .button {
	background-color: unset;
    text-transform: unset;
    letter-spacing: 0;
    color: rgb(var(--color-text-title));
    font-weight: 500;
}

.woocommerce .touch-scroll-table {
	box-shadow: none;
}

.woocommerce .touch-scroll-table .shop_table {
	min-width: 600px;
}

.woocommerce-MyAccount-content .woocommerce-Address-title {
	margin-bottom: 20px;
}

.woocommerce-MyAccount-content address {
	line-height: 1.5;
}


/* Woocomerce Payment -------- */
.woocommerce-order-pay #order_review {
	max-width: 600px;
    margin: auto;
    border: 1px solid rgb(var(--color-text-title), 0.1);
    padding: 20px;
    border-radius: 10px;	
}

.woocommerce-order-pay .wc_payment_method {
	list-style: none;
    margin-left: 0;	
}

/* Archive Post - header */
.archive-post-header .page-title {
    font-size: var(--size-6);
    line-height: 1.2;
    margin-bottom: 14px;
}

.archive-post-header .breadcrumbs {
	text-align: center;
}


/* Single - Post ------ */
.entry-header .entry-title {
    font-size: var(--size-6);
    font-weight: 600;
    color: rgb(var(--color-text-title));
    line-height: 1.2;
    margin-bottom: 14px;
}

.entry-header .entry-meta {
    font-size: var(--size-small);
    color: rgb(var(--color-text-title), 0.8);
}

.entry-header .entry-meta a:hover {
    text-decoration: none;
	color: rgb(var(--color-text-title));
}

.entry-header .entry-category {
	font-size: 0; 
	opacity: 1;
	margin-bottom: 14px;
}

.entry-header .entry-category a {
	font-size: var(--size-small);
    color: rgb(var(--color-text-title));
    opacity: 1;
    background-color: rgb(var(--color-primary),0.4);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 5px 10px;
    border-radius: 300px;	
	margin-right: 10px;
    margin-bottom: 10px;

}

.entry-header .entry-category a:hover {
    background-color: rgb(var(--color-primary),0.8);
}

.single-post .entry-image {
	margin-top: 2rem;
    border-radius: var(--radius-2);
    overflow: hidden;	
}

.single-post footer.entry-meta {
    border-bottom: 1px solid rgb(var(--color-border-1), 0.1);
    border-top: 1px solid rgb(var(--color-border-1), 0.1);
    font-size: var(--size-small);
    padding: 19px 0;
    margin-top: 20px;
    margin-bottom: 10px;
}

.single-post footer.entry-meta a {
	color: rgb(var(--color-text-title));
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* Plugin - Sale --- */
body #salertWrapper .popup_template {
    border-color: rgb(var(--color-border-1), 10%);
    border-radius: var(--radius-1);
    overflow: hidden;
    background-color: rgb(var(--bg));
	box-shadow: 3px 5px 10px 1px rgba(0, 0, 0, 0.05);
}

body #salertWrapper .popup_position.topRight {
    top: 65px;
    right: 6px;
}

#salertWrapper .popup-item {
    padding-right: 15px !important;
	display: flex;
    gap: 12px;
    padding: 5px !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: 600;
	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;
	font-size: 12px;
}

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

body #salertWrapper figure img {
    height: 100%;
    width: 100%;
    border-radius: var(--radius-1);
    object-fit: cover;
}

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












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

@media only screen and (max-width: 1024px) {
	.home-video-shorts {
		--item-w: calc(100% / 4.5);
	}
}

@media only screen and (max-width: 849px) {
	:root {
		--input-h: 44px;
		--size-ratio: 1.15;
		--size-small: 13px;
		
		font-size: 14px;
	}
	
	.popup-search_content .wrap {
		padding: 26px 20px; 
	}
	
	body #logo {
		width: 170px;
	}
	body #logo img {
		padding: 10px 0;
	}
	body .stuck #logo img {
		max-height: 56px !important;
	}
	body .stuck .header-main {
		height: 56px !important;
	}
	
	.home-video-shorts {
		--item-w: calc(100% / 3.5);
	}
	
	.home-slider-banners {
		--item-w: calc(100% / 1);
	}
	
	.product-small.box .marquee-wrap .item {
		padding: 5px 10px; 
	}
	
	.footer-info .col-layout > .col-inner {
		grid-template-columns: 1fr;
	}
	.footer-copy .col-inner {
		text-align: center;
	}
	
	.category-page-title .flex-col.medium-text-center:has(.woocommerce-ordering) {
		display: flex;
		align-items: center;
		gap: 16px;
		margin-top: 14px;
		justify-content: space-between;
	}
	.category-page-row {
		padding-top: 20px;
	}
	
	.product-page-title {
		padding: 10px 0;
		margin-bottom: 5px;
	}
	.product-page-title .page-title-inner .flex-col + .flex-col  {
		display: none;
	}
	body .col.product-info {
		padding: 30px 15px 20px; 
	}
	
	#salertWrapper .popup_position {
		width: 240px;
	}
	#salertWrapper .popup-item {
		gap: 8px;
	}
	
	.home-keywords p {
		width: 100%;
	}
	.home-keywords .col-body > .col-inner {
		padding: 14px 16px; 
	}


}

@media only screen and (max-width: 549px) {
	.slider .flickity-prev-next-button {
        display: block;
		opacity: 1;
    }
	body .slider .flickity-prev-next-button {
		width: 30px!important;
	}
	body .slider .flickity-prev-next-button svg {
        padding: 8px !important;
		border: 1px solid rgb(var(--color-text-title), 10%) !important;
			background-color: rgb(var(--bg));
        border-radius: 50%;
    }
	
	.home-video-shorts {
		--item-w: calc(100% / 2.7);
	}
	
	.footer-wrapper {
		padding-bottom: 51px;
		background-color: rgb(var(--bg-opposite));
	}
	.footer-info .el-logo {
		width: 30%;
		margin: 0 auto 25px;
	}
	
	
}