/* Alignment system: cards, buttons, records, products */
.item,.product,.promo,.related-card{display:flex;flex-direction:column}
.item .links,.product .links,.promo .links{margin-top:auto;display:flex;align-items:center}
.item .btn,.product .btn,.promo .btn{min-height:44px}
.item strong{display:block;margin-bottom:6px}
.item p,.product p,.promo p{margin:0 0 14px}

/* Record Watch: consistent card and button alignment */
#recordFeed .item{min-height:250px}
#recordFeed .item strong{font-size:15px}
#recordFeed .item .btn{margin-top:auto;align-self:flex-start}

/* Product cards: consistent baseline */
.product{min-height:300px}
.product h3{flex:0 0 auto}
.product .muted{flex:0 0 auto}
.product .price{margin-top:auto}
.product .links{margin-top:12px}

/* Ecosystem promos: consistent baseline */
.promo{min-height:270px}
.promo h3{flex:0 0 auto}
.promo p{flex:0 0 auto}

/* Related products */
.related-card{min-height:130px}
.related-card .muted{margin-top:auto}

/* Overlay actions */
.product-actions{align-items:center}
.product-actions .btn{min-height:44px}

/* Brand-specific ecosystem cards */
.promo{position:relative;overflow:hidden;padding-left:24px}
.promo::before{content:"";position:absolute;top:0;bottom:0;left:0;width:6px;background:var(--brand-color,var(--accent))}
.promo-brand-dbeastco{--brand-color:#2f7d55;background:linear-gradient(180deg,color-mix(in srgb,#2f7d55 8%,var(--panel)),var(--panel))}
.promo-brand-209audit{--brand-color:#a67c1b;background:linear-gradient(180deg,color-mix(in srgb,#a67c1b 8%,var(--panel)),var(--panel))}
.promo-brand-209media{--brand-color:#245f42;background:linear-gradient(180deg,color-mix(in srgb,#245f42 8%,var(--panel)),var(--panel))}
.promo-brand-studio{--brand-color:#4b5563;background:linear-gradient(180deg,color-mix(in srgb,#4b5563 8%,var(--panel)),var(--panel))}
.promo-brand-dbeastco .promo-label{color:#2f7d55}
.promo-brand-209audit .promo-label{color:#a67c1b}
.promo-brand-209media .promo-label{color:#245f42}
.promo-brand-studio .promo-label{color:#4b5563}

/* Mobile */
@media(max-width:720px){
  .item,.product,.promo{min-height:auto}
  #recordFeed .item{min-height:auto}
  .promo{padding-left:20px}
}