/* Hallmark · component: PE product media panel · genre: modern-minimal · theme: existing CSM Cobalt */
/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4 · shared navigation and footer unchanged */
@import url('/tokens.css');
#pe-wrapping{scroll-margin-top:6rem}
.home-pe-grid{display:grid;gap:var(--space-8);align-items:start}
.home-pe-grid>*{min-width:0}
.home-pe-grid .product-card{height:auto}
.home-pe-grid .product-card figure{aspect-ratio:auto;margin:0;overflow:visible}
.home-pe-grid .product-card figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.home-pe-grid .product-card figcaption{padding:var(--space-3) var(--space-5);font-size:.8rem;color:var(--color-muted);background:var(--color-surface)}
.home-pe-grid .product-card-body{padding:var(--space-6)}
.home-pe-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}
.home-pe-actions .button{background:var(--color-accent);color:var(--color-accent-ink);white-space:nowrap;min-height:44px}
.home-pe-actions .button.secondary{background:var(--color-surface);color:var(--color-accent-deep);border-color:var(--color-accent-deep)}
.home-pe-actions a:focus-visible,.home-pe-video a:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}
.home-pe-actions a:active{transform:translateY(1px)}
.home-pe-actions a[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.home-pe-actions a[data-state="loading"]{cursor:progress}
.home-pe-actions a[data-state="error"]{border-style:dashed;border-color:var(--color-error)}
.home-pe-actions a[data-state="success"]{border-color:var(--color-success)}
.home-pe-video{margin:0;max-width:21rem;width:100%;justify-self:center}
.home-pe-video iframe{display:block;width:100%;height:auto;aspect-ratio:9/16;border:0;background:var(--color-graphite);color:var(--color-on-dark)}
.home-pe-video figcaption{margin-top:var(--space-4);font-size:.88rem;color:var(--color-on-dark-muted)}
.home-pe-video .text-link{color:var(--color-on-dark);white-space:nowrap}
@media(hover:hover){.home-pe-actions .button:hover{background:var(--color-accent-deep);color:var(--color-accent-ink)}.home-pe-actions .button.secondary:hover{background:var(--color-accent-soft);color:var(--color-accent-deep)}}
@media(min-width:48rem){.home-pe-grid{grid-template-columns:minmax(0,1fr) minmax(0,.48fr)}.home-pe-video{max-width:none}}
@media(prefers-reduced-motion:reduce){.home-pe-actions a{transition:none;transform:none}}