/* Gratis hermeting na 3 maanden: blok op homepage en pakketpagina, plus het
   label in de prijskaarten. Selectoren zijn bewust zwaar en met !important,
   omdat atlas-light.css koppen en links binnen <main> globaal herkleurt. */

html body .hm-usp{margin:56px auto 8px}
html body .hm-usp .hm-usp-in{
  position:relative;overflow:hidden;border-radius:28px;padding:44px 40px;
  background:linear-gradient(135deg,#0b397d 0%,#071a38 70%)!important;
  color:#fff!important;box-shadow:0 24px 70px rgba(7,26,61,.22);
  display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center
}
html body .hm-usp .hm-usp-in::after{
  content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(63,207,142,.35),rgba(63,207,142,0) 70%);pointer-events:none
}
html body .hm-usp .hm-usp-label{
  display:inline-block;margin:0 0 14px;padding:6px 12px;border-radius:999px;
  background:rgba(63,207,142,.16)!important;color:#7ff0bb!important;
  font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase
}
html body main .hm-usp h2,html body .hm-usp h2{
  margin:0;font-size:clamp(28px,4vw,42px);line-height:1.08;font-weight:900;
  color:#fff!important;-webkit-text-fill-color:#fff!important
}
html body main .hm-usp h2 em{font-style:normal;color:#7ff0bb!important;-webkit-text-fill-color:#7ff0bb!important}
html body main .hm-usp p.hm-usp-p,html body .hm-usp p.hm-usp-p{
  margin:16px 0 0;font-size:17px;line-height:1.6;color:#cfe0f7!important
}
html body main .hm-usp p.hm-usp-p b{color:#fff!important}
html body .hm-usp ol.hm-usp-stappen{list-style:none;margin:0;padding:0;display:grid;gap:12px;position:relative;z-index:1}
html body .hm-usp ol.hm-usp-stappen li{
  display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;
  padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.12)
}
html body .hm-usp ol.hm-usp-stappen li.hm-uit{background:rgba(63,207,142,.14)!important;border-color:rgba(127,240,187,.45)}
html body .hm-usp .hm-nr{
  width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:#fff!important;color:#0b397d!important;font-weight:900;font-size:18px
}
html body .hm-usp li.hm-uit .hm-nr{background:#3fcf8e!important;color:#05213f!important}
html body main .hm-usp ol.hm-usp-stappen b,html body .hm-usp ol.hm-usp-stappen b{display:block;color:#fff!important;font-size:16px}
html body .hm-usp ol.hm-usp-stappen small{display:block;margin-top:2px;color:#b9cde8!important;font-size:14px;line-height:1.45}
html body main .hm-usp a.hm-usp-cta,html body .hm-usp a.hm-usp-cta{
  display:inline-block;margin-top:24px;padding:15px 22px;border-radius:12px;
  background:#3fcf8e!important;color:#05213f!important;-webkit-text-fill-color:#05213f!important;
  font-weight:900;text-decoration:none!important;font-size:16px
}
html body main .hm-usp a.hm-usp-cta:hover{background:#5ee0a3!important}
html body .hm-usp .hm-usp-klein{margin:12px 0 0;font-size:13px;color:#9fb6d6!important}

/* Label in de prijskaarten */
html body .plans .plan li.hm-li,html body li.hm-li{
  list-style:none;margin-left:-2px;padding:8px 12px!important;border-radius:10px;
  background:#e9f9f1!important;color:#0d6b40!important;font-weight:800
}
html body .plans .plan li.hm-li::before{content:none!important}
html body li.hm-li strong{color:#0d6b40!important}

/* Melding op bestel- en bedankpagina */
html body .hm-noot{
  margin:16px 0 0;padding:12px 14px;border-radius:12px;
  background:#e9f9f1!important;border:1px solid #b6e8cf;color:#0d6b40!important;
  font-size:14px;line-height:1.5;text-align:left
}
html body .hm-noot b,html body .hm-noot strong{color:#0d6b40!important}

@media (max-width:860px){
  html body .hm-usp .hm-usp-in{grid-template-columns:1fr;padding:32px 22px;gap:24px;border-radius:22px}
}

/* ---- Oranje: de hermeting moet opvallen (25 okt) ---- */
html body .badges a.hm-badge,html body a.badge.hm-badge{
  background:linear-gradient(135deg,#fb923c,#ea580c)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border-color:#ea580c!important;text-decoration:none!important;font-weight:800;cursor:pointer;
  box-shadow:0 10px 28px rgba(234,88,12,.35)!important
}
html body a.badge.hm-badge svg{color:#fff!important}
html body a.badge.hm-badge:hover{background:linear-gradient(135deg,#f97316,#c2410c)!important}
html body a.badge.hm-badge:focus-visible{outline:3px solid #fdba74;outline-offset:3px}

html body main .hm-usp h2 em{color:#fdba74!important;-webkit-text-fill-color:#fdba74!important}
html body .hm-usp .hm-usp-label{background:rgba(251,146,60,.18)!important;color:#fdba74!important}
html body .hm-usp ol.hm-usp-stappen li.hm-uit{background:rgba(249,115,22,.18)!important;border-color:rgba(253,186,116,.55)}
html body .hm-usp li.hm-uit .hm-nr{background:#f97316!important;color:#fff!important}
html body main .hm-usp a.hm-usp-cta,html body .hm-usp a.hm-usp-cta{
  background:linear-gradient(135deg,#fb923c,#ea580c)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 12px 30px rgba(234,88,12,.4)
}
html body main .hm-usp a.hm-usp-cta:hover{background:linear-gradient(135deg,#f97316,#c2410c)!important}
html body .hm-usp .hm-usp-in::after{background:radial-gradient(circle,rgba(249,115,22,.35),rgba(249,115,22,0) 70%)}

html body .plans .plan li.hm-li,html body li.hm-li{
  background:linear-gradient(135deg,#fb923c,#ea580c)!important;color:#fff!important
}
html body li.hm-li strong{color:#fff!important;-webkit-text-fill-color:#fff!important}

html body .hm-noot{
  background:linear-gradient(135deg,#fb923c,#ea580c)!important;border:0!important;color:#fff!important;
  -webkit-text-fill-color:#fff!important;font-size:15px;padding:14px 16px;box-shadow:0 10px 26px rgba(234,88,12,.28)
}
html body .hm-noot b,html body .hm-noot strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #hm-noot:target{animation:hmPuls 1.4s ease-out 1}
@keyframes hmPuls{0%{box-shadow:0 0 0 0 rgba(249,115,22,.7)}100%{box-shadow:0 0 0 18px rgba(249,115,22,0)}}
html{scroll-padding-top:90px}
/* Op schermen zonder de zwevende badges: dezelfde oranje knop onder het zoekveld. */
html body a.hm-mobiel{display:none}
@media (max-width:1240px){
  html body a.hm-mobiel{
    display:inline-block;margin-top:16px;padding:11px 16px;border-radius:999px;
    background:linear-gradient(135deg,#fb923c,#ea580c)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
    font-weight:800;font-size:15px;text-decoration:none!important;box-shadow:0 10px 26px rgba(234,88,12,.32)
  }
}

/* Oranje balk direct onder de bestelknop in de prijskaarten (25 okt, avond) */
html body .plan p.hm-onder{
  margin:10px 0 0;padding:12px 16px;border-radius:13px;text-align:center;
  background:linear-gradient(135deg,#fb923c,#ea580c)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-weight:800;font-size:.95rem;line-height:1.3;box-shadow:0 8px 20px rgba(234,88,12,.25)
}
/* Hermetingblok direct onder de lopende platformbalk */
html body .live + .hm-usp{margin-top:36px}