.product-custom-fields{--cf-border: #d7d7d7;--cf-border-focus: #1a1a1a;--cf-error: #d23f3f;--cf-bg: #fafafa;--cf-radius: 0px;display:flex;flex-direction:column;gap:18px;margin:20px 0}.custom-field{display:flex;flex-direction:column;gap:6px}.custom-field label,.field-group-label{font-size:13px;font-weight:600;letter-spacing:.02em}.required-mark{color:var(--cf-error)}.custom-field input[type=text]{border:1px solid var(--cf-border);border-radius:var(--cf-radius);padding:10px 12px;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%;box-sizing:border-box}.custom-field input[type=text]:focus{outline:none;border-color:var(--cf-border-focus);box-shadow:0 0 0 2px #0000000f}.custom-field input.is-invalid{border-color:var(--cf-error)}.field-error{display:none;font-size:12px;color:var(--cf-error)}.field-error.is-visible{display:block}.custom-field--address .address-row{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-bottom:12px}.address-field{display:flex;flex-direction:column;gap:6px}@media(max-width:480px){.custom-field--address .address-row{grid-template-columns:1fr}}.checkbox-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px}.checkbox-options label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;cursor:pointer}.upload-dropzone{position:relative;border:1.5px dashed var(--cf-border);border-radius:var(--cf-radius);background:var(--cf-bg);padding:24px 16px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.upload-dropzone:hover,.upload-dropzone.is-dragover{border-color:var(--cf-border-focus);background:#f2f2f2}.upload-dropzone.is-invalid{border-color:var(--cf-error)}.upload-dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-dropzone__content[hidden],.upload-preview[hidden]{display:none!important}.upload-dropzone__content{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.upload-icon{color:#888}.upload-dropzone__text{font-size:13px;color:#444}.upload-dropzone__browse{text-decoration:underline;font-weight:600;color:#1a1a1a}.upload-dropzone__hint{font-size:11px;color:#999}.upload-preview{display:flex;align-items:center;gap:12px;text-align:left}.upload-preview__thumb{width:48px;height:48px;flex-shrink:0;border-radius:4px;background:#fff;border:1px solid var(--cf-border);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:10px;color:#999;overflow:hidden}.upload-preview__thumb img{width:100%;height:100%;object-fit:cover}.upload-preview__info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.upload-preview__filename{font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-preview__remove{pointer-events:auto;border:none;background:#eee;width:22px;height:22px;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;flex-shrink:0}.upload-preview__remove:hover{background:#ddd}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-product-custom-fields.css.map */