.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none;max-width:400px;width:100%}.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))}.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-background-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-color:#f9f9f9;aspect-ratio:var(--image-ratio, 330/480)}.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{position:relative}.card .media{position:absolute;top:15px;right:15px;bottom:15px;left:15px}@media screen and (min-width: 750px){.card .media{top:30px;right:30px;bottom:30px;left:30px}}.card .media img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}.card--hover-image .card__media:hover img{transition:opacity .25s ease-in-out}.card__hover-image{position:absolute;left:0;top:0;z-index:1;opacity:0}.card--hover-image .card__media:hover .card__hover-image{opacity:1}.card--hover-image .card__media:hover .card__image{opacity:0}.card__media{margin:var(--image-padding);width:calc(100% - 2 * var(--image-padding))}.card--standard .card__media{margin:var(--image-padding)}.card__inner{width:100%;margin-bottom:8px}@media screen and (min-width: 750px){.card__inner{margin-bottom:12px}}.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:1;padding:0 1rem}.card:not(.ratio)>.card__content{grid-template-rows:max-content minmax(0,1fr) max-content auto}@media screen and (min-width: 750px){.card__information{padding-bottom:1.7rem;padding-top:0}}.card__badge{align-self:flex-end;grid-row-start:3;justify-self:flex-start}.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:cover;object-position:center center;width:100%}.card__media .media--contain img{object-fit:contain}.card__inner:not(.ratio)>.card__content{height:100%}.card__heading{margin-top:0;margin-bottom:1rem;font-size:16px;font-weight:500}.card__title{display:block;text-align:center;color:inherit;text-decoration:none}.card__title:hover .card__heading{text-decoration:underline}.card__heading{font-size:14px;font-weight:500;cursor:default}@media only screen and (min-width: 750px){.card__heading{font-size:16px}}.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){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}@media screen and (min-width: 990px){.underline-links-hover a{font-size:16px;font-weight:500}.underline-links-hover:hover a{text-decoration:underline;text-underline-offset:.3rem}}.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{height:auto;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__price>.price{color:#3f3f3f;font-size:12px;font-weight:600;cursor:default}.card--horizontal .card-information>.price{color:rgba(var(--color-foreground),.75)}.card-information>.rating{margin-top:12px}.card-information>*:not(.visually-hidden:first-child)+*:not(.rating){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))}}.card__variants{margin-bottom:16px}@media screen and (min-width: 750px){.card__variants{margin-bottom:24px}}.card__variants .variant-swatches{display:flex;padding-left:0;list-style-type:none;flex-shrink:1;overflow:auto;flex:1;margin-bottom:0}@media screen and (max-width: 749px){.card__variants .variant-swatches:not(:has(.slider__slide:nth-child(5))){justify-content:center}}@media screen and (min-width: 750px){.card__variants .variant-swatches:not(:has(.slider__slide:nth-child(6))){justify-content:center}.card__variants:not(:has(.slider__slide:nth-child(6))) .slider-button{opacity:0;pointer-events:none}}.card__variants .variant-image{cursor:pointer;flex:0 0 calc(25% - 5px);scroll-snap-align:start!important;padding-inline:2px}.card__variants .variant-image__img{border:1px solid rgba(0,0,0,0);padding:2px;background-color:#f9f9f9;aspect-ratio:48/72;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease-out;pointer-events:none}@media screen and (min-width: 750px){.card__variants .variant-image{flex:0 0 calc(20% - 3px)}}.card__variants .variant-image__img img{display:block;pointer-events:none;width:85%;height:85%;object-fit:contain}@media (hover: hover){.card__variants .variant-images:has(li:hover) .variant-image.active:not(:hover) .variant-image__img{border-color:#ccc}.card__variants .variant-images:not(:has(li:hover)) .variant-image.active:not(:hover) .variant-image__img,.card__variants .variant-images .variant-image:hover .variant-image__img{border-color:#000}}@media (hover: none){.card__variants .variant-images .variant-image.active .variant-image__img{border-color:#000}}.card__variants .variant-image.variant-count{cursor:auto;border:none;height:20px;color:#000;font-style:italic;font-size:10px;line-height:1;font-weight:500;position:relative;color:#3f3f3f}.card__variants .variant-count span{position:absolute;top:-14px;left:-24px;min-width:max-content}.article-card__image{position:relative;background-size:cover;background-position:center;width:100%;padding-top:56.25%}.product-card-wrapper .badge-wrapper{position:absolute}.product-card-wrapper .badge-wrapper--primary{left:8px;top:8px}.product-card-wrapper .badge-wrapper--secondary{left:8px;bottom:8px}.variant-images{margin-bottom:0}.product-card-thumbnail-slider{display:flex;align-items:center;width:100%;max-width:100%}.product-card-thumbnail-slider .slider-button{width:32px}.product-card-thumbnail-slider .slider-button .icon{height:6px}@media screen and (max-width: 749px){.product-card-thumbnail-slider:after,.product-card-thumbnail-slider:before{content:"";display:block;width:40px;height:100%;position:absolute;top:0;right:-1px;z-index:1;background-image:linear-gradient(90deg,transparent,white);pointer-events:none;opacity:0;transition:opacity .25s ease-out}.product-card-thumbnail-slider:before{right:unset;left:-1px;background-image:linear-gradient(-90deg,transparent,white)}.product-card-thumbnail-slider:has(.slider__slide:nth-child(5)).at-start:after{opacity:1}.product-card-thumbnail-slider:has(.slider__slide:nth-child(5)).at-end:before{opacity:1}}.collection-card{position:relative}.collection-card__image{aspect-ratio:var(--aspect-ratio);border-radius:var(--border-radius-mobile);position:relative;overflow:hidden;margin-bottom:12px}.collection-card__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-card__content h3{font-size:1.2rem}.collection-card__content a:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (min-width: 750px){.collection-card__image{margin-bottom:16px;border-radius:var(--border-radius)}.collection-card__content h3{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/303/assets/component-card.css.map */