.ol-card{--ol-card-accent: var(--ol-olive);position:relative;display:flex;flex-direction:column;height:100%;color:rgb(var(--color-foreground))}.color-scheme-3 .ol-card,.color-scheme-4 .ol-card{--ol-card-accent: var(--ol-olive-light)}.ol-card__media{position:relative;overflow:hidden;aspect-ratio:4 / 5;background:rgb(var(--ol-stone))}.ol-card__media--square{aspect-ratio:1 / 1}.ol-card__media--landscape{aspect-ratio:3 / 2}.ol-card--lifestyle .ol-card__media{background:rgb(var(--ol-charcoal))}.ol-card__img,.ol-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--ol-card-focal, 50% 50%)}.ol-card--packshot .ol-card__img{top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}.ol-card__img--primary{transition:transform 1.2s var(--ol-ease),opacity var(--ol-duration) ease}.ol-card__img--hover{opacity:0;transition:opacity var(--ol-duration) ease,transform 1.2s var(--ol-ease)}@media(hover:hover)and (pointer:fine){.ol-card:hover .ol-card__img--primary{transform:scale(1.04)}.ol-card:hover .ol-card__img--hover{opacity:1}.ol-card--packshot:hover .ol-card__img--primary{transform:scale(1.03)}}.ol-card--unavailable .ol-card__img{filter:grayscale(.6);opacity:.8}.ol-card__flags,.ol-card__state{position:absolute;inset-inline-start:var(--ol-space-3);z-index:1;display:flex;flex-wrap:wrap;gap:var(--ol-space-1);max-width:calc(100% - var(--ol-space-5))}.ol-card__flags{top:var(--ol-space-3)}.ol-card__state{bottom:var(--ol-space-3)}.ol-card__flags:empty{display:none}.ol-card__body{display:flex;flex:1;flex-direction:column;gap:var(--ol-space-2);min-width:0;padding-top:var(--ol-space-4)}.ol-card__title{margin:0;font-size:clamp(1.8rem,1.6rem + .4vw,2.2rem);font-weight:600;line-height:1.2;letter-spacing:-.015em}.ol-card__link{display:block;padding-block:1.3rem;margin-block:-1.3rem;color:inherit;text-decoration:none}.ol-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.ol-card__link:focus-visible{outline:none}.ol-card__link:focus-visible:after{outline:2px solid var(--ol-focus);outline-offset:3px}.color-scheme-3 .ol-card__link:focus-visible:after,.color-scheme-4 .ol-card__link:focus-visible:after{outline-color:rgb(var(--ol-olive-light))}.ol-card__rating{font-size:var(--ol-text-sm)}.ol-card__rating:not(:has(.jdgm-prev-badge)),.ol-card__rating:has([data-number-of-reviews="0"]){display:none}.ol-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ol-space-1) var(--ol-space-3);margin:0;font-size:1.8rem;font-variant-numeric:tabular-nums}.ol-card__now{font-weight:600}.ol-card__from{font-weight:400;font-size:1.4rem;opacity:.7}.ol-card__was{font-size:1.5rem;opacity:.6}.ol-card__hint{font-size:1.4rem;color:rgba(var(--color-foreground),.65)}.ol-card__avail .ol-avail{color:rgb(var(--color-foreground));font-size:1.4rem}.ol-card__action{position:relative;z-index:3;display:block;margin-top:var(--ol-space-2)}.ol-card__action form{margin:0}.ol-card__button{width:100%;min-height:4.8rem;font-size:1.5rem}.ol-card__button[disabled]{cursor:not-allowed;opacity:.55}.ol-card--panel{--ol-card-accent: var(--ol-olive-light);color:rgb(var(--ol-paper));background:rgb(var(--ol-ink))}.ol-card--panel .ol-card__media{aspect-ratio:4 / 5}.ol-card--panel .ol-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(var(--ol-ink) / .92),rgb(var(--ol-ink) / .5) 38%,rgb(var(--ol-ink) / 0) 66%);pointer-events:none}.ol-card--panel .ol-card__body{position:absolute;inset-inline:0;bottom:0;z-index:1;padding:var(--ol-space-5)}.ol-card--panel .ol-card__title{font-size:clamp(3rem,1.4rem + 3.6vw,6.4rem);line-height:1;letter-spacing:-.035em}.ol-card--panel .ol-card__title,.ol-card--panel .ol-card__title a{color:rgb(var(--ol-paper))}.ol-card--panel .ol-card__price{font-size:2rem;color:rgb(var(--ol-paper))}.ol-card--panel .ol-card__hint{color:rgb(var(--ol-paper) / .75)}.ol-card--panel .ol-card__avail .ol-avail{color:rgb(var(--ol-paper))}.ol-card__panel-cta{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--ol-space-3);min-height:5.2rem;margin-top:var(--ol-space-2);padding-inline:var(--ol-space-5);background:rgb(var(--ol-paper));color:rgb(var(--ol-ink));font-size:1.5rem;font-weight:600;transition:background-color var(--ol-duration-fast) ease,color var(--ol-duration-fast) ease}.ol-card--panel:hover .ol-card__panel-cta{background:rgb(var(--ol-olive));color:rgb(var(--ol-paper))}@media screen and (min-width:990px){.ol-card--panel .ol-card__body{padding:var(--ol-space-7)}}@media(prefers-reduced-motion:reduce){.ol-card__img--primary,.ol-card__img--hover,.ol-card__panel-cta{transition:none}.ol-card:hover .ol-card__img--primary{transform:none}}.ol-card__note{margin:0;font-size:1.5rem;line-height:1.45;color:rgba(var(--color-foreground),.8)}.ol-card--panel .ol-card__note{color:rgb(var(--ol-paper) / .9);font-size:1.6rem;max-width:44rem}.ol-card--panel .ol-card__action{margin-top:var(--ol-space-3)}.ol-card--panel .ol-card__button,.ol-card--panel .ol-card__button.button--secondary{width:auto;min-width:22rem;min-height:5.2rem;background:rgb(var(--ol-paper));color:rgb(var(--ol-ink));box-shadow:none}.ol-card--panel .ol-card__button:before,.ol-card--panel .ol-card__button:after{display:none}.ol-card--panel .ol-card__button:hover{background:rgb(var(--ol-olive));color:rgb(var(--ol-paper))}.ol-card__button[disabled]{background:transparent}.ol-card--default .ol-card__avail{margin-top:0}.ol-card--default .ol-card__action{margin-top:auto;padding-top:var(--ol-space-3)}.ol-quick-add form{margin:0}.ol-quick-add__status{display:block;min-height:0;margin-top:.8rem;font-size:1.4rem;line-height:1.4}.ol-quick-add__status:empty{display:none}.ol-quick-add__status--error{color:rgb(var(--ol-error))}.ol-quick-add__status a{display:inline-flex;align-items:center;min-height:44px;margin-right:.8rem}.color-scheme-3 .ol-quick-add__status--error,.color-scheme-4 .ol-quick-add__status--error{color:#ff8c82}[aria-busy=true] [type=submit]{cursor:progress;opacity:.7}@media screen and (max-width:749px){.ol-card--panel .ol-card__media{aspect-ratio:1 / 1}.ol-card--panel .ol-card__media:after{display:none}.ol-card--panel .ol-card__body{position:static;padding:var(--ol-space-4) 0 var(--ol-space-5)}.ol-card--panel .ol-card__button,.ol-card--panel .ol-card__button.button--secondary,.ol-card__panel-cta{width:100%;min-width:0;justify-content:center}}.ol-card:not(.ol-card--panel) .ol-card__add,.ol-card:not(.ol-card--panel) .ol-card__add.button--secondary{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:0;box-shadow:none;font-weight:600}.ol-card:not(.ol-card--panel) .ol-card__add:before,.ol-card:not(.ol-card--panel) .ol-card__add:after{display:none}.ol-card:not(.ol-card--panel) .ol-card__add:hover{background:rgb(var(--ol-charcoal))}.ol-card:not(.ol-card--panel) .ol-card__choose,.ol-card:not(.ol-card--panel) .ol-card__choose.button--secondary{justify-content:flex-start;gap:var(--ol-space-2);width:auto;min-width:0;min-height:var(--ol-touch-target);padding:0;background:transparent;color:rgb(var(--color-foreground));border:0;box-shadow:none;font-weight:600;text-decoration:underline;text-decoration-color:rgba(var(--color-foreground),.35);text-underline-offset:.3em}.ol-card:not(.ol-card--panel) .ol-card__choose:before{display:none}.ol-card:not(.ol-card--panel) .ol-card__choose:after{content:"";display:inline-block;position:static;width:.7rem;height:.7rem;margin:0;border:0;border-top:2px solid currentcolor;border-right:2px solid currentcolor;box-shadow:none;transform:rotate(45deg);transition:transform var(--ol-duration-fast) ease}.ol-card--mask:not(.ol-card--panel) .ol-card__choose:after{display:none}.ol-card:not(.ol-card--panel) .ol-card__choose:hover{text-decoration-color:currentcolor}.ol-card:not(.ol-card--panel) .ol-card__choose:hover:after{transform:translate(.3rem) rotate(45deg)}.ol-card:not(.ol-card--panel) .ol-card__choose:focus-visible{outline:2px solid var(--ol-focus);outline-offset:2px}.ol-card__button[disabled].ol-card__add{background:transparent;color:rgba(var(--color-foreground),.65);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.25)}@media(prefers-reduced-motion:reduce){.ol-card:not(.ol-card--panel) .ol-card__choose:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/ol-card.css.map */