/*
 * The compiled uni-app pages use rpx values. On wide displays that conversion
 * keeps growing, so this layer starts at the tablet breakpoint and caps the
 * scale before rearranging the affected layouts.
 */

:root {
  --responsive-content-max: 1280px;
  --responsive-reading-max: 960px;
  --responsive-form-max: 760px;
  --responsive-gutter: 24px;
  --adaptive-control-min: 44px;
  --adaptive-control-padding-block: 10px;
  --adaptive-control-padding-inline: 16px;
  --adaptive-control-gap: 8px;
}

/* Compiled rpx controls must grow with their labels instead of clipping them. */
body [role="button"],
body .uni-page-head-btn {
  min-width: var(--adaptive-control-min);
  min-height: var(--adaptive-control-min);
  max-width: 100%;
  box-sizing: border-box;
}

/* Swiper indicators are visual pagination, not 44px action buttons. */
body:has(.page-wrapper) .page-wrapper .swiper-container .uni-swiper-dot {
  width: 8px !important;
  min-width: 8px !important;
  height: 8px !important;
  min-height: 8px !important;
  padding: 0 !important;
}

/* Purpose-built banner and card variants fill their fixed aspect ratios without letterboxing. */
body:has(.page-wrapper) .page-wrapper :is(.swiper-image, .goods-image),
body:has(.page-wrapper) .page-wrapper :is(.swiper-image, .goods-image) img,
body:has(.page-wrapper) .page-wrapper :is(.swiper-image, .goods-image) > div,
body:has(.product-list-page) .product-list-page .product-image,
body:has(.product-list-page) .product-list-page .product-image img,
body:has(.product-list-page) .product-list-page .product-image > div {
  object-fit: cover !important;
  object-position: center center !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Detail variants preserve the complete product artwork. */
body:has(.product-detail-page) .product-detail-page .swiper-image,
body:has(.product-detail-page) .product-detail-page .swiper-image img,
body:has(.product-detail-page) .product-detail-page .swiper-image > div {
  object-fit: contain !important;
  object-position: center center !important;
  background-color: #eee7dc;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body [role="button"][class*="-btn"] {
  height: auto !important;
  padding-block: var(--adaptive-control-padding-block) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--adaptive-control-gap);
  line-height: 1.25 !important;
  text-align: center !important;
}

body [role="button"][class*="-btn"] uni-text,
body [role="button"][class*="-btn"] .btn-text,
body [role="button"][class*="-btn"] .code-text {
  max-width: 100%;
  line-height: 1.25 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

body :is(
  .code-btn,
  .copy-btn,
  .detail-btn,
  .search-btn,
  .all-withdraw-btn,
  .share-btn,
  .action-btn,
  .edit-btn,
  .page-btn,
  .buy-btn
) {
  min-width: var(--adaptive-control-min);
  min-height: var(--adaptive-control-min);
  width: fit-content !important;
  max-width: 100%;
  padding: var(--adaptive-control-padding-block) var(--adaptive-control-padding-inline) !important;
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

body :is(
  .code-btn,
  .copy-btn,
  .detail-btn,
  .search-btn,
  .all-withdraw-btn,
  .share-btn,
  .action-btn,
  .edit-btn,
  .page-btn,
  .buy-btn
) uni-text {
  max-width: 100%;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

body :is(.action-buttons, .bottom-actions, .action-btns, .bar-right, .pagination) {
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--adaptive-control-gap);
  box-sizing: border-box;
}

body :is(.form-item, .input-wrapper, .input-box, .search-box, .search-bar, .search-input-box),
body :is(uni-input, input, textarea, .input, .input-field, .search-input) {
  min-width: 0;
  box-sizing: border-box;
}

/* Registration agreement text must flow as one sentence around the checkbox. */
body :is(.register-page, .forgot-page) .agreement-section {
  width: 100%;
  min-width: 0;
  margin: 24px 0 0;
  box-sizing: border-box;
}

body :is(.register-page, .forgot-page) .agreement-label {
  display: block !important;
  width: 100%;
  min-width: 0;
  position: relative;
  padding-left: 48px;
  line-height: 1.7 !important;
  text-align: center;
  box-sizing: border-box;
}

body :is(.register-page, .forgot-page) .agreement-label uni-checkbox {
  display: inline-block !important;
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  margin: 0 !important;
  vertical-align: middle;
  transform: scale(.85) !important;
}

body :is(.register-page, .forgot-page) .agreement-label .agreement-text,
body :is(.register-page, .forgot-page) .agreement-label .agreement-link {
  display: inline !important;
  max-width: none;
  line-height: 1.7 !important;
  vertical-align: baseline;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

/* Reserve the fixed tabbar's safe area on tabbed pages. */
body:has(.page-wrapper) .page-wrapper,
body:has(.purchase-page) .purchase-page,
body:has(.my-page) .my-page {
  padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box;
}

body uni-tabbar.uni-tabbar-bottom,
body uni-tabbar.uni-tabbar-bottom .uni-tabbar {
  min-height: 56px;
  height: 56px;
  box-sizing: border-box;
}

/* Keep the home announcement readable while swiper content is transitioning. */
body:has(.page-wrapper) .notice-container {
  height: 52px !important;
  min-height: 44px;
  padding: 8px 16px !important;
  box-sizing: border-box;
}

body:has(.page-wrapper) .notice-container .notice-content,
body:has(.page-wrapper) .notice-container .notice-swiper-wrapper,
body:has(.page-wrapper) .notice-container .notice-swiper {
  min-width: 0;
  height: 100% !important;
}

body:has(.page-wrapper) .notice-container .notice-swiper uni-swiper-item {
  height: 100% !important;
  display: flex;
  align-items: center;
}

body:has(.page-wrapper) .notice-container .notice-text {
  display: block;
  max-width: 100%;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* Keep purchase announcements visible while their original animation is settling. */
body:has(.purchase-page) .purchase-page .notice-bar {
  min-height: 44px;
  height: auto !important;
  box-sizing: border-box;
}

body:has(.purchase-page) .purchase-page .notice-scroll-wrapper {
  min-width: 0;
  min-height: 36px;
  height: auto !important;
  display: flex;
  align-items: center;
  overflow: hidden;
}

body:has(.purchase-page) .purchase-page .notice-scroll-content {
  display: block;
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
  transform: none !important;
  animation: none !important;
}

body:has(.purchase-page) .purchase-page .notice-text {
  display: block;
  max-width: 100%;
  line-height: 1.4 !important;
  overflow-wrap: anywhere;
}

/* Long labels and rpx-sized controls stay inside their cards on every device. */
body:has(.purchase-list-page) .purchase-list-page .no-permission {
  box-sizing: border-box;
  padding-inline: clamp(16px, 5vw, 60px);
}

body:has(.purchase-list-page) .purchase-list-page .permission-btn {
  width: min(100%, 420px) !important;
  min-width: var(--adaptive-control-min);
  min-height: var(--adaptive-control-min);
  height: auto !important;
  padding: var(--adaptive-control-padding-block) var(--adaptive-control-padding-inline) !important;
  box-sizing: border-box;
  text-align: center;
  overflow-wrap: anywhere;
}

body:has(.purchase-list-page) .purchase-list-page .nav-left,
body:has(.purchase-list-page) .purchase-list-page .nav-right {
  width: min(100px, 14vw) !important;
  min-width: var(--adaptive-control-min);
  box-sizing: border-box;
}

body:has(.purchase-list-page) .purchase-list-page .nav-title,
body:has(.purchase-list-page) .purchase-list-page .goods-grid,
body:has(.purchase-list-page) .purchase-list-page .goods-item,
body:has(.purchase-list-page) .purchase-list-page .goods-info {
  min-width: 0;
}

body:has(.purchase-list-page) .purchase-list-page .goods-name {
  height: auto;
  min-height: 2.8em;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-overflow: clip;
}

body:has(.purchase-list-page) .purchase-list-page .goods-bottom {
  min-width: 0;
  gap: var(--adaptive-control-gap);
  flex-wrap: wrap;
}

body:has(.purchase-list-page) .purchase-list-page .goods-price {
  min-width: 0;
  overflow-wrap: anywhere;
}

body:has(.purchase-list-page) .purchase-list-page .buy-btn {
  flex: 0 0 auto;
}

body:has(.cart-page) .cart-page .item-image,
body:has(.collection-page) .collection-page .product-image {
  width: clamp(76px, 24vw, 192px) !important;
  height: auto !important;
  aspect-ratio: 1;
  object-fit: cover;
  box-sizing: border-box;
}

body:has(.cart-page) .cart-page .cart-item,
body:has(.cart-page) .cart-page .item-content,
body:has(.cart-page) .cart-page .item-info,
body:has(.collection-page) .collection-page .product-item,
body:has(.collection-page) .collection-page .product-info {
  min-width: 0;
}

body:has(.cart-page) .cart-page .item-bottom {
  min-width: 0;
  gap: var(--adaptive-control-gap);
  flex-wrap: wrap;
}

body:has(.cart-page) .cart-page .quantity-control {
  min-height: var(--adaptive-control-min);
  max-width: 100%;
  box-sizing: border-box;
}

body:has(.cart-page) .cart-page .quantity-control :is(.btn-minus, .btn-plus) {
  width: var(--adaptive-control-min) !important;
  min-width: var(--adaptive-control-min);
  height: var(--adaptive-control-min) !important;
  flex: 0 0 var(--adaptive-control-min);
  box-sizing: border-box;
}

body:has(.cart-page) .cart-page .quantity-input {
  width: 52px !important;
  min-width: 44px;
  height: var(--adaptive-control-min) !important;
  box-sizing: border-box;
}

body:has(.contract-page) .contract-page .modal-canvas {
  cursor: crosshair;
  touch-action: none;
  user-select: none;
}

/* Keep the product carousel bounded on wider screens. */
@media (min-width: 640px) {
  body:has(.product-detail-page) .product-detail-page .product-swiper {
    height: min(100vw, 100vh) !important;
    min-height: 0;
    aspect-ratio: 1;
    background: #eee7dc;
  }

  body:has(.product-detail-page) .product-detail-page .swiper-image,
  body:has(.product-detail-page) .product-detail-page .swiper-image img,
  body:has(.product-detail-page) .product-detail-page .swiper-image > div {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    background: #eee7dc;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  body:has(.purchase-page) .purchase-page .notice-bar {
    min-height: 52px;
    height: 52px;
    padding: 8px 24px;
    box-sizing: border-box;
  }

  body:has(.purchase-page) .purchase-page .notice-icon {
    width: 48px;
    height: 28px;
    margin-right: 12px;
  }

  body:has(.purchase-page) .purchase-page .notice-scroll-wrapper {
    min-width: 0;
    height: 36px;
    display: flex;
    align-items: center;
  }

  body:has(.purchase-page) .purchase-page .notice-scroll-content {
    transform: none !important;
  }

  body:has(.purchase-page) .purchase-page .notice-text {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}

body :is(.login-page, .register-page, .forgot-page) :is(.login-card, .register-card, .forgot-card) {
  min-width: 0;
  box-sizing: border-box;
}

body :is(.login-page, .register-page, .forgot-page) .login-tabs {
  justify-content: space-between !important;
  gap: clamp(12px, 5vw, 32px) !important;
}

body :is(.login-page, .register-page, .forgot-page) .tab-item {
  flex: 1 1 0;
  min-width: 0;
  padding: 8px;
  justify-content: center;
  text-align: center;
}

body :is(.login-page, .register-page, .forgot-page) .input-box {
  width: 100%;
  height: auto !important;
  min-height: 54px;
  padding: 6px 8px 6px 16px !important;
  gap: var(--adaptive-control-gap);
}

body :is(.login-page, .register-page, .forgot-page) .input-field {
  width: auto !important;
  flex: 1 1 0;
  font-size: 16px !important;
  line-height: 1.4;
}

body :is(.login-page, .register-page, .forgot-page) .code-btn {
  margin-left: auto;
  border-radius: 12px !important;
  font-size: 14px !important;
}

body :is(.login-page, .register-page, .forgot-page) .code-text {
  font-size: 14px !important;
}

body :is(.login-page, .register-page, .forgot-page) :is(.placeholder-style, .uni-input-placeholder),
body :is(.login-page, .register-page, .forgot-page) input::placeholder {
  color: #767676 !important;
  font-size: 15px !important;
}

body .back-btn {
  width: var(--adaptive-control-min) !important;
  height: var(--adaptive-control-min) !important;
  padding: 0 !important;
  overflow: visible !important;
}

body .back-btn uni-text,
body .back-btn .back-icon {
  font-size: 28px !important;
  line-height: 1 !important;
}

/* Emoji placeholders are removed from the compiled templates; hide their empty wrappers too. */
body :is(.login-page, .register-page, .forgot-page) .input-icon,
body uni-text.search-icon,
body uni-text.empty-icon,
body .express-icon,
body .vip-icon,
body .header-icon,
body .my-page .tab-icon,
body .withdraw-icon,
body .checkout-page .address-icon,
body .pay-icon,
body .address-page .action-btn .icon {
  display: none !important;
}

@media (min-width: 640px) {
  html {
    font-size: 22px !important;
  }

  body {
    background: #f5f5f5;
  }

  uni-page-body {
    width: min(100%, var(--responsive-content-max));
    min-height: 100vh;
    margin-inline: auto;
  }

  body .page-wrapper,
  body .product-list-page,
  body .my-page,
  body .purchase-page,
  body .purchase-list-page,
  body .order-list-page,
  body .contract-page,
  body .notice-detail-page,
  body .address-edit-page,
  body .change-password-page {
    min-width: 0;
  }

  /* Keep home banners proportional instead of letting their rpx height grow. */
  body:has(.page-wrapper) .page-wrapper .swiper-container {
    width: 100%;
    height: auto !important;
    min-height: 12rem;
    max-height: 26rem;
    aspect-ratio: 16 / 7;
    overflow: hidden;
  }

  body:has(.page-wrapper) .page-wrapper .swiper-container .swiper-box,
  body:has(.page-wrapper) .page-wrapper .swiper-container .swiper-image {
    width: 100%;
    height: 100%;
  }

  body:has(.page-wrapper) .page-wrapper .function-menu {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body:has(.page-wrapper) .page-wrapper .menu-item,
  body:has(.page-wrapper) .page-wrapper .goods-item,
  body:has(.product-list-page) .product-list-page .product-item {
    min-width: 0;
  }

  body:has(.page-wrapper) .page-wrapper .goods-list,
  body:has(.product-list-page) .product-list-page .product-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    justify-content: stretch;
    padding: 16px;
  }

  body:has(.page-wrapper) .page-wrapper .goods-list .goods-item,
  body:has(.product-list-page) .product-list-page .product-list .product-item {
    width: auto;
    margin-bottom: 0;
  }

  body:has(.page-wrapper) .page-wrapper .goods-list .goods-image-box,
  body:has(.product-list-page) .product-list-page .product-list .product-image-wrapper {
    height: auto;
    aspect-ratio: 1;
  }

  body:has(.page-wrapper) .page-wrapper .goods-list .goods-image-box .goods-image,
  body:has(.product-list-page) .product-list-page .product-list .product-image-wrapper .product-image {
    width: 100%;
    height: 100%;
  }

  body:has(.page-wrapper) .page-wrapper .goods-list .goods-detail .goods-name,
  body:has(.product-list-page) .product-list-page .product-list .product-info .product-name {
    height: auto;
    min-height: 2.8em;
  }

  body:has(.page-wrapper) .page-wrapper .goods-list .goods-detail .goods-bottom,
  body:has(.product-list-page) .product-list-page .product-list .product-info .product-bottom {
    gap: 8px;
  }

  body:has(.page-wrapper) .page-wrapper .goods-list .goods-detail .goods-bottom {
    flex-direction: column;
    align-items: stretch;
  }

  body:has(.page-wrapper) .page-wrapper .goods-list .goods-detail .goods-bottom .buy-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    text-align: center;
  }

  body:has(.product-list-page) .product-list-page .product-list .product-info .product-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  body:has(.page-wrapper) .page-wrapper .goods-list .goods-detail .goods-bottom .goods-price,
  body:has(.product-list-page) .product-list-page .product-list .product-info .product-bottom .product-sales {
    min-width: 0;
  }

  /* Long-form content and forms remain readable instead of spanning a monitor. */
  body:has(.contract-page) .contract-page {
    padding: var(--responsive-gutter);
    box-sizing: border-box;
  }

  body:has(.contract-page) .contract-page .contract-wrapper,
  body:has(.contract-page) .contract-page .signature-section,
  body:has(.contract-page) .contract-page .signed-section,
  body:has(.notice-detail-page) .notice-detail-page .notice-content {
    width: min(100%, var(--responsive-reading-max));
    margin-inline: auto;
    box-sizing: border-box;
  }

  body:has(.address-edit-page) .address-edit-page,
  body:has(.change-password-page) .change-password-page {
    width: min(100%, var(--responsive-form-max));
    margin-inline: auto;
  }

  body:has(.address-edit-page) .address-edit-page .form-item,
  body:has(.change-password-page) .change-password-page .form-item {
    min-width: 0;
  }

  body:has(.address-edit-page) .address-edit-page .form-item .input,
  body:has(.change-password-page) .change-password-page .form-item .input,
  body:has(.address-edit-page) .address-edit-page .region-value {
    min-width: 0;
  }

  /* Auth pages retain their intended mobile-style form rather than scaling to a desktop canvas. */
  html:has(.login-page),
  html:has(.register-page),
  html:has(.forgot-page) {
    background: #ff5a5f;
  }

  body:has(.login-page),
  body:has(.register-page),
  body:has(.forgot-page) {
    background: #ff5a5f;
  }

  body:has(.login-page) .login-page,
  body:has(.register-page) .register-page,
  body:has(.forgot-page) .forgot-page {
    width: min(100%, 640px);
    margin-inline: auto;
  }

  /* Fixed action bars must align with the responsive page, not the viewport edges. */
  body:has(.add-btn) .add-btn,
  body:has(.bottom-bar) .bottom-bar,
  body:has(.action-buttons) .action-buttons,
  body:has(.bottom-actions) .bottom-actions,
  body:has(.submit-bar) .submit-bar,
  body:has(.pagination) .pagination,
  body:has(.nav-bar) .nav-bar {
    left: max(0px, calc((100vw - var(--responsive-content-max)) / 2));
    right: max(0px, calc((100vw - var(--responsive-content-max)) / 2));
  }

  body:has(.save-btn) .save-btn,
  body:has(.bottom-btn) .bottom-btn,
  body:has(.withdraw-btn) .withdraw-btn {
    left: max(20px, calc((100vw - var(--responsive-content-max)) / 2 + 20px));
    right: max(20px, calc((100vw - var(--responsive-content-max)) / 2 + 20px));
    min-height: 44px;
  }

  body:has(.withdraw-btn) .withdraw-btn {
    margin-inline: 0;
  }

  body:has(.region-picker-content) .region-picker-content,
  body:has(.quantity-picker-content) .quantity-picker-content {
    width: min(100%, 720px);
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  body:has(.city-picker-content) .city-picker-content,
  body:has(.consignment-modal) .consignment-modal .modal-content,
  body:has(.signature-modal) .signature-modal .modal-content {
    width: min(100%, 720px);
    max-height: min(85vh, 780px);
    margin-inline: auto;
  }

  body:has(.signature-modal) .signature-modal .modal-content {
    overflow: auto;
  }

  uni-tabbar.uni-tabbar-bottom,
  uni-tabbar.uni-tabbar-bottom .uni-tabbar {
    left: max(0px, calc((100vw - var(--responsive-content-max)) / 2));
    right: max(0px, calc((100vw - var(--responsive-content-max)) / 2));
    width: auto;
  }
}

@media (min-width: 768px) {
  body:has(.page-wrapper) .page-wrapper .goods-list,
  body:has(.product-list-page) .product-list-page .product-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body:has(.my-page) .my-page .order-section,
  body:has(.my-page) .my-page .trade-section,
  body:has(.my-page) .my-page .app-section {
    margin-inline: var(--responsive-gutter);
  }
}

@media (min-width: 1024px) {
  body:has(.login-page) uni-page-body,
  body:has(.register-page) uni-page-body,
  body:has(.forgot-page) uni-page-body {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  body:has(.login-page) .login-page,
  body:has(.register-page) .register-page,
  body:has(.forgot-page) .forgot-page {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  body:has(.login-page) .top-decoration,
  body:has(.register-page) .top-decoration,
  body:has(.forgot-page) .top-decoration {
    height: 420px;
    padding-top: 52px;
    box-sizing: border-box;
  }

  body:has(.login-page) .login-card,
  body:has(.register-page) .register-card,
  body:has(.forgot-page) .forgot-card {
    width: min(calc(100% - 48px), 640px);
    margin: -240px auto 0;
    box-sizing: border-box;
  }

  body:has(.my-page) .my-page {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: start;
    padding: 0 var(--responsive-gutter) var(--responsive-gutter);
    box-sizing: border-box;
  }

  body:has(.my-page) .my-page .user-header,
  body:has(.my-page) .my-page .copyright,
  body:has(.my-page) .my-page .bottom-space {
    grid-column: 1 / -1;
  }

  body:has(.my-page) .my-page .user-header {
    margin-inline: calc(-1 * var(--responsive-gutter));
  }

  body:has(.my-page) .my-page .order-section,
  body:has(.my-page) .my-page .trade-section,
  body:has(.my-page) .my-page .app-section,
  body:has(.my-page) .my-page .action-button {
    margin: 0;
  }
}

.poster-page {
  position: relative;
  overflow: hidden;
}

.poster-save-btn {
  position: fixed;
  z-index: 600;
  left: 50%;
  bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  display: flex;
  width: min(calc(100% - 40px), 420px);
  min-height: 44px;
  padding: 0 24px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 8px;
  background: #c30e23;
  box-shadow: 0 3px 8px rgb(0 0 0 / 18%);
}

.poster-save-text {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

body .login-page .tab-item,
body .login-page .code-btn,
body .login-page .login-btn,
body .login-page .register-text,
body .purchase-list-page .buy-btn,
body .purchase-list-page .page-btn,
body .purchase-list-page .permission-btn {
  min-width: 44px;
  min-height: 44px;
  box-sizing: border-box;
}

[role="button"]:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #c30e23;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  body *,
  body *::before,
  body *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

.uniui-search[data-v-45a6b600]{display:inline-block!important;flex:0 0 18px!important;width:18px!important;height:26px!important;font-family:inherit!important;background:url('/uploads/local/product-search-icon.png') 0 0/18px 26px no-repeat!important}.uniui-search[data-v-45a6b600]:before{content:''!important}