:root{--p:#7428bf;--pd:#431076;--bg:#f7f6fa;--bd:#e8e2ed;--txt:#17121b;--mut:#6e6673}
body.cwz19-info{background:var(--bg)!important}
body.cwz19-info article.page>header.entry-header,body.cwz19-info article.type-page>header.entry-header,
body.cwz19-info .page-header,body.cwz19-info .cwz19-hide{display:none!important}
body.cwz19-info .site-content,body.cwz19-info #content,body.cwz19-info .content-area,
body.cwz19-info #primary,body.cwz19-info .site-main,body.cwz19-info main,
body.cwz19-info article.page,body.cwz19-info article.type-page{margin-top:0!important;padding-top:0!important}
.cwz19-hero,.cwz19-benefits{position:relative!important;left:50%!important;width:100vw!important;max-width:100vw!important;margin-left:-50vw!important;box-sizing:border-box!important}
.cwz19-hero{background:linear-gradient(105deg,#3e0a70,#6417a9 52%,#852fd1);color:#fff}
.cwz19-hero-in{width:min(1210px,calc(100% - 40px));min-height:128px;margin:auto;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:38px;box-sizing:border-box}
.cwz19-crumb{margin-bottom:7px;font-size:11px;opacity:.88}
.cwz19-hero h1{margin:0 0 5px!important;padding:0!important;color:#fff!important;font-size:38px!important;line-height:1.08!important;font-weight:850!important}
.cwz19-sub{margin:0!important;color:#fff!important;font-size:15px}
.cwz19-trust{min-width:245px;padding:14px 17px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.25);border-radius:11px;background:rgba(255,255,255,.09);box-sizing:border-box}
.cwz19-check{width:37px;height:37px;display:grid;place-items:center;flex:0 0 37px;border-radius:50%;background:#fff;color:var(--p);font-size:22px;font-weight:900}
.cwz19-trust strong{display:block;font-size:13px}.cwz19-trust small{display:block;margin-top:2px;font-size:10px}
.cwz19-benefits{background:#fff;border-bottom:1px solid var(--bd)}
.cwz19-benefits-in{width:min(1210px,calc(100% - 40px));min-height:64px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:24px}
.cwz19-benefit{display:flex;align-items:center;gap:10px}.cwz19-ico{width:23px;color:var(--p);font-size:18px;text-align:center}
.cwz19-benefit strong{display:block;font-size:11px}.cwz19-benefit small{display:block;margin-top:1px;color:var(--mut);font-size:9px}
body.cwz19-info .entry-content{overflow:visible!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.cwz19-main{width:min(1000px,calc(100% - 40px));margin:76px auto 90px;color:var(--txt)}
.cwz19-content{font-size:15px;line-height:1.75}
.cwz19-content>p{max-width:850px;margin:0 0 20px}
.cwz19-content .cwz19-lead,.cwz19-content>p:first-of-type{max-width:900px;margin-bottom:24px;font-size:20px;line-height:1.5;font-weight:600}
.cwz19-content h2{position:relative;margin:54px 0 21px;padding-bottom:13px;color:var(--txt);font-size:29px;line-height:1.18;font-weight:850}
.cwz19-content h2:after{content:"";position:absolute;left:0;bottom:0;width:42px;height:3px;border-radius:8px;background:var(--p)}
.cwz19-content h3{margin:32px 0 12px;font-size:20px}
.cwz19-content ul{padding-left:20px}.cwz19-content li{margin:7px 0}
.cwz19-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0 8px}
.cwz19-highlight{padding:23px 24px;background:#fff;border:1px solid var(--bd);border-top:3px solid var(--p);border-radius:11px;box-shadow:0 5px 18px rgba(50,25,70,.035)}
.cwz19-highlight-label{display:block;margin-bottom:5px;color:var(--mut);font-size:12px;font-weight:700}
.cwz19-highlight strong{display:block;font-size:24px;line-height:1.2}.cwz19-highlight p{margin:7px 0 0;font-size:13px;color:var(--mut);line-height:1.5}
.cwz19-cta{margin-top:58px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:13px;background:linear-gradient(105deg,#4a107f,#7428bf);color:#fff}
.cwz19-cta strong{display:block;font-size:22px}.cwz19-cta span{display:block;margin-top:4px;font-size:13px;opacity:.92}
.cwz19-btn{display:inline-flex;min-height:46px;padding:11px 21px;align-items:center;justify-content:center;border-radius:8px;background:#fff;color:var(--p)!important;text-decoration:none!important;font-weight:850;white-space:nowrap}
@media(max-width:800px){.cwz19-hero-in{align-items:stretch;flex-direction:column;gap:17px}.cwz19-trust{min-width:0}.cwz19-benefits-in{grid-template-columns:1fr 1fr;padding:14px 0}.cwz19-main{margin:48px auto 60px}.cwz19-hero h1{font-size:31px!important}.cwz19-highlight-grid{grid-template-columns:1fr}.cwz19-cta{align-items:stretch;flex-direction:column}}
@media(max-width:520px){.cwz19-benefits-in{grid-template-columns:1fr}.cwz19-btn{width:100%;box-sizing:border-box}}




/* v1.9.4 - compacte navigatie + witte hoofdkaart terug */
body.cwz19-info .cwz-verzendinformatie-menu > a{
    text-transform:uppercase!important;
    white-space:nowrap!important;
}

@media(min-width:1000px){
    body.cwz19-info .main-navigation a,
    body.cwz19-info #site-navigation a,
    body.cwz19-info nav.site-navigation a,
    body.cwz19-info header nav a{
        white-space:nowrap!important;
        font-size:13px!important;
    }
}

/*
 * Grote witte contentkaart terug, maar zonder blok-in-blok.
 * Alleen .cwz19-main vormt één rustige witte kaart.
 */
body.cwz19-info .cwz19-main{
    box-sizing:border-box;
    background:#fff!important;
    border:1px solid var(--bd)!important;
    border-radius:14px!important;
    box-shadow:0 10px 28px rgba(55,30,75,.05)!important;
    padding:clamp(34px,4vw,54px)!important;
}

body.cwz19-info .entry-content,
body.cwz19-info article.page,
body.cwz19-info article.type-page{
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
}

/* Houd de intro prominent, maar niet als los blok. */
body.cwz19-info .cwz19-content .cwz19-lead,
body.cwz19-info .cwz19-content > p:first-of-type{
    font-size:20px!important;
    line-height:1.5!important;
    font-weight:600!important;
    margin-bottom:24px!important;
}

/* Kleine functionele kaarten blijven subtiel. */
body.cwz19-info .cwz19-highlight{
    box-shadow:none!important;
    background:#fff!important;
}

@media(max-width:800px){
    body.cwz19-info .cwz19-main{
        padding:26px 22px!important;
        border-radius:12px!important;
    }
}


/* v1.9.5 - Contactpagina: pictogrammen bij Contactgegevens en Openingstijden verwijderen */
body.cwz19-contact .cwz19-content .contact-card h2,
body.cwz19-contact .cwz19-content .contact-card h3{
    margin-left:0!important;
}

/* Veel voorkomende icon wrappers binnen de twee contactkaarten */
body.cwz19-contact .cwz19-content .contact-card .icon,
body.cwz19-contact .cwz19-content .contact-card .contact-icon,
body.cwz19-contact .cwz19-content .contact-card .cwz-icon,
body.cwz19-contact .cwz19-content .contact-card .cwz-contact-icon,
body.cwz19-contact .cwz19-content .contact-card .wp-block-image:first-child{
    display:none!important;
}

/* Fallback voor de huidige Contactpagina: paarse pictogramvakken direct vóór de kaarttitels */
body.cwz19-contact .cwz19-content [class*="contact"] > div:first-child:has(+ h2),
body.cwz19-contact .cwz19-content [class*="contact"] > div:first-child:has(+ h3),
body.cwz19-contact .cwz19-content [class*="opening"] > div:first-child:has(+ h2),
body.cwz19-contact .cwz19-content [class*="opening"] > div:first-child:has(+ h3){
    display:none!important;
}

/* v1.9.6 extra: headings remain aligned after DOM icon removal */
body.cwz19-contact .cwz19-content h2,
body.cwz19-contact .cwz19-content h3{margin-left:0!important;}

/* v1.9.7: reclaim title space after removing icon */
body.cwz19-contact .cwz19-content h2,
body.cwz19-contact .cwz19-content h3{
    padding-left:0!important;
}

/* v1.9.8 - alleen titeluitlijning op Contact na verwijderen pictogramtegels */
body.cwz19-contact .cwz19-content h2,
body.cwz19-contact .cwz19-content h3{
    margin-left:0!important;
    padding-left:0!important;
}


/* v1.10.3 - volledig onafhankelijke Contactkaarten */
body.cwz19-contact .cwz103-contact-grid{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:20px!important;
    margin:28px 0 34px!important;
    padding:0!important;
    align-items:stretch!important;
}

body.cwz19-contact .cwz103-card{
    all:initial;
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding:28px 30px!important;
    background:#fff!important;
    border:1px solid var(--bd)!important;
    border-radius:13px!important;
    box-shadow:0 7px 22px rgba(55,30,75,.04)!important;
    color:var(--txt)!important;
    font-family:inherit!important;
}

body.cwz19-contact .cwz103-card *,
body.cwz19-contact .cwz103-card *::before,
body.cwz19-contact .cwz103-card *::after{
    box-sizing:border-box!important;
    font-family:inherit!important;
}

body.cwz19-contact .cwz103-card h2{
    all:initial;
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:var(--txt)!important;
    font-family:inherit!important;
    font-size:28px!important;
    font-weight:850!important;
    line-height:1.16!important;
    letter-spacing:-.015em!important;
}

body.cwz19-contact .cwz103-card h2::after{
    display:none!important;
}

body.cwz19-contact .cwz103-accent{
    display:block!important;
    width:46px!important;
    height:4px!important;
    margin:10px 0 22px!important;
    padding:0!important;
    border:0!important;
    border-radius:20px!important;
    background:var(--p)!important;
}

body.cwz19-contact .cwz103-address{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:0 0 20px!important;
    border-bottom:1px solid var(--bd)!important;
    color:var(--txt)!important;
    font-size:15px!important;
    line-height:1.5!important;
}

body.cwz19-contact .cwz103-address strong,
body.cwz19-contact .cwz103-address span{
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    font-size:inherit!important;
    line-height:inherit!important;
}

body.cwz19-contact .cwz103-row{
    display:grid!important;
    grid-template-columns:90px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:center!important;
    width:100%!important;
    min-height:52px!important;
    margin:0!important;
    padding:12px 0!important;
    border-bottom:1px solid var(--bd)!important;
    color:var(--txt)!important;
    font-size:14px!important;
    line-height:1.35!important;
}

body.cwz19-contact .cwz103-row:last-child{
    border-bottom:0!important;
}

body.cwz19-contact .cwz103-row span,
body.cwz19-contact .cwz103-row a{
    display:block!important;
    position:static!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    float:none!important;
    line-height:1.35!important;
}

body.cwz19-contact .cwz103-row a{
    color:var(--p)!important;
    text-decoration:none!important;
    font-weight:800!important;
    font-size:13px!important;
    white-space:nowrap!important;
}

body.cwz19-contact .cwz103-hours{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}

body.cwz19-contact .cwz103-hours > div{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:24px!important;
    align-items:center!important;
    width:100%!important;
    min-height:47px!important;
    margin:0!important;
    padding:11px 0!important;
    border-bottom:1px solid var(--bd)!important;
    color:var(--txt)!important;
    font-size:14px!important;
    line-height:1.35!important;
}

body.cwz19-contact .cwz103-hours > div:last-child{
    border-bottom:0!important;
}

body.cwz19-contact .cwz103-hours span,
body.cwz19-contact .cwz103-hours strong{
    display:block!important;
    position:static!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    float:none!important;
    line-height:1.35!important;
}

body.cwz19-contact .cwz103-hours strong{
    font-weight:800!important;
    white-space:nowrap!important;
}

body.cwz19-contact .cwz103-hours .closed{
    color:var(--p)!important;
}

@media(max-width:800px){
    body.cwz19-contact .cwz103-contact-grid{
        grid-template-columns:1fr!important;
    }
    body.cwz19-contact .cwz103-card{
        padding:24px 22px!important;
    }
    body.cwz19-contact .cwz103-row{
        grid-template-columns:1fr!important;
        gap:4px!important;
    }
    body.cwz19-contact .cwz103-row a{
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }
}


/* v1.10.4 - herstel volledige beschikbare breedte van de nieuwe contactkaarten.
   De nieuwe grid stond nog binnen één oude 50%-kolom. */
@media(min-width:801px){
    body.cwz19-contact .cwz103-contact-grid{
        width:calc(200% + 20px)!important;
        max-width:none!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    }

    body.cwz19-contact .cwz103-card{
        min-width:0!important;
        overflow:visible!important;
    }

    body.cwz19-contact .cwz103-hours > div{
        grid-template-columns:minmax(120px,1fr) minmax(115px,auto)!important;
    }

    body.cwz19-contact .cwz103-row{
        grid-template-columns:90px minmax(190px,1fr)!important;
    }
}

/* Extra harde reset voor tekst in de openingstijden */
body.cwz19-contact .cwz103-hours > div > span,
body.cwz19-contact .cwz103-hours > div > strong{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    translate:none!important;
    margin:0!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    text-indent:0!important;
    letter-spacing:normal!important;
}
body.cwz19-contact .cwz103-hours > div > strong{
    justify-self:end!important;
    text-align:right!important;
}

/* v1.11.0 - uniforme vormgeving voor alle SEO-/plaats-pagina's computerwinkel-* */
body[class*="cwz19-computerwinkel-"] .cwz19-hero h1{
    text-transform:uppercase!important;
}
body[class*="cwz19-computerwinkel-"] .cwz19-content > h1,
body[class*="cwz19-computerwinkel-"] .cwz19-content > h1:first-child{
    display:none!important;
}
body[class*="cwz19-computerwinkel-"] .cwz19-content > :first-child{
    margin-top:0!important;
}
/* Maak bestaande gekleurde SEO-blokken rustig en voorkom blok-in-blok. */
body[class*="cwz19-computerwinkel-"] .cwz19-content .wp-block-group,
body[class*="cwz19-computerwinkel-"] .cwz19-content [class*="seo"],
body[class*="cwz19-computerwinkel-"] .cwz19-content [style*="background"]{
    box-shadow:none!important;
}
body[class*="cwz19-computerwinkel-"] .cwz19-main{
    margin-top:76px!important;
}
@media(max-width:800px){
    body[class*="cwz19-computerwinkel-"] .cwz19-main{margin-top:48px!important;}
}