.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none;transition:transform var(--duration-short) ease,filter var(--duration-short) ease}.card{text-decoration:none;text-align:var(--text-alignment)}.card:not(.ratio){display:flex;flex-direction:column;height:100%}.card.card--horizontal{--text-alignment: left;--image-padding: 0rem;flex-direction:row;align-items:flex-start;gap:1.5rem}.card--horizontal.ratio:before{padding-bottom:0}.card--card.card--horizontal{padding:1.2rem}.card--card.card--horizontal.card--text{column-gap:0}.card--card{height:100%}.card--card,.card--standard .card__inner{position:relative;box-sizing:border-box;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity));transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.product-card-wrapper .card--card,.product-card-wrapper .card--standard .card__inner,.collection-card-wrapper .card--standard .card__inner,.collection-card-wrapper .card--card{border-radius:.8rem;overflow:hidden}.product-card-wrapper .card--card{background:#fff;border:.1rem solid rgba(17,24,39,.08);box-shadow:0 .8rem 2rem #1118270e}.product-card-wrapper--sold-out .card__media .media img{opacity:.45;filter:grayscale(1) saturate(.55)}.product-card-wrapper--sold-out .card__media .media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff6b;z-index:1}.product-card-wrapper--missing-image.product-card-wrapper--sold-out .card__media .media:after{background:#ffffff2e}@media(hover:hover){.card-wrapper:hover{transform:translateY(-.16rem);filter:none;z-index:2}.product-card-wrapper:hover .card--card,.product-card-wrapper:hover .card--standard,.collection-card-wrapper:hover .card--card,.collection-card-wrapper:hover .card--standard{border-color:#be002b47;box-shadow:0 .75rem 1.6rem #1118271a}.product-card-wrapper:hover .card--standard .card__inner,.collection-card-wrapper:hover .card--standard .card__inner{border-color:transparent;box-shadow:none}}.card--card:after,.card--standard .card__inner:after{content:"";position:absolute;z-index:-1;width:calc(var(--border-width) * 2 + 100%);height:calc(var(--border-width) * 2 + 100%);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);border-radius:var(--border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.card--card.gradient,.card__inner.gradient{transform:perspective(0)}.card__inner.color-scheme-1{background:transparent}.card .card__inner .card__media{overflow:hidden;z-index:0;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding));background:#fff}.card--card .card__inner .card__media{border-bottom-right-radius:0;border-bottom-left-radius:0}.card--standard.card--text{background-color:transparent}.card-information{text-align:var(--text-alignment)}.card__media,.card .media{bottom:0;position:absolute;top:0}.card .media{width:100%;background:#fff}.card__media{margin:var(--image-padding);width:calc(100% - 2 * var(--image-padding));background:#fff}.card--standard .card__media{margin:var(--image-padding)}.card__inner{width:100%;background:#fff}.card--media .card__inner .card__content{position:relative;padding:calc(var(--image-padding) + 1rem)}.card__content{display:grid;grid-template-rows:minmax(0,1fr) max-content minmax(0,1fr);padding:1rem;width:100%;flex-grow:1}.card__content--auto-margins{grid-template-rows:minmax(0,auto) max-content minmax(0,auto)}.card__information{grid-row-start:2;padding:1.3rem 1rem}.card:not(.ratio)>.card__content{grid-template-rows:max-content minmax(0,1fr) max-content auto}.card-information .card__information-volume-pricing-note{margin-top:.6rem;line-height:calc(.5 + .4 / var(--font-body-scale));color:rgba(var(--color-foreground),.75)}@media screen and (min-width:750px){.card__information{padding-bottom:1.7rem;padding-top:1.7rem}}.card__badge{align-self:flex-end;grid-row-start:3;justify-self:flex-start;z-index:3}.card__badge.top{align-self:flex-start;grid-row-start:1}.card__badge.right{justify-self:flex-end}.card:not(.card--horizontal)>.card__content>.card__badge{margin:1.3rem}.card__media .media img{height:100%;object-fit:contain;object-position:center center;width:100%;padding:.4rem;background:#fff}.product-card-wrapper--missing-image .card__media .media{background:#fff}.okodoko-awaiting-image{display:grid;align-content:center;justify-items:center;place-items:center;gap:1.3rem}.card__media .media img.okodoko-awaiting-image__logo{position:relative!important;inset:auto!important;width:min(58%,13rem);height:auto!important;padding:0;background:transparent;object-fit:contain;opacity:.62;filter:blur(.45px) grayscale(.1);z-index:2}.okodoko-awaiting-image__text{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;max-width:calc(100% - 2rem);color:#1118279e;font-size:1.55rem;font-weight:800;letter-spacing:.1em;line-height:1;opacity:.72;text-align:center;text-transform:uppercase;white-space:nowrap;filter:blur(.25px);z-index:2}.product-card-wrapper .card__inner.ratio:before{padding-bottom:70%}.product-card-wrapper .card--standard,.collection-card-wrapper .card--standard{background:#fff;border:.1rem solid rgba(17,24,39,.08);border-radius:.8rem;box-shadow:0 .8rem 2rem #1118270e;overflow:hidden;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.product-card-wrapper .card--standard .card__inner,.collection-card-wrapper .card--standard .card__inner{border:0;box-shadow:none}.product-card-wrapper .card__content{grid-template-rows:auto 1fr auto;padding-top:.6rem}.product-card-wrapper .card__information{display:flex;flex-direction:column;min-height:13.45rem;padding-top:.9rem;padding-bottom:1rem;padding-left:1.35rem!important;padding-right:1.35rem!important}.product-card-wrapper .card-information,.product-card-wrapper .quick-add{margin-top:auto}.product-card-wrapper .okodoko-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.product-card-wrapper .okodoko-card-actions--single{grid-template-columns:1fr}.product-card-wrapper .card__heading{min-height:8.35rem;max-height:8.35rem;overflow:hidden;line-height:1.25;font-weight:700;letter-spacing:0}.product-card-wrapper .card__heading .full-unstyled-link{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;letter-spacing:0;line-height:1.25}.product-card-wrapper .price{margin-top:0;color:#111827;font-weight:700;min-height:auto}.product-card-wrapper .price__container{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .55rem}.product-card-wrapper .price--on-sale .price__sale{display:flex;align-items:baseline;flex-wrap:nowrap;gap:.55rem}.product-card-wrapper .price .price-item{margin-right:0}.okodoko-card-price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem .65rem;min-height:3.35rem;margin-top:.45rem}.okodoko-card-saving{display:inline-flex;align-items:center;width:fit-content;margin-top:0;padding:.28rem .6rem;color:#166534;background:#eef8f1;border:.1rem solid rgba(22,101,52,.16);border-radius:999px;font-size:1.05rem;font-weight:900;letter-spacing:.03em}.okodoko-card-saving--placeholder{visibility:hidden}.product-card-wrapper--sold-out .quick-add__submit{opacity:1}.product-card-wrapper .quick-add__submit{border-radius:.9rem;font-size:1.25rem;font-weight:900;letter-spacing:.02em;min-height:4.8rem;padding-right:.75rem;padding-left:.75rem}.product-card-wrapper .quick-add__submit:not([disabled]):not([aria-disabled=true]){--color-button: 242, 243, 245;--color-button-text: 17, 24, 39;background:#f2f3f5;color:#111827;box-shadow:inset 0 0 0 .1rem #1118271a,0 0 0 .11rem #007bff47,0 .55rem 1.2rem #007bff1f}.product-card-wrapper .quick-add__submit:not([disabled]):not([aria-disabled=true]):hover,.product-card-wrapper .quick-add__submit:not([disabled]):not([aria-disabled=true]):focus-visible{background:#f2f3f5;color:#111827;box-shadow:inset 0 0 0 .1rem #1118271a,0 0 0 .15rem #007bff61,0 0 1.4rem #007bff47}.product-card-wrapper .quick-add__submit:not([disabled]):not([aria-disabled=true]):active,.product-card-wrapper .quick-add__submit.loading{--color-button: 0, 123, 255;--color-button-text: 255, 255, 255;background:#004cff;color:#fff;box-shadow:0 0 1.85rem #004cff94}.product-card-wrapper .okodoko-card-buy-now:not([disabled]):not([aria-disabled=true]){--color-button: 235, 237, 240;background:#ebedf0;box-shadow:inset 0 0 0 .1rem #1118271a,0 0 0 .11rem #16a34a52,0 .55rem 1.2rem #16a34a1f}.product-card-wrapper .okodoko-card-buy-now:not([disabled]):not([aria-disabled=true]):hover,.product-card-wrapper .okodoko-card-buy-now:not([disabled]):not([aria-disabled=true]):focus-visible{background:#ebedf0;color:#111827;box-shadow:inset 0 0 0 .1rem #1118271a,0 0 0 .15rem #16a34a70,0 0 1.4rem #16a34a47}.product-card-wrapper .okodoko-card-buy-now:not([disabled]):not([aria-disabled=true]):active,.product-card-wrapper .okodoko-card-buy-now.loading{--color-button: 22, 163, 74;--color-button-text: 255, 255, 255;background:#16a34a;color:#fff;box-shadow:0 0 1.75rem #16a34a80}@media screen and (max-width:749px){.product-card-wrapper .card__inner.ratio:before{padding-bottom:74%}.product-card-wrapper .card__information{min-height:13.3rem;padding-top:.85rem;padding-left:1.15rem!important;padding-right:1.15rem!important}.product-card-wrapper .card__heading{min-height:9.15rem;max-height:9.15rem;font-size:1.38rem;line-height:1.22}.product-card-wrapper .card__heading .full-unstyled-link{-webkit-line-clamp:5;line-height:1.22}.okodoko-card-price-row{align-items:center;flex-wrap:nowrap;gap:.28rem;min-height:3.25rem;margin-top:.35rem}.product-card-wrapper .price__container,.product-card-wrapper .price--on-sale .price__sale{flex-wrap:nowrap;gap:.28rem}.okodoko-card-saving{flex:0 0 auto;padding:.2rem .42rem;font-size:.98rem;letter-spacing:0;white-space:nowrap}.product-card-wrapper .okodoko-card-actions{gap:.55rem}.product-card-wrapper .quick-add__submit{min-height:4.4rem;padding-right:.45rem;padding-left:.45rem;font-size:1.1rem;letter-spacing:.01em}}.product-card-wrapper .quick-add__submit[disabled]:not(.loading),.product-card-wrapper .quick-add__submit[aria-disabled=true]:not(.loading),.product-card-wrapper--sold-out .quick-add__submit{--color-button: 236, 238, 242;--color-button-text: 94, 101, 113;background:#eceef2!important;color:#5e6571!important;box-shadow:inset 0 0 0 .1rem #11182714!important;cursor:not-allowed}.product-card-wrapper .quick-add__submit:after,.product-card-wrapper .quick-add__submit:hover:after{box-shadow:none}.animate--hover-3d-lift .product-card-wrapper:hover .card--card,.animate--hover-3d-lift .product-card-wrapper:hover .card--standard,.animate--hover-3d-lift .collection-card-wrapper:hover .card--card,.animate--hover-3d-lift .collection-card-wrapper:hover .card--standard{transform:translateY(-.16rem)!important}.animate--hover-3d-lift .product-card-wrapper:hover .card--standard .card__inner,.animate--hover-3d-lift .collection-card-wrapper:hover .card--standard .card__inner,.animate--hover-3d-lift .product-grid .grid__item:hover,.animate--hover-3d-lift .collection-list .grid__item:hover{transform:none!important}.okodoko-card-badge{display:inline-flex;align-items:center;gap:.55rem;min-height:3rem;padding:.45rem .8rem .45rem .5rem;border:0;border-radius:999px;box-shadow:0 .75rem 1.7rem #1118272e;font-size:1.1rem;font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase}.okodoko-card-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#fff3;color:currentColor;font-size:1rem;line-height:1}.okodoko-card-badge--sold-out{color:#fff;background:#111827}.okodoko-card-badge--sale{color:#fff;background:#be002b}.collection-card-wrapper .card__heading{font-weight:800}.collection-card-wrapper .card__heading .icon-wrap{color:#be002b}.collection-card-wrapper .card__content{padding:1.1rem 1rem 1.3rem}.card__inner:not(.ratio)>.card__content{height:100%}.card__heading{margin-top:0;margin-bottom:0}.card__heading:last-child{margin-bottom:0}.card--horizontal .card__heading,.card--horizontal .price__container .price-item,.card--horizontal__quick-add{font-size:calc(var(--font-heading-scale) * 1.2rem)}.card--horizontal .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note){margin-top:0}.card--horizontal__quick-add:before{box-shadow:none}@media only screen and (min-width:750px){.card--horizontal .card__heading,.card--horizontal .price__container .price-item,.card--horizontal__quick-add{font-size:calc(var(--font-heading-scale) * 1.3rem)}}.card--card.card--media>.card__content{margin-top:calc(0rem - var(--image-padding))}.card--standard.card--text a:after,.card--card .card__heading a:after{bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);top:calc(var(--border-width) * -1)}.card__heading a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.card__heading a:after{outline-offset:.3rem}.card__heading a:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.card__heading a:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.card__heading a:focus:not(:focus-visible):after{box-shadow:none;outline:0}.card__heading a:focus{box-shadow:none;outline:0}.product-card-wrapper .card__heading a,.product-card-wrapper .card__heading a:visited,.product-card-wrapper .card__heading a:hover,.product-card-wrapper .card__heading a:focus,.product-card-wrapper .card__heading a:active{color:#111827;text-decoration-color:currentColor;-webkit-tap-highlight-color:transparent}.product-card-wrapper .card__heading a:focus:after,.product-card-wrapper .card__heading a:active:after{box-shadow:none;outline:0}@media screen and (max-width:749px){.product-card-wrapper .full-unstyled-link{color:#111827!important}}@media screen and (min-width:990px){.card .media.media--hover-effect>img:only-child,.card-wrapper .media.media--hover-effect>img:only-child{transition:transform var(--duration-long) ease}.card:hover .media.media--hover-effect>img:first-child:only-child,.card-wrapper:hover .media.media--hover-effect>img:first-child:only-child{transform:scale(1.03)}.card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.card-wrapper:hover .media.media--hover-effect>img+img{opacity:1;transition:transform var(--duration-long) ease;transform:scale(1.03)}.underline-links-hover:hover a{text-decoration:underline;text-underline-offset:.3rem}.product-card-wrapper.underline-links-hover:hover a,.collection-card-wrapper.underline-links-hover:hover a{text-decoration:none}}.card--standard.card--media .card__inner .card__information,.card--standard.card--text:not(.card--horizontal)>.card__content .card__heading:not(.card__heading--placeholder),.card--standard:not(.card--horizontal)>.card__content .card__badge,.card--standard.card--text.article-card>.card__content .card__information,.card--standard>.card__content .card__caption{display:none}.card--standard:not(.card--horizontal) .placeholder-svg{width:100%}.card--standard>.card__content{padding:0}.card--standard>.card__content .card__information{padding-left:0;padding-right:0}.card--card.card--media .card__inner .card__information,.card--card.card--text .card__inner,.card--card.card--media>.card__content .card__badge{display:none}.card--horizontal .card__badge,.card--horizontal.card--text .card__inner{display:none}.card--extend-height{height:100%}.card--extend-height.card--standard.card--text,.card--extend-height.card--media{display:flex;flex-direction:column}.card--extend-height.card--standard.card--text .card__inner,.card--extend-height.card--media .card__inner{flex-grow:1}.card .icon-wrap{margin-left:.8rem;white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden}.card-information>*+*{margin-top:.5rem}.card-information{width:100%}.card-information>*{line-height:calc(1 + .4 / var(--font-body-scale));color:rgb(var(--color-foreground))}.card-information>.price{color:rgb(var(--color-foreground))}.card--horizontal .card-information>.price{color:rgba(var(--color-foreground),.75)}.card-information>.rating{margin-top:.4rem}.card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note){margin-top:.7rem}.card-information .caption{letter-spacing:.07rem}.card-article-info{margin-top:1rem}.card--shape .card__content{padding-top:0}.card--shape.card--standard:not(.card--text) .card__inner{border:0;background-color:transparent;filter:drop-shadow(var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity)))}.card--shape.card--standard:not(.card--text) .card__inner:after{display:none}.grid__item:nth-child(2n) .shape--blob{clip-path:polygon(var(--shape--blob-2))}.grid__item:nth-child(3n) .shape--blob{clip-path:polygon(var(--shape--blob-3))}.grid__item:nth-child(4n) .shape--blob{clip-path:polygon(var(--shape--blob-4))}.grid__item:nth-child(5n) .shape--blob{clip-path:polygon(var(--shape--blob-5))}.grid__item:nth-child(7n) .shape--blob{clip-path:polygon(var(--shape--blob-6))}.grid__item:nth-child(8n) .shape--blob{clip-path:polygon(var(--shape--blob-1))}@media(prefers-reduced-motion:no-preference){.product-card-wrapper .shape--round{transition:clip-path var(--duration-long) ease}.product-card-wrapper:hover .shape--round{clip-path:ellipse(47% 47% at 50% 50%)}.product-card-wrapper .shape--blob{transition:clip-path var(--duration-long) ease-in-out}.product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-5))}.grid__item:nth-child(2n) .product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-6))}.grid__item:nth-child(3n) .product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-1))}.grid__item:nth-child(4n) .product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-2))}.grid__item:nth-child(5n) .product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-3))}.grid__item:nth-child(7n) .product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-4))}.grid__item:nth-child(8n) .product-card-wrapper:hover .shape--blob{clip-path:polygon(var(--shape--blob-5))}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-card.css.map */