.elementor-3713 .elementor-element.elementor-element-f8c1efa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-3713 .elementor-element.elementor-element-ecfcee4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3713 .elementor-element.elementor-element-450f47c .elementor-heading-title{color:#14181A;}.elementor-3713 .elementor-element.elementor-element-6c3f2e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3713 .elementor-element.elementor-element-32f323d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3713 .elementor-element.elementor-element-077d920 .elementor-heading-title{color:#000000;}.elementor-3713 .elementor-element.elementor-element-df2c09a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3713 .elementor-element.elementor-element-de149b9 .elementor-heading-title{color:#050607;}.elementor-3713 .elementor-element.elementor-element-a0e8cce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3713 .elementor-element.elementor-element-8aa492a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-3713 .elementor-element.elementor-element-208ab96 .elementor-heading-title{color:#101416;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3713 .elementor-element.elementor-element-1903aa0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3713 .elementor-element.elementor-element-c1585f1 .elementor-heading-title{color:#1C1F20;}.elementor-3713 .elementor-element.elementor-element-c46734f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3713 .elementor-element.elementor-element-80b4b4b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3713 .elementor-element.elementor-element-dc21ccb .elementor-heading-title{color:#161A1B;}.elementor-3713 .elementor-element.elementor-element-58f0169 .elementor-heading-title{color:#0D0F10;}#elementor-popup-modal-3713 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-3713{background-color:rgba(0,0,0,.8);justify-content:flex-end;align-items:center;pointer-events:all;}#elementor-popup-modal-3713 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-3713 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-3713 .elementor-element.elementor-element-f8c1efa{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-f8c1efa *//*
 * UOOBEO Popup 3713 最终整合维护版。
 * 已删除被后续同选择器覆盖的历史属性，并保留原有层叠顺序。
 * 使用时请整份替换旧 CSS，不要与旧版重复粘贴。
 */

/* 弹窗主容器。 */
.uoobeo-product-configurator {
  --uoobeo-ink: #242424; /* 定义主要文字颜色，当前值为 #242424。 */
  --uoobeo-muted: #6c6c6c; /* 定义次要文字颜色，当前值为 #6c6c6c。 */
  --uoobeo-line: #dedede; /* 定义分隔线颜色，当前值为 #dedede。 */
  --uoobeo-soft: #f7f7f7; /* 定义浅色卡片背景，当前值为 #f7f7f7。 */
  --uoobeo-control: #e9edf3; /* 定义控件禁用背景，当前值为 #e9edf3。 */
  --uoobeo-accent: #e43d00; /* 定义主操作按钮颜色，当前值为 #e43d00。 */
  display: flex; /* 设置元素显示方式，当前值为 flex。 */
  flex-direction: column; /* 设置弹性布局方向，当前值为 column。 */
  width: 600px; /* 设置元素宽度，当前值为 600px。 */
  max-width: calc(100vw - 8px); /* 限制最大宽度，当前值为 calc(100vw - 8px)。 */
  height: 100%; /* 设置元素高度，当前值为 100%。 */
  max-height: 920px; /* 限制最大高度，当前值为 920px。 */
  overflow: hidden; /* 设置内容溢出处理，当前值为 hidden。 */
  border-radius: 0 0 0 8px; /* 设置圆角大小，当前值为 0 0 0 8px。 */
  background: #fff; /* 设置背景样式，当前值为 #fff。 */
  color: var(--uoobeo-ink); /* 设置文字颜色，当前值为 var(--uoobeo-ink)。 */
  font-family: Arial, "Microsoft YaHei", sans-serif; /* 设置字体族，当前值为 Arial, "Microsoft YaHei", sans-serif。 */
  font-size: 15px; /* 设置字体大小，当前值为 15px。 */
  line-height: 1.4; /* 设置文字行高，当前值为 1.4。 */
  letter-spacing: 0; /* 设置字符间距，当前值为 0。 */
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.14); /* 设置阴影效果，当前值为 -10px 0 30px rgba(0, 0, 0, 0.14)。 */
}

.uoobeo-product-configurator,
.uoobeo-product-configurator * {
  box-sizing: border-box; /* 设置盒模型计算方式，当前值为 border-box。 */
}

.uoobeo-product-configurator.e-con {
  gap: 0 !important; /* 设置子元素间距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
}

.uoobeo-product-configurator button,
.uoobeo-product-configurator h2,
.uoobeo-product-configurator h3,
.uoobeo-product-configurator strong,
.uoobeo-product-configurator span,
.uoobeo-product-configurator output,
.uoobeo-product-configurator del {
  font-family: inherit; /* 设置字体族，当前值为 inherit。 */
  letter-spacing: 0; /* 设置字符间距，当前值为 0。 */
}

/* 弹窗顶部标题区域。 */
.uoobeo-product-configurator__header {
  position: relative; /* 设置定位方式，当前值为 relative。 */
  flex: 0 0 72px; /* 设置弹性伸缩参数，当前值为 0 0 72px。 */
  min-height: 72px; /* 设置最小高度，当前值为 72px。 */
  padding: 25px 24px 0; /* 设置内边距，当前值为 25px 24px 0。 */
}

.uoobeo-product-configurator__title {
  margin: 0; /* 设置外边距，当前值为 0。 */
  color: var(--uoobeo-ink); /* 设置文字颜色，当前值为 var(--uoobeo-ink)。 */
  font-size: 20px; /* 设置字体大小，当前值为 20px。 */
  font-weight: 700; /* 设置字体粗细，当前值为 700。 */
  line-height: 28px; /* 设置文字行高，当前值为 28px。 */
}

/* 弹窗主容器。 */
.uoobeo-product-configurator__close {
  position: absolute; /* 设置定位方式，当前值为 absolute。 */
  top: 20px; /* 设置顶部定位距离，当前值为 20px。 */
  right: 13px; /* 设置右侧定位距离，当前值为 13px。 */
  display: grid; /* 设置元素显示方式，当前值为 grid。 */
  place-items: center; /* 设置网格内容居中方式，当前值为 center。 */
  width: 44px; /* 设置元素宽度，当前值为 44px。 */
  height: 44px; /* 设置元素高度，当前值为 44px。 */
  padding: 0; /* 设置内边距，当前值为 0。 */
  border: 0; /* 设置边框样式，当前值为 0。 */
  border-radius: 0; /* 设置圆角大小，当前值为 0。 */
  background: transparent; /* 设置背景样式，当前值为 transparent。 */
  color: #666; /* 设置文字颜色，当前值为 #666。 */
  font-size: 34px; /* 设置字体大小，当前值为 34px。 */
  font-weight: 300; /* 设置字体粗细，当前值为 300。 */
  line-height: 1; /* 设置文字行高，当前值为 1。 */
  cursor: pointer; /* 设置鼠标指针样式，当前值为 pointer。 */
}

.uoobeo-product-configurator__close:hover,
.uoobeo-product-configurator__close:focus-visible {
  background: #f3f3f3; /* 设置背景样式，当前值为 #f3f3f3。 */
  color: #111; /* 设置文字颜色，当前值为 #111。 */
  outline: none; /* 设置轮廓线，当前值为 none。 */
}

/* 中间滚动区域。 */
.uoobeo-product-configurator__scroll {
  flex: 1 1 auto; /* 设置弹性伸缩参数，当前值为 1 1 auto。 */
  min-height: 0; /* 设置最小高度，当前值为 0。 */
  overflow-x: hidden; /* 设置横向溢出处理，当前值为 hidden。 */
  overflow-y: auto; /* 设置纵向溢出处理，当前值为 auto。 */
  overscroll-behavior: contain; /* 限制滚动边界传递，当前值为 contain。 */
  scrollbar-width: thin; /* 设置滚动条宽度，当前值为 thin。 */
  scrollbar-color: #999 transparent; /* 设置滚动条颜色，当前值为 #999 transparent。 */
}

.uoobeo-product-configurator__scroll.e-con {
  gap: 0 !important; /* 设置子元素间距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
}

.uoobeo-product-configurator__scroll::-webkit-scrollbar {
  width: 6px; /* 设置元素宽度，当前值为 6px。 */
}

.uoobeo-product-configurator__scroll::-webkit-scrollbar-thumb {
  border-radius: 3px; /* 设置圆角大小，当前值为 3px。 */
  background: #999; /* 设置背景样式，当前值为 #999。 */
}

/* 阶梯批发价格区域。 */
.uoobeo-tier-pricing {
  margin: 0 24px; /* 设置外边距，当前值为 0 24px。 */
  padding: 1px 0 29px; /* 设置内边距，当前值为 1px 0 29px。 */
  border-bottom: 1px solid var(--uoobeo-line); /* 设置底部边框，当前值为 1px solid var(--uoobeo-line)。 */
}

.uoobeo-tier-pricing__badge {
  display: inline-flex; /* 设置元素显示方式，当前值为 inline-flex。 */
  align-items: center; /* 设置交叉轴对齐方式，当前值为 center。 */
  min-height: 19px; /* 设置最小高度，当前值为 19px。 */
  margin-bottom: 10px; /* 设置底部外边距，当前值为 10px。 */
  padding: 2px 5px; /* 设置内边距，当前值为 2px 5px。 */
  border-radius: 2px; /* 设置圆角大小，当前值为 2px。 */
  background: #e60000; /* 设置背景样式，当前值为 #e60000。 */
  color: #fff; /* 设置文字颜色，当前值为 #fff。 */
  font-size: 12px; /* 设置字体大小，当前值为 12px。 */
  font-weight: 700; /* 设置字体粗细，当前值为 700。 */
  line-height: 15px; /* 设置文字行高，当前值为 15px。 */
}

.uoobeo-tier-pricing__grid {
  display: grid; /* 设置元素显示方式，当前值为 grid。 */
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* 设置网格列宽，当前值为 repeat(4, minmax(0, 1fr))。 */
  gap: 16px; /* 设置子元素间距，当前值为 16px。 */
}

.uoobeo-tier-pricing__item {
  min-width: 0; /* 设置最小宽度，当前值为 0。 */
}

.uoobeo-tier-pricing__price,
.uoobeo-tier-pricing__regular,
.uoobeo-tier-pricing__range {
  display: block; /* 设置元素显示方式，当前值为 block。 */
  white-space: nowrap; /* 设置文字换行方式，当前值为 nowrap。 */
}

.uoobeo-tier-pricing__price {
  color: var(--uoobeo-ink); /* 设置文字颜色，当前值为 var(--uoobeo-ink)。 */
  font-size: 26px; /* 设置字体大小，当前值为 26px。 */
  font-weight: 700; /* 设置字体粗细，当前值为 700。 */
  line-height: 31px; /* 设置文字行高，当前值为 31px。 */
}

.uoobeo-tier-pricing__regular {
  margin-top: 1px; /* 设置顶部外边距，当前值为 1px。 */
  color: #777; /* 设置文字颜色，当前值为 #777。 */
  font-size: 13px; /* 设置字体大小，当前值为 13px。 */
  font-weight: 400; /* 设置字体粗细，当前值为 400。 */
  line-height: 18px; /* 设置文字行高，当前值为 18px。 */
}

.uoobeo-tier-pricing__range {
  color: #5f5f5f; /* 设置文字颜色，当前值为 #5f5f5f。 */
  font-size: 13px; /* 设置字体大小，当前值为 13px。 */
  line-height: 18px; /* 设置文字行高，当前值为 18px。 */
}

/* 组件兼容样式。 */
.uoobeo-product-options {
  padding: 20px 24px 0; /* 设置内边距，当前值为 20px 24px 0。 */
}

.uoobeo-option-group__label {
  margin: 0 0 9px; /* 设置外边距，当前值为 0 0 9px。 */
  color: var(--uoobeo-ink); /* 设置文字颜色，当前值为 var(--uoobeo-ink)。 */
  font-size: 16px; /* 设置字体大小，当前值为 16px。 */
  font-weight: 400; /* 设置字体粗细，当前值为 400。 */
  line-height: 22px; /* 设置文字行高，当前值为 22px。 */
}

.uoobeo-option-chip {
  min-height: 37px; /* 设置最小高度，当前值为 37px。 */
  padding: 7px 12px; /* 设置内边距，当前值为 7px 12px。 */
  border: 1px solid #888; /* 设置边框样式，当前值为 1px solid #888。 */
  border-radius: 4px; /* 设置圆角大小，当前值为 4px。 */
  background: #fff; /* 设置背景样式，当前值为 #fff。 */
  color: var(--uoobeo-ink); /* 设置文字颜色，当前值为 var(--uoobeo-ink)。 */
  font-size: 15px; /* 设置字体大小，当前值为 15px。 */
  line-height: 21px; /* 设置文字行高，当前值为 21px。 */
  cursor: pointer; /* 设置鼠标指针样式，当前值为 pointer。 */
}

.uoobeo-option-chip.is-selected {
  border-color: #333; /* 设置边框颜色，当前值为 #333。 */
}

.uoobeo-option-group--color {
  margin-top: 20px; /* 设置顶部外边距，当前值为 20px。 */
}

.uoobeo-option-group--color .uoobeo-option-group__label {
  margin-bottom: 10px; /* 设置底部外边距，当前值为 10px。 */
}

/* 颜色规格列表。 */
.uoobeo-variant-list {
  display: grid; /* 设置元素显示方式，当前值为 grid。 */
  gap: 12px; /* 设置子元素间距，当前值为 12px。 */
}

.uoobeo-variant-row {
  display: grid; /* 设置元素显示方式，当前值为 grid。 */
  grid-template-columns: 64px minmax(120px, 1fr) auto 112px; /* 设置网格列宽，当前值为 64px minmax(120px, 1fr) auto 112px。 */
  align-items: center; /* 设置交叉轴对齐方式，当前值为 center。 */
  gap: 8px; /* 设置子元素间距，当前值为 8px。 */
  min-height: 63px; /* 设置最小高度，当前值为 63px。 */
}

.uoobeo-color-swatch {
  position: relative; /* 设置定位方式，当前值为 relative。 */
  display: block; /* 设置元素显示方式，当前值为 block。 */
  width: 64px; /* 设置元素宽度，当前值为 64px。 */
  height: 64px; /* 设置元素高度，当前值为 64px。 */
  border-radius: 7px; /* 设置圆角大小，当前值为 7px。 */
}

.uoobeo-color-swatch--black,
.uoobeo-color-swatch--dark {
  border: 2px solid #fff; /* 设置边框样式，当前值为 2px solid #fff。 */
  outline: 1px solid #111; /* 设置轮廓线，当前值为 1px solid #111。 */
  outline-offset: -1px; /* 设置轮廓线偏移，当前值为 -1px。 */
  background: #050505; /* 设置背景样式，当前值为 #050505。 */
}

.uoobeo-color-swatch--khaki {
  background: #c3ae88; /* 设置背景样式，当前值为 #c3ae88。 */
}

.uoobeo-variant-row__name {
  padding-left: 1px; /* 设置左侧内边距，当前值为 1px。 */
  color: #333; /* 设置文字颜色，当前值为 #333。 */
  font-size: 15px; /* 设置字体大小，当前值为 15px。 */
  line-height: 21px; /* 设置文字行高，当前值为 21px。 */
}

.uoobeo-variant-row__price {
  min-width: 76px; /* 设置最小宽度，当前值为 76px。 */
  padding-right: 8px; /* 设置右侧内边距，当前值为 8px。 */
  color: #333; /* 设置文字颜色，当前值为 #333。 */
  font-size: 15px; /* 设置字体大小，当前值为 15px。 */
  line-height: 21px; /* 设置文字行高，当前值为 21px。 */
  text-align: right; /* 设置文字对齐方式，当前值为 right。 */
  white-space: nowrap; /* 设置文字换行方式，当前值为 nowrap。 */
}

/* 数量输入控件。 */
.uoobeo-quantity-stepper {
  display: grid; /* 设置元素显示方式，当前值为 grid。 */
  grid-template-columns: 32px 46px 32px; /* 设置网格列宽，当前值为 32px 46px 32px。 */
  align-items: center; /* 设置交叉轴对齐方式，当前值为 center。 */
  justify-self: end; /* 设置当前网格项水平对齐，当前值为 end。 */
  width: 112px; /* 设置元素宽度，当前值为 112px。 */
  height: 33px; /* 设置元素高度，当前值为 33px。 */
  overflow: hidden; /* 设置内容溢出处理，当前值为 hidden。 */
  border: 1px solid #cfd4dc; /* 设置边框样式，当前值为 1px solid #cfd4dc。 */
  border-radius: 17px; /* 设置圆角大小，当前值为 17px。 */
  background: #fff; /* 设置背景样式，当前值为 #fff。 */
}

.uoobeo-quantity-stepper__button {
  display: grid; /* 设置元素显示方式，当前值为 grid。 */
  place-items: center; /* 设置网格内容居中方式，当前值为 center。 */
  width: 32px; /* 设置元素宽度，当前值为 32px。 */
  height: 31px; /* 设置元素高度，当前值为 31px。 */
  padding: 0; /* 设置内边距，当前值为 0。 */
  border: 0; /* 设置边框样式，当前值为 0。 */
  border-radius: 0; /* 设置圆角大小，当前值为 0。 */
  background: #fff; /* 设置背景样式，当前值为 #fff。 */
  color: #1f2937; /* 设置文字颜色，当前值为 #1f2937。 */
  font-size: 19px; /* 设置字体大小，当前值为 19px。 */
  font-weight: 400; /* 设置字体粗细，当前值为 400。 */
  line-height: 1; /* 设置文字行高，当前值为 1。 */
  cursor: pointer; /* 设置鼠标指针样式，当前值为 pointer。 */
}

.uoobeo-quantity-stepper__button:hover:not(:disabled) {
  background: #f1f3f6; /* 设置背景样式，当前值为 #f1f3f6。 */
}

.uoobeo-quantity-stepper__button:disabled {
  background: var(--uoobeo-control); /* 设置背景样式，当前值为 var(--uoobeo-control)。 */
  color: #acb3bd; /* 设置文字颜色，当前值为 #acb3bd。 */
  cursor: not-allowed; /* 设置鼠标指针样式，当前值为 not-allowed。 */
}

.uoobeo-quantity-stepper__value {
  display: grid; /* 设置元素显示方式，当前值为 grid。 */
  place-items: center; /* 设置网格内容居中方式，当前值为 center。 */
  width: 46px; /* 设置元素宽度，当前值为 46px。 */
  height: 31px; /* 设置元素高度，当前值为 31px。 */
  color: #202733; /* 设置文字颜色，当前值为 #202733。 */
  font-size: 15px; /* 设置字体大小，当前值为 15px。 */
  font-variant-numeric: tabular-nums; /* 设置数字等宽显示，当前值为 tabular-nums。 */
  line-height: 31px; /* 设置文字行高，当前值为 31px。 */
  text-align: center; /* 设置文字对齐方式，当前值为 center。 */
}

/* 物流区域。 */
.uoobeo-shipping {
  margin: 20px 24px 0; /* 设置外边距，当前值为 20px 24px 0。 */
  padding-top: 20px; /* 设置顶部内边距，当前值为 20px。 */
  border-top: 1px solid var(--uoobeo-line); /* 设置顶部边框，当前值为 1px solid var(--uoobeo-line)。 */
}

.uoobeo-shipping__heading {
  display: flex; /* 设置元素显示方式，当前值为 flex。 */
  align-items: center; /* 设置交叉轴对齐方式，当前值为 center。 */
  justify-content: space-between; /* 设置主轴对齐方式，当前值为 space-between。 */
  min-height: 29px; /* 设置最小高度，当前值为 29px。 */
}

.uoobeo-shipping__title {
  margin: 0; /* 设置外边距，当前值为 0。 */
  color: var(--uoobeo-ink); /* 设置文字颜色，当前值为 var(--uoobeo-ink)。 */
  font-size: 20px; /* 设置字体大小，当前值为 20px。 */
  font-weight: 700; /* 设置字体粗细，当前值为 700。 */
  line-height: 28px; /* 设置文字行高，当前值为 28px。 */
}

.uoobeo-shipping__change {
  display: inline-flex; /* 设置元素显示方式，当前值为 inline-flex。 */
  align-items: center; /* 设置交叉轴对齐方式，当前值为 center。 */
  gap: 5px; /* 设置子元素间距，当前值为 5px。 */
  padding: 2px 5px; /* 设置内边距，当前值为 2px 5px。 */
  border: 0; /* 设置边框样式，当前值为 0。 */
  border-radius: 0; /* 设置圆角大小，当前值为 0。 */
  background: transparent; /* 设置背景样式，当前值为 transparent。 */
  color: #292929; /* 设置文字颜色，当前值为 #292929。 */
  font-size: 14px; /* 设置字体大小，当前值为 14px。 */
  line-height: 22px; /* 设置文字行高，当前值为 22px。 */
  cursor: pointer; /* 设置鼠标指针样式，当前值为 pointer。 */
}

.uoobeo-shipping__change span {
  font-size: 24px; /* 设置字体大小，当前值为 24px。 */
  font-weight: 300; /* 设置字体粗细，当前值为 300。 */
  line-height: 18px; /* 设置文字行高，当前值为 18px。 */
}

.uoobeo-shipping__card {
  display: flex; /* 设置元素显示方式，当前值为 flex。 */
  flex-direction: column; /* 设置弹性布局方向，当前值为 column。 */
  justify-content: center; /* 设置主轴对齐方式，当前值为 center。 */
  min-height: 91px; /* 设置最小高度，当前值为 91px。 */
  margin-top: 16px; /* 设置顶部外边距，当前值为 16px。 */
  padding: 12px 13px; /* 设置内边距，当前值为 12px 13px。 */
  border-radius: 8px; /* 设置圆角大小，当前值为 8px。 */
  background: var(--uoobeo-soft); /* 设置背景样式，当前值为 var(--uoobeo-soft)。 */
  color: #303030; /* 设置文字颜色，当前值为 #303030。 */
  font-size: 14px; /* 设置字体大小，当前值为 14px。 */
  line-height: 22px; /* 设置文字行高，当前值为 22px。 */
}

.uoobeo-shipping__method {
  font-size: 14px; /* 设置字体大小，当前值为 14px。 */
  font-weight: 700; /* 设置字体粗细，当前值为 700。 */
}

/* 弹窗底部固定区域。 */
.uoobeo-product-configurator__footer {
  position: relative; /* 设置定位方式，当前值为 relative。 */
  flex: 0 0 131px; /* 设置弹性伸缩参数，当前值为 0 0 131px。 */
  min-height: 131px; /* 设置最小高度，当前值为 131px。 */
  padding: 14px 24px 24px; /* 设置内边距，当前值为 14px 24px 24px。 */
  border-top: 1px solid #e8e8e8; /* 设置顶部边框，当前值为 1px solid #e8e8e8。 */
  background: #fff; /* 设置背景样式，当前值为 #fff。 */
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.035); /* 设置阴影效果，当前值为 0 -3px 10px rgba(0, 0, 0, 0.035)。 */
}

/* 小计区域。 */
.uoobeo-subtotal {
  display: grid; /* 设置元素显示方式，当前值为 grid。 */
  grid-template-columns: 1fr auto 18px; /* 设置网格列宽，当前值为 1fr auto 18px。 */
  align-items: center; /* 设置交叉轴对齐方式，当前值为 center。 */
  min-height: 30px; /* 设置最小高度，当前值为 30px。 */
  margin-bottom: 13px; /* 设置底部外边距，当前值为 13px。 */
}

.uoobeo-subtotal__label,
.uoobeo-subtotal__amount {
  color: var(--uoobeo-ink); /* 设置文字颜色，当前值为 var(--uoobeo-ink)。 */
  font-size: 16px; /* 设置字体大小，当前值为 16px。 */
  font-weight: 700; /* 设置字体粗细，当前值为 700。 */
  line-height: 24px; /* 设置文字行高，当前值为 24px。 */
}

.uoobeo-subtotal__amount {
  font-variant-numeric: tabular-nums; /* 设置数字等宽显示，当前值为 tabular-nums。 */
}

.uoobeo-subtotal__chevron {
  position: relative; /* 设置定位方式，当前值为 relative。 */
  width: 18px; /* 设置元素宽度，当前值为 18px。 */
  height: 18px; /* 设置元素高度，当前值为 18px。 */
}

.uoobeo-subtotal__chevron::before,
.uoobeo-subtotal__chevron::after {
  position: absolute; /* 设置定位方式，当前值为 absolute。 */
  top: 8px; /* 设置顶部定位距离，当前值为 8px。 */
  width: 8px; /* 设置元素宽度，当前值为 8px。 */
  height: 2px; /* 设置元素高度，当前值为 2px。 */
  background: #222; /* 设置背景样式，当前值为 #222。 */
  content: ""; /* 设置伪元素内容，当前值为 ""。 */
}

.uoobeo-subtotal__chevron::before {
  left: 2px; /* 设置左侧定位距离，当前值为 2px。 */
  transform: rotate(-45deg); /* 设置元素变换效果，当前值为 rotate(-45deg)。 */
}

.uoobeo-subtotal__chevron::after {
  right: 2px; /* 设置右侧定位距离，当前值为 2px。 */
  transform: rotate(45deg); /* 设置元素变换效果，当前值为 rotate(45deg)。 */
}

/* 加入购物车按钮。 */
.uoobeo-add-to-cart {
  width: 100%; /* 设置元素宽度，当前值为 100%。 */
  min-height: 49px; /* 设置最小高度，当前值为 49px。 */
  padding: 12px 20px; /* 设置内边距，当前值为 12px 20px。 */
  border: 0; /* 设置边框样式，当前值为 0。 */
  border-radius: 25px; /* 设置圆角大小，当前值为 25px。 */
  background: var(--uoobeo-accent); /* 设置背景样式，当前值为 var(--uoobeo-accent)。 */
  color: #fff; /* 设置文字颜色，当前值为 #fff。 */
  font-size: 14px; /* 设置字体大小，当前值为 14px。 */
  font-weight: 500; /* 设置字体粗细，当前值为 500。 */
  line-height: 20px; /* 设置文字行高，当前值为 20px。 */
  cursor: pointer; /* 设置鼠标指针样式，当前值为 pointer。 */
}

/* 错误提示区域。 */
.uoobeo-product-configurator__error {
  position: absolute; /* 设置定位方式，当前值为 absolute。 */
  right: 24px; /* 设置右侧定位距离，当前值为 24px。 */
  bottom: calc(100% + 8px); /* 设置底部定位距离，当前值为 calc(100% + 8px)。 */
  left: 24px; /* 设置左侧定位距离，当前值为 24px。 */
  margin: 0; /* 设置外边距，当前值为 0。 */
  padding: 7px 10px; /* 设置内边距，当前值为 7px 10px。 */
  border: 1px solid #f0c1bb; /* 设置边框样式，当前值为 1px solid #f0c1bb。 */
  border-radius: 4px; /* 设置圆角大小，当前值为 4px。 */
  background: #fff3f1; /* 设置背景样式，当前值为 #fff3f1。 */
  color: #a52d23; /* 设置文字颜色，当前值为 #a52d23。 */
  font-size: 13px; /* 设置字体大小，当前值为 13px。 */
  line-height: 18px; /* 设置文字行高，当前值为 18px。 */
}

/* 加入购物车按钮。 */
.uoobeo-add-to-cart:disabled {
  background: #9e9e9e; /* 设置背景样式，当前值为 #9e9e9e。 */
  cursor: wait; /* 设置鼠标指针样式，当前值为 wait。 */
}

.uoobeo-add-to-cart:hover,
.uoobeo-add-to-cart:focus-visible {
  background: #cb3600; /* 设置背景样式，当前值为 #cb3600。 */
  outline: none; /* 设置轮廓线，当前值为 none。 */
}

/* 弹窗主容器。 */
.uoobeo-product-configurator .elementor-widget,
.uoobeo-product-configurator .e-con {
  --margin-top: 0; /* 重置 Elementor 顶部外边距变量，当前值为 0。 */
  --margin-bottom: 0; /* 重置 Elementor 底部外边距变量，当前值为 0。 */
}

.uoobeo-product-configurator [hidden] {
  display: none !important; /* 设置元素显示方式，当前值为 none。 */
}

/* 弹窗顶部标题区域。 */
.uoobeo-product-configurator__title.elementor-widget-heading .elementor-heading-title {
  margin: 0; /* 设置外边距，当前值为 0。 */
  color: var(--uoobeo-ink); /* 设置文字颜色，当前值为 var(--uoobeo-ink)。 */
  font-family: inherit; /* 设置字体族，当前值为 inherit。 */
  font-size: 20px; /* 设置字体大小，当前值为 20px。 */
  font-weight: 700; /* 设置字体粗细，当前值为 700。 */
  line-height: 28px; /* 设置文字行高，当前值为 28px。 */
  letter-spacing: 0; /* 设置字符间距，当前值为 0。 */
}

/* 阶梯批发价格区域。 */
.uoobeo-tier-pricing-widget > .elementor-widget-container,
.uoobeo-variants-widget > .elementor-widget-container {
  width: 100%; /* 设置元素宽度，当前值为 100%。 */
}

/* 型号区域。 */
.uoobeo-model-section.e-con {
  display: flex !important; /* 设置元素显示方式，当前值为 flex。 */
  flex-direction: column !important; /* 设置弹性布局方向，当前值为 column。 */
  align-items: flex-start; /* 设置交叉轴对齐方式，当前值为 flex-start。 */
  gap: 9px; /* 设置子元素间距，当前值为 9px。 */
  padding: 20px 24px 0; /* 设置内边距，当前值为 20px 24px 0。 */
}

.uoobeo-model-text.elementor-widget-heading .elementor-heading-title,
.uoobeo-color-title.elementor-widget-heading .elementor-heading-title {
  margin: 0; /* 设置外边距，当前值为 0。 */
  color: var(--uoobeo-ink); /* 设置文字颜色，当前值为 var(--uoobeo-ink)。 */
  font-family: inherit; /* 设置字体族，当前值为 inherit。 */
  font-size: 16px; /* 设置字体大小，当前值为 16px。 */
  font-weight: 400; /* 设置字体粗细，当前值为 400。 */
  line-height: 22px; /* 设置文字行高，当前值为 22px。 */
  letter-spacing: 0; /* 设置字符间距，当前值为 0。 */
}

.uoobeo-model-chip.elementor-widget-button {
  width: auto; /* 设置元素宽度，当前值为 auto。 */
  pointer-events: none; /* 设置鼠标事件响应方式，当前值为 none。 */
}

.uoobeo-model-chip.elementor-widget-button .elementor-button {
  min-height: 37px; /* 设置最小高度，当前值为 37px。 */
  padding: 7px 12px; /* 设置内边距，当前值为 7px 12px。 */
  border: 1px solid #333; /* 设置边框样式，当前值为 1px solid #333。 */
  border-radius: 4px; /* 设置圆角大小，当前值为 4px。 */
  background: #fff; /* 设置背景样式，当前值为 #fff。 */
  color: var(--uoobeo-ink); /* 设置文字颜色，当前值为 var(--uoobeo-ink)。 */
  font-family: inherit; /* 设置字体族，当前值为 inherit。 */
  font-size: 15px; /* 设置字体大小，当前值为 15px。 */
  font-weight: 400; /* 设置字体粗细，当前值为 400。 */
  line-height: 21px; /* 设置文字行高，当前值为 21px。 */
  letter-spacing: 0; /* 设置字符间距，当前值为 0。 */
}

/* 颜色标题区域。 */
.uoobeo-color-section.e-con {
  display: flex !important; /* 设置元素显示方式，当前值为 flex。 */
  flex-direction: column !important; /* 设置弹性布局方向，当前值为 column。 */
  gap: 10px; /* 设置子元素间距，当前值为 10px。 */
  padding: 20px 24px 0; /* 设置内边距，当前值为 20px 24px 0。 */
}

/* 物流区域。 */
.uoobeo-shipping.e-con {
  display: flex; /* 设置元素显示方式，当前值为 flex。 */
  flex-direction: column !important; /* 设置弹性布局方向，当前值为 column。 */
  margin: 20px 24px 0; /* 设置外边距，当前值为 20px 24px 0。 */
  padding: 20px 0 0; /* 设置内边距，当前值为 20px 0 0。 */
}

.uoobeo-shipping__heading.e-con {
  display: flex !important; /* 设置元素显示方式，当前值为 flex。 */
  flex-direction: row !important; /* 设置弹性布局方向，当前值为 row。 */
  align-items: center !important; /* 设置交叉轴对齐方式，当前值为 center。 */
  justify-content: space-between !important; /* 设置主轴对齐方式，当前值为 space-between。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  min-height: 29px; /* 设置最小高度，当前值为 29px。 */
  padding: 0; /* 设置内边距，当前值为 0。 */
}

.uoobeo-shipping__title.elementor-widget-heading .elementor-heading-title {
  margin: 0; /* 设置外边距，当前值为 0。 */
  color: var(--uoobeo-ink); /* 设置文字颜色，当前值为 var(--uoobeo-ink)。 */
  font-family: inherit; /* 设置字体族，当前值为 inherit。 */
  font-size: 20px; /* 设置字体大小，当前值为 20px。 */
  font-weight: 700; /* 设置字体粗细，当前值为 700。 */
  line-height: 28px; /* 设置文字行高，当前值为 28px。 */
  letter-spacing: 0; /* 设置字符间距，当前值为 0。 */
}

.uoobeo-shipping__change.elementor-widget-button {
  width: auto; /* 设置元素宽度，当前值为 auto。 */
  margin-left: auto !important; /* 设置左侧外边距，当前值为 auto。 */
}

.uoobeo-shipping__change.elementor-widget-button .elementor-button {
  font-family: inherit; /* 设置字体族，当前值为 inherit。 */
  letter-spacing: 0; /* 设置字符间距，当前值为 0。 */
  min-width: 54px !important; /* 设置最小宽度，当前值为 54px。 */
  padding: 2px 0 2px 8px !important; /* 设置内边距，当前值为 2px 0 2px 8px。 */
  border: 0 !important; /* 设置边框样式，当前值为 0。 */
  border-radius: 0 !important; /* 设置圆角大小，当前值为 0。 */
  background: transparent !important; /* 设置背景样式，当前值为 transparent。 */
  color: #292929 !important; /* 设置文字颜色，当前值为 #292929。 */
  box-shadow: none !important; /* 设置阴影效果，当前值为 none。 */
  font-size: 14px !important; /* 设置字体大小，当前值为 14px。 */
  font-weight: 400 !important; /* 设置字体粗细，当前值为 400。 */
  line-height: 22px !important; /* 设置文字行高，当前值为 22px。 */
  white-space: nowrap !important; /* 设置文字换行方式，当前值为 nowrap。 */
}

.uoobeo-shipping__change.elementor-widget-button .elementor-button-text {
  font-family: inherit; /* 设置字体族，当前值为 inherit。 */
  letter-spacing: 0; /* 设置字符间距，当前值为 0。 */
  display: inline-flex !important; /* 设置元素显示方式，当前值为 inline-flex。 */
  align-items: center !important; /* 设置交叉轴对齐方式，当前值为 center。 */
  color: #292929 !important; /* 设置文字颜色，当前值为 #292929。 */
  font-size: 14px !important; /* 设置字体大小，当前值为 14px。 */
  font-weight: 400 !important; /* 设置字体粗细，当前值为 400。 */
  line-height: 22px !important; /* 设置文字行高，当前值为 22px。 */
  white-space: nowrap !important; /* 设置文字换行方式，当前值为 nowrap。 */
}

.uoobeo-shipping__card.e-con {
  display: flex !important; /* 设置元素显示方式，当前值为 flex。 */
  flex-direction: column !important; /* 设置弹性布局方向，当前值为 column。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  justify-content: center; /* 设置主轴对齐方式，当前值为 center。 */
  gap: 0; /* 设置子元素间距，当前值为 0。 */
  min-height: 91px; /* 设置最小高度，当前值为 91px。 */
  margin-top: 16px; /* 设置顶部外边距，当前值为 16px。 */
  padding: 12px 13px; /* 设置内边距，当前值为 12px 13px。 */
  border-radius: 8px; /* 设置圆角大小，当前值为 8px。 */
  background: var(--uoobeo-soft); /* 设置背景样式，当前值为 var(--uoobeo-soft)。 */
}

.uoobeo-shipping__card .elementor-widget-heading .elementor-heading-title,
.uoobeo-shipping__card .elementor-widget-text-editor,
.uoobeo-shipping__card .elementor-widget-text-editor p {
  margin: 0; /* 设置外边距，当前值为 0。 */
  color: #303030; /* 设置文字颜色，当前值为 #303030。 */
  font-family: inherit; /* 设置字体族，当前值为 inherit。 */
  font-size: 14px; /* 设置字体大小，当前值为 14px。 */
  line-height: 22px; /* 设置文字行高，当前值为 22px。 */
  letter-spacing: 0; /* 设置字符间距，当前值为 0。 */
}

.uoobeo-shipping__method.elementor-widget-heading .elementor-heading-title {
  font-weight: 700; /* 设置字体粗细，当前值为 700。 */
}

/* 弹窗底部固定区域。 */
.uoobeo-product-configurator__footer.e-con {
  display: flex !important; /* 设置元素显示方式，当前值为 flex。 */
  flex: 0 0 131px; /* 设置弹性伸缩参数，当前值为 0 0 131px。 */
  flex-direction: column !important; /* 设置弹性布局方向，当前值为 column。 */
  align-items: stretch !important; /* 设置交叉轴对齐方式，当前值为 stretch。 */
  justify-content: flex-start !important; /* 设置主轴对齐方式，当前值为 flex-start。 */
  gap: 13px !important; /* 设置子元素间距，当前值为 13px。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  margin-top: auto !important; /* 设置顶部外边距，当前值为 auto。 */
  padding: 14px 24px 24px; /* 设置内边距，当前值为 14px 24px 24px。 */
}

/* 小计区域。 */
.uoobeo-subtotal.e-con {
  display: grid !important; /* 设置元素显示方式，当前值为 grid。 */
  grid-template-columns: minmax(0, 1fr) auto 18px !important; /* 设置网格列宽，当前值为 minmax(0, 1fr) auto 18px。 */
  grid-auto-rows: auto; /* 设置网格自动行尺寸，当前值为 auto。 */
  align-items: center !important; /* 设置交叉轴对齐方式，当前值为 center。 */
  gap: 0 !important; /* 设置子元素间距，当前值为 0。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  min-height: 30px; /* 设置最小高度，当前值为 30px。 */
  margin: 0; /* 设置外边距，当前值为 0。 */
  padding: 0; /* 设置内边距，当前值为 0。 */
}

.uoobeo-subtotal__label.elementor-widget-heading {
  grid-column: 1; /* 设置网格列位置，当前值为 1。 */
  grid-row: 1; /* 设置网格行位置，当前值为 1。 */
  justify-self: start; /* 设置当前网格项水平对齐，当前值为 start。 */
  width: auto !important; /* 设置元素宽度，当前值为 auto。 */
}

.uoobeo-subtotal__label.elementor-widget-heading .elementor-heading-title,
.uoobeo-subtotal__amount.elementor-widget-heading .elementor-heading-title {
  margin: 0; /* 设置外边距，当前值为 0。 */
  color: var(--uoobeo-ink); /* 设置文字颜色，当前值为 var(--uoobeo-ink)。 */
  font-family: inherit; /* 设置字体族，当前值为 inherit。 */
  font-size: 16px; /* 设置字体大小，当前值为 16px。 */
  font-weight: 700; /* 设置字体粗细，当前值为 700。 */
  line-height: 24px; /* 设置文字行高，当前值为 24px。 */
  letter-spacing: 0; /* 设置字符间距，当前值为 0。 */
  white-space: nowrap; /* 设置文字换行方式，当前值为 nowrap。 */
}

.uoobeo-subtotal__amount.elementor-widget-heading {
  grid-column: 2; /* 设置网格列位置，当前值为 2。 */
  grid-row: 1; /* 设置网格行位置，当前值为 1。 */
  justify-self: end; /* 设置当前网格项水平对齐，当前值为 end。 */
  width: auto !important; /* 设置元素宽度，当前值为 auto。 */
  margin-left: auto !important; /* 设置左侧外边距，当前值为 auto。 */
}

.uoobeo-subtotal::after {
  display: block; /* 设置元素显示方式，当前值为 block。 */
  grid-column: 3; /* 设置网格列位置，当前值为 3。 */
  grid-row: 1; /* 设置网格行位置，当前值为 1。 */
  justify-self: end; /* 设置当前网格项水平对齐，当前值为 end。 */
  width: 9px; /* 设置元素宽度，当前值为 9px。 */
  height: 9px; /* 设置元素高度，当前值为 9px。 */
  margin: 4px 3px 0 10px; /* 设置外边距，当前值为 4px 3px 0 10px。 */
  border-top: 2px solid #222; /* 设置顶部边框，当前值为 2px solid #222。 */
  border-left: 2px solid #222; /* 设置左侧边框，当前值为 2px solid #222。 */
  content: ""; /* 设置伪元素内容，当前值为 ""。 */
  transform: rotate(45deg); /* 设置元素变换效果，当前值为 rotate(45deg)。 */
}

.uoobeo-subtotal > .uoobeo-add-to-cart.elementor-widget-button {
  grid-column: 1 / -1; /* 设置网格列位置，当前值为 1 / -1。 */
  grid-row: 2; /* 设置网格行位置，当前值为 2。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  margin-top: 13px !important; /* 设置顶部外边距，当前值为 13px。 */
}

.uoobeo-subtotal > .uoobeo-product-configurator__error {
  grid-column: 1 / -1; /* 设置网格列位置，当前值为 1 / -1。 */
  grid-row: 3; /* 设置网格行位置，当前值为 3。 */
}

/* 错误提示区域。 */
.uoobeo-product-configurator__error.elementor-widget-text-editor {
  position: absolute; /* 设置定位方式，当前值为 absolute。 */
  right: 24px; /* 设置右侧定位距离，当前值为 24px。 */
  bottom: calc(100% + 8px); /* 设置底部定位距离，当前值为 calc(100% + 8px)。 */
  left: 24px; /* 设置左侧定位距离，当前值为 24px。 */
  width: auto; /* 设置元素宽度，当前值为 auto。 */
  padding: 7px 10px; /* 设置内边距，当前值为 7px 10px。 */
  display: none; /* 设置元素显示方式，当前值为 none。 */
}

.uoobeo-product-configurator__error.elementor-widget-text-editor.is-visible {
  display: block; /* 设置元素显示方式，当前值为 block。 */
}

/* 加入购物车按钮。 */
.uoobeo-add-to-cart.elementor-widget-button {
  display: block !important; /* 设置元素显示方式，当前值为 block。 */
  align-self: stretch !important; /* 设置当前元素的交叉轴对齐，当前值为 stretch。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  min-height: 0; /* 设置最小高度，当前值为 0。 */
  padding: 0; /* 设置内边距，当前值为 0。 */
  border: 0; /* 设置边框样式，当前值为 0。 */
  border-radius: 0; /* 设置圆角大小，当前值为 0。 */
  background: transparent; /* 设置背景样式，当前值为 transparent。 */
}

.uoobeo-add-to-cart.elementor-widget-button .elementor-button {
  display: flex !important; /* 设置元素显示方式，当前值为 flex。 */
  align-items: center !important; /* 设置交叉轴对齐方式，当前值为 center。 */
  justify-content: center !important; /* 设置主轴对齐方式，当前值为 center。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  min-height: 49px; /* 设置最小高度，当前值为 49px。 */
  padding: 12px 20px; /* 设置内边距，当前值为 12px 20px。 */
  border: 0; /* 设置边框样式，当前值为 0。 */
  border-radius: 25px; /* 设置圆角大小，当前值为 25px。 */
  background: var(--uoobeo-accent) !important; /* 设置背景样式，当前值为 var(--uoobeo-accent)。 */
  color: #fff !important; /* 设置文字颜色，当前值为 #fff。 */
  font-family: inherit; /* 设置字体族，当前值为 inherit。 */
  font-size: 14px; /* 设置字体大小，当前值为 14px。 */
  font-weight: 500; /* 设置字体粗细，当前值为 500。 */
  line-height: 20px; /* 设置文字行高，当前值为 20px。 */
  letter-spacing: 0; /* 设置字符间距，当前值为 0。 */
}

.uoobeo-add-to-cart.elementor-widget-button .elementor-button:hover,
.uoobeo-add-to-cart.elementor-widget-button .elementor-button:focus-visible {
  background: #cb3600 !important; /* 设置背景样式，当前值为 #cb3600。 */
}

.uoobeo-add-to-cart.elementor-widget-button .elementor-button.is-loading {
  background: #9e9e9e !important; /* 设置背景样式，当前值为 #9e9e9e。 */
  pointer-events: none; /* 设置鼠标事件响应方式，当前值为 none。 */
}

/* 弹窗主容器。 */
.elementor-3713 .elementor-element.elementor-element-f8c1efa,
.uoobeo-product-configurator,
.uoobeo-product-configurator.e-con {
  margin-right: 0 !important; /* 设置右侧外边距，当前值为 0。 */
  margin-left: auto !important; /* 设置左侧外边距，当前值为 auto。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  border: 0 !important; /* 设置边框样式，当前值为 0。 */
  border-radius: 0 !important; /* 设置圆角大小，当前值为 0。 */
  background: #fff !important; /* 设置背景样式，当前值为 #fff。 */
  box-shadow: none !important; /* 设置阴影效果，当前值为 none。 */
  position: fixed !important; /* 设置定位方式，当前值为 fixed。 */
  top: 50vh !important; /* 设置顶部定位距离，当前值为 50vh。 */
  right: auto !important; /* 设置右侧定位距离，当前值为 auto。 */
  bottom: auto !important; /* 设置底部定位距离，当前值为 auto。 */
  left: 50vw !important; /* 设置左侧定位距离，当前值为 50vw。 */
  width: 600px !important; /* 设置元素宽度，当前值为 600px。 */
  max-width: calc(100vw - 16px) !important; /* 限制最大宽度，当前值为 calc(100vw - 16px)。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  transform: translate(-50%, -50%) !important; /* 设置元素变换效果，当前值为 translate(-50%, -50%)。 */
}

.elementor-3713 .elementor-element.elementor-element-f8c1efa > .e-con-inner,
.uoobeo-product-configurator > .e-con-inner {
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  max-width: none !important; /* 限制最大宽度，当前值为 none。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  background: #fff !important; /* 设置背景样式，当前值为 #fff。 */
}

.e-con:has(> .uoobeo-product-configurator) {
  width: 600px !important; /* 设置元素宽度，当前值为 600px。 */
  max-width: 100vw !important; /* 限制最大宽度，当前值为 100vw。 */
  margin-right: 0 !important; /* 设置右侧外边距，当前值为 0。 */
  margin-left: auto !important; /* 设置左侧外边距，当前值为 auto。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  background: #fff !important; /* 设置背景样式，当前值为 #fff。 */
}

/* Elementor 弹窗外壳。 */
#elementor-popup-modal-3713 .dialog-widget-content,
#elementor-popup-modal-3713 .dialog-message,
#elementor-popup-modal-3713 .elementor-location-popup {
  margin-right: 0 !important; /* 设置右侧外边距，当前值为 0。 */
  margin-left: 0 !important; /* 设置左侧外边距，当前值为 0。 */
  padding-right: 0 !important; /* 设置右侧内边距，当前值为 0。 */
  padding-left: 0 !important; /* 设置左侧内边距，当前值为 0。 */
  border: 0 !important; /* 设置边框样式，当前值为 0。 */
  border-radius: 0 !important; /* 设置圆角大小，当前值为 0。 */
  background-color: #fff !important; /* 设置背景颜色，当前值为 #fff。 */
  box-shadow: none !important; /* 设置阴影效果，当前值为 none。 */
}

/* 物流区域。 */
.uoobeo-shipping__heading,
.uoobeo-shipping__heading.e-con {
  overflow: visible !important; /* 设置内容溢出处理，当前值为 visible。 */
  padding-right: 0 !important; /* 设置右侧内边距，当前值为 0。 */
}

.uoobeo-shipping__change,
.uoobeo-shipping__change.elementor-widget-button {
  position: relative !important; /* 设置定位方式，当前值为 relative。 */
  z-index: 20 !important; /* 设置元素层叠顺序，当前值为 20。 */
  flex: 0 0 auto !important; /* 设置弹性伸缩参数，当前值为 0 0 auto。 */
  width: auto !important; /* 设置元素宽度，当前值为 auto。 */
  min-width: 54px !important; /* 设置最小宽度，当前值为 54px。 */
  margin-right: 0 !important; /* 设置右侧外边距，当前值为 0。 */
  margin-left: auto !important; /* 设置左侧外边距，当前值为 auto。 */
  overflow: visible !important; /* 设置内容溢出处理，当前值为 visible。 */
}

.uoobeo-shipping__change.elementor-widget-button .elementor-button-text::after {
  margin-left: 5px !important; /* 设置左侧外边距，当前值为 5px。 */
  color: #292929 !important; /* 设置文字颜色，当前值为 #292929。 */
  font-size: 22px !important; /* 设置字体大小，当前值为 22px。 */
  font-weight: 300 !important; /* 设置字体粗细，当前值为 300。 */
  line-height: 18px !important; /* 设置文字行高，当前值为 18px。 */
  content: "\203A" !important; /* 设置伪元素内容，当前值为 "\203A"。 */
}

/* 弹窗主容器。 */
#elementor-popup-modal-3713 .uoobeo-product-configurator,
#elementor-popup-modal-3713 .uoobeo-product-configurator.e-con {
  position: relative !important; /* 设置定位方式，当前值为 relative。 */
  top: auto !important; /* 设置顶部定位距离，当前值为 auto。 */
  right: auto !important; /* 设置右侧定位距离，当前值为 auto。 */
  bottom: auto !important; /* 设置底部定位距离，当前值为 auto。 */
  left: auto !important; /* 设置左侧定位距离，当前值为 auto。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  max-width: none !important; /* 限制最大宽度，当前值为 none。 */
  height: 100% !important; /* 设置元素高度，当前值为 100%。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  transform: none !important; /* 设置元素变换效果，当前值为 none。 */
}

/* Elementor 弹窗外壳。 */
#elementor-popup-modal-3713 .dialog-widget-content {
  position: fixed !important; /* 设置定位方式，当前值为 fixed。 */
  top: 0 !important; /* 设置顶部定位距离，当前值为 0。 */
  right: 0 !important; /* 设置右侧定位距离，当前值为 0。 */
  bottom: 0 !important; /* 设置底部定位距离，当前值为 0。 */
  left: auto !important; /* 设置左侧定位距离，当前值为 auto。 */
  width: 600px !important; /* 设置元素宽度，当前值为 600px。 */
  max-width: 100vw !important; /* 限制最大宽度，当前值为 100vw。 */
  height: 100vh !important; /* 设置元素高度，当前值为 100vh。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  border-radius: 8px 0 0 8px !important; /* 设置圆角大小，当前值为 8px 0 0 8px。 */
  overflow: hidden !important; /* 设置内容溢出处理，当前值为 hidden。 */
}

body.elementor-editor-active #elementor-popup-modal-3713 .dialog-widget-content,
body.elementor-editor-preview #elementor-popup-modal-3713 .dialog-widget-content {
  position: fixed !important; /* 设置定位方式，当前值为 fixed。 */
  right: auto !important; /* 设置右侧定位距离，当前值为 auto。 */
  left: 50% !important; /* 设置左侧定位距离，当前值为 50%。 */
  width: 600px !important; /* 设置元素宽度，当前值为 600px。 */
  max-width: calc(100vw - 16px) !important; /* 限制最大宽度，当前值为 calc(100vw - 16px)。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  transform: translateX(-50%) !important; /* 设置元素变换效果，当前值为 translateX(-50%)。 */
  top: 100px !important; /* 设置顶部定位距离，当前值为 100px。 */
  bottom: 0 !important; /* 设置底部定位距离，当前值为 0。 */
  height: calc(100vh - 100px) !important; /* 设置元素高度，当前值为 calc(100vh - 100px)。 */
  max-height: calc(100vh - 100px) !important; /* 限制最大高度，当前值为 calc(100vh - 100px)。 */
}

/* 组件兼容样式。 */
body.elementor-editor-active #elementor-popup-modal-3713 .dialog-message,
body.elementor-editor-preview #elementor-popup-modal-3713 .dialog-message {
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  max-width: none !important; /* 限制最大宽度，当前值为 none。 */
  height: 100% !important; /* 设置元素高度，当前值为 100%。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  overflow-y: auto !important; /* 设置纵向溢出处理，当前值为 auto。 */
  scroll-behavior: auto !important; /* 设置 scroll-behavior 属性，当前值为 auto。 */
  scroll-padding-top: 0 !important; /* 设置 scroll-padding-top 属性，当前值为 0。 */
}

/* 弹窗主容器。 */
body.elementor-editor-active #elementor-popup-modal-3713 .uoobeo-product-configurator,
body.elementor-editor-active #elementor-popup-modal-3713 .uoobeo-product-configurator.e-con,
body.elementor-editor-preview #elementor-popup-modal-3713 .uoobeo-product-configurator,
body.elementor-editor-preview #elementor-popup-modal-3713 .uoobeo-product-configurator.e-con {
  position: relative !important; /* 设置定位方式，当前值为 relative。 */
  top: auto !important; /* 设置顶部定位距离，当前值为 auto。 */
  right: auto !important; /* 设置右侧定位距离，当前值为 auto。 */
  bottom: auto !important; /* 设置底部定位距离，当前值为 auto。 */
  left: auto !important; /* 设置左侧定位距离，当前值为 auto。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  max-width: none !important; /* 限制最大宽度，当前值为 none。 */
  min-height: 100% !important; /* 设置最小高度，当前值为 100%。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  transform: none !important; /* 设置元素变换效果，当前值为 none。 */
}

/* 物流区域。 */
.uoobeo-product-configurator .uoobeo-shipping.e-con {
  align-self: stretch !important; /* 设置当前元素的交叉轴对齐，当前值为 stretch。 */
  width: calc(100% - 48px) !important; /* 设置元素宽度，当前值为 calc(100% - 48px)。 */
  max-width: calc(100% - 48px) !important; /* 限制最大宽度，当前值为 calc(100% - 48px)。 */
  margin: 20px 24px 0 !important; /* 设置外边距，当前值为 20px 24px 0。 */
}

/* 弹窗底部固定区域。 */
.uoobeo-product-configurator .uoobeo-product-configurator__footer.e-con {
  margin-top: 120px !important; /* 设置顶部外边距，当前值为 120px。 */
}

/* 组件兼容样式。 */
#elementor-popup-modal-3713 {
  --uoobeo-popup-header-offset: 92px; /* 设置 --uoobeo-popup-header-offset 属性，当前值为 92px。 */
  position: fixed !important; /* 设置定位方式，当前值为 fixed。 */
  inset: var(--uoobeo-popup-header-offset) 0 0 0 !important; /* 设置 inset 属性，当前值为 var(--uoobeo-popup-header-offset) 0 0 0。 */
  z-index: 9999 !important; /* 设置元素层叠顺序，当前值为 9999。 */
  width: auto !important; /* 设置元素宽度，当前值为 auto。 */
  height: auto !important; /* 设置元素高度，当前值为 auto。 */
  min-height: 0 !important; /* 设置最小高度，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  align-items: stretch !important; /* 设置交叉轴对齐方式，当前值为 stretch。 */
  justify-content: flex-end !important; /* 设置主轴对齐方式，当前值为 flex-end。 */
  overflow: hidden !important; /* 设置内容溢出处理，当前值为 hidden。 */
}

/* Elementor 弹窗外壳。 */
#elementor-popup-modal-3713 > .dialog-widget-content,
#elementor-popup-modal-3713 .dialog-widget-content {
  position: absolute !important; /* 设置定位方式，当前值为 absolute。 */
  inset: 0 0 0 auto !important; /* 设置 inset 属性，当前值为 0 0 0 auto。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  width: min(600px, 100%) !important; /* 设置元素宽度，当前值为 min(600px, 100%)。 */
  min-width: 0 !important; /* 设置最小宽度，当前值为 0。 */
  max-width: 100% !important; /* 限制最大宽度，当前值为 100%。 */
  height: 100% !important; /* 设置元素高度，当前值为 100%。 */
  min-height: 0 !important; /* 设置最小高度，当前值为 0。 */
  max-height: 100% !important; /* 限制最大高度，当前值为 100%。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  overflow: hidden !important; /* 设置内容溢出处理，当前值为 hidden。 */
}

#elementor-popup-modal-3713 .dialog-message,
#elementor-popup-modal-3713 .elementor-location-popup,
#elementor-popup-modal-3713 .elementor-3713,
#elementor-popup-modal-3713 .uoobeo-product-configurator,
#elementor-popup-modal-3713 .uoobeo-product-configurator > .e-con-inner {
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  min-width: 0 !important; /* 设置最小宽度，当前值为 0。 */
  max-width: 100% !important; /* 限制最大宽度，当前值为 100%。 */
}

#elementor-popup-modal-3713 .dialog-message,
#elementor-popup-modal-3713 .elementor-location-popup,
#elementor-popup-modal-3713 .elementor-3713,
#elementor-popup-modal-3713 .uoobeo-product-configurator {
  height: 100% !important; /* 设置元素高度，当前值为 100%。 */
  min-height: 0 !important; /* 设置最小高度，当前值为 0。 */
  max-height: 100% !important; /* 限制最大高度，当前值为 100%。 */
}

/* 组件兼容样式。 */
#elementor-popup-modal-3713 .dialog-message {
  flex: 0 1 100% !important; /* 设置弹性伸缩参数，当前值为 0 1 100%。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  overflow: hidden !important; /* 设置内容溢出处理，当前值为 hidden。 */
}

/* 弹窗顶部标题区域。 */
#elementor-popup-modal-3713 .uoobeo-product-configurator__header,
#elementor-popup-modal-3713 .uoobeo-product-configurator__scroll,
#elementor-popup-modal-3713 .uoobeo-product-configurator__footer,
#elementor-popup-modal-3713 .uoobeo-product-configurator__header > .e-con-inner,
#elementor-popup-modal-3713 .uoobeo-product-configurator__scroll > .e-con-inner,
#elementor-popup-modal-3713 .uoobeo-product-configurator__footer > .e-con-inner {
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  min-width: 0 !important; /* 设置最小宽度，当前值为 0。 */
  max-width: 100% !important; /* 限制最大宽度，当前值为 100%。 */
}

/* 中间滚动区域。 */
#elementor-popup-modal-3713 .uoobeo-product-configurator__scroll {
  min-height: 0 !important; /* 设置最小高度，当前值为 0。 */
  overflow-x: hidden !important; /* 设置横向溢出处理，当前值为 hidden。 */
  overflow-y: auto !important; /* 设置纵向溢出处理，当前值为 auto。 */
}

/* 型号区域。 */
#elementor-popup-modal-3713 .uoobeo-model-chip.elementor-widget-shortcode {
  display: block !important; /* 设置元素显示方式，当前值为 block。 */
  width: auto !important; /* 设置元素宽度，当前值为 auto。 */
  max-width: 100% !important; /* 限制最大宽度，当前值为 100%。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
}

#elementor-popup-modal-3713 .uoobeo-model-chip .elementor-widget-container,
#elementor-popup-modal-3713 .uoobeo-model-chip .elementor-shortcode {
  display: block !important; /* 设置元素显示方式，当前值为 block。 */
  width: auto !important; /* 设置元素宽度，当前值为 auto。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
}

/* 物流区域。 */
#elementor-popup-modal-3713 .uoobeo-shipping__heading.e-con {
  overflow: visible !important; /* 设置内容溢出处理，当前值为 visible。 */
  display: flex !important; /* 设置元素显示方式，当前值为 flex。 */
  flex: 0 0 auto !important; /* 设置弹性伸缩参数，当前值为 0 0 auto。 */
  flex-direction: row !important; /* 设置弹性布局方向，当前值为 row。 */
  justify-content: space-between !important; /* 设置主轴对齐方式，当前值为 space-between。 */
  height: auto !important; /* 设置元素高度，当前值为 auto。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  align-items: flex-start !important; /* 设置交叉轴对齐方式，当前值为 flex-start。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  min-height: 28px !important; /* 设置最小高度，当前值为 28px。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
}

#elementor-popup-modal-3713 .uoobeo-shipping__card p {
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
}

/* 型号区域。 */
#elementor-popup-modal-3713 .uoobeo-model-chip__value {
  width: auto !important; /* 设置元素宽度，当前值为 auto。 */
  min-width: 0 !important; /* 设置最小宽度，当前值为 0。 */
  display: inline-flex !important; /* 设置元素显示方式，当前值为 inline-flex。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  align-items: center !important; /* 设置交叉轴对齐方式，当前值为 center。 */
  justify-content: center !important; /* 设置主轴对齐方式，当前值为 center。 */
  min-height: 37px !important; /* 设置最小高度，当前值为 37px。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 7px 12px !important; /* 设置内边距，当前值为 7px 12px。 */
  border: 1px solid #333 !important; /* 设置边框样式，当前值为 1px solid #333。 */
  border-radius: 4px !important; /* 设置圆角大小，当前值为 4px。 */
  background: #fff !important; /* 设置背景样式，当前值为 #fff。 */
  color: #242424 !important; /* 设置文字颜色，当前值为 #242424。 */
  box-shadow: none !important; /* 设置阴影效果，当前值为 none。 */
  font-family: inherit !important; /* 设置字体族，当前值为 inherit。 */
  font-size: 15px !important; /* 设置字体大小，当前值为 15px。 */
  font-weight: 400 !important; /* 设置字体粗细，当前值为 400。 */
  line-height: 21px !important; /* 设置文字行高，当前值为 21px。 */
  letter-spacing: 0 !important; /* 设置字符间距，当前值为 0。 */
  white-space: nowrap !important; /* 设置文字换行方式，当前值为 nowrap。 */
  background-color: #eaeaea !important; /* 设置背景颜色，当前值为 #eaeaea。 */
}

/* 颜色规格列表。 */
#elementor-popup-modal-3713 .uoobeo-variant-row__name {
  text-align: left !important; /* 设置文字对齐方式，当前值为 left。 */
  min-width: 0 !important; /* 设置最小宽度，当前值为 0。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 0 0 1px !important; /* 设置内边距，当前值为 0 0 0 1px。 */
  color: #333 !important; /* 设置文字颜色，当前值为 #333。 */
  font-size: 15px !important; /* 设置字体大小，当前值为 15px。 */
  font-weight: 400 !important; /* 设置字体粗细，当前值为 400。 */
  line-height: 21px !important; /* 设置文字行高，当前值为 21px。 */
}

/* 数量输入控件。 */
#elementor-popup-modal-3713 .uoobeo-quantity-stepper {
  flex: 0 0 112px !important; /* 设置弹性伸缩参数，当前值为 0 0 112px。 */
  display: grid !important; /* 设置元素显示方式，当前值为 grid。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  grid-template-columns: 30px 38px 30px !important; /* 设置网格列宽，当前值为 30px 38px 30px。 */
  align-items: center !important; /* 设置交叉轴对齐方式，当前值为 center。 */
  justify-self: end !important; /* 设置当前网格项水平对齐，当前值为 end。 */
  width: 100px !important; /* 设置元素宽度，当前值为 100px。 */
  min-width: 100px !important; /* 设置最小宽度，当前值为 100px。 */
  max-width: 100px !important; /* 限制最大宽度，当前值为 100px。 */
  height: 32px !important; /* 设置元素高度，当前值为 32px。 */
  min-height: 32px !important; /* 设置最小高度，当前值为 32px。 */
  max-height: 32px !important; /* 限制最大高度，当前值为 32px。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  border: 0 !important; /* 设置边框样式，当前值为 0。 */
  border-radius: 16px !important; /* 设置圆角大小，当前值为 16px。 */
  background: #f1f3f6 !important; /* 设置背景样式，当前值为 #f1f3f6。 */
  box-shadow: inset 0 0 0 1px #d8dde5 !important; /* 设置阴影效果，当前值为 inset 0 0 0 1px #d8dde5。 */
  overflow: visible !important; /* 设置内容溢出处理，当前值为 visible。 */
}

#elementor-popup-modal-3713 .uoobeo-quantity-stepper button.uoobeo-quantity-stepper__button:disabled {
  background: #eef0f3 !important; /* 设置背景样式，当前值为 #eef0f3。 */
  color: #acb3bd !important; /* 设置文字颜色，当前值为 #acb3bd。 */
  opacity: 1 !important; /* 设置透明度，当前值为 1。 */
  cursor: not-allowed !important; /* 设置鼠标指针样式，当前值为 not-allowed。 */
}

#elementor-popup-modal-3713 .uoobeo-quantity-stepper output.uoobeo-quantity-stepper__value {
  display: grid !important; /* 设置元素显示方式，当前值为 grid。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  place-items: center !important; /* 设置网格内容居中方式，当前值为 center。 */
  width: 46px !important; /* 设置元素宽度，当前值为 46px。 */
  min-width: 46px !important; /* 设置最小宽度，当前值为 46px。 */
  max-width: 46px !important; /* 限制最大宽度，当前值为 46px。 */
  height: 32px !important; /* 设置元素高度，当前值为 32px。 */
  min-height: 32px !important; /* 设置最小高度，当前值为 32px。 */
  max-height: 32px !important; /* 限制最大高度，当前值为 32px。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  border: 0 !important; /* 设置边框样式，当前值为 0。 */
  background: #fff !important; /* 设置背景样式，当前值为 #fff。 */
  color: #202733 !important; /* 设置文字颜色，当前值为 #202733。 */
  font-size: 15px !important; /* 设置字体大小，当前值为 15px。 */
  font-weight: 400 !important; /* 设置字体粗细，当前值为 400。 */
  font-variant-numeric: tabular-nums !important; /* 设置数字等宽显示，当前值为 tabular-nums。 */
  line-height: 32px !important; /* 设置文字行高，当前值为 32px。 */
  text-align: center !important; /* 设置文字对齐方式，当前值为 center。 */
}

/* 物流区域。 */
#elementor-popup-modal-3713 .uoobeo-shipping__card > .elementor-element,
#elementor-popup-modal-3713 .uoobeo-shipping__card .elementor-widget-container,
#elementor-popup-modal-3713 .uoobeo-shipping__card .elementor-shortcode {
  display: block !important; /* 设置元素显示方式，当前值为 block。 */
  visibility: visible !important; /* 设置元素可见状态，当前值为 visible。 */
  opacity: 1 !important; /* 设置透明度，当前值为 1。 */
  flex: 0 0 auto !important; /* 设置弹性伸缩参数，当前值为 0 0 auto。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  height: auto !important; /* 设置元素高度，当前值为 auto。 */
  min-height: 0 !important; /* 设置最小高度，当前值为 0。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  overflow: visible !important; /* 设置内容溢出处理，当前值为 visible。 */
}

/* 型号区域。 */
#elementor-popup-modal-3713 .uoobeo-model-section.e-con {
  display: flex !important; /* 设置元素显示方式，当前值为 flex。 */
  flex: 0 0 auto !important; /* 设置弹性伸缩参数，当前值为 0 0 auto。 */
  flex-direction: column !important; /* 设置弹性布局方向，当前值为 column。 */
  align-items: flex-start !important; /* 设置交叉轴对齐方式，当前值为 flex-start。 */
  gap: 9px !important; /* 设置子元素间距，当前值为 9px。 */
  min-height: 0 !important; /* 设置最小高度，当前值为 0。 */
  height: auto !important; /* 设置元素高度，当前值为 auto。 */
}

#elementor-popup-modal-3713 .uoobeo-model-section .elementor-widget-shortcode,
#elementor-popup-modal-3713 .uoobeo-model-section .elementor-widget-container,
#elementor-popup-modal-3713 .uoobeo-model-section .elementor-shortcode {
  display: block !important; /* 设置元素显示方式，当前值为 block。 */
  flex: 0 0 auto !important; /* 设置弹性伸缩参数，当前值为 0 0 auto。 */
  width: auto !important; /* 设置元素宽度，当前值为 auto。 */
  min-height: 0 !important; /* 设置最小高度，当前值为 0。 */
  height: auto !important; /* 设置元素高度，当前值为 auto。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
}

/* 颜色规格列表。 */
#elementor-popup-modal-3713 .uoobeo-variants-widget,
#elementor-popup-modal-3713 .uoobeo-variants-widget > .elementor-widget-container,
#elementor-popup-modal-3713 .uoobeo-variants-widget .elementor-shortcode,
#elementor-popup-modal-3713 .uoobeo-variant-list {
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  min-width: 0 !important; /* 设置最小宽度，当前值为 0。 */
}

#elementor-popup-modal-3713 .uoobeo-variant-list {
  display: grid !important; /* 设置元素显示方式，当前值为 grid。 */
  grid-template-columns: minmax(0, 1fr) !important; /* 设置网格列宽，当前值为 minmax(0, 1fr)。 */
  gap: 12px !important; /* 设置子元素间距，当前值为 12px。 */
}

#elementor-popup-modal-3713 .uoobeo-variant-row {
  display: grid !important; /* 设置元素显示方式，当前值为 grid。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  grid-template-columns: 64px minmax(90px, 1fr) minmax(76px, auto) 100px !important; /* 设置网格列宽，当前值为 64px minmax(90px, 1fr) minmax(76px, auto) 100px。 */
  align-items: center !important; /* 设置交叉轴对齐方式，当前值为 center。 */
  gap: 8px !important; /* 设置子元素间距，当前值为 8px。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  min-width: 0 !important; /* 设置最小宽度，当前值为 0。 */
  min-height: 64px !important; /* 设置最小高度，当前值为 64px。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
}

#elementor-popup-modal-3713 .uoobeo-color-swatch {
  display: block !important; /* 设置元素显示方式，当前值为 block。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  width: 64px !important; /* 设置元素宽度，当前值为 64px。 */
  min-width: 64px !important; /* 设置最小宽度，当前值为 64px。 */
  max-width: 64px !important; /* 限制最大宽度，当前值为 64px。 */
  height: 64px !important; /* 设置元素高度，当前值为 64px。 */
  min-height: 64px !important; /* 设置最小高度，当前值为 64px。 */
  max-height: 64px !important; /* 限制最大高度，当前值为 64px。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  border-radius: 7px !important; /* 设置圆角大小，当前值为 7px。 */
}

#elementor-popup-modal-3713 .uoobeo-variant-row__price {
  display: block !important; /* 设置元素显示方式，当前值为 block。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  min-width: 76px !important; /* 设置最小宽度，当前值为 76px。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 8px 0 0 !important; /* 设置内边距，当前值为 0 8px 0 0。 */
  color: #333 !important; /* 设置文字颜色，当前值为 #333。 */
  font-size: 15px !important; /* 设置字体大小，当前值为 15px。 */
  font-weight: 400 !important; /* 设置字体粗细，当前值为 400。 */
  line-height: 21px !important; /* 设置文字行高，当前值为 21px。 */
  text-align: right !important; /* 设置文字对齐方式，当前值为 right。 */
  white-space: nowrap !important; /* 设置文字换行方式，当前值为 nowrap。 */
}

/* 数量输入控件。 */
#elementor-popup-modal-3713 .uoobeo-quantity-stepper button.uoobeo-quantity-stepper__button {
  position: static !important; /* 设置定位方式，当前值为 static。 */
  display: grid !important; /* 设置元素显示方式，当前值为 grid。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  place-items: center !important; /* 设置网格内容居中方式，当前值为 center。 */
  float: none !important; /* 取消或设置浮动，当前值为 none。 */
  width: 30px !important; /* 设置元素宽度，当前值为 30px。 */
  min-width: 30px !important; /* 设置最小宽度，当前值为 30px。 */
  max-width: 30px !important; /* 限制最大宽度，当前值为 30px。 */
  height: 30px !important; /* 设置元素高度，当前值为 30px。 */
  min-height: 30px !important; /* 设置最小高度，当前值为 30px。 */
  max-height: 30px !important; /* 限制最大高度，当前值为 30px。 */
  margin: 1px 0 !important; /* 设置外边距，当前值为 1px 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  border: 0 !important; /* 设置边框样式，当前值为 0。 */
  border-radius: 50% !important; /* 设置圆角大小，当前值为 50%。 */
  outline: 0 !important; /* 设置轮廓线，当前值为 0。 */
  background: transparent !important; /* 设置背景样式，当前值为 transparent。 */
  color: #202733 !important; /* 设置文字颜色，当前值为 #202733。 */
  box-shadow: none !important; /* 设置阴影效果，当前值为 none。 */
  font-family: Arial, sans-serif !important; /* 设置字体族，当前值为 Arial, sans-serif。 */
  font-size: 17px !important; /* 设置字体大小，当前值为 17px。 */
  font-weight: 400 !important; /* 设置字体粗细，当前值为 400。 */
  line-height: 1 !important; /* 设置文字行高，当前值为 1。 */
  text-indent: 0 !important; /* 设置文字缩进，当前值为 0。 */
  transform: none !important; /* 设置元素变换效果，当前值为 none。 */
  appearance: none !important; /* 设置控件原生外观，当前值为 none。 */
  -webkit-appearance: none !important; /* 兼容 WebKit 控件外观，当前值为 none。 */
}

#elementor-popup-modal-3713 .uoobeo-quantity-stepper button[data-uoobeo-minus]:disabled {
  background: #e4e8ee !important; /* 设置背景样式，当前值为 #e4e8ee。 */
  color: #aeb6c2 !important; /* 设置文字颜色，当前值为 #aeb6c2。 */
  opacity: 1 !important; /* 设置透明度，当前值为 1。 */
  cursor: not-allowed !important; /* 设置鼠标指针样式，当前值为 not-allowed。 */
}

#elementor-popup-modal-3713 .uoobeo-quantity-stepper button[data-uoobeo-plus] {
  border: 1px solid #cfd5de !important; /* 设置边框样式，当前值为 1px solid #cfd5de。 */
  background: #fff !important; /* 设置背景样式，当前值为 #fff。 */
  color: #202733 !important; /* 设置文字颜色，当前值为 #202733。 */
  margin-right: 0 !important; /* 设置右侧外边距，当前值为 0。 */
  transform: translateX(5px) !important; /* 设置元素变换效果，当前值为 translateX(5px)。 */
}

#elementor-popup-modal-3713 .uoobeo-quantity-stepper button.uoobeo-quantity-stepper__button:hover:not(:disabled),
#elementor-popup-modal-3713 .uoobeo-quantity-stepper button.uoobeo-quantity-stepper__button:focus-visible:not(:disabled) {
  background: #fff !important; /* 设置背景样式，当前值为 #fff。 */
  color: #111827 !important; /* 设置文字颜色，当前值为 #111827。 */
}

#elementor-popup-modal-3713 .uoobeo-quantity-stepper input.uoobeo-quantity-stepper__value {
  display: block !important; /* 设置元素显示方式，当前值为 block。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  width: 38px !important; /* 设置元素宽度，当前值为 38px。 */
  min-width: 38px !important; /* 设置最小宽度，当前值为 38px。 */
  max-width: 38px !important; /* 限制最大宽度，当前值为 38px。 */
  height: 30px !important; /* 设置元素高度，当前值为 30px。 */
  min-height: 30px !important; /* 设置最小高度，当前值为 30px。 */
  max-height: 30px !important; /* 限制最大高度，当前值为 30px。 */
  margin: 1px 0 !important; /* 设置外边距，当前值为 1px 0。 */
  padding: 0 2px !important; /* 设置内边距，当前值为 0 2px。 */
  border: 0 !important; /* 设置边框样式，当前值为 0。 */
  border-radius: 0 !important; /* 设置圆角大小，当前值为 0。 */
  outline: 0 !important; /* 设置轮廓线，当前值为 0。 */
  background: transparent !important; /* 设置背景样式，当前值为 transparent。 */
  color: #202733 !important; /* 设置文字颜色，当前值为 #202733。 */
  box-shadow: none !important; /* 设置阴影效果，当前值为 none。 */
  font-family: inherit !important; /* 设置字体族，当前值为 inherit。 */
  font-size: 15px !important; /* 设置字体大小，当前值为 15px。 */
  font-weight: 400 !important; /* 设置字体粗细，当前值为 400。 */
  font-variant-numeric: tabular-nums !important; /* 设置数字等宽显示，当前值为 tabular-nums。 */
  line-height: 30px !important; /* 设置文字行高，当前值为 30px。 */
  text-align: center !important; /* 设置文字对齐方式，当前值为 center。 */
  appearance: textfield !important; /* 设置控件原生外观，当前值为 textfield。 */
  -moz-appearance: textfield !important; /* 兼容 Firefox 控件外观，当前值为 textfield。 */
}

#elementor-popup-modal-3713 .uoobeo-quantity-stepper input.uoobeo-quantity-stepper__value::-webkit-inner-spin-button,
#elementor-popup-modal-3713 .uoobeo-quantity-stepper input.uoobeo-quantity-stepper__value::-webkit-outer-spin-button {
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  appearance: none !important; /* 设置控件原生外观，当前值为 none。 */
  -webkit-appearance: none !important; /* 兼容 WebKit 控件外观，当前值为 none。 */
}

/* 物流区域。 */
#elementor-popup-modal-3713 .uoobeo-shipping.e-con {
  display: flex !important; /* 设置元素显示方式，当前值为 flex。 */
  flex: 0 0 auto !important; /* 设置弹性伸缩参数，当前值为 0 0 auto。 */
  flex-direction: column !important; /* 设置弹性布局方向，当前值为 column。 */
  align-items: stretch !important; /* 设置交叉轴对齐方式，当前值为 stretch。 */
  min-height: 0 !important; /* 设置最小高度，当前值为 0。 */
  height: auto !important; /* 设置元素高度，当前值为 auto。 */
  max-height: none !important; /* 限制最大高度，当前值为 none。 */
  overflow: visible !important; /* 设置内容溢出处理，当前值为 visible。 */
  align-self: stretch !important; /* 设置当前元素的交叉轴对齐，当前值为 stretch。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  width: calc(100% - 48px) !important; /* 设置元素宽度，当前值为 calc(100% - 48px)。 */
  max-width: calc(100% - 48px) !important; /* 限制最大宽度，当前值为 calc(100% - 48px)。 */
  margin-right: 24px !important; /* 设置右侧外边距，当前值为 24px。 */
  margin-left: 24px !important; /* 设置左侧外边距，当前值为 24px。 */
}

#elementor-popup-modal-3713 .uoobeo-shipping__title.elementor-widget-heading {
  flex: 1 1 auto !important; /* 设置弹性伸缩参数，当前值为 1 1 auto。 */
  width: auto !important; /* 设置元素宽度，当前值为 auto。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
}

#elementor-popup-modal-3713 .uoobeo-shipping__change.elementor-widget-button {
  flex: 0 0 auto !important; /* 设置弹性伸缩参数，当前值为 0 0 auto。 */
  align-self: flex-start !important; /* 设置当前元素的交叉轴对齐，当前值为 flex-start。 */
  width: auto !important; /* 设置元素宽度，当前值为 auto。 */
  margin: -8px 0 0 auto !important; /* 设置外边距，当前值为 -8px 0 0 auto。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
}

#elementor-popup-modal-3713 .uoobeo-shipping__change .elementor-button {
  display: inline-flex !important; /* 设置元素显示方式，当前值为 inline-flex。 */
  align-items: center !important; /* 设置交叉轴对齐方式，当前值为 center。 */
  line-height: 22px !important; /* 设置文字行高，当前值为 22px。 */
  min-height: 28px !important; /* 设置最小高度，当前值为 28px。 */
  padding: 2px 0 2px 8px !important; /* 设置内边距，当前值为 2px 0 2px 8px。 */
}

#elementor-popup-modal-3713 .uoobeo-shipping__card.e-con {
  display: flex !important; /* 设置元素显示方式，当前值为 flex。 */
  visibility: visible !important; /* 设置元素可见状态，当前值为 visible。 */
  opacity: 1 !important; /* 设置透明度，当前值为 1。 */
  flex: 0 0 auto !important; /* 设置弹性伸缩参数，当前值为 0 0 auto。 */
  flex-direction: column !important; /* 设置弹性布局方向，当前值为 column。 */
  align-items: stretch !important; /* 设置交叉轴对齐方式，当前值为 stretch。 */
  gap: 0 !important; /* 设置子元素间距，当前值为 0。 */
  margin-top: 12px !important; /* 设置顶部外边距，当前值为 12px。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  justify-content: flex-start !important; /* 设置主轴对齐方式，当前值为 flex-start。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  min-height: 0 !important; /* 设置最小高度，当前值为 0。 */
  height: auto !important; /* 设置元素高度，当前值为 auto。 */
  max-height: none !important; /* 限制最大高度，当前值为 none。 */
  margin: 8px 0 0 !important; /* 设置外边距，当前值为 8px 0 0。 */
  padding: 8px 13px !important; /* 设置内边距，当前值为 8px 13px。 */
  overflow: visible !important; /* 设置内容溢出处理，当前值为 visible。 */
}

#elementor-popup-modal-3713 .uoobeo-shipping__card > .elementor-element,
#elementor-popup-modal-3713 .uoobeo-shipping__card .elementor-widget-container,
#elementor-popup-modal-3713 .uoobeo-shipping__card .elementor-shortcode,
#elementor-popup-modal-3713 .uoobeo-shipping-card-content {
  position: static !important; /* 设置定位方式，当前值为 static。 */
  display: block !important; /* 设置元素显示方式，当前值为 block。 */
  visibility: visible !important; /* 设置元素可见状态，当前值为 visible。 */
  opacity: 1 !important; /* 设置透明度，当前值为 1。 */
  flex: 0 0 auto !important; /* 设置弹性伸缩参数，当前值为 0 0 auto。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  min-width: 0 !important; /* 设置最小宽度，当前值为 0。 */
  height: auto !important; /* 设置元素高度，当前值为 auto。 */
  min-height: 0 !important; /* 设置最小高度，当前值为 0。 */
  max-height: none !important; /* 限制最大高度，当前值为 none。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  overflow: visible !important; /* 设置内容溢出处理，当前值为 visible。 */
  white-space: normal !important; /* 设置文字换行方式，当前值为 normal。 */
}

#elementor-popup-modal-3713 .uoobeo-shipping-card-content__method,
#elementor-popup-modal-3713 .uoobeo-shipping-card-content__cost,
#elementor-popup-modal-3713 .uoobeo-shipping-card-content__delivery {
  position: static !important; /* 设置定位方式，当前值为 static。 */
  display: block !important; /* 设置元素显示方式，当前值为 block。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  height: auto !important; /* 设置元素高度，当前值为 auto。 */
  min-height: 22px !important; /* 设置最小高度，当前值为 22px。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  overflow: visible !important; /* 设置内容溢出处理，当前值为 visible。 */
  color: #303030 !important; /* 设置文字颜色，当前值为 #303030。 */
  font-family: inherit !important; /* 设置字体族，当前值为 inherit。 */
  font-size: 14px !important; /* 设置字体大小，当前值为 14px。 */
  line-height: 22px !important; /* 设置文字行高，当前值为 22px。 */
  white-space: normal !important; /* 设置文字换行方式，当前值为 normal。 */
}

#elementor-popup-modal-3713 .uoobeo-shipping-card-content__method {
  font-weight: 700 !important; /* 设置字体粗细，当前值为 700。 */
}

/* 弹窗底部固定区域。 */
#elementor-popup-modal-3713 .uoobeo-product-configurator__footer.e-con {
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
}

/* 物流区域。 */
#elementor-popup-modal-3713 .uoobeo-shipping.e-con,
#elementor-popup-modal-3713 .uoobeo-shipping__card.e-con {
  flex: 0 0 auto !important; /* 设置弹性伸缩参数，当前值为 0 0 auto。 */
  min-height: 0 !important; /* 设置最小高度，当前值为 0。 */
  height: auto !important; /* 设置元素高度，当前值为 auto。 */
  max-height: none !important; /* 限制最大高度，当前值为 none。 */
  overflow: visible !important; /* 设置内容溢出处理，当前值为 visible。 */
}

#elementor-popup-modal-3713 .uoobeo-shipping__card > .elementor-widget,
#elementor-popup-modal-3713 .uoobeo-shipping__card .elementor-widget-container,
#elementor-popup-modal-3713 .uoobeo-shipping__card .elementor-shortcode {
  position: static !important; /* 设置定位方式，当前值为 static。 */
  display: block !important; /* 设置元素显示方式，当前值为 block。 */
  visibility: visible !important; /* 设置元素可见状态，当前值为 visible。 */
  opacity: 1 !important; /* 设置透明度，当前值为 1。 */
  flex: 0 0 auto !important; /* 设置弹性伸缩参数，当前值为 0 0 auto。 */
  box-sizing: border-box !important; /* 设置盒模型计算方式，当前值为 border-box。 */
  width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
  min-width: 0 !important; /* 设置最小宽度，当前值为 0。 */
  min-height: 22px !important; /* 设置最小高度，当前值为 22px。 */
  height: auto !important; /* 设置元素高度，当前值为 auto。 */
  max-height: none !important; /* 限制最大高度，当前值为 none。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  overflow: visible !important; /* 设置内容溢出处理，当前值为 visible。 */
  line-height: 22px !important; /* 设置文字行高，当前值为 22px。 */
  white-space: normal !important; /* 设置文字换行方式，当前值为 normal。 */
}

/* 中间滚动区域。 */
#elementor-popup-modal-3713 .uoobeo-product-configurator__scroll.e-con {
  scroll-padding-bottom: 24px !important; /* 设置滚动区域底部预留，当前值为 24px。 */
  padding-bottom: 24px !important; /* 设置底部内边距，当前值为 24px。 */
}

/* 物流区域。 */
#elementor-popup-modal-3713 .uoobeo-shipping__card > .elementor-widget,
#elementor-popup-modal-3713 .uoobeo-shipping__card .elementor-widget-container,
#elementor-popup-modal-3713 .uoobeo-shipping__card .elementor-shortcode,
#elementor-popup-modal-3713 .uoobeo-shipping-card-content,
#elementor-popup-modal-3713 .uoobeo-shipping-card-content__method,
#elementor-popup-modal-3713 .uoobeo-shipping-card-content__cost,
#elementor-popup-modal-3713 .uoobeo-shipping-card-content__delivery {
  min-height: 20px !important; /* 设置最小高度，当前值为 20px。 */
  height: auto !important; /* 设置元素高度，当前值为 auto。 */
  max-height: none !important; /* 限制最大高度，当前值为 none。 */
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  padding: 0 !important; /* 设置内边距，当前值为 0。 */
  overflow: visible !important; /* 设置内容溢出处理，当前值为 visible。 */
  line-height: 20px !important; /* 设置文字行高，当前值为 20px。 */
  white-space: normal !important; /* 设置文字换行方式，当前值为 normal。 */
}

/* 颜色标题区域。 */
#elementor-popup-modal-3713 .uoobeo-color-title.elementor-widget-heading .elementor-heading-title,
#elementor-popup-modal-3713 .uoobeo-color-title .elementor-heading-title {
  margin: 0 !important; /* 设置外边距，当前值为 0。 */
  color: var(--uoobeo-ink, #242424) !important; /* 设置文字颜色，当前值为 var(--uoobeo-ink, #242424)。 */
  font-family: inherit !important; /* 设置字体族，当前值为 inherit。 */
  font-size: 20px !important; /* 设置字体大小，当前值为 20px。 */
  font-weight: 700 !important; /* 设置字体粗细，当前值为 700。 */
  line-height: 28px !important; /* 设置文字行高，当前值为 28px。 */
  letter-spacing: 0 !important; /* 设置字符间距，当前值为 0。 */
}

/* 响应式规则：(max-width: 480px)。 */
@media (max-width: 480px) {
  /* 弹窗主容器。 */
  .uoobeo-product-configurator {
    width: calc(100vw - 8px); /* 设置元素宽度，当前值为 calc(100vw - 8px)。 */
    max-width: none; /* 限制最大宽度，当前值为 none。 */
    height: 100%; /* 设置元素高度，当前值为 100%。 */
    max-height: none; /* 限制最大高度，当前值为 none。 */
  }

  /* 弹窗顶部标题区域。 */
  .uoobeo-product-configurator__header,
  .uoobeo-product-options {
    padding-right: 16px; /* 设置右侧内边距，当前值为 16px。 */
    padding-left: 16px; /* 设置左侧内边距，当前值为 16px。 */
  }

  /* 阶梯批发价格区域。 */
  .uoobeo-tier-pricing,
  .uoobeo-shipping {
    margin-right: 16px; /* 设置右侧外边距，当前值为 16px。 */
    margin-left: 16px; /* 设置左侧外边距，当前值为 16px。 */
  }

  /* 弹窗底部固定区域。 */
  .uoobeo-product-configurator__footer {
    padding-right: 16px; /* 设置右侧内边距，当前值为 16px。 */
    padding-left: 16px; /* 设置左侧内边距，当前值为 16px。 */
  }

  /* 错误提示区域。 */
  .uoobeo-product-configurator__error {
    right: 16px; /* 设置右侧定位距离，当前值为 16px。 */
    left: 16px; /* 设置左侧定位距离，当前值为 16px。 */
  }

  /* 阶梯批发价格区域。 */
  .uoobeo-tier-pricing__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* 设置网格列宽，当前值为 repeat(2, minmax(0, 1fr))。 */
    gap: 16px 12px; /* 设置子元素间距，当前值为 16px 12px。 */
  }

  .uoobeo-tier-pricing__price {
    font-size: 22px; /* 设置字体大小，当前值为 22px。 */
  }

  /* 颜色规格列表。 */
  .uoobeo-variant-row {
    grid-template-columns: 54px minmax(70px, 1fr) 112px; /* 设置网格列宽，当前值为 54px minmax(70px, 1fr) 112px。 */
    gap: 9px; /* 设置子元素间距，当前值为 9px。 */
  }

  .uoobeo-color-swatch {
    width: 54px; /* 设置元素宽度，当前值为 54px。 */
    height: 54px; /* 设置元素高度，当前值为 54px。 */
  }

  .uoobeo-variant-row__price {
    grid-column: 2; /* 设置网格列位置，当前值为 2。 */
    text-align: left; /* 设置文字对齐方式，当前值为 left。 */
  }

  /* 数量输入控件。 */
  .uoobeo-quantity-stepper {
    grid-column: 3; /* 设置网格列位置，当前值为 3。 */
    grid-row: 1 / span 2; /* 设置网格行位置，当前值为 1 / span 2。 */
  }

  /* 型号区域。 */
  .uoobeo-model-section.e-con,
  .uoobeo-color-section.e-con {
    padding-right: 16px; /* 设置右侧内边距，当前值为 16px。 */
    padding-left: 16px; /* 设置左侧内边距，当前值为 16px。 */
  }

  /* 物流区域。 */
  .uoobeo-shipping.e-con {
    margin-right: 16px; /* 设置右侧外边距，当前值为 16px。 */
    margin-left: 16px; /* 设置左侧外边距，当前值为 16px。 */
  }

  /* 弹窗底部固定区域。 */
  .uoobeo-product-configurator__footer.e-con {
    padding-right: 16px; /* 设置右侧内边距，当前值为 16px。 */
    padding-left: 16px; /* 设置左侧内边距，当前值为 16px。 */
  }

  /* 错误提示区域。 */
  .uoobeo-product-configurator__error.elementor-widget-text-editor {
    right: 16px; /* 设置右侧定位距离，当前值为 16px。 */
    left: 16px; /* 设置左侧定位距离，当前值为 16px。 */
  }

  /* Elementor 弹窗外壳。 */
  .elementor-3713 .elementor-element.elementor-element-f8c1efa,
  .uoobeo-product-configurator,
  .uoobeo-product-configurator.e-con,
  .e-con:has(> .uoobeo-product-configurator),
  #elementor-popup-modal-3713 .dialog-widget-content {
    width: 100vw !important; /* 设置元素宽度，当前值为 100vw。 */
    max-width: 100vw !important; /* 限制最大宽度，当前值为 100vw。 */
    margin: 0 !important; /* 设置外边距，当前值为 0。 */
  }

  /* 弹窗主容器。 */
  .elementor-3713 .elementor-element.elementor-element-f8c1efa,
  .uoobeo-product-configurator,
  .uoobeo-product-configurator.e-con {
    width: 100vw !important; /* 设置元素宽度，当前值为 100vw。 */
    max-width: 100vw !important; /* 限制最大宽度，当前值为 100vw。 */
  }

  /* Elementor 弹窗外壳。 */
  body.elementor-editor-active #elementor-popup-modal-3713 .dialog-widget-content,
  body.elementor-editor-preview #elementor-popup-modal-3713 .dialog-widget-content {
    left: 0 !important; /* 设置左侧定位距离，当前值为 0。 */
    width: 100vw !important; /* 设置元素宽度，当前值为 100vw。 */
    max-width: 100vw !important; /* 限制最大宽度，当前值为 100vw。 */
    transform: none !important; /* 设置元素变换效果，当前值为 none。 */
  }

  /* 物流区域。 */
  .uoobeo-product-configurator .uoobeo-shipping.e-con {
    width: calc(100% - 32px) !important; /* 设置元素宽度，当前值为 calc(100% - 32px)。 */
    max-width: calc(100% - 32px) !important; /* 限制最大宽度，当前值为 calc(100% - 32px)。 */
    margin-right: 16px !important; /* 设置右侧外边距，当前值为 16px。 */
    margin-left: 16px !important; /* 设置左侧外边距，当前值为 16px。 */
  }

  /* 弹窗底部固定区域。 */
  .uoobeo-product-configurator .uoobeo-product-configurator__footer.e-con {
    margin-top: 72px !important; /* 设置顶部外边距，当前值为 72px。 */
  }

  /* 颜色规格列表。 */
  #elementor-popup-modal-3713 .uoobeo-variant-row {
    grid-template-columns: 58px minmax(62px, 1fr) minmax(68px, auto) 96px !important; /* 设置网格列宽，当前值为 58px minmax(62px, 1fr) minmax(68px, auto) 96px。 */
    gap: 7px !important; /* 设置子元素间距，当前值为 7px。 */
  }

  #elementor-popup-modal-3713 .uoobeo-color-swatch {
    width: 58px !important; /* 设置元素宽度，当前值为 58px。 */
    min-width: 58px !important; /* 设置最小宽度，当前值为 58px。 */
    max-width: 58px !important; /* 限制最大宽度，当前值为 58px。 */
    height: 58px !important; /* 设置元素高度，当前值为 58px。 */
    min-height: 58px !important; /* 设置最小高度，当前值为 58px。 */
    max-height: 58px !important; /* 限制最大高度，当前值为 58px。 */
  }

  /* 数量输入控件。 */
  #elementor-popup-modal-3713 .uoobeo-quantity-stepper {
    grid-template-columns: 28px 38px 28px !important; /* 设置网格列宽，当前值为 28px 38px 28px。 */
    width: 96px !important; /* 设置元素宽度，当前值为 96px。 */
    min-width: 96px !important; /* 设置最小宽度，当前值为 96px。 */
    max-width: 96px !important; /* 限制最大宽度，当前值为 96px。 */
  }

  #elementor-popup-modal-3713 .uoobeo-quantity-stepper button.uoobeo-quantity-stepper__button {
    width: 28px !important; /* 设置元素宽度，当前值为 28px。 */
    min-width: 28px !important; /* 设置最小宽度，当前值为 28px。 */
    max-width: 28px !important; /* 限制最大宽度，当前值为 28px。 */
  }

  #elementor-popup-modal-3713 .uoobeo-quantity-stepper output.uoobeo-quantity-stepper__value {
    width: 42px !important; /* 设置元素宽度，当前值为 42px。 */
    min-width: 42px !important; /* 设置最小宽度，当前值为 42px。 */
    max-width: 42px !important; /* 限制最大宽度，当前值为 42px。 */
  }

  /* 物流区域。 */
  #elementor-popup-modal-3713 .uoobeo-shipping.e-con {
    width: calc(100% - 32px) !important; /* 设置元素宽度，当前值为 calc(100% - 32px)。 */
    max-width: calc(100% - 32px) !important; /* 限制最大宽度，当前值为 calc(100% - 32px)。 */
    margin-right: 16px !important; /* 设置右侧外边距，当前值为 16px。 */
    margin-left: 16px !important; /* 设置左侧外边距，当前值为 16px。 */
  }
}

/* 响应式规则：(max-width: 767px)。 */
@media (max-width: 767px) {
  /* 组件兼容样式。 */
  #elementor-popup-modal-3713 {
    --uoobeo-popup-header-offset: 72px; /* 设置 --uoobeo-popup-header-offset 属性，当前值为 72px。 */
  }

  /* Elementor 弹窗外壳。 */
  #elementor-popup-modal-3713 .dialog-widget-content {
    width: 100% !important; /* 设置元素宽度，当前值为 100%。 */
    border-radius: 0 !important; /* 设置圆角大小，当前值为 0。 */
  }
}
/*
 * UOOBEO Popup 3713：“更改”右箭头垂直对齐修复。
 * 如果使用整合版 CSS，此文件不需要重复粘贴。
 * 如果仍在使用旧 CSS，请把下面规则放到自定义 CSS 最底部。
 */
#elementor-popup-modal-3713 .uoobeo-shipping__change.elementor-widget-button .elementor-button-text::after {
  position: relative !important; /* 允许单独调整箭头位置，不影响“更改”文字。 */
  top: -1px !important; /* 将右箭头向上移动 2px，使其与“更改”文字垂直对齐。 */
}

#elementor-popup-modal-3713 .uoobeo-product-configurator__close {
  top: 25px; /* 原来 20px，向下移动 5px */
  font-size: 40px; /* 原来 34px */
}/* End custom CSS */