/* Page-specific styles for /kjopsbetingelser.html. Shared foundations live in /v2/. */

    /* ── Kjøpsbetingelser page-specific styles ── */
    .seller-box {
      background: var(--dark-3);
      border: 1px solid var(--bd-dark);
      border-radius: var(--r3);
      padding: var(--s3) var(--s4);
      margin: var(--s3) 0 var(--s4);
    }
    .seller-box h2 {
      margin-top: 0 !important;
      font-size: 1rem !important;
      font-family: var(--mono) !important;
      letter-spacing: .06em !important;
      text-transform: uppercase !important;
      color: var(--td-lo) !important;
      font-weight: 500 !important;
      margin-bottom: var(--s2) !important;
    }
    .seller-box p {
      font-size: .95rem;
      color: var(--td-med);
      margin-bottom: .4rem !important;
    }

    .angrerett-form {
      background: var(--dark-3);
      border: 1px solid var(--bd-dark);
      border-left: 3px solid var(--blue);
      border-radius: var(--r3);
      padding: var(--s4);
      margin-top: var(--s5);
    }
    .angrerett-form h3 {
      margin-top: 0 !important;
    }

    @media (prefers-color-scheme: light) {
      .seller-box {
        background: var(--cream-1);
        border-color: color-mix(in srgb, var(--shadow-color) 9%, transparent);
      }
      .seller-box h2 {
        color: var(--tl-lo) !important;
      }
      .seller-box p {
        color: var(--tl-med);
      }
      .angrerett-form {
        background: var(--cream-1);
        border-color: color-mix(in srgb, var(--shadow-color) 9%, transparent);
        border-left-color: var(--blue-on-light);
      }
    }
