/* MainStreet.direct preview — subpage styles, built on the homepage design system */
.page-hero{padding:150px 0 56px;background:var(--navy);color:#fff;position:relative;overflow:hidden}
.page-hero h1{font-family:var(--font-display);font-size:clamp(34px,4.6vw,54px);font-weight:900;line-height:1.08}
.page-hero h1 em{color:var(--amber-light);font-style:italic}
.page-hero p{margin-top:14px;font-size:17px;color:rgba(255,255,255,.82);max-width:640px;font-weight:300}
.sample-note{margin:22px 0 0;display:inline-block;background:var(--amber-pale);color:#7a5410;border:1px solid rgba(200,132,26,.35);font-size:13px;font-weight:600;padding:7px 14px;border-radius:100px}
.page-sec{padding:56px 0 84px}
.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.chip{font-family:var(--font-body);font-size:13.5px;font-weight:600;padding:9px 18px;border-radius:100px;border:1.5px solid var(--border);background:#fff;color:var(--warm-gray);cursor:pointer;transition:all .2s}
.chip:hover{border-color:var(--navy);color:var(--navy)}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 10px rgba(28,28,30,.05);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.card img{height:180px;width:100%;object-fit:cover}
.card-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);background:var(--amber-pale);padding:4px 10px;border-radius:100px}
.card h3{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--navy);line-height:1.25}
.card .meta{font-size:13.5px;color:var(--warm-gray)}
.card p{font-size:14.5px;color:#44403c;line-height:1.55;flex:1}
.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.price{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--navy)}
.btn-route{font-family:var(--font-body);font-size:13px;font-weight:600;padding:9px 16px;border-radius:100px;border:1.5px solid var(--navy);background:transparent;color:var(--navy);cursor:pointer;transition:all .2s}
.btn-route:hover{background:var(--navy);color:#fff}
.btn-route.added{background:var(--sage);border-color:var(--sage);color:#fff}
.route-panel{margin-top:34px;background:var(--cream);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 28px}
.route-panel h3{font-family:var(--font-display);font-size:22px;color:var(--navy);margin-bottom:6px}
.route-panel ol{margin:12px 0 0 20px;font-size:15px;line-height:1.9}
.route-empty{font-size:14.5px;color:var(--warm-gray)}
.form-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:34px;box-shadow:var(--shadow-md);max-width:760px}
.form-card label{display:block;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--warm-gray);margin:18px 0 7px}
.form-card input,.form-card select,.form-card textarea{width:100%;font-family:var(--font-body);font-size:15px;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;background:var(--warm-white);color:var(--ink)}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:none;border-color:var(--amber)}
.form-ok{display:none;background:#eef4ee;border:1px solid var(--sage);color:#33463a;border-radius:10px;padding:16px 18px;font-size:15px;margin-top:20px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
@media(max-width:860px){.split{grid-template-columns:1fr}}
.vendor-band{background:var(--navy);border-radius:var(--radius-lg);padding:38px;color:#fff;margin-top:44px}
.vendor-band h3{font-family:var(--font-display);font-size:28px;font-weight:700}
.vendor-band h3 em{color:var(--amber-light)}
.vendor-band p{color:rgba(255,255,255,.85);font-size:16px;line-height:1.65;margin:12px 0 20px;max-width:640px;font-weight:300}
.stars{color:var(--amber);font-size:14px;letter-spacing:2px}
.sub-footer{background:var(--navy-dark);color:rgba(255,255,255,.75)}
.foot-in{max-width:var(--max);margin:0 auto;padding:52px 36px 34px;display:flex;flex-wrap:wrap;gap:36px;justify-content:space-between}
.sub-footer h4{font-family:var(--font-display);color:#fff;font-size:17px;margin-bottom:12px}
.sub-footer ul{list-style:none;line-height:2;font-size:14px}
.sub-footer a:hover{color:var(--amber-light)}
.foot-note{max-width:var(--max);margin:0 auto;padding:0 36px 28px;font-size:12.5px;color:rgba(255,255,255,.45)}