.category-grid {
    overflow: visible;
    padding: 0;
    margin: 0;
}

.sys-page-sect--wide {
    --wrp-w: 1100px;
}

.sys-page-lead {
    max-width: 760px;
    margin: -6px auto 24px;
    text-align: center;
    color: hsla(var(--c-text), 0.72);
}

.sys-page-lead p {
    margin: 0;
}

.sys-page-surface {
    padding: 24px;
    border-radius: var(--block-rd);
    background: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
}

.static-surface .desc > *:first-child,
.sys-page-surface > *:first-child {
    margin-top: 0;
}

.static-surface .desc > *:last-child,
.sys-page-surface > *:last-child {
    margin-bottom: 0;
}

.appview-breadcrumbs {
    margin-top: 12px;
    margin-bottom: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 999px;
    background: hsla(var(--c-text), 0.04);
    overflow: hidden;
}

.appview-breadcrumbs .full-speedbar {
    display: flex;
    align-items: center;
    min-width: 0;
}

.appview-breadcrumbs .full-speedbar,
.appview-breadcrumbs .full-speedbar > * {
    min-width: 0;
}

@media (min-width: 992px) {
    .header-first {
        box-shadow: 0 8px 24px -20px hsla(0, 0%, 0%, 0.35);
    }
}

.card.apprecom .card-wallpaper {
    --appicon-size: 60px;
}

.card.apprecom .card-wallpaper .appicon {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    height: 90px;
}

.card.apprecom .card-wallpaper .appicon img {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
}

.navigation {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.navigation .pages,
.navigation > span,
.navigation > a {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.navigation .pages a,
.navigation .pages span,
.navigation .pages b,
.navigation > a,
.navigation > span,
.navigation > b {
    min-width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 22px;
    background: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
    transition: transform 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.navigation .pages span,
.navigation .pages b,
.navigation > span,
.navigation > b {
    background: hsla(var(--c-primary), 0.14);
    color: hsl(var(--c-second));
    font-weight: var(--fw-bold);
}

.navigation .pages a:hover,
.navigation > a:hover {
    transform: translateY(-1px);
}

.search-extended > * {
    margin-top: 12px;
}

.search-extended {
    margin-top: 20px;
}

.search-extended .form-control,
.search-extended select {
    width: 100%;
}

.search-extended label,
.search-extended legend {
    display: block;
    margin-bottom: 6px;
    font-size: var(--fs-2);
    opacity: 0.75;
}

.download-line-link {
    width: 100%;
    text-align: center;
}

.comments-list > .navigation {
    margin-top: 24px;
}

.dle-captcha {
    margin-bottom: 12px;
}

.message-info {
    padding: 20px;
    border-radius: var(--block-rd);
    background-color: hsl(var(--block-bg));
    box-shadow: var(--block-sw);
}

.file-attachment {
    margin-top: 4px;
}

.file-attachment > label:hover {
    background: hsla(var(--c-text), 0.04);
}

.modal-cont .title {
    margin-bottom: 24px;
}

.order-form .form-control,
.order-form textarea,
.search-box .form-control,
.order-form select {
    width: 100%;
}

.order-form select {
    min-height: 48px;
}

.order-form .form-group > .dle-captcha {
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .sys-page-surface {
        padding: 20px;
    }

    .appview-breadcrumbs {
        border-radius: var(--block-rd);
        white-space: normal;
    }
}