.cs-coll{--white: #ffffff;--cream: #f8f6f3;--greige: #e7e2db;--greige-200: #f1eeea;--brown: #00296f;--ink: #00296f;--navy: #00296f;--rust: #a0492b;--accent: var(--navy);--text: #1b2230;--text-muted: #5b626d;--text-soft: #8b909a;--line: #dfe5f0;--line-strong: #b9c6dd;--success: #3d7a4e;--serif: "Hanken Grotesk", "Lato", sans-serif;--sans: "Lato", "Helvetica Neue", Arial, sans-serif;--display-weight: 800;--display-tracking: -.022em;--r-sm: 2px;--r: 2px;--shadow: 0 8px 30px -12px rgba(40, 34, 24, .18);--gutter: 18px;font-family:var(--sans);color:var(--text);font-size:16px;line-height:1.55}.cs-coll h1,.cs-coll h2,.cs-coll h3{margin:0;line-height:1.12}.cs-coll p{margin:0}.cs-coll a{color:inherit;text-decoration:none}.cs-coll ul{margin:0;padding:0;list-style:none}.cs-coll img{max-width:100%;display:block}.cs-coll button{font-family:inherit;cursor:pointer;background:none;border:0;padding:0;color:inherit}.cs-coll .eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brown)}.cs-coll .cwrap{max-width:1720px;margin:0 auto;padding:0 clamp(18px,3vw,44px)}.cs-coll .badge{display:inline-flex;align-items:center;height:24px;padding:0 11px;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cs-coll .badge--nieuw{background:var(--greige);color:#3a352e}.cs-coll .badge--popular{background:#012156;color:#fff}.cs-coll .badge--opop{background:red;color:#fff}.cs-coll.chero{padding:30px 0 26px;border-bottom:1px solid var(--line);background:#fff}.cs-coll .chero__crumb{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-soft);margin-bottom:16px;flex-wrap:wrap}.cs-coll .chero__crumb a:hover{color:var(--ink)}.cs-coll .chero__crumb svg{width:13px;height:13px;opacity:.5}.cs-coll .chero__crumb b{color:var(--text);font-weight:600}.cs-coll .chero__row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}.cs-coll .chero__title{max-width:60ch}.cs-coll .chero__title .eyebrow{display:block;margin-bottom:9px}.cs-coll .chero__title h1{font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-size:clamp(32px,5vw,52px);color:var(--ink);line-height:1.02}.cs-coll .chero__title p,.cs-coll .chero__desc{margin-top:12px;color:var(--text-muted);font-size:15.5px;line-height:1.6;max-width:56ch}.cs-coll .chero__desc>p{margin:0}.cs-coll .cusp{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:22px}.cs-coll .cusp li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text)}.cs-coll .cusp svg{width:19px;height:19px;color:var(--success);flex:none}.cs-coll.cmain{background:var(--cream)}.cs-coll .ctoolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;flex-wrap:wrap}.cs-coll .ctoolbar__count{font-size:14px;color:var(--text-muted)}.cs-coll .ctoolbar__count b{color:var(--ink);font-weight:800}.cs-coll .ctoolbar__right{display:flex;align-items:center;gap:12px}.cs-coll .cfilter-toggle{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 18px;border:1.5px solid var(--line-strong);border-radius:var(--r);background:#fff;font-size:14px;font-weight:700;color:var(--ink);transition:border-color .15s}.cs-coll .cfilter-toggle:hover{border-color:var(--ink)}.cs-coll .cfilter-toggle svg{width:18px;height:18px}.cs-coll .cfilter-toggle .cnt{min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--ink);color:#fff;font-size:11px;font-weight:800;display:none;align-items:center;justify-content:center}.cs-coll .cfilter-toggle.has-active .cnt{display:inline-flex}@media(min-width:1000px){.cs-coll .cfilter-toggle{display:none}}.cs-coll .csort{display:flex;align-items:center;gap:10px}.cs-coll .csort label{font-size:14px;color:var(--text-muted);white-space:nowrap}@media(max-width:767px){.cs-coll .csort label{display:none}}.cs-coll .csort .sel{position:relative}.cs-coll .csort select{appearance:none;-webkit-appearance:none;height:46px;border:1.5px solid var(--line-strong);border-radius:var(--r);background:#fff;padding:0 42px 0 16px;font-family:inherit;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2300296f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 13px center;background-size:19px}.cs-coll .csort select:focus{outline:none;border-color:var(--ink)}.cs-coll .clayout{display:grid;grid-template-columns:1fr;gap:0;padding-bottom:70px}@media(min-width:1000px){.cs-coll .clayout{grid-template-columns:250px 1fr;gap:0 44px;align-items:start}}.cs-coll .cfilters{align-self:start;margin:0 0 60px}.cs-coll .cfgroup{border-bottom:1px solid var(--line)}.cs-coll .cfgroup__sum{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 2px;font-size:14.5px;font-weight:800;letter-spacing:.01em;color:var(--ink)}.cs-coll .cfgroup__sum::-webkit-details-marker{display:none}.cs-coll .cfgroup__sum svg{width:18px;height:18px;color:var(--ink);flex:none;transition:transform .25s}.cs-coll .cfgroup[open] .cfgroup__sum svg{transform:rotate(180deg)}.cs-coll .cfgroup__body{padding:2px 2px 20px;display:flex;flex-direction:column;gap:3px;animation:csCfIn .2s ease}@keyframes csCfIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.cs-coll .cfopt{display:flex;align-items:center;gap:12px;padding:7px 6px;border-radius:var(--r-sm);cursor:pointer;font-size:14.5px;color:var(--text);position:relative}.cs-coll .cfopt input{position:absolute;opacity:0;width:0;height:0}.cs-coll .cfopt .box{width:20px;height:20px;border:1.6px solid var(--line-strong);border-radius:3px;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .12s;background:#fff}.cs-coll .cfopt .box svg{width:13px;height:13px;opacity:0}.cs-coll .cfopt input:checked~.box{background:var(--ink);border-color:var(--ink)}.cs-coll .cfopt input:checked~.box svg{opacity:1}.cs-coll .cfopt input:focus-visible~.box{outline:2px solid var(--ink);outline-offset:2px}.cs-coll .cfopt .n{flex:1}.cs-coll .cfopt .c{font-size:12.5px;color:var(--text-soft);font-weight:600}.cs-coll .cfopt.is-empty{opacity:.34;pointer-events:none}.cs-coll .cfprice{display:flex;align-items:center;gap:8px;padding:2px 2px 6px}.cs-coll .cfprice input{width:100%;min-width:0;height:44px;border:1.5px solid var(--line-strong);border-radius:var(--r-sm);background:#fff;padding:0 10px;font-family:inherit;font-size:14px;color:var(--ink)}.cs-coll .cfprice input:focus{outline:none;border-color:var(--ink)}.cs-coll .cfprice span{color:var(--text-soft);flex:none}.cs-coll .cfprice-apply{margin:4px 2px 14px;height:40px;padding:0 16px;border:1.5px solid var(--ink);border-radius:var(--r-sm);background:#fff;color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:all .15s}.cs-coll .cfprice-apply:hover{background:var(--ink);color:#fff}.cs-coll .cfclear{margin-top:22px;width:100%;height:50px;border:1.5px solid var(--ink);border-radius:var(--r);background:#fff;color:var(--ink);font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:all .15s;display:flex;align-items:center;justify-content:center}.cs-coll .cfclear:hover{background:var(--ink);color:#fff}.cs-coll .cfclear.is-disabled{opacity:.35;pointer-events:none;border-color:var(--line-strong);color:var(--text-soft);background:#fff}.cs-coll .cfnone{padding:16px 2px;font-size:13.5px;color:var(--text-soft)}.cs-coll .cgrid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong)}@media(min-width:640px){.cs-coll .cgrid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1360px){.cs-coll .cgrid{grid-template-columns:repeat(4,1fr)}}.cs-coll .ccard{position:relative;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);transition:background .18s}.cs-coll .ccard:hover{background:#fff;box-shadow:0 10px 26px -18px #1b223059}.cs-coll .ccard>a{display:flex;flex-direction:column;flex:1}.cs-coll .ccard__imgwrap{position:relative;background:#fff;aspect-ratio:1/1;overflow:hidden}.cs-coll .ccard__img{width:100%;height:100%;object-fit:contain}.cs-coll .ccard--cover .ccard__img{object-fit:cover}.cs-coll .ccard__badge{position:absolute;left:14px;bottom:14px;z-index:2}.cs-coll .ccard__body{padding:16px 16px 20px;display:flex;flex-direction:column;gap:5px;flex:1}.cs-coll .ccard__brand{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--brown)}.cs-coll .ccard__name{font-size:15.5px;font-weight:700;color:#474e5a;line-height:1.28}.cs-coll .ccard__spec{font-size:13px;color:var(--text-muted);line-height:1.45;margin-top:1px}.cs-coll .ccard__avail{display:flex;flex-direction:column;gap:2px;margin-top:10px}.cs-coll .ccard__avail-badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700}.cs-coll .ccard__avail-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.cs-coll .ccard__avail.is-in .ccard__avail-badge{color:var(--success)}.cs-coll .ccard__avail.is-out .ccard__avail-badge{color:var(--rust)}.cs-coll .ccard__avail-detail{font-size:12px;color:var(--text-soft);line-height:1.4}.cs-coll .ccard__foot{display:flex;align-items:baseline;gap:9px;margin-top:11px}.cs-coll .ccard__price{font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-size:23px;color:var(--ink)}.cs-coll .ccard__was{font-size:14px;color:var(--text-soft);text-decoration:line-through}.cs-coll .ccard__unit{font-size:12px;color:var(--text-soft);margin-top:2px}.cs-coll .cpromo{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:36px 30px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cs-coll .cpromo svg{width:40px;height:40px;color:var(--ink);stroke-width:1.4}.cs-coll .cpromo b{font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);font-size:clamp(20px,1.7vw,25px);color:var(--ink);line-height:1.15;max-width:15ch}.cs-coll .cpromo span{font-size:14px;color:var(--text-muted);max-width:24ch;line-height:1.5}.cs-coll .cpromo a{font-size:13px;font-weight:800;color:var(--ink);border-bottom:1.5px solid var(--ink);padding-bottom:1px}.cs-coll .cempty{grid-column:1/-1;padding:70px 20px;text-align:center;color:var(--text-muted);background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cs-coll .cempty b{display:block;font-family:var(--serif);font-weight:var(--display-weight);font-size:24px;color:var(--ink);margin-bottom:8px}.cs-coll .cempty a.cfclear{display:inline-flex;width:auto;padding:0 26px;margin-top:18px}.cs-coll .cpage{display:flex;align-items:center;justify-content:center;gap:8px;padding:34px 0 10px}.cs-coll .cpage a,.cs-coll .cpage span.cur{min-width:46px;height:46px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--line-strong);border-radius:var(--r);background:#fff;font-size:14px;font-weight:700;color:var(--ink);transition:border-color .15s}.cs-coll .cpage a:hover{border-color:var(--ink)}.cs-coll .cpage span.cur{background:var(--ink);border-color:var(--ink);color:#fff}.cs-coll .cpage span.gap{color:var(--text-soft)}.cs-coll .cpage svg{width:17px;height:17px}.cs-coll .cfscrim,.cfscrim.cs-coll{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#1a161080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}body.cf-open .cfscrim{opacity:1;visibility:visible}.cs-coll .cfclose,.cs-coll .cfilters__head{display:none}@media(max-width:999px){body.cf-open{overflow:hidden}.cs-coll .cfilters,.cfilters.cs-coll{position:fixed;top:0;left:0;bottom:0;z-index:95;width:min(340px,86vw);margin:0;background:#fff;padding:0 22px 26px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translate(-100%);transition:transform .28s cubic-bezier(.2,.8,.3,1);box-shadow:0 20px 60px -20px #0006}body.cf-open .cs-coll .cfilters,body.cf-open .cfilters.cs-coll{transform:none}.cs-coll .cfilters__head{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px 0 14px;margin-bottom:4px;border-bottom:1px solid var(--line);z-index:2}.cs-coll .cfilters__head b{font-family:var(--serif);font-weight:var(--display-weight);font-size:21px;color:var(--ink)}.cs-coll .cfclose{display:flex;width:40px;height:40px;border-radius:50%;background:var(--cream);align-items:center;justify-content:center;color:var(--ink)}.cs-coll .cfclose svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/colorstore-collection.css.map */