/* =========================================================
   Shop Internet - Legal pages (Privacy Policy, Terms)
   Loaded after main.css, which supplies header + footer.
   ========================================================= */
body.legal{background:#f2f6fc}
.legal .wrap{max-width:none}
.legal-hero{background:var(--navy) url(../images/hero-desktop-bg.jpg) center/cover no-repeat;color:#fff;font-family:var(--font);padding:40px 20px 44px;text-align:center}
.legal-hero h1{margin:0;font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.6px}
.legal-hero p{margin:10px 0 0;font-size:14px;color:#c9d4ea}
.legal-body{font-family:var(--font);padding:28px 16px 56px}
.legal-card{max-width:820px;margin:0 auto;background:#fff;border:1px solid #e1e8f5;border-radius:18px;box-shadow:0 12px 32px rgba(27,58,138,.08);padding:28px 22px 32px;color:#34405c;font-size:15.5px;line-height:1.7}
.legal-card .lead{margin:0 0 8px;font-size:16.5px;color:#1c3568}
.legal-card h2{margin:30px 0 8px;font-size:19px;line-height:1.3;font-weight:800;color:var(--navy-ink);letter-spacing:-.2px}
.legal-card h2:first-of-type{margin-top:22px}
.legal-card p{margin:0 0 12px}
.legal-card ul{margin:0 0 12px;padding-left:22px}
.legal-card li{margin:0 0 6px}
.legal-card strong{color:#1c3568}
.legal-card a{color:#1677d6}
.legal-contact{margin-top:28px;padding:20px;border-radius:14px;background:var(--green-soft);border:1px solid #cfeec6}
.legal-contact h2{margin-top:0!important}
.legal-contact p{margin:0 0 4px}
.legal-back{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:13px 22px;border-radius:999px;background:linear-gradient(#5bea3e,#3fd424);color:var(--ink)!important;font-weight:800;text-decoration:none}

@media (min-width:960px){
  .legal-hero{padding:64px 24px 68px}
  .legal-hero h1{font-size:46px;letter-spacing:-1px}
  .legal-hero p{font-size:16px}
  .legal-body{padding:48px 24px 88px}
  .legal-card{padding:48px 56px 52px;font-size:16.5px}
  .legal-card h2{font-size:22px;margin-top:36px}
}