/* Clear discovery controls, closer product views, and useful next steps. */
.piece-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-4px 0 24px;padding:12px 0 20px;border-bottom:1px dashed #18172555}.piece-types{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.piece-label{font-size:.625rem;font-weight:800;letter-spacing:.09em;margin-right:10px}.piece-types button,.saved-only{min-height:44px;border:1.5px solid var(--ink);border-radius:50px;padding:10px 16px;font-size:.8125rem;font-weight:650;background:white;transition:background .2s,box-shadow .2s}.piece-types button[aria-pressed=true]{background:var(--blue);box-shadow:2px 3px 0 var(--ink)}.piece-types button:hover{background:#e5f8ff}.saved-only{display:flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0}.saved-only svg{width:18px;height:18px}.saved-only[aria-pressed=true]{background:var(--pink);box-shadow:2px 3px 0 var(--ink)}.saved-only[aria-pressed=true] svg{fill:var(--ink)}.filter-feedback{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-6px 0 24px;font-size:.8125rem;color:var(--ink)}.filter-feedback[hidden]{display:none}.filter-feedback button{min-height:44px;text-decoration:underline;text-underline-offset:4px;font-weight:700;flex-shrink:0}.filter-feedback button span{margin-left:7px}.collection-empty{grid-column:1/-1;padding:48px 24px;text-align:center;border:2px dashed var(--ink);border-radius:18px;background:#fff6fb}.collection-empty>span{font-size:64px;line-height:1;color:#ca2f79}.collection-empty h3{font-size:2rem;margin:20px 0 12px;letter-spacing:-.04em}.collection-empty p{max-width:420px;margin:0 auto 24px;font-size:1rem}.collection-empty .button{max-width:100%}
.detail-image{position:relative}.detail-zoom{position:absolute;z-index:1;top:16px;left:16px;display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 13px;background:white;border:1.5px solid var(--ink);border-radius:100px;font-size:.75rem;font-weight:650;box-shadow:2px 3px 0 var(--ink)}.detail-zoom svg{width:18px;height:18px}.detail-zoom:hover{background:var(--blue)}.detail-copy #product-title:focus{outline:none}.share-design{min-height:44px;display:flex;align-items:center;gap:9px;font-size:.8125rem;font-weight:700;margin-top:20px;text-decoration:underline;text-underline-offset:4px}.share-design svg{width:18px;height:18px}.share-feedback{font-size:.75rem;margin-top:8px;line-height:1.5}.share-feedback:empty{display:none}#share-link-fallback label{display:block;margin-top:10px;font-size:.75rem;font-weight:600}#share-link{width:100%;border:1px solid var(--ink);padding:10px;font:inherit;margin-top:8px;border-radius:6px}.detail-related{padding:28px;border-top:2px solid var(--ink);background:#fff5fb}.detail-related .eyebrow{font-size:.625rem}.detail-related h3{font-size:1.5rem;line-height:1.15;margin:9px 0 22px;letter-spacing:-.03em}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-design{display:grid;grid-template-columns:70px 1fr 16px;align-items:center;gap:10px;border:1.5px solid var(--ink);border-radius:10px;padding:8px;background:white;transition:box-shadow .2s,background .2s;min-width:0}.related-design:hover{background:#e9f9ff;box-shadow:3px 3px 0 var(--ink)}.related-design img{width:70px;height:80px;object-fit:contain;background:#eff8fb;border-radius:6px}.related-design small{display:block;font-size:.625rem;color:#53515d;line-height:1.5}.related-design strong{display:block;font-size:.8125rem;line-height:1.25;margin-top:5px;overflow-wrap:anywhere}.bag-item h3 a{display:block;padding:4px 0;line-height:1.35;text-decoration:underline;text-decoration-color:#18172533;text-underline-offset:4px}.bag-item h3 a:hover{text-decoration-color:var(--ink)}
.image-zoom-dialog{width:min(1100px,calc(100vw - 32px));max-width:none;height:min(900px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:0;background:#f4fbff;overflow:hidden}.image-zoom-dialog[open]{display:flex;flex-direction:column}.zoom-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#fff9fc;border-bottom:2px solid var(--ink);flex-shrink:0}.zoom-heading h2{font-size:1.25rem;line-height:1.15;letter-spacing:-.025em;margin-top:6px}.zoom-heading .eyebrow{font-size:.5625rem}.zoom-heading button{border:1.5px solid var(--ink);background:var(--pink);flex-shrink:0}.zoom-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#eef8fb;scrollbar-width:thin}.zoom-stage img{height:100%;width:100%;object-fit:contain;max-width:none}.zoom-stage.is-zoomed img{width:200%;height:200%;object-fit:contain}.zoom-stage:focus-visible{outline:3px solid #047ca8;outline-offset:-5px}.zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:white;border-top:2px solid var(--ink);font-size:.75rem;flex-shrink:0}.zoom-toolbar button{min-height:44px;min-width:110px;padding:9px 15px;border:1.5px solid var(--ink);border-radius:50px;background:var(--blue);font-weight:700;box-shadow:2px 3px 0 var(--ink)}
@media(max-width:1000px){.piece-label{width:100%;margin:0 0 3px}.related-design{grid-template-columns:1fr 16px;gap:7px}.related-design img{grid-column:1/-1;width:100%;height:120px}.piece-toolbar{align-items:flex-end}.related-design strong{font-size:.75rem}}
@media(max-width:760px){.piece-toolbar{display:block;margin:0 0 22px;padding-bottom:16px}.piece-types{gap:8px}.piece-label{width:100%;font-size:.625rem;margin-bottom:2px}.piece-types button{font-size:.75rem;padding:9px 13px;flex:1 1 auto}.saved-only{margin-top:14px;font-size:.75rem;padding:9px 13px}.filter-feedback{font-size:.75rem;gap:10px;margin-top:-10px}.filter-feedback>span{min-width:0;overflow-wrap:anywhere}.filter-feedback button{font-size:.75rem}.collection-empty{padding:30px 18px}.collection-empty p{font-size:.875rem}.detail-zoom{top:12px;left:12px;font-size:.6875rem;max-width:calc(100% - 78px);padding:8px 10px;text-align:left}.detail-zoom svg{flex-shrink:0}.detail-related{padding:22px 18px}.detail-related h3{font-size:1.35rem}.related-grid{gap:10px;grid-template-columns:1fr}.related-design{grid-template-columns:76px 1fr 18px;gap:12px;padding:8px}.related-design img{grid-column:auto;width:76px;height:85px}.related-design strong{font-size:.875rem}.related-design small{font-size:.6875rem}.image-zoom-dialog{width:calc(100vw - 16px);height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);border-radius:12px}.zoom-heading{padding:14px;gap:10px}.zoom-heading h2{font-size:1rem;line-height:1.3}.zoom-heading .eyebrow{font-size:.5rem}.zoom-toolbar{padding:10px 14px;font-size:.6875rem}.zoom-toolbar>span{max-width:130px}.zoom-toolbar button{min-width:100px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.piece-types button,.saved-only,.related-design{transition:none}}