.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: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}.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{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: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}}.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-sunglasses-meta{margin-top:.55rem}.card-sunglasses-meta--above-title{margin-top:0;margin-bottom:.7rem}.card-sunglasses-meta__line,.card-sunglasses-meta__colours{color:rgba(var(--color-foreground),.72);font-size:1.15rem;line-height:1.35}.card-sunglasses-meta__line+.card-sunglasses-meta__colours{margin-top:.45rem}.card-sunglasses-meta__colours{display:flex;align-items:center;gap:.6rem}.card-sunglasses-meta__swatches{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto}.card-sunglasses-meta__swatch{width:1rem;height:1rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:999px;background:var(--swatch-colour)}.card-sunglasses-meta__more{color:rgba(var(--color-foreground),.68);font-size:1.05rem;font-weight:650;line-height:1}.card .media--sunglasses-colour-cycle .card-sunglasses-hover-image{opacity:0;pointer-events:none;transition:opacity .32s ease}@media screen and (min-width:990px){.card-wrapper:hover .media--sunglasses-colour-cycle.media--hover-effect>img:first-child:not(:only-child),.card-wrapper:focus-within .media--sunglasses-colour-cycle.media--hover-effect>img:first-child:not(:only-child){opacity:1;transform:none}.card-wrapper:hover .media--sunglasses-colour-cycle.media--hover-effect>img+img,.card-wrapper:focus-within .media--sunglasses-colour-cycle.media--hover-effect>img+img{opacity:0;transform:none}.card-wrapper:hover .media--sunglasses-colour-cycle:not(.is-cycling)>.card-sunglasses-hover-image:nth-of-type(2),.card-wrapper:focus-within .media--sunglasses-colour-cycle:not(.is-cycling)>.card-sunglasses-hover-image:nth-of-type(2){opacity:1}.card-wrapper:hover .media--sunglasses-colour-cycle .card-sunglasses-hover-image.is-active,.card-wrapper:focus-within .media--sunglasses-colour-cycle .card-sunglasses-hover-image.is-active{opacity:1;transform:none}}.city-styled-collection .product-grid{--city-sunglasses-badge-lane: 2.4rem;--city-sunglasses-image-frame: 68%}.city-styled-collection .product-grid .card--standard.card--media .card__inner.ratio:before{padding-bottom:calc(var(--city-sunglasses-image-frame) + var(--city-sunglasses-badge-lane))}.city-styled-collection .product-grid .card .card__inner .card__media{top:var(--city-sunglasses-badge-lane)}.city-styled-collection .product-grid .card__media .media>img{height:100%;object-fit:contain;top:0;transform:none}.city-styled-collection .product-grid .product-badges,.city-styled-collection .product-grid .product-badges--sunglasses-secondary{top:.8rem;left:1rem}.city-styled-collection .product-grid .card--media .card__inner>.card__content{position:static;padding:0}.city-styled-collection .product-grid .card__inner .card__badge--sunglasses-sale{top:.8rem;right:1rem;align-items:flex-start;line-height:1}@media screen and (min-width:750px){.city-styled-collection .product-grid{--city-sunglasses-badge-lane: 2.6rem;--city-sunglasses-image-frame: 88%;--grid-desktop-horizontal-spacing: 1.4rem;--grid-desktop-vertical-spacing: 1.6rem;margin-left:0}.city-styled-collection .product-grid .grid__item{min-width:0;padding-left:0;padding-bottom:0}.city-styled-collection .product-grid .card-wrapper{height:100%}.city-styled-collection .product-grid .card{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:1.2rem;overflow:hidden;border:.1rem solid #e5eaf0;border-radius:1.5rem;background:#fff;box-shadow:0 .4rem 1.4rem #10264606;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.city-styled-collection .product-grid .card:hover,.city-styled-collection .product-grid .card-wrapper:focus-within .card{border-color:#c8d3e0;box-shadow:0 .8rem 2.4rem #0f233c0d;transform:translateY(-.2rem)}.city-styled-collection .product-grid .card--standard.card--media .card__inner{overflow:hidden;border:0;border-radius:1.2rem;background:#fff}.city-styled-collection .product-grid .card--standard.card--media .card__inner:after{display:none}.city-styled-collection .product-grid .card>.card__content{display:flex;flex:1 1 auto;flex-direction:column;padding-top:.8rem}.city-styled-collection .product-grid .card>.card__content .card__information{display:flex;flex:1 1 auto;flex-direction:column;padding:0}.city-styled-collection .product-grid .card-information{margin-top:auto}.city-styled-collection .product-grid .card__heading{color:#101828;font-size:1.45rem;font-weight:700;line-height:1.24}.city-styled-collection .product-grid .card-collection-subtext{margin-top:.45rem;color:#5f6b7a;font-size:1.22rem;line-height:1.3}.city-dry-eye-collection .product-grid .card-dry-eye-best-for{display:flex;min-width:0;gap:.35rem;margin-top:.5rem;font-size:1.18rem;line-height:1.3;white-space:nowrap}.city-dry-eye-collection .product-grid .card-dry-eye-best-for__label{flex:0 0 auto;color:#6b7280}.city-dry-eye-collection .product-grid .card-dry-eye-best-for__value{min-width:0;overflow:hidden;color:#26374a;font-weight:600;text-overflow:ellipsis}.city-dry-eye-collection .product-grid .card-dry-eye-features{display:flex;flex-wrap:wrap;gap:.4rem;margin:.55rem 0 0;padding:0;list-style:none}.city-dry-eye-collection .product-grid .card-dry-eye-features__chip{max-width:100%;padding:.28rem .58rem;border:.1rem solid #c4cfdb;border-radius:999px;background:#f8fafc;color:#29415c;font-size:1.02rem;font-weight:600;line-height:1.15;white-space:nowrap}.city-dry-eye-collection .product-grid .card-dry-eye-features__label--mobile{display:none}.city-styled-collection .product-grid .price{color:#102646;font-size:1.34rem;line-height:1.25}.city-dry-eye-collection .product-grid .quick-add,.city-contact-lens-solutions-collection .product-grid .quick-add{margin-top:auto;padding-top:1.2rem}.city-dry-eye-collection .product-grid .quick-add__submit,.city-contact-lens-solutions-collection .product-grid .quick-add__submit{min-height:4.2rem;border-radius:.7rem;background:#102646;color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:0}.city-dry-eye-collection .product-grid .quick-add__submit:after,.city-contact-lens-solutions-collection .product-grid .quick-add__submit:after{box-shadow:none}.city-dry-eye-collection .product-grid .quick-add__submit[disabled],.city-contact-lens-solutions-collection .product-grid .quick-add__submit[disabled]{background:#e8edf3;color:#697789;opacity:1}}@media screen and (max-width:749px){.city-styled-collection .product-grid{--city-sunglasses-badge-lane: 3rem;--city-sunglasses-image-frame: 81%}.city-styled-collection .product-grid .grid__item{width:auto;max-width:none;min-width:0}.city-styled-collection .product-grid .card-wrapper{height:100%}.city-styled-collection .product-grid .card{box-sizing:border-box;height:100%;padding:1rem;overflow:hidden;border:.1rem solid #e5eaf0;border-radius:1.5rem;background:#fff;box-shadow:0 .4rem 1.4rem #10264609}.city-styled-collection .product-grid .card--standard.card--media .card__inner{overflow:hidden;border:0;border-radius:1.2rem;background:#fff}.city-styled-collection .product-grid .card--standard.card--media .card__inner:after{display:none}.city-styled-collection .product-grid .card .card__inner .card__media{border-radius:1.2rem}.city-styled-collection .product-grid .card--media .card__inner>.card__content{position:static;padding:0}.city-styled-collection .product-grid .card--standard>.card__content{display:flex;flex:1 1 auto;flex-direction:column;padding-top:.35rem}.city-styled-collection .product-grid .card--standard>.card__content .card__information{display:flex;flex:1 1 auto;flex-direction:column;padding:0}.city-sunglasses-collection .product-grid .card-sunglasses-meta--above-title{margin-bottom:.55rem}.card-sunglasses-meta__line,.card-sunglasses-meta__colours{font-size:1.05rem}.city-styled-collection .product-grid .card-sunglasses-meta__line,.city-styled-collection .product-grid .card-sunglasses-meta__colours{color:#5f6b7a;line-height:1.28}.city-styled-collection .product-grid .card__heading{color:#101828;font-size:1.38rem;font-weight:700;line-height:1.2}.city-styled-collection .product-grid .card-collection-subtext{margin-top:.35rem;color:#5f6b7a;font-size:1.05rem;line-height:1.28}.city-dry-eye-collection .product-grid .card-dry-eye-best-for{display:flex;min-width:0;gap:.3rem;margin-top:.4rem;font-size:1.02rem;line-height:1.28;white-space:nowrap}.city-dry-eye-collection .product-grid .card-dry-eye-best-for__label{flex:0 0 auto;color:#6b7280}.city-dry-eye-collection .product-grid .card-dry-eye-best-for__value{min-width:0;overflow:hidden;color:#26374a;font-weight:600;text-overflow:ellipsis}.city-dry-eye-collection .product-grid .card-dry-eye-features{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0 0;padding:0;list-style:none}.city-dry-eye-collection .product-grid .card-dry-eye-features__chip{max-width:100%;padding:.25rem .48rem;border:.1rem solid #c4cfdb;border-radius:999px;background:#f8fafc;color:#29415c;font-size:.98rem;font-weight:600;line-height:1.15;white-space:nowrap}.city-dry-eye-collection .product-grid .card-dry-eye-features__label--desktop{display:none}.city-styled-collection .product-grid .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note){margin-top:.45rem}.city-styled-collection .product-grid .price{font-size:1.28rem;line-height:1.25}.city-styled-collection .product-grid .price--on-sale .price__sale,.city-styled-collection .product-grid .price:not(.price--on-sale) .price__regular{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.city-styled-collection .product-grid .price-item{margin:0}.city-styled-collection .product-grid .product-badges,.city-styled-collection .product-grid .product-badges--sunglasses-secondary{top:.8rem;left:.8rem}.city-styled-collection .product-grid .product-badges:not(.product-badges--right),.city-styled-collection .product-grid .product-badges--sunglasses-secondary{right:6.4rem;max-width:calc(100% - 7.2rem)}.city-styled-collection .product-grid .card__inner .card__badge--sunglasses-sale{top:.8rem;right:.8rem;align-items:flex-start;line-height:1}.city-styled-collection .product-grid .card__badge--sunglasses-sale .badge,.city-styled-collection .product-grid .product-badge--sunglasses-secondary,.city-styled-collection .product-grid .product-badge--top-seller,.city-styled-collection .product-grid .product-badge--contact,.city-styled-collection .product-grid .product-badge--collection-type{font-size:.82rem;line-height:1;padding:.38rem .68rem .4rem}.city-styled-collection .product-grid .product-badge--collection-lid-care,.city-styled-collection .product-grid .product-badge--collection-warm-compress{box-sizing:border-box;min-height:2rem;padding:.45rem .75rem .5rem;font-size:.9rem;font-weight:700;letter-spacing:.03em;line-height:1;white-space:nowrap!important;flex-shrink:0}.city-styled-collection .product-grid .product-badge--contact,.city-styled-collection .product-grid .product-badge--contact-wide,.city-styled-collection .product-grid .product-badge--collection-type{max-width:100%;white-space:nowrap;text-align:center}.city-styled-collection .product-grid .product-badge--contact-wrap,.city-styled-collection .product-grid .product-badge--collection-type{white-space:normal;text-wrap:balance}.city-styled-collection .product-grid .product-badge__label--mobile{display:none}.city-styled-collection .product-grid .product-badge--contact-wrap .product-badge__label--mobile{display:inline-block}.city-styled-collection .product-grid .product-badge--contact-wrap .product-badge__label--desktop{display:none}.city-styled-collection .product-grid .product-badge__line{display:block;white-space:nowrap}.city-styled-collection .product-grid .product-badges:not(.product-badges--right) .product-badge--contact-wrap,.city-styled-collection .product-grid .product-badges:not(.product-badges--right) .product-badge--collection-type{box-sizing:border-box;font-size:.76rem;line-height:.95;letter-spacing:.01em;padding:.22rem .4rem .24rem;width:min-content}.city-sunglasses-collection .product-grid .product-badge--original-polarised{max-width:7.2rem;white-space:normal;text-align:center;text-wrap:balance}.city-dry-eye-collection .product-grid .quick-add,.city-contact-lens-solutions-collection .product-grid .quick-add{margin-top:auto;padding-top:.9rem}.city-dry-eye-collection .product-grid .quick-add__submit,.city-contact-lens-solutions-collection .product-grid .quick-add__submit{min-height:4rem;border-radius:.7rem;background:#102646;color:#fff;font-size:1.18rem;font-weight:700;letter-spacing:0;line-height:1.15;padding:.75rem .8rem}.city-dry-eye-collection .product-grid .quick-add__submit:after,.city-contact-lens-solutions-collection .product-grid .quick-add__submit:after{box-shadow:none}.city-dry-eye-collection .product-grid .quick-add__submit[disabled],.city-contact-lens-solutions-collection .product-grid .quick-add__submit[disabled]{background:#e8edf3;color:#697789;opacity:1}}.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/21/assets/component-card.css.map */