/* Phase 1X.9 — Pikkie's Web-Garage Sale Compact UX */
.garage-page .page-hero{min-height:auto;padding:126px 0 58px;background:radial-gradient(circle at 82% 28%,rgba(201,150,58,.13),transparent 27%),radial-gradient(circle at 73% 72%,rgba(74,126,173,.14),transparent 25%),linear-gradient(145deg,#03060b,#0a1421 62%,#05080d)}
.garage-page .page-hero .inner{align-items:center;gap:54px}
.garage-page .page-hero .crumb{margin-bottom:8px}
.garage-page .page-hero .kicker{margin-top:0!important}
.garage-page .page-hero h1{font-size:clamp(50px,5.5vw,74px);line-height:.98;margin:16px 0}
.garage-page .page-hero p{max-width:650px;font-size:15px;line-height:1.65}
.garage-page .page-hero .actions{margin-top:24px}
.garage-hero-panel{background:rgba(11,22,34,.75);border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:22px;box-shadow:0 28px 70px rgba(0,0,0,.22)}
.garage-panel-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#e7c77d;font-weight:800;margin-bottom:13px}
.garage-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.garage-fact-grid div{padding:15px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);min-height:96px}
.garage-fact-grid strong{display:block;color:#fff;font:600 20px/1.12 Georgia,serif;margin-bottom:6px}
.garage-fact-grid span{display:block;color:#9eacba;font-size:11px;line-height:1.48}
.garage-panel-note{margin:13px 2px 0!important;font-size:10px!important;line-height:1.5!important;color:#8595a4!important}
.garage-stock-section{padding:64px 0 66px;background:#f5f4ef}
.garage-stock-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.8fr);gap:34px;align-items:end;margin-bottom:24px}
.garage-stock-head .heading{margin:0}
.garage-stock-head .heading h2{font-size:clamp(38px,4.3vw,58px);margin:11px 0}
.garage-stock-head .heading p{max-width:700px}
.garage-stock-rule{border:1px solid #dccca8;background:#fbf7ee;border-radius:18px;padding:16px 18px;color:#63563e;font-size:12px;line-height:1.55}
.garage-stock-rule strong{display:block;color:#413621;margin-bottom:4px}
.garage-page .catalogue-live{min-height:0}
.garage-page .catalogue-empty,.garage-page .catalogue-empty-fallback{background:#fff;border:1px solid rgba(7,23,37,.1);border-radius:22px;box-shadow:0 14px 38px rgba(7,23,37,.06)}
.garage-page .catalogue-empty-fallback{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:26px}
.garage-page .catalogue-empty-fallback .mark{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#071725;color:#e5c17f;font-size:9px;font-weight:900;letter-spacing:.08em}
.garage-page .catalogue-empty-fallback strong{display:block;font:400 26px/1.15 Georgia,serif;color:#17202a;margin-bottom:6px}
.garage-page .catalogue-empty-fallback p{margin:0;color:#68727d;font-size:12px;line-height:1.55;max-width:760px}
.garage-buyer-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.garage-buyer-strip div{background:#fff;border:1px solid rgba(7,23,37,.1);border-radius:16px;padding:14px 16px}
.garage-buyer-strip strong{display:block;color:#17202a;font-size:12px;margin-bottom:4px}
.garage-buyer-strip span{display:block;color:#6c7781;font-size:10px;line-height:1.45}
.garage-legal{margin-top:16px;padding:14px 16px;border-radius:15px;background:#eee9df;border:1px solid #d9d0c2;color:#625a50;font-size:10px;line-height:1.55}
.garage-legal strong{color:#342f2a}
.garage-process{padding:62px 0 64px}
.garage-process-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(290px,.75fr);gap:46px;align-items:end;margin-bottom:22px}
.garage-process-head h2{font-size:clamp(38px,4.3vw,56px);margin:10px 0 0}
.garage-process-head p{margin:0;color:#66727d;font-size:13px;line-height:1.65}
.garage-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.garage-process-card{background:#fff;border:1px solid rgba(7,23,37,.1);border-radius:19px;padding:20px;box-shadow:0 12px 30px rgba(7,23,37,.045)}
.garage-process-card b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#071725;color:#e7c77d;font-size:10px;margin-bottom:14px}
.garage-process-card h3{font:600 22px/1.12 Georgia,serif;color:#071725;margin:0 0 7px}
.garage-process-card p{font-size:11px;line-height:1.55;color:#69747e;margin:0}
.garage-legacy-cta{padding:48px 0}
.garage-legacy-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);gap:60px;align-items:center}
.garage-legacy-grid h2{font-size:clamp(34px,4vw,50px);margin:10px 0 12px}
.garage-legacy-grid p{color:#7d8893;max-width:650px;font-size:13px;line-height:1.65}
.garage-legacy-action{border:1px solid #dccca8;background:#fbf7ee;border-radius:20px;padding:21px;box-shadow:0 12px 28px rgba(7,23,37,.04)}
.garage-legacy-action strong{display:block;color:#5e4a24;font:600 22px/1.15 Georgia,serif;margin-bottom:7px}
.garage-legacy-action p{font-size:11px;margin:0 0 16px;color:#6f7983}
@media(max-width:900px){
  .garage-page .page-hero{padding:112px 0 48px}
  .garage-page .page-hero .inner,.garage-stock-head,.garage-process-head,.garage-legacy-grid{grid-template-columns:1fr;gap:28px}
  .garage-process-head{align-items:start}
}
@media(max-width:640px){
  .garage-page .page-hero{padding:101px 0 36px}
  .garage-page .page-hero h1{font-size:42px}
  .garage-page .page-hero p{font-size:14px}
  .garage-page .page-hero .actions{margin-top:19px}
  .garage-hero-panel{padding:16px;border-radius:20px}
  .garage-fact-grid{gap:8px}
  .garage-fact-grid div{padding:13px;min-height:84px}
  .garage-fact-grid strong{font-size:17px}
  .garage-fact-grid span{font-size:10px}
  .garage-stock-section{padding:46px 0 48px}
  .garage-stock-head{gap:15px;margin-bottom:18px}
  .garage-stock-head .heading h2{font-size:36px}
  .garage-stock-rule{padding:14px;font-size:11px}
  .garage-page .catalogue-empty,.garage-page .catalogue-empty-fallback{padding:18px;border-radius:18px}
  .garage-page .catalogue-empty-fallback{grid-template-columns:1fr;gap:12px}
  .garage-page .catalogue-empty-fallback .mark{width:46px;height:46px;border-radius:13px}
  .garage-page .catalogue-empty-fallback strong{font-size:21px}
  .garage-page .catalogue-empty-fallback p{font-size:11px}
  .garage-buyer-strip{grid-template-columns:1fr;gap:8px;margin-top:14px}
  .garage-buyer-strip div{padding:12px 14px}
  .garage-legal{font-size:9px;margin-top:12px}
  .garage-process{padding:44px 0 46px}
  .garage-process-head{gap:13px;margin-bottom:17px}
  .garage-process-head h2{font-size:35px}
  .garage-process-head p{font-size:12px}
  .garage-process-grid{grid-template-columns:1fr;gap:9px}
  .garage-process-card{padding:16px;border-radius:16px}
  .garage-process-card b{margin-bottom:10px}
  .garage-process-card h3{font-size:19px}
  .garage-legacy-cta{padding:36px 0}
  .garage-legacy-grid{gap:18px}
  .garage-legacy-grid h2{font-size:34px}
  .garage-legacy-action{padding:17px}
}