.op-kleur{--paper:#FBFAF7;--white:#FFFFFF;--ink:#1C1F22;--ink-soft:#4A4E52;--muted:#82868B;--rule:#E3E2DC;--rule-strong:#C9C7BF;--accent:#6d7a86;--serif:"EB Garamond",Georgia,serif;--sans:"Inter",system-ui,sans-serif;--size-chooser-title:24px;--size-card-title:22px;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block}.op-kleur *{box-sizing:border-box}.op-kleur .wrap{max-width:1360px;margin:0 auto;padding:0 40px}.op-kleur button{font-family:inherit}.op-kleur a{color:inherit;text-decoration:none}.op-kleur img{display:block}.op-kleur :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.op-kleur .chooser{border-bottom:1px solid var(--rule)}.op-kleur .chooser .wrap{padding:44px 40px 60px}.op-kleur .lbl{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:28px}.op-kleur .lbl h2{font-family:var(--serif);font-weight:400;font-size:var(--size-chooser-title)}.op-kleur .lbl .hint{font-size:12px;letter-spacing:.03em;color:var(--muted)}.op-kleur .swatches{display:grid;grid-template-columns:repeat(var(--swatch-cols,13),1fr);gap:10px}.op-kleur .swatch{cursor:pointer;background:none;border:0;padding:0;text-align:left;display:block;width:100%;min-width:0}.op-kleur .swatch .chip{display:block;width:100%;height:14px;border-radius:2px;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px #ffffff0f;transition:transform .16s ease,box-shadow .16s ease,height .16s ease}.op-kleur .swatch:hover .chip{height:18px;box-shadow:0 6px 14px -10px #14100c8c}.op-kleur .swatch .name{display:block;font-size:11px;line-height:1.3;letter-spacing:.01em;color:var(--ink-soft);margin-top:8px}.op-kleur .swatch:hover .name{color:var(--ink)}.op-kleur .swatch .cnt{color:var(--muted)}.op-kleur .swatch[disabled]{cursor:default;opacity:.4}.op-kleur .swatch[disabled]:hover .chip{height:14px;box-shadow:inset 0 0 0 1px #ffffff0f}.op-kleur .results{display:none}.op-kleur .results.on{display:block}.op-kleur .crumb{border-bottom:1px solid var(--rule)}.op-kleur .crumb .wrap{display:flex;align-items:center;gap:14px;height:56px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.op-kleur .crumb .dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.op-kleur .crumb .cur{color:var(--ink)}.op-kleur .crumb .change{margin-left:auto;color:var(--ink-soft);border-bottom:1px solid var(--rule-strong);cursor:pointer;background:none;border-top:0;border-left:0;border-right:0;padding:2px 0;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.op-kleur .crumb .change:hover{color:var(--ink);border-color:var(--ink)}.op-kleur .filterbar{border-bottom:1px solid var(--rule)}.op-kleur .filterbar .wrap{display:flex;align-items:center;gap:12px;padding:22px 40px;flex-wrap:wrap}.op-kleur .fdrop{position:relative}.op-kleur .fbtn{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--rule-strong);border-radius:2px;padding:11px 15px;font-size:13px;color:var(--ink);cursor:pointer}.op-kleur .fbtn:hover{border-color:var(--ink)}.op-kleur .fbtn .badge{min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);border-radius:2px;font-size:11px;padding:0 5px}.op-kleur .fbtn .badge.zero{background:#eceae3;color:var(--muted)}.op-kleur .fbtn svg{width:12px;height:12px}.op-kleur .fpanel{position:absolute;top:calc(100% + 8px);left:0;z-index:30;background:var(--white);border:1px solid var(--rule-strong);border-radius:2px;box-shadow:0 20px 44px -22px #14100c66;padding:10px;min-width:240px;display:none}.op-kleur .fdrop.open .fpanel{display:block}.op-kleur .fopt{display:flex;align-items:center;gap:10px;padding:8px;font-size:13.5px;color:var(--ink-soft);cursor:pointer;border-radius:2px}.op-kleur .fopt:hover{background:#f3f1ea;color:var(--ink)}.op-kleur .fopt input{accent-color:var(--ink);width:15px;height:15px}.op-kleur .fopt .c{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.op-kleur .count{margin-left:auto;font-size:13px;color:var(--muted)}.op-kleur .sortwrap{display:flex;align-items:center;gap:10px}.op-kleur .sortwrap label{font-size:12px;letter-spacing:.04em;color:var(--muted)}.op-kleur .sortwrap select{font-family:inherit;font-size:13px;color:var(--ink);background:var(--white);border:1px solid var(--rule-strong);border-radius:2px;padding:10px 30px 10px 13px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2382868B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.op-kleur .grid-sec .wrap{padding:40px 40px 72px}.op-kleur .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 40px;align-items:start}.op-kleur .card .thumb{width:100%;border:1px solid var(--rule);background:#efece4;position:relative;overflow:hidden}.op-kleur .card .thumb .art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:16px;background-size:cover;background-position:center}.op-kleur .card .thumb .art .t{font-family:var(--serif);font-size:15px;color:#fffffff0;text-shadow:0 1px 10px rgba(0,0,0,.5);line-height:1.2}.op-kleur .card .thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.op-kleur .card h3{font-family:var(--serif);font-weight:400;font-size:var(--size-card-title);line-height:1.15;margin-top:16px}.op-kleur .card .meta{font-size:13px;color:var(--muted);margin-top:5px}.op-kleur .card .foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--rule)}.op-kleur .card .price{font-size:13px;color:var(--ink-soft)}.op-kleur .card .price b{font-family:var(--serif);font-weight:500;font-size:15px;color:var(--ink)}.op-kleur .card .go{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-soft);display:inline-flex;align-items:center;gap:7px}.op-kleur .card .go svg{width:15px;height:15px}.op-kleur .card a.go:hover{color:var(--ink)}.op-kleur .card .swatchdot{position:absolute;top:12px;left:12px;display:flex;gap:5px;z-index:2}.op-kleur .card .swatchdot i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 4px #00000059}.op-kleur .empty{padding:80px 40px;text-align:center}.op-kleur .empty p{font-family:var(--serif);font-size:22px;color:var(--ink-soft);max-width:40ch;margin:0 auto}.op-kleur .empty button{margin-top:22px;background:none;border:1px solid var(--rule-strong);border-radius:2px;padding:11px 20px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer}.op-kleur .empty button:hover{border-color:var(--ink)}.op-kleur .loading{padding:60px 40px;text-align:center;color:var(--muted);font-family:var(--serif);font-size:18px}.op-kleur .pager{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:44px}.op-kleur .pager button{min-width:40px;height:40px;padding:0 6px;border:1px solid var(--rule-strong);background:var(--white);color:var(--ink);border-radius:2px;cursor:pointer;font-family:inherit;font-size:13px;font-variant-numeric:tabular-nums}.op-kleur .pager button:hover:not([disabled]){border-color:var(--ink)}.op-kleur .pager button.on{background:var(--ink);color:var(--paper);border-color:var(--ink);cursor:default}.op-kleur .pager button[disabled]{opacity:.35;cursor:default}.op-kleur .explore{border-top:1px solid var(--rule);background:var(--white)}.op-kleur .explore .wrap{padding:56px 40px 64px}.op-kleur .explore .eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}.op-kleur .explore .cols{display:grid;grid-template-columns:1fr 1fr;gap:56px}.op-kleur .explore h4{font-family:var(--serif);font-weight:400;font-size:15px;letter-spacing:.02em;color:var(--muted);text-transform:uppercase;margin-bottom:16px}.op-kleur .chiprow{display:flex;flex-wrap:wrap;gap:10px}.op-kleur .chiprow a{border:1px solid var(--rule-strong);border-radius:2px;padding:9px 15px;font-size:13px;color:var(--ink);background:var(--paper);cursor:pointer}.op-kleur .chiprow a:hover{border-color:var(--ink)}.op-kleur .chiprow a .n{color:var(--muted);margin-left:7px}@media(max-width:1180px){.op-kleur .swatches{display:flex;grid-template-columns:none;overflow-x:auto;gap:12px;padding-bottom:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.op-kleur .swatches .swatch{flex:0 0 96px}}@media(max-width:1080px){.op-kleur .grid{grid-template-columns:repeat(2,1fr)}.op-kleur .explore .cols{grid-template-columns:1fr}}@media(max-width:720px){.op-kleur .wrap,.op-kleur .chooser .wrap{padding-left:22px;padding-right:22px}.op-kleur .grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.op-kleur *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/section-op-kleur-willem.css.map */