/* /Components/Admin/AdminLogin.razor.rz.scp.css */
.admin-login-page[b-sqsephrxgz] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background: radial-gradient(circle at 12% 18%, rgba(98, 229, 209, .15), transparent 25%), radial-gradient(circle at 88% 80%, rgba(255, 190, 80, .09), transparent 24%), linear-gradient(135deg, #052731 0%, #075c5b 55%, #0b897b 100%);
    color: #fff;
}

    .admin-login-page[b-sqsephrxgz]::before {
        position: absolute;
        top: -300px;
        left: -220px;
        width: 720px;
        height: 720px;
        content: "";
        border: 1px solid rgba(255, 255, 255, .06);
        border-radius: 50%;
        box-shadow: 0 0 0 90px rgba(255, 255, 255, .018), 0 0 0 180px rgba(255, 255, 255, .012);
    }

.admin-login-orb[b-sqsephrxgz] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.admin-login-orb-one[b-sqsephrxgz] {
    top: 12%;
    right: 10%;
    width: 130px;
    height: 130px;
    background: rgba(98, 229, 209, .08);
}

.admin-login-orb-two[b-sqsephrxgz] {
    right: 38%;
    bottom: 9%;
    width: 80px;
    height: 80px;
    background: rgba(255, 190, 80, .08);
}

.admin-login-grid[b-sqsephrxgz] {
    position: relative;
    z-index: 2;
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
}

.admin-login-showcase[b-sqsephrxgz] {
    display: flex;
    flex-direction: column;
    padding: 3rem clamp(2rem, 7vw, 7rem);
}

.admin-login-brand[b-sqsephrxgz] {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: .8rem;
    color: #fff;
    text-decoration: none;
}

    .admin-login-brand > span[b-sqsephrxgz] {
        width: 50px;
        height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 15px;
        background: linear-gradient(145deg, #0da08e, #49d4bf);
        box-shadow: 0 16px 35px rgba(0, 20, 25, .25);
        font-size: 1.15rem;
        font-weight: 900;
    }

    .admin-login-brand > div[b-sqsephrxgz] {
        display: flex;
        flex-direction: column;
    }

    .admin-login-brand strong[b-sqsephrxgz] {
        font-size: .9rem;
        letter-spacing: .12em;
    }

    .admin-login-brand small[b-sqsephrxgz] {
        margin-top: .15rem;
        color: rgba(255, 255, 255, .55);
        font-size: .58rem;
    }

.admin-login-intro[b-sqsephrxgz] {
    max-width: 720px;
    margin: auto 0;
    padding: 4rem 0 2rem;
}

.admin-login-badge[b-sqsephrxgz] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .5rem .8rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    color: rgba(255, 255, 255, .82);
    font-size: .68rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.admin-login-intro h1[b-sqsephrxgz] {
    margin: 1.3rem 0 0;
    font-size: clamp(3rem, 6vw, 5.2rem);
    line-height: 1;
    letter-spacing: -.07em;
}

    .admin-login-intro h1 strong[b-sqsephrxgz] {
        display: block;
        color: #62e5d1;
    }

.admin-login-intro > p[b-sqsephrxgz] {
    max-width: 650px;
    margin: 1.4rem 0 0;
    color: rgba(255, 255, 255, .67);
    font-size: 1rem;
    line-height: 1.85;
}

.admin-login-features[b-sqsephrxgz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .7rem;
    margin-top: auto;
}

    .admin-login-features > div[b-sqsephrxgz] {
        display: flex;
        align-items: flex-start;
        gap: .7rem;
        padding: .9rem;
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: 14px;
        background: rgba(255, 255, 255, .055);
        backdrop-filter: blur(12px);
    }

        .admin-login-features > div > span[b-sqsephrxgz] {
            width: 38px;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 11px;
            background: rgba(98, 229, 209, .13);
            color: #62e5d1;
        }

    .admin-login-features p[b-sqsephrxgz] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .admin-login-features strong[b-sqsephrxgz] {
        font-size: .66rem;
    }

    .admin-login-features small[b-sqsephrxgz] {
        margin-top: .2rem;
        color: rgba(255, 255, 255, .52);
        font-size: .53rem;
        line-height: 1.5;
    }

.admin-login-form-side[b-sqsephrxgz] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: rgba(2, 24, 30, .23);
    backdrop-filter: blur(14px);
}

.admin-login-card[b-sqsephrxgz] {
    width: min(480px, 100%);
    padding: 2.3rem;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 26px;
    background: rgba(255, 255, 255, .97);
    color: #183039;
    box-shadow: 0 35px 90px rgba(0, 18, 23, .32);
}

.admin-login-card-heading > span[b-sqsephrxgz] {
    color: #087f72;
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.admin-login-card-heading h2[b-sqsephrxgz] {
    margin: .45rem 0 0;
    font-size: 1.8rem;
    letter-spacing: -.035em;
}

.admin-login-card-heading p[b-sqsephrxgz] {
    margin: .45rem 0 0;
    color: #71848b;
    font-size: .72rem;
    line-height: 1.6;
}

.admin-login-error[b-sqsephrxgz] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-top: 1.2rem;
    padding: .8rem;
    border: 1px solid #f2cccc;
    border-radius: 11px;
    background: #fff0f0;
    color: #b64141;
    font-size: .65rem;
    line-height: 1.5;
}

.admin-login-form[b-sqsephrxgz] {
    margin-top: 1.5rem;
}

.admin-login-field[b-sqsephrxgz] {
    margin-top: .9rem;
}

    .admin-login-field label[b-sqsephrxgz] {
        display: block;
        margin-bottom: .38rem;
        color: #31474f;
        font-size: .66rem;
        font-weight: 800;
    }

    .admin-login-field > div[b-sqsephrxgz] {
        min-height: 50px;
        display: flex;
        align-items: center;
        gap: .65rem;
        padding: 0 .8rem;
        border: 1px solid #dce7e9;
        border-radius: 12px;
        background: #fff;
        transition: .2s;
    }

        .admin-login-field > div:focus-within[b-sqsephrxgz] {
            border-color: #087f72;
            box-shadow: 0 0 0 3px rgba(8, 127, 114, .1);
        }

    .admin-login-field i[b-sqsephrxgz] {
        color: #087f72;
    }

    .admin-login-field input[b-sqsephrxgz] {
        width: 100%;
        min-height: 48px;
        border: 0;
        outline: 0;
        background: transparent;
        color: #183039;
        font-size: .74rem;
    }

.admin-login-remember[b-sqsephrxgz] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1rem;
    color: #61757c;
    font-size: .64rem;
    cursor: pointer;
}

    .admin-login-remember input[b-sqsephrxgz] {
        width: 16px;
        height: 16px;
        accent-color: #087f72;
    }

.admin-login-submit[b-sqsephrxgz] {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    margin-top: 1.3rem;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #087f72, #12a891);
    color: #fff;
    font-size: .72rem;
    font-weight: 900;
    box-shadow: 0 14px 28px rgba(8, 127, 114, .2);
    transition: .2s;
}

    .admin-login-submit:hover[b-sqsephrxgz] {
        transform: translateY(-2px);
        box-shadow: 0 18px 34px rgba(8, 127, 114, .27);
    }

.admin-login-security[b-sqsephrxgz] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-top: 1rem;
    padding: .7rem;
    border-radius: 10px;
    background: #eff9f7;
    color: #51716d;
    font-size: .55rem;
    line-height: 1.55;
}

    .admin-login-security i[b-sqsephrxgz] {
        color: #087f72;
        font-size: .8rem;
    }

.admin-login-home[b-sqsephrxgz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    margin-top: 1.2rem;
    color: #71848b;
    text-decoration: none;
    font-size: .62rem;
    font-weight: 800;
}

    .admin-login-home:hover[b-sqsephrxgz] {
        color: #087f72;
    }

@media (max-width: 1050px) {
    .admin-login-grid[b-sqsephrxgz] {
        grid-template-columns: 1fr;
    }

    .admin-login-showcase[b-sqsephrxgz] {
        min-height: auto;
        padding: 2rem;
    }

    .admin-login-intro[b-sqsephrxgz] {
        margin: 4rem auto;
        text-align: center;
    }

    .admin-login-features[b-sqsephrxgz] {
        display: none;
    }

    .admin-login-form-side[b-sqsephrxgz] {
        padding: 3rem 1rem 5rem;
    }
}

@media (max-width: 650px) {
    .admin-login-intro h1[b-sqsephrxgz] {
        font-size: 2.7rem;
    }

    .admin-login-card[b-sqsephrxgz] {
        padding: 1.4rem;
    }
}
/* /Components/Admin/AdminYetkisiz.razor.rz.scp.css */
.admin-access-denied[b-c7x1hhrb8x] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: linear-gradient(135deg, #062b35, #087f72);
}

    .admin-access-denied > div[b-c7x1hhrb8x] {
        width: min(520px, 100%);
        padding: 2.5rem;
        border-radius: 24px;
        background: #fff;
        text-align: center;
    }

    .admin-access-denied span[b-c7x1hhrb8x] {
        width: 75px;
        height: 75px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #fff0f0;
        color: #bc4747;
        font-size: 1.8rem;
    }

    .admin-access-denied h1[b-c7x1hhrb8x] {
        margin-top: 1.2rem;
        color: #183039;
        font-size: 1.7rem;
    }

    .admin-access-denied p[b-c7x1hhrb8x] {
        color: #71848b;
        line-height: 1.7;
    }

    .admin-access-denied a[b-c7x1hhrb8x] {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 1rem;
        padding: .6rem 1rem;
        border-radius: 10px;
        background: #087f72;
        color: #fff;
        text-decoration: none;
        font-weight: 800;
    }
/* /Components/Layout/Footer.razor.rz.scp.css */
.asr-footer[b-zf14ad8fe6] {
    padding: 4.5rem 0 1.5rem;
    background: #071521;
    color: rgba(255, 255, 255, 0.75);
}

.asr-footer-grid[b-zf14ad8fe6] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.15fr;
    gap: 3rem;
}

.asr-footer-logo[b-zf14ad8fe6] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: #fff;
    text-decoration: none;
}

.asr-footer-logo-symbol[b-zf14ad8fe6] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: linear-gradient(135deg, var(--asr-primary), var(--asr-secondary));
    color: #fff;
    font-size: 1.3rem;
    font-weight: 800;
}

.asr-footer-logo > span:last-child[b-zf14ad8fe6] {
    display: flex;
    flex-direction: column;
}

.asr-footer-logo strong[b-zf14ad8fe6] {
    letter-spacing: 0.08em;
}

.asr-footer-logo small[b-zf14ad8fe6] {
    margin-top: 0.2rem;
    color: rgba(255, 255, 255, 0.55);
}

.asr-footer-brand p[b-zf14ad8fe6] {
    max-width: 360px;
    margin: 1.25rem 0;
    line-height: 1.8;
}

.asr-social-links[b-zf14ad8fe6] {
    display: flex;
    gap: 0.65rem;
}

    .asr-social-links a[b-zf14ad8fe6] {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 10px;
        color: #fff;
        text-decoration: none;
    }

        .asr-social-links a:hover[b-zf14ad8fe6] {
            background: var(--asr-primary);
            border-color: var(--asr-primary);
        }

.asr-footer-column[b-zf14ad8fe6] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

    .asr-footer-column h3[b-zf14ad8fe6] {
        margin: 0 0 0.5rem;
        color: #fff;
        font-size: 1rem;
    }

    .asr-footer-column a[b-zf14ad8fe6],
    .asr-footer-column span[b-zf14ad8fe6] {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
        color: rgba(255, 255, 255, 0.7);
        text-decoration: none;
        line-height: 1.5;
    }

        .asr-footer-column a:hover[b-zf14ad8fe6] {
            color: #fff;
        }

.asr-footer-bottom[b-zf14ad8fe6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 3.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 0.85rem;
}

    .asr-footer-bottom div[b-zf14ad8fe6] {
        display: flex;
        gap: 1.25rem;
    }

    .asr-footer-bottom a[b-zf14ad8fe6] {
        color: rgba(255, 255, 255, 0.65);
        text-decoration: none;
    }

        .asr-footer-bottom a:hover[b-zf14ad8fe6] {
            color: #fff;
        }

@media (max-width: 950px) {

    .asr-footer-grid[b-zf14ad8fe6] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {

    .asr-footer[b-zf14ad8fe6] {
        padding-top: 3rem;
    }

    .asr-footer-grid[b-zf14ad8fe6] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .asr-footer-bottom[b-zf14ad8fe6] {
        align-items: flex-start;
        flex-direction: column;
    }

        .asr-footer-bottom div[b-zf14ad8fe6] {
            flex-wrap: wrap;
        }
}
/* /Components/Layout/Header.razor.rz.scp.css */
.asr-header[b-qo0piedqmd] {
    position: sticky;
    top: 0;
    z-index: 1050;
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(245, 250, 249, 0.7);
    border-bottom: 1px solid rgba(15, 118, 110, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.asr-header-shell[b-qo0piedqmd] {
    position: relative;
    width: min(100%, 1380px);
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin: auto;
    padding: 0.65rem 0.8rem 0.65rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 16px 50px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.asr-brand[b-qo0piedqmd] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--asr-dark);
    text-decoration: none;
    flex-shrink: 0;
}

.asr-brand-symbol[b-qo0piedqmd] {
    position: relative;
    width: 47px;
    height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border-radius: 15px;
    background: linear-gradient( 135deg, var(--asr-primary), var(--asr-secondary), #38d6bf );
    box-shadow: 0 12px 28px rgba(15, 118, 110, 0.25);
}

    .asr-brand-symbol[b-qo0piedqmd]::before {
        position: absolute;
        inset: -5px;
        content: "";
        border-radius: 19px;
        background: rgba(20, 184, 166, 0.12);
        z-index: -1;
    }

.asr-brand-symbol-inner[b-qo0piedqmd] {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 900;
}

.asr-brand-text[b-qo0piedqmd] {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

    .asr-brand-text strong[b-qo0piedqmd] {
        color: var(--asr-dark);
        font-size: 1.22rem;
        font-weight: 900;
        letter-spacing: 0.12em;
    }

    .asr-brand-text small[b-qo0piedqmd] {
        margin-top: 0.38rem;
        color: var(--asr-muted);
        font-size: 0.64rem;
        font-weight: 600;
        letter-spacing: 0.02em;
    }

.asr-main-navigation[b-qo0piedqmd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    flex: 1;
}

.asr-nav-item[b-qo0piedqmd] {
    position: relative;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.7rem 0.9rem;
    border: 0;
    border-radius: 13px;
    background: transparent;
    color: var(--asr-text);
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

    .asr-nav-item[b-qo0piedqmd]::after {
        position: absolute;
        right: 20%;
        bottom: 4px;
        left: 20%;
        height: 2px;
        content: "";
        border-radius: 50px;
        background: var(--asr-primary);
        opacity: 0;
        transform: scaleX(0);
        transition: 0.2s ease;
    }

    .asr-nav-item:hover[b-qo0piedqmd] {
        background: var(--asr-primary-soft);
        color: var(--asr-primary-dark);
        transform: translateY(-1px);
    }

        .asr-nav-item:hover[b-qo0piedqmd]::after,
        .asr-nav-item-active[b-qo0piedqmd]::after {
            opacity: 1;
            transform: scaleX(1);
        }

.asr-nav-item-active[b-qo0piedqmd] {
    background: linear-gradient( 180deg, rgba(232, 247, 244, 0.95), rgba(232, 247, 244, 0.55) );
    color: var(--asr-primary-dark);
}

.asr-nav-item i[b-qo0piedqmd] {
    color: var(--asr-primary);
    font-size: 0.95rem;
}

.asr-nav-chevron[b-qo0piedqmd] {
    margin-left: 0.1rem;
    font-size: 0.65rem !important;
}

.asr-nav-dropdown[b-qo0piedqmd] {
    position: relative;
}

.asr-mega-menu[b-qo0piedqmd] {
    position: absolute;
    top: calc(100% + 18px);
    left: 50%;
    width: 720px;
    overflow: hidden;
    border: 1px solid rgba(15, 118, 110, 0.12);
    border-radius: 23px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.18);
    transform: translateX(-50%);
    animation: asrMegaMenuOpen-b-qo0piedqmd 0.18s ease;
}

@keyframes asrMegaMenuOpen-b-qo0piedqmd {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-8px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0) scale(1);
    }
}

.asr-mega-menu-header[b-qo0piedqmd] {
    display: flex;
    flex-direction: column;
    padding: 1.5rem 1.5rem 1.15rem;
    background: radial-gradient( circle at 90% 10%, rgba(20, 184, 166, 0.16), transparent 32% ), linear-gradient(135deg, #f5fffd, #ffffff);
    border-bottom: 1px solid var(--asr-border);
}

.asr-mega-menu-label[b-qo0piedqmd] {
    color: var(--asr-primary);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.asr-mega-menu-header strong[b-qo0piedqmd] {
    margin-top: 0.4rem;
    color: var(--asr-dark);
    font-size: 1.05rem;
}

.asr-mega-menu-grid[b-qo0piedqmd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.45rem;
    padding: 1rem;
}

    .asr-mega-menu-grid > a[b-qo0piedqmd] {
        display: flex;
        align-items: flex-start;
        gap: 0.85rem;
        padding: 1rem;
        border: 1px solid transparent;
        border-radius: 15px;
        color: var(--asr-text);
        text-decoration: none;
        transition: 0.2s ease;
    }

        .asr-mega-menu-grid > a:hover[b-qo0piedqmd] {
            border-color: rgba(15, 118, 110, 0.15);
            background: var(--asr-primary-soft);
            transform: translateY(-2px);
        }

.asr-mega-icon[b-qo0piedqmd] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 13px;
    background: linear-gradient(145deg, #ffffff, #e8f7f4);
    color: var(--asr-primary);
    box-shadow: 0 8px 18px rgba(15, 118, 110, 0.12);
}

.asr-mega-menu-grid > a > span:last-child[b-qo0piedqmd] {
    display: flex;
    flex-direction: column;
}

.asr-mega-menu-grid strong[b-qo0piedqmd] {
    color: var(--asr-dark);
    font-size: 0.9rem;
}

.asr-mega-menu-grid small[b-qo0piedqmd] {
    margin-top: 0.25rem;
    color: var(--asr-muted);
    font-size: 0.7rem;
    line-height: 1.45;
}

.asr-mega-menu-footer[b-qo0piedqmd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1.4rem;
    background: #f7fafc;
    border-top: 1px solid var(--asr-border);
}

    .asr-mega-menu-footer > span[b-qo0piedqmd] {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        color: var(--asr-muted);
        font-size: 0.73rem;
        font-weight: 600;
    }

        .asr-mega-menu-footer > span i[b-qo0piedqmd] {
            color: var(--asr-primary);
        }

    .asr-mega-menu-footer a[b-qo0piedqmd] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        color: var(--asr-primary);
        text-decoration: none;
        font-size: 0.76rem;
        font-weight: 800;
    }

.asr-header-actions[b-qo0piedqmd] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-shrink: 0;
}

.asr-customer-login[b-qo0piedqmd] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.35rem 0.5rem;
    color: var(--asr-text);
    text-decoration: none;
}

.asr-customer-login-icon[b-qo0piedqmd] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--asr-border);
    border-radius: 12px;
    background: #fff;
    color: var(--asr-primary);
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.06);
}

.asr-customer-login-text[b-qo0piedqmd] {
    display: flex;
    flex-direction: column;
}

    .asr-customer-login-text small[b-qo0piedqmd] {
        color: var(--asr-muted);
        font-size: 0.58rem;
    }

    .asr-customer-login-text strong[b-qo0piedqmd] {
        color: var(--asr-dark);
        font-size: 0.76rem;
    }

.asr-customer-login:hover .asr-customer-login-icon[b-qo0piedqmd] {
    border-color: var(--asr-primary);
    background: var(--asr-primary-soft);
}

.asr-header-demo-button[b-qo0piedqmd] {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.35rem 0.4rem 0.35rem 1rem;
    border-radius: 14px;
    background: linear-gradient( 135deg, var(--asr-primary), var(--asr-secondary) );
    color: #fff;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(15, 118, 110, 0.25);
    transition: 0.2s ease;
}

    .asr-header-demo-button:hover[b-qo0piedqmd] {
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 16px 35px rgba(15, 118, 110, 0.32);
    }

.asr-header-demo-icon[b-qo0piedqmd] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.18);
}

.asr-mobile-trigger[b-qo0piedqmd] {
    width: 46px;
    height: 46px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    border: 1px solid var(--asr-border);
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
}

.asr-mobile-trigger-line[b-qo0piedqmd] {
    width: 20px;
    height: 2px;
    display: block;
    border-radius: 10px;
    background: var(--asr-dark);
    transition: 0.2s ease;
}

.asr-header-open .asr-mobile-trigger-line:nth-child(1)[b-qo0piedqmd] {
    transform: translateY(7px) rotate(45deg);
}

.asr-header-open .asr-mobile-trigger-line:nth-child(2)[b-qo0piedqmd] {
    opacity: 0;
}

.asr-header-open .asr-mobile-trigger-line:nth-child(3)[b-qo0piedqmd] {
    transform: translateY(-7px) rotate(-45deg);
}

.asr-mobile-panel[b-qo0piedqmd] {
    width: min(calc(100% - 2rem), 720px);
    margin: 0.75rem auto 0;
    overflow: hidden;
    border: 1px solid rgba(15, 118, 110, 0.12);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 25px 60px rgba(15, 23, 42, 0.16);
    animation: asrMobileOpen-b-qo0piedqmd 0.18s ease;
}

@keyframes asrMobileOpen-b-qo0piedqmd {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.asr-mobile-panel-inner[b-qo0piedqmd] {
    padding: 0.75rem;
}

.asr-mobile-nav-item[b-qo0piedqmd] {
    width: 100%;
    min-height: 54px;
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    border: 0;
    border-bottom: 1px solid #edf2f5;
    background: transparent;
    color: var(--asr-text);
    text-align: left;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 700;
}

    .asr-mobile-nav-item:hover[b-qo0piedqmd] {
        background: var(--asr-primary-soft);
        color: var(--asr-primary-dark);
    }

.asr-mobile-nav-icon[b-qo0piedqmd] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
}

.asr-mobile-submenu[b-qo0piedqmd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.55rem;
    padding: 0.75rem;
    border-radius: 15px;
    background: #f7fafc;
}

    .asr-mobile-submenu a[b-qo0piedqmd] {
        padding: 0.75rem;
        border: 1px solid var(--asr-border);
        border-radius: 11px;
        background: #fff;
        color: var(--asr-text);
        text-decoration: none;
        font-size: 0.76rem;
        font-weight: 700;
    }

.asr-mobile-action-grid[b-qo0piedqmd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
    padding-top: 0.9rem;
}

.asr-mobile-customer-button[b-qo0piedqmd],
.asr-mobile-demo-button[b-qo0piedqmd] {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 13px;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 800;
}

.asr-mobile-customer-button[b-qo0piedqmd] {
    border: 1px solid var(--asr-border);
    background: #fff;
    color: var(--asr-dark);
}

.asr-mobile-demo-button[b-qo0piedqmd] {
    background: linear-gradient( 135deg, var(--asr-primary), var(--asr-secondary) );
    color: #fff;
}

.asr-menu-backdrop[b-qo0piedqmd] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    border: 0;
    background: rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(2px);
}

@media (max-width: 1200px) {
    .asr-main-navigation[b-qo0piedqmd] {
        display: none;
    }

    .asr-mobile-trigger[b-qo0piedqmd] {
        display: inline-flex;
    }
}

@media (max-width: 750px) {
    .asr-header[b-qo0piedqmd] {
        padding: 0.5rem;
    }

    .asr-header-shell[b-qo0piedqmd] {
        min-height: 64px;
        padding: 0.5rem 0.6rem 0.5rem 0.75rem;
        border-radius: 18px;
    }

    .asr-brand-symbol[b-qo0piedqmd] {
        width: 41px;
        height: 41px;
        border-radius: 13px;
    }

    .asr-brand-text strong[b-qo0piedqmd] {
        font-size: 1rem;
    }

    .asr-brand-text small[b-qo0piedqmd] {
        display: none;
    }

    .asr-customer-login[b-qo0piedqmd],
    .asr-header-demo-button[b-qo0piedqmd] {
        display: none;
    }

    .asr-mobile-submenu[b-qo0piedqmd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.asr-site[b-ppvma1d99i] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.asr-main[b-ppvma1d99i] {
    flex: 1;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-fgdudwsol8],
.components-reconnect-repeated-attempt-visible[b-fgdudwsol8],
.components-reconnect-failed-visible[b-fgdudwsol8],
.components-pause-visible[b-fgdudwsol8],
.components-resume-failed-visible[b-fgdudwsol8],
.components-rejoining-animation[b-fgdudwsol8] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-fgdudwsol8],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-fgdudwsol8],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-fgdudwsol8],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-fgdudwsol8],
#components-reconnect-modal.components-reconnect-retrying[b-fgdudwsol8],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-fgdudwsol8],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-fgdudwsol8],
#components-reconnect-modal.components-reconnect-failed[b-fgdudwsol8],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-fgdudwsol8] {
    display: block;
}


#components-reconnect-modal[b-fgdudwsol8] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-fgdudwsol8 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-fgdudwsol8 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-fgdudwsol8 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-fgdudwsol8]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-fgdudwsol8 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-fgdudwsol8 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-fgdudwsol8 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-fgdudwsol8 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-fgdudwsol8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-fgdudwsol8] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-fgdudwsol8] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-fgdudwsol8] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-fgdudwsol8] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-fgdudwsol8] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-fgdudwsol8] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-fgdudwsol8 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-fgdudwsol8] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-fgdudwsol8 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/B2B.razor.rz.scp.css */
.asr-b2b-hero[b-zn98g4kp38] {
    position: relative;
    overflow: hidden;
    padding: 7rem 0 7.5rem;
    background: radial-gradient(circle at 82% 12%, rgba(72, 225, 203, .20), transparent 28%), radial-gradient(circle at 7% 78%, rgba(255, 183, 73, .09), transparent 22%), linear-gradient(135deg, #062b35 0%, #075d5b 55%, #0d8d7f 100%);
    color: #fff;
}

    .asr-b2b-hero[b-zn98g4kp38]::before {
        position: absolute;
        top: -260px;
        right: -180px;
        width: 680px;
        height: 680px;
        content: "";
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 50%;
        box-shadow: 0 0 0 80px rgba(255, 255, 255, .02), 0 0 0 160px rgba(255, 255, 255, .014);
    }

.asr-b2b-orb[b-zn98g4kp38] {
    position: absolute;
    border-radius: 50%;
}

.asr-b2b-orb-one[b-zn98g4kp38] {
    top: 15%;
    left: 5%;
    width: 90px;
    height: 90px;
    background: rgba(255, 183, 73, .10);
}

.asr-b2b-orb-two[b-zn98g4kp38] {
    right: 8%;
    bottom: 8%;
    width: 150px;
    height: 150px;
    background: rgba(72, 225, 203, .10);
}

.asr-b2b-hero-grid[b-zn98g4kp38] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr);
    align-items: center;
    gap: 5rem;
}

.asr-b2b-eyebrow[b-zn98g4kp38] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .9rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: .76rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.asr-b2b-hero h1[b-zn98g4kp38] {
    margin: 1.5rem 0 0;
    font-size: clamp(3rem, 6vw, 5.3rem);
    line-height: 1;
    letter-spacing: -.07em;
}

    .asr-b2b-hero h1 span[b-zn98g4kp38] {
        display: block;
        color: #62e5d1;
    }

.asr-b2b-hero-content > p[b-zn98g4kp38] {
    max-width: 720px;
    margin: 1.55rem 0 0;
    color: rgba(255, 255, 255, .75);
    font-size: 1.05rem;
    line-height: 1.85;
}

.asr-b2b-hero-actions[b-zn98g4kp38] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .85rem;
    margin-top: 2rem;
}

.asr-b2b-primary-button[b-zn98g4kp38],
.asr-b2b-secondary-button[b-zn98g4kp38] {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    border-radius: 15px;
    text-decoration: none;
    font-size: .8rem;
    font-weight: 900;
    transition: .2s ease;
}

.asr-b2b-primary-button[b-zn98g4kp38] {
    padding: .55rem .7rem;
    background: #fff;
    color: var(--asr-dark);
    box-shadow: 0 18px 45px rgba(0, 20, 25, .22);
}

    .asr-b2b-primary-button > span[b-zn98g4kp38] {
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-b2b-primary-button > div[b-zn98g4kp38] {
        display: flex;
        flex-direction: column;
    }

    .asr-b2b-primary-button small[b-zn98g4kp38] {
        color: var(--asr-muted);
        font-size: .54rem;
    }

    .asr-b2b-primary-button strong[b-zn98g4kp38] {
        color: var(--asr-dark);
        font-size: .8rem;
    }

.asr-b2b-secondary-button[b-zn98g4kp38] {
    padding: .8rem 1.2rem;
    border: 1px solid rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

    .asr-b2b-primary-button:hover[b-zn98g4kp38],
    .asr-b2b-secondary-button:hover[b-zn98g4kp38] {
        color: inherit;
        transform: translateY(-3px);
    }

.asr-b2b-hero-points[b-zn98g4kp38] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.6rem;
    color: rgba(255, 255, 255, .72);
    font-size: .69rem;
    font-weight: 700;
}

    .asr-b2b-hero-points span[b-zn98g4kp38] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

    .asr-b2b-hero-points i[b-zn98g4kp38] {
        color: #62e5d1;
    }

.asr-b2b-dashboard-wrap[b-zn98g4kp38] {
    position: relative;
}

.asr-b2b-browser[b-zn98g4kp38] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 42px 100px rgba(0, 18, 23, .32);
    transform: perspective(1300px) rotateY(-3deg) rotateX(1deg);
}

.asr-b2b-browser-top[b-zn98g4kp38] {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border-bottom: 1px solid #e5edef;
    background: #f6f9fa;
}

    .asr-b2b-browser-top > div[b-zn98g4kp38] {
        display: flex;
        gap: .35rem;
    }

        .asr-b2b-browser-top > div span[b-zn98g4kp38] {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: #c7d2d7;
        }

    .asr-b2b-browser-top small[b-zn98g4kp38] {
        min-width: 195px;
        margin: auto;
        padding: .28rem .8rem;
        border-radius: 7px;
        background: #eaf0f2;
        color: #8ba0a9;
        font-size: .56rem;
        text-align: center;
    }

.asr-b2b-app[b-zn98g4kp38] {
    min-height: 485px;
    display: flex;
}

.asr-b2b-sidebar[b-zn98g4kp38] {
    width: 66px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: .9rem;
    padding: 1.1rem .7rem;
    background: #0b2c37;
}

.asr-b2b-logo[b-zn98g4kp38] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .4rem;
    border-radius: 11px;
    background: var(--asr-secondary);
    color: #fff;
    font-weight: 900;
}

.asr-b2b-sidebar button[b-zn98g4kp38] {
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: rgba(255, 255, 255, .45);
}

    .asr-b2b-sidebar button.active[b-zn98g4kp38] {
        background: rgba(98, 229, 209, .15);
        color: #62e5d1;
    }

.asr-b2b-dashboard[b-zn98g4kp38] {
    flex: 1;
    padding: 1.3rem;
    background: #f5f9fa;
}

.asr-b2b-dashboard-header[b-zn98g4kp38] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-b2b-dashboard-header small[b-zn98g4kp38] {
        color: #8ba0a9;
        font-size: .55rem;
    }

    .asr-b2b-dashboard-header h3[b-zn98g4kp38] {
        margin: .2rem 0 0;
        color: var(--asr-dark);
        font-size: .9rem;
    }

.asr-b2b-user[b-zn98g4kp38] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .asr-b2b-user button[b-zn98g4kp38],
    .asr-b2b-user span[b-zn98g4kp38] {
        width: 34px;
        height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .asr-b2b-user button[b-zn98g4kp38] {
        border: 1px solid var(--asr-border);
        border-radius: 10px;
        background: #fff;
        color: var(--asr-primary);
    }

    .asr-b2b-user span[b-zn98g4kp38] {
        border-radius: 50%;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .6rem;
        font-weight: 900;
    }

.asr-b2b-summary-grid[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .6rem;
    margin-top: 1rem;
}

    .asr-b2b-summary-grid > div[b-zn98g4kp38] {
        display: flex;
        flex-direction: column;
        padding: .75rem;
        border: 1px solid #e2ebee;
        border-radius: 13px;
        background: #fff;
    }

        .asr-b2b-summary-grid > div > span[b-zn98g4kp38] {
            width: 29px;
            height: 29px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-b2b-summary-grid small[b-zn98g4kp38] {
        margin-top: .5rem;
        color: #8ba0a9;
        font-size: .47rem;
    }

    .asr-b2b-summary-grid strong[b-zn98g4kp38] {
        margin-top: .18rem;
        color: var(--asr-dark);
        font-size: .68rem;
    }

    .asr-b2b-summary-grid em[b-zn98g4kp38] {
        margin-top: .18rem;
        color: var(--asr-primary);
        font-size: .44rem;
        font-style: normal;
    }

.asr-b2b-dashboard-body[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: 1.35fr .8fr;
    gap: .7rem;
    margin-top: .7rem;
}

.asr-b2b-products-card[b-zn98g4kp38],
.asr-b2b-orders-card[b-zn98g4kp38] {
    padding: .85rem;
    border: 1px solid #e2ebee;
    border-radius: 13px;
    background: #fff;
}

.asr-b2b-card-heading[b-zn98g4kp38] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-b2b-card-heading > div[b-zn98g4kp38] {
        display: flex;
        flex-direction: column;
    }

    .asr-b2b-card-heading small[b-zn98g4kp38] {
        color: #8ba0a9;
        font-size: .47rem;
    }

    .asr-b2b-card-heading strong[b-zn98g4kp38] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .62rem;
    }

    .asr-b2b-card-heading a[b-zn98g4kp38] {
        color: var(--asr-primary);
        text-decoration: none;
        font-size: .46rem;
        font-weight: 800;
    }

.asr-b2b-product-list > div[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: 34px 1fr auto 27px;
    align-items: center;
    gap: .45rem;
    margin-top: .7rem;
}

.asr-b2b-product-image[b-zn98g4kp38] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
}

.asr-b2b-product-list p[b-zn98g4kp38] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

    .asr-b2b-product-list p strong[b-zn98g4kp38] {
        color: var(--asr-dark);
        font-size: .5rem;
    }

    .asr-b2b-product-list p small[b-zn98g4kp38] {
        color: #8ba0a9;
        font-size: .42rem;
    }

.asr-b2b-product-list em[b-zn98g4kp38] {
    color: var(--asr-dark);
    font-size: .48rem;
    font-style: normal;
    font-weight: 800;
}

.asr-b2b-product-list button[b-zn98g4kp38] {
    width: 27px;
    height: 27px;
    border: 0;
    border-radius: 8px;
    background: var(--asr-primary);
    color: #fff;
}

.asr-b2b-order-list > div[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .25rem;
    margin-top: .8rem;
    padding-bottom: .65rem;
    border-bottom: 1px solid var(--asr-border-light);
}

.asr-b2b-order-list span[b-zn98g4kp38] {
    color: var(--asr-dark);
    font-size: .5rem;
    font-weight: 800;
}

.asr-b2b-order-list strong[b-zn98g4kp38] {
    color: var(--asr-dark);
    font-size: .5rem;
}

.asr-b2b-order-list em[b-zn98g4kp38] {
    width: fit-content;
    padding: .25rem .4rem;
    border-radius: 999px;
    font-size: .42rem;
    font-style: normal;
    font-weight: 800;
}

    .asr-b2b-order-list em.processing[b-zn98g4kp38] {
        background: #fff7e7;
        color: #b47713;
    }

    .asr-b2b-order-list em.shipped[b-zn98g4kp38] {
        background: #edf6ff;
        color: #3271a9;
    }

    .asr-b2b-order-list em.approved[b-zn98g4kp38] {
        background: #effcf4;
        color: #27834d;
    }

.asr-b2b-floating[b-zn98g4kp38] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 14px;
    background: rgba(255, 255, 255, .95);
    color: var(--asr-dark);
    box-shadow: 0 20px 50px rgba(0, 20, 25, .18);
}

    .asr-b2b-floating > span[b-zn98g4kp38] {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-b2b-floating div[b-zn98g4kp38] {
        display: flex;
        flex-direction: column;
    }

    .asr-b2b-floating small[b-zn98g4kp38] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-b2b-floating strong[b-zn98g4kp38] {
        margin-top: .15rem;
        font-size: .58rem;
    }

.asr-b2b-floating-stock[b-zn98g4kp38] {
    left: -7%;
    bottom: 12%;
}

.asr-b2b-floating-order[b-zn98g4kp38] {
    top: 15%;
    right: -7%;
}

.asr-b2b-stats[b-zn98g4kp38] {
    padding: 1.3rem 0;
    border-bottom: 1px solid var(--asr-border);
    background: #fff;
}

.asr-b2b-stat-grid[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

    .asr-b2b-stat-grid > div[b-zn98g4kp38] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: .75rem 1rem;
        border-right: 1px solid var(--asr-border);
        text-align: center;
    }

        .asr-b2b-stat-grid > div:last-child[b-zn98g4kp38] {
            border-right: 0;
        }

    .asr-b2b-stat-grid i[b-zn98g4kp38] {
        color: var(--asr-primary);
        font-size: 1.05rem;
    }

    .asr-b2b-stat-grid strong[b-zn98g4kp38] {
        margin-top: .3rem;
        color: var(--asr-dark);
        font-size: .86rem;
    }

    .asr-b2b-stat-grid span[b-zn98g4kp38] {
        margin-top: .15rem;
        color: var(--asr-muted);
        font-size: .58rem;
    }

.asr-b2b-benefits[b-zn98g4kp38],
.asr-b2b-modules[b-zn98g4kp38],
.asr-b2b-flow[b-zn98g4kp38],
.asr-b2b-finance[b-zn98g4kp38],
.asr-b2b-integration[b-zn98g4kp38],
.asr-b2b-security[b-zn98g4kp38] {
    padding: 6.5rem 0;
}

.asr-b2b-heading[b-zn98g4kp38] {
    max-width: 830px;
    margin: auto;
    text-align: center;
}

    .asr-b2b-heading > span[b-zn98g4kp38],
    .asr-b2b-label[b-zn98g4kp38] {
        color: var(--asr-primary);
        font-size: .72rem;
        font-weight: 900;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .asr-b2b-heading h2[b-zn98g4kp38],
    .asr-b2b-content h2[b-zn98g4kp38],
    .asr-b2b-faq-heading h2[b-zn98g4kp38] {
        margin: .75rem 0 0;
        color: var(--asr-dark);
        font-size: clamp(2.2rem, 4.5vw, 3.4rem);
        line-height: 1.12;
        letter-spacing: -.05em;
    }

        .asr-b2b-heading h2 strong[b-zn98g4kp38],
        .asr-b2b-content h2 strong[b-zn98g4kp38],
        .asr-b2b-faq-heading h2 strong[b-zn98g4kp38] {
            color: var(--asr-primary);
        }

    .asr-b2b-heading > p[b-zn98g4kp38],
    .asr-b2b-content > p[b-zn98g4kp38],
    .asr-b2b-faq-heading > p[b-zn98g4kp38] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        font-size: .95rem;
        line-height: 1.85;
    }

    .asr-b2b-heading > p[b-zn98g4kp38] {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }

.asr-b2b-benefits[b-zn98g4kp38] {
    background: #fff;
}

.asr-b2b-benefit-grid[b-zn98g4kp38],
.asr-b2b-security-grid[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-b2b-benefit-grid article[b-zn98g4kp38],
    .asr-b2b-security-grid article[b-zn98g4kp38] {
        padding: 1.45rem;
        border: 1px solid var(--asr-border);
        border-radius: 18px;
        background: #fff;
        transition: .2s ease;
    }

        .asr-b2b-benefit-grid article:hover[b-zn98g4kp38],
        .asr-b2b-security-grid article:hover[b-zn98g4kp38] {
            transform: translateY(-5px);
            box-shadow: 0 22px 50px rgba(16, 36, 47, .09);
        }

        .asr-b2b-benefit-grid article > span[b-zn98g4kp38],
        .asr-b2b-security-grid article > span[b-zn98g4kp38] {
            width: 48px;
            height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: 1.1rem;
        }

    .asr-b2b-benefit-grid h3[b-zn98g4kp38],
    .asr-b2b-security-grid h3[b-zn98g4kp38] {
        margin: .9rem 0 0;
        color: var(--asr-dark);
        font-size: .9rem;
    }

    .asr-b2b-benefit-grid p[b-zn98g4kp38],
    .asr-b2b-security-grid p[b-zn98g4kp38] {
        margin: .55rem 0 0;
        color: var(--asr-muted);
        font-size: .68rem;
        line-height: 1.7;
    }

.asr-b2b-portal[b-zn98g4kp38],
.asr-b2b-pricing[b-zn98g4kp38],
.asr-b2b-payment[b-zn98g4kp38],
.asr-b2b-faq[b-zn98g4kp38] {
    padding: 7rem 0;
}

.asr-b2b-portal[b-zn98g4kp38],
.asr-b2b-pricing[b-zn98g4kp38],
.asr-b2b-faq[b-zn98g4kp38] {
    background: var(--asr-soft);
}

.asr-b2b-two-column[b-zn98g4kp38],
.asr-b2b-faq-grid[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 5rem;
}

.asr-b2b-portal-preview[b-zn98g4kp38],
.asr-b2b-price-panel[b-zn98g4kp38],
.asr-b2b-payment-card[b-zn98g4kp38],
.asr-b2b-finance-main[b-zn98g4kp38] {
    border: 1px solid var(--asr-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(16, 36, 47, .11);
}

.asr-b2b-portal-preview[b-zn98g4kp38] {
    padding: 1.2rem;
}

.asr-b2b-catalog-header[b-zn98g4kp38] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-b2b-catalog-header > div:first-child[b-zn98g4kp38] {
        display: flex;
        flex-direction: column;
    }

    .asr-b2b-catalog-header small[b-zn98g4kp38] {
        color: var(--asr-muted);
        font-size: .52rem;
    }

    .asr-b2b-catalog-header strong[b-zn98g4kp38] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .72rem;
    }

.asr-b2b-search[b-zn98g4kp38] {
    min-width: 180px;
    padding: .55rem .7rem;
    border: 1px solid var(--asr-border);
    border-radius: 10px;
    color: var(--asr-muted);
    font-size: .5rem;
}

    .asr-b2b-search i[b-zn98g4kp38] {
        margin-right: .3rem;
        color: var(--asr-primary);
    }

.asr-b2b-catalog-grid[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .7rem;
    margin-top: 1rem;
}

    .asr-b2b-catalog-grid article[b-zn98g4kp38] {
        padding: .8rem;
        border: 1px solid var(--asr-border-light);
        border-radius: 14px;
    }

.asr-b2b-catalog-image[b-zn98g4kp38] {
    position: relative;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: linear-gradient(145deg, #e8f6f3, #d8efea);
    color: var(--asr-primary);
    font-size: 2.2rem;
}

    .asr-b2b-catalog-image span[b-zn98g4kp38] {
        position: absolute;
        top: .5rem;
        left: .5rem;
        padding: .25rem .4rem;
        border-radius: 999px;
        background: #fff;
        color: var(--asr-primary);
        font-size: .42rem;
        font-weight: 800;
    }

.asr-b2b-catalog-grid article > small[b-zn98g4kp38] {
    display: block;
    margin-top: .6rem;
    color: var(--asr-muted);
    font-size: .44rem;
}

.asr-b2b-catalog-grid h3[b-zn98g4kp38] {
    margin: .2rem 0 0;
    color: var(--asr-dark);
    font-size: .62rem;
}

.asr-b2b-catalog-stock[b-zn98g4kp38] {
    margin-top: .35rem;
    color: #27834d;
    font-size: .48rem;
}

.asr-b2b-catalog-price[b-zn98g4kp38] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .55rem;
}

    .asr-b2b-catalog-price strong[b-zn98g4kp38] {
        color: var(--asr-dark);
        font-size: .68rem;
    }

    .asr-b2b-catalog-price button[b-zn98g4kp38] {
        width: 30px;
        height: 30px;
        border: 0;
        border-radius: 9px;
        background: var(--asr-primary);
        color: #fff;
    }

.asr-b2b-feature-list[b-zn98g4kp38] {
    display: grid;
    gap: .8rem;
    margin-top: 1.6rem;
}

    .asr-b2b-feature-list > div[b-zn98g4kp38] {
        display: flex;
        align-items: flex-start;
        gap: .8rem;
        padding: .9rem;
        border: 1px solid var(--asr-border);
        border-radius: 14px;
        background: #fff;
    }

        .asr-b2b-feature-list > div > i[b-zn98g4kp38] {
            width: 39px;
            height: 39px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 11px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-b2b-feature-list span[b-zn98g4kp38] {
        display: flex;
        flex-direction: column;
    }

    .asr-b2b-feature-list strong[b-zn98g4kp38] {
        color: var(--asr-dark);
        font-size: .72rem;
    }

    .asr-b2b-feature-list small[b-zn98g4kp38] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .62rem;
        line-height: 1.55;
    }

.asr-b2b-modules[b-zn98g4kp38] {
    background: #fff;
}

.asr-b2b-module-grid[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-b2b-module-grid article[b-zn98g4kp38] {
        padding: 1.3rem;
        border: 1px solid var(--asr-border);
        border-radius: 17px;
        background: #fff;
        transition: .2s ease;
    }

        .asr-b2b-module-grid article:hover[b-zn98g4kp38] {
            transform: translateY(-5px);
            border-color: rgba(8, 127, 114, .28);
            box-shadow: 0 20px 45px rgba(16, 36, 47, .08);
        }

        .asr-b2b-module-grid article > span[b-zn98g4kp38] {
            width: 44px;
            height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-b2b-module-grid h3[b-zn98g4kp38] {
        margin: .85rem 0 0;
        color: var(--asr-dark);
        font-size: .8rem;
    }

    .asr-b2b-module-grid p[b-zn98g4kp38] {
        margin: .5rem 0 0;
        color: var(--asr-muted);
        font-size: .63rem;
        line-height: 1.65;
    }

.asr-b2b-flow[b-zn98g4kp38] {
    background: var(--asr-soft);
}

.asr-b2b-flow-grid[b-zn98g4kp38] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    margin-top: 3rem;
}

.asr-b2b-flow-item[b-zn98g4kp38] {
    width: 125px;
    min-height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: .85rem;
    border: 1px solid var(--asr-border);
    border-radius: 16px;
    background: #fff;
    text-align: center;
}

    .asr-b2b-flow-item > span[b-zn98g4kp38] {
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-b2b-flow-item strong[b-zn98g4kp38] {
        margin-top: .7rem;
        color: var(--asr-dark);
        font-size: .64rem;
    }

    .asr-b2b-flow-item small[b-zn98g4kp38] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .48rem;
    }

.asr-b2b-flow-arrow[b-zn98g4kp38] {
    color: var(--asr-primary);
}

.asr-b2b-price-panel[b-zn98g4kp38] {
    padding: 1.3rem;
}

.asr-b2b-price-header[b-zn98g4kp38] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-b2b-price-header > div[b-zn98g4kp38] {
        display: flex;
        flex-direction: column;
    }

    .asr-b2b-price-header small[b-zn98g4kp38] {
        color: var(--asr-muted);
        font-size: .52rem;
    }

    .asr-b2b-price-header strong[b-zn98g4kp38] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .72rem;
    }

    .asr-b2b-price-header > span[b-zn98g4kp38] {
        padding: .4rem .6rem;
        border-radius: 999px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .5rem;
        font-weight: 800;
    }

.asr-b2b-price-product[b-zn98g4kp38] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-top: 1.2rem;
    padding: .9rem;
    border-radius: 14px;
    background: var(--asr-soft);
}

.asr-b2b-price-image[b-zn98g4kp38] {
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
}

.asr-b2b-price-product > div[b-zn98g4kp38] {
    display: flex;
    flex-direction: column;
}

.asr-b2b-price-product small[b-zn98g4kp38] {
    color: var(--asr-muted);
    font-size: .48rem;
}

.asr-b2b-price-product strong[b-zn98g4kp38] {
    margin-top: .15rem;
    color: var(--asr-dark);
    font-size: .65rem;
}

.asr-b2b-price-list[b-zn98g4kp38] {
    margin-top: 1rem;
}

    .asr-b2b-price-list > div[b-zn98g4kp38] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .75rem 0;
        border-bottom: 1px solid var(--asr-border-light);
    }

    .asr-b2b-price-list span[b-zn98g4kp38] {
        color: var(--asr-muted);
        font-size: .58rem;
    }

    .asr-b2b-price-list strong[b-zn98g4kp38] {
        color: var(--asr-dark);
        font-size: .62rem;
    }

        .asr-b2b-price-list strong.discount[b-zn98g4kp38] {
            color: var(--asr-primary);
        }

    .asr-b2b-price-list .total[b-zn98g4kp38] {
        margin-top: .2rem;
        border-bottom: 0;
    }

        .asr-b2b-price-list .total strong[b-zn98g4kp38] {
            color: var(--asr-primary);
            font-size: 1.1rem;
        }

.asr-b2b-price-note[b-zn98g4kp38] {
    margin-top: 1rem;
    padding: .75rem;
    border-radius: 11px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary-dark);
    font-size: .52rem;
}

.asr-b2b-finance[b-zn98g4kp38] {
    background: #fff;
}

.asr-b2b-finance-grid[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: 1.4fr repeat(2, .8fr);
    gap: 1rem;
    margin-top: 3rem;
}

.asr-b2b-finance-main[b-zn98g4kp38] {
    grid-row: span 2;
    padding: 1.3rem;
}

.asr-b2b-finance-header[b-zn98g4kp38] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-b2b-finance-header > div[b-zn98g4kp38] {
        display: flex;
        flex-direction: column;
    }

    .asr-b2b-finance-header small[b-zn98g4kp38] {
        color: var(--asr-muted);
        font-size: .52rem;
    }

    .asr-b2b-finance-header strong[b-zn98g4kp38] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .7rem;
    }

    .asr-b2b-finance-header > span[b-zn98g4kp38] {
        padding: .4rem .6rem;
        border: 1px solid var(--asr-border);
        border-radius: 9px;
        color: var(--asr-muted);
        font-size: .5rem;
    }

.asr-b2b-balance-grid[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .6rem;
    margin-top: 1rem;
}

    .asr-b2b-balance-grid > div[b-zn98g4kp38] {
        display: flex;
        flex-direction: column;
        padding: .75rem;
        border-radius: 12px;
        background: var(--asr-soft);
    }

    .asr-b2b-balance-grid small[b-zn98g4kp38] {
        color: var(--asr-muted);
        font-size: .46rem;
    }

    .asr-b2b-balance-grid strong[b-zn98g4kp38] {
        margin-top: .2rem;
        color: var(--asr-dark);
        font-size: .6rem;
    }

.asr-b2b-statement[b-zn98g4kp38] {
    margin-top: 1rem;
}

    .asr-b2b-statement > div[b-zn98g4kp38] {
        display: grid;
        grid-template-columns: .8fr .8fr 1.3fr .8fr;
        gap: .5rem;
        padding: .7rem 0;
        border-bottom: 1px solid var(--asr-border-light);
        color: var(--asr-dark);
        font-size: .5rem;
    }

.asr-b2b-statement-head[b-zn98g4kp38] {
    color: var(--asr-muted) !important;
    font-weight: 800;
}

.asr-b2b-statement strong[b-zn98g4kp38] {
    text-align: right;
}

    .asr-b2b-statement strong.payment[b-zn98g4kp38] {
        color: #27834d;
    }

.asr-b2b-finance-grid article[b-zn98g4kp38] {
    padding: 1.2rem;
    border: 1px solid var(--asr-border);
    border-radius: 18px;
    background: #fff;
}

    .asr-b2b-finance-grid article > span[b-zn98g4kp38] {
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-b2b-finance-grid article h3[b-zn98g4kp38] {
        margin: .8rem 0 0;
        color: var(--asr-dark);
        font-size: .78rem;
    }

    .asr-b2b-finance-grid article p[b-zn98g4kp38] {
        margin: .45rem 0 0;
        color: var(--asr-muted);
        font-size: .62rem;
        line-height: 1.65;
    }

.asr-b2b-payment[b-zn98g4kp38] {
    background: #fff;
}

.asr-b2b-payment-card[b-zn98g4kp38] {
    padding: 1.4rem;
}

.asr-b2b-payment-header[b-zn98g4kp38] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-b2b-payment-header > div[b-zn98g4kp38] {
        display: flex;
        flex-direction: column;
    }

    .asr-b2b-payment-header small[b-zn98g4kp38] {
        color: var(--asr-muted);
        font-size: .52rem;
    }

    .asr-b2b-payment-header strong[b-zn98g4kp38] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .75rem;
    }

    .asr-b2b-payment-header > i[b-zn98g4kp38] {
        color: var(--asr-primary);
        font-size: 1.2rem;
    }

.asr-b2b-payment-amount[b-zn98g4kp38] {
    margin-top: 1.2rem;
    padding: 1rem;
    border-radius: 15px;
    background: linear-gradient(145deg, var(--asr-primary-dark), var(--asr-primary));
    color: #fff;
}

    .asr-b2b-payment-amount small[b-zn98g4kp38] {
        color: rgba(255, 255, 255, .65);
        font-size: .52rem;
    }

    .asr-b2b-payment-amount strong[b-zn98g4kp38] {
        display: block;
        margin-top: .3rem;
        font-size: 1.35rem;
    }

.asr-b2b-payment-input[b-zn98g4kp38] {
    margin-top: 1rem;
}

    .asr-b2b-payment-input small[b-zn98g4kp38] {
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-b2b-payment-input > div[b-zn98g4kp38] {
        margin-top: .35rem;
        padding: .75rem;
        border: 1px solid var(--asr-border);
        border-radius: 11px;
        color: var(--asr-dark);
        font-size: .58rem;
    }

        .asr-b2b-payment-input > div i[b-zn98g4kp38] {
            margin-right: .4rem;
            color: var(--asr-primary);
        }

.asr-b2b-payment-input-grid[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .7rem;
}

.asr-b2b-payment-card > button[b-zn98g4kp38] {
    width: 100%;
    min-height: 48px;
    margin-top: 1rem;
    border: 0;
    border-radius: 12px;
    background: var(--asr-primary);
    color: #fff;
    font-size: .66rem;
    font-weight: 900;
}

.asr-b2b-payment-providers[b-zn98g4kp38] {
    display: flex;
    justify-content: center;
    gap: .6rem;
    margin-top: .9rem;
}

    .asr-b2b-payment-providers span[b-zn98g4kp38] {
        padding: .35rem .55rem;
        border-radius: 999px;
        background: var(--asr-soft);
        color: var(--asr-muted);
        font-size: .48rem;
        font-weight: 800;
    }

.asr-b2b-integration[b-zn98g4kp38] {
    background: var(--asr-soft);
}

.asr-b2b-network[b-zn98g4kp38] {
    position: relative;
    min-height: 540px;
    margin-top: 3rem;
    overflow: hidden;
    border: 1px solid var(--asr-border);
    border-radius: 28px;
    background: radial-gradient(circle at 50% 50%, rgba(20, 184, 166, .1), transparent 35%), #f8fcfb;
}

.asr-b2b-network-grid[b-zn98g4kp38] {
    position: absolute;
    inset: 0;
    opacity: .45;
    background-image: linear-gradient(rgba(8, 127, 114, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 127, 114, .06) 1px, transparent 1px);
    background-size: 36px 36px;
}

.asr-b2b-network-lines[b-zn98g4kp38] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

    .asr-b2b-network-lines line[b-zn98g4kp38] {
        stroke: rgba(8, 127, 114, .45);
        stroke-width: 2;
        stroke-dasharray: 8 8;
        animation: asrB2BFlow-b-zn98g4kp38 7s linear infinite;
    }

@keyframes asrB2BFlow-b-zn98g4kp38 {
    to {
        stroke-dashoffset: -120;
    }
}

.asr-b2b-network-center[b-zn98g4kp38] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 10px solid rgba(20, 184, 166, .1);
    border-radius: 50%;
    background: linear-gradient(145deg, var(--asr-primary), var(--asr-secondary));
    color: #fff;
    box-shadow: 0 25px 60px rgba(8, 127, 114, .25);
    transform: translate(-50%, -50%);
}

    .asr-b2b-network-center strong[b-zn98g4kp38] {
        font-size: 2rem;
    }

    .asr-b2b-network-center span[b-zn98g4kp38] {
        font-size: .7rem;
        font-weight: 900;
        letter-spacing: .1em;
    }

    .asr-b2b-network-center small[b-zn98g4kp38] {
        margin-top: .2rem;
        color: rgba(255, 255, 255, .7);
        font-size: .48rem;
    }

.asr-b2b-node[b-zn98g4kp38] {
    position: absolute;
    min-width: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .75rem .9rem;
    border: 1px solid var(--asr-border);
    border-radius: 14px;
    background: #fff;
    color: var(--asr-dark);
    font-size: .62rem;
    font-weight: 900;
    box-shadow: 0 16px 38px rgba(16, 36, 47, .12);
}

    .asr-b2b-node i[b-zn98g4kp38] {
        color: var(--asr-primary);
    }

.asr-b2b-node-one[b-zn98g4kp38] {
    top: 10%;
    left: 9%;
}

.asr-b2b-node-two[b-zn98g4kp38] {
    top: 6%;
    left: 50%;
    transform: translateX(-50%);
}

.asr-b2b-node-three[b-zn98g4kp38] {
    top: 10%;
    right: 9%;
}

.asr-b2b-node-four[b-zn98g4kp38] {
    left: 8%;
    bottom: 10%;
}

.asr-b2b-node-five[b-zn98g4kp38] {
    bottom: 6%;
    left: 50%;
    transform: translateX(-50%);
}

.asr-b2b-node-six[b-zn98g4kp38] {
    right: 8%;
    bottom: 10%;
}

.asr-b2b-security[b-zn98g4kp38] {
    background: #fff;
}

.asr-b2b-faq-grid[b-zn98g4kp38] {
    align-items: start;
}

.asr-b2b-faq-list[b-zn98g4kp38] {
    display: grid;
    gap: .75rem;
}

    .asr-b2b-faq-list details[b-zn98g4kp38] {
        overflow: hidden;
        border: 1px solid var(--asr-border);
        border-radius: 15px;
        background: #fff;
    }

    .asr-b2b-faq-list summary[b-zn98g4kp38] {
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.2rem;
        color: var(--asr-dark);
        font-size: .75rem;
        font-weight: 900;
        cursor: pointer;
        list-style: none;
    }

        .asr-b2b-faq-list summary[b-zn98g4kp38]::-webkit-details-marker {
            display: none;
        }

        .asr-b2b-faq-list summary i[b-zn98g4kp38] {
            color: var(--asr-primary);
        }

    .asr-b2b-faq-list details[open] summary i[b-zn98g4kp38] {
        transform: rotate(45deg);
    }

    .asr-b2b-faq-list details p[b-zn98g4kp38] {
        margin: 0;
        padding: 0 1.2rem 1.2rem;
        color: var(--asr-muted);
        font-size: .7rem;
        line-height: 1.75;
    }

.asr-b2b-text-link[b-zn98g4kp38] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1.4rem;
    color: var(--asr-primary);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 900;
}

.asr-b2b-seo[b-zn98g4kp38] {
    padding: 5rem 0;
    background: #fff;
}

.asr-b2b-seo-content[b-zn98g4kp38] {
    max-width: 900px;
    margin: auto;
}

    .asr-b2b-seo-content h2[b-zn98g4kp38] {
        color: var(--asr-dark);
        font-size: clamp(1.8rem, 4vw, 2.7rem);
        letter-spacing: -.04em;
    }

    .asr-b2b-seo-content p[b-zn98g4kp38] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        font-size: .84rem;
        line-height: 1.9;
    }

.asr-b2b-final[b-zn98g4kp38] {
    padding: 0 0 6.5rem;
    background: #fff;
}

.asr-b2b-final-box[b-zn98g4kp38] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 3rem;
    padding: 3.5rem;
    overflow: hidden;
    border-radius: 28px;
    background: radial-gradient(circle at 85% 10%, rgba(255, 255, 255, .15), transparent 30%), linear-gradient(135deg, #062b35, #0d8d7f);
    color: #fff;
    box-shadow: 0 32px 75px rgba(8, 127, 114, .23);
}

    .asr-b2b-final-box > div:first-child > span[b-zn98g4kp38] {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        color: rgba(255, 255, 255, .72);
        font-size: .68rem;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .asr-b2b-final-box h2[b-zn98g4kp38] {
        margin: .8rem 0 0;
        font-size: clamp(2.1rem, 4vw, 3.3rem);
        line-height: 1.12;
        letter-spacing: -.05em;
    }

        .asr-b2b-final-box h2 strong[b-zn98g4kp38] {
            color: #62e5d1;
        }

    .asr-b2b-final-box p[b-zn98g4kp38] {
        max-width: 650px;
        margin: 1rem 0 0;
        color: rgba(255, 255, 255, .72);
        line-height: 1.8;
    }

.asr-b2b-final-actions[b-zn98g4kp38] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.6rem;
}

    .asr-b2b-final-actions a[b-zn98g4kp38] {
        min-height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: .7rem 1rem;
        border-radius: 13px;
        text-decoration: none;
        font-size: .74rem;
        font-weight: 900;
    }

        .asr-b2b-final-actions a:first-child[b-zn98g4kp38] {
            background: #fff;
            color: var(--asr-primary-dark);
        }

        .asr-b2b-final-actions a:last-child[b-zn98g4kp38] {
            border: 1px solid rgba(255, 255, 255, .25);
            color: #fff;
        }

.asr-b2b-final-stats[b-zn98g4kp38] {
    display: grid;
    gap: .75rem;
}

    .asr-b2b-final-stats > div[b-zn98g4kp38] {
        display: flex;
        flex-direction: column;
        padding: 1.2rem;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 16px;
        background: rgba(255, 255, 255, .08);
    }

    .asr-b2b-final-stats strong[b-zn98g4kp38] {
        font-size: 1.25rem;
    }

    .asr-b2b-final-stats span[b-zn98g4kp38] {
        margin-top: .25rem;
        color: rgba(255, 255, 255, .67);
        font-size: .64rem;
    }

@media (max-width: 1150px) {

    .asr-b2b-hero-grid[b-zn98g4kp38],
    .asr-b2b-two-column[b-zn98g4kp38],
    .asr-b2b-faq-grid[b-zn98g4kp38] {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .asr-b2b-hero-content[b-zn98g4kp38] {
        text-align: center;
    }

    .asr-b2b-hero-actions[b-zn98g4kp38],
    .asr-b2b-hero-points[b-zn98g4kp38] {
        justify-content: center;
    }

    .asr-b2b-browser[b-zn98g4kp38] {
        width: min(760px, 100%);
        margin: auto;
        transform: none;
    }

    .asr-b2b-module-grid[b-zn98g4kp38] {
        grid-template-columns: repeat(3, 1fr);
    }

    .asr-b2b-content[b-zn98g4kp38],
    .asr-b2b-faq-heading[b-zn98g4kp38] {
        text-align: center;
    }

    .asr-b2b-text-link[b-zn98g4kp38] {
        justify-content: center;
    }
}

@media (max-width: 850px) {

    .asr-b2b-stat-grid[b-zn98g4kp38] {
        grid-template-columns: repeat(2, 1fr);
    }

        .asr-b2b-stat-grid > div[b-zn98g4kp38] {
            border-right: 0;
            border-bottom: 1px solid var(--asr-border);
        }

    .asr-b2b-benefit-grid[b-zn98g4kp38],
    .asr-b2b-security-grid[b-zn98g4kp38] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-b2b-module-grid[b-zn98g4kp38] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-b2b-flow-grid[b-zn98g4kp38] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .asr-b2b-flow-item[b-zn98g4kp38] {
        width: auto;
    }

    .asr-b2b-flow-arrow[b-zn98g4kp38] {
        display: none;
    }

    .asr-b2b-finance-grid[b-zn98g4kp38] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-b2b-finance-main[b-zn98g4kp38] {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .asr-b2b-final-box[b-zn98g4kp38] {
        grid-template-columns: 1fr;
        padding: 2.4rem;
    }

    .asr-b2b-final-stats[b-zn98g4kp38] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 650px) {

    .asr-b2b-hero[b-zn98g4kp38] {
        padding: 5rem 0;
    }

        .asr-b2b-hero h1[b-zn98g4kp38] {
            font-size: 2.7rem;
        }

    .asr-b2b-hero-actions[b-zn98g4kp38] {
        display: grid;
    }

    .asr-b2b-primary-button[b-zn98g4kp38],
    .asr-b2b-secondary-button[b-zn98g4kp38] {
        width: 100%;
        justify-content: center;
    }

    .asr-b2b-hero-points[b-zn98g4kp38] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        text-align: left;
    }

    .asr-b2b-summary-grid[b-zn98g4kp38] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-b2b-dashboard-body[b-zn98g4kp38] {
        grid-template-columns: 1fr;
    }

    .asr-b2b-orders-card[b-zn98g4kp38] {
        display: none;
    }

    .asr-b2b-floating[b-zn98g4kp38] {
        display: none;
    }

    .asr-b2b-benefits[b-zn98g4kp38],
    .asr-b2b-modules[b-zn98g4kp38],
    .asr-b2b-flow[b-zn98g4kp38],
    .asr-b2b-finance[b-zn98g4kp38],
    .asr-b2b-integration[b-zn98g4kp38],
    .asr-b2b-security[b-zn98g4kp38],
    .asr-b2b-portal[b-zn98g4kp38],
    .asr-b2b-pricing[b-zn98g4kp38],
    .asr-b2b-payment[b-zn98g4kp38],
    .asr-b2b-faq[b-zn98g4kp38] {
        padding: 4.5rem 0;
    }

    .asr-b2b-benefit-grid[b-zn98g4kp38],
    .asr-b2b-security-grid[b-zn98g4kp38],
    .asr-b2b-module-grid[b-zn98g4kp38],
    .asr-b2b-flow-grid[b-zn98g4kp38] {
        grid-template-columns: 1fr;
    }

    .asr-b2b-catalog-header[b-zn98g4kp38] {
        align-items: flex-start;
        flex-direction: column;
        gap: .7rem;
    }

    .asr-b2b-search[b-zn98g4kp38] {
        width: 100%;
    }

    .asr-b2b-catalog-grid[b-zn98g4kp38] {
        grid-template-columns: 1fr;
    }

    .asr-b2b-finance-grid[b-zn98g4kp38] {
        grid-template-columns: 1fr;
    }

    .asr-b2b-finance-main[b-zn98g4kp38] {
        grid-column: auto;
    }

    .asr-b2b-balance-grid[b-zn98g4kp38] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-b2b-statement > div[b-zn98g4kp38] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-b2b-statement-head[b-zn98g4kp38] {
        display: none !important;
    }

    .asr-b2b-network[b-zn98g4kp38] {
        min-height: 650px;
    }

    .asr-b2b-node[b-zn98g4kp38] {
        min-width: 100px;
        font-size: .54rem;
    }

    .asr-b2b-node-one[b-zn98g4kp38] {
        top: 5%;
        left: 3%;
    }

    .asr-b2b-node-two[b-zn98g4kp38] {
        top: 5%;
    }

    .asr-b2b-node-three[b-zn98g4kp38] {
        top: 5%;
        right: 3%;
    }

    .asr-b2b-node-four[b-zn98g4kp38] {
        left: 3%;
        bottom: 5%;
    }

    .asr-b2b-node-five[b-zn98g4kp38] {
        bottom: 5%;
    }

    .asr-b2b-node-six[b-zn98g4kp38] {
        right: 3%;
        bottom: 5%;
    }

    .asr-b2b-final-stats[b-zn98g4kp38] {
        grid-template-columns: 1fr;
    }

    .asr-b2b-final-actions[b-zn98g4kp38] {
        display: grid;
    }
}
/* /Components/Pages/CokSubeliYapi.razor.rz.scp.css */
.asr-branch-hero[b-civaywd8gm] {
    position: relative;
    overflow: hidden;
    padding: 7rem 0 7.5rem;
    background: radial-gradient(circle at 82% 14%, rgba(71, 226, 203, .2), transparent 27%), radial-gradient(circle at 8% 75%, rgba(255, 183, 77, .09), transparent 22%), linear-gradient(135deg, #062a35 0%, #075b5a 55%, #0d8c7f 100%);
    color: #fff;
}

    .asr-branch-hero[b-civaywd8gm]::before {
        position: absolute;
        top: -260px;
        right: -180px;
        width: 680px;
        height: 680px;
        content: "";
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 50%;
        box-shadow: 0 0 0 80px rgba(255, 255, 255, .02), 0 0 0 160px rgba(255, 255, 255, .014);
    }

.asr-branch-glow[b-civaywd8gm] {
    position: absolute;
    border-radius: 50%;
}

.asr-branch-glow-one[b-civaywd8gm] {
    top: 12%;
    left: 5%;
    width: 90px;
    height: 90px;
    background: rgba(255, 183, 77, .1);
}

.asr-branch-glow-two[b-civaywd8gm] {
    right: 8%;
    bottom: 8%;
    width: 150px;
    height: 150px;
    background: rgba(71, 226, 203, .09);
}

.asr-branch-hero-grid[b-civaywd8gm] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr);
    align-items: center;
    gap: 5rem;
}

.asr-branch-eyebrow[b-civaywd8gm] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .9rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: .76rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.asr-branch-hero h1[b-civaywd8gm] {
    margin: 1.5rem 0 0;
    font-size: clamp(3rem, 6vw, 5.35rem);
    line-height: 1;
    letter-spacing: -.07em;
}

    .asr-branch-hero h1 span[b-civaywd8gm] {
        display: block;
        color: #62e5d1;
    }

.asr-branch-hero-content > p[b-civaywd8gm] {
    max-width: 700px;
    margin: 1.55rem 0 0;
    color: rgba(255, 255, 255, .75);
    font-size: 1.05rem;
    line-height: 1.85;
}

.asr-branch-actions[b-civaywd8gm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .85rem;
    margin-top: 2rem;
}

.asr-branch-primary-button[b-civaywd8gm],
.asr-branch-secondary-button[b-civaywd8gm] {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    border-radius: 15px;
    text-decoration: none;
    font-size: .8rem;
    font-weight: 900;
    transition: .2s ease;
}

.asr-branch-primary-button[b-civaywd8gm] {
    padding: .55rem .7rem;
    background: #fff;
    color: var(--asr-dark);
    box-shadow: 0 18px 45px rgba(0, 20, 25, .22);
}

.asr-branch-button-icon[b-civaywd8gm] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
}

.asr-branch-primary-button > span:nth-child(2)[b-civaywd8gm] {
    display: flex;
    flex-direction: column;
}

.asr-branch-primary-button small[b-civaywd8gm] {
    color: var(--asr-muted);
    font-size: .54rem;
}

.asr-branch-primary-button strong[b-civaywd8gm] {
    color: var(--asr-dark);
    font-size: .8rem;
}

.asr-branch-secondary-button[b-civaywd8gm] {
    padding: .8rem 1.2rem;
    border: 1px solid rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

    .asr-branch-primary-button:hover[b-civaywd8gm],
    .asr-branch-secondary-button:hover[b-civaywd8gm] {
        color: inherit;
        transform: translateY(-3px);
    }

.asr-branch-hero-points[b-civaywd8gm] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.6rem;
    color: rgba(255, 255, 255, .72);
    font-size: .69rem;
    font-weight: 700;
}

    .asr-branch-hero-points span[b-civaywd8gm] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

    .asr-branch-hero-points i[b-civaywd8gm] {
        color: #62e5d1;
    }

.asr-branch-network[b-civaywd8gm] {
    position: relative;
    min-height: 540px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 30px;
    background: radial-gradient(circle at 50% 50%, rgba(70, 226, 203, .12), transparent 36%), rgba(2, 35, 43, .5);
    box-shadow: 0 40px 100px rgba(0, 18, 23, .32);
    backdrop-filter: blur(14px);
}

.asr-network-grid[b-civaywd8gm] {
    position: absolute;
    inset: 0;
    opacity: .45;
    background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 36px 36px;
}

.asr-network-lines[b-civaywd8gm] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

    .asr-network-lines line[b-civaywd8gm] {
        stroke: url(#asrBranchLine);
        stroke-width: 2;
        stroke-dasharray: 8 8;
        animation: asrBranchFlow-b-civaywd8gm 7s linear infinite;
    }

@keyframes asrBranchFlow-b-civaywd8gm {
    to {
        stroke-dashoffset: -120;
    }
}

.asr-network-center[b-civaywd8gm] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 18px;
    background: rgba(255, 255, 255, .95);
    color: var(--asr-dark);
    box-shadow: 0 20px 55px rgba(0, 20, 25, .24);
    transform: translate(-50%, -50%);
}

.asr-network-center-logo[b-civaywd8gm] {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: linear-gradient(145deg, var(--asr-primary), var(--asr-secondary));
    color: #fff;
    font-size: 1.1rem;
    font-weight: 900;
}

.asr-network-center div[b-civaywd8gm] {
    display: flex;
    flex-direction: column;
}

.asr-network-center small[b-civaywd8gm] {
    color: var(--asr-muted);
    font-size: .53rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.asr-network-center strong[b-civaywd8gm] {
    margin-top: .2rem;
    font-size: .75rem;
}

.asr-network-center em[b-civaywd8gm] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin-top: .3rem;
    color: #27834d;
    font-size: .52rem;
    font-style: normal;
    font-weight: 800;
}

    .asr-network-center em i[b-civaywd8gm] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #35bf6b;
    }

.asr-network-node[b-civaywd8gm] {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 145px;
    padding: .7rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 14px;
    background: rgba(255, 255, 255, .92);
    color: var(--asr-dark);
    box-shadow: 0 15px 38px rgba(0, 20, 25, .18);
    backdrop-filter: blur(12px);
}

    .asr-network-node > span[b-civaywd8gm] {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        border-radius: 10px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-network-node div[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
    }

    .asr-network-node small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-network-node strong[b-civaywd8gm] {
        margin-top: .1rem;
        font-size: .66rem;
    }

    .asr-network-node em[b-civaywd8gm] {
        margin-top: .15rem;
        color: var(--asr-primary);
        font-size: .52rem;
        font-style: normal;
        font-weight: 800;
    }

.asr-network-node-one[b-civaywd8gm] {
    top: 10%;
    left: 6%;
}

.asr-network-node-two[b-civaywd8gm] {
    top: 10%;
    right: 5%;
}

.asr-network-node-three[b-civaywd8gm] {
    top: 49%;
    left: 2%;
}

.asr-network-node-four[b-civaywd8gm] {
    top: 49%;
    right: 2%;
}

.asr-network-node-five[b-civaywd8gm] {
    left: 12%;
    bottom: 8%;
}

.asr-network-node-six[b-civaywd8gm] {
    right: 10%;
    bottom: 8%;
}

.asr-network-live-card[b-civaywd8gm] {
    position: absolute;
    z-index: 5;
    top: 26%;
    left: 50%;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .65rem .8rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 13px;
    background: rgba(4, 46, 54, .82);
    color: #fff;
    transform: translateX(-50%);
}

    .asr-network-live-card > span[b-civaywd8gm] {
        color: #62e5d1;
    }

    .asr-network-live-card div[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
    }

    .asr-network-live-card small[b-civaywd8gm] {
        color: rgba(255, 255, 255, .6);
        font-size: .48rem;
    }

    .asr-network-live-card strong[b-civaywd8gm] {
        margin-top: .1rem;
        font-size: .58rem;
    }

.asr-branch-stats[b-civaywd8gm] {
    padding: 1.3rem 0;
    border-bottom: 1px solid var(--asr-border);
    background: #fff;
}

.asr-branch-stat-grid[b-civaywd8gm] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

    .asr-branch-stat-grid > div[b-civaywd8gm] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: .75rem 1rem;
        border-right: 1px solid var(--asr-border);
        text-align: center;
    }

        .asr-branch-stat-grid > div:last-child[b-civaywd8gm] {
            border-right: 0;
        }

        .asr-branch-stat-grid > div > span[b-civaywd8gm] {
            color: var(--asr-primary);
            font-size: 1.1rem;
        }

    .asr-branch-stat-grid strong[b-civaywd8gm] {
        margin-top: .3rem;
        color: var(--asr-dark);
        font-size: .85rem;
    }

    .asr-branch-stat-grid small[b-civaywd8gm] {
        margin-top: .15rem;
        color: var(--asr-muted);
        font-size: .58rem;
    }

.asr-branch-problems[b-civaywd8gm],
.asr-branch-features[b-civaywd8gm],
.asr-branch-transfer[b-civaywd8gm],
.asr-branch-reports[b-civaywd8gm],
.asr-branch-sectors[b-civaywd8gm] {
    padding: 6.5rem 0;
}

.asr-branch-section-heading[b-civaywd8gm] {
    max-width: 820px;
    margin: auto;
    text-align: center;
}

    .asr-branch-section-heading > span[b-civaywd8gm],
    .asr-branch-section-label[b-civaywd8gm] {
        color: var(--asr-primary);
        font-size: .72rem;
        font-weight: 900;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .asr-branch-section-heading h2[b-civaywd8gm],
    .asr-branch-command-content h2[b-civaywd8gm],
    .asr-branch-sync-content h2[b-civaywd8gm],
    .asr-access-content h2[b-civaywd8gm],
    .asr-branch-mobile-content h2[b-civaywd8gm],
    .asr-branch-faq-heading h2[b-civaywd8gm] {
        margin: .75rem 0 0;
        color: var(--asr-dark);
        font-size: clamp(2.2rem, 4.5vw, 3.4rem);
        line-height: 1.12;
        letter-spacing: -.05em;
    }

        .asr-branch-section-heading h2 strong[b-civaywd8gm],
        .asr-branch-command-content h2 strong[b-civaywd8gm],
        .asr-branch-sync-content h2 strong[b-civaywd8gm],
        .asr-access-content h2 strong[b-civaywd8gm],
        .asr-branch-mobile-content h2 strong[b-civaywd8gm],
        .asr-branch-faq-heading h2 strong[b-civaywd8gm] {
            color: var(--asr-primary);
        }

    .asr-branch-section-heading > p[b-civaywd8gm],
    .asr-branch-command-content > p[b-civaywd8gm],
    .asr-branch-sync-content > p[b-civaywd8gm],
    .asr-access-content > p[b-civaywd8gm],
    .asr-branch-mobile-content > p[b-civaywd8gm],
    .asr-branch-faq-heading > p[b-civaywd8gm] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        font-size: .95rem;
        line-height: 1.85;
    }

    .asr-branch-section-heading > p[b-civaywd8gm] {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

.asr-branch-problems[b-civaywd8gm] {
    background: #fff;
}

.asr-branch-problem-grid[b-civaywd8gm] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.15rem;
    margin-top: 3rem;
}

    .asr-branch-problem-grid article[b-civaywd8gm] {
        padding: 1.55rem;
        border: 1px solid #efdfdf;
        border-radius: 19px;
        background: radial-gradient(circle at 100% 0%, rgba(220, 80, 80, .055), transparent 28%), #fff;
        transition: .2s ease;
    }

        .asr-branch-problem-grid article:hover[b-civaywd8gm] {
            transform: translateY(-5px);
            box-shadow: 0 22px 50px rgba(80, 35, 35, .08);
        }

        .asr-branch-problem-grid article > span[b-civaywd8gm] {
            width: 48px;
            height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            background: #fff1f1;
            color: #d75d5d;
            font-size: 1.15rem;
        }

    .asr-branch-problem-grid h3[b-civaywd8gm] {
        margin: 1rem 0 0;
        color: var(--asr-dark);
        font-size: 1rem;
    }

    .asr-branch-problem-grid p[b-civaywd8gm] {
        margin: .65rem 0 0;
        color: var(--asr-muted);
        font-size: .74rem;
        line-height: 1.72;
    }

.asr-branch-command[b-civaywd8gm],
.asr-branch-sync[b-civaywd8gm],
.asr-branch-access[b-civaywd8gm],
.asr-branch-mobile[b-civaywd8gm],
.asr-branch-faq[b-civaywd8gm] {
    padding: 7rem 0;
}

.asr-branch-command[b-civaywd8gm] {
    background: var(--asr-soft);
}

.asr-branch-command-grid[b-civaywd8gm],
.asr-branch-sync-grid[b-civaywd8gm],
.asr-branch-access-grid[b-civaywd8gm],
.asr-branch-mobile-grid[b-civaywd8gm],
.asr-branch-faq-grid[b-civaywd8gm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 5rem;
}

.asr-branch-command-list[b-civaywd8gm],
.asr-branch-sync-list[b-civaywd8gm],
.asr-branch-mobile-list[b-civaywd8gm] {
    display: grid;
    gap: .8rem;
    margin-top: 1.6rem;
}

    .asr-branch-command-list > div[b-civaywd8gm],
    .asr-branch-sync-list > div[b-civaywd8gm],
    .asr-branch-mobile-list > div[b-civaywd8gm] {
        display: flex;
        align-items: flex-start;
        gap: .8rem;
        padding: .9rem;
        border: 1px solid var(--asr-border);
        border-radius: 14px;
        background: rgba(255, 255, 255, .82);
    }

        .asr-branch-command-list > div > span[b-civaywd8gm],
        .asr-branch-sync-list > div > i[b-civaywd8gm],
        .asr-branch-mobile-list > div > i[b-civaywd8gm] {
            width: 39px;
            height: 39px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 11px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-branch-command-list p[b-civaywd8gm],
    .asr-branch-sync-list span[b-civaywd8gm],
    .asr-branch-mobile-list span[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .asr-branch-command-list strong[b-civaywd8gm],
    .asr-branch-sync-list strong[b-civaywd8gm],
    .asr-branch-mobile-list strong[b-civaywd8gm] {
        color: var(--asr-dark);
        font-size: .74rem;
    }

    .asr-branch-command-list small[b-civaywd8gm],
    .asr-branch-sync-list small[b-civaywd8gm],
    .asr-branch-mobile-list small[b-civaywd8gm] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .63rem;
        line-height: 1.55;
    }

.asr-branch-text-link[b-civaywd8gm] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1.5rem;
    color: var(--asr-primary);
    text-decoration: none;
    font-size: .78rem;
    font-weight: 900;
}

.asr-branch-control-panel[b-civaywd8gm] {
    padding: 1.4rem;
    border: 1px solid var(--asr-border);
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 30px 80px rgba(16, 36, 47, .13);
}

.asr-control-header[b-civaywd8gm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-control-header > div[b-civaywd8gm] {
        display: flex;
        align-items: center;
        gap: .7rem;
    }

        .asr-control-header > div > span[b-civaywd8gm] {
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            background: var(--asr-primary);
            color: #fff;
            font-weight: 900;
        }

    .asr-control-header p[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .asr-control-header small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .56rem;
    }

    .asr-control-header strong[b-civaywd8gm] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .8rem;
    }

    .asr-control-header button[b-civaywd8gm] {
        width: 38px;
        height: 38px;
        border: 1px solid var(--asr-border);
        border-radius: 11px;
        background: #fff;
        color: var(--asr-primary);
    }

.asr-control-summary[b-civaywd8gm] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .7rem;
    margin-top: 1.15rem;
}

    .asr-control-summary > div[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
        padding: .9rem;
        border: 1px solid var(--asr-border-light);
        border-radius: 13px;
        background: #fafcfc;
    }

    .asr-control-summary small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .52rem;
    }

    .asr-control-summary strong[b-civaywd8gm] {
        margin-top: .3rem;
        color: var(--asr-dark);
        font-size: .83rem;
    }

    .asr-control-summary em[b-civaywd8gm] {
        margin-top: .2rem;
        color: var(--asr-primary);
        font-size: .5rem;
        font-style: normal;
    }

.asr-control-chart-card[b-civaywd8gm] {
    margin-top: .8rem;
    padding: 1rem;
    border: 1px solid var(--asr-border-light);
    border-radius: 14px;
    background: #fff;
}

.asr-control-card-title[b-civaywd8gm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-control-card-title div[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
    }

    .asr-control-card-title small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .52rem;
    }

    .asr-control-card-title strong[b-civaywd8gm] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .7rem;
    }

    .asr-control-card-title > span[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .52rem;
    }

.asr-control-chart[b-civaywd8gm] {
    height: 180px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: .65rem;
    margin-top: 1rem;
    border-bottom: 1px solid var(--asr-border);
}

    .asr-control-chart > div[b-civaywd8gm] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: column;
        gap: .4rem;
    }

    .asr-control-chart i[b-civaywd8gm] {
        width: 70%;
        display: block;
        border-radius: 6px 6px 0 0;
        background: linear-gradient(180deg, var(--asr-secondary), var(--asr-primary));
    }

    .asr-control-chart span[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

.asr-control-branches[b-civaywd8gm] {
    margin-top: .8rem;
}

.asr-control-branch-row[b-civaywd8gm] {
    display: grid;
    grid-template-columns: 30px 1fr auto 20px;
    align-items: center;
    gap: .55rem;
    padding: .65rem 0;
    border-bottom: 1px solid var(--asr-border-light);
}

    .asr-control-branch-row:last-child[b-civaywd8gm] {
        border-bottom: 0;
    }

.asr-control-rank[b-civaywd8gm] {
    width: 27px;
    height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: .58rem;
    font-weight: 900;
}

.asr-control-branch-row p[b-civaywd8gm] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

    .asr-control-branch-row p strong[b-civaywd8gm] {
        color: var(--asr-dark);
        font-size: .62rem;
    }

    .asr-control-branch-row p small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

.asr-control-branch-row em[b-civaywd8gm] {
    color: var(--asr-dark);
    font-size: .58rem;
    font-style: normal;
    font-weight: 800;
}

.asr-control-branch-row > i[b-civaywd8gm] {
    color: var(--asr-primary);
}

.asr-branch-features[b-civaywd8gm] {
    background: #fff;
}

.asr-branch-feature-grid[b-civaywd8gm] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.1rem;
    margin-top: 3rem;
}

    .asr-branch-feature-grid article[b-civaywd8gm] {
        padding: 1.5rem;
        border: 1px solid var(--asr-border);
        border-radius: 19px;
        background: radial-gradient(circle at 100% 0%, rgba(20, 184, 166, .055), transparent 27%), #fff;
        transition: .2s ease;
    }

        .asr-branch-feature-grid article:hover[b-civaywd8gm] {
            transform: translateY(-6px);
            border-color: rgba(8, 127, 114, .27);
            box-shadow: 0 24px 55px rgba(16, 36, 47, .09);
        }

.asr-branch-feature-icon[b-civaywd8gm] {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: 1.15rem;
}

.asr-branch-feature-grid h3[b-civaywd8gm] {
    margin: 1rem 0 0;
    color: var(--asr-dark);
    font-size: .95rem;
}

.asr-branch-feature-grid article > p[b-civaywd8gm] {
    margin: .6rem 0 0;
    color: var(--asr-muted);
    font-size: .71rem;
    line-height: 1.7;
}

.asr-branch-feature-grid ul[b-civaywd8gm] {
    display: grid;
    gap: .45rem;
    margin: .95rem 0 0;
    padding: 0;
    list-style: none;
}

.asr-branch-feature-grid li[b-civaywd8gm] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--asr-text);
    font-size: .64rem;
}

    .asr-branch-feature-grid li i[b-civaywd8gm] {
        color: var(--asr-primary);
    }

.asr-branch-sync[b-civaywd8gm] {
    background: var(--asr-soft);
}

.asr-branch-sync-visual[b-civaywd8gm] {
    display: flex;
    justify-content: center;
}

.asr-sync-flow[b-civaywd8gm] {
    width: min(520px, 100%);
}

.asr-sync-event[b-civaywd8gm],
.asr-sync-core[b-civaywd8gm],
.asr-sync-results > div[b-civaywd8gm] {
    border: 1px solid var(--asr-border);
    background: #fff;
    box-shadow: 0 16px 40px rgba(16, 36, 47, .07);
}

.asr-sync-event[b-civaywd8gm] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 1rem;
    border-radius: 16px;
}

    .asr-sync-event > span[b-civaywd8gm] {
        width: 43px;
        height: 43px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-sync-event div[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
    }

    .asr-sync-event small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .54rem;
    }

    .asr-sync-event strong[b-civaywd8gm] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .73rem;
    }

    .asr-sync-event em[b-civaywd8gm] {
        margin-top: .15rem;
        color: var(--asr-muted);
        font-size: .55rem;
        font-style: normal;
    }

.asr-sync-arrow[b-civaywd8gm] {
    display: flex;
    justify-content: center;
    padding: .55rem;
    color: var(--asr-primary);
}

.asr-sync-core[b-civaywd8gm] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem;
    border-radius: 17px;
    background: linear-gradient(145deg, var(--asr-primary-dark), var(--asr-primary));
    color: #fff;
}

    .asr-sync-core > span[b-civaywd8gm] {
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(255, 255, 255, .15);
        font-weight: 900;
    }

    .asr-sync-core div[b-civaywd8gm] {
        display: flex;
        flex: 1;
        flex-direction: column;
    }

    .asr-sync-core small[b-civaywd8gm] {
        color: rgba(255, 255, 255, .6);
        font-size: .52rem;
        font-weight: 900;
        letter-spacing: .08em;
    }

    .asr-sync-core strong[b-civaywd8gm] {
        margin-top: .15rem;
        font-size: .72rem;
    }

    .asr-sync-core > i[b-civaywd8gm] {
        animation: asrSyncRotate-b-civaywd8gm 1.5s linear infinite;
    }

@keyframes asrSyncRotate-b-civaywd8gm {
    to {
        transform: rotate(360deg);
    }
}

.asr-sync-results[b-civaywd8gm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .7rem;
}

    .asr-sync-results > div[b-civaywd8gm] {
        display: flex;
        align-items: flex-start;
        gap: .65rem;
        padding: .8rem;
        border-radius: 14px;
    }

        .asr-sync-results > div > span[b-civaywd8gm] {
            width: 35px;
            height: 35px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 10px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-sync-results p[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .asr-sync-results small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-sync-results strong[b-civaywd8gm] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .58rem;
    }

.asr-branch-transfer[b-civaywd8gm] {
    background: #fff;
}

.asr-transfer-board[b-civaywd8gm] {
    display: grid;
    grid-template-columns: .8fr 1.45fr .8fr;
    align-items: center;
    gap: 1rem;
    margin-top: 3rem;
    padding: 1.5rem;
    border: 1px solid var(--asr-border);
    border-radius: 25px;
    background: var(--asr-soft);
    box-shadow: 0 22px 55px rgba(16, 36, 47, .07);
}

.asr-transfer-location[b-civaywd8gm],
.asr-transfer-process[b-civaywd8gm] {
    border: 1px solid var(--asr-border);
    border-radius: 18px;
    background: #fff;
}

.asr-transfer-location[b-civaywd8gm] {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1.3rem;
    text-align: center;
}

.asr-transfer-location-icon[b-civaywd8gm] {
    width: 53px;
    height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: 1.2rem;
}

.asr-transfer-location > small[b-civaywd8gm] {
    margin-top: .8rem;
    color: var(--asr-muted);
    font-size: .56rem;
}

.asr-transfer-location > strong[b-civaywd8gm] {
    margin-top: .25rem;
    color: var(--asr-dark);
    font-size: .8rem;
}

.asr-transfer-location > div[b-civaywd8gm] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    padding-top: .8rem;
    border-top: 1px solid var(--asr-border-light);
}

    .asr-transfer-location > div span[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .55rem;
    }

    .asr-transfer-location > div em[b-civaywd8gm] {
        color: var(--asr-dark);
        font-size: .58rem;
        font-style: normal;
        font-weight: 800;
    }

.asr-transfer-process[b-civaywd8gm] {
    padding: 1.2rem;
}

.asr-transfer-product[b-civaywd8gm] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.asr-transfer-product-icon[b-civaywd8gm] {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
}

.asr-transfer-product div[b-civaywd8gm] {
    display: flex;
    flex-direction: column;
}

.asr-transfer-product small[b-civaywd8gm] {
    color: var(--asr-muted);
    font-size: .5rem;
}

.asr-transfer-product strong[b-civaywd8gm] {
    margin-top: .15rem;
    color: var(--asr-dark);
    font-size: .72rem;
}

.asr-transfer-product em[b-civaywd8gm] {
    margin-top: .15rem;
    color: var(--asr-muted);
    font-size: .55rem;
    font-style: normal;
}

.asr-transfer-timeline[b-civaywd8gm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.3rem;
}

    .asr-transfer-timeline > span[b-civaywd8gm] {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: .3rem;
        color: var(--asr-muted);
        font-size: .5rem;
        font-weight: 800;
    }

        .asr-transfer-timeline > span > i[b-civaywd8gm] {
            width: 29px;
            height: 29px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--asr-border);
            border-radius: 50%;
            background: #fff;
        }

        .asr-transfer-timeline > span.done[b-civaywd8gm],
        .asr-transfer-timeline > span.active[b-civaywd8gm] {
            color: var(--asr-primary);
        }

            .asr-transfer-timeline > span.done > i[b-civaywd8gm] {
                border-color: var(--asr-primary);
                background: var(--asr-primary);
                color: #fff;
            }

            .asr-transfer-timeline > span.active > i[b-civaywd8gm] {
                border-color: var(--asr-primary);
                background: var(--asr-primary-soft);
            }

    .asr-transfer-timeline > i[b-civaywd8gm] {
        height: 2px;
        flex: 1;
        margin: 0 .3rem;
        background: var(--asr-border);
    }

.asr-transfer-status[b-civaywd8gm] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-top: 1.2rem;
    padding: .8rem;
    border-radius: 12px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
}

    .asr-transfer-status > span[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
    }

    .asr-transfer-status small[b-civaywd8gm] {
        font-size: .48rem;
    }

    .asr-transfer-status strong[b-civaywd8gm] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .58rem;
    }

.asr-branch-access[b-civaywd8gm] {
    background: var(--asr-soft);
}

.asr-access-content ul[b-civaywd8gm] {
    display: grid;
    gap: .65rem;
    margin: 1.5rem 0 0;
    padding: 0;
    list-style: none;
}

.asr-access-content li[b-civaywd8gm] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--asr-text);
    font-size: .72rem;
}

    .asr-access-content li i[b-civaywd8gm] {
        color: var(--asr-primary);
    }

.asr-access-tree[b-civaywd8gm] {
    padding: 1.4rem;
    border: 1px solid var(--asr-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(16, 36, 47, .1);
}

.asr-access-node[b-civaywd8gm] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .8rem;
    border: 1px solid var(--asr-border);
    border-radius: 13px;
    background: #fff;
}

.asr-access-node-root[b-civaywd8gm] {
    max-width: 300px;
    margin: auto;
    border-color: rgba(8, 127, 114, .24);
    background: var(--asr-primary-soft);
}

.asr-access-node > span[b-civaywd8gm] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 11px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
}

.asr-access-node-root > span[b-civaywd8gm] {
    background: var(--asr-primary);
    color: #fff;
}

.asr-access-node > div[b-civaywd8gm] {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.asr-access-node small[b-civaywd8gm] {
    color: var(--asr-muted);
    font-size: .48rem;
}

.asr-access-node strong[b-civaywd8gm] {
    margin-top: .15rem;
    color: var(--asr-dark);
    font-size: .61rem;
}

.asr-access-node em[b-civaywd8gm] {
    color: var(--asr-primary);
    font-size: .52rem;
    font-style: normal;
    font-weight: 800;
}

.asr-access-tree-line[b-civaywd8gm] {
    width: 2px;
    height: 30px;
    margin: auto;
    background: var(--asr-border);
}

.asr-access-level[b-civaywd8gm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .7rem;
}

.asr-access-level-bottom[b-civaywd8gm] {
    grid-template-columns: repeat(3, 1fr);
}

.asr-branch-reports[b-civaywd8gm] {
    background: #fff;
}

.asr-report-dashboard[b-civaywd8gm] {
    margin-top: 3rem;
    padding: 1.4rem;
    border: 1px solid var(--asr-border);
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 26px 65px rgba(16, 36, 47, .09);
}

.asr-report-dashboard-header[b-civaywd8gm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-report-dashboard-header > div:first-child[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
    }

    .asr-report-dashboard-header small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .54rem;
    }

    .asr-report-dashboard-header strong[b-civaywd8gm] {
        margin-top: .2rem;
        color: var(--asr-dark);
        font-size: .8rem;
    }

.asr-report-filter[b-civaywd8gm] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .55rem .7rem;
    border: 1px solid var(--asr-border);
    border-radius: 10px;
    color: var(--asr-text);
    font-size: .56rem;
    font-weight: 800;
}

.asr-report-cards[b-civaywd8gm] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .75rem;
    margin-top: 1rem;
}

    .asr-report-cards > div[b-civaywd8gm] {
        display: flex;
        align-items: center;
        gap: .65rem;
        padding: .85rem;
        border: 1px solid var(--asr-border-light);
        border-radius: 13px;
        background: #fafcfc;
    }

        .asr-report-cards > div > span[b-civaywd8gm] {
            width: 37px;
            height: 37px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 11px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-report-cards p[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .asr-report-cards small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-report-cards strong[b-civaywd8gm] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .67rem;
    }

    .asr-report-cards em[b-civaywd8gm] {
        margin-top: .15rem;
        color: var(--asr-primary);
        font-size: .48rem;
        font-style: normal;
    }

.asr-report-body[b-civaywd8gm] {
    display: grid;
    grid-template-columns: 1.5fr .7fr;
    gap: .8rem;
    margin-top: .8rem;
}

.asr-report-chart[b-civaywd8gm],
.asr-report-ranking[b-civaywd8gm] {
    padding: 1rem;
    border: 1px solid var(--asr-border-light);
    border-radius: 14px;
    background: #fff;
}

.asr-report-chart-title[b-civaywd8gm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-report-chart-title > div:first-child[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
    }

    .asr-report-chart-title small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-report-chart-title strong[b-civaywd8gm] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .67rem;
    }

    .asr-report-chart-title > div:last-child[b-civaywd8gm] {
        display: flex;
        gap: .7rem;
    }

        .asr-report-chart-title > div:last-child span[b-civaywd8gm] {
            display: flex;
            align-items: center;
            gap: .3rem;
            color: var(--asr-muted);
            font-size: .48rem;
        }

        .asr-report-chart-title > div:last-child i[b-civaywd8gm] {
            width: 9px;
            height: 9px;
            border-radius: 3px;
        }

.asr-legend-one[b-civaywd8gm] {
    background: var(--asr-primary);
}

.asr-legend-two[b-civaywd8gm] {
    background: #cbd9dd;
}

.asr-report-bar-grid[b-civaywd8gm] {
    height: 260px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: .65rem;
    margin-top: 1rem;
    border-bottom: 1px solid var(--asr-border);
}

    .asr-report-bar-grid > div[b-civaywd8gm] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: column;
        gap: .4rem;
    }

.asr-report-bars[b-civaywd8gm] {
    height: 90%;
    display: flex;
    align-items: flex-end;
    gap: .2rem;
}

    .asr-report-bars i[b-civaywd8gm] {
        width: 18px;
        border-radius: 5px 5px 0 0;
    }

        .asr-report-bars i:first-child[b-civaywd8gm] {
            background: linear-gradient(180deg, var(--asr-secondary), var(--asr-primary));
        }

        .asr-report-bars i:last-child[b-civaywd8gm] {
            background: #dbe5e8;
        }

.asr-report-bar-grid > div > span[b-civaywd8gm] {
    color: var(--asr-muted);
    font-size: .48rem;
}

.asr-report-ranking > strong[b-civaywd8gm] {
    color: var(--asr-dark);
    font-size: .67rem;
}

.asr-report-ranking > div[b-civaywd8gm] {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    align-items: center;
    gap: .5rem;
    margin-top: .8rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--asr-border-light);
}

    .asr-report-ranking > div:last-child[b-civaywd8gm] {
        border-bottom: 0;
    }

    .asr-report-ranking > div > span[b-civaywd8gm] {
        width: 26px;
        height: 26px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .52rem;
        font-weight: 900;
    }

.asr-report-ranking p[b-civaywd8gm] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

    .asr-report-ranking p strong[b-civaywd8gm] {
        color: var(--asr-dark);
        font-size: .56rem;
    }

    .asr-report-ranking p small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .46rem;
    }

.asr-report-ranking em[b-civaywd8gm] {
    color: var(--asr-dark);
    font-size: .54rem;
    font-style: normal;
    font-weight: 800;
}

.asr-report-tags[b-civaywd8gm] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.3rem;
}

    .asr-report-tags span[b-civaywd8gm] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        padding: .55rem .7rem;
        border: 1px solid var(--asr-border);
        border-radius: 999px;
        background: #fff;
        color: var(--asr-text);
        font-size: .62rem;
        font-weight: 700;
    }

    .asr-report-tags i[b-civaywd8gm] {
        color: var(--asr-primary);
    }

.asr-branch-mobile[b-civaywd8gm] {
    background: var(--asr-soft);
}

.asr-branch-mobile-devices[b-civaywd8gm] {
    position: relative;
    min-height: 570px;
}

.asr-branch-phone[b-civaywd8gm] {
    position: absolute;
    top: 0;
    left: 18%;
    width: 250px;
    min-height: 505px;
    padding: 1rem;
    border: 9px solid #10262e;
    border-radius: 37px;
    background: #f5f9fa;
    box-shadow: 0 35px 75px rgba(16, 36, 47, .2);
}

.asr-branch-phone-notch[b-civaywd8gm] {
    width: 84px;
    height: 19px;
    margin: -.35rem auto .9rem;
    border-radius: 0 0 12px 12px;
    background: #10262e;
}

.asr-branch-phone-header[b-civaywd8gm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-branch-phone-header span[b-civaywd8gm] {
        width: 31px;
        height: 31px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 9px;
        background: var(--asr-primary);
        color: #fff;
        font-size: .68rem;
        font-weight: 900;
    }

.asr-branch-phone > small[b-civaywd8gm] {
    display: block;
    margin-top: 1rem;
    color: var(--asr-muted);
    font-size: .5rem;
}

.asr-branch-phone-select[b-civaywd8gm] {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    align-items: center;
    gap: .5rem;
    margin-top: .5rem;
    padding: .75rem;
    border: 1px solid var(--asr-border);
    border-radius: 13px;
    background: #fff;
}

    .asr-branch-phone-select > i:first-child[b-civaywd8gm] {
        color: var(--asr-primary);
    }

    .asr-branch-phone-select span[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
    }

    .asr-branch-phone-select small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .44rem;
    }

    .asr-branch-phone-select strong[b-civaywd8gm] {
        margin-top: .1rem;
        color: var(--asr-dark);
        font-size: .56rem;
    }

.asr-branch-phone-sales[b-civaywd8gm] {
    margin-top: .9rem;
    padding: 1rem;
    border-radius: 16px;
    background: linear-gradient(145deg, var(--asr-primary-dark), var(--asr-primary));
    color: #fff;
}

    .asr-branch-phone-sales small[b-civaywd8gm] {
        color: rgba(255, 255, 255, .65);
        font-size: .5rem;
    }

    .asr-branch-phone-sales strong[b-civaywd8gm] {
        display: block;
        margin-top: .3rem;
        font-size: 1.25rem;
    }

    .asr-branch-phone-sales span[b-civaywd8gm] {
        display: inline-flex;
        align-items: center;
        gap: .25rem;
        margin-top: .4rem;
        color: #79efdd;
        font-size: .5rem;
    }

.asr-branch-phone-menu[b-civaywd8gm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .65rem;
    margin-top: .9rem;
}

    .asr-branch-phone-menu > div[b-civaywd8gm] {
        min-height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: .4rem;
        border: 1px solid var(--asr-border);
        border-radius: 14px;
        background: #fff;
        color: var(--asr-dark);
        font-size: .54rem;
        font-weight: 800;
    }

    .asr-branch-phone-menu i[b-civaywd8gm] {
        color: var(--asr-primary);
        font-size: 1rem;
    }

.asr-branch-mobile-floating[b-civaywd8gm] {
    position: absolute;
    right: 5%;
    bottom: 13%;
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .9rem;
    border: 1px solid var(--asr-border);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 22px 50px rgba(16, 36, 47, .14);
}

    .asr-branch-mobile-floating > span[b-civaywd8gm] {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 11px;
        background: #fff3df;
        color: #b87100;
    }

    .asr-branch-mobile-floating div[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
    }

    .asr-branch-mobile-floating small[b-civaywd8gm] {
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-branch-mobile-floating strong[b-civaywd8gm] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .62rem;
    }

.asr-branch-sectors[b-civaywd8gm] {
    background: #fff;
}

.asr-branch-sector-grid[b-civaywd8gm] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-branch-sector-grid article[b-civaywd8gm] {
        padding: 1.4rem;
        border: 1px solid var(--asr-border);
        border-radius: 18px;
        background: #fff;
        transition: .2s ease;
    }

        .asr-branch-sector-grid article:hover[b-civaywd8gm] {
            transform: translateY(-5px);
            box-shadow: 0 22px 50px rgba(16, 36, 47, .09);
        }

        .asr-branch-sector-grid article > span[b-civaywd8gm] {
            width: 47px;
            height: 47px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: 1.15rem;
        }

    .asr-branch-sector-grid h3[b-civaywd8gm] {
        margin: 1rem 0 0;
        color: var(--asr-dark);
        font-size: .92rem;
    }

    .asr-branch-sector-grid p[b-civaywd8gm] {
        margin: .6rem 0 0;
        color: var(--asr-muted);
        font-size: .69rem;
        line-height: 1.7;
    }

.asr-branch-faq[b-civaywd8gm] {
    background: var(--asr-soft);
}

.asr-branch-faq-grid[b-civaywd8gm] {
    align-items: start;
}

.asr-branch-faq-list[b-civaywd8gm] {
    display: grid;
    gap: .75rem;
}

    .asr-branch-faq-list details[b-civaywd8gm] {
        overflow: hidden;
        border: 1px solid var(--asr-border);
        border-radius: 15px;
        background: #fff;
    }

    .asr-branch-faq-list summary[b-civaywd8gm] {
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.2rem;
        color: var(--asr-dark);
        font-size: .75rem;
        font-weight: 900;
        cursor: pointer;
        list-style: none;
    }

        .asr-branch-faq-list summary[b-civaywd8gm]::-webkit-details-marker {
            display: none;
        }

        .asr-branch-faq-list summary i[b-civaywd8gm] {
            color: var(--asr-primary);
        }

    .asr-branch-faq-list details[open] summary i[b-civaywd8gm] {
        transform: rotate(45deg);
    }

    .asr-branch-faq-list details p[b-civaywd8gm] {
        margin: 0;
        padding: 0 1.2rem 1.2rem;
        color: var(--asr-muted);
        font-size: .71rem;
        line-height: 1.75;
    }

.asr-branch-final[b-civaywd8gm] {
    padding: 6.5rem 0;
    background: #fff;
}

.asr-branch-final-box[b-civaywd8gm] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 3rem;
    overflow: hidden;
    padding: 3.5rem;
    border-radius: 28px;
    background: radial-gradient(circle at 85% 10%, rgba(255, 255, 255, .15), transparent 30%), linear-gradient(135deg, #062b35, #0d8d7f);
    color: #fff;
    box-shadow: 0 32px 75px rgba(8, 127, 114, .23);
}

.asr-branch-final-content > span[b-civaywd8gm] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: rgba(255, 255, 255, .72);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.asr-branch-final-content h2[b-civaywd8gm] {
    margin: .8rem 0 0;
    font-size: clamp(2.1rem, 4vw, 3.3rem);
    line-height: 1.12;
    letter-spacing: -.05em;
}

    .asr-branch-final-content h2 strong[b-civaywd8gm] {
        color: #62e5d1;
    }

.asr-branch-final-content p[b-civaywd8gm] {
    max-width: 650px;
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, .72);
    line-height: 1.8;
}

.asr-branch-final-actions[b-civaywd8gm] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.6rem;
}

    .asr-branch-final-actions a[b-civaywd8gm] {
        min-height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: .7rem 1rem;
        border-radius: 13px;
        text-decoration: none;
        font-size: .74rem;
        font-weight: 900;
    }

        .asr-branch-final-actions a:first-child[b-civaywd8gm] {
            background: #fff;
            color: var(--asr-primary-dark);
        }

        .asr-branch-final-actions a:last-child[b-civaywd8gm] {
            border: 1px solid rgba(255, 255, 255, .25);
            color: #fff;
        }

.asr-branch-final-cards[b-civaywd8gm] {
    display: grid;
    gap: .75rem;
}

    .asr-branch-final-cards > div[b-civaywd8gm] {
        display: flex;
        flex-direction: column;
        padding: 1.2rem;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 16px;
        background: rgba(255, 255, 255, .08);
    }

    .asr-branch-final-cards strong[b-civaywd8gm] {
        font-size: 1.25rem;
    }

    .asr-branch-final-cards span[b-civaywd8gm] {
        margin-top: .25rem;
        color: rgba(255, 255, 255, .67);
        font-size: .64rem;
    }

@media (max-width: 1150px) {

    .asr-branch-hero-grid[b-civaywd8gm],
    .asr-branch-command-grid[b-civaywd8gm],
    .asr-branch-sync-grid[b-civaywd8gm],
    .asr-branch-access-grid[b-civaywd8gm],
    .asr-branch-mobile-grid[b-civaywd8gm],
    .asr-branch-faq-grid[b-civaywd8gm] {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .asr-branch-hero-content[b-civaywd8gm] {
        text-align: center;
    }

    .asr-branch-actions[b-civaywd8gm],
    .asr-branch-hero-points[b-civaywd8gm] {
        justify-content: center;
    }

    .asr-branch-network[b-civaywd8gm] {
        width: min(760px, 100%);
        margin: auto;
    }

    .asr-branch-feature-grid[b-civaywd8gm],
    .asr-branch-sector-grid[b-civaywd8gm] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-branch-mobile-devices[b-civaywd8gm] {
        width: min(650px, 100%);
        margin: auto;
    }

    .asr-branch-mobile-content[b-civaywd8gm],
    .asr-branch-faq-heading[b-civaywd8gm] {
        text-align: center;
    }

    .asr-branch-text-link[b-civaywd8gm] {
        justify-content: center;
    }
}

@media (max-width: 850px) {

    .asr-branch-stat-grid[b-civaywd8gm] {
        grid-template-columns: repeat(2, 1fr);
    }

        .asr-branch-stat-grid > div[b-civaywd8gm] {
            border-right: 0;
            border-bottom: 1px solid var(--asr-border);
        }

    .asr-branch-problem-grid[b-civaywd8gm] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-transfer-board[b-civaywd8gm] {
        grid-template-columns: 1fr;
    }

    .asr-report-cards[b-civaywd8gm] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-report-body[b-civaywd8gm] {
        grid-template-columns: 1fr;
    }

    .asr-branch-final-box[b-civaywd8gm] {
        grid-template-columns: 1fr;
        padding: 2.4rem;
    }

    .asr-branch-final-cards[b-civaywd8gm] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 650px) {

    .asr-branch-hero[b-civaywd8gm] {
        padding: 5rem 0;
    }

        .asr-branch-hero h1[b-civaywd8gm] {
            font-size: 2.7rem;
        }

    .asr-branch-actions[b-civaywd8gm] {
        display: grid;
    }

    .asr-branch-primary-button[b-civaywd8gm],
    .asr-branch-secondary-button[b-civaywd8gm] {
        width: 100%;
        justify-content: center;
    }

    .asr-branch-hero-points[b-civaywd8gm] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: left;
    }

    .asr-branch-network[b-civaywd8gm] {
        min-height: 630px;
    }

    .asr-network-center[b-civaywd8gm] {
        top: 50%;
    }

    .asr-network-node[b-civaywd8gm] {
        min-width: 125px;
    }

    .asr-network-node-one[b-civaywd8gm] {
        top: 5%;
        left: 3%;
    }

    .asr-network-node-two[b-civaywd8gm] {
        top: 5%;
        right: 3%;
    }

    .asr-network-node-three[b-civaywd8gm] {
        top: 34%;
        left: 2%;
    }

    .asr-network-node-four[b-civaywd8gm] {
        top: 34%;
        right: 2%;
    }

    .asr-network-node-five[b-civaywd8gm] {
        left: 4%;
        bottom: 6%;
    }

    .asr-network-node-six[b-civaywd8gm] {
        right: 4%;
        bottom: 6%;
    }

    .asr-network-live-card[b-civaywd8gm] {
        top: 21%;
    }

    .asr-branch-problems[b-civaywd8gm],
    .asr-branch-features[b-civaywd8gm],
    .asr-branch-transfer[b-civaywd8gm],
    .asr-branch-reports[b-civaywd8gm],
    .asr-branch-sectors[b-civaywd8gm],
    .asr-branch-command[b-civaywd8gm],
    .asr-branch-sync[b-civaywd8gm],
    .asr-branch-access[b-civaywd8gm],
    .asr-branch-mobile[b-civaywd8gm],
    .asr-branch-faq[b-civaywd8gm] {
        padding: 4.5rem 0;
    }

    .asr-branch-problem-grid[b-civaywd8gm],
    .asr-branch-feature-grid[b-civaywd8gm],
    .asr-branch-sector-grid[b-civaywd8gm] {
        grid-template-columns: 1fr;
    }

    .asr-control-summary[b-civaywd8gm],
    .asr-report-cards[b-civaywd8gm] {
        grid-template-columns: 1fr;
    }

    .asr-sync-results[b-civaywd8gm] {
        grid-template-columns: 1fr;
    }

    .asr-access-level[b-civaywd8gm],
    .asr-access-level-bottom[b-civaywd8gm] {
        grid-template-columns: 1fr;
    }

    .asr-report-chart-title[b-civaywd8gm] {
        align-items: flex-start;
        flex-direction: column;
        gap: .7rem;
    }

    .asr-report-bar-grid[b-civaywd8gm] {
        overflow-x: auto;
    }

    .asr-branch-phone[b-civaywd8gm] {
        left: 0;
    }

    .asr-branch-mobile-floating[b-civaywd8gm] {
        right: 0;
    }

    .asr-branch-final-cards[b-civaywd8gm] {
        grid-template-columns: 1fr;
    }

    .asr-branch-final-actions[b-civaywd8gm] {
        display: grid;
    }
}
/* /Components/Pages/DemoTalebi.razor.rz.scp.css */
.demo-page[b-0v2dt1lmtw] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    padding: 7rem 0;
    background: radial-gradient(circle at 80% 15%, rgba(38, 190, 170, .18), transparent 28%), linear-gradient(135deg, #062b35, #087f72);
    color: #fff;
}

.demo-page-grid[b-0v2dt1lmtw] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    align-items: center;
    gap: 5rem;
}

.demo-page-badge[b-0v2dt1lmtw] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem .9rem;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    font-size: .75rem;
    font-weight: 800;
}

.demo-page-info h1[b-0v2dt1lmtw] {
    margin: 1.4rem 0 0;
    font-size: clamp(3rem, 6vw, 5rem);
    line-height: 1;
    letter-spacing: -.065em;
}

    .demo-page-info h1 strong[b-0v2dt1lmtw] {
        display: block;
        color: #62e5d1;
    }

.demo-page-info > p[b-0v2dt1lmtw] {
    margin: 1.5rem 0 0;
    color: rgba(255, 255, 255, .74);
    line-height: 1.85;
}

.demo-page-benefits[b-0v2dt1lmtw] {
    display: grid;
    gap: .8rem;
    margin-top: 2rem;
}

    .demo-page-benefits > div[b-0v2dt1lmtw] {
        display: flex;
        align-items: center;
        gap: .8rem;
        padding: .9rem;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 15px;
        background: rgba(255, 255, 255, .07);
    }

        .demo-page-benefits > div > span[b-0v2dt1lmtw] {
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 12px;
            background: rgba(98, 229, 209, .15);
            color: #62e5d1;
        }

    .demo-page-benefits p[b-0v2dt1lmtw] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .demo-page-benefits strong[b-0v2dt1lmtw] {
        font-size: .78rem;
    }

    .demo-page-benefits small[b-0v2dt1lmtw] {
        margin-top: .2rem;
        color: rgba(255, 255, 255, .63);
        line-height: 1.5;
    }

.demo-page-trust[b-0v2dt1lmtw] {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1.4rem;
    color: rgba(255, 255, 255, .65);
    font-size: .65rem;
}

    .demo-page-trust span[b-0v2dt1lmtw] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

    .demo-page-trust i[b-0v2dt1lmtw] {
        color: #62e5d1;
    }

.demo-form-card[b-0v2dt1lmtw] {
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 26px;
    background: rgba(255, 255, 255, .97);
    color: #172e36;
    box-shadow: 0 40px 100px rgba(0, 20, 25, .28);
}

.demo-form-heading > span[b-0v2dt1lmtw] {
    color: #087f72;
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.demo-form-heading h2[b-0v2dt1lmtw] {
    margin: .45rem 0 0;
    font-size: 1.65rem;
}

.demo-form-heading p[b-0v2dt1lmtw] {
    margin: .4rem 0 0;
    color: #73858c;
    font-size: .72rem;
}

.demo-form-grid[b-0v2dt1lmtw] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 1.5rem;
}

.demo-field[b-0v2dt1lmtw] {
    display: flex;
    flex-direction: column;
}

.demo-field-full[b-0v2dt1lmtw] {
    grid-column: 1 / -1;
}

.demo-field label[b-0v2dt1lmtw] {
    margin-bottom: .38rem;
    font-size: .69rem;
    font-weight: 800;
}

    .demo-field label b[b-0v2dt1lmtw] {
        color: #df4c4c;
    }

.demo-field input:not([type="checkbox"])[b-0v2dt1lmtw],
.demo-field select[b-0v2dt1lmtw],
.demo-field textarea[b-0v2dt1lmtw] {
    width: 100%;
    min-height: 47px;
    padding: .7rem .8rem;
    border: 1px solid #dce7e9;
    border-radius: 11px;
    outline: 0;
    background: #fff;
    color: #172e36;
    font-size: .75rem;
}

.demo-field textarea[b-0v2dt1lmtw] {
    resize: vertical;
}

    .demo-field input:focus[b-0v2dt1lmtw],
    .demo-field select:focus[b-0v2dt1lmtw],
    .demo-field textarea:focus[b-0v2dt1lmtw] {
        border-color: #087f72;
        box-shadow: 0 0 0 3px rgba(8, 127, 114, .1);
    }

.demo-module-grid[b-0v2dt1lmtw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .55rem;
}

.demo-module-option[b-0v2dt1lmtw] {
    margin: 0 !important;
    cursor: pointer;
}

    .demo-module-option input[b-0v2dt1lmtw] {
        position: absolute;
        opacity: 0;
    }

    .demo-module-option span[b-0v2dt1lmtw] {
        min-height: 48px;
        display: flex;
        align-items: center;
        gap: .45rem;
        padding: .65rem;
        border: 1px solid #dce7e9;
        border-radius: 10px;
        font-size: .61rem;
        transition: .2s;
    }

    .demo-module-option input:checked + span[b-0v2dt1lmtw] {
        border-color: #087f72;
        background: #eaf8f5;
        color: #087f72;
    }

.demo-kvkk[b-0v2dt1lmtw] {
    display: flex !important;
    align-items: flex-start;
    gap: .55rem;
    margin: 0 !important;
    color: #64777e;
    font-weight: 500 !important;
    line-height: 1.6;
}

    .demo-kvkk input[b-0v2dt1lmtw] {
        margin-top: .18rem;
    }

.demo-submit[b-0v2dt1lmtw] {
    width: 100%;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    margin-top: 1.4rem;
    border: 0;
    border-radius: 13px;
    background: linear-gradient(135deg, #087f72, #11a994);
    color: #fff;
    font-size: .77rem;
    font-weight: 900;
}

    .demo-submit:disabled[b-0v2dt1lmtw] {
        opacity: .7;
    }

.validation-message[b-0v2dt1lmtw] {
    margin-top: .3rem;
    color: #ca4444;
    font-size: .58rem;
}

.demo-validation-summary[b-0v2dt1lmtw],
.demo-error[b-0v2dt1lmtw] {
    margin-top: 1rem;
    padding: .8rem;
    border-radius: 10px;
    background: #fff0f0;
    color: #b43e3e;
    font-size: .66rem;
}

.demo-success[b-0v2dt1lmtw] {
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

    .demo-success > span[b-0v2dt1lmtw] {
        width: 78px;
        height: 78px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #e9faf5;
        color: #087f72;
        font-size: 2rem;
    }

    .demo-success h2[b-0v2dt1lmtw] {
        margin-top: 1.3rem;
    }

    .demo-success p[b-0v2dt1lmtw] {
        max-width: 420px;
        color: #6b7e85;
    }

    .demo-success button[b-0v2dt1lmtw] {
        min-height: 44px;
        margin-top: 1rem;
        padding: .6rem 1rem;
        border: 0;
        border-radius: 10px;
        background: #087f72;
        color: #fff;
        font-weight: 800;
    }

@media (max-width: 1050px) {
    .demo-page-grid[b-0v2dt1lmtw] {
        grid-template-columns: 1fr;
    }

    .demo-page-info[b-0v2dt1lmtw] {
        text-align: center;
    }

    .demo-page-trust[b-0v2dt1lmtw] {
        justify-content: center;
    }
}

@media (max-width: 650px) {
    .demo-page[b-0v2dt1lmtw] {
        padding: 5rem 0;
    }

    .demo-page-info h1[b-0v2dt1lmtw] {
        font-size: 2.8rem;
    }

    .demo-form-card[b-0v2dt1lmtw] {
        padding: 1.2rem;
    }

    .demo-form-grid[b-0v2dt1lmtw],
    .demo-module-grid[b-0v2dt1lmtw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Entegrasyonlar.razor.rz.scp.css */
.asr-integrations-hero[b-050y39mj63] {
    position: relative;
    overflow: hidden;
    padding: 7rem 0 7.5rem;
    background: radial-gradient(circle at 82% 12%, rgba(72, 225, 203, .20), transparent 28%), radial-gradient(circle at 7% 78%, rgba(255, 183, 73, .09), transparent 22%), linear-gradient(135deg, #062b35 0%, #075d5b 55%, #0d8d7f 100%);
    color: #fff;
}

    .asr-integrations-hero[b-050y39mj63]::before {
        position: absolute;
        top: -260px;
        right: -180px;
        width: 680px;
        height: 680px;
        content: "";
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 50%;
        box-shadow: 0 0 0 80px rgba(255, 255, 255, .02), 0 0 0 160px rgba(255, 255, 255, .014);
    }

.asr-integrations-orb[b-050y39mj63] {
    position: absolute;
    border-radius: 50%;
}

.asr-integrations-orb-one[b-050y39mj63] {
    top: 15%;
    left: 5%;
    width: 90px;
    height: 90px;
    background: rgba(255, 183, 73, .10);
}

.asr-integrations-orb-two[b-050y39mj63] {
    right: 8%;
    bottom: 8%;
    width: 150px;
    height: 150px;
    background: rgba(72, 225, 203, .10);
}

.asr-integrations-hero-grid[b-050y39mj63] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr);
    align-items: center;
    gap: 5rem;
}

.asr-integrations-eyebrow[b-050y39mj63] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .9rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: .76rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.asr-integrations-hero h1[b-050y39mj63] {
    margin: 1.5rem 0 0;
    font-size: clamp(3rem, 6vw, 5.25rem);
    line-height: 1;
    letter-spacing: -.07em;
}

    .asr-integrations-hero h1 span[b-050y39mj63] {
        display: block;
        color: #62e5d1;
    }

.asr-integrations-hero-content > p[b-050y39mj63] {
    max-width: 720px;
    margin: 1.55rem 0 0;
    color: rgba(255, 255, 255, .75);
    font-size: 1.05rem;
    line-height: 1.85;
}

.asr-integrations-hero-actions[b-050y39mj63] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .85rem;
    margin-top: 2rem;
}

.asr-integrations-primary-button[b-050y39mj63],
.asr-integrations-secondary-button[b-050y39mj63] {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    border-radius: 15px;
    text-decoration: none;
    font-size: .8rem;
    font-weight: 900;
    transition: .2s ease;
}

.asr-integrations-primary-button[b-050y39mj63] {
    padding: .55rem .7rem;
    background: #fff;
    color: var(--asr-dark);
    box-shadow: 0 18px 45px rgba(0, 20, 25, .22);
}

    .asr-integrations-primary-button > span[b-050y39mj63] {
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-integrations-primary-button > div[b-050y39mj63] {
        display: flex;
        flex-direction: column;
    }

    .asr-integrations-primary-button small[b-050y39mj63] {
        color: var(--asr-muted);
        font-size: .54rem;
    }

    .asr-integrations-primary-button strong[b-050y39mj63] {
        color: var(--asr-dark);
        font-size: .8rem;
    }

.asr-integrations-secondary-button[b-050y39mj63] {
    padding: .8rem 1.2rem;
    border: 1px solid rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

    .asr-integrations-primary-button:hover[b-050y39mj63],
    .asr-integrations-secondary-button:hover[b-050y39mj63] {
        color: inherit;
        transform: translateY(-3px);
    }

.asr-integrations-hero-points[b-050y39mj63] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.6rem;
    color: rgba(255, 255, 255, .72);
    font-size: .69rem;
    font-weight: 700;
}

    .asr-integrations-hero-points span[b-050y39mj63] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

    .asr-integrations-hero-points i[b-050y39mj63] {
        color: #62e5d1;
    }

.asr-integrations-network[b-050y39mj63] {
    position: relative;
    min-height: 550px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 30px;
    background: radial-gradient(circle at 50% 50%, rgba(70, 226, 203, .12), transparent 36%), rgba(2, 35, 43, .50);
    box-shadow: 0 40px 100px rgba(0, 18, 23, .32);
    backdrop-filter: blur(14px);
}

.asr-integrations-network-grid[b-050y39mj63] {
    position: absolute;
    inset: 0;
    opacity: .45;
    background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 36px 36px;
}

.asr-integrations-lines[b-050y39mj63] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

    .asr-integrations-lines line[b-050y39mj63] {
        stroke: rgba(98, 229, 209, .62);
        stroke-width: 2;
        stroke-dasharray: 8 8;
        animation: asrIntegrationFlow-b-050y39mj63 7s linear infinite;
    }

@keyframes asrIntegrationFlow-b-050y39mj63 {
    to {
        stroke-dashoffset: -120;
    }
}

.asr-integrations-center[b-050y39mj63] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    width: 145px;
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 10px solid rgba(98, 229, 209, .12);
    border-radius: 50%;
    background: linear-gradient(145deg, var(--asr-primary), var(--asr-secondary));
    color: #fff;
    box-shadow: 0 25px 60px rgba(0, 20, 25, .26);
    transform: translate(-50%, -50%);
}

    .asr-integrations-center strong[b-050y39mj63] {
        font-size: 2rem;
    }

    .asr-integrations-center span[b-050y39mj63] {
        font-size: .7rem;
        font-weight: 900;
        letter-spacing: .12em;
    }

    .asr-integrations-center small[b-050y39mj63] {
        margin-top: .2rem;
        color: rgba(255, 255, 255, .68);
        font-size: .5rem;
    }

.asr-integration-node[b-050y39mj63] {
    position: absolute;
    z-index: 3;
    min-width: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .75rem .9rem;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 14px;
    background: rgba(255, 255, 255, .94);
    color: var(--asr-dark);
    font-size: .62rem;
    font-weight: 900;
    box-shadow: 0 16px 38px rgba(0, 20, 25, .18);
}

    .asr-integration-node i[b-050y39mj63] {
        color: var(--asr-primary);
    }

.asr-integration-node-one[b-050y39mj63] {
    top: 9%;
    left: 7%;
}

.asr-integration-node-two[b-050y39mj63] {
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
}

.asr-integration-node-three[b-050y39mj63] {
    top: 9%;
    right: 7%;
}

.asr-integration-node-four[b-050y39mj63] {
    top: 48%;
    left: 2%;
}

.asr-integration-node-five[b-050y39mj63] {
    top: 48%;
    right: 2%;
}

.asr-integration-node-six[b-050y39mj63] {
    left: 8%;
    bottom: 8%;
}

.asr-integration-node-seven[b-050y39mj63] {
    bottom: 4%;
    left: 50%;
    transform: translateX(-50%);
}

.asr-integration-node-eight[b-050y39mj63] {
    right: 8%;
    bottom: 8%;
}

.asr-integrations-live[b-050y39mj63] {
    position: absolute;
    z-index: 5;
    top: 27%;
    left: 50%;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .7rem .85rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 13px;
    background: rgba(4, 46, 54, .84);
    color: #fff;
    transform: translateX(-50%);
}

    .asr-integrations-live > i[b-050y39mj63] {
        color: #62e5d1;
    }

    .asr-integrations-live span[b-050y39mj63] {
        display: flex;
        flex-direction: column;
    }

    .asr-integrations-live small[b-050y39mj63] {
        color: rgba(255, 255, 255, .58);
        font-size: .47rem;
    }

    .asr-integrations-live strong[b-050y39mj63] {
        margin-top: .1rem;
        font-size: .57rem;
    }

.asr-integrations-stats[b-050y39mj63] {
    padding: 1.3rem 0;
    border-bottom: 1px solid var(--asr-border);
    background: #fff;
}

.asr-integrations-stat-grid[b-050y39mj63] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

    .asr-integrations-stat-grid > div[b-050y39mj63] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: .75rem 1rem;
        border-right: 1px solid var(--asr-border);
        text-align: center;
    }

        .asr-integrations-stat-grid > div:last-child[b-050y39mj63] {
            border-right: 0;
        }

    .asr-integrations-stat-grid i[b-050y39mj63] {
        color: var(--asr-primary);
        font-size: 1.05rem;
    }

    .asr-integrations-stat-grid strong[b-050y39mj63] {
        margin-top: .3rem;
        color: var(--asr-dark);
        font-size: .86rem;
    }

    .asr-integrations-stat-grid span[b-050y39mj63] {
        margin-top: .15rem;
        color: var(--asr-muted);
        font-size: .58rem;
    }

.asr-integrations-categories[b-050y39mj63],
.asr-integrations-payment[b-050y39mj63],
.asr-integrations-fiscal[b-050y39mj63],
.asr-integrations-benefits[b-050y39mj63],
.asr-integrations-supported[b-050y39mj63] {
    padding: 6.5rem 0;
}

.asr-integrations-heading[b-050y39mj63] {
    max-width: 830px;
    margin: auto;
    text-align: center;
}

    .asr-integrations-heading > span[b-050y39mj63],
    .asr-integrations-label[b-050y39mj63] {
        color: var(--asr-primary);
        font-size: .72rem;
        font-weight: 900;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .asr-integrations-heading h2[b-050y39mj63],
    .asr-integrations-content h2[b-050y39mj63],
    .asr-integrations-faq-heading h2[b-050y39mj63] {
        margin: .75rem 0 0;
        color: var(--asr-dark);
        font-size: clamp(2.2rem, 4.5vw, 3.4rem);
        line-height: 1.12;
        letter-spacing: -.05em;
    }

        .asr-integrations-heading h2 strong[b-050y39mj63],
        .asr-integrations-content h2 strong[b-050y39mj63],
        .asr-integrations-faq-heading h2 strong[b-050y39mj63] {
            color: var(--asr-primary);
        }

    .asr-integrations-heading > p[b-050y39mj63],
    .asr-integrations-content > p[b-050y39mj63],
    .asr-integrations-faq-heading > p[b-050y39mj63] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        font-size: .95rem;
        line-height: 1.85;
    }

    .asr-integrations-heading > p[b-050y39mj63] {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }

.asr-integrations-categories[b-050y39mj63] {
    background: #fff;
}

.asr-category-grid[b-050y39mj63] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

.asr-category-card[b-050y39mj63] {
    display: flex;
    flex-direction: column;
    padding: 1.4rem;
    border: 1px solid var(--asr-border);
    border-radius: 19px;
    background: radial-gradient(circle at 100% 0%, rgba(20, 184, 166, .06), transparent 27%), #fff;
    transition: .2s ease;
}

    .asr-category-card:hover[b-050y39mj63] {
        transform: translateY(-6px);
        border-color: rgba(8, 127, 114, .28);
        box-shadow: 0 24px 55px rgba(16, 36, 47, .10);
    }

.asr-category-card-top[b-050y39mj63] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.asr-category-icon[b-050y39mj63] {
    width: 49px;
    height: 49px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: 1.15rem;
}

.asr-category-count[b-050y39mj63] {
    padding: .35rem .55rem;
    border-radius: 999px;
    background: #f0f4f5;
    color: var(--asr-muted);
    font-size: .5rem;
    font-weight: 800;
}

.asr-category-card h3[b-050y39mj63] {
    margin: 1rem 0 0;
    color: var(--asr-dark);
    font-size: .95rem;
}

.asr-category-card > p[b-050y39mj63] {
    margin: .6rem 0 0;
    color: var(--asr-muted);
    font-size: .69rem;
    line-height: 1.7;
}

.asr-category-items[b-050y39mj63] {
    display: grid;
    gap: .45rem;
    margin-top: 1rem;
}

    .asr-category-items span[b-050y39mj63] {
        display: flex;
        align-items: center;
        gap: .4rem;
        color: var(--asr-text);
        font-size: .62rem;
    }

    .asr-category-items i[b-050y39mj63] {
        color: var(--asr-primary);
    }

.asr-category-card > a[b-050y39mj63],
.asr-integrations-text-link[b-050y39mj63] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1.2rem;
    color: var(--asr-primary);
    text-decoration: none;
    font-size: .7rem;
    font-weight: 900;
}

.asr-integrations-edocument[b-050y39mj63],
.asr-integrations-marketplace[b-050y39mj63],
.asr-integrations-api[b-050y39mj63],
.asr-integrations-faq[b-050y39mj63] {
    padding: 7rem 0;
}

.asr-integrations-edocument[b-050y39mj63] {
    background: var(--asr-soft);
}

.asr-integrations-two-column[b-050y39mj63],
.asr-integrations-faq-grid[b-050y39mj63] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 5rem;
}

.asr-integrations-feature-list[b-050y39mj63] {
    display: grid;
    gap: .8rem;
    margin-top: 1.6rem;
}

    .asr-integrations-feature-list > div[b-050y39mj63] {
        display: flex;
        align-items: flex-start;
        gap: .8rem;
        padding: .9rem;
        border: 1px solid var(--asr-border);
        border-radius: 14px;
        background: #fff;
    }

        .asr-integrations-feature-list > div > i[b-050y39mj63] {
            width: 39px;
            height: 39px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 11px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-integrations-feature-list span[b-050y39mj63] {
        display: flex;
        flex-direction: column;
    }

    .asr-integrations-feature-list strong[b-050y39mj63] {
        color: var(--asr-dark);
        font-size: .72rem;
    }

    .asr-integrations-feature-list small[b-050y39mj63] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .62rem;
        line-height: 1.55;
    }

.asr-integrations-links[b-050y39mj63] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.3rem;
}

    .asr-integrations-links a[b-050y39mj63] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        padding: .55rem .7rem;
        border: 1px solid var(--asr-border);
        border-radius: 999px;
        background: #fff;
        color: var(--asr-primary);
        text-decoration: none;
        font-size: .61rem;
        font-weight: 800;
    }

.asr-edocument-panel[b-050y39mj63],
.asr-marketplace-panel[b-050y39mj63],
.asr-api-editor[b-050y39mj63] {
    border: 1px solid var(--asr-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(16, 36, 47, .11);
}

.asr-edocument-panel[b-050y39mj63] {
    padding: 1.4rem;
}

.asr-edocument-header[b-050y39mj63] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-edocument-header > div[b-050y39mj63] {
        display: flex;
        align-items: center;
        gap: .7rem;
    }

        .asr-edocument-header > div > span[b-050y39mj63] {
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            background: var(--asr-primary);
            color: #fff;
            font-weight: 900;
        }

    .asr-edocument-header p[b-050y39mj63] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .asr-edocument-header small[b-050y39mj63] {
        color: var(--asr-muted);
        font-size: .54rem;
    }

    .asr-edocument-header strong[b-050y39mj63] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .76rem;
    }

    .asr-edocument-header em[b-050y39mj63] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        padding: .4rem .65rem;
        border-radius: 999px;
        background: #effcf4;
        color: #27834d;
        font-size: .52rem;
        font-style: normal;
        font-weight: 800;
    }

        .asr-edocument-header em i[b-050y39mj63] {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #35bf6b;
        }

.asr-edocument-summary[b-050y39mj63] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .7rem;
    margin-top: 1.1rem;
}

    .asr-edocument-summary > div[b-050y39mj63] {
        display: flex;
        flex-direction: column;
        padding: .85rem;
        border: 1px solid var(--asr-border-light);
        border-radius: 13px;
        background: #fafcfc;
    }

    .asr-edocument-summary i[b-050y39mj63] {
        color: var(--asr-primary);
    }

    .asr-edocument-summary small[b-050y39mj63] {
        margin-top: .55rem;
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-edocument-summary strong[b-050y39mj63] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .8rem;
    }

.asr-edocument-table[b-050y39mj63] {
    margin-top: 1rem;
}

.asr-edocument-row[b-050y39mj63] {
    display: grid;
    grid-template-columns: 1.2fr 1.2fr .8fr .8fr;
    align-items: center;
    gap: .5rem;
    padding: .75rem 0;
    border-bottom: 1px solid var(--asr-border-light);
    color: var(--asr-dark);
    font-size: .55rem;
}

.asr-edocument-row-heading[b-050y39mj63] {
    color: var(--asr-muted);
    font-size: .5rem;
    font-weight: 800;
}

.asr-edocument-row em[b-050y39mj63] {
    width: fit-content;
    padding: .3rem .45rem;
    border-radius: 999px;
    font-style: normal;
    font-weight: 800;
}

    .asr-edocument-row em.success[b-050y39mj63] {
        background: #effcf4;
        color: #27834d;
    }

    .asr-edocument-row em.waiting[b-050y39mj63] {
        background: #fff7e7;
        color: #b47713;
    }

.asr-integrations-payment[b-050y39mj63] {
    background: #fff;
}

.asr-payment-grid[b-050y39mj63] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-payment-grid article[b-050y39mj63] {
        padding: 1.5rem;
        border: 1px solid var(--asr-border);
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 18px 45px rgba(16, 36, 47, .06);
        transition: .2s ease;
    }

        .asr-payment-grid article:hover[b-050y39mj63] {
            transform: translateY(-5px);
            box-shadow: 0 24px 55px rgba(16, 36, 47, .11);
        }

.asr-payment-logo[b-050y39mj63],
.asr-fiscal-logo[b-050y39mj63] {
    width: 53px;
    height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: linear-gradient(145deg, var(--asr-primary), var(--asr-secondary));
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
}

.asr-payment-title[b-050y39mj63] {
    margin-top: .9rem;
}

    .asr-payment-title small[b-050y39mj63] {
        color: var(--asr-primary);
        font-size: .52rem;
        font-weight: 800;
    }

    .asr-payment-title h3[b-050y39mj63] {
        margin: .2rem 0 0;
        color: var(--asr-dark);
        font-size: .94rem;
    }

.asr-payment-grid article > p[b-050y39mj63] {
    margin: .65rem 0 0;
    color: var(--asr-muted);
    font-size: .69rem;
    line-height: 1.7;
}

.asr-payment-tags[b-050y39mj63] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: 1rem;
}

    .asr-payment-tags span[b-050y39mj63] {
        padding: .35rem .5rem;
        border-radius: 999px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary-dark);
        font-size: .5rem;
        font-weight: 800;
    }

.asr-payment-grid article > a[b-050y39mj63],
.asr-fiscal-grid article > a[b-050y39mj63] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: 1.2rem;
    color: var(--asr-primary);
    text-decoration: none;
    font-size: .66rem;
    font-weight: 900;
}

.asr-payment-flow[b-050y39mj63] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    margin-top: 3rem;
}

    .asr-payment-flow > div[b-050y39mj63] {
        width: 155px;
        min-height: 145px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 1rem;
        border: 1px solid var(--asr-border);
        border-radius: 17px;
        background: var(--asr-soft);
        text-align: center;
    }

        .asr-payment-flow > div > span[b-050y39mj63] {
            width: 43px;
            height: 43px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-payment-flow strong[b-050y39mj63] {
        margin-top: .75rem;
        color: var(--asr-dark);
        font-size: .7rem;
    }

    .asr-payment-flow small[b-050y39mj63] {
        margin-top: .25rem;
        color: var(--asr-muted);
        font-size: .53rem;
    }

.asr-payment-flow-arrow[b-050y39mj63] {
    color: var(--asr-primary);
}

.asr-integrations-marketplace[b-050y39mj63] {
    background: var(--asr-soft);
}

.asr-marketplace-panel[b-050y39mj63] {
    padding: 1.3rem;
}

.asr-marketplace-header[b-050y39mj63] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-marketplace-header div[b-050y39mj63] {
        display: flex;
        flex-direction: column;
    }

    .asr-marketplace-header small[b-050y39mj63] {
        color: var(--asr-muted);
        font-size: .53rem;
    }

    .asr-marketplace-header strong[b-050y39mj63] {
        margin-top: .2rem;
        color: var(--asr-dark);
        font-size: .77rem;
    }

    .asr-marketplace-header > span[b-050y39mj63] {
        padding: .4rem .6rem;
        border-radius: 999px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .5rem;
        font-weight: 800;
    }

.asr-marketplace-cards[b-050y39mj63] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .65rem;
    margin-top: 1rem;
}

    .asr-marketplace-cards > div[b-050y39mj63] {
        display: flex;
        flex-direction: column;
        padding: .8rem;
        border: 1px solid var(--asr-border-light);
        border-radius: 13px;
        background: #fafcfc;
    }

        .asr-marketplace-cards > div > span[b-050y39mj63] {
            width: 29px;
            height: 29px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: .6rem;
            font-weight: 900;
        }

    .asr-marketplace-cards small[b-050y39mj63] {
        margin-top: .5rem;
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-marketplace-cards strong[b-050y39mj63] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .62rem;
    }

    .asr-marketplace-cards em[b-050y39mj63] {
        margin-top: .15rem;
        color: var(--asr-primary);
        font-size: .48rem;
        font-style: normal;
    }

.asr-marketplace-orders[b-050y39mj63] {
    margin-top: 1rem;
}

    .asr-marketplace-orders > div[b-050y39mj63] {
        display: grid;
        grid-template-columns: 34px 1fr auto auto;
        align-items: center;
        gap: .55rem;
        padding: .7rem 0;
        border-bottom: 1px solid var(--asr-border-light);
    }

.asr-marketplace-order-icon[b-050y39mj63] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: .56rem;
    font-weight: 900;
}

.asr-marketplace-orders p[b-050y39mj63] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

    .asr-marketplace-orders p strong[b-050y39mj63] {
        color: var(--asr-dark);
        font-size: .56rem;
    }

    .asr-marketplace-orders p small[b-050y39mj63] {
        margin-top: .1rem;
        color: var(--asr-muted);
        font-size: .46rem;
    }

.asr-marketplace-orders > div > em[b-050y39mj63] {
    color: var(--asr-dark);
    font-size: .54rem;
    font-style: normal;
    font-weight: 800;
}

.asr-order-status[b-050y39mj63] {
    padding: .3rem .45rem;
    border-radius: 999px;
    background: #edf2f3;
    color: var(--asr-muted);
    font-size: .45rem;
    font-weight: 800;
}

.asr-order-status-success[b-050y39mj63] {
    background: #effcf4;
    color: #27834d;
}

.asr-order-status-info[b-050y39mj63] {
    background: #edf6ff;
    color: #3271a9;
}

.asr-order-status-warning[b-050y39mj63] {
    background: #fff7e7;
    color: #b47713;
}

.asr-marketplace-link-grid[b-050y39mj63] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .65rem;
    margin-top: 1.3rem;
}

    .asr-marketplace-link-grid a[b-050y39mj63] {
        display: grid;
        grid-template-columns: 35px 1fr auto;
        align-items: center;
        gap: .55rem;
        padding: .7rem;
        border: 1px solid var(--asr-border);
        border-radius: 12px;
        background: #fff;
        color: var(--asr-dark);
        text-decoration: none;
    }

        .asr-marketplace-link-grid a > span[b-050y39mj63] {
            width: 34px;
            height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: .58rem;
            font-weight: 900;
        }

    .asr-marketplace-link-grid strong[b-050y39mj63] {
        font-size: .6rem;
    }

    .asr-marketplace-link-grid i[b-050y39mj63] {
        color: var(--asr-primary);
    }

.asr-integrations-fiscal[b-050y39mj63] {
    background: #fff;
}

.asr-fiscal-grid[b-050y39mj63] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-fiscal-grid article[b-050y39mj63] {
        padding: 1.5rem;
        border: 1px solid var(--asr-border);
        border-radius: 20px;
        background: #fff;
        transition: .2s ease;
    }

        .asr-fiscal-grid article:hover[b-050y39mj63] {
            transform: translateY(-5px);
            box-shadow: 0 24px 55px rgba(16, 36, 47, .10);
        }

    .asr-fiscal-grid h3[b-050y39mj63] {
        margin: .9rem 0 0;
        color: var(--asr-dark);
        font-size: .9rem;
    }

    .asr-fiscal-grid p[b-050y39mj63] {
        margin: .6rem 0 0;
        color: var(--asr-muted);
        font-size: .68rem;
        line-height: 1.7;
    }

    .asr-fiscal-grid ul[b-050y39mj63] {
        display: grid;
        gap: .45rem;
        margin: 1rem 0 0;
        padding: 0;
        list-style: none;
    }

    .asr-fiscal-grid li[b-050y39mj63] {
        display: flex;
        align-items: center;
        gap: .4rem;
        color: var(--asr-text);
        font-size: .61rem;
    }

        .asr-fiscal-grid li i[b-050y39mj63] {
            color: var(--asr-primary);
        }

.asr-integrations-api[b-050y39mj63] {
    background: #071f28;
    color: #fff;
}

    .asr-integrations-api .asr-integrations-label[b-050y39mj63] {
        color: #62e5d1;
    }

    .asr-integrations-api .asr-integrations-content h2[b-050y39mj63] {
        color: #fff;
    }

        .asr-integrations-api .asr-integrations-content h2 strong[b-050y39mj63] {
            color: #62e5d1;
        }

    .asr-integrations-api .asr-integrations-content > p[b-050y39mj63] {
        color: rgba(255, 255, 255, .68);
    }

.asr-api-tags[b-050y39mj63] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.4rem;
}

    .asr-api-tags span[b-050y39mj63] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        padding: .55rem .7rem;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 999px;
        background: rgba(255, 255, 255, .06);
        color: rgba(255, 255, 255, .8);
        font-size: .61rem;
        font-weight: 700;
    }

    .asr-api-tags i[b-050y39mj63] {
        color: #62e5d1;
    }

.asr-integrations-api .asr-integrations-links a[b-050y39mj63] {
    border-color: rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .07);
    color: #62e5d1;
}

.asr-api-editor[b-050y39mj63] {
    overflow: hidden;
    border-color: rgba(255, 255, 255, .10);
    background: #0b2731;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .30);
}

.asr-api-editor-header[b-050y39mj63] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    background: #102f39;
}

    .asr-api-editor-header > div[b-050y39mj63] {
        display: flex;
        gap: .35rem;
    }

        .asr-api-editor-header > div span[b-050y39mj63] {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .24);
        }

    .asr-api-editor-header small[b-050y39mj63] {
        color: rgba(255, 255, 255, .5);
        font-size: .53rem;
    }

.asr-api-method[b-050y39mj63] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

    .asr-api-method span[b-050y39mj63] {
        padding: .35rem .5rem;
        border-radius: 7px;
        background: #1f8f72;
        color: #fff;
        font-size: .5rem;
        font-weight: 900;
    }

    .asr-api-method code[b-050y39mj63] {
        color: #9feada;
        font-size: .63rem;
    }

.asr-api-editor pre[b-050y39mj63] {
    min-height: 390px;
    margin: 0;
    padding: 1.2rem;
    overflow: auto;
    color: #c8e8e1;
    font-size: .72rem;
    line-height: 1.75;
}

.asr-api-editor-footer[b-050y39mj63] {
    display: flex;
    justify-content: space-between;
    padding: .8rem 1rem;
    border-top: 1px solid rgba(255, 255, 255, .07);
    color: rgba(255, 255, 255, .55);
    font-size: .52rem;
}

    .asr-api-editor-footer span[b-050y39mj63] {
        color: #62e5d1;
    }

.asr-integrations-benefits[b-050y39mj63] {
    background: var(--asr-soft);
}

.asr-benefit-grid[b-050y39mj63] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-benefit-grid article[b-050y39mj63] {
        padding: 1.35rem;
        border: 1px solid var(--asr-border);
        border-radius: 17px;
        background: #fff;
        transition: .2s ease;
    }

        .asr-benefit-grid article:hover[b-050y39mj63] {
            transform: translateY(-5px);
            box-shadow: 0 22px 50px rgba(16, 36, 47, .09);
        }

        .asr-benefit-grid article > span[b-050y39mj63] {
            width: 45px;
            height: 45px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: 1.05rem;
        }

    .asr-benefit-grid h3[b-050y39mj63] {
        margin: .9rem 0 0;
        color: var(--asr-dark);
        font-size: .84rem;
    }

    .asr-benefit-grid p[b-050y39mj63] {
        margin: .55rem 0 0;
        color: var(--asr-muted);
        font-size: .66rem;
        line-height: 1.7;
    }

.asr-integrations-supported[b-050y39mj63] {
    background: #fff;
}

.asr-supported-grid[b-050y39mj63] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .75rem;
    margin-top: 3rem;
}

.asr-supported-item[b-050y39mj63] {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: .65rem;
    padding: .8rem;
    border: 1px solid var(--asr-border);
    border-radius: 14px;
    background: #fff;
    color: var(--asr-dark);
    text-decoration: none;
    transition: .2s ease;
}

    .asr-supported-item:hover[b-050y39mj63] {
        transform: translateY(-3px);
        border-color: rgba(8, 127, 114, .28);
        box-shadow: 0 15px 35px rgba(16, 36, 47, .08);
    }

    .asr-supported-item > span[b-050y39mj63] {
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 11px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .55rem;
        font-weight: 900;
    }

    .asr-supported-item > div[b-050y39mj63] {
        display: flex;
        flex-direction: column;
    }

    .asr-supported-item small[b-050y39mj63] {
        color: var(--asr-muted);
        font-size: .47rem;
    }

    .asr-supported-item strong[b-050y39mj63] {
        margin-top: .1rem;
        font-size: .6rem;
    }

    .asr-supported-item > i[b-050y39mj63] {
        color: var(--asr-primary);
    }

.asr-integrations-faq[b-050y39mj63] {
    background: var(--asr-soft);
}

.asr-integrations-faq-grid[b-050y39mj63] {
    align-items: start;
}

.asr-integrations-faq-list[b-050y39mj63] {
    display: grid;
    gap: .75rem;
}

    .asr-integrations-faq-list details[b-050y39mj63] {
        overflow: hidden;
        border: 1px solid var(--asr-border);
        border-radius: 15px;
        background: #fff;
    }

    .asr-integrations-faq-list summary[b-050y39mj63] {
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.2rem;
        color: var(--asr-dark);
        font-size: .75rem;
        font-weight: 900;
        cursor: pointer;
        list-style: none;
    }

        .asr-integrations-faq-list summary[b-050y39mj63]::-webkit-details-marker {
            display: none;
        }

        .asr-integrations-faq-list summary i[b-050y39mj63] {
            color: var(--asr-primary);
        }

    .asr-integrations-faq-list details[open] summary i[b-050y39mj63] {
        transform: rotate(45deg);
    }

    .asr-integrations-faq-list details p[b-050y39mj63] {
        margin: 0;
        padding: 0 1.2rem 1.2rem;
        color: var(--asr-muted);
        font-size: .7rem;
        line-height: 1.75;
    }

.asr-integrations-final[b-050y39mj63] {
    padding: 6.5rem 0;
    background: #fff;
}

.asr-integrations-final-box[b-050y39mj63] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 3rem;
    padding: 3.5rem;
    overflow: hidden;
    border-radius: 28px;
    background: radial-gradient(circle at 85% 10%, rgba(255, 255, 255, .15), transparent 30%), linear-gradient(135deg, #062b35, #0d8d7f);
    color: #fff;
    box-shadow: 0 32px 75px rgba(8, 127, 114, .23);
}

    .asr-integrations-final-box > div:first-child > span[b-050y39mj63] {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        color: rgba(255, 255, 255, .72);
        font-size: .68rem;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .asr-integrations-final-box h2[b-050y39mj63] {
        margin: .8rem 0 0;
        font-size: clamp(2.1rem, 4vw, 3.3rem);
        line-height: 1.12;
        letter-spacing: -.05em;
    }

        .asr-integrations-final-box h2 strong[b-050y39mj63] {
            color: #62e5d1;
        }

    .asr-integrations-final-box p[b-050y39mj63] {
        max-width: 650px;
        margin: 1rem 0 0;
        color: rgba(255, 255, 255, .72);
        line-height: 1.8;
    }

.asr-integrations-final-actions[b-050y39mj63] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.6rem;
}

    .asr-integrations-final-actions a[b-050y39mj63] {
        min-height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: .7rem 1rem;
        border-radius: 13px;
        text-decoration: none;
        font-size: .74rem;
        font-weight: 900;
    }

        .asr-integrations-final-actions a:first-child[b-050y39mj63] {
            background: #fff;
            color: var(--asr-primary-dark);
        }

        .asr-integrations-final-actions a:last-child[b-050y39mj63] {
            border: 1px solid rgba(255, 255, 255, .25);
            color: #fff;
        }

.asr-integrations-final-stats[b-050y39mj63] {
    display: grid;
    gap: .75rem;
}

    .asr-integrations-final-stats > div[b-050y39mj63] {
        display: flex;
        flex-direction: column;
        padding: 1.2rem;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 16px;
        background: rgba(255, 255, 255, .08);
    }

    .asr-integrations-final-stats strong[b-050y39mj63] {
        font-size: 1.25rem;
    }

    .asr-integrations-final-stats span[b-050y39mj63] {
        margin-top: .25rem;
        color: rgba(255, 255, 255, .67);
        font-size: .64rem;
    }

@media (max-width: 1150px) {

    .asr-integrations-hero-grid[b-050y39mj63],
    .asr-integrations-two-column[b-050y39mj63],
    .asr-integrations-faq-grid[b-050y39mj63] {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .asr-integrations-hero-content[b-050y39mj63] {
        text-align: center;
    }

    .asr-integrations-hero-actions[b-050y39mj63],
    .asr-integrations-hero-points[b-050y39mj63] {
        justify-content: center;
    }

    .asr-integrations-network[b-050y39mj63] {
        width: min(760px, 100%);
        margin: auto;
    }

    .asr-category-grid[b-050y39mj63],
    .asr-benefit-grid[b-050y39mj63],
    .asr-supported-grid[b-050y39mj63] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-integrations-content[b-050y39mj63],
    .asr-integrations-faq-heading[b-050y39mj63] {
        text-align: center;
    }

    .asr-integrations-links[b-050y39mj63],
    .asr-api-tags[b-050y39mj63] {
        justify-content: center;
    }

    .asr-integrations-text-link[b-050y39mj63] {
        justify-content: center;
    }
}

@media (max-width: 850px) {

    .asr-integrations-stat-grid[b-050y39mj63] {
        grid-template-columns: repeat(2, 1fr);
    }

        .asr-integrations-stat-grid > div[b-050y39mj63] {
            border-right: 0;
            border-bottom: 1px solid var(--asr-border);
        }

    .asr-payment-grid[b-050y39mj63],
    .asr-fiscal-grid[b-050y39mj63] {
        grid-template-columns: 1fr;
    }

    .asr-payment-flow[b-050y39mj63] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

        .asr-payment-flow > div[b-050y39mj63] {
            width: auto;
        }

    .asr-payment-flow-arrow[b-050y39mj63] {
        display: none;
    }

    .asr-integrations-final-box[b-050y39mj63] {
        grid-template-columns: 1fr;
        padding: 2.4rem;
    }

    .asr-integrations-final-stats[b-050y39mj63] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 650px) {

    .asr-integrations-hero[b-050y39mj63] {
        padding: 5rem 0;
    }

        .asr-integrations-hero h1[b-050y39mj63] {
            font-size: 2.7rem;
        }

    .asr-integrations-hero-actions[b-050y39mj63] {
        display: grid;
    }

    .asr-integrations-primary-button[b-050y39mj63],
    .asr-integrations-secondary-button[b-050y39mj63] {
        width: 100%;
        justify-content: center;
    }

    .asr-integrations-hero-points[b-050y39mj63] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        text-align: left;
    }

    .asr-integrations-network[b-050y39mj63] {
        min-height: 660px;
    }

    .asr-integration-node[b-050y39mj63] {
        min-width: 104px;
        padding: .65rem;
        font-size: .54rem;
    }

    .asr-integration-node-one[b-050y39mj63] {
        top: 5%;
        left: 3%;
    }

    .asr-integration-node-two[b-050y39mj63] {
        top: 5%;
    }

    .asr-integration-node-three[b-050y39mj63] {
        top: 5%;
        right: 3%;
    }

    .asr-integration-node-four[b-050y39mj63] {
        top: 30%;
        left: 2%;
    }

    .asr-integration-node-five[b-050y39mj63] {
        top: 30%;
        right: 2%;
    }

    .asr-integration-node-six[b-050y39mj63] {
        left: 3%;
        bottom: 5%;
    }

    .asr-integration-node-seven[b-050y39mj63] {
        bottom: 5%;
    }

    .asr-integration-node-eight[b-050y39mj63] {
        right: 3%;
        bottom: 5%;
    }

    .asr-integrations-live[b-050y39mj63] {
        top: 21%;
    }

    .asr-integrations-categories[b-050y39mj63],
    .asr-integrations-payment[b-050y39mj63],
    .asr-integrations-fiscal[b-050y39mj63],
    .asr-integrations-benefits[b-050y39mj63],
    .asr-integrations-supported[b-050y39mj63],
    .asr-integrations-edocument[b-050y39mj63],
    .asr-integrations-marketplace[b-050y39mj63],
    .asr-integrations-api[b-050y39mj63],
    .asr-integrations-faq[b-050y39mj63] {
        padding: 4.5rem 0;
    }

    .asr-category-grid[b-050y39mj63],
    .asr-benefit-grid[b-050y39mj63],
    .asr-supported-grid[b-050y39mj63] {
        grid-template-columns: 1fr;
    }

    .asr-edocument-summary[b-050y39mj63],
    .asr-marketplace-cards[b-050y39mj63] {
        grid-template-columns: 1fr;
    }

    .asr-edocument-row[b-050y39mj63] {
        grid-template-columns: 1fr 1fr;
    }

    .asr-edocument-row-heading[b-050y39mj63] {
        display: none;
    }

    .asr-payment-flow[b-050y39mj63] {
        grid-template-columns: 1fr;
    }

    .asr-marketplace-orders > div[b-050y39mj63] {
        grid-template-columns: 32px 1fr auto;
    }

        .asr-marketplace-orders > div > .asr-order-status[b-050y39mj63] {
            grid-column: 2 / -1;
            width: fit-content;
        }

    .asr-marketplace-link-grid[b-050y39mj63] {
        grid-template-columns: 1fr;
    }

    .asr-api-editor pre[b-050y39mj63] {
        font-size: .6rem;
    }

    .asr-integrations-final-stats[b-050y39mj63] {
        grid-template-columns: 1fr;
    }

    .asr-integrations-final-actions[b-050y39mj63] {
        display: grid;
    }
}
/* /Components/Pages/ETicaret.razor.rz.scp.css */
.asr-commerce-hero[b-87tu3xnvdk] {
    position: relative;
    overflow: hidden;
    padding: 7rem 0 7.5rem;
    color: #fff;
    background: radial-gradient(circle at 82% 12%, rgba(72, 225, 203, .2), transparent 28%), radial-gradient(circle at 7% 78%, rgba(255, 183, 73, .09), transparent 22%), linear-gradient(135deg, #062b35 0%, #075d5b 55%, #0d8d7f 100%);
}

    .asr-commerce-hero[b-87tu3xnvdk]::before {
        position: absolute;
        top: -260px;
        right: -180px;
        width: 680px;
        height: 680px;
        content: "";
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 50%;
        box-shadow: 0 0 0 80px rgba(255, 255, 255, .02), 0 0 0 160px rgba(255, 255, 255, .014);
    }

.asr-commerce-orb[b-87tu3xnvdk] {
    position: absolute;
    border-radius: 50%;
}

.asr-commerce-orb-one[b-87tu3xnvdk] {
    top: 15%;
    left: 5%;
    width: 90px;
    height: 90px;
    background: rgba(255, 183, 73, .1);
}

.asr-commerce-orb-two[b-87tu3xnvdk] {
    right: 8%;
    bottom: 8%;
    width: 150px;
    height: 150px;
    background: rgba(72, 225, 203, .1);
}

.asr-commerce-hero-grid[b-87tu3xnvdk] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr);
    align-items: center;
    gap: 5rem;
}

.asr-commerce-eyebrow[b-87tu3xnvdk] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .9rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: .76rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.asr-commerce-hero h1[b-87tu3xnvdk] {
    margin: 1.5rem 0 0;
    font-size: clamp(3rem, 6vw, 5.3rem);
    line-height: 1;
    letter-spacing: -.07em;
}

    .asr-commerce-hero h1 span[b-87tu3xnvdk] {
        display: block;
        color: #62e5d1;
    }

.asr-commerce-hero-content > p[b-87tu3xnvdk] {
    max-width: 720px;
    margin: 1.55rem 0 0;
    color: rgba(255, 255, 255, .75);
    font-size: 1.05rem;
    line-height: 1.85;
}

.asr-commerce-hero-actions[b-87tu3xnvdk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .85rem;
    margin-top: 2rem;
}

.asr-commerce-primary-button[b-87tu3xnvdk],
.asr-commerce-secondary-button[b-87tu3xnvdk] {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    border-radius: 15px;
    text-decoration: none;
    font-size: .8rem;
    font-weight: 900;
    transition: .2s ease;
}

.asr-commerce-primary-button[b-87tu3xnvdk] {
    padding: .55rem .7rem;
    background: #fff;
    color: var(--asr-dark);
    box-shadow: 0 18px 45px rgba(0, 20, 25, .22);
}

    .asr-commerce-primary-button > span[b-87tu3xnvdk] {
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-commerce-primary-button > div[b-87tu3xnvdk] {
        display: flex;
        flex-direction: column;
    }

    .asr-commerce-primary-button small[b-87tu3xnvdk] {
        color: var(--asr-muted);
        font-size: .54rem;
    }

    .asr-commerce-primary-button strong[b-87tu3xnvdk] {
        color: var(--asr-dark);
        font-size: .8rem;
    }

.asr-commerce-secondary-button[b-87tu3xnvdk] {
    padding: .8rem 1.2rem;
    border: 1px solid rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

    .asr-commerce-primary-button:hover[b-87tu3xnvdk],
    .asr-commerce-secondary-button:hover[b-87tu3xnvdk] {
        color: inherit;
        transform: translateY(-3px);
    }

.asr-commerce-hero-points[b-87tu3xnvdk] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.6rem;
    color: rgba(255, 255, 255, .72);
    font-size: .69rem;
    font-weight: 700;
}

    .asr-commerce-hero-points span[b-87tu3xnvdk] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

    .asr-commerce-hero-points i[b-87tu3xnvdk] {
        color: #62e5d1;
    }

.asr-commerce-dashboard-wrap[b-87tu3xnvdk] {
    position: relative;
}

.asr-commerce-browser[b-87tu3xnvdk] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 42px 100px rgba(0, 18, 23, .32);
    transform: perspective(1300px) rotateY(-3deg) rotateX(1deg);
}

.asr-commerce-browser-top[b-87tu3xnvdk] {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border-bottom: 1px solid #e5edef;
    background: #f6f9fa;
}

    .asr-commerce-browser-top > div[b-87tu3xnvdk] {
        display: flex;
        gap: .35rem;
    }

        .asr-commerce-browser-top > div span[b-87tu3xnvdk] {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: #c7d2d7;
        }

    .asr-commerce-browser-top small[b-87tu3xnvdk] {
        min-width: 210px;
        margin: auto;
        padding: .28rem .8rem;
        border-radius: 7px;
        background: #eaf0f2;
        color: #8ba0a9;
        font-size: .56rem;
        text-align: center;
    }

.asr-commerce-app[b-87tu3xnvdk] {
    min-height: 470px;
    display: flex;
}

.asr-commerce-sidebar[b-87tu3xnvdk] {
    width: 66px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: .9rem;
    padding: 1.1rem .7rem;
    background: #0b2c37;
}

    .asr-commerce-sidebar > span[b-87tu3xnvdk] {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-bottom: .4rem;
        border-radius: 11px;
        background: var(--asr-secondary);
        color: #fff;
        font-weight: 900;
    }

    .asr-commerce-sidebar button[b-87tu3xnvdk] {
        width: 35px;
        height: 35px;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: rgba(255, 255, 255, .45);
    }

        .asr-commerce-sidebar button.active[b-87tu3xnvdk] {
            background: rgba(98, 229, 209, .15);
            color: #62e5d1;
        }

.asr-commerce-dashboard[b-87tu3xnvdk] {
    flex: 1;
    padding: 1.3rem;
    background: #f5f9fa;
}

.asr-commerce-dashboard-header[b-87tu3xnvdk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-commerce-dashboard-header small[b-87tu3xnvdk] {
        color: #8ba0a9;
        font-size: .55rem;
    }

    .asr-commerce-dashboard-header h3[b-87tu3xnvdk] {
        margin: .2rem 0 0;
        color: var(--asr-dark);
        font-size: .9rem;
    }

    .asr-commerce-dashboard-header > div:last-child[b-87tu3xnvdk] {
        display: flex;
        align-items: center;
        gap: .5rem;
    }

        .asr-commerce-dashboard-header button[b-87tu3xnvdk],
        .asr-commerce-dashboard-header > div:last-child > span[b-87tu3xnvdk] {
            width: 34px;
            height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

    .asr-commerce-dashboard-header button[b-87tu3xnvdk] {
        border: 1px solid var(--asr-border);
        border-radius: 10px;
        background: #fff;
        color: var(--asr-primary);
    }

    .asr-commerce-dashboard-header > div:last-child > span[b-87tu3xnvdk] {
        border-radius: 50%;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .6rem;
        font-weight: 900;
    }

.asr-commerce-summary[b-87tu3xnvdk] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .6rem;
    margin-top: 1rem;
}

    .asr-commerce-summary > div[b-87tu3xnvdk] {
        display: flex;
        flex-direction: column;
        padding: .75rem;
        border: 1px solid #e2ebee;
        border-radius: 13px;
        background: #fff;
    }

        .asr-commerce-summary > div > span[b-87tu3xnvdk] {
            width: 29px;
            height: 29px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-commerce-summary small[b-87tu3xnvdk] {
        margin-top: .5rem;
        color: #8ba0a9;
        font-size: .47rem;
    }

    .asr-commerce-summary strong[b-87tu3xnvdk] {
        margin-top: .18rem;
        color: var(--asr-dark);
        font-size: .68rem;
    }

    .asr-commerce-summary em[b-87tu3xnvdk] {
        margin-top: .18rem;
        color: var(--asr-primary);
        font-size: .44rem;
        font-style: normal;
    }

.asr-commerce-dashboard-body[b-87tu3xnvdk] {
    display: grid;
    grid-template-columns: 1.35fr .8fr;
    gap: .7rem;
    margin-top: .7rem;
}

.asr-commerce-chart-card[b-87tu3xnvdk],
.asr-commerce-channel-card[b-87tu3xnvdk] {
    padding: .85rem;
    border: 1px solid #e2ebee;
    border-radius: 13px;
    background: #fff;
}

.asr-commerce-card-heading[b-87tu3xnvdk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-commerce-card-heading > div[b-87tu3xnvdk] {
        display: flex;
        flex-direction: column;
    }

    .asr-commerce-card-heading small[b-87tu3xnvdk] {
        color: #8ba0a9;
        font-size: .47rem;
    }

    .asr-commerce-card-heading strong[b-87tu3xnvdk] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .62rem;
    }

    .asr-commerce-card-heading > span[b-87tu3xnvdk] {
        color: var(--asr-primary);
        font-size: .5rem;
        font-weight: 800;
    }

.asr-commerce-chart[b-87tu3xnvdk] {
    height: 190px;
    display: flex;
    align-items: flex-end;
    gap: .5rem;
    margin-top: .8rem;
    border-bottom: 1px solid #e5edef;
}

    .asr-commerce-chart i[b-87tu3xnvdk] {
        width: 100%;
        border-radius: 5px 5px 0 0;
        background: linear-gradient(180deg, var(--asr-secondary), var(--asr-primary));
    }

.asr-commerce-channel-card > strong[b-87tu3xnvdk] {
    color: var(--asr-dark);
    font-size: .62rem;
}

.asr-commerce-channel-card > div[b-87tu3xnvdk] {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    align-items: center;
    gap: .45rem;
    margin-top: .75rem;
}

    .asr-commerce-channel-card > div > span[b-87tu3xnvdk] {
        width: 30px;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 9px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .55rem;
        font-weight: 900;
    }

.asr-commerce-channel-card p[b-87tu3xnvdk] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

    .asr-commerce-channel-card p strong[b-87tu3xnvdk] {
        color: var(--asr-dark);
        font-size: .52rem;
    }

    .asr-commerce-channel-card p small[b-87tu3xnvdk] {
        color: #8ba0a9;
        font-size: .43rem;
    }

.asr-commerce-channel-card em[b-87tu3xnvdk] {
    color: var(--asr-dark);
    font-size: .47rem;
    font-style: normal;
    font-weight: 800;
}

.asr-commerce-floating[b-87tu3xnvdk] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 14px;
    background: rgba(255, 255, 255, .95);
    color: var(--asr-dark);
    box-shadow: 0 20px 50px rgba(0, 20, 25, .18);
}

    .asr-commerce-floating > span[b-87tu3xnvdk] {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-commerce-floating div[b-87tu3xnvdk] {
        display: flex;
        flex-direction: column;
    }

    .asr-commerce-floating small[b-87tu3xnvdk] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-commerce-floating strong[b-87tu3xnvdk] {
        margin-top: .15rem;
        font-size: .58rem;
    }

.asr-commerce-floating-stock[b-87tu3xnvdk] {
    left: -7%;
    bottom: 12%;
}

.asr-commerce-floating-order[b-87tu3xnvdk] {
    top: 15%;
    right: -7%;
}

.asr-commerce-stats[b-87tu3xnvdk] {
    padding: 1.3rem 0;
    border-bottom: 1px solid var(--asr-border);
    background: #fff;
}

.asr-commerce-stat-grid[b-87tu3xnvdk] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

    .asr-commerce-stat-grid > div[b-87tu3xnvdk] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: .75rem 1rem;
        border-right: 1px solid var(--asr-border);
        text-align: center;
    }

        .asr-commerce-stat-grid > div:last-child[b-87tu3xnvdk] {
            border-right: 0;
        }

    .asr-commerce-stat-grid i[b-87tu3xnvdk] {
        color: var(--asr-primary);
        font-size: 1.05rem;
    }

    .asr-commerce-stat-grid strong[b-87tu3xnvdk] {
        margin-top: .3rem;
        color: var(--asr-dark);
        font-size: .86rem;
    }

    .asr-commerce-stat-grid span[b-87tu3xnvdk] {
        margin-top: .15rem;
        color: var(--asr-muted);
        font-size: .58rem;
    }

.asr-commerce-benefits[b-87tu3xnvdk],
.asr-commerce-sync[b-87tu3xnvdk],
.asr-commerce-channels[b-87tu3xnvdk],
.asr-commerce-flow[b-87tu3xnvdk],
.asr-commerce-logistics[b-87tu3xnvdk] {
    padding: 6.5rem 0;
}

.asr-commerce-heading[b-87tu3xnvdk] {
    max-width: 830px;
    margin: auto;
    text-align: center;
}

    .asr-commerce-heading > span[b-87tu3xnvdk],
    .asr-commerce-label[b-87tu3xnvdk] {
        color: var(--asr-primary);
        font-size: .72rem;
        font-weight: 900;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .asr-commerce-heading h2[b-87tu3xnvdk],
    .asr-commerce-content h2[b-87tu3xnvdk],
    .asr-commerce-faq-heading h2[b-87tu3xnvdk] {
        margin: .75rem 0 0;
        color: var(--asr-dark);
        font-size: clamp(2.2rem, 4.5vw, 3.4rem);
        line-height: 1.12;
        letter-spacing: -.05em;
    }

        .asr-commerce-heading h2 strong[b-87tu3xnvdk],
        .asr-commerce-content h2 strong[b-87tu3xnvdk],
        .asr-commerce-faq-heading h2 strong[b-87tu3xnvdk] {
            color: var(--asr-primary);
        }

    .asr-commerce-heading > p[b-87tu3xnvdk],
    .asr-commerce-content > p[b-87tu3xnvdk],
    .asr-commerce-faq-heading > p[b-87tu3xnvdk] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        font-size: .95rem;
        line-height: 1.85;
    }

    .asr-commerce-heading > p[b-87tu3xnvdk] {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }

.asr-commerce-benefits[b-87tu3xnvdk] {
    background: #fff;
}

.asr-commerce-benefit-grid[b-87tu3xnvdk],
.asr-commerce-logistics-grid[b-87tu3xnvdk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-commerce-benefit-grid article[b-87tu3xnvdk],
    .asr-commerce-logistics-grid article[b-87tu3xnvdk] {
        padding: 1.45rem;
        border: 1px solid var(--asr-border);
        border-radius: 18px;
        background: #fff;
        transition: .2s ease;
    }

        .asr-commerce-benefit-grid article:hover[b-87tu3xnvdk],
        .asr-commerce-logistics-grid article:hover[b-87tu3xnvdk] {
            transform: translateY(-5px);
            box-shadow: 0 22px 50px rgba(16, 36, 47, .09);
        }

        .asr-commerce-benefit-grid article > span[b-87tu3xnvdk],
        .asr-commerce-logistics-grid article > span[b-87tu3xnvdk] {
            width: 48px;
            height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: 1.1rem;
        }

    .asr-commerce-benefit-grid h3[b-87tu3xnvdk],
    .asr-commerce-logistics-grid h3[b-87tu3xnvdk] {
        margin: .9rem 0 0;
        color: var(--asr-dark);
        font-size: .9rem;
    }

    .asr-commerce-benefit-grid p[b-87tu3xnvdk],
    .asr-commerce-logistics-grid p[b-87tu3xnvdk] {
        margin: .55rem 0 0;
        color: var(--asr-muted);
        font-size: .68rem;
        line-height: 1.7;
    }

.asr-commerce-products[b-87tu3xnvdk],
.asr-commerce-orders[b-87tu3xnvdk],
.asr-commerce-payment[b-87tu3xnvdk],
.asr-commerce-reports[b-87tu3xnvdk],
.asr-commerce-faq[b-87tu3xnvdk] {
    padding: 7rem 0;
}

.asr-commerce-products[b-87tu3xnvdk],
.asr-commerce-orders[b-87tu3xnvdk],
.asr-commerce-faq[b-87tu3xnvdk] {
    background: var(--asr-soft);
}

.asr-commerce-two-column[b-87tu3xnvdk],
.asr-commerce-faq-grid[b-87tu3xnvdk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 5rem;
}

.asr-commerce-feature-list[b-87tu3xnvdk] {
    display: grid;
    gap: .8rem;
    margin-top: 1.6rem;
}

    .asr-commerce-feature-list > div[b-87tu3xnvdk] {
        display: flex;
        align-items: flex-start;
        gap: .8rem;
        padding: .9rem;
        border: 1px solid var(--asr-border);
        border-radius: 14px;
        background: #fff;
    }

        .asr-commerce-feature-list > div > i[b-87tu3xnvdk] {
            width: 39px;
            height: 39px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 11px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-commerce-feature-list span[b-87tu3xnvdk] {
        display: flex;
        flex-direction: column;
    }

    .asr-commerce-feature-list strong[b-87tu3xnvdk] {
        color: var(--asr-dark);
        font-size: .72rem;
    }

    .asr-commerce-feature-list small[b-87tu3xnvdk] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .62rem;
        line-height: 1.55;
    }

.asr-commerce-product-panel[b-87tu3xnvdk],
.asr-commerce-order-panel[b-87tu3xnvdk],
.asr-commerce-payment-card[b-87tu3xnvdk],
.asr-commerce-report-panel[b-87tu3xnvdk] {
    padding: 1.3rem;
    border: 1px solid var(--asr-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(16, 36, 47, .11);
}

.asr-commerce-product-header[b-87tu3xnvdk],
.asr-commerce-order-header[b-87tu3xnvdk],
.asr-commerce-payment-header[b-87tu3xnvdk],
.asr-commerce-report-header[b-87tu3xnvdk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-commerce-product-header > div[b-87tu3xnvdk],
    .asr-commerce-order-header > div[b-87tu3xnvdk],
    .asr-commerce-payment-header > div[b-87tu3xnvdk],
    .asr-commerce-report-header > div[b-87tu3xnvdk] {
        display: flex;
        flex-direction: column;
    }

    .asr-commerce-product-header small[b-87tu3xnvdk],
    .asr-commerce-order-header small[b-87tu3xnvdk],
    .asr-commerce-payment-header small[b-87tu3xnvdk],
    .asr-commerce-report-header small[b-87tu3xnvdk] {
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-commerce-product-header strong[b-87tu3xnvdk],
    .asr-commerce-order-header strong[b-87tu3xnvdk],
    .asr-commerce-payment-header strong[b-87tu3xnvdk],
    .asr-commerce-report-header strong[b-87tu3xnvdk] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .7rem;
    }

    .asr-commerce-product-header button[b-87tu3xnvdk] {
        padding: .45rem .65rem;
        border: 0;
        border-radius: 9px;
        background: var(--asr-primary);
        color: #fff;
        font-size: .5rem;
        font-weight: 800;
    }

.asr-commerce-search[b-87tu3xnvdk] {
    margin-top: 1rem;
    padding: .7rem;
    border: 1px solid var(--asr-border);
    border-radius: 11px;
    color: var(--asr-muted);
    font-size: .52rem;
}

    .asr-commerce-search i[b-87tu3xnvdk] {
        margin-right: .35rem;
        color: var(--asr-primary);
    }

.asr-commerce-product-row[b-87tu3xnvdk] {
    display: grid;
    grid-template-columns: 38px 1.4fr .5fr .65fr auto;
    align-items: center;
    gap: .55rem;
    padding: .75rem 0;
    border-bottom: 1px solid var(--asr-border-light);
}

    .asr-commerce-product-row > span[b-87tu3xnvdk] {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-commerce-product-row p[b-87tu3xnvdk],
    .asr-commerce-product-row > div[b-87tu3xnvdk] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

        .asr-commerce-product-row p strong[b-87tu3xnvdk] {
            font-size: .56rem;
        }

        .asr-commerce-product-row p small[b-87tu3xnvdk],
        .asr-commerce-product-row > div small[b-87tu3xnvdk] {
            color: var(--asr-muted);
            font-size: .43rem;
        }

        .asr-commerce-product-row > div strong[b-87tu3xnvdk] {
            margin-top: .12rem;
            font-size: .52rem;
        }

.asr-commerce-product-status[b-87tu3xnvdk] {
    padding: .28rem .4rem;
    border-radius: 999px;
    background: #edf2f3;
    color: var(--asr-muted);
    font-size: .43rem;
    font-style: normal;
    font-weight: 800;
}

    .asr-commerce-product-status.success[b-87tu3xnvdk] {
        background: #effcf4;
        color: #27834d;
    }

    .asr-commerce-product-status.warning[b-87tu3xnvdk] {
        background: #fff7e7;
        color: #b47713;
    }

    .asr-commerce-product-status.danger[b-87tu3xnvdk] {
        background: #fff0f0;
        color: #c75555;
    }

.asr-commerce-sync[b-87tu3xnvdk] {
    background: #fff;
}

.asr-commerce-sync-board[b-87tu3xnvdk] {
    display: grid;
    grid-template-columns: .7fr 45px 1fr 45px 1.1fr;
    align-items: center;
    gap: .7rem;
    margin-top: 3rem;
    padding: 1.5rem;
    border: 1px solid var(--asr-border);
    border-radius: 24px;
    background: var(--asr-soft);
}

.asr-commerce-sync-source[b-87tu3xnvdk],
.asr-commerce-sync-center[b-87tu3xnvdk],
.asr-commerce-sync-results > div[b-87tu3xnvdk] {
    border: 1px solid var(--asr-border);
    border-radius: 16px;
    background: #fff;
}

.asr-commerce-sync-source[b-87tu3xnvdk] {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1.2rem;
    text-align: center;
}

    .asr-commerce-sync-source > span[b-87tu3xnvdk] {
        width: 48px;
        height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-commerce-sync-source small[b-87tu3xnvdk] {
        margin-top: .7rem;
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-commerce-sync-source strong[b-87tu3xnvdk] {
        margin-top: .15rem;
        font-size: .68rem;
    }

    .asr-commerce-sync-source em[b-87tu3xnvdk] {
        margin-top: .2rem;
        color: var(--asr-primary);
        font-size: .48rem;
        font-style: normal;
    }

.asr-commerce-sync-arrow[b-87tu3xnvdk] {
    color: var(--asr-primary);
    text-align: center;
}

.asr-commerce-sync-center[b-87tu3xnvdk] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: 1rem;
    background: linear-gradient(145deg, var(--asr-primary-dark), var(--asr-primary));
    color: #fff;
}

    .asr-commerce-sync-center > span[b-87tu3xnvdk] {
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(255, 255, 255, .14);
        font-weight: 900;
    }

    .asr-commerce-sync-center > div[b-87tu3xnvdk] {
        display: flex;
        flex: 1;
        flex-direction: column;
    }

    .asr-commerce-sync-center small[b-87tu3xnvdk] {
        color: rgba(255, 255, 255, .6);
        font-size: .47rem;
    }

    .asr-commerce-sync-center strong[b-87tu3xnvdk] {
        margin-top: .15rem;
        font-size: .62rem;
    }

    .asr-commerce-sync-center > i[b-87tu3xnvdk] {
        animation: asrCommerceRotate-b-87tu3xnvdk 1.6s linear infinite;
    }

@keyframes asrCommerceRotate-b-87tu3xnvdk {
    to {
        transform: rotate(360deg);
    }
}

.asr-commerce-sync-results[b-87tu3xnvdk] {
    display: grid;
    gap: .55rem;
}

    .asr-commerce-sync-results > div[b-87tu3xnvdk] {
        display: flex;
        align-items: center;
        gap: .6rem;
        padding: .7rem;
    }

        .asr-commerce-sync-results > div > i[b-87tu3xnvdk] {
            width: 34px;
            height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-commerce-sync-results span[b-87tu3xnvdk] {
        display: flex;
        flex-direction: column;
    }

    .asr-commerce-sync-results small[b-87tu3xnvdk] {
        color: var(--asr-muted);
        font-size: .45rem;
    }

    .asr-commerce-sync-results strong[b-87tu3xnvdk] {
        margin-top: .12rem;
        font-size: .55rem;
    }

.asr-commerce-order-header > span[b-87tu3xnvdk],
.asr-commerce-report-header > span[b-87tu3xnvdk] {
    padding: .4rem .6rem;
    border-radius: 999px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: .48rem;
    font-weight: 800;
}

.asr-commerce-order-summary[b-87tu3xnvdk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .6rem;
    margin-top: 1rem;
}

    .asr-commerce-order-summary > div[b-87tu3xnvdk] {
        display: flex;
        flex-direction: column;
        padding: .7rem;
        border-radius: 11px;
        background: var(--asr-soft);
    }

    .asr-commerce-order-summary small[b-87tu3xnvdk] {
        color: var(--asr-muted);
        font-size: .44rem;
    }

    .asr-commerce-order-summary strong[b-87tu3xnvdk] {
        margin-top: .15rem;
        font-size: .62rem;
    }

.asr-commerce-order-list[b-87tu3xnvdk] {
    margin-top: 1rem;
}

    .asr-commerce-order-list > div[b-87tu3xnvdk] {
        display: grid;
        grid-template-columns: 32px 1fr auto auto;
        align-items: center;
        gap: .55rem;
        padding: .7rem 0;
        border-bottom: 1px solid var(--asr-border-light);
    }

        .asr-commerce-order-list > div > span[b-87tu3xnvdk] {
            width: 31px;
            height: 31px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: .52rem;
            font-weight: 900;
        }

    .asr-commerce-order-list p[b-87tu3xnvdk] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

        .asr-commerce-order-list p strong[b-87tu3xnvdk] {
            font-size: .54rem;
        }

        .asr-commerce-order-list p small[b-87tu3xnvdk] {
            color: var(--asr-muted);
            font-size: .42rem;
        }

    .asr-commerce-order-list em[b-87tu3xnvdk] {
        font-size: .5rem;
        font-style: normal;
        font-weight: 800;
    }

.asr-commerce-order-status[b-87tu3xnvdk] {
    padding: .28rem .4rem;
    border-radius: 999px;
    background: #edf2f3;
    color: var(--asr-muted);
    font-size: .42rem;
}

    .asr-commerce-order-status.success[b-87tu3xnvdk] {
        background: #effcf4;
        color: #27834d;
    }

    .asr-commerce-order-status.info[b-87tu3xnvdk] {
        background: #edf6ff;
        color: #3271a9;
    }

    .asr-commerce-order-status.warning[b-87tu3xnvdk] {
        background: #fff7e7;
        color: #b47713;
    }

.asr-commerce-channels[b-87tu3xnvdk] {
    background: #fff;
}

.asr-commerce-channel-grid[b-87tu3xnvdk] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-commerce-channel-grid article[b-87tu3xnvdk] {
        padding: 1.35rem;
        border: 1px solid var(--asr-border);
        border-radius: 18px;
        background: #fff;
        transition: .2s ease;
    }

        .asr-commerce-channel-grid article:hover[b-87tu3xnvdk] {
            transform: translateY(-5px);
            box-shadow: 0 22px 50px rgba(16, 36, 47, .09);
        }

        .asr-commerce-channel-grid article > span[b-87tu3xnvdk] {
            width: 48px;
            height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            background: linear-gradient(145deg, var(--asr-primary), var(--asr-secondary));
            color: #fff;
            font-size: .6rem;
            font-weight: 900;
        }

        .asr-commerce-channel-grid article > small[b-87tu3xnvdk] {
            display: block;
            margin-top: .8rem;
            color: var(--asr-primary);
            font-size: .48rem;
            font-weight: 800;
        }

    .asr-commerce-channel-grid h3[b-87tu3xnvdk] {
        margin: .2rem 0 0;
        color: var(--asr-dark);
        font-size: .86rem;
    }

    .asr-commerce-channel-grid p[b-87tu3xnvdk] {
        margin: .55rem 0 0;
        color: var(--asr-muted);
        font-size: .64rem;
        line-height: 1.65;
    }

    .asr-commerce-channel-grid article > div[b-87tu3xnvdk] {
        display: flex;
        flex-wrap: wrap;
        gap: .35rem;
        margin-top: .8rem;
    }

    .asr-commerce-channel-grid em[b-87tu3xnvdk] {
        display: inline-flex;
        align-items: center;
        gap: .25rem;
        padding: .3rem .4rem;
        border-radius: 999px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary-dark);
        font-size: .46rem;
        font-style: normal;
    }

    .asr-commerce-channel-grid a[b-87tu3xnvdk] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        margin-top: 1rem;
        color: var(--asr-primary);
        text-decoration: none;
        font-size: .62rem;
        font-weight: 900;
    }

.asr-commerce-flow[b-87tu3xnvdk] {
    background: var(--asr-soft);
}

.asr-commerce-flow-grid[b-87tu3xnvdk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-top: 3rem;
}

    .asr-commerce-flow-grid > div[b-87tu3xnvdk] {
        width: 135px;
        min-height: 140px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: .85rem;
        border: 1px solid var(--asr-border);
        border-radius: 16px;
        background: #fff;
        text-align: center;
    }

        .asr-commerce-flow-grid > div > span[b-87tu3xnvdk] {
            width: 40px;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-commerce-flow-grid strong[b-87tu3xnvdk] {
        margin-top: .7rem;
        color: var(--asr-dark);
        font-size: .64rem;
    }

    .asr-commerce-flow-grid small[b-87tu3xnvdk] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .48rem;
    }

.asr-commerce-flow-arrow[b-87tu3xnvdk] {
    color: var(--asr-primary);
}

.asr-commerce-payment[b-87tu3xnvdk] {
    background: #fff;
}

.asr-commerce-payment-links[b-87tu3xnvdk] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
}

    .asr-commerce-payment-links a[b-87tu3xnvdk] {
        padding: .45rem .65rem;
        border: 1px solid var(--asr-border);
        border-radius: 999px;
        color: var(--asr-primary);
        text-decoration: none;
        font-size: .55rem;
        font-weight: 800;
    }

.asr-commerce-payment-header > i[b-87tu3xnvdk] {
    color: var(--asr-primary);
    font-size: 1.2rem;
}

.asr-commerce-payment-total[b-87tu3xnvdk] {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 14px;
    background: linear-gradient(145deg, var(--asr-primary-dark), var(--asr-primary));
    color: #fff;
}

    .asr-commerce-payment-total small[b-87tu3xnvdk] {
        color: rgba(255, 255, 255, .65);
        font-size: .5rem;
    }

    .asr-commerce-payment-total strong[b-87tu3xnvdk] {
        display: block;
        margin-top: .25rem;
        font-size: 1.3rem;
    }

.asr-commerce-payment-input[b-87tu3xnvdk] {
    margin-top: .9rem;
}

    .asr-commerce-payment-input small[b-87tu3xnvdk] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-commerce-payment-input > div[b-87tu3xnvdk] {
        margin-top: .3rem;
        padding: .7rem;
        border: 1px solid var(--asr-border);
        border-radius: 10px;
        font-size: .55rem;
    }

        .asr-commerce-payment-input > div i[b-87tu3xnvdk] {
            margin-right: .35rem;
            color: var(--asr-primary);
        }

.asr-commerce-payment-input-grid[b-87tu3xnvdk] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .7rem;
}

.asr-commerce-payment-card > button[b-87tu3xnvdk] {
    width: 100%;
    min-height: 46px;
    margin-top: 1rem;
    border: 0;
    border-radius: 11px;
    background: var(--asr-primary);
    color: #fff;
    font-size: .6rem;
    font-weight: 900;
}

.asr-commerce-payment-providers[b-87tu3xnvdk] {
    display: flex;
    justify-content: center;
    gap: .55rem;
    margin-top: .8rem;
}

    .asr-commerce-payment-providers span[b-87tu3xnvdk] {
        padding: .32rem .5rem;
        border-radius: 999px;
        background: var(--asr-soft);
        color: var(--asr-muted);
        font-size: .46rem;
        font-weight: 800;
    }

.asr-commerce-logistics[b-87tu3xnvdk] {
    background: var(--asr-soft);
}

.asr-commerce-reports[b-87tu3xnvdk] {
    background: #fff;
}

.asr-commerce-report-total[b-87tu3xnvdk] {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 14px;
    background: var(--asr-soft);
}

    .asr-commerce-report-total small[b-87tu3xnvdk] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-commerce-report-total strong[b-87tu3xnvdk] {
        display: block;
        margin-top: .25rem;
        color: var(--asr-dark);
        font-size: 1.3rem;
    }

    .asr-commerce-report-total em[b-87tu3xnvdk] {
        display: inline-block;
        margin-top: .3rem;
        color: var(--asr-primary);
        font-size: .5rem;
        font-style: normal;
        font-weight: 800;
    }

.asr-commerce-report-bars[b-87tu3xnvdk] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

    .asr-commerce-report-bars > div > span[b-87tu3xnvdk] {
        display: flex;
        justify-content: space-between;
    }

    .asr-commerce-report-bars small[b-87tu3xnvdk] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-commerce-report-bars strong[b-87tu3xnvdk] {
        font-size: .52rem;
    }

    .asr-commerce-report-bars i[b-87tu3xnvdk] {
        height: 7px;
        display: block;
        margin-top: .35rem;
        overflow: hidden;
        border-radius: 999px;
        background: #edf2f3;
    }

    .asr-commerce-report-bars b[b-87tu3xnvdk] {
        height: 100%;
        display: block;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--asr-primary), var(--asr-secondary));
    }

.asr-commerce-faq-grid[b-87tu3xnvdk] {
    align-items: start;
}

.asr-commerce-faq-list[b-87tu3xnvdk] {
    display: grid;
    gap: .75rem;
}

    .asr-commerce-faq-list details[b-87tu3xnvdk] {
        overflow: hidden;
        border: 1px solid var(--asr-border);
        border-radius: 15px;
        background: #fff;
    }

    .asr-commerce-faq-list summary[b-87tu3xnvdk] {
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.2rem;
        color: var(--asr-dark);
        font-size: .75rem;
        font-weight: 900;
        cursor: pointer;
        list-style: none;
    }

        .asr-commerce-faq-list summary[b-87tu3xnvdk]::-webkit-details-marker {
            display: none;
        }

        .asr-commerce-faq-list summary i[b-87tu3xnvdk] {
            color: var(--asr-primary);
        }

    .asr-commerce-faq-list details[open] summary i[b-87tu3xnvdk] {
        transform: rotate(45deg);
    }

    .asr-commerce-faq-list details p[b-87tu3xnvdk] {
        margin: 0;
        padding: 0 1.2rem 1.2rem;
        color: var(--asr-muted);
        font-size: .7rem;
        line-height: 1.75;
    }

.asr-commerce-text-link[b-87tu3xnvdk] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1.4rem;
    color: var(--asr-primary);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 900;
}

.asr-commerce-seo[b-87tu3xnvdk] {
    padding: 5rem 0;
    background: #fff;
}

.asr-commerce-seo-content[b-87tu3xnvdk] {
    max-width: 900px;
    margin: auto;
}

    .asr-commerce-seo-content h2[b-87tu3xnvdk] {
        color: var(--asr-dark);
        font-size: clamp(1.8rem, 4vw, 2.7rem);
        letter-spacing: -.04em;
    }

    .asr-commerce-seo-content p[b-87tu3xnvdk] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        font-size: .84rem;
        line-height: 1.9;
    }

.asr-commerce-final[b-87tu3xnvdk] {
    padding: 0 0 6.5rem;
    background: #fff;
}

.asr-commerce-final-box[b-87tu3xnvdk] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 3rem;
    padding: 3.5rem;
    overflow: hidden;
    border-radius: 28px;
    background: radial-gradient(circle at 85% 10%, rgba(255, 255, 255, .15), transparent 30%), linear-gradient(135deg, #062b35, #0d8d7f);
    color: #fff;
    box-shadow: 0 32px 75px rgba(8, 127, 114, .23);
}

    .asr-commerce-final-box > div:first-child > span[b-87tu3xnvdk] {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        color: rgba(255, 255, 255, .72);
        font-size: .68rem;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .asr-commerce-final-box h2[b-87tu3xnvdk] {
        margin: .8rem 0 0;
        font-size: clamp(2.1rem, 4vw, 3.3rem);
        line-height: 1.12;
        letter-spacing: -.05em;
    }

        .asr-commerce-final-box h2 strong[b-87tu3xnvdk] {
            color: #62e5d1;
        }

    .asr-commerce-final-box p[b-87tu3xnvdk] {
        max-width: 650px;
        margin: 1rem 0 0;
        color: rgba(255, 255, 255, .72);
        line-height: 1.8;
    }

.asr-commerce-final-actions[b-87tu3xnvdk] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.6rem;
}

    .asr-commerce-final-actions a[b-87tu3xnvdk] {
        min-height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: .7rem 1rem;
        border-radius: 13px;
        text-decoration: none;
        font-size: .74rem;
        font-weight: 900;
    }

        .asr-commerce-final-actions a:first-child[b-87tu3xnvdk] {
            background: #fff;
            color: var(--asr-primary-dark);
        }

        .asr-commerce-final-actions a:last-child[b-87tu3xnvdk] {
            border: 1px solid rgba(255, 255, 255, .25);
            color: #fff;
        }

.asr-commerce-final-stats[b-87tu3xnvdk] {
    display: grid;
    gap: .75rem;
}

    .asr-commerce-final-stats > div[b-87tu3xnvdk] {
        display: flex;
        flex-direction: column;
        padding: 1.2rem;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 16px;
        background: rgba(255, 255, 255, .08);
    }

    .asr-commerce-final-stats strong[b-87tu3xnvdk] {
        font-size: 1.25rem;
    }

    .asr-commerce-final-stats span[b-87tu3xnvdk] {
        margin-top: .25rem;
        color: rgba(255, 255, 255, .67);
        font-size: .64rem;
    }

@media (max-width: 1150px) {

    .asr-commerce-hero-grid[b-87tu3xnvdk],
    .asr-commerce-two-column[b-87tu3xnvdk],
    .asr-commerce-faq-grid[b-87tu3xnvdk] {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .asr-commerce-hero-content[b-87tu3xnvdk] {
        text-align: center;
    }

    .asr-commerce-hero-actions[b-87tu3xnvdk],
    .asr-commerce-hero-points[b-87tu3xnvdk] {
        justify-content: center;
    }

    .asr-commerce-browser[b-87tu3xnvdk] {
        width: min(760px, 100%);
        margin: auto;
        transform: none;
    }

    .asr-commerce-channel-grid[b-87tu3xnvdk] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-commerce-content[b-87tu3xnvdk],
    .asr-commerce-faq-heading[b-87tu3xnvdk] {
        text-align: center;
    }

    .asr-commerce-payment-links[b-87tu3xnvdk],
    .asr-commerce-text-link[b-87tu3xnvdk] {
        justify-content: center;
    }
}

@media (max-width: 850px) {

    .asr-commerce-stat-grid[b-87tu3xnvdk] {
        grid-template-columns: repeat(2, 1fr);
    }

        .asr-commerce-stat-grid > div[b-87tu3xnvdk] {
            border-right: 0;
            border-bottom: 1px solid var(--asr-border);
        }

    .asr-commerce-benefit-grid[b-87tu3xnvdk],
    .asr-commerce-logistics-grid[b-87tu3xnvdk] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-commerce-sync-board[b-87tu3xnvdk] {
        grid-template-columns: 1fr;
    }

    .asr-commerce-sync-arrow[b-87tu3xnvdk] {
        transform: rotate(90deg);
    }

    .asr-commerce-flow-grid[b-87tu3xnvdk] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

        .asr-commerce-flow-grid > div[b-87tu3xnvdk] {
            width: auto;
        }

    .asr-commerce-flow-arrow[b-87tu3xnvdk] {
        display: none;
    }

    .asr-commerce-final-box[b-87tu3xnvdk] {
        grid-template-columns: 1fr;
        padding: 2.4rem;
    }

    .asr-commerce-final-stats[b-87tu3xnvdk] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 650px) {

    .asr-commerce-hero[b-87tu3xnvdk] {
        padding: 5rem 0;
    }

        .asr-commerce-hero h1[b-87tu3xnvdk] {
            font-size: 2.7rem;
        }

    .asr-commerce-hero-actions[b-87tu3xnvdk] {
        display: grid;
    }

    .asr-commerce-primary-button[b-87tu3xnvdk],
    .asr-commerce-secondary-button[b-87tu3xnvdk] {
        width: 100%;
        justify-content: center;
    }

    .asr-commerce-hero-points[b-87tu3xnvdk] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        text-align: left;
    }

    .asr-commerce-summary[b-87tu3xnvdk] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-commerce-dashboard-body[b-87tu3xnvdk] {
        grid-template-columns: 1fr;
    }

    .asr-commerce-channel-card[b-87tu3xnvdk],
    .asr-commerce-floating[b-87tu3xnvdk] {
        display: none;
    }

    .asr-commerce-benefits[b-87tu3xnvdk],
    .asr-commerce-sync[b-87tu3xnvdk],
    .asr-commerce-channels[b-87tu3xnvdk],
    .asr-commerce-flow[b-87tu3xnvdk],
    .asr-commerce-logistics[b-87tu3xnvdk],
    .asr-commerce-products[b-87tu3xnvdk],
    .asr-commerce-orders[b-87tu3xnvdk],
    .asr-commerce-payment[b-87tu3xnvdk],
    .asr-commerce-reports[b-87tu3xnvdk],
    .asr-commerce-faq[b-87tu3xnvdk] {
        padding: 4.5rem 0;
    }

    .asr-commerce-benefit-grid[b-87tu3xnvdk],
    .asr-commerce-logistics-grid[b-87tu3xnvdk],
    .asr-commerce-channel-grid[b-87tu3xnvdk],
    .asr-commerce-flow-grid[b-87tu3xnvdk] {
        grid-template-columns: 1fr;
    }

    .asr-commerce-product-row[b-87tu3xnvdk] {
        grid-template-columns: 36px 1fr auto;
    }

        .asr-commerce-product-row > div[b-87tu3xnvdk] {
            display: none;
        }

    .asr-commerce-order-summary[b-87tu3xnvdk] {
        grid-template-columns: 1fr;
    }

    .asr-commerce-order-list > div[b-87tu3xnvdk] {
        grid-template-columns: 31px 1fr auto;
    }

    .asr-commerce-order-list b[b-87tu3xnvdk] {
        grid-column: 2 / -1;
        width: fit-content;
    }

    .asr-commerce-payment-input-grid[b-87tu3xnvdk] {
        grid-template-columns: 1fr;
    }

    .asr-commerce-final-stats[b-87tu3xnvdk] {
        grid-template-columns: 1fr;
    }

    .asr-commerce-final-actions[b-87tu3xnvdk] {
        display: grid;
    }
}
/* /Components/Pages/Iletisim.razor.rz.scp.css */
/* =========================================================
   ASORTİ İLETİŞİM SAYFASI
   Modern, kurumsal ve responsive tasarım
   ========================================================= */

.asr-contact-hero[b-m8gtwikn4b] {
    position: relative;
    overflow: hidden;
    padding: 96px 0 120px;
    color: #ffffff;
    background: radial-gradient(circle at 12% 18%, rgba(74, 222, 201, .22), transparent 28%), radial-gradient(circle at 88% 15%, rgba(255, 255, 255, .12), transparent 24%), linear-gradient(135deg, #063f3a 0%, #087f72 52%, #0d9f8f 100%);
}

    .asr-contact-hero[b-m8gtwikn4b]::after {
        content: "";
        position: absolute;
        right: -120px;
        bottom: -180px;
        width: 460px;
        height: 460px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, .14);
        box-shadow: 0 0 0 60px rgba(255, 255, 255, .035), 0 0 0 120px rgba(255, 255, 255, .025);
    }

.asr-contact-hero-shape[b-m8gtwikn4b] {
    position: absolute;
    border-radius: 999px;
    filter: blur(2px);
    pointer-events: none;
}

.asr-contact-shape-one[b-m8gtwikn4b] {
    top: 70px;
    right: 11%;
    width: 140px;
    height: 140px;
    background: rgba(255, 255, 255, .06);
    transform: rotate(32deg);
}

.asr-contact-shape-two[b-m8gtwikn4b] {
    left: 7%;
    bottom: 34px;
    width: 76px;
    height: 76px;
    background: rgba(103, 232, 212, .12);
}

.asr-contact-hero-content[b-m8gtwikn4b] {
    position: relative;
    z-index: 2;
    max-width: 820px;
}

.asr-contact-eyebrow[b-m8gtwikn4b] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 14px;
    margin-bottom: 22px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(10px);
    font-size: 13px;
    font-weight: 700;
}

.asr-contact-hero h1[b-m8gtwikn4b] {
    max-width: 780px;
    margin: 0;
    font-size: clamp(38px, 5vw, 66px);
    line-height: 1.08;
    letter-spacing: -2px;
    font-weight: 800;
}

    .asr-contact-hero h1 span[b-m8gtwikn4b] {
        display: block;
        margin-top: 10px;
        color: #9ff1e5;
    }

.asr-contact-hero p[b-m8gtwikn4b] {
    max-width: 720px;
    margin: 25px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: 18px;
    line-height: 1.75;
}

.asr-contact-hero-actions[b-m8gtwikn4b] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}

.asr-contact-primary-action[b-m8gtwikn4b],
.asr-contact-whatsapp-action[b-m8gtwikn4b] {
    display: inline-flex;
    align-items: center;
    min-width: 240px;
    padding: 14px 18px;
    gap: 13px;
    border-radius: 16px;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}

.asr-contact-primary-action[b-m8gtwikn4b] {
    color: #083c38;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .16);
}

.asr-contact-whatsapp-action[b-m8gtwikn4b] {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .09);
    backdrop-filter: blur(12px);
}

    .asr-contact-primary-action:hover[b-m8gtwikn4b],
    .asr-contact-whatsapp-action:hover[b-m8gtwikn4b] {
        transform: translateY(-3px);
    }

.asr-contact-action-icon[b-m8gtwikn4b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 13px;
    background: rgba(8, 127, 114, .10);
    font-size: 20px;
}

.asr-contact-whatsapp-action .asr-contact-action-icon[b-m8gtwikn4b] {
    background: rgba(255, 255, 255, .10);
}

.asr-contact-primary-action span:last-child[b-m8gtwikn4b],
.asr-contact-whatsapp-action span:last-child[b-m8gtwikn4b] {
    display: grid;
    gap: 2px;
}

.asr-contact-primary-action small[b-m8gtwikn4b],
.asr-contact-whatsapp-action small[b-m8gtwikn4b] {
    opacity: .7;
    font-size: 11px;
}

.asr-contact-primary-action strong[b-m8gtwikn4b],
.asr-contact-whatsapp-action strong[b-m8gtwikn4b] {
    font-size: 15px;
}

.asr-contact-main[b-m8gtwikn4b] {
    position: relative;
    padding: 96px 0;
    background: linear-gradient(#f6fafa, #ffffff);
}

.asr-contact-grid[b-m8gtwikn4b] {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr);
    align-items: start;
    gap: 54px;
}

.asr-contact-section-heading > span[b-m8gtwikn4b],
.asr-office-heading span[b-m8gtwikn4b] {
    display: inline-block;
    margin-bottom: 10px;
    color: #087f72;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.asr-contact-section-heading h2[b-m8gtwikn4b],
.asr-office-heading h2[b-m8gtwikn4b] {
    margin: 0;
    color: #102a32;
    font-size: clamp(30px, 3vw, 43px);
    line-height: 1.17;
    letter-spacing: -1px;
}

.asr-contact-section-heading p[b-m8gtwikn4b],
.asr-office-heading p[b-m8gtwikn4b] {
    margin: 16px 0 0;
    color: #6b7f86;
    line-height: 1.75;
}

.asr-contact-methods[b-m8gtwikn4b] {
    display: grid;
    gap: 13px;
    margin-top: 30px;
}

.asr-contact-method-card[b-m8gtwikn4b] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 15px;
    padding: 18px;
    border: 1px solid #e1eaec;
    border-radius: 18px;
    color: inherit;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(16, 42, 50, .055);
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

    .asr-contact-method-card:hover[b-m8gtwikn4b] {
        transform: translateY(-3px);
        border-color: #a7ddd5;
        box-shadow: 0 18px 40px rgba(16, 42, 50, .095);
    }

.asr-contact-method-icon[b-m8gtwikn4b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    color: #087f72;
    background: #eaf8f5;
    font-size: 20px;
}

.asr-contact-whatsapp-icon[b-m8gtwikn4b] {
    color: #087d42;
    background: #eaf9f0;
}

.asr-contact-method-content[b-m8gtwikn4b] {
    display: grid;
}

    .asr-contact-method-content small[b-m8gtwikn4b] {
        color: #82949a;
        font-size: 11px;
    }

    .asr-contact-method-content strong[b-m8gtwikn4b] {
        margin-top: 2px;
        color: #17343d;
        font-size: 15px;
    }

    .asr-contact-method-content em[b-m8gtwikn4b] {
        margin-top: 4px;
        color: #7c8f95;
        font-size: 12px;
        font-style: normal;
    }

.asr-contact-method-arrow[b-m8gtwikn4b] {
    color: #8aa0a6;
}

.asr-contact-benefits[b-m8gtwikn4b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

    .asr-contact-benefits > div[b-m8gtwikn4b] {
        padding: 20px;
        border: 1px solid #e2ebed;
        border-radius: 18px;
        background: rgba(255, 255, 255, .8);
    }

        .asr-contact-benefits > div > span[b-m8gtwikn4b] {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            margin-bottom: 13px;
            border-radius: 13px;
            color: #087f72;
            background: #eaf8f5;
        }

    .asr-contact-benefits strong[b-m8gtwikn4b] {
        display: block;
        color: #1b3941;
        font-size: 14px;
    }

    .asr-contact-benefits p[b-m8gtwikn4b] {
        margin: 8px 0 0;
        color: #75888e;
        font-size: 12px;
        line-height: 1.6;
    }

/* FORM */

.asr-contact-form-wrapper[b-m8gtwikn4b] {
    position: sticky;
    top: 92px;
    min-width: 0;
}

.asr-contact-form-card[b-m8gtwikn4b] {
    position: relative;
    overflow: hidden;
    padding: 36px;
    border: 1px solid rgba(8, 127, 114, .15);
    border-radius: 28px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 30px 80px rgba(16, 42, 50, .13), 0 1px 0 rgba(255, 255, 255, .9) inset;
}

    .asr-contact-form-card[b-m8gtwikn4b]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 5px;
        background: linear-gradient(90deg, #087f72, #1ec9b3, #8ee9dd);
    }

.asr-contact-form-heading small[b-m8gtwikn4b] {
    display: inline-block;
    margin-bottom: 6px;
    color: #087f72;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.asr-contact-form-heading h2[b-m8gtwikn4b] {
    margin: 0;
    color: #102a32;
    font-size: 27px;
    line-height: 1.25;
    letter-spacing: -.5px;
}

.asr-contact-form-description[b-m8gtwikn4b] {
    margin: 15px 0 25px;
    color: #71848b;
    line-height: 1.65;
}

.asr-contact-form-grid[b-m8gtwikn4b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.asr-contact-field[b-m8gtwikn4b] {
    min-width: 0;
}

.asr-contact-field-full[b-m8gtwikn4b] {
    grid-column: 1 / -1;
}

.asr-contact-field > label[b-m8gtwikn4b] {
    display: block;
    margin-bottom: 8px;
    color: #324a52;
    font-size: 13px;
    font-weight: 700;
}

    .asr-contact-field > label > span[b-m8gtwikn4b] {
        color: #d92d20;
    }

/* Input içinde ikon yoktur */
.asr-contact-input-wrapper[b-m8gtwikn4b] {
    display: block;
    width: 100%;
}

    .asr-contact-input-wrapper .asr-contact-input[b-m8gtwikn4b],
    .asr-contact-textarea[b-m8gtwikn4b] {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #d9e5e7;
        outline: none;
        color: #203a42;
        background: #fbfdfd;
        transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease, transform .2s ease;
    }

    .asr-contact-input-wrapper .asr-contact-input[b-m8gtwikn4b] {
        min-height: 54px;
        padding: 13px 15px !important;
        border-radius: 14px;
        font-size: 14px;
        line-height: 1.4;
        text-indent: 0 !important;
    }

    .asr-contact-input-wrapper select.asr-contact-input[b-m8gtwikn4b] {
        padding-right: 38px !important;
        cursor: pointer;
    }

    .asr-contact-input-wrapper .asr-contact-input[b-m8gtwikn4b]::placeholder,
    .asr-contact-textarea[b-m8gtwikn4b]::placeholder {
        color: #9aabb0;
        opacity: 1;
    }

    .asr-contact-input-wrapper .asr-contact-input:hover[b-m8gtwikn4b],
    .asr-contact-textarea:hover[b-m8gtwikn4b] {
        border-color: #bfd8d4;
        background: #ffffff;
    }

    .asr-contact-input-wrapper .asr-contact-input:focus[b-m8gtwikn4b],
    .asr-contact-textarea:focus[b-m8gtwikn4b] {
        border-color: #39b7a5;
        background: #ffffff;
        box-shadow: 0 0 0 4px rgba(8, 127, 114, .10);
    }

.asr-contact-textarea[b-m8gtwikn4b] {
    min-height: 130px;
    padding: 15px;
    border-radius: 14px;
    resize: vertical;
}

    .asr-contact-input.invalid[b-m8gtwikn4b],
    .asr-contact-input.modified.invalid[b-m8gtwikn4b],
    .asr-contact-textarea.invalid[b-m8gtwikn4b] {
        border-color: #e64646 !important;
        box-shadow: 0 0 0 3px rgba(230, 70, 70, .08) !important;
    }

.validation-message[b-m8gtwikn4b] {
    display: block;
    margin-top: 6px;
    color: #b42318;
    font-size: 12px;
}

.asr-contact-validation-summary[b-m8gtwikn4b],
.asr-contact-error[b-m8gtwikn4b] {
    padding: 13px 15px;
    margin-bottom: 18px;
    border: 1px solid #fecaca;
    border-radius: 13px;
    color: #b42318;
    background: #fff4f4;
    font-size: 13px;
}

.asr-contact-error[b-m8gtwikn4b] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.asr-contact-request-types[b-m8gtwikn4b] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.asr-contact-request-button[b-m8gtwikn4b] {
    min-height: 42px;
    padding: 10px 15px;
    border: 1px solid #d8e5e7;
    border-radius: 999px;
    color: #536970;
    background: #ffffff;
    font-size: 13px;
    font-weight: 700;
    transition: all .2s ease;
}

    .asr-contact-request-button:hover[b-m8gtwikn4b] {
        color: #087f72;
        border-color: #8fd3ca;
        background: #f1fbf9;
        transform: translateY(-1px);
    }

.asr-contact-request-button-active[b-m8gtwikn4b] {
    color: #ffffff;
    border-color: #087f72;
    background: linear-gradient(135deg, #087f72, #13a996);
    box-shadow: 0 8px 20px rgba(8, 127, 114, .20);
}

.asr-contact-consent[b-m8gtwikn4b] {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    margin: 0 !important;
    color: #596f76 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.55;
    cursor: pointer;
}

    .asr-contact-consent input[b-m8gtwikn4b] {
        flex: 0 0 auto;
        width: 17px;
        height: 17px;
        margin-top: 2px;
        accent-color: #087f72;
    }

.asr-contact-submit[b-m8gtwikn4b] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    padding: 14px 20px;
    margin-top: 23px;
    gap: 10px;
    border: 0;
    border-radius: 15px;
    color: #ffffff;
    background: linear-gradient(135deg, #087f72, #13ab97);
    box-shadow: 0 15px 32px rgba(8, 127, 114, .25);
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease;
}

    .asr-contact-submit:hover:not(:disabled)[b-m8gtwikn4b] {
        transform: translateY(-2px);
        box-shadow: 0 20px 38px rgba(8, 127, 114, .31);
    }

    .asr-contact-submit:disabled[b-m8gtwikn4b] {
        opacity: .65;
        cursor: not-allowed;
    }

.asr-contact-spinner[b-m8gtwikn4b] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: asr-contact-spin-b-m8gtwikn4b .7s linear infinite;
}

@keyframes asr-contact-spin-b-m8gtwikn4b {
    to {
        transform: rotate(360deg);
    }
}

.asr-contact-form-note[b-m8gtwikn4b] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 13px;
    color: #7a8d93;
    font-size: 11px;
    text-align: center;
}

.asr-contact-success[b-m8gtwikn4b] {
    display: flex;
    align-items: flex-start;
    padding: 22px;
    gap: 14px;
    border: 1px solid #a6f4c5;
    border-radius: 17px;
    background: linear-gradient(135deg, #ecfdf3, #f7fffa);
}

    .asr-contact-success > span[b-m8gtwikn4b] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 46px;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        color: #ffffff;
        background: #12a15c;
    }

    .asr-contact-success strong[b-m8gtwikn4b] {
        color: #05603a;
    }

    .asr-contact-success p[b-m8gtwikn4b] {
        margin: 5px 0 0;
        color: #25714f;
    }

.asr-contact-new-request[b-m8gtwikn4b] {
    padding: 9px 14px;
    margin-top: 14px;
    border: 1px solid #8ed9ae;
    border-radius: 10px;
    color: #05603a;
    background: #ffffff;
    font-weight: 700;
}

/* OFİSLER */

.asr-office-section[b-m8gtwikn4b] {
    padding: 96px 0;
    background: #ffffff;
}

.asr-office-heading[b-m8gtwikn4b] {
    display: grid;
    grid-template-columns: 1fr .7fr;
    align-items: end;
    gap: 30px;
    margin-bottom: 34px;
}

.asr-office-grid[b-m8gtwikn4b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.asr-office-card[b-m8gtwikn4b] {
    overflow: hidden;
    border: 1px solid #e1eaec;
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0 16px 46px rgba(16, 42, 50, .08);
}

.asr-office-visual[b-m8gtwikn4b] {
    position: relative;
    min-height: 225px;
    padding: 28px;
    overflow: hidden;
    color: #ffffff;
}

    .asr-office-visual[b-m8gtwikn4b]::after {
        content: "";
        position: absolute;
        right: -90px;
        bottom: -100px;
        width: 260px;
        height: 260px;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 50%;
        box-shadow: 0 0 0 40px rgba(255,255,255,.04);
    }

.asr-office-visual-main[b-m8gtwikn4b] {
    background: linear-gradient(135deg, #063f3a, #087f72);
}

.asr-office-visual-gebze[b-m8gtwikn4b] {
    background: linear-gradient(135deg, #173b67, #2365a9);
}

.asr-office-type[b-m8gtwikn4b] {
    display: inline-flex;
    padding: 7px 12px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: 11px;
    font-weight: 700;
}

.asr-office-building-icon[b-m8gtwikn4b] {
    position: absolute;
    top: 27px;
    right: 27px;
    font-size: 32px;
    opacity: .85;
}

.asr-office-visual-content[b-m8gtwikn4b] {
    position: absolute;
    z-index: 2;
    left: 28px;
    bottom: 28px;
    display: grid;
}

    .asr-office-visual-content small[b-m8gtwikn4b] {
        opacity: .72;
    }

    .asr-office-visual-content strong[b-m8gtwikn4b] {
        margin-top: 4px;
        font-size: 25px;
    }

.asr-office-content[b-m8gtwikn4b] {
    padding: 25px;
}

    .asr-office-content h3[b-m8gtwikn4b] {
        margin: 0;
        color: #17343d;
        font-size: 19px;
    }

.asr-office-address[b-m8gtwikn4b] {
    display: flex;
    gap: 11px;
    margin-top: 18px;
}

    .asr-office-address > span[b-m8gtwikn4b] {
        color: #087f72;
    }

    .asr-office-address p[b-m8gtwikn4b] {
        margin: 0;
        color: #6e8288;
        font-size: 13px;
        line-height: 1.7;
    }

.asr-office-links[b-m8gtwikn4b] {
    display: grid;
    gap: 9px;
    margin-top: 18px;
}

    .asr-office-links a[b-m8gtwikn4b] {
        color: #405c64;
        text-decoration: none;
        font-size: 13px;
    }

    .asr-office-links i[b-m8gtwikn4b] {
        margin-right: 7px;
        color: #087f72;
    }

.asr-office-map-link[b-m8gtwikn4b] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 20px;
    color: #087f72;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
}

/* ALT CTA */

.asr-contact-bottom-cta[b-m8gtwikn4b] {
    padding: 0 0 96px;
    background: #ffffff;
}

.asr-contact-bottom-box[b-m8gtwikn4b] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 24px;
    padding: 34px;
    border-radius: 25px;
    color: #ffffff;
    background: radial-gradient(circle at 85% 10%, rgba(255,255,255,.13), transparent 24%), linear-gradient(135deg, #063f3a, #087f72);
    box-shadow: 0 24px 55px rgba(8, 70, 64, .22);
}

.asr-contact-bottom-icon[b-m8gtwikn4b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .12);
    font-size: 27px;
}

.asr-contact-bottom-box span[b-m8gtwikn4b] {
    opacity: .72;
    font-size: 12px;
}

.asr-contact-bottom-box h2[b-m8gtwikn4b] {
    margin: 5px 0 0;
    font-size: 26px;
}

.asr-contact-bottom-box p[b-m8gtwikn4b] {
    margin: 7px 0 0;
    color: rgba(255,255,255,.72);
}

.asr-contact-bottom-box > a[b-m8gtwikn4b] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 14px 18px;
    border-radius: 13px;
    color: #063f3a;
    background: #ffffff;
    text-decoration: none;
    font-weight: 800;
    white-space: nowrap;
}

/* RESPONSIVE */

@media (max-width: 1100px) {
    .asr-contact-grid[b-m8gtwikn4b] {
        grid-template-columns: 1fr;
    }

    .asr-contact-form-wrapper[b-m8gtwikn4b] {
        position: static;
    }
}

@media (max-width: 768px) {
    .asr-contact-hero[b-m8gtwikn4b] {
        padding: 72px 0 90px;
    }

    .asr-contact-main[b-m8gtwikn4b],
    .asr-office-section[b-m8gtwikn4b] {
        padding: 72px 0;
    }

    .asr-contact-benefits[b-m8gtwikn4b],
    .asr-office-grid[b-m8gtwikn4b],
    .asr-office-heading[b-m8gtwikn4b] {
        grid-template-columns: 1fr;
    }

    .asr-contact-form-card[b-m8gtwikn4b] {
        padding: 26px;
        border-radius: 22px;
    }

    .asr-contact-form-grid[b-m8gtwikn4b] {
        grid-template-columns: 1fr;
    }

    .asr-contact-field-full[b-m8gtwikn4b] {
        grid-column: auto;
    }

    .asr-contact-bottom-box[b-m8gtwikn4b] {
        grid-template-columns: 1fr;
        text-align: center;
    }

        .asr-contact-bottom-icon[b-m8gtwikn4b],
        .asr-contact-bottom-box > a[b-m8gtwikn4b] {
            margin: auto;
        }
}

@media (max-width: 576px) {
    .asr-contact-hero h1[b-m8gtwikn4b] {
        font-size: 38px;
        letter-spacing: -1px;
    }

    .asr-contact-hero-actions[b-m8gtwikn4b],
    .asr-contact-primary-action[b-m8gtwikn4b],
    .asr-contact-whatsapp-action[b-m8gtwikn4b] {
        width: 100%;
    }

    .asr-contact-form-card[b-m8gtwikn4b] {
        padding: 22px 18px;
    }

    .asr-contact-input-wrapper .asr-contact-input[b-m8gtwikn4b] {
        min-height: 52px;
        font-size: 16px;
    }

    .asr-contact-request-types[b-m8gtwikn4b] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .asr-contact-request-button[b-m8gtwikn4b] {
        border-radius: 12px;
    }

    .asr-office-content[b-m8gtwikn4b] {
        padding: 21px;
    }

    .asr-contact-bottom-box[b-m8gtwikn4b] {
        padding: 26px 20px;
    }
}
/* /Components/Pages/Magazacilik.razor.rz.scp.css */
.asr-retail-hero[b-ax12a5jrae] {
    position: relative;
    overflow: hidden;
    padding: 7rem 0 7.5rem;
    background: radial-gradient(circle at 82% 14%, rgba(28, 220, 193, 0.18), transparent 26%), radial-gradient(circle at 8% 72%, rgba(255, 184, 76, 0.09), transparent 22%), linear-gradient(135deg, #062b35 0%, #075f5c 56%, #0d8d7f 100%);
    color: #fff;
}

    .asr-retail-hero[b-ax12a5jrae]::before {
        position: absolute;
        top: -250px;
        right: -180px;
        width: 650px;
        height: 650px;
        content: "";
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 50%;
        box-shadow: 0 0 0 80px rgba(255, 255, 255, 0.022), 0 0 0 160px rgba(255, 255, 255, 0.014);
    }

.asr-retail-hero-glow[b-ax12a5jrae] {
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
}

.asr-retail-glow-one[b-ax12a5jrae] {
    top: 12%;
    left: 6%;
    width: 90px;
    height: 90px;
    background: rgba(255, 184, 76, 0.1);
}

.asr-retail-glow-two[b-ax12a5jrae] {
    right: 9%;
    bottom: 8%;
    width: 150px;
    height: 150px;
    background: rgba(91, 225, 204, 0.1);
}

.asr-retail-hero-grid[b-ax12a5jrae] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.1fr);
    align-items: center;
    gap: 5rem;
}

.asr-retail-eyebrow[b-ax12a5jrae] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.09);
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.76rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.asr-retail-hero h1[b-ax12a5jrae] {
    margin: 1.5rem 0 0;
    font-size: clamp(3rem, 6vw, 5.5rem);
    line-height: 0.99;
    letter-spacing: -0.07em;
}

    .asr-retail-hero h1 span[b-ax12a5jrae] {
        display: block;
        color: #5be1cc;
    }

.asr-retail-hero-content > p[b-ax12a5jrae] {
    max-width: 700px;
    margin: 1.6rem 0 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 1.06rem;
    line-height: 1.85;
}

.asr-retail-hero-actions[b-ax12a5jrae] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 2rem;
}

.asr-retail-primary-button[b-ax12a5jrae],
.asr-retail-secondary-button[b-ax12a5jrae] {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 15px;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 800;
    transition: 0.2s ease;
}

.asr-retail-primary-button[b-ax12a5jrae] {
    padding: 0.55rem 0.7rem;
    background: #fff;
    color: var(--asr-dark);
    box-shadow: 0 18px 42px rgba(1, 20, 25, 0.2);
}

    .asr-retail-primary-button > i:first-child[b-ax12a5jrae] {
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-retail-primary-button span[b-ax12a5jrae] {
        display: flex;
        flex-direction: column;
    }

    .asr-retail-primary-button small[b-ax12a5jrae] {
        color: var(--asr-muted);
        font-size: 0.55rem;
    }

    .asr-retail-primary-button strong[b-ax12a5jrae] {
        color: var(--asr-dark);
        font-size: 0.82rem;
    }

.asr-retail-secondary-button[b-ax12a5jrae] {
    padding: 0.8rem 1.2rem;
    border: 1px solid rgba(255, 255, 255, 0.23);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    backdrop-filter: blur(10px);
}

    .asr-retail-primary-button:hover[b-ax12a5jrae],
    .asr-retail-secondary-button:hover[b-ax12a5jrae] {
        color: inherit;
        transform: translateY(-3px);
    }

.asr-retail-hero-checks[b-ax12a5jrae] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.6rem;
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.7rem;
    font-weight: 700;
}

    .asr-retail-hero-checks span[b-ax12a5jrae] {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }

    .asr-retail-hero-checks i[b-ax12a5jrae] {
        color: #5be1cc;
    }

.asr-retail-hero-visual[b-ax12a5jrae] {
    position: relative;
}

.asr-retail-screen[b-ax12a5jrae] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 40px 100px rgba(1, 20, 25, 0.3);
    transform: perspective(1300px) rotateY(-3deg) rotateX(1deg);
}

.asr-retail-browser-bar[b-ax12a5jrae] {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    background: #f6f9fa;
    border-bottom: 1px solid #e5edef;
}

.asr-retail-browser-dots[b-ax12a5jrae] {
    display: flex;
    gap: 0.35rem;
}

    .asr-retail-browser-dots span[b-ax12a5jrae] {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #c7d2d7;
    }

.asr-retail-browser-address[b-ax12a5jrae] {
    min-width: 190px;
    margin: auto;
    padding: 0.28rem 0.8rem;
    border-radius: 7px;
    background: #eaf0f2;
    color: #8ba0a9;
    font-size: 0.58rem;
    text-align: center;
}

.asr-retail-app[b-ax12a5jrae] {
    min-height: 460px;
    display: flex;
}

.asr-retail-sidebar[b-ax12a5jrae] {
    width: 66px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1.1rem 0.7rem;
    background: #0b2c37;
}

.asr-retail-sidebar-logo[b-ax12a5jrae] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.4rem;
    border-radius: 11px;
    background: var(--asr-secondary);
    color: #fff;
    font-weight: 900;
}

.asr-retail-sidebar button[b-ax12a5jrae] {
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: rgba(255, 255, 255, 0.45);
}

    .asr-retail-sidebar button.active[b-ax12a5jrae] {
        background: rgba(91, 225, 204, 0.15);
        color: #5be1cc;
    }

.asr-retail-dashboard[b-ax12a5jrae] {
    flex: 1;
    padding: 1.35rem;
    background: #f5f9fa;
}

.asr-retail-dashboard-top[b-ax12a5jrae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-retail-dashboard-top small[b-ax12a5jrae] {
        color: #8ba0a9;
        font-size: 0.6rem;
    }

    .asr-retail-dashboard-top h3[b-ax12a5jrae] {
        margin: 0.2rem 0 0;
        color: var(--asr-dark);
        font-size: 1rem;
    }

.asr-retail-user[b-ax12a5jrae] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: 0.62rem;
    font-weight: 900;
}

.asr-retail-dashboard-cards[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin-top: 1.1rem;
}

    .asr-retail-dashboard-cards > div[b-ax12a5jrae] {
        display: flex;
        flex-direction: column;
        padding: 0.9rem;
        border: 1px solid #e2ebee;
        border-radius: 13px;
        background: #fff;
    }

.asr-stat-icon[b-ax12a5jrae] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: 0.72rem;
}

.asr-retail-dashboard-cards small[b-ax12a5jrae] {
    margin-top: 0.6rem;
    color: #8ba0a9;
    font-size: 0.54rem;
}

.asr-retail-dashboard-cards strong[b-ax12a5jrae] {
    margin-top: 0.2rem;
    color: var(--asr-dark);
    font-size: 0.82rem;
}

.asr-retail-dashboard-cards em[b-ax12a5jrae] {
    margin-top: 0.2rem;
    color: var(--asr-primary);
    font-size: 0.5rem;
    font-style: normal;
}

.asr-retail-dashboard-bottom[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: 1.35fr 0.85fr;
    gap: 0.75rem;
    margin-top: 0.8rem;
}

.asr-retail-chart-card[b-ax12a5jrae],
.asr-retail-products-card[b-ax12a5jrae] {
    padding: 0.9rem;
    border: 1px solid #e2ebee;
    border-radius: 13px;
    background: #fff;
}

.asr-retail-chart-title[b-ax12a5jrae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-retail-chart-title strong[b-ax12a5jrae] {
        color: var(--asr-dark);
        font-size: 0.7rem;
    }

    .asr-retail-chart-title span[b-ax12a5jrae] {
        color: #8ba0a9;
        font-size: 0.5rem;
    }

.asr-retail-chart[b-ax12a5jrae] {
    height: 170px;
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
    border-bottom: 1px solid #e7eef0;
}

    .asr-retail-chart i[b-ax12a5jrae] {
        width: 100%;
        border-radius: 5px 5px 0 0;
        background: linear-gradient(180deg, var(--asr-secondary), var(--asr-primary));
    }

.asr-retail-products-card > strong[b-ax12a5jrae] {
    color: var(--asr-dark);
    font-size: 0.7rem;
}

.asr-retail-products-card > div[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.asr-product-avatar[b-ax12a5jrae] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: 0.62rem;
    font-weight: 900;
}

.asr-retail-products-card p[b-ax12a5jrae] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.asr-retail-products-card b[b-ax12a5jrae] {
    color: var(--asr-dark);
    font-size: 0.57rem;
}

.asr-retail-products-card small[b-ax12a5jrae] {
    color: #8ba0a9;
    font-size: 0.48rem;
}

.asr-retail-products-card em[b-ax12a5jrae] {
    color: var(--asr-dark);
    font-size: 0.55rem;
    font-style: normal;
    font-weight: 800;
}

.asr-retail-floating[b-ax12a5jrae] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--asr-dark);
    box-shadow: 0 20px 50px rgba(1, 20, 25, 0.18);
    backdrop-filter: blur(12px);
}

    .asr-retail-floating > span[b-ax12a5jrae] {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 11px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-retail-floating div[b-ax12a5jrae] {
        display: flex;
        flex-direction: column;
    }

    .asr-retail-floating small[b-ax12a5jrae] {
        color: var(--asr-muted);
        font-size: 0.56rem;
    }

    .asr-retail-floating strong[b-ax12a5jrae] {
        margin-top: 0.15rem;
        font-size: 0.72rem;
    }

.asr-retail-floating-stock[b-ax12a5jrae] {
    left: -7%;
    bottom: 12%;
}

.asr-retail-floating-branch[b-ax12a5jrae] {
    top: 16%;
    right: -7%;
}

.asr-retail-trust[b-ax12a5jrae] {
    position: relative;
    z-index: 5;
    margin-top: -1px;
    padding: 1.3rem 0;
    background: #fff;
    border-bottom: 1px solid var(--asr-border);
}

.asr-retail-trust-grid[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

    .asr-retail-trust-grid > div[b-ax12a5jrae] {
        display: flex;
        flex-direction: column;
        padding: 0.7rem 1.2rem;
        border-right: 1px solid var(--asr-border);
        text-align: center;
    }

        .asr-retail-trust-grid > div:last-child[b-ax12a5jrae] {
            border-right: 0;
        }

.asr-retail-trust strong[b-ax12a5jrae] {
    color: var(--asr-dark);
    font-size: 0.8rem;
}

.asr-retail-trust span[b-ax12a5jrae] {
    margin-top: 0.2rem;
    color: var(--asr-muted);
    font-size: 0.62rem;
}

.asr-retail-problems[b-ax12a5jrae],
.asr-retail-features[b-ax12a5jrae],
.asr-retail-modules[b-ax12a5jrae],
.asr-retail-reports[b-ax12a5jrae],
.asr-retail-sectors[b-ax12a5jrae] {
    padding: 6.5rem 0;
}

.asr-retail-problems[b-ax12a5jrae] {
    background: #fff;
}

.asr-retail-section-heading[b-ax12a5jrae] {
    max-width: 820px;
    margin: auto;
    text-align: center;
}

    .asr-retail-section-heading > span[b-ax12a5jrae],
    .asr-retail-section-label[b-ax12a5jrae] {
        color: var(--asr-primary);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .asr-retail-section-heading h2[b-ax12a5jrae],
    .asr-retail-solution-content h2[b-ax12a5jrae],
    .asr-retail-color-size-content h2[b-ax12a5jrae],
    .asr-retail-branches-content h2[b-ax12a5jrae],
    .asr-retail-integrations h2[b-ax12a5jrae],
    .asr-retail-mobile-content h2[b-ax12a5jrae],
    .asr-retail-faq-heading h2[b-ax12a5jrae] {
        margin: 0.75rem 0 0;
        color: var(--asr-dark);
        font-size: clamp(2.2rem, 4.5vw, 3.4rem);
        line-height: 1.12;
        letter-spacing: -0.05em;
    }

        .asr-retail-section-heading h2 strong[b-ax12a5jrae],
        .asr-retail-solution-content h2 strong[b-ax12a5jrae],
        .asr-retail-color-size-content h2 strong[b-ax12a5jrae],
        .asr-retail-branches-content h2 strong[b-ax12a5jrae],
        .asr-retail-integrations h2 strong[b-ax12a5jrae],
        .asr-retail-mobile-content h2 strong[b-ax12a5jrae],
        .asr-retail-faq-heading h2 strong[b-ax12a5jrae] {
            color: var(--asr-primary);
        }

    .asr-retail-section-heading > p[b-ax12a5jrae],
    .asr-retail-solution-content > p[b-ax12a5jrae],
    .asr-retail-color-size-content > p[b-ax12a5jrae],
    .asr-retail-branches-content > p[b-ax12a5jrae],
    .asr-retail-integrations p[b-ax12a5jrae],
    .asr-retail-mobile-content > p[b-ax12a5jrae],
    .asr-retail-faq-heading > p[b-ax12a5jrae] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        font-size: 0.96rem;
        line-height: 1.85;
    }

    .asr-retail-section-heading > p[b-ax12a5jrae] {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

.asr-retail-problem-grid[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.2rem;
    margin-top: 3rem;
}

    .asr-retail-problem-grid article[b-ax12a5jrae] {
        padding: 1.6rem;
        border: 1px solid #f0dfdf;
        border-radius: 19px;
        background: radial-gradient(circle at 100% 0%, rgba(239, 68, 68, 0.06), transparent 28%), #fff;
        transition: 0.2s ease;
    }

        .asr-retail-problem-grid article:hover[b-ax12a5jrae] {
            transform: translateY(-5px);
            box-shadow: 0 22px 50px rgba(82, 36, 36, 0.08);
        }

.asr-retail-problem-icon[b-ax12a5jrae] {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff1f1;
    color: #dc5f5f;
    font-size: 1.15rem;
}

.asr-retail-problem-grid h3[b-ax12a5jrae] {
    margin: 1rem 0 0;
    color: var(--asr-dark);
    font-size: 1rem;
}

.asr-retail-problem-grid p[b-ax12a5jrae] {
    margin: 0.65rem 0 0;
    color: var(--asr-muted);
    font-size: 0.76rem;
    line-height: 1.7;
}

.asr-retail-solution[b-ax12a5jrae],
.asr-retail-color-size[b-ax12a5jrae],
.asr-retail-branches[b-ax12a5jrae],
.asr-retail-integrations[b-ax12a5jrae],
.asr-retail-mobile[b-ax12a5jrae],
.asr-retail-faq[b-ax12a5jrae] {
    padding: 7rem 0;
}

.asr-retail-solution[b-ax12a5jrae] {
    background: var(--asr-soft);
}

.asr-retail-solution-grid[b-ax12a5jrae],
.asr-retail-color-size-grid[b-ax12a5jrae],
.asr-retail-branches-grid[b-ax12a5jrae],
.asr-retail-integrations-grid[b-ax12a5jrae],
.asr-retail-mobile-grid[b-ax12a5jrae],
.asr-retail-faq-grid[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 5rem;
}

.asr-retail-solution-list[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.85rem;
    margin-top: 1.7rem;
}

    .asr-retail-solution-list > div[b-ax12a5jrae] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 1rem;
        border: 1px solid var(--asr-border);
        border-radius: 15px;
        background: #fff;
    }

        .asr-retail-solution-list > div > span[b-ax12a5jrae] {
            width: 38px;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 11px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-retail-solution-list p[b-ax12a5jrae] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .asr-retail-solution-list strong[b-ax12a5jrae] {
        color: var(--asr-dark);
        font-size: 0.75rem;
    }

    .asr-retail-solution-list small[b-ax12a5jrae] {
        margin-top: 0.25rem;
        color: var(--asr-muted);
        font-size: 0.64rem;
        line-height: 1.5;
    }

.asr-retail-text-link[b-ax12a5jrae] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 1.5rem;
    color: var(--asr-primary);
    text-decoration: none;
    font-size: 0.78rem;
    font-weight: 900;
}

.asr-retail-solution-panel[b-ax12a5jrae] {
    position: relative;
}

    .asr-retail-solution-panel[b-ax12a5jrae]::before {
        position: absolute;
        inset: 40px -25px -25px 40px;
        content: "";
        border-radius: 28px;
        background: linear-gradient(145deg, rgba(20, 184, 166, 0.15), rgba(255, 184, 76, 0.08));
    }

.asr-retail-pos-card[b-ax12a5jrae] {
    position: relative;
    z-index: 2;
    padding: 1.5rem;
    border: 1px solid var(--asr-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 30px 75px rgba(16, 36, 47, 0.13);
}

.asr-retail-pos-header[b-ax12a5jrae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-retail-pos-header > div[b-ax12a5jrae] {
        display: flex;
        align-items: center;
        gap: 0.7rem;
    }

.asr-pos-logo[b-ax12a5jrae] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--asr-primary);
    color: #fff;
    font-weight: 900;
}

.asr-retail-pos-header p[b-ax12a5jrae] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.asr-retail-pos-header small[b-ax12a5jrae] {
    color: var(--asr-muted);
    font-size: 0.58rem;
}

.asr-retail-pos-header strong[b-ax12a5jrae] {
    color: var(--asr-dark);
    font-size: 0.86rem;
}

.asr-pos-status[b-ax12a5jrae] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.65rem;
    border-radius: 999px;
    background: #effcf4;
    color: #27834d;
    font-size: 0.58rem;
    font-weight: 800;
}

    .asr-pos-status i[b-ax12a5jrae] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #34c36b;
    }

.asr-retail-pos-products[b-ax12a5jrae] {
    margin-top: 1.4rem;
}

    .asr-retail-pos-products > div[b-ax12a5jrae] {
        display: grid;
        grid-template-columns: 1fr auto;
        padding: 0.9rem 0;
        border-bottom: 1px solid var(--asr-border-light);
    }

    .asr-retail-pos-products span[b-ax12a5jrae] {
        color: var(--asr-dark);
        font-size: 0.72rem;
        font-weight: 800;
    }

    .asr-retail-pos-products small[b-ax12a5jrae] {
        grid-column: 1;
        margin-top: 0.18rem;
        color: var(--asr-muted);
        font-size: 0.58rem;
    }

    .asr-retail-pos-products strong[b-ax12a5jrae] {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: center;
        color: var(--asr-dark);
        font-size: 0.72rem;
    }

.asr-retail-pos-total[b-ax12a5jrae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.2rem 0;
}

    .asr-retail-pos-total span[b-ax12a5jrae] {
        color: var(--asr-muted);
        font-size: 0.7rem;
    }

    .asr-retail-pos-total strong[b-ax12a5jrae] {
        color: var(--asr-dark);
        font-size: 1.35rem;
    }

.asr-retail-pos-actions[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.7rem;
}

    .asr-retail-pos-actions button[b-ax12a5jrae] {
        min-height: 50px;
        border: 1px solid var(--asr-border);
        border-radius: 13px;
        background: #fff;
        color: var(--asr-dark);
        font-size: 0.7rem;
        font-weight: 800;
    }

        .asr-retail-pos-actions button:last-child[b-ax12a5jrae] {
            border-color: var(--asr-primary);
            background: var(--asr-primary);
            color: #fff;
        }

.asr-retail-features[b-ax12a5jrae] {
    background: #fff;
}

.asr-retail-feature-grid[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.2rem;
    margin-top: 3rem;
}

    .asr-retail-feature-grid article[b-ax12a5jrae] {
        padding: 1.6rem;
        border: 1px solid var(--asr-border);
        border-radius: 20px;
        background: radial-gradient(circle at 100% 0%, rgba(20, 184, 166, 0.06), transparent 26%), #fff;
        transition: 0.2s ease;
    }

        .asr-retail-feature-grid article:hover[b-ax12a5jrae] {
            transform: translateY(-6px);
            border-color: rgba(8, 127, 114, 0.25);
            box-shadow: 0 24px 55px rgba(16, 36, 47, 0.09);
        }

.asr-retail-feature-icon[b-ax12a5jrae] {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: 1.2rem;
}

.asr-retail-feature-grid h3[b-ax12a5jrae] {
    margin: 1rem 0 0;
    color: var(--asr-dark);
    font-size: 1rem;
}

.asr-retail-feature-grid article > p[b-ax12a5jrae] {
    margin: 0.65rem 0 0;
    color: var(--asr-muted);
    font-size: 0.74rem;
    line-height: 1.7;
}

.asr-retail-feature-grid ul[b-ax12a5jrae] {
    display: grid;
    gap: 0.5rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.asr-retail-feature-grid li[b-ax12a5jrae] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--asr-text);
    font-size: 0.67rem;
}

    .asr-retail-feature-grid li i[b-ax12a5jrae] {
        color: var(--asr-primary);
    }

.asr-retail-color-size[b-ax12a5jrae] {
    background: var(--asr-soft);
}

.asr-retail-color-size-visual[b-ax12a5jrae] {
    position: relative;
    min-height: 560px;
}

.asr-retail-product-card[b-ax12a5jrae] {
    width: 360px;
    overflow: hidden;
    border: 1px solid var(--asr-border);
    border-radius: 23px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(16, 36, 47, 0.12);
}

.asr-retail-product-photo[b-ax12a5jrae] {
    position: relative;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 65% 20%, rgba(255, 255, 255, 0.3), transparent 30%), linear-gradient(145deg, #0d4d53, #0f8f80);
    color: rgba(255, 255, 255, 0.75);
}

    .asr-retail-product-photo > i[b-ax12a5jrae] {
        font-size: 5rem;
    }

    .asr-retail-product-photo > span[b-ax12a5jrae] {
        position: absolute;
        top: 1rem;
        left: 1rem;
        padding: 0.35rem 0.6rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.15);
        color: #fff;
        font-size: 0.58rem;
        font-weight: 800;
    }

.asr-retail-product-info[b-ax12a5jrae] {
    padding: 1.4rem;
}

    .asr-retail-product-info > small[b-ax12a5jrae] {
        color: var(--asr-muted);
        font-size: 0.58rem;
    }

    .asr-retail-product-info h3[b-ax12a5jrae] {
        margin: 0.35rem 0 0;
        color: var(--asr-dark);
        font-size: 1rem;
    }

    .asr-retail-product-info > strong[b-ax12a5jrae] {
        display: block;
        margin-top: 0.45rem;
        color: var(--asr-primary);
        font-size: 1.15rem;
    }

.asr-retail-color-selector[b-ax12a5jrae],
.asr-retail-size-selector[b-ax12a5jrae] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

    .asr-retail-color-selector span[b-ax12a5jrae] {
        width: 22px;
        height: 22px;
        border: 2px solid #fff;
        border-radius: 50%;
        box-shadow: 0 0 0 1px var(--asr-border);
    }

        .asr-retail-color-selector span.active[b-ax12a5jrae] {
            box-shadow: 0 0 0 2px var(--asr-primary);
        }

.asr-color-black[b-ax12a5jrae] {
    background: #202529;
}

.asr-color-white[b-ax12a5jrae] {
    background: #f2f2f2;
}

.asr-color-blue[b-ax12a5jrae] {
    background: #3e67b1;
}

.asr-color-red[b-ax12a5jrae] {
    background: #bf4f4f;
}

.asr-color-green[b-ax12a5jrae] {
    background: #4f8464;
}

.asr-retail-size-selector button[b-ax12a5jrae] {
    width: 38px;
    height: 34px;
    border: 1px solid var(--asr-border);
    border-radius: 9px;
    background: #fff;
    color: var(--asr-dark);
    font-size: 0.62rem;
    font-weight: 800;
}

    .asr-retail-size-selector button.active[b-ax12a5jrae] {
        border-color: var(--asr-primary);
        background: var(--asr-primary);
        color: #fff;
    }

.asr-retail-stock-indicator[b-ax12a5jrae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--asr-border-light);
}

    .asr-retail-stock-indicator span[b-ax12a5jrae] {
        color: #27834d;
        font-size: 0.65rem;
        font-weight: 800;
    }

    .asr-retail-stock-indicator strong[b-ax12a5jrae] {
        color: var(--asr-dark);
        font-size: 0.7rem;
    }

.asr-retail-variant-table[b-ax12a5jrae] {
    position: absolute;
    right: 0;
    bottom: 15px;
    width: 330px;
    padding: 1rem;
    border: 1px solid var(--asr-border);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 24px 60px rgba(16, 36, 47, 0.14);
}

.asr-variant-row[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: 1.5fr repeat(4, 0.7fr);
    align-items: center;
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--asr-border-light);
    color: var(--asr-text);
    font-size: 0.62rem;
    text-align: center;
}

    .asr-variant-row:last-child[b-ax12a5jrae] {
        border-bottom: 0;
    }

    .asr-variant-row > span[b-ax12a5jrae] {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        text-align: left;
    }

.asr-variant-header[b-ax12a5jrae] {
    color: var(--asr-muted);
    font-size: 0.56rem;
    font-weight: 800;
}

.asr-variant-row i[b-ax12a5jrae] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.asr-dot-black[b-ax12a5jrae] {
    background: #202529;
}

.asr-dot-blue[b-ax12a5jrae] {
    background: #3e67b1;
}

.asr-dot-red[b-ax12a5jrae] {
    background: #bf4f4f;
}

.asr-retail-highlight-list[b-ax12a5jrae],
.asr-retail-mobile-list[b-ax12a5jrae] {
    display: grid;
    gap: 0.8rem;
    margin-top: 1.7rem;
}

    .asr-retail-highlight-list > div[b-ax12a5jrae],
    .asr-retail-mobile-list > div[b-ax12a5jrae] {
        display: flex;
        align-items: flex-start;
        gap: 0.8rem;
        padding: 0.9rem;
        border: 1px solid var(--asr-border);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.8);
    }

        .asr-retail-highlight-list > div > i[b-ax12a5jrae],
        .asr-retail-mobile-list > div > i[b-ax12a5jrae] {
            width: 39px;
            height: 39px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 11px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-retail-highlight-list span[b-ax12a5jrae],
    .asr-retail-mobile-list span[b-ax12a5jrae] {
        display: flex;
        flex-direction: column;
    }

    .asr-retail-highlight-list strong[b-ax12a5jrae],
    .asr-retail-mobile-list strong[b-ax12a5jrae] {
        color: var(--asr-dark);
        font-size: 0.74rem;
    }

    .asr-retail-highlight-list small[b-ax12a5jrae],
    .asr-retail-mobile-list small[b-ax12a5jrae] {
        margin-top: 0.2rem;
        color: var(--asr-muted);
        font-size: 0.63rem;
    }

.asr-retail-modules[b-ax12a5jrae] {
    background: #fff;
}

.asr-retail-module-grid[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.8rem;
    margin-top: 3rem;
}

    .asr-retail-module-grid > div[b-ax12a5jrae] {
        min-height: 105px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0.65rem;
        padding: 1rem;
        border: 1px solid var(--asr-border);
        border-radius: 15px;
        background: #fff;
        transition: 0.2s ease;
    }

        .asr-retail-module-grid > div:hover[b-ax12a5jrae] {
            transform: translateY(-4px);
            border-color: rgba(8, 127, 114, 0.3);
            background: var(--asr-primary-soft);
        }

    .asr-retail-module-grid span[b-ax12a5jrae] {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 11px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-retail-module-grid strong[b-ax12a5jrae] {
        color: var(--asr-dark);
        font-size: 0.65rem;
        text-align: center;
    }

.asr-retail-branches[b-ax12a5jrae] {
    background: linear-gradient(180deg, #f5faf9, #fff);
}

.asr-retail-branch-stats[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.65rem;
    margin-top: 1.7rem;
}

    .asr-retail-branch-stats > div[b-ax12a5jrae] {
        display: flex;
        flex-direction: column;
        padding: 0.9rem;
        border: 1px solid var(--asr-border);
        border-radius: 13px;
        background: #fff;
    }

    .asr-retail-branch-stats span[b-ax12a5jrae] {
        color: var(--asr-primary);
        font-size: 1.15rem;
        font-weight: 900;
    }

    .asr-retail-branch-stats small[b-ax12a5jrae] {
        margin-top: 0.2rem;
        color: var(--asr-muted);
        font-size: 0.55rem;
    }

.asr-retail-branches-content ul[b-ax12a5jrae] {
    display: grid;
    gap: 0.65rem;
    margin: 1.5rem 0 0;
    padding: 0;
    list-style: none;
}

.asr-retail-branches-content li[b-ax12a5jrae] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--asr-text);
    font-size: 0.72rem;
}

    .asr-retail-branches-content li i[b-ax12a5jrae] {
        color: var(--asr-primary);
    }

.asr-retail-map[b-ax12a5jrae] {
    position: relative;
    min-height: 520px;
    overflow: hidden;
    border: 1px solid var(--asr-border);
    border-radius: 28px;
    background: radial-gradient(circle at 50% 50%, rgba(20, 184, 166, 0.1), transparent 35%), #f8fcfb;
    box-shadow: 0 28px 70px rgba(16, 36, 47, 0.11);
}

.asr-map-grid[b-ax12a5jrae] {
    position: absolute;
    inset: 0;
    opacity: 0.45;
    background-image: linear-gradient(rgba(8, 127, 114, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 127, 114, 0.06) 1px, transparent 1px);
    background-size: 36px 36px;
}

.asr-map-center[b-ax12a5jrae] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid rgba(8, 127, 114, 0.18);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(16, 36, 47, 0.13);
    transform: translate(-50%, -50%);
}

    .asr-map-center > span[b-ax12a5jrae] {
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: var(--asr-primary);
        color: #fff;
        font-weight: 900;
    }

    .asr-map-center p[b-ax12a5jrae] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .asr-map-center small[b-ax12a5jrae] {
        color: var(--asr-muted);
        font-size: 0.55rem;
    }

    .asr-map-center strong[b-ax12a5jrae] {
        color: var(--asr-dark);
        font-size: 0.68rem;
    }

.asr-map-point[b-ax12a5jrae] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--asr-dark);
    font-size: 0.62rem;
    font-weight: 800;
}

    .asr-map-point i[b-ax12a5jrae] {
        width: 13px;
        height: 13px;
        border: 3px solid #fff;
        border-radius: 50%;
        background: var(--asr-secondary);
        box-shadow: 0 0 0 6px rgba(20, 184, 166, 0.14), 0 8px 18px rgba(8, 127, 114, 0.24);
    }

.asr-map-point-one[b-ax12a5jrae] {
    top: 22%;
    left: 24%;
}

.asr-map-point-two[b-ax12a5jrae] {
    top: 34%;
    right: 22%;
}

.asr-map-point-three[b-ax12a5jrae] {
    bottom: 26%;
    left: 17%;
}

.asr-map-point-four[b-ax12a5jrae] {
    right: 24%;
    bottom: 19%;
}

.asr-map-point-five[b-ax12a5jrae] {
    top: 18%;
    right: 34%;
}

.asr-retail-reports[b-ax12a5jrae] {
    background: #fff;
}

.asr-retail-report-grid[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: 1.6fr 0.8fr;
    gap: 1rem;
    margin-top: 3rem;
}

.asr-retail-report-main[b-ax12a5jrae],
.asr-retail-report-side > div[b-ax12a5jrae] {
    border: 1px solid var(--asr-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(16, 36, 47, 0.06);
}

.asr-retail-report-main[b-ax12a5jrae] {
    padding: 1.5rem;
}

.asr-report-card-header[b-ax12a5jrae] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-report-card-header > div[b-ax12a5jrae] {
        display: flex;
        flex-direction: column;
    }

    .asr-report-card-header small[b-ax12a5jrae] {
        color: var(--asr-muted);
        font-size: 0.65rem;
    }

    .asr-report-card-header strong[b-ax12a5jrae] {
        margin-top: 0.25rem;
        color: var(--asr-dark);
        font-size: 1.6rem;
    }

    .asr-report-card-header > span[b-ax12a5jrae] {
        padding: 0.45rem 0.65rem;
        border-radius: 999px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: 0.62rem;
        font-weight: 900;
    }

.asr-retail-line-chart[b-ax12a5jrae] {
    margin-top: 1.5rem;
}

    .asr-retail-line-chart svg[b-ax12a5jrae] {
        width: 100%;
        height: 250px;
    }

.asr-report-months[b-ax12a5jrae] {
    display: flex;
    justify-content: space-between;
    color: var(--asr-muted);
    font-size: 0.56rem;
}

.asr-retail-report-side[b-ax12a5jrae] {
    display: grid;
    gap: 1rem;
}

    .asr-retail-report-side > div[b-ax12a5jrae] {
        display: flex;
        flex-direction: column;
        padding: 1.2rem;
    }

.asr-report-small-icon[b-ax12a5jrae] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
}

.asr-retail-report-side small[b-ax12a5jrae] {
    margin-top: 0.7rem;
    color: var(--asr-muted);
    font-size: 0.58rem;
}

.asr-retail-report-side strong[b-ax12a5jrae] {
    margin-top: 0.2rem;
    color: var(--asr-dark);
    font-size: 0.8rem;
}

.asr-retail-report-side em[b-ax12a5jrae] {
    margin-top: 0.25rem;
    color: var(--asr-primary);
    font-size: 0.6rem;
    font-style: normal;
}

.asr-retail-report-types[b-ax12a5jrae] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1.4rem;
}

    .asr-retail-report-types span[b-ax12a5jrae] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.55rem 0.7rem;
        border: 1px solid var(--asr-border);
        border-radius: 999px;
        background: #fff;
        color: var(--asr-text);
        font-size: 0.63rem;
        font-weight: 700;
    }

    .asr-retail-report-types i[b-ax12a5jrae] {
        color: var(--asr-primary);
    }

.asr-retail-integrations[b-ax12a5jrae] {
    background: linear-gradient(180deg, var(--asr-soft), #fff);
}

.asr-retail-integration-cloud[b-ax12a5jrae] {
    position: relative;
    min-height: 470px;
}

    .asr-retail-integration-cloud > span[b-ax12a5jrae] {
        position: absolute;
        min-width: 100px;
        padding: 0.7rem 0.9rem;
        border: 1px solid var(--asr-border);
        border-radius: 12px;
        background: #fff;
        color: var(--asr-dark);
        font-size: 0.65rem;
        font-weight: 800;
        text-align: center;
        box-shadow: 0 12px 30px rgba(16, 36, 47, 0.08);
    }

        .asr-retail-integration-cloud > span:nth-child(1)[b-ax12a5jrae] {
            top: 5%;
            left: 35%;
        }

        .asr-retail-integration-cloud > span:nth-child(2)[b-ax12a5jrae] {
            top: 15%;
            left: 3%;
        }

        .asr-retail-integration-cloud > span:nth-child(3)[b-ax12a5jrae] {
            top: 17%;
            right: 2%;
        }

        .asr-retail-integration-cloud > span:nth-child(4)[b-ax12a5jrae] {
            top: 40%;
            left: 0;
        }

        .asr-retail-integration-cloud > span:nth-child(5)[b-ax12a5jrae] {
            top: 42%;
            right: 0;
        }

        .asr-retail-integration-cloud > span:nth-child(6)[b-ax12a5jrae] {
            left: 10%;
            bottom: 17%;
        }

        .asr-retail-integration-cloud > span:nth-child(7)[b-ax12a5jrae] {
            right: 10%;
            bottom: 15%;
        }

        .asr-retail-integration-cloud > span:nth-child(8)[b-ax12a5jrae] {
            bottom: 2%;
            left: 38%;
        }

        .asr-retail-integration-cloud > span:nth-child(9)[b-ax12a5jrae] {
            top: 3%;
            right: 25%;
        }

        .asr-retail-integration-cloud > span:nth-child(10)[b-ax12a5jrae] {
            top: 3%;
            left: 12%;
        }

        .asr-retail-integration-cloud > span:nth-child(11)[b-ax12a5jrae] {
            bottom: 4%;
            left: 8%;
        }

        .asr-retail-integration-cloud > span:nth-child(12)[b-ax12a5jrae] {
            right: 7%;
            bottom: 3%;
        }

.asr-retail-integration-center[b-ax12a5jrae] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 10px solid rgba(20, 184, 166, 0.1);
    border-radius: 50%;
    background: linear-gradient(145deg, var(--asr-primary), var(--asr-secondary));
    color: #fff;
    box-shadow: 0 25px 60px rgba(8, 127, 114, 0.25);
    transform: translate(-50%, -50%);
}

    .asr-retail-integration-center b[b-ax12a5jrae] {
        font-size: 2rem;
    }

    .asr-retail-integration-center small[b-ax12a5jrae] {
        font-size: 0.58rem;
        font-weight: 900;
        letter-spacing: 0.12em;
    }

.asr-retail-mobile[b-ax12a5jrae] {
    background: #fff;
}

.asr-retail-mobile-devices[b-ax12a5jrae] {
    position: relative;
    min-height: 580px;
}

.asr-retail-phone[b-ax12a5jrae] {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 18%;
    width: 245px;
    min-height: 500px;
    padding: 1rem;
    border: 9px solid #10262e;
    border-radius: 36px;
    background: #f5f9fa;
    box-shadow: 0 35px 75px rgba(16, 36, 47, 0.2);
}

.asr-phone-notch[b-ax12a5jrae] {
    width: 82px;
    height: 19px;
    margin: -0.35rem auto 0.9rem;
    border-radius: 0 0 12px 12px;
    background: #10262e;
}

.asr-phone-header[b-ax12a5jrae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-phone-header span[b-ax12a5jrae] {
        width: 31px;
        height: 31px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 9px;
        background: var(--asr-primary);
        color: #fff;
        font-size: 0.68rem;
        font-weight: 900;
    }

    .asr-phone-header i[b-ax12a5jrae] {
        color: var(--asr-dark);
    }

.asr-retail-phone > small[b-ax12a5jrae] {
    display: block;
    margin-top: 1.2rem;
    color: var(--asr-muted);
    font-size: 0.55rem;
}

.asr-retail-phone h3[b-ax12a5jrae] {
    margin: 0.2rem 0 0;
    color: var(--asr-dark);
    font-size: 1rem;
}

.asr-phone-summary[b-ax12a5jrae] {
    margin-top: 1rem;
    padding: 1.1rem;
    border-radius: 17px;
    background: linear-gradient(145deg, var(--asr-primary-dark), var(--asr-primary));
    color: #fff;
}

    .asr-phone-summary div[b-ax12a5jrae] {
        display: flex;
        flex-direction: column;
    }

    .asr-phone-summary small[b-ax12a5jrae] {
        color: rgba(255, 255, 255, 0.65);
        font-size: 0.55rem;
    }

    .asr-phone-summary strong[b-ax12a5jrae] {
        margin-top: 0.35rem;
        font-size: 1.3rem;
    }

    .asr-phone-summary em[b-ax12a5jrae] {
        margin-top: 0.4rem;
        color: #7cf0dd;
        font-size: 0.58rem;
        font-style: normal;
    }

.asr-phone-menu[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.65rem;
    margin-top: 1rem;
}

    .asr-phone-menu span[b-ax12a5jrae] {
        min-height: 78px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0.45rem;
        border: 1px solid var(--asr-border);
        border-radius: 14px;
        background: #fff;
        color: var(--asr-dark);
        font-size: 0.58rem;
        font-weight: 800;
    }

    .asr-phone-menu i[b-ax12a5jrae] {
        color: var(--asr-primary);
        font-size: 1rem;
    }

.asr-retail-tablet[b-ax12a5jrae] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 430px;
    min-height: 310px;
    display: flex;
    overflow: hidden;
    border: 10px solid #10262e;
    border-radius: 28px;
    background: #f5f9fa;
    box-shadow: 0 30px 65px rgba(16, 36, 47, 0.18);
    transform: rotate(2deg);
}

.asr-tablet-sidebar[b-ax12a5jrae] {
    width: 55px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0.6rem;
    background: #0b2c37;
    color: rgba(255, 255, 255, 0.5);
}

    .asr-tablet-sidebar span[b-ax12a5jrae] {
        width: 32px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 9px;
        background: var(--asr-primary);
        color: #fff;
        font-size: 0.68rem;
        font-weight: 900;
    }

.asr-tablet-content[b-ax12a5jrae] {
    flex: 1;
    padding: 1.2rem;
}

    .asr-tablet-content small[b-ax12a5jrae] {
        color: var(--asr-muted);
        font-size: 0.55rem;
    }

    .asr-tablet-content h3[b-ax12a5jrae] {
        margin: 0.2rem 0 0;
        color: var(--asr-dark);
        font-size: 0.9rem;
    }

.asr-tablet-chart[b-ax12a5jrae] {
    height: 200px;
    display: flex;
    align-items: flex-end;
    gap: 0.55rem;
    margin-top: 1rem;
    border-bottom: 1px solid var(--asr-border);
}

    .asr-tablet-chart i[b-ax12a5jrae] {
        width: 100%;
        border-radius: 6px 6px 0 0;
        background: linear-gradient(180deg, var(--asr-secondary), var(--asr-primary));
    }

.asr-retail-sectors[b-ax12a5jrae] {
    background: var(--asr-soft);
}

.asr-retail-sector-grid[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-retail-sector-grid article[b-ax12a5jrae] {
        padding: 1.5rem;
        border: 1px solid var(--asr-border);
        border-radius: 18px;
        background: #fff;
        transition: 0.2s ease;
    }

        .asr-retail-sector-grid article:hover[b-ax12a5jrae] {
            transform: translateY(-5px);
            box-shadow: 0 22px 50px rgba(16, 36, 47, 0.09);
        }

        .asr-retail-sector-grid article > span[b-ax12a5jrae] {
            width: 48px;
            height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: 1.15rem;
        }

    .asr-retail-sector-grid h3[b-ax12a5jrae] {
        margin: 1rem 0 0;
        color: var(--asr-dark);
        font-size: 0.95rem;
    }

    .asr-retail-sector-grid p[b-ax12a5jrae] {
        margin: 0.6rem 0 0;
        color: var(--asr-muted);
        font-size: 0.72rem;
        line-height: 1.7;
    }

.asr-retail-faq[b-ax12a5jrae] {
    background: #fff;
}

.asr-retail-faq-grid[b-ax12a5jrae] {
    align-items: start;
}

.asr-retail-faq-list[b-ax12a5jrae] {
    display: grid;
    gap: 0.75rem;
}

    .asr-retail-faq-list details[b-ax12a5jrae] {
        overflow: hidden;
        border: 1px solid var(--asr-border);
        border-radius: 15px;
        background: #fff;
    }

    .asr-retail-faq-list summary[b-ax12a5jrae] {
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.2rem;
        color: var(--asr-dark);
        font-size: 0.76rem;
        font-weight: 900;
        cursor: pointer;
        list-style: none;
    }

        .asr-retail-faq-list summary[b-ax12a5jrae]::-webkit-details-marker {
            display: none;
        }

        .asr-retail-faq-list summary i[b-ax12a5jrae] {
            color: var(--asr-primary);
        }

    .asr-retail-faq-list details[open] summary i[b-ax12a5jrae] {
        transform: rotate(45deg);
    }

    .asr-retail-faq-list details p[b-ax12a5jrae] {
        margin: 0;
        padding: 0 1.2rem 1.2rem;
        color: var(--asr-muted);
        font-size: 0.72rem;
        line-height: 1.75;
    }

.asr-retail-final-cta[b-ax12a5jrae] {
    padding: 0 0 6.5rem;
    background: #fff;
}

.asr-retail-final-box[b-ax12a5jrae] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    align-items: center;
    gap: 3rem;
    overflow: hidden;
    padding: 3.5rem;
    border-radius: 28px;
    background: radial-gradient(circle at 85% 10%, rgba(255, 255, 255, 0.15), transparent 30%), linear-gradient(135deg, #062b35, #0d8d7f);
    color: #fff;
    box-shadow: 0 32px 75px rgba(8, 127, 114, 0.23);
}

.asr-retail-final-content > span[b-ax12a5jrae] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.asr-retail-final-content h2[b-ax12a5jrae] {
    margin: 0.8rem 0 0;
    font-size: clamp(2.1rem, 4vw, 3.3rem);
    line-height: 1.12;
    letter-spacing: -0.05em;
}

    .asr-retail-final-content h2 strong[b-ax12a5jrae] {
        color: #5be1cc;
    }

.asr-retail-final-content p[b-ax12a5jrae] {
    max-width: 650px;
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.8;
}

.asr-retail-final-actions[b-ax12a5jrae] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.6rem;
}

    .asr-retail-final-actions a[b-ax12a5jrae] {
        min-height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        padding: 0.7rem 1rem;
        border-radius: 13px;
        text-decoration: none;
        font-size: 0.75rem;
        font-weight: 900;
    }

        .asr-retail-final-actions a:first-child[b-ax12a5jrae] {
            background: #fff;
            color: var(--asr-primary-dark);
        }

        .asr-retail-final-actions a:last-child[b-ax12a5jrae] {
            border: 1px solid rgba(255, 255, 255, 0.25);
            color: #fff;
        }

.asr-retail-final-stats[b-ax12a5jrae] {
    display: grid;
    gap: 0.75rem;
}

    .asr-retail-final-stats > div[b-ax12a5jrae] {
        display: flex;
        flex-direction: column;
        padding: 1.2rem;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(10px);
    }

    .asr-retail-final-stats strong[b-ax12a5jrae] {
        font-size: 1.25rem;
    }

    .asr-retail-final-stats span[b-ax12a5jrae] {
        margin-top: 0.25rem;
        color: rgba(255, 255, 255, 0.68);
        font-size: 0.65rem;
    }

@media (max-width: 1100px) {

    .asr-retail-hero-grid[b-ax12a5jrae],
    .asr-retail-solution-grid[b-ax12a5jrae],
    .asr-retail-color-size-grid[b-ax12a5jrae],
    .asr-retail-branches-grid[b-ax12a5jrae],
    .asr-retail-integrations-grid[b-ax12a5jrae],
    .asr-retail-mobile-grid[b-ax12a5jrae],
    .asr-retail-faq-grid[b-ax12a5jrae] {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .asr-retail-hero-content[b-ax12a5jrae] {
        text-align: center;
    }

    .asr-retail-hero-actions[b-ax12a5jrae],
    .asr-retail-hero-checks[b-ax12a5jrae] {
        justify-content: center;
    }

    .asr-retail-screen[b-ax12a5jrae] {
        width: min(760px, 100%);
        margin: auto;
        transform: none;
    }

    .asr-retail-feature-grid[b-ax12a5jrae] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-retail-module-grid[b-ax12a5jrae] {
        grid-template-columns: repeat(4, 1fr);
    }

    .asr-retail-color-size-visual[b-ax12a5jrae],
    .asr-retail-mobile-devices[b-ax12a5jrae] {
        width: min(700px, 100%);
        margin: auto;
    }

    .asr-retail-integrations-grid > div:first-child[b-ax12a5jrae],
    .asr-retail-mobile-content[b-ax12a5jrae],
    .asr-retail-faq-heading[b-ax12a5jrae] {
        text-align: center;
    }

    .asr-retail-text-link[b-ax12a5jrae] {
        justify-content: center;
    }
}

@media (max-width: 800px) {

    .asr-retail-trust-grid[b-ax12a5jrae] {
        grid-template-columns: repeat(2, 1fr);
    }

        .asr-retail-trust-grid > div[b-ax12a5jrae] {
            border-right: 0;
            border-bottom: 1px solid var(--asr-border);
        }

    .asr-retail-problem-grid[b-ax12a5jrae],
    .asr-retail-sector-grid[b-ax12a5jrae] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-retail-report-grid[b-ax12a5jrae] {
        grid-template-columns: 1fr;
    }

    .asr-retail-final-box[b-ax12a5jrae] {
        grid-template-columns: 1fr;
        padding: 2.4rem;
    }

    .asr-retail-final-stats[b-ax12a5jrae] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 650px) {

    .asr-retail-hero[b-ax12a5jrae] {
        padding: 5rem 0;
    }

        .asr-retail-hero h1[b-ax12a5jrae] {
            font-size: 2.75rem;
        }

    .asr-retail-hero-actions[b-ax12a5jrae] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .asr-retail-primary-button[b-ax12a5jrae],
    .asr-retail-secondary-button[b-ax12a5jrae] {
        width: 100%;
        justify-content: center;
    }

    .asr-retail-hero-checks[b-ax12a5jrae] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: left;
    }

    .asr-retail-dashboard-cards[b-ax12a5jrae] {
        grid-template-columns: 1fr;
    }

        .asr-retail-dashboard-cards > div:nth-child(n+2)[b-ax12a5jrae] {
            display: none;
        }

    .asr-retail-dashboard-bottom[b-ax12a5jrae] {
        grid-template-columns: 1fr;
    }

    .asr-retail-products-card[b-ax12a5jrae] {
        display: none;
    }

    .asr-retail-app[b-ax12a5jrae] {
        min-height: 390px;
    }

    .asr-retail-floating[b-ax12a5jrae] {
        display: none;
    }

    .asr-retail-problems[b-ax12a5jrae],
    .asr-retail-features[b-ax12a5jrae],
    .asr-retail-modules[b-ax12a5jrae],
    .asr-retail-reports[b-ax12a5jrae],
    .asr-retail-sectors[b-ax12a5jrae],
    .asr-retail-solution[b-ax12a5jrae],
    .asr-retail-color-size[b-ax12a5jrae],
    .asr-retail-branches[b-ax12a5jrae],
    .asr-retail-integrations[b-ax12a5jrae],
    .asr-retail-mobile[b-ax12a5jrae],
    .asr-retail-faq[b-ax12a5jrae] {
        padding: 4.5rem 0;
    }

    .asr-retail-problem-grid[b-ax12a5jrae],
    .asr-retail-feature-grid[b-ax12a5jrae],
    .asr-retail-sector-grid[b-ax12a5jrae] {
        grid-template-columns: 1fr;
    }

    .asr-retail-solution-list[b-ax12a5jrae] {
        grid-template-columns: 1fr;
    }

    .asr-retail-module-grid[b-ax12a5jrae] {
        grid-template-columns: repeat(3, 1fr);
    }

    .asr-retail-branch-stats[b-ax12a5jrae] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-retail-color-size-visual[b-ax12a5jrae] {
        min-height: 760px;
    }

    .asr-retail-product-card[b-ax12a5jrae] {
        width: 100%;
    }

    .asr-retail-variant-table[b-ax12a5jrae] {
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .asr-retail-phone[b-ax12a5jrae] {
        left: 0;
    }

    .asr-retail-tablet[b-ax12a5jrae] {
        right: -40%;
        width: 410px;
    }

    .asr-retail-final-stats[b-ax12a5jrae] {
        grid-template-columns: 1fr;
    }

    .asr-retail-final-actions[b-ax12a5jrae] {
        display: grid;
    }
}
/* /Components/Pages/MusteriGirisi.razor.rz.scp.css */
.asorti-customer-login-page[b-s3p5ybdgfs] {
    --asorti-primary: #f58220;
    --asorti-primary-dark: #db690d;
    --asorti-primary-soft: #fff2e5;
    --asorti-dark: #172033;
    --asorti-text: #344054;
    --asorti-muted: #667085;
    --asorti-border: #e4e7ec;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 32px 20px;
    overflow: hidden;
    background: radial-gradient( circle at 10% 10%, rgba(245, 130, 32, .14), transparent 30% ), radial-gradient( circle at 90% 90%, rgba(23, 32, 51, .11), transparent 32% ), linear-gradient(135deg, #f8fafc, #f1f4f8);
}

.asorti-login-background-circle[b-s3p5ybdgfs] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.circle-one[b-s3p5ybdgfs] {
    top: -140px;
    right: -100px;
    width: 360px;
    height: 360px;
    border: 60px solid rgba(245, 130, 32, .06);
}

.circle-two[b-s3p5ybdgfs] {
    bottom: -190px;
    left: -130px;
    width: 430px;
    height: 430px;
    background: rgba(23, 32, 51, .035);
}

.asorti-customer-login-card[b-s3p5ybdgfs] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 470px;
    padding: 42px;
    border: 1px solid rgba(228, 231, 236, .9);
    border-radius: 28px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 30px 80px rgba(16, 24, 40, .10), 0 8px 24px rgba(16, 24, 40, .04);
    backdrop-filter: blur(14px);
}

.asorti-customer-logo[b-s3p5ybdgfs] {
    display: flex;
    align-items: center;
    width: max-content;
    margin: 0 auto 35px;
    gap: 12px;
    color: var(--asorti-dark);
    text-decoration: none;
}

.asorti-logo-symbol[b-s3p5ybdgfs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: 22px;
    color: #fff;
    border-radius: 15px;
    background: linear-gradient( 135deg, var(--asorti-primary), #ffa353 );
    box-shadow: 0 12px 25px rgba(245, 130, 32, .25);
}

.asorti-logo-content[b-s3p5ybdgfs] {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

    .asorti-logo-content strong[b-s3p5ybdgfs] {
        font-size: 25px;
        font-weight: 800;
        letter-spacing: -.5px;
    }

    .asorti-logo-content small[b-s3p5ybdgfs] {
        margin-top: 5px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 4px;
        text-transform: uppercase;
        color: var(--asorti-muted);
    }

.asorti-login-heading[b-s3p5ybdgfs] {
    margin-bottom: 30px;
    text-align: center;
}

.asorti-login-icon[b-s3p5ybdgfs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin-bottom: 18px;
    font-size: 25px;
    color: var(--asorti-primary);
    border-radius: 19px;
    background: var(--asorti-primary-soft);
}

.asorti-login-heading h1[b-s3p5ybdgfs] {
    margin: 0;
    font-size: 30px;
    font-weight: 800;
    color: var(--asorti-dark);
    letter-spacing: -.8px;
}

.asorti-login-heading p[b-s3p5ybdgfs] {
    max-width: 355px;
    margin: 11px auto 0;
    font-size: 14px;
    line-height: 1.65;
    color: var(--asorti-muted);
}

.asorti-form-group[b-s3p5ybdgfs] {
    margin-bottom: 22px;
}

    .asorti-form-group > label[b-s3p5ybdgfs] {
        display: block;
        margin-bottom: 9px;
        font-size: 13px;
        font-weight: 700;
        color: var(--asorti-text);
    }

.asorti-input-container[b-s3p5ybdgfs] {
    position: relative;
    display: flex;
    align-items: center;
}

    .asorti-input-container > i[b-s3p5ybdgfs] {
        position: absolute;
        left: 16px;
        z-index: 2;
        font-size: 17px;
        color: #98a2b3;
        pointer-events: none;
    }

.asorti-tenant-input[b-s3p5ybdgfs] {
    width: 100%;
    min-height: 54px;
    padding: 13px 16px 13px 47px;
    font-size: 15px;
    font-weight: 600;
    color: var(--asorti-dark);
    border: 1px solid var(--asorti-border);
    border-radius: 15px;
    outline: none;
    background: #fff;
    text-transform: lowercase;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

    .asorti-tenant-input[b-s3p5ybdgfs]::placeholder {
        font-weight: 400;
        color: #98a2b3;
        text-transform: none;
    }

    .asorti-tenant-input:focus[b-s3p5ybdgfs] {
        border-color: rgba(245, 130, 32, .75);
        box-shadow: 0 0 0 4px rgba(245, 130, 32, .12);
    }

.asorti-domain-preview[b-s3p5ybdgfs] {
    display: flex;
    align-items: center;
    padding: 10px 13px;
    margin-top: 10px;
    gap: 8px;
    font-size: 12px;
    color: #027a48;
    border: 1px solid #abefc6;
    border-radius: 11px;
    background: #ecfdf3;
    word-break: break-all;
}

    .asorti-domain-preview i[b-s3p5ybdgfs] {
        flex: 0 0 auto;
    }

.asorti-error-message[b-s3p5ybdgfs] {
    display: flex;
    align-items: flex-start;
    padding: 11px 13px;
    margin-top: 10px;
    gap: 8px;
    font-size: 12px;
    line-height: 1.45;
    color: #b42318;
    border: 1px solid #fecdca;
    border-radius: 11px;
    background: #fef3f2;
}

.asorti-login-button[b-s3p5ybdgfs] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    padding: 13px 20px;
    gap: 10px;
    font-size: 15px;
    font-weight: 750;
    color: #fff;
    border: 0;
    border-radius: 15px;
    background: linear-gradient( 135deg, var(--asorti-primary), #f69a4c );
    box-shadow: 0 14px 28px rgba(245, 130, 32, .26);
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

    .asorti-login-button:hover:not(:disabled)[b-s3p5ybdgfs] {
        transform: translateY(-2px);
        box-shadow: 0 18px 34px rgba(245, 130, 32, .32);
    }

    .asorti-login-button:disabled[b-s3p5ybdgfs] {
        cursor: not-allowed;
        opacity: .68;
    }

.asorti-login-information[b-s3p5ybdgfs] {
    display: flex;
    padding: 15px;
    margin-top: 26px;
    gap: 12px;
    border-radius: 15px;
    background: #f8fafc;
}

.asorti-information-icon[b-s3p5ybdgfs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 37px;
    width: 37px;
    height: 37px;
    color: var(--asorti-primary);
    border-radius: 11px;
    background: var(--asorti-primary-soft);
}

.asorti-login-information > div:last-child[b-s3p5ybdgfs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.asorti-login-information strong[b-s3p5ybdgfs] {
    font-size: 12px;
    color: var(--asorti-text);
}

.asorti-login-information span[b-s3p5ybdgfs] {
    font-size: 11px;
    line-height: 1.55;
    color: var(--asorti-muted);
}

.asorti-login-links[b-s3p5ybdgfs] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    gap: 14px;
}

    .asorti-login-links a[b-s3p5ybdgfs] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        font-weight: 600;
        color: var(--asorti-muted);
        text-decoration: none;
    }

        .asorti-login-links a:hover[b-s3p5ybdgfs] {
            color: var(--asorti-primary);
        }

    .asorti-login-links > span[b-s3p5ybdgfs] {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #d0d5dd;
    }

@media (max-width: 576px) {
    .asorti-customer-login-page[b-s3p5ybdgfs] {
        align-items: flex-start;
        padding: 20px 14px;
    }

    .asorti-customer-login-card[b-s3p5ybdgfs] {
        padding: 30px 22px;
        margin-top: 18px;
        border-radius: 22px;
    }

    .asorti-customer-logo[b-s3p5ybdgfs] {
        margin-bottom: 28px;
    }

    .asorti-login-heading h1[b-s3p5ybdgfs] {
        font-size: 26px;
    }

    .asorti-login-heading p[b-s3p5ybdgfs] {
        font-size: 13px;
    }
}
/* /Components/Pages/Ozellikler.razor.rz.scp.css */
.asr-features-hero[b-mw543tybgf] {
    position: relative;
    overflow: hidden;
    padding: 7rem 0 7.5rem;
    background: radial-gradient(circle at 82% 12%, rgba(69, 225, 202, .2), transparent 28%), radial-gradient(circle at 8% 78%, rgba(255, 182, 70, .09), transparent 22%), linear-gradient(135deg, #062b35 0%, #075d5b 55%, #0d8d7f 100%);
    color: #fff;
}

    .asr-features-hero[b-mw543tybgf]::before {
        position: absolute;
        top: -260px;
        right: -180px;
        width: 680px;
        height: 680px;
        content: "";
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 50%;
        box-shadow: 0 0 0 80px rgba(255, 255, 255, .02), 0 0 0 160px rgba(255, 255, 255, .014);
    }

.asr-features-hero-orb[b-mw543tybgf] {
    position: absolute;
    border-radius: 50%;
}

.asr-features-hero-orb-one[b-mw543tybgf] {
    top: 15%;
    left: 5%;
    width: 90px;
    height: 90px;
    background: rgba(255, 182, 70, .1);
}

.asr-features-hero-orb-two[b-mw543tybgf] {
    right: 8%;
    bottom: 8%;
    width: 150px;
    height: 150px;
    background: rgba(69, 225, 202, .1);
}

.asr-features-hero-grid[b-mw543tybgf] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr);
    align-items: center;
    gap: 5rem;
}

.asr-features-eyebrow[b-mw543tybgf] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .9rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: .76rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.asr-features-hero h1[b-mw543tybgf] {
    margin: 1.5rem 0 0;
    font-size: clamp(3rem, 6vw, 5.35rem);
    line-height: 1;
    letter-spacing: -.07em;
}

    .asr-features-hero h1 span[b-mw543tybgf] {
        display: block;
        color: #62e5d1;
    }

.asr-features-hero-content > p[b-mw543tybgf] {
    max-width: 720px;
    margin: 1.55rem 0 0;
    color: rgba(255, 255, 255, .75);
    font-size: 1.05rem;
    line-height: 1.85;
}

.asr-features-hero-actions[b-mw543tybgf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .85rem;
    margin-top: 2rem;
}

.asr-features-primary-button[b-mw543tybgf],
.asr-features-secondary-button[b-mw543tybgf] {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    border-radius: 15px;
    text-decoration: none;
    font-size: .8rem;
    font-weight: 900;
    transition: .2s ease;
}

.asr-features-primary-button[b-mw543tybgf] {
    padding: .55rem .7rem;
    background: #fff;
    color: var(--asr-dark);
    box-shadow: 0 18px 45px rgba(0, 20, 25, .22);
}

.asr-features-button-icon[b-mw543tybgf] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
}

.asr-features-primary-button > span:nth-child(2)[b-mw543tybgf] {
    display: flex;
    flex-direction: column;
}

.asr-features-primary-button small[b-mw543tybgf] {
    color: var(--asr-muted);
    font-size: .54rem;
}

.asr-features-primary-button strong[b-mw543tybgf] {
    color: var(--asr-dark);
    font-size: .8rem;
}

.asr-features-secondary-button[b-mw543tybgf] {
    padding: .8rem 1.2rem;
    border: 1px solid rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

    .asr-features-primary-button:hover[b-mw543tybgf],
    .asr-features-secondary-button:hover[b-mw543tybgf] {
        color: inherit;
        transform: translateY(-3px);
    }

.asr-features-hero-list[b-mw543tybgf] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.6rem;
    color: rgba(255, 255, 255, .72);
    font-size: .69rem;
    font-weight: 700;
}

    .asr-features-hero-list span[b-mw543tybgf] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

    .asr-features-hero-list i[b-mw543tybgf] {
        color: #62e5d1;
    }

.asr-features-dashboard[b-mw543tybgf] {
    position: relative;
}

.asr-features-browser[b-mw543tybgf] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 42px 100px rgba(0, 18, 23, .32);
    transform: perspective(1300px) rotateY(-3deg) rotateX(1deg);
}

.asr-features-browser-top[b-mw543tybgf] {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border-bottom: 1px solid #e5edef;
    background: #f6f9fa;
}

.asr-features-browser-dots[b-mw543tybgf] {
    display: flex;
    gap: .35rem;
}

    .asr-features-browser-dots span[b-mw543tybgf] {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #c7d2d7;
    }

.asr-features-browser-address[b-mw543tybgf] {
    min-width: 190px;
    margin: auto;
    padding: .28rem .8rem;
    border-radius: 7px;
    background: #eaf0f2;
    color: #8ba0a9;
    font-size: .58rem;
    text-align: center;
}

.asr-features-app[b-mw543tybgf] {
    min-height: 470px;
    display: flex;
}

.asr-features-sidebar[b-mw543tybgf] {
    width: 66px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: .9rem;
    padding: 1.1rem .7rem;
    background: #0b2c37;
}

.asr-features-sidebar-logo[b-mw543tybgf] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .4rem;
    border-radius: 11px;
    background: var(--asr-secondary);
    color: #fff;
    font-weight: 900;
}

.asr-features-sidebar button[b-mw543tybgf] {
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: rgba(255, 255, 255, .45);
}

    .asr-features-sidebar button.active[b-mw543tybgf] {
        background: rgba(98, 229, 209, .15);
        color: #62e5d1;
    }

.asr-features-dashboard-content[b-mw543tybgf] {
    flex: 1;
    padding: 1.35rem;
    background: #f5f9fa;
}

.asr-features-dashboard-heading[b-mw543tybgf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-features-dashboard-heading small[b-mw543tybgf] {
        color: #8ba0a9;
        font-size: .57rem;
    }

    .asr-features-dashboard-heading h3[b-mw543tybgf] {
        margin: .2rem 0 0;
        color: var(--asr-dark);
        font-size: 1rem;
    }

.asr-features-dashboard-actions[b-mw543tybgf] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .asr-features-dashboard-actions button[b-mw543tybgf],
    .asr-features-dashboard-actions span[b-mw543tybgf] {
        width: 34px;
        height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
    }

    .asr-features-dashboard-actions button[b-mw543tybgf] {
        border: 1px solid var(--asr-border);
        background: #fff;
        color: var(--asr-primary);
    }

    .asr-features-dashboard-actions span[b-mw543tybgf] {
        border-radius: 50%;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .6rem;
        font-weight: 900;
    }

.asr-features-dashboard-cards[b-mw543tybgf] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .65rem;
    margin-top: 1rem;
}

    .asr-features-dashboard-cards > div[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
        padding: .8rem;
        border: 1px solid #e2ebee;
        border-radius: 13px;
        background: #fff;
    }

        .asr-features-dashboard-cards > div > span[b-mw543tybgf] {
            width: 29px;
            height: 29px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: .7rem;
        }

    .asr-features-dashboard-cards small[b-mw543tybgf] {
        margin-top: .55rem;
        color: #8ba0a9;
        font-size: .49rem;
    }

    .asr-features-dashboard-cards strong[b-mw543tybgf] {
        margin-top: .2rem;
        color: var(--asr-dark);
        font-size: .7rem;
    }

    .asr-features-dashboard-cards em[b-mw543tybgf] {
        margin-top: .2rem;
        color: var(--asr-primary);
        font-size: .46rem;
        font-style: normal;
    }

.asr-features-dashboard-body[b-mw543tybgf] {
    display: grid;
    grid-template-columns: 1.35fr .8fr;
    gap: .7rem;
    margin-top: .7rem;
}

.asr-features-chart-card[b-mw543tybgf],
.asr-features-activity-card[b-mw543tybgf] {
    padding: .85rem;
    border: 1px solid #e2ebee;
    border-radius: 13px;
    background: #fff;
}

.asr-features-chart-heading[b-mw543tybgf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-features-chart-heading div[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
    }

    .asr-features-chart-heading small[b-mw543tybgf] {
        color: #8ba0a9;
        font-size: .48rem;
    }

    .asr-features-chart-heading strong[b-mw543tybgf] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .62rem;
    }

    .asr-features-chart-heading > span[b-mw543tybgf] {
        color: #8ba0a9;
        font-size: .48rem;
    }

.asr-features-chart[b-mw543tybgf] {
    height: 190px;
    display: flex;
    align-items: flex-end;
    gap: .5rem;
    margin-top: .8rem;
    border-bottom: 1px solid #e5edef;
}

    .asr-features-chart i[b-mw543tybgf] {
        width: 100%;
        border-radius: 5px 5px 0 0;
        background: linear-gradient(180deg, var(--asr-secondary), var(--asr-primary));
    }

.asr-features-activity-card > strong[b-mw543tybgf] {
    color: var(--asr-dark);
    font-size: .62rem;
}

.asr-features-activity-card > div[b-mw543tybgf] {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    align-items: center;
    gap: .45rem;
    margin-top: .75rem;
}

    .asr-features-activity-card > div > span[b-mw543tybgf] {
        width: 30px;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 9px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .65rem;
    }

.asr-features-activity-card p[b-mw543tybgf] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

    .asr-features-activity-card p strong[b-mw543tybgf] {
        color: var(--asr-dark);
        font-size: .52rem;
    }

    .asr-features-activity-card p small[b-mw543tybgf] {
        color: #8ba0a9;
        font-size: .44rem;
    }

.asr-features-activity-card em[b-mw543tybgf] {
    color: var(--asr-dark);
    font-size: .48rem;
    font-style: normal;
    font-weight: 800;
}

.asr-features-floating[b-mw543tybgf] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 14px;
    background: rgba(255, 255, 255, .95);
    color: var(--asr-dark);
    box-shadow: 0 20px 50px rgba(0, 20, 25, .18);
}

    .asr-features-floating > span[b-mw543tybgf] {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-features-floating div[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
    }

    .asr-features-floating small[b-mw543tybgf] {
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-features-floating strong[b-mw543tybgf] {
        margin-top: .15rem;
        font-size: .6rem;
    }

.asr-features-floating-one[b-mw543tybgf] {
    left: -7%;
    bottom: 12%;
}

.asr-features-floating-two[b-mw543tybgf] {
    top: 16%;
    right: -7%;
}

.asr-features-stats[b-mw543tybgf] {
    padding: 1.3rem 0;
    border-bottom: 1px solid var(--asr-border);
    background: #fff;
}

.asr-features-stats-grid[b-mw543tybgf] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

    .asr-features-stats-grid > div[b-mw543tybgf] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: .75rem 1rem;
        border-right: 1px solid var(--asr-border);
        text-align: center;
    }

        .asr-features-stats-grid > div:last-child[b-mw543tybgf] {
            border-right: 0;
        }

    .asr-features-stats-grid span[b-mw543tybgf] {
        color: var(--asr-primary);
        font-size: 1.05rem;
    }

    .asr-features-stats-grid strong[b-mw543tybgf] {
        margin-top: .3rem;
        color: var(--asr-dark);
        font-size: .86rem;
    }

    .asr-features-stats-grid small[b-mw543tybgf] {
        margin-top: .15rem;
        color: var(--asr-muted);
        font-size: .58rem;
    }

.asr-features-overview[b-mw543tybgf],
.asr-features-modules[b-mw543tybgf],
.asr-features-finance[b-mw543tybgf],
.asr-features-reports[b-mw543tybgf],
.asr-features-benefits[b-mw543tybgf] {
    padding: 6.5rem 0;
}

.asr-features-section-heading[b-mw543tybgf] {
    max-width: 820px;
    margin: auto;
    text-align: center;
}

    .asr-features-section-heading > span[b-mw543tybgf],
    .asr-features-section-label[b-mw543tybgf] {
        color: var(--asr-primary);
        font-size: .72rem;
        font-weight: 900;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .asr-features-section-heading h2[b-mw543tybgf],
    .asr-features-retail-content h2[b-mw543tybgf],
    .asr-features-stock-content h2[b-mw543tybgf],
    .asr-features-branches-content h2[b-mw543tybgf],
    .asr-features-integrations-content h2[b-mw543tybgf],
    .asr-features-faq-heading h2[b-mw543tybgf] {
        margin: .75rem 0 0;
        color: var(--asr-dark);
        font-size: clamp(2.2rem, 4.5vw, 3.4rem);
        line-height: 1.12;
        letter-spacing: -.05em;
    }

        .asr-features-section-heading h2 strong[b-mw543tybgf],
        .asr-features-retail-content h2 strong[b-mw543tybgf],
        .asr-features-stock-content h2 strong[b-mw543tybgf],
        .asr-features-branches-content h2 strong[b-mw543tybgf],
        .asr-features-integrations-content h2 strong[b-mw543tybgf],
        .asr-features-faq-heading h2 strong[b-mw543tybgf] {
            color: var(--asr-primary);
        }

    .asr-features-section-heading > p[b-mw543tybgf],
    .asr-features-retail-content > p[b-mw543tybgf],
    .asr-features-stock-content > p[b-mw543tybgf],
    .asr-features-branches-content > p[b-mw543tybgf],
    .asr-features-integrations-content > p[b-mw543tybgf],
    .asr-features-faq-heading > p[b-mw543tybgf] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        font-size: .95rem;
        line-height: 1.85;
    }

    .asr-features-section-heading > p[b-mw543tybgf] {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

.asr-features-overview[b-mw543tybgf] {
    background: #fff;
}

.asr-features-flow[b-mw543tybgf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    margin-top: 3rem;
}

.asr-features-flow-item[b-mw543tybgf] {
    width: 150px;
    min-height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid var(--asr-border);
    border-radius: 18px;
    background: #fff;
    text-align: center;
    box-shadow: 0 14px 35px rgba(16, 36, 47, .06);
}

    .asr-features-flow-item > span[b-mw543tybgf] {
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 13px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-features-flow-item strong[b-mw543tybgf] {
        margin-top: .8rem;
        color: var(--asr-dark);
        font-size: .72rem;
    }

    .asr-features-flow-item small[b-mw543tybgf] {
        margin-top: .25rem;
        color: var(--asr-muted);
        font-size: .55rem;
    }

.asr-features-flow-arrow[b-mw543tybgf] {
    color: var(--asr-primary);
}

.asr-features-modules[b-mw543tybgf] {
    background: var(--asr-soft);
}

.asr-features-module-grid[b-mw543tybgf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.15rem;
    margin-top: 3rem;
}

.asr-features-module-card[b-mw543tybgf] {
    display: flex;
    flex-direction: column;
    padding: 1.55rem;
    border: 1px solid var(--asr-border);
    border-radius: 20px;
    background: radial-gradient(circle at 100% 0%, rgba(20, 184, 166, .06), transparent 27%), #fff;
    transition: .2s ease;
}

    .asr-features-module-card:hover[b-mw543tybgf] {
        transform: translateY(-6px);
        border-color: rgba(8, 127, 114, .27);
        box-shadow: 0 25px 55px rgba(16, 36, 47, .1);
    }

.asr-features-module-top[b-mw543tybgf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.asr-features-module-icon[b-mw543tybgf] {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: 1.2rem;
}

.asr-features-module-number[b-mw543tybgf] {
    color: #d7e2e5;
    font-size: 1.4rem;
    font-weight: 900;
}

.asr-features-module-card h3[b-mw543tybgf] {
    margin: 1rem 0 0;
    color: var(--asr-dark);
    font-size: 1rem;
}

.asr-features-module-card > p[b-mw543tybgf] {
    margin: .65rem 0 0;
    color: var(--asr-muted);
    font-size: .73rem;
    line-height: 1.7;
}

.asr-features-module-list[b-mw543tybgf] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
    margin-top: 1rem;
}

    .asr-features-module-list span[b-mw543tybgf] {
        display: flex;
        align-items: center;
        gap: .35rem;
        color: var(--asr-text);
        font-size: .62rem;
    }

    .asr-features-module-list i[b-mw543tybgf] {
        color: var(--asr-primary);
    }

.asr-features-module-card > a[b-mw543tybgf],
.asr-features-text-link[b-mw543tybgf] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1.3rem;
    color: var(--asr-primary);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 900;
}

.asr-features-retail[b-mw543tybgf],
.asr-features-stock[b-mw543tybgf],
.asr-features-branches[b-mw543tybgf],
.asr-features-integrations[b-mw543tybgf],
.asr-features-faq[b-mw543tybgf] {
    padding: 7rem 0;
}

.asr-features-retail[b-mw543tybgf] {
    background: #fff;
}

.asr-features-retail-grid[b-mw543tybgf],
.asr-features-stock-grid[b-mw543tybgf],
.asr-features-branches-grid[b-mw543tybgf],
.asr-features-integrations-grid[b-mw543tybgf],
.asr-features-faq-grid[b-mw543tybgf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 5rem;
}

.asr-features-highlight-list[b-mw543tybgf] {
    display: grid;
    gap: .8rem;
    margin-top: 1.6rem;
}

    .asr-features-highlight-list > div[b-mw543tybgf] {
        display: flex;
        align-items: flex-start;
        gap: .8rem;
        padding: .9rem;
        border: 1px solid var(--asr-border);
        border-radius: 14px;
        background: var(--asr-soft);
    }

        .asr-features-highlight-list > div > i[b-mw543tybgf] {
            width: 39px;
            height: 39px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 11px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-features-highlight-list span[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
    }

    .asr-features-highlight-list strong[b-mw543tybgf] {
        color: var(--asr-dark);
        font-size: .72rem;
    }

    .asr-features-highlight-list small[b-mw543tybgf] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .62rem;
        line-height: 1.55;
    }

.asr-features-pos-card[b-mw543tybgf] {
    padding: 1.45rem;
    border: 1px solid var(--asr-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 30px 75px rgba(16, 36, 47, .13);
}

.asr-features-pos-header[b-mw543tybgf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-features-pos-header > div[b-mw543tybgf] {
        display: flex;
        align-items: center;
        gap: .7rem;
    }

        .asr-features-pos-header > div > span[b-mw543tybgf] {
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            background: var(--asr-primary);
            color: #fff;
            font-weight: 900;
        }

    .asr-features-pos-header p[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .asr-features-pos-header small[b-mw543tybgf] {
        color: var(--asr-muted);
        font-size: .55rem;
    }

    .asr-features-pos-header strong[b-mw543tybgf] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .78rem;
    }

    .asr-features-pos-header em[b-mw543tybgf] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        padding: .4rem .65rem;
        border-radius: 999px;
        background: #effcf4;
        color: #27834d;
        font-size: .54rem;
        font-style: normal;
        font-weight: 800;
    }

        .asr-features-pos-header em i[b-mw543tybgf] {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #35bf6b;
        }

.asr-features-pos-search[b-mw543tybgf] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-top: 1.2rem;
    padding: .8rem;
    border: 1px solid var(--asr-border);
    border-radius: 12px;
    background: #fafcfc;
    color: var(--asr-muted);
    font-size: .62rem;
}

    .asr-features-pos-search i[b-mw543tybgf] {
        color: var(--asr-primary);
    }

.asr-features-pos-product[b-mw543tybgf] {
    display: grid;
    grid-template-columns: 45px 1fr auto;
    align-items: center;
    gap: .7rem;
    padding: .9rem 0;
    border-bottom: 1px solid var(--asr-border-light);
}

.asr-features-product-image[b-mw543tybgf] {
    width: 43px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
}

.asr-features-pos-product p[b-mw543tybgf] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

    .asr-features-pos-product p strong[b-mw543tybgf] {
        color: var(--asr-dark);
        font-size: .68rem;
    }

    .asr-features-pos-product p small[b-mw543tybgf] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .52rem;
    }

.asr-features-pos-product > div[b-mw543tybgf] {
    display: flex;
    flex-direction: column;
    text-align: right;
}

    .asr-features-pos-product > div small[b-mw543tybgf] {
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-features-pos-product > div strong[b-mw543tybgf] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .65rem;
    }

.asr-features-pos-summary[b-mw543tybgf] {
    display: grid;
    gap: .55rem;
    margin-top: 1rem;
}

    .asr-features-pos-summary span[b-mw543tybgf] {
        display: flex;
        justify-content: space-between;
    }

    .asr-features-pos-summary small[b-mw543tybgf] {
        color: var(--asr-muted);
        font-size: .6rem;
    }

    .asr-features-pos-summary strong[b-mw543tybgf] {
        color: var(--asr-dark);
        font-size: .64rem;
    }

    .asr-features-pos-summary .total[b-mw543tybgf] {
        margin-top: .3rem;
        padding-top: .8rem;
        border-top: 1px solid var(--asr-border);
    }

        .asr-features-pos-summary .total strong[b-mw543tybgf] {
            color: var(--asr-primary);
            font-size: 1.1rem;
        }

.asr-features-pos-actions[b-mw543tybgf] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .7rem;
    margin-top: 1rem;
}

    .asr-features-pos-actions button[b-mw543tybgf] {
        min-height: 48px;
        border: 1px solid var(--asr-border);
        border-radius: 13px;
        background: #fff;
        color: var(--asr-dark);
        font-size: .66rem;
        font-weight: 800;
    }

        .asr-features-pos-actions button:last-child[b-mw543tybgf] {
            border-color: var(--asr-primary);
            background: var(--asr-primary);
            color: #fff;
        }

.asr-features-stock[b-mw543tybgf] {
    background: var(--asr-soft);
}

.asr-features-stock-card[b-mw543tybgf] {
    padding: 1.3rem;
    border: 1px solid var(--asr-border);
    border-radius: 23px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(16, 36, 47, .11);
}

.asr-features-stock-heading[b-mw543tybgf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-features-stock-heading > div[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
    }

    .asr-features-stock-heading small[b-mw543tybgf] {
        color: var(--asr-muted);
        font-size: .54rem;
    }

    .asr-features-stock-heading strong[b-mw543tybgf] {
        margin-top: .2rem;
        color: var(--asr-dark);
        font-size: .78rem;
    }

    .asr-features-stock-heading > span[b-mw543tybgf] {
        padding: .4rem .6rem;
        border-radius: 999px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .52rem;
        font-weight: 800;
    }

.asr-features-stock-table[b-mw543tybgf] {
    margin-top: 1.2rem;
}

.asr-stock-row[b-mw543tybgf] {
    display: grid;
    grid-template-columns: 1.4fr repeat(5, .7fr);
    align-items: center;
    padding: .7rem 0;
    border-bottom: 1px solid var(--asr-border-light);
    text-align: center;
}

    .asr-stock-row > span[b-mw543tybgf] {
        display: flex;
        align-items: center;
        gap: .45rem;
        color: var(--asr-dark);
        font-size: .62rem;
        font-weight: 700;
        text-align: left;
    }

        .asr-stock-row > span i[b-mw543tybgf] {
            width: 11px;
            height: 11px;
            border-radius: 50%;
            box-shadow: 0 0 0 1px var(--asr-border);
        }

    .asr-stock-row b[b-mw543tybgf] {
        color: var(--asr-dark);
        font-size: .62rem;
    }

.asr-stock-row-head span[b-mw543tybgf],
.asr-stock-row-head[b-mw543tybgf] {
    color: var(--asr-muted);
    font-size: .54rem;
    font-weight: 800;
}

.asr-stock-critical[b-mw543tybgf] {
    color: #d48b16 !important;
}

.asr-stock-empty[b-mw543tybgf] {
    color: #dc5f5f !important;
}

.asr-features-stock-footer[b-mw543tybgf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
}

    .asr-features-stock-footer > span[b-mw543tybgf] {
        color: #27834d;
        font-size: .54rem;
        font-weight: 700;
    }

    .asr-features-stock-footer button[b-mw543tybgf] {
        min-height: 38px;
        padding: .5rem .7rem;
        border: 1px solid var(--asr-border);
        border-radius: 10px;
        background: #fff;
        color: var(--asr-primary);
        font-size: .55rem;
        font-weight: 800;
    }

.asr-features-stock-points[b-mw543tybgf] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
    margin-top: 1.6rem;
}

    .asr-features-stock-points > div[b-mw543tybgf] {
        display: flex;
        align-items: flex-start;
        gap: .7rem;
        padding: .85rem;
        border: 1px solid var(--asr-border);
        border-radius: 13px;
        background: #fff;
    }

        .asr-features-stock-points > div > span[b-mw543tybgf] {
            width: 36px;
            height: 36px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 10px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-features-stock-points p[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .asr-features-stock-points strong[b-mw543tybgf] {
        color: var(--asr-dark);
        font-size: .68rem;
    }

    .asr-features-stock-points small[b-mw543tybgf] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .57rem;
        line-height: 1.5;
    }

.asr-features-finance[b-mw543tybgf] {
    background: #fff;
}

.asr-features-finance-grid[b-mw543tybgf] {
    display: grid;
    grid-template-columns: 1.4fr repeat(2, .8fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-finance-summary-card[b-mw543tybgf],
    .asr-features-finance-grid article[b-mw543tybgf] {
        border: 1px solid var(--asr-border);
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 18px 45px rgba(16, 36, 47, .07);
    }

.asr-finance-summary-card[b-mw543tybgf] {
    grid-row: span 2;
    padding: 1.4rem;
}

.asr-finance-summary-heading[b-mw543tybgf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-finance-summary-heading div[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
    }

    .asr-finance-summary-heading small[b-mw543tybgf] {
        color: var(--asr-muted);
        font-size: .55rem;
    }

    .asr-finance-summary-heading strong[b-mw543tybgf] {
        margin-top: .2rem;
        color: var(--asr-dark);
        font-size: .72rem;
    }

.asr-finance-balance[b-mw543tybgf] {
    margin-top: 1.4rem;
    padding: 1.2rem;
    border-radius: 17px;
    background: linear-gradient(145deg, var(--asr-primary-dark), var(--asr-primary));
    color: #fff;
}

    .asr-finance-balance small[b-mw543tybgf] {
        color: rgba(255, 255, 255, .66);
        font-size: .56rem;
    }

    .asr-finance-balance strong[b-mw543tybgf] {
        display: block;
        margin-top: .35rem;
        font-size: 1.65rem;
    }

    .asr-finance-balance span[b-mw543tybgf] {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        margin-top: .5rem;
        color: #79efdd;
        font-size: .52rem;
    }

.asr-finance-bars[b-mw543tybgf] {
    display: grid;
    gap: .8rem;
    margin-top: 1.2rem;
}

    .asr-finance-bars > div > span[b-mw543tybgf] {
        display: flex;
        justify-content: space-between;
    }

    .asr-finance-bars small[b-mw543tybgf] {
        color: var(--asr-muted);
        font-size: .54rem;
    }

    .asr-finance-bars strong[b-mw543tybgf] {
        color: var(--asr-dark);
        font-size: .58rem;
    }

    .asr-finance-bars i[b-mw543tybgf] {
        height: 7px;
        display: block;
        margin-top: .4rem;
        overflow: hidden;
        border-radius: 999px;
        background: #edf2f3;
    }

    .asr-finance-bars b[b-mw543tybgf] {
        height: 100%;
        display: block;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--asr-primary), var(--asr-secondary));
    }

.asr-features-finance-grid article[b-mw543tybgf] {
    padding: 1.2rem;
}

    .asr-features-finance-grid article > span[b-mw543tybgf] {
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-features-finance-grid article h3[b-mw543tybgf] {
        margin: .8rem 0 0;
        color: var(--asr-dark);
        font-size: .82rem;
    }

    .asr-features-finance-grid article p[b-mw543tybgf] {
        margin: .45rem 0 0;
        color: var(--asr-muted);
        font-size: .64rem;
        line-height: 1.6;
    }

    .asr-features-finance-grid article > strong[b-mw543tybgf] {
        display: block;
        margin-top: .8rem;
        color: var(--asr-dark);
        font-size: .83rem;
    }

    .asr-features-finance-grid article > small[b-mw543tybgf] {
        display: block;
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .5rem;
    }

.asr-features-branches[b-mw543tybgf] {
    background: var(--asr-soft);
}

.asr-features-branch-stats[b-mw543tybgf] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .65rem;
    margin-top: 1.5rem;
}

    .asr-features-branch-stats > div[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
        padding: .85rem;
        border: 1px solid var(--asr-border);
        border-radius: 13px;
        background: #fff;
    }

    .asr-features-branch-stats strong[b-mw543tybgf] {
        color: var(--asr-primary);
        font-size: 1.1rem;
    }

    .asr-features-branch-stats span[b-mw543tybgf] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .54rem;
    }

.asr-features-network[b-mw543tybgf] {
    position: relative;
    min-height: 500px;
    overflow: hidden;
    border: 1px solid var(--asr-border);
    border-radius: 27px;
    background: radial-gradient(circle at 50% 50%, rgba(20, 184, 166, .1), transparent 35%), #f8fcfb;
    box-shadow: 0 28px 70px rgba(16, 36, 47, .1);
}

.asr-features-network-grid[b-mw543tybgf] {
    position: absolute;
    inset: 0;
    opacity: .45;
    background-image: linear-gradient(rgba(8, 127, 114, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 127, 114, .06) 1px, transparent 1px);
    background-size: 36px 36px;
}

.asr-features-network-center[b-mw543tybgf] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: 1rem;
    border: 1px solid rgba(8, 127, 114, .2);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(16, 36, 47, .13);
    transform: translate(-50%, -50%);
}

    .asr-features-network-center > span[b-mw543tybgf] {
        width: 43px;
        height: 43px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: var(--asr-primary);
        color: #fff;
        font-weight: 900;
    }

    .asr-features-network-center div[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
    }

    .asr-features-network-center small[b-mw543tybgf] {
        color: var(--asr-muted);
        font-size: .5rem;
        font-weight: 900;
    }

    .asr-features-network-center strong[b-mw543tybgf] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .65rem;
    }

.asr-feature-branch[b-mw543tybgf] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .75rem;
    border: 1px solid var(--asr-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 14px 35px rgba(16, 36, 47, .1);
}

    .asr-feature-branch > span[b-mw543tybgf] {
        width: 35px;
        height: 35px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-feature-branch div[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
    }

    .asr-feature-branch small[b-mw543tybgf] {
        color: var(--asr-muted);
        font-size: .46rem;
    }

    .asr-feature-branch strong[b-mw543tybgf] {
        margin-top: .1rem;
        color: var(--asr-dark);
        font-size: .56rem;
    }

.asr-feature-branch-one[b-mw543tybgf] {
    top: 10%;
    left: 8%;
}

.asr-feature-branch-two[b-mw543tybgf] {
    top: 12%;
    right: 8%;
}

.asr-feature-branch-three[b-mw543tybgf] {
    top: 48%;
    left: 6%;
}

.asr-feature-branch-four[b-mw543tybgf] {
    right: 6%;
    bottom: 10%;
}

.asr-feature-branch-five[b-mw543tybgf] {
    left: 17%;
    bottom: 9%;
}

.asr-features-reports[b-mw543tybgf] {
    background: #fff;
}

.asr-features-report-layout[b-mw543tybgf] {
    display: grid;
    grid-template-columns: 1.6fr .8fr;
    gap: 1rem;
    margin-top: 3rem;
}

.asr-features-report-main[b-mw543tybgf],
.asr-features-report-side article[b-mw543tybgf] {
    border: 1px solid var(--asr-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(16, 36, 47, .06);
}

.asr-features-report-main[b-mw543tybgf] {
    padding: 1.4rem;
}

.asr-report-main-heading[b-mw543tybgf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-report-main-heading > div[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
    }

    .asr-report-main-heading small[b-mw543tybgf] {
        color: var(--asr-muted);
        font-size: .56rem;
    }

    .asr-report-main-heading strong[b-mw543tybgf] {
        margin-top: .25rem;
        color: var(--asr-dark);
        font-size: 1.5rem;
    }

    .asr-report-main-heading > span[b-mw543tybgf] {
        padding: .4rem .65rem;
        border-radius: 999px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .55rem;
        font-weight: 900;
    }

.asr-report-main-chart[b-mw543tybgf] {
    margin-top: 1.2rem;
}

    .asr-report-main-chart svg[b-mw543tybgf] {
        width: 100%;
        height: 250px;
    }

.asr-report-main-months[b-mw543tybgf] {
    display: flex;
    justify-content: space-between;
    color: var(--asr-muted);
    font-size: .52rem;
}

.asr-features-report-side[b-mw543tybgf] {
    display: grid;
    gap: 1rem;
}

    .asr-features-report-side article[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
        padding: 1.1rem;
    }

        .asr-features-report-side article > span[b-mw543tybgf] {
            width: 40px;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-features-report-side small[b-mw543tybgf] {
        margin-top: .7rem;
        color: var(--asr-muted);
        font-size: .53rem;
    }

    .asr-features-report-side strong[b-mw543tybgf] {
        margin-top: .2rem;
        color: var(--asr-dark);
        font-size: .76rem;
    }

    .asr-features-report-side em[b-mw543tybgf] {
        margin-top: .2rem;
        color: var(--asr-primary);
        font-size: .55rem;
        font-style: normal;
    }

.asr-features-report-tags[b-mw543tybgf] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.3rem;
}

    .asr-features-report-tags span[b-mw543tybgf] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        padding: .55rem .7rem;
        border: 1px solid var(--asr-border);
        border-radius: 999px;
        color: var(--asr-text);
        font-size: .62rem;
        font-weight: 700;
    }

    .asr-features-report-tags i[b-mw543tybgf] {
        color: var(--asr-primary);
    }

.asr-features-integrations[b-mw543tybgf] {
    background: var(--asr-soft);
}

.asr-features-api-points[b-mw543tybgf] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.4rem;
}

    .asr-features-api-points span[b-mw543tybgf] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        padding: .55rem .7rem;
        border: 1px solid var(--asr-border);
        border-radius: 999px;
        background: #fff;
        color: var(--asr-text);
        font-size: .62rem;
        font-weight: 700;
    }

    .asr-features-api-points i[b-mw543tybgf] {
        color: var(--asr-primary);
    }

.asr-features-integration-cloud[b-mw543tybgf] {
    position: relative;
    min-height: 470px;
}

.asr-integration-item[b-mw543tybgf] {
    position: absolute;
    min-width: 105px;
    padding: .7rem .9rem;
    border: 1px solid var(--asr-border);
    border-radius: 12px;
    background: #fff;
    color: var(--asr-dark);
    font-size: .62rem;
    font-weight: 800;
    text-align: center;
    box-shadow: 0 12px 30px rgba(16, 36, 47, .08);
}

.asr-integration-one[b-mw543tybgf] {
    top: 4%;
    left: 38%;
}

.asr-integration-two[b-mw543tybgf] {
    top: 15%;
    left: 4%;
}

.asr-integration-three[b-mw543tybgf] {
    top: 16%;
    right: 3%;
}

.asr-integration-four[b-mw543tybgf] {
    top: 42%;
    left: 0;
}

.asr-integration-five[b-mw543tybgf] {
    top: 42%;
    right: 0;
}

.asr-integration-six[b-mw543tybgf] {
    left: 10%;
    bottom: 15%;
}

.asr-integration-seven[b-mw543tybgf] {
    right: 10%;
    bottom: 15%;
}

.asr-integration-eight[b-mw543tybgf] {
    bottom: 2%;
    left: 39%;
}

.asr-integration-nine[b-mw543tybgf] {
    top: 3%;
    right: 22%;
}

.asr-integration-ten[b-mw543tybgf] {
    top: 3%;
    left: 14%;
}

.asr-features-integration-center[b-mw543tybgf] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 10px solid rgba(20, 184, 166, .1);
    border-radius: 50%;
    background: linear-gradient(145deg, var(--asr-primary), var(--asr-secondary));
    color: #fff;
    box-shadow: 0 25px 60px rgba(8, 127, 114, .25);
    transform: translate(-50%, -50%);
}

    .asr-features-integration-center strong[b-mw543tybgf] {
        font-size: 2rem;
    }

    .asr-features-integration-center small[b-mw543tybgf] {
        font-size: .58rem;
        font-weight: 900;
        letter-spacing: .12em;
    }

.asr-features-benefits[b-mw543tybgf] {
    background: #fff;
}

.asr-features-benefit-grid[b-mw543tybgf] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-features-benefit-grid article[b-mw543tybgf] {
        padding: 1.35rem;
        border: 1px solid var(--asr-border);
        border-radius: 17px;
        background: #fff;
        transition: .2s ease;
    }

        .asr-features-benefit-grid article:hover[b-mw543tybgf] {
            transform: translateY(-5px);
            box-shadow: 0 22px 50px rgba(16, 36, 47, .09);
        }

        .asr-features-benefit-grid article > span[b-mw543tybgf] {
            width: 45px;
            height: 45px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: 1.05rem;
        }

    .asr-features-benefit-grid h3[b-mw543tybgf] {
        margin: .9rem 0 0;
        color: var(--asr-dark);
        font-size: .86rem;
    }

    .asr-features-benefit-grid p[b-mw543tybgf] {
        margin: .55rem 0 0;
        color: var(--asr-muted);
        font-size: .67rem;
        line-height: 1.7;
    }

.asr-features-faq[b-mw543tybgf] {
    background: var(--asr-soft);
}

.asr-features-faq-grid[b-mw543tybgf] {
    align-items: start;
}

.asr-features-faq-list[b-mw543tybgf] {
    display: grid;
    gap: .75rem;
}

    .asr-features-faq-list details[b-mw543tybgf] {
        overflow: hidden;
        border: 1px solid var(--asr-border);
        border-radius: 15px;
        background: #fff;
    }

    .asr-features-faq-list summary[b-mw543tybgf] {
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.2rem;
        color: var(--asr-dark);
        font-size: .75rem;
        font-weight: 900;
        cursor: pointer;
        list-style: none;
    }

        .asr-features-faq-list summary[b-mw543tybgf]::-webkit-details-marker {
            display: none;
        }

        .asr-features-faq-list summary i[b-mw543tybgf] {
            color: var(--asr-primary);
        }

    .asr-features-faq-list details[open] summary i[b-mw543tybgf] {
        transform: rotate(45deg);
    }

    .asr-features-faq-list details p[b-mw543tybgf] {
        margin: 0;
        padding: 0 1.2rem 1.2rem;
        color: var(--asr-muted);
        font-size: .7rem;
        line-height: 1.75;
    }

.asr-features-final[b-mw543tybgf] {
    padding: 6.5rem 0;
    background: #fff;
}

.asr-features-final-box[b-mw543tybgf] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 3rem;
    padding: 3.5rem;
    overflow: hidden;
    border-radius: 28px;
    background: radial-gradient(circle at 85% 10%, rgba(255, 255, 255, .15), transparent 30%), linear-gradient(135deg, #062b35, #0d8d7f);
    color: #fff;
    box-shadow: 0 32px 75px rgba(8, 127, 114, .23);
}

.asr-features-final-content > span[b-mw543tybgf] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: rgba(255, 255, 255, .72);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.asr-features-final-content h2[b-mw543tybgf] {
    margin: .8rem 0 0;
    font-size: clamp(2.1rem, 4vw, 3.3rem);
    line-height: 1.12;
    letter-spacing: -.05em;
}

    .asr-features-final-content h2 strong[b-mw543tybgf] {
        color: #62e5d1;
    }

.asr-features-final-content p[b-mw543tybgf] {
    max-width: 650px;
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, .72);
    line-height: 1.8;
}

.asr-features-final-actions[b-mw543tybgf] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.6rem;
}

    .asr-features-final-actions a[b-mw543tybgf] {
        min-height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: .7rem 1rem;
        border-radius: 13px;
        text-decoration: none;
        font-size: .74rem;
        font-weight: 900;
    }

        .asr-features-final-actions a:first-child[b-mw543tybgf] {
            background: #fff;
            color: var(--asr-primary-dark);
        }

        .asr-features-final-actions a:last-child[b-mw543tybgf] {
            border: 1px solid rgba(255, 255, 255, .25);
            color: #fff;
        }

.asr-features-final-cards[b-mw543tybgf] {
    display: grid;
    gap: .75rem;
}

    .asr-features-final-cards > div[b-mw543tybgf] {
        display: flex;
        flex-direction: column;
        padding: 1.2rem;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 16px;
        background: rgba(255, 255, 255, .08);
    }

    .asr-features-final-cards strong[b-mw543tybgf] {
        font-size: 1.25rem;
    }

    .asr-features-final-cards span[b-mw543tybgf] {
        margin-top: .25rem;
        color: rgba(255, 255, 255, .67);
        font-size: .64rem;
    }

@media (max-width: 1150px) {

    .asr-features-hero-grid[b-mw543tybgf],
    .asr-features-retail-grid[b-mw543tybgf],
    .asr-features-stock-grid[b-mw543tybgf],
    .asr-features-branches-grid[b-mw543tybgf],
    .asr-features-integrations-grid[b-mw543tybgf],
    .asr-features-faq-grid[b-mw543tybgf] {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .asr-features-hero-content[b-mw543tybgf] {
        text-align: center;
    }

    .asr-features-hero-actions[b-mw543tybgf],
    .asr-features-hero-list[b-mw543tybgf] {
        justify-content: center;
    }

    .asr-features-browser[b-mw543tybgf] {
        width: min(760px, 100%);
        margin: auto;
        transform: none;
    }

    .asr-features-module-grid[b-mw543tybgf] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-features-benefit-grid[b-mw543tybgf] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-features-retail-content[b-mw543tybgf],
    .asr-features-stock-content[b-mw543tybgf],
    .asr-features-branches-content[b-mw543tybgf],
    .asr-features-integrations-content[b-mw543tybgf],
    .asr-features-faq-heading[b-mw543tybgf] {
        text-align: center;
    }

    .asr-features-text-link[b-mw543tybgf] {
        justify-content: center;
    }
}

@media (max-width: 850px) {

    .asr-features-stats-grid[b-mw543tybgf] {
        grid-template-columns: repeat(2, 1fr);
    }

        .asr-features-stats-grid > div[b-mw543tybgf] {
            border-right: 0;
            border-bottom: 1px solid var(--asr-border);
        }

    .asr-features-flow[b-mw543tybgf] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .asr-features-flow-item[b-mw543tybgf] {
        width: auto;
    }

    .asr-features-flow-arrow[b-mw543tybgf] {
        display: none;
    }

    .asr-features-finance-grid[b-mw543tybgf] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-finance-summary-card[b-mw543tybgf] {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .asr-features-report-layout[b-mw543tybgf] {
        grid-template-columns: 1fr;
    }

    .asr-features-final-box[b-mw543tybgf] {
        grid-template-columns: 1fr;
        padding: 2.4rem;
    }

    .asr-features-final-cards[b-mw543tybgf] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 650px) {

    .asr-features-hero[b-mw543tybgf] {
        padding: 5rem 0;
    }

        .asr-features-hero h1[b-mw543tybgf] {
            font-size: 2.7rem;
        }

    .asr-features-hero-actions[b-mw543tybgf] {
        display: grid;
    }

    .asr-features-primary-button[b-mw543tybgf],
    .asr-features-secondary-button[b-mw543tybgf] {
        width: 100%;
        justify-content: center;
    }

    .asr-features-hero-list[b-mw543tybgf] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        text-align: left;
    }

    .asr-features-dashboard-cards[b-mw543tybgf] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-features-dashboard-body[b-mw543tybgf] {
        grid-template-columns: 1fr;
    }

    .asr-features-activity-card[b-mw543tybgf] {
        display: none;
    }

    .asr-features-floating[b-mw543tybgf] {
        display: none;
    }

    .asr-features-overview[b-mw543tybgf],
    .asr-features-modules[b-mw543tybgf],
    .asr-features-finance[b-mw543tybgf],
    .asr-features-reports[b-mw543tybgf],
    .asr-features-benefits[b-mw543tybgf],
    .asr-features-retail[b-mw543tybgf],
    .asr-features-stock[b-mw543tybgf],
    .asr-features-branches[b-mw543tybgf],
    .asr-features-integrations[b-mw543tybgf],
    .asr-features-faq[b-mw543tybgf] {
        padding: 4.5rem 0;
    }

    .asr-features-flow[b-mw543tybgf],
    .asr-features-module-grid[b-mw543tybgf],
    .asr-features-benefit-grid[b-mw543tybgf] {
        grid-template-columns: 1fr;
    }

    .asr-features-module-list[b-mw543tybgf],
    .asr-features-stock-points[b-mw543tybgf] {
        grid-template-columns: 1fr;
    }

    .asr-features-finance-grid[b-mw543tybgf] {
        grid-template-columns: 1fr;
    }

    .asr-finance-summary-card[b-mw543tybgf] {
        grid-column: auto;
    }

    .asr-features-branch-stats[b-mw543tybgf] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-features-network[b-mw543tybgf] {
        min-height: 620px;
    }

    .asr-feature-branch-one[b-mw543tybgf] {
        top: 5%;
        left: 3%;
    }

    .asr-feature-branch-two[b-mw543tybgf] {
        top: 5%;
        right: 3%;
    }

    .asr-feature-branch-three[b-mw543tybgf] {
        top: 35%;
        left: 2%;
    }

    .asr-feature-branch-four[b-mw543tybgf] {
        right: 2%;
        bottom: 5%;
    }

    .asr-feature-branch-five[b-mw543tybgf] {
        left: 5%;
        bottom: 5%;
    }

    .asr-features-integration-cloud[b-mw543tybgf] {
        min-height: 580px;
    }

    .asr-integration-item[b-mw543tybgf] {
        min-width: 92px;
        font-size: .55rem;
    }

    .asr-features-final-cards[b-mw543tybgf] {
        grid-template-columns: 1fr;
    }

    .asr-features-final-actions[b-mw543tybgf] {
        display: grid;
    }
}
/* /Components/Pages/Paketler.razor.rz.scp.css */
.asr-pricing-hero[b-5spl0l20uo] {
    position: relative;
    overflow: hidden;
    padding: 7rem 0 8rem;
    background: radial-gradient(circle at 78% 12%, rgba(55, 224, 197, 0.18), transparent 28%), radial-gradient(circle at 15% 80%, rgba(255, 181, 71, 0.09), transparent 23%), linear-gradient(135deg, #062b34 0%, #075f5b 58%, #0c8c7e 100%);
    color: #fff;
}

    .asr-pricing-hero[b-5spl0l20uo]::before {
        position: absolute;
        top: -250px;
        right: -170px;
        width: 620px;
        height: 620px;
        content: "";
        border: 1px solid rgba(255, 255, 255, 0.09);
        border-radius: 50%;
        box-shadow: 0 0 0 75px rgba(255, 255, 255, 0.025), 0 0 0 150px rgba(255, 255, 255, 0.018);
    }

.asr-pricing-orb[b-5spl0l20uo] {
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
}

.asr-pricing-orb-one[b-5spl0l20uo] {
    top: 22%;
    left: 6%;
    width: 70px;
    height: 70px;
    background: rgba(255, 181, 71, 0.12);
}

.asr-pricing-orb-two[b-5spl0l20uo] {
    right: 12%;
    bottom: 10%;
    width: 120px;
    height: 120px;
    background: rgba(91, 225, 204, 0.1);
}

.asr-pricing-hero-content[b-5spl0l20uo] {
    position: relative;
    z-index: 2;
    max-width: 960px;
    margin: auto;
    text-align: center;
}

.asr-pricing-eyebrow[b-5spl0l20uo] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.09);
    font-size: 0.76rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.asr-pricing-hero h1[b-5spl0l20uo] {
    margin: 1.5rem 0 0;
    font-size: clamp(2.7rem, 6vw, 5rem);
    line-height: 1.03;
    letter-spacing: -0.065em;
}

    .asr-pricing-hero h1 span[b-5spl0l20uo] {
        display: block;
        color: #5be1cc;
    }

.asr-pricing-hero p[b-5spl0l20uo] {
    max-width: 760px;
    margin: 1.5rem auto 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 1.06rem;
    line-height: 1.8;
}

.asr-billing-toggle[b-5spl0l20uo] {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin: 2rem auto 0;
    padding: 0.35rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.09);
    backdrop-filter: blur(12px);
}

.asr-billing-button[b-5spl0l20uo] {
    min-height: 43px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.76rem;
    font-weight: 800;
    cursor: pointer;
}

    .asr-billing-button span[b-5spl0l20uo] {
        padding: 0.25rem 0.5rem;
        border-radius: 999px;
        background: rgba(91, 225, 204, 0.16);
        color: #80efdd;
        font-size: 0.58rem;
    }

.asr-billing-button-active[b-5spl0l20uo] {
    background: #fff;
    color: var(--asr-primary-dark);
    box-shadow: 0 10px 25px rgba(1, 19, 24, 0.18);
}

    .asr-billing-button-active span[b-5spl0l20uo] {
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

.asr-pricing-hero-features[b-5spl0l20uo] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-top: 1.7rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.72rem;
    font-weight: 700;
}

    .asr-pricing-hero-features span[b-5spl0l20uo] {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }

    .asr-pricing-hero-features i[b-5spl0l20uo] {
        color: #5be1cc;
    }

.asr-packages-section[b-5spl0l20uo] {
    position: relative;
    padding: 0 0 6rem;
    background: linear-gradient(180deg, #f5fbfa 0%, #fff 100%);
}

.asr-packages-grid[b-5spl0l20uo] {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 1.1rem;
    margin-top: -4rem;
}

.asr-package-card[b-5spl0l20uo] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    border: 1px solid var(--asr-border);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 20px 55px rgba(16, 36, 47, 0.09);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

    .asr-package-card:hover[b-5spl0l20uo] {
        transform: translateY(-7px);
        border-color: rgba(8, 127, 114, 0.28);
        box-shadow: 0 30px 70px rgba(16, 36, 47, 0.14);
    }

.asr-package-card-recommended[b-5spl0l20uo] {
    border: 2px solid var(--asr-primary);
    background: radial-gradient(circle at 100% 0%, rgba(20, 184, 166, 0.09), transparent 25%), #fff;
    transform: translateY(-12px);
    box-shadow: 0 30px 70px rgba(8, 127, 114, 0.18);
}

    .asr-package-card-recommended:hover[b-5spl0l20uo] {
        transform: translateY(-18px);
    }

.asr-package-recommended[b-5spl0l20uo] {
    position: absolute;
    top: -16px;
    left: 50%;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.48rem 0.85rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--asr-primary), var(--asr-secondary));
    color: #fff;
    font-size: 0.63rem;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 10px 26px rgba(8, 127, 114, 0.28);
    transform: translateX(-50%);
}

.asr-package-card-top[b-5spl0l20uo] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.asr-package-letter[b-5spl0l20uo],
.asr-comparison-package-letter[b-5spl0l20uo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 15px;
    font-weight: 900;
}

.asr-package-letter[b-5spl0l20uo] {
    width: 54px;
    height: 54px;
    font-size: 1.15rem;
}

.asr-package-letter-s[b-5spl0l20uo] {
    background: #eef3f5;
    color: #536b76;
}

.asr-package-letter-m[b-5spl0l20uo] {
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
}

.asr-package-letter-l[b-5spl0l20uo] {
    background: #edf3ff;
    color: #4267b2;
}

.asr-package-letter-xl[b-5spl0l20uo] {
    background: #fff4df;
    color: #b56f00;
}

.asr-package-title[b-5spl0l20uo] {
    display: flex;
    flex-direction: column;
}

    .asr-package-title span[b-5spl0l20uo] {
        color: var(--asr-muted);
        font-size: 0.6rem;
        font-weight: 700;
    }

    .asr-package-title h2[b-5spl0l20uo] {
        margin: 0.2rem 0 0;
        color: var(--asr-dark);
        font-size: 1.22rem;
    }

.asr-package-description[b-5spl0l20uo] {
    min-height: 88px;
    margin: 1.15rem 0 0;
    color: var(--asr-muted);
    font-size: 0.76rem;
    line-height: 1.7;
}

.asr-package-price[b-5spl0l20uo] {
    min-height: 86px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 1.15rem;
}

    .asr-package-price > div[b-5spl0l20uo] {
        display: flex;
        align-items: flex-end;
    }

    .asr-package-price strong[b-5spl0l20uo] {
        color: var(--asr-dark);
        font-size: 2.15rem;
        line-height: 1;
        letter-spacing: -0.05em;
    }

.asr-package-currency[b-5spl0l20uo] {
    align-self: flex-start;
    margin-top: 0.1rem;
    margin-right: 0.25rem;
    color: var(--asr-primary);
    font-size: 0.9rem;
    font-weight: 900;
}

.asr-package-price small[b-5spl0l20uo] {
    margin: 0 0 0.15rem 0.35rem;
    color: var(--asr-muted);
    font-size: 0.66rem;
}

.asr-package-price > span[b-5spl0l20uo] {
    margin-top: 0.55rem;
    color: var(--asr-muted);
    font-size: 0.62rem;
}

.asr-package-yearly-note[b-5spl0l20uo] {
    display: inline-flex;
    align-items: center;
}

.asr-package-summary[b-5spl0l20uo] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.45rem;
    margin-top: 1rem;
}

    .asr-package-summary > div[b-5spl0l20uo] {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 0.45rem;
        padding: 0.65rem 0.5rem;
        border: 1px solid var(--asr-border-light);
        border-radius: 11px;
        background: #fafcfc;
    }

    .asr-package-summary i[b-5spl0l20uo] {
        color: var(--asr-primary);
        font-size: 0.78rem;
    }

    .asr-package-summary span[b-5spl0l20uo] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .asr-package-summary small[b-5spl0l20uo] {
        color: var(--asr-muted);
        font-size: 0.48rem;
    }

    .asr-package-summary strong[b-5spl0l20uo] {
        overflow: hidden;
        color: var(--asr-dark);
        font-size: 0.62rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.asr-package-divider[b-5spl0l20uo] {
    height: 1px;
    margin: 1.25rem 0;
    background: var(--asr-border-light);
}

.asr-package-features[b-5spl0l20uo] {
    flex: 1;
}

.asr-package-features-title[b-5spl0l20uo] {
    display: block;
    margin-bottom: 0.8rem;
    color: var(--asr-dark);
    font-size: 0.7rem;
    font-weight: 900;
}

.asr-package-features > div[b-5spl0l20uo] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 0.65rem;
    color: var(--asr-text);
    font-size: 0.7rem;
    line-height: 1.45;
}

.asr-package-features i[b-5spl0l20uo] {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: 0.62rem;
}

.asr-package-button[b-5spl0l20uo] {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    margin-top: 1.5rem;
    padding: 0.7rem 1rem;
    border: 1px solid var(--asr-border);
    border-radius: 13px;
    text-decoration: none;
    font-size: 0.76rem;
    font-weight: 900;
    transition: 0.2s ease;
}

    .asr-package-button:hover[b-5spl0l20uo] {
        transform: translateY(-2px);
    }

.asr-package-button-outline[b-5spl0l20uo] {
    background: #fff;
    color: var(--asr-dark);
}

    .asr-package-button-outline:hover[b-5spl0l20uo] {
        border-color: var(--asr-primary);
        background: var(--asr-primary-soft);
        color: var(--asr-primary-dark);
    }

.asr-package-button-primary[b-5spl0l20uo] {
    border-color: var(--asr-primary);
    background: linear-gradient(135deg, var(--asr-primary-dark), var(--asr-secondary));
    color: #fff;
    box-shadow: 0 14px 30px rgba(8, 127, 114, 0.24);
}

    .asr-package-button-primary:hover[b-5spl0l20uo] {
        color: #fff;
        box-shadow: 0 18px 40px rgba(8, 127, 114, 0.31);
    }

.asr-package-demo-link[b-5spl0l20uo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin-top: 0.8rem;
    color: var(--asr-muted);
    text-decoration: none;
    font-size: 0.65rem;
    font-weight: 700;
}

    .asr-package-demo-link:hover[b-5spl0l20uo] {
        color: var(--asr-primary);
    }

.asr-pricing-note[b-5spl0l20uo] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    max-width: 900px;
    margin: 2rem auto 0;
    padding: 1rem 1.2rem;
    border: 1px solid var(--asr-border);
    border-radius: 14px;
    background: #fff;
    color: var(--asr-muted);
    font-size: 0.7rem;
    line-height: 1.6;
}

    .asr-pricing-note i[b-5spl0l20uo] {
        color: var(--asr-primary);
    }

    .asr-pricing-note p[b-5spl0l20uo] {
        margin: 0;
    }

.asr-comparison-section[b-5spl0l20uo] {
    padding: 6rem 0;
    background: var(--asr-soft);
}

.asr-comparison-heading[b-5spl0l20uo] {
    max-width: 760px;
    margin: auto;
    text-align: center;
}

    .asr-comparison-heading > span[b-5spl0l20uo],
    .asr-package-faq-heading > span[b-5spl0l20uo] {
        color: var(--asr-primary);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .asr-comparison-heading h2[b-5spl0l20uo],
    .asr-package-faq-heading h2[b-5spl0l20uo] {
        margin: 0.7rem 0 0;
        color: var(--asr-dark);
        font-size: clamp(2rem, 4vw, 3rem);
        line-height: 1.15;
        letter-spacing: -0.045em;
    }

    .asr-comparison-heading p[b-5spl0l20uo] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        line-height: 1.75;
    }

.asr-comparison-wrapper[b-5spl0l20uo] {
    margin-top: 2.5rem;
    overflow: hidden;
    border: 1px solid var(--asr-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(16, 36, 47, 0.08);
}

.asr-comparison-table-scroll[b-5spl0l20uo] {
    overflow-x: auto;
}

.asr-comparison-table[b-5spl0l20uo] {
    width: 100%;
    min-width: 970px;
    border-collapse: collapse;
}

    .asr-comparison-table th[b-5spl0l20uo],
    .asr-comparison-table td[b-5spl0l20uo] {
        padding: 1rem;
        border-right: 1px solid var(--asr-border-light);
        border-bottom: 1px solid var(--asr-border-light);
        text-align: center;
    }

        .asr-comparison-table th:last-child[b-5spl0l20uo],
        .asr-comparison-table td:last-child[b-5spl0l20uo] {
            border-right: 0;
        }

    .asr-comparison-table thead th[b-5spl0l20uo] {
        position: relative;
        height: 160px;
        background: #fff;
    }

.asr-comparison-feature-heading[b-5spl0l20uo] {
    width: 34%;
    min-width: 320px;
    text-align: left !important;
}

    .asr-comparison-feature-heading span[b-5spl0l20uo] {
        display: block;
        color: var(--asr-dark);
        font-size: 1.1rem;
        font-weight: 900;
    }

    .asr-comparison-feature-heading small[b-5spl0l20uo] {
        display: block;
        margin-top: 0.4rem;
        color: var(--asr-muted);
        font-size: 0.7rem;
        font-weight: 500;
    }

.asr-comparison-table thead th:not(:first-child)[b-5spl0l20uo] {
    width: 16.5%;
}

.asr-comparison-package-letter[b-5spl0l20uo] {
    width: 42px;
    height: 42px;
    margin: auto;
    font-size: 0.82rem;
}

.asr-comparison-table thead strong[b-5spl0l20uo] {
    display: block;
    margin-top: 0.65rem;
    color: var(--asr-dark);
    font-size: 0.78rem;
}

.asr-comparison-table thead small[b-5spl0l20uo] {
    display: block;
    margin-top: 0.3rem;
    color: var(--asr-muted);
    font-size: 0.62rem;
}

.asr-comparison-recommended-column[b-5spl0l20uo] {
    background: rgba(232, 248, 245, 0.45) !important;
}

.asr-comparison-popular[b-5spl0l20uo] {
    position: absolute;
    top: 0;
    left: 50%;
    padding: 0.28rem 0.6rem;
    border-radius: 0 0 8px 8px;
    background: var(--asr-primary);
    color: #fff;
    font-size: 0.52rem;
    font-weight: 900;
    transform: translateX(-50%);
}

.asr-comparison-category-row td[b-5spl0l20uo] {
    padding: 0.8rem 1rem;
    background: #f4f9f8;
    color: var(--asr-primary-dark);
    text-align: left;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.asr-comparison-category-row i[b-5spl0l20uo] {
    margin-right: 0.4rem;
    color: var(--asr-primary);
}

.asr-comparison-feature[b-5spl0l20uo] {
    text-align: left !important;
}

    .asr-comparison-feature > span[b-5spl0l20uo] {
        display: block;
        color: var(--asr-dark);
        font-size: 0.72rem;
        font-weight: 800;
    }

    .asr-comparison-feature > small[b-5spl0l20uo] {
        display: block;
        margin-top: 0.27rem;
        color: var(--asr-muted);
        font-size: 0.6rem;
        line-height: 1.5;
    }

.asr-feature-included[b-5spl0l20uo],
.asr-feature-not-included[b-5spl0l20uo] {
    width: 27px;
    height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.asr-feature-included[b-5spl0l20uo] {
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
}

.asr-feature-not-included[b-5spl0l20uo] {
    background: #f2f5f6;
    color: #a8b5bb;
}

.asr-feature-text-value[b-5spl0l20uo] {
    color: var(--asr-dark);
    font-size: 0.68rem;
    font-weight: 800;
}

.asr-comparison-table tfoot td[b-5spl0l20uo] {
    padding: 1.2rem 0.8rem;
    border-bottom: 0;
    background: #fff;
}

    .asr-comparison-table tfoot td:first-child[b-5spl0l20uo] {
        color: var(--asr-dark);
        text-align: left;
        font-size: 0.74rem;
        font-weight: 900;
    }

.asr-comparison-select-button[b-5spl0l20uo] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.8rem;
    border: 1px solid var(--asr-border);
    border-radius: 10px;
    background: #fff;
    color: var(--asr-dark);
    text-decoration: none;
    font-size: 0.65rem;
    font-weight: 900;
}

    .asr-comparison-select-button:hover[b-5spl0l20uo] {
        border-color: var(--asr-primary);
        color: var(--asr-primary);
    }

.asr-comparison-select-primary[b-5spl0l20uo] {
    border-color: var(--asr-primary);
    background: var(--asr-primary);
    color: #fff;
}

    .asr-comparison-select-primary:hover[b-5spl0l20uo] {
        background: var(--asr-primary-dark);
        color: #fff;
    }

.asr-package-help-section[b-5spl0l20uo] {
    padding: 6rem 0;
    background: #fff;
}

.asr-package-help-box[b-5spl0l20uo] {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;
    padding: 2.2rem;
    border-radius: 25px;
    background: radial-gradient(circle at 85% 10%, rgba(255, 255, 255, 0.16), transparent 30%), linear-gradient(135deg, var(--asr-primary-dark), var(--asr-primary));
    color: #fff;
    box-shadow: 0 28px 65px rgba(8, 127, 114, 0.22);
}

.asr-package-help-icon[b-5spl0l20uo] {
    width: 68px;
    height: 68px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 19px;
    background: rgba(255, 255, 255, 0.14);
    font-size: 1.55rem;
}

.asr-package-help-content > span[b-5spl0l20uo] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.asr-package-help-content h2[b-5spl0l20uo] {
    margin: 0.35rem 0 0;
    font-size: 1.55rem;
}

.asr-package-help-content p[b-5spl0l20uo] {
    max-width: 720px;
    margin: 0.55rem 0 0;
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.78rem;
    line-height: 1.65;
}

.asr-package-help-actions[b-5spl0l20uo] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

    .asr-package-help-actions a[b-5spl0l20uo] {
        min-height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        padding: 0.65rem 0.9rem;
        border-radius: 12px;
        text-decoration: none;
        font-size: 0.7rem;
        font-weight: 900;
    }

.asr-package-help-primary[b-5spl0l20uo] {
    background: #fff;
    color: var(--asr-primary-dark);
}

.asr-package-help-secondary[b-5spl0l20uo] {
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
}

.asr-package-faq-section[b-5spl0l20uo] {
    padding: 0 0 6rem;
    background: #fff;
}

.asr-package-faq-heading[b-5spl0l20uo] {
    max-width: 700px;
    margin: auto;
    text-align: center;
}

.asr-package-faq-grid[b-5spl0l20uo] {
    max-width: 900px;
    display: grid;
    gap: 0.8rem;
    margin: 2.5rem auto 0;
}

.asr-package-faq-item[b-5spl0l20uo] {
    overflow: hidden;
    border: 1px solid var(--asr-border);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 36, 47, 0.04);
}

    .asr-package-faq-item > button[b-5spl0l20uo] {
        width: 100%;
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.2rem;
        border: 0;
        background: transparent;
        color: var(--asr-dark);
        text-align: left;
        font-size: 0.78rem;
        font-weight: 900;
        cursor: pointer;
    }

        .asr-package-faq-item > button i[b-5spl0l20uo] {
            color: var(--asr-primary);
        }

.asr-package-faq-answer[b-5spl0l20uo] {
    padding: 0 1.2rem 1.2rem;
    animation: asrFaqOpen-b-5spl0l20uo 0.18s ease;
}

    .asr-package-faq-answer p[b-5spl0l20uo] {
        margin: 0;
        color: var(--asr-muted);
        font-size: 0.74rem;
        line-height: 1.75;
    }

@keyframes asrFaqOpen-b-5spl0l20uo {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1150px) {
    .asr-packages-grid[b-5spl0l20uo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
    }

    .asr-package-card-recommended[b-5spl0l20uo] {
        transform: none;
    }

        .asr-package-card-recommended:hover[b-5spl0l20uo] {
            transform: translateY(-7px);
        }
}

@media (max-width: 850px) {
    .asr-package-help-box[b-5spl0l20uo] {
        grid-template-columns: 64px 1fr;
    }

    .asr-package-help-actions[b-5spl0l20uo] {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 650px) {
    .asr-pricing-hero[b-5spl0l20uo] {
        padding: 5rem 0 7rem;
    }

        .asr-pricing-hero h1[b-5spl0l20uo] {
            font-size: 2.55rem;
        }

    .asr-pricing-hero-features[b-5spl0l20uo] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: left;
    }

    .asr-packages-grid[b-5spl0l20uo] {
        grid-template-columns: 1fr;
        margin-top: -3rem;
    }

    .asr-package-description[b-5spl0l20uo] {
        min-height: auto;
    }

    .asr-package-help-box[b-5spl0l20uo] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .asr-package-help-icon[b-5spl0l20uo] {
        margin: auto;
    }

    .asr-package-help-actions[b-5spl0l20uo] {
        grid-column: auto;
        grid-template-columns: 1fr;
        width: 100%;
    }
}
/* /Components/Pages/RenkBeden.razor.rz.scp.css */
.asr-variant-hero[b-zqct58atq5] {
    position: relative;
    overflow: hidden;
    padding: 7rem 0 7.5rem;
    color: #fff;
    background: radial-gradient(circle at 82% 12%, rgba(72, 225, 203, .2), transparent 28%), radial-gradient(circle at 7% 78%, rgba(255, 183, 73, .09), transparent 22%), linear-gradient(135deg, #062b35 0%, #075d5b 55%, #0d8d7f 100%);
}

    .asr-variant-hero[b-zqct58atq5]::before {
        position: absolute;
        top: -260px;
        right: -180px;
        width: 680px;
        height: 680px;
        content: "";
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 50%;
        box-shadow: 0 0 0 80px rgba(255, 255, 255, .02), 0 0 0 160px rgba(255, 255, 255, .014);
    }

.asr-variant-orb[b-zqct58atq5] {
    position: absolute;
    border-radius: 50%;
}

.asr-variant-orb-one[b-zqct58atq5] {
    top: 15%;
    left: 5%;
    width: 90px;
    height: 90px;
    background: rgba(255, 183, 73, .1);
}

.asr-variant-orb-two[b-zqct58atq5] {
    right: 8%;
    bottom: 8%;
    width: 150px;
    height: 150px;
    background: rgba(72, 225, 203, .1);
}

.asr-variant-hero-grid[b-zqct58atq5] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr);
    align-items: center;
    gap: 5rem;
}

.asr-variant-eyebrow[b-zqct58atq5] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .9rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: .76rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.asr-variant-hero h1[b-zqct58atq5] {
    margin: 1.5rem 0 0;
    font-size: clamp(3rem, 6vw, 5.3rem);
    line-height: 1;
    letter-spacing: -.07em;
}

    .asr-variant-hero h1 span[b-zqct58atq5] {
        display: block;
        color: #62e5d1;
    }

.asr-variant-hero-content > p[b-zqct58atq5] {
    max-width: 720px;
    margin: 1.55rem 0 0;
    color: rgba(255, 255, 255, .75);
    font-size: 1.05rem;
    line-height: 1.85;
}

.asr-variant-hero-actions[b-zqct58atq5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .85rem;
    margin-top: 2rem;
}

.asr-variant-primary-button[b-zqct58atq5],
.asr-variant-secondary-button[b-zqct58atq5] {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    border-radius: 15px;
    text-decoration: none;
    font-size: .8rem;
    font-weight: 900;
    transition: .2s ease;
}

.asr-variant-primary-button[b-zqct58atq5] {
    padding: .55rem .7rem;
    background: #fff;
    color: var(--asr-dark);
    box-shadow: 0 18px 45px rgba(0, 20, 25, .22);
}

    .asr-variant-primary-button > span[b-zqct58atq5] {
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-variant-primary-button > div[b-zqct58atq5] {
        display: flex;
        flex-direction: column;
    }

    .asr-variant-primary-button small[b-zqct58atq5] {
        color: var(--asr-muted);
        font-size: .54rem;
    }

    .asr-variant-primary-button strong[b-zqct58atq5] {
        color: var(--asr-dark);
        font-size: .8rem;
    }

.asr-variant-secondary-button[b-zqct58atq5] {
    padding: .8rem 1.2rem;
    border: 1px solid rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

    .asr-variant-primary-button:hover[b-zqct58atq5],
    .asr-variant-secondary-button:hover[b-zqct58atq5] {
        color: inherit;
        transform: translateY(-3px);
    }

.asr-variant-hero-points[b-zqct58atq5] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.6rem;
    color: rgba(255, 255, 255, .72);
    font-size: .69rem;
    font-weight: 700;
}

    .asr-variant-hero-points span[b-zqct58atq5] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

    .asr-variant-hero-points i[b-zqct58atq5] {
        color: #62e5d1;
    }

.asr-variant-matrix-wrap[b-zqct58atq5] {
    position: relative;
}

.asr-variant-browser[b-zqct58atq5] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 42px 100px rgba(0, 18, 23, .32);
    transform: perspective(1300px) rotateY(-3deg) rotateX(1deg);
}

.asr-variant-browser-top[b-zqct58atq5] {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border-bottom: 1px solid #e5edef;
    background: #f6f9fa;
}

    .asr-variant-browser-top > div[b-zqct58atq5] {
        display: flex;
        gap: .35rem;
    }

        .asr-variant-browser-top > div span[b-zqct58atq5] {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: #c7d2d7;
        }

    .asr-variant-browser-top small[b-zqct58atq5] {
        min-width: 235px;
        margin: auto;
        padding: .28rem .8rem;
        border-radius: 7px;
        background: #eaf0f2;
        color: #8ba0a9;
        font-size: .54rem;
        text-align: center;
    }

.asr-variant-panel[b-zqct58atq5] {
    padding: 1.35rem;
    background: #f5f9fa;
}

.asr-variant-panel-header[b-zqct58atq5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-variant-panel-header > div[b-zqct58atq5] {
        display: flex;
        flex-direction: column;
    }

    .asr-variant-panel-header small[b-zqct58atq5] {
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-variant-panel-header h3[b-zqct58atq5] {
        margin: .15rem 0 0;
        color: var(--asr-dark);
        font-size: .84rem;
    }

    .asr-variant-panel-header > div > span[b-zqct58atq5] {
        margin-top: .15rem;
        color: var(--asr-muted);
        font-size: .46rem;
    }

    .asr-variant-panel-header button[b-zqct58atq5] {
        padding: .5rem .65rem;
        border: 1px solid var(--asr-border);
        border-radius: 10px;
        background: #fff;
        color: var(--asr-primary);
        font-size: .5rem;
        font-weight: 800;
    }

.asr-variant-product-summary[b-zqct58atq5] {
    display: grid;
    grid-template-columns: 55px repeat(4, 1fr);
    align-items: center;
    gap: .65rem;
    margin-top: 1rem;
    padding: .8rem;
    border: 1px solid var(--asr-border);
    border-radius: 14px;
    background: #fff;
}

.asr-variant-product-image[b-zqct58atq5] {
    width: 51px;
    height: 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: 1.2rem;
}

.asr-variant-product-summary > div:not(:first-child)[b-zqct58atq5] {
    display: flex;
    flex-direction: column;
}

.asr-variant-product-summary small[b-zqct58atq5] {
    color: var(--asr-muted);
    font-size: .42rem;
}

.asr-variant-product-summary strong[b-zqct58atq5] {
    margin-top: .15rem;
    color: var(--asr-dark);
    font-size: .54rem;
}

.asr-variant-matrix[b-zqct58atq5] {
    margin-top: 1rem;
    overflow: hidden;
    border: 1px solid var(--asr-border);
    border-radius: 14px;
    background: #fff;
}

.asr-variant-row[b-zqct58atq5] {
    display: grid;
    grid-template-columns: 1.4fr repeat(5, .65fr) .8fr;
    align-items: center;
    padding: .7rem;
    border-bottom: 1px solid var(--asr-border-light);
    text-align: center;
}

    .asr-variant-row:last-child[b-zqct58atq5] {
        border-bottom: 0;
    }

    .asr-variant-row > span[b-zqct58atq5] {
        display: flex;
        align-items: center;
        gap: .45rem;
        color: var(--asr-dark);
        font-size: .54rem;
        font-weight: 800;
        text-align: left;
    }

        .asr-variant-row > span i[b-zqct58atq5] {
            width: 11px;
            height: 11px;
            border: 1px solid var(--asr-border);
            border-radius: 50%;
        }

    .asr-variant-row b[b-zqct58atq5] {
        padding: .35rem;
        border-radius: 7px;
        color: var(--asr-dark);
        font-size: .52rem;
    }

        .asr-variant-row b.critical[b-zqct58atq5] {
            background: #fff7e7;
            color: #b47713;
        }

        .asr-variant-row b.empty[b-zqct58atq5] {
            background: #fff0f0;
            color: #c75555;
        }

        .asr-variant-row b.strong[b-zqct58atq5] {
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-variant-row > strong[b-zqct58atq5] {
        color: var(--asr-primary);
        font-size: .56rem;
    }

.asr-variant-row-header[b-zqct58atq5] {
    background: #f8fbfb;
    color: var(--asr-muted);
}

    .asr-variant-row-header b[b-zqct58atq5],
    .asr-variant-row-header strong[b-zqct58atq5],
    .asr-variant-row-header span[b-zqct58atq5] {
        color: var(--asr-muted);
        font-size: .46rem;
    }

.asr-variant-panel-footer[b-zqct58atq5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
}

    .asr-variant-panel-footer > span[b-zqct58atq5] {
        color: #27834d;
        font-size: .48rem;
        font-weight: 700;
    }

    .asr-variant-panel-footer button[b-zqct58atq5] {
        padding: .5rem .7rem;
        border: 1px solid var(--asr-border);
        border-radius: 10px;
        background: #fff;
        color: var(--asr-primary);
        font-size: .5rem;
        font-weight: 800;
    }

.asr-variant-floating[b-zqct58atq5] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 14px;
    background: rgba(255, 255, 255, .96);
    color: var(--asr-dark);
    box-shadow: 0 20px 50px rgba(0, 20, 25, .2);
}

    .asr-variant-floating > span[b-zqct58atq5] {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-variant-floating div[b-zqct58atq5] {
        display: flex;
        flex-direction: column;
    }

    .asr-variant-floating small[b-zqct58atq5] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-variant-floating strong[b-zqct58atq5] {
        margin-top: .15rem;
        font-size: .58rem;
    }

.asr-variant-floating-barcode[b-zqct58atq5] {
    left: -7%;
    bottom: 12%;
}

.asr-variant-floating-stock[b-zqct58atq5] {
    top: 15%;
    right: -7%;
}

.asr-variant-stats[b-zqct58atq5] {
    padding: 1.3rem 0;
    border-bottom: 1px solid var(--asr-border);
    background: #fff;
}

.asr-variant-stat-grid[b-zqct58atq5] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

    .asr-variant-stat-grid > div[b-zqct58atq5] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: .75rem 1rem;
        border-right: 1px solid var(--asr-border);
        text-align: center;
    }

        .asr-variant-stat-grid > div:last-child[b-zqct58atq5] {
            border-right: 0;
        }

    .asr-variant-stat-grid i[b-zqct58atq5] {
        color: var(--asr-primary);
        font-size: 1.05rem;
    }

    .asr-variant-stat-grid strong[b-zqct58atq5] {
        margin-top: .3rem;
        color: var(--asr-dark);
        font-size: .86rem;
    }

    .asr-variant-stat-grid span[b-zqct58atq5] {
        margin-top: .15rem;
        color: var(--asr-muted);
        font-size: .58rem;
    }

.asr-variant-benefits[b-zqct58atq5],
.asr-variant-modules[b-zqct58atq5],
.asr-variant-order[b-zqct58atq5],
.asr-variant-reports[b-zqct58atq5],
.asr-variant-sectors[b-zqct58atq5] {
    padding: 6.5rem 0;
}

.asr-variant-heading[b-zqct58atq5] {
    max-width: 830px;
    margin: auto;
    text-align: center;
}

    .asr-variant-heading > span[b-zqct58atq5],
    .asr-variant-label[b-zqct58atq5] {
        color: var(--asr-primary);
        font-size: .72rem;
        font-weight: 900;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .asr-variant-heading h2[b-zqct58atq5],
    .asr-variant-content h2[b-zqct58atq5],
    .asr-variant-faq-heading h2[b-zqct58atq5] {
        margin: .75rem 0 0;
        color: var(--asr-dark);
        font-size: clamp(2.2rem, 4.5vw, 3.4rem);
        line-height: 1.12;
        letter-spacing: -.05em;
    }

        .asr-variant-heading h2 strong[b-zqct58atq5],
        .asr-variant-content h2 strong[b-zqct58atq5],
        .asr-variant-faq-heading h2 strong[b-zqct58atq5] {
            color: var(--asr-primary);
        }

    .asr-variant-heading > p[b-zqct58atq5],
    .asr-variant-content > p[b-zqct58atq5],
    .asr-variant-faq-heading > p[b-zqct58atq5] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        font-size: .95rem;
        line-height: 1.85;
    }

    .asr-variant-heading > p[b-zqct58atq5] {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }

.asr-variant-benefit-grid[b-zqct58atq5],
.asr-variant-report-features[b-zqct58atq5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-variant-benefit-grid article[b-zqct58atq5],
    .asr-variant-report-features article[b-zqct58atq5] {
        padding: 1.45rem;
        border: 1px solid var(--asr-border);
        border-radius: 18px;
        background: #fff;
        transition: .2s ease;
    }

        .asr-variant-benefit-grid article:hover[b-zqct58atq5],
        .asr-variant-report-features article:hover[b-zqct58atq5] {
            transform: translateY(-5px);
            box-shadow: 0 22px 50px rgba(16, 36, 47, .09);
        }

        .asr-variant-benefit-grid article > span[b-zqct58atq5],
        .asr-variant-report-features article > span[b-zqct58atq5] {
            width: 48px;
            height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: 1.1rem;
        }

    .asr-variant-benefit-grid h3[b-zqct58atq5],
    .asr-variant-report-features h3[b-zqct58atq5] {
        margin: .9rem 0 0;
        color: var(--asr-dark);
        font-size: .9rem;
    }

    .asr-variant-benefit-grid p[b-zqct58atq5],
    .asr-variant-report-features p[b-zqct58atq5] {
        margin: .55rem 0 0;
        color: var(--asr-muted);
        font-size: .68rem;
        line-height: 1.7;
    }

.asr-variant-definition[b-zqct58atq5],
.asr-variant-barcode[b-zqct58atq5],
.asr-variant-branches[b-zqct58atq5],
.asr-variant-faq[b-zqct58atq5] {
    padding: 7rem 0;
}

.asr-variant-definition[b-zqct58atq5],
.asr-variant-branches[b-zqct58atq5],
.asr-variant-faq[b-zqct58atq5] {
    background: var(--asr-soft);
}

.asr-variant-two-column[b-zqct58atq5],
.asr-variant-faq-grid[b-zqct58atq5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 5rem;
}

.asr-variant-definition-panel[b-zqct58atq5],
.asr-variant-label-preview[b-zqct58atq5],
.asr-variant-order-panel[b-zqct58atq5],
.asr-variant-branch-panel[b-zqct58atq5],
.asr-variant-chart-card[b-zqct58atq5],
.asr-variant-color-report[b-zqct58atq5] {
    padding: 1.3rem;
    border: 1px solid var(--asr-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(16, 36, 47, .1);
}

.asr-variant-definition-header[b-zqct58atq5],
.asr-variant-order-header[b-zqct58atq5],
.asr-variant-branch-header[b-zqct58atq5],
.asr-variant-chart-header[b-zqct58atq5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-variant-definition-header > div[b-zqct58atq5],
    .asr-variant-order-header > div[b-zqct58atq5],
    .asr-variant-branch-header > div[b-zqct58atq5],
    .asr-variant-chart-header > div[b-zqct58atq5] {
        display: flex;
        flex-direction: column;
    }

    .asr-variant-definition-header small[b-zqct58atq5],
    .asr-variant-order-header small[b-zqct58atq5],
    .asr-variant-branch-header small[b-zqct58atq5],
    .asr-variant-chart-header small[b-zqct58atq5] {
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-variant-definition-header strong[b-zqct58atq5],
    .asr-variant-order-header strong[b-zqct58atq5],
    .asr-variant-branch-header strong[b-zqct58atq5],
    .asr-variant-chart-header strong[b-zqct58atq5] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .7rem;
    }

    .asr-variant-definition-header > span[b-zqct58atq5],
    .asr-variant-order-header > span[b-zqct58atq5],
    .asr-variant-branch-header > span[b-zqct58atq5],
    .asr-variant-chart-header > span[b-zqct58atq5] {
        padding: .4rem .6rem;
        border-radius: 999px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .48rem;
        font-weight: 800;
    }

.asr-variant-form-grid[b-zqct58atq5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .65rem;
    margin-top: 1rem;
}

    .asr-variant-form-grid > div[b-zqct58atq5] {
        display: flex;
        flex-direction: column;
        padding: .75rem;
        border: 1px solid var(--asr-border);
        border-radius: 11px;
    }

    .asr-variant-form-grid small[b-zqct58atq5] {
        color: var(--asr-muted);
        font-size: .45rem;
    }

    .asr-variant-form-grid strong[b-zqct58atq5] {
        margin-top: .18rem;
        font-size: .56rem;
    }

.asr-variant-selector[b-zqct58atq5] {
    margin-top: 1rem;
}

    .asr-variant-selector > small[b-zqct58atq5] {
        color: var(--asr-muted);
        font-size: .49rem;
        font-weight: 800;
    }

    .asr-variant-selector > div[b-zqct58atq5] {
        display: flex;
        flex-wrap: wrap;
        gap: .45rem;
        margin-top: .5rem;
    }

    .asr-variant-selector button[b-zqct58atq5] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        padding: .5rem .65rem;
        border: 1px solid var(--asr-border);
        border-radius: 10px;
        background: #fff;
        color: var(--asr-dark);
        font-size: .5rem;
        font-weight: 800;
    }

        .asr-variant-selector button.active[b-zqct58atq5] {
            border-color: var(--asr-primary);
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

        .asr-variant-selector button > i[b-zqct58atq5] {
            width: 11px;
            height: 11px;
            border: 1px solid var(--asr-border);
            border-radius: 50%;
        }

        .asr-variant-selector button > span[b-zqct58atq5] {
            font-size: .45rem;
        }

.asr-variant-result[b-zqct58atq5] {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: .7rem;
    margin-top: 1rem;
    padding: .8rem;
    border-radius: 13px;
    background: var(--asr-soft);
}

    .asr-variant-result > span[b-zqct58atq5] {
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 11px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-variant-result > div[b-zqct58atq5] {
        display: flex;
        flex-direction: column;
    }

    .asr-variant-result small[b-zqct58atq5] {
        color: var(--asr-muted);
        font-size: .45rem;
    }

    .asr-variant-result strong[b-zqct58atq5] {
        margin-top: .15rem;
        font-size: .56rem;
    }

    .asr-variant-result button[b-zqct58atq5] {
        padding: .55rem .7rem;
        border: 0;
        border-radius: 10px;
        background: var(--asr-primary);
        color: #fff;
        font-size: .5rem;
        font-weight: 800;
    }

.asr-variant-feature-list[b-zqct58atq5] {
    display: grid;
    gap: .8rem;
    margin-top: 1.6rem;
}

    .asr-variant-feature-list > div[b-zqct58atq5] {
        display: flex;
        align-items: flex-start;
        gap: .8rem;
        padding: .9rem;
        border: 1px solid var(--asr-border);
        border-radius: 14px;
        background: #fff;
    }

        .asr-variant-feature-list > div > i[b-zqct58atq5] {
            width: 39px;
            height: 39px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 11px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-variant-feature-list span[b-zqct58atq5] {
        display: flex;
        flex-direction: column;
    }

    .asr-variant-feature-list strong[b-zqct58atq5] {
        color: var(--asr-dark);
        font-size: .72rem;
    }

    .asr-variant-feature-list small[b-zqct58atq5] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .62rem;
        line-height: 1.55;
    }

.asr-variant-modules[b-zqct58atq5] {
    background: #fff;
}

.asr-variant-module-grid[b-zqct58atq5] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-variant-module-grid article[b-zqct58atq5] {
        padding: 1.3rem;
        border: 1px solid var(--asr-border);
        border-radius: 17px;
        background: #fff;
        transition: .2s ease;
    }

        .asr-variant-module-grid article:hover[b-zqct58atq5] {
            transform: translateY(-5px);
            border-color: rgba(8, 127, 114, .28);
            box-shadow: 0 20px 45px rgba(16, 36, 47, .08);
        }

        .asr-variant-module-grid article > span[b-zqct58atq5] {
            width: 44px;
            height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-variant-module-grid h3[b-zqct58atq5] {
        margin: .85rem 0 0;
        color: var(--asr-dark);
        font-size: .8rem;
    }

    .asr-variant-module-grid p[b-zqct58atq5] {
        margin: .5rem 0 0;
        color: var(--asr-muted);
        font-size: .63rem;
        line-height: 1.65;
    }

.asr-variant-barcode[b-zqct58atq5] {
    background: #fff;
}

.asr-variant-label-preview[b-zqct58atq5] {
    display: grid;
    grid-template-columns: 1fr .8fr;
    gap: 1rem;
}

.asr-product-label[b-zqct58atq5] {
    padding: 1rem;
    border: 2px dashed #b9c8cd;
    border-radius: 15px;
    background: #fff;
    color: #172c35;
    text-align: center;
}

.asr-product-label-brand[b-zqct58atq5] {
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.asr-product-label > small[b-zqct58atq5] {
    display: block;
    margin-top: .7rem;
    font-size: .5rem;
}

.asr-product-label > strong[b-zqct58atq5] {
    display: block;
    margin-top: .2rem;
    font-size: .64rem;
}

.asr-product-label-values[b-zqct58atq5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
    margin-top: .8rem;
}

    .asr-product-label-values span[b-zqct58atq5] {
        display: flex;
        flex-direction: column;
        padding: .5rem;
        border: 1px solid #dbe4e7;
        border-radius: 8px;
    }

    .asr-product-label-values small[b-zqct58atq5] {
        color: #73858c;
        font-size: .4rem;
    }

    .asr-product-label-values strong[b-zqct58atq5] {
        margin-top: .1rem;
        font-size: .55rem;
    }

.asr-barcode-lines[b-zqct58atq5] {
    height: 75px;
    display: flex;
    justify-content: center;
    gap: 2px;
    margin-top: .9rem;
}

    .asr-barcode-lines i[b-zqct58atq5] {
        width: 2px;
        height: 100%;
        background: #172c35;
    }

        .asr-barcode-lines i.wide[b-zqct58atq5] {
            width: 4px;
        }

.asr-product-label > em[b-zqct58atq5] {
    display: block;
    margin-top: .3rem;
    font-size: .48rem;
    font-style: normal;
    letter-spacing: .12em;
}

.asr-product-label-price[b-zqct58atq5] {
    margin-top: .7rem;
    font-size: 1rem;
    font-weight: 900;
}

.asr-label-settings[b-zqct58atq5] {
    display: flex;
    flex-direction: column;
}

    .asr-label-settings > strong[b-zqct58atq5] {
        color: var(--asr-dark);
        font-size: .68rem;
    }

    .asr-label-settings > span[b-zqct58atq5] {
        display: flex;
        justify-content: space-between;
        padding: .7rem 0;
        border-bottom: 1px solid var(--asr-border-light);
    }

    .asr-label-settings small[b-zqct58atq5] {
        color: var(--asr-muted);
        font-size: .47rem;
    }

    .asr-label-settings b[b-zqct58atq5] {
        font-size: .51rem;
    }

    .asr-label-settings button[b-zqct58atq5] {
        min-height: 42px;
        margin-top: auto;
        border: 0;
        border-radius: 11px;
        background: var(--asr-primary);
        color: #fff;
        font-size: .55rem;
        font-weight: 800;
    }

.asr-variant-order[b-zqct58atq5] {
    background: var(--asr-soft);
}

.asr-variant-order-panel[b-zqct58atq5] {
    margin-top: 3rem;
}

.asr-variant-order-matrix[b-zqct58atq5] {
    margin-top: 1rem;
    overflow: hidden;
    border: 1px solid var(--asr-border);
    border-radius: 14px;
}

.asr-order-matrix-row[b-zqct58atq5] {
    display: grid;
    grid-template-columns: 1.4fr repeat(5, .65fr) .8fr;
    align-items: center;
    padding: .75rem;
    border-bottom: 1px solid var(--asr-border-light);
    text-align: center;
}

    .asr-order-matrix-row:last-child[b-zqct58atq5] {
        border-bottom: 0;
    }

    .asr-order-matrix-row > span[b-zqct58atq5] {
        display: flex;
        align-items: center;
        gap: .4rem;
        font-size: .56rem;
        font-weight: 800;
        text-align: left;
    }

        .asr-order-matrix-row > span i[b-zqct58atq5] {
            width: 11px;
            height: 11px;
            border: 1px solid var(--asr-border);
            border-radius: 50%;
        }

    .asr-order-matrix-row b[b-zqct58atq5] {
        padding: .42rem;
        border: 1px solid var(--asr-border-light);
        border-radius: 7px;
        font-size: .54rem;
    }

        .asr-order-matrix-row b.filled[b-zqct58atq5] {
            border-color: var(--asr-primary);
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-order-matrix-row > strong[b-zqct58atq5] {
        color: var(--asr-primary);
        font-size: .58rem;
    }

.asr-order-matrix-header[b-zqct58atq5] {
    background: #f8fbfb;
}

    .asr-order-matrix-header span[b-zqct58atq5],
    .asr-order-matrix-header b[b-zqct58atq5],
    .asr-order-matrix-header strong[b-zqct58atq5] {
        color: var(--asr-muted);
        font-size: .47rem;
    }

.asr-variant-order-footer[b-zqct58atq5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
}

    .asr-variant-order-footer > div[b-zqct58atq5] {
        display: flex;
        gap: 1.5rem;
    }

    .asr-variant-order-footer span[b-zqct58atq5] {
        display: flex;
        flex-direction: column;
    }

    .asr-variant-order-footer small[b-zqct58atq5] {
        color: var(--asr-muted);
        font-size: .47rem;
    }

    .asr-variant-order-footer strong[b-zqct58atq5] {
        margin-top: .15rem;
        font-size: .64rem;
    }

    .asr-variant-order-footer button[b-zqct58atq5] {
        padding: .7rem .9rem;
        border: 0;
        border-radius: 11px;
        background: var(--asr-primary);
        color: #fff;
        font-size: .57rem;
        font-weight: 800;
    }

.asr-variant-branch-row[b-zqct58atq5] {
    display: grid;
    grid-template-columns: 38px 1fr .6fr 1.1fr;
    align-items: center;
    gap: .6rem;
    padding: .8rem 0;
    border-bottom: 1px solid var(--asr-border-light);
}

    .asr-variant-branch-row > span[b-zqct58atq5] {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-variant-branch-row p[b-zqct58atq5],
    .asr-variant-branch-row > div[b-zqct58atq5] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

        .asr-variant-branch-row p strong[b-zqct58atq5] {
            font-size: .56rem;
        }

        .asr-variant-branch-row p small[b-zqct58atq5],
        .asr-variant-branch-row > div small[b-zqct58atq5] {
            color: var(--asr-muted);
            font-size: .43rem;
        }

        .asr-variant-branch-row > div strong[b-zqct58atq5] {
            margin-top: .1rem;
            font-size: .54rem;
        }

    .asr-variant-branch-row > i[b-zqct58atq5] {
        height: 7px;
        overflow: hidden;
        border-radius: 999px;
        background: #edf2f3;
    }

        .asr-variant-branch-row > i b[b-zqct58atq5] {
            height: 100%;
            display: block;
            border-radius: inherit;
            background: linear-gradient(90deg, var(--asr-primary), var(--asr-secondary));
        }

.asr-variant-text-link[b-zqct58atq5] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1.4rem;
    color: var(--asr-primary);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 900;
}

.asr-variant-reports[b-zqct58atq5] {
    background: #fff;
}

.asr-variant-report-grid[b-zqct58atq5] {
    display: grid;
    grid-template-columns: 1.5fr .8fr;
    gap: 1rem;
    margin-top: 3rem;
}

.asr-variant-bars[b-zqct58atq5] {
    height: 280px;
    display: flex;
    align-items: flex-end;
    gap: .8rem;
    margin-top: 1rem;
    border-bottom: 1px solid var(--asr-border);
}

    .asr-variant-bars > div[b-zqct58atq5] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: column;
    }

    .asr-variant-bars i[b-zqct58atq5] {
        width: 58%;
        display: block;
        border-radius: 7px 7px 0 0;
        background: linear-gradient(180deg, var(--asr-secondary), var(--asr-primary));
    }

    .asr-variant-bars strong[b-zqct58atq5] {
        margin-top: .4rem;
        font-size: .5rem;
    }

    .asr-variant-bars span[b-zqct58atq5] {
        color: var(--asr-muted);
        font-size: .47rem;
    }

.asr-variant-color-report > strong[b-zqct58atq5] {
    font-size: .68rem;
}

.asr-variant-color-report > div[b-zqct58atq5] {
    display: grid;
    grid-template-columns: 15px 1fr auto;
    align-items: center;
    gap: .55rem;
    margin-top: .9rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--asr-border-light);
}

    .asr-variant-color-report > div > i[b-zqct58atq5] {
        width: 13px;
        height: 13px;
        border: 1px solid var(--asr-border);
        border-radius: 50%;
    }

.asr-variant-color-report span[b-zqct58atq5] {
    display: flex;
    flex-direction: column;
}

.asr-variant-color-report small[b-zqct58atq5] {
    color: var(--asr-muted);
    font-size: .46rem;
}

.asr-variant-color-report span strong[b-zqct58atq5] {
    margin-top: .1rem;
    font-size: .54rem;
}

.asr-variant-color-report em[b-zqct58atq5] {
    color: var(--asr-primary);
    font-size: .55rem;
    font-style: normal;
    font-weight: 800;
}

.asr-variant-sectors[b-zqct58atq5] {
    background: var(--asr-soft);
}

.asr-variant-sector-grid[b-zqct58atq5] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-variant-sector-grid article[b-zqct58atq5] {
        padding: 1.4rem;
        border: 1px solid var(--asr-border);
        border-radius: 18px;
        background: #fff;
    }

        .asr-variant-sector-grid article > span[b-zqct58atq5] {
            width: 48px;
            height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: 1.1rem;
        }

    .asr-variant-sector-grid h3[b-zqct58atq5] {
        margin: .9rem 0 0;
        color: var(--asr-dark);
        font-size: .86rem;
    }

    .asr-variant-sector-grid p[b-zqct58atq5] {
        margin: .55rem 0 0;
        color: var(--asr-muted);
        font-size: .64rem;
        line-height: 1.65;
    }

    .asr-variant-sector-grid article > div[b-zqct58atq5] {
        display: flex;
        flex-wrap: wrap;
        gap: .4rem;
        margin-top: .9rem;
    }

    .asr-variant-sector-grid em[b-zqct58atq5] {
        display: inline-flex;
        align-items: center;
        gap: .25rem;
        padding: .3rem .4rem;
        border-radius: 999px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary-dark);
        font-size: .46rem;
        font-style: normal;
    }

.asr-variant-faq-grid[b-zqct58atq5] {
    align-items: start;
}

.asr-variant-faq-list[b-zqct58atq5] {
    display: grid;
    gap: .75rem;
}

    .asr-variant-faq-list details[b-zqct58atq5] {
        overflow: hidden;
        border: 1px solid var(--asr-border);
        border-radius: 15px;
        background: #fff;
    }

    .asr-variant-faq-list summary[b-zqct58atq5] {
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.2rem;
        color: var(--asr-dark);
        font-size: .75rem;
        font-weight: 900;
        cursor: pointer;
        list-style: none;
    }

        .asr-variant-faq-list summary[b-zqct58atq5]::-webkit-details-marker {
            display: none;
        }

        .asr-variant-faq-list summary i[b-zqct58atq5] {
            color: var(--asr-primary);
        }

    .asr-variant-faq-list details[open] summary i[b-zqct58atq5] {
        transform: rotate(45deg);
    }

    .asr-variant-faq-list details p[b-zqct58atq5] {
        margin: 0;
        padding: 0 1.2rem 1.2rem;
        color: var(--asr-muted);
        font-size: .7rem;
        line-height: 1.75;
    }

.asr-variant-seo[b-zqct58atq5] {
    padding: 5rem 0;
    background: #fff;
}

.asr-variant-seo-content[b-zqct58atq5] {
    max-width: 900px;
    margin: auto;
}

    .asr-variant-seo-content h2[b-zqct58atq5] {
        color: var(--asr-dark);
        font-size: clamp(1.8rem, 4vw, 2.7rem);
        letter-spacing: -.04em;
    }

    .asr-variant-seo-content p[b-zqct58atq5] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        font-size: .84rem;
        line-height: 1.9;
    }

.asr-variant-final[b-zqct58atq5] {
    padding: 0 0 6.5rem;
    background: #fff;
}

.asr-variant-final-box[b-zqct58atq5] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 3rem;
    padding: 3.5rem;
    overflow: hidden;
    border-radius: 28px;
    background: radial-gradient(circle at 85% 10%, rgba(255, 255, 255, .15), transparent 30%), linear-gradient(135deg, #062b35, #0d8d7f);
    color: #fff;
    box-shadow: 0 32px 75px rgba(8, 127, 114, .23);
}

    .asr-variant-final-box > div:first-child > span[b-zqct58atq5] {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        color: rgba(255, 255, 255, .72);
        font-size: .68rem;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .asr-variant-final-box h2[b-zqct58atq5] {
        margin: .8rem 0 0;
        font-size: clamp(2.1rem, 4vw, 3.3rem);
        line-height: 1.12;
        letter-spacing: -.05em;
    }

        .asr-variant-final-box h2 strong[b-zqct58atq5] {
            color: #62e5d1;
        }

    .asr-variant-final-box p[b-zqct58atq5] {
        max-width: 650px;
        margin: 1rem 0 0;
        color: rgba(255, 255, 255, .72);
        line-height: 1.8;
    }

.asr-variant-final-actions[b-zqct58atq5] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.6rem;
}

    .asr-variant-final-actions a[b-zqct58atq5] {
        min-height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: .7rem 1rem;
        border-radius: 13px;
        text-decoration: none;
        font-size: .74rem;
        font-weight: 900;
    }

        .asr-variant-final-actions a:first-child[b-zqct58atq5] {
            background: #fff;
            color: var(--asr-primary-dark);
        }

        .asr-variant-final-actions a:last-child[b-zqct58atq5] {
            border: 1px solid rgba(255, 255, 255, .25);
            color: #fff;
        }

.asr-variant-final-stats[b-zqct58atq5] {
    display: grid;
    gap: .75rem;
}

    .asr-variant-final-stats > div[b-zqct58atq5] {
        display: flex;
        flex-direction: column;
        padding: 1.2rem;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 16px;
        background: rgba(255, 255, 255, .08);
    }

    .asr-variant-final-stats strong[b-zqct58atq5] {
        font-size: 1.25rem;
    }

    .asr-variant-final-stats span[b-zqct58atq5] {
        margin-top: .25rem;
        color: rgba(255, 255, 255, .67);
        font-size: .64rem;
    }

@media (max-width: 1150px) {

    .asr-variant-hero-grid[b-zqct58atq5],
    .asr-variant-two-column[b-zqct58atq5],
    .asr-variant-faq-grid[b-zqct58atq5] {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .asr-variant-hero-content[b-zqct58atq5] {
        text-align: center;
    }

    .asr-variant-hero-actions[b-zqct58atq5],
    .asr-variant-hero-points[b-zqct58atq5] {
        justify-content: center;
    }

    .asr-variant-browser[b-zqct58atq5] {
        width: min(760px, 100%);
        margin: auto;
        transform: none;
    }

    .asr-variant-content[b-zqct58atq5],
    .asr-variant-faq-heading[b-zqct58atq5] {
        text-align: center;
    }

    .asr-variant-text-link[b-zqct58atq5] {
        justify-content: center;
    }

    .asr-variant-module-grid[b-zqct58atq5],
    .asr-variant-sector-grid[b-zqct58atq5] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 850px) {

    .asr-variant-stat-grid[b-zqct58atq5] {
        grid-template-columns: repeat(2, 1fr);
    }

        .asr-variant-stat-grid > div[b-zqct58atq5] {
            border-right: 0;
            border-bottom: 1px solid var(--asr-border);
        }

    .asr-variant-benefit-grid[b-zqct58atq5],
    .asr-variant-report-features[b-zqct58atq5] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-variant-report-grid[b-zqct58atq5] {
        grid-template-columns: 1fr;
    }

    .asr-variant-final-box[b-zqct58atq5] {
        grid-template-columns: 1fr;
        padding: 2.4rem;
    }

    .asr-variant-final-stats[b-zqct58atq5] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 650px) {

    .asr-variant-hero[b-zqct58atq5] {
        padding: 5rem 0;
    }

        .asr-variant-hero h1[b-zqct58atq5] {
            font-size: 2.7rem;
        }

    .asr-variant-hero-actions[b-zqct58atq5] {
        display: grid;
    }

    .asr-variant-primary-button[b-zqct58atq5],
    .asr-variant-secondary-button[b-zqct58atq5] {
        width: 100%;
        justify-content: center;
    }

    .asr-variant-hero-points[b-zqct58atq5] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        text-align: left;
    }

    .asr-variant-floating[b-zqct58atq5] {
        display: none;
    }

    .asr-variant-product-summary[b-zqct58atq5] {
        grid-template-columns: 55px repeat(2, 1fr);
    }

        .asr-variant-product-summary > div:nth-child(4)[b-zqct58atq5],
        .asr-variant-product-summary > div:nth-child(5)[b-zqct58atq5] {
            display: none;
        }

    .asr-variant-matrix[b-zqct58atq5],
    .asr-variant-order-matrix[b-zqct58atq5] {
        overflow-x: auto;
    }

    .asr-variant-row[b-zqct58atq5],
    .asr-order-matrix-row[b-zqct58atq5] {
        min-width: 660px;
    }

    .asr-variant-benefits[b-zqct58atq5],
    .asr-variant-modules[b-zqct58atq5],
    .asr-variant-order[b-zqct58atq5],
    .asr-variant-reports[b-zqct58atq5],
    .asr-variant-sectors[b-zqct58atq5],
    .asr-variant-definition[b-zqct58atq5],
    .asr-variant-barcode[b-zqct58atq5],
    .asr-variant-branches[b-zqct58atq5],
    .asr-variant-faq[b-zqct58atq5] {
        padding: 4.5rem 0;
    }

    .asr-variant-benefit-grid[b-zqct58atq5],
    .asr-variant-report-features[b-zqct58atq5],
    .asr-variant-module-grid[b-zqct58atq5],
    .asr-variant-sector-grid[b-zqct58atq5] {
        grid-template-columns: 1fr;
    }

    .asr-variant-form-grid[b-zqct58atq5] {
        grid-template-columns: 1fr;
    }

    .asr-variant-result[b-zqct58atq5] {
        grid-template-columns: 40px 1fr;
    }

        .asr-variant-result button[b-zqct58atq5] {
            grid-column: 1 / -1;
        }

    .asr-variant-label-preview[b-zqct58atq5] {
        grid-template-columns: 1fr;
    }

    .asr-label-settings button[b-zqct58atq5] {
        margin-top: 1rem;
    }

    .asr-variant-order-footer[b-zqct58atq5] {
        align-items: stretch;
        flex-direction: column;
        gap: 1rem;
    }

        .asr-variant-order-footer > div[b-zqct58atq5] {
            justify-content: space-between;
        }

    .asr-variant-branch-row[b-zqct58atq5] {
        grid-template-columns: 36px 1fr auto;
    }

        .asr-variant-branch-row > i[b-zqct58atq5] {
            grid-column: 2 / -1;
        }

    .asr-variant-final-stats[b-zqct58atq5] {
        grid-template-columns: 1fr;
    }

    .asr-variant-final-actions[b-zqct58atq5] {
        display: grid;
    }
}
/* /Components/Pages/SahaSatis.razor.rz.scp.css */
.asr-field-hero[b-9x0n4qklad] {
    position: relative;
    overflow: hidden;
    padding: 7rem 0 7.5rem;
    background: radial-gradient(circle at 82% 12%, rgba(72, 225, 203, .2), transparent 28%), radial-gradient(circle at 7% 78%, rgba(255, 183, 73, .09), transparent 22%), linear-gradient(135deg, #062b35 0%, #075d5b 55%, #0d8d7f 100%);
    color: #fff;
}

    .asr-field-hero[b-9x0n4qklad]::before {
        position: absolute;
        top: -260px;
        right: -180px;
        width: 680px;
        height: 680px;
        content: "";
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 50%;
        box-shadow: 0 0 0 80px rgba(255, 255, 255, .02), 0 0 0 160px rgba(255, 255, 255, .014);
    }

.asr-field-orb[b-9x0n4qklad] {
    position: absolute;
    border-radius: 50%;
}

.asr-field-orb-one[b-9x0n4qklad] {
    top: 15%;
    left: 5%;
    width: 90px;
    height: 90px;
    background: rgba(255, 183, 73, .1);
}

.asr-field-orb-two[b-9x0n4qklad] {
    right: 8%;
    bottom: 8%;
    width: 150px;
    height: 150px;
    background: rgba(72, 225, 203, .1);
}

.asr-field-hero-grid[b-9x0n4qklad] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr);
    align-items: center;
    gap: 5rem;
}

.asr-field-eyebrow[b-9x0n4qklad] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .9rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: .76rem;
    font-weight: 800;
    backdrop-filter: blur(12px);
}

.asr-field-hero h1[b-9x0n4qklad] {
    margin: 1.5rem 0 0;
    font-size: clamp(3rem, 6vw, 5.3rem);
    line-height: 1;
    letter-spacing: -.07em;
}

    .asr-field-hero h1 span[b-9x0n4qklad] {
        display: block;
        color: #62e5d1;
    }

.asr-field-hero-content > p[b-9x0n4qklad] {
    max-width: 720px;
    margin: 1.55rem 0 0;
    color: rgba(255, 255, 255, .75);
    font-size: 1.05rem;
    line-height: 1.85;
}

.asr-field-hero-actions[b-9x0n4qklad] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .85rem;
    margin-top: 2rem;
}

.asr-field-primary-button[b-9x0n4qklad],
.asr-field-secondary-button[b-9x0n4qklad] {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    border-radius: 15px;
    text-decoration: none;
    font-size: .8rem;
    font-weight: 900;
    transition: .2s ease;
}

.asr-field-primary-button[b-9x0n4qklad] {
    padding: .55rem .7rem;
    background: #fff;
    color: var(--asr-dark);
    box-shadow: 0 18px 45px rgba(0, 20, 25, .22);
}

    .asr-field-primary-button > span[b-9x0n4qklad] {
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-field-primary-button > div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
    }

    .asr-field-primary-button small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .54rem;
    }

    .asr-field-primary-button strong[b-9x0n4qklad] {
        color: var(--asr-dark);
        font-size: .8rem;
    }

.asr-field-secondary-button[b-9x0n4qklad] {
    padding: .8rem 1.2rem;
    border: 1px solid rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

    .asr-field-primary-button:hover[b-9x0n4qklad],
    .asr-field-secondary-button:hover[b-9x0n4qklad] {
        color: inherit;
        transform: translateY(-3px);
    }

.asr-field-hero-points[b-9x0n4qklad] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.6rem;
    color: rgba(255, 255, 255, .72);
    font-size: .69rem;
    font-weight: 700;
}

    .asr-field-hero-points span[b-9x0n4qklad] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

    .asr-field-hero-points i[b-9x0n4qklad] {
        color: #62e5d1;
    }

.asr-field-hero-visual[b-9x0n4qklad] {
    position: relative;
    min-height: 590px;
}

.asr-field-map-card[b-9x0n4qklad] {
    position: absolute;
    inset: 10px 20px 70px 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 28px;
    background: radial-gradient(circle at 50% 50%, rgba(98, 229, 209, .12), transparent 36%), rgba(3, 39, 47, .78);
    box-shadow: 0 40px 100px rgba(0, 18, 23, .32);
}

.asr-field-map-grid[b-9x0n4qklad] {
    position: absolute;
    inset: 0;
    opacity: .48;
    background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 36px 36px;
}

.asr-field-route[b-9x0n4qklad] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

    .asr-field-route path[b-9x0n4qklad] {
        fill: none;
        stroke: #62e5d1;
        stroke-width: 5;
        stroke-linecap: round;
        stroke-dasharray: 12 10;
        animation: asrFieldRoute-b-9x0n4qklad 10s linear infinite;
    }

@keyframes asrFieldRoute-b-9x0n4qklad {
    to {
        stroke-dashoffset: -160;
    }
}

.asr-route-point[b-9x0n4qklad] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: .4rem;
    color: #fff;
    font-size: .55rem;
    font-weight: 800;
}

    .asr-route-point i[b-9x0n4qklad] {
        width: 14px;
        height: 14px;
        border: 3px solid #fff;
        border-radius: 50%;
        background: #62e5d1;
        box-shadow: 0 0 0 6px rgba(98, 229, 209, .17);
    }

.asr-route-point-one[b-9x0n4qklad] {
    left: 8%;
    bottom: 17%;
}

.asr-route-point-two[b-9x0n4qklad] {
    left: 30%;
    bottom: 39%;
}

.asr-route-point-three[b-9x0n4qklad] {
    top: 40%;
    left: 50%;
}

.asr-route-point-four[b-9x0n4qklad] {
    top: 25%;
    right: 19%;
}

.asr-route-point-five[b-9x0n4qklad] {
    top: 12%;
    right: 8%;
}

.asr-field-route-summary[b-9x0n4qklad] {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    right: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-field-route-summary > div:first-child[b-9x0n4qklad] {
        display: flex;
        align-items: center;
        gap: .65rem;
        padding: .7rem;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 14px;
        background: rgba(255, 255, 255, .09);
        backdrop-filter: blur(12px);
    }

        .asr-field-route-summary > div:first-child > span[b-9x0n4qklad] {
            width: 36px;
            height: 36px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            background: rgba(98, 229, 209, .16);
            color: #62e5d1;
        }

    .asr-field-route-summary p[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .asr-field-route-summary small[b-9x0n4qklad] {
        color: rgba(255, 255, 255, .58);
        font-size: .48rem;
    }

    .asr-field-route-summary strong[b-9x0n4qklad] {
        margin-top: .1rem;
        font-size: .61rem;
    }

.asr-field-live[b-9x0n4qklad] {
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .4rem .6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    font-size: .5rem;
    font-weight: 800;
}

    .asr-field-live i[b-9x0n4qklad] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #62e5d1;
    }

.asr-field-route-stats[b-9x0n4qklad] {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .55rem;
}

    .asr-field-route-stats > div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
        min-width: 95px;
        padding: .7rem;
        border: 1px solid rgba(255, 255, 255, .13);
        border-radius: 12px;
        background: rgba(255, 255, 255, .09);
        backdrop-filter: blur(10px);
    }

    .asr-field-route-stats small[b-9x0n4qklad] {
        color: rgba(255, 255, 255, .55);
        font-size: .45rem;
    }

    .asr-field-route-stats strong[b-9x0n4qklad] {
        margin-top: .2rem;
        font-size: .6rem;
    }

.asr-field-phone[b-9x0n4qklad] {
    position: absolute;
    z-index: 5;
    right: -20px;
    bottom: 0;
    width: 245px;
    min-height: 480px;
    padding: 1rem;
    border: 9px solid #10262e;
    border-radius: 36px;
    background: #f5f9fa;
    color: var(--asr-dark);
    box-shadow: 0 32px 70px rgba(0, 20, 25, .3);
}

.asr-field-phone-notch[b-9x0n4qklad] {
    width: 82px;
    height: 19px;
    margin: -.35rem auto .8rem;
    border-radius: 0 0 12px 12px;
    background: #10262e;
}

.asr-field-phone-header[b-9x0n4qklad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-field-phone-header span[b-9x0n4qklad] {
        width: 31px;
        height: 31px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 9px;
        background: var(--asr-primary);
        color: #fff;
        font-size: .68rem;
        font-weight: 900;
    }

.asr-field-phone > small[b-9x0n4qklad] {
    display: block;
    margin-top: 1rem;
    color: var(--asr-muted);
    font-size: .5rem;
}

.asr-field-phone h3[b-9x0n4qklad] {
    margin: .2rem 0 0;
    font-size: .92rem;
}

.asr-field-phone-summary[b-9x0n4qklad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .9rem;
    padding: .8rem;
    border-radius: 13px;
    background: #fff;
}

    .asr-field-phone-summary div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
    }

    .asr-field-phone-summary small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .46rem;
    }

    .asr-field-phone-summary strong[b-9x0n4qklad] {
        margin-top: .15rem;
        font-size: .63rem;
    }

    .asr-field-phone-summary > span[b-9x0n4qklad] {
        color: var(--asr-primary);
        font-size: .7rem;
        font-weight: 900;
    }

.asr-field-phone-progress[b-9x0n4qklad] {
    height: 7px;
    margin-top: .5rem;
    overflow: hidden;
    border-radius: 999px;
    background: #dce8ea;
}

    .asr-field-phone-progress i[b-9x0n4qklad] {
        width: 67%;
        height: 100%;
        display: block;
        border-radius: inherit;
        background: var(--asr-primary);
    }

.asr-field-visit-list[b-9x0n4qklad] {
    display: grid;
    gap: .6rem;
    margin-top: .9rem;
}

    .asr-field-visit-list > div[b-9x0n4qklad] {
        display: flex;
        align-items: center;
        gap: .55rem;
        padding: .65rem;
        border: 1px solid var(--asr-border);
        border-radius: 12px;
        background: #fff;
    }

        .asr-field-visit-list > div > span[b-9x0n4qklad] {
            width: 31px;
            height: 31px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

        .asr-field-visit-list > div.completed > span[b-9x0n4qklad] {
            background: #effcf4;
            color: #27834d;
        }

        .asr-field-visit-list > div.active[b-9x0n4qklad] {
            border-color: var(--asr-primary);
        }

    .asr-field-visit-list p[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .asr-field-visit-list strong[b-9x0n4qklad] {
        font-size: .55rem;
    }

    .asr-field-visit-list small[b-9x0n4qklad] {
        margin-top: .12rem;
        color: var(--asr-muted);
        font-size: .43rem;
    }

.asr-field-start-button[b-9x0n4qklad] {
    width: 100%;
    min-height: 43px;
    margin-top: .9rem;
    border: 0;
    border-radius: 11px;
    background: var(--asr-primary);
    color: #fff;
    font-size: .58rem;
    font-weight: 900;
}

.asr-field-floating[b-9x0n4qklad] {
    position: absolute;
    z-index: 7;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 14px;
    background: rgba(255, 255, 255, .96);
    color: var(--asr-dark);
    box-shadow: 0 20px 50px rgba(0, 20, 25, .2);
}

    .asr-field-floating > span[b-9x0n4qklad] {
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-field-floating div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
    }

    .asr-field-floating small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-field-floating strong[b-9x0n4qklad] {
        margin-top: .15rem;
        font-size: .58rem;
    }

.asr-field-floating-location[b-9x0n4qklad] {
    left: -4%;
    bottom: 10%;
}

.asr-field-floating-order[b-9x0n4qklad] {
    top: 18%;
    right: -7%;
}

.asr-field-stats[b-9x0n4qklad] {
    padding: 1.3rem 0;
    border-bottom: 1px solid var(--asr-border);
    background: #fff;
}

.asr-field-stat-grid[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

    .asr-field-stat-grid > div[b-9x0n4qklad] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: .75rem 1rem;
        border-right: 1px solid var(--asr-border);
        text-align: center;
    }

        .asr-field-stat-grid > div:last-child[b-9x0n4qklad] {
            border-right: 0;
        }

    .asr-field-stat-grid i[b-9x0n4qklad] {
        color: var(--asr-primary);
        font-size: 1.05rem;
    }

    .asr-field-stat-grid strong[b-9x0n4qklad] {
        margin-top: .3rem;
        color: var(--asr-dark);
        font-size: .86rem;
    }

    .asr-field-stat-grid span[b-9x0n4qklad] {
        margin-top: .15rem;
        color: var(--asr-muted);
        font-size: .58rem;
    }

.asr-field-benefits[b-9x0n4qklad],
.asr-field-modules[b-9x0n4qklad],
.asr-field-order[b-9x0n4qklad],
.asr-field-manager[b-9x0n4qklad],
.asr-field-security[b-9x0n4qklad] {
    padding: 6.5rem 0;
}

.asr-field-heading[b-9x0n4qklad] {
    max-width: 830px;
    margin: auto;
    text-align: center;
}

    .asr-field-heading > span[b-9x0n4qklad],
    .asr-field-label[b-9x0n4qklad] {
        color: var(--asr-primary);
        font-size: .72rem;
        font-weight: 900;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .asr-field-heading h2[b-9x0n4qklad],
    .asr-field-content h2[b-9x0n4qklad],
    .asr-field-faq-heading h2[b-9x0n4qklad] {
        margin: .75rem 0 0;
        color: var(--asr-dark);
        font-size: clamp(2.2rem, 4.5vw, 3.4rem);
        line-height: 1.12;
        letter-spacing: -.05em;
    }

        .asr-field-heading h2 strong[b-9x0n4qklad],
        .asr-field-content h2 strong[b-9x0n4qklad],
        .asr-field-faq-heading h2 strong[b-9x0n4qklad] {
            color: var(--asr-primary);
        }

    .asr-field-heading > p[b-9x0n4qklad],
    .asr-field-content > p[b-9x0n4qklad],
    .asr-field-faq-heading > p[b-9x0n4qklad] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        font-size: .95rem;
        line-height: 1.85;
    }

    .asr-field-heading > p[b-9x0n4qklad] {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }

.asr-field-benefits[b-9x0n4qklad] {
    background: #fff;
}

.asr-field-benefit-grid[b-9x0n4qklad],
.asr-field-security-grid[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-field-benefit-grid article[b-9x0n4qklad],
    .asr-field-security-grid article[b-9x0n4qklad] {
        padding: 1.45rem;
        border: 1px solid var(--asr-border);
        border-radius: 18px;
        background: #fff;
        transition: .2s ease;
    }

        .asr-field-benefit-grid article:hover[b-9x0n4qklad],
        .asr-field-security-grid article:hover[b-9x0n4qklad] {
            transform: translateY(-5px);
            box-shadow: 0 22px 50px rgba(16, 36, 47, .09);
        }

        .asr-field-benefit-grid article > span[b-9x0n4qklad],
        .asr-field-security-grid article > span[b-9x0n4qklad] {
            width: 48px;
            height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
            font-size: 1.1rem;
        }

    .asr-field-benefit-grid h3[b-9x0n4qklad],
    .asr-field-security-grid h3[b-9x0n4qklad] {
        margin: .9rem 0 0;
        color: var(--asr-dark);
        font-size: .9rem;
    }

    .asr-field-benefit-grid p[b-9x0n4qklad],
    .asr-field-security-grid p[b-9x0n4qklad] {
        margin: .55rem 0 0;
        color: var(--asr-muted);
        font-size: .68rem;
        line-height: 1.7;
    }

.asr-field-mobile[b-9x0n4qklad],
.asr-field-route-section[b-9x0n4qklad],
.asr-field-payment[b-9x0n4qklad],
.asr-field-faq[b-9x0n4qklad] {
    padding: 7rem 0;
}

.asr-field-mobile[b-9x0n4qklad],
.asr-field-route-section[b-9x0n4qklad],
.asr-field-faq[b-9x0n4qklad] {
    background: var(--asr-soft);
}

.asr-field-two-column[b-9x0n4qklad],
.asr-field-faq-grid[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 5rem;
}

.asr-field-mobile-preview[b-9x0n4qklad],
.asr-route-plan-card[b-9x0n4qklad],
.asr-field-payment-card[b-9x0n4qklad] {
    padding: 1.3rem;
    border: 1px solid var(--asr-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(16, 36, 47, .11);
}

.asr-mobile-topbar[b-9x0n4qklad] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-mobile-topbar > div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
    }

    .asr-mobile-topbar small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-mobile-topbar strong[b-9x0n4qklad] {
        margin-top: .15rem;
        color: var(--asr-dark);
        font-size: .72rem;
    }

    .asr-mobile-topbar > span[b-9x0n4qklad] {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        padding: .4rem .6rem;
        border-radius: 999px;
        background: #effcf4;
        color: #27834d;
        font-size: .48rem;
        font-weight: 800;
    }

.asr-mobile-customer-summary[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .6rem;
    margin-top: 1rem;
}

    .asr-mobile-customer-summary > div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
        padding: .75rem;
        border-radius: 12px;
        background: var(--asr-soft);
    }

    .asr-mobile-customer-summary small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .46rem;
    }

    .asr-mobile-customer-summary strong[b-9x0n4qklad] {
        margin-top: .2rem;
        color: var(--asr-dark);
        font-size: .6rem;
    }

.asr-mobile-actions[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .6rem;
    margin-top: 1rem;
}

    .asr-mobile-actions button[b-9x0n4qklad] {
        min-height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: .4rem;
        border: 1px solid var(--asr-border);
        border-radius: 12px;
        background: #fff;
        color: var(--asr-dark);
        font-size: .48rem;
        font-weight: 800;
    }

    .asr-mobile-actions i[b-9x0n4qklad] {
        color: var(--asr-primary);
        font-size: 1rem;
    }

.asr-mobile-order-card[b-9x0n4qklad] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--asr-border-light);
    border-radius: 14px;
}

.asr-mobile-order-heading[b-9x0n4qklad] {
    display: flex;
    justify-content: space-between;
}

    .asr-mobile-order-heading > div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
    }

    .asr-mobile-order-heading small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-mobile-order-heading strong[b-9x0n4qklad] {
        margin-top: .1rem;
        font-size: .62rem;
    }

    .asr-mobile-order-heading > span[b-9x0n4qklad] {
        color: var(--asr-primary);
        font-size: .5rem;
        font-weight: 800;
    }

.asr-mobile-order-row[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: 34px 1fr auto 27px;
    align-items: center;
    gap: .5rem;
    padding: .7rem 0;
    border-bottom: 1px solid var(--asr-border-light);
}

    .asr-mobile-order-row > span[b-9x0n4qklad] {
        width: 32px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 9px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-mobile-order-row p[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

        .asr-mobile-order-row p strong[b-9x0n4qklad] {
            font-size: .52rem;
        }

        .asr-mobile-order-row p small[b-9x0n4qklad] {
            color: var(--asr-muted);
            font-size: .43rem;
        }

    .asr-mobile-order-row em[b-9x0n4qklad] {
        color: var(--asr-dark);
        font-size: .5rem;
        font-style: normal;
        font-weight: 800;
    }

    .asr-mobile-order-row button[b-9x0n4qklad] {
        width: 27px;
        height: 27px;
        border: 0;
        border-radius: 8px;
        background: var(--asr-primary);
        color: #fff;
    }

.asr-field-feature-list[b-9x0n4qklad] {
    display: grid;
    gap: .8rem;
    margin-top: 1.6rem;
}

    .asr-field-feature-list > div[b-9x0n4qklad] {
        display: flex;
        align-items: flex-start;
        gap: .8rem;
        padding: .9rem;
        border: 1px solid var(--asr-border);
        border-radius: 14px;
        background: #fff;
    }

        .asr-field-feature-list > div > i[b-9x0n4qklad] {
            width: 39px;
            height: 39px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 11px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-field-feature-list span[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
    }

    .asr-field-feature-list strong[b-9x0n4qklad] {
        color: var(--asr-dark);
        font-size: .72rem;
    }

    .asr-field-feature-list small[b-9x0n4qklad] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .62rem;
        line-height: 1.55;
    }

.asr-field-modules[b-9x0n4qklad] {
    background: #fff;
}

.asr-field-module-grid[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 3rem;
}

    .asr-field-module-grid article[b-9x0n4qklad] {
        padding: 1.3rem;
        border: 1px solid var(--asr-border);
        border-radius: 17px;
        background: #fff;
        transition: .2s ease;
    }

        .asr-field-module-grid article:hover[b-9x0n4qklad] {
            transform: translateY(-5px);
            border-color: rgba(8, 127, 114, .28);
            box-shadow: 0 20px 45px rgba(16, 36, 47, .08);
        }

        .asr-field-module-grid article > span[b-9x0n4qklad] {
            width: 44px;
            height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-field-module-grid h3[b-9x0n4qklad] {
        margin: .85rem 0 0;
        color: var(--asr-dark);
        font-size: .8rem;
    }

    .asr-field-module-grid p[b-9x0n4qklad] {
        margin: .5rem 0 0;
        color: var(--asr-muted);
        font-size: .63rem;
        line-height: 1.65;
    }

.asr-route-plan-header[b-9x0n4qklad] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .asr-route-plan-header > div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
    }

    .asr-route-plan-header small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-route-plan-header strong[b-9x0n4qklad] {
        margin-top: .15rem;
        font-size: .7rem;
    }

    .asr-route-plan-header > span[b-9x0n4qklad] {
        padding: .4rem .6rem;
        border-radius: 999px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .48rem;
        font-weight: 800;
    }

.asr-route-plan-summary[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .6rem;
    margin-top: 1rem;
}

    .asr-route-plan-summary > div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
        padding: .75rem;
        border-radius: 12px;
        background: var(--asr-soft);
    }

    .asr-route-plan-summary small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .45rem;
    }

    .asr-route-plan-summary strong[b-9x0n4qklad] {
        margin-top: .2rem;
        font-size: .62rem;
    }

.asr-route-plan-list[b-9x0n4qklad] {
    margin-top: 1rem;
}

    .asr-route-plan-list > div[b-9x0n4qklad] {
        display: grid;
        grid-template-columns: 30px 1fr auto 20px;
        align-items: center;
        gap: .55rem;
        padding: .7rem 0;
        border-bottom: 1px solid var(--asr-border-light);
    }

        .asr-route-plan-list > div > span[b-9x0n4qklad] {
            width: 28px;
            height: 28px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            background: #edf2f3;
            color: var(--asr-muted);
            font-size: .5rem;
            font-weight: 900;
        }

        .asr-route-plan-list > div.completed > span[b-9x0n4qklad] {
            background: #effcf4;
            color: #27834d;
        }

        .asr-route-plan-list > div.active > span[b-9x0n4qklad] {
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-route-plan-list p[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

        .asr-route-plan-list p strong[b-9x0n4qklad] {
            font-size: .56rem;
        }

        .asr-route-plan-list p small[b-9x0n4qklad] {
            color: var(--asr-muted);
            font-size: .44rem;
        }

    .asr-route-plan-list em[b-9x0n4qklad] {
        font-size: .5rem;
        font-style: normal;
    }

    .asr-route-plan-list > div > i[b-9x0n4qklad] {
        color: var(--asr-primary);
    }

.asr-field-order[b-9x0n4qklad] {
    background: #fff;
}

.asr-field-order-flow[b-9x0n4qklad] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    margin-top: 3rem;
}

    .asr-field-order-flow > div[b-9x0n4qklad] {
        width: 125px;
        min-height: 135px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: .85rem;
        border: 1px solid var(--asr-border);
        border-radius: 16px;
        background: var(--asr-soft);
        text-align: center;
    }

        .asr-field-order-flow > div > span[b-9x0n4qklad] {
            width: 40px;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-field-order-flow strong[b-9x0n4qklad] {
        margin-top: .7rem;
        color: var(--asr-dark);
        font-size: .64rem;
    }

    .asr-field-order-flow small[b-9x0n4qklad] {
        margin-top: .2rem;
        color: var(--asr-muted);
        font-size: .48rem;
    }

.asr-field-flow-arrow[b-9x0n4qklad] {
    color: var(--asr-primary);
}

.asr-field-payment[b-9x0n4qklad] {
    background: #fff;
}

.asr-payment-card-header[b-9x0n4qklad] {
    display: flex;
    justify-content: space-between;
}

    .asr-payment-card-header > div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
    }

    .asr-payment-card-header small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .5rem;
    }

    .asr-payment-card-header strong[b-9x0n4qklad] {
        margin-top: .15rem;
        font-size: .7rem;
    }

    .asr-payment-card-header > i[b-9x0n4qklad] {
        color: var(--asr-primary);
        font-size: 1.2rem;
    }

.asr-payment-customer[b-9x0n4qklad] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-top: 1rem;
    padding: .8rem;
    border-radius: 13px;
    background: var(--asr-soft);
}

    .asr-payment-customer > span[b-9x0n4qklad] {
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 11px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-payment-customer > div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
    }

    .asr-payment-customer small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .47rem;
    }

    .asr-payment-customer strong[b-9x0n4qklad] {
        margin-top: .15rem;
        font-size: .63rem;
    }

.asr-payment-balance[b-9x0n4qklad] {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 15px;
    background: linear-gradient(145deg, var(--asr-primary-dark), var(--asr-primary));
    color: #fff;
}

    .asr-payment-balance div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
    }

    .asr-payment-balance small[b-9x0n4qklad] {
        color: rgba(255, 255, 255, .65);
        font-size: .5rem;
    }

    .asr-payment-balance strong[b-9x0n4qklad] {
        margin-top: .2rem;
        font-size: 1.15rem;
    }

    .asr-payment-balance > span[b-9x0n4qklad] {
        display: block;
        margin-top: .4rem;
        color: #79efdd;
        font-size: .47rem;
    }

.asr-payment-methods[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .55rem;
    margin-top: 1rem;
}

    .asr-payment-methods button[b-9x0n4qklad] {
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: .35rem;
        border: 1px solid var(--asr-border);
        border-radius: 11px;
        background: #fff;
        color: var(--asr-dark);
        font-size: .48rem;
        font-weight: 800;
    }

        .asr-payment-methods button.active[b-9x0n4qklad] {
            border-color: var(--asr-primary);
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

.asr-payment-amount[b-9x0n4qklad] {
    margin-top: 1rem;
    padding: .8rem;
    border: 1px solid var(--asr-border);
    border-radius: 11px;
}

    .asr-payment-amount small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .47rem;
    }

    .asr-payment-amount strong[b-9x0n4qklad] {
        display: block;
        margin-top: .2rem;
        font-size: 1rem;
    }

.asr-payment-save[b-9x0n4qklad] {
    width: 100%;
    min-height: 46px;
    margin-top: 1rem;
    border: 0;
    border-radius: 11px;
    background: var(--asr-primary);
    color: #fff;
    font-size: .6rem;
    font-weight: 900;
}

.asr-field-manager[b-9x0n4qklad] {
    background: var(--asr-soft);
}

.asr-manager-dashboard[b-9x0n4qklad] {
    margin-top: 3rem;
    padding: 1.4rem;
    border: 1px solid var(--asr-border);
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 26px 65px rgba(16, 36, 47, .09);
}

.asr-manager-header[b-9x0n4qklad] {
    display: flex;
    justify-content: space-between;
}

    .asr-manager-header > div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
    }

    .asr-manager-header small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .52rem;
    }

    .asr-manager-header strong[b-9x0n4qklad] {
        margin-top: .15rem;
        font-size: .74rem;
    }

    .asr-manager-header > span[b-9x0n4qklad] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        padding: .45rem .65rem;
        border: 1px solid var(--asr-border);
        border-radius: 10px;
        font-size: .5rem;
    }

.asr-manager-stats[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .7rem;
    margin-top: 1rem;
}

    .asr-manager-stats > div[b-9x0n4qklad] {
        display: flex;
        align-items: center;
        gap: .65rem;
        padding: .8rem;
        border-radius: 13px;
        background: var(--asr-soft);
    }

        .asr-manager-stats > div > span[b-9x0n4qklad] {
            width: 38px;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 11px;
            background: var(--asr-primary-soft);
            color: var(--asr-primary);
        }

    .asr-manager-stats p[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .asr-manager-stats small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .45rem;
    }

    .asr-manager-stats strong[b-9x0n4qklad] {
        margin-top: .12rem;
        font-size: .64rem;
    }

    .asr-manager-stats em[b-9x0n4qklad] {
        margin-top: .12rem;
        color: var(--asr-primary);
        font-size: .43rem;
        font-style: normal;
    }

.asr-manager-body[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: 1.5fr .7fr;
    gap: .8rem;
    margin-top: .8rem;
}

.asr-manager-chart-card[b-9x0n4qklad],
.asr-manager-ranking[b-9x0n4qklad] {
    padding: 1rem;
    border: 1px solid var(--asr-border-light);
    border-radius: 14px;
}

.asr-manager-chart-heading[b-9x0n4qklad] {
    display: flex;
    justify-content: space-between;
}

    .asr-manager-chart-heading > div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
    }

    .asr-manager-chart-heading small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .48rem;
    }

    .asr-manager-chart-heading strong[b-9x0n4qklad] {
        margin-top: .15rem;
        font-size: .64rem;
    }

    .asr-manager-chart-heading > span[b-9x0n4qklad] {
        color: var(--asr-primary);
        font-size: .5rem;
        font-weight: 800;
    }

.asr-manager-chart[b-9x0n4qklad] {
    height: 260px;
    display: flex;
    align-items: flex-end;
    gap: .65rem;
    margin-top: 1rem;
    border-bottom: 1px solid var(--asr-border);
}

    .asr-manager-chart > div[b-9x0n4qklad] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: column;
        gap: .35rem;
    }

    .asr-manager-chart i[b-9x0n4qklad] {
        width: 65%;
        display: block;
        border-radius: 6px 6px 0 0;
        background: linear-gradient(180deg, var(--asr-secondary), var(--asr-primary));
    }

    .asr-manager-chart span[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .46rem;
    }

.asr-manager-ranking > strong[b-9x0n4qklad] {
    font-size: .64rem;
}

.asr-manager-ranking > div[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    align-items: center;
    gap: .5rem;
    margin-top: .8rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid var(--asr-border-light);
}

    .asr-manager-ranking > div > span[b-9x0n4qklad] {
        width: 26px;
        height: 26px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
        font-size: .5rem;
        font-weight: 900;
    }

.asr-manager-ranking p[b-9x0n4qklad] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

    .asr-manager-ranking p strong[b-9x0n4qklad] {
        font-size: .53rem;
    }

    .asr-manager-ranking p small[b-9x0n4qklad] {
        color: var(--asr-muted);
        font-size: .43rem;
    }

.asr-manager-ranking em[b-9x0n4qklad] {
    font-size: .5rem;
    font-style: normal;
    font-weight: 800;
}

.asr-field-security[b-9x0n4qklad] {
    background: #fff;
}

.asr-field-faq-grid[b-9x0n4qklad] {
    align-items: start;
}

.asr-field-faq-list[b-9x0n4qklad] {
    display: grid;
    gap: .75rem;
}

    .asr-field-faq-list details[b-9x0n4qklad] {
        overflow: hidden;
        border: 1px solid var(--asr-border);
        border-radius: 15px;
        background: #fff;
    }

    .asr-field-faq-list summary[b-9x0n4qklad] {
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.2rem;
        color: var(--asr-dark);
        font-size: .75rem;
        font-weight: 900;
        cursor: pointer;
        list-style: none;
    }

        .asr-field-faq-list summary[b-9x0n4qklad]::-webkit-details-marker {
            display: none;
        }

        .asr-field-faq-list summary i[b-9x0n4qklad] {
            color: var(--asr-primary);
        }

    .asr-field-faq-list details[open] summary i[b-9x0n4qklad] {
        transform: rotate(45deg);
    }

    .asr-field-faq-list details p[b-9x0n4qklad] {
        margin: 0;
        padding: 0 1.2rem 1.2rem;
        color: var(--asr-muted);
        font-size: .7rem;
        line-height: 1.75;
    }

.asr-field-text-link[b-9x0n4qklad] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1.4rem;
    color: var(--asr-primary);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 900;
}

.asr-field-seo[b-9x0n4qklad] {
    padding: 5rem 0;
    background: #fff;
}

.asr-field-seo-content[b-9x0n4qklad] {
    max-width: 900px;
    margin: auto;
}

    .asr-field-seo-content h2[b-9x0n4qklad] {
        color: var(--asr-dark);
        font-size: clamp(1.8rem, 4vw, 2.7rem);
        letter-spacing: -.04em;
    }

    .asr-field-seo-content p[b-9x0n4qklad] {
        margin: 1rem 0 0;
        color: var(--asr-muted);
        font-size: .84rem;
        line-height: 1.9;
    }

.asr-field-final[b-9x0n4qklad] {
    padding: 0 0 6.5rem;
    background: #fff;
}

.asr-field-final-box[b-9x0n4qklad] {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 3rem;
    padding: 3.5rem;
    overflow: hidden;
    border-radius: 28px;
    background: radial-gradient(circle at 85% 10%, rgba(255, 255, 255, .15), transparent 30%), linear-gradient(135deg, #062b35, #0d8d7f);
    color: #fff;
    box-shadow: 0 32px 75px rgba(8, 127, 114, .23);
}

    .asr-field-final-box > div:first-child > span[b-9x0n4qklad] {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        color: rgba(255, 255, 255, .72);
        font-size: .68rem;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .asr-field-final-box h2[b-9x0n4qklad] {
        margin: .8rem 0 0;
        font-size: clamp(2.1rem, 4vw, 3.3rem);
        line-height: 1.12;
        letter-spacing: -.05em;
    }

        .asr-field-final-box h2 strong[b-9x0n4qklad] {
            color: #62e5d1;
        }

    .asr-field-final-box p[b-9x0n4qklad] {
        max-width: 650px;
        margin: 1rem 0 0;
        color: rgba(255, 255, 255, .72);
        line-height: 1.8;
    }

.asr-field-final-actions[b-9x0n4qklad] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.6rem;
}

    .asr-field-final-actions a[b-9x0n4qklad] {
        min-height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .5rem;
        padding: .7rem 1rem;
        border-radius: 13px;
        text-decoration: none;
        font-size: .74rem;
        font-weight: 900;
    }

        .asr-field-final-actions a:first-child[b-9x0n4qklad] {
            background: #fff;
            color: var(--asr-primary-dark);
        }

        .asr-field-final-actions a:last-child[b-9x0n4qklad] {
            border: 1px solid rgba(255, 255, 255, .25);
            color: #fff;
        }

.asr-field-final-stats[b-9x0n4qklad] {
    display: grid;
    gap: .75rem;
}

    .asr-field-final-stats > div[b-9x0n4qklad] {
        display: flex;
        flex-direction: column;
        padding: 1.2rem;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 16px;
        background: rgba(255, 255, 255, .08);
    }

    .asr-field-final-stats strong[b-9x0n4qklad] {
        font-size: 1.25rem;
    }

    .asr-field-final-stats span[b-9x0n4qklad] {
        margin-top: .25rem;
        color: rgba(255, 255, 255, .67);
        font-size: .64rem;
    }

@media (max-width: 1150px) {

    .asr-field-hero-grid[b-9x0n4qklad],
    .asr-field-two-column[b-9x0n4qklad],
    .asr-field-faq-grid[b-9x0n4qklad] {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .asr-field-hero-content[b-9x0n4qklad] {
        text-align: center;
    }

    .asr-field-hero-actions[b-9x0n4qklad],
    .asr-field-hero-points[b-9x0n4qklad] {
        justify-content: center;
    }

    .asr-field-hero-visual[b-9x0n4qklad] {
        width: min(760px, 100%);
        margin: auto;
    }

    .asr-field-module-grid[b-9x0n4qklad] {
        grid-template-columns: repeat(3, 1fr);
    }

    .asr-field-content[b-9x0n4qklad],
    .asr-field-faq-heading[b-9x0n4qklad] {
        text-align: center;
    }

    .asr-field-text-link[b-9x0n4qklad] {
        justify-content: center;
    }
}

@media (max-width: 850px) {

    .asr-field-stat-grid[b-9x0n4qklad] {
        grid-template-columns: repeat(2, 1fr);
    }

        .asr-field-stat-grid > div[b-9x0n4qklad] {
            border-right: 0;
            border-bottom: 1px solid var(--asr-border);
        }

    .asr-field-benefit-grid[b-9x0n4qklad],
    .asr-field-security-grid[b-9x0n4qklad] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-field-module-grid[b-9x0n4qklad] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-field-order-flow[b-9x0n4qklad] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

        .asr-field-order-flow > div[b-9x0n4qklad] {
            width: auto;
        }

    .asr-field-flow-arrow[b-9x0n4qklad] {
        display: none;
    }

    .asr-manager-stats[b-9x0n4qklad] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-manager-body[b-9x0n4qklad] {
        grid-template-columns: 1fr;
    }

    .asr-field-final-box[b-9x0n4qklad] {
        grid-template-columns: 1fr;
        padding: 2.4rem;
    }

    .asr-field-final-stats[b-9x0n4qklad] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 650px) {

    .asr-field-hero[b-9x0n4qklad] {
        padding: 5rem 0;
    }

        .asr-field-hero h1[b-9x0n4qklad] {
            font-size: 2.7rem;
        }

    .asr-field-hero-actions[b-9x0n4qklad] {
        display: grid;
    }

    .asr-field-primary-button[b-9x0n4qklad],
    .asr-field-secondary-button[b-9x0n4qklad] {
        width: 100%;
        justify-content: center;
    }

    .asr-field-hero-points[b-9x0n4qklad] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        text-align: left;
    }

    .asr-field-hero-visual[b-9x0n4qklad] {
        min-height: 740px;
    }

    .asr-field-map-card[b-9x0n4qklad] {
        inset: 0 0 240px;
    }

    .asr-field-phone[b-9x0n4qklad] {
        right: 50%;
        bottom: 0;
        transform: translateX(50%);
    }

    .asr-field-floating[b-9x0n4qklad] {
        display: none;
    }

    .asr-field-route-stats[b-9x0n4qklad] {
        grid-template-columns: 1fr;
    }

    .asr-field-benefits[b-9x0n4qklad],
    .asr-field-modules[b-9x0n4qklad],
    .asr-field-order[b-9x0n4qklad],
    .asr-field-manager[b-9x0n4qklad],
    .asr-field-security[b-9x0n4qklad],
    .asr-field-mobile[b-9x0n4qklad],
    .asr-field-route-section[b-9x0n4qklad],
    .asr-field-payment[b-9x0n4qklad],
    .asr-field-faq[b-9x0n4qklad] {
        padding: 4.5rem 0;
    }

    .asr-field-benefit-grid[b-9x0n4qklad],
    .asr-field-security-grid[b-9x0n4qklad],
    .asr-field-module-grid[b-9x0n4qklad],
    .asr-field-order-flow[b-9x0n4qklad] {
        grid-template-columns: 1fr;
    }

    .asr-mobile-customer-summary[b-9x0n4qklad],
    .asr-route-plan-summary[b-9x0n4qklad] {
        grid-template-columns: 1fr;
    }

    .asr-mobile-actions[b-9x0n4qklad] {
        grid-template-columns: repeat(2, 1fr);
    }

    .asr-payment-methods[b-9x0n4qklad] {
        grid-template-columns: 1fr;
    }

    .asr-manager-stats[b-9x0n4qklad] {
        grid-template-columns: 1fr;
    }

    .asr-manager-chart-heading[b-9x0n4qklad] {
        flex-direction: column;
        gap: .5rem;
    }

    .asr-field-final-stats[b-9x0n4qklad] {
        grid-template-columns: 1fr;
    }

    .asr-field-final-actions[b-9x0n4qklad] {
        display: grid;
    }
}
/* /Components/Sections/FeaturesSection.razor.rz.scp.css */
.asr-features-section[b-4a3iio16xf] {
    background: #fff;
}

.asr-feature-grid[b-4a3iio16xf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.35rem;
    margin-top: 3rem;
}

.asr-feature-card[b-4a3iio16xf] {
    padding: 1.8rem;
    border: 1px solid var(--asr-border);
    border-radius: 18px;
    background: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

    .asr-feature-card:hover[b-4a3iio16xf] {
        transform: translateY(-5px);
        border-color: rgba(15, 118, 110, 0.3);
        box-shadow: 0 22px 50px rgba(15, 23, 42, 0.09);
    }

.asr-feature-icon[b-4a3iio16xf] {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: var(--asr-primary-soft);
    color: var(--asr-primary);
    font-size: 1.35rem;
}

.asr-feature-card h3[b-4a3iio16xf] {
    margin: 1.25rem 0 0;
    color: var(--asr-dark);
    font-size: 1.1rem;
}

.asr-feature-card p[b-4a3iio16xf] {
    margin: 0.75rem 0 1rem;
    color: var(--asr-muted);
    line-height: 1.75;
}

.asr-feature-card a[b-4a3iio16xf] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--asr-primary);
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 700;
}

    .asr-feature-card a:hover[b-4a3iio16xf] {
        gap: 0.65rem;
    }

@media (max-width: 900px) {

    .asr-feature-grid[b-4a3iio16xf] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 580px) {

    .asr-feature-grid[b-4a3iio16xf] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Sections/HeroSection.razor.rz.scp.css */
.asr-hero[b-jmned0j6a9] {
    position: relative;
    overflow: hidden;
    padding: 6rem 0 6.5rem;
    background: radial-gradient(circle at 80% 10%, rgba(20, 184, 166, 0.14), transparent 30%), linear-gradient(180deg, #f8fffe 0%, #ffffff 100%);
}

.asr-hero-grid[b-jmned0j6a9] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(480px, 0.95fr);
    align-items: center;
    gap: 5rem;
}

.asr-hero-badge[b-jmned0j6a9] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1.5rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(15, 118, 110, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.75);
    color: var(--asr-primary-dark);
    font-size: 0.82rem;
    font-weight: 700;
}

.asr-hero-badge-icon[b-jmned0j6a9] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--asr-primary-soft);
}

.asr-hero h1[b-jmned0j6a9] {
    max-width: 760px;
    margin: 0;
    color: var(--asr-dark);
    font-size: clamp(2.6rem, 5vw, 4.8rem);
    line-height: 1.05;
    letter-spacing: -0.055em;
}

    .asr-hero h1 span[b-jmned0j6a9] {
        display: block;
        color: var(--asr-primary);
    }

.asr-hero-description[b-jmned0j6a9] {
    max-width: 690px;
    margin: 1.6rem 0 0;
    color: var(--asr-muted);
    font-size: 1.12rem;
    line-height: 1.8;
}

.asr-hero-actions[b-jmned0j6a9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 2rem;
}

.asr-hero-features[b-jmned0j6a9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.15rem;
    margin-top: 1.65rem;
    color: var(--asr-text);
    font-size: 0.88rem;
    font-weight: 600;
}

    .asr-hero-features span[b-jmned0j6a9] {
        display: inline-flex;
        align-items: center;
        gap: 0.38rem;
    }

    .asr-hero-features i[b-jmned0j6a9] {
        color: var(--asr-primary);
    }

.asr-hero-visual[b-jmned0j6a9] {
    position: relative;
}

.asr-dashboard-window[b-jmned0j6a9] {
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 35px 80px rgba(15, 23, 42, 0.17);
    transform: perspective(1200px) rotateY(-3deg) rotateX(1deg);
}

.asr-dashboard-bar[b-jmned0j6a9] {
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e7edf3;
}

.asr-dashboard-dots[b-jmned0j6a9] {
    display: flex;
    gap: 0.35rem;
}

    .asr-dashboard-dots span[b-jmned0j6a9] {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #cbd5e1;
    }

.asr-dashboard-address[b-jmned0j6a9] {
    min-width: 180px;
    margin: auto;
    padding: 0.28rem 0.8rem;
    border-radius: 7px;
    background: #eef2f7;
    color: #94a3b8;
    font-size: 0.65rem;
    text-align: center;
}

.asr-dashboard-content[b-jmned0j6a9] {
    min-height: 400px;
    display: flex;
}

.asr-dashboard-sidebar[b-jmned0j6a9] {
    width: 68px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1.2rem;
    padding: 1.25rem 0.75rem;
    background: #0c2633;
}

.asr-dashboard-logo[b-jmned0j6a9] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    border-radius: 10px;
    background: var(--asr-primary);
    color: #fff;
    font-weight: 800;
}

.asr-dashboard-sidebar > span[b-jmned0j6a9] {
    width: 25px;
    height: 7px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.18);
}

    .asr-dashboard-sidebar > span:first-of-type[b-jmned0j6a9] {
        background: var(--asr-secondary);
    }

.asr-dashboard-main[b-jmned0j6a9] {
    flex: 1;
    padding: 1.4rem;
    background: #f7fafc;
}

.asr-dashboard-heading[b-jmned0j6a9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-dashboard-heading div:first-child[b-jmned0j6a9] {
        display: flex;
        flex-direction: column;
    }

    .asr-dashboard-heading small[b-jmned0j6a9] {
        color: #94a3b8;
        font-size: 0.65rem;
    }

    .asr-dashboard-heading strong[b-jmned0j6a9] {
        color: var(--asr-dark);
        font-size: 1rem;
    }

.asr-dashboard-avatar[b-jmned0j6a9] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #dbe5eb;
}

.asr-dashboard-cards[b-jmned0j6a9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.8rem;
    margin-top: 1.3rem;
}

.asr-dashboard-card[b-jmned0j6a9] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #e6edf2;
    border-radius: 13px;
    background: #fff;
}

    .asr-dashboard-card small[b-jmned0j6a9] {
        color: #94a3b8;
        font-size: 0.58rem;
    }

    .asr-dashboard-card strong[b-jmned0j6a9] {
        margin-top: 0.35rem;
        color: var(--asr-dark);
        font-size: 0.85rem;
    }

    .asr-dashboard-card span[b-jmned0j6a9] {
        margin-top: 0.35rem;
        color: var(--asr-primary);
        font-size: 0.56rem;
    }

.asr-dashboard-chart[b-jmned0j6a9] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #e6edf2;
    border-radius: 13px;
    background: #fff;
}

.asr-chart-heading[b-jmned0j6a9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .asr-chart-heading strong[b-jmned0j6a9] {
        color: var(--asr-dark);
        font-size: 0.75rem;
    }

    .asr-chart-heading span[b-jmned0j6a9] {
        color: #94a3b8;
        font-size: 0.58rem;
    }

.asr-chart-bars[b-jmned0j6a9] {
    height: 175px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.65rem;
    margin-top: 1.2rem;
    padding: 0 0.5rem;
    border-bottom: 1px solid #e8eef3;
}

    .asr-chart-bars i[b-jmned0j6a9] {
        width: 100%;
        display: block;
        border-radius: 6px 6px 0 0;
        background: linear-gradient(180deg, var(--asr-secondary), var(--asr-primary));
    }

.asr-floating-card[b-jmned0j6a9] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.09);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14);
    backdrop-filter: blur(12px);
}

    .asr-floating-card > span[b-jmned0j6a9] {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 11px;
        background: var(--asr-primary-soft);
        color: var(--asr-primary);
    }

    .asr-floating-card div[b-jmned0j6a9] {
        display: flex;
        flex-direction: column;
    }

    .asr-floating-card small[b-jmned0j6a9] {
        color: var(--asr-muted);
        font-size: 0.62rem;
    }

    .asr-floating-card strong[b-jmned0j6a9] {
        color: var(--asr-dark);
        font-size: 0.78rem;
    }

.asr-floating-sales[b-jmned0j6a9] {
    top: 17%;
    right: -7%;
}

.asr-floating-stock[b-jmned0j6a9] {
    left: -7%;
    bottom: 11%;
}

@media (max-width: 1100px) {

    .asr-hero-grid[b-jmned0j6a9] {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .asr-hero-content[b-jmned0j6a9] {
        text-align: center;
    }

    .asr-hero-badge[b-jmned0j6a9],
    .asr-hero-actions[b-jmned0j6a9],
    .asr-hero-features[b-jmned0j6a9] {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .asr-hero-description[b-jmned0j6a9] {
        margin-left: auto;
        margin-right: auto;
    }

    .asr-hero-visual[b-jmned0j6a9] {
        width: min(720px, 100%);
        margin: auto;
    }
}

@media (max-width: 650px) {

    .asr-hero[b-jmned0j6a9] {
        padding: 4rem 0;
    }

        .asr-hero h1[b-jmned0j6a9] {
            font-size: 2.55rem;
        }

    .asr-hero-description[b-jmned0j6a9] {
        font-size: 1rem;
    }

    .asr-hero-actions[b-jmned0j6a9] {
        display: grid;
        grid-template-columns: 1fr;
    }

        .asr-hero-actions .asr-btn[b-jmned0j6a9] {
            width: 100%;
        }

    .asr-dashboard-window[b-jmned0j6a9] {
        transform: none;
    }

    .asr-dashboard-sidebar[b-jmned0j6a9] {
        width: 48px;
    }

    .asr-dashboard-cards[b-jmned0j6a9] {
        grid-template-columns: 1fr;
    }

    .asr-dashboard-card:nth-child(n+2)[b-jmned0j6a9] {
        display: none;
    }

    .asr-floating-card[b-jmned0j6a9] {
        display: none;
    }
}