.card{position:relative;height:100%;container-type:inline-size;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;color:var(--ink);transition:transform var(--dur) var(--ease),box-shadow var(--dur),border-color var(--dur)}@media(hover:hover){.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--line-2)}}.card:focus-within{border-color:var(--line-2)}.card__media{position:relative;display:block;aspect-ratio:1 / 1;background:var(--tint, var(--surface));text-decoration:none}.card__media img.card__img{position:absolute;top:16%;right:14%;bottom:5%;left:14%;width:72%;height:79%;object-fit:contain;object-position:center bottom}.card__media img.card__img-alt{position:absolute;top:16%;right:14%;bottom:5%;left:14%;width:72%;height:79%;object-fit:contain;object-position:center bottom;opacity:0;pointer-events:none}.card__media img.card__img-alt--cover{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}@media(hover:none){.card__media img.card__img-alt{display:none}}@media(hover:hover){.card--alt .card__media{overflow:hidden}.card--alt .card__media img.card__img,.card--alt .card__media img.card__img-alt{transition:opacity .45s var(--ease),transform .7s var(--ease)}.card--alt .card__media img.card__img-alt{transform:scale(1.04)}.card--alt:hover .card__media img.card__img-alt{opacity:1;transform:scale(1)}.card--alt:hover .card__media img.card__img{opacity:0;transform:scale(.98)}.card--alt.is-sold:hover .card__media img.card__img-alt{opacity:.45}}.card.is-sold .card__media img:not(.card__img-alt),.card.is-sold .card__box{opacity:.45}.card__ph{position:absolute;left:50%;bottom:8%;transform:translate(-50%);height:78%;aspect-ratio:1 / 3.6;border-radius:40% 40% 6px 6px/14% 14% 6px 6px;background:var(--surface-3)}.card__ph--gear{left:22%;right:22%;top:26%;bottom:22%;height:auto;aspect-ratio:auto;transform:none;border-radius:10px;background:#d0c9bf}.card__box{position:absolute;left:6%;right:6%;top:22%;bottom:12%;display:flex;align-items:flex-end;justify-content:center}.card__box-bottle{position:relative;flex:0 0 24%;height:96%;margin-left:-9%;z-index:var(--z, 1);filter:drop-shadow(0 4px 6px rgba(23,63,44,.16))}.card__box-bottle:first-child{margin-left:0}.card__box-bottle:nth-child(2n){height:88%}.card__box-bottle img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.card__box-bottle--wide img{object-fit:cover;object-position:center bottom}.card--bundle .card__media img.card__img{top:9%;right:8%;bottom:9%;left:8%;width:84%;height:82%;object-position:center}.card__box--mystery .card__box-bottle{filter:brightness(0) opacity(.28)}.card__box-q{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-heading);font-weight:800;font-size:clamp(56px,34cqi,96px);line-height:1;color:var(--plum)}.card__top{position:absolute;top:10px;left:10px;right:10px;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:6px;pointer-events:none}.card__proof{display:flex;align-items:center;gap:6px;min-width:0;padding:5px 9px 5px 5px;border-radius:var(--r-pill);background:var(--white);box-shadow:var(--shadow-chip)}.card__proof-v{flex:none;min-width:30px;height:30px;padding:0 4px;border-radius:var(--r-pill);background:var(--plum);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:14px}.card__proof--vivino .card__proof-v{background:var(--red)}.card__proof--stars .card__proof-v{background:var(--green)}.card__proof-l{min-width:0;font-size:11px;font-weight:700;line-height:1.1;color:var(--plum);overflow-wrap:normal;word-break:keep-all}.card__proof--stars{padding-right:12px}.card__proof--stars .card__proof-l{display:flex;flex-direction:column;gap:2px}.card__proof-stars{--s: 12px;align-self:flex-start;flex:none;width:calc(var(--s) * 5);height:var(--s);background:linear-gradient(90deg,var(--orange) var(--pct, 0%),var(--line-2) var(--pct, 0%));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E") left / var(--s) repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21l1.2-6.8-5-4.9 6.9-1z'/%3E%3C/svg%3E") left / var(--s) repeat-x}.card__proof-sub{font-size:10.5px;font-weight:700;line-height:1.1;color:var(--muted-2);white-space:nowrap}.card__stamps{margin-left:auto;margin-top:2px;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.card__stamp{padding:3px 7px;border:1.5px solid var(--wine);border-radius:4px;background:var(--bg);color:var(--wine);font-family:var(--font-heading);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transform:rotate(-2deg)}.card__certs{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}.card__cert{display:flex;align-items:center;gap:4px;padding:3px 8px 3px 5px;border-radius:var(--r-pill);background:var(--white);box-shadow:var(--shadow-chip);font-size:11px;font-weight:700;color:var(--green-ink)}.card__cert .icon{color:var(--green)}.card__pick{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border-radius:var(--r-pill);background:var(--white);box-shadow:0 1px 4px #1414141a;font-size:11px;font-weight:700;color:var(--plum)}.card__pick-img{width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--line);flex:none}.card__pick-img img{width:100%;height:100%;object-fit:cover}.card__count{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:var(--r-pill);background:var(--plum);color:var(--white);font-size:12px;font-weight:700}.card__body{flex:1;display:flex;flex-direction:column;gap:8px;padding:clamp(10px,6cqi,16px) clamp(10px,6cqi,16px) clamp(12px,6cqi,16px)}.card .soldcount-container{display:none!important}.card__title{margin:0;font-family:var(--font-heading);font-style:italic;font-weight:800;font-size:clamp(15px,9cqi,17px);line-height:1.2;min-height:2.4em;color:var(--plum);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__link{color:inherit;text-decoration:none}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__link:focus-visible{outline:none}.card:has(.card__link:focus-visible){outline:2px solid var(--petrol);outline-offset:2px}.card__atc,.card__btn--sold,.card__body .card__bar{position:relative;z-index:2}.card__tagline{margin:0;font-size:13px;color:var(--muted);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__food{margin:0;display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:600;color:var(--plum)}.card__food>.icon{flex:none;color:var(--wine)}.card__food-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__bodyrow{flex:none;display:flex;align-items:center;gap:5px;font-weight:500;color:var(--muted-2)}.card__bodyrow--end{margin-left:auto}.card__dots{display:flex;gap:2px}.card__dot{width:7px;height:7px;border-radius:50%;background:#ddd8cf}.card__dot.is-on{background:var(--plum)}.card__meta{margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted-2)}.card__meta .flag{width:16px;height:11px;border-radius:2px;object-fit:cover;flex:none}.card__stars{white-space:nowrap}.card__quote{margin:6px 0 0;font-size:12px;line-height:1.4;color:var(--plum)}.card__quote q{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-style:italic}.card__quote-by{display:block;margin-top:2px;font-size:11px;font-weight:700;color:var(--muted-2)}.card__price-block{margin-top:auto;padding-top:10px;border-top:1px solid var(--line-3);display:flex;flex-direction:column;gap:3px}.card__price-row{margin:0;display:flex;align-items:baseline;gap:6px;white-space:nowrap}.card__price{display:inline-block;padding-bottom:7px;font-family:var(--font-heading);font-weight:900;font-size:clamp(22px,13cqi,26px);line-height:1;color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-underline-offset:4px;text-decoration-skip-ink:none;font-variant-numeric:tabular-nums}.card__price--sale{color:var(--red)}.card__price--sold{color:var(--faint)}.card__unit,.card__was{font-size:13px;color:var(--muted)}.card__unit--case{font-family:var(--font-heading);font-weight:800;font-size:clamp(14px,8cqi,17px);color:var(--ink)}.card__sub.pv-kasse:empty:before,.card__sub.pv-fl:empty:before{content:"\a0"}.card__sub{margin:0;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__ladder{margin:0;min-height:1lh;font-size:clamp(10.5px,6.7cqi,12px);font-weight:700;color:var(--wine);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__ladder--plain,.card__ladder--std{color:var(--muted-2)}.card__ladder--red{color:var(--red)}.card__ladder--std.is-added{color:var(--green)}.card__bar{display:block;margin-top:4px;height:5px;background:#efe3e0;border-radius:var(--r-pill);position:relative;overflow:hidden}.card__bar>span{position:absolute;inset:0 auto 0 0;width:var(--w, 0%);background:var(--red)}.card__atc{display:block}.card__btn{width:100%;height:52px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 8px;border:none;border-radius:var(--r-btn);background:var(--petrol);color:var(--white);font-family:inherit;font-size:clamp(13px,7.6cqi,15px);font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;transition:filter .15s,transform .12s,background .25s;-webkit-tap-highlight-color:transparent}.card__btn>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.card__btn:has(>[data-sub][hidden])>[data-label]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;text-wrap:balance}.card__btn:hover{filter:brightness(1.15)}.card__btn:active{transform:scale(.97)}.card__atc.is-added .card__btn{background:var(--green)}.card__btn--sold{background:var(--muted)}.card__btn[disabled]{cursor:default;filter:none;transform:none;opacity:.8}.card__btn-sub{font-size:clamp(11px,6.4cqi,12px);font-weight:500;opacity:.9}.card__btn.is-loading{position:relative;color:transparent;pointer-events:none}.card__btn.is-loading:after{content:"";position:absolute;inset:50% auto auto 50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.45);border-top-color:var(--white);border-radius:50%;animation:spin .7s linear infinite}.atc-step{--atc-ink: var(--petrol);--atc-rim: color-mix(in srgb, var(--petrol) 24%, transparent);--atc-wash: color-mix(in srgb, var(--petrol) 8%, transparent);position:relative;height:var(--atc-h, 52px);display:flex;align-items:stretch;gap:2px;padding:4px;box-sizing:border-box;border-radius:var(--r-btn);background:var(--white);box-shadow:inset 0 0 0 1.5px var(--atc-rim);color:var(--atc-ink);animation:atc-in .38s cubic-bezier(.2,.8,.2,1)}.atc-step[hidden]{display:none}.atc-step>*{animation:atc-fade .3s .08s both}.atc-step__b{flex:none;width:44px;display:grid;place-items:center;padding:0;border:none;border-radius:calc(var(--r-btn) - 4px);background:transparent;color:inherit;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .15s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent}.atc-step__b svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}@media(hover:hover){.atc-step__b:hover{background:var(--atc-wash)}}.atc-step__b:active,.atc-step__case:active{transform:scale(.92)}.atc-step__n{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.1;white-space:nowrap}.atc-step__q{font-size:clamp(14px,8cqi,17px);font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;cursor:text;transition:opacity .2s}.atc-step__q [data-pre],.atc-step__q [data-suf]{font-weight:600}.atc-step__q input{width:1ch;min-width:1ch;padding:1px 3px;margin:0 -1px;border:none;border-radius:5px;background:transparent;box-shadow:inset 0 -1.5px color-mix(in srgb,var(--petrol) 28%,transparent);color:inherit;font:inherit;text-align:center;box-sizing:content-box;transition:background .15s,box-shadow .15s;-moz-appearance:textfield}.atc-step__q:hover input{background:var(--atc-wash);box-shadow:none}.atc-step__q input:focus{outline:none;background:var(--white);box-shadow:0 0 0 1.5px var(--petrol),0 0 0 4px color-mix(in srgb,var(--petrol) 14%,transparent)}.atc-step__n small{font-size:11.5px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .2s}.atc-step__n small.is-save{color:var(--green-text);font-weight:600}.atc-step__pop{position:absolute;left:30%;bottom:calc(100% + 4px);padding:3px 8px;border-radius:var(--r-pill);background:var(--green-text);color:var(--white);font:700 11px/1.2 var(--font-body);white-space:nowrap;pointer-events:none;z-index:3;animation:atc-pop 1.3s cubic-bezier(.2,.8,.2,1) both}.atc-step__pop.is-down{background:var(--muted)}@keyframes atc-pop{0%{opacity:0;transform:translate(-50%,6px) scale(.9)}15%{opacity:1;transform:translate(-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-6px)}to{opacity:0;transform:translate(-50%,-14px)}}.atc-step.is-busy .atc-step__q{opacity:.55}.atc-step__b,.atc-step__case{position:relative}.atc-step__case{flex:none;margin-left:2px;padding:0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.05;border:none;border-radius:calc(var(--r-btn) - 4px);background:var(--petrol);color:var(--white);font-family:inherit;cursor:pointer;box-shadow:0 1px 2px #00292c1f,0 3px 8px #00292c1f;transition:background .2s,box-shadow .2s,transform .15s cubic-bezier(.2,.8,.2,1)}.atc-step__case b{font-size:14px;font-weight:700}.atc-step__case small{font-size:10.5px;font-weight:500;opacity:.8}@media(hover:hover){.atc-step__case:hover{background:var(--petrol-hover);box-shadow:0 2px 4px #00292c24,0 6px 14px #00292c29}}.atc-step__case[hidden]{display:none}.atc-step button:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}.atc-step [data-tip]{box-shadow:0 0 0 2px var(--orange),0 3px 10px #ff5b0038}.atc-step__b[data-tip]{background:color-mix(in srgb,var(--orange) 9%,var(--white))}.atc-step [data-tip]:before{content:attr(data-tip);position:absolute;bottom:calc(100% + 10px);right:-8px;padding:6px 11px;border-radius:var(--r-pill);background:var(--ink);color:var(--white);font:600 12px/1.2 var(--font-body);letter-spacing:.01em;white-space:nowrap;pointer-events:none;box-shadow:0 6px 16px #14141433;animation:atc-tip .35s cubic-bezier(.2,.8,.2,1)}.atc-step [data-tip]:after{content:"";position:absolute;bottom:calc(100% + 5px);right:calc(50% - 5px);border:5px solid transparent;border-bottom:0;border-top-color:var(--ink);pointer-events:none;animation:atc-fade .35s}.atc-step [data-tip-best]{box-shadow:0 0 0 2px var(--green),0 3px 10px #2f6b3f33}.atc-step__b[data-tip-best]{background:color-mix(in srgb,var(--green) 8%,var(--white))}.atc-step [data-tip-best]:before{background:var(--green);padding-left:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px;background-position:10px 50%}.atc-step [data-tip-best]:after{border-top-color:var(--green)}@container (max-width: 299px){.atc-step [data-tip-best][data-tip-short]:before{content:attr(data-tip-short)}}@container (max-width: 219px){.atc-step__b[data-tip-best],.atc-step__case[data-tip-best]{position:static}.atc-step [data-tip-best]:before{left:0;right:0;bottom:calc(100% + 8px);padding:5px 8px 5px 22px;border-radius:10px;font-size:11px;line-height:1.2;white-space:normal;text-align:center;background-size:10px;background-position:9px 50%}.atc-step [data-tip-best]:after{display:none}}[data-incart-text].is-added{transition:opacity .2s}.card:has(.atc-step:not([hidden]) [data-tip]) [data-incart-text].is-added{opacity:0}@keyframes atc-in{0%{background:var(--petrol);box-shadow:inset 0 0 0 1.5px var(--petrol)}}@keyframes atc-fade{0%{opacity:0}}@keyframes atc-tip{0%{transform:translateY(4px);opacity:0}}@media(prefers-reduced-motion:reduce){.atc-step,.atc-step>*,.atc-step [data-tip]:before,.atc-step [data-tip]:after{animation:none}.atc-step__pop{display:none}.atc-step__b,.atc-step__case{transition:none}}.card__atc--case{margin-top:-2px}.card__btn2{width:100%;min-height:40px;border-radius:var(--r-btn);border:1px solid var(--line-2);background:var(--white);color:var(--ink);font-family:inherit;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background .15s}.card__btn2:hover{background:var(--surface)}html[data-mode=kasse] .card__atc--case{display:none}html:not([data-mode=kasse]) ul:has(.card__atc--case)>li>.card>.card__body:not(:has(.card__atc--case)):after{content:"";flex:none;height:38px}.card__btn2.is-loading{color:transparent}@container (max-width: 219px){.card__proof{padding:0;background:none;box-shadow:none}.card__proof-l{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.card__proof-v{box-shadow:0 0 0 3px var(--white)}.card__top{flex-wrap:wrap;row-gap:6px}.card__stamps{position:absolute;top:-4px;right:-4px;margin-top:0;gap:3px}.card__stamp{padding:1.5px 3.5px;border-width:1px;border-radius:3px;font-size:6.5px;letter-spacing:.04em}.card__price-row{flex-wrap:wrap;row-gap:0}.card__price-row .card__unit{flex-basis:100%;white-space:normal}.card__price-row .card__unit--case{flex-basis:auto}.card__sub:has(.card__sub-i){white-space:normal;overflow:visible}.card__sub-i{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__sub-sep,.card__meta-sep{display:none}.card__meta .card__stars{flex-basis:100%}.atc-step{gap:1px;padding:3px}.atc-step__b{width:30px}.atc-step__b svg{width:14px;height:14px}.atc-step__n small{display:none}.atc-step__q{font-size:14px}.atc-step__case{padding:0 6px}.atc-step__case b{font-size:13px}.atc-step__case small{font-size:10px}.atc-step__q input{padding:1px 2px}.atc-step [data-tip][data-tip-short]:before{content:attr(data-tip-short)}}@container (max-width: 359px){.card__top:has(.card__stamp) .card__proof--stars .card__proof-sub{display:none}.card__top:has(.card__stamp) .card__proof--stars{padding-right:9px}}@media(prefers-reduced-motion:reduce){.card,.card__btn,.card__btn2{transition:none}.card--alt .card__media img.card__img,.card--alt .card__media img.card__img-alt{transition:opacity .2s linear;transform:none!important}.card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/798/assets/component-product-card.css.map */
