/*
Theme Name: De Hart IT Platform
Theme URI: https://www.dehart.nl/
Author: De Hart IT
Author URI: https://www.dehart.nl/
Description: Eigen WordPress-thema voor De Hart IT met geïntegreerd klantenportaal, webmail en domeincheck.
Version: 2.0.3
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: de-hart-it-platform
*/

:root{
  --dhit-navy:#06294c;
  --dhit-navy-2:#0a3c6d;
  --dhit-blue:#086ad8;
  --dhit-blue-2:#148cff;
  --dhit-orange:#ff6c12;
  --dhit-red:#f21d25;
  --dhit-ink:#14263b;
  --dhit-muted:#66788b;
  --dhit-line:#dce6ef;
  --dhit-soft:#f5f9fc;
  --dhit-white:#fff;
  --dhit-shadow:0 18px 50px rgba(6,41,76,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--dhit-ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}
a{color:inherit}
img{max-width:100%;height:auto}
.dhit-site-shell{width:min(1220px,calc(100% - 40px));margin:0 auto}
.dhit-site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,230,239,.8)}
.dhit-header-inner{height:82px;display:flex;align-items:center;gap:28px}
.dhit-brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.dhit-brand img{display:block;width:205px;max-height:58px;object-fit:contain}
.dhit-nav{display:flex;align-items:center;gap:26px;margin-left:auto}
.dhit-nav a{text-decoration:none;color:#17344f;font-size:14px;font-weight:700;white-space:nowrap}
.dhit-nav a:hover{color:var(--dhit-blue)}
.dhit-header-actions{display:flex;gap:10px;align-items:center}
.dhit-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 17px;border-radius:9px;text-decoration:none;font-weight:800;font-size:14px;border:1px solid transparent;transition:.2s ease;cursor:pointer}
.dhit-btn.primary{background:linear-gradient(90deg,#075ecb,#167ff1);color:#fff;box-shadow:0 8px 20px rgba(8,106,216,.18)}
.dhit-btn.primary:hover{transform:translateY(-1px);filter:brightness(.98)}
.dhit-btn.secondary{background:#fff;color:#0b5eb5;border-color:#9dc1df}
.dhit-btn.secondary:hover{background:#f4f9fd}
.dhit-btn.dark-outline{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.04)}
.dhit-btn.dark-outline:hover{background:rgba(255,255,255,.10)}
.dhit-mobile-toggle{display:none;margin-left:auto;border:0;background:#eef5fa;color:#0a3c6d;width:44px;height:44px;border-radius:10px;font-size:24px}

/* Hero */
.dhit-hero{position:relative;overflow:hidden;color:#fff;background:
 radial-gradient(circle at 72% 32%,rgba(16,137,255,.18),transparent 26%),
 linear-gradient(115deg,#041d37 0%,#06294c 52%,#0a3c6d 100%)}
.dhit-hero:after{content:"";position:absolute;right:-120px;bottom:-300px;width:850px;height:850px;border-radius:50%;border:1px solid rgba(84,176,255,.12);box-shadow:0 0 0 85px rgba(84,176,255,.035),0 0 0 170px rgba(84,176,255,.02)}
.dhit-hero-grid{min-height:530px;padding:66px 0 88px;display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center;position:relative;z-index:2}
.dhit-kicker{display:inline-flex;gap:10px;align-items:center;color:#63c7ff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin-bottom:16px}
.dhit-kicker:before{content:"";width:25px;height:2px;background:#24b7ff;border-radius:3px}
.dhit-hero h1{font-size:clamp(44px,5.2vw,70px);letter-spacing:-.045em;line-height:1.02;margin:0 0 19px;color:#fff}
.dhit-hero h1 em{font-style:normal;color:#45c1ff}
.dhit-hero-copy{font-size:18px;line-height:1.7;color:#dce9f5;max-width:650px;margin:0 0 25px}
.dhit-hero-points{display:flex;gap:21px;flex-wrap:wrap;margin:0 0 28px;padding:0;list-style:none;color:#e8f4ff;font-weight:700;font-size:13px}
.dhit-hero-points li{display:flex;align-items:center;gap:7px}
.dhit-hero-points li:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:2px solid #1bb2ff;color:#55d2ff;font-size:11px}
.dhit-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.dhit-hero-visual{position:relative;height:390px;display:grid;place-items:center}
.dhit-heart-stage{position:relative;width:290px;height:290px;display:grid;place-items:center}
.dhit-heart-stage:before{content:"";position:absolute;inset:30px;border-radius:50%;background:radial-gradient(circle,rgba(15,145,255,.34),rgba(15,145,255,.02) 62%,transparent 65%);filter:blur(2px)}
.dhit-heart-stage:after{content:"";position:absolute;width:330px;height:50px;bottom:8px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,161,255,.54),rgba(0,79,178,.15) 47%,transparent 70%);filter:blur(8px)}
.dhit-heart-stage img{position:relative;z-index:2;max-width:255px;max-height:255px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.30))}
.dhit-orbit-card{position:absolute;display:flex;align-items:center;gap:9px;min-width:148px;padding:11px 13px;border-radius:11px;border:1px solid rgba(94,189,255,.35);background:rgba(5,43,80,.72);backdrop-filter:blur(9px);color:#fff;font-size:12px;font-weight:800;box-shadow:0 12px 26px rgba(0,0,0,.12)}
.dhit-orbit-icon{width:31px;height:31px;border-radius:8px;background:rgba(28,139,237,.16);display:grid;place-items:center;color:#5dc8ff}
.dhit-orbit-card.o1{left:-30px;top:42px}.dhit-orbit-card.o2{left:-52px;top:154px}.dhit-orbit-card.o3{left:-8px;bottom:43px}
.dhit-orbit-card.o4{right:-35px;top:48px}.dhit-orbit-card.o5{right:-56px;top:160px}.dhit-orbit-card.o6{right:-12px;bottom:38px}

/* Domain checker */
.dhit-domain-zone{position:relative;z-index:5;margin-top:-52px}
.dhit-domain-card{background:#fff;border:1px solid #e0e9f1;border-radius:18px;box-shadow:0 22px 60px rgba(5,48,85,.15);padding:25px 27px}
.dhit-domain-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}
.dhit-domain-head h2{margin:0;color:#0a3157;font-size:22px}
.dhit-domain-head p{margin:4px 0 0;color:#6d7e90;font-size:14px}
.dhit-domain-badge{background:#eef7fd;color:#0a6aae;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;white-space:nowrap}

/* Existing portal WHOIS shortcode overrides */
.dhit-domain-card .dhit-public-whois{font-family:inherit}
.dhit-domain-card .dhit-public-whois-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;margin:0!important}
.dhit-domain-card .dhit-public-whois-input{min-height:56px!important;border:1px solid #cbdbe8!important;border-radius:10px!important;padding:0 17px!important;font-size:16px!important;outline:0!important;width:100%!important}
.dhit-domain-card .dhit-public-whois-input:focus{border-color:#1686e5!important;box-shadow:0 0 0 3px rgba(22,134,229,.10)!important}
.dhit-domain-card .dhit-public-whois-btn,.dhit-domain-card .dhit-public-whois-action{min-height:56px!important;border:0!important;border-radius:10px!important;background:linear-gradient(90deg,#0764d4,#168ef6)!important;color:#fff!important;padding:0 21px!important;font-weight:900!important;cursor:pointer!important}
.dhit-domain-card .dhit-public-whois-result{margin-top:15px!important;padding:16px!important;border-radius:10px!important;border:1px solid #dce7ef!important;background:#f8fbfd!important;color:#24445f!important}
.dhit-domain-card .dhit-public-whois-result.is-free{background:#effbf5!important;border-color:#bfe8d3!important}
.dhit-domain-card .dhit-whois-multi-btn{background:#0870de!important}
.dhit-domain-fallback{display:grid;grid-template-columns:1fr auto;gap:10px}
.dhit-domain-fallback input{height:56px;border:1px solid #cad8e5;border-radius:10px;padding:0 16px;font-size:16px}
.dhit-domain-fallback button{border:0;border-radius:10px;background:#0870de;color:#fff;padding:0 20px;font-weight:800}

/* General sections */
.dhit-section{padding:76px 0}
.dhit-section.soft{background:linear-gradient(180deg,#f7fafc,#fff)}
.dhit-section.dark{background:#06294c;color:#fff}
.dhit-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}
.dhit-section-head .eyebrow{display:block;color:#0875c9;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:12px;margin-bottom:8px}
.dhit-section-head h2{margin:0;color:#082f54;font-size:clamp(30px,3.5vw,44px);letter-spacing:-.03em;line-height:1.12}
.dhit-section-head p{margin:8px 0 0;max-width:710px;color:#718295;font-size:15px}
.dhit-section.dark .dhit-section-head h2{color:#fff}.dhit-section.dark .dhit-section-head p{color:#cfe0ed}.dhit-section.dark .eyebrow{color:#5bc3ff}
.dhit-feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dhit-feature-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e3ebf2;border-radius:14px;padding:19px;box-shadow:0 8px 24px rgba(12,52,84,.055)}
.dhit-feature-icon,.dhit-service-icon{width:47px;height:47px;border-radius:12px;flex:0 0 47px;display:grid;place-items:center;background:#edf6fd;color:#0870d4;font-size:23px;font-weight:900}
.dhit-feature-card h3{font-size:15px;margin:2px 0 5px;color:#173652}.dhit-feature-card p{font-size:12.5px;line-height:1.55;color:#718294;margin:0}
.dhit-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dhit-service-card{min-height:230px;background:#fff;border:1px solid #e0e9f0;border-radius:16px;padding:23px;box-shadow:0 10px 28px rgba(11,49,80,.055);display:flex;flex-direction:column;transition:.2s ease}
.dhit-service-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(11,49,80,.10)}
.dhit-service-card h3{font-size:19px;color:#0b3155;margin:18px 0 8px}.dhit-service-card p{font-size:14px;color:#6a7d8f;margin:0 0 20px;line-height:1.65}
.dhit-service-card a{margin-top:auto;text-decoration:none;color:#086bc7;font-weight:900;font-size:13px}

/* Portal + Webmail */
.dhit-platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dhit-platform-card{position:relative;overflow:hidden;min-height:420px;border-radius:20px;padding:31px;border:1px solid #dce8f2}
.dhit-platform-card.portal{background:linear-gradient(145deg,#eef7ff,#fff 72%)}
.dhit-platform-card.mail{background:linear-gradient(145deg,#fff6ec,#fff 72%)}
.dhit-platform-tag{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#0b6dc1}
.dhit-platform-card.mail .dhit-platform-tag{color:#d96609}
.dhit-platform-card h3{font-size:28px;line-height:1.15;color:#0a3157;margin:7px 0 9px}.dhit-platform-card p{font-size:14px;color:#667c8e;max-width:500px}
.dhit-checklist{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:9px;font-size:13px;color:#405b70;font-weight:650}
.dhit-checklist li{display:flex;gap:8px}.dhit-checklist li:before{content:"✓";color:#0972d1;font-weight:900}
.dhit-platform-card.mail .dhit-checklist li:before{color:#ef7618}
.dhit-mini-ui{position:absolute;right:-8px;bottom:-17px;width:48%;height:195px;background:#fff;border:1px solid #cbdcea;border-radius:14px 14px 0 0;box-shadow:0 18px 34px rgba(10,49,87,.18);overflow:hidden}
.dhit-mini-bar{height:27px;background:#082f58}
.dhit-mini-body{display:grid;grid-template-columns:29% 1fr;height:calc(100% - 27px)}
.dhit-mini-side{background:#0b3762;padding:10px}
.dhit-mini-side span{display:block;height:8px;background:rgba(255,255,255,.17);border-radius:8px;margin:8px 0}
.dhit-mini-content{padding:13px;background:#f8fbfd}
.dhit-mini-statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.dhit-mini-stat{height:45px;background:#fff;border:1px solid #e0e8ef;border-radius:8px}
.dhit-mini-lines{margin-top:11px}.dhit-mini-lines span{display:block;height:8px;background:#dce8f1;border-radius:5px;margin:8px 0}
.dhit-mail-ui .dhit-mini-side{background:#072e56}.dhit-mail-ui .dhit-mini-content{padding:8px}.dhit-mail-row{height:18px;background:#fff;border-bottom:1px solid #e9eef3;margin:1px 0}

/* Hosting */
.dhit-hosting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dhit-price-card{position:relative;border:1px solid #dce6ee;border-radius:17px;background:#fff;padding:25px;box-shadow:0 8px 28px rgba(12,52,84,.055)}
.dhit-price-card.featured{border:2px solid #0870d9;transform:translateY(-7px);box-shadow:0 18px 38px rgba(8,112,217,.15)}
.dhit-price-ribbon{position:absolute;left:0;right:0;top:-26px;text-align:center;background:#0870d9;color:#fff;border-radius:12px 12px 0 0;padding:5px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.dhit-price-card h3{margin:0;color:#0a3157}.dhit-price{font-size:31px;color:#0868ca;font-weight:900;margin:11px 0 2px}.dhit-price small{font-size:12px;color:#7b8b9b;font-weight:600}
.dhit-price-list{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:9px;color:#586e80;font-size:13px}.dhit-price-list li:before{content:"✓";color:#0871d3;font-weight:900;margin-right:7px}

/* Contact strip/footer */
.dhit-contact-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:0;background:linear-gradient(100deg,#061f3e,#07335f);color:#fff;border-radius:17px;overflow:hidden}
.dhit-contact-cell{padding:25px 28px;border-right:1px solid rgba(255,255,255,.12)}.dhit-contact-cell:last-child{border-right:0}
.dhit-contact-cell strong{display:block;font-size:17px;margin-bottom:5px}.dhit-contact-cell span{color:#cfdeec;font-size:13px}
.dhit-site-footer{background:#f7f9fb;border-top:1px solid #e2e9ef;margin-top:70px;padding:48px 0 25px}
.dhit-footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:36px}
.dhit-footer-brand img{width:210px}.dhit-footer-brand p{color:#718192;font-size:13px;max-width:330px}
.dhit-footer-col h4{color:#0a3157;margin:0 0 13px}.dhit-footer-col a{display:block;text-decoration:none;color:#5e7183;font-size:13px;margin:8px 0}.dhit-footer-col a:hover{color:#0870d0}
.dhit-footer-bottom{border-top:1px solid #e1e8ef;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#788897;font-size:12px}

/* Generic WordPress pages */
.dhit-page-hero{padding:55px 0;background:linear-gradient(110deg,#051f3b,#0a3c6d);color:#fff}
.dhit-page-hero h1{font-size:44px;margin:0}.dhit-page-content{padding:55px 0;min-height:500px}
.dhit-page-content .entry-content{max-width:1100px;margin:0 auto}
body .dhit-page-content .dhit-wrap{max-width:1180px}

/* Admin-like integration compatibility */
body.page .dhit-wrap{font-family:inherit}

/* Responsive */
@media(max-width:1100px){
 .dhit-nav{display:none}.dhit-mobile-toggle{display:block}.dhit-header-actions{display:none}
 .dhit-nav.mobile-open{position:absolute;display:flex;flex-direction:column;align-items:stretch;left:20px;right:20px;top:76px;padding:18px;background:#fff;border:1px solid #dce7ef;border-radius:14px;box-shadow:var(--dhit-shadow)}
 .dhit-hero-grid{grid-template-columns:1fr;min-height:auto}.dhit-hero-visual{height:340px}
 .dhit-feature-strip{grid-template-columns:repeat(2,1fr)}.dhit-services{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
 .dhit-site-shell{width:min(100% - 26px,1220px)}.dhit-header-inner{height:72px}.dhit-brand img{width:180px}
 .dhit-hero-grid{padding:48px 0 78px}.dhit-hero-visual{display:none}
 .dhit-domain-zone{margin-top:-35px}.dhit-domain-head{align-items:flex-start;flex-direction:column}
 .dhit-platform-grid,.dhit-hosting-grid{grid-template-columns:1fr}.dhit-price-card.featured{transform:none;margin-top:22px}
 .dhit-mini-ui{position:relative;right:auto;bottom:auto;width:100%;margin-top:23px}
 .dhit-contact-strip{grid-template-columns:1fr}.dhit-contact-cell{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
 .dhit-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .dhit-hero h1{font-size:42px}.dhit-hero-copy{font-size:16px}.dhit-feature-strip,.dhit-services,.dhit-footer-grid{grid-template-columns:1fr}
 .dhit-domain-card{padding:18px}.dhit-domain-card .dhit-public-whois-form,.dhit-domain-fallback{grid-template-columns:1fr!important}
 .dhit-section{padding:55px 0}.dhit-section-head h2{font-size:31px}
 .dhit-header-inner{gap:12px}.dhit-brand img{width:158px}
}

/* v1.0.1 - header/navigation fix */
.dhit-nav > ul,
.dhit-nav .menu{
  display:flex;
  align-items:center;
  gap:26px;
  list-style:none;
  margin:0;
  padding:0;
}
.dhit-nav li{
  position:relative;
  list-style:none;
  margin:0;
  padding:0;
}
.dhit-nav li::marker{content:""}
.dhit-nav li > a{
  display:flex;
  align-items:center;
  min-height:44px;
  text-decoration:none;
  color:#17344f;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
}
.dhit-nav .sub-menu{
  display:none;
  position:absolute;
  z-index:1100;
  left:-18px;
  top:100%;
  width:280px;
  margin:0;
  padding:10px;
  list-style:none;
  background:#fff;
  border:1px solid #dce7ef;
  border-radius:12px;
  box-shadow:0 18px 45px rgba(6,41,76,.15);
}
.dhit-nav .menu-item-has-children:hover > .sub-menu,
.dhit-nav .menu-item-has-children:focus-within > .sub-menu{
  display:block;
}
.dhit-nav .sub-menu li{width:100%}
.dhit-nav .sub-menu li > a{
  min-height:auto;
  display:block;
  padding:10px 10px;
  border-radius:8px;
  white-space:normal;
  line-height:1.35;
}
.dhit-nav .sub-menu li > a:hover{
  background:#f0f7fd;
  color:#086ad8;
}
@media(max-width:1100px){
  .dhit-nav.mobile-open > ul,
  .dhit-nav.mobile-open .menu{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
  }
  .dhit-nav.mobile-open li > a{min-height:42px}
  .dhit-nav.mobile-open .sub-menu{
    display:block;
    position:static;
    width:auto;
    box-shadow:none;
    border:0;
    border-left:2px solid #d8e7f3;
    border-radius:0;
    margin:0 0 5px 10px;
    padding:0 0 0 9px;
  }
}

/* v1.0.2 - stabiele header en hero layout */
.dhit-site-header,
.dhit-site-header *{box-sizing:border-box}
.dhit-site-header ul,
.dhit-site-header ol{margin:0!important;padding:0!important;list-style:none!important}
.dhit-site-header li{margin:0!important;padding:0!important;list-style:none!important}
.dhit-site-header li::marker{content:""!important}

.dhit-header-inner{
  height:78px!important;
  min-height:78px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
}
.dhit-brand{
  width:230px!important;
  min-width:230px!important;
  height:64px!important;
  display:flex!important;
  align-items:center!important;
}
.dhit-brand img{
  width:220px!important;
  height:auto!important;
  max-height:58px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

.dhit-nav{
  margin-left:auto!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:22px!important;
  position:relative!important;
  height:78px!important;
  overflow:visible!important;
}
.dhit-nav > a,
.dhit-nav-parent{
  height:78px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:#17344f!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:700!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.dhit-nav > a:hover,
.dhit-nav-parent:hover{color:#086ad8!important}

.dhit-nav-group{
  position:relative!important;
  height:78px!important;
  display:flex!important;
  align-items:center!important;
}
.dhit-nav-dropdown{
  display:none!important;
  position:absolute!important;
  z-index:5000!important;
  top:68px!important;
  left:-18px!important;
  width:285px!important;
  padding:10px!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid #dce7ef!important;
  border-radius:13px!important;
  box-shadow:0 20px 50px rgba(6,41,76,.17)!important;
}
.dhit-nav-group:hover .dhit-nav-dropdown,
.dhit-nav-group:focus-within .dhit-nav-dropdown{
  display:block!important;
}
.dhit-nav-dropdown a{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 11px!important;
  border-radius:8px!important;
  color:#17344f!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:700!important;
  text-decoration:none!important;
  white-space:normal!important;
}
.dhit-nav-dropdown a:hover{
  color:#086ad8!important;
  background:#f2f8fd!important;
}
.dhit-header-actions{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex:0 0 auto!important;
}
.dhit-header-actions .dhit-btn{
  min-height:44px!important;
  height:44px!important;
  padding:0 15px!important;
  font-size:13px!important;
  border-radius:9px!important;
}

/* Keep the hero visually separate from the header. */
.dhit-hero{clear:both!important}
.dhit-hero-grid{
  min-height:520px!important;
  grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr)!important;
  gap:54px!important;
  padding-top:62px!important;
}
.dhit-hero-visual{
  height:400px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.dhit-heart-stage{
  width:390px!important;
  height:350px!important;
}
.dhit-heart-stage img{
  width:235px!important;
  max-width:235px!important;
  max-height:235px!important;
  object-fit:contain!important;
}
.dhit-orbit-card{
  min-width:150px!important;
  max-width:175px!important;
  min-height:51px!important;
}
.dhit-orbit-card.o1{left:-35px!important;top:38px!important}
.dhit-orbit-card.o2{left:-62px!important;top:149px!important}
.dhit-orbit-card.o3{left:-30px!important;bottom:40px!important}
.dhit-orbit-card.o4{right:-30px!important;top:38px!important}
.dhit-orbit-card.o5{right:-59px!important;top:149px!important}
.dhit-orbit-card.o6{right:-27px!important;bottom:40px!important}

/* No external theme/Elementor menu styles may turn our header into a list. */
.dhit-site-header .menu,
.dhit-site-header .sub-menu{list-style:none!important}

@media(max-width:1250px){
  .dhit-nav{gap:15px!important}
  .dhit-nav > a,.dhit-nav-parent{font-size:13px!important}
  .dhit-brand{width:195px!important;min-width:195px!important}
  .dhit-brand img{width:188px!important}
}
@media(max-width:1100px){
  .dhit-nav{display:none!important}
  .dhit-header-actions{display:none!important}
  .dhit-mobile-toggle{display:block!important}
  .dhit-nav.mobile-open{
    display:flex!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    top:70px!important;
    height:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:12px!important;
    background:#fff!important;
    border:1px solid #dce7ef!important;
    border-radius:14px!important;
    box-shadow:0 20px 50px rgba(6,41,76,.18)!important;
  }
  .dhit-nav.mobile-open > a,
  .dhit-nav.mobile-open .dhit-nav-parent{
    height:44px!important;
    width:100%!important;
    justify-content:flex-start!important;
    padding:0 11px!important;
  }
  .dhit-nav.mobile-open .dhit-nav-group{
    display:block!important;
    height:auto!important;
  }
  .dhit-nav.mobile-open .dhit-nav-dropdown{
    display:block!important;
    position:static!important;
    width:100%!important;
    box-shadow:none!important;
    border:0!important;
    border-left:2px solid #dce7ef!important;
    border-radius:0!important;
    padding:0 0 0 8px!important;
    margin:0 0 5px 10px!important;
  }
  .dhit-hero-grid{
    grid-template-columns:1fr!important;
  }
}

/* v1.0.3 - hero visual gelijkgetrokken met oorspronkelijke De Hart IT layout */
.dhit-hero-visual{
  position:relative!important;
  height:420px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.dhit-heart-stage{
  position:relative!important;
  width:570px!important;
  height:390px!important;
  display:block!important;
  overflow:visible!important;
}
.dhit-heart-stage:before,
.dhit-heart-stage:after{display:none!important}

.dhit-hero-glow{
  position:absolute;
  z-index:0;
  left:50%;
  top:46%;
  width:310px;
  height:310px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(14,151,255,.30) 0%,rgba(10,99,208,.13) 40%,rgba(7,48,93,0) 72%);
  filter:blur(2px);
}
.dhit-heart-logo{
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  top:43%!important;
  transform:translate(-50%,-50%)!important;
  width:225px!important;
  max-width:225px!important;
  max-height:225px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 20px 27px rgba(0,0,0,.34))!important;
}

/* Lichtplatform onder het logo, zoals in het eerste ontwerp. */
.dhit-pedestal{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:35px;
  width:285px;
  height:54px;
  transform:translateX(-50%);
  border-radius:50%;
  background:linear-gradient(180deg,#0c4f9d 0%,#062b61 45%,#031a3b 100%);
  border:1px solid rgba(71,166,255,.37);
  box-shadow:
    0 15px 22px rgba(0,0,0,.35),
    inset 0 7px 11px rgba(80,183,255,.20);
}
.dhit-pedestal:before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:-12px;
  height:32px;
  border-radius:50%;
  background:radial-gradient(ellipse,#28c5ff 0%,#0b82f1 23%,#074ca0 49%,#031d48 71%);
  border:1px solid rgba(89,201,255,.55);
  box-shadow:0 0 28px rgba(23,161,255,.62);
}
.dhit-pedestal:after{
  content:"";
  position:absolute;
  left:43px;
  right:43px;
  top:-4px;
  height:18px;
  border-radius:50%;
  border:2px solid rgba(78,211,255,.86);
  box-shadow:0 0 18px rgba(17,184,255,.85),inset 0 0 15px rgba(17,184,255,.35);
}
.dhit-pedestal span{
  position:absolute;
  left:22px;
  right:22px;
  bottom:-13px;
  height:31px;
  z-index:-1;
  border-radius:50%;
  background:#031b3f;
  border:1px solid rgba(54,127,209,.25);
}
.dhit-pedestal i{
  position:absolute;
  left:52px;
  right:52px;
  top:-37px;
  height:55px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(26,201,255,.52),rgba(14,119,244,.14) 45%,transparent 70%);
  filter:blur(5px);
}

/* Servicekaarten staan nu ruim buiten het logo en worden met lijnen verbonden. */
.dhit-orbit-card{
  position:absolute!important;
  z-index:8!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  min-height:50px!important;
  padding:9px 11px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border-radius:11px!important;
  border:1px solid rgba(73,169,246,.39)!important;
  background:rgba(4,42,81,.78)!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.13)!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.dhit-orbit-card b{font-weight:800!important;white-space:nowrap!important}
.dhit-orbit-icon{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border-radius:8px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(14,123,220,.22)!important;
  color:#64c9ff!important;
  font-size:14px!important;
}
.dhit-orbit-card.o1{left:8px!important;top:38px!important}
.dhit-orbit-card.o2{left:-8px!important;top:143px!important}
.dhit-orbit-card.o3{left:14px!important;top:248px!important}
.dhit-orbit-card.o4{right:8px!important;top:38px!important}
.dhit-orbit-card.o5{right:-8px!important;top:143px!important}
.dhit-orbit-card.o6{right:14px!important;top:248px!important}

/* Connectorlijnen */
.dhit-orbit-card.o1:after,
.dhit-orbit-card.o2:after,
.dhit-orbit-card.o3:after{
  content:"";
  position:absolute;
  left:100%;
  top:50%;
  width:70px;
  height:1px;
  background:linear-gradient(90deg,rgba(64,182,255,.72),rgba(64,182,255,.20));
}
.dhit-orbit-card.o4:before,
.dhit-orbit-card.o5:before,
.dhit-orbit-card.o6:before{
  content:"";
  position:absolute;
  right:100%;
  top:50%;
  width:70px;
  height:1px;
  background:linear-gradient(90deg,rgba(64,182,255,.20),rgba(64,182,255,.72));
}
.dhit-orbit-card.o1:before,
.dhit-orbit-card.o2:before,
.dhit-orbit-card.o3:before{
  content:"";
  position:absolute;
  left:calc(100% + 68px);
  top:calc(50% - 2px);
  width:5px;height:5px;border-radius:50%;
  background:#35baff;box-shadow:0 0 7px #35baff;
}
.dhit-orbit-card.o4:after,
.dhit-orbit-card.o5:after,
.dhit-orbit-card.o6:after{
  content:"";
  position:absolute;
  right:calc(100% + 68px);
  top:calc(50% - 2px);
  width:5px;height:5px;border-radius:50%;
  background:#35baff;box-shadow:0 0 7px #35baff;
}

@media(max-width:1250px){
  .dhit-heart-stage{transform:scale(.90);transform-origin:center center}
}
@media(max-width:1100px){
  .dhit-hero-visual{display:none!important}
}

/* v1.0.4 - exact goedgekeurde hero illustratie */
.dhit-hero-visual{
  position:relative!important;
  height:auto!important;
  min-height:390px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.dhit-approved-hero-art{
  display:block!important;
  width:min(100%, 650px)!important;
  max-width:650px!important;
  height:auto!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
}
@media(max-width:1250px){
  .dhit-approved-hero-art{width:min(100%,570px)!important}
}
@media(max-width:1100px){
  .dhit-hero-visual{
    display:flex!important;
    min-height:0!important;
    margin-top:10px!important;
  }
  .dhit-approved-hero-art{width:min(100%,620px)!important}
}
@media(max-width:700px){
  .dhit-approved-hero-art{width:100%!important}
}

/* v1.0.5 - hero opnieuw opgebouwd naar het oorspronkelijke ontwerp,
   niet als screenshot maar als echte responsive HTML/CSS layout. */
.dhit-hero{
  background:
    radial-gradient(circle at 72% 46%,rgba(14,134,255,.20),transparent 26%),
    linear-gradient(112deg,#041c35 0%,#06294c 55%,#0a3c6e 100%)!important;
}
.dhit-hero-grid{
  min-height:500px!important;
  grid-template-columns:minmax(0,1fr) minmax(520px,.95fr)!important;
  gap:32px!important;
  padding:56px 0 76px!important;
}
.dhit-hero-copy{max-width:600px!important}
.dhit-hero-visual{
  min-height:390px!important;
  height:390px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.dhit-hero-network{
  position:relative!important;
  width:700px!important;
  height:390px!important;
  max-width:100%!important;
}
.dhit-hero-lines{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:2!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.dhit-hero-lines path{
  fill:none!important;
  stroke:#1679cf!important;
  stroke-width:1.2!important;
  opacity:.78!important;
}
.dhit-hero-lines path:nth-child(1),
.dhit-hero-lines path:nth-child(4){stroke:#1299e6!important}
.dhit-hero-center{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:50%!important;
  width:290px!important;
  height:300px!important;
  transform:translate(-50%,-50%)!important;
}
.dhit-hero-halo{
  position:absolute!important;
  left:50%!important;
  top:41%!important;
  width:260px!important;
  height:260px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(25,162,255,.36) 0%,rgba(18,101,220,.16) 42%,transparent 72%)!important;
  filter:blur(2px)!important;
}
.dhit-hero-heart{
  position:absolute!important;
  z-index:7!important;
  left:50%!important;
  top:37%!important;
  transform:translate(-50%,-50%)!important;
  width:240px!important;
  max-width:240px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.34))!important;
}
.dhit-hero-pod{
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  width:285px!important;
  height:56px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#0a4e9d,#062c62 47%,#031a3c 100%)!important;
  border:1px solid rgba(81,176,255,.38)!important;
  box-shadow:0 18px 26px rgba(0,0,0,.28),inset 0 6px 12px rgba(82,186,255,.18)!important;
}
.dhit-hero-pod:before{
  content:""!important;
  position:absolute!important;
  left:20px!important;
  right:20px!important;
  top:-12px!important;
  height:32px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,#35ccff 0%,#0c8bea 22%,#0752a8 51%,#031d46 72%)!important;
  border:1px solid rgba(83,210,255,.60)!important;
  box-shadow:0 0 30px rgba(29,173,255,.66)!important;
}
.dhit-hero-pod:after{
  content:""!important;
  position:absolute!important;
  left:48px!important;
  right:48px!important;
  top:-5px!important;
  height:19px!important;
  border-radius:50%!important;
  border:2px solid rgba(91,222,255,.88)!important;
  box-shadow:0 0 18px rgba(18,187,255,.86),inset 0 0 12px rgba(18,187,255,.34)!important;
}
.dhit-hero-pod i{
  position:absolute!important;
  left:46px!important;
  right:46px!important;
  top:-40px!important;
  height:65px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(39,201,255,.55),rgba(20,118,240,.18) 48%,transparent 72%)!important;
  filter:blur(6px)!important;
}
.dhit-hero-pod b{
  position:absolute!important;
  z-index:-1!important;
  left:18px!important;
  right:18px!important;
  bottom:-15px!important;
  height:31px!important;
  border-radius:50%!important;
  background:#031b3f!important;
  border:1px solid rgba(54,127,209,.25)!important;
}
.dhit-hero-orbit{
  position:absolute!important;
  top:28px!important;
  bottom:30px!important;
  width:190px!important;
  z-index:4!important;
}
.dhit-hero-orbit.left{left:0!important}
.dhit-hero-orbit.right{right:0!important}
.dhit-hero-chip{
  position:absolute!important;
  width:168px!important;
  min-height:52px!important;
  border-radius:12px!important;
  border:1px solid rgba(73,169,246,.42)!important;
  background:linear-gradient(180deg,rgba(7,53,98,.84),rgba(4,40,77,.88))!important;
  box-shadow:0 12px 24px rgba(0,0,0,.14)!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  color:#fff!important;
  backdrop-filter:blur(8px)!important;
}
.dhit-hero-orbit.left .dhit-hero-chip{left:0!important}
.dhit-hero-orbit.right .dhit-hero-chip{right:0!important}
.dhit-hero-chip.c1,.dhit-hero-chip.c4{top:0!important}
.dhit-hero-chip.c2,.dhit-hero-chip.c5{top:117px!important}
.dhit-hero-chip.c3,.dhit-hero-chip.c6{top:234px!important}
.dhit-hero-chip span{
  width:32px!important;
  height:32px!important;
  border-radius:8px!important;
  flex:0 0 32px!important;
  display:grid!important;
  place-items:center!important;
  background:#0b4b87!important;
  color:#69cfff!important;
  font-size:14px!important;
}
.dhit-hero-chip b{
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:800!important;
  white-space:nowrap!important;
  color:#fff!important;
}

/* Subtiele technische lijnen in de rechterzijde van de banner */
.dhit-hero-network:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,transparent 0%,rgba(61,168,255,.05) 50%,transparent 100%),
    repeating-linear-gradient(90deg,transparent 0 78px,rgba(59,149,230,.035) 79px 80px),
    repeating-linear-gradient(0deg,transparent 0 68px,rgba(59,149,230,.025) 69px 70px)!important;
  mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)!important;
  z-index:0!important;
}
@media(max-width:1250px){
  .dhit-hero-network{transform:scale(.90)!important;transform-origin:center center!important}
}
@media(max-width:1100px){
  .dhit-hero-grid{grid-template-columns:1fr!important}
  .dhit-hero-visual{height:350px!important;min-height:350px!important}
  .dhit-hero-network{transform:scale(.84)!important}
}
@media(max-width:760px){
  .dhit-hero-visual{display:none!important}
}

/* v1.0.6 - nieuwe banner geïntegreerd in de echte website */
.dhit-hero{
  padding-bottom:38px!important;
  background:
    radial-gradient(circle at 74% 42%,rgba(10,126,255,.20),transparent 28%),
    linear-gradient(112deg,#03182f 0%,#05264a 50%,#07376a 100%)!important;
}
.dhit-hero-grid{
  min-height:500px!important;
  grid-template-columns:minmax(0, .90fr) minmax(560px, 1.10fr)!important;
  gap:24px!important;
  padding:58px 0 26px!important;
}
.dhit-hero h1{
  max-width:650px!important;
  font-size:clamp(46px,5vw,68px)!important;
}
.dhit-hero-copy{
  max-width:590px!important;
  font-size:17px!important;
}
.dhit-hero-points{
  display:grid!important;
  grid-template-columns:repeat(2,max-content)!important;
  gap:13px 28px!important;
  margin-bottom:28px!important;
}
.dhit-hero-visual{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:410px!important;
  height:410px!important;
  overflow:visible!important;
}
.dhit-hero-art-v2{
  display:block!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 20px 35px rgba(0,0,0,.18))!important;
}
.dhit-domain-inline-wrap{
  position:relative!important;
  z-index:8!important;
  margin-top:4px!important;
}
.dhit-domain-inline{
  background:rgba(4,35,69,.78)!important;
  border:1px solid rgba(70,145,211,.42)!important;
  border-radius:20px!important;
  padding:24px 28px!important;
  box-shadow:0 18px 40px rgba(0,0,0,.17)!important;
  backdrop-filter:blur(9px)!important;
}
.dhit-domain-inline-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:18px!important;
  margin-bottom:16px!important;
}
.dhit-domain-inline-head h2{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:25px!important;
}
.dhit-domain-inline-head p{
  margin:0!important;
  color:#c8d8e7!important;
  font-size:14px!important;
}
.dhit-domain-inline-head > span{
  background:rgba(13,76,137,.60)!important;
  color:#dcecff!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

/* WHOIS/search styling in the dark banner */
.dhit-domain-inline .dhit-public-whois-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  margin:0!important;
}
.dhit-domain-inline .dhit-public-whois-input{
  width:100%!important;
  height:58px!important;
  border:1px solid #c7d7e5!important;
  border-radius:11px!important;
  padding:0 18px!important;
  background:#fff!important;
  color:#17324d!important;
  font-size:16px!important;
  outline:none!important;
}
.dhit-domain-inline .dhit-public-whois-btn,
.dhit-domain-inline .dhit-public-whois-action{
  height:58px!important;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(90deg,#0867de,#0f83f2)!important;
  color:#fff!important;
  padding:0 25px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.dhit-domain-inline .dhit-public-whois-result{
  margin-top:14px!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#18344d!important;
  padding:15px!important;
}
.dhit-domain-inline .dhit-domain-fallback{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
}
.dhit-domain-inline .dhit-domain-fallback input{
  height:58px!important;
  border-radius:11px!important;
  border:1px solid #cbd9e4!important;
  padding:0 18px!important;
}
.dhit-domain-inline .dhit-domain-fallback button{
  height:58px!important;
  border-radius:11px!important;
  background:#0b74e5!important;
  color:#fff!important;
  border:0!important;
  padding:0 24px!important;
  font-weight:900!important;
}
.dhit-hero-benefits{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:16px!important;
  padding:26px 16px 0!important;
}
.dhit-hero-benefits > div{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#fff!important;
}
.dhit-hero-benefits b{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#16a6ff!important;
  border:2px solid #127fd3!important;
  font-size:18px!important;
}
.dhit-hero-benefits span{display:block!important}
.dhit-hero-benefits strong{
  display:block!important;
  font-size:14px!important;
  margin-bottom:2px!important;
}
.dhit-hero-benefits small{
  display:block!important;
  font-size:12px!important;
  color:#c7d7e7!important;
}
@media(max-width:1180px){
  .dhit-hero-grid{grid-template-columns:1fr 1fr!important}
  .dhit-hero-art-v2{width:min(100%,650px)!important}
  .dhit-hero-benefits{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:950px){
  .dhit-hero-grid{grid-template-columns:1fr!important}
  .dhit-hero-visual{min-height:320px!important;height:auto!important}
  .dhit-hero-art-v2{width:min(100%,700px)!important}
}
@media(max-width:650px){
  .dhit-hero-visual{display:none!important}
  .dhit-domain-inline{padding:18px!important}
  .dhit-domain-inline-head{flex-direction:column!important}
  .dhit-domain-inline .dhit-public-whois-form,
  .dhit-domain-inline .dhit-domain-fallback{grid-template-columns:1fr!important}
  .dhit-hero-benefits{grid-template-columns:1fr!important;padding-left:0!important;padding-right:0!important}
}

/* v1.0.7 - banner naadloos geïntegreerd + headerlogo hersteld */

/* Het logo in de header was door de verhouding te klein zichtbaar.
   We geven het merk nu een vaste, duidelijke afmeting. */
.dhit-brand{
  width:255px!important;
  min-width:255px!important;
  height:68px!important;
  overflow:visible!important;
}
.dhit-brand img{
  display:block!important;
  width:245px!important;
  min-width:245px!important;
  max-width:245px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* De rechter hero-afbeelding had een zichtbare rechthoek.
   Screen blending laat alleen het ontwerp, licht, lijnen en hart
   mooi samenvloeien met de echte websiteachtergrond. */
.dhit-hero-visual{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
}
.dhit-hero-art-v2{
  width:min(100%,790px)!important;
  max-width:790px!important;
  height:auto!important;
  mix-blend-mode:screen!important;
  opacity:.98!important;
  filter:saturate(1.08) contrast(1.03) drop-shadow(0 18px 30px rgba(0,0,0,.18))!important;
  -webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 50%,#000 58%,rgba(0,0,0,.92) 73%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 78% 82% at 50% 50%,#000 58%,rgba(0,0,0,.92) 73%,transparent 100%)!important;
}

/* Geef het hart/ontwerp wat meer ruimte zoals in de oorspronkelijke visual. */
.dhit-hero-grid{
  grid-template-columns:minmax(0,.88fr) minmax(620px,1.12fr)!important;
  gap:18px!important;
}
.dhit-hero-visual{
  min-height:430px!important;
  height:430px!important;
}

/* De domeincheck hoort visueel bij de hero maar met iets meer lucht. */
.dhit-domain-inline-wrap{
  margin-top:10px!important;
}
.dhit-domain-inline{
  box-shadow:0 18px 44px rgba(0,0,0,.14)!important;
}

/* Desktop menu compacter zodat het grotere logo netjes past. */
@media(min-width:1101px){
  .dhit-nav{gap:18px!important}
  .dhit-nav > a,.dhit-nav-parent{font-size:13px!important}
  .dhit-header-actions .dhit-btn{padding-left:14px!important;padding-right:14px!important}
}
@media(max-width:1280px) and (min-width:1101px){
  .dhit-brand{width:215px!important;min-width:215px!important}
  .dhit-brand img{width:205px!important;min-width:205px!important;max-width:205px!important}
  .dhit-nav{gap:13px!important}
  .dhit-nav > a,.dhit-nav-parent{font-size:12.5px!important}
}
@media(max-width:1100px){
  .dhit-brand{width:210px!important;min-width:210px!important}
  .dhit-brand img{width:200px!important;min-width:200px!important;max-width:200px!important}
  .dhit-hero-grid{grid-template-columns:1fr!important}
  .dhit-hero-art-v2{width:min(100%,720px)!important}
}
@media(max-width:650px){
  .dhit-brand{width:175px!important;min-width:175px!important}
  .dhit-brand img{width:168px!important;min-width:168px!important;max-width:168px!important}
}

/* v1.0.8 - hero volledig als echte HTML/CSS, dus geen geplakte bannerafbeelding */
.dhit-hero-art-v2{display:none!important}

.dhit-hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(600px,1.08fr)!important;
  gap:34px!important;
  align-items:center!important;
}
.dhit-hero-visual{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:430px!important;
  height:430px!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.dhit-hero-network-v2{
  position:relative!important;
  width:760px!important;
  max-width:100%!important;
  height:430px!important;
}
.dhit-network-lines-v2{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:2!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.dhit-network-lines-v2 path{
  fill:none!important;
  stroke:#1594e7!important;
  stroke-width:1.35!important;
  opacity:.78!important;
  filter:drop-shadow(0 0 3px rgba(30,175,255,.65))!important;
}

.dhit-service-stack-v2{
  position:absolute!important;
  top:38px!important;
  bottom:38px!important;
  width:190px!important;
  z-index:6!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.dhit-service-stack-v2.left{left:0!important}
.dhit-service-stack-v2.right{right:0!important}

.dhit-service-node-v2{
  width:176px!important;
  min-height:58px!important;
  border-radius:13px!important;
  border:1px solid rgba(58,155,235,.48)!important;
  background:linear-gradient(180deg,rgba(7,57,103,.92),rgba(4,40,76,.94))!important;
  box-shadow:0 15px 28px rgba(0,0,0,.18)!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:11px 13px!important;
  color:#fff!important;
  backdrop-filter:blur(8px)!important;
}
.dhit-service-stack-v2.left .dhit-service-node-v2{align-self:flex-start!important}
.dhit-service-stack-v2.right .dhit-service-node-v2{align-self:flex-end!important}
.dhit-service-node-v2 span{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  background:#0b4b87!important;
  color:#62cbff!important;
  font-size:15px!important;
}
.dhit-service-node-v2 b{
  color:#fff!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

.dhit-heart-core-v2{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:50%!important;
  width:330px!important;
  height:345px!important;
  transform:translate(-50%,-50%)!important;
}
.dhit-core-glow-v2{
  position:absolute!important;
  left:50%!important;
  top:42%!important;
  width:315px!important;
  height:315px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(28,170,255,.36) 0%,rgba(18,103,220,.18) 42%,transparent 72%)!important;
  filter:blur(3px)!important;
}
.dhit-heart-image-v2{
  position:absolute!important;
  z-index:8!important;
  left:50%!important;
  top:39%!important;
  transform:translate(-50%,-50%)!important;
  width:255px!important;
  max-width:255px!important;
  max-height:255px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.34))!important;
}

.dhit-stage-v2{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  bottom:24px!important;
  width:300px!important;
  height:58px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#0c50a0 0%,#062d63 48%,#031a3d 100%)!important;
  border:1px solid rgba(75,177,255,.42)!important;
  box-shadow:0 18px 28px rgba(0,0,0,.34),inset 0 7px 12px rgba(79,186,255,.20)!important;
}
.dhit-stage-v2:before{
  content:""!important;
  position:absolute!important;
  left:20px!important;
  right:20px!important;
  top:-13px!important;
  height:34px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,#37d2ff 0%,#108ef2 22%,#0752a7 50%,#031d46 72%)!important;
  border:1px solid rgba(86,215,255,.62)!important;
  box-shadow:0 0 33px rgba(33,181,255,.72)!important;
}
.dhit-stage-v2:after{
  content:""!important;
  position:absolute!important;
  left:50px!important;
  right:50px!important;
  top:-6px!important;
  height:20px!important;
  border-radius:50%!important;
  border:2px solid rgba(97,225,255,.92)!important;
  box-shadow:0 0 20px rgba(19,190,255,.9),inset 0 0 13px rgba(19,190,255,.38)!important;
}
.dhit-stage-v2 i{
  position:absolute!important;
  left:55px!important;
  right:55px!important;
  top:-50px!important;
  height:74px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(42,207,255,.58),rgba(18,121,240,.16) 49%,transparent 73%)!important;
  filter:blur(7px)!important;
}
.dhit-stage-v2 b{
  position:absolute!important;
  z-index:-1!important;
  left:18px!important;
  right:18px!important;
  bottom:-16px!important;
  height:32px!important;
  border-radius:50%!important;
  background:#031b3f!important;
  border:1px solid rgba(54,127,209,.28)!important;
}

/* zachte technische achtergrond, onderdeel van de echte hero */
.dhit-hero-network-v2:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(14,114,225,.14),transparent 34%),
    repeating-linear-gradient(90deg,transparent 0 88px,rgba(66,158,232,.025) 89px 90px),
    repeating-linear-gradient(0deg,transparent 0 70px,rgba(66,158,232,.022) 71px 72px)!important;
  border-radius:40px!important;
}
.dhit-hero-network-v2:after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:55px!important;
  right:55px!important;
  bottom:55px!important;
  height:100px!important;
  background:
    radial-gradient(ellipse at center bottom,rgba(21,151,255,.16),transparent 68%)!important;
  filter:blur(5px)!important;
}

/* Desktop sizing */
@media(max-width:1280px) and (min-width:1101px){
  .dhit-hero-network-v2{
    transform:scale(.90)!important;
    transform-origin:center!important;
  }
}
@media(max-width:1100px){
  .dhit-hero-grid{grid-template-columns:1fr!important}
  .dhit-hero-visual{min-height:390px!important;height:390px!important}
  .dhit-hero-network-v2{
    transform:scale(.88)!important;
    transform-origin:center!important;
  }
}
@media(max-width:760px){
  .dhit-hero-visual{display:none!important}
}

/* v1.0.9 - volledig hart zichtbaar + cache-bypass */
.dhit-heart-core-v2{
  width:360px!important;
  height:360px!important;
  overflow:visible!important;
}
.dhit-heart-image-v2{
  z-index:12!important;
  left:50%!important;
  top:36%!important;
  width:285px!important;
  max-width:285px!important;
  max-height:285px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translate(-50%,-50%)!important;
  opacity:1!important;
  visibility:visible!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  mix-blend-mode:normal!important;
}
.dhit-stage-v2{
  z-index:6!important;
  bottom:10px!important;
}
.dhit-core-glow-v2{
  width:340px!important;
  height:340px!important;
  top:39%!important;
}
@media(max-width:1280px) and (min-width:1101px){
  .dhit-heart-image-v2{
    width:270px!important;
    max-width:270px!important;
    max-height:270px!important;
  }
}

/* v1.1.0 - vereenvoudigde diensten en nieuwe paginaontwerpen */
.dhit-services-four{grid-template-columns:repeat(4,1fr)!important}
.dhit-subhero{position:relative;overflow:hidden;padding:78px 0;background:linear-gradient(112deg,#041c35,#073a6c);color:#fff}
.dhit-subhero:after{content:"";position:absolute;right:-160px;top:-220px;width:650px;height:650px;border-radius:50%;border:1px solid rgba(79,177,255,.13);box-shadow:0 0 0 90px rgba(79,177,255,.03),0 0 0 180px rgba(79,177,255,.018)}
.dhit-subhero-grid{display:grid;grid-template-columns:1fr 270px;align-items:center;gap:40px;position:relative;z-index:2}
.dhit-subhero h1{margin:0 0 15px;color:#fff;font-size:clamp(40px,5vw,62px);letter-spacing:-.04em;line-height:1.04}
.dhit-subhero p{margin:0;max-width:720px;color:#d9e7f3;font-size:17px;line-height:1.7}
.dhit-subhero-mark{display:grid;place-items:center}.dhit-subhero-mark img{width:190px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.28))}
.dhit-split{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}
.dhit-split h2{font-size:38px;line-height:1.12;color:#082f54;margin:7px 0 14px}
.dhit-split p{color:#667b8e;line-height:1.75}
.dhit-panel{background:#fff;border:1px solid #dce7ef;border-radius:18px;padding:30px;box-shadow:0 14px 35px rgba(8,49,80,.07)}
.dhit-panel h3{margin-top:0;color:#0a3157;font-size:24px}
.dhit-big-checks{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:10px;color:#425e73}
.dhit-big-checks li:before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#eaf6ff;color:#0870d4;font-weight:900;margin-right:9px}
.dhit-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dhit-info-grid article{background:#fff;border:1px solid #dfe8ef;border-radius:16px;padding:25px}
.dhit-info-grid article>span{font-weight:900;color:#0a78d2;font-size:12px;letter-spacing:.08em}
.dhit-info-grid h3{color:#0a3157;margin:8px 0;font-size:20px}.dhit-info-grid p{color:#6a7d8f;font-size:14px;line-height:1.65}
.dhit-domain-page-card{background:#fff;border:1px solid #dce7ef;border-radius:18px;padding:28px;box-shadow:0 16px 40px rgba(9,49,80,.08);margin-bottom:25px}
.dhit-domain-page-card h2{margin:0 0 6px;color:#0a3157}.dhit-domain-page-card>p{margin:0 0 18px;color:#6d7f91}
@media(max-width:1050px){.dhit-services-four{grid-template-columns:repeat(2,1fr)!important}.dhit-subhero-grid,.dhit-split{grid-template-columns:1fr}.dhit-subhero-mark{display:none}}
@media(max-width:650px){.dhit-services-four,.dhit-info-grid{grid-template-columns:1fr!important}.dhit-subhero{padding:56px 0}}

/* v1.1.0 service-opruiming: alleen de vier kernactiviteiten in de hero */
.dhit-service-stack-v2.dhit-stack-two{
  top:70px!important;
  bottom:70px!important;
  justify-content:space-between!important;
}
.dhit-service-stack-v2.dhit-stack-two .dhit-service-node-v2{
  min-height:62px!important;
}

/* v1.2.0 - uitgebreide servicepagina's */
.dhit-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dhit-cta{padding:38px 0;background:linear-gradient(105deg,#06294c,#0a477f);color:#fff}.dhit-cta>.dhit-site-shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.dhit-cta h2{color:#fff;margin:0 0 5px;font-size:28px}.dhit-cta p{margin:0;color:#cfe0ec}.dhit-mail-showcase{min-height:330px;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:32% 1fr;background:#f8fbfd;border:1px solid #d7e4ee;box-shadow:0 18px 40px rgba(8,49,80,.11)}.dhit-mail-sidebar{background:#062f59;color:#fff;padding:25px 18px;display:flex;flex-direction:column;gap:12px}.dhit-mail-sidebar b{margin-bottom:12px}.dhit-mail-sidebar span{padding:9px 10px;border-radius:8px;background:rgba(255,255,255,.06);font-size:13px}.dhit-mail-list{padding:20px}.dhit-mail-list i{display:block;height:39px;border-bottom:1px solid #dce5ec;background:linear-gradient(90deg,#eef4f8 0 18%,#fff 18% 100%)}.dhit-website-price{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:310px;text-align:center;background:linear-gradient(145deg,#06294c,#0a477f);border-radius:20px;color:#fff;padding:35px;box-shadow:0 18px 40px rgba(8,49,80,.15)}.dhit-website-price span{font-size:15px;color:#bcd7e9}.dhit-website-price strong{font-size:64px;line-height:1.1;margin:10px 0}.dhit-website-price small{max-width:340px;color:#cfe0ed}.dhit-process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dhit-process article{background:#fff;border:1px solid #dce7ef;border-radius:16px;padding:24px}.dhit-process b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eaf5fd;color:#0870d1}.dhit-process h3{color:#0a3157;margin:16px 0 7px}.dhit-process p{color:#6b7e8f;font-size:14px}.dhit-contact-layout{display:grid;grid-template-columns:1fr .8fr;gap:20px}.dhit-contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.dhit-contact-cards article{background:#fff;border:1px solid #dce7ef;border-radius:16px;padding:23px}.dhit-contact-cards span{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#ecf6fd;color:#0870d1;font-size:20px}.dhit-contact-cards h3{color:#0a3157}.dhit-contact-cards p{color:#65798a;min-height:44px}.dhit-contact-cards a{color:#0870d1;font-weight:800;text-decoration:none}.dhit-domain-page-card .dhit-public-whois-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}.dhit-domain-page-card .dhit-public-whois-input{height:56px!important;border:1px solid #cad8e4!important;border-radius:10px!important;padding:0 16px!important;width:100%!important}.dhit-domain-page-card .dhit-public-whois-btn,.dhit-domain-page-card .dhit-public-whois-action{border:0!important;border-radius:10px!important;background:#0870d8!important;color:#fff!important;padding:0 22px!important;font-weight:900!important}
@media(max-width:1000px){.dhit-process{grid-template-columns:repeat(2,1fr)}.dhit-contact-layout{grid-template-columns:1fr}.dhit-contact-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.dhit-cta>.dhit-site-shell{flex-direction:column;align-items:flex-start}.dhit-info-grid,.dhit-process,.dhit-contact-cards{grid-template-columns:1fr}.dhit-mail-showcase{grid-template-columns:1fr}.dhit-mail-sidebar{display:none}.dhit-domain-page-card .dhit-public-whois-form{grid-template-columns:1fr!important}}

/* ===== v1.3.0 PREMIUM CONTENT PAGES ===== */
.dhit-premium-page{background:#fff;color:#15334d}
.dhit-premium-hero{position:relative;overflow:hidden;background:
radial-gradient(circle at 78% 45%,rgba(18,117,214,.24),transparent 31%),
linear-gradient(118deg,#031b32 0%,#06345f 58%,#064779 100%);color:#fff;padding:92px 0 78px}
.dhit-premium-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,transparent,black 35%,black)}
.dhit-premium-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:65px;align-items:center;position:relative;z-index:2}
.dhit-premium-hero-copy h1{font-size:clamp(45px,5.3vw,72px);line-height:.98;letter-spacing:-.05em;color:#fff;margin:10px 0 20px;max-width:850px}
.dhit-premium-hero-copy>p{font-size:18px;line-height:1.72;color:#d5e4ef;max-width:720px;margin:0}
.dhit-premium-hero-note{margin-top:25px;border-left:3px solid #2ba7ff;padding:8px 0 8px 15px;color:#9fd2f7;font-size:13px;font-weight:800;letter-spacing:.03em}
.dhit-premium-hero-art{height:360px;position:relative;display:grid;place-items:center}
.dhit-hero-heart{width:210px;height:210px;display:grid;place-items:center;position:relative;z-index:4}
.dhit-hero-heart:after{content:"";position:absolute;width:210px;height:35px;border-radius:50%;background:rgba(60,171,255,.2);filter:blur(12px);bottom:-32px}
.dhit-hero-heart img{width:185px;filter:drop-shadow(0 24px 30px rgba(0,0,0,.35))}
.dhit-orbit{position:absolute;border:1px solid rgba(86,184,255,.24);border-radius:50%;transform:rotate(-12deg)}
.orbit-a{width:330px;height:210px}.orbit-b{width:430px;height:285px;transform:rotate(18deg)}
.dhit-float-chip{position:absolute;z-index:5;padding:10px 14px;border:1px solid rgba(255,255,255,.14);background:rgba(5,35,63,.72);backdrop-filter:blur(12px);border-radius:11px;color:#e8f5ff;font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.chip-a{left:4%;top:25%}.chip-b{right:1%;top:41%}.chip-c{left:14%;bottom:10%}

.dhit-premium-intro{margin-top:-22px;position:relative;z-index:5}
.dhit-premium-statbar{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #dbe7f0;border-radius:16px;box-shadow:0 18px 45px rgba(5,46,80,.11);overflow:hidden}
.dhit-premium-statbar>div{padding:22px 24px;border-right:1px solid #e6edf3}.dhit-premium-statbar>div:last-child{border:0}
.dhit-premium-statbar strong,.dhit-premium-statbar span{display:block}.dhit-premium-statbar strong{font-size:18px;color:#093660}.dhit-premium-statbar span{font-size:12px;color:#76899a;margin-top:4px}

.dhit-section-head.premium{max-width:800px;margin-bottom:35px}.dhit-section-head.premium h2{font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.035em;margin:7px 0 12px;color:#082f54}
.dhit-section-head.premium p{font-size:16px;line-height:1.7;color:#6c8092}

.dhit-premium-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.dhit-premium-price{position:relative;padding:29px;border:1px solid #dae6ef;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(6,50,83,.055);transition:.25s ease}
.dhit-premium-price:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(6,50,83,.1)}
.dhit-premium-price.featured{border:2px solid #0d7bdd;box-shadow:0 22px 50px rgba(13,123,221,.14)}
.dhit-popular{position:absolute;right:18px;top:18px;background:#eaf5ff;color:#0672cf;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.08em}
.dhit-package-label{display:inline-block;font-size:11px;font-weight:900;color:#0b78d1;letter-spacing:.1em;text-transform:uppercase}
.dhit-premium-price h3{font-size:22px;color:#0a3157;margin:8px 0 8px}.dhit-premium-price p{color:#718496;line-height:1.6;font-size:14px}
.dhit-package-price{font-size:38px;font-weight:900;color:#072f54;margin:23px 0}.dhit-package-price small{font-size:12px;color:#7b8c9c;font-weight:700;margin-left:5px}
.dhit-premium-price ul{list-style:none;padding:0;margin:0 0 27px;display:grid;gap:10px;color:#4c657a;font-size:14px}.dhit-premium-price li:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#eaf6ff;color:#0a74cf;font-weight:900;margin-right:8px}
.dhit-btn.wide{width:100%;justify-content:center}

.dark-soft{background:linear-gradient(128deg,#041d35,#073b68);color:#fff}
.dhit-feature-split{display:grid;grid-template-columns:1.06fr .94fr;gap:55px;align-items:center}.dhit-feature-split h2{font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.035em;color:#fff;margin:7px 0 15px}.dhit-feature-split>div>p{color:#c8dbea;line-height:1.72}
.dhit-feature-split.light-version h2{color:#082f54}.dhit-feature-split.light-version>div>p{color:#6a7e90}
.eyebrow.light{color:#6ac6ff}
.dhit-mini-features{display:grid;gap:12px;margin-top:26px}.dhit-mini-features>div{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start}.dhit-mini-features b{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(42,161,245,.13);border:1px solid rgba(80,185,255,.19);color:#68c8ff;font-size:11px}.dhit-mini-features strong,.dhit-mini-features small{display:block}.dhit-mini-features strong{color:#fff;font-size:14px}.dhit-mini-features small{color:#a9c3d6;margin-top:3px;line-height:1.5}
.dhit-glass-card,.dhit-mail-ui-card{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:28px;box-shadow:0 30px 60px rgba(0,0,0,.16);backdrop-filter:blur(10px)}
.dhit-glass-card h3{font-size:27px;color:#fff;margin:5px 0 10px}.dhit-glass-card p{color:#bed2e1;line-height:1.65}
.mini-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:#6bc8ff}
.fake-dashboard{display:grid;gap:8px;margin:22px 0}.fake-row{display:flex;justify-content:space-between;padding:12px 13px;border-radius:10px;background:rgba(255,255,255,.055);color:#d9e8f3;font-size:13px}.fake-row b{color:#69d8a0;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.dhit-btn.ghost-light{border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.06)}
.dhit-btn.white{background:#fff;color:#0868bc;border-color:#fff}

.dhit-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.dhit-process-grid article{position:relative;padding:24px 20px;border-top:3px solid #0c7bd7;background:#f7fafc;border-radius:0 0 15px 15px}.dhit-process-grid article>span{font-size:11px;color:#0872ce;font-weight:900;letter-spacing:.08em}.dhit-process-grid h3{font-size:18px;color:#0a3157;margin:8px 0}.dhit-process-grid p{font-size:13px;line-height:1.6;color:#6c8092}
.dhit-premium-cta{background:#0875d1;padding:34px 0;color:#fff}.dhit-premium-cta .dhit-site-shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.dhit-premium-cta span{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#cce9ff}.dhit-premium-cta h2{margin:5px 0 0;color:#fff;font-size:28px;letter-spacing:-.02em}

.dhit-mail-ui-card{padding:0;overflow:hidden}.mail-top{height:44px;background:rgba(255,255,255,.07);display:flex;align-items:center;gap:6px;padding:0 14px}.mail-top span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}
.mail-layout{display:grid;grid-template-columns:125px 1fr;min-height:220px}.mail-side{padding:18px 13px;border-right:1px solid rgba(255,255,255,.08);display:grid;align-content:start;gap:13px;color:#a9c3d6;font-size:11px}.mail-side b{color:#fff}.mail-list{padding:22px;color:#fff}.mail-list p{color:#a9c3d6;font-size:12px}.mail-list hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:18px 0}.dhit-mail-ui-card>.dhit-btn{margin:0 20px 20px}

.dhit-domain-search-premium{padding:0 0 25px;background:#f5f9fc}.dhit-domain-search-box{transform:translateY(-20px);position:relative;z-index:5;background:#fff;border:1px solid #dbe6ee;border-radius:20px;padding:28px;box-shadow:0 18px 45px rgba(5,46,80,.1);display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:center}.dhit-domain-search-box h2{font-size:28px;color:#0a3157;margin:5px 0}.dhit-domain-search-box p{color:#718495}
.dhit-bento{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-auto-rows:minmax(180px,auto);gap:15px}.dhit-bento article{padding:25px;border:1px solid #dce7ef;border-radius:17px;background:#fff}.dhit-bento article.large{grid-row:span 2;background:linear-gradient(150deg,#f4faff,#fff)}.bento-icon{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 9px;border-radius:10px;background:#e9f5ff;color:#0874cf;font-weight:900;font-size:11px}.dhit-bento h3{color:#0a3157;font-size:21px;margin:14px 0 7px}.dhit-bento p{color:#6c8092;line-height:1.65;font-size:14px}.dhit-bento a{font-weight:800;color:#0871cd}

.dhit-service-pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px}.dhit-service-pills span{padding:9px 12px;border-radius:999px;background:#edf6fc;color:#276384;font-size:12px;font-weight:800}
.dhit-browser-mock{border:1px solid #cfdde7;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 25px 60px rgba(4,50,82,.13)}.browser-top{height:45px;background:#eff4f7;display:flex;align-items:center;gap:6px;padding:0 13px}.browser-top i{width:8px;height:8px;border-radius:50%;background:#b7c6d0}.browser-top span{margin-left:12px;background:#fff;border:1px solid #dce5eb;border-radius:6px;padding:5px 12px;font-size:10px;color:#738595}.browser-screen{padding:22px}.browser-nav{height:10px;width:48%;border-radius:5px;background:#dbe7ef;margin-bottom:23px}.browser-hero-block{height:92px;border-radius:11px;background:linear-gradient(120deg,#07345d,#0d79d4);margin-bottom:17px}.browser-lines{height:8px;width:65%;background:#dce6ed;border-radius:5px;margin-bottom:20px}.browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.browser-cards b{height:60px;border-radius:8px;background:#f0f5f8;border:1px solid #e3ebf0}

.dhit-story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.dhit-story-grid h2{font-size:clamp(35px,4vw,52px);line-height:1.06;color:#082f54;letter-spacing:-.035em;margin:8px 0 17px}.dhit-story-grid p{color:#667e91;line-height:1.75}.dhit-story-card{padding:33px;border-radius:22px;background:linear-gradient(145deg,#eef8ff,#fff);border:1px solid #dbe8f1;text-align:center}.dhit-story-card img{width:125px}.dhit-story-card h3{font-size:25px;color:#0a3157;margin:16px 0 8px}
.dhit-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dhit-value-grid article{padding:23px;border:1px solid #dce7ef;background:#fff;border-radius:16px}.dhit-value-grid b{font-size:11px;color:#0a78d4}.dhit-value-grid h3{font-size:18px;color:#0a3157}.dhit-value-grid p{font-size:13px;line-height:1.6;color:#6f8192}

.dhit-service-showcase{display:grid;gap:10px}.dhit-service-showcase>a{display:grid;grid-template-columns:55px 1fr 45px;gap:18px;align-items:center;padding:24px 25px;border:1px solid #dde7ef;border-radius:15px;background:#fff;text-decoration:none;transition:.22s}.dhit-service-showcase>a:hover{transform:translateX(4px);border-color:#9bcdf2;box-shadow:0 12px 30px rgba(5,48,79,.07)}.dhit-service-showcase>a>span{font-size:11px;font-weight:900;color:#0a78d4}.dhit-service-showcase h3{margin:0 0 5px;color:#0a3157;font-size:21px}.dhit-service-showcase p{margin:0;color:#6d8192;font-size:14px}.dhit-service-showcase>a>b{font-size:25px;color:#0a78d4}

.dhit-contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:45px;align-items:start}.dhit-contact-grid h2{font-size:clamp(35px,4vw,52px);color:#082f54;letter-spacing:-.035em;line-height:1.06;margin:8px 0 13px}.dhit-contact-grid>div>p{color:#6c8192;line-height:1.7}.dhit-contact-cards{display:grid;gap:10px;margin-top:25px}.dhit-contact-cards>a,.dhit-contact-cards>div{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;padding:15px;border:1px solid #dce7ef;border-radius:13px;text-decoration:none}.dhit-contact-cards>a>span,.dhit-contact-cards>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eaf6ff;color:#0874cf}.dhit-contact-cards small,.dhit-contact-cards strong{display:block}.dhit-contact-cards small{font-size:10px;color:#8495a4;text-transform:uppercase;letter-spacing:.07em}.dhit-contact-cards strong{color:#163c5b;margin-top:3px}
.dhit-contact-panel{padding:29px;border-radius:20px;background:#f5f9fc;border:1px solid #dce8f0}.dhit-contact-panel h3{font-size:26px;color:#0a3157;margin:6px 0}.dhit-contact-panel p{color:#708396;line-height:1.6}.dhit-contact-detail{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #dce6ed;font-size:13px}.dhit-contact-detail span{color:#788a99}.dhit-contact-detail b{color:#1e425d}

.dhit-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dhit-faq-grid details{border:1px solid #dce7ef;border-radius:14px;background:#fff;padding:18px 20px}.dhit-faq-grid summary{cursor:pointer;font-weight:800;color:#0b3558}.dhit-faq-grid p{color:#6d8091;line-height:1.65;font-size:14px;margin-bottom:0}

@media(max-width:1050px){
 .dhit-premium-hero-grid,.dhit-feature-split,.dhit-story-grid,.dhit-contact-grid,.dhit-domain-search-box{grid-template-columns:1fr}
 .dhit-premium-hero-art{display:none}
 .dhit-premium-price-grid{grid-template-columns:1fr}
 .dhit-premium-statbar{grid-template-columns:repeat(2,1fr)}
 .dhit-process-grid,.dhit-value-grid{grid-template-columns:repeat(2,1fr)}
 .dhit-bento{grid-template-columns:1fr 1fr}.dhit-bento article.large{grid-column:span 2;grid-row:auto}
}
@media(max-width:650px){
 .dhit-premium-hero{padding:65px 0}
 .dhit-premium-statbar,.dhit-process-grid,.dhit-value-grid,.dhit-faq-grid,.dhit-bento{grid-template-columns:1fr}
 .dhit-premium-statbar>div{border-right:0;border-bottom:1px solid #e6edf3}
 .dhit-bento article.large{grid-column:auto}
 .dhit-premium-cta .dhit-site-shell{display:block}.dhit-premium-cta .dhit-btn{margin-top:18px}
}

/* v1.3.1 - betaalveiligheid / PCI-DSS */
.dhit-legal-hero{background:linear-gradient(135deg,#071f3a,#0b4c87);color:#fff;padding:72px 0 58px}
.dhit-legal-wrap{width:min(1120px,calc(100% - 36px));margin:auto}
.dhit-legal-kicker{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8fc6ff}
.dhit-legal-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.04;margin:10px 0 16px}
.dhit-legal-hero p{max-width:760px;font-size:18px;line-height:1.65;color:#d7e7f6}
.dhit-legal-main{background:#f5f8fb;padding:48px 0 70px}
.dhit-legal-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.dhit-legal-card{background:#fff;border:1px solid #dce7f0;border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(8,42,70,.06);margin-bottom:18px}
.dhit-legal-card h2,.dhit-legal-card h3{color:#0a3157}.dhit-legal-card h2{margin:0 0 12px}
.dhit-legal-card p,.dhit-legal-card li{color:#405b71;line-height:1.7}.dhit-legal-card ul{padding-left:20px}
.dhit-security-badge{display:flex;gap:12px;align-items:flex-start;background:#edf7ff;border:1px solid #cfe8fb;border-radius:14px;padding:16px;margin:16px 0}
.dhit-security-badge strong{display:block;color:#073b68;margin-bottom:3px}.dhit-security-badge span{color:#49677d;font-size:14px;line-height:1.55}
.dhit-legal-side{position:sticky;top:100px}.dhit-legal-links a{display:block;padding:10px 0;border-bottom:1px solid #e6edf3;color:#096bc4;text-decoration:none;font-weight:750}
@media(max-width:850px){.dhit-legal-grid{grid-template-columns:1fr}.dhit-legal-side{position:static}}


/* v1.6.0 - uitgebreide informatie- en juridische pagina's */
.dhit-legal-card h3{margin:24px 0 8px;font-size:18px}
.dhit-legal-card ol{padding-left:22px}.dhit-legal-card a{color:#096bc4}
.dhit-legal-notice{border-left:4px solid #0a78d4;background:#f1f8fe;padding:15px 17px;border-radius:0 12px 12px 0;margin:16px 0;color:#35556d;line-height:1.65}
.dhit-legal-warning{border-left-color:#d49a00;background:#fff9e9}
.dhit-legal-danger{border-left-color:#b42318;background:#fff3f2}
.dhit-legal-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.dhit-legal-meta span{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 11px;font-size:12px;color:#e5f2fd}
.dhit-legal-toc a{display:block;padding:9px 0;border-bottom:1px solid #e6edf3;text-decoration:none;color:#31536d;font-weight:700}.dhit-legal-toc a:hover{color:#0874cf}
.dhit-legal-card table{width:100%;border-collapse:collapse;margin:14px 0}.dhit-legal-card th,.dhit-legal-card td{border-bottom:1px solid #e4ebf1;padding:10px;text-align:left;vertical-align:top;color:#405b71}.dhit-legal-card th{color:#173f5e}
.dhit-legal-small{font-size:13px;color:#6b8092}


/* v1.7.0 - uitgebreide commerciële content */
.dhit-content-block{padding:72px 0}.dhit-content-block.soft{background:#f6f9fc}
.dhit-content-intro{max-width:820px;margin:0 auto 34px;text-align:center}.dhit-content-intro h2{font-size:clamp(28px,4vw,44px);margin:8px 0 12px;color:#143b59}.dhit-content-intro p{font-size:17px;line-height:1.75;color:#60788c}
.dhit-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dhit-info-card{background:#fff;border:1px solid #e1eaf1;border-radius:18px;padding:25px;box-shadow:0 12px 35px rgba(20,59,89,.06)}.dhit-info-card h3{margin:8px 0 10px;color:#143b59;font-size:20px}.dhit-info-card p,.dhit-info-card li{color:#60788c;line-height:1.7}.dhit-info-card ul{padding-left:20px}
.dhit-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dhit-step{background:#fff;border:1px solid #e2ebf2;border-radius:18px;padding:24px}.dhit-step b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e9f5ff;color:#0874cf}.dhit-step h3{margin:14px 0 8px;color:#173f5e}.dhit-step p{margin:0;color:#647d91;line-height:1.65}
.dhit-trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.dhit-trust-item{padding:16px;border-radius:14px;background:#edf7ff;color:#244b68;text-align:center;font-weight:800}
.dhit-longcopy{max-width:950px;margin:0 auto}.dhit-longcopy h2{color:#143b59;font-size:32px;margin:34px 0 12px}.dhit-longcopy h3{color:#173f5e;font-size:22px;margin:25px 0 8px}.dhit-longcopy p,.dhit-longcopy li{color:#5d768a;line-height:1.8;font-size:16px}.dhit-longcopy ul{padding-left:22px}
@media(max-width:900px){.dhit-info-grid,.dhit-step-grid,.dhit-trust-strip{grid-template-columns:1fr 1fr}}@media(max-width:600px){.dhit-info-grid,.dhit-step-grid,.dhit-trust-strip{grid-template-columns:1fr}.dhit-content-block{padding:48px 0}}


/* v1.7.1 - navigatie-uitlijning Diensten */
.dhit-nav-parent{
  font-family:inherit!important;
  line-height:normal!important;
  vertical-align:middle!important;
  justify-content:center!important;
}
.dhit-nav-parent .dhit-nav-caret{
  display:inline-block!important;
  width:7px!important;
  height:7px!important;
  margin-left:2px!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  transform:rotate(45deg) translateY(-2px)!important;
  transform-origin:center!important;
  flex:0 0 auto!important;
}
.dhit-nav > a,
.dhit-nav-parent{
  min-height:78px!important;
  height:78px!important;
  display:inline-flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
@media(max-width:1100px){
  .dhit-nav.mobile-open .dhit-nav-parent{
    min-height:44px!important;
    height:44px!important;
    justify-content:flex-start!important;
  }
}


/* v1.7.2 - header volledig op één horizontale lijn */
@media (min-width:1101px){
  .dhit-site-header{
    min-height:86px!important;
  }

  .dhit-site-header .dhit-header-inner{
    width:min(100% - 48px, 1500px)!important;
    max-width:1500px!important;
    height:86px!important;
    min-height:86px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:24px!important;
  }

  .dhit-site-header .dhit-brand{
    width:260px!important;
    min-width:260px!important;
    height:72px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:center!important;
    flex:0 0 260px!important;
    line-height:1!important;
  }

  .dhit-site-header .dhit-brand img{
    display:block!important;
    width:250px!important;
    max-width:250px!important;
    height:auto!important;
    max-height:68px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .dhit-site-header .dhit-nav{
    height:86px!important;
    min-height:86px!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    gap:25px!important;
    overflow:visible!important;
  }

  .dhit-site-header .dhit-nav > a,
  .dhit-site-header .dhit-nav > .dhit-nav-group,
  .dhit-site-header .dhit-nav-parent{
    float:none!important;
    position:relative;
    top:auto!important;
    bottom:auto!important;
    margin-top:0!important;
    margin-bottom:0!important;
    transform:none;
    vertical-align:middle!important;
  }

  .dhit-site-header .dhit-nav > a,
  .dhit-site-header .dhit-nav-parent{
    min-height:86px!important;
    height:86px!important;
    padding:0!important;
    border:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#17344f!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-style:normal!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }

  .dhit-site-header .dhit-nav-parent{
    appearance:none!important;
    -webkit-appearance:none!important;
    background:none!important;
    box-shadow:none!important;
    cursor:pointer!important;
    gap:7px!important;
  }

  .dhit-site-header .dhit-nav-group{
    height:86px!important;
    min-height:86px!important;
    padding:0!important;
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .dhit-site-header .dhit-nav-parent .dhit-nav-caret{
    width:6px!important;
    height:6px!important;
    margin:0 0 3px 1px!important;
    padding:0!important;
    border:0!important;
    border-right:1.8px solid currentColor!important;
    border-bottom:1.8px solid currentColor!important;
    display:inline-block!important;
    flex:0 0 6px!important;
    transform:rotate(45deg)!important;
    transform-origin:center!important;
  }

  .dhit-site-header .dhit-nav-dropdown{
    top:76px!important;
  }

  /* Actieknoppen mogen de navigatie nooit naar een tweede regel drukken. */
  .dhit-site-header .dhit-header-actions{
    height:86px!important;
    min-height:86px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex:0 0 auto!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    align-self:center!important;
    gap:8px!important;
  }

  .dhit-site-header .dhit-header-actions .dhit-btn{
    height:42px!important;
    min-height:42px!important;
    padding:0 13px!important;
    font-size:12.5px!important;
    white-space:nowrap!important;
  }
}

/* Op smallere laptops blijft het menu één regel; actieknoppen verdwijnen eerder
   zodat de navigatie zelf nooit wordt afgebroken. */
@media (min-width:1101px) and (max-width:1375px){
  .dhit-site-header .dhit-header-inner{
    width:calc(100% - 36px)!important;
    gap:18px!important;
  }
  .dhit-site-header .dhit-brand{
    width:245px!important;
    min-width:245px!important;
    flex-basis:245px!important;
  }
  .dhit-site-header .dhit-brand img{
    width:235px!important;
    max-width:235px!important;
  }
  .dhit-site-header .dhit-nav{
    gap:20px!important;
  }
  .dhit-site-header .dhit-header-actions{
    display:none!important;
  }
}

@media (min-width:1101px) and (max-width:1215px){
  .dhit-site-header .dhit-header-inner{
    width:calc(100% - 28px)!important;
    gap:14px!important;
  }
  .dhit-site-header .dhit-brand{
    width:225px!important;
    min-width:225px!important;
    flex-basis:225px!important;
  }
  .dhit-site-header .dhit-brand img{
    width:215px!important;
    max-width:215px!important;
  }
  .dhit-site-header .dhit-nav{
    gap:16px!important;
  }
  .dhit-site-header .dhit-nav > a,
  .dhit-site-header .dhit-nav-parent{
    font-size:13px!important;
  }
}


/* v1.7.3 - Business kaart / "Meest gekozen" balk */
.dhit-premium-price.featured{
  position:relative!important;
  padding-top:48px!important;
  border:2px solid #0d7bdd!important;
  border-radius:20px!important;
  overflow:visible!important;
  box-shadow:0 18px 42px rgba(13,123,221,.13)!important;
}

.dhit-premium-price.featured .dhit-popular{
  position:absolute!important;
  z-index:2!important;
  top:-2px!important;
  left:-2px!important;
  right:-2px!important;
  width:auto!important;
  height:30px!important;
  margin:0!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(90deg,#126ed2 0%,#0d7bdd 55%,#1684eb 100%)!important;
  color:#fff!important;
  border:0!important;
  border-radius:18px 18px 0 0!important;
  box-shadow:none!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

.dhit-premium-price.featured .dhit-package-top{
  margin-top:0!important;
}

/* Hover houdt de geïntegreerde balk netjes aan de kaart vast. */
.dhit-premium-price.featured:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 22px 48px rgba(13,123,221,.16)!important;
}

@media(max-width:900px){
  .dhit-premium-price.featured{
    padding-top:46px!important;
  }
  .dhit-premium-price.featured .dhit-popular{
    height:29px!important;
    font-size:9.5px!important;
  }
}


/* v1.7.6 - "Meest gekozen" volledig geïntegreerd met Business-kaart */
.dhit-premium-price.featured{
  position:relative!important;
  overflow:hidden!important;
  padding-top:56px!important;
  border:2px solid #0d7bdd!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(13,123,221,.13)!important;
}

.dhit-premium-price.featured .dhit-popular{
  position:absolute!important;
  z-index:3!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:34px!important;
  margin:0!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;

  background:linear-gradient(90deg,#126ed2 0%,#0d7bdd 55%,#1684eb 100%)!important;
  color:#fff!important;

  /* De balk gebruikt exact de binnenste ronding van dezelfde kaart */
  border:0!important;
  border-radius:18px 18px 0 0!important;
  box-shadow:none!important;

  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* Geen losse bovenrand/naad tussen label en kaartinhoud */
.dhit-premium-price.featured .dhit-package-top{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}

/* Rustige hover zonder dat de balk los lijkt te komen */
.dhit-premium-price.featured:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 22px 48px rgba(13,123,221,.16)!important;
}

@media(max-width:900px){
  .dhit-premium-price.featured{
    padding-top:54px!important;
  }
  .dhit-premium-price.featured .dhit-popular{
    height:32px!important;
    font-size:9.5px!important;
  }
}


/* v1.7.7 - definitieve geïntegreerde Business-kaart */
.dhit-premium-price.featured{
  position:relative!important;
  overflow:hidden!important;
  padding:0 29px 29px!important;
  border:2px solid #0d7bdd!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(13,123,221,.13)!important;
}

/* De blauwe balk staat nu IN de kaartflow en kan daardoor nooit los zweven. */
.dhit-premium-price.featured .dhit-popular{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;

  width:auto!important;
  height:34px!important;
  min-height:34px!important;

  margin:0 -29px 26px!important;
  padding:0 14px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  background:linear-gradient(90deg,#126ed2 0%,#0d7bdd 55%,#1684eb 100%)!important;
  color:#fff!important;

  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;

  box-sizing:border-box!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* Content begint direct onder de geïntegreerde balk. */
.dhit-premium-price.featured .dhit-package-top{
  margin:0!important;
  padding:0!important;
  border:0!important;
}

.dhit-premium-price.featured:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 22px 48px rgba(13,123,221,.16)!important;
}

@media(max-width:900px){
  .dhit-premium-price.featured{
    padding:0 24px 24px!important;
  }
  .dhit-premium-price.featured .dhit-popular{
    height:32px!important;
    min-height:32px!important;
    margin:0 -24px 23px!important;
    font-size:9.5px!important;
  }
}


/* v1.7.8 - definitieve naadloze "Meest gekozen" kaart voor ALLE prijskaart-varianten */

/* Moderne premium prijskaart */
.dhit-premium-price.featured{
  position:relative!important;
  overflow:hidden!important;
  padding:0 29px 29px!important;
  border:2px solid #0d7bdd!important;
  border-radius:20px!important;
  background:#0d7bdd!important; /* buitenste schaal is blauw */
  box-shadow:0 18px 42px rgba(13,123,221,.13)!important;
}

.dhit-premium-price.featured .dhit-popular{
  position:static!important;
  width:calc(100% + 58px)!important;
  height:34px!important;
  min-height:34px!important;
  margin:0 -29px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  background:linear-gradient(90deg,#126ed2,#0d7bdd 55%,#1684eb)!important;
  color:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

/* Maak de witte kaartinhoud één vlak direct onder de blauwe kop */
.dhit-premium-price.featured .dhit-package-top{
  margin:0 -29px!important;
  padding:26px 29px 0!important;
  background:#fff!important;
  border:0!important;
}
.dhit-premium-price.featured .dhit-package-price,
.dhit-premium-price.featured > ul,
.dhit-premium-price.featured > .dhit-btn{
  position:relative!important;
  z-index:1!important;
}
.dhit-premium-price.featured:after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:34px!important;
  bottom:0!important;
  background:#fff!important;
  pointer-events:none!important;
}
.dhit-premium-price.featured > *{
  position:relative;
  z-index:1;
}

/* Oudere hostingkaart-variant */
.dhit-price-card.featured{
  position:relative!important;
  overflow:hidden!important;
  padding:54px 25px 25px!important;
  border:2px solid #0870d9!important;
  border-radius:17px!important;
  background:#fff!important;
  transform:none!important;
  box-shadow:0 18px 38px rgba(8,112,217,.15)!important;
}

.dhit-price-card.featured .dhit-price-ribbon,
.dhit-price-card.featured > .dhit-price-ribbon{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  background:linear-gradient(90deg,#126ed2,#0870d9 55%,#1684eb)!important;
  color:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* Ook wanneer de oudere ribbon buiten de kaart staat door eerdere CSS:
   top en negatieve offsets worden definitief geneutraliseerd. */
.dhit-price-ribbon{
  box-sizing:border-box!important;
}
.dhit-price-card.featured:hover{
  transform:translateY(-3px)!important;
}

@media(max-width:900px){
  .dhit-premium-price.featured{
    padding:0 24px 24px!important;
  }
  .dhit-premium-price.featured .dhit-popular{
    width:calc(100% + 48px)!important;
    margin:0 -24px!important;
    height:32px!important;
    min-height:32px!important;
  }
  .dhit-premium-price.featured .dhit-package-top{
    margin:0 -24px!important;
    padding:23px 24px 0!important;
  }
  .dhit-premium-price.featured:after{
    top:32px!important;
  }
}