:root {
    --main-cl: #8A9B57;
    --sub-cl: #8A9B57;
    --text-cl: #212529;
    --star-color: #ffbe00;
    --star-align: center;
    --container-w: 76.5625rem;
}

.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: var(--container-w) !important;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar {
    width: 0.417rem;
    background-color: #cedbff;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

input, optgroup, select, textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

body {
    overflow-x: hidden;
}

.grid-container {
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}

#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}

#search-lightbox .search-lightbox-title {
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}

#search-lightbox .search-keywords {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}

#search-lightbox .search-keywords > a {
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#search-lightbox .search-keywords > a:hover {
    background-color: #fff;
    color: #000
}

#search-lightbox .flex-row > div {
    display: flex;
}

#search-lightbox .flex-row {
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}

#search-lightbox input {
    height: 100%;
    border: none;
}

#search-lightbox .button.icon {
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}

#search-lightbox .button.icon i {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000
}

#search-lightbox input {
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}

.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-content #search-lightbox {
    transform: translateY(-70%);
}

.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: .8s all;
    opacity: 1;
    background: transparent;
}

div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: .8s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}

div.load_home_page.complete .mask {
    background-color: transparent;
}

div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: .7s all ease-in-out;
    background-color: white;
    /*backdrop-filter: blur(40px);*/
}

div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}

div.load_home_page .mask span:nth-child(1) {
    top: 0;
}

div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}

div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}

div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}

div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}

.load_home_page.complete {
    visibility: hidden;
}

div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: .7s;
}

#respond input#wp-comment-cookies-consent {
    height: auto !important;
    margin: 0 10px 0 0 !important;
}

.load_home_page.complete svg {
    transition-delay: 0.8s;
    opacity: 0;
}

.load_home_page rect,
.load_home_page path {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

@keyframes Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}

@keyframes Signature2 {
    to {
        stroke: #FFF;
        stroke-dashoffset: 0;
    }
}


.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background: #fff;
}

.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: white;
    opacity: 1;
}

.load_home_page.complete img.logo_center {
    opacity: 0;
    transition-delay: .6s;
}

img.logo_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20rem;
    max-width: 80vw;
    transition: .8s all ease-in-out;
    opacity: 1;
    max-height: 20rem;
    height: auto;
}

.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: .8s;
    animation-delay: 0.4s;
    animation-fill-mode: forwards;
}

.search-page {
    padding: 5.208rem 0;
}

.search-page h1 {
    margin-bottom: 2.604rem;
}

.search-tabs .search-tabs-title {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    gap: 0.833rem;
}

.search-tabs .search-tabs-title .search-tab-title {
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--fs-color-primary);
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--fs-color-primary);
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s;
}

.search-tabs .search-tab-title:hover,
.search-tabs .search-tab-title.active {
    background-color: var(--fs-color-primary);
    color: #FFF;
}

.search-tabs .search-tab-content {
    display: none;
}

.search-tabs .search-tab-content.active {
    display: block;
}

.search-tabs .search-empty {
    color: #333;
    font-size: 1.25rem;
    line-height: 2.083rem;
    padding: 0.521rem;
}

.search-tabs .search-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.667rem;
    margin-bottom: 1.5625rem;
}

.search-tabs .search-item h3 {
    margin: 0.521rem 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}


/*setup code*/

html.js.has-off-canvas-undefined {
    margin-right: 0.417rem !important;
}

body.compensate-for-scrollbar {
    margin-right: 0 !important;
}

.uppercase {
    text-transform: uppercase;
}

.justify {
    text-align: justify;
}

.italic {
    font-style: italic;
}


.t-w,
.text-white,
.text_white {
    color: white;
}


.clearfix:after {
    content: unset;
}

.cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .7s all;
}

.contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .7s all;
}

img,
path,
line,
svg {
    transition: .7s all;
}


svg {
    width: 100%;
    height: 100%;
    display: block;
}

.img-scale:hover img {
    transform: scale(1, 1);
    transition: .7s all;
}

.pattern {
    position: absolute;
    pointer-events: none;
    transition: .7s all;
}

.z-1 {
    z-index: 1 !important;
}

.z-2 {
    z-index: 2 !important;
}

.z-3 {
    z-index: 3 !important;
}

.z-4 {
    z-index: 4 !important;
}

.z-5 {
    z-index: 5 !important;
}

.flex-col {
    flex-direction: column;
}

.item_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes pulse-border {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}

@keyframes pulse-border-transform {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border-tiny {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border-2 {
    0% {
        transform: scale(1) translate(-50%, -50%);
        opacity: 1;
    }
    100% {
        transform: scale(1.3) translate(-50%, -50%);;
        opacity: 0;
    }
}

@keyframes pulse-border3 {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes shake {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-15deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(15deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-15deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(15deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}


@keyframes shake-2 {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-5deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(5deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-5deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(5deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}


@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.content {
    font-size: 0.833rem;
}

.l-content {
    font-size: 1.042rem;
}

body {
    font-family: 'Inter';
}

.tab_block_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateX(-60px) skewX(8deg);
    transition: opacity .5s ease, transform .5s cubic-bezier(.34, 1.56, .64, 1);
    pointer-events: none;
}

.tab_block_inner.active {
    opacity: 1;
    transform: translateX(0) skewX(0deg);
    pointer-events: auto;
    position: relative;
}

/*end setup*/
.home_slide_image {
    height: 36.042rem;
}

.home_2 {
    background: #D7E3C6;
    padding: 1.198rem 0;
}

.home_2 .col {
    padding-bottom: 0;
}

.home_2 .slide_item {
    padding: 0 1.458rem;
}

.home_menu_slide {
    margin: 0 -1.458rem;
}

.home_2 .slide_item .image {
    width: 6.146rem;
    height: 6.146rem;
    background: #F4FFE5;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.302rem;
}

.home_2 .slide_item {
    color: #000000;
    font-size: 0.833rem;
}

.home_2 .slide_item .title {
    margin-top: 0.833rem;
}

.home_2 .slide_item:hover img {
    transform: rotateY(360deg);
    transition: .7s all;
}

.btn {
    display: flex;
    align-items: center;
    gap: 0.99rem;
    white-space: nowrap;
    text-transform: uppercase;
    color: #484848;
    font-family: 'Inter medium';
    transition: .7s all;
    flex: 0 0 auto;
}

.btn:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.btn:hover svg path {
    stroke: var(--main-cl);
    transition: .7s all;
}

span.btn_svg {
    width: 0.365rem;
}

.home_3 {
    padding-top: 4.167rem;
}

.wrap_outer {
    padding: 1.354rem 0.833rem 1.354rem 1.09375rem;
    background: white;
    border-radius: 5px;
}

#main {
    background: #F4FAEC;
}

.page-template-about #main,
.page-template-price #main {
    background: white;
}

h1, h2 {
    margin: 0;
    font-family: 'Inter extrabold';
    color: var(--main-cl);
    font-weight: unset;
    font-size: 1.667rem;
}

.image_list {
    margin-top: 0.625rem;
    gap: 0.26rem;
}

.image_list .item {
    width: calc(100% / 3 - (0.26rem * 2 / 3));
    height: 11.823rem;
    border-radius: 10px;
    overflow: hidden;
}

.image_list .item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.home_menu_wrap_2 {
    margin-top: 1.198rem;
    padding: 0 1.09375rem;
    overflow: hidden;
}

.home_menu_wrap_2 .slide_item {
    padding: 0 2.24rem;
    text-align: center;
}

.home_menu_wrap_2 .slide_item a.item_link {
    z-index: 10;
}

.home_menu_2_slide {
    margin: 0 -2.24rem;
}

.home_menu_wrap_2 .slide_item .title {
    margin-top: 1.25rem;
    font-family: 'Inter bold';
    color: #212529;
    text-transform: uppercase;
    line-height: normal;
    transition: .7s all;
}

.home_menu_wrap_2 .slide_item .image {
    width: 10.208rem;
    height: 10.208rem;
    border-radius: 100%;
    border: 1px solid #EBEBEB;
    position: relative;
    overflow: hidden;
}

.home_menu_wrap_2 .slide_item .image:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: radial-gradient(115.56% 115.56% at 50% 0%, #D1E39D 0%, #50622F 63.09%, #3D4726 100%);
    opacity: 0;
    transition: .7s all;
    pointer-events: none;
}

.home_menu_wrap_2 .swiper-slide-active .slide_item .title,
.home_menu_wrap_2 .swiper-slide .slide_item:hover .title {
    color: var(--sub-cl);
    transition: .7s all;
}

.home_menu_wrap_2 .swiper-slide .slide_item:hover img {
    transform: scale(0.9);
    transition: .7s all;
}

.home_menu_wrap_2 .swiper-slide-active .slide_item .image:before,
.home_menu_wrap_2 .swiper-slide .slide_item:hover .image:before {
    opacity: 1;
    width: 100%;
    transition: .7s all;
}

.home_menu_wrap_2 .slide_item .image img {
    position: relative;
    z-index: 2;
}

.home_4 .wrap_outer {
    padding-bottom: 1.771rem;
}

.brand_wrap {
    margin-top: 0.573rem;
}

.brand_slide .slide_item {
    padding: 0 0.521rem;
}

.brand_slide {
    margin: 0 -0.521rem;
}

.brand_slide .slide_item .image {
    padding: 1.458rem 1.771rem;
    border-bottom: 1px solid #C9C9C9;
}

.brand_slide .slide_item .title {
    margin-top: 0.833rem;
    font-size: 0.833rem;
    color: #212529;
    font-family: 'Inter bold';
    text-transform: uppercase;
}

.brand_slide .slide_item:hover img {
    transform: scale(0.9);
    transition: .7s all;
}

.home_6 {
    padding-top: 1.042rem;
}

.home_6 .image_wrap {
    gap: 1.354rem;
}

.home_6 .item {
    flex: 1;
    border-radius: 15px;
    overflow: hidden;
}

.home_6 .item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.top_search_inner {
    /*padding: 0.521rem 1.042rem 0.521rem 0.625rem;*/
    padding: 0.15625rem 1.042rem 0.15625rem 0.26rem;
    border: 0.85px solid #E1E1E1;
    border-radius: 85px;
}

.top_search_wrap {
    margin-top: 1.25rem;
}

.top_search_slide {
    margin: 0 -0.26rem;
}

.top_search_slide .swiper-slide {
    padding: 0 0.26rem;
}

.top_search_inner .item_left {
    /*width: 3rem;*/
    /*height: 3rem;*/
    width: 5rem;
    height: 5rem;
    flex: 0 0 auto;
}

.top_search_inner .item_right {
    font-family: 'Inter semibold';
    color: #212529;
    transition: .7s all;
    line-height: 1.4;
}

.top_search_wrap .top_search_inner:hover .item_right,
.swiper-slide-active .top_search_inner .item_right {
    color: var(--sub-cl);
    transition: .7s all;
}

.home_product_item.wrap_outer {
    width: 100%;
}

.home_8 .wrap_outer {
    position: relative;
}

.home_8 .wrap_outer:before {
    position: absolute;
    content: '';
    left: 0;
    top: 9.5%;
    border: 1px solid #E9E9E9;
    width: 100%;
}

.product_wrap {
    gap: 0.521rem;
    margin-top: 1.25rem;
}

.product_wrap .item_left {
    width: 12.65625rem;
    flex: 0 0 auto;
    border-radius: 5px;
    overflow: hidden;
}

.home_product_wrap .item_left .item_inner .title {
    padding: 0;
}

.home_product_wrap .item_inner {
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.979rem 1.302rem;
    color: white;
    gap: 0.78125rem;
}

.home_product_wrap .item_inner .title {
    font-family: 'Inter extrabold';
    font-size: 1.667rem;
    line-height: normal;
    padding: 0 .5rem;
}

.home_product_wrap .item_inner .btn {
    color: white;
}

.home_9 .image_wrap {
    margin-top: 0.78125rem;
    gap: 0.26rem;
}

.home_9 .image_wrap .item {
    width: calc(100% / 3 - (0.26rem * 2 / 3));
    border-radius: 5px;
    height: 11.823rem;
    overflow: hidden;
}

.home_9 .image_wrap .item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

footer {
    background: #F4FAEC;
}

main {
    padding-bottom: 3.125rem;
}

.row.footer_1:before,
.row.footer_2:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    width: 150%;
    height: 1px;
    background: #57542F;
    transform: translateX(-50%);
}

.row.footer_1,
.row.footer_2 {
    position: relative;
}

.row.footer_1 {
    padding-top: 2.604rem;
}

.footer_title {
    font-size: 1.146rem;
    font-family: 'Inter bold';
    color: #57542F;
}

.footer_menu {
    margin-top: 0.208rem;
    gap: 0.417rem;
}

.footer_menu a {
    color: #333333;
    transition: .7s all;
}

.footer_menu a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.footer_content {
    font-size: 0.729rem;
    color: #666666;
    margin-top: 0.208rem;
}

.footer_social {
    margin-top: 1.198rem;
}

footer .social_wrap {
    margin-top: 0.365rem;
    gap: 0.521rem;
}

footer .social_wrap .item {
    width: 2.135rem;
    height: 2.135rem;
    flex: 0 0 auto;
}

footer .social_wrap .item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.footer_payment {
    margin-top: 1.198rem;
}

.payment_wrap {
    gap: 0.46875rem;
    margin-top: 0.365rem;
}

.payment_wrap .item {
    width: 3.542rem;
    height: 2.1875rem;
    padding: 0.104rem 0.885rem 0.26rem 0.573rem;
}

.payment_wrap .item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.row.footer_2 {
    margin-top: 0.885rem;
    padding-top: 2.24rem;
}

.footer_content_wrap {
    margin-top: 0.46875rem;
    display: flex;
    flex-direction: column;
    gap: 0.208rem;
}

.footer_content_wrap .item {
    gap: 0.46875rem;
}

.footer_content_wrap .item .icon {
    width: 0.729rem;
    flex: 0 00 auto;
    display: flex;
    justify-content: start;
    align-items: start;
    margin-top: .2rem;
}

.footer_content_wrap .content {
    font-size: 0.729rem;
    color: #484848;
    line-height: 1.5;
}

.footer_content_wrap .content a {
    color: #484848;
    transition: .7s all;
}

.footer_content_wrap .content a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.footer_content_wrap .content p:last-child {
    margin: 0;
}

.image_certificate {
    width: 9.427rem;
    height: auto;
    margin-top: 0.573rem;
}

.row.footer_2 .col,
.row.footer_3 .col {
    padding-bottom: 0;
}

footer#footer {
    padding-bottom: 2.8125rem;
}

#top-bar .flex-row.container {
    max-width: unset !important;
    padding: 0;
    height: 3.646rem;
}

.keyword_wrap {
    gap: 0.729rem;
    margin-top: 0.3125rem !important;
}

.keyword_wrap li {
    line-height: 1;
}

.keyword_wrap li a {
    font-size: 0.625rem;
    font-family: 'Inter';
    color: #666666;
    transition: .7s all;
}

.keyword_wrap li a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.search_header input {
    background: #ECECEC;
    box-shadow: none;
    border: none;
    padding: 0.625rem 0.625rem 0.521rem 2.865rem;
    color: #999999;
    font-size: 0.833rem;
    border-radius: 5px;
}

svg.search_svg {
    left: 0.885rem;
    top: 53%;
    transform: translateY(-50%);
    width: 1.09375rem;
    height: 1.09375rem;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cta_header .cta {
    gap: 0.365rem;
}

.cta_header .cta .icon {
    width: 1.823rem;
    height: 1.823rem;
    flex: 0 0 auto;
    margin-top: 0.26rem;
}

.cta_header .cta .title {
    color: var(--main-cl);
    font-family: 'Inter bold';
    font-size: 1.042rem;
    line-height: 1;
    transition: .7s all;
}

.cta_header .cta .content {
    color: #212529;
    font-size: 0.885rem;
}

.cta_header .cta:hover .title {
    color: var(--sub-cl);
    transition: .7s all;
}

.cta_header .cta.login {
    margin-left: 28px;
}

.cta_header .cta.login .title {
    font-size: 0.9375rem;
}

.cta_header .cta.login .icon {
    width: 2.1875rem;
    height: 2.1875rem;
    margin-top: 0;
}

.cta_header .cart {
    /*margin-left: 2.708rem;*/
    width: 2.1875rem;
    height: 2.1875rem;
    flex: 0 0 auto;
    background: var(--main-cl);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .7s all;
    cursor: pointer;
}

.cta_header .cart_inner {
    width: 1.09375rem;
    height: 0.99rem;
}

.cta_header .cart_count {
    position: absolute;
    right: -0.625rem;
    top: -0.521rem;
}

span.fs-cart-count {
    background: unset;
    padding: 0;
    width: 100%;
    height: 100%;
    color: var(--main-cl);
    font-family: 'Inter semibold';
    font-size: 0.729rem;
    background: #F4FAEC;
    border: 1px solid #F9F5F0;
    box-shadow: 0px 2px 2px 0px #00000040;
    color: var(--main-cl);
}

.cta_header .cart:hover {
    background: var(--sub-cl);
    transition: .7s all;
}

header .flex-left.flex-grow li.html.custom.html_topbar_right {
    width: 100%;
    padding-right: 1.823rem;
}

.menu_list {
    height: 100%;
}

.header-bottom {
    /*padding: 0.677rem 0;*/
    background: #F4FAEC !important;
}

.menu_list .item:hover .title {
    color: var(--sub-cl);
    transition: .7s all;
}

.menu_list {
    gap: 3.333rem;
}

.menu_list .item {
    gap: 0.417rem;
}

.menu_list .item .icon {
    width: 1.09375rem;
    max-height: 1.146rem;
    flex: 0 0 auto;
    display: flex;
}

.menu_list .item .title {
    color: var(--main-cl);
    font-size: 0.78125rem;
    line-height: 1;
    font-family: 'Inter bold';
    text-transform: uppercase;
    transition: .7s all;
}

.mega_menu {
    padding: 0.885rem 0.9375rem 0.729rem;
    background: var(--sub-cl);
    gap: 0.417rem;
    color: white;
    font-family: 'Inter semibold';
    transition: .7s all;
    line-height: normal;
    margin-right: 3.177rem;
}

.mega_menu .icon {
    width: 0.99rem;
    height: 0.99rem;
    flex: 0 0 auto;
    display: flex;
}

.banner_hero {
    height: 26.042rem;
}

.breadcrumbs ol {
    list-style: none;
    gap: .5rem;
    display: flex;
    align-items: center;
    margin: 0;
}

.breadcrumbs {
    padding: 0.625rem 0 0;
    font-weight: unset;
}

.page-template-about .breadcrumbs {
    padding: 0.625rem 0 2.125rem;
}

.breadcrumbs ol li:not(:first-child) {
    padding-left: .5rem;
}

.breadcrumbs ol li {
    margin: 0;
    position: relative;
}

.breadcrumbs ol li:not(:first-child):before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 54%;
    background: #212529;
}

.breadcrumbs ol li a {
    font-size: 0.9375rem;
    color: #212529;
    transition: .7s all;
    opacity: 50%;
}

.breadcrumbs ol li:last-child a,
.breadcrumbs ol li:hover a {
    opacity: 100%;
    transition: .7s all;
}

.sidebar_wrap {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--main-cl);
    overflow: hidden;
}

.sidebar_title h2 {
    font-family: 'Inter bold';
    font-size: 1.25rem;
    line-height: normal;
    text-transform: uppercase;
    padding: 1.5rem 1rem;
    background: var(--main-cl);
    color: white;
    text-align: center;
}

.store_wrap {
    flex-direction: column;
    align-items: center;
    background: #F4FAEC;
}

.store_wrap > .item {
    padding: 2.5rem 2.5rem 1rem;
}


.store_wrap .item > a {
    display: block;
}

.store_wrap .item > a .image {
    width: 100%;
    height: 11.146rem;
    display: block;
}

.store_wrap .item .title {
    margin-top: 2.5rem;
    text-transform: uppercase;
    color: #212529;
    font-family: 'Inter bold';
}

.store_wrap > .item .list_content {
    margin-top: 1.25rem;
    gap: .93rem;
}

.store_wrap > .item .list_content .icon {
    width: 0.833rem;
    height: auto;
    flex: 0 0 auto;
    display: flex;
    margin-top: .25rem;
}

.store_wrap > .item .list_content .content p:last-child {
    margin: 0;
}

.store_wrap > .item .list_content .content {
    color: #212529;
}

.store_wrap > .item .list_content .content a {
    color: #212529;
    transition: .7s all;
}

.store_wrap > .item .list_content .content a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.store_wrap .list_content .item {
    gap: .5rem;
}

.store_wrap > .item:not(:last-child) {
    border-bottom: 1px solid #d5d5d5;
}

.the_content p {
    font-size: 0.833rem;
    line-height: 1.5;
    color: #212529;
}

.the_content p:last-child {
    margin: 0;
}

img.size-full.alignnone {
    width: 100%;
    height: auto;
}

.about_2 .col_left {
    padding-right: 3rem;
}

.about_2 h1 {
    font-size: 2.083rem;
    line-height: 1.5;
}

.the_content :is(ul,ol) {
    padding-left: 1rem;
}

.the_content img {
    border-radius: 15px;
    overflow: hidden;
}

.commit_wrap {
    gap: 2rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.commit_wrap .item {
    gap: 1rem;
    width: calc(100% / 4 - (2rem * 3 / 4));
}

.commit_wrap .item .icon {
    width: 9.792rem;
    height: 7.292rem;
}

.commit_wrap .item .icon img {
    object-fit: contain;
    transition: .7s all;
}

.commit_wrap .item .title {
    font-family: 'Inter semibold';
    color: black;
    line-height: normal;
    font-size: 0.833rem;
    text-align: center;
}

.commit_wrap .item:hover img {
    transform: rotateY(360deg);
    transition: .7s all;
}

.about_3 {
    background: var(--main-cl);
}

.page-template-about main#main {
    padding-bottom: 0;
}

.about_3 .item:not(:last-child) {
    border-right: 2px solid rgba(255, 255, 255, 0.2);
}

.about_3 .item {
    height: 5.208rem;
    align-items: center;
    padding: 1rem 0;
    flex: 1;
    justify-content: center;
}

.about_3 .item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.about_3 {
    margin-top: 3rem;
}

.header-bg-color {
    background: white;
}

header .stuck .header-main {
    padding: 0.521rem 0;
    height: auto !important;
}

.top-divider {
    display: none;
}

.breadcrumbs ol li:last-child a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.sidebar_left {
    background: white;
    box-shadow: 0 4px 250px rgba(0, 0, 0, 0.03);
    border-radius: 0.3125rem /* 5/16 */;
}

.sidebar_left .title {
    color: var(--main-cl);
    font-family: 'Inter bold';
    font-size: 1.25rem;
    padding: .75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    line-height: normal;
}

.sidebar_left ul, .sidebar_left ul li {
    width: 100%;
}

.sidebar_left ul li a {
    padding: .75rem;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    font-size: 0.9375rem;
    font-family: 'Inter medium';
}

.sidebar_left li.current-menu-item a, .sidebar_left li:hover > a {
    color: var(--main-cl);
    transition: .7s all;
}

.sidebar_left ul li:last-child a {
    border-bottom: unset;
}

.support_wrap .the_content_wrap {
    background: white;
    border-radius: 0.3125rem /* 5/16 */;
}

.support_banner {
    width: 100%;
    height: 12.135rem;
}

.support_wrap h1 {
    padding: 1.875rem 4rem 0;
}

.support_wrap .the_content {
    padding: 1rem 4rem 3rem;
}

.accordion_item {
    background: white;
    padding: 1rem 2rem 1rem 1.25rem;
    cursor: pointer;
}

.accordion_wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 10px;
    overflow: hidden;
}

.accordion_detail .index {
    color: var(--main-cl);
    font-family: 'Inter extrabold';
    font-size: 1.042rem;
}

.accordion_detail {
    gap: 1.5rem;
}

.accordion_detail .title {
    padding-left: 1.5rem;
    border-left: 1px solid #d0d0d0;
    font-family: 'Inter bold';
    color: black;
    font-size: 0.9375rem;
}

.accordion_heading {
    width: 100%;
    justify-content: space-between;
    gap: 1rem;
}

.accordion_content {
    color: #212529;
    padding: 1.5rem 1rem 0;
}

.accordion_item.active svg {
    transform: rotate(360deg);
    transition: .7s all;
}

.accordion_item.active svg path:last-child {
    opacity: 0;
    transition: opacity .7s ease;
}

.map {
    width: 100%;
    height: 35.417rem;
}

.map iframe {
    width: 100%;
    height: 100%;
}

.contact_wrap {
    margin-top: 5rem;
    background: white;
    padding: 4.5rem 6rem;
    border-radius: 10px;
    overflow: hidden;
}

.contact_wrap {
    gap: 2rem;
}

.contact_wrap .item_left {
    width: 65%;
    padding-right: 2rem;
    border-right: 1px solid gray;
}

.contact_wrap .item_right {
    width: 35%;
}

.contact_wrap .item_right .logo {
    width: auto;
    height: 3.125rem;
}

.contact_wrap .item_right .logo img {
    height: 100%;
    object-fit: contain;
}

.store_contact {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid gray;
    gap: 1rem;
}

.store_contact .item {
    gap: .5rem;
}

.store_contact .item .title {
    font-size: 1.042rem;
    font-family: 'Inter bold';
    text-transform: uppercase;
    color: #212529;
}

.store_contact .item .content_wrap .item_inner {
    gap: .5rem;
}

.store_contact .item .content_wrap .item_inner.icon {
    width: 1.042rem;
    height: auto;
}

.store_contact .item .content_wrap .item_inner .icon {
    width: 0.833rem;
    height: auto;
    display: flex;
    flex: 0 0 auto;
    margin-top: .25rem;
}

.store_contact .item .content_wrap .item_inner .content p:last-child {
    margin: 0;
}

.store_contact .item .content_wrap {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.store_contact .item .content_wrap .item_inner .content {
    color: #212529;
}

.store_contact .item .content_wrap .item_inner .content a {
    color: #212529;
    transition: .7s all;
}

.store_contact .item .content_wrap .item_inner .content a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.store_contact .item:not(:last-child) {
    padding-bottom: 1rem;
    border-bottom: 1px solid gray;
}

.social_contact {
    width: 100%;
    padding-top: 1rem;
    border-top: 1px solid gray;
    margin-top: 1rem;
    gap: .5rem;
}

.social_contact a {
    width: 2.083rem;
    height: 2.083rem;
    flex: 0 0 auto;
    border-radius: 100%;
    transition: .7s all;
}

.social_contact a:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.contact_form {
    margin-top: 2rem;
}

.contact_form label {
    font-size: 0.729rem;
    color: #212529;
    font-family: 'Inter bold';
}

.contact_form input {
    margin: 0;
    box-shadow: none;
    line-height: normal;
    border: 1px solid #dddddd;
    border-radius: 20px;
    padding: 0 1rem;
    color: #212529;
    font-size: 0.9375rem;
    transition: .7s all;

}

.contact_form .col {
    padding-bottom: 1.042rem;
}

input:focus,
textarea:focus {
    box-shadow: 0 0 5px var(--main-cl) !important;
}

.contact_form :is(input,textarea)::placeholder {
    color: gray;
}


.contact_form textarea {
    margin: 0;
    border-radius: 10px;
    font-size: 0.9375rem;
    padding: .75rem 1rem;
    transition: .7s all;

}

.contact_form input.wpcf7-submit {
    background: var(--sub-cl);
    color: white;
    font-weight: unset;
    min-height: unset;
    padding: .5rem 1rem;
    font-family: 'Inter bold';
    transition: .7s all !important;
    margin-top: 1.5rem;

}

span.wpcf7-spinner {
    display: none;
}

.contact_form input.wpcf7-submit:hover {
    background: var(--main-cl);
    transition: .7s all;
}

.contact_form input.wpcf7-submit:focus {
    box-shadow: unset !important;
}

.about_3 .item .icon {
    width: auto;
    height: 100%;
    object-fit: contain;
}

.wpcf7 .wpcf7-not-valid-tip {
    background: var(--main-cl);
    opacity: 1;
    position: absolute;
    z-index: 1;
    color: white;
    font-size: 0.625rem;;
    margin-top: -7px;
}

.wpcf7 .wpcf7-not-valid-tip:after {
    border-bottom-color: var(--main-cl);
}

.wpcf7 form .wpcf7-response-output {
    font-size: 0.833rem !important;
    margin: 1rem 0 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: var(--main-cl);
    color: white;
    border: 1px solid var(--main-cl);
    text-align: center;
}

.sidebar_top {
    border-radius: 30px;
    height: 18rem;
}

.sidebar_top > img {
    border-radius: 30px;
}

.sidebar_top:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 30px;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(19, 19, 19, 0.75) 0%, rgba(19, 19, 19, 0.75) 100%);
}

.sidebar_top .group_content {
    top: 0;
    left: 0;
    padding: 1.823rem;
}

.sidebar_top .group_content .title {
    font-family: 'Inter bold';
    font-size: 1.25rem;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.page-template-price .btn {
    background: linear-gradient(
            117deg,
            #006838 5.42%,
            #8DC63F 96.63%
    );
    color: white;
    padding: .5rem .75rem;
    text-transform: unset;
    width: fit-content;
    font-family: 'Inter semibold';
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.page-template-price .btn:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    opacity: 0;
    background: var(--main-cl);
    transition: .7s all;
    height: 100%;
}

.page-template-price .btn:hover:before {
    width: 100%;
    opacity: 1;
    transition: .7s all;
}

.sidebar_top .group_content .btn {
    margin-top: .5rem;
}

.sidebar_top .pattern {
    width: 11.24rem;
    right: 0;
    z-index: 1;
    bottom: -2rem;
    pointer-events: none;
}

.sidebar_top .pattern img {
    object-fit: contain;
    height: auto;
}

.sidebar_price {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    position: sticky;
    top: 10rem;
}

.sidebar_bottom {
    padding: 0.3125rem;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid var(--main-cl);
    background: linear-gradient(
            117deg,
            rgba(141, 198, 63, 0.15) 5.41%,
            rgba(0, 104, 56, 0.15) 96.52%
    );
}

.sidebar_inner {
    background: linear-gradient(117deg, #8DC63F 5.41%, #006838 96.52%);
    border-radius: inherit;
    padding: 1.2rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    position: relative;
}

.sidebar_list {
    gap: 0.417rem;
}

.sidebar_list .item {
    width: 100%;
    height: 3.125rem;
    border-radius: 4px;
    overflow: hidden;
    transition: .7s all;
    position: relative;
}

.sidebar_list .item:before {
    content: "";
    top: 49%;
    z-index: 1;
    right: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: 0.4s ease-in-out;
    pointer-events: none;
    background-color: var(--sub-cl);
    transform: skewX(25deg) translate(0%, -50%);
}

.sidebar_list .item:hover:before {
    transform: skewX(25deg) translate(200%, -50%);
}

.sidebar_bottom_cta .title {
    text-align: center;
    color: white;
    font-family: 'Inter semibold';
    font-size: 1.25rem;
}

.sidebar_cta {
    background: black;
    padding: 0.417rem 0.833rem;
    border-radius: 8px;
    overflow: hidden;
    width: fit-content;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    gap: 0.417rem;
    align-items: center;
}

.sidebar_bottom_cta {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    position: relative;
    padding-top: 1.25rem;
}

.sidebar_cta .content {
    font-size: 0.729rem;
    color: white;
    line-height: normal;
}

.sidebar_cta .content a {
    color: white !important;
}

.sidebar_cta a {
    color: white;
    line-height: 1.5;
    font-family: 'Inter bold';
    transition: .7s all;
}

.sidebar_cta a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.sidebar_bottom_cta:before {
    position: absolute;
    content: '';
    background: linear-gradient(to right, rgba(237, 227, 215, 0), #ede3d7 50%, rgba(237, 227, 215, 0));
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 0.1rem;
}

h1.title_page {
    font-size: 2.604rem;
}

.the_content :is(p, span, strong, ul, li, ol) {
    color: #212529;
    font-size: 0.833rem;
}

.the_content li {
    margin: 0;
}


table {
    margin: 1.6rem 0;
    border-radius: 1rem;
    overflow: hidden auto;
    width: 100% !important;
    height: auto !important;
    border-collapse: separate !important;
}

th,
td {
    font-size: 0.833rem;
    line-height: normal;

    strong {
        font-size: 0.833rem;
    }
}

td {
    padding: .5rem 1rem;
    vertical-align: middle;
    background-color: transparent;

    @include max(576px) {
        padding: 1rem 0.8rem;
    }
}

tbody {
    background-color: #fff;
}

th {
    text-align: center;
    color: #fff;
    font-weight: 700;
    background-color: var(--sub-cl);
    padding: 1rem;
    height: 3.5rem;
    vertical-align: middle;

}

tr {
    &:first-child {
        color: white;
        background-color: var(--sub-cl);
    }
}

.price_content table tr:first-child * {
    color: white;
    background-color: var(--sub-cl);
    th
}

th:first-child {
    border-top-left-radius: 1rem;
}

th:last-child {
    border-top-right-radius: 1rem;
}

tbody tr:last-child td:first-child {
    border-bottom-left-radius: 1rem;
}

tbody tr:last-child td:last-child {
    border-bottom-right-radius: 1rem;
}

thead th:not(:last-child) {
    border-right: 0.1rem solid #d9d9d9;
}

tbody tr td {
    border-right: 0.1rem solid #d9d9d9;
    border-bottom: 0.1rem solid #d9d9d9;

    &:first-child {
        border-left: 0.1rem solid #d9d9d9;
    }
}

tbody tr td {
    text-align: center;
}

.page-template-price {
    overflow: unset;
    overflow-x: clip;
}

.price_2 {
    padding-top: 5.208rem;
}

.banner_cta {
    width: 100%;
    border-radius: 24px;
}

.banner_cta .background {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
}

.banner_cta .background:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(0deg, rgba(19, 19, 19, 0.85) 0%, rgba(19, 19, 19, 0.85) 100%);
    pointer-events: none;
}

.banner_cta .group_content {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 36.979rem;
}

.banner_cta .group_content h2 {
    font-size: 2.34375rem;
    line-height: normal;
    color: white;
}

.banner_cta .group_content > .content {
    margin-top: 0.521rem;
}

.banner_cta .cta_wrap {
    margin-top: 1.5rem;
    gap: 1rem;
}

.page-template-price .banner_cta .btn {
    font-family: 'Inter medium';
    padding: .5rem 1.25rem;
}

.page-template-price span.btn_content {
    font-size: 0.833rem;
}

.banner_cta .cta_wrap .btn:nth-child(2) {
    background: unset;
    border: 1px solid var(--sub-cl);
    color: var(
            --sub-cl) !important;
}

.banner_cta .cta_wrap .btn:nth-child(2) .btn-content {
    color: rebeccapurple;
}

.banner_cta .cta_wrap .btn:nth-child(2):hover:before {
    background: var(--sub-cl);
}

.banner_cta .cta_wrap .btn:nth-child(2):hover {
    color: white !important;
    transition: .7s all;
}

.cta_bottom {
    margin-top: 1.5rem;
    gap: 2rem;
    justify-content: center;
}

.cta_bottom {
}

.cta_bottom * {
    margin: 0 !important;
}

.cta_bottom_wrap {
    gap: 1rem;
}

.cta_bottom_wrap .item {
    gap: .5rem;
}

.cta_bottom_wrap .item .icon {
    width: 1.5625rem;
    display: flex;
    flex: 0 0 auto;
}

.cta_bottom_wrap .item .icon a .content {
    color: white !important;
}

.cta_bottom_wrap .item a {
    color: white !important;
    font-size: 0.729rem;
    line-height: normal;
    font-family: 'Inter bold';
    transition: .7s all;
}

.cta_bottom_wrap .item a:hover {
    color: var(--sub-cl) !important;
    transition: .7s all;
}

h2 span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(117deg, #8DC63F 5.42%, #006838 96.63%);

    -webkit-background-clip: text;
}

@keyframes floatAni {
    0% {
        transform: translatey(0);
    }

    50% {
        transform: translatey(-4rem);
    }

    100% {
        transform: translatey(0);
    }
}

.pattern.pattern_item_1 {
    right: -4%;
    width: 15rem;
    height: 15rem;
    top: 5.6rem;
    z-index: 1;
    animation: floatAni 8s ease-in-out infinite;
}

.pattern.pattern_item_2 {
    top: -1.8rem;
    right: -12rem;
    width: 9rem;
    height: 9rem;
    animation: floatAni 5s ease-in-out infinite;
}

.pattern.pattern_item_3 {
    bottom: 0;
    z-index: 1;
    max-width: 26rem;
}

.price_3 {
    padding-top: 5rem;
}

.page-template-price .price_3 .btn {
    margin-left: auto;
}

.page-template-price .price_3 .btn_svg {
    width: 0.9375rem;
}

.page-template-price .price_3 .btn:hover svg path {
    stroke: white;
    transition: .7s all;
}

.price_logo .item {
    height: 5rem;
    flex: 0 0 auto;
}

.price_logo .item img {
    object-fit: contain;
}

.price_logo {
    animation: marquee 30s infinite;
    gap: 3rem;
}

.page-template-price #main {
    padding-bottom: 2rem;
}

.price_1 .share_wrap.flex.items-center {
    margin-top: 2rem;
    font-size: 0.9375rem;
    color: #212529;
    gap: 1rem;
}

.price_1 .share {
    gap: .5rem;
}

.price_1 .share a {
    width: 1.5625rem;
    height: 1.5625rem;
    background: linear-gradient(117deg, #8DC63F 5.41%, #006838 96.52%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    padding: .4rem;
    transition: .7s all;
}

.price_1 .share a:hover {
    transform: scale(1.1);
    transition: .7s all;
}

.slide_item {
    padding: 0 0.521rem;
}

.blog_slide {
    margin: 0 -0.521rem;
}

.blog_feature_wrap {
    width: 100%;
    height: 28.646rem;
    border-radius: 30px;
    overflow: hidden;
}

.blog_feature_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog_feature_wrap:before {
    content: '';
    background: linear-gradient(180deg, rgba(255, 245, 246, 0) 0%, rgba(255, 245, 246, 0.9) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 40%;
    pointer-events: none;
    z-index: 1;
}

.blog_feature_wrap .group_content .meta_wrap .dot {
    width: 1px;
    height: 16px;
    background: gray;
}

.blog_feature_wrap a.item_link {
    z-index: 3;
}

.blog_feature_wrap .group_content {
    z-index: 2;
    bottom: 0;
    left: 0;
    padding: 2.083rem 2.448rem;
    width: 100%;
}

.blog_feature_wrap .group_content .meta_wrap {
    color: gray;
    gap: .75rem;
}

.blog_feature_wrap h3 {
    font-size: 1.5625rem;
    color: #212529;
    font-family: 'Inter bold';
    transition: .7s all;
    margin: 0;
}

.blog_feature_wrap .title_wrap {
    gap: 1rem;
}

.blog_feature_wrap .svg {
    width: 1.5625rem;
    height: 1.5625rem;
    flex: 0 0 auto;
}

.blog_1 .slide_item:hover svg path {
    stroke: var(--main-cl);
    transition: .7s all;
}

.blog_1 .slide_item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.blog_feature_wrap {
    overflow: hidden;
}

.blog_1 .slide_item:hover h3 {
    color: var(--main-cl);
    transition: .7s all;
}

.pagination_wrap .swiper-pagination {
    display: none;
}

.pagination_wrap .arrow_slide {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--main-cl);
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    z-index: 5;
    padding: .7rem;
    border-radius: 100%;
    cursor: pointer;
    transition: .7s all;
    opacity: 50%;
}

.pagination_wrap .arrow_slide.prev {
    left: 0;
}

.pagination_wrap .arrow_slide.next {
    right: 0;
}

.pagination_wrap .arrow_slide.next svg {
    transform: rotate(180deg);
}

.pagination_wrap .arrow_slide svg path {
    stroke: white;
}

.pagination_wrap .arrow_slide:hover {
    opacity: 100%;
    transition: .7s all;
}

.blog_2 {
    padding-top: 5rem;
}

.blog_term {
    overflow: auto;
    padding-bottom: .2rem;
    border-top: 1px solid #E9E9E9;
    scroll-behavior: smooth;
}

.blog_term .item {
    padding: .5rem 1.5rem;
    flex: 0 0 auto;
    color: #212529;
    border-radius: 5px;
    transition: .7s all;
    border: 1px solid transparent;
}

.blog_term .active.item {
    background: var(--main-cl);
    color: white;
}

.blog_term .item:hover {
    background: white;
    transition: .7s all;
}

.blog_term .active.item:hover {
    background: white;
    border: 1px solid var(--main-cl);
    transition: .7s all;
}

.blog_term::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.blog_term::-webkit-scrollbar {
    width: 100%;
    height: .3rem;
    background-color: #cedbff;
}

.blog_term::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}


.blog_wrap {
    margin-top: 2.5rem;
}

.blog_list {
    gap: 1rem;
}

.blog_item {
    background: white;
    border-radius: 7.5px;
    overflow: hidden;
    box-shadow: -1px 4px 29px transparent;
    transition: .7s all;
}

.blog_item .thumb {
    width: 45%;
    height: 100%;
    flex: 0 0 auto;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.blog_item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.blog_item .detail {
    padding: 1.25rem;
    width: 55%;
}

.blog_item .detail .meta {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 14px;
}

.blog_item .detail .meta .dot {
    width: 1px;
    height: 0.78125rem;
    background: gray;
}

.blog_item h3.title {
    font-size: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: normal;
    color: #212529;
    transition: .7s all;
    margin-top: 1rem;
    margin-bottom: 0;
}

.blog_item .excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 1rem;
    font-size: 0.9375rem;
    color: #212529;
}

.blog_item .cta {
    text-transform: uppercase;
    font-size: 0.833rem;
    color: var(--main-cl);
    white-space: nowrap;
    gap: .75rem;
    font-family: 'Inter bold';
    margin-top: 2rem;
}

.blog_item .cta .svg {
    width: 0.833rem;
    height: 0.833rem;
}

.blog_item .cta .svg path {
    fill: var(--main-cl);
}

.blog_item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog_item:hover {
    box-shadow: -1px 4px 29px rgb(0 0 0 / 21%);
    transition: .7s all;
}

.sidebar_blog_more {
    border-radius: 5px;
    overflow: hidden;
    background: white;
}

.sidebar_product_cat {
    margin-bottom: 1.25rem;
}

.sidebar_blog_more .title {
    font-family: 'Inter bold';
    font-size: 1.042rem;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 1.125rem /* 18/16 */ 1.25rem /* 20/16 */;
    color: var(--main-cl);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.blog_more_wrap .item {
    padding: 0.625rem /* 10/16 */ 1.25rem /* 20/16 */;
    display: flex;
    align-items: center;
}

.blog_more_wrap .item .thumb {
    width: 7.5rem;
    flex: 0 0 auto;
    aspect-ratio: 16 / 11;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
    display: flex;
}

.blog_more_wrap .item .detail {
    padding: 0.521rem;
}

.blog_more_wrap .item .detail h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.9375rem;
    transition: .7s all;
    font-family: 'Inter medium';
    font-weight: unset;
    line-height: normal;
}

.blog_more_wrap .item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog_more_wrap .item .detail .date {
    font-size: 0.833rem;
}

.blog_more_wrap .item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.blog_more_wrap .item:hover h3 {
    color: var(--main-cl);
    transition: .7s all;
}

.blog_more_wrap .item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.single_banner {
    width: 100%;
    height: 36.458rem;
}

.single_content_wrap {
    padding: 3.125rem /* 50/16 */ 6.25rem /* 100/16 */ 2.5rem /* 40/16 */;
    background: white;
}

.single_content_wrap .heading_wrap {
    border-color: rgba(102, 102, 102, 0.15) !important;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 1rem /* 16/16 */ 0;
    margin-bottom: 1.625rem /* 26/16 */;
    color: gray;
    gap: 1rem;
}

.view_more .item-right {
    display: flex;
    flex: 0 0 auto;
}

.view_more {
    gap: 1rem;
}

.single_content_wrap .heading_wrap .item_right {
    display: flex;
    flex: 0 0 auto;
}

.single_content_wrap .heading_wrap .meta {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 0.833rem;
}

.single_content_wrap .heading_wrap .meta .dot {
    width: 1px;
    height: 0.78125rem;
    background: gray;
}

.single_content_wrap .share a {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: gray;
    border-radius: 100%;
    padding: .3rem;
    transition: .7s all;
}

.single_content_wrap .share {
    gap: .5rem;
}

.single_content_wrap .share_wrap {
    gap: 1rem;
    font-size: 0.833rem;
}

.single_content_wrap .share a:hover {
    background: var(--main-cl);
    transition: .7s all;
}

.single_content_wrap .heading_wrap a {
    color: gray;
    transition: .7s all;
}

.single_content_wrap .heading_wrap a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

h1.single_title {
    color: black;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.view_more {
    border-color: rgba(102, 102, 102, 0.15) !important;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 1rem /* 16/16 */ 0;
    margin-top: 2.5rem /* 40/16 */;
    font-size: 0.833rem;
    justify-content: space-between;
}

.view_more .item_left {
    gap: .5rem;
    color: #212529;
}

.view_more .item_left a {
    font-family: 'Inter bold';
    color: var(--main-cl);
    transition: .7s all;
    font-size: 0.9375rem;
}

.view_more svg path {
    stroke: var(--main-cl);
    transition: .7s all;
}

.view_more .item_left a:hover {
    color: black;
    transition: .7s all;
}

.single_blog_2 {
    padding-top: 5rem;
}

.single_blog_2 .group_heading a.cta {
    gap: .5rem;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 1.042rem;
    color: black;
    transition: .7s all;
}

.single_blog_2 .group_heading a.cta .svg {
    width: 1.042rem;
    height: 1.042rem;
    display: flex;
}

.single_blog_2 .group_heading a.cta:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.single_blog_2 .group_heading a.cta:hover svg path {
    fill: var(--main-cl);
    transition: .7s all;
}

.single_blog_2 .group_heading h2 {
    font-size: 2.083rem;
}

.related_blog {
    margin-top: 3rem;
}

.related_blog .item_inner {
    padding: 0 0.521rem;
}

.related_blog_slide {
    margin: 0 -0.521rem;
}

.blog_related {
    background: white;
    border-radius: 10px;
    overflow: hidden;
}

.blog_related .thumb {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.blog_related .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog_related .detail {
    padding: 1.042rem;
}

.blog_related .detail h3 {
    font-size: 1.042rem;
    line-height: 1.5;
    font-family: 'Inter semibold';
    font-weight: unset;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3rem;
    transition: .7s all;
}

.blog_related .detail .excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.833rem;
    color: #212529;
    line-height: 1.5;
    margin-top: 1rem;
}

.blog_related .detail .cta {
    margin-top: 1rem;
    font-size: 0.9375rem;
    text-transform: uppercase;
    color: var(--main-cl);
    font-family: 'Inter bold';
    gap: .5rem;
}

.blog_related .detail .cta .svg {
    width: 1.042rem;
    height: 1.042rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_related .detail .cta .svg path {
    fill: var(--main-cl);
    transition: .7s all;
}

.blog_related:hover h3 {
    color: var(--main-cl);
    transition: .7s all;
}

.blog_related:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.related_blog .pagination_wrap .arrow_slide.prev {
    left: -5%;
}

.related_blog .pagination_wrap .arrow_slide.next {
    right: -5%;
}

.blog_2 .load_more {
    margin-top: 3rem;
}

.load_more_btn {
    background: var(--main-cl);
    color: white;
    font-size: 1.042rem;
    padding: .4rem 2rem;
    border-radius: 100px;
    transition: .7s all;
    border: 1px solid transparent;
    min-width: 10rem;
    min-height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.load_more_btn.btn-loading:hover .btn-spinner {
    border: 2px solid #00683830;
    border-top-color: var(--main-cl);
}

.load_more_btn:hover {
    background: white;
    border: 1px solid var(--main-cl);
    transition: .7s all;
    color: var(--main-cl);
}

.ajax_loading {
    position: absolute;
    inset: 0;
    background: rgb(238 233 220 / 80%);
    /*background:#0047391f;*/
    display: flex;
    align-items: start;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 10;
    padding-bottom: 20rem;
    padding-top: 15rem;
}

.ajax_loading.active {
    opacity: 1;
    pointer-events: auto;
    align-items: flex-end;
    padding-bottom: 20rem;
}

.ajax_loading_logo {
    width: 18rem;
    animation: loadingFloat 1s ease-in-out infinite;
}

@keyframes loadingFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

.popup_wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999999;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
}

.popup_wrap.active {
    opacity: 1;
    pointer-events: auto;
}

.popup_wrap .popup_inner {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative;
    width: 80%;
    max-width: 27.5rem /* 440/16 */;
    max-height: 100%;
    padding: 0;
    border-radius: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: unset;
    backdrop-filter: unset !important;
    z-index: 1;
}

.popup_wrap.active .popup_inner {
    transform: scale(1);
}

.popup_wrap .popup_inner a {
    outline: none !important;
}

.popup_background {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: rgb(0 0 0 / 50%);
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.popup_wrap.active .popup_background {
    opacity: 1;
}

.popup_toggle:hover svg {
    transform: rotate(360deg);
    transition: .7s all;
}

.popup_toggle {
    border-radius: 50%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    top: -1rem;
    right: -1rem;
    background: white;
    padding: .5rem;
    transition: .7s all;
    overflow: hidden;
    z-index: 3;
    cursor: pointer;
}

.home_product .item_inner {
    padding: 0 0.521rem;
}

.home_product .home_product_item {
    border: 2px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    transition: .7s all;
}

.home_product .home_product_item:hover,
.home_product .swiper-slide-active .home_product_item {

    border: 2px solid #8DC63F;
    transition: .7s all;
}

.home_product {
    margin-top: 0.625rem;
}

.home_product .home_product_item .thumb {
    width: 100%;
    height: 14.167rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding: 3.49rem 3.125rem 2.604rem;*/
    padding: 1.49rem 1.125rem 1.604rem;
}

.product_list_right .home_product_item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home_product_item .product_detail {
    padding: 0.573rem 0.46875rem 0.9375rem;
}

.product_detail .excerpt {
    font-size: 13px;
    color: #666666;
    transition: .7s all;
    font-family: 'Inter bold';
    font-weight: unset;
    text-transform: uppercase;
    max-width: 7.083rem;
    line-height: normal;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.home_product_item .product_detail h3 {
    color: #212529;
    font-size: 0.833rem;
    /*height:1.7rem;*/
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-family: 'Inter';
    font-weight: unset;
}

.product-reviews__inner {
    position: relative;
    display: flex !important;
    align-items: center;
    white-space: nowrap;
    line-height: 1;
    vertical-align: middle;
}

/* Lớp nền (sao rỗng) và lớp phủ (sao đầy) phải xếp y hệt nhau để chồng khít */
.product-reviews__inner > span,
.product-reviews__inner > div > span {
    display: inline-block;
    vertical-align: top;
    line-height: 0;
}

/* Ép sao về kích thước cố định, vô hiệu rule global `svg { width:100%;height:100% }`
   để 2 lớp luôn cùng kích thước -> tỉ lệ fill chính xác ở mọi ngữ cảnh */
.product-reviews__inner svg {
    width: 12px !important;
    height: 12px !important;
}

.product_detail .product_heading_wrap {
    padding-bottom: 0.573rem;
    border-bottom: 1.1px solid #0000001A;
    margin: 0 12px;
}

/*.product-reviews__inner svg path {*/
/*    fill: #F8D054;*/
/*}*/

.home_product_item .product_bottom_wrap {
    padding: 0.573rem 0.573rem 0;
}


.price_wrap {
    margin-top: 0.521rem;
    width: 100%;
}

span.product-item-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

span.product-item-price span {
    font-size: 0.833rem;
    line-height: normal;
}

span.fs-old-price {
    color: #999999;
}

span.fs-price {
    color: #50622F;
    font-family: 'Inter bold';
}

.home_product .pagination_wrap .arrow_slide.prev {
    left: -6%;
    opacity: 100%;
}

.home_product .pagination_wrap .arrow_slide.next {
    right: -6%;
    opacity: 100%;
}

.home_product .pagination_wrap .arrow_slide:hover {
    border: 1px solid var(--main-cl);
    background: white;
    transition: .7s all;
}

.home_product .pagination_wrap .arrow_slide:hover svg path {
    stroke: var(--main-cl);
    transition: .7s all;
}

.home_product .pagination_wrap .arrow_slide svg path {
    transition: .7s all;
}

.home_product .pagination_wrap .arrow_slide {
    border: 1px solid transparent;
}

.home_product_wrap {
    gap: 2.604rem;
}

.home_product_2 .item_inner {
    padding: 0 0.521rem;
}

.home_product_2 {
    margin: 0.521rem -0.521rem 0;
}

.product_list_right {
    column-gap: 0.521rem;
    row-gap: 0.521rem;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: start;
}

.product_list_right .home_product_item {
    width: calc(100% / 5 - (0.521rem * 4 / 5));
}

.product_list_right .home_product_item h3 {
    font-size: 0.677rem;
}

.product_list_right .home_product_item:hover {
    border: 2px solid #8DC63F;
    transition: .7s all;
}

.product_list_right .home_product_item {
    border: 2px solid transparent;
    transition: .7s all;
    border-radius: 10px;
    overflow: hidden;
}

.product_list_right span.product-item-price span {
    font-size: 0.78125rem;
}

.product_list_right .home_product_item .thumb {
    padding: 1.5rem;
}

.product_sale_price {
    position: absolute;
    right: 0;
    z-index: 3;
    top: 2rem;
    padding: 0.26rem 0.46875rem;
    color: white;
    font-family: 'Inter semibold';
    font-size: 0.729rem;
    background: var(--sub-cl);
    border-radius: 55px 0 0 55px;
    line-height: normal;
}

.fs-badge {
    font-size: 0.521rem;
    padding: .2rem .5rem;
}

.fs-badges > span:nth-child(n + 4) {
    display: none;
}

.home_8 .fs-badges.fs-badges-card > span:nth-child(n + 3) {
    display: none;
}

/* san pham moi */
.new_product_2 .list_image {
    gap: 1.042rem;
}

.new_product_2 .list_image .item {
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 16 / 7;
    position: relative;
}

.new_product_2 .list_image .item:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.product_new_wrap {
    margin-top: 2.5rem;
    background: white;
    padding: .5rem;
    border-radius: 10px;
}

.product_new_list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.521rem;
}

.product_new_list .home_product_item {
    width: calc(100% / 5 - (0.521rem * 4 / 5));
}

.product_new_list .home_product_item .thumb {
    padding: 2rem;
}

.home_product_item {
    transition: .7s all;
    border: 2px solid transparent;
    border-radius: 10px;
    overflow: hidden;
}

.home_product_item:hover {
    border: 2px solid #8DC63F;
    transition: .7s all;
}

.new_product_2 .load_more {
    margin: 2rem 0;
}

.product_2 h1 {
    text-transform: uppercase;
    font-size: 2.083rem;
    margin: 0;
}

.product_filter {
    gap: 0.521rem;
    color: black;
    font-family: 'Inter bold';
    font-size: 1.042rem;
}

.filter_list {
    gap: 0.9375rem;
}

.filter_list .item {
    background: white;
    font-family: 'Inter';
    font-size: 0.833rem;
    border-radius: 50px;
    padding: .25rem 1rem;
    cursor: pointer;
    transition: .7s all;
    line-height: normal;
}

.filter_list .item:hover,
.filter_list .item.active {
    background: var(--main-cl);
    transition: .7s all;
    color: white;
}

.product_sidebar_box {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #f2f2f2;
}

.product_cat_filter .heading {
    font-family: 'Inter bold';
    color: var(--main-cl);
    font-size: 1.042rem;
    padding: 0.9375rem 0.78125rem;
    border-bottom: 1px solid var(--main-cl);
    gap: .5rem;
}

.product_cat_list {
    padding: 1.042rem 0.78125rem;
    gap: 1rem;
    font-size: 0.833rem;
    transition: .7s all;
}

.product_cat_list a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.product_cat_list a {
    color: #666666;
    width: 100%;
    transition: .7s all;
    line-height: normal;
}

.product_cat_list a.active {
    font-family: 'Inter bold';
    text-transform: uppercase;
    color: black;
}

.product_single_sidebar {
    padding-right: 1.5rem;
}


/* điều khiển lọc giá sản phẩm*/
.product_price_filter {
    margin-top: 0.521rem;
    padding: 1.042rem 0.78125rem;
}

.product_price_filter .heading_2,
.product_brand_filter .heading_2 {

    text-transform: uppercase;
    font-family: 'Inter bold';
    color: black;
    font-size: 1.042rem;
    line-height: normal;
}

.price_value {
    gap: .25rem;
    font-size: 0.729rem;
    font-family: 'Inter medium';
    color: black;
}

.price_range_wrap {
    height: 4px;
    border: none;
    background: #c5c5c5;
    margin: 1.5rem 0 0.75rem;
}

.price_range_wrap:before, .price_range_wrap:after {
    position: absolute;
    content: '';
    border-radius: 100%;
    width: 0.729rem;
    height: 0.729rem;
    background: #c5c5c5;
    top: 50%;
    transform: translateY(-50%);
}

.price_range_wrap:after {
    right: 0%;
}

.price_range_wrap span {
    width: 0.729rem;
    height: 0.729rem;
    border-radius: 100%;
    background: var(--main-cl);
    z-index: 2;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    outline: none;
}

span.dot_start.price_dot {
    left: -.2%;
}

span.dot_end.price_dot {
    right: -.3%;
}

.price_range_wrap .price_range {
    height: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--main-cl);
    width: 100%;
}


.price_range_wrap:before {
    left: 0%;
}


.value_main {
    font-family: 'Inter semibold';
    color: var(--main-cl);
}

.price_value_input {
    margin-top: .5rem;
    gap: 0.521rem;
}

.price_value_input input {
    margin: 0;
    box-shadow: none;
    border: none;
    background: #f2f2f2;
    font-size: 0.625rem;
    color: black;
    line-height: normal;
}

.price_value_input input:focus {
    background: #f2f2f2;
}

.price_value_submit {
    margin-top: 1rem;
    background: var(--main-cl);
    color: white;
    font-family: 'Inter semibold';
    font-size: 0.833rem;
    padding: .45rem 1rem;
    border-radius: 100px;
    transition: .7s all;
    line-height: normal;
    border: 1px solid transparent;
    cursor: pointer;
}

.price_value_submit:hover {
    background: white;
    color: var(--main-cl);
    border: 1px solid var(--main-cl);
    transition: .7s all;
}


/* Kéo slider giá: chặn bôi đen text & chặn cuộn trang khi kéo trên mobile */
.price_range_wrap {
    position: relative;
}

.price_range_wrap,
.price_range_wrap span.price_dot {
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
}

/* end điều khiển lọc giá*/

/* lọc sản phẩm theo thương hiệu*/
.product_brand_filter {
    margin-top: 0.521rem;
    padding: 1.25rem 0.9375rem;
}

input[type="checkbox"] {
    margin: 0;
}

.brand_outer {
    padding-right: .5rem;
    max-height: 21rem;
    overflow: auto;
}

.product_brand_wrap {
    margin-top: 1rem;
    gap: .5rem;
    font-size: 0.78125rem;
    font-family: 'Inter medium';
    color: black;
    text-transform: uppercase;
    line-height: normal;
}

label.product_brand_wrap {
    font-weight: unset;
    cursor: pointer;
}

label.product_brand_wrap:hover .content {
    color: var(--main-cl);
    transition: .7s all;
}

.brand_outer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.brand_outer::-webkit-scrollbar {
    width: 0.3rem;
    background-color: #cedbff;
}

.brand_outer::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

.brand_checkbox:checked {
    accent-color: var(--main-cl);
}

.product_list {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
    gap: 0.521rem;
    padding: 0.521rem;
    border-radius: 15px;
    overflow: hidden;
}

.product_list .home_product_item {
    width: calc(100% / 4 - (0.521rem * 3 / 4));
}


/* single product */
.product_main_wrap {
    background: white;
}

.product_list .home_product_item .thumb {
    padding: 2rem;
}

.product_main_wrap .load_more {
    margin: 1.5rem auto 2rem;
}

.single_main {
    margin: 0 0.78125rem;
    background: white;
    border-radius: 15px;
    overflow: visible;
    padding: 1.5625rem;
}

.single_main::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 15px;
    pointer-events: none;
}

.product_thumb {
    width: auto;
    height: 27rem;
    padding: 3rem;
    /*overflow: hidden;*/
}

.product_zoom_lens {
    position: absolute;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(0px);
    pointer-events: none;
    display: none;
    z-index: 10;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 20px rgba(255, 255, 255, 0.1);
}

.product_zoom_result {
    position: absolute;
    top: 0;
    left: calc(100% + 16px);
    width: 400px;
    height: 400px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    background-repeat: no-repeat;
    display: none;
    z-index: 100;
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    pointer-events: none;
}

.product_thumb img {
    object-fit: contain;
    border-radius: 20px;
    overflow: hidden;
}

.product_nav {
    margin: 1.5rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product_nav .swiper-wrapper {
    justify-content: center;
}

.product_nav .swiper-slide {
    padding: 0 0.521rem;
}

.product_nav .swiper-slide .product_nav_inner {
    height: 5rem;
    opacity: 50%;
    transition: .7s all;
    border: 1px solid transparent;
    border-radius: 20px;
    cursor: pointer;
    overflow: hidden;
}

.product_nav .swiper-slide .product_nav_inner img {
    object-fit: contain;
}

.product_nav .swiper-slide-thumb-active .product_nav_inner {
    opacity: 100%;
    transition: .7s all;
    border: 1px solid var(--main-cl);
}

.swiper.product_nav {
    max-width: 80%;
}

.product_nav .swiper-slide .product_nav_inner:hover {
    opacity: 100%;
    border: 1px solid var(--main-cl);
    transition: .7s all;
}

.product_single_detail h1 {
    font-size: 2.604rem;
}

.sku_review {
    margin-top: 1rem;
}

.sku_review {
    gap: .5rem;
}

.product_single_detail .dot {
    width: 1px;
    height: 15px;
    background: gray;
}

.skd-product-detail-reviews-star {
    /*padding-left: .5rem;*/
    /*border-left: 1px solid gray;*/
    gap: .25rem;
    font-size: 0.833rem !important;
    line-height: normal;
}

/* Lớp phủ sao đầy: chồng lên lớp nền, clip theo width (% rating) đặt inline */
.product-reviews__inner > div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.product_single_detail .desc {
    margin-top: 1rem;
    color: black;
    line-height: 1.5;
}

.product_detail_price {
    margin-top: 1rem;
    gap: 1rem;
    color: black;
    font-family: 'Inter medium';
}

.product_detail_price .fs-product-price {
    margin: 0;
    flex-direction: row-reverse;
}

.quantity_wrap {
    margin-top: 1.5rem;
    gap: 1rem;
    color: black;
    font-family: 'Inter medium';
}

.qty-wrap {
    display: flex;
    align-items: center;
    border: 1px solid #d9d9d9;
    border-radius: 50px;
    height: 2rem;
    overflow: hidden;
}

.qty-wrap :is(button,input) {
    margin: 0;
    box-shadow: none;
    height: 2rem;
    padding: 0 1rem;
    min-height: unset;
    line-height: 1;
    width: unset;
    font-size: 18px;
    transition: .7s all;
}

.qty-wrap input {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: none;
    min-height: unset;
    height: 100%;
}

button.qty-btn.qty-minus {
    border-right: 1px solid #d9d9d9;
}

button.qty-btn.qty-plus {
    border-left: 1px solid #d9d9d9;
}

.qty-wrap button:hover {
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

.qty-wrap input:focus {
    box-shadow: none !important;
}

span.btn-sub-text {
    display: none;
}

.buy_now_wrap {
    margin-top: 1.5rem;
    gap: 1rem;
    justify-content: space-between;
    width: 100%;
}

.buy_now_wrap button {
    flex: 1;
    width: 100%;
    margin: 0;
    text-align: center;
    font-family: 'Inter semibold';
    text-transform: unset;
    font-size: 0.833rem;
    transition: .7s all;
    line-height: normal;
    padding: .5rem 1rem;
    border: 1px solid transparent;
    border-radius: 100px;
}

.buy_now_wrap .btn-buynow {
    background: var(--main-cl);
    color: white;
    transition: .7s all;
}

.buy_now_wrap .btn-buynow:hover {
    color: var(--main-cl);
    background: white;
    border: 1px solid var(--main-cl);
}

.buy_now_wrap .btn-cart {
    border: 1px solid var(--main-cl);
    color: var(--main-cl);
}

.buy_now_wrap .btn-cart:hover {
    background: var(--main-cl);
    color: white;
    border: 1px solid var(--main-cl);
}

.product_single_detail {
    padding-left: 2rem;
}

.product_detail_commit {
    margin-top: 3rem;
    background: #F4FAEC;
    padding: 0.78125rem 0;
    border-radius: 10px;
    gap: 1.302rem;
}

.product_detail_commit .item {
    padding: 0.521rem 0.78125rem;
    flex: 1;
    gap: 0.521rem;
}

.product_detail_commit .item:not(:last-child) {
    border-right: 1px solid #dcdcdc;
}

.product_detail_commit .item .icon {
    width: 2.604rem;
    height: 2.604rem;
    display: flex;
    flex: 0 0 auto;
}

.product_detail_commit .item:hover img {
    transform: rotateY(360deg);
    transition: .7s all;
}

.product_detail_commit .item .title {
    font-size: 0.625rem;
    line-height: normal;
    color: black;
    font-family: 'Inter medium';
}

.single_product_3 {
    padding-top: 3rem;
}

.tab_heading {
    gap: .1rem;
}

.tab_heading .item {
    background: white;
    color: black;
    padding: .5rem .75rem;
    transition: .7s all;
    cursor: pointer;
    line-height: normal;
    border-radius: 5px;
    overflow: hidden;
    font-family: 'Inter semibold';
}

.tab_heading .item:hover, .tab_heading .item.active {
    color: var(--main-cl);
    transition: .7s all;
}

.tab_block_wrap {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    padding: 3.125rem 6.25rem;
    margin-top: .1rem;
}

.product_related_wrap {
    margin-top: .4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.product_related_sidebar h2 {
    font-size: 1.354rem;
}

.product_related_wrap .home_product_item {
    background: white;
}

.product_related_wrap .home_product_item .thumb {
    padding: 3rem;
}

.product_comment_review {
    background: white;
    padding: 2rem;
    border-radius: 15px;
    overflow: hidden;
}

.spr-wrap {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.spr-form-section button {
    margin: 0;
    background: var(--main-cl);
    transition: .7s all;
    box-shadow: 0 2px 8px var(--main-cl);
    border: 1px solid transparent;
}

.spr-form-section button:hover {
    border: 1px solid var(--main-cl);
    background: white;
    color: var(--main-cl);
    box-shadow: 0 2px 8px var(--main-cl);
    transition: .7s all;
}

.single_product_5 {
    padding-top: 3rem;
}

.wrap_outer_2 {
    background: white;
    border-radius: 15px;
    padding: 1.5rem 2rem;
}

.product_suggest,
.product_new {
    margin-top: 1rem;
}

.suggest_item,
.product_new_item {
    padding: 0 0.521rem;
}

.product_suggest_slide,
.product_new_slide {
    margin: 0 -0.521rem;
}

.product_suggest .swiper-slide-active .home_product_item,
.product_new .swiper-slide-active .home_product_item {
    border: 2px solid #8DC63F;
    transition: .7s all;
}

.product_suggest .pagination_wrap .arrow_slide.prev,
.product_new .pagination_wrap .arrow_slide.prev {
    left: -8%;
}

.product_suggest .pagination_wrap .arrow_slide.next,
.product_new .pagination_wrap .arrow_slide.next {
    right: -8%;
}

.product_suggest .pagination_wrap .arrow_slide,
.product_new .pagination_wrap .arrow_slide {
    opacity: 100%;
    border: 1px solid transparent;
}

.product_suggest .pagination_wrap .arrow_slide:hover,
.product_new .pagination_wrap .arrow_slide:hover {
    border: 1px solid var(--main-cl);
    transition: .7s all;
    background: white;
}

.product_suggest .pagination_wrap .arrow_slide:hover svg path,
.product_new .pagination_wrap .arrow_slide:hover svg path {
    stroke: var(--main-cl);
}


/* ===== SEARCH DROPDOWN ===== */
.search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.search-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10), 0 1.5px 6px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.07);
    z-index: 9999;
    overflow: hidden;

    /* Transition mượt */
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    transition: max-height 0.3s ease, opacity 0.25s ease;
}

.search-dropdown--visible {
    max-height: 600px;
    opacity: 1;
    pointer-events: auto;
}

/* ===== ITEM ===== */
.search-dropdown__item {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 12px;
    padding: 10px 14px;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: background 0.15s ease;
}

.search-dropdown__item:last-child {
    border-bottom: none;
}

.search-dropdown__item:hover {
    background: #f8f8f8;
}

/* ===== THUMB ===== */
.search-dropdown__thumb {
    flex-shrink: 0;
    width: 5rem;
    /* height tự khớp với detail nhờ align-items: stretch */
    overflow: hidden;
    border-radius: 6px;
    background: #f2f2f2;
}

.search-dropdown .fs-product-price span {
    font-size: 0.833rem;
}

.search-dropdown__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ===== DETAIL ===== */
.search-dropdown__detail {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-width: 0;
}

/* Title: height cứng = 2 dòng line-clamp */
.search-dropdown__title {
    font-size: 0.833rem;
    font-family: 'Inter medium';
    color: #212529;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
}

/* Price */
.search-dropdown__price {
    font-size: 14px;
    font-weight: 600;
    color: var(--main-cl);
    white-space: nowrap;
}

/* ===== LOADING ===== */
.search-dropdown__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 20px;
}

.search-dropdown__loading span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--main-cl);
    animation: sdl-bounce 0.9s ease-in-out infinite;
}

.search-dropdown__loading span:nth-child(1) {
    animation-delay: 0s;
}

.search-dropdown__loading span:nth-child(2) {
    animation-delay: 0.15s;
}

.search-dropdown__loading span:nth-child(3) {
    animation-delay: 0.3s;
}

@keyframes sdl-bounce {
    0%, 80%, 100% {
        transform: scale(0.6);
        opacity: 0.4;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

.search_wrap h1 {
    width: fit-content;
    text-align: center !important;
    margin: 2rem auto;
    font-size: 2.083rem;
}

.image_default {
    width: auto;
    height: 10rem;
}

.image_default img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.search-empty {
    padding: 5rem;
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    justify-content: center;
    align-items: center;
    border-raidus: 20px;
}

.search-empty a {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto !important;
    background: var(--main-cl);
    border-radius: 100px;
    font-size: 1.042rem;
    text-transform: unset;
    transition: .7s all;
    border: 1px solid transparent;
    opacity: 100% !important;
}

.search-empty a:hover {
    border: 1px solid var(--main-cl);
    background: white !important;
    color: var(--main-cl);
    transition: .7s all;
    box-shadow: unset;
}

.search_wrap .product_main_wrap {
    background: white;
    border-radius: 20px;
    overflow: hidden;
}

.footer_form input {
    margin: 0;
    height: 2.135rem;
    font-size: 0.729rem;
    font-family: 'Inter medium';
    box-shadow: none;
    border: 1px solid #D7D7D7;
    border-radius: 100px;
    padding: 10px 20px;
    color: black;
}

.footer_form {
    margin-top: 0.78125rem;
}

.footer_form input::placeholder {
    color: black;
}

.footer_form button {
    margin: 0;
    position: absolute;
    right: 1%;
    top: 50%;
    width: 1.71875rem !important;
    height: 1.71875rem;
    background: #57542F;
    border-radius: 100%;
    min-height: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: unset;
    line-height: unset;
    padding: 0 !important;
    transform: translateY(-50%);
    transition: .7s all;
    border: 1px solid transparent;
}

.footer_form button svg {
    width: 0.833rem;
    height: 0.833rem;
}

.email-submit-wrap {
    position: relative;
}

.footer_form button:hover {
    background: white;
    border: 1px solid var(--main-cl);
    transition: .7s all;
}

.footer_form button:hover svg path {
    stroke: var(--main-cl);
    transition: .7s all;
}

footer .wpcf7 form .wpcf7-response-output {
    font-size: 0.729rem !important;
    margin: 1rem 0 0 !important;
}

.fs-drawer-header h3 {
    color: white;
    font-size: 1.042rem;
    font-family: 'Inter bold';
    font-weight: unset;
}

.fs-drawer-header {
    background: var(--main-cl);
}

.fs-drawer-close {
    margin: 0;
}

.fs-drawer-empty p {
    margin: 0;
    color: black;
    font-size: 1.042rem;
    font-family: 'Inter medium';
}

.fs-drawer-qty button {
    margin: 0 !important;
    padding: 0;
    height: unset !important;
}

span.fs-drawer-qty-val {
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fs-drawer-qty {
    display: flex;
    align-items: center;
    height: 2.083rem;
    justify-content: center;
}

.fs-drawer-item-del {
    margin: 0;
}

.fs-drawer-item-del:hover {
    background: var(--main-cl);
}

.fs-drawer-overlay button {
    margin: 0;
}

.fs-drawer-btn-checkout {
    background: var(--main-cl);
    border: 1px solid transparent;
    transition: .7s all;
}

.fs-drawer-btn-checkout:hover {
    background: white;
    color: var(--main-cl);
    border: 1px solid var(--main-cl);
    transition: .7s all;
}

button#fs-drawer-continue:hover {
    background: white;
    transition: .7s all;
    border: 1px solid black;
    color: black;
}

button#fs-drawer-continue {
    border: 1px solid transparent;
    transition: .7s all;
}


main#primary {
    padding: 3rem 0;
}

main#primary .fs-checkout-wrap {
    background: white;
    padding: 2rem;
    border-radius: 20px;
}

.fs-checkout-wrap .fs-checkout-left :is(input,select,button) {
    margin: 0;
    font-size: 0.729rem;
    font-family: 'Inter medium';
    box-shadow: none;
    border: 1px solid #D7D7D7;
    border-radius: 100px;
    height: 2.604rem;
    padding: 0.521rem 1.042rem;
}

.fs-input select {
    min-height: unset;
}

.fs-form-row {
    margin-bottom: 1.042rem;
}


.fs-section-invoice button {
    text-transform: unset;
    line-height: normal;
    min-height: unset;
    font-family: 'Inter medium';
    font-weight: unset;
    background: var(--main-cl);
    transition: .7s all;
    border: 1px solid var(--main-cl);
}

.fs-section-invoice button:hover {
    background: white;
    border: 1px solid var(--main-cl);
    color: var(--main-cl);
    transition: .7s all;
}

.fs-payment-option input[type=radio] {
    height: 1.042rem !important;
}

h1.fs-page-title {
    color: var(--main-cl);
}

.fs-coupon-input-row input, .fs-coupon-input-row button {
    margin: 0;
    min-height: unset;
    line-height: normal;
}

.fs-coupon-input-row input {
    box-shadow: none;
    border-radius: 100px;
    font-size: 0.833rem;
    padding: 0.521rem 1.042rem;
}

.fs-modal-close {
    margin: 0;
}

button#fs-place-order {
    margin: 0;
    min-height: unset;
    font-weight: unset;
    font-family: 'Inter semibold';
    padding: 0.521rem 1.042rem;
}

.fs-coupon-input-row button,
button#fs-place-order {
    background: var(--main-cl);
    transition: .7s all;
    border: 1px solid var(--main-cl);
}

.fs-coupon-input-row button:hover,
button#fs-place-order:hover {
    background: white;
    color: var(--main-cl);
    border: 1px solid var(--main-cl);
    transition: .7s all;
}

.fs-item-details button,
.fs-checkout-right button.fs-remove-item {
    margin: 0;
}

.fs-item-image {
    margin-left: 0;
}

.fs-coupon-wrap button {
    min-height: unset;
    padding: 0.521rem 1.042rem;
    line-height: 1.5;
}

.sub_menu {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    background: #eaf0e2;
    backdrop-filter: blur(20px);
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease;
    pointer-events: none;
}

.mega_menu.active .sub_menu {
    max-height: 31.25rem;
    pointer-events: auto;
}


.menu_1_item {
    padding: 0.5rem 0.8rem;
    transition: .7s all;
}

span.menu_1_title {
    font-size: 0.625rem;
    color: black;
    transition: .7s all;
    font-weight: unset;
    font-family: 'Inter medium';
}

.menu_1_item:hover {
    background: white;
    transition: .7s all;
}

.menu_1_item:hover .menu_1_title {
    color: var(--main-cl);
    transition: .7s all;
}

.menu_1_item .icon {
    width: 0.9375rem;
    height: 0.9375rem;
    flex: 0 0 auto;
}

.menu_1_item .icon img {
    object-fit: contain;
}

span.menu_1_item_left {
    gap: .25rem;
}

span.menu_1_item_right svg {
    transform: rotate(180deg);
    transition: .7s all;
}

.sub_menu_2 {
    position: absolute;
    left: 100%;
    top: 0;
    width: 47.875rem;
    padding: 1.302rem;
    background: white;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    gap: 5rem;
    height: auto;
    max-height: 100%;
    overflow: auto;
    display: flex;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s, visibility .3s;
}

.sub_menu_2.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.sub_menu_2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.sub_menu_2::-webkit-scrollbar {
    width: 0.3rem;
    background-color: #cedbff;
}

.sub_menu_2::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

.sub_menu_2 .item_right {
    width: 15.625rem;
    height: 20.833rem;
    flex: 0 0 auto;
    overflow: hidden;
}

.menu_2_wrap {
    column-gap: 1rem;
    display: flex;
    align-items: start;
    row-gap: 1.5rem;
    flex-wrap: wrap;
}

.menu_2_wrap .menu_2_item {
    width: calc(100% / 2 - (1rem * 1 / 2));
    display: flex;
    gap: 1rem;;
}

.item_left {
    width: 100%;
}

.menu_2 {
    color: black;
    font-size: 0.729rem;
    font-family: 'Inter semibold';
    line-height: normal;
    text-transform: uppercase;
}

.menu_3_wrap {
    gap: .5rem;
}

.menu_3 {
    color: black;
    font-size: 0.78125rem;
    line-height: normal;
    font-family: 'Inter';
    transition: .7s all;
}

.menu_2:hover,
.menu_3:hover {
    color: var(--main-cl);
    transition: .7s all;
    outline: unset;
}

.menu_1_item .icon svg path {
    fill: black;
    transition: .7s all;
}

.menu_1_item:hover .icon svg path {
    fill: var(--main-cl);
    transition: .7s all;
}

.sub_menu_2 .item_right:hover img {
    transform: scale(1.1);
    transition: .7s all;
}

.menu_list .item.active .title {
    font-family: 'Inter bold';
    color: var(--sub-cl);
}

:root {
    --fs-accent: #006838 !important;
}

.svg_mobile,
.desktop_flex {
    display: none;
}

.home_product_2 .home_product_item .thumb {
    padding: 1.865rem;
}

.home_product_2 .home_product_item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_wrap .item_left svg path {
    stroke: white;
}

.mobile_display,
.mobile_flex {
    display: none;
}

.header-bottom .flex-col.hide-for-medium.flex-center {
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: 100%;
}

.header-bottom .flex-col.hide-for-medium.flex-center ul.header-nav {
    width: 100%;
    justify-content: space-between;
}

li.html.custom.html_nav_position_text_top {
    width: 100%;
}

.menu_wrap {
    width: 100%;
    justify-content: space-between;
}

.sidebar_product_cat {
    background: white;
    border-radius: 5px;
    box-shadow: 0 4px 250px rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.sidebar_product_cat .product_term {
    color: var(--main-cl);
    padding: .75rem 1rem;
    border-bottom: 1px solid #e3e3e3;
    width: 100%;
    transition: .7s all;
    background: white;
    position: relative;
    text-transform: uppercase;
}

.sidebar_product_cat .product_term:last-child {
    border: 0;
}

.sidebar_product_cat .product_term:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: var(--main-cl);
    transition: .7s all;
    opacity: 0;
}

.sidebar_product_cat .product_term:hover:before {
    width: 100%;
    opacity: 1;
    transition: .7s all;
}

.sidebar_product_cat .product_term:hover {
    color: white;
    transition: .7s all;
}

.single_blog_2 .group_heading {
    gap: 1rem;
}

.breadcrumbs ol {
    padding-bottom: 1rem;
    overflow: auto;
}

.breadcrumbs ol li {
    display: flex;
    flex: 0 0 auto;
}

.accordion_svg {
    width: 1.5625rem;
    height: 1.5625rem;
    flex: 0 0 auto;
}

.accordion_content p:last-child {
    margin: 0;
}

.product_cat_filter.product_sidebar_box .svg {
    width: 1.042rem;
    height: 1.042rem;
}

.product_empty {
    text-align: center;
    width: 100%;
    margin: 2rem 0;
}

.product_empty p {
    margin: 0;
    font-size: 1.1rem;
    font-family: 'Inter bold';
    color: black;
}

.product_mobile_filter__trigger {
    display: none;
}

.single_product_5 .thumb, .single_product_6 .thumb {
    padding: 2rem;
}

.product_mobile_filter {
    display: none;
}

.fs-payment-options .fs-payment-option:nth-child(2) {
    display: none;
}

.fs-coupon-code {
    background: #F4FAEC;
}

button.fs-coupon-pick-btn {
    margin: 0;
    min-height: unset;
    padding: .25rem 1rem;
}

.fs-coupon-card:hover {
    background: #dbe7cb;
}

button.fs-coupon-pick-btn:hover {
    border: 1px solid var(--main-cl);
    color: var(--main-cl);
    background: white;
    transition: .7s all;
}

button.fs-coupon-pick-btn {
    border: 1px solid transparent;
    transition: .7s all;
}

p.fs-variant-label {
    font-family: 'Inter medium';
    color: black;
    font-size: 0.833rem;
    font-weight: unset;
    text-transform: unset;
}

.pricing_wrap {
    gap: 1rem;
}

.fs-variant-btns button {
    min-height: unset !important;
    height: unset;
    border: 1px solid var(--main-cl);
    color: var(--main-cl);
    padding: .15rem 1rem;
    border-radius: 10px;
    margin: 0;
    transition: .7s all;
}

.fs-variant-btns button:hover {
    background: var(--main-cl);
    color: white;
    border: 1px solid var(--main-cl);
    transition: .7s all;
}

.fs-variant-btns button {
    line-height: 1.5;
    padding: .5rem 1rem !important;
}

#spr-reviews .spr-form-section button {
    margin: 0 auto !important;
    display: flex;
}

section.fs-section.fs-section-invoice {
    display: none;
}

.home_product_item:hover img {
    transform: rotate(-7deg);
    transition: .7s all;
}

.product_single_detail .product-reviews__inner svg {
    width: 0.9375rem !important;
    height: 0.9375rem !important;
}

.fs-cart-box {
    box-shadow: unset;
}

.fs-payment-option input[type=radio]:checked {
    box-shadow: unset !important;
}

.fs-payment-option:has(input:checked) {
    background: #F4FAEC;
    border: 1px solid var(--main-cl);
}

.sidebar_blog_wrap {
    position: sticky;
    top: 10rem;
}

.page-template-blog {
    overflow: unset;
    overflow-x: clip;
}

.fs-drawer-btn-continue {
    background: #F4FAEC;
    color: var(--main-cl);
    transition: .7s all;
    border: 1px solid transparent;
}

button#fs-drawer-continue:hover {
    background: white !important;
    transition: .7s all;
    color: var(--main-cl) !important;
    border: 1px solid var(--main-cl) !important;
}

footer .copyright {
    margin: 2.5rem 0 0 0;
    color: #484848;
    transition: .7s all;
}


footer .copyright a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

.fs-badges-card {
    flex-direction: row;
    left: unset;
    right: .1rem;
    justify-content: end;
    top: 2px;
}

section.product_3.search_wrap {
    position: relative;
    z-index: 1;
}

.load_more_btn .btn-spinner {
    display: none;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, .3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: btn-spin .8s linear infinite;
}

.load_more_btn.btn-loading .btn-text {
    display: none;
}

.load_more_btn.btn-loading .btn-spinner {
    display: block;
}

@keyframes btn-spin {
    to {
        transform: rotate(360deg);
    }
}


.product_2 h1 {
    display: none;
}

.blog_2 .load_more_btn {
    width: fit-content;
    margin: 0 auto;
}

.product_form_btn {
    width: fit-content;
    margin: 0;
    text-align: center;
    font-family: 'Inter semibold';
    text-transform: unset;
    font-size: 0.833rem;
    transition: .7s all;
    line-height: normal;
    padding: .5rem 1rem;
    border: 1px solid var(--main-cl);
    border-radius: 100px;
    background: var(--main-cl);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .75rem 2rem;
}

.product_form_btn:hover {
    background: white;
    color: var(--main-cl);
    transition: .7s all;
}


.product_form {
    background: white;
    width: 40rem;
    border-radius: 20px;
    padding: 2rem;
    cursor: auto;
}

.popup_product_form {
    margin-top: 1rem;
}

.popup_product_form input {
    box-shadow: none;
    border: 1px solid #dadada;
    border-radius: 1000px;
    margin: 0;
    height: 2.5rem;
    font-size: 0.9375rem;
    padding: 0.625rem 1.25rem;
    transition: .7s all;
    color: #02172F;
}

.popup_product_form .col {
    padding: 0 0.78125rem 0.78125rem;
}


.popup_product_form .select-styled {
    border-bottom: 5.208rem;
    height: 2.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    color: #02172F;
    border-radius: 1000px;
    border: 1px solid #dadada;
    line-height: 1.3;
}

.popup_product_form input::placeholder {
    color: #02172F;
}

.popup_product_form textarea {
    margin: 0;
    min-height: 5.208rem;
    border-radius: 15px;
    padding: 0.625rem 1.25rem;
    color: #02172F;
    transition: .7s all;
}

.popup_product_form {
    margin-top: 1rem;
}

.popup_product_form textarea::placeholder {
    color: #02172F;
}

.popup_product_form .submit-btn.submit-form-btn {
    position: relative;
    width: fit-content;
    margin: 1rem auto 0;
}

.submit-btn.submit-form-btn {
    position: relative;
    width: fit-content;
}

.submit-btn.submit-form-btn input {
    position: absolute;
    opacity: 0;
    left: 0;
    z-index: 5;
    width: 100%;
}

.submit-btn.submit-form-btn:hover .btn {
    border: 1px solid var(--main-cl);
    background: white;
    transition: .7s all;
}

.submit-btn.submit-form-btn:hover .btn .content {
    color: var(--main-cl);
    transition: .7s all;
}

.popup_product_form .submit-btn.submit-form-btn input {
    width: 100%;
    height: 100%;
}

.popup_product_form .submit-btn.submit-form-btn .btn {
    width: fit-content;
    background: var(--main-cl);
    color: white;
    padding: .75rem 1.5rem;
    border-radius: 100px;
    transition: .7s all;
    outline: unset;
    border: 1px solid var(--main-cl);
}

.popup_product_form .submit-btn.submit-form-btn:hover .btn {
    background: white;
    color: var(--main-cl);
    transition: .7s all;
}

.popup_product_form span.wpcf7-spinner {
    display: none;
}

.product_form h2 {
    font-size: 2rem;
}


.fancybox-button:hover svg {
    transform: rotate(360deg);
    transition: .7s all;
}

.menu_list .item {
    position: relative;
}

.menu_list .item:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -1%;
    width: 0;
    opacity: 0;
    height: 2px;
    background: var(--main-cl);
    transition: .7s all;
    pointer-events: all;
}

.menu_list .item:hover:before,
.menu_list .item.active:before {
    opacity: 1;
    width: 100%;
    transition: .7s all;
}

footer .copyright a {
    color: #484848;
    transition: .7s all;
}

footer .copyright a:hover {
    color: var(--main-cl);
    transition: .7s all;
}

footer#footer {
    padding-bottom: 1.5rem;
}

.fs-qr-panel {
    border: 1px solid #3D4726;
    background: #F4FAEC;
}

.fs-bank-info strong {
    color: #3D4726;
}

.single_product_3 .product_detail h3,
.product_new_slide .product_detail h3 {
    height: unset;
}


.language_text {
    color: #2A2A2A;
    font-size: 0.833rem;
    text-transform: uppercase;
    font-family: 'Inter bold';
}

.language_item {
    gap: 0.417rem;
    display: flex;
    align-items: center;
}

.language_item .language_flag {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    display: flex;
}

.language_wrap .language_dropdown .language_item:hover .language_text {
    color: var(--main-cl);
    transition: .7s all;
}

.language_inner {
    gap: 0.417rem;
}

svg.language_dropdown_svg {
    width: 0.521rem;
    height: 0.521rem;
    display: flex;
    flex: 0 0 auto;
}

.language_wrap {
    position: relative;
    display: inline-block;
}

.language_wrap .language_dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    padding-top: 8px;
    z-index: 999;
}

.language_wrap .language_dropdown_inner {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    min-width: 100%;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.language_wrap:hover .language_dropdown {
    display: block;
}

.language_wrap .language_dropdown .language_item {
    display: flex;
    align-items: center;
    padding: 0.417rem 0.625rem;
    text-decoration: none;
    transition: background 0.2s;
    white-space: nowrap;
}

.language_wrap .language_dropdown .language_item:hover {
    background: rgba(255, 255, 255, 0.1);
}

.language_wrap .language_dropdown_svg {
    transition: transform 0.2s;
}

.language_wrap:hover .language_dropdown_svg {
    transform: rotate(180deg);
}

.cta_header li.html.custom.html_top_right_text {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 0;
    margin-left: 2.708rem;
}

header .mega_menu .title.content {
    white-space: nowrap;
}

.menu_list .item .title {
    white-space: nowrap;
}

#fs_variants .fs-variant-head span:nth-child(6) {
    display: none;
}

#fs-variant-rows .fs-variant-img-wrap {
    display: none;
}

@media (max-width: 1300px) and (min-width: 1200px) {
    .fs-payment-option input[type=radio]:before {
        width: 16px;
        height: 16px;
    }

    .fs-payment-option input[type=radio]:after {
        width: 10px;
        height: 10px;
    }

}

@media (max-width: 1600px) and (min-width: 1300px) {

    body, html {
        font-size: 1.1vw !important;
    }

    .about_3 .item {
        height: 7rem;
    }
}

@media (min-width: 1280px) {
    body, html {
        font-size: 1vw;
    }
}

@media only screen and (max-width: 1199px) {
    :root {
        --container-w: 1050px;
    }

    .load_home_page svg {
        width: 320px;
    }

    #top-bar .flex-row.container {
        height: auto;
    }

    .home_product .home_product_item .thumb {
        width: 100%;
        height: 100%;
        padding: 2rem;
    }

    .menu_list {
        gap: 1.5rem;
    }

    .mega_menu {
        margin-right: 1.5rem;
    }

    .product_detail .product_heading_wrap {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .price_wrap {
    }

    span.product-item-price {
        flex-wrap: wrap;
        text-align: center;
        align-items: start;
        justify-content: start;
    }

    .product-reviews__inner svg {
        width: 14px !important;
        height: 14px !important;
        justify-content: center;
    }

    .home_product .pagination_wrap .arrow_slide.next {
        right: -2%;
    }

    .home_product .pagination_wrap .arrow_slide.prev {
        left: -2%;
    }

    .home_9 .image_wrap .item {
        height: 100%;
    }

    .home_slide_image {
        height: 23rem;
    }

    .home_2 .slide_item .image {
        width: 5rem;
        height: 5rem;
    }

    .cta_header .cart {
        margin-left: 1rem;
    }

    .image_list .item {
        height: 100%;
    }

}

@media only screen and (max-width: 991px) {
    :root {
        --container-w: 720px
    }

    .load_home_page svg {
        width: 320px;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    [data-open="#main-menu"] {
        display: block;
        width: 3.5rem;
        height: 3.5rem;
        background-image: url(../images/menu_mobile.svg) !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-color: unset !important;
        padding: 0 !important;
    }

    [data-open="#main-menu"] i {
        display: none;
    }

    [data-open="#search-lightbox"] {
        width: 2rem;
        height: 2rem !important;
    }

    i.icon-menu:before {
        content: unset;
    }

    .header-main li.html.custom {
        display: flex;
    }

    .mfp-bg.off-canvas.off-canvas-left {
        top: 64px !important;
        position: fixed !important;
    }

    .mfp-content {
        top: 64px !important;
        box-shadow: none !important;
    }

    .off-canvas .sidebar-menu {
        padding-top: 0;
    }

    .cta_header .cta .detail {
        display: none;
    }

    .cta_header .cta .detail {
        display: none;
    }

    .cta_header .cta.login {
        margin-left: 0;
    }

    .cta_header .cart {
        margin: 0;
    }

    .cta_header {
        gap: 1rem;
    }

    .header-main {
        height: auto !important;
        padding: .25rem 0;
    }

    li.nav-icon.has-icon {
        display: flex;
    }

    header .stuck .header-main {
        padding: 0.65rem 0 !important;
    }

    .home_slide_image {
        height: 17rem;
    }

    .off-canvas-left.mfp-ready .mfp-content {
        background: white !important;
    }

    ul.keyword_wrap {
        display: none;
    }

    li.html.custom.html_topbar_right .search_header {
        width: 100%;
    }

    .search_header input {
        padding-left: 2.25rem;
    }

    .search_header input {
        padding-left: 2.25rem;
        font-size: 14px;
        height: 2.604rem;
    }

    .menu_wrap {
        flex-direction: column;
        align-items: start;
    }

    .menu_list {
        flex-direction: column;
        align-items: start;
        gap: 0;
    }

    li.html.custom.html_nav_position_text_top {
        padding: 0;
        width: 100%;
    }

    li.html.custom.html_nav_position_text_top .menu_wrap {
        width: 100%;
    }

    li.html.custom.html_nav_position_text_top .menu_wrap .mega_menu, li.html.custom.html_nav_position_text_top .menu_wrap .menu_list {
        width: 100%;
        margin: 0;
    }


    .mobile-sidebar .search-input-wrapper {
        position: relative;
    }

    .mobile-sidebar .search-dropdown {
        position: absolute;
        z-index: 99999;
    }

    .mobile-sidebar .search_header,
    .mobile-sidebar .search_form,
    .mobile-sidebar li.html_topbar_right {
        overflow: visible !important;
    }

    .search-dropdown__thumb {
        width: 4rem;
        height: 4rem;
    }

    .search-dropdown__title {
        font-size: 0.85rem;
    }

    .search-dropdown__detail .fs-product-price {
        margin: 0;
    }

    .search-dropdown .fs-product-price span {
        font-size: 0.8rem;
    }

    .mega_menu .icon {
        display: none;
    }

    .mega_menu .title {
        font-size: .9rem;
    }

    .menu_list .item .icon {
        display: none;
    }

    li.html.custom.html_nav_position_text_top .menu_wrap .mega_menu {
        padding: 0;
    }

    li.html.custom.html_nav_position_text_top .menu_wrap .mega_menu .title {
        padding: 1.1rem 1rem .5rem;
    }

    .menu_list a {
        padding: 1.1rem 1rem;
        width: 100%;
    }

    .menu_list .item .title {
        font-size: .9rem;
    }

    li.html.custom.html_topbar_right {
        padding: 1rem;
    }

    .sub_menu_2 .item_right {
        display: none;
    }

    /* Sub menu cấp 1 - slide down/up bằng max-height */
    .sub_menu {
        position: static;
        max-height: 0;
        overflow: hidden;
        transition: max-height .4s ease;
        pointer-events: auto;
        opacity: 1;
        visibility: visible;
        background: #F4FAEC;
        width: 100%;
    }

    .mega_menu.active .sub_menu {
        max-height: 9999px;
        overflow: visible; /* sẽ bị JS override đúng thời điểm */
    }

    /* Sub menu cấp 2 - slide down/up */
    .sub_menu_2 {
        position: static;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        display: block;
        padding: 0;
        box-shadow: none;
        background: #fff;
        transition: max-height .4s ease;
    }

    .sub_menu_2.active {
        max-height: 9999px;
        padding: 0.75rem 1rem;
    }

    /* Sub menu cấp 3 - slide down/up */
    .menu_3_wrap {
        max-height: 0;
        overflow: hidden;
        transition: max-height .35s ease;
        gap: 0;
    }

    .menu_2_item.active .menu_3_wrap {
        max-height: 9999px;
    }

    /* Layout menu_2_wrap thành 1 cột */
    .menu_2_wrap {
        flex-direction: column;
        gap: 0;
    }

    .menu_2_wrap .menu_2_item {
        width: 100%;
        flex-direction: column;
        gap: 0;
        border-bottom: 1px solid #f0f0f0;
    }

    /* menu_2 link - có arrow nếu có menu_3 */
    .menu_2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0.6rem 0;
        font-size: 0.8rem;
    }

    /* menu_3 item */
    .menu_3 {
        padding: 0.5rem 0 0.5rem 0.75rem;
        display: block;
        font-size: 0.78rem;
        border-bottom: 1px solid #f5f5f5;
    }

    .menu_3:last-child {
        border-bottom: none;
    }

    /* Arrow SVG cho menu_2 có con */
    .menu_2_item .arrow_icon {
        flex: 0 0 auto;
        transition: transform .3s ease;
    }

    .menu_2_item.active .arrow_icon {
        transform: rotate(90deg);
    }

    .menu_1_item.active span.menu_1_item_right svg {
        transform: rotate(90deg);
    }

    .mega_menu {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        cursor: pointer;
    }

    span.menu_1_title {
        font-size: .9rem;
    }

    .menu_1_item:not(:last-child) {
        border-bottom: 1px solid #00683852;
    }

    .menu_1_item {
        padding: .75rem 1.25rem;
    }

    .menu_2 {
        font-size: .75rem;
        padding: .9rem;
    }

    .menu_2_wrap .menu_2_item:last-child {
        border: 0;
    }

    .menu_2_item .menu_3_wrap a {
        width: 100%;
        padding: .6rem .9rem;
        font-size: .85rem;
    }

    .menu_3,
    .menu_3_wrap {
        width: 100%;
    }

    .svg_mobile {
        display: flex;
    }

    .mega_menu .svg_mobile.absolute {
        right: 1rem;
        top: 1.25rem;
        transition: .7s all;

    }

    .mega_menu .svg_mobile.absolute path {
        stroke: white;

    }

    .mega_menu .svg_mobile svg {
        width: 0.729rem;
        height: 0.729rem;
    }

    .mega_menu.active .svg_mobile.absolute {
        transform: rotate(-90deg);
        transition: .7s all;
    }

    .home_2 .slide_item .title {
        margin-top: .5rem;
        font-size: .9rem;
        line-height: normal;
    }

    .pagination_wrap .arrow_slide {
        position: relative;
        inset: unset;
        transform: unset;
    }

    .pagination_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 1rem 0;
    }

    .pagination_wrap .swiper-pagination {
        display: flex;
        position: relative;
        width: fit-content;
        margin-top: 1.5rem;
    }

    .pagination_wrap .swiper-pagination-bullet {
        background: var(--main-cl);
    }

    .pagination_wrap .arrow_slide {
        opacity: 100%;
    }

    .home_product .pagination_wrap .arrow_slide {
        inset: unset !important;
        position: relative !important;
    }

    .product_heading_wrap h3 {
        font-size: .9rem;
    }

    .product_detail .product_heading_wrap {
        margin: 0;
        flex-direction: column;
    }

    span.product-item-price {
        flex-direction: column;
        align-items: center;
    }

    span.product-item-price span {
        font-size: .95rem;
    }

    .brand_slide .slide_item .title {
        font-size: 1rem;
    }

    .home_6 .image_wrap {
        gap: .5rem;
    }

    .price_wrap {
        height: 2rem;
    }

    .product_wrap .item_left {
        width: 100%;
        height: 10rem;
    }

    .product_wrap {
        flex-direction: column;
    }

    .home_product_wrap .item_inner {
        justify-content: center;
        align-items: center;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
    }

    .product_wrap .item_left:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #0000006b;
        z-index: 1;
    }

    .product_list_right .home_product_item {
        width: calc(100% / 4 - (0.521rem * 3 / 4));
    }

    .product_list_right {
        justify-content: center;
    }

    .footer_form input {
        height: 2.5rem;
        font-size: .9rem;
    }

    .footer_form button {
        width: 2rem !important;
        height: 2rem;
    }

    .footer_form button svg {
        width: 1rem;
        height: 1rem;
    }

    .row.footer_2 .col,
    .row.footer_3 .col {

        padding-bottom: 30px;
    }

    footer#footer {
        padding-bottom: 0;
    }

    .footer_content_wrap .item .icon {
        width: 1rem;
    }

    .footer_content_wrap .content {
        font-size: .85rem;
    }

    .image_certificate {
        width: 13rem;
    }

    footer .social_wrap .item {
        width: 2.6rem;
        height: 2.6rem;
    }

    .payment_wrap .item {
        width: 4.5rem;
        height: 2.5rem;
    }

    .footer_menu a {
        font-size: .9rem;
    }


    .sidebar_title h2 {
        font-size: 1rem;
    }

    .store_wrap > .item {
        padding: 1rem;
    }

    .store_wrap .item .title {
        margin-top: 1rem;
        font-size: .85rem;
    }

    .store_wrap > .item .list_content {
        margin-top: .5rem;
    }

    .commit_wrap .item {
        width: calc(100% / 2 - (2rem * 1 / 2));
    }

    .commit_wrap .item .icon {
        width: 6rem;
        height: auto;
    }

    .the_content :is(p, span, strong, ul, li, ol) {
        font-size: .9rem;
    }

    .about_2 .col_left {
        padding-right: 0;
    }

    .about_3 .icon {
        width: 3rem;
    }

    .banner_hero {
        height: 12.042rem;
    }

    .contact_wrap {
        padding: 3rem;
    }

    .store_contact .item .title {
        font-size: .9rem;
    }

    td {
        padding: .5rem;
    }

    .pattern.pattern_item_3 {
        max-width: 12rem;
    }

    .banner_cta .group_content h2 {
        font-size: 1.6rem;
    }

    .pattern.pattern_item_1 {
        width: 8rem;
        height: 8rem;
    }

    .pattern.pattern_item_2 {
        right: 0;
        z-index: 1;
        width: 7rem;
        height: 7rem;
    }

    .banner_cta .group_content {
        max-width: 30rem;
        width: 30rem;
    }

    .cta_bottom {
        flex-direction: column;
        gap: 1rem;
    }

    .price_3 {
        padding-top: 3rem;
    }

    .price_logo .item {
        height: 4rem;
    }

    .price_logo {
        gap: 4rem;
    }

    .sidebar_list .item {
        height: auto;
    }

    .sidebar_cta .content {
        font-size: .9rem;
    }

    .price_2 {
        padding-top: 5rem;
    }

    .banner_cta {
        height: 30rem;
    }

    .banner_cta .background {
        height: 100%;
    }

    .pattern.pattern_item_3 {
        bottom: -6rem;
    }

    .banner_cta .group_content {
        max-width: 95%;
        width: 100%;
    }

    .banner_cta .cta_wrap {
        gap: .5rem;
    }

    .page-template-price .price_2 span.btn_content {
        font-size: .75rem;
    }

    .banner_cta .group_content > .content {
        font-size: .9rem;
    }

    .pattern.pattern_item_1 {
        width: 6rem;
        height: 6rem;
        top: 1rem;
    }

    .pattern.pattern_item_2 {
        width: 5rem;
        height: 5rem;
        left: 0;
        right: 0;
    }

    .price_3 {
        padding-top: 7rem;
    }

    .price_3 h2 {
        text-align: center;
    }

    .page-template-price .price_3 .btn {
        margin: 0 auto;
    }

    .price_logo {
        animation: marquee 10s infinite;
    }

    .header-wrapper {
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
    }

    .blog_feature_wrap {
        height: 20rem;
    }

    .blog_feature_wrap h3 {
        font-size: 1.3rem;
    }

    .blog_feature_wrap .group_content .meta_wrap {
        font-size: .9rem;
    }

    .blog_1 .pagination_wrap {
        margin: 1rem 2.5rem;
    }

    .blog_2 {
        padding-top: 2rem;
    }

    .blog_more_wrap .item {
        flex-direction: column;
        padding: 1rem;
    }

    .blog_more_wrap .item .thumb {
        width: 100%;
    }

    .meta-term {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .blog_item h3.title {
        font-size: 1rem;
        margin-top: .5rem;
    }

    .blog_item .excerpt {
        margin-top: .5rem;
    }

    .blog_item .cta {
        margin-top: .5rem;
    }

    .blog_item .detail {
        padding: .5rem 1rem;
    }

    .blog_item .thumb {
        aspect-ratio: 4 / 4;
        width: 45%;
    }

    .single_banner {
        height: 22rem;
    }

    .single_content_wrap {
        padding: 3rem 2rem;
    }

    .related_blog .pagination_wrap .arrow_slide {
        inset: unset !important;
    }

    .support_wrap h1 {
        padding: 1rem 2rem;
    }

    .support_wrap .the_content {
        padding: 1rem 2rem 2rem;
    }

    .support_banner {
        height: 7rem;
    }

    .accordion_heading {
        align-items: start;
    }

    .accordion_detail {
        gap: 1rem;
    }

    .accordion_detail .title {
        padding-left: 1rem;
        line-height: normal;
        font-size: .85rem;
    }

    .accordion_svg {
        width: 1.2rem;
        height: 1.2rem;
    }

    .accordion_content {
        font-size: .8rem;
        padding: 1rem 1rem 0;
    }

    .accordion_content {
        font-size: .95rem;
        padding: 1rem 0;
    }

    .accordion_detail .title {
        font-size: .95rem;
    }

    .accordion_detail .index {
        font-size: 1.2rem;
    }

    .new_product_2 .list_image .item {
        width: 100%;
        height: auto;
        aspect-ratio: unset;
    }

    .product_new_list .home_product_item {
        width: calc(100% / 2 - (0.521rem * 1 / 2));
    }

    .home_product_item {
        border: 2px solid #8DC63F;
    }

    .product_new_list .home_product_item .thumb {
        width: 100%;
        height: 11rem;
        padding: 1rem;
    }

    .product_new_list .home_product_item .thumb img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .home_product_wrap .item_inner .btn .l-content {
        font-size: 1rem;
    }

    .product_mobile_filter {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 9999;
        pointer-events: none;
    }

    .product_mobile_filter.is-open {
        pointer-events: all;
    }

    .product_mobile_filter__overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0);
        transition: background 0.35s ease;
    }

    .product_mobile_filter.is-open .product_mobile_filter__overlay {
        background: rgba(0, 0, 0, 0.55);
    }

    .product_mobile_filter__panel {
        position: absolute;
        top: 0;
        right: 0;
        width: 50vw;
        height: 100%;
        background: #fff;
        overflow-y: auto;
        transform: translateX(100%);
        transition: transform 0.35s ease;
        padding: 1.042rem 0 0 0.833rem;
        box-sizing: border-box;
    }

    .product_mobile_filter.is-open .product_mobile_filter__panel {
        transform: translateX(0);
    }

    .product_mobile_filter__close {
        display: flex;
        justify-content: flex-end;
        margin-right: 1rem;
        margin-bottom: 0.833rem;
        cursor: pointer;
        margin-left: auto;
    }

    .product_single_sidebar.desktop_display {
        display: none;
    }

    .product_3 .desktop_display {
        display: none;
    }

    .product_2 h1 {
        text-align: center;
    }

    .product_filter {
        justify-content: center;
    }

    .filter_list .item {
        font-size: 1rem;
    }


    button.product_mobile_filter__trigger {
        position: fixed;
        z-index: 10;
        bottom: 0;
        right: 10px;
        background: #e9e9e9;
        width: auto;
        height: 2.2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0 .3rem;
        top: 98px;
        border-radius: 10px;
        gap: .5rem;
        color: black;
        font-size: .8rem;
        text-transform: unset;
        font-family: 'Inter medium';
        font-weight: unset;
        z-index: 999;
    }

    button.product_mobile_filter__trigger svg {
        position: relative;
        z-index: 2;
        width: 1rem;
        height: auto;
    }

    /*button.product_mobile_filter__trigger:before {*/
    /*    position: absolute;*/
    /*    content: '';*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    border-radius: 50%;*/
    /*    animation: pulse-border-transform 2000ms ease-out infinite;*/
    /*    top: 50%;*/
    /*    left: 50%;*/
    /*    pointer-events: none;*/
    /*    background: var(--main-cl);*/
    /*}*/
    .product_mobile_filter__close {
        width: 1.25rem;
        height: 1.25rem;
    }

    .product_sidebar_box {
        border: 1px solid #d4d4d4;
    }

    .price_value {
        font-size: .85rem;
    }

    .price_value_input input {
        font-size: .85rem;
    }

    .product_cat_list a {
        font-size: .9rem;
    }

    .content {
        font-size: .9rem;
    }


    .product_single_sidebar {
        max-height: 47rem;
        overflow: auto;
        padding-right: 1rem;
    }

    .price_dot {
        touch-action: none;
        cursor: grab;
        user-select: none;
        -webkit-user-select: none;
    }

    .price_dot:active {
        cursor: grabbing;
    }

    .product_detail_price {
        flex-direction: column;
        justify-content: start;
        text-align: start;
        align-items: start;
        gap: .5rem;
        font-size: 1.1rem;
    }

    .single_main {
        padding: 1.5rem 1rem;
        /* margin: 0; */
    }

    .product_detail_commit {
        margin-top: 1rem;
        flex-direction: column;
        align-items: center;
        gap: .5rem;
    }

    .swiper.product_nav {
        max-width: 100%;
    }

    .product_related_wrap .home_product_item .thumb {
        padding: 1rem;
    }

    .tab_block_wrap {
        padding: 2rem 3rem;
    }

    .tab_heading .item {
        font-size: .8rem;
    }

    .product_nav .swiper-slide .product_nav_inner {
        border-radius: 10px;
    }

    .product_detail_commit .item:not(:last-child) {
        border-right: unset;
    }

    .product_detail_commit .item .title {
        font-size: .75rem;
    }

    .product_suggest .pagination_wrap .arrow_slide, .product_new .pagination_wrap .arrow_slide {
        inset: unset !important;
    }

    .product_thumb {
        height: 20rem;
        padding: 2rem;
    }

    .product_nav .swiper-wrapper {
        justify-content: start;
    }

    .pricing_wrap {
        flex-direction: column;
        align-items: start;
        gap: .25rem;
    }

    .view_more .item_left {
        flex-direction: column;
    }
}


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

    .grid-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .load_home_page svg {
        width: 240px;
    }

    #search-lightbox {
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100% + 40px);
    }

    #search-lightbox .search-lightbox-title {
        margin-bottom: 20px;
        font-size: 20px;
    }

    #search-lightbox .search-keywords {
        margin-top: 20px;
    }

    #search-lightbox .search-keywords > a {
        font-size: 14px;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.5rem 1rem
    }

    .search-page {
        padding: 3rem 0;
    }

    .search-page h1 {
        margin-bottom: 2rem;
    }

    .search-tabs .search-tabs-title .search-tab-title {
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }

    .home_product .home_product_item .thumb {
        padding: 3.5rem;
        width: 100%;
    }

    .product_sale_price {
        padding: .5rem;
        font-size: .9rem;
    }

    .product_heading_wrap h3 {
        font-size: .8rem;
        max-width: 100%;
    }

    .image_list .item {
        width: 100%;
    }

    .image_list {
        flex-direction: column;
        gap: .5rem;
    }

    .home_menu_wrap_2 .slide_item {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .home_menu_wrap_2 .slide_item .image {
        margin: 0 auto;
        width: 100%;
        height: auto;
    }

    .content {
        font-size: .9rem;
    }

    h1, h2 {
        font-size: 1.5rem;
    }

    .home_menu_wrap_2 .slide_item .title {
        font-size: .85rem;
    }

    .home_menu_wrap_2 .slide_item {
        padding: 0 1rem;
    }

    .home_menu_2_slide {
        margin: 0 -1rem;
    }

    .home_product_item .thumb {
        padding: 1.5rem !important;
        width: 100% !important;
        height: 9rem !important;
    }

    .home_product_item .thumb img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .home_2 .slide_item .image {
        width: 5rem;
        height: 5rem;
    }

    .home_product_item .product_bottom_wrap .excerpt {
        font-size: 1rem;
    }

    span.product-item-price span {
        font-size: 1.1rem;
    }

    .home_menu_wrap_2 {
        padding: 0;
    }

    .product_list_right {
        gap: .5rem;
    }

    .product_list_right .home_product_item {
        width: calc(100% / 2 - (0.521rem * 1 / 2));
    }

    .product_wrap .item_left {
        height: 8rem;
    }

    .home_product_wrap .item_inner .title {
        font-size: 1.1rem;
        text-align: center;
        line-height: 1.4;
    }

    .home_product_wrap .item_inner {
        padding: 2rem 0.5rem;
    }

    .product_wrap .item_left svg path {
        stroke: white;
    }

    .l-content {
        font-size: 1.2rem;
    }

    .home_product_item {
        border: 2px solid #8DC63F !important;
        transition: .7s all !important;
    }

    .product_list_right .home_product_item .thumb {
        padding: 1rem !important;
        height: 8rem !important;
    }

    .product_sale_price {
        font-size: .7rem;
        padding: .2rem;
    }

    .product_list_right .home_product_item .product_bottom_wrap .excerpt {
        font-size: .75rem;
    }

    .top_search_inner {
        justify-content: center;
    }

    .top_search_inner .item_left {
        width: 6rem;
        height: 6rem;
    }

    .top_search_inner .item_right {
        font-size: 1.2rem;
    }

    .price_wrap {
        height: 2.1rem;
    }

    .home_3 .home_product {
        margin: 1rem -0.521rem 0;
    }

    .wrap_outer {
        padding: 1.3rem .5rem;
    }

    .home_9 .image_wrap {
        flex-direction: column;
        gap: .5rem;
    }

    .home_3 .pagination_wrap {
        padding: 0 .5rem;
    }

    .home_9 .image_wrap .item {
        width: 100%;
        height: 100%;
    }

    main {
        padding-bottom: 1rem;
    }

    .footer_title {
        font-size: 1.2rem;
    }

    .footer_menu a {
        font-size: 1rem;
    }

    .footer_content {
        font-size: 1rem;
    }

    .footer_form input {
        height: 3rem;
    }

    .footer_form button {
        width: 2.5rem !important;
        height: 2.5rem;
    }

    .footer_form button svg {
        width: 1.1rem;
        height: 1.1rem;
    }

    .footer_2 .logo {
        width: 12rem;
        margin: 0 auto;
    }

    .footer_2 .logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .footer_content_wrap {
        gap: .5rem;
    }

    .footer_content_wrap .item .icon {
        width: 1.15rem;
    }

    .footer_content_wrap .content {
        font-size: .9rem;
    }

    .mfp-bg.off-canvas.off-canvas-left {
        top: 55.34px !important;
        position: fixed !important;
    }

    .mfp-content {
        top: 55.34px !important;
        box-shadow: none !important;
    }

    .home_6 .image_wrap {
        flex-direction: column;
    }

    .desktop_display {
        display: none;
    }

    .mobile_display {
        display: block;
    }

    .mobile_flex {
        display: flex;
    }

    a.btn.mobile_flex {
        background: var(--sub-cl);
        width: fit-content;
        color: white;
        border-radius: 100px;
        padding: .25rem 1rem;
        margin: .5rem auto 0;
    }

    a.btn.mobile_flex svg path {
        stroke: white;
    }

    a.btn.mobile_flex span.btn_svg {
        width: .5rem;
    }

    a.btn.mobile_flex .l-content {
        font-size: 1.1rem;
    }

    .banner_hero {
        height: 7.042rem;
    }

    .page-template-about .breadcrumbs {
        padding-bottom: 0;
    }

    .the_content :is(p, span, strong, ul, li, ol) {
        font-size: 1rem;
    }

    .the_content img {
        margin: 0 !important;
    }

    .about_3 .icon {
        width: auto;
        height: 2.5rem;
    }

    .about_3 {
        margin-top: .5rem;
    }

    .store_wrap .item .title {
        font-size: 1.1rem;
    }

    .sidebar_title h2 {
        font-size: 1.2rem;
    }

    .map {
        height: 20rem;
    }

    .contact_wrap {
        margin-top: 1rem;
        flex-direction: column;
        padding: 2rem 1rem;
    }

    .contact_wrap .item_left {
        width: 100%;
        padding-right: 0;
        border: unset;
    }

    .contact_form {
        margin-top: 1rem;
    }

    .contact_form label {
        font-size: 1rem;
    }

    .contact_form :is(input,textarea) {
        font-size: 18px;
    }

    .contact_form input {
        height: 2.5rem;
    }

    .contact_form :is(input,textarea)::placeholder {
        font-size: 1rem;
    }

    .contact_form input.wpcf7-submit {
        margin: 0 auto;
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .contact_wrap .item_right {
        width: 100%;
    }

    .contact_wrap {
        gap: 0;
    }

    .contact_wrap .item_right .logo {
        height: 4rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .contact_wrap .item_right .logo img {
        object-fit: contain;
    }

    .store_contact .item .title {
        font-size: 1.11rem;
    }

    .social_contact a {
        width: 2.3rem;
        height: 2.3rem;
    }

    .cta_header {
        gap: .5rem;
        align-items: center;
    }

    .cta_header .cta .icon {
        width: 1.5rem;
        height: 1.5rem;
    }

    .cta_header .cta.login .icon {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0;
    }

    .cta_header .cart {
        width: 1.5rem;
        height: 1.5rem;
    }

    .cta_header .cart_inner {
        width: auto;
        height: .7rem;
    }

    .medium-logo-center .logo {
        width: 150px !important;
    }

    [data-open="#main-menu"] {
        width: 3rem;
        height: 3rem;
    }

    .cta_header .cart_count {
        width: 1rem;
        height: 1rem;
    }

    .home_slide_image {
        height: 9rem;
    }

    .home_3 {
        padding-top: 2rem;
    }

    .blog_featured {
        padding: 0 15px;
    }

    .blog_feature_wrap {
        height: 15rem;
        border-radius: 15px;
    }

    .blog_feature_wrap .group_content {
        padding: 1rem;
    }

    .blog_feature_wrap h3 {
        font-size: 1rem;
    }

    .blog_1 .pagination_wrap {
        margin: 1rem 0;
    }

    .blog_2 {
        padding-top: 1rem;
    }

    .blog_item {
        flex-direction: column;
    }

    .blog_item .thumb {
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .blog_item .detail {
        width: 100%;
    }

    .blog_item .excerpt {
        line-height: normal;
        font-size: .95rem;
    }

    .blog_item .detail .meta {
        font-size: .9rem;
    }

    .blog_item h3.title {
        font-size: 1.1rem;
    }

    .blog_item .cta {
        font-size: 1rem;
    }

    .blog_2 .load_more {
        margin: 1.5rem auto 0;
        width: fit-content;
    }

    .blog_more_wrap {
        margin-top: 1rem;
    }

    .blog_more_wrap .item {
    }

    .blog_more_wrap .item .detail {
        width: 100%;
    }

    .blog_more_wrap .item .detail h3 {
        font-size: 1.1rem;
    }

    .blog_more_wrap .item .detail .date {
        font-size: .95rem;
    }

    .single_banner {
        height: 11rem;
    }

    .single_content_wrap .heading_wrap {
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center;
        gap: .5rem;
    }

    .single_content_wrap .heading_wrap .meta {
        justify-content: center;
        font-size: .9rem;
    }

    .single_content_wrap .heading_wrap .meta a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .single_content_wrap .share_wrap {
        font-size: 1rem;
    }

    .single_content_wrap .share a {
        width: 2.25rem;
        height: 2.25rem;
        padding: .7rem;
    }

    .single_content_wrap {
        padding: 3rem 1rem;
    }

    .view_more .item_left {
        flex-direction: column;
        text-align: center;
    }

    .view_more .item-right {
        display: none;
    }

    .view_more {
        font-size: 1rem;
    }

    .view_more .item_left a {
        font-size: 1.05rem;
    }

    .related_blog {
        margin-top: 1rem;
    }

    .blog_related .detail h3 {
        height: unset;
        font-size: 1.1rem;
    }

    .single_blog_2 .pagination_wrap {
        margin-top: 0;
    }

    .single_blog_2 a.btn.mobile_flex .svg {
        width: 1rem;
    }

    .single_blog_2 a.btn.mobile_flex .svg svg path {
        fill: white;
    }

    .single_blog_2 a.btn.mobile_flex {
        padding: .5rem 1rem;
    }

    .single_blog_2 {
        padding-top: 1rem;
    }

    .single_content_wrap {
        padding-top: 0;
        border-top: unset;
    }

    .support_banner {
        height: auto;
    }

    .support_wrap h1 {
        padding: 1rem 1rem 0;
    }

    .support_wrap .the_content {
        padding: 1rem 1rem;
    }

    .sidebar_left ul li a {
        font-size: 1rem;
    }

    .sidebar_left .title {
        font-size: 1.4rem;
    }

    .product_list_right .home_product_item h3 {
        font-size: .8rem;
    }

    .product_list_right span.product-item-price span {
        font-size: .85rem;
    }

    .home_product_item .product_bottom_wrap .excerpt {
        font-size: .75rem;
    }

    span.product-item-price span {
        font-size: .85rem;
    }

    .home_product_item h2 {
        font-size: 1.3rem;
    }

    .new_product_2 .list_image {
        flex-direction: column;
    }

    .product_new_wrap {
        margin-top: 1rem;
    }

    .product_2 h1 {
        text-align: center;
    }

    .product_filter {
        flex-direction: column;
        font-size: 1.2rem;
    }

    .product_2 .col {
        padding-bottom: 10px;
    }

    .filter_list {
        background: white;
        flex-direction: column;
        align-items: start;
        width: 100%;
        gap: 0;
        border-radius: 15px;
        overflow: hidden;
    }

    .filter_list .item {
        width: 100%;
        font-size: 1rem;
        border-radius: unset;
        padding: .75rem 1rem;
        justify-content: start;
    }

    .filter_list .item:not(:last-child) {
        border-bottom: 1px solid #ebebeb;
    }

    .product_mobile_filter__panel {
        width: 80vw;
    }

    .product_list .home_product_item {
        width: calc(100% / 2 - (0.521rem * 1 / 2));
    }

    .ajax_loading_logo {
        width: 14rem;
    }

    .brand_outer {
        max-height: unset;
        padding-right: 0;
    }

    .home_menu_wrap_2 .slide_item .image img {
        transform: unset !important;
    }

    .footer_form input::placeholder {
        font-size: 1rem;
    }

    .footer_form input {
        font-size: 18px;
    }

    .search_header input {
        font-size: 18px;
    }

    .search_header input::placeholder {
        font-size: 1rem;
    }

    .single_main {
        flex-direction: column;
        padding: 0;
    }

    .product_single_detail {
        padding-left: 0;
    }

    .product_single_detail h1 {
        font-size: 1rem;
    }

    .product-reviews__inner {
        height: 100%;
    }

    .skd-product-detail-reviews-star {
        font-size: .9rem !important;
    }

    .product_single_detail .product-reviews__inner svg {
        width: 1.2rem !important;
        height: 1.2rem !important;
    }

    .product_single_detail .desc {
        font-size: 1.1rem;
    }

    .product_detail_price {
        font-size: 1.1rem;
    }

    .buy_now_wrap button {
        font-size: .95rem;
    }

    .product_detail_commit .item .icon {
        width: 3.5rem;
        height: 3.5rem;
    }

    .product_detail_commit .item .title {
        font-size: 1rem;
    }

    .product_detail_commit {
        padding: 1rem;
    }

    .tab_heading {
        background: white;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        text-align: center;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
        gap: 0;
    }

    .tab_heading .item {
        width: 100%;
        font-size: 1rem;
        padding: .75rem 1rem;
        border-radius: unset;
    }

    .tab_heading .item:hover, .tab_heading .item.active {
        background: var(--main-cl);
        color: white;
        transition: .7s all;
    }

    .tab_block_wrap {
        padding: 2rem 1rem;
    }

    .tab_block_wrap {
        margin-top: 0;
        border-top: 1px solid gray;
        border-radius: 0 0 10px 10px;
        overflow: hidden;
    }

    .product_related_wrap .home_product_item:last-child {
        display: none;
    }

    .product_related_wrap .home_product_item {
        width: calc(100% / 2 - (.5rem * 1 / 2));
    }

    .product_related_wrap {
        flex-direction: row;
        flex-wrap: wrap;
        gap: .5rem;
    }

    .product_related_sidebar h2 {
        font-size: 1.5rem;
    }

    .product_comment_review {
        padding: 2rem 1rem;
    }

    .single_product_5 h2 {
        font-size: 1.4rem;
    }

    .wrap_outer_2 {
        padding: 1.5rem .5rem;
    }

    .single_product_2 .row {
        padding: 0 15px;
    }

    .single_main {
        margin: 0 auto !important;
    }

    .commit_wrap .item {
        width: calc(100% / 2 - (1rem * 1 / 2));
    }

    .commit_wrap {
        gap: 1rem;
    }

    .about_2 .col_left {
        padding-right: 0;
    }

    .home_8 .wrap_outer:before {
        top: 3.5rem;
    }

    .home_2 .pagination_wrap .swiper-pagination {
        display: none;
    }

    .home_2 .pagination_wrap .arrow_slide {
        position: absolute;
        top: 38%;
        transform: translateY(-50%);
        width: 2rem;
        height: 2rem;
    }

    .home_2 .pagination_wrap .arrow_slide.prev {
        left: -2.5%;
    }

    .home_2 .pagination_wrap .arrow_slide.next {
        right: -2.5%;
    }

    .home_2 .pagination_wrap {
        margin: 0;
    }

    .home_8 .wrap_outer:before {
        content: unset;
    }

    .home_8 .wrap_outer .group_heading {
        position: relative;
        padding-bottom: .5rem;
        border-bottom: 1px solid #e1e1e1;
    }

    .home_3 h1, .home_4 h2, .home_5 h2, .home_6 h2, .home_7 h2, .home_8 h2, .home_9 h2 {
        text-align: center;
    }

    .fs-badges > span:nth-child(n+3) {
        display: none;
    }

    .col {
        padding: 0 10px 30px;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cta_header .cart_count {
        right: -.5rem;
    }

    .fs-badge {
        font-size: .6rem;
    }

    .home_product_item .thumb {
        padding: 1.5rem 1.5rem .5rem !important;
    }

    .image_list {
        flex-direction: row;
        overflow: auto;
        padding-bottom: .5rem;
    }

    .image_list .item {
        width: 90%;
        flex: 0 0 auto;
    }

    .image_list::-webkit-scrollbar-track,
    .top_search_mobile::-webkit-scrollbar-track {

        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    .image_list::-webkit-scrollbar,
    .top_search_mobile::-webkit-scrollbar {
        height: .2rem;
        background-color: #cedbff;
    }

    .image_list::-webkit-scrollbar-thumb,
    .top_search_mobile::-webkit-scrollbar-thumb {
        background-color: var(--main-cl);
    }

    .top_search_mobile {
        overflow: auto;
        padding-bottom: .5rem;
        gap: 1rem;
    }

    .top_search_mobile .top_search_inner {
        width: 65%;
        flex: 0 0 auto;
        border-radius: 48px;
    }

    .top_search_inner .item_left {
        width: 4rem;
        height: 4rem;
    }

    .top_search_inner .item_right {
        font-size: .9rem;
        line-height: normal;
    }

    .home_7 a.btn.mobile_flex {
        margin-top: 1rem;
    }

    .svg_footer {
        width: 1.5625rem;
        height: 1.5625rem;
    }

    .footer_title {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: center;
    }

    .svg_footer path {
        stroke: var(--main-cl);
    }

    footer .copyright {
        margin: 0;
    }

    .footer_title.active svg {
        transform: rotate(360deg);
        transition: .7s all;
    }

    .footer_title.active svg path:last-child {
        opacity: 0;
        transition: .7s all;
    }

    .home_9 .pagination_wrap {
        padding: 0 .5rem;
    }

    footer .col {
        padding: 0 10px 15px;
    }

    .home_product .item_inner {
        padding: 0 0.13rem;
    }

    .home_3 .home_product {
        margin: 1rem -0.13rem 0;
    }

    .home_product_item .thumb {
        padding: 1.5rem 0 0 !important;
    }

    .product_list_right .home_product_item .thumb {
        padding: 1.5rem 0 0 !important;
    }

    .header_product_filter {
        position: fixed;
        top: 55.34px;
        width: 100%;
        background: white;
        flex-direction: column;
        padding: .75rem 10px;
        z-index: 500;
    }

    .product_filter {
        flex-direction: row;
        width: 100%;
    }

    .filter_list .item {
        width: fit-content;
        border-radius: unset;
        background: unset;
        font-size: .8rem;
        padding: 0;
        border: unset;
        font-family: 'Inter bold';
    }

    .filter_list {
        flex-direction: row;
        gap: 1rem;
        border-radius: unset;
        padding: 0;
    }

    .filter_list .item:hover, .filter_list .item.active {
        background: unset;
        color: var(--main-cl);
        font-family: 'Inter bold';
    }

    .filter_list .item:not(:last-child) {
        border: unset;
    }

    .product_2 .product_filter.flex.items-center.justify-end {
        display: none;
    }

    .product_2 .col.large-3.medium-12.small-12, .product_2 .col.large-9.medium-12.small-12 {
        display: none;
    }

    .product_1.banner_hero {
        margin-top: 141px;
    }

    .archive .sticky-jump .stuck:not(.ux-no-animation) {
        animation: unset;
    }

    .archive header#header {
        position: fixed;
        top: 0;
    }

    .product_1.banner_hero {
        height: 6.042rem;
    }

    .product_filter_term_item {
        position: relative;
        font-size: .8rem;
        background: #e9e9e9;
        border-radius: 100px;
        padding: .5rem .75rem;
        color: black;
        gap: .25rem;
        line-height: normal;
        cursor: pointer;
    }

    .product_filter_term {
        margin-top: 1rem;
        gap: 1rem;
    }

    .product_filter_term_item .svg {
        width: 0.833rem;
        height: 0.833rem;
        transition: transform .25s ease;
    }

    .product_filter_term_item.open .svg {
        transform: rotate(180deg);
    }

    /* Dropdown danh mục / thương hiệu */
    .product_filter_dropdown {
        display: none;
        position: absolute;
        top: calc(100% + .5rem);
        left: 0;
        z-index: 60;
        min-width: 12rem;
        max-height: 60vh;
        overflow-y: auto;
        background: #fff;
        border-radius: .75rem;
        box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
        padding: .25rem 0;
        cursor: default;
    }

    .product_filter_term_item.open .product_filter_dropdown {
        display: block;
    }

    .product_filter_dropdown .filter_dropdown_item {
        display: block;
        padding: .65rem .75rem;
        font-size: .8rem;
        color: #211f20;
        white-space: nowrap;
        cursor: pointer;
        border: 1px solid transparent;
    }

    .product_filter_dropdown .filter_dropdown_item.active {
        color: var(--main-cl);
        font-family: 'Inter bold';
    }

    .product_filter_dropdown .filter_dropdown_apply {
        margin: .5rem 0 0;
        padding: .65rem 1rem;
        background: var(--main-cl);
        color: #fff;
        border-radius: 60px;
        text-align: center;
        cursor: pointer;
        font-family: 'Inter semibold';
    }

    .product_filter_cta {
        padding: 1rem;
        border-top: 1px solid #cbcbcb;
        color: white;
        font-family: 'Inter semibold';
    }

    .product_mobile_filter__panel {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0;
    }

    .product_single_sidebar {
        padding: 1rem;
    }

    .product_mobile_filter__close {
        width: 100%;
        background: var(--main-cl);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 1.25rem;
        margin: 0;
        border-radius: 60px;
        transition: .7s all;
        line-height: normal;
        border: 1px solid transparent;
    }

    .product_mobile_filter__close:hover {
        background: white;
        color: var(--main-cl);
        border: 1px solid var(--main-cl);
        transition: .7s all;
    }

    .product_filter_dropdown {
        min-width: 100vw;
        left: -8rem;
        border-radius: unset;
        padding: .5rem !important;
    }

    .filter_dropdown_list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .5rem;
    }

    .product_filter_term_item:first-child .product_filter_dropdown {
        left: -.6rem;
    }

    .price_value_submit {
        display: none;
    }

    .archive .product_2 .col.large-3, .archive .product_2 .col.large-9 {
        display: none;
    }

    section.single_product_1 {
        display: none;
    }

    section.single_product_1 {
        display: none;
    }

    .swiper.product_nav {
        display: none;
    }

    .single_product_2 .pagination_wrap .swiper-pagination {
        justify-content: center;
        margin: 0 auto;
    }

    .single_product_2 .pagination_wrap .arrow_slide {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .product_thumb {
        padding: 0;
        height: 17rem;
    }

    .single_product_2 .row {
        padding: 0;
    }

    .single_product_2 .single_main {
        border-radius: unset;
    }

    .product_thumb_slide_wrap.relative {
        height: 100%;
    }

    .single_product_2 .single_main .col {
        padding-bottom: 0;
    }

    .product_detail_price {
        background: #cccccc47;
        margin: 0 -10px;
        padding: 4px 10px;
    }

    .product_single_detail .fs-price {
        font-size: 1.042rem;
        line-height: normal;
    }

    .product_single_detail h1 {
        margin-top: .5rem;
    }

    .product_single_detail .desc {
        font-size: .8rem;
        margin-top: .5rem;
    }

    .product_single_detail .sku {
        font-size: .8rem;
    }

    .product_single_detail .product-reviews__inner svg {
        width: .8rem !important;
        height: .8rem !important;
    }

    .product_single_detail .sku_review {
        margin-top: .5rem;
    }

    .skd-product-detail-reviews-star {
        font-size: .8rem !important;
    }

    .quantity_wrap.flex.items-center {
        margin-top: .5rem;
        font-size: .8rem;
    }

    .qty-wrap {
        height: 1.5rem;
    }

    .qty-wrap :is(button,input) {
        font-size: .8rem;
    }

    .buy_now_wrap {
        margin-top: .5rem;
    }

    .buy_now_wrap {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 55;
        background: white;
        padding: .75rem 10px;
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
        gap: .45rem;
    }


    .product_detail_commit {
        flex-direction: row;
        padding: .5rem .25rem;
        align-items: start;
    }

    .product_detail_commit .item {
        width: calc(100% / 3 - (.5rem * 2 / 3));
        padding: 0;
    }

    .product_detail_commit .item .title {
        font-size: .7rem;
    }

    .single_product_2 .single_main .col:last-child {
        padding-bottom: 15px;
    }

    .cta_header .cta .icon {
        margin-top: 0;
    }

    .single-fs_product header .logo {
        display: none;
    }

    .single-fs_product .header-bg-color {
        background: transparent !important;
    }

    .single-fs_product .header-wrapper {
        position: fixed;
        box-shadow: unset;
    }

    .single-fs_product .cta_header .cta {
        display: none;
    }

    .single-fs_product [data-open="#main-menu"] {
        width: 2rem;
        height: 2rem;
    }

    .single-fs_product .header-main {
        padding: .75rem 0;
    }

    .single-fs_product .cta_header .cart {
        margin-right: .5rem;
    }

    .single-fs_product li.nav-icon.has-icon {
        display: none;
    }

    .single-fs_product .header-wrapper:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgb(139 137 137 / 85%) 0%, rgb(255 255 255 / 0%) 100%);
    }

    .headersingle_svg {
        width: 1.3rem;
        height: 1.3rem;
        flex: 0 0 auto;
    }

    .single-fs_product .header-wrapper.stuck .header-main {
        padding: 1rem 0 !important;
    }

    .home_2 .slide_item {
        padding: 0 1rem;
    }

    .home_menu_slide {
        margin: 0 -1rem;
    }

    .header-main {
        padding: .65rem 0;
    }

    [data-open="#main-menu"] {
        width: 2rem;
        height: 2rem;
    }

    .medium-logo-center .logo {
        width: 125px !important;
    }

    .cta_header {
        gap: .6rem;
    }

    .cta_header .cta .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

    .cta_header .cta.login .icon {
        width: 1.3rem;
        height: 1.3rem;
    }

    .cta_header .cart {
        width: 1.3rem;
        height: 1.3rem;
    }

    .cta_header .cart_inner {
        height: .6rem;
    }

    .single-fs_product .cta_header .cart {
        width: 1.7rem;
        height: 1.7rem;
    }

    .single-fs_product .cta_header .cart_inner {
        height: .8rem;
    }

    .fs-drawer-close {
        font-size: 1rem;
    }

    .fs-drawer-header {
        padding: .5rem 1.25rem;
    }

    .page-id-777 main#primary {
        padding: 0 10px !important;
    }

    main#primary .fs-checkout-wrap {
        border-radius: unset;
        padding: 0;
    }

    .fs-checkout-left {
        padding: 1rem 10px;
    }

    .fs-form-row {
        flex-direction: column;
        gap: 1.042rem;
    }

    .fs-form-row > :is(input,select) {
        height: 3rem;
    }

    .fs-checkout-wrap .fs-checkout-left :is(input,select,button) {
        height: 2.8rem;
        font-size: 18px;
    }

    select#fs-ward {
        height: 3rem;
    }

    .fs-checkout-wrap .fs-checkout-left :is(input,select,button)::placeholder {
        font-size: .9rem !important;
    }

    .fs-checkout-wrap .fs-checkout-left select {
        font-size: .9rem !important;
    }

    .fs-select-arrow {
        font-size: 1.3rem;
    }

    .fs-qr-panel {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .fs-qr-panel {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .fs-checkout-left .fs-section:last-child {
        margin: 0;
    }

    .fs-checkout-wrap {
        gap: 0;
    }

    h1.fs-page-title {
        text-align: center;
    }

    .fs-cart-title {
        font-size: 1.5rem;
        text-align: center;
    }

    .fs-item-image {
        width: 3rem;
        height: 3rem;
    }

    .fs-item-qty-row {
        gap: .2rem;
    }

    .fs-item-qty-btn {
        height: 2rem !important;
        width: 1rem !important;
    }

    button#fs-place-order {
        width: fit-content;
        font-weight: unset !important;
        text-transform: unset;
        padding: .65rem 1.5rem !important;
        line-height: normal;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .fs-coupon-input-row {
        flex-direction: column;
    }

    .fs-coupon-wrap button {
        width: 100%;
    }

    .fs-total-row.fs-total-final #fs-total {
        font-size: 1.3rem;
    }

    .fs-checkout-left .fs-textarea {
        font-size: 18px;
    }

    .fs-checkout-left .fs-textarea::placeholder {
        font-size: .9rem;
    }

    .row.footer_2 {
        padding-top: 1rem;
    }

    .row.footer_1 {
        padding-top: 1rem;
    }

    .product_heading_wrap {
        border: unset;
    }

    .product_heading_wrap .excerpt {
        color: var(--main-cl);
        text-align: start;
    }

    .product_detail .product_heading_wrap {
        display: flex;
        justify-content: start;
        align-items: start;
        border: unset;
        padding: unset;
    }

    .home_product_item .product_bottom_wrap {
        padding: .5rem 0 0;
    }

    .home_product_item .product_detail h3 {
        font-size: .9rem;
        -webkit-line-clamp: 3;
        line-height: 1.4;
        /*height: 3.5rem;*/
    }

    span.product-item-price {
        flex-direction: row;
        justify-content: space-between;
        line-height: 1;
    }

    span.product-item-price span {
        font-size: .85rem;
        line-height: 1;
    }

    span.product-item-price span.fs-old-price {
        font-size: .65rem;
    }

    span.fs-price {
        color: var(--sub-cl);
    }

    .product_form {
        padding: 2rem 1rem;
    }

    .product_form_btn {
        width: 100%;
        font-size: 1rem;
    }

    .fs-variant-btns button {
        line-height: 1.7;
        text-align: start;
        font-size: .8rem;
    }

    .single_product_3 .product_detail h3,
    .product_new_slide .product_detail h3 {

        height: unset;
    }

    .cta_header li.html.custom.html_top_right_text {
        margin-left: 0;
    }

    .cta_header {
        gap: .3rem;
    }

    .cta_header .cta .icon {
        display: flex;
    }

    .language_inner {
        gap: .1rem;
    }

    .cta_header li.html.custom.html_top_right_text {
        gap: .2rem;
    }

    .language_item {
        gap: .2rem;
    }
}