.ecommerce-order-create__section { border-top: 1px solid #e9ecef; margin-top: 1.5rem; padding-top: 1.5rem; }
.ecommerce-order-create__section--first { border-top: 0; margin-top: 0; padding-top: 0; }
.ecommerce-order-create__section-header { margin-bottom: 1rem; }
.ecommerce-order-create__section-header--action { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; }
.ecommerce-order-create__section-header h5 { color: #25324b; font-size: 1rem; margin: 0 0 .2rem; }
.ecommerce-order-create__section-header p { color: #6c757d; font-size: .83rem; margin: 0; }
.ecommerce-order-create__empty { align-items: center; background: #f8f9fc; border: 1px dashed #cfd7e6; border-radius: .5rem; color: #6c757d; display: flex; gap: .8rem; padding: 1rem; }
.ecommerce-order-create__empty > i { color: #435ebe; font-size: 1.35rem; }
.ecommerce-order-create__empty div { display: grid; gap: .15rem; }
.ecommerce-order-create__empty strong { color: #25324b; font-size: .88rem; }
.ecommerce-order-create__empty span { font-size: .78rem; }
.ecommerce-order-create__items { display: grid; gap: .7rem; }
.ecommerce-order-create__item { align-items: center; border: 1px solid #e4e8ef; border-radius: .5rem; display: grid; gap: .8rem; grid-template-columns: minmax(0, 1fr) 84px 110px 40px; padding: .7rem; }
.ecommerce-order-create__product { align-items: center; display: flex; gap: .7rem; min-width: 0; }
.ecommerce-order-create__product img, .ecommerce-order-create__results article > img { border-radius: .4rem; height: 42px; object-fit: cover; width: 42px; }
.ecommerce-order-create__product-placeholder { align-items: center; background: #edf1ff; border-radius: .4rem; color: #435ebe; display: inline-flex; flex: 0 0 42px; height: 42px; justify-content: center; width: 42px; }
.ecommerce-order-create__product div { display: grid; min-width: 0; }
.ecommerce-order-create__product strong { color: #25324b; font-size: .86rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ecommerce-order-create__product small { color: #6c757d; font-size: .75rem; }
.ecommerce-order-create__item-total { color: #25324b; font-size: .88rem; text-align: right; }
.ecommerce-order-create__quantity-readonly { align-items: center; background: #f7f9fc; border: 1px solid #e1e6ee; border-radius: .35rem; color: #526176; display: flex; font-size: .8rem; font-weight: 700; height: 38px; justify-content: center; }
.ecommerce-order-create__remove { align-items: center; display: inline-flex; height: 34px; justify-content: center; padding: 0; width: 34px; }
.ecommerce-order-create__summary-card { position: sticky; top: 110px; }
.ecommerce-order-create__confirmation { align-items: flex-start; display: flex; gap: .45rem; margin: .85rem 0 0; }
.ecommerce-order-create__confirmation .form-check-input { flex: 0 0 auto; margin: .2rem 0 0; }
.ecommerce-order-create__confirmation .form-check-label { color: #5c677b; font-size: .78rem; }
.ecommerce-order-create__payment-readonly { background: #f8faff; border: 1px solid #dfe6f4; border-radius: .5rem; padding: .85rem; }.ecommerce-order-create__payment-readonly > div { align-items: center; display: flex; gap: .65rem; }.ecommerce-order-create__payment-readonly > div > span:last-child { display: grid; gap: .1rem; }.ecommerce-order-create__payment-readonly strong { color: #25324b; font-size: .85rem; }.ecommerce-order-create__payment-readonly small { color: #6c757d; font-size: .74rem; }.ecommerce-order-create__payment-icon { align-items: center; background: #edf1ff; border-radius: .4rem; color: #435ebe; display: inline-flex; height: 34px; justify-content: center; width: 34px; }.ecommerce-order-create__payment-readonly > .ecommerce-badge { margin-top: .65rem; }.ecommerce-order-create__payment-readonly > p { align-items: flex-start; color: #64748b; display: flex; font-size: .72rem; gap: .35rem; line-height: 1.4; margin: .75rem 0 0; }.ecommerce-order-create__payment-readonly > p i { color: #435ebe; }
.ecommerce-order-create__payment-methods { display: flex; flex-wrap: wrap; gap: .55rem; }
.ecommerce-order-create__payment-methods .btn { border: 1px solid #dce3f0; color: #526176; }
.ecommerce-order-create__payment-methods .btn.is-selected { background: #edf1ff; border-color: #8da2e5; color: #435ebe; }
.ecommerce-order-create__card-payment { background: #f9faff; border: 1px solid #e2e7f0; border-radius: .5rem; margin-top: 1rem; padding: .85rem; }
.ecommerce-order-create__card-element { background: #fff; border: 1px solid #d8dfeb; border-radius: .35rem; min-height: 42px; padding: .7rem .75rem; }
.ecommerce-order-create__card-element.StripeElement--focus { border-color: #8da2e5; box-shadow: 0 0 0 .2rem rgba(67, 94, 190, .12); }
.ecommerce-order-create__card-element.StripeElement--invalid { border-color: #dc3545; }
.ecommerce-order-create__card-status, .ecommerce-order-create__processing { align-items: center; color: #64748b; display: flex; font-size: .78rem; gap: .45rem; margin-top: .75rem; }
.ecommerce-order-create__processing { justify-content: space-between; }
.ecommerce-order-create__hosted-card { align-items: flex-start; background: #f4f7ff; border: 1px solid #dbe4ff; border-radius: .5rem; color: #526176; display: flex; font-size: .78rem; gap: .6rem; line-height: 1.4; margin-top: .8rem; padding: .75rem; }
.ecommerce-order-create__hosted-card > i { color: #435ebe; font-size: 1rem; margin-top: .05rem; }
.ecommerce-order-create__hosted-card > div { display: grid; gap: .16rem; min-width: 0; }
.ecommerce-order-create__hosted-card strong { color: #25324b; }
.ecommerce-order-create__hosted-card small { color: #64748b; }
.ecommerce-order-create__hosted-card span { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .4rem; }
.ecommerce-order-create__hosted-card .btn { align-items: center; display: inline-flex; gap: .3rem; }
.ecommerce-order-create__pix { display: grid; gap: .7rem; margin-top: 1rem; }
.ecommerce-order-create__pix img { border: 1px solid #e2e7f0; max-width: 180px; padding: .25rem; width: 100%; }
.ecommerce-order-create__pix div { display: grid; gap: .15rem; }
.ecommerce-order-create__pix strong { color: #25324b; font-size: .86rem; }
.ecommerce-order-create__pix small { color: #6c757d; font-size: .75rem; }
.ecommerce-order-create__total { background: #eef2ff; border: 1px solid #dce4ff; border-radius: .5rem; display: grid; gap: .15rem; margin-top: 1.5rem; padding: .9rem; }
.ecommerce-order-create__total span { color: #526176; font-size: .8rem; font-weight: 700; }
.ecommerce-order-create__total strong { color: #435ebe; font-size: 1.35rem; }
.ecommerce-order-create__total small { color: #6c757d; font-size: .72rem; }
.ecommerce-order-create__picker-backdrop { align-items: center; background: rgba(31, 41, 55, .48); display: flex; inset: 0; justify-content: center; padding: 1rem; position: fixed; z-index: 1100; }
.ecommerce-order-create__picker { background: #fff; border-radius: .55rem; box-shadow: 0 22px 60px rgba(15, 23, 42, .28); max-height: calc(100vh - 2rem); overflow: auto; width: min(680px, 100%); }
.ecommerce-order-create__picker-header { align-items: flex-start; border-bottom: 1px solid #e9ecef; display: flex; gap: 1rem; justify-content: space-between; padding: 1rem 1.25rem; }
.ecommerce-order-create__picker-header h4 { color: #25324b; font-size: 1.05rem; margin: 0 0 .2rem; }
.ecommerce-order-create__picker-header p { color: #6c757d; font-size: .8rem; margin: 0; }
.ecommerce-order-create__picker-body { padding: 1.25rem; }
.ecommerce-order-create__picker-state { align-items: center; color: #6c757d; display: flex; gap: .55rem; justify-content: center; min-height: 110px; text-align: center; }
.ecommerce-order-create__results { display: grid; gap: .65rem; margin-top: 1rem; }
.ecommerce-order-create__results article { align-items: center; border: 1px solid #e4e8ef; border-radius: .5rem; display: grid; gap: .75rem; grid-template-columns: 42px minmax(0, 1fr) auto; padding: .65rem; }
.ecommerce-order-create__results article > div { display: grid; min-width: 0; }
.ecommerce-order-create__results strong { color: #25324b; font-size: .86rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ecommerce-order-create__results small { color: #6c757d; font-size: .74rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ecommerce-order-create__results span { color: #435ebe; font-size: .75rem; font-weight: 700; }
.ecommerce-order-create__variant-selection { display: grid; gap: .85rem; margin-top: 1rem; }.ecommerce-order-create__variant-selection > .btn:first-child { justify-self: start; }.ecommerce-order-create__variant-selection-heading { align-items: flex-start; display: flex; gap: .75rem; justify-content: space-between; }.ecommerce-order-create__variant-selection-heading h5 { color: #25324b; font-size: .92rem; font-weight: 800; margin: 0; }.ecommerce-order-create__variant-selection-heading p { color: #6c757d; font-size: .75rem; margin: .2rem 0 0; }.ecommerce-order-create__variant-selection-heading > strong { color: #435ebe; font-size: .9rem; white-space: nowrap; }.ecommerce-order-create__variant-group { border-top: 1px solid #e5e9f0; padding-top: .7rem; }.ecommerce-order-create__variant-group > strong { color: #33415c; display: block; font-size: .76rem; margin-bottom: .45rem; }.ecommerce-order-create__variant-group > div { display: flex; flex-wrap: wrap; gap: .4rem; }.ecommerce-order-create__variant-group button { background: #fff; border: 1px solid #dfe5ee; border-radius: .35rem; color: #526176; font-size: .74rem; font-weight: 700; padding: .38rem .55rem; }.ecommerce-order-create__variant-group button.is-selected { background: #eef3ff; border-color: #8da2e5; color: #435ebe; }.ecommerce-order-create__variant-hint { align-items: center; background: #f7f9fc; border: 1px solid #e2e7ef; border-radius: .4rem; color: #66758a; display: flex; font-size: .73rem; gap: .4rem; margin: 0; padding: .55rem .65rem; }

@media (max-width: 1199.98px) { .ecommerce-order-create__summary-card { position: static; } }
@media (max-width: 575.98px) {
  .ecommerce-order-create__section-header--action { align-items: stretch; flex-direction: column; }
  .ecommerce-order-create__section-header--action .btn { align-self: flex-start; }
  .ecommerce-order-create__item { grid-template-columns: minmax(0, 1fr) 64px 36px; }
  .ecommerce-order-create__item-total { grid-column: 1 / span 2; grid-row: 2; text-align: left; }
  .ecommerce-order-create__remove { grid-column: 3; grid-row: 1 / span 2; }
  .ecommerce-order-create__results article { grid-template-columns: 42px minmax(0, 1fr); }
  .ecommerce-order-create__results article > .btn { grid-column: 1 / span 2; justify-self: start; }
}