/* A handbag measuring illustration, independent of the original product photography. */
.size-guide{margin-top:23px;border:1px solid var(--line);background:var(--paper)}
.size-guide summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;padding:13px 16px;cursor:pointer;list-style:none;font-size:12px;color:var(--ink)}
.size-guide summary::-webkit-details-marker{display:none}
.size-guide summary::marker{content:''}
.size-guide summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.size-summary-mark{font-size:22px;font-weight:400;line-height:1;color:var(--gold);transition:transform .2s ease}
.size-guide[open] .size-summary-mark{transform:rotate(45deg)}
.size-guide[open] summary{border-bottom:1px solid var(--line)}
.size-guide-body{padding:19px 16px 16px}
.size-guide-kicker{font-size:8px;font-weight:600;letter-spacing:2px;color:var(--gold)}
.size-guide-hint{font-size:10px;line-height:1.7;color:var(--muted);margin-top:8px}
.size-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}
.size-choices button{display:grid;align-content:center;justify-items:center;gap:4px;min-width:0;min-height:61px;padding:9px 4px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--muted);font-size:10px;line-height:1.5}
.size-choices button strong{font-size:12px;font-weight:500;color:var(--ink)}
.size-choices button[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:var(--wash);color:var(--ink)}
.size-choices button:disabled{opacity:.7;cursor:default}
.size-diagram{display:block;width:100%;height:auto;aspect-ratio:360/280;margin-top:8px;overflow:visible;direction:ltr;user-select:none}
.size-face{stroke:var(--line);stroke-width:1.3;stroke-linejoin:round}
.size-front-face{fill:var(--wash)}
.size-top-face{fill:var(--paper)}
.size-side-face{fill:var(--line);fill-opacity:.2}
.size-handle{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round}
.size-handle-back{stroke:var(--line);stroke-width:2.5}
.size-handle-ring{fill:var(--paper);stroke:var(--gold);stroke-width:1.3}
.size-bag-seam{fill:none;stroke:var(--line);stroke-width:.7;stroke-dasharray:2 2;opacity:.8}
.size-bag-shadow{fill:var(--ink);opacity:.06}

.size-axis path{stroke:var(--muted);stroke-width:1;fill:none;opacity:.55;transition:stroke .2s ease,opacity .2s ease,stroke-width .2s ease}
.size-axis text{font-family:var(--sans);font-size:13px;fill:var(--muted);transition:fill .2s ease}
.size-guide[data-active=height] .size-axis-height path,.size-guide[data-active=width] .size-axis-width path,.size-guide[data-active=depth] .size-axis-depth path{stroke:var(--gold);stroke-width:2;opacity:1}
.size-guide[data-active=height] .size-axis-height text,.size-guide[data-active=width] .size-axis-width text,.size-guide[data-active=depth] .size-axis-depth text{fill:var(--gold);font-weight:600}
.size-guide-status{font-size:11px;line-height:1.7;color:var(--ink);padding-top:11px;border-top:1px solid var(--line);min-height:31px}
.size-guide-caption,.size-guide-missing{font-size:10px;line-height:1.7;color:var(--muted);margin-top:9px}
.size-guide-missing{padding:28px 5px;text-align:center}
html[dir=rtl] .size-guide-kicker{letter-spacing:0}
@media(max-width:680px){.size-guide-body{padding:17px 13px 14px}.size-guide summary{padding-inline:13px}.size-choices{gap:6px}}
@media(prefers-reduced-motion:no-preference){.size-guide[open] .size-guide-body{animation:size-guide-enter .25s ease-out}@keyframes size-guide-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.size-summary-mark,.size-axis path,.size-axis text{transition:none}}