/* Lightweight polish specific to the Sistem & Web App Custom category. */
.catalog-category-page--custom-app .catalog-category-items--one {
    width: min(100%,480px);
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: 1fr;
}

@media (max-width: 640px) {
    .catalog-category-page--custom-app .catalog-category-hero--custom-app {
        min-height: 0;
        padding: 24px 0 40px;
        background: #edf6ff;
    }

    .catalog-category-page--custom-app .catalog-category-hero--custom-app::before {
        background: linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(250,253,255,.95) 42%,rgba(238,247,255,.82) 76%,rgba(228,241,253,.72) 100%);
    }

    .catalog-category-page--custom-app .catalog-category-hero__background--custom-app {
        inset: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        opacity: .86;
        object-fit: cover;
        object-position: 68% center;
        display: block;
    }

    .catalog-category-page--custom-app .catalog-category-hero__inner--custom-app {
        min-height: 0;
        display: block;
    }

    .catalog-category-page--custom-app .custom-app-hero__copy { padding: 0; }

    .catalog-category-page--custom-app .custom-app-hero__benefits {
        margin-bottom: 0;
        gap: 8px;
    }

    .catalog-category-page--custom-app .custom-app-hero__benefits li {
        min-height: 60px;
        padding: 10px 12px;
        border-radius: 12px;
        background: rgba(255,255,255,.86);
        box-shadow: 0 8px 22px rgba(15,69,124,.07);
        backdrop-filter: blur(5px);
    }

    .catalog-category-page--custom-app .custom-app-hero__benefits li > span {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        border-radius: 10px;
        font-size: 15px;
    }

    .catalog-category-page--custom-app .custom-app-hero__benefits strong { font-size: 11.5px; }
    .catalog-category-page--custom-app .custom-app-hero__benefits small { font-size: 8.5px; }
    .catalog-category-page--custom-app .custom-app-hero__visual { display: none; }
    .catalog-category-page--custom-app .catalog-category-items--one { width: 100%; }
}

@media (max-width: 420px) {
    .catalog-category-page--custom-app .catalog-category-hero--custom-app h1 { font-size: 35px; }
}