@layer theme,tokens,base,legacy;@layer components{.context-return-banner{border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;display:grid}.context-return-icon{background:var(--accent-primary);border-radius:15px;place-items:center;width:44px;height:44px;display:grid}@supports (color:color-mix(in lab, red, red)){.context-return-icon{background:color-mix(in srgb, var(--accent-primary) 14%, var(--bg-surface-glass))}}.context-return-icon{color:var(--accent-primary);font-size:1.1rem;font-weight:850}.context-return-copy{min-width:0}.context-return-copy h2{color:var(--text-primary);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 4px;font-size:clamp(1rem,2.2vw,1.3rem);overflow:hidden}.context-return-copy>p:last-child{color:var(--text-secondary);margin:0;font-size:.78rem}.context-return-actions{gap:8px;display:flex}.context-return-actions button{min-height:40px;padding-inline:14px}@media (max-width:640px){.context-return-banner{grid-template-columns:auto minmax(0,1fr)}.context-return-actions{grid-column:1/-1}.context-return-actions button{flex:1}}}@layer routes,utilities,overrides;
@layer theme,tokens,base,legacy;@layer components{.detail-shell{z-index:250;background:var(--overlay-bg);-webkit-backdrop-filter:blur(10px);justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.detail-sheet{overscroll-behavior:contain;width:min(720px,100%);max-height:min(88dvh,920px);color:var(--text);border-radius:26px;overflow:auto}.detail-hero-copy{z-index:1;color:var(--ink);padding:24px;position:relative}.detail-hero-copy h2{letter-spacing:-.03em;margin:6px 0 4px;font-size:clamp(1.3rem,3vw,1.7rem)}.detail-hero-copy p{opacity:.85;margin:0;font-size:.92rem}.detail-hero:has(.detail-hero-image) .detail-hero-copy{border:1px solid var(--line);background:var(--glass-strong-bg);-webkit-backdrop-filter:blur(12px);border-radius:16px;margin:16px;padding:14px 16px}.detail-hero-image,.detail-media-image{object-fit:cover}.detail-hero .detail-close{z-index:2;position:absolute;top:16px;right:16px}.detail-body{padding:24px}.detail-section{flex-direction:column;gap:12px;display:flex}.detail-section.glass{border-radius:18px;padding:18px}.detail-section-head,.detail-topline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-seller{margin:0;font-weight:700}.detail-seller-tagline{color:var(--text-soft);margin:2px 0 0;font-size:.92rem}.detail-seller-bio{color:var(--text-soft);margin:0;line-height:1.5}.detail-price{letter-spacing:-.03em;margin:8px 0 0;font-size:1.5rem}.detail-rating{color:var(--text-muted);flex-direction:column;align-items:flex-end;gap:4px;display:flex}.detail-breakdown{flex-direction:column;gap:10px;display:flex}.detail-breakdown>div{justify-content:space-between;gap:12px;display:flex}.detail-total{border-top:1px solid var(--line);padding-top:10px;font-weight:700}.detail-success{border:1px solid var(--success);padding:16px 18px}@supports (color:color-mix(in lab, red, red)){.detail-success{border:1px solid color-mix(in srgb, var(--success) 40%, transparent)}}.detail-success{border-radius:16px}.detail-actions{flex-wrap:wrap;gap:12px;padding:0 24px 24px;display:flex}.detail-actions>*{flex:160px}.detail-media-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.detail-media-tile{border-radius:16px;min-height:120px;position:relative;overflow:hidden}.resource-list,.detail-facts{flex-direction:column;gap:10px;display:flex}.resource-link,.detail-fact{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.detail-fact span:first-child{color:var(--text-soft);text-transform:capitalize}.milestone-row,.milestone-copy{justify-content:space-between;align-items:center;gap:12px;display:flex}.milestone-copy{flex:1}@media (min-width:760px){.detail-shell{align-items:center}.detail-sheet{border-radius:28px}}@media (max-width:759px){.detail-shell{align-items:flex-end;padding:0}.detail-sheet{border-radius:26px 26px 0 0;max-height:92dvh}.detail-actions>*{flex-basis:100%}}}@layer routes,utilities,overrides;