.card-wrapper-outer{position:relative}.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none;width:100%}.card{text-decoration:none;text-align:var(--text-alignment);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--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__inner .card__media{overflow:hidden;z-index:0}.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);padding-bottom:1rem;width:100%}.card__media,.card .media{bottom:0;position:absolute;top:0;padding:.5rem}@media (min-width: 48em){.card__media,.card .media{padding:1.5rem}}.card .media{width:calc(100% - 1rem)}@media (min-width: 48em){.card .media{width:calc(100% - 3rem)}}.card__media{margin:var(--image-padding);width:calc(100% - 2 * var(--image-padding))}.card__media--shrink-to-fit-logo{scale:75%;translate:0% 12%}.card .card__media--no-media{display:block;position:absolute;left:0;right:0}.card .card__media--no-media:before{position:absolute;content:"";top:0;bottom:0;left:0;right:0;background:url(logo_icon.svg) center no-repeat;background-size:35% auto;opacity:.1}.card--standard .card__media{margin:var(--image-padding)}.card__inner{width:100%;padding-top:100%;height:0}.card--media .card__inner .card__content{position:absolute;bottom:0;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--badges{position:absolute;bottom:0;display:flex;gap:.5rem;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;height:auto}.card__content--auto-margins{grid-template-rows:minmax(0,auto) max-content minmax(0,auto)}.card__information{padding-top:1.3rem;box-sizing:border-box}.card__content>.card__information{grid-row-start:2;padding:1.3rem 1rem 0}.card>.card__content{grid-template-rows:max-content minmax(0,1fr) max-content auto}@media screen and (min-width: 750px){.card__information{padding-top:1.7rem}}.card__vendor{color:var(--color-base-orange);font-size:2rem;line-height:1.15;margin:.6rem 0;font-weight:600}.card__vendor-logo{position:absolute;mix-blend-mode:luminosity;top:0;right:3%;height:15%;width:40%;background-color:#f2f2f2}.card__vendor-logo--rieker{width:18%;height:14%}.card__vendor-logo--b-o-c{top:2%;height:10%;width:30%}.card__vendor-logo--buff{width:22%;height:0;top:1%;right:1%;padding-top:21%}.card__vendor-logo--canada-goose{width:35%;height:0;top:3.5%;right:2%;padding-top:5%}.card__vendor-logo--circus-by-sam-edelman{width:30%}.card__vendor-logo--darn-tough{top:1%;right:4%;height:12%;width:25%}.card__vendor-logo--doctor-martens,.card__vendor-logo--emu{width:30%}.card__vendor-logo--fitflop{top:1%;width:27%}.card__vendor-logo--form{top:1%;width:22.5%}.card__vendor-logo--frye{top:2%;width:19.5%;height:10%;right:4%}.card__vendor-logo--glerups{width:30%}.card__vendor-logo--hydro-flask{width:35%;height:8%;top:2%;right:4%}.card__vendor-logo--josef-seibel{height:12%}.card__vendor-logo--keen{width:30%;height:13%}.card__vendor-logo--lago-apparel,.card__vendor-logo--lambskin-specialties{right:0;height:16%;width:26%}.card__vendor-logo--lucky-brand{height:16%;width:26%}.card__vendor-logo--manitobah{height:13%;width:34%;right:0}.card__vendor-logo--milo{right:0;width:35%}.card__vendor-logo--miz-mooz{right:0;height:16%;width:20%}.card__vendor-logo--moose-knuckles{height:9%;width:34%}.card__vendor-logo--naturalizer{right:0;height:16%;width:20%}.card__vendor-logo--oak-and-hyde{top:2%;right:3.5%;height:8%;width:24%}.card__vendor-logo--puma{top:1.5%;height:15%;width:25%}.card__vendor-logo--reebok{width:30%}.card__vendor-logo--reef{height:16%;width:20%}.card__vendor-logo--religious-comfort{height:12%;width:46%}.card__vendor-logo--sam-edelman{width:30%}.card__vendor-logo--sorel{height:16%;width:20%}.card__vendor-logo--sterling-glove{right:0;height:14%;width:27%}.card__vendor-logo--the-north-face{right:0;height:12%;width:33%}.card__vendor-logo--tommy-hilfiger{height:12%;width:49%}.card__vendor-logo--vans,.card__vendor-logo--ugg{width:30%}.card__vendor-logo img{display:block;mix-blend-mode:multiply;max-width:100%;height:auto;position:absolute;top:0;right:0;object-fit:cover;width:100%;height:100%}.card__product-name{margin:0;font-size:1.6rem}.card__product-name.h5{font-weight:400}.card__badge{display:flex;align-self:flex-end;grid-row-start:3;justify-self:flex-start;flex-wrap:wrap;gap:.5rem}.card__content--badges .card__badge{align-self:auto;justify-self:auto}.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%}.card__heading-group,.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){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-group a:after,.card__heading a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:3}.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,.card-wrapper .media.media--hover-effect{transition:transform var(--duration-long) ease}.card:hover .media.media--hover-effect,.card-wrapper:hover .media.media--hover-effect{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)}}.card--standard.card--media .card__inner .card__information,.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>.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),1)}.card-information>.rating{margin-top:.4rem}.card-information>*:not(.visually-hidden:first-child)+*:not(.rating){margin-top:1.5rem}.card-information .caption{letter-spacing:.07rem}.card-article-info{margin-top:1rem}.card-secondary{display:none;position:absolute;background-color:#fff;border:1px solid var(--color-border-gray);box-shadow:0 24px 24px #0003;border-top:none;z-index:10;padding:2rem;left:-2rem;right:-2rem;top:calc(100% - .1rem)}@media (hover: hover){.card-wrapper-outer:hover .card-secondary{display:block}.card-wrapper-outer:hover:before{content:"";position:absolute;z-index:2;top:0;box-shadow:0 24px 24px #0003;border:1px solid var(--color-border-gray);top:-2rem;right:-2rem;bottom:-2rem;left:-2rem}}.card__variants{display:grid;grid-gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(4rem,1fr))}.card__variants-title,.card__colour-title{text-transform:uppercase;letter-spacing:.05rem;font-size:1.4rem;margin-bottom:.2rem}.card__variants a{display:flex;flex-direction:column;font-weight:400;align-items:center;justify-content:center;font-size:1.4rem;text-decoration:none;color:rgba(var(--color-foreground));background-color:#fff;border:1px solid #ccc;padding:.5rem 0;aspect-ratio:1;text-align:center;line-height:1;letter-spacing:-.025em}.card__variants a:hover{border-color:var(--color-base-orange)}.card__variants .card__variants-uk-size{display:block;font-size:1rem;margin-top:.2rem;font-weight:600;letter-spacing:.1em}.card__colour-grid{position:relative;display:block;width:100%;margin:1rem 0;z-index:8;box-sizing:border-box}.card__colour-scroll-wrapper{overflow:hidden;padding-bottom:1px}.card__colour-scroll{display:flex;gap:.6rem;transform:translate(0);transition:transform .3s ease-in-out;flex-wrap:nowrap;width:100%}.card__colour-grid-item{background-color:#fff;border:1px solid #ccc;flex:0 0 4rem;height:4rem;min-width:4rem;width:4rem;padding:.2rem}.card__colour-grid-item:focus-visible{outline-offset:-.2rem;box-shadow:none}.card__colour-grid-item:hover{border-color:var(--color-base-orange)}.card__colour-grid-item img{width:100%;height:100%;object-fit:contain;border-radius:.2rem}.card__colour-grid-item--no-media{background-color:#f2f2f2}.card__colour-grid-item--no-media div{background:url(logo_icon.svg) center no-repeat;background-size:auto;background-size:55% auto;opacity:.1;aspect-ratio:1;height:auto;margin:.25rem;display:block;object-fit:contain;max-width:100%;transition:all .25s ease}.card__colour-nav{display:none;position:absolute;top:0;width:2rem;height:4rem;background:#fff;border:1px solid #ccc;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:opacity .3s ease;padding:0}.card__colour-nav--showing{display:flex}.card__colour-nav--prev{left:0}.card__colour-nav--next{right:0}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-card.css.map */