npm - @salla.sa/twilight-components - Versions diffs - 2.14.537 → 2.14.539 - Mend

@salla.sa/twilight-components 2.14.537 → 2.14.539

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (685) hide show

package/dist/collection/components/salla-order-edit/salla-order-edit.css CHANGED Viewed

@@ -1,3 +1,774 @@
-:host {
+/*!twlt*/:host {
   display: block;
-}
+}
+.outline {
+  outline-style: solid;
+}
+.filter {
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+.s-order-edit-timer-wrapper {
+  margin-bottom: 1rem;
+  display: flex;
+  justify-content: center;
+}
+.s-order-edit-layout {
+  display: grid;
+  align-items: flex-start;
+  gap: 1.5rem;
+  grid-template-columns: minmax(0,1.35fr) minmax(20rem,1fr);
+}
+@media (max-width: 1080px) {
+  .s-order-edit-layout {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+.s-order-edit-products-panel {
+  border-radius: 1rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  padding: 1.5rem;
+}
+@media (max-width: 768px) {
+  .s-order-edit-products-panel {
+    display: none;
+  }
+}
+.s-order-edit-order-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+  border-radius: 1rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  padding: 1.5rem;
+}
+.s-order-edit-products-header {
+  margin-bottom: 1rem;
+}
+.s-order-edit-products-title {
+  margin: 0px;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+  line-height: 1.6;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-items-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+.s-order-edit-items-title {
+  margin: 0px;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+  line-height: 1.6;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-items-divider {
+  height: 1px;
+  width: 100%;
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 242 247 / var(--tw-bg-opacity, 1));
+}
+.s-order-edit-products-picker {
+  display: flex;
+  min-height: 0px;
+  flex-direction: column;
+  gap: 1rem;
+}
+.s-order-edit-products-modal-content {
+  display: flex;
+  min-height: 0px;
+  flex-direction: column;
+  gap: 1rem;
+  padding: 1rem;
+}
+.s-order-edit-products-search {
+  position: relative;
+  margin-bottom: 1.25rem;
+  display: block;
+}
+.s-order-edit-products-search i {
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  font-size: 1rem;
+  line-height: 1.5rem;
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-products-search i:where([dir="ltr"], [dir="ltr"] *) {
+  left: 1rem;
+}
+.s-order-edit-products-search i:where([dir="rtl"], [dir="rtl"] *) {
+  right: 1rem;
+}
+.s-order-edit-products-search-input {
+  min-height: 3rem;
+  width: 100%;
+  border-radius: 0.875rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.875rem;
+  padding-bottom: 0.875rem;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 200ms;
+}
+.s-order-edit-products-search-input:where([dir="ltr"], [dir="ltr"] *) {
+  padding-left: 2.75rem;
+  padding-right: 1rem;
+}
+.s-order-edit-products-search-input:where([dir="rtl"], [dir="rtl"] *) {
+  padding-right: 2.75rem;
+  padding-left: 1rem;
+}
+.s-order-edit-products-search-input:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  --tw-shadow: 0 0 0 3px rgba(17,24,39,0.08);
+  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.s-order-edit-products-list {
+  min-height: 20rem;
+}
+.s-order-edit-products-list .s-products-list-wrapper {
+  gap: 1rem;
+  grid-template-columns: repeat(2,minmax(0,1fr));
+}
+@media (min-width: 769px) {
+  .s-order-edit-products-list .s-products-list-wrapper {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+.s-order-edit-no-content-placeholder {
+  display: flex;
+  min-height: 14rem;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.75rem;
+  border-radius: 0.875rem;
+  border-width: 1px;
+  border-style: dashed;
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+  padding: 2rem;
+  text-align: center;
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-no-content-placeholder .icon {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-actions {
+  position: sticky;
+  bottom: 1.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  border-radius: 0.875rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+  background-color: rgba(255,255,255,0.94);
+  padding: 1rem;
+  --tw-shadow: 0 12px 30px rgba(15,23,42,0.08);
+  --tw-shadow-colored: 0 12px 30px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  --tw-backdrop-blur: blur(10px);
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+@media (max-width: 768px) {
+  .s-order-edit-actions {
+    position: static;
+    align-items: center;
+    gap: 0.5rem;
+  }
+}
+.s-order-edit-actions salla-button {
+  flex: 0 0 auto;
+}
+@media (max-width: 768px) {
+  .s-order-edit-actions salla-button {
+    display: block;
+    flex: 1 1 0;
+    min-width: 0;
+  }
+}
+.s-order-edit-mobile-products-trigger {
+  display: none;
+}
+@media (max-width: 768px) {
+  .s-order-edit-mobile-products-trigger {
+    display: block;
+  }
+}
+.s-order-edit-mobile-products-trigger-icon:where([dir="ltr"], [dir="ltr"] *) {
+  margin-right: 0.35rem;
+}
+.s-order-edit-mobile-products-trigger-icon:where([dir="rtl"], [dir="rtl"] *) {
+  margin-left: 0.35rem;
+}
+.s-order-edit-mobile-products-modal .s-order-edit-products-list {
+  max-height: min(24rem, calc(100vh - 11rem));
+  min-height: 22rem;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+}
+@media (max-width: 480px) {
+  .s-order-edit-mobile-products-modal .s-order-edit-products-list {
+    min-height: 20rem;
+    max-height: min(22rem, calc(100vh - 10rem));
+  }
+}
+.s-order-edit-mobile-products-modal .products-list .s-products-list-wrapper {
+  gap: 0.625rem;
+  grid-template-columns: repeat(2,minmax(0,1fr));
+}
+.s-order-edit-modal {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+.s-order-edit-modal-title {
+  margin: 0px;
+  text-align: start;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  font-weight: 700;
+  line-height: 1.6;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-modal-subtitle {
+  margin: 0px;
+  margin-top: -0.75rem;
+  text-align: start;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  line-height: 1.5;
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-modal-items {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+.s-order-edit-modal-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  border-bottom-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(238 242 247 / var(--tw-border-opacity, 1));
+  padding-bottom: 0.75rem;
+}
+.s-order-edit-modal-item-start {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+.s-order-edit-modal-item-image {
+  height: 3rem;
+  width: 3rem;
+  border-radius: 0.75rem;
+  object-fit: cover;
+}
+.s-order-edit-modal-item-name {
+  margin: 0px;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 500;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-modal-item-options {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-modal-item-end {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+.s-order-edit-modal-item-price {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 500;
+}
+.s-order-edit-modal-item-quantity {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-modal-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.s-order-edit-modal-row-label {
+  font-weight: 500;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-modal-row-value {
+  font-weight: 700;
+}
+.s-order-edit-modal-tax-label {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-modal-tax-icon {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-modal-total {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  border-top-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(238 242 247 / var(--tw-border-opacity, 1));
+  padding-top: 0.75rem;
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-modal-total-label {
+  font-weight: 500;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-modal-total-value {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 500;
+}
+.s-order-edit-modal-refund {
+  display: flex;
+  align-items: flex-start;
+  gap: 1rem;
+  border-radius: 0.875rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.875rem;
+  padding-bottom: 0.875rem;
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-modal-refund-icon {
+  flex-shrink: 0;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-modal-refund-text {
+  margin: 0px;
+  flex: 1 1 0%;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.s-order-edit-modal-btn-wrapper {
+  margin-top: 0.5rem;
+  display: flex;
+  justify-content: space-between;
+}
+.s-order-edit-modal-btn-wrapper salla-button {
+  width: 100%;
+}
+@media (min-width: 640px) {
+  .s-order-edit-modal-btn-wrapper salla-button {
+    width: auto;
+  }
+}
+.s-order-edit-modal-btn-icon {
+  vertical-align: middle;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+.s-order-edit-expired {
+  display: flex;
+  min-height: 14rem;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.75rem;
+  border-radius: 0.875rem;
+  border-width: 1px;
+  border-style: dashed;
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+  padding: 2rem;
+  text-align: center;
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-expired .icon {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-add-modal {
+  display: flex;
+  min-height: 0px;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: 1rem;
+}
+.s-order-edit-add-modal-content {
+  display: flex;
+  min-height: 0px;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: 1rem;
+}
+.s-order-edit-add-modal-loading {
+  display: flex;
+  min-height: 12rem;
+  flex: 1 1 auto;
+  align-items: center;
+  justify-content: center;
+}
+.s-order-edit-add-modal-header {
+  border-bottom-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(238 242 247 / var(--tw-border-opacity, 1));
+  padding-bottom: 1rem;
+}
+.s-order-edit-add-modal-media {
+  display: flex;
+  align-items: flex-start;
+  gap: 1rem;
+}
+.s-order-edit-add-modal-image {
+  height: 5.5rem;
+  width: 5.5rem;
+  border-radius: 0.875rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+  object-fit: cover;
+}
+.s-order-edit-add-modal-details {
+  display: flex;
+  min-width: 0px;
+  flex: 1 1 0%;
+  flex-direction: column;
+  gap: 0.35rem;
+}
+.s-order-edit-add-modal-name {
+  margin: 0px;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: 700;
+  line-height: 1.6;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-add-modal-price {
+  font-size: 0.95rem;
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-add-modal-quantity {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.s-order-edit-add-modal-section-title {
+  margin: 0px;
+  font-size: 0.9375rem;
+  font-weight: 600;
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-add-modal-quantity-input {
+  flex-shrink: 0;
+}
+.s-order-edit-add-modal-actions {
+  margin-top: auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  border-top-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(238 242 247 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  padding-top: 1rem;
+}
+.s-order-edit-add-modal-actions salla-button {
+  min-width: 4.75rem;
+  flex: 0 0 auto;
+}
+.s-order-edit-item-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.s-order-edit-item-media {
+  display: flex;
+  min-width: 0px;
+  flex: 1 1 0%;
+  gap: 1rem;
+}
+@media (max-width: 640px) {
+  .s-order-edit-item-media {
+    width: 100%;
+  }
+}
+.s-order-edit-item-image {
+  height: 5.5rem;
+  width: 5.5rem;
+  border-radius: 0.875rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+  object-fit: cover;
+}
+.s-order-edit-item-details {
+  display: flex;
+  min-width: 0px;
+  flex: 1 1 0%;
+  flex-direction: column;
+  gap: 0.35rem;
+}
+.s-order-edit-item-name {
+  margin: 0px;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: 700;
+  line-height: 1.6;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-item-link {
+  color: inherit;
+  text-decoration-line: none;
+}
+.s-order-edit-item-price {
+  font-size: 0.95rem;
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-item-weight {
+  margin: 0px;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-item-quantity {
+  margin-top: 1.25rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  border-top-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(238 242 247 / var(--tw-border-opacity, 1));
+  padding-top: 1rem;
+}
+.s-order-edit-item-quantity-label {
+  margin: 0px;
+  font-size: 0.9375rem;
+  font-weight: 600;
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-item-quantity-input {
+  flex-shrink: 0;
+}
+.s-order-edit-item-options {
+  margin-top: 1rem;
+  display: block;
+}
+.s-order-edit-product-card {
+  display: flex;
+  min-height: 100%;
+  width: 100%;
+  cursor: pointer;
+  appearance: none;
+  flex-direction: column;
+  overflow: hidden;
+  border-radius: 0.875rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(238 242 247 / var(--tw-border-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  text-align: start;
+  --tw-shadow: 0 10px 24px rgba(15,23,42,0.04);
+  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 200ms;
+}
+.s-order-edit-product-card:hover {
+  --tw-translate-y: -2px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+  --tw-shadow: 0 16px 30px rgba(15,23,42,0.08);
+  --tw-shadow-colored: 0 16px 30px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+.s-order-edit-product-card:focus-visible {
+  --tw-border-opacity: 1;
+  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
+  --tw-shadow: 0 0 0 3px rgba(17,24,39,0.12);
+  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+@media (max-width: 768px) {
+  .s-order-edit-product-card {
+    border-radius: 0.75rem;
+    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
+  }
+}
+.s-order-edit-product-card-media {
+  display: flex;
+  aspect-ratio: 1 / 1;
+  width: 100%;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  background: linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);
+}
+.s-order-edit-product-card-image {
+  display: block;
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+.s-order-edit-product-card-placeholder {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
+.s-order-edit-product-card-content {
+  display: flex;
+  flex: 1 1 0%;
+  flex-direction: column;
+  gap: 0.5rem;
+  padding: 1rem;
+}
+@media (max-width: 768px) {
+  .s-order-edit-product-card-content {
+    gap: 0.25rem;
+    padding: 0.625rem;
+  }
+}
+.s-order-edit-product-card-title {
+  margin: 0px;
+  font-size: 0.95rem;
+  font-weight: 600;
+  line-height: 1.6;
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+@media (max-width: 768px) {
+  .s-order-edit-product-card-title {
+    display: -webkit-box;
+    overflow: hidden;
+    min-height: 2.35rem;
+    font-size: 0.8125rem;
+    line-height: 1.45;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+}
+.s-order-edit-product-card-price {
+  margin: 0px;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
+}
+@media (max-width: 768px) {
+  .s-order-edit-product-card-price {
+    font-size: 0.875rem;
+  }
+  .s-order-edit-products-panel, .s-order-edit-order-panel {
+    padding: 1rem;
+  }
+  .s-order-edit-actions salla-button .s-button-element {
+    width: 100%;
+    min-width: 0;
+    padding-inline: 0.5rem;
+  }
+  .s-order-edit-mobile-products-modal .s-order-edit-products-modal-content {
+    gap: 0.75rem;
+    padding: 0.875rem;
+  }
+  .s-order-edit-add-modal-media, .s-order-edit-add-modal-quantity {
+    flex-direction: column;
+    align-items: stretch;
+  }
+}