/* Scoped reset: theme element defaults must not leak into the body-mounted panel.
 * Component declarations below intentionally outrank this reset. */
:where(body #ros-live-selection),
:where(body #ros-live-selection) * {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  float: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  text-decoration: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  font-family: "Bai Jamjuree", Arial, sans-serif !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-shadow: none !important;
  text-indent: 0 !important;
}
:where(body #ros-live-selection) *::before,
:where(body #ros-live-selection) *::after { content: none !important; }
#ros-live-selection { display: none !important; }
@media (max-width: 1366px) {
  body #ros-live-selection {
    display: flex !important; flex-direction: column !important; gap: 10px !important; position: fixed !important;
    bottom: calc(var(--ros-live-bottom, 16px) + env(safe-area-inset-bottom, 0px)) !important;
    left: 50% !important; right: auto !important; transform: translateX(-50%) !important;
    width: min(480px, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important;
    z-index: 9990 !important; box-sizing: border-box !important; color: #222938 !important;
    font: 14px/1.45 "Bai Jamjuree", Arial, sans-serif !important; text-align: left !important;
  }
  body #ros-live-selection[hidden], body #ros-live-selection [hidden] { display: none !important; }
  #ros-live-selection *, #ros-live-selection *::before, #ros-live-selection *::after { box-sizing: border-box !important; }
  body #ros-live-selection .ros-live-selection-toggle {
    display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-height: 76px !important;
    margin: 0 !important; padding: 16px 20px !important; border: 1px solid #e5e7eb !important; border-radius: 24px !important; box-shadow: 0 8px 32px #1b263b18 !important;
    background: #fff !important; color: #222938 !important; cursor: pointer !important; text-align: left !important;
    font: inherit !important; text-transform: none !important; letter-spacing: normal !important;
  }
  #ros-live-selection button:focus-visible { outline: 3px solid #2876c4 !important; outline-offset: -4px !important; }
  #ros-live-selection .ros-live-selection-icon { width: 25px !important; height: 25px !important; flex: 0 0 25px !important; }
  #ros-live-selection .ros-live-selection-heading { flex: 1 !important; min-width: 0 !important; }
  #ros-live-selection .ros-live-selection-title { display: block !important; font-size: 15px !important; font-weight: 700 !important; }
  #ros-live-selection .ros-live-selection-subtitle { display: block !important; font-size: 13px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  #ros-live-selection .ros-live-selection-subtitle { margin-top: 3px !important; color: #737c8b !important; font-size: 12px !important; }
  #ros-live-selection .ros-live-selection-total { max-width: 34% !important; font-size: 16px !important; color: #328067 !important; line-height: 1.2 !important; text-align: right !important; }
  #ros-live-selection .ros-live-selection-total:empty { display: none !important; }
  #ros-live-selection .ros-live-selection-chevron { flex: 0 0 9px !important; height: 9px !important; border-top: 2px solid currentColor !important; border-left: 2px solid currentColor !important; transform: rotate(45deg) !important; font-size: 0 !important; margin: 5px 2px 0 4px !important; }
  #ros-live-selection.is-expanded .ros-live-selection-chevron { transform: rotate(225deg) !important; margin-top: -5px !important; }
  #ros-live-selection .ros-live-selection-details {
    padding: 22px !important; max-height: min(68dvh, var(--ros-live-max-height, 580px)) !important;
    overflow: auto !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important;
    background: linear-gradient(160deg, #fff 80%, #f6f8fc) !important; border: 1px solid #e5e7eb !important;
    border-radius: 26px !important; box-shadow: 0 16px 60px #1b263b26 !important; scrollbar-width: thin !important;
  }
  #ros-live-selection .ros-live-selection-toolbar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-bottom: 18px !important; }
  #ros-live-selection .ros-live-selection-sheet-title { font-size: 18px !important; letter-spacing: -.025em !important; }
  body #ros-live-selection .ros-live-selection-close { flex-shrink: 0 !important; width: 36px !important; height: 36px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: #f3f5f7 !important; color: #778190 !important; font: 25px/1 "Bai Jamjuree", Arial, sans-serif !important; text-transform: none !important; letter-spacing: normal !important; box-shadow: none !important; cursor: pointer !important; transition: background .18s, color .18s !important; }
  #ros-live-selection .ros-live-selection-close:hover { background: #f4f6f8 !important; }
  #ros-live-selection .ros-live-selection-device-card { display: flex !important; align-items: center !important; gap: 18px !important; padding: 16px !important; background: #f5f7fa !important; border-radius: 18px !important; }
  #ros-live-selection .ros-live-selection-device { display: block !important; width: 64px !important; height: 84px !important; object-fit: contain !important; flex: 0 0 64px !important; margin: 0 !important; }
  #ros-live-selection .ros-live-selection-device-info { min-width: 0 !important; overflow-wrap: anywhere !important; }
  #ros-live-selection .ros-live-selection-model { display: block !important; font-size: 17px !important; line-height: 1.3 !important; margin: 3px 0 8px !important; letter-spacing: -.02em !important; }
  #ros-live-selection .ros-live-selection-color { display: inline-block !important; background: #fff !important; border: 1px solid #e2e7ed !important; border-radius: 999px !important; padding: 2px 9px !important; font-size: 12px !important; }
  #ros-live-selection .ros-live-selection-modelnumber { margin-top: 8px !important; font-size: 10px !important; line-height: 1.5 !important; }
  #ros-live-selection .ros-live-selection-section-title { margin: 20px 0 10px !important; font: inherit !important; font-size: 12px !important; font-weight: 600 !important; color: #7b8595 !important; }
  #ros-live-selection .ros-live-selection-row { display: flex !important; justify-content: space-between !important; gap: 14px !important; padding: 5px 0 !important; }
  #ros-live-selection .ros-live-selection-row > * { min-width: 0 !important; overflow-wrap: anywhere !important; }
  #ros-live-selection .ros-live-selection-row > span { flex: 1 !important; color: #52647a !important; }
  #ros-live-selection .ros-live-selection-row > strong { max-width: 48% !important; text-align: right !important; font-size: inherit !important; }
  #ros-live-selection .ros-live-selection-item { display: flex !important; align-items: center !important; gap: 9px !important; border: 1px solid #e0e7f0 !important; border-radius: 13px !important; margin-top: 6px !important; padding: 8px 10px !important; background: #fff !important; font-size: 12px !important; animation: ros-selection-item-in .2s ease-out !important; }
  #ros-live-selection .ros-live-selection-item-copy { flex: 1 !important; min-width: 0 !important; }
  #ros-live-selection .ros-live-selection-item .ros-live-selection-row { gap: 8px !important; padding: 2px 0 !important; align-items: baseline !important; }
  #ros-live-selection .ros-live-selection-item small { font-size: 10px !important; }
  #ros-live-selection .ros-live-selection-repair-image { width: 34px !important; height: 40px !important; flex: 0 0 34px !important; object-fit: contain !important; border-radius: 8px !important; }
  body #ros-live-selection .ros-live-selection-remove { flex: 0 0 32px !important; width: 32px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important; background: #fff1f1 !important; color: #d65a61 !important; font: 22px/1 "Bai Jamjuree", Arial, sans-serif !important; cursor: pointer !important; transition: background .18s, transform .18s !important; }
  #ros-live-selection .ros-live-selection-remove:hover { background: #ffe1e3 !important; transform: scale(1.06) !important; }
  #ros-live-selection .ros-live-selection-scroll-hint { position: absolute !important; bottom: 86px !important; left: 1px !important; right: 1px !important; padding: 22px 12px 8px !important; border-radius: 0 0 24px 24px !important; background: linear-gradient(transparent, #fff 50%) !important; text-align: center !important; color: #64748b !important; font-size: 11px !important; font-weight: 600 !important; pointer-events: none !important; animation: ros-selection-item-in .2s ease-out !important; }
  #ros-live-selection .ros-live-selection-details { padding-bottom: 34px !important; transform-origin: bottom center !important; }
  #ros-live-selection .ros-live-selection-chevron { transition: transform .2s ease !important; }
  #ros-live-selection .ros-live-selection-item .ros-live-selection-row > span { flex: 3 !important; font-weight: 600 !important; color: #172338 !important; }
  #ros-live-selection small { display: block !important; color: #66778a !important; font-size: 11px !important; }
  #ros-live-selection .ros-live-selection-discount { display: inline-block !important; margin-top: 7px !important; padding: 2px 8px !important; border-radius: 999px !important; background: #edf8f1 !important; color: #328067 !important; font-weight: 600 !important; }
  #ros-live-selection .ros-live-selection-service { margin-top: 18px !important; padding-top: 12px !important; border-top: 1px solid #e6eaf0 !important; font-size: 12px !important; }
  #ros-live-selection .ros-live-selection-pricing { margin-top: 18px !important; padding-top: 12px !important; border-top: 1px solid #e6eaf0 !important; }
  #ros-live-selection .is-total > span { color: #222938 !important; font-weight: 700 !important; }
  #ros-live-selection .is-total > strong { color: #328067 !important; font-weight: 700 !important; }
  #ros-live-selection .ros-live-selection-vat { margin-top: 12px !important; }
  #ros-live-selection .is-total { border-top: 1px solid #d4e1ef !important; margin-top: 8px !important; padding-top: 10px !important; font-size: 16px !important; }
  #ros-live-selection .ros-live-selection-empty { margin: 12px 0 0 !important; color: #66778a !important; }
  #ros-live-selection .ros-live-selection-status { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; }
  body.ros-live-selection-visible .ros-frontend-wizard { padding-bottom: 104px !important; }
  body.ros-live-selection-visible #ros-repairs-summary:not(.is-inline-step4) { display: none !important; }
}
@media (max-width: 540px) {
  body #ros-live-selection .ros-live-selection-toggle { padding: 14px 16px !important; border-radius: 20px !important; }
  #ros-live-selection .ros-live-selection-details { padding: 16px 16px 34px !important; border-radius: 22px !important; }
  #ros-live-selection .ros-live-selection-device-card { padding: 12px !important; gap: 12px !important; }
  #ros-live-selection .ros-live-selection-sheet-title { font-size: 16px !important; }
}
@media print { body #ros-live-selection { display: none !important; } }
@keyframes ros-selection-item-in {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  #ros-live-selection *, #ros-live-selection *::before, #ros-live-selection *::after { animation: none !important; transition: none !important; }
}