.idhds{
  --idhds-panel:#0B0D1F;
  --idhds-field:#FFFFFF;
  --idhds-field-text:#10233D;
  --idhds-placeholder:#8A93A6;
  --idhds-accent:#3160F6;
  --idhds-accent-hover:#2451E0;
  --idhds-accent-text:#FFFFFF;
  --idhds-muted:#FFFFFFB3;
  --idhds-line:#FFFFFF1F;
  --idhds-ok:#3FB06A;
  --idhds-no:#E2556A;
  --idhds-group:#8A93A6;
  --idhds-radius:16px;
  --idhds-field-radius:999px;
  --idhds-font:inherit;

  font-family:var(--idhds-font);
  color:#fff;
  width:100%;
  box-sizing:border-box;
}
.idhds *,.idhds *::before,.idhds *::after{box-sizing:border-box}

.idhds--light{
  --idhds-panel:#F1F3F8;
  --idhds-field:#FFFFFF;
  --idhds-muted:#5A6475;
  --idhds-line:#0000001F;
  color:#0B0D1F;
}

/* ---------- søgefelt ---------- */
.idhds__bar{
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--idhds-panel);
  border-radius:var(--idhds-radius);
  padding:10px;
  margin:0;
}
.idhds--light .idhds__bar{border:1px solid var(--idhds-line)}

.idhds__input{
  flex:1 1 auto;
  min-width:0;
  height:52px;
  border:0;
  outline:0;
  border-radius:var(--idhds-field-radius);
  background:var(--idhds-field);
  color:var(--idhds-field-text);
  font:inherit;
  font-size:16px;
  line-height:1.2;
  padding:0 22px;
  -webkit-appearance:none;
  appearance:none;
}
.idhds__input::placeholder{color:var(--idhds-placeholder);opacity:1}
.idhds__input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--idhds-accent) 45%,transparent)}

.idhds__submit{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:52px;
  padding:0 26px;
  border:0;
  border-radius:var(--idhds-field-radius);
  background:var(--idhds-accent);
  color:var(--idhds-accent-text);
  font:inherit;
  font-size:15px;
  font-weight:700;
  letter-spacing:.2px;
  cursor:pointer;
  transition:background .18s ease;
  position:relative;
}
.idhds__submit:hover{background:var(--idhds-accent-hover)}
.idhds__submit:disabled{cursor:progress;opacity:.85}
.idhds__submit-icon{width:19px;height:19px;display:block;flex:none}

.idhds__spinner{
  display:none;
  width:17px;height:17px;flex:none;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:idhds-spin .7s linear infinite;
}
.idhds.is-loading .idhds__spinner{display:block}
.idhds.is-loading .idhds__submit-icon{display:none}
@keyframes idhds-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.idhds__spinner{animation-duration:2s}}

/* ---------- prisrække ---------- */
.idhds__prices{
  display:flex;
  flex-wrap:wrap;
  gap:14px 40px;
  background:var(--idhds-panel);
  border-radius:0 0 var(--idhds-radius) var(--idhds-radius);
  margin-top:-14px;
  padding:18px 26px 22px;
  position:relative;
  z-index:0;
}
.idhds--light .idhds__prices{border:1px solid var(--idhds-line);border-top:0}
.idhds__price{display:flex;align-items:baseline;gap:10px}
.idhds__price-tld{font-size:30px;font-weight:300;line-height:1;letter-spacing:-.5px}
.idhds__price-body{display:flex;flex-direction:column;gap:2px}
.idhds__price-reg{font-size:17px;font-weight:700;line-height:1.2;color:var(--idhds-ok)}
.idhds__price-renew{font-size:12px;line-height:1.2;color:var(--idhds-muted)}

/* ---------- resultater ---------- */
.idhds__results{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.idhds__msg{
  padding:14px 18px;
  border-radius:12px;
  background:var(--idhds-panel);
  color:var(--idhds-muted);
  font-size:14px;
  line-height:1.5;
}
.idhds__group-title{
  font-size:12px;
  font-weight:700;
  letter-spacing:.9px;
  text-transform:uppercase;
  color:var(--idhds-group);
  margin:12px 0 2px;
}

.idhds__row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 16px;
  padding:16px 20px;
  border-radius:14px;
  background:var(--idhds-panel);
  border:1px solid var(--idhds-line);
}
.idhds__row--hero{padding:22px 24px}
.idhds__name{
  flex:1 1 240px;
  min-width:0;
  font-size:18px;
  font-weight:700;
  line-height:1.3;
  word-break:break-word;
}
.idhds__row--hero .idhds__name{font-size:24px}
.idhds__name b{font-weight:700}

.idhds__badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  font-size:13px;
  font-weight:700;
  line-height:1;
  padding:7px 13px;
  border-radius:999px;
}
.idhds__badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.idhds__badge--ok{color:var(--idhds-ok);background:color-mix(in srgb,var(--idhds-ok) 16%,transparent)}
.idhds__badge--no{color:var(--idhds-no);background:color-mix(in srgb,var(--idhds-no) 16%,transparent)}
.idhds__badge--na{color:var(--idhds-muted);background:var(--idhds-line)}

.idhds__price-cell{
  flex:0 0 auto;
  text-align:right;
  font-size:16px;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
}
.idhds__price-cell small{display:block;font-size:11px;font-weight:400;color:var(--idhds-muted)}

.idhds__cta{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:9px;
  height:42px;
  padding:0 22px;
  border-radius:999px;
  background:var(--idhds-accent);
  color:var(--idhds-accent-text);
  font-size:14px;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  transition:background .18s ease;
}
.idhds__cta:hover,.idhds__cta:focus{background:var(--idhds-accent-hover);color:var(--idhds-accent-text);text-decoration:none}
.idhds__cta svg{width:14px;height:14px;flex:none}

@media (max-width:767px){
  .idhds__bar{flex-wrap:wrap;padding:12px}
  .idhds__input{width:100%;flex:1 1 100%;height:48px;font-size:16px;padding:0 18px}
  .idhds__submit{width:100%;height:48px}
  .idhds__prices{gap:14px 24px;padding:16px 18px 20px}
  .idhds__price-tld{font-size:24px}
  .idhds__price-reg{font-size:15px}
  .idhds__row{padding:14px 16px}
  .idhds__name,.idhds__row--hero .idhds__name{font-size:17px;flex:1 1 100%}
  .idhds__cta{width:100%;justify-content:center}
  .idhds__price-cell{text-align:left}
}