/* SPECTRA dependent product choices: one calm surface, exact pack identity. */
.variant-picker{--vp-ink:var(--ink);--vp-muted:var(--ink-2);--vp-line:var(--hairline);--vp-soft:var(--paper);background:#fff;color:var(--vp-ink);border:1px solid var(--vp-line);border-radius:var(--r-card);padding:26px;margin-block:22px;font-family:inherit;text-align:start;min-width:0}
.variant-picker *,.vp-dialog *{box-sizing:border-box}
.variant-picker [hidden],[data-options-fallback][hidden],.vp-dialog [hidden]{display:none!important}
.vp-heading{margin-bottom:24px}.vp-eyebrow{font-size:12px;letter-spacing:.12em;color:var(--vp-muted);margin:0 0 7px;font-weight:400}.variant-picker[dir=rtl] .vp-eyebrow{letter-spacing:0}
.variant-picker .vp-title{font-size:21px;line-height:1.5;font-weight:700;color:var(--vp-ink);margin:0}
.vp-intro{font-size:14px;color:var(--vp-muted);line-height:1.8;margin:6px 0 0}
.vp-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:start}
.variant-picker--compact .vp-layout{grid-template-columns:minmax(0,1fr)}
.variant-picker--compact .vp-heading{margin-bottom:18px}.variant-picker--compact .vp-title{font-size:21px}
.vp-picture{aspect-ratio:1;display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:center;background:var(--paper);border-radius:var(--r-card);padding:12px;overflow:hidden;min-width:0}
.vp-picture img{display:block;flex:none;width:100%;height:auto;aspect-ratio:1;object-fit:contain;max-height:190px}.vp-picture--caption{aspect-ratio:auto}.vp-picture-caption{display:block;margin:0}.vp-picture-placeholder{font:400 17px Arial,sans-serif;letter-spacing:.07em;color:#626b73}.vp-picture small{text-align:center;font-size:12px;color:var(--vp-muted);line-height:1.65}
.vp-fields{min-width:0;display:grid;gap:22px}.vp-axis{border:0;padding:0;margin:0;min-width:0}.vp-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;padding:0;margin-bottom:10px;font-size:14px;font-weight:400;line-height:1.65}
.vp-step{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;flex:0 0 23px;background:#eff1f3;border:1px solid var(--vp-line);border-radius:50%;font:400 12px Arial,sans-serif;color:#58616a}.vp-selected{font-size:12px;color:#656e77;margin-inline-start:auto;font-weight:400;max-width:70%;overflow-wrap:anywhere}
.vp-choices{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;max-height:230px;overflow:auto;padding:3px;margin:-3px;scrollbar-width:thin;scrollbar-color:#b7bec4 transparent}
.vp-choice,.vp-family,.vp-retry{font:inherit;color:var(--vp-ink);background:#fff;border:1px solid #c4cbd0;border-radius:var(--r-pill);min-height:44px;min-width:48px;padding:9px 15px;font-size:14px;line-height:1.55;cursor:pointer;transition:background .12s,border-color .12s;overflow-wrap:anywhere}
.vp-choice:hover:not(:disabled){border-color:#757e86;background:#f0f2f4}.vp-choice[aria-pressed=true]{background:#2d3136;border-color:#2d3136;color:#fff;box-shadow:none}
.vp-axis:disabled{opacity:.65}.vp-choice:disabled{cursor:wait}.vp-axis-hint{font-size:14px;line-height:1.8;color:#69727a;margin:2px 0 0;padding:12px 14px;border-radius:var(--r-tool);background:#f5f6f7;width:100%}
.vp-option-search{display:block;width:100%;min-height:44px;padding:9px 13px;margin:0 0 10px;background:#fff;color:var(--vp-ink);border:1px solid #c2c9cf;border-radius:var(--r-tool);font:inherit;font-size:17px}.vp-families{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}.vp-family{font-size:12px;min-height:38px;min-width:38px;padding:6px 10px;border-radius:var(--r-pill);border-color:transparent;background:#f2f4f5}.vp-family[aria-pressed=true]{border-color:#8e989f;background:#e2e7ea;color:#2d3136}
.vp-summary{position:relative;margin:24px 0 20px;padding:16px 18px;background:#f5f6f7;border:1px solid #e3e6e9;border-radius:var(--r-tool);font-size:14px;line-height:1.8;min-height:57px}.vp-summary strong{display:block;font-size:14px;font-weight:400;padding-inline-end:70px}.vp-summary p{margin:4px 0;color:#56616a;overflow-wrap:anywhere}.vp-reference{font:12px Arial,sans-serif;color:#56616a;display:block;margin-top:7px;line-height:1.6}.vp-price{position:absolute;inset-inline-end:18px;top:17px;font-size:14px;font-weight:400}
.vp-purchase{display:flex;gap:16px;align-items:flex-end}.vp-quantity{flex:0 0 auto}.vp-quantity>label{display:block;font-size:12px;font-weight:400;color:var(--vp-muted);margin:0 0 6px}.vp-stepper{display:flex;direction:ltr;border:1px solid #bfc7cd;border-radius:var(--r-pill);overflow:hidden;height:48px;background:#fff}.vp-stepper button{width:43px;min-width:43px;border:0;background:#fff;color:var(--vp-ink);font:400 21px Arial,sans-serif;cursor:pointer}.vp-stepper button:hover:not(:disabled){background:#edf0f2}.vp-stepper button:disabled{opacity:.35;cursor:default}.vp-stepper input{width:47px;min-width:0;border:0;border-inline:1px solid #e1e5e8;border-radius:var(--r-pill);color:var(--vp-ink);background:#fff;text-align:center;font:400 17px Arial,sans-serif;padding:5px 0}.vp-stepper input[aria-invalid=true]{box-shadow:none}
.vp-add{display:flex;align-items:center;justify-content:center;flex:1;min-height:48px;border:1px solid #2d3136;border-radius:var(--r-pill);padding:12px 18px;background:#2d3136;color:#fff;font-family:inherit;font-weight:400;font-size:14px;line-height:1.6;cursor:pointer;transition:background .15s}.vp-add:hover:not(:disabled){background:#434a50}.vp-add:disabled{background:#e8ebed;border-color:#dde2e5;color:#737d85;cursor:default}.vp-add::before{content:'';display:inline-block;width:19px;height:19px;margin-inline-end:9px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.5 12h11l2-8H6'/%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E") center/contain no-repeat}
.vp-price-note{font-size:12px;line-height:1.85;color:#6b747c;margin:14px 0 0}.vp-error{font-size:12px;line-height:1.7;color:#90452d;margin:9px 0 0}.vp-status{padding:12px 15px;margin-top:16px;font-size:14px;line-height:1.75;background:#eef4f0;border:1px solid #c8dbce;color:#2f5c40;border-radius:var(--r-tool)}.vp-status--error{background:#fcf4e8;border-color:#e1cba7;color:#775626}
.vp-after{display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap;margin-top:14px}.vp-after a,.vp-after button{font-family:inherit;font-weight:400;font-size:12px;line-height:1.65;color:#3e4a54;text-decoration:underline;text-underline-offset:4px;background:transparent;border:0;padding:8px 0;min-height:38px;cursor:pointer}.vp-after .vp-view-cart{font-weight:400}.vp-loading{font-size:14px;color:#5f6971;padding:20px 0;line-height:1.8}.vp-retry{margin-bottom:20px}
.variant-picker :is(button,a,input):focus-visible,.vp-dialog :is(button,a,input):focus-visible{outline:3px solid #688ca1;outline-offset:3px}.vp-stepper :is(button,input):focus-visible{outline-offset:-3px}
.vp-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100vw);height:100%;height:100dvh;max-height:100%;max-width:100vw;border:0;border-inline-start:1px solid #d7dce0;border-radius:var(--r-card);background:#fff;color:#2d3136;padding:0;box-shadow:none;overflow:auto;overscroll-behavior:contain;font-family:inherit}.vp-dialog::backdrop{background:#171f27a6;backdrop-filter:blur(3px)}html[dir=rtl] .vp-dialog{inset:0 auto 0 0;box-shadow:none}.vp-dialog-bar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:4;padding:13px 24px;border-bottom:1px solid #e4e7ea;background:#fff}.vp-dialog-bar>span{font:400 12px Arial,sans-serif;letter-spacing:.16em;color:#4b4f54}.vp-close{min-height:44px;padding:8px 12px;border:0;border-radius:var(--r-pill);background:#f2f4f5;color:#4b4f54;font:inherit;font-size:12px;cursor:pointer}.vp-dialog-body{padding:24px}.vp-dialog .variant-picker{border:0;border-radius:var(--r-card);padding:0;margin:0}.vp-dialog .vp-layout{grid-template-columns:110px minmax(0,1fr);gap:18px}.vp-dialog .vp-picture{padding:7px;position:sticky;top:94px}.vp-dialog .vp-picture-placeholder{font-size:12px}.vp-dialog .vp-picture small{font-size:12px}.vp-dialog .vp-purchase{position:sticky;bottom:0;z-index:3;background:#fff;padding:12px 0;margin-inline:0;box-shadow:none}.vp-dialog-open{overflow:hidden}
@media(max-width:700px){.variant-picker{padding:20px 16px;border-radius:var(--r-card)}.vp-layout{grid-template-columns:92px minmax(0,1fr);gap:16px}.vp-picture{padding:6px}.vp-picture-placeholder{font-size:12px}.vp-picture small{font-size:12px}.vp-heading{margin-bottom:20px}.vp-fields{gap:20px}.vp-choice{min-width:44px;padding:8px 12px;font-size:12px}.vp-selected{font-size:12px}.vp-purchase{gap:12px}.vp-add{font-size:14px;padding-inline:10px}.vp-stepper button{width:40px;min-width:40px}.vp-stepper input{width:39px}.vp-summary{padding:14px}.vp-summary strong{font-size:14px}.vp-dialog,html[dir=rtl] .vp-dialog{inset:auto 0 0 0;width:100%;height:auto;max-height:93vh;max-height:93dvh;border-radius:var(--r-card);border:0;box-shadow:none}.vp-dialog-bar{padding:10px 18px}.vp-dialog-body{padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.vp-dialog .vp-layout{grid-template-columns:88px minmax(0,1fr);gap:14px}.vp-dialog .vp-picture{top:86px}.vp-dialog .vp-purchase{bottom:calc(-20px - env(safe-area-inset-bottom));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.vp-choices{max-height:190px}}
@media(max-width:420px){.vp-layout,.vp-dialog .vp-layout{grid-template-columns:minmax(0,1fr)}.vp-picture,.vp-dialog .vp-picture{width:108px;height:108px;aspect-ratio:1;position:static;justify-self:center}.vp-picture.vp-picture--caption{height:auto;aspect-ratio:auto}.vp-fields{width:100%}.vp-picture small{font-size:12px}.vp-title{text-align:start}.vp-purchase{gap:9px}.vp-add::before{width:17px;margin-inline-end:6px}.vp-after{gap:6px 15px}}
@media(prefers-reduced-motion:reduce){.vp-choice,.vp-family,.vp-add{transition:none}}

.vp-save-list{display:block;margin:12px 0 0;border:0;background:transparent;color:#4b4f54;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px 0;cursor:pointer}
.vp-save-list:disabled{opacity:.45;cursor:default;text-decoration:none}
.vp-save-list:focus-visible{outline:3px solid #587a8f;outline-offset:3px}