.youngs-colour-selector{margin:1.2rem 0}.youngs-colour-selector__heading{margin:0 0 .8rem;font-size:1.2rem;font-weight:700;letter-spacing:.08em}.youngs-colour-selector__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.youngs-colour-selector__card{display:flex;box-sizing:border-box;height:100%;min-width:0;min-height:8.8rem;align-items:center;gap:.8rem;padding:.8rem;color:rgb(var(--color-foreground));background:#f6f6f6;border:1px solid #d7d7d7;border-radius:1rem;text-decoration:none}.youngs-colour-selector__item{min-width:0}.youngs-colour-selector__card--current{border:2px solid rgb(var(--color-foreground));background:rgb(var(--color-foreground),.04)}.youngs-colour-selector__card--link{cursor:pointer;transition:border-color .16s ease,transform .16s ease}.youngs-colour-selector__card--link:hover,.youngs-colour-selector__card--link:focus-visible{border-color:rgb(var(--color-foreground));transform:translateY(-1px)}.youngs-colour-selector__card--link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.youngs-colour-selector__image{flex:0 0 5.6rem;width:5.6rem;height:5.6rem;border-radius:.7rem;object-fit:contain;background:#fff}.youngs-colour-selector__details,.youngs-colour-selector__name,.youngs-colour-selector__status,.youngs-colour-selector__price,.youngs-colour-selector__availability{display:block}.youngs-colour-selector__details{min-width:0}.youngs-colour-selector__name{font-size:1.3rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.youngs-colour-selector__status{margin-top:.25rem;font-size:1.05rem;font-weight:600;letter-spacing:.04em;text-decoration:underline;text-underline-offset:.2rem}.youngs-colour-selector__status--current{text-decoration:none}.youngs-colour-selector__price{margin-top:.3rem;font-size:1.15rem}.youngs-colour-selector__availability{margin-top:.2rem;color:#a00000;font-size:1.05rem;font-weight:700}@media screen and (max-width:389px){.youngs-colour-selector__card{flex-direction:column;align-items:flex-start}.youngs-colour-selector__image{width:100%;height:auto;aspect-ratio:1}}@media screen and (min-width:750px){.youngs-colour-selector__grid{max-width:52rem}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/alternate-colour-selector.css.map */