.sc{--rand: clamp(20px, 4.7vw, 76px);--wrap-b: min(calc(1600px - 2 * var(--rand)), calc(100% - 2 * var(--rand)));--pr-kaart: 14px;--kaart-b: min(72vw, 300px);--pz: cubic-bezier(.16, 1, .3, 1);--pv: cubic-bezier(.34, 1.56, .64, 1);--st-veer: cubic-bezier(.34, 1.56, .64, 1);--st-vlot: cubic-bezier(.32, .72, 0, 1);--h3-pop: cubic-bezier(.3, 1.35, .5, 1);--h3-zacht: cubic-bezier(.22, 1, .36, 1);--st-font: "Manrope", system-ui, -apple-system, sans-serif;--st-mono: "IBM Plex Mono", ui-monospace, monospace;--brand-accent: #a75832;--terra: #E88A5D;--st-terra-diep: #a75832;--st-terra-waas: #F8EDE6;display:block;color:#1d1d1f;font-family:var(--st-font);font-size:16px;line-height:1.55}.sc *,.sc *:before,.sc *:after{box-sizing:border-box}.sc-wrap{width:var(--wrap-b);margin-inline:auto}.sc .sh-lineups{margin-top:clamp(12px,1.2vw,18px)}.sc .sh-kaarten{--pr-kaart: 14px;--pz: cubic-bezier(.16, 1, .3, 1);--pv: cubic-bezier(.34, 1.56, .64, 1);--terra: #E88A5D;--st-terra: #E88A5D;--st-terra-waas: #F8EDE6;--st-terra-diep: #a75832;--st-mono: "IBM Plex Mono", ui-monospace, monospace;--st-font: "Manrope", system-ui, -apple-system, sans-serif;--st-veer: cubic-bezier(.34, 1.56, .64, 1);--st-vlot: cubic-bezier(.32, .72, 0, 1);--ease: cubic-bezier(.16, 1, .3, 1);--brand-accent: #a75832;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 18px;margin:0;padding:0;list-style:none;color:#1d1d1f;font-size:16px;line-height:1.5}.sc .sh-kaart-plek{min-width:0;margin:0}.sc .sck{position:relative;display:block;height:100%;padding:10px;border-radius:var(--pr-kaart);background:#fff;border:0;box-shadow:none;container-type:inline-size;isolation:isolate;font-family:var(--st-font);transition:transform .6s var(--pz),box-shadow .6s var(--pz)}.sc .sck:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(340px circle at var(--lx, 50%) var(--ly, 30%),rgba(232,138,93,.15),rgba(232,138,93,0) 62%);opacity:0;transition:opacity .5s var(--pz),--lx .5s var(--pz),--ly .5s var(--pz)}.sc .sck__tag{position:absolute;left:10px;top:10px;z-index:2;max-width:calc(100% - 64px);padding:6px 9px 5px;border-radius:var(--staal-r-klein, 6px);background:#ffffffeb;box-shadow:0 0 0 1px #15171a0d;font-family:var(--st-mono);font-size:9px;font-weight:400;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc .sck__vgl{position:absolute;right:18px;top:18px;z-index:3;display:grid;place-items:center;width:30px;height:30px;margin:0;padding:0;border:0;border-radius:50%;background:#ffffffeb;box-shadow:0 0 0 1px #15171a0f,0 6px 14px -8px #15171a59;cursor:pointer;color:#6e6e73;transition:transform .46s var(--st-veer),background-color .3s var(--st-vlot),color .3s var(--st-vlot),box-shadow .3s var(--st-vlot)}.sc .sck__vgl>span{display:grid;place-items:center;width:20px;height:20px;font-size:16px;font-weight:400;line-height:1}.sc .sck__vgl[aria-pressed=true]{background:var(--brand-accent);color:#fff;box-shadow:0 8px 18px -8px var(--brand-accent)}.sc .sck__vgl[aria-pressed=true]>span{font-size:14px;animation:st-plop .4s var(--st-veer)}@media(hover:hover)and (pointer:fine){.sc .sck__vgl:not([aria-pressed=true]):hover{background:#fff;color:#1d1d1f;transform:scale(1.08)}}.sc .sck__vgl:active{transform:scale(.9);transition-duration:.08s}.sc .sck__vgl.is-vol{animation:sh-nee .42s var(--st-vlot)}.sc .sck__vlak{display:block;width:100%;text-align:left;background:none;border:0;padding:0;color:inherit;text-decoration:none;cursor:pointer}.sc .sck__beeld{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:5 / 4;border-radius:calc(var(--pr-kaart) - 4px);background:#f5f5f2;transition:background-color .5s var(--pz)}.sc .sck__beeld img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;transition:transform .9s var(--pz)}.sc .sck__beeld img[data-vul]{transform:translate(var(--st-dx, 0px),var(--st-dy, 0px)) scale(var(--st-k, 1))}.sc .sck__vlak:active .sck__beeld img{transition-duration:.2s}.sc .sck__kop{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:14px;padding-inline:2px}.sc .sck__merk{display:block;font-family:var(--st-mono);font-size:9px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#6e6e73}.sc .sck__naam{display:block;margin-top:5px;font-size:18px;font-weight:400;line-height:1.15;letter-spacing:-.025em;color:#1d1d1f;text-wrap:balance}.sc .sck__prijs{flex:0 0 auto;text-align:right;white-space:nowrap;font-size:18px;font-weight:400;line-height:1.15;letter-spacing:-.01em;color:#1d1d1f;font-variant-numeric:tabular-nums}.sc .sck__prijs small{display:block;margin-bottom:5px;font-family:var(--st-mono);font-size:9px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#6e6e73}.sc .sck .sck-spx{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 8px;margin:14px 2px 0;padding-top:12px;background-image:repeating-linear-gradient(90deg,#E3E3DE 0 1px,transparent 1px 5px);background-size:100% 1px;background-repeat:no-repeat;background-position:0 0}.sc .sck .sck-spr{min-width:0}.sc .sck .sck-spr b{display:block;font-family:var(--st-mono);font-weight:400;letter-spacing:-.01em;color:#1d1d1f;font-size:clamp(8px,4.7cqi,12px);white-space:nowrap}.sc .sck .sck-spr small{display:block;margin-top:3px;font-family:var(--st-mono);font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73;font-size:clamp(7px,3.4cqi,9px);white-space:nowrap}.sc .sck__sw{display:flex;align-items:center;gap:5px;min-width:0}.sc .sck__sw i{display:block;width:12px;height:12px;border-radius:999px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #15171a24;transition:transform .5s var(--pv)}.sc .sck__sw i:nth-child(2){transition-delay:.03s}.sc .sck__sw i:nth-child(3){transition-delay:.06s}.sc .sck__sw i:nth-child(4){transition-delay:.09s}.sc .sck__sw i:nth-child(5){transition-delay:.12s}.sc .sck__sw i.sck__sw--leeg{background:#e4e4df;box-shadow:inset 0 0 0 1px #15171a2e}.sc .sck__sw em{font-style:normal;margin-left:4px;font-size:12px;font-weight:400;color:#6e6e73;white-space:nowrap}.sc .sck__cta{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:9px 12px 9px 14px;border-radius:var(--staal-r-knop, 10px);background:var(--st-terra-waas);color:var(--st-terra-diep);font-size:13px;font-weight:600;letter-spacing:.005em;white-space:nowrap;transition:background-color .35s var(--pz),color .35s var(--pz),transform .46s var(--st-veer)}.sc .sck__voet{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 2px 0;padding-top:14px;background-image:repeating-linear-gradient(90deg,#E3E3DE 0 1px,transparent 1px 5px);background-size:100% 1px;background-repeat:no-repeat;background-position:0 0}.sc .sck__cta i{display:grid;place-items:center;width:14px;height:14px;transition:transform .55s var(--pv)}.sc .sck__cta svg{width:14px;height:14px}.sc .sck__vlak:active .sck__cta{transform:scale(.955);transition-duration:.08s}.sc .sck__vlak:focus-visible{outline:none}.sc .sck__vlak:focus-visible .sck__cta{background:var(--terra);color:#fff}@media(hover:hover)and (pointer:fine){.sc .sck:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px #19252c6b,0 2px 8px -4px #19252c14}.sc .sck:hover:after{opacity:1}.sc .sck:hover .sck__beeld{background:#f1ece6}.sc .sck:hover .sck__beeld img[data-vul]{transform:translate(var(--st-dx, 0px),var(--st-dy, 0px)) scale(calc(var(--st-k, 1) * 1.05))}.sc .sck:hover .sck__beeld img:not([data-vul]){transform:translateY(-6px) scale(1.065)}.sc .sck:hover .sck__cta{background:var(--terra);color:#fff}.sc .sck:hover .sck__cta i{transform:translate(2px,-2px)}.sc .sck:hover .sck__sw i{transform:scale(1.18)}}@media(max-width:899px){.sc .sck .sck-spr small{letter-spacing:.06em}}.sc.hm-js .sh-kaarten.is-pop .sck{animation:st-pop-kaart .7s var(--pv) calc(var(--i, 0) * 45ms) both}.sc.hm-js .sh-kaarten.is-pop.st-komt-op .sck{animation:st-pop-kaart .65s var(--pv) calc(var(--i, 0) * .04s) both}@media(prefers-reduced-motion:reduce){.sc .sh-kaarten .sck{opacity:1!important;animation:none!important;transition:none!important}.sc .sck__beeld img,.sc .sck__cta,.sc .sck__vgl{transition-duration:.14s}}.sc .sh-kaarten-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.sc .sh-kaarten-nav.is-leeg{display:none}.sc .sh-kaarten-balk{position:relative;flex:0 1 180px;height:3px;border-radius:3px;overflow:hidden;background:#1728301a}.sc .sh-kaarten-balk i{position:absolute;left:0;top:0;bottom:0;width:40%;border-radius:inherit;background:linear-gradient(90deg,#e88a5d,#e88a5d);transition:width .4s var(--pz)}.sc .sh-kaarten-pijlen{display:flex;gap:8px}.sc .sh-kaarten-pijl{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#fff;color:#1d1d1f;cursor:pointer;box-shadow:0 0 0 1px #17283014,0 10px 22px -14px #102d3373;transition:transform .45s var(--h3-pop, cubic-bezier(.3, 1.35, .5, 1)),opacity .3s ease,background-color .3s ease,color .3s ease}.sc .sh-kaarten-pijl svg{width:16px;height:16px}.sc .sh-kaarten-pijl:disabled{opacity:.35;cursor:default}.sc .sh-kaarten-pijl:not(:disabled):active{transform:scale(.9)}@media(hover:hover)and (pointer:fine){.sc .sh-kaarten-pijl:not(:disabled):hover{background:#172830;color:#fff;transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.sc .sh-kaarten{scroll-behavior:auto}.sc .sh-kaarten .sh-kaart-plek{animation:none!important}}.sc .sh-kaarten{--kaart-b: min(72vw, 300px);position:relative;display:flex;align-items:stretch;gap:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--rand, 20px));padding-inline:var(--rand, 20px);scroll-padding-inline:var(--rand, 20px);padding-block:10px 34px;margin-block:-10px -34px;scrollbar-width:none}.sc .sh-kaarten::-webkit-scrollbar{display:none}.sc .sh-kaart-plek{flex:0 0 var(--kaart-b);scroll-snap-align:start}.sc .sh-kaart-plek[data-merk=tenways]{--brand-accent: #527957}@media(min-width:740px){.sc .sh-kaarten{--kaart-b: clamp(250px, 36vw, 310px);gap:16px}}@media(min-width:1024px){.sc .sh-kaarten{--kaart-b: calc((100% - 54px)/4) ;gap:18px}}@supports (animation-timeline: view(inline)){.sc .sh-kaarten .sh-kaart-plek{animation:sh-focus linear both;animation-timeline:view(inline);animation-range:entry 0% exit 100%}}.sc.hm-js .sh-kaarten:not(.is-pop) .sck{opacity:0}.sc.hm-js .sh-kaarten.is-pop .sck{animation:sh-kaart-schuif .9s var(--pz) calc(.08s + min(var(--i, 0),5)*.07s) both}@media(prefers-reduced-motion:reduce){.sc .sh-kaarten .sck{opacity:1!important;animation:none!important}}.sc .sh-kaarten-merken{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.sc .sh-kaarten-merken button{flex:0 0 auto;padding:8px 0;border:0;background:none;cursor:pointer;font:500 10.5px/1 var(--st-mono, "IBM Plex Mono", monospace);letter-spacing:.16em;color:#86868b;transition:color .5s var(--pz, cubic-bezier(.16, 1, .3, 1))}.sc .sh-kaarten-merken button[aria-pressed=true]{color:#1d1d1f}@media(hover:hover)and (pointer:fine){.sc .sh-kaarten-merken button:hover{color:#1d1d1f}}.sc .sh-kaarten-merken .sh-kaarten-balk{flex:1 1 auto;max-width:220px}@media(max-width:420px){.sc .sh-kaarten-merken{gap:10px}.sc .sh-kaarten-merken button{font-size:9.5px;letter-spacing:.12em}}@media(max-width:360px){.sc .sck__naam,.sc .sck__prijs{font-size:16px}}.sc .sck .sh-specs{grid-template-columns:auto auto auto;justify-content:space-between;gap:0 10px;margin-top:14px;padding-top:14px}.sc .sck .sh-specs .sck-spr{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.sc .sck .sh-specs .sck-spr:nth-child(2){align-items:center;text-align:center}.sc .sck .sh-specs .sck-spr:nth-child(3){align-items:flex-end;text-align:right}.sc .sck .sh-specs .sck-spr b{display:inline-flex;align-items:center;gap:5px;font-family:var(--st-font);font-size:clamp(12px,4.6cqi,13.5px);font-weight:400;letter-spacing:0;line-height:1.1;color:#1d1d1f;white-space:nowrap;font-variant-numeric:tabular-nums}.sc .sck .sh-specs .sck-spr b svg{width:13px;height:13px;flex:0 0 auto;color:var(--brand-accent);opacity:.72}.sc .sck .sh-specs .sck-spr small{display:block;margin-top:5px;font-family:var(--st-mono);font-size:8px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#86868b;white-space:nowrap}.sc .sck .sh-specs .sck-spr:nth-child(1) small{padding-left:18px}.sc.hm-js .sh-kaarten .sck:not(.is-gezien) :is(.sck__tag,.sck__vgl){opacity:0}.sc.hm-js .sh-kaarten .sck:not(.is-gezien) .sck__sw i{scale:0}.sc.hm-js .sh-kaarten .sck.is-gezien .sck__tag{animation:sh-chip .7s var(--pz) .18s both}.sc.hm-js .sh-kaarten .sck.is-gezien .sck__vgl{animation:sh-knop .7s var(--pv) .28s both}.sc.hm-js .sh-kaarten .sck.is-gezien .sck__sw i{animation:sh-bol .55s var(--pv) calc(.35s + var(--b, 0) * .06s) both}.sc .sck__sw i:nth-child(2){--b: 1}.sc .sck__sw i:nth-child(3){--b: 2}.sc .sck__sw i:nth-child(4){--b: 3}.sc .sck__sw i:nth-child(5){--b: 4}.sc .sck__sw i:nth-child(6){--b: 5}.sc .sck__beeld img{transition:transform .9s var(--pz),scale 1.4s var(--pz)}.sc.hm-js .sh-kaarten .sck:not(.is-gezien) .sck__beeld img{scale:1.07}@supports (animation-timeline: view(inline)){.sc .sh-kaarten .sck__beeld img{animation:sh-diepte linear both;animation-timeline:view(inline);animation-range:entry 0% exit 100%}}@media(hover:none){.sc .sck{transition:transform .35s var(--pz)}.sc .sck:active{transform:scale(.98);transition-duration:.12s}}.sc .sck__vgl:focus-visible{outline:2px solid #a75832;outline-offset:3px}.sc .sck__vlak:focus-visible .sck__naam{text-decoration:underline;text-underline-offset:3px}@media(prefers-reduced-motion:reduce){.sc .sh-kaarten .sck :is(.sck__tag,.sck__vgl,.sck__sw i){opacity:1!important;scale:1!important;animation:none!important}.sc .sh-kaarten .sck__beeld img{scale:1!important;animation:none!important;translate:none!important}}@keyframes sh-bol{0%{scale:0}}@keyframes sh-chip{0%{opacity:0;translate:0 -8px}}@keyframes sh-diepte{entry 0% {translate: 8% 0;} entry 100% {translate: 0 0;} exit 0% {translate: 0 0;} exit 100% {translate: -8% 0;}}@keyframes sh-focus{entry 0% {opacity: .45; translate: 0 18px;} entry 100% {opacity: 1; translate: 0 0;} exit 0% {opacity: 1; translate: 0 0;} exit 100% {opacity: .45; translate: 0 18px;}}@keyframes sh-kaart-schuif{0%{opacity:0;translate:56px 0;scale:.96}}@keyframes sh-knop{0%{opacity:0;scale:.4}}@keyframes sh-nee{0%,to{transform:none}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes st-plop{0%{transform:scale(1)}38%{transform:scale(.82)}to{transform:scale(1)}}@keyframes st-pop-kaart{0%{opacity:0;translate:0 28px;scale:.95}}.sc a.sck__vlak{background-image:none!important}.sc.sc--rij{background:transparent;padding:clamp(18px,2.4vw,36px) 0 clamp(18px,2vw,30px);scroll-margin-top:72px}staal-bikes:has(.sc--rij) .st-wd.st-section{padding-top:clamp(30px,3.6vw,52px)}.sc-tel{flex:0 0 auto;font:500 10.5px/1 var(--st-mono);letter-spacing:.16em;text-transform:uppercase;color:#86868b}.sc-tel b{font-weight:500;color:#a75832}@media(max-width:760px){.sc-tel{font-size:9.5px;letter-spacing:.12em}}.sc .sck.is-keuze{box-shadow:0 0 0 1.5px #e88a5d8c,0 18px 36px -26px #a758328c}.sc .sck.is-keuze .sck__tag{background:#f8ede6;color:#a75832;box-shadow:none}.sc [data-sc-weergave][hidden]{display:none!important}.sc .sc-blok{scroll-margin-top:84px}
/*# sourceMappingURL=/cdn/shop/t/49/assets/staal-collectie.css.map */