@charset "utf-8";
*{padding:0;margin:0;box-sizing:border-box;outline:none}
html{scroll-behavior:smooth}
html,body,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,label,input,textarea,button{margin:0;padding:0;border:0}
:root{--motion-ease:cubic-bezier(.16,1,.3,1);--motion-soft:cubic-bezier(.22,.61,.36,1)}
body{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;color:#2d2a27;background:#fbfaf8;letter-spacing:0}
img{display:block;max-width:100%;border:none}
ul,li{list-style:none}
a{color:#2d2a27;text-decoration:none;transition:color .28s ease}
a:hover{color:#8b65ae}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #caa867;outline-offset:3px}
input,textarea,button{font-family:Arial,Helvetica,sans-serif}
button{cursor:pointer;background:none}
.clear{width:1px;height:0;overflow:hidden;clear:both}
.cls{clear:both;line-height:0!important;height:0!important;font-size:0!important}
.overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wrap{width:min(1360px,calc(100% - 48px));margin:0 auto}
.twrap{width:min(1480px,calc(100% - 48px));margin:0 auto}
.wbox{width:100%;float:left}
.topzw{width:100%;float:left;height:83px}
.top{width:100%;height:83px;padding:15px 0;background:rgba(255,255,255,.94);box-shadow:0 0 14px rgba(34,30,28,.1);position:fixed;left:0;top:0;z-index:1000;backdrop-filter:blur(14px);transition:height .28s ease,padding .28s ease,box-shadow .28s ease,background .28s ease}
.top.is-scrolled{height:72px;padding:10px 0;background:rgba(255,255,255,.98);box-shadow:0 10px 32px rgba(34,30,28,.14)}
.top:after{content:"";position:absolute;left:0;bottom:0;width:var(--scroll-progress,0%);height:2px;background:#caa867;transition:width .12s linear}
.top .twrap{height:53px;display:flex;align-items:center;transition:height .28s ease}
.top.is-scrolled .twrap{height:52px}
.logoBox{height:53px;display:flex;align-items:center;flex:0 0 auto}
.logoBox img{height:50px;width:auto;max-width:150px;object-fit:contain;transition:height .28s ease,transform .28s ease}
.logoBox:hover img{transform:translateY(-1px)}
.top.is-scrolled .logoBox img{height:42px;max-width:135px}
#nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-left:auto}
#nav .mainlevel{position:relative;float:left}
#nav .mainlevel>a{height:52px;line-height:52px;display:block;padding:0 14px;text-transform:uppercase;font-size:13px;font-weight:bold;color:#211d1a;position:relative}
#nav .mainlevel>a:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;background:#8b65ae;transform:scaleX(0);transform-origin:center;transition:transform .25s ease}
#nav .mainlevel>a.hov:after,#nav .mainlevel:hover>a:after{transform:scaleX(1)}
#nav .mainlevel>a small{font-size:10px;color:#8b65ae;margin-left:4px}
.subMenu{display:block;position:absolute;left:0;top:52px;min-width:225px;background:#fff;border:1px solid #eee;box-shadow:0 18px 45px rgba(41,34,32,.16);padding:10px 0;border-radius:0 0 8px 8px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
#nav .mainlevel:hover>.subMenu,#nav .mainlevel:focus-within>.subMenu{opacity:1;visibility:visible;pointer-events:auto}
.subMenu li{position:relative}
.subMenu a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 17px;line-height:20px;font-size:13px;color:#5d5651;background:#fff}
.subMenu a:hover{color:#8b65ae;background:#f7f4fa}
.productMenu{min-width:320px}
.subMenu .subMenu{left:100%;top:-1px;min-width:240px;border-radius:0 8px 8px 0;padding:10px 0}
.subMenu li:hover>.subMenu{opacity:1;visibility:visible;pointer-events:auto}
.subMenu li.has-sub>a:after{content:"\203A";font-size:18px;font-weight:bold;color:#b0a8a2;line-height:1}
.subMenu li.has-sub>a:hover:after{color:#8b65ae}
.rtop{height:52px;display:flex;align-items:center;gap:14px;margin-left:18px;padding-left:18px;border-left:1px solid #e7e1dc;color:#6b625c;font-size:13px;white-space:nowrap}
.rtop a{font-weight:bold;color:#8b65ae}
.headerTel{display:inline-flex;align-items:center;gap:7px;font-weight:bold;color:#4f4741}
.headerTel:before{content:"";width:15px;height:15px;display:inline-block;flex:0 0 15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238b65ae' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2A19.8 19.8 0 0 1 3.1 5.18 2 2 0 0 1 5.11 3h3a2 2 0 0 1 2 1.72c.12.91.32 1.79.59 2.63a2 2 0 0 1-.45 2.11L9 10.71a16 16 0 0 0 4.29 4.29l1.25-1.25a2 2 0 0 1 2.11-.45c.84.27 1.72.47 2.63.59A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat}
.langMenu{height:52px;display:flex;align-items:center;position:relative}
.langCurrent{height:32px;line-height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #e8dfef;border-radius:4px;background:#fff;color:#8b65ae;font-weight:bold;cursor:pointer}
.langCurrent:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #8b65ae}
.langDropdown{position:absolute;right:0;top:44px;min-width:135px;padding:8px 0;background:#fff;border:1px solid #eee;box-shadow:0 18px 45px rgba(41,34,32,.16);border-radius:0 0 8px 8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease;z-index:1001}
.langMenu:hover .langDropdown,.langMenu:focus-within .langDropdown,.langMenu.is-open .langDropdown{opacity:1;visibility:visible;transform:translateY(0)}
.langMenu.is-open .langCurrent:after{transform:rotate(180deg)}
.langDropdown a{display:block;padding:8px 14px;line-height:20px;color:#5d5651;background:#fff}
.langDropdown a:hover{color:#8b65ae;background:#f7f4fa}
.topnavbtn{display:none;margin-left:auto;width:42px;height:42px;border:1px solid #e1dbd6;border-radius:6px;align-items:center;justify-content:center}
.topnavbtn span,.topnavbtn span:before,.topnavbtn span:after{display:block;width:20px;height:2px;background:#2d2a27;position:relative;transition:.25s ease}
.topnavbtn span:before,.topnavbtn span:after{content:"";position:absolute;left:0}
.topnavbtn span:before{top:-7px}
.topnavbtn span:after{top:7px}
body.menu-open{overflow:hidden}
body.menu-open .topnavbtn span{background:transparent}
body.menu-open .topnavbtn span:before{top:0;transform:rotate(45deg)}
body.menu-open .topnavbtn span:after{top:0;transform:rotate(-45deg)}
.banner{width:100%;float:left;position:relative;overflow:hidden}
.hero{min-height:760px;background:url("../assets/perfume/hero-perfume-line.jpg") center center/cover no-repeat;color:#fff;background-attachment:fixed;animation:heroDrift 18s ease-in-out infinite alternate}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,14,13,.92) 0%,rgba(31,25,25,.78) 36%,rgba(67,45,73,.38) 67%,rgba(17,14,13,.15) 100%)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(0deg,#fbfaf8 0%,rgba(251,250,248,0) 100%)}
.heroInner{position:relative;z-index:2;padding:160px 0 105px}
.heroLabel{display:inline-block;padding:9px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-left:4px solid #caa867;color:#f6efe8;text-transform:uppercase;font-size:12px;font-weight:bold;margin-bottom:26px;box-shadow:0 16px 34px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.hero h1{max-width:900px;font-size:76px;line-height:1.02;text-transform:uppercase;color:#fff;text-shadow:0 18px 48px rgba(0,0,0,.3)}
.hero h1 span{display:block;color:#d4b670}
.hero p{max-width:700px;font-size:19px;line-height:1.85;color:#f2eee9;margin:26px 0 34px}
.heroBtns{display:flex;gap:14px;flex-wrap:wrap}
.btn{height:48px;line-height:46px;padding:0 26px;border:1px solid #caa867;background:#caa867;color:#211d1a;font-weight:bold;text-transform:uppercase;display:inline-block;border-radius:4px;position:relative;overflow:hidden;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}
.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.36),rgba(255,255,255,0));transform:translateX(-120%) skewX(-18deg);transition:transform .55s ease}
.btn:hover:before{transform:translateX(120%) skewX(-18deg)}
.btn:hover{background:#fff;border-color:#fff;color:#211d1a;transform:translateY(-2px);box-shadow:0 12px 24px rgba(38,31,26,.13)}
.btn.btnLine{background:transparent;color:#fff;border-color:rgba(255,255,255,.72)}
.btn.btnLine:hover{background:#fff;color:#211d1a}
.btn.btnPurpleHover:hover{background:#8b65ae;border-color:#8b65ae;color:#fff;box-shadow:0 12px 26px rgba(111,78,140,.2)}
.heroData{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:940px;margin-top:62px}
.heroData dl{padding:20px 18px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);box-shadow:0 20px 44px rgba(0,0,0,.16);backdrop-filter:blur(8px);border-radius:6px}
.heroData dt{font-size:32px;line-height:1;font-weight:bold;color:#d4b670}
.heroData dd{margin-top:7px;font-size:12px;color:#f5eee8;text-transform:uppercase}
.innerBanner{width:100%;float:left;position:relative;background:url("../assets/perfume/hero-perfume-line.jpg") center center/cover no-repeat;color:#fff;min-height:330px}
.innerBanner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,14,13,.9),rgba(44,33,50,.58),rgba(17,14,13,.22))}
.innerBanner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(0deg,#fbfaf8 0%,rgba(251,250,248,0) 100%)}
.innerBanner .wrap{position:relative;z-index:2;padding:98px 0 82px}
.innerBanner h1{font-size:48px;line-height:1.12;color:#fff;text-shadow:0 16px 42px rgba(0,0,0,.32)}
.breadcrumb{margin-top:12px;color:#e8ded4;font-size:13px;text-transform:uppercase}
.breadcrumb a{color:#fff}
.stitle{width:100%;float:left;text-align:center;margin-bottom:42px}
.title1{width:100%;float:left;line-height:1.16;font-size:40px;color:#211d1a;font-weight:bold}
.title1:after{content:"";display:block;width:68px;height:3px;background:#caa867;margin:18px auto 0}
.title1_txt{width:100%;max-width:680px;float:none;display:block;clear:both;line-height:28px;font-size:14px;color:#7d756f;margin:12px auto 0}
.section{width:100%;float:left;padding:94px 0}
.sectionGray{background:linear-gradient(180deg,#f7f5f2 0%,#fff 100%)}
.index_choose{width:100%;float:left;padding:96px 0 82px;background:#fbfaf8}
.chooseBox{width:100%;float:left;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:12px}
.chooseBox dl{background:#fff;border:1px solid #eee7e0;padding:30px 22px;text-align:left;min-height:230px;transition:.25s ease;border-radius:8px;box-shadow:0 12px 30px rgba(46,34,25,.04);position:relative;overflow:hidden}
.chooseBox dl:before{content:"";position:absolute;left:24px;top:0;width:42px;height:3px;background:#caa867}
.chooseBox dl{transform:translate3d(0,0,0)}
.chooseBox dl:hover{transform:translate3d(0,-6px,0);border-color:#d5c2e4;box-shadow:0 22px 42px rgba(46,34,25,.11)}
.chooseBox dt{display:flex;align-items:center;gap:12px;font-size:17px;color:#6f4e8c;font-weight:bold;line-height:23px;margin-bottom:14px}
.advantageIcon{width:58px;height:52px;object-fit:contain;flex:0 0 58px}
.chooseBox dt span{min-width:0}
.chooseBox dd{color:#6c655f;line-height:24px;font-size:13px}
.advantagesDark{background:#171411;color:#efeae4}
.advantagesDark .title1{color:#fff}
.advantagesDark .title1_txt{color:#c8c0b7}
.advantagesDark .chooseBox dl{border-color:rgba(255,255,255,.12);box-shadow:0 18px 42px rgba(0,0,0,.22)}
.advantagesDark .chooseBox dl:hover{border-color:#caa867;box-shadow:0 24px 52px rgba(0,0,0,.28)}
.advantageLineImage{width:100%;overflow:hidden;position:relative;background:#e9ebeb}
.advantageLineImage img{width:100%;height:auto}
.advantageLineLabel{position:absolute;left:0;top:12%;z-index:2;padding:10px 42px 10px 24px;background:#8b65ae;color:#fff;font-size:34px;line-height:1.1}
.advantageLineLabel:after{content:"";position:absolute;right:-28px;top:0;width:28px;height:100%;background:#8b65ae;clip-path:polygon(0 0,100% 50%,0 100%)}
.index_about{width:100%;float:left;padding:98px 0;background:linear-gradient(180deg,#f3f0ec 0%,#fbfaf8 100%)}
.aboutBox{width:100%;float:left;display:grid;grid-template-columns:1.06fr .94fr;gap:58px;align-items:center;margin-top:8px}
.aboutPic{position:relative;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 28px 62px rgba(38,31,26,.13)}
.aboutPic img{width:100%;height:500px;object-fit:cover;transition:transform .55s ease}
.aboutPic iframe{width:100%;height:auto;aspect-ratio:16/9;display:block;border:0;background:#111}
.aboutPic .picNote{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.94);padding:14px 18px;border-left:4px solid #8b65ae;border-radius:4px;color:#211d1a;font-weight:bold;box-shadow:0 12px 28px rgba(0,0,0,.12)}
.aboutms{font-size:15px;line-height:1.85;color:#5d5651}
.aboutms h2{font-size:36px;line-height:1.18;color:#211d1a;margin-bottom:18px}
.index_about .aboutms h2,.aboutProfile .aboutms h2{font-size:30px;line-height:1.24}
.aboutms p{margin-bottom:14px}
.aboutAnchor{scroll-margin-top:92px}
.numberlist{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 0}
.numberlist li{background:#fff;border:1px solid #ece6df;padding:22px 16px;border-radius:8px;box-shadow:0 12px 28px rgba(46,34,25,.05)}
.numbox{font-size:28px;line-height:1;font-weight:bold;color:#6f4e8c}
.numbox sup{color:#caa867;font-size:16px}
.detail4{font-size:11px;line-height:18px;text-transform:uppercase;color:#7d756f;margin-top:8px}
.lineShow{width:100%;float:left;margin-top:50px;background:#fff;border:1px solid #e9e2dc;border-radius:8px;overflow:hidden;display:grid;grid-template-columns:1.22fr .78fr;box-shadow:0 24px 55px rgba(38,31,26,.08)}
.lineShow img{width:100%;height:100%;min-height:330px;object-fit:cover;background:#f1efec;transition:transform .55s ease}
.lineShowTxt{padding:36px}
.lineShowTxt h3{font-size:24px;color:#211d1a;margin-bottom:12px}
.lineSteps{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
.lineSteps span{display:block;padding:11px 12px;background:#f7f4fa;border-left:3px solid #8b65ae;color:#4c4440;font-weight:bold;border-radius:4px}
.index_procate{width:100%;float:left;padding:96px 0;background:#fff}
.procateBox{width:100%;float:left;display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-auto-rows:310px;gap:20px;margin-top:8px}
.procateBox li{position:relative;overflow:hidden;border-radius:8px;background:#f5f2ef;box-shadow:0 18px 44px rgba(38,31,26,.08)}
.procateBox li:first-child{grid-row:span 2}
.procateBox img{width:100%;height:100%;object-fit:cover;transition:.35s ease}
.cateDiv{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(17,14,13,.82));color:#fff;z-index:2;padding:28px;display:flex;align-items:flex-end;transition:background .25s ease}
.cateDiv dl{width:100%}
.cateDiv dt{font-size:25px;font-weight:bold;text-transform:uppercase;line-height:1.18}
.cateDiv dd{display:inline-block;margin-top:15px;height:30px;line-height:28px;padding:0 14px;border:1px solid rgba(255,255,255,.8);font-size:12px;text-transform:uppercase;background:rgba(255,255,255,.08)}
.procateBox li:hover .cateDiv{background:linear-gradient(180deg,rgba(111,78,140,.08),rgba(17,14,13,.9))}
.procateBox li:hover img{transform:scale(1.02)}
.homeProductList{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:8px}
.homeProductList dd{height:230px}
.homeProductList dt{text-transform:uppercase}
.sectionMore{width:100%;clear:both;text-align:center;padding-top:34px}
.productsBox{width:100%;float:left;padding:88px 0 104px}
.productLayout{display:grid;grid-template-columns:280px 1fr;gap:42px;align-items:start}
.productFullLayout{display:block}
.productFullLayout .proRightBox,.productFullLayout .pCateName,.productFullLayout .productLocation,.productFullLayout .productList{float:none}
.productLeft{width:100%;position:sticky;top:112px}
.lNavBox{width:100%;margin-bottom:18px;border:1px solid #e8ddef;background:linear-gradient(180deg,#fff 0%,#fdfafd 100%);border-radius:8px;overflow:hidden;box-shadow:0 16px 38px rgba(38,31,26,.06)}
.lNavBox_t{width:100%;min-height:58px;line-height:1.25;font-size:17px;text-indent:0;font-weight:bold;border-bottom:1px solid #eadff2;background:linear-gradient(135deg,#f6effb 0%,#fffaf2 100%);color:#6f4e8c;display:flex;align-items:center;gap:10px;padding:0 18px;text-align:left}
.lNavBox_t:before{content:"";width:8px;height:24px;border-radius:99px;background:linear-gradient(180deg,#8b65ae 0%,#caa867 100%);box-shadow:0 8px 16px rgba(111,78,140,.18);flex:0 0 auto}
.categoryToggleIcon{display:none}
.pCateBox{width:100%;padding:10px 12px 12px}
.pCateBox a{position:relative;display:block;line-height:20px;padding:10px 30px 10px 30px;color:#625a55;border:1px solid transparent;border-radius:6px;transition:color .28s ease,background .34s var(--motion-ease),border-color .34s ease,transform .34s var(--motion-ease),box-shadow .42s var(--motion-soft)}
.pCateBox a:before{content:"";position:absolute;left:12px;top:50%;width:7px;height:7px;border-radius:50%;background:#caa867;box-shadow:0 0 0 4px rgba(202,168,103,.14);transform:translateY(-50%);transition:background .28s ease,box-shadow .34s ease,transform .34s var(--motion-ease)}
.pCateBox a:after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;opacity:.28;transform:translateY(-50%) rotate(45deg);transition:opacity .28s ease,right .34s var(--motion-ease)}
.pCateBox a:hover,.pCateBox a.on{color:#6f4e8c;background:#f7f1fb;border-color:#eadff2;transform:translateX(3px);box-shadow:0 8px 18px rgba(111,78,140,.08)}
.pCateBox a:hover:before,.pCateBox a.on:before{background:#8b65ae;box-shadow:0 0 0 4px rgba(139,101,174,.14);transform:translateY(-50%) scale(1.08)}
.pCateBox a:hover:after,.pCateBox a.on:after{opacity:.62;right:10px}
.leftContact{width:100%;padding:16px 18px;line-height:27px;color:#665e58}
.proRightBox{width:100%;float:right}
.productListHead{display:block;margin-bottom:24px}
.productListHead .pCateName{margin-bottom:14px}
.productSubCategories{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:0}
.productSubCategories a{min-height:38px;display:inline-flex;align-items:center;padding:8px 16px;border:1px solid #eadff2;border-radius:6px;background:#fff;color:#625a55;font-size:14px;font-weight:bold;box-shadow:0 8px 20px rgba(38,31,26,.05);transition:color .28s ease,background .28s var(--motion-ease),border-color .28s ease,transform .34s var(--motion-ease),box-shadow .34s var(--motion-soft)}
.productSubCategories a:hover,.productSubCategories a.on{background:#8b65ae;border-color:#8b65ae;color:#fff;transform:translateY(-1px);box-shadow:0 12px 26px rgba(111,78,140,.16)}
.productSubCategories a.subCategoryChild{font-size:13px;font-weight:normal;background:#faf8f6}
.productSubCategories a.subCategoryChild:before{content:"";width:5px;height:5px;margin-right:8px;border-radius:50%;background:#caa867;box-shadow:0 0 0 3px rgba(202,168,103,.12)}
.productSubCategories a.subCategoryChild:hover,.productSubCategories a.subCategoryChild.on{background:#8b65ae;color:#fff}
.productSubCategories a.subCategoryChild:hover:before,.productSubCategories a.subCategoryChild.on:before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.productCategoryBar{position:sticky;top:72px;z-index:850;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;align-items:stretch;margin:0 0 28px;padding:12px;background:rgba(255,255,255,.94);border:1px solid #e6ded6;border-radius:8px;box-shadow:0 16px 36px rgba(38,31,26,.08);backdrop-filter:blur(12px);overflow:visible;scrollbar-width:none}
.productCategoryBar::-webkit-scrollbar{display:none}
.productCategoryBar a{min-width:0;min-height:42px;line-height:18px;display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid #ece4dd;border-radius:4px;background:#fff;color:#625a55;font-size:14px;font-weight:bold;white-space:normal;text-align:center;transition:background .34s var(--motion-ease),border-color .34s ease,color .28s ease,transform .42s var(--motion-ease),box-shadow .42s var(--motion-soft)}
.productCategoryBar a:hover,.productCategoryBar a.on{background:#8b65ae;border-color:#8b65ae;color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(111,78,140,.16)}
.pCateName{width:100%;float:left;line-height:36px;font-size:28px;font-weight:bold;text-transform:uppercase;color:#211d1a;margin-bottom:18px}
.productLocation{width:100%;float:left;line-height:28px;color:#8d8580;margin-bottom:8px}
.productList{width:100%;float:left;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:22px}
.productLayout .productList{float:none;margin-bottom:58px}
.productFullLayout .productList{grid-template-columns:repeat(4,1fr)}
.productCardLink{display:block;color:inherit;height:100%}
.productCardLink:hover{color:inherit}
.productCardLink dl{height:100%}
.productList dl{background:#fff;border:1px solid #e6ded6;border-radius:8px;overflow:hidden;transition:.25s ease;box-shadow:0 14px 34px rgba(38,31,26,.05);position:relative}
.productList dl:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:#caa867;z-index:2;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.productList dl:hover{transform:translateY(-2px);border-color:#d5c2e4;box-shadow:0 16px 36px rgba(38,31,26,.1)}
.productList dl:hover:before{transform:scaleX(1)}
.productList dd{height:270px;background:#f8f7f5;overflow:hidden}
.productList dd img{width:100%;height:100%;object-fit:contain;transition:.3s ease}
.productList dl:hover dd img{transform:scale(1.018)}
.productList dt{padding:16px 16px 6px;font-size:17px;line-height:24px;font-weight:bold;color:#2d2a27}
.productList p{padding:0 16px 14px;color:#6d655f;font-size:13px;line-height:22px;min-height:80px}
.productPagination{width:100%;clear:both;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:0;flex-wrap:wrap}
.productPagination a,.productPagination span{min-width:40px;height:40px;line-height:38px;padding:0 12px;border:1px solid #e6ded6;background:#fff;color:#625a55;border-radius:6px;text-align:center;font-size:14px;font-weight:bold;box-shadow:0 8px 18px rgba(38,31,26,.04);transition:background .34s var(--motion-ease),border-color .34s ease,color .28s ease,transform .34s var(--motion-ease),box-shadow .42s var(--motion-soft)}
.productPagination span{border-color:transparent;background:transparent;box-shadow:none;color:#9a918a}
.productPagination a:hover,.productPagination a.is-current{background:#8b65ae;border-color:#8b65ae;color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px rgba(111,78,140,.18)}
.productPagination .pagePrev,.productPagination .pageNext{min-width:74px;background:#f8f2fb;border-color:#eadff2;color:#6f4e8c;text-transform:uppercase;font-size:12px;letter-spacing:0}
.productPagination .pagePrev:hover,.productPagination .pageNext:hover{background:#6f4e8c;border-color:#6f4e8c;color:#fff}
.tagBox{padding:0 16px 18px;display:flex;gap:8px;flex-wrap:wrap}
.tagBox span{display:inline-block;background:#f7f4fa;color:#6f4e8c;height:25px;line-height:25px;padding:0 9px;font-size:12px;border-radius:4px;border:1px solid #eee2f6}
.productDetailBox{width:100%;float:left;padding:88px 0 104px}
.productDetailHero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:42px;align-items:stretch;background:#fff;border:1px solid #e6ded6;border-radius:8px;box-shadow:0 18px 45px rgba(38,31,26,.07);padding:18px}
.productMedia,.productTabs{background:#fff;border:1px solid #e6ded6;border-radius:8px;box-shadow:0 18px 45px rgba(38,31,26,.07)}
.productDetailHero>*,.productMedia,.productThumbSlider,.productThumbs{min-width:0;max-width:100%}
.productMedia{padding:18px;overflow:hidden}
.productMainImage{height:520px;background:#f8f7f5;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:zoom-in;--zoom-x:50%;--zoom-y:50%}
.productMainImage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle 88px at var(--zoom-x) var(--zoom-y),rgba(255,255,255,.18),rgba(255,255,255,0) 62%);opacity:0;pointer-events:none;transition:opacity .24s ease}
.productMainImage:hover:after{opacity:1}
.productMainImage img{width:100%;height:100%;object-fit:contain;transition:opacity .24s ease,transform .72s var(--motion-ease),transform-origin .12s linear;transform-origin:var(--zoom-x) var(--zoom-y)}
.productMainImage:hover img{transform:scale(1.75)}
.productThumbSlider{position:relative;margin-top:14px;padding:0 42px;overflow:hidden}
.productThumbs{width:100%;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 8px;touch-action:pan-x}
.productThumbs::-webkit-scrollbar{display:none}
.productThumbs button{flex:0 0 calc((100% - 30px)/4);width:calc((100% - 30px)/4);max-width:calc((100% - 30px)/4);min-width:0;height:86px;border:1px solid #e6ded6;border-radius:4px;background:#fff;padding:6px;overflow:hidden;scroll-snap-align:start;transition:border-color .28s ease,box-shadow .34s var(--motion-soft),transform .34s var(--motion-ease)}
.productThumbs button:hover,.productThumbs button.is-active{border-color:#8b65ae;box-shadow:0 10px 22px rgba(111,78,140,.14);transform:translateY(-1px)}
.productThumbs img{width:100%;height:100%;object-fit:contain}
.productThumbArrow{position:absolute;top:50%;width:32px;height:40px;border:1px solid #e3d8ed;border-radius:4px;background:#fff;color:#6f4e8c;box-shadow:0 10px 22px rgba(38,31,26,.1);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;transition:background .32s var(--motion-ease),color .32s ease,border-color .32s ease,opacity .25s ease,visibility .25s ease,box-shadow .42s var(--motion-soft)}
.productThumbArrow:before{content:"";width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.productThumbPrev{left:0}
.productThumbNext{right:0}
.productThumbPrev:before{transform:rotate(-135deg);margin-left:3px}
.productThumbNext:before{transform:rotate(45deg);margin-right:3px}
.productThumbArrow:hover{background:#8b65ae;border-color:#8b65ae;color:#fff}
.productThumbArrow:disabled{opacity:0;visibility:hidden;pointer-events:none}
.productThumbSlider.is-static{padding:0}
.productThumbSlider.is-static .productThumbArrow{display:none}
.productSummary{padding:24px 18px 24px 6px;display:flex;flex-direction:column;justify-content:center}
.productBadge{display:inline-block;margin-bottom:16px;padding:7px 12px;border-left:3px solid #caa867;background:#f7f4fa;color:#6f4e8c;font-size:12px;font-weight:bold;text-transform:uppercase}
.productSummary h2{font-size:34px;line-height:1.18;color:#211d1a;margin-bottom:16px}
.productSummary p{color:#625b55;line-height:28px;margin-bottom:22px}
.summaryFeatures{margin:24px 0}
.summaryFeatures h3{font-size:20px;line-height:1.25;color:#211d1a;margin-bottom:12px}
.summaryFeatures li{position:relative;padding-left:18px;color:#625b55;line-height:25px;margin-top:8px}
.summaryFeatures li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#8b65ae;border-radius:50%}
.productActions{display:flex;gap:12px;flex-wrap:wrap}
.productTabs{margin-top:34px;overflow:hidden}
.productTabNav{display:flex;border-bottom:1px solid #e6ded6;background:#fbfaf8}
.productTabNav button{height:56px;padding:0 28px;border-right:1px solid #e6ded6;color:#625b55;font-weight:bold;text-transform:uppercase;position:relative;transition:background .3s var(--motion-ease),color .3s ease}
.productTabNav button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#8b65ae;transform:scaleX(0);transition:transform .34s var(--motion-ease)}
.productTabNav button:hover,.productTabNav button.is-active{background:#fff;color:#6f4e8c}
.productTabNav button.is-active:after{transform:scaleX(1)}
.productTabPanel{padding:34px}
.productContent h2{font-size:28px;line-height:1.22;color:#211d1a;margin-bottom:12px}
.productContent p{color:#625b55;line-height:28px;margin-bottom:24px}
.productDetailGrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:center}
.productDetailGrid h3{font-size:22px;color:#211d1a;margin-bottom:12px}
.productDetailGrid li{position:relative;padding-left:18px;color:#625b55;line-height:26px;margin-top:8px}
.productDetailGrid li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#8b65ae;border-radius:50%}
.productDetailGrid img{width:100%;border-radius:8px;border:1px solid #eee7e0;background:#f8f7f5}
.parameterTable{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e6ded6;border-radius:8px;overflow:hidden}
.parameterTable th,.parameterTable td{padding:15px 18px;border-bottom:1px solid #eee7e0;text-align:left;line-height:24px}
.parameterTable tr:last-child th,.parameterTable tr:last-child td{border-bottom:0}
.parameterTable th{width:230px;background:#fbfaf8;color:#6f4e8c;font-weight:bold}
.parameterTable td{color:#4f4741}
.productVideoBox{width:100%;max-width:1180px;margin:0 auto}
.productVideoBox video,.productVideoBox iframe{width:100%;background:#111;display:block;border-radius:8px}
.productVideoBox iframe{width:100%!important;height:auto!important;aspect-ratio:16/9;border:0}
.featureGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;clear:both}
.featureCard{background:#fff;border:1px solid #e6ded6;border-radius:8px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 14px 34px rgba(38,31,26,.05)}
.featureCard:hover{transform:translateY(-2px);border-color:#d5c2e4;box-shadow:0 14px 32px rgba(38,31,26,.09)}
.featureCard img{width:100%;height:330px;object-fit:contain;background:#f8f7f5;transition:transform .55s ease}
.featureMain{padding:30px}
.featureMain h2,.featureMain h3{font-size:27px;line-height:1.2;color:#211d1a;margin-bottom:12px}
.featureMain p{color:#625b55;line-height:27px}
.aboutGallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;clear:both}
.aboutGallery dl{background:#fff;border:1px solid #e6ded6;border-radius:8px;overflow:hidden;transition:.25s ease;box-shadow:0 14px 34px rgba(38,31,26,.05)}
.aboutGallery dl:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(38,31,26,.09)}
.aboutGallery dd{height:260px;background:#f8f7f5;overflow:hidden}
.aboutGallery dd img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.aboutGallery dt{padding:18px 18px 5px;font-size:18px;line-height:24px;font-weight:bold;color:#6f4e8c;text-transform:uppercase}
.aboutGallery p{padding:0 18px 20px;color:#665e58;line-height:24px}
.aboutPdfGallery{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 22px;clear:both}
.aboutPdfGallery figure{text-align:center}
.aboutPdfGallery img{width:100%;aspect-ratio:1.1/1;object-fit:cover;transition:transform .55s ease}
.aboutPdfGallery figure:hover img{transform:scale(1.015)}
.aboutPdfGallery figcaption{margin-top:10px;line-height:1.2}
.aboutPdfGallery figcaption span{display:inline-block;min-width:136px;padding:5px 12px;background:#8b65ae;color:#fff;font-size:16px;line-height:20px}
.aboutIntroGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start;clear:both}
.aboutIntroGrid .aboutms{background:#fff;border:1px solid #e6ded6;border-radius:8px;padding:36px;box-shadow:0 18px 45px rgba(38,31,26,.07)}
.cleanPhoto{border-radius:8px;overflow:hidden;background:#fff;border:1px solid #e6ded6;box-shadow:0 20px 48px rgba(38,31,26,.09)}
.cleanPhoto img{width:100%;height:100%;min-height:430px;object-fit:cover;transition:transform .55s ease}
.certificateSlider{position:relative;clear:both;padding:0 58px}
.certificateSlider.is-static{padding:0}
.certificateViewport{width:100%;overflow:hidden}
.certificateGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;clear:both}
.certificateSlider .certificateGrid{display:flex;grid-template-columns:none;clear:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:8px 0 12px}
.certificateSlider .certificateGrid::-webkit-scrollbar{display:none}
.certificateGrid dl{background:#fff;border:1px solid #e6ded6;border-radius:8px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 14px 34px rgba(38,31,26,.05)}
.certificateSlider .certificateGrid dl{flex:0 0 calc((100% - 64px)/5);scroll-snap-align:start;min-width:0}
.certificateGrid dl:hover{transform:translateY(-2px);border-color:#d5c2e4;box-shadow:0 12px 28px rgba(38,31,26,.08)}
.certificateGrid dd{height:280px;background:#f8f7f5;padding:14px}
.certificateGrid dd a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.certificateGrid img{width:100%;height:100%;object-fit:contain;transition:transform .55s ease}
.certificateGrid dt{padding:13px 12px 16px;font-weight:bold;color:#6f4e8c;text-align:center}
.certificateArrow{position:absolute;top:50%;width:42px;height:42px;border:1px solid #e3d8ed;border-radius:4px;background:#fff;color:#6f4e8c;box-shadow:0 12px 26px rgba(38,31,26,.1);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;transition:background .25s ease,color .25s ease,border-color .25s ease,opacity .25s ease,box-shadow .25s ease}
.certificateArrow:before{content:"";width:11px;height:11px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.certificateArrowPrev{left:0}
.certificateArrowNext{right:0}
.certificateArrowPrev:before{transform:rotate(-135deg);margin-left:4px}
.certificateArrowNext:before{transform:rotate(45deg);margin-right:4px}
.certificateArrow:hover{background:#8b65ae;border-color:#8b65ae;color:#fff;box-shadow:0 14px 30px rgba(111,78,140,.18)}
.certificateArrow:disabled{opacity:0;visibility:hidden;pointer-events:none;cursor:default;box-shadow:none}
.certificateArrow:disabled:hover{background:#fff;border-color:#e3d8ed;color:#6f4e8c}
.certificateSlider.is-static .certificateArrow{display:none}
.imageLightbox{position:fixed;inset:0;z-index:3000;background:rgba(18,15,14,.86);display:flex;align-items:center;justify-content:center;padding:34px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.imageLightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}
.imageLightbox img{max-width:min(900px,92vw);max-height:86vh;width:auto;height:auto;object-fit:contain;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.42)}
.imageLightboxClose{position:absolute;right:24px;top:20px;width:42px;height:42px;border:1px solid rgba(255,255,255,.38);border-radius:4px;background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:40px}
.imageLightboxClose:hover{background:#fff;color:#211d1a}
body.lightbox-open{overflow:hidden}
.worldMapBox{background:#fff;border:1px solid #e6ded6;border-radius:8px;padding:26px;overflow:hidden;box-shadow:0 20px 48px rgba(38,31,26,.08)}
.worldMapBox img{width:100%;height:auto;transition:transform .55s ease}
.specTable{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}
.specTable span{background:#f7f4fa;border-left:3px solid #8b65ae;padding:10px 12px;color:#4c4440;font-weight:bold}
.supportBox{width:100%;float:left;padding:98px 0;background:linear-gradient(180deg,#f7f5f2 0%,#fff 100%)}
.supportGrid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;clear:both}
.supportImage{background:#fff;border:1px solid #e6ded6;border-radius:8px;overflow:hidden;box-shadow:0 24px 55px rgba(38,31,26,.1)}
.supportImage img{width:100%;height:430px;object-fit:cover;padding:0;background:#fff;transition:transform .55s ease}
.supportList{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.supportList dl{background:#fff;border:1px solid #e6ded6;padding:28px 24px;border-radius:8px;min-height:168px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 14px 34px rgba(38,31,26,.05)}
.supportList dl:hover{transform:translateY(-2px);border-color:#d5c2e4;box-shadow:0 12px 28px rgba(38,31,26,.08)}
.supportList dt{font-size:18px;font-weight:bold;color:#6f4e8c;margin-bottom:8px}
.supportList dd{color:#655e58;line-height:24px}
.supportBlock{scroll-margin-top:92px}
.supportDetail{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:44px;align-items:center;clear:both}
.supportDetail.reverse .supportDetailText{order:2}
.supportDetail.reverse .supportDetailImage{order:1}
.supportDetailText{background:#fff;border:1px solid #e6ded6;border-radius:8px;padding:38px;box-shadow:0 18px 45px rgba(38,31,26,.07)}
.serviceIndex{font-size:13px;line-height:1;font-weight:bold;color:#caa867;margin-bottom:14px}
.supportDetailText h2{font-size:30px;line-height:1.24;color:#211d1a;margin-bottom:14px}
.supportDetailText p{color:#625b55;line-height:27px;margin-bottom:18px}
.supportDetailText li{position:relative;padding-left:18px;color:#625b55;line-height:25px;margin-top:8px}
.supportDetailText li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#8b65ae;border-radius:50%}
.supportDetailImage{border-radius:8px;overflow:hidden;background:#fff;border:1px solid #e6ded6;box-shadow:0 20px 48px rgba(38,31,26,.09)}
.supportDetailImage img{width:100%;height:430px;object-fit:cover;transition:transform .55s ease}
.serviceGuaranteeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;clear:both}
.serviceGuaranteeGrid dl{background:#fff;border:1px solid #dedede;padding:34px 22px 28px;text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 14px 34px rgba(38,31,26,.04)}
.serviceGuaranteeGrid dl:hover{transform:translateY(-2px);border-color:#cbb8db;box-shadow:0 12px 28px rgba(38,31,26,.08)}
.serviceGuaranteeGrid dt{height:138px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.serviceGuaranteeGrid img{width:118px;height:118px;object-fit:contain;transition:transform .35s ease}
.serviceGuaranteeGrid dl:hover img{transform:scale(1.015)}
.serviceGuaranteeGrid dd{font-size:24px;line-height:1.18;color:#211d1a}
.processGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;clear:both;width:100%}
.processGrid dl{background:#fff;border:1px solid #e6ded6;border-radius:8px;padding:30px 24px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 14px 34px rgba(38,31,26,.05)}
.processGrid dl:hover{transform:translateY(-2px);border-color:#d5c2e4;box-shadow:0 12px 28px rgba(38,31,26,.08)}
.processGrid dt{font-size:20px;color:#6f4e8c;font-weight:bold;margin-bottom:8px}
.processGrid dd{color:#625b55;line-height:25px}
.worldBox{width:100%;float:left;padding:98px 0;background:linear-gradient(180deg,#f7f5f2 0%,#fff 100%)}
.worldGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;clear:both;width:100%}
.worldGrid>*{min-width:0}
.worldGrid img{width:100%;border-radius:8px;border:1px solid #eee7e0;background:#fff;transition:transform .55s ease}
.worldText h2{font-size:30px;line-height:1.24;color:#211d1a;margin-bottom:16px}
.worldText p{color:#625b55;line-height:28px;margin-bottom:18px}
.worldBadges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.worldBadges span{display:block;background:#f7f4fa;color:#6f4e8c;padding:12px;text-align:center;font-weight:bold;border-radius:4px;transition:transform .25s ease,background .25s ease}
.worldBadges span:hover{background:#efe7f6;transform:translateY(-1px)}
.contactBox{width:100%;float:left;padding:104px 0;background:linear-gradient(135deg,#181513 0%,#211d1a 58%,#30263a 100%);color:#e9e3dc}
.contactBox .title1{color:#fff}
.contactBox .title1:after{background:#d4b670}
.contactBox .title1_txt{color:#bcb3ad}
.consultGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;clear:both}
.consultInfo{border:1px solid rgba(255,255,255,.13);padding:36px;border-radius:8px;background:rgba(255,255,255,.045);box-shadow:0 22px 48px rgba(0,0,0,.16)}
.consultInfo h3{font-size:24px;line-height:1.25;color:#d4b670;margin-bottom:18px}
.consultInfo p{color:#d5cdc6;margin-bottom:18px}
.consultInfo dl{line-height:29px;color:#f4efe8;margin-bottom:12px}
.consultInfo dt{font-weight:bold;color:#d4b670}
.feedback_b{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.input1,.input2{width:100%;height:52px;line-height:52px;background:#fff;border:1px solid #4a403b;color:#211d1a;text-indent:15px;border-radius:4px;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.input1:focus,.input2:focus{border-color:#d4b670;box-shadow:0 0 0 3px rgba(212,182,112,.2);transform:translateY(-1px)}
.input2{grid-column:1/-1;height:142px;line-height:24px;padding:14px 15px;text-indent:0;resize:vertical}
.button1{width:210px;height:52px;line-height:52px;color:#211d1a;background:#d4b670;font-size:15px;font-weight:bold;text-transform:uppercase;border-radius:4px;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.button1:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.16)}
.ctaBand{width:100%;float:left;background:linear-gradient(135deg,#7e58a3 0%,#8b65ae 54%,#5b456f 100%);color:#fff;padding:54px 0;position:relative;overflow:hidden}
.ctaBand:before{content:"";position:absolute;inset:-40% auto -40% -30%;width:42%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.16),rgba(255,255,255,0));transform:skewX(-18deg);animation:bandSweep 8s ease-in-out infinite}
.ctaBand .wrap{position:relative;z-index:1}
.ctaBand .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.ctaBand h2{font-size:31px;line-height:1.18}
.ctaBand p{color:#f5edf8;margin-top:5px}
.ctaBand .btn{background:#fff;border-color:#fff;color:#211d1a}
.foot{width:100%;float:left;padding:60px 0 50px;background:#151211;color:#9e9791}
.foot .wrap{display:grid;grid-template-columns:1fr 2fr;gap:40px}
.footLeft img{height:62px;width:auto;max-width:170px;margin-bottom:16px}
.footCompany{line-height:25px;max-width:460px}
.contactList{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.contactList dl{border-left:1px solid #3a332f;padding-left:16px;transition:border-color .25s ease,transform .25s ease}
.contactList dl:hover{border-color:#d4b670;transform:translateY(-1px)}
.contactList dt{font-size:15px;color:#d4b670;font-weight:bold;text-transform:uppercase;margin-bottom:6px}
.contactList dd{line-height:24px;color:#b5aea7}
.footBottom{grid-column:1/-1;margin-top:34px;padding-top:18px;border-top:1px solid #2d2724;display:flex;align-items:center;justify-content:space-between;gap:24px}
.copyright{color:#77716c;font-size:12px;line-height:22px}
.fixWhatsapp{position:fixed;right:22px;top:50%;z-index:900;transform:translateY(-50%)}
.fixWhatsapp a{position:relative;display:flex;width:54px;height:54px;align-items:center;justify-content:center;background:#8b65ae;color:#fff;border-radius:50%;box-shadow:0 10px 25px rgba(38,31,26,.2);animation:floatContact 3.6s ease-in-out infinite;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.fixWhatsapp a:before{content:"";width:22px;height:22px;display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2A19.8 19.8 0 0 1 3.1 5.18 2 2 0 0 1 5.11 3h3a2 2 0 0 1 2 1.72c.12.91.32 1.79.59 2.63a2 2 0 0 1-.45 2.11L9 10.71a16 16 0 0 0 4.29 4.29l1.25-1.25a2 2 0 0 1 2.11-.45c.84.27 1.72.47 2.63.59A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat}
.fixWhatsapp a:hover{background:#6f4e8c;transform:translateY(-3px);box-shadow:0 16px 32px rgba(38,31,26,.24)}
.backTop{position:fixed;right:22px;bottom:88px;z-index:900;width:46px;height:46px;border:1px solid #e3d8ed;border-radius:4px;background:#fff;color:#6f4e8c;box-shadow:0 10px 25px rgba(38,31,26,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .28s ease,visibility .28s ease,transform .38s var(--motion-ease),background .28s ease,color .28s ease,border-color .28s ease}
.backTop:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:translate(-50%,-35%) rotate(45deg)}
.backTop.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.backTop:hover{background:#8b65ae;border-color:#8b65ae;color:#fff}
.aboutPic:hover img,.lineShow:hover img,.featureCard:hover img,.aboutGallery dl:hover img,.cleanPhoto:hover img,.certificateGrid dl:hover img,.worldMapBox:hover img,.supportImage:hover img,.worldGrid:hover img{transform:scale(1.018)}
.js-ready .heroLabel,.js-ready .hero h1,.js-ready .hero p,.js-ready .heroBtns,.js-ready .heroData dl,.js-ready .innerBanner h1,.js-ready .breadcrumb{opacity:0;translate:0 18px;animation:heroRise .72s cubic-bezier(.2,.8,.2,1) forwards}
.js-ready .hero h1{animation-delay:.1s}
.js-ready .hero p{animation-delay:.2s}
.js-ready .heroBtns{animation-delay:.3s}
.js-ready .heroData dl{animation-delay:calc(.4s + var(--reveal-delay,0s))}
.js-ready .innerBanner h1{animation-delay:.08s}
.js-ready .breadcrumb{animation-delay:.18s}
.js-ready .reveal-item{opacity:0;translate:0 28px;transition:opacity .68s ease,translate .68s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0s)}
.js-ready .reveal-item.reveal-from-left{translate:-28px 0}
.js-ready .reveal-item.reveal-from-right{translate:28px 0}
.js-ready .reveal-item.is-visible{opacity:1;translate:0 0}
.js-ready .stitle.reveal-item .title1:after{transform:scaleX(0);transform-origin:center;transition:transform .65s cubic-bezier(.2,.8,.2,1) .18s}
.js-ready .stitle.reveal-item.is-visible .title1:after{transform:scaleX(1)}
.btn,.button1,.fixWhatsapp a,.certificateArrow,.subMenu a,.langCurrent{transition-timing-function:var(--motion-ease)}
#nav .mainlevel>a:after,.subMenu,.langDropdown,.top,.top .twrap,.logoBox img,.topnavbtn span,.topnavbtn span:before,.topnavbtn span:after{transition-timing-function:var(--motion-ease)}
.btn{transition:background .34s var(--motion-ease),border-color .34s var(--motion-ease),color .28s ease,transform .46s var(--motion-ease),box-shadow .46s var(--motion-soft)}
.btn:before{transition:transform .78s var(--motion-ease)}
.button1,.fixWhatsapp a{transition:background .34s var(--motion-ease),transform .46s var(--motion-ease),box-shadow .46s var(--motion-soft)}
.certificateArrow{transition:background .32s var(--motion-ease),color .32s ease,border-color .32s ease,opacity .25s ease,visibility .25s ease,box-shadow .46s var(--motion-soft)}
.subMenu,.langDropdown{transition:opacity .24s var(--motion-ease),visibility .24s var(--motion-ease),transform .34s var(--motion-ease)}
.subMenu a,.langDropdown a{transition:color .28s ease,background .28s var(--motion-ease),transform .34s var(--motion-ease)}
.input1,.input2{transition:border-color .34s ease,box-shadow .46s var(--motion-soft),transform .46s var(--motion-ease)}
.cateDiv,.productList dl:before{transition-timing-function:var(--motion-ease)}
.chooseBox dl,.productList dl,.featureCard,.aboutGallery dl,.certificateGrid dl,.supportList dl,.serviceGuaranteeGrid dl,.processGrid dl,.worldBadges span,.contactList dl{transition:transform .5s var(--motion-ease),box-shadow .5s var(--motion-soft),border-color .42s ease,background .42s ease,color .32s ease;will-change:transform}
.chooseBox dl{transition:transform .62s var(--motion-ease),box-shadow .62s var(--motion-soft),border-color .46s ease,background .46s ease}
.productList dd img,.featureCard img,.aboutGallery dd img,.aboutPdfGallery img,.certificateGrid img,.serviceGuaranteeGrid img,.procateBox img,.aboutPic img,.lineShow img,.cleanPhoto img,.worldMapBox img,.supportImage img,.worldGrid img{transition:transform .72s var(--motion-ease);will-change:transform}
@keyframes heroRise{
  to{opacity:1;translate:0 0}
}
@keyframes heroDrift{
  0%{background-position:48% center}
  100%{background-position:54% center}
}
@keyframes bandSweep{
  0%,35%{translate:0 0}
  55%,100%{translate:340% 0}
}
@keyframes floatContact{
  0%,100%{translate:0 0}
  50%{translate:0 -5px}
}
@media screen and (max-width:1180px){
  .rtop{display:none}
  #nav .mainlevel>a{padding:0 10px;font-size:12px}
  .chooseBox{grid-template-columns:repeat(3,1fr)}
  .procateBox{grid-template-columns:1fr 1fr}
  .homeProductList{grid-template-columns:repeat(3,1fr)}
  .productLayout{grid-template-columns:1fr}
  .productLeft{position:static;display:block}
  .productList{grid-template-columns:repeat(2,1fr)}
  .productFullLayout .productList{grid-template-columns:repeat(3,1fr)}
  .productDetailHero{grid-template-columns:1fr}
  .productMainImage{height:470px}
  .processGrid{grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:900px){
  .top{height:72px;padding:10px 0}
  .topzw{height:72px}
  .top .twrap{height:52px}
  .logoBox img{height:44px;max-width:135px}
  .rtop{height:42px;display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:0;border-left:0}
  .headerTel{display:none}
  .langMenu{height:42px}
  .langCurrent{height:34px;line-height:32px;padding:0 9px;font-size:12px}
  .langDropdown{top:39px;right:0;min-width:118px;z-index:1003}
  .langDropdown a{padding:8px 12px;font-size:13px}
  .topnavbtn{display:flex;position:relative;z-index:1002;margin-left:8px}
  #nav{position:fixed;right:0;top:72px;bottom:auto;width:88vw;max-width:390px;height:calc(100vh - 72px);height:calc(100dvh - 72px);display:block;margin-left:0;background:#fff;box-shadow:-12px 0 32px rgba(34,30,28,.16);transform:translateX(105%);transition:transform .28s var(--motion-ease),visibility .28s ease;overflow-y:auto;overflow-x:hidden;padding:12px 0 28px;z-index:1001;visibility:hidden;pointer-events:none}
  body.menu-open #nav{transform:translateX(0);visibility:visible;pointer-events:auto}
  #nav .mainlevel{float:none;width:100%}
  #nav .mainlevel>a{height:auto;line-height:22px;padding:13px 22px;font-size:13px;border-bottom:1px solid #f0ece8}
  #nav .mainlevel>a:after{display:none}
  .subMenu{position:static;display:block;min-width:0;border:0;box-shadow:none;border-radius:0;padding:0;background:#faf8f6;opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .subMenu a{padding:9px 32px;background:#faf8f6}
  .subMenu .subMenu{position:static;left:auto;top:auto;min-width:0;border:0;box-shadow:none;border-radius:0;background:#f5f0ea;padding:4px 0}
  .subMenu .subMenu a{padding-left:48px;font-size:12px;background:#f5f0ea}
  .subMenu .subMenu .subMenu{background:#eee7df}
  .subMenu .subMenu .subMenu a{padding-left:64px;background:#eee7df}
  .subMenu li.has-sub>a:after{content:"\203A"}
  .productFullLayout .productList{grid-template-columns:repeat(2,1fr)}
  .productSummary h2{font-size:28px}
  .productDetailGrid{grid-template-columns:1fr}
  .productVideoBox video{max-height:420px}
  .hero{min-height:640px}
  .heroInner{padding:100px 0 76px}
  .hero h1{font-size:46px}
  .hero p{font-size:16px}
  .heroData{grid-template-columns:repeat(2,1fr);margin-top:45px}
  .aboutBox,.lineShow,.supportGrid,.supportDetail,.worldGrid,.consultGrid,.foot .wrap,.featureGrid{grid-template-columns:1fr}
  .supportDetail.reverse .supportDetailText,.supportDetail.reverse .supportDetailImage{order:initial}
  .index_about .aboutms h2,.aboutProfile .aboutms h2{font-size:26px}
  .advantageLineLabel{font-size:24px;padding:8px 34px 8px 18px}
  .worldText h2{font-size:26px}
  .supportDetailText h2{font-size:26px}
  .aboutIntroGrid{grid-template-columns:1fr}
  .aboutGallery{grid-template-columns:repeat(2,1fr)}
  .aboutPdfGallery{grid-template-columns:repeat(2,1fr)}
  .certificateGrid{grid-template-columns:repeat(3,1fr)}
  .certificateSlider{padding:0 50px}
  .certificateSlider .certificateGrid dl{flex-basis:calc((100% - 32px)/3)}
  .serviceGuaranteeGrid{grid-template-columns:repeat(2,1fr);gap:20px}
  .lineShowTxt{padding:28px}
  .supportImage img,.supportDetailImage img{height:auto}
  .contactList{grid-template-columns:repeat(2,1fr)}
  .ctaBand .wrap{display:block}
  .ctaBand .btn{margin-top:18px}
  .js-ready .reveal-item,.js-ready .reveal-item.reveal-from-left,.js-ready .reveal-item.reveal-from-right{opacity:1;translate:0 0;transition:none}
  .js-ready .stitle.reveal-item .title1:after{transform:scaleX(1)}
  .footBottom{align-items:flex-start;flex-direction:column}
  .socialLinks{justify-content:flex-start}
}
@media screen and (max-width:640px){
  .wrap,.twrap{width:calc(100% - 28px)}
  .logoBox img{height:40px;max-width:125px}
  .footLeft img{height:52px;max-width:145px}
  .hero{min-height:620px}
  .hero:before{background:linear-gradient(90deg,rgba(20,17,16,.88),rgba(20,17,16,.58))}
  .hero h1{font-size:36px}
  .index_about .aboutms h2,.aboutProfile .aboutms h2{font-size:22px;line-height:1.28}
  .advantageLineLabel{font-size:20px;padding:7px 28px 7px 14px}
  .worldText h2{font-size:22px;line-height:1.28}
  .supportDetailText{padding:28px 22px}
  .supportDetailText h2{font-size:22px;line-height:1.28}
  .heroBtns .btn{width:100%;text-align:center}
  .heroData,.chooseBox,.productLeft,.productList,.supportList,.worldBadges,.feedback_b,.contactList,.processGrid,.specTable,.aboutGallery,.aboutPdfGallery,.certificateGrid{grid-template-columns:1fr}
  .chooseBox{gap:12px}
  .chooseBox dl{min-height:0;padding:22px 18px}
  .chooseBox dt{margin-bottom:8px;font-size:16px;line-height:22px}
  .advantageIcon{width:46px;height:42px;flex-basis:46px}
  .chooseBox dd{line-height:23px}
  .certificateSlider{padding:0 42px}
  .certificateSlider .certificateGrid dl{flex-basis:100%}
  .certificateArrow{width:34px;height:44px}
  .serviceGuaranteeGrid{grid-template-columns:repeat(2,1fr);gap:14px}
  .serviceGuaranteeGrid dl{padding:24px 12px 22px}
  .serviceGuaranteeGrid dt{height:108px;margin-bottom:8px}
  .serviceGuaranteeGrid img{width:92px;height:92px}
  .serviceGuaranteeGrid dd{font-size:18px}
  .title1{font-size:26px}
  .section,.index_choose,.index_about,.index_procate,.supportBox,.worldBox,.contactBox,.productsBox{padding:56px 0}
  .section.supportBlock{padding:34px 0 20px}
  .supportDetail{gap:18px}
  .supportDetailImage{border-radius:6px;box-shadow:0 12px 28px rgba(38,31,26,.07)}
  .supportDetailImage img{width:100%;height:auto;object-fit:cover}
  .innerBanner{min-height:200px}
  .innerBanner:after{height:42px}
  .innerBanner .wrap{padding:44px 0 46px}
  .innerBanner h1{font-size:28px;line-height:1.18}
  .breadcrumb,.productLocation{display:none}
  .aboutPic img{height:300px}
  .numberlist{grid-template-columns:repeat(2,1fr)}
  .productsBox .lNavBox{margin-bottom:22px}
  .productsBox .lNavBox_t{min-height:54px;cursor:pointer;padding-right:16px;border-bottom:0}
  .productsBox .lNavBox.is-open .lNavBox_t{border-bottom:1px solid #eadff2}
  .productsBox .lNavBox_t span:first-of-type{min-width:0}
  .categoryToggleIcon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:auto;border:1px solid #eadff2;border-radius:6px;background:#fff;color:#6f4e8c;box-shadow:0 8px 18px rgba(111,78,140,.08);position:relative;flex:0 0 34px;transition:background .32s var(--motion-ease),border-color .32s ease,box-shadow .38s var(--motion-soft)}
  .categoryToggleIcon:before,.categoryToggleIcon:after{content:"";position:absolute;background:currentColor;border-radius:99px;transition:transform .28s var(--motion-ease),opacity .24s ease}
  .categoryToggleIcon:before{width:13px;height:2px}
  .categoryToggleIcon:after{width:2px;height:13px}
  .productsBox .lNavBox.is-open .categoryToggleIcon:after{transform:rotate(90deg);opacity:0}
  .productsBox .lNavBox.is-open .categoryToggleIcon{background:#8b65ae;border-color:#8b65ae;color:#fff;box-shadow:0 10px 22px rgba(111,78,140,.18)}
  .productsBox .pCateBox{display:block;max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden;transform:translateY(-8px);transition:max-height .48s var(--motion-ease),padding .38s var(--motion-ease),opacity .28s ease,transform .42s var(--motion-ease)}
  .productsBox .lNavBox.is-open .pCateBox{max-height:620px;padding-top:10px;padding-bottom:12px;opacity:1;transform:translateY(0)}
  .procateBox{grid-template-columns:1fr;grid-auto-rows:235px}
  .procateBox li:first-child{grid-row:span 1}
  .homeProductList{grid-template-columns:1fr}
  .lineSteps{grid-template-columns:1fr}
  .productList dd{height:220px}
  .productList p{min-height:0}
  .productLayout .productList{margin-bottom:42px}
  .productListHead{display:block;margin-bottom:18px}
  .productSubCategories{width:calc(100% + 28px);margin:12px -14px 0;padding:0 14px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .productSubCategories::-webkit-scrollbar{display:none}
  .productSubCategories a{flex:0 0 auto;max-width:76vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .js-ready .productsBox .reveal-item{opacity:1;translate:0 0}
  .productPagination{gap:6px;margin-top:0}
  .productPagination a,.productPagination span{min-width:36px;height:36px;line-height:34px;padding:0 10px;font-size:13px}
  .productPagination .pagePrev,.productPagination .pageNext{min-width:62px}
  .productFullLayout .productList{grid-template-columns:1fr}
  .productDetailBox{padding:56px 0}
  .productDetailHero{padding:12px;border-radius:6px}
  .productMedia,.productTabs{border-radius:6px}
  .productMedia{padding:12px}
  .productMainImage{height:300px}
  .productThumbSlider{padding:0 34px}
  .productThumbs button{flex:0 0 76px;width:76px;max-width:76px;height:62px;padding:5px}
  .productThumbArrow{width:28px;height:36px}
  .productMainImage:hover img{transform:scale(1.35)}
  .productSummary{padding:20px 8px 8px}
  .productSummary h2{font-size:24px;line-height:1.24}
  .productActions .btn{width:100%;text-align:center}
  .productTabNav button{flex:1;height:50px;padding:0 10px;font-size:13px}
  .productTabPanel{padding:24px 18px}
  .productContent h2{font-size:23px}
  .parameterTable,.parameterTable tbody,.parameterTable tr,.parameterTable th,.parameterTable td{display:block;width:100%}
  .parameterTable tr{border-bottom:1px solid #eee7e0}
  .parameterTable tr:last-child{border-bottom:0}
  .parameterTable th,.parameterTable td{border-bottom:0;padding:10px 12px}
  .parameterTable th{background:#fbfaf8}
  .parameterTable td{padding-top:0}
  .productVideoBox video{max-height:280px}
  .productFullLayout .pCateName{font-size:22px;line-height:1.25}
  .productFullLayout .productLocation{line-height:22px;margin-top:6px;margin-bottom:12px;font-size:13px}
  .productCategoryBar{top:72px;width:calc(100% + 28px);display:flex;flex-wrap:nowrap;margin-left:-14px;margin-right:-14px;margin-bottom:22px;padding:9px 14px;border-left:0;border-right:0;border-radius:0;gap:8px;background:rgba(255,255,255,.97);box-shadow:0 10px 26px rgba(38,31,26,.1);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:14px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .productCategoryBar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:34px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.97));pointer-events:none}
  .productCategoryBar a{flex:0 0 auto;min-width:auto;min-height:34px;max-width:76vw;padding:6px 11px;font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;scroll-snap-align:start}
  .featureCard img{height:250px}
  .aboutGallery dd{height:220px}
  .certificateGrid dd{height:260px}
  .fixWhatsapp{right:14px;top:50%}
  .fixWhatsapp a{width:50px;height:50px}
  .backTop{right:14px;bottom:78px;width:42px;height:42px}
}
@media screen and (max-width:900px){
  .hero{background-attachment:scroll}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .js-ready .reveal-item,.js-ready .heroLabel,.js-ready .hero h1,.js-ready .hero p,.js-ready .heroBtns,.js-ready .heroData dl,.js-ready .innerBanner h1,.js-ready .breadcrumb{opacity:1;translate:0 0}
  .hero{background-attachment:scroll}
}

/* Feedback Styles */
.feedbackList{margin-bottom:42px}
.feedbackItem{padding:22px;border:1px solid #e6ded6;background:#fff;margin-bottom:18px;border-radius:8px;box-shadow:0 8px 22px rgba(38,31,26,.04)}
.feedbackItem.feedbackReply{background:#f7f5f2;margin-left:28px;border-color:#d5c2e4}
.feedbackHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.feedbackHeader strong{font-size:15px;color:#6f4e8c;font-weight:bold}
.feedbackTime{font-size:12px;color:#9a918a}
.feedbackItem p{color:#625b55;line-height:26px;margin:0}
.leaveMessageBox{background:#fbfaf8;border:1px solid #e6ded6;padding:34px;border-radius:8px;box-shadow:0 12px 30px rgba(38,31,26,.06)}
.leaveMessageBox h3{font-size:22px;color:#211d1a;margin-bottom:22px}
.feedbackForm .formGroup{margin-bottom:18px}
.feedbackForm label{display:block;font-size:13px;font-weight:bold;color:#625b55;margin-bottom:7px;text-transform:uppercase}
.feedbackForm input,.feedbackForm textarea{width:100%;height:48px;line-height:46px;padding:0 14px;border:1px solid #e6ded6;background:#fff;color:#211d1a;border-radius:4px;font-size:14px;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.feedbackForm textarea{height:auto;padding:14px;resize:vertical;line-height:24px}
.feedbackForm input:focus,.feedbackForm textarea:focus{border-color:#8b65ae;box-shadow:0 0 0 3px rgba(139,101,174,.12);outline:none;transform:translateY(-1px)}
.feedbackForm .formActions{text-align:right}
.captchaGroup{margin-bottom:18px}
.captchaBox{display:flex;align-items:center;gap:12px}
.captchaQuestion{min-width:120px;height:48px;line-height:48px;padding:0 16px;background:#f7f5f2;border:1px solid #e6ded6;border-radius:4px;color:#6f4e8c;font-weight:bold;font-size:16px;text-align:center;user-select:none}
.captchaImage{height:48px;width:auto;object-fit:contain;border:1px solid #e6ded6;border-radius:4px;background:#fff}
.captchaBox input{flex:1}
@media screen and (max-width:900px){
  .captchaQuestion{min-width:100px;font-size:14px}
}
@media screen and (max-width:900px){
  .feedbackItem.feedbackReply{margin-left:14px}
  .leaveMessageBox{padding:24px 18px}
}
@media screen and (max-width:640px){
  .feedbackItem{padding:18px 14px}
  .feedbackItem.feedbackReply{margin-left:0}
  .feedbackHeader{flex-direction:column;align-items:flex-start;gap:4px}
  .leaveMessageBox{padding:20px 14px}
}

/* Consult Captcha Styles */
.consultCaptcha{display:flex;justify-content:center;margin-bottom:18px}
.consultCaptcha .captchaBox{width:100%;max-width:300px}
.consultCaptcha .captchaBox input{height:52px;line-height:52px;background:#fff;border:1px solid #4a403b;color:#211d1a;text-indent:15px;border-radius:4px;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.consultCaptcha .captchaBox input:focus{border-color:#d4b670;box-shadow:0 0 0 3px rgba(212,182,112,.2);transform:translateY(-1px);outline:none}
@media screen and (max-width:900px){
  .consultCaptcha .captchaBox{max-width:100%}
}

/* Download List Styles */
.downloadList{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.downloadItem{display:flex;align-items:center;gap:18px;padding:22px;background:#fff;border:1px solid #e6ded6;border-radius:8px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 8px 22px rgba(38,31,26,.04)}
.downloadItem:hover{transform:translateY(-2px);border-color:#d5c2e4;box-shadow:0 12px 28px rgba(38,31,26,.08)}
.downloadIcon{flex:0 0 48px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f7f4fa;border-radius:8px;color:#6f4e8c}
.downloadInfo{flex:1;min-width:0}
.downloadInfo h3{font-size:17px;color:#211d1a;margin-bottom:6px;font-weight:bold}
.downloadInfo p{color:#625b55;line-height:24px;font-size:13px;margin-bottom:4px}
.fileSize{display:inline-block;font-size:12px;color:#9a918a;background:#f7f5f2;padding:3px 8px;border-radius:4px}
.downloadBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#8b65ae;color:#fff;border-radius:4px;font-weight:bold;text-transform:uppercase;font-size:13px;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;white-space:nowrap}
.downloadBtn:hover{background:#6f4e8c;transform:translateY(-1px);box-shadow:0 8px 18px rgba(111,78,140,.18)}
.downloadBtn svg{flex:0 0 auto}
.feedbackList{margin-bottom:34px}
.feedbackThread{margin-bottom:18px;border:1px solid #eee7e0;border-radius:8px;overflow:hidden;background:#fff}
.feedbackItem{padding:22px 26px;background:#fff}
.feedbackItem.feedbackReply{background:#e7e7e7;border-top:1px solid #d7d7d7}
.feedbackMeta{margin-bottom:6px}
.feedbackMeta strong{font-size:16px;color:#211d1a;font-weight:bold}
.feedbackReply .feedbackMeta strong{color:#6f4e8c}
.feedbackTime{font-size:14px;color:#211d1a;line-height:24px;margin-bottom:4px}
.feedbackItem p{margin:0;color:#111827;line-height:28px}
.feedbackEmpty{padding:18px 20px;margin-bottom:24px;border:1px dashed #e0d7cf;border-radius:8px;color:#9a918a;background:#fff}
.formNotice{max-width:640px;margin:0 auto;padding:52px 44px;text-align:center;background:#fff;border:1px solid #e6ded6;border-radius:8px;box-shadow:0 18px 42px rgba(38,31,26,.08)}
.formNoticeIcon{width:58px;height:58px;margin:0 auto 18px;border-radius:50%;position:relative;background:#8b65ae}
.formNoticeIcon:after{content:"";position:absolute;left:20px;top:15px;width:15px;height:25px;border-right:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(45deg)}
.formNotice.is-error .formNoticeIcon{background:#c45b5b}
.formNotice.is-error .formNoticeIcon:before,.formNotice.is-error .formNoticeIcon:after{content:"";position:absolute;left:18px;top:27px;width:22px;height:4px;background:#fff;border:0;transform:rotate(45deg)}
.formNotice.is-error .formNoticeIcon:after{transform:rotate(-45deg)}
.formNotice h2{font-size:30px;line-height:1.25;color:#211d1a;margin-bottom:12px}
.formNotice p{font-size:16px;line-height:28px;color:#625b55;margin-bottom:28px}
@media screen and (max-width:900px){
  .downloadItem{flex-wrap:wrap;padding:18px}
  .downloadInfo{min-width:calc(100% - 84px)}
  .downloadBtn{width:100%;justify-content:center}
}
@media screen and (max-width:640px){
  .downloadItem{padding:14px;gap:12px}
  .downloadIcon{width:40px;height:40px;flex-basis:40px}
  .downloadInfo{min-width:calc(100% - 68px)}
  .downloadInfo h3{font-size:15px}
  .downloadInfo p{font-size:12px;line-height:22px}
}

/* Related Products */
.relatedProducts{width:100%;float:left;padding:70px 0 80px;background:#fff}
.relatedHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.relatedHead h2{font-size:26px;color:#211d1a;font-weight:bold;text-transform:uppercase}
.relatedNav{display:flex;gap:8px}
.relatedArrow{width:40px;height:40px;border:1px solid #e6ded6;border-radius:50%;background:#fff;color:#6f4e8c;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}
.relatedArrow:hover{background:#8b65ae;border-color:#8b65ae;color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(111,78,140,.16)}
.relatedArrow:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none;background:#f7f5f2;border-color:#e6ded6;color:#b0a8a2}
.relatedScroll{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}
.relatedScroll::-webkit-scrollbar{display:none}
.relatedCard{flex:0 0 calc((100% - 80px) / 5);min-width:0;display:block;border:1px solid #e6ded6;border-radius:8px;overflow:hidden;background:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;box-shadow:0 8px 22px rgba(38,31,26,.04)}
.relatedCard:hover{transform:translateY(-3px);border-color:#d5c2e4;box-shadow:0 14px 32px rgba(38,31,26,.1)}
.relatedCard img{width:100%;height:180px;object-fit:contain;background:#f8f7f5;transition:transform .3s ease}
.relatedCard:hover img{transform:scale(1.03)}
.relatedCard span{display:block;padding:14px 12px;font-size:14px;color:#2d2a27;font-weight:bold;line-height:20px;text-align:center}
@media screen and (max-width:1100px){
  .relatedCard{flex:0 0 calc((100% - 60px) / 4)}
}
@media screen and (max-width:900px){
  .relatedCard{flex:0 0 calc((100% - 40px) / 3)}
  .relatedCard img{height:150px}
}
@media screen and (max-width:640px){
  .relatedProducts{padding:48px 0 56px}
  .relatedHead h2{font-size:20px}
  .relatedScroll{gap:12px}
  .relatedCard{flex:0 0 calc((100% - 12px) / 2)}
  .relatedCard img{height:130px}
.relatedCard span{font-size:13px;padding:10px 8px}
  .relatedArrow{width:34px;height:34px;font-size:14px}
}

.friendLinks{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.12);color:#c8c0b7}
.friendLinks span{font-weight:bold;color:#fff;text-transform:uppercase;font-size:13px}
.friendLinks a{color:#c8c0b7;font-size:13px}
.friendLinks a:hover{color:#d4b670}
.socialLinks{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:0}
.socialIcon{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.08);color:#d4b670;transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}
a.socialIcon:hover{background:#8b65ae;color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.14)}
.socialIcon img{width:24px;height:24px;object-fit:contain}
.socialIcon svg{width:25px;height:25px;display:block;color:currentColor}
.social-youtube svg,.social-instagram svg{width:29px;height:29px}
.socialIcon i{position:relative;display:block;width:21px;height:21px}
.social-youtube i:before{content:"";position:absolute;left:1px;top:3px;width:16px;height:12px;border-radius:4px;background:currentColor}
.social-youtube i:after{content:"";position:absolute;left:7px;top:6px;border-left:5px solid #171411;border-top:3px solid transparent;border-bottom:3px solid transparent}
a.social-youtube:hover i:after{border-left-color:#fff}
.social-instagram i{border:2px solid currentColor;border-radius:5px}
.social-instagram i:before{content:"";position:absolute;left:4px;top:4px;width:6px;height:6px;border:2px solid currentColor;border-radius:50%}
.social-instagram i:after{content:"";position:absolute;right:3px;top:3px;width:3px;height:3px;border-radius:50%;background:currentColor}
.social-tiktok i:before{content:"";position:absolute;left:8px;top:1px;width:5px;height:13px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;border-radius:0 0 0 7px}
.social-tiktok i:after{content:"";position:absolute;left:3px;bottom:1px;width:8px;height:8px;border:3px solid currentColor;border-radius:50%}
.social-facebook i:before{content:"f";position:absolute;left:5px;top:-8px;font-family:Arial,Helvetica,sans-serif;font-size:31px;font-weight:bold;color:currentColor}
.social-linkedin i:before{content:"in";position:absolute;left:0;top:-3px;font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:bold;color:currentColor}

.partnerLogoBox{width:100%;float:left;background:#fff;padding:34px 0;border-top:1px solid #f0ece8;border-bottom:1px solid #f0ece8}
.partnerLogoInner{position:relative;padding:0 54px}
.partnerLogoTrack{display:flex;align-items:center;gap:28px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.partnerLogoTrack::-webkit-scrollbar{display:none}
.partnerLogoItem{flex:0 0 calc((100% - 168px)/7);height:96px;display:flex;align-items:center;justify-content:center;padding:14px;color:#777;filter:grayscale(1);opacity:.7}
.partnerLogoItem img{max-width:100%;max-height:76px;object-fit:contain}
.partnerLogoItem span{font-size:18px;font-weight:bold;text-align:center}
.partnerArrow{position:absolute;top:50%;width:42px;height:42px;margin-top:-21px;border:1px solid #e6ded6;border-radius:50%;background:#fff;color:#8b65ae;box-shadow:0 10px 24px rgba(38,31,26,.08);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease,background .25s ease,color .25s ease}
.partnerLogoBox.has-overflow .partnerArrow{opacity:1;visibility:visible}
.partnerArrow:hover{background:#8b65ae;color:#fff}
.partnerPrev{left:0}
.partnerNext{right:0}
.partnerArrow:before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.partnerPrev:before{transform:translate(-35%,-50%) rotate(-135deg)}
.partnerNext:before{transform:translate(-65%,-50%) rotate(45deg)}

@media screen and (max-width:640px){
  .partnerLogoBox{padding:24px 0}
  .partnerLogoInner{padding:0 42px}
  .partnerLogoTrack{gap:18px}
  .partnerLogoItem{flex-basis:calc((100% - 36px)/3);height:78px}
  .partnerArrow{width:36px;height:36px;margin-top:-18px}
  .partnerPrev{left:0}
  .partnerNext{right:0}
}

/* Blog */
.blogBox{width:100%;float:left;padding:88px 0 104px}
.blogList{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.blogCard{display:block;background:#fff;border:1px solid #e6ded6;border-radius:8px;overflow:hidden;box-shadow:0 14px 34px rgba(38,31,26,.05);transition:transform .35s var(--motion-ease),box-shadow .35s var(--motion-soft),border-color .28s ease}
.blogCard:hover{transform:translateY(-3px);border-color:#d5c2e4;box-shadow:0 18px 42px rgba(38,31,26,.1)}
.blogCardImage{height:250px;background:#f8f7f5;overflow:hidden}
.blogCardImage img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--motion-ease)}
.blogCard:hover .blogCardImage img{transform:scale(1.035)}
.blogCardText{padding:20px 20px 22px}
.blogCardText h2{font-size:20px;line-height:1.32;color:#211d1a;margin-bottom:10px}
.blogCardText p{font-size:14px;line-height:24px;color:#6d655f}
.blogDetailBox{width:100%;float:left;padding:80px 0 96px}
.blogDetailLayout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:start}
.blogDetail{min-width:0;background:#fff;border:1px solid #e6ded6;border-radius:8px;padding:42px;box-shadow:0 18px 42px rgba(38,31,26,.07)}
.blogDetail h1{font-size:38px;line-height:1.22;color:#211d1a;margin-bottom:22px}
.blogDetailCover{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:6px;background:#f8f7f5;margin-bottom:24px}
.blogDetailIntro{padding:18px 20px;margin-bottom:28px;background:#f7f4fa;border-left:4px solid #8b65ae;border-radius:4px;color:#5d5651;line-height:28px}
.blogContent img{max-width:100%;height:auto;border-radius:6px;margin:14px 0}
.hotBlogAside{position:sticky;top:100px;background:#fff;border:1px solid #e6ded6;border-radius:8px;padding:22px;box-shadow:0 18px 42px rgba(38,31,26,.06)}
.hotBlogAside h2{font-size:22px;color:#211d1a;line-height:1.25;margin-bottom:16px}
.hotBlogList{display:grid;gap:10px}
.hotBlogList a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid #eee7e0;border-radius:6px;background:#fbfaf8;color:#2d2a27;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}
.hotBlogList a:hover{background:#8b65ae;border-color:#8b65ae;color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(111,78,140,.15)}
.hotBlogList span{width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background:#f7f4fa;color:#8b65ae;font-weight:bold;font-size:13px}
.hotBlogList a:hover span{background:#fff;color:#8b65ae}
.hotBlogList strong{min-width:0;font-size:14px;line-height:21px}
.blogPrevNext{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px;padding-top:24px;border-top:1px solid #eee7e0}
.blogPrevNext a,.blogPrevNext .is-disabled{display:block;min-width:0;padding:16px 18px;border:1px solid #e6ded6;border-radius:6px;background:#fbfaf8;color:#211d1a;font-weight:bold;line-height:22px;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}
.blogPrevNext a:hover{background:#8b65ae;border-color:#8b65ae;color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px rgba(111,78,140,.15)}
.blogPrevNext span span,.blogPrevNext a span{display:block;margin-bottom:5px;color:#8b65ae;font-size:12px;text-transform:uppercase}
.blogPrevNext a:hover span{color:#fff}
.blogPrevNext .is-disabled{color:#aaa;background:#f7f5f2}
.blogPrevNext .is-disabled span{color:#aaa}

@media screen and (max-width:1100px){
  .blogList{grid-template-columns:repeat(2,1fr)}
  .blogDetailLayout{grid-template-columns:1fr}
  .hotBlogAside{position:static}
}
@media screen and (max-width:640px){
  .blogBox,.blogDetailBox{padding:56px 0}
  .blogList{grid-template-columns:1fr;gap:18px}
  .blogCardImage{height:220px}
  .blogDetail{padding:24px 18px}
  .blogDetail h1{font-size:26px}
  .blogPrevNext{grid-template-columns:1fr}
}

/* Product third-level categories: force horizontal row below the category title */
.proRightBox .productListHead{
  display:block!important;
  margin-bottom:24px!important;
}
.proRightBox .productListHead .pCateName{
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0 0 16px!important;
}
.proRightBox .productSubCategories{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  clear:both!important;
  position:static!important;
}
.proRightBox .productSubCategories a{
  flex:0 0 auto!important;
  margin:0!important;
  white-space:nowrap!important;
}