.wp-block-group:is(.is-style-product-horizontal,.is-style-product-compact){position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--wp--custom--color--border);border-radius:var(--wp--preset--border-radius--lg);background-color:var(--wp--preset--color--surface);color:var(--wp--preset--color--text);&>*{margin-block:0}&:hover{border-color:var(--wp--custom--color--border-card);box-shadow:var(--wp--preset--shadow--md)}&>.wp-block-image{position:relative;aspect-ratio:var(--wp--custom--aspect-ratio--media);overflow:hidden;background-color:var(--wp--preset--color--surface-2);& img{width:100%;height:100%;object-fit:cover}}&>p:is(.is-style-badge,.is-style-badge-brand,.is-style-badge-success,.is-style-badge-neutral){position:absolute;top:var(--wp--preset--spacing--3);left:var(--wp--preset--spacing--3);z-index:2}&>.wp-block-group{display:flex;flex:1;flex-direction:column;gap:var(--wp--preset--spacing--2);padding:var(--wp--preset--spacing--5);&>*{margin-block:0}}&>.wp-block-group>p:has(+.wp-block-heading){position:relative;z-index:2;align-self:flex-start;font-size:var(--wp--preset--font-size--caption);font-weight:600;line-height:16px;letter-spacing:var(--wp--custom--letter-spacing--overline);text-transform:uppercase;color:var(--wp--custom--color--accent-text);& a{color:inherit;text-decoration:none;&:hover{color:var(--wp--preset--color--brand)}}}& .wp-block-heading{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--wp--preset--font-size--h-4);font-weight:600;line-height:var(--wp--custom--line-height--h-4);letter-spacing:0;color:var(--wp--preset--color--text);& a{color:inherit;text-decoration:none;&::after{content:"";position:absolute;inset:0;z-index:1}&:focus-visible{outline:none;&::after{outline:2px solid var(--wp--custom--color--focus);outline-offset:-2px;border-radius:var(--wp--preset--border-radius--lg)}}}}&:hover .wp-block-heading{color:var(--wp--preset--color--brand)}& .wp-block-heading+p{margin-top:var(--wp--preset--spacing--1);font-size:var(--wp--preset--font-size--body-sm);line-height:var(--wp--custom--line-height--body-sm);color:var(--wp--preset--color--text-secondary)}& .wp-block-buttons{position:relative;z-index:2;margin-top:auto;padding-top:var(--wp--preset--spacing--3)}& .wp-block-button>.wp-block-button__link{min-height:36px;padding:var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);font-size:var(--wp--preset--font-size--caption)}}.wp-block-group.is-style-product-horizontal{flex-flow:row wrap;box-sizing:border-box;width:100%;container-type:inline-size;&>.wp-block-image{flex:2 1 var(--wp--custom--layout--card-image-basis)}&>.wp-block-group{flex:3 1 var(--wp--custom--layout--card-body-basis)}@container (width < 32rem){&>.wp-block-image{position:absolute;inset:0 0 auto}&>.wp-block-image~.wp-block-group{margin-top:calc(100cqw / (var(--wp--custom--aspect-ratio--media)))}}&:not(:has(>.wp-block-image))>p:is(.is-style-badge,.is-style-badge-brand,.is-style-badge-success,.is-style-badge-neutral){position:static;margin:var(--wp--preset--spacing--5) var(--wp--preset--spacing--5) 0}}.wp-block-group.is-style-product-compact{&>.wp-block-image{display:none}&>p:is(.is-style-badge,.is-style-badge-brand,.is-style-badge-success,.is-style-badge-neutral){position:static;align-self:flex-start;margin:var(--wp--preset--spacing--5) var(--wp--preset--spacing--5) 0;&+.wp-block-group{padding-top:var(--wp--preset--spacing--3)}}}@media (prefers-reduced-motion:no-preference){.wp-block-group:is(.is-style-product-horizontal,.is-style-product-compact){transition:border-color var(--wp--custom--duration--base) var(--wp--custom--easing),box-shadow var(--wp--custom--duration--base) var(--wp--custom--easing);&>.wp-block-image img{transition:transform var(--wp--custom--duration--slow) var(--wp--custom--easing)}&:hover>.wp-block-image img{transform:scale(1.03)}}}