.okc{--okc-ink: #0F2028;--okc-muted: #5F6B71;--okc-orange: #FC491B;--okc-orange-hover: #E64217;--okc-beige: #F5F1EC;--okc-bean: #8B7259;--okc-bean-off: #E6DED3;--okc-green: #29A745;--okc-head: var(--header-font-stack, "Source Sans Pro", sans-serif);--okc-ease: cubic-bezier(.2, .8, .2, 1)}.grid-view-item.okc{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;height:100%;margin:0;padding:0;text-align:left;color:var(--okc-ink)}.okc *,.okc *:before,.okc *:after{box-sizing:border-box}.okc .okc__inner{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;padding:6px;border-radius:20px;background:#fff;transition:box-shadow .4s ease}.okc .okc__top{position:relative}.okc .okc__media{position:relative;display:block;overflow:hidden;isolation:isolate;aspect-ratio:1 / 1;border-radius:15px;background:#fff}.okc .okc__media img,.okc .okc__media svg{display:block;width:100%;max-width:none;height:100%;margin:0;object-fit:contain;transition:transform .6s var(--okc-ease),opacity .3s ease}.okc .okc__media .okc__img--ph{fill:#0f202840;background:var(--okc-beige)}.okc .okc__chip{position:absolute;z-index:2;top:6px;left:6px;max-width:calc(100% - 12px);overflow:hidden;padding:5px 9px;border-radius:999px;background:var(--okc-ink);color:#fff;font-family:inherit;font-size:11.5px;font-weight:800;line-height:1.2;letter-spacing:0;text-transform:none;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.okc .okc__chip--soft{background:var(--okc-beige);color:var(--okc-ink)}.okc .okc__body{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0;padding:10px 6px 4px;container-type:inline-size}.okc a.okc__name,.okc a.okc__name:hover,.okc a.okc__name:focus{display:block;color:var(--okc-ink)!important;text-decoration:none!important;background-image:none!important}.okc a.okc__name:before,.okc a.okc__name:after{content:none!important}.okc .okc__kicker{display:block;margin:0 0 3px;font-family:inherit;font-size:11px;font-weight:800;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;color:var(--okc-muted)}.okc .okc__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-family:var(--okc-head);font-size:15px;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:none;color:var(--okc-ink);overflow-wrap:anywhere}.okc .okc__brand{text-transform:none}.okc .okc__meter{display:flex;align-items:center;min-width:0;margin-top:-4px}.okc .okc__bean{display:block;flex:none;width:13px;height:13px;overflow:visible}.okc .okc__bean+.okc__bean{margin-left:-1px}.okc .okc__bean ellipse{fill:var(--okc-bean-off)}.okc .okc__bean.is-on ellipse{fill:var(--okc-bean)}.okc .okc__bean path{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round}.okc .okc__meter--text{display:block;overflow:hidden;font-size:12.5px;font-weight:700;line-height:1.2;color:var(--okc-muted);white-space:nowrap;text-overflow:ellipsis}.okc .okc__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:6px;margin-top:auto}.okc .okc__prices{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;row-gap:2px;min-width:0}.okc .okc__from{font-size:12.5px;font-weight:700;color:var(--okc-muted)}.okc .okc__price{font-size:22px;font-weight:900;line-height:1;letter-spacing:-.01em;color:var(--okc-ink);white-space:nowrap}.okc .okc__cents{position:relative;top:-.42em;margin-left:1px;font-size:.55em;font-weight:800;letter-spacing:0}.okc .okc__price.is-sale{color:var(--okc-orange)}.okc .okc__was{font-size:13px;line-height:1.1;color:#0f202880;text-decoration:line-through;white-space:nowrap}.okc .okc__off{display:inline-flex;align-items:center;height:20px;padding:0 6px;border:1.5px solid var(--okc-orange);border-radius:999px;background:transparent;color:var(--okc-orange);font-size:11.5px;font-weight:800;line-height:1;white-space:nowrap}@media screen and (min-width:768px){@container (max-width: 229px){.okc .okc__prices .okc__was{order:-1;flex-basis:100%}}}.okc .okc__buy{position:relative;width:44px;height:44px}@media screen and (min-width:768px){.okc .okc__body:has(.okc__meter:not(.okc__meter--text)) .okc__buy{margin-top:-20px}@container (min-width: 230px){.okc .okc__meter--text{max-width:calc(100% - 50px)}.okc .okc__body:has(.okc__meter--text) .okc__buy{margin-top:-20px}}}.okc .okc-add{position:absolute;z-index:2;right:0;bottom:0;display:inline-flex;align-items:center;justify-content:center;flex:none;gap:0;min-width:44px;height:44px;margin:0;padding:0 12px;border:0;border-radius:22px;background:var(--okc-orange);box-shadow:none;color:#fff!important;font-family:inherit;font-size:14px;font-weight:800;line-height:1;letter-spacing:0;text-transform:none;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,padding .35s var(--okc-ease),transform .2s ease}.okc .okc-add svg{display:block;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.okc .okc-add__cart{display:flex;max-width:0;overflow:hidden;opacity:0;transition:max-width .35s var(--okc-ease),margin .35s var(--okc-ease),opacity .25s ease}.okc .okc-add .okc-add__cart svg{width:20px;height:20px;stroke-width:1.6}.okc .okc-add__cart circle{fill:currentColor}.okc .okc-add__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.okc .okc-add .okc-add__check,.okc .okc-add.is-added .okc-add__plus{display:none}.okc .okc-add.is-added .okc-add__check{display:block}.okc .okc-add.is-added{background:var(--okc-green)}.okc .okc-add.is-busy{opacity:.85}.okc .okc-add:disabled{cursor:default}.okc .okc-add:active{transform:scale(.94)}.okc .okc-add:focus{outline:none}.okc .okc-add:focus-visible{outline:2px solid var(--okc-ink);outline-offset:2px}.okc a.okc-add--opts{width:44px;padding:0;overflow:hidden;font-size:0!important;color:transparent!important;opacity:1!important;transform:none}.okc a.okc-add--opts:before{content:"";display:block;width:20px;height:20px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}.okc a.okc-add--opts:after{content:none!important}.okc a.okc-add--opts:active{transform:scale(.94)}.okc.is-op .okc__media img{opacity:.55}.okc .okc__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.okc--search .okc__inner{padding:0;background:transparent}.okc--search .okc__body{gap:6px;padding:8px 2px 0}.okc--search .okc__title{font-size:14px}.okc--search .okc__price{font-size:17px}@media(hover:hover){.okc:hover .okc__media img{transform:scale(1.05) translateY(-2%)}.okc:not(.okc--search):hover .okc__inner{box-shadow:0 26px 40px -26px #0f202866}.okc .okc-add:hover{background:var(--okc-orange-hover)}.okc .okc-add.is-added:hover{background:var(--okc-green)}}@media(hover:hover)and (pointer:fine){.okc .okc-add:not(.okc-add--opts):hover{padding:0 14px 0 12px}.okc .okc-add:not(.okc-add--opts):hover .okc-add__cart{max-width:24px;margin-left:6px;opacity:1}}@media screen and (max-width:767px){.product-grid--wrapper:not(.product-grid--slider-enabled):has(.okc){--grid-spacing: 10.667px;row-gap:10px}.okc .okc__body{padding:10px 4px 2px}.okc .okc__chip{top:4px;left:4px;max-width:calc(100% - 8px)}.okc .okc__kicker{letter-spacing:.05em}.okc .okc__bean{width:12px;height:12px}.okc .okc__meter--text{font-size:12px}.okc .okc__prices{column-gap:5px}.okc .okc__off{height:19px;padding:0 5px;font-size:11px}.okc .okc__row{display:block}.okc .okc__buy{position:absolute;z-index:3;top:calc(100cqw - 28px);right:14px;width:40px;height:40px}.okc .okc-add{min-width:40px;height:40px;padding:0 10px;border-radius:20px;box-shadow:0 8px 16px -8px #0f202880}.okc a.okc-add--opts{width:40px;padding:0}.okc .okc-add svg,.okc a.okc-add--opts:before{width:18px;height:18px}}@media screen and (min-width:768px){.okc .okc__price{font-size:24px}.okc--search .okc__price{font-size:18px}}@media screen and (min-width:992px){.okc .okc__inner{padding:8px;border-radius:24px}.okc .okc__media{border-radius:17px}.okc .okc__chip{top:10px;left:10px;max-width:calc(100% - 20px);padding:6px 11px;font-size:12.5px}.okc .okc__body{padding:14px 10px 8px}.okc .okc__kicker{font-size:12px}.okc .okc__title{font-size:17px}.okc .okc__meter{margin-top:-3px}.okc .okc__bean{width:15px;height:15px}.okc .okc__meter--text{font-size:13.5px}.okc .okc__was{font-size:14px}.okc .okc__off{height:22px;padding:0 7px;font-size:12.5px}.okc--search .okc__inner{padding:0}.okc--search .okc__body{padding:10px 2px 0}.okc--search .okc__title{font-size:15px}}@media(prefers-reduced-motion:reduce){.okc .okc__inner,.okc .okc__media img,.okc .okc-add,.okc .okc-add__cart{transition:none!important}.okc:hover .okc__media img{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ok-productkaart.css.map */