/* Login bottom sheet — Nykaa-style curved maroon header */
#loginSheetModal .btm-modal--auth {
    max-height: 92dvh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 0;
    border-radius: 22px 22px 0 0;
    background: #fff;
}

#loginSheetModal .btm-modal-handle {
    display: none;
}

#loginSheetModal .auth-sheet {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    min-height: 0;
    background: #fff;
}

#loginSheetModal .auth-card {
    border: none;
    box-shadow: none;
    border-radius: 0;
    min-height: auto;
    overflow: hidden;
    background: #fff;
}

#loginSheetModal .auth-brand-hero {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    border-radius: 22px 22px 0 0;
    padding: clamp(28px, 7vw, 36px) 20px clamp(24px, 6vw, 30px);
    background:
        linear-gradient(125deg, var(--brand-dark) 0%, var(--brand) 42%, #a82858 72%, var(--brand-light) 100%);
}

#loginSheetModal .auth-brand-hero__sheen {
    background:
        radial-gradient(ellipse 90% 70% at 12% 18%, rgba(255, 255, 255, 0.2), transparent 52%),
        radial-gradient(ellipse 75% 55% at 88% 78%, rgba(0, 0, 0, 0.18), transparent 48%),
        radial-gradient(ellipse 60% 45% at 52% 105%, rgba(255, 255, 255, 0.08), transparent 42%),
        repeating-linear-gradient(
            -18deg,
            transparent,
            transparent 14px,
            rgba(255, 255, 255, 0.03) 14px,
            rgba(255, 255, 255, 0.03) 15px
        );
}

#loginSheetModal .auth-steps {
    background: #fff;
}

.auth-progress {
    display: none !important;
}

.auth-brand-hero__content .shop-brand-wordmark {
    gap: 0.08em 0.32em;
}

.auth-brand-hero .shop-brand-wordmark__aldos {
    font-size: clamp(36px, 9vw, 46px);
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.2);
}

.auth-brand-hero .shop-brand-wordmark__fashion {
    font-size: clamp(26px, 6.5vw, 34px);
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.2);
}

#loginSheetModal .auth-step {
    padding: 12px 20px 24px;
}

#loginSheetModal #step-email {
    padding-top: 16px;
}

#loginSheetModal #step-email h2 {
    margin-top: 0;
}

#loginSheetModal .auth-step h2 {
    font-size: 22px;
}

#loginSheetModal .auth-icon {
    width: 52px;
    height: 52px;
    font-size: 22px;
    margin: 0 auto 12px;
}

#loginSheetModal .auth-google-wrap {
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
}

#loginSheetModal .auth-required {
    color: #e53e3e;
    font-size: 12px;
}

@media (min-width: 520px) {
    #loginSheetModal .btm-modal--auth {
        max-width: 480px;
        margin: 0 auto;
        border-radius: 22px 22px 0 0;
        overflow: hidden;
    }

    #loginSheetModal .auth-brand-hero {
        border-radius: 22px 22px 0 0;
    }
}