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

.nav-vertical.nav-line>li>a:before {
    display: none;
}

h3.widget-title.shop-sidebar .is-divider.small {
    display: none;
}
.sec-bg .section-bg.fill {
    background: transparent radial-gradient(closest-side at 50% 50%, #77BC29 0%, #75B628 4%, #73AB27 16%, #73A827 30%, #54A12A 64%, #3E952A 100%) 0% 0% no-repeat padding-box;
}
.sale-featured-product .box-image {
    aspect-ratio: 1/1;
}
.sale-showcase-layout{
    display:flex;
    gap:5px;
    align-items:stretch;
}

.sale-featured-product{
    flex:0 0 30%;
}

.sale-grid-products{
    flex:1;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}
.sale-grid-products .product-releate a {
    height: 100%;
    align-items: center;
}
.sale-featured-product .product-small {
    padding-bottom: 0px;
}
.sale-grid-item .product-releate {
    margin-bottom: 0px;
    height: 100%;
}
.product-releate p.product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: fit-content !important;
}
.product-releate span.price ins span.woocommerce-Price-amount.amount {
    color: #FF2727;
}

.product-releate span.price span.sale-percent {
    font-size: 12px;
    margin-top: 10px;
    line-height: 16px;
    padding: 4px 10px;
    display: block;
    width: fit-content;
}

h5 {
    font-size: 22px;
}
h4 {
    font-size: 28px;
}
h3 {
    font-size: 35px;
}
h2 {
    font-size: 42px;
}
h1 {
    font-size: 45px;
}
p {
    font-size: 15px;
}
ul li {
    margin-left: 20px;
}
/*************** ADD CUSTOM CSS HERE.   ***************/

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/fonts/gilroy/SVN-Gilroy-Regular.otf') format('opentype');
  font-weight: 400;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/fonts/gilroy/SVN-Gilroy-Bold.otf') format('opentype');
  font-weight: 700;

}

@font-face {
  font-family: 'Gilroy';
  src: url('/wp-content/fonts/gilroy/SVN-Gilroy-SemiBold.otf') format('opentype');
  font-weight: 600;

}

body {
  font-family: 'Gilroy', sans-serif;
}

.col.col-pbt-0 {
    padding-bottom: 0px;
}
p {
    font-size: 15px;
}

/*************** Header ***************/
#logo {
    width: 300px;
    margin: 0px;
}
.content-li {
    display: flex;
    flex-direction: column;
    margin-left: 5px;
}

.content-li span.cart-title {
    font-size: 12px;
    text-transform: none;
    color: #373737;
    font-weight: 400;
    line-height: 1;
}

.content-li span.cart-count {
    font-size: 14px;
    color: #F49F2A;
    font-weight: 600;
}
a.header-cart-link.is-small span.image-icon.header-cart-icon:after {
    display:none !important;
}
.stuck .header-main .nav > li > a.account-link.account-login.is-small {
    line-height: 21px;
}
li.account-item.has-icon a.nav-top-link.nav-top-not-logged-in.is-small.is-small {line-height: 21px;}
.stuck .header-main .nav > li > a.header-cart-link.is-small {
    line-height: 21px;
}
.content-li span.account-title {
    font-size: 12px;
    text-transform: none;
    color: #373737;
    font-weight: 400;
    line-height: 1;
}

.content-li span.account-name {
    font-size: 14px;
    color: #F49F2A;
    font-weight: 600;
	text-transform: none;
}


a.account-link.account-login.is-small {
    display: flex;
    align-items: center;
}
ul.header-nav.header-nav-main.nav.nav-left {
    justify-content: center;
}

ul.header-nav.header-nav-main.nav.nav-left li {
    margin-right: 10px;
}

ul.header-nav.header-nav-main.nav.nav-left li a {
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    padding: 10px 20px;
}

.hd-hotline {
    display: flex;
    background: transparent linear-gradient(180deg, #FDC70C 0%, #FABC13 36%, #F4A029 98%, #F49F2A 100%) 0% 0% no-repeat padding-box;
    padding: 6px 12px;
    border-radius: 15px 15px 0px 15px;
    align-items: center;
}

.hd-hotline p.phone {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
}

.hd-hotline p {
    color: #FFFFFF;
    line-height: 20px;
}
.hd-hotline>a {
	width:30px;
	height:30px;
    background: #25D366;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    animation: shake 1.8s infinite;
    box-shadow: 0 0 0 rgba(37,211,102,.5);
}

.hd-hotline>a {
    color: #fff;
    animation: bounce 1.8s infinite;
    z-index: 2;
    margin-right: 5px;
}

.hd-hotline>a::before,
.hd-hotline>a::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 6px solid rgba(37,211,102,.55);
    animation: pulse 1.8s infinite;
}

.hd-hotline>a::after {
    animation-delay: .6s;
}

@keyframes shake {
    0%,100% { transform: rotate(0deg); }
    10% { transform: rotate(-8deg); }
    20% { transform: rotate(8deg); }
    30% { transform: rotate(-6deg); }
    40% { transform: rotate(6deg); }
    50% { transform: rotate(-3deg); }
    60% { transform: rotate(3deg); }
}

@keyframes bounce {
    0%,100% {
        transform: scale(1);
    }
    30% {
        transform: scale(1.12);
    }
    50% {
        transform: scale(0.95);
    }
}

/* vòng lan */
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: .8;
    }
    70% {
        transform: scale(1.8);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

ul.sub-menu.nav-dropdown.nav-dropdown-default {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 15px;
}
ul.header-nav.header-nav-main li ul.sub-menu.nav-dropdown.nav-dropdown-default li a {
    padding: 10px;
    font-weight: 600;
}
ul.nav-dropdown.nav-dropdown-default {}li.account-item ul.nav-dropdown.nav-dropdown-default {
    border: 1px solid transparent;
    padding: 5px;
    border-radius: 15px;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li a {
    display: flex;
    text-transform: none;
    color: #373737;
    width: auto;
    padding: 0px;
    border: none;
}


li.account-item ul.nav-dropdown.nav-dropdown-default li a .menu-text {
    flex: 1;
    font-weight: 500;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li a .menu-icon {
    padding: 5px 5px 0px 5px;
    background: #E0E8EE;
    border-radius: 50px;
    margin-right: 10px;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li a .menu-arrow svg path {
    fill: #373737;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li.active a .menu-icon svg path {
    fill: #FFFFFF;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li.active a .menu-icon {
    background: transparent linear-gradient(180deg, #FDC70C 0%, #FABC13 36%, #F4A029 98%, #F49F2A 100%) 0% 0% no-repeat padding-box;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li.active {
    border: none;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li.active a:before {
    content: "";
    display: none;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li a:hover a:before {
    content: "";
    display: none;
    width:0;
    height:0;
    border:none;
}


li.account-item ul.nav-dropdown.nav-dropdown-default li a:hover .menu-text {
    color: #F49F2A;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li.active a .menu-text {
    color: #F49F2A;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li a:hover .menu-icon {
    background: transparent linear-gradient(180deg, #FDC70C 0%, #FABC13 36%, #F4A029 98%, #F49F2A 100%) 0% 0% no-repeat padding-box;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li a:hover .menu-icon svg path {
    fill: #FFFFFF;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li a:hover .menu-arrow svg path {
    fill: #F49F2A;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li.active a .menu-arrow svg path {
    fill: #F49F2A;
}

li.account-item ul.nav-dropdown.nav-dropdown-default li {
    padding: 5px 0px;
}


input#woocommerce-product-search-field-0 {
    border-radius: 8px;
    height: 42px;
    color: #717F8D !important;
    background: white;
	padding-left:35px;
}

li.html.custom.html_topbar_left {
    margin-top: 10px;
    width: 100%;
}

li.html.custom.html_topbar_left .group-fast-search {
    display: flex;
    justify-content: space-between;
}


.header-bottom {
    background: transparent radial-gradient(closest-side at 50% 50%, #77BC29 0%, #75B628 4%, #73AB27 16%, #73A827 30%, #54A12A 64%, #3E952A 100%) 0% 0% no-repeat padding-box;
}

a.fast-search-link {
    color: #FFFFFF;
    font-size: 13px;
}
li.header-search-form.search-form.html.relative.has-icon {
    max-width: 550px;
    margin: 0px;
}

li.html.custom.html_topbar_left {
    max-width: 550px;
    margin: 0px;
    margin-top: 10px;
}

ul.header-nav.header-nav-main.nav.nav-left li.current_page_item a {
    color: #f8b419;
}
.page-product-sale li#menu-item-33 a.nav-top-link {
    color: #f8b419;
}
.header-bottom .flex-col.hide-for-medium.flex-right.flex-grow {
    flex: 0 0 auto;
}

.header-bottom .flex-col.hide-for-medium.flex-center {
    flex: 1;
    text-align: center;
}

.header-bottom .flex-col.hide-for-medium.flex-left {
    flex: 0 0 auto;
}
form.searchform .flex-col.flex-grow {
    padding-right: 0px;
}


.searchform-wrapper.form-flat .flex-col:last-of-type {
    position: absolute;
	margin-left:0px;
}

#mega-block{
    display:none;
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    background:#fff;
    z-index:9999;
}

body.mega-open #mega-block{
    display:block;
}
#mega-block{
    position:fixed;
    left:0;
    width:100%;
    z-index:99999;
    display:none;
}
div#mega-block {
    background: transparent;
}

.row-mega-menu {
    background: white;
    border-radius: 0px 0px 20px 20px;
    overflow: hidden;
}

.text.btn-mega-menu a {
    margin-top: 10px;
    font-size: 16px;
    color: #F49F2A;
    padding: 14px 24px;
    background: white;
    border-radius: 24px;
    line-height: 21px;
}

.row-mega-menu .col:first-child .col-inner {
    padding: 0px;
}

.row-mega-menu .col {
    padding: 0px;
}

.row-mega-menu .col .col-inner {padding: 40px;}

.row-mega-menu .col .col-inner a.ux-menu-link__link.flex {
    padding: 0px;
    height: 20px;
    border-bottom: none;
    min-height: 20px;
}

.row-mega-menu .col .col-inner span.ux-menu-link__text {
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
}
.row-mega-menu .col .col-inner span.ux-menu-link__text:hover {
    color: #f49f29;
}
.row-mega-menu .col .col-inner .ux-menu-link.flex.menu-item {gap: 35px;margin-bottom: 35px;padding-bottom: 35px;}

.row-mega-menu .col:first-child {
    padding: 0px;
}

.row-mega-menu .ux-menu.stack.stack-col.justify-start.menu-mega.ux-menu--divider-solid {
    width: fit-content;
}
.row-mega-menu .col h3 {
    font-size: 25px;
    font-weight: bold;
}
button.toggle-mega {
    font-size: 16px;
    color: white;
}

button.toggle-mega i.icon-menu {
    border: 1px solid white;
    border-radius: 5px;
    padding: 2px 3px;
}

button.toggle-mega.active {
    color: #F49F2A;
}

button.toggle-mega.active i.icon-menu {
    background: #F49F2A;
    color: white;
    border-color: #F49F2A;
}
/*************** Footer ***************/


.img-logo-footer img {
    height: 180px;
}

p.title-col-footer {
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFFFFF;
}
footer#footer .ux-menu.stack a.ux-menu-link__link.flex {
    min-height: 20px;
    padding: 10px 0px;
}

footer#footer .ux-menu.stack a.ux-menu-link__link.flex span.ux-menu-link__text {
    line-height: 20px;
    color: #FFFFFF;
	font-size:15px;
}

.text-lh p {
    margin-bottom: 5px;
    color: white;
}

.text-lh p.phone {
    font-size: 20px;
    color: #F49F2A;
    font-weight: 600;
}

p.sub-note {
    margin-bottom: 25px;
    font-size: 12px;
    color: #717F8D;
}
.col-footer-payment .col-inner.text-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

.col-footer-payment .payment-icons.inline-block {
    margin: 0px;
}

.col-footer-payment p {
    margin-bottom: 0px;
}
/*************** Trang Chu ***************/

.icon-box-danh-muc p {
    font-size: 14px;
}

.title-col-home .col-inner {
    display: flex;
    align-items: center;    
	margin-bottom: 12px;
}

.text-bottom-title-home {
    padding-bottom: 30px !important;
}

.title-col-home .col-inner p {
    margin-bottom: 0px;
}
.title-col-home .col-inner h3 {
    margin-bottom: 0px;
}
.title-col-home .col-inner .sub-category {
    display: flex;
	gap:20px;
}

.title-col-home .col-inner .sub-category a {
    border-radius: 5px;
    background: #F3F8F0;
    padding: 10px 20px;
    color: #373737;
    white-space: nowrap;
}

.title-col-home .col-inner .sub-category a:hover {
    background: #54A01C;
    color: white;
}
.title-col-home .col-inner .title-category {
    margin-right: 20px;
}
.title-col-home .col-inner .title-category h3 a {
    color: #54A01C;
}
.title-col-home .col-inner .title-category h3 a.km-home {
    color: white;
}
.title-col-home .col-inner .all-product-category {
    flex: 1;
    text-align: right;
}
.title-col-home .col-inner .all-product-category a {
    font-size: 16px;
    font-weight: bold;
}
.title-col-home .col-inner .all-product-category a.btn-lhn-home {
    color: white;
    padding: 15px 35px;
    border-radius: 24px;
    font-weight: 500;
    line-height: 24px;
    box-shadow: 0px 3px 6px #00000029;
    background: transparent linear-gradient(180deg, #FDC70C 0%, #FABC13 36%, #F4A029 98%, #F49F2A 100%) 0% 0% no-repeat padding-box;
}

.title-col-home .col-inner .all-product-category a.btn-lhn-home:hover {
    box-shadow: none;
}
.text-bottom-title-home p {
    color: #717F8D;
}

.icon-box.icon-box-home {
    background: #D4E8C7;
    padding: 12px;
    border-radius: 15px;
}

.icon-box.icon-box-home p {
    font-size: 18px;
    color: #373737;
    font-weight: 600;
}

.icon-box.icon-box-home .icon-box-img {
    margin-bottom: 12px;
}


.slide-banner-home img {
    border-radius: 15px;
}
.col-post-home .row-post {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:20px;
    row-gap: 0px;
}
.row-video .col-inner {
    padding: 0px !important;
}

.row-video .video.video-fit.mb {
    border-radius: 15px;
}
/****** Slide Swiper ********/

.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 5px;
    background: ;
    background: transparent radial-gradient(closest-side at 50% 50%, #77BC29 0%, #75B628 4%, #73AB27 16%, #73A827 30%, #54A12A 64%, #3E952A 100%) 0% 0% no-repeat padding-box;
    width: 30px;
    height: 10px;
}

span.swiper-pagination-bullet {
    opacity: 1;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #717F8D;
}
.slide-giai-phap-swiper {
    padding-bottom: 46px;
}
.ux-layout-swiper {
    padding-bottom: 50px;
}
.slide-product-swiper {
    padding-bottom: 20px;
}
/****** Gioi Thieu ********/

.col-right-image .col-inner {
    position: relative;
}

.col-right-image .col-inner .image-1 {
    position: absolute;
    aspect-ratio: 3/4;
    top: 0;
    z-index: 1;
    width: 300px !important;
	border-radius: 15px;
    overflow: hidden;
}
.col-right-image .col-inner .image-2 {
    position: absolute;
    aspect-ratio: 1/1;
    top: 30px;
    right: 0;
    z-index: 1;
    width: 300px !important;
    border-radius: 15px;
    overflow: hidden;
}
.col-right-image .col-inner .image-3 {
    position: absolute;
    aspect-ratio: 3/1;
    top: 330px;
    right: 0;
    z-index: 1;
    width: 300px !important;
    border-radius: 15px;
    overflow: hidden;
}

.col-right-image .col-inner .image-4 {
    position: absolute;
    aspect-ratio: 3/1;
    top: 255px;
    right: 41%;
    z-index: 1;
    width: 110px !important;
}

.row-image-camket .col:nth-child(even) {
    padding-top: 30px;
}

.row.row-white {
    background: white;
    padding: 20px 10px;
}
.row.row-white .video.video-fit.mb.col-pbt-0 {
    border-radius: 20px;
}
.row.row-white:first-child {
    padding-top: 50px;
    border-radius: 15px 15px 0px 0px;
}

.row.row-form {
    background: url(/wp-content/uploads/2026/05/img-content-giaiphap-510x241.png);
    padding: 60px;
    background-size: cover;
    background-repeat: no-repeat;
	border-radius: 15px;
}
.row.row-white.row-bg-form {
    padding: 20px;
    border-radius: 0px 0px 15px 15px;
}
.row.row-form .col-form-bg {
    background: white;
    padding: 30px;
    border-radius: 20px;
}
.row.row-small.row-thuong-hieu.page-gt {
    padding: 20px;
}

.row.row-small.row-thuong-hieu.page-gt .text-bottom-title-home {
    padding-bottom: 0px !important;
} 
p.title-row-gt {
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}
.row.row-bg {
    padding: 30px 10px;
    background: transparent radial-gradient(closest-side at 50% 50%, #77BC29 0%, #75B628 4%, #73AB27 16%, #73A827 30%, #54A12A 64%, #3E952A 100%) 0% 0% no-repeat padding-box;
}
.row-icon-box-1 p.title {
    font-size: 15px;
    margin-bottom: 8px;
    color: #F49F2A;
    font-weight: 600;
}
.row-icon-box-1 p {
    color: #FFFFFF;
}
.row.row-bg p.title-row-gt {
	color:#FFFFFF;
}
.col-tn-sm .col-inner {
    padding: 20px;
    border-radius: 15px;
    background: #D4E8C7;
}

.col-tn-sm .col-inner p {
    margin-bottom: 0px;
}

.col-tn-sm .col-inner .icon-box.featured-box.icon-rw1-gt {
    margin-bottom: 20px;
}

.col-tn-sm .col-inner .icon-box.featured-box.icon-rw1-gt .icon-box-text.last-reset {
    display: flex;
    align-items: center;
}

.col-tn-sm .col-inner .icon-box.featured-box.icon-rw1-gt .icon-box-text.last-reset p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    color: #54A01C;
}

.row-thuong-hieu {
    padding: 50px 20px 20px 20px;
    background: #d4e8c7;
    border-radius: 12px;
}
.row-camket .col:nth-child(even) {padding-top: 30px;}

.row-camket .col .col-inner {
    border-radius: 15px;
    overflow: hidden;
}
/**** Loop san pham ******/

.product-small.col .col-inner {
    background: white;
    border-radius: 12px;
    overflow: hidden;
}
.badge-container.absolute.left.top.z-1 {
    margin: 8px 13px;
}

.callout.badge.badge-square {
    border-radius: 9px;
    height: 36px;
}

span.onsale {
    line-height: 20px;
}

.badge-inner.secondary.on-sale {
    background: #FF4444;
    padding: 8px 13px;
    border-radius: 9px;
}

.product-small.col .col-inner .box-text.box-text-products {
    padding: 12px 15px 20px 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

p.name.product-title.woocommerce-loop-product__title {
    font-size: 17px;
    margin: 0px;
}

p.name.product-title.woocommerce-loop-product__title a {
    color: #373737;
    font-weight: 600;
    margin: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: fit-content !important;
}


.star-rating.star-rating--inline {
    margin: 0px;
}
span.price {
    margin-top: 12px;
}

.star-rating span:before {
    color: #FFCC00;
}
.star-rating:before, .woocommerce-page .star-rating:before {
    color: #ffcc00;
}
.custom-loop-buttons {
    display: flex;
    gap: 10px;
    width: 100%;
}

.product-small.col .col-inner span.price {
    font-size: 18px;
}

aside.widget.widget-upsell .product-small.col .col-inner ins span.woocommerce-Price-amount.amount {
    font-size: 16px;
    margin-right: 8px;
}

.product-small.col .col-inner ins span.woocommerce-Price-amount.amount {
    color: #FF2727;
    margin-right: 12px;
}
.product-small.col .col-inner del {
    font-size:14px;
    color: #717F8D;
}

.product-small.col .col-inner del span.woocommerce-Price-amount.amount {
    color: #717F8D;
    font-size: 14px;
}

a.button.buy-now-button {
    border-radius: 24px;
    text-transform: none;
    background: transparent radial-gradient(closest-side at 50% 50%, #77BC29 0%, #75B628 4%, #73AB27 16%, #73A827 30%, #54A12A 64%, #3E952A 100%) 0% 0% no-repeat padding-box;
    font-weight: 500;
    margin: 0px;
    flex: 1;
    padding: 11px 11px 10px 11px;
    line-height: 24px;
    font-size: 15px;
}

a.btn-add-to-cart.add_to_cart_button.ajax_add_to_cart.icon-cart-button {
    margin: 0px;
    border: 1px solid #54A01C;
    border-radius: 50%;
    padding: 11px 11px 6px 11px;
}
aside.widget.widget-upsell .product-small.col .col-inner ins span.woocommerce-Price-amount.amount {
    font-size: 16px;
    margin-right: 8px;
}

.product-small.col .col-inner:hover p.name.product-title.woocommerce-loop-product__title a {
    color: #F49F2A;
}

.product-small.col .col-inner:hover .custom-loop-buttons a.button.buy-now-button {
    background: linear-gradient(180deg, #FDC70C, #F49F2A);
}

.product-small.col .col-inner:hover .custom-loop-buttons  a.btn-add-to-cart {
    border: 1px solid #F49F2A;
}
.product-small.col .col-inner:hover .custom-loop-buttons a.btn-add-to-cart svg path {
    fill: #F4A029;
}


ul.product_list_widget span.sale-percent {
    display: none;
}
/**** Danh muc san pham ******/
.tax-product_cat #wrapper {
    background: #D4E8C7;
}

.tax-product_cat main#main {
    background: #D4E8C7;
}
/* .woof_autohide_wrapper {
    display: inline-block;
    width: fit-content;
} */

form.woocommerce-ordering {
    float: right;
}

select.orderby {
    background: transparent radial-gradient(closest-side at 50% 50%, #77BC29 0%, #75B628 4%, #73AB27 16%, #73A827 30%, #54A12A 64%, #3E952A 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #E0E8EE;
    border-radius: 12px;
    color: white;
    height: 45px;
    margin: 0px;
}

.tax-product_cat .term-description {
    padding: 20px;
    background: white;
    border-radius: 20px;
    margin-top: 30px;
    padding-bottom: 60px;
}
.term-description {
    max-height: 500px;
    overflow: hidden;
    position: relative;
    transition: max-height .3s ease;
}

.term-description.expanded {
    max-height: none;
}

.term-description-toggle {
    margin-top: -54px;
    cursor: pointer;
    font-weight: 600;
    z-index: 100;
    display: block;
    position: relative;
    background: #ffffff;
    border-radius: 20px;
    padding: 20px;
}
.term-description-toggle a {
    display: block;
    color: #54A01C;
    width: fit-content;
    background: #F4F9F1;
    padding: 15px 80px;
    margin: auto;
    border-radius: 24px;
    line-height: 24px;
    font-weight: 400;
}
section.category-footer-section {
    background: #F4F9F1;
	padding-top: 30px;
}
.page-product-sale section.category-footer-section {
    display: none;
}
/* Màu chữ trong dropdown khi mở */
select.orderby option {
    color: #000 !important;
    background-color: #fff !important;
}
/**** Chi tiet san pham ******/
h2.woocommerce-Reviews-title {
    display: inline-block;
    width: fit-content;
}

a.btn-reviews-now {
    display: inline-block;
    float:right;
    color:white;
    font-size:16px !important;
    background-color:#F49F2A !important;
    border-radius:24px !important;
    text-transform:none !important;
}
body .star-average .woocommerce-product-rating {
    display: flex;
    flex-direction: column;
}

body .star-average .woocommerce-product-rating .star-rating {
    font-size: 36px !important;
}

.devvn_review_row {padding-bottom: 18px;}
span.btn-attach.devvn_insert_attach {
    color: #54A01C;
    background: url(/wp-content/uploads/2026/06/camera.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 5px 0 5px 40px;
}
span.devvn_num_reviews {
    color: #373737;
}

.star_box {
    border: none;
    padding: 0px;
    margin-top: 0px;
}

p.count-review {
    font-size: 14px;
    color: #8391A1;
    margin-bottom: 10px;
}
button.single_add_to_cart_button.button.alt {
    display: flex;
    align-items: center;
    justify-content: center;
	gap:5px;
}
button.single_add_to_cart_button.button.alt img {
    filter: brightness(0) invert(1);
}
span.star_average {
    color: #333;
    font-size: 40px;
    font-weight: bold;
}
img.avatar.avatar-53.photo {
    border-radius: 5px;
}

.devvn_review_top {
    display: flex;
    gap: 12px;
}
.devvn_review_mid {margin-left: 65px;}

.devvn_review_bottom {margin-left: 65px;}

body.woocommerce.theme-flatsome #reviews #comments ol.commentlist li {
    padding-top: 15px;
    border-top: 1px solid #dddddd;
    margin-bottom: 15px;
}
.woocommerce #reviews .star-rating span:before {
    color: #FFCC00 !important;
}
.woocommerce #review_form #respond p.form-submit input#submit, .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit {background-color: #54A01C;}

span.btn-attach.devvn_insert_attach {
    color: #54A01C;
}

.theme-flatsome .star-rating:before, .theme-flatsome.woocommerce-page .star-rating:before {
    color: #FFCC00;
}
.yith-wcwl-wishlistaddedbrowse a.tooltip-added {
    display: none;
}

.yith-wcwl-wishlistaddedbrowse span.feedback {
    font-size: 0px;
}

.yith-wcwl-wishlistaddedbrowse {
    padding: 6px;
    margin-bottom: 0px !important;
    border-radius: 50%;
    box-shadow: 0px 3px 15px #00000014;
}

.yith-wcwl-wishlistaddedbrowse span.feedback path {
    fill: #f49f29;
}

.top-title-product {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
    align-items: center;
}
.wishlist-item {
    position: relative;
}

.wishlist-item a.remove-wishlist {
    position: absolute;
    bottom: 20px;
    left: 10px;
    box-shadow: 0px 3px 15px #00000014;
}
.product_meta.custom-meta {
    display: flex;
    gap: 13px;
    margin-bottom: 0px;
}
.product_meta.custom-meta p {
    font-size: 15px;
    margin-bottom: 0px;
}
.product_meta.custom-meta p.meta-sku {
    color: #F49F2A;
}

.product_meta.custom-meta p.meta-category {
    color: #717F8D;
}

.yith-wcwl-add-to-wishlist {
	margin: 0px;
}

.yith-wcwl-add-button a span {
    display: none;
}

svg#yith-wcwl-icon-heart-outline {width: 22px;aspect-ratio: 1/1;}

a.add_to_wishlist.single_add_to_wishlist.tooltip-added {
    padding: 10px;
    border: 1px solid #F2F4F7;
    border-radius: 50%;
}

.yith-wcwl-add-button a svg {
    margin: 0px;
    margin-right: 0px !important;
}

.yith-wcwl-add-button {
    margin: 0px !important;
}


h1.product-title.product_title.entry-title {
    font-size: 30px;
    font-weight: bold;
}

.ux-quantity.quantity.buttons_added.form-flat {
    gap: 4px;
}

.quantity .button.minus {
    border-right: 1px solid rgba(0,0,0,.09) !important;
    background: #E0E8EE;width: 46px;
}

input.ux-quantity__button.ux-quantity__button--plus.button.plus.is-form {
    background: #E0E8EE;
    width: 46px;
    height: 46px;
}

input.input-text.qty.text {
    height: 46px;
    max-width: 100px;
    width: 100px;
    background: white;
}

button.ux-buy-now-button.button.primary.ml-half {
    flex: 1;
    flex-basis: 100%;
    font-size: 16px;
    height: 47px;
    line-height: 21px;
    font-weight: 600;
}

button.single_add_to_cart_button.button.alt {
    flex: 1;
    font-size: 16px;
    height: 47px;
    line-height: 21px;
    font-weight: 600;
}

form.cart {
    gap: 20px;
    row-gap: 12px;
}

p.price.product-page-price {
    margin-bottom: 18px;
    display: flex;
    align-items: flex-end;
    gap: 15px;
}

p.price.product-page-price ins span.woocommerce-Price-amount.amount {
    color: #F49F2A;
    font-size: 30px;
}

p.price.product-page-price del span.woocommerce-Price-amount.amount {
    color: #717F8D;
    font-size: 20px;
}

del {
    font-size: 20px;
    color: #717F8D;
}

span.sale-percent {
    font-size: 15px;
    line-height: 20px;
    color: white;
    background: #FF4444;
    border-radius: 10px;
    padding: 5px 10px;
}

.group-share-product {
    display: flex;
    gap: 12px;
}

.group-share-product .share-link {
    color: #717F8D;
}

.group-share-product .group-icon {
    display: flex;
    gap: 8px;
}

.group-share-product .group-icon img {
    border-radius: 5px;
    aspect-ratio: 1/1;
}

.text.right-sidebar-product {
    padding: 15px;
    border-radius: 20px;
    background: #D4E8C7;
}

p.title-col-right {
    font-size: 16px;
    color: #54A01C;
    margin-bottom: 22px;
    padding-left: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.phone-kd {
    padding-left: 10px;
}

.phone-kd p {
    margin-bottom: 5px;
}

.phone-kd p.phone {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.phone-kd p.phone img {
    width: 27px;
    margin-right: 20px;
}

p.sub-note {
    font-size: 12px;
    color: #717F8D;
    margin-top: 2px;
}

.col-icon-box-product .col-inner {
    padding: 15px;
    background: white;
    border-radius: 20px;
}

.col-icon-box-product {
    margin: 30px 0px;
}

.icon-box-product {
    padding: 12px;
    background: #F4F9F1;
    border: 1px solid transparent;
    border-radius: 20px;
    margin-bottom: 15px;
}

.icon-box-product:hover {
    border: 1px solid #9CD572;
}

.icon-box-product:last-child {
    margin-bottom: 0px;
}
.col-noidung .col-inner {
    background: white;
    border-radius: 20px;
    padding: 20px;
}
.related.related-products-wrapper.product-section span.sale-percent {
    display: none;
}
.col-review .col-inner {
    padding: 20px;
    border-radius: 20px;
    background: white;
}
.col-review .col-inner div#reviews {
    margin: 0px;
    width: 100%;
    max-width: 100%;
}

.col-review .col-inner .devvn_prod_cmt {
    display: none;
}
/*************** Giai phap  ***************/


.container-giai-phap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}
.box-giai-phap {
    border-radius: 20px;
    background: #E9F3E3;
    padding: 25px 15px;
    text-align: center;
}
.box-giai-phap a .image-item {
    margin-bottom: 20px;
}
.box-giai-phap a .image-item img {
    aspect-ratio: 1/1;
    object-fit:contain;
}

h3.title-giai-phap {
    font-size: 17px;
    color: #373737;
    font-weight: 600;
}
h3.title-giai-phap {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 52px;
}

.text-excerpt {
    color: #717F8D;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: fit-content !important;
}

.item-boxtext.text-center p.read-more {
    font-size: 17px;
    color: #54A01C;
    font-weight: 600;
    margin-bottom: 0px;
}

.box-giai-phap:hover {
    background: #D4E8C7;
}

.box-giai-phap:hover p.read-more {
    font-size: 18px;
}

button.button.alt.show-all-giai-phap-btn {
    margin: 0px;
    border-radius: 99px;
    text-transform: none;
    font-weight: bold;
    padding: 13px 90px;
    font-size: 16px;
    line-height: 21px;
    margin-top: 30px;
}
/*************** chi tiet giai phap  ***************/

.single-giai-phap-page {
    background: #F4F9F1;
    padding-bottom: 50px;
}

.row.row-entry {
    padding: 50px 0px;
}

.col.large-9.medium-9.small-12.col-content {
    border-radius: 20px;
    background: white;
    padding-top: 15px;
}

.row-product .product-small.col.has-hover.product {
    padding: 0px 0px 15px;
}


.popular-item {
    border-bottom: 1px solid #D4E8C7;
    padding: 12px 0px;
}
.popular-item:last-child {
    border-bottom: none;
}

.popular-item:first-child {
    padding-top: 0px;
}

.popular-item .info p.category-post {
    font-size: 14px;
    margin-bottom: 8px;
    color: #F49F2A;
    line-height: 19px;
}

.popular-item .info p.date-post {
    font-size: 14px;
    margin-bottom: 0px;
    color: #717F8D;
    line-height: 19px;
}

.popular-item .info h5 {
    font-size: 16px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: fit-content !important;
}

.product-releate {
    margin-bottom: 15px;
}

.product-releate a {
    display: flex;
    gap: 10px;
    padding: 10px;
    background: white;
    border-radius: 15px;
}

.product-releate a .image-box {
    aspect-ratio: 1/1;
    width: 130px;
}
.product-releate a .box-text {
    flex: 1;
    padding: 0px;
}

.product-releate a .image-box img {
    width: 130px;
    border-radius: 15px;
}
p.product-title {
    font-size: 16px;
    color: #373737;
    font-weight: 600;
    margin-bottom: 12px;
}

.product-releate span.price {
    font-size: 14px;
}

.product-releate span.price del {
    font-size: 13px;
}

.product-releate span.price ins {
    margin-right: 8px;
}

/*************** Gioi Thieu  ***************/

.col-form-dai-ly .col-inner {
    background: #d4e8c7;
    padding: 30px;
    border-radius: 20px;
}

.col-form-dai-ly .col-inner h4 {
    margin-bottom: 10px;
    line-height: 37px;
}

.col-form-dai-ly .col-inner form.wpcf7-form.init {
    margin-bottom: 0px;
}
.col-form-dai-ly .col-inner input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    text-transform: uppercase;
}

.col-cerfiti .col-inner {
    background: #D4E8C7;
    padding: 15px;
    border-radius: 20px;
    padding-bottom: 0px;
    height: 100%;
}
.col-img-cerfiti {
	padding: 0 8px 15px !important;
}

.col-img-cerfiti .col-inner {
    background: #FFFFFF;
    padding: 6px;
}

.col-img-cerfiti .col-inner .img {
    height: 114px;
    text-align: center;
}

.col-img-cerfiti .col-inner .img img {
    height: 114px;
    width: auto;
}
.col-content-dai-ly .col-inner {
    padding: 15px;
    background: white;
    border-radius: 20px;
}
.row.post-dai-ly .box-text.text-left {
    padding: 0px;
}

.row.post-dai-ly .is-divider {
    height: 1px;
    max-width: 100%;
    background: #D4E8C7;
    margin: 12px 0px;
}

.row.post-dai-ly .col.post-item {
    padding-bottom: 0px;
}

.row.post-dai-ly .col.post-item p.cat-label {
    color: #F49F2A;
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
    margin: 0px;
}

.row.post-dai-ly .col.post-item .post-meta {
    color: #717F8D;
    font-size: 14px;
}

.row.post-dai-ly .col.post-item h5.post-title.is-large {
    font-size: 16px;
    color: #000000;
}

.row.post-dai-ly .col.post-item h5.post-title.is-large a.plain {
    margin: 8px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: fit-content !important;
}
/*************** Form lien he  ***************/

.form-lien-he input.wpcf7-form-control {
    margin-bottom: 15px;
    border-radius: 8px;
    height: 48px;
}

.form-lien-he .row-input {
    padding-bottom: 5px;
}

.form-lien-he span.wpcf7-spinner {
    display: none;
}

.form-lien-he input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin: 0px;
    font-size: 16px;
    line-height: 21px;
    padding: 13px;
    border-radius: 99px;
    background: #F49F2A;
}
.form-lien-he input.wpcf7-form-control.wpcf7-submit.has-spinner {
    text-transform: none;
    font-weight: 400;
}

.form-lien-he textarea.wpcf7-form-control.wpcf7-textarea {
    min-height: 47px;
    border-radius: 8px;
    margin-bottom: 25px;
}

.form-lien-he .row-submit {
    text-align: center;
}

/*************** Tin tuc  ***************/

.blog-wrapper {
    background: #F4F9F1;
    padding: 40px 0px;
}
.blog-wrapper header.archive-page-header {
    display: none;
}

h3.title-row {
    line-height: 47px;
    margin-bottom: 30px;
}

.row-last-post.row {
    margin-bottom: 40px;
}

.row-popular-post.row {
    margin-bottom: 40px;
}

.grid-posts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.post-custom-item a {
    position: relative;
}
.post-custom-item .thumbnail {
    aspect-ratio: 4/2.5;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.post-custom-item .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.post-custom-item .thumbnail::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 15px;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(36,36,36,.7) 100%);
    z-index: 2;
    pointer-events: none;
}

.post-custom-item a .info {
    position: absolute;
    bottom: 10px;
    left: 15px;
    z-index: 5;
}

.post-custom-item .info p.category-post {
    font-size: 14px;
    margin-bottom: 8px;
    color: #F49F2A;
    line-height: 19px;
}
.post-custom-item .info p.date-post {
    font-size: 14px;
    margin-bottom: 0px;
    color: #D4E8C7;
    line-height: 19px;
}

.post-custom-item .info h5 {
    font-size: 16px;
    color: #FFFFFF;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: fit-content !important;
}

.row.row-small.footer-custom {
    background: url(/wp-content/uploads/2026/05/background-footer.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 30px;
}


.post-sidebar.large-3.col {
    padding-top: 78px;
}


.row.row-small.footer-custom .col-inner {
    border-radius: 20px;
    background: #D4E8C7;
    padding: 20px;
    height: 100%;
}

.col.large-8.medium-8.small-12.col-form-ft {
    width: 80%;
}

.col.large-8.medium-8.small-12.col-form-ft .col-inner {
    width: 80%;
    padding: 30px;
}

form.wpcf7-form.init {
    margin-bottom: 0px;
}

.row-footer-product .product-releate:last-child {
    margin-bottom: 0px;
}

button.button.alt.show-all-posts-btn {
    margin: 0px;
    border-radius: 99px;
    text-transform: none;
    font-weight: bold;
    padding: 13px 90px;
    font-size: 16px;
    line-height: 21px;
    margin-top: 30px;
}
aside#categories-3 {}

aside.widget.widget_categories {
    padding: 25px;
    background: #D4E8C7;
    border-radius: 12px;
}

span {}

aside.widget.widget_categories span.widget-title {
    color: #54A01C;
    font-size: 25px;
    text-transform: none;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

aside.widget.widget_categories .is-divider.small {
    display: none;
}

aside.widget.widget_categories ul {
    margin-top: 30px;
}

aside.widget.widget_categories ul a {
    text-transform: uppercase;
    color: #373737;
    font-size: 15px;
}

aside.widget.widget_categories ul li {
    border: none;
    padding: 0px;
    margin-bottom: 15px;
}
.blog-single .large-9.col {
    background: white;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 30px;
}
.blog-single .post-sidebar.large-3.col {padding-top: 0px;}

.blog-single .post-sidebar.large-3.col aside.widget.widget_categories {
    display: none;
}
.blog-single div#comments {
    display: none;
}
body.archive.category .row-post {
    display: none;
}
/*************** Lien He  ***************/

.section-lh .section-content {
    padding-bottom: 50px;
}

.row-lien-he {
    margin-top: -90px;
}

.row-lien-he .col-form-lh .col-inner {
    height: 100%;
    background: #D4E8C7;
    padding: 20px;
    border-radius: 0px 20px 20px 0px;
}

.row-lien-he .col-image-lh .col-inner {
    position: relative;
    padding: 30px;
    height: 100%;
    background: white;
    border-radius: 20px 0px 0px 20px;
}

.row-lien-he .col-image-lh .col-inner .img-be {
    position: absolute;
    width: 60% !important;
    top: 30px;
    left: auto;
    right: 50px;
    border-radius: 20px;
}

.row-lien-he .col-image-lh .col-inner .img-fe {
    position: absolute;
    width: 250px !important;
    right: auto;
    top: auto;
    bottom: 7px;
    aspect-ratio: 2/3;
    border: 15px solid white;
    border-radius: 20px;
}

.row-lien-he .col-image-lh .col-inner .img-fe .img-inner.dark {
    border-radius: 10px;
}

.row-lien-he .col-image-lh .col-inner .img-be .img-inner.dark {
    border-radius: 20px;
}

/*************** Gio Hang  ***************/

.woocommerce {
    background: #F4F9F1;
}

.woocommerce-cart-form__cart-item.cart_item {
    display: flex;
    padding: 10px;
    border-radius: 20px;
    background: white;
    margin-bottom: 20px;
    gap: 16px;
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
    width: 76px;
    aspect-ratio: 1/1;
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail img {
    border-radius: 8px;
}

.product-quantity .ux-quantity.quantity.buttons_added input.ux-quantity__button.ux-quantity__button--plus.button.plus.is-form {
    background: #E0E8EE;
    width: 35px;
    height: 36px;
    min-height: 30px;
    border-radius: 99px;
}

.product-quantity .ux-quantity.quantity.buttons_added input.ux-quantity__button.ux-quantity__button--minus.button.minus.is-form {
    border-right: 1px solid rgba(0, 0, 0, .09) !important;
    background: #E0E8EE !important;
    width: 30px !important;
    height: 36px;
    min-height: 30px;
    border-radius: 99px;
    line-height: 36px;
}


.woocommerce-cart-form__cart-item.cart_item .product-quantity .ux-quantity.quantity.buttons_added {
    gap: 4px;
}

.woocommerce-cart-form__cart-item.cart_item .product-quantity .ux-quantity.quantity.buttons_added input.input-text.qty.text {
    height: 36px;
}

.woocommerce-cart-form__cart-item.cart_item .product-name {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.woocommerce-cart-form__cart-item.cart_item .product-name a {
    font-size: 16px;
    color: #373737;
	font-weight:600;
}

.product-price__value {
    display: flex;
    align-items: flex-end;
}

.product-remove {
    float: right;
}

.product-price {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-price__value del {
    order: 1;
    font-size: 15px;
    margin-right: 4px;
}

.product-price__value ins {
    order: 2;
    font-size: 16px;
}

.product-price__value ins span.woocommerce-Price-amount.amount {
    color: #FF4444;
    font-weight: 600;
}

.product-remove a.remove {
    border: none;
    text-align: right;
    width: 100%;
}

.actions.clear button.button.primary.mt-0.pull-left.small {
    display: none;
}

a.button.alt.continue-shopping {
    margin: 0px;
    border-radius: 99px;
    text-transform: none;
    font-weight: bold;
    padding: 13px 90px;
    font-size: 16px;
    line-height: 21px;
/*     width: 100%; */
}

.cart_totals {
    padding: 15px;
    background: #FFFFFF;
    border-radius: 12px;
    margin-top: 73px;    
    margin-bottom: 40px;

}

.cart_totals .cart-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.cart_totals .cart-row .cart-label {
    font-size: 15px;
}

.cart_totals .cart-row span.woocommerce-Price-amount.amount {
    color: #373737;
    font-size: 15px;
    font-weight: bold;
}

.cart-row.order-total {
    border-top: 1px solid #E0E8EE;
    border-bottom: 1px solid #E0E8EE;
    padding: 20px 0px;
}
.cart_totals .wc-proceed-to-checkout {
    margin: 0;
}
.cart_totals .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward {
    margin-bottom: 0px;
    border-radius: 99px;
    text-transform: none;
    font-weight: 600;
    font-size: 16px;
    height: 49px;
    line-height: 49px;
}

a.button.primary.wc-backward {
    margin: 0px;
    border-radius: 99px;
    text-transform: none;
    font-weight: bold;
    padding: 13px 90px;
    font-size: 16px;
    line-height: 21px;
    background:#f5a427;
}
/*************** Tai khoan ***************/

.row.vertical-tabs .large-3.col {
    background: white;
    padding: 15px;
    border-radius: 13px;
    height: fit-content;
}

.row.vertical-tabs .large-9.col {padding-left: 15px;}

.row.vertical-tabs .large-9.col .woocommerce {
    background: white;
    padding: 20px;
    border-radius: 12px;
    padding-bottom: 50px;
}
.woocommerce-view-order .row.vertical-tabs .large-9.col .woocommerce {
    background: #f4f9f1;
    padding: 0px;
}
.page-favorite .row.vertical-tabs .large-9.col .woocommerce {
    background: #D4E8C7;
}
li.wishlist-account-element {
    display: none;
}
.wishlist-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    row-gap: 5px;
}
.woocommerce-message.message-wrapper {
    position: fixed;
    z-index: 999;
    background: #f4f9f1;
    width: fit-content;
    height: fit-content;
    text-align: center;
    display: flex;
    align-items: center;
    top: 50%;
    left: 50%;
    padding: 50px 20px !important;
    border: 1px solid #6da728;
    border-radius: 15px;
    transform: translateX(-25%);
}
.page-template-page-my-account  .woocommerce-message.message-wrapper .message-container.container.success-color.medium-text-center {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.page-template-page-my-account .woocommerce-message.message-wrapper .message-container.container.success-color.medium-text-center i.icon-checkmark {
    display: none;
}
.woocommerce-form-coupon-toggle {
    display: none;
}
form.checkout.woocommerce-checkout {
    padding-top: 40px;
}
ul#my-account-nav li {
    border: none;
    margin-bottom: 25px;
}

ul#my-account-nav li a {
    display: flex;
    text-transform: none;
    color: #373737;
    width: 100%;
    padding: 0px;
    border: none;
}


ul#my-account-nav li a .menu-text {
    flex: 1;
    font-weight: 500;
}

ul#my-account-nav li a .menu-icon {
    padding: 5px 5px 0px 5px;
    background: #E0E8EE;
    border-radius: 50px;
    margin-right: 10px;
}

ul#my-account-nav li a .menu-arrow svg path {
    fill: #373737;
}

ul#my-account-nav li.active a .menu-icon svg path {
    fill: #FFFFFF;
}

ul#my-account-nav li.active a .menu-icon {
    background: transparent linear-gradient(180deg, #FDC70C 0%, #FABC13 36%, #F4A029 98%, #F49F2A 100%) 0% 0% no-repeat padding-box;
}

ul#my-account-nav li.active {
    border: none;
}

ul#my-account-nav li.active a:before {
    content: "";
    display: none;
}

ul#my-account-nav li a:hover a:before {
    content: "";
    display: none;
    width:0;
    height:0;
    border:none;
}


ul#my-account-nav li a:hover .menu-text {
    color: #F49F2A;
}

ul#my-account-nav li.active a .menu-text {
    color: #F49F2A;
}

ul#my-account-nav li a:hover .menu-icon {
    background: transparent linear-gradient(180deg, #FDC70C 0%, #FABC13 36%, #F4A029 98%, #F49F2A 100%) 0% 0% no-repeat padding-box;
}

ul#my-account-nav li a:hover .menu-icon svg path {
    fill: #FFFFFF;
}

ul#my-account-nav li a:hover .menu-arrow svg path {
    fill: #F49F2A;
}

ul#my-account-nav li.active a .menu-arrow svg path {
    fill: #F49F2A;
}

.my-account-header.page-title.normal-title {
    display: none;
}
.account-user.circle {
    display: flex;
    align-items: center;
}

.account-user.circle .user-name.inline-block {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.account-user.circle .user-name.inline-block p {
    margin-bottom: 0px;
}

.account-user.circle p.name {
    font-size: 16px;
    color: #373737;
    font-weight: 600;
}

.account-user.circle p.phone {
    font-size: 14px;
    color: #717F8D;
}

.account-user.circle .image.mr-half.inline-block {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.account-user.circle .image.mr-half.inline-block img.avatar.avatar-70.photo {
    width: 50px;
    height: 50px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

form.custom-account-form .col.medium-6 label {
    color: #373737;
    font-size: 15px;
    font-weight: 600;
}

form.custom-account-form .account-avatar {
    width: 150px;
    height: 150px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
}

form.custom-account-form .account-avatar label.avatar-overlay {
    position: absolute;
    top: calc(50% - 20px);0;
    background: #313131;
    padding: 10px 10px 6px 10px;
    border-radius: 50%;
    left: calc(50% - 20px );
}


form.custom-account-form .account-avatar img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 20px;
}

form.custom-account-form .col.medium-6 {
    padding-bottom: 5px;
}

form.custom-account-form .col.medium-6 input {
    border-radius: 5px;
    height: 50px;
    border: 1px solid #E0E8EE;
}

form.custom-account-form button.button.primary {
    margin: 0px;
    float: right;
    border-radius: 99px;
    text-transform: none;
    padding: 14px 45px;
    font-size:  16px;
    line-height: 20px;
    background: #F49F2A;
}


button#btn-add-address {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #54A01C;
    border-radius: 24px;
    color: #54A01C;
    text-transform: none;
    font-weight: 400;
    margin-top: 30px;
}

.address-card {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #e0e8ee;
}

.address-card .address-actions {
    display: flex;
    gap: 20px;
}

a.edit-address {
    display: flex;
}

.address-card .address-actions a {
    border: 1px solid #54A01C;
    height: fit-content;
    padding: 4px 20px;
    border-radius: 24px;
    color: #54A01C;
}
div#address-form-wrapper input {
    height: 47px;
    border-radius: 8px;
}

div#address-form-wrapper select {
    height: 47px;
    border-radius: 8px;
}

div#address-form-wrapper input[type="checkbox"] {
    height: auto;
    margin-right: 5px;
    accent-color: #54a01c;
}

div#address-form-wrapper button {
    background: #54A01C;
    border-radius: 24px;
    color: white;
    text-transform: none;
    font-size: 16px;
    padding: 0px 30px;
}

div#address-form-wrapper button#btn-cancel-address {
    background: #FF4444;
}
/*************** Don hang  ***************/
.page-wrapper.my-account.mb {
    background: #F4F9F1;
}

/* .custom-orders-page {
    background: #f6f8f4;
}
 */
.order-status-tabs {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}
.order-total span.woocommerce-Price-amount.amount {
    color: #F49F2A;
}
.woocommerce-orders .row.vertical-tabs .large-9.col .woocommerce {
    background: transparent;
    padding: 0px;
}

.woocommerce-orders .row.vertical-tabs .large-9.col .woocommerce .order-status-tabs {
    background: white;
    padding: 15px;
    border-radius: 15px;
}
.order-status-tabs a {
    padding: 14px 28px;
    border-radius: 30px;
    background: #dce8d0;
    color: #4c5a41;
    text-decoration: none;
    font-weight: 500;
}

.order-status-tabs a.active {
    background: #5ea516;
    color: #fff;
}

.order-card {
    background: #fff;
    border-radius: 14px;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

.order-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    font-size: 15px;
}

.order-header a {
    color: #6aad24;
    font-weight: 600;
}

.order-status {
    padding: 8px 18px;
    border-radius: 20px;
    background: #dff0c8;
    color: #6aad24;
    font-size: 14px;
}
span.order-status.status-cancelled {
    background: #FFE2E2;
    color: #FF4444;
}
.order-product {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 0;
    border-top: 1px solid #eee;
}

.product-thumb img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 10px;
}

.product-info {
    flex: 1;
}

.product-name {
    font-weight: 500;
    margin-bottom: 8px;
}

.product-qty {
    color: #777;
}

.product-price {
    font-weight: 600;
}

.order-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 18px;
    font-size: 18px;
}

.order-footer strong {
    color: #f39c12;
}

/**** Chi tiet don hang *******/
.back-orders{
    display:inline-block;
    background:#f0a62a;
    color:#fff;
    padding:10px 18px;
    border-radius:30px;
    margin-bottom:20px;
}

.order-layout{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:15px;
}

.order-box{
    background:#fff;
    border-radius:16px;
    padding:20px;
    margin-bottom:20px;
}

.order-top{
    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
}

.status-pill{
    background:#dcefc4;
    color:#67a81e;
    padding:8px 18px;
    border-radius:20px;
}

.order-box h3,
.order-box h2{
    color:#f0a62a;
    margin-bottom:15px;
}

.order-product{
    display:flex;
    align-items:center;
    gap:15px;
    padding:15px 0;
    border-bottom:1px solid #eee;
}

.order-product img{
    width:70px;
    height:70px;
    object-fit:cover;
    border-radius:10px;
}

.order-product .info{
    flex:1;
}

.timeline-item{
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.timeline-content {
    display: flex;
    flex-direction: column;
}

.timeline-item.active{
    color:#5ea516;
    font-weight:600;
}
.timeline-icon {
    background: #F7F7F7;
    padding: 10px 10px 4px 10px;
    border-radius: 50%;
}
.timeline-item.active .timeline-icon {
    background: transparent radial-gradient(closest-side at 50% 50%, #77BC29 0%, #75B628 4%, #73AB27 16%, #73A827 30%, #54A12A 64%, #3E952A 100%) 0% 0% no-repeat padding-box;
    padding: 10px 10px 4px 10px;
    border-radius: 50%;
}

.timeline-item.active .timeline-icon svg path {
    fill: white;
}

.summary-row{
    display:flex;
    justify-content:space-between;
    margin:12px 0;
}

.summary-row.total{
    border-top:1px solid #eee;
    padding-top:15px;
}

.summary-row.total strong{
    color:#f39c12;
    font-size:20px;
}

.change-password-page button {
    line-height: 24px;
    margin: 0px;
    background: #F49F2A;
    border-radius: 24px;
    padding: 14px 45px;
    font-size:  16px;
    text-transform: none;
    color: white;
}

.change-password-page input {
    border-radius: 8px;
    height: 45px;
}
a.cancel-order-btn {
    background: red;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    color: white;
    font-weight: bold;
    padding: 14px;
    border-radius: 24px;
}

/*************** dang nhap dang ky  ***************/

.ws-auth-container{
    position:relative;
    width:1200px;
    max-width:100%;
    min-height:720px;
    margin:auto;
    overflow:hidden;
    border-radius:20px;
}

.form-container{
    position:absolute;
    top:0;
    width:50%;
    height:100%;
    transition:.6s ease-in-out;
}

.login-container{
    left:0;
    z-index:2;
}

.register-container{
    left:0;
    opacity:0;
    z-index:1;
}

.overlay-container {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
    z-index: 100;
    transition: .6s ease-in-out;
    border-radius: 20px;
}

.ws-auth-container .overlay {
    pointer-events: auto !important;
    background:url('/wp-content/uploads/2026/05/img-content-giaiphap.png')
    center center/cover no-repeat;
    position:relative;
    left:-100%;
    width:200%;
    height:100%;
    transition:.6s ease-in-out;
}

.overlay:before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(29,87,61,.55);
}

.overlay-panel{
    position:absolute;
    top:0;
    width:50%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    flex-direction: column;
    padding: 40px;
}

.overlay-content{
    position:relative;
    z-index:2;
    max-width:420px;
}

.overlay-left{
    left:0;
}

.overlay-right{
    right:0;
}

.ws-auth-container.register-mode .login-container{
    transform:translateX(100%);
}

.ws-auth-container.register-mode .register-container{
    transform:translateX(100%);
    opacity:1;
    z-index:5;
}

.ws-auth-container.register-mode .overlay-container{
    transform:translateX(-100%);
}

.ws-auth-container.register-mode .overlay{
    transform:translateX(50%);
}
.ws-auth-container.register-mode .form-container.login-container {
    display: none;
}
.form-container.login-container {
    padding-right: 75px;
}

input#username {
    border-radius: 8px;
}

input#password {
    border-radius: 8px;
}

.form-container.login-container h4.uppercase {
    text-align: center;
}
.form-container.login-container {
    padding-right: 75px;
}

.form-container.login-container h4.uppercase {
    text-align: center;
}

.form-container.register-container {
    padding-left: 75px;
}

.form-container.register-container h4.auth-title {
    text-align: center;
}

form.woocommerce-form.woocommerce-form-register.register input {
    border-radius: 8px !important;
    height: 45px;
}


form.woocommerce-form.woocommerce-form-login.login input {
    border-radius: 8px;
    height: 45px;
}
.overlay-panel button {
    background: white;
    color: #54A01C;
    font-size: 16px;
    text-transform: none;
    border-radius: 12px;
    font-weight: 500;
    padding: 16px 60px;
}

.overlay-panel h2 {
    font-size: 25px;
    color: #FFFFFF;
}


.ws-auth-container.register-mode .overlay-panel.overlay-right {
    display: none;
}
button.woocommerce-button.button.woocommerce-form-login__submit {
    width: 100%;
    border: 24px;
    color: #FFFFFF;
    font-size: 16px;
    text-transform: none;
    border-radius: 12px;
    padding: 16px;
    background: #F49F2A;
    line-height: 24px;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input#rememberme {
    margin: 0px;
    margin-right: 10px;
}
.group-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.group-bottom p.woocommerce-LostPassword.lost_password a {
    color: #54A01C;
}

.g-recaptcha>div {
    width: 100% !important;
}
.nsl-container-buttons {
    display: flex !important;
    width: 100%;
    flex-direction: row;
    gap: 25PX;
}

button.woocommerce-button.button.register-btn {
    width: 100%;
    border-radius: 12px;
    padding: 16px;
    line-height: 24px;
    text-transform: none;
}
nav.woocommerce-pagination {
    display: none;
}

.post-type-archive-product #wrapper {
    background: #D4E8C7;
}

.post-type-archive-product #main {
    background: #D4E8C7;
}

.shop-page-title.category-page-title.page-title {
    display: none;
}
form.woocommerce-form.woocommerce-form-register.register .g-recaptcha {
    margin-bottom: 20px;
}
.row-password{
    position: relative;
}

.row-password input{
    padding-right: 45px;
}

.toggle-password{
    position: absolute;
    right: 15px;
    top: 24px;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    align-items: center;
}

.toggle-password img{
    width: 20px;
    height: 20px;
}
/*************** Bo loc san pham ***************/

.woof_autohide_wrapper {
    margin-bottom: 20px;
}

a.woof_show_auto_form.woof_btn_default,a.woof_btn_default.woof_hide_auto_form {
    width: fit-content;
    padding: 12px 24px 12px 50px;
    height: auto;
    background: transparent radial-gradient(closest-side at 50% 50%, #77BC29 0%, #75B628 4%, #73AB27 16%, #73A827 30%, #54A12A 64%, #3E952A 100%) 0% 0% no-repeat padding-box;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 21px;
}

a.woof_show_auto_form.woof_btn_default:before,a.woof_btn_default.woof_hide_auto_form:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url('/wp-content/uploads/2026/06/svg-bo-loc.svg');
    position: absolute;
    left: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    top: 15px;
}

.woof.woof_sid.woof_sid_auto_shortcode {
    border-radius: 15px;
}

.woof_auto_show_indent .woof_redraw_zone {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: 15px;
}

.woof_auto_show_indent {
    border-radius: 20px;
}


.woof_container.woof_container_label {
    flex: 1;
    width: 100% !important;
}

.woof_container_inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 15px;
    align-items: center;
}

.woof_container_inner h4 {
    width: fit-content;
    font-size: 16px;
    color: #373737;
}


ul.woof_list.woof_list_label li span.woof_label_term {
    padding: 5px 10px !important;
    height: auto !important;
    border-radius: 5px;
    background: white;
}


ul.woof_list.woof_list_label li span.woof_label_term.checked {
    border-color: #54A01C;
    color: #54A01C;
}

ul.woof_list.woof_list_label li span.woof_label_term:hover {
    border-color: #54A01C;
    color: #54A01C;
}

/*************** Thanh to  ***************/


div#customer_details .clear {
    border-top: none;
    background: white;
    padding: 15px;
    border-radius: 12px;
}
.woocommerce-billing-fields {
    border: none;
    padding-top: 5px;
}
.woocommerce-billing-fields input {
    border-radius: 8px !important;
    height: 45px;
}

.woocommerce-billing-fields select {
    border-radius: 8px;
    height: 45px;
}

.payment-methods-wrapper {
    padding: 15px;
    border-radius: 12px;
    background: white;
}

form.checkout.woocommerce-checkout .col-inner.has-border {
    padding: 15px;
    border-radius: 12px;
    background: white;
    border: none;
}

.coupon-wrapper {
    padding: 15px;
    border-radius: 12px;
    background: white;
    margin: 30px 0px;
}

button#place_order {
    margin: 0px;
    border-radius: 24px;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    padding: 13px;
    margin-top: 15px;
}

.summary-row.order-total {
    padding: 15px 0px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.checkout-coupons{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}
.coupon-box {
    display: flex;
    padding: 10px;
    background: #E0E8EE;
    border-radius: 12px;
    gap: 5px;
}

.coupon-box button#apply_coupon_btn {
    border-radius: 8px;
    white-space: nowrap;
    background: #F49F2A;
    margin: 0px;
    font-size: 16px;
    text-transform: none;
    color: white;
    font-weight: 600;
}

.coupon-box input#custom_coupon_code {
    margin-bottom: 0px;
    border-radius: 8px;
}
.coupon-card {
    position: relative;
    width: 200px;
    min-height: 240px;
    padding: 12px;
    border-radius: 20px;
    background: #D4E8C7;
    color: #373737;
    text-align: center;
    border: 10px solid #ffffff;
    box-shadow: 0px 0px 20px #00000024;
}

.coupon-card:before,
.coupon-card:after{
    content:'';
    position:absolute;
    top:50%;
    width:30px;
    height:30px;
    background:#f3f4ef;
    border-radius:50%;
    transform:translateY(-50%);
	border: 8px solid #ffffff;
}

.coupon-card:before{
    left:-10px;
    border-radius: 0 50% 50% 0;
    border-left: 8px solid #eeeeee;
}

.coupon-card:after{
    right:-10px;
    border-radius: 50% 0 0 50%;
    border-right: 8px solid #eeeeee;
}

.coupon-card__code{
    display:inline-block;
    background:#fff;
    color:#f39c12;
    font-size:14px;
    padding:3px 8px;
    border-radius:3px;
    margin-bottom:10px;
}

.coupon-card__percent {
    font-size: 48px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 8px;
    color: #54A01C;
}

.coupon-card__condition,
.coupon-card__discount,
.coupon-card__expiry{
    font-size:12px;
    line-height:1.4;
}
.coupon-card__condition {
    padding: 0px 10px;
    color: #373737;
}

.coupon-card__expiry{
    margin-top:8px;
    opacity:.9;
}

.coupon-card__expiry {
    color: #717F8D;
}

button.coupon-card__apply {
    margin: 0px;
    margin: auto;
    border: 1px solid #BBD8A8;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.payment_box {
    display: block !important;
}

.payment_box p {margin-left: 33px;}
span.header-cart-title {
    display: none;
}
div#mega-block:before {
    content: "";
    position: absolute;
    background: #00000038;
    width: 100%;
    height: 100vh;    
	pointer-events: none;

}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.title-col-home .col-inner {
		gap: 15px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.title-col-home .col-inner .sub-category {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		overflow: auto;
		height: 40px;
		align-items: center;
	}
	.col-right-image {
		height: 320px;
	}

	.col-right-image .col-inner .image-1 {
		width: 200px !important;
	}

	.col-right-image .col-inner .image-2 {
		width: 200px !important;
	}

	.col-right-image .col-inner .image-3 {
		width: 200px !important;
		top: 200px;
		aspect-ratio: auto;
	}

	.col-right-image .col-inner .image-4 {
		top: 115px;
	}
	.row.row-white>.col {
		padding: 0 5px 30px;
	}

	.row.row-bg>.col {
		padding: 0 5px 30px;
	}
    .container-giai-phap {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .col.large-8.medium-8.small-12.col-form-ft .col-inner {
        width: 100%;
    }

    .row.row-small.footer-custom {
        background-size: cover;
    }
    .grid-posts {
        gap: 15px;
        grid-template-columns: repeat(1, 1fr);
        padding: 15px;
    }

    h3.title-row {
        padding: 0px 15px;
        margin-bottom: 0px;
    }

    .post-sidebar.large-3.col {
        padding-top: 0px;
    }
    .cart_totals {
        margin-top: 0;
    }
    .order-layout {
        grid-template-columns: 1fr;
    }

    .row.vertical-tabs .large-9.col {
        padding: 0px;
    }

    .order-box {
        padding: 0px;
    }

    .order-box h3, .order-box h2 {
        font-size: 25px;
    }
	.row-camket .col:nth-child(even) {padding-top: 0px;}
	.sale-showcase-layout {
		display: flex;
		flex-direction: column;
	}

	.sale-grid-products {
		grid-template-columns: repeat(1, 1fr);
	}

	.sale-featured-product .product-small {
		padding: 0px;
		padding-bottom: 15px;
	}
	.form-container.login-container {padding-right: 0px;width: 100%;}

	.form-container.register-container {padding-left: 6px;width: 100%;transform:  none !important;}

	.ws-auth-container.register-mode .register-container .account-register-inner>.nsl-container.nsl-container-block {
		display: none;
	}

	.nsl-container.nsl-container-block {}

	.ws-auth-container.register-mode .overlay-container {
		transform: none !important;
		width: 100%;
		left: 0;
		height: 360px;
	:
		auto;
		top: auto;
		bottom: 0px;
	}

	.ws-auth-container {
		min-height: 780px;
	}

	div#customer_login {}

	.ws-auth-container.register-mode {
		position: relative;
		min-height: 100px;
		padding-bottom: 360px;
	}

	.ws-auth-container.register-mode .register-container {
		position: relative;
		display: block;
		/* height: 600px; */
	}

	.overlay-container {
		width: 100%;
		height: 360px;
		left: 0;
		top: auto;
		bottom: -60px;
	}
	input#woocommerce-product-search-field-1 {
		padding-left: 35px;
	}
	span.header-cart-title {
		display: block;
	}
	.woocommerce-view-order .row.vertical-tabs .large-9.col .woocommerce .order-box {
		padding: 15px;
	}
	
	.woocommerce-orders .row.vertical-tabs .large-9.col .woocommerce .order-status-tabs {
		margin-top: 30px;
	}
	.wishlist-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	button.single_add_to_cart_button.button.alt {
		text-transform: none;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
	}

	form.cart {
		gap: 12px;
		row-gap: 12px;
	}

	button.ux-buy-now-button.button.primary.ml-half {
		font-size: 14px;
		text-transform: none;
	}
	input.input-text.qty.text {
		width: 50px;
	}
	.woocommerce-message.message-wrapper {
		transform: translateX(-50%);
		padding: 20px 10px !important;
		width: 80%;
	}

}