.header{position:fixed;z-index:999;top:0;left:0;width:100%;background:rgba(0,0,0,.2);transition:transform .35s ease}
.header-wrap{max-width:var(--size-wrapper);margin:0 auto;padding:0 20px}
.header.hide{transform:translateY(-100%)}
.header.white-style{background:#fff;border-bottom:1px solid #666}
.logo img:nth-child(2){display:none}
.header.white-style .logo img:nth-child(1){display:none}
.header.white-style .logo img:nth-child(2){display:block}
.header.white-style .pc-nav a,.header.white-style .search-btn{color:#222}
.header-top{height:60px;display:flex;align-items:center;justify-content:space-between}
@media (min-width:992px){
.header-wrap{padding:0 50px}
.header-top{height:80px}
}
.logo img{height:36px;width:auto;display:block}
@media (min-width:900px){
.logo img{height:54px}
}
.logo-glow{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #aaa)}
.pc-nav{display:none;list-style:none}
.pc-nav li.active{padding-left:10px;padding-right:10px;border-radius:5px;background-color:var(--color-accent)}
.white-style .pc-nav li.active>a{color:#fff}
@media (min-width:768px){
.pc-nav{display:flex;gap:28px;margin:0 20px 0 auto}
.pc-nav>li{position:relative;line-height:40px}
.pc-nav a{color:#fff;position:relative;transition:.4s ease}
.pc-nav a::after{content:'';position:absolute;border:6px solid transparent;opacity:0;transition:.4s ease}
.pc-nav>li>a::after{left:50%;bottom:0;transform:translateX(-50%);border-bottom-color:var(--color-accent)}
.pc-nav>li:hover>a::after{opacity:1;bottom:-5px}
.sub a::after{right:0;top:50%;transform:translateY(-50%);border-right-color:var(--color-accent)}
.sub li:hover a::after{opacity:1;right:-15px}
.pc-nav .sub{position:absolute;top:calc(100% + 5px);left:-20px;min-width:260px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.1);border-radius:5px;list-style:none;padding:10px 20px 15px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease;border-top:3px solid var(--color-accent)}
.pc-nav>li:last-child .sub{right:-20px;left:auto}
.pc-nav .sub .sub-group-title{font-weight:700;color:#222;font-size:16px}
.pc-nav .sub li{line-height:30px;border-bottom:1px dashed #aaa}
.pc-nav .sub li:not(.sub-group-title){padding:0 15px}
.pc-nav .sub li:last-child{border-bottom:none}
.pc-nav .sub li a{color:#555;font-size:14px}
.pc-nav .sub li a:hover{color:var(--color-accent)}
.pc-nav>li:hover .sub{opacity:1;visibility:visible;transform:translateY(0)}
}
.menu-btn{width:32px;height:32px;background:0 0;border:none;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;position:relative;z-index:1000}
.menu-btn span{display:block;width:22px;height:2px;background:#fff;transition:all .3s ease;margin:0 0 0 auto}
.menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.menu-btn.active span:nth-child(2){opacity:0}
.menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.search-btn{width:36px;height:36px;background:0 0;border:none;font-size:18px;color:#333;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer}
@media (min-width:768px){
.search-btn{display:flex}
}
.mobile-menu{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background:rgba(0,0,0,.9);transform:translateX(-100%);transition:transform .3s ease;z-index:999;color:#fff}
.mobile-menu.show{transform:translateX(0)}
.mobile-menu ul{list-style:none;padding:0 20px}
.mobile-menu>ul>li{border-bottom:rgba(255,255,255,.2) 1px dotted}
.mobile-menu a{display:block;padding:10px 0;color:#fff;text-decoration:none;border-bottom:none;width:200px}
.mobile-menu .sub{padding-left:15px;overflow:hidden;max-height:0;transition:max-height .3s ease}
.mobile-menu .sub a{color:#ddd}
.mobile-menu .sub.show{max-height:300px}
.has-sub{position:relative;cursor:pointer}
.has-sub::after{content:"+";position:absolute;right:5px;top:8px;font-size:20px;transition:transform .3s}
.has-sub.open::after{transform:rotate(45deg)}
.search-box-wrap{max-height:0;overflow:hidden;background:#fff;transition:max-height .3s ease}
.search-box-wrap.open{max-height:120px}
.search-box{display:flex;padding:20px 0 20px 0;margin:0 auto}
.search-input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:4px 0 0 4px;outline:0}
.search-submit{padding:12px 24px;background:#690;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer}
@media (min-width:768px){
.menu-btn,.mobile-menu{display:none!important}
.search-box{max-width:300px;margin:0 0 0 auto}
.search-input{min-width:0}
.search-submit{flex-shrink:0}
}
.fa_float{position:fixed;bottom:30%;right:5px;z-index:99}
.fa_float>div{display:block;position:relative;margin-top:5px}
.fa_float>div .fa_icon{width:40px;height:40px;align-items:center;display:flex;justify-content:center;color:#fff;background:var(--color-primary);border-radius:5px;font-size:26px;cursor:pointer}
.fa_float>div .fa_icon i{display:block}
.fa_float .float-img{position:absolute;top:0;right:45px;width:120px;aspect-ratio:1/1.1;border-radius:var(--radius-sm);background:rgba(255,255,255,.95);border-top:var(--color-primary) solid 2px;opacity:0;visibility:hidden;transform:translateY(100%);transition:all .6s ease;padding:5px}
.fa_float>div:hover .float-img{opacity:1;transform:translateY(0);visibility:visible}
.fa_float .float-img span{font-size:14px;font-weight:700}
.fa_float .fa_box_img img{width:100%}
.fa_float .fa_info{position:absolute;top:0;right:45px;width:auto;min-width:200px;background:rgba(245,249,255,.95);border-top:var(--color-primary) solid 2px;opacity:0;visibility:hidden;transform:translateY(100%);transition:all .6s ease;padding:15px;width:250px}
.fa_float>div:hover .fa_info{opacity:1;transform:translateY(0);visibility:visible}
#fa_back .fa_icon{background:var(--color-accent)}
.footer{background-color:#111;background-image:url(../images/footbg.webp);background-size:cover;position:relative;overflow:hidden;padding:30px 0 0;color:var(--color-text-secondary);font-size:.9rem}
@media (min-width:992px){
.footer{padding:50px 0 0}
}
.footer-content{border-bottom:rgba(255,255,255,.1) solid 1px;padding-bottom:30px}
.footer-left{display:flex;flex-direction:column;gap:15px}
.footer-item-title{display:block;color:#22d1ee;font-size:1.1rem;font-weight:500;margin-bottom:10px}
.footer-item .fa_list_item:not(:first-child){margin-top:5px}
.footer dl div{display:flex;align-items:center;margin-bottom:8px;color:#ccc}
.footer dl dt{font-size:0;color:transparent;line-height:1}
.footer dl dt::before{display:inline-flex;vertical-align:middle;margin-right:15px;font-family:iconfont;font-size:16px;opacity:.8;width:16px;text-align:center;color:#ccc}
.footer .phone::before{content:"\e600"}
.footer .email::before{content:"\e856"}
.footer .address::before{content:"\e62c"}
.footer .whatsapp::before{content:"\e69c"}
.footer-right{display:none}
@media (min-width:768px){
.footer-content{display:flex;justify-content:space-between;gap:40px}
.footer-left{flex:1.6}
.footer-right{display:flex;flex-direction:column;width:fit-content;gap:15px;flex:1}
.qrcode-group{display:flex;gap:20px}
.qrcode-item{display:flex;flex-direction:column;align-items:center}
.qrcode-item span{display:block;font-size:.9rem;font-weight:600;margin-bottom:5px}
.qrcode-item img{width:80px;height:80px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);margin-bottom:5px}
}
@media (min-width:1024px){
.footer-left,.footer-right{flex-direction:row;gap:40px}
.footer-left{flex:1.8}
.footer-logo{flex:1.2}
.footer-nav{flex:1}
.footer-contact{flex:2}
.bottom{margin-bottom:15px}
}
@media (min-width:1200px){
.footer-left{flex:2}
.footer-right{gap:60px}
}
.footer .footer-social{padding-top:20px;padding-bottom:30px;opacity:.8}
.footer .footer-x{display:flex;gap:15px}
.copyright{font-size:13px;margin-bottom:0;padding:5px 0 0}
@media (min-width:768px){
.footer .footer-social{position:relative;display:flex;flex-direction:row}
.footer-x{position:absolute;left:var(--space-content)}
.copyright{width:100%;text-align:center}
}
.cookie-tip{position:fixed;left:0;bottom:0;width:100%;padding:16px 20px;background:rgba(0,0,0,.88);color:#fff;font-size:14px;z-index:9999;display:none;box-sizing:border-box}
.cookie-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:15px}
.cookie-text{flex:1;min-width:280px}
.cookie-link{color:#9cf;text-decoration:none;margin:0 4px}
.cookie-btn{padding:7px 20px;border:none;border-radius:3px;cursor:pointer;white-space:nowrap}
.btn-allow{background:#1677ff;color:#fff}
.btn-refuse{background:0 0;color:#eee;border:1px solid #ccc!important}
@media (min-width:768px){
.fa_bread{display:block;text-align:left;padding:20px 0;position:relative;z-index:3;font-size:14px;color:#222;background:#f8f8f8}
.fa_bread a{color:#333;padding:0 5px;display:inline-block;transition:all .5s}
}