:root{color-scheme:dark;font-family:Montserrat,Arial,sans-serif;color:#f4f5fb;background:#0b0b0e}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:48px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.brand{font-size:24px;font-weight:900;letter-spacing:3px;color:#00f3ff}h1{font-size:clamp(30px,5vw,54px);margin:16px 0}p{color:#a0a0b8;line-height:1.7}button,a.button{font:inherit;cursor:pointer;border:1px solid #3a3a50;border-radius:10px;padding:12px 18px;background:#16161e;color:inherit;text-decoration:none}button.active,button.primary,a.button{background:#00f3ff;color:#080b10;border-color:#00f3ff;font-weight:700}nav{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.card,.panel{background:#14141c;border:1px solid #292938;border-radius:18px;padding:24px}.card img{width:100%;height:220px;object-fit:contain;border-radius:12px}.card h2{font-size:21px}.price{font-size:26px;font-weight:800;margin:24px 0}.specs{white-space:pre-line;font-size:14px;line-height:1.8;color:#a0a0b8}label{display:block;margin:16px 0 6px;color:#c8c8da}input,select,textarea{font:inherit;padding:12px;border-radius:8px;border:1px solid #3a3a50;background:#0b0b11;color:#fff;width:100%}textarea{min-height:130px}button:focus-visible,a:focus-visible{outline:3px solid #a780ff;outline-offset:3px}.config{display:grid;grid-template-columns:1fr 330px;gap:24px}.summary{align-self:start;position:sticky;top:20px}.muted{font-size:13px;color:#a0a0b8}.error{color:#ffb6c8;white-space:pre-line}#message{min-height:24px}small{color:#9b9bb2}.toolbar{display:flex;gap:12px;flex-wrap:wrap}.editor{margin:20px 0}input[type=checkbox]{width:auto}.status{border-left:3px solid #00f3ff;padding:12px 18px;background:#101c24;margin:24px 0}[hidden]{display:none!important}@media(max-width:760px){main{padding:28px 16px}.config{grid-template-columns:1fr}.summary{position:static}header{align-items:flex-start;flex-direction:column}}
.category-row{display:grid;grid-template-columns:1fr auto;gap:8px;width:100%;text-align:left;margin:12px 0;padding:18px}.category-row .muted{grid-column:1}.category-row>span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:#00f3ff}progress{width:100%;accent-color:#00f3ff;height:7px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:24px}#picker{margin-top:20px;scroll-margin-top:20px}#parts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-line{display:flex;align-items:center;gap:10px;border-bottom:1px solid #292938}.summary-line p{flex:1}.summary-line button{padding:5px 10px}#quote{white-space:pre-line}@media(max-width:760px){.filters{grid-template-columns:1fr}.category-row{padding:14px;font-size:13px}.summary .toolbar{flex-direction:column}}

/* Consistent PC-focused framing */
#ready .card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 52%;background:#0b0b11;border-radius:12px}
/* DENPC ORIGINAL BACKGROUND */
body{background:transparent!important}#denpc-app{position:relative;z-index:1}.card,.panel{background:rgba(20,20,28,.85);backdrop-filter:blur(8px)}
.admin-photo{display:block;width:220px;max-width:100%;height:200px;object-fit:contain;background:#0b0b11;border:1px solid #303042;border-radius:12px;margin:12px 0}.image-editor{padding:18px;background:#101018;border:1px solid #303042;border-radius:12px;margin:20px 0}.admin-filters{display:grid;grid-template-columns:2fr 1fr;gap:20px}.category-fields{border-left:2px solid #00f3ff;padding:0 18px;margin:20px 0}.image-editor details{margin:18px 0}.image-editor summary{cursor:pointer;color:#00f3ff}@media(max-width:700px){.admin-filters{grid-template-columns:1fr}}
/* DENPC: original neon grid and floating cards */
body:has(#denpc-app)::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 0% 8%,rgba(0,243,255,.16),transparent 48%),radial-gradient(ellipse at 100% 20%,rgba(112,0,255,.22),transparent 50%),linear-gradient(rgba(0,243,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.075) 1px,transparent 1px),linear-gradient(rgba(112,0,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(112,0,255,.045) 1px,transparent 1px);background-size:auto,auto,70px 70px,70px 70px,100px 100px,100px 100px;animation:denpc-grid-drift 45s linear infinite}
@keyframes denpc-grid-drift{to{background-position:0 0,0 0,70px 70px,70px 70px,-100px 100px,-100px 100px}}
#denpc-app{max-width:1240px;padding:60px 24px 90px;isolation:isolate}html.denpc-embedded #denpc-app{padding-top:120px}html.denpc-embedded #denpc-app>header{display:none}#denpc-app>small{font-size:12px;color:#00f3ff;letter-spacing:3px}#denpc-app>h1{font-family:Montserrat,Arial,sans-serif;font-size:clamp(34px,5vw,58px);font-weight:900;line-height:1.13;letter-spacing:-1.5px;margin:22px 0}#denpc-app>h1 span{background:linear-gradient(110deg,#00f3ff,#8670ff);background-clip:text;-webkit-background-clip:text;color:transparent}#denpc-app>p{max-width:650px;font-size:16px;line-height:1.8}#denpc-app>nav{margin:30px 0 36px}#denpc-app>nav button{border-radius:50px;padding:15px 28px;font-weight:700}#denpc-app>nav button.active{color:#fff;background:linear-gradient(120deg,#00d5ed,#7000ff);border:1px solid transparent;box-shadow:0 0 26px rgba(0,243,255,.17)}
#ready.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 26px;align-items:stretch}#ready .build-shell{display:flex;min-width:0;transition:opacity .7s ease,translate .7s ease;transition-delay:var(--reveal-delay,0ms)}.catalog-motion-ready #ready .build-shell:not(.in-view){opacity:0;translate:0 28px}#ready .card{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;padding:24px;border-radius:24px;border:1px solid rgba(0,243,255,.15);background:linear-gradient(145deg,rgba(24,25,40,.92),rgba(14,14,25,.94));backdrop-filter:blur(12px);box-shadow:0 16px 44px rgba(0,0,0,.22);animation:denpc-levitate 6s ease-in-out infinite;animation-delay:var(--float-delay,0s);transition:border-color .4s,box-shadow .4s}#ready .build-shell:not(.in-view) .card{animation-play-state:paused}
@keyframes denpc-levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
#ready .card::before{content:'';position:absolute;inset:-1px;border:1px solid transparent;border-radius:24px;background:linear-gradient(110deg,#00f3ff,#7000ff,#00f3ff) border-box;background-size:300% 300%;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity .4s;pointer-events:none}
#ready .card img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:50% 52%;border-radius:16px;transition:filter .5s,scale .5s;transform-origin:center;outline:1px solid rgba(255,255,255,.06)}#ready .card h2{font-size:23px;line-height:1.25;margin:23px 0 15px;font-weight:800}#ready .specs{font-size:13px;line-height:1.9;color:#b5b4cb;flex:1}#ready .price{font-size:30px;letter-spacing:-1px;margin:25px 0 18px;color:#fff;text-shadow:0 0 25px rgba(0,243,255,.18)}#ready a.button{display:block;text-align:center;border:0;border-radius:50px;color:#fff;background:linear-gradient(120deg,#00cfe5,#7000ff);padding:15px 12px;font-size:14px;box-shadow:0 8px 25px rgba(112,0,255,.18);transition:filter .3s,box-shadow .3s}
@media(hover:hover){#ready .card:hover,#ready .card:focus-within{border-color:rgba(0,243,255,.5);box-shadow:0 20px 55px rgba(0,0,0,.35),0 0 34px rgba(112,0,255,.16)}#ready .card:hover::before,#ready .card:focus-within::before{opacity:1;animation:denpc-border 3s linear infinite}#ready .card:hover img{filter:brightness(1.08);scale:1.025}#ready a.button:hover{filter:brightness(1.14);box-shadow:0 0 26px rgba(0,243,255,.25)}}
@keyframes denpc-border{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:1020px){#ready.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#denpc-app{padding:38px 16px 60px}html.denpc-embedded #denpc-app{padding-top:100px}#ready.grid{grid-template-columns:1fr;gap:32px}#ready .card{padding:22px}#denpc-app>h1{letter-spacing:-1px}#ready .card img{aspect-ratio:1/1;object-fit:contain;background:#101019}#ready .card{animation-duration:8s}#denpc-app>nav button{padding:12px 18px;font-size:13px}}
@media(prefers-reduced-motion:reduce){body:has(#denpc-app)::before,#ready .card,#ready .card::before{animation:none!important}.catalog-motion-ready #ready .build-shell{opacity:1!important;translate:0!important;transition:none!important}#ready .card img{transition:none;scale:1!important}}
