/*!
 * SLABVAULT card articles — storefront footer.
 *
 * Replicates the www.onemall.jp footer (5 link columns, payment strip,
 * copyright) for card posts, which run the storefront's footer instead of
 * BlogData's. Rebuilt rather than imported: the main site ships it as scoped
 * Vue styles (data-v-* attributes) that cannot be lifted, and everything here
 * is gated on .sv-card-tpl so no other page is affected.
 *
 * Colours and metrics are taken from the live site: #F7F7F9 ground, 14px/21px
 * text, #6E6E6E links, 500-weight column titles.
 */
.sv-card-tpl .sv-sitefoot{
  background:#F7F7F9;color:#000;
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  font-size:14px;line-height:21px;padding:52px 0 0}
.sv-card-tpl .sv-sitefoot a{text-decoration:none}

.sv-card-tpl .sv-sitefoot-cols{
  max-width:1120px;margin:0 auto;padding:40px 22px 0;
  display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:start}
.sv-card-tpl .sv-sitefoot-col{min-width:0}
.sv-card-tpl .sv-sitefoot-title{font-weight:500;color:#000;margin:0 0 8px}
.sv-card-tpl .sv-sitefoot-title + .sv-sitefoot-title{margin-top:30px}
.sv-card-tpl .sv-sitefoot-col a{display:block;color:#6E6E6E;padding:5px 0}
.sv-card-tpl .sv-sitefoot-col a:hover{color:#000}

.sv-card-tpl .sv-sitefoot-social{display:flex;gap:12px;padding:8px 0 0}
.sv-card-tpl .sv-sitefoot-social a{padding:0;display:inline-flex}
.sv-card-tpl .sv-sitefoot-social img{width:22px;height:17px;object-fit:contain;display:block}
.sv-card-tpl .sv-sitefoot-apps{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}
.sv-card-tpl .sv-sitefoot-apps a{padding:0}
.sv-card-tpl .sv-sitefoot-apps img{width:130px;height:42px;display:block}

.sv-card-tpl .sv-sitefoot-pay{
  max-width:1120px;margin:0 auto;padding:64px 22px 8px;display:flex;justify-content:center}
.sv-card-tpl .sv-sitefoot-pay img{max-width:638px;width:100%;height:auto;display:block}
.sv-card-tpl .sv-sitefoot-copy{
  color:#6E6E6E;line-height:22px;text-align:center;padding:56px 22px}

@media (max-width:900px){
  .sv-card-tpl .sv-sitefoot-cols{grid-template-columns:repeat(2,1fr);gap:18px 24px}
}
@media (max-width:560px){
  .sv-card-tpl .sv-sitefoot{padding-top:34px}
  .sv-card-tpl .sv-sitefoot-cols{grid-template-columns:1fr;padding:24px 16px 0;gap:14px}
  .sv-card-tpl .sv-sitefoot-pay{padding:36px 16px 8px}
  .sv-card-tpl .sv-sitefoot-copy{padding:28px 16px}
}