.product-detail{--pd-bg:#0c0e11;--pd-panel:#15181d;--pd-raised:#1c2026;--pd-line:#2a3038;--pd-ink:#f4f4f5;--pd-muted:#a1a8b2;--pd-accent:#6ee7b7;background:var(--pd-bg);color:var(--pd-ink);min-height:80vh}html[data-theme=light] .product-detail{--pd-bg:#fafafa;--pd-panel:#fff;--pd-raised:#f4f4f5;--pd-line:#e4e4e7;--pd-ink:#18181b;--pd-muted:#61616c;--pd-accent:#047857}.pd-container{width:min(1240px,100% - 48px);margin:auto;padding:40px 0 88px}.pd-header{margin-bottom:32px}.pd-breadcrumb{color:var(--pd-muted);flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:18px;font-size:12px;line-height:1.7;display:flex}.pd-breadcrumb [aria-current]{color:var(--pd-ink)}.pd-breadcrumb a:hover,.pd-meta a:hover{color:var(--pd-accent)}.pd-heading-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.pd-heading-row h1{font:700 clamp(30px,3.8vw,44px)/1.15 var(--font-display),sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 10px}.pd-meta{color:var(--pd-muted);flex-wrap:wrap;gap:8px 18px;font-size:13px;line-height:1.6;display:flex}.pd-meta>span{align-items:center;gap:5px;display:inline-flex}.pd-meta a{color:var(--pd-ink);font-weight:600}.pd-meta svg{color:var(--pd-accent);flex:none}.pd-badges{flex-wrap:wrap;flex:none;gap:8px;display:flex}.pd-badge{background:var(--pd-raised);border:1px solid var(--pd-line);border-radius:99px;align-items:center;padding:7px 12px;font-size:11px;font-weight:600;display:inline-flex}.pd-badge-category{color:var(--pd-accent);background:#10b98117;border-color:#10b9814d}.pd-layout{grid-template-columns:minmax(0,2fr) minmax(290px,1fr);align-items:start;gap:32px;display:grid}.pd-content{gap:34px;min-width:0;display:grid}.pd-preview{min-width:0;scroll-margin-top:calc(var(--header-h) + 20px)}.pd-browser{border:1px solid var(--pd-line);background:var(--pd-panel);border-radius:17px;overflow:hidden;box-shadow:0 12px 32px #00000017}.pd-browser-bar{background:var(--pd-panel);border-bottom:1px solid var(--pd-line);justify-content:space-between;align-items:center;gap:14px;min-height:44px;padding:9px 15px;display:flex}.pd-browser-dots{flex:none;gap:6px;display:flex}.pd-browser-dots i{background:#f87171;border-radius:50%;width:9px;height:9px}.pd-browser-dots i:nth-child(2){background:#fbbf24}.pd-browser-dots i:nth-child(3){background:#34d399}.pd-browser-address{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--pd-line);background:var(--pd-bg);min-width:0;color:var(--pd-muted);border-radius:5px;padding:4px 12px;font:11px ui-monospace,monospace;overflow:hidden}.pd-browser-spacer{flex:none;width:39px}.pd-preview-image{aspect-ratio:16/10;background:var(--pd-raised);position:relative;overflow:hidden}.pd-preview-image>img{object-fit:cover;object-position:top}.pd-expand{color:#18181b;cursor:pointer;background:#fffffff5;border:1px solid #dedee2;border-radius:99px;align-items:center;gap:8px;min-height:42px;padding:9px 15px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 18px #00000029}.pd-no-preview{text-align:center;background:radial-gradient(at 50% 35%,#10b98117,#0000 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.pd-no-preview svg{color:var(--pd-accent)}.pd-no-preview strong{font:600 22px var(--font-display),sans-serif}.pd-no-preview span{color:var(--pd-muted);font-size:13px}.pd-thumbnails{gap:10px;padding:12px 2px 3px;display:flex;overflow-x:auto}.pd-thumbnails button{background:var(--pd-panel);cursor:pointer;border:2px solid #0000;border-radius:10px;flex:none;width:120px;padding:3px}.pd-thumbnails button[aria-pressed=true]{border-color:var(--pd-accent)}.pd-thumbnails img{object-fit:cover;object-position:top;border-radius:5px;width:100%;height:70px;display:block}.pd-about h2,.pd-tech h2{font:700 19px var(--font-display),sans-serif;letter-spacing:-.02em;margin:0 0 15px}.pd-description{color:var(--pd-muted);font-size:14px;line-height:1.85}.pd-description :is(h1,h2,h3,h4){color:var(--pd-ink)}.pd-tech-list{flex-wrap:wrap;gap:9px;display:flex}.pd-tech-list span{border:1px solid var(--pd-line);background:var(--pd-panel);border-radius:10px;padding:10px 14px;font-size:12px}.pd-purchase{top:calc(var(--header-h) + 24px);border:1px solid var(--pd-line);background:var(--pd-panel);border-radius:17px;gap:24px;padding:26px;display:grid;position:sticky;box-shadow:0 8px 24px #0000000a}.pd-kicker{color:var(--pd-accent);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}.pd-price{font:800 clamp(25px,2.6vw,34px)/1.2 var(--font-display),sans-serif;letter-spacing:-.045em;overflow-wrap:anywhere;margin-top:10px}.pd-purchase-note{color:var(--pd-muted);margin:10px 0 0;font-size:12px;line-height:1.7}.pd-actions{gap:10px;display:grid}.pd-action{border:1px solid var(--pd-line);text-align:center;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px;font-size:13px;font-weight:700;display:flex}.pd-action-primary{background:var(--pd-ink);color:var(--pd-panel);border-color:var(--pd-ink)}.pd-action-secondary{color:var(--pd-ink);background:0 0}.pd-action:hover{opacity:.85}.pd-inclusions{border-top:1px solid var(--pd-line);padding-top:22px}.pd-inclusions h2{text-transform:uppercase;letter-spacing:.14em;color:var(--pd-muted);margin:0 0 15px;font-size:10px}.pd-inclusions ul{gap:13px;margin:0;padding:0;list-style:none;display:grid}.pd-inclusions li{color:var(--pd-muted);align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;display:flex}.pd-inclusions svg{color:var(--pd-accent);flex:none;margin-top:2px}.pd-contact-note{color:var(--pd-muted);margin:0;font-size:11px;line-height:1.6}.product-detail :is(a,button):focus-visible{outline:2px solid var(--pd-accent);outline-offset:4px}.pd-lightbox{border:1px solid var(--pd-line);background:var(--pd-panel);width:95vw;max-width:1500px;height:90dvh;max-height:90dvh;color:var(--pd-ink);border-radius:14px;padding:44px 12px 12px}.pd-lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c}.pd-lightbox-image{width:100%;height:100%;position:relative}.pd-lightbox-image img{object-fit:contain}.pd-lightbox-close{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:3px;right:7px}@media (max-width:960px){.pd-layout{grid-template-columns:1fr;gap:28px}.pd-purchase{position:static}.pd-heading-row{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width:600px){.pd-container{width:calc(100% - 28px);padding:26px 0 54px}.pd-header{margin-bottom:23px}.pd-meta{gap:7px 12px;font-size:12px}.pd-breadcrumb{font-size:11px}.pd-browser-bar{gap:10px;padding-inline:10px}.pd-browser-spacer{display:none}.pd-browser-address{padding-inline:8px;font-size:10px}.pd-purchase{padding:22px}.pd-no-preview strong{font-size:18px}.pd-no-preview span{font-size:12px}}