.plp-card__media{position:relative}.plp-card__quick-add{position:absolute;z-index:2;right:8px;bottom:8px;display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid transparent;border-radius:var(--radius-small);color:var(--color-black);background:var(--color-white);cursor:pointer}.plp-card__quick-add-label{display:none}.plp-card__quick-add-plus{width:12px;height:12px}.quick-add{width:min(600px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 64px);margin:auto;padding:0;border:0;border-radius:var(--radius-small);color:var(--color-text);background:var(--color-surface);overflow:hidden}.quick-add::backdrop{background:#00000073}.quick-add__shell{display:flex;flex-direction:column;max-height:calc(100dvh - 64px)}.quick-add__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:20px;padding:24px}.quick-add__header h2{margin:0;font-size:var(--font-size-heading);font-weight:400}.quick-add__header button{flex-shrink:0;min-width:44px;min-height:44px}.quick-add__content{overflow-y:auto;overscroll-behavior:contain;padding:0 24px 24px}.quick-add__images{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 16px) / 2.2);gap:8px;margin-bottom:20px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#000 transparent}.quick-add__images::-webkit-scrollbar{height:1px}.quick-add__images::-webkit-scrollbar-thumb{background:#000}.quick-add__images::-webkit-scrollbar-track{background:transparent}@supports selector(::-webkit-scrollbar){.quick-add__images{scrollbar-width:auto;scrollbar-color:auto}}.quick-add__image{scroll-snap-align:start;min-width:0;aspect-ratio:1;background:#f4f4f4}.quick-add__image img{display:block;width:100%;height:100%;object-fit:contain}.quick-add__title{margin:0 0 8px;font-size:var(--font-size-body-large);font-weight:400}.quick-add__price{margin-bottom:24px;font-size:var(--font-size-body)}.quick-add__price s{margin-left:8px;color:var(--color-text-muted)}.quick-add__option{min-width:0;margin:0 0 24px;padding:0;border:0}.quick-add__option legend{margin-bottom:10px;font:var(--font-size-caption) var(--font-utility)}.quick-add__values{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:4px}.quick-add__value{display:grid;min-height:44px;padding:6px;place-items:center;border:1px solid transparent;border-radius:0;color:inherit;background:#f4f4f4;font:10px var(--font-utility);cursor:pointer;transition:border-color .12s ease,background .12s ease}.quick-add__value[aria-pressed=true]{border-color:var(--color-ink);background:#fff}.quick-add__value:disabled{color:#aaa;text-decoration:line-through;cursor:not-allowed}.quick-add__values--colours{display:flex;flex-wrap:wrap;gap:8px}.quick-add__values--colours .quick-add__value{width:80px;gap:6px;padding:4px}.quick-add__value img{display:block;width:100%;height:80px;object-fit:contain}.quick-add__value:disabled img{opacity:.35}.quick-add__model{margin:0 0 20px;font-size:var(--font-size-small)}.quick-add__product-link{font:var(--font-size-caption) var(--font-utility);text-decoration:underline;text-underline-offset:3px}.quick-add__footer{flex-shrink:0;padding:0 24px max(24px,env(safe-area-inset-bottom));background:var(--color-surface)}.quick-add__status{margin:0;padding:0 0 12px;font-size:var(--font-size-small)}.quick-add__status:empty{padding:0}.quick-add__submit{width:100%;min-height:44px;border:1px solid #000;border-radius:0;color:#fff;background-color:#000;background-image:linear-gradient(to top,#fff 50%,#000 50%);background-position:top;background-size:100% 200%;font:10px var(--font-utility);text-transform:uppercase;cursor:pointer;transition:color .24s ease,background-position .24s ease}.quick-add__submit:disabled{opacity:.42;cursor:not-allowed}.quick-add button:focus-visible,.quick-add a:focus-visible,.plp-card__quick-add:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}@media(min-width:750px)and (hover:hover)and (pointer:fine){.plp-card__quick-add{left:8px;width:calc(100% - 16px);opacity:0;pointer-events:none;transition:opacity .12s ease}.plp-card__quick-add-label{display:block;font:var(--font-size-caption) var(--font-utility);text-transform:uppercase}.plp-card__quick-add-plus{display:none}.plp-card__media:hover .plp-card__quick-add,.plp-card:focus-within .plp-card__quick-add{opacity:1;pointer-events:auto}}@media(hover:hover){.quick-add__submit:not(:disabled):hover{color:#000;background-position:bottom}.quick-add__value:not(:disabled)[aria-pressed=false]:hover{border-color:var(--color-border)}}@media(max-width:749px){.quick-add{width:100%;max-height:90dvh;margin:auto 0 0;border-radius:var(--radius-small) var(--radius-small) 0 0}.quick-add__shell{max-height:90dvh}.quick-add__header{padding:12px 16px}.quick-add__content{padding:0 16px 24px}.quick-add__footer{padding:12px 16px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--color-border)}}@media(prefers-reduced-motion:reduce){.plp-card__quick-add,.quick-add__value,.quick-add__submit{transition:none}}.no-js .plp-card__quick-add{display:none}
/*# sourceMappingURL=/cdn/shop/t/42/assets/quick-add.css.map */