/* A small visual mark with a comfortable touch target; the existing card keeps its layout. */
.st-card-add{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--st-ink,#161616);text-decoration:none;cursor:pointer;isolation:isolate;box-sizing:border-box}
.st-card-add::before{content:"";position:absolute;inset:6px;border:1px solid var(--st-line,#dedede);border-radius:50%;background:rgba(255,255,255,.96);z-index:-1;transition:background .15s,border-color .15s}
.st-card-add:hover::before{background:#fff;border-color:var(--st-ink,#161616)}
.st-card-add img,.st-card-photo .st-card-add img,.woocommerce ul.products li.product .st-card-add img{display:block;width:18px;height:18px;max-width:18px;max-height:18px;margin:0;object-fit:contain;transform:none;transition:none}
.st-card-photo>a.st-card-add,.st-card-photo>span.st-card-add{position:absolute;right:4px;bottom:4px;display:flex;width:44px;height:44px;aspect-ratio:auto;z-index:2}
.st-card-photo>a.st-card-add:hover img{transform:none}
.st-card-add.is-unavailable{opacity:.4;cursor:default}
.st-card-add:focus-visible{outline:2px solid var(--st-ink,#161616);outline-offset:1px;border-radius:50%}

#st-quick-add{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:28px 24px 24px;border:0;border-radius:0;background:#fff;color:var(--st-ink,#161616);overflow:auto;font:400 13px/1.6 var(--st-sans,sans-serif)}
#st-quick-add::backdrop{background:rgba(0,0,0,.38)}
#st-quick-add [hidden]{display:none!important}
#st-quick-add .st-quick-close{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;padding:12px;border:0;border-radius:0;background:#fff;color:var(--st-ink,#161616);cursor:pointer}
#st-quick-add .st-quick-close img{display:block;width:18px;height:18px}
#st-quick-add .st-quick-eyebrow{margin:0 40px 22px 0;font-size:9px;letter-spacing:.13em;line-height:1.6}
#st-quick-add .st-quick-product{display:flex;align-items:center;gap:16px;margin:0 0 24px;min-width:0}
#st-quick-add .st-quick-image{display:block;flex:0 0 64px;width:64px;height:86px;object-fit:cover;background:var(--st-soft,#f7f6f3)}
#st-quick-add .st-quick-product>div{min-width:0}
#st-quick-add #st-quick-title{margin:0 0 4px;font:400 16px/1.4 var(--st-sans,sans-serif);letter-spacing:0;overflow-wrap:anywhere}
#st-quick-add .st-quick-price{font-size:12px;color:var(--st-ink,#161616)}
#st-quick-add .st-quick-price p{margin:0}
#st-quick-add .st-quick-price ins{background:transparent;text-decoration:none}
#st-quick-add .st-quick-price del{color:var(--st-muted,#656565);margin-right:6px}
#st-quick-add .st-quick-loading{margin:0 0 22px;color:var(--st-muted,#656565);font-size:12px}
#st-quick-add .st-quick-options{margin:0 0 22px;padding:0;border:0;min-width:0}
#st-quick-add .st-quick-options legend{margin-bottom:10px;padding:0;font-size:12px}
#st-quick-add .st-quick-choices{display:flex;flex-wrap:wrap;gap:8px}
#st-quick-add .st-quick-choice{position:relative;display:block;margin:0;cursor:pointer}
#st-quick-add .st-quick-choice input{position:absolute;width:1px;height:1px;margin:0;opacity:0}
#st-quick-add .st-quick-choice span{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 13px;border:1px solid var(--st-line,#dedede);background:#fff;color:var(--st-ink,#161616);font-size:12px;line-height:1.4;text-align:center;transition:background .12s,color .12s}
#st-quick-add .st-quick-choice input:checked+span{border-color:var(--st-ink,#161616);background:var(--st-ink,#161616);color:#fff}
#st-quick-add .st-quick-choice input:focus-visible+span{outline:2px solid var(--st-ink,#161616);outline-offset:3px}
#st-quick-add .st-quick-submit{display:block;box-sizing:border-box;width:100%;min-height:48px;padding:12px 18px;border:1px solid var(--st-ink,#161616);border-radius:0;background:var(--st-ink,#161616);color:#fff;font:400 12px/1.5 var(--st-sans,sans-serif);cursor:pointer}
#st-quick-add .st-quick-submit:disabled{border-color:#dedede;background:#f2f1ef;color:#777;cursor:default}
#st-quick-add .st-quick-submit:focus-visible,#st-quick-add .st-quick-close:focus-visible,#st-quick-add .st-quick-details:focus-visible{outline:2px solid var(--st-ink,#161616);outline-offset:4px}
#st-quick-add .st-quick-error{margin:16px 0 0;padding:12px;border-left:2px solid var(--st-ink,#161616);background:var(--st-soft,#f7f6f3);color:var(--st-ink,#161616);font-size:12px}
#st-quick-add .st-quick-details{display:block;margin-top:18px;color:var(--st-ink,#161616);font-size:11px;text-align:center;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){#st-quick-add{width:100%;max-width:100%;max-height:85dvh;margin:auto 0 0;padding:26px 20px max(24px,env(safe-area-inset-bottom));}#st-quick-add .st-quick-product{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.st-card-add::before,#st-quick-add .st-quick-choice span{transition:none}}