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

/*************** ADD CUSTOM CSS HERE.   ***************/
/*@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-bold-webfont.ttf) format('truetype');font-weight:bold;font-style:normal}
@font-face{font-family:'brandon_text';src:url(./fonts/brandontext-regular-webfont.ttf) format('truetype');font-weight:normal;font-style:normal;}*/

/*body{font-family:  "Custom Font Name",  sans-serif}
.nav > li > a {font-family:  "Custom Font Name", sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Custom Font Name", sans-serif;}
.alt-font{font-family: "Custom font name", sans-serif;}*/
/*
a,p,h1, h2, h3, h4, h5, h6,span.widget-title,li{font-family: "brandon_text" !important;}
.stars a{font-family:'fl-icons'!important}
body {
    overflow: hidden;
}


.header-main .nav > li.menu-item > a {
    font-size: 14px;
    color: #2b2b2b;
    padding: 15px 20px;
}
.header-main .nav > li.menu-item {
    margin: 0;
}
*/

.woocommerce-page .sidebar {
    display: block !important;
    visibility: visible !important;
}
html,
body {
  font-size: 62.5%;
}
body {
  background-color: #fff;
  line-height: 1.7;
}
.title-h4 h4 {
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 8px;
}
.title-h4 h2 {
  font-size: 2rem;
}
.title-h3 {
  font-weight: bold;
}
.form-col-6 {
  padding-left: 10px;
  padding-right: 10px;
}
#main {
  font-size: 1.6rem;
}
#main .delete-pb,
#wrapper .delete-pb {
  padding-bottom: 0;
}
#main .delete-padding,
#wrapper .delete-padding {
  padding: 0;
}
#main .delete-mb,
#wrapper .delete-mb {
  margin-bottom: 0;
}
.bg-white {
  background-color: #fff;
}
.bg-gray {
  background-color: #f5f5f5;
}
#wrapper .btn-viewmore {
  color: #000;
  padding: 0 15px;
	margin-bottom: 0;
}
#wrapper .widget_yith_wcan {
    display: block !important;
    visibility: visible !important;
}
.btn-viewmore:hover{
  background-color: var(--fs-color-primary);
  box-shadow: none;
}
.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,.header-nav.header-nav-main.nav.nav-right.nav-line-grow li a:hover i, .header-nav.header-nav-main.nav.nav-right.nav-line-grow li a:hover span {
    color: var(--fs-color-primary) !important;
}
ul.product_list_widget li a:not(.remove),ul.product_list_widget li a.remove {
    color: #000;
}
#wrapper .btn-viewmore:hover span{
  color: #fff;
}
#main .delete-mg-lr,
#wrapper .delete-mg-lr {
  margin-left: 0;
  margin-right: 0;
}
#main .delete-pd-lr,
#wrapper .delete-pd-lr {
  padding-left: 0;
  padding-right: 0;
}
#main .lh-17 {
  line-height: 1.7;
}
#main p,
#wrapper p {
  margin: 0;
  padding: 0;
}
#main .text-link-pink a {
  color: #c8103d;
}
#main .text-link-black a {
  color: #000;
}
#wrapper .text-link-white a {
  color: #fff;
}
#main .text-link-black a:hover,
#wrapper .text-link-white a:hover {
  color: var(--fs-color-success);
}
#wrapper .text-link-op8 a {
  text-decoration: underline;
}
#wrapper .text-link-op8 a:hover {
  opacity: 0.8;
  color: #fff;
}
#main .text-color-primary h1,
.text-color-primary h2,
.text-color-primary h3,
.text-color-primary h4,
.text-color-primary h5 {
  color: var(--fs-color-primary);
}
#wrapper #wide-nav ul li a:hover {
	color: var(--fs-color-primary);
}
#wrapper #wide-nav ul li#menu-item-1718 ul {
	padding: 10px;
}
#wrapper #wide-nav ul li#menu-item-1686 ul {
	padding: 0;
}
#wrapper #wide-nav ul li#menu-item-1686 ul li:not(:last-child){
        border-bottom: 1px solid #ebebeb;
}
#main .tab-css > .nav {
  gap: 45px;
}
#main .tab-css li.active a {
  color: var(--fs-color-primary);
}
#main .tab-css li a:hover {
  color: var(--fs-color-primary);
}
#main .tab-right > .nav {
  gap: 25px;
}
#main .tab-right .nav > li > a {
  font-size: 1.4rem;
}
#main .tab-right .nav-line-bottom > li > a:before {
  width: 50%;
}
#main .ps-relative {
  position: relative;
}
#main .ps-absolute {
  position: absolute;
  z-index: 1;
  font-weight: 600;
  top: 10px;
}
#main .sc-news .ps-absolute {
	top: 0;
}
#main .acf-sale-image {
  position: absolute;
  top: -30px;
  left: 3px;
}
#main .acf-sale-image img {
  max-height: 28px;
}
#main .acf-sale-image .fast {
  max-height: 20px;
}
#woocommerce-product-search-field-0, #woocommerce-product-search-field-1 {
  font-size: 1.6rem;
  border: 2px solid var(--fs-color-secondary);
  background: #fff;
  height: 45px;
  line-height: 45px;
}
.sc-feedback{
	background-color: var(--fs-color-secondary) !important;
}
#masthead .searchform-wrapper.ux-search-box::after {
	top: 9px;
	left: -16px;
	bottom: auto;
	border-width: 26px 26px 0 0;
	border-color: transparent #fff;
	transform: rotate(0deg);
	content: "";
	position: absolute;
	border-style: solid;
	display: block;
	width: 0;
}
#masthead .searchform-wrapper.ux-search-box::before {
	content: "";
	position: absolute;
	top: 22px;
	left: -18px;
	border-width: 18px 16px 0;
	border-style: solid;
	border-color: #ffdae3 transparent;
	display: block;
	width: 0;
	transform: rotate(-46deg);
}
.searchform .button.icon i {
	font-size: 1.6em;
}
.col.path-col span .breadcrumb_last {
	font-weight: bold;
}

#wrapper .searchform .button.icon .icon-search {
	width: 45px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    top: -7px;
    right: -2px;
    border-radius: 50%;
}
#wrapper #wide-nav .searchform .button.icon .icon-search {
	top: -7px;
    right: -2px;
}
#wrapper #masthead .searchform .button.icon:hover .icon-search{
	background: var(--fs-color-primary);
	color: #fff;
}

.header-nav.header-nav-main.nav.nav-right.nav-line-grow span {
  font-size: 1.2rem;
  font-weight: normal;
  color: #000;
	padding-top: 5px;
}
#wrapper .header-nav-main.nav-line-grow > li:hover > a:before {
	width: 0;
}
.header-nav.header-nav-main.nav.nav-right.nav-line-grow span:hover {
  color: #e83e8c;
}
.header-nav.header-nav-main.nav.nav-right.nav-line-grow i {
  font-size: 2rem;
  color: #000;
}
.header-nav.header-nav-main.nav.nav-right.nav-line-grow li a:hover i,
.header-nav.header-nav-main.nav.nav-right.nav-line-grow li a:hover span {
  color: #e83e8c;
}
.dp-none {
  display: none;
}

#main .section .text h2 {
  font-weight: 600;
  color: #000;
}
#wrapper .row-divided>.col+.col:not(.large-12) {
	border-left: unset;
}
.sc-protein .nav>li>a { 
	padding-bottom: 12px;
}
.nav>li>a { 
	padding-bottom: 7px;
}
#wrapper .content-area .product-small.col {
	padding-bottom: 28px;
}
#wrapper .content-area .cross-sells h2 {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: bold;
    font-size: 1.8rem;
    text-transform: uppercase;
}
#wrapper .blog-wrapper.blog-single.page-wrapper .large-9.col h1,
#wrapper .blog-wrapper.blog-single.page-wrapper .large-9.col h3,
#wrapper .blog-wrapper.blog-single.page-wrapper .large-9.col h4 {
	color: #000;
	font-family: 'Montserrat',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
#wrapper .blog-wrapper.blog-single.page-wrapper .large-9.col h1 {
	font-size: 2.6rem;
	font-weight: 700;
}
#wrapper .blog-wrapper.blog-single.page-wrapper .large-9.col h3 {
	font-size: 2rem;
}
#wrapper .blog-wrapper.blog-single.page-wrapper .large-9.col h4 {
	font-size: 1.75rem;
}
#wrapper .blog-wrapper.blog-single.page-wrapper {
	padding: 0;
}

/* Footer */
.sc-footer .col .text h4,
.sc-footer .col .text h3 {
  margin-bottom: 0;
  padding: 0 0 12px 0;
  font-size: 1.6rem;
  font-weight: 700;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color:#fff !important;
}
.sc-footer .col-btn a span{
	color:#fff !important;
}
#wrapper .sc-footer .col .text, #wrapper .sc-footer .col .text p, #wrapper .sc-footer .col .text span {
  line-height: 1.7;
  padding-left: 0px;
  margin: 0;
	color:#fff !important;
}
#wrapper .sc-footer .col .text p a {
  padding: 2px 0;
  display: block;
}
#wrapper .sc-footer .col-2 {
  padding-left: 0;
}
#wrapper .sc-footer .col-3 {
  padding-left: 30px;
  padding-right: 0;
}
.sc-footer .col-4 .col-method {
  padding-bottom: 5px;
}
.sc-footer .col-4 .col-method .payment-icons {
  width: 63px;
  margin-right: 5px;
  height: 29px;
  border-radius: 5px;
}
.sc-footer .col-btn a {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  margin: 5px 0 0 5px;
  border: none;
}
.sc-footer .col-btn a:hover {
  color: #000;
  background-color: var(--fs-color-success);
}
.sc-footer .col-btn a span {
	font-weight: initial;
}

/* Menu */
.nav.header-nav.header-bottom-nav.nav-center.nav-size-large.nav-spacing-xlarge {
  gap: 15px;
}
#wrapper .sub-menu.nav-dropdown.nav-dropdown-default > li > a {
  font-size: 1.6rem;
  font-weight: 600;
  border: none;
	    color: #FF9800;
}
#wrapper .sub-menu.nav-column.nav-dropdown-default a {
  border: none;
  margin: 0 10px 5px;
  padding: 0;
}

/* cart */
#wrapper .price-wrapper .price {
  display: flex;
  flex-direction: column-reverse;
}
#wrapper .discount-percent {
  width: 40px;
  height: auto;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  display: inline-block;
  position: relative;
  bottom: 1px;
  left: 9px;
  color: #fff;
  z-index: 1;
  background-color: var(--fs-color-primary);
  border-radius: 10px 10px 10px 0px;
  padding: 4px 0px;
}
#wrapper .product-small:hover .box-image img {
  transform: scale(1.03);
  transition: transform 0.3s ease-in-out;
}

#wrapper .box-image img {
  transition: transform 0.3s ease-in-out; /* Đảm bảo ảnh có hiệu ứng khi hover */
}
#wrapper .product-small.box {
  background: #fff;
  box-shadow: 0px 0px 6px 0px rgba(50, 50, 93, 0.15), 1px 1px 5px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  border-radius: 10px;
}
#wrapper .product-small.box .box-image .image-tools.bottom {
  z-index: 2;
}
#wrapper .box-text-products {
  padding: 10px;
  background: #fff;
  transition-duration: 0.3s;
  z-index: 1;
  font-size: 1.6rem;
}
#wrapper .box-text-products .title-wrapper {
  padding-bottom: 4px;
}
#wrapper .box-text-products .price-wrapper {
  padding-top: 4px;
}
#wrapper .box-text-products .title-wrapper a {
	    text-wrap: auto;
    height: 40px;
    overflow: hidden;
}
#wrapper .box-text-inner .post-title a,
#wrapper .box-text-inner .from_the_blog_excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Giới hạn tối đa 2 dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word; /* Đảm bảo văn bản xuống dòng */
  line-height: 1.4;
  color: #000;
}
#wrapper .box-text-products .title-wrapper a:hover {
  color: var(--fs-color-primary);
}
#wrapper .product-small .cart-icon-wrapper {
  display: none; /* Ẩn icon */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40%; /* Định vị icon ở cuối box-image */
}
#wrapper .product-small:hover .cart-icon-wrapper {
  display: none; /* Hiện icon */
  animation: fadeInUp 0.3s ease forwards; /* Hiệu ứng hiện từ dưới lên */
}
/* Keyframes cho hiệu ứng */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
#wrapper .product-small .cart-icon-wrapper i {
  color: #000;
  background-color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
}
#wrapper .product-small .cart-icon-wrapper:hover i {
  background-color: var(--fs-color-success);
  cursor: pointer;
}
#wrapper .box-text-products .price bdi, #wrapper .product-price-container .price bdi {
	color: #d31100;
}
#wrapper .box-text-products .price del bdi, #wrapper .product-price-container .price del bdi {
	color: #9aa5b3;
}

/* Path */
#main .section.sc-path,
#wrapper .section.sc-path {
  padding: 0;
  background-color: var(--fs-color-secondary);
  font-size: 14px;
}
.sc-path .path-row .col {
  padding: 10px 0;
	font-weight: 500;
}
.col.path-col div {
  padding: 10px 0;
}
.col.path-col span {
  padding: 10px;
}
.col.path-col span .breadcrumb_last {
  color: var(--fs-color-primary);
}
#wrapper .col.path-col span a {
  color: #666666;
}
.col.path-col span a:hover {
  color: var(--fs-color-primary);
}
/* Header */
#header .section.sc-header {
  padding: 0;
}
.sc-header .col-header {
  padding: 6px 0;
}
.sc-header .col-header .text p {
  color: #fff !important;
}
/* Header bottom */
#header {
  font-size: 1.6rem;
}
/* Top footer */
.sc-top-footer {
  margin-top: 30px;
  background-color: var(--fs-color-secondary);
}
.sc-top-footer .row-top-footer {
  flex-wrap: nowrap;
  gap: 50px;
}
.sc-top-footer .col-top-footer {
  padding: 0;
}
.sc-top-footer .col-top-footer .img.has-hover {
	margin-bottom: 10px;
}
.sc-top-footer .col-top-footer .img div {
  width: 54px;
  height: 54px;
}
.sc-top-footer .col-top-footer .col-inner p {
  font-size: 1.4rem;
  color: #333333;
}
/* Footer */
#footer {
  background-color: var(--fs-color-primary);
  font-size: 1.6rem;
}
#footer .absolute-footer {
  background-color: var(--fs-color-alert);
  color: #fff;
}
#footer .col-1 .text a,
#footer .absolute-footer a {
	color: var(--fs-color-success);
}
#footer .col-1 .text a:hover,
#footer .absolute-footer a:hover {
	color: #fff;
}
/* Liên hệ */
.sc-contact-body .row-contact .col-contact .item {
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.sc-contact-body .row-contact .col-contact .item a {
  color: var(--fs-color-primary);
}
.sc-contact-body .row-contact .col-contact .item a:hover {
  color: var(--fs-color-success);
}
#main .col-contact .btn-left {
  color: #fff;
  margin-top: 4px;
  font-size: 1.6rem;
  text-transform: none;
  background-color: var(--fs-color-primary);
	margin-bottom: 0;
}
#main .col-contact .btn-left.icon-home::before {
	content: "\f015"; /*Unicode của 'fa-circle-nodes'*/
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 5px;
}
#main .col-contact .btn-left:hover {
  background-color: var(--fs-color-success);
  color: black;
  box-shadow: none;
}
.sc-contact-body .row-contact .col-contact .info-row {
  margin-bottom: 40px;
}
.sc-contact-body .row-contact .col-contact .info-col {
  padding-bottom: 0;
}
#wrapper .sc-contact-body .col-contact .title-h4 h4 {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #000;
}
#wrapper .sc-contact-body .col-contact .title-h4 h4 {
	font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
}
#main .col-contact .form-row {
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 15px;
  margin: 0;
  font-size: 1.6rem;

}
#main .col-contact .form-row:first-child {
	  margin-bottom: 30px;
}
#main .col-contact .form-row .title-h4 h4 {
	font-size: 1.6rem;
}
#main .col-contact .form-row .form-col {
	padding: 0;	
}
#main .sc-QA .col-contact .form-row h4, #main .sc-QA .row-QA h3 {
	color: #000;
	font-weight: 600;
}
#main .sc-QA .col-contact .form-row input, #main .sc-QA .col-contact .form-row textarea {
	    margin-bottom: 10px;
    font-size: 14px;
    border: 1px solid #e6e6e6;
}
#main .col-contact .form-row .form-col .title-muc-luc {
	    padding: 7px 0px;
    color: #000;
}
.col-contact .form-row form {
  margin-bottom: 0;
}
.col-contact .form-row .col-form {
  padding: 0;
}
.col-contact .form-row input,
textarea {
  border: 1px solid #e1e1e1;
  margin-bottom: 15px;
  border-radius: 15px;
  background-color: #fff;
  line-height: 1.7;
  padding: 5px 20px;
  font-size: 1em;
}
.col-contact .form-row textarea {
  background-color: #fff;
}
.first-row-input {
  gap: 20px;
}
.col-map .col-inner,
.col-map .col-inner p,
.col-map .col-inner iframe {
  height: 100%;
}
.col-map iframe {
  width: 100%;
}
/* Giới thiệu */
#content .sc-gt .title-head a, #content .sc-gt h4 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #000000;
}
#content .sc-gt .title-head a {
	text-transform: uppercase;
}
#content .sc-gt h4 {
	text-transform: none;
}
#content .sc-gt .row-gt .col-gt .content-page p {
	margin: 0 0 15px 0;
}
#content .sc-gt .row-gt .col-gt .content-page p strong {
  color: var(--fs-color-primary);
}
#content .sc-gt.title-h4 .content-page {
  line-height: 10px;
}
/* QA page */
#main .sc-QA .accordion .accordion-item {
  margin-bottom: 10px;
}
#main .sc-QA .accordion .accordion-item a {
  color: #000;
  padding: 10px 20px;
  font-size: 16px;
  background: #e3e3e3;
  cursor: pointer;
  border-radius: 15px;
  border-top: 0;
  font-weight: 500;
  transition: none;
}
#main .sc-QA .accordion .accordion-item .accordion-inner {
  /* display: block; */
  border: 1px solid #dee2e6;
  padding: 15px 20px;
  border-top: 0;
  border-radius: 0 0 15px 15px;
  margin-bottom: 10px;
}
#main .sc-QA .accordion .accordion-item a:hover {
  background: var(--fs-color-primary);
  color: #fff;
  transition: none;
  font-weight: 500;
}
#main .sc-QA .accordion .accordion-item .active {
  background: var(--fs-color-primary);
  color: #fff;
  border-radius: 15px 15px 0 0;
}
#main .sc-QA .col-contact {
  position: relative;
}
#main .sc-QA .col-contact .col-inner {
  position: sticky;
  top: 85px;
}
/* Giỏ hàng */
/* Trang giỏ hàng */
.cart-sidebar.col-inner {
  border-radius: 15px;
  padding: 10px;
  margin-top: 30px;
  background-color: #fdebf2;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents
  tr
  th {
  /* border-bottom: 1px solid #ebebeb; */
  text-align: center;
  color: black;
  font-size: 1.4rem;
  background: #f8f8f8;
  padding: 10px 0;
  font-weight: bold;
  text-transform: uppercase;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents
  tr
  th.product-subtotal {
  border-top-right-radius: 10px;
  border-right-width: 0px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents
  tr
  th.product-name {
  border-top-left-radius: 10px;
  border-left-width: 0px;
}
.woocommerce-cart-form::before {
  content: "Giỏ hàng của bạn";
  color: #000;
  font-family: "Coiny", system-ui;
  display: block;
  margin: 30px 0 15px;
	font-size: 1.8rem;
    font-weight: 600;
}
.woocommerce-cart-form .woocommerce-Price-amount.amount {
  font-weight: bold;
  display: block;
  font-size: 14px;
  color: #d31100;
}
.cart-collaterals .cart-sidebar table {
  margin-bottom: 5px;
}
.cart_totals th.product-name {
  color: black;
  text-align: center;
}
.cart-collaterals .cart-sidebar table thead th {
  color: #000;
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Coiny", system-ui;
  text-align: start;
  padding-left: 10px;
  padding-right: 10px;
 text-transform: none;
}
.cart-collaterals .cart-sidebar table.shop_table_responsive {
  background: unset;
  border-top-right-radius: unset;
  border-top-left-radius: unset;
  padding-left: 10px;
  padding-right: 10px;
}
.cart-collaterals .cart-sidebar table.shop_table_responsive th {
  color: black !important;
  font-size: unset;
  font-weight: 600;
}
table.shop_table.shop_table_responsive
  > tbody
  > tr.cart-subtotal
  > td
  > span
  > bdi {
  color: #d31100 !important;
}
.order-total span.amount, .order-total span.amount span {
  color: #d31100 !important;
  font-size: 20px;
	font-weight: 600;
}
.cart_totals .wc-proceed-to-checkout {
  margin: 0.5em 0;
  padding: 0 10px;
}
a.button.wc-forward {
  border: none;
  letter-spacing: 0;
  background: var(--fs-color-primary);
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 0 20px;
  transition-duration: 0.3s;
  border-radius: 15px;
  text-transform: none;
  width: 100%;
  line-height: 40px;
}
a.button.wc-forward:hover {
  background: var(--fs-color-success);
}
.cart-collaterals .cart-sidebar form.checkout_coupon {
  padding-left: 10px;
  padding-right: 10px;
}
.cart-collaterals .cart-sidebar form.checkout_coupon button {
  border-radius: 5px;
}
.checkout_coupon button.button.expand {
  background: var(--fs-color-primary);
  border-radius: 5px;
  margin-left: 5px;
  color: white;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
  border: 1px solid #ebebeb;
  border-radius: 10px;
  overflow: hidden;
}
.woocommerce-cart-form__cart-item.cart_item {
  height: 120px;
}
.woocommerce-cart-form__cart-item.cart_item td {
  padding: 10px 10px;
  border-top: 1px solid #ebebeb;
}
.woocommerce-cart-form__cart-item del span.amount {
  color: #111 !important;
  font-weight: 700;
  white-space: nowrap;
}
.quantity .button.minus {
  font-size: 14px;
  border: 1px solid #e5e5e5;
  color: #222;
  line-height: 26px;
  padding: 0;
  margin: 0;
  width: 28px;
  background-color: #f8f8f8;
  height: 28px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  min-height: auto;
}
#wrapper .sc-info-desc .col-info-detail .ux-quantity.quantity.buttons_added::before {
	
	content: "Số lượng";
  align-self: center;
  margin-right: 8px;
  font-weight: 600;
  color: #000;

}
.quantity input[type="number"] {
  display: inline-block;
  padding: 0;
  text-align: center;
  width: 35px;
  min-height: 28px;
  border: 1px solid #e5e5e5;
  color: #222;
  height: 28px;
  font-size: 14px;
  margin: 0;
  float: left;
  border-left: none;
  border-right: none;
}
.quantity .button.plus {
  font-size: 14px;
  border: 1px solid #e5e5e5;
  color: #222;
  line-height: 26px;
  padding: 0;
  margin: 0;
  width: 28px;
  background-color: #f8f8f8;
  height: 28px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  min-height: auto;
}
.actions.clear {
  padding: 10px 10px;
}
.continue-shopping.pull-left.text-left {
  margin-right: 20px;
  margin-left: 20px !important;
}
a.button-continue-shopping.button.primary.is-outline {
  width: 100%;
  text-align: center;
  border: none;
  line-height: 40px;
  background: var(--fs-color-success);
  color: #000;
  font-size: 1.6rem;
  padding: 0 15px;
  transition-duration: 0.3s;
  border-radius: 15px;
  text-transform: none;
}
a.button-continue-shopping.button.primary.is-outline:hover {
  color: #fff;
}
button.button.primary.mt-0.pull-left.small {
  border: 1px solid var(--fs-color-secondary);
  border-radius: 5px;
  width: 57%;
  text-align: center;
  padding-top: 1px;
  background: var(--fs-color-secondary);
}
.woocommerce-billing-fields h3 {
  text-align: center;
  background: linear-gradient(
    to right,
    var(--fs-color-secondary),
    var(--fs-color-primary)
  );
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 5px;
  color: white;
}
.woocommerce-billing-fields__field-wrapper {
  padding: 0 15px;
}
.woocommerce-billing-fields {
  border-top: unset;
  padding-top: unset;
  border: 1px solid var(--fs-color-primary);
  border-radius: 10px;
  margin-bottom: 25px;
}
/* Thanh toán thành công */
.woocommerce-order-details {
  border: 1px solid #efefef;
  border-radius: 10px;
}
h2.woocommerce-order-details__title {
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(to right, #8cc7a8, #b2d18f);
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: white;
  font-size: 20px;
}
table.woocommerce-table--order-details {
  padding-left: 10px;
  padding-right: 10px;
}
.woocommerce-order-details {
  border: 1px solid var(--fs-color-primary);
  border-radius: 10px;
}
h2.woocommerce-order-details__title {
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(
    to right,
    var(--fs-color-primary),
    var(--fs-color-secondary)
  );
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: white;
  font-size: 20px;
}
table.woocommerce-table--order-details {
  padding-left: 10px;
  padding-right: 10px;
}
.woocommerce-customer-details {
  border: 1px solid var(--fs-color-primary);
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 30px;
}
h2.woocommerce-column__title {
  text-align: center;
  text-transform: uppercase;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: linear-gradient(
    to right,
    var(--fs-color-primary),
    var(--fs-color-secondary)
  );
  padding: 10px;
  color: white;
  font-size: 20px;
}
.woocommerce-customer-details address {
  padding-left: 10px;
  padding-right: 10px;
  color: #777;
}
td.product-name a {
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4 !important;
}
.shop_table tfoot th {
  font-size: 85%;
  letter-spacing: 0;
  text-transform: inherit;
  color: #777;
}
.woocommerce-table__product-name.product-name,
.woocommerce-table__product-table.product-total {
  color: #777;
}
.woocommerce-customer-details--phone {
  margin-bottom: 1.3em;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
  font-style: normal;
  color: #000;
}
form.checkout h3 {
  font-size: 1.1em;
  font-weight: bolder;
  overflow: hidden;
  padding-top: 10px;
  text-transform: uppercase;
  font-family: Helvetica Neue, sans-serif;
}
form.checkout.woocommerce-checkout > div > div.large-5.col > div {
  border-color: var(--fs-color-primary);
}
#customer_details > div:nth-child(1) > .woocommerce-billing-fields > h3 {
  background: var(--fs-color-primary);
}
form.checkout.woocommerce-checkout button#place_order {
  background-color: var(--fs-color-primary);
  border-color: #2f71a9;
  background-clip: border-box;
  border: 1px transparent solid;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
  padding: 0.98em 1.7em;
  text-align: center;
  position: relative;
  font-size: 14px;
}
/* .woocommerce-additional-fields h3 {
  border: 1px solid #efefef;
  padding: 5px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
} */
h3#order_review_heading {
  text-align: center;
  color: black;
  font-family: Helvetica Neue, sans-serif;
}
th,
td {
  border-bottom: 0;
}
.woocommerce-checkout .cart_item .product-name {
  display: flex;
}
.woocommerce-checkout .cart_item .product-name img {
  margin-right: 15px;
  border-radius: 5px;
}
.tpspicp_cart_image {
  border-radius: 0px;
  height: 40px;
}
.woocommerce-checkout .cart_item .product-name strong.product-quantity {
  padding-left: 10px;
  align-items: center;
  display: flex;
}
.woocommerce-checkout ins span.amount {
  color: var(--fs-color-secondary) !important;
  font-weight: 700;
  white-space: nowrap;
}
/* .discount-percentage {
    color: #fff !important;
    position: relative;
    margin-left: 2px;
    background: var(--fs-color-secondary);
    padding: 0px 3px;
    border-radius: 3px;
    font-size: 0.8rem !important;
    height: 18px;
} */
.woocommerce-checkout
  #order_review
  > table
  > tfoot
  > tr.order-total
  > td
  > strong
  > span
  > bdi {
  font-weight: 700;
  white-space: nowrap;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1em;
  color: var(--fs-color-primary);
}
.order-total .woocommerce-Price-currencySymbol {
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1em;
  color: var(--fs-color-primary);
}
input {
  box-shadow: unset;
}
.checkout-sidebar button {
  border-radius: 5px;
}
.woocommerce-billing-fields {
  border-top: unset;
  padding-top: unset;
  border: 1px solid #efefef;
  border-radius: 10px;
  margin-bottom: 25px;
  border-color: var(--fs-color-primary);
}
form.checkout.woocommerce-checkout > div > div.large-5.col > div {
  border-color: var(--fs-color-primary);
}
.woocommerce-checkout .content-area.page-wrapper {
  h3 {
    text-align: center;
  }
}
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
  padding: 5px 10px;
}

.woocommerce-checkout .content-area.page-wrapper {
  .input-text {
    box-shadow: unset;
  }
}
.woocommerce-billing-fields h3 {
  text-align: center;
  background: linear-gradient(
    to right,
    var(--fs-color-secondary),
    var(--fs-color-primary)
  );
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 5px;
  color: white;
}
a.showcoupon {
  color: var(--fs-color-primary) !important;
  font-size: 0.9rem;
  padding: 5px 10px;
  font-weight: 700;
  border: 1px solid var(--fs-color-primary);
  border-radius: 5px;
  margin-left: 10px;
}
a.showcoupon:hover {
  color: white !important;
  background: var(--fs-color-primary);
}
.has-border {
  border-color: var(--fs-color-primary);
}
.cart-container thead th.product-name {
  border-left-width: 0px;
}
.cart-container thead th.product-subtotal {
  border-left-width: 0px;
}
.pd_left-4 {
  padding-left: 40px;
}
.mg_left-4 {
  margin-left: 40px;
}
.flickity-page-dots {
	position: unset;
}
.has-hover:hover .image-zoom img {
	transform: scale(1.025);
}

/* Trang chủ */
.sc-summary {
  padding: 30px 0;
}
#main .sc-summary image {
  position: relative;
  z-index: 1;
}
.sc-summary .img .img-inner {
  position: relative;
  overflow: visible;
}
.sc-summary .text h2 strong {
	color: var(--fs-color-primary);
}
.sc-summary .col-summary-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
#main .sc-summary .col-summary-right {
  padding: 110px 0px;
}
#main .sc-summary .col-summary-right .text p b {
	color: #5b5252;
}
#main .sc-summary .img-above img,
.img-under img {
  max-width: 64px;
}
.sc-summary .img-above img {
  position: absolute;
  top: -80px;
  left: 0px;
  transform: rotate(25deg);
}
.sc-summary .img-under img {
  position: absolute;
  top: -140px;
  left: 70px;
}
#wrapper .sc-summary .col-inner a.button {
  margin-top: 20px;
    font-size: 1.6rem;
    font-weight: 600;
}

.sc-flsale .col-flsale {
  padding: 15px 20px 10px;
  background: linear-gradient(var(--fs-color-primary) 0%, var(--fs-color-primary));
  border-radius: 10px;
}
.sc-flsale .col-flsale .row-flsale-top {
	align-items: baseline;
	margin-bottom: 15px;
}
.sc-flsale .icon-box-img img {
	padding-top: 0;
}
.sc-flsale .ux-timer {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
}
.sc-flsale .ux-timer span {
  background-color: var(--fs-color-primary);
  border: 2px solid #fff;
	width: 75px;
	border-radius: 45px;
	display: flex;
	flex-wrap: nowrap;
	max-width: 9%;
	justify-content: center;
	align-items: center;
	padding: 7.5px 2px;
	margin-left: 3px;
	font-size: 15px;
}
.sc-flsale .ux-timer span:nth-child(1),
.sc-flsale .ux-timer span strong,
#main .blog-wrapper.blog-single.page-wrapper #comments {
	display: none;
}
.sc-flsale .ux-timer span:nth-child(2) {
	padding: 7.5px 8px;
	max-width: 20%;
}
.sc-flsale .ux-timer span:nth-child(2) strong {
	display: inline-block;
	    font-size: 15px;
	opacity: 1;
	margin-left: 5px;
	text-transform: capitalize;
	font-weight: lighter;
}
.sc-flsale .time_box .title a:hover {
  color: var(--fs-color-alert);
}
.row-slider .flickity-page-dots .dot {
	    background-color: #fff;
    border: 1px solid #000;
}
.row-slider .flickity-page-dots .dot.is-selected {
	    background-color: var(--fs-color-primary);
    border: none;
}
.sc-flsale,
.sc-discount {
  box-sizing: border-box;
}
.sc-discount .relative {
}
.sc-discount .row-discount {
  transform: translate3d(0px, 0px, 0px);
  flex-wrap: nowrap;
  gap: 10px;
}
.sc-discount .row .col .col-inner .title-discount p {
  font-weight: 700;
}
.sc-discount .row .col .col-inner .title-discount p::after {
  content: "\f05a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: var(--fs-color-primary);
  position: absolute;
  right: 0;
  top: -5px;
  font-size: 1.8rem;
  box-sizing: border-box;
}
.sc-discount .row .col .col-inner .title-discount p:hover::after {
  color: var(--fs-color-success);
  cursor: pointer;
  box-sizing: border-box;
}
.sc-discount .row-each-product {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
}
.sc-discount .row-each-product .col {
  background: var(--fs-color-secondary); 
  border-radius: 8px;
}
.sc-discount .row-each-product .col-image {
  display: flex;
  align-items: center;
}
.sc-discount .row-each-product .col-image .img {
  margin: auto;
}
.sc-discount .row-each-product .col-content .row > col {
  padding: 0 7px;
}
.sc-discount .row-each-product .col-content .content-top {
  color: #000;
  font-weight: 700;
}
.sc-discount .row-each-product .col-content .content-top > .col {
  padding: 7px 7px 0;
}
.sc-discount .row-each-product .col-content .content-top .info-discount {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  line-height: 1.4 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
  font-size: 1.2rem;
  color: #444;
  font-weight: 500;
}
.sc-discount .row-each-product .col-content .content-top .info-discount-1 {
  -webkit-line-clamp: 1;
  height: calc(1em * 1.4 * 1);
}
.sc-discount .col-content .content-top .info-discount p {
  font-size: 1.2rem;
  color: #444;
  font-weight: 500;
}
.sc-discount .row-each-product .col-content .content-bottom .col-bottom {
  padding: 3px 7px 7px;
}
.sc-discount .row-each-product .col-content .content-bottom .col-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sc-discount .row-each-product .col-content .content-bottom p {
  font-size: 1rem;
  font-weight: 500;
  color: #666;
}
.sc-discount .row-each-product .col-content .content-bottom .btn-get span {
  position: relative;
  display: inline-block;
  color: #fff;
  background: var(--fs-color-primary);
  padding: 2px 8px;
  margin-left: 0px;
  min-width: 70px;
  text-align: center;
  cursor: pointer;
  font-size: 1.1rem;
  border-radius: 8px;
}
.sc-discount
  .row-each-product
  .col-content
  .content-bottom
  .btn-get
  span:hover {
  background: var(--fs-color-success);
}
#wrapper .category-page-row .sc-discount {
	padding-top: 5px;
	    padding-bottom: 20px;
}

#wrapper .sc-protein .tab-css > .nav {
	border-bottom: 1px solid var(--fs-color-primary);
}

#main .nav-line-bottom > li > a:before {
  height: 4px;
  border-radius: 4px;
}

.sc-small-banners a {
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
#wrapper .section.sc-small-banners .section-content .col.col-banner-left {
	padding-right: 10px;
}
#wrapper .section.sc-small-banners .section-content .col-banner-right {
	padding-left: 10px;
}

.sc-cate-spotlight .box-badge .box-text {
  background: none;
  bottom: 5%;
}
.sc-cate-spotlight .box-badge:hover h5 {
  color: #000;
}
.sc-cate-spotlight .col-inner .box-image .shade {
  background: none;
}
.sc-cate-spotlight .col-inner .box-text {
  text-shadow: none;
}
.sc-cate-spotlight .col-inner .box-text h5 {
	font-size: 1.6rem;
	font-weight: 600;
	position: absolute;
	bottom: 15px;
	left: 0px;
  	font-family: "Montserrat", sans-serif;
  	text-transform: none;
}
.sc-cate-spotlight .col-inner:hover h5 {
  color: #000;
}
#wrapper .sc-cate-banner, #wrapper .sc-cate-for-product {
	padding-top: 0;
	padding-left: 15px;
	padding-right: 15px;
}
#wrapper .sc-cate-banner .row-banners .col-banners img {
	border-radius: 10px;
}
.single-product .price-wrapper .price {
    display: inline-grid !important;
}
#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner {
	    background-color: #cedec3;
    padding: 14px;
    border-radius: 10px;
	border-width: 1px;
	    display: flex;
    justify-content: space-between;
}
#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner a {
    padding: 0 15px;
}
#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner a.button {
	margin-bottom: 0;
}
#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner a span {
	    font-weight: 600;
    line-height: 1.7;
	color: #000;
}
#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner a:hover span {
	color: #fff;
}

.sc-bst .text h3 {
  margin-bottom: 0;
}
.sc-bst .text p a {
  text-decoration: underline;
}
.sc-bst .text h3 strong {
	line-height: 1.3;
    font-size: 2.2rem;
}
.sc-bst .img .img-inner {
    margin-bottom: 15px;
    display: block;
    position: relative;
    border-radius: 15px;
}

#wrapper .sc-feedback .row-fback {
	gap: 2%
}
#wrapper .sc-feedback .col-fback {
        flex-basis: 32%;
    max-width: 32%;
    box-sizing: border-box;
}
#wrapper .sc-feedback .box.box-text-bottom .box-image {
    width: 84px;
    border-radius: 50%;
    z-index: 1;
}
#wrapper .sc-feedback .box.box-text-bottom .box-text .row.info-fback {
    background: #fff;
    margin-top: -40px;
    border-radius: 15px;
    position: relative;
}
#wrapper .sc-feedback .box.box-text-bottom .box-text .row.info-fback .text {
	padding: 50px 20px 0;
}
#wrapper .sc-feedback .box.box-text-bottom .box-text .row.info-fback .text > p:nth-child(3) {
	font-size: 1.6rem;
}
#wrapper .sc-feedback .box.box-text-bottom .box-text .row.info-fback i.fa-solid {
    position: absolute;
    bottom: 3%;
    right: 5%;
    font-size: 45px;
    color: var(--fs-color-primary);
}

#wrapper .sc-news .has-hover:hover .image-zoom img {
	transform: scale(1.1);
} 
#main .sc-news .box-image {
	border-radius: 10px 10px 0px 0px;
}
#main .sc-news .text-link-black a:hover {
  color: #ea6182;
}
#main .sc-news .row .box-text {
  background-color: var(--fs-color-secondary);
  padding: 20px;
  border-radius: 0px 0px 10px 10px;
}
#main .sc-news .row .box-text h5 a {
  font-weight: 600;
}
#main .sc-news .flickity-viewport {
	margin-top: 20px;
}
#main .sc-news .text.text-news-right a {
	    color: var(--fs-color-primary);
    font-size: 1.4rem;
    font-weight: 500;
}
#main .sc-news .text.text-news-right a:hover {
	    color: var(--fs-color-success);
}
#main .sc-news .row .box-text h5 a,
.sc-news .row .box-text .from_the_blog_excerpt {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 22px;
}
#main .sc-news .row .box-text .post-meta {
  margin: 7px 0;
  font-size: 12px;
  font-style: italic;
}
#main .sc-news .row .box-text .post-meta::before {
  content: "Đang bởi: Bùi Minh Nhật";
  margin-right: 30px;
  font-style: normal;
}

#main .sc-topic{
	padding: 0;
}
#main .sc-topic .col-1 > .col-inner{
	border-color: #fff;
}
#main .sc-topic .row-topic .col-topic > .col-inner {
  position: relative;
  gap: 15px;
  grid-template-columns: repeat(5, 1fr);
  display: grid;
  justify-content: start;
}
#main .sc-topic .row-topic .col-topic .col-inner .icon-box-text {
  padding-left: 5px;
  font-size: 1.2rem;
}
#main .sc-topic .row-topic .col-topic .col-inner .col-inner {
  height: 60px;
  padding: 0px 15px;
  text-align: left;
  border-radius: 30px;
  border: 1px solid;
  line-height: 12px;
  display: flex;
  align-items: center;
  position: relative;
}
#main .sc-topic .row-topic .col-topic .col-inner  .col-1 .col-inner  {
	border-color: #E3FFD8;
}
#main .sc-topic .row-topic .col-topic .col-inner  .col-2 .col-inner  {
	border-color:#FF9800;
}
#main .sc-topic .row-topic .col-topic .col-inner .col-3 .col-inner  {
	border-color: #FFF6BD;
}
#main .sc-topic .row-topic .col-topic .col-inner .col-4 .col-inner  {
	border-color: #D9F7F7;
}
#main .sc-topic .row-topic .col-topic .col-inner .col-5 .col-inner  {
	border-color: #f5e688;
}
#main .sc-topic .row-topic .col-topic .col-inner .col-inner:hover {
  cursor: pointer;
}
#main .sc-topic .row-topic .col-topic .col-inner .col-inner .text-link-black a {
  line-height: 18px;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#main
  .sc-topic
  .row-topic
  .col-topic
  .col-inner
  .col-inner:hover
  .text-link-black
  a {
  color: #ea6182;
}
#main .sc-topic .row-topic .col-topic .col-inner .col-inner p span {
  font-size: 1.2rem;
}
#wrapper .sc-topic .icon-box-left .icon-box-img {
  width: 36px !important;
}
.custom-text-filters {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.custom-text-filters a {
  text-decoration: none;
  color: #0073aa;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px;
  transition: all 0.3s;
}

.custom-text-filters a:hover {
  color: #005177;
  text-decoration: underline;
}

.custom-text-filters a.active {
  color: white;
  background-color: #0073aa;
  text-decoration: none;
}

/* Danh mục */
.all-title-order {
  display: none !important;
}
.show-more.initialized {
  display: none !important;
}
.shop-page-title.category-page-title.page-title {
  display: none !important;
}
#shop-sidebar.sidebar-inner.col-inner {
  position: sticky;
  top: 90px;
}
#shop-sidebar form .yith-wcan-filter h4 {
  scroll-snap-align: start;
}
#shop-sidebar form .yith-wcan-filter a {
font-size: 14px;
    color: #282828;
    font-weight: 400;
}
#shop-sidebar form .yith-wcan-filter .filter-content ul {
  scroll-snap-type: y mandatory;
  max-width: 400px;
  height: 205px;
  overflow-y: auto;
  margin-left: auto;
  margin-right: auto;
  scroll-padding: 2rem;
}
#shop-sidebar form .yith-wcan-filter .filter-content ul::-webkit-scrollbar {
  width: 5px;
  background-color: #f2f2f2;
}
#shop-sidebar
  form
  .yith-wcan-filter
  .filter-content
  ul::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: var(--fs-color-primary);
}
#shop-sidebar
  form
  .yith-wcan-filter
  .filter-content
  ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #f2f2f2;
}

.filter-container {
  margin-bottom: 15px;
}
.filter-container .custom-sorting {
  font-size: 1.4rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  align-items: center;
}
.filter-container .custom-sorting button {
  margin: 0;
  padding: 0 20px 0 0;
  text-transform: none;
  font-weight: 600;
}
.filter-container .custom-sorting button.active,
.filter-container .custom-sorting button:hover {
  color: var(--fs-color-primary);
}
.filter-container .custom-sorting .custom-sorting-label {
  font-weight: 700;
  color: #000;
}
.yith-wcan-filter {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.row.category-page-row {
  padding: 0px;
}

/* Chinh sach thanh vien */
#wrapper .sc-cs .content-page p {
  margin: 0 0 15px 0;
  line-height: 1.7;
}
#wrapper .sc-cs .title-head a {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 2rem;
  text-transform: uppercase;
}

#main .sc-top-system .text-top span.num {
  font-size: 30px;
    line-height: 34px;
    font-weight: 500;
    display: block;
}
#main .sc-top-system .text-top span.title {
  margin-bottom: 0;
  text-transform: capitalize;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 300;
}
.sc-system .row.row-text > .col {
  padding: 5px 10px;
  line-height: 24px;
  cursor: pointer;
  margin: 0 0px 10px 0;
  border-radius: 8px;
  background-color: #fff;
  border: 2px solid #ea6182;
}
.sc-system .row.row-text > .col:hover {
  background: #ea6182;
  color: #fff;
  border: 2px solid #ea6182;
}
.sc-system .row.row-text .text .name-cuahang {
  color: #c8103d;
  font-weight: 700;
	    display: flex;
    justify-content: space-between;
	align-items: center;
}
.sc-system .row.row-text .text .name-cuahang .button {
	    margin: 0;
    border-radius: 15px;
}
.sc-system .row.row-text .text .name-cuahang .button:hover {
	background: var(--fs-color-success);
	box-shadow: unset;
}
.sc-system .row.row-text .text .name-cuahang .button span {
    color: white;
	text-transform: none;
}
.sc-system .row.row-text .text .name-cuahang .button span::before {
	font-family: "Font Awesome 6 Free";
    content: "\f3c5";
    font-weight: 900;
    margin-right: 5px;
}
.sc-system .row.row-text .col:hover span,
#main .sc-system .row.row-text .col:hover span a {
  color: #fff;
}
.sc-system .col-left-system {
  border-radius: 8px;
  height: 100%;
  background: #c8103d;
}
.sc-system .col-left-system .text-link-pink {
	line-height: 24px;
}
.sc-system .col-left-system > .col-inner {
  padding: 10px;
}

.shop-container .nav-pagination > li > a,
.nav-pagination > li > span {
  border-radius: 5px;
  border-color: var(--fs-color-primary);
}
.shop-container ul.links li a {
  color: var(--fs-color-primary);
}
#wrapper .nav-pagination > li > .current,
#wrapper .nav-pagination > li > a:hover,
#wrapper .nav-pagination > li > span:hover {
  color: #fff;
}

#wrapper .content-toggle .text {
  max-height: 300px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
  position: relative;
}
#wrapper .content-toggle .text::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 25px;
  background: linear-gradient(#ffffff00, #fff);
}
#wrapper .content-toggle .text.expanded {
  max-height: none;
}
#wrapper .content-toggle .text.expanded::after {
  top: auto;
}
#wrapper .content-toggle .btn-expand {
  display: inline-block;
  padding: 5px 15px;
  color: #000;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  border: 1px solid #000;
  border-radius: 15px;
}
#wrapper .content-toggle .btn-expand:hover {
  background-color: var(--fs-color-success);
  border: 1px solid var(--fs-color-success);
}

#wrapper .sc-content-product .text-content h2,
#wrapper .sc-content-product .text-content h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
#wrapper .sc-content-product .text-content h2 {
  font-size: 2rem;
}
#wrapper .sc-content-product .text-content h3 {
  font-size: 1.75rem;
}
#wrapper .sc-content-product .text-content p {
  margin: 0 0 15px 0;
}

#wrapper .sc-content-product .btn-expand a {
  display: inline-block;
  padding: 5px 15px;
  color: #000;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  border: 1px solid #000;
  border-radius: 15px;
}
#wrapper .sc-content-product .btn-expand a:hover {
  background-color: var(--fs-color-success);
  border: 1px solid var(--fs-color-success);
}

#wrapper a.back-to-top {
  background-color: #ffe9fd;
  border: none;
  color: var(--fs-color-primary);
  bottom: 25%;
}
#wrapper a.back-to-top:hover {
  background-color: var(--fs-color-primary);
  color: #fff;
}

.product-images.relative .woocommerce-product-gallery__image img {
  border-radius: 10px;
}
.product-thumbnails.thumbnails .flickity-slider {
  display: flex;
  justify-content: flex-start;
}
.product-thumbnails.thumbnails .flickity-slider .col {
  position: static;
}
.row .col .product-title-container h1 {
  font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 2.5rem;
  margin: 0px 0px 5px;
  line-height: 1.4;
  font-weight: 700;
  color: #000;
}
.row .col .row-attribute {
  padding: 0 0 12px 0;
  margin: 0 0 12px 0;
  border-bottom: 1px solid #dde1ef;
}
.row .col .row-attribute > .col {
  padding: 0;
}
.row .col .row-attribute .list {
  color: var(--fs-color-primary);
  padding-right: 15px;
}
.row .col .row-attribute div,
.row .col .row-attribute span {
  font-size: 1.4rem;
  color: #000;
}
.row .col .row-attribute .status {
  border-left: 1px solid;
  padding-left: 15px;
}
/* 
.ux-quantity.quantity.buttons_added::before {
  content: "Số lượng:";
  align-self: center;
  margin-right: 8px;
  font-weight: 600;
  color: #000;
} */

#wrapper .product-price-container {
  padding-bottom: 10px;
}
#wrapper .product-price-container .price-wrapper .price {
  flex-direction: unset;
}
#wrapper .product-price-container .price-wrapper .price del {
  order: 2;
  padding-top: 7px;
}
#wrapper .product-price-container .price-wrapper .price ins {
  order: 1;
}
#wrapper .product-price-container .price-wrapper .price ins span, #wrapper .product-price-container .price bdi {
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1.7;
}
#wrapper .product-price-container .price-wrapper .price del bdi {
  line-height: 1.7;
  font-size: 1.6rem;
  margin-left: 10px;
	font-weight: normal;
}
#wrapper .product-price-container .price-wrapper .price .discount-percent {
  left: 15px;
  min-width: 20px;
  background: rgb(177, 17, 17);
  border-radius: 5px;
}
#wrapper .product-price-container .discount-percent::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translate(0%, -50%);
  border-right: 6px solid rgb(177, 17, 17);
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
}
#wrapper
  .add-to-cart-container
  .ux-quantity__button.ux-quantity__button--minus {
  border-radius: 8px 0 0 8px;
  background-color: rgb(221, 221, 221);
}
#wrapper .add-to-cart-container .ux-quantity__button.ux-quantity__button--plus {
  border-radius: 0 8px 8px 0;
  background-color: rgb(221, 221, 221);
}
#wrapper .add-to-cart-container .quantity input[type="number"] {
  max-width: 4.5em;
}
#wrapper .woocommerce-variation-add-to-cart,
form.cart {
  /* display: block; */
}
#wrapper .single_add_to_cart_button {
  line-height: 40px;
  background-color: var(--fs-color-success);
  color: #000;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 0 15px;
  transition-duration: 0.3s;
  border-radius: 15px;
}
#wrapper .single_add_to_cart_button:hover {
  background-color: var(--fs-color-primary);
  color: #fff;
  box-shadow: none;
}
#wrapper .col-info-detail .cart-buttons {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
}
#wrapper .col-info-detail .cart-buttons .button.alt {
  text-transform: capitalize;
  width: 50%;
  padding: 0px 24px;
  margin-right: 0;
}

#wrapper #buy-now-button {
  line-height: 40px;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
  transition-duration: 0.3s;
  padding: 0 24px;
  background-color: var(--fs-color-primary);
  border-radius: 15px;
}
#wrapper #buy-now-button:hover {
  background-color: var(--fs-color-success);
  color: #000;
  box-shadow: none;
}
#wrapper .sc-info-desc .social-icons.share-icons.share-row.relative::before {
  content: "Chia sẻ"; /* Unicode của icon 'fa-circle-nodes' */
  font-weight: 900; /* FontAwesome solid */
  color: #ff4500; /* Màu tùy chỉnh */
  margin-right: 10px;
}
#wrapper .social-icons.share-icons.share-row.relative::before::before {
  content: "\f1e0"; /*Unicode của 'fa-circle-nodes'*/
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 10px;
}
#wrapper .social-icons.share-icons.share-row.relative a {
  width: 24px;
  height: 24px;
  border-radius: 20px !important;
  margin: auto 5px;
  background-color: var(--fs-color-primary);
  border: none;
  box-shadow: none;
  color: #fff;
}
#wrapper .social-icons.share-icons.share-row.relative a:hover {
  background-color: #ea6182 !important;
}
#wrapper .social-icons.share-icons.share-row.relative a i {
  width: 16px;
  height: 16px;
}
#wrapper .col-gallery > .col-inner {
  position: sticky;
  top: 80px;
}

#wrapper .has-icon-bg .icon img {
  left: 10%;
  margin: 0;
  width: 80%;
}
#wrapper div.icon-box-text.last-reset > p.name_title {
  font-size: 1.8rem;
  font-weight: 600;
}
#wrapper div.icon-box-text.last-reset > p.text.m-0 {
  font-size: 1.2rem;
}
#wrapper .row-above {
  display: none;
}
/* #wrapper .col-above > div > a {
  width: 100%;
  font-size: 14px;
}
#wrapper .col-above > div > a.btn-above-brand {
  margin-top: 40px;
  margin-bottom: 5px;
  border: 1px solid var(--fs-color-primary);
  text-transform: none;
}
#wrapper .col-above > div > a.btn-above-brand:hover {
  background-color: var(--fs-color-primary);
  color: #fff;
}
#wrapper .col-above > div.col-inner {
  color: #000;
  border-radius: 15px;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #fdebf2;
}
#wrapper .col-above .has-icon-bg .icon .icon-inner {
  background-color: #fff;
  border: none;
}
#wrapper .col-above > div > a.btn-bot-brand {
  border: 1px solid #fff;
  color: #000;
  background-color: #fff;
  text-transform: none;
}
#wrapper .col-above > div > a.btn-bot-brand:hover {
  background-color: var(--fs-color-success);
} */

#wrapper .row-viewmore {
  display: none;
}
/* #wrapper .col-viewmore .col-img .col-inner {
  width: 70px;
}
#wrapper .col-viewmore > .col-inner h3 {
  color: rgb(0, 0, 0);
  font-size: 1.6rem;
  font-weight: 600;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#wrapper .col-viewmore .col-2more {
  border-radius: 5px;
  background: #f6f6f6;
  color: #000;
  font-weight: 600;
  display: flex;
  font-size: 1.4rem;
  justify-content: center;
  align-items: center;
  padding: 5px;
  margin-left: 17px;
  flex-basis: 10.333333%;
  max-width: 10.333333%;
}
#wrapper .col-viewmore .col-more {
  olor: #000;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: underline;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 15px;
}
#wrapper .col-viewmore:hover .col-more,
#wrapper .col-viewmore:hover .col-more a {
  color: var(--fs-color-primary);
}
#wrapper .col-viewmore > .col-inner {
  padding: 10px;
  border-width: 1px 1px 1px 3px;
  border-style: solid;
  border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(222, 226, 230)
    var(--fs-color-primary);
  border-image: initial;
  border-radius: 15px;
  cursor: pointer;
} */
#wrapper .col-jus-pro .row-discount {
  flex-direction: column;
}
#wrapper .col-jus-pro .col-discount {
  flex-basis: 100%;
  max-width: 100%;
}
#wrapper .col-jus-pro .sc-discount .row-each-product .col {
  background-color: #fff;
}
#wrapper .sc-info-desc .col-jus-pro > .col-inner {
  display: block;
  margin-top: 15px;
  background: rgb(255, 255, 255);
  border-radius: 15px;
  padding: 10px;
  border: 1px solid var(--fs-color-primary);
}
#wrapper .col-jus-pro .sc-discount {
  padding: 0;
}
#wrapper .col-jus-pro .col-discount > .col-inner {
  padding: 0 15px;
}
#wrapper .col-jus-pro .col-discount .col-inner > .row-each-product {
  filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 0px 3px);
  background: rgb(255, 255, 255);
  border-radius: 8px;
}
#wrapper .col-jus-pro > .col-inner .text-discount {
  color: var(--fs-color-primary);
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: 10px;
  margin-top: -25px;
  max-width: 195px;
  margin-left: 10px;
  background: rgb(255, 255, 255);
  border-radius: 15px;
  border: 1px solid;
  padding: 0px 10px;
}
#wrapper .col-jus-pro > .col-inner .text-discount p::before {
  content: "";
  display: inline-block;
  width: 20px; /* Điều chỉnh kích thước theo nhu cầu */
  height: 20px;
  background-image: url("https://bizweb.dktcdn.net/100/509/495/themes/943203/assets/code_dis.gif?1726468165404");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 5px; /* Khoảng cách giữa ảnh và văn bản */
  vertical-align: -3px; /* Căn giữa với chữ */
}
#wrapper .col-jus-pro > .col-inner .text-discount-under {
  font-size: 1.4rem;
  line-height: 18px;
  margin-top: 10px;
}
#wrapper .sc-detail-description .row-detail .col > .col-inner {
  border: 1px solid #dee2e6;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 25px;
  color: #000;
}
#wrapper
  .sc-detail-description
  .row-detail
  > .col
  > .col-inner
  > .text
  > ul:first-child {
  margin: 0;
  list-style: none;
  display: flex;
  padding: 0;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 15px;
}
#wrapper
  .sc-detail-description
  .row-detail
  > .col
  > .col-inner
  > .text
  > ul:first-child
  li {
  margin-left: 0;
}
#wrapper
  .sc-detail-description
  .row-detail
  > .col
  > .col-inner
  > .text
  > ul:first-child
  li
  h3,
#wrapper .sc-detail-description .col .col-inner ul li {
  margin-bottom: 0;
  color: #000;
}
#wrapper .sc-detail-description .row-detail .col-inner p {
  margin-bottom: 15px;
}
#wrapper .sc-detail-description .row-detail .col-inner p > a {
  color: red;
}
#wrapper .sc-same-price a.button {
  position: relative;
  left: 45%;
  line-height: 40px;
  background: var(--fs-color-success);
  color: #000;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 0 15px;
  transition-duration: 0.3s;
  border-radius: 15px;
}
#wrapper .sc-same-price a.button:hover {
  background-color: var(--fs-color-primary);
  color: #fff;
  box-shadow: none;
}

#wrapper .blog-wrapper.blog-archive.page-wrapper {
  padding-top: 0;
	padding-bottom: 0;
}
#wrapper .col-blog-left > .col-inner > .row > .col {
  padding: 0;
}
#wrapper .col-blog-left > .col-inner > .row > .col .box-image .image-cover {
  padding-top: 56.25%;
  border-radius: 10px;
  height: 300px;
}
#wrapper .col-blog-left > .col-inner > .row > .col .box-image .image-cover a {
  overflow: hidden;
  height: auto;
}
#wrapper
  .col-blog-left
  > .col-inner
  > .row
  > .col
  .box-image
  .image-cover
  a
  img {
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.3s ease-in-out all;
  will-change: opacify;
  border-radius: 10px;
}
#wrapper
  .col-blog-left
  > .col-inner
  > .row
  > .col
  .box-image
  .image-cover
  .overlay {
  background-color: unset;
}
#wrapper .col-blog-left > .col-inner > .row > .col .box-text {
  padding: 5px;
  text-shadow: none;
}
#wrapper
  .col-blog-left
  > .col-inner
  > .row
  > .col
  .box-text
  .box-text-inner.blog-post-inner
  h5
  a {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  line-height: 24px;
  margin: 0;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
	padding: 10px;
}
#wrapper
  .col-blog-left
  > .col-inner
  > .row
  > .col
  .box-text
  .box-text-inner.blog-post-inner
  h5:hover
  a {
  color: var(--fs-color-success);
  text-shadow: none;
}
#wrapper .sc-blog {
	padding-top: 0;
}
.col.post-item {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 7px;
  padding-top: 7px;
}
#wrapper .sc-blog .section.has-block.tooltipstered {
	padding: 20px;
}
#wrapper .blog-wrapper.blog-archive.page-wrapper .col.post-item, #wrapper .section.delete-pb.sc-blog-all .col.post-item, 
#wrapper .blog-archive .row.row-large .row.large-columns-4.small-columns-1 .col.post-item{
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 7px;
  padding-top: 7px;
}
#wrapper .col-3-rows .col.post-item .col-inner .box-image .image-cover {
  padding-top: 0 !important;
  width: 140px;
  margin-right: 5px;
  border-radius: 5px;
  overflow: hidden;
}
#wrapper .col-3-rows .col.post-item .col-inner .box-image .image-cover a {
  padding-bottom: 65%;
  overflow: hidden;
  /* height: auto; */
  display: block;
  position: relative;
  border-radius: 10px;
}
#wrapper #main .sc-sidebar .col.post-item .col-inner .box-image .image-cover a img, 
#wrapper .sc-blog-all .col.post-item .col-inner .box-image .image-cover a img {
/*   max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  will-change: opacify; */
  width: auto !important;
  margin: 0;
  transition: 0.3s ease-in-out all;
  border-radius: 10px;
}
#wrapper .blog-wrapper.blog-archive.page-wrapper .col.post-item .col-inner .box-image .image-cover a img {
	border-radius: 10px 10px 0 0;
}

#wrapper .blog-wrapper.blog-archive.page-wrapper .sc-topic .col-topic,
#wrapper .sc-blog-all .sc-topic .col-topic {
  padding: 0;
}
#wrapper
  .blog-wrapper.blog-archive.page-wrapper
  .sc-topic
  .col-topic
  > .col-inner,
#wrapper
  .sc-blog
  .sc-topic
  .col-topic
  > .col-inner {
  scroll-snap-type: x proximity;
  display: flex;
  overflow-x: auto;
}
#wrapper .blog-wrapper.blog-archive.page-wrapper .sc-topic .col-topic > .col-inner > div,
#wrapper .sc-blog .sc-topic .col-topic > .col-inner > div {
  scroll-snap-align: center;
  flex: none;
}
#wrapper .blog-wrapper.blog-archive.page-wrapper .col.post-item .col-inner .box-text,
#wrapper .sc-blog .col.post-item .col-inner .box-text {
  padding: 0 5px 5px;
  vertical-align: top;
}
#wrapper .col.post-item .col-inner .box-text h5.post-title {
  font-size: 14px;
  margin: 0;
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}
#wrapper .col.post-item .col-inner .box-text h5.post-title a {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
/* #wrapper .col.post-item .col-inner .box-text h5.post-title:hover a {
  color: #ea6182;
} */
#wrapper .blog-wrapper.blog-archive.page-wrapper .col.post-item .col-inner .box-text div.post-meta,
#wrapper .sc-blog .row-cate-blog-1 .col.post-item .col-inner .box-text div.post-meta{
  font-size: 13px;
  font-style: italic;
}
#wrapper .sc-blog .row-cate-blog-1 .col.post-item .col-inner .box-text div.post-meta::before {
	content: "Ngày đăng: ";
}
#wrapper .post-sidebar .sc-sidebar, #wrapper .sc-blog .sc-sidebar {
  padding-left: 0;
  padding-right: 0;
}
#wrapper .post-sidebar .widget_categories, #wrapper .sc-blog .widget_categories {
  border: 1px solid #dee2e6;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 30px;
}
#wrapper .post-sidebar .sc-sidebar .row-cate-news .widget_categories,
#wrapper .post-sidebar .sc-sidebar .row-spotlight-news .col-spotlight-news,
#wrapper .sc-blog .sc-sidebar .row-cate-news .widget_categories,
#wrapper .sc-blog .sc-sidebar .row-spotlight-news .col-spotlight-news {
  padding: 0;
}
#wrapper .post-sidebar .sc-sidebar .row-cate-news .widget_categories h2.title-head,
#wrapper
  .post-sidebar
  .sc-sidebar
  .row-spotlight-news
  .col-spotlight-news
  h2.h2_sidebar_blog, 
#wrapper .sc-blog .sc-sidebar .row-cate-news .widget_categories h2.title-head,
#wrapper
  .sc-blog
  .sc-sidebar
  .row-spotlight-news
  .col-spotlight-news
  h2.h2_sidebar_blog
{
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0px 0px 8px;
  font-family: "Coiny", system-ui;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 10px;
  line-height: 1.4;
  color: #000;
}
#wrapper .post-sidebar .sc-sidebar .row-cate-news .widget_categories nav li,
#wrapper .sc-blog .sc-sidebar .row-cate-news .widget_categories nav li {
  margin-left: 0;
  margin-bottom: 0;
}
#wrapper
  .post-sidebar
  .sc-sidebar
  .row-cate-news
  .widget_categories
  nav
  li:hover
  a, 
#wrapper
  .sc-blog
  .sc-sidebar
  .row-cate-news
  .widget_categories
  nav
  li:hover
  a {
  color: var(--fs-color-success);
}
#wrapper .post-sidebar .sc-sidebar .row-cate-news .widget_categories nav ul, #wrapper .sc-blog .sc-sidebar .row-cate-news .widget_categories nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#wrapper
  .post-sidebar
  .sc-sidebar
  .row-cate-news
  .widget_categories
  nav
  a.nav-link,
#wrapper
  .sc-blog
  .sc-sidebar
  .row-cate-news
  .widget_categories
  nav
  a.nav-link {
  color: #000;
  display: block;
  padding: 3px 0;
}
#wrapper .post-sidebar .sc-sidebar .row-spotlight-news, #wrapper .sc-blog .sc-sidebar .row-spotlight-news {
  border: 1px solid #dee2e6;
  border-radius: 15px;
  padding: 15px;
}
#wrapper
  .post-sidebar
  .sc-sidebar
  .row-spotlight-news
  .col-spotlight-news
  h2.h2_sidebar_blog
  a, 
#wrapper
  .sc-blog
  .sc-sidebar
  .row-spotlight-news
  .col-spotlight-news
  h2.h2_sidebar_blog
  a {
  color: #000;
}
#wrapper .post-sidebar .sc-sidebar .row-spotlight-news .col-spotlight-news h2.h2_sidebar_blog a:hover,
#wrapper .sc-blog .sc-sidebar .row-spotlight-news .col-spotlight-news h2.h2_sidebar_blog a:hover {
  color: #ea6182;
}

#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(1),
#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(2) {
    min-width: 49%; /* 2 cột cho hàng đầu tiên */
    float: left;
    margin-right: 2%;
}

#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(3),
#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(4),
#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(5) {
    min-width: 32%; /* 3 cột cho hàng thứ hai */
    float: left;
    margin-right: 2%;
}
#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(3) {
	margin-right: 3%;
}
#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(4) {
	margin-right: 1%;
}
#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(1),
#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(3) {
	padding-right: 0;
}
#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(2),
#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(4),
#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(5) {
	padding-left: 0;
}
#wrapper .sc-blog .row-cate-blog-1 {
	padding: 15px 0;
    background-color: #fdebf2;
    border-radius: 15px;
    margin: 30px 0;
	position: relative;
}
#wrapper .sc-blog .row-cate-blog-1 .text-blog-viewmore {
	position: absolute;
    right: 0;
}
#wrapper .sc-blog .row-cate-blog-1 .text a, #wrapper .sc-blog .row-cate-blog-1 .text h2 {
	color: var(--fs-color-primary);
}
#wrapper .sc-blog .row-cate-blog-1 .text h2 {
	font-size: 2.4rem;
}
#wrapper .sc-blog .row-cate-blog-1 .text a {
	font-size: 1.4rem;
	font-weight: 600;
}
#wrapper .sc-blog .row-cate-blog-1 .text a:hover {
	color: var(--fs-color-success);
	font-size: 1.4rem;
	font-weight: 600;
}
#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(2),
#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(5) {
    margin-right: 0; /* Bỏ margin ở cột cuối cùng của mỗi hàng */
}
#wrapper .sc-blog .col.post-item .box-blog-post .box-image {
	overflow: hidden;
    border-radius: 10px 10px 0px 0px;
    background-color: #fff;
}
#wrapper .row-cate-blog-1 .col.post-item .box-blog-post .box-text {
	padding: 20px;
    background-color: #fff;
    border-radius: 0px 0px 10px 10px;
}
#wrapper .row-cate-blog-1 .sc-blog .col.post-item .box-blog-post .box-text h5 {
	margin-bottom: 7px;
}
#wrapper .row-cate-blog-1 .col.post-item .box-blog-post .box-text h5 a {
	font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#wrapper .sc-blog .col.post-item .box-blog-post .box-text h5 a:hover {
	color: var(--fs-color-success);
}
#wrapper .sc-blog .col.post-item .box-blog-post .box-text .post-meta {
	margin-bottom: 7px;
    font-size: 12px;
    color: #000;
    font-style: italic;
}
#wrapper .row-cate-blog-1 .col.post-item .box-blog-post .box-text .from_the_blog_excerpt  {
	color: #000;
}
#wrapper .sc-blog .col-blog-right > .col-inner, #wrapper .post-sidebar .widget-area  {
    position: sticky;
    top: 130px;
}
#wrapper .blog-single .sc-blog-all, #wrapper .blog-single .text.text-blog-title, #wrapper .blog-single .entry-divider.is-divider.small {
	display: none;
}
.posted-on::before {
    font-family: "Font Awesome 6 Free";
    content: "\f017"; /* Mã Unicode của icon đồng hồ */
    font-weight: 900;
    margin-right: 5px;
}
.entry-meta.uppercase.is-xsmall{
	font-size: 1.4rem;
}
.entry-meta.uppercase.is-xsmall a {
	color: #777777;
	cursor: text;
}
.byline::before {
	font-family: "Font Awesome 6 Free";
    content: "\f007"; /* Mã Unicode của icon đồng hồ */
    font-weight: 900;
    margin-right: 5px;
	margin-left: 15px;
}
#wrapper .sc-top-system .col-system-top > .col-inner {
    padding: 10px;
    border-radius: 15px;
	height: 100%;
}
#wrapper .sc-top-system .s1.col-system-top > .col-inner {
    background: linear-gradient(234.87deg, #36b2b4 46.25%, #00adb5 81.16%);align-content
}
#wrapper .sc-top-system .s2.col-system-top > .col-inner {
	    background: linear-gradient(234.87deg, #f18 46.25%, #fc4c4f 81.16%);
}
#wrapper .sc-top-system .s3.col-system-top > .col-inner {
	    background: linear-gradient(234.87deg, #ff671a 46.25%, #fc8041 81.16%);
}
#wrapper .sc-top-system .s4.col-system-top > .col-inner {
	    background: linear-gradient(234.87deg, #c93dd5 46.25%, #c561f6 81.16%);
}
#wrapper .sc-top-system .col-system-top .col-top-left .title {
	margin-bottom: 0;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}
#wrapper .sc-cs .wpcf7-form-control-wrap {
	width: 20%;
	display:flex;
}
#wrapper .sc-cs .wpcf7-form-control-wrap::after {
		font-family: "Font Awesome 6 Free";
    content: "\f002"; /* Mã Unicode của icon đồng hồ */
    font-weight: 900;
    margin-right: 5px;
	    position: relative;
    left: -30px;
    top: 5px;
}
#wrapper .sc-cs .wpcf7-form-control-wrap:hover::after {
	cursor: pointer;
}
/* .nav-dropdown>li.nav-dropdown-col {
	width: 20%;
} */
#wrapper .blog-archive .col.post-item:nth-child(1),
#wrapper .blog-archive .col.post-item:nth-child(2),
#wrapper .blog-archive .col.post-item:nth-child(3){
    min-width: 33%; /* 2 cột cho hàng đầu tiên */
    float: left;
}

#wrapper .blog-archive .col.post-item:nth-child(4),
#wrapper .blog-archive .col.post-item:nth-child(5),
#wrapper .blog-archive .col.post-item:nth-child(6) {
    min-width: 33%;
    float: left;
}
#wrapper .blog-archive .row.row-large .text.text-blog-title {
	position: relative;
    top: 60px;
    left: 15px;
}
#wrapper .blog-archive .row.row-large .text.text-blog-title h2 {
	font-size: 2.4rem;
    font-weight: bold;
    color: var(--fs-color-primary);
}
#wrapper .blog-archive .row.row-large .row.large-columns-4.small-columns-1 {
	padding: 60px 0 15px;
    background-color: #fdebf2;
    border-radius: 15px;
    margin-bottom: 30px;
	justify-content: space-around;
}
#wrapper .blog-archive .row.row-large .row.large-columns-4.small-columns-1::after {
	display: none;
}
#wrapper .blog-archive .row.row-large .row.large-columns-4.small-columns-1 .col.post-item .box-text.text-left {
	    padding: 20px;
    background-color: #fff;
    border-radius: 0px 0px 10px 10px;
}
#wrapper .blog-archive .row.row-large .row.large-columns-4.small-columns-1 .col.post-item .box-text.text-left h5.post-title a {
	font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#wrapper .blog-archive .row.row-large .row.large-columns-4.small-columns-1 .col.post-item .box-text.text-left h5.post-title a:hover {
	color: var(--fs-color-success);
}
#wrapper .blog-archive .row.row-large .row.large-columns-4.small-columns-1 .col-inner img {
	transition: .3s ease-in-out all;
}
#wrapper .blog-archive .row.row-large .row.large-columns-4.small-columns-1 .col-inner:hover img {
	    transform: scale(1.1);
}
#wrapper .blog-archive .sc-topic {
	margin-top: 15px;
}
#wrapper .blog-wrapper.blog-single.page-wrapper .sc-topic {
	display: none;
}

@media screen and (max-width: 1024px) {
	.sc-flsale .ux-timer span:nth-child(2) {
		padding: 7.5px 12px;
		max-width: 23%;
	}
	#wrapper .sc-discount .row-discount {
		padding-left: 15px;
		padding-right: 15px;
		scroll-snap-type: x proximity;
  		display: flex;
  		overflow-x: auto;
	}
	#wrapper .sc-discount .row-discount .col-discount {
		scroll-snap-align: center;
		flex: none;
  		flex-basis: 32%;
        max-width: 32%;
	}
	#wrapper .sc-flsale .row.row-small {
		padding-left: 15px;
		padding-right: 15px;
	}
/* 	#wrapper .product-small.col {
    	display: flex;
    	flex-basis: 31%;
    	max-width: 31%;
	} */
	.filter-container .custom-sorting {
		gap: 18px;
	}
	#wrapper .sc-blog .col-blog {
		        flex-basis: 72%;
        max-width: 72%;
	}
	#wrapper .sc-blog .col-blog-right {
		margin-left: 15px;
	}
	#wrapper a.back-to-top {
		bottom: 28%;
	}
/* 	#wrapper .sc-flsale .product-small.col:nth-child(n+5), 
	#wrapper .col-jus-pro .product-small.col:nth-child(n+5),
	#wrapper .sc-seen .product-small.col:nth-child(n+5) {
		display: none;
	} */
	#wrapper .product-small.col:nth-child(n+9) {
		display: none;
	}
	#wrapper .sc-cate-spotlight .col-inner .box-text h5 {
		display: -webkit-box;
    	-webkit-line-clamp: 1;
    	-webkit-box-orient: vertical;
    	overflow: hidden;
    	text-overflow: ellipsis;
	}
	#wrapper .sc-feedback .flickity-slider > .row.row-feedback > .col {
	  	flex-shrink: 0;
		margin-left: 15px;
	}
	#main .sc-feedback .flickity-viewport .row-feedback {
		gap: 0;
	}
	#main .sc-new {
		padding-bottom: 15px;
	}
	#wrapper .sc-topic {
		margin-top: 15px;
	}
	#main .sc-topic .row-topic .col-topic > .col-inner {
		display: flex;
    	flex-wrap: nowrap;
    	gap: 15px;
		scroll-snap-type: x proximity;
  		display: flex;
  		overflow-x: auto;
	}
	#wrapper .sc-topic .row-topic .col-topic > .col-inner > .row {
	 	scroll-snap-align: center;
  		flex: none;
		max-width: 26%;
        flex-basis: 26%;
	}
	#wrapper .sc-blog .sc-topic .row-topic .col-topic > .col-inner > .row {
		max-width: 38%;
        flex-basis: 38%;
	}
	#wrapper .row.category-page-row .sc-discount .col-discount {
		flex-basis: 33%;
    	max-width: 33%;
	}
	#wrapper .row.category-page-row .product-small.col:nth-child(n+9) {
		display: block;
	}
	#wrapper .shop-container .sc-info-desc .col-gallery {
		flex: 0 0 41.666667%;
        max-width: 41.666667%;
	}
	#wrapper .shop-container .sc-info-desc .col-info-detail {
		flex: 0 0 58.333333%;
        max-width: 58.333333%;
	}
	#wrapper .shop-container .sc-info-desc .col-brand {
		flex: 100%;
        max-width: 100%;
	}
	#wrapper .col-jus-pro .row-discount {
		flex-direction: unset;
    	flex-wrap: wrap;
    	gap: 25px;
	}
	#wrapper .shop-container .col-jus-pro .col-discount {
		flex-basis: 48%;
    	max-width: 48%;
    	padding: 0;
	}
	#wrapper .col-jus-pro .sc-discount .row-each-product .col-image {
		flex-basis: 15%;
    	max-width: 15%;
	}
	#wrapper .col-jus-pro .sc-discount .row-each-product .col-content .img .img-inner {
		width: 40px;
    	height: 40px;
	}
	#wrapper .col-jus-pro .sc-discount .row-each-product .col-content {
		flex-basis: 85%;
    	max-width: 85%;
	}
	#wrapper .col-jus-pro .sc-discount .row-each-product .col-content .row .col {
		padding-left: 0;
	}
	#wrapper .image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover {
		display: none;
	}
	#wrapper .sc-blog .row-cate-blog-1 .col.post-item:nth-child(1),
	#wrapper .sc-blog .row-cate-blog-1 .col.post-item:nth-child(3){
		padding-right: 0;
	}
	#wrapper .sc-blog .row-cate-blog-1 .col.post-item:nth-child(2),
	#wrapper .sc-blog .row-cate-blog-1 .col.post-item:nth-child(5){
		padding-left: 0;
	}
	#wrapper .sc-blog .row-cate-blog-1 .col.post-item:nth-child(4){
		padding-left: 0;
	}
	#wrapper #main .sc-top-system .col-system-top .col-top-left {
		flex-basis: 63%;
    max-width: 63%;
	}
	#wrapper #main .sc-top-system .col-system-top .col-top-right {
		    flex-basis: 37%;
    max-width: 37%;
	}
	#wrapper #main .sc-top-system .col-system-top .col-top-right .img {
		width: 100%;
	}
	table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents thead {
		display: none;
	}
	table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tbody td.product-price {
		display: none;
	}
	#wrapper .sc-flsale .row.row-small {
        overflow-x: auto;
        display: block;
        white-space: nowrap;
    }
	#wrapper .content-area .product-small.col {
		display: inline-block;
		flex-basis: 25%;
        max-width: 25%;
	}
	#wrapper .content-area .product-small.col:nth-child(n+9) {
		display: none;
	}
	#wrapper .sc-feedback .row-feedback > .col {
		    max-width: 40%;
    flex: 0 0 40%;
	}
	#wrapper .sc-feedback .row-feedback {
		margin-left: 0;
	}
	#wrapper .sc-news .row .flickity-slider .col.post-item {
		max-width: 33%;
		flex-basis: 33%;
	}
	#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner {
		flex-wrap: wrap;
		justify-content: unset;
	}
	#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner .button:nth-child(n+5) {
		margin-top: 5px;
	}
	.filter-container .custom-sorting button:last-child {
		padding-right:0;
	}
	#wrapper .category-page-row .product-small.col {
		max-width: 33%;
		flex-basis: 33%;
	}
}
@media screen and (max-width: 768px) {
	#wrapper .sc-blog .sc-sidebar {
    padding-left: 15px;
		padding-right: 15px;
	}
	.sc-flsale .ux-timer {
		justify-content: center;
	}
	.sc-flsale .col-flsale .row-flsale-top {
		flex-direction: column;
		align-items: center;
	}
	#wrapper #wide-nav .searchform .button.icon .icon-search {
		top: -10px;
	}
	#main .sc-summary .img-above img, #main .sc-summary .img-under img {
		max-width: 50px;
	}
	.sc-summary .img-above img {
		top: -80px;
    	left: 40px;
	}
	.sc-summary .img-under img {
		top: -100px;
    	left: 130px;
	}
	#main .sc-summary .col-summary-right {
   		padding: 80px 0px 0px;
	}
	#wrapper .sc-summary .col-summary-img, #wrapper .sc-summary .col-summary-right {
		margin-top: 15px;
		flex: 0 0 50%;
       	max-width: 50%;
	}
	#wrapper .sc-summary .col-summary-img > .col-inner {
		 left: 11%;
	}
	#wrapper .sc-summary .col-summary-img .img {
		width: 75%;
	}
	#wrapper .sc-summary .col-summary-right .text {
		padding-left: 10px;
		padding-right: 10px;
	}
	.sc-summary .img-above img {
		left: 10px;
	}
	.sc-summary .img-under img {
		left: 110px;
	}
	#wrapper .sc-summary .col-inner a.button {
		margin-left: 15px;
	}
	#wrapper #main .sc-top-system .col-system-top .col-top-right {
        flex-basis: 25%;
        max-width: 25%;
    }
    #wrapper #main .sc-top-system .col-system-top .col-top-left {
        flex-basis: 75%;
        max-width: 75%;
    }
/* 	#wrapper .sc-flsale .row-flsale-top .icon-box-img .icon-inner {	
		position: relative;
		left: 115px;
		bottom: 5px;
	} */
	#wrapper .sc-flsale .col.col-sale-left {
		flex-basis: 100%;
		max-width: 100%;
	}
	#wrapper .sc-flsale .col-sale-left > .col-inner {
		 padding-left: 35%;
	}
	#wrapper .sc-flsale .col.col-sale-mid,
	#wrapper .sc-flsale .col.col-sale-right {
    flex-basis: 100%;
    max-width: 100%;
	}
	#wrapper .sc-flsale .row-flsale-top .icon-box-text {
    flex-basis: 50%;
    max-width: 50%;
	}
/* 	#wrapper .sc-flsale .row-flsale-top .icon-box-text h3 {
		text-align: left;
	} */
	#wrapper .sc-flsale .product-small.col {
		max-width: 50%;
		flex-basis: 50%;
	}
	#wrapper .category-page-row .sc-discount .row-discount {
		padding-right: 0;
		padding-left: 0;
	}
/* 	#wrapper .sc-flsale .product-small.col:nth-child(n+3) {
		display: none;
	} */
	#wrapper .sc-discount .row-discount .col-discount {
		flex-basis: 45%;
		max-width: 45%;
	}
	#wrapper .sc-discount .row-discount .col-discount .row-each-product .col.col-image {
		flex-basis: 20%;
		max-width: 20%;
	}
	#wrapper .sc-discount .row-discount .col-discount .row-each-product .col.col-content {
		flex-basis: 80%;
		max-width: 80%;
	}
/* 	.panel.entry-content > .row.row-small {
		    display: block;
		white-space: nowrap;
		width: 100vw;
		overflow-x: auto;
	}
	#wrapper .product-small.col {
		display: inline-block;
		flex-basis: 65%;
		max-width: 65%;
	} */
	#wrapper .sc-bst .section-content.relative > .row > .col {
		scroll-snap-align: start;
  		flex: none;
		flex-basis: 57%;
    	max-width: 57%;
	}
	#wrapper .sc-feedback .row-feedback > .col {
        max-width: 50%;
        flex: 0 0 50%;
    }
	#wrapper .sc-news .row .flickity-slider .col.post-item {
        max-width: 50%;
        flex-basis: 50%;
    }
	#main .sc-protein .tab-css > .nav {
		flex-wrap: nowrap;
		scroll-snap-type: x proximity;
  		overflow-x: auto;
		justify-content: flex-start;
		margin-left: 10px;
		margin-right: 10px;
	}
	#wrapper .sc-cate-spotlight .row-small>.flickity-viewport>.flickity-slider>.col {
		flex-basis: 20%;
    	max-width: 20%;
	}
	#main .sc-feedback .flickity-viewport .row-feedback {
		overflow-x: auto;
	}
	#wrapper .sc-feedback .flickity-slider > .row.row-feedback > .col {
	  	display: inline-block;
	}
	#wrapper .sc-topic .row-topic .col-topic > .col-inner > .row {
		    max-width: 70%;
    flex: 0 0 70%;
	}
/* 	.sc-top-footer .row-top-footer {
		overflow-x: auto;
        display: block;
        white-space: nowrap;
        width: 100vw;
	}
	.sc-top-footer .col-top-footer {
		        display: inline-block;
        max-width: 33.33%;
	} */
	#wrapper .sc-top-footer .col-top-footer .img {
		width: 50%;
	}
	#wrapper .sc-footer .col-1 {
		flex-basis: 100%;
    max-width: 100%;
	}
	#wrapper .sc-footer .col-2,
	#wrapper .sc-footer .col-3,	#wrapper .sc-footer .col-4 {
		flex-basis: 33%;
    max-width: 33%;
	}
	#wrapper .sc-footer .col-2, #wrapper .sc-footer .col-3, #wrapper .sc-footer .col-4 {
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 10px;
	}
	#wrapper .sc-footer .footer-wrapper .row .col.col-1 {
		flex-basis: 100%;
        max-width: 100%;
	}
	#wrapper .sc-cate-banner .row-banners {
		flex-wrap: nowrap;
		scroll-snap-type: x proximity;
		overflow-x: auto;
		justify-content: flex-start;
	}
	#wrapper .sc-cate-banner .row-banners .col-banners {
		scroll-snap-align: start;
    flex: none;
    flex-basis: 45%;
    max-width: 45%;
	}
	#wrapper .row.category-page-row .sc-discount .col-discount {
		 flex-basis: 40%;
    	max-width: 40%;
	}
	#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner a.button:nth-child(n+4) {
		margin-top: 10px;
	}
	#wrapper .shop-container .custom-product-page .sc-discount .row-discount .col-discount {
		max-width: 48%;
	}
/* 	#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner {
		display: flex;
		flex-wrap: nowrap;
		scroll-snap-type: x proximity;
		overflow-x: auto;
		justify-content: flex-start;
		padding: 7px;
		border-width: 1px;
	}
	#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner a {
		scroll-snap-align: start;
    flex: none;
		margin-bottom: 0;
	} */
	.filter-container .custom-sorting {
		margin-top: 15px;
	}
	.filter-container .custom-sorting .filter-buttons {
		overflow-x: auto;
        display: block;
        white-space: nowrap;
        width: 100vw;
	}
	.filter-container .custom-sorting button {
		display: inline-block;
        max-width: 100%;
		padding-right: 10px;
	}
	.filter-container .custom-sorting .custom-sorting-label {
		flex: 20%;
	}
	#wrapper .category-page-row .product-small.col {
		display: inline-block;
		flex-basis: 33%;
		max-width: 33%;
	}
	.sc-path .path-row .col {
		padding-left: 15px;
		padding-right: 15px;
	}
	.col.path-col > span {
		padding-left: 0;
	}
	#wrapper .custom-product-page .sc-discount .row-discount {
		flex-wrap: nowrap;
		scroll-snap-type: x proximity;
		overflow-x: auto;
		justify-content: flex-start;
	}
	#wrapper .custom-product-page .sc-discount .row-discount .col-discount {
		scroll-snap-align: start;
    flex: none;
	}
	#wrapper .custom-product-page .sc-info-desc .col-jus-pro > .col-inner {
		padding-left: 20px;
        padding-right: 20px;
	}
	#wrapper .shop-container .custom-product-page .sc-discount .row-discount {
		flex-wrap: wrap;
	}
	#wrapper .shop-container .col-jus-pro .col-discount {
		flex-basis: 48%;
    	max-width: 48%;
    	padding: 0;
	}
	#wrapper .custom-product-page .row.equalize-box {
		overflow-x: auto;
        display: block;
        white-space: nowrap;
        width: 100vw;
	}
	#wrapper .custom-product-page .row.equalize-box .product-small.col {
		 display: inline-block;
        max-width: 45%;
	}
	#wrapper .custom-product-page .row.equalize-box .product-small.col .box-text.box-text-products {
		min-height: 110.4px;
	}
	#wrapper .custom-product-page .sc-same-price .box-text-products .title-wrapper a {
		white-space: pre-wrap;
	}
/* 	#wrapper .sc-blog-all .col-3-rows {
		display: none;
	} */
	#wrapper .sc-blog-all .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(1) {
		flex-basis: 100%;
	}
	#wrapper .blog-wrapper.blog-single .sc-topic {
		display: none;
	}
	#wrapper .post-sidebar .sc-sidebar .row-cate-news,#wrapper .post-sidebar .sc-sidebar .row-spotlight-news {
		    margin-left: 6px;
    margin-right: 6px;
	}
	#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(3), 
	#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(4), 
	#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(5) {
		flex-basis: 100%;
	}
	
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(1) .box-blog-post .box-text {
		padding: 10px;
	}
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(2) .box.box-blog-post,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(3) .box.box-blog-post,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(4) .box.box-blog-post,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(5) .box.box-blog-post {
		    display: flex;
    padding: 5px;
    background: #fff;
    border-radius: 10px;
	}
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(2) .box.box-blog-post .box-image,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(3) .box.box-blog-post .box-image,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(4) .box.box-blog-post .box-image,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(5) .box.box-blog-post .box-image {
		flex: 0 0 28%;
	}
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(2) .box.box-blog-post .box-image .image-cover,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(3) .box.box-blog-post .box-image .image-cover,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(4) .box.box-blog-post .box-image .image-cover,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(5) .box.box-blog-post .box-image .image-cover{
		    border-radius: 10px;
    overflow: hidden;
	}
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(2) .box.box-blog-post .box-image .image-cover a,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(3) .box.box-blog-post .box-image .image-cover a,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(4) .box.box-blog-post .box-image .image-cover a,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(5) .box.box-blog-post .box-image .image-cover a {
		padding-bottom: 5px;
	}
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(2) .box.box-blog-post .box-text,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(3) .box.box-blog-post .box-text,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(4) .box.box-blog-post .box-text,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(5) .box.box-blog-post .box-text {
		    flex: 1;
    padding: 5px 0 0 10px;
	}
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(2) .box-blog-post .box-text h5 a,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(3) .box-blog-post .box-text h5 a,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(4) .box-blog-post .box-text h5 a,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(5) .box-blog-post .box-text h5 a {
		    font-size: 14px;
    line-height: 20px;
	}
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(2) .box-blog-post .box-text .from_the_blog_excerpt,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(3) .box-blog-post .box-text .from_the_blog_excerpt,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(4) .box-blog-post .box-text .from_the_blog_excerpt,
	#wrapper .row-cate-blog-1 .col.post-item:nth-child(5) .box-blog-post .box-text .from_the_blog_excerpt {
		display: none;
	}
	#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item {
		padding: 0 15px 7px;
    	margin-right: 0 !important;
	}
	#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(1),
	#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(3) {
		padding-right: 15px;
	}
	#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(2),
	#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(4),
	#wrapper .row-cate-blog-1 .row.large-columns-5 .col.post-item:nth-child(5) {
		padding-left: 15px;
	}
	#wrapper .sc-blog .col-blog-right {
		flex-basis: 100%;
        max-width: 100%;
		padding-left: 0;
	}
	#wrapper .row-spotlight-news .box-text-bottom.box-blog-post .box-image {
		flex-basis: 43%;
	}
	#wrapper #main .sc-sidebar .col.post-item .col-inner .box-image .image-cover a img {
		border-radius: 4px;
	}
	#wrapper .sc-blog .col.post-item .col-inner .box-text {
		padding: 0;
	}
	#wrapper .sc-blog .col.post-item .box-blog-post .box-text .post-meta {
		font-size: 13px;
    	color: #000;
	}
	#wrapper .sc-contact-body .col-contact {
		flex: 100%;
        max-width: 100%;
		padding-bottom: 0;
	}
	#wrapper .sc-contact-body .col-map {
		padding-bottom: 0;
    	min-height: 458px;
	}
	#wrapper .sc-contact-body .first-row-input .flex-col.flex-grow.input-form,
	#wrapper .sc-contact-body .flex-row.form-flat .flex-col {
		padding-top: 0;
		padding-bottom: 0;
	}
	#wrapper .sc-contact-body .first-row-input .flex-col.flex-grow.input-form {
        flex: 49%;
        max-width: 49%;
    }
	#wrapper .sc-contact-body .col-contact .btn-left {
	    font-size: 1.4rem;
		padding: 0 30px;
		line-height: 40px;
		margin-top: 0;
	}
	#wrapper .content-area .products.row-small {
    overflow-x: auto;
    display: block;
    white-space: nowrap;
    width: 100vw;
	}
	#wrapper .content-area .product-small.col {
		display: inline-block;
    max-width:33%;
	}
	#main .tab-right .nav > li > a {
/* 		font-size: 1rem; */
	}
	#main .tab-right > .nav {
		gap: 15px;
	}
	#main .tab-right .nav-line-bottom > li > a:before {
		width: 70%;
	}
	#wrapper .sc-topic .row-topic .col-topic > .col-inner > .row {
		max-width: 35%;
    	flex: 0 0 35%;
	}
	#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner a:hover span {
		font-size: 1.4rem;
	}
	#main .sc-QA .medium-flex-wrap .flex-col {
		padding: 0;
	}
	#wrapper .sc-blog .row-cate-blog-1 {
		margin: 30px 0;
		position: relative;
		padding: 15px 0 70px;
	}
	#wrapper .sc-blog .row-cate-blog-1 .text-blog-viewmore {
		position: absolute;
		bottom: -6%;
		right: 50%;
		transform: translate(50%, -50%);
		border: 1px solid var(--fs-color-primary);
		padding: 3px 15px;
		border-radius: 10px;
	}
	#wrapper .sc-blog .row-cate-blog-1 .text a {
		font-weight: 500;
	}
	#main .sc-QA .col-spotlight-news .col.post-item {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#wrapper .sc-path .col.path-col span {
		padding: 10px 10px 10px 0;
	}
	#wrapper .sc-path .col.path-col span:nth-child(2) {
		padding-left: 10px;
	}
	#wrapper .sc-blog-all {
		padding: 30px 15px 0;
	}
/* 	#wrapper .sc-small-banners .row-banner {
		overflow-x: auto;
		display: block;
		white-space: nowrap;
		width: 100vw;
	} */
	#wrapper .sc-small-banners .row-banner > .col {
		display: inline-block;
		max-width: 50%;
	}
	#wrapper .sc-blog .col.post-item .box-blog-post .box-image {
		overflow: visible;
	}
	#wrapper .blog-archive .row.row-large .row.large-columns-4.small-columns-1 {
		margin: 0 7px;
	}
	#wrapper .blog-archive .row.row-large .row.large-columns-4.small-columns-1 .col.post-item {
		padding: 7px 0;
	}
	#wrapper #main .sc-top-system .col-system-top .col-inner:nth-child(1).
	#wrapper #main .sc-top-system .col-system-top .col-inner:nth-child(2){
		margin-bottom:5px;
	}
	#wrapper .sc-top-system .s1.col-system-top,
	#wrapper .sc-top-system .s3.col-system-top {
		padding-right: 7px;
	}
	#wrapper .sc-top-system .s2.col-system-top,
	#wrapper .sc-top-system .s4.col-system-top {
		padding-left: 7px;
	}
	#main .sc-top-system .text-top span.num {
		font-size: 20px;
        line-height: 26px;
	}
	#wrapper .sc-top-system .col-system-top {
		max-width: 50%;
		flex-basis: 50%;
	}
	#wrapper .sc-top-system .s1.col-system-top,
	#wrapper .sc-top-system .s2.col-system-top {
		margin-bottom: 22px;
	}
	#wrapper .sc-top-system .col-system-top .col-top-left .title {
		font-size: 16px;
	}
	.sc-system > .row {
		scroll-snap-type: y mandatory;
	}
	.sc-system .col-left-system, .sc-system .col-map {
		max-width: 100%;
		flex-basis: 100%;
		margin-bottom: 10px;
		 scroll-snap-align: center;
	}
	.sc-system .col-map {}
	#wrapper #main .sc-top-system .col-system-top .col-top-left {
		padding-right: 0;
	}
	#main-menu > .sidebar-menu.no-scrollbar {
		padding: 0;
	}
	#main-menu > div > .sidebar-menu-top-content {
		        background: var(--fs-color-primary);
		font-size: 1.6rem;
        font-weight: 600;
        padding: 10px 10px;
        cursor: pointer;
        min-width: 100px;
		color: var(--fs-color-success);
	}
	#main-menu > .sidebar-menu.no-scrollbar .html.custom.html_topbar_left {
		padding: 0;
	}
	#main-menu > .sidebar-menu.no-scrollbar .html.custom.html_topbar_left i {
		display: none;
	}
	#main-menu > .sidebar-menu.no-scrollbar ul li a, #main-menu > .sidebar-menu.no-scrollbar ul li a span {
		font-size: 1.6rem;
	}
	#wrapper #masthead {
		padding-top: 5px;
		margin-bottom: 10px;
	}
	icon.button.round.is-outline:hover {
		background-color: #fff;
	}
	.icon-menu:before, .icon-shopping-cart:before {
		font-weight: bold;
		color: #000;
	}
	#main  .sc-news .ps-absolute {
		top: 35px;
	}
	
	
	
	#main .sc-protein .tab-css > .nav>li:first-child {
		scroll-snap-align: start;
	}
	#main .sc-protein .tab-css > .nav>li {
		scroll-snap-align: start;
  		flex: none;
		min-width: 100px;
		text-align: center;
	}
	.sc-protein .sc-protein .custom-divider {
		width: 90%;
	}
	#wrapper .sc-cate-spotlight .flickity-slider {
		display: flex;
	}
	
	#main .tab-css > .nav {
		justify-content: center;
	}
	#main .ps-absolute {
		position: relative;
		text-align: center;
	}
	#main .tabbed-content.tab-css ul li a {
		padding-top: 0;
	}
	#wrapper .sc-bst .section-content.relative > .row {
		display: flex;
		flex-wrap: nowrap;
		scroll-snap-type: x proximity;
  		overflow-x: auto;
		justify-content: flex-start;
	}
	#wrapper .sc-bst .text h3 {
		text-align: center;
		font-weight: 600;
		line-height: 1.3;
		font-size: 2.2rem;
	}
	#wrapper .shop-container .sc-info-desc .col-gallery {
		flex: 100%;
        max-width: 100%;
	}
	#wrapper .shop-container .sc-info-desc .col-info-detail {
		flex: 100%;
        max-width: 100%;
	}
	.row .col .social-icons.share-icons.share-row {
		margin-bottom: 20px;
	}
	#wrapper .col-jus-pro > .col-inner .text-discount-under {
		margin-top: 0;
	}
	#wrapper .sc-same-price .product-small.col:nth-child(n+4) {
		display: none;
	}
	#wrapper .sc-seen .product-small.col:nth-child(n+4) {
		display: none;
	}
	
	#wrapper .sc-contact-body .col-map {
		flex: 100%;
        max-width: 100%;
	}
	#wrapper .sc-contact-body .first-row-input {
		flex-direction: row;
		flex-wrap: nowrap;
	}
	#wrapper .sc-blog .col-blog {
		flex-basis: 100%;
        max-width: 100%;
	}
	
	
	
	#wrapper .row-spotlight-news .box-text-bottom.box-blog-post {
		display: flex;
	}
	
	
}
@media screen and (max-width: 992px) and (min-width: 768px) and (orientation: landscape) {
	#wrapper .sc-flsale .col.col-sale-left {
		flex-basis: 100%;
		max-width: 100%;
	}
	#wrapper .sc-flsale .col-sale-left > .col-inner {
		 padding-left: 40%;
	}
	#wrapper .sc-flsale .col.col-sale-mid,
	#wrapper .sc-flsale .col.col-sale-right {
    flex-basis: 100%;
    max-width: 100%;
	}
	#wrapper .sc-flsale .row-flsale-top .icon-box-text {
    flex-basis: 50%;
    max-width: 50%;
	}
	.sc-flsale .ux-timer {
		justify-content: center;
	}
/* 	#wrapper .sc-flsale .row-flsale-top .icon-box-text h3 {
		text-align: left;
	} */
	#wrapper .sc-flsale .product-small.col {
		max-width: 33%;
		flex-basis: 33%;
	}
	#main .sc-summary .col-summary-right {
		padding: 110px 0px 30px;
	}
	#wrapper .product-small.col {
        max-width: 25%;
    }
	#wrapper #main .section .ps-absolute {
        position: relative;
        text-align: center;
    }    
	#main .tab-css > .nav {
        justify-content: center;
    }
	#wrapper .sc-bst .section-content.relative > .row {
        display: flex;
        flex-wrap: nowrap;
        scroll-snap-type: x proximity;
        overflow-x: auto;
        justify-content: flex-start;
    }
	#wrapper .sc-bst .section-content.relative > .row > .col {
        scroll-snap-align: start;
        flex: none;
        flex-basis: 55%;
        max-width: 55%;
    }
	#main .sc-feedback .flickity-viewport .row-feedback {
        flex-wrap: nowrap;
        scroll-snap-type: x proximity;
        overflow-x: auto;
        justify-content: flex-start;
    }
	#wrapper .sc-feedback .flickity-slider > .row.row-feedback > .col {
		   scroll-snap-align: start;
	}
	.gallery-columns-4 .gallery-item, .large-columns-4 .flickity-slider>.col, .large-columns-4>.col {
		max-width: 50%;
	}
	#wrapper .sc-topic .row-topic .col-topic > .col-inner > .row {
                max-width: 32%;
        flex-basis: 32%;
    }
	#wrapper .row.category-page-row .sc-discount .col-discount {
        flex-basis: 43%;
        max-width: 43%;
    }
	.filter-container .custom-sorting {
		margin-top: 15px;
	}
	.filter-container .custom-sorting .filter-buttons {
		overflow-x: auto;
        display: block;
        white-space: nowrap;
        width: 100vw;
	}
	.filter-container .custom-sorting button {
		display: inline-block;
        max-width: 100%;
		padding-right: 10px;
	}
	.filter-container .custom-sorting .custom-sorting-label {
		flex: 25%;
	}
	#main .category-page-row .col.large-3.hide-for-medium {
		display: none;
	}
	#main .category-page-row .col.large-9 {
		flex: 100%;
        max-width: 100%;
	}
	#wrapper .category-page-row .product-small.col {
        max-width: 33%;
    }
	#main > .category-page-row .col.large-9 > div.shop-container > div.yit-wcan-container > .products.row-small {
		justify-content: space-between;
	}
	#wrapper .sc-blog .col-blog-left {
		
	}
	    #wrapper .shop-container .sc-info-desc .col-gallery {
        flex: 0 0 100%;
        max-width: 100%;
    }
	    #wrapper .shop-container .sc-info-desc .col-info-detail {
        flex: 100%;
        max-width: 100%;
    }
	    #wrapper .sc-discount .row-discount .col-discount {
        scroll-snap-align: center;
        flex: none;
        flex-basis: 40%;
        max-width: 40%;
    }
	#wrapper .shop-container .sc-discount .row-discount {
		gap: 15px;
	}
	#wrapper .shop-container .sc-discount .row-discount .col-discount {
		flex-basis: 49%;
        max-width: 49%;
		margin-bottom: 10px;
	}
	#wrapper .shop-container .sc-discount .row-discount .col-discount:nth-child(n+3) {
		flex-basis: 49%;
        max-width: 49%;
	}
	#wrapper .sc-cate-spotlight .row-small>.flickity-viewport>.flickity-slider>.col {
		flex-basis: 20%;
        max-width: 20%;
	}
	    #wrapper .sc-feedback .row-feedback > .col {
        max-width: 50%;
        flex: 0 0 50%;
    }
	#wrapper .sc-news .row .flickity-slider .col.post-item {
		flex-basis: 50%;
        max-width: 50%;
	}
	#wrapper .sc-footer .col-1 {
		flex-basis: 100%;
        max-width: 100%;
	}
	#wrapper .sc-footer .col-2,
	#wrapper .sc-footer .col-3,
	#wrapper .sc-footer .col-4{
		flex-basis: 33%;
        max-width: 33%;
	}
	    #wrapper .sc-blog .col-blog {
        flex-basis: 100%;
        max-width: 100%;
    }
	    #wrapper .sc-blog .col-blog-right {
        flex-basis: 100%;
        max-width: 100%;
    }
	#wrapper .woocommerce.row-divided .cart-auto-refresh {
		 flex-basis: 100%;
        max-width: 100%;
	}
	#wrapper .woocommerce.row-divided .product-small.col {
        max-width: 35%;
    }
	#wrapper .woocommerce.row-divided .cart-collaterals {
		flex-basis: 100%;
        max-width: 100%;
	}
	#wrapper .blog-wrapper.blog-archive.page-wrapper .row.row-large .large-9.col {
		flex-basis: 100%;
        max-width: 100%;
	} 
	#wrapper .blog-wrapper.blog-archive.page-wrapper .row.row-large .post-sidebar.large-3.col {
		flex-basis: 100%;
        max-width: 100%;
		padding-bottom: 0;
	} 
	    #wrapper .row-spotlight-news .box-text-bottom.box-blog-post {
        display: flex;
    }
	    #wrapper .row-spotlight-news .box-text-bottom.box-blog-post .box-image {
        flex-basis: 20%;
    }
	 #wrapper a.back-to-top {
        bottom: 45%;
    }
	
/* 	#wrapper .sc-flsale .col-flsale .row-flsale-top {
		justify-content: center;
	}
	#wrapper .sc-slsale .col.col-sale-left.large-4 {
		flex-basis: 100%;
		max-width: 100%;
		left: 40%;
	}
	#wrapper .sc-slsale .row-flsale-top .col.col-sale-mid {
		flex-basis: 100%;
		max-width: 100%;
	}
	#wrapper .sc-slsale .row-flsale-top .col.col-sale-right {
		flex-basis: 50%;
		max-width: 50%;
	}
	#wrapper .sc-discount .row-discount .col-discount {
		    flex-basis: 40%;
    max-width: 40%;
	}
	#wrapper .sc-feedback .flickity-slider > .row.row-feedback > .col {
		    flex-basis: 44%;
    max-width: 44%;
	} */
} 
@media screen and (max-width: 549px) {
	    .filter-container .custom-sorting .custom-sorting-label {
        flex: 35%;
    }
	#wrapper .sc-discount .row-discount {
		padding-left: 15px;
	}
	#wrapper .sc-summary .col-summary-img, #wrapper .sc-summary .col-summary-right {
		margin-top: 15px;
        flex: 0 0 100%;
        max-width: 100%;
	}
	#wrapper .content-area .sc-flsale .product-small.col {
        display: inline-block;
        max-width: 100%;
    }
	#wrapper .content-area .sc-protein .row.equalize-box.row-small,
	#wrapper .content-area .sc-milk-tab .row.equalize-box.row-small,
	#wrapper .content-area .sc-bimTa .row.equalize-box.row-small,
	#wrapper .content-area .sc-anDam .row.equalize-box.row-small{
/* 		overflow-x: auto;
        display: block;
        white-space: nowrap;
        width: 100vw; */
	}
	#wrapper .content-area .product-small.col {
		max-width: 49%;
        flex-basis: 49%;
	}
	#wrapper .sc-small-banners .row-banner {
		overflow-x: auto;
        display: block;
        white-space: nowrap;
        width: 100vw;
	}
	#wrapper .sc-small-banners .row-banner > .col {
        display: inline-block;
        max-width: 70%;
    }
	#wrapper .sc-cate-spotlight .row-small>.flickity-viewport>.flickity-slider>.col {
        flex-basis: 40%;
        max-width: 40%;
    }
	#wrapper .sc-milk-tab {
		padding-top: 0;
	}
	#wrapper .sc-bst .section-content.relative > .row > .col {
        flex-basis: 75%;
        max-width: 75%;
    }
	#wrapper .sc-feedback {
		margin-top: 30px;
	}
	#wrapper .sc-feedback .row-feedback > .col {
        max-width: 80%;
        flex: 0 0 80%;
    }
	#wrapper .sc-news .row .flickity-slider .col.post-item {
        max-width: 100%;
    }
	#wrapper .sc-blog .sc-topic .row-topic .col-topic > .col-inner > .row,
	#wrapper .sc-topic .row-topic .col-topic > .col-inner > .row {
        max-width: 65%;
        flex: 0 0 65%;
    }
	#wrapper .sc-top-footer {
		padding-bottom: 0;
	}
	.sc-top-footer .row-top-footer {
		flex-wrap: wrap;
	}
	.sc-top-footer .row-top-footer .col-top-footer {
		    flex-basis: 25%;
    max-width: 25%;
	}
	.sc-top-footer .row-top-footer .col-top-footer:nth-child(n+4) {
		flex-basis: 40%;
    max-width: 40%;
	}
	#wrapper .sc-footer .col-2, #wrapper .sc-footer .col-3, #wrapper .sc-footer .col-4 {
        flex-basis: 100%;
        max-width: 100%;
    }
	#wrapper .category-page-row .sc-discount .row-discount {
        padding-left: 0;
		padding-right: 0;
    }
	#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner {
		overflow-x: auto;
        display: block;
        white-space: nowrap;
        width: 100vw;
	}
	#wrapper .sc-cate-for-product .col-cate-for-product > .col-inner a.button {
		display: inline-block;
        max-width: 70%;
		margin-bottom: 0;
	}
	#wrapper .category-page-row .product-small.col {
        display: inline-block;
        flex-basis: 50%;
        max-width: 50%;
    }
	#wrapper .shop-container .custom-product-page .sc-discount .row-discount {
		flex-wrap: nowrap;
	}
	#wrapper .shop-container .custom-product-page .sc-discount .row-discount .col-discount {
		max-width: 85%;
	}
	#wrapper .col-3-rows {
		display: none;
	}
	#wrapper .sc-blog .row-cate-blog-1 .text-blog-viewmore {
		        bottom: -4%;
        transform: translate(50%, 50%);
	}
	   
	
	
	#main .sc-top-system .text-top span.num {
		font-size: 20px;
        line-height: 26px;
	}
	#wrapper .sc-top-system .s1.col-system-top,
	#wrapper .sc-top-system .s2.col-system-top {
		margin-bottom: 22px;
	}
	#wrapper .sc-top-system .col-system-top .col-top-left .title {
		font-size: 16px;
	}
	.sc-system .col-left-system {
		    margin: 0 15px;
		padding-bottom: 0;
	}
	.sc-system .col-left-system > .col-inner {
		overflow-y: auto;
    height: 80vw;
	}
	#wrapper .sc-cate-banner .row-banners .col-banners {
		        flex-basis: 100%;
        max-width: 100%;
	}
	#wrapper .row.category-page-row .sc-discount .col-discount {
        flex-basis: 80%;
        max-width: 80%;
    }
	#wrapper .sc-discount .row-discount .col-discount .row-each-product .col.col-content {
		flex-basis: 87%;
        max-width: 87%;
	}
	#wrapper .sc-discount .row-discount .col-discount .row-each-product .col.col-image {
        flex-basis: 23%;
        max-width: 23%;
    }
	#wrapper .sc-discount .row-discount .col-discount {
        max-width: 90%;
		flex-basis: 90%;
    }    
	
/* 	#wrapper .sc-summary {
		padding-top: 0;
    	margin-top: 30px;
	}
	#wrapper .sc-summary .col-summary-img {
		margin-top: 0;
	}
	#wrapper .sc-flsale .row-flsale-top .icon-box-img .icon-inner {
		left: 95px;
	} */
/* 	#wrapper .sc-flsale	.col-sale-mid {
		padding: 0;
	}
	#wrapper .content-area .sc-discount .row-discount .col-discount .row-each-product .col.col-image {
        flex-basis: 25%;
        max-width: 25%;
    }
	
	#wrapper .sc-discount .row-discount .col-discount .row-each-product .col.col-image {
        flex-basis: 35%;
        max-width: 35%;
    }
	#wrapper .row.category-page-row .sc-discount .col-discount {
        flex-basis: 85%;
        max-width: 85%;
    } */
/* 	#wrapper .sc-discount .row-discount {
		padding-left: 0;
	}
	#wrapper .sc-QA .row-QA {
		flex-direction: column-reverse;
	}
	#wrapper .sc-contact-body .first-row-input {
		gap:0;
	}
	#wrapper .sc-blog .row-cate-blog-1 .col-cate-blog-1 {
		padding: 0;
	}
	#wrapper .sc-blog .row-cate-blog-1 .text h2 {
		margin-bottom: 15px;
    	font-size: 2.4rem;
	} */
	
	
/* 	#wrapper .sc-summary .col-summary-img, #wrapper .sc-summary .col-summary-right {
		flex: 0 0 100%;
    	max-width: 100%;
	}
	#wrapper .sc-summary .img-above img {
		left: 20px;
	}
	#wrapper .sc-summary .text.pd_left-4 {
		    padding-left: 15px;
    	padding-right: 15px;
	}
	#wrapper .sc-summary .col-inner a.button {
		margin-left: 15px;
	}
	#wrapper .sc-discount .row-discount .col-discount {
        flex: 48%;
        max-width: 48%;
    } */
}
#wrapper .product-price-container .price-wrapper .price .discount-percent {
    min-width: max-content;
    line-height: 1;
    font-size: 18px;
}