/* Scoped RFQ reference design */

body.sth-site.sth-site .rfq-reference{background:#f7f5ee;color:#465e5b}
body.sth-site.sth-site .rfq-reference .ref-container,body.sth-site.sth-site .rfq-reference .container{width:calc(100% - 96px);max-width:1344px;margin:0 auto;padding:0}
body.sth-site.sth-site .rfq-reference p{font-size:18px!important;line-height:1.45!important}
body.sth-site.sth-site .rfq-reference h1{font-size:64px!important;line-height:1.03!important;letter-spacing:-.045em!important;margin-bottom:22px!important}
body.sth-site.sth-site .rfq-reference h2{font-size:38px!important;line-height:1.08!important;margin-bottom:10px!important;letter-spacing:-.04em!important}
body.sth-site.sth-site .rfq-reference .eyebrow,body.sth-site.sth-site .rfq-reference .ref-eyebrow{font:600 14px/1.4 Inter,Arial,sans-serif;letter-spacing:.12em;color:#967444;display:flex;align-items:center;gap:12px;margin-bottom:17px}
body.sth-site.sth-site .rfq-reference .eyebrow:after{content:"";height:1px;width:60px;background:#ae8c53;flex:none}
body.sth-site.sth-site .rfq-reference .rq-hero{background:radial-gradient(ellipse at 34% 25%,#faf8f2,#f2f0e7);overflow:hidden;position:relative;padding:65px 0 52px}
body.sth-site.sth-site .rfq-reference .rq-hero-grid{display:grid;grid-template-columns:55% 45%;align-items:center;min-height:300px}
body.sth-site.sth-site .rfq-reference .rq-hero-copy{position:relative;z-index:1}
body.sth-site.sth-site .rfq-reference .rq-hero-copy p{margin-bottom:0!important}
body.sth-site.sth-site .rfq-reference .rq-hero-art{position:relative;min-height:300px;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:0 74px 0 0}
body.sth-site.sth-site .rfq-reference .rq-blueprint{position:absolute;inset:-65px -120px -52px 0;width:calc(100% + 120px);height:calc(100% + 117px);object-fit:cover;opacity:.55;pointer-events:none}
body.sth-site.sth-site .rfq-reference .rq-information{position:relative;border:1px solid #d4d6cb;background:rgba(250,249,243,.89);padding:24px 25px 27px;width:100%;box-shadow:0 8px 30px #385b4310}
body.sth-site.sth-site .rfq-reference .rq-information-title{display:flex;gap:20px;align-items:center;margin-bottom:22px}
body.sth-site.sth-site .rfq-reference .rq-information-title img{width:35px;height:40px;object-fit:contain}
body.sth-site.sth-site .rfq-reference .rq-information h3{font-size:19px!important;letter-spacing:-.02em!important}
body.sth-site.sth-site .rfq-reference .rq-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body.sth-site.sth-site .rfq-reference .rq-chips span{display:flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #dfdfd4;color:#44615a;font-size:14px;text-align:center;padding:6px}
body.sth-site.sth-site .rfq-reference .rq-art-note{position:absolute;right:-30px;top:10px;font-size:12px!important;font-weight:650;letter-spacing:.11em;line-height:1.5!important;color:#40645a;margin:0!important}
body.sth-site.sth-site .rfq-reference .form-step{padding:42px 0 47px;background:linear-gradient(115deg,#f8f6ef,#f5f3eb);scroll-margin-top:22px}
body.sth-site.sth-site .rfq-reference .form-step:nth-of-type(2n){background:linear-gradient(110deg,#f7f5ed,#faf8f3)}
body.sth-site.sth-site .rfq-reference .step-heading{margin:0 0 20px}
body.sth-site.sth-site .rfq-reference .step-heading p{font-size:17px!important;margin:0!important;line-height:1.45!important}
body.sth-site.sth-site .rfq-reference .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 58px;margin:0}
body.sth-site.sth-site .rfq-reference .form-step .fields .form-group{display:grid;grid-template-columns:32% minmax(0,1fr);gap:12px;align-items:center;margin:0;width:100%}
body.sth-site.sth-site .rfq-reference .sth-native-form .elementor-field-label,body.sth-site.sth-site .rfq-reference .form-label{font-size:15px;line-height:1.45;color:#24574e;font-weight:500;margin:0}
body.sth-site.sth-site .rfq-reference .sth-native-form .elementor-field-label span{color:#947342}
body.sth-site.sth-site .rfq-reference .sth-native-form .elementor-field:not([type=checkbox]):not([type=file]){font:400 15px/1.35 Inter,Arial,sans-serif!important;border:1px solid #cfd2c8!important;border-radius:2px!important;min-height:44px!important;height:44px;padding:9px 12px!important;background:#faf9f4!important;color:#365a50;width:100%;box-shadow:none}
body.sth-site.sth-site .rfq-reference .elementor-field::placeholder{color:#92988d;opacity:1}
body.sth-site.sth-site .rfq-reference .elementor-field:focus-visible{outline:2px solid #567b64;outline-offset:2px;border-color:#668775!important}
body.sth-site.sth-site .rfq-reference .rq-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px}
body.sth-site.sth-site .rfq-reference .rq-column{grid-template-columns:1fr;gap:20px}
body.sth-site.sth-site .rfq-reference .rq-product-right{padding-top:73px;align-content:start}
body.sth-site.sth-site .rfq-reference .form-step-split .container{display:grid;grid-template-columns:33% minmax(0,1fr);gap:34px}
body.sth-site.sth-site .rfq-reference .form-step-split .fields{column-gap:60px;row-gap:18px}
body.sth-site.sth-site .rfq-reference .form-step-split .fields .form-group{display:block}
body.sth-site.sth-site .rfq-reference .form-step-split .fields .elementor-field-label{display:block;margin-bottom:7px}
body.sth-site.sth-site .rfq-reference .rq-quantity .step-heading{margin:0}
body.sth-site.sth-site .rfq-reference .rq-quantity .step-fields{padding-top:34px}
body.sth-site.sth-site .rfq-reference .rq-quality{padding-top:39px;padding-bottom:38px}
body.sth-site.sth-site .rfq-reference .quality-choices{display:grid;grid-template-columns:1fr 1.08fr;gap:48px;margin:0;padding-top:38px}
body.sth-site.sth-site .rfq-reference .rq-quality-column{display:flex;flex-direction:column;gap:18px}
body.sth-site.sth-site .rfq-reference .quality-choices .elementor-field-group{margin:0;padding:0}
body.sth-site.sth-site .rfq-reference .quality-choices .elementor-field-option{display:flex;align-items:flex-start;gap:18px}
body.sth-site.sth-site .rfq-reference input[type=checkbox]{width:21px;height:21px;min-width:21px;min-height:21px;margin:0;accent-color:#205b4b;cursor:pointer}
body.sth-site.sth-site .rfq-reference .quality-choices label{font-size:16px;line-height:1.4;color:#45605b;cursor:pointer}
body.sth-site.sth-site .rfq-reference .rq-document-details{margin-top:-5px;padding-left:39px}
body.sth-site.sth-site .rfq-reference .rq-document-details .elementor-field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.sth-site.sth-site .rfq-reference .sth-native-form .rq-document-details textarea.elementor-field{height:64px!important;min-height:64px!important;font-size:13px!important;resize:vertical}
body.sth-site.sth-site .rfq-reference .rq-document-details textarea:disabled{opacity:.62}
body.sth-site.sth-site .rfq-reference .rq-files{padding-top:39px;padding-bottom:37px}
body.sth-site.sth-site .rfq-reference .rq-files .step-fields{padding-top:9px}
body.sth-site.sth-site .rfq-reference .rq-upload-label{display:block;margin-bottom:8px}
body.sth-site.sth-site .rfq-reference .file-upload-zone{min-height:124px;gap:5px;padding:15px;border:1px dashed #cbd0c2;background:#faf9f330;border-radius:2px;transition:background-color .2s,border-color .2s}
body.sth-site.sth-site .rfq-reference .file-upload-zone img{width:40px;height:40px}
body.sth-site.sth-site .rfq-reference .file-upload-zone strong{font-size:15px;line-height:1.4;font-weight:500;color:#315e53}
body.sth-site.sth-site .rfq-reference .file-upload-zone span{font-size:13px;line-height:1.4;color:#889488}
body.sth-site.sth-site .rfq-reference .file-upload-zone.dragover{background:#eaf0e6;border-color:#49765f}
body.sth-site.sth-site .rfq-reference .upload-help{font-size:11px!important;line-height:1.4!important;margin:5px 0 12px!important;color:#79867b}
body.sth-site.sth-site .rfq-reference .file-list:empty{display:none}
body.sth-site.sth-site .rfq-reference .file-list{padding:0;list-style:none;max-width:100%;overflow-wrap:anywhere}
body.sth-site.sth-site .rfq-reference .file-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:14px;border-bottom:1px solid #d9decf}
body.sth-site.sth-site .rfq-reference .file-remove-btn{background:transparent!important;color:#295b4c!important;border:1px solid #aabaaa!important;border-radius:2px;padding:5px 9px;font-size:12px;flex:none;cursor:pointer}
body.sth-site.sth-site .rfq-reference .rq-files .elementor-field-group-notes{margin:0}
body.sth-site.sth-site .rfq-reference .rq-files .elementor-field-group-notes label{display:block;margin-bottom:7px}
body.sth-site.sth-site .rfq-reference .sth-native-form textarea.elementor-field{height:90px!important;min-height:90px!important;resize:vertical}
body.sth-site.sth-site .rfq-reference .rq-counter{text-align:right;font-size:13px!important;color:#8a9488;margin:6px 0 0!important}
body.sth-site.sth-site .rfq-reference .rq-submit{position:relative;padding:42px 0 32px;background:#f8f6ef url('../assets/technical/rfq-reference/section-drawing.svg') right center / 49% auto no-repeat!important;overflow:hidden}
body.sth-site.sth-site .rfq-reference .rq-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8f6ef 43%,#f8f6ef66 76%);pointer-events:none}
body.sth-site.sth-site .rfq-reference .rq-submit .container{position:relative}
body.sth-site.sth-site .rfq-reference .rq-submit-copy{width:66%;position:relative}
body.sth-site.sth-site .rfq-reference .rq-submit h2{font-size:40px!important}
body.sth-site.sth-site .rfq-reference .rq-submit p{margin-bottom:15px!important}
body.sth-site.sth-site .rfq-reference .btn-group{display:flex;gap:24px;margin:17px 0 13px}
body.sth-site.sth-site .rfq-reference .elementor-field-type-submit{width:auto!important;flex:none}
body.sth-site.sth-site .rfq-reference .btn{display:inline-flex!important;align-items:center;justify-content:center;min-height:50px;padding:13px 28px!important;min-width:260px;font:600 13px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.08em;border-radius:2px!important;border:1px solid #ae8b53!important;box-shadow:none!important;transition:transform .2s,box-shadow .2s}
body.sth-site.sth-site .rfq-reference .btn-primary{background:linear-gradient(100deg,#235e50,#114536)!important;color:#fff!important;border-color:#346a58!important}
body.sth-site.sth-site .rfq-reference .btn-secondary{background:transparent!important;color:#245247!important}
body.sth-site.sth-site .rfq-reference .btn:hover{transform:translateY(-2px);box-shadow:0 5px 12px #254e3719!important}
body.sth-site.sth-site .rfq-reference .btn:disabled{opacity:.65;transform:none;cursor:wait}
body.sth-site.sth-site .rfq-reference .rq-submit .form-help{font-size:15px!important;margin:0!important}
body.sth-site.sth-site .rfq-reference .rq-submit .form-privacy{font-size:12px!important;margin:7px 0 0!important;color:#859082}
body.sth-site.sth-site .rfq-reference .rq-submit a:not(.btn){text-decoration:underline;text-underline-offset:2px}
body.sth-site.sth-site .rfq-reference .rq-submit .rq-art-note{right:0;top:75px}
body.sth-site.sth-site .rfq-reference .preview-notice{font-size:13px!important;padding:12px 0!important;margin:0 auto!important;color:#786742}
body.sth-site.sth-site .rfq-reference .sth-preview-result{width:calc(100% - 96px);max-width:1344px;margin:20px auto;padding:18px 22px;background:#e9eee2;border:1px solid #91aa96;outline-offset:3px;font-size:17px}
body.sth-site.sth-site .rfq-reference .ref-footer{padding:38px 0 20px}
body.sth-site.sth-site .rfq-reference .ref-footer-grid{padding-bottom:28px}
body.sth-site.sth-site .rfq-reference .ref-copyright{font-size:11px!important}
@keyframes rq-art-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
body.sth-site.sth-site .rfq-reference .rq-enter .rq-information{animation:rq-art-enter .75s cubic-bezier(.2,.65,.3,1) both}
@media(max-width:1200px){body.sth-site.sth-site .rfq-reference .fields,body.sth-site.sth-site .rfq-reference .rq-product-grid{column-gap:30px}body.sth-site.sth-site .rfq-reference h1{font-size:52px!important}body.sth-site.sth-site .rfq-reference .rq-hero-copy br{display:none}body.sth-site.sth-site .rfq-reference .rq-hero-copy{padding-right:24px}body.sth-site.sth-site .rfq-reference .rq-hero-art{padding-right:20px}body.sth-site.sth-site .rfq-reference .rq-art-note{display:none}body.sth-site.sth-site .rfq-reference .rq-information{padding:22px 18px}body.sth-site.sth-site .rfq-reference .quality-choices{gap:24px}body.sth-site.sth-site .rfq-reference .form-step-split .fields{column-gap:30px}body.sth-site.sth-site .rfq-reference h2{font-size:32px!important}body.sth-site.sth-site .rfq-reference .form-step .fields .form-group{grid-template-columns:38% minmax(0,1fr)}body.sth-site.sth-site .rfq-reference .form-step-split .fields .form-group{display:block}}
@media(max-width:900px){body.sth-site.sth-site .rfq-reference .ref-container,body.sth-site.sth-site .rfq-reference .container{width:calc(100% - 48px)}body.sth-site.sth-site .rfq-reference .rq-hero-grid{grid-template-columns:1fr;gap:30px}body.sth-site.sth-site .rfq-reference .rq-hero{padding:42px 0 30px}body.sth-site.sth-site .rfq-reference .rq-hero-art{min-height:240px;max-width:620px;width:100%;margin:0 auto;padding:20px 45px}body.sth-site.sth-site .rfq-reference .rq-blueprint{inset:-20px 0;width:100%;height:290px;object-fit:contain}body.sth-site.sth-site .rfq-reference .rq-information{max-width:470px}body.sth-site.sth-site .rfq-reference .form-step .fields .form-group{display:block}body.sth-site.sth-site .rfq-reference .form-step .fields .elementor-field-label{display:block;margin-bottom:7px}body.sth-site.sth-site .rfq-reference .form-step-split .container{grid-template-columns:1fr;gap:22px}body.sth-site.sth-site .rfq-reference .step-heading br{display:none}body.sth-site.sth-site .rfq-reference .rq-product-right{padding-top:138px}body.sth-site.sth-site .rfq-reference .quality-choices,body.sth-site.sth-site .rfq-reference .rq-quantity .step-fields{padding-top:0}body.sth-site.sth-site .rfq-reference .rq-submit-copy{width:100%}body.sth-site.sth-site .rfq-reference .rq-submit{background-size:75% auto!important}body.sth-site.sth-site .rfq-reference .rq-submit:before{background:#f8f6efd9}body.sth-site.sth-site .rfq-reference .rq-submit h2{font-size:34px!important}body.sth-site.sth-site .rfq-reference .rq-submit-copy br{display:none}}
@media(max-width:600px){body.sth-site.sth-site .rfq-reference p{font-size:16px!important}body.sth-site.sth-site .rfq-reference h1{font-size:42px!important}body.sth-site.sth-site .rfq-reference h2,body.sth-site.sth-site .rfq-reference .rq-submit h2{font-size:30px!important}body.sth-site.sth-site .rfq-reference .eyebrow,body.sth-site.sth-site .rfq-reference .ref-eyebrow{font-size:11px;gap:8px;margin-bottom:12px}body.sth-site.sth-site .rfq-reference .eyebrow:after{width:25px}body.sth-site.sth-site .rfq-reference .rq-hero-art{padding:12px 0;min-height:215px}body.sth-site.sth-site .rfq-reference .rq-information-title{gap:12px;margin-bottom:16px}body.sth-site.sth-site .rfq-reference .rq-information h3{font-size:17px!important}body.sth-site.sth-site .rfq-reference .rq-chips span{font-size:12px}body.sth-site.sth-site .rfq-reference .form-step{padding:32px 0}body.sth-site.sth-site .rfq-reference .fields,body.sth-site.sth-site .rfq-reference .rq-product-grid{grid-template-columns:1fr;gap:18px}body.sth-site.sth-site .rfq-reference .rq-product-right{padding-top:0}body.sth-site.sth-site .rfq-reference .step-heading p{font-size:15px!important}body.sth-site.sth-site .rfq-reference .sth-native-form .elementor-field:not([type=checkbox]):not([type=file]){font-size:16px!important;min-height:46px!important;height:46px}body.sth-site.sth-site .rfq-reference .quality-choices{grid-template-columns:1fr;gap:18px}body.sth-site.sth-site .rfq-reference .rq-quality-column{gap:18px}body.sth-site.sth-site .rfq-reference .rq-document-details{padding-left:39px}body.sth-site.sth-site .rfq-reference .file-upload-zone{min-height:155px;padding:20px 12px;text-align:center}body.sth-site.sth-site .rfq-reference .file-upload-zone strong{font-size:14px}body.sth-site.sth-site .rfq-reference .btn-group{flex-direction:column;gap:12px}body.sth-site.sth-site .rfq-reference .btn,body.sth-site.sth-site .rfq-reference .elementor-field-type-submit{width:100%!important;min-width:0}body.sth-site.sth-site .rfq-reference .sth-preview-result{width:calc(100% - 48px)}body.sth-site.sth-site .rfq-reference .ref-footer{padding-top:30px}}
@media(prefers-reduced-motion:reduce){body.sth-site.sth-site .rfq-reference *,body.sth-site.sth-site .rfq-reference *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.sth-site.sth-site .rfq-reference .btn:hover{transform:none}}

@media(min-width:901px){body.sth-site.sth-site .rfq-reference .rq-quality .eyebrow{font-size:11px;letter-spacing:.08em;white-space:nowrap;gap:8px}body.sth-site.sth-site .rfq-reference .rq-quality .eyebrow:after{width:35px}body.sth-site.sth-site .rfq-reference .form-step{padding-bottom:38px}body.sth-site.sth-site .rfq-reference .form-step .fields .elementor-field-label{font-size:14px}}
