.bg-related{display:block;min-width:0;margin-block:2.4rem;container-type:inline-size;color:var(--colour--black, #0c0c0c);font-family:var(--font-body-family)}#theme .bg-related .bg-related__heading{margin:0 0 1.2rem;color:var(--colour--blueDark3, #3f525f);font-family:var(--font-heading-family);font-size:1.6rem;font-weight:400;line-height:1.35;letter-spacing:normal;text-align:left}.bg-related .bg-related__track{position:relative;display:flex;gap:1.2rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;list-style:none;margin:0;padding:0 0 .4rem}.bg-related[data-ready] .bg-related__track{scrollbar-width:none}.bg-related[data-ready] .bg-related__track::-webkit-scrollbar{display:none}.bg-related .bg-related__card{box-sizing:border-box;flex:0 0 100%;min-width:0;display:grid;grid-template-columns:6.4rem minmax(0,1fr) auto;align-items:center;gap:1.2rem 1.6rem;padding:1.6rem;border-radius:1.6rem;background:var(--colour--grey, #f3f5f7);scroll-snap-align:start;scroll-snap-stop:always}.bg-related .bg-related__image{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:.6rem;box-sizing:border-box;border-radius:1rem;background:#fff}.bg-related__image img,.bg-related__image svg{width:100%;height:100%;object-fit:contain}.bg-related__details{min-width:0}.bg-related .bg-related__title{color:inherit;text-decoration:none;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:400;line-height:1.4;overflow-wrap:anywhere}.bg-related__title:hover{text-decoration:underline}.bg-related .bg-related__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem;margin-top:.4rem;font-family:var(--font-heading-family);font-size:1.6rem;line-height:1.4}.bg-related .bg-related__price strong{font-weight:400}.bg-related__price[data-sale] strong{color:var(--colour--red, #ff0051)}.bg-related__price s{color:var(--colour--blueDark, #5d798e);font-size:1.4rem}.bg-related .bg-related__form{grid-column:3;margin:0;min-width:0;max-width:14rem}.bg-related .bg-related__button{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-height:4.4rem;gap:.8rem;padding:1rem 1.4rem;box-sizing:border-box;border:1px solid var(--colour--blueLight, #b8c6d0);border-radius:1rem;background:#fff;color:var(--colour--blueDark3, #3f525f);font-family:var(--font-heading-family);font-size:1.4rem;font-weight:400;line-height:1.35;letter-spacing:normal;text-transform:none;text-align:center;text-decoration:none;cursor:pointer}.bg-related__button:hover:not(:disabled){border-color:var(--colour--greenNormal, #8dc63f);background:color-mix(in srgb,var(--colour--greenNormal, #8dc63f) 12%,#fff)}.bg-related__cart-icon{flex:none;width:1.6rem;height:1.6rem}.bg-related__card:has(select){grid-template-columns:6.4rem minmax(0,1fr)}.bg-related__card:has(select) .bg-related__image{align-self:start;grid-row:1 / 3}.bg-related__card:has(select) .bg-related__form,.bg-related__form:has(.bg-related__message:not([hidden])){grid-column:2 / -1;max-width:none}.bg-related__button:disabled{cursor:not-allowed;opacity:.55}.bg-related__variant-label{display:block;margin-bottom:.4rem;font-size:1.3rem}.bg-related select{width:100%;min-height:4.4rem;margin:0 0 1rem;padding:.8rem;border:1px solid var(--colour--blueLight, #b8c6d0);border-radius:.8rem;background:#fff;color:inherit;font:inherit;font-size:1.6rem}.bg-related .bg-related__message{margin:1rem 0 0;font-size:1.4rem;line-height:1.5}.bg-related__message a{color:inherit;text-decoration:underline}.bg-related [data-related-error]{color:#b00035}.bg-related .bg-related__controls{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-top:1.2rem}.bg-related .bg-related__arrow{display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid var(--colour--blueLight, #b8c6d0);border-radius:50%;background:#fff;color:var(--colour--blueDark3, #3f525f);cursor:pointer}.bg-related__arrow svg{width:2rem;height:2rem}.bg-related__arrow:hover:not(:disabled){background:var(--colour--grey, #f3f5f7)}.bg-related__arrow:disabled{opacity:.35;cursor:default}.bg-related__count{color:var(--colour--blueDark, #5d798e);font-size:1.4rem;font-variant-numeric:tabular-nums}.bg-related :focus-visible{outline:2px solid var(--colour--blueDark3, #3f525f);outline-offset:-3px}.bg-related [hidden]{display:none!important}.bg-related__spinner{display:none;width:1.8rem;height:1.8rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%}.bg-related__button[aria-busy] [data-related-button-text],.bg-related__button[aria-busy] .bg-related__cart-icon{visibility:hidden}.bg-related__button[aria-busy] .bg-related__spinner{display:block;position:absolute;animation:bg-related-spin .8s linear infinite}@keyframes bg-related-spin{to{transform:rotate(360deg)}}@container (max-width: 380px){.bg-related .bg-related__card{grid-template-columns:4.8rem minmax(0,1fr) auto;padding:1.2rem;gap:1.2rem}.bg-related .bg-related__card:has(select){grid-template-columns:4.8rem minmax(0,1fr)}.bg-related .bg-related__title,.bg-related .bg-related__price{font-size:1.5rem}.bg-related .bg-related__button{gap:.6rem;padding-inline:1rem}}@media(prefers-reduced-motion:reduce){.bg-related__button[aria-busy] .bg-related__spinner{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/bg-related-products.css.map */
