/* Public /customs/ page. The homepage service view uses the shared switcher. */
body.asva-customs-page {
    background: #10202b;
}

body.asva-customs-page #content-wrapper,
body.asva-customs-page #workarea-wrapper,
body.asva-customs-page #workarea-inner {
    margin: 0;
}

.asva-customs-landing {
    min-height: calc(100vh - 128px);
    min-height: calc(100svh - 128px);
    padding: clamp(28px, 4vw, 56px) 24px 72px;
    color: #ffffff;
    background:
        linear-gradient(90deg, rgba(5, 17, 25, .66), rgba(5, 17, 25, .18) 65%),
        linear-gradient(0deg, rgba(5, 17, 25, .53), rgba(5, 17, 25, .08) 65%),
        url('/customs/custom1.webp?v=2') center / cover no-repeat;
}

.asva-customs-landing__inner {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.asva-customs-landing__breadcrumb {
    margin-bottom: 24px;
    color: rgba(255, 255, 255, .83);
    font: 12px/1.5 Verdana, Geneva, sans-serif;
}

.asva-customs-landing__breadcrumb a {
    color: #ffffff;
}

.asva-customs-landing h1 {
    margin: 0 0 9px;
    color: #ffffff;
    font: 700 clamp(26px, 3vw, 38px)/1.2 Verdana, Geneva, sans-serif;
}

.asva-customs-landing__lead {
    max-width: 720px;
    margin: 0 0 27px;
    color: #edf2f5;
    font: 14px/1.6 Verdana, Geneva, sans-serif;
}

.asva-customs-landing__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.asva-customs-landing__grid .asva-service-switch-card {
    min-height: 190px;
}

@media (max-width: 950px) {
    .asva-customs-landing__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .asva-customs-landing {
        min-height: calc(100svh - 110px);
        padding: 24px 16px 44px;
    }

    .asva-customs-landing__grid {
        grid-template-columns: 1fr;
    }

    .asva-customs-landing__grid .asva-service-switch-card {
        min-height: 172px;
    }
}