/* SICHROM v66.3 — CSS unchanged from v66.2; Column Analogs canonical-data integration is PHP-side. */
/* SICHROM v66.1 — CSS unchanged from v66; paired with zero-semantics PHP update. */
/* SICHROM v66 — paired stylesheet. Visual front-end unchanged in this admin/data-model step. */
/*
Theme Name: Betheme Child Sichrom
Template: betheme
Version: 1.0
*/


/* ==================================================
   SICHROM — TECHNICAL TAGS
   ================================================== */

.sichrom-tech-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin: 12px 0 20px;
}

.sichrom-tech-tag {
    display: inline-flex;
    align-items: center;

    min-height: 32px;

    padding: 6px 12px;

    background: #ffffff;

    border: 1px solid #d9dde3;
    border-radius: 7px;

    color: #20252d !important;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;

    text-decoration: none !important;

    transition:
        border-color .18s ease,
        color .18s ease,
        background-color .18s ease;
}

.sichrom-tech-tag:hover {
    background: #f4f9ff;

    border-color: #168bf2;

    color: #168bf2 !important;
}


/* ==================================================
   SICHROM — BETHEME PRODUCT TABS
   ================================================== */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    gap: 10px !important;

    margin: 0 0 28px !important;
    padding: 0 !important;

    list-style: none !important;

    border: 0 !important;
    background: transparent !important;
}


/* tab */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li {
    position: relative;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #dce5f0 !important;
    border-radius: 10px !important;

    box-shadow:
        0 2px 8px rgba(20, 50, 90, 0.04) !important;

    overflow: hidden;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}


/* tab link */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li a {
    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

    padding: 11px 16px !important;

    background: transparent !important;

    color: #526174 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    white-space: nowrap;

    text-decoration: none !important;
}


/* hover */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:hover {
    background: #f3f8ff !important;

    border-color: #b8d8fb !important;

    box-shadow:
        0 4px 14px rgba(22, 139, 242, 0.08) !important;

    transform: translateY(-1px);
}

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:hover a {
    color: #168bf2 !important;
}


/* active */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li.active {
    background: #eaf5ff !important;

    border-color: #168bf2 !important;

    box-shadow:
        0 4px 14px rgba(22, 139, 242, 0.10) !important;
}

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li.active a {
    color: #0877dc !important;
    font-weight: 600 !important;
}


/* active line */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li.active::after {
    content: "";

    position: absolute;

    left: 14px;
    right: 14px;
    bottom: 0;

    height: 2px;

    background: #168bf2;

    border-radius: 2px 2px 0 0;
}


/* ==================================================
   SICHROM — BETHEME TAB ICONS
   ================================================== */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li a::before {
    content: "";

    display: inline-block;

    flex: 0 0 19px;

    width: 19px;
    height: 19px;

    background-color: currentColor;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;
}


/* 1 — Описание */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:nth-child(1) a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M15 3v4h4M9 11h6M9 15h6'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M15 3v4h4M9 11h6M9 15h6'/%3E%3C/svg%3E");
}


/* 2 — Характеристики */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:nth-child(2) a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M5 19V12M10 19V8M15 19V5M20 19V10'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M5 19V12M10 19V8M15 19V5M20 19V10'/%3E%3C/svg%3E");
}


/* 3 — Методики */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:nth-child(3) a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M9 3h6M10 3v6l-5 9a2 2 0 0 0 1.8 3h10.4A2 2 0 0 0 19 18l-5-9V3'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M9 3h6M10 3v6l-5 9a2 2 0 0 0 1.8 3h10.4A2 2 0 0 0 19 18l-5-9V3'/%3E%3C/svg%3E");
}


/* 4 — Хроматограммы */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:nth-child(4) a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 19h18M4 17l3-2 2-5 3 7 3-11 2 9 3-2'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 19h18M4 17l3-2 2-5 3 7 3-11 2 9 3-2'/%3E%3C/svg%3E");
}


/* 5 — Документы */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:nth-child(5) a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M15 3v4h4M9 11h6M9 15h6'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M15 3v4h4M9 11h6M9 15h6'/%3E%3C/svg%3E");
}


/* 6 — Аналоги */

body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:nth-child(6) a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h11l-3-3M18 7l-3 3M17 17H6l3 3M6 17l3-3'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h11l-3-3M18 7l-3 3M17 17H6l3 3M6 17l3-3'/%3E%3C/svg%3E");
}


/* ==================================================
   SICHROM — PRODUCT SPECIFICATIONS
   ================================================== */

.woocommerce table.shop_attributes {
    width: 100%;
    max-width: 760px;

    margin: 24px 0 36px;
    padding: 18px;

    background: #ffffff;

    border: 1px solid #e4ebf4 !important;
    border-radius: 16px;

    border-collapse: separate !important;
    border-spacing: 0 8px !important;

    box-shadow:
        0 5px 25px rgba(19, 46, 82, 0.04);
}

.woocommerce table.shop_attributes tr {
    background: transparent !important;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    vertical-align: middle !important;

    border: none !important;
}


/* parameter */

.woocommerce table.shop_attributes th {
    width: 330px !important;

    padding: 11px 16px !important;

    background: #f1f6fd !important;

    border: 1px solid #dbe8f8 !important;
    border-radius: 11px !important;

    color: #16355d !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;

    text-align: left !important;

    transition:
        background-color .18s ease,
        border-color .18s ease;
}


/* value */

.woocommerce table.shop_attributes td {
    padding: 11px 16px 11px 22px !important;

    color: #24334a !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: normal !important;

    text-align: left !important;
}

.woocommerce table.shop_attributes td p,
.woocommerce table.shop_attributes th p {
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce table.shop_attributes td p {
    font-style: normal !important;
}

.woocommerce table.shop_attributes td a {
    color: #087bea;

    text-decoration: none;
}

.woocommerce table.shop_attributes td a:hover {
    color: #005fb9;
}

.woocommerce table.shop_attributes tr:hover th {
    background: #e8f3ff !important;

    border-color: #bddcff !important;
}


/* ==================================================
   SICHROM — PRODUCT ATTRIBUTE ICON BASE
   Icons are rendered by Technical Schema Registry.
   ================================================== */

.woocommerce table.shop_attributes th::before {
    display:none!important;
}

/* ==================================================
   SICHROM — PRODUCT DESCRIPTION
   ================================================== */

.sichrom-desc {
    max-width: 980px;

    margin: 0;
    padding: 0;
}


/* intro */

.sichrom-desc-intro {
    margin: 0 0 22px;

    padding: 24px 26px;

    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 18px;

    box-shadow:
        0 5px 24px rgba(19, 46, 82, 0.04);
}

.sichrom-desc-intro h3 {
    margin: 0 0 12px;

    color: #16355d;

    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
}

.sichrom-desc-intro p {
    margin: 0;

    color: #31445f;

    font-size: 15px;
    line-height: 1.75;
}


/* cards */

.sichrom-desc-grid {
    display: grid;

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

    gap: 18px;

    margin: 0 0 22px;
}

.sichrom-desc-card {
    padding: 20px 22px;

    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 18px;

    box-shadow:
        0 5px 24px rgba(19, 46, 82, 0.04);

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

.sichrom-desc-card:hover {
    transform: translateY(-2px);

    border-color: #c9def7;

    box-shadow:
        0 8px 28px rgba(19, 46, 82, 0.07);
}

.sichrom-desc-card-title {
    display: inline-flex;
    align-items: center;

    min-height: 38px;

    margin: 0 0 14px;

    padding: 8px 14px;

    background: #f1f6fd;

    border: 1px solid #dbe8f8;
    border-radius: 11px;

    color: #16355d;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
}


/* lists */

.sichrom-desc-card ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.sichrom-desc-card ul li {
    position: relative;

    margin: 0 0 10px;

    padding-left: 18px;

    color: #2e405c;

    font-size: 15px;
    line-height: 1.65;
}

.sichrom-desc-card ul li:last-child {
    margin-bottom: 0;
}

.sichrom-desc-card ul li::before {
    content: "";

    position: absolute;

    left: 0;
    top: 10px;

    width: 7px;
    height: 7px;

    background: #168bf2;

    border-radius: 50%;
}


/* note */

.sichrom-desc-note {
    padding: 18px 22px;

    background: #f8fbff;

    border: 1px solid #dfe8f3;
    border-radius: 16px;

    color: #31445f;

    font-size: 14px;
    line-height: 1.7;
}

.sichrom-desc-note strong {
    color: #16355d;
}


/* ==================================================
   SICHROM — METHOD CONDITIONS
   ================================================== */

.sichrom-method-conditions {
    width: 100%;
    max-width: 980px;

    margin: 32px 0 40px;
}


/* heading */

.sichrom-method-conditions-head {
    display: flex;
    align-items: center;

    gap: 14px;

    margin-bottom: 22px;
}

.sichrom-method-conditions-head h2 {
    margin: 0 0 3px;

    color: #16355d;

    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
}

.sichrom-method-conditions-head p {
    margin: 0;

    color: #8390a3;

    font-size: 13px;
}


/* method icon */

.sichrom-method-conditions-icon {
    display: block;

    flex: 0 0 44px;

    width: 44px;
    height: 44px;

    background-color: #168bf2;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M5 19V12M10 19V8M15 19V5M20 19V10'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M5 19V12M10 19V8M15 19V5M20 19V10'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: 26px;
    mask-size: 26px;
}


/* groups */

.sichrom-method-groups {
    display: grid;

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

    align-items: start;

    gap: 18px;
}

/* Если последняя карточка одна — растягиваем на всю ширину */

.sichrom-method-group:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}


/* group */

.sichrom-method-group {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 16px;

    box-shadow:
        0 5px 24px rgba(19, 46, 82, 0.04);
}

.sichrom-method-group h3 {
    margin: 0;

    padding: 13px 17px;

    background: #f1f6fd;

    border-bottom: 1px solid #dbe8f8;

    color: #16355d;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}


/* rows */

.sichrom-method-table {
    padding: 6px 16px 10px;
}

.sichrom-method-row {
    display: grid;

    grid-template-columns:
        minmax(0, 44%)
        minmax(0, 56%);

    align-items: start;

    gap: 14px;

    padding: 11px 0;

    border-bottom: 1px solid #edf2f7;
}

.sichrom-method-row:last-child {
    border-bottom: 0;
}


/* labels */

.sichrom-method-label strong {
    display: block;

    margin-bottom: 2px;

    color: #253b59;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.sichrom-method-label span {
    display: block;

    color: #8996a8;

    font-size: 11px;
    line-height: 1.3;
}


/* values */

.sichrom-method-value {
    min-width: 0;

    color: #293c57;

    font-size: 14px;
    line-height: 1.55;

    overflow-wrap: anywhere;
}


/* linked WooCommerce column */

.sichrom-method-product-link {
    color: #087bea !important;

    font-weight: 600;

    text-decoration: none !important;

    transition: color .18s ease;
}

.sichrom-method-product-link:hover {
    color: #005fb9 !important;

    text-decoration: underline !important;
}


/* ==================================================
   SICHROM — METHOD INFO
   ================================================== */

.sichrom-method-info {
    display: flex;
    align-items: flex-start;

    gap: 14px;

    margin: 0 0 22px;
    padding: 18px 20px;

    background: #f4f9ff;

    border: 1px solid #d7e9fb;
    border-radius: 14px;

    box-shadow:
        0 4px 18px rgba(19, 46, 82, 0.035);
}

.sichrom-method-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    margin-top: 1px;

    background: #e4f2ff;

    border: 1px solid #bdddf8;
    border-radius: 50%;

    color: #0877dc;

    font-size: 17px;
    font-weight: 700;
    line-height: 1;
}

.sichrom-method-info-content {
    flex: 1;
    min-width: 0;
}

.sichrom-method-info-title {
    margin-bottom: 5px;

    color: #16355d;

    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.sichrom-method-info-text {
    color: #526174;

    font-size: 14px;
    line-height: 1.65;
}

.sichrom-method-info-text p {
    margin: 0;
}

/* ==================================================
   SICHROM — MOBILE
   ================================================== */

@media (max-width: 767px) {

    /* Technical tags */

    .sichrom-tech-tags {
        gap: 6px;

        margin-bottom: 18px;
    }

    .sichrom-tech-tag {
        min-height: 30px;

        padding: 6px 10px;

        font-size: 12px;
    }


    /* Product tabs */

    body.single-product
    .mfn-woocommerce-tabs
    .mfn-woocommerce-tabs-nav {
        gap: 7px !important;

        margin-bottom: 22px !important;
    }

    body.single-product
    .mfn-woocommerce-tabs
    .mfn-woocommerce-tabs-nav
    li a {
        gap: 7px !important;

        padding: 10px 12px !important;

        font-size: 13px !important;
    }

    body.single-product
    .mfn-woocommerce-tabs
    .mfn-woocommerce-tabs-nav
    li a::before {
        flex-basis: 17px;

        width: 17px;
        height: 17px;
    }


    /* Specifications */

    .woocommerce table.shop_attributes {
        max-width: 100%;

        padding: 14px;

        border-radius: 12px;
    }

    .woocommerce table.shop_attributes tr {
        display: block;

        margin-bottom: 10px;
    }

    .woocommerce table.shop_attributes th,
    .woocommerce table.shop_attributes td {
        display: block;

        width: 100% !important;
        max-width: none;
    }

    .woocommerce table.shop_attributes th {
        padding: 10px 14px !important;
    }

    .woocommerce table.shop_attributes td {
        padding: 8px 14px 4px !important;
    }


    /* Product description */

    .sichrom-desc-intro {
        padding: 18px;

        border-radius: 14px;
    }

    .sichrom-desc-intro h3 {
        font-size: 22px;
    }

    .sichrom-desc-grid {
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .sichrom-desc-card {
        padding: 16px;

        border-radius: 14px;
    }

    .sichrom-desc-card-title {
        width: 100%;

        padding: 8px 12px;
    }

    .sichrom-desc-note {
        padding: 16px;

        border-radius: 14px;
    }


    /* HPLC method */

    .sichrom-method-info {
        padding: 16px;
        gap: 12px;
    }

    .sichrom-method-info-icon {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
        font-size: 16px;
    }

    .sichrom-method-conditions {
        margin-top: 24px;
    }

    .sichrom-method-conditions-head {
        align-items: flex-start;

        gap: 11px;
    }

    .sichrom-method-conditions-head h2 {
        font-size: 22px;
    }

    .sichrom-method-conditions-icon {
        flex-basis: 38px;

        width: 38px;
        height: 38px;

        -webkit-mask-size: 23px;
        mask-size: 23px;
    }

    .sichrom-method-groups {
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .sichrom-method-row {
        grid-template-columns: 1fr;

        gap: 5px;

        padding: 11px 0;
    }

}

/* ==================================================
   SICHROM — METHOD FILTER TAGS
   ================================================== */

.sichrom-method-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 8px;

    margin: 0 0 24px;
}

.sichrom-method-tag {
    display: inline-flex;
    align-items: center;

    min-height: 34px;

    padding: 7px 13px;

    background: #f1f6fd;

    border: 1px solid #dbe8f8;
    border-radius: 9px;

    color: #16355d !important;

    font-size: 13px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none !important;

    transition:
        color .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.sichrom-method-tag:hover {
    color: #0877dc !important;

    background: #eaf5ff;

    border-color: #168bf2;

    transform: translateY(-1px);

    box-shadow:
        0 3px 10px rgba(22, 139, 242, 0.08);
}

/* ==================================================
   SICHROM — REMOVE EMPTY METHOD POST HEADER
   ================================================== */

body.single-sichrom_method .section-post-header {
    display: none !important;
}

/* ==================================================
   SICHROM — CHROMATOGRAM
   ================================================== */

.sichrom-chromatogram {
    width: 100%;
    max-width: 980px;

    margin: 38px 0 45px;
}


/* heading */

.sichrom-chromatogram-head {
    display: flex;
    align-items: center;

    gap: 14px;

    margin-bottom: 20px;
}

.sichrom-chromatogram-head h2 {
    margin: 0 0 3px;

    color: #16355d;

    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
}

.sichrom-chromatogram-head p {
    margin: 0;

    color: #8996a8;

    font-size: 13px;
}


/* icon */

.sichrom-chromatogram-icon {
    flex: 0 0 44px;

    width: 44px;
    height: 44px;

    background-color: #168bf2;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 19h18M4 17l3-2 2-5 3 7 3-11 2 9 3-2'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 19h18M4 17l3-2 2-5 3 7 3-11 2 9 3-2'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: 27px;
    mask-size: 27px;
}


/* chart card */

.sichrom-chart-card {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 16px;

    box-shadow:
        0 5px 24px rgba(19, 46, 82, 0.04);
}

.sichrom-chart-toolbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    gap: 8px;

    padding: 11px 16px;

    background: #f8fbff;

    border-bottom: 1px solid #e5edf6;

    color: #78889d;

    font-size: 12px;
}

.sichrom-chart-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 8px;

    width: 100%;
}

.sichrom-chart-product,
.sichrom-chart-reset,
.sichrom-peak-product {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    height: 34px;
    min-height: 34px;

    margin: 0;
    padding: 0 12px;

    background: #ffffff;

    border: 1px solid #cfe1f4;
    border-radius: 8px;

    color: #0877dc !important;

    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;

    text-decoration: none !important;

    cursor: pointer;
    white-space: nowrap;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease;
}

.sichrom-chart-product:hover,
.sichrom-chart-reset:hover,
.sichrom-peak-product:hover {
    background: #eaf5ff;

    border-color: #168bf2;

    color: #005fb9 !important;
}

/* SVG */

.sichrom-chart-wrap {
    position: relative;

    width: 100%;

    padding: 12px 12px 4px;
}

.sichrom-chart-svg {
    display: block;

    width: 100%;
    height: auto;

    user-select: none;
}

.sichrom-svg-grid {
    display: none !important;
}

.sichrom-svg-axis {
    stroke: #9caabd;
    stroke-width: 1.2;
}

.sichrom-svg-tick {
    fill: #7d8b9d;

    font-size: 12px;
}

.sichrom-svg-axis-title {
    fill: #526174;

    font-size: 13px;
    font-weight: 500;
}

.sichrom-svg-chromatogram {
    fill: none;

    stroke-linejoin: round;
    stroke-linecap: round;
}

.sichrom-svg-chromatogram-primary {
    stroke: #168bf2;
    stroke-width: 1.28;
}

.sichrom-svg-chromatogram-compare-1 {
    stroke: #9aa7b6;
    stroke-width: 1.0;
}

.sichrom-svg-chromatogram-compare-2 {
    stroke: #c2cad4;
    stroke-width: 0.88;
}

.sichrom-svg-peak {
    display: none !important;
}

.sichrom-svg-peak-number {
    fill: #0877dc;

    font-size: 15px;
    font-weight: 700;
}

.sichrom-svg-peak-name {
    fill: #334a67;

    font-size: 12px;
    font-weight: 600;
}


/* tooltip */

.sichrom-chart-tooltip {
    position: absolute;

    z-index: 10;

    pointer-events: none;

    min-width: 100px;

    padding: 8px 10px;

    background: rgba(22, 53, 93, 0.72);

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);

    border-radius: 8px;

    color: #ffffff;

    font-size: 12px;
    line-height: 1.45;

    box-shadow:
        0 5px 18px rgba(16, 39, 70, 0.16);
}


/* ==================================================
   PEAK RESULTS
   ================================================== */

.sichrom-peak-results {
    margin-top: 20px;

    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 16px;

    overflow: hidden;

    box-shadow:
        0 5px 24px rgba(19, 46, 82, 0.04);
}

.sichrom-peak-results-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 14px;

    padding: 10px 16px;

    background: #f1f6fd;

    border-bottom: 1px solid #dbe8f8;
}

.sichrom-peak-results-head h3 {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    color: #16355d;

    font-size: 15px;
    font-weight: 600;
}

.sichrom-peak-table-wrap {
    overflow-x: auto;
}

.sichrom-peak-results-table {
    width: 100%;

    border-collapse: collapse;
}

.sichrom-peak-results-table th,
.sichrom-peak-results-table td {
    padding: 12px 14px;

    border-bottom: 1px solid #edf2f7;

    text-align: left;

    font-size: 13px;
}

.sichrom-peak-results-table th {
    background: #fbfdff;

    color: #526174;

    font-weight: 600;
}

.sichrom-peak-results-table td {
    color: #293c57;
}

.sichrom-peak-results-table tr:last-child td {
    border-bottom: 0;
}

/* mobile */

@media (max-width: 767px) {

    .sichrom-chromatogram {
        margin-top: 28px;
    }

    .sichrom-chromatogram-head h2 {
        font-size: 22px;
    }

    .sichrom-chart-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .sichrom-chart-actions,
    .sichrom-peak-results-head {
        flex-wrap: wrap;
    }

    .sichrom-chart-product,
    .sichrom-chart-reset,
    .sichrom-peak-product {
        height: 36px;
        min-height: 36px;
    }

    .sichrom-chart-wrap {
        padding: 6px;
    }

    .sichrom-peak-results-table {
        min-width: 620px;
    }

}

/* ==================================================
   SICHROM — PRODUCT METHODS
   ================================================== */

.sichrom-product-methods {
    display: grid;

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

    gap: 18px;

    width: 100%;
    max-width: 980px;
}


.sichrom-product-method-card {
    padding: 20px 22px;

    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 16px;

    box-shadow:
        0 5px 24px rgba(19, 46, 82, 0.04);

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


.sichrom-product-method-card:hover {
    transform: translateY(-2px);

    border-color: #c9def7;

    box-shadow:
        0 8px 28px rgba(19, 46, 82, 0.07);
}


.sichrom-product-method-title {
    margin: 0 0 12px;

    font-size: 17px;
    line-height: 1.4;
}


.sichrom-product-method-title a {
    color: #16355d !important;

    text-decoration: none !important;
}


.sichrom-product-method-title a:hover {
    color: #0877dc !important;
}


.sichrom-product-method-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-bottom: 14px;
}


.sichrom-product-method-tag {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding: 5px 9px;

    background: #f1f6fd;

    border: 1px solid #dbe8f8;
    border-radius: 7px;

    color: #31506f;

    font-size: 11px;
    font-weight: 500;
}


.sichrom-product-method-meta {
    margin-bottom: 15px;

    color: #718097;

    font-size: 13px;
    line-height: 1.5;
}


.sichrom-method-separator {
    display: inline-block;

    margin: 0 7px;

    color: #b1bdcb;
}


.sichrom-product-method-open {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #0877dc !important;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none !important;
}


.sichrom-product-method-open:hover {
    color: #005fb9 !important;
}


.sichrom-product-methods-empty {
    max-width: 980px;

    padding: 18px 20px;

    background: #f8fbff;

    border: 1px solid #dfe8f3;
    border-radius: 14px;

    color: #61738a;

    font-size: 14px;
}


/* Mobile */

@media (max-width: 767px) {

    .sichrom-product-methods {
        grid-template-columns: 1fr;
    }

    .sichrom-product-method-card {
        padding: 17px;
    }

}


/* ==================================================
   SICHROM — PRODUCT CHROMATOGRAMS
   ================================================== */

.sichrom-product-chromatograms {
    display: grid;

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

    gap: 18px;

    width: 100%;
    max-width: 980px;
}


.sichrom-product-chromatogram-card {
    position: relative;

    padding: 20px 22px;

    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 16px;

    box-shadow:
        0 5px 24px rgba(19, 46, 82, 0.04);

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


.sichrom-product-chromatogram-card:hover {
    transform: translateY(-2px);

    border-color: #c9def7;

    box-shadow:
        0 8px 28px rgba(19, 46, 82, 0.07);
}


.sichrom-product-chromatogram-title {
    margin: 0 0 7px;

    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
}

.sichrom-product-chromatogram-title a {
    color: #16355d !important;

    text-decoration: none !important;

    transition: color .18s ease;
}

.sichrom-product-chromatogram-title a:hover {
    color: #0877dc !important;
}


.sichrom-product-chromatogram-method {
    margin-bottom: 13px;

    color: #718097;

    font-size: 12px;
    line-height: 1.5;
}


.sichrom-product-chromatogram-meta {
    margin-bottom: 15px;

    color: #526174;

    font-size: 13px;
    line-height: 1.5;
}


.sichrom-product-chromatogram-open {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #0877dc !important;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none !important;
}


.sichrom-product-chromatogram-open:hover {
    color: #005fb9 !important;
}


.sichrom-product-chromatograms-empty {
    max-width: 980px;

    padding: 18px 20px;

    background: #f8fbff;

    border: 1px solid #dfe8f3;
    border-radius: 14px;

    color: #61738a;

    font-size: 14px;
}


/* Mobile */

@media (max-width: 767px) {

    .sichrom-product-chromatograms {
        grid-template-columns: 1fr;
    }

    .sichrom-product-chromatogram-card {
        padding: 17px;
    }

}
/* ==================================================
   SICHROM — PRODUCT DOCUMENTS
   ================================================== */

.sichrom-product-documents {
    display: grid;

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

    gap: 18px;

    width: 100%;
    max-width: 980px;
}

.sichrom-product-document-card {
    display: flex;
    align-items: flex-start;

    gap: 16px;

    padding: 20px 22px;

    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 16px;

    box-shadow:
        0 5px 24px rgba(19, 46, 82, 0.04);

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

.sichrom-product-document-card:hover {
    transform: translateY(-2px);

    border-color: #c9def7;

    box-shadow:
        0 8px 28px rgba(19, 46, 82, 0.07);
}

.sichrom-product-document-icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    background-color: #168bf2;

    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M15 3v4h4M9 11h6M9 15h6'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M15 3v4h4M9 11h6M9 15h6'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: 28px;
    mask-size: 28px;
}

.sichrom-product-document-content {
    flex: 1;
    min-width: 0;
}

.sichrom-product-document-type {
    margin: 0 0 5px;

    color: #0877dc;

    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;

    text-transform: uppercase;
    letter-spacing: .03em;
}

.sichrom-product-document-title {
    margin: 0 0 8px;

    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
}

.sichrom-product-document-title a {
    color: #16355d !important;

    text-decoration: none !important;

    transition: color .18s ease;
}

.sichrom-product-document-title a:hover {
    color: #0877dc !important;
}

.sichrom-product-document-meta {
    margin: 0 0 14px;

    color: #718097;

    font-size: 12px;
    line-height: 1.5;
}

.sichrom-product-document-open {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #0877dc !important;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none !important;
}

.sichrom-product-document-open:hover {
    color: #005fb9 !important;
}

.sichrom-product-documents-empty {
    width: 100%;
    max-width: 980px;

    padding: 18px 20px;

    background: #f8fbff;

    border: 1px solid #dfe8f3;
    border-radius: 14px;

    color: #61738a;

    font-size: 14px;
}

@media (max-width: 767px) {

    .sichrom-product-documents {
        grid-template-columns: 1fr;
    }

    .sichrom-product-document-card {
        gap: 13px;

        padding: 17px;
    }

    .sichrom-product-document-icon {
        flex-basis: 36px;

        width: 36px;
        height: 36px;

        -webkit-mask-size: 24px;
        mask-size: 24px;
    }
}

/* ==================================================
   SICHROM — PRODUCT TAB CONTENT ALIGNMENT
   ================================================== */

/*
 * Betheme DOM:
 *
 * .mfn-woocommerce-tabs-content.tab-...
 *     > .section_wrapper
 *         > content
 *
 * Не изменяем display/visibility, поэтому стандартное
 * переключение вкладок Betheme остаётся нетронутым.
 */

/* Одинаковая геометрия внешнего контейнера каждой вкладки */
body.single-product
.mfn-woocommerce-tabs-content.tab-description,

body.single-product
.mfn-woocommerce-tabs-content.tab-additional_information,

body.single-product
.mfn-woocommerce-tabs-content.tab-sichrom_methods,

body.single-product
.mfn-woocommerce-tabs-content.tab-sichrom_chromatograms,

body.single-product
.mfn-woocommerce-tabs-content.tab-sichrom_documents,

body.single-product
.mfn-woocommerce-tabs-content.tab-sichrom_equivalents {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding:
        14px
        12px
        0 !important;

    text-align: left !important;
}


/* Betheme section_wrapper не центрирует контент */
body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    text-align: left !important;

    justify-content: flex-start !important;
    justify-items: start !important;
    align-content: flex-start !important;
    align-items: flex-start !important;
}


/* Основные блоки всех вкладок начинаются с одной вертикали */
body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
> .sichrom-desc,

body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
> .sichrom-product-methods,

body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
> .sichrom-product-chromatograms,

body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
> .sichrom-product-documents,

body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
> .sichrom-product-equivalents,

body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
> .sichrom-product-methods-empty,

body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
> .sichrom-product-chromatograms-empty,

body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
> .sichrom-product-documents-empty,

body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
> .sichrom-product-equivalents-empty {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 980px !important;

    margin:
        0
        auto
        0
        0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    float: none !important;
    transform: none !important;
}


/* Характеристики: та же точка старта, своя ширина таблицы */
body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
table.shop_attributes {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 760px !important;

    margin:
        0
        auto
        36px
        0 !important;
}


/* Grid-контейнеры методик, хроматограмм и документов не центрируются */
body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
> .sichrom-product-methods,

body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
> .sichrom-product-chromatograms,

body.single-product
.mfn-woocommerce-tabs-content
> .section_wrapper
> .sichrom-product-documents {
    justify-content: start !important;
    justify-items: stretch !important;
    align-content: start !important;
}


/* Карточки не получают автоматических боковых отступов */
body.single-product
.sichrom-product-method-card,

body.single-product
.sichrom-product-chromatogram-card,

body.single-product
.sichrom-product-document-card {
    margin-left: 0 !important;
    margin-right: 0 !important;

    justify-self: stretch !important;
}


/* Mobile */
@media (max-width: 767px) {

    body.single-product
    .mfn-woocommerce-tabs-content.tab-description,

    body.single-product
    .mfn-woocommerce-tabs-content.tab-additional_information,

    body.single-product
    .mfn-woocommerce-tabs-content.tab-sichrom_methods,

    body.single-product
    .mfn-woocommerce-tabs-content.tab-sichrom_chromatograms,

    body.single-product
    .mfn-woocommerce-tabs-content.tab-sichrom_documents,

    body.single-product
    .mfn-woocommerce-tabs-content.tab-sichrom_equivalents {
        padding:
            11px
            5px
            0 !important;
    }

}

/* ==================================================
   SICHROM — METHODS CATALOG PAGE
   Shortcode: [sichrom_methods_catalog]
   ================================================== */

.sichrom-methods-catalog {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;
    padding: 6px 0 44px;
}


.sichrom-methods-catalog-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 28px;

    margin-bottom: 22px;
}


.sichrom-methods-catalog-head h2 {
    margin: 0 0 4px;

    color: #16355d;

    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}


.sichrom-methods-catalog-subtitle {
    color: #8996a8;

    font-size: 12px;
}


.sichrom-methods-catalog-intro {
    max-width: 520px;

    color: #526174;

    font-size: 14px;
    line-height: 1.6;
}


/* Filters */

.sichrom-methods-catalog-filter {
    display: grid;

    grid-template-columns:
        minmax(240px, 1.45fr)
        repeat(3, minmax(155px, 1fr))
        auto;

    gap: 12px;

    align-items: end;

    margin-bottom: 18px;
    padding: 17px;

    background: #f8fbff;

    border: 1px solid #dfe8f3;
    border-radius: 16px;

    box-shadow:
        0 5px 24px rgba(19, 46, 82, 0.035);
}


.sichrom-methods-catalog-search,
.sichrom-methods-catalog-filter-field {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    min-width: 0;
}


.sichrom-methods-catalog-filter label {
    display: block;

    min-height: 31px;

    margin: 0 0 6px;

    color: #253b59;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}


.sichrom-methods-catalog-filter label span {
    display: block;

    margin-top: 2px;

    color: #8996a8;

    font-size: 10px;
    font-weight: 400;
}


.sichrom-methods-catalog-filter input,
.sichrom-methods-catalog-filter select {
    box-sizing: border-box;

    width: 100%;
    height: 40px;

    margin: 0;
    padding: 0 11px;

    background: #ffffff;

    border: 1px solid #d6e5f5;
    border-radius: 9px;

    color: #293c57;

    font-family: inherit;
    font-size: 13px;
}


.sichrom-methods-catalog-filter input:focus,
.sichrom-methods-catalog-filter select:focus {
    outline: none;

    border-color: #168bf2;

    box-shadow:
        0 0 0 3px rgba(22, 139, 242, 0.08);
}


.sichrom-methods-catalog-filter-actions {
    display: flex;
    align-items: center;

    gap: 8px;
}




.sichrom-methods-catalog-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;

    height: 40px;

    margin: 0;
    padding: 0 14px;

    border-radius: 9px;

    font-family: inherit;
    font-size: 12px;
    font-weight: 600;

    text-decoration: none !important;

    cursor: pointer;

    white-space: nowrap;
}






.sichrom-methods-catalog-reset {
    background: #ffffff;

    border: 1px solid #d6e5f5;

    color: #0877dc !important;
}


.sichrom-methods-catalog-reset:hover {
    background: #eaf5ff;

    border-color: #168bf2;
}


/* Results */

.sichrom-methods-catalog-results {
    margin: 0 0 12px;

    color: #718097;

    font-size: 12px;
}


.sichrom-methods-catalog-grid {
    display: grid;

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

    gap: 18px;
}


.sichrom-catalog-method-card {
    padding: 20px 22px;

    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 16px;

    box-shadow:
        0 5px 24px rgba(19, 46, 82, 0.04);

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


.sichrom-catalog-method-card:hover {
    transform: translateY(-2px);

    border-color: #c9def7;

    box-shadow:
        0 8px 28px rgba(19, 46, 82, 0.07);
}


.sichrom-catalog-method-title {
    margin: 0 0 12px;

    font-size: 18px;
    line-height: 1.4;
}


.sichrom-catalog-method-title a {
    color: #16355d !important;

    text-decoration: none !important;
}


.sichrom-catalog-method-title a:hover {
    color: #0877dc !important;
}


.sichrom-catalog-method-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-bottom: 14px;
}


.sichrom-catalog-method-tag {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding: 5px 9px;

    background: #f1f6fd;

    border: 1px solid #dbe8f8;
    border-radius: 7px;

    color: #31506f;

    font-size: 11px;
    font-weight: 500;
}


.sichrom-catalog-method-meta {
    margin-bottom: 15px;

    color: #718097;

    font-size: 13px;
    line-height: 1.55;
}


.sichrom-catalog-method-open {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #0877dc !important;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none !important;
}


.sichrom-catalog-method-open:hover {
    color: #005fb9 !important;
}


.sichrom-methods-catalog-empty {
    padding: 20px;

    background: #f8fbff;

    border: 1px solid #dfe8f3;
    border-radius: 14px;

    color: #61738a;

    font-size: 14px;
}


/* Pagination */

.sichrom-methods-catalog-pagination {
    margin-top: 28px;
}


.sichrom-methods-catalog-pagination ul {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;

    margin: 0;
    padding: 0;

    list-style: none;
}


.sichrom-methods-catalog-pagination a,
.sichrom-methods-catalog-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 36px;
    height: 36px;

    padding: 0 10px;

    background: #ffffff;

    border: 1px solid #d6e5f5;
    border-radius: 8px;

    color: #526174 !important;

    font-size: 12px;

    text-decoration: none !important;
}


.sichrom-methods-catalog-pagination .current {
    background: #eaf5ff;

    border-color: #168bf2;

    color: #0877dc !important;

    font-weight: 600;
}


/* Tablet */

@media (max-width: 1100px) {

    .sichrom-methods-catalog-filter {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .sichrom-methods-catalog-search,
    .sichrom-methods-catalog-filter-actions {
        grid-column: 1 / -1;
    }
}


/* Mobile */

@media (max-width: 767px) {

    .sichrom-methods-catalog {
        padding-bottom: 34px;
    }

    .sichrom-methods-catalog-head {
        display: block;
    }

    .sichrom-methods-catalog-head h2 {
        font-size: 26px;
    }

    .sichrom-methods-catalog-intro {
        margin-top: 14px;
    }

    .sichrom-methods-catalog-filter {
        grid-template-columns: 1fr;

        padding: 14px;
    }

    .sichrom-methods-catalog-search,
    .sichrom-methods-catalog-filter-actions {
        grid-column: auto;
    }

    .sichrom-methods-catalog-filter-actions {
        flex-wrap: wrap;
    }

    .sichrom-methods-catalog-grid {
        grid-template-columns: 1fr;
    }

    .sichrom-catalog-method-card {
        padding: 17px;
    }
}

/* ==================================================
   SICHROM — SEARCH PLACEHOLDER FOCUS
   ================================================== */

.sichrom-methods-catalog-search input::placeholder {
    color: #a7b1bf;

    opacity: 1;

    transition:
        opacity .14s ease;
}

.sichrom-methods-catalog-search input:focus::placeholder {
    opacity: 0;
}

/* ==================================================
   SICHROM — METHODS CATALOG CARDS V2
   ================================================== */

.sichrom-catalog-method-card {
    display: flex;

    min-height: 100%;

    padding: 0;

    overflow: hidden;
}


.sichrom-catalog-method-main {
    display: flex;
    flex-direction: column;

    width: 100%;

    padding: 20px 22px;
}


.sichrom-catalog-method-title {
    margin: 0 0 11px;

    font-size: 18px;
    line-height: 1.38;
}


.sichrom-catalog-analytes {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-bottom: 13px;
}


.sichrom-catalog-analyte {
    display: inline-flex;
    align-items: center;

    min-height: 27px;

    padding: 4px 9px;

    background: #eef7ff;

    border: 1px solid #d7e9fb;
    border-radius: 7px;

    color: #0877dc;

    font-size: 11px;
    font-weight: 600;
}


.sichrom-catalog-method-summary {
    margin-bottom: 14px;

    color: #61738a;

    font-size: 13px;
    line-height: 1.55;
}


.sichrom-catalog-method-details {
    display: grid;

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

    gap: 8px 18px;

    margin-bottom: 16px;
}


.sichrom-catalog-detail {
    min-width: 0;
}


.sichrom-catalog-detail-label {
    display: block;

    margin-bottom: 2px;

    color: #93a0b0;

    font-size: 10px;
    line-height: 1.2;
}


.sichrom-catalog-detail-value {
    display: block;

    color: #334a67;

    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;

    overflow-wrap: anywhere;
}


.sichrom-catalog-method-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 16px;

    margin-top: auto;
    padding-top: 14px;

    border-top: 1px solid #edf2f7;
}


.sichrom-catalog-method-context {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;
}


.sichrom-catalog-method-context span {
    display: inline-flex;
    align-items: center;

    min-height: 24px;

    padding: 3px 8px;

    background: #f7f9fc;

    border: 1px solid #e7edf4;
    border-radius: 999px;

    color: #718097;

    font-size: 10px;
    font-weight: 500;
}


.sichrom-catalog-method-open {
    flex: 0 0 auto;

    white-space: nowrap;
}


@media (max-width: 767px) {

    .sichrom-catalog-method-main {
        padding: 17px;
    }

    .sichrom-catalog-method-details {
        grid-template-columns: 1fr;
    }

    .sichrom-catalog-method-footer {
        align-items: flex-start;
        flex-direction: column;
    }

}

/* ==================================================
   SICHROM — COLUMN EQUIVALENT FINDER
   ================================================== */

.sichrom-equivalent-finder {
    margin: 0 0 22px;
    padding: 18px;

    background: #f8fbff;

    border: 1px solid #dfe8f3;
    border-radius: 16px;

    box-shadow:
        0 5px 24px rgba(19, 46, 82, 0.035);
}


.sichrom-equivalent-finder-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 24px;

    margin-bottom: 13px;
}


.sichrom-equivalent-finder-head h3 {
    margin: 0 0 2px;

    color: #16355d;

    font-size: 16px;
    font-weight: 650;
    line-height: 1.3;
}


.sichrom-equivalent-finder-head span {
    color: #8996a8;

    font-size: 10px;
}


.sichrom-equivalent-finder-head p {
    max-width: 540px;

    margin: 0;

    color: #718097;

    font-size: 12px;
    line-height: 1.45;
}


.sichrom-equivalent-search-wrap {
    position: relative;

    width: 100%;
}


.sichrom-equivalent-search {
    box-sizing: border-box;

    width: 100%;
    height: 42px;

    margin: 0;
    padding: 0 12px;

    background: #ffffff;

    border: 1px solid #d6e5f5;
    border-radius: 9px;

    color: #293c57;

    font-family: inherit;
    font-size: 13px;
}


.sichrom-equivalent-search:focus {
    outline: none;

    border-color: #168bf2;

    box-shadow:
        0 0 0 3px rgba(22, 139, 242, 0.08);
}


.sichrom-equivalent-search::placeholder {
    color: #a7b1bf;

    opacity: 1;

    transition: opacity .14s ease;
}


.sichrom-equivalent-search:focus::placeholder {
    opacity: 0;
}


.sichrom-equivalent-suggestions {
    position: absolute;

    z-index: 1200;

    top: calc(100% + 5px);
    left: 0;
    right: 0;

    max-height: 290px;
    overflow-y: auto;

    padding: 5px;

    background: #ffffff;

    border: 1px solid #d6e5f5;
    border-radius: 10px;

    box-shadow:
        0 12px 30px rgba(19, 46, 82, 0.13);
}


.sichrom-equivalent-suggestions[hidden] {
    display: none !important;
}


.sichrom-equivalent-suggestion {
    display: block;

    width: 100%;

    margin: 0;
    padding: 10px 11px;

    background: transparent !important;

    border: 0 !important;
    border-radius: 7px;

    color: #293c57 !important;

    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;

    text-align: left;

    cursor: pointer;
}


.sichrom-equivalent-suggestion:hover,
.sichrom-equivalent-suggestion:focus {
    background: #eef7ff !important;

    color: #0877dc !important;

    outline: none;
}


.sichrom-equivalent-no-results {
    padding: 10px 11px;

    color: #8996a8;

    font-size: 12px;
}


.sichrom-equivalent-result {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: 14px 20px;

    margin-top: 14px;
    padding: 15px 16px;

    background: #ffffff;

    border: 1px solid #d7e9fb;
    border-radius: 12px;
}


.sichrom-equivalent-result[hidden] {
    display: none !important;
}


.sichrom-equivalent-source,
.sichrom-equivalent-target {
    min-width: 0;
}


.sichrom-equivalent-source > span,
.sichrom-equivalent-target > span {
    display: block;

    margin-bottom: 3px;

    color: #8996a8;

    font-size: 10px;
}


.sichrom-equivalent-source strong,
.sichrom-equivalent-target strong,
.sichrom-equivalent-target a {
    display: block;

    color: #16355d !important;

    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;

    text-decoration: none !important;
}


.sichrom-equivalent-target a:hover {
    color: #0877dc !important;
}


.sichrom-equivalent-facts {
    display: flex;
    flex-wrap: wrap;

    grid-column: 1 / -1;

    gap: 6px;
}


.sichrom-equivalent-facts span {
    display: inline-flex;
    align-items: center;

    min-height: 25px;

    padding: 3px 8px;

    background: #f1f6fd;

    border: 1px solid #dbe8f8;
    border-radius: 999px;

    color: #526174;

    font-size: 10px;
    font-weight: 500;
}


.sichrom-equivalent-note {
    grid-column: 1 / -1;

    padding-top: 10px;

    border-top: 1px solid #edf2f7;

    color: #61738a;

    font-size: 12px;
    line-height: 1.5;
}


@media (max-width: 767px) {

    .sichrom-equivalent-finder-head {
        display: block;
    }

    .sichrom-equivalent-finder-head p {
        margin-top: 9px;
    }

    .sichrom-equivalent-result {
        grid-template-columns: 1fr;
    }

    .sichrom-equivalent-facts,
    .sichrom-equivalent-note {
        grid-column: auto;
    }

}

/* ==================================================
   SICHROM — PRODUCT EQUIVALENTS TAB
   ================================================== */

.sichrom-product-equivalents {
    width: 100%;
    max-width: 980px;
}


/* Intro */

.sichrom-product-equivalents-intro {
    display: flex;
    align-items: flex-start;

    gap: 14px;

    margin-bottom: 17px;
    padding: 16px 18px;

    background: #f4f9ff;

    border: 1px solid #d7e9fb;
    border-radius: 14px;
}

.sichrom-product-equivalents-intro-content {
    flex: 1;
    min-width: 0;
}


.sichrom-product-equivalents-intro-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 34px;

    width: 34px;
    height: 34px;

    background: #e4f2ff;

    border: 1px solid #bdddf8;
    border-radius: 50%;

    color: #0877dc;

    font-size: 18px;
    font-weight: 700;
}


.sichrom-product-equivalents-intro h3 {
    margin: 0 0 5px;

    color: #16355d;

    font-size: 17px;
    font-weight: 700;
}


.sichrom-product-equivalents-intro p {
    max-width: 820px;

    margin: 0;

    color: #61738a;

    font-size: 13px;
    line-height: 1.55;
}


/* Search */

.sichrom-product-equivalents-search {
    margin-top: 14px;
    margin-bottom: 0;
}


.sichrom-product-equivalents-search label {
    display: block;

    margin-bottom: 6px;

    color: #253b59;

    font-size: 12px;
    font-weight: 600;
}


.sichrom-product-equivalents-search label span {
    display: block;

    margin-top: 1px;

    color: #8996a8;

    font-size: 10px;
    font-weight: 400;
}


.sichrom-equivalent-list-search {
    box-sizing: border-box;

    width: 100%;
    height: 42px;

    margin: 0;
    padding: 0 12px;

    background: #ffffff;

    border: 1px solid #d6e5f5;
    border-radius: 9px;

    color: #293c57;

    font-family: inherit;
    font-size: 13px;
}


.sichrom-equivalent-list-search:focus {
    outline: none;

    border-color: #168bf2;

    box-shadow:
        0 0 0 3px rgba(22, 139, 242, 0.08);
}


.sichrom-equivalent-list-search::placeholder {
    color: #a7b1bf;

    opacity: 1;

    transition: opacity .14s ease;
}


.sichrom-equivalent-list-search:focus::placeholder {
    opacity: 0;
}


/* Brand groups */

.sichrom-product-equivalents-groups {
    display: grid;

    gap: 16px;
}


.sichrom-equivalent-brand-group {
    overflow: hidden;

    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 14px;

    box-shadow:
        0 5px 24px rgba(19, 46, 82, 0.035);
}


.sichrom-equivalent-brand-group[hidden] {
    display: none !important;
}


.sichrom-equivalent-brand-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 14px;

    padding: 11px 14px;

    background: #f8fbff;

    border-bottom: 1px solid #e5edf6;
}


.sichrom-equivalent-brand-head h4 {
    margin: 0;

    color: #16355d;

    font-size: 14px;
    font-weight: 700;
}


.sichrom-equivalent-brand-head > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 26px;
    height: 24px;

    padding: 0 7px;

    background: #eaf5ff;

    border: 1px solid #d7e9fb;
    border-radius: 999px;

    color: #0877dc;

    font-size: 10px;
    font-weight: 700;
}


.sichrom-equivalent-brand-list {
    display: block;
}


.sichrom-equivalent-list-item {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 8px 16px;

    align-items: center;

    padding: 12px 14px;

    border-bottom: 1px solid #edf2f7;
}


.sichrom-equivalent-list-item:last-child {
    border-bottom: 0;
}


.sichrom-equivalent-list-item[hidden] {
    display: none !important;
}


.sichrom-equivalent-list-title {
    color: #16355d;

    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
}


.sichrom-equivalent-list-meta {
    margin-top: 3px;

    color: #8996a8;

    font-size: 10px;
    line-height: 1.4;
}


.sichrom-equivalent-list-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 8px;
}


.sichrom-equivalent-match {
    display: inline-flex;
    align-items: center;

    min-height: 25px;

    padding: 4px 8px;

    border-radius: 999px;

    font-size: 10px;
    font-weight: 650;
    line-height: 1.2;

    white-space: nowrap;
}


.sichrom-equivalent-match-direct {
    background: #edf8f1;
    border: 1px solid #cfe9d7;
    color: #2d6c43;
}


.sichrom-equivalent-match-closest {
    background: #eef7ff;
    border: 1px solid #d7e9fb;
    color: #0877dc;
}


.sichrom-equivalent-match-selectivity,
.sichrom-equivalent-match-specs {
    background: #f6f4ff;
    border: 1px solid #e2dcfb;
    color: #6551a8;
}


.sichrom-equivalent-match-validation {
    background: #fff8e9;
    border: 1px solid #f2dfad;
    color: #8a6416;
}


.sichrom-equivalent-details-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 28px;

    margin: 0;
    padding: 0 9px;

    background: #ffffff !important;

    border: 1px solid #d6e5f5 !important;
    border-radius: 7px;

    color: #0877dc !important;

    font-family: inherit;
    font-size: 10px;
    font-weight: 600;

    cursor: pointer;
}


.sichrom-equivalent-details-toggle:hover {
    background: #eef7ff !important;

    border-color: #168bf2 !important;
}


.sichrom-equivalent-list-details {
    grid-column: 1 / -1;

    padding: 9px 11px;

    background: #fbfdff;

    border: 1px solid #edf2f7;
    border-radius: 8px;

    color: #61738a;

    font-size: 11px;
    line-height: 1.5;
}


.sichrom-equivalent-list-details[hidden] {
    display: none !important;
}


/* No result */

.sichrom-equivalent-no-match {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    margin-top: 16px;
    padding: 16px;

    background: #f8fbff;

    border: 1px solid #dfe8f3;
    border-radius: 14px;
}


.sichrom-equivalent-no-match[hidden] {
    display: none !important;
}


.sichrom-equivalent-no-match-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    background: #eaf5ff;

    border: 1px solid #d7e9fb;
    border-radius: 50%;

    color: #0877dc;

    font-size: 16px;
    font-weight: 700;
}


.sichrom-equivalent-no-match h4 {
    margin: 0 0 4px;

    color: #16355d;

    font-size: 15px;
    font-weight: 700;
}


.sichrom-equivalent-no-match p {
    margin: 0 0 11px;

    color: #61738a;

    font-size: 12px;
    line-height: 1.5;
}


.sichrom-equivalent-request-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 34px;

    margin: 0;
    padding: 0 12px;

    background: #168bf2 !important;

    border: 1px solid #168bf2 !important;
    border-radius: 8px;

    color: #ffffff !important;

    font-family: inherit;
    font-size: 11px;
    font-weight: 650;

    cursor: pointer;
}


.sichrom-equivalent-request-open:hover {
    background: #005fb9 !important;

    border-color: #005fb9 !important;
}


/* Request form */

.sichrom-equivalent-request-form {
    margin-top: 16px;
    padding: 17px;

    background: #ffffff;

    border: 1px solid #d7e9fb;
    border-radius: 14px;

    box-shadow:
        0 7px 26px rgba(19, 46, 82, 0.05);
}


.sichrom-equivalent-request-form[hidden] {
    display: none !important;
}


.sichrom-equivalent-request-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 14px;
}


.sichrom-equivalent-request-head h4 {
    margin: 0 0 3px;

    color: #16355d;

    font-size: 15px;
    font-weight: 700;
}


.sichrom-equivalent-request-head p {
    margin: 0;

    color: #718097;

    font-size: 11px;
    line-height: 1.45;
}


.sichrom-equivalent-request-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    margin: 0;
    padding: 0;

    background: #ffffff !important;

    border: 1px solid #dfe8f3 !important;
    border-radius: 8px;

    color: #718097 !important;

    font-family: inherit;
    font-size: 19px;
    line-height: 1;

    cursor: pointer;
}


.sichrom-equivalent-request-close:hover {
    background: #f3f8ff !important;

    color: #0877dc !important;
}


.sichrom-equivalent-request-grid {
    display: grid;

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

    gap: 12px 14px;
}


.sichrom-equivalent-request-grid label {
    display: block;

    margin: 0;
}


.sichrom-equivalent-request-grid label > span {
    display: block;

    margin-bottom: 5px;

    color: #526174;

    font-size: 11px;
    font-weight: 600;
}


.sichrom-equivalent-request-grid input,
.sichrom-equivalent-request-grid textarea {
    box-sizing: border-box;

    width: 100%;

    margin: 0;
    padding: 0 10px;

    background: #ffffff;

    border: 1px solid #d6e5f5;
    border-radius: 8px;

    color: #293c57;

    font-family: inherit;
    font-size: 12px;
}


.sichrom-equivalent-request-grid input {
    height: 39px;
}


.sichrom-equivalent-request-grid textarea {
    min-height: 86px;

    padding-top: 9px;
    padding-bottom: 9px;

    resize: vertical;
}


.sichrom-equivalent-request-grid input:focus,
.sichrom-equivalent-request-grid textarea:focus {
    outline: none;

    border-color: #168bf2;

    box-shadow:
        0 0 0 3px rgba(22, 139, 242, 0.08);
}


.sichrom-equivalent-request-email,
.sichrom-equivalent-request-comment {
    grid-column: 1 / -1;
}


.sichrom-equivalent-request-hp {
    position: absolute !important;

    left: -9999px !important;

    width: 1px !important;
    height: 1px !important;

    opacity: 0 !important;
}


.sichrom-equivalent-request-footer {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-top: 14px;
}


.sichrom-equivalent-request-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 36px;

    margin: 0;
    padding: 0 13px;

    background: #168bf2 !important;

    border: 1px solid #168bf2 !important;
    border-radius: 8px;

    color: #ffffff !important;

    font-family: inherit;
    font-size: 11px;
    font-weight: 650;

    cursor: pointer;
}


.sichrom-equivalent-request-submit:hover {
    background: #005fb9 !important;

    border-color: #005fb9 !important;
}


.sichrom-equivalent-request-submit:disabled {
    opacity: .6;

    cursor: wait;
}


.sichrom-equivalent-request-status {
    color: #61738a;

    font-size: 11px;
    line-height: 1.4;
}


/* Disclaimer */

.sichrom-product-equivalents-note {
    margin-top: 14px;
    padding: 11px 13px;

    background: #fbfdff;

    border-left: 3px solid #b9d9f8;
    border-radius: 7px;

    color: #718097;

    font-size: 11px;
    line-height: 1.5;
}


.sichrom-product-equivalents-note strong {
    color: #526174;
}


/* Empty database */

.sichrom-product-equivalents-empty {
    width: 100%;
    max-width: 980px;

    padding: 18px 20px;

    background: #f8fbff;

    border: 1px solid #dfe8f3;
    border-radius: 14px;

    color: #61738a;

    font-size: 14px;
}


/* Mobile */

@media (max-width: 767px) {

    .sichrom-product-equivalents-intro {
        gap: 11px;

        padding: 14px;
    }

    .sichrom-product-equivalents-search {
        margin-top: 12px;
    }

    .sichrom-equivalent-list-item {
        grid-template-columns: 1fr;
    }

    .sichrom-equivalent-list-actions {
        justify-content: flex-start;

        flex-wrap: wrap;
    }

    .sichrom-equivalent-request-grid {
        grid-template-columns: 1fr;
    }

    .sichrom-equivalent-request-email,
    .sichrom-equivalent-request-comment {
        grid-column: auto;
    }

    .sichrom-equivalent-request-footer {
        align-items: flex-start;
        flex-direction: column;
    }

}

/* ==================================================
   SICHROM — REQUEST FORM PLACEHOLDERS
   ================================================== */

.sichrom-equivalent-request-grid input::placeholder,
.sichrom-equivalent-request-grid textarea::placeholder {
    color: #a7b1bf;

    opacity: 1;

    transition:
        opacity .14s ease;
}

.sichrom-equivalent-request-grid input:focus::placeholder,
.sichrom-equivalent-request-grid textarea:focus::placeholder {
    opacity: 0;
}

/* ==================================================
   SICHROM — PRODUCT CATALOG V2
   ================================================== */

/* ---------- Archive intro ---------- */

.sichrom-catalog-archive-intro {
    display: grid;
    grid-template-columns:
        minmax(0, 1.5fr)
        minmax(230px, .8fr);

    gap: 24px;

    width: 100%;

    margin: 0 0 22px;
    padding: 19px 21px;

    background: #f5f9fe;

    border: 1px solid #dce9f7;
    border-radius: 16px;
}


.sichrom-catalog-archive-kicker {
    margin-bottom: 5px;

    color: #168bf2;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}


.sichrom-catalog-archive-intro h2 {
    margin: 0 0 7px;

    color: #16355d;

    font-size: 22px;
    line-height: 1.2;
}


.sichrom-catalog-archive-intro p {
    max-width: 720px;

    margin: 0;

    color: #64758a;

    font-size: 13px;
    line-height: 1.55;
}


.sichrom-catalog-archive-points {
    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 6px;
}


.sichrom-catalog-archive-points span {
    position: relative;

    padding-left: 17px;

    color: #51647d;

    font-size: 12px;
    line-height: 1.4;
}


.sichrom-catalog-archive-points span::before {
    content: "";

    position: absolute;

    left: 0;
    top: .48em;

    width: 7px;
    height: 7px;

    background: #e4f2ff;

    border: 2px solid #168bf2;
    border-radius: 50%;
}


/* ==================================================
   FILTER EVERYTHING — SICHROM STYLE
   ================================================== */

.wpc-filters-widget-main-wrapper,
.wpc-filters-widget-wrapper,
.wpc-filters-scroll-container {
    font-family: inherit;
}


.wpc-filters-widget-main-wrapper {
    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 14px;

    box-shadow:
        0 6px 22px rgba(19, 46, 82, 0.035);
}


.wpc-filters-widget-content {
    padding: 7px 10px 9px;
}


/*
 * Main goal: preserve large readable type
 * but remove excessive vertical whitespace.
 */
.wpc-filters-section {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-bottom: 1px solid #edf2f7 !important;

    background: transparent !important;
}


.wpc-filters-section:last-child {
    border-bottom: 0 !important;
}


.wpc-filter-header {
    margin: 0 !important;
    padding: 0 !important;
}


.wpc-filter-title,
.wpc-filter-title button {
    width: 100%;

    margin: 0 !important;
    padding: 7px 2px 5px !important;

    background: transparent !important;

    border: 0 !important;

    color: #263d5b !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: left !important;
}


.wpc-filter-title button {
    display: flex !important;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    cursor: pointer;
}


.wpc-filter-content {
    margin: 0 !important;
    padding: 0 0 5px !important;
}


.wpc-filters-ul-list {
    margin: 0 !important;
    padding: 0 !important;
}


.wpc-filters-ul-list li {
    min-height: 0 !important;

    margin: 0 !important;
    padding: 1px 0 !important;

    line-height: 1.25 !important;
}


.wpc-filters-ul-list li > a,
.wpc-filters-ul-list li label,
.wpc-term-item-content-wrapper {
    color: #53657a !important;

    font-size: 14px !important;
    line-height: 1.25 !important;
}


.wpc-filters-checkboxes li,
.wpc-filters-radio li {
    display: flex;
    align-items: center;
}


.wpc-filters-checkboxes input[type="checkbox"],
.wpc-filters-radio input[type="radio"] {
    width: 16px !important;
    height: 16px !important;

    margin: 0 7px 0 0 !important;

    accent-color: #168bf2;
}


.wpc-filter-count {
    color: #9aa7b7 !important;

    font-size: 11px !important;
}


.wpc-open-icon {
    opacity: .55;

    transform: scale(.82);
}


/* Search inside a filter */

.wpc-filter-search-form {
    margin: 5px 0 8px !important;
}


.wpc-search-field-wrapper {
    border: 1px solid #d8e6f4 !important;
    border-radius: 8px !important;

    background: #ffffff !important;
}


.wpc-search-field {
    min-height: 36px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    font-size: 13px !important;
}


/* Selected-filter chips */

.wpc-inner-widget-chips-wrapper {
    margin: 0 0 14px !important;
}


.wpc-filter-chips-list {
    display: flex !important;
    flex-wrap: wrap;

    gap: 5px;

    margin: 0 !important;
    padding: 0 !important;
}


.wpc-filter-chips-list li {
    margin: 0 !important;
}


.wpc-filter-chips-list a {
    display: inline-flex !important;
    align-items: center;

    min-height: 28px;

    padding: 4px 9px !important;

    background: #eef7ff !important;

    border: 1px solid #d7e9fb !important;
    border-radius: 999px !important;

    color: #0877dc !important;

    font-size: 11px !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
}


/* Show more / show less if enabled in Filter Everything */

.wpc-toggle-a,
.wpc-filter-show-more,
.wpc-show-more-control {
    display: inline-flex !important;

    margin-top: 4px !important;

    color: #0877dc !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}


/* Filter reset controls */

.wpc-filters-reset-button,
.wpc-chip-reset-all a,
.wpc-filter-chips-list .wpc-chip-reset-all a {
    color: #697b90 !important;

    background: #f7f9fc !important;

    border-color: #e0e7ef !important;
}


/* Desktop sticky filter column */

@media (min-width: 960px) {

    .wpc-filters-widget-main-wrapper {
        position: sticky;

        top: 92px;

        max-height: calc(100vh - 112px);

        overflow: auto;

        scrollbar-width: thin;
    }

}


/* ==================================================
   PRODUCT CARD
   ================================================== */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    overflow: hidden;

    padding: 0 0 15px !important;

    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 16px;

    box-shadow:
        0 7px 26px rgba(19, 46, 82, 0.045);

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


.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    border-color: #c5ddf4;

    box-shadow:
        0 12px 34px rgba(19, 46, 82, 0.085);

    transform: translateY(-2px);
}


.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    width: 100%;

    margin: 0 0 13px !important;

    background: #fbfdff;

    border-bottom: 1px solid #edf2f7;
}


.sichrom-catalog-mode-badge {
    width: fit-content;

    margin: 0 16px 6px;
    padding: 4px 8px;

    background: #f2f8fe;

    border: 1px solid #dbeafa;
    border-radius: 999px;

    color: #0877dc;

    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
}


.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    margin: 0 !important;
    padding: 0 16px !important;

    color: #16355d;

    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}


.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title:hover {
    color: #0877dc;
}


/* Technical data */

.sichrom-catalog-card-data {
    padding: 10px 16px 0;
}


.sichrom-catalog-card-primary {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;
}


.sichrom-catalog-card-primary > span {
    display: inline-flex;
    align-items: center;

    min-height: 27px;

    padding: 4px 9px;

    background: #eef7ff;

    border: 1px solid #d7e9fb;
    border-radius: 999px;

    color: #0877dc;

    font-size: 10px;
    font-weight: 650;
    line-height: 1.2;
}


.sichrom-catalog-card-secondary {
    display: flex;
    flex-wrap: wrap;

    gap: 6px 13px;

    margin-top: 8px;
}


.sichrom-catalog-card-secondary-item {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    color: #66768b;

    font-size: 10px;
    line-height: 1.35;
}


.sichrom-catalog-card-secondary-dot {
    width: 5px;
    height: 5px;

    background: #8dbce8;

    border-radius: 50%;
}


/* Dimensions */

.sichrom-catalog-card-dimensions {
    display: grid;

    gap: 4px;

    margin-top: 10px;
    padding-top: 9px;

    border-top: 1px solid #edf2f7;

    color: #718097;

    font-size: 10px;
    line-height: 1.4;
}


.sichrom-catalog-card-dimensions-label {
    margin-bottom: 1px;

    color: #3f536c;

    font-weight: 650;
}


.sichrom-catalog-dimension-line {
    display: block;
}


.sichrom-catalog-dimension-line strong {
    display: inline-block;

    width: 16px;

    color: #0877dc;
}


.sichrom-catalog-config-count {
    width: fit-content;

    margin-top: 8px;
    padding: 4px 8px;

    background: #f7f9fc;

    border: 1px solid #e6ebf1;
    border-radius: 999px;

    color: #718097;

    font-size: 9px;
    font-weight: 600;
}


/* Price */

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    margin: 11px 16px 2px !important;

    color: #16355d !important;

    font-size: 15px !important;
    font-weight: 700 !important;
}


.sichrom-catalog-price-from {
    color: #718097;

    font-size: 11px;
    font-weight: 500;
}


.woocommerce ul.products li.product .price .woocommerce-price-suffix,
.woocommerce-page ul.products li.product .price .woocommerce-price-suffix {
    display: block;

    margin-top: 2px;

    color: #8a97a8;

    font-size: 9px;
    font-weight: 400;
}


/* Buttons */

.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-height: 36px;

    margin:
        11px 5px 0 16px !important;
    padding:
        0 12px !important;

    background: #168bf2 !important;

    border: 1px solid #168bf2 !important;
    border-radius: 8px !important;

    color: #ffffff !important;

    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
}


.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover {
    background: #006bc9 !important;

    border-color: #006bc9 !important;
}


.sichrom-catalog-details-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 36px;

    margin:
        11px 0 0 !important;
    padding:
        0 12px;

    background: #ffffff;

    border: 1px solid #cfe1f4;
    border-radius: 8px;

    color: #0877dc;

    font-size: 11px;
    font-weight: 650;
    line-height: 1.2;

    text-decoration: none !important;
}


.sichrom-catalog-details-button:hover {
    background: #eef7ff;

    border-color: #168bf2;

    color: #006bc9;
}


.sichrom-catalog-equivalent-link {
    display: block;

    margin: 10px 16px 0;

    color: #677a91;

    font-size: 10px;
    font-weight: 550;
    line-height: 1.35;

    text-decoration: none !important;
}


.sichrom-catalog-equivalent-link:hover {
    color: #0877dc;
}


/* Hide Woo-added verbose variation notice near the card actions. */

.woocommerce ul.products li.product .added_to_cart,
.woocommerce-page ul.products li.product .added_to_cart {
    margin-left: 8px;
}


/* ---------- Mobile ---------- */

@media (max-width: 959px) {

    .wpc-filters-widget-main-wrapper {
        position: static;

        max-height: none;

        overflow: visible;
    }

}


@media (max-width: 767px) {

    .sichrom-catalog-archive-intro {
        grid-template-columns: 1fr;

        gap: 15px;

        padding: 17px;
    }

    .sichrom-catalog-archive-intro h2 {
        font-size: 19px;
    }

    .wpc-filter-title,
    .wpc-filter-title button {
        font-size: 15px !important;
    }

    .woocommerce ul.products li.product .button,
    .woocommerce-page ul.products li.product .button,
    .sichrom-catalog-details-button {
        min-height: 38px;
    }

}


/* Extra breathing room between active filter chips and catalog intro */
.wpc-custom-selected-terms,
.wpc-filter-chips-list,
.wpc-inner-widget-chips-wrapper {
    margin-bottom: 14px !important;
}


/* ==================================================
   SICHROM — CATALOG COMPACT OVERRIDES
   ================================================== */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    padding-bottom: 10px !important;
}


.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    margin-bottom: 8px !important;
}


.sichrom-catalog-mode-badge {
    margin:
        0 13px 4px;

    padding:
        3px 7px;
}


.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    padding:
        0 13px !important;

    font-size:
        16px !important;
}


.sichrom-catalog-card-data {
    padding:
        7px 13px 0;
}


.sichrom-catalog-card-primary {
    gap: 4px;
}


.sichrom-catalog-card-primary > span {
    min-height: 23px;

    padding:
        3px 7px;
}


.sichrom-catalog-card-secondary {
    gap:
        4px 10px;

    margin-top:
        5px;
}


.sichrom-catalog-card-dimensions {
    display: flex;

    flex-wrap: wrap;
    align-items: center;

    gap:
        4px 8px;

    margin-top:
        6px;
    padding-top:
        6px;

    font-size:
        9px;
}


.sichrom-catalog-card-dimensions-label {
    width: auto;

    margin: 0;
}


.sichrom-catalog-dimension-line {
    display: inline;
}


.sichrom-catalog-config-count {
    display: none !important;
}


.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    margin:
        7px 13px 0 !important;

    font-size:
        14px !important;
}


.woocommerce ul.products li.product .price .woocommerce-price-suffix,
.woocommerce-page ul.products li.product .price .woocommerce-price-suffix {
    display: none !important;
}


.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    min-height:
        32px;

    margin:
        7px 4px 0 13px !important;

    padding:
        0 10px !important;
}


.sichrom-catalog-details-button {
    min-height:
        32px;

    margin-top:
        7px !important;

    padding:
        0 10px;
}


.sichrom-catalog-equivalent-link {
    margin:
        6px 13px 0;

    font-size:
        9px;
}


.sichrom-product-card-clickable {
    cursor: pointer;
}


/* ==================================================
   SICHROM — CATALOG V4 FINAL COMPACTING
   ================================================== */

/* Product image approximately 30% smaller than the previous full-width image. */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    display: block;

    width: 70% !important;
    max-width: 70% !important;

    margin:
        8px auto 7px !important;

    border-bottom: 0 !important;
}


/* Dimensions: exactly two compact rows, no heading. */
.sichrom-catalog-card-dimensions {
    display: grid !important;
    grid-template-columns: 1fr !important;

    gap: 2px !important;

    margin-top: 5px !important;
    padding-top: 5px !important;

    border-top: 1px solid #edf2f7;
}


.sichrom-catalog-card-dimensions-label {
    display: none !important;
}


.sichrom-catalog-dimension-line {
    display: block !important;

    white-space: normal;
}


.sichrom-catalog-dimension-line strong {
    width: 16px !important;

    margin-right: 2px;

    color: #0877dc;
}


/* Whole card can be clicked without making buttons/links look different. */
.sichrom-catalog-card-click-enabled
.woocommerce ul.products li.product,
.sichrom-catalog-card-click-enabled
.woocommerce-page ul.products li.product {
    cursor: pointer;
}


.sichrom-catalog-card-click-enabled
.woocommerce ul.products li.product a,
.sichrom-catalog-card-click-enabled
.woocommerce ul.products li.product button,
.sichrom-catalog-card-click-enabled
.woocommerce ul.products li.product input,
.sichrom-catalog-card-click-enabled
.woocommerce ul.products li.product select {
    cursor: pointer;
}


/* Slight extra compaction around technical information. */
.sichrom-catalog-card-data {
    padding-top: 5px !important;
}


.sichrom-catalog-card-secondary {
    margin-top: 4px !important;
}


.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    margin-top: 6px !important;
}

/* ==================================================
   SICHROM — PRODUCT COMPARISON
   ================================================== */

/* Compact control in product cards */

.sichrom-compare-toggle {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    min-height: 28px;

    margin:
        6px 0 0 13px;
    padding:
        0 8px;

    background: transparent !important;

    border: 0 !important;
    border-radius: 7px;

    color: #718097 !important;

    font-family: inherit;
    font-size: 10px;
    font-weight: 600;

    cursor: pointer;
}


.sichrom-compare-toggle:hover {
    background: #f4f9ff !important;

    color: #0877dc !important;
}


.sichrom-compare-check {
    display: inline-block;

    width: 13px;
    height: 13px;

    background: #ffffff;

    border: 1px solid #bfcddd;
    border-radius: 4px;

    box-shadow:
        inset 0 0 0 2px #ffffff;
}


.sichrom-compare-toggle.is-active {
    color: #0877dc !important;
}


.sichrom-compare-toggle.is-active
.sichrom-compare-check {
    background: #168bf2;

    border-color: #168bf2;
}


/* Floating selection bar */

.sichrom-compare-bar {
    position: fixed;

    z-index: 9996;

    left: 50%;
    bottom: 18px;

    width: min(
        calc(100% - 32px),
        980px
    );

    transform: translateX(-50%);
}


.sichrom-compare-bar[hidden] {
    display: none !important;
}


.sichrom-compare-bar-inner {
    display: grid;

    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto;

    gap: 14px;

    align-items: center;

    padding: 11px 12px;

    background: rgba(255,255,255,.97);

    border: 1px solid #d7e4f1;
    border-radius: 14px;

    box-shadow:
        0 12px 36px rgba(23, 47, 77, .16);

    backdrop-filter:
        blur(10px);
}


.sichrom-compare-summary {
    display: grid;

    gap: 1px;

    white-space: nowrap;
}


.sichrom-compare-summary strong {
    color: #16355d;

    font-size: 12px;
}


.sichrom-compare-count {
    color: #8290a2;

    font-size: 9px;
}


.sichrom-compare-selected {
    display: flex;

    gap: 5px;

    min-width: 0;

    overflow: hidden;
}


.sichrom-compare-mini {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    max-width: 220px;
    min-height: 29px;

    padding:
        0 7px 0 9px;

    background: #eef7ff !important;

    border: 1px solid #d7e9fb !important;
    border-radius: 999px;

    color: #2f557e !important;

    font-family: inherit;
    font-size: 9px;

    cursor: pointer;
}


.sichrom-compare-mini span {
    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.sichrom-compare-mini b {
    color: #0877dc;

    font-size: 13px;
    font-weight: 500;
}


.sichrom-compare-bar-actions {
    display: flex;

    gap: 6px;
}


.sichrom-compare-clear,
.sichrom-compare-open {
    min-height: 33px;

    margin: 0;
    padding: 0 10px;

    border-radius: 8px;

    font-family: inherit;
    font-size: 10px;
    font-weight: 650;

    cursor: pointer;
}


.sichrom-compare-clear {
    background: #ffffff !important;

    border: 1px solid #d8e3ee !important;

    color: #6e7f94 !important;
}


.sichrom-compare-open {
    background: #168bf2 !important;

    border: 1px solid #168bf2 !important;

    color: #ffffff !important;
}


.sichrom-compare-open:disabled {
    opacity: .45;

    cursor: default;
}


/* Modal */

.sichrom-compare-modal {
    position: fixed;

    z-index: 10050;

    inset: 0;
}


.sichrom-compare-modal[hidden] {
    display: none !important;
}


.sichrom-compare-modal-backdrop {
    position: absolute;

    inset: 0;

    background: rgba(15, 28, 43, .38);

    backdrop-filter:
        blur(3px);
}


.sichrom-compare-dialog {
    position: absolute;

    left: 50%;
    top: 50%;

    width: min(
        calc(100% - 34px),
        1100px
    );
    max-height:
        calc(100vh - 50px);

    transform:
        translate(-50%, -50%);

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #dce6f0;
    border-radius: 17px;

    box-shadow:
        0 24px 70px rgba(15, 35, 59, .22);
}


.sichrom-compare-dialog-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;

    padding: 16px 18px;

    background: #f7fbff;

    border-bottom: 1px solid #e2ebf4;
}


.sichrom-compare-dialog-kicker {
    margin-bottom: 3px;

    color: #168bf2;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}


.sichrom-compare-dialog-head h2 {
    margin: 0;

    color: #16355d;

    font-size: 19px;
}


.sichrom-compare-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    margin: 0;
    padding: 0;

    background: #ffffff !important;

    border: 1px solid #d8e4ef !important;
    border-radius: 8px;

    color: #66788e !important;

    font-family: inherit;
    font-size: 20px;

    cursor: pointer;
}


.sichrom-compare-table-wrap {
    max-height:
        calc(100vh - 145px);

    overflow: auto;
}


.sichrom-compare-table {
    width: 100%;

    margin: 0;

    border-collapse: collapse;

    table-layout: fixed;
}


.sichrom-compare-table th,
.sichrom-compare-table td {
    padding: 9px 11px;

    border-right: 1px solid #e8eef5;
    border-bottom: 1px solid #e8eef5;

    vertical-align: top;

    color: #53657b;

    font-size: 11px;
    line-height: 1.4;
}


.sichrom-compare-table th {
    width: 185px;

    background: #f9fbfd;

    color: #304962;

    font-weight: 650;

    text-align: left;
}


.sichrom-compare-table td:last-child {
    border-right: 0;
}


.sichrom-compare-products-row th,
.sichrom-compare-products-row td {
    position: sticky;

    z-index: 2;
    top: 0;

    background: #ffffff;
}


.sichrom-compare-products-row th {
    background: #f9fbfd;
}


.sichrom-compare-product-link {
    display: grid;

    gap: 6px;

    color: #16355d !important;

    text-decoration: none !important;
}


.sichrom-compare-product-link img {
    width: 72px;
    height: 52px;

    object-fit: contain;
}


.sichrom-compare-product-link strong {
    font-size: 11px;
    line-height: 1.3;
}


.sichrom-compare-modal-open {
    overflow: hidden;
}


/* Responsive */

@media (max-width: 767px) {

    .sichrom-compare-bar {
        bottom: 10px;

        width: calc(100% - 18px);
    }

    .sichrom-compare-bar-inner {
        grid-template-columns: 1fr auto;

        gap: 8px;
    }

    .sichrom-compare-selected {
        grid-column: 1 / -1;

        order: 3;

        overflow-x: auto;
    }

    .sichrom-compare-clear {
        display: none;
    }

    .sichrom-compare-dialog {
        width: calc(100% - 14px);
        max-height: calc(100vh - 16px);

        border-radius: 12px;
    }

    .sichrom-compare-dialog-head {
        padding: 12px;
    }

    .sichrom-compare-table-wrap {
        max-height: calc(100vh - 100px);
    }

    .sichrom-compare-table {
        min-width: 760px;
    }

}


/* ==================================================
   SICHROM — COMPARE BUTTON FIX FOR BETHEME SHOP GRID
   ================================================== */

.woocommerce ul.products li.product .sichrom-compare-toggle,
.woocommerce-page ul.products li.product .sichrom-compare-toggle {
    display: flex !important;
    align-items: center !important;

    width: fit-content;

    margin:
        6px 13px 0 !important;
    padding:
        0 8px !important;
}



/* ==================================================
   SICHROM — COMPARE V7 INLINE
   ================================================== */

.woocommerce ul.products li.product
.sichrom-catalog-card-data
.sichrom-compare-toggle-inline,
.woocommerce-page ul.products li.product
.sichrom-catalog-card-data
.sichrom-compare-toggle-inline {
    display: inline-flex !important;
    align-items: center !important;

    gap: 6px !important;

    width: auto !important;
    min-height: 27px !important;

    margin: 6px 0 0 !important;
    padding: 0 8px !important;

    background: #f7fbff !important;

    border: 1px solid #d7e7f7 !important;
    border-radius: 7px !important;

    color: #5f7187 !important;

    opacity: 1 !important;
    visibility: visible !important;

    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    cursor: pointer !important;
}


.woocommerce ul.products li.product
.sichrom-catalog-card-data
.sichrom-compare-toggle-inline:hover,
.woocommerce-page ul.products li.product
.sichrom-catalog-card-data
.sichrom-compare-toggle-inline:hover {
    background: #eef7ff !important;

    border-color: #bcdcf7 !important;

    color: #0877dc !important;
}


.woocommerce ul.products li.product
.sichrom-catalog-card-data
.sichrom-compare-toggle-inline.is-active,
.woocommerce-page ul.products li.product
.sichrom-catalog-card-data
.sichrom-compare-toggle-inline.is-active {
    background: #eaf5ff !important;

    border-color: #168bf2 !important;

    color: #0877dc !important;
}

/* ==================================================
   SICHROM — CATALOG TOOLBAR
   ================================================== */

.sichrom-catalog-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 18px;

    margin:
        0 0 16px;
    padding:
        12px 14px;

    background: #ffffff;

    border: 1px solid #dfe8f3;
    border-radius: 13px;
}


.sichrom-catalog-toolbar-main {
    display: flex;
    align-items: flex-end;

    gap: 10px;

    flex: 1;
}


.sichrom-catalog-search-wrap {
    flex:
        1 1 360px;
}


.sichrom-catalog-sort-wrap {
    flex:
        0 0 210px;
}


.sichrom-catalog-search-wrap label,
.sichrom-catalog-sort-wrap label {
    display: block;

    margin-bottom: 5px;

    color: #40546e;

    font-size: 10px;
    font-weight: 650;
    line-height: 1.2;
}


.sichrom-catalog-search-wrap label span,
.sichrom-catalog-sort-wrap label span {
    display: block;

    margin-top: 1px;

    color: #9aa6b6;

    font-size: 8px;
    font-weight: 400;
}


#sichrom-catalog-search,
#sichrom-catalog-sort {
    box-sizing: border-box;

    width: 100%;
    height: 36px;

    margin: 0;
    padding: 0 10px;

    background: #ffffff;

    border: 1px solid #d5e2ef;
    border-radius: 8px;

    color: #334960;

    font-family: inherit;
    font-size: 11px;
}


#sichrom-catalog-search:focus,
#sichrom-catalog-sort:focus {
    outline: none;

    border-color: #168bf2;

    box-shadow:
        0 0 0 3px rgba(22,139,242,.08);
}


#sichrom-catalog-search::placeholder {
    color: #a5afbd;
}


#sichrom-catalog-search:focus::placeholder {
    opacity: 0;
}


.sichrom-catalog-toolbar-meta {
    display: flex;
    align-items: center;

    gap: 12px;

    padding-bottom: 2px;

    white-space: nowrap;
}


.sichrom-catalog-result-count {
    color: #718097;

    font-size: 10px;
}


.sichrom-catalog-result-count strong {
    color: #16355d;

    font-size: 12px;
}


.sichrom-catalog-picker-link {
    color: #0877dc;

    font-size: 10px;
    font-weight: 650;

    text-decoration: none !important;
}


.sichrom-catalog-picker-link:hover {
    color: #005fb9;
}


.sichrom-catalog-mobile-filters {
    display: none;
}


/* Empty state */

.sichrom-catalog-empty-state {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin:
        12px 0 20px;
    padding:
        17px;

    background: #f8fbff;

    border: 1px solid #dfe8f3;
    border-radius: 13px;
}


.sichrom-catalog-empty-state[hidden] {
    display: none !important;
}


.sichrom-catalog-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    background: #eaf5ff;

    border-radius: 50%;

    color: #0877dc;

    font-size: 18px;
}


.sichrom-catalog-empty-state h3 {
    margin:
        0 0 4px;

    color: #16355d;

    font-size: 14px;
}


.sichrom-catalog-empty-state p {
    margin:
        0 0 9px;

    color: #718097;

    font-size: 11px;
}


.sichrom-catalog-clear-search {
    min-height: 31px;

    margin: 0;
    padding:
        0 10px;

    background: #ffffff !important;

    border: 1px solid #cfe1f4 !important;
    border-radius: 7px;

    color: #0877dc !important;

    font-size: 10px;
    font-weight: 650;

    cursor: pointer;
}


/* ==================================================
   CARD DIMENSIONS — 50/50
   ================================================== */

.sichrom-catalog-card-dimensions {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr) !important;

    gap: 0 !important;

    margin-top:
        4px !important;
    padding-top:
        4px !important;

    border-top:
        1px solid #edf2f7 !important;

    font-size:
        9px !important;
}


.sichrom-catalog-dimension-line {
    display: flex !important;
    align-items: flex-start;

    gap: 4px;

    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.35;
}


.sichrom-catalog-dimension-line:first-child {
    padding-right:
        7px !important;

    border-right:
        1px solid #edf2f7;
}


.sichrom-catalog-dimension-line:last-child {
    padding-left:
        7px !important;
}


.sichrom-catalog-dimension-line strong {
    flex:
        0 0 13px;

    width:
        13px !important;

    margin:
        0 !important;

    color:
        #0877dc;
}


/* Compact card further */

.sichrom-catalog-card-data {
    padding:
        4px 13px 0 !important;
}


.sichrom-catalog-card-primary {
    margin: 0 !important;
}


.sichrom-catalog-card-secondary {
    margin-top:
        3px !important;
}


.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    margin-top:
        5px !important;
}


.sichrom-compare-toggle-inline {
    margin-top:
        5px !important;
}


/* ==================================================
   MOBILE FILTER PANEL
   ================================================== */

@media (max-width: 959px) {

    .sichrom-catalog-toolbar {
        align-items: stretch;
        flex-direction: column;

        gap: 10px;
    }

    .sichrom-catalog-toolbar-main {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .sichrom-catalog-search-wrap,
    .sichrom-catalog-sort-wrap {
        flex:
            1 1 100%;
    }

    .sichrom-catalog-mobile-filters {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        height: 36px;

        padding:
            0 11px;

        background: #f3f8fe !important;

        border: 1px solid #d5e5f5 !important;
        border-radius: 8px;

        color: #0877dc !important;

        font-size: 11px;
        font-weight: 650;
    }

    .wpc-filters-widget-main-wrapper {
        display: none;
    }

    .wpc-filters-widget-main-wrapper.sichrom-mobile-filters-open {
        display: block;
    }

    .sichrom-catalog-toolbar-meta {
        justify-content: space-between;
    }

}


@media (max-width: 520px) {

    .sichrom-catalog-card-dimensions {
        grid-template-columns:
            1fr !important;

        gap:
            3px !important;
    }

    .sichrom-catalog-dimension-line:first-child {
        padding-right:
            0 !important;

        border-right:
            0;
    }

    .sichrom-catalog-dimension-line:last-child {
        padding-left:
            0 !important;
    }

}


/* ==================================================
   SICHROM — CATALOG V9 TYPOGRAPHY + RESPONSIVE FIX
   ================================================== */

/*
 * Toolbar typography: keep it comfortably readable.
 * Previous 8–11 px values were too small.
 */
.sichrom-catalog-search-wrap label,
.sichrom-catalog-sort-wrap label {
    margin-bottom: 7px !important;

    font-size: 16px !important;
    line-height: 1.25 !important;
}


.sichrom-catalog-search-wrap label span,
.sichrom-catalog-sort-wrap label span {
    margin-top: 2px !important;

    font-size: 13px !important;
    line-height: 1.25 !important;
}


#sichrom-catalog-search,
#sichrom-catalog-sort {
    height: 44px !important;

    padding: 0 13px !important;

    font-size: 16px !important;
    line-height: 1.2 !important;
}


.sichrom-catalog-result-count {
    font-size: 14px !important;
}


.sichrom-catalog-result-count strong {
    font-size: 16px !important;
}


.sichrom-catalog-picker-link {
    font-size: 14px !important;
}


.sichrom-catalog-mobile-filters {
    height: 44px !important;

    font-size: 15px !important;
}


/* Empty-state typography */
.sichrom-catalog-empty-state h3 {
    font-size: 17px !important;
}


.sichrom-catalog-empty-state p {
    font-size: 14px !important;
}


.sichrom-catalog-clear-search {
    min-height: 36px !important;

    font-size: 14px !important;
}


/*
 * Desktop must always restore the filter column immediately after resizing.
 * This intentionally overrides the mobile display:none rule and any stale
 * plugin state left after a narrow viewport.
 */
@media (min-width: 960px) {

    .wpc-filters-widget-main-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .sichrom-catalog-mobile-filters {
        display: none !important;
    }

}


/* On tablets/mobile keep the larger type, but avoid oversized controls. */
@media (max-width: 959px) {

    .sichrom-catalog-search-wrap label,
    .sichrom-catalog-sort-wrap label {
        font-size: 15px !important;
    }

    .sichrom-catalog-search-wrap label span,
    .sichrom-catalog-sort-wrap label span {
        font-size: 12px !important;
    }

    #sichrom-catalog-search,
    #sichrom-catalog-sort {
        font-size: 15px !important;
    }

}


/* ==================================================
   SICHROM — CATALOG V10 RESPONSIVE AUDIT
   Russian-first hierarchy + unified widths
   ================================================== */

/* Same visual width for the blue intro and the white search toolbar. */
.sichrom-catalog-archive-intro,
.sichrom-catalog-toolbar {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* ---------- Language hierarchy ---------- */

/* Russian = primary */
.sichrom-catalog-archive-intro h2 {
    margin: 0 0 2px !important;

    color: #16355d !important;

    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
}


/* English = secondary, smaller and grey, below Russian */
.sichrom-catalog-archive-kicker {
    margin: 0 0 9px !important;

    color: #8b99aa !important;

    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    letter-spacing: .02em !important;
    text-transform: none !important;
}


.sichrom-catalog-archive-intro p {
    margin: 0 !important;

    color: #64758a !important;

    font-size: 15px !important;
    line-height: 1.55 !important;
}


/* Search/sort: Russian clearly primary, English 2–3 sizes smaller. */
.sichrom-catalog-search-wrap label,
.sichrom-catalog-sort-wrap label {
    margin-bottom: 6px !important;

    color: #344b66 !important;

    font-size: 16px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
}


.sichrom-catalog-search-wrap label span,
.sichrom-catalog-sort-wrap label span {
    margin-top: 2px !important;

    color: #98a5b5 !important;

    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
}


/* Toolbar input text should still be easy to read. */
#sichrom-catalog-search,
#sichrom-catalog-sort {
    min-width: 0 !important;

    height: 43px !important;

    font-size: 15px !important;
}


/* ---------- Toolbar proportions ---------- */

.sichrom-catalog-toolbar {
    display: grid !important;

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

    align-items: end !important;

    gap: 12px 18px !important;

    padding: 14px 16px !important;
}


.sichrom-catalog-toolbar-main {
    display: grid !important;

    grid-template-columns:
        minmax(260px, 1.8fr)
        minmax(190px, .85fr) !important;

    align-items: end !important;

    gap: 12px !important;

    min-width: 0;
}


.sichrom-catalog-toolbar-meta {
    align-self: end !important;

    min-height: 43px;

    padding: 0 0 1px !important;
}


/* Search is the dominant field. */
.sichrom-catalog-search-wrap {
    min-width: 0;
}


.sichrom-catalog-sort-wrap {
    min-width: 0;
}


/* ---------- Intro compactness ---------- */

.sichrom-catalog-archive-intro {
    grid-template-columns:
        minmax(0, 1.55fr)
        minmax(230px, .7fr) !important;

    gap: 22px !important;

    padding: 18px 20px !important;
}


.sichrom-catalog-archive-points {
    gap: 7px !important;
}


.sichrom-catalog-archive-points span {
    color: #52657c !important;

    font-size: 14px !important;
    line-height: 1.35 !important;
}


/* ---------- Readability inside cards ---------- */

.sichrom-catalog-card-primary > span {
    font-size: 11px !important;
}


.sichrom-catalog-card-secondary-item {
    font-size: 11px !important;
}


.sichrom-catalog-card-dimensions {
    font-size: 11px !important;
    line-height: 1.35 !important;
}


.sichrom-compare-toggle,
.sichrom-compare-toggle-inline {
    font-size: 11px !important;
}


/* Prevent long product names/values from creating horizontal overflow. */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.sichrom-catalog-toolbar,
.sichrom-catalog-archive-intro,
.sichrom-catalog-toolbar-main,
.sichrom-catalog-toolbar-meta {
    min-width: 0 !important;
}


.woocommerce ul.products li.product *,
.woocommerce-page ul.products li.product * {
    box-sizing: border-box;
}


/* ==================================================
   RESPONSIVE DEVICE MATRIX
   ================================================== */

/* Large desktop / wide monitors */
@media (min-width: 1440px) {

    .sichrom-catalog-archive-intro,
    .sichrom-catalog-toolbar {
        width: 100% !important;
    }

    .sichrom-catalog-toolbar-main {
        grid-template-columns:
            minmax(360px, 2fr)
            minmax(220px, .75fr) !important;
    }

}


/* Standard desktop / laptop */
@media (min-width: 1100px) and (max-width: 1439px) {

    .sichrom-catalog-archive-intro h2 {
        font-size: 23px !important;
    }

    .sichrom-catalog-toolbar-main {
        grid-template-columns:
            minmax(280px, 1.7fr)
            minmax(190px, .8fr) !important;
    }

}


/* Narrow laptop / landscape tablet.
   Keep filters visible if desktop sidebar still fits. */
@media (min-width: 960px) and (max-width: 1099px) {

    .sichrom-catalog-archive-intro {
        grid-template-columns: 1fr !important;
    }

    .sichrom-catalog-archive-points {
        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 8px 14px !important;
    }

    .sichrom-catalog-toolbar {
        grid-template-columns: 1fr !important;
    }

    .sichrom-catalog-toolbar-meta {
        justify-content: space-between !important;

        min-height: auto;
    }

}


/* Tablet portrait and small tablet landscape:
   filter column becomes a controlled inline panel. */
@media (min-width: 600px) and (max-width: 959px) {

    .sichrom-catalog-archive-intro {
        grid-template-columns: 1fr !important;

        gap: 14px !important;
    }

    .sichrom-catalog-archive-points {
        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 8px !important;
    }

    .sichrom-catalog-toolbar {
        grid-template-columns: 1fr !important;

        padding: 13px 14px !important;
    }

    .sichrom-catalog-toolbar-main {
        grid-template-columns:
            minmax(0, 1.55fr)
            minmax(180px, .9fr)
            auto !important;
    }

    .sichrom-catalog-toolbar-meta {
        justify-content: space-between !important;

        min-height: auto;
    }

    .sichrom-catalog-mobile-filters {
        display: inline-flex !important;

        align-items: center;
        justify-content: center;

        align-self: end;

        height: 43px !important;
    }

    .wpc-filters-widget-main-wrapper {
        display: none !important;
    }

    .wpc-filters-widget-main-wrapper.sichrom-mobile-filters-open {
        display: block !important;

        width: 100% !important;

        margin-bottom: 14px !important;
    }

}


/* Phones */
@media (max-width: 599px) {

    .sichrom-catalog-archive-intro {
        grid-template-columns: 1fr !important;

        gap: 13px !important;

        padding: 15px !important;
    }

    .sichrom-catalog-archive-intro h2 {
        font-size: 21px !important;
    }

    .sichrom-catalog-archive-kicker {
        font-size: 10px !important;
    }

    .sichrom-catalog-archive-intro p {
        font-size: 14px !important;
    }

    .sichrom-catalog-archive-points {
        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 5px !important;
    }

    .sichrom-catalog-archive-points span {
        font-size: 13px !important;
    }

    .sichrom-catalog-toolbar {
        grid-template-columns: 1fr !important;

        gap: 11px !important;

        padding: 13px !important;
    }

    .sichrom-catalog-toolbar-main {
        grid-template-columns: 1fr !important;

        gap: 9px !important;
    }

    .sichrom-catalog-toolbar-meta {
        display: flex !important;

        justify-content: space-between !important;
        flex-wrap: wrap !important;

        gap: 8px !important;

        min-height: auto;
    }

    .sichrom-catalog-mobile-filters {
        display: inline-flex !important;

        width: 100%;

        align-items: center;
        justify-content: center;
    }

    .wpc-filters-widget-main-wrapper {
        display: none !important;
    }

    .wpc-filters-widget-main-wrapper.sichrom-mobile-filters-open {
        display: block !important;

        width: 100% !important;

        margin-bottom: 12px !important;
    }

    .sichrom-catalog-search-wrap label,
    .sichrom-catalog-sort-wrap label {
        font-size: 16px !important;
    }

    .sichrom-catalog-search-wrap label span,
    .sichrom-catalog-sort-wrap label span {
        font-size: 11px !important;
    }

    #sichrom-catalog-search,
    #sichrom-catalog-sort {
        width: 100% !important;

        font-size: 15px !important;
    }

}


/* Very narrow phones */
@media (max-width: 380px) {

    .sichrom-catalog-archive-intro h2 {
        font-size: 20px !important;
    }

    .sichrom-catalog-toolbar-meta {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

}


/* Desktop return after resizing:
   force filter back into normal layout without reload. */
@media (min-width: 960px) {

    .wpc-filters-widget-main-wrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .sichrom-catalog-mobile-filters {
        display: none !important;
    }

}


body.post-type-archive-product,
body.tax-product_cat {
    overflow-x: hidden;
}



/* ==================================================
   SICHROM — CATALOG V11 PAGE WIDTH + MOBILE FILTER STATE
   ================================================== */

/*
 * BeTheme currently stretches the WooCommerce content almost from
 * viewport edge to viewport edge on wide screens. Keep one consistent
 * centered catalog canvas.
 */
body.woocommerce-shop #Content > .section_wrapper,
body.woocommerce-shop #Content .section_wrapper,
body.tax-product_cat #Content > .section_wrapper,
body.tax-product_cat #Content .section_wrapper {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 1420px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;
}


/*
 * Avoid a nested section_wrapper shrinking twice when BeTheme nests wrappers.
 */
body.woocommerce-shop #Content .section_wrapper .section_wrapper,
body.tax-product_cat #Content .section_wrapper .section_wrapper {
    max-width: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* More breathing room below the breadcrumb/title area. */
body.woocommerce-shop #Content,
body.tax-product_cat #Content {
    padding-top: 18px;
}


/* ==================================================
   MOBILE ACTIVE FILTERS
   ================================================== */

.sichrom-mobile-active-filters {
    display: none;
}


@media (max-width: 959px) {

    .sichrom-mobile-active-filters:not([hidden]) {
        display: block;

        width: 100%;

        margin: 0 0 12px;
        padding: 12px;

        background: #ffffff;

        border: 1px solid #dfe8f3;
        border-radius: 12px;

        box-sizing: border-box;
    }


    .sichrom-mobile-active-head {
        display: flex;
        align-items: baseline;

        gap: 7px;

        margin-bottom: 8px;
    }


    .sichrom-mobile-active-head strong {
        color: #344b66;

        font-size: 15px;
        font-weight: 700;
        line-height: 1.2;
    }


    .sichrom-mobile-active-head span {
        color: #98a5b5;

        font-size: 10px;
        font-weight: 400;
        line-height: 1.2;
    }


    .sichrom-mobile-active-chips {
        display: flex;
        flex-wrap: wrap;

        gap: 6px;
    }


    .sichrom-mobile-filter-chip {
        display: inline-flex;
        align-items: center;

        min-height: 30px;

        padding: 4px 9px;

        background: #eef7ff;

        border: 1px solid #d7e9fb;
        border-radius: 999px;

        color: #0877dc !important;

        font-size: 13px;
        font-weight: 600;
        line-height: 1.2;

        text-decoration: none !important;
    }


    .sichrom-mobile-reset-filters {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-height: 34px;

        margin: 9px 0 0 !important;
        padding: 0 10px !important;

        background: #f7f9fc !important;

        border: 1px solid #dfe6ee !important;
        border-radius: 7px !important;

        color: #66788d !important;

        font-family: inherit;
        font-size: 13px !important;
        font-weight: 650 !important;

        cursor: pointer;
    }

}


/* Tablet gutters */
@media (min-width: 600px) and (max-width: 959px) {

    body.woocommerce-shop #Content > .section_wrapper,
    body.woocommerce-shop #Content .section_wrapper,
    body.tax-product_cat #Content > .section_wrapper,
    body.tax-product_cat #Content .section_wrapper {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

}


/* Phone gutters */
@media (max-width: 599px) {

    body.woocommerce-shop #Content > .section_wrapper,
    body.woocommerce-shop #Content .section_wrapper,
    body.tax-product_cat #Content > .section_wrapper,
    body.tax-product_cat #Content .section_wrapper {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

}


/* On very wide screens keep the cards/filter area visually connected. */
@media (min-width: 1600px) {

    body.woocommerce-shop #Content > .section_wrapper,
    body.tax-product_cat #Content > .section_wrapper {
        max-width: 1440px !important;
    }

}


/* ==================================================
   SICHROM — PRODUCT pH CHARACTERISTIC
   ================================================== */

.sichrom-tech-tag-ph {
    cursor: default;
    text-decoration: none !important;
}



/* ==================================================
   SICHROM — THREE CHROMATOGRAM OVERLAY
   ================================================== */

.sichrom-chart-toolbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.sichrom-chart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 14px;
    align-items: center;
}

.sichrom-chart-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #61738a;
    font-size: 11px;
    line-height: 1.3;
}

.sichrom-chart-legend-line {
    display: inline-block;
    width: 24px;
    height: 0;
    border-top-style: solid;
    border-radius: 999px;
}

.sichrom-chart-legend-primary {
    border-top-color: #168bf2;
    border-top-width: 2px;
}

.sichrom-chart-legend-compare-1 {
    border-top-color: #9aa7b6;
    border-top-width: 1.5px;
}

.sichrom-chart-legend-compare-2 {
    border-top-color: #c2cad4;
    border-top-width: 1px;
}

.sichrom-tooltip-series {
    white-space: nowrap;
}

.sichrom-tooltip-primary b {
    color: #bfe2ff;
}

.sichrom-tooltip-compare-1 b {
    color: #e1e5ea;
}

.sichrom-tooltip-compare-2 b {
    color: #f0f2f5;
}

@media (max-width: 767px) {
    .sichrom-chart-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .sichrom-chart-legend {
        gap: 6px 10px;
    }

    .sichrom-chart-legend-item {
        font-size: 10px;
    }
}

/* ==================================================
   SICHROM — TANAKA TEST
   ================================================== */

/* Keep the new tab aligned with all existing custom tabs. */
body.single-product
.mfn-woocommerce-tabs-content.tab-sichrom_tanaka {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding:
        14px
        12px
        0 !important;

    text-align: left !important;
}


/* ==================================================
   PRODUCT TAB ICONS — 7 TAB VERSION
   Description / Specs / Tanaka / Methods / Chromatograms /
   Documents / Equivalents
   ================================================== */

/* 3 — Тест Танака */
body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:nth-child(3) a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l3 5 5.5 1-3.8 4 1 5.5L12 16l-5.7 2.5 1-5.5-3.8-4L9 8z'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l3 5 5.5 1-3.8 4 1 5.5L12 16l-5.7 2.5 1-5.5-3.8-4L9 8z'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3C/svg%3E");
}


/* 4 — Методики */
body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:nth-child(4) a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M9 3h6M10 3v6l-5 9a2 2 0 0 0 1.8 3h10.4A2 2 0 0 0 19 18l-5-9V3'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M9 3h6M10 3v6l-5 9a2 2 0 0 0 1.8 3h10.4A2 2 0 0 0 19 18l-5-9V3'/%3E%3C/svg%3E");
}


/* 5 — Хроматограммы */
body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:nth-child(5) a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 19h18M4 17l3-2 2-5 3 7 3-11 2 9 3-2'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 19h18M4 17l3-2 2-5 3 7 3-11 2 9 3-2'/%3E%3C/svg%3E");
}


/* 6 — Документы */
body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:nth-child(6) a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M15 3v4h4M9 11h6M9 15h6'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M15 3v4h4M9 11h6M9 15h6'/%3E%3C/svg%3E");
}


/* 7 — Аналоги */
body.single-product
.mfn-woocommerce-tabs
.mfn-woocommerce-tabs-nav
li:nth-child(7) a::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h11l-3-3M18 7l-3 3M17 17H6l3 3M6 17l3-3'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h11l-3-3M18 7l-3 3M17 17H6l3 3M6 17l3-3'/%3E%3C/svg%3E");
}


/* ==================================================
   TANAKA FRONTEND
   ================================================== */

.sichrom-tanaka {
    width: 100%;
    max-width: 1120px;
}


.sichrom-tanaka-intro {
    display: grid;
    grid-template-columns:
        minmax(0, 1.4fr)
        minmax(220px, .65fr);

    gap: 18px;

    margin-bottom: 16px;
    padding: 17px 19px;

    background:
        rgba(239, 247, 255, .72);

    border: 1px solid #d9e8f7;
    border-radius: 15px;
}


.sichrom-tanaka-eyebrow {
    margin-bottom: 3px;

    color: #8a98aa;

    font-size: 10px;
    font-weight: 500;
}


.sichrom-tanaka-intro h2 {
    margin: 0 0 5px;

    color: #16355d;

    font-size: 22px;
    line-height: 1.2;
}


.sichrom-tanaka-intro p {
    max-width: 720px;

    margin: 0;

    color: #64758a;

    font-size: 13px;
    line-height: 1.55;
}


.sichrom-tanaka-protocol {
    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 2px;

    padding-left: 16px;

    border-left: 1px solid #d7e4f1;
}


.sichrom-tanaka-protocol span {
    color: #99a5b4;

    font-size: 10px;
}


.sichrom-tanaka-protocol strong {
    color: #405570;

    font-size: 12px;
    font-weight: 650;
}


.sichrom-tanaka-empty {
    padding: 18px;

    background: #f8fbff;

    border: 1px solid #dfe8f3;
    border-radius: 13px;

    color: #64758a;
}


.sichrom-tanaka-chart-card {
    overflow: hidden;

    background: rgba(255, 255, 255, .86);

    border: 1px solid #dfe8f3;
    border-radius: 16px;

    box-shadow:
        0 8px 30px rgba(19, 46, 82, .04);
}


.sichrom-tanaka-chart-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    padding: 14px 16px;

    background:
        rgba(248, 251, 255, .72);

    border-bottom: 1px solid #e5edf5;
}


.sichrom-tanaka-chart-head h3 {
    margin: 0;

    color: #16355d;

    font-size: 16px;
}


.sichrom-tanaka-chart-head > div:first-child > span {
    display: block;

    margin-top: 2px;

    color: #98a5b4;

    font-size: 10px;
}


.sichrom-tanaka-switches {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;

    gap: 6px;
}


.sichrom-tanaka-switch {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    min-height: 34px;

    margin: 0;
    padding: 5px 9px;

    background: #ffffff !important;

    border: 1px solid #dde6ef !important;
    border-radius: 9px;

    color: #607187 !important;

    font-family: inherit;

    cursor: pointer;

    opacity: .48;

    transition:
        opacity .16s ease,
        border-color .16s ease,
        background-color .16s ease;
}


.sichrom-tanaka-switch.is-active {
    opacity: 1;
}


.sichrom-tanaka-switch.primary.is-active {
    background: #eef7ff !important;

    border-color: #cbe2f7 !important;
}


.sichrom-tanaka-switch-mark {
    flex: 0 0 18px;

    width: 18px;
    height: 3px;

    border-radius: 99px;

    background: #168bf2;
}


.sichrom-tanaka-switch.compare-one
.sichrom-tanaka-switch-mark {
    background: #8f9baa;
}


.sichrom-tanaka-switch.compare-two
.sichrom-tanaka-switch-mark {
    background: #c2c9d1;
}


.sichrom-tanaka-switch-copy {
    display: grid;

    gap: 1px;

    text-align: left;
}


.sichrom-tanaka-switch-copy strong {
    max-width: 210px;

    overflow: hidden;

    color: #405570;

    font-size: 10px;
    font-weight: 650;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.sichrom-tanaka-switch-copy small {
    color: #9aa6b4;

    font-size: 8px;
}


.sichrom-tanaka-chart-layout {
    display: grid;
    grid-template-columns:
        minmax(500px, 1.25fr)
        minmax(270px, .75fr);

    gap: 12px;

    padding: 13px;
}


.sichrom-tanaka-radar-wrap {
    min-width: 0;
    min-height: 500px;

    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(239, 247, 255, .58),
            rgba(255, 255, 255, 0) 64%
        );

    border-radius: 14px;
}


.sichrom-tanaka-radar {
    display: block;

    width: 100%;
    height: 100%;
    min-height: 500px;
}


.sichrom-tanaka-grid-ring {
    fill: none;

    stroke: #dce5ef;
    stroke-width: 1;

    vector-effect: non-scaling-stroke;
}


.sichrom-tanaka-axis {
    stroke: #dce5ef;
    stroke-width: 1;

    vector-effect: non-scaling-stroke;
}


.sichrom-tanaka-axis-label {
    fill: #4d6077;

    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
}


.sichrom-tanaka-axis-label-en {
    fill: #9ba6b4;

    font-size: 9px;
    font-weight: 400;
}


.sichrom-tanaka-series-polygon {
    stroke-linejoin: round;

    vector-effect: non-scaling-stroke;
}


.sichrom-tanaka-series-polygon.primary {
    fill: rgba(22, 139, 242, .14);

    stroke: #168bf2;
    stroke-width: 1.7;
}


.sichrom-tanaka-series-polygon.compare-one {
    fill: rgba(126, 139, 154, .045);

    stroke: #8e9aa8;
    stroke-width: 1.15;
}


.sichrom-tanaka-series-polygon.compare-two {
    fill: rgba(193, 200, 208, .035);

    stroke: #c1c8d0;
    stroke-width: 1;
}


.sichrom-tanaka-series-point.primary {
    fill: #168bf2;
}


.sichrom-tanaka-series-point.compare-one {
    fill: #8e9aa8;
}


.sichrom-tanaka-series-point.compare-two {
    fill: #c1c8d0;
}


.sichrom-tanaka-values {
    display: grid;

    gap: 7px;

    align-content: start;
}


.sichrom-tanaka-value-card {
    padding: 9px 10px;

    background:
        rgba(249, 251, 254, .80);

    border: 1px solid #e8edf3;
    border-radius: 9px;
}


.sichrom-tanaka-value-label strong {
    display: block;

    color: #3c526c;

    font-size: 11px;
    line-height: 1.25;
}


.sichrom-tanaka-value-label span {
    display: block;

    margin-top: 1px;

    color: #9aa6b4;

    font-size: 8px;
}


.sichrom-tanaka-value-symbol {
    margin-top: 4px;

    color: #708197;

    font-size: 9px;
    font-weight: 650;
}


.sichrom-tanaka-value-series {
    display: grid;

    gap: 3px;

    margin-top: 5px;
}


.sichrom-tanaka-value-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;

    gap: 8px;

    font-size: 9px;
}


.sichrom-tanaka-value-row.primary {
    color: #0877dc;
}


.sichrom-tanaka-value-row.compare-one {
    color: #677588;
}


.sichrom-tanaka-value-row.compare-two {
    color: #9aa3ae;
}


.sichrom-tanaka-value-name {
    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.sichrom-tanaka-value-row strong {
    flex: 0 0 auto;

    font-size: 10px;
}


.sichrom-tanaka-raw {
    margin-top: 13px;

    background: #fff;

    border: 1px solid #e0e8f1;
    border-radius: 12px;
}


.sichrom-tanaka-raw > summary {
    display: flex;
    align-items: baseline;

    gap: 7px;

    padding: 11px 13px;

    color: #405570;

    font-size: 12px;
    font-weight: 650;

    cursor: pointer;

    list-style: none;
}


.sichrom-tanaka-raw > summary::-webkit-details-marker {
    display: none;
}


.sichrom-tanaka-raw > summary::after {
    content: "+";

    margin-left: auto;

    color: #168bf2;

    font-size: 16px;
    font-weight: 400;
}


.sichrom-tanaka-raw[open] > summary::after {
    content: "−";
}


.sichrom-tanaka-raw > summary span {
    color: #99a5b4;

    font-size: 9px;
    font-weight: 400;
}


.sichrom-tanaka-raw-body {
    padding: 0 13px 13px;
}


.sichrom-tanaka-method-note {
    margin-bottom: 10px;
    padding: 10px 11px;

    background: #f8fbff;

    border-radius: 8px;

    color: #63758b;

    font-size: 10px;
    line-height: 1.45;
}


.sichrom-tanaka-raw-table-wrap {
    overflow-x: auto;
}


.sichrom-tanaka-raw-table {
    width: 100%;

    margin: 0;

    border-collapse: separate;
    border-spacing: 0;

    font-size: 10px;
}


.sichrom-tanaka-raw-table th,
.sichrom-tanaka-raw-table td {
    padding: 8px 9px;

    border-right: 1px solid #e8eef4;
    border-bottom: 1px solid #e8eef4;

    text-align: left;
}


.sichrom-tanaka-raw-table th:first-child {
    width: 235px;

    background: #f9fbfd;
}


.sichrom-tanaka-raw-table th:last-child,
.sichrom-tanaka-raw-table td:last-child {
    border-right: 0;
}


.sichrom-tanaka-raw-table th strong,
.sichrom-tanaka-raw-table th span,
.sichrom-tanaka-raw-table th code,
.sichrom-tanaka-raw-table thead th small {
    display: block;
}


.sichrom-tanaka-raw-table th strong {
    color: #41566f;

    font-size: 10px;
}


.sichrom-tanaka-raw-table th span,
.sichrom-tanaka-raw-table thead th small {
    margin-top: 1px;

    color: #9aa6b4;

    font-size: 8px;
    font-weight: 400;
}


.sichrom-tanaka-raw-table th code {
    margin-top: 3px;

    color: #0877dc;

    font-size: 9px;
}


.sichrom-tanaka-formulas {
    display: flex;
    flex-wrap: wrap;

    gap: 5px 11px;

    margin-top: 10px;
    padding: 9px 10px;

    background: #fbfcfe;

    border-radius: 8px;

    color: #75869a;

    font-size: 9px;
}


.sichrom-tanaka-formulas strong {
    width: 100%;

    color: #50647c;

    font-size: 10px;
}


@media (max-width: 900px) {

    .sichrom-tanaka-intro {
        grid-template-columns: 1fr;
    }

    .sichrom-tanaka-protocol {
        padding-top: 10px;
        padding-left: 0;

        border-top: 1px solid #d7e4f1;
        border-left: 0;
    }

    .sichrom-tanaka-chart-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .sichrom-tanaka-switches {
        justify-content: flex-start;
    }

    .sichrom-tanaka-chart-layout {
        grid-template-columns: 1fr;
    }

    .sichrom-tanaka-values {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 560px) {

    .sichrom-tanaka-intro {
        padding: 14px;
    }

    .sichrom-tanaka-intro h2 {
        font-size: 20px;
    }

    .sichrom-tanaka-chart-layout {
        padding: 8px;
    }

    .sichrom-tanaka-radar-wrap,
    .sichrom-tanaka-radar {
        min-height: 410px;
    }

    .sichrom-tanaka-switch {
        width: 100%;
    }

    .sichrom-tanaka-switch-copy strong {
        max-width: none;
    }

    .sichrom-tanaka-values {
        grid-template-columns: 1fr;
    }

    .sichrom-tanaka-raw-table {
        min-width: 720px;
    }
}

/* ==================================================
   SICHROM TANAKA — FINAL UI v21
   ================================================== */

body.single-product
.mfn-woocommerce-tabs-content.tab-sichrom_tanaka {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px 12px 0 !important;
    text-align: left !important;
}

.sichrom-tanaka {
    width: 100%;
    max-width: 1120px;
}

/* Intro */
.sichrom-tanaka-intro {
    grid-template-columns:
        minmax(0, 1.4fr)
        minmax(210px, .6fr) !important;
    gap: 12px !important;
    margin-bottom: 10px !important;
    padding: 13px 15px !important;
}

.sichrom-tanaka-intro h2 {
    margin: 0 0 3px !important;
    font-size: 21px !important;
    line-height: 1.2 !important;
}

.sichrom-tanaka-intro p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
}

.sichrom-tanaka-read-note {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(170, 197, 223, .45);
    color: #617389;
    font-size: 10px;
    line-height: 1.4;
}

.sichrom-tanaka-read-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #9ec8ee;
    border-radius: 50%;
    color: #168bf2;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.sichrom-tanaka-protocol {
    padding-left: 12px !important;
}

/* Header */
.sichrom-tanaka-chart-head {
    gap: 10px !important;
    padding: 10px 12px !important;
}

.sichrom-tanaka-chart-head h3 {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
}

.sichrom-tanaka-chart-head > div:first-child > span {
    margin-top: 1px !important;
    font-size: 9px !important;
}

.sichrom-tanaka-switches {
    gap: 4px !important;
}

.sichrom-tanaka-switch {
    min-height: 29px !important;
    padding: 3px 7px !important;
    gap: 5px !important;
}

.sichrom-tanaka-switch-mark {
    flex-basis: 15px !important;
    width: 15px !important;
    height: 2px !important;
}

.sichrom-tanaka-switch-copy strong {
    max-width: 175px !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
}

.sichrom-tanaka-switch-copy small {
    font-size: 7px !important;
    line-height: 1.1 !important;
}

/* Chart */
.sichrom-tanaka-chart-layout {
    grid-template-columns:
        minmax(520px, 1.48fr)
        minmax(220px, .52fr) !important;
    gap: 8px !important;
    padding: 8px !important;
    align-items: start !important;
}

.sichrom-tanaka-radar-wrap {
    min-height: 455px !important;
    overflow: visible !important;
}

.sichrom-tanaka-radar {
    min-height: 455px !important;
    height: 455px !important;
    overflow: visible !important;
}

/* Light coordinate system */
.sichrom-tanaka-grid-ring {
    stroke: #edf3f8 !important;
    stroke-width: .9 !important;
}

.sichrom-tanaka-axis {
    stroke: #eaf1f7 !important;
    stroke-width: .9 !important;
}

/* Readable labels */
.sichrom-tanaka-axis-label {
    fill: #48627f !important;
    font-size: 27px !important;
    font-weight: 650 !important;
}

.sichrom-tanaka-axis-label-en {
    fill: #8ea1b6 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

/* Series */
.sichrom-tanaka-series-polygon.primary {
    fill: rgba(22, 139, 242, .13) !important;
    stroke-width: 1.55 !important;
}

.sichrom-tanaka-series-polygon.compare-one {
    fill: rgba(126, 139, 154, .035) !important;
    stroke-width: 1.05 !important;
}

.sichrom-tanaka-series-polygon.compare-two {
    fill: rgba(193, 200, 208, .025) !important;
    stroke-width: .95 !important;
}

/* Metric cards */
.sichrom-tanaka-values {
    gap: 4px !important;
}

.sichrom-tanaka-value-card {
    padding: 6px 7px !important;
    border-radius: 7px !important;
}

.sichrom-tanaka-value-label strong {
    font-size: 10px !important;
    line-height: 1.12 !important;
}

.sichrom-tanaka-value-label span {
    margin-top: 0 !important;
    font-size: 7px !important;
    line-height: 1.1 !important;
}

.sichrom-tanaka-value-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: 2px;
}

.sichrom-tanaka-value-symbol {
    margin-top: 0 !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
}

.sichrom-tanaka-value-series {
    gap: 1px !important;
    margin-top: 3px !important;
}

.sichrom-tanaka-value-row {
    gap: 5px !important;
    font-size: 8px !important;
    line-height: 1.18 !important;
}

.sichrom-tanaka-value-row strong {
    font-size: 9px !important;
    line-height: 1.15 !important;
}

/* Distinctive feature */
.sichrom-tanaka-character-badge {
    display: none;
    flex: 0 0 auto;
    padding: 2px 5px;
    background: rgba(22, 139, 242, .08);
    border: 1px solid rgba(22, 139, 242, .18);
    border-radius: 999px;
    color: #0877dc;
    font-size: 7px;
    font-weight: 650;
    line-height: 1.1;
    white-space: nowrap;
}

.sichrom-tanaka-value-card.is-characteristic {
    background: rgba(236, 246, 255, .90) !important;
    border-color: rgba(22, 139, 242, .28) !important;
    box-shadow: inset 2px 0 0 rgba(22, 139, 242, .72);
}

.sichrom-tanaka-value-card.is-characteristic
.sichrom-tanaka-character-badge {
    display: inline-flex;
}

.sichrom-tanaka-value-card.is-characteristic
.sichrom-tanaka-value-label strong {
    color: #234d77;
}

/* Test-data accordion */
.sichrom-tanaka-raw {
    margin-top: 8px !important;
}

.sichrom-tanaka-raw > summary {
    gap: 5px !important;
    padding: 8px 10px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

.sichrom-tanaka-raw > summary span {
    font-size: 8px !important;
}

.sichrom-tanaka-raw-body {
    padding: 0 9px 9px !important;
}

.sichrom-tanaka-method-note {
    margin-bottom: 6px !important;
    padding: 6px 8px !important;
    font-size: 9px !important;
    line-height: 1.32 !important;
}

.sichrom-tanaka-source-table-wrap,
.sichrom-tanaka-raw-table-wrap {
    overflow-x: auto;
}

.sichrom-tanaka-source-table,
.sichrom-tanaka-raw-table {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 9px !important;
    line-height: 1.15 !important;
}

.sichrom-tanaka-source-table {
    margin-bottom: 7px;
}

.sichrom-tanaka-source-table th,
.sichrom-tanaka-source-table td,
.sichrom-tanaka-raw-table th,
.sichrom-tanaka-raw-table td {
    padding: 5px 6px !important;
    border-right: 1px solid #edf2f7;
    border-bottom: 1px solid #edf2f7;
    text-align: left;
    vertical-align: top;
    line-height: 1.15 !important;
}

.sichrom-tanaka-source-table thead th,
.sichrom-tanaka-raw-table thead th {
    background: #f8fbfe;
    color: #53677f;
    font-weight: 650;
}

.sichrom-tanaka-source-table tbody th,
.sichrom-tanaka-raw-table th:first-child {
    width: 195px !important;
    background: #fbfcfe;
    color: #465b73;
}

.sichrom-tanaka-source-table td span {
    display: block;
    margin-bottom: 1px;
    white-space: nowrap;
}

.sichrom-tanaka-source-t0 {
    margin-bottom: 3px !important;
    color: #91a0b1;
    font-size: 8px;
}

.sichrom-tanaka-raw-table th strong {
    font-size: 9px !important;
    line-height: 1.12 !important;
}

.sichrom-tanaka-raw-table th span,
.sichrom-tanaka-raw-table thead th small {
    margin-top: 0 !important;
    font-size: 7px !important;
    line-height: 1.1 !important;
}

.sichrom-tanaka-raw-table th code {
    margin-top: 1px !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
}

.sichrom-tanaka-formulas {
    display: none !important;
}

/* Tablet */
@media (max-width: 900px) {

    .sichrom-tanaka-intro {
        grid-template-columns: 1fr !important;
    }

    .sichrom-tanaka-protocol {
        padding-top: 8px !important;
        padding-left: 0 !important;
        border-top: 1px solid #d7e4f1 !important;
        border-left: 0 !important;
    }

    .sichrom-tanaka-chart-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .sichrom-tanaka-switches {
        justify-content: flex-start !important;
    }

    .sichrom-tanaka-chart-layout {
        grid-template-columns: 1fr !important;
    }

    .sichrom-tanaka-radar-wrap,
    .sichrom-tanaka-radar {
        min-height: 420px !important;
        height: 420px !important;
    }

    .sichrom-tanaka-axis-label {
        font-size: 24px !important;
    }

    .sichrom-tanaka-axis-label-en {
        font-size: 14px !important;
    }

    .sichrom-tanaka-values {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile */
@media (max-width: 560px) {

    .sichrom-tanaka-intro {
        padding: 11px 12px !important;
    }

    .sichrom-tanaka-read-note {
        font-size: 9px !important;
    }

    .sichrom-tanaka-switch {
        width: 100% !important;
    }

    .sichrom-tanaka-switch-copy strong {
        max-width: none !important;
    }

    .sichrom-tanaka-radar-wrap,
    .sichrom-tanaka-radar {
        min-height: 370px !important;
        height: 370px !important;
    }

    .sichrom-tanaka-axis-label {
        font-size: 21px !important;
    }

    .sichrom-tanaka-axis-label-en {
        font-size: 12px !important;
    }

    .sichrom-tanaka-values {
        grid-template-columns: 1fr !important;
    }

    .sichrom-tanaka-value-card {
        padding: 5px 7px !important;
    }

    .sichrom-tanaka-source-table,
    .sichrom-tanaka-raw-table {
        min-width: 720px;
    }
}


/* ==================================================
   SICHROM v22 — TANAKA FINAL POSITIONING & SINGLE TABLE
   ================================================== */

.sichrom-tanaka-combined-table-wrap {
    overflow-x: auto;
}

.sichrom-tanaka-combined-table {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 9px;
    line-height: 1.16;
}

.sichrom-tanaka-combined-table th,
.sichrom-tanaka-combined-table td {
    padding: 6px 7px;
    border-right: 1px solid #edf2f7;
    border-bottom: 1px solid #edf2f7;
    vertical-align: top;
    text-align: left;
}

.sichrom-tanaka-combined-table thead th {
    background: #f8fbfe;
    color: #53677f;
    font-weight: 650;
}

.sichrom-tanaka-combined-table tbody th {
    width: 200px;
    background: #fbfcfe;
    color: #465b73;
}

.sichrom-tanaka-combined-table tbody th strong,
.sichrom-tanaka-combined-table tbody th span {
    display: block;
}

.sichrom-tanaka-combined-table tbody th strong {
    font-size: 9px;
    line-height: 1.15;
}

.sichrom-tanaka-combined-table tbody th span {
    margin-top: 1px;
    color: #96a3b2;
    font-size: 7px;
    line-height: 1.1;
    font-weight: 400;
}

.sichrom-tanaka-combined-raw {
    display: grid;
    gap: 1px;
    color: #5a6d83;
}

.sichrom-tanaka-combined-raw span {
    display: block;
    white-space: nowrap;
}

.sichrom-tanaka-combined-results {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin-top: 5px;
    padding-top: 4px;
    border-top: 1px solid #edf2f7;
}

.sichrom-tanaka-combined-results span {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

.sichrom-tanaka-combined-results code {
    color: #0877dc;
    font-size: 8px;
}

.sichrom-tanaka-combined-results strong {
    color: #324b66;
    font-size: 9px;
}

@media (max-width: 560px) {

    .sichrom-tanaka-combined-table {
        min-width: 760px;
    }
}


/* ==================================================
   SICHROM TANAKA v23 — FIXED LABEL POSITIONS
   ================================================== */

.sichrom-tanaka-axis-label {
    font-size: 20px !important;
    font-weight: 650 !important;
    fill: #4f6883 !important;
}

.sichrom-tanaka-axis-label-en {
    font-size: 11px !important;
    font-weight: 400 !important;
    fill: #96a6b8 !important;
}

.sichrom-tanaka-grid-ring {
    stroke: #f2f6f9 !important;
    stroke-width: .75 !important;
}

.sichrom-tanaka-axis {
    stroke: #eef4f8 !important;
    stroke-width: .75 !important;
}

@media (max-width: 900px) {
    .sichrom-tanaka-axis-label {
        font-size: 18px !important;
    }

    .sichrom-tanaka-axis-label-en {
        font-size: 10px !important;
    }
}

@media (max-width: 560px) {
    .sichrom-tanaka-axis-label {
        font-size: 16px !important;
    }

    .sichrom-tanaka-axis-label-en {
        font-size: 9px !important;
    }
}

/* SICHROM v24 — method editor searchable taxonomy selectors are styled in admin via functions.php */


/* ==================================================
   SICHROM v26 — METHODS CATALOG SEARCHABLE MULTIFILTERS
   ================================================== */

.sichrom-methods-catalog-filter {
    overflow: visible !important;
}

.sichrom-methods-multifilter {
    position: relative;
    min-width: 0;
}

.sichrom-methods-multifilter-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 8px;

    width: 100%;
    min-height: 42px;

    margin: 0;
    padding: 9px 11px;

    background: #fff !important;

    border: 1px solid #dce5ef !important;
    border-radius: 9px;

    color: #354f6b !important;

    font-family: inherit;
    font-size: 12px;
    font-weight: 500;

    text-align: left;

    cursor: pointer;
}

.sichrom-methods-multifilter-trigger:hover,
.sichrom-methods-multifilter-trigger[aria-expanded="true"] {
    border-color: #acd2f4 !important;
    background: #fbfdff !important;
}

.sichrom-methods-multifilter-summary {
    min-width: 0;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.sichrom-methods-multifilter-chevron {
    flex: 0 0 auto;

    color: #7990a8;

    font-size: 10px;

    transition: transform .15s ease;
}

.sichrom-methods-multifilter-trigger[aria-expanded="true"]
.sichrom-methods-multifilter-chevron {
    transform: rotate(180deg);
}

.sichrom-methods-multifilter-panel {
    position: absolute;
    z-index: 80;

    top: calc(100% + 5px);
    left: 0;

    width: min(330px, 90vw);
    max-height: 390px;

    overflow: hidden;

    background: #fff;

    border: 1px solid #dce5ef;
    border-radius: 11px;

    box-shadow:
        0 14px 36px rgba(31, 56, 88, .12);
}

.sichrom-methods-multifilter-search-wrap {
    padding: 8px;

    border-bottom: 1px solid #edf2f7;
}

.sichrom-methods-multifilter-search {
    width: 100% !important;
    min-height: 35px !important;

    margin: 0 !important;
    padding: 7px 9px !important;

    border: 1px solid #dce5ef !important;
    border-radius: 7px !important;

    background: #fbfdff !important;

    font-size: 11px !important;
}

.sichrom-methods-multifilter-options {
    max-height: 260px;

    overflow-y: auto;

    padding: 5px;
}

.sichrom-methods-multifilter-option {
    display: grid;
    grid-template-columns:
        17px
        minmax(0, 1fr);

    align-items: center;

    gap: 7px;

    min-height: 31px;

    margin: 0;
    padding: 5px 6px;

    border-radius: 6px;

    color: #41566f;

    font-size: 10px;
    line-height: 1.2;

    cursor: pointer;
}

.sichrom-methods-multifilter-option:hover {
    background: #f4f9ff;
}

.sichrom-methods-multifilter-option input {
    width: 14px !important;
    height: 14px !important;

    margin: 0 !important;
}

.sichrom-methods-multifilter-option-name {
    min-width: 0;
}

.sichrom-methods-multifilter-option small {
    min-width: 17px;

    color: #98a5b4;

    font-size: 8px;

    text-align: right;
}

.sichrom-methods-multifilter-option.is-empty {
    color: #a3adba;

    cursor: default;
}

.sichrom-methods-multifilter-option.is-empty:hover {
    background: transparent;
}

.sichrom-methods-multifilter-no-options {
    padding: 12px;

    color: #8c9aaa;

    font-size: 10px;
}

.sichrom-methods-multifilter-footer {
    display: flex;
    justify-content: space-between;

    gap: 8px;

    padding: 7px 8px;

    background: #fafcff;

    border-top: 1px solid #edf2f7;
}

.sichrom-methods-multifilter-clear,
.sichrom-methods-multifilter-close {
    min-height: 29px;

    margin: 0 !important;
    padding: 5px 9px !important;

    border-radius: 6px !important;

    font-size: 9px !important;
    line-height: 1 !important;
}

.sichrom-methods-multifilter-clear {
    background: transparent !important;

    border: 1px solid transparent !important;

    color: #75869a !important;
}

.sichrom-methods-multifilter-close {
    background: #eef7ff !important;

    border: 1px solid #cfe5f8 !important;

    color: #0877dc !important;
}


/* Active filters */
.sichrom-methods-active-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px 12px;

    margin: 10px 0 6px;
    padding: 7px 9px;

    background: #f8fbff;

    border: 1px solid #e2ebf4;
    border-radius: 9px;
}

.sichrom-methods-active-filters-label {
    color: #50647c;

    font-size: 10px;
    font-weight: 650;
}

.sichrom-methods-active-filters-label small {
    display: block;

    margin-top: 1px;

    color: #9aa6b4;

    font-size: 7px;
    font-weight: 400;
}

.sichrom-methods-active-filter-chips {
    display: flex;
    flex-wrap: wrap;

    gap: 5px;
}

.sichrom-methods-active-filter-chip,
.sichrom-methods-active-filter-reset {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    min-height: 25px;

    padding: 4px 7px;

    border-radius: 999px;

    font-size: 9px;
    line-height: 1;

    text-decoration: none !important;
}

.sichrom-methods-active-filter-chip {
    background: #eef7ff;

    border: 1px solid #d1e7fa;

    color: #315c84;
}

.sichrom-methods-active-filter-chip span {
    color: #7a91a8;
}

.sichrom-methods-active-filter-reset {
    background: #fff;

    border: 1px solid #e0e7ee;

    color: #74859a;
}

@media (max-width: 760px) {

    .sichrom-methods-multifilter-panel {
        position: fixed;

        z-index: 99999;

        top: 50%;
        left: 50%;

        width: min(92vw, 420px);
        max-height: 76vh;

        transform: translate(-50%, -50%);
    }

    .sichrom-methods-multifilter-options {
        max-height: calc(76vh - 110px);
    }
}


/* ==================================================
   SICHROM v27 — METHODS FILTER UX + REQUEST FORM
   ================================================== */

.sichrom-methods-multifilter-option small {
    display: none !important;
}

.sichrom-methods-multifilter-option.is-empty {
    color: inherit !important;
    cursor: pointer !important;
}

.sichrom-methods-multifilter-option.is-empty:hover {
    background: #f4f9ff !important;
}

.sichrom-methods-multifilter-clear,
.sichrom-methods-multifilter-apply {
    min-height: 29px;
    margin: 0 !important;
    padding: 5px 9px !important;
    border-radius: 6px !important;
    font-size: 9px !important;
    line-height: 1 !important;
}

.sichrom-methods-multifilter-clear {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #75869a !important;
}

.sichrom-methods-multifilter-apply {
    background: #eef7ff !important;
    border: 1px solid #cfe5f8 !important;
    color: #0877dc !important;
}

.sichrom-method-request {
    display: grid;
    grid-template-columns:
        minmax(240px, .72fr)
        minmax(0, 1.28fr);
    gap: 18px;
    margin-top: 14px;
    padding: 16px;
    background: #f8fbff;
    border: 1px solid #dce8f4;
    border-radius: 14px;
}

.sichrom-method-request-eyebrow {
    display: block;
    margin-bottom: 4px;
    color: #0877dc;
    font-size: 10px;
    font-weight: 650;
}

.sichrom-method-request-copy h3 {
    margin: 0 0 6px;
    color: #183a61;
    font-size: 18px;
    line-height: 1.25;
}

.sichrom-method-request-copy p {
    margin: 0;
    color: #66788d;
    font-size: 11px;
    line-height: 1.5;
}

.sichrom-method-request-form {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

.sichrom-method-request-form label {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.sichrom-method-request-form label > span {
    color: #405670;
    font-size: 10px;
    font-weight: 600;
}

.sichrom-method-request-form input,
.sichrom-method-request-form select,
.sichrom-method-request-form textarea {
    width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
    border: 1px solid #d9e4ef !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 10px !important;
}

.sichrom-method-request-wide,
.sichrom-method-request-submit {
    grid-column: 1 / -1;
}

.sichrom-method-request-submit .button {
    min-height: 36px;
    margin: 0 !important;
    padding: 8px 13px !important;
    border-radius: 7px !important;
}

.sichrom-method-request-success {
    margin: 10px 0;
    padding: 9px 11px;
    background: #effaf3;
    border: 1px solid #cfe9d7;
    border-radius: 8px;
    color: #356a47;
    font-size: 10px;
}

@media (max-width: 800px) {

    .sichrom-method-request {
        grid-template-columns: 1fr;
    }

    .sichrom-method-request-form {
        grid-template-columns: 1fr;
    }

    .sichrom-method-request-wide,
    .sichrom-method-request-submit {
        grid-column: auto;
    }
}

/* ==================================================
   SICHROM — V28 CATALOG POLISH
   ================================================== */

/* Hide the large native BeTheme archive title, but keep our branded crumbs. */
body.woocommerce-shop #Subheader,
body.tax-product_cat #Subheader {
    display: none !important;
}

body.woocommerce-shop #Content,
body.tax-product_cat #Content {
    padding-top: 20px !important;
}


/* ---------- Branded breadcrumbs ---------- */

.sichrom-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    width: 100%;

    margin: 0 0 16px;
    padding: 0 2px;

    box-sizing: border-box;
}

.sichrom-breadcrumb-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    min-height: 34px;

    padding: 5px 9px;

    color: #62758b !important;

    text-decoration: none !important;

    border-radius: 10px;

    transition:
        background-color .18s ease,
        color .18s ease;
}

.sichrom-breadcrumb-item[href]:hover {
    background: #f1f7fd;
    color: #0877dc !important;
}

.sichrom-breadcrumb-item.is-current {
    color: #16355d !important;
}

.sichrom-breadcrumb-copy {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.sichrom-breadcrumb-copy strong {
    color: inherit;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.15;
}

.sichrom-breadcrumb-copy small {
    color: #9aa8b8;
    font-size: 9px;
    font-weight: 400;
    line-height: 1.1;
}

.sichrom-breadcrumb-separator {
    color: #c1ccd8;
    font-size: 18px;
    line-height: 1;
}

.sichrom-breadcrumb-icon {
    display: inline-block;
    flex: 0 0 20px;

    width: 20px;
    height: 20px;

    background-color: currentColor;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.sichrom-breadcrumb-icon-home {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10v10h13V10'/%3E%3Cpath d='M9.5 20v-6h5v6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5.5 10v10h13V10'/%3E%3Cpath d='M9.5 20v-6h5v6'/%3E%3C/svg%3E");
}

.sichrom-breadcrumb-icon-column {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h16v4H4z'/%3E%3Cpath d='M2.5 11h1.5v2H2.5M20 11h1.5v2H20'/%3E%3Cpath d='M6 8v2M18 8v2M6 14v2M18 14v2'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h16v4H4z'/%3E%3Cpath d='M2.5 11h1.5v2H2.5M20 11h1.5v2H20'/%3E%3Cpath d='M6 8v2M18 8v2M6 14v2M18 14v2'/%3E%3C/svg%3E");
}

.sichrom-breadcrumb-icon-chromatogram {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19h18'/%3E%3Cpath d='M4 17l3-2 2-5 3 7 3-11 2 9 3-2'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19h18'/%3E%3Cpath d='M4 17l3-2 2-5 3 7 3-11 2 9 3-2'/%3E%3C/svg%3E");
}

.sichrom-breadcrumb-icon-compare {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h11l-3-3M18 7l-3 3M17 17H6l3 3M6 17l3-3'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h11l-3-3M18 7l-3 3M17 17H6l3 3M6 17l3-3'/%3E%3C/svg%3E");
}

.sichrom-breadcrumb-icon-selector {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3Ccircle cx='8' cy='6' r='1.6'/%3E%3Ccircle cx='15' cy='12' r='1.6'/%3E%3Ccircle cx='12' cy='18' r='1.6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3Ccircle cx='8' cy='6' r='1.6'/%3E%3Ccircle cx='15' cy='12' r='1.6'/%3E%3Ccircle cx='12' cy='18' r='1.6'/%3E%3C/svg%3E");
}

.sichrom-breadcrumb-icon-generic {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M15 3v4h4'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M15 3v4h4'/%3E%3C/svg%3E");
}


/* ---------- Catalog intro ---------- */

.sichrom-catalog-archive-intro {
    margin-bottom: 16px !important;

    padding: 20px 22px !important;

    background:
        radial-gradient(circle at 92% 18%, rgba(22,139,242,.09), transparent 26%),
        linear-gradient(135deg, #f8fcff 0%, #eff7ff 100%) !important;

    border-color: #d5e6f6 !important;
    border-radius: 18px !important;
}

.sichrom-catalog-archive-intro h2 {
    font-size: 24px !important;
}

.sichrom-catalog-archive-points {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-content: center;
    justify-content: flex-start !important;
    gap: 7px !important;
}

.sichrom-catalog-archive-points span {
    display: inline-flex;
    align-items: center;

    min-height: 30px;

    padding: 5px 10px !important;

    background: rgba(255,255,255,.75);

    border: 1px solid #d7e7f6;
    border-radius: 999px;

    color: #526b84 !important;

    font-size: 11px !important;
    font-weight: 600;
}

.sichrom-catalog-archive-points span::before {
    position: static !important;

    flex: 0 0 6px;

    width: 6px !important;
    height: 6px !important;

    margin-right: 7px;

    background: #168bf2 !important;
    border: 0 !important;
}


/* ---------- Toolbar: clear two-row hierarchy ---------- */

.sichrom-catalog-toolbar {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;

    gap: 10px !important;

    padding: 15px 16px !important;
}

.sichrom-catalog-toolbar-main {
    grid-template-columns:
        minmax(300px, 1.8fr)
        minmax(210px, .7fr) !important;
}

.sichrom-catalog-toolbar-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    min-height: auto !important;

    padding-top: 9px !important;

    border-top: 1px solid #edf2f7;
}

.sichrom-catalog-result-count {
    color: #718097 !important;
    font-size: 12px !important;
}

.sichrom-catalog-result-count strong {
    color: #16355d !important;
    font-size: 13px !important;
}

.sichrom-catalog-picker-link {
    color: #0877dc !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}


/* ---------- Filter Everything: unified visual language ---------- */

.wpc-filters-widget-main-wrapper {
    border-radius: 16px !important;
}

.wpc-filters-widget-content {
    padding: 8px 12px 10px !important;
}

.wpc-filter-title,
.wpc-filter-title button {
    position: relative;

    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;

    min-height: 48px;

    padding: 8px 4px 7px 36px !important;

    color: #173b64 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Filter title icon/copy is rendered by Technical Schema Registry. */

/* Counts add visual noise in this small B2B catalogue. */
.wpc-filter-count {
    display: none !important;
}

/* Keep filter values uniform instead of mixing visual systems. */
.wpc-filters-ul-list li > a,
.wpc-filters-ul-list li label,
.wpc-term-item-content-wrapper {
    font-size: 13px !important;
}


/* ---------- Product-card image balance ---------- */

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    max-height: 245px;
    object-fit: contain;
}


/* ---------- Responsive ---------- */

@media (max-width: 959px) {

    .sichrom-breadcrumbs {
        margin-bottom: 12px;
    }

    .sichrom-catalog-toolbar-main {
        grid-template-columns: 1fr !important;
    }

    .sichrom-catalog-toolbar-meta {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 6px !important;
    }
}

@media (max-width: 599px) {

    .sichrom-breadcrumb-item {
        padding-left: 5px;
        padding-right: 5px;
    }

    .sichrom-breadcrumb-copy small {
        display: none;
    }

    .sichrom-catalog-archive-points {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .sichrom-catalog-archive-points span {
        width: auto;
    }

    .woocommerce ul.products li.product a img,
    .woocommerce-page ul.products li.product a img {
        max-height: 220px;
    }
}



/* ==================================================
   SICHROM — V29 METHODS + CATALOG UX FIXES
   ================================================== */


/* --------------------------------------------------
   METHODS: search field with a real active state
   -------------------------------------------------- */

.sichrom-methods-catalog-search input[type="search"] {
    color: #263f5f !important;
    font-weight: 500 !important;
    background: #ffffff !important;
}

.sichrom-methods-catalog-search input[type="search"]:not(:placeholder-shown) {
    color: #16355d !important;
    font-weight: 700 !important;
    background: #f4f9ff !important;
    border-color: #7fbcf2 !important;
    box-shadow: 0 0 0 3px rgba(22, 139, 242, .07) !important;
}

.sichrom-methods-catalog-search input[type="search"]::placeholder {
    color: #a7b1bf !important;
    opacity: 1;
}

.sichrom-methods-catalog-search input[type="search"]:focus::placeholder {
    opacity: 0 !important;
}


/* --------------------------------------------------
   METHODS: dropdown rows — checkbox and name inline
   -------------------------------------------------- */

.sichrom-methods-multifilter-options
label.sichrom-methods-multifilter-option {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 9px !important;

    width: 100% !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 7px 8px !important;

    box-sizing: border-box !important;
}

.sichrom-methods-multifilter-options
label.sichrom-methods-multifilter-option
input[type="checkbox"] {
    display: block !important;

    flex: 0 0 15px !important;

    width: 15px !important;
    height: 15px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;
    float: none !important;

    transform: none !important;
}

.sichrom-methods-multifilter-option-name {
    display: block !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #405670 !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;

    text-align: left !important;
}


/* The user can select several values before applying. */
.sichrom-methods-multifilter-option:has(input:checked) {
    background: #eef7ff !important;
}

.sichrom-methods-multifilter-option:has(input:checked)
.sichrom-methods-multifilter-option-name {
    color: #0877dc !important;
    font-weight: 650 !important;
}


/* --------------------------------------------------
   METHODS: visible Apply + Reset outside dropdowns
   -------------------------------------------------- */

.sichrom-methods-catalog-filter-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 8px !important;
}

.sichrom-methods-catalog-apply,
.sichrom-methods-catalog-reset {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    min-width: 96px !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    border-radius: 9px !important;

    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    white-space: nowrap !important;
}

.sichrom-methods-catalog-apply {
    background: #168bf2 !important;
    border: 1px solid #168bf2 !important;
    color: #ffffff !important;
    cursor: pointer !important;
}

.sichrom-methods-catalog-apply:hover {
    background: #0877dc !important;
    border-color: #0877dc !important;
}

.sichrom-methods-catalog-reset {
    background: #ffffff !important;
    border: 1px solid #d6e5f5 !important;
    color: #0877dc !important;
}


/* --------------------------------------------------
   METHODS: request form readability + responsive grid
   -------------------------------------------------- */

.sichrom-method-request {
    grid-template-columns:
        minmax(0, .72fr)
        minmax(0, 1.28fr) !important;

    gap: 26px !important;

    padding: 24px !important;
}

.sichrom-method-request-copy,
.sichrom-method-request-form,
.sichrom-method-request-form label {
    min-width: 0 !important;
}

.sichrom-method-request-eyebrow {
    margin-bottom: 10px !important;

    color: #0877dc !important;

    font-size: 30px !important;
    font-weight: 750 !important;
    line-height: 1.12 !important;
}

.sichrom-method-request-copy h3 {
    margin: 0 0 12px !important;

    font-size: 26px !important;
    line-height: 1.2 !important;
}

.sichrom-method-request-copy p {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.sichrom-method-request-form {
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 18px 16px !important;
}

.sichrom-method-request-form label {
    display: flex !important;
    flex-direction: column !important;

    gap: 8px !important;

    width: 100% !important;
}

.sichrom-method-request-form label > span {
    display: block !important;

    color: #2b4665 !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.sichrom-method-request-form input,
.sichrom-method-request-form select,
.sichrom-method-request-form textarea {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 11px 13px !important;

    color: #243b58 !important;

    background: #ffffff !important;

    border: 1px solid #cfdeec !important;
    border-radius: 9px !important;

    font-size: 15px !important;
    line-height: 1.45 !important;
}

.sichrom-method-request-form input,
.sichrom-method-request-form select {
    min-height: 46px !important;
}

.sichrom-method-request-form textarea {
    min-height: 104px !important;
    resize: vertical !important;
}

.sichrom-method-request-form input::placeholder,
.sichrom-method-request-form textarea::placeholder {
    color: #9aa9b8 !important;
    opacity: 1 !important;

    transition: opacity .12s ease !important;
}

.sichrom-method-request-form input:focus::placeholder,
.sichrom-method-request-form textarea:focus::placeholder {
    opacity: 0 !important;
}

.sichrom-method-request-form input:focus,
.sichrom-method-request-form select:focus,
.sichrom-method-request-form textarea:focus {
    outline: none !important;

    border-color: #168bf2 !important;

    box-shadow: 0 0 0 3px rgba(22, 139, 242, .08) !important;
}


/* Collapse the outer request grid earlier so browser resizing
   never squeezes the form into overlapping columns. */
@media (max-width: 1100px) {

    .sichrom-method-request {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 720px) {

    .sichrom-method-request {
        padding: 18px !important;
    }

    .sichrom-method-request-eyebrow {
        font-size: 25px !important;
    }

    .sichrom-method-request-copy h3 {
        font-size: 22px !important;
    }

    .sichrom-method-request-form {
        grid-template-columns: 1fr !important;
    }

    .sichrom-method-request-wide,
    .sichrom-method-request-submit {
        grid-column: auto !important;
    }

    .sichrom-method-request-form label > span {
        font-size: 17px !important;
    }
}


/* --------------------------------------------------
   CATALOG CARDS: keep image/title safely inside card
   -------------------------------------------------- */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    min-width: 0 !important;
    overflow: hidden !important;
}

.woocommerce ul.products li.product
a.woocommerce-loop-product__link,
.woocommerce-page ul.products li.product
a.woocommerce-loop-product__link,
.woocommerce ul.products li.product
a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product
a.woocommerce-LoopProduct-link {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    display: block !important;

    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    height: 205px !important;
    max-height: 205px !important;

    margin: 12px auto 10px !important;

    object-fit: contain !important;

    border: 0 !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 14px !important;

    box-sizing: border-box !important;

    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;

    font-size: 17px !important;
    line-height: 1.28 !important;
}


/* Dimensions are no longer shown on compact catalog cards. */
.sichrom-catalog-card-dimensions {
    display: none !important;
}


/* Larger compare control after removing dimensions. */
.woocommerce ul.products li.product .sichrom-compare-toggle-inline,
.woocommerce-page ul.products li.product .sichrom-compare-toggle-inline {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: min(150px, calc(100% - 28px)) !important;
    min-height: 38px !important;

    margin: 10px auto 6px !important;
    padding: 8px 16px !important;

    font-size: 12px !important;
    font-weight: 650 !important;
}


/* --------------------------------------------------
   CATALOG TOOLBAR: search/sort only
   -------------------------------------------------- */

.sichrom-catalog-toolbar-meta {
    justify-content: flex-start !important;
}

.sichrom-catalog-picker-link {
    display: none !important;
}


/* --------------------------------------------------
   CATALOG SEARCH: active query and RU/EN technical use
   -------------------------------------------------- */

#sichrom-catalog-search {
    color: #29425f !important;
    font-weight: 500 !important;
}

#sichrom-catalog-search:not(:placeholder-shown) {
    color: #16355d !important;
    font-weight: 700 !important;

    background: #f4f9ff !important;

    border-color: #7fbcf2 !important;

    box-shadow: 0 0 0 3px rgba(22, 139, 242, .07) !important;
}

#sichrom-catalog-search::placeholder {
    color: #a6b2c0 !important;
    opacity: 1 !important;
}

#sichrom-catalog-search:focus::placeholder {
    opacity: 0 !important;
}


@media (max-width: 599px) {

    .woocommerce ul.products li.product a img,
    .woocommerce-page ul.products li.product a img {
        height: 190px !important;
        max-height: 190px !important;
    }
}


/* ==================================================
   SICHROM — V30 CATALOG + METHODS POLISH
   ================================================== */


/* --------------------------------------------------
   1. CATALOG SORTING / PRODUCT GRID
   Force a predictable CSS grid so BeTheme cannot keep
   stale visual positions after JS sorting.
   -------------------------------------------------- */

body.woocommerce-shop ul.products,
body.tax-product_cat ul.products {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 40%)) !important;

    justify-content: start !important;
    align-items: stretch !important;

    column-gap: 22px !important;
    row-gap: 22px !important;

    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.woocommerce-shop ul.products::before,
body.woocommerce-shop ul.products::after,
body.tax-product_cat ul.products::before,
body.tax-product_cat ul.products::after {
    display: none !important;
    content: none !important;
}

body.woocommerce-shop ul.products li.product,
body.tax-product_cat ul.products li.product {
    position: relative !important;

    float: none !important;
    clear: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
}


/* --------------------------------------------------
   2. Cards approximately 20% narrower + centered image
   -------------------------------------------------- */

body.woocommerce-shop ul.products li.product a img,
body.tax-product_cat ul.products li.product a img {
    display: block !important;

    width: 72% !important;
    max-width: 205px !important;

    height: 175px !important;
    max-height: 175px !important;

    margin:
        12px auto
        9px !important;

    object-fit: contain !important;
    object-position: center center !important;
}


/* Give the title a stable compact block */
body.woocommerce-shop ul.products li.product
.woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product
.woocommerce-loop-product__title {
    min-height: 44px !important;

    display: -webkit-box !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden !important;

    font-size: 16px !important;
    line-height: 1.35 !important;
}


/* Compare button now has more visual weight */
body.woocommerce-shop ul.products li.product
.sichrom-compare-toggle-inline,
body.tax-product_cat ul.products li.product
.sichrom-compare-toggle-inline {
    width: min(170px, calc(100% - 28px)) !important;

    min-height: 40px !important;

    margin:
        11px auto
        7px !important;

    font-size: 13px !important;
}


/* Tablet: use the available width normally */
@media (max-width: 1199px) {

    body.woocommerce-shop ul.products,
    body.tax-product_cat ul.products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 18px !important;
        row-gap: 18px !important;
    }
}


/* Mobile: one product per row */
@media (max-width: 700px) {

    body.woocommerce-shop ul.products,
    body.tax-product_cat ul.products {
        grid-template-columns: 1fr !important;
    }

    body.woocommerce-shop ul.products li.product a img,
    body.tax-product_cat ul.products li.product a img {
        width: 68% !important;

        max-width: 210px !important;

        height: 170px !important;
        max-height: 170px !important;
    }
}


/* --------------------------------------------------
   3. SORT CONTROL — make sure it is always visible
   -------------------------------------------------- */

.sichrom-catalog-sort-wrap {
    display: block !important;

    min-width: 190px !important;
}

#sichrom-catalog-sort {
    display: block !important;

    width: 100% !important;

    cursor: pointer !important;
}


/* At narrower content widths stack search and sorting rather
   than pushing the sort field outside the visible area. */
@media (max-width: 1180px) {

    .sichrom-catalog-toolbar {
        grid-template-columns: 1fr !important;
    }

    .sichrom-catalog-toolbar-main {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(180px, 230px) !important;
    }

    .sichrom-catalog-toolbar-meta {
        min-height: 0 !important;
    }
}

@media (max-width: 760px) {

    .sichrom-catalog-toolbar-main {
        grid-template-columns: 1fr !important;
    }

    .sichrom-catalog-sort-wrap {
        min-width: 0 !important;
    }
}


/* --------------------------------------------------
   5. METHOD REQUEST FORM — align every field row
   -------------------------------------------------- */

.sichrom-method-request-form {
    align-items: start !important;

    grid-auto-rows: auto !important;
}

.sichrom-method-request-form label {
    display: grid !important;

    grid-template-rows:
        54px
        auto !important;

    align-content: start !important;

    gap: 8px !important;
}

.sichrom-method-request-form label > span {
    display: flex !important;
    align-items: flex-end !important;

    min-height: 54px !important;

    margin: 0 !important;
}


/* The large textarea/extra conditions row does not need the
   artificial heading height beyond the same baseline system. */
.sichrom-method-request-form
.sichrom-method-request-wide {
    grid-template-rows:
        54px
        auto !important;
}


/* Make paired controls start on exactly the same horizontal line */
.sichrom-method-request-form input,
.sichrom-method-request-form select {
    height: 47px !important;
    min-height: 47px !important;
}

.sichrom-method-request-form textarea {
    margin-top: 0 !important;
}


/* Submit button should start cleanly below the form grid */
.sichrom-method-request-submit {
    align-self: start !important;

    padding-top: 2px !important;
}


@media (max-width: 720px) {

    .sichrom-method-request-form label,
    .sichrom-method-request-form
    .sichrom-method-request-wide {
        grid-template-rows:
            auto
            auto !important;
    }

    .sichrom-method-request-form label > span {
        min-height: 0 !important;

        align-items: flex-start !important;
    }
}


/* ==================================================
   SICHROM — V31 GLOBAL SEARCH
   ================================================== */

.sichrom-global-search {
    --sgs-blue: #087bea;
    --sgs-blue-2: #168bf2;
    --sgs-navy: #08356d;
    --sgs-text: #536f91;
    --sgs-line: #cce1f6;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 1280px;

    margin: 34px auto;
    padding: 56px 42px 42px;

    box-sizing: border-box;

    overflow: visible;

    background:
        radial-gradient(
            circle at 11% 28%,
            rgba(22, 139, 242, .09),
            transparent 22%
        ),
        radial-gradient(
            circle at 92% 14%,
            rgba(22, 139, 242, .11),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #fbfdff 0%,
            #f2f8ff 50%,
            #eaf5ff 100%
        );

    border:
        1px solid
        #d4e6f7;

    border-radius:
        28px;

    box-shadow:
        0 14px 45px
        rgba(18, 63, 105, .07);
}


/* Decorative porous silica particles */

.sichrom-global-search-orb {
    position: absolute;

    z-index: -1;

    border-radius: 50%;

    pointer-events: none;

    opacity: .42;

    background:
        radial-gradient(circle at 28% 30%, rgba(255,255,255,.95) 0 4%, transparent 5%),
        radial-gradient(circle at 63% 22%, rgba(255,255,255,.85) 0 5%, transparent 6%),
        radial-gradient(circle at 42% 62%, rgba(255,255,255,.9) 0 6%, transparent 7%),
        radial-gradient(circle at 75% 67%, rgba(255,255,255,.82) 0 4%, transparent 5%),
        radial-gradient(circle at 20% 75%, rgba(255,255,255,.8) 0 5%, transparent 6%),
        radial-gradient(circle at center, #d7ecff, #b9ddfb 66%, #9bcaf1 100%);

    box-shadow:
        inset 0 0 0 1px rgba(132, 188, 235, .38),
        inset -14px -14px 24px rgba(104, 164, 216, .14);
}

.sichrom-global-search-orb-a {
    left: -48px;
    top: 138px;

    width: 150px;
    height: 150px;
}

.sichrom-global-search-orb-b {
    left: 32px;
    top: 74px;

    width: 58px;
    height: 58px;

    opacity: .22;
}


/* Chromatogram decoration */

.sichrom-global-search-chromatogram {
    position: absolute;

    z-index: -1;

    top: 62px;
    right: 12px;

    width: 300px;
    height: auto;

    color: #7bbcff;

    opacity: .64;

    pointer-events: none;
}


/* Heading */

.sichrom-global-search-head {
    position: relative;

    z-index: 2;

    max-width: 870px;

    margin: 0 auto 28px;

    text-align: center;
}

.sichrom-global-search-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 34px;

    margin-bottom: 18px;
    padding: 0 20px;

    color: #087bea;

    background:
        rgba(225, 240, 255, .88);

    border:
        1px solid
        rgba(153, 200, 242, .24);

    border-radius:
        999px;

    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: .08em;
}

.sichrom-global-search-head h2 {
    margin: 0 0 9px !important;

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

    font-size:
        clamp(
            34px,
            4vw,
            54px
        ) !important;

    font-weight: 800 !important;
    line-height: 1.06 !important;
    letter-spacing: -.035em;
}

.sichrom-global-search-lead {
    margin: 0 0 5px !important;

    color: #657d9a;

    font-size: 18px;
    line-height: 1.45;
}

.sichrom-global-search-en {
    margin: 0 !important;

    color: #91a6bd;

    font-size: 13px;
    line-height: 1.4;
}


/* ==================================================
   HPLC COLUMN SEARCH SHELL
   ================================================== */

.sichrom-global-column {
    position: relative;

    z-index: 20;

    display: grid;

    grid-template-columns:
        96px
        42px
        minmax(0, 1fr)
        42px
        96px;

    align-items: center;

    width:
        min(
            1040px,
            calc(100% - 20px)
        );

    margin:
        42px auto
        0;
}


/* Blue end caps */

.sichrom-global-column-cap {
    position: relative;

    z-index: 4;

    height: 52px;

    background:
        linear-gradient(
            180deg,
            #1694f5 0%,
            #087bea 35%,
            #0062c5 100%
        );

    border:
        1px solid
        #0064bd;

    box-shadow:
        inset 0 3px 4px rgba(255,255,255,.26),
        inset 0 -4px 5px rgba(0,50,105,.22),
        0 7px 14px rgba(30,78,125,.12);
}

.sichrom-global-column-cap-left {
    border-radius:
        15px 8px 8px 15px;
}

.sichrom-global-column-cap-right {
    border-radius:
        8px 15px 15px 8px;
}

.sichrom-global-column-cap span {
    position: absolute;

    inset:
        7px 10px;

    background:
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,.26)
            0 2px,
            rgba(0,58,120,.17)
            2px 4px
        );

    border-radius:
        7px;
}


/* Metallic threaded neck */

.sichrom-global-column-neck {
    position: relative;

    z-index: 3;

    height: 67px;

    background:
        linear-gradient(
            90deg,
            #8898a5 0%,
            #e7edf2 13%,
            #aebbc5 26%,
            #f8fbfd 42%,
            #8e9ca8 58%,
            #eef3f6 78%,
            #8998a5 100%
        );

    border:
        1px solid
        #8998a5;

    box-shadow:
        inset 0 0 0 2px rgba(255,255,255,.56),
        0 6px 12px rgba(32,65,95,.14);
}

.sichrom-global-column-neck-left {
    clip-path:
        polygon(
            0 17%,
            20% 0,
            80% 0,
            100% 17%,
            100% 83%,
            80% 100%,
            20% 100%,
            0 83%
        );
}

.sichrom-global-column-neck-right {
    clip-path:
        polygon(
            0 17%,
            20% 0,
            80% 0,
            100% 17%,
            100% 83%,
            80% 100%,
            20% 100%,
            0 83%
        );
}


/* Main steel tube */

.sichrom-global-column-body {
    position: relative;

    z-index: 5;

    min-width: 0;

    padding: 9px;

    background:
        linear-gradient(
            180deg,
            #d7dfe5 0%,
            #fcfeff 18%,
            #c4d0d9 38%,
            #ffffff 58%,
            #b7c4ce 79%,
            #eef3f6 100%
        );

    border:
        1px solid
        #8796a3;

    border-radius:
        16px;

    box-shadow:
        inset 0 0 0 2px rgba(255,255,255,.75),
        inset 0 5px 8px rgba(255,255,255,.8),
        inset 0 -5px 8px rgba(86,106,124,.16),
        0 11px 24px rgba(42,73,101,.16);
}


/* Actual input */

.sichrom-global-search-form {
    position: relative;

    display: grid;

    grid-template-columns:
        38px
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 8px;

    min-height: 55px;

    padding:
        5px 6px
        5px 12px;

    box-sizing: border-box;

    background:
        rgba(255,255,255,.96);

    border:
        1px solid
        #a9c6df;

    border-radius:
        12px;

    box-shadow:
        inset 0 2px 5px rgba(40,86,128,.06);
}

.sichrom-global-search-glass {
    position: relative;

    width: 21px;
    height: 21px;

    margin-left: 4px;

    border:
        3px solid
        var(--sgs-blue);

    border-radius:
        50%;

    box-sizing: border-box;
}

.sichrom-global-search-glass::after {
    content: "";

    position: absolute;

    right: -7px;
    bottom: -5px;

    width: 9px;
    height: 3px;

    background:
        var(--sgs-blue);

    border-radius:
        999px;

    transform:
        rotate(45deg);
}

.sichrom-global-search-input {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;

    margin: 0 !important;
    padding:
        0 8px !important;

    color:
        #173d66 !important;

    background:
        transparent !important;

    border:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    font-family:
        inherit !important;

    font-size:
        15px !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;
}

.sichrom-global-search-input::placeholder {
    color:
        #8799ae !important;

    opacity: 1;
}

.sichrom-global-search-input:focus::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

.sichrom-global-search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 128px;
    height: 45px;

    margin: 0 !important;
    padding:
        0 22px !important;

    color:
        #ffffff !important;

    background:
        linear-gradient(
            180deg,
            #269af7 0%,
            #087bea 55%,
            #0068ce 100%
        ) !important;

    border:
        1px solid
        #0873d5 !important;

    border-radius:
        11px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        0 4px 11px rgba(0,97,190,.19) !important;

    font-family:
        inherit !important;

    font-size:
        16px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    cursor:
        pointer;

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

.sichrom-global-search-submit:hover {
    transform:
        translateY(-1px);

    filter:
        saturate(1.06);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.26),
        0 6px 15px rgba(0,97,190,.24) !important;
}


/* ==================================================
   AJAX RESULTS
   ================================================== */

.sichrom-global-search-results {
    position: absolute;

    z-index: 100;

    top:
        calc(100% + 11px);

    left: 0;
    right: 0;

    max-height: 470px;

    overflow-y: auto;

    padding: 9px;

    background:
        rgba(255,255,255,.985);

    border:
        1px solid
        #cfe1f3;

    border-radius:
        15px;

    box-shadow:
        0 22px 50px
        rgba(25,60,95,.18);

    text-align: left;
}

.sichrom-global-search-results[hidden] {
    display:
        none !important;
}

.sichrom-global-result-group +
.sichrom-global-result-group {
    margin-top:
        7px;

    padding-top:
        7px;

    border-top:
        1px solid
        #edf3f8;
}

.sichrom-global-result-group-head {
    display: flex;
    align-items: baseline;

    gap: 7px;

    padding:
        5px 8px
        6px;

    color:
        #173f69;
}

.sichrom-global-result-group-head strong {
    font-size:
        12px;

    font-weight:
        750;
}

.sichrom-global-result-group-head span {
    color:
        #9aabba;

    font-size:
        9px;
}

.sichrom-global-result-item {
    display: grid !important;

    grid-template-columns:
        32px
        minmax(0,1fr)
        20px;

    align-items: center;

    gap: 10px;

    min-height: 52px;

    padding:
        7px 8px !important;

    color:
        #213b58 !important;

    border-radius:
        10px;

    text-decoration:
        none !important;

    transition:
        background-color .14s ease;
}

.sichrom-global-result-item:hover,
.sichrom-global-result-item.is-active {
    background:
        #edf7ff;
}

.sichrom-global-result-copy {
    min-width: 0;
}

.sichrom-global-result-copy strong {
    display: block;

    overflow: hidden;

    color:
        #153b64;

    font-size:
        13px;

    font-weight:
        650;

    line-height:
        1.35;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.sichrom-global-result-copy small {
    display: block;

    margin-top: 3px;

    overflow: hidden;

    color:
        #8495a9;

    font-size:
        10px;

    line-height:
        1.35;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}

.sichrom-global-result-arrow {
    color:
        #63a8e9;

    font-size:
        17px;
}

.sichrom-global-result-icon {
    position: relative;

    display: block;

    width: 27px;
    height: 27px;

    color:
        #168bf2;

    background:
        #edf7ff;

    border:
        1px solid
        #d7ebfb;

    border-radius:
        8px;
}

.sichrom-global-result-icon::before {
    content: "";

    position: absolute;

    inset: 6px;

    background:
        currentColor;

    -webkit-mask-repeat:
        no-repeat;

    mask-repeat:
        no-repeat;

    -webkit-mask-position:
        center;

    mask-position:
        center;

    -webkit-mask-size:
        contain;

    mask-size:
        contain;
}

.sichrom-global-result-icon.is-column::before {
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h3V7h12v2h3v6h-3v2H6v-2H3V9Zm5 0v6h8V9H8Z'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h3V7h12v2h3v6h-3v2H6v-2H3V9Zm5 0v6h8V9H8Z'/%3E%3C/svg%3E");
}

.sichrom-global-result-icon.is-equivalent::before {
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h10l-2-2 1.4-1.4L21 8l-4.6 4.4L15 11l2-2H7V7Zm10 10H7l2 2-1.4 1.4L3 16l4.6-4.4L9 13l-2 2h10v2Z'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h10l-2-2 1.4-1.4L21 8l-4.6 4.4L15 11l2-2H7V7Zm10 10H7l2 2-1.4 1.4L3 16l4.6-4.4L9 13l-2 2h10v2Z'/%3E%3C/svg%3E");
}

.sichrom-global-result-icon.is-method::before {
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18h18v2H3v-2Zm1-2 3-2 2-6 3 8 3-11 2 8 3-2v3l-4 2-1-5-3 10-3-8-1 3-4 3-1-3Z'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18h18v2H3v-2Zm1-2 3-2 2-6 3 8 3-11 2 8 3-2v3l-4 2-1-5-3 10-3-8-1 3-4 3-1-3Z'/%3E%3C/svg%3E");
}

.sichrom-global-result-icon.is-document::before,
.sichrom-global-result-icon.is-page::before {
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h8l4 4v16H6V2Zm8 2.5V8h3.5L14 4.5ZM8 11v2h8v-2H8Zm0 4v2h8v-2H8Z'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h8l4 4v16H6V2Zm8 2.5V8h3.5L14 4.5ZM8 11v2h8v-2H8Zm0 4v2h8v-2H8Z'/%3E%3C/svg%3E");
}

.sichrom-global-result-loading,
.sichrom-global-result-empty {
    display: flex;
    flex-direction: column;

    align-items: flex-start;

    gap: 4px;

    padding:
        18px 16px;

    color:
        #7b8fa6;

    font-size:
        12px;
}

.sichrom-global-result-empty strong {
    color:
        #244463;

    font-size:
        14px;
}


/* Language / synonym hint */

.sichrom-global-search-language {
    position: relative;

    z-index: 3;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    margin:
        20px auto
        0;

    color:
        #7188a4;

    font-size:
        12px;

    line-height:
        1.4;

    text-align:
        center;
}

.sichrom-global-search-language-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 27px;

    width: 27px;
    height: 27px;

    color:
        #168bf2;

    background:
        #edf7ff;

    border:
        1px solid
        #d5eafa;

    border-radius:
        50%;

    font-size:
        14px;

    font-weight:
        700;
}

.sichrom-global-search-language strong {
    color:
        #526f90;

    font-weight:
        650;
}


/* Quick destinations */

.sichrom-global-search-links {
    position: relative;

    z-index: 3;

    display: grid;

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

    gap: 12px;

    width:
        min(
            730px,
            calc(100% - 30px)
        );

    margin:
        24px auto
        0;
}

.sichrom-global-search-links a {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 54px;

    padding:
        9px 14px !important;

    color:
        #173e69 !important;

    background:
        rgba(255,255,255,.78);

    border:
        1px solid
        #bddaf4;

    border-radius:
        14px;

    box-shadow:
        0 5px 16px
        rgba(41,91,137,.035);

    font-size:
        13px;

    font-weight:
        650;

    text-decoration:
        none !important;

    transition:
        transform .16s ease,
        border-color .16s ease,
        background-color .16s ease,
        box-shadow .16s ease;
}

.sichrom-global-search-links a:hover {
    transform:
        translateY(-2px);

    background:
        #ffffff;

    border-color:
        #168bf2;

    box-shadow:
        0 8px 18px
        rgba(22,139,242,.09);
}

.sichrom-global-link-icon {
    display: block;

    width: 24px;
    height: 24px;

    background:
        #168bf2;

    -webkit-mask-repeat:
        no-repeat;

    mask-repeat:
        no-repeat;

    -webkit-mask-position:
        center;

    mask-position:
        center;

    -webkit-mask-size:
        contain;

    mask-size:
        contain;
}

.sichrom-global-link-column {
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 9h4V7h12v2h4v6h-4v2H6v-2H2V9Zm6 0v6h8V9H8Z'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 9h4V7h12v2h4v6h-4v2H6v-2H2V9Zm6 0v6h8V9H8Z'/%3E%3C/svg%3E");
}

.sichrom-global-link-equivalent {
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h10l-2-2 1.4-1.4L21 8l-4.6 4.4L15 11l2-2H7V7Zm10 10H7l2 2-1.4 1.4L3 16l4.6-4.4L9 13l-2 2h10v2Z'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h10l-2-2 1.4-1.4L21 8l-4.6 4.4L15 11l2-2H7V7Zm10 10H7l2 2-1.4 1.4L3 16l4.6-4.4L9 13l-2 2h10v2Z'/%3E%3C/svg%3E");
}

.sichrom-global-link-method {
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18h18v2H3v-2Zm1-2 3-2 2-6 3 8 3-11 2 8 3-2v3l-4 2-1-5-3 10-3-8-1 3-4 3-1-3Z'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 18h18v2H3v-2Zm1-2 3-2 2-6 3 8 3-11 2 8 3-2v3l-4 2-1-5-3 10-3-8-1 3-4 3-1-3Z'/%3E%3C/svg%3E");
}

.sichrom-global-link-document {
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h8l4 4v16H6V2Zm8 2.5V8h3.5L14 4.5ZM8 11v2h8v-2H8Zm0 4v2h8v-2H8Z'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h8l4 4v16H6V2Zm8 2.5V8h3.5L14 4.5ZM8 11v2h8v-2H8Zm0 4v2h8v-2H8Z'/%3E%3C/svg%3E");
}


/* ==================================================
   RESPONSIVE
   ================================================== */

@media (max-width: 980px) {

    .sichrom-global-search {
        padding:
            46px 26px
            34px;
    }

    .sichrom-global-search-chromatogram {
        width:
            220px;

        opacity:
            .34;
    }

    .sichrom-global-column {
        grid-template-columns:
            64px
            30px
            minmax(0,1fr)
            30px
            64px;

        width:
            calc(100% - 6px);
    }

    .sichrom-global-column-cap {
        height:
            46px;
    }

    .sichrom-global-column-neck {
        height:
            59px;
    }

    .sichrom-global-search-links {
        grid-template-columns:
            repeat(2, minmax(0,1fr));

        max-width:
            560px;
    }
}


@media (max-width: 680px) {

    .sichrom-global-search {
        margin:
            22px auto;

        padding:
            35px 15px
            25px;

        border-radius:
            22px;

        overflow:
            visible;
    }

    .sichrom-global-search-head {
        margin-bottom:
            22px;
    }

    .sichrom-global-search-kicker {
        min-height:
            30px;

        margin-bottom:
            13px;

        padding:
            0 15px;

        font-size:
            10px;
    }

    .sichrom-global-search-head h2 {
        font-size:
            30px !important;
    }

    .sichrom-global-search-lead {
        font-size:
            14px;
    }

    .sichrom-global-search-en {
        font-size:
            10px;
    }

    .sichrom-global-search-chromatogram {
        top:
            118px;

        right:
            -18px;

        width:
            170px;

        opacity:
            .19;
    }

    .sichrom-global-search-orb-a {
        width:
            105px;

        height:
            105px;

        left:
            -45px;

        top:
            164px;
    }


    /*
     * Keep the HPLC-column visual, but make the metal end fittings
     * compact enough for a phone screen.
     */
    .sichrom-global-column {
        grid-template-columns:
            25px
            15px
            minmax(0,1fr)
            15px
            25px;

        margin-top:
            28px;
    }

    .sichrom-global-column-cap {
        height:
            38px;

        border-radius:
            7px;
    }

    .sichrom-global-column-cap span {
        inset:
            5px;
    }

    .sichrom-global-column-neck {
        height:
            47px;
    }

    .sichrom-global-column-body {
        padding:
            5px;

        border-radius:
            11px;
    }

    .sichrom-global-search-form {
        grid-template-columns:
            27px
            minmax(0,1fr);

        gap:
            4px;

        min-height:
            49px;

        padding:
            4px 7px;
    }

    .sichrom-global-search-glass {
        width:
            17px;

        height:
            17px;

        border-width:
            2px;
    }

    .sichrom-global-search-input {
        height:
            39px !important;

        padding:
            0 4px !important;

        font-size:
            12px !important;
    }

    .sichrom-global-search-submit {
        grid-column:
            1 / -1;

        width:
            100%;

        min-width:
            0;

        height:
            40px;

        margin-top:
            4px !important;

        font-size:
            13px !important;
    }

    .sichrom-global-search-results {
        top:
            calc(100% + 7px);

        left:
            -40px;

        right:
            -40px;

        max-height:
            390px;
    }

    .sichrom-global-search-language {
        align-items:
            flex-start;

        margin-top:
            17px;

        padding:
            0 10px;

        font-size:
            10px;

        text-align:
            left;
    }

    .sichrom-global-search-links {
        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap:
            8px;

        width:
            100%;

        margin-top:
            20px;
    }

    .sichrom-global-search-links a {
        min-height:
            48px;

        padding:
            7px 8px !important;

        font-size:
            11px;
    }

    .sichrom-global-link-icon {
        width:
            20px;

        height:
            20px;
    }
}


/* ==================================================
   SICHROM — V32 GLOBAL SEARCH COMPACT / REALISTIC
   ================================================== */

.sichrom-global-search {
    margin: 18px auto !important;
    padding: 24px 28px 22px !important;

    border-radius: 22px !important;
}

.sichrom-global-search-head {
    max-width: 820px !important;

    margin: 0 auto 14px !important;
}

.sichrom-global-search-kicker {
    min-height: 27px !important;

    margin-bottom: 8px !important;
    padding: 0 14px !important;

    font-size: 10px !important;
}

.sichrom-global-search-head h2 {
    margin-bottom: 4px !important;

    font-size:
        clamp(
            28px,
            3vw,
            40px
        ) !important;

    line-height: 1.03 !important;
}

.sichrom-global-search-lead {
    margin-bottom: 2px !important;

    font-size: 14px !important;
}

.sichrom-global-search-en {
    font-size: 10px !important;
}


/* Decorative graphics become background accents, not layout drivers. */

.sichrom-global-search-chromatogram {
    top: 18px !important;
    right: 8px !important;

    width: 190px !important;

    opacity: .28 !important;
}

.sichrom-global-search-orb-a {
    left: -52px !important;
    top: 74px !important;

    width: 112px !important;
    height: 112px !important;

    opacity: .23 !important;
}

.sichrom-global-search-orb-b {
    display: none !important;
}


/* ==================================================
   REALISTIC ANALYTICAL HPLC COLUMN
   ================================================== */

.sichrom-global-column {
    display: grid !important;

    grid-template-columns:
        118px
        minmax(0, 1fr)
        118px !important;

    align-items: center !important;

    width:
        min(
            980px,
            calc(100% - 12px)
        ) !important;

    margin:
        18px auto
        0 !important;
}


/* Main stainless-steel tube: only slightly thicker than search field. */

.sichrom-global-column-body {
    position: relative !important;

    z-index: 5 !important;

    min-height: 68px !important;

    padding: 6px !important;

    background:
        linear-gradient(
            180deg,
            #f9fbfc 0%,
            #c8d0d6 13%,
            #f7f9fa 31%,
            #aeb9c1 49%,
            #ffffff 66%,
            #c3ccd2 83%,
            #eef2f4 100%
        ) !important;

    border:
        1px solid
        #8b9aa6 !important;

    border-radius:
        12px !important;

    box-shadow:
        inset 0 0 0 2px rgba(255,255,255,.72),
        inset 0 4px 5px rgba(255,255,255,.72),
        inset 0 -4px 5px rgba(72,89,104,.14),
        0 6px 13px rgba(40,67,90,.12) !important;
}


/* Full fitting assembly at both ends:
   small port -> threaded stem -> hex nut -> ferrule -> tube. */

.sichrom-global-column-fitting {
    position: relative !important;

    z-index: 4 !important;

    display: flex !important;
    align-items: center !important;

    height: 58px !important;

    filter:
        drop-shadow(
            0 4px 5px
            rgba(50,70,87,.13)
        );
}

.sichrom-global-column-fitting-left {
    justify-content: flex-end !important;

    margin-right: -2px !important;
}

.sichrom-global-column-fitting-right {
    justify-content: flex-start !important;

    margin-left: -2px !important;
}

.sichrom-global-column-fitting span {
    display: block !important;

    flex: 0 0 auto !important;
}


/* Narrow 1/16" tubing/fitting port */
.sichrom-global-column-port {
    width: 22px !important;
    height: 18px !important;

    background:
        linear-gradient(
            180deg,
            #e8edf0,
            #8f9ca6 45%,
            #f8fafb 68%,
            #7f8c95
        ) !important;

    border:
        1px solid
        #788690 !important;

    border-radius:
        4px !important;
}


/* Threaded male stem */
.sichrom-global-column-thread {
    width: 26px !important;
    height: 27px !important;

    background:
        repeating-linear-gradient(
            90deg,
            #89969f 0 2px,
            #e8edf0 2px 4px,
            #a4afb7 4px 6px
        ) !important;

    border-top:
        1px solid
        #79868f !important;

    border-bottom:
        1px solid
        #79868f !important;
}


/* Hexagonal end nut */
.sichrom-global-column-hex {
    width: 42px !important;
    height: 52px !important;

    background:
        linear-gradient(
            90deg,
            #8e9aa3 0%,
            #e9eef1 19%,
            #a8b3bb 38%,
            #fbfcfd 55%,
            #9ca8b0 74%,
            #e5eaed 100%
        ) !important;

    border:
        1px solid
        #7b8993 !important;

    clip-path:
        polygon(
            17% 0,
            83% 0,
            100% 23%,
            100% 77%,
            83% 100%,
            17% 100%,
            0 77%,
            0 23%
        ) !important;
}


/* Short ferrule/adapter against the tube */
.sichrom-global-column-ferrule {
    width: 28px !important;
    height: 38px !important;

    background:
        linear-gradient(
            90deg,
            #8f9ca5,
            #eef2f4 28%,
            #a8b3ba 52%,
            #f8fafb 72%,
            #89969e
        ) !important;

    border-top:
        1px solid
        #7c8992 !important;

    border-bottom:
        1px solid
        #7c8992 !important;
}


/* Search field fitted inside the tube */
.sichrom-global-search-form {
    min-height: 54px !important;

    grid-template-columns:
        34px
        minmax(0, 1fr)
        auto !important;

    gap: 6px !important;

    padding:
        4px 5px
        4px 10px !important;

    border-radius:
        9px !important;
}

.sichrom-global-search-input {
    height: 44px !important;

    font-size: 14px !important;
}

.sichrom-global-search-submit {
    min-width: 88px !important;
    width: auto !important;

    height: 42px !important;

    padding:
        0 16px !important;

    border-radius:
        9px !important;

    font-size: 14px !important;
}


/* ==================================================
   SEARCH RESULTS PORTAL
   ================================================== */

.sichrom-global-search-results-portal {
    z-index: 2147483000 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;

    box-sizing: border-box !important;

    background:
        rgba(255,255,255,.995) !important;

    border:
        1px solid
        #cbdff2 !important;

    border-radius:
        13px !important;

    box-shadow:
        0 16px 42px
        rgba(25,57,88,.22) !important;

    scrollbar-width: thin;
    scrollbar-color:
        #9dc8ee
        #edf5fc;
}

.sichrom-global-search-results-portal::-webkit-scrollbar {
    width: 8px;
}

.sichrom-global-search-results-portal::-webkit-scrollbar-track {
    background: #edf5fc;
}

.sichrom-global-search-results-portal::-webkit-scrollbar-thumb {
    background: #9dc8ee;

    border-radius: 999px;
}


/* Compact lower helpers */

.sichrom-global-search-language {
    margin-top: 11px !important;

    font-size: 10px !important;
}

.sichrom-global-search-language-icon {
    flex-basis: 22px !important;

    width: 22px !important;
    height: 22px !important;

    font-size: 11px !important;
}

.sichrom-global-search-links {
    gap: 8px !important;

    width:
        min(
            650px,
            calc(100% - 20px)
        ) !important;

    margin-top: 12px !important;
}

.sichrom-global-search-links a {
    min-height: 42px !important;

    padding:
        6px 10px !important;

    border-radius:
        11px !important;

    font-size: 11px !important;
}

.sichrom-global-link-icon {
    width: 19px !important;
    height: 19px !important;
}


/* ==================================================
   TABLET
   ================================================== */

@media (max-width: 900px) {

    .sichrom-global-column {
        grid-template-columns:
            84px
            minmax(0, 1fr)
            84px !important;
    }

    .sichrom-global-column-port {
        width: 14px !important;
    }

    .sichrom-global-column-thread {
        width: 17px !important;
    }

    .sichrom-global-column-hex {
        width: 32px !important;
        height: 46px !important;
    }

    .sichrom-global-column-ferrule {
        width: 21px !important;
    }
}


/* ==================================================
   PHONE
   ================================================== */

@media (max-width: 620px) {

    .sichrom-global-search {
        margin: 12px auto !important;
        padding: 20px 12px 18px !important;

        border-radius: 18px !important;
    }

    .sichrom-global-search-head {
        margin-bottom: 9px !important;
    }

    .sichrom-global-search-kicker {
        display: none !important;
    }

    .sichrom-global-search-head h2 {
        font-size: 25px !important;
    }

    .sichrom-global-search-lead {
        font-size: 12px !important;
    }

    .sichrom-global-search-en {
        font-size: 9px !important;
    }

    .sichrom-global-search-chromatogram {
        width: 120px !important;

        opacity: .15 !important;
    }

    .sichrom-global-search-orb-a {
        width: 80px !important;
        height: 80px !important;
    }

    .sichrom-global-column {
        grid-template-columns:
            42px
            minmax(0, 1fr)
            42px !important;

        width: 100% !important;

        margin-top: 13px !important;
    }

    /*
     * On phones keep only the recognizable hex nut + ferrule silhouette.
     * Tiny threads/ports would consume useful input width.
     */
    .sichrom-global-column-port,
    .sichrom-global-column-thread {
        display: none !important;
    }

    .sichrom-global-column-hex {
        width: 25px !important;
        height: 41px !important;
    }

    .sichrom-global-column-ferrule {
        width: 17px !important;
        height: 32px !important;
    }

    .sichrom-global-column-body {
        min-height: 59px !important;

        padding: 4px !important;

        border-radius: 9px !important;
    }

    .sichrom-global-search-form {
        min-height: 49px !important;

        grid-template-columns:
            27px
            minmax(0,1fr)
            auto !important;

        padding:
            3px 4px
            3px 7px !important;
    }

    .sichrom-global-search-glass {
        width: 16px !important;
        height: 16px !important;
    }

    .sichrom-global-search-input {
        height: 40px !important;

        font-size: 11px !important;
    }

    .sichrom-global-search-submit {
        grid-column: auto !important;

        min-width: 58px !important;
        width: auto !important;

        height: 38px !important;

        margin: 0 !important;
        padding: 0 9px !important;

        font-size: 11px !important;
    }

    .sichrom-global-search-language {
        margin-top: 9px !important;

        padding: 0 4px !important;
    }

    .sichrom-global-search-links {
        grid-template-columns:
            repeat(4, minmax(0,1fr)) !important;

        gap: 4px !important;

        width: 100% !important;

        margin-top: 9px !important;
    }

    .sichrom-global-search-links a {
        min-height: 37px !important;

        gap: 4px !important;

        padding: 4px !important;

        font-size: 9px !important;
    }

    .sichrom-global-link-icon {
        width: 15px !important;
        height: 15px !important;
    }
}


/* ==================================================
   SICHROM — V33 SMART SEARCH / CHROMATOGRAM / FITTINGS
   ================================================== */


/* --------------------------------------------------
   Full-width chromatogram running behind the heading
   -------------------------------------------------- */

.sichrom-global-search {
    overflow: visible !important;
}

.sichrom-global-search-head {
    position: relative !important;

    z-index: 3 !important;
}

.sichrom-global-search-chromatogram {
    position: absolute !important;

    z-index: 1 !important;

    top: 27px !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    height: 145px !important;

    color: #3fa1f2 !important;

    opacity: .62 !important;

    pointer-events: none !important;

    overflow: visible !important;
}

.sichrom-global-search-chromatogram-baseline {
    fill: none !important;

    stroke: rgba(79, 162, 232, .18) !important;
    stroke-width: 1 !important;
}

.sichrom-global-search-chromatogram-trace {
    fill: none !important;

    stroke: currentColor !important;
    stroke-width: 2.1 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    vector-effect: non-scaling-stroke;

    stroke-dasharray: 1400 !important;
    stroke-dashoffset: 1400 !important;

    animation:
        sichrom-global-chromatogram-live
        8.5s
        linear
        infinite !important;

    filter:
        drop-shadow(
            0 0 2px
            rgba(63,161,242,.12)
        );
}


/*
 * Looks like a live detector trace being drawn from left to right.
 * A short fade/reset is deliberate, so the next cycle reads as a new run.
 */
@keyframes sichrom-global-chromatogram-live {

    0% {
        stroke-dashoffset: 1400;
        opacity: 0;
    }

    5% {
        opacity: .82;
    }

    82% {
        stroke-dashoffset: 0;
        opacity: .82;
    }

    94% {
        stroke-dashoffset: 0;
        opacity: .58;
    }

    100% {
        stroke-dashoffset: 0;
        opacity: 0;
    }
}


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

    .sichrom-global-search-chromatogram-trace {
        animation: none !important;

        stroke-dashoffset: 0 !important;

        opacity: .62 !important;
    }
}


/* Keep title readable over the moving chromatogram. */

.sichrom-global-search-kicker,
.sichrom-global-search-head h2,
.sichrom-global-search-lead,
.sichrom-global-search-en {
    position: relative !important;

    z-index: 2 !important;
}

.sichrom-global-search-head h2 {
    text-shadow:
        0 1px 0 rgba(255,255,255,.92),
        0 0 14px rgba(247,251,255,.92) !important;
}

.sichrom-global-search-lead,
.sichrom-global-search-en {
    text-shadow:
        0 1px 0 rgba(255,255,255,.9),
        0 0 10px rgba(247,251,255,.95) !important;
}


/* --------------------------------------------------
   Remove decorative silica orbs from this compact block
   -------------------------------------------------- */

.sichrom-global-search-orb {
    display: none !important;
}


/* --------------------------------------------------
   Cleaner, more realistic compact HPLC fittings
   -------------------------------------------------- */

.sichrom-global-column {
    grid-template-columns:
        78px
        minmax(0, 1fr)
        78px !important;

    width:
        min(
            980px,
            calc(100% - 14px)
        ) !important;
}

.sichrom-global-column-fitting {
    height: 48px !important;

    gap: 0 !important;

    filter:
        drop-shadow(
            0 2px 3px
            rgba(55,73,89,.13)
        ) !important;
}


/* Thin central flow port / tube. */
.sichrom-global-column-port {
    width: 17px !important;
    height: 10px !important;

    background:
        linear-gradient(
            180deg,
            #f5f7f8 0%,
            #a9b3ba 43%,
            #7e8a92 55%,
            #eef2f4 100%
        ) !important;

    border:
        1px solid
        #7c8991 !important;

    border-radius:
        2px !important;
}


/* Short threaded stem, not a giant decorative section. */
.sichrom-global-column-thread {
    width: 20px !important;
    height: 22px !important;

    background:
        repeating-linear-gradient(
            90deg,
            #87939b 0 1px,
            #dfe4e7 1px 3px,
            #9da8af 3px 4px
        ) !important;

    border-top:
        1px solid
        #7d8991 !important;

    border-bottom:
        1px solid
        #7d8991 !important;
}


/* One compact hex end nut directly next to the body. */
.sichrom-global-column-hex {
    width: 39px !important;
    height: 44px !important;

    background:
        linear-gradient(
            90deg,
            #7f8b94 0%,
            #dce2e6 18%,
            #a7b1b8 36%,
            #f7f9fa 54%,
            #9aa5ad 73%,
            #e8ecef 100%
        ) !important;

    border:
        1px solid
        #78858e !important;

    clip-path:
        polygon(
            16% 0,
            84% 0,
            100% 24%,
            100% 76%,
            84% 100%,
            16% 100%,
            0 76%,
            0 24%
        ) !important;
}


/* Old ferrule no longer used in v33. */
.sichrom-global-column-ferrule {
    display: none !important;
}


/* Body remains only slightly thicker than the input itself. */
.sichrom-global-column-body {
    min-height: 64px !important;

    padding: 5px !important;

    border-radius: 10px !important;
}

.sichrom-global-search-form {
    min-height: 52px !important;

    border-radius: 8px !important;
}

.sichrom-global-search-submit {
    min-width: 82px !important;

    height: 40px !important;

    padding:
        0 14px !important;
}


/* --------------------------------------------------
   Compact spacing: chromatogram adds motion, not height
   -------------------------------------------------- */

.sichrom-global-search {
    padding:
        20px 26px
        18px !important;
}

.sichrom-global-search-head {
    margin-bottom: 8px !important;
}

.sichrom-global-column {
    margin-top: 12px !important;
}

.sichrom-global-search-language {
    margin-top: 8px !important;
}

.sichrom-global-search-links {
    margin-top: 9px !important;
}


/* --------------------------------------------------
   Mobile
   -------------------------------------------------- */

@media (max-width: 620px) {

    .sichrom-global-search {
        padding:
            17px 10px
            15px !important;
    }

    .sichrom-global-search-chromatogram {
        top: 24px !important;

        height: 118px !important;

        opacity: .38 !important;
    }

    .sichrom-global-column {
        grid-template-columns:
            34px
            minmax(0, 1fr)
            34px !important;

        width: 100% !important;
    }

    .sichrom-global-column-thread {
        display: none !important;
    }

    .sichrom-global-column-port {
        width: 9px !important;
        height: 8px !important;
    }

    .sichrom-global-column-hex {
        width: 25px !important;
        height: 38px !important;
    }

    .sichrom-global-column-body {
        min-height: 56px !important;

        padding: 4px !important;
    }

    .sichrom-global-search-form {
        min-height: 46px !important;
    }

    .sichrom-global-search-submit {
        min-width: 54px !important;

        height: 36px !important;

        padding:
            0 8px !important;

        font-size: 10px !important;
    }
}


/* ==================================================
   SICHROM — V34 LIVE HPLC CHROMATOGRAM
   ================================================== */

.sichrom-global-search-chromatogram {
    top: 24px !important;

    height: 150px !important;

    opacity: .72 !important;

    color: #2394ef !important;
}

.sichrom-global-search-chromatogram-baseline {
    fill: none !important;

    stroke: rgba(35, 148, 239, .16) !important;
    stroke-width: 1 !important;
}

.sichrom-global-search-chromatogram-track {
    transform-box: fill-box;
    transform-origin: center;

    animation:
        sichrom-global-chromatogram-scroll
        10s
        linear
        infinite !important;
}

.sichrom-global-search-chromatogram-trace {
    fill: none !important;

    stroke: #178ce8 !important;
    stroke-width: 2.6 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    vector-effect: non-scaling-stroke;

    opacity: .92 !important;

    filter:
        drop-shadow(
            0 0 2px
            rgba(23,140,232,.16)
        );

    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;

    animation: none !important;
}

.sichrom-global-search-chromatogram-trace-secondary {
    fill: none !important;

    stroke: #62b3f4 !important;
    stroke-width: 1.55 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    vector-effect: non-scaling-stroke;

    opacity: .34 !important;
}


/*
 * Two overlaid HPLC traces move together slowly, so the background feels
 * like a detector stream rather than a line being "drawn".
 */
@keyframes sichrom-global-chromatogram-scroll {

    0% {
        transform: translateX(-1.5%);
    }

    50% {
        transform: translateX(1.5%);
    }

    100% {
        transform: translateX(-1.5%);
    }
}


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

    .sichrom-global-search-chromatogram-track {
        animation: none !important;

        transform: none !important;
    }
}


/* Keep the chromatogram visible but subordinate to the text. */

.sichrom-global-search-head h2 {
    text-shadow:
        0 1px 0 #ffffff,
        0 0 10px rgba(255,255,255,.98),
        0 0 20px rgba(255,255,255,.88) !important;
}

.sichrom-global-search-lead,
.sichrom-global-search-en {
    text-shadow:
        0 1px 0 #ffffff,
        0 0 8px rgba(255,255,255,.96) !important;
}


/* Phone: still clearly reads as peaks, but less dominant. */

@media (max-width: 620px) {

    .sichrom-global-search-chromatogram {
        top: 21px !important;

        height: 112px !important;

        opacity: .48 !important;
    }

    .sichrom-global-search-chromatogram-trace {
        stroke-width: 2.2 !important;
    }

    .sichrom-global-search-chromatogram-trace-secondary {
        stroke-width: 1.25 !important;
    }
}


/* ==================================================
   SICHROM — V35 SINGLE LIVE CHROMATOGRAM
   ================================================== */

/*
 * V35 intentionally renders ONE chromatogram only.
 * It is revealed left-to-right: first peak, then the next, etc.,
 * like watching detector data arrive during a live run.
 */

.sichrom-global-search-chromatogram {
    top: 30px !important;
    left: 0 !important;

    width: 100% !important;
    height: 132px !important;

    opacity: .62 !important;

    color: #2394ef !important;

    z-index: 1 !important;
}

.sichrom-global-search-chromatogram-track,
.sichrom-global-search-chromatogram-trace-secondary {
    display: none !important;
}

.sichrom-global-search-chromatogram-baseline {
    fill: none !important;

    stroke: rgba(35, 148, 239, .12) !important;
    stroke-width: 1 !important;
}

.sichrom-global-search-chromatogram-trace {
    display: block !important;

    fill: none !important;

    stroke: #1590ec !important;
    stroke-width: 2.45 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    vector-effect: non-scaling-stroke;

    opacity: .88 !important;

    /*
     * This is the live effect:
     * at 0% nothing is visible;
     * the path is progressively revealed,
     * so peaks appear one after another.
     */
    stroke-dasharray: 1600 !important;
    stroke-dashoffset: 1600 !important;

    animation:
        sichrom-global-live-run
        11s
        linear
        infinite !important;

    filter:
        drop-shadow(
            0 0 1.5px
            rgba(21,144,236,.15)
        ) !important;
}

@keyframes sichrom-global-live-run {

    0% {
        stroke-dashoffset: 1600;
        opacity: .18;
    }

    4% {
        opacity: .88;
    }

    86% {
        stroke-dashoffset: 0;
        opacity: .88;
    }

    /*
     * Briefly hold the completed chromatogram so the user
     * can see the finished run.
     */
    94% {
        stroke-dashoffset: 0;
        opacity: .88;
    }

    /*
     * Fade before the next simulated injection/run.
     */
    100% {
        stroke-dashoffset: 0;
        opacity: 0;
    }
}


/*
 * Keep the title clearly above the chromatogram.
 * The SVG itself also has a center-opacity mask,
 * so the signal remains visible across the block
 * without visually crossing the letters.
 */
.sichrom-global-search-head {
    z-index: 4 !important;
}

.sichrom-global-search-kicker,
.sichrom-global-search-head h2,
.sichrom-global-search-lead,
.sichrom-global-search-en {
    z-index: 5 !important;
}

.sichrom-global-search-head h2 {
    text-shadow:
        0 0 8px #f7fbff,
        0 0 14px #f7fbff,
        0 1px 0 #ffffff !important;
}

.sichrom-global-search-lead,
.sichrom-global-search-en {
    text-shadow:
        0 0 7px #f7fbff,
        0 1px 0 #ffffff !important;
}


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

    .sichrom-global-search-chromatogram-trace {
        animation: none !important;

        stroke-dashoffset: 0 !important;

        opacity: .62 !important;
    }
}


@media (max-width: 620px) {

    .sichrom-global-search-chromatogram {
        top: 26px !important;

        height: 106px !important;

        opacity: .43 !important;
    }

    .sichrom-global-search-chromatogram-trace {
        stroke-width: 2.1 !important;

        animation-duration: 10s !important;
    }
}


/* ==================================================
   SICHROM — V36 STATIC CHROMATOGRAM
   Static thin chromatogram with symmetric peaks.
   ================================================== */

.sichrom-global-search-chromatogram {
    top: 26px !important;
    left: 0 !important;
    width: 100% !important;
    height: 120px !important;
    opacity: .52 !important;
    color: #5aa9ee !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.sichrom-global-search-chromatogram-track,
.sichrom-global-search-chromatogram-trace-secondary {
    display: none !important;
}

.sichrom-global-search-chromatogram-baseline {
    fill: none !important;
    stroke: rgba(63, 147, 223, .12) !important;
    stroke-width: 1 !important;
}

.sichrom-global-search-chromatogram-trace {
    display: block !important;
    fill: none !important;
    stroke: rgba(63, 147, 223, .82) !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    vector-effect: non-scaling-stroke !important;
    opacity: .85 !important;
    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;
    animation: none !important;
    filter: none !important;
}

.sichrom-global-search-head {
    position: relative !important;
    z-index: 4 !important;
}

.sichrom-global-search-kicker,
.sichrom-global-search-head h2,
.sichrom-global-search-lead,
.sichrom-global-search-en {
    position: relative !important;
    z-index: 5 !important;
}

.sichrom-global-search-head h2 {
    text-shadow: 0 0 8px rgba(247,251,255,.95), 0 0 18px rgba(247,251,255,.95), 0 1px 0 #fff !important;
}

.sichrom-global-search-lead,
.sichrom-global-search-en {
    text-shadow: 0 0 6px rgba(247,251,255,.92), 0 1px 0 #fff !important;
}

@media (max-width: 991px) {
    .sichrom-global-search-chromatogram {
        top: 22px !important;
        height: 100px !important;
        opacity: .46 !important;
    }

    .sichrom-global-search-chromatogram-trace {
        stroke-width: 1.7 !important;
    }
}

@media (max-width: 620px) {
    .sichrom-global-search-chromatogram {
        top: 20px !important;
        height: 78px !important;
        opacity: .36 !important;
    }

    .sichrom-global-search-chromatogram-trace {
        stroke-width: 1.45 !important;
    }
}


/* ==================================================
   SICHROM — V37 STATIC CHROMATOGRAM: NARROW + BOTTOM
   ================================================== */

/*
 * 1) Peak geometry is narrowed in the SVG path itself.
 * 2) The entire chromatogram now sits at the very bottom of the block,
 *    behind the buttons and all interactive content.
 */

.sichrom-global-search {
    position: relative !important;
    isolation: isolate !important;
}

.sichrom-global-search-chromatogram {
    top: auto !important;
    bottom: 4px !important;
    left: 0 !important;

    width: 100% !important;
    height: 92px !important;

    opacity: .42 !important;

    z-index: 0 !important;

    pointer-events: none !important;
}

/* Keep every functional/content layer above the chromatogram. */
.sichrom-global-search-head,
.sichrom-global-column,
.sichrom-global-search-language,
.sichrom-global-search-links {
    position: relative !important;
    z-index: 3 !important;
}

.sichrom-global-search-kicker,
.sichrom-global-search-head h2,
.sichrom-global-search-lead,
.sichrom-global-search-en {
    position: relative !important;
    z-index: 4 !important;
}

/* A thinner, quieter background trace. */
.sichrom-global-search-chromatogram-baseline {
    stroke: rgba(63, 147, 223, .08) !important;
    stroke-width: .8 !important;
}

.sichrom-global-search-chromatogram-trace {
    stroke: rgba(63, 147, 223, .66) !important;
    stroke-width: 1.55 !important;

    opacity: .78 !important;

    animation: none !important;
    stroke-dasharray: none !important;
    stroke-dashoffset: 0 !important;

    filter: none !important;
}

/* No text-shadow is needed now because the trace no longer sits behind the title. */
.sichrom-global-search-head h2,
.sichrom-global-search-lead,
.sichrom-global-search-en {
    text-shadow: none !important;
}

@media (max-width: 991px) {

    .sichrom-global-search-chromatogram {
        bottom: 2px !important;

        height: 78px !important;

        opacity: .34 !important;
    }

    .sichrom-global-search-chromatogram-trace {
        stroke-width: 1.4 !important;
    }
}

@media (max-width: 620px) {

    .sichrom-global-search-chromatogram {
        bottom: 0 !important;

        height: 60px !important;

        opacity: .27 !important;
    }

    .sichrom-global-search-chromatogram-trace {
        stroke-width: 1.2 !important;
    }
}


/* ==================================================
   SICHROM — V62 COLUMN SELECTOR REDESIGN
   Approved selector-card standard
   ================================================== */
.sichrom-column-selector{--b:#168bf2;--bd:#0877dc;--n:#163f69;--t:#607892;--m:#94a8bb;--l:#d6e6f4;max-width:1220px;margin:0 auto;box-sizing:border-box}
.sichrom-selector-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:28px;align-items:center;margin-bottom:18px;padding:28px 30px;background:radial-gradient(circle at 90% 10%,rgba(22,139,242,.10),transparent 28%),linear-gradient(135deg,#fbfdff,#eef7ff);border:1px solid #d5e6f5;border-radius:24px;box-shadow:0 10px 30px rgba(28,73,116,.05)}
.sichrom-selector-eyebrow{display:inline-flex;margin-bottom:7px;color:var(--b);font-size:11px;font-weight:800;letter-spacing:.12em}.sichrom-selector-head h1{margin:0 0 4px!important;color:var(--n)!important;font-size:clamp(32px,3vw,44px)!important;font-weight:800!important;line-height:1.08!important}.sichrom-selector-head-en{margin:2px 0 11px;color:#90a5b8;font-size:13px;line-height:1.15}.sichrom-selector-head p{margin:0!important;color:var(--t);font-size:15px;line-height:1.55}.sichrom-selector-head-note{display:flex;gap:11px;padding:15px 16px;background:rgba(255,255,255,.76);border:1px solid #d8e8f6;border-radius:15px}.sichrom-selector-head-note>b{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;color:var(--b);background:#edf7ff;border:1px solid #d4eafa;border-radius:50%;font-size:14px}.sichrom-selector-head-note strong{display:block;margin-bottom:3px;color:#234666;font-size:14px}.sichrom-selector-head-note span{color:#6d8398;font-size:12px;line-height:1.45}
.sichrom-selector-progress{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;margin:0 auto 18px}.sichrom-selector-progress button{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:1 1 0!important;width:auto!important;min-width:0!important;height:42px!important;margin:0!important;padding:0 11px!important;color:#688096!important;background:#fff!important;border:1px solid #cfdfed!important;border-radius:13px!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important;line-height:1!important;white-space:nowrap}.sichrom-selector-progress button b{color:#8fb9df;font-size:13px;font-weight:800}.sichrom-selector-progress button.is-active{color:#fff!important;background:var(--b)!important;border-color:var(--b)!important;box-shadow:0 5px 14px rgba(22,139,242,.12)!important}.sichrom-selector-progress button.is-active b{color:#fff}.sichrom-selector-progress button.is-complete{color:#2f6e9e!important;background:#edf7ff!important;border-color:#aad3f5!important}.sichrom-selector-progress button.is-available:not(:disabled){cursor:pointer!important;opacity:1!important}.sichrom-selector-progress button:disabled{cursor:default!important;opacity:.64!important}.sichrom-selector-progress>i{flex:0 0 auto;color:#a4b9ca;font-style:normal;font-size:14px}
.sichrom-selector-form,.sichrom-selector-results{padding:28px;background:#fff;border:1px solid #d7e6f4;border-radius:24px;box-shadow:0 10px 30px rgba(30,73,112,.045)}.sichrom-selector-step{animation:scsIn .18s ease}@keyframes scsIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.sichrom-selector-step-head{position:relative;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e8f0f7}.sichrom-selector-step-head>span{display:inline-flex;margin-bottom:5px;color:var(--b);font-size:13px;font-weight:800;letter-spacing:.08em}.sichrom-selector-step-head h2{display:flex;align-items:center;gap:8px;margin:0 0 2px!important;color:var(--n)!important;font-size:29px!important;font-weight:780!important;line-height:1.15!important}.sichrom-selector-step-head>small{display:block;color:#91a5b8;font-size:12px}.sichrom-selector-step h3{margin:7px 0 10px!important;color:#294a68!important;font-size:17px!important;font-weight:750!important}.sichrom-selector-step h3 small{display:block;margin-top:2px;color:#96a9bb;font-size:11px;font-weight:400}.sichrom-selector-info{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:25px!important;height:25px!important;margin:0!important;padding:0!important;color:var(--b)!important;background:#edf7ff!important;border:1px solid #cfe6f8!important;border-radius:50%!important;box-shadow:none!important;font-size:12px!important}.sichrom-selector-info-popover{position:absolute;z-index:10;top:0;right:0;width:min(410px,100%);padding:16px;background:#fff;border:1px solid #cfe2f3;border-radius:13px;box-shadow:0 15px 35px rgba(32,69,104,.13);color:#607890;font-size:12px;line-height:1.55}.sichrom-selector-info-popover strong{display:block;margin-bottom:6px;color:#244767;font-size:13px}.sichrom-selector-info-popover p{margin:0 0 8px!important;font-size:12px!important;line-height:1.55!important}
.sichrom-selector-grid{display:grid!important;width:100%!important;gap:12px!important;align-items:stretch!important;margin-bottom:22px!important}.sichrom-selector-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sichrom-selector-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sichrom-selector-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.sichrom-selector-choice{display:block!important;width:auto!important;max-width:none!important;height:100%!important;margin:0!important;cursor:pointer}.sichrom-selector-choice>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sichrom-selector-choice-card{position:relative;display:flex!important;align-items:flex-start!important;width:100%!important;min-height:124px!important;height:100%!important;padding:18px!important;box-sizing:border-box!important;overflow:hidden;background:linear-gradient(180deg,#fbfdff 0%,#f6fbff 100%)!important;border:1.5px solid #d7e7f4!important;border-radius:17px!important;box-shadow:none!important;transition:.16s ease}.sichrom-selector-choice:hover .sichrom-selector-choice-card{transform:translateY(-2px);border-color:#9fcdf3!important;box-shadow:0 8px 18px rgba(22,139,242,.07)!important}.sichrom-selector-choice>input:checked+.sichrom-selector-choice-card{background:linear-gradient(180deg,#f4faff 0%,#edf7ff 100%)!important;border-color:var(--b)!important;box-shadow:0 0 0 2px rgba(22,139,242,.055),0 9px 20px rgba(22,139,242,.08)!important}.sichrom-selector-choice-copy{position:relative;z-index:2;width:62%;min-width:0!important}.sichrom-selector-choice-copy strong{display:block!important;color:#294968!important;font-size:16px!important;font-weight:740!important;line-height:1.24!important;overflow-wrap:anywhere!important}.sichrom-selector-choice-copy small{display:block!important;margin-top:3px!important;color:#8fa4b7!important;font-size:11px!important;line-height:1.2!important}.sichrom-selector-choice-art{position:absolute;z-index:1;right:8px;bottom:6px;width:42%;height:76%;opacity:.20;background-color:#168bf2;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right bottom;mask-position:right bottom;-webkit-mask-size:contain;mask-size:contain;pointer-events:none;transition:.16s ease}.sichrom-selector-choice>input:checked+.sichrom-selector-choice-card .sichrom-selector-choice-art{opacity:.38;transform:scale(1.025)}
.sichrom-selector-art-method .sichrom-selector-choice-art{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 110'%3E%3Cpath d='M8 90 H48 C55 90 58 88 61 76 C64 61 66 45 69 28 C72 45 74 61 77 76 C80 88 83 90 91 90 H105 C112 90 115 88 118 69 C121 50 123 31 126 15 C129 31 131 50 134 69 C137 88 140 90 147 90 H158 C165 90 168 88 171 77 C174 66 176 56 179 48 C182 56 184 66 187 77 C190 88 193 90 200 90 H212' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 110'%3E%3Cpath d='M8 90 H48 C55 90 58 88 61 76 C64 61 66 45 69 28 C72 45 74 61 77 76 C80 88 83 90 91 90 H105 C112 90 115 88 118 69 C121 50 123 31 126 15 C129 31 131 50 134 69 C137 88 140 90 147 90 H158 C165 90 168 88 171 77 C174 66 176 56 179 48 C182 56 184 66 187 77 C190 88 193 90 200 90 H212' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.sichrom-selector-art-column .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 110'%3E%3Crect x='55' y='39' width='112' height='32' rx='14' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath d='M15 55h40M167 55h40' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 110'%3E%3Crect x='55' y='39' width='112' height='32' rx='14' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath d='M15 55h40M167 55h40' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E")}.sichrom-selector-art-pharma .sichrom-selector-choice-art{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M33 56 H147 C144 77 126 88 90 88 C54 88 36 77 33 56 Z'/%3E%3Cpath d='M90 88 V108 M68 108 H112'/%3E%3Cpath d='M95 15 C122 17 127 37 107 44 C87 51 75 61 83 72 C91 83 111 80 112 68 C113 58 103 55 95 59 C83 65 79 82 91 91 C100 98 111 96 116 91'/%3E%3Ccircle cx='97' cy='15' r='3' fill='black' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M33 56 H147 C144 77 126 88 90 88 C54 88 36 77 33 56 Z'/%3E%3Cpath d='M90 88 V108 M68 108 H112'/%3E%3Cpath d='M95 15 C122 17 127 37 107 44 C87 51 75 61 83 72 C91 83 111 80 112 68 C113 58 103 55 95 59 C83 65 79 82 91 91 C100 98 111 96 116 91'/%3E%3Ccircle cx='97' cy='15' r='3' fill='black' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
}
.sichrom-selector-art-molecule .sichrom-selector-choice-art{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='black'%3E%3Ccircle cx='38' cy='74' r='16'/%3E%3Ccircle cx='75' cy='43' r='10'/%3E%3Ccircle cx='105' cy='76' r='13'/%3E%3Ccircle cx='139' cy='48' r='8'/%3E%3Ccircle cx='149' cy='88' r='5'/%3E%3C/g%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='black'%3E%3Ccircle cx='38' cy='74' r='16'/%3E%3Ccircle cx='75' cy='43' r='10'/%3E%3Ccircle cx='105' cy='76' r='13'/%3E%3Ccircle cx='139' cy='48' r='8'/%3E%3Ccircle cx='149' cy='88' r='5'/%3E%3C/g%3E%3C/svg%3E");
}
.sichrom-selector-art-peptide .sichrom-selector-choice-art,
.sichrom-selector-art-polymer .sichrom-selector-choice-art{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M18 79 42 57 66 78 90 50 116 67 143 44 162 61'/%3E%3Ccircle cx='18' cy='79' r='8'/%3E%3Ccircle cx='42' cy='57' r='8'/%3E%3Ccircle cx='66' cy='78' r='8'/%3E%3Ccircle cx='90' cy='50' r='8'/%3E%3Ccircle cx='116' cy='67' r='8'/%3E%3Ccircle cx='143' cy='44' r='8'/%3E%3Ccircle cx='162' cy='61' r='8'/%3E%3C/g%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M18 79 42 57 66 78 90 50 116 67 143 44 162 61'/%3E%3Ccircle cx='18' cy='79' r='8'/%3E%3Ccircle cx='42' cy='57' r='8'/%3E%3Ccircle cx='66' cy='78' r='8'/%3E%3Ccircle cx='90' cy='50' r='8'/%3E%3Ccircle cx='116' cy='67' r='8'/%3E%3Ccircle cx='143' cy='44' r='8'/%3E%3Ccircle cx='162' cy='61' r='8'/%3E%3C/g%3E%3C/svg%3E");
}
.sichrom-selector-art-protein .sichrom-selector-choice-art{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M39 66 C26 48 42 30 61 37 C70 18 101 21 105 40 C126 29 145 46 137 63 C155 76 142 98 122 94 C112 109 87 106 81 92 C62 105 39 92 45 76 C35 73 31 69 39 66 Z'/%3E%3Cpath d='M55 48 C68 39 79 47 75 58 C71 70 55 69 56 82 C57 93 74 97 84 86 C94 75 85 63 94 52 C104 41 120 47 121 59 C122 70 106 73 105 84 C104 94 118 98 128 89'/%3E%3Cpath d='M68 35 C78 45 91 43 100 34 M48 72 C62 77 72 74 82 65 M99 72 C113 66 124 70 136 79'/%3E%3C/g%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M39 66 C26 48 42 30 61 37 C70 18 101 21 105 40 C126 29 145 46 137 63 C155 76 142 98 122 94 C112 109 87 106 81 92 C62 105 39 92 45 76 C35 73 31 69 39 66 Z'/%3E%3Cpath d='M55 48 C68 39 79 47 75 58 C71 70 55 69 56 82 C57 93 74 97 84 86 C94 75 85 63 94 52 C104 41 120 47 121 59 C122 70 106 73 105 84 C104 94 118 98 128 89'/%3E%3Cpath d='M68 35 C78 45 91 43 100 34 M48 72 C62 77 72 74 82 65 M99 72 C113 66 124 70 136 79'/%3E%3C/g%3E%3C/svg%3E");
}
.sichrom-selector-art-dna .sichrom-selector-choice-art{
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M34 16 C136 35 44 86 146 104'/%3E%3Cpath d='M146 16 C44 35 136 86 34 104'/%3E%3Cpath d='M53 23 L127 23 M73 35 L107 35 M82 48 L98 48 M75 61 L105 61 M62 74 L118 74 M48 88 L132 88 M39 99 L141 99' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M34 16 C136 35 44 86 146 104'/%3E%3Cpath d='M146 16 C44 35 136 86 34 104'/%3E%3Cpath d='M53 23 L127 23 M73 35 L107 35 M82 48 L98 48 M75 61 L105 61 M62 74 L118 74 M48 88 L132 88 M39 99 L141 99' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
.sichrom-selector-art-unknown .sichrom-selector-choice-art,.sichrom-selector-art-acid .sichrom-selector-choice-art,.sichrom-selector-art-base .sichrom-selector-choice-art,.sichrom-selector-art-neutral .sichrom-selector-choice-art,.sichrom-selector-art-ampholyte .sichrom-selector-choice-art,.sichrom-selector-art-very-polar .sichrom-selector-choice-art,.sichrom-selector-art-dipole .sichrom-selector-choice-art,.sichrom-selector-art-halogen .sichrom-selector-choice-art,.sichrom-selector-art-ionizable .sichrom-selector-choice-art,.sichrom-selector-art-hydroxyl .sichrom-selector-choice-art,.sichrom-selector-art-metal .sichrom-selector-choice-art{background:none}.sichrom-selector-art-unknown .sichrom-selector-choice-art::before,.sichrom-selector-art-acid .sichrom-selector-choice-art::before,.sichrom-selector-art-base .sichrom-selector-choice-art::before,.sichrom-selector-art-neutral .sichrom-selector-choice-art::before,.sichrom-selector-art-ampholyte .sichrom-selector-choice-art::before,.sichrom-selector-art-very-polar .sichrom-selector-choice-art::before,.sichrom-selector-art-dipole .sichrom-selector-choice-art::before,.sichrom-selector-art-halogen .sichrom-selector-choice-art::before,.sichrom-selector-art-ionizable .sichrom-selector-choice-art::before,.sichrom-selector-art-hydroxyl .sichrom-selector-choice-art::before,.sichrom-selector-art-metal .sichrom-selector-choice-art::before{position:absolute;right:0;bottom:8px;color:#168bf2;font-family:Arial,sans-serif;font-weight:800;line-height:1;white-space:nowrap}.sichrom-selector-art-unknown .sichrom-selector-choice-art::before{content:'?';font-size:76px}.sichrom-selector-art-acid .sichrom-selector-choice-art::before{content:'HA → H⁺';font-size:29px}.sichrom-selector-art-base .sichrom-selector-choice-art::before{content:'BH⁺';font-size:48px}.sichrom-selector-art-neutral .sichrom-selector-choice-art::before{content:'0';font-size:72px}.sichrom-selector-art-ampholyte .sichrom-selector-choice-art::before{content:'+ / −';font-size:45px}.sichrom-selector-art-very-polar .sichrom-selector-choice-art::before{content:'δ+  δ−  δ+  δ−';font-size:22px;white-space:normal;text-align:right}.sichrom-selector-art-dipole .sichrom-selector-choice-art::before{content:'δ+ — δ−';font-size:29px}.sichrom-selector-art-halogen .sichrom-selector-choice-art::before{content:'Cl  Br  F';font-size:29px}.sichrom-selector-art-ionizable .sichrom-selector-choice-art::before{content:'+  −  +  −';font-size:31px;white-space:normal;text-align:right}.sichrom-selector-art-hydroxyl .sichrom-selector-choice-art::before{content:'OH  H₂O';font-size:27px}.sichrom-selector-art-metal .sichrom-selector-choice-art::before{content:'Fe  Cr  Ni';font-size:27px}
.sichrom-selector-art-hydrophobic .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 110'%3E%3Cpath d='M12 79 36 57 60 79 84 57 108 79 132 57 156 79' fill='none' stroke='black' stroke-width='5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 110'%3E%3Cpath d='M12 79 36 57 60 79 84 57 108 79 132 57 156 79' fill='none' stroke='black' stroke-width='5'/%3E%3C/svg%3E")}.sichrom-selector-art-aromatic .sichrom-selector-choice-art,.sichrom-selector-art-organic .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 120'%3E%3Cpath d='M84 24 121 45 121 87 84 108 47 87 47 45Z' fill='none' stroke='black' stroke-width='4'/%3E%3Ccircle cx='84' cy='66' r='24' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 120'%3E%3Cpath d='M84 24 121 45 121 87 84 108 47 87 47 45Z' fill='none' stroke='black' stroke-width='4'/%3E%3Ccircle cx='84' cy='66' r='24' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E")}.sichrom-selector-art-isomers .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M27 80 48 43 79 54 84 86 57 103ZM163 80 142 43 111 54 106 86 133 103ZM94 22v88'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M27 80 48 43 79 54 84 86 57 103ZM163 80 142 43 111 54 106 86 133 103ZM94 22v88'/%3E%3C/g%3E%3C/svg%3E")}.sichrom-selector-art-water .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M60 25c12 22 25 35 25 53 0 17-12 29-29 29S27 95 27 78c0-20 17-38 27-53ZM125 43c8 14 16 24 16 36 0 12-9 21-21 21s-21-9-21-21c0-14 12-27 19-36Z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M60 25c12 22 25 35 25 53 0 17-12 29-29 29S27 95 27 78c0-20 17-38 27-53ZM125 43c8 14 16 24 16 36 0 12-9 21-21 21s-21-9-21-21c0-14 12-27 19-36Z'/%3E%3C/g%3E%3C/svg%3E")}.sichrom-selector-art-mixed .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 120'%3E%3Cpath d='M50 28c10 18 20 30 20 44 0 15-10 26-25 26S20 87 20 72c0-17 14-32 23-44Z' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath d='M132 31 160 47 160 79 132 95 104 79 104 47Z' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 120'%3E%3Cpath d='M50 28c10 18 20 30 20 44 0 15-10 26-25 26S20 87 20 72c0-17 14-32 23-44Z' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath d='M132 31 160 47 160 79 132 95 104 79 104 47Z' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E")}
.sichrom-selector-art-universal .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Crect x='84' y='25' width='24' height='72' rx='10'/%3E%3Ccircle cx='40' cy='43' r='9'/%3E%3Cpath d='M26 89 42 71 59 89M129 39 153 62 128 87'/%3E%3Ccircle cx='151' cy='29' r='8'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Crect x='84' y='25' width='24' height='72' rx='10'/%3E%3Ccircle cx='40' cy='43' r='9'/%3E%3Cpath d='M26 89 42 71 59 89M129 39 153 62 128 87'/%3E%3Ccircle cx='151' cy='29' r='8'/%3E%3C/g%3E%3C/svg%3E")}.sichrom-selector-art-resolution .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 120'%3E%3Cpath d='M12 98h45l10-44 10 44h28l10-70 10 70h26l10-50 10 50h27' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 120'%3E%3Cpath d='M12 98h45l10-44 10 44h28l10-70 10 70h26l10-50 10 50h27' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E")}.sichrom-selector-art-speed .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 120'%3E%3Cpath d='M10 95h33l8-34 8 34h43l9-59 9 59h28M142 57h50M177 42l15 15-15 15' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 120'%3E%3Cpath d='M10 95h33l8-34 8 34h43l9-59 9 59h28M142 57h50M177 42l15 15-15 15' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E")}.sichrom-selector-art-alternate .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M8 55h37l8-29 8 29h18l8-22 8 22h18M8 101h56l8-52 8 52h28l8-28 8 28h77'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M8 55h37l8-29 8 29h18l8-22 8 22h18M8 101h56l8-52 8 52h28l8-28 8 28h77'/%3E%3C/g%3E%3C/svg%3E")}.sichrom-selector-art-polar-retention .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 120'%3E%3Crect x='123' y='23' width='24' height='77' rx='9' fill='none' stroke='black' stroke-width='4'/%3E%3Ccircle cx='50' cy='64' r='18' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath d='M68 64h42M97 52l13 12-13 12' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 120'%3E%3Crect x='123' y='23' width='24' height='77' rx='9' fill='none' stroke='black' stroke-width='4'/%3E%3Ccircle cx='50' cy='64' r='18' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath d='M68 64h42M97 52l13 12-13 12' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E")}
.sichrom-selector-field{display:block;margin:0!important}.sichrom-selector-field>span{display:block;margin-bottom:6px;color:#35536f;font-size:14px;font-weight:700}.sichrom-selector-field>span small{display:block;margin-top:2px;color:#98aabd;font-size:10px;font-weight:400}.sichrom-selector-field input{box-sizing:border-box;width:100%;height:46px;margin:0!important;padding:0 12px!important;color:#29425f!important;background:#fbfdff!important;border:1px solid #d5e4f1!important;border-radius:11px!important;font-size:14px!important}.sichrom-selector-field.compact{max-width:330px}.sichrom-selector-field.compact>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.sichrom-selector-field.compact b{color:#8ba0b3;font-size:12px}.sichrom-selector-fields-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:4px}.sichrom-selector-mini-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sichrom-selector-mini-options label{margin:0!important}.sichrom-selector-mini-options input{position:absolute;opacity:0}.sichrom-selector-mini-options span{display:flex;align-items:center;justify-content:center;min-height:46px;color:#617a92;background:#fbfdff;border:1px solid #d5e4f1;border-radius:11px;font-size:11px;font-weight:650;cursor:pointer}.sichrom-selector-mini-options input:checked+span{color:var(--bd);background:#eef8ff;border-color:var(--b)}.sichrom-selector-usp-field{margin-top:14px!important;max-width:330px}.sichrom-selector-equivalent-route{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:4px;padding:14px 16px;background:#f3f9fe;border:1px solid #d3e6f5;border-radius:13px}.sichrom-selector-equivalent-route strong{display:block;margin-bottom:2px;color:#31516e;font-size:13px}.sichrom-selector-equivalent-route span{display:block;color:#7890a5;font-size:11px}.sichrom-selector-equivalent-route a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;color:#fff!important;background:var(--b);border-radius:8px;font-size:11px;font-weight:700;text-decoration:none!important;white-space:nowrap}
.sichrom-selector-controls{display:flex;align-items:center;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #e8f0f6}.sichrom-selector-controls>span{flex:1}.sichrom-selector-back,.sichrom-selector-next,.sichrom-selector-calculate,.sichrom-selector-restart,.sichrom-selector-edit{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;margin:0!important;padding:0 15px!important;border-radius:10px!important;box-shadow:none!important;font-size:13px!important;font-weight:700!important;cursor:pointer}.sichrom-selector-back,.sichrom-selector-restart,.sichrom-selector-edit{color:#56728c!important;background:#f8fbfe!important;border:1px solid #d5e4f1!important}.sichrom-selector-next,.sichrom-selector-calculate{color:#fff!important;background:var(--b)!important;border:1px solid var(--b)!important}.sichrom-selector-validation{margin-top:10px;padding:9px 11px;color:#a26d55;background:#fff9f5;border:1px solid #f0dfd4;border-radius:9px;font-size:11px}
.sichrom-selector-results-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.sichrom-selector-results-head h2{margin:0 0 4px!important;color:var(--n)!important;font-size:29px!important;font-weight:780!important}.sichrom-selector-results-head p{margin:0!important;color:#72899f;font-size:12px}.sichrom-selector-selection-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:17px;padding:14px 15px;background:#f8fbff;border:1px solid #dbe9f5;border-radius:14px}.sichrom-selector-selection-summary>div>strong{display:block;color:#284b6b;font-size:14px}.sichrom-selector-selection-summary>div>small{display:block;margin-top:2px;color:#94a6b7;font-size:10px}.sichrom-selector-results-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.sichrom-selector-results-summary span,.sichrom-selector-result-tags span,.sichrom-selector-tanaka-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;color:#4f708d;background:#fff;border:1px solid #d3e5f3;border-radius:999px;font-size:10px;font-weight:650}.sichrom-selector-result-list{display:grid;gap:12px}.sichrom-selector-result-card{display:grid;grid-template-columns:80px 108px minmax(0,1fr) minmax(170px,205px);gap:15px;align-items:center;padding:17px;background:#fbfdff;border:1px solid #d8e6f2;border-radius:16px}.sichrom-selector-result-rank{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-right:12px;border-right:1px solid #e4edf5}.sichrom-selector-result-rank span{color:var(--b);font-size:25px;font-weight:800}.sichrom-selector-result-rank strong{margin-top:5px;color:#607c96;font-size:10px}.sichrom-selector-result-image{display:flex;align-items:center;justify-content:center;width:108px;height:84px;overflow:hidden;background:#fff;border:1px solid #e1ebf3;border-radius:10px}.sichrom-selector-result-image img{width:100%;height:100%;object-fit:contain}.sichrom-selector-result-main h3{margin:0 0 6px!important;color:#183f67!important;font-size:17px!important;font-weight:760!important}.sichrom-selector-result-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.sichrom-selector-result-why,.sichrom-selector-result-warning{margin-top:8px}.sichrom-selector-result-why>strong,.sichrom-selector-result-warning>strong{display:block;margin-bottom:3px;color:#526d87;font-size:11px}.sichrom-selector-result-why ul,.sichrom-selector-result-warning ul{margin:0 0 0 16px!important;padding:0!important}.sichrom-selector-result-why li,.sichrom-selector-result-warning li{margin-bottom:2px;color:#6f8499;font-size:11px;line-height:1.45}.sichrom-selector-result-warning{padding:9px 10px;background:#fff9f5;border:1px solid #f0dfd4;border-radius:9px}.sichrom-selector-result-warning>strong,.sichrom-selector-result-warning li{color:#8a634f}.sichrom-selector-result-side{display:flex;flex-direction:column;align-items:stretch;gap:8px}.sichrom-selector-result-price{color:#153f69;font-size:14px;font-weight:750;text-align:right}.sichrom-selector-result-actions{display:grid;gap:6px}.sichrom-selector-result-actions a{display:flex;align-items:center;justify-content:center;min-height:35px;padding:0 10px;color:#fff!important;background:var(--b);border:1px solid var(--b);border-radius:8px;font-size:10px;font-weight:700;text-align:center;text-decoration:none!important}.sichrom-selector-result-actions a.is-secondary{color:#397096!important;background:#fff;border-color:#cfe1ef}.sichrom-selector-results-disclaimer{display:flex;gap:10px;margin-top:18px;padding:14px 15px;background:#fff9f5;border:1px solid #efdcd0;border-radius:12px}.sichrom-selector-results-disclaimer>b{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;color:#a56a4c;background:#fff;border:1px solid #efd7c8;border-radius:50%;font-size:16px}.sichrom-selector-results-disclaimer p{margin:0!important;color:#826957;font-size:11px;line-height:1.5}.sichrom-selector-results-disclaimer p strong{display:block;margin-bottom:2px;color:#704d3a;font-size:12px}.sichrom-selector-no-results{padding:22px;background:#f7fbfe;border:1px solid #d8e6f2;border-radius:14px}.sichrom-selector-no-results strong,.sichrom-selector-no-results span,.sichrom-selector-no-results a{display:block;margin-bottom:6px}
.sichrom-selector-results[hidden],.sichrom-selector-form[hidden],.sichrom-selector-step[hidden],.sichrom-selector-equivalent-route[hidden],.sichrom-selector-usp-field[hidden],.sichrom-selector-validation[hidden]{display:none!important}
@media(max-width:1050px){.sichrom-selector-progress{flex-wrap:wrap;justify-content:flex-start}.sichrom-selector-progress button{flex:1 1 calc(33.333% - 22px)!important}.sichrom-selector-progress>i{display:none}.sichrom-selector-grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sichrom-selector-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sichrom-selector-result-card{grid-template-columns:70px 95px minmax(0,1fr)}.sichrom-selector-result-side{grid-column:3}.sichrom-selector-result-price{text-align:left}}
@media(max-width:780px){.sichrom-selector-head{grid-template-columns:1fr;padding:22px}.sichrom-selector-form,.sichrom-selector-results{padding:20px}.sichrom-selector-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sichrom-selector-grid.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sichrom-selector-fields-row{grid-template-columns:1fr}.sichrom-selector-info-popover{position:relative;top:auto;right:auto;width:100%;margin-top:10px}.sichrom-selector-result-card{grid-template-columns:58px minmax(0,1fr)}.sichrom-selector-result-image{display:none}.sichrom-selector-result-main,.sichrom-selector-result-side{grid-column:2}}
@media(max-width:560px){.sichrom-selector-head{padding:18px}.sichrom-selector-head h1{font-size:28px!important}.sichrom-selector-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sichrom-selector-progress button{width:100%!important;flex:none!important;height:40px!important}.sichrom-selector-form,.sichrom-selector-results{padding:16px}.sichrom-selector-step-head h2{font-size:23px!important}.sichrom-selector-grid.cols-3,.sichrom-selector-grid.cols-4,.sichrom-selector-grid.cols-5{grid-template-columns:1fr!important}.sichrom-selector-choice-card{min-height:112px!important}.sichrom-selector-choice-copy{width:66%}.sichrom-selector-mini-options{grid-template-columns:1fr}.sichrom-selector-controls{flex-wrap:wrap}.sichrom-selector-controls>span{display:none}.sichrom-selector-back,.sichrom-selector-next,.sichrom-selector-calculate{flex:1}.sichrom-selector-selection-summary{grid-template-columns:1fr}.sichrom-selector-edit{justify-self:start}.sichrom-selector-results-head{flex-direction:column}.sichrom-selector-result-card{grid-template-columns:1fr}.sichrom-selector-result-rank{flex-direction:row;gap:8px;padding:0 0 8px;border-right:0;border-bottom:1px solid #e4edf5}.sichrom-selector-result-main,.sichrom-selector-result-side{grid-column:auto}.sichrom-selector-result-side{align-items:stretch}}
/* ==================================================
   SICHROM — V62 COLUMN SELECTOR REDESIGN
   ================================================== */


/* ==================================================
   SICHROM — V43 CATALOG FILTER + SELECTOR AUDIT
   ================================================== */

body.woocommerce-shop ul.products li.product.sichrom-local-search-hidden,
body.tax-product_cat ul.products li.product.sichrom-local-search-hidden {
    display: none !important;
}

.sichrom-catalog-empty-state[hidden] {
    display: none !important;
}

.sichrom-catalog-result-count {
    min-width: 78px !important;
}

.sichrom-catalog-result-count strong {
    display: inline-block !important;
    min-width: 1.4em !important;

    font-variant-numeric: tabular-nums;
    text-align: right;
}

.sichrom-selector-progress button:disabled {
    cursor: default !important;
    opacity: .72 !important;
}

.sichrom-selector-progress button.is-available:not(:disabled) {
    cursor: pointer !important;
    opacity: 1 !important;
}


/* ==================================================
   SICHROM — V44 SITEWIDE AUDIT FIX
   ================================================== */

/* Selector results can never leak through before JS explicitly reveals them. */
.sichrom-selector-results[hidden],
.sichrom-selector-form[hidden],
.sichrom-selector-step[hidden] {
    display: none !important;
}

/* Result area must not occupy space when hidden. */
.sichrom-selector-results[aria-hidden="true"] {
    display: none !important;
}

/* Stable interactive area for catalog filters. */
.wpc-filters-ul-list li > a,
.wpc-filters-ul-list li label,
.wpc-term-item-content-wrapper {
    position: relative !important;
    z-index: 1 !important;
}

/* Avoid accidental overlay from our catalog empty state. */
.sichrom-catalog-empty-state {
    position: relative !important;
    z-index: 0 !important;
}

/* Product loop should remain above informational empty state. */
body.woocommerce-shop ul.products,
body.tax-product_cat ul.products {
    position: relative !important;
    z-index: 1 !important;
}


/* ==================================================
   SICHROM — V45 HPLC ACADEMY
   ================================================== */

.sichrom-academy-catalog,
.sichrom-academy-article{width:100%;max-width:1180px;margin:0 auto;color:#253b59}

.sichrom-academy-catalog{padding:8px 0 52px}

.sichrom-academy-catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-bottom:26px}
.sichrom-academy-eyebrow{margin-bottom:7px;color:#168bf2;font-size:11px;font-weight:800;letter-spacing:.12em}
.sichrom-academy-catalog-head h1{margin:0;color:#16355d;font-size:38px;font-weight:750;line-height:1.12}
.sichrom-academy-catalog-en{margin-top:5px;color:#8996a8;font-size:14px}
.sichrom-academy-catalog-head>p{max-width:560px;margin:0;color:#526174;font-size:15px;line-height:1.7}

.sichrom-academy-filter{display:grid;grid-template-columns:minmax(230px,1.4fr) repeat(4,minmax(145px,1fr)) auto;gap:10px;align-items:end;margin-bottom:18px;padding:16px;background:#f8fbff;border:1px solid #dfe8f3;border-radius:16px;box-shadow:0 5px 24px rgba(19,46,82,.035)}
.sichrom-academy-filter label{min-width:0;margin:0}
.sichrom-academy-filter label>span{display:block;min-height:34px;margin-bottom:6px;color:#253b59;font-size:12px;font-weight:650;line-height:1.25}
.sichrom-academy-filter label small{display:block;margin-top:2px;color:#8996a8;font-size:10px;font-weight:400}
.sichrom-academy-filter input,.sichrom-academy-filter select{box-sizing:border-box;width:100%;height:42px;margin:0;padding:0 11px;background:#fff;border:1px solid #d6e5f5;border-radius:9px;color:#293c57;font-family:inherit;font-size:13px}
.sichrom-academy-filter input:focus,.sichrom-academy-filter select:focus{outline:none;border-color:#168bf2;box-shadow:0 0 0 3px rgba(22,139,242,.08)}
.sichrom-academy-filter input:focus::placeholder{opacity:0}
.sichrom-academy-filter-actions{display:flex;align-items:center;gap:7px}
.sichrom-academy-filter-actions button,.sichrom-academy-filter-actions a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:42px;margin:0;padding:0 14px;border-radius:9px;font-size:12px;font-weight:650;text-decoration:none!important;white-space:nowrap}
.sichrom-academy-filter-actions button{background:#168bf2;border:1px solid #168bf2;color:#fff;cursor:pointer}
.sichrom-academy-filter-actions a{background:#fff;border:1px solid #d6e5f5;color:#0877dc!important}
.sichrom-academy-filter-actions a:hover{background:#eaf5ff;border-color:#168bf2}
.sichrom-academy-result-count{margin-bottom:13px;color:#718097;font-size:13px}

.sichrom-academy-grid,.sichrom-academy-related-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sichrom-academy-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #dfe8f3;border-radius:17px;box-shadow:0 5px 24px rgba(19,46,82,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sichrom-academy-card:hover{transform:translateY(-2px);border-color:#c9def7;box-shadow:0 9px 30px rgba(19,46,82,.075)}
.sichrom-academy-card-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#f7fbff,#edf6ff)}
.sichrom-academy-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.sichrom-academy-card:hover .sichrom-academy-card-media img{transform:scale(1.02)}
.sichrom-academy-card-placeholder{position:absolute;inset:0;background:radial-gradient(circle at 30% 48%,rgba(22,139,242,.12) 0 5px,transparent 6px),radial-gradient(circle at 54% 34%,rgba(22,139,242,.18) 0 11px,transparent 12px),radial-gradient(circle at 70% 62%,rgba(22,139,242,.09) 0 24px,transparent 25px),linear-gradient(135deg,#fbfdff,#eef7ff)}
.sichrom-academy-card-body{display:flex;flex:1;flex-direction:column;padding:18px 19px 19px}
.sichrom-academy-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.sichrom-academy-card-type{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;background:#eef7ff;border:1px solid #d7e9fb;border-radius:7px;color:#0877dc;font-size:10px;font-weight:700;line-height:1.1}
.sichrom-academy-card-topline time{color:#97a3b2;font-size:10px}
.sichrom-academy-card-title{margin:0 0 5px;font-size:19px;line-height:1.34}
.sichrom-academy-card-title a{color:#16355d!important;text-decoration:none!important}
.sichrom-academy-card-title a:hover{color:#0877dc!important}
.sichrom-academy-card-title-en{margin-bottom:10px;color:#96a2b1;font-size:11px;line-height:1.4}
.sichrom-academy-card-excerpt{margin:0 0 14px;color:#526174;font-size:13px;line-height:1.62}
.sichrom-academy-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin:auto 0 15px}
.sichrom-academy-card-tags span{display:inline-flex;padding:4px 7px;background:#f8fbff;border:1px solid #e3edf7;border-radius:6px;color:#65778d;font-size:10px}
.sichrom-academy-card-open{display:inline-flex;align-items:center;gap:6px;color:#0877dc!important;font-size:13px;font-weight:700;text-decoration:none!important}
.sichrom-academy-empty{padding:26px;background:#f8fbff;border:1px solid #dfe8f3;border-radius:14px}
.sichrom-academy-empty strong,.sichrom-academy-empty span{display:block}
.sichrom-academy-empty strong{margin-bottom:4px;color:#16355d;font-size:16px}
.sichrom-academy-empty span{color:#718097;font-size:13px}

.sichrom-academy-pagination{margin-top:28px}
.sichrom-academy-pagination ul{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.sichrom-academy-pagination a,.sichrom-academy-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;background:#fff;border:1px solid #d6e5f5;border-radius:8px;color:#526174!important;font-size:12px;text-decoration:none!important}
.sichrom-academy-pagination .current{background:#eaf5ff;border-color:#168bf2;color:#0877dc!important;font-weight:700}

body.single-hplc_academy .section-post-header{display:none!important}
.sichrom-academy-article{max-width:980px;padding:10px 0 58px}
.sichrom-academy-breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px;color:#9aa6b5;font-size:12px}
.sichrom-academy-breadcrumbs a{color:#6f8095!important;text-decoration:none!important}
.sichrom-academy-breadcrumbs a:hover{color:#0877dc!important}
.sichrom-academy-article-head{margin-bottom:28px}
.sichrom-academy-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:14px}
.sichrom-academy-article-meta span,.sichrom-academy-article-meta time{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;background:#f4f9ff;border:1px solid #dcebf9;border-radius:8px;color:#5d7188;font-size:11px}
.sichrom-academy-article-head h1{max-width:900px;margin:0;color:#16355d;font-size:42px;font-weight:760;line-height:1.13}
.sichrom-academy-article-title-en{margin-top:8px;color:#8e9aa9;font-size:16px;line-height:1.4}
.sichrom-academy-article-lead{max-width:840px;margin:20px 0 0;color:#526174;font-size:18px;line-height:1.7}
.sichrom-academy-cover{margin:27px 0 0;overflow:hidden;background:#f6faff;border:1px solid #e1ebf5;border-radius:20px}
.sichrom-academy-cover img{display:block;width:100%;height:auto}

.sichrom-academy-learn{margin:0 0 24px;padding:20px 22px;background:#f5faff;border:1px solid #d8eafa;border-radius:16px}
.sichrom-academy-learn>div:first-child{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.sichrom-academy-learn-icon{display:block;flex:0 0 38px;width:38px;height:38px;background-color:#168bf2;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M5 4h11l3 3v13H5Z'/%3E%3Cpath d='M8 9h8M8 13h8M8 17h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M5 4h11l3 3v13H5Z'/%3E%3Cpath d='M8 9h8M8 13h8M8 17h5'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:29px;mask-size:29px}
.sichrom-academy-learn h2,.sichrom-academy-takeaway h2{margin:0;color:#16355d;font-size:20px;line-height:1.3}
.sichrom-academy-small-en{margin-top:2px;color:#8996a8;font-size:11px}
.sichrom-academy-learn ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding-left:22px;list-style:disc outside!important}
.sichrom-academy-learn li{padding-left:2px;color:#40556f;font-size:14px;line-height:1.55;list-style:disc outside!important}
.sichrom-academy-learn li::marker{color:#168bf2;font-size:.9em}

.sichrom-academy-toc{margin:0 0 28px;padding:18px 20px;background:#fff;border:1px solid #dfe8f3;border-radius:15px;box-shadow:0 4px 18px rgba(19,46,82,.035)}
.sichrom-academy-toc[hidden]{display:none!important}
.sichrom-academy-toc-title{margin-bottom:11px;color:#16355d;font-size:15px;font-weight:700}
.sichrom-academy-toc-title small{display:block;margin-top:2px;color:#95a1b0;font-size:10px;font-weight:400}
.sichrom-academy-toc ol{margin:0;padding-left:20px}
.sichrom-academy-toc li{margin-bottom:6px;color:#6a7d92;font-size:13px}
.sichrom-academy-toc li.is-subsection{margin-left:18px}
.sichrom-academy-toc a{color:#4e6680!important;text-decoration:none!important}
.sichrom-academy-toc a:hover{color:#0877dc!important}

.sichrom-academy-body{color:#2d415c;font-size:16px;line-height:1.78}

.sichrom-academy-body.is-two-columns{
    column-count:2;
    column-gap:44px;
    column-rule:1px solid #edf2f7;
}

.sichrom-academy-body.is-two-columns h2,
.sichrom-academy-body.is-two-columns h3,
.sichrom-academy-body.is-two-columns figure,
.sichrom-academy-body.is-two-columns table,
.sichrom-academy-body.is-two-columns blockquote,
.sichrom-academy-body.is-two-columns .wp-block-image,
.sichrom-academy-body.is-two-columns .wp-block-table{
    break-inside:avoid-column;
    page-break-inside:avoid;
}

.sichrom-academy-body.is-two-columns p{
    orphans:3;
    widows:3;
}
.sichrom-academy-body h2{margin:38px 0 14px;color:#16355d;font-size:29px;line-height:1.22;scroll-margin-top:100px}
.sichrom-academy-body h3{margin:28px 0 11px;color:#244566;font-size:22px;line-height:1.3;scroll-margin-top:100px}
.sichrom-academy-body p{margin:0 0 18px}
.sichrom-academy-body ul,.sichrom-academy-body ol{margin:0 0 20px;padding-left:24px}
.sichrom-academy-body img{max-width:100%;height:auto;border-radius:13px}
.sichrom-academy-body table{width:100%;margin:24px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #dfe8f3;border-radius:12px}
.sichrom-academy-body th,.sichrom-academy-body td{padding:11px 13px;border-bottom:1px solid #edf2f7;text-align:left}
.sichrom-academy-body th{background:#f4f8fd;color:#36506d}
.sichrom-academy-body blockquote{margin:24px 0;padding:17px 20px;background:#f7fbff;border-left:4px solid #168bf2;border-radius:0 12px 12px 0;color:#526174}

.sichrom-academy-takeaway{display:flex;align-items:flex-start;gap:14px;margin:36px 0;padding:20px 22px;background:#fffaf0;border:1px solid #efd99b;border-radius:16px}
.sichrom-academy-takeaway-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;background:#ffd85a;border-radius:50%;color:#765400;font-size:17px;font-weight:900}
.sichrom-academy-takeaway p{margin:12px 0 0;color:#675a39;font-size:15px;line-height:1.7}

.sichrom-academy-products-section,.sichrom-academy-related-section{margin-top:38px}
.sichrom-academy-section-heading{margin-bottom:15px}
.sichrom-academy-section-heading h2{margin:0;color:#16355d;font-size:25px;line-height:1.25}
.sichrom-academy-section-heading span{display:block;margin-top:3px;color:#96a2b1;font-size:11px}

.sichrom-academy-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sichrom-academy-products-grid.is-primary-grid{grid-template-columns:minmax(0,1fr)}
.sichrom-academy-product-card{display:flex;align-items:center;gap:16px;min-width:0;padding:16px;background:#fff;border:1px solid #dfe8f3;border-radius:15px;box-shadow:0 4px 20px rgba(19,46,82,.035)}
.sichrom-academy-product-card.is-primary{background:linear-gradient(135deg,#fbfdff,#f3f9ff);border-color:#cfe5f9}
.sichrom-academy-product-image{display:flex;align-items:center;justify-content:center;flex:0 0 110px;width:110px;height:100px;padding:8px;background:#fff;border:1px solid #edf2f7;border-radius:11px}
.sichrom-academy-product-image img{max-width:100%;max-height:100%;width:auto;height:auto}
.sichrom-academy-product-body{min-width:0}
.sichrom-academy-product-kicker{margin-bottom:5px;color:#0877dc;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.035em}
.sichrom-academy-product-card h3{margin:0 0 5px;font-size:17px;line-height:1.35}
.sichrom-academy-product-card h3 a{color:#16355d!important;text-decoration:none!important}
.sichrom-academy-product-sku{margin-bottom:10px;color:#8a98a9;font-size:11px}
.sichrom-academy-product-open{color:#0877dc!important;font-size:12px;font-weight:700;text-decoration:none!important}

.sichrom-academy-related-list{display:grid;gap:8px}
.sichrom-academy-related-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;background:#fff;border:1px solid #dfe8f3;border-radius:10px;color:#36506d!important;font-size:13px;font-weight:600;text-decoration:none!important}
.sichrom-academy-related-row:hover{background:#f5faff;border-color:#bfdcf7;color:#0877dc!important}
.sichrom-academy-related-row b{color:#168bf2;font-size:15px}

.sichrom-academy-author{display:flex;flex-wrap:wrap;gap:28px;margin-top:42px;padding-top:20px;border-top:1px solid #e6edf5}
.sichrom-academy-author>div{display:flex;flex-direction:column;gap:2px}
.sichrom-academy-author strong{color:#36506d;font-size:13px}
.sichrom-academy-author span{color:#96a2b1;font-size:10px}

@media(max-width:1100px){
    .sichrom-academy-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
    .sichrom-academy-filter-search,.sichrom-academy-filter-actions{grid-column:1/-1}
    .sichrom-academy-grid,.sichrom-academy-related-articles{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
    .sichrom-academy-body.is-two-columns{
        column-count:1;
        column-gap:0;
        column-rule:0;
    }
}

@media(max-width:767px){
    .sichrom-academy-catalog,.sichrom-academy-article{max-width:100%}
    .sichrom-academy-catalog-head{display:block;margin-bottom:20px}
    .sichrom-academy-catalog-head h1{font-size:31px}
    .sichrom-academy-catalog-head>p{margin-top:14px;font-size:14px}
    .sichrom-academy-filter{grid-template-columns:1fr;padding:14px}
    .sichrom-academy-filter-search,.sichrom-academy-filter-actions{grid-column:auto}
    .sichrom-academy-filter-actions{flex-wrap:wrap}
    .sichrom-academy-grid,.sichrom-academy-related-articles{grid-template-columns:1fr}
    .sichrom-academy-card-title{font-size:18px}
    .sichrom-academy-article-head h1{font-size:32px}
    .sichrom-academy-article-title-en{font-size:14px}
    .sichrom-academy-article-lead{font-size:16px}
    .sichrom-academy-learn{padding:17px}
    .sichrom-academy-learn ul{grid-template-columns:1fr}
    .sichrom-academy-body{font-size:15px}
    .sichrom-academy-body h2{font-size:25px}
    .sichrom-academy-body h3{font-size:20px}
    .sichrom-academy-products-grid{grid-template-columns:1fr}
    .sichrom-academy-product-card{align-items:flex-start}
    .sichrom-academy-product-image{flex-basis:88px;width:88px;height:82px}
    .sichrom-academy-section-heading h2{font-size:22px}
}

/* ==================================================
   SICHROM — V45 HPLC ACADEMY FOUNDATION
   ================================================== */

/* SICHROM — V46 ACADEMY ADMIN + TWO-COLUMN FIX */


/* ==================================================
   SICHROM — V47 ACADEMY SCIENTIFIC DATA
   Source + analytical conditions + gradient
   ================================================== */

/* ---------- Method snapshot under article title ---------- */

.sichrom-academy-method-snapshot{
    margin:0 0 24px;
    padding:17px 19px;
    background:linear-gradient(135deg,#f7fbff,#eef7ff);
    border:1px solid #d3e7f9;
    border-radius:16px;
}

.sichrom-academy-method-snapshot-head{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:13px;
}

.sichrom-academy-method-snapshot-icon{
    display:block;
    flex:0 0 34px;
    width:34px;
    height:34px;
    background-color:#168bf2;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 9h16v6H4Z'/%3E%3Cpath d='M7 6v3M17 6v3M7 15v3M17 15v3'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 9h16v6H4Z'/%3E%3Cpath d='M7 6v3M17 6v3M7 15v3M17 15v3'/%3E%3C/svg%3E");
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:28px;
    mask-size:28px;
}

.sichrom-academy-method-snapshot-head strong{
    display:block;
    color:#16355d;
    font-size:15px;
}

.sichrom-academy-method-snapshot-head small{
    display:block;
    margin-top:2px;
    color:#8996a8;
    font-size:10px;
}

.sichrom-academy-method-snapshot-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.sichrom-academy-method-snapshot-item{
    padding:13px 14px;
    background:#fff;
    border:1px solid #dfeaf5;
    border-radius:11px;
}

.sichrom-academy-method-snapshot-item.is-sichrom{
    border-color:#b9daf8;
    background:#fbfdff;
}

.sichrom-academy-method-snapshot-label{
    display:block;
    margin-bottom:6px;
    color:#6e7f93;
    font-size:11px;
    font-weight:600;
}

.sichrom-academy-method-snapshot-label small{
    display:block;
    margin-top:1px;
    color:#9aa5b3;
    font-size:9px;
    font-weight:400;
}

.sichrom-academy-method-snapshot-item strong{
    display:block;
    color:#16355d;
    font-size:15px;
    line-height:1.4;
}

.sichrom-academy-method-snapshot-item strong a{
    color:#0877dc!important;
    text-decoration:none!important;
}

.sichrom-academy-method-snapshot-specs{
    display:block;
    margin-top:4px;
    color:#718097;
    font-size:12px;
}

.sichrom-academy-method-snapshot-open{
    display:inline-flex;
    margin-top:7px;
    color:#0877dc!important;
    font-size:11px;
    font-weight:700;
    text-decoration:none!important;
}


/* ---------- Analytical conditions ---------- */

.sichrom-academy-conditions-section,
.sichrom-academy-gradient-section{
    margin-top:38px;
}

.sichrom-academy-conditions-table{
    overflow:hidden;
    background:#fff;
    border:1px solid #dfe8f3;
    border-radius:15px;
}

.sichrom-academy-condition-row{
    display:grid;
    grid-template-columns:minmax(220px,34%) minmax(0,1fr);
    gap:18px;
    padding:12px 15px;
    border-bottom:1px solid #edf2f7;
}

.sichrom-academy-condition-row:last-child{
    border-bottom:0;
}

.sichrom-academy-condition-label strong{
    display:block;
    color:#36506d;
    font-size:13px;
}

.sichrom-academy-condition-label span{
    display:block;
    margin-top:2px;
    color:#98a4b2;
    font-size:10px;
}

.sichrom-academy-condition-value{
    color:#2d415c;
    font-size:13px;
    line-height:1.55;
}


/* ---------- Gradient ---------- */

.sichrom-academy-gradient-layout{
    display:grid;
    grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);
    gap:16px;
    align-items:start;
}

.sichrom-academy-gradient-chart-card,
.sichrom-academy-gradient-table-wrap{
    background:#fff;
    border:1px solid #dfe8f3;
    border-radius:15px;
    overflow:hidden;
}

.sichrom-academy-gradient-chart{
    position:relative;
    padding:12px;
}

.sichrom-academy-gradient-svg{
    display:block;
    width:100%;
    height:auto;
}

.sichrom-academy-gradient-grid{
    stroke:#edf2f7;
    stroke-width:1;
}

.sichrom-academy-gradient-grid.is-vertical{
    stroke:#f3f6f9;
}

.sichrom-academy-gradient-axis{
    stroke:#91a0b1;
    stroke-width:1.2;
}

.sichrom-academy-gradient-tick{
    fill:#7c8b9d;
    font-size:11px;
}

.sichrom-academy-gradient-axis-title{
    fill:#526174;
    font-size:12px;
    font-weight:600;
}

.sichrom-academy-gradient-line{
    fill:none;
    stroke-width:2.2;
    stroke-linejoin:round;
    stroke-linecap:round;
}

.sichrom-academy-gradient-line.is-a{
    stroke:#9aa8b8;
}

.sichrom-academy-gradient-line.is-b{
    stroke:#168bf2;
}

.sichrom-academy-gradient-point{
    stroke:#fff;
    stroke-width:2;
    cursor:pointer;
}

.sichrom-academy-gradient-point.is-a{
    fill:#9aa8b8;
}

.sichrom-academy-gradient-point.is-b{
    fill:#168bf2;
}

.sichrom-academy-gradient-tooltip{
    position:absolute;
    z-index:5;
    min-width:96px;
    padding:7px 9px;
    background:rgba(22,53,93,.84);
    border-radius:7px;
    color:#fff;
    font-size:11px;
    line-height:1.45;
    pointer-events:none;
}

.sichrom-academy-gradient-tooltip[hidden]{
    display:none!important;
}

.sichrom-academy-gradient-legend{
    display:flex;
    justify-content:flex-end;
    gap:14px;
    padding:0 12px 10px;
    color:#61738a;
    font-size:11px;
}

.sichrom-academy-gradient-legend span{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.sichrom-academy-gradient-legend span::before{
    content:"";
    width:18px;
    height:2px;
    border-radius:2px;
}

.sichrom-academy-gradient-legend .is-a::before{
    background:#9aa8b8;
}

.sichrom-academy-gradient-legend .is-b::before{
    background:#168bf2;
}

.sichrom-academy-gradient-table{
    width:100%;
    border-collapse:collapse;
}

.sichrom-academy-gradient-table th,
.sichrom-academy-gradient-table td{
    padding:10px 12px;
    border-bottom:1px solid #edf2f7;
    text-align:right;
    font-size:12px;
}

.sichrom-academy-gradient-table th:first-child,
.sichrom-academy-gradient-table td:first-child{
    text-align:left;
}

.sichrom-academy-gradient-table th{
    background:#f5f9fd;
    color:#526174;
    font-weight:700;
}

.sichrom-academy-gradient-table th small{
    color:#96a2b1;
    font-size:9px;
    font-weight:400;
}

.sichrom-academy-gradient-table tr:last-child td{
    border-bottom:0;
}


/* ---------- Source ---------- */

.sichrom-academy-source-section{
    margin-top:42px;
    padding:18px 20px;
    background:#f4f5f7;
    border:1px solid #d9dde3;
    border-radius:15px;
}

.sichrom-academy-source-title{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:13px;
}

.sichrom-academy-source-icon{
    display:block;
    flex:0 0 32px;
    width:32px;
    height:32px;
    background-color:#6f7b88;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M15 3v4h4M9 11h6M9 15h6'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M6 3h9l3 3v15H6Z'/%3E%3Cpath d='M15 3v4h4M9 11h6M9 15h6'/%3E%3C/svg%3E");
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:25px;
    mask-size:25px;
}

.sichrom-academy-source-title h2{
    margin:0;
    color:#394b60;
    font-size:18px;
}

.sichrom-academy-source-title>div>span{
    display:block;
    margin-top:2px;
    color:#89939f;
    font-size:10px;
}

.sichrom-academy-source-content{
    display:grid;
    gap:7px;
}

.sichrom-academy-source-row{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:15px;
    align-items:start;
}

.sichrom-academy-source-row>span{
    color:#7f8995;
    font-size:11px;
}

.sichrom-academy-source-row>strong{
    color:#4a596b;
    font-size:12px;
    font-weight:600;
    line-height:1.45;
}

.sichrom-academy-source-open{
    display:inline-flex;
    width:max-content;
    margin-top:8px;
    color:#55697f!important;
    font-size:12px;
    font-weight:700;
    text-decoration:none!important;
}

.sichrom-academy-source-open:hover{
    color:#0877dc!important;
}


@media(max-width:900px){
    .sichrom-academy-method-snapshot-grid,
    .sichrom-academy-gradient-layout{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){
    .sichrom-academy-method-snapshot{
        padding:15px;
    }

    .sichrom-academy-condition-row{
        grid-template-columns:1fr;
        gap:5px;
    }

    .sichrom-academy-source-row{
        grid-template-columns:1fr;
        gap:3px;
    }

    .sichrom-academy-gradient-chart{
        padding:6px;
    }
}

/* ==================================================
   SICHROM — V47 ACADEMY SCIENTIFIC DATA
   ================================================== */


/* ==================================================
   SICHROM — V48 ACADEMY FILTERS / METHODS / CONDITIONS
   ================================================== */

.sichrom-academy-filter{
    display:block;
    padding:18px;
}

.sichrom-academy-filter-search-row{
    margin-bottom:16px;
}

.sichrom-academy-filter-search{
    display:block;
}

.sichrom-academy-filter-search>span{
    min-height:0!important;
}

.sichrom-academy-filter-search input{
    height:48px;
    font-size:14px;
}

.sichrom-academy-filter-line{
    display:grid;
    grid-template-columns:170px minmax(0,1fr);
    gap:18px;
    align-items:start;
    padding:14px 0;
    border-top:1px solid #e8eef5;
}

.sichrom-academy-filter-line-title{
    padding-top:5px;
}

.sichrom-academy-filter-line-title strong{
    display:block;
    color:#253b59;
    font-size:13px;
    font-weight:700;
}

.sichrom-academy-filter-line-title span{
    display:block;
    margin-top:2px;
    color:#8996a8;
    font-size:10px;
}

.sichrom-academy-filter-line select{
    width:100%;
    max-width:420px;
    height:42px;
}

.sichrom-academy-filter-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.sichrom-academy-filter-buttons button{
    width:auto!important;
    min-width:0!important;
    height:36px!important;
    margin:0!important;
    padding:0 12px!important;
    background:#fff!important;
    border:1px solid #d6e5f5!important;
    border-radius:8px!important;
    color:#53677f!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1!important;
    cursor:pointer;
    white-space:nowrap;
    box-shadow:none!important;
}

.sichrom-academy-filter-buttons button:hover{
    border-color:#9ecbf2!important;
    background:#f6fbff!important;
    color:#0877dc!important;
}

.sichrom-academy-filter-buttons button.is-active{
    border-color:#168bf2!important;
    background:#eaf5ff!important;
    color:#0877dc!important;
}

.sichrom-academy-phase-grid{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.sichrom-academy-phase-tile{
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    width:70px!important;
    min-width:70px!important;
    height:70px!important;
    margin:0!important;
    padding:7px!important;
    background:#fff!important;
    border:1px solid #d6e5f5!important;
    border-radius:9px!important;
    color:#284866!important;
    cursor:pointer;
    box-shadow:none!important;
}

.sichrom-academy-phase-tile strong{
    display:block;
    max-width:100%;
    color:#16355d;
    font-size:18px;
    font-weight:760;
    line-height:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.sichrom-academy-phase-tile small{
    display:block;
    max-width:100%;
    margin-top:6px;
    color:#8d9aaa;
    font-size:8px;
    line-height:1.05;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.sichrom-academy-phase-tile:hover{
    border-color:#9ecbf2!important;
    background:#f7fbff!important;
}

.sichrom-academy-phase-tile.is-active{
    border-color:#168bf2!important;
    background:#eaf5ff!important;
}

.sichrom-academy-phase-tile.is-active strong{
    color:#0877dc;
}

.sichrom-academy-filter-actions{
    justify-content:flex-end;
    padding-top:14px;
    border-top:1px solid #e8eef5;
}

.sichrom-academy-conditions-table{
    display:none!important;
}

.sichrom-academy-conditions-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:0;
    overflow:hidden;
    background:#fff;
    border:1px solid #dfe8f3;
    border-radius:15px;
}

.sichrom-academy-condition-cell{
    min-width:0;
    padding:15px 16px;
    border-right:1px solid #edf2f7;
    border-bottom:1px solid #edf2f7;
}

.sichrom-academy-condition-cell.is-full{
    grid-column:1/-1;
}

.sichrom-academy-condition-cell.is-half{
    grid-column:span 3;
}

.sichrom-academy-condition-cell.is-third{
    grid-column:span 2;
    border-bottom:0;
}

.sichrom-academy-condition-cell>span{
    display:block;
    margin-bottom:7px;
    color:#5f738a;
    font-size:11px;
    font-weight:650;
}

.sichrom-academy-condition-cell>span small{
    display:block;
    margin-top:2px;
    color:#9aa5b2;
    font-size:9px;
    font-weight:400;
}

.sichrom-academy-condition-cell>strong{
    display:block;
    color:#213b58;
    font-size:13px;
    font-weight:600;
    line-height:1.55;
}

.sichrom-academy-methods-section{
    margin-top:38px;
}

.sichrom-academy-method-cards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
}

.sichrom-academy-method-card{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:14px 15px;
    background:linear-gradient(135deg,#fbfdff,#f5faff);
    border:1px solid #d7e8f8;
    border-radius:13px;
    color:#29435f!important;
    text-decoration:none!important;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.sichrom-academy-method-card:hover{
    transform:translateY(-1px);
    border-color:#a9d0f4;
    box-shadow:0 5px 18px rgba(19,46,82,.055);
}

.sichrom-academy-method-card-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    background:#e7f4ff;
    border:1px solid #cfe5f9;
    border-radius:10px;
    color:#0877dc;
    font-size:11px;
    font-weight:800;
}

.sichrom-academy-method-card strong{
    display:block;
    color:#16355d;
    font-size:14px;
    line-height:1.35;
}

.sichrom-academy-method-card span{
    display:block;
    margin-top:4px;
    color:#77879a;
    font-size:10px;
    line-height:1.4;
}

.sichrom-academy-method-card b{
    color:#168bf2;
    font-size:17px;
    font-weight:500;
}

@media(max-width:900px){
    .sichrom-academy-filter-line{
        grid-template-columns:1fr;
        gap:9px;
    }

    .sichrom-academy-filter-line-title{
        padding-top:0;
    }

    .sichrom-academy-condition-cell.is-half,
    .sichrom-academy-condition-cell.is-third{
        grid-column:span 6;
    }

    .sichrom-academy-method-cards{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){
    .sichrom-academy-filter{
        padding:14px;
    }

    .sichrom-academy-phase-tile{
        width:62px!important;
        min-width:62px!important;
        height:62px!important;
    }

    .sichrom-academy-phase-tile strong{
        font-size:16px;
    }

    .sichrom-academy-filter-actions{
        justify-content:flex-start;
    }
}

/* ==================================================
   SICHROM — V48 ACADEMY FILTERS / METHODS / CONDITIONS
   ================================================== */


/* ==================================================
   SICHROM — V49 ACADEMY SMART SEARCH + METHOD REQUEST
   ================================================== */

/* ---------- Smart autocomplete ---------- */

.sichrom-academy-smart-search{
    position:relative;
    width:100%;
}

.sichrom-academy-smart-search input{
    width:100%;
}

.sichrom-academy-search-results{
    position:absolute;
    z-index:9999;
    top:calc(100% + 7px);
    left:0;
    right:0;

    max-height:430px;
    overflow-y:auto;

    padding:7px;

    background:rgba(255,255,255,.985);

    border:1px solid #d7e5f4;
    border-radius:12px;

    box-shadow:
        0 16px 40px rgba(20,48,82,.14);
}

.sichrom-academy-search-results[hidden]{
    display:none!important;
}

.sichrom-academy-search-result{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    column-gap:10px;
    row-gap:3px;

    padding:11px 12px;

    border-radius:9px;

    color:#213b58!important;
    text-decoration:none!important;
}

.sichrom-academy-search-result:hover,
.sichrom-academy-search-result.is-active{
    background:#eef7ff;
}

.sichrom-academy-search-result-type{
    grid-row:1 / span 2;

    align-self:start;

    min-width:78px;

    padding:4px 7px;

    background:#f3f8fd;

    border:1px solid #dbeaf7;
    border-radius:6px;

    color:#6b7f94;

    font-size:9px;
    font-weight:650;
    text-align:center;
}

.sichrom-academy-search-result strong{
    display:block;

    color:#16355d;

    font-size:13px;
    font-weight:700;
    line-height:1.35;
}

.sichrom-academy-search-result small{
    display:block;

    color:#7d8c9e;

    font-size:10px;
    line-height:1.4;
}

.sichrom-academy-search-empty{
    padding:13px 12px;

    color:#8390a0;

    font-size:11px;
    text-align:center;
}


/* ---------- Method request at bottom of Academy article ---------- */

.sichrom-academy-method-request{
    margin-top:42px;
    padding:20px;

    background:
        linear-gradient(
            135deg,
            #f8fbff,
            #f2f8fe
        );

    border-color:#d3e5f6;
}

.sichrom-academy-method-request
.sichrom-method-request-eyebrow{
    font-size:12px;
}

.sichrom-academy-method-request
.sichrom-method-request-copy h3{
    font-size:21px;
}

.sichrom-academy-method-request
.sichrom-method-request-copy p{
    font-size:12px;
    line-height:1.6;
}

.sichrom-academy-method-request
.sichrom-method-request-form label>span{
    font-size:11px;
}

.sichrom-academy-method-request
.sichrom-method-request-form input,
.sichrom-academy-method-request
.sichrom-method-request-form select,
.sichrom-academy-method-request
.sichrom-method-request-form textarea{
    font-size:12px!important;
}

.sichrom-academy-method-request-success{
    margin-top:38px;
    font-size:12px;
}


/* Admin CTA preview */
.sichrom-academy-method-request-admin p{
    margin:10px 0 14px;
    color:#6c7b8e;
}

.sichrom-academy-method-request-admin-preview{
    display:flex;
    flex-direction:column;
    gap:3px;

    padding:12px 14px;

    background:#f5faff;

    border:1px solid #d6e8f8;
    border-radius:8px;
}

.sichrom-academy-method-request-admin-preview span{
    color:#0877dc;
    font-size:11px;
    font-weight:650;
}

.sichrom-academy-method-request-admin-preview strong{
    color:#183a61;
    font-size:14px;
}


@media(max-width:767px){

    .sichrom-academy-search-results{
        max-height:60vh;
    }

    .sichrom-academy-search-result{
        grid-template-columns:1fr;
    }

    .sichrom-academy-search-result-type{
        grid-row:auto;
        width:max-content;
        min-width:0;
    }

    .sichrom-academy-method-request{
        padding:16px;
    }
}

/* ==================================================
   SICHROM — V49 ACADEMY SMART SEARCH + METHOD REQUEST
   ================================================== */


/* ==================================================
   SICHROM — V50 ACADEMY LEAD IMAGE 70/30
   Featured image is integrated into the short-summary card.
   ================================================== */

/*
 * Old standalone cover is no longer rendered by V50.
 * Keep this safeguard in case cached markup remains briefly.
 */
.sichrom-academy-article-head > .sichrom-academy-cover{
    display:none!important;
}

.sichrom-academy-lead-card{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:0;

    margin-top:22px;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #f8fbff,
            #f2f8fe
        );

    border:1px solid #d8e8f7;
    border-radius:18px;

    box-shadow:
        0 5px 22px rgba(19,46,82,.04);
}

.sichrom-academy-lead-card.has-image{
    grid-template-columns:
        minmax(0,7fr)
        minmax(190px,3fr);
}

.sichrom-academy-lead-card-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;

    min-width:0;

    padding:24px 26px;
}

.sichrom-academy-lead-card-label{
    margin-bottom:9px;

    color:#0877dc;

    font-size:11px;
    font-weight:750;
    letter-spacing:.01em;
}

.sichrom-academy-lead-card-label span{
    display:block;

    margin-top:2px;

    color:#95a1b0;

    font-size:9px;
    font-weight:400;
}

.sichrom-academy-lead-card
.sichrom-academy-article-lead{
    max-width:none;

    margin:0;

    color:#41566e;

    font-size:16px;
    line-height:1.7;
}

.sichrom-academy-lead-card-image{
    position:relative;

    width:100%;
    height:100%;
    min-height:220px;

    margin:0;

    overflow:hidden;

    background:#eaf3fb;
}

.sichrom-academy-lead-card-image::before{
    content:"";

    display:block;

    width:100%;
    padding-top:100%;
}

.sichrom-academy-lead-card-image img{
    position:absolute;

    inset:0;

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    border-radius:0;
}


/* Tablet: keep image but slightly reduce its share. */
@media(max-width:900px){

    .sichrom-academy-lead-card.has-image{
        grid-template-columns:
            minmax(0,2fr)
            minmax(170px,1fr);
    }

    .sichrom-academy-lead-card-copy{
        padding:21px 22px;
    }
}


/* Mobile: image becomes a compact square under the text. */
@media(max-width:650px){

    .sichrom-academy-lead-card.has-image{
        grid-template-columns:1fr;
    }

    .sichrom-academy-lead-card-copy{
        padding:18px;
    }

    .sichrom-academy-lead-card-image{
        min-height:0;
        max-height:none;
    }

    .sichrom-academy-lead-card-image::before{
        padding-top:56.25%;
    }

    .sichrom-academy-lead-card
    .sichrom-academy-article-lead{
        font-size:15px;
    }
}

/* ==================================================
   SICHROM — V50 ACADEMY LEAD IMAGE 70/30
   ================================================== */





/* ==================================================
   SICHROM — V52 ACADEMY CHROMATOGRAM COMPARISON
   Original image + Sichrom method database
   ================================================== */

.sichrom-academy-chromatograms-section{
    margin-top:38px;
}

.sichrom-academy-chromatogram-pairs{
    display:grid;
    gap:18px;
}

.sichrom-academy-chromatogram-pair{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    overflow:hidden;
    background:#fff;
    border:1px solid #dfe8f3;
    border-radius:16px;
}

.sichrom-academy-chromatogram-pane{
    min-width:0;
    background:#fff;
}

.sichrom-academy-chromatogram-pane + .sichrom-academy-chromatogram-pane{
    border-left:1px solid #dfe8f3;
}

.sichrom-academy-chromatogram-pane.is-sichrom{
    background:#fbfdff;
}

.sichrom-academy-chromatogram-pane-head{
    padding:12px 15px;
    background:#f6f9fc;
    border-bottom:1px solid #e7eef5;
}

.sichrom-academy-chromatogram-pane.is-sichrom
.sichrom-academy-chromatogram-pane-head{
    background:#eef7ff;
}

.sichrom-academy-chromatogram-pane-head span{
    display:block;
    color:#17395e;
    font-size:13px;
    font-weight:750;
}

.sichrom-academy-chromatogram-pane-head small{
    display:block;
    margin-top:2px;
    color:#8a98a8;
    font-size:9px;
}

.sichrom-academy-chromatogram-original{
    margin:0;
    padding:14px;
}

.sichrom-academy-chromatogram-original img{
    display:block;
    width:100%;
    height:auto;
    max-height:520px;
    object-fit:contain;
    background:#fff;
}

.sichrom-academy-chromatogram-original figcaption{
    display:grid;
    gap:3px;
    margin-top:10px;
}

.sichrom-academy-chromatogram-original figcaption strong{
    color:#314b67;
    font-size:12px;
}

.sichrom-academy-chromatogram-original figcaption span{
    color:#7c8b9c;
    font-size:10px;
    line-height:1.45;
}

.sichrom-academy-chromatogram-method-info{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    border-bottom:1px solid #e7eef5;
}

.sichrom-academy-chromatogram-method-title{
    display:block;
    color:#0877dc!important;
    font-size:12px;
    font-weight:750;
    line-height:1.35;
    text-decoration:none!important;
}

.sichrom-academy-chromatogram-column{
    display:block;
    margin-top:4px;
    color:#5f738b!important;
    font-size:10px;
    text-decoration:none!important;
}

.sichrom-academy-chromatogram-method-open{
    flex:0 0 auto;
    color:#0877dc!important;
    font-size:10px;
    font-weight:700;
    text-decoration:none!important;
}

.sichrom-academy-chromatogram-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:8px 12px;
    border-bottom:1px solid #edf2f7;
}

.sichrom-academy-chromatogram-legend{
    display:flex;
    flex-wrap:wrap;
    gap:8px 12px;
}

.sichrom-academy-chromatogram-legend-item{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#64758a;
    font-size:9px;
}

.sichrom-academy-chromatogram-legend-item i{
    display:block;
    width:19px;
    height:2px;
    border-radius:2px;
}

.sichrom-academy-chromatogram-reset{
    flex:0 0 auto;
    padding:6px 9px;
    background:#f7fbff;
    border:1px solid #d7e6f4;
    border-radius:7px;
    color:#4f667f;
    font-size:9px;
    font-weight:650;
    cursor:pointer;
}

.sichrom-academy-chromatogram-chart-wrap{
    position:relative;
    padding:7px 8px 3px;
    touch-action:none;
}

.sichrom-academy-chromatogram-svg{
    display:block;
    width:100%;
    height:auto;
    cursor:crosshair;
    user-select:none;
}

.sichrom-academy-chroma-grid{
    stroke:#edf2f7;
    stroke-width:1;
}

.sichrom-academy-chroma-grid.is-vertical{
    stroke:#f3f6f9;
}

.sichrom-academy-chroma-tick{
    fill:#7c8b9d;
    font-size:11px;
}

.sichrom-academy-chroma-axis-title{
    fill:#50647b;
    font-size:12px;
    font-weight:650;
}

.sichrom-academy-chroma-line{
    fill:none;
    stroke-width:2;
    stroke-linejoin:round;
    stroke-linecap:round;
}

.sichrom-academy-chroma-line.series-1,
.sichrom-academy-chromatogram-legend-item i.series-1{
    stroke:#168bf2;
    background:#168bf2;
}

.sichrom-academy-chroma-line.series-2,
.sichrom-academy-chromatogram-legend-item i.series-2{
    stroke:#8a98a8;
    background:#8a98a8;
}

.sichrom-academy-chroma-line.series-3,
.sichrom-academy-chromatogram-legend-item i.series-3{
    stroke:#44576c;
    background:#44576c;
}

.sichrom-academy-chromatogram-tooltip{
    position:absolute;
    z-index:5;
    min-width:135px;
    max-width:230px;
    padding:8px 9px;
    background:rgba(24,51,82,.9);
    border-radius:8px;
    color:#fff;
    font-size:9px;
    line-height:1.45;
    pointer-events:none;
}

.sichrom-academy-chromatogram-tooltip[hidden]{
    display:none!important;
}

.sichrom-academy-chromatogram-tooltip strong{
    display:block;
    margin-bottom:3px;
    font-size:10px;
}

.sichrom-academy-chromatogram-tooltip span{
    display:block;
}

.sichrom-academy-chromatogram-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:300px;
    padding:30px;
    color:#8a98a8;
    font-size:11px;
    text-align:center;
}


/* Admin comparison layout */
.sichrom-academy-chroma-compare-admin{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.sichrom-academy-chroma-side{
    min-width:0;
    padding:14px;
    background:#fff;
    border:1px solid #dfe8f3;
    border-radius:9px;
}

.sichrom-academy-chroma-side.is-sichrom{
    background:#f8fbff;
}

.sichrom-academy-chroma-side-title{
    margin-bottom:12px;
}

.sichrom-academy-chroma-side-title strong{
    display:block;
    color:#17395e;
    font-size:13px;
}

.sichrom-academy-chroma-side-title span{
    display:block;
    margin-top:2px;
    color:#8a98a8;
    font-size:10px;
}

.sichrom-academy-chroma-method-preview{
    display:grid;
    gap:4px;
    margin-top:12px;
    padding:10px 11px;
    background:#eef7ff;
    border-radius:7px;
}

.sichrom-academy-chroma-method-preview strong{
    color:#17436c;
    font-size:12px;
}

.sichrom-academy-chroma-method-preview span{
    color:#6f8092;
    font-size:10px;
}


@media(max-width:900px){

    .sichrom-academy-chromatogram-pair,
    .sichrom-academy-chroma-compare-admin{
        grid-template-columns:1fr;
    }

    .sichrom-academy-chromatogram-pane + .sichrom-academy-chromatogram-pane{
        border-left:0;
        border-top:1px solid #dfe8f3;
    }
}

@media(max-width:767px){

    .sichrom-academy-chromatogram-method-info{
        flex-direction:column;
    }

    .sichrom-academy-chromatogram-toolbar{
        align-items:flex-start;
        flex-direction:column;
    }

    .sichrom-academy-chromatogram-chart-wrap{
        overflow-x:auto;
    }

    .sichrom-academy-chromatogram-svg{
        min-width:640px;
    }
}

/* ==================================================
   SICHROM — V52 ACADEMY CHROMATOGRAM COMPARISON
   ================================================== */


/* ==================================================
   SICHROM — V53 CHROMATOGRAM COLUMN TITLES
   ================================================== */

.sichrom-academy-chromatogram-pane-column{
    display:block;
    margin-top:8px;
    color:#16355d;
    font-size:13px;
    font-weight:760;
    line-height:1.35;
    font-style:normal;
}

.sichrom-academy-chromatogram-pane-column.is-link{
    color:#0877dc!important;
    text-decoration:none!important;
}

.sichrom-academy-chromatogram-pane-column.is-link:hover{
    text-decoration:underline!important;
}

.sichrom-academy-chromatogram-pane-specs{
    display:block;
    margin-top:3px;
    color:#74859a;
    font-size:10px;
    line-height:1.35;
    font-style:normal;
}

/* ==================================================
   SICHROM — V53 CHROMATOGRAM COLUMN TITLES
   ================================================== */


/* ==================================================
   SICHROM — V54 COMPACT BILINGUAL / PEAKS / TABLES
   ================================================== */

/* Russian title and English translation sit closer together */
.sichrom-academy-section-heading span,
.sichrom-academy-method-snapshot-head small,
.sichrom-academy-method-snapshot-label small,
.sichrom-academy-condition-cell>span small,
.sichrom-academy-source-title>div>span,
.sichrom-academy-chromatogram-pane-head small,
.sichrom-academy-lead-card-label span,
.sichrom-academy-filter-line-title span,
.sichrom-academy-chroma-side-title span,
.sichrom-academy-admin-field label span{
    margin-top:1px!important;
}

.sichrom-academy-section-heading{
    gap:2px!important;
}

.sichrom-academy-method-snapshot-label{
    margin-bottom:3px;
}

.sichrom-academy-condition-cell>span{
    margin-bottom:4px;
}

.sichrom-academy-source-title{
    margin-bottom:8px;
}

.sichrom-academy-chromatogram-pane-head span{
    line-height:1.15;
}

.sichrom-academy-chromatogram-pane-head small{
    line-height:1.1;
}

/* Analytical conditions slightly tighter */
.sichrom-academy-condition-cell{
    padding:11px 14px;
}

.sichrom-academy-method-snapshot-item{
    padding:11px 13px;
}

/* Compact gradient table */
.sichrom-academy-gradient-table th,
.sichrom-academy-gradient-table td{
    padding:5px 9px!important;
    line-height:1.15!important;
    font-size:11px!important;
}

.sichrom-academy-gradient-table th small{
    display:block;
    margin-top:1px;
    line-height:1.05;
}

/* Academy chromatogram: never show internal grid lines */
.sichrom-academy-chroma-grid{
    display:none!important;
}

/* Peak labels */
.sichrom-academy-chroma-peak-number{
    fill:#0877dc;
    font-size:13px;
    font-weight:750;
}

.sichrom-academy-chroma-peak-name{
    fill:#17395e;
    font-size:11px;
    font-weight:650;
}

/* Compact separation-parameters table */
.sichrom-academy-peak-results{
    border-top:1px solid #e4edf6;
    background:#fff;
}

.sichrom-academy-peak-results-head{
    min-height:32px;
    padding:6px 10px;
    background:#f5f9fd;
    border-bottom:1px solid #e4edf6;
}

.sichrom-academy-peak-results-head strong{
    color:#17395e;
    font-size:11px;
    font-weight:750;
}

.sichrom-academy-peak-table-wrap{
    overflow-x:auto;
}

.sichrom-academy-peak-table{
    width:100%;
    border-collapse:collapse;
}

.sichrom-academy-peak-table th,
.sichrom-academy-peak-table td{
    padding:5px 7px!important;
    border-right:1px solid #e9eef4;
    border-bottom:1px solid #e9eef4;
    color:#344c67;
    font-size:9px!important;
    line-height:1.15!important;
    text-align:left;
    white-space:nowrap;
}

.sichrom-academy-peak-table th{
    background:#fbfcfe;
    color:#52667f;
    font-weight:700;
}

.sichrom-academy-peak-table th:last-child,
.sichrom-academy-peak-table td:last-child{
    border-right:0;
}

.sichrom-academy-peak-table tbody tr:last-child td{
    border-bottom:0;
}

.sichrom-academy-peak-table th:nth-child(1),
.sichrom-academy-peak-table td:nth-child(1){
    width:30px;
}

.sichrom-academy-peak-table th:nth-child(2),
.sichrom-academy-peak-table td:nth-child(2){
    width:34%;
}

.sichrom-academy-peak-table th:nth-child(n+3),
.sichrom-academy-peak-table td:nth-child(n+3){
    text-align:center;
}

/* ==================================================
   SICHROM — V54 COMPACT BILINGUAL / PEAKS / TABLES
   ================================================== */


/* ==================================================
   SICHROM — V55 CONDITIONS + AUTHOR
   ================================================== */

/* ---------- Compact Analytical conditions ---------- */

.sichrom-academy-conditions-section{
    margin-top:32px;
}

.sichrom-academy-conditions-section
.sichrom-academy-section-heading{
    margin-bottom:10px!important;
}

.sichrom-academy-conditions-section
.sichrom-academy-section-heading h2{
    margin-bottom:0!important;
    line-height:1.12;
}

.sichrom-academy-conditions-section
.sichrom-academy-section-heading span{
    margin-top:0!important;
    line-height:1.05;
}

.sichrom-academy-conditions-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
}

.sichrom-academy-condition-cell{
    display:flex;
    align-items:flex-start;
    gap:9px;
    min-height:0;
    padding:8px 11px!important;
}

.sichrom-academy-condition-cell.is-full{
    grid-column:1/-1;
}

.sichrom-academy-condition-cell.is-half{
    grid-column:span 3;
}

.sichrom-academy-condition-cell.is-third{
    grid-column:span 2;
}

.sichrom-academy-condition-content{
    min-width:0;
    flex:1 1 auto;
}

.sichrom-academy-condition-label{
    display:block;
    margin:0 0 2px!important;
    color:#5f738a;
    font-size:10px;
    font-weight:700;
    line-height:1.12;
}

.sichrom-academy-condition-label small{
    display:block;
    margin-top:0!important;
    color:#9aa5b2;
    font-size:8px;
    font-weight:400;
    line-height:1.05;
}

.sichrom-academy-condition-content>strong{
    display:block;
    color:#213b58;
    font-size:12px;
    font-weight:600;
    line-height:1.35;
}


/* ---------- Condition icons ---------- */

.sichrom-academy-condition-icon{
    flex:0 0 25px;
    width:25px;
    height:25px;
    margin-top:1px;
    background-color:#168bf2;
    opacity:.88;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:21px;
    mask-size:21px;
}

/* flask / sample */
.sichrom-academy-condition-icon.is-sample{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6v2h-1v5.2l5.1 8.2A3 3 0 0 1 16.5 22h-9a3 3 0 0 1-2.6-4.6L10 9.2V4H9V2Zm2.2 9-4.6 7.4a1 1 0 0 0 .9 1.6h9a1 1 0 0 0 .9-1.6L12.8 11h-1.6Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6v2h-1v5.2l5.1 8.2A3 3 0 0 1 16.5 22h-9a3 3 0 0 1-2.6-4.6L10 9.2V4H9V2Zm2.2 9-4.6 7.4a1 1 0 0 0 .9 1.6h9a1 1 0 0 0 .9-1.6L12.8 11h-1.6Z'/%3E%3C/svg%3E");
}

/* droplet / mobile phase */
.sichrom-academy-condition-icon.is-mobile{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2s7 7.1 7 12a7 7 0 1 1-14 0c0-4.9 7-12 7-12Zm0 4.1C9.8 8.7 7 12.2 7 14a5 5 0 0 0 10 0c0-1.8-2.8-5.3-5-7.9Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2s7 7.1 7 12a7 7 0 1 1-14 0c0-4.9 7-12 7-12Zm0 4.1C9.8 8.7 7 12.2 7 14a5 5 0 0 0 10 0c0-1.8-2.8-5.3-5-7.9Z'/%3E%3C/svg%3E");
}

/* flow */
.sichrom-academy-condition-icon.is-flow{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h13l-3-3 1.4-1.4L20.8 9l-6.4 6.4L13 14l3-3H3V7Zm18 10H8l3 3-1.4 1.4L3.2 15l6.4-6.4L11 10l-3 3h13v4Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7h13l-3-3 1.4-1.4L20.8 9l-6.4 6.4L13 14l3-3H3V7Zm18 10H8l3 3-1.4 1.4L3.2 15l6.4-6.4L11 10l-3 3h13v4Z'/%3E%3C/svg%3E");
}

/* thermometer */
.sichrom-academy-condition-icon.is-temperature{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 14.8V5a4 4 0 0 0-8 0v9.8a6 6 0 1 0 8 0ZM10 20a4 4 0 0 1-2-7.5V5a2 2 0 0 1 4 0v7.5A4 4 0 0 1 10 20Zm-1-9h2v6H9v-6Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 14.8V5a4 4 0 0 0-8 0v9.8a6 6 0 1 0 8 0ZM10 20a4 4 0 0 1-2-7.5V5a2 2 0 0 1 4 0v7.5A4 4 0 0 1 10 20Zm-1-9h2v6H9v-6Z'/%3E%3C/svg%3E");
}

/* syringe / injection */
.sichrom-academy-condition-icon.is-injection{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m16 2 6 6-1.4 1.4-1.3-1.3-3.4 3.4 1 1-1.4 1.4-1-1-6.8 6.8-3.4.7.7-3.4 6.8-6.8-1-1L11.6 8l1 1L16 5.6l-1.4-1.4L16 2Zm-3.4 8.4-6 6-.3 1.3 1.3-.3 6-6-1-1Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m16 2 6 6-1.4 1.4-1.3-1.3-3.4 3.4 1 1-1.4 1.4-1-1-6.8 6.8-3.4.7.7-3.4 6.8-6.8-1-1L11.6 8l1 1L16 5.6l-1.4-1.4L16 2Zm-3.4 8.4-6 6-.3 1.3 1.3-.3 6-6-1-1Z'/%3E%3C/svg%3E");
}

/* detector */
.sichrom-academy-condition-icon.is-detector{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v14H3V4Zm2 2v10h14V6H5Zm1 8 3-4 2 2 3-4 4 6h-2.5L14 11.7l-2.8 3.8L9.2 13.5 8.8 14H6Zm4 6h4v2h-4v-2Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v14H3V4Zm2 2v10h14V6H5Zm1 8 3-4 2 2 3-4 4 6h-2.5L14 11.7l-2.8 3.8L9.2 13.5 8.8 14H6Zm4 6h4v2h-4v-2Z'/%3E%3C/svg%3E");
}

/* clock */
.sichrom-academy-condition-icon.is-duration{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm1 3v4.6l3.2 2-1.1 1.7L11 12.8V7h2Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm1 3v4.6l3.2 2-1.1 1.7L11 12.8V7h2Z'/%3E%3C/svg%3E");
}


/* ---------- Author footer ---------- */

.sichrom-academy-author.is-author-hidden{
    grid-template-columns:1fr;
}


/* ---------- Mobile ---------- */

@media(max-width:900px){

    .sichrom-academy-condition-cell.is-third{
        grid-column:span 3;
    }
}

@media(max-width:650px){

    .sichrom-academy-condition-cell.is-half,
    .sichrom-academy-condition-cell.is-third{
        grid-column:1/-1;
    }

    .sichrom-academy-condition-cell{
        padding:8px 10px!important;
    }
}

/* ==================================================
   SICHROM — V55 CONDITIONS + AUTHOR
   ================================================== */


/* ==================================================
   SICHROM — V56 CONDITIONS / FILTERS / SEARCH FIX
   ================================================== */

/* ---------- Global bilingual spacing: close, but never touching ---------- */

.sichrom-academy-section-heading span,
.sichrom-academy-filter-line-title span,
.sichrom-academy-filter-search>span small,
.sichrom-academy-method-snapshot-label small,
.sichrom-academy-chromatogram-pane-head small,
.sichrom-academy-condition-label-v56 small{
    margin-top:2px!important;
    line-height:1.15!important;
}


/* ---------- Analytical conditions: fixed 1 / 3 / 3 structure ---------- */

.sichrom-academy-conditions-grid{
    display:none!important;
}

.sichrom-academy-conditions-table-v56{
    overflow:hidden;
    background:#fff;
    border:1px solid #d7e4f1;
    border-radius:15px;
}

.sichrom-academy-condition-row{
    display:grid;
    border-bottom:1px solid #e6edf4;
}

.sichrom-academy-condition-row:last-child{
    border-bottom:0;
}

.sichrom-academy-condition-row.is-one{
    grid-template-columns:1fr;
}

.sichrom-academy-condition-row.is-three{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.sichrom-academy-condition-cell-v56{
    display:flex;
    align-items:flex-start;
    gap:11px;
    min-width:0;
    padding:11px 14px;
    border-right:1px solid #e6edf4;
}

.sichrom-academy-condition-cell-v56:last-child{
    border-right:0;
}

.sichrom-academy-condition-content-v56{
    min-width:0;
    flex:1 1 auto;
}

.sichrom-academy-condition-label-v56{
    display:block;
    margin:0 0 4px;
    color:#526b86;
    font-size:12px;
    font-weight:750;
    line-height:1.15;
}

.sichrom-academy-condition-label-v56 small{
    display:block;
    color:#8998aa;
    font-size:10px;
    font-weight:400;
}

.sichrom-academy-condition-content-v56>strong{
    display:block;
    color:#17395e;
    font-size:14px;
    font-weight:650;
    line-height:1.35;
}

.sichrom-academy-condition-icon{
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    margin-top:1px;
    -webkit-mask-size:24px!important;
    mask-size:24px!important;
}

/* mode icon */
.sichrom-academy-condition-icon.is-mode{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v2H4V5Zm0 6h10v2H4v-2Zm0 6h16v2H4v-2Zm12-7 4 2-4 2v-4Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v2H4V5Zm0 6h10v2H4v-2Zm0 6h16v2H4v-2Zm12-7 4 2-4 2v-4Z'/%3E%3C/svg%3E");
}


/* ---------- Hide old author date layout ---------- */

.sichrom-academy-author.is-author-only{
    display:block;
}

.sichrom-academy-author.is-author-only>div{
    width:max-content;
    max-width:100%;
}


/* ---------- Academy filter block typography / icons ---------- */

.sichrom-academy-filter-search{
    width:100%!important;
    max-width:none!important;
}

.sichrom-academy-filter-search>span{
    display:flex!important;
    align-items:center;
    gap:8px;
    color:#253b59;
    font-size:14px!important;
    font-weight:750!important;
}

.sichrom-academy-filter-search>span small{
    display:inline!important;
    margin:0!important;
    color:#8190a2;
    font-size:11px!important;
    font-weight:400;
}

.sichrom-academy-smart-search{
    width:100%!important;
    max-width:none!important;
}

.sichrom-academy-smart-search input{
    width:100%!important;
    max-width:none!important;
    height:50px;
    font-size:14px!important;
}

.sichrom-academy-filter-line-title{
    position:relative;
    padding-left:31px!important;
}

.sichrom-academy-filter-line-title::before,
.sichrom-academy-filter-search.is-search>span::before{
    content:"";
    flex:0 0 21px;
    width:21px;
    height:21px;
    background:#168bf2;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:20px;
    mask-size:20px;
}

.sichrom-academy-filter-line-title::before{
    position:absolute;
    left:0;
    top:4px;
}

.sichrom-academy-filter-search.is-search>span::before{
    display:inline-block;
}

/* Search */
.sichrom-academy-filter-search.is-search>span::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4a6 6 0 1 0 3.8 10.6L19.2 20 21 18.2l-5.4-5.4A6 6 0 0 0 10 4Zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4a6 6 0 1 0 3.8 10.6L19.2 20 21 18.2l-5.4-5.4A6 6 0 0 0 10 4Zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z'/%3E%3C/svg%3E");
}

/* Compound class */
.sichrom-academy-filter-line-title.is-compound::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6v2h-1v4l5 8a3 3 0 0 1-2.5 4.5h-9A3 3 0 0 1 5 16l5-8V4H9V2Zm2.2 8L6.7 17.2a1 1 0 0 0 .8 1.5h9a1 1 0 0 0 .8-1.5L12.8 10h-1.6Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6v2h-1v4l5 8a3 3 0 0 1-2.5 4.5h-9A3 3 0 0 1 5 16l5-8V4H9V2Zm2.2 8L6.7 17.2a1 1 0 0 0 .8 1.5h9a1 1 0 0 0 .8-1.5L12.8 10h-1.6Z'/%3E%3C/svg%3E");
}

/* Manufacturer */
.sichrom-academy-filter-line-title.is-manufacturer::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21V9l6 3V8l6 3V5h6v16H3Zm2-2h14V7h-2v7.2l-6-3V15l-6-3V19Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21V9l6 3V8l6 3V5h6v16H3Zm2-2h14V7h-2v7.2l-6-3V15l-6-3V19Z'/%3E%3C/svg%3E");
}

/* Stationary phase */
.sichrom-academy-filter-line-title.is-phase::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14v18H5V3Zm2 2v14h10V5H7Zm2 2h6v2H9V7Zm0 4h6v2H9v-2Zm0 4h6v2H9v-2Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14v18H5V3Zm2 2v14h10V5H7Zm2 2h6v2H9V7Zm0 4h6v2H9v-2Zm0 4h6v2H9v-2Z'/%3E%3C/svg%3E");
}

.sichrom-academy-filter-line-title strong{
    font-size:14px!important;
    line-height:1.15;
}

.sichrom-academy-filter-line-title span{
    font-size:11px!important;
}

.sichrom-academy-filter-line select{
    font-size:13px!important;
}

.sichrom-academy-filter-buttons button{
    font-size:13px!important;
}

.sichrom-academy-phase-tile{
    width:68px!important;
    min-width:68px!important;
    height:62px!important;
}

.sichrom-academy-phase-tile strong{
    font-size:17px!important;
}


/* ---------- Responsive ---------- */

@media(max-width:900px){

    .sichrom-academy-condition-row.is-three{
        grid-template-columns:1fr;
    }

    .sichrom-academy-condition-cell-v56{
        border-right:0;
        border-bottom:1px solid #e6edf4;
    }

    .sichrom-academy-condition-cell-v56:last-child{
        border-bottom:0;
    }
}

/* ==================================================
   SICHROM — V56 CONDITIONS / FILTERS / SEARCH FIX
   ================================================== */


/* ==================================================
   SICHROM — V57 PUBLIC COLUMN ANALOGS
   ================================================== */

.sichrom-column-analogs{
    max-width:1180px;
    margin:0 auto;
}

.sichrom-column-analogs-intro{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:18px;
    align-items:start;
    margin-bottom:20px;
    padding:20px 22px;
    background:linear-gradient(135deg,#f8fbff,#f1f8fe);
    border:1px solid #d9e8f6;
    border-radius:16px;
}

.sichrom-column-analogs-intro-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    background:#e8f5ff;
    border:1px solid #cce5fa;
    border-radius:14px;
    color:#0877dc;
    font-size:28px;
}

.sichrom-column-analogs-eyebrow{
    margin-bottom:4px;
    color:#168bf2;
    font-size:10px;
    font-weight:800;
    letter-spacing:.09em;
}

.sichrom-column-analogs-intro h2{
    margin:0;
    color:#14375e;
    font-size:26px;
    line-height:1.15;
}

.sichrom-column-analogs-en{
    margin-top:2px;
    color:#8b99aa;
    font-size:11px;
}

.sichrom-column-analogs-intro p{
    max-width:800px;
    margin:10px 0 0;
    color:#65778c;
    font-size:13px;
    line-height:1.6;
}

.sichrom-column-analogs-search-card{
    padding:18px;
    background:#fff;
    border:1px solid #dfe8f2;
    border-radius:15px;
}

.sichrom-column-analogs-search-field{
    display:block;
    width:100%;
}

.sichrom-column-analogs-search-field>span,
.sichrom-column-analogs-filters label>span{
    display:block;
    margin-bottom:6px;
    color:#294763;
    font-size:12px;
    font-weight:750;
}

.sichrom-column-analogs-search-field>span small,
.sichrom-column-analogs-filters label>span small{
    display:block;
    margin-top:2px;
    color:#8b99a9;
    font-size:9px;
    font-weight:400;
}

.sichrom-column-analogs-search-input{
    box-sizing:border-box;
    width:100%!important;
    max-width:none!important;
    height:50px;
    padding:0 14px!important;
    border:1px solid #d4e2ef!important;
    border-radius:10px!important;
    background:#fbfdff!important;
    color:#193b5e!important;
    font-size:14px!important;
}

.sichrom-column-analogs-search-input:focus{
    border-color:#86bff1!important;
    box-shadow:0 0 0 3px rgba(22,139,242,.08)!important;
}

.sichrom-column-analogs-filters{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:16px;
}

.sichrom-column-analogs-filters label{
    display:block;
    min-width:0;
}

.sichrom-column-analogs-filters select{
    box-sizing:border-box;
    width:100%;
    height:40px;
    padding:0 9px;
    border:1px solid #d9e5f0;
    border-radius:8px;
    background:#fff;
    color:#405975;
    font-size:11px;
}

.sichrom-column-analogs-reset{
    align-self:end;
    height:40px;
    padding:0 15px;
    background:#f7fafd;
    border:1px solid #d9e5f0;
    border-radius:8px;
    color:#607389;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
}

.sichrom-column-analogs-status{
    min-height:18px;
    margin-top:11px;
    color:#7c8b9c;
    font-size:10px;
}

.sichrom-column-analogs-results{
    display:grid;
    gap:12px;
    margin-top:18px;
}

.sichrom-column-analogs-results[hidden]{
    display:none!important;
}

.sichrom-column-analog-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);
    overflow:hidden;
    background:#fff;
    border:1px solid #dce7f2;
    border-radius:14px;
}

.sichrom-column-analog-source,
.sichrom-column-analog-target{
    min-width:0;
    padding:16px;
}

.sichrom-column-analog-source{
    background:#fbfcfe;
}

.sichrom-column-analog-target{
    background:#f7fbff;
}

.sichrom-column-analog-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#f2f7fc;
    border-left:1px solid #e3ebf3;
    border-right:1px solid #e3ebf3;
    color:#168bf2;
    font-size:22px;
}

.sichrom-column-analog-label{
    margin-bottom:7px;
}

.sichrom-column-analog-label strong{
    display:block;
    color:#415d79;
    font-size:10px;
    font-weight:750;
}

.sichrom-column-analog-label span{
    display:block;
    margin-top:1px;
    color:#9aa5b1;
    font-size:8px;
}

.sichrom-column-analog-source h3{
    margin:0;
    color:#15395f;
    font-size:16px;
    line-height:1.3;
}

.sichrom-column-analog-brand{
    margin-top:4px;
    color:#75869a;
    font-size:10px;
}

.sichrom-column-analog-specs{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:10px;
}

.sichrom-column-analog-specs span{
    padding:4px 7px;
    background:#fff;
    border:1px solid #dfe7ef;
    border-radius:6px;
    color:#62758a;
    font-size:9px;
}

.sichrom-column-analog-target-main{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:12px;
    align-items:center;
}

.sichrom-column-analog-product-image{
    display:block;
    width:62px;
    height:62px;
}

.sichrom-column-analog-product-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}

.sichrom-column-analog-product-title{
    display:block;
    color:#0877dc!important;
    font-size:15px;
    font-weight:750;
    line-height:1.3;
    text-decoration:none!important;
}

.sichrom-column-analog-product-title.is-empty{
    color:#728398!important;
}

.sichrom-column-analog-match{
    display:inline-flex;
    align-items:center;
    margin-top:8px;
    padding:4px 8px;
    border-radius:999px;
    font-size:9px;
    font-weight:750;
}

.sichrom-column-analog-match.is-direct{
    background:#eaf8ef;
    color:#247843;
}

.sichrom-column-analog-match.is-closest{
    background:#eaf5ff;
    color:#0877dc;
}

.sichrom-column-analog-match.is-selectivity{
    background:#f2efff;
    color:#6650a8;
}

.sichrom-column-analog-match.is-specs{
    background:#fff5df;
    color:#986810;
}

.sichrom-column-analog-match.is-validation{
    background:#fff0ef;
    color:#a54b42;
}

.sichrom-column-analog-note{
    margin:11px 0 0;
    padding-top:10px;
    border-top:1px solid #e2ebf4;
    color:#65798f;
    font-size:10px;
    line-height:1.5;
}

.sichrom-column-analogs-empty{
    display:flex;
    gap:14px;
    align-items:flex-start;
    margin-top:18px;
    padding:18px;
    background:#f8fbff;
    border:1px solid #d8e7f5;
    border-radius:14px;
}

.sichrom-column-analogs-empty[hidden]{
    display:none!important;
}

.sichrom-column-analogs-empty-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    background:#e9f5ff;
    border-radius:10px;
    color:#168bf2;
    font-size:20px;
    font-weight:800;
}

.sichrom-column-analogs-empty h3{
    margin:0;
    color:#17395e;
    font-size:16px;
}

.sichrom-column-analogs-empty p{
    margin:5px 0 10px;
    color:#718196;
    font-size:11px;
}

.sichrom-column-analogs-request-open,
.sichrom-column-analogs-request-form button[type="submit"]{
    padding:9px 13px;
    background:#168bf2;
    border:0;
    border-radius:8px;
    color:#fff;
    font-size:11px;
    font-weight:750;
    cursor:pointer;
}

.sichrom-column-analogs-disclaimer{
    margin-top:18px;
    padding:13px 15px;
    background:#fbfcfe;
    border:1px solid #e0e8ef;
    border-radius:11px;
}

.sichrom-column-analogs-disclaimer strong{
    display:block;
    color:#4d6379;
    font-size:10px;
}

.sichrom-column-analogs-disclaimer p{
    margin:3px 0 0;
    color:#7a8998;
    font-size:9px;
    line-height:1.5;
}

.sichrom-column-analogs-request{
    margin-top:18px;
    padding:17px;
    background:#fff;
    border:1px solid #dce7f2;
    border-radius:14px;
}

.sichrom-column-analogs-request[hidden]{
    display:none!important;
}

.sichrom-column-analogs-request-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}

.sichrom-column-analogs-request-head h3{
    margin:0;
    color:#17395e;
    font-size:17px;
}

.sichrom-column-analogs-request-head span{
    display:block;
    margin-top:1px;
    color:#8a99a9;
    font-size:9px;
}

.sichrom-column-analogs-request-close{
    background:none;
    border:0;
    color:#77899b;
    font-size:22px;
    cursor:pointer;
}

.sichrom-column-analogs-request-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
}

.sichrom-column-analogs-request-grid label{
    display:block;
}

.sichrom-column-analogs-request-grid label.is-wide{
    grid-column:1/-1;
}

.sichrom-column-analogs-request-grid label>span{
    display:block;
    margin-bottom:4px;
    color:#506981;
    font-size:10px;
    font-weight:700;
}

.sichrom-column-analogs-request-grid input,
.sichrom-column-analogs-request-grid textarea{
    box-sizing:border-box;
    width:100%;
    border:1px solid #d9e5ef;
    border-radius:8px;
    background:#fff;
    font-size:12px;
}

.sichrom-column-analogs-request-grid input{
    height:40px;
    padding:0 10px;
}

.sichrom-column-analogs-request-grid textarea{
    padding:9px 10px;
}

.sichrom-column-analogs-request-actions{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:12px;
}

.sichrom-column-analogs-request-status{
    color:#63768a;
    font-size:10px;
}

.sichrom-column-analogs-hp{
    position:absolute!important;
    left:-99999px!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
}

@media(max-width:900px){

    .sichrom-column-analogs-filters{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .sichrom-column-analog-card{
        grid-template-columns:1fr;
    }

    .sichrom-column-analog-arrow{
        height:38px;
        border-left:0;
        border-right:0;
        border-top:1px solid #e3ebf3;
        border-bottom:1px solid #e3ebf3;
        transform:rotate(90deg);
    }
}

@media(max-width:650px){

    .sichrom-column-analogs-intro{
        grid-template-columns:1fr;
        padding:16px;
    }

    .sichrom-column-analogs-intro-icon{
        width:46px;
        height:46px;
    }

    .sichrom-column-analogs-intro h2{
        font-size:22px;
    }

    .sichrom-column-analogs-filters{
        grid-template-columns:1fr;
    }

    .sichrom-column-analogs-request-grid{
        grid-template-columns:1fr;
    }

    .sichrom-column-analogs-request-grid label.is-wide{
        grid-column:auto;
    }
}

/* ==================================================
   SICHROM — V57 PUBLIC COLUMN ANALOGS
   ================================================== */


/* ==================================================
   SICHROM — V58 COLUMN ANALOGS POLISH
   ================================================== */

/* Placeholder must disappear on focus, not turn black */
.sichrom-column-analogs-search-input:focus::placeholder{
    color:transparent!important;
    opacity:0!important;
}

/* Overall block is tighter and more readable */
.sichrom-column-analogs-intro{
    gap:14px;
    margin-bottom:14px;
    padding:16px 18px;
}

.sichrom-column-analogs-intro p{
    margin-top:7px;
    font-size:14px;
    line-height:1.45;
}

.sichrom-column-analogs-search-card{
    padding:15px 16px;
}

.sichrom-column-analogs-search-field>span{
    margin-bottom:7px;
    color:#17395e;
    font-size:17px!important;
    font-weight:800!important;
    line-height:1.15;
}

.sichrom-column-analogs-search-field>span small{
    margin-top:2px!important;
    color:#8493a5;
    font-size:11px!important;
    line-height:1.1;
}

.sichrom-column-analogs-search-input{
    height:48px;
    font-size:15px!important;
}

/* 6 filters => 3 columns x 2 rows */
.sichrom-column-analogs-filters{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px 11px;
    margin-top:12px;
}

.sichrom-column-analogs-filters label>span{
    margin-bottom:4px;
    font-size:13px!important;
    line-height:1.12;
}

.sichrom-column-analogs-filters label>span small{
    margin-top:1px!important;
    font-size:10px!important;
    line-height:1.05;
}

.sichrom-column-analogs-filters select{
    height:38px;
    font-size:12px!important;
}

.sichrom-column-analogs-reset{
    height:38px;
    font-size:12px;
}

.sichrom-column-analogs-status{
    min-height:15px;
    margin-top:7px;
    font-size:11px;
}

/* Result cards: less air, slightly larger text */
.sichrom-column-analogs-results{
    gap:9px;
    margin-top:14px;
}

.sichrom-column-analog-source,
.sichrom-column-analog-target{
    padding:13px 14px;
}

.sichrom-column-analog-label{
    margin-bottom:5px;
}

.sichrom-column-analog-label strong{
    font-size:12px;
    line-height:1.1;
}

.sichrom-column-analog-label span{
    margin-top:1px;
    font-size:9px;
    line-height:1.05;
}

.sichrom-column-analog-source h3{
    font-size:17px;
    line-height:1.25;
}

.sichrom-column-analog-brand{
    margin-top:3px;
    font-size:11px;
}

.sichrom-column-analog-specs{
    gap:4px;
    margin-top:7px;
}

.sichrom-column-analog-specs span{
    padding:4px 7px;
    font-size:10px;
}

.sichrom-column-analog-product-title{
    font-size:16px;
}

.sichrom-column-analog-match{
    margin-top:6px;
    font-size:10px;
}

.sichrom-column-analog-note{
    margin-top:8px;
    padding-top:8px;
    font-size:11px;
    line-height:1.4;
}

/* Bilingual labels: close, but never touching */
.sichrom-column-analogs-en,
.sichrom-column-analogs-search-field>span small,
.sichrom-column-analogs-filters label>span small,
.sichrom-column-analog-label span,
.sichrom-column-analogs-request-head span{
    margin-top:2px!important;
}

/* Important block */
.sichrom-column-analogs-disclaimer{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    margin-top:15px;
    padding:15px 16px;
    background:#f7fbff;
    border:1px solid #d5e6f5;
    border-radius:12px;
}

.sichrom-column-analogs-disclaimer-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    background:#e5f3ff;
    border:1px solid #c6e0f6;
    border-radius:50%;
    color:#0877dc;
    font-family:Georgia,serif;
    font-size:21px;
    font-weight:700;
}

.sichrom-column-analogs-disclaimer strong{
    color:#244665;
    font-size:14px;
}

.sichrom-column-analogs-disclaimer p{
    margin:4px 0 0;
    color:#61768c;
    font-size:12px;
    line-height:1.45;
}

.sichrom-column-analogs-disclaimer-question{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:5px 8px;
    margin-top:10px;
    padding-top:9px;
    border-top:1px solid #dce9f4;
    color:#48617a;
    font-size:12px;
}

.sichrom-column-analogs-disclaimer-question b{
    color:#17395e;
    font-size:13px;
}

.sichrom-column-analogs-request-open-inline{
    margin-left:auto;
    padding:8px 12px;
}

/* Request form follows compact visual rhythm */
.sichrom-column-analogs-request{
    margin-top:10px;
    padding:14px 15px;
}

.sichrom-column-analogs-request-head{
    margin-bottom:10px;
}

.sichrom-column-analogs-request-head h3{
    font-size:18px;
}

.sichrom-column-analogs-request-grid{
    gap:8px 10px;
}

.sichrom-column-analogs-request-grid label>span{
    margin-bottom:3px;
    font-size:11px;
}

@media(max-width:900px){
    .sichrom-column-analogs-filters{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:650px){
    .sichrom-column-analogs-filters{
        grid-template-columns:1fr!important;
    }

    .sichrom-column-analogs-disclaimer{
        grid-template-columns:1fr;
    }

    .sichrom-column-analogs-request-open-inline{
        margin-left:0;
    }
}

/* ==================================================
   SICHROM — V58 COLUMN ANALOGS POLISH
   ================================================== */


/* ==================================================
   SICHROM — V59 GLOBAL UI FOUNDATION
   Reference: /column-selector/
   ================================================== */

:root{
    --sichrom-blue:#168bf2;
    --sichrom-blue-dark:#0877dc;
    --sichrom-navy:#163f69;
    --sichrom-text:#607892;
    --sichrom-muted:#90a5b8;
    --sichrom-border:#d5e6f5;
    --sichrom-soft:#eef7ff;
}


/* ---------- Canonical page hero ---------- */

.sichrom-page-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(260px,360px)!important;
    gap:28px!important;
    align-items:center!important;

    box-sizing:border-box;

    width:100%;
    max-width:1220px;

    margin:0 auto 22px!important;
    padding:28px 30px!important;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(22,139,242,.10),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #fbfdff,
            #eef7ff
        )!important;

    border:1px solid #d5e6f5!important;
    border-radius:24px!important;

    box-shadow:
        0 10px 30px
        rgba(28,73,116,.05)!important;
}

.sichrom-page-hero-main{
    min-width:0;
}

.sichrom-page-hero-eyebrow{
    display:inline-flex!important;

    margin:0 0 8px!important;

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

    font-size:10px!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:.12em!important;
    text-transform:uppercase;
}

.sichrom-page-hero h1{
    margin:0 0 4px!important;

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

    font-size:clamp(30px,3vw,44px)!important;
    font-weight:800!important;
    line-height:1.08!important;
}

.sichrom-page-hero-en{
    margin:0 0 12px!important;

    color:var(--sichrom-muted)!important;

    font-size:12px!important;
    font-weight:400!important;
    line-height:1.15!important;
}

.sichrom-page-hero p{
    margin:0!important;

    color:var(--sichrom-text)!important;

    font-size:14px!important;
    line-height:1.6!important;
}

.sichrom-page-hero-note{
    display:flex!important;
    gap:11px!important;

    box-sizing:border-box;

    padding:15px 16px!important;

    background:
        rgba(255,255,255,.72)!important;

    border:1px solid #d8e8f6!important;
    border-radius:15px!important;
}

.sichrom-page-hero-note>b{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    flex:0 0 28px!important;

    width:28px!important;
    height:28px!important;

    color:var(--sichrom-blue)!important;
    background:#edf7ff!important;

    border-radius:50%!important;

    font-size:12px!important;
    font-weight:700!important;
}

.sichrom-page-hero-note span{
    color:#6f8499!important;

    font-size:12px!important;
    line-height:1.45!important;
}

.sichrom-page-hero-note strong{
    display:block!important;

    margin:0 0 3px!important;

    color:#234666!important;

    font-size:13px!important;
    font-weight:750!important;
    line-height:1.25!important;
}


/* ---------- Normalize dedicated page headers ---------- */

.sichrom-academy-catalog-head,
.sichrom-methods-catalog-head,
.sichrom-column-analogs-intro,
.sichrom-catalog-archive-intro{
    max-width:1220px!important;
}

.sichrom-academy-catalog-head>p,
.sichrom-methods-catalog-intro,
.sichrom-column-analogs-intro-icon,
.sichrom-catalog-archive-points{
    display:none!important;
}

.sichrom-methods-catalog-head h1,
.sichrom-academy-catalog-head h1,
.sichrom-column-analogs-intro h1,
.sichrom-catalog-archive-intro h1{
    margin:0 0 4px!important;
}


/* ---------- Global Russian / English relationship ---------- */

.sichrom-page-hero-en,
.sichrom-selector-choice-copy small,
.sichrom-selector-step-head>small,
.sichrom-methods-catalog-search label>span,
.sichrom-academy-filter-line-title span,
.sichrom-academy-filter-search>span small,
.sichrom-column-analogs-search-field>span small,
.sichrom-column-analogs-filters label>span small,
.sichrom-column-analog-label span{
    margin-top:2px!important;

    line-height:1.2!important;
}


/* ---------- Global search-field behavior / typography ---------- */

.sichrom-global-search input[type="search"],
.sichrom-methods-catalog input[type="search"],
.sichrom-academy-catalog input[type="search"],
.sichrom-column-analogs input[type="search"],
.sichrom-catalog-toolbar input[type="search"]{
    color:#17395e!important;

    font-size:14px!important;

    -webkit-text-fill-color:#17395e!important;
}

.sichrom-global-search input[type="search"]::placeholder,
.sichrom-methods-catalog input[type="search"]::placeholder,
.sichrom-academy-catalog input[type="search"]::placeholder,
.sichrom-column-analogs input[type="search"]::placeholder,
.sichrom-catalog-toolbar input[type="search"]::placeholder{
    color:#9aa8b6!important;
    opacity:1;
}

.sichrom-global-search input[type="search"]:focus::placeholder,
.sichrom-methods-catalog input[type="search"]:focus::placeholder,
.sichrom-academy-catalog input[type="search"]:focus::placeholder,
.sichrom-column-analogs input[type="search"]:focus::placeholder,
.sichrom-catalog-toolbar input[type="search"]:focus::placeholder{
    color:transparent!important;
    opacity:0!important;
}


/* ---------- Minimum readable type scale in custom modules ---------- */

.sichrom-methods-catalog,
.sichrom-academy-catalog,
.sichrom-column-analogs,
.sichrom-column-selector{
    --sichrom-ui-label:13px;
    --sichrom-ui-body:14px;
    --sichrom-ui-en:10px;
}

.sichrom-methods-catalog label,
.sichrom-academy-catalog label,
.sichrom-column-analogs label{
    font-size:var(--sichrom-ui-label);
}


/* ---------- Compact vertical rhythm ---------- */

.sichrom-methods-catalog-filter,
.sichrom-academy-filter,
.sichrom-column-analogs-search-card{
    line-height:1.35;
}


/* ---------- Utility/legal pages ---------- */

body.sichrom-standard-page-ui .sichrom-page-hero{
    margin-top:0!important;
}


/* ---------- Responsive ---------- */

@media(max-width:780px){

    .sichrom-page-hero{
        grid-template-columns:1fr!important;

        padding:22px!important;

        gap:16px!important;
    }
}

@media(max-width:560px){

    .sichrom-page-hero{
        padding:18px!important;
        border-radius:18px!important;
    }

    .sichrom-page-hero h1{
        font-size:28px!important;
    }

    .sichrom-page-hero p{
        font-size:13px!important;
    }
}

/* ==================================================
   SICHROM — V59 GLOBAL UI FOUNDATION
   ================================================== */




/* ==================================================
   SICHROM — V61 ABOUT VIA BEBUILDER
   Optional helper classes for BeBuilder sections/items
   ================================================== */

.sichrom-about-bebuilder-hero{
    box-sizing:border-box;
    padding:28px 30px;
    background:
        radial-gradient(circle at 90% 10%,rgba(22,139,242,.10),transparent 28%),
        linear-gradient(135deg,#fbfdff,#eef7ff);
    border:1px solid #d5e6f5;
    border-radius:24px;
    box-shadow:0 10px 30px rgba(28,73,116,.05);
}

.sichrom-about-bebuilder-kicker{
    margin:0 0 8px;
    color:#168bf2;
    font-size:10px;
    font-weight:800;
    line-height:1.15;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.sichrom-about-bebuilder-title{
    margin:0 0 4px;
    color:#163f69;
    font-size:clamp(30px,3vw,44px);
    font-weight:800;
    line-height:1.08;
}

.sichrom-about-bebuilder-en{
    margin:0 0 12px;
    color:#90a5b8;
    font-size:12px;
    font-weight:400;
    line-height:1.15;
}

.sichrom-about-bebuilder-card{
    height:100%;
    padding:18px;
    background:#fbfdff;
    border:1px solid #dce8f3;
    border-radius:14px;
}

.sichrom-about-bebuilder-card h3{
    margin:0 0 2px;
    color:#17395e;
    font-size:18px;
    font-weight:750;
    line-height:1.25;
}

.sichrom-about-bebuilder-card small{
    display:block;
    margin-top:2px;
    color:#94a4b5;
    font-size:10px;
    line-height:1.15;
}

.sichrom-about-bebuilder-card p{
    margin:8px 0 0;
    color:#65798e;
    font-size:14px;
    line-height:1.5;
}

.sichrom-about-bebuilder-company{
    padding:20px 22px;
    background:linear-gradient(135deg,#f8fbff,#eef7ff);
    border:1px solid #d7e7f5;
    border-radius:18px;
}

@media(max-width:767px){
    .sichrom-about-bebuilder-hero{
        padding:20px;
        border-radius:18px;
    }

    .sichrom-about-bebuilder-title{
        font-size:28px;
    }
}

/* ==================================================
   SICHROM — V61 ABOUT VIA BEBUILDER
   ================================================== */


/* ==================================================
   SICHROM — V63 ADAPTIVE SELECTOR KNOWLEDGE BASE
   ================================================== */

.sichrom-selector-results-disclaimer > div{
    min-width:0;
}

.sichrom-selector-results-disclaimer > div > strong{
    display:block;
    margin:0 0 4px;
    color:#704d3a;
    font-size:13px;
    line-height:1.25;
}

.sichrom-selector-results-disclaimer .sichrom-selector-global-warning-list{
    margin:7px 0 8px 18px!important;
    padding:0!important;
}

.sichrom-selector-results-disclaimer .sichrom-selector-global-warning-list li{
    margin:0 0 5px;
    color:#7d5d4b;
    font-size:11px;
    line-height:1.48;
}

.sichrom-selector-results-disclaimer .sichrom-selector-global-warning-list[hidden]{
    display:none!important;
}

.sichrom-selector-results-disclaimer > div > p{
    margin:0!important;
}


/* ==================================================
   SICHROM — V64 SELECTOR UX / STATE / SVG FIXES
   ================================================== */

/* Hidden navigation controls must really disappear. */
.sichrom-column-selector .sichrom-selector-next[hidden],
.sichrom-column-selector .sichrom-selector-calculate[hidden],
.sichrom-column-selector .sichrom-selector-back[hidden]{
    display:none!important;
}

/* Placeholder disappears completely on focus and returns only while empty. */
.sichrom-column-selector input[type="text"]:focus::placeholder,
.sichrom-column-selector input[type="number"]:focus::placeholder{
    color:transparent!important;
    opacity:0!important;
}

/* Stable infographic positioning. */
.sichrom-selector-choice-art{
    transform-origin:right bottom;
}
.sichrom-selector-choice:hover .sichrom-selector-choice-art{
    transform:none;
}
.sichrom-selector-choice>input:checked+.sichrom-selector-choice-card .sichrom-selector-choice-art{
    transform:scale(1.025);
}

/* ==================================================
   SICHROM — V65 COLUMN ANALOGS ARCHITECTURE
   ================================================== */

.sichrom-column-analogs-v65{--ca-blue:#168bf2;--ca-navy:#173f68;--ca-text:#607890;--ca-border:#d7e6f3;max-width:1220px;margin:0 auto}
.sichrom-column-analogs-v65 [hidden]{display:none!important}
.sichrom-column-analogs-v65 .sichrom-column-analogs-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}
.sichrom-column-analogs-v65 .sichrom-column-analogs-mode-switch button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:64px;padding:12px 16px;color:#607890;background:#fff;border:1px solid var(--ca-border);border-radius:14px;box-shadow:none;cursor:pointer}
.sichrom-column-analogs-v65 .sichrom-column-analogs-mode-switch button strong{color:#345573;font-size:16px;line-height:1.2}
.sichrom-column-analogs-v65 .sichrom-column-analogs-mode-switch button small{display:block;margin-top:3px;color:#92a5b6;font-size:11px}
.sichrom-column-analogs-v65 .sichrom-column-analogs-mode-switch button.is-active{background:linear-gradient(135deg,#168bf2,#0877dc);border-color:#168bf2}
.sichrom-column-analogs-v65 .sichrom-column-analogs-mode-switch button.is-active strong,.sichrom-column-analogs-v65 .sichrom-column-analogs-mode-switch button.is-active small{color:#fff}

.sichrom-column-analogs-v65 .sichrom-column-analogs-search-card{position:relative;overflow:visible}
.sichrom-column-analogs-v65 .sichrom-column-analogs-search-input{width:100%!important;min-height:52px!important;font-size:15px!important}
.sichrom-column-analogs-v65 .sichrom-column-analogs-suggestions{position:absolute;z-index:50;top:calc(100% - 18px);left:24px;right:24px;overflow:hidden;background:#fff;border:1px solid #cfe0ee;border-radius:13px;box-shadow:0 18px 42px rgba(24,62,99,.16)}
.sichrom-column-analogs-v65 .sichrom-column-analogs-suggestion{display:block;width:100%;padding:11px 13px;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf3f8;cursor:pointer}
.sichrom-column-analogs-v65 .sichrom-column-analogs-suggestion:hover,.sichrom-column-analogs-v65 .sichrom-column-analogs-suggestion.is-active{background:#f2f8fd}
.sichrom-column-analogs-v65 .sichrom-column-analogs-suggestion strong{display:block;color:#274b6b;font-size:14px}
.sichrom-column-analogs-v65 .sichrom-column-analogs-suggestion small{display:block;margin-top:2px;color:#8298ab;font-size:11px}

.sichrom-column-analogs-v65 .sichrom-column-analogs-specs-head{margin-bottom:12px}
.sichrom-column-analogs-v65 .sichrom-column-analogs-specs-head strong{display:block;color:#294d6d;font-size:17px}
.sichrom-column-analogs-v65 .sichrom-column-analogs-specs-head small{display:block;margin-top:2px;color:#94a7b8;font-size:11px}
.sichrom-column-analogs-v65 .sichrom-column-analogs-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sichrom-column-analogs-v65 .sichrom-column-analogs-filters label>span{display:block;margin-bottom:5px;color:#355671;font-size:13px;font-weight:700}
.sichrom-column-analogs-v65 .sichrom-column-analogs-filters label>span small{display:block;margin-top:2px;color:#93a5b5;font-size:10px;font-weight:400}
.sichrom-column-analogs-v65 .sichrom-column-analogs-filters select,.sichrom-column-analogs-v65 .sichrom-column-analogs-request-grid select{width:100%;min-height:43px;margin:0;color:#29445f;background:#fbfdff;border:1px solid #d4e3f0;border-radius:10px}
.sichrom-column-analogs-v65 .sichrom-column-analogs-specs-actions{display:flex;gap:8px;margin-top:13px}
.sichrom-column-analogs-v65 .sichrom-column-analogs-find-specs,.sichrom-column-analogs-v65 .sichrom-column-analogs-switch-specs{min-height:42px;padding:0 16px;color:#fff;background:var(--ca-blue);border:1px solid var(--ca-blue);border-radius:10px;font-weight:700}
.sichrom-column-analogs-v65 .sichrom-column-analogs-reset{min-height:42px;padding:0 14px;color:#57718a;background:#fff;border:1px solid #d5e4ef;border-radius:10px}

.sichrom-column-analogs-v65 .sichrom-column-analogs-results{display:grid;gap:14px;margin-top:16px}
.sichrom-column-analogs-v65 .sichrom-column-analog-result-v65{padding:18px;background:#fff;border:1px solid #d8e6f2;border-radius:18px;box-shadow:0 8px 24px rgba(28,70,108,.04)}
.sichrom-column-analogs-v65 .sichrom-column-analog-result-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.sichrom-column-analogs-v65 .sichrom-column-analog-result-head>div{min-width:0;flex:1}
.sichrom-column-analogs-v65 .sichrom-column-analog-result-head strong{display:block;color:#244867;font-size:15px}
.sichrom-column-analogs-v65 .sichrom-column-analog-result-head small{display:block;margin-top:2px;color:#8ba0b2;font-size:10px}
.sichrom-column-analogs-v65 .sichrom-column-analog-rank{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;color:#168bf2;background:#edf7ff;border:1px solid #d5eafa;border-radius:10px;font-size:11px;font-weight:800}
.sichrom-column-analogs-v65 .sichrom-column-analog-tanaka{display:inline-flex;align-items:center;min-height:27px;padding:0 8px;color:#74899c;background:#f7fafc;border:1px solid #dce7ef;border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}
.sichrom-column-analogs-v65 .sichrom-column-analog-tanaka.is-available{color:#39704e;background:#f0faf4;border-color:#cae8d5}

.sichrom-column-analogs-v65 .sichrom-column-analog-compare{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:12px;align-items:stretch}
.sichrom-column-analogs-v65 .sichrom-column-analog-source-v65,.sichrom-column-analogs-v65 .sichrom-column-analog-target-v65{min-width:0;padding:15px;background:#f9fcff;border:1px solid #dde9f3;border-radius:14px}
.sichrom-column-analogs-v65 .sichrom-column-analog-target-v65{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;background:#f5faff;border-color:#cfe4f6}
.sichrom-column-analogs-v65 .sichrom-column-analog-target-v65 img{width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid #e0eaf2;border-radius:10px}
.sichrom-column-analogs-v65 .sichrom-column-analog-side-label{display:block;margin-bottom:5px;color:#7d94a8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.sichrom-column-analogs-v65 .sichrom-column-analog-compare h3{margin:0 0 5px!important;color:#1e4569!important;font-size:17px!important;line-height:1.25!important}
.sichrom-column-analogs-v65 .sichrom-column-analog-compare p{margin:0!important;color:#738a9f;font-size:11px;line-height:1.45}
.sichrom-column-analogs-v65 .sichrom-column-analog-arrow-v65{display:flex;align-items:center;justify-content:center;color:#7cb9eb;font-size:25px;font-weight:700}

.sichrom-column-analogs-v65 .sichrom-column-analog-badges{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.sichrom-column-analogs-v65 .sichrom-column-analog-badge{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;color:#5d758c;background:#f8fbfd;border:1px solid #d7e4ed;border-radius:999px;font-size:10px;font-weight:700}
.sichrom-column-analogs-v65 .sichrom-column-analog-badge b{font-size:12px}
.sichrom-column-analogs-v65 .sichrom-column-analog-badge.is-match{color:#36724d;background:#f1faf4;border-color:#cce8d5}
.sichrom-column-analogs-v65 .sichrom-column-analog-badge.is-near{color:#7a6842;background:#fffaf0;border-color:#eadfbe}
.sichrom-column-analogs-v65 .sichrom-column-analog-badge.is-different{color:#8a5947;background:#fff6f2;border-color:#ecd7cf}

.sichrom-column-analogs-v65 .sichrom-column-analog-explain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sichrom-column-analogs-v65 .sichrom-column-analog-explain>div{padding:11px 12px;background:#f7fbfe;border:1px solid #dce8f2;border-radius:11px}
.sichrom-column-analogs-v65 .sichrom-column-analog-explain>div.is-difference{background:#fff9f5;border-color:#efdfd6}
.sichrom-column-analogs-v65 .sichrom-column-analog-explain strong{display:block;margin-bottom:5px;color:#365672;font-size:12px}
.sichrom-column-analogs-v65 .sichrom-column-analog-explain ul{margin:0 0 0 16px!important;padding:0!important}
.sichrom-column-analogs-v65 .sichrom-column-analog-explain li{margin:0 0 3px;color:#70879b;font-size:11px;line-height:1.45}

.sichrom-column-analogs-v65 .sichrom-column-analog-actions-v65{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.sichrom-column-analogs-v65 .sichrom-column-analog-actions-v65 a{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:0 12px;color:#fff!important;background:#168bf2;border:1px solid #168bf2;border-radius:9px;font-size:10px;font-weight:700;text-decoration:none!important}
.sichrom-column-analogs-v65 .sichrom-column-analog-actions-v65 a.is-secondary{color:#3d7097!important;background:#fff;border-color:#cfe0ed}
.sichrom-column-analogs-v65 .sichrom-column-analogs-empty-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

@media(max-width:900px){
    .sichrom-column-analogs-v65 .sichrom-column-analogs-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sichrom-column-analogs-v65 .sichrom-column-analog-compare{grid-template-columns:1fr}
    .sichrom-column-analogs-v65 .sichrom-column-analog-arrow-v65{min-height:22px;transform:rotate(90deg)}
}
@media(max-width:620px){
    .sichrom-column-analogs-v65 .sichrom-column-analogs-mode-switch{grid-template-columns:1fr}
    .sichrom-column-analogs-v65 .sichrom-column-analogs-filters,.sichrom-column-analogs-v65 .sichrom-column-analog-explain{grid-template-columns:1fr}
    .sichrom-column-analogs-v65 .sichrom-column-analog-target-v65{grid-template-columns:1fr}
    .sichrom-column-analogs-v65 .sichrom-column-analog-result-head{align-items:flex-start;flex-wrap:wrap}
}



/* ==================================================
   SICHROM — V66.2 PRODUCT TECHNICAL DATA ADMIN
   ================================================== */
.sichrom-v662-tech{max-width:1080px;padding:4px 0 8px}
.sichrom-v662-derived{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px;margin-bottom:12px;background:#f3f8fd;border:1px solid #d7e6f2;border-radius:11px}
.sichrom-v662-derived>div{padding:8px 10px;background:#fff;border:1px solid #dfebf4;border-radius:8px}
.sichrom-v662-derived span{display:block;margin-bottom:3px;color:#668098;font-size:12px}
.sichrom-v662-derived strong{display:block;color:#173f63;font-size:14px}
.sichrom-v662-derived p{grid-column:1/-1;margin:0;color:#70869a;font-size:12px}
.sichrom-v662-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sichrom-v662-field{min-width:0;padding:12px;background:#f8fbff;border:1px solid #dbe8f4;border-radius:10px;box-sizing:border-box}
.sichrom-v662-field>label{display:block;margin-bottom:6px;color:#173f63;font-weight:600}
.sichrom-v662-field select,.sichrom-v662-field input[type=number]{width:100%;max-width:none;margin:0}
.sichrom-v662-number-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
.sichrom-v662-number-wrap>span{min-width:52px;color:#55728b;font-weight:600;text-align:left}
.sichrom-v662-ph-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.sichrom-v662-ph-wrap>span{color:#7890a4;font-weight:700}
.sichrom-v662-manage{display:inline-block;margin-top:6px;font-size:11px;text-decoration:none}
.sichrom-v662-note{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:11px 12px;background:#fffaf1;border:1px solid #eadfca;border-radius:9px;color:#6b604a}
.sichrom-v662-note strong{white-space:nowrap;color:#4f493b}
@media(max-width:900px){.sichrom-v662-derived,.sichrom-v662-grid{grid-template-columns:1fr}.sichrom-v662-derived p{grid-column:auto}}


/* ==================================================
   SICHROM — V66.4 COLUMN ANALOG RESULT UX
   ================================================== */

.sichrom-column-analogs-v65 .sichrom-column-analog-result-head strong{
    font-size:16px!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-result-head small{
    margin-top:3px!important;
    font-size:12px!important;
    line-height:1.35!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-tanaka{
    min-height:25px!important;
    padding:0 8px!important;
    font-size:10px!important;
    font-weight:600!important;
    opacity:.82;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-side-label{
    font-size:11px!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-compare h3{
    font-size:18px!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-compare h3 a{
    color:inherit!important;
    text-decoration:none!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-compare h3 a:hover{
    color:var(--ca-blue)!important;
    text-decoration:underline!important;
    text-underline-offset:2px;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-compare p{
    font-size:12.5px!important;
    line-height:1.5!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-target-v65{
    align-items:start;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-target-image-link{
    display:block;
    width:72px;
    height:72px;
    border-radius:10px;
    text-decoration:none!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-target-image-link img{
    display:block;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-target-main{
    min-width:0;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-target-comparison{
    margin-top:13px;
    padding-top:11px;
    border-top:1px solid #dce9f3;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-target-comparison-label{
    display:block;
    margin-bottom:7px;
    color:#718ca2;
    font-size:11px;
    font-weight:700;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-target-comparison .sichrom-column-analog-badges{
    margin:0!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-badge{
    min-height:31px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-explain{
    margin-top:12px;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-explain strong{
    font-size:13px!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-explain li{
    font-size:12.5px!important;
    line-height:1.5!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analog-actions-v65 a{
    min-height:39px!important;
    padding:0 13px!important;
    font-size:12px!important;
}

@media(max-width:900px){
    .sichrom-column-analogs-v65 .sichrom-column-analog-target-comparison{
        margin-top:11px;
    }
}
@media(max-width:620px){
    .sichrom-column-analogs-v65 .sichrom-column-analog-target-image-link{
        width:72px;
        height:72px;
    }
}



/* ==================================================
   SICHROM — V66.5 BALANCED ANALOG RESULT GRID
   ================================================== */

.sichrom-column-analogs-v65 .sichrom-column-analog-compare{
    display:none!important;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-grid-v665{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:13px;
    align-items:stretch;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-column-card{
    min-width:0;
    min-height:154px;
    padding:15px 16px;
    background:#f7fbfe;
    border:1px solid #dce8f2;
    border-radius:13px;
    box-sizing:border-box;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-source-v65,
.sichrom-column-analogs-v65 .sichrom-column-analog-target-v65{
    height:100%;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-source-v65{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-target-v65{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:12px;
    align-items:start;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-column-card h3{
    margin:0 0 11px!important;
    font-size:18px!important;
    line-height:1.3!important;
    color:#1e4569!important;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-param-chips{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:auto;
    align-content:flex-start;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-param-chip{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:5px 9px;
    color:#556f86;
    background:#f2f6f9;
    border:1px solid #dbe5ec;
    border-radius:9px;
    font-size:12px;
    font-weight:600;
    line-height:1.2;
    white-space:nowrap;
    box-sizing:border-box;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-param-empty{
    color:#7c91a4;
    font-size:12px;
    line-height:1.45;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-comparison-row{
    margin-top:12px;
    padding:13px 14px;
    background:#fbfdff;
    border:1px solid #dce8f2;
    border-radius:12px;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-comparison-row>strong{
    display:block;
    margin-bottom:8px;
    color:#365672;
    font-size:13px;
    line-height:1.3;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-comparison-row .sichrom-column-analog-badges{
    margin:0!important;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-explain{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:12px!important;
    align-items:stretch;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-explain>div{
    min-height:144px;
    height:100%;
    box-sizing:border-box;
    padding:14px 15px!important;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-target-comparison{
    display:none!important;
}

@media(max-width:900px){
    .sichrom-column-analogs-v65 .sichrom-column-analog-grid-v665{
        grid-template-columns:1fr;
    }
    .sichrom-column-analogs-v65 .sichrom-column-analog-column-card{
        min-height:0;
    }
}

@media(max-width:620px){
    .sichrom-column-analogs-v65 .sichrom-column-analog-target-v65{
        grid-template-columns:1fr;
    }
    .sichrom-column-analogs-v65 .sichrom-column-analog-param-chip{
        white-space:normal;
    }
}



/* ==================================================
   SICHROM — V66.5.1 TARGET CARD ALIGNMENT HOTFIX
   Keeps the Sichrom label + title in one vertical content column.
   ================================================== */

.sichrom-column-analogs-v65 .sichrom-column-analog-target-v65{
    grid-template-columns:72px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    align-items:start!important;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-target-main{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    grid-column:2!important;
    grid-row:1!important;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-target-main .sichrom-column-analog-side-label{
    display:block!important;
    width:100%!important;
    margin:0 0 6px!important;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-target-main h3{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 11px!important;
    padding:0!important;
    text-align:left!important;
    float:none!important;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-target-main h3 a{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-target-main .sichrom-column-analog-param-chips{
    width:100%!important;
    margin-top:auto!important;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-target-image-link{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
}

@media(max-width:620px){
    .sichrom-column-analogs-v65 .sichrom-column-analog-target-v65{
        grid-template-columns:72px minmax(0,1fr)!important;
    }
}



/* ==================================================
   SICHROM — V66.5.2 CENTERED COMPARISON BLOCK
   ================================================== */

.sichrom-column-analogs-v65 .sichrom-column-analog-comparison-row{
    text-align:center!important;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-comparison-row>strong{
    text-align:center!important;
}

.sichrom-column-analogs-v65 .sichrom-column-analog-comparison-row .sichrom-column-analog-badges{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
}



/* ==================================================
   SICHROM — V66.6 COMPACT SEARCHABLE SPEC DROPDOWNS
   ================================================== */
.sichrom-column-analogs-v65 .sichrom-ca-select-v666{
    position:relative;
    width:100%;
}
.sichrom-column-analogs-v65 .sichrom-ca-native-select-v666{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
}
.sichrom-column-analogs-v65 .sichrom-ca-select-button-v666{
    position:relative;
    width:100%;
    min-height:43px;
    padding:0 38px 0 12px;
    border:1px solid #cfe0ee;
    border-radius:10px;
    background:#fff;
    color:#183b5c;
    font:inherit;
    font-size:13px;
    text-align:left;
    cursor:pointer;
    box-sizing:border-box;
}
.sichrom-column-analogs-v65 .sichrom-ca-select-button-v666::after{
    content:'⌄';
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-55%);
    color:#6e879d;
    font-size:16px;
}
.sichrom-column-analogs-v65 .sichrom-ca-select-menu-v666{
    position:absolute;
    z-index:10050;
    top:calc(100% + 5px);
    left:0;
    right:0;
    padding:7px;
    background:#fff;
    border:1px solid #cfe0ee;
    border-radius:11px;
    box-shadow:0 12px 30px rgba(29,63,92,.16);
}
.sichrom-column-analogs-v65 .sichrom-ca-select-search-v666{
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    margin:0 0 6px!important;
    padding:0 10px!important;
    border:1px solid #d8e5ef!important;
    border-radius:8px!important;
    background:#fbfdff!important;
    color:#173a5a!important;
    font-size:12.5px!important;
    box-sizing:border-box!important;
}
.sichrom-column-analogs-v65 .sichrom-ca-select-list-v666{
    max-height:185px;
    overflow-y:auto;
    overscroll-behavior:contain;
}
.sichrom-column-analogs-v65 .sichrom-ca-select-option-v666{
    display:block;
    width:100%;
    min-height:36px;
    padding:7px 9px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:#203f5d;
    text-align:left;
    font-size:12.5px;
    cursor:pointer;
}
.sichrom-column-analogs-v65 .sichrom-ca-select-option-v666:hover,
.sichrom-column-analogs-v65 .sichrom-ca-select-option-v666[aria-selected="true"]{
    background:#eef6fd;
    color:#0d6fd3;
}



/* ==================================================
   SICHROM — V66.6.1 SPECS DROPDOWN HOTFIX
   ================================================== */
.sichrom-column-analogs-v65 .sichrom-ca-select-v666{
    isolation:isolate;
}
.sichrom-column-analogs-v65 .sichrom-ca-select-menu-v666[hidden]{
    display:none!important;
}

/* SICHROM v66.6.2 */
.sichrom-column-analogs-v65 .sichrom-column-analog-badge.is-unknown{
    background:#f4f7f9!important;
    border-color:#dce5eb!important;
    color:#718392!important;
}


/* ==================================================
   SICHROM — V66.6.3 DROPDOWN LAYERING / EMPTY-STATE UX
   ================================================== */

/* v66.6.1 isolation trapped each menu in its own low stacking context.
   Remove that trap and elevate the currently open control. */
.sichrom-column-analogs-v65 .sichrom-ca-select-v666{
    isolation:auto!important;
    z-index:auto;
}
.sichrom-column-analogs-v65 .sichrom-ca-select-v666.is-open{
    z-index:200100!important;
}
.sichrom-column-analogs-v65 .sichrom-ca-select-menu-v666{
    z-index:200110!important;
}

/* Keep the complete search area above results / empty state / disclaimer
   while a dropdown extends outside its grid cell. */
.sichrom-column-analogs-v65 .sichrom-column-analogs-search-card{
    position:relative!important;
    z-index:20000!important;
    overflow:visible!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analogs-filters{
    position:relative!important;
    overflow:visible!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analogs-filters>label{
    position:relative!important;
    overflow:visible!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analogs-results,
.sichrom-column-analogs-v65 .sichrom-column-analogs-empty,
.sichrom-column-analogs-v65 .sichrom-column-analogs-disclaimer{
    position:relative;
    z-index:1;
}

/* The "switch to specs" CTA is irrelevant when the user is already in specs mode. */
.sichrom-column-analogs-v65 .sichrom-column-analogs-empty-actions button[hidden]{
    display:none!important;
}



/* ==================================================
   SICHROM — V66.7 UNIFIED FORM / PLACEHOLDER POLICY
   Placeholder disappears completely on focus.
   User-entered text remains dark and readable.
   ================================================== */

/* Inputs inside any Sichrom front-end module */
body [class*="sichrom-"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body [class*="sichrom-"] textarea,
body input[class*="sichrom-"]:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body textarea[class*="sichrom-"]{
    color:#17395e!important;
    -webkit-text-fill-color:#17395e!important;
}

/* Normal placeholder */
body [class*="sichrom-"] input::placeholder,
body [class*="sichrom-"] textarea::placeholder,
body input[class*="sichrom-"]::placeholder,
body textarea[class*="sichrom-"]::placeholder{
    color:#9aa8b6!important;
    -webkit-text-fill-color:#9aa8b6!important;
    opacity:1!important;
}

/* Focused field: placeholder must disappear, never turn black/dark */
body [class*="sichrom-"] input:focus::placeholder,
body [class*="sichrom-"] textarea:focus::placeholder,
body input[class*="sichrom-"]:focus::placeholder,
body textarea[class*="sichrom-"]:focus::placeholder{
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
    opacity:0!important;
}

/* Custom Column Analogs dropdowns stay above all result/empty-state cards. */
.sichrom-column-analogs-v65 .sichrom-ca-select-v666.is-open{
    z-index:200100!important;
}
.sichrom-column-analogs-v65 .sichrom-ca-select-menu-v666{
    z-index:200110!important;
}
.sichrom-column-analogs-v65 .sichrom-column-analogs-search-card{
    overflow:visible!important;
}



/* Catalog hidden search tokens used by intelligent local card search. */
.sichrom-catalog-search-tokens{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
}

/* ==================================================
   SICHROM — V67.0.3 PUBLIC AUTHOR / BYLINE CLEANUP
   Hide publishing-account attribution, not scientific source authors.
   ================================================== */

body:not(.wp-admin) .post-meta .author,
body:not(.wp-admin) .post-meta .author-date,
body:not(.wp-admin) .post-header .author,
body:not(.wp-admin) .post-header .author-date,
body:not(.wp-admin) .entry-meta .byline,
body:not(.wp-admin) .entry-meta .author,
body:not(.wp-admin) .post-author,
body:not(.wp-admin) .author-box,
body:not(.wp-admin) .mfn-post-meta .author,
body:not(.wp-admin) .mfn-post-meta .author-date,
body.single-hplc_academy .sichrom-academy-author.is-author-only{
    display:none!important;
}



/* ==================================================
   SICHROM — V67.0.4 CATALOG / SELECTOR HOTFIX
   ================================================== */

/* Selector: products without images must not collapse main copy into the old image column. */
.sichrom-selector-result-card.is-no-image{
    grid-template-columns:80px minmax(0,1fr) minmax(170px,205px)!important;
}

.sichrom-selector-result-card.is-no-image .sichrom-selector-result-main{
    min-width:0;
}

.sichrom-selector-result-card.is-no-image .sichrom-selector-result-side{
    min-width:170px;
}

/* Keep actions compact in the right-side CTA column. */
.sichrom-selector-result-card .sichrom-selector-result-actions a{
    width:100%!important;
    box-sizing:border-box!important;
}

/* Catalog primary canonical chips are intentionally consistent across all cards. */
.sichrom-catalog-card-primary{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
}

@media (max-width:760px){
    .sichrom-selector-result-card.is-no-image{
        grid-template-columns:60px minmax(0,1fr)!important;
    }

    .sichrom-selector-result-card.is-no-image .sichrom-selector-result-side{
        grid-column:2!important;
        min-width:0!important;
    }
}



/* ============================================================
   SICHROM v67.0.7 — TECHNICAL SCHEMA REGISTRY / ICON SYSTEM
   ============================================================ */

.sichrom-tech-icon{
    width:22px;
    height:22px;
    flex:0 0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#168bf2;
    line-height:1;
}
.sichrom-tech-icon svg,
.sichrom-tech-icon img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
}

/* Registry-driven Filter Everything headers override legacy pseudo-icons. */
.wpc-filters-section.sichrom-filter-section .wpc-filter-title::before,
.wpc-filters-section.sichrom-filter-section .wpc-filter-title button::before{
    content:none!important;
    display:none!important;
}
.wpc-filters-section.sichrom-filter-section .wpc-filter-title,
.wpc-filters-section.sichrom-filter-section .wpc-filter-title button{
    position:relative;
}
.wpc-filters-section.sichrom-filter-section .wpc-filter-title button,
.wpc-filters-section.sichrom-filter-section .wpc-filter-title:not(:has(button)){
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:nowrap!important;
    gap:9px!important;
    min-height:0!important;
    padding:8px 4px 7px!important;
}
.sichrom-filter-copy{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    gap:3px;
}
.sichrom-filter-ru{
    display:block;
    font-size:15px;
    line-height:1.25;
    font-weight:700;
    color:#1d2b3a;
}
.sichrom-filter-en{
    display:block!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:500!important;
    color:#7b8794!important;
}
.sichrom-filter-tooltip{
    position:relative;
    width:18px;
    height:18px;
    flex:0 0 18px;
    border:1px solid #c8d6e5;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font:700 11px/1 Arial,sans-serif;
    color:#5d7186;
    cursor:pointer;
    margin-left:auto;
    margin-top:2px;
    background:#fff;
}
.sichrom-filter-tooltip::after{
    content:attr(data-tooltip);
    position:absolute;
    z-index:999;
    right:0;
    top:calc(100% + 8px);
    width:260px;
    padding:10px 12px;
    border:1px solid #dce6ef;
    border-radius:10px;
    background:#fff;
    box-shadow:0 10px 30px rgba(31,50,70,.12);
    color:#25384a;
    font:500 12px/1.45 Arial,sans-serif;
    text-align:left;
    white-space:normal;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-3px);
    transition:.15s ease;
}
.sichrom-filter-tooltip.is-open::after,
.sichrom-filter-tooltip:hover::after,
.sichrom-filter-tooltip:focus::after{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* Product characteristic labels reuse the exact same icon registry. */
.sichrom-registry-attribute-label{
    display:flex;
    align-items:center;
    gap:9px;
}
.sichrom-registry-attribute-label > [class^="sichrom-attr-"]::before,
.sichrom-registry-attribute-label > [class*=" sichrom-attr-"]::before{
    content:none!important;
}
.sichrom-registry-attribute-copy{
    display:flex;
    flex-direction:column;
    gap:2px;
}
.sichrom-registry-attribute-ru{
    font-weight:700;
    color:#223446;
}
.sichrom-registry-attribute-en{
    font-size:12px;
    font-weight:500;
    color:#7b8794;
}

/* Admin */
.sichrom-registry-admin .sichrom-tech-icon{width:24px;height:24px}
.sichrom-registry-grid{
    display:grid;
    grid-template-columns:minmax(620px,1.35fr) minmax(360px,.65fr);
    gap:24px;
    align-items:start;
    margin-top:18px;
}
.sichrom-admin-card{
    background:#fff;
    border:1px solid #dcdcde;
    border-radius:10px;
    padding:18px;
    box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.sichrom-admin-card label,
.sichrom-icon-form label{
    display:block;
    font-weight:600;
    margin:0 0 14px;
}
.sichrom-admin-card input[type=text],
.sichrom-admin-card input[type=number],
.sichrom-admin-card select,
.sichrom-admin-card textarea,
.sichrom-icon-form input[type=text],
.sichrom-icon-form select{
    display:block;
    width:100%;
    margin-top:6px;
    font-weight:400;
}
.sichrom-admin-card .two{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.sichrom-checkbox-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px 12px;
    margin-top:10px;
}
.sichrom-icon-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(145px,1fr));
    gap:12px;
    margin:18px 0 24px;
}
.sichrom-icon-card{
    min-height:110px;
    padding:14px;
    border:1px solid #dcdcde;
    border-radius:10px;
    background:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    text-decoration:none;
    color:#1d2327;
}
.sichrom-icon-card:hover{
    border-color:#72aee6;
    box-shadow:0 3px 12px rgba(0,0,0,.06);
}
.sichrom-icon-card .sichrom-tech-icon{width:34px;height:34px}
.sichrom-icon-card code{font-size:11px}
.sichrom-icon-card.is-add span{font-size:28px;color:#2271b1}
.sichrom-icon-form{
    max-width:620px;
    background:#fff;
    border:1px solid #dcdcde;
    border-radius:10px;
    padding:18px;
}
.sichrom-media-picker{margin:0 0 16px}
@media(max-width:1100px){
    .sichrom-registry-grid{grid-template-columns:1fr}
}


/* ============================================================
   SICHROM v67.0.9 — FILTER TOOLTIP DE-DUPLICATION
   Registry uses the right-side "i" tooltip. Hide FE helper "?" if present.
   ============================================================ */
.wpc-filters-section.sichrom-filter-section .wpc-filter-title .wpc-help-icon,
.wpc-filters-section.sichrom-filter-section .wpc-filter-title .wpc-filter-help,
.wpc-filters-section.sichrom-filter-section .wpc-filter-title .wpc-tooltip-icon,
.wpc-filters-section.sichrom-filter-section .wpc-filter-title [data-tooltip]:not(.sichrom-filter-tooltip){
    display:none!important;
}


/* ============================================================
   SICHROM v68.0 — REGISTRY-FIRST PRODUCT PAGE
   ============================================================ */

.sichrom-v68-product-chips{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    margin:8px 0 14px!important;
}
.sichrom-v68-product-chip{
    display:inline-flex!important;
    align-items:center!important;
    min-height:30px!important;
    padding:5px 11px!important;
    border:1px solid #d7e3ee!important;
    border-radius:999px!important;
    background:#f4f7fa!important;
    color:#2c4053!important;
    font-size:13px!important;
    font-weight:650!important;
    line-height:1!important;
    cursor:default!important;
    box-shadow:none!important;
}













.sichrom-v68-help{
    grid-column:3;
    grid-row:1;
    position:relative;
    width:18px;
    height:18px;
    padding:0;
    border:1px solid #c8d6e5;
    border-radius:50%;
    background:#fff;
    color:#60758a;
    font:700 11px/16px Arial,sans-serif;
    cursor:pointer;
}



.sichrom-v68-specifications{
    margin:0;
}
.sichrom-v68-spec-table{
    border:1px solid #dbe6ef;
    border-radius:14px;
    overflow:hidden;
    background:#fff;
}
.sichrom-v68-spec-row{
    display:grid;
    grid-template-columns:minmax(270px,42%) minmax(0,1fr);
    min-height:60px;
    border-bottom:1px solid #e7edf3;
}
.sichrom-v68-spec-row:last-child{
    border-bottom:0;
}
.sichrom-v68-spec-name{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 14px;
    background:#f8fbfe;
}
.sichrom-v68-spec-icon .sichrom-tech-icon{
    width:22px!important;
    height:22px!important;
    color:#168bf2;
}
.sichrom-v68-spec-copy{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.sichrom-v68-spec-copy strong{
    color:#263b4f;
    font-size:14px;
    line-height:1.2;
}
.sichrom-v68-spec-copy small{
    color:#8694a3;
    font-size:11px;
    line-height:1.15;
}
.sichrom-v68-spec-value{
    display:flex;
    align-items:center;
    padding:11px 16px;
    color:#21374a;
    font-size:14px;
    font-weight:650;
}
.sichrom-v68-empty{
    padding:14px;
    border:1px solid #e0e8ef;
    border-radius:12px;
    background:#fafcfe;
    color:#708091;
}

/* Registry admin: Russian product display matrix */
.sichrom-v68-display-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:14px;
}
.sichrom-v68-display-box{
    margin:0;
    padding:14px;
    border:1px solid #dbe6ef;
    border-radius:10px;
    background:#f9fbfd;
}
.sichrom-v68-display-box legend{
    padding:0 4px;
    color:#173a5e;
    font-weight:700;
}
.sichrom-v68-display-box p{
    min-height:36px;
    margin:2px 0 10px;
    color:#718396;
    font-size:12px;
    line-height:1.4;
}
.sichrom-v68-display-box label{
    display:block;
    margin:7px 0;
    font-weight:500;
}

@media(max-width:980px){
    
    .sichrom-v68-display-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
    
    .sichrom-v68-spec-row{grid-template-columns:1fr}
    .sichrom-v68-spec-value{min-height:48px}
    
}





/* ============================================================
   SICHROM v68.0.1 — FLOATING TOOLTIP
   ============================================================ */
.sichrom-v68-help{
    position:relative;
    flex:0 0 auto;
    width:18px;
    height:18px;
    padding:0;
    border:1px solid #c8d6e5;
    border-radius:50%;
    background:#fff;
    color:#60758a;
    font:700 11px/16px Arial,sans-serif;
    text-align:center;
    cursor:pointer;
}
.sichrom-v68-help:hover,
.sichrom-v68-help:focus,
.sichrom-v68-help[aria-expanded="true"]{
    border-color:#168bf2;
    color:#168bf2;
    outline:none;
}
.sichrom-v68-floating-tooltip{
    position:absolute;
    z-index:2147483000;
    width:min(280px,calc(100vw - 24px));
    padding:10px 12px;
    border:1px solid #dce6ef;
    border-radius:10px;
    background:#fff;
    color:#25384a;
    font:500 12px/1.45 Arial,sans-serif;
    box-shadow:0 10px 28px rgba(31,50,70,.15);
    pointer-events:auto;
}

/* Registry v68.0.1: only two public product zones. */
.sichrom-v68-display-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:980px){
    .sichrom-v68-display-grid{grid-template-columns:1fr}
}


/* ============================================================
   SICHROM v68.1 — REGISTRY-FIRST CATALOG
   ============================================================ */

/* Old compact toolbar/sort UI is superseded by the column-shaped catalog search. */
.sichrom-catalog-toolbar{
    display:none!important;
}

/* Catalog search: same visual language as Global Search, but compact enough
   to sit above the catalog/filter layout. */
.sichrom-catalog-column-search{
    width:100%;
    margin:0 0 22px;
    padding:22px 20px 18px;
    box-sizing:border-box;
    overflow:visible;
    background:
        radial-gradient(circle at 92% 18%,rgba(22,139,242,.08),transparent 26%),
        linear-gradient(135deg,#fbfdff 0%,#f4f9ff 52%,#edf6ff 100%);
    border:1px solid #d6e6f5;
    border-radius:18px;
    box-shadow:0 8px 24px rgba(18,63,105,.045);
}
.sichrom-catalog-search-head{
    margin:0 auto 15px;
    text-align:center;
}
.sichrom-catalog-search-kicker{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:24px;
    margin-bottom:8px;
    padding:0 12px;
    border:1px solid rgba(153,200,242,.25);
    border-radius:999px;
    background:rgba(225,240,255,.82);
    color:#087bea;
    font-size:9px;
    font-weight:750;
    line-height:1;
    letter-spacing:.08em;
}
.sichrom-catalog-search-head h2{
    margin:0 0 4px!important;
    color:#08356d!important;
    font-size:24px!important;
    font-weight:780!important;
    line-height:1.12!important;
}
.sichrom-catalog-search-column{
    max-width:1000px;
    margin:0 auto;
}
.sichrom-catalog-search-form{
    width:100%;
}
.sichrom-catalog-search-form .sichrom-global-search-input{
    color:#263b4f!important;
}
.sichrom-catalog-search-form .sichrom-global-search-input::placeholder{
    color:#92a2b4;
    opacity:1;
}
.sichrom-catalog-search-form .sichrom-global-search-input:focus::placeholder{
    opacity:0;
}
.sichrom-catalog-search-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    max-width:1000px;
    margin:10px auto 0;
}
.sichrom-catalog-result-count{
    color:#718097;
    font-size:11px;
}
.sichrom-catalog-result-count strong{
    color:#16355d;
    font-size:13px;
}

/* Registry-driven hybrid card */
.sichrom-v681-catalog-card-data{
    padding-top:10px;
}
.sichrom-v681-catalog-card-data .sichrom-catalog-card-primary{
    gap:6px;
}
.sichrom-v681-catalog-tech-line{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:4px 6px;
    margin-top:9px;
    color:#66768b;
    font-size:10px;
    line-height:1.4;
}
.sichrom-v681-catalog-tech-separator{
    color:#b8c5d2;
}
.sichrom-v681-catalog-tech-item{
    white-space:nowrap;
}

/* Compare checkbox stays a first-class part of the card. */
.sichrom-v681-catalog-card-data .sichrom-compare-toggle-inline{
    margin-top:9px!important;
}

/* Registry admin: three zones in v68.1 — product labels, characteristics,
   and catalog technical line. */
.sichrom-v68-display-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

@media(max-width:980px){
    .sichrom-v68-display-grid{grid-template-columns:1fr}
    .sichrom-catalog-column-search{padding:18px 14px 15px}
}
@media(max-width:620px){
    .sichrom-catalog-search-head h2{font-size:21px!important}
    }





/* ============================================================
   SICHROM v68.1.3 — COMPACT CATALOG HEADER
   ============================================================ */

.sichrom-catalog-column-search{
    display:none!important;
}

.sichrom-catalog-search-inline{
    width:100%;
    margin:18px 0 0;
    padding:0;
    background:none;
    border:0;
    border-radius:0;
    box-shadow:none;
}

.sichrom-v6813-header-left{
    min-width:0;
}

.sichrom-v6813-header-left .sichrom-catalog-search-column{
    width:100%;
    max-width:100%;
    margin:0;
}

.sichrom-v6813-header-left .sichrom-catalog-search-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:8px;
}

.sichrom-v6813-header-left .sichrom-catalog-result-count{
    margin:0;
    color:#718097;
    font-size:11px;
    line-height:1.2;
}

.sichrom-v6813-header-left .sichrom-catalog-result-count strong{
    color:#16355d;
    font-size:13px;
}

.sichrom-v6813-header-left .sichrom-catalog-search-form .sichrom-global-search-input{
    color:#263b4f!important;
}

.sichrom-v6813-header-left .sichrom-catalog-search-form .sichrom-global-search-input:focus::placeholder{
    opacity:0!important;
}

@media(max-width:980px){
    .sichrom-catalog-search-inline{
        margin-top:14px;
    }
}


/* ============================================================
   SICHROM v68.1.4 — FULL-WIDTH SEARCH IN CATALOG HERO
   ============================================================ */

.sichrom-v6814-header-with-full-search{
    display:flex;
    flex-wrap:wrap;
}

.sichrom-v6814-header-with-full-search > .sichrom-catalog-search-inline{
    flex:0 0 100%;
    width:100%;
    max-width:none;
    margin-top:18px;
    padding-left:0;
    padding-right:0;
    order:99;
}

.sichrom-v6814-header-with-full-search .sichrom-catalog-search-column{
    width:100%;
    max-width:none;
    margin:0;
}

.sichrom-v6814-header-with-full-search .sichrom-global-column{
    width:100%;
}

.sichrom-v6814-header-with-full-search .sichrom-catalog-search-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:8px;
}

.sichrom-v6814-header-with-full-search .sichrom-catalog-result-count{
    margin:0;
}

/* Neutralize v68.1.3 left-column-specific layout when v68.1.4 is active. */
.sichrom-v6814-header-with-full-search .sichrom-v6813-header-left .sichrom-catalog-search-column{
    max-width:none;
}

@media(max-width:980px){
    .sichrom-v6814-header-with-full-search > .sichrom-catalog-search-inline{
        margin-top:14px;
    }
}


/* ============================================================
   SICHROM v68.1.5 — REAL FULL-WIDTH GRID FIX
   The hero is a CSS grid. Spanning the grid is required; changing the
   parent to flex was insufficient because BeTheme's grid declaration wins.
   ============================================================ */

.sichrom-v6815-fullwidth-search{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
}

.sichrom-v6815-fullwidth-search .sichrom-catalog-search-column,
.sichrom-v6815-fullwidth-search .sichrom-global-column{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
}

.sichrom-v6815-fullwidth-search .sichrom-global-column-body{
    flex:1 1 auto!important;
    min-width:0!important;
}

.sichrom-v6815-fullwidth-search .sichrom-catalog-search-form{
    width:100%!important;
    max-width:none!important;
}

.sichrom-v6815-fullwidth-search .sichrom-global-search-input{
    min-width:0!important;
    width:100%!important;
}

/* Do not force the hero away from its existing grid layout. */
.sichrom-v6814-header-with-full-search{
    display:grid;
}


/* ============================================================
   SICHROM v68.1.6 — STABLE AJAX-SAFE HERO SEARCH
   Search is server-rendered as a real third grid child.
   No DOM relocation, no flashing, no jumping after filters.
   ============================================================ */

.sichrom-v6816-catalog-hero{
    display:grid!important;
}

.sichrom-v6816-catalog-hero > .sichrom-v6816-fullwidth-search{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    margin:18px 0 0!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
}

.sichrom-v6816-fullwidth-search .sichrom-catalog-search-column,
.sichrom-v6816-fullwidth-search .sichrom-global-column{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
}

.sichrom-v6816-fullwidth-search .sichrom-global-column-body{
    flex:1 1 auto!important;
    min-width:0!important;
}

.sichrom-v6816-fullwidth-search .sichrom-catalog-search-form{
    width:100%!important;
    max-width:none!important;
}

.sichrom-v6816-fullwidth-search .sichrom-global-search-input{
    width:100%!important;
    min-width:0!important;
}

.sichrom-v6816-fullwidth-search .sichrom-catalog-search-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-top:8px!important;
}

/* Neutralize prior relocation-only layout classes if old CSS remains above. */
.sichrom-v6816-catalog-hero.sichrom-v6814-header-with-full-search{
    display:grid!important;
}

@media(max-width:980px){
    .sichrom-v6816-catalog-hero > .sichrom-v6816-fullwidth-search{
        margin-top:14px!important;
    }
}


/* ============================================================
   SICHROM v68.2 — SELECTOR REGISTRY-FIRST
   ============================================================ */

.sichrom-v682-selector-admin{
    border-left:3px solid #168bf2;
}

.sichrom-v682-selector-admin .description{
    max-width:920px;
}

.sichrom-v682-selector-flags{
    margin-top:14px;
}

.sichrom-selector-result-tags [data-sichrom-parameter]{
    cursor:help;
}

@media(max-width:782px){
    .sichrom-v682-selector-admin .sichrom-admin-form-grid{
        grid-template-columns:1fr!important;
    }
}


/* ============================================================
   SICHROM v68.2.1 — SELECTOR: TASK-MATCH PERCENTAGE
   ============================================================ */

.sichrom-selector-match{
    display:flex;
    align-items:center;
    gap:11px;
    min-width:145px;
    margin:0;
    padding:10px 11px;
    border:1px solid #dce7f1;
    border-radius:12px;
    background:#f9fbfd;
    align-self:start;
}

.sichrom-selector-match-circle{
    --sichrom-match:0%;
    position:relative;
    flex:0 0 58px;
    width:58px;
    height:58px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:
        conic-gradient(
            #168bf2 var(--sichrom-match),
            #e4ebf2 0
        );
}

.sichrom-selector-match-circle::before{
    content:"";
    position:absolute;
    inset:6px;
    border-radius:50%;
    background:#fff;
}

.sichrom-selector-match-circle span{
    position:relative;
    z-index:1;
    color:#173a5e;
    font-size:15px;
    font-weight:800;
    line-height:1;
}

.sichrom-selector-match-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.sichrom-selector-match-copy strong{
    color:#263b4f;
    font-size:12px;
    line-height:1.2;
}

.sichrom-selector-match-copy small{
    color:#8997a6;
    font-size:10px;
    line-height:1.1;
}

/* Old rank block is no longer emitted in v68.2.1. */
.sichrom-selector-result-rank{
    display:none!important;
}

/* Registry Selector admin cleanup */
.sichrom-v682-selector-flags{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px 14px!important;
}

.sichrom-v682-selector-flags label{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
    min-height:34px;
    padding:7px 9px;
    border:1px solid #e0e8ef;
    border-radius:8px;
    background:#fbfdff;
}

.sichrom-v682-selector-admin .sichrom-admin-form-grid{
    gap:14px!important;
}

.sichrom-v682-selector-admin .sichrom-admin-field{
    gap:6px!important;
}

.sichrom-v682-selector-admin .sichrom-admin-field > span{
    display:block;
    font-weight:650;
    color:#2c4053;
}

.sichrom-v682-selector-admin .sichrom-admin-field small{
    display:block;
    margin-top:3px;
    color:#7f8f9f;
    font-size:11px;
    line-height:1.35;
}

.sichrom-v682-selector-admin textarea{
    width:100%;
    min-height:78px;
}

@media(max-width:900px){
    .sichrom-v682-selector-flags{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:620px){
    .sichrom-v682-selector-flags{
        grid-template-columns:1fr!important;
    }

    .sichrom-selector-match{
        width:100%;
        box-sizing:border-box;
    }

    .sichrom-selector-match-circle{
        flex-basis:54px;
        width:54px;
        height:54px;
    }
}


/* ============================================================
   SICHROM v68.2.2 — SELECTOR RESULT COLUMN SEPARATION
   ============================================================ */

/*
 * The percentage block is a real first column.
 * It must never share horizontal space with the product title.
 */
.sichrom-selector-result-card{
    grid-template-columns:96px 108px minmax(0,1fr) minmax(170px,205px)!important;
    column-gap:15px!important;
    align-items:start!important;
}

.sichrom-selector-result-card.is-no-image{
    grid-template-columns:96px minmax(0,1fr) minmax(170px,205px)!important;
}

.sichrom-selector-match{
    grid-column:1!important;
    grid-row:1!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    min-width:0!important;
    width:auto!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:5px 12px 5px 0!important;
    border:0!important;
    border-right:1px solid #e4edf5!important;
    border-radius:0!important;
    background:transparent!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    text-align:center!important;
}

.sichrom-selector-match-circle{
    flex:0 0 58px!important;
    width:58px!important;
    height:58px!important;
}

.sichrom-selector-match-copy{
    width:100%!important;
    align-items:center!important;
    gap:1px!important;
    text-align:center!important;
}

.sichrom-selector-match-copy strong{
    font-size:10px!important;
    line-height:1.15!important;
    color:#4f6d89!important;
}

.sichrom-selector-match-copy small{
    font-size:9px!important;
    line-height:1.1!important;
    color:#8a9daf!important;
}

.sichrom-selector-result-card:not(.is-no-image) .sichrom-selector-result-image{
    grid-column:2!important;
    grid-row:1!important;
}

.sichrom-selector-result-card:not(.is-no-image) .sichrom-selector-result-main{
    grid-column:3!important;
    grid-row:1!important;
    min-width:0!important;
}

.sichrom-selector-result-card:not(.is-no-image) .sichrom-selector-result-side{
    grid-column:4!important;
    grid-row:1!important;
    min-width:170px!important;
}

.sichrom-selector-result-card.is-no-image .sichrom-selector-result-main{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
}

.sichrom-selector-result-card.is-no-image .sichrom-selector-result-side{
    grid-column:3!important;
    grid-row:1!important;
    min-width:170px!important;
}

/* Ensure long product titles cannot intrude into the match column. */
.sichrom-selector-result-main h3,
.sichrom-selector-result-main h3 a{
    overflow-wrap:anywhere!important;
}

/* Tablet: keep percentage in first column, move CTA below main content. */
@media(max-width:1050px){
    .sichrom-selector-result-card,
    .sichrom-selector-result-card.is-no-image{
        grid-template-columns:82px minmax(0,1fr)!important;
    }

    .sichrom-selector-result-card .sichrom-selector-result-image{
        display:none!important;
    }

    .sichrom-selector-result-card .sichrom-selector-match{
        grid-column:1!important;
        grid-row:1 / span 2!important;
    }

    .sichrom-selector-result-card .sichrom-selector-result-main,
    .sichrom-selector-result-card.is-no-image .sichrom-selector-result-main{
        grid-column:2!important;
        grid-row:1!important;
    }

    .sichrom-selector-result-card .sichrom-selector-result-side,
    .sichrom-selector-result-card.is-no-image .sichrom-selector-result-side{
        grid-column:2!important;
        grid-row:2!important;
        min-width:0!important;
    }

    .sichrom-selector-result-price{
        text-align:left!important;
    }
}

/* Mobile: percentage becomes a compact horizontal row above the product title. */
@media(max-width:620px){
    .sichrom-selector-result-card,
    .sichrom-selector-result-card.is-no-image{
        grid-template-columns:1fr!important;
    }

    .sichrom-selector-result-card .sichrom-selector-match{
        grid-column:1!important;
        grid-row:auto!important;
        width:100%!important;
        padding:0 0 10px!important;
        border-right:0!important;
        border-bottom:1px solid #e4edf5!important;
        flex-direction:row!important;
        justify-content:flex-start!important;
        text-align:left!important;
    }

    .sichrom-selector-match-circle{
        flex-basis:50px!important;
        width:50px!important;
        height:50px!important;
    }

    .sichrom-selector-match-copy{
        width:auto!important;
        align-items:flex-start!important;
        text-align:left!important;
    }

    .sichrom-selector-result-card .sichrom-selector-result-main,
    .sichrom-selector-result-card.is-no-image .sichrom-selector-result-main,
    .sichrom-selector-result-card .sichrom-selector-result-side,
    .sichrom-selector-result-card.is-no-image .sichrom-selector-result-side{
        grid-column:1!important;
        grid-row:auto!important;
    }
}


/* ============================================================
   SICHROM v69.0 — SCIENTIFIC REGISTRY ADMIN
   ============================================================ */

.sichrom-v690-science-admin{
    border-color:#cfdfea!important;
}

.sichrom-v690-science-admin .description{
    max-width:900px;
    font-size:13px;
    line-height:1.45;
}

.sichrom-v690-subtitle{
    margin:0 0 12px;
    font-size:14px;
    font-weight:750;
    color:#274965;
}

.sichrom-v690-separator{
    border:0;
    border-top:1px solid #e1e9f0;
    margin:20px 0;
}

.sichrom-v690-mode-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(150px,1fr));
    gap:8px 10px;
    margin-top:2px;
}

.sichrom-v690-mode-grid label,
.sichrom-v690-selector-flags label{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:38px;
    padding:8px 10px;
    border:1px solid #dbe7f1;
    border-radius:8px;
    background:#f8fbfe;
    font-weight:600;
    color:#334f68;
}

.sichrom-v690-selector-flags{
    display:grid;
    grid-template-columns:repeat(2,minmax(220px,1fr));
    gap:10px 12px;
    max-width:760px;
}

.sichrom-v690-legacy-note{
    margin-top:18px;
    padding:11px 13px;
    border:1px solid #e4e9ef;
    border-radius:9px;
    background:#f7f9fb;
    color:#65778a;
    font-size:12px;
    line-height:1.45;
}

.sichrom-registry-list th,
.sichrom-registry-list td{
    white-space:normal;
}

.sichrom-registry-list td:nth-child(5){
    min-width:170px;
}

@media(max-width:1050px){
    .sichrom-v690-mode-grid{
        grid-template-columns:repeat(2,minmax(150px,1fr));
    }
}

@media(max-width:720px){
    .sichrom-v690-mode-grid,
    .sichrom-v690-selector-flags{
        grid-template-columns:1fr;
    }
}


/* ============================================================
   SICHROM v69.1 — PRODUCT ADMIN / SURFACE CHEMISTRY
   ============================================================ */

.sichrom-v691-surface-block{
    margin-top:18px;
    padding:16px;
    border:1px solid #dbe7f1;
    border-radius:12px;
    background:#fbfdff;
}

.sichrom-v691-surface-block h3{
    margin:0 0 4px;
    font-size:15px;
    color:#274965;
}

.sichrom-v691-surface-block > p{
    margin:0 0 14px;
    color:#73869a;
    font-size:12px;
    line-height:1.45;
}

.sichrom-v691-field-help{
    display:block;
    margin-top:5px;
    color:#8394a5;
    font-size:11px;
    line-height:1.35;
}


/* ============================================================
   SICHROM v69.2 — PRODUCT ADMIN / COMPATIBILITY
   ============================================================ */

.sichrom-v692-compatibility-block{
    margin-top:18px;
    padding:16px;
    border:1px solid #dbe7f1;
    border-radius:12px;
    background:#fbfdff;
}

.sichrom-v692-compatibility-block h3{
    margin:0 0 4px;
    font-size:15px;
    color:#274965;
}

.sichrom-v692-compatibility-block > p{
    margin:0 0 14px;
    color:#73869a;
    font-size:12px;
    line-height:1.45;
}

.sichrom-v692-field-wide{
    grid-column:1 / -1;
}


/* ============================================================
   SICHROM v69.3 — EXPERIMENTAL SELECTIVITY PROFILE
   ============================================================ */

.sichrom-v693-profile-block{
    margin-top:18px;
    padding:16px;
    border:1px solid #dbe7f1;
    border-radius:12px;
    background:#fbfdff;
}

.sichrom-v693-profile-block h3{
    margin:0 0 4px;
    font-size:15px;
    color:#274965;
}

.sichrom-v693-profile-head p,
.sichrom-v693-method-panel > p{
    margin:0 0 14px;
    color:#73869a;
    font-size:12px;
    line-height:1.45;
}

.sichrom-v693-profile-top{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.sichrom-v693-method-panel{
    margin-top:16px;
    padding:14px;
    border:1px solid #e1eaf2;
    border-radius:10px;
    background:#fff;
}

.sichrom-v693-method-panel[hidden]{
    display:none!important;
}

.sichrom-v693-method-panel h4{
    margin:0 0 5px;
    font-size:13px;
    color:#31566f;
}

.sichrom-v693-profile-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.sichrom-v693-profile-field{
    min-width:0;
}

.sichrom-v693-profile-field label,
.sichrom-v693-profile-note label{
    display:block;
    margin-bottom:5px;
    font-weight:650;
    color:#344f67;
}

.sichrom-v693-profile-field input,
.sichrom-v693-profile-note textarea{
    width:100%;
    box-sizing:border-box;
}

.sichrom-v693-symbol{
    display:inline-block;
    margin-left:4px;
    font-weight:500;
    color:#7d8e9f;
}

.sichrom-v693-profile-field small{
    display:block;
    margin-top:4px;
    color:#8293a4;
    font-size:11px;
}

.sichrom-v693-profile-note{
    margin-top:14px;
}

@media(max-width:780px){
    .sichrom-v693-profile-top,
    .sichrom-v693-profile-grid{
        grid-template-columns:1fr;
    }
}


/* ============================================================
   SICHROM v69.4 — HILIC / IEX / MIXED-MODE
   ============================================================ */

.sichrom-v694-special-block{
    margin-top:18px;
    padding:16px;
    border:1px solid #dbe7f1;
    border-radius:12px;
    background:#fbfdff;
}

.sichrom-v694-special-block h3{
    margin:0 0 4px;
    font-size:15px;
    color:#274965;
}

.sichrom-v694-special-block > p{
    margin:0 0 14px;
    color:#73869a;
    font-size:12px;
    line-height:1.45;
}

.sichrom-v694-note{
    margin-top:14px;
    padding:10px 12px;
    border:1px solid #e1e9f0;
    border-radius:8px;
    background:#f7fafc;
    color:#60758a;
    font-size:11px;
    line-height:1.45;
}


/* ============================================================
   SICHROM v70.0 — SCIENTIFIC SELECTOR
   ============================================================ */

.sichrom-v700-selector{
    --v700-line:#dce7f1;
    --v700-soft:#f7fbfe;
    --v700-text:#20384e;
    --v700-muted:#718497;
    --v700-blue:#eef7ff;
}

.sichrom-v700-progress{
    display:flex;
    align-items:center;
    gap:10px;
    margin:22px 0 18px;
}
.sichrom-v700-progress button{
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    padding:8px 12px;
    border:1px solid var(--v700-line);
    border-radius:12px;
    background:#fff;
    color:var(--v700-muted);
    cursor:pointer;
}
.sichrom-v700-progress button b{
    display:grid;
    place-items:center;
    width:26px;height:26px;
    border-radius:50%;
    background:#edf3f7;
}
.sichrom-v700-progress button.is-active{
    background:var(--v700-blue);
    color:#204f77;
    border-color:#bcd8ed;
}
.sichrom-v700-progress button.is-done{
    color:#365c78;
}
.sichrom-v700-progress button:disabled{
    cursor:default;
    opacity:.62;
}
.sichrom-v700-progress i{
    font-style:normal;
    color:#a2b3c2;
}

.sichrom-v700-form{
    padding:20px;
    border:1px solid var(--v700-line);
    border-radius:16px;
    background:#fff;
}
.sichrom-v700-step[hidden]{display:none!important}
.sichrom-v700-step-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
}
.sichrom-v700-step-head>span{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;height:38px;
    border-radius:50%;
    background:#eaf5fd;
    color:#275d84;
    font-weight:700;
}
.sichrom-v700-step-head h2{
    margin:0;
    font-size:22px;
    color:var(--v700-text);
}
.sichrom-v700-step-head small{
    display:block;
    margin-top:2px;
    color:var(--v700-muted);
}

.sichrom-v700-question{
    margin-top:18px;
}
.sichrom-v700-question h3{
    margin:0 0 9px;
    font-size:16px;
    color:#294861;
}

.sichrom-v700-options{
    display:grid;
    gap:9px;
}
.sichrom-v700-options.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sichrom-v700-options.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sichrom-v700-options.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}

.sichrom-v700-choice{
    display:block;
    margin:0;
    cursor:pointer;
}
.sichrom-v700-choice input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.sichrom-v700-choice>.sichrom-v700-choice-label{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:8px 11px;
    box-sizing:border-box;
    border:1px solid var(--v700-line);
    border-radius:10px;
    background:#fff;
    color:#35536b;
    text-align:center;
    font-size:14px;
    line-height:1.25;
    transition:.12s ease;
}
.sichrom-v700-choice input:checked+.sichrom-v700-choice-label{
    border-color:#7fb5da;
    background:#eaf6ff;
    color:#174e76;
    box-shadow:0 0 0 1px rgba(72,142,190,.12);
}

.sichrom-v700-numeric-row{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-top:18px;
}
.sichrom-v700-numeric-row.cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.sichrom-v700-numeric-row label{
    margin:0;
    min-width:0;
}
.sichrom-v700-numeric-row label>span{
    display:block;
    margin-bottom:5px;
    font-weight:650;
    color:#35536b;
}
.sichrom-v700-numeric-row label>span small{
    font-weight:400;
    color:#8a9aa9;
}
.sichrom-v700-numeric-row input{
    width:100%;
    min-height:42px;
    box-sizing:border-box;
}
.sichrom-v700-numeric-row label>div{
    position:relative;
}
.sichrom-v700-numeric-row label>div input{
    padding-right:52px;
}
.sichrom-v700-numeric-row label>div b{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    color:#8193a3;
    font-size:12px;
    pointer-events:none;
}

.sichrom-v700-validation{
    margin-top:14px;
    padding:10px 12px;
    border-radius:9px;
    background:#fff7e8;
    color:#79571f;
}
.sichrom-v700-controls{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:10px;
    margin-top:20px;
}
.sichrom-v700-controls button,
.sichrom-v700-results-actions button{
    min-height:42px;
    padding:8px 16px;
    border-radius:10px;
    border:1px solid #cddde9;
    background:#fff;
    color:#31566f;
    cursor:pointer;
}
.sichrom-v700-next,
.sichrom-v700-submit{
    background:#eaf6ff!important;
    border-color:#acd0e8!important;
    color:#174e76!important;
    font-weight:700;
}

.sichrom-v700-results{
    margin-top:20px;
}
.sichrom-v700-results[hidden]{display:none!important}
.sichrom-v700-results-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:16px;
    margin-bottom:14px;
}
.sichrom-v700-results-head span{
    color:#6e8496;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.sichrom-v700-results-head h2{
    margin:3px 0 0;
    color:#20384e;
}
.sichrom-v700-results-actions{
    display:flex;
    gap:8px;
}

.sichrom-v700-task-profile{
    padding:14px;
    border:1px solid var(--v700-line);
    border-radius:12px;
    background:var(--v700-soft);
    margin-bottom:12px;
}
.sichrom-v700-profile-row{
    display:grid;
    grid-template-columns:170px 1fr;
    align-items:start;
    gap:10px;
}
.sichrom-v700-profile-row+.sichrom-v700-profile-row{
    margin-top:8px;
}
.sichrom-v700-profile-row strong{
    color:#35536b;
}
.sichrom-v700-profile-row>div{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}
.sichrom-v700-profile-row span{
    display:inline-flex;
    padding:4px 8px;
    border:1px solid #d5e4ee;
    border-radius:999px;
    background:#fff;
    color:#45647b;
    font-size:12px;
}
.sichrom-v700-inference-note{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #deE8ef;
    color:#667d8f;
    font-size:12px;
}
.sichrom-v700-global-note{
    margin-bottom:12px;
    padding:12px 14px;
    border:1px solid #ecdcae;
    border-radius:10px;
    background:#fff9e9;
    color:#6d5a2f;
}

.sichrom-v700-result-list{
    display:grid;
    gap:10px;
}
.sichrom-v700-result{
    display:grid;
    grid-template-columns:96px 108px minmax(0,1fr) 185px;
    gap:14px;
    align-items:start;
    padding:15px;
    border:1px solid var(--v700-line);
    border-radius:14px;
    background:#fff;
}
.sichrom-v700-result.is-incompatible{
    opacity:.72;
}
.sichrom-v700-match{
    text-align:center;
}
.sichrom-v700-match-circle{
    width:68px;height:68px;
    margin:0 auto 5px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:conic-gradient(currentColor var(--match),#edf2f5 0);
    color:#5e91b5;
    position:relative;
}
.sichrom-v700-match-circle:before{
    content:"";
    position:absolute;
    inset:6px;
    border-radius:50%;
    background:#fff;
}
.sichrom-v700-match-circle b{
    position:relative;
    z-index:1;
    color:#31566f;
}
.sichrom-v700-match small{
    color:#8293a3;
    font-size:11px;
    line-height:1.2;
}
.sichrom-v700-result-image{
    display:block;
}
.sichrom-v700-result-image img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:contain;
}
.sichrom-v700-result-main h3{
    margin:4px 0 7px;
    font-size:18px;
}
.sichrom-v700-result-main h3 a{
    color:#203f58;
    text-decoration:none;
}
.sichrom-v700-status{
    display:inline-flex;
    padding:3px 7px;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
}
.sichrom-v700-status.is-compatible{background:#edf8f2;color:#337155}
.sichrom-v700-status.is-conditional{background:#fff6df;color:#806126}
.sichrom-v700-status.is-incompatible{background:#fff0f0;color:#8b4545}
.sichrom-v700-tags{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}
.sichrom-v700-tags span{
    padding:4px 7px;
    border-radius:999px;
    background:#f2f7fa;
    color:#60788a;
    font-size:11px;
}
.sichrom-v700-reasons,
.sichrom-v700-warnings{
    margin:10px 0 0;
    padding-left:18px;
    font-size:12px;
    line-height:1.45;
}
.sichrom-v700-reasons{color:#496b5d}
.sichrom-v700-warnings{color:#86672d}
.sichrom-v700-note{
    margin-top:8px;
    color:#728596;
    font-size:11px;
}
.sichrom-v700-result-side{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
}
.sichrom-v700-price{
    text-align:right;
    font-weight:700;
    color:#294861;
}
.sichrom-v700-open{
    display:block;
    padding:9px 12px;
    border-radius:9px;
    background:#edf7fe;
    color:#20587f;
    text-align:center;
    text-decoration:none;
    font-weight:650;
}

@media(max-width:980px){
    .sichrom-v700-options.cols-5,
    .sichrom-v700-options.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sichrom-v700-numeric-row{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sichrom-v700-result{grid-template-columns:90px minmax(0,1fr) 165px}
    .sichrom-v700-result-image{display:none}
}
@media(max-width:680px){
    .sichrom-v700-progress i,
    .sichrom-v700-progress button span{display:none}
    .sichrom-v700-progress button{padding:7px}
    .sichrom-v700-form{padding:14px}
    .sichrom-v700-options.cols-3,
    .sichrom-v700-options.cols-4,
    .sichrom-v700-options.cols-5,
    .sichrom-v700-numeric-row,
    .sichrom-v700-numeric-row.cols-2{grid-template-columns:1fr}
    .sichrom-v700-results-head{display:block}
    .sichrom-v700-results-actions{margin-top:10px}
    .sichrom-v700-profile-row{grid-template-columns:1fr}
    .sichrom-v700-result{grid-template-columns:78px minmax(0,1fr)}
    .sichrom-v700-result-side{grid-column:2}
    .sichrom-v700-match-circle{width:60px;height:60px}
}


/* ============================================================
   SICHROM v70.1 — SELECTOR UX + RESULT CARD FIX
   ============================================================ */

/* Final CTA must stay on the right. The previous CSS grid placed the fourth
   DOM item on a second row when "Далее" was hidden. */
.sichrom-v700-controls{
    display:flex!important;
    align-items:center;
    gap:10px;
}
.sichrom-v700-controls>span{
    flex:1 1 auto;
}
.sichrom-v700-controls .sichrom-v700-next,
.sichrom-v700-controls .sichrom-v700-submit{
    margin-left:auto;
}

/* Progress remains an editor after results are shown. */
.sichrom-v700-progress button:not(:disabled){
    cursor:pointer;
}
.sichrom-v700-progress button:not(:disabled):hover{
    border-color:#9fc7e1;
    background:#f2f9fe;
}

/* Result header: no redundant "Изменить параметры" button. */
.sichrom-v700-results-actions{
    align-items:center;
}
.sichrom-v701-edit-hint{
    max-width:280px;
    color:#718497;
    font-size:12px;
    line-height:1.35;
}

/* Critical no-image bug:
   without an image, the main content previously fell into the fixed 108px
   image column, while the action button consumed the flexible column. */
.sichrom-v700-result.is-no-image{
    grid-template-columns:96px minmax(0,1fr) 190px;
}
.sichrom-v700-result.is-no-image .sichrom-v700-result-main{
    grid-column:2;
}
.sichrom-v700-result.is-no-image .sichrom-v700-result-side{
    grid-column:3;
}

/* Product identity receives visual priority. */
.sichrom-v700-result-main{
    min-width:0;
}
.sichrom-v700-result-main h3{
    margin:6px 0 8px;
    font-size:22px;
    line-height:1.18;
    font-weight:700;
}
.sichrom-v700-result-main h3 a{
    display:inline;
    overflow-wrap:anywhere;
}
.sichrom-v700-status{
    margin-bottom:1px;
}

/* Match meaning + data coverage. */
.sichrom-v700-match small{
    display:block;
    margin-top:3px;
    color:#667f92;
    font-size:11px;
    font-weight:650;
    line-height:1.25;
}
.sichrom-v701-coverage{
    display:block;
    margin-top:6px;
    color:#91a0ac;
    font-size:10px;
    line-height:1.2;
}

/* Explain what matched and what did not, like the previous selector. */
.sichrom-v701-checks{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:12px;
}
.sichrom-v701-check-block{
    padding:10px 11px;
    border-radius:10px;
    border:1px solid #dfe9f0;
    background:#fbfdff;
}
.sichrom-v701-check-block>strong{
    display:block;
    margin-bottom:6px;
    color:#35536b;
    font-size:12px;
}
.sichrom-v701-check-block ul{
    margin:0;
    padding:0;
    list-style:none;
}
.sichrom-v701-check-block li{
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    gap:5px;
    margin:4px 0;
    color:#546d7f;
    font-size:12px;
    line-height:1.35;
}
.sichrom-v701-check-block li b{
    text-align:center;
}
.sichrom-v701-check-block.is-good{
    background:#f6fbf8;
    border-color:#d9ebe0;
}
.sichrom-v701-check-block.is-good li b{
    color:#3b8060;
}
.sichrom-v701-check-block.is-warning{
    background:#fffbf2;
    border-color:#eee2bd;
}
.sichrom-v701-check-block.is-warning li b{
    color:#96702d;
}
.sichrom-v701-unknown{
    margin-top:9px;
    color:#748898;
    font-size:11px;
}
.sichrom-v701-unknown summary{
    cursor:pointer;
}
.sichrom-v701-unknown ul{
    margin:6px 0 0;
    padding-left:18px;
}

/* Compact result actions; restore Methods and Chromatograms. */
.sichrom-v700-result-side{
    min-width:0;
}
.sichrom-v700-price{
    margin-bottom:2px;
    font-size:15px;
}
.sichrom-v701-result-actions{
    display:grid;
    gap:7px;
}
.sichrom-v701-result-actions a{
    display:block;
    padding:8px 10px;
    border:1px solid #d6e4ee;
    border-radius:8px;
    background:#fff;
    color:#315f7e;
    text-align:center;
    text-decoration:none;
    font-size:12px;
    font-weight:650;
    line-height:1.2;
}
.sichrom-v701-result-actions a.is-primary{
    background:#edf7fe;
    border-color:#c4dfef;
    color:#20587f;
}
.sichrom-v701-result-actions a:hover{
    border-color:#9fc6df;
    background:#f4faff;
}

/* Old giant full-width action is not used by v70.1 cards. */
.sichrom-v700-open{
    display:none!important;
}

@media(max-width:980px){
    .sichrom-v700-result.is-no-image{
        grid-template-columns:90px minmax(0,1fr) 165px;
    }
    .sichrom-v701-checks{
        grid-template-columns:1fr;
    }
}

@media(max-width:680px){
    .sichrom-v700-results-actions{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
    }
    .sichrom-v701-edit-hint{
        max-width:none;
    }
    .sichrom-v700-result.is-no-image{
        grid-template-columns:70px minmax(0,1fr);
    }
    .sichrom-v700-result.is-no-image .sichrom-v700-result-main{
        grid-column:2;
    }
    .sichrom-v700-result.is-no-image .sichrom-v700-result-side{
        grid-column:2;
    }
    .sichrom-v700-result-main h3{
        font-size:19px;
    }
    .sichrom-v701-result-actions{
        grid-template-columns:1fr 1fr;
    }
    .sichrom-v701-result-actions .is-primary{
        grid-column:1 / -1;
    }
}


/* ============================================================
   SICHROM v70.2 — DYNAMIC CTA / SVG CHOICES / EVIDENCE / SCORE
   ============================================================ */

/* One primary button only: it changes from Next to Show result on step 4. */
.sichrom-v700-controls .sichrom-v700-next{
    margin-left:auto;
}
.sichrom-v700-controls .sichrom-v700-next.is-result-action{
    min-width:190px;
    background:#168bf2!important;
    border-color:#168bf2!important;
    color:#fff!important;
}

/* v70 now reuses the approved SVG-infographic choice cards from the old selector. */
.sichrom-v700-options .sichrom-selector-choice{
    min-width:0;
}
.sichrom-v700-options .sichrom-selector-choice-card{
    min-height:116px!important;
    padding:15px!important;
}
.sichrom-v700-options .sichrom-selector-choice-copy{
    width:61%;
}
.sichrom-v700-options .sichrom-selector-choice-copy strong{
    font-size:14px!important;
    line-height:1.22!important;
}
.sichrom-v700-options .sichrom-selector-choice-art{
    right:7px;
    bottom:5px;
    width:43%;
    height:74%;
}

/* Selection cards should retain old visual language but stay compact enough for
   the four-step v70 interface. */
.sichrom-v700-options.cols-5 .sichrom-selector-choice-card{
    min-height:108px!important;
}
.sichrom-v700-options.cols-5 .sichrom-selector-choice-copy strong{
    font-size:13px!important;
}

/* Result evidence = one clear green block + one yellow attention block. */
.sichrom-v702-evidence-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:12px;
}
.sichrom-v702-evidence{
    min-width:0;
    padding:11px 12px;
    border:1px solid;
    border-radius:11px;
}
.sichrom-v702-evidence>strong{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:7px;
    font-size:12px;
    line-height:1.2;
}
.sichrom-v702-evidence>strong>span{
    display:grid;
    place-items:center;
    flex:0 0 20px;
    width:20px;
    height:20px;
    border-radius:50%;
    font-size:11px;
}
.sichrom-v702-evidence ul{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}
.sichrom-v702-evidence li{
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    gap:5px;
    margin:5px 0;
    font-size:12px;
    line-height:1.35;
}
.sichrom-v702-evidence li>b{
    text-align:center;
}
.sichrom-v702-evidence.is-good{
    background:#f3faf6;
    border-color:#cfe5d7;
}
.sichrom-v702-evidence.is-good>strong,
.sichrom-v702-evidence.is-good li{
    color:#426c57;
}
.sichrom-v702-evidence.is-good>strong>span{
    background:#e4f4ea;
    color:#377252;
}
.sichrom-v702-evidence.is-attention{
    background:#fff9e9;
    border-color:#eadcae;
}
.sichrom-v702-evidence.is-attention>strong,
.sichrom-v702-evidence.is-attention li{
    color:#79622c;
}
.sichrom-v702-evidence.is-attention>strong>span{
    background:#fff0bf;
    color:#8a6a1f;
}

.sichrom-v701-coverage{
    margin-top:7px;
    font-size:10px;
}

/* Supersede v70.1's now-unused two-block styles. */
.sichrom-v701-checks,
.sichrom-v701-unknown{
    display:none!important;
}

@media(max-width:980px){
    .sichrom-v700-options.cols-5{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media(max-width:760px){
    .sichrom-v702-evidence-row{
        grid-template-columns:1fr;
    }
    .sichrom-v700-options.cols-4,
    .sichrom-v700-options.cols-5{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:520px){
    .sichrom-v700-options.cols-3,
    .sichrom-v700-options.cols-4,
    .sichrom-v700-options.cols-5{
        grid-template-columns:1fr;
    }
}


/* ============================================================
   SICHROM v70.3 — wording/icon refinements + stable scoring UI
   ============================================================ */

/* Numeric units should stay visually near the input, not at the far right of a huge cell. */
.sichrom-v700-inline-unit{
    position:relative;
    width:100%;
    max-width:220px;
}
.sichrom-v700-inline-unit input{
    padding-right:46px!important;
}
.sichrom-v700-inline-unit b{
    right:12px!important;
}

/* Cleaner result circle: no extra coverage caption below. */
.sichrom-v701-coverage{display:none!important;}

/* If there are no warnings, only show the green block. */
.sichrom-v702-evidence-row.is-single{
    grid-template-columns:minmax(0,1fr);
}

/* Slightly calmer step 1 header. */
.sichrom-v700-step-head small{
    line-height:1.3;
}

/* Refined selector artwork requested by the user. */
.sichrom-selector-art-precipitate .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M54 18h38l24 82H30z'/%3E%3Cpath d='M66 34h14M63 50h22M58 66h32'/%3E%3Cpath d='M78 84c8 0 14 4 20 4 5 0 10-2 15-4'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M54 18h38l24 82H30z'/%3E%3Cpath d='M66 34h14M63 50h22M58 66h32'/%3E%3Cpath d='M78 84c8 0 14 4 20 4 5 0 10-2 15-4'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-oh-nh .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Ctext x='20' y='52' font-size='42' font-family='Arial' font-weight='700' fill='black'%3EOH%3C/text%3E%3Ctext x='110' y='90' font-size='42' font-family='Arial' font-weight='700' fill='black'%3ENH%3C/text%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Ctext x='20' y='52' font-size='42' font-family='Arial' font-weight='700' fill='black'%3EOH%3C/text%3E%3Ctext x='110' y='90' font-size='42' font-family='Arial' font-weight='700' fill='black'%3ENH%3C/text%3E%3C/svg%3E")}
.sichrom-selector-art-h2o-mark .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Ctext x='42' y='72' font-size='56' font-family='Arial' font-weight='700' fill='black'%3EH%E2%82%82O%3C/text%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Ctext x='42' y='72' font-size='56' font-family='Arial' font-weight='700' fill='black'%3EH%E2%82%82O%3C/text%3E%3C/svg%3E")}
.sichrom-selector-art-anions .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='black'%3E%3Ctext x='22' y='45' font-size='34' font-family='Arial' font-weight='700'%3EPO%E2%82%84%3C/text%3E%3Ccircle cx='164' cy='25' r='10'/%3E%3Cpath d='M158 25h12M164 19v12' stroke='white' stroke-width='3'/%3E%3Ccircle cx='168' cy='60' r='10'/%3E%3Cpath d='M162 60h12' stroke='white' stroke-width='3'/%3E%3Ccircle cx='128' cy='88' r='10'/%3E%3Cpath d='M122 88h12' stroke='white' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='black'%3E%3Ctext x='22' y='45' font-size='34' font-family='Arial' font-weight='700'%3EPO%E2%82%84%3C/text%3E%3Ccircle cx='164' cy='25' r='10'/%3E%3Cpath d='M158 25h12M164 19v12' stroke='white' stroke-width='3'/%3E%3Ccircle cx='168' cy='60' r='10'/%3E%3Cpath d='M162 60h12' stroke='white' stroke-width='3'/%3E%3Ccircle cx='128' cy='88' r='10'/%3E%3Cpath d='M122 88h12' stroke='white' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-camel-peak .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M15 92h190'/%3E%3Cpath d='M28 92c20 0 14-34 36-34 22 0 16 34 36 34 20 0 14-34 36-34 22 0 16 34 36 34'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M15 92h190'/%3E%3Cpath d='M28 92c20 0 14-34 36-34 22 0 16 34 36 34 20 0 14-34 36-34 22 0 16 34 36 34'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-sizes .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Ccircle cx='52' cy='76' r='12'/%3E%3Ccircle cx='108' cy='66' r='20'/%3E%3Ccircle cx='170' cy='52' r='30'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Ccircle cx='52' cy='76' r='12'/%3E%3Ccircle cx='108' cy='66' r='20'/%3E%3Ccircle cx='170' cy='52' r='30'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-water-low .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M18 76h55l8-26 8 26h24M118 22c16 22 22 31 22 42a22 22 0 1 1-44 0c0-11 6-20 22-42z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M18 76h55l8-26 8 26h24M118 22c16 22 22 31 22 42a22 22 0 1 1-44 0c0-11 6-20 22-42z'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-water-mid-low .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M20 76h44l8-22 8 22h18M122 24c18 24 25 34 25 45a25 25 0 1 1-50 0c0-11 7-21 25-45z'/%3E%3Cpath d='M170 44c10 14 14 20 14 27a14 14 0 1 1-28 0c0-7 4-13 14-27z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M20 76h44l8-22 8 22h18M122 24c18 24 25 34 25 45a25 25 0 1 1-50 0c0-11 7-21 25-45z'/%3E%3Cpath d='M170 44c10 14 14 20 14 27a14 14 0 1 1-28 0c0-7 4-13 14-27z'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-water-mid-high .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M22 84h36l7-19 7 19h15'/%3E%3Cpath d='M116 18c18 24 25 34 25 45a25 25 0 1 1-50 0c0-11 7-21 25-45z'/%3E%3Cpath d='M169 32c13 18 18 26 18 35a18 18 0 1 1-36 0c0-9 5-17 18-35z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M22 84h36l7-19 7 19h15'/%3E%3Cpath d='M116 18c18 24 25 34 25 45a25 25 0 1 1-50 0c0-11 7-21 25-45z'/%3E%3Cpath d='M169 32c13 18 18 26 18 35a18 18 0 1 1-36 0c0-9 5-17 18-35z'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-water-high .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M110 14c30 38 42 55 42 74a42 42 0 1 1-84 0c0-19 12-36 42-74z' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M110 14c30 38 42 55 42 74a42 42 0 1 1-84 0c0-19 12-36 42-74z' fill='none' stroke='black' stroke-width='4'/%3E%3C/svg%3E")}
.sichrom-selector-art-bottle-acn .sichrom-selector-choice-art,.sichrom-selector-art-bottle-meoh .sichrom-selector-choice-art,.sichrom-selector-art-bottle-ipa .sichrom-selector-choice-art,.sichrom-selector-art-bottle-generic .sichrom-selector-choice-art{-webkit-mask-size:contain;mask-size:contain}
.sichrom-selector-art-bottle-acn .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'%3E%3Cpath d='M86 14h48v14l8 8v56a16 16 0 0 1-16 16H94A16 16 0 0 1 78 92V36l8-8z'/%3E%3C/g%3E%3Ctext x='92' y='74' font-size='22' font-family='Arial' font-weight='700' fill='black'%3EACN%3C/text%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'%3E%3Cpath d='M86 14h48v14l8 8v56a16 16 0 0 1-16 16H94A16 16 0 0 1 78 92V36l8-8z'/%3E%3C/g%3E%3Ctext x='92' y='74' font-size='22' font-family='Arial' font-weight='700' fill='black'%3EACN%3C/text%3E%3C/svg%3E")}
.sichrom-selector-art-bottle-meoh .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'%3E%3Cpath d='M86 14h48v14l8 8v56a16 16 0 0 1-16 16H94A16 16 0 0 1 78 92V36l8-8z'/%3E%3C/g%3E%3Ctext x='85' y='74' font-size='20' font-family='Arial' font-weight='700' fill='black'%3EMeOH%3C/text%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'%3E%3Cpath d='M86 14h48v14l8 8v56a16 16 0 0 1-16 16H94A16 16 0 0 1 78 92V36l8-8z'/%3E%3C/g%3E%3Ctext x='85' y='74' font-size='20' font-family='Arial' font-weight='700' fill='black'%3EMeOH%3C/text%3E%3C/svg%3E")}
.sichrom-selector-art-bottle-ipa .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'%3E%3Cpath d='M86 14h48v14l8 8v56a16 16 0 0 1-16 16H94A16 16 0 0 1 78 92V36l8-8z'/%3E%3C/g%3E%3Ctext x='95' y='74' font-size='22' font-family='Arial' font-weight='700' fill='black'%3EIPA%3C/text%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'%3E%3Cpath d='M86 14h48v14l8 8v56a16 16 0 0 1-16 16H94A16 16 0 0 1 78 92V36l8-8z'/%3E%3C/g%3E%3Ctext x='95' y='74' font-size='22' font-family='Arial' font-weight='700' fill='black'%3EIPA%3C/text%3E%3C/svg%3E")}
.sichrom-selector-art-bottle-generic .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'%3E%3Cpath d='M86 14h48v14l8 8v56a16 16 0 0 1-16 16H94A16 16 0 0 1 78 92V36l8-8z'/%3E%3Cpath d='M110 44c13 18 18 26 18 35a18 18 0 1 1-36 0c0-9 5-17 18-35z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'%3E%3Cpath d='M86 14h48v14l8 8v56a16 16 0 0 1-16 16H94A16 16 0 0 1 78 92V36l8-8z'/%3E%3Cpath d='M110 44c13 18 18 26 18 35a18 18 0 1 1-36 0c0-9 5-17 18-35z'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-arrow-down .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M110 20v58M82 60l28 28 28-28' fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M110 20v58M82 60l28 28 28-28' fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sichrom-selector-art-arrow-right .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M42 60h96M120 32l28 28-28 28' fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M42 60h96M120 32l28 28-28 28' fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sichrom-selector-art-arrow-up .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M110 96V38M82 56l28-28 28 28' fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M110 96V38M82 56l28-28 28 28' fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sichrom-selector-art-instrument .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'%3E%3Crect x='22' y='20' width='54' height='76' rx='6'/%3E%3Crect x='92' y='20' width='54' height='76' rx='6'/%3E%3Crect x='162' y='20' width='54' height='76' rx='6'/%3E%3Cpath d='M49 33v50M119 33v50M189 33v50M76 52h16M146 52h16'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'%3E%3Crect x='22' y='20' width='54' height='76' rx='6'/%3E%3Crect x='92' y='20' width='54' height='76' rx='6'/%3E%3Crect x='162' y='20' width='54' height='76' rx='6'/%3E%3Cpath d='M49 33v50M119 33v50M189 33v50M76 52h16M146 52h16'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-instrument-fast .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'%3E%3Crect x='18' y='20' width='48' height='76' rx='6'/%3E%3Crect x='80' y='20' width='48' height='76' rx='6'/%3E%3Crect x='142' y='20' width='48' height='76' rx='6'/%3E%3Cpath d='M214 58h-18M214 58l-16-14M214 58l-16 14M41 33v50M103 33v50M165 33v50'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linejoin='round'%3E%3Crect x='18' y='20' width='48' height='76' rx='6'/%3E%3Crect x='80' y='20' width='48' height='76' rx='6'/%3E%3Crect x='142' y='20' width='48' height='76' rx='6'/%3E%3Cpath d='M214 58h-18M214 58l-16-14M214 58l-16 14M41 33v50M103 33v50M165 33v50'/%3E%3C/g%3E%3C/svg%3E")}

@media(max-width:680px){
    .sichrom-v700-inline-unit{max-width:none;}
}


/* ============================================================
   SICHROM v70.4 — PUBLIC SELECTOR DESIGN REFINEMENT
   ============================================================ */
.sichrom-v700-selector .sichrom-selector-head-note strong{font-size:14px;line-height:1.3}
.sichrom-v700-step-head small{margin-top:4px;font-size:12px;line-height:1.35}
.sichrom-v700-step-head small b{font-weight:650;color:#597a94}
.sichrom-v700-question h3{margin:0 0 12px!important;font-size:18px!important;font-weight:750!important;line-height:1.3!important;color:#223f58!important}
.sichrom-v700-options .sichrom-selector-choice-card{align-items:center!important;min-height:122px!important}
.sichrom-v700-options .sichrom-selector-choice-copy{display:flex!important;align-items:center!important;align-self:stretch!important;width:58%!important}
.sichrom-v700-options .sichrom-selector-choice-copy strong{width:100%;font-size:16px!important;font-weight:730!important;line-height:1.25!important;text-align:left!important}
.sichrom-v700-options.cols-5 .sichrom-selector-choice-copy strong{font-size:15px!important}
.sichrom-v700-options .sichrom-selector-choice-art{width:40%!important;height:72%!important;right:10px!important;bottom:14%!important;-webkit-mask-position:center!important;mask-position:center!important}
.sichrom-v704-leader{display:inline-flex;margin:0 6px 4px 0;padding:4px 8px;border:1px solid #bfded0;border-radius:999px;background:#f0f9f4;color:#2f6d50;font-size:11px;font-weight:750}

.sichrom-selector-art-dna .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M55 12c70 28 70 78 0 106M165 12c-70 28-70 78 0 106'/%3E%3Cpath d='M70 25h80M83 43h54M91 61h38M89 79h42M80 97h60M65 113h90' stroke-width='3.5'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M55 12c70 28 70 78 0 106M165 12c-70 28-70 78 0 106'/%3E%3Cpath d='M70 25h80M83 43h54M91 61h38M89 79h42M80 97h60M65 113h90' stroke-width='3.5'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-protein .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M47 75c-18-21-2-48 24-43 8-24 43-28 57-8 25-10 49 10 43 34 25 10 25 44 1 55-18 19-45 4-51-12-14 22-49 25-60 1-18 8-34-8-30-27 3-10 8-14 16-20'/%3E%3Cpath d='M68 48c18-12 39 1 36 20-3 16-22 15-30 28M124 36c-19 11-17 36 4 42 17 5 27-10 27-24M91 102c7-15 23-20 35-10' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M47 75c-18-21-2-48 24-43 8-24 43-28 57-8 25-10 49 10 43 34 25 10 25 44 1 55-18 19-45 4-51-12-14 22-49 25-60 1-18 8-34-8-30-27 3-10 8-14 16-20'/%3E%3Cpath d='M68 48c18-12 39 1 36 20-3 16-22 15-30 28M124 36c-19 11-17 36 4 42 17 5 27-10 27-24M91 102c7-15 23-20 35-10' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-peptide .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M32 65h155'/%3E%3Ccircle cx='45' cy='65' r='12'/%3E%3Ccircle cx='78' cy='65' r='11'/%3E%3Ccircle cx='110' cy='65' r='12'/%3E%3Ccircle cx='144' cy='65' r='11'/%3E%3Ccircle cx='177' cy='65' r='12'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M32 65h155'/%3E%3Ccircle cx='45' cy='65' r='12'/%3E%3Ccircle cx='78' cy='65' r='11'/%3E%3Ccircle cx='110' cy='65' r='12'/%3E%3Ccircle cx='144' cy='65' r='11'/%3E%3Ccircle cx='177' cy='65' r='12'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-polymer .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M20 74c22-38 44 34 66-4 22-38 44 34 66-4 22-38 42 25 60-2'/%3E%3Ccircle cx='34' cy='57' r='8'/%3E%3Ccircle cx='66' cy='78' r='15'/%3E%3Ccircle cx='101' cy='56' r='9'/%3E%3Ccircle cx='133' cy='78' r='16'/%3E%3Ccircle cx='169' cy='55' r='9'/%3E%3Ccircle cx='201' cy='71' r='14'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 120'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath d='M20 74c22-38 44 34 66-4 22-38 44 34 66-4 22-38 42 25 60-2'/%3E%3Ccircle cx='34' cy='57' r='8'/%3E%3Ccircle cx='66' cy='78' r='15'/%3E%3Ccircle cx='101' cy='56' r='9'/%3E%3Ccircle cx='133' cy='78' r='16'/%3E%3Ccircle cx='169' cy='55' r='9'/%3E%3Ccircle cx='201' cy='71' r='14'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-precipitate .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M82 15h56M92 15v75c0 25 36 25 36 0V15'/%3E%3Cpath d='M94 85c8-5 14 4 21 0 7-4 11 3 13 4'/%3E%3C/g%3E%3Cg fill='black'%3E%3Ccircle cx='101' cy='100' r='4'/%3E%3Ccircle cx='112' cy='104' r='5'/%3E%3Ccircle cx='122' cy='98' r='3.5'/%3E%3Ccircle cx='107' cy='94' r='3'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M82 15h56M92 15v75c0 25 36 25 36 0V15'/%3E%3Cpath d='M94 85c8-5 14 4 21 0 7-4 11 3 13 4'/%3E%3C/g%3E%3Cg fill='black'%3E%3Ccircle cx='101' cy='100' r='4'/%3E%3Ccircle cx='112' cy='104' r='5'/%3E%3Ccircle cx='122' cy='98' r='3.5'/%3E%3Ccircle cx='107' cy='94' r='3'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-camel-peak .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M12 98h196'/%3E%3Cpath d='M42 98c25 0 28-68 58-68 25 0 24 48 31 48 7 0 7-43 31-43 28 0 25 63 48 63'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M12 98h196'/%3E%3Cpath d='M42 98c25 0 28-68 58-68 25 0 24 48 31 48 7 0 7-43 31-43 28 0 25 63 48 63'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-water-low .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M117 39c10 14 14 20 14 27a14 14 0 1 1-28 0c0-7 4-13 14-27z' fill='none' stroke='black' stroke-width='5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M117 39c10 14 14 20 14 27a14 14 0 1 1-28 0c0-7 4-13 14-27z' fill='none' stroke='black' stroke-width='5'/%3E%3C/svg%3E")}
.sichrom-selector-art-water-mid-low .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='5'%3E%3Cpath d='M96 26c17 23 24 33 24 44a24 24 0 1 1-48 0c0-11 7-21 24-44z'/%3E%3Cpath d='M155 48c9 13 13 19 13 25a13 13 0 1 1-26 0c0-6 4-12 13-25z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='5'%3E%3Cpath d='M96 26c17 23 24 33 24 44a24 24 0 1 1-48 0c0-11 7-21 24-44z'/%3E%3Cpath d='M155 48c9 13 13 19 13 25a13 13 0 1 1-26 0c0-6 4-12 13-25z'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-water-mid-high .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='5'%3E%3Cpath d='M85 18c21 28 29 40 29 53a29 29 0 1 1-58 0c0-13 8-25 29-53z'/%3E%3Cpath d='M153 31c15 21 21 30 21 40a21 21 0 1 1-42 0c0-10 6-19 21-40z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cg fill='none' stroke='black' stroke-width='5'%3E%3Cpath d='M85 18c21 28 29 40 29 53a29 29 0 1 1-58 0c0-13 8-25 29-53z'/%3E%3Cpath d='M153 31c15 21 21 30 21 40a21 21 0 1 1-42 0c0-10 6-19 21-40z'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-water-high .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M110 9c34 43 47 62 47 82a47 47 0 1 1-94 0c0-20 13-39 47-82z' fill='none' stroke='black' stroke-width='5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'%3E%3Cpath d='M110 9c34 43 47 62 47 82a47 47 0 1 1-94 0c0-20 13-39 47-82z' fill='none' stroke='black' stroke-width='5'/%3E%3C/svg%3E")}
.sichrom-selector-art-bottle-acn .sichrom-selector-choice-art,.sichrom-selector-art-bottle-meoh .sichrom-selector-choice-art,.sichrom-selector-art-bottle-ipa .sichrom-selector-choice-art,.sichrom-selector-art-bottle-generic .sichrom-selector-choice-art{-webkit-mask-size:contain!important;mask-size:contain!important}
.sichrom-selector-art-bottle-acn .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'%3E%3Cpath d='M85 12h50v13h-8v14c18 7 27 20 27 39v31H66V78c0-19 9-32 27-39V25h-8z'/%3E%3Cpath d='M78 64h64M78 100h64'/%3E%3C/g%3E%3Ctext x='83' y='90' font-size='25' font-family='Arial' font-weight='700' fill='black'%3EACN%3C/text%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'%3E%3Cpath d='M85 12h50v13h-8v14c18 7 27 20 27 39v31H66V78c0-19 9-32 27-39V25h-8z'/%3E%3Cpath d='M78 64h64M78 100h64'/%3E%3C/g%3E%3Ctext x='83' y='90' font-size='25' font-family='Arial' font-weight='700' fill='black'%3EACN%3C/text%3E%3C/svg%3E")}
.sichrom-selector-art-bottle-meoh .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'%3E%3Cpath d='M85 12h50v13h-8v14c18 7 27 20 27 39v31H66V78c0-19 9-32 27-39V25h-8z'/%3E%3Cpath d='M78 64h64M78 100h64'/%3E%3C/g%3E%3Ctext x='77' y='90' font-size='22' font-family='Arial' font-weight='700' fill='black'%3EMeOH%3C/text%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'%3E%3Cpath d='M85 12h50v13h-8v14c18 7 27 20 27 39v31H66V78c0-19 9-32 27-39V25h-8z'/%3E%3Cpath d='M78 64h64M78 100h64'/%3E%3C/g%3E%3Ctext x='77' y='90' font-size='22' font-family='Arial' font-weight='700' fill='black'%3EMeOH%3C/text%3E%3C/svg%3E")}
.sichrom-selector-art-bottle-ipa .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'%3E%3Cpath d='M85 12h50v13h-8v14c18 7 27 20 27 39v31H66V78c0-19 9-32 27-39V25h-8z'/%3E%3Cpath d='M78 64h64M78 100h64'/%3E%3C/g%3E%3Ctext x='90' y='90' font-size='25' font-family='Arial' font-weight='700' fill='black'%3EIPA%3C/text%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'%3E%3Cpath d='M85 12h50v13h-8v14c18 7 27 20 27 39v31H66V78c0-19 9-32 27-39V25h-8z'/%3E%3Cpath d='M78 64h64M78 100h64'/%3E%3C/g%3E%3Ctext x='90' y='90' font-size='25' font-family='Arial' font-weight='700' fill='black'%3EIPA%3C/text%3E%3C/svg%3E")}
.sichrom-selector-art-bottle-generic .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'%3E%3Cpath d='M85 12h50v13h-8v14c18 7 27 20 27 39v31H66V78c0-19 9-32 27-39V25h-8z'/%3E%3Cpath d='M78 64h64M78 100h64'/%3E%3Cpath d='M110 69c10 14 14 20 14 27a14 14 0 1 1-28 0c0-7 4-13 14-27z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 130'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linejoin='round'%3E%3Cpath d='M85 12h50v13h-8v14c18 7 27 20 27 39v31H66V78c0-19 9-32 27-39V25h-8z'/%3E%3Cpath d='M78 64h64M78 100h64'/%3E%3Cpath d='M110 69c10 14 14 20 14 27a14 14 0 1 1-28 0c0-7 4-13 14-27z'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-instrument .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M12 100h206'/%3E%3Cpath d='M22 100c25 0 30-50 55-50s30 50 55 50M110 100c24 0 28-68 54-68s30 68 54 68'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M12 100h206'/%3E%3Cpath d='M22 100c25 0 30-50 55-50s30 50 55 50M110 100c24 0 28-68 54-68s30 68 54 68'/%3E%3C/g%3E%3C/svg%3E")}
.sichrom-selector-art-instrument-fast .sichrom-selector-choice-art{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M12 100h206'/%3E%3Cpath d='M42 100c12 0 14-68 28-68s16 68 28 68M132 100c10 0 12-82 25-82s15 82 25 82'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 120'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M12 100h206'/%3E%3Cpath d='M42 100c12 0 14-68 28-68s16 68 28 68M132 100c10 0 12-82 25-82s15 82 25 82'/%3E%3C/g%3E%3C/svg%3E")}
@media(max-width:760px){.sichrom-v700-options .sichrom-selector-choice-copy strong{font-size:15px!important}}


/* ============================================================
   SICHROM v70.5 — PRODUCT ADMIN REDESIGN
   ============================================================ */

#sichrom_v662_product_technical .inside{
    padding:14px!important;
    margin:0!important;
    background:#f5f8fb;
}

.sichrom-v705-admin{
    --adm-line:#d8e3ec;
    --adm-soft:#f7fafc;
    --adm-blue:#eef7fe;
    --adm-text:#29465e;
    --adm-muted:#738698;
    display:grid;
    gap:14px;
}

.sichrom-v705-derived{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.sichrom-v705-derived>div{
    padding:12px 14px;
    border:1px solid #cfe1ee;
    border-radius:11px;
    background:var(--adm-blue);
}
.sichrom-v705-derived span{
    display:block;
    margin-bottom:3px;
    color:#6e8293;
    font-size:11px;
}
.sichrom-v705-derived strong{
    display:block;
    color:#254c69;
    font-size:15px;
    line-height:1.25;
}

.sichrom-v705-section{
    margin:0!important;
    padding:15px!important;
    border:1px solid var(--adm-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
}
.sichrom-v705-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:13px;
}
.sichrom-v705-section h3{
    margin:0!important;
    color:var(--adm-text)!important;
    font-size:16px!important;
    line-height:1.25!important;
}
.sichrom-v705-section-head p{
    margin:4px 0 0!important;
    color:var(--adm-muted)!important;
    font-size:11px!important;
    line-height:1.35!important;
}

.sichrom-v705-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    align-items:start;
}

.sichrom-v705-grid .sichrom-v662-field,
.sichrom-v705-profile-method .sichrom-v662-field{
    display:block!important;
    min-width:0!important;
    margin:0!important;
}
.sichrom-v705-grid .sichrom-v662-field>label,
.sichrom-v705-profile-method .sichrom-v662-field>label{
    display:block!important;
    margin:0 0 5px!important;
    color:#39546a!important;
    font-size:12px!important;
    font-weight:650!important;
    line-height:1.25!important;
}
.sichrom-v705-grid select,
.sichrom-v705-grid input[type="text"],
.sichrom-v705-grid input[type="number"],
.sichrom-v705-profile-method select,
.sichrom-v693-profile-grid input{
    width:100%!important;
    max-width:none!important;
    min-height:38px!important;
    box-sizing:border-box!important;
    margin:0!important;
}
.sichrom-v705-grid .sichrom-v662-manage{
    display:inline-block!important;
    margin-top:5px!important;
    color:#63829b!important;
    font-size:10px!important;
    text-decoration:none!important;
}
.sichrom-v705-grid .sichrom-v662-manage:hover{
    color:#2271b1!important;
}

.sichrom-v705-grid .sichrom-v662-number-wrap{
    position:relative!important;
    display:block!important;
}
.sichrom-v705-grid .sichrom-v662-number-wrap input{
    padding-right:52px!important;
}
.sichrom-v705-grid .sichrom-v662-number-wrap>span{
    position:absolute!important;
    right:11px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    color:#768a9c!important;
    font-size:11px!important;
    pointer-events:none!important;
}

.sichrom-v705-ph-field .sichrom-v662-ph-wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:7px!important;
    align-items:center!important;
}
.sichrom-v705-ph-field .sichrom-v662-ph-wrap input{
    min-width:0!important;
}

.sichrom-v705-wide{
    grid-column:1/-1;
}
.sichrom-v705-wide .sichrom-v692-field-wide{
    display:grid!important;
    grid-template-columns:minmax(180px,.45fr) minmax(260px,1fr)!important;
    gap:10px!important;
    align-items:center!important;
}
.sichrom-v705-wide .sichrom-v692-field-wide label{
    margin:0!important;
}
.sichrom-v705-wide .sichrom-v691-field-help{
    grid-column:2!important;
    margin:0!important;
    color:#8798a6!important;
    font-size:10px!important;
}

.sichrom-v705-details{
    padding:0!important;
    overflow:hidden!important;
}
.sichrom-v705-details>summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:14px 15px!important;
    cursor:pointer!important;
    list-style:none!important;
}
.sichrom-v705-details>summary::-webkit-details-marker{
    display:none!important;
}
.sichrom-v705-details>summary span{
    min-width:0;
}
.sichrom-v705-details>summary strong{
    display:block;
    color:var(--adm-text);
    font-size:15px;
}
.sichrom-v705-details>summary small{
    display:block;
    margin-top:3px;
    color:var(--adm-muted);
    font-size:11px;
}
.sichrom-v705-details>summary>b{
    flex:0 0 auto;
    padding:5px 9px;
    border:1px solid #d4e2ec;
    border-radius:8px;
    background:#f8fbfd;
    color:#56748c;
    font-size:10px;
}
.sichrom-v705-details[open]>summary{
    border-bottom:1px solid var(--adm-line);
    background:#fbfdff;
}
.sichrom-v705-details-body{
    padding:15px;
}

.sichrom-v705-profile-method{
    max-width:420px;
    margin-bottom:14px;
}

.sichrom-v705-details .sichrom-v693-method-panel{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}
.sichrom-v705-details .sichrom-v693-method-panel h4{
    margin:0 0 10px!important;
    color:#35536b!important;
    font-size:13px!important;
}
.sichrom-v705-details .sichrom-v693-profile-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
}
.sichrom-v705-details .sichrom-v693-profile-field label{
    font-size:11px!important;
    line-height:1.3!important;
}
.sichrom-v705-details .sichrom-v693-profile-field small{
    font-size:10px!important;
}

.sichrom-v705-empty-note{
    margin:8px 0 0!important;
    padding:9px 11px!important;
    border-radius:8px!important;
    background:#f7fafc!important;
    color:#728697!important;
    font-size:11px!important;
    line-height:1.4!important;
}

.sichrom-v705-footer-note{
    padding:10px 12px;
    border:1px dashed #d5e2eb;
    border-radius:10px;
    background:#fbfdff;
    color:#647b8e;
    font-size:11px;
}
.sichrom-v705-footer-note strong{
    color:#405e75;
}

/* Old v69 layout wrappers are not used in the new renderer. */
.sichrom-v705-admin .sichrom-v691-surface-block,
.sichrom-v705-admin .sichrom-v692-compatibility-block,
.sichrom-v705-admin .sichrom-v693-profile-block,
.sichrom-v705-admin .sichrom-v694-special-block{
    margin:0!important;
}

@media(max-width:1300px){
    .sichrom-v705-grid,
    .sichrom-v705-details .sichrom-v693-profile-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:900px){
    .sichrom-v705-derived{
        grid-template-columns:1fr;
    }
    .sichrom-v705-grid,
    .sichrom-v705-details .sichrom-v693-profile-grid{
        grid-template-columns:1fr!important;
    }
    .sichrom-v705-wide{
        grid-column:auto;
    }
    .sichrom-v705-wide .sichrom-v692-field-wide{
        grid-template-columns:1fr!important;
    }
    .sichrom-v705-wide .sichrom-v691-field-help{
        grid-column:auto!important;
    }
}

@media(max-width:782px){
    #sichrom_v662_product_technical .inside{
        padding:10px!important;
    }
    .sichrom-v705-section{
        padding:12px!important;
    }
    .sichrom-v705-details>summary{
        padding:12px!important;
    }
    .sichrom-v705-details-body{
        padding:12px!important;
    }
}


/* ============================================================
   SICHROM v70.6 — scientific-core UX details
   ============================================================ */

.sichrom-v700-step input[inputmode="decimal"]{
    font-variant-numeric:tabular-nums;
}

.sichrom-v700-profile-row > div{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.sichrom-v700-profile-row > div > span{
    max-width:100%;
}


/* ============================================================
   SICHROM v70.7 — result state refinement
   ============================================================ */

.sichrom-v700-status.is-insufficient{
    border-color:#d8e2ea!important;
    background:#f6f8fa!important;
    color:#667b8c!important;
}


/* ============================================================
   SICHROM v70.8 — unified result model
   ============================================================ */

.sichrom-v700-status.is-conditional{
    border-color:#e8d9aa!important;
    background:#fff9e8!important;
    color:#7a6424!important;
}

.sichrom-v700-match.is-incompatible-score .sichrom-v700-match-circle{
    --match:0%!important;
    background:#f4f6f8!important;
    border-color:#d7dde2!important;
    color:#6c7b86!important;
}

.sichrom-v700-match.is-incompatible-score small{
    color:#7b8790!important;
}


/* ============================================================
   SICHROM FINAL 2026-10-02
   Global search portal remains in <body> to avoid builder clipping.
   Its coordinates are synchronized on scroll/resize by JS.
   ============================================================ */

.sichrom-global-search-results-portal{
    will-change: top, left;
}