/* =============================================================
   Raske Nettsider – partnertilbud til behandlere
   Egen, liten fil. Boksen dukker opp på kvitteringssiden,
   på /behandler/ og nederst i artikler for behandlere, og skal
   ikke dra med seg bestillingsskjemaets CSS noen av stedene.
   ============================================================= */

.ptcr, .ptcr *, .ptcr *::before, .ptcr *::after{ box-sizing:border-box; }

.ptcr{
  --ptcr-gronn:#388051;
  --ptcr-gronn-m:#2f7048;
  --ptcr-blekk:#14241d;
  --ptcr-dus:#5a6b62;
  --ptcr-linje:#e2e8e2;
  --ptcr-myk:#f2f7ee;

  display:block;
  max-width:760px;
  margin:28px auto;
  font-family:var(--bnett-font-body, Inter, -apple-system, "Segoe UI", Roboto, sans-serif);
  color:var(--ptcr-blekk);
}

.ptcr .ptcr__inner{
  background:#fff;
  border:1px solid var(--ptcr-linje);
  border-radius:20px;
  padding:26px 26px 24px;
  box-shadow:0 10px 34px rgba(15,23,42,.05);
}

/* ---------- hode ---------- */
.ptcr .ptcr__merke{
  display:inline-block;
  margin:0 0 10px;
  padding:4px 11px;
  border-radius:999px;
  background:var(--ptcr-myk);
  color:var(--ptcr-gronn-m);
  font-size:12px; font-weight:700;
  letter-spacing:.04em; text-transform:uppercase;
}
.ptcr .ptcr__tittel{
  margin:0 0 9px;
  font-size:23px; line-height:1.2; font-weight:700;
  letter-spacing:-.3px; color:var(--ptcr-blekk);
}
.ptcr .ptcr__ingress{
  margin:0; font-size:15px; line-height:1.6; color:var(--ptcr-dus);
}
.ptcr .ptcr__ingress strong{ color:var(--ptcr-blekk); }

/* ---------- punkter ---------- */
.ptcr .ptcr__punkter{
  list-style:none; margin:16px 0 0; padding:0;
  display:grid; grid-template-columns:1fr 1fr; gap:9px 20px;
}
.ptcr .ptcr__punkter li{
  position:relative; padding-left:25px;
  font-size:14px; line-height:1.5; color:var(--ptcr-dus);
}
.ptcr .ptcr__punkter li::before{
  content:""; position:absolute; left:0; top:5px;
  width:15px; height:15px; border-radius:50%;
  background:var(--ptcr-myk) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23388051' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/10px 10px no-repeat;
}

/* ---------- pris ---------- */
.ptcr .ptcr__pris{
  margin:18px 0 0; padding:15px 17px;
  background:var(--ptcr-myk); border-radius:14px;
}
.ptcr .ptcr__prisRad{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:14px; padding:4px 0;
}
.ptcr .ptcr__prisMerke{ font-size:14px; color:var(--ptcr-dus); }
.ptcr .ptcr__prisTall{ display:flex; align-items:baseline; gap:9px; }
.ptcr .ptcr__prisTall s{ color:var(--ptcr-dus); font-size:13.5px; opacity:.75; }
.ptcr .ptcr__prisTall strong{ font-size:18px; font-weight:700; }
.ptcr .ptcr__prisNote{
  margin-top:9px; padding-top:9px;
  border-top:1px solid #dfeadd;
  font-size:12.5px; line-height:1.55; color:var(--ptcr-dus);
}

/* ---------- koden ---------- */
.ptcr .ptcr__kode{
  display:flex; align-items:center; flex-wrap:wrap; gap:9px;
  margin:16px 0 0;
}
.ptcr .ptcr__kodeTekst{ font-size:14px; color:var(--ptcr-dus); }
.ptcr .ptcr__kodeKnapp{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 14px;
  border:1px dashed var(--ptcr-gronn); border-radius:10px;
  background:#fff; color:var(--ptcr-gronn-m);
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:15px; font-weight:700; letter-spacing:.08em;
  cursor:pointer;
  transition:background .14s ease;
}
.ptcr .ptcr__kodeKnapp:hover{ background:var(--ptcr-myk); }
.ptcr .ptcr__kodeKnapp:focus-visible{ outline:3px solid #9ec8ae; outline-offset:2px; }
.ptcr .ptcr__kodeStatus{ font-size:13px; color:var(--ptcr-gronn-m); }

/* ---------- handling ---------- */
.ptcr .ptcr__handling{
  display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px;
  margin:20px 0 0;
}
.ptcr .ptcr__cta{
  display:inline-block;
  padding:13px 26px; border-radius:999px;
  background:var(--ptcr-gronn); color:#fff;
  font-size:15px; line-height:1.3; font-weight:600; text-decoration:none;
  transition:background .15s ease;
}
.ptcr .ptcr__cta:hover{ background:var(--ptcr-gronn-m); color:#fff; }
.ptcr .ptcr__cta:focus-visible{ outline:3px solid #9ec8ae; outline-offset:2px; }
.ptcr .ptcr__sub{ font-size:12.5px; color:var(--ptcr-dus); }

/* ---------- smal variant (artikkelbunn) ---------- */
.ptcr--smal .ptcr__inner{ padding:20px 20px 18px; border-radius:16px; }
.ptcr--smal .ptcr__tittel{ font-size:19px; }
.ptcr--smal .ptcr__ingress{ font-size:14.5px; }
.ptcr--smal .ptcr__pris{ padding:12px 14px; }
.ptcr--smal .ptcr__prisTall strong{ font-size:16.5px; }

/* ---------- mobil ---------- */
@media (max-width:620px){
  .ptcr{ margin:22px auto; }
  .ptcr .ptcr__inner{ padding:20px 18px 18px; border-radius:16px; }
  .ptcr .ptcr__tittel{ font-size:20px; }
  .ptcr .ptcr__punkter{ grid-template-columns:1fr; gap:8px; }
  .ptcr .ptcr__handling{ flex-direction:column; align-items:stretch; }
  .ptcr .ptcr__cta{ display:block; text-align:center; }
  .ptcr .ptcr__sub{ text-align:center; }
}