.QuickView-module-scss-module__ou3gHG__overlay{z-index:62;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:QuickView-module-scss-module__ou3gHG__fade var(--dur-fast) var(--ease-out) both;background:#1c1b1966;position:fixed;inset:0}.QuickView-module-scss-module__ou3gHG__panel{z-index:63;background:var(--surface-card);border-inline-end:1px solid var(--border-soft);width:min(420px,92vw);animation:QuickView-module-scss-module__ou3gHG__slideIn var(--dur-mid,.26s) var(--ease-out) both;flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0;box-shadow:0 24px 60px -30px #0000008c}.QuickView-module-scss-module__ou3gHG__head{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-soft);flex:none;display:flex}.QuickView-module-scss-module__ou3gHG__headImg{border-radius:var(--radius-sm);background:linear-gradient(160deg, var(--tone), var(--ivory-200));width:72px;height:72px;color:var(--green-300);flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.QuickView-module-scss-module__ou3gHG__headInfo{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.QuickView-module-scss-module__ou3gHG__headTitle{font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--text-primary);text-decoration:none}.QuickView-module-scss-module__ou3gHG__headTitle:hover{text-underline-offset:3px;text-decoration:underline}.QuickView-module-scss-module__ou3gHG__headExcerpt{font-family:var(--font-body);font-size:13px;line-height:var(--leading-snug);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.QuickView-module-scss-module__ou3gHG__headPrices{align-items:baseline;gap:8px;display:flex}.QuickView-module-scss-module__ou3gHG__headPrice{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary)}.QuickView-module-scss-module__ou3gHG__headCompare{font-size:var(--text-sm);color:var(--text-muted);text-decoration:line-through}.QuickView-module-scss-module__ou3gHG__headMore{font-family:var(--font-body);color:var(--text-muted);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out);align-self:flex-start;font-size:13.5px;text-decoration:underline}.QuickView-module-scss-module__ou3gHG__headMore:hover{color:var(--text-primary)}.QuickView-module-scss-module__ou3gHG__close{border:1px solid var(--border-soft);background:var(--surface-raised);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.QuickView-module-scss-module__ou3gHG__close:hover{color:var(--text-primary);border-color:var(--border-default)}.QuickView-module-scss-module__ou3gHG__content{min-height:0;padding:var(--space-4) var(--space-5) var(--space-5);flex:1;overflow-y:auto}.QuickView-module-scss-module__ou3gHG__pickerWrap{gap:var(--space-3);flex-direction:column;display:flex}.QuickView-module-scss-module__ou3gHG__shipping{margin-top:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary)}.QuickView-module-scss-module__ou3gHG__qtyRow{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.QuickView-module-scss-module__ou3gHG__qtyLabel{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary)}.QuickView-module-scss-module__ou3gHG__extras{margin-top:var(--space-5)}.QuickView-module-scss-module__ou3gHG__extrasHead{margin-bottom:var(--space-2);font-family:var(--font-body);font-size:13px;font-weight:var(--weight-medium);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.QuickView-module-scss-module__ou3gHG__extrasRow{gap:var(--space-2);scrollbar-width:thin;padding-bottom:4px;display:flex;overflow-x:auto}.QuickView-module-scss-module__ou3gHG__extraCard{width:96px;padding:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-card);cursor:pointer;text-align:center;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);flex-direction:column;flex:none;align-items:center;gap:4px;display:flex;position:relative}.QuickView-module-scss-module__ou3gHG__extraCard:hover{border-color:var(--border-default)}.QuickView-module-scss-module__ou3gHG__extraOn{border-color:var(--brand);background:var(--green-100)}.QuickView-module-scss-module__ou3gHG__extraImg{border-radius:var(--radius-xs);background:var(--ivory-200);width:56px;height:56px;color:var(--green-300);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.QuickView-module-scss-module__ou3gHG__extraName{font-family:var(--font-body);font-size:11.5px;line-height:var(--leading-snug);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.QuickView-module-scss-module__ou3gHG__extraPrice{font-family:var(--font-body);font-size:12px;font-weight:var(--weight-bold);color:var(--brand)}.QuickView-module-scss-module__ou3gHG__extraMark{border:1px solid var(--border-default);background:var(--surface-card);width:18px;height:18px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:6px;inset-inline-end:6px}.QuickView-module-scss-module__ou3gHG__extraOn .QuickView-module-scss-module__ou3gHG__extraMark{border-color:var(--brand);background:var(--brand);color:var(--on-brand)}.QuickView-module-scss-module__ou3gHG__foot{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-soft);background:var(--surface-card);flex:none}.QuickView-module-scss-module__ou3gHG__addBtn{border-radius:var(--radius-sm);background:var(--brand);width:100%;min-height:50px;color:var(--on-brand);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:filter var(--dur-fast) var(--ease-out);border:none;justify-content:center;align-items:center;display:inline-flex}.QuickView-module-scss-module__ou3gHG__addBtn:hover{filter:brightness(1.08)}.QuickView-module-scss-module__ou3gHG__addBtn:disabled{opacity:.6;cursor:default}@keyframes QuickView-module-scss-module__ou3gHG__fade{0%{opacity:0}to{opacity:1}}@keyframes QuickView-module-scss-module__ou3gHG__slideIn{0%{transform:translateX(var(--from,-100%))}to{transform:none}}@keyframes QuickView-module-scss-module__ou3gHG__sheet{0%{transform:translateY(100%)}to{transform:none}}[dir=rtl] .QuickView-module-scss-module__ou3gHG__panel{--from:100%}@media (max-width:640px){.QuickView-module-scss-module__ou3gHG__panel{border-inline-end:none;border-top:1px solid var(--border-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:auto;max-height:88dvh;animation:QuickView-module-scss-module__ou3gHG__sheet var(--dur-mid,.26s) var(--ease-out) both;inset-block:auto 0;inset-inline:0}.QuickView-module-scss-module__ou3gHG__foot{padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.QuickView-module-scss-module__ou3gHG__overlay,.QuickView-module-scss-module__ou3gHG__panel{animation:none}}