/* Site footer: shared by index, terms, refund, privacy and contact (not success).
   If you change this file, bump the ?v= number where the pages link to it. */
.site-footer{
  --sf-ink:#0B2E26; --sf-body:#2C4740; --sf-muted:#5D776E; --sf-line:#D2E3D9; --sf-bg:#FFFFFF;
  position:relative; margin:0; padding:0; border:0; overflow:hidden;
  background:var(--sf-bg); color:var(--sf-muted);
  font-family:'Anek Bangla',system-ui,sans-serif; font-size:15px; line-height:1.6;
}
.site-footer .sf-in{max-width:1080px;margin:0 auto;padding:64px 24px 0}

/* brand + link columns: stacked on phones, side by side on wide screens */
.sf-top{display:grid;gap:36px}
.sf-logo{display:inline-block}
.sf-logo img{display:block;width:112px;height:auto}
.sf-mission{margin:14px 0 0;max-width:28ch;font-size:17px;line-height:1.5;color:var(--sf-body)}

.sf-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}
.site-footer h2{
  margin:0 0 12px; font-family:inherit; font-size:13px; font-weight:600; font-stretch:100%;
  line-height:1.4; letter-spacing:.02em; color:var(--sf-muted); text-align:left;
}
.sf-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sf-cols a{color:var(--sf-ink);text-decoration:none;font-size:15px;font-weight:500;line-height:1.35}
.sf-cols a:hover,.sf-buy:hover{text-decoration:underline;text-underline-offset:4px}

.sf-bottom{
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px 20px;
  margin-top:44px; padding-top:20px; border-top:1px solid var(--sf-line); font-size:14px;
}
.sf-buy{color:var(--sf-ink);font-weight:700;text-decoration:none;white-space:nowrap}

/* the painting: full width at the very bottom, top faded into the footer background.
   Phones crop the sides (object-fit) but keep the centre path in view. */
.sf-art{
  display:block; width:100%; height:clamp(210px,62vw,320px); margin-top:4px;
  object-fit:cover; object-position:50% 100%;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 42%);
          mask-image:linear-gradient(to bottom,transparent 0,#000 42%);
  pointer-events:none; user-select:none;
}

@media (min-width:900px){
  .site-footer .sf-in{padding-top:80px}
  .sf-top{grid-template-columns:1fr auto;align-items:start;gap:64px}
  .sf-cols{gap:24px 64px}
  .sf-cols a{font-size:16px}
  .sf-art{height:auto;aspect-ratio:2400/1018;max-height:560px;margin-top:0}
}