.quote-request-section{--quote-ink: #111111;--quote-muted: #6c6c6c;--quote-line: #e4e2e0;--quote-field-line: #d9d6d3;--quote-soft: #f5f4f4;--quote-accent: #c62828;--quote-accent-hover: #a51f1f;--quote-accent-soft: #fbeaea;--quote-accent-on-dark: #f77575;--quote-radius: 12px;padding:36px 0 60px;color:var(--quote-ink)}.qr-wrap{max-width:var(--qr-max, 1250px);margin:0 auto}.qr-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.quote-form-hp{position:absolute;left:-9999px;top:-9999px;opacity:0;height:0;width:0;z-index:-1}.qr-num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600;color:var(--quote-muted);letter-spacing:.02em}.qr-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px 28px;align-items:end;margin-bottom:22px}.qr-eyebrow{margin:0 0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--quote-accent)}.qr-title{margin:0 0 10px;font-size:var(--fs, 36px);line-height:1.02;font-weight:800;letter-spacing:-.01em;text-transform:uppercase;color:var(--quote-ink)}.qr-intro{margin:0;max-width:640px;font-size:var(--fs, 14.5px);line-height:1.6;color:#444}.quote-tip{padding:14px 18px;background:var(--quote-accent-soft);border-left:4px solid var(--quote-accent);border-radius:10px;font-size:13px;line-height:1.5;color:#333}.quote-tip p{margin:0}.quote-tip strong{color:var(--quote-accent)}.qr-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.qr-aside{position:sticky;top:110px}.qr-aside-inner{display:flex;flex-direction:column;gap:16px}.qr-card{display:block;min-width:0;margin:0 0 14px;padding:22px 24px 18px;background:#fff;border:1px solid var(--quote-line);border-radius:var(--quote-radius)}.qr-card-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;float:left;width:100%;margin:0 0 14px;padding:0;font-size:19px;line-height:1.15;font-weight:800;text-transform:uppercase;letter-spacing:0;color:var(--quote-ink)}.qr-card-title+*{clear:both}.qr-card-title label{display:flex;align-items:baseline;gap:12px;margin:0;font:inherit;color:inherit;cursor:default}.qr-optional{font-size:13px;font-weight:500;text-transform:none;color:var(--quote-muted)}.qr-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-bottom:6px}.qr-card-head .qr-card-title{float:none;width:auto;margin:0}.form-section-desc{clear:both;margin:0 0 12px;font-size:13px;color:var(--quote-muted)}.form-section-note{margin:0 0 16px;padding:10px 14px;background:var(--quote-soft);border-radius:8px;font-size:13.5px;line-height:1.5;color:#333}.qr-grid{display:grid;gap:12px 14px}.qr-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-field{min-width:0;margin-bottom:14px}.qr-grid .qr-field{margin-bottom:0}.form-label{display:block;margin-bottom:5px;font-size:13px;font-weight:600;color:var(--quote-ink)}.client-type-toggle{display:inline-flex;gap:4px;padding:4px;margin-bottom:16px;background:var(--quote-soft);border:1px solid var(--quote-line);border-radius:999px}.client-type-option{position:relative;display:flex;align-items:center;justify-content:center;min-width:130px;padding:8px 20px;border-radius:999px;cursor:pointer;transition:background-color .2s,color .2s}.client-type-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.toggle-label{font-size:13.5px;font-weight:600;color:#444}.client-type-option:has(input:checked){background:var(--quote-ink)}.client-type-option:has(input:checked) .toggle-label{color:#fff}.client-type-option:has(input:focus-visible){outline:2px solid var(--quote-accent);outline-offset:2px}.quote-form input[type=text],.quote-form input[type=email],.quote-form input[type=tel],.quote-form input[type=number],.quote-form input[type=file],.quote-form select,.quote-form textarea{width:100%;height:42px;margin:0;padding:8px 12px;background:#fff;border:1px solid var(--quote-field-line);border-radius:8px;font-size:14px;color:var(--quote-ink);transition:border-color .2s ease,box-shadow .2s ease}.quote-form textarea{height:auto;min-height:96px;resize:vertical}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#9a9a9a}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:none;border-color:var(--quote-ink);box-shadow:0 0 0 3px #11111114}.quote-form input.error,.quote-form select.error,.quote-form textarea.error{border-color:var(--quote-accent);box-shadow:0 0 0 3px var(--quote-accent-soft)}.field-error{display:block;margin-top:4px;font-size:12px;color:var(--quote-accent)}.field-error:empty{display:none}.import-cart-btn{display:inline-flex;align-items:center;padding:10px 20px;background:var(--quote-accent);border:0;border-radius:999px;font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap;cursor:pointer;transition:background-color .2s}.import-cart-btn:hover{background:var(--quote-accent-hover)}.import-cart-btn.import-success{background:#1e7a3c}.qr-items-head,.product-item{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:10px}.qr-items-head{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 76px 42px;margin-bottom:8px}.qr-items-head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--quote-muted)}.product-item{align-items:end;margin-bottom:10px}.product-fields{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 76px;gap:10px;align-items:end;min-width:0}.pf-field{min-width:0}.pf-field .form-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pf-qty input[type=number]{padding-left:8px;padding-right:8px;text-align:center}.pf-product-row{display:flex;align-items:center;gap:8px}.pf-product-row input[type=text]{flex:1 1 auto;min-width:0}.pf-thumb{flex:0 0 42px;width:42px;height:42px;overflow:hidden;background:#fff;border:1px solid var(--quote-field-line);border-radius:8px}.pf-thumb[hidden]{display:none}.pf-thumb img{display:block;width:100%;height:100%;object-fit:cover}.remove-item-btn{grid-column:2;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background:#fff;border:1px solid var(--quote-field-line);border-radius:8px;color:var(--quote-ink);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.remove-item-btn:hover{background:var(--quote-accent);border-color:var(--quote-accent);color:#fff}.remove-item-btn span{font-size:18px;line-height:1}.add-item-btn{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:6px 2px;background:none;border:0;font-size:14px;font-weight:600;color:var(--quote-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.add-item-btn:hover{color:var(--quote-accent)}.logo-item{margin-bottom:12px;padding:16px 18px;background:var(--quote-soft);border-radius:10px}.logo-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.logo-number{font-size:14px;font-weight:700;color:var(--quote-ink)}.remove-logo-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:none;border:0;font-size:13px;color:var(--quote-accent);cursor:pointer}.remove-logo-btn:hover{text-decoration:underline}.logo-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}.logo-upload-wrapper .logo-file-input{padding:8px 10px;cursor:pointer}.logo-upload-wrapper .logo-file-input::file-selector-button{margin-right:10px;padding:5px 12px;background:var(--quote-soft);border:1px solid var(--quote-field-line);border-radius:6px;font-size:13px;cursor:pointer}.logo-filename{display:block;margin-top:5px;overflow:hidden;font-size:12px;color:var(--quote-muted);text-overflow:ellipsis;white-space:nowrap}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:24px}.required-note{margin:0;font-size:12.5px;color:var(--quote-muted)}.quote-submit-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 30px;background:var(--quote-accent);border:0;border-radius:999px;font-size:15.5px;font-weight:700;color:#fff;white-space:nowrap;cursor:pointer;transition:background-color .2s,transform .2s}.quote-submit-btn:hover{background:var(--quote-ink)}.quote-submit-btn:disabled{background:#999;cursor:not-allowed}.quote-submit-btn .btn-loading{display:inline-flex;align-items:center;gap:8px}.quote-submit-btn .btn-loading:after{content:"";width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quote-form-message{margin-bottom:20px;padding:40px 28px;text-align:center;background:#fff;border:1px solid var(--quote-line);border-radius:var(--quote-radius)}.quote-form-message .message-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 18px;border-radius:50%;font-size:28px;color:#fff}.quote-form-success{border-top:4px solid #1e7a3c}.quote-form-success .message-icon{background:#1e7a3c}.quote-form-error{border-top:4px solid var(--quote-accent)}.quote-form-error .message-icon{background:var(--quote-accent)}.quote-form-message h3{margin-bottom:8px;color:var(--quote-ink)}.quote-form-message p{margin:0;color:#444}.qr-how{overflow:hidden;background:var(--quote-ink);border-radius:var(--quote-radius);color:#fff}.qr-how-media img{display:block;width:100%;height:130px;object-fit:cover}.qr-how-body{padding:18px 20px 20px}.qr-how-title{margin:0 0 14px;font-size:18px;font-weight:800;text-transform:uppercase;color:#fff}.qr-steps{margin:0;padding:0;list-style:none}.qr-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px;margin:0 0 12px;font-size:13.5px;line-height:1.45;color:#f1f1f1}.qr-steps li:last-child{margin-bottom:0}.qr-steps .qr-num{padding-top:1px;color:var(--quote-accent-on-dark)}.qr-aside-card{padding:16px 20px;background:#fff;border:1px solid var(--quote-line);border-radius:var(--quote-radius)}.qr-aside-label{margin:0 0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--quote-muted)}.qr-contact-email,.qr-contact-phone{display:block;color:var(--quote-ink);text-decoration:none}.qr-contact-email{margin-bottom:4px;font-size:15px;font-weight:700;word-break:break-word}.qr-contact-phone{font-size:14px}.qr-contact-email:hover,.qr-contact-phone:hover{color:var(--quote-accent)}.qr-contact-note{display:block;margin-top:4px;font-size:13px;color:var(--quote-muted)}.qr-examples-title{display:block;margin:0 0 10px;font-size:14.5px;font-weight:700;color:var(--quote-ink);text-decoration:none}a.qr-examples-title:hover{color:var(--quote-accent)}.qr-examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.example-item{aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--quote-soft)}.example-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.example-item:hover img{transform:scale(1.05)}@media(max-width:1199px){.qr-hero,.qr-layout{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:989px){.qr-hero{grid-template-columns:minmax(0,1fr);align-items:start}.qr-layout{grid-template-columns:minmax(0,1fr)}.qr-aside{position:static}.qr-aside-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.qr-how{grid-row:span 2}.qr-items-head{display:none}.product-item{position:relative;display:block;margin-bottom:12px;padding:14px 14px 12px;background:var(--quote-soft);border-radius:10px}.product-fields{grid-template-columns:repeat(3,minmax(0,1fr)) 84px;gap:10px}.pf-product{grid-column:1 / -1}.product-item:has(.remove-item-btn[style*=flex]) .pf-product{padding-right:40px}.pf-field .form-label{position:static!important;width:auto;height:auto;overflow:hidden;clip:auto;margin-bottom:4px;font-size:12.5px;text-overflow:ellipsis}.remove-item-btn{position:absolute;top:10px;right:10px;width:34px;height:34px}}@media(max-width:749px){.quote-request-section{padding:24px 0 40px}.qr-title{font-size:var(--fs-mobile, 28px)}.qr-intro{font-size:var(--fs-mobile, 14px)}.qr-hero{gap:16px;margin-bottom:20px}.quote-tip{padding:12px 14px;font-size:13.5px}.qr-card{padding:20px 16px 18px}.qr-card-title{gap:10px;margin-bottom:14px;font-size:19px}.qr-card-head{margin-bottom:10px}.import-cart-btn{width:100%;justify-content:center}.client-type-toggle{display:flex;width:100%}.client-type-option{flex:1 1 0;min-width:0;padding:10px 12px}.qr-grid-3,.logo-fields{grid-template-columns:minmax(0,1fr)}.quote-form input[type=text],.quote-form input[type=email],.quote-form input[type=tel],.quote-form input[type=number],.quote-form select,.quote-form textarea{font-size:16px}.product-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pf-reference{grid-column:1 / -1}.form-actions{flex-direction:column-reverse;align-items:stretch;text-align:center}.quote-submit-btn{width:100%;white-space:normal;font-size:16px}.qr-aside-inner{display:flex;flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/304/assets/quote-form.css.map */
