/* MINI SITE (Crusader Cottage · Unit A): small additions on top of the main site's styles.css. */
/* Top bar: just the logo and the phone button(s); no menu, so it stays visible on phones (no ☰ needed). */
@media(max-width:860px){
  .mini header.site nav.main.mini-nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:0;border:0;background:none}
  .mini nav.main.mini-nav a.cta{width:auto}
  .mini nav.main.mini-nav a.cta .num{display:none}
  .mini nav.main.mini-nav button.cta{width:auto}
  .mini .revealwrap{display:inline-block;width:auto}
  .mini .phpop{position:absolute;right:0;top:calc(100% + 12px);box-shadow:var(--sh);margin-top:0;min-width:min(290px,calc(100vw - 32px))}
}
@media(max-width:420px){.mini nav.main.mini-nav button.cta,.mini nav.main.mini-nav a.cta{padding:.55em .8em;font-size:.92rem}.mini header.site .brand img{max-width:120px}}
/* Footer: two columns (no "Explore" links column). */
.mini footer .cols.mini-cols{grid-template-columns:2fr 1fr}
@media(max-width:700px){.mini footer .cols.mini-cols{grid-template-columns:1fr}}
.mini .u-good{margin-top:6px}
.mini .mini-rented{max-width:640px;margin:0 auto}.mini .mini-rented h1{font-size:1.8rem;margin:0 0 10px}
.mini .mini-rented .contact-people{justify-content:center;margin-top:18px}.mini .mini-rented .cp{justify-content:center}