/*
 * Reclamehuys Home redesign 2026
 * Zelfstandige nieuwe namespace: cwh26-*
 * Max. inhoudsbreedte: 1250px voor hero, kaarten en alle hoofdblokken.
 */

:root{
    --cwh26-max:1250px;
    --cwh26-ink:#111111;
    --cwh26-muted:#656565;
    --cwh26-line:#ddddda;
    --cwh26-soft:#f3f3f0;
    --cwh26-soft-2:#e9efed;
    --cwh26-navy:#111111;
    --cwh26-mint:#CD3337;
    --cwh26-white:#ffffff;
}


/* =========================================================
   STRUCTURELE PAGINABASIS — HOME + BORDUREN + CUSTOM MADE
   Deze pagina's zijn zelfstandig full-bleed; de cwh26-container bepaalt
   als enige de inhoudsbreedte (maximaal 1250px).
   ========================================================= */
body.cw-page-home .bde-section > .section-container,
body.cw-page-borduren .bde-section > .section-container,
body.cw-page-custom-made .bde-section > .section-container{
    --bde-section-width:100%!important;
    width:100%!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
}

body.cw-page-home .bde-shortcode,
body.cw-page-borduren .bde-shortcode,
body.cw-page-custom-made .bde-shortcode{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
}

/* Full-bleed root: onafhankelijk van elke resterende builder-wrapper. */
body.cw-page-home #cwh26Home,
body.cw-page-borduren #cwe26Page,
body.cw-page-custom-made #cwCustomMade{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
}

html body.cw-page-home,
html body.cw-page-borduren,
html body.cw-page-custom-made{
    background:#fff!important;
    overflow-x:hidden;
}

.cwh26-home,
.cwh26-home *{
    box-sizing:border-box;
}

.cwh26-home{
    position:relative;
    width:100%;
    max-width:none!important;
    margin:0;
    padding:0 0 96px;
    color:var(--cwh26-ink);
    background:#fff;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-size:16px;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
}

.cwh26-container{
    width:min(var(--cwh26-max),calc(100vw - 40px));
    max-width:var(--cwh26-max)!important;
    margin:0 auto;
}

/* v1.3.56 — Custom made gebruikt dezelfde 1250px hero-geometrie als Home.
   De standalone host van deze shortcode krijgt géén verticale builder-padding;
   daardoor start de hero werkelijk 20px onder de headerlijn. De bronafbeelding
   blijft op hoge resolutie en wordt alleen proportioneel geschaald. */
body.cw-page-custom-made .bde-section > .section-container:has(#cwCustomMade),
body.cw-page-custom-made .bde-shortcode:has(#cwCustomMade){
    padding-top:0!important;
    padding-bottom:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
}

body.cw-page-custom-made .cw-custom{
    width:100%!important;
    max-width:none!important;
    margin-top:0!important;
    padding-top:0!important;
}

body.cw-page-custom-made .cw-custom-hero-photo{
    position:relative;
    width:min(var(--cwh26-max),calc(100vw - 40px));
    max-width:var(--cwh26-max)!important;
    aspect-ratio:1250 / 430;
    margin:0 auto 100px!important;
    overflow:hidden;
    background:#e4cf87;
    line-height:0;
}

body.cw-page-custom-made .cw-custom-hero-photo img{
    display:block;
    width:100%;
    height:100%;
    max-width:none!important;
    object-fit:cover;
    object-position:center;
    image-rendering:auto;
}

body.cw-page-custom-made .cw-custom-hero-photo::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.14) 46%,rgba(0,0,0,0) 74%);
    pointer-events:none;
    z-index:1;
}

body.cw-page-custom-made .cw-custom-hero-photo__overlay{
    position:absolute;
    z-index:2;
    left:72px;
    top:50%;
    transform:translateY(-50%);
    width:min(620px,calc(100% - 128px));
    color:#fff;
}

body.cw-page-custom-made .cw-custom-hero-photo__overlay .cwh26-kicker{
    margin:0 0 12px;
    color:rgba(255,255,255,.78);
}

body.cw-page-custom-made .cw-custom-hero-photo__overlay .cwh26-display-title{
    max-width:650px!important;
    margin:0!important;
    color:inherit!important;
    font-family:inherit!important;
    font-size:clamp(42px,5.15vw,72px)!important;
    line-height:.98!important;
    font-weight:650!important;
    letter-spacing:-.045em!important;
}

/* V1.3.58 — nieuwe Custom made categoriegrid.
   De oude filter/search/showroom-grid is uit de markup verwijderd. */
body.cw-page-custom-made .cw-custom-category-showroom{
    width:min(var(--cwh26-max),calc(100vw - 40px));
    max-width:var(--cwh26-max)!important;
    margin:0 auto 100px!important;
    padding:0!important;
}

body.cw-page-custom-made .cw-custom-category-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,290px));
    gap:30px;
    justify-content:space-between;
    align-items:start;
}

body.cw-page-custom-made .cw-custom-category-card{
    min-width:0;
    margin:0;
}

body.cw-page-custom-made .cw-custom-category-card__image{
    width:290px;
    max-width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
    background:#ece7e0;
}

body.cw-page-custom-made .cw-custom-category-card__image img{
    display:block;
    width:100%;
    height:100%;
    max-width:none!important;
    object-fit:cover;
    object-position:center;
}

/* Exacte typografische basis van "BORDURINGEN" op Home. */
body.cw-page-custom-made .cw-custom-category-card__title{
    display:block;
    margin:12px 0 0!important;
    padding:0!important;
    color:#6e7277!important;
    font-family:inherit!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:650!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    text-align:left;
}

/* V1.3.59 — Custom made: portalbanner vervangt de oude dubbele CTA. */
body.cw-page-custom-made .cw-custom-portal-promo{
    width:min(var(--cwh26-max),calc(100vw - 40px))!important;
    max-width:var(--cwh26-max)!important;
    margin:0 auto 100px!important;
}

body.cw-page-custom-made .cw-custom-portal-promo .cwh26-display-title{
    max-width:650px!important;
    margin:0 0 28px!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:clamp(42px,5.15vw,72px)!important;
    line-height:.98!important;
    font-weight:650!important;
    letter-spacing:-.045em!important;
}

@media (max-width:980px){
    body.cw-page-custom-made .cw-custom-category-grid{
        grid-template-columns:repeat(2,minmax(0,290px));
        justify-content:start;
    }
}

@media (max-width:640px){
    body.cw-page-custom-made .cw-custom-category-showroom{
        width:calc(100% - 28px);
        margin-bottom:68px!important;
    }

    body.cw-page-custom-made .cw-custom-category-grid{
        grid-template-columns:minmax(0,290px);
        gap:26px;
        justify-content:center;
    }

    body.cw-page-custom-made .cw-custom-portal-promo{
        width:calc(100% - 28px)!important;
        margin-bottom:68px!important;
    }

    body.cw-page-custom-made .cw-custom-portal-promo .cwh26-display-title{
        font-size:clamp(34px,8vw,46px)!important;
        line-height:.96!important;
        margin-bottom:20px!important;
    }
}

@media (max-width:640px){
    body.cw-page-custom-made .cw-custom-hero-photo{
        width:calc(100% - 28px);
        margin-top:20px!important;
        margin-bottom:68px!important;
    }

    body.cw-page-custom-made .cw-custom-hero-photo__overlay{
        left:28px;
        width:calc(100% - 56px);
    }
}

.cwh26-kicker{
    margin:0 0 12px;
    color:#525252;
    font-size:12px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.cwh26-kicker--light{
    color:rgba(255,255,255,.7);
}

.cwh26-home h1,
.cwh26-home h2,
.cwh26-home h3,
.cwh26-home p{
    font-family:inherit;
}

.cwh26-home h1,
.cwh26-home h2,
.cwh26-home h3{
    margin-top:0;
    color:inherit;
    letter-spacing:-.045em;
}

.cwh26-home h1{
    max-width:650px;
    margin-bottom:18px;
    font-size:clamp(42px,5.15vw,72px);
    line-height:.98;
    font-weight:650;
}

.cwh26-home h2{
    margin-bottom:0;
    font-size:clamp(30px,3.3vw,48px);
    line-height:1.03;
    font-weight:620;
}

.cwh26-home h3{
    margin-bottom:12px;
    font-size:clamp(25px,2.2vw,34px);
    line-height:1.06;
    font-weight:620;
}

.cwh26-home p{
    margin-top:0;
}

/* HERO */
.cwh26-hero{
    position:relative;
    width:100%;
    height:430px;
    overflow:hidden;
    background:transparent;
    line-height:0;
    isolation:isolate;
}

.cwh26-hero__image{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:fill;
    object-position:center;
}

.cwh26-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.16) 48%,rgba(0,0,0,0) 75%);
    pointer-events:none;
}

.cwh26-hero__overlay{
    position:absolute;
    z-index:2;
    left:72px;
    top:50%;
    bottom:auto;
    transform:translateY(-50%);
    width:min(620px,calc(100% - 128px));
    color:#fff;
}

.cwh26-hero__overlay .cwh26-kicker{
    color:rgba(255,255,255,.78);
}

.cwh26-hero__text{
    max-width:570px;
    margin-bottom:28px;
    color:rgba(255,255,255,.93);
    font-size:18px;
    line-height:1.55;
}

.cwh26-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:22px;
}

.cwh26-button,
.cwh26-card-link,
.cwh26-text-link,
.cwh26-newsletter button{
    text-decoration:none!important;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}

.cwh26-button{
    min-height:48px;
    padding:0 20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    border:1px solid transparent;
    border-radius:0;
    font-size:14px;
    line-height:1;
    font-weight:650;
}

.cwh26-button--dark{
    background:#111;
    color:#fff!important;
}

.cwh26-button--dark:hover,
.cwh26-button--dark:focus-visible{
    background:var(--cwh26-mint);
    color:#fff!important;
}

.cwh26-button--outline{
    border-color:#161616;
    background:transparent;
    color:#161616!important;
}

.cwh26-button--outline:hover,
.cwh26-button--outline:focus-visible{
    background:#161616;
    color:#fff!important;
}

.cwh26-text-link{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:#fff!important;
    font-size:14px;
    font-weight:620;
}

.cwh26-text-link:hover,
.cwh26-text-link:focus-visible{
    color:#fff!important;
    transform:translateX(2px);
}

/* SECTIONS */
.cwh26-section{
    padding-top:96px;
}

.cwh26-section--promos{
    padding-top:100px;
}

.cwh26-section-heading{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);
    gap:80px;
    align-items:end;
    margin-bottom:34px;
}

.cwh26-section-heading > p{
    max-width:390px;
    margin:0 0 3px auto;
    color:var(--cwh26-muted);
    font-size:15px;
    line-height:1.6;
}

/* PROMO CARDS */
.cwh26-promo-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.cwh26-promo-card{
    min-width:0;
    background:transparent;
    overflow:hidden;
}

.cwh26-promo-card__visual-link{
    display:block;
    text-decoration:none;
    color:inherit;
}

.cwh26-promo-card__visual{
    position:relative;
    height:390px;
    overflow:hidden;
    display:flex;
    align-items:center;
}

.cwh26-promo-card__overlay{
    position:relative;
    z-index:2;
    width:min(50%, 370px);
    padding:0 24px 0 25px;
    margin-left:5px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
}

.cwh26-promo-card__kicker{
    margin:0;
    color:#fff !important;
    white-space:nowrap;
}

.cwh26-promo-card__title{
    margin:0;
    color:#fff !important;
}

.cwh26-promo-card__button{
    margin-top:0;
    pointer-events:none;
}

.cwh26-promo-card__product{
    position:absolute;
    z-index:1;
    display:block;
    width:auto;
    height:auto;
    max-width:none;
}

.cwh26-promo-card--beanie .cwh26-promo-card__overlay{
    padding-left:25px;
}

.cwh26-promo-card--beanie .cwh26-promo-card__visual{
    background-color:#b8b8b8;
    background-repeat:no-repeat;
    background-position:63% center;
    background-size:cover;
}

.cwh26-promo-card--beanie .cwh26-promo-card__visual::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(55,55,55,.22) 0%, rgba(55,55,55,.08) 28%, rgba(55,55,55,0) 56%);
    z-index:0;
}

.cwh26-promo-card--quote .cwh26-promo-card__visual{
    background-color:#d8c3ad;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}

.cwh26-promo-card--quote .cwh26-promo-card__visual::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(44,34,24,.52) 0%, rgba(44,34,24,.32) 30%, rgba(44,34,24,.12) 56%, rgba(44,34,24,0) 100%);
    z-index:0;
}

/* STAT */
.cwh26-stat{
    width:100%;
    min-height:0;
    margin-top:20px;
    padding:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:42px;
    align-items:start;
    background:transparent;
    color:#101418;
}

.cwh26-stat__copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.cwh26-stat__copy .cwh26-kicker{
    margin:0 0 10px;
    color:#525252;
}

.cwh26-home .cwh26-shared-heading{
    max-width:520px;
    margin:2px 0 0 !important;
    color:#101418 !important;
    font-size:clamp(22px,2.3vw,30px) !important;
    line-height:1.05 !important;
    font-weight:620 !important;
    letter-spacing:-.045em !important;
}

.cwh26-stat__copy h2{
    max-width:520px;
    margin:2px 0 0;
}

.cwh26-stat__number-wrap{
    text-align:right;
    padding-top:2px;
}

.cwh26-stat__number{
    display:block;
    color:#101418;
    font-size:clamp(22px,2.3vw,30px);
    line-height:1.05;
    font-weight:650;
    letter-spacing:-.03em;
    white-space:nowrap;
}

.cwh26-stat__number-wrap > span{
    display:block;
    margin-top:6px;
    color:#6e7277;
    font-size:13px;
    font-weight:650;
    letter-spacing:.12em;
    text-transform:uppercase;
}



/* POPULAIRE PRODUCTEN CARROUSEL */
.cwh26-products{
    padding-top:100px;
}

.cwh26-products__header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:34px;
}

.cwh26-products__header h2{
    margin:2px 0 0;
}

.cwh26-carousel{
    position:relative;
}


.cwh26-carousel__track{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - 72px) / 4);
    gap:24px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding-bottom:4px;
}

.cwh26-carousel__track::-webkit-scrollbar{
    display:none;
}

.cwh26-carousel-controls{
    display:flex;
    align-items:center;
    gap:12px;
}

.cwh26-carousel-controls__button{
    width:40px;
    height:40px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:2px solid #cfcfcb;
    background:transparent;
    color:#9a9892;
    cursor:pointer;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,transform .18s ease;
    line-height:0;
}

.cwh26-carousel-controls__button:hover,
.cwh26-carousel-controls__button:focus-visible{
    border-color:#111;
    background:#111;
    color:#fff;
    transform:none;
    outline:none;
}

.cwh26-carousel-controls__button.is-disabled{
    opacity:.45;
    cursor:default;
    transform:none;
}

.cwh26-arrow-icon{
    width:20px;
    height:20px;
    display:block;
    flex:0 0 20px;
    transform-origin:50% 50%;
}

.cwh26-arrow-icon--left{
    transform:rotate(180deg);
}

.cwh26-arrow-icon--right{
    transform:none;
}

.cwh26-product-card{
    min-width:0;
    scroll-snap-align:start;
}

.cwh26-product-card__link{
    display:block;
    color:inherit!important;
    text-decoration:none!important;
}

.cwh26-product-card__image-wrap{
    aspect-ratio:1 / 1;
    background:#ececea;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
}

.cwh26-product-card__image{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}

.cwh26-product-card__title{
    margin:16px 0 0 !important;
    color:#525252 !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    font-family:inherit !important;
    display:block !important;
}


.cwh26-product-card__link .cwh26-product-card__title{
    color:#525252 !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}

.cwh26-products .cwh26-product-card .cwh26-product-card__title,
.cwh26-products .cwh26-product-card__link .cwh26-product-card__title{
    margin:16px 0 0 !important;
    color:#525252 !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    font-family:inherit !important;
}
/* SPLIT */
.cwh26-split{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);
    gap:24px;
}

.cwh26-split__copy{
    min-height:440px;
    padding:52px;
    background:#f5f5f2;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
}

.cwh26-split__copy h2{
    max-width:690px;
    margin-bottom:24px;
}

.cwh26-split__copy > p:not(.cwh26-kicker){
    max-width:620px;
    margin-bottom:32px;
    color:var(--cwh26-muted);
    font-size:16px;
    line-height:1.68;
}

.cwh26-split__tile{
    min-height:440px;
    padding:34px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:var(--cwh26-mint);
    color:#0b2b2b!important;
    text-decoration:none!important;
}

.cwh26-split__tile-label{
    font-size:12px;
    font-weight:750;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.cwh26-split__tile strong{
    max-width:360px;
    font-size:clamp(30px,3.2vw,46px);
    line-height:1.02;
    font-weight:620;
    letter-spacing:-.045em;
}

.cwh26-split__tile-link{
    font-size:14px;
    font-weight:650;
}

.cwh26-split__tile:hover .cwh26-split__tile-link,
.cwh26-split__tile:focus-visible .cwh26-split__tile-link{
    transform:translateX(2px);
}

/* NEWSLETTER */
.cwh26-newsletter{
    width:100%;
    margin-top:96px;
    padding:42px 46px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);
    gap:56px;
    align-items:center;
    border-top:1px solid var(--cwh26-line);
    border-bottom:1px solid var(--cwh26-line);
}

.cwh26-newsletter__copy h2{
    margin-bottom:10px;
    font-size:clamp(30px,3vw,42px);
}

.cwh26-newsletter__copy > p:not(.cwh26-kicker){
    margin-bottom:0;
    color:var(--cwh26-muted);
    font-size:15px;
}

.cwh26-newsletter__form{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    min-width:0;
}

.cwh26-newsletter__form label{
    min-width:0;
}

.cwh26-newsletter__form input{
    width:100%;
    height:52px;
    padding:0 16px;
    border:1px solid #bdbdb9;
    border-right:0;
    border-radius:0;
    background:#fff;
    color:#111;
    font:500 14px/1 "Inter",Arial,Helvetica,sans-serif!important;
    outline:none;
}

.cwh26-newsletter__form input:focus{
    border-color:#111;
}

.cwh26-newsletter__form button{
    min-width:142px;
    height:52px;
    padding:0 18px;
    border:1px solid #111;
    border-radius:0;
    background:#111;
    color:#fff;
    font:650 14px/1 "Inter",Arial,Helvetica,sans-serif!important;
    cursor:pointer;
}

.cwh26-newsletter__form button:hover,
.cwh26-newsletter__form button:focus-visible{
    border-color:var(--cwh26-mint);
    background:var(--cwh26-mint);
}

/* HOME-ONLY HEADER */
.cwh26-header,
.cwh26-header *{
    box-sizing:border-box;
}

.cwh26-header{
    position:fixed;
    z-index:100000;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:78px;
    background:#fff;
    border-bottom:1px solid #e7e7e4;
    color:#111;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
}

.cwh26-header__inner{
    width:min(var(--cwh26-max),calc(100vw - 40px));
    max-width:var(--cwh26-max)!important;
    height:100%;
    margin:0 auto;
    display:grid;
    grid-template-columns:180px 1fr auto;
    align-items:center;
    gap:32px;
}

.cwh26-header__logo{
    width:160px;
    display:flex;
    align-items:center;
}

.cwh26-header__logo img{
    display:block;
    width:160px;
    height:auto;
}

.cwh26-header__nav{
    justify-self:center;
    display:flex;
    align-items:center;
    gap:32px;
}

.cwh26-header__nav a,
.cwh26-header__login{
    color:#161616!important;
    text-decoration:none!important;
    font-size:13px;
    line-height:1;
    font-weight:560;
}

.cwh26-header__nav a{
    position:relative;
    padding:31px 0 29px;
}

.cwh26-header__nav a::after{
    content:"";
    position:absolute;
    left:0;
    right:100%;
    bottom:20px;
    height:1px;
    background:#111;
    transition:right .2s ease;
}

.cwh26-header__nav a:hover::after,
.cwh26-header__nav a:focus-visible::after,
body.cw-page-home .cwh26-header__nav a:first-child::after,
body.cw-page-borduren .cwh26-header__nav a:nth-child(2)::after,
body.cw-page-custom-made .cwh26-header__nav a:nth-child(3)::after,
body.cw-page-contact .cwh26-header__nav a:nth-child(4)::after{
    right:0;
}

.cwh26-header__login{
    justify-self:end;
    min-height:38px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    gap:12px;
    border:1px solid #111;
}

.cwh26-header__login:hover,
.cwh26-header__login:focus-visible{
    background:#111;
    color:#fff!important;
}

.cwh26-header__toggle{
    display:none;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
}

.cwh26-header__toggle span{
    display:block;
    width:24px;
    height:1px;
    margin:5px auto;
    background:#111;
}

.cwh26-header-spacer{
    height:78px;
}

.cwh26-header__mobile-login{
    display:none;
}

@media (max-width:900px){
    .cwh26-header__inner{
        grid-template-columns:1fr auto;
    }

    .cwh26-header__nav{
        position:fixed;
        top:78px;
        left:0;
        right:0;
        display:none;
        padding:18px 24px 28px;
        background:#fff;
        border-bottom:1px solid #e7e7e4;
        flex-direction:column;
        align-items:flex-start;
        gap:0;
    }

    .cwh26-header.is-open .cwh26-header__nav{
        display:flex;
    }

    .cwh26-header__nav a{
        width:100%;
        padding:15px 0;
        font-size:16px;
    }

    .cwh26-header__nav a::after{
        display:none;
    }

    .cwh26-header__login{
        display:none;
    }

    .cwh26-header__toggle{
        display:block;
        justify-self:end;
    }

    .cwh26-header__mobile-login{
        display:flex!important;
        margin-top:10px;
        border-top:1px solid #e7e7e4;
    }

    .cwh26-section-heading{
        grid-template-columns:1fr;
        gap:22px;
    }

    .cwh26-section-heading > p{
        max-width:600px;
        margin:0;
    }

    .cwh26-promo-grid,
    .cwh26-split,
    .cwh26-newsletter{
        grid-template-columns:1fr;
    }

    .cwh26-carousel__track{
        grid-auto-columns:calc((100% - 48px) / 3);
    }

    .cwh26-stat{
        grid-template-columns:1fr;
        gap:18px;
    }

    .cwh26-stat__number-wrap{
        text-align:left;
        padding-top:0;
    }

    .cwh26-newsletter{
        gap:30px;
    }
}

@media (max-width:640px){
    .cwh26-container,
    .cwh26-header__inner{
        width:calc(100% - 28px);
    }

    .cwh26-header,
    .cwh26-header-spacer{
        height:70px;
    }

    .cwh26-header__nav{
        top:70px;
    }

    .cwh26-header__logo,
    .cwh26-header__logo img{
        width:160px;
    }

    .cwh26-home{
        padding-bottom:64px;
    }

    .cwh26-hero{
        height:auto;
        overflow:visible;
        background:#fff;
    }

    .cwh26-hero__image{
        height:290px;
        object-position:center;
    }

    .cwh26-hero::after{
        display:none;
    }

    .cwh26-hero__overlay{
        position:static;
        width:100%;
        padding:30px 0 0;
        transform:none;
        color:#111;
    }

    .cwh26-hero__overlay .cwh26-kicker{
        color:#525252;
    }

    .cwh26-home h1{
        margin-bottom:14px;
        font-size:42px;
        line-height:1;
    }

    .cwh26-hero__text{
        margin-bottom:22px;
        color:#5d5d5d;
        font-size:16px;
    }

    .cwh26-button--dark{
        background:#111;
        color:#fff!important;
    }

    .cwh26-text-link{
        color:#111!important;
    }

    .cwh26-section{
        padding-top:68px;
    }

    .cwh26-products{
        padding-top:68px;
    }

    .cwh26-section-heading{
        margin-bottom:24px;
    }

    .cwh26-promo-grid{
        gap:18px;
    }

    .cwh26-promo-card__visual{
        height:310px;
    }

    .cwh26-promo-card__overlay{
        width:min(66%, 280px);
        padding:0 18px 0 23px;
        margin-left:5px;
        gap:14px;
    }

    .cwh26-promo-card--beanie .cwh26-promo-card__overlay{
        padding-left:23px;
    }

    .cwh26-promo-card__kicker{
        margin-bottom:0;
    }

    .cwh26-promo-card__button{
        margin-top:0;
        min-height:44px;
    }

    .cwh26-products__header{
        align-items:center;
        margin-bottom:24px;
    }

    .cwh26-carousel__track{
        grid-auto-columns:80%;
        gap:18px;
    }

    .cwh26-carousel-controls__button{
        width:40px;
        height:40px;
        font-size:24px;
    }

    .cwh26-product-card__image-wrap{
        padding:14px;
    }

    .cwh26-product-card__title{
        margin-top:14px;
        font-size:12px !important;
        line-height:1.2 !important;
    }

    .cwh26-stat{
        margin-top:20px;
        padding:0;
        gap:14px;
    }

    .cwh26-stat__number{
        font-size:clamp(22px,8vw,30px);
        letter-spacing:-.03em;
    }

    .cwh26-split__copy,
    .cwh26-split__tile{
        min-height:360px;
        padding:34px 26px;
    }

    .cwh26-newsletter{
        margin-top:68px;
        padding:32px 0;
    }

    .cwh26-newsletter__form{
        grid-template-columns:1fr;
        gap:10px;
    }

    .cwh26-newsletter__form input{
        border-right:1px solid #bdbdb9;
    }
}


/* BORDUREN — dezelfde vormtaal als Home */
.cwe26-page .cwh26-hero__image{
    object-position:center center;
}

.cwe26-photo-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.cwe26-photo-card{
    margin:0;
    height:430px;
    overflow:hidden;
    background:#efefec;
}

.cwe26-photo-card img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.cwe26-nocharge{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);
    gap:24px;
}

.cwe26-nocharge__copy{
    height:430px;
    min-height:0;
    box-sizing:border-box;
    padding:24px 52px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    background:#f5f5f2;
}

.cwe26-nocharge__copy h2{
    max-width:650px;
    margin-bottom:28px;
}

.cwe26-list{
    width:100%;
    max-width:600px;
    margin:0 0 34px;
    padding:0;
    list-style:none;
    border-top:1px solid var(--cwh26-line);
}

.cwe26-list li{
    padding:15px 0;
    border-bottom:1px solid var(--cwh26-line);
    color:#222;
    font-size:15px;
    font-weight:600;
}

.cwe26-nocharge__visual{
    height:430px;
    min-height:0;
    box-sizing:border-box;
    margin:0;
    overflow:hidden;
    background:#eee;
}

.cwe26-nocharge__visual img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

@media (max-width:900px){
    .cwe26-photo-grid,
    .cwe26-nocharge{
        grid-template-columns:1fr;
    }

    .cwe26-photo-card{
        height:420px;
    }

    .cwe26-nocharge__copy,
    .cwe26-nocharge__visual{
        height:420px;
        min-height:0;
    }
}

@media (max-width:640px){
    .cwe26-photo-card{
        height:300px;
    }

    .cwe26-nocharge__copy{
        height:auto;
        min-height:0;
        padding:34px 24px;
    }

    .cwe26-nocharge__visual{
        height:300px;
        min-height:0;
    }
}

@media (max-width: 560px){
    .cwh26-products__header{
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .cwh26-products__header .cwh26-carousel-controls{
        margin-left:auto;
    }

}

/* v1.3.27 — responsive hero + promo card height harmonisation */
@media (max-width:900px){
    .cwh26-hero{
        height:clamp(340px, 44vw, 430px);
    }

    .cwh26-promo-card__visual-link,
    .cwh26-promo-card{
        height:100%;
    }

    .cwh26-promo-card__visual{
        height:auto;
        min-height:320px;
        aspect-ratio:16 / 9;
    }

    .cwh26-promo-card__overlay{
        width:min(58%, 340px);
    }
}

@media (max-width:640px){
    .cwh26-hero{
        position:relative;
        height:auto;
        min-height:0;
        aspect-ratio:1250 / 430;
        overflow:hidden;
        background:#cfc9c2;
    }

    .cwh26-hero__image{
        position:absolute;
        inset:0;
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
    }

    .cwh26-hero::after{
        display:block;
        background:linear-gradient(90deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.20) 52%,rgba(0,0,0,0) 78%);
    }

    .cwh26-hero__overlay{
        position:absolute;
        z-index:2;
        left:24px;
        top:50%;
        bottom:auto;
        width:min(68%, 340px);
        padding:0;
        transform:translateY(-50%);
        color:#fff;
    }

    .cwh26-hero__overlay .cwh26-kicker{
        color:rgba(255,255,255,.78);
    }

    .cwh26-home h1{
        margin-bottom:14px;
        font-size:clamp(34px, 8vw, 46px);
        line-height:.96;
    }

    .cwh26-hero__text{
        max-width:360px;
        margin-bottom:20px;
        color:rgba(255,255,255,.93);
        font-size:15px;
        line-height:1.45;
    }

    .cwh26-actions{
        gap:16px;
    }

    .cwh26-button{
        min-height:44px;
        padding:0 18px;
        font-size:13px;
    }

    .cwh26-button--dark{
        background:#111;
        color:#fff!important;
    }

    .cwh26-text-link{
        color:#fff!important;
    }

    .cwh26-promo-card__visual{
        min-height:260px;
        aspect-ratio:4 / 3;
    }

    .cwh26-promo-card__overlay{
        width:min(62%, 280px);
        padding:0 18px 0 22px;
        gap:14px;
    }
}

@media (max-width:560px){
    .cwh26-hero{
        aspect-ratio:auto;
        min-height:360px;
    }

    .cwh26-hero__overlay{
        left:20px;
        width:min(72%, calc(100% - 40px));
    }

    .cwh26-home h1{
        font-size:clamp(30px, 10vw, 40px);
    }

    .cwh26-hero__text{
        max-width:300px;
        font-size:14px;
    }

    .cwh26-actions{
        gap:12px;
    }

    .cwh26-promo-card__visual{
        min-height:240px;
    }
}

/* v1.3.33 — consolidated responsive hero + portal system.
   The portal uses the same live typography/positioning model as the hero.
   Background image ratio is ~1250:430, so desktop uses no cover-crop/zoom. */

/* Preserve the structural responsive fixes introduced after v1.3.28. */
.cwh26-hero{
    height:auto!important;
    aspect-ratio:1250 / 430!important;
    overflow:hidden!important;
    background:transparent!important;
    line-height:normal!important;
}

.cwh26-hero__image{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    object-position:center!important;
}

.cwh26-promo-card,
.cwh26-promo-card__visual-link{
    height:auto!important;
}

.cwh26-promo-card__visual{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1.675 / 1!important;
}

/* One shared display-heading definition for hero + portal. */
.cwh26-home .cwh26-display-title{
    max-width:650px!important;
    margin:0 0 18px!important;
    color:inherit!important;
    font-family:inherit!important;
    font-size:clamp(42px,5.15vw,72px)!important;
    line-height:.98!important;
    font-weight:650!important;
    letter-spacing:-.045em!important;
}

/* Portal is a second hero-sized visual, not a cropped image card. */
.cwh26-portal-promo--hero-clone{
    position:relative!important;
    width:100%!important;
    max-width:1250px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1250 / 430!important;
    margin:100px auto 0!important;
    padding:0!important;
    overflow:hidden!important;
    background:transparent!important;
    line-height:normal!important;
    isolation:isolate!important;
}

.cwh26-portal-promo--hero-clone .cwh26-portal-promo__image{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    object-position:center!important;
}

.cwh26-portal-promo--hero-clone::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.035) 48%,rgba(0,0,0,0) 72%)!important;
}

/* Exact hero overlay geometry; the content stays live HTML. */
.cwh26-portal-promo--hero-clone .cwh26-portal-promo__overlay{
    z-index:2!important;
    color:#fff!important;
}

.cwh26-portal-promo--hero-clone .cwh26-portal-promo__overlay .cwh26-kicker{
    margin:0 0 12px!important;
    color:rgba(255,255,255,.78)!important;
}

.cwh26-portal-promo--hero-clone .cwh26-portal-promo__title{
    margin-bottom:28px!important;
    color:#fff!important;
}

.cwh26-portal-promo--hero-clone .cwh26-button--portal{
    min-height:48px!important;
    min-width:172px!important;
    padding:0 20px!important;
    border:1.5px solid #fff!important;
    background:transparent!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:650!important;
}

.cwh26-portal-promo--hero-clone .cwh26-button--portal:hover,
.cwh26-portal-promo--hero-clone .cwh26-button--portal:focus-visible{
    background:#fff!important;
    color:#111!important;
    outline:none!important;
}

@media (max-width:900px){
    .cwh26-hero,
    .cwh26-portal-promo--hero-clone{
        aspect-ratio:1250 / 430!important;
        min-height:0!important;
    }

    .cwh26-promo-card__visual{
        aspect-ratio:16 / 9!important;
    }

    .cwh26-portal-promo--hero-clone{
        margin-top:80px!important;
    }
}

@media (max-width:640px){
    .cwh26-hero,
    .cwh26-portal-promo--hero-clone{
        min-height:360px!important;
        aspect-ratio:auto!important;
        overflow:hidden!important;
        background:transparent!important;
    }

    .cwh26-hero__image,
    .cwh26-portal-promo--hero-clone .cwh26-portal-promo__image{
        object-fit:cover!important;
    }

    .cwh26-hero::after{
        display:block!important;
        background:linear-gradient(90deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.20) 52%,rgba(0,0,0,0) 78%)!important;
    }

    .cwh26-portal-promo--hero-clone::after{
        background:linear-gradient(90deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,.10) 52%,rgba(0,0,0,0) 78%)!important;
    }

    .cwh26-hero__overlay,
    .cwh26-portal-promo--hero-clone .cwh26-portal-promo__overlay{
        position:absolute!important;
        z-index:2!important;
        left:24px!important;
        top:50%!important;
        bottom:auto!important;
        width:min(72%,340px)!important;
        padding:0!important;
        transform:translateY(-50%)!important;
        color:#fff!important;
    }

    .cwh26-home .cwh26-display-title{
        margin-bottom:14px!important;
        font-size:clamp(34px,8vw,46px)!important;
        line-height:.96!important;
    }

    .cwh26-portal-promo--hero-clone .cwh26-portal-promo__title{
        margin-bottom:20px!important;
    }

    .cwh26-portal-promo--hero-clone .cwh26-portal-promo__image{
        object-position:65% center!important;
    }

    .cwh26-promo-card__visual{
        min-height:0!important;
        aspect-ratio:4 / 3!important;
    }

    .cwh26-portal-promo--hero-clone{
        margin-top:64px!important;
    }

    .cwh26-portal-promo--hero-clone .cwh26-button--portal{
        min-height:44px!important;
        padding:0 18px!important;
        font-size:13px!important;
    }
}

@media (max-width:560px){
    .cwh26-home .cwh26-display-title{
        font-size:clamp(30px,10vw,40px)!important;
    }
}

@media (max-width:480px){
    .cwh26-hero,
    .cwh26-portal-promo--hero-clone{
        min-height:380px!important;
    }

    .cwh26-hero__overlay,
    .cwh26-portal-promo--hero-clone .cwh26-portal-promo__overlay{
        left:20px!important;
        width:min(76%,calc(100% - 40px))!important;
    }

    .cwh26-portal-promo--hero-clone .cwh26-portal-promo__image{
        object-position:68% center!important;
    }
}


/* v1.3.39 — carouselbeeld: siliconen polsbandjes blijven 10% kleiner; PVC sleutelhanger 13% kleiner. */
.cwh26-products .cwh26-product-card--silicone .cwh26-product-card__image{
    transform:scale(.90) !important;
    transform-origin:center center !important;
}
.cwh26-products .cwh26-product-card--pvc .cwh26-product-card__image{
    transform:scale(.87) !important;
    transform-origin:center center !important;
}

/* v1.3.41 — Borduren hero: uitsluitend afbeelding, geen tekst/button/overlay.
   Exact dezelfde 1250:430 verhouding als de bestaande hero. */
body.cw-page-borduren .cwe26-hero--image-only{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1250 / 430!important;
    overflow:hidden!important;
    background:transparent!important;
    line-height:0!important;
}
body.cw-page-borduren .cwe26-hero--image-only::before,
body.cw-page-borduren .cwe26-hero--image-only::after{
    display:none!important;
    content:none!important;
    background:none!important;
}
body.cw-page-borduren .cwe26-hero--image-only .cwh26-hero__image{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    object-position:center center!important;
    transform:none!important;
}
@media (max-width:900px){
    body.cw-page-borduren .cwe26-hero--image-only{
        height:auto!important;
        min-height:0!important;
        aspect-ratio:1250 / 430!important;
    }
}
@media (max-width:640px){
    body.cw-page-borduren .cwe26-hero--image-only{
        height:auto!important;
        min-height:0!important;
        aspect-ratio:1250 / 430!important;
    }
    body.cw-page-borduren .cwe26-hero--image-only .cwh26-hero__image{
        object-fit:fill!important;
        object-position:center center!important;
    }
}

/* v1.3.42 — Borduren: oude bovenste hero en introcopy verwijderd.
   De bestaande twee fotokaarten vormen nu direct het eerste beeldblok van de pagina. */
body.cw-page-borduren .cwe26-work--lead{
    padding-top:0!important;
    margin-top:0!important;
}


/* =========================================================
   v1.3.61 — Contact: dezelfde klantportaal + nieuwsbriefblokken als Home
   direct onder het bestaande formulier. Functionaliteit blijft live HTML.
   ========================================================= */
body.cw-page-contact .cw-contact-after-form{
    width:min(var(--cwh26-max),calc(100vw - 40px));
    max-width:var(--cwh26-max)!important;
    margin:0 auto 100px!important;
    padding:0!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    color:var(--cwh26-ink);
}

body.cw-page-contact .cw-contact-after-form .cw-contact-portal-promo{
    width:100%!important;
    max-width:1250px!important;
    margin:0 auto!important;
}

body.cw-page-contact .cw-contact-after-form .cwh26-display-title{
    max-width:650px!important;
    margin:0 0 28px!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:clamp(42px,5.15vw,72px)!important;
    line-height:.98!important;
    font-weight:650!important;
    letter-spacing:-.045em!important;
}

body.cw-page-contact .cw-contact-after-form .cw-contact-newsletter{
    width:100%!important;
    margin-top:96px!important;
    margin-bottom:0!important;
}

@media (max-width:640px){
    body.cw-page-contact .cw-contact-after-form{
        width:calc(100% - 28px);
        margin-bottom:68px!important;
    }

    body.cw-page-contact .cw-contact-after-form .cw-contact-portal-promo{
        margin-top:0!important;
    }

    body.cw-page-contact .cw-contact-after-form .cwh26-display-title{
        font-size:clamp(34px,8vw,46px)!important;
        line-height:.96!important;
        margin-bottom:20px!important;
    }

    body.cw-page-contact .cw-contact-after-form .cw-contact-newsletter{
        margin-top:64px!important;
    }
}


/* =========================================================
   v1.3.64 — KLANTLOGIN / KLANTPORTAAL IN DEZELFDE LICHTE SITE-STIJL
   Home-header exact hergebruikt. Alleen wit, zwart en grijstinten.
   Bestaande login/account/dashboard-functionaliteit blijft onaangetast.
   ========================================================= */
body.cw-page-klantportaal{
    --cw-brand-navy:#111111!important;
    --cw-brand-yellow:#111111!important;
    --cw-brand-cyan:#111111!important;
    --cw-brand-purple:#111111!important;
    --cw-brand-red:#111111!important;
    --cw-brand-ink:#111111!important;
    --cw-brand-muted:#6e7277!important;
    --cw-brand-line:#ddddda!important;
    --cw-brand-soft:#f6f6f4!important;
    --cwh26-navy:#111111!important;
    --cwh26-mint:#333333!important;
    background:#fff!important;
    color:#111!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
}

body.cw-page-klantportaal .cw-portal,
body.cw-page-klantportaal .cw-auth-section,
body.cw-page-klantportaal .cw-dashboard{
    background:#fff!important;
    color:#111!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
}

body.cw-page-klantportaal .cw-portal{
    --cw-max:1250px!important;
}

body.cw-page-klantportaal .cw-portal-inner,
body.cw-page-klantportaal .cw-dashboard > .cw-portal-inner,
body.cw-page-klantportaal .cw-auth-section > .cw-portal-inner{
    width:min(1250px,calc(100vw - 40px))!important;
    max-width:1250px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Auth-scherm: rustige twee-koloms opbouw, rechte hoeken zoals de nieuwe site. */
body.cw-page-klantportaal .cw-auth-section{
    padding:100px 0!important;
    margin:0!important;
}

body.cw-page-klantportaal .cw-auth-grid{
    display:grid!important;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
    gap:30px!important;
    align-items:start!important;
}

body.cw-page-klantportaal .cw-auth-card,
body.cw-page-klantportaal .cw-auth-card-light,
body.cw-page-klantportaal .cw-auth-card-dark{
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
}

body.cw-page-klantportaal .cw-auth-card,
body.cw-page-klantportaal .cw-auth-card-light{
    background:#fff!important;
    color:#111!important;
    border:1px solid #dedede!important;
}

body.cw-page-klantportaal .cw-auth-card-dark{
    background:#111!important;
    color:#fff!important;
    border:1px solid #111!important;
}

body.cw-page-klantportaal .cw-auth-card-inner{
    padding:clamp(32px,3.7vw,48px)!important;
}

body.cw-page-klantportaal .cw-auth-eyebrow,
body.cw-page-klantportaal .cw-dashboard-card-label,
body.cw-page-klantportaal .cw-panel-head small,
body.cw-page-klantportaal .cw-company-card h3,
body.cw-page-klantportaal .cwq-dashboard-cta__eyebrow,
body.cw-page-klantportaal .cwqv82-dashboard-cta__eyebrow{
    color:#6e7277!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}

body.cw-page-klantportaal .cw-auth-card-dark .cw-auth-eyebrow{
    color:#b9b9b9!important;
}

body.cw-page-klantportaal .cw-auth-title,
body.cw-page-klantportaal .cw-dashboard-title,
body.cw-page-klantportaal .cw-panel-head h3,
body.cw-page-klantportaal .cwq-dashboard-cta h3,
body.cw-page-klantportaal .cwqv82-dashboard-cta h3{
    color:#111!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-weight:650!important;
    letter-spacing:-.045em!important;
    text-transform:none!important;
}

body.cw-page-klantportaal .cw-auth-title{
    font-size:clamp(34px,3.5vw,48px)!important;
    line-height:1!important;
}

body.cw-page-klantportaal .cw-auth-card-dark .cw-auth-title{
    color:#fff!important;
}

body.cw-page-klantportaal .cw-auth-copy,
body.cw-page-klantportaal .cw-auth-card p,
body.cw-page-klantportaal .cw-auth-card-light p{
    color:#5f5f5f!important;
}

body.cw-page-klantportaal .cw-auth-card-dark .cw-auth-copy,
body.cw-page-klantportaal .cw-auth-card-dark p,
body.cw-page-klantportaal .cw-auth-card-dark .cw-check span,
body.cw-page-klantportaal .cw-auth-card-dark .cw-field label{
    color:#d0d0d0!important;
}

body.cw-page-klantportaal .cw-field label,
body.cw-page-klantportaal .cw-check span{
    color:#262626!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-weight:600!important;
}

body.cw-page-klantportaal .cw-field input,
body.cw-page-klantportaal .cw-field select,
body.cw-page-klantportaal .cw-field textarea{
    min-height:48px!important;
    border:1px solid #d6d6d6!important;
    border-radius:0!important;
    background:#fff!important;
    color:#111!important;
    box-shadow:none!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
}

body.cw-page-klantportaal .cw-auth-card-dark .cw-field input,
body.cw-page-klantportaal .cw-auth-card-dark .cw-field select,
body.cw-page-klantportaal .cw-auth-card-dark .cw-field textarea{
    background:#fff!important;
    color:#111!important;
    border-color:#fff!important;
}

body.cw-page-klantportaal input[type="checkbox"]{
    accent-color:#111!important;
}

body.cw-page-klantportaal .cw-text-link{
    color:#111!important;
    text-decoration:underline!important;
}

body.cw-page-klantportaal .cw-auth-card-dark .cw-text-link{
    color:#fff!important;
}

/* Portalbuttons exact in de zwart/wit-richting van Home/Contact/Custom made. */
body.cw-page-klantportaal .cw-auth-card .cw-button,
body.cw-page-klantportaal .cw-auth-card-light .cw-button,
body.cw-page-klantportaal .cw-dashboard .cw-button,
body.cw-page-klantportaal .cwq-dashboard-button,
body.cw-page-klantportaal .cwqv82-dashboard-button,
body.cw-page-klantportaal .cw-custom-portal-hero__btn{
    min-height:48px!important;
    padding:0 20px!important;
    border-radius:0!important;
    border:1px solid #111!important;
    background:#111!important;
    color:#fff!important;
    box-shadow:none!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:650!important;
    text-transform:none!important;
}

body.cw-page-klantportaal .cw-auth-card-dark .cw-button{
    background:#fff!important;
    border-color:#fff!important;
    color:#111!important;
}

body.cw-page-klantportaal .cw-auth-card .cw-button:hover,
body.cw-page-klantportaal .cw-auth-card .cw-button:focus-visible,
body.cw-page-klantportaal .cw-auth-card-light .cw-button:hover,
body.cw-page-klantportaal .cw-auth-card-light .cw-button:focus-visible,
body.cw-page-klantportaal .cw-dashboard .cw-button:hover,
body.cw-page-klantportaal .cw-dashboard .cw-button:focus-visible,
body.cw-page-klantportaal .cwq-dashboard-button:hover,
body.cw-page-klantportaal .cwq-dashboard-button:focus-visible,
body.cw-page-klantportaal .cwqv82-dashboard-button:hover,
body.cw-page-klantportaal .cwqv82-dashboard-button:focus-visible,
body.cw-page-klantportaal .cw-custom-portal-hero__btn:hover,
body.cw-page-klantportaal .cw-custom-portal-hero__btn:focus-visible{
    background:#333!important;
    border-color:#333!important;
    color:#fff!important;
    transform:none!important;
}

body.cw-page-klantportaal .cw-auth-card-dark .cw-button:hover,
body.cw-page-klantportaal .cw-auth-card-dark .cw-button:focus-visible{
    background:#f2f2f2!important;
    border-color:#f2f2f2!important;
    color:#111!important;
}

/* Het portal-introblok blijft functioneel maar krijgt de 1250px/Inter/zwart-wit sitegeometrie. */
body.cw-page-klantportaal .cw-custom-portal-hero{
    width:min(1250px,calc(100vw - 40px))!important;
    max-width:1250px!important;
    margin:20px auto 100px!important;
    padding:0!important;
    background:#fff!important;
    color:#111!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero__media{
    width:100%!important;
    max-width:1250px!important;
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
    border-radius:0!important;
    object-fit:cover!important;
    box-shadow:none!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero__copy{
    width:100%!important;
    max-width:1250px!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:72px 0 0!important;
    color:#111!important;
    text-align:left!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero__box{
    width:100%!important;
    max-width:760px!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero h1,
body.cw-page-klantportaal .cw-custom-portal-hero__line{
    margin:0!important;
    color:#111!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-size:clamp(42px,5.15vw,72px)!important;
    line-height:.98!important;
    font-weight:650!important;
    letter-spacing:-.045em!important;
    white-space:normal!important;
    text-align:left!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero__dot{
    color:#111!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero__box > p{
    max-width:700px!important;
    margin:22px 0 0!important;
    color:#5f5f5f!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-size:17px!important;
    line-height:1.6!important;
    text-align:left!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero__actions{
    margin-top:28px!important;
    justify-content:flex-start!important;
}

/* Klantlogin-hero: exact de portal-banner uit de publieke site, 20px onder de headerlijn, zonder CTA.
   De headerlink opent /klantportaal/, dus deze regels horen bewust op cw-page-klantportaal. */
body.cw-page-klantportaal .bde-section > .section-container:has(.cw-portal),
body.cw-page-klantportaal .bde-shortcode:has(.cw-portal){
    padding-top:0!important;
    margin-top:0!important;
}

body.cw-page-klantportaal .cw-portal{
    padding-top:0!important;
    margin-top:0!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay{
    position:relative!important;
    width:min(1250px,calc(100vw - 40px))!important;
    max-width:1250px!important;
    min-height:0!important;
    aspect-ratio:1250 / 430!important;
    margin:20px auto 100px!important;
    padding:0!important;
    overflow:hidden!important;
    background:transparent!important;
    isolation:isolate!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay .cw-custom-portal-hero__media{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:fill!important;
    object-position:center center!important;
    border-radius:0!important;
    box-shadow:none!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.035) 48%,rgba(0,0,0,0) 72%)!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay .cw-custom-portal-hero__copy{
    position:absolute!important;
    z-index:2!important;
    left:72px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:min(620px,calc(100% - 128px))!important;
    max-width:620px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    text-align:left!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay .cw-custom-portal-hero__box{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero__eyebrow{
    margin:0 0 12px!important;
    color:rgba(255,255,255,.78)!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay h1,
body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay .cw-custom-portal-hero__line{
    margin:0!important;
    color:#fff!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-size:clamp(42px,5.15vw,72px)!important;
    line-height:.98!important;
    font-weight:650!important;
    letter-spacing:-.045em!important;
    white-space:normal!important;
    text-align:left!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay .cw-custom-portal-hero__dot{
    color:#fff!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay .cw-custom-portal-hero__box > p{
    max-width:560px!important;
    margin:18px 0 0!important;
    color:rgba(255,255,255,.92)!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-size:17px!important;
    line-height:1.6!important;
    text-align:left!important;
}

body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay .cw-custom-portal-hero__actions,
body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay .cw-custom-portal-hero__btn{
    display:none!important;
}

/* Dashboard/panels: geen aqua/navy, geen pill/kaartschaduw. */
body.cw-page-klantportaal .cw-dashboard{
    padding:0 0 100px!important;
}

body.cw-page-klantportaal .cw-dashboard-title,
body.cw-page-klantportaal .cw-panel-head h3,
body.cw-page-klantportaal .cw-company-card h3{
    color:#111!important;
}

body.cw-page-klantportaal .cw-dashboard-card,
body.cw-page-klantportaal .cw-panel,
body.cw-page-klantportaal .cw-company-card,
body.cw-page-klantportaal .cw-table-wrap,
body.cw-page-klantportaal .cw-dashboard > .cw-portal-inner > section,
body.cw-page-klantportaal .cw-dashboard > .cw-portal-inner > article{
    background:#fff!important;
    color:#111!important;
    border-color:#dedede!important;
    border-radius:0!important;
    box-shadow:none!important;
}

body.cw-page-klantportaal .cw-dashboard a:not(.cw-button),
body.cw-page-klantportaal .cw-panel a:not(.cw-button){
    color:#111!important;
}

body.cw-page-klantportaal .cw-dashboard table,
body.cw-page-klantportaal .cw-dashboard th,
body.cw-page-klantportaal .cw-dashboard td{
    border-color:#e3e3e3!important;
    color:#111!important;
}

body.cw-page-klantportaal .cw-dashboard th{
    background:#f6f6f4!important;
    color:#5f5f5f!important;
}

@media (max-width:900px){
    body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay,
    body.cw-page-klantportaal .cw-portal-inner{
        width:calc(100% - 40px)!important;
    }
}

@media (max-width:640px){
    body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay{
        min-height:360px!important;
        aspect-ratio:auto!important;
        margin-top:20px!important;
        margin-bottom:68px!important;
    }

    body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay .cw-custom-portal-hero__media{
        object-fit:cover!important;
        object-position:65% center!important;
    }

    body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay::after{
        background:linear-gradient(90deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,.10) 52%,rgba(0,0,0,0) 78%)!important;
    }

    body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay .cw-custom-portal-hero__copy{
        left:24px!important;
        top:50%!important;
        width:min(72%,340px)!important;
        transform:translateY(-50%)!important;
    }
}

@media (max-width:480px){
    body.cw-page-klantportaal .cw-custom-portal-hero.cw-custom-portal-hero--overlay .cw-custom-portal-hero__copy{
        left:20px!important;
        width:min(76%,calc(100% - 40px))!important;
    }
}

@media (max-width:900px){
    body.cw-page-klantportaal .cw-auth-grid{
        grid-template-columns:1fr!important;
    }

    body.cw-page-klantportaal .cw-custom-portal-hero,
    body.cw-page-klantportaal .cw-portal-inner,
    body.cw-page-klantportaal .cw-dashboard > .cw-portal-inner,
    body.cw-page-klantportaal .cw-auth-section > .cw-portal-inner{
        width:calc(100% - 40px)!important;
    }
}

@media (max-width:640px){
    body.cw-page-klantportaal .cw-auth-section{
        padding:68px 0!important;
    }

    body.cw-page-klantportaal .cw-custom-portal-hero,
    body.cw-page-klantportaal .cw-portal-inner,
    body.cw-page-klantportaal .cw-dashboard > .cw-portal-inner,
    body.cw-page-klantportaal .cw-auth-section > .cw-portal-inner{
        width:calc(100% - 28px)!important;
    }

    body.cw-page-klantportaal .cw-custom-portal-hero{
        margin-top:20px!important;
        margin-bottom:68px!important;
    }

    body.cw-page-klantportaal .cw-custom-portal-hero__media{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        aspect-ratio:1250 / 430!important;
    }

    body.cw-page-klantportaal .cw-custom-portal-hero__copy{
        padding-top:48px!important;
    }
}


/* =========================================================
   v1.3.68 — KLANTLOGIN HERO = EXACT HET HOME-PORTAALBLOK
   Geen oude .cw-custom-portal-hero meer. Daardoor grijpen de oude
   portalregels met 140px top-padding en ronde hoeken niet meer in.
   ========================================================= */
html body.cw-page-klantportaal .bde-section:has(.cw-portal),
html body.cw-page-klantportaal .bde-section > .section-container:has(.cw-portal),
html body.cw-page-klantportaal .bde-shortcode:has(.cw-portal),
html body.cw-page-klantportaal .bde-code-block:has(.cw-portal){
    margin-top:0!important;
    padding-top:0!important;
}

html body.cw-page-klantportaal .bde-section:has(.cw-portal) > .section-container{
    --bde-section-width:100%!important;
    width:100%!important;
    max-width:none!important;
    margin-top:0!important;
    padding-top:0!important;
    padding-left:0!important;
    padding-right:0!important;
}

html body.cw-page-klantportaal .bde-shortcode:has(.cw-portal),
html body.cw-page-klantportaal .cw-portal{
    width:100%!important;
    max-width:none!important;
    margin-top:0!important;
    padding-top:0!important;
}

html body.cw-page-klantportaal .cw-portal-login-hero.cwh26-portal-promo--hero-clone{
    position:relative!important;
    display:block!important;
    width:min(1250px,calc(100vw - 40px))!important;
    max-width:1250px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1250 / 430!important;
    margin:20px auto 100px!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:0!important;
    background:transparent!important;
    isolation:isolate!important;
}

html body.cw-page-klantportaal .cw-portal-login-hero .cwh26-portal-promo__image{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:fill!important;
    object-position:center!important;
    border-radius:0!important;
}

html body.cw-page-klantportaal .cw-portal-login-hero::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.035) 48%,rgba(0,0,0,0) 72%)!important;
}

html body.cw-page-klantportaal .cw-portal-login-hero .cwh26-portal-promo__overlay{
    position:absolute!important;
    z-index:2!important;
    left:72px!important;
    top:50%!important;
    bottom:auto!important;
    width:min(620px,calc(100% - 128px))!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    color:#fff!important;
    text-align:left!important;
}

html body.cw-page-klantportaal .cw-portal-login-hero .cwh26-kicker{
    margin:0 0 12px!important;
    color:rgba(255,255,255,.78)!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}

html body.cw-page-klantportaal .cw-portal-login-hero .cwh26-portal-promo__title{
    max-width:650px!important;
    margin:0!important;
    color:#fff!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-size:clamp(42px,5.15vw,72px)!important;
    line-height:.98!important;
    font-weight:650!important;
    letter-spacing:-.045em!important;
    text-align:left!important;
}

@media (max-width:640px){
    html body.cw-page-klantportaal .cw-portal-login-hero.cwh26-portal-promo--hero-clone{
        width:calc(100% - 28px)!important;
        min-height:360px!important;
        aspect-ratio:auto!important;
        margin-top:20px!important;
        margin-bottom:68px!important;
    }

    html body.cw-page-klantportaal .cw-portal-login-hero .cwh26-portal-promo__image{
        object-fit:cover!important;
        object-position:65% center!important;
    }

    html body.cw-page-klantportaal .cw-portal-login-hero .cwh26-portal-promo__overlay{
        left:24px!important;
        width:min(72%,340px)!important;
    }
}


/* =========================================================
   v1.3.70 — NIEUWSBRIEF OOK OP CUSTOM MADE + KLANTPORTAAL
   Exact dezelfde sectie als Borduren, steeds 1250px breed en boven de footer.
   ========================================================= */
body.cw-page-custom-made .cw-custom-portal-promo{
    margin-bottom:0!important;
}

body.cw-page-custom-made .cw-custom-newsletter{
    width:min(1250px,calc(100vw - 40px))!important;
    max-width:1250px!important;
    margin:96px auto 0!important;
}

body.cw-page-klantportaal .cw-portal-newsletter-wrap{
    width:min(1250px,calc(100vw - 40px))!important;
    max-width:1250px!important;
    margin:100px auto 0!important;
    padding:0!important;
}

body.cw-page-klantportaal .cw-portal-newsletter{
    width:100%!important;
    max-width:1250px!important;
    margin:0!important;
}

@media (max-width:640px){
    body.cw-page-custom-made .cw-custom-newsletter,
    body.cw-page-klantportaal .cw-portal-newsletter-wrap{
        width:calc(100% - 28px)!important;
    }

    body.cw-page-custom-made .cw-custom-newsletter{
        margin-top:64px!important;
    }

    body.cw-page-klantportaal .cw-portal-newsletter-wrap{
        margin-top:68px!important;
    }
}


/* =====================================================================
   V1.3.73 — Klantlogin / klantportaal nieuwsbrief-spacing exact gelijk
   aan Contact.
   Contact heeft 100px ruimte onder de nieuwsbrief-wrapper en de footer
   zelf heeft daarnaast 100px margin-top. Portal gebruikte alleen die
   footer-margin, waardoor er zichtbaar 100px minder witruimte was.
   ===================================================================== */
body.cw-page-klantportaal .cw-auth-section,
body.cw-page-klantportaal .cw-dashboard{
    padding-bottom:0!important;
}

body.cw-page-klantportaal .cw-portal-newsletter-wrap{
    margin:96px auto 100px!important;
}

@media (max-width:640px){
    body.cw-page-klantportaal .cw-portal-newsletter-wrap{
        margin:68px auto 68px!important;
    }
}


/* =========================================================
   v1.3.79 — KLANTPORTAAL OFFERTEKNOP OPNIEUW OPGEBOUWD
   Zelfstandig dashboardcomponent naast Uitloggen.
   Niet afhankelijk van hero-markup of oude portal-CTA CSS.
   ========================================================= */
body.cw-page-klantportaal .cw-dashboard-head__actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    flex:0 0 auto!important;
}

body.cw-page-klantportaal .cw-dashboard-new-quote-btn{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:28px!important;
    min-height:52px!important;
    padding:0 22px!important;
    margin:0!important;
    border:1px solid #111!important;
    border-radius:0!important;
    background:#111!important;
    color:#fff!important;
    box-shadow:none!important;
    font-family:"Inter",Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:600!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    cursor:pointer!important;
}

body.cw-page-klantportaal .cw-dashboard-new-quote-btn span,
body.cw-page-klantportaal .cw-dashboard-new-quote-btn svg{
    color:inherit!important;
}

body.cw-page-klantportaal .cw-dashboard-new-quote-btn .cwh26-arrow-icon{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
}

body.cw-page-klantportaal .cw-dashboard-new-quote-btn:hover,
body.cw-page-klantportaal .cw-dashboard-new-quote-btn:focus-visible{
    background:#333!important;
    border-color:#333!important;
    color:#fff!important;
    outline:none!important;
}

@media (max-width:699px){
    body.cw-page-klantportaal .cw-dashboard-head{
        align-items:flex-start!important;
        flex-direction:column!important;
    }

    body.cw-page-klantportaal .cw-dashboard-head__actions{
        width:100%!important;
        justify-content:flex-start!important;
        flex-wrap:wrap!important;
    }

    body.cw-page-klantportaal .cw-dashboard-new-quote-btn{
        flex:1 1 auto!important;
    }
}


/* V1.3.92 — Custom made zoekveld rechtsboven de productgrid. */
body.cw-page-custom-made .cw-custom-category-toolbar{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    width:100%;
    margin:0 0 24px;
}

body.cw-page-custom-made .cw-custom-category-search{
    position:relative;
    display:block;
    width:min(100%,290px);
    margin:0;
    box-sizing:border-box;
}

body.cw-page-custom-made .cw-custom-category-search input{
    width:100%;
    height:46px;
    margin:0;
    padding:0 44px 0 15px;
    border:1px solid #d7dadd;
    border-radius:0;
    outline:0;
    background:#fff;
    color:#111;
    font:500 14px/1 inherit;
    box-shadow:none;
    appearance:none;
    -webkit-appearance:none;
}

body.cw-page-custom-made .cw-custom-category-search input::placeholder{
    color:#7a7e82;
    opacity:1;
}

body.cw-page-custom-made .cw-custom-category-search input:focus{
    border-color:#111;
}

body.cw-page-custom-made .cw-custom-category-search input::-webkit-search-cancel-button{
    -webkit-appearance:none;
    appearance:none;
}

body.cw-page-custom-made .cw-custom-category-search svg{
    position:absolute;
    top:50%;
    right:14px;
    width:19px;
    height:19px;
    transform:translateY(-50%);
    color:#111;
    pointer-events:none;
}

body.cw-page-custom-made .cw-custom-category-empty{
    margin:34px 0 0!important;
    color:#6e7277;
    font-size:14px;
    line-height:1.5;
    text-align:center;
}

@media (max-width:640px){
    body.cw-page-custom-made .cw-custom-category-toolbar{
        justify-content:stretch;
        margin-bottom:20px;
    }
    body.cw-page-custom-made .cw-custom-category-search{
        width:100%;
    }
}


/* v1.1.5 — Reclamehuys home hero met Kilimanjaro-embleem.
   Nieuwe hero met tekstblok en CTA aan de rechterzijde, zonder kicker,
   zonder extra introtekst en zonder secundaire link. */
body.cw-page-home .cwh26-hero{
    height:430px!important;
}
body.cw-page-home .cwh26-hero__image{
    object-fit:cover!important;
    object-position:center center!important;
}
body.cw-page-home .cwh26-hero::after{
    display:block!important;
    background:linear-gradient(90deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.16) 36%, rgba(0,0,0,0.44) 64%, rgba(0,0,0,0.68) 100%)!important;
}
body.cw-page-home .cwh26-hero__overlay,
body.cw-page-home .cwh26-hero__overlay--right{
    left:auto!important;
    right:72px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:min(420px, calc(100% - 144px))!important;
    max-width:420px!important;
}
body.cw-page-home .cwh26-hero__overlay .cwh26-kicker,
body.cw-page-home .cwh26-hero__text,
body.cw-page-home .cwh26-hero .cwh26-text-link{
    display:none!important;
}
body.cw-page-home .cwh26-hero .cwh26-display-title{
    max-width:none!important;
    margin:0 0 28px!important;
    font-size:clamp(44px, 4.2vw, 66px)!important;
    line-height:0.98!important;
    letter-spacing:-0.045em!important;
    color:#fff!important;
    text-wrap:balance;
}
body.cw-page-home .cwh26-hero .cwh26-actions,
body.cw-page-home .cwh26-hero .cwh26-actions--hero-single{
    justify-content:flex-start!important;
    align-items:flex-start!important;
    gap:0!important;
}
body.cw-page-home .cwh26-hero .cwh26-button{
    min-height:48px!important;
    padding:0 20px!important;
}

@media (max-width: 899px){
    body.cw-page-home .cwh26-hero{
        height:330px!important;
        min-height:330px!important;
    }
    body.cw-page-home .cwh26-hero__overlay,
    body.cw-page-home .cwh26-hero__overlay--right{
        right:32px!important;
        width:min(340px, calc(100% - 64px))!important;
        max-width:340px!important;
    }
    body.cw-page-home .cwh26-hero .cwh26-display-title{
        margin-bottom:22px!important;
        font-size:clamp(36px, 6.5vw, 52px)!important;
    }
}

@media (max-width: 699px){
    body.cw-page-home .cwh26-hero{
        width:100%!important;
        height:250px!important;
        min-height:250px!important;
        aspect-ratio:auto!important;
        margin:0!important;
    }
    body.cw-page-home .cwh26-hero__image{
        object-fit:cover!important;
        object-position:38% center!important;
    }
    body.cw-page-home .cwh26-hero::after{
        background:linear-gradient(90deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.22) 40%, rgba(0,0,0,0.52) 72%, rgba(0,0,0,0.72) 100%)!important;
    }
    body.cw-page-home .cwh26-hero__overlay,
    body.cw-page-home .cwh26-hero__overlay--right{
        left:auto!important;
        right:20px!important;
        top:50%!important;
        width:min(250px, calc(100% - 40px))!important;
        max-width:250px!important;
        transform:translateY(-50%)!important;
    }
    body.cw-page-home .cwh26-hero .cwh26-display-title{
        max-width:none!important;
        margin:0 0 16px!important;
        font-size:clamp(28px, 6.6vw, 34px)!important;
        line-height:0.98!important;
    }
    body.cw-page-home .cwh26-hero .cwh26-actions{
        flex-direction:column!important;
        align-items:flex-start!important;
        gap:0!important;
    }
    body.cw-page-home .cwh26-hero .cwh26-button{
        min-height:44px!important;
        padding:0 16px!important;
    }
}


/* v1.1.6 — home hero: vaste 3-regelige kop en centraal verticaal uitgelijnd.
   Home-stat: één doorlopende boodschap met rode 250.000-teller. */
body.cw-page-home .cwh26-hero__overlay,
body.cw-page-home .cwh26-hero__overlay--right{
    left:auto!important;
    right:72px!important;
    top:0!important;
    bottom:0!important;
    height:100%!important;
    width:min(560px, calc(100% - 144px))!important;
    max-width:560px!important;
    transform:none!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
}
body.cw-page-home .cwh26-hero .cwh26-display-title--three-lines{
    width:100%!important;
    max-width:none!important;
    margin:0 0 28px!important;
    font-size:clamp(42px,4vw,56px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
}
body.cw-page-home .cwh26-display-title--three-lines > span{
    display:block!important;
    white-space:nowrap!important;
}

body.cw-page-home .cwh26-stat--delivered{
    grid-template-columns:1fr!important;
    gap:0!important;
    align-items:start!important;
}
body.cw-page-home .cwh26-stat--delivered .cwh26-stat__copy{
    width:100%!important;
}
body.cw-page-home .cwh26-stat--delivered .cwh26-stat__delivered-heading{
    max-width:none!important;
    width:100%!important;
}
body.cw-page-home .cwh26-stat__inline-counter{
    color:#CD3337!important;
    font:inherit!important;
    line-height:inherit!important;
    font-weight:inherit!important;
    letter-spacing:inherit!important;
    white-space:nowrap!important;
}

@media (max-width:899px){
    body.cw-page-home .cwh26-hero__overlay,
    body.cw-page-home .cwh26-hero__overlay--right{
        right:32px!important;
        width:min(470px, calc(100% - 64px))!important;
        max-width:470px!important;
    }
    body.cw-page-home .cwh26-hero .cwh26-display-title--three-lines{
        margin-bottom:22px!important;
        font-size:clamp(36px,5.5vw,48px)!important;
    }
}

@media (max-width:699px){
    body.cw-page-home .cwh26-hero__overlay,
    body.cw-page-home .cwh26-hero__overlay--right{
        left:auto!important;
        right:20px!important;
        top:0!important;
        bottom:0!important;
        height:100%!important;
        width:min(290px, calc(100% - 40px))!important;
        max-width:290px!important;
        transform:none!important;
        justify-content:center!important;
    }
    body.cw-page-home .cwh26-hero .cwh26-display-title--three-lines{
        max-width:none!important;
        margin:0 0 16px!important;
        font-size:clamp(24px,6vw,30px)!important;
        line-height:.99!important;
    }
}