/* Start:/local/components/derevnyalive/personal/templates/.default/style.css?17863846063698*/
.user__container.__no-center {
    min-height: auto;
    justify-content: flex-start;
    padding: 0 1rem;
}

.profile__item-payment .profile__item-actions {
    display: flex;
    align-items: stretch;
    gap: .75rem;
    flex-wrap: wrap;
    /* .profile__item .__order-item has gap:1.5rem between children (via astro
       build css) and the same 1.5rem as its own bottom padding; the note text
       right above this row has no margin of its own, so the visible gap above
       the buttons was ~0 while the gap below (container padding-bottom) stayed
       1.5rem. Match it explicitly so both gaps are equal. */
    margin-top: 1.5rem;
}

@media (max-width: 767.98px) {
    /* .__order-item padding-bottom drops to 1rem at this breakpoint (same
       breakpoint used by the astro build css), keep the top gap matching. */
    .profile__item-payment .profile__item-actions {
        margin-top: 1rem;
    }
}

.profile__item-payment .profile__item-actions .btn {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    height: 2.75rem;
    box-sizing: border-box;
}

.profile__item-payment .profile__item-cancel-form {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
}

.profile__item-payment .profile__item-cancel-form .btn {
    flex: 1 1 auto;
    width: 100%;
}

/* A leftover inline <style> block in the component template (rendered in
   <body>, so it wins CSS-order ties against this <head>-loaded sheet) still
   ships older, conflicting rules for the same selectors — one of them
   (`.profile__item-actions .profile__item-cancel-form`) even outranks the
   equivalent rule above on raw specificity. Force the intended layout with
   !important so it can't be defeated by that duplicate, and equalize the
   two buttons' own horizontal padding as a belt-and-braces fallback in case
   flex distribution is ever fought again. Scoped above the 375px stacked
   breakpoint so it never fights the column layout below. */
@media (min-width: 375.02px) {
    /* flex-grow-based even split is unreliable here (the anchor and the form
       end up sized to their own content instead of splitting the row evenly,
       even with identical flex-grow/shrink/basis/min-width on both) — force
       an explicit equal width instead of relying on flex distribution. Half
       of the .75rem gap is subtracted from each side so both add up exactly
       to the row width. */
    .profile__item-payment .profile__item-actions > .profile__item-pay.btn,
    .profile__item-payment .profile__item-actions > .profile__item-cancel-form {
        flex: 0 0 calc(50% - 0.375rem) !important;
        min-width: 0 !important;
        width: calc(50% - 0.375rem) !important;
    }

    .profile__item-payment .profile__item-actions .profile__item-cancel-form .btn {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .profile__item-payment .profile__item-actions .profile__item-pay.btn,
    .profile__item-payment .profile__item-actions .profile__item-cancel-form .btn {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 1919.98px) {
    .profile__item-payment .profile__item-actions .btn {
        height: 2.25rem;
    }
}

@media (max-width: 375px) {
    .profile__item-payment .profile__item-actions {
        flex-direction: column;
    }

    .profile__item-payment .profile__item-actions .btn,
    .profile__item-payment .profile__item-cancel-form {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
    }

    .profile__item-payment .profile__item-actions .btn {
        height: 2.25rem;
        min-height: 2.25rem;
        flex-shrink: 0;
    }
}

/* End */
/* /local/components/derevnyalive/personal/templates/.default/style.css?17863846063698 */