:root{--primary: #1e3c72;--primaryLight: #2a5298;--headerColor: #1a1a1a;--bodyTextColor: #333;--bodyTextColorWhite: #fff;--medium: #2a2a2a;--dark: #1a1a1a;--accent: #3a3a3a}.trade-in-form-wrapper{background:#fff;border-radius:.75rem;box-shadow:0 .5rem 2rem #0000001a;overflow:hidden;max-width:50rem;margin:2rem auto}.trade-in-form{padding:2rem}.trade-in-form .form-section{margin-bottom:2.5rem}.trade-in-form .form-section:last-child{margin-bottom:0}.trade-in-form .section-title{font-size:1.25rem;font-weight:700;color:var(--headerColor);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary)}.trade-in-form .upload-description{margin-bottom:1rem;color:var(--bodyTextColor);font-size:.875rem;line-height:1.5}.trade-in-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1.25rem;margin-bottom:1.25rem}.trade-in-form .form-group{display:flex;flex-direction:column}.trade-in-form .form-group label{font-weight:700;margin-bottom:.5rem;color:var(--headerColor)}.trade-in-form .form-group input,.trade-in-form .form-group select,.trade-in-form .form-group textarea{padding:.75rem;border:2px solid #ddd;border-radius:.5rem;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.trade-in-form .form-group input:focus,.trade-in-form .form-group select:focus,.trade-in-form .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #80ed991a}.trade-in-form .form-group input:invalid:not(:-moz-placeholder-shown),.trade-in-form .form-group select:invalid:not(:-moz-placeholder-shown),.trade-in-form .form-group textarea:invalid:not(:-moz-placeholder-shown){border-color:#dc3545}.trade-in-form .form-group input:invalid:not(:placeholder-shown),.trade-in-form .form-group select:invalid:not(:placeholder-shown),.trade-in-form .form-group textarea:invalid:not(:placeholder-shown){border-color:#dc3545}.trade-in-form .form-group input:valid:not(:-moz-placeholder-shown),.trade-in-form .form-group select:valid:not(:-moz-placeholder-shown),.trade-in-form .form-group textarea:valid:not(:-moz-placeholder-shown){border-color:#28a745}.trade-in-form .form-group input:valid:not(:placeholder-shown),.trade-in-form .form-group select:valid:not(:placeholder-shown),.trade-in-form .form-group textarea:valid:not(:placeholder-shown){border-color:#28a745}.trade-in-form .form-group textarea{resize:vertical;min-height:6.25rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));gap:1rem;margin-top:1rem}.photo-upload-slot{border:2px dashed #ddd;border-radius:.5rem;padding:1.5rem;text-align:center;transition:border-color .3s ease,background-color .3s ease;cursor:pointer;min-height:9.375rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.photo-upload-slot:hover{border-color:var(--primary);background-color:#1e3c720d}.photo-upload-slot.drag-over{border-color:var(--primary);background-color:#1e3c721a}.photo-upload-slot.has-image{border-color:var(--primary);border-style:solid;padding:.5rem}.photo-upload-slot .upload-prompt{color:var(--bodyTextColor);pointer-events:none}.photo-upload-slot .upload-prompt label{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;min-height:9.375rem;width:100%;height:100%;pointer-events:all}.photo-upload-slot .upload-prompt .upload-icon{width:2rem;height:2rem;margin-bottom:.5rem;opacity:.6}.photo-upload-slot .upload-prompt h4{margin-bottom:.25rem;color:var(--headerColor);font-size:.875rem}.photo-upload-slot .upload-prompt p{font-size:.75rem;margin:0}.photo-upload-slot .upload-prompt p small{opacity:.7}.photo-preview{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.photo-preview img{width:100%;height:7.5rem;-o-object-fit:cover;object-fit:cover;border-radius:.25rem}.photo-preview .photo-info{margin-top:.5rem;font-size:.75rem;color:var(--bodyTextColor)}.photo-preview .photo-info .photo-name{font-weight:500;margin-bottom:.25rem;word-break:break-all}.photo-preview .photo-info .photo-size{color:#666}.photo-preview .remove-photo{position:absolute;top:.25rem;right:.25rem;background:#dc3545;color:#fff;border:none;border-radius:50%;width:1.5rem;height:1.5rem;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center}.photo-preview .remove-photo:hover{background:#c82333}.upload-summary{margin-top:1rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:.375rem;border-left:4px solid var(--primary);font-size:.875rem}.upload-summary .upload-summary-title{font-weight:700;color:var(--headerColor);margin-bottom:.25rem}.upload-summary .upload-summary-text{color:var(--bodyTextColor)}.form-actions{text-align:center;padding-top:2rem;border-top:1px solid #eee}.form-actions .btn-submit{background:var(--primary);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease}.form-actions .btn-submit:hover{background:var(--primaryLight);transform:translateY(-.125rem)}.form-actions .btn-submit:disabled{background:#ccc;cursor:not-allowed;transform:none}.form-confirmation{padding:3rem 2rem;text-align:center;display:none}.form-confirmation.hidden{display:none!important}.form-confirmation:not(.hidden){display:block!important}.form-confirmation .confirmation-content{max-width:25rem;margin:0 auto}.form-confirmation .success-icon{color:#28a745;margin-bottom:1.5rem}.form-confirmation h3{color:var(--headerColor);margin-bottom:1rem}.form-confirmation p{color:var(--bodyTextColor);margin-bottom:1rem;line-height:1.6}.form-confirmation .next-steps{background:#f8f9fa;padding:1.25rem;border-radius:.5rem;border-left:4px solid var(--primary);text-align:left;margin-bottom:2rem}.form-confirmation .next-steps strong{color:var(--headerColor)}.form-confirmation .btn-new-request{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:background .3s ease}.form-confirmation .btn-new-request:hover{background:var(--primaryLight)}.hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media only screen and (min-width: 0rem){body.dark-mode .trade-in-form-wrapper{background:var(--medium)}body.dark-mode .trade-in-form .section-title{color:var(--bodyTextColorWhite);border-bottom-color:var(--primary)}body.dark-mode .trade-in-form .upload-description,body.dark-mode .trade-in-form .form-group label{color:var(--bodyTextColorWhite)}body.dark-mode .trade-in-form .form-group input,body.dark-mode .trade-in-form .form-group select,body.dark-mode .trade-in-form .form-group textarea{background:var(--dark);border-color:var(--accent);color:var(--bodyTextColorWhite)}body.dark-mode .trade-in-form .form-group input:focus,body.dark-mode .trade-in-form .form-group select:focus,body.dark-mode .trade-in-form .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #80ed9933}body.dark-mode .trade-in-form .form-group input::-moz-placeholder,body.dark-mode .trade-in-form .form-group select::-moz-placeholder,body.dark-mode .trade-in-form .form-group textarea::-moz-placeholder{color:#fff9}body.dark-mode .trade-in-form .form-group input::placeholder,body.dark-mode .trade-in-form .form-group select::placeholder,body.dark-mode .trade-in-form .form-group textarea::placeholder{color:#fff9}body.dark-mode .photo-upload-slot{border-color:var(--accent);background:var(--dark)}body.dark-mode .photo-upload-slot:hover{border-color:var(--primary);background-color:#1e3c720d}body.dark-mode .photo-upload-slot.has-image{background-color:#1e3c720d}body.dark-mode .photo-upload-slot .upload-prompt,body.dark-mode .photo-upload-slot .upload-prompt h4,body.dark-mode .photo-preview .photo-info,body.dark-mode .photo-preview .photo-info .photo-name{color:var(--bodyTextColorWhite)}body.dark-mode .photo-preview .photo-info .photo-size{color:var(--bodyTextColorWhite);opacity:.8}body.dark-mode .upload-summary{background:var(--accent);border-left-color:var(--primary)}body.dark-mode .upload-summary .upload-summary-title,body.dark-mode .upload-summary .upload-summary-text,body.dark-mode .form-confirmation h3{color:var(--bodyTextColorWhite)}body.dark-mode .form-confirmation p{color:var(--bodyTextColorWhite);opacity:.8}body.dark-mode .form-confirmation .next-steps{background:var(--accent);border-left-color:var(--primary)}body.dark-mode .form-confirmation .next-steps strong{color:var(--bodyTextColorWhite)}}@media only screen and (max-width: 47.9375rem){.trade-in-form{padding:1.5rem 1rem}.trade-in-form .form-row{grid-template-columns:1fr;gap:1rem}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr))}.photo-upload-slot{padding:1rem;min-height:7.5rem}}#hero[data-astro-cid-l4tyel3e]{padding:var(--sectionPadding);background:linear-gradient(#0009,#0009);background-size:cover;background-position:center;text-align:center;color:#fff}#hero[data-astro-cid-l4tyel3e] .cs-container[data-astro-cid-l4tyel3e]{width:100%;max-width:80rem;margin:auto}#hero[data-astro-cid-l4tyel3e] .cs-content[data-astro-cid-l4tyel3e]{max-width:39.375rem;margin:2rem auto}#hero[data-astro-cid-l4tyel3e] .cs-title[data-astro-cid-l4tyel3e]{color:#fff;margin-bottom:1.5rem}#hero[data-astro-cid-l4tyel3e] .cs-text[data-astro-cid-l4tyel3e]{color:#f8f9fa;font-size:1.125rem}#trade-in-form[data-astro-cid-l4tyel3e]{padding:var(--sectionPadding);background-color:#f8f9fa}#trade-in-form[data-astro-cid-l4tyel3e] .cs-container[data-astro-cid-l4tyel3e]{width:100%;max-width:50rem;margin:auto}
