/* PKD Store — mentions légales */

    :root {
      --accent: #f59e0b;
      --heading: #1a3352;
      --link: #0ea5e9;
      --link-hover: #0284c7;
      --surface-card: #ffefd4;
      --cream: #fffbf2;
      --text: #1b2430;
      --muted: #5c6778;
      --white: #ffffff;
      --border: #e8ecf2;
      --max: 1120px;
      --legal-max: 780px;
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      font-family: "Plus Jakarta Sans", system-ui, sans-serif;
      font-size: 1rem;
      line-height: 1.65;
      color: var(--text);
      background: var(--cream);
      overflow-x: hidden;
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%;
    }

    a {
      color: var(--link);
      font-weight: 500;
    }

    a:hover {
      color: var(--link-hover);
    }

    .shell {
      max-width: var(--max);
      margin: 0 auto;
      padding-left: max(env(safe-area-inset-left), clamp(14px, 4.5vw, 22px));
      padding-right: max(env(safe-area-inset-right), clamp(14px, 4.5vw, 22px));
    }

    .site-header {
      text-align: center;
      padding: clamp(18px, 4vw, 28px) 0;
      border-bottom: 1px solid var(--border);
      background: linear-gradient(180deg, var(--cream) 0%, var(--white) 100%);
    }

    .logo {
      display: inline-block;
      line-height: 0;
      text-decoration: none;
    }

    .logo img {
      display: block;
      height: 72px;
      width: auto;
      max-width: min(360px, 85vw);
      object-fit: contain;
      margin: 0 auto;
    }

    @media (min-width: 768px) {
      .logo img {
        height: 96px;
        max-width: min(400px, 70vw);
      }
    }

    .legal-main {
      padding: clamp(24px, 6vw, 40px) 0 clamp(48px, 12vw, 72px);
    }

    .legal-main .inner {
      max-width: var(--legal-max);
      margin: 0 auto;
    }

    .legal-main h1 {
      margin: 0 0 12px;
      font-size: clamp(1.35rem, 5vw, 2rem);
      font-weight: 700;
      color: var(--heading);
      letter-spacing: -0.02em;
      word-wrap: break-word;
    }

    .legal-main .updated {
      margin: 0 0 36px;
      font-size: 0.9rem;
      color: var(--muted);
    }

    .legal-main h2 {
      margin: 36px 0 14px;
      font-size: clamp(1rem, 3.5vw, 1.15rem);
      font-weight: 700;
      letter-spacing: -0.02em;
      scroll-margin-top: 24px;
      word-wrap: break-word;
    }

    .legal-main h2:first-of-type {
      margin-top: 0;
    }

    .legal-main p,
    .legal-main li {
      margin: 0 0 12px;
      color: var(--muted);
    }

    .legal-main ul {
      margin: 0 0 16px;
      padding-left: 1.25rem;
    }

    .legal-main li {
      margin-bottom: 8px;
    }

    .legal-main strong {
      color: var(--text);
      font-weight: 600;
    }

    .notice-box {
      margin: 20px 0;
      padding: 18px 20px;
      border-radius: 12px;
      background: var(--surface-card);
      border: 1px solid rgba(245, 158, 11, 0.22);
      font-size: 0.92rem;
      color: var(--text);
    }

    .notice-box p {
      margin: 0 0 8px;
      color: var(--text);
    }

    .notice-box p:last-child {
      margin-bottom: 0;
    }

    .site-footer {
      border-top: 1px solid var(--border);
      padding: 24px max(env(safe-area-inset-right), clamp(14px, 4.5vw, 22px)) max(36px, env(safe-area-inset-bottom))
        max(env(safe-area-inset-left), clamp(14px, 4.5vw, 22px));
      text-align: center;
      font-size: 0.85rem;
      color: var(--muted);
    }

    @media (max-width: 520px) {
      .footer-legal {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
      }

      .footer-sep {
        display: none;
      }
    }

    .footer-legal {
      margin-bottom: 14px;
      font-size: 0.9rem;
    }

    .footer-legal a {
      color: var(--link);
      font-weight: 600;
      text-decoration: none;
    }

    .footer-legal a:hover {
      text-decoration: underline;
      color: var(--link-hover);
    }

    .footer-sep {
      margin: 0 10px;
      color: #c5ccd6;
    }

    .site-footer p {
      margin: 0 0 6px;
    }

/* =========================
   FIX RESPONSIVE MOBILE PKD — mentions légales
   ========================= */

@media (max-width: 599px) {
  body {
    font-size: 15px;
    line-height: 1.55;
  }

  .shell {
    width: 100%;
    max-width: 100%;
    padding-left: 18px;
    padding-right: 18px;
  }

  .site-header {
    padding-top: 10px;
    padding-bottom: 12px;
  }

  .logo img {
    height: 42px;
    max-width: 150px;
  }

  .legal-main {
    padding-top: 18px;
    padding-bottom: 40px;
  }

  .legal-main h1 {
    font-size: 1.65rem;
    line-height: 1.15;
    margin-bottom: 10px;
    letter-spacing: -0.03em;
  }

  .legal-main .updated {
    font-size: 0.82rem;
    line-height: 1.5;
    margin-bottom: 28px;
  }

  .legal-main h2 {
    margin-top: 28px;
    margin-bottom: 10px;
    font-size: 1rem;
    scroll-margin-top: 16px;
  }

  .legal-main p,
  .legal-main li {
    font-size: 0.92rem;
    line-height: 1.55;
  }

  .notice-box {
    padding: 14px 16px;
    font-size: 0.88rem;
  }

  .site-footer {
    font-size: 0.82rem;
    padding-top: 20px;
    padding-bottom: max(28px, env(safe-area-inset-bottom));
  }
}