/* Tía Vicenta v483 · Modal de empanadas mobile-first, sin cambios de lógica */

@media (max-width: 760px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: var(--tv483-viewport-height, 100dvh) !important;
    min-height: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    background: rgba(31, 20, 17, .56) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] *,
  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] *::before,
  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] *::after {
    box-sizing: border-box !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-card {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: var(--tv483-viewport-height, 100dvh) !important;
    max-height: var(--tv483-viewport-height, 100dvh) !important;
    min-height: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--tv461-bg) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-head {
    position: relative !important;
    z-index: 30 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: max(7px, env(safe-area-inset-top)) 10px 7px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-bottom: 1px solid var(--tv461-line) !important;
    background: color-mix(in srgb, var(--tv461-panel) 95%, transparent) !important;
    box-shadow: 0 5px 18px rgba(50, 28, 15, .08) !important;
    backdrop-filter: blur(14px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-product {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 9px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-product > div {
    min-width: 0 !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-img {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    object-fit: cover !important;
    border: 1px solid color-mix(in srgb, var(--tv461-accent) 35%, var(--tv461-line)) !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 14px rgba(78, 42, 17, .12) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .kicker {
    margin-bottom: 1px !important;
    color: var(--tv461-accent-strong) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] #modalTitle {
    margin: 0 !important;
    overflow: hidden !important;
    color: var(--tv461-text) !important;
    font-size: 18px !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-sub {
    display: block !important;
    max-width: 100% !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    color: var(--tv461-muted) !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] #modalCloseBtn {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid var(--tv461-line) !important;
    border-radius: 13px !important;
    background: var(--tv461-panel-strong) !important;
    color: var(--tv461-text) !important;
    font-size: 23px !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-body {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: var(--tv461-bg) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-builder {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-sidebar {
    position: relative !important;
    z-index: 20 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    padding: 8px 9px 7px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid var(--tv461-line) !important;
    background: color-mix(in srgb, var(--tv461-bg) 96%, var(--tv461-panel-strong)) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 7px !important;
    overflow: hidden !important;
    border: 1px solid var(--tv461-line) !important;
    border-radius: 13px !important;
    background: var(--tv461-panel) !important;
    box-shadow: 0 3px 12px rgba(50, 28, 15, .045) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-panel-head {
    min-width: 0 !important;
    min-height: 23px !important;
    align-items: center !important;
    gap: 7px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-panel-head > div > span {
    display: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-panel-head h4 {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] [data-emp-pack-status] {
    min-height: 22px !important;
    max-width: 42% !important;
    padding: 0 7px !important;
    overflow: hidden !important;
    font-size: 8px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-packs {
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 5px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-pack {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 5px !important;
    display: grid !important;
    grid-template-columns: 31px minmax(0, 1fr) !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    gap: 5px !important;
    overflow: hidden !important;
    border-radius: 11px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-pack-number {
    grid-row: auto !important;
    width: 31px !important;
    min-width: 31px !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 9px !important;
    font-size: 16px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-pack-copy {
    min-width: 0 !important;
    gap: 1px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-pack-copy b {
    overflow: hidden !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-pack-copy small {
    font-size: 8px !important;
    line-height: 1 !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-pack-copy em,
  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-pack-check {
    display: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selection-panel {
    min-height: 45px !important;
    padding: 6px 7px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "summary actions"
      "progress progress"
      "chips chips" !important;
    align-items: center !important;
    gap: 4px 6px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selection-summary {
    grid-area: summary !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 6px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selection-count {
    width: 36px !important;
    min-width: 36px !important;
    min-height: 34px !important;
    padding: 3px !important;
    border-radius: 9px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selection-count b {
    font-size: 16px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selection-count span {
    font-size: 8px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selection-summary strong {
    display: block !important;
    overflow: hidden !important;
    font-size: 10px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selection-summary p {
    display: block !important;
    max-height: 20px !important;
    margin: 1px 0 0 !important;
    overflow: hidden !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-progress {
    grid-area: progress !important;
    width: 100% !important;
    height: 4px !important;
    margin: 0 !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selection-actions {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: repeat(2, 30px) !important;
    gap: 4px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selection-actions button {
    width: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 9px !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selection-actions button:first-child::before {
    content: "↶" !important;
    font-size: 16px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selection-actions button:last-child::before {
    content: "⌫" !important;
    font-size: 15px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selected-list {
    grid-area: chips !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    max-height: 31px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selected-list::-webkit-scrollbar {
    display: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selected-list:not(:has(.tv461-selected-chip)) {
    display: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selected-chip {
    flex: 0 0 auto !important;
    min-height: 28px !important;
    max-width: 150px !important;
    grid-template-columns: 19px 15px minmax(0, 1fr) 15px !important;
    gap: 3px !important;
    padding: 2px 5px 2px 3px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selected-chip b {
    width: 19px !important;
    height: 19px !important;
    font-size: 8px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selected-chip em {
    font-size: 8px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selected-chip i {
    width: 15px !important;
    height: 15px !important;
    font-size: 11px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-toolbar {
    position: relative !important;
    z-index: 10 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 6px 9px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    overflow: hidden !important;
    border-bottom: 1px solid var(--tv461-line) !important;
    background: var(--tv461-bg) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-toolbar-title {
    display: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-search {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    grid-template-columns: 22px minmax(0, 1fr) 30px !important;
    border-radius: 12px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-search input {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-filters {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    gap: 4px !important;
    padding: 0 0 1px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-filters::-webkit-scrollbar {
    display: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-filters button {
    flex: 0 0 auto !important;
    min-width: auto !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    white-space: nowrap !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-scroll {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 5px 8px 13px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    scroll-padding-top: 39px !important;
    scrollbar-width: thin !important;
    scrollbar-color: color-mix(in srgb, var(--tv461-accent) 70%, transparent) transparent !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-groups,
  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-group,
  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-group-list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-group {
    gap: 4px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-group + .tv461-emp-group {
    margin-top: 7px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-group-head {
    position: sticky !important;
    top: -5px !important;
    z-index: 6 !important;
    width: 100% !important;
    min-height: 34px !important;
    padding: 5px 7px !important;
    border-radius: 9px !important;
    background: color-mix(in srgb, var(--tv461-bg) 96%, transparent) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-group-head h5 {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-group-head p {
    display: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-group-head > span {
    min-width: 25px !important;
    min-height: 25px !important;
    font-size: 8px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-group-list {
    display: grid !important;
    gap: 4px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-flavor {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 5px !important;
    display: grid !important;
    grid-template-columns: 34px 30px minmax(0, 1fr) 94px !important;
    align-items: center !important;
    gap: 5px !important;
    overflow: hidden !important;
    border-radius: 11px !important;
    box-shadow: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-toggle {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    font-size: 15px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-emoji {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
    font-size: 15px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-copy {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-copy strong {
    display: block !important;
    overflow: hidden !important;
    font-size: 10px !important;
    line-height: 1.12 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-copy small {
    display: block !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    font-size: 8px !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-steps {
    width: 94px !important;
    min-width: 94px !important;
    display: grid !important;
    grid-template-columns: 34px 22px 34px !important;
    align-items: center !important;
    gap: 2px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-step {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    font-size: 17px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-steps output {
    min-width: 22px !important;
    font-size: 13px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-foot {
    position: relative !important;
    z-index: 40 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 62px !important;
    padding: 6px 8px max(6px, env(safe-area-inset-bottom)) !important;
    display: grid !important;
    grid-template-columns: 65px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 6px !important;
    overflow: hidden !important;
    border-top: 1px solid var(--tv461-line) !important;
    background: color-mix(in srgb, var(--tv461-panel) 97%, transparent) !important;
    box-shadow: 0 -8px 24px rgba(44, 24, 13, .08) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-total {
    min-width: 0 !important;
    display: grid !important;
    gap: 1px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-total small {
    font-size: 7px !important;
    letter-spacing: .08em !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] #modalTotal {
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-actions {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 62px minmax(0, 1fr) !important;
    gap: 5px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-actions .btn {
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    padding: 4px 7px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    font-size: 9px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] #modalAddBtn {
    border-color: color-mix(in srgb, var(--tv461-accent) 70%, transparent) !important;
    background: linear-gradient(135deg, var(--tv461-accent), var(--tv461-accent-strong)) !important;
    color: #241309 !important;
    box-shadow: 0 5px 16px color-mix(in srgb, var(--tv461-accent) 30%, transparent) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] #modalAddBtn > b {
    display: block !important;
    overflow: hidden !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] #modalAddBtn > small {
    display: block !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    font-size: 7px !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.modal-open {
    overflow: hidden !important;
    touch-action: none !important;
  }
}

@media (max-width: 360px) {
  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-sub,
  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-emoji {
    display: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-product {
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-img {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-flavor {
    grid-template-columns: 32px minmax(0, 1fr) 90px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-toggle,
  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-step {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-steps {
    width: 90px !important;
    min-width: 90px !important;
    grid-template-columns: 32px 22px 32px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-foot {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-actions {
    grid-template-columns: 55px minmax(0, 1fr) !important;
  }
}

@media (max-width: 760px) and (max-height: 680px) {
  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-head {
    min-height: 52px !important;
    padding-top: max(5px, env(safe-area-inset-top)) !important;
    padding-bottom: 5px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-img {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-product {
    grid-template-columns: 36px minmax(0, 1fr) !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-sub {
    display: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-sidebar {
    padding: 5px 7px !important;
    gap: 4px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-panel {
    padding: 5px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-panel-head {
    min-height: 18px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-pack {
    min-height: 43px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-pack-number {
    height: 33px !important;
    min-height: 33px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selection-panel {
    min-height: 39px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-selected-list {
    display: none !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-toolbar {
    padding: 4px 7px !important;
    gap: 3px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-search {
    min-height: 34px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-search input {
    height: 32px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .tv461-emp-filters button {
    min-height: 27px !important;
    height: 27px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-foot {
    min-height: 56px !important;
    padding-top: 4px !important;
  }

  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] .modal-actions .btn {
    min-height: 42px !important;
    height: 42px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body #productModal[data-type="empanadas"][data-emp-ui="v461"] * {
    animation: none !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}