* { 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-top .mega-menu-wrap::-webkit-scrollbar, .products-top .menu-wrap::-webkit-scrollbar { display: none; }.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-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-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:last-child, .shop .shop-sidebar .wpfFilterWrapper:last-child { border-bottom: 0px; }#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 { position: relative; overflow: hidden; }.hero-slide { height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat; }.hero-content { max-width: 800px; color: rgb(26, 26, 26); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }.hero-content h1 { font-size: 20px; font-weight: 700; margin-bottom: 20px; }.hero-content h2 { font-size: 20px; font-weight: 700; margin-bottom: 20px; }.heroSwiper .swiper-slide div { height: 100%; }.hero-btn { display: inline-block; padding: 14px 32px; border-radius: 40px; background: rgb(250, 218, 94); color: rgb(255, 255, 255); text-decoration: none; font-weight: 600; }.hero-btn:hover { background: rgb(217, 177, 63); }.heroSwiper .swiper-slide .hero-content { color: rgb(26, 26, 26); position: relative; max-width: none; width: 100.3%; background: rgb(255, 255, 255); padding: 2rem 0px; border-top: 10px solid rgb(250, 218, 94); height: auto; transform: none; left: 0px; top: 0px; }.hero-content { max-width: none; color: rgb(26, 26, 26); position: absolute; left: 50%; top: 100%; transform: translate(-50%, -100%); padding: 2rem; width: 100%; height: auto !important; }.hero-content h1 { color: rgb(51, 51, 51); }.hero-content { color: rgb(255, 255, 255); }.heroSwiper .swiper-slide:first-child h1 { color: rgb(26, 26, 26); }.heroSwiper .swiper-slide:first-child p { color: rgb(26, 26, 26); }.trust-bar { display: flex; justify-content: center; gap: 60px; padding: 30px 20px; background: rgb(249, 249, 249); border-bottom: 1px solid rgb(238, 238, 238); flex-wrap: wrap; }.trust-item { text-align: center; }.trust-item img { width: 48px; height: 48px; margin-bottom: 10px; object-fit: contain; }.trust-item h4 { font-size: 16px; font-weight: 600; margin: 5px 0px; }.section-heading { text-align: center; padding: 60px 20px 40px; }.section-heading h2 { font-size: 36px; font-weight: 700; line-height: 1.3; color: rgb(26, 26, 26); }.split-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; padding: 0px 20px 60px; max-width: 1400px; margin: 0px auto; }.card { background: rgb(255, 255, 255); border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 20px; transition: transform 0.3s, box-shadow 0.3s; position: relative; }.card:hover { transform: translateY(-10px); box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 40px; }.card-image { height: 300px; padding: 20px; overflow: hidden; border-radius: 12px; }.card-image img { width: 100%; height: 100%; object-fit: cover; }.card-moq { font-size: 16px; font-weight: normal; color: rgb(0, 0, 0); padding: 10px 20px 5px; text-align: center; }.card-title { font-size: 24px; font-weight: 800; margin: 0px; text-align: left; }.card-desc { padding: 10px 20px; color: rgb(0, 0, 0); line-height: 1.5; text-align: center; }.split-cards .card-desc { height: 5.8rem; }.card-btn { margin: 35px 20px 25px; padding: 5px; text-align: center; background: rgb(255, 255, 255); color: rgb(0, 0, 0); text-decoration: none; border-radius: 5px; font-weight: 600; transition: background 0.3s; height: 50px; display: flex; align-items: center; justify-content: center; }.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); }.manufacturing-powerhouse { padding: 60px 20px; background: rgb(255, 255, 255); max-width: 1400px; margin: 0px auto; }.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-slider-container { position: relative; overflow: hidden; border-radius: 16px; height: 100%; }.postcard-slider { height: 100%; }.postcard-slider { display: flex; scroll-snap-type: x mandatory; scroll-behavior: smooth; gap: 0px; overflow: hidden; }.postcard-slide { flex: 0 0 100%; scroll-snap-align: start; cursor: pointer; }.postcard-image { position: relative; aspect-ratio: 1 / 1; overflow: hidden; }.postcard-image img { width: 100%; height: 100%; object-fit: cover; }.postcard-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; font-size: 14px; }.postcard-slide:hover .postcard-overlay { opacity: 1; }.postcard-prev, .postcard-next { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; font-size: 18px; z-index: 10; padding: 0px; }.postcard-prev { left: 10px; }.postcard-next { right: 10px; }.postcard-prev:hover, .postcard-next:hover { background: rgb(26, 26, 26); }.email-header { display: flex; justify-content: space-between; margin-bottom: 20px; font-size: 12px; color: rgb(153, 153, 153); }.email-addr { font-family: monospace; }.email-quote { font-size: 50px; color: rgb(250, 218, 94); font-family: Georgia, serif; line-height: 1; margin-bottom: 10px; }.email-content { font-size: 14px; line-height: 1.7; color: rgb(51, 51, 51); margin-bottom: 25px; }.email-author { display: flex; align-items: center; gap: 12px; }.author-avatar-placeholder { width: 40px; height: 40px; border-radius: 50%; background: rgb(240, 240, 240); display: flex; align-items: center; justify-content: center; font-size: 20px; }.author-name { font-weight: 700; color: rgb(26, 26, 26); }.author-company { font-size: 12px; color: rgb(102, 102, 102); }.email-country { font-size: 28px; }.email-quote-right { text-align: right; }.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: url("<?php echo get_template_directory_uri(); ?>/assets/images/hero-bg-brush.jpg"); 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: url("<?php echo get_template_directory_uri(); ?>/assets/images/lab-bg.png"); background-size: cover; background-position: center center; opacity: 0.08; z-index: 0; }.btn-retail { display: inline-block; background: rgb(26, 26, 26); color: rgb(255, 255, 255); padding: 14px 32px; border-radius: 40px; font-weight: 600; text-decoration: none; transition: background 0.3s; }.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); }.products li.product:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px; }.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; }.btn-group a:last-child { background: rgb(9, 85, 153); color: rgb(255, 255, 255); }.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; }.woocommerce .products ul::before, .woocommerce ul.products::before { display: none; }.woocommerce ul.products li.product .button:hover { background: rgb(250, 218, 94); opacity: 0.8; color: rgb(255, 255, 255); }.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; }.global-section { background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 60px 20px; }.container { display: flex; gap: 40px; }.left, .right { width: 25%; }.map-area { width: 50%; position: relative; }.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }.team-grid img { width: 100%; border-radius: 6px; aspect-ratio: 16 / 16; object-fit: cover; object-position: center top; }.right form input, .right form textarea { width: 100%; margin-bottom: 10px; padding: 8px; }.social img { width: 30px; margin-right: 10px; }.container { align-items: center; }.global-section .right { background: rgb(255, 255, 255); padding: 20px; }.global-section .right h2 { color: rgb(30, 50, 74); font-size: 2rem; }.global-section .right form button { float: right; background: rgb(30, 50, 74); border: 0px; color: rgb(255, 255, 255); }.global-section .right p { color: rgb(51, 51, 51); clear: both; }.card { background: rgba(255, 255, 255, 0.05); padding: 15px; border-radius: 12px; transition: 0.3s; text-align: center; }.card img { width: 100%; border-radius: 8px; margin-bottom: 10px; }.card h3 { font-size: 16px; margin: 5px 0px; }.card:hover { transform: translateY(-5px) scale(1.03); background: rgba(255, 255, 255, 0.1); }.container { max-width: 1200px; margin: auto; }.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; }.split-cards .card-image { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; height: auto; position: relative; padding-top: 10px; padding-bottom: 5px; }.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); }.news-title { font-size: 32px; margin-bottom: 20px; color: rgb(51, 51, 51); }.news-content { font-size: 16px; line-height: 1.8; color: rgb(68, 68, 68); }.news-content h3 { font-size: 20px; margin: 20px 0px 12px; }.news-content p { margin-bottom: 20px; }.nav-previous a:hover, .nav-next a:hover { text-decoration: underline; }.latest-news-title:hover { color: rgb(250, 218, 94); }.point { position: absolute; width: 14px; height: 14px; background: rgb(248, 249, 250); border-radius: 50%; transform: translate(-50%, -50%); cursor: pointer; }.point { position: absolute; width: 12px; height: 12px; background: rgb(248, 249, 250); border-radius: 50%; transform: translate(-50%, -50%); cursor: pointer; }.login a img { width: 20px; }.login a { margin: 0px 10px; }.login { display: flex; align-items: center; }.rswl-footer-custom { width: 100%; }.heroSwiper .swiper-pagination-bullet, .efficiency .swiper-pagination-bullet, .my-gallery-slider .swiper-pagination-bullet { background: rgb(255, 255, 255); opacity: 1; }.heroSwiper .swiper-pagination-bullet-active, .efficiency .swiper-pagination-bullet-active, .my-gallery-slider .swiper-pagination-bullet-active { background: rgb(237, 93, 117); }.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); }.woocommerce .star-rating span::before { color: rgb(255, 0, 0); }.product-rating-wrapper:hover .rating-hover-detail { opacity: 1; visibility: visible; }.stars { display: inline-flex; }.m_header { display: none; }.heroSwiper .swiper-slide.hero-slide { display: block; }.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; }.container { width: 100%; }.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; }.hero { padding-top: 60px; height: auto; }.heroSwiper .swiper-slide .hero-content { background: rgb(255, 255, 255); padding: 2rem 0px; border-top: 10px solid rgb(250, 218, 94); }.hero, .hero .swipe, .hero .swiper-wrapper, .hero .swiper-slide { height: auto; }.hero .swiper-slide { background-size: contain; background-position: center top; }.m_nav_list { padding: 0px; list-style: none; }.hero-content { top: 100%; }.section-heading { padding: 20px; }.split-cards .card-desc { height: auto; }.card-btn { margin: 20px 0px; }.split-cards { padding: 20px; }.manufacturing-powerhouse { padding: 20px; }}@media (max-width: 768px){.news-title { font-size: 24px; }}.production-card:hover { transform: translateY(-5px); }.card-image { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.4s; }.production-card:hover .card-image { transform: scale(1.05); }.production-card:hover .image-overlay { opacity: 1; }.card-title { font-size: 1.25rem; font-weight: 600; margin: 0px 0px 10px; color: rgb(26, 42, 58); }.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; }@media (max-width: 900px){.card { width: 100%; }}@media (max-width: 768px){.company-btn, .card-btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; }}.category-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 40px; }.card-image { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; }.card-image img { width: 100%; height: 100%; object-fit: cover; }.card-title { font-size: 18px; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 3; text-align: center; }.card-desc { font-size: 14px; color: rgb(102, 102, 102); padding: 0px 15px 15px; line-height: 1.5; }.card-buttons { display: flex; gap: 10px; padding: 0px 0px 20px; }.btn-retail, .btn-bulk { flex: 1 1 0%; text-align: center; padding: 10px 0px; border-radius: 2px; font-size: 13px; font-weight: 600; text-decoration: none; transition: 0.3s; }.btn-retail { background: transparent; border: 1.5px solid rgb(26, 26, 26); color: rgb(26, 26, 26); }.btn-retail:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.btn-bulk { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.btn-bulk:hover { background: rgb(250, 218, 94); color: rgb(26, 26, 26); }.category-showcase { padding: 60px 20px; background: rgb(248, 248, 248); }.category-container { max-width: 1400px; margin: 0px auto; }.featured-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 40px; }.featured-card { background: rgb(255, 255, 255); border-radius: 16px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px; transition: transform 0.3s; }.featured-card:hover { transform: translateY(-5px); }.featured-image { height: 430px; overflow: hidden; }.featured-image img { width: 100%; height: 100%; object-fit: cover; }.featured-content { padding: 20px; }.featured-title { font-size: 24px; font-weight: 700; margin-bottom: 10px; }.featured-desc { color: rgb(102, 102, 102); line-height: 1.6; margin-bottom: 20px; }.regular-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }.regular-card { background: rgb(255, 255, 255); border-radius: 12px; overflow: hidden; text-align: center; padding: 15px; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px; transition: transform 0.3s; }.regular-card:hover { transform: translateY(-3px); }.regular-card h4 { transition: 0.3s; }.regular-card:hover h4 { color: rgb(250, 218, 94); transition: 0.3s; }.regular-image { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 8px; }.regular-image img { width: 100%; height: 100%; object-fit: cover; }.regular-title { font-size: 16px; font-weight: 600; margin: 12px 0px 10px; color: rgb(0, 0, 0); }.card-buttons { display: flex; gap: 12px; }.btn-retail, .btn-bulk { flex: 1 1 0%; text-align: center; padding: 10px 0px; border-radius: 2px; font-size: 14px; font-weight: 600; text-decoration: none; transition: 0.3s; display: flex; align-items: center; justify-content: center; }.btn-retail { background: transparent; border: 1.5px solid rgb(26, 26, 26); color: rgb(26, 26, 26); }.btn-retail:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.btn-bulk { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.btn-bulk:hover { background: rgb(250, 218, 94); color: rgb(26, 26, 26); }.small-buttons { gap: 8px; }.btn-retail-small, .btn-bulk-small { flex: 1 1 0%; text-align: center; padding: 6px 0px; border-radius: 20px; font-size: 12px; font-weight: 600; text-decoration: none; }.btn-retail-small { background: transparent; border: 1px solid rgb(204, 204, 204); color: rgb(51, 51, 51); }.btn-bulk-small { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.partners-showcase { padding: 60px 20px; background: rgb(255, 255, 255); }.partners-container { max-width: 1400px; margin: 0px auto; }.partners-hero { margin-bottom: 40px; border-radius: 20px; overflow: hidden; }.partners-hero img { width: 100%; height: auto; display: block; }.partners-divider { width: 80px; height: 3px; background: rgb(250, 218, 94); margin: 0px auto 30px; }.partners-heading { text-align: center; margin-bottom: 50px; }.partners-heading h2 { font-size: 32px; font-weight: 700; color: rgb(26, 26, 26); line-height: 1.3; }.logo-item { width: 100%; display: flex; align-items: center; justify-content: center; }.logo-item a { display: block; width: 100%; text-align: center; }.logo-img { max-width: 120px; max-height: 60px; width: auto; height: auto; filter: grayscale(100%); opacity: 0.7; transition: 0.4s; }.logo-img:hover { filter: grayscale(0%); opacity: 1; }.certificates-showcase { padding: 80px 20px; background: rgb(249, 249, 249); }.certificates-container { max-width: 1000px; margin: 0px auto; }.certificates-heading { text-align: center; margin-bottom: 60px; }.certificates-heading h2 { font-size: 36px; font-weight: 700; color: rgb(26, 26, 26); letter-spacing: 2px; margin-bottom: 15px; }.heading-divider { width: 60px; height: 3px; background: rgb(250, 218, 94); margin: 0px auto; }.certificates-grid { display: grid; grid-template-columns: repeat(4, 2fr); gap: 40px; }.certificate-card { background: rgb(255, 255, 255); border-radius: 0px; overflow: hidden; cursor: pointer; text-align: center; }.certificate-card:hover { transform: translateY(-5px); }.certificate-image { aspect-ratio: 210 / 297; overflow: hidden; background: rgb(240, 240, 240); }.certificate-image img { width: 100%; height: 100%; object-fit: contain; }.certificate-title { font-size: 20px; font-weight: 700; color: rgb(26, 26, 26); margin: 15px 15px 5px; }.certificate-desc { font-size: 14px; color: rgb(136, 136, 136); line-height: 1.5; margin: 0px 15px 20px; }#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); }.heading-divider { width: 60px; height: 3px; background: rgb(250, 218, 94); margin: 0px auto; }.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); }.news-date { color: rgb(153, 153, 153); }.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); }.news-module { padding: 60px 20px; background: rgb(244, 245, 246); }.news-container { max-width: 1400px; margin: 0px auto; }.news-header { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-bottom: 40px; }.news-header-left h2 { font-size: 32px; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 15px; }.news-categories-tabs { display: flex; gap: 12px; }.cat-tab { padding: 6px 18px; background: transparent; border: 1px solid rgb(221, 221, 221); border-radius: 30px; font-size: 14px; font-weight: 500; color: rgb(85, 85, 85); cursor: pointer; transition: 0.3s; }.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 { display: inline-block; padding: 10px 24px; background: transparent; border: 2px solid rgb(26, 26, 26); border-radius: 40px; font-weight: 600; color: rgb(26, 26, 26); text-decoration: none; transition: 0.3s; }.news-header-right .view-all-link:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }.news-card { background: rgb(255, 255, 255); border-radius: 12px; overflow: hidden; transition: box-shadow 0.3s; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 8px; }.news-card:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 15px 30px; }.news-card-link { text-decoration: none; display: block; }.news-image-wrapper { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: rgb(240, 240, 240); }.news-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }.news-card:hover .news-image { transform: scale(1.05); }.news-category-badge { position: absolute; top: 12px; left: 12px; padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 600; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.5px; }.news-content { padding: 20px; }.news-date { font-size: 12px; color: rgb(153, 153, 153); margin-bottom: 8px; letter-spacing: 0.3px; }.news-title { font-size: 18px; font-weight: 700; color: rgb(26, 26, 26); line-height: 1.4; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }.news-excerpt { font-size: 14px; color: rgb(102, 102, 102); line-height: 1.6; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }.news-readmore { font-size: 14px; font-weight: 600; color: rgb(26, 26, 26); transition: color 0.3s, transform 0.2s; display: inline-block; }.news-card:hover .news-readmore { color: rgb(250, 218, 94); transform: translateX(4px); }.testimonials-module { padding: 48px 20px; background: rgb(229, 234, 238); }.testimonials-container { max-width: 1400px; margin: 0px auto; }.testimonials-heading { text-align: center; margin-bottom: 50px; }.testimonials-heading h2 { font-size: 36px; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 10px; }.testimonials-heading p { font-size: 16px; color: rgb(102, 102, 102); }.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 50px; }.digital-card { background: rgb(255, 255, 255); border-radius: 16px; padding: 25px; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 15px; }.testimonial-col { display: flex; flex-direction: column; justify-content: space-between; }.stars { color: rgb(245, 166, 35); font-size: 18px; letter-spacing: 2px; margin-bottom: 15px; }.review-text { font-size: 15px; line-height: 1.6; color: rgb(51, 51, 51); margin-bottom: 15px; font-style: italic; }.verified { color: rgb(46, 125, 50); font-size: 12px; margin-bottom: 20px; }.reviewer { display: flex; align-items: center; gap: 10px; }.reviewer-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }.reviewer-name { font-weight: 600; color: rgb(26, 26, 26); }.reviewer-country { font-size: 12px; color: rgb(153, 153, 153); }.postcard-image { position: relative; background: rgb(255, 255, 255); border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; }.postcard-image img { width: 100%; display: block; height: 100%; }.postcard-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; font-size: 14px; }.postcard-wrapper:hover .postcard-overlay { opacity: 1; }.email-card { background: rgb(255, 255, 255); border-radius: 16px; padding: 25px; position: relative; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 15px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }.email-content { font-size: 14px; line-height: 1.7; color: rgb(51, 51, 51); margin-bottom: 20px; }.email-footer { display: flex; align-items: center; gap: 15px; border-top: 1px solid rgb(238, 238, 238); padding-top: 20px; }.testimonials-footer { text-align: center; }.honor-badges { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; }.honor-badges span { background: rgb(255, 255, 255); padding: 8px 20px; border-radius: 40px; font-size: 14px; font-weight: 500; color: rgb(26, 26, 26); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px; }.view-all-reviews { display: inline-block; padding: 12px 35px; background: rgb(26, 26, 26); color: rgb(255, 255, 255); text-decoration: none; font-weight: 600; border-radius: 40px; transition: background 0.3s; }.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); }.container { max-width: 1400px; margin: 0px auto; }.btn-story:hover { background: rgb(26, 26, 26); color: rgb(255, 255, 255); }.container { max-width: 1400px; margin: 0px auto; }.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; }.card-title { font-size: 18px; font-weight: 700; color: rgb(26, 26, 26); line-height: 1.4; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }.card-buttons { display: flex; gap: 12px; flex-wrap: wrap; }.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; }@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){.news-header { flex-direction: column; align-items: flex-start; gap: 20px; }.news-grid { grid-template-columns: 1fr; gap: 20px; }.news-header-left h2 { font-size: 28px; }}@media (max-width: 1024px){.certificates-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }}@media (max-width: 640px){.certificates-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }.certificates-heading h2 { font-size: 28px; }.certificate-title { font-size: 14px; }}@media (max-width: 768px){.partners-heading h2 { font-size: 24px; }.logo-img { max-width: 80px; max-height: 40px; }}@media (max-width: 768px){.featured-grid { overflow-x: auto; scroll-snap-type: x mandatory; gap: 0px; padding-bottom: 10px; grid-template-columns: repeat(1, 1fr); }.featured-card { min-width: 280px; scroll-snap-align: start; }.regular-grid { grid-template-columns: unset; }.regular-card { min-width: 160px; scroll-snap-align: start; }.featured-grid::after, .regular-grid::after { content: ""; min-width: 20px; }.btn-retail, .btn-bulk, .btn-retail-small, .btn-bulk-small { min-height: 44px; display: flex; align-items: center; justify-content: center; }.featured-card { margin-bottom: 20px; }}@media (max-width: 768px){.card-buttons { flex-direction: column; }.btn-retail, .btn-bulk { min-height: 48px; display: flex; align-items: center; justify-content: center; }.testimonials-grid { display: flex; flex-wrap: wrap; }.digital-card { margin-bottom: 20px; }.global-section .container { flex-wrap: wrap; }.left, .right { width: 100%; }.map-area { width: 100%; }.global-section { overflow-x: hidden; }}@media (max-width: 768px){.split-cards { grid-template-columns: 1fr; gap: 20px; }.trust-bar { gap: 5px; }.section-heading h2 { font-size: 28px; }.card-moq { font-size: 28px; }.trust-item h4 { font-size: 14px; font-weight: 600; margin: 5px 0px; }.trust-bar { padding: 20px 15px; justify-content: space-between; }#world-map { pointer-events: none; }.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; }}.heroSwiper { width: 100%; }.heroSwiper .swiper-wrapper, .heroSwiper .swiper-slide { align-items: stretch; }.heroSwiper .swiper-slide.hero-slide { overflow: hidden; }.heroSwiper .hero-image { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; object-position: center top; }.global-section.global-reach-section { --global-bg: #111315; --global-surface: rgba(248,249,250,.055); --global-border: rgba(248,249,250,.14); --global-text: #f8f9fa; --global-muted: rgba(248,249,250,.68); --global-accent: #fada5e; color: var(--global-text); padding: clamp(52px, 7vw, 96px) 20px; font-family: Roboto, Arial, sans-serif; background: var(--global-bg) !important; }.global-section.global-reach-section, .global-section.global-reach-section * { font-family: Roboto, Arial, sans-serif; }.global-section .container.global-reach-layout { display: grid; grid-template-columns: minmax(220px, 0.76fr) minmax(470px, 1.62fr) minmax(280px, 0.82fr); align-items: start; gap: clamp(24px, 3vw, 46px); max-width: 1440px; }.global-section .container.global-reach-stats { max-width: 1440px; margin: 0px auto clamp(26px, 3vw, 42px); }.global-reach-stats .airmei-traffic-stats { flex: 1 1 100%; width: 100%; margin: 0px; }.global-reach-intro, .global-reach-map, .global-partner-form { width: auto !important; min-width: 0px; }.global-reach-intro h2 { max-width: 350px; margin: 0px; color: var(--global-text); font-size: clamp(34px, 3.25vw, 52px); font-weight: 700; line-height: 1.03; letter-spacing: 0px; }.global-reach-intro h2 span { color: var(--global-accent); }.global-reach-lede { max-width: 370px; margin: 18px 0px 32px; color: var(--global-muted); font-size: 17px; font-weight: 400; line-height: 1.55; }.global-reach-intro h3 { margin: 0px 0px 14px; color: var(--global-accent); font-size: 15px; font-weight: 700; line-height: 1.35; letter-spacing: 0px; }.global-reach-section .team-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-template-rows: repeat(2, minmax(0px, 1fr)); max-width: 340px; gap: 7px; }.global-reach-section .partner-item { overflow: hidden; border: 1px solid transparent; border-radius: 5px; cursor: pointer; transition: border-color 0.2s, transform 0.2s; }.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 .team-grid img { display: block; border-radius: 0px; filter: saturate(0.84) contrast(1.04); transition: filter 0.2s, transform 0.2s; }.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-map { position: relative; min-width: 0px; }.global-reach-section .point { z-index: 7; width: 12px; height: 12px; border: 0px; background: rgba(250, 218, 94, 0.6); box-shadow: rgba(250, 218, 94, 0.86) 0px 0px 10px; }.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 { padding: clamp(22px, 2.2vw, 32px); border: 1px solid var(--global-border); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.18) 0px 22px 48px; backdrop-filter: blur(18px); background: rgba(248, 249, 250, 0.067) !important; }.global-reach-section .global-partner-form h2 { margin: 0px; font-size: clamp(26px, 2.2vw, 34px); font-weight: 700; line-height: 1.08; letter-spacing: 0px; color: var(--global-text) !important; }.global-partner-form__intro { font-size: 14px; line-height: 1.55; margin: 14px 0px 22px !important; color: var(--global-muted) !important; }.global-reach-section .global-partner-form form { display: grid; gap: 10px; }.global-reach-section .global-partner-form form input, .global-reach-section .global-partner-form form textarea { box-sizing: border-box; width: 100%; min-height: 46px; margin: 0px; padding: 12px 13px; border: 1px solid rgba(248, 249, 250, 0.18); border-radius: 4px; outline: 0px; background: rgba(17, 19, 21, 0.64); color: var(--global-text); font-size: 14px; line-height: 1.4; }.global-reach-section .global-partner-form form textarea { min-height: 98px; resize: vertical; }.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 { width: 100%; min-height: 46px; margin: 4px 0px 0px; border: 1px solid var(--global-accent); border-radius: 4px; background: var(--global-accent); color: rgb(23, 23, 23); font-size: 14px; font-weight: 700; line-height: 1; transition: background-color 0.2s, color 0.2s, transform 0.2s; }.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; }.partner-trust-badges { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin-top: 16px; }.partner-trust-badge { display: grid; gap: 2px; padding: 10px 12px; border-left: 2px solid var(--global-accent); background: rgba(250, 218, 94, 0.07); }.partner-trust-badge strong { color: var(--global-text); font-size: 13px; font-weight: 700; }.partner-trust-badge span { color: var(--global-muted); font-size: 12px; }.global-reach-section .success-msg { font-size: 13px; line-height: 1.5; margin: 18px 0px 12px !important; color: var(--global-muted) !important; }.global-reach-section .social { display: flex; gap: 12px; align-items: center; margin-top: 18px; padding: 12px 14px 8px; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgba(248, 249, 250, 0.12) rgba(248, 249, 250, 0.12) currentcolor; border-image: none; border-radius: 6px 6px 0px 0px; background: rgba(17, 19, 21, 0.46); }.global-reach-section .social img { width: 24px; margin: 0px; opacity: 0.86; filter: brightness(0) invert(1); }.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-section .container.global-reach-layout { grid-template-columns: minmax(230px, 0.8fr) minmax(430px, 1.2fr); }.global-section .container.global-reach-stats { margin-bottom: 28px; }.global-reach-section .global-partner-form { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.15fr); column-gap: 24px; align-items: start; }.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 .global-partner-form form, .global-reach-section .partner-trust-badges { grid-column: 2; }.global-reach-section .partner-trust-badges { margin-top: 14px; }}@media (max-width: 760px){.global-section.global-reach-section { padding: 48px 16px; }.global-section .container.global-reach-layout { grid-template-columns: minmax(0px, 1fr); gap: 30px; }.global-reach-intro h2 { max-width: 300px; font-size: 38px; }.global-reach-lede { margin-bottom: 26px; font-size: 16px; }.global-reach-section .team-grid { max-width: none; grid-template-columns: repeat(3, minmax(0px, 96px)); }.global-reach-section .global-partner-form { display: block; grid-column: auto; }.global-reach-section .global-partner-form form, .global-reach-section .partner-trust-badges { grid-column: auto; }.global-reach-section .partner-trust-badges { margin-top: 14px; }}@media (max-width: 768px){.hero { padding-top: 60px; }.heroSwiper, .heroSwiper .swiper-wrapper, .heroSwiper .swiper-slide { height: auto !important; }.heroSwiper .swiper-slide { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; }.heroSwiper .swiper-slide div { height: auto !important; }.heroSwiper .hero-image { width: 100% !important; height: auto !important; object-fit: contain !important; }.heroSwiper .swiper-slide .hero-content { position: relative !important; left: auto !important; top: auto !important; transform: none !important; width: 100% !important; max-width: none !important; box-sizing: border-box !important; padding: 14px 16px 18px !important; border-top-width: 8px !important; }.heroSwiper .hero-content h1 { font-size: 18px !important; line-height: 1.25 !important; margin-bottom: 12px !important; }.heroSwiper .hero-content h2 { font-size: 18px !important; line-height: 1.25 !important; margin-bottom: 12px !important; }.hero-btn { align-items: center; justify-content: center; display: inline-flex !important; width: auto !important; max-width: 82% !important; min-width: 220px !important; margin: 4px auto 0px !important; padding: 12px 22px !important; font-size: 14px !important; }}@media (min-width: 769px){.heroSwiper .swiper-pagination-bullet { width: 12px !important; height: 12px !important; margin: 0px 6px !important; background: rgba(153, 153, 153, 0.95) !important; opacity: 1 !important; border: 1px solid rgba(0, 0, 0, 0.18) !important; box-shadow: none !important; }.heroSwiper .swiper-pagination-bullet-active { width: 14px !important; height: 14px !important; background: rgb(17, 17, 17) !important; border-color: rgb(17, 17, 17) !important; box-shadow: rgba(250, 218, 94, 0.22) 0px 0px 0px 4px, rgba(0, 0, 0, 0.16) 0px 3px 8px !important; }}.global-section.global-reach-section { padding: clamp(42px, 5vw, 68px) 20px; }.global-section .container.global-reach-layout { grid-template-columns: minmax(0px, 1fr) minmax(310px, 360px); align-items: stretch; gap: clamp(28px, 4vw, 62px); }.global-reach-main { display: flex; flex-direction: column; gap: 18px; height: 100%; min-width: 0px; }.global-reach-intro h2 { max-width: none; font-size: clamp(44px, 4.4vw, 68px); line-height: 0.98; }.global-reach-lede { max-width: 560px; margin: 12px 0px 22px; }.global-team-stage { position: relative; z-index: 3; }.global-team-stage h3 { margin-bottom: 10px; }.global-team-carousel { position: relative; display: block; box-sizing: border-box; width: 100%; max-width: 636px; padding-right: 86px; }.global-reach-section .team-grid { display: flex; grid-template-columns: none; grid-template-rows: none; max-width: none; gap: 10px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-behavior: smooth; scroll-snap-type: inline; scrollbar-width: none; }.global-reach-section .team-grid::-webkit-scrollbar { display: none; }.global-reach-section .partner-item { display: block; flex: 0 0 clamp(86px, 9vw, 102px); min-width: 0px; padding: 0px; appearance: none; border: 1px solid rgba(248, 249, 250, 0.14); border-radius: 5px; background: transparent; scroll-snap-align: start; }.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-grid img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }.team-carousel-control { position: absolute; top: 0px; z-index: 2; width: 34px; height: 34px; padding: 0px; border: 1px solid rgba(248, 249, 250, 0.22); border-radius: 4px; background: rgba(248, 249, 250, 0.04); color: var(--global-text); font: 600 18px / 1 Roboto, Arial, sans-serif; outline: 0px; -webkit-tap-highlight-color: transparent; cursor: pointer; transition: border-color 0.2s, color 0.2s, background-color 0.2s; }.team-carousel-control--previous { right: 42px; }.team-carousel-control--next { right: 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 { display: grid; grid-template-columns: 52px minmax(0px, 1fr) auto; align-items: center; gap: 12px; position: absolute; top: calc(100% + 10px); left: var(--team-popover-x,0px); z-index: 8; width: min(460px, -48px + 100vw); margin: 0px; padding: 12px 14px; pointer-events: none; border: 1px solid rgba(250, 218, 94, 0.36); border-radius: 6px; background: rgba(25, 25, 25, 0.86); box-shadow: rgba(0, 0, 0, 0.34) 0px 16px 34px; backdrop-filter: blur(14px); opacity: 0; transform: translateY(-8px); transition: opacity 0.2s, transform 0.28s; }.team-contact-panel__avatar { width: 52px; height: 52px; border: 1px solid rgba(250, 218, 94, 0.48); border-radius: 50%; object-fit: cover; }.team-contact-panel__identity { display: grid; gap: 2px; min-width: 0px; }.team-contact-panel__identity strong { color: var(--global-text); font-size: 17px; line-height: 1.2; }.team-contact-panel__identity span { color: var(--global-muted); font-size: 12px; line-height: 1.35; }.team-contact-panel__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }.team-contact-panel__actions a { padding: 7px 9px; border: 1px solid rgba(248, 249, 250, 0.18); border-radius: 4px; color: var(--global-text); font-size: 12px; font-weight: 600; line-height: 1; text-decoration: none; transition: border-color 0.2s, color 0.2s, background-color 0.2s; }.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); }.global-reach-map { width: 100%; flex: 0 0 auto; margin-top: 0px; height: clamp(320px, 28vw, 360px) !important; min-height: 0px !important; padding: 0px !important; }.global-reach-map .airmei-map-shell, .global-reach-map #world-map { height: 100% !important; min-height: 0px !important; }.global-reach-section .global-partner-form { position: sticky; top: 24px; }@media (max-width: 1180px){.global-section .container.global-reach-layout { grid-template-columns: minmax(0px, 1fr); }.global-reach-section .global-partner-form { position: static; display: block; grid-column: auto; max-width: none; }.global-reach-main { height: auto; }}@media (max-width: 760px){.global-team-carousel { max-width: none; padding-right: 0px; }.team-carousel-control { display: none; }.global-reach-section .partner-item { flex-basis: 88px; }.team-contact-panel, .team-contact-panel.is-open { grid-template-columns: 46px minmax(0px, 1fr); }.team-contact-panel { left: 0px !important; width: min(100%, -32px + 100vw); }.team-contact-panel__avatar { width: 46px; height: 46px; }.team-contact-panel__actions { grid-column: 1 / -1; justify-content: flex-start; }}@media screen and (max-width: 768px){.hero, .heroSwiper { position: relative !important; width: 100% !important; height: auto !important; min-height: unset !important; margin: 0px !important; overflow: hidden !important; background: transparent !important; }.heroSwiper .swiper-wrapper, .heroSwiper .swiper-slide, .heroSwiper .swiper-slide.hero-slide { height: auto !important; min-height: unset !important; padding: 0px !important; margin: 0px !important; }.heroSwiper .hero-image, .heroSwiper .swiper-slide img.hero-image { display: block !important; width: 100% !important; height: auto !important; min-height: 0px !important; margin: 0px !important; object-fit: contain !important; object-position: center center !important; border-radius: 8px !important; }.heroSwiper .swiper-slide .hero-content { margin: 0px !important; padding: 8px 16px 12px !important; min-height: unset !important; height: auto !important; line-height: 1.25 !important; border-top: 0px !important; }.heroSwiper .hero-content h1 { margin: 0px 0px 8px !important; }.heroSwiper .hero-content h2 { margin: 0px 0px 8px !important; }.heroSwiper .hero-btn, .hero-btn { margin: 6px auto 4px !important; max-width: 85% !important; }.heroSwiper .swiper-button-prev, .heroSwiper .swiper-button-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; margin: 0px !important; padding: 0px !important; background: rgb(255, 255, 255) !important; border: 1px solid rgb(224, 224, 224) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 10px !important; z-index: 99 !important; color: rgb(51, 51, 51) !important; opacity: 1 !important; visibility: visible !important; }.heroSwiper .swiper-button-prev { left: 10px !important; right: auto !important; }.heroSwiper .swiper-button-next { right: 10px !important; left: auto !important; }.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; }.heroSwiper .swiper-slide { padding: 0px 12px !important; box-sizing: border-box !important; }.heroSwiper .swiper-pagination { margin-top: 18px !important; margin-bottom: 22px !important; }.heroSwiper .swiper-pagination-bullet { margin: 0px 7px !important; }.trust-bar { gap: 16px 12px !important; padding: 18px 12px 22px !important; align-items: flex-start !important; }.trust-item { flex: 1 1 28% !important; min-width: 92px !important; gap: 6px !important; }.trust-item img { width: 44px !important; height: 44px !important; margin-bottom: 4px !important; }.trust-item h4 { margin: 0px !important; line-height: 1.3 !important; }}@media (min-width: 769px){.heroSwiper .swiper-button-prev, .heroSwiper .swiper-button-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; background: rgb(255, 255, 255) !important; border: 1px solid rgb(224, 224, 224) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px !important; z-index: 30 !important; color: rgb(51, 51, 51) !important; opacity: 1 !important; visibility: visible !important; transition: 0.2s !important; }.heroSwiper .swiper-button-prev { left: 20px !important; right: auto !important; }.heroSwiper .swiper-button-next { right: 20px !important; left: auto !important; }.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; }.trust-bar { align-items: center; gap: 72px; padding: 34px 20px 30px; }.trust-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; line-height: 1.35; min-height: 100px; }.trust-item h4, .trust-item p { line-height: 1.35; }}@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 { display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 16px !important; width: min(100%, 1400px) !important; max-width: 1400px !important; margin: 0px auto !important; padding: 0px 20px 60px !important; box-sizing: border-box !important; }.split-cards .card { display: flex !important; flex-direction: column !important; min-width: 0px !important; height: 100% !important; overflow: hidden !important; box-sizing: border-box !important; border: 1px solid rgb(237, 240, 242) !important; border-radius: 12px !important; background: rgb(255, 255, 255) !important; color: rgb(26, 26, 26) !important; box-shadow: rgba(25, 35, 45, 0.06) 0px 4px 16px !important; transition: transform 0.25s, box-shadow 0.25s !important; }.split-cards .card:hover { transform: translateY(-5px) !important; box-shadow: rgba(25, 35, 45, 0.11) 0px 14px 28px !important; }.split-cards .card-image { width: auto !important; height: auto !important; aspect-ratio: 1 / 1 !important; margin: 14px 14px 0px !important; padding: 0px !important; overflow: hidden !important; border-radius: 10px !important; background: rgb(246, 247, 248) !important; }.split-cards .card-image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 10px !important; }.split-cards .card-title { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; margin: 12px 12px 10px !important; color: rgb(26, 26, 26) !important; font-size: clamp(15px, 1.25vw, 18px) !important; font-weight: 700 !important; line-height: 1.25 !important; text-align: center !important; }.split-cards .card-moq { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; margin: 0px 12px 12px !important; padding: 8px 6px !important; box-sizing: border-box !important; background: rgb(255, 249, 229) !important; color: rgb(139, 118, 40) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.25 !important; text-align: center !important; }.split-cards .card-desc { display: none !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 { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 12px !important; width: 100% !important; padding: 0px 16px 40px !important; }.split-cards .card-image { margin: 12px 10px 0px !important; border-radius: 9px !important; }.split-cards .card-image img { border-radius: 9px !important; }.split-cards .card-title { min-height: 36px !important; margin: 10px 8px 8px !important; font-size: 14px !important; line-height: 1.25 !important; }.split-cards .card-moq { min-height: 42px !important; margin: 0px 8px 10px !important; padding: 7px 3px !important; font-size: 12px !important; }.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; }}.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 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-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; }.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; }.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; }.airmei-filter-group:last-child { padding-bottom: 0px; border-bottom: 0px; }.airmei-filter-group-title span:last-child { color: rgb(138, 138, 132); font-size: 11px; font-weight: 500; }.airmei-filter-option:hover, .airmei-filter-option.is-selected { color: rgb(23, 23, 23) !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:hover { border-color: rgb(245, 211, 79) !important; background: rgb(255, 248, 220) !important; color: rgb(23, 23, 23) !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, .btn-b2b { min-height: 48px; padding: 13px 24px; border-radius: 8px; font-size: 14px; line-height: 1.2; transition: transform 0.2s, background 0.2s, border-color 0.2s; }.btn-retail { background: rgb(250, 218, 94); color: rgb(23, 23, 23); }.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: 768px){.btn-retail, .btn-b2b { width: 100%; text-align: center; }}@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; }}