/* Qualified RFQ modal — visual refresh 2026-10-05.
 * Every rule is emitted twice: once for browsers with :has(), once for the .qualified-rfq-open class added by qualified-rfq.js,
 * so older browsers without :has() still get the full styling. Generated from rfq_css_template.css. */
/* ---- 模板：& 会被替换成两套作用域（支持 :has 的浏览器 / JS 添加的 .qualified-rfq-open 兜底类） ---- */
/* 弹窗外框 */
.purchase:has(#qualified-rfq-fields) {
    position: fixed !important;
    z-index: 9999 !important;
    top: 4vh !important;
    left: 50% !important;
    right: auto !important;
    width: min(720px, calc(100vw - 32px)) !important;
    max-height: 92vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    transform: translateX(-50%);
    border: 0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 24px 60px rgba(8, 35, 66, .35), 0 2px 8px rgba(8, 35, 66, .15);
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.purchase.qualified-rfq-open {
    position: fixed !important;
    z-index: 9999 !important;
    top: 4vh !important;
    left: 50% !important;
    right: auto !important;
    width: min(720px, calc(100vw - 32px)) !important;
    max-height: 92vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    transform: translateX(-50%);
    border: 0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 24px 60px rgba(8, 35, 66, .35), 0 2px 8px rgba(8, 35, 66, .15);
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
/* 标题栏：滚动时固定在顶部，关闭按钮始终可点 */
.purchase:has(#qualified-rfq-fields) .pc-header {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    height: auto;
    min-height: 64px;
    margin: 0;
    padding: 14px 18px 14px 26px;
    border: 0;
    background: linear-gradient(120deg, #0b3a66 0%, #0a5ea8 100%);
}
.purchase.qualified-rfq-open .pc-header {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    height: auto;
    min-height: 64px;
    margin: 0;
    padding: 14px 18px 14px 26px;
    border: 0;
    background: linear-gradient(120deg, #0b3a66 0%, #0a5ea8 100%);
}
.purchase:has(#qualified-rfq-fields) .pc-header h3 {
    float: none;
    margin: 0;
    color: #fff !important;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.3;
}
.purchase.qualified-rfq-open .pc-header h3 {
    float: none;
    margin: 0;
    color: #fff !important;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.3;
}
.purchase:has(#qualified-rfq-fields) .pc-header h3::after {
    content: attr(data-subtitle);
    display: block;
    margin-top: 2px;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .02em;
}
.purchase.qualified-rfq-open .pc-header h3::after {
    content: attr(data-subtitle);
    display: block;
    margin-top: 2px;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .02em;
}
.purchase:has(#qualified-rfq-fields) .pc-header > input { display: none;
}
.purchase.qualified-rfq-open .pc-header > input { display: none;
}
.purchase:has(#qualified-rfq-fields) .pc-header .purchase-icon {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    cursor: pointer;
    transition: background .2s;
}
.purchase.qualified-rfq-open .pc-header .purchase-icon {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    cursor: pointer;
    transition: background .2s;
}
.purchase:has(#qualified-rfq-fields) .pc-header .purchase-icon:hover { background: rgba(255, 255, 255, .28);
}
.purchase.qualified-rfq-open .pc-header .purchase-icon:hover { background: rgba(255, 255, 255, .28);
}
.purchase:has(#qualified-rfq-fields) .pc-header .purchase-icon img {
    width: 14px;
    height: 14px;
    filter: brightness(0) invert(1);
}
.purchase.qualified-rfq-open .pc-header .purchase-icon img {
    width: 14px;
    height: 14px;
    filter: brightness(0) invert(1);
}
/* 内容区 */
.purchase:has(#qualified-rfq-fields) .pc-main { padding: 22px 0 26px;
}
.purchase.qualified-rfq-open .pc-main { padding: 22px 0 26px;
}
.purchase:has(#qualified-rfq-fields) .pc-center { width: calc(100% - 52px); margin: 0 auto;
}
.purchase.qualified-rfq-open .pc-center { width: calc(100% - 52px); margin: 0 auto;
}
.purchase:has(#qualified-rfq-fields) .pc-center > form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 14px;
    width: auto;
    height: auto !important;
    margin: 0;
    padding: 0;
    border: 0;
    position: static;
    left: auto;
}
.purchase.qualified-rfq-open .pc-center > form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 14px;
    width: auto;
    height: auto !important;
    margin: 0;
    padding: 0;
    border: 0;
    position: static;
    left: auto;
}
.purchase:has(#qualified-rfq-fields) .pc-center > form > * { grid-column: 1 / -1;
}
.purchase.qualified-rfq-open .pc-center > form > * { grid-column: 1 / -1;
}
.purchase:has(#qualified-rfq-fields) .pc-center > form > input[type="hidden"] { display: none;
}
.purchase.qualified-rfq-open .pc-center > form > input[type="hidden"] { display: none;
}
/* 需求描述 */
.purchase:has(#qualified-rfq-fields) .pc-text {
    box-sizing: border-box;
    width: 100%;
    height: 92px;
    min-height: 92px;
    margin: 0 0 14px;
    padding: 11px 13px;
    border: 1px solid #d6dee9;
    border-radius: 8px;
    background: #f8fafc;
    color: #1f2d3d;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
.purchase.qualified-rfq-open .pc-text {
    box-sizing: border-box;
    width: 100%;
    height: 92px;
    min-height: 92px;
    margin: 0 0 14px;
    padding: 11px 13px;
    border: 1px solid #d6dee9;
    border-radius: 8px;
    background: #f8fafc;
    color: #1f2d3d;
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
/* 姓名 / 邮箱（旧字段）：PC 端两列并排 */
.purchase:has(#qualified-rfq-fields) .pc-center > form > label:not(.rfq-consent) {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    display: block;
    margin: 0 0 6px;
    color: #33475b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: none;
}
.purchase.qualified-rfq-open .pc-center > form > label:not(.rfq-consent) {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    display: block;
    margin: 0 0 6px;
    color: #33475b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: none;
}
.purchase:has(#qualified-rfq-fields) .pc-center > form > label:not(.rfq-consent):nth-of-type(1) { grid-column: 1; grid-row: 2;
}
.purchase.qualified-rfq-open .pc-center > form > label:not(.rfq-consent):nth-of-type(1) { grid-column: 1; grid-row: 2;
}
.purchase:has(#qualified-rfq-fields) .pc-center > form > label:not(.rfq-consent):nth-of-type(2) { grid-column: 2; grid-row: 2;
}
.purchase.qualified-rfq-open .pc-center > form > label:not(.rfq-consent):nth-of-type(2) { grid-column: 2; grid-row: 2;
}
.purchase:has(#qualified-rfq-fields) .pc-center > form > label:not(.rfq-consent)::after { content: " *"; color: #d93025;
}
.purchase.qualified-rfq-open .pc-center > form > label:not(.rfq-consent)::after { content: " *"; color: #d93025;
}
.purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-name { grid-column: 1; grid-row: 3;
}
.purchase.qualified-rfq-open .pc-center > form > input.pc-name { grid-column: 1; grid-row: 3;
}
.purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-email { grid-column: 2; grid-row: 3;
}
.purchase.qualified-rfq-open .pc-center > form > input.pc-email { grid-column: 2; grid-row: 3;
}
.purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-name,
.purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-email {
    position: static;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    margin: 0 0 4px;
    padding: 0 13px;
    border: 1px solid #d6dee9;
    border-radius: 8px;
    background: #f8fafc;
    color: #1f2d3d;
    font-size: 14px;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
.purchase.qualified-rfq-open .pc-center > form > input.pc-name,
.purchase.qualified-rfq-open .pc-center > form > input.pc-email {
    position: static;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    margin: 0 0 4px;
    padding: 0 13px;
    border: 1px solid #d6dee9;
    border-radius: 8px;
    background: #f8fafc;
    color: #1f2d3d;
    font-size: 14px;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
/* 批发起订提示条 */
.purchase:has(#qualified-rfq-fields) .rfq-intro {
    margin: 16px 0 6px;
    padding: 11px 14px;
    border-left: 4px solid #0a5ea8;
    border-radius: 0 8px 8px 0;
    background: #eef5fc;
    color: #24507f;
    font-size: 13px;
    line-height: 1.55;
}
.purchase.qualified-rfq-open .rfq-intro {
    margin: 16px 0 6px;
    padding: 11px 14px;
    border-left: 4px solid #0a5ea8;
    border-radius: 0 8px 8px 0;
    background: #eef5fc;
    color: #24507f;
    font-size: 13px;
    line-height: 1.55;
}
.purchase:has(#qualified-rfq-fields) .rfq-intro strong { color: #0b3a66;
}
.purchase.qualified-rfq-open .rfq-intro strong { color: #0b3a66;
}
/* RFQ 字段网格 */
.purchase:has(#qualified-rfq-fields) .rfq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 12px 0 4px;
}
.purchase.qualified-rfq-open .rfq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 12px 0 4px;
}
.purchase:has(#qualified-rfq-fields) .rfq-field { display: flex; flex-direction: column; gap: 6px; min-width: 0;
}
.purchase.qualified-rfq-open .rfq-field { display: flex; flex-direction: column; gap: 6px; min-width: 0;
}
.purchase:has(#qualified-rfq-fields) .rfq-field--wide { grid-column: 1 / -1;
}
.purchase.qualified-rfq-open .rfq-field--wide { grid-column: 1 / -1;
}
.purchase:has(#qualified-rfq-fields) .rfq-field label {
    color: #33475b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}
.purchase.qualified-rfq-open .rfq-field label {
    color: #33475b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}
.purchase:has(#qualified-rfq-fields) .rfq-field input,
.purchase:has(#qualified-rfq-fields) .rfq-field select {
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    min-height: 42px;
    margin: 0;
    padding: 0 13px;
    border: 1px solid #d6dee9;
    border-radius: 8px;
    background-color: #f8fafc;
    color: #1f2d3d;
    font-size: 14px;
    transition: border-color .2s, box-shadow .2s, background-color .2s;
}
.purchase.qualified-rfq-open .rfq-field input,
.purchase.qualified-rfq-open .rfq-field select {
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    min-height: 42px;
    margin: 0;
    padding: 0 13px;
    border: 1px solid #d6dee9;
    border-radius: 8px;
    background-color: #f8fafc;
    color: #1f2d3d;
    font-size: 14px;
    transition: border-color .2s, box-shadow .2s, background-color .2s;
}
/* 全站样式去掉了下拉箭头，这里补回 */
.purchase:has(#qualified-rfq-fields) .rfq-field select {
    padding-right: 36px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235b7083' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 13px center;
    background-size: 12px 8px;
    cursor: pointer;
}
.purchase.qualified-rfq-open .rfq-field select {
    padding-right: 36px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235b7083' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 13px center;
    background-size: 12px 8px;
    cursor: pointer;
}
.purchase:has(#qualified-rfq-fields) .rfq-field select:disabled {
    background-color: #eef1f5;
    color: #8193a5;
    cursor: not-allowed;
}
.purchase.qualified-rfq-open .rfq-field select:disabled {
    background-color: #eef1f5;
    color: #8193a5;
    cursor: not-allowed;
}
.purchase:has(#qualified-rfq-fields) .rfq-field optgroup { font-weight: 600; color: #33475b;
}
.purchase.qualified-rfq-open .rfq-field optgroup { font-weight: 600; color: #33475b;
}
.purchase:has(#qualified-rfq-fields) .rfq-field input::placeholder,
.purchase:has(#qualified-rfq-fields) .pc-text::placeholder,
.purchase:has(#qualified-rfq-fields) .pc-center > form > input::placeholder { color: #9aa8b6;
}
.purchase.qualified-rfq-open .rfq-field input::placeholder,
.purchase.qualified-rfq-open .pc-text::placeholder,
.purchase.qualified-rfq-open .pc-center > form > input::placeholder { color: #9aa8b6;
}
/* 悬停 / 聚焦态 */
.purchase:has(#qualified-rfq-fields) .rfq-field input:hover,
.purchase:has(#qualified-rfq-fields) .rfq-field select:hover,
.purchase:has(#qualified-rfq-fields) .pc-text:hover,
.purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-name:hover,
.purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-email:hover { border-color: #aebdcc;
}
.purchase.qualified-rfq-open .rfq-field input:hover,
.purchase.qualified-rfq-open .rfq-field select:hover,
.purchase.qualified-rfq-open .pc-text:hover,
.purchase.qualified-rfq-open .pc-center > form > input.pc-name:hover,
.purchase.qualified-rfq-open .pc-center > form > input.pc-email:hover { border-color: #aebdcc;
}
.purchase:has(#qualified-rfq-fields) .rfq-field input:focus,
.purchase:has(#qualified-rfq-fields) .rfq-field select:focus,
.purchase:has(#qualified-rfq-fields) .pc-text:focus,
.purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-name:focus,
.purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-email:focus {
    border-color: #0a5ea8;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(10, 94, 168, .15);
    outline: none;
}
.purchase.qualified-rfq-open .rfq-field input:focus,
.purchase.qualified-rfq-open .rfq-field select:focus,
.purchase.qualified-rfq-open .pc-text:focus,
.purchase.qualified-rfq-open .pc-center > form > input.pc-name:focus,
.purchase.qualified-rfq-open .pc-center > form > input.pc-email:focus {
    border-color: #0a5ea8;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(10, 94, 168, .15);
    outline: none;
}
/* 同意条款 */
.purchase:has(#qualified-rfq-fields) .rfq-consent {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 18px 0 6px;
    padding: 12px 14px;
    border: 1px solid #e3e9f0;
    border-radius: 8px;
    background: #fafbfd;
    color: #4a5b6c;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.55;
    cursor: pointer;
}
.purchase.qualified-rfq-open .rfq-consent {
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 18px 0 6px;
    padding: 12px 14px;
    border: 1px solid #e3e9f0;
    border-radius: 8px;
    background: #fafbfd;
    color: #4a5b6c;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.55;
    cursor: pointer;
}
/* 站点全局 style.css 对 input 设置了 appearance:none，导致勾选框不可见；此处恢复原生复选框 */
.purchase:has(#qualified-rfq-fields) .rfq-consent input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: auto;
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin: 1px 0 0;
    opacity: 1;
    accent-color: #0a5ea8;
    cursor: pointer;
}
.purchase.qualified-rfq-open .rfq-consent input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: auto;
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin: 1px 0 0;
    opacity: 1;
    accent-color: #0a5ea8;
    cursor: pointer;
}
.purchase:has(#qualified-rfq-fields) .rfq-note {
    margin: 8px 0 0;
    color: #8193a5;
    font-size: 11px;
    line-height: 1.5;
}
.purchase.qualified-rfq-open .rfq-note {
    margin: 8px 0 0;
    color: #8193a5;
    font-size: 11px;
    line-height: 1.5;
}
/* 提交按钮 */
.purchase:has(#qualified-rfq-fields) #purchase {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    margin: 18px 0 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(120deg, #0a5ea8 0%, #0b8bd9 100%);
    box-shadow: 0 6px 16px rgba(10, 94, 168, .28);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    transition: transform .15s, box-shadow .2s, filter .2s;
}
.purchase.qualified-rfq-open #purchase {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    margin: 18px 0 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(120deg, #0a5ea8 0%, #0b8bd9 100%);
    box-shadow: 0 6px 16px rgba(10, 94, 168, .28);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    transition: transform .15s, box-shadow .2s, filter .2s;
}
.purchase:has(#qualified-rfq-fields) #purchase:hover { filter: brightness(1.07); box-shadow: 0 8px 20px rgba(10, 94, 168, .36);
}
.purchase.qualified-rfq-open #purchase:hover { filter: brightness(1.07); box-shadow: 0 8px 20px rgba(10, 94, 168, .36);
}
.purchase:has(#qualified-rfq-fields) #purchase:active { transform: translateY(1px); box-shadow: 0 3px 10px rgba(10, 94, 168, .3);
}
.purchase.qualified-rfq-open #purchase:active { transform: translateY(1px); box-shadow: 0 3px 10px rgba(10, 94, 168, .3);
}
/* 手机端 */
@media (max-width: 640px) {
    .purchase:has(#qualified-rfq-fields) {
        top: 2vh !important;
        width: calc(100vw - 16px) !important;
        max-height: 96vh !important;
        border-radius: 10px !important;
    }
    .purchase.qualified-rfq-open {
        top: 2vh !important;
        width: calc(100vw - 16px) !important;
        max-height: 96vh !important;
        border-radius: 10px !important;
    }
    .purchase:has(#qualified-rfq-fields) .pc-header { min-height: 58px; padding: 12px 12px 12px 18px;
    }
    .purchase.qualified-rfq-open .pc-header { min-height: 58px; padding: 12px 12px 12px 18px;
    }
    .purchase:has(#qualified-rfq-fields) .pc-header h3 { font-size: 18px;
    }
    .purchase.qualified-rfq-open .pc-header h3 { font-size: 18px;
    }
    .purchase:has(#qualified-rfq-fields) .pc-main { padding: 16px 0 20px;
    }
    .purchase.qualified-rfq-open .pc-main { padding: 16px 0 20px;
    }
    .purchase:has(#qualified-rfq-fields) .pc-center { width: calc(100% - 28px);
    }
    .purchase.qualified-rfq-open .pc-center { width: calc(100% - 28px);
    }
    .purchase:has(#qualified-rfq-fields) .pc-center > form { display: block;
    }
    .purchase.qualified-rfq-open .pc-center > form { display: block;
    }
    .purchase:has(#qualified-rfq-fields) .pc-center > form > label:not(.rfq-consent) { margin-top: 2px;
    }
    .purchase.qualified-rfq-open .pc-center > form > label:not(.rfq-consent) { margin-top: 2px;
    }
    .purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-name { margin-bottom: 14px;
    }
    .purchase.qualified-rfq-open .pc-center > form > input.pc-name { margin-bottom: 14px;
    }
    .purchase:has(#qualified-rfq-fields) .rfq-grid { grid-template-columns: 1fr; gap: 12px;
    }
    .purchase.qualified-rfq-open .rfq-grid { grid-template-columns: 1fr; gap: 12px;
    }
    .purchase:has(#qualified-rfq-fields) .rfq-field--wide { grid-column: auto;
    }
    .purchase.qualified-rfq-open .rfq-field--wide { grid-column: auto;
    }
    /* 16px 防止 iPhone 聚焦输入框时页面自动放大 */
    .purchase:has(#qualified-rfq-fields) .pc-text,
    .purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-name,
    .purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-email,
    .purchase:has(#qualified-rfq-fields) .rfq-field input,
    .purchase:has(#qualified-rfq-fields) .rfq-field select { font-size: 16px;
    }
    .purchase.qualified-rfq-open .pc-text,
    .purchase.qualified-rfq-open .pc-center > form > input.pc-name,
    .purchase.qualified-rfq-open .pc-center > form > input.pc-email,
    .purchase.qualified-rfq-open .rfq-field input,
    .purchase.qualified-rfq-open .rfq-field select { font-size: 16px;
    }
    .purchase:has(#qualified-rfq-fields) .rfq-field input,
    .purchase:has(#qualified-rfq-fields) .rfq-field select,
    .purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-name,
    .purchase:has(#qualified-rfq-fields) .pc-center > form > input.pc-email { height: 46px; min-height: 46px;
    }
    .purchase.qualified-rfq-open .rfq-field input,
    .purchase.qualified-rfq-open .rfq-field select,
    .purchase.qualified-rfq-open .pc-center > form > input.pc-name,
    .purchase.qualified-rfq-open .pc-center > form > input.pc-email { height: 46px; min-height: 46px;
    }
}

/* RFQ attachments (2026-10): optional upload box under the RFQ fields. */
.purchase .rfq-attach { grid-column: 1 / -1; margin: 4px 0 2px; }
.purchase .rfq-attach .rfq-attach-label { display: block; margin: 0 0 6px; font-size: 14px; font-weight: 600; color: #344054; }
.purchase .rfq-attach .rfq-attach-label::after { content: none !important; }
.purchase .rfq-drop { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 4px; box-sizing: border-box; width: 100%; min-height: 88px; margin: 0; padding: 14px 16px; border: 1.5px dashed #9fb3cc; border-radius: 10px; background: #f6f9fd; color: #0a5ea8; text-align: center; cursor: pointer; transition: border-color .2s, background .2s; }
.purchase .rfq-drop:hover, .purchase .rfq-drop.is-over { border-color: #0a5ea8; background: #eaf2fb; }
.purchase .rfq-drop.is-full { opacity: .55; pointer-events: none; }
.purchase .rfq-drop .rfq-drop-icon { color: #0a5ea8; }
.purchase .rfq-drop .rfq-drop-text { font-size: 14px; font-weight: 600; line-height: 1.4; }
.purchase .rfq-drop .rfq-drop-hint { font-size: 12px; font-weight: 400; color: #667085; line-height: 1.4; }
.purchase .rfq-file-input { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; overflow: hidden; pointer-events: none; }
.purchase .rfq-file-list { list-style: none; margin: 8px 0 0; padding: 0; }
.purchase .rfq-file-item { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; padding: 8px 10px; border: 1px solid #d6dee9; border-radius: 8px; background: #fff; font-size: 13px; color: #344054; }
.purchase .rfq-file-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.purchase .rfq-file-size { flex: none; color: #667085; }
.purchase .rfq-file-remove { flex: none; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; background: #eef2f6; color: #475467; font-size: 18px; line-height: 26px; cursor: pointer; }
.purchase .rfq-file-remove:hover { background: #fde2e1; color: #d93025; }

/* RFQ format hints (2026-10): red border + short message under e-mail / phone when the format is wrong. */
.purchase input.rfq-invalid, .purchase .pc-center input.rfq-invalid { border-color: #d93025 !important; box-shadow: 0 0 0 3px rgba(217, 48, 37, .12) !important; background: #fff8f7 !important; }
.purchase .rfq-field-error { display: block; grid-column: 1 / -1; margin: 4px 0 6px; font-size: 12px; line-height: 1.4; color: #d93025; }
@media screen and (min-width: 769px) {
    .purchase .pc-center > form > .rfq-field-error { grid-column: 2 !important; grid-row: 4 !important; margin-top: -4px; }
}