/* Pixator page only; shared product layouts retain their existing styles. */
.product-editorial--pixator { --product-accent-soft:#e7ddc7; --product-panel:#e3ddd3; }
.product-editorial--pixator .product-hero { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px,4vw,64px); }
.product-editorial--pixator .product-hero h1 { font-size:clamp(3.5rem,6.3vw,6.5rem); line-height:.93; }
.product-editorial--pixator .product-hero-media img { aspect-ratio:4/3; object-fit:contain; }
.pixator-note { font-size:.85rem; color:var(--muted); margin:18px 0 0; }
.pixator-compare { position:relative; overflow:hidden; border:1px solid var(--ink); background:#e3ddd3; aspect-ratio:940/544; }
.pixator-compare > img,.pixator-compare-original img { width:100%; height:100%; object-fit:cover; }
.pixator-compare > img { image-rendering:pixelated; }
.pixator-compare-original { position:absolute; inset:0; clip-path:inset(0 calc(100% - var(--split)) 0 0); }
.pixator-compare-label { position:absolute; top:16px; padding:5px 10px; background:var(--paper); font:.7rem ui-monospace,monospace; }
.pixator-compare-label.original { left:16px; }.pixator-compare-label.result { right:16px; }
.pixator-compare-divider { position:absolute; left:var(--split); top:0; bottom:0; width:2px; background:#fff; box-shadow:0 0 5px #0005; pointer-events:none; }
.pixator-compare-control { display:grid; gap:10px; font-size:.85rem; margin-top:18px; }
.pixator-compare-control input { accent-color:var(--product-accent); width:100%; cursor:ew-resize; }
.product-editorial--pixator .pixator-art { background-color:#f2efe8; background-image:linear-gradient(45deg,#e6e1d7 25%,transparent 25%),linear-gradient(-45deg,#e6e1d7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e1d7 75%),linear-gradient(-45deg,transparent 75%,#e6e1d7 75%); background-size:24px 24px; background-position:0 0,0 12px,12px -12px,-12px 0; }
.product-editorial--pixator .pixator-art img { aspect-ratio:1.25; object-fit:contain; image-rendering:pixelated; }
.pixator-screens { display:grid; grid-template-columns:2.5fr 1fr 1fr; gap:24px; align-items:center; }
.pixator-screens figure { margin:0; min-width:0; }
.pixator-screens img { width:100%; filter:drop-shadow(0 12px 10px #1112); }
.pixator-screens figcaption { font-size:.8rem; color:var(--muted); margin-top:20px; }
.pixator-plan-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--ink); }
.pixator-plan-grid article { padding:clamp(24px,4vw,48px); }.pixator-plan-grid article+article { border-left:1px solid var(--ink); background:#e7ddc7; }
.pixator-plan-grid h3 { font-size:clamp(1.8rem,3vw,3rem); }.pixator-plan-grid p:last-child { margin-bottom:0; color:var(--muted); }
.pixator-plans { padding-bottom:0; }
@media(max-width:900px) { .product-editorial--pixator .product-hero { grid-template-columns:1fr; }.pixator-screens { grid-template-columns:1fr 1fr; }.pixator-screen-wide { grid-column:1/-1; }.pixator-screens figure:not(.pixator-screen-wide) { max-width:300px; justify-self:center; } }
@media(max-width:620px) { .product-editorial--pixator .product-hero h1 { font-size:clamp(3.2rem,15vw,5rem); }.pixator-screens { gap:18px; }.pixator-plan-grid { grid-template-columns:1fr; }.pixator-plan-grid article+article { border-left:0; border-top:1px solid var(--ink); } }
