/* Key-Hub home module. Generated from the child-theme stylesheet; keep selector order intact. */

/* Stage 335: image-led category showcase with generated WebP artwork. */
html body.home .section-id--kh-main-hero {
    padding-bottom: 32px !important;
}

html body.home .kh-home-categories-v2 {
    margin-top: 16px !important;
    margin-bottom: 42px !important;
    padding-top: 24px !important;
}

html body.home .kh-home-categories-v2 > .section-block__header {
    display: none !important;
}

html body.home .kh-home-categories-v2 .section-html__body {
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
}

html body.home .kh-home-categories-v2 .dim-t3 {
    margin: 0 !important;
    color: #111c33 !important;
    font-size: clamp(28px, 2.4vw, 34px) !important;
    font-weight: 850 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    text-align: center !important;
}

html body.home .kh-home-categories-v2__subtitle {
    margin: 12px 0 28px !important;
    color: #65738e !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

html body.home .kh-home-categories-v2 .dimm-product-categories {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

html body.home .kh-home-categories-v2 .dimm-category-item {
    position: relative !important;
    height: 294px !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 84% 22%, rgba(123, 173, 255, .18), transparent 30%),
        radial-gradient(circle at 10% 100%, rgba(255, 255, 255, .92), transparent 38%),
        linear-gradient(180deg, #fbfdff 0%, #eef5ff 100%) !important;
    box-shadow: 0 14px 34px rgba(29, 64, 119, .08) !important;
    isolation: isolate !important;
    transform: none !important;
    transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease !important;
}

html body.home .kh-home-categories-v2 .dimm-category-item::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    top: 33% !important;
    right: -24% !important;
    width: 88% !important;
    height: 52% !important;
    border: 1px solid rgba(93, 151, 242, .16) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .18) !important;
    transform: rotate(-9deg) !important;
    pointer-events: none !important;
}

html body.home .kh-home-categories-v2 .dimm-category-item::after {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    inset: auto 0 0 !important;
    height: 74px !important;
    background: linear-gradient(180deg, rgba(239, 246, 255, 0), rgba(232, 241, 253, .92)) !important;
    pointer-events: none !important;
}

html body.home .kh-home-categories-v2 .dimm-category-item:hover {
    border-color: #c9dbf5 !important;
    box-shadow: 0 20px 44px rgba(29, 64, 119, .13) !important;
    transform: translateY(-4px) !important;
}

html body.home .kh-home-categories-v2 .dimm-category-details,
html body.home .kh-home-categories-v2 .dimm-category-info {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.home .kh-home-categories-v2 .dimm-category-info > div {
    position: relative !important;
    z-index: 4 !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 24px 18px 0 !important;
    text-align: center !important;
    pointer-events: none !important;
}

html body.home .kh-home-categories-v2 .dimm-category-name {
    display: block !important;
    min-height: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    color: #111c33 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;
    text-align: center !important;
    white-space: nowrap !important;
}

html body.home .kh-home-categories-v2 .dimm-category-summary {
    display: none !important;
}

html body.home .kh-home-categories-v2 .dimm-category-visual-link {
    display: contents !important;
}

html body.home .kh-home-categories-v2 .dimm-category-visual-link .dimm-category-visual {
    cursor: pointer !important;
}

html body.home .kh-home-categories-v2 .dimm-category-visual-link:focus-visible .dimm-category-visual {
    outline: 3px solid rgba(49, 93, 255, .32) !important;
    outline-offset: 3px !important;
    border-radius: 18px !important;
}

html body.home .kh-home-categories-v2 .dimm-category-visual {
    position: absolute !important;
    z-index: 2 !important;
    top: 50px !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    display: block !important;
    width: 88% !important;
    height: 200px !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    filter: drop-shadow(0 16px 20px rgba(55, 91, 145, .12)) !important;
    transform: translateX(-50%) !important;
    transition: transform .26s ease, filter .26s ease !important;
}

html body.home .kh-home-categories-v2 .dimm-category-item:hover .dimm-category-visual {
    filter: drop-shadow(0 20px 24px rgba(55, 91, 145, .17)) !important;
    transform: translateX(-50%) translateY(-4px) scale(1.035) !important;
}

html body.home .kh-home-categories-v2 .dimm-category-action {
    position: absolute !important;
    z-index: 6 !important;
    right: auto !important;
    bottom: 12px !important;
    left: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: auto !important;
    min-width: 178px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(202, 215, 234, .92) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 8px 20px rgba(46, 77, 124, .09) !important;
    color: #16233a !important;
    -webkit-text-fill-color: #16233a !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transform: translateX(-50%) !important;
    transition: border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease !important;
}

html body.home .kh-home-categories-v2 .dimm-category-action::before {
    content: "" !important;
    position: absolute !important;
    inset: -5px !important;
    border-radius: inherit !important;
}

html body.home .kh-home-categories-v2 .dimm-category-action svg {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    flex: 0 0 16px !important;
    stroke: #53749f !important;
    transition: transform .2s ease, stroke .2s ease !important;
}

html body.home .kh-home-categories-v2 .dimm-category-action:hover {
    border-color: #a9c4e9 !important;
    background: #fff !important;
    box-shadow: 0 11px 24px rgba(46, 77, 124, .14) !important;
    color: #164f99 !important;
    -webkit-text-fill-color: #164f99 !important;
    transform: translate(-50%, -2px) !important;
}

html body.home .kh-home-categories-v2 .dimm-category-action:hover svg {
    stroke: #164f99 !important;
    transform: translateX(3px) !important;
}

html body.home .kh-home-categories-v2 .dimm-category-action:focus-visible {
    outline: 3px solid rgba(49, 93, 255, .32) !important;
    outline-offset: 3px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    html body.home .kh-home-categories-v2 .section-html__body {
        width: min(860px, calc(100% - 48px)) !important;
    }

    html body.home .kh-home-categories-v2 .dimm-product-categories {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    html body.home .kh-home-categories-v2 .dimm-category-item {
        height: 286px !important;
    }

    html body.home .kh-home-categories-v2 .dimm-category-visual {
        top: 48px !important;
        height: 190px !important;
    }
}

@media (max-width: 767px) {
    html body.home .kh-home-categories-v2 {
        margin-top: 12px !important;
        margin-bottom: 28px !important;
        padding-top: 20px !important;
    }

    html body.home .kh-home-categories-v2 .section-html__body {
        width: calc(100% - 24px) !important;
        max-width: 520px !important;
    }

    html body.home .kh-home-categories-v2 .dim-t3 {
        display: block !important;
        margin: 0 !important;
        font-size: 25px !important;
    }

    html body.home .kh-home-categories-v2__subtitle {
        margin: 8px 12px 20px !important;
        font-size: 13px !important;
    }

    html body.home .kh-home-categories-v2 .dimm-product-categories {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    html body.home .kh-home-categories-v2 .dimm-category-item {
        height: 218px !important;
        border-radius: 18px !important;
    }

    html body.home .kh-home-categories-v2 .dimm-category-info > div {
        padding: 15px 7px 0 !important;
    }

    html body.home .kh-home-categories-v2 .dimm-category-name {
        min-height: 0 !important;
        font-size: clamp(12px, 3.7vw, 15px) !important;
        line-height: 1.12 !important;
        white-space: nowrap !important;
    }

    html body.home .kh-home-categories-v2 .dimm-category-visual {
        top: 40px !important;
        width: 96% !important;
        height: 128px !important;
    }

    html body.home .kh-home-categories-v2 .dimm-category-action {
        bottom: 8px !important;
        gap: 5px !important;
        width: auto !important;
        min-width: 140px !important;
        max-width: calc(100% - 18px) !important;
        height: 34px !important;
        padding: 0 8px !important;
        border-radius: 11px !important;
        font-size: clamp(9.5px, 2.5vw, 10.75px) !important;
    }

    html body.home .kh-home-categories-v2 .dimm-category-action svg {
        width: 14px !important;
        height: 14px !important;
        flex-basis: 14px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body.home .kh-home-categories-v2 .dimm-category-item,
    html body.home .kh-home-categories-v2 .dimm-category-visual,
    html body.home .kh-home-categories-v2 .dimm-category-action,
    html body.home .kh-home-categories-v2 .dimm-category-action svg {
        transition: none !important;
    }
}

/* Stage 334: use the tablet section gutters to reveal the next home review.
   Section scope outranks the shared iPad rails loaded later in style.css. */
@media (min-width: 768px) and (max-width: 1023px) {
    html body.home .kh-reviews-v2-section .kh-reviews-v2-layout .admin-product-reviews,
    html body.front-page .kh-reviews-v2-section .kh-reviews-v2-layout .admin-product-reviews {
        width: calc(100% + 64px) !important;
        margin-left: -32px !important;
        margin-right: -32px !important;
        padding-left: 0 !important;
        padding-right: 16px !important;
        scroll-padding-inline: 0 !important;
    }
}


@media (min-width: 768px) and (max-width: 1023px) {

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__features {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: min(100%, 620px) !important;
        min-height: 0 !important;
        margin: 18px auto 0 !important;
        padding: 14px 10px !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature {
        display: grid !important;
        grid-template-rows: 42px auto !important;
        align-content: center !important;
        justify-items: center !important;
        gap: 7px !important;
        min-width: 0 !important;
        min-height: 76px !important;
        padding: 0 10px !important;
        text-align: center !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature + .kh-main-hero-showcase__feature {
        border-left: 1px solid rgba(107, 141, 185, .2) !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature-icon {
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature b {
        display: block !important;
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature b br,
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature small { display: none !important; }}

@media (min-width: 1024px) and (max-width: 1700px) {
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__features {
        top: calc(64.2% + 30px) !important;
    }}

/* Stage 337: normalize the wider Office Programs artwork against square assets. */
html body.home .kh-home-categories-v2 .dimm-category-visual.kh-category-visual--office-programs {
    transform: translateX(-50%) scale(.82) !important;
}

html body.home .kh-home-categories-v2 .dimm-category-item:hover .dimm-category-visual.kh-category-visual--office-programs {
    transform: translateX(-50%) translateY(-4px) scale(.85) !important;
}

@media (max-width: 767px) {
    html body.home .kh-home-categories-v2 .dimm-product-categories .dimm-category-visual.kh-category-visual--office-programs {
        transform: translateX(-50%) scale(.82) !important;
    }

    html body.home .kh-home-categories-v2 .dimm-product-categories .dimm-category-item:hover .dimm-category-visual.kh-category-visual--office-programs {
        transform: translateX(-50%) translateY(-2px) scale(.84) !important;
    }
}

/* Stage 336: keep the approved image-led category cards intact on phones. */
@media (max-width: 767px) {
    html body.home .kh-home-categories-v2 .dimm-product-categories .dimm-category-item {
        position: relative !important;
        height: 218px !important;
        padding: 0 !important;
        overflow: hidden !important;
        isolation: isolate !important;
        border: 1px solid rgba(125, 158, 207, .20) !important;
        border-radius: 18px !important;
        background:
            radial-gradient(circle at 80% 15%, rgba(151, 196, 255, .24), transparent 36%),
            linear-gradient(145deg, #fbfdff 0%, #f1f6ff 64%, #e9f1fc 100%) !important;
        box-shadow: 0 10px 24px rgba(38, 73, 125, .09) !important;
        transform: none !important;
    }

    html body.home .kh-home-categories-v2 .dimm-product-categories .dimm-category-item::before {
        content: "" !important;
        position: absolute !important;
        z-index: -1 !important;
        top: 54px !important;
        right: -30px !important;
        bottom: auto !important;
        left: auto !important;
        display: block !important;
        width: 145px !important;
        height: 145px !important;
        border-radius: 50% !important;
        background: rgba(210, 227, 251, .48) !important;
        filter: blur(1px) !important;
    }

    html body.home .kh-home-categories-v2 .dimm-product-categories .dimm-category-details,
    html body.home .kh-home-categories-v2 .dimm-product-categories .dimm-category-info {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.home .kh-home-categories-v2 .dimm-product-categories .dimm-category-info > div {
        position: relative !important;
        z-index: 5 !important;
        width: 100% !important;
        padding: 12px 9px 0 !important;
        pointer-events: none !important;
    }

    html body.home .kh-home-categories-v2 .dimm-product-categories .dimm-category-name {
        display: flex !important;
        min-height: 34px !important;
        align-items: flex-start !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: clamp(13px, 3.7vw, 15px) !important;
        line-height: 1.12 !important;
        text-align: center !important;
    }

    html body.home .kh-home-categories-v2 .dimm-product-categories .dimm-category-visual {
        position: absolute !important;
        z-index: 2 !important;
        top: 42px !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;
        display: block !important;
        width: 90% !important;
        height: 128px !important;
        max-width: none !important;
        margin: 0 !important;
        object-fit: contain !important;
        filter: drop-shadow(0 11px 15px rgba(55, 91, 145, .12)) !important;
        transform: translateX(-50%) !important;
    }

    html body.home .kh-home-categories-v2 .dimm-product-categories .dimm-category-action {
        position: absolute !important;
        z-index: 6 !important;
        right: auto !important;
        bottom: 8px !important;
        left: 50% !important;
        display: inline-flex !important;
        width: auto !important;
        min-width: 140px !important;
        max-width: calc(100% - 18px) !important;
        height: 34px !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        padding: 0 8px !important;
        border: 1px solid rgba(123, 151, 194, .23) !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, .94) !important;
        box-shadow: 0 6px 14px rgba(48, 77, 121, .10) !important;
        color: #263a58 !important;
        font-size: clamp(9.5px, 2.5vw, 10.75px) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        transform: translateX(-50%) !important;
    }
}
@media (max-width: 767px) {
    html body.home .section-html.section-1 {
        margin-top: 10px !important;
        margin-bottom: 22px !important;
    }

    html body.home .section-html.section-1 > .section-block__header {
        display: none !important;
    }

    html body.home .section-html.section-1 .section-html__body {
        width: calc(100% - 24px) !important;
        max-width: 520px !important;
        margin: 0 auto !important;
    }

    html body.home .section-html.section-1 .dim-t3 {
        margin: 0 0 18px !important;
        color: #111c33 !important;
        font-size: 24px !important;
        font-weight: 900 !important;
        line-height: 1.12 !important;
        letter-spacing: -.025em !important;
        text-align: center !important;
    }

    html body.home .dimm-product-categories {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    html body.home .dimm-product-categories .dimm-category-item {
        /* Stage 332: borderless mobile categories with captions below icons. */
        position: relative !important;
        min-width: 0 !important;
        height: 146px !important;
        margin: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 19px !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    html body.home .dimm-product-categories .dimm-category-item::before {
        content: none !important;
    }

    html body.home .dimm-product-categories .dimm-category-item::after {
        content: none !important;
    }

    html body.home .dimm-product-categories .dimm-category-details,
    html body.home .dimm-product-categories .dimm-category-info {
        position: static !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.home .dimm-product-categories .dimm-category-info > div {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 106px 12px 0 !important;
        pointer-events: none !important;
    }

    html body.home .dimm-product-categories .dimm-category-name {
        min-height: 31px !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        max-width: 100% !important;
        margin: 0 !important;
        color: #15213a !important;
        font-size: 14px !important;
        font-weight: 850 !important;
        line-height: 1.12 !important;
        letter-spacing: -.012em !important;
        text-align: center !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        transform: none !important;
    }

    html body.home .dimm-product-categories .dimm-category-summary,
    html body.home .dimm-product-categories .dimm-category-action {
        display: none !important;
    }

    html body.home .dimm-product-categories .dimm-category-visual-link {
        position: absolute !important;
        inset: 0 !important;
        z-index: 3 !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: inherit !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body.home .dimm-product-categories .dimm-category-visual {
        position: absolute !important;
        top: 10px !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;
        display: block !important;
        width: 88px !important;
        height: 88px !important;
        max-width: none !important;
        margin: 0 !important;
        object-fit: contain !important;
        filter: none !important;
        transform: translateX(-50%) !important;
    }

    html body.home .dimm-product-categories .dimm-category-visual-link:focus-visible {
        outline: 3px solid rgba(49, 93, 255, .35) !important;
        outline-offset: -4px !important;
    }
    html body.home .section-products .shop-grid,
    html body.home .kh-home-articles-grid,
    html body.home .kh-reviews-v2-layout .admin-product-reviews,
    html body.front-page .kh-reviews-v2-layout .admin-product-reviews {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        overscroll-behavior-inline: contain !important;
        scroll-behavior: smooth !important;
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: 12px !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body.home .section-products .shop-grid::-webkit-scrollbar,
    html body.home .kh-home-articles-grid::-webkit-scrollbar,
    html body.home .kh-reviews-v2-layout .admin-product-reviews::-webkit-scrollbar,
    html body.front-page .kh-reviews-v2-layout .admin-product-reviews::-webkit-scrollbar {
        display: none !important;
    }
    html body.home .section-products {
        position: relative !important;
        overflow: visible !important;
    }

    html body.home .section-products > .section-block__header {
        position: relative !important;
        padding-right: 0 !important;
    }

    html body.home .section-products > .section-block__header::after {
        content: none !important;
        position: absolute !important;
        top: 50% !important;
        right: 12px !important;
        color: #315dff !important;
        font-size: 11px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        transform: translateY(-50%) !important;
    }

    html body.home .section-products > .section-block__description-wrapper {
        position: relative !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    html body.home .section-products > .section-block__description-wrapper::after {
        content: none !important;
        position: absolute !important;
        top: 50% !important;
        right: 12px !important;
        color: #315dff !important;
        font-size: 11px !important;
        font-weight: 850 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        transform: translateY(-50%) !important;
    }

    html body.home .section-products .shop-grid {
        position: relative !important;
        left: -28px !important;
        width: calc(100% + 56px) !important;
        max-width: none !important;
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: stretch !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 2px 12px 16px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        box-sizing: border-box !important;
    }

    html body.home .section-products .shop-grid > .shop-item {
        width: min(calc(100vw - 112px), 270px) !important;
        min-width: min(calc(100vw - 112px), 270px) !important;
        max-width: min(calc(100vw - 112px), 270px) !important;
        flex: 0 0 min(calc(100vw - 112px), 270px) !important;
        margin: 0 !important;
        padding: 12px !important;
        border: 1px solid #e2eaf6 !important;
        border-radius: 16px !important;
        background: #fff !important;
        box-shadow: 0 10px 24px rgba(28, 58, 108, .07) !important;
        box-sizing: border-box !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: normal !important;
    }
    html body.home .section-html.section-3 .section-html__body > div[style] {
        margin-top: -36px !important;
        text-align: center !important;
    }
    html body.home .kh-articles-heading {
        padding-top: 12px !important;
        box-sizing: border-box !important;
    }

    html body.home .kh-articles-heading__badge {
        margin-bottom: 10px !important;
    }

    html body.home .kh-articles-heading__title {
        margin-top: 0 !important;
    }

    html body.home .kh-articles-fix {
        width: 100% !important;
        max-width: none !important;
        margin: -4px auto 0 !important;
        overflow: visible !important;
    }

    html body.home .kh-home-articles-grid {
        width: 100% !important;
        max-width: none !important;
        display: flex !important;
        flex-flow: row nowrap !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 2px 12px 14px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    html body.home .kh-home-article-card {
        width: min(76vw, 286px) !important;
        min-width: min(76vw, 286px) !important;
        max-width: min(76vw, 286px) !important;
        flex: 0 0 min(76vw, 286px) !important;
        border-radius: 16px !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: normal !important;
    }

    html body.home .kh-home-article-card__media {
        aspect-ratio: 16 / 9 !important;
    }

    html body.home .kh-home-article-card__body {
        min-height: 94px !important;
        padding: 12px 13px 13px !important;
    }

    html body.home .kh-home-article-card__tag {
        margin-bottom: 8px !important;
        padding: 5px 8px !important;
        font-size: 10px !important;
    }

    html body.home .kh-home-article-card__title {
        min-height: 36px !important;
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1.28 !important;
    }

    html body.home .kh-home-article-card__excerpt,
    html body.home .kh-home-article-card__footer {
        display: none !important;
    }

    html body.home .kh-all-articles-wrap {
        margin-top: 10px !important;
    }
    html body.home .kh-reviews-v2-layout .admin-product-reviews,
    html body.front-page .kh-reviews-v2-layout .admin-product-reviews {
        width: calc(100% + 16px) !important;
        max-width: none !important;
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: stretch !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 2px 16px 14px 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        box-sizing: border-box !important;
    }

    html body.home .kh-reviews-v2-layout .apr-review,
    html body.front-page .kh-reviews-v2-layout .apr-review {
        width: min(calc(100vw - 104px), 300px) !important;
        min-width: min(calc(100vw - 104px), 300px) !important;
        max-width: min(calc(100vw - 104px), 300px) !important;
        flex: 0 0 min(calc(100vw - 104px), 300px) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: normal !important;
    }}
body.home .kh-reviews-v2-layout .apr-review > .kh-review-reply,
body.front-page .kh-reviews-v2-layout .apr-review > .kh-review-reply {
    grid-column: 1 / -1 !important;
    order: 3 !important;
    align-self: end !important;
    width: 100% !important;
    margin-top: 12px !important;
    box-sizing: border-box !important;
}
@media (min-width: 1361px) and (max-width: 1700px) {
    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner,
    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner.full {
        grid-template-columns: minmax(188px, 218px) minmax(0, 1fr) minmax(210px, 280px) 44px 44px 44px !important;
        grid-template-areas: "logo menu search account favorite cart" !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .header-search.header-search {
        grid-column: 3 !important;
        grid-row: 1 !important;
        grid-area: search !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .header-customer-account.header-customer-account {
        grid-column: 4 !important;
        grid-row: 1 !important;
        grid-area: account !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .header-favorite.header-favorite {
        grid-column: 5 !important;
        grid-row: 1 !important;
        grid-area: favorite !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-cart.site-header-cart {
        grid-column: 6 !important;
        grid-row: 1 !important;
        grid-area: cart !important;
    }}

body.home .kh-reviews-v2-section,
body.front-page .kh-reviews-v2-section {
    max-width: 1460px;
    width: calc(100% - 28px);
    margin: 34px auto !important;
    padding: 16px !important;
    border: 1px solid #e5edf8 !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #fbfdff 0%, #f3f8ff 100%) !important;
    box-shadow: 0 18px 44px rgba(18, 35, 68, .09) !important;
}

body.home .kh-reviews-v2-body,
body.front-page .kh-reviews-v2-body {
    padding: 0 !important;
}

body.home .kh-reviews-v2-body > style,
body.front-page .kh-reviews-v2-body > style {
    display: none !important;
}

body.home .kh-reviews-v2-body > h2,
body.front-page .kh-reviews-v2-body > h2 {
    margin: 0 0 14px !important;
    color: #172033 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

body.home .kh-reviews-v2-body > h2::after,
body.front-page .kh-reviews-v2-body > h2::after {
    content: "лучшие традиции доверия в один общий индекс";
    float: right;
    margin-top: 4px;
    color: #65728a;
    font-size: 11px;
    font-weight: 800;
}

body.home .kh-reviews-v2-body > p,
body.front-page .kh-reviews-v2-body > p,
body.home .kh-reviews-v2-section .kh-all-reviews-wrap,
body.front-page .kh-reviews-v2-section .kh-all-reviews-wrap,
body.home .kh-reviews-v2-section .apr-load-more-wrap,
body.front-page .kh-reviews-v2-section .apr-load-more-wrap {
    display: none !important;
}

body.home .kh-reviews-v2-layout,
body.front-page .kh-reviews-v2-layout {
    display: grid !important;
    grid-template-columns: 340px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

body.home .kh-reviews-v2-summary,
body.front-page .kh-reviews-v2-summary {
    min-height: 330px;
    padding: 24px !important;
    border: 1px solid #e5edf8 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(18, 35, 68, .06) !important;
}

body.home .kh-reviews-v2-score,
body.front-page .kh-reviews-v2-score {
    color: #172033;
    font-size: 54px;
    line-height: .95;
    font-weight: 950;
    letter-spacing: 0;
}

body.home .kh-reviews-v2-stars,
body.front-page .kh-reviews-v2-stars {
    margin-top: 12px;
    color: #ffb21b;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
}

body.home .kh-reviews-v2-count,
body.front-page .kh-reviews-v2-count {
    margin-top: 6px;
    color: #65728a;
    font-size: 12px;
    font-weight: 800;
}

body.home .kh-reviews-v2-bars,
body.front-page .kh-reviews-v2-bars {
    margin-top: 24px;
}

body.home .kh-reviews-v2-bar,
body.front-page .kh-reviews-v2-bar {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
    color: #65728a;
    font-size: 12px;
    font-weight: 850;
}

body.home .kh-reviews-v2-bar-source,
body.front-page .kh-reviews-v2-bar-source {
    grid-template-columns: 112px minmax(0, 1fr) 58px;
}

body.home .kh-reviews-v2-bar-source span,
body.front-page .kh-reviews-v2-bar-source span {
    line-height: 1.2;
}

body.home .kh-reviews-v2-bar b,
body.front-page .kh-reviews-v2-bar b {
    display: block;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #eaf1fb;
}

body.home .kh-reviews-v2-bar i,
body.front-page .kh-reviews-v2-bar i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, #7567ff, #35c7ff);
}

body.home .kh-reviews-v2-bar em,
body.front-page .kh-reviews-v2-bar em {
    color: #65728a;
    font-style: normal;
    text-align: right;
}

body.home .kh-reviews-v2-button,
body.front-page .kh-reviews-v2-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin-top: 26px;
    padding: 0 20px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #7567ff, #35c7ff);
    color: #fff !important;
    font-size: 13px;
    font-weight: 950;
    text-decoration: none !important;
    box-shadow: 0 14px 28px rgba(70, 118, 255, .22);
}

body.home .kh-reviews-v2-layout .admin-product-reviews,
body.front-page .kh-reviews-v2-layout .admin-product-reviews {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 !important;
}

body.home .kh-reviews-v2-layout .apr-review,
body.front-page .kh-reviews-v2-layout .apr-review {
    display: grid !important;
    grid-template-rows: auto 1fr auto !important;
    min-height: 158px !important;
    padding: 16px !important;
    border: 1px solid #e5edf8 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(18, 35, 68, .06) !important;
}

body.home .kh-reviews-v2-layout .apr-review:nth-child(n+5),
body.front-page .kh-reviews-v2-layout .apr-review:nth-child(n+5) {
    display: none !important;
}

body.home .kh-reviews-v2-layout .apr-review-body,
body.front-page .kh-reviews-v2-layout .apr-review-body {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: start !important;
    gap: 8px 12px !important;
    padding: 0 !important;
    order: 1 !important;
}

body.home .kh-reviews-v2-layout .apr-date,
body.front-page .kh-reviews-v2-layout .apr-date {
    display: none !important;
}

body.home .kh-reviews-v2-layout .apr-review h4,
body.front-page .kh-reviews-v2-layout .apr-review h4 {
    grid-column: 1;
    grid-row: 1;
    margin: 0 !important;
    color: #172033 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

body.home .kh-reviews-v2-layout .apr-rating,
body.front-page .kh-reviews-v2-layout .apr-rating {
    grid-column: 2;
    grid-row: 1;
    color: #ffb21b !important;
    font-size: 14px !important;
    line-height: 1 !important;
    letter-spacing: 1px !important;
    white-space: nowrap;
}

body.home .kh-reviews-v2-layout .apr-review-body p,
body.front-page .kh-reviews-v2-layout .apr-review-body p {
    grid-column: 1 / -1;
    margin: 6px 0 10px !important;
    color: #1e2a3f !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.home .kh-reviews-v2-layout .apr-review-text,
body.front-page .kh-reviews-v2-layout .apr-review-text {
    position: relative;
    grid-column: 1 / -1;
    min-width: 0;
    margin: 6px 0 0;
    overflow: hidden;
}

body.home .kh-reviews-v2-layout .apr-review-text p,
body.front-page .kh-reviews-v2-layout .apr-review-text p {
    display: -webkit-box !important;
    margin: 0 !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4;
}

body.home .kh-reviews-v2-layout .apr-review.has-overflow-review .apr-review-text::after,
body.front-page .kh-reviews-v2-layout .apr-review.has-overflow-review .apr-review-text::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 42%;
    height: 1.45em;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 78%);
}

body.home .kh-reviews-v2-layout .apr-review-body > .kh-review-card__read-more,
body.front-page .kh-reviews-v2-layout .apr-review-body > .kh-review-card__read-more {
    grid-column: 1 / -1;
    justify-self: start;
    min-height: 44px;
    margin: 0 0 4px;
    padding-inline: 14px;
    touch-action: manipulation;
}

body.home .kh-customer-reviews-instance .kh-review-dialog__product img,
body.front-page .kh-customer-reviews-instance .kh-review-dialog__product img {
    width: 52px;
    height: 52px;
    object-fit: contain;
}

body.home .kh-reviews-v2-layout .apr-product,
body.front-page .kh-reviews-v2-layout .apr-product {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    align-self: end !important;
    order: 2 !important;
    margin-top: 12px !important;
    color: #172033 !important;
    text-decoration: none !important;
}

body.home .kh-reviews-v2-layout .apr-product img,
body.front-page .kh-reviews-v2-layout .apr-product img {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    object-fit: contain !important;
    border: 1px solid #dce9f8 !important;
    border-radius: 10px !important;
    background: #fff !important;
}

body.home .kh-reviews-v2-layout .apr-product-title,
body.front-page .kh-reviews-v2-layout .apr-product-title {
    color: #172033 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
}
@media (max-width: 1100px) {
    body.home .kh-reviews-v2-layout,
    body.front-page .kh-reviews-v2-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.home .kh-reviews-v2-summary,
    body.front-page .kh-reviews-v2-summary {
        min-height: 0 !important;
    }

    body.home .kh-reviews-v2-layout .apr-review,
    body.front-page .kh-reviews-v2-layout .apr-review,
    body.home .kh-reviews-v2-layout .apr-review > *,
    body.front-page .kh-reviews-v2-layout .apr-review > * {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }}

@media (max-width: 900px) {
    body.home .kh-reviews-v2-body > h2::after,
    body.front-page .kh-reviews-v2-body > h2::after {
        float: none;
        display: block;
        margin-top: 8px;
    }

    body.home .kh-reviews-v2-layout,
    body.front-page .kh-reviews-v2-layout {
        grid-template-columns: 1fr !important;
    }

    body.home .kh-reviews-v2-layout .admin-product-reviews,
    body.front-page .kh-reviews-v2-layout .admin-product-reviews {
        grid-template-columns: 1fr !important;
    }}
.home .section-html:has(.kh-support) {
    padding-top: 42px !important;
    padding-bottom: 26px !important;
}

.home .kh-support {
    width: min(1080px, calc(100vw - 32px));
    min-height: 200px;
    position: relative;
    display: grid;
    grid-template-columns: minmax(440px, .9fr) minmax(400px, 1.1fr);
    align-items: center;
    column-gap: 8px;
    margin: 0 auto;
    padding: 22px 34px 22px 58px;
    overflow: hidden;
    border: 0;
    border-radius: 24px;
    background: linear-gradient(135deg, #ffffff 0%, #fbfcff 58%, #f7fbff 100%);
    box-shadow: 0 18px 42px rgba(18, 35, 68, .075);
}

.home .kh-support::before {
    content: "";
    position: absolute;
    top: -6px;
    right: 8px;
    bottom: -6px;
    width: min(620px, 58%);
    z-index: 1;
    pointer-events: none;
    background: url("../assets/support-activation-bg-compact.webp") right center / auto 100% no-repeat;
}

.home .kh-support::after {
    content: none;
}

@media (min-width: 981px) {
    html body.home .kh-support,
    html body.front-page .kh-support {
        width: min(1080px, calc(100vw - 32px)) !important;
        max-width: 1080px !important;
        min-height: 200px !important;
        grid-template-columns: minmax(440px, .9fr) minmax(400px, 1.1fr) !important;
        padding: 22px 34px 22px 58px !important;
    }
}

.home .kh-support__badge,
.home .kh-support__title,
.home .kh-support__text {
    grid-column: 1;
    position: relative;
    z-index: 2;
}

.home .kh-support__badge {
    width: fit-content;
    margin: 0 0 14px;
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 2px solid #dbe5f7;
    border-radius: 999px;
    background: #f3f6fb;
    color: #122a59;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .7px;
    text-transform: uppercase;
    box-shadow: none;
}

.home .kh-support__title {
    max-width: 520px;
    margin: 0 0 10px !important;
    color: #111827;
    font-size: clamp(29px, 2.65vw, 38px);
    font-weight: 950;
    line-height: 1.08;
    letter-spacing: 0;
}

.home .kh-support__text {
    max-width: 530px;
    margin: 0 0 16px;
    color: #66758a;
    font-size: 15.5px;
    font-weight: 650;
    line-height: 1.55;
}

.home .kh-support__actions {
    grid-column: 1;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    z-index: 3;
}

.home .kh-support__actions a {
    min-width: 160px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.home .kh-support__actions a::before {
    content: "";
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: block;
    background: currentColor;
}

.home .kh-support__actions .kh-btn-secondary {
    border: 1px solid #dce7f7;
    background: #fff;
    box-shadow: 0 11px 24px rgba(18, 35, 68, .08);
    color: #172033 !important;
}

.home .kh-support__actions .kh-btn-secondary::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M16 10h.01'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M16 10h.01'/%3E%3C/svg%3E") center / contain no-repeat;
}

.home .kh-support__actions .kh-btn-primary {
    border: 0;
    background: linear-gradient(135deg, #7567ff 0%, #35c7ff 100%);
    box-shadow: 0 14px 28px rgba(70, 118, 255, .22);
    color: #ffffff !important;
}

.home .kh-support__actions .kh-btn-primary::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.home .kh-support__actions a:hover,
.home .kh-support__actions a:focus {
    transform: translateY(-1px);
}

.home .kh-support__actions .kh-btn-secondary:hover,
.home .kh-support__actions .kh-btn-secondary:focus {
    border-color: #c9d8ff;
    box-shadow: 0 14px 26px rgba(18, 35, 68, .10);
}

.home .kh-support__actions .kh-btn-primary:hover,
.home .kh-support__actions .kh-btn-primary:focus {
    box-shadow: 0 16px 32px rgba(70, 118, 255, .32);
}

@media (max-width: 980px) {
    .home .kh-support {
        grid-template-columns: 1fr;
        row-gap: 18px;
        padding: 28px 24px 20px;
    }

    .home .kh-support::before {
        top: auto;
        right: -30px;
        bottom: -12px;
        width: min(700px, 112%);
        height: 250px;
        background-size: auto 100%;
    }

    .home .kh-support::after {
        content: "";
        grid-column: 1;
        height: 220px;
    }

    .home .kh-support__title {
        font-size: clamp(30px, 8vw, 42px);
    }}

@media (max-width: 560px) {
    .home .section-html:has(.kh-support) {
        padding-top: 26px !important;
    }

    .home .kh-support {
        width: min(100% - 24px, 1240px);
        min-height: 0;
        padding: 22px 18px 18px;
        border-radius: 22px;
    }

    .home .kh-support::before {
        right: -70px;
        bottom: -12px;
        width: 500px;
        height: 194px;
    }

    .home .kh-support::after {
        height: 160px;
    }

    .home .kh-support__badge {
        margin-bottom: 18px;
    }

    .home .kh-support__text {
        margin-bottom: 22px;
        font-size: 15px;
    }

    .home .kh-support__actions {
        gap: 10px;
    }

    .home .kh-support__actions a {
        flex: 1 1 145px;
        min-height: 48px;
        padding: 0 14px;
        gap: 5px;
        border-radius: 12px;
        font-size: 13px;
    }

    .home .kh-support__actions a::before {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
    }}
@media (max-width: 560px) {
    .home .section-html:has(.kh-support) {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    .home .kh-support {
        width: calc(100% - 24px) !important;
        display: block !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        isolation: isolate;
        padding: 16px 14px 84px !important;
        border-radius: 18px !important;
        background: #f8fbff !important;
        box-shadow: 0 12px 30px rgba(18, 35, 68, .07) !important;
    }

    .home .kh-support::before {
        inset: -5px !important;
        width: auto !important;
        height: auto !important;
        transform: scale(1.035) !important;
        background-position: 60% center !important;
        background-size: cover !important;
        opacity: .48 !important;
        filter: blur(1.2px);
    }

    .home .kh-support::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        display: block !important;
        height: auto !important;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .91) 48%, rgba(255, 255, 255, .54) 76%, rgba(255, 255, 255, .30) 100%) !important;
    }

    .home .kh-support__badge {
        display: inline-flex !important;
        width: max-content !important;
        max-width: 100% !important;
        margin: 0 auto 10px !important;
        padding: 0 10px !important;
        font-size: 10px !important;
        line-height: 1 !important;
    }

    .home .kh-support__title {
        max-width: 270px !important;
        margin-bottom: 8px !important;
        font-size: 24px !important;
        line-height: 1.08 !important;
    }

    .home .kh-support__text {
        max-width: 285px !important;
        margin-bottom: 12px !important;
        color: #64748b !important;
        font-size: 12.5px !important;
        line-height: 1.38 !important;
        font-weight: 650 !important;
    }

    .home .kh-support__actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        max-width: 292px !important;
    }

    .home .kh-support__actions a {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 40px !important;
        height: 40px !important;
        flex: none !important;
        padding: 0 10px !important;
        border-radius: 10px !important;
        gap: 6px !important;
        font-size: 11px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        box-shadow: 0 8px 18px rgba(18, 35, 68, .08) !important;
    }

    .home .kh-support__actions a::before {
        width: 14px !important;
        height: 14px !important;
        flex: 0 0 14px !important;
    }}

@media (max-width: 374px) {
    .home .kh-support {
        padding-bottom: 72px !important;
    }

    .home .kh-support__actions {
        max-width: 100% !important;
    }}
.home .kh-articles-fix {
    width: min(1460px, calc(100vw - 32px));
    margin: -8px auto 0 !important;
}

.home .kh-home-articles-showcase {
    width: 100% !important;
    max-width: none !important;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
    gap: 18px;
    margin: 0 auto !important;
    padding: 0 !important;
}

.home .kh-home-article-featured,
.home .kh-home-articles-side {
    min-width: 0;
    border: 1px solid #e6edf7;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 36px rgba(18, 35, 68, .075);
}

.home .kh-home-article-featured {
    display: grid;
    grid-template-columns: minmax(250px, .92fr) minmax(0, 1.08fr);
    overflow: hidden;
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.home .kh-home-article-featured:hover {
    transform: translateY(-3px);
    border-color: #cbd9ff;
    box-shadow: 0 22px 44px rgba(62, 95, 180, .13);
}

.home .kh-home-article-featured__media,
.home .kh-home-article-row__media {
    position: relative;
    overflow: hidden;
    display: block;
    background: linear-gradient(135deg, #f8fbff 0%, #eef4fb 100%);
}

.home .kh-home-article-featured__image,
.home .kh-home-article-row__image {
    position: absolute;
    inset: 0;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: transform .42s ease, filter .42s ease;
}

.home .kh-home-article-featured:hover .kh-home-article-featured__image,
.home .kh-home-article-row:hover .kh-home-article-row__image {
    transform: scale(1.025);
    filter: saturate(1.04);
}

.home .kh-home-article-featured__media {
    min-height: 300px;
}

.home .kh-home-article-featured__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 58%, rgba(15, 23, 42, .06) 100%);
}

.home .kh-home-article-featured__tag,
.home .kh-home-article-row__tag,
.home .kh-home-article-featured__eyebrow {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.home .kh-home-article-featured__tag {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    padding: 7px 10px;
    background: rgba(255, 255, 255, .9);
    color: #5b55e8;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .10);
}

.home .kh-home-article-featured__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 22px 24px 22px;
}

.home .kh-home-article-featured__eyebrow {
    margin-bottom: 14px;
    padding: 7px 10px;
    background: #f1f4ff;
    color: #675cff;
}

.home .kh-home-article-featured__title {
    margin: 0 0 12px !important;
    font-size: clamp(20px, 1.72vw, 25px);
    font-weight: 850;
    line-height: 1.12;
    letter-spacing: 0;
}

.home .kh-home-article-featured__title a,
.home .kh-home-article-row__title a {
    color: #0f172a !important;
    text-decoration: none !important;
}

.home .kh-home-article-featured__title a:hover,
.home .kh-home-article-row__title a:hover {
    color: #315dff !important;
}

.home .kh-home-article-featured__excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 0 0 18px;
    color: #5f6f86;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
}

.home .kh-home-article-featured__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: auto;
    color: #7a8798;
    font-size: 12px;
    font-weight: 700;
}

.home .kh-home-article-featured__more {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    color: #315dff !important;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none !important;
}

.home .kh-home-article-featured__more::after {
    content: "→";
    transition: transform .2s ease;
}

.home .kh-home-article-featured:hover .kh-home-article-featured__more::after {
    transform: translateX(4px);
}

.home .kh-home-articles-side {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
}

.home .kh-home-articles-side__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    padding: 0 2px 4px;
    color: #0f172a;
    font-size: 13px;
    font-weight: 850;
}

.home .kh-home-articles-side__head i {
    width: 44px;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(90deg, #7567ff 0%, #35c7ff 100%);
    box-shadow: 0 0 18px rgba(79, 163, 255, .32);
}

.home .kh-home-article-row {
    position: relative;
    min-height: 104px;
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr) 32px;
    gap: 13px;
    align-items: center;
    padding: 9px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: #f8fbff;
    transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.home .kh-home-article-row:hover {
    transform: translateX(3px);
    border-color: #dbe6ff;
    background: #fff;
    box-shadow: 0 12px 26px rgba(18, 35, 68, .08);
}

.home .kh-home-article-row__media {
    width: 116px;
    height: 82px;
    border-radius: 10px;
}

.home .kh-home-article-row__body {
    min-width: 0;
}

.home .kh-home-article-row__tag {
    margin-bottom: 7px;
    padding: 5px 8px;
    background: #eef4ff;
    color: #5361d9;
}

.home .kh-home-article-row__title {
    margin: 0 0 6px !important;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.25;
}

.home .kh-home-article-row__excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
    color: #66758a;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.home .kh-home-article-row__arrow {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: #315dff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 16px rgba(18, 35, 68, .08);
    transition: transform .22s ease, background .22s ease, color .22s ease;
}

.home .kh-home-article-row__arrow::before {
    content: "→";
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
}

.home .kh-home-article-row:hover .kh-home-article-row__arrow {
    transform: translateX(2px);
    background: linear-gradient(135deg, #7567ff 0%, #35c7ff 100%);
    color: #fff !important;
}

.home .kh-home-articles-dots {
    display: flex;
    justify-content: center;
    gap: 7px;
    padding: 8px 0 0;
}

.home .kh-home-articles-dots span {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #d7e1ef;
}

.home .kh-home-articles-dots span.is-active {
    width: 24px;
    background: linear-gradient(90deg, #7567ff 0%, #35c7ff 100%);
}

.home .kh-all-articles-wrap {
    margin-top: 22px !important;
}

@media (max-width: 980px) {
    .home .kh-home-articles-showcase {
        grid-template-columns: 1fr;
    }

    .home .kh-home-article-featured {
        grid-template-columns: minmax(220px, .84fr) minmax(0, 1.16fr);
    }

    .home .kh-home-article-featured__media {
        min-height: 280px;
    }}

@media (max-width: 680px) {
    .home .kh-articles-fix {
        width: calc(100% - 24px);
        margin-top: -4px !important;
    }

    .home .kh-home-articles-showcase {
        display: block;
    }

    .home .kh-home-article-featured {
        display: flex;
        flex-direction: column;
        border-radius: 16px;
    }

    .home .kh-home-article-featured__media {
        min-height: 150px;
    }

    .home .kh-home-article-featured__body {
        padding: 15px 14px 14px;
    }

    .home .kh-home-article-featured__eyebrow {
        margin-bottom: 10px;
        font-size: 10px;
    }

    .home .kh-home-article-featured__title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        font-size: 18px;
    }

    .home .kh-home-article-featured__excerpt {
        -webkit-line-clamp: 2;
        margin-bottom: 10px;
        font-size: 12.5px;
        line-height: 1.42;
    }

    .home .kh-home-articles-side {
        margin-top: 12px;
        padding: 12px;
        overflow: hidden;
        border-radius: 16px;
    }

    .home .kh-home-articles-side__head {
        padding-bottom: 8px;
    }

    .home .kh-home-articles-side .kh-home-article-row {
        width: min(305px, 82vw);
        min-height: 0;
        flex: 0 0 auto;
    }

    .home .kh-home-articles-side {
        display: flex;
    }

    .home .kh-home-articles-side__head,
    .home .kh-home-articles-dots {
        flex: 0 0 auto;
    }

    .home .kh-home-article-row {
        grid-template-columns: 86px minmax(0, 1fr) 28px;
        gap: 10px;
        padding: 8px;
    }

    .home .kh-home-article-row__media {
        width: 86px;
        height: 78px;
    }

    .home .kh-home-article-row__title {
        font-size: 13px;
        line-height: 1.24;
    }

    .home .kh-home-article-row__excerpt {
        font-size: 11.5px;
        -webkit-line-clamp: 2;
    }

    .home .kh-home-article-row__arrow {
        width: 28px;
        height: 28px;
    }}
.home .kh-articles-fix {
    width: min(1460px, calc(100vw - 32px));
    margin: -8px auto 0 !important;
}

.home .kh-home-articles-grid {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.home .kh-home-article-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e4ebf6;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(18, 35, 68, .07);
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.home .kh-home-article-card:hover {
    transform: translateY(-2px);
    border-color: #dde4ec;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .07);
}

.home .kh-home-article-card__media {
    position: relative;
    display: block;
    aspect-ratio: auto;
    overflow: hidden;
    background: linear-gradient(135deg, #f7fbff 0%, #eef4fb 100%);
}

.home .kh-home-article-card__image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    transition: filter .38s ease;
}

.home .kh-home-article-card:hover .kh-home-article-card__image {
    transform: none;
    filter: saturate(1.04);
}

.home .kh-home-article-card__body {
    position: relative;
    min-width: 0;
    min-height: 92px;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 12px 13px 11px;
}

.home .kh-home-article-card__tag {
    position: absolute;
    left: 13px;
    bottom: 12px;
    max-width: calc(100% - 58px);
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #7a879b;
    font-size: 10.5px;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: .055em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.home .kh-home-article-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 40px;
    margin: 0 0 8px !important;
    color: #0f172a;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.28;
    letter-spacing: 0;
}

.home .kh-home-article-card__title a {
    color: inherit !important;
    text-decoration: none !important;
}

.home .kh-home-article-card__title a:hover {
    color: #0f172a !important;
}

.home .kh-home-article-card__excerpt {
    display: none;
}

.home .kh-home-article-card__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: auto;
    color: #6d7d94;
    font-size: 12px;
    font-weight: 750;
}

.home .kh-home-article-card__footer > span {
    display: none;
}

.home .kh-home-article-card__footer a {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    background: transparent;
    color: #8c98a9 !important;
    text-decoration: none !important;
    transition: transform .22s ease, background .22s ease, color .22s ease;
}

.home .kh-home-article-card__footer a::before {
    content: "→";
    font-size: 15px;
    font-weight: 750;
    line-height: 1;
}

.home .kh-home-article-card:hover .kh-home-article-card__footer a {
    transform: translateX(3px);
    background: transparent;
    color: #5f6b7a !important;
}

.home .kh-all-articles-wrap {
    margin-top: 16px !important;
}

.home .kh-articles-heading {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.home .kh-articles-heading__badge {
    margin: 0 0 10px !important;
    min-height: 25px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 10px !important;
    border: 2px solid #dbe5f7 !important;
    border-radius: 999px !important;
    background: #f3f6fb !important;
    color: #122a59 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .7px !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

.home .kh-articles-heading__title {
    margin: 0 0 8px !important;
}

.home .kh-articles-heading__text {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.home .section-html.section-4 {
    padding-bottom: 12px !important;
}

.home .section-html.section-5 {
    padding-top: 20px !important;
}

@media (max-width: 1100px) {
    .home .kh-home-articles-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }}

@media (max-width: 820px) {
    .home .kh-home-articles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }}

@media (max-width: 620px) {
    .home .kh-articles-fix {
        width: calc(100% - 24px);
        margin-top: -4px !important;
    }

    .home .kh-home-articles-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .home .kh-home-article-card {
        border-radius: 13px;
    }

    .home .kh-home-article-card__body {
        padding: 14px;
    }

    .home .kh-home-article-card__title {
        min-height: 0;
        font-size: 14px;
    }

    .home .kh-home-article-card__excerpt {
        -webkit-line-clamp: 2;
        margin-bottom: 12px;
    }

    html body.home .kh-home-article-card__footer {
        display: flex !important;
        justify-content: flex-end !important;
    }

    html body.home .kh-home-article-card__footer > span {
        display: none !important;
    }}
@media (min-width: 1361px) and (max-width: 1700px) {
    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner,
    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner.full {
        grid-template-columns: minmax(188px, 218px) minmax(0, 1fr) 44px 44px 44px 44px !important;
        grid-template-areas: "logo menu search account favorite cart" !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .header-search.header-search {
        grid-column: 3 !important;
        grid-row: 1 !important;
        grid-area: search !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .header-customer-account.header-customer-account {
        grid-column: 4 !important;
        grid-row: 1 !important;
        grid-area: account !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .header-favorite.header-favorite {
        grid-column: 5 !important;
        grid-row: 1 !important;
        grid-area: favorite !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-cart.site-header-cart {
        grid-column: 6 !important;
        grid-row: 1 !important;
        grid-area: cart !important;
    }}
@media (min-width: 1361px) and (max-width: 1700px) {
    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner,
    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner.full {
        grid-template-columns: minmax(188px, 218px) minmax(0, 1fr) 44px 44px 44px 44px !important;
        grid-template-areas: "logo menu search account favorite cart" !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .header-search.header-search {
        grid-column: 3 !important;
        grid-row: 1 !important;
        grid-area: search !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .header-customer-account.header-customer-account {
        grid-column: 4 !important;
        grid-row: 1 !important;
        grid-area: account !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .header-favorite.header-favorite {
        grid-column: 5 !important;
        grid-row: 1 !important;
        grid-area: favorite !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-cart.site-header-cart {
        grid-column: 6 !important;
        grid-row: 1 !important;
        grid-area: cart !important;
    }}
@media (min-width: 1361px) and (max-width: 1700px) {
    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner {
        display: grid !important;
        grid-template-columns: minmax(188px, 218px) minmax(0, 1fr) minmax(210px, 280px) 44px 44px 44px !important;
        grid-template-areas: "logo menu search account favorite cart" !important;
        grid-auto-rows: 44px !important;
        align-items: center !important;
        gap: 8px !important;
        min-height: 86px !important;
        overflow: visible !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .header-mobile-items-container {
        grid-column: search / cart !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: stretch !important;
        display: grid !important;
        grid-template-columns: minmax(0, 280px) 44px 44px !important;
        align-items: center !important;
        column-gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        transform: none !important;
        overflow: visible !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .header-mobile-items-container .header-search.header-search {
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        transform: none !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .header-mobile-items-container .header-mobile-item {
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: center !important;
        display: grid !important;
        place-items: center !important;
        width: 100% !important;
        min-width: 210px !important;
        max-width: 280px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        transform: none !important;
        overflow: visible !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .header-mobile-items-container .header-mobile-item:has(.header-customer-account) {
        grid-column: 2 !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .header-mobile-items-container .header-mobile-item:has(.header-favorite) {
        grid-column: 3 !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .header-mobile-items-container .header-mobile-item > a,
    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .site-header-cart.site-header-cart,
    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .site-header-cart.site-header-cart .header-cart__link {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .site-header-cart.site-header-cart {
        grid-area: cart !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: center !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .header-search.header-search {
        grid-area: search !important;
        grid-row: 1 !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .header-mobile-item {
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: center !important;
        display: grid !important;
        place-items: center !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        transform: none !important;
        overflow: visible !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .header-mobile-item:has(.header-customer-account) {
        grid-area: account !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .header-mobile-item:has(.header-favorite) {
        grid-area: favorite !important;
    }

    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .header-mobile-item > .header-customer-account,
    html body.home:not(.is-mobile) header.site-header.site-header .site-header-inner.site-header-inner > .header-mobile-item > .header-favorite {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        transform: none !important;
    }}
@media (max-width: 767px) {
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__features {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        width: 100%;
        min-height: 0;
        margin-top: 18px;
        padding: 13px 6px 14px;
        overflow: visible;
        border-radius: 20px;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 40px minmax(30px, auto);
        align-content: start;
        align-items: start;
        justify-items: center;
        gap: 9px;
        min-width: 0;
        min-height: 79px;
        padding: 0 6px;
        border-right: 0;
        border-bottom: 0;
        text-align: center;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature:not(:last-child)::after {
        top: 5px;
        right: 0;
        bottom: 5px;
        left: auto;
        width: 1px;
        height: auto;
        background: linear-gradient(180deg, transparent, rgba(118, 151, 207, .3) 18%, rgba(255, 255, 255, .86) 50%, rgba(118, 151, 207, .26) 82%, transparent);
        box-shadow: 1px 0 0 rgba(255, 255, 255, .42);
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__features::after {
        border-radius: 22px;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature-icon {
        width: 40px;
        height: 40px;
        margin: 0;
        border-radius: 12px;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature-icon svg {
        width: 24px;
        height: 24px;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature b {
        display: block;
        min-height: 30px;
        margin: 0;
        color: #18335f;
        font-size: 0;
        font-weight: 700;
        line-height: 1.24;
        text-align: center;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature b::after {
        display: block;
        font-size: 10.5px;
        line-height: 1.24;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature:nth-child(1) b::after {
        content: "Доставка на Email";
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature:nth-child(2) b::after {
        content: "Официальные ключи";
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature:nth-child(3) b::after {
        content: "Гарантия активации";
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature small {
        display: none;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__eyebrow {
        min-height: 24px;
        padding: 5px 9px;
        gap: 6px;
        border-radius: 999px;
        font-size: 10px;
        line-height: 1;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__eyebrow::before,
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__eyebrow::after {
        border-radius: inherit;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__online-dot {
        width: 10px;
        height: 10px;
        flex: 0 0 10px;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__eyebrow-text {
        font-size: 0;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__eyebrow-text::after {
        content: "Цифровые лицензии";
        font-size: 10px;
        line-height: 1;
    }}

@media (min-width: 768px) and (max-width: 1023px) {
    html body.home #kh-main-hero.kh-main-hero-showcase {
        box-sizing: border-box !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        margin: 16px auto 32px !important;
        padding: 28px 28px 22px !important;
        overflow: hidden !important;
    }
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__copy,
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__actions,
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__features {
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
    }
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__copy {
        width: min(100%, 620px) !important;
        max-width: 620px !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__actions {
        width: min(100%, 480px) !important;
        max-width: 480px !important;
        margin: 20px auto 0 !important;
    }
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__visual,
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__products {
        display: none !important;
    }
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__features {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: min(100%, 620px) !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 18px auto 0 !important;
        padding: 14px 10px !important;
        border-radius: 22px !important;
        overflow: hidden !important;
    }
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature {
        display: grid !important;
        grid-template-rows: 42px auto !important;
        align-content: center !important;
        justify-items: center !important;
        gap: 7px !important;
        min-width: 0 !important;
        min-height: 76px !important;
        padding: 0 10px !important;
        text-align: center !important;
    }
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature + .kh-main-hero-showcase__feature { border-left: 1px solid rgba(107,141,185,.2) !important; }
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature-icon { width: 42px !important; height: 42px !important; margin: 0 !important; }
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature b { display: block !important; margin: 0 !important; font-size: 12px !important; line-height: 1.2 !important; text-align: center !important; }
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature b br,
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature small { display: none !important; }}

@media (min-width: 1024px) and (max-width: 1700px) {
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__features {
        top: calc(64.2% + 30px) !important;
    }}

@media (max-width: 1023px) {
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__marquee {
        position: relative;
        inset: auto;
        width: calc(100% + 56px);
        height: 46px;
        margin: 20px -28px -22px;
        border-radius: 0;
    }}
@media (min-width: 768px) and (max-width: 1023px) {
    html body.home #kh-main-hero.kh-main-hero-showcase {
        padding-bottom: 70px !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__pulse-labels {
        isolation: isolate;
        display: block !important;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 48px;
        overflow: hidden;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__pulse-labels::before {
        content: "";
        position: absolute;
        z-index: 0;
        right: 4%;
        bottom: -23px;
        left: 4%;
        height: 56px;
        border-radius: 50%;
        background:
            radial-gradient(ellipse at 50% 0%,
                rgba(255, 255, 255, .86) 0%,
                rgba(214, 230, 248, .46) 21%,
                rgba(170, 202, 237, .16) 43%,
                transparent 70%);
        filter: blur(1.5px);
        opacity: 0;
        transform: scale(.34, .24);
        transform-origin: 50% 0%;
        animation: khHeroTabletFloorPulse 6.8s cubic-bezier(.18, .62, .3, 1) infinite;
        pointer-events: none;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__pulse-label-group {
        z-index: 1;
        gap: 7px;
        padding: 0 16px;
        font-size: 10px;
        letter-spacing: -.018em;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__pulse-label-group i {
        width: 3px;
        height: 3px;
    }}

@media (prefers-reduced-motion: reduce) {
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__pulse-labels {
        display: none !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase {
        padding-bottom: 22px !important;
    }}
@media (min-width: 768px) and (max-width: 1023px) {
    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__pulse-labels::before {
        content: none !important;
        display: none !important;
        animation: none !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__features {
        width: min(100%, 560px) !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding: 11px 12px !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        padding: 0 10px !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature:not(:last-child)::after {
        content: none !important;
        display: none !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature b {
        line-height: 1.24 !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__feature b br {
        display: block !important;
    }

    html body.home #kh-main-hero.kh-main-hero-showcase .kh-main-hero-showcase__pulse-label-group {
        text-shadow: none !important;
    }}
@media (min-width: 768px) and (max-width: 1023px) {
    html body.home #kh-main-hero.kh-main-hero-showcase {
        margin-right: calc(50% - 50vw + 12px) !important;
        margin-left: calc(50% - 50vw + 12px) !important;
    }}
html body.home .kh-reviews-v2-section,
html body.front-page .kh-reviews-v2-section {
    padding: 30px 32px 32px !important;
    border-color: var(--kh-review-line-soft) !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, #ffffff 0%, var(--kh-review-canvas) 100%) !important;
    box-shadow: 0 18px 44px rgba(24, 36, 58, .06) !important;
}

html body.home .kh-reviews-v2-body > h2,
html body.front-page .kh-reviews-v2-body > h2 {
    margin: 0 0 26px !important;
    color: var(--kh-review-ink) !important;
    font-size: clamp(26px, 2vw, 32px) !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -.025em !important;
}

html body.home .kh-reviews-v2-body > h2::after,
html body.front-page .kh-reviews-v2-body > h2::after {
    content: "Лучшие традиции доверия в одном общем индексе" !important;
    float: none !important;
    display: block !important;
    margin: 8px 0 0 !important;
    color: var(--kh-review-muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
}

html body.home .kh-reviews-v2-layout,
html body.front-page .kh-reviews-v2-layout {
    grid-template-columns: 350px minmax(0, 1fr) !important;
    gap: 26px !important;
    align-items: start !important;
}

html body.home .kh-reviews-v2-summary,
html body.front-page .kh-reviews-v2-summary {
    align-self: start !important;
    min-height: 0 !important;
    padding: 12px 26px 14px 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.home .kh-reviews-v2-score,
html body.front-page .kh-reviews-v2-score {
    color: var(--kh-review-ink) !important;
    font-size: 66px !important;
    line-height: .9 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
}

html body.home .kh-reviews-v2-stars,
html body.front-page .kh-reviews-v2-stars {
    margin-top: 16px !important;
    color: var(--kh-review-star) !important;
    font-size: 19px !important;
    line-height: 1 !important;
    letter-spacing: 1.5px !important;
}

html body.home .kh-reviews-v2-count,
html body.front-page .kh-reviews-v2-count {
    margin-top: 10px !important;
    color: var(--kh-review-muted) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 750 !important;
}

html body.home .kh-reviews-v2-bars,
html body.front-page .kh-reviews-v2-bars {
    margin-top: 30px !important;
}

html body.home .kh-reviews-v2-bar,
html body.front-page .kh-reviews-v2-bar {
    grid-template-columns: 64px minmax(0, 1fr) 40px !important;
    gap: 12px !important;
    margin: 12px 0 !important;
    color: var(--kh-review-muted) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

html body.home .kh-reviews-v2-bar b,
html body.front-page .kh-reviews-v2-bar b {
    height: 7px !important;
    background: #e9eef5 !important;
}

html body.home .kh-reviews-v2-bar em,
html body.front-page .kh-reviews-v2-bar em {
    color: var(--kh-review-muted) !important;
    font-variant-numeric: tabular-nums;
}

html body.home .kh-reviews-v2-button,
html body.front-page .kh-reviews-v2-button {
    min-height: 48px !important;
    margin-top: 30px !important;
    padding: 0 22px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    box-shadow: 0 12px 26px rgba(70, 118, 255, .18) !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

html body.home .kh-reviews-v2-button:hover,
html body.front-page .kh-reviews-v2-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(70, 118, 255, .24) !important;
    filter: saturate(.94);
}

html body.home .kh-reviews-v2-button:focus-visible,
html body.front-page .kh-reviews-v2-button:focus-visible {
    outline: 3px solid rgba(54, 121, 255, .22) !important;
    outline-offset: 3px !important;
}

html body.home .kh-reviews-v2-layout .admin-product-reviews,
html body.front-page .kh-reviews-v2-layout .admin-product-reviews {
    gap: 18px !important;
}

html body.home .kh-reviews-v2-layout .apr-review,
html body.front-page .kh-reviews-v2-layout .apr-review {
    min-height: 262px !important;
    padding: 24px 26px !important;
    border-color: var(--kh-review-line) !important;
    border-radius: 18px !important;
    background: var(--kh-review-surface) !important;
    box-shadow: var(--kh-review-shadow) !important;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

html body.home .kh-reviews-v2-layout .apr-review:hover,
html body.front-page .kh-reviews-v2-layout .apr-review:hover {
    transform: translateY(-2px);
    border-color: #dce2ea !important;
    box-shadow: 0 18px 38px rgba(24, 36, 58, .075) !important;
}

html body.home .kh-reviews-v2-layout .apr-review h4,
html body.front-page .kh-reviews-v2-layout .apr-review h4 {
    color: var(--kh-review-ink) !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 850 !important;
}

html body.home .kh-reviews-v2-layout .apr-rating,
html body.front-page .kh-reviews-v2-layout .apr-rating {
    color: var(--kh-review-star) !important;
    font-size: 17px !important;
    letter-spacing: 1.3px !important;
}

html body.home .kh-reviews-v2-layout .apr-review-body p,
html body.front-page .kh-reviews-v2-layout .apr-review-body p,
html body.home .kh-reviews-v2-layout .apr-review-text p,
html body.front-page .kh-reviews-v2-layout .apr-review-text p {
    color: var(--kh-review-copy) !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 450 !important;
}

html body.home .kh-reviews-v2-layout .apr-review-text,
html body.front-page .kh-reviews-v2-layout .apr-review-text {
    margin-top: 18px !important;
}

html body.home .kh-reviews-v2-layout .apr-product,
html body.front-page .kh-reviews-v2-layout .apr-product {
    gap: 12px !important;
    margin-top: 18px !important;
    padding: 16px 0 15px !important;
    border-bottom: 1px solid var(--kh-review-line-soft) !important;
}

html body.home .kh-reviews-v2-layout .apr-product img,
html body.front-page .kh-reviews-v2-layout .apr-product img {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
    border-color: var(--kh-review-line) !important;
    border-radius: 11px !important;
    background: #fff !important;
}

html body.home .kh-reviews-v2-layout .apr-product-title,
html body.front-page .kh-reviews-v2-layout .apr-product-title {
    max-width: none !important;
    color: var(--kh-review-ink) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
}

html body.home .kh-reviews-v2-layout .apr-review > .kh-review-reply,
html body.front-page .kh-reviews-v2-layout .apr-review > .kh-review-reply {
    gap: 12px !important;
    margin-top: 2px !important;
    padding: 2px 0 2px 16px !important;
    border: 0 !important;
    border-left: 3px solid var(--kh-review-blue) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--kh-review-copy) !important;
}

html body.home .kh-reviews-v2-layout .kh-review-reply__mark,
html body.front-page .kh-reviews-v2-layout .kh-review-reply__mark {
    flex-basis: 38px !important;
    width: 38px !important;
    height: 38px !important;
    border-color: var(--kh-review-line) !important;
    box-shadow: 0 5px 14px rgba(24, 36, 58, .06);
}

html body.home .kh-reviews-v2-layout .kh-review-reply__content strong,
html body.front-page .kh-reviews-v2-layout .kh-review-reply__content strong {
    margin-bottom: 3px !important;
    color: var(--kh-review-ink) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

html body.home .kh-reviews-v2-layout .kh-review-reply__content p,
html body.front-page .kh-reviews-v2-layout .kh-review-reply__content p {
    color: var(--kh-review-muted) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

@media (max-width: 1100px) {

    html body.home .kh-reviews-v2-summary,
    html body.front-page .kh-reviews-v2-summary {
        display: grid !important;
        grid-template-columns: 82px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        column-gap: 18px !important;
        align-items: center !important;
        padding: 6px 0 10px !important;
    }

    html body.home .kh-reviews-v2-score,
    html body.front-page .kh-reviews-v2-score {
        grid-column: 1 !important;
        grid-row: 1 / 3 !important;
    }

    html body.home .kh-reviews-v2-stars,
    html body.front-page .kh-reviews-v2-stars,
    html body.home .kh-reviews-v2-count,
    html body.front-page .kh-reviews-v2-count {
        grid-column: 2 !important;
        margin-top: 0 !important;
    }

    html body.home .kh-reviews-v2-bars,
    html body.front-page .kh-reviews-v2-bars {
        grid-column: 1 / -1 !important;
        margin-top: 22px !important;
    }

    html body.home .kh-reviews-v2-button,
    html body.front-page .kh-reviews-v2-button {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
        margin-top: 12px !important;
    }}

@media (max-width: 767px) {
    html body.home .kh-reviews-v2-section,
    html body.front-page .kh-reviews-v2-section {
        width: calc(100% - 20px) !important;
        margin-block: 26px !important;
        padding: 20px 18px 22px !important;
        border-radius: 20px !important;
    }

    html body.home .kh-reviews-v2-body > h2,
    html body.front-page .kh-reviews-v2-body > h2 {
        margin-bottom: 22px !important;
        font-size: 24px !important;
    }

    html body.home .kh-reviews-v2-body > h2::after,
    html body.front-page .kh-reviews-v2-body > h2::after {
        max-width: 30ch;
        font-size: 12px !important;
    }

    html body.home .kh-reviews-v2-summary,
    html body.front-page .kh-reviews-v2-summary {
        grid-template-columns: 72px minmax(0, 1fr) !important;
        column-gap: 14px !important;
        padding-bottom: 8px !important;
    }

    html body.home .kh-reviews-v2-score,
    html body.front-page .kh-reviews-v2-score {
        font-size: 58px !important;
    }

    html body.home .kh-reviews-v2-stars,
    html body.front-page .kh-reviews-v2-stars {
        font-size: 17px !important;
    }

    html body.home .kh-reviews-v2-bars,
    html body.front-page .kh-reviews-v2-bars {
        margin-top: 18px !important;
    }

    html body.home .kh-reviews-v2-button,
    html body.front-page .kh-reviews-v2-button {
        width: 100% !important;
        min-height: 48px !important;
        justify-self: stretch !important;
    }

    html body.home .kh-reviews-v2-layout .admin-product-reviews,
    html body.front-page .kh-reviews-v2-layout .admin-product-reviews {
        /* Stage 333: reclaim the left gutter and reveal the next review. */
        width: calc(100% + 42px) !important;
        margin-left: -24px !important;
        scroll-padding-inline: 0 !important;
        gap: 12px !important;
        padding: 2px 18px 16px 0 !important;
    }

    html body.home .kh-reviews-v2-layout .apr-review,
    html body.front-page .kh-reviews-v2-layout .apr-review {
        width: min(calc(100vw - 86px), 320px) !important;
        min-width: min(calc(100vw - 86px), 320px) !important;
        max-width: min(calc(100vw - 86px), 320px) !important;
        flex-basis: min(calc(100vw - 86px), 320px) !important;
        min-height: 300px !important;
        padding: 20px !important;
        border-radius: 17px !important;
    }

    html body.home .kh-reviews-v2-layout .apr-review:hover,
    html body.front-page .kh-reviews-v2-layout .apr-review:hover {
        transform: none;
    }

    html body.home .kh-reviews-v2-layout .apr-review-body p,
    html body.front-page .kh-reviews-v2-layout .apr-review-body p,
    html body.home .kh-reviews-v2-layout .apr-review-text p,
    html body.front-page .kh-reviews-v2-layout .apr-review-text p {
        font-size: 15px !important;
    }

    html body.home .kh-reviews-v2-layout .apr-product,
    html body.front-page .kh-reviews-v2-layout .apr-product {
        padding-block: 14px !important;
    }

    html body.home .kh-reviews-v2-layout .kh-review-reply__content p,
    html body.front-page .kh-reviews-v2-layout .kh-review-reply__content p {
        font-size: 13px !important;
    }}
html body.home .kh-reviews-v2-layout .apr-product img,
html body.front-page .kh-reviews-v2-layout .apr-product img {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    object-fit: contain !important;
}
html body.home .kh-reviews-v2-section,
html body.front-page .kh-reviews-v2-section {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
html body.home .kh-reviews-v2-layout .apr-product,
html body.front-page .kh-reviews-v2-layout .apr-product {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

html body.home .kh-reviews-v2-layout .apr-product-title,
html body.front-page .kh-reviews-v2-layout .apr-product-title {
    display: -webkit-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
@media (min-width: 561px) and (max-width: 980px) {
    html body.home .kh-support::before,
    html body.front-page .kh-support::before {
        top: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 230px !important;
        transform: none !important;
        background-position: calc(50% - 48px) bottom !important;
        background-size: auto 100% !important;
    }

    html body.home .kh-support::after,
    html body.front-page .kh-support::after {
        height: 210px !important;
    }}
@media (min-width: 768px) and (max-width: 980px) {
    html body.home .kh-support,
    html body.front-page .kh-support {
        min-height: 330px !important;
        display: block !important;
        isolation: isolate;
        padding: 28px 34px 30px !important;
    }

    html body.home .kh-support__badge,
    html body.home .kh-support__title,
    html body.home .kh-support__text,
    html body.home .kh-support__actions,
    html body.front-page .kh-support__badge,
    html body.front-page .kh-support__title,
    html body.front-page .kh-support__text,
    html body.front-page .kh-support__actions {
        position: relative !important;
        z-index: 3 !important;
        width: 100% !important;
        max-width: 500px !important;
    }

    html body.home .kh-support__badge,
    html body.front-page .kh-support__badge {
        width: fit-content !important;
        max-width: 100% !important;
    }

    html body.home .kh-support__title,
    html body.front-page .kh-support__title {
        margin-bottom: 12px !important;
        max-width: 400px !important;
        font-size: clamp(30px, 4.2vw, 34px) !important;
        line-height: 1.08 !important;
    }

    html body.home .kh-support__text,
    html body.front-page .kh-support__text {
        margin-bottom: 18px !important;
        max-width: 430px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    html body.home .kh-support__actions,
    html body.front-page .kh-support__actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        max-width: 500px !important;
    }

    html body.home .kh-support__actions a,
    html body.front-page .kh-support__actions a {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 48px !important;
    }

    html body.home .kh-support::before,
    html body.front-page .kh-support::before {
        inset: -5px !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        transform: scale(1.02) !important;
        background-position: 60% center !important;
        background-size: cover !important;
        opacity: .48 !important;
        filter: blur(1.2px);
    }

    html body.home .kh-support::after,
    html body.front-page .kh-support::after {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 2 !important;
        display: block !important;
        height: auto !important;
        pointer-events: none;
        background:
            linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .93) 48%, rgba(255, 255, 255, .54) 76%, rgba(255, 255, 255, .30) 100%),
            linear-gradient(180deg, rgba(255, 255, 255, .78) 0%, rgba(255, 255, 255, .22) 100%) !important;
    }}