.woo-attrs { width: 100%; margin: 1rem 0; }
.woo-attrs__heading { margin: 0 0 .75rem; font-size: clamp(1.1rem,1.8vw,1.25rem); font-weight: 600; }
.woo-attrs__grid { display: grid; grid-template-columns: 1fr; gap: 8px 16px; }
.woo-attrs__row { display: grid; grid-template-columns: minmax(140px,1fr) 2fr; align-items: start; gap: 8px 16px; padding: 0px 12px; background: #fff; border-radius: 8px; }
.woo-attrs__name { font-weight: 600;text-align:right; }
.woo-attrs__value { word-break: break-word; }
@media (min-width: 640px) {
  .woo-attrs__grid { grid-template-columns: 1fr; }
}