.elementor-10000 .elementor-element.elementor-element-42365e0{text-align:center;}.elementor-10000 .elementor-element.elementor-element-6c7f1fc{text-align:center;}.elementor-10000 .elementor-element.elementor-element-6c7f1fc .elementor-heading-title{color:var( --e-global-color-9d480e3 );}.elementor-10000 .elementor-element.elementor-element-3ed6bf6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10000 .elementor-element.elementor-element-3ed6bf6{text-align:center;}.elementor-10000 .elementor-element.elementor-element-1f5be6a{text-align:center;}.elementor-10000 .elementor-element.elementor-element-1f5be6a .elementor-heading-title{color:#4958BC;}.elementor-10000 .elementor-element.elementor-element-e86d20a{text-align:center;}.elementor-10000 .elementor-element.elementor-element-e86d20a .elementor-heading-title{color:#4958BC;}.elementor-10000 .elementor-element.elementor-element-be3c202.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-10000 .elementor-element.elementor-element-be3c202.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-10000 .elementor-element.elementor-element-be3c202.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-10000 .elementor-element.elementor-element-3ed6bf6{text-align:center;}.elementor-10000 .elementor-element.elementor-element-be3c202.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-title, class: .elementor-element-6c7f1fc *//* =========================================================
   Cover Operation Product H1
   Blue / Cyan Shimmer Effect
========================================================= */


/* Elementor 小工具外层 */
.co-product-title-shine {
    position: relative;
}


/* =========================================================
   真正的 H1 标题
========================================================= */

.co-product-title-shine .elementor-heading-title,
.co-product-title-shine h1,
h1.co-product-title-shine {

    position: relative;

    display: inline-block;

    margin: 0;

    /* 不支持渐变文字时的备用颜色 */
    color: #0056b3;

    /* 蓝 → 亮蓝 → Cyan → 白色高光 → Cyan → 蓝 */
    background:
        linear-gradient(
            105deg,
            #004a9f 0%,
            #0078e8 20%,
            #00b9f5 38%,
            #dfffff 48%,
            #ffffff 50%,
            #bffcff 52%,
            #00c8f8 63%,
            #0078e8 80%,
            #004a9f 100%
        );

    background-size:
        260% 100%;

    background-position:
        100% 50%;

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    /* 轻微辉光 */
    filter:
        drop-shadow(
            0 4px 8px
            rgba(0, 86, 179, 0.18)
        );

    animation:
        coProductTitleShimmer
        4.2s
        ease-in-out
        infinite;

}


/* =========================================================
   流动闪光
========================================================= */

@keyframes coProductTitleShimmer {

    0% {
        background-position:
            100% 50%;
    }

    45% {
        background-position:
            100% 50%;
    }

    70% {
        background-position:
            0% 50%;
    }

    100% {
        background-position:
            0% 50%;
    }

}


/* =========================================================
   下方柔和发光线
========================================================= */

.co-product-title-shine::after {

    content: "";

    position: absolute;

    left: 6%;
    right: 6%;
    bottom: -7px;

    height: 2px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,128,255,.25) 15%,
            #0080ff 35%,
            #00f2fe 50%,
            #0080ff 65%,
            rgba(0,128,255,.25) 85%,
            transparent 100%
        );

    background-size:
        220% 100%;

    opacity:
        .75;

    box-shadow:
        0 0 10px
        rgba(0, 242, 254, .30);

    animation:
        coTitleLineGlow
        4.2s
        ease-in-out
        infinite;

}


@keyframes coTitleLineGlow {

    0%,
    100% {
        background-position:
            100% 50%;

        opacity:
            .45;
    }

    55% {
        opacity:
            .9;
    }

    75% {
        background-position:
            0% 50%;

        opacity:
            .65;
    }

}


/* =========================================================
   Hover
========================================================= */

.co-product-title-shine:hover
.elementor-heading-title,
.co-product-title-shine:hover h1 {

    filter:
        drop-shadow(
            0 5px 10px
            rgba(0, 86, 179, .22)
        )
        drop-shadow(
            0 0 12px
            rgba(0, 242, 254, .18)
        );

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .co-product-title-shine::after {

        bottom:
            -5px;

        height:
            1.5px;
    }

}


/* =========================================================
   Reduced Motion
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .co-product-title-shine
    .elementor-heading-title,

    .co-product-title-shine h1,

    .co-product-title-shine::after {

        animation:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1f5be6a *//* =========================================================
   DaDa Fancy Box Heading - Final Version
   适用于：
   Post Title + After

   示例：
   Agency Billing | SERVICE INFORMATION
   Agency Billing | WORKFLOW
========================================================= */


/* =========================================================
   基础外层
========================================================= */

.dada-fancy-box-heading {
    position: relative;
    margin: 38px 0 22px !important;
}


/* Elementor 标题外层盒子 */
.dada-fancy-box-heading .elementor-widget-container {
    position: relative;
    padding: 0;
}


/* =========================================================
   真正标题
========================================================= */

.dada-fancy-box-heading .elementor-heading-title {
    position: relative;
    z-index: 2;

    margin: 0 !important;

    padding:
        16px
        22px !important;

    color: #ffffff !important;

    font-size: 24px !important;
    line-height: 1.3 !important;

    font-weight: 700 !important;

    letter-spacing: -0.02em;

    border:
        1px solid
        transparent;

    border-radius:
        16px;

    overflow:
        hidden;

    word-break:
        break-word;

    box-shadow:
        0 10px 30px
        rgba(24, 75, 170, 0.20),

        0 0 0 1px
        rgba(255,255,255,0.03)
        inset;

    transition:
        transform .28s ease,
        box-shadow .28s ease;
}


/* =========================================================
   顶部流光
========================================================= */

.dada-fancy-box-heading
.elementor-heading-title::before {

    content: "";

    position: absolute;

    top: 0;
    left: -35%;

    width: 40%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,0.20) 50%,
            rgba(255,255,255,0) 100%
        );

    transform:
        skewX(-25deg);

    pointer-events:
        none;

    transition:
        left .8s ease;
}


/* =========================================================
   底部柔光
========================================================= */

.dada-fancy-box-heading
.elementor-heading-title::after {

    content: "";

    position: absolute;

    left: 18px;
    right: 18px;
    bottom: 8px;

    height: 1px;

    pointer-events:
        none;
}


/* =========================================================
   SERVICE INFORMATION
   蓝色版本
========================================================= */

.dada-service-heading
.elementor-heading-title {

    background:

        linear-gradient(
            135deg,
            rgba(7, 43, 93, 0.98) 0%,
            rgba(13, 82, 169, 0.96) 50%,
            rgba(15, 118, 221, 0.93) 100%
        )
        padding-box,

        linear-gradient(
            135deg,
            #4fd1ff 0%,
            #168cff 35%,
            #54baff 68%,
            #4fd1ff 100%
        )
        border-box;

    box-shadow:
        0 10px 30px
        rgba(17, 105, 215, 0.24),

        0 0 0 1px
        rgba(255,255,255,0.04)
        inset,

        0 0 18px
        rgba(79, 209, 255, 0.17);
}


/* 蓝色底部柔光 */

.dada-service-heading
.elementor-heading-title::after {

    background:
        linear-gradient(
            90deg,
            rgba(79,209,255,0) 0%,
            rgba(79,209,255,.75) 20%,
            rgba(64,155,255,.85) 55%,
            rgba(79,209,255,.65) 80%,
            rgba(79,209,255,0) 100%
        );
}


/* 蓝色 Hover */

.dada-service-heading:hover
.elementor-heading-title {

    transform:
        translateY(-2px);

    box-shadow:
        0 14px 36px
        rgba(19, 105, 220, 0.31),

        0 0 0 1px
        rgba(255,255,255,0.06)
        inset,

        0 0 26px
        rgba(79, 195, 255, 0.28);
}


/* =========================================================
   WORKFLOW
   绿色版本
========================================================= */

.dada-workflow-heading
.elementor-heading-title {

    background:

        linear-gradient(
            135deg,
            rgba(6, 73, 53, 0.98) 0%,
            rgba(8, 125, 82, 0.96) 50%,
            rgba(17, 183, 119, 0.93) 100%
        )
        padding-box,

        linear-gradient(
            135deg,
            #5be7ad 0%,
            #19c87a 38%,
            #57e1a2 72%,
            #5be7ad 100%
        )
        border-box;

    box-shadow:
        0 10px 30px
        rgba(14, 137, 88, 0.22),

        0 0 0 1px
        rgba(255,255,255,0.04)
        inset,

        0 0 18px
        rgba(72, 220, 152, 0.17);
}


/* 绿色底部柔光 */

.dada-workflow-heading
.elementor-heading-title::after {

    background:
        linear-gradient(
            90deg,
            rgba(91,231,173,0) 0%,
            rgba(91,231,173,.75) 20%,
            rgba(25,200,122,.9) 55%,
            rgba(91,231,173,.65) 80%,
            rgba(91,231,173,0) 100%
        );
}


/* 绿色 Hover */

.dada-workflow-heading:hover
.elementor-heading-title {

    transform:
        translateY(-2px);

    box-shadow:
        0 14px 36px
        rgba(13, 151, 95, 0.30),

        0 0 0 1px
        rgba(255,255,255,0.06)
        inset,

        0 0 26px
        rgba(86, 227, 159, 0.27);
}


/* =========================================================
   Hover 流光
========================================================= */

.dada-fancy-box-heading:hover
.elementor-heading-title::before {

    left:
        115%;
}


/* =========================================================
   Workflow 和上一模块拉开距离
========================================================= */

.dada-workflow-heading {
    margin-top:
        48px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .dada-fancy-box-heading {

        margin:
            30px
            0
            18px !important;
    }


    .dada-fancy-box-heading
    .elementor-heading-title {

        padding:
            13px
            16px !important;

        font-size:
            18px !important;

        line-height:
            1.4 !important;

        border-radius:
            13px;
    }


    .dada-fancy-box-heading
    .elementor-heading-title::after {

        left:
            14px;

        right:
            14px;

        bottom:
            6px;
    }


    .dada-workflow-heading {

        margin-top:
            38px !important;
    }

}


/* =========================================================
   小尺寸手机
========================================================= */

@media (max-width: 380px) {

    .dada-fancy-box-heading
    .elementor-heading-title {

        padding:
            12px
            14px !important;

        font-size:
            16.5px !important;
    }

}


/* =========================================================
   减少动态效果
   尊重系统 Reduced Motion 设置
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .dada-fancy-box-heading
    .elementor-heading-title,

    .dada-fancy-box-heading
    .elementor-heading-title::before {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e86d20a *//* =========================================================
   DaDa Fancy Box Heading - Final Version
   适用于：
   Post Title + After

   示例：
   Agency Billing | SERVICE INFORMATION
   Agency Billing | WORKFLOW
========================================================= */


/* =========================================================
   基础外层
========================================================= */

.dada-fancy-box-heading {
    position: relative;
    margin: 38px 0 22px !important;
}


/* Elementor 标题外层盒子 */
.dada-fancy-box-heading .elementor-widget-container {
    position: relative;
    padding: 0;
}


/* =========================================================
   真正标题
========================================================= */

.dada-fancy-box-heading .elementor-heading-title {
    position: relative;
    z-index: 2;

    margin: 0 !important;

    padding:
        16px
        22px !important;

    color: #ffffff !important;

    font-size: 24px !important;
    line-height: 1.3 !important;

    font-weight: 700 !important;

    letter-spacing: -0.02em;

    border:
        1px solid
        transparent;

    border-radius:
        16px;

    overflow:
        hidden;

    word-break:
        break-word;

    box-shadow:
        0 10px 30px
        rgba(24, 75, 170, 0.20),

        0 0 0 1px
        rgba(255,255,255,0.03)
        inset;

    transition:
        transform .28s ease,
        box-shadow .28s ease;
}


/* =========================================================
   顶部流光
========================================================= */

.dada-fancy-box-heading
.elementor-heading-title::before {

    content: "";

    position: absolute;

    top: 0;
    left: -35%;

    width: 40%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,0.20) 50%,
            rgba(255,255,255,0) 100%
        );

    transform:
        skewX(-25deg);

    pointer-events:
        none;

    transition:
        left .8s ease;
}


/* =========================================================
   底部柔光
========================================================= */

.dada-fancy-box-heading
.elementor-heading-title::after {

    content: "";

    position: absolute;

    left: 18px;
    right: 18px;
    bottom: 8px;

    height: 1px;

    pointer-events:
        none;
}


/* =========================================================
   SERVICE INFORMATION
   蓝色版本
========================================================= */

.dada-service-heading
.elementor-heading-title {

    background:

        linear-gradient(
            135deg,
            rgba(7, 43, 93, 0.98) 0%,
            rgba(13, 82, 169, 0.96) 50%,
            rgba(15, 118, 221, 0.93) 100%
        )
        padding-box,

        linear-gradient(
            135deg,
            #4fd1ff 0%,
            #168cff 35%,
            #54baff 68%,
            #4fd1ff 100%
        )
        border-box;

    box-shadow:
        0 10px 30px
        rgba(17, 105, 215, 0.24),

        0 0 0 1px
        rgba(255,255,255,0.04)
        inset,

        0 0 18px
        rgba(79, 209, 255, 0.17);
}


/* 蓝色底部柔光 */

.dada-service-heading
.elementor-heading-title::after {

    background:
        linear-gradient(
            90deg,
            rgba(79,209,255,0) 0%,
            rgba(79,209,255,.75) 20%,
            rgba(64,155,255,.85) 55%,
            rgba(79,209,255,.65) 80%,
            rgba(79,209,255,0) 100%
        );
}


/* 蓝色 Hover */

.dada-service-heading:hover
.elementor-heading-title {

    transform:
        translateY(-2px);

    box-shadow:
        0 14px 36px
        rgba(19, 105, 220, 0.31),

        0 0 0 1px
        rgba(255,255,255,0.06)
        inset,

        0 0 26px
        rgba(79, 195, 255, 0.28);
}


/* =========================================================
   WORKFLOW
   绿色版本
========================================================= */

.dada-workflow-heading
.elementor-heading-title {

    background:

        linear-gradient(
            135deg,
            rgba(6, 73, 53, 0.98) 0%,
            rgba(8, 125, 82, 0.96) 50%,
            rgba(17, 183, 119, 0.93) 100%
        )
        padding-box,

        linear-gradient(
            135deg,
            #5be7ad 0%,
            #19c87a 38%,
            #57e1a2 72%,
            #5be7ad 100%
        )
        border-box;

    box-shadow:
        0 10px 30px
        rgba(14, 137, 88, 0.22),

        0 0 0 1px
        rgba(255,255,255,0.04)
        inset,

        0 0 18px
        rgba(72, 220, 152, 0.17);
}


/* 绿色底部柔光 */

.dada-workflow-heading
.elementor-heading-title::after {

    background:
        linear-gradient(
            90deg,
            rgba(91,231,173,0) 0%,
            rgba(91,231,173,.75) 20%,
            rgba(25,200,122,.9) 55%,
            rgba(91,231,173,.65) 80%,
            rgba(91,231,173,0) 100%
        );
}


/* 绿色 Hover */

.dada-workflow-heading:hover
.elementor-heading-title {

    transform:
        translateY(-2px);

    box-shadow:
        0 14px 36px
        rgba(13, 151, 95, 0.30),

        0 0 0 1px
        rgba(255,255,255,0.06)
        inset,

        0 0 26px
        rgba(86, 227, 159, 0.27);
}


/* =========================================================
   Hover 流光
========================================================= */

.dada-fancy-box-heading:hover
.elementor-heading-title::before {

    left:
        115%;
}


/* =========================================================
   Workflow 和上一模块拉开距离
========================================================= */

.dada-workflow-heading {
    margin-top:
        48px !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .dada-fancy-box-heading {

        margin:
            30px
            0
            18px !important;
    }


    .dada-fancy-box-heading
    .elementor-heading-title {

        padding:
            13px
            16px !important;

        font-size:
            18px !important;

        line-height:
            1.4 !important;

        border-radius:
            13px;
    }


    .dada-fancy-box-heading
    .elementor-heading-title::after {

        left:
            14px;

        right:
            14px;

        bottom:
            6px;
    }


    .dada-workflow-heading {

        margin-top:
            38px !important;
    }

}


/* =========================================================
   小尺寸手机
========================================================= */

@media (max-width: 380px) {

    .dada-fancy-box-heading
    .elementor-heading-title {

        padding:
            12px
            14px !important;

        font-size:
            16.5px !important;
    }

}


/* =========================================================
   减少动态效果
   尊重系统 Reduced Motion 设置
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .dada-fancy-box-heading
    .elementor-heading-title,

    .dada-fancy-box-heading
    .elementor-heading-title::before {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-be3c202 *//* =========================================================
   COVER OPERATION
   PRODUCT RELATED
   HUD / OPERATIONS CONSOLE STYLE

   Elementor Product Related
   Custom CSS
========================================================= */


/* =========================================================
   01. ROOT
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 {

    --hud-navy: #071b33;
    --hud-navy-2: #0b2745;

    --hud-blue: #0056b3;
    --hud-blue-light: #0080ff;

    --hud-cyan: #00dff4;
    --hud-cyan-bright: #00f2fe;

    --hud-green: #10b981;
    --hud-green-light: #34d399;

    --hud-text: #475569;
    --hud-muted: #8493a5;

    position: relative;

    width: 100%;

    padding:
        12px
        0
        22px;

}


/* =========================================================
   02. RELATED PRODUCTS TITLE
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 .related.products > h2,
.elementor-10000 .elementor-element.elementor-element-be3c202 section.related > h2 {

    position: relative;

    display: inline-block !important;

    width: fit-content;

    margin:
        0
        0
        42px
        0 !important;

    padding:
        0
        0
        13px
        0 !important;

    font-size:
        34px !important;

    line-height:
        1.15 !important;

    font-weight:
        850 !important;

    letter-spacing:
        -0.03em;

    color:
        #0056b3 !important;


    background:
        linear-gradient(
            105deg,

            #004a9f 0%,
            #0078e8 20%,
            #00b9f5 38%,

            #e9ffff 48%,
            #ffffff 50%,
            #c8fdff 52%,

            #00c8f8 63%,
            #0078e8 80%,
            #004a9f 100%
        );

    background-size:
        260% 100%;

    background-position:
        100% 50%;

    -webkit-background-clip:
        text;

    background-clip:
        text;

    -webkit-text-fill-color:
        transparent;

    filter:
        drop-shadow(
            0 3px 7px
            rgba(0,86,179,.16)
        );

    animation:
        coHudTitleShine
        4.8s
        ease-in-out
        infinite;

}


/* TITLE LINE */

.elementor-10000 .elementor-element.elementor-element-be3c202 .related.products > h2::after,
.elementor-10000 .elementor-element.elementor-element-be3c202 section.related > h2::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width:
        130px;

    max-width:
        65%;

    height:
        2px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,

            #0056b3 0%,
            #0080ff 34%,
            #00f2fe 66%,
            rgba(0,242,254,0) 100%
        );

    box-shadow:
        0 0 12px
        rgba(0,242,254,.25);

}


/* TITLE ANIMATION */

@keyframes coHudTitleShine {

    0% {
        background-position:
            100% 50%;
    }

    48% {
        background-position:
            100% 50%;
    }

    72% {
        background-position:
            0% 50%;
    }

    100% {
        background-position:
            0% 50%;
    }

}


/* =========================================================
   03. PRODUCT GRID
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products {

    counter-reset:
        coHudProduct;

    display:
        grid !important;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        ) !important;

    gap:
        24px !important;

    margin:
        0 !important;

    padding:
        0 !important;

}


/* =========================================================
   04. HUD PRODUCT CARD
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product {

    counter-increment:
        coHudProduct;

    position:
        relative;

    display:
        flex !important;

    flex-direction:
        column;

    width:
        100% !important;

    min-width:
        0;

    margin:
        0 !important;

    padding:
        0
        0
        18px !important;

    overflow:
        hidden;


    /* HUD 四角 */

    background:

        linear-gradient(
            var(--hud-cyan),
            var(--hud-cyan)
        )
        left top / 25px 2px
        no-repeat,

        linear-gradient(
            var(--hud-cyan),
            var(--hud-cyan)
        )
        left top / 2px 25px
        no-repeat,


        linear-gradient(
            var(--hud-blue-light),
            var(--hud-blue-light)
        )
        right top / 25px 2px
        no-repeat,

        linear-gradient(
            var(--hud-blue-light),
            var(--hud-blue-light)
        )
        right top / 2px 25px
        no-repeat,


        linear-gradient(
            var(--hud-blue),
            var(--hud-blue)
        )
        left bottom / 25px 2px
        no-repeat,

        linear-gradient(
            var(--hud-blue),
            var(--hud-blue)
        )
        left bottom / 2px 25px
        no-repeat,


        linear-gradient(
            var(--hud-green),
            var(--hud-green)
        )
        right bottom / 25px 2px
        no-repeat,

        linear-gradient(
            var(--hud-green),
            var(--hud-green)
        )
        right bottom / 2px 25px
        no-repeat,


        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdff 68%,
            #f7fbff 100%
        );


    border:
        1px solid
        rgba(13,79,135,.14);

    border-radius:
        4px;


    box-shadow:
        0 10px 28px
        rgba(7,27,51,.065),

        inset 0 0 0 1px
        rgba(255,255,255,.8);


    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;

}


/* =========================================================
   05. TOP DATA LIGHT
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product::before {

    content: "";

    position:
        absolute;

    z-index:
        7;

    top:
        0;

    left:
        36px;

    right:
        36px;

    height:
        2px;


    background:
        linear-gradient(
            90deg,

            transparent 0%,

            #0080ff 20%,

            #00f2fe 52%,

            #10b981 80%,

            transparent 100%
        );


    box-shadow:
        0 0 10px
        rgba(0,242,254,.22);

    opacity:
        .95;

}


/* =========================================================
   06. AUTOMATIC HUD NUMBER
   01 / 02 / 03...
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product::after {

    content:
        "0" counter(coHudProduct);

    position:
        absolute;

    z-index:
        6;

    right:
        15px;

    bottom:
        62px;


    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;


    font-size:
        34px;

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        -.05em;


    color:
        rgba(0,86,179,.07);


    pointer-events:
        none;

}


/* =========================================================
   07. ACTIVE STATUS
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.woocommerce-LoopProduct-link::before {

    content:
        "●  ACTIVE";

    position:
        absolute;

    z-index:
        11;

    top:
        14px;

    right:
        14px;


    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;


    padding:
        5px
        8px;


    border:
        1px solid
        rgba(16,185,129,.18);

    border-radius:
        3px;


    background:
        rgba(248,255,252,.91);


    color:
        #0d9f70;


    font-size:
        8.5px;

    line-height:
        1;

    font-weight:
        850;

    letter-spacing:
        .09em;


    box-shadow:
        0 4px 12px
        rgba(16,185,129,.08);

}


/* =========================================================
   08. PRODUCT LINK
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.woocommerce-LoopProduct-link {

    display:
        block;

    width:
        100%;

    color:
        inherit;

    text-decoration:
        none !important;

}


/* =========================================================
   09. PRODUCT IMAGE
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product img {

    display:
        block;

    width:
        100% !important;

    height:
        auto !important;

    aspect-ratio:
        1 / 1;


    margin:
        0 !important;

    padding:
        11px;


    object-fit:
        contain !important;

    object-position:
        center;


    background:

        linear-gradient(
            rgba(13,79,135,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(13,79,135,.025) 1px,
            transparent 1px
        ),

        #ffffff;


    background-size:
        22px 22px;


    border-bottom:
        1px solid
        rgba(13,79,135,.08);


    transition:
        transform .35s ease,
        filter .35s ease;

}


/* =========================================================
   10. SALE → PRIORITY HUD BADGE
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.onsale {

    position:
        absolute !important;

    z-index:
        12;

    top:
        14px !important;

    left:
        14px !important;

    right:
        auto !important;


    min-width:
        auto !important;

    min-height:
        auto !important;


    margin:
        0 !important;

    padding:
        0 !important;


    border:
        1px solid
        rgba(0,242,254,.24) !important;

    border-radius:
        3px !important;


    background:
        linear-gradient(
            135deg,
            #071b33 0%,
            #0d4f87 70%,
            #0876a8 100%
        ) !important;


    color:
        transparent !important;


    font-size:
        0 !important;

    line-height:
        0 !important;


    box-shadow:
        0 5px 14px
        rgba(7,27,51,.16),

        0 0 12px
        rgba(0,242,254,.08);

}


/* 替换 Sale 文案 */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.onsale::before {

    content:
        "PRIORITY";

    display:
        block;


    padding:
        6px
        9px;


    color:
        #dffcff;


    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;


    font-size:
        8.5px;

    line-height:
        1;

    font-weight:
        850;

    letter-spacing:
        .1em;

}


/* =========================================================
   11. CATEGORY
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.product-category,

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.wd-product-cats,

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.product-cat {

    display:
        block;


    margin:
        14px
        18px
        5px !important;


    color:
        #6f8196 !important;


    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;


    font-size:
        9px !important;

    line-height:
        1.3 !important;

    font-weight:
        650 !important;


    letter-spacing:
        .07em;

    text-transform:
        uppercase;

}


/* CATEGORY LINK */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.wd-product-cats a,

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.product-category a {

    color:
        #6f8196 !important;

    text-decoration:
        none !important;

}


/* =========================================================
   12. PRODUCT TITLE
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.woocommerce-loop-product__title {

    position:
        relative;


    margin:
        13px
        18px
        17px !important;


    padding:
        0
        0
        13px
        0 !important;


    color:
        var(--hud-navy) !important;


    font-size:
        17px !important;

    line-height:
        1.35 !important;

    font-weight:
        800 !important;


    letter-spacing:
        -.012em;


    border-bottom:
        1px solid
        rgba(13,79,135,.09);

}


/* 小数据点 */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.woocommerce-loop-product__title::after {

    content:
        "";

    position:
        absolute;

    left:
        0;

    bottom:
        -2px;


    width:
        32px;

    height:
        3px;


    border-radius:
        10px;


    background:
        linear-gradient(
            90deg,
            #0080ff,
            #00f2fe,
            #10b981
        );


    box-shadow:
        0 0 8px
        rgba(0,242,254,.15);

}


/* =========================================================
   13. HIDE PRICE
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.price,

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.amount,

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
del,

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
ins {

    display:
        none !important;

}


/* =========================================================
   14. HUD BUTTON
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.button {

    position:
        relative;


    display:
        inline-flex !important;

    align-items:
        center;

    justify-content:
        space-between;


    width:
        calc(100% - 36px);


    min-height:
        42px;


    margin:
        auto
        18px
        0 !important;


    padding:
        10px
        13px !important;


    border:
        1px solid
        rgba(0,128,255,.15) !important;


    border-radius:
        3px !important;


    background:
        linear-gradient(
            135deg,
            #071b33 0%,
            #0b335b 55%,
            #0d4f87 100%
        ) !important;


    color:
        #ffffff !important;


    font-size:
        0 !important;


    text-decoration:
        none !important;


    box-shadow:
        0 6px 15px
        rgba(7,27,51,.15);


    overflow:
        hidden;


    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


/* VIEW SERVICE */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.button::before {

    content:
        "VIEW SERVICE";


    position:
        relative;

    z-index:
        2;


    color:
        #ffffff;


    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;


    font-size:
        9.5px;

    line-height:
        1;

    font-weight:
        800;

    letter-spacing:
        .08em;

}


/* ARROW */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.button::after {

    content:
        "→";


    position:
        relative;

    z-index:
        2;


    color:
        #61efff;


    font-size:
        16px;

    line-height:
        1;

    font-weight:
        600;


    transition:
        transform .25s ease;

}


/* =========================================================
   15. STATIC BUTTON LIGHT
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.button {

    background-image:

        linear-gradient(
            90deg,
            rgba(0,242,254,.5),
            rgba(16,185,129,.45)
        ),

        linear-gradient(
            135deg,
            #071b33 0%,
            #0b335b 55%,
            #0d4f87 100%
        ) !important;


    background-size:
        100% 2px,
        100% 100%;


    background-repeat:
        no-repeat;


    background-position:
        left top,
        left top;

}


/* =========================================================
   16. HOVER
   只是增强，不是依赖 Hover
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product:hover {

    transform:
        translateY(-4px);


    border-color:
        rgba(0,128,255,.32);


    box-shadow:
        0 18px 38px
        rgba(13,79,135,.12),

        0 0 22px
        rgba(0,242,254,.055);

}


.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product:hover img {

    transform:
        scale(1.02);

}


.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product:hover
.button {

    transform:
        translateY(-2px);


    box-shadow:
        0 9px 22px
        rgba(0,128,255,.20);

}


.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product:hover
.button::after {

    transform:
        translateX(4px);

}


/* =========================================================
   17. VIEW CART
========================================================= */

.elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
.added_to_cart {

    display:
        block;


    margin:
        8px
        18px
        0;


    color:
        var(--hud-blue) !important;


    font-size:
        10px;

    font-weight:
        700;


    text-decoration:
        none !important;

}


/* =========================================================
   18. TABLET
========================================================= */

@media (max-width: 1024px) {

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products {

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;

        gap:
            18px !important;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 .related.products > h2,
    .elementor-10000 .elementor-element.elementor-element-be3c202 section.related > h2 {

        font-size:
            29px !important;

        margin-bottom:
            34px !important;

    }

}


/* =========================================================
   19. MOBILE
   仍然一行两个
========================================================= */

@media (max-width: 600px) {


    .elementor-10000 .elementor-element.elementor-element-be3c202 {

        padding-top:
            5px;

    }


    /* TITLE */

    .elementor-10000 .elementor-element.elementor-element-be3c202 .related.products > h2,
    .elementor-10000 .elementor-element.elementor-element-be3c202 section.related > h2 {

        font-size:
            22px !important;

        line-height:
            1.2 !important;

        margin-bottom:
            28px !important;

        padding-bottom:
            8px !important;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 .related.products > h2::after,
    .elementor-10000 .elementor-element.elementor-element-be3c202 section.related > h2::after {

        width:
            85px;

    }


    /* GRID */

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products {

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;

        gap:
            9px !important;

    }


    /* CARD */

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product {

        padding-bottom:
            9px !important;

        border-radius:
            3px;

    }


    /* HUD CORNERS */

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product {

        background:

            linear-gradient(
                var(--hud-cyan),
                var(--hud-cyan)
            )
            left top / 16px 1.5px
            no-repeat,

            linear-gradient(
                var(--hud-cyan),
                var(--hud-cyan)
            )
            left top / 1.5px 16px
            no-repeat,

            linear-gradient(
                var(--hud-blue-light),
                var(--hud-blue-light)
            )
            right top / 16px 1.5px
            no-repeat,

            linear-gradient(
                var(--hud-blue-light),
                var(--hud-blue-light)
            )
            right top / 1.5px 16px
            no-repeat,

            linear-gradient(
                var(--hud-blue),
                var(--hud-blue)
            )
            left bottom / 16px 1.5px
            no-repeat,

            linear-gradient(
                var(--hud-blue),
                var(--hud-blue)
            )
            left bottom / 1.5px 16px
            no-repeat,

            linear-gradient(
                var(--hud-green),
                var(--hud-green)
            )
            right bottom / 16px 1.5px
            no-repeat,

            linear-gradient(
                var(--hud-green),
                var(--hud-green)
            )
            right bottom / 1.5px 16px
            no-repeat,

            linear-gradient(
                180deg,
                #ffffff,
                #f8fbff
            );

    }


    /* IMAGE */

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product img {

        padding:
            4px;

        background-size:
            15px 15px;

    }


    /* PRIORITY */

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .onsale {

        top:
            6px !important;

        left:
            6px !important;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .onsale::before {

        padding:
            4px
            5px;

        font-size:
            5.7px;

        letter-spacing:
            .05em;

    }


    /* ACTIVE */

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .woocommerce-LoopProduct-link::before {

        top:
            6px;

        right:
            6px;


        padding:
            4px
            5px;


        font-size:
            5.7px;

        letter-spacing:
            .04em;

    }


    /* CATEGORY */

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .product-category,

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .wd-product-cats,

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .product-cat {

        margin:
            8px
            9px
            3px !important;


        font-size:
            6.8px !important;

    }


    /* TITLE */

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .woocommerce-loop-product__title {

        margin:
            8px
            9px
            10px !important;


        padding-bottom:
            9px !important;


        font-size:
            11.5px !important;

        line-height:
            1.3 !important;


        overflow-wrap:
            anywhere;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .woocommerce-loop-product__title::after {

        width:
            22px;

        height:
            2px;

    }


    /* NUMBER */

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product::after {

        right:
            8px;

        bottom:
            43px;


        font-size:
            22px;

    }


    /* BUTTON */

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .button {

        width:
            calc(100% - 18px);


        min-height:
            31px;


        margin:
            auto
            9px
            0 !important;


        padding:
            7px
            7px !important;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .button::before {

        font-size:
            6.5px;

        letter-spacing:
            .04em;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .button::after {

        font-size:
            11px;

    }

}


/* =========================================================
   20. VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {


    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products {

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;

        gap:
            7px !important;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 .related.products > h2,
    .elementor-10000 .elementor-element.elementor-element-be3c202 section.related > h2 {

        font-size:
            20px !important;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .onsale::before {

        font-size:
            5px;

        padding:
            4px;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .woocommerce-LoopProduct-link::before {

        font-size:
            5px;

        padding:
            4px;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .woocommerce-loop-product__title {

        margin-left:
            7px !important;

        margin-right:
            7px !important;

        font-size:
            10px !important;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .button {

        width:
            calc(100% - 14px);


        margin-left:
            7px !important;

        margin-right:
            7px !important;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product
    .button::before {

        font-size:
            5.8px;

    }


    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product::after {

        font-size:
            19px;

        bottom:
            41px;

    }

}


/* =========================================================
   21. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-10000 .elementor-element.elementor-element-be3c202 .related.products > h2,

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product,

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product img,

    .elementor-10000 .elementor-element.elementor-element-be3c202 ul.products li.product .button {

        animation:
            none !important;

        transition:
            none !important;

    }

}/* End custom CSS */