.catalog-card{--size-card-media-w: 189px;container-name:card surface}.catalog-card__body{display:flex;justify-content:space-between;gap:var(--gap-4) var(--gap-6);position:relative;flex:1 0 auto}.catalog-card__line{width:1px;min-width:1px;align-self:stretch;max-height:clamp(8.125rem,5.812rem + 11.562vw,15.062rem);background-color:var(--border-color)}.card-header{display:grid;grid-template-columns:auto minmax(0,1fr);position:relative;gap:var(--gap-2) var(--gap-5)}.card-header__text{display:flex;flex-direction:column;gap:var(--gap-3);grid-column:2;grid-row:1 / span 2;min-width:0}.card-header__image{min-width:var(--size-card-media-w);width:var(--size-card-media-w);grid-column:1;grid-row:1 / span 2}.card-header__image .catalog-card__media{border-radius:var(--radius-lg);overflow:hidden}.card-header__image:has(.content-product__gallery.is-empty){min-width:0;width:0}.card-header__image img{display:block;border-radius:var(--radius-lg)}[data-compact-cards=on] .card-header{grid-template-columns:minmax(0,1fr)}[data-compact-cards=on] .card-header__image{display:none}[data-compact-cards=on] .card-header__text{grid-column:1;grid-row:auto}.card-header__link{--size-card-link-min-h: 1.5rem;display:block;min-height:var(--size-card-link-min-h)}.card-header__meta{display:flex;gap:var(--gap-4)}.card-header__meta-box{display:flex;column-gap:var(--gap-4);align-items:center}.catalog-card__main{flex-shrink:3;align-self:flex-start;width:100%}.catalog-card__nav{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;flex-shrink:0;gap:var(--gap-4);width:100%;max-width:none}@container section (width >= 550px){.catalog-card__nav{width:auto}}.catalog-card__cta{display:flex;flex-direction:row;align-items:stretch;gap:var(--gap-2);width:100%}.catalog-card__cta .btn{padding:var(--padding-2) var(--padding-c-btn);font-size:var(--font-size-2)}@container card (max-width: 1050px){.card-header__meta-box{flex-direction:column;align-items:flex-start}.catalog-card__body{flex-direction:column}.catalog-card__main{max-width:100%;width:100%;flex:1 1 auto}.catalog-card__nav{width:100%;max-width:100%;flex-shrink:1}.catalog-card__line{width:100%;height:1px;min-height:0;max-height:none}}@container card (max-width: 360px){.card-header{grid-template-columns:minmax(0,1fr)}.card-header__image{grid-row:auto;width:100%;max-width:100%}.card-header__text{grid-column:1;grid-row:auto}}
