.uf-kleurstalen{--uf-ks-accent: var(--uf-color-accent);--uf-ks-accent-dark: var(--uf-color-accent-dark, var(--uf-color-accent));--uf-ks-link: var(--uf-color-link, var(--uf-color-sage, var(--uf-color-accent)));--uf-ks-link-hover: var(--uf-color-link-hover, var(--uf-color-sage-dark, var(--uf-color-accent-dark)));--uf-ks-text: var(--uf-color-text-strong, var(--uf-color-text));--uf-ks-muted: var(--uf-color-muted);--uf-ks-border: var(--uf-color-border, rgba(82, 61, 42, .14));--uf-ks-surface: var(--uf-color-surface, #fff);--uf-ks-neutral: var(--uf-color-neutral-bg, #eef2f6);--uf-ks-shadow: var(--uf-shadow-soft, 0 4px 18px rgba(82, 61, 42, .06));--uf-ks-radius: 16px;--uf-ks-fs-h1: clamp(30px, 3.2vw, 40px);--uf-ks-fs-h2: clamp(22px, 2vw, 28px);--uf-ks-fs-lead: clamp(16px, 1.1vw, 18px);--uf-ks-fs-body: clamp(16px, 1.05vw, 17px);--uf-ks-fs-btn: var(--uf-type-btn);width:100%;padding-bottom:clamp(48px,6vw,80px);font-size:var(--uf-ks-fs-body);line-height:1.65;background:var(--uf-color-catalog-bg, var(--uf-color-page-bg))}.uf-kleurstalen__container{max-width:1120px}.uf-kleurstalen__hero{margin:0 0 clamp(32px,5vw,48px)}.uf-kleurstalen__hero-card{position:relative;padding:clamp(24px,3vw,32px) clamp(22px,3vw,36px);background:var(--uf-ks-surface);border:1px solid var(--uf-ks-border);border-radius:var(--uf-ks-radius);box-shadow:var(--uf-ks-shadow);overflow:hidden}.uf-kleurstalen__hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--uf-ks-accent);opacity:.85;z-index:1}.uf-kleurstalen__hero-head{margin-bottom:clamp(18px,2.5vw,24px)}.uf-kleurstalen__eyebrow{margin:0 0 .4rem;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--uf-ks-link)}.uf-kleurstalen__title{margin:0;padding-bottom:.65rem;max-width:none;font-family:Montserrat,Helvetica Neue,Arial,sans-serif;font-size:var(--uf-ks-fs-h1);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--uf-ks-text);border-bottom:3px solid var(--uf-ks-accent);display:inline-block}.uf-kleurstalen__lead{display:grid;gap:clamp(14px,2vw,18px);font-size:var(--uf-ks-fs-body);line-height:1.65;color:var(--uf-ks-muted)}.uf-kleurstalen__lead p{margin:0}.uf-kleurstalen__lead p:first-child{font-size:var(--uf-ks-fs-lead);line-height:1.65;color:var(--uf-ks-muted)}.uf-kleurstalen__lead p+p{padding-top:clamp(14px,2vw,18px);border-top:1px solid var(--uf-ks-border)}@media screen and (min-width:768px){.uf-kleurstalen__lead{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,3vw,32px)}.uf-kleurstalen__lead p:first-child{grid-column:1 / -1;padding-bottom:clamp(14px,2vw,18px);border-bottom:1px solid var(--uf-ks-border)}.uf-kleurstalen__lead p+p{padding-top:0;border-top:0}}.uf-kleurstalen__section{margin-bottom:clamp(2rem,4vw,2.75rem);padding-bottom:clamp(1.5rem,3vw,2rem);border-bottom:1px solid var(--uf-ks-border)}.uf-kleurstalen__section:last-of-type{margin-bottom:clamp(1.5rem,3vw,2rem)}.uf-kleurstalen__section-title{margin:0 0 .85rem;padding-bottom:.65rem;border-bottom:3px solid var(--uf-ks-accent);font-family:Montserrat,Helvetica Neue,Arial,sans-serif;font-size:var(--uf-ks-fs-h2);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--uf-ks-text);display:inline-block;max-width:100%}.uf-kleurstalen__section-title--center{display:block;text-align:center}.uf-kleurstalen__section-lead{display:block;width:100%;max-width:none;margin:0 0 1.25rem;font-size:var(--uf-ks-fs-body);line-height:1.65;color:var(--uf-ks-muted)}.uf-kleurstalen__products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.uf-ks-product{display:flex;flex-direction:column;height:100%;border:1px solid var(--uf-ks-border);border-radius:14px;background:var(--uf-ks-surface);overflow:hidden;box-shadow:var(--uf-ks-shadow)}.uf-ks-product__media{display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--uf-ks-neutral)}.uf-ks-product__media img,.uf-ks-product__placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.uf-ks-product__media:hover img{transform:scale(1.03)}.uf-ks-product__body{display:flex;flex:1;flex-direction:column;gap:8px;padding:14px 14px 16px}.uf-ks-product__title{margin:0;font-size:14px;font-weight:700;line-height:1.35}.uf-ks-product__title a{color:var(--uf-ks-text);text-decoration:none}.uf-ks-product__title a:hover{color:var(--uf-ks-link)}.uf-ks-product__price{margin:0;font-size:15px;font-weight:700;color:var(--uf-ks-accent-dark)}.uf-ks-product__unit{font-size:12px;font-weight:600;color:var(--uf-ks-muted)}.uf-ks-product__actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:4px}.uf-ks-product__btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:700;text-align:center;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.uf-ks-product__btn--sample{background:var(--uf-ks-accent);border:1px solid var(--uf-ks-accent);color:#fff}.uf-ks-product__btn--sample:hover,.uf-ks-product__btn--sample:focus-visible{background:var(--uf-ks-accent-dark);border-color:var(--uf-ks-accent-dark);color:#fff}.uf-ks-product__btn--ghost{background:#fff;color:var(--uf-ks-accent);border:1px solid color-mix(in srgb,var(--uf-ks-accent) 35%,transparent)}.uf-ks-product__btn--ghost:hover,.uf-ks-product__btn--ghost:focus-visible{background:color-mix(in srgb,var(--uf-ks-accent) 6%,#fff);color:var(--uf-ks-accent-dark)}.uf-kleurstalen__step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:1.25rem 0 0;padding:0;list-style:none;counter-reset:uf-ks-step}.uf-kleurstalen__step{position:relative;margin:0;padding:1.1rem 1.1rem 1.1rem 3.25rem;border-radius:14px;background:var(--uf-ks-surface);border:1px solid var(--uf-ks-border);box-shadow:var(--uf-ks-shadow);counter-increment:uf-ks-step}.uf-kleurstalen__step:before{content:counter(uf-ks-step);position:absolute;left:1rem;top:1.05rem;width:2rem;height:2rem;border-radius:50%;background:var(--uf-ks-accent);color:#fff;font-size:13px;font-weight:700;line-height:2rem;text-align:center}.uf-kleurstalen__step-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.uf-kleurstalen__step-title{margin:0 0 .35rem;font-size:15px;font-weight:800;line-height:1.3;color:var(--uf-ks-text)}.uf-kleurstalen__step-text{margin:0;font-size:var(--uf-ks-fs-body);line-height:1.65;color:var(--uf-ks-muted)}.uf-kleurstalen__categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:1.25rem}.uf-kleurstalen__category{display:flex;flex-direction:column;min-height:88px;padding:0;border-radius:12px;overflow:hidden;background:var(--uf-ks-surface);border:1px solid var(--uf-ks-border);text-decoration:none;color:var(--uf-ks-text);box-shadow:var(--uf-ks-shadow);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.uf-kleurstalen__category:hover,.uf-kleurstalen__category:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--uf-ks-accent) 35%,transparent);box-shadow:0 10px 24px #523d2a14;color:var(--uf-ks-link)}.uf-kleurstalen__category-media{display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--uf-ks-neutral)}.uf-kleurstalen__category-media img{width:100%;height:100%;object-fit:cover;display:block}.uf-kleurstalen__category-title{display:flex;align-items:center;justify-content:center;flex:1;padding:14px 12px;font-size:14px;font-weight:700;line-height:1.35;text-align:center}.uf-kleurstalen__advice{margin-bottom:clamp(1.5rem,3vw,2rem);padding:clamp(22px,3vw,28px);border-radius:var(--uf-ks-radius);background:var(--uf-ks-surface);border:1px solid var(--uf-ks-border);box-shadow:var(--uf-ks-shadow);text-align:center}.uf-kleurstalen__advice-title{margin:0 0 .85rem;padding-bottom:.65rem;border-bottom:3px solid var(--uf-ks-accent);font-family:Montserrat,Helvetica Neue,Arial,sans-serif;font-size:var(--uf-ks-fs-h2);font-weight:800;line-height:1.2;color:var(--uf-ks-text);display:inline-block}.uf-kleurstalen__advice-text{margin:0 auto .85rem;max-width:none;font-size:var(--uf-ks-fs-body);line-height:1.65;color:var(--uf-ks-muted)}.uf-kleurstalen__advice-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.15rem;border-radius:10px;background:#fff;border:2px solid var(--uf-ks-link);color:var(--uf-ks-link);font-size:var(--uf-ks-fs-btn);font-weight:700;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.uf-kleurstalen__advice-link:hover,.uf-kleurstalen__advice-link:focus-visible{background:color-mix(in srgb,var(--uf-ks-link) 10%,#fff);border-color:var(--uf-ks-link-hover);color:var(--uf-ks-link-hover)}@media screen and (max-width:991px){.uf-kleurstalen__products,.uf-kleurstalen__step-list,.uf-kleurstalen__categories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:560px){.uf-kleurstalen__section-title--center{text-align:left}.uf-kleurstalen__products,.uf-kleurstalen__step-list,.uf-kleurstalen__categories{grid-template-columns:1fr}.uf-kleurstalen__advice{text-align:left}.uf-kleurstalen__advice-title{display:block}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/uf-kleurstalen.css.map */