/* Shared order help. Kept separate from the theme's generated page bundles. */
.vita-order-assistance {
    box-sizing: border-box;
    container-type: inline-size;
    width: 100%;
    min-width: 0;
    margin: 24px 0 0;
    color: #153e32;
    line-height: 1.4;
}
.vita-order-assistance *,
.vita-order-assistance *::before,
.vita-order-assistance *::after { box-sizing: border-box; }
.vita-order-assistance--card {
    padding: 16px 12px;
    background: #edf9f1;
    border-radius: 12px;
}
.vita-order-assistance__heading { display: flex; align-items: center; gap: 12px; }
.vita-order-assistance__heading > div { min-width: 0; }
.vita-order-assistance .vita-order-assistance__title {
    margin: 0;
    padding: 0;
    color: #153e32;
    font-family: 'vitassentialsans-bold', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
}
.vita-order-assistance .vita-order-assistance__description {
    margin: 4px 0 0;
    padding: 0;
    color: #52645b;
    font-size: 14px;
    line-height: 1.45;
}
.vita-order-assistance__support-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #fff;
    color: #0a944b;
}
.vita-order-assistance__support-icon svg { width: 34px; height: 34px; }
.vita-order-assistance__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}
.vita-order-assistance__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 46px;
    max-width: 100%;
    color: #08783e;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
}
.vita-order-assistance__actions a svg { flex: 0 0 20px; width: 20px; height: 20px; }
.vita-order-assistance__actions a span { white-space: nowrap; }
.vita-order-assistance--card .vita-order-assistance__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}
.vita-order-assistance--card .vita-order-assistance__actions a {
    gap: 5px;
    padding: 10px 6px;
    border: 1px solid #8bd3aa;
    border-radius: 10px;
    background: #fff;
    font-family: 'vitassentialsans-bold', sans-serif;
    font-weight: 700;
}
.vita-order-assistance--card .vita-order-assistance__actions a svg { flex-basis: 18px; width: 18px; height: 18px; }
.vita-order-assistance--card a.vita-order-assistance__whatsapp {
    color: #fff;
    background: #088740;
    border-color: #088740;
}
.vita-order-assistance--card a.vita-order-assistance__whatsapp:hover { background: #076f36; }
.vita-order-assistance__actions a:focus-visible {
    outline: 3px solid #154e9b;
    outline-offset: 3px;
}
.vita-order-assistance--compact {
    padding: 16px 0 0;
    border-top: 1px solid #dde5df;
    background: transparent;
    text-align: center;
}
.vita-order-assistance--compact .vita-order-assistance__heading { justify-content: center; }
.vita-order-assistance--compact .vita-order-assistance__title { font-size: 16px; color: #263b32; }
.vita-order-assistance--compact .vita-order-assistance__actions { justify-content: center; gap: 4px 16px; margin-top: 6px; }
.vita-order-assistance--compact .vita-order-assistance__actions a { padding: 4px 0; }
.vita-order-assistance--compact .vita-order-assistance__actions a span {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.vita-order-assistance--compact .vita-order-assistance__actions a:hover { color: #034e28; }
.vita-order-assistance--checkout-summary { margin-top: 20px; }
.i2rf4zp .vita-order-assistance-row { width: 100%; margin: 0; }
.vita-order-assistance--checkout-email { flex: 0 0 auto; margin-top: 0; margin-bottom: 16px; }
.vitassential-cart-after-checkout { grid-column: 2; grid-row: 3; min-width: 0; width: 100%; }

@media (max-width: 767px) {
    .vitassential-cart-after-checkout { display: flex; flex-direction: column; }
    .vitassential-cart-after-checkout .vita-order-assistance--cart { order: 0; }
    .vitassential-cart-after-checkout .vitassential-cart-trust { order: 1; }
    /* The form container has 1rem gutters; only this help band crosses them. */
    .vita-order-assistance--checkout-email {
        width: 100%;
        max-width: none;
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media (min-width: 768px) {
    .vita-order-assistance--product { width: 50%; }
}
@media (min-width: 1200px) {
    /* Half the billing column, with a readable minimum for the help panel. */
    .vita-order-assistance--checkout-email { width: min(100%, max(50%, 380px)); }
}
@container (max-width: 310px) {
    .vita-order-assistance--card .vita-order-assistance__actions { grid-template-columns: minmax(0, 1fr); }
    .vita-order-assistance--card .vita-order-assistance__actions a { width: 100%; }
}