/* ============================================================================
   RED BARON — SHARED SITE CHROME
   ----------------------------------------------------------------------------
   Ενιαίο footer (και μικροδιορθώσεις header) για τις σελίδες που δεν είχαν
   τα σχετικά styles inline: about.html και parts.html.

   Το index.html και το motorcycle.html έχουν ήδη δικά τους — φορτώνεται ΠΡΙΝ
   το inline <style> κάθε σελίδας, οπότε εκείνα υπερισχύουν και δεν χαλάει
   τίποτα υπάρχον.
   ========================================================================== */

.site-footer{
  background:#0B0E11;
  color:rgba(255,255,255,.7);
  padding:62px 0 24px;
  font-size:15px;
  border-top:1px solid rgba(255,255,255,.08);
}
.site-footer .wrap{max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.site-footer a{color:inherit;text-decoration:none;transition:color 180ms ease}
.site-footer a:hover{color:#fff}

.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.site-footer h4{
  font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#fff;margin:0 0 16px;
}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.site-footer .brand-name{
  font-size:27px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  white-space:nowrap;color:#fff;
}
.foot-brand .brand-name{color:#fff}
.foot-bottom{
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin-top:46px;padding-top:20px;
  border-top:1px solid rgba(255,255,255,.10);
  font-size:13px;color:rgba(255,255,255,.55);
}

@media(max-width:900px){
  .foot-grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:560px){
  .site-footer{padding:44px 0 20px}
  .foot-grid{grid-template-columns:1fr;gap:24px}
  .foot-bottom{margin-top:30px}
}