.quotation-dialog{width:min(940px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:24px;margin:auto;color:var(--primary-color,#293442);background:#fff;box-shadow:0 24px 90px #0004;overflow:auto;overscroll-behavior:contain}
.quotation-dialog::backdrop{background:rgba(20,28,37,.65)}
.quotation-layout{display:grid;grid-template-columns:32% minmax(0,1fr)}
.quotation-product{padding:36px 24px;background:#f5f7f8;display:flex;flex-direction:column;justify-content:center;gap:20px;min-width:0}
.quotation-eyebrow{font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--accent-color,#d7121d)}
.quotation-product img{width:100%;height:300px;object-fit:contain;mix-blend-mode:multiply}
.quotation-product h3{font-size:20px;line-height:1.4;overflow-wrap:anywhere;margin:0}
.quotation-content{position:relative;padding:38px 34px 32px;min-width:0}
.quotation-content h2{font-size:28px;line-height:1.25;padding-right:30px;margin:0 0 10px}
.quotation-content>p{font-size:13px;line-height:1.65;color:#64717b;margin:0 0 24px}
.quotation-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f2f4f5;color:#293442;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer}
.quotation-close:hover{background:#e7ebed}
.quotation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.quotation-field{min-width:0}
.quotation-field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}
.quotation-field label span{color:var(--accent-color,#d7121d)}
.quotation-field input,.quotation-field textarea{display:block;width:100%;min-height:44px;border:1px solid #dbe0e4;border-radius:9px;padding:10px 12px;font:inherit;font-size:14px;line-height:1.5;color:#293442;background:#fff;box-shadow:none}
.quotation-field textarea{resize:vertical;min-height:92px;max-height:220px}
.quotation-field input:focus,.quotation-field textarea:focus{outline:2px solid var(--accent-color,#d7121d);outline-offset:2px;border-color:transparent}
.quotation-field [aria-invalid=true]{border-color:#d7121d}
.quotation-wide{grid-column:1/-1}
.quotation-submit{margin-top:22px;max-width:100%;font-size:14px}
.quotation-submit:disabled{opacity:.6;cursor:wait}
.quotation-close:focus-visible,#quotation-open:focus-visible,.quotation-submit:focus-visible{outline:3px solid #2588b5;outline-offset:3px}
.quotation-status{border:1px solid #edc4c7;background:#fff3f3;color:#9c1923;padding:12px 14px;border-radius:10px;margin:0 0 18px;font-size:13px;line-height:1.6}
.quotation-status.is-success{background:#edf8f1;color:#216640;border-color:#b8dfc7}
.quotation-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}
html.quotation-is-open{overflow:hidden}
@media(max-width:767px){.quotation-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.quotation-layout{grid-template-columns:1fr}.quotation-product{display:grid;grid-template-columns:70px minmax(0,1fr);gap:6px 16px;padding:20px 54px 20px 20px;align-items:center}.quotation-eyebrow{grid-column:2;align-self:end}.quotation-product img{grid-column:1;grid-row:1/3;height:80px}.quotation-product h3{grid-column:2;font-size:16px;align-self:start}.quotation-content{position:static;padding:24px}.quotation-content h2{font-size:24px;padding-right:0}.quotation-fields{gap:14px}.quotation-content>p{margin-bottom:20px}}
@media(max-width:479px){.quotation-content{padding:22px 18px}.quotation-fields{grid-template-columns:1fr}.quotation-submit{width:100%;font-size:13px}.quotation-field input{min-height:46px}}
