.ds-card-product{background:var(--ds-color-bg-default);border:1px solid var(--ds-color-border-muted);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--ds-color-fg-default);cursor:pointer;display:flex;flex-direction:var(--flex-direction);inline-size:100%;max-inline-size:var(--max-width);position:relative;white-space:normal}.ds-card-product--responsive{--badge-spacing:var(--ds-space-4);--border-radius:8px;--box-shadow:none;--brow-placeholder-display:block;--content-padding:var(--ds-space-6);--description-spacing:var(--ds-space-4);--flex-direction:row;--footer-flex-direction:row;--footer-gap:var(--ds-space-1);--max-width:100%;--medium-label-grow:1;--image-border-radius:8px 0 0 8px;--image-min-width:122px;--image-max-height:100%;--image-padding:var(--ds-space-5)}@media (min-width:768px){.ds-card-product--responsive{--badge-spacing:var(--ds-space-6);--brow-placeholder-display:none;--description-spacing:var(--ds-space-6);--flex-direction:column;--footer-flex-direction:column;--footer-gap:var(--ds-space-6);--max-width:330px;--medium-label-grow:0;--image-border-radius:8px 8px 0 0;--image-min-width:0;--image-max-height:236px;--image-padding:var(--ds-space-6)}}.ds-card-product--static{--badge-spacing:var(--ds-space-6);--border-radius:8px;--box-shadow:none;--brow-placeholder-display:none;--content-padding:var(--ds-space-8);--description-spacing:var(--ds-space-4);--flex-direction:column;--footer-flex-direction:column;--footer-gap:var(--ds-space-2);--max-width:330px;--medium-label-grow:0;--image-border-radius:8px 8px 0 0;--image-min-width:0;--image-max-height:236px;--image-padding:var(--ds-space-6)}@media (min-width:768px){.ds-card-product--static{--content-padding:var(--ds-space-6);--description-spacing:var(--ds-space-6);--footer-gap:var(--ds-space-6)}}@media (hover:hover)and (pointer:fine){.ds-card-product:hover{--box-shadow:var(--ds-shadow-default)}}.ds-card-product__badge{inset-block-start:var(--badge-spacing);inset-inline-end:var(--badge-spacing);position:absolute;z-index:1}.ds-card-product__link{border-radius:8px;display:block;top:0;right:0;bottom:0;left:0;position:absolute;z-index:2;--focus-outline-color:var(--ds-color-focus-default)}.ds-card-product__link:focus{outline:none}.ds-card-product__link:focus-visible{outline:4px solid var(--focus-outline-color);outline-offset:2px}.ds-card-product__image-container{background:var(--ds-color-bg-neutral-subtle);border-radius:var(--image-border-radius);box-sizing:border-box;display:flex;justify-content:center;max-block-size:var(--image-max-height);min-inline-size:var(--image-min-width);padding:var(--image-padding);position:relative}.ds-card-product__image{margin-block:0;max-block-size:236px;max-inline-size:100%;-o-object-fit:contain;object-fit:contain}.ds-card-product__content{display:flex;flex-direction:column;flex-grow:1;padding:var(--content-padding)}.ds-card-product__brow-image{--brow-image-display:block;align-self:self-start;display:var(--brow-image-display);margin-block-end:var(--ds-space-6);max-block-size:1rem}.ds-card-product__brow-image--dark,.t-dark .ds-card-product__brow-image--light{--brow-image-display:none}.t-dark .ds-card-product__brow-image--dark{--brow-image-display:block}.ds-card-product__brow-placeholder{block-size:1rem;display:none;margin-block-end:var(--ds-space-6)}.ds-card-product--badge .ds-card-product__brow-placeholder{display:var(--brow-placeholder-display)}.ds-card-product__brow-text{margin:0;margin-block-end:var(--ds-space-6)}.ds-card-product__title{margin:0;margin-block-end:var(--ds-space-4)}.ds-card-product__description{-webkit-box-orient:vertical;color:var(--ds-color-fg-muted);display:-webkit-box;-webkit-line-clamp:2;margin:0;margin-block-end:var(--description-spacing);overflow:hidden;text-overflow:ellipsis;white-space:normal}.ds-card-product__labels{flex-grow:1}.ds-card-product__small-label{margin:0}.ds-card-product__colour-label{color:var(--ds-color-fg-muted);margin:0}.ds-card-product__medium-label{align-self:flex-end;flex-grow:var(--medium-label-grow);margin:0;text-align:end}.ds-card-product__footer{display:flex;flex-direction:var(--footer-flex-direction);flex-grow:1;flex-wrap:wrap;gap:var(--footer-gap);justify-content:space-between}.ds-card-product .ds-card-action{inset-block-end:var(--ds-space-6);inset-inline-end:var(--ds-space-6);position:absolute;z-index:3}.ds-grid .ds-card-product{max-inline-size:100%}.ds-card-colours{--colour-bg:transparent;--colour-gap:var(--ds-space-1);pointer-events:none;position:relative;z-index:4}@media (min-width:768px){.ds-card-colours{--colour-gap:var(--ds-space-2)}}.ds-card-colours__list{align-items:center;block-size:22px;display:flex;gap:var(--colour-gap);list-style:none;margin:0;padding:0}.ds-card-colours__option{aspect-ratio:1;background-color:var(--colour-bg);block-size:10px;border-radius:999px;cursor:help;inline-size:10px;pointer-events:auto}.ds-card-colours__additional{margin:0}