/* ============================================================
   SHOPICKS — info / static pages
   ============================================================ */
.info-wrap{ padding-bottom:40px; }
.info-layout{ display:grid; grid-template-columns:220px 1fr; gap:24px; align-items:start; }
.info-nav{ display:flex; flex-direction:column; gap:4px; position:sticky; top:96px; }
.info-nav button{ text-align:right; padding:11px 14px; border-radius:var(--r-sm); font-size:14px; font-weight:600;
  color:var(--ink-2); transition:.15s; }
.info-nav button:hover{ background:var(--cream-2); }
.info-nav button.on{ background:var(--ink); color:#F4ECDC; }
.info-card{ padding:30px 32px; }

.info-body h2{ font-family:var(--serif-he); font-weight:700; font-size:30px; margin:0 0 6px; color:var(--ink); }
.info-body h3{ font-family:var(--serif-he); font-weight:700; font-size:21px; margin:28px 0 10px; color:var(--ink); }
.info-lede{ font-size:16px; color:var(--gold-deep); font-weight:600; margin:0 0 18px; }
.info-body p{ font-size:14.5px; line-height:1.75; color:var(--ink-2); margin:0 0 12px; }
.info-mini{ font-size:12px; color:var(--muted); }

.info-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:18px 0 8px; }
.info-step{ background:var(--paper-warm); border:1px solid var(--line); border-radius:var(--r-md); padding:18px; }
.info-step .is-num{ display:grid; place-items:center; width:30px; height:30px; border-radius:50%;
  background:var(--gold-grad); color:#2A2008; font-weight:800; font-size:14px; margin-bottom:10px; }
.info-step b{ display:block; font-size:15px; margin-bottom:5px; }
.info-step p{ font-size:13px; margin:0; }

.info-two{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:8px 0; }
.info-box{ background:#fff; border:1px solid var(--line); border-radius:var(--r-md); padding:20px; }
.ib-ic{ font-size:26px; margin-bottom:8px; }
.info-box b{ display:block; font-size:16px; margin-bottom:6px; }
.info-box p{ margin:0; font-size:13.5px; }

.info-values{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:14px; }
.info-values div{ background:var(--paper-warm); border:1px solid var(--line); border-radius:var(--r-md); padding:16px; }
.info-values b{ display:block; font-size:14.5px; margin-bottom:4px; color:var(--gold-deep); }
.info-values span{ font-size:13px; color:var(--ink-2); }

.info-ol{ margin:0; padding-inline-start:20px; }
.info-ol li{ font-size:14px; line-height:1.7; color:var(--ink-2); margin:8px 0; }

.info-contact{ display:flex; flex-direction:column; gap:12px; margin-top:8px; }
.ic-row{ display:flex; align-items:center; gap:14px; background:var(--paper-warm); border:1px solid var(--line);
  border-radius:var(--r-md); padding:14px 16px; text-decoration:none; color:inherit; }
.ic-ic{ width:42px; height:42px; border-radius:50%; background:var(--gold-pale); color:var(--gold-deep);
  display:grid; place-items:center; font-size:18px; flex-shrink:0; }
.ic-row b{ display:block; font-size:14.5px; } .ic-row span{ font-size:13px; color:var(--muted); }

/* ---- site footer links (under trust bar) ---- */
.site-foot{ background:var(--noir); color:#C9BCA4; padding:26px; }
.site-foot-in{ max-width:1320px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; }
.site-foot-links{ display:flex; flex-wrap:wrap; gap:20px; }
.site-foot-links button{ color:#C9BCA4; font-size:13px; font-weight:500; transition:.15s; }
.site-foot-links button:hover{ color:var(--gold-soft); }
.site-foot-copy{ font-size:12px; color:#7d7363; }

@media(max-width:760px){
  .info-layout{ grid-template-columns:1fr; }
  .info-nav{ position:static; flex-direction:row; flex-wrap:wrap; }
  .info-steps,.info-two,.info-values{ grid-template-columns:1fr; }
}
