.detail-page{padding-top:calc(var(--navbar-height) + 2rem)}.detail-back{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);transition:color var(--transition);margin-bottom:2rem;padding:.5rem 0;font-size:.72rem;font-weight:600;display:inline-block}.detail-back:hover{color:var(--text)}.detail-layout{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:3rem;padding-bottom:4rem;display:grid}.detail-image-frame{background:var(--bg-secondary);border:1px solid var(--border);position:relative;overflow:hidden}.detail-image-frame.is-blurred .detail-image{filter:blur(22px);transform:scale(1.05)}.detail-image{width:100%;height:auto;display:block}.detail-coming-soon{color:var(--text);letter-spacing:.2em;background:#00000040;place-items:center;font-size:.8rem;display:grid;position:absolute;inset:0}.detail-info-col{top:calc(var(--navbar-height) + 1.5rem);flex-direction:column;gap:1.25rem;display:flex;position:sticky}.detail-series{color:var(--text-muted)}.detail-title{margin:0;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:400;line-height:1.1}.detail-meta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:.6rem;padding:1rem 0;display:flex}.detail-meta>div{align-items:baseline;gap:1rem;display:flex}.detail-meta dt{min-width:100px}.detail-meta dd{color:var(--text);margin:0;font-size:.95rem}.detail-description{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.detail-options{flex-direction:column;gap:1.25rem;padding:.25rem 0 .5rem;display:flex}.detail-option-group{flex-direction:column;gap:.55rem;display:flex}.detail-option-label{color:var(--text-muted)}.detail-option-chips{flex-wrap:wrap;gap:.55rem;display:flex}.detail-option-chip{min-width:92px;color:var(--text);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition), color var(--transition);border-radius:2px;padding:.7rem 1rem;font-size:.88rem}.detail-option-chip:hover{border-color:var(--text-secondary)}.detail-option-chip.is-selected{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.detail-actions{justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.detail-heart{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:color var(--transition), border-color var(--transition);border-radius:2px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.detail-heart:hover{color:var(--text);border-color:var(--text-secondary)}.detail-heart.is-active{color:var(--accent);border-color:var(--accent)}.detail-price{font-family:var(--font-display);color:var(--text);font-size:1.2rem}.detail-inquiry{background:var(--bg-card);border:1px solid var(--border);border-radius:2px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.detail-buy{background:var(--bg-card);border:1px solid var(--border);border-radius:2px;flex-direction:column;gap:.85rem;padding:1rem 1.25rem 1.25rem;display:flex}.detail-stock-line{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:600}.detail-low-stock{color:var(--accent,#b85c38)}.detail-in-stock{color:var(--text-secondary)}.detail-qty{align-items:center;gap:1rem;display:flex}.detail-qty .label{color:var(--text-muted)}.detail-qty-stepper{border:1px solid var(--border);background:var(--bg-secondary);border-radius:2px;align-items:center;display:inline-flex}.detail-qty-btn{width:36px;height:36px;color:var(--text);cursor:pointer;transition:color var(--transition);background:0 0;border:none;place-items:center;font-size:1.1rem;display:grid}.detail-qty-btn:hover:not(:disabled){color:var(--accent,var(--text))}.detail-qty-btn:disabled{color:var(--text-muted);cursor:not-allowed}.detail-qty-val{text-align:center;min-width:32px;color:var(--text);font-size:.95rem}.detail-add-btn{align-self:flex-start}.detail-buy--team{color:var(--text-muted);font-size:.88rem;line-height:1.5}.detail-added-note{color:var(--text-secondary);font-size:.85rem}.detail-inquiry-title{font-family:var(--font-display);margin:0;font-size:1.05rem;font-weight:600}.detail-inquiry-sub{color:var(--text-secondary);margin:0;font-size:.9rem}.detail-inquiry-sub a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.detail-inquiry-input{font-family:var(--font-body);resize:vertical;line-height:1.6}.detail-inquiry-sold{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:2px;padding:1rem}.detail-empty{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:6rem 1rem;display:flex}.detail-comments{flex-direction:column;gap:1.5rem;padding:3rem 0 6rem;display:flex}.detail-comments-title{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:600}.detail-comments-signin{color:var(--text-secondary);margin:0;font-size:.9rem}.detail-comments-signin a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.detail-comment-form{flex-direction:column;gap:.75rem;max-width:640px;display:flex}.detail-comment-form button{align-self:flex-start}.detail-comments-empty{color:var(--text-muted);margin:0;font-size:.9rem}.detail-comments-list{flex-direction:column;gap:.85rem;max-width:720px;margin:0;padding:0;list-style:none;display:flex}.detail-comment{background:var(--bg-card);border:1px solid var(--border);border-radius:2px;padding:1rem 1.1rem}.detail-comment-head{align-items:center;gap:.75rem;margin-bottom:.4rem;display:flex}.detail-comment-author{color:var(--text);font-size:.85rem;font-weight:600}.detail-comment-date{color:var(--text-muted);font-size:.75rem}.detail-comment-delete{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:.7rem}.detail-comment-delete:hover{color:var(--text)}.detail-comment-body{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:.92rem;line-height:1.6}.detail-reply-thread{border-left:2px solid var(--border);flex-direction:column;gap:.75rem;margin-top:.85rem;padding-left:1rem;display:flex}.detail-reply{background:var(--bg-secondary);border:1px solid var(--border);border-radius:2px;padding:.65rem .85rem}.detail-reply.is-team{border-color:var(--text-muted)}.detail-reply-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--text);border-radius:2px;padding:.15rem .45rem;font-size:.65rem;font-weight:600}.detail-reply-edit{flex-direction:column;gap:.5rem;margin-top:.35rem;display:flex}.detail-reply-edit-actions{gap:.5rem;display:flex}.detail-reply-form{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.detail-reply-form button{align-self:flex-start}@media (max-width:900px){.detail-layout{grid-template-columns:1fr;gap:2rem}.detail-info-col{position:static}}@media (max-width:640px){.detail-page{padding-top:calc(var(--navbar-height) + 1.25rem)}.detail-back{margin-bottom:1.25rem}.detail-layout{gap:1.5rem;padding-bottom:2.5rem}.detail-meta>div{flex-wrap:wrap;gap:.75rem}.detail-meta dt{min-width:80px}.detail-actions{flex-wrap:wrap;justify-content:flex-start;gap:.75rem}.detail-price{margin-left:auto}.detail-inquiry{padding:1rem}.detail-comments{padding:2rem 0 3rem}.detail-comment{padding:.85rem .95rem}.detail-comment-head{flex-wrap:wrap;gap:.4rem .75rem}}.detail-thumbs{flex-wrap:wrap;gap:.55rem;margin-top:.85rem;display:flex}.detail-thumb{border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;width:72px;height:72px;transition:border-color var(--transition);border-radius:2px;padding:0;overflow:hidden}.detail-thumb img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity var(--transition);display:block}.detail-thumb:hover img{opacity:1}.detail-thumb.is-active{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.detail-thumb.is-active img{opacity:1}
