.product-tile{--product-tile-ratio: 2 / 3;--product-tile-gutter: 12px;--product-tile-badge-padding: 8px 12px;--product-tile-badge-size: 11px;--product-tile-badge-tracking: .08em;--product-tile-overlay-height: 40px;--product-tile-overlay-bottom: 15px;--product-tile-picker-swatch-size: 32px;position:relative;display:flex;height:100%;min-width:0;flex-direction:column;border:1px solid rgba(var(--colors-line-and-border),.55);background:rgb(var(--colors-background))}.product-tile *,.product-tile *:before,.product-tile *:after{box-sizing:border-box}.product-tile[data-product-tile-ratio=square]{--product-tile-ratio: 1 / 1}.product-tile[data-product-tile-ratio=portrait]{--product-tile-ratio: 2 / 3}.product-tile[data-product-tile-ratio="3/4"]{--product-tile-ratio: 3 / 4}.product-tile[data-product-tile-ratio=landscape]{--product-tile-ratio: 4 / 3}.product-tile[data-product-tile-ratio=wide]{--product-tile-ratio: 16 / 9}.product-tile__media{position:relative;aspect-ratio:var(--product-tile-ratio);overflow:hidden;background:rgb(var(--colors-background-secondary))}.product-tile__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.product-tile__track::-webkit-scrollbar{display:none}.product-tile__slide{display:block;width:100%;height:100%;flex:0 0 100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.product-tile__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.product-tile:hover .product-tile__image{transform:scale(1.025)}.product-tile__image--placeholder{padding:18%;fill:rgba(var(--colors-line-and-border),.8);object-fit:contain}.product-tile .product-tile__arrow{position:absolute;z-index:3;top:50%;display:none;width:32px;height:32px;place-items:center;padding:0;transform:translateY(-50%);border:0;border-radius:50%;background:#000c;box-shadow:none;color:rgb(var(--colors-background));cursor:pointer;line-height:0;opacity:0;transition:opacity .18s ease-out}.product-tile .product-tile__arrow svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor}.product-tile__arrow--prev{left:10px}.product-tile__arrow--next{right:10px}.product-tile .product-tile__arrow[hidden],.product-tile .product-tile__dots[hidden]{display:none}.product-tile .product-tile__media .product-tile__arrow[disabled]{opacity:0;pointer-events:none}.product-tile__dots{position:absolute;z-index:3;right:50%;bottom:5px;display:flex;gap:5px;transform:translate(50%)}.product-tile__dots span{display:block;width:5px;height:5px;border-radius:50%;background:rgba(var(--colors-background),.55);box-shadow:0 1px 5px rgba(var(--colors-text),.3);transition:width .2s ease,background-color .2s ease}.product-tile__dots span.is-current{width:16px;border-radius:99px;background:rgb(var(--colors-background))}.product-tile__info{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--product-tile-gutter)}.product-tile__title{margin:0 0 4px;line-height:1.15}.product-tile .x-card-title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);text-transform:uppercase;letter-spacing:.02em}.product-tile .x-card-price{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-style:var(--font-body-style);text-transform:none}.product-tile__title-link{color:rgb(var(--colors-heading));text-decoration:none;transition:color .18s ease-out}.product-tile__title-link:hover{color:var(--colors-button-hover)}.product-tile__price .price{color:rgb(var(--colors-price))}.product-tile__price .price-compare{font-weight:var(--font-body-weight)}.product-tile .x-card-swatches{--xsw-size: 22px;--xsw-gap: 8px;flex:1 1 auto;margin:0}.product-tile__swatch-strip{display:flex;align-items:center;min-width:0;margin-block:8px 0;margin-inline:calc(var(--product-tile-gutter) - 4px)}.product-tile__swatch-arrow{display:none}@media(min-width:768px)and (hover:hover)and (pointer:fine){.product-tile__swatch-arrow:not([hidden],[aria-disabled=true]){flex:0 0 24px;display:grid;place-items:center;min-height:30px;padding:0;color:rgb(var(--colors-text, 53, 53, 53));cursor:pointer}}.product-tile:has(>[data-product-tile-size-panel]:not([hidden]))>.product-tile__swatch-strip .product-tile__swatch-arrow{visibility:hidden}.product-tile__swatch-arrow:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.product-tile__swatch-arrow:before{content:"";width:8px;height:8px;border-block-start:2px solid currentColor;border-inline-end:2px solid currentColor;transform:rotate(45deg)}.product-tile__swatch-arrow[data-swatch-step="-1"]:before{transform:rotate(225deg)}.product-tile__swatch-arrow:dir(rtl):before{transform:rotate(-45deg)}.product-tile__swatch-arrow:dir(rtl)[data-swatch-step="-1"]:before{transform:rotate(135deg)}.product-tile .x-card-swatch{border-radius:50%;border:1px solid rgba(var(--colors-text, 53, 53, 53),.4);background:rgb(var(--colors-background))}.product-tile .x-card-swatch img,.product-tile .x-card-swatch-fill{border-radius:50%}.product-tile .x-card-swatch.is-active{box-shadow:0 0 0 2px rgb(var(--colors-background)),0 0 0 3px rgb(var(--colors-button))}.product-tile__rating{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;color:rgb(var(--colors-text));font-family:var(--font-body-family);font-size:14px;line-height:1.4;text-decoration:none}.product-tile__stars{position:relative;display:inline-block;flex-shrink:0;font-family:Arial,sans-serif;font-size:14px;letter-spacing:1px;line-height:1}@media(max-width:767px){.product-tile__stars,.product-tile__rating{font-size:8px}}.product-tile__stars-empty{color:rgba(var(--colors-line-and-border),.3)}.product-tile__stars-filled{position:absolute;inset:0 auto 0 0;width:var(--star-fill);overflow:hidden;color:rgb(var(--colors-line-and-border));white-space:nowrap}.product-tile__cta{position:absolute;z-index:4;display:grid;place-items:center;height:var(--product-tile-overlay-height);padding:0;width:var(--product-tile-overlay-height);bottom:var(--product-tile-overlay-bottom);right:8px;border-radius:50%;background:rgb(var(--colors-button));color:rgb(var(--colors-button-text))}.product-tile__cta svg{display:block;fill:none;stroke:currentColor}.product-tile__cta:hover{background:var(--colors-button-hover)}.product-tile__cta[data-unavailable]{opacity:.55}.product-tile__cta:focus-visible,.product-tile__title-link:focus-visible,.product-tile__arrow:focus-visible,.product-tile__slide:focus-visible{outline:2px solid var(--colors-button-hover);outline-offset:2px}.product-tile .x-badge-container .x-badge-content.x-badge-text.ltr{padding:var(--product-tile-badge-padding);display:inline-flex;align-items:center;min-height:var(--product-tile-overlay-height);border:0;border-radius:0;background:rgb(var(--colors-text));color:rgb(var(--colors-background));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:var(--product-tile-badge-size);letter-spacing:var(--product-tile-badge-tracking);line-height:1;opacity:1;text-transform:uppercase}.product-tile .x-badge-container{--font-size-scale: var(--product-tile-badge-size)}.product-tile .label-container{top:auto;right:auto;bottom:15px;opacity:85%;left:0;align-items:flex-start}.product-tile .label-container,.product-tile .custom-label-container .x-badge-container{z-index:2}.product-tile__label-slot{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:4px;line-height:1}.product-tile__label-slot:empty{display:none}.product-tile__label-slot.below-image{margin:0 0 8px}.product-tile__label-slot.bottom-card{margin:12px 0 0}.product-tile__price-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.product-tile__details-link{display:block;color:inherit;text-decoration:none}.product-tile__size-panel{position:absolute;inset:auto 0 0;z-index:5;min-height:120px;max-height:100%;overflow:auto;font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-style:var(--font-body-style);padding:12px;border-top:1px solid rgb(var(--colors-line-and-border));background:rgb(var(--colors-background));color:rgb(var(--colors-text));scrollbar-width:none}@media(prefers-reduced-motion:no-preference){.product-tile__size-panel[data-step-direction=forward]{--product-tile-step-offset: 16px}.product-tile__size-panel[data-step-direction=back]{--product-tile-step-offset: -16px}.product-tile__size-panel[data-step-direction]:not([hidden]) :is([data-product-tile-size-step],[data-product-tile-colour-step],[data-product-tile-review-step]):not([hidden]){animation:product-tile-step-in .18s ease-out}}@keyframes product-tile-step-in{0%{transform:translateY(var(--product-tile-step-offset));opacity:0}to{transform:translateY(0);opacity:1}}.product-tile__size-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-tile__size-header h3{margin:0;font-size:16px;text-transform:uppercase}.product-tile__size-header .product-tile__size-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:rgb(var(--colors-text));font:400 28px/1 Arial,sans-serif;cursor:pointer}.product-tile__size-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:8px}[data-product-tile-size-step][data-fit-scope=bottom] .product-tile__size-options{grid-template-columns:repeat(4,minmax(0,1fr))}.product-tile__size-choice input[type=radio]{position:absolute;width:1px;height:1px;margin:0;opacity:0}.product-tile__size-choice span{display:grid;place-items:center;min-height:44px;border:1px solid rgb(var(--colors-line-and-border));font-size:14px;cursor:pointer}.product-tile__size-choice input:checked+span{background:rgb(var(--colors-text));color:rgb(var(--colors-background))}.product-tile__size-options[hidden]{display:none}.product-tile__size-intro{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid rgb(var(--colors-line-and-border));font:inherit}.product-tile__saved-size{margin:0 0 8px;font:inherit}.product-tile__size-choice.is-recommended>span{border-color:rgb(var(--colors-button));box-shadow:inset 0 0 0 1px rgb(var(--colors-button))}.product-tile__size-panel .product-tile__find-fit{display:block;min-height:44px;margin:4px 0 0 auto;padding:0;border:0;background:transparent;color:rgb(var(--colors-button));font:inherit;text-transform:none;cursor:pointer}.product-tile__colour-summary{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.product-tile__colour-options{display:grid;gap:12px}.product-tile__pack-options{display:grid;gap:6px}.product-tile__pack-options .product-tile__pack-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-height:44px;padding:6px 8px;border:1px solid rgb(var(--colors-line-and-border));background:transparent;color:rgb(var(--colors-text));font-family:var(--font-body-family);font-weight:var(--font-body-weight);text-transform:none!important;font-size:12px;text-align:left}.product-tile__pack-choice>:last-child{text-align:right}.product-tile__pack-choice:focus-visible{outline:2px solid rgb(var(--colors-button));outline-offset:1px}.product-tile__pack-choice:disabled{opacity:.55}.product-tile__colour-group-heading{margin:0 0 4px;font-size:12px;text-transform:uppercase}.product-tile__colour-row{display:flex;flex-wrap:wrap;gap:6px}.product-tile__colour-options .product-tile__colour-choice{position:relative;width:28px;height:28px;padding:2px;border:1px solid transparent;border-radius:50%}.product-tile__colour-choice>img,.product-tile__colour-choice>.x-card-swatch-fill{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.product-tile__colour-choice:disabled>*{opacity:.4}.product-tile__colour-choice:disabled:after{content:"";position:absolute;inset:50% 2px auto;border-top:2px solid rgb(var(--colors-text));transform:rotate(-45deg)}.product-tile__review-product,.product-tile__review-row{margin:0;padding:10px 0;font-family:var(--font-body-family)}.product-tile__review-row{border-top:1px solid rgb(var(--colors-line-and-border))}.product-tile__review-label{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:12px;text-transform:uppercase}[data-product-tile-suit-sizes] .product-tile__review-label{font-size:14px}[data-product-tile-suit-sizes]>[data-fit-scope=bottom]{margin-top:12px}.product-tile__review-value-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;font-size:14px}.product-tile__review .product-tile__review-add{width:100%;min-height:44px;margin-top:12px;padding:8px;border:0;border-radius:0;background:rgb(var(--colors-button));color:rgb(var(--colors-button-text));font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase}.product-tile__review-add:disabled{opacity:.6}.product-tile__review-error{margin:8px 0 0}.product-tile__cart-confirmation:not([hidden]){position:absolute;inset:12px 8px auto;z-index:6;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgb(var(--colors-line-and-border));background:rgb(var(--colors-background));color:rgb(var(--colors-text));font-size:12px;pointer-events:none;animation:product-tile-confirmation-in .18s ease-out}.product-tile__cart-confirmation strong{display:block;font-family:var(--font-heading-family);text-transform:uppercase}.product-tile__confirmation-check{font-size:24px;line-height:1}@keyframes product-tile-confirmation-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.product-tile__cart-confirmation:not([hidden]){animation:none}}.product-tile__review-name{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style)}.product-tile__review-price{margin:2px 0 0;font:inherit}.product-tile__size-panel .product-tile__edit{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:rgb(var(--colors-button));cursor:pointer}.product-tile__edit svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(min-width:768px){.product-tile .product-tile__arrow{display:grid}.product-tile__media:hover .product-tile__arrow,.product-tile__arrow:focus-visible{opacity:1}.product-tile__cta{min-height:33px}}@media(max-width:767px){.product-tile{--product-tile-gutter: 10px}.product-tile .x-card-swatches{--xsw-size: 20px;--xsw-gap: 6px}.product-tile__cta{min-height:33px}}@media(prefers-reduced-motion:reduce){.product-tile__track{scroll-behavior:auto}.product-tile__arrow,.product-tile__dots span,.product-tile__cta,.product-tile__title-link,.product-tile__image{transition:none}.product-tile:hover .product-tile__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/276/assets/product-tile.css.map */