@charset "utf-8";
/*font*/

@font-face {font-family:"Borel";src:url("../fonts/Borel-Regular.ttf");}
@font-face {font-family:"AlfaSlabOne";src:url("../fonts/AlfaSlabOne-Regular.ttf");}
/* Plus Jakarta Sans Regular */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
/* Plus Jakarta Sans Italic */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}
/* Plus Jakarta Sans Bold */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
/* Plus Jakarta Sans Bold Italic */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}
/* Plus Jakarta Sans ExtraBold */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
/* Plus Jakarta Sans ExtraBold Italic */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-ExtraBoldItalic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
}
/* Plus Jakarta Sans ExtraLight */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}
/* Plus Jakarta Sans ExtraLight Italic */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
}
/* Plus Jakarta Sans Light */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
/* Plus Jakarta Sans Light Italic */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
}
/* Plus Jakarta Sans Medium */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
/* Plus Jakarta Sans Medium Italic */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
}
/* Plus Jakarta Sans SemiBold */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
/* Plus Jakarta Sans SemiBold Italic */
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
}
/* Plus Jakarta Sans Variable */
@font-face {
    font-family: 'Plus Jakarta Sans Variable';
    src: url('../fonts/PlusJakartaSans[wght].woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
}
/* Plus Jakarta Sans Variable Italic */
@font-face {
    font-family: 'Plus Jakarta Sans Variable';
    src: url('../fonts/PlusJakartaSans-Italic[wght].woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
}


/*global style*/
html{margin-top:0 !important;height: 100%;width:100%;box-sizing: border-box;}
ul,li,p,span,em,i,div,img,h1,h2,h3,h4,h5,h6,a,input,textarea,body{padding:0px;margin:0px;border:none;}
body{font:16px "Plus Jakarta Sans", "Arial";font-weight:400;color:#565656;width:100%;height: 100%;background-color:#fff;margin:0;box-sizing: border-box;overflow-x:hidden;}
body {display: flex;flex-direction: column;}
.main-content {flex: 1;}

body::-webkit-scrollbar{width:5px;height:4px;background-color: #f8f5f4;}
body::-webkit-scrollbar-thumb{width:5px;height:4px;border-radius:2px;background-color:#8fb15a;}
table{border-collapse:collapse;}
em,i{font-style:normal;}
a{color:#333;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
ul,li{list-style:none;}
img{vertical-align:top;}
hr{display:none;}
figure{margin:0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important;}
input{outline:none;vertical-align:middle;}
input::placeholder {font-family: Arial, sans-serif;}
/* input[type='number']{-moz-appearance:textfield;} */
input[type="submit"],button{cursor:pointer;}
textarea{vertical-align:top;resize:none;outline:none;overflow:hidden;}
textarea::placeholder {font-family: Arial, sans-serif;}

p{font-size:16px;line-height:1.2;}
h1{font-size:64px;line-height:1.2;font-weight:normal;}
h2{font-size:48px;line-height:1.2;font-weight:normal;}
h3{font-size:36px;line-height:1.2;font-weight:normal;}
h4{font-size:18px;line-height:1.2;font-weight:normal;}

.w-100{width: 100%;}
.pt-100{padding: 128px 0 0 0;}
.w-main{width:1704px;margin:0 auto;box-sizing:border-box;}
.flex{display: flex;}
.flex-center{display: flex;justify-content: center;}
.flex-between{display: flex;justify-content: space-between;}

.zoom-effect {transition: transform 0.3s ease;}
.zoom-effect:hover {transform: scale(1.05);}

.bg-zoom {background-size: 100%;background-position: center;background-repeat: no-repeat;transition: background-size 1s ease;}
.bg-zoom:hover {background-size: 110%;}

.clip-img {transform: translateY(-5vw);transform-origin: center center;transition: transform 1.5s ease-out, opacity 1.5s ease-out;opacity: 0;}
.clip-img.show {transform: translateY(0);opacity: 1;}

.fade-in {opacity: 0;transform: translateY(5vw);transition: opacity 2s ease-out, transform 2s ease-out;}
.fade-in.show {opacity: 1;transform: translateY(0);}

.fade-right {opacity: 0;transform: translateX(10vw);transition: opacity 1s ease-out, transform 1s ease-out;}
.fade-left {opacity: 0;transform: translateX(-10vw);transition: opacity 1s ease-out, transform 1s ease-out;}
.fade-right.show,.fade-left.show {opacity: 1;transform: translateX(0);}
.fade-up {opacity: 0;transform: translateY(-10vw);transition: opacity 1s ease-out, transform 1s ease-out;}
.fade-down {opacity: 0;transform: translateY(10vw);transition: opacity 1s ease-out, transform 1s ease-out;}
.fade-up.show,.fade-down.show {opacity: 1;transform: translateY(0);}


.start-animation {animation: slideIn 2s forwards;}
.reveal {display: block;transform: translateY(-200px);opacity: 0;animation: slideIn 2s forwards;visibility: hidden;}
.reveal:nth-child(1) {animation-delay: 0s;}
.reveal:nth-child(2) {animation-delay: 1s;}
.reveal:nth-child(3) {animation-delay: 2s;}
@keyframes slideIn {
    0% {
        transform: translateY(-200px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 原地旋转动画 */
.rotate {animation: rotate 2s linear infinite;transform-origin: center center;}
@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.circle {width: 70%;height: 70%;margin: 0 auto;position: absolute;top: 15%;left: 50%;transform: translateX(-50%);}
.circle svg {display: block;overflow: visible;animation: spin 10s linear infinite;}
.circle path {fill: none;}
.circle text {font-size: 9px;fill: white;letter-spacing: 1px;}

@keyframes spin {
    from {
        transform: rotate(0turn);
    }
    to {
        transform: rotate(-1turn);
    }
}


.shine-btn{position: relative;display: inline-block;overflow: hidden;cursor: pointer;}
.shine-link {position: relative;display: inline-block;overflow: hidden;cursor: pointer;}

/* 闪光条 */
.shine-link::before {content: "";position: absolute;top: -50%;left: -75%;width: 50%;height: 200%;transform: rotate(25deg);background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.6) 50%,
        rgba(255,255,255,0) 100%
);filter: blur(1px);opacity: 0;pointer-events: none;}
.shine-link:hover::before {
    animation: shine-move 0.7s ease forwards;
}
@keyframes shine-move {
    0% {
        transform: translateX(0) rotate(25deg);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translateX(300%) rotate(25deg);
        opacity: 0;
    }
}

/* 基础样式 */
.underline-left {
    position: relative;
    /* color: #333; */
    text-decoration: none;
    padding-bottom: 4px;
}

/* 下划线伪元素 */
.underline-left::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #565656;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.6s ease;
}
.underline-left:hover::after {
    transform: scaleX(1);
}


/*header*/
.top_bar{position:absolute;width:100%;background-color: #004f32;color: white;text-align: center;font-size: 14px;height: 28px;line-height: 28px;z-index:9999;display: block;}
header{position:fixed;left:0;top:28px;width:100%;padding:0;box-sizing:border-box;z-index:9999;transition: top 0.3s ease;}
header.header-inner{top: 28px;}
header.fixed{top: 0 !important;}
header .header_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#7c9296;box-sizing:border-box;z-index:-1;opacity: 0;}
header .header_box{margin:0 auto;display: flex;justify-content: space-between;align-items: center;}

header .nav{display: inline-block;height: 100px;}
header .nav .menubtn{display: none;}
header .nav ul{display:flex;gap:10px;height:100%;}
header .nav ul li{height:100%;line-height:100px;font-size:18px;font-weight:500;box-sizing:border-box; padding: 0 10px;}
header .nav ul li a.underline-anim{color:#fff;padding:10px 15px;box-sizing:border-box;position: relative;font-size: 22px;}
/*header .nav ul li a.underline-anim::after {content: "";position: absolute;left: 50%;bottom: 0;height: 2px;width: 100%;background-color: #fff;transform: translateX(-50%) scaleX(0);transform-origin: center center;transition: transform 0.6s ease;}*/
/*header .nav ul li:hover a.underline-anim::after {transform: translateX(-50%) scaleX(1);}*/
header .nav ul li:hover a.underline-anim{background: #ffffff;color: #98af5c;border-radius: 15px;}
header .nav ul li.has-submenu:hover a.underline-anim{border-bottom-right-radius: 0;border-bottom-left-radius: 0;}

 /*header .nav ul li.active a.underline-anim{background: #ffffff;color: #004f32;border-top-right-radius: 15px;border-top-left-radius: 15px;}*/
header .nav ul li .nav-submenu{
    position: absolute;top: 74px;left: 0;display: none;z-index: 99;width: 100%;background:transparent;
    padding: 0 clamp(20px, 5vw, 39px);
    box-sizing: border-box;
}
header .nav ul li .nav-submenu .nav-submenu-row{
    width: 100%;display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;padding: 50px 0;
    background: #fff;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
}
header .nav ul li .nav-submenu .nav-submenu-col{text-align: center;font-size: 14px;font-weight: 300;min-width: 176px;line-height: 1.5;}
header .nav ul li .nav-submenu .nav-submenu-col .nav-submenu-col-image{display: block;}
header .nav ul li .nav-submenu .nav-submenu-col .nav-submenu-col-title{margin-top: 10px;}
header .nav ul li .nav-submenu .nav-shop-all {background: #98af5c;line-height: 1.5;border-bottom-right-radius: 40px;border-bottom-left-radius: 40px;}
header .nav ul li .nav-submenu .nav-shop-all a{color: #fff;display: block;padding: 3px 0;text-align: center;font-size: 20px;font-weight: 600;}

/* arrow */
header .nav ul li .arrow {display: inline-block; margin-left: 12px;width: 8px;height: 8px;border-right: 2px solid #FFF;border-bottom: 2px solid #FFF;
    transform: rotate(-135deg) translateY(-2px);
    transform-origin: center center;
    transition: transform 0.5s ease;
    vertical-align: middle;
}
header .nav ul li.open .arrow {transform: rotate(45deg) translateY(-4px);}


header .logo img{height: 90px;vertical-align: inherit;}
/*header .logo1{display: block;}*/
/*header .logo2{display: none;}*/
header .header_right{display: flex;align-items: center;gap:20px;}
.search-container{display: flex;align-items: center;width: 150px;}
.search-input{flex:1;border:none;border-radius:20px;background-color:#f5f5f5;padding: 8px 30px 8px 15px;font-size:14px;outline:none;width:90px;}
.search-btn{border: none;background: none;cursor: pointer;padding: 5px;margin-left: -33px;}
.search-icon{width:24px;height:24px;margin: 0 0 0 -5px;}
.header_user img{height:28px;}
.header_cart img{height:28px;}

header .menubtn{width:25px;height:20px;margin:0;display: none;opacity: 0.7;}
header .menubtn span{display:flex;justify-content:space-between;width:100%;height:3px;margin-bottom:5px;border-radius:4px;overflow:hidden;transform-origin:9.5% 50%;transition:all .3s;}
header .menubtn span:before{content:"";display:block;width:4px;height:3px;border-radius:5px;background-color:#FFFFFF;}
header .menubtn span:after{content:"";display:block;width:18px;height:3px;border-radius:5px;background-color:#FFFFFF;}

header.fixed .header_bg{background-color:#98af5c;opacity: 1;box-shadow: 0 4px 8px rgba(0,0,0,0.08);}
/*header.fixed .nav ul li a{color:#565656;}*/
/* header.header-inner .nav ul li a:hover{border: 2px solid #565656;}
header.header-inner .nav ul li.active a{border: 2px solid #565656;} */
/*header.fixed .nav ul li .arrow {border-right: 2px solid #565656;border-bottom: 2px solid #565656;}*/
/*header.fixed .nav ul li a.underline-anim::after {background-color: #565656;}*/

/*header.fixed .menubtn span:before{background-color:#565656;}*/
/*header.fixed .menubtn span:after{background-color:#565656;}*/
/*header.fixed.action .menubtn span{background-color:#565656;}*/
/*header.fixed.action .menubtn span:before{background-color:#565656;}*/
/*header.fixed.action .menubtn span:after{background-color:#565656;}*/

header.action .nav ul li a{color:#FFF;}

/*header.fixed .logo1{display: none;}*/
/*header.fixed .logo2{display: block;}*/

header.action .menubtn{opacity: 1;}
header.action .menubtn span{width:110%;background-color:#FFFFFF;}
header.action .menubtn span:before{background-color:#FFFFFF;}
header.action .menubtn span:after{background-color:#FFFFFF;}
header.action .menubtn .b1{transform:rotate(45deg);}
header.action .menubtn .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
header.action .menubtn .b3{transform:rotate(-45deg);}

/** inner page */
header.header-inner .header_bg{background-color:#98af5c;opacity: 1;box-shadow: 0 4px 8px rgba(0,0,0,0.08);}
/*header.header-inner .nav ul li a{color:#565656;}*/
/* header.header-inner .nav ul li a:hover{border: 2px solid #565656;}
header.header-inner .nav ul li.active a{border: 2px solid #565656;} */
/*header.header-inner .nav ul li .arrow {border-right: 2px solid #565656;border-bottom: 2px solid #565656;}*/
/*header.header-inner .nav ul li a.underline-anim::after {background-color: #565656;}*/

/*header.header-inner .menubtn span:before{background-color:#565656;}*/
/*header.header-inner .menubtn span:after{background-color:#565656;}*/
/*header.header-inner.action .menubtn span{background-color:#565656;}*/
/*header.header-inner.action .menubtn span:before{background-color:#565656;}*/
/*header.header-inner.action .menubtn span:after{background-color:#565656;}*/


/* Banner */
.banner-section {position: relative;}
.banner-section .swiper {width: 100%;height: 100%;}
.banner-section .swiper-slide {text-align: center;font-size: 18px;background: #444;display: flex;justify-content: center;align-items: center;}
.banner-section .swiper-slide a {display: block;width: 100%;height: 100%;object-fit: cover;}
.banner-section .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.swiper-button-next, .swiper-button-prev {color:#91b210 !important;}
.swiper-pagination-bullet-active {background: #91b210 !important;}


.cert-section {background: #ffffff;margin-top: 80px;}
.cert-box {padding: 35px 0;position: relative;}
.cert-box .certSwiper .swiper-slide {text-align: center;transition: transform 0.2s ease, box-shadow 0.1s ease;transform: scale(0.8);z-index: 10;}
.cert-box .certSwiper .swiper-slide.is-third {transform: scale(1);}
.cert-box .cert-box .swiper-slide img {width: 100%;}
.cert-prev {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99;margin-left: -150px;}
.cert-next {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99;margin-left: 150px;}
.cert-prev .cert-navigation-icon {transform: rotate(180deg);}
.cert-prev .cert-navigation-icon, .cert-next .cert-navigation-icon {color: #ced9af;cursor: pointer;width: 22px;height: 50px;}
.cert-prev .cert-navigation-icon:hover, .cert-next .cert-navigation-icon:hover {color: #91b210;}

/*.banner-section{position: relative;!*aspect-ratio: 16 / 9;*!}*/
/*.banner-img{width: 100%;height: auto;}*/
/*.banner-img img{width:100%;}*/
/*.banner-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: left;color: #fff;}*/
/*.banner-text h1{font-size: 3.5vw;line-height: 1.2;font-weight: 600;}*/
/*.banner-text .banner-free{margin: -5.5vw 0 0 3vw;width: 13vw;}*/
/*.banner-text p{font-size: 1vw;line-height: 1.5;margin-top: 1vw;}*/


.wsj-section{display: flex;margin-top: 80px;}
.wsj-image{flex: 1;text-align: center;width: 50%;position: relative;padding-top: 5vw;}
.wsj-image img{width: 80%;}
.wsj-image .hotsale-tip{position: absolute;top: 10%;left: 10%;}
.wsj-image .hotsale-tip img{width: 8vw;}
.wsj-detail{flex: 1;text-align: right;position: relative;}
.wsj-detail img {width: 80%;}
.wsj-labels{position: absolute;left: 0; top: 0;width: 100%;height: 100%;}
.wsj-labels .label{position: absolute;left: 0;opacity: 0;font-size: 1.1vw;color: #333;display:flex;align-items:top;white-space: nowrap;clip-path: inset(0 100% 0 0);text-align: left;}
.wsj-labels .label img.wsj-right-tip{width: 10vw;margin: 0.8vw 2vw;}
.wsj-labels .label:nth-child(1){ top: 17%; left:0; animation-delay: 0.3s; }
.wsj-labels .label:nth-child(2){ top: 34%; left:0; animation-delay: 1.0s; }
.wsj-labels .label:nth-child(3){ top: 51%; left:0; animation-delay: 1.7s; }
.wsj-labels .label:nth-child(4){ top: 68%; left:0; animation-delay: 2.4s; }
.wsj-labels .label.show-label {animation: labelFadeIn 1.5s forwards;}
@keyframes labelFadeIn {
    to { opacity: 1; clip-path: inset(0 0 0 0);}
}


.category-section{margin-top:80px;background: url(../images/cate_bg.webp);padding: 124px 0;box-sizing:border-box;background-size: 100% 100%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-position: center;}
.category-box{display: flex;justify-content: space-between;}

.category-gallery{width: 100%;height: 100%;display: none !important;}
.category-gallery .swiper-slide{text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;border-radius: 15px;position:relative;}
.category-gallery .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 15px;}
.category-gallery .swiper-slide h3{position:absolute;bottom: 2rem;width: 100%;}
.category-gallery .swiper-slide h3 a{color:#fff;font-size: 1.5rem;font-weight: 600;border-radius: 25px;border: 2px solid #fff;padding: 10px 30px;margin: 0 auto;display: inline-block;}
.category-gallery .swiper-pagination .swiper-pagination-bullet{background: #FFFFFF;opacity: 1;}
.category-gallery .swiper-pagination .swiper-pagination-bullet-active{background: #98af5c;}

.category{width:80%;display: flex;gap: 30px;margin: 0 auto;}
/*.left-section{flex: 1;}*/
.right-section{display: flex;flex-direction: column;gap: 30px;}
.right-top{height: 50%;}
.right-bottom{display: flex;gap: 30px;height: 50%;align-items: flex-end}
.right-bottom img{width: 50%;}
.category img{width: 100%;object-fit: cover;border-radius: 8px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
/*.right-top{width: 88%;}*/

/* .left-section img{width: 50%;} */

/* .category-sub{display: flex;} */
.category-item{text-align:center;cursor:pointer;position:relative;margin: 0;}
.category-item h3{position:absolute;bottom: 2rem;width: 100%;}
.category-item h3 a{color:#fff;font-size: 1.5rem;font-weight: 900;border-radius: 25px;border: 2px solid #fff;padding: 10px 30px;margin: 0 auto;display: inline-block;}

.category-item:hover h3 a{background-color:#98af5c;border-color: #98af5c;}
.cate_2 img{width: 80%;}
.right-top h3{bottom: 4rem;}

.category-more {position: relative;text-align: right;width: 20%;}
.arrow_1 img {width:90%;}
.arrow_2 {position: absolute;bottom: 0;right: 0;}

.product-section{margin-top:100px;background-color: #fff;}
.product-top{display: flex;justify-content: space-between;align-items:end;padding: 0 10px;box-sizing:border-box;margin-bottom: 50px;}
.product-top h2{font-size: 40px;line-height: 50px;font-weight: 600;color: #333;}
.product-top a{display: flex;flex-direction: column;color: #111111;}
.product-top a span{font-size: 18px;padding: 0 10px;margin-bottom: -5px;}
.product-top .product-more-btn{display: none;}

.product-list{display: grid;flex-wrap: wrap;gap: 2rem;grid-template-columns: repeat(4, 1fr);}
.product-item{box-sizing:border-box;cursor:pointer;position:relative;overflow: hidden;text-align: center;border-radius: 25px;background: #f8f8f8;}
.product-item .product-title{position: absolute;top: 5%;width: 100%;}
.product-item h3{font-size: 26px;}
.product-item h4{font-size: 24px;font-weight: 300;margin-top: 5px;}
.product-item .product-info{width: 100%;position: absolute;text-align: center;bottom:65px;}
/* .product-item .proudct-price{width: 100%;position: absolute;text-align: center;bottom:90px;font-size: 16px;} */
.product-item .product-info .proudct-price{font-size: 16px;color: #333;font-weight: 500;margin-bottom: 20px;font-weight: 300;}
.product-item .product-info .proudct-buy{font-size: 16px; background-color: #000000;border-radius: 25px;display: inline-block;color: #fff;padding: 8px 20px;font-weight: 300;opacity: 0.9;}
.product-item a:hover .product-info .proudct-buy{background-color: #98af5c;}
.product-item img{width: 100%;display: inline-block;transition: transform 0.3s ease;}
.product-item img:hover {transform: scale(1.05);}

.word-section{background-color: #b6cd7a;margin-top: 80px;}
.marquee {width: 100%;overflow: hidden;white-space: nowrap;box-sizing: border-box;padding: 10px 0 0 0;}
.marquee-inner {display: inline-flex;white-space: nowrap;}
.marquee-inner span{padding-right: 2rem;font-family: "Borel";color: #111111;}
.marquee-inner img{padding: 0.5rem 1rem;}


.comment-section{background-color: #fff;padding: 80px 0;box-sizing:border-box;}
.comment-box {height: 300px;overflow: hidden;position: relative;}
.comment-list {position: absolute;top: 0;left: 0;width: 100%;margin: 0;padding: 0;}
.comment-item {height: 300px;display: flex;/* align-items: center; */justify-content: center;flex-direction: column;}
.comment-section img{height: 20px;}
.comment-product{font-size: 12px;margin-top: 8px;}
.comment-content{font-size: 48px;font-weight: 600;line-height: 1.3;margin-top: 30px;min-height: 150px;}
.comment-author{font-size: 15px;margin-top: 44px;}
.comment-more{font-size: 15px;font-weight: 500;margin-top: 8px;text-decoration: underline;}




.service-box{background: #b6cd7a;border-radius: 150px;display: flex;justify-content: space-between;align-items: self-start;padding: 60px;box-sizing:border-box;flex-wrap: wrap;}
.service-item{text-align: center;flex: 1;}
.service-item img{height: 100px;}
.service-item h3{font-size: 26px;font-weight: bold;color: #FFFFFF;margin-top: 10px;line-height: 1.2;}
.service-item p{font-size: 16px;color: #FFFFFF;margin-top: 5px;}

.help-section{margin-top: 100px;}
.help-box{display: flex;justify-content: space-between; flex-wrap: wrap;gap: 2%;}
.help-faq{box-sizing:border-box;position: relative;flex: 1;}
.help-faq img{max-width: 100%;border-radius: 25px;}
.help-faq-text{position: absolute;top: 20%;left: 6%;}
.help-faq h3{font-size: 44px;font-weight: 600;color: #f4f4f4;}
.help-faq p{padding: 10px 0;color: #f4f4f4;font-size: 16px;font-weight: 300;}
.help-faq a{padding: 15px 45px;border-radius: 25px;background: #b6cd7a;display: inline-block;font-size: 20px;color: #3b3802;margin-top: 10px;}
.help-faq a:hover{background: #fefefe;color: #aa9274;}
.help-join{box-sizing:border-box;position: relative;flex: 1;}
.help-join img{max-width: 100%;border-radius: 25px;}
.help-join-text{position: absolute;top: 20%;left: 6%;}
.help-join h3{font-size: 44px;font-weight: 600;color: #f4f4f4;}
.help-join p{padding: 10px 0;color: #f4f4f4;font-size: 16px;font-weight: 300;}
.help-join a{padding: 15px 45px;border-radius: 25px;background: #b6cd7a;display: inline-block;font-size: 20px;color: #3b3802;margin-top: 10px;}
.help-join a:hover{background: #fefefe;color: #aa9274;}

.blog-section{margin: 100px 0;}
.blog-box{display: flex;justify-content: space-between;}
.blog-left{width: 48%;position: relative;border-radius: 40px;background-color: #98af5c;cursor: pointer;}
.blog-left img{width: 100%;border-radius: 40px;opacity: 0.7;transition: opacity 1s ease;}
.blog-left:hover img{opacity: 1;}
.blog-left h3{font-size: 32px;font-weight: 600;color: #f4f4f4;position: absolute;top: 20%;left: 6%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 94%;}
.blog-left h3 a{color: #f4f4f4;}
.blog-left p{padding: 20px 0;color: #f4f4f4;font-size: 16px;font-weight: 300;position: absolute;top: 32%;left: 6%;}
.blog-left a.read-more{padding: 13px 30px;border-radius: 25px;background: #b6cd7a;display: inline-block;font-size: 20px;line-height: 1.2;color: #3b3802;position: absolute;top: 55%;left: 6%;}
.blog-left a.read-more:hover{background: #fefefe;color: #c7ba86;}
.blog-right{box-sizing:border-box;width: 48%;display: flex;flex-direction: column;}
.blog-item{flex: 1;display: flex;justify-content: space-between;margin-bottom: 20px;cursor: pointer;width: 100%;gap: 10px;}
.blog-item:last-child{margin-bottom: 0;}
.blog-item .blog-image{position: relative;width: 48%;border-radius: 35px;background-color: #98af5c;}
.blog-item .blog-image img{width: 100%;height: 100%;border-radius: 35px;opacity: 0.7;transition: opacity 1s ease;}
.blog-item .blog-image:hover img{opacity: 1;}
.blog-item .blog-image h3{position: absolute;font-size: 18px;font-weight: 600;color: #ffffff;text-align: center;line-height: 1.2;left: 0;top: 50%;transform: translateY(-50%);width: 90%;padding: 0 5%;}
.blog-item .blog-title{width: 48%;}
.blog-item .blog-title h3{font-size: 22px;font-weight: 600;color: #111111;line-height: 1.2;}
.blog-item .blog-title a{color: #646464;font-size: 13px;font-weight: 300;text-decoration: underline;margin-top: 5px;}


footer{margin-top: 0;background: #b6cd7a;}
footer h3{color: #111111;font-weight: 600;}
footer a:hover{opacity: 0.7;}
footer .footer-box{padding: 72px 0;box-sizing:border-box;display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer-nav{width: 50%;display: flex;justify-content: space-between;flex-wrap: wrap;border-right: 1px solid #111111;}
.footer-nav-item{width: 33%;}
.footer-nav-item ul li{margin-top: 15px;}
.footer-subscribe{width: 40%;}
.footer-subscribe p {margin-top: 5px;}
.subscribe-box{margin-top: 20px;display: flex; max-width: 500px;}
.subscribe-box .subscribe-input{flex:1;}
.subscribe-box .subscribe-input input{width: 100%;padding: 15px 15px;border: none;font-size: 20px;box-sizing:border-box;}
.subscribe-box .subscribe-btn{background-color: #91a954;color: #fff;padding: 10px 20px;font-size: 22px;border: none;cursor: pointer;opacity: 0.9;font-weight: 600;}
.social-icons{display: flex;align-items: center;gap:10px;margin-top: 20px;}
.social-icons a span{color: #000000;font-size: 21px;}
.social-icons a:hover span.facebook{color: #0866ff;}
.social-icons a:hover span.instagram{background: linear-gradient(225deg, #7217ff, #f50fc6, #fe601f, #ffc400);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}
.social-icons a:hover span.youtube{color: #f00;}
.social-icons a:hover span.tiktok:before {content: "\e907";background:#ffffff;}
.social-icons a:hover span.linkedin{color: #0077b5;}


.product-inner{display: flex;justify-content: space-between;padding-top: 200px;}
.product-inner-gallery {flex: 1;display: flex;width: 50%;margin: 0 auto;gap: 15px;flex-direction: row-reverse;}
.product-inner-gallery .thumbs {width: 15%;}
.product-inner-gallery .thumbs .swiper-slide {height: auto;border-radius: 8px;opacity: 0.5;cursor: pointer;border: 2px solid #FFF;transition: 0.3s;}
.product-inner-gallery .thumbs .swiper-slide img{border-radius: 20%;}
.product-inner-gallery .thumbs .swiper-slide-thumb-active {opacity: 1;}
.product-inner-gallery .thumbs img {width: 100%;height: 100%;object-fit: cover;display: block;}
.product-inner-gallery .main-gallery {flex: 1;border-radius: 10px;overflow: hidden;}
.product-inner-gallery .main-gallery .swiper-slide img {width: 100%;border-radius: 10%;}
/* .product-inner-gallery .thumbs2 {width: 100%;height: 120px;}
.product-inner-gallery .thumbs2 .swiper-slide {width: 100px;height: 100px;border-radius: 8px;opacity: 0.5;cursor: pointer;border: 2px solid #FFF;transition: 0.3s;}
.product-inner-gallery .thumbs2 .swiper-slide img{border-radius: 20px;width: 100px;height: 100px;}
.product-inner-gallery .thumbs2 .swiper-slide-thumb-active {opacity: 1;} */

.product-inner-info{flex: 1;padding: 0 0 0 5%;}
.product-inner-info h1{font-size: 52px;color: #565656;}
.product-inner-rating{font-size: 20px;padding: 15px 0;border-bottom: 1px solid #787878;display: inline-flex;}
.product-inner-rating .rating{min-width: 130px;}
/*.product-inner-rating span{padding: 0 20px;}*/
.product-inner-desc{font-size: 18px;color: #565656;padding: 15px 0 0px 0;}
.product-inner-desc-content{font-size: 13px;color: #565656;border-bottom: 1px solid #787878; padding: 8px 0 15px 0;}
.product-inner-discount{font-size: 14px;padding: 20px 0;border-bottom: 1px solid #787878;color: #444444;}
.product-inner-discount span{padding: 8px 15px;background-color: #ff4f85;margin-right: 10px;color: #FFF;}

.product-inner-type{padding: 15px 0;display: flex;font-size: 14px;color: #565656;flex-wrap: wrap;gap: 10px}
.product-inner-type .type-label{margin: 0;font-size: 24px;line-height: 1.0}
.product-inner-type .type-item{padding: 8px 20px;margin: 0;border: 1px solid #565656;border-radius: 15px;text-align: center;cursor: pointer;}
.product-inner-type .type-item.active{background: #8fb15a;color: #fff;border: 1px solid #8fb15a;}
.product-inner-type .type-item:hover{background: #8fb15a;color: #fff;border: 1px solid #8fb15a;}
.product-inner-num{padding: 15px 0;display: flex;align-items: center;gap: 10px;}
.product-inner-num .num-button{width: 30px;height: 30px;border: none;text-align: center;border-radius: 50%;background-color: #cacaca;color: #565656;font-size: 20px;cursor: pointer;font-weight: 300;}
.product-inner-num .num-button:hover{background-color: #8fb15a;color: #fff;}
.product-inner-num input {width: 50px;height: 30px;border: none;text-align: center;font-size: 20px;}
.product-inner-price{color: #565656;font-size: 24px;}
.product-inner-cart{max-width: 500px;margin: 56px 0 0 0;background-color: #8fb15a;border-radius: 25px;text-align: center;padding: 10px 0px;color: #fff;font-size: 29px;cursor: pointer;font-weight: 600;}
.product-inner-share{margin: 24px 0 0 0;}

.product-content{width: 100%;}
.product-fda{position: relative;width: 100%;background-color: #98af5c;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;margin-top: 50px;z-index: 199;}
.product-fda-box{display: flex;justify-content: space-between;padding: 50px 0;}
.product-fda-box h3{color: #FFF;font-size: 50px;font-weight: 600;line-height: 1.1;}
.product-fda-box .product-fda-img{display: flex;gap: 10px;width: 50%;justify-content: space-around;}
.product-fda-box .product-fda-img img{height: 117px;}

.product-content1{position: relative;display: flex;background-color: #b8cd98;margin-top: -50px;align-items: center;}
.product-content1 .img{width: 50%;}
.product-content1 .img img{width: 100%;}
.product-content1 .text{padding: 0 0 0 5%;width: 45%;}
.product-content1 h3{color: #FFF;font-size: 40px;font-weight: 500;line-height: 1.1;}
.product-content1 p{color: #FFF;font-size: 26px;margin-top: 54px;font-weight: 300;}

.product-content2{display: flex;background-color: #b8cd98;align-items: center;background-size: cover;flex-direction: row-reverse;}
.product-content2 .img{width: 50%;}
.product-content2 .img img{width: 100%;}
.product-content2 .text{padding: 0 5% 0 0;width: 45%;text-align: right;}
.product-content2 h3{color: #FFF;font-size: 40px;font-weight: 500;line-height: 1.1;}
.product-content2 p{color: #FFF;font-size: 26px;margin-top: 54px;font-weight: 300;}
.product-content3{background: url(../images/product_content_4.webp) no-repeat center;background-size: cover;text-align: center;width: 100%;padding: 10vw 0;position: relative;}
.product-content3 img{max-width: 90%;}
.product-content3 p{font-size: 47px;font-weight: 500;color: #ffffff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.product-content3 p.p2{top: 75%;}
.product-content3-2{width: 100%;;position: relative;text-align: center;}
.product-content3-2 img{width: 100%;}
.product-content3-2 p{font-size: 47px;font-weight: 500;color: #ffffff;position: absolute;top: 70%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.product-content4{background-color: #ebe8e3;text-align: left;position: relative;}
.product-content4 .img1{margin-left: 0;}
.product-content4 .img2{position: absolute;top: 50%;left: 70%;transform: translate(-50%, -50%);width: 45%;}
.product-content5{background-color: #c1cbb0;text-align: left;position: relative;border: 2vw solid #FFF;box-sizing: border-box;}
.product-content5 .img1{margin-left: 5%;}
.product-content5 .img2{position: absolute;top: 50%;left: 60%;transform: translate(-50%, -50%);width: 45%;}
.product-content6{background-color: #aec5b1;position: relative;box-sizing: border-box;text-align: right;}
.product-content6 .img1{margin-right: 0;max-width: 100%;}
.product-content6 .img2{position: absolute;top: 50%;left: 30%;transform: translate(-50%, -50%);width: 50%;max-width: 960px;}

.product-related{width: 100%;background: #f0f0f0;padding: 86px 0;}
.product-related h2{text-align: center;color: #565656;font-size: 54px;margin: 0 0 36px 0;font-weight: 500;}
.product-related-box{display: flex;gap: 3.5%;max-width: 1700px;margin: 0 auto;}
.product-related-box .product-related-item{margin: 3vw 0;}
.product-related-box .product-related-img img{width: 100%;max-width: 380px;border-radius: 40px;}
.product-related-box h3{font-size: 28px;font-weight: 500;padding-top: 10px;}
.product-related-box p{font-size: 16px;padding: 10px 0;font-weight: 300;border-bottom: 1px solid #565656;}
.product-related-box .product-related-bottom{display: flex;justify-content: space-between;align-items: center;padding: 10px 0;}
.product-related-box .product-related-bottom .product-related-price{font-size: 21px;font-weight: 300;}

.product-reviews{width: 100%;background: #ffffff;padding: 5vw 0;}
.product-reviews h2{text-align: center;color: #565656;font-size: 54px;margin: 0 0 36px 0;font-weight: 500;}



.login-box{display: flex;justify-content: space-between;padding: 100px 0;}
.login-left{flex: 1;}
.login-form{max-width: 400px;margin: 0 auto;color: #565656;}
.login-form h3{text-align: center;color: #565656;font-size: 42px;font-weight: 600;margin-bottom: 30px;}
.login-form .input-item{border: 1px solid #565656;border-radius: 25px;padding: 8px 15px;margin-top: 20px;}
.login-form .input-item input{font-size: 16px;}
.login-form .btn-item{display: flex;justify-content: space-between;align-items: center;}
.login-form .btn-item button{background: #91a954;border: 1px solid #91a954;border-radius: 25px;padding: 10px 20px;color: #fff;font-size: 16px;cursor: pointer;margin: 20px 0;}
.login-form .btn-item .forgot{font-size: 13px;text-decoration: underline;}

.register-right{flex: 1;border-left: 1px solid #565656;}


/* 公共遮罩层 */
.modal,.side-modal,.sale-modal{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 9999;justify-content: center;align-items: center;}
/* 居中弹层 */
.modal-content {background: #fff;width: 500px;max-width: 90%;padding: 20px;border-radius: 10px;position: relative;box-shadow: 0 4px 10px rgba(0,0,0,0.3);animation: fadeIn 0.3s ease;max-height: 90vh;}
.modal-content .modal-close {position: absolute;right: 15px;top: 10px;font-size: 24px;cursor: pointer;color: #888;}
.modal-content .modal-close:hover { color: #333; }
.modal-content .modal-body {overflow-y: auto;flex: 1;min-height: 10vh;max-height: 80vh;}
.modal-content h2 {font-size: 24px;font-weight: 500;padding-bottom: 20px;}
.modal-content .modal-body h2 {font-size: 24px;font-weight: 500;padding: 15px 0;}
.modal-content .modal-body p {font-size: 16px;padding: 8px 0;line-height: 1.8;}
/* 居中广告弹层 */
.sale-modal-content {background: #94ac59;width: 90%;max-width: 900px;border-radius: 10px;position: relative;box-shadow: 0 4px 10px rgba(0,0,0,0.3);animation: fadeIn 0.3s ease;max-height: 90vh;display: flex;overflow: hidden;}
.sale-modal-content .sale-left{max-width: 50%;}
.sale-modal-content .sale-left img{width: 100%;}
.sale-modal-content .sale-right{text-align: center;flex: 1;}
.sale-modal-content .sale-right .sale-modal-close {position: absolute;right: 15px;top: 1px;font-size: 36px;cursor: pointer;color: #FFF;opacity: 0.7;}
.sale-modal-content .sale-right .sale-modal-close:hover {color: #FFF;opacity: 1;}
.sale-modal-content .sale-box{margin: 40px auto 0 auto;max-width: 300px;}
.sale-modal-content .sale-box p{font-size: 12px;padding: 5px 0;color: #FFF;}
.sale-modal-content .sale-box .sale-logo{padding: 0;margin: 0 auto;}
.sale-modal-content .sale-box .sale-dis{margin-top: 15px;}
.sale-modal-content .sale-box .sale-dis-p {font-size: 20px;line-height: 1.3;color: #fff;margin-top: 10px;}
.sale-modal-content .sale-box .sale-input input{width: 100%;border-radius: 8px;font-size: 18px;padding: 15px 18px;box-sizing: border-box;margin-top: 30px;max-width: 300px;}
.sale-modal-content .sale-box .sale-btn{margin-top: 19px;cursor: pointer;}
/* 底部弹层 */
.cookies-modal{display: none;width: 100%;position: fixed;bottom: 0;left: 0;z-index: 10;}
.cookies-modal-content {background: #909090;animation: fadeIn 0.3s ease;display: flex;width: 100%;justify-content: space-between;align-items: center;height: 80px;}
.cookies-modal-content .cookies-left{font-size: 16px;font-weight: 500;padding: 0 0 0 2.5vw;color: #ffffff;}
.cookies-modal-content .cookies-left a{text-decoration: underline;color: #ffffff;}
.cookies-modal-content .cookies-right{text-align: center;display: flex;gap: 17px;padding: 0 2.5vw 0 0;}
.cookies-modal-content .cookies-right div{width: 170px;padding: 12px 0;cursor: pointer;font-size: 16px;font-weight: 600;border-radius: 10px}
.cookies-modal-content .cookies-right .cookies-reject{background: #98af5c;color: #FFFFFF;}
.cookies-modal-content .cookies-right .cookies-accept{background: #FFFFFF;color: #909090;}

/* 右侧滑出弹层 */
.side-modal-content {background: #fff;width: 380px;max-width: 90%;height: 100%;position: fixed;top: 0;right: 0;box-shadow: -4px 0 10px rgba(0,0,0,0.3);transform: translateX(100%);transition: transform 0.3s ease;display: flex;flex-direction: column;}
.side-modal.show .side-modal-content {transform: translateX(0);}
.side-modal-close {position: absolute;right: 15px;top: 10px;font-size: 36px;cursor: pointer;color: #888;}
.side-modal-close:hover {color: #333;}
.side-modal-body {overflow-y: auto;flex: 1;}
@keyframes fadeIn {
    from {opacity: 0; transform: translateY(-20px);}
    to {opacity: 1; transform: translateY(0);}
}
.side-modal-content .loading-box {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 80%;background: #d1dbb5;}
.side-modal-content .spinner {width: 40px;height: 40px;border: 4px solid #ccc;border-top: 4px solid #000;border-radius: 50%;animation: spin 1s linear infinite;margin-bottom: 10px;}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.openSearch{cursor: pointer;}
.search-form{width: 100%;}
.search-form .search-form-item input{padding: 10px;border: 1px solid #565656;outline: none;box-sizing: border-box;border-radius: 10px;font-size: 14px;width: 100%}
.search-form .search-form-btn{margin-top: 20px;}
.search-form .search-form-btn button{border: 0;background: #98af5c;border-radius: 25px;padding: 10px 20px;color: #ffffff;font-size: 16px;}

.openCart{cursor: pointer;}
.side-cart{background: #d1dbb5;display: flex;flex-direction: column;}
.side-cart h2{font-size: 30px;font-weight: 500;border-bottom: 1px solid #565656;padding: 20px;}
.side-cart ul{padding: 0 30px;flex: 1;}
.side-cart ul li{display: flex;padding: 35px 0;border-bottom: 1px solid #565656;}
.side-cart ul li:last-child{border-bottom: none;}
.side-cart ul li .cart-img{width: 100px;height: 100px;background: #fff;border-radius: 15px;}
.side-cart ul li .cart-img img{width: 100px;height: 100px;border-radius: 15px;}
.side-cart ul li .cart-info{padding: 0 0 0 25px;display: flex;flex-direction: column;gap: 5%;flex: 1;}
.side-cart ul li .cart-info h3{font-weight: 400;font-size: 18px;flex: 1;}
.side-cart ul li .cart-info p{font-size: 12px;margin-top: 0;flex: 1;}
/* .side-cart ul li .cart-info p{font-size: 12px;} */
.side-cart ul li .cart-info .cart-qty-box{display: flex;justify-content: space-between;align-items: center;}
.side-cart ul li .cart-info .cart-qty-box .cart-qty-selector{border: 1px solid #565656;padding: 0 10px;border-radius: 25px;}
.side-cart ul li .cart-info .cart-qty-box .cart-qty-selector button{background: none;border: none;cursor: pointer;color: #565656;font-size: 16px;}
.side-cart ul li .cart-info .cart-qty-box .cart-qty-selector input{background: none;border: none;text-align: center;width: 30px;font-size: 16px;}
.side-cart ul li .cart-info .cart-qty-box .cart-delete{cursor: pointer;}

.side-cart .cart-subtotal{padding: 20px;border-top: 1px solid #565656;}
.side-cart .cart-subtotal .cart-subtotal-text{display: flex;justify-content: space-between;align-items: center;font-size: 22px;}
.side-cart .cart-subtotal .cart-subtotal-text strong{font-size: 22px;font-weight: 500;}
.side-cart .cart-subtotal .cart-btn{padding: 10px 0;text-align: center;width: 100%;border: 0;margin: 10px 0 0 0;background: #8fb15a;color: #d1dbb5;font-size: 19px;border-radius: 25px;}
.side-cart .cart-subtotal .cart-checkout{display: inline-block;}
.side-cart .cart-subtotal .cart-subtotal-tip{font-size: 11px;margin-top: 5px;}
.empty-cart{padding: 10px;}

.checkout-box{display: flex;}
.checkout-left{width: 50%;background: #FFF;}
.checkout-right{width: 50%;background: #d1dbb5;}

.checkout-open-link{margin-top: 10px;display: flex;flex-wrap: wrap;gap: 10px;}
.checkout-open-link a{font-size: 13px;text-decoration: underline;font-weight: 300;}

.about-box{}
.about-top{position: relative;width: 100%;margin: 0 auto;}
.about-top img{width: 100%;}
.about-top .about-content{position: absolute;bottom: 20%;left: 50%;transform: translate(-50%, 0%);max-width: 90%;margin: 0 auto;width: 1500px;}
.about-top .about-content h1{font-size: 66px;font-weight: 600;color: #ffffff;}
.about-top .about-content p{font-size: 20px;color: #ffffff;line-height: 1.5;width: 860px;max-width: 100%;}
.about-total{position: absolute;bottom: -121px;left: 50%;transform: translate(-50%, 0%);max-width: 90%;margin: 0 auto;width: 1500px;background: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.3);display: flex;justify-content: space-between;padding: 25px 0;flex-wrap: wrap;}
.about-total-item{width: 15%;;text-align: center;padding: 44px 0 15px 0;border-right: 1px solid #7f7f7f;}
.about-total-item:last-child{border-right: none;}
.about-total-item .about-num{display: flex;font-family: "AlfaSlabOne", serif;color: #98af5c;justify-content: center;line-height: 1.0;}
.about-total-item .about-count{font-size: 86px;}
.about-total-item .about-count-plus{font-size: 50px;}
.about-total-item p{font-size: 22px;font-weight: 800;font-style: normal;color: #777777}

.about-box2{background: #ffffff;position: relative;width: 100%;max-width: 1650px;margin: 235px auto 148px auto;overflow: hidden;}
.about-box2 img{width: 100%;max-width: 990px;}
.about-box2 .about-content2{max-width: 756px;position: absolute;bottom: 20%;right: 0;border-radius: 25px;background: #a5c15d;padding: 44px;box-sizing: border-box;overflow-x: hidden;}
.about-box2 .about-content2 h3{color: #ffffff;font-size: 41px;font-weight: 600;}
.about-box2 .about-content2 p{color: #ffffff;font-size: 20px;font-weight: 300;line-height: 1.5;margin-top: 10px;}
.about-box2-1 {background: #a5c15d;width: 100%;margin: 148px auto;text-align: center;padding: 45px 0;overflow: hidden;position: relative;}
.about-box2-1 .imgs{display: flex;align-items: center;justify-content:space-between;width: 1200px;max-width: 90%;margin: 0 auto;}
/*.about-box2-1 img{max-width: 90%;}*/




.about-box3 {background: #ffffff;width: 100%;max-width: 1656px;margin: 148px auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.about-box3 .about-philosophy{flex: 1;padding: 0 80px;box-sizing: border-box;overflow-x: hidden;}
.about-box3 .about-philosophy h2{font-size: 27px;font-weight: 500;color: #565656;}
.about-box3 .about-philosophy .about-philosophy-item{display: flex;margin-top: 35px;align-items: center;max-width: 483px;}
.about-box3 .about-philosophy .about-philosophy-item h3{font-size: 28px;font-weight: 600;color: #FFFFFF;background-color: #a5c15d;border-radius: 25px;width: 114px;height: 114px;line-height: 114px;text-align: center;}
.about-box3 .about-philosophy .about-philosophy-item p{flex: 1;font-size: 20px;padding: 20px;}
.about-box3 .about-promise{flex: 1;position: relative;}
.about-box3 .about-promise img{max-width: 100%;width: 875px;}
.about-box3 .about-promise p{position: absolute;top: 40%;left: 15%;font-size: 58px;font-weight: 600;color: #ffffff;}
.about-box3 .about-promise p span{font-size: 26px;font-weight: 400;color: #ffffff;}
.about-box4{background: url(../images/about_24.webp);background-size: 100% 100%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-position: center;width: 100%;margin-top: 148px;padding: 70px 140px 150px 140px;box-sizing: border-box;}
.about-box4-div{width: 1500px;max-width: 90%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;box-sizing: border-box;gap:1vw;margin: 0 auto;}
.about-box4 .about-advantage{flex: 1;}
.about-box4 .about-advantage h2{font-size: 66px;font-weight: 600;color: #ffffff;}
.about-box4 .about-advantage h2 span{font-size: 20px;font-weight: 300;color: #ffffff;}
.about-box4 .about-advantage .imgs{display: flex;gap: 21px;margin-top: 40px;}
.about-box4 .about-advantage .imgs2{display: flex;flex-direction: column;width: 100%;gap: 21px;}
.about-box4 .about-advantage .imgs img{border-radius: 10px;max-width: 50%;}
.about-box4 .about-advantage .imgs .img2{margin-top: 50px;max-width: 50%;width: 170px;flex: 1;}
.about-box4 .about-advantage .imgs .img3{max-width: 100%;width: 290px;}
.about-box4 .about-advantage-list{flex: 1;color: #ffffff;display: flex;flex-direction: column;}
.about-box4 .about-advantage-list .desc1{font-size: 22px;}
.about-box4 .about-advantage-list .desc-mid{display: flex;flex-direction: column;gap: 30px;margin-top: 50px;}
.about-box4 .about-advantage-list h3{font-size: 32px;font-weight: 600;color: #fff846;text-decoration: underline;}
.about-box4 .about-advantage-list p{font-size: 22px;font-weight: 300;}
.about-box4 .about-advantage-list .desc2{font-size: 22px;font-weight: 300;margin-top: 50px;}
.about-box4 .about-advantage-list .desc-btn{text-align: right;margin-bottom: -70px;margin-top: 30px;}
.about-box4 .about-advantage-list .desc-btn button{border: 1px solid #fff;background-color: #ffffff;padding: 8px 15px;color:#95ac59;font-size: 17px;font-weight: 600;}
.about-box5{background: #f4f4f4;width: 100%;padding: 100px 0;position: relative;}
.about-box5 h2{text-align: center;margin: 0 auto;padding: 20px 0;color: #43521e;font-size: 41px;font-weight: 600;background: url(../images/about-product-bg.png) no-repeat center bottom;}
.about-box5 .about-products-tip{position: absolute;top: 10%;left: 50%;transform: translate(-50%, 0);width: 90%;max-width: 1770px;text-align: right;}
.about-box5 .about-products-tip img{border-radius: 50%;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);}
.about-category{margin-top: 100px;}
.about-products{width: 100%;max-width: 1770px;display: flex;justify-content: space-between;gap: 16px;}
.about-products-item{width: 280px;max-width: 100%;cursor: pointer;}
.about-products-item:nth-child(2n){margin-top: 120px;}
.about-products-item .about-products-item-img{position: relative;}
.about-products-item .about-products-item-img img{max-width: 100%;}
.about-products-item .about-products-item-img .about-products-item-room{position: absolute;top: 0;background-color: #89a7c1;opacity: 0;width: 100%;height: 100%;transition: opacity 1s ease;}
.about-products-item .about-products-item-img:hover .about-products-item-room{opacity: 0.6;}
.about-products-item .about-products-item-img .about-products-item-room span{
    width: 168px;height: 168px;border-radius: 50%;background: #fff;text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    font-weight: 600;
    color: #43521e;
}
.about-products-item .about-products-item-title{background: #92aa55; padding: 15px 10px;}
.about-products-item .about-products-item-title h3{font-size: 25px;font-weight: 600;color: #43521e;padding: 20px 0;text-align: center;border-radius: 50px;background-color: #ffffff;}
.about-products-item:nth-child(5) .about-products-item-title h3{font-size: 23px;}
.about-products-item:nth-child(6) .about-products-item-title h3{font-size: 23px;}

.about-box6{background: #FFFFFF;width: 100%;max-width: 1700px;margin: 148px auto;text-align: right;position: relative;}
.about-box6 img{width: 1350px;max-width: 100%;}
.about-box6 .about-commitment{position: absolute;top: 45%;left: 0;transform: translateX(-50%);background: #98af5c;border-radius: 25px;padding: 40px;color: #ffffff;}
.about-box6 .about-commitment0::after {
  content: '';
  position: absolute;
  left: 10%;
  top: 0;
  width: 0;
  height: 0;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-bottom: 80px solid #98af5c;
  transform: translateX(-50%);
  rotate: 155deg;
  z-index: 1;
}
.about-box6 .about-commitment h3{font-size: 26px;font-weight: 300;text-align: left;}
.about-box6 .about-commitment p{font-size: 41px;font-weight: 600;text-align: left;}

.about-box7{background: #FFFFFF;width: 100%;margin: 148px auto;text-align: right;position: relative;}
.about-box7-imgs {display: flex;justify-content: flex-end;gap: 23px;}
.about-box7-imgs img{max-width: 100%;}
.about-box7-imgs .about-box7-img {opacity: 0;transform: translateX(10vw);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}
.about-box7-imgs .about-box7-img.show-img {opacity: 1;transform: translateX(0);}
.about-box7 .about-commitment{position: absolute;top: 56%;left: 5%;background: #98af5c;padding: 22px;color: #ffffff;max-width: 90%;z-index: 1;}
.about-box7 .about-commitment span{font-family: "AlfaSlabOne", serif;font-size: 458px;color: #98af5c;position: absolute;top: -170px;left: -20px;opacity: 0.6;line-height: 1;}
.about-box7 .about-commitment h3{font-size: 26px;font-weight: 300;text-align: left;}
.about-box7 .about-commitment p{font-size: 41px;font-weight: 600;text-align: left;padding: 11px 11px;border: 1px solid #ffffff;margin-top: 10px;}

.about-box500 img{max-width: 100%;}


.contact-box{display: flex;justify-content: space-between;align-items: center;padding: 50px 0;gap: 20px;box-sizing: border-box;}
.contact-box img{max-width: 60%;}
.contact-box h1{font-size: 60px;font-weight: 500;}
.contact-box p{font-size: 14px;font-weight: 300;}
/* .contact-right{padding-left: 130px;} */
.contact-form{flex: 1;flex-direction: column;max-width: 100%;}
.contact-form .form-item{display: flex;justify-content: space-between;gap: 20px;margin-top: 20px;}
.contact-form .form-item input{flex: 1;padding: 10px;border: 1px solid #565656;outline: none;box-sizing: border-box;border-radius: 10px;font-size: 14px;}
.contact-form .form-item textarea{height: 80px;border: 1px solid #565656;border-radius: 10px;box-sizing: border-box;padding: 10px;width: 100%;}
.contact-form .form-checkbox{margin-top: 10px;}
.contact-form .form-checkbox input{margin-right: 5px;}
.contact-form .form-checkbox a{text-decoration: underline;}
.contact-form .form-btn{text-align: center;margin-top: 20px;}
.contact-form .form-btn button{border: 0;background: #98af5c;border-radius: 50px;padding: 10px 20px;color: #ffffff;font-size: 16px;}

.contact-box-info {text-align: center;padding: 70px 0 130px 0;}
.contact-info-title {font-size: 44px;font-weight: 900;text-transform: uppercase;}
.contact-info-items {display: flex;justify-content: center;gap: 80px;margin-top: 10px;}
.contact-info-item {font-size: 24px;font-weight: 300;display: flex;align-items: center;gap: 10px;}
.contact-info-map {margin-top: 40px;}


.faqs-box{position: relative;padding: 0 0 100px 0;margin-top: 20px;}
.faqs-sidebar{position: fixed;top: 170px;width: 400px;box-sizing: border-box;}
.faqs-sidebar ul{text-align: left;}
.faqs-sidebar ul li{padding: 10px;font-size: 20px;font-weight: 500;}
.faqs-sidebar ul li a:hover{color: #98af5c;}
.faqs-contact{text-align: left;margin-top: 20px;}
.faqs-contact a{background: #98af5c;color: #ffffff;padding: 6px 30px;font-size: 25px;font-weight: 500;border-radius: 25px;display: inline-block;}
.faqs-right{width: 100%;display: flex;justify-content: flex-end;}
.faqs-section{border-left: 1px solid #565656;padding: 0 5%;width: 70%;}
.faqs-section h2{font-size: 32px;font-weight: 500;padding: 30px 0;border-bottom: 1px solid #565656;}
.faqs-section .faqs-item{padding: 30px 0;border-bottom: 1px solid #565656;}
/* .faqs-section .faqs-item{padding: 50px 0;border-top: 1px solid #565656;border-bottom: 1px solid #565656;} */
.faqs-section h3{cursor: pointer;font-size: 20px;font-weight: 500;display: flex;justify-content: space-between;align-items: center;}
.faqs-section h3 span{font-size: 32px;font-weight: 300;transform: rotate(0deg);transition: transform 0.5s ease;}
.faqs-section h3 span.active{transform: rotate(-45deg);transition: transform 0.5s ease;}
/* .faqs-section h3:hover{color: #98af5c;} */
.faqs-section .answer{display: none;font-size: 16px;font-weight: 300;padding: 10px 0;}

.page-box{padding: 0 0 clamp(20px, 5vw, 100px) 0;max-width: 1500px;}
.page-box h1{margin: 28px 0;line-height: 1.5;font-weight: 600}
.page-box h2{margin: 28px 0;line-height: 1.5;font-weight: 600}
.page-box p{margin: 28px 0;line-height: 1.5;}
.page-product-cat {padding-top: clamp(20px, 5vw, 60px);}

/* rate section */
.review-section {display: flex;flex-wrap: wrap;gap: 30px;margin-bottom: 40px;}
.stats-container {flex: 1;min-width: 300px;padding: 25px;}
.average-rating {text-align: center;margin-bottom: 25px;display: flex;align-items: center;justify-content: center;gap: 2%;}
.average-score {font-size: 70px;font-weight: 400;line-height: 1;}
.total-reviews {color: #9d9d9d;font-size: 22px;font-weight: 500;}
.total-star{text-align: left;font-size: 32px;color: #8fb15a;}
.rating-distribution {margin-top: 20px;}
.rating-item {display: flex;align-items: center;margin-top: 5px;}
.rating-stars {width: 37px;font-size: 20px;display:flex;justify-content: space-between;align-items: center;}
.rating-stars span{color: #8fb15a;}
.progress-container {flex: 1;height: 10px;background: #e7e7e7;border-radius: 5px;margin: 0 10px;overflow: hidden;}
.progress-bar {height: 100%;background: #565656;border-radius: 5px;}
.rating-percent {width: 40px;text-align: right;font-size: 0.9rem;}

/* rate form */
.rating-form {flex: 1;min-width: 300px;padding: 25px;display: flex;flex-direction: column;align-items: center;position: relative;}
.rating-form::before,.rating-form::after {content: "";position: absolute;top: 15%;bottom: 15%;right: 0;width: 1px;background: #565656;}
.rating-form::before {left: 0;}
.rating-form::after {right: 0;}
.rating-form h3 {font-size: 36px;font-weight: 500;}
.x9-star-rating {display: flex;margin: 15px 0;flex-direction: row-reverse;}
.x9-star-rating input {display: none;}
.x9-star-rating label {font-size: 4rem;color: #ccc;cursor: pointer;transition: all 0.2s;}
.x9-star-rating input:checked ~ label,
.x9-star-rating label:hover,
.x9-star-rating label:hover ~ label {color: #8fb15a;}
.product-inner-rating .rating {min-width: unset !important;}
.rating-text {font-size: 1.2rem;margin-bottom: 20px;font-weight: 500;}

/* message form */
.red{color: #ff3a64;}
.write-review {flex: 1;border-radius: 10px;padding: 25px;box-sizing: border-box;}
.form-group-2{display: flex;gap: 20px;}
.form-group {margin-bottom: 20px;flex: 1;}
.from-email{flex: 2;}
.form-group label {display: block;margin-bottom: 8px;font-weight: 500;font-size: 20px;}
.form-control {padding: 10px 15px;border: 1px solid #565656;border-radius: 10px;font-family: inherit;transition: border 0.2s;box-sizing: border-box;}
.form-control:focus {outline: none;border-color: #000000;}
textarea.form-control {min-height: 50px;resize: vertical;width: 100%;}
.checkbox-group {display: flex;align-items: center;margin-bottom: 20px;}
.checkbox-group input {margin-right: 5px;}
.rate-form-btn{text-align: right;}
.submit-btn {font-size: 24px;background: #8fb15a;color: white;border: none;padding: 13px 35px;font-weight: 500;cursor: pointer;transition: all 0.2s;line-height: 1.0;border-radius: 10px;}
.submit-btn:hover {background: #8fb15a;transform: translateY(-2px);opacity: 0.9;}
.saveInfo{font-size: 12px;font-weight: 300;}

/* rate list */
.reviews-container {border-radius: 10px;padding: 25px;}
.review-card {display: flex;gap: 20px;padding: 40px 0;border-top: 1px solid #616161;}
.review-card:last-child {border-bottom: 1px solid #616161;}
.user-avatar {width: 40px !important;height: 40px !important;object-fit: cover;border-radius: 50%;}
.user-info {flex: 1;}
.user-name {font-weight: bold;margin-bottom: 5px;}
.user-meta {font-size: 0.8rem;color: #6c757d;margin-bottom: 8px;}
.review-stars {color: #8fb15a;margin-bottom: 8px;}
.review-content {margin-bottom: 10px;}
.review-meta {display: flex;justify-content: space-between;align-items: center;font-size: 0.8rem;color: #6c757d;}

.helpful-buttons {display: flex;gap: 10px;}
.helpful-btn {background: none;border: 1px solid #dee2e6;padding: 3px 10px;border-radius: 15px;cursor: pointer;transition: all 0.2s;}
.helpful-btn:hover {background: #e9ecef;}

/* search product */
.product-search{width: 100%;background: #f0f0f0;}
.product-search h2{text-align: left;color: #565656;font-size: 36px;font-weight: 400;max-width: 1700px;margin: 20px auto 0 auto;}
.product-search-box{display: flex;gap: 3.5%;max-width: 1700px;margin: 0 auto;}
.product-search-box .product-search-item{margin: 3vw 0;}
.product-search-box .product-search-img img{width: 100%;max-width: 380px;border-radius: 40px;}
.product-search-box h3{font-size: 28px;font-weight: 500;padding-top: 10px;}
.product-search-box p{font-size: 16px;padding: 10px 0;font-weight: 300;border-bottom: 1px solid #565656;}
.product-search-box .product-search-bottom{display: flex;justify-content: space-between;align-items: center;padding: 10px 0;}
.product-search-box .product-search-bottom .product-search-price{font-size: 21px;font-weight: 300;}
.no-results{text-align: center;font-size: 20px;font-weight: 500;padding: 50px 0;}


.product-empty-info {text-align: center;font-size: 36px;font-weight: 500;padding: 5vw 0;}

/* Post */
.post-navigation{margin: 20px auto 0 auto;}

/* NEWS */
.news-list{display: flex;gap: 2%;flex-wrap: wrap;margin-top: 5vw;}
.news-list .news-item{width: 31%;margin-bottom: 2%;}
.news-list .news-item .news-img{height: 200px;background: #f1f1f1;display: flex;align-items: center;padding: 10px;}
.news-list .news-item .news-img img{width: 100%}
.news-list .news-item .news-date{font-size: 14px;color: #565656;margin-top: 8px;}
.news-list .news-item h3{font-size: 24px;line-height: 1.2;padding: 5px 0;}
.news-list .news-item a.read-more{transition: all .1s linear;font-size: 14px;margin-top: 5px;font-weight: 500;}
.news-list .news-item a:hover{color: #8fb15a;}

/* my account */
.x9-my-account{width: 100%;background:#eeeeee;/*background-image: url('../images/my-account-bg1.jpg');background-attachment: fixed;background-position: center center;*/}
.my-account-box{padding: 2vw 0 5vw 0;}
.my-account-box h2{line-height: 1.5;}
.my-account-box p{line-height: 1.5;}
.my-account-top{padding: 20px 0;font-size: 19px;}
.my-login-box{padding: 5vw 0;}

.x9-dashboard .dashboard-top{display: flex;gap: 10px;justify-content: space-between;align-items: flex-end;border-bottom: 1px solid #c5c9bb;padding-bottom: 18px;flex-wrap: wrap;}
.x9-dashboard .dashboard-avatar{display: flex;gap: 20px;align-items: flex-end;}
.x9-dashboard .dashboard-img img{border-radius: 50%;border: 3px solid #b6cd7a;}
.x9-dashboard .dashboard-name{font-size: clamp(16px, 8vw, 34px);font-weight: 600;}
.x9-dashboard .dashboard-email,.dashboard-birthday,.dashboard-phone{font-size: clamp(12px, 4vw, 18px);}
.x9-dashboard .dashboard-edit-profile a{font-size: clamp(12px, 4vw, 19px);font-weight: 500;color: #ffffff;background: #b6cd7a;padding: 3px 15px;border-radius: 12px;}
.x9-dashboard .dashboard-body{display: flex;gap: 1.3%;flex-wrap: wrap;margin-top: 20px;}
.x9-dashboard .dashboard-item{width: 24%;}
.x9-dashboard .dashboard-item img{width: 100%;}


.x9-MyCoupons h2{line-height: 1;font-size: 34px;font-weight: 600;}
.coupon-tabs{display: flex;gap: 7px;margin-top: 15px;}
.coupon-tabs .tab-btn{background: #ffffff;border-radius: 11px;border: 1px solid #565656;font-size: 18px;font-weight: 500;padding: 3px 15px;color: #565656;}
.coupon-tabs .tab-btn.active{background: #b6cd7a;color: #ffffff;border: 1px solid #b6cd7a;}
.coupon-content{border-top: 1px solid #d2d2d2;margin-top: 10px;padding: 18px 0;}
.tab-content{display: none;}
.tab-content.active {display: block}
.coupon-list {display: flex;flex-wrap: wrap;gap: 40px;}
.coupon-item {display: flex;}
.coupon-item .counpon-item-left {width: 203px;height: 119px;box-sizing: border-box;background: linear-gradient(135deg, #cae67f, #b6cd7a);border-top: 1px solid #b6cd7a;border-left: 1px solid #b6cd7a;border-radius: 20px;}
.coupon-item .coupon-amount{font-size: 18px;color: #ffffff;display: flex;align-items: center;justify-content: center;gap: 3px;margin-top: 12px;}
.coupon-item .coupon-amount h3{font-size: 53px;line-height: 0.9;font-family: "Impact", sans-serif;}
.coupon-item .coupon-amount .coupon-amount-per {font-size: 24px;font-weight: 600;line-height: 1;}
.coupon-item .coupon-amount .coupon-amount-off {font-size: 20px;font-weight: 600;line-height: 1;}
.coupon-item .coupon-valid {font-size: 14px;color: #ffffff;text-align: center;}
.coupon-item .coupon-copy {display: flex;align-items: center;width: 100%;justify-content: center;margin-top: 5px;}
.coupon-item .coupon-copy input{width: 90px;background: #ffffff;border-radius: 20px 0 0 20px;padding: 3px 5px 3px 10px;box-sizing: border-box;font-size: 13px;font-weight: 300;color: #565656;}
.coupon-item .coupon-copy .copy-btn{border-radius: 0 20px 20px 0;border: 0;background: #ff4f85;padding: 3px 8px;font-size: 13px;color: #ffffff;font-weight: 500;}
.coupon-item .counpon-item-right {width: 50px;height: 119px;box-sizing: border-box;background: #b6cd7a;border-radius: 20px;border-left: 1px dashed #FFFFFF;}
.coupon-item .counpon-item-right span {display: inline-block;transform: rotate(90deg);transform-origin: 6px 15px;font-size: 12px;color: #FFFFFF;margin: 0 0 0 10px;}

.x9-my-order-detail{}
.x9-my-order-detail h2{font-size: 30px;font-weight: 600;display: flex;align-items: center;gap: 5px;}
.order-summary{display: flex;gap: clamp(5px, 1vw, 20px);border-bottom: 1px solid #d2d2d2;padding-bottom: 10px;flex-wrap: wrap;}
.order-summary p {font-size: clamp(12px, 4vw, 15px);}
.order-summary p span{background: #b6cd7a;color: #ffffff;padding: 2px 11px;border-radius: 10px;font-weight: 500;font-size: clamp(12px, 4vw, 16px);}
.order-items {width: 100%;margin-top: 10px;}
.order-items th{border-bottom: 1px solid #d2d2d2;font-size: clamp(14px, 1.5vw, 24px);font-weight: 500;padding: 10px 0 20px 0;}
.order-items td{border-bottom: 1px solid #d2d2d2;padding: 20px 0;font-size: clamp(12px, 3.5vw, 22px);font-weight: 500;}
.order-product-item{display: flex;gap: clamp(10px, 1vw, 20px);font-size: clamp(12px, 2vw, 16px);}
.order-product-item img{width: clamp(60px, 7.5vw, 122px);border-radius: 15px;}
.order-product-item h3{font-size: clamp(14px, 1.5vw, 24px);font-weight: 500;}
.order-product-item p{font-size: clamp(12px, 0.5vw, 16px);margin-top: 5px;}
.order-totals {padding: clamp(10px, 4vw, 40px) 0;}
.order-totals p{display: flex;justify-content: flex-end;gap: 10px;}
.order-totals p strong{font-size: clamp(12px, 3.5vw, 19px);font-weight: normal;}
.order-totals p span{font-size: clamp(12px, 3.5vw, 18px);display: inline-block;width: clamp(150px, 50vw, 180px);text-align: right;}
.order-totals p.order-total-amount{margin-top: clamp(10px, 3vw, 20px);}
.order-totals p.order-total-amount strong{font-weight: 600;}
.order-totals p.order-total-amount span{font-weight: 600;}
.order-addresses h3{font-size: clamp(10px, 5vw, 24px);font-weight: 600;padding: clamp(10px, 3vw, 20px) 0;border-bottom: 1px solid #d2d2d2;border-top: 1px solid #d2d2d2;}
.address-txt{padding: clamp(10px, 3vw, 20px) 0;line-height: 1.5;font-weight: 300;font-size: clamp(12px, 3.5vw, 18px)}
.order-actions{display: flex;justify-content: space-between;margin-top: 10px;}

.my-address-top {}
.my-address-top h2{font-size: 30px;font-weight: 600;}
.my-address-top p{font-size: 14px;border-bottom: 1px solid #d2d2d2;padding-bottom: 5px;}
.my-address-top h3{font-size: 24px;font-weight: 600;}
.woocommerce-Address{margin-top: 30px;}
.woocommerce-Address-title{padding: 0 0 5px 0;}
/*.woocommerce-Address-title{display: flex;align-items: center;justify-content: space-between;}*/
.avatarPreview{width: 150px;height: 150px;border-radius:50%;border:1px solid #ddd;margin-bottom:8px;}

/** woocommerce */
.woocommerce .star-rating{color: #8fb15a !important;}
.woocommerce .star-rating {float: unset !important;}
.woocommerce span.stars {position: relative;height: 1em;width: 1em;text-indent: -999em;display: inline-block;text-decoration: none;}
.woocommerce span.stars::before {display: block;position: absolute;top: 0;left: 0;width: 1em;height: 1em;line-height: 1;font-family: WooCommerce;content: "\e020";content: "\e020"/"";text-indent: 0}
div.woocommerce header {position: relative;}

.woocommerce-MyAccount-navigation{width: 395px;max-width: 25%;background-color: #FFFFFF;min-height: 600px;border-radius: 25px;padding: 22px 0;box-sizing: border-box;}
.woocommerce-MyAccount-navigation ul{padding: 30px 0;}
.woocommerce-MyAccount-navigation ul li{padding: 13px 0  13px 60px;cursor: pointer;font-size: 20px;display: flex;align-items: center;gap: 5px;}
.woocommerce-MyAccount-navigation ul li img{width: 23px;height: 23px;}
.woocommerce-MyAccount-navigation ul li.is-active{background-color: #b6cd7a;color: #ffffff;}
.woocommerce-MyAccount-navigation ul li.is-active a{color: #ffffff;}
.woocommerce-MyAccount-content{flex: 1;min-height: 600px;background: #ffffff;border-radius: 25px;border: 1px solid #FFFFFF;width: 73% !important;box-sizing: border-box;padding: 40px;}

.woocommerce-MyAccount-content.home{background: linear-gradient(to bottom,#e7efd4 0%,#ffffff 50%,#ffffff 50%,#ffffff 100%);}

.woocommerce-info {border-top-color: #8fb15a !important;}
.woocommerce-info::before {color: #8fb15a !important;}

.my-account-box .woocommerce .col2-set .col-1, .my-account-box .woocommerce-page .col2-set .col-1 {float: unset !important;width: 100% !important;}
.my-account-box .woocommerce .col2-set .col-2, .my-account-box .woocommerce-page .col2-set .col-2 {float: unset !important;width: 100% !important;}
.woocommerce-Address-title .edit{padding: 5px 10px;color: #ffffff;background: #8fb15a;border-radius: 5px;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{
    color: #FFFFFF !important;
    background-color: #8fb15a !important;
    margin: 5px 0 0 0;
}
.x9-login,.x9-register{background: #ffffff;min-height: 250px;}
.x9-login .input-text,.x9-register .input-text{border-radius: 25px !important;}

/** avatar upload */
.x9-avatar-upload {position: relative;display: inline-block;cursor: pointer;}
.x9-avatar-label {display: inline-block;position: relative;border-radius: 50%;overflow: hidden;width: 100px;height: 100px;border: 3px solid #b6cd7a;transition: all 0.3s ease;}
.x9-avatar-label:hover {border-color: #999;}
.x9-avatar-label img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;display: block;}
.x9-avatar-overlay {position: absolute;bottom: 0;width: 100%;background: rgba(0,0,0,0.6);color: #fff;text-align: center;font-size: 12px;padding: 6px 0;opacity: 0;transition: opacity 0.3s;}
.x9-avatar-label:hover .x9-avatar-overlay {opacity: 1;}
.x9-avatar-modal {position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.5);display: none;justify-content: center; align-items: center;z-index: 9999;}
.x9-avatar-modal-content {background: #fff;padding: 20px;border-radius: 12px;max-width: 800px;width: 100%;text-align: center;}
.x9-avatar-modal .cropper-wrapper img {max-width: 100%;}
.x9-avatar-modal .modal-actions {margin-top: 15px;display: flex;justify-content: space-between;}
.x9-avatar-modal .modal-actions button{border: none;background: #8fb15a;color: #ffffff;padding: 5px 15px;border-radius: 8px;font-size: 16px;}
.x9-avatar-modal .modal-actions button.cancelCrop{background: #fff;color: #565656;border: 1px solid #cbc1c1;}
.x9-avatar-modal .modal-actions button.cancelCrop:hover{background: #ddd;color: #000;}

@font-face {
    font-family: 'x9';
    src:  url('../fonts/x9.eot');
    src:  url('../fonts/x9.eot') format('embedded-opentype'),
    url('../fonts/x9.ttf') format('truetype'),
    url('../fonts/x9.woff') format('woff'),
    url('../fonts/x9.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="x9-icon-"], [class*=" x9-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'x9' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.x9-icon-instagram:before {
    content: "\e900";
}
.x9-icon-instagram-c:before {
    content: "\e901";
}
.x9-icon-facebook:before {
    content: "\e902";
}
.x9-icon-facebook-c:before {
    content: "\e903";
    color: #0866ff;
}
.x9-icon-linkedin:before {
    content: "\e904";
}
.x9-icon-linkedin-c:before {
    content: "\e905";
    color: #0077b5;
}
.x9-icon-tiktok:before {
    content: "\e906";
}
.x9-icon-tiktok-c:before {
    content: "\e907";
}
.x9-icon-youtube:before {
    content: "\e909";
}
.x9-icon-youtube-c:before {
    content: "\e90a";
    color: #f00;
}