/* Version 1 keeps its existing blue panel, copy and product-card styling. */
.hero-commerce-shell{min-width:0;padding-top:var(--wp--preset--spacing--12,3rem)}
.hero-commerce-shell .hero-commerce-demo{overflow:visible}
.hero-commerce-shell .hero-commerce-summary{overflow:visible;min-height:300px;padding-right:55%;padding-bottom:var(--wp--preset--spacing--8,2rem)}
.hero-commerce-shell .hero-commerce-summary::after{display:none}
.hero-commerce-shell .hero-commerce-summary-head{min-height:0;margin-bottom:var(--wp--preset--spacing--4,1rem)}
.hero-commerce-shell .hero-commerce-progress{right:51%}
.hero-commerce-artwork{position:absolute;z-index:2;right:0;bottom:0;height:112%;width:auto;aspect-ratio:1;pointer-events:none}
.hero-commerce-shell .hero-commerce-stages{margin-top:var(--wp--preset--spacing--4,1rem)}
.hero-commerce-artwork img{display:block;width:100%;height:100%;object-fit:contain;object-position:right bottom}
.hero-commerce-artwork img[hidden]{display:none}
.hero-commerce-playback{display:flex;justify-content:flex-end;padding-top:var(--wp--preset--spacing--4,1rem)}
.hero-commerce-playback button{min-width:44px;min-height:44px;border:1px solid var(--cloud-200);border-radius:var(--r-md);padding:var(--wp--preset--spacing--2,.5rem);background:var(--white);color:var(--primary);cursor:pointer}
.hero-commerce-playback svg{display:block;width:var(--wp--preset--spacing--6,1.5rem);height:var(--wp--preset--spacing--6,1.5rem);margin:auto;fill:currentColor}
.hero-commerce-playback [hidden]{display:none}
.hero-commerce-playback button:hover{background:var(--cloud)}
.hero-commerce-playback button:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}
@media(max-width:1100px){
 .hero-commerce-shell .hero-commerce-summary{display:flex;flex-direction:column;padding-top:0;padding-right:var(--wp--preset--spacing--6,1.5rem);min-height:0}
 .hero-commerce-shell .hero-commerce-summary{padding-top:var(--wp--preset--spacing--6,1.5rem);padding-bottom:0}
 .hero-commerce-artwork{position:relative;order:1;bottom:auto;right:auto;height:auto;width:min(100%,360px);margin:0 0 0 auto}
 .hero-commerce-shell .hero-commerce-progress{position:relative;inset:auto;margin-top:var(--wp--preset--spacing--4,1rem)}
 .hero-commerce-shell .hero-commerce-stages{margin-top:var(--wp--preset--spacing--4,1rem)}
}