.item-detail-page{position:relative;display:grid;gap:1.15rem;isolation:isolate}.item-detail-page:before{content:"";position:absolute;inset:1rem 0 auto;z-index:-2;height:30rem;border-radius:var(--radius-panel);background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 32%),radial-gradient(circle at 82% 10%,color-mix(in srgb,var(--accent-strong) 8%,transparent),transparent 28%);pointer-events:none}.detail-top-navigation{display:flex;align-items:center;min-height:2.9rem}.detail-back-link{min-height:2.75rem;display:inline-flex;width:fit-content;align-items:center;justify-content:center;gap:.5rem;padding:.58rem .88rem;border:1px solid var(--border-subtle);border-radius:999px;background:color-mix(in srgb,var(--surface-subtle) 90%,transparent);color:var(--text-secondary);font-size:.76rem;font-weight:800;box-shadow:inset 0 1px color-mix(in srgb,var(--text-primary) 5%,transparent);transition:color var(--motion-control),border-color var(--motion-control),background-color var(--motion-control),transform var(--motion-control)}.detail-back-link:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft);color:var(--text-primary);transform:translate(-.12rem)}.detail-back-link:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.detail-breadcrumbs{display:flex;align-items:center;gap:.45rem;min-width:0;overflow-x:auto;padding-bottom:.15rem;color:var(--text-tertiary);font-size:.72rem;scrollbar-width:none}.detail-breadcrumbs::-webkit-scrollbar{display:none}.detail-breadcrumbs a{color:var(--text-secondary);white-space:nowrap;transition:color var(--motion-control)}.detail-breadcrumbs a:hover{color:var(--text-primary)}.detail-breadcrumbs span[aria-current=page]{max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-detail-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(22rem,.92fr);gap:clamp(2rem,5vw,6rem);align-items:start;padding-top:clamp(.8rem,2vw,1.7rem)}.detail-gallery{position:sticky;top:8.5rem;min-width:0;display:grid;justify-items:center;gap:.9rem;isolation:isolate;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.detail-gallery-frame{display:none}.detail-gallery-hero{position:relative;display:grid;width:fit-content;min-width:min(100%,13rem);max-width:min(100%,46rem);place-items:center;overflow:clip;padding:clamp(.8rem,2.2vw,1.45rem);border:var(--border-weight) solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:calc(var(--radius-panel) * 1.06);background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 40%),var(--surface-subtle);box-shadow:var(--shadow-panel)}.detail-gallery-hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,transparent 49.8%,color-mix(in srgb,var(--border-subtle) 45%,transparent) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,color-mix(in srgb,var(--border-subtle) 35%,transparent) 50%,transparent 50.2%);opacity:.28;pointer-events:none}.detail-gallery-media-button{position:relative;z-index:1;display:grid;width:fit-content;max-width:100%;height:auto;max-height:min(68dvh,42rem);place-items:center;overflow:visible;border:0;background:transparent;padding:0;cursor:zoom-in}.detail-gallery-media-button:after{content:"";position:absolute;inset:0;background:var(--material-image-overlay);opacity:.08;pointer-events:none;transition:opacity var(--motion-card)}.detail-gallery-picture{display:grid;width:fit-content;max-width:100%;height:auto;max-height:inherit;min-width:0;min-height:0;place-items:center}.detail-gallery-media-button .detail-gallery-picture{padding:0}.detail-gallery-image{display:block;width:auto;height:auto;max-width:min(100%,43rem);max-height:min(64dvh,39rem);object-fit:contain}.detail-gallery-media-button .detail-gallery-image{transition:transform var(--motion-card) var(--ease-emphasized),filter var(--motion-card)}.detail-gallery-media-button:hover .detail-gallery-image,.detail-gallery-media-button:focus-visible .detail-gallery-image{transform:translateY(-.22rem) scale(1.018);filter:drop-shadow(0 1rem 1.4rem color-mix(in srgb,var(--shadow-color, #000) 18%,transparent))}.detail-gallery-media-button:hover:after,.detail-gallery-media-button:focus-visible:after{opacity:0}.detail-gallery-media-button:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.detail-gallery-open-hint,.detail-gallery-counter,.detail-gallery-hero-controls{position:absolute;z-index:3}.detail-gallery-open-hint{right:.8rem;bottom:.8rem;display:inline-flex;align-items:center;gap:.35rem;min-height:2.15rem;padding:.4rem .62rem;border:1px solid color-mix(in srgb,var(--text-primary) 10%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);color:var(--text-secondary);font-size:.66rem;font-weight:780;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-gallery-counter{top:.8rem;right:.8rem;display:inline-flex;align-items:center;gap:.38rem;min-height:2rem;padding:.35rem .58rem;border:1px solid var(--border-subtle);border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;font-weight:760;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-gallery-counter i{width:.18rem;height:.18rem;border-radius:999px;background:var(--accent)}.detail-gallery-hero-controls{left:.8rem;bottom:.8rem;display:flex;gap:.42rem}.detail-gallery-hero-controls button{width:2.35rem;height:2.35rem;display:grid;place-items:center;border:1px solid var(--border-subtle);border-radius:999px;background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--motion-control),background-color var(--motion-control),transform var(--motion-control)}.detail-gallery-hero-controls button:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.detail-gallery-hero-controls button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.detail-gallery-thumbnail-stage{width:min(100%,46rem);display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:center}.detail-gallery-thumbnail-meta{min-height:3.2rem;display:inline-flex;align-items:center;gap:.38rem;padding:.5rem .68rem;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-subtle);color:var(--text-tertiary);font-size:.66rem;font-weight:760;white-space:nowrap}.detail-gallery-thumbnails{display:flex;min-width:0;gap:.55rem;overflow-x:auto;padding:.12rem .12rem .45rem;scroll-snap-type:x proximity;scrollbar-width:thin}.detail-gallery-thumbnail{position:relative;flex:0 0 4.35rem;width:4.35rem;aspect-ratio:1;overflow:hidden;scroll-snap-align:start;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-subtle);padding:.3rem;transition:border-color var(--motion-control),transform var(--motion-control),box-shadow var(--motion-control)}.detail-gallery-thumbnail .detail-gallery-picture{padding:.15rem}.detail-gallery-thumbnail .detail-gallery-image{max-width:100%;max-height:100%}.detail-gallery-thumbnail>span:last-child{position:absolute;right:.25rem;bottom:.25rem;min-width:1.2rem;padding:.12rem .24rem;border-radius:.35rem;background:color-mix(in srgb,var(--surface-elevated) 88%,transparent);color:var(--text-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.52rem;font-weight:780;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-gallery-thumbnail:hover,.detail-gallery-thumbnail-selected{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 .6rem 1.3rem color-mix(in srgb,var(--accent) 12%,transparent)}.detail-gallery-thumbnail:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.detail-gallery-empty{min-height:34rem;display:grid;place-items:center;align-content:center;gap:.7rem;border:1px dashed var(--border);border-radius:var(--radius-panel);background:var(--material-card);color:var(--text-tertiary);text-align:center}.detail-gallery-empty strong{color:var(--text-primary);font-size:1rem}.detail-gallery-empty>span:last-child{max-width:20rem;font-size:.75rem}.detail-gallery-empty-icon{width:4.5rem;height:4.5rem;display:grid;place-items:center;border-radius:1.25rem;background:var(--accent-soft);color:var(--accent)}.detail-gallery-fallback-stack{position:relative;width:100%;height:100%;overflow:hidden}.detail-gallery-fallback-stack .detail-gallery-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.detail-gallery-fallback-light,[data-color-scheme=light] .detail-gallery-fallback-dark{display:none}[data-color-scheme=light] .detail-gallery-fallback-light{display:block}.detail-image-viewer{width:min(96vw,96rem)}.detail-image-viewer .ui-dialog-panel{max-height:94dvh;overflow:hidden}.detail-image-viewer-stage{position:relative;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:0 1rem 1rem}.detail-image-viewer-stage .detail-gallery-picture{max-height:calc(94dvh - 8rem);padding:.5rem}.detail-image-viewer-image{max-width:100%;max-height:calc(94dvh - 9rem);border-radius:var(--radius-card)}.item-detail-content{min-width:0;display:grid;gap:1.15rem}.detail-title-block{display:grid;gap:.65rem;padding-bottom:.35rem}.detail-platform-name{margin:0;color:var(--accent);font-size:.72rem;font-weight:840;letter-spacing:.08em;text-transform:uppercase}.detail-title-block .page-heading{max-width:18ch;margin:0;font-size:clamp(2.15rem,4.2vw,4.75rem);line-height:.98;text-wrap:balance}.detail-price-panel{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.95rem;overflow:clip;padding:clamp(1rem,2vw,1.35rem);border:var(--border-weight) solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:var(--radius-card);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 48%),var(--material-card);box-shadow:var(--shadow-raised)}.detail-price-panel:after{content:"";position:absolute;right:-2rem;bottom:-4rem;width:11rem;height:11rem;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 17%,transparent),transparent 68%);pointer-events:none}.detail-price-icon{position:relative;z-index:1;width:3.15rem;height:3.15rem;display:grid;place-items:center;border-radius:var(--radius-control);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 1px color-mix(in srgb,var(--text-primary) 8%,transparent)}.detail-price-copy{position:relative;z-index:1;min-width:0;display:grid;gap:.34rem}.detail-current-price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.55rem}.detail-selected-price{color:var(--text-primary);font-size:clamp(1.8rem,3vw,2.7rem);font-weight:880;letter-spacing:-.045em;line-height:1}.detail-price-unavailable{color:var(--warning);font-size:1.05rem;letter-spacing:0}.detail-current-code{color:var(--text-tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:800;letter-spacing:.08em}.detail-base-price,.detail-rate-note{color:var(--text-tertiary);font-size:.72rem;line-height:1.45}.detail-rate-note{color:var(--warning)}.detail-buy-button{position:relative;min-height:4.15rem;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;overflow:hidden;padding:.78rem 1rem .78rem 1.15rem;border-radius:calc(var(--radius-control) + .18rem);font-size:.95rem;font-weight:880;letter-spacing:.01em;box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--accent) 20%,transparent);transition:transform var(--motion-control),box-shadow var(--motion-control),filter var(--motion-control)}.detail-buy-button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,color-mix(in srgb,var(--text-on-accent) 16%,transparent) 48%,transparent 72%);transform:translate(-120%);transition:transform .52s var(--ease-emphasized);pointer-events:none}.detail-buy-button>*{position:relative;z-index:1}.detail-buy-button:hover{transform:translateY(-2px);box-shadow:0 1.3rem 3rem color-mix(in srgb,var(--accent) 26%,transparent)}.detail-buy-button:hover:before{transform:translate(120%)}.detail-buy-button:active{transform:translateY(0)}.detail-buy-button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0}.detail-facts>div{position:relative;min-width:0;overflow:clip;padding:.95rem;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--material-card);transition:border-color var(--motion-control),transform var(--motion-control),box-shadow var(--motion-control)}.detail-facts>div:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--art-accent-line);opacity:.35}.detail-facts>div:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-2px);box-shadow:var(--shadow-raised)}.detail-facts dt{display:flex;align-items:center;gap:.4rem;color:var(--text-tertiary);font-size:.65rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.detail-facts dd{margin:.42rem 0 0;overflow-wrap:anywhere;color:var(--text-primary);font-size:.92rem;font-weight:750}.detail-category-links{display:flex;flex-wrap:wrap;gap:.45rem}.detail-category-links a{min-height:2.35rem;display:inline-flex;align-items:center;padding:.45rem .76rem;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-subtle);color:var(--text-secondary);font-size:.75rem;font-weight:720;transition:border-color var(--motion-control),color var(--motion-control),background-color var(--motion-control),transform var(--motion-control)}.detail-category-links a:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--text-primary);transform:translateY(-1px)}.detail-category-links a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.detail-description{display:grid;gap:.9rem;padding:1.3rem;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 4%,transparent),transparent 45%),var(--material-card)}.detail-description h2{margin:0;font-size:1.25rem}.detail-description-copy{display:grid;gap:.82rem}.detail-description p{margin:0;max-width:68ch;color:var(--text-secondary);line-height:1.75;white-space:pre-wrap}.detail-bottom-navigation{display:flex;justify-content:flex-start;margin-top:.2rem;padding-top:1.15rem;border-top:1px solid var(--border-subtle)}.detail-back-link-bottom{min-height:3rem;padding-inline:1rem}:root[data-theme-family=glass] .detail-gallery-hero,:root[data-theme-family=glass] .detail-price-panel,:root[data-theme-family=glass] .detail-description{-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}:root[data-theme-family=paper] .detail-gallery-frame{border-radius:.35rem;transform:rotate(-1deg)}:root[data-theme-family=paper] .detail-gallery-hero{box-shadow:.65rem .72rem color-mix(in srgb,var(--accent) 10%,transparent),var(--shadow-raised)}:root[data-theme-family=jewel] .detail-gallery-hero{box-shadow:var(--shadow-panel),0 0 4rem color-mix(in srgb,var(--accent) 14%,transparent)}:root[data-theme-family=prism] .detail-price-icon,:root[data-theme-family=prism] .detail-gallery-empty-icon{background-image:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--accent-strong) 16%,transparent))}@media(max-width:63.9375rem){.item-detail-layout{grid-template-columns:1fr;gap:2rem}.detail-gallery{position:static;max-width:48rem;width:100%;margin-inline:auto}.item-detail-content{max-width:48rem;width:100%;margin-inline:auto}.detail-title-block .page-heading{max-width:20ch}}@media(max-width:37.4375rem){.item-detail-page{padding-top:1rem;gap:.85rem}.detail-top-navigation{min-height:auto}.detail-back-link{min-height:2.65rem}.detail-breadcrumbs span[aria-current=page]{max-width:9rem}.item-detail-layout{padding-top:.5rem;gap:1.45rem}.detail-gallery-hero{min-width:min(100%,11.5rem);max-width:min(100%,34rem);max-height:68dvh;padding:.7rem;border-radius:var(--radius-panel)}.detail-gallery-media-button{max-height:calc(68dvh - 1.4rem)}.detail-gallery-media-button .detail-gallery-picture{padding:0}.detail-gallery-media-button .detail-gallery-image{max-height:calc(68dvh - 1.4rem)}.detail-gallery-open-hint{right:.55rem;bottom:.55rem}.detail-gallery-counter{top:.55rem;right:.55rem}.detail-gallery-hero-controls{left:.55rem;bottom:.55rem}.detail-gallery-thumbnail-stage{grid-template-columns:1fr}.detail-gallery-thumbnail-meta{min-height:2rem;justify-content:center}.item-detail-content{gap:.9rem}.detail-title-block .page-heading{font-size:clamp(2rem,11vw,3.3rem)}.detail-price-panel{gap:.75rem;padding:.9rem}.detail-price-icon{width:2.75rem;height:2.75rem}.detail-selected-price{font-size:clamp(1.55rem,8vw,2.2rem)}.detail-buy-button{min-height:3.9rem}.detail-facts{grid-template-columns:1fr}.detail-description{padding:1rem}.detail-bottom-navigation .detail-back-link{width:100%}.detail-image-viewer-stage{grid-template-columns:1fr}.detail-image-viewer-stage>.ui-icon-button:first-child{position:absolute;left:1rem;bottom:1rem;z-index:2}.detail-image-viewer-stage>.ui-icon-button:last-child{position:absolute;right:1rem;bottom:1rem;z-index:2}}@media(hover:none),(pointer:coarse){.detail-gallery-media-button:hover .detail-gallery-image,.detail-gallery-thumbnail:hover,.detail-facts>div:hover,.detail-buy-button:hover{transform:none}.detail-buy-button:hover:before{transform:translate(-120%)}}[data-performance=low] .detail-gallery-frame,[data-performance=low] .detail-buy-button:before{display:none}[data-motion=reduced] .detail-gallery-media-button:hover .detail-gallery-image,[data-motion=reduced] .detail-gallery-media-button:focus-visible .detail-gallery-image,[data-motion=reduced] .detail-gallery-thumbnail:hover,[data-motion=reduced] .detail-facts>div:hover,[data-motion=reduced] .detail-category-links a:hover,[data-motion=reduced] .detail-back-link:hover,[data-motion=reduced] .detail-buy-button:hover{transform:none}[data-motion=reduced] .detail-buy-button:hover:before{transform:translate(-120%)}@media(prefers-reduced-motion:reduce){.detail-gallery-media-button:hover .detail-gallery-image,.detail-gallery-media-button:focus-visible .detail-gallery-image,.detail-gallery-thumbnail:hover,.detail-facts>div:hover,.detail-category-links a:hover,.detail-back-link:hover,.detail-buy-button:hover{transform:none}.detail-buy-button:hover:before{transform:translate(-120%)}}
