.elementor-3624 .elementor-element.elementor-element-e7fc09e{--display:flex;}.elementor-3624 .elementor-element.elementor-element-8698aab{--display:flex;}.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-3624 .elementor-element.elementor-element-006d895 .elementor-heading-title{color:#3C3F41;}.elementor-3624 .elementor-element.elementor-element-1db95f0{--display:flex;}.elementor-3624 .elementor-element.elementor-element-de99dc2{--display:flex;}#elementor-popup-modal-3624{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3624 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-3624 .dialog-close-button{display:flex;}#elementor-popup-modal-3624 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for container, class: .elementor-element-e7fc09e *//*=========================================================
   UOOBEO 询盘弹窗最终整理版
   适用范围：Elementor Popup ID 3624
   使用方法：删除该 Popup 中原有的全部自定义 CSS，再完整粘贴本文件。
   注意：不要把本文件追加到旧 CSS 后面，否则旧规则仍会互相覆盖。
========================================================= */

/*=========================================================
   一、弹窗外框
   保留桌面端 900px 最大宽度和原来的边框、圆角、留白与滚动方式。
========================================================= */

/* Elementor 弹窗外壳：控制桌面端整体宽度。 */
#elementor-popup-modal-3624 .dialog-widget-content {
width: min(900px, calc(100vw - 24px)) !important;
max-width: 900px !important;
}

/* 弹窗消息层和内容层：跟随外壳宽度，避免内部仍停留在旧的 710px。 */
#elementor-popup-modal-3624 .dialog-message,
#elementor-popup-modal-3624 .uoobeo-inquiry-popup {
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
}

/* 弹窗主体：保留现有背景、边框、圆角和桌面端左右 32px 留白。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-popup {
max-height: 90vh !important;
overflow-y: auto !important;
padding: 14px 32px 20px !important;
border: 1px solid #d8d0c3 !important;
border-radius: 6px !important;
background: #ffffff !important;
}

/*=========================================================
   二、关闭按钮
   固定在右上角，保留当前大小、颜色和悬停效果。
========================================================= */

/* 关闭按钮默认状态。 */
#elementor-popup-modal-3624 .dialog-close-button {
position: absolute !important;
inset: 25px 22px auto auto !important;
z-index: 999 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 30px !important;
height: 30px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 4px !important;
background: transparent !important;
color: #333333 !important;
font-size: 15px !important;
line-height: 1 !important;
}

/* 关闭按钮鼠标悬停状态。 */
#elementor-popup-modal-3624 .dialog-close-button:hover {
background: #f3f3f3 !important;
color: #000000 !important;
}

/*=========================================================
   三、商品信息区域
   保留公司名称、商品图片、标题和数量框的现有桌面布局，并增加商品型号。
========================================================= */

/* 弹窗主标题容器：去掉 Elementor 容器自身留白，与下方商品框和表单左边对齐。 */
.uoobeo-inquiry-heading-row {
--padding-top: 0px !important;
--padding-right: 0px !important;
--padding-bottom: 0px !important;
--padding-left: 0px !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}

/* 弹窗主标题控件和文字：清除内部留白并保持左对齐。 */
.uoobeo-inquiry-heading-row .elementor-widget-container,
.uoobeo-inquiry-heading-row .elementor-heading-title {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
box-sizing: border-box !important;
}

/* 商品信息面板外框。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-panel {
padding: 0 0 14px !important;
border: 1px solid #d8d0c3 !important;
border-radius: 6px !important;
background: #ffffff !important;
box-sizing: border-box !important;
}

/* 公司信息行：第二列宽度与下方数量框一致，因此型号和数量框左边对齐。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-company {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 270px !important;
align-items: center !important;
column-gap: 18px !important;
padding: 10px 18px 12px !important;
border-bottom: 1px solid #d8d0c3 !important;
color: #333333 !important;
font-size: 13px !important;
font-weight: 600 !important;
box-sizing: border-box !important;
}

/* 公司名称：允许较窄屏幕正常换行。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-company-name {
min-width: 0 !important;
overflow-wrap: anywhere !important;
}

/* 商品型号：放在公司行右侧，与数量框起始位置对应。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-model {
min-width: 0 !important;
color: #333333 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}

/* 没有填写型号的商品不显示空的 Model 文案。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-model[hidden] {
display: none !important;
}

/* 商品摘要：桌面端按图片、标题、数量框三列排列。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-row {
display: grid !important;
grid-template-columns: 82px minmax(0, 1fr) 270px !important;
align-items: center !important;
gap: 18px !important;
min-height: 92px !important;
padding: 0 18px !important;
}

/* 商品图片容器：保留 78px 尺寸并移除图片外框。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-image {
width: 78px !important;
height: 78px !important;
overflow: hidden !important;
border: 0 !important;
border-radius: 5px !important;
box-shadow: none !important;
background: #ffffff !important;
}

/* 商品图片：完整显示，不拉伸、不裁切。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-image img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}

/* 商品标题：保留蓝色文字并允许长标题正常换行。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-title {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
color: #0073b5 !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
overflow-wrap: anywhere !important;
}

/* 数量框：保留标签、数值、单位三列结构。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-quantity-box {
display: grid !important;
grid-template-columns: 88px minmax(0, 1fr) 70px !important;
align-items: center !important;
height: 38px !important;
overflow: hidden !important;
border: 1px solid #999999 !important;
border-radius: 5px !important;
background: #ffffff !important;
box-sizing: border-box !important;
}

/* 数量框左侧标签。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-quantity-box label {
height: 36px !important;
padding: 0 10px !important;
border-right: 1px solid #999999 !important;
color: #333333 !important;
font-size: 13px !important;
line-height: 36px !important;
}

/* 数量输入框。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-quantity-box input {
width: 100% !important;
min-width: 0 !important;
height: 36px !important;
padding: 0 10px !important;
border: 0 !important;
outline: 0 !important;
color: #333333 !important;
font-size: 14px !important;
box-sizing: border-box !important;
}

/* 数量框右侧单位。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-quantity-box span {
color: #666666 !important;
font-size: 13px !important;
text-align: center !important;
}

/*=========================================================
   四、询盘表单基础样式
   保留现有标签、输入框、焦点状态和按钮视觉。
========================================================= */

/* 表单区域：保留无外框样式，并与商品信息区域左右对齐。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form-panel {
width: 100% !important;
margin-top: 28px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
box-sizing: border-box !important;
}

/* 表单本体：清除额外外边距和内边距。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form,
#elementor-popup-modal-3624 .uoobeo-inquiry-form form {
display: flex !important;
flex-wrap: wrap !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

/* 表单标签文字。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form label,
#elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-field-label {
color: #333333 !important;
font-size: 13px !important;
font-weight: 600 !important;
}

/* 消息和邮箱标签后面的必填星号。 */
#elementor-popup-modal-3624 label[for="e-form-message"]::after,
#elementor-popup-modal-3624 label[for="e-form-email"]::after {
content: "*" !important;
display: inline-block !important;
margin-left: 2px !important;
color: #fa84ad !important;
font-size: inherit !important;
font-weight: 700 !important;
line-height: 1 !important;
}

/* 表单输入框和文本域的统一外观。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form input,
#elementor-popup-modal-3624 .uoobeo-inquiry-form textarea,
#elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-field {
width: 100% !important;
min-width: 0 !important;
min-height: 38px !important;
padding: 9px 11px !important;
border: 1px solid #a6a6a6 !important;
border-radius: 6px !important;
background: #ffffff !important;
color: #333333 !important;
font-size: 14px !important;
box-sizing: border-box !important;
}

/* 消息输入框：桌面端保留 150px 高度。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form #e-form-message {
width: 100% !important;
max-width: 100% !important;
min-height: 150px !important;
height: 150px !important;
resize: vertical !important;
}

/* 邮箱输入框：桌面端保留半宽。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form > label[for="e-form-email"] {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
flex-basis: 100% !important;
}

/* 邮箱输入框本体：从标签下一行开始，并继续保持桌面端半宽。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form #e-form-email {
display: block !important;
width: 50% !important;
max-width: 50% !important;
flex: 0 0 50% !important;
}

/* 输入框获得焦点时的边框和高亮。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form input:focus,
#elementor-popup-modal-3624 .uoobeo-inquiry-form textarea:focus {
border-color: #0073b5 !important;
outline: 0 !important;
box-shadow: 0 0 0 2px rgba(0, 115, 181, 0.12) !important;
}

/* 提交按钮：桌面端保留半宽、黄色背景和当前圆角。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form button[type="submit"],
#elementor-popup-modal-3624 .uoobeo-inquiry-form input[type="submit"],
#elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-button,
#elementor-popup-modal-3624 .uoobeo-inquiry-form .e-form__buttons__wrapper__button {
width: 50% !important;
max-width: 50% !important;
min-height: 42px !important;
margin-top: 8px !important;
flex: 0 0 50% !important;
align-self: flex-start !important;
border: 0 !important;
border-radius: 10px !important;
background: #ffbf00 !important;
color: #333333 !important;
font-size: 15px !important;
font-weight: 500 !important;
cursor: pointer !important;
}

/* 提交按钮鼠标悬停状态。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form button[type="submit"]:hover,
#elementor-popup-modal-3624 .uoobeo-inquiry-form input[type="submit"]:hover,
#elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-button:hover,
#elementor-popup-modal-3624 .uoobeo-inquiry-form .e-form__buttons__wrapper__button:hover {
background: #f2aa00 !important;
}

/*=========================================================
   五、平板端响应式（768px - 1024px）
   保留三列商品摘要，表单使用稳定的两列布局。
========================================================= */
@media (min-width: 768px) and (max-width: 1024px) {
  /* 平板弹窗外壳：最大 760px，两侧至少保留 16px。 */
  #elementor-popup-modal-3624 .dialog-widget-content {
width: min(760px, calc(100vw - 32px)) !important;
max-width: 760px !important;
max-height: calc(100dvh - 24px) !important;
box-sizing: border-box !important;
  }

  /* 平板弹窗内部：内容过长时在弹窗内部滚动。 */
  #elementor-popup-modal-3624 .dialog-message,
  #elementor-popup-modal-3624 .uoobeo-inquiry-popup {
width: 100% !important;
max-width: none !important;
max-height: calc(100dvh - 24px) !important;
overflow-y: auto !important;
box-sizing: border-box !important;
  }

  /* 平板商品摘要：图片、标题、数量框三列排列。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-row {
grid-template-columns: 72px minmax(0, 1fr) 220px !important;
gap: 12px !important;
min-height: 82px !important;
padding: 0 14px !important;
  }

  /* 平板公司信息行：型号继续与 220px 数量框左边对齐。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-company {
grid-template-columns: minmax(0, 1fr) 220px !important;
column-gap: 12px !important;
padding: 10px 14px 12px !important;
  }

  /* 平板商品图片尺寸。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-image {
width: 68px !important;
height: 68px !important;
  }

  /* 平板表单区域留白。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form-panel {
width: 100% !important;
margin-top: 24px !important;
padding: 16px !important;
box-sizing: border-box !important;
  }

  /* 平板表单：改为左右两列，防止字段被挤成竖条。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form form {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
column-gap: 12px !important;
row-gap: 10px !important;
align-items: stretch !important;
width: 100% !important;
min-width: 0 !important;
  }

  /* 平板表单子元素：允许收缩，防止横向溢出。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form > *,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form form > * {
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
  }

  /* 平板消息标签、消息框和邮箱标签占满两列。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form > label[for="e-form-message"],
  #elementor-popup-modal-3624 .uoobeo-inquiry-form > #e-form-message,
#elementor-popup-modal-3624 .uoobeo-inquiry-form > label[for="e-form-email"] {
grid-column: 1 / -1 !important;
width: 100% !important;
  }

  /* 平板邮箱输入框位于左列。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form > #e-form-email {
grid-column: 1 !important;
width: 100% !important;
max-width: 100% !important;
flex: none !important;
  }

  /* 平板提交按钮位于右列，并与邮箱输入框并排。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form > button[type="submit"],
#elementor-popup-modal-3624 .uoobeo-inquiry-form > input[type="submit"],
  #elementor-popup-modal-3624 .uoobeo-inquiry-form > .e-form__buttons__wrapper__button,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form > .e-form__buttons {
grid-column: 2 !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
align-self: end !important;
flex: none !important;
  }
}

/*=========================================================
   六、手机端响应式（767px 及以下）
   商品摘要改为两列加数量整行，表单改为单列全宽。
========================================================= */
@media (max-width: 767px) {
  /* 手机弹窗外壳：左右各保留 8px，并限制在屏幕高度内。 */
  #elementor-popup-modal-3624 .dialog-widget-content {
width: calc(100vw - 16px) !important;
max-width: calc(100vw - 16px) !important;
max-height: calc(100dvh - 16px) !important;
box-sizing: border-box !important;
  }

  /* 手机弹窗内部：内容过长时在弹窗内部滚动。 */
  #elementor-popup-modal-3624 .dialog-message,
  #elementor-popup-modal-3624 .uoobeo-inquiry-popup {
width: 100% !important;
max-width: none !important;
max-height: calc(100dvh - 16px) !important;
overflow-y: auto !important;
box-sizing: border-box !important;
  }

  /* 手机弹窗主体留白。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-popup {
padding: 12px 12px 16px !important;
  }

  /* 手机商品信息面板：占满弹窗宽度。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-panel {
width: 100% !important;
padding-bottom: 10px !important;
box-sizing: border-box !important;
  }

  /* 手机公司信息行：公司名称在左，商品型号在右，空间不足时允许文字换行。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-company {
grid-template-columns: minmax(0, 1fr) auto !important;
column-gap: 8px !important;
padding: 9px 10px 10px !important;
  }

  /* 手机商品型号：限制最大宽度，防止挤压公司名称。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-model {
max-width: 42vw !important;
text-align: right !important;
  }

  /* 手机商品摘要：图片和标题两列，数量框自动进入下一行。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-row {
grid-template-columns: 58px minmax(0, 1fr) !important;
gap: 8px !important;
min-height: 0 !important;
padding: 0 10px !important;
align-items: center !important;
  }

  /* 手机商品图片尺寸。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-image {
width: 54px !important;
height: 54px !important;
  }

  /* 手机商品标题：允许任意长单词换行，避免撑出屏幕。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-title {
width: 100% !important;
min-width: 0 !important;
overflow-wrap: anywhere !important;
  }

  /* 手机数量框：单独占满整行。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-quantity-box {
grid-column: 1 / -1 !important;
grid-template-columns: 78px minmax(0, 1fr) 58px !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 8px !important;
box-sizing: border-box !important;
  }

  /* 手机表单区域留白。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form-panel {
width: 100% !important;
margin-top: 18px !important;
padding: 12px !important;
box-sizing: border-box !important;
  }

  /* 手机表单：强制单列，保持字段完整宽度。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form form {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 10px !important;
align-items: stretch !important;
width: 100% !important;
min-width: 0 !important;
  }

  /* 手机表单子元素：全部占满一列且不产生横向溢出。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form > *,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form form > * {
grid-column: 1 / -1 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
flex: none !important;
  }

  /* 手机表单标签：允许正常换行。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form label,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-field-label {
display: block !important;
min-width: 0 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
  }

  /* 手机消息框：保留当前 130px 高度。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form #e-form-message {
width: 100% !important;
max-width: 100% !important;
min-height: 130px !important;
height: 130px !important;
  }

  /* 手机邮箱输入框：恢复全宽。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form #e-form-email {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
  }

  /* 手机提交按钮：恢复全宽并取消桌面端额外上边距。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form button[type="submit"],
#elementor-popup-modal-3624 .uoobeo-inquiry-form input[type="submit"],
  #elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-button,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form .e-form__buttons__wrapper__button,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form .e-form__buttons {
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
flex-basis: 100% !important;
  }

  /* 手机关闭按钮：保留点击区域，缩小图标并向右移动。 */
  #elementor-popup-modal-3624 .dialog-close-button {
inset: 1px -3px auto auto !important;
width: 28px !important;
height: 28px !important;
font-size: 15px !important;
  }

  /* 手机关闭按钮 SVG：Elementor 的 X 是 SVG，需要单独控制尺寸。 */
  #elementor-popup-modal-3624 .dialog-close-button svg,
  #elementor-popup-modal-3624 .dialog-close-button .eicon-close {
width: 15px !important;
height: 15px !important;
font-size: 15px !important;
  }
}

/*=========================================================
   七、Elementor 编辑器桌面预览兼容
   编辑器预览有时不输出 Popup 外层 ID，因此用表单类补一次桌面换行。
   仅在 1025px 以上生效，不会覆盖平板和手机网格布局。
========================================================= */
@media (min-width: 1025px) {
  /* 编辑器桌面预览：表单允许子元素换行。 */
  .uoobeo-inquiry-form {
display: flex !important;
flex-wrap: wrap !important;
  }

  /* 编辑器桌面预览：邮箱标签独占一行。 */
.uoobeo-inquiry-form > label[for="e-form-email"] {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
flex: 0 0 100% !important;
  }

  /* 编辑器桌面预览：邮箱输入框从下一行开始并保持半宽。 */
  .uoobeo-inquiry-form #e-form-email {
width: 50% !important;
max-width: 50% !important;
flex: 0 0 50% !important;
  }
}

/*=========================================================
   八、提交成功和失败提示状态
   必须放在整份 CSS 的最后，防止 Elementor 手机样式重新显示提示。
========================================================= */

/* 默认状态：成功提示和失败提示全部隐藏，不占任何空间。 */
#elementor-popup-modal-3624 form.uoobeo-inquiry-form[data-element_type="e-form"]
> [data-element_type="e-form-success-message"],
#elementor-popup-modal-3624 form.uoobeo-inquiry-form[data-element_type="e-form"]
> [data-element_type="e-form-error-message"] {
display: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
grid-column: 1 / -1 !important;
box-sizing: border-box !important;
}

/* 提交成功：只显示成功提示。 */
#elementor-popup-modal-3624
form.uoobeo-inquiry-form[data-element_type="e-form"].form-state-success
> [data-element_type="e-form-success-message"] {
display: block !important;
}

/* 提交失败：只显示失败提示。 */
#elementor-popup-modal-3624
form.uoobeo-inquiry-form[data-element_type="e-form"].form-state-error
> [data-element_type="e-form-error-message"] {
display: block !important;
}

/* Keep an inquiry select field visible whenever Elementor renders one. */
#elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-field-type-select,
#elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-field-type-select select,
#elementor-popup-modal-3624 .uoobeo-inquiry-form select {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}

#elementor-popup-modal-3624 .uoobeo-inquiry-form select {
appearance: auto !important;
-webkit-appearance: auto !important;
}

/* Reserve the message field's lower-right area for the live counter. */
#elementor-popup-modal-3624 .uoobeo-message-field-wrap {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 0 0 100% !important;
grid-column: 1 / -1 !important;
box-sizing: border-box !important;
}

#elementor-popup-modal-3624 .uoobeo-message-field-wrap #e-form-message {
resize: vertical !important;
padding-bottom: 28px !important;
}

/* Keep a visible resize grip even when the browser hides its native grip. */
#elementor-popup-modal-3624 .uoobeo-message-field-wrap::after {
content: "" !important;
position: absolute !important;
right: 4px !important;
bottom: 4px !important;
z-index: 3 !important;
width: 11px !important;
height: 11px !important;
background: repeating-linear-gradient(
    135deg,
    transparent 0 2px,
    #8a8a8a 2px 3px,
    transparent 3px 5px
  ) !important;
pointer-events: none !important;
}

#elementor-popup-modal-3624 .uoobeo-message-counter {
position: absolute !important;
right: 22px !important;
bottom: 16px !important;
z-index: 2 !important;
color: #707070 !important;
font-size: 12px !important;
line-height: 1 !important;
pointer-events: none !important;
user-select: none !important;
}


#elementor-popup-modal-3624
.uoobeo-inquiry-quantity-box input[type="number"]::-webkit-inner-spin-button,
#elementor-popup-modal-3624
.uoobeo-inquiry-quantity-box input[type="number"]::-webkit-outer-spin-button {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}



/*=========================================================
   UOOBEO 询盘弹窗最终整理版
   适用范围：Elementor Popup ID 3624
   使用方法：删除该 Popup 中原有的全部自定义 CSS，再完整粘贴本文件。
   注意：不要把本文件追加到旧 CSS 后面，否则旧规则仍会互相覆盖。
========================================================= */

/*=========================================================
   一、弹窗外框
   保留桌面端 900px 最大宽度和原来的边框、圆角、留白与滚动方式。
========================================================= */

/* Elementor 弹窗外壳：控制桌面端整体宽度。 */
#elementor-popup-modal-3624 .dialog-widget-content {
width: min(900px, calc(100vw - 24px)) !important;
max-width: 900px !important;
}

/* 弹窗消息层和内容层：跟随外壳宽度，避免内部仍停留在旧的 710px。 */
#elementor-popup-modal-3624 .dialog-message,
#elementor-popup-modal-3624 .uoobeo-inquiry-popup {
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
}

/* 弹窗主体：保留现有背景、边框、圆角和桌面端左右 32px 留白。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-popup {
max-height: 90vh !important;
overflow-y: auto !important;
padding: 14px 32px 20px !important;
border: 1px solid #d8d0c3 !important;
border-radius: 6px !important;
background: #ffffff !important;
}

/*=========================================================
   二、关闭按钮
   固定在右上角，保留当前大小、颜色和悬停效果。
========================================================= */

/* 关闭按钮默认状态。 */
#elementor-popup-modal-3624 .dialog-close-button {
position: absolute !important;
inset: 25px 22px auto auto !important;
z-index: 999 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 30px !important;
height: 30px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 4px !important;
background: transparent !important;
color: #333333 !important;
font-size: 15px !important;
line-height: 1 !important;
}

/* 关闭按钮鼠标悬停状态。 */
#elementor-popup-modal-3624 .dialog-close-button:hover {
background: #f3f3f3 !important;
color: #000000 !important;
}

/*=========================================================
   三、商品信息区域
   保留公司名称、商品图片、标题和数量框的现有桌面布局，并增加商品型号。
========================================================= */

/* 弹窗主标题容器：去掉 Elementor 容器自身留白，与下方商品框和表单左边对齐。 */
.uoobeo-inquiry-heading-row {
--padding-top: 0px !important;
--padding-right: 0px !important;
--padding-bottom: 0px !important;
--padding-left: 0px !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}

/* 弹窗主标题控件和文字：清除内部留白并保持左对齐。 */
.uoobeo-inquiry-heading-row .elementor-widget-container,
.uoobeo-inquiry-heading-row .elementor-heading-title {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
box-sizing: border-box !important;
}

/* 商品信息面板外框。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-panel {
padding: 0 0 14px !important;
border: 1px solid #d8d0c3 !important;
border-radius: 6px !important;
background: #ffffff !important;
box-sizing: border-box !important;
}

/* 公司信息行：第二列宽度与下方数量框一致，因此型号和数量框左边对齐。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-company {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 270px !important;
align-items: center !important;
column-gap: 18px !important;
padding: 10px 18px 12px !important;
border-bottom: 1px solid #d8d0c3 !important;
color: #333333 !important;
font-size: 13px !important;
font-weight: 600 !important;
box-sizing: border-box !important;
}

/* 公司名称：允许较窄屏幕正常换行。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-company-name {
min-width: 0 !important;
overflow-wrap: anywhere !important;
}

/* 商品型号：放在公司行右侧，与数量框起始位置对应。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-model {
min-width: 0 !important;
color: #333333 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}

/* 没有填写型号的商品不显示空的 Model 文案。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-model[hidden] {
display: none !important;
}

/* 仅限制变体商品列表本身，保持弹窗和其它布局原样。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-products-list {
height: 92px !important;
max-height: 92px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
scrollbar-width: thin !important;
scrollbar-color: #b8b8b8 transparent !important;
-webkit-overflow-scrolling: touch !important;
}

#elementor-popup-modal-3624 .uoobeo-inquiry-products-list::-webkit-scrollbar {
width: 7px !important;
}

#elementor-popup-modal-3624 .uoobeo-inquiry-products-list::-webkit-scrollbar-thumb {
border-radius: 4px !important;
background: #b8b8b8 !important;
}

/* 商品摘要：桌面端按图片、标题、数量框三列排列。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-row {
display: grid !important;
grid-template-columns: 82px minmax(0, 1fr) 270px !important;
align-items: center !important;
gap: 18px !important;
min-height: 92px !important;
padding: 0 18px !important;
}

/* 商品图片容器：保留 78px 尺寸并移除图片外框。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-image {
width: 78px !important;
height: 78px !important;
overflow: hidden !important;
border: 0 !important;
border-radius: 5px !important;
box-shadow: none !important;
background: #ffffff !important;
}

/* 商品图片：完整显示，不拉伸、不裁切。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-image img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}

/* 商品标题：保留蓝色文字并允许长标题正常换行。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-product-title {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
color: #0073b5 !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
overflow-wrap: anywhere !important;
}

/* 数量框：保留标签、数值、单位三列结构。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-quantity-box {
display: grid !important;
grid-template-columns: 88px minmax(0, 1fr) 70px !important;
align-items: center !important;
height: 38px !important;
overflow: hidden !important;
border: 1px solid #999999 !important;
border-radius: 5px !important;
background: #ffffff !important;
box-sizing: border-box !important;
}

/* 数量框左侧标签。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-quantity-box label {
height: 36px !important;
padding: 0 10px !important;
border-right: 1px solid #999999 !important;
color: #333333 !important;
font-size: 13px !important;
line-height: 36px !important;
}

/* 数量输入框。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-quantity-box input {
width: 100% !important;
min-width: 0 !important;
height: 36px !important;
padding: 0 10px !important;
border: 0 !important;
outline: 0 !important;
color: #333333 !important;
font-size: 14px !important;
box-sizing: border-box !important;
}

/* 数量框右侧单位。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-quantity-box span {
color: #666666 !important;
font-size: 13px !important;
text-align: center !important;
}

/*=========================================================
   四、询盘表单基础样式
   保留现有标签、输入框、焦点状态和按钮视觉。
========================================================= */

/* 表单区域：保留无外框样式，并与商品信息区域左右对齐。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form-panel {
width: 100% !important;
margin-top: 28px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
box-sizing: border-box !important;
}

/* 表单本体：清除额外外边距和内边距。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form,
#elementor-popup-modal-3624 .uoobeo-inquiry-form form {
display: flex !important;
flex-wrap: wrap !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

/* 表单标签文字。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form label,
#elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-field-label {
color: #333333 !important;
font-size: 13px !important;
font-weight: 600 !important;
}

/* 消息和邮箱标签后面的必填星号。 */
#elementor-popup-modal-3624 label[for="e-form-message"]::after,
#elementor-popup-modal-3624 label[for="e-form-email"]::after {
content: "*" !important;
display: inline-block !important;
margin-left: 2px !important;
color: #fa84ad !important;
font-size: inherit !important;
font-weight: 700 !important;
line-height: 1 !important;
}

/* 表单输入框和文本域的统一外观。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form input,
#elementor-popup-modal-3624 .uoobeo-inquiry-form textarea,
#elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-field {
width: 100% !important;
min-width: 0 !important;
min-height: 38px !important;
padding: 9px 11px !important;
border: 1px solid #a6a6a6 !important;
border-radius: 6px !important;
background: #ffffff !important;
color: #333333 !important;
font-size: 14px !important;
box-sizing: border-box !important;
}

/* 消息输入框：桌面端保留 150px 高度。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form #e-form-message {
width: 100% !important;
max-width: 100% !important;
min-height: 150px !important;
height: 150px !important;
resize: vertical !important;
}

/* 邮箱输入框：桌面端保留半宽。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form > label[for="e-form-email"] {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
flex-basis: 100% !important;
}

/* 邮箱输入框本体：从标签下一行开始，并继续保持桌面端半宽。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form #e-form-email {
display: block !important;
width: 50% !important;
max-width: 50% !important;
flex: 0 0 50% !important;
}

/* 输入框获得焦点时的边框和高亮。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form input:focus,
#elementor-popup-modal-3624 .uoobeo-inquiry-form textarea:focus {
border-color: #0073b5 !important;
outline: 0 !important;
box-shadow: 0 0 0 2px rgba(0, 115, 181, 0.12) !important;
}

/* 提交按钮：桌面端保留半宽、黄色背景和当前圆角。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form button[type="submit"],
#elementor-popup-modal-3624 .uoobeo-inquiry-form input[type="submit"],
#elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-button,
#elementor-popup-modal-3624 .uoobeo-inquiry-form .e-form__buttons__wrapper__button {
width: 50% !important;
max-width: 50% !important;
min-height: 42px !important;
margin-top: 8px !important;
flex: 0 0 50% !important;
align-self: flex-start !important;
border: 0 !important;
border-radius: 10px !important;
background: #ffbf00 !important;
color: #333333 !important;
font-size: 15px !important;
font-weight: 500 !important;
cursor: pointer !important;
}

/* 提交按钮鼠标悬停状态。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form button[type="submit"]:hover,
#elementor-popup-modal-3624 .uoobeo-inquiry-form input[type="submit"]:hover,
#elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-button:hover,
#elementor-popup-modal-3624 .uoobeo-inquiry-form .e-form__buttons__wrapper__button:hover {
background: #f2aa00 !important;
}

/*=========================================================
   五、平板端响应式（768px - 1024px）
   保留三列商品摘要，表单使用稳定的两列布局。
========================================================= */
@media (min-width: 768px) and (max-width: 1024px) {
  /* 平板弹窗外壳：最大 760px，两侧至少保留 16px。 */
  #elementor-popup-modal-3624 .dialog-widget-content {
width: min(760px, calc(100vw - 32px)) !important;
max-width: 760px !important;
max-height: calc(100dvh - 24px) !important;
box-sizing: border-box !important;
  }

  /* 平板弹窗内部：内容过长时在弹窗内部滚动。 */
  #elementor-popup-modal-3624 .dialog-message,
  #elementor-popup-modal-3624 .uoobeo-inquiry-popup {
width: 100% !important;
max-width: none !important;
max-height: calc(100dvh - 24px) !important;
overflow-y: auto !important;
box-sizing: border-box !important;
  }

  /* 平板商品摘要：图片、标题、数量框三列排列。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-row {
grid-template-columns: 72px minmax(0, 1fr) 220px !important;
gap: 12px !important;
min-height: 82px !important;
padding: 0 14px !important;
  }

  #elementor-popup-modal-3624 .uoobeo-inquiry-products-list {
height: 82px !important;
max-height: 82px !important;
  }

  /* 平板公司信息行：型号继续与 220px 数量框左边对齐。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-company {
grid-template-columns: minmax(0, 1fr) 220px !important;
column-gap: 12px !important;
padding: 10px 14px 12px !important;
  }

  /* 平板商品图片尺寸。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-image {
width: 68px !important;
height: 68px !important;
  }

  /* 平板表单区域留白。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form-panel {
width: 100% !important;
margin-top: 24px !important;
padding: 16px !important;
box-sizing: border-box !important;
  }

  /* 平板表单：改为左右两列，防止字段被挤成竖条。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form form {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
column-gap: 12px !important;
row-gap: 10px !important;
align-items: stretch !important;
width: 100% !important;
min-width: 0 !important;
  }

  /* 平板表单子元素：允许收缩，防止横向溢出。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form > *,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form form > * {
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
  }

  /* 平板消息标签、消息框和邮箱标签占满两列。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form > label[for="e-form-message"],
  #elementor-popup-modal-3624 .uoobeo-inquiry-form > #e-form-message,
#elementor-popup-modal-3624 .uoobeo-inquiry-form > label[for="e-form-email"] {
grid-column: 1 / -1 !important;
width: 100% !important;
  }

  /* 平板邮箱输入框位于左列。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form > #e-form-email {
grid-column: 1 !important;
width: 100% !important;
max-width: 100% !important;
flex: none !important;
  }

  /* 平板提交按钮位于右列，并与邮箱输入框并排。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form > button[type="submit"],
#elementor-popup-modal-3624 .uoobeo-inquiry-form > input[type="submit"],
  #elementor-popup-modal-3624 .uoobeo-inquiry-form > .e-form__buttons__wrapper__button,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form > .e-form__buttons {
grid-column: 2 !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
align-self: end !important;
flex: none !important;
  }
}

/*=========================================================
   六、手机端响应式（767px 及以下）
   商品摘要改为两列加数量整行，表单改为单列全宽。
========================================================= */
@media (max-width: 767px) {
  /* 手机弹窗外壳：左右各保留 8px，并限制在屏幕高度内。 */
  #elementor-popup-modal-3624 .dialog-widget-content {
width: calc(100vw - 16px) !important;
max-width: calc(100vw - 16px) !important;
max-height: calc(100dvh - 16px) !important;
box-sizing: border-box !important;
  }

  /* 手机弹窗内部：内容过长时在弹窗内部滚动。 */
  #elementor-popup-modal-3624 .dialog-message,
  #elementor-popup-modal-3624 .uoobeo-inquiry-popup {
width: 100% !important;
max-width: none !important;
max-height: calc(100dvh - 16px) !important;
overflow-y: auto !important;
box-sizing: border-box !important;
  }

  /* 手机弹窗主体留白。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-popup {
padding: 12px 12px 16px !important;
  }

  /* 手机商品信息面板：占满弹窗宽度。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-panel {
width: 100% !important;
padding-bottom: 10px !important;
box-sizing: border-box !important;
  }

  /* 手机端沿用原商品行高度，只让变体列表内部滚动。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-products-list {
height: 108px !important;
max-height: 108px !important;
  }

  /* 手机公司信息行：公司名称在左，商品型号在右，空间不足时允许文字换行。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-company {
grid-template-columns: minmax(0, 1fr) auto !important;
column-gap: 8px !important;
padding: 9px 10px 10px !important;
  }

  /* 手机商品型号：限制最大宽度，防止挤压公司名称。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-model {
max-width: 42vw !important;
text-align: right !important;
  }

  /* 手机商品摘要：图片和标题两列，数量框自动进入下一行。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-row {
grid-template-columns: 58px minmax(0, 1fr) !important;
gap: 8px !important;
min-height: 0 !important;
padding: 0 10px !important;
align-items: center !important;
  }

  /* 手机商品图片尺寸。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-image {
width: 54px !important;
height: 54px !important;
  }

  /* 手机商品标题：允许任意长单词换行，避免撑出屏幕。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-product-title {
width: 100% !important;
min-width: 0 !important;
overflow-wrap: anywhere !important;
  }

  /* 手机数量框：单独占满整行。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-quantity-box {
grid-column: 1 / -1 !important;
grid-template-columns: 78px minmax(0, 1fr) 58px !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 8px !important;
box-sizing: border-box !important;
  }

  /* 手机表单区域留白。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form-panel {
width: 100% !important;
margin-top: 18px !important;
padding: 12px !important;
box-sizing: border-box !important;
  }

  /* 手机表单：强制单列，保持字段完整宽度。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form form {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
gap: 10px !important;
align-items: stretch !important;
width: 100% !important;
min-width: 0 !important;
  }

  /* 手机表单子元素：全部占满一列且不产生横向溢出。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form > *,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form form > * {
grid-column: 1 / -1 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
flex: none !important;
  }

  /* 手机表单标签：允许正常换行。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form label,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-field-label {
display: block !important;
min-width: 0 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
  }

  /* 手机消息框：保留当前 130px 高度。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form #e-form-message {
width: 100% !important;
max-width: 100% !important;
min-height: 130px !important;
height: 130px !important;
  }

  /* 手机邮箱输入框：恢复全宽。 */
  #elementor-popup-modal-3624 .uoobeo-inquiry-form #e-form-email {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
  }

  /* 手机提交按钮：恢复全宽并取消桌面端额外上边距。 */
#elementor-popup-modal-3624 .uoobeo-inquiry-form button[type="submit"],
#elementor-popup-modal-3624 .uoobeo-inquiry-form input[type="submit"],
  #elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-button,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form .e-form__buttons__wrapper__button,
  #elementor-popup-modal-3624 .uoobeo-inquiry-form .e-form__buttons {
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
flex-basis: 100% !important;
  }

  /* 手机关闭按钮：保留点击区域，缩小图标并向右移动。 */
  #elementor-popup-modal-3624 .dialog-close-button {
inset: 1px -3px auto auto !important;
width: 28px !important;
height: 28px !important;
font-size: 15px !important;
  }

  /* 手机关闭按钮 SVG：Elementor 的 X 是 SVG，需要单独控制尺寸。 */
  #elementor-popup-modal-3624 .dialog-close-button svg,
  #elementor-popup-modal-3624 .dialog-close-button .eicon-close {
width: 15px !important;
height: 15px !important;
font-size: 15px !important;
  }
}

/*=========================================================
   七、Elementor 编辑器桌面预览兼容
   编辑器预览有时不输出 Popup 外层 ID，因此用表单类补一次桌面换行。
   仅在 1025px 以上生效，不会覆盖平板和手机网格布局。
========================================================= */
@media (min-width: 1025px) {
  /* 编辑器桌面预览：表单允许子元素换行。 */
  .uoobeo-inquiry-form {
display: flex !important;
flex-wrap: wrap !important;
  }

  /* 编辑器桌面预览：邮箱标签独占一行。 */
.uoobeo-inquiry-form > label[for="e-form-email"] {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
flex: 0 0 100% !important;
  }

  /* 编辑器桌面预览：邮箱输入框从下一行开始并保持半宽。 */
  .uoobeo-inquiry-form #e-form-email {
width: 50% !important;
max-width: 50% !important;
flex: 0 0 50% !important;
  }
}

/*=========================================================
   八、提交成功和失败提示状态
   必须放在整份 CSS 的最后，防止 Elementor 手机样式重新显示提示。
========================================================= */

/* 默认状态：成功提示和失败提示全部隐藏，不占任何空间。 */
#elementor-popup-modal-3624 form.uoobeo-inquiry-form[data-element_type="e-form"]
> [data-element_type="e-form-success-message"],
#elementor-popup-modal-3624 form.uoobeo-inquiry-form[data-element_type="e-form"]
> [data-element_type="e-form-error-message"] {
display: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
grid-column: 1 / -1 !important;
box-sizing: border-box !important;
}

/* 提交成功：只显示成功提示。 */
#elementor-popup-modal-3624
form.uoobeo-inquiry-form[data-element_type="e-form"].form-state-success
> [data-element_type="e-form-success-message"] {
display: block !important;
}

/* 提交失败：只显示失败提示。 */
#elementor-popup-modal-3624
form.uoobeo-inquiry-form[data-element_type="e-form"].form-state-error
> [data-element_type="e-form-error-message"] {
display: block !important;
}

/* Keep an inquiry select field visible whenever Elementor renders one. */
#elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-field-type-select,
#elementor-popup-modal-3624 .uoobeo-inquiry-form .elementor-field-type-select select,
#elementor-popup-modal-3624 .uoobeo-inquiry-form select {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}

#elementor-popup-modal-3624 .uoobeo-inquiry-form select {
appearance: auto !important;
-webkit-appearance: auto !important;
}

/* Reserve the message field's lower-right area for the live counter. */
#elementor-popup-modal-3624 .uoobeo-message-field-wrap {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 0 0 100% !important;
grid-column: 1 / -1 !important;
box-sizing: border-box !important;
}

#elementor-popup-modal-3624 .uoobeo-message-field-wrap #e-form-message {
resize: vertical !important;
padding-bottom: 28px !important;
}

/* Keep a visible resize grip even when the browser hides its native grip. */
#elementor-popup-modal-3624 .uoobeo-message-field-wrap::after {
content: "" !important;
position: absolute !important;
right: 4px !important;
bottom: 4px !important;
z-index: 3 !important;
width: 11px !important;
height: 11px !important;
background: repeating-linear-gradient(
    135deg,
    transparent 0 2px,
    #8a8a8a 2px 3px,
    transparent 3px 5px
  ) !important;
pointer-events: none !important;
}

#elementor-popup-modal-3624 .uoobeo-message-counter {
position: absolute !important;
right: 22px !important;
bottom: 16px !important;
z-index: 2 !important;
color: #707070 !important;
font-size: 12px !important;
line-height: 1 !important;
pointer-events: none !important;
user-select: none !important;
}


#elementor-popup-modal-3624
.uoobeo-inquiry-quantity-box input[type="number"]::-webkit-inner-spin-button,
#elementor-popup-modal-3624
.uoobeo-inquiry-quantity-box input[type="number"]::-webkit-outer-spin-button {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}



/*=========================================================
   UOOBEO 询盘弹窗：完整显示两件产品
   适用范围：Elementor Popup ID 3624

   使用方法：将本段放到该 Popup 自定义 CSS 的最底部。
   ========================================================= */

/* 桌面端：放宽弹窗的可用高度，产品区显示两行（2 x 92px）。 */
@media (min-width: 1025px) {
  #elementor-popup-modal-3624 .dialog-widget-content,
  #elementor-popup-modal-3624 .dialog-message,
  #elementor-popup-modal-3624 .uoobeo-inquiry-popup {
max-height: calc(100dvh - 24px) !important;
  }

  #elementor-popup-modal-3624 .uoobeo-inquiry-products-list {
height: 184px !important;
max-height: 184px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
  }
}

/* 平板端：产品行高为 82px，产品区显示两行。 */
@media (min-width: 768px) and (max-width: 1024px) {
  #elementor-popup-modal-3624 .uoobeo-inquiry-products-list {
height: 164px !important;
max-height: 164px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
  }
}

/*
 * 手机端继续使用原来的 108px 产品区，并在列表内部滚动，
 * 防止两件产品加表单后超过手机屏幕高度。
 */

/* =========================================================
   UOOBEO 询盘弹窗：与顶部导航保留间距
   适用范围：Elementor Popup ID 3624

   使用方法：将本段放到该 Popup 自定义 CSS 的最底部。
   ========================================================= */

/* 桌面端向下移动 24px，避免弹窗顶部紧贴导航栏。 */
@media (min-width: 1025px) {
  #elementor-popup-modal-3624 .dialog-widget-content {
    margin-top: 70px !important;
  }
}/* End custom CSS */