.card-media{position:relative}.qa-btn{position:absolute;z-index:3;inset-inline-end:10px;bottom:24px;width:38px;height:38px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#fbf8f2f0;color:var(--ink, #1B1B1A);box-shadow:0 2px 10px #4a31381f,inset 0 0 0 1px #b58a4647;transition:background-color .2s ease,transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.qa-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;transition:transform .3s cubic-bezier(.22,.61,.36,1)}@media(hover:hover){.qa-btn:hover{background:var(--blush, #F3E8EA);transform:scale(1.06)}.qa-btn:hover svg{transform:rotate(90deg)}}.qa-btn:active{transform:scale(.94)}.qa-btn.is-loading svg{opacity:0;transform:scale(.6)}.qa-btn.is-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:1.4px solid rgba(181,138,70,.3);border-top-color:var(--accent, #a5806b);animation:qaSpin .7s linear infinite}@keyframes qaSpin{to{transform:rotate(360deg)}}.qa-btn:focus{outline:none}.qa-btn:focus-visible{outline:2px solid var(--ink, #1B1B1A);outline-offset:2px}@media(max-width:600px){.qa-btn{width:34px;height:34px;inset-inline-end:8px;bottom:22px}.qa-btn svg{width:14px;height:14px}}.qa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:24px}.qa[hidden]{display:none}html.qa-lock{overflow:hidden}.qa-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#281c2073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .32s ease}.qa.is-open .qa-backdrop{opacity:1}.qa-panel{position:relative;width:min(860px,100%);max-height:min(700px,calc(100vh - 48px));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--paper, #FBF8F2);color:var(--fg, #1B1B1A);-webkit-mask:var(--concave-18);mask:var(--concave-18);opacity:0;transform:translateY(14px) scale(.985);transition:opacity .32s ease,transform .42s cubic-bezier(.22,.61,.36,1);outline:none;overflow:hidden}.qa.is-open .qa-panel{opacity:1;transform:none}.qa-grab{display:none}.qa-x{position:absolute;top:14px;inset-inline-end:14px;z-index:4;width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#fbf8f2e6;color:var(--fg, #1B1B1A);cursor:pointer;transition:background-color .2s ease}.qa-x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.qa-x:hover{background:var(--blush, #F3E8EA)}.qa-x:focus-visible{outline:2px solid var(--fg, #1B1B1A);outline-offset:2px}.qa-media{position:relative;background-color:var(--frame-bg, #F4EFE7);background-image:var(--frame-bg-image, none);background-size:cover;background-position:center;min-height:0}.qa-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.qa-track::-webkit-scrollbar{display:none}.qa-slide{flex:0 0 100%;margin:0;scroll-snap-align:start;aspect-ratio:4 / 5}.qa-slide img{width:100%;height:100%;object-fit:cover;display:block}.qa-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:2px}.qa-dot{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.qa-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:#1b1b1a38;transition:background-color .25s ease,transform .25s ease}.qa-dot.on:before{background:var(--accent, #a5806b);transform:scale(1.3)}.qa-body{display:flex;flex-direction:column;padding:44px 40px 24px;overflow-y:auto;min-height:0}.qa-story{align-self:flex-start;font-family:var(--sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent, #a5806b);text-decoration:none;margin-bottom:10px}.qa-story:hover{color:var(--fg, #1B1B1A)}.qa-title{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.2vw,28px);line-height:1.15;letter-spacing:-.005em;text-transform:uppercase;margin:0 0 10px;padding-inline-end:34px}.qa-price{font-family:var(--display);font-size:18px;color:var(--fg, #1B1B1A);margin-bottom:26px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.qa-price-sale{color:var(--accent, #a5806b)}.qa-price-was{opacity:.55;font-size:15px}.qa-setnote{font-size:12.5px;color:var(--ink-soft, #4a4744);margin:-10px 0 18px;font-style:italic;font-family:var(--display)}.qa-opt{border:0;padding:0;margin:0 0 18px;min-width:0}.qa-opt-label{display:flex;align-items:baseline;gap:8px;padding:0;margin-bottom:4px;width:100%;font-family:var(--display);font-size:16px;color:var(--fg, #1B1B1A)}.qa-opt-kind{font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft, #4a4744)}.qa-opt-need{display:none;font-family:var(--sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent, #a5806b)}.qa-opt.is-missing .qa-opt-label{color:var(--accent, #a5806b)}.qa-opt.is-missing .qa-opt-need{display:inline;margin-inline-start:auto}.qa-opt.is-missing .qa-opt-picked{display:none}.qa-opt.is-missing .qa-vals{animation:qaNudge .5s cubic-bezier(.36,.07,.19,.97) both}.qa-opt.is-missing .qa-val:not(.is-out){color:#1b1b1ac7;border-bottom-color:#a5806b59}@keyframes qaNudge{0%,to{transform:none}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.qa-opt-picked{margin-inline-start:auto;font-family:var(--display);font-size:14px;color:var(--accent, #a5806b)}.qa-vals{display:flex;flex-wrap:wrap;gap:0 20px}.qa-val{min-height:44px;padding:8px 2px;border:0;background:transparent;cursor:pointer;font-family:var(--display);font-size:16px;line-height:1.2;color:#1b1b1a80;border-bottom:1.5px solid transparent;transition:color .18s ease,border-color .18s ease,opacity .18s ease}.qa-val:hover{color:var(--fg, #1B1B1A)}.qa-val.is-on{color:var(--fg, #1B1B1A);border-bottom-color:var(--accent, #a5806b)}.qa-val.is-out{opacity:.42;text-decoration:line-through}.qa-val.is-out.is-on{opacity:.7}.qa-val:focus-visible{outline:2px solid var(--fg, #1B1B1A);outline-offset:3px}.qa-skel{display:block;height:14px;margin:10px 0 14px;width:70%;border-radius:4px;background:linear-gradient(90deg,#1b1b1a0f,#1b1b1a1c,#1b1b1a0f);background-size:200% 100%;animation:qaShimmer 1.2s linear infinite}.qa-skel--short{width:45%}@keyframes qaShimmer{to{background-position:-200% 0}}.qa-msg{min-height:0;margin:0 0 10px;font-size:12.5px;color:#8a3b3b}.qa-msg.is-hint{color:var(--accent, #a5806b);font-family:var(--display);font-size:14px;text-align:center}.qa-msg:empty{display:none}.qa-atc,.qa-notify{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border:0;cursor:pointer;text-decoration:none;background:var(--blush, #F3E8EA);color:var(--fg, #1B1B1A);-webkit-mask:var(--concave-14);mask:var(--concave-14);font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;transition:background-color .2s ease,opacity .2s ease}.qa-atc:hover:not(:disabled),.qa-notify:hover{background:#f3e0e6}.qa-atc:disabled{cursor:default;color:#1b1b1a8c}.qa-atc.is-incomplete{color:#1b1b1a9e}.qa-atc.is-incomplete:hover{background:var(--blush, #F3E8EA)}.qa-atc.is-busy{opacity:.75}.qa-atc-price{font-family:var(--display);font-size:15px;letter-spacing:0;text-transform:none}.qa-atc-price:empty{display:none}.qa-atc-price:before{content:"\b7";margin-inline-end:12px;opacity:.5}.qa-atc[hidden],.qa-notify[hidden]{display:none}.qa-form{display:flex;flex-direction:column;flex:1 0 auto}.qa-buy{position:sticky;bottom:0;z-index:2;margin-top:auto;padding-top:10px;background:var(--paper, #FBF8F2)}.qa-foot{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:12px}.qa-details{align-self:center;margin-top:0;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg, #1B1B1A);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}[dir=rtl] .qa-details span{display:inline-block;transform:scaleX(-1)}.qa-gift{margin:0;text-align:center;font-family:var(--display);font-style:italic;font-size:12.5px;color:var(--ink-soft, #4a4744)}[dir=rtl] .qa-title{text-transform:none;letter-spacing:0}[dir=rtl] .qa-story,[dir=rtl] .qa-opt-kind,[dir=rtl] .qa-atc,[dir=rtl] .qa-notify,[dir=rtl] .qa-details{letter-spacing:0;text-transform:none;font-size:13px}[dir=rtl] .qa-setnote,[dir=rtl] .qa-gift{font-style:normal}[dir=rtl] .qa-opt-need{letter-spacing:0;text-transform:none;font-size:12px}@media(max-width:640px){.qa{align-items:flex-end;padding:0}.qa-panel{width:100%;max-height:90vh;max-height:90dvh;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;-webkit-mask:none;mask:none;border-radius:18px 18px 0 0;transform:translateY(100%);opacity:1;transition:transform .42s cubic-bezier(.22,.61,.36,1);box-shadow:0 -8px 40px #281c202e}.qa.is-open .qa-panel{transform:none}.qa-grab{display:block;position:absolute;top:8px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:4px;background:#1b1b1a29;z-index:3}.qa-x{top:12px;width:34px;height:34px}.qa-media{grid-column:1;grid-row:1;margin:26px 0 0 16px;height:140px;-webkit-mask:var(--concave-8);mask:var(--concave-8)}[dir=rtl] .qa-media{margin:26px 16px 0 0}.qa-slide{aspect-ratio:auto;height:140px}.qa-dots{display:none}.qa-body{display:contents}.qa-head{grid-column:2;grid-row:1;padding:30px 16px 0 14px;align-self:start}[dir=rtl] .qa-head{padding:30px 14px 0 16px}.qa-title{font-size:19px;padding-inline-end:30px;margin-bottom:6px}.qa-price{font-size:16px;margin-bottom:0}.qa-story{font-size:9px;letter-spacing:.14em;margin-bottom:6px}.qa-form{grid-column:1 / -1;grid-row:2;overflow-y:auto;padding:18px 16px 0;min-height:0}.qa-setnote{margin:0 0 12px}.qa-opt{margin-bottom:12px}.qa-vals{gap:0 16px}.qa-val{font-size:15px}.qa-buy{padding:10px 0 2px}.qa-form{padding-bottom:0}.qa-foot{grid-column:1 / -1;grid-row:3;gap:10px;margin:0;padding:10px 16px calc(14px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.qa-panel,.qa-backdrop,.qa-btn,.qa-btn svg{transition:none!important}.qa-skel,.qa-btn.is-loading:after,.qa-opt.is-missing .qa-vals{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/quick-add.css.map */