.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none}.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-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))}.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%}.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%}.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:.8rem 1rem}@media screen and (min-width: 750px){.card__information{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)}.card__information-volume-pricing-note--button,.card__information-volume-pricing-note--button.quantity-popover__info-button--icon-with-label{position:relative;z-index:1;cursor:pointer;padding:0;margin:0;text-align:var(--text-alignment);min-width:auto}.card__information-volume-pricing-note--button:hover{text-decoration:underline}.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{transform:initial;top:auto;bottom:4rem;max-width:20rem;width:calc(95% + 2rem)}.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info span:first-of-type{padding-right:.3rem}.card__information-volume-pricing-note--button-right+.global-settings-popup.quantity-popover__info{right:0;left:auto}.card__information-volume-pricing-note--button-center+.global-settings-popup.quantity-popover__info{left:50%;transform:translate(-50%)}.card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info .quantity__rules{text-align:left}@media screen and (min-width: 990px){.grid--6-col-desktop .card__content quick-add-bulk .quantity{width:auto}.grid--6-col-desktop .card__content quick-add-bulk .quantity__button{width:calc(3rem / var(--font-body-scale))}.grid--6-col-desktop .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{left:50%;transform:translate(-50%);width:calc(100% + var(--border-width) + 3.5rem)}.grid--6-col-desktop .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{width:calc(100% + var(--border-width) + 1rem)}}@media screen and (max-width: 749px){.grid--2-col-tablet-down .card__content quick-add-bulk .quantity__button{width:calc(3.5rem / var(--font-body-scale))}.grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info,.grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{left:50%;transform:translate(-50%)}.grid--2-col-tablet-down .card--standard .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{width:100%}.grid--2-col-tablet-down .card--card .card__information-volume-pricing-note--button+.global-settings-popup.quantity-popover__info{width:calc(100% + var(--border-width) + 4rem)}.grid--2-col-tablet-down .card__content quick-add-bulk .quantity{width:auto}}.card-information quantity-popover volume-pricing{margin-top:0}@media screen and (max-width: 989px){.card-information quantity-popover .quantity__rules~volume-pricing{margin-top:0}.card-information quantity-popover volume-pricing{margin-top:4.2rem}}@media screen and (min-width: 750px){.card__information{padding-bottom:1rem;padding-top:1rem}}.card__badge{display:none;align-self:flex-start;grid-row-start:1;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__inner:not(.ratio)>.card__content{height:100%}.card__heading{font-weight:500;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}@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:not(.card-wrapper-custom):hover .media.media--hover-effect>img:first-child:only-child{transform:scale(1.03)}.card-wrapper:not(.card-wrapper-custom):hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.card-wrapper:not(.card-wrapper-custom):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}}.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:.5rem;padding-right:.5rem}@media screen and (min-width: 750px){.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)+quantity-popover:not(.rating):not(.card__information-volume-pricing-note),.card-information .card__information-volume-pricing-note.card__information-volume-pricing-note--button{margin-top:0}.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))}}.card__information-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.card__information-heading.only-price{justify-content:flex-end}.card__information-heading .price{white-space:nowrap}.product-card-wrapper .card__inner{overflow:hidden;z-index:2}.card__sizes-opener{position:absolute;bottom:.8rem;left:50%;transform:translate(-50%);background-color:#f6f6f6;z-index:3;width:2.4rem;height:2.4rem;min-height:auto;min-width:auto;padding:0;display:flex;align-items:center;justify-content:center}.card__sizes-opener .icon{height:.8rem;color:#000!important}li.open-sizes{z-index:3}.shopify-section.open-sizes{position:relative;z-index:3}.shopify-section.open-sizes .scroll-trigger{transform:none;opacity:1;animation:none}li.open-sizes:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--color-foreground),.16);z-index:3}.card__sizes-opener .icon path{stroke:currentColor;stroke-width:1px}.card__variants-sizes{position:absolute;bottom:0;width:100%;text-align:center;z-index:3;background-color:#ffffffc2;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:row;gap:.8rem;padding:.7rem 1rem;opacity:0;transform:translateY(100%);transition:transform .35s cubic-bezier(.1,.69,.58,1),opacity .35s cubic-bezier(.1,.69,.58,1)}.grid__item[data-product-variant=U] .card__variants-sizes,.collage__item[data-product-variant=U] .card__variants-sizes,.predictive-search__list-item[data-product-variant=U] .card__variants-sizes{display:none!important}@media screen and (min-width: 750px){.grid__item[data-product-variant=U] .card__sizes-opener,.collage__item[data-product-variant=U] .card__sizes-opener,.predictive-search__list-item[data-product-variant=U] .card__sizes-opener{display:flex!important;transform:translate(-50%,100px);transition:transform .35s}.grid__item[data-product-variant=U] .product-card-wrapper.hovered.has-sizes .card__sizes-opener,.collage__item[data-product-variant=U] .product-card-wrapper.hovered.has-sizes .card__sizes-opener,.predictive-search__list-item[data-product-variant=U] .product-card-wrapper.hovered.has-sizes .card__sizes-opener{transform:translate(-50%)}}.card__variants-sizes article{width:100%}.card__variants-sizes article .eyefitu-base{margin:0 auto;display:inline-block}.card__variants-sizes article .eyefitu-base .eyefitu-size-recommendation-button-logo{display:none}.card__variants-sizes article .eyefitu-base .eyefitu-size-recommendation-button-text{text-transform:uppercase;text-decoration:underline;font-size:1.2rem;color:rgba(var(--color-foreground),1)}.product-card-wrapper.hovered .swiper-button-next,.product-card-wrapper.hovered .swiper-button-prev{display:block!important}.product-card-wrapper.hovered .swiper-button-prev{left:1.5rem!important}.product-card-wrapper.hovered .swiper-button-next{right:1.5rem!important}.product-card-wrapper.hovered.has-sizes .card__variants-sizes{transform:translateY(0);opacity:1}.card__variants-sizes .card__size-button{font-size:1.3rem;min-height:6rem;text-transform:uppercase;padding:0}.card__variants-sizes .card__size-header{order:-1;min-height:5rem;text-align:center;border-bottom:.1rem solid;display:flex;align-items:center;justify-content:center;width:100%}.card__variants-sizes .card__size-header .card__sizes-close{display:inline-block;padding:0;min-width:4.4rem;min-height:4.4rem;box-shadow:0 0 0 .2rem rgba(var(--color-button),0);position:absolute;top:2px;right:0;color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer}@media screen and (max-width: 749px){.card__variants-sizes{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:5;transform:translateY(0);padding:0;padding-bottom:3rem;opacity:1;flex-direction:column;background-color:#fff}.card__variants-sizes .card__size{width:100%;padding-left:0;padding-right:0}.card__variants-sizes .card-colors__list li{line-height:1}.card__variants-sizes .card-colors__list .color-dot{width:1.8rem;height:1.8rem}.card__variants-sizes .card__size:not(:disabled):hover{border:none}}.product-card-wrapper .card__heading{position:relative;text-transform:uppercase;font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media screen and (min-width: 750px){.product-card-wrapper .card__heading{font-size:1.2rem}}.card__variants-sizes .card__size{background:transparent;border:none;font-size:1.2rem;min-height:4rem;min-width:4rem;border:.1rem solid transparent;transition:all .35s}.card__variants-sizes .card__size:not(:disabled){color:#000}.card__variants-sizes .card__size:not(:disabled){cursor:pointer}.card__variants-sizes .card__size:not(:disabled):hover{border-color:#000}.card__variants-sizes .card__size:disabled{cursor:not-allowed;text-decoration:line-through}.card-colors__list{display:flex;align-items:center;gap:.8rem}.card-colors__list .color-dot{width:1.3rem;height:1.3rem;position:relative;display:block;cursor:pointer}.card-colors__list .color-dot *{pointer-events:none}@media screen and (min-width: 750px){.card-colors__list{gap:.6rem}.card-colors__list .color-dot{width:1.2rem;height:1.2rem}}.card-colors__list .color-dot.active:before{content:"";display:block;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:.1rem solid}.swiper-button-next,.swiper-button-prev{display:none;width:1.5rem!important;height:1.5rem!important;--swiper-navigation-size: 1.2rem;color:#000!important;margin:-1rem;transition:all .35s}.swiper-button-prev{left:-5rem!important}.swiper-button-next{right:-5rem!important}@media screen and (max-width: 749px){.swiper-button-next,.swiper-button-prev{display:none!important}}@media screen and (min-width: 750px){.grid__item:hover .swiper-button-next,.grid__item:hover .swiper-button-prev{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/component-card.css.map */