.quote-page{max-width:760px;margin:auto;padding:38px 5% 72px}.quote-page h1{font-size:clamp(2.5rem,7vw,3.6rem);margin-bottom:16px}.quote-intro{margin-bottom:28px;color:var(--muted)}#quote-form{background:#fcf4e7;border:1px solid #d1bea6;border-radius:16px;padding:28px}#quote-form label{display:block;font-weight:700;margin:20px 0 8px}#quote-form label > span:not([data-i18n]){font-size:.875rem;font-weight:400;color:var(--muted)}#quote-form input:not([type=hidden]):not([type=file]),#quote-form select,#quote-form textarea{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid #977b80;border-radius:8px;background:#fffaf4;color:#76283f;padding:12px;font:inherit;font-size:16px}#quote-form textarea{resize:vertical}#quote-form input:focus-visible,#quote-form select:focus-visible,#quote-form textarea:focus-visible{outline:3px solid #88374f;outline-offset:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-row>div{min-width:0}.photo-picker{padding:16px;background:#eadfc9;border-radius:10px}.photo-picker p{margin:0 0 12px;font-size:.875rem}.photo-picker input{font:inherit;width:100%;font-size:16px}.photo-picker input::file-selector-button{background:#76283f;color:#fff7eb;border:0;border-radius:8px;padding:12px;cursor:pointer;margin-right:8px}.photo-picker #photo-status{margin:12px 0 0}#photo-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#photo-previews:empty{display:none}.photo-preview{margin-top:14px;min-width:0}.photo-preview img{width:100%;height:100px;object-fit:contain;background:#fcf4e7;border-radius:6px}.photo-preview span{display:block;overflow-wrap:anywhere;font-size:.8125rem}.photo-preview button,#clear-creation{font:inherit;font-size:.875rem;min-height:44px;border:0;background:transparent;color:#76283f;text-decoration:underline;cursor:pointer}.selected-creation{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f2dfb3;padding:12px;border-radius:8px}.selected-creation[hidden]{display:none}.form-note{font-size:.875rem;color:var(--muted);margin-top:20px}#form-error{color:#922c48;font-weight:700}#send-quote{cursor:pointer;width:100%;margin-top:8px}#send-quote:disabled{opacity:.65;cursor:wait}@media(max-width:600px){#quote-form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.quote-page{padding:28px 5% 50px}#photo-previews{grid-template-columns:repeat(2,minmax(0,1fr))}}

.thanks-page{max-width:880px;padding-top:48px}.thanks-card{text-align:center;background:#eadfc9;border:1px solid #c6af8d;border-radius:18px;padding:clamp(24px,5vw,56px)}.thanks-card .eyebrow{margin-bottom:22px}.thanks-card h1{max-width:620px;margin:0 auto 24px}.thanks-card p:not(.eyebrow){max-width:550px;margin:18px auto;font-size:1.0625rem}.thanks-card .thanks-signoff{color:var(--muted)}.thanks-card .button{margin-top:16px}@media(max-width:600px){.thanks-page{padding-top:28px}.thanks-card h1{font-size:2.4rem}.thanks-card .button{width:100%}}

.photo-preview .remove-photo{display:block;width:100%;margin-top:8px;padding:10px 6px;min-height:44px;border:1px solid #88374f;border-radius:8px;background:#f3eadc;color:#38242d;font-size:.875rem;font-weight:700;text-decoration:none;line-height:1.3}.photo-preview .remove-photo:hover{background:#f2dfb3}.photo-preview .remove-photo:focus-visible{outline:3px solid #76283f;outline-offset:3px}

#quote-form .form-section{min-width:0;margin:0;padding:0;border:0}#quote-form .form-section legend{padding:0;font:400 1.65rem/1.2 var(--serif);letter-spacing:-.025em;color:var(--ink)}#quote-form .contact-fields{margin-top:30px;padding-top:24px;border-top:1px solid #d1bea6}#quote-form .contact-fields legend{float:left;width:100%;margin-bottom:0}#quote-form .contact-fields legend+label{clear:both;padding-top:18px}#quote-form .field-help{margin:8px 0 0;color:var(--muted);font-size:.875rem}#quote-form .field-error{margin:8px 0 0;color:#922c48;font-size:.9375rem;font-weight:600}#quote-form [aria-invalid="true"]{border-color:#922c48}#quote-form fieldset .photo-picker{margin-top:8px}

.quote-intro{display:grid;gap:6px;margin:0 0 24px;line-height:1.5}
.quote-intro p{margin:0}

.thanks-card .reply-details{display:grid;gap:8px;max-width:550px;margin:24px auto}
.thanks-card .reply-details p{margin:0;font-size:1rem;line-height:1.5}
.thanks-card .reply-details .reply-after-hours{margin-top:8px;font-size:.875rem;color:var(--muted)}

#quote-form .date-field{width:100%;min-width:0;max-width:100%}
#quote-form input[type="date"]{-webkit-appearance:none;appearance:none;width:100%;max-width:100%;min-inline-size:0;max-inline-size:100%;min-height:50px}
#quote-form input[type="date"]::-webkit-date-and-time-value{min-height:1.5em;text-align:left}
#quote-form input[type="date"]::-webkit-datetime-edit{min-width:0;padding:0}

#quote-form{border-top:4px solid var(--gold)}
#send-quote{background:var(--gold);border-color:var(--ink);color:var(--ink)}
#send-quote:hover{background:var(--gold-hover)}

.photo-picker .choose-photos{font-size:1rem;padding:12px 18px;cursor:pointer}
.photo-picker input[hidden],.photo-picker .choose-photos[hidden]{display:none}
.selected-creation>span{min-width:0;overflow-wrap:anywhere}
#clear-creation{flex-shrink:0}
