.pg_10_725 {
    height: 180px;
}

@media (min-width:992px) {
    .pg_10_725 {
        height: 300px;
    }
}

.pg_10_726 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(235, 235, 235, 1);
    background-size: cover;
    background-position: center center;
}

.pg_10_728 {
    height: 180px;
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
}

@media (min-width:576px) {
    .pg_10_728 {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }
}

@media (min-width:992px) {
    .pg_10_728 {
        height: 300px;
    }
}

.pg_10_729 {
    text-align: right;
}

.pg_10_729 h1 {
    font-size: 24px;
}

.pg_10_729 span {
    font-size: 16px;
}

@media (min-width:768px) {
    .pg_10_729 {}
}

@media (min-width:992px) {
    .pg_10_729 h1 {
        font-size: 40px;
    }

    .pg_10_729 span {
        font-size: 20px;
    }
}

.pg_10_751 {
    height: 45px;
    border-bottom: 1px solid #dddddd;
}

@media (min-width:768px) {
    .pg_10_751 {
        height: 60px;
    }
}

@media (min-width:1200px) {
    .pg_10_751 .container {
        width: 1200px;
    }
}

.pg_10_752 {
    height: 45px;
}

.pg_10_753 {
    height: 45px;
}

@media (min-width:768px) {
    .pg_10_753 {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        height: 60px;
    }
}

/* === Navigation Bar - Separate Capsule Style === */
.pg_10_751 {
    background: #ffffff !important;
    /* Clean white background */
    border-bottom: 1px solid #eee !important;
    padding: 20px 0;
    height: auto !important;
}

.pg_10_754 {
    display: flex;
    justify-content: center;
}

.pg_10_754 nav {
    display: flex;
    justify-content: center;
    width: auto;
}

.pg_10_754 nav ul {
    display: flex;
    justify-content: center;
    gap: 30px;
    /* INCREASED GAP */
    padding: 0;
    margin: 0;
    list-style: none;
    background: transparent !important;
    box-shadow: none !important;
    flex-wrap: wrap;
}

.pg_10_754 nav ul li {
    float: none !important;
    width: auto !important;
    display: inline-block;
}

/* Default Capsule State */
.pg_10_754 nav ul li a {
    display: inline-block;
    padding: 12px 40px !important;
    /* INCREASED PADDING */
    color: #333333 !important;
    font-size: 16px !important;
    /* INCREASED FONT SIZE */
    font-weight: 500 !important;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid #e0e0e0 !important;
    background-color: #ffffff !important;
    transition: all 0.3s ease;
    line-height: normal !important;
    position: relative;
    white-space: nowrap;
}

/* Explicitly remove any pseudo-elements */
.pg_10_754 nav ul li a:after,
.pg_10_754 nav ul li a:before {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Hover State - Gray */
.pg_10_754 nav ul li a:hover {
    background-color: #f5f5f5 !important;
    border-color: #d0d0d0 !important;
    color: #000000 !important;
    transform: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Active State - Dark Blue */
.pg_10_754 nav ul li a.active {
    background-color: #1a1f2c !important;
    color: #ffffff !important;
    border-color: #1a1f2c !important;
    box-shadow: 0 5px 15px rgba(26, 31, 44, 0.3);
}

.pg_10_754 nav ul li a.active:hover {
    background-color: #1a1f2c !important;
    color: #ffffff !important;
    opacity: 0.95;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .pg_10_754 nav ul {
        gap: 10px;
    }

    .pg_10_754 nav ul li a {
        padding: 8px 16px !important;
        font-size: 13px !important;
    }
}

@media (min-width:768px) {
    .pg_10_754 {}

    .pg_10_754 nav ul li a {
        font-size: 18px;
        line-height: 60px;
    }
}

@media (min-width:992px) {
    .pg_10_754 nav ul li a {
        line-height: 60px;
    }

    .pg_10_754 nav ul {
        font-size: 18px;
    }
}

@media (min-width:1200px) {
    .pg_10_754 {}
}

.pg_10_618 {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width:768px) {
    .pg_10_618 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (min-width:992px) {
    .pg_10_618 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (min-width:1200px) {
    .pg_10_618 .container {
        width: 1200px;
    }
}

.pg_10_619 {
    line-height: 35px;
    display: inline-block;
}

.pg_10_621 {
    text-align: left;
}

@media (min-width:576px) {
    .pg_10_621 {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }
}

@media (min-width:768px) {
    .pg_10_621 {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }
}

.pg_10_644 {}

.pg_10_749 {
    height: auto;
    text-align: center;
}

.pg_10_749 h1 {
    line-height: 60px;
    font-size: 22px;
}

@media (min-width:768px) {
    .pg_10_749 {
        width: 45%;
        float: left;
        clear: right;
    }
}

.pg_10_675 {
    margin-top: 20px;
}

@media (min-width:768px) {
    .pg_10_675 {
        margin-top: 0px;
        padding-left: 30px;
        width: 55%;
        float: left;
        clear: right;
    }
}

@media (min-width:992px) {
    .pg_10_675 {
        padding-left: 60px;
    }
}

.pg_10_679 {
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #e8eaef;
}

.pg_10_679 h1 {
    margin-bottom: 0px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}

@media (min-width:768px) {
    .pg_10_679 h1 {
        font-size: 18px;
    }

    .pg_10_679 {
        padding-bottom: 15px;
        float: left;
        clear: right;
    }
}

@media (min-width:992px) {
    .pg_10_679 h1 {
        font-size: 28px;
    }

    .pg_10_679 {
        padding-bottom: 28px;
    }
}

.pg_10_678 {
    margin-top: 15px;
    color: #81868a;
    line-height: 25px;
}

@media (min-width:768px) {
    .pg_10_678 {
        margin-top: 15px;
    }
}

@media (min-width:992px) {
    .pg_10_678 {
        font-size: 16px;
        line-height: 32px;
    }
}

.pg_10_756 {
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #e8eaef;
}

.pg_10_756 h1 {
    margin-bottom: 0px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}

@media (min-width:768px) {
    .pg_10_756 h1 {
        font-size: 18px;
    }

    .pg_10_756 {
        margin-top: 50px;
        padding-bottom: 15px;
        float: left;
        clear: right;
    }
}

@media (min-width:992px) {
    .pg_10_756 h1 {
        font-size: 28px;
    }

    .pg_10_756 {
        margin-top: 120px;
        padding-bottom: 28px;
    }
}

.pg_10_758 {
    font-size: 14px;
    text-align: left;
    line-height: 30px;
}

.pg_10_758 h1 {
    font-weight: bold;
    margin-bottom: 30px;
}

.pg_10_758 strong {
    font-size: 18px;
}

.pg_10_758 img {
    text-align: center;
}

.pg_10_758 table {
    border: 1px solid #dddddd;
    text-align: center;
}

@media (min-width:768px) {
    .pg_10_758 {}
}

@media (min-width:992px) {
    .pg_10_758 {
        padding-top: 60px;
        font-size: 20px;
        line-height: 40px;
    }

    .pg_10_758 strong {
        font-size: 28px;
    }

    .pg_10_758 img {
        text-align: center;
    }
}

/* ============================================================
   Product Detail Page - Professional Corporate Style
   Targeting: product_detail.html (css_10.css)
   ============================================================ */

/* === Header Banner === */
.pg_10_726 {
    background: linear-gradient(135deg, #1a365d 0%, #2c5282 50%, #2b6cb0 100%) !important;
}

.pg_10_729 h1 {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    letter-spacing: 2px;
}

.pg_10_729 span {
    color: rgba(255, 255, 255, 0.8) !important;
    letter-spacing: 1px;
}

/* === Navigation Bar - Separate Capsule Style === */
.pg_10_751 {
    background: #ffffff !important;
    /* Clean white background */
    border-bottom: 1px solid #eee !important;
    padding: 20px 0;
    height: auto !important;
}

.pg_10_754 {
    display: flex;
    justify-content: center;
}

.pg_10_754 nav {
    display: flex;
    justify-content: center;
    width: auto;
}

.pg_10_754 nav ul {
    display: flex;
    justify-content: space-between;
    /* Align with page margins */
    gap: 40px;
    /* Increased gap */
    padding: 0;
    margin: 0;
    list-style: none;
    background: transparent !important;
    box-shadow: none !important;
    flex-wrap: wrap;
    width: 100%;
    /* Ensure it spans the full width */
}

.pg_10_754 nav ul li {
    float: none !important;
    width: auto !important;
    display: inline-block;
}

/* Default Capsule State */
.pg_10_754 nav ul li a {
    display: inline-block;
    padding: 14px 45px !important;
    /* Even Larger padding */
    color: #333333 !important;
    /* Revert text to dark gray for better contrast, active will be blue */
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid #e0e0e0 !important;
    background-color: #ffffff !important;
    transition: all 0.3s ease;
    line-height: normal !important;
    position: relative;
    white-space: nowrap;
}

/* Explicitly remove any pseudo-elements */
.pg_10_754 nav ul li a:after,
.pg_10_754 nav ul li a:before {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Hover State - Light Blue Tint */
.pg_10_754 nav ul li a:hover {
    background-color: #f0f7ff !important;
    /* Very light blue hover */
    border-color: #204b87 !important;
    color: #204b87 !important;
    transform: none !important;
}

/* Active State - Corporate Blue */
.pg_10_754 nav ul li a.active {
    background-color: #204b87 !important;
    /* Distinct Corporate Blue */
    color: #ffffff !important;
    border-color: #204b87 !important;
    box-shadow: 0 4px 10px rgba(32, 75, 135, 0.3);
}

.pg_10_754 nav ul li a.active:hover {
    background-color: #1a3c6e !important;
    /* Slightly darker on hover */
    color: #ffffff !important;
    opacity: 1;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .pg_10_754 nav ul {
        gap: 15px;
        justify-content: center;
        /* Center on mobile usually looks better */
    }

    .pg_10_754 nav ul li a {
        padding: 10px 20px !important;
        font-size: 14px !important;
    }
}

/* Submenu Style */
.pg_10_754 nav ul li ul {
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
    border: none !important;
    padding: 10px 0 !important;
    top: 60px !important;
}

.pg_10_754 nav ul li ul li a:hover {
    background-color: #f7fafc !important;
    color: #204b87 !important;
}

/* === Content Styling === */
.pg_10_679 h1 {
    color: #1a365d !important;
    border-bottom: 2px solid #2b6cb0 !important;
    padding-bottom: 10px;
    display: inline-block;
}

.pg_10_756 h1 {
    color: #1a365d !important;
    position: relative;
    padding-left: 15px;
}

.pg_10_756 h1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    background: #2b6cb0;
    border-radius: 2px;
}

.pg_10_758 {
    line-height: 1.8 !important;
    color: #2d3748 !important;
}

/* ============================================================
   Product Detail Page - Beautification Phase 2
   2026-01-30 - Enhanced Visuals
   ============================================================ */

/* === Product Image Enhancement === */
.pg_10_749 img {
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
    max-width: 100%;
}

.pg_10_749 img:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* === Modern Table Styling (Product Parameters) === */
.pg_10_758 table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 15px;
    text-align: left;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    border: none !important;
}

.pg_10_758 table tr.firstRow {
    background-color: #2b6cb0 !important;
    /* Corporate Blue Header */
    color: #ffffff;
    font-weight: bold;
}

.pg_10_758 table th,
.pg_10_758 table td {
    padding: 12px 15px;
    border: 1px solid #edf2f7 !important;
    /* Softer borders */
}

.pg_10_758 table tr {
    border-bottom: 1px solid #edf2f7;
    transition: background-color 0.2s;
}

.pg_10_758 table tr:nth-of-type(even) {
    background-color: #f7fafc;
}

.pg_10_758 table tr:hover {
    background-color: #ebf8ff;
    /* Light blue on hover */
}

/* === Content Typography === */
.pg_10_758 p {
    margin-bottom: 20px;
    line-height: 1.8;
}

/* === Section Headings === */
.pg_10_756 h1,
.pg_10_758 h1 {
    font-size: 24px;
    color: #2c5282 !important;
    margin-top: 40px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
}

.pg_10_756 h1:before,
.pg_10_758 h1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    /* Vertically center */
    width: 5px;
    height: 24px;
    background: #2b6cb0;
    border-radius: 3px;
}
/* R1 PRO PRODUCT DETAIL TUNE 20260424 */
@media (min-width: 992px) {
    .pg_10_751 .container {
        width: 96%;
        max-width: 1280px;
    }

    .pg_10_754 nav,
    .pg_10_754 nav ul {
        width: 100%;
    }

    .pg_10_754 nav ul {
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 10px;
    }

    .pg_10_754 nav ul li a {
        min-width: 140px;
        padding: 12px 18px !important;
        text-align: center;
        font-size: 15px !important;
    }
}

@media (min-width: 1200px) {
    .pg_10_751 .container {
        max-width: 1320px;
    }

    .pg_10_754 nav ul {
        gap: 14px;
    }

    .pg_10_754 nav ul li a {
        min-width: 168px;
        padding: 14px 24px !important;
        font-size: 16px !important;
    }
}

@media (min-width: 1400px) {
    .pg_10_751 .container {
        max-width: 1380px;
    }

    .pg_10_754 nav ul {
        gap: 18px;
    }

    .pg_10_754 nav ul li a {
        min-width: 182px;
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
}

.pg_10_758 table td {
    vertical-align: middle;
}

.pg_10_758 table td:first-child,
.pg_10_758 table td:nth-child(3) {
    font-weight: 600;
    color: #1a365d;
    background: #f7fafc;
}

/* R1 PRO DETAIL GALLERY 20260508 */
.r1-pro-detail-gallery {
    display: none;
    margin: 58px 0 48px;
}

.r1-pro-detail-gallery.is-visible {
    display: block;
}

.r1-pro-gallery-head {
    margin-bottom: 22px;
    text-align: center;
}

.r1-pro-gallery-head span {
    display: inline-block;
    margin-bottom: 10px;
    padding: 7px 18px;
    color: #1f6fbe;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    border-radius: 999px;
    background: rgba(31, 111, 190, 0.10);
}

.r1-pro-gallery-head h2 {
    margin: 0 0 8px;
    color: #123b68;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.25;
}

.r1-pro-gallery-head p {
    margin: 0;
    color: #6b7f92;
    font-size: 15px;
}

.r1-pro-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.r1-pro-gallery-item {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(32, 104, 176, 0.10);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(19, 73, 126, 0.08);
}

.r1-pro-gallery-item-main {
    grid-column: 1 / -1;
}

.r1-pro-gallery-item img {
    width: 100%;
    display: block;
    background: #ffffff;
    transition: transform 0.45s ease;
}

.r1-pro-gallery-item:hover img {
    transform: scale(1.025);
}

.r1-pro-gallery-item figcaption {
    padding: 16px 20px 18px;
    color: #164a7e;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    border-top: 1px solid rgba(32, 104, 176, 0.08);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

@media (max-width: 767px) {
    .r1-pro-detail-gallery {
        margin: 38px 0 32px;
    }

    .r1-pro-gallery-head h2 {
        font-size: 22px;
    }

    .r1-pro-gallery-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .r1-pro-gallery-item-main {
        grid-column: auto;
    }
}

/* R1 PRO SPEC TABLE 20260508 */
.r1-pro-source-content-hidden {
    display: none !important;
}

.r1-pro-spec-panel {
    display: none;
    margin: 42px 0 0;
}

.r1-pro-spec-panel.is-visible {
    display: block;
}

.r1-pro-spec-title {
    margin-bottom: 22px;
    text-align: center;
}

.r1-pro-spec-title span {
    display: inline-block;
    margin-bottom: 10px;
    padding: 7px 18px;
    color: #1f6fbe;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    border-radius: 999px;
    background: rgba(31, 111, 190, 0.10);
}

.r1-pro-spec-title h2 {
    margin: 0;
    color: #123b68;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.25;
}

.r1-pro-spec-table-wrap {
    overflow-x: auto;
    border: 1px solid #dce3eb;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 46px rgba(19, 73, 126, 0.08);
}

.r1-pro-spec-table {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
    table-layout: fixed;
    background: #ffffff;
}

.r1-pro-spec-table .r1-pro-spec-key {
    width: 17%;
}

.r1-pro-spec-table .r1-pro-spec-value {
    width: 33%;
}

.r1-pro-spec-table td {
    padding: 15px 18px;
    color: #1f2937;
    font-size: 16px;
    line-height: 1.55;
    vertical-align: middle;
    border-right: 1px solid #dce3eb;
    border-bottom: 1px solid #dce3eb;
}

.r1-pro-spec-table tr:last-child td {
    border-bottom: none;
}

.r1-pro-spec-table td:last-child {
    border-right: none;
}

.r1-pro-spec-table td:nth-child(odd) {
    color: #123b68;
    font-weight: 700;
    background: #f7fbff;
}

.r1-pro-spec-table td:empty {
    background: #ffffff;
}

.r1-pro-spec-table .r1-pro-spec-feature td:first-child {
    font-size: 17px;
}

.r1-pro-spec-table .r1-pro-spec-feature td[colspan] {
    color: #111827;
    font-size: 18px;
    font-weight: 500;
    background: #ffffff;
}

.r1-pro-spec-table .r1-pro-spec-feature strong {
    font-size: 20px;
    font-weight: 800;
}

@media (max-width: 767px) {
    .r1-pro-spec-panel {
        margin-top: 32px;
    }

    .r1-pro-spec-title h2 {
        font-size: 22px;
    }

    .r1-pro-spec-table td {
        padding: 12px 14px;
        font-size: 14px;
    }
}

/* PRODUCT DETAIL HERO REDESIGN 20260515 */
.pg_10_725 {
    height: 220px !important;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(42, 133, 226, 0.18), rgba(42, 133, 226, 0) 34%),
        linear-gradient(135deg, #f7fbff 0%, #ffffff 48%, #eaf5ff 100%) !important;
}

.pg_10_725:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 1;
    background-image:
        linear-gradient(rgba(24, 103, 184, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(24, 103, 184, 0.06) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
    pointer-events: none;
}

.pg_10_725:after {
    content: "";
    width: 420px;
    height: 420px;
    position: absolute;
    right: -120px;
    top: -150px;
    z-index: 1;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(37, 126, 220, 0.18), rgba(37, 126, 220, 0));
    pointer-events: none;
}

.pg_10_726 {
    background-image:
        linear-gradient(120deg, rgba(247, 251, 255, 0.96), rgba(255, 255, 255, 0.84) 46%, rgba(229, 243, 255, 0.72)),
        url("/w/files/image/2025/05/product_center_hero_r1_pro.png") !important;
    background-size: cover !important;
    background-position: center 42% !important;
    opacity: 0.34;
    filter: saturate(1.08);
}

.pg_10_725 .container,
.pg_10_727,
.pg_10_728 {
    height: 100% !important;
    position: relative;
    z-index: 2;
}

.pg_10_728 {
    align-items: center !important;
}

.pg_10_729 {
    width: min(460px, 100%);
    margin-left: auto;
    padding: 28px 34px;
    text-align: left !important;
    border: 1px solid rgba(40, 116, 194, 0.16);
    border-left: 5px solid #1f6fbe;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 22px 60px rgba(27, 84, 142, 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.pg_10_729 h1 {
    margin: 0 0 8px;
    color: #123b68 !important;
    font-size: 34px !important;
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: 2px;
    text-shadow: none !important;
}

.pg_10_729 span {
    display: block;
    color: #2378cf !important;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .pg_10_725 {
        height: 260px !important;
    }

    .pg_10_729 h1 {
        font-size: 42px !important;
    }
}

@media (max-width: 767px) {
    .pg_10_725 {
        height: 190px !important;
    }

    .pg_10_729 {
        margin: 0 15px;
        padding: 22px 24px;
        border-radius: 18px;
    }

    .pg_10_729 h1 {
        font-size: 28px !important;
    }

    .pg_10_729 span {
        font-size: 14px !important;
    }
}

/* PRODUCT DETAIL HERO ABSTRACT CLEAN 20260515 */
.pg_10_725 {
    height: 240px !important;
    background:
        radial-gradient(circle at 16% 20%, rgba(53, 145, 235, 0.16), rgba(53, 145, 235, 0) 32%),
        radial-gradient(circle at 88% 18%, rgba(33, 114, 204, 0.12), rgba(33, 114, 204, 0) 30%),
        linear-gradient(135deg, #f5fbff 0%, #ffffff 46%, #edf7ff 100%) !important;
}

.pg_10_725:before {
    background-image:
        radial-gradient(circle, rgba(31, 111, 190, 0.12) 1px, transparent 1.5px),
        linear-gradient(90deg, rgba(31, 111, 190, 0.05) 1px, transparent 1px),
        linear-gradient(rgba(31, 111, 190, 0.04) 1px, transparent 1px) !important;
    background-size: 22px 22px, 56px 56px, 56px 56px !important;
    opacity: 0.72;
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.60) 48%, rgba(0, 0, 0, 0.14));
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.60) 48%, rgba(0, 0, 0, 0.14));
}

.pg_10_725:after {
    width: 620px;
    height: 220px;
    right: 10%;
    top: 18px;
    border-radius: 999px;
    background:
        radial-gradient(ellipse at 50% 50%, rgba(77, 170, 255, 0.18), rgba(77, 170, 255, 0.04) 44%, rgba(77, 170, 255, 0) 70%);
    transform: rotate(-8deg);
}

.pg_10_726 {
    opacity: 1 !important;
    filter: none !important;
    background-image:
        radial-gradient(ellipse at 68% 52%, rgba(255, 255, 255, 0.94) 0%, rgba(227, 242, 255, 0.72) 32%, rgba(227, 242, 255, 0) 58%),
        repeating-radial-gradient(ellipse at 68% 52%, rgba(35, 128, 221, 0.12) 0 1px, transparent 1px 13px),
        linear-gradient(120deg, rgba(246, 251, 255, 0.94), rgba(255, 255, 255, 0.74)) !important;
    background-size: cover !important;
    background-position: center center !important;
}

.pg_10_729 {
    width: min(420px, 100%) !important;
    padding: 24px 30px !important;
    border: 1px solid rgba(31, 111, 190, 0.14) !important;
    border-left: 4px solid #1f6fbe !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 18px 46px rgba(27, 84, 142, 0.10) !important;
}

.pg_10_729 h1 {
    font-size: 38px !important;
}

.pg_10_729 span {
    color: #1f6fbe !important;
}

@media (min-width: 992px) {
    .pg_10_725 {
        height: 280px !important;
    }
}

@media (max-width: 767px) {
    .pg_10_725 {
        height: 190px !important;
    }

    .pg_10_729 {
        width: auto !important;
        padding: 20px 22px !important;
    }

    .pg_10_729 h1 {
        font-size: 28px !important;
    }
}

/* PRODUCT DETAIL HERO LIQUID IMAGE 20260515 */
.pg_10_725 {
    height: 250px !important;
    background: #eef8ff !important;
}

.pg_10_725:before {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.34) 52%, rgba(255, 255, 255, 0.66) 100%),
        linear-gradient(180deg, rgba(9, 80, 154, 0.10), rgba(255, 255, 255, 0.10)) !important;
    opacity: 1 !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
}

.pg_10_725:after {
    display: none !important;
}

.pg_10_726 {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    background-image: url("/w/files/image/2026/05/product_detail_liquid_gate_blur.jpg") !important;
    background-size: cover !important;
    background-position: center 56% !important;
}

.pg_10_729 {
    width: auto !important;
    margin-left: auto;
    padding: 0 !important;
    border: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    text-align: right !important;
}

.pg_10_729 h1 {
    margin: 0 0 8px !important;
    color: #103b68 !important;
    font-size: 44px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: 2px !important;
    text-shadow: 0 2px 14px rgba(255, 255, 255, 0.78) !important;
}

.pg_10_729 span {
    color: #1676ce !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    text-shadow: 0 2px 12px rgba(255, 255, 255, 0.78) !important;
}

@media (min-width: 992px) {
    .pg_10_725 {
        height: 300px !important;
    }
}

@media (max-width: 767px) {
    .pg_10_725 {
        height: 190px !important;
    }

    .pg_10_729 {
        margin-right: 18px;
    }

    .pg_10_729 h1 {
        font-size: 30px !important;
    }

    .pg_10_729 span {
        font-size: 14px !important;
        letter-spacing: 2px !important;
    }
}

/* PRODUCT DETAIL HERO SPLIT CLEAN 20260515 */
.pg_10_725 {
    height: 300px !important;
    background:
        radial-gradient(circle at 78% 20%, rgba(40, 132, 226, 0.12), rgba(40, 132, 226, 0) 34%),
        linear-gradient(135deg, #f3faff 0%, #ffffff 48%, #edf7ff 100%) !important;
}

.pg_10_726 {
    opacity: 0 !important;
    background-image: none !important;
}

.pg_10_725:before {
    content: "";
    width: min(52vw, 780px);
    height: 230px;
    position: absolute;
    left: max(28px, calc((100vw - 1320px) / 2));
    top: 34px;
    z-index: 1;
    border-radius: 24px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.08)),
        url("/w/files/image/2026/05/product_detail_liquid_gate_clear.png") !important;
    background-size: cover !important;
    background-position: center 54% !important;
    box-shadow: 0 24px 64px rgba(20, 89, 160, 0.14);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 72%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 72%, rgba(0, 0, 0, 0) 100%);
}

.pg_10_725:after {
    content: "Liquid Gating Technology";
    display: block !important;
    width: auto;
    height: auto;
    position: absolute;
    right: max(28px, calc((100vw - 1320px) / 2));
    bottom: 38px;
    top: auto;
    z-index: 1;
    color: rgba(19, 72, 122, 0.07);
    font-size: 56px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1;
    white-space: nowrap;
    background: none !important;
    transform: none !important;
    pointer-events: none;
}

.pg_10_725 .container {
    width: min(1320px, calc(100% - 56px));
}

.pg_10_728 {
    justify-content: flex-end;
}

.pg_10_729 {
    width: 430px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 0 0 0 34px !important;
    text-align: left !important;
    border-left: 4px solid #1f6fbe !important;
}

.pg_10_729 h1 {
    font-size: 46px !important;
}

.pg_10_729 span:after {
    content: "聚焦液体门控膜跨膜输运、孔径分布与界面性能测试";
    display: block;
    margin-top: 18px;
    color: #526f8a;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.9;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
}

@media (max-width: 991px) {
    .pg_10_725 {
        height: auto !important;
        padding: 28px 0 34px;
    }

    .pg_10_725:before {
        width: calc(100% - 32px);
        height: 160px;
        position: relative;
        left: 16px;
        top: 0;
        display: block;
        margin-bottom: 24px;
        mask-image: none;
        -webkit-mask-image: none;
    }

    .pg_10_725:after {
        display: none !important;
    }

    .pg_10_725 .container {
        width: 100%;
    }

    .pg_10_728 {
        height: auto !important;
        justify-content: flex-start;
    }

    .pg_10_729 {
        width: auto !important;
        margin: 0 24px !important;
        padding-left: 22px !important;
    }

    .pg_10_729 h1 {
        font-size: 32px !important;
    }
}

/* PRODUCT DETAIL HERO REMOVE WATERMARK 20260515 */
.pg_10_725:after {
    content: none !important;
    display: none !important;
}