/* Site footer (all pages), Bomar layout in our colours: logo | Address | Phone + Email | Follow Us | divider | page links,
   centred copyright below. Self-contained so it works with main.css, about.css and the product pages. */
.site-footer{background:#12372b;color:#c6d8cf;font-size:14px;line-height:1.7;padding:46px 0 14px}
.site-footer .sf-wrap{width:min(1160px,calc(100% - 48px));margin:0 auto}
.site-footer .sf-grid{display:grid;grid-template-columns:auto minmax(0,1.35fr) minmax(0,1.1fr) auto auto;gap:28px 44px;align-items:start}
.site-footer .sf-brand{display:block;width:72px;margin:0;text-decoration:none}
.site-footer .sf-brand img{display:block;width:72px;height:72px;max-width:none;margin:0;border-radius:14px;background:#fff;padding:4px}
.site-footer .sf-label{display:block;margin:0 0 6px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.01em}
.site-footer .sf-col p,.site-footer address{margin:0 0 18px;font-style:normal;color:#c6d8cf}
.site-footer .sf-col p:last-child{margin-bottom:0}
.site-footer a{color:#c6d8cf;text-decoration:none;transition:color .2s}
.site-footer a:hover,.site-footer a:focus-visible{color:#b7f763}
.site-footer address{margin:0}
.site-footer address a{display:inline-block;line-height:1.7}
.site-footer address a:hover,.site-footer address a:focus-visible{text-decoration:underline;text-underline-offset:3px}
@media (min-width:641px){.site-footer address a{white-space:nowrap}}
.site-footer .sf-social{display:flex;gap:12px;margin-top:4px}
.site-footer .sf-social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#12372b;transition:background .2s,transform .2s}
.site-footer .sf-social a:hover,.site-footer .sf-social a:focus-visible{background:#b7f763;color:#12372b;transform:translateY(-2px)}
.site-footer .sf-social svg{width:20px;height:20px}
.site-footer .sf-links{list-style:none;margin:0;padding:0 0 0 36px;border-left:1px solid rgba(255,255,255,.22);display:grid;gap:8px}
.site-footer .sf-links a{font-size:14px}
.site-footer .sf-copy{margin:34px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);text-align:center;font-size:12.5px;line-height:1.5;color:#a9c0b5}
.site-footer a:focus-visible{outline:2px solid #b7f763;outline-offset:3px;border-radius:4px}
@media (max-width:980px){.site-footer .sf-grid{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}.site-footer .sf-follow{grid-column:2}.site-footer .sf-links{grid-column:3;grid-row:2}}
@media (max-width:640px){
  .site-footer{padding:38px 0 14px}
  .site-footer .sf-grid{grid-template-columns:1fr;gap:22px}
  .site-footer .sf-follow,.site-footer .sf-links{grid-column:auto;grid-row:auto}
  .site-footer .sf-brand,.site-footer .sf-brand img{width:60px;height:60px}
  .site-footer .sf-links{padding:18px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.22);grid-template-columns:1fr 1fr;gap:8px 16px}
}
/* footer logo: the user's SVG with its own white square, rounded like the header logo */
.site-footer .sf-brand{width:auto;height:auto}
.site-footer .sf-brand img{width:100px;height:100px;padding:0;background:none;border-radius:10px;box-shadow:0 10px 26px rgba(0,0,0,.18)}
@media (max-width:640px){.site-footer .sf-brand{width:auto;height:auto}.site-footer .sf-brand img{width:68px;height:68px;border-radius:8px}}