.single-product .mg-summary-notify-slot .wcwl_elements {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: end;
    column-gap: 8px;
    row-gap: 8px;
    width: 100%;
    max-width: 610px;
    margin: 0 0 20px;
}

/* The plugin hides wcwl_nojs until its click handler binds. Reserve and show
   the already server-rendered form on first paint to avoid shifting the rest
   of the product summary down when that class is removed. */
.single-product .mg-summary-notify-slot .wcwl_elements.wcwl_nojs {
    display: grid !important;
}

.single-product .mg-summary-notify-slot .wcwl_intro,
.single-product .mg-summary-notify-slot .wcwl_notice {
    grid-column: 1 / -1;
    margin: 0;
}

.single-product .mg-summary-notify-slot .wcwl_intro p {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}

.single-product .mg-summary-notify-slot .wcwl_email_elements {
    grid-column: 1;
    min-width: 0;
    width: 100%;
    margin: 0;
}

.single-product .mg-summary-notify-slot .wcwl_email_elements input {
    box-sizing: border-box;
    display: block;
    float: none;
    width: 100%;
    height: 44px;
    padding: 9px 16px;
    border: 1px solid #878787;
    border-radius: 8px;
    background: #fff;
    font-family: Inter, Arial, sans-serif;
    font-size: 16px;
}

.single-product .mg-summary-notify-slot .wcwl_control {
    grid-column: 2;
    display: block;
    margin: 0;
    line-height: 0;
}

/* Logged-in users already have an account email, so the plugin hides the
   email field. Collapse its empty grid column from the first paint instead of
   leaving the action button floating at the far right. */
.logged-in.single-product .mg-summary-notify-slot .wcwl_elements {
    grid-template-columns: max-content;
    justify-items: start;
}

.logged-in.single-product .mg-summary-notify-slot .wcwl_control {
    grid-column: 1;
}

.single-product .mg-summary-notify-slot .wcwl_elements .wcwl_control button {
    min-height: 44px;
    margin: 0 !important;
    padding: 12px 16px;
    border: 0;
    border-radius: 8px;
    background: #BE1A1A;
    color: #fff;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.single-product .mg-summary-notify-slot .wcwl_elements .wcwl_control button:hover,
.single-product .mg-summary-notify-slot .wcwl_elements .wcwl_control button:focus-visible {
    background: #a90f16;
    color: #fff;
}

@media (max-width: 767px) {
    .single-product .mg-summary-notify-slot .wcwl_elements {
        grid-template-columns: minmax(0, 1fr);
    }

    .single-product .mg-summary-notify-slot .wcwl_email_elements,
    .single-product .mg-summary-notify-slot .wcwl_control {
        grid-column: 1;
        width: 100%;
    }

    .single-product .mg-summary-notify-slot .wcwl_elements .wcwl_control button {
        display: block;
        width: 100%;
    }
}