/* "Find me a deal" form. Shared by index.html (PSL) and medspa.html (Best Med
   Spas). Each page sets its own palette through the --deal-* variables on the
   #find-a-deal section; the fallbacks below are the PSL rose-gold palette. */
.deal-section{background:var(--deal-bg,#F9F5F0);color:var(--deal-ink,#2C2C2A);padding:2.4rem 1rem 2.6rem;border-bottom:1px solid var(--deal-line,#D3D1C7)}
.deal-inner{max-width:760px;margin:0 auto}
.deal-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--deal-accent,#C9956C);text-align:center;margin-bottom:6px;font-weight:700}
.deal-title{font-size:24px;font-weight:600;text-align:center;margin:0 0 8px;line-height:1.25;color:var(--deal-ink,#2C2C2A)}
.deal-sub{font-size:14.5px;color:var(--deal-muted,#888780);text-align:center;margin:0 auto 1.3rem;line-height:1.6;max-width:560px}
.deal-form{background:#fff;border:1px solid var(--deal-line,#D3D1C7);border-radius:14px;padding:1.3rem;box-shadow:0 6px 24px rgba(0,0,0,.05);text-align:left}
.deal-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;justify-content:center}
.deal-chip{background:var(--deal-bg,#F9F5F0);border:1px solid var(--deal-line,#D3D1C7);color:var(--deal-ink,#2C2C2A);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer;font-family:inherit}
.deal-chip:hover,.deal-chip:focus-visible{border-color:var(--deal-accent,#C9956C);color:var(--deal-accent,#C9956C);outline:none}
.deal-miles{margin:0 0 12px}
.deal-miles-label{display:block;font-size:12.5px;color:var(--deal-ink,#2C2C2A);margin-bottom:7px;font-weight:600}
.deal-miles-opts{display:flex;flex-wrap:wrap;gap:8px}
.deal-mile{background:#fff;border:1px solid var(--deal-line,#D3D1C7);color:var(--deal-ink,#2C2C2A);border-radius:999px;padding:9px 16px;font-size:14px;cursor:pointer;font-family:inherit;min-height:40px}
.deal-mile:hover,.deal-mile:focus-visible{border-color:var(--deal-accent,#C9956C);outline:none}
.deal-mile.on{background:var(--deal-accent,#C9956C);border-color:var(--deal-accent,#C9956C);color:#fff;font-weight:600}
.deal-miles-other{margin-top:10px;max-width:220px}
.deal-miles-other[hidden]{display:none}
.deal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.deal-field{display:block;margin:0}
.deal-field span{display:block;font-size:12.5px;color:var(--deal-ink,#2C2C2A);margin-bottom:5px;font-weight:600}
.deal-field em{font-style:normal;color:var(--deal-muted,#888780);font-weight:400}
.deal-field input{width:100%;box-sizing:border-box;border:1px solid var(--deal-line,#D3D1C7);border-radius:9px;padding:11px 12px;font-size:16px;color:var(--deal-ink,#2C2C2A);background:#fff;font-family:inherit}
.deal-field input:focus{outline:none;border-color:var(--deal-accent,#C9956C);box-shadow:0 0 0 3px var(--deal-ring,rgba(201,149,108,.2))}
.deal-notes{margin-bottom:14px}
/* Honeypot: off-screen, not display:none (some bots skip hidden fields). */
.deal-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.deal-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.55;color:var(--deal-muted,#888780);margin:2px 0 14px;cursor:pointer}
.deal-consent input{margin-top:2px;flex:0 0 auto;width:17px;height:17px;accent-color:var(--deal-accent,#C9956C)}
.deal-consent a{color:var(--deal-accent-dark,#b07d54);text-decoration:underline}
.deal-btn{display:block;width:100%;background:var(--deal-accent,#C9956C);color:#fff;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit}
.deal-btn:hover{background:var(--deal-accent-dark,#b07d54)}
.deal-btn:disabled{opacity:.6;cursor:default}
.deal-msg{font-size:13.5px;min-height:18px;margin-top:10px;text-align:center;color:var(--deal-ink,#2C2C2A)}
.deal-msg.err{color:#a3372f}
.deal-fine{font-size:11.5px;color:var(--deal-muted,#888780);text-align:center;margin-top:6px}
.deal-done{text-align:center;padding:1.4rem .5rem}
.deal-done-t{font-size:20px;font-weight:600;color:var(--deal-ink,#2C2C2A);margin-bottom:6px}
.deal-done-s{font-size:14.5px;color:var(--deal-muted,#888780);line-height:1.6}
@media (max-width:640px){
  .deal-row{grid-template-columns:1fr}
  .deal-title{font-size:21px}
  .deal-form{padding:1rem}
}

/* Compact homepage card that opens /find-a-deal (founder, 2026-09-24: the full
   form made the landing page too long). Square picture, button below it. */
.deal-teaser{background:var(--deal-bg,#F9F5F0);padding:1.6rem 1rem;border-bottom:1px solid var(--deal-line,#D3D1C7)}
.deal-teaser-card{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:1.3rem;background:#fff;border:1px solid var(--deal-line,#D3D1C7);border-radius:16px;padding:1rem;box-shadow:0 6px 24px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.deal-teaser-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.10);text-decoration:none}
.deal-teaser-img{flex:0 0 150px;width:150px;height:150px;border-radius:12px;overflow:hidden;display:block}
.deal-teaser-img img{width:100%;height:100%;object-fit:cover;display:block}
.deal-teaser-text{display:flex;flex-direction:column;gap:.35rem;text-align:left}
.deal-teaser-title{font-size:20px;font-weight:700;color:var(--deal-ink,#2C2C2A);line-height:1.25}
.deal-teaser-sub{font-size:14px;color:var(--deal-muted,#6f6e68);line-height:1.5}
.deal-teaser-btn{align-self:flex-start;margin-top:.4rem;background:var(--deal-accent,#C9956C);color:#fff;font-weight:700;padding:11px 24px;border-radius:999px;font-size:15px}
.deal-teaser-card:hover .deal-teaser-btn{background:var(--deal-accent-dark,#a8794f)}
@media (max-width:560px){
  .deal-teaser-card{flex-direction:column;text-align:center}
  .deal-teaser-img{flex-basis:auto;width:180px;height:180px}
  .deal-teaser-text{text-align:center;align-items:center}
  .deal-teaser-btn{align-self:center}
}