/* JianHong mobile conversion layer. Loaded only for screens up to 768px. */
@media (max-width: 768px) {
    :root {
        --m-blue: #0879e8;
        --m-blue-dark: #0757b8;
        --m-deep-bg: #030a16;
        --m-deep-bg-soft: #061222;
        --m-ink: #101828;
        --m-muted: #667085;
        --m-line: #e5eaf1;
        --m-surface: #f5f8fc;
        --m-green: #18b861;
        --m-radius: 18px;
        --m-header: 64px;
        --m-cta: 68px;
    }

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 76px;
        overflow-x: clip;
    }

    body {
        min-width: 0 !important;
        overflow-x: clip !important;
        padding-bottom: calc(var(--m-cta) + env(safe-area-inset-bottom)) !important;
        color: var(--m-ink);
        -webkit-tap-highlight-color: transparent;
    }

    body.mobile-form-focused,
    body.mobile-chat-open {
        padding-bottom: env(safe-area-inset-bottom) !important;
    }

    img,
    video,
    iframe {
        max-width: 100%;
    }

    a,
    button,
    input,
    textarea,
    select {
        touch-action: manipulation;
    }

    input,
    textarea,
    select {
        font-size: 16px !important;
    }

    /* Header and mobile navigation */
    body .header,
    body .header.active,
    body .header.top,
    body .header.product {
        height: var(--m-header) !important;
        min-height: var(--m-header) !important;
        background: rgba(3, 10, 22, .97) !important;
        border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
        box-shadow: 0 4px 18px rgba(0, 0, 0, .14) !important;
        backdrop-filter: blur(12px);
    }

    /* Product templates include a later pure-black header rule; keep mobile pages on one shared surface. */
    html body.product-category-page .header,
    html body.product-category-page .header.active,
    html body.product-category-page .header.top,
    html body.product-category-page .header.product {
        background: var(--m-deep-bg) !important;
    }

    html body.product-category-page .header > .con,
    html body.product-category-page .header .nav,
    html body.product-category-page .header .right {
        background: transparent !important;
    }

    /* Keep the mobile homepage dark sections in the same navy-black family as the header. */
    body .ctn3-mobile,
    body .ctn5 {
        background: var(--m-deep-bg) !important;
    }

    body .ctn3-mobile {
        border-top: 1px solid rgba(74, 154, 255, .08);
        border-bottom: 1px solid rgba(74, 154, 255, .1);
    }

    body .header > .con {
        width: 100% !important;
        height: var(--m-header) !important;
        min-height: var(--m-header) !important;
        padding: 0 14px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box;
    }

    body .header .logo {
        position: static !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 3;
    }

    body .header .logo a {
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        min-height: 44px;
    }

    body .header .logo img {
        width: 36px !important;
        height: 36px !important;
        object-fit: contain !important;
        border-radius: 50%;
    }

    body .header .logo .brand-name {
        color: #fff !important;
        font-size: 21px !important;
        line-height: 1 !important;
        letter-spacing: 1.4px !important;
    }

    body .header .mobile-btn {
        position: absolute !important;
        left: 8px !important;
        top: 10px !important;
        width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 2003 !important;
    }

    body .header .nav-button,
    body .header .nav-button > div {
        width: 44px !important;
        height: 44px !important;
    }

    body .header .nav-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body .header .nav-button > div {
        position: relative !important;
        flex: 0 0 44px !important;
    }

    body .header .nav-button span {
        position: absolute !important;
        left: 7px !important;
        width: 30px !important;
        margin: 0 !important;
    }

    body .header .nav-button:not(.active) .top-hr {
        top: 13px !important;
    }

    body .header .nav-button:not(.active) .center-hr {
        top: 21px !important;
    }

    body .header .nav-button:not(.active) .bottom-hr {
        top: 29px !important;
    }

    body .header .nav-button.active .top-hr,
    body .header .nav-button.active .bottom-hr {
        top: 21px !important;
    }

    body .header > .con .right {
        top: 10px !important;
        right: 8px !important;
        min-width: 44px !important;
        min-height: 44px !important;
    }

    body .header .lang-btn {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        border-radius: 12px !important;
    }

    body .header .lang-btn .lang-text,
    body .header .lang-btn svg:last-child {
        display: none !important;
    }

    body .header .lang-dropdown {
        position: fixed !important;
        top: 60px !important;
        left: 14px !important;
        right: 14px !important;
        width: auto !important;
        max-height: calc(100dvh - 90px) !important;
        padding: 8px !important;
        overflow-y: auto !important;
        border-radius: 16px !important;
        box-shadow: 0 18px 50px rgba(0, 0, 0, .3) !important;
        z-index: 2100 !important;
    }

    body .header .lang-option {
        min-height: 46px !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 14px !important;
    }

    body .header > .con .nav {
        top: var(--m-header) !important;
        height: calc(100dvh - var(--m-header)) !important;
        padding: 4px 16px calc(28px + env(safe-area-inset-bottom)) !important;
    }

    /* Product category styles force the whole header black; keep only the bar black. */
    html body.product-category-page .header > .con .nav {
        background: #fff !important;
        color: var(--m-ink) !important;
    }

    html body.product-category-page .header > .con .nav > ul > li {
        border-bottom-color: #e7ebf0 !important;
        background: transparent !important;
    }

    html body.product-category-page .header > .con .nav > ul > li > h2 > a {
        color: var(--m-ink) !important;
    }

    html body.product-category-page .header > .con .nav > ul > li.active {
        background: #eef6ff !important;
    }

    html body.product-category-page .header > .con .nav > ul > li.active > h2 > a {
        color: var(--m-blue) !important;
    }

    html body.product-category-page .header > .con .nav > ul > li.children > h2::before {
        border-color: var(--m-ink) !important;
    }

    html body.product-category-page .header > .con .nav .two_ul,
    html body.product-category-page .header > .con .nav .slide-down {
        background: #f7f9fc !important;
    }

    body .header > .con .nav > ul {
        padding-bottom: 14px !important;
    }

    body .header > .con .nav > ul > li > h2 a {
        min-height: 52px !important;
        line-height: 52px !important;
        font-size: 16px !important;
        font-weight: 650 !important;
    }

    body .header .mobile-menu-sales {
        display: block !important;
        margin: 8px 0 0 !important;
        padding: 18px !important;
        border-radius: 16px !important;
        background: linear-gradient(135deg, #071c39 0%, #0b65c9 100%) !important;
        color: #fff !important;
        box-shadow: 0 12px 28px rgba(4, 55, 116, .2);
    }

    body .header .mobile-menu-sales p {
        margin: 0 0 13px !important;
        color: #fff !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
    }

    body .header .mobile-menu-sales-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 9px !important;
    }

    body .header .mobile-menu-sales-actions a {
        min-height: 46px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 10px !important;
        border-radius: 11px !important;
        background: #fff !important;
        color: #0757b8 !important;
        font-size: 14px !important;
        font-weight: 750 !important;
        text-decoration: none !important;
    }

    body .header .mobile-menu-sales-actions a:last-child {
        background: #20c86a !important;
        color: #fff !important;
    }

    body .header .mobile-menu-sales small {
        display: block !important;
        margin-top: 11px !important;
        color: rgba(255, 255, 255, .8) !important;
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    /* Bottom conversion bar */
    body .lead-contact-bar {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        z-index: 10020 !important;
        display: grid !important;
        grid-template-columns: 1.15fr 1fr 1fr !important;
        gap: 0 !important;
        width: 100% !important;
        height: calc(var(--m-cta) + env(safe-area-inset-bottom)) !important;
        padding: 7px 8px calc(7px + env(safe-area-inset-bottom)) !important;
        transform: none !important;
        border-top: 1px solid rgba(16, 24, 40, .1) !important;
        background: rgba(255, 255, 255, .98) !important;
        box-shadow: 0 -8px 28px rgba(16, 24, 40, .13) !important;
        box-sizing: border-box !important;
        backdrop-filter: blur(14px);
    }

    body .lead-contact-link {
        width: auto !important;
        height: 54px !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        margin: 0 3px !important;
        padding: 3px 4px !important;
        border-radius: 13px !important;
        box-shadow: none !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
    }

    body .lead-contact-link svg {
        width: 23px !important;
        height: 23px !important;
    }

    body .lead-contact-link span {
        display: block !important;
        white-space: nowrap;
    }

    body .lead-contact-quote {
        background: linear-gradient(135deg, var(--m-blue), var(--m-blue-dark)) !important;
        color: #fff !important;
    }

    body .lead-contact-whatsapp {
        background: #e9fbf1 !important;
        color: #108b48 !important;
    }

    body .lead-contact-chat {
        background: #eef4ff !important;
        color: #175bb5 !important;
    }

    body .lead-contact-email,
    body .whatsapp-float-fixed,
    body .back-to-top-fixed,
    body #kefuButton,
    body .kefu-button {
        display: none !important;
    }

    body.mobile-form-focused .lead-contact-bar,
    body.mobile-chat-open .lead-contact-bar,
    body.mobile-menu-open .lead-contact-bar {
        transform: translateY(110%) !important;
        pointer-events: none !important;
    }

    /* Home hero: show one clear message without loading more media. */
    body #c_static_001-1759038485224 .banner.model1 {
        min-height: 510px !important;
        height: min(70dvh, 610px) !important;
        aspect-ratio: auto !important;
        margin-top: 0 !important;
    }

    body #c_static_001-1759038485224 .banner .swiper-slide picture img {
        object-position: center center !important;
    }

    body #c_static_001-1759038485224 .banner .swiper-slide .banner-text-new,
    body #c_static_001-1759038485224 .banner .swiper-slide:first-child .first-slide-center {
        top: calc(var(--m-header) + 14px) !important;
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
        transform: none !important;
        text-align: left !important;
        pointer-events: none;
    }

    body #c_static_001-1759038485224 .banner .swiper-slide .banner-text-new .con,
    body #c_static_001-1759038485224 .banner .swiper-slide:first-child .first-slide-center .con {
        width: 100% !important;
        text-align: left !important;
    }

    body #c_static_001-1759038485224 .banner .swiper-slide .banner-text-new .banner-product-name,
    body #c_static_001-1759038485224 .banner .swiper-slide:first-child .first-slide-center .banner-product-name {
        display: inline-block !important;
        max-width: min(92%, 360px) !important;
        margin: 0 !important;
        padding: 9px 12px 10px !important;
        border: 1px solid rgba(255, 255, 255, .22) !important;
        border-radius: 12px !important;
        background: rgba(3, 12, 28, .7) !important;
        color: #fff !important;
        font-family: inherit !important;
        font-size: clamp(21px, 6.2vw, 28px) !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        letter-spacing: -.02em !important;
        text-align: left !important;
        text-shadow: 0 2px 10px rgba(0, 0, 0, .45) !important;
        backdrop-filter: blur(7px);
    }

    body #c_static_001-1759038485224 .banner .banner-desc,
    body #c_static_001-1759038485224 .banner .banner-features,
    body #c_static_001-1759038485224 .banner .banner-accent-line {
        display: none !important;
    }

    .mobile-home-conversion {
        display: block !important;
        margin: 0 !important;
        padding: 34px 16px 30px !important;
        background: linear-gradient(180deg, #fff 0%, #f2f7fd 100%) !important;
    }

    .mobile-home-conversion-head > span {
        color: var(--m-blue) !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: .1em !important;
    }

    .mobile-home-conversion-head h2 {
        margin: 7px 0 8px !important;
        color: var(--m-ink) !important;
        font-size: 27px !important;
        line-height: 1.14 !important;
        letter-spacing: -.025em !important;
    }

    .mobile-home-conversion-head p {
        margin: 0 !important;
        color: var(--m-muted) !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    .mobile-home-conversion-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-top: 20px !important;
    }

    .mobile-solution-link {
        min-height: 100px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        gap: 5px !important;
        padding: 15px !important;
        border: 1px solid #dfe8f3 !important;
        border-radius: 15px !important;
        background: #fff !important;
        color: var(--m-ink) !important;
        text-decoration: none !important;
        box-shadow: 0 8px 20px rgba(32, 71, 117, .06) !important;
    }

    .mobile-solution-link strong {
        font-size: 17px !important;
        line-height: 1.2 !important;
    }

    .mobile-solution-link span {
        color: var(--m-muted) !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    .mobile-solution-link.is-primary {
        grid-column: 1 / -1 !important;
        min-height: 84px !important;
        border-color: transparent !important;
        background: linear-gradient(135deg, var(--m-blue), var(--m-blue-dark)) !important;
        color: #fff !important;
    }

    .mobile-solution-link.is-primary span {
        color: rgba(255, 255, 255, .83) !important;
    }

    .mobile-home-proof {
        display: flex !important;
        gap: 7px !important;
        margin-top: 14px !important;
        overflow-x: auto !important;
        scrollbar-width: none;
    }

    .mobile-home-proof::-webkit-scrollbar {
        display: none;
    }

    .mobile-home-proof span {
        flex: 0 0 auto !important;
        padding: 7px 10px !important;
        border-radius: 999px !important;
        background: #e8f2ff !important;
        color: #175aa9 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
    }

    .jh-products-section {
        padding: 30px 0 !important;
    }

    .jh-products-container {
        padding: 0 12px !important;
    }

    .jh-products-grid {
        gap: 12px !important;
    }

    .jh-product-card {
        width: 100% !important;
        height: min(82vw, 350px) !important;
        border-radius: var(--m-radius) !important;
        box-shadow: 0 10px 26px rgba(16, 24, 40, .09) !important;
    }

    .jh-product-card .product-content-overlay {
        padding: 20px 16px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.6) 58%, transparent 100%) !important;
    }

    .jh-product-card .product-name {
        margin-bottom: 8px !important;
        font-size: 21px !important;
        line-height: 1.2 !important;
    }

    .solutions-home {
        padding: 38px 16px !important;
    }

    .solutions-home .solutions-head {
        gap: 8px !important;
        margin-bottom: 18px !important;
    }

    .solutions-home h2 {
        font-size: 27px !important;
    }

    .solutions-grid {
        display: flex !important;
        gap: 12px !important;
        margin: 0 -16px !important;
        padding: 0 16px 10px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .solutions-grid::-webkit-scrollbar {
        display: none;
    }

    .solution-card {
        flex: 0 0 78vw !important;
        min-height: 155px !important;
        border-radius: 16px !important;
        scroll-snap-align: start;
    }

    .oem-section {
        padding: 38px 0 32px !important;
    }

    .oem-header {
        margin-bottom: 23px !important;
    }

    .oem-header h2 {
        font-size: 26px !important;
        line-height: 1.15 !important;
    }

    .oem-steps-wrap {
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        margin: 0 -16px 22px !important;
        padding: 0 16px 10px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .oem-steps-wrap::-webkit-scrollbar {
        display: none;
    }

    .oem-step {
        flex: 0 0 43vw !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 16px 12px !important;
        border: 1px solid var(--m-line) !important;
        border-radius: 16px !important;
        background: #fff !important;
        scroll-snap-align: start;
    }

    .oem-step .step-icon-wrap {
        width: 84px !important;
        height: 84px !important;
        margin-bottom: 11px !important;
    }

    .oem-step p {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    .oem-arrow {
        display: none !important;
    }

    .oem-features {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0 !important;
        padding: 8px !important;
        border-radius: 16px !important;
    }

    .oem-feature {
        width: auto !important;
        min-height: 62px !important;
        padding: 10px !important;
        border: 0 !important;
    }

    /* Product category pages */
    body.product-category-page .mobile-nav {
        position: sticky !important;
        top: var(--m-header) !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 1100 !important;
        width: 100% !important;
        height: 48px !important;
        padding: 5px 0 !important;
        border-top: 0 !important;
        border-bottom: 1px solid var(--m-line) !important;
        background: rgba(255,255,255,.97) !important;
        box-shadow: 0 4px 14px rgba(16,24,40,.06) !important;
    }

    body.product-category-page .mobile-nav-container {
        height: 38px !important;
        padding: 0 10px !important;
    }

    body.product-category-page .mobile-nav-item {
        min-height: 36px !important;
        padding: 0 14px !important;
        border-radius: 999px !important;
        font-size: 13px !important;
    }

    body.product-category-page .product-card,
    body.product-category-page .product-content-wrapper {
        border-radius: 18px !important;
        box-shadow: 0 12px 30px rgba(16, 24, 40, .08) !important;
    }

    /* Product detail conversion */
    body .product-page {
        top: var(--m-header) !important;
        margin-bottom: var(--m-header) !important;
    }

    body .product-page .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
        box-sizing: border-box !important;
    }

    body .product-breadcrumb {
        padding: 8px 0 !important;
        overflow: hidden !important;
    }

    body .product-breadcrumb ol {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow: hidden !important;
    }

    body .product-breadcrumb li {
        flex: 0 0 auto !important;
        max-width: 42vw !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 12px !important;
    }

    body .product-main-section {
        padding: 10px 0 26px !important;
    }

    body .product-layout {
        display: block !important;
    }

    body .left-gallery,
    body .right-info {
        width: 100% !important;
        max-width: none !important;
    }

    body .gallery-wrapper,
    body .main-image {
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    body .gallery-wrapper {
        gap: 10px !important;
    }

    body .main-image {
        min-height: 0 !important;
        aspect-ratio: auto !important;
        display: flex !important;
        flex-direction: column !important;
        background: #f5f7fa !important;
    }

    body .main-image .image-slider {
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        background: linear-gradient(180deg, #f7f9fc 0%, #fff 100%) !important;
    }

    body .main-image .video-slider {
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
    }

    body .main-image .slide-item,
    body .main-image .slide-item img {
        width: 100% !important;
        height: 100% !important;
    }

    body .main-image .slide-item img {
        object-fit: contain !important;
        object-position: center !important;
    }

    body .thumbnail-overlay {
        position: static !important;
        left: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 70px !important;
        padding: 9px 12px !important;
        gap: 8px !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow-x: auto !important;
        border-top: 1px solid var(--m-line) !important;
        border-radius: 0 !important;
        background: #f8fafc !important;
        box-sizing: border-box !important;
        scrollbar-width: none;
        backdrop-filter: none !important;
    }

    body .thumbnail-overlay::-webkit-scrollbar {
        display: none;
    }

    body .main-image:hover .thumbnail-overlay {
        transform: none !important;
    }

    body .thumbnail-overlay .thumbnail-item {
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
        border-color: #d7dee8 !important;
        border-radius: 8px !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    body .thumbnail-overlay .thumbnail-item:first-child {
        margin-left: auto;
    }

    body .thumbnail-overlay .thumbnail-item:last-child {
        margin-right: auto;
    }

    body .thumbnail-overlay .thumbnail-item.active {
        border-color: var(--m-blue) !important;
        box-shadow: 0 0 0 2px rgba(8, 121, 232, .12) !important;
    }

    body .thumbnail-overlay .thumbnail-item img {
        object-fit: contain !important;
    }

    body .main-image .nav-btn {
        top: calc((100% - 70px) / 2) !important;
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 12px !important;
        background: rgba(3, 10, 22, .72) !important;
    }

    body .media-switcher {
        margin-top: 0 !important;
    }

    body .right-info {
        margin-top: 18px !important;
        padding: 0 !important;
    }

    body .right-info .product-title,
    body .product-page .product-title {
        margin: 0 0 12px !important;
        color: var(--m-ink) !important;
        font-size: clamp(25px, 7vw, 31px) !important;
        line-height: 1.15 !important;
        letter-spacing: -.025em !important;
    }

    body .b2b-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 14px 0 !important;
    }

    body .b2b-info-item {
        min-height: 72px !important;
        padding: 11px !important;
        border-radius: 12px !important;
        background: var(--m-surface) !important;
    }

    body .inquiry-section {
        position: sticky !important;
        bottom: calc(var(--m-cta) + 8px) !important;
        z-index: 50 !important;
        margin: 16px -2px 8px !important;
    }

    body .inquiry-btn {
        min-height: 54px !important;
        padding: 0 18px !important;
        border-radius: 14px !important;
        background: linear-gradient(135deg, var(--m-blue), var(--m-blue-dark)) !important;
        box-shadow: 0 10px 24px rgba(8,121,232,.28) !important;
    }

    body .inquiry-text {
        font-size: 16px !important;
        font-weight: 750 !important;
    }

    body .product-tabs,
    body .product-intro-section .detail-tabs {
        position: sticky !important;
        top: var(--m-header) !important;
        z-index: 100 !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        background: rgba(255,255,255,.97) !important;
    }

    body .tab-nav {
        min-width: max-content !important;
    }

    body .tab-nav-item,
    body .detail-tabs .tab-item {
        flex: 0 0 auto !important;
        min-height: 48px !important;
        padding: 0 16px !important;
    }

    body .detail-content {
        font-size: 15px !important;
        line-height: 1.75 !important;
    }

    body .detail-content img {
        height: auto !important;
        border-radius: 12px !important;
    }

    body .params-table {
        width: 100% !important;
        table-layout: fixed !important;
    }

    body .params-table td {
        padding: 12px 10px !important;
        overflow-wrap: anywhere !important;
        font-size: 13px !important;
    }

    body .params-table .param-name {
        width: 38% !important;
    }

    body .product-solutions-grid {
        display: flex !important;
        gap: 12px !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
    }

    body .product-solution-card {
        flex: 0 0 78vw !important;
        border-radius: 16px !important;
        scroll-snap-align: start;
    }

    /* News and solution listing hero typography */
    html body .news-header .banner {
        min-height: 176px !important;
        margin-top: var(--m-header) !important;
        overflow: hidden !important;
        background: #e9eef4 !important;
    }

    html body .news-header .banner::after {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        display: block !important;
        background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.84) 58%, rgba(255,255,255,.42) 100%) !important;
        pointer-events: none !important;
    }

    html body .news-header .banner > img {
        width: 100% !important;
        height: 176px !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: 64% center !important;
    }

    html body .news-header .banner .text {
        top: 50% !important;
        left: 0 !important;
        width: 100% !important;
        padding: 0 16px !important;
        transform: translateY(-50%) !important;
        z-index: 3 !important;
        box-sizing: border-box !important;
    }

    html body .news-header .banner .text .con {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body .news-header .banner .text h1,
    html body .solutions-header .banner .text h1 {
        max-width: 330px !important;
        margin: 0 !important;
        color: var(--m-ink) !important;
        font-family: 'Open Sans', Arial, sans-serif !important;
        font-size: 27px !important;
        font-weight: 750 !important;
        line-height: 1.14 !important;
        letter-spacing: -.025em !important;
    }

    html body .news-header .news-header-desc {
        display: -webkit-box !important;
        max-width: 330px !important;
        margin: 10px 0 0 !important;
        overflow: hidden !important;
        color: #344054 !important;
        font-family: 'Open Sans', Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
    }

    html body .news-filter .con {
        margin: 0 12px !important;
        padding: 10px 8px !important;
        overflow: hidden !important;
    }

    html body .news-filter .filter-list {
        justify-content: flex-start !important;
        gap: 4px !important;
        overflow-x: auto !important;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    html body .news-filter .filter-list::-webkit-scrollbar {
        display: none !important;
    }

    html body .news-filter .filter-item {
        scroll-snap-align: start;
    }

    html body .news-filter .filter-item a {
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 12px !important;
        font-size: 13px !important;
    }

    body .inquiry-form-section {
        padding: 36px 14px !important;
    }

    body .inquiry-form-wrapper {
        padding: 20px 15px !important;
        border-radius: 18px !important;
    }

    body .inquiry-form input,
    body .inquiry-form textarea,
    body .submit-inquiry-btn {
        min-height: 52px !important;
        border-radius: 12px !important;
    }

    /* Contact page: form first, fewer distractions. */
    body .contact-wrapper {
        min-height: 0 !important;
        padding: 82px 12px 34px !important;
        background: linear-gradient(180deg, #071c39 0, #0b65c9 280px, #f4f7fb 280px) !important;
    }

    body .contact-container {
        width: 100% !important;
        max-width: 100% !important;
    }

    body .contact-header {
        margin-bottom: 18px !important;
        padding: 0 8px !important;
    }

    body .contact-title {
        font-size: 34px !important;
        line-height: 1.1 !important;
    }

    body .contact-subtitle {
        margin-top: 8px !important;
        font-size: 14px !important;
    }

    body .contact-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    body .contact-form-card {
        order: 1 !important;
        padding: 20px 15px !important;
        border-radius: 20px !important;
        box-shadow: 0 16px 40px rgba(15, 34, 65, .16) !important;
    }

    body .contact-info-card {
        order: 2 !important;
        min-height: 0 !important;
        padding: 18px 15px !important;
        border-radius: 18px !important;
    }

    .mobile-contact-intro {
        display: block !important;
        margin-bottom: 18px !important;
        padding-bottom: 16px !important;
        border-bottom: 1px solid var(--m-line) !important;
    }

    .mobile-contact-intro > span {
        color: var(--m-blue) !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: .08em !important;
    }

    .mobile-contact-intro h2 {
        margin: 5px 0 6px !important;
        color: var(--m-ink) !important;
        font-size: 25px !important;
        line-height: 1.2 !important;
    }

    .mobile-contact-intro p {
        margin: 0 !important;
        color: var(--m-muted) !important;
        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    .mobile-contact-intro > div {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin-top: 11px !important;
    }

    .mobile-contact-intro small {
        padding: 5px 8px !important;
        border-radius: 999px !important;
        background: #edf5ff !important;
        color: #2563a8 !important;
        font-size: 10px !important;
        font-weight: 700 !important;
    }

    body .contact-form .form-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    body .contact-form .form-group {
        margin-bottom: 14px !important;
    }

    body .contact-form .form-label {
        margin-bottom: 7px !important;
        color: #344054 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    body .contact-form .form-input,
    body .contact-form .form-textarea {
        width: 100% !important;
        min-height: 52px !important;
        padding: 12px 13px !important;
        border: 1px solid #ccd6e3 !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    body .contact-form .form-textarea {
        min-height: 130px !important;
        line-height: 1.5 !important;
    }

    body .contact-form .form-input:focus,
    body .contact-form .form-textarea:focus {
        border-color: var(--m-blue) !important;
        box-shadow: 0 0 0 4px rgba(8, 121, 232, .11) !important;
        outline: 0 !important;
    }

    body .contact-form .submit-btn {
        width: 100% !important;
        min-height: 54px !important;
        border-radius: 13px !important;
        background: linear-gradient(135deg, var(--m-blue), var(--m-blue-dark)) !important;
        font-size: 16px !important;
        font-weight: 750 !important;
        box-shadow: 0 10px 22px rgba(8,121,232,.24) !important;
    }

    .mobile-form-assurance {
        display: block !important;
        margin: 10px 0 0 !important;
        color: var(--m-muted) !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }

    body .info-item {
        align-items: flex-start !important;
        margin-bottom: 14px !important;
    }

    body .info-icon {
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px !important;
    }

    body .location-map-section {
        display: none !important;
    }

    /* Online chat becomes an easy-to-use bottom sheet. */
    body #kefuChatBox,
    body .kefu-chat-box {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: none !important;
        max-height: min(88dvh, 720px) !important;
        border-radius: 22px 22px 0 0 !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
        box-shadow: 0 -18px 54px rgba(3, 12, 28, .3) !important;
        z-index: 10040 !important;
    }

    body #kefuChatBox input,
    body #kefuChatBox textarea,
    body #kefuChatBox button,
    body .kefu-chat-box input,
    body .kefu-chat-box textarea,
    body .kefu-chat-box button {
        min-height: 48px !important;
        border-radius: 11px !important;
    }

    body #kefuChatBox textarea,
    body .kefu-chat-box textarea {
        min-height: 82px !important;
    }

    /* Compact the long footer on mobile. */
    body .footer-new {
        padding: 34px 14px 20px !important;
        background: var(--m-deep-bg) !important;
        border-top: 1px solid rgba(74, 154, 255, .12);
    }

    body .footer-main,
    body .footer-middle {
        gap: 24px !important;
        margin-bottom: 28px !important;
    }

    body .footer-brand img {
        width: 42px !important;
        height: 42px !important;
    }

    body .subscribe-section {
        padding: 18px 14px !important;
        border-radius: 16px !important;
    }
}

@media (max-width: 380px) {
    .mobile-home-conversion-grid {
        grid-template-columns: 1fr !important;
    }

    .mobile-solution-link {
        min-height: 82px !important;
    }

    body .lead-contact-link {
        margin: 0 2px !important;
        font-size: 10px !important;
    }
}

/* Core product category experience: Detection / Jamming / Module / System / Accessories. */
@media (max-width: 768px) {
    body.product-category-page {
        --category-accent: #4a9aff;
        --category-accent-2: #2dd4bf;
        --category-rgb: 74, 154, 255;
        --category-rgb-2: 45, 212, 191;
        --category-deep: #07162b;
        background: #040812 !important;
    }

    body.product-detection-page {
        --category-accent: #3aa7ff;
        --category-accent-2: #55dcff;
        --category-rgb: 58, 167, 255;
        --category-rgb-2: 85, 220, 255;
        --category-deep: #071c34;
    }

    body.product-jamming-page {
        --category-accent: #4a9aff;
        --category-accent-2: #2dd4bf;
        --category-rgb: 74, 154, 255;
        --category-rgb-2: 45, 212, 191;
        --category-deep: #07182d;
    }

    body.product-module-page {
        --category-accent: #8b7cff;
        --category-accent-2: #51d4ff;
        --category-rgb: 139, 124, 255;
        --category-rgb-2: 81, 212, 255;
        --category-deep: #11142f;
    }

    body.product-system-page {
        --category-accent: #ffb454;
        --category-accent-2: #4a9aff;
        --category-rgb: 255, 180, 84;
        --category-rgb-2: 74, 154, 255;
        --category-deep: #1e1720;
    }

    body.product-accessories-page {
        --category-accent: #2dd4bf;
        --category-accent-2: #5edfff;
        --category-rgb: 45, 212, 191;
        --category-rgb-2: 94, 223, 255;
        --category-deep: #071e28;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) {
        --primary-blue: var(--category-accent);
        --primary-teal: var(--category-accent-2);
        --border-color: rgba(var(--category-rgb), .2);
        background:
            radial-gradient(circle at 105% 18%, rgba(var(--category-rgb), .09), transparent 31%),
            #040812 !important;
    }

    body.product-category-page .jamming-hero,
    body.product-category-page .detection-hero {
        min-height: 490px !important;
        isolation: isolate;
        align-items: flex-end !important;
        border-bottom: 1px solid rgba(var(--category-rgb), .15);
        background: var(--category-deep) !important;
    }

    body.product-category-page .jamming-hero::before,
    body.product-category-page .detection-hero::before {
        content: "";
        position: absolute;
        z-index: 1;
        inset: 0;
        pointer-events: none;
        background:
            linear-gradient(rgba(var(--category-rgb), .035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(var(--category-rgb), .035) 1px, transparent 1px);
        background-size: 34px 34px;
        mask-image: linear-gradient(to bottom, rgba(0,0,0,.85), transparent 82%);
    }

    body.product-category-page .hero-bg-wrap {
        background:
            radial-gradient(circle at 82% 28%, rgba(var(--category-rgb-2), .16), transparent 27%),
            radial-gradient(circle at 28% 60%, rgba(var(--category-rgb), .13), transparent 36%),
            linear-gradient(160deg, #040812 5%, var(--category-deep) 54%, #050a14 100%) !important;
    }

    body.product-category-page .hero-bg-wrap::before {
        width: 350px !important;
        height: 350px !important;
        background: radial-gradient(circle, rgba(var(--category-rgb), .22), transparent 68%) !important;
        animation: categoryGlow 5s ease-in-out infinite alternate;
    }

    body.product-category-page .hero-radar-wrap {
        opacity: .86 !important;
        transform: scale(.88);
        transform-origin: center;
        filter: hue-rotate(var(--category-hue, 0deg));
    }

    body.product-category-page .hero-content {
        z-index: 5 !important;
        padding: 0 19px 34px !important;
    }

    body.product-category-page .hero-eyebrow {
        display: inline-flex !important;
        align-items: center;
        gap: 8px;
        margin: 0 0 13px !important;
        color: var(--category-accent) !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        letter-spacing: 2px !important;
        text-shadow: 0 0 20px rgba(var(--category-rgb), .35);
    }

    body.product-category-page .hero-eyebrow::before {
        content: "";
        width: 22px;
        height: 2px;
        border-radius: 99px;
        background: linear-gradient(90deg, var(--category-accent), var(--category-accent-2));
        box-shadow: 0 0 12px rgba(var(--category-rgb), .65);
    }

    body.product-category-page .hero-title {
        max-width: 330px;
        margin: 0 0 14px !important;
        color: #fff !important;
        font-size: clamp(39px, 11.2vw, 46px) !important;
        font-weight: 900 !important;
        line-height: .98 !important;
        letter-spacing: -.045em !important;
        text-wrap: balance;
        text-shadow: 0 10px 38px rgba(0,0,0,.38);
    }

    body.product-category-page .hero-desc {
        max-width: 340px;
        margin: 0 0 24px !important;
        color: #a8bed6 !important;
        font-size: 13.5px !important;
        line-height: 1.68 !important;
    }

    body.product-category-page .hero-desc br {
        display: none;
    }

    body.product-category-page .hero-actions {
        display: grid !important;
        grid-template-columns: 1.08fr .92fr;
        gap: 10px !important;
    }

    body.product-category-page .hero-btn-primary,
    body.product-category-page .hero-btn-outline {
        justify-content: center !important;
        min-width: 0 !important;
        min-height: 50px !important;
        padding: 12px 13px !important;
        border-radius: 11px !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        box-shadow: none !important;
    }

    body.product-category-page .hero-btn-primary {
        border: 1px solid rgba(255,255,255,.16) !important;
        background: var(--category-accent) !important;
        background: linear-gradient(135deg, var(--category-accent), color-mix(in srgb, var(--category-accent) 62%, #0757b8)) !important;
        box-shadow: 0 10px 26px rgba(var(--category-rgb), .25) !important;
    }

    body.product-category-page .hero-btn-outline {
        border-color: rgba(var(--category-rgb-2), .72) !important;
        background: rgba(4, 12, 24, .55) !important;
        color: var(--category-accent-2) !important;
        backdrop-filter: blur(9px);
    }

    body.product-category-page .mobile-category-proof {
        position: relative;
        z-index: 8;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        padding: 13px 12px 14px;
        border-top: 1px solid rgba(var(--category-rgb), .17);
        border-bottom: 1px solid rgba(var(--category-rgb), .17);
        background:
            linear-gradient(90deg, rgba(var(--category-rgb), .07), rgba(var(--category-rgb-2), .04)),
            #060b14;
    }

    body.product-category-page .mobile-category-proof__item {
        min-width: 0;
        padding: 10px 8px 9px;
        border: 1px solid rgba(var(--category-rgb), .16);
        border-radius: 11px;
        background: rgba(255,255,255,.025);
        box-shadow: inset 0 1px rgba(255,255,255,.035);
    }

    body.product-category-page .mobile-category-proof__item::before {
        content: "";
        display: block;
        width: 20px;
        height: 3px;
        margin-bottom: 8px;
        border-radius: 99px;
        background: linear-gradient(90deg, var(--category-accent), var(--category-accent-2));
        box-shadow: 0 0 10px rgba(var(--category-rgb), .45);
    }

    body.product-category-page .mobile-category-proof strong,
    body.product-category-page .mobile-category-proof span {
        display: block;
        overflow-wrap: anywhere;
    }

    body.product-category-page .mobile-category-proof strong {
        color: #f8fbff;
        font-size: 11px;
        line-height: 1.25;
    }

    body.product-category-page .mobile-category-proof span {
        margin-top: 3px;
        color: #7791ad;
        font-size: 9px;
        line-height: 1.35;
    }

    body.product-category-page .featured-products {
        padding: 30px 0 36px !important;
        background:
            radial-gradient(circle at 100% 0, rgba(var(--category-rgb), .07), transparent 26%),
            #040812 !important;
    }

    body.product-category-page .featured-products .container,
    body.product-category-page .why-choose .container,
    body.product-category-page .solution-process .container,
    body.product-category-page .category-product-index .container,
    body.product-category-page .cta-section .container {
        width: 100% !important;
        max-width: none !important;
        padding-right: 13px !important;
        padding-left: 13px !important;
        box-sizing: border-box !important;
    }

    body.product-category-page .featured-products .container {
        counter-reset: mobile-category-product;
    }

    body.product-category-page .section-header {
        margin-bottom: 18px !important;
    }

    body.product-category-page .section-title-row {
        gap: 9px !important;
    }

    body.product-category-page .section-icon {
        width: 19px !important;
        height: 19px !important;
        color: var(--category-accent) !important;
        filter: drop-shadow(0 0 7px rgba(var(--category-rgb), .4));
    }

    body.product-category-page .section-header .section-title {
        color: #eaf3ff !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        letter-spacing: 1.65px !important;
    }

    body.product-category-page .section-header .view-all {
        color: var(--category-accent) !important;
        font-size: 11px !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-card,
    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-content-wrapper {
        counter-increment: mobile-category-product;
        margin-bottom: 16px !important;
        padding: 11px 11px 17px !important;
        border: 1px solid rgba(var(--category-rgb), .23) !important;
        border-radius: 20px !important;
        background:
            linear-gradient(145deg, rgba(var(--category-rgb), .07), transparent 42%),
            #070d18 !important;
        box-shadow: 0 18px 42px rgba(0,0,0,.27), inset 0 1px rgba(255,255,255,.035) !important;
        overflow: hidden !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-card::before {
        background: radial-gradient(circle at 90% 4%, rgba(var(--category-rgb-2), .12), transparent 35%) !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-card::after {
        content: counter(mobile-category-product, decimal-leading-zero);
        position: absolute;
        top: 16px;
        right: 17px;
        z-index: 12;
        display: grid;
        place-items: center;
        width: 27px;
        height: 27px;
        border: 1px solid rgba(var(--category-rgb), .32);
        border-radius: 50%;
        background: rgba(4,8,18,.72);
        color: var(--category-accent);
        font-size: 10px;
        font-weight: 800;
        backdrop-filter: blur(8px);
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-content {
        display: flex !important;
        flex-direction: column !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-image {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        order: -1;
        width: 100% !important;
        height: 178px !important;
        margin: 0 0 16px !important;
        border: 1px solid rgba(var(--category-rgb), .14);
        border-radius: 15px;
        background:
            radial-gradient(circle at 50% 45%, rgba(255,255,255,.12), transparent 47%),
            linear-gradient(145deg, rgba(var(--category-rgb), .12), rgba(255,255,255,.025));
        overflow: hidden;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-image img,
    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-image .product-svg {
        width: 88% !important;
        height: 88% !important;
        max-height: 160px !important;
        object-fit: contain !important;
        filter: drop-shadow(0 12px 22px rgba(0,0,0,.32)) !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-tag {
        display: inline-flex !important;
        width: fit-content;
        max-width: 100% !important;
        margin: 0 0 9px !important;
        padding: 6px 9px 5px;
        border: 1px solid rgba(var(--category-rgb), .24);
        border-radius: 999px;
        background: rgba(var(--category-rgb), .09);
        color: var(--category-accent) !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        letter-spacing: 1.15px !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-name {
        max-width: 100% !important;
        margin: 0 0 9px !important;
        color: #fff !important;
        font-size: clamp(24px, 7.5vw, 30px) !important;
        font-weight: 850 !important;
        line-height: 1.08 !important;
        letter-spacing: -.035em !important;
        text-wrap: balance;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-desc {
        max-width: 100% !important;
        margin: 0 0 15px !important;
        color: #91a9c2 !important;
        font-size: 13px !important;
        line-height: 1.58 !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-specs {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: 0 0 13px !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .spec-item {
        min-width: 0;
        min-height: 70px;
        padding: 9px 7px !important;
        border: 1px solid rgba(var(--category-rgb), .15) !important;
        border-radius: 10px !important;
        background: rgba(255,255,255,.027) !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .spec-item svg,
    body.product-category-page :is(.jamming-page-new, .detection-page-new) .spec-icon-dot {
        color: var(--category-accent) !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .spec-item strong,
    body.product-category-page :is(.jamming-page-new, .detection-page-new) .spec-value {
        color: #f4f8ff !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        overflow-wrap: anywhere;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .spec-label {
        color: #6f89a5 !important;
        font-size: 9px !important;
        line-height: 1.25 !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-actions {
        display: block !important;
        margin-top: 4px;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .product-actions .btn,
    body.product-category-page :is(.jamming-page-new, .detection-page-new) .learn-more-link {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        min-height: 48px !important;
        padding: 12px 16px !important;
        border: 1px solid rgba(255,255,255,.15) !important;
        border-radius: 11px !important;
        background: var(--category-accent) !important;
        background: linear-gradient(135deg, var(--category-accent), color-mix(in srgb, var(--category-accent) 58%, #0757b8)) !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        box-shadow: 0 10px 22px rgba(var(--category-rgb), .18) !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .expandable-section {
        margin-top: 8px !important;
        border: 1px solid rgba(var(--category-rgb), .13) !important;
        border-radius: 11px !important;
        background: rgba(255,255,255,.018) !important;
        overflow: hidden;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .expandable-header {
        min-height: 44px;
        padding: 10px 12px !important;
        color: #c8d8e9 !important;
        font-size: 12px !important;
    }

    body.product-category-page :is(.jamming-page-new, .detection-page-new) .expandable-section.expanded {
        border-color: rgba(var(--category-rgb), .25) !important;
        background: rgba(var(--category-rgb), .035) !important;
    }

    body.product-category-page .category-product-index {
        padding: 34px 0 38px !important;
        border-top: 1px solid rgba(var(--category-rgb), .14);
        background: #060b14 !important;
    }

    body.product-category-page .category-product-index h2 {
        margin: 0 0 16px !important;
        color: #f3f7ff !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        letter-spacing: -.025em;
    }

    body.product-category-page .category-product-index__grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body.product-category-page .category-product-index__item {
        min-height: 58px !important;
        padding: 13px 14px !important;
        border-color: rgba(var(--category-rgb), .16) !important;
        border-radius: 12px !important;
        background: linear-gradient(90deg, rgba(var(--category-rgb), .065), rgba(255,255,255,.015)) !important;
        color: #cad8e8 !important;
        font-size: 12px !important;
    }

    body.product-category-page .category-product-index__arrow {
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: rgba(var(--category-rgb), .12);
        color: var(--category-accent);
    }

    body.product-category-page .why-choose,
    body.product-category-page .solution-process {
        padding: 34px 0 38px !important;
        border-top-color: rgba(var(--category-rgb), .15) !important;
        background: #040812 !important;
    }

    body.product-category-page .why-choose-list,
    body.product-category-page .process-steps {
        border-color: rgba(var(--category-rgb), .18) !important;
        border-radius: 17px !important;
        background: linear-gradient(150deg, rgba(var(--category-rgb), .055), #070d18 45%) !important;
        box-shadow: 0 16px 34px rgba(0,0,0,.2);
    }

    body.product-category-page .why-choose-item,
    body.product-category-page .process-step {
        min-height: 96px;
        padding: 17px 14px !important;
        border-bottom-color: rgba(var(--category-rgb), .12) !important;
    }

    body.product-category-page .item-number {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        margin-right: 13px !important;
        border: 1px solid rgba(var(--category-rgb), .3);
        border-radius: 10px;
        background: rgba(var(--category-rgb), .1);
        color: var(--category-accent) !important;
        font-size: 12px !important;
    }

    body.product-category-page .why-choose-item h3,
    body.product-category-page .step-content h3 {
        color: #f5f8ff !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    body.product-category-page .why-choose-item p,
    body.product-category-page .step-content p {
        color: #839bb4 !important;
        font-size: 11.5px !important;
        line-height: 1.55 !important;
    }

    body.product-category-page .step-number {
        background: linear-gradient(135deg, var(--category-accent), var(--category-accent-2)) !important;
        box-shadow: 0 5px 16px rgba(var(--category-rgb), .24);
    }

    body.product-category-page .step-dot,
    body.product-category-page .step-line {
        background: rgba(var(--category-rgb), .34) !important;
    }

    body.product-category-page .cta-content {
        border-color: rgba(var(--category-rgb), .3) !important;
        border-radius: 18px !important;
        background:
            radial-gradient(circle at 90% 10%, rgba(var(--category-rgb-2), .17), transparent 35%),
            linear-gradient(135deg, #08101d, rgba(var(--category-rgb), .13)) !important;
        box-shadow: 0 18px 38px rgba(0,0,0,.23);
    }

    /* Blend the final contact block into the shared navy-black mobile surface. */
    body.product-category-page .cta-section {
        margin-bottom: 0 !important;
        padding-bottom: 52px !important;
        background: linear-gradient(180deg, #040812 0%, var(--m-deep-bg-soft) 62%, var(--m-deep-bg) 100%) !important;
    }

    body.product-category-page .footer-new {
        position: relative;
        isolation: isolate;
        margin-top: -1px;
        padding-top: 38px !important;
        background: linear-gradient(180deg, var(--m-deep-bg) 0%, #040d1b 100%) !important;
        overflow: hidden;
    }

    body.product-category-page .footer-new::before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        right: 8%;
        left: 8%;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(var(--category-rgb), .42), transparent);
        box-shadow: 0 0 16px rgba(var(--category-rgb), .16);
        pointer-events: none;
    }

    body.product-category-page .footer-new::after {
        content: "";
        position: absolute;
        z-index: 0;
        top: -72px;
        left: 50%;
        width: 360px;
        height: 180px;
        transform: translateX(-50%);
        background: radial-gradient(ellipse at center, rgba(var(--category-rgb), .09), transparent 68%);
        pointer-events: none;
    }

    body.product-category-page .footer-new .footer-container {
        position: relative;
        z-index: 1;
    }

    body.product-category-page .mobile-reveal {
        opacity: 0;
        transform: translateY(16px);
        transition: opacity .55s ease, transform .55s cubic-bezier(.22,.61,.36,1);
    }

    body.product-category-page .mobile-reveal.mobile-in-view {
        opacity: 1;
        transform: none;
    }

    body.product-category-page .product-card:active,
    body.product-category-page .category-product-index__item:active,
    body.product-category-page .why-choose-item:active {
        transform: scale(.988);
    }
}

@keyframes categoryGlow {
    from { opacity: .65; transform: translate3d(-6px, 4px, 0) scale(.96); }
    to { opacity: 1; transform: translate3d(7px, -4px, 0) scale(1.05); }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}