.ecommerce-category-page__title-row, .ecommerce-category-page__title-copy, .ecommerce-category-page__actions, .ecommerce-category-list__controls, .ecommerce-category-list__icon, .ecommerce-category-modal__header, .ecommerce-category-modal__actions { align-items: center; display: flex; }
.ecommerce-category-page__heading { padding-bottom: 1rem; }.ecommerce-category-page__title-row { gap: 1rem; justify-content: space-between; }.ecommerce-category-page__title-copy { gap: .75rem; min-width: 0; }.ecommerce-category-page__title-copy .header-menu-responsive { margin: 0; }.ecommerce-category-page__title-copy h3, .ecommerce-category-modal__header h4 { color: #25324b; letter-spacing: 0; }.ecommerce-category-page__title-copy h3 { margin-bottom: .2rem; }.ecommerce-category-page__actions { flex: 0 0 auto; gap: .6rem; }
.ecommerce-category-list__controls { flex: 0 1 620px; gap: .65rem; justify-content: flex-end; min-width: 0; }.ecommerce-category-list__controls > .form-select { flex: 0 0 210px; min-height: 40px; }.ecommerce-category-list .entity-list__search { flex: 0 1 340px; }.ecommerce-category-list .entity-list__columns, .ecommerce-category-list .entity-list__row, .ecommerce-category-list .entity-list__skeleton-row { grid-template-columns: minmax(220px, 1.5fr) minmax(165px, .85fr) 48px; }.ecommerce-category-list__icon { background: #edf1ff; border-radius: 5px; color: #435ebe; flex: 0 0 auto; font-size: 1.05rem; height: 42px; justify-content: center; width: 42px; }.ecommerce-category-list__updated { color: #667085; font-size: .8rem; }
.ecommerce-category-modal-backdrop { align-items: center; background: rgba(27, 36, 59, .52); display: flex; inset: 0; justify-content: center; padding: 1rem; position: fixed; z-index: 1100; }.ecommerce-category-modal { background: #fff; border-radius: 8px; box-shadow: 0 20px 60px rgba(16, 24, 40, .28); max-width: 480px; overflow: hidden; width: 100%; }.ecommerce-category-modal__header, .ecommerce-category-modal__actions { justify-content: space-between; padding: 1rem 1.25rem; }.ecommerce-category-modal__header { border-bottom: 1px solid #e8ebf0; gap: 1rem; }.ecommerce-category-modal__header h4 { font-size: 1.05rem; margin: 0; }.ecommerce-category-modal__header p { color: #667085; font-size: .8rem; margin: .25rem 0 0; }.ecommerce-category-modal__close { align-items: center; display: inline-flex; height: 34px; justify-content: center; padding: 0; width: 34px; }.ecommerce-category-modal__body { padding: 1.25rem; }.ecommerce-category-modal__actions { border-top: 1px solid #e8ebf0; gap: .6rem; justify-content: flex-end; }
@media (max-width: 767.98px) { .ecommerce-category-page__title-row { align-items: flex-start; }.ecommerce-category-page__actions .btn span { display: none; }.ecommerce-category-page__actions .btn { padding-left: .6rem; padding-right: .6rem; }.ecommerce-category-list__controls { align-items: stretch; flex-direction: column; width: 100%; }.ecommerce-category-list__controls > .form-select, .ecommerce-category-list .entity-list__search { flex: 1 1 auto; width: 100%; } }