.mobile-header{display:none}@media(max-width:1080px){.container-header{width:100%;height:60px;border-bottom:2px solid var(--primary-color);position:fixed} .container-header.headerlogo{height: 60px;} .mobile-header{display:block}.header-mobile-container{display:flex;align-items:center;padding:0 16px;justify-content:space-between}.header-mobile-left{display:flex;align-items:center}.logo-header-mobile{position:relative}.logo-header-mobile::after{content:"";position:absolute;right:0;bottom:50%;transform:translateY(50%);width:1px;height:42px;background-color:#CCC}.logo-header-mobile img{max-height:56px;object-fit:contain}.box-social-mobile{position:absolute;left:100px}.box-social-mobile>a{color:unset;text-decoration:none}.box-social-mobile>a>i{font-size:22px}.box-social-mobile>a:nth-child(1)>i{color:#395196}.box-social-mobile>a:nth-child(2)>i{color:#D40C18}.header-search-mobile-btn{position:absolute;right:58px}.header-search-mobile-btn .open-search-mobile{padding:8px 8px}.navmenu-search-input-mobile{height:24px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:0;overflow:hidden;padding:0;border:0;font-size:14px;border-bottom:1px solid #808080}.navmenu-search-input-mobile.show-searchbar{width:186px;padding-right:36px;outline:none;z-index:30}.box-search{display:flex;align-items:center}.close-search-mobile{display:none;font-size:28px;line-height:28px;cursor:pointer}#mobileMenuToggle{display:block;position:relative;-webkit-user-select:none;user-select:none}#mobileMenuToggle input{display:block;width:24px;height:24px;position:absolute;top:-2px;right:1px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#mobileMenuToggle span{z-index:1;display:block;width:27px;height:3px;margin-bottom:5px;position:relative;background:#2F2E2C;border-radius:3px;transform-origin:4px 0;transition:transform .3s cubic-bezier(0.77,0.2,0.05,1.0),background .2s cubic-bezier(0.77,0.2,0.05,1.0)}#mobileMenuToggle input:checked ~ span.first-burger-piece{opacity:1;transform:rotate(45deg) translate(2px,0px)}#mobileMenuToggle input:checked ~ span.second-burger-piece{opacity:0}#mobileMenuToggle input:checked ~ span.third-burger-piece{opacity:1;transform:rotate(-45deg) translate(0,-1px)}#mobileMenuToggle .mobileMenu{position:fixed;left:0;right:0;top:60px;background-color:#fff;height:0;overflow:hidden}.mobile-menu-contain{margin:0 24px;padding-bottom:24px}.mobile-menu-contain>ul{list-style:none;padding:0}.mobile-menu-contain>ul>li{position:relative}.mobile-menu-contain .list-intro-mobile .box-mobile-inline a,.mobile-menu-contain>.list-tools-mobile .box-mobile-inline a,.mobile-menu-contain>ul>li a{text-decoration: underline; display:inline-block;padding:12px 12px;width:100%;font-size:14px;line-height:26px;letter-spacing:.025em;color:#000;font-weight:400;border-bottom:none}.mobile-menu-contain .service-expand-items>li a,#intro-community-expand ul li:not(.box-mobile-inline) a,.mobile-menu-contain .list-intro-mobile>li a,.mobile-menu-contain .list-tools-mobile>li a,.mobile-menu-contain>ul>li>button{background:none;border:none;overflow:visible;margin:0;padding:0;padding:18px 12px;width:100%;font-weight:600;text-align:unset;font-size:14px;line-height:19px;letter-spacing:.025em;color:#000;border-bottom:1px solid #EEE}.mobile-menu-contain>ul>li>button::after{position:absolute;content:"";border:solid #d71921;border-width:0 1px 1px 0;display:inline-block;padding:3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:12px;top:0;bottom:0;height:5px;margin:auto}.button-expand{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:0;-webkit-transition:opacity .3s,-webkit-transform .6s;transition:opacity .3s,-webkit-transform .6s;transition:transform .6s,opacity .3s;transition:transform .6s,opacity .3s,-webkit-transform .6s;-webkit-transform:translateX(100%);transform:translateX(100%)}.button-expand.active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);overflow-y:scroll}.box-header-sub-menu{position:relative;height:62px;background-color:#FFF;display:flex;align-items:center;border-bottom:1px solid var(--primary-color)}.mobile-menu-contain .list-intro-mobile,.box-header-sub-menu .list-tools-mobile{margin-bottom:80px}.box-header-sub-menu>i{font-size:24px;margin-left:20px;z-index:2}.box-header-sub-menu .sub-menu-title{font-size:14px;font-weight:600;text-transform:uppercase;line-height:26px;letter-spacing:.025em;color:#000;margin:0;text-align:center;width:100%;position:absolute;z-index:1}.sub-menu-expand{position:fixed;left:0;right:0;top:0;bottom:0;overflow:scroll;background:#FFF;-webkit-transition:opacity .3s,-webkit-transform .6s;transition:opacity .3s,-webkit-transform .6s;transition:transform .6s,opacity .3s;transition:transform .6s,opacity .3s,-webkit-transform .6s;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}.sub-menu-expand.active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.contain-box-product{padding:16px 0}.contain-box-product>img{width:206px;height:120px;object-fit:contain;display:block;margin:auto}.contain-box-product .product-title{font-weight:600;font-size:16px;line-height:23px;letter-spacing:.025em;color:#000;margin:8px 0 4px 60px}.contain-box-product .product-price{font-size:14px;line-height:20px;width:260px;letter-spacing:.025em;color:#808080;margin:0 auto}.image-product-detail{max-width:254px;display:block;margin:0 auto}.product-mobile-expand{display:flex;width:260px;font-size:14px;padding:8px 0;margin:0 auto;justify-content:space-between;align-items:center;border-top:1px solid #CCC}.product-mobile-expand p{margin-bottom:0}.product-mobile-expand i{color:var(--primary-color);font-size:12px;transition:all .3s ease}.rotate{transform:rotate(180deg)}.product-mobile-expand-list{display:none;padding-left:8px;font-size:14px;border-top:1px solid var(--primary-color);width:260px;margin:0 auto}.product-mobile-expand-item{padding:8px 0}.product-mobile-expand-item a{font-size:14px;line-height:20px;color:#000}.header-mobile-containe .list-box-mobile{margin-bottom:60px}.header-mobile-container .box-mobile-inline{display:flex;align-items:center}.box-mobile-inline img{width:12px}.mobile-banner-footer img{width:100%;object-fit:contain}.service-expand-menu{position:relative;width:100%;display:flex}.service-expand-menu-btn{background:none;border:none;margin:0;padding:16px 0;width:100%;text-align:center;text-transform:uppercase;font-size:14px;font-weight:bold;line-height:26px;color:#000;border-bottom:1px solid #EEE}.service-expand-menu-btn.active{border-bottom:2px solid #101010}.service-expand-items{display:none}.service-expand-items.show{display:block}.product-expand-menu-wrapper{display:flex;align-items:center;gap:0;border-bottom:1px solid #EEE}.product-expand-scroll-btn{flex-shrink:0;width:36px;height:44px;background:#ffffff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;font-size:14px}.product-expand-scroll-btn:hover{background:#eee;color:var(--primary-color)}.product-expand-menu-scroll{flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.product-expand-menu-scroll::-webkit-scrollbar{display:none}.product-expand-menu{display:flex;flex-wrap:nowrap;width:max-content;border-bottom:none}.product-expand-menu-btn{background:none;border:none;margin:0;padding:14px 16px;flex-shrink:0;text-align:center;text-transform:uppercase;font-size:12px;font-weight:bold;line-height:20px;color:#000;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.product-expand-menu-btn.active{border-bottom-color:#101010;color:var(--primary-color)}.product-expand-menu .product-expand-menu-btn .img-icon-tab-hev-mobile{display:inline-block;vertical-align:middle;height:16px;width:auto;min-width:16px;margin-right:6px;object-fit:contain;flex-shrink:0}.product-expand-items{padding:16px 0}.product-expand-items.show{display:block}.product-mobile-card{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid #EEE;align-items:flex-start}.product-mobile-card:last-child{border-bottom:none}.product-mobile-card-image{flex-shrink:0;width:120px;}.product-mobile-card-image a{display:block}.product-mobile-card-image img{width:100%;height:auto;object-fit:contain;display:block}.product-mobile-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:0}.product-mobile-card-content .top-content-hev-wrap{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700);text-transform:uppercase;margin:0;letter-spacing:.05em;white-space:nowrap}.product-mobile-card-content .top-content-hev-wrap .top-content-hev-icon{height:14px;width:auto;display:inline-block;object-fit:contain; padding-right: 6px;}.product-mobile-card-promo{font-size:12px;color:#EB0A1E;font-weight:700;margin:0}.product-mobile-card-name{font-size:20px;font-weight:700;line-height:22px;margin:0 0 2px 0}.product-mobile-card-name a{color:#000;text-decoration:none}.product-mobile-card-name a:hover{color:var(--primary-color)}.product-mobile-card-price{font-size:13px;color:#808080;margin:0;line-height:18px}.product-mobile-card-select{width:100%;max-width:200px;margin-top:6px;padding:8px 12px;font-size:13px;border:1px solid #CCC;border-radius:4px;background:#FFF;cursor:pointer}.header-mobile-container .box-news-item:first-child{margin-top:0}.header-mobile-container .box-news-item{width:100%;margin:4px 0;position:relative}.header-mobile-container .box-news-item>img{width:100%}.header-mobile-container .news-description{position:absolute;font-weight:600;font-size:18px;text-transform:uppercase;color:#fff;bottom:20px;left:24px;z-index:1}.header-mobile-container .box-news-footer{height:60px;display:flex;align-items:center;justify-content:center;font-size:12px;border-bottom:1px solid #CCC}.header-mobile-container .btn-news{color:#101010;font-weight:600;line-height:23px;margin-right:4px;text-transform:uppercase;cursor:pointer;margin-bottom:0}}@media(max-width:375px){.service-expand-menu-btn{font-size:12px}.mobile-menu-contain .service-expand-items>li a{font-size:12px}.product-expand-menu-btn{font-size:11px;padding:12px 8px}.product-mobile-card-image{width:100px}.product-mobile-card-name{font-size:14px}} .header-30th-mb{height:56px;position:absolute;right:0;transform:translateX(calc(-100% - 56px));transition:transform .2s ease-in-out}.header-30th-mb a{height:100%;display:flex}.header-30th-mb a img{height:39px;margin:auto 0}

.button-expand.active, .sub-menu-expand.active, .sub-menu-expand.active {
    top: 60px !important;
    height: 100dvh !important;
}

#mobileMenuToggle .product-mobile-card-content .top-content-hev-wrap {
    font-size: 12px;
    background: #ffffff;
    padding-bottom: 12px;
    font-weight: 700;
}