* { font-family: Roboto, sans-serif !important; }.woocommerce-account .woocommerce-MyAccount-navigation li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: rgb(31, 32, 34); color: rgb(255, 255, 255); }.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before { content: ""; position: absolute; left: 0px; top: 10px; bottom: 10px; width: 3px; border-radius: 3px; background: rgb(248, 212, 84); }.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover { color: rgb(255, 255, 255); }.airmei-b2b-primary-button:hover, .airmei-b2b-secondary-button:hover { transform: translateY(-1px); }.airmei-b2b-order-card-meta > span + span::before { content: "•"; margin-right: 10px; color: rgb(201, 199, 185); }.airmei-b2b-mini-steps::before { content: ""; position: absolute; left: 14px; top: 18px; bottom: 18px; width: 1px; background: rgb(222, 220, 207); }.airmei-b2b-progress-list::before { content: ""; position: absolute; left: 8%; right: 8%; top: 13px; height: 2px; background: rgb(231, 230, 223); }.airmei-b2b-progress-step.is-complete::after { content: ""; position: absolute; z-index: -1; top: 13px; right: 50%; width: 100%; height: 2px; background: rgb(248, 212, 84); }.airmei-b2b-project-meta span + span::before { content: "•"; margin-right: 10px; color: rgb(201, 199, 185); }@media (max-width: 900px){.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before { inset: auto 12px 4px; width: auto; height: 2px; }}.products .products-top, .shop .products-top { border-bottom: 1px solid rgb(232, 232, 229); background: rgba(255, 255, 255, 0.96); box-shadow: rgba(24, 24, 24, 0.06) 0px 4px 16px; backdrop-filter: blur(10px); }.products .products-top > .shop-container, .shop .products-top > .shop-container { display: block; width: min(1400px, 100% - 48px); max-width: none; padding: 10px 0px; }.products-top .mega-menu-wrap, .products-top .menu-wrap { overflow-x: auto; border-radius: 12px; scrollbar-width: none; background: rgb(32, 33, 36) !important; }.products-top .mega-menu-wrap::-webkit-scrollbar, .products-top .menu-wrap::-webkit-scrollbar { display: none; }.products-top ul.mega-menu, .products-top ul.menu { align-items: center; gap: 4px; min-width: max-content; display: flex !important; flex-wrap: nowrap !important; padding: 5px !important; margin: 0px !important; list-style: none !important; }.products-top ul.mega-menu > li, .products-top ul.menu > li { flex: 0 0 auto; margin: 0px !important; }.products-top ul.mega-menu > li > a, .products-top ul.menu > li > a { align-items: center; min-height: 38px; border-radius: 9px; white-space: nowrap; transition: background-color 0.2s, color 0.2s; display: flex !important; padding: 0px 15px !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important; }.products-top ul.mega-menu > li:hover > a, .products-top ul.mega-menu > li.mega-current-menu-item > a, .products-top ul.menu > li:hover > a, .products-top ul.menu > li.current-menu-item > a { background: rgb(250, 218, 94) !important; color: rgb(23, 23, 23) !important; }.products-top .mega-indicator, .products-top .menu-item-has-children > a::after { display: none !important; }.products .shop-toolbar, .shop .shop-toolbar { display: flex; align-items: center; gap: 20px; width: min(1400px, 100% - 48px); margin: 20px auto 18px; padding: 0px; border-radius: 0px; }.products .toolbar-left, .shop .toolbar-left { flex: 1 1 auto; width: auto; max-width: 560px; }.products .toolbar-left form, .shop .toolbar-left form { width: 100%; }.products .toolbar-left input, .shop .toolbar-left input { width: 100%; min-height: 46px; padding: 0px 52px 0px 16px; border: 1px solid rgb(222, 222, 217); border-radius: 10px; background: rgb(255, 255, 255); color: rgb(34, 34, 34); box-shadow: rgba(24, 24, 24, 0.04) 0px 2px 8px; }.products .toolbar-left button, .shop .toolbar-left button { right: 1px; width: 46px; height: 44px; border-radius: 0px 10px 10px 0px; background-color: rgb(255, 255, 255); background-size: 20px auto; }.products .paixu select, .shop .paixu select { min-width: 170px; min-height: 46px; padding: 0px 36px 0px 14px; border: 1px solid rgb(222, 222, 217); border-radius: 10px; background-color: rgb(255, 255, 255); color: rgb(38, 38, 38); font-size: 13px; }.products .shop-body, .shop .shop-body { display: flex; align-items: flex-start; gap: 28px; width: min(1400px, 100% - 48px); margin: 0px auto; padding: 0px 0px 48px; }.products .shop-sidebar, .shop .shop-sidebar { position: sticky; top: 132px; flex: 0 0 258px; width: 258px; padding: 18px; border: 1px solid rgb(231, 231, 226); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(24, 24, 24, 0.05) 0px 5px 18px; }.products .shop-main, .shop .shop-main { flex: 1 1 auto; width: auto; min-width: 0px; }.products .shop-main ul.products, .shop .shop-main ul.products, .products .shop-grid ul.products, .shop .shop-grid ul.products { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 26px 22px; display: grid !important; margin: 0px !important; padding: 0px !important; }.products .shop-main ul.products li.product, .shop .shop-main ul.products li.product { min-width: 0px; padding: 0px 0px 14px; border-radius: 12px; background: rgb(255, 255, 255); overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; margin: 0px !important; }.products .shop-main ul.products li.product:hover, .shop .shop-main ul.products li.product:hover { transform: translateY(-3px); box-shadow: rgba(24, 24, 24, 0.09) 0px 9px 24px; }.products .shop-main .product-img, .shop .shop-main .product-img { aspect-ratio: 1 / 1; overflow: hidden; background: rgb(245, 245, 241); }.products .shop-main .product-img img, .shop .shop-main .product-img img { display: block; width: 100%; height: 100%; object-fit: cover; }.products .shop-main ul.products li.product h2, .shop .shop-main ul.products li.product h2, .products .shop-main ul.products li.product .price, .shop .shop-main ul.products li.product .price, .products .shop-main ul.products li.product .moq, .shop .shop-main ul.products li.product .moq { margin-right: 12px; margin-left: 12px; }.products .shop-sidebar .wpfFilterButtonsTop button:last-child, .shop .shop-sidebar .wpfFilterButtonsTop button:last-child { min-height: 44px; margin-bottom: 16px; border-radius: 9px; font-size: 14px; font-weight: 700; }.products .shop-sidebar .wpfFilterWrapper, .shop .shop-sidebar .wpfFilterWrapper { padding: 16px 0px; border-bottom: 1px solid rgb(236, 236, 231); }.products .shop-sidebar .wpfFilterWrapper:last-child, .shop .shop-sidebar .wpfFilterWrapper:last-child { border-bottom: 0px; }.products .shop-sidebar .wpfFilterWrapper .wfpTitle, .shop .shop-sidebar .wpfFilterWrapper .wfpTitle { margin-bottom: 12px; color: rgb(34, 34, 34); font-size: 14px; font-weight: 700; }.products .shop-sidebar .wpfFilterVerScroll, .shop .shop-sidebar .wpfFilterVerScroll { max-height: none !important; overflow: visible !important; }.products .shop-sidebar .wpfFilterVerScroll li, .shop .shop-sidebar .wpfFilterVerScroll li { margin-bottom: 9px; }.products .shop-sidebar input[type="checkbox"], .products .shop-sidebar input[type="radio"], .shop .shop-sidebar input[type="checkbox"], .shop .shop-sidebar input[type="radio"] { accent-color: rgb(213, 173, 22); }@media (max-width: 1100px){.products .shop-main ul.products, .shop .shop-main ul.products, .products .shop-grid ul.products, .shop .shop-grid ul.products { grid-template-columns: repeat(3, minmax(0px, 1fr)); }}@media (max-width: 768px){.products .products-top > .shop-container, .shop .products-top > .shop-container, .products .shop-toolbar, .shop .shop-toolbar, .products .shop-body, .shop .shop-body { width: calc(100% - 28px); }.products .products-top > .shop-container, .shop .products-top > .shop-container { padding: 8px 0px; }.products .shop-toolbar, .shop .shop-toolbar { align-items: stretch; flex-direction: column; gap: 10px; margin-top: 14px; margin-bottom: 14px; }.products .toolbar-left, .shop .toolbar-left, .products .toolbar-right, .shop .toolbar-right, .products .paixu select, .shop .paixu select { width: 100%; max-width: none; }.products .shop-body, .shop .shop-body { flex-direction: column; gap: 16px; padding-bottom: 32px; }.products .shop-sidebar, .shop .shop-sidebar { position: static; flex: 0 0 auto; width: 100%; padding: 14px; }.products .shop-main, .shop .shop-main { width: 100%; }.products .shop-main ul.products, .shop .shop-main ul.products, .products .shop-grid ul.products, .shop .shop-grid ul.products { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px 12px; }.products .shop-main ul.products li.product h2, .shop .shop-main ul.products li.product h2 { margin-top: 9px; font-size: 12px; line-height: 1.35; }}.products > .shop-container, .shop > .shop-container { width: min(1400px, 100% - 48px) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }.products .shop-toolbar, .shop .shop-toolbar, .products .shop-body, .shop .shop-body { width: 100% !important; }.products-top ul.mega-menu, .products-top ul[id^="mega-menu"], .products-top ul.menu { display: flex !important; align-items: stretch !important; width: 100% !important; }.products-top ul.mega-menu > li, .products-top ul[id^="mega-menu"] > li, .products-top ul.menu > li { flex: 1 1 0px !important; min-width: 0px !important; }.products-top ul.mega-menu > li > a, .products-top ul[id^="mega-menu"] > li > a, .products-top ul.menu > li > a { justify-content: center !important; text-align: center !important; padding-left: 10px !important; padding-right: 10px !important; }@media (max-width: 768px){.products > .shop-container, .shop > .shop-container { width: calc(100% - 28px) !important; }.products-top ul.mega-menu, .products-top ul[id^="mega-menu"], .products-top ul.menu { width: max-content !important; }.products-top ul.mega-menu > li, .products-top ul[id^="mega-menu"] > li, .products-top ul.menu > li { flex: 0 0 auto !important; }.products-top ul.mega-menu > li > a, .products-top ul[id^="mega-menu"] > li > a, .products-top ul.menu > li > a { justify-content: flex-start !important; text-align: left !important; }}#ht-ctc-chat { display: none !important; }.airmei-whatsapp-float { position: fixed; top: 50%; right: 18px; z-index: 1800; display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border: 3px solid rgb(255, 255, 255); transform: translateY(-50%); border-radius: 50%; background: rgb(37, 211, 102); color: rgb(255, 255, 255); box-shadow: rgba(37, 211, 102, 0.2) 0px 0px 0px 5px, rgba(0, 0, 0, 0.28) 0px 10px 26px; text-decoration: none; cursor: grab; touch-action: none; user-select: none; transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; animation: 2.8s ease-in-out 0s infinite normal none running airmei-whatsapp-pulse; }.xoo-wsc-basket { user-select: none; cursor: grab !important; touch-action: none !important; }.airmei-whatsapp-float:hover, .airmei-whatsapp-float:focus-visible { transform: translateY(-50%) scale(1.08); background: rgb(18, 140, 126); color: rgb(255, 255, 255); outline: 0px; box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 24px; }.airmei-whatsapp-float svg { display: block; width: 32px; height: 32px; }@keyframes airmei-whatsapp-pulse { 
  0%, 100% { box-shadow: rgba(37, 211, 102, 0.2) 0px 0px 0px 5px, rgba(0, 0, 0, 0.28) 0px 10px 26px; }
  50% { box-shadow: rgba(37, 211, 102, 0.06) 0px 0px 0px 10px, rgba(0, 0, 0, 0.32) 0px 12px 30px; }
}@media (max-width: 767px){.airmei-whatsapp-float { right: 12px; width: 52px; height: 52px; }.airmei-whatsapp-float svg { width: 28px; height: 28px; }}.material-hotspot:hover, .material-hotspot.is-active { background: rgb(26, 26, 26); color: rgb(250, 218, 94); box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 20px; transform: translateY(-2px); }@media (min-width: 769px){body.page-id-64 .material-product-tab:hover, body.page-id-64 .material-part-tab:hover, body.page-id-64 .material-product-tab.is-active, body.page-id-64 .material-part-tab.is-active { border-color: rgb(26, 26, 26); background: rgb(26, 26, 26); color: rgb(250, 218, 94); transform: translateY(-1px); }}@media (max-width: 768px){body.page-id-64 .material-mobile-tabs::-webkit-scrollbar { display: none; }body.page-id-64 .material-part-tabs::-webkit-scrollbar { display: none; }body.page-id-64 .roadmap-center::before { content: ""; position: absolute; top: 38px; bottom: 38px; left: 39px; width: 1px; background: rgba(250, 218, 94, 0.45); }body.page-id-64 .cases-grid::-webkit-scrollbar { display: none; }}.page-id-64 .case-card:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 26px; }.page-id-64 .case-btn:hover { background: rgb(224, 184, 48); color: var(--airmei-ink); }.fa-brands, .fab { font-family: "Font Awesome 6 Brands" !important; font-weight: 400; }.header-container { max-width: 1400px; margin: 0px auto; padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; min-height: 87px; width: 100%; }.logo img { width: 60px; height: 60px; object-fit: contain; }.nav-menu { display: flex; gap: 36px; list-style: none; margin: 0px; padding: 0px; }.nav-menu a { white-space: nowrap; }@media (max-width: 1440px){.nav-menu { gap: 22px; }}@media (max-width: 1560px){.nav-menu { gap: 16px; }.nav-menu a { font-size: 12.5px; }}@media (max-width: 1440px){.header-container .header-slogan { display: none !important; }}@media (max-width: 1240px){.nav-menu { gap: 14px; }.nav-menu a { font-size: 12px; }.airmei-lang-switch { margin-left: 10px; }}@media (max-width: 1320px){.nav-menu { gap: 12px; }.nav-menu a { font-size: 11.5px; }.airmei-lang-menu .airmei-lang-current > span:not(.airmei-lang-globe):not(.airmei-lang-caret) { display: none !important; }}@media (min-width: 768px){.airmei-mobile-tabbar { display: none !important; }}.nav-menu a { text-decoration: none; font-size: 13px; color: rgb(51, 51, 51); font-weight: 500; transition: 0.3s; }.nav-menu a:hover { color: rgb(250, 218, 94); }.nav-menu a { position: relative; }.nav-menu a::after { content: ""; position: absolute; left: 0px; bottom: -6px; width: 0px; height: 2px; background: rgb(250, 218, 94); transition: 0.3s; }.nav-menu a:hover::after { width: 100%; }.site-header { position: sticky; top: 0px; z-index: 999; background: rgb(255, 255, 255); padding: 0px; }.nav-menu { list-style: none; }.brand-header-group { min-width: 0px; display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: nowrap !important; }.brand-header-group .custom-logo-link { display: flex !important; align-items: center !important; flex: 0 0 auto !important; line-height: 0 !important; }.brand-header-group img, .brand-header-group .custom-logo { display: block !important; width: auto !important; height: auto !important; max-height: 54px !important; object-fit: contain !important; }.header-slogan { display: inline-block !important; flex: 0 1 auto !important; max-width: 260px !important; padding-left: 10px !important; border-left: 1px solid rgb(224, 224, 224) !important; color: rgb(51, 51, 51) !important; font-family: Roboto, Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.2 !important; letter-spacing: 0px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }.hero-btn:hover { background: rgb(217, 177, 63); }.heroSwiper .swiper-slide:first-child h1 { color: rgb(26, 26, 26); }.heroSwiper .swiper-slide:first-child p { color: rgb(26, 26, 26); }.card:hover { transform: translateY(-10px); box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 40px; }.card-btn:hover { background: rgb(250, 218, 94); color: rgb(26, 26, 26); }.split-cards .card:first-child { background: rgb(248, 249, 250); }.split-cards .card:nth-child(2) { background: rgb(248, 249, 250); }.split-cards .card:nth-child(2) a, .split-cards .card:first-child a, .split-cards .card:nth-child(4) a { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }.split-cards .card:nth-child(3) { background: rgb(248, 249, 250); color: rgb(255, 255, 255); }.split-cards .card:nth-child(3) a { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }.split-cards .card a:hover { background: rgb(250, 218, 94); }.cert-icons img:hover { opacity: 1; filter: grayscale(0); }.floorplan-labels .label:nth-child(1) { top: 20%; left: 10%; }.floorplan-labels .label:nth-child(2) { top: 50%; left: 60%; }.floorplan-labels .label:nth-child(3) { bottom: 20%; right: 15%; }.postcard-slide:hover .postcard-overlay { opacity: 1; }.postcard-prev:hover, .postcard-next:hover { background: rgb(26, 26, 26); }.roadmap-step:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin-bottom: 0px; padding-bottom: 0px; }.case-card:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 30px; }.case-btn:hover { color: rgb(250, 218, 94); }.slider-prev:hover, .slider-next:hover { background: rgb(250, 218, 94); color: rgb(26, 26, 26); }.knowledge-hero::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: none; background-size: cover; background-position: center center; opacity: 0.15; z-index: 0; }.knowledge-hero::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: none; background-size: cover; background-position: center center; opacity: 0.08; z-index: 0; }.btn-retail:hover { background: rgb(250, 218, 94); color: rgb(26, 26, 26); }.btn-b2b:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.download-card:hover { transform: translateY(-5px); }.download-center .card-btn:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.dieline-item:hover { transform: translateY(-5px); }.dieline-item:hover .dieline-icon { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px; }.library-footer a:hover { text-decoration: underline; }.form-group input:focus, .form-group textarea:focus { outline: none; border-color: rgb(22, 51, 93); }.submit-btn:hover { opacity: 0.8; background: rgb(0, 0, 0); color: rgb(250, 218, 94); }.contact-item a:hover { color: rgb(22, 51, 93); }.social-link:hover { background: rgb(22, 51, 93); }.shop-container { display: flex; }.shop-sidebar { width: 276px; }.shop-main { }.shop-toolbar { display: flex; justify-content: space-between; margin-bottom: 20px; padding: 20px 20px 0px 0px; border-radius: 12px; }.products li.product { padding: 20px 10px; transition: 0.3s; margin-bottom: 20px; }.fa { font-family: var(--fa-style-family,"Font Awesome 6 Free") !important; font-weight: var(--fa-style,900); }.products li.product .btn-group { }.products li.product:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px; }.shop-container { max-width: 1400px; margin: 0px auto; display: grid; align-items: center; }.shop { padding: 50px 0px; background: rgb(218, 221, 226); }.toolbar-left form { display: flex; align-items: center; position: relative; }.toolbar-left button, .toolbar-left button:hover { order: 1; color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: url("assets/icons/searchb.png") center center / 24px auto no-repeat; }.toolbar-left input { order: 2; font-size: 13px; border: 1px solid rgba(204, 204, 204, 0.8); }.toolbar-left { width: 276px; }.toolbar-left button { position: absolute; right: 0px; }.shop-main { width: 77%; }.shop-main ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; list-style: none; padding: 0px; }.shop-body { display: flex; justify-content: space-between; }.products li.product { background: rgb(255, 255, 255); }.products li.product h2 { font-size: 13px; color: rgb(0, 0, 0); margin: 8px 0px; font-weight: bold; }.products li.product h2 a { color: rgb(51, 51, 51); }.moq { font-size: 14px; }.btn-group { display: flex; justify-content: space-between; }.btn-group a { width: 48%; border: 1px solid rgb(51, 51, 51); border-radius: 5px; color: rgb(51, 51, 51); text-align: center; padding: 10px 5px; margin-top: 20px; font-size: 14px; }.btn-group a:last-child { background: rgb(9, 85, 153); color: rgb(255, 255, 255); }.price { margin-bottom: 10px; font-weight: bold; }.pagination { margin-top: 30px; text-align: center; }.pagination a, .pagination span { display: inline-block; margin: 0px 5px; padding: 6px 12px; border: 1px solid rgb(221, 221, 221); }.pagination .current { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }.pagination { justify-content: center; }.wpfFilterButtonsTop button:first-child { display: none; }.wpfFilterButtonsTop button:last-child { float: right; width: 100%; color: rgb(0, 0, 0); background-color: rgb(250, 218, 94); border-color: rgb(250, 218, 94); margin-bottom: 12px; font-size: 16px; }.wpfFilterButtonsBottom button:last-child { display: none; }.wpfFilterButtonsBottom button:first-child { background: rgb(250, 218, 94); color: rgb(0, 0, 0); width: 100%; border-radius: 5px; margin: 0px; }.wpfTitleToggle { display: none; }.wpfDisplay { display: flex; justify-content: space-between; width: calc(100% - 16px); }.wpfFilterVerScroll li label { display: flex !important; justify-content: space-between; }.wpfFilterVerScroll li { margin-bottom: 10px; }.wpfFilterVerScroll { margin: 0px; }.wpfFilterContent { width: 100%; box-sizing: border-box; padding-bottom: 15px; border-bottom: 1px solid rgba(153, 153, 153, 0.6); }.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 10px; width: 100%; margin: 0px 0px 20px; }.woocommerce .products ul::before, .woocommerce ul.products::before { display: none; }.product-img img { width: 100%; }.woocommerce ul.products li.product .button { display: none; height: 43px; margin: 20px 0px 0px; padding: 0px; line-height: 43px; }.woocommerce ul.products li.product .button:hover { background: rgb(250, 218, 94); opacity: 0.8; color: rgb(255, 255, 255); }.btn-group { display: flex; justify-content: space-between; align-items: center; }.btn-group-car { position: absolute; bottom: 0px; width: 100%; }.btn-group-car a { border-radius: 0px; background: rgb(250, 218, 94); width: 100%; display: none; }.products li.product:hover .btn-group-car a { display: block; }.btn-group a:last-child { background: rgb(250, 218, 94); color: rgb(0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }.product-img { position: relative; }.card:hover { transform: translateY(-5px) scale(1.03); background: rgba(255, 255, 255, 0.1); }.slide li:hover img { transform: scale(1.08); }.footer-widget h4::after { content: ""; display: block; width: 40px; height: 2px; background: rgb(138, 154, 165); margin-top: 8px; border-radius: 2px; }.social-icons a:hover { color: rgb(255, 255, 255); transform: translateY(-3px); }.quick-links-menu li a::before { content: "›"; font-size: 1.1rem; opacity: 0.7; transition: transform 0.2s; }.quick-links-menu li a:hover { color: white; padding-left: 4px; }.quick-links-menu li a:hover::before { transform: translateX(3px); opacity: 1; }.payment-methods i:hover { color: white; }.design-by a:hover { text-decoration: underline; color: rgb(31, 94, 122); }.custom-logo-link, .custom-logo-link img { height: 5rem; object-fit: contain; object-position: left center; }.rswl-footer-custom .menu-primary-container ul { flex-wrap: wrap; gap: 0px; }.rswl-footer-custom .menu-primary-container ul li { width: 100%; }header.site-header { width: 100%; max-width: 100% !important; }table tbody tr:hover > td, table tbody tr:hover > th, table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th { background: transparent !important; }.flow-categories-swiper .swiper-slide::after { content: ""; width: 30px; height: 30px; border: 5px solid rgb(238, 238, 238); border-radius: 100%; display: block; position: absolute; left: 50%; bottom: -19%; transform: translate(-50%, 0px); background: rgb(255, 255, 255); }.flow-categories-swiper .swiper-slide.active::after { border: 5px solid rgb(250, 218, 94); }.flow-categories-swiper.active .swiper-slide.active::after { background: rgb(250, 218, 94); }.flow-categories-swiper .swiper-slide::before { content: ""; width: 1px; height: 20px; border: 2px solid rgb(238, 238, 238); display: block; position: absolute; left: 50%; bottom: -30px; transform: translate(-50%, 0px); background: rgb(255, 255, 255); }.flow-categories-swiper .swiper-slide.active::before { border: 2px solid rgb(250, 218, 94); }.flow-cat-item.active::before { height: 60px; bottom: -70px; }.flow-step-item:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px; }.share-btn.facebook:hover { background: rgb(19, 85, 176); transform: translateY(-2px); }.share-btn.twitter:hover { background: rgb(29, 29, 29); transform: translateY(-2px); }.share-btn.pinterest:hover { background: rgb(188, 0, 28); transform: translateY(-2px); }.share-btn.linkedin:hover { background: rgb(0, 94, 140); transform: translateY(-2px); }.share-btn.copy-link:hover { background: rgb(45, 55, 72); transform: translateY(-2px); }@keyframes fadeOut { 
  0% { opacity: 1; }
  70% { opacity: 1; }
  100% { opacity: 0; display: none; }
}.contact-consultation .social-icons a:hover img { filter: invert(1); }.nav-previous a:hover, .nav-next a:hover { text-decoration: underline; }.latest-news-title:hover { color: rgb(250, 218, 94); }.btn-group a.btn-custom { width: 100%; }.login a img { width: 20px; }.login a { margin: 0px 10px; }.login { display: flex; align-items: center; }.woocommerce { display: flex; justify-content: space-between; flex-wrap: wrap; }.shop { width: 100%; }.rswl-footer-custom { width: 100%; }.heroSwiper .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after, .efficiency .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after, .my-gallery-slider .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { color: rgb(217, 177, 63); }.heroSwiper .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after, .efficiency .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after, .my-gallery-slider .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { color: rgb(217, 177, 63); }.woocommerce a.remove:hover { background: rgb(0, 0, 0); }.product-categories a:hover { color: rgb(250, 218, 94); }.product-title { font-size: 26px; color: rgb(0, 0, 0); font-weight: lighter; margin-top: 12px; }.woocommerce .star-rating span::before { color: rgb(255, 0, 0); }.product-rating-wrapper:hover .rating-hover-detail { opacity: 1; visibility: visible; }.products { width: 100%; }.products-top { border-bottom: 1px solid rgb(204, 204, 204); top: 111px; z-index: 999; background: rgb(255, 255, 255); padding: 0px; width: 100%; position: sticky; }.paixu select { font-size: 13px; }.wpfFilterWrapper .wfpTitle { font-size: 14px; }.m_header { display: none; }.mega-menu-description { display: none !important; }.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt { background-color: rgb(0, 0, 0); color: rgb(250, 218, 94); -webkit-font-smoothing: antialiased; }input[type="number"]::-webkit-inner-spin-button { width: 50px; height: 50px; opacity: 1; }@media (max-width: 992px){header { display: none; }.m_header { display: block; }.m_header { display: block; position: fixed; top: 0px; left: 0px; width: 100%; background: rgb(255, 255, 255); z-index: 100002; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px; }.m_header { height: 60px; }.logo_box { width: 100%; height: 60px; text-align: left; padding: 5px 16px; line-height: 0; font-size: 0px; zoom: 1; background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; box-sizing: border-box; }.logo_box img { max-height: 34px; height: auto; text-align: left; margin: 0px; width: auto; }.logo_box .brand-header-group { max-width: calc(100% - 56px); margin: 0px auto; justify-content: center; gap: 8px !important; }.logo_box .custom-logo-link { display: flex !important; align-items: center !important; flex: 0 0 auto !important; }.logo_box .header-slogan { max-width: min(210px, -140px + 100vw) !important; padding-left: 8px !important; font-size: 12px !important; line-height: 1.2 !important; white-space: nowrap !important; }.nav_toggle { color: rgb(255, 255, 255); transform: scale(0.7); transform-origin: 50% 50%; position: absolute; top: 50%; left: 10px; margin-top: -13px; z-index: 999; }.nav_toggle { cursor: pointer; padding: 10px 35px 16px 0px; }.nav_toggle span, .nav_toggle span::before, .nav_toggle span::after { cursor: pointer; height: 3px; width: 40px; background: rgb(0, 0, 0); position: absolute; display: block; content: ""; }.nav_toggle span::before { top: -10px; }.nav_toggle span::after { bottom: -10px; }.nav_toggle span, .nav_toggle span::before, .nav_toggle span::after { transition: 500ms ease-in-out; }.nav_toggle.active span::before, .nav_toggle.active span::after { top: 0px; }.nav_toggle.active span::before { transform: rotate(45deg); }.nav_toggle.active span::after { transform: translateY(-10px) rotate(-45deg); top: 10px; }.m_header .m_nav { display: none; position: fixed; top: 60px; left: 0px; bottom: 0px; width: 100%; background: rgb(255, 255, 255); z-index: 2; overflow: auto; border-top: 1px solid rgb(240, 240, 240); margin-top: -1px; }.m_header .m_nav_list a { display: block; width: 100%; padding: 0px 15px; line-height: 35px; text-align: left; font-size: 14px; color: rgb(0, 0, 0); }.m_header .m_nav_list > li { position: relative; border-bottom: 1px solid rgb(240, 240, 240); transition: transform 0.5s; transform: matrix(1, -1, 0, 1, 200, 100); }.m_header .m_nav_list > li > a { opacity: 0; }header.site-header { display: none; }.m_nav_list { padding: 0px; list-style: none; }}.production-card:hover { transform: translateY(-5px); }.production-card:hover .card-image { transform: scale(1.05); }.production-card:hover .image-overlay { opacity: 1; }.lightbox-close { position: absolute; top: 20px; right: 30px; color: rgb(255, 255, 255); font-size: 40px; cursor: pointer; transition: color 0.2s; }.lightbox-close:hover { color: rgb(204, 204, 204); }.demo-notice a:hover { text-decoration: underline; }.category-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 40px; }.btn-retail:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.btn-bulk:hover { background: rgb(250, 218, 94); color: rgb(26, 26, 26); }.featured-card:hover { transform: translateY(-5px); }.regular-card:hover { transform: translateY(-3px); }.regular-card:hover h4 { color: rgb(250, 218, 94); transition: 0.3s; }.btn-retail:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.btn-bulk:hover { background: rgb(250, 218, 94); color: rgb(26, 26, 26); }.logo-img:hover { filter: grayscale(0%); opacity: 1; }.certificate-card:hover { transform: translateY(-5px); }#cert-lightbox { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.3s; }.lightbox-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); }.lightbox-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; flex-wrap: wrap; }.lightbox-content img { max-width: 100%; max-height: 85vh; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 30px; }.lightbox-close { position: absolute; top: -40px; right: 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); font-size: 32px; cursor: pointer; padding: 5px 10px; }.lightbox-close:hover { color: rgb(250, 218, 94); }.home-news-card:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 15px 30px; }.home-news-card:hover .home-news-image img { transform: scale(1.05); }.home-news-card:hover .read-more { color: rgb(250, 218, 94); }.view-all-btn:hover { background: rgb(250, 218, 94); color: rgb(26, 26, 26); }.cat-tab.active, .cat-tab:hover { background: rgb(26, 26, 26); border-color: rgb(26, 26, 26); color: rgb(255, 255, 255); }.news-header-right .view-all-link:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.news-card:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 15px 30px; }.news-card:hover .news-image { transform: scale(1.05); }.news-card:hover .news-readmore { color: rgb(250, 218, 94); transform: translateX(4px); }.postcard-wrapper:hover .postcard-overlay { opacity: 1; }.view-all-reviews:hover { background: rgb(250, 218, 94); color: rgb(26, 26, 26); }.footer-nav a:hover { color: rgb(250, 218, 94); }.footer-contact a:hover { color: rgb(250, 218, 94); }.footer-social-icon:hover { transform: scale(1.05); }.play-btn:hover { background: rgb(51, 51, 51); transform: scale(1.02); }.play-btn span:last-child { font-size: 15px; font-weight: 500; color: rgb(255, 255, 255); }.btn-story:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.social-card li::before { content: "—"; position: absolute; left: 0px; color: rgb(250, 218, 94); font-weight: 400; }.fsc-link:hover { color: rgb(250, 218, 94); }.btn-primary:hover { background: rgb(224, 184, 48); }.btn-outline-white:hover { background: rgb(255, 255, 255); color: rgb(26, 26, 26); }.filter-btn.active, .filter-btn:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.tutorial-card:hover { transform: translateY(-5px); box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 30px; }.tutorial-card:hover .play-overlay { opacity: 1; }.btn-readmore:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.btn-shop:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.article-card:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 25px; }.article-btn:hover { background: rgb(37, 46, 61); color: rgb(255, 255, 255); }.btn-quote:hover { background: rgb(224, 184, 48); }.btn-catalog:hover { background: rgb(37, 46, 61); color: rgb(255, 255, 255); }.step-trigger:hover { background: rgb(238, 242, 255); transform: translateX(5px); }.inspection-list li::before { content: "✓"; color: rgb(39, 174, 96); margin-right: 8px; font-weight: bold; }.btn-report:hover { background: rgb(192, 57, 43); color: white; }.btn-certificate:hover { background: rgb(212, 160, 10); border-color: rgb(212, 160, 10); }.lightbox-content { position: relative; width: 85%; max-width: 1000px; height: 85%; background: rgb(255, 255, 255); border-radius: 12px; overflow: hidden; }.lightbox-close { position: absolute; top: 10px; right: 20px; font-size: 35px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; z-index: 10; transition: 0.2s; }.lightbox-close:hover { background: rgba(0, 0, 0, 0.8); }.lightbox-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.92); cursor: pointer; }.lightbox-prev:hover, .lightbox-next:hover { background: rgba(255, 255, 255, 0.3); }.lightbox-close { position: absolute; top: 15px; right: 20px; width: 45px; height: 45px; background: rgba(255, 255, 255, 0.15); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: white; font-size: 28px; cursor: pointer; z-index: 10; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.3s; }.lightbox-close:hover { background: rgba(255, 255, 255, 0.3); transform: rotate(90deg); }.lightbox-content { width: 100%; height: calc(100% - 60px); display: flex; align-items: center; justify-content: center; overflow: hidden; flex-wrap: wrap; }.spinner { width: 50px; height: 50px; border-width: 4px; border-style: solid; border-color: rgb(192, 57, 43) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2); border-image: none; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running spin; }@keyframes spin { 
  100% { transform: rotate(360deg); }
}@media (max-width: 768px){.lightbox-close { width: 35px; height: 35px; font-size: 22px; top: 8px; right: 12px; }}@media (max-width: 768px){.featured-grid::after, .regular-grid::after { content: ""; min-width: 20px; }}@media (max-width: 768px){.shop-body { flex-wrap: wrap; padding: 20px 15px; }.shop-sidebar { width: 100%; }.shop-main ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; list-style: none; padding: 0px; }.shop-main { width: 100%; }.products-top { top: 60px; }.shop-toolbar { padding: 80px 15px 0px; }}@media (max-width: 768px){.lightbox-content { width: 80%; height: 80%; display: flex; align-items: center; justify-content: center; overflow: hidden; }}@media (max-width: 767px){body { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }.m_header { backdrop-filter: blur(12px); height: 60px !important; bottom: auto !important; background: rgba(255, 255, 255, 0.96) !important; z-index: 9998 !important; }.m_header .nav_toggle { display: none !important; }.m_header .m_nav { display: block !important; position: fixed !important; inset: auto 0px 0px !important; width: 100% !important; height: calc(72px + env(safe-area-inset-bottom)) !important; padding: 7px 8px calc(7px + env(safe-area-inset-bottom)) !important; background: rgba(255, 255, 255, 0.98) !important; border-top: 1px solid rgba(0, 0, 0, 0.08) !important; box-shadow: rgba(0, 0, 0, 0.08) 0px -8px 24px !important; transform: none !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; z-index: 10010 !important; }.m_header .m_nav_list { display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 0px !important; width: 100% !important; height: 58px !important; margin: 0px !important; padding: 0px !important; list-style: none !important; background: transparent !important; }.m_header .m_nav_list > li { display: none !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: transparent !important; }.m_header .m_nav_list > li:nth-child(1), .m_header .m_nav_list > li:nth-child(3), .m_header .m_nav_list > li:nth-child(4), .m_header .m_nav_list > li:nth-child(5), .m_header .m_nav_list > li:nth-child(6) { display: block !important; }.m_header .m_nav_list > li > a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 3px !important; height: 58px !important; padding: 0px 2px !important; color: rgb(102, 102, 102) !important; font-size: 11px !important; line-height: 1.12 !important; font-weight: 500 !important; text-align: center !important; text-decoration: none !important; white-space: normal !important; word-break: normal !important; overflow: hidden !important; }.m_header .m_nav_list > li > a::before { display: block !important; color: rgb(17, 17, 17) !important; font-size: 23px !important; line-height: 1 !important; font-weight: 400 !important; }.m_header .m_nav_list > li:nth-child(1) > a::before { content: "⌂"; font-size: 27px !important; }.m_header .m_nav_list > li:nth-child(3) > a::before { content: "▦"; }.m_header .m_nav_list > li:nth-child(4) > a::before { content: "✦"; }.m_header .m_nav_list > li:nth-child(5) > a::before { content: "▣"; }.m_header .m_nav_list > li:nth-child(6) > a::before { content: "☰"; }.m_header .m_nav_list > li:nth-child(3) > a, .m_header .m_nav_list > li:nth-child(4) > a { font-size: 10px !important; }.m_header .m_nav_list > li.current-menu-item > a, .m_header .m_nav_list > li.current_page_item > a, .m_header .m_nav_list > li > a:active { color: rgb(0, 0, 0) !important; font-weight: 700 !important; }.xoo-wsc-basket, .xoo-wsc-cart-trigger, .xoo-wsc-sc-cont, .joinchat, .joinchat__button { bottom: calc(90px + env(safe-area-inset-bottom)) !important; }}.global-reach-section .partner-item::before, .global-reach-section .partner-item::after { content: none !important; display: none !important; }.global-reach-section .partner-item:hover, .global-reach-section .partner-item.active { border-color: var(--global-accent); transform: translateY(-2px); }.global-reach-section .partner-item:hover img, .global-reach-section .partner-item.active img { filter: saturate(1) contrast(1.05); transform: scale(1.035); }.global-reach-section .view-all:hover, .global-reach-section .view-all:focus-visible { border-color: var(--global-accent); background: rgba(250, 218, 94, 0.05); box-shadow: rgba(250, 218, 94, 0.15) 0px 0px 12px; color: var(--global-accent) !important; }.global-reach-section .point::before { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.92) 0px 0px 5px; }.global-reach-section .point::after { content: attr(data-country-label); position: absolute; left: 15px; top: -5px; padding: 2px 4px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 2px; background: rgba(0, 0, 0, 0.78); color: rgb(255, 255, 255); font: 500 10px / 1.15 Roboto, Arial, sans-serif; white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 8px; }.global-reach-section .point.active::before { background: var(--global-accent); }.global-reach-section .global-partner-form form input::placeholder, .global-reach-section .global-partner-form form textarea::placeholder { color: rgba(248, 249, 250, 0.52); }.global-reach-section .global-partner-form form input:focus, .global-reach-section .global-partner-form form textarea:focus { border-color: var(--global-accent); box-shadow: rgba(250, 218, 94, 0.13) 0px 0px 0px 3px; }.global-reach-section .global-partner-form form button:hover { background: rgb(248, 249, 250); border-color: rgb(248, 249, 250); transform: translateY(-1px); }.global-reach-section .global-partner-form form button, .global-reach-section .global-partner-form form button:hover, .global-reach-section .global-partner-form form button:focus-visible { background: var(--global-accent) !important; border-color: var(--global-accent) !important; color: rgb(23, 23, 23) !important; }.global-reach-section .global-partner-form > p:last-child { padding: 0px 14px 12px; border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(248, 249, 250, 0.12) rgba(248, 249, 250, 0.12); border-image: none; border-radius: 0px 0px 6px 6px; background: rgba(17, 19, 21, 0.46); font-size: 13px; font-weight: 600; margin: 0px !important; color: var(--global-accent) !important; }@media (max-width: 1180px){.global-reach-section .global-partner-form h2, .global-reach-section .global-partner-form__intro, .global-reach-section .global-partner-form .success-msg, .global-reach-section .global-partner-form .social, .global-reach-section .global-partner-form > p:last-child { grid-column: 1; }}.global-reach-section .team-grid::-webkit-scrollbar { display: none; }.global-reach-section .partner-item:hover, .global-reach-section .partner-item:focus-visible { border-color: rgba(250, 218, 94, 0.8); box-shadow: rgba(250, 218, 94, 0.2) 0px 0px 0px 1px, rgba(250, 218, 94, 0.18) 0px 0px 14px; outline: 0px; }.global-reach-section .team-carousel-control:hover, .global-reach-section .team-carousel-control:focus, .global-reach-section .team-carousel-control:focus-visible { box-shadow: rgba(250, 218, 94, 0.16) 0px 0px 0px 2px; border-color: var(--global-accent) !important; background: rgba(250, 218, 94, 0.1) !important; color: var(--global-accent) !important; }.global-reach-section .team-carousel-control:active { box-shadow: none; border-color: var(--global-accent) !important; background: var(--global-accent) !important; color: rgb(17, 19, 21) !important; }.global-reach-section .team-carousel-control:disabled { box-shadow: none; cursor: default; opacity: 1; border-color: rgba(248, 249, 250, 0.1) !important; background: rgba(248, 249, 250, 0.024) !important; color: rgba(248, 249, 250, 0.3) !important; }.team-contact-panel__actions a:hover, .team-contact-panel__actions a:focus-visible { border-color: var(--global-accent); background: rgba(250, 218, 94, 0.1); color: var(--global-accent); }@media screen and (max-width: 768px){.heroSwiper .swiper-button-prev::after, .heroSwiper .swiper-button-next::after { color: rgb(51, 51, 51) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; }}@media (min-width: 769px){.heroSwiper .swiper-button-prev:hover, .heroSwiper .swiper-button-next:hover { background: rgb(252, 252, 252) !important; border-color: rgb(204, 204, 204) !important; box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px !important; }.heroSwiper .swiper-button-prev::after, .heroSwiper .swiper-button-next::after { color: rgb(51, 51, 51) !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1 !important; }}@media (max-width: 768px){body.page-id-64 .roadmap-step:focus-visible { outline: rgb(250, 218, 94) solid 2px; outline-offset: 3px; }}@media (max-width: 768px){body.page-id-64 .packaging-cases .cases-grid::-webkit-scrollbar { display: none; }}.split-cards .card:hover { transform: translateY(-5px) !important; box-shadow: rgba(25, 35, 45, 0.11) 0px 14px 28px !important; }.split-cards .card-btn, .split-cards .card:nth-child(n) .card-btn { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-height: 48px !important; margin: auto 12px 12px !important; padding: 10px 12px !important; box-sizing: border-box !important; border: 1px solid rgb(250, 218, 94) !important; border-radius: 8px !important; background: rgb(250, 218, 94) !important; color: rgb(26, 26, 26) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; transition: background-color 0.2s, border-color 0.2s, transform 0.2s !important; }.split-cards .card-btn:hover, .split-cards .card:nth-child(n) .card-btn:hover { border-color: rgb(26, 26, 26) !important; background: rgb(26, 26, 26) !important; color: rgb(255, 255, 255) !important; transform: translateY(-1px) !important; }@media (max-width: 768px){.split-cards .card-btn, .split-cards .card:nth-child(n) .card-btn { min-height: 46px !important; margin: auto 8px 10px !important; padding: 8px 5px !important; font-size: 12px !important; }}.shop, .products { background: rgb(250, 250, 248) !important; }.products .products-top, .shop .products-top { border-bottom: 1px solid rgb(232, 232, 228) !important; background: rgba(255, 255, 255, 0.97) !important; box-shadow: rgba(26, 26, 26, 0.043) 0px 3px 14px !important; }.products .products-top > .shop-container, .shop .products-top > .shop-container { width: min(1400px, 100% - 48px) !important; padding: 8px 0px !important; }.products-top .mega-menu-wrap, .products-top div[id^="mega-menu-wrap"], .products-top .menu-wrap { overflow: visible !important; border-radius: 10px !important; background: rgb(32, 33, 36) !important; }.products-top ul.mega-menu, .products-top ul[id^="mega-menu"], .products-top ul.menu { gap: 2px !important; padding: 4px !important; background: transparent !important; }.products-top ul.mega-menu > li > a, .products-top ul[id^="mega-menu"] > li > a, .products-top ul.menu > li > a { letter-spacing: 0.01em; min-height: 38px !important; padding: 0px 16px !important; border-radius: 7px !important; color: rgb(247, 247, 245) !important; font-size: 12px !important; font-weight: 600 !important; }.products-top ul.mega-menu > li:hover > a, .products-top ul.mega-menu > li.mega-current-menu-item > a, .products-top ul[id^="mega-menu"] > li:hover > a, .products-top ul[id^="mega-menu"] > li.mega-current-menu-item > a, .products-top ul.menu > li:hover > a, .products-top ul.menu > li.current-menu-item > a { background: rgb(250, 218, 94) !important; color: rgb(23, 23, 23) !important; }.products-top ul.mega-menu .mega-sub-menu, .products-top ul[id^="mega-menu"] .mega-sub-menu { padding: 8px !important; border: 1px solid rgb(231, 231, 227) !important; border-radius: 0px 0px 10px 10px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(26, 26, 26, 0.1) 0px 14px 28px !important; }.products-top ul.mega-menu .mega-sub-menu a, .products-top ul[id^="mega-menu"] .mega-sub-menu a { padding: 10px 12px !important; border-radius: 6px !important; color: rgb(80, 80, 80) !important; font-size: 13px !important; line-height: 1.35 !important; }.products-top ul.mega-menu .mega-sub-menu a:hover, .products-top ul[id^="mega-menu"] .mega-sub-menu a:hover { background: rgb(255, 248, 220) !important; color: rgb(26, 26, 26) !important; }.products .shop-toolbar, .shop .shop-toolbar { width: min(1400px, 100% - 48px) !important; margin: 18px auto 16px !important; padding: 0px !important; }.products .toolbar-left input, .shop .toolbar-left input { min-height: 44px !important; border-color: rgb(222, 222, 217) !important; border-radius: 10px !important; box-shadow: rgba(26, 26, 26, 0.035) 0px 2px 8px !important; }.products .paixu select, .shop .paixu select { min-height: 44px !important; border-color: rgb(222, 222, 217) !important; border-radius: 10px !important; color: rgb(53, 53, 53) !important; }.products .shop-body, .shop .shop-body { width: min(1400px, 100% - 48px) !important; gap: 26px !important; }.products .shop-sidebar, .shop .shop-sidebar { flex-basis: 252px !important; width: 252px !important; padding: 18px !important; border-color: rgb(228, 228, 223) !important; border-radius: 16px !important; box-shadow: rgba(26, 26, 26, 0.043) 0px 8px 22px !important; }.products .shop-sidebar .wpfFilterButtonsTop button:last-child, .shop .shop-sidebar .wpfFilterButtonsTop button:last-child { min-height: 42px !important; border: 1px solid rgb(222, 222, 217) !important; border-radius: 9px !important; background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; font-size: 13px !important; font-weight: 600 !important; }.products .shop-sidebar .wpfFilterButtonsTop button:last-child:hover, .shop .shop-sidebar .wpfFilterButtonsTop button:last-child:hover { border-color: rgb(29, 30, 32) !important; background: rgb(29, 30, 32) !important; color: rgb(255, 255, 255) !important; }.products .shop-sidebar .wpfFilterButtonsBottom button:first-child, .shop .shop-sidebar .wpfFilterButtonsBottom button:first-child { letter-spacing: 0.02em; min-height: 42px !important; border: 1px solid rgb(29, 30, 32) !important; border-radius: 9px !important; background: rgb(29, 30, 32) !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 700 !important; }.products .shop-sidebar .wpfFilterButtonsBottom button:first-child:hover, .shop .shop-sidebar .wpfFilterButtonsBottom button:first-child:hover { border-color: rgb(250, 218, 94) !important; background: rgb(250, 218, 94) !important; color: rgb(23, 23, 23) !important; }.products .shop-sidebar .wpfFilterWrapper, .shop .shop-sidebar .wpfFilterWrapper { padding: 15px 0px !important; border-bottom-color: rgb(237, 237, 233) !important; }.products .shop-sidebar .wpfFilterWrapper .wfpTitle, .shop .shop-sidebar .wpfFilterWrapper .wfpTitle { letter-spacing: 0.01em; color: rgb(36, 36, 36) !important; font-size: 13px !important; font-weight: 700 !important; }.products .shop-sidebar .wpfFilterVerScroll li label, .shop .shop-sidebar .wpfFilterVerScroll li label { color: rgb(85, 85, 85) !important; font-size: 13px !important; line-height: 1.35 !important; }.site-header .header-container { max-width: 1440px !important; min-height: 76px !important; padding: 10px 24px !important; gap: 18px !important; }.site-header { z-index: 1100 !important; }.products .products-top, .shop .products-top { position: sticky !important; top: 76px !important; z-index: 1000 !important; }.products-top ul.mega-menu .mega-sub-menu, .products-top ul[id^="mega-menu"] .mega-sub-menu { z-index: 1005 !important; }.site-header .main-menu { flex: 1 1 auto; min-width: 0px; }.site-header .nav-menu { justify-content: center; gap: clamp(14px, 1.8vw, 28px) !important; }.site-header .nav-menu a { color: rgb(45, 45, 45) !important; font-size: 12px !important; font-weight: 600 !important; }.site-header .nav-menu a:hover { color: rgb(178, 138, 0) !important; }.site-header .airmei-lang-switch { margin-left: 0px !important; }.site-header .airmei-lang-menu .airmei-lang-current { min-height: 34px; border-radius: 999px; padding: 7px 10px !important; border: 1px solid rgb(229, 229, 225) !important; background: rgb(255, 255, 255) !important; color: rgb(48, 48, 48) !important; font-size: 12px !important; }.site-header .airmei-lang-menu .airmei-lang-list { top: calc(100% + 9px) !important; min-width: 164px !important; padding: 7px !important; border-color: rgb(229, 229, 225) !important; border-radius: 10px !important; box-shadow: rgba(26, 26, 26, 0.12) 0px 14px 30px !important; }@media (max-width: 768px){.products .products-top, .shop .products-top { top: 60px !important; }.products .products-top > .shop-container, .shop .products-top > .shop-container, .products .shop-toolbar, .shop .shop-toolbar, .products .shop-body, .shop .shop-body { width: calc(100% - 28px) !important; }.products-top .mega-menu-wrap, .products-top div[id^="mega-menu-wrap"], .products-top .menu-wrap { border-radius: 9px !important; }.products-top ul.mega-menu > li > a, .products-top ul[id^="mega-menu"] > li > a, .products-top ul.menu > li > a { min-height: 36px !important; padding: 0px 12px !important; font-size: 11px !important; }.products .shop-sidebar, .shop .shop-sidebar { width: 100% !important; padding: 15px !important; }}.airmei-filter-content { display: grid; gap: 18px; padding-top: 2px; }.airmei-original-filter-content { display: none !important; }.airmei-filter-group { margin: 0px; padding: 0px 0px 16px; border-bottom: 1px solid rgb(237, 237, 233); }.airmei-filter-group:last-child { padding-bottom: 0px; border-bottom: 0px; }.airmei-filter-group-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0px 0px 11px; color: rgb(36, 36, 36); font-size: 12px; font-weight: 700; letter-spacing: 0.01em; }.airmei-filter-group-title span:last-child { color: rgb(138, 138, 132); font-size: 11px; font-weight: 500; }.airmei-filter-options { display: grid; gap: 4px; }.airmei-filter-option { display: flex; align-items: center; gap: 9px; width: 100%; min-height: 30px; margin: 0px; padding: 4px 0px; border: 0px; background: transparent; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; line-height: 1.35; text-align: left; cursor: pointer; color: rgb(85, 85, 85) !important; }.airmei-filter-option:hover, .airmei-filter-option.is-selected { color: rgb(23, 23, 23) !important; }.airmei-filter-option-box { display: inline-flex; flex: 0 0 16px; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1px solid rgb(207, 209, 206); border-radius: 50%; background: rgb(255, 255, 255); box-sizing: border-box; }.airmei-filter-option-label { min-width: 0px; }.airmei-filter-hint { margin: 0px; color: rgb(138, 138, 132); font-size: 12px; line-height: 1.45; }.airmei-active-filters { display: flex; flex-wrap: wrap; gap: 7px; width: 100%; margin: -4px 0px 14px; }.airmei-mobile-filter-toggle, .airmei-filter-drawer-head, .airmei-filter-overlay { display: none; }@media (max-width: 768px){.airmei-mobile-filter-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0px 16px; border: 1px solid rgb(29, 30, 32); border-radius: 10px; background: rgb(29, 30, 32); color: rgb(255, 255, 255); font-size: 13px; font-weight: 700; cursor: pointer; }.products .shop-toolbar, .shop .shop-toolbar { display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; align-items: center !important; }.products .toolbar-left, .shop .toolbar-left { min-width: 0px; grid-column: 1 / -1; max-width: none !important; }.products .toolbar-right, .shop .toolbar-right { grid-column: 1; }.airmei-mobile-filter-toggle { grid-column: 2; }.products .shop-sidebar, .shop .shop-sidebar { transform: translateX(-105%); visibility: hidden; transition: transform 0.24s, visibility 0.24s; position: fixed !important; top: 0px !important; bottom: 0px !important; left: 0px !important; z-index: 1900 !important; display: block !important; width: min(388px, -24px + 100vw) !important; max-width: none !important; height: 100dvh !important; max-height: none !important; margin: 0px !important; padding: 20px 18px 28px !important; overflow-y: auto !important; border-radius: 0px 18px 18px 0px !important; }.airmei-filter-drawer-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0px 0px 16px; padding-bottom: 14px; border-bottom: 1px solid rgb(237, 237, 233); color: rgb(23, 23, 23); font-size: 18px; font-weight: 700; }.airmei-filter-drawer-close { width: 32px; height: 32px; border: 1px solid rgb(222, 222, 217); border-radius: 50%; background: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: 20px; line-height: 1; cursor: pointer; }.airmei-filter-overlay { position: fixed; inset: 0px; z-index: 1890; display: block; background: rgba(16, 17, 18, 0.42); opacity: 0; pointer-events: none; transition: opacity 0.24s; }.airmei-active-filters { margin-top: 2px; }}.products > .products-top > .shop-container, .products > .products-top + .shop-container, .shop > .shop-container { width: min(1400px, 100% - 48px) !important; max-width: 1400px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0px !important; padding-right: 0px !important; box-sizing: border-box !important; }.products > .products-top + .shop-container > .shop-toolbar, .products > .products-top + .shop-container > .shop-body, .shop > .shop-container > .shop-toolbar, .shop > .shop-container > .shop-body { width: 100% !important; max-width: none !important; margin-left: 0px !important; margin-right: 0px !important; box-sizing: border-box !important; }.products > .products-top + .shop-container > .shop-body, .shop > .shop-container > .shop-body { display: flex !important; align-items: flex-start !important; gap: 26px !important; }.products > .products-top + .shop-container .shop-sidebar, .shop > .shop-container .shop-sidebar { flex: 0 0 252px !important; width: 252px !important; max-width: 252px !important; box-sizing: border-box !important; }.products > .products-top + .shop-container .shop-main, .shop > .shop-container .shop-main { flex: 1 1 auto !important; min-width: 0px !important; width: auto !important; max-width: none !important; box-sizing: border-box !important; }.shop-main .pagination, .shop-main .pagination::before, .shop-main .pagination::after { width: 100% !important; min-height: 36px !important; margin: 28px 0px 0px !important; padding: 0px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border: 0px !important; outline: 0px !important; box-shadow: none !important; background: transparent !important; box-sizing: border-box !important; }.shop-main .pagination a, .shop-main .pagination span { width: 36px !important; height: 36px !important; min-width: 36px !important; margin: 0px !important; padding: 0px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgb(222, 222, 217) !important; border-radius: 8px !important; background: rgb(255, 255, 255) !important; color: rgb(75, 75, 75) !important; font-size: 14px !important; line-height: 1 !important; text-decoration: none !important; box-sizing: border-box !important; }.shop-main .pagination a:hover { border-color: rgb(245, 211, 79) !important; background: rgb(255, 248, 220) !important; color: rgb(23, 23, 23) !important; }.shop-main .pagination .current { border-color: rgb(29, 30, 32) !important; background: rgb(29, 30, 32) !important; color: rgb(255, 255, 255) !important; }@media (max-width: 767px){.products > .products-top > .shop-container, .products > .products-top + .shop-container, .shop > .shop-container { width: calc(100% - 28px) !important; }.products > .products-top + .shop-container > .shop-body, .shop > .shop-container > .shop-body { display: block !important; }.products > .products-top + .shop-container .shop-sidebar, .shop > .shop-container .shop-sidebar { width: 100% !important; max-width: none !important; }.shop-main .pagination { flex-wrap: wrap !important; gap: 6px !important; margin-top: 24px !important; }.shop-main .pagination a, .shop-main .pagination span { width: 34px !important; height: 34px !important; min-width: 34px !important; }}.knowledge-hero::before, .knowledge-hero::after { opacity: 0 !important; }.knowledge-eyebrow::before { content: ""; width: 30px; height: 2px; background: rgb(250, 218, 94); }.btn-retail:hover { background: rgb(255, 230, 130); color: rgb(23, 23, 23); transform: translateY(-2px); }.btn-b2b:hover { border-color: rgb(250, 218, 94); background: rgba(250, 218, 94, 0.1); color: rgb(250, 218, 94); transform: translateY(-2px); }.knowledge-right::before { content: ""; position: absolute; width: min(420px, 90%); aspect-ratio: 1 / 1; border: 1px solid rgba(250, 218, 94, 0.34); border-radius: 50%; box-shadow: rgba(250, 218, 94, 0.035) 0px 0px 0px 22px, rgba(250, 218, 94, 0.1) 0px 0px 80px; }.filter-btn.active, .filter-btn:hover { border-color: rgb(250, 218, 94); background: rgb(250, 218, 94); color: rgb(23, 23, 23); }.tutorial-card:hover { transform: translateY(-5px); border-color: rgb(222, 215, 179); box-shadow: rgba(23, 23, 23, 0.1) 0px 18px 36px; }.tutorial-card:hover .card-media img { transform: scale(1.045); }.tutorial-card:focus-within .play-overlay, .tutorial-card:hover .play-overlay { opacity: 1; }.tutorial-card .btn-readmore:hover { border-color: rgb(250, 218, 94); background: rgb(250, 218, 94); color: rgb(23, 23, 23); }.tutorial-card .btn-shop:hover { border-color: rgb(250, 218, 94); background: rgb(250, 218, 94); color: rgb(23, 23, 23); }.article-card:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.2) 0px 14px 28px; }.article-btn:hover { border-color: rgb(250, 218, 94); background: rgb(255, 255, 255); color: rgb(23, 23, 23); }.btn-catalog:hover { border-color: rgb(250, 218, 94); background: rgba(250, 218, 94, 0.1); color: rgb(250, 218, 94); }.download-card:hover { transform: translateY(-4px); box-shadow: rgba(23, 23, 23, 0.1) 0px 18px 34px; }.card-bg::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(255, 255, 255, 0.08), rgba(17, 18, 20, 0.64)); }.download-center .card-btn:hover { border-color: rgb(255, 255, 255); background: rgb(255, 255, 255); color: rgb(23, 23, 23); }.dieline-item:hover .dieline-icon { border-color: rgb(250, 218, 94); box-shadow: rgba(23, 23, 23, 0.08) 0px 12px 24px; }.form-group input:focus, .form-group textarea:focus { border-color: rgb(194, 162, 30); box-shadow: rgba(250, 218, 94, 0.22) 0px 0px 0px 3px; }.submit-btn:hover { background: rgb(255, 230, 130); color: rgb(23, 23, 23); }@media (max-width: 1320px){.airmei-lang-menu .airmei-lang-current > span:not(.airmei-lang-globe):not(.airmei-lang-caret) { display: block !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0px !important; border: 0px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; clip-path: inset(50%) !important; white-space: nowrap !important; }}