.pl-was[hidden],.pl-actie[hidden],.pv-balk__was[hidden]{display:none!important}.staal-pdp-root .pl-was{position:relative;margin-left:-4px;font-size:17px;font-weight:400;line-height:1;letter-spacing:-.01em;color:#86868b;text-decoration:none;font-variant-numeric:tabular-nums}.staal-pdp-root .pl-was:after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:1.5px;border-radius:1px;background:currentColor;transform-origin:left center;animation:staal-streep .9s cubic-bezier(.16,1,.3,1) .35s both}.staal-pdp-root .pl-was.is-trek:after{animation-delay:.05s}.staal-pdp-root .pl-actie{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 0;padding:15px 18px 15px 16px;border-radius:var(--staal-r-knop, 10px);background:radial-gradient(130% 180% at 100% 0%,#e88a5d61,#e88a5d00 58%),linear-gradient(180deg,#252528,#161618);box-shadow:inset 0 1px #ffffff17,0 16px 32px -20px #16161899;color:#f5f5f7;animation:staal-actie-in .8s cubic-bezier(.16,1,.3,1) .15s both}.staal-pdp-root .pl-actie:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.11) 50%,transparent 62%);transform:translate(-100%);animation:staal-glans 7s cubic-bezier(.45,0,.2,1) 1.4s infinite}.pl-actie__links{display:grid;gap:7px;min-width:0}.pl-actie__naam{display:inline-flex;align-items:center;gap:8px;font:400 10.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#f4b393}.pl-actie__tekst{font:400 13px/1.35 var(--pv-f, "Manrope"),system-ui,sans-serif;color:#f5f5f7b3}.pl-actie__rechts{display:grid;justify-items:end;gap:5px;flex:none;text-align:right}.pl-actie__rechts small{font:400 9.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#f5f5f794}.pl-actie__rechts b{font:600 27px/1 var(--pv-f, "Manrope"),system-ui,sans-serif;letter-spacing:-.025em;color:#fff;font-variant-numeric:tabular-nums}.pl-actie__naam i,.st-kaart__actie i{flex:none;width:6px;height:6px;border-radius:50%;background:#e88a5d;animation:staal-puls 2.6s cubic-bezier(.16,1,.3,1) infinite}.pv-balk__prijs{display:inline-flex;align-items:baseline;gap:8px}.pv-balk__was{position:relative;font-size:12px;font-weight:400;color:#86868b;text-decoration:none;font-variant-numeric:tabular-nums}.pv-balk__was:after{content:"";position:absolute;left:-1px;right:-1px;top:52%;height:1px;background:currentColor}.st-kaart__actie{position:absolute;left:0;right:0;bottom:0;top:auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;height:34px;padding:0 14px 0 13px;background:linear-gradient(180deg,#1f1f22,#0f0f11);box-shadow:inset 0 1px #ffffff17;color:#f5f5f7;white-space:nowrap;pointer-events:none}.st-kaart__actie>*{flex:none}.st-kaart__links{display:inline-flex;align-items:center;gap:8px;font:400 10px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#f5f5f7c7}.st-kaart__actie i{position:relative;width:6px;height:6px;animation:none}.st-kaart__actie i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#e88a5d;animation:staal-bf-ring 2.6s cubic-bezier(.16,1,.3,1) infinite}@keyframes staal-bf-ring{0%{opacity:.55;transform:none}70%,to{opacity:0;transform:scale(3.2)}}.st-kaart__bedrag{font:700 15px/1 Manrope,system-ui,sans-serif;letter-spacing:-.02em;color:#f4b393;font-variant-numeric:tabular-nums}.st-kaart__wissel{display:inline-block;overflow:hidden;height:1.3em;line-height:1.3;vertical-align:middle}.st-kaart__wissel>span{display:block}.st-kaart__bedrag .st-kaart__wissel{text-align:right}@media(hover:hover)and (pointer:fine){.st-kaart__wissel>span{transition:transform .6s cubic-bezier(.33,0,.67,1)}.st-kaart__bedrag .st-kaart__wissel>span{transition-delay:.05s}:is(.st-kaart,.sck):hover .st-kaart__wissel>span{transform:translateY(-100%)}}.bf-js .st-kaart__actie:not(.is-live){translate:0 100%}.bf-js .st-kaart__actie:not(.is-live)>*{opacity:0}.st-kaart__actie.is-live{animation:staal-bf-balk .75s cubic-bezier(.33,0,.67,1) .25s backwards}.st-kaart__actie.is-live>*{animation:staal-bf-tekst .7s cubic-bezier(.33,0,.2,1) .8s backwards}.st-kaart__actie.is-live>.st-kaart__bedrag{animation-delay:.9s}@keyframes staal-bf-balk{0%{translate:0 100%}}@keyframes staal-bf-tekst{0%{opacity:0;translate:0 6px}}@media(hover:none){.st-kaart__actie.is-live .st-kaart__wissel>span{animation:staal-bf-wissel 3.6s cubic-bezier(.33,0,.67,1) 1.9s both}}@keyframes staal-bf-wissel{0%{transform:none}16%,76%{transform:translateY(-100%)}92%,to{transform:none}}.st-kaart__was:after{content:"";position:absolute;left:-1px;right:-1px;top:54%;height:1px;background:currentColor;transform-origin:left center}.bf-js :is(.st-kaart,.sck):has(.st-kaart__actie:not(.is-live)) .st-kaart__was:after{transform:scaleX(0)}:is(.st-kaart,.sck):has(.st-kaart__actie.is-live) .st-kaart__was:after{animation:staal-streep .9s cubic-bezier(.16,1,.3,1) calc(.85s + var(--i, 0) * 45ms) both}:is(.sck__beeld,.st-kaart__beeld):has(>.st-kaart__actie){container-type:inline-size}@container (max-width: 300px){.st-kaart__actie{height:30px}}@container (max-width: 240px){.st-kaart__actie{height:26px;gap:8px;padding:0 10px 0 9px}.st-kaart__links{gap:6px;font-size:8.5px;letter-spacing:.12em}.st-kaart__actie i{width:5px;height:5px}.st-kaart__bedrag{font-size:12.5px}}.st-kaart__was{position:relative;margin-left:4px;font-size:10.5px;letter-spacing:.02em;text-transform:none;color:#86868b;text-decoration:none;font-variant-numeric:tabular-nums}@keyframes staal-streep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes staal-actie-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes staal-glans{0%{transform:translate(-100%)}28%,to{transform:translate(100%)}}@keyframes staal-puls{0%{box-shadow:0 0 #e88a5d99}70%,to{box-shadow:0 0 0 7px #e88a5d00}}@media(prefers-reduced-motion:reduce){.staal-pdp-root .pl-was:after,.staal-pdp-root .pl-actie,.staal-pdp-root .pl-actie:after,.pl-actie__naam i,.st-kaart__actie i,.st-kaart__actie i:after,.st-kaart__actie,.st-kaart__actie>*,.st-kaart__wissel>span,.st-kaart__was:after{animation:none!important;transition:none!important}.staal-pdp-root .pl-actie:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/staal-actie.css.map */