/* Post-capture edits for the Eagle Construction draft.
   Kept separate from the captured site.css so our changes are traceable. */

/* --- Real logo in place of the "E" mark --- */
.brand-logo{height:50px;width:auto;display:block}
footer .brand-logo{height:46px}

/* --- Finish Designer (colors & patterns pages) --- */
.fd{max-width:1060px;margin:0 auto}
.fd-disclaimer{font-size:.82rem;color:var(--gold-ink);background:#c79a3c1a;border:1px solid #c79a3c40;border-radius:10px;padding:10px 14px;margin:0 0 26px}
.fd-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
@media(max-width:860px){.fd-stage{grid-template-columns:1fr}}
.fd-preview-wrap{position:sticky;top:96px}
@media(max-width:860px){.fd-preview-wrap{position:static}}
.fd-preview{position:relative;display:flex;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:inset 0 0 60px #00000026}
.fd-half{position:relative;flex:1;overflow:hidden}
.fd-half+.fd-half{border-left:2px solid var(--white)}
.fd-color{position:absolute;inset:0}
.fd-texture{position:absolute;inset:0;mix-blend-mode:multiply;opacity:.9}
.fd-tag{position:absolute;left:12px;bottom:12px;z-index:2;background:#0a3161e6;color:var(--white);font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:5px 10px;border-radius:20px}
.fd-readout{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;margin:16px 2px 0}
.fd-readout b{font-family:var(--display);font-size:1.05rem;color:var(--ink)}
.fd-readout span{font-size:.82rem;color:var(--gold-ink);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.fd-block{margin:0 0 24px}
.fd-block>p.fd-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:800;color:var(--navy);margin:0 0 10px}
.fd-patterns{display:flex;flex-wrap:wrap;gap:12px}
.fd-pattern{width:92px;border:1px solid var(--line);border-radius:12px;background:var(--white);padding:6px 6px 8px;cursor:pointer;text-align:center;font-family:inherit}
.fd-pattern .tex{height:54px;border-radius:8px;border:1px solid #00000018}
.fd-pattern span{display:block;font-size:.68rem;font-weight:700;color:var(--ink);margin-top:6px;line-height:1.2}
.fd-pattern[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:1px}
.fd-deck{display:flex;flex-wrap:wrap;gap:14px;padding:10px 0 4px}
.fd-chip{width:86px;cursor:pointer;background:none;border:0;padding:0;font-family:inherit;transition:transform .18s ease}
.fd-chip:hover{transform:translateY(-4px)}
.fd-chip .dot{display:block;width:86px;height:74px;border-radius:14px;border:1px solid #00000026;box-shadow:0 6px 14px #0f162626}
.fd-chip .lbl{display:block;font-size:.72rem;font-weight:700;color:var(--ink);margin-top:8px}
.fd-chip[aria-pressed=true]{transform:translateY(-10px)}
.fd-chip[aria-pressed=true] .dot{outline:3px solid var(--gold);outline-offset:2px}
.fd-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
.fd-note{font-size:.8rem;color:var(--ink);opacity:.7;margin:14px 2px 0}
.fd-xlink{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--navy);text-decoration:none;font-size:.9rem}
.fd-xlink:hover{text-decoration:underline}
.fd-compare{background:var(--white);border:1px solid var(--navy);color:var(--navy);font-weight:700;font-size:.85rem;padding:10px 16px;border-radius:8px;cursor:pointer;font-family:inherit}
.fd-compare[aria-pressed=true]{background:var(--navy);color:var(--white)}
/* Epoxy (flake/metallic) swatch source images are low-res; cap the preview so
   they display near native resolution — crisp, no upscaling artifacts. */
.finish-designer[data-mode="flake"] .fd-preview{max-width:480px;margin-inline:auto}

/* --- Thrive lead form on the contact page ---------------------------------
   Content is served from app.crmthrive.com so only the wrapper is styleable.
   Fills the quote-card at its natural width. */
.quote-frame {
  margin: 1.2rem 0 1rem;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.quote-frame iframe {
  display: block;
  width: 100%;
  border: 0;
}

.quote-frame {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.lead_crm_iframe {
  width: 100% !important;
  display: block;
}