.from-label { display: block; font-size: 9px; font-weight: 500; letter-spacing: 0; color: #949caa; margin: 0 0 1px; line-height: 1.3; }
.extra-group { border: 0; border-top: 1px solid #edf0f4; border-radius: 0; margin: 0 0 20px; padding: 17px 0 0; min-width: 0; }
.extra-group legend { float: left; width: 100%; font-size: 13px; font-weight: 800; line-height: 1.35; letter-spacing: -.2px; color: #3e4857; padding: 0; margin-bottom: 6px; }
.extra-group-subtitle { display: flex; align-items: center; justify-content: space-between; clear: both; gap: 9px; margin-bottom: 8px; }
.extra-group-subtitle > span { color: #98a0ad; font-size: 10px; }
.extra-group-subtitle b { font-size: 8px; font-weight: 700; padding: 3px 7px; background: #f1f4f8; color: #98a0ad; border-radius: 5px; }
.extra-group-subtitle b.required-label { background: #fff0f1; color: #e5252a; }
.extra-option { display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #f0f2f5; padding: 12px 0; }
.extra-option:last-child { border-bottom: 0; }
.extra-option > div:first-child { min-width: 0; }
.extra-option label { font-size: 12px; font-weight: 600; line-height: 1.3; cursor: pointer; }
.extra-option p { color: #98a0ad; font-size: 10px; margin-top: 3px; line-height: 1.5; }
.extra-option small { display: block; color: #7d8999; font-size: 10px; margin-top: 4px; }
.extra-option input { flex-shrink: 0; width: 18px; height: 18px; accent-color: #e5252a; cursor: pointer; }
.extra-option:has(input:checked) label { color: #d71e28; }
.extra-counter { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }
.extra-counter button { width: 27px; height: 27px; border: 1px solid #f4dfe1; border-radius: 8px; background: #fff7f7; color: #e5252a; font-size: 18px; display: grid; place-items: center; line-height: 1; }
.extra-counter span { font-size: 12px; min-width: 10px; text-align: center; color: #4a5565; }
.extra-counter button:disabled { opacity: .25; }
.included-check { display: grid; place-items: center; height: 24px; width: 24px; border-radius: 50%; background: #ecf9f1; color: #19a05d; flex-shrink: 0; }
.included-check svg { width: 13px; height: 13px; }
.cart-extras { line-height: 1.6; }
.modal-actions { position: sticky; bottom: -23px; padding: 14px 0 23px; margin-bottom: -23px; background: #fff; box-shadow: 0 -8px 18px #fff; z-index: 1; }
.modal-actions .btn:disabled { background: #f0f2f5; box-shadow: none; color: #99a1af; opacity: 1; }
.category-caption { max-width: 290px; }
@media(max-width:370px) { .modal-actions { bottom: -19px; margin-bottom: -19px; padding-bottom: 19px; } }