.woocommerce-variation-price .zl-unit-price,
.wd-sticky-btn .zl-unit-price {
    display: block;
    margin-top: 4px;
    color: var(--zl-muted, #6b746c);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
}
.woocommerce-variation-price .zl-unit-price .amount,
.wd-sticky-btn .zl-unit-price .amount {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.zl-tea-recipe {
    margin: 0 0 22px;
    padding: 16px 18px;
    border: 1px solid var(--zl-line, #dedfd4);
    border-radius: 4px;
    background: var(--zl-cream, #f7f4ed);
    color: var(--zl-ink, #173e32);
    font: 14px/1.5 Arial, sans-serif;
}
.zl-tea-recipe .zl-tea-recipe__heading {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin: 0 0 12px;
}
.zl-tea-recipe__heading strong {
    font-size: 16px;
}
.zl-tea-recipe__heading span {
    color: var(--zl-muted, #6b746c);
    font-size: 12px;
}
.zl-tea-recipe .zl-tea-recipe__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin: 0;
}
.zl-tea-recipe__facts > div {
    min-width: 60px;
    max-width: 100%;
}
.zl-tea-recipe__facts dt {
    margin: 0 0 2px;
    color: var(--zl-muted, #6b746c);
    font-size: 12px;
    font-weight: 400;
}
.zl-tea-recipe__facts dd {
    margin: 0;
    font-weight: 600;
}
.zl-tea-recipe .zl-tea-recipe__note,
.zl-tea-recipe__help p {
    margin: 10px 0 0;
    color: var(--zl-muted, #6b746c);
    font-size: 13px;
}
.zl-tea-recipe__help {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--zl-line, #dedfd4);
}
.zl-tea-recipe__help summary {
    width: fit-content;
    max-width: 100%;
    cursor: pointer;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.zl-tea-recipe__help summary:focus-visible {
    outline: 2px solid var(--zl-gold, #a77d45);
    outline-offset: 3px;
}
.variations_form.zl-session-packs .wd-swatches-single {
    flex-wrap: wrap;
}
.variations_form.zl-session-packs .wd-swatches-single > .wd-swatch.wd-text {
    max-width: 100%;
    white-space: normal;
}
.variations_form.zl-session-packs .wd-swatch-text {
    white-space: normal;
}
@media (max-width: 480px) {
    .zl-tea-recipe {
        padding: 14px;
    }
    .zl-tea-recipe .zl-tea-recipe__facts {
        gap: 10px 18px;
    }
    .variations_form.zl-session-packs .wd-swatches-single > .wd-swatch.wd-text {
        padding: 9px 10px;
        font-size: 13px;
    }
}