.pack-gallery{padding-block:8px 34px}.pack-filters{flex-wrap:wrap;gap:9px;margin-bottom:18px;display:flex}.pack-filter{border:1px solid var(--line,#f0d8e1);background:var(--paper,#fff);min-height:44px;color:var(--muted,#626a7d);border-radius:5px;padding:10px 15px;font-size:14px;line-height:1.35;transition:background .18s,color .18s,border-color .18s}.pack-filter:hover{background:var(--blush,#fcf1f5);color:var(--rose,#bb3b65)}.pack-filter[aria-pressed=true]{background:var(--rose,#bb3b65);border-color:var(--rose,#bb3b65);color:#fff}.pack-count{color:var(--muted,#626a7d);margin-bottom:22px;font-size:14px;line-height:1.5}.pack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;display:grid}.pack-card{min-width:0}.pack-preview{border:1px solid var(--line,#f0d8e1);text-align:left;background:#fff;border-radius:8px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pack-visual{aspect-ratio:1;background:#fff;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.pack-visual img{object-fit:contain;transform-origin:50%;width:100%;max-width:none;height:100%;display:block;position:absolute;top:50%;left:50%}.pack-enlarge{width:32px;height:32px;color:var(--rose,#bb3b65);border:1px solid var(--line,#f0d8e1);background:#fff;border-radius:5px;place-items:center;transition:background .18s;display:grid;position:absolute;bottom:10px;right:10px}.pack-preview:hover .pack-enlarge{background:var(--blush,#fcf1f5)}.pack-view-count{color:var(--muted,#626a7d);border:1px solid var(--line,#f0d8e1);background:#fff;border-radius:5px;padding:5px 8px;font-size:12px;line-height:1.3;position:absolute;bottom:10px;left:10px}.pack-card-meta{color:var(--muted,#626a7d);justify-content:space-between;align-items:flex-start;gap:8px;margin-top:12px;font-size:13px;line-height:1.5;display:flex}.pack-reference-id{color:var(--rose,#bb3b65);white-space:nowrap;letter-spacing:.015em;font-size:14px;font-weight:600}.pack-card-name{letter-spacing:-.025em;overflow-wrap:anywhere;margin-top:5px;font-size:17px;font-weight:550;line-height:1.3}.pack-more{justify-content:center;margin-top:32px;display:flex}.pack-button{background:var(--rose,#bb3b65);border:1px solid var(--rose,#bb3b65);color:#fff;border-radius:5px;justify-content:center;align-items:center;gap:12px;max-width:100%;min-height:48px;padding:12px 20px;font-size:14px;font-weight:550;line-height:1.4;transition:background .18s;display:inline-flex}.pack-button:hover{background:var(--rose-hover,#9f2d53)}.pack-button-outline{color:var(--rose,#bb3b65);background:#fff}.pack-button-outline:hover{background:var(--blush,#fcf1f5)}.pack-button>svg{flex-shrink:0}.pack-more .pack-button{gap:30px;min-width:172px}.pack-empty{padding-block:20px;font-size:15px}.pack-dialog{width:min(1080px,100vw - 48px);max-width:none;max-height:calc(100dvh - 48px);color:var(--ink,#121623);overscroll-behavior:contain;z-index:1000;background:#fff;border:0;border-radius:8px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 20px 70px #12162330}.pack-dialog::backdrop{background:#12162399}.pack-dialog-inner{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:32px;padding:44px 34px 32px;display:grid;position:relative}.pack-close{z-index:2;width:44px;height:44px;color:var(--ink,#121623);background:#fff;border:0;border-radius:5px;place-items:center;margin:8px 8px -52px auto;display:grid;position:sticky;top:8px}.pack-close:hover{background:var(--blush,#fcf1f5)}.pack-dialog-images,.pack-dialog-details{min-width:0}.pack-dialog-visual{border:1px solid var(--line,#f0d8e1);width:min(100%,100dvh - 160px);margin-inline:auto}.pack-related{margin-top:15px}.pack-related>p{color:var(--muted,#626a7d);font-size:13px;line-height:1.5}.pack-thumbnails{overscroll-behavior-x:contain;scrollbar-width:thin;gap:10px;margin-top:7px;padding:3px;display:flex;overflow-x:auto}.pack-thumbnail{border:1px solid var(--line,#f0d8e1);background:#fff;border-radius:5px;flex:0 0 72px;width:72px;min-height:72px;padding:0;position:relative;overflow:hidden}.pack-thumbnail[aria-pressed=true]{border:2px solid var(--rose,#bb3b65)}.pack-thumbnail .pack-visual{border-radius:4px}.pack-thumbnail>span:last-child{min-width:18px;color:var(--rose,#bb3b65);background:#fff;border-radius:3px;padding:1px 4px;font-size:11px;line-height:1.4;position:absolute;bottom:2px;right:3px}.pack-dialog-category{color:var(--rose,#bb3b65);margin-bottom:12px;font-size:13px;line-height:1.4}.pack-dialog-details h2{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:30px;line-height:1.15}.pack-dialog-reference{margin-top:15px;font-size:14px}.pack-dialog-reference strong{color:var(--rose,#bb3b65);letter-spacing:.02em;margin-left:5px;font-weight:600}.pack-current-image{color:var(--muted,#626a7d);margin-top:7px;font-size:13px;line-height:1.5}.pack-current-image strong{color:var(--rose,#bb3b65);font-size:14px;font-weight:550}.pack-dialog-copy{color:var(--muted,#626a7d);margin-top:20px;font-size:15px;line-height:1.65}.pack-dialog-actions{flex-direction:column;align-items:stretch;gap:11px;margin-top:25px;display:flex}.pack-dialog-actions .pack-button{width:100%;padding-inline:14px}.pack-dialog-note{color:var(--muted,#626a7d);margin-top:13px;font-size:12px;line-height:1.5}@media (max-width:900px){.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pack-dialog-inner{gap:24px;padding-inline:25px}.pack-dialog-details h2{font-size:26px}.pack-dialog-copy{font-size:14px}}@media (max-width:600px){.pack-gallery{padding-bottom:24px}.pack-filters{gap:7px;margin-bottom:14px}.pack-filter{padding:10px 12px;font-size:13px}.pack-count{margin-bottom:18px;font-size:13px}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.pack-card-meta{gap:4px;margin-top:9px;font-size:12px}.pack-reference-id{font-size:14px}.pack-card-name{margin-top:4px;font-size:15px}.pack-enlarge{width:28px;height:28px;bottom:7px;right:7px}.pack-view-count{padding:4px 6px;font-size:10px;bottom:7px;left:7px}.pack-more{margin-top:25px}.pack-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.pack-dialog-inner{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;padding:52px 16px 23px}.pack-dialog-visual{width:100%}.pack-dialog-details h2{font-size:27px}.pack-dialog-category{margin-bottom:8px}.pack-dialog-reference{margin-top:12px}.pack-dialog-copy{margin-top:15px;font-size:14px}.pack-dialog-actions{margin-top:20px}.pack-thumbnail{flex-basis:64px;width:64px;min-height:64px}.pack-dialog-note{font-size:12px}.pack-close{margin:5px 5px -49px auto;top:5px}}@media (prefers-reduced-motion:reduce){.pack-filter,.pack-enlarge,.pack-button{transition:none}}
