.qa-modal__skeleton[hidden],.qa-modal__body[hidden]{display:none!important}.qa-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:grid;align-items:flex-end;pointer-events:none}@media(min-width:640px){.qa-modal{align-items:center;justify-items:center}}.qa-modal[aria-hidden=false]{pointer-events:auto}.qa-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .28s ease}.qa-modal[aria-hidden=false] .qa-modal__backdrop{opacity:1}.qa-modal__sheet{position:relative;z-index:1;width:100%;max-height:92dvh;overflow-y:auto;background:#fff;border-radius:var(--radius-lg, 16px) var(--radius-lg, 16px) 0 0;padding:24px 20px 32px;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,1,.36,1);outline:none;--color-text: #0B0707;--color-text-subtle: #6b6b6b;--color-surface: #f5f5f5;--color-background: #fff;color:#0b0707}@media(min-width:640px){.qa-modal__sheet{width:440px;max-width:94vw;border-radius:var(--radius-lg, 16px);transform:scale(.95);opacity:0;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .2s ease}}.qa-modal[aria-hidden=false] .qa-modal__sheet{transform:translateY(0)}@media(min-width:640px){.qa-modal[aria-hidden=false] .qa-modal__sheet{transform:scale(1);opacity:1}}.qa-modal__close{position:absolute;top:14px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-subtle, #888);cursor:pointer;border-radius:50%;transition:background .15s}.qa-modal__close:hover{background:#0000000f}.qa-modal__skeleton{display:flex;gap:16px;align-items:flex-start}.qa-modal__skeleton-img{width:80px;height:100px;border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e4e4e4,#f0f0f0 75%);background-size:200% 100%;animation:qa-shimmer 1.4s infinite;flex-shrink:0}.qa-modal__skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px}.qa-modal__skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e4e4e4,#f0f0f0 75%);background-size:200% 100%;animation:qa-shimmer 1.4s infinite}.qa-modal__skeleton-line--lg{width:70%}.qa-modal__skeleton-line--sm{width:35%}.qa-modal__skeleton-line--md{width:55%;margin-top:6px}@keyframes qa-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qa-modal__product{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.qa-modal__img{width:80px;height:100px;object-fit:cover;border-radius:8px;background:var(--color-surface, #f5f5f5);flex-shrink:0}.qa-modal__product-title{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;line-height:1.3;margin:0 0 6px}.qa-modal__price{font-size:14px;font-weight:600;color:var(--color-text, #111)}.qa-modal__compare-price{color:var(--color-text-subtle, #888);font-weight:400;margin-left:4px;font-size:13px}.qa-modal__option-group{margin-bottom:16px}.qa-modal__option-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subtle, #888);margin-bottom:8px}.qa-modal__option-pills{display:flex;flex-wrap:wrap;gap:6px}.qa-modal__option-pill{position:relative;padding:6px 14px;font-size:13px;font-weight:600;border:1.5px solid rgba(0,0,0,.18);border-radius:100px;background:transparent;color:var(--color-text, #111);cursor:pointer;transition:border-color .14s,background .14s,color .14s;white-space:nowrap}.qa-modal__option-pill:hover:not(.is-unavailable){border-color:var(--color-primary, #111)}.qa-modal__option-pill.is-selected{background:linear-gradient(#e2001a,#e2001a) padding-box,linear-gradient(100deg,#7b1619,#e2001a 42%,#f26a1c 72%,#f1c100) border-box;border:2px solid transparent;color:#fff}.qa-modal__option-pill.is-selected:before{display:none}.qa-modal__option-pill.is-unavailable{opacity:.35;cursor:not-allowed;text-decoration:line-through}.qa-modal__footer{margin-top:20px}.qa-modal__add-btn{width:100%;position:relative;overflow:hidden}.qa-modal__add-btn.is-loading .qa-modal__add-spinner{display:block}.qa-modal__add-spinner{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.qa-modal__add-btn.is-success{background:#22c55e;border-color:#22c55e}.qa-modal__error{color:#c0392b;font-size:13px;text-align:center;padding:20px}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.quick-add-inline{position:absolute;bottom:3px;left:3px;right:3px;border-radius:calc(var(--radius-md, 8px) - 3px);z-index:2;padding:10px 8px;background:linear-gradient(to top,#000000a6 40%,#0000);display:flex;justify-content:center;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.product-card:hover .quick-add-inline,.product-card:focus-within .quick-add-inline{opacity:1;transform:translateY(0);pointer-events:auto}@media(hover:none){.product-card__media-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.quick-add-inline{opacity:1;transform:translateY(0);pointer-events:auto}}.quick-add-inline:has(.quick-add-inline__pill--single){background:none;justify-content:flex-end;align-items:flex-end;padding:0 8px 8px}.quick-add-inline__pills{display:flex;flex-wrap:nowrap;justify-content:center;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 5px}.quick-add-inline__pills::-webkit-scrollbar{display:none}.quick-add-inline__pill{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:30px;padding:0 10px;font-size:11px;font-weight:700;letter-spacing:.04em;border-radius:100px;border:1px solid rgba(255,255,255,.22);background:#00000085;color:#fff;cursor:pointer;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);transition:background .16s,border-color .16s,transform .12s,box-shadow .16s;white-space:nowrap;line-height:1}.quick-add-inline__pill:hover:not(.quick-add-inline__pill--sold-out):not(.quick-add-inline__pill--more){background:#000000b8;border-color:var(--color-primary, #E2001A);color:var(--color-primary, #E2001A);transform:scale(1.04);filter:drop-shadow(0 0 6px rgba(226,0,26,.55))}.quick-add-inline__pill--sold-out{opacity:.4;text-decoration:line-through;cursor:not-allowed;border-style:dashed}.quick-add-inline__pill--more{border-style:dashed;opacity:.6;cursor:default;pointer-events:none}.quick-add-inline__pill--single{width:36px;height:36px;min-width:36px;aspect-ratio:1;padding:0;border-radius:50%;font-size:0;gap:0;align-self:flex-end;flex-shrink:0}.quick-add-inline__pill--single svg{flex-shrink:0;width:17px;height:17px}.quick-add-inline__pill.is-loading{pointer-events:none;opacity:.7}.quick-add-inline__pill.is-added{background:#22c55ebf;border-color:#22c55ee6;color:#fff;pointer-events:none}@media(prefers-reduced-motion:reduce){.quick-add-inline,.qa-modal__sheet,.qa-modal__backdrop,.qa-modal__option-pill{transition:none}.qa-modal__skeleton-img,.qa-modal__skeleton-line,.qa-modal__add-spinner{animation:none}}.cc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9100;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}@media(min-width:540px){.cc-modal{align-items:center}}.cc-modal[aria-hidden=false]{pointer-events:auto}.cc-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .24s ease}.cc-modal[aria-hidden=false] .cc-modal__backdrop{opacity:1}.cc-modal__card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--color-background, #fff);border-radius:20px 20px 0 0;padding:28px 20px 32px;transform:translateY(28px);opacity:0;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .22s ease;box-shadow:0 -4px 40px #0000001f}@media(min-width:540px){.cc-modal__card{border-radius:20px;padding:28px 24px;box-shadow:0 8px 48px #00000029}}.cc-modal[aria-hidden=false] .cc-modal__card{transform:translateY(0);opacity:1}.cc-modal__close{position:absolute;top:12px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-subtle, #999);cursor:pointer;border-radius:50%;transition:background .14s}.cc-modal__close:hover{background:#00000012}.cc-modal__product{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.cc-modal__img-wrap{flex-shrink:0;width:88px;height:110px;border-radius:10px;overflow:hidden;background:var(--color-surface, #f5f5f5)}.cc-modal__img{width:100%;height:100%;object-fit:cover;display:block}.cc-modal__info{flex:1;min-width:0;padding-top:2px}.cc-modal__variant{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-subtle, #888);margin:0 0 4px}.cc-modal__title{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;line-height:1.25;color:var(--color-text, #111);margin:0 0 6px}.cc-modal__price{font-size:15px;font-weight:700;color:var(--color-text, #111);margin:0 0 8px}.cc-modal__desc{font-size:12px;line-height:1.5;color:var(--color-text-subtle, #777);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cc-modal__actions{display:flex;flex-direction:column;gap:10px}.cc-modal__confirm{position:relative;width:100%;overflow:hidden;transition:background .2s,transform .1s}.cc-modal__confirm:active{transform:scale(.98)}.cc-modal__confirm.is-loading{pointer-events:none}.cc-modal__confirm.is-success{background:#22c55e!important;border-color:#22c55e!important}.cc-modal__spinner{display:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:cc-spin .6s linear infinite}.cc-modal__confirm.is-loading .cc-modal__spinner{display:block}.cc-modal__cancel{width:100%;background:transparent;border:none;font-size:13px;font-weight:600;color:var(--color-text-subtle, #888);cursor:pointer;padding:6px;border-radius:8px;transition:color .14s;text-align:center}.cc-modal__cancel:hover{color:var(--color-text, #111)}@keyframes cc-spin{to{transform:translateY(-50%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cc-modal__card,.cc-modal__backdrop,.cc-modal__confirm{transition:none}.cc-modal__spinner{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quick-add.css.map */