/* ═══ JOURNEY V1 — DISPLAY ACCORDION ═══════════════════════════════════════
   Reveals a product's design section (#templates-<slug>) in place. Single-open.
   Entry-side only. No Preview Canvas, no routing. */

/* collapsed panels: hidden attribute already set server-side; this animates. */
.psd-d-accordion-panel[hidden]{ display:none; }
.psd-d-accordion-panel{ scroll-margin-top: 90px; }

/* product trigger affordance */
.psd-d-product-trigger{ cursor:pointer; }
.psd-d-product-trigger[aria-expanded="true"] .psd-d-product-cta{ opacity:.7; }
.psd-d-product-trigger[aria-expanded="true"] .psd-d-product-cta::after{ content:" ✓"; }

/* Start Blank tile — distinct from artwork designs, first in row */
.psd-d-product-card--blank .psd-d-product-visual--blank{
    display:flex; align-items:center; justify-content:center;
}
.psd-d-product-card--blank .psd-d-blank-icon{ font-size:2rem; line-height:1; }

/* reveal transition (respects reduced motion) */
@media (prefers-reduced-motion: no-preference){
    .psd-d-accordion-panel:not([hidden]){ animation: psd-d-reveal .18s ease-out; }
    @keyframes psd-d-reveal{ from{ opacity:0; transform:translateY(-4px); } to{ opacity:1; transform:none; } }
}