/* Busy Order — inner pages (order forms, catalog, legal, success). Loads after base.css */
.page-hero{padding:8rem 0 2.5rem;background:radial-gradient(48rem 26rem at 90% -20%,rgba(212,36,95,.25),transparent 62%),var(--ink)}
.crumbs{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--muted);font-size:.95rem;margin-bottom:1.2rem}
.crumbs a:hover{color:var(--gold)}
.crumbs span[aria-hidden]{opacity:.5}
.page-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800;max-width:22ch}
.page-hero .lede{margin-top:1.1rem;font-size:1.15rem;color:var(--muted);max-width:40rem}
.pill{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.4rem;padding:.45rem 1rem;border-radius:999px;background:rgba(232,196,106,.12);border:1px solid rgba(232,196,106,.4);color:var(--gold);font-weight:700}

/* Order layout */
.order{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:2rem;align-items:start;padding:1.5rem 0 5rem}
.order form{display:grid;gap:1.4rem}
fieldset.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:1.5rem}
fieldset.card legend{padding:0 .6rem;font-family:var(--font-display);font-weight:700;font-size:1.15rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field input[type=file]{padding:.7rem;background:var(--ink)}
.field small{color:var(--muted);font-size:.88rem}
.pay-note{color:var(--muted);margin-bottom:1rem}
.status-line{display:none;margin-top:1rem;padding:.9rem 1rem;border-radius:12px;font-weight:600}
.status-line.show{display:block;background:rgba(95,211,154,.12);border:1px solid rgba(95,211,154,.4);color:var(--ok)}
.step-tag{display:inline-block;margin-bottom:.5rem;color:var(--gold);font-weight:700;font-size:.92rem}
.side{position:sticky;top:96px;display:grid;gap:1.2rem}
.side .box{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:1.5rem}
.side img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;background:#000;margin-bottom:1.1rem}
.side h2{font-size:1.25rem;margin-bottom:.8rem}
.side ul{display:grid;gap:.6rem;color:var(--muted);font-size:.98rem}
.side li{display:flex;gap:.6rem}
.side li svg{width:18px;height:18px;flex:none;margin-top:.25rem;color:var(--ok)}
.side .big{font-family:var(--font-display);font-size:2.2rem;font-weight:800;color:var(--gold);line-height:1}
.side .big small{display:block;margin-top:.4rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--muted)}
@media (max-width:920px){.order{grid-template-columns:1fr}.side{position:static;order:-1}.side img{max-height:260px}}
@media (max-width:560px){.two{grid-template-columns:1fr}fieldset.card{padding:1.2rem}}

/* Catalog and college projects */
.catalog{padding:1.5rem 0 5rem}
.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-bottom:2.5rem}
.proj{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.proj h3{font-size:1.25rem}
.proj p{color:var(--muted);font-size:.98rem}
.proj .row{margin-top:auto;padding-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.proj .price{font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:var(--gold)}
.viewer{display:none;margin:2rem 0}
.viewer.show{display:block}
.viewer iframe{width:100%;height:70vh;min-height:420px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.cta-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.6rem;border:1px solid rgba(255,107,148,.4);border-radius:var(--radius);background:rgba(212,36,95,.08)}
.cta-box h2{font-size:1.4rem}
.cta-box p{color:var(--muted);margin-top:.3rem}
@media (max-width:760px){.proj-grid{grid-template-columns:1fr}}

/* Legal pages */
.legal{max-width:52rem;padding:0 0 5rem}
.legal h2{font-size:clamp(1.7rem,3.4vw,2.3rem);margin:0 0 1.2rem}
.legal h3{font-size:1.2rem;margin:2rem 0 .6rem;color:var(--gold)}
.legal p,.legal li{color:var(--muted);margin-bottom:.9rem}
.legal ul{list-style:disc;padding-left:1.4rem;margin-bottom:1rem}
.legal a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.legal hr{border:0;border-top:1px solid var(--line);margin:1.2rem 0}
.legal strong{color:var(--cream)}

/* Success page */
.done{min-height:100vh;display:grid;place-items:center;padding:7rem 1.25rem 4rem;text-align:center}
.done .tick{width:84px;height:84px;margin:0 auto 1.5rem;display:grid;place-items:center;border-radius:50%;background:rgba(95,211,154,.14);border:2px solid var(--ok);color:var(--ok)}
.done .tick svg{width:42px;height:42px}
.done h1{font-size:clamp(2rem,5vw,3rem)}
.done p{color:var(--muted);margin:1rem auto 2rem;max-width:34rem}
.done .cta-row{justify-content:center;display:flex;flex-wrap:wrap;gap:.9rem}