:root {
    --lime: #C6F135;
    --black: #000;
    --line: #e5e5e5;
    --gray: #555;
    --muted: #777;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  html, body { background: #fff; color: var(--black); }
  body { font-family: "Heebo", "Assistant", Arial, sans-serif; -webkit-font-smoothing: antialiased; }

  header {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 20px; border-bottom: 1px solid var(--line);
  }
  .logo {
    background: var(--lime); border-radius: 999px; padding: 6px 18px;
    font-weight: 800; font-size: 22px; direction: ltr; letter-spacing: -0.5px;
  }
  .back { font-size: 14px; color: var(--black); text-decoration: none; }

  main { max-width: 480px; margin: 0 auto; padding: 28px 20px 36px; }
  h1 { font-size: 30px; font-weight: 800; line-height: 1.15; margin-bottom: 22px; }

  /* כרטיס המוצר */
  .card { border: 1.5px solid var(--black); margin-bottom: 26px; }
  .card-top {
    background: var(--black); color: #fff;
    display: flex; justify-content: space-between; align-items: center;
    padding: 16px 18px; border-bottom: 5px solid var(--lime);
  }
  .plogo { display: flex; align-items: center; gap: 8px; direction: ltr; }
  .plogo .pill {
    background: var(--lime); color: var(--black); border-radius: 999px;
    padding: 4px 14px; font-weight: 800; font-size: 20px; letter-spacing: -0.5px;
  }
  .plogo .pname { font-weight: 300; font-size: 22px; color: #fff; }
  .price { font-size: 32px; font-weight: 300; white-space: nowrap; }
  .price small { font-size: 13px; color: #c8c8c8; margin-right: 4px; }
  .terms { padding: 14px 18px; font-size: 14px; color: #333; line-height: 1.7; }

  label { display: block; font-weight: 700; font-size: 15px; margin-bottom: 8px; }
  input {
    width: 100%; border: 1px solid #999; border-radius: 0; padding: 14px;
    font-size: 16px; font-family: inherit; margin-bottom: 18px; background: #fff;
  }
  input:focus { outline: none; border-color: var(--black); box-shadow: inset 0 -3px 0 var(--lime); }
  input.err { border-color: #c0392b; }
  .msg { color: #c0392b; font-size: 13px; margin: -10px 0 14px; display: none; }

  .btn {
    display: block; width: 100%; background: var(--black); color: #fff; border: 0; border-radius: 0;
    padding: 18px; font-size: 18px; font-weight: 700; font-family: inherit; cursor: pointer;
    border-bottom: 5px solid var(--lime); margin-top: 4px;
  }
  .btn:active { opacity: .85; }

  .fine { font-size: 12px; color: var(--muted); line-height: 1.7; text-align: center; margin-top: 14px; }
  .fine a { color: var(--muted); }

.btn:disabled{opacity:.55;cursor:wait}.fine details{text-align:right;margin:16px 0}.fine p{margin:10px 0}.form-status{font-size:14px;line-height:1.5;margin:12px 0}.product-description{margin-top:8px}